Review Details
,\n nextButtonText: 'Run',\n canJumpTo: isTemplate,\n },\n ];\n return (\n- Ordered - executes the jobs on hosts in alphabetical order
- Randomized - randomizes the order in which jobs are executed on hosts
\n {__('There are no available input fields for the selected template.')}\n
\n );\n};\nTemplateInputs.propTypes = {\n inputs: PropTypes.array.isRequired,\n value: PropTypes.object,\n setValue: PropTypes.func.isRequired,\n};\n\nTemplateInputs.defaultProps = {\n value: {},\n};\n\n\n\n// WEBPACK FOOTER //\n// ./vendor/ruby/2.5.0/gems/foreman_remote_execution-4.5.6/webpack/JobWizard/steps/HostsAndInputs/TemplateInputs.js","import React, { useState } from 'react';\nimport { Button, Form, FormGroup } from '@patternfly/react-core';\nimport PropTypes from 'prop-types';\nimport { useSelector } from 'react-redux';\nimport { translate as __ } from 'foremanReact/common/I18n';\nimport { selectTemplateInputs } from '../../JobWizardSelectors';\nimport { SelectField } from '../form/SelectField';\nimport { SelectedChips } from './SelectedChips';\nimport { TemplateInputs } from './TemplateInputs';\nimport { WIZARD_TITLES } from '../../JobWizardConstants';\nimport { WizardTitle } from '../form/WizardTitle';\n\nconst HostsAndInputs = ({\n templateValues,\n setTemplateValues,\n selectedHosts,\n setSelectedHosts,\n}) => {\n const templateInputs = useSelector(selectTemplateInputs);\n const hostMethods = [\n __('Hosts'),\n __('Host collection'),\n __('Host group'),\n __('Search query'),\n ];\n const [hostMethod, setHostMethod] = useState(hostMethods[0]);\n return (\n <>\n\n
- \n
- \n {__('Static')} -{' '}\n {__('evaluates just after you submit this form')}\n \n
- \n {__('Dynamic')} -{' '}\n {__(\n \"evaluates just before the execution is started, so if it's planed in future, targeted hosts set may change before it\"\n )}\n \n
\n \n \n \n \n \n \n \n \n
\n );\n};\n\nReactApp.propTypes = {\n layout: LayoutPropTypes.data.isRequired,\n metadata: PropTypes.object.isRequired,\n toasts: PropTypes.array.isRequired,\n};\n\nexport default ReactApp;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/Root/ReactApp.js","import { ApolloClient, ApolloLink, InMemoryCache, from } from '@apollo/client';\nimport { BatchHttpLink } from '@apollo/client/link/batch-http';\n\nimport { foremanUrl } from '../common/helpers';\n\nconst batchLink = new BatchHttpLink({ uri: foremanUrl('/api/graphql') });\n\nconst authLink = new ApolloLink((operation, forward) => {\n operation.setContext({\n headers: {\n 'X-CSRF-Token': document\n .querySelector('meta[name=csrf-token]')\n .getAttribute('content'),\n },\n });\n return forward(operation);\n});\n\nconst client = new ApolloClient({\n link: from([authLink, batchLink]),\n cache: new InMemoryCache(),\n});\n\nexport default client;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/Root/apollo.js","/* eslint-disable no-console, max-len */\n\nexport const deprecate = (oldMethod, newMethod, version) => {\n if (process.env.NODE_ENV !== 'production')\n console.warn(\n `DEPRECATION WARNING: you are using deprecated ${oldMethod}, it will be removed in Foreman ${version}. Use ${newMethod} instead.`\n );\n};\nexport const deprecateObjectProperty = (obj, oldProp, newProp, version) => {\n const oldPropPointer = obj[oldProp];\n\n Object.defineProperty(obj, oldProp, {\n get: () => {\n deprecate(oldProp, newProp, version);\n return oldPropPointer;\n },\n });\n};\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/common/DeprecationService.js","/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useEffect, useRef } from 'react';\nimport EmptyPage from '../routes/common/EmptyPage';\nimport LoadingPage from '../routes/common/LoadingPage';\n\n/**\n * HOC that runs a function on the initial mount of the component using useEffect\n * @param {Function} callback - function to run\n */\nexport const callOnMount = callback => WrappedComponent => componentProps => {\n // fires callback onMount, [] means don't listen to any props change\n useEffect(() => {\n callback(componentProps);\n }, []);\n\n return \n
\n \n ));\n\nconst renderTableRows = changeEntries =>\n changeEntries &&\n changeEntries.map(({ name, change }, index) => (\n {idToLabel}
\n{name}
\n \n {this.showTemplateDiffIfAny()}\n {showAuditChanges(\n actionDisplayName,\n auditedChangesWithIdToLabel,\n details\n )}\n {comment && (\n
\n );\n }\n}\n\nExpansiveView.propTypes = {\n actionDisplayName: PropTypes.string.isRequired,\n auditedChanges: PropTypes.object.isRequired,\n comment: PropTypes.string,\n auditedChangesWithIdToLabel: PropTypes.arrayOf(\n PropTypes.shape({\n change: PropTypes.arrayOf(\n PropTypes.shape({\n css_class: PropTypes.string,\n id_to_label: PropTypes.string,\n })\n ),\n name: PropTypes.string,\n })\n ),\n details: PropTypes.arrayOf(PropTypes.string),\n};\n\nExpansiveView.defaultProps = {\n comment: undefined,\n auditedChangesWithIdToLabel: [],\n details: undefined,\n};\n\nexport default ExpansiveView;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/AuditsList/ExpansiveView.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport EllipsisWithTooltip from 'react-ellipsis-with-tooltip';\n\nconst SearchLink = ({ url, title, id, textValue }) => {\n const linkProps = {\n href: url,\n title,\n id: `resource-link-${id}`,\n };\n\n return (\n \n
\n )}\n \n {__('Comments')}\n
\n{comment}
\n\n {__(\n 'Foreman can use External service for user information and authentication.'\n )}\n
\n \n {__('Learn more about External authentication in the documentation.')}\n \n \n );\n const action = canCreate && {\n title: __('Create LDAP Authentication Source'),\n url: foremanUrl('auth_source_ldaps/new'),\n };\n\n return (\n
\n (\n
\n );\n }\n}\n\nAutoComplete.propTypes = {\n id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n url: PropTypes.string.isRequired,\n name: PropTypes.string,\n value: PropTypes.string,\n results: PropTypes.array,\n searchQuery: PropTypes.string,\n inputProps: PropTypes.object,\n status: PropTypes.string,\n error: PropTypes.string,\n initialError: PropTypes.string,\n controller: PropTypes.string,\n handleSearch: PropTypes.func,\n getResults: PropTypes.func,\n resetData: PropTypes.func,\n initialUpdate: PropTypes.func,\n useKeyShortcuts: PropTypes.bool,\n placeholder: PropTypes.string,\n disabled: PropTypes.bool,\n trigger: PropTypes.string,\n};\n\nAutoComplete.defaultProps = {\n name: null,\n value: null,\n results: [],\n searchQuery: '',\n inputProps: {},\n status: null,\n error: null,\n initialError: null,\n controller: null,\n handleSearch: noop,\n getResults: noop,\n resetData: noop,\n initialUpdate: noop,\n useKeyShortcuts: false,\n placeholder: 'Filter ...',\n disabled: false,\n trigger: null,\n};\n\nAutoComplete.SearchButton = AutoCompleteSearchButton;\nAutoComplete.Error = AutoCompleteError;\n\nexport default AutoComplete;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/AutoComplete/AutoComplete.js","import URI from 'urijs';\nimport { debounce } from 'lodash';\nimport { API } from '../../redux/API';\nimport { STATUS } from '../../constants';\nimport { clearSpaces } from '../../common/helpers';\nimport {\n AUTO_COMPLETE_INIT,\n AUTO_COMPLETE_REQUEST,\n AUTO_COMPLETE_SUCCESS,\n AUTO_COMPLETE_FAILURE,\n AUTO_COMPLETE_RESET,\n AUTO_COMPLETE_DISABLED_CHANGE,\n AUTO_COMPLETE_CONTROLLER_CHANGE,\n TRIGGERS,\n} from './AutoCompleteConstants';\n\nexport const getResults = ({\n url,\n searchQuery,\n controller,\n trigger,\n id,\n}) => dispatch => {\n dispatch(\n startRequest({\n controller,\n searchQuery,\n trigger,\n dispatch,\n id,\n url,\n })\n );\n\n return createAPIRequest({\n searchQuery,\n trigger,\n id,\n dispatch,\n url,\n });\n};\n\nlet createAPIRequest = async ({ searchQuery, trigger, id, dispatch, url }) => {\n if (!url) {\n return dispatch(\n requestFailure({\n error: new Error('No API path was provided.'),\n id,\n dispatch,\n isVisible: false,\n })\n );\n }\n try {\n const path = getAPIPath({ trigger, searchQuery, url });\n const { data } = await API.get(path);\n\n return dispatch(\n requestSuccess({\n data,\n dispatch,\n trigger,\n id,\n })\n );\n } catch (error) {\n return dispatch(\n requestFailure({\n error,\n id,\n dispatch,\n isVisible: error.message === 'Network Error',\n })\n );\n }\n};\n\ncreateAPIRequest = debounce(createAPIRequest, 250);\n\nconst startRequest = ({ controller, searchQuery, trigger, id, url }) => ({\n type: AUTO_COMPLETE_REQUEST,\n payload: {\n controller,\n searchQuery,\n status: STATUS.PENDING,\n trigger,\n error: null,\n id,\n url,\n },\n});\n\nconst requestSuccess = ({ data, trigger, id }) => {\n const { error } = data[0] || {};\n if (error) {\n return requestFailure({ error: new Error(error), id });\n }\n if (!Array.isArray(data)) {\n const noDataError = new Error(\n `Response data is not an array, instead received: ${JSON.stringify(data)}`\n );\n return requestFailure({\n error: noDataError,\n id,\n isVisible: false,\n });\n }\n const results = data.map(result => objectDeepTrim(result, trigger));\n return {\n type: AUTO_COMPLETE_SUCCESS,\n payload: {\n results,\n status: STATUS.RESOLVED,\n id,\n },\n };\n};\n\nconst requestFailure = ({ error, id, isVisible = true }) => ({\n type: AUTO_COMPLETE_FAILURE,\n payload: {\n results: [],\n error: error.message,\n isErrorVisible: isVisible,\n status: STATUS.ERROR,\n id,\n },\n});\n\nconst isFinishedWithPoint = string => string.slice(-1) === '.';\n\nconst getAPIPath = ({ trigger, searchQuery, url }) => {\n const loadNextResults =\n trigger === TRIGGERS.ITEM_SELECT && !isFinishedWithPoint(searchQuery)\n ? ' '\n : '';\n const APISearchQuery = searchQuery + loadNextResults;\n const APIPath = new URI(url);\n APIPath.addSearch({ search: APISearchQuery });\n return APIPath.toString();\n};\n\nexport const resetData = (controller, id) => ({\n type: AUTO_COMPLETE_RESET,\n payload: { controller, id },\n});\n\nexport const initialUpdate = ({\n searchQuery,\n controller,\n error,\n id,\n url,\n disabled,\n}) => ({\n type: AUTO_COMPLETE_INIT,\n payload: {\n searchQuery,\n controller,\n trigger: TRIGGERS.COMPONENT_DID_MOUNT,\n status: STATUS.RESOLVED,\n error,\n isErrorVisible: !!error,\n id,\n disabled,\n url,\n },\n});\n\nconst objectDeepTrim = (obj, trigger) => {\n const copy = { ...obj };\n Object.keys(copy).forEach(key => {\n const addSpace =\n key === 'label' && trigger === TRIGGERS.ITEM_SELECT ? ' ' : '';\n copy[key] = clearSpaces(copy[key]) + addSpace;\n });\n return copy;\n};\n\nexport const updateDisability = (disabled, id) => ({\n type: AUTO_COMPLETE_DISABLED_CHANGE,\n payload: {\n disabled,\n id,\n },\n});\n\nexport const updateController = (controller, url, id) => ({\n type: AUTO_COMPLETE_CONTROLLER_CHANGE,\n payload: {\n controller,\n url,\n trigger: TRIGGERS.CONTROLLER_CHANGED,\n id,\n },\n});\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/AutoComplete/AutoCompleteActions.js","export const AUTO_COMPLETE_INIT = 'AUTO_COMPLETE_INIT';\nexport const AUTO_COMPLETE_REQUEST = 'AUTO_COMPLETE_REQUEST';\nexport const AUTO_COMPLETE_SUCCESS = 'AUTO_COMPLETE_SUCCESS';\nexport const AUTO_COMPLETE_FAILURE = 'AUTO_COMPLETE_FAILURE';\nexport const AUTO_COMPLETE_RESET = 'AUTO_COMPLETE_RESET';\nexport const AUTO_COMPLETE_DISABLED_CHANGE = 'AUTO_COMPLETE_DISABLED_CHANGE';\nexport const AUTO_COMPLETE_CONTROLLER_CHANGE =\n 'AUTO_COMPLETE_CONTROLLER_CHANGE';\nexport const TRIGGERS = {\n INPUT_FOCUS: 'INPUT_FOCUS',\n INPUT_CHANGE: 'INPUT_CHANGE',\n ITEM_SELECT: 'ITEM_SELECT',\n INPUT_CLEAR: 'INPUT_CLEAR',\n COMPONENT_DID_MOUNT: 'COMPONENT_DID_MOUNT',\n RESET: 'RESET',\n CONTROLLER_CHANGED: 'CONTROLLER_CHANGED',\n};\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/AutoComplete/AutoCompleteConstants.js","import Immutable from 'seamless-immutable';\nimport {\n AUTO_COMPLETE_INIT,\n AUTO_COMPLETE_REQUEST,\n AUTO_COMPLETE_SUCCESS,\n AUTO_COMPLETE_FAILURE,\n AUTO_COMPLETE_RESET,\n AUTO_COMPLETE_DISABLED_CHANGE,\n AUTO_COMPLETE_CONTROLLER_CHANGE,\n TRIGGERS,\n} from './AutoCompleteConstants';\n\nconst initialAutocompleteState = {\n controller: null,\n error: null,\n isErrorVisible: false,\n results: [],\n searchQuery: '',\n status: null,\n trigger: null,\n url: undefined,\n disabled: false,\n};\n\nexport default (state = Immutable({}), action) => {\n const {\n type,\n payload: {\n controller,\n error,\n results,\n searchQuery,\n status,\n trigger,\n isErrorVisible,\n id,\n disabled,\n url,\n } = {},\n } = action;\n switch (type) {\n case AUTO_COMPLETE_INIT:\n return state.setIn([id], {\n ...state[id],\n controller,\n error,\n isErrorVisible,\n results,\n searchQuery,\n status,\n trigger,\n disabled,\n url,\n });\n case AUTO_COMPLETE_REQUEST:\n return state.setIn([id], {\n ...state[id],\n controller,\n error,\n searchQuery,\n status,\n trigger,\n url,\n });\n case AUTO_COMPLETE_SUCCESS:\n return state.setIn([id], {\n ...state[id],\n results,\n status,\n });\n case AUTO_COMPLETE_FAILURE:\n return state.setIn([id], {\n ...state[id],\n error,\n isErrorVisible,\n results,\n status,\n });\n case AUTO_COMPLETE_RESET:\n return state.setIn([id], {\n ...initialAutocompleteState,\n trigger: TRIGGERS.RESET,\n });\n case AUTO_COMPLETE_DISABLED_CHANGE:\n return state.setIn([id], {\n ...state[id],\n disabled,\n });\n case AUTO_COMPLETE_CONTROLLER_CHANGE:\n return state.setIn([id], {\n ...state[id],\n controller,\n url,\n trigger,\n });\n default:\n return state;\n }\n};\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/AutoComplete/AutoCompleteReducer.js","import { TRIGGERS } from './AutoCompleteConstants';\n\nexport const selectAutocomplete = ({ autocomplete }, id) => autocomplete[id];\n\nexport const selectAutocompleteProp = (state, id, prop, ownProps) => {\n const selectedAutocomplete = selectAutocomplete(state, id);\n const isAutocompleteInitiated = selectedAutocomplete !== undefined;\n const { trigger } = selectedAutocomplete || {};\n const didComponentReset = prop !== 'trigger' && trigger === TRIGGERS.RESET;\n const propFromOwnProps = ownProps && ownProps[prop];\n\n if (isAutocompleteInitiated) {\n if (didComponentReset) {\n return propFromOwnProps;\n }\n return selectedAutocomplete[prop];\n }\n return propFromOwnProps;\n};\n\nexport const selectAutocompleteError = (state, id, ownProps) => {\n const isErrorVisible = selectAutocompleteIsErrorVisible(state, id, ownProps);\n if (!isErrorVisible) {\n return null;\n }\n return selectAutocompleteProp(state, id, 'error', ownProps);\n};\n\nexport const selectAutocompleteIsErrorVisible = (state, id, ownProps) =>\n selectAutocompleteProp(state, id, 'isErrorVisible', ownProps);\n\nexport const selectAutocompleteResults = (state, id, ownProps) =>\n selectAutocompleteProp(state, id, 'results', ownProps);\n\nexport const selectAutocompleteSearchQuery = (state, id, ownProps) =>\n selectAutocompleteProp(state, id, 'searchQuery', ownProps);\n\nexport const selectAutocompleteStatus = (state, id, ownProps) =>\n selectAutocompleteProp(state, id, 'status', ownProps);\n\nexport const selectAutocompleteController = (state, id, ownProps) =>\n selectAutocompleteProp(state, id, 'controller', ownProps);\n\nexport const selectAutocompleteTrigger = (state, id, ownProps) =>\n selectAutocompleteProp(state, id, 'trigger', ownProps);\n\nexport const selectAutocompleteUrl = (state, id, ownProps) =>\n selectAutocompleteProp(state, id, 'url', ownProps);\n\nexport const selectAutocompleteIsDisabled = (state, id, ownProps) =>\n selectAutocompleteProp(state, id, 'disabled', ownProps);\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/AutoComplete/AutoCompleteSelectors.js","import React from 'react';\nimport AutoCompleteClearButton from './AutoCompleteClearButton';\n\nconst AutoCompleteAux = ({ ...props }) => (\n \n
\n);\n\nAutoCompleteAux.propTypes = {\n ...AutoCompleteClearButton.propTypes,\n};\n\nAutoCompleteAux.defaultProps = {\n ...AutoCompleteClearButton.defaultProps,\n};\n\nexport default AutoCompleteAux;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/AutoComplete/components/AutoCompleteAux.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport UUID from 'uuid/v1';\nimport { Icon, OverlayTrigger, Tooltip } from 'patternfly-react';\nimport { noop } from '../../../common/helpers';\nimport { translate as __ } from '../../../common/I18n';\n\nconst AutoCompleteClearButton = ({ onClear }) => (\n {error}
\n);\n\nAutoCompleteError.propTypes = {\n error: PropTypes.string,\n};\n\nAutoCompleteError.defaultProps = {\n error: null,\n};\n\nexport default AutoCompleteError;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/AutoComplete/components/AutoCompleteError.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport UUID from 'uuid/v1';\nimport classNames from 'classnames';\nimport { OverlayTrigger, Tooltip } from 'patternfly-react';\nimport { translate as __ } from '../../../common/I18n';\n\nconst AutoCompleteFocusShortcut = ({ useKeyShortcuts }) => {\n const tooltip = useKeyShortcuts && (\n \n \n {isSwitchable && (\n toggleSwitcher()}\n onHide={() => closeSwitcher()}\n onOpen={() => this.handleOpen()}\n onSearchChange={event =>\n loadSwitcherResourcesByResource(resource, {\n searchQuery: event.target.value,\n })\n }\n onNextPageClick={() =>\n loadSwitcherResourcesByResource(\n resource,\n options({ pageIncrement: 1 })\n )\n }\n onPrevPageClick={() =>\n loadSwitcherResourcesByResource(\n resource,\n options({ pageIncrement: -1 })\n )\n }\n searchValue={searchQuery}\n onSearchClear={() => removeSearchQuery(resource)}\n searchDebounceTimeout={searchDebounceTimeout}\n onResourceClick={handleSwitcherItemClick}\n />\n )}\n \n {!isTitle &&
}\n
\n );\n }\n}\n\nBreadcrumbBar.propTypes = {\n isSwitchable: PropTypes.bool,\n resource: PropTypes.shape({\n nameField: PropTypes.string,\n resourceUrl: PropTypes.string,\n switcherItemUrl: PropTypes.string,\n resourceFilter: PropTypes.string,\n }),\n breadcrumbItems: Breadcrumb.propTypes.items,\n searchDebounceTimeout: PropTypes.number,\n searchQuery: PropTypes.string,\n currentPage: PropTypes.number,\n totalPages: PropTypes.number,\n resourceSwitcherItems: BreadcrumbSwitcher.propTypes.resources,\n resourceUrl: PropTypes.string,\n isLoadingResources: PropTypes.bool,\n hasError: PropTypes.bool,\n isSwitcherOpen: PropTypes.bool,\n titleReplacement: PropTypes.string,\n toggleSwitcher: PropTypes.func,\n closeSwitcher: PropTypes.func,\n loadSwitcherResourcesByResource: PropTypes.func,\n onSwitcherItemClick: PropTypes.func,\n removeSearchQuery: PropTypes.func,\n};\n\nBreadcrumbBar.defaultProps = {\n isSwitchable: false,\n resource: {},\n breadcrumbItems: [],\n searchQuery: '',\n currentPage: null,\n totalPages: 1,\n resourceSwitcherItems: [],\n resourceUrl: null,\n isLoadingResources: false,\n hasError: false,\n isSwitcherOpen: false,\n searchDebounceTimeout: 300,\n titleReplacement: null,\n toggleSwitcher: noop,\n closeSwitcher: noop,\n loadSwitcherResourcesByResource: noop,\n onSwitcherItemClick: noop,\n removeSearchQuery: noop,\n};\n\nexport default BreadcrumbBar;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/BreadcrumbBar/BreadcrumbBar.js","import { flatten, get } from 'lodash';\nimport { translate as __ } from '../../common/I18n';\nimport { API } from '../../redux/API';\n\nimport {\n BREADCRUMB_BAR_TOGGLE_SWITCHER,\n BREADCRUMB_BAR_CLOSE_SWITCHER,\n BREADCRUMB_BAR_RESOURCES_REQUEST,\n BREADCRUMB_BAR_RESOURCES_SUCCESS,\n BREADCRUMB_BAR_RESOURCES_FAILURE,\n BREADCRUMB_BAR_CLEAR_SEARCH,\n BREADCRUMB_BAR_UPDATE_TITLE,\n} from './BreadcrumbBarConstants';\n\nexport const toggleSwitcher = () => ({\n type: BREADCRUMB_BAR_TOGGLE_SWITCHER,\n});\n\nexport const closeSwitcher = () => ({\n type: BREADCRUMB_BAR_CLOSE_SWITCHER,\n});\n\nexport const removeSearchQuery = resource => dispatch => {\n dispatch({\n type: BREADCRUMB_BAR_CLEAR_SEARCH,\n });\n loadSwitcherResourcesByResource(resource)(dispatch);\n};\n\nexport const updateBreadcrumbTitle = title => ({\n type: BREADCRUMB_BAR_UPDATE_TITLE,\n payload: title,\n});\n\nexport const loadSwitcherResourcesByResource = (\n resource,\n { page = 1, searchQuery = '' } = {}\n) => async dispatch => {\n const { resourceUrl, nameField, switcherItemUrl } = resource;\n const options = { page, searchQuery };\n const beforeRequest = () =>\n dispatch({\n type: BREADCRUMB_BAR_RESOURCES_REQUEST,\n payload: { resourceUrl, options },\n });\n\n const onRequestSuccess = response =>\n dispatch({\n type: BREADCRUMB_BAR_RESOURCES_SUCCESS,\n payload: { ...formatResults(response), resourceUrl },\n });\n\n const onRequestFail = error =>\n dispatch({\n type: BREADCRUMB_BAR_RESOURCES_FAILURE,\n payload: { error, resourceUrl },\n });\n\n const formatResults = ({ data }) => {\n const switcherItems = flatten(Object.values(data.results)).map(result => {\n const itemName = get(result, nameField);\n return {\n name: __(itemName),\n id: result.id,\n href: switcherItemUrl\n .replace(':id', result.id)\n .replace(':name', itemName),\n };\n });\n\n return {\n items: switcherItems,\n page: Number(data.page),\n pages: Number(data.subtotal) / Number(data.per_page),\n };\n };\n beforeRequest();\n try {\n const response = await API.get(\n resourceUrl,\n {},\n {\n page,\n per_page: 10,\n search: createSearch(nameField, searchQuery, resource.resourceFilter),\n }\n );\n return onRequestSuccess(response);\n } catch (error) {\n return onRequestFail(error);\n }\n};\n\nexport const createSearch = (nameField, searchQuery, resourceFilter) => {\n let query = '';\n if (resourceFilter) {\n query += resourceFilter;\n }\n\n if (query && searchQuery) {\n query += ` AND ${simpleNameQuery(nameField, searchQuery)}`;\n } else {\n query += simpleNameQuery(nameField, searchQuery);\n }\n\n return query;\n};\n\nconst simpleNameQuery = (nameField, searchQuery) =>\n searchQuery ? `${[nameField]}~${searchQuery}` : '';\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/BreadcrumbBar/BreadcrumbBarActions.js","export const BREADCRUMB_BAR_TOGGLE_SWITCHER = 'BREADCRUMB_BAR_TOGGLE_SWITCHER';\nexport const BREADCRUMB_BAR_CLOSE_SWITCHER = 'BREADCRUMB_BAR_CLOSE_SWITCHER';\nexport const BREADCRUMB_BAR_RESOURCES_REQUEST =\n 'BREADCRUMB_BAR_RESOURCES_REQUEST';\nexport const BREADCRUMB_BAR_RESOURCES_SUCCESS =\n 'BREADCRUMB_BAR_RESOURCES_SUCCESS';\nexport const BREADCRUMB_BAR_RESOURCES_FAILURE =\n 'BREADCRUMB_BAR_RESOURCES_FAILURE';\nexport const BREADCRUMB_BAR_CLEAR_SEARCH = 'BREADCRUMB_BAR_DELETE_SEARCH';\nexport const BREADCRUMB_BAR_UPDATE_TITLE = 'BREADCRUMB_BAR_UPDATE_TITLE';\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/BreadcrumbBar/BreadcrumbBarConstants.js","import Immutable from 'seamless-immutable';\n\nimport {\n BREADCRUMB_BAR_TOGGLE_SWITCHER,\n BREADCRUMB_BAR_CLOSE_SWITCHER,\n BREADCRUMB_BAR_RESOURCES_REQUEST,\n BREADCRUMB_BAR_RESOURCES_SUCCESS,\n BREADCRUMB_BAR_RESOURCES_FAILURE,\n BREADCRUMB_BAR_CLEAR_SEARCH,\n BREADCRUMB_BAR_UPDATE_TITLE,\n} from './BreadcrumbBarConstants';\n\nconst initialState = Immutable({\n resourceSwitcherItems: [],\n isLoadingResources: false,\n isSwitcherOpen: false,\n resourceUrl: null,\n requestError: null,\n currentPage: null,\n searchQuery: '',\n pages: null,\n titleReplacement: null,\n});\n\nexport default (state = initialState, action) => {\n const { payload } = action;\n\n switch (action.type) {\n case BREADCRUMB_BAR_CLEAR_SEARCH:\n return state.set('searchQuery', '');\n\n case BREADCRUMB_BAR_UPDATE_TITLE:\n return state.set('titleReplacement', payload);\n\n case BREADCRUMB_BAR_RESOURCES_REQUEST:\n return state\n .set('resourceSwitcherItems', [])\n .set('resourceUrl', payload.resourceUrl)\n .set('requestError', null)\n .set('isLoadingResources', true)\n .set('searchQuery', payload.options.searchQuery);\n\n case BREADCRUMB_BAR_RESOURCES_SUCCESS:\n return state\n .set('resourceSwitcherItems', payload.items)\n .set('resourceUrl', payload.resourceUrl)\n .set('currentPage', payload.page)\n .set('pages', payload.pages)\n .set('requestError', null)\n .set('isLoadingResources', false);\n\n case BREADCRUMB_BAR_RESOURCES_FAILURE:\n return state\n .set('resourceSwitcherItems', [])\n .set('requestError', payload.error)\n .set('resourceUrl', payload.resourceUrl)\n .set('isLoadingResources', false);\n\n case BREADCRUMB_BAR_TOGGLE_SWITCHER:\n return state.set('isSwitcherOpen', !state.isSwitcherOpen);\n\n case BREADCRUMB_BAR_CLOSE_SWITCHER:\n return state.set('isSwitcherOpen', false);\n\n default:\n return state;\n }\n};\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/BreadcrumbBar/BreadcrumbBarReducer.js","export const selectBreadcrumbBar = state => state.breadcrumbBar;\nexport const selectResourceSwitcherItems = state =>\n selectBreadcrumbBar(state).resourceSwitcherItems;\nexport const selectResourceUrl = state =>\n selectBreadcrumbBar(state).resourceUrl;\nexport const selectIsSwitcherOpen = state =>\n selectBreadcrumbBar(state).isSwitcherOpen;\nexport const selectIsLoadingResources = state =>\n selectBreadcrumbBar(state).isLoadingResources;\nexport const selectHasError = state =>\n selectBreadcrumbBar(state).requestError != null;\nexport const selectCurrentPage = state =>\n selectBreadcrumbBar(state).currentPage;\nexport const selectTotalPages = state => selectBreadcrumbBar(state).pages;\nexport const selectSearchQuery = state =>\n selectBreadcrumbBar(state).searchQuery;\nexport const selectRemoveSearchQuery = state =>\n selectBreadcrumbBar(state).removeSearchQuery;\nexport const selectTitleReplacement = state =>\n selectBreadcrumbBar(state).titleReplacement;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/BreadcrumbBar/BreadcrumbBarSelector.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport {\n Breadcrumb as PfBreadcrumb,\n BreadcrumbItem,\n} from '@patternfly/react-core';\nimport EllipsisWithTooltip from 'react-ellipsis-with-tooltip';\nimport './Breadcrumbs.scss';\n\nconst Breadcrumb = ({\n items,\n isTitle,\n titleReplacement,\n children,\n ...props\n}) => {\n if (isTitle) {\n return (\n }\n
\n
\n );\n }\n\n return (\n {items[0].caption}
\n| {__('Total')} | \n{total} | \n
|---|
{title}
\n\n
\n \n
\n );\n }\n}\n\nDiffContainer.propTypes = {\n oldText: PropTypes.string,\n newText: PropTypes.string,\n patch: PropTypes.string,\n className: PropTypes.string,\n};\n\nDiffContainer.defaultProps = {\n oldText: '',\n newText: '',\n patch: '',\n className: '',\n};\n\nexport default DiffContainer;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/DiffView/DiffContainer.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { ButtonGroup, Button } from 'patternfly-react';\nimport { translate as __ } from '../../common/I18n';\nimport { SPLIT, UNIFIED } from './DiffConsts';\n\nconst btnClass = (stateView, btnView) =>\n classNames('diff-button', { active: stateView === btnView });\n\nconst radioButton = (stateView, btnView, changeState) => (\n \n
\n {files.map(renderFile)}
;\n};\n\nDiffView.propTypes = {\n // None are required because only one can be used at a time: (old + new || patch)\n oldText: PropTypes.string,\n newText: PropTypes.string,\n viewType: PropTypes.string.isRequired,\n patch: PropTypes.string,\n};\n\nDiffView.defaultProps = {\n oldText: '',\n newText: '',\n patch: '',\n};\n\nexport default DiffView;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/DiffView/DiffView.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ToastNotification } from 'patternfly-react';\n\nimport { noop } from '../../common/helpers';\nimport DiffView from '../DiffView/DiffView';\nimport EditorView from './components/EditorView';\nimport EditorNavbar from './components/EditorNavbar';\nimport EditorModal from './components/EditorModal';\nimport {\n EDITOR_THEMES,\n EDITOR_KEYBINDINGS,\n EDITOR_MODES,\n} from './EditorConstants';\nimport './editor.scss';\n\nclass Editor extends React.Component {\n componentDidMount() {\n const {\n data: { hosts, templateClass, locked, template, type },\n initializeEditor,\n isMasked,\n isRendering,\n readOnly,\n previewResult,\n selectedView,\n showError,\n } = this.props;\n\n const initializeData = {\n hosts,\n isMasked,\n templateClass,\n isRendering,\n locked,\n readOnly,\n previewResult,\n selectedView,\n showError,\n template,\n type,\n };\n initializeEditor(initializeData);\n }\n\n render() {\n const {\n data: {\n name,\n isSafemodeEnabled,\n renderPath,\n safemodeRenderPath,\n showHide,\n showImport,\n showPreview,\n showHostSelector,\n template,\n title,\n },\n changeDiffViewType,\n changeEditorValue,\n changeSetting,\n changeTab,\n diffViewType,\n dismissErrorToast,\n editorName,\n errorText,\n fetchAndPreview,\n filteredHosts,\n hosts,\n importFile,\n isFetchingHosts,\n isLoading,\n isMasked,\n isMaximized,\n isRendering,\n isSearchingHosts,\n isSelectOpen,\n keyBinding,\n mode,\n onHostSearch,\n onHostSelectToggle,\n onSearchClear,\n previewResult,\n previewTemplate,\n readOnly,\n renderedEditorValue,\n revertChanges,\n searchQuery,\n selectedHost,\n selectedView,\n showError,\n theme,\n toggleMaskValue,\n toggleModal,\n toggleRenderView,\n value,\n } = this.props;\n\n const editorViewProps = {\n value: isRendering ? previewResult : value,\n mode: isRendering ? 'Text' : mode,\n theme,\n keyBinding,\n onChange: isRendering ? noop : changeEditorValue,\n readOnly: readOnly || isRendering,\n isMasked,\n };\n const editorNameTab = {\n input: `${editorName}Code`,\n preview: `${editorName}Preview`,\n };\n\n return (\n \n dismissErrorToast()}\n >\n {errorText}\n \n \n
\n {title}
\n\n
\n ) : (\n \n \n
\n );\n};\n\nEditorNavbar.propTypes = {\n changeDiffViewType: PropTypes.func.isRequired,\n changeSetting: PropTypes.func.isRequired,\n changeTab: PropTypes.func.isRequired,\n diffViewType: PropTypes.string.isRequired,\n fetchAndPreview: PropTypes.func.isRequired,\n filteredHosts: PropTypes.array,\n hosts: PropTypes.array,\n importFile: PropTypes.func.isRequired,\n isDiff: PropTypes.bool.isRequired,\n isFetchingHosts: PropTypes.bool.isRequired,\n isLoading: PropTypes.bool.isRequired,\n isMasked: PropTypes.bool.isRequired,\n isRendering: PropTypes.bool.isRequired,\n isSearchingHosts: PropTypes.bool.isRequired,\n isSelectOpen: PropTypes.bool.isRequired,\n keyBinding: PropTypes.string.isRequired,\n keyBindings: PropTypes.array.isRequired,\n mode: PropTypes.string.isRequired,\n modes: PropTypes.array.isRequired,\n onHostSearch: PropTypes.func.isRequired,\n onHostSelectToggle: PropTypes.func.isRequired,\n onSearchClear: PropTypes.func.isRequired,\n previewResult: PropTypes.string.isRequired,\n previewTemplate: PropTypes.func.isRequired,\n renderedEditorValue: PropTypes.string.isRequired,\n isSafemodeEnabled: PropTypes.bool.isRequired,\n renderPath: PropTypes.string,\n safemodeRenderPath: PropTypes.string,\n revertChanges: PropTypes.func.isRequired,\n searchQuery: PropTypes.string.isRequired,\n selectedHost: PropTypes.shape({\n id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n name: PropTypes.string,\n }).isRequired,\n selectedView: PropTypes.string.isRequired,\n showError: PropTypes.bool.isRequired,\n showHide: PropTypes.bool,\n showImport: PropTypes.bool.isRequired,\n showPreview: PropTypes.bool.isRequired,\n showHostSelector: PropTypes.bool,\n template: PropTypes.string,\n theme: PropTypes.string.isRequired,\n themes: PropTypes.array.isRequired,\n toggleMaskValue: PropTypes.func.isRequired,\n toggleModal: PropTypes.func.isRequired,\n toggleRenderView: PropTypes.func.isRequired,\n value: PropTypes.string.isRequired,\n};\n\nEditorNavbar.defaultProps = {\n hosts: [],\n filteredHosts: [],\n renderPath: '',\n safemodeRenderPath: '',\n showHide: false,\n template: '',\n showHostSelector: true,\n};\n\nexport default EditorNavbar;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/Editor/components/EditorNavbar.js","/* eslint-disable no-alert */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport {\n Button,\n Icon,\n OverlayTrigger,\n FormControl,\n Tooltip,\n} from 'patternfly-react';\n\nimport { translate as __ } from '../../../common/I18n';\nimport { bindMethods } from '../../../common/helpers';\nimport DiffRadioButtons from '../../DiffView/DiffRadioButtons';\nimport EditorSettings from './EditorSettings';\n\nclass EditorOptions extends React.Component {\n constructor(props) {\n super(props);\n bindMethods(this, ['fileDialog']);\n this.fileInput = React.createRef();\n }\n\n fileDialog() {\n this.fileInput.click();\n }\n\n render() {\n const {\n changeDiffViewType,\n changeSetting,\n changeTab,\n diffViewType,\n importFile,\n isDiff,\n isMasked,\n keyBinding,\n keyBindings,\n mode,\n modes,\n revertChanges,\n selectedView,\n showHide,\n showImport,\n template,\n theme,\n themes,\n toggleMaskValue,\n toggleModal,\n } = this.props;\n\n return (\n \n {selectedView === 'diff' && (\n changeDiffViewType(viewType)}\n />\n )}\n\n {__('Hide Content')}}\n placement=\"top\"\n trigger={['hover']}\n >\n toggleMaskValue(isMasked)}\n bsStyle=\"link\"\n >\n \n {__('Revert Local Changes')}\n \n }\n placement=\"top\"\n trigger={['hover']}\n >\n {\n if (\n window.confirm(\n 'Are you sure you would like to revert all changes?'\n )\n ) {\n revertChanges(template);\n if (selectedView !== 'input') changeTab('input');\n }\n }}\n bsStyle=\"link\"\n >\n \n {__('Import File')}}\n placement=\"top\"\n trigger={['hover']}\n >\n this.fileDialog()}\n >\n {\n this.fileInput = ref;\n }}\n className=\"hidden\"\n type=\"file\"\n onChange={importFile}\n />\n \n \n )}\n {__('Maximize')}}\n placement=\"top\"\n trigger={['hover']}\n >\n \n
\n );\n }\n}\n\nEditorOptions.propTypes = {\n changeDiffViewType: PropTypes.func.isRequired,\n changeSetting: PropTypes.func.isRequired,\n changeTab: PropTypes.func.isRequired,\n diffViewType: PropTypes.string.isRequired,\n importFile: PropTypes.func.isRequired,\n isDiff: PropTypes.bool.isRequired,\n isMasked: PropTypes.bool.isRequired,\n keyBinding: PropTypes.string.isRequired,\n keyBindings: PropTypes.array.isRequired,\n mode: PropTypes.string.isRequired,\n modes: PropTypes.array.isRequired,\n revertChanges: PropTypes.func.isRequired,\n selectedView: PropTypes.string.isRequired,\n showHide: PropTypes.bool,\n showImport: PropTypes.bool.isRequired,\n template: PropTypes.string,\n theme: PropTypes.string.isRequired,\n themes: PropTypes.array.isRequired,\n toggleMaskValue: PropTypes.func.isRequired,\n toggleModal: PropTypes.func.isRequired,\n};\n\nEditorOptions.defaultProps = {\n showHide: false,\n template: '',\n};\n\nexport default EditorOptions;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/Editor/components/EditorOptions.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Icon, NavItem } from 'patternfly-react';\n\nconst EditorRadioButton = ({\n btnView,\n disabled,\n icon,\n onClick,\n stateView,\n title,\n}) => (\n |
\n {showHide && (\n\n \n {mode} \n \n {modes.map((aceMode, i) => (\n changeSetting({ mode: aceMode })}\n >\n {aceMode}\n \n ))}\n \n \n
\n {__('Syntax')}
\n \n \n {keyBinding} \n \n {keyBindings.map((keyBind, i) => (\n changeSetting({ keyBinding: keyBind })}\n >\n {keyBind}\n \n ))}\n \n \n
\n {__('Keybind')}
\n \n \n {theme} \n \n {themes.map((themeKey, i) => (\n changeSetting({ theme: themeKey })}\n >\n {themeKey}\n \n ))}\n \n \n
\n \n }\n placement=\"bottom\"\n trigger={['click']}\n rootClose\n >\n \n \n);\n\nEditorSettings.propTypes = {\n changeSetting: PropTypes.func.isRequired,\n keyBinding: PropTypes.string.isRequired,\n keyBindings: PropTypes.array.isRequired,\n selectedView: PropTypes.string.isRequired,\n mode: PropTypes.string.isRequired,\n modes: PropTypes.array.isRequired,\n theme: PropTypes.string.isRequired,\n themes: PropTypes.array.isRequired,\n};\n\nexport default EditorSettings;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/Editor/components/EditorSettings.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport AceEditor from 'react-ace';\nimport classNames from 'classnames';\n\nimport { noop } from '../../../common/helpers';\n\nconst EditorView = ({\n className,\n isMasked,\n keyBinding,\n mode,\n name,\n onChange,\n readOnly,\n theme,\n value,\n isSelected,\n}) => (\n {__('Theme')}
\n \n This information is commonly imported from a pre-existing Puppet configuration by the use of the Puppet classes and environment importer.`);\n return (\n
\n \n \n \n \n 
\n \n \n {__('Click to log in again')}\n \n \n \n \n
\n );\n};\n\nExternalLogout.propTypes = {\n backgroundUrl: PropTypes.string,\n caption: PropTypes.string,\n logoSrc: PropTypes.string,\n version: PropTypes.string,\n submitLink: PropTypes.string.isRequired,\n};\n\nExternalLogout.defaultProps = {\n backgroundUrl: null,\n caption: null,\n logoSrc: null,\n version: null,\n};\n\nexport default ExternalLogout;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/ExternalLogout/ExternalLogout.js","export { default } from './ExternalLogout';\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/ExternalLogout/index.js","import React from 'react';\nimport { Modal, Button, OverlayTrigger, Tooltip } from 'patternfly-react';\nimport PropTypes from 'prop-types';\nimport { noop } from '../../common/helpers';\nimport DonutChart from '../common/charts/DonutChart';\nimport Loader from '../common/Loader';\nimport MessageBox from '../common/MessageBox';\nimport { STATUS } from '../../constants';\nimport {\n sprintf,\n ngettext as n__,\n translate as __,\n} from '../../../react_app/common/I18n';\n\nconst FactChart = ({\n hostsCount,\n modalToDisplay,\n status,\n chartData,\n closeModal,\n openModal,\n search,\n id,\n title,\n}) => {\n const chartProps = {\n data: chartData,\n key: `chart-${id}`,\n searchUrl: search && !search.match(/=$/) ? search : null,\n };\n\n const chart = \n
\n {__('Welcome')}
\n {version &&{`${__('Version')} ${version}`}
}\n {caption &&{caption}
}\n\n \n \n \n {modalToDisplay && (\n \n \n \n {sprintf(__('Fact distribution chart - %s '), title)}\n {hostsCount && (\n \n {sprintf(\n n__('(%s host)', '(%s hosts)', hostsCount),\n hostsCount\n )}\n \n )}\n \n \n \n \n \n )}\n
\n );\n};\n\nFactChart.propTypes = {\n modalToDisplay: PropTypes.bool,\n hostsCount: PropTypes.number,\n openModal: PropTypes.func,\n closeModal: PropTypes.func,\n status: PropTypes.string,\n chartData: PropTypes.arrayOf(PropTypes.array),\n search: PropTypes.string,\n title: PropTypes.string,\n id: PropTypes.number.isRequired,\n};\n\nFactChart.defaultProps = {\n modalToDisplay: false,\n hostsCount: 0,\n openModal: noop,\n closeModal: noop,\n status: null,\n chartData: null,\n search: null,\n title: '',\n};\n\nexport default FactChart;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/FactCharts/FactChart.js","import {\n FACT_CHART_MODAL_OPEN,\n FACT_CHART_MODAL_CLOSE,\n} from './FactChartConstants';\nimport { get } from '../../redux/API';\n\nexport const openModal = ({ id, title, apiKey, apiUrl }) => dispatch => {\n dispatch(get({ key: apiKey, url: apiUrl }));\n dispatch({\n type: FACT_CHART_MODAL_OPEN,\n payload: { id, title },\n });\n};\n\nexport const closeModal = id => ({\n type: FACT_CHART_MODAL_CLOSE,\n payload: { id },\n});\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/FactCharts/FactChartActions.js","export const FACT_CHART = 'FACT_CHART';\nexport const FACT_CHART_MODAL_OPEN = 'FACT_CHART_MODAL_OPEN';\nexport const FACT_CHART_MODAL_CLOSE = 'FACT_CHART_MODAL_CLOSE';\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/FactCharts/FactChartConstants.js","import Immutable from 'seamless-immutable';\nimport {\n FACT_CHART_MODAL_CLOSE,\n FACT_CHART_MODAL_OPEN,\n} from './FactChartConstants';\n\nconst initialState = Immutable({\n modalToDisplay: {},\n});\n\n// should be removed when the modals infrastructure will get merged.\nexport default (state = initialState, { type, payload }) => {\n switch (type) {\n case FACT_CHART_MODAL_OPEN:\n return state\n .set('title', payload.title)\n .set('modalToDisplay', { [payload.id]: true });\n case FACT_CHART_MODAL_CLOSE:\n return state.set('modalToDisplay', {});\n default:\n return state;\n }\n};\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/FactCharts/FactChartReducer.js","import { createSelector } from 'reselect';\nimport {\n selectAPIStatus,\n selectAPIResponse,\n} from '../../redux/API/APISelectors';\n\nexport const selectFactChartData = (state, key) =>\n selectAPIResponse(state, key).values || [];\n\nexport const selectFactChartStatus = (state, key) =>\n selectAPIStatus(state, key);\n\nconst hostCounter = (accumulator, currentValue) => accumulator + currentValue;\n\nexport const selectHostCount = createSelector(selectFactChartData, chartData =>\n chartData.length ? chartData.map(item => item[1]).reduce(hostCounter) : 0\n);\n\nexport const selectFactChart = state => state.factChart;\n\nexport const selectDisplayModal = (state, id) =>\n selectFactChart(state).modalToDisplay[id] || false;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/FactCharts/FactChartSelectors.js","import React from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport FactChart from './FactChart';\nimport reducer from './FactChartReducer';\nimport { openModal, closeModal } from './FactChartActions';\nimport { FACT_CHART } from './FactChartConstants';\nimport {\n selectHostCount,\n selectDisplayModal,\n selectFactChartStatus,\n selectFactChartData,\n} from './FactChartSelectors';\n\nconst ConnectedFactChart = ({ id, path, title, search }) => {\n const key = `${FACT_CHART}_${id}`;\n const hostsCount = useSelector(state => selectHostCount(state, key));\n const status = useSelector(state => selectFactChartStatus(state, key));\n const chartData = useSelector(state => selectFactChartData(state, key));\n const modalToDisplay = useSelector(state => selectDisplayModal(state, id));\n const dispatch = useDispatch();\n const dispatchCloseModal = () => dispatch(closeModal(id));\n const dispatchOpenModal = () =>\n dispatch(openModal({ id, title, apiKey: key, apiUrl: path }));\n\n return (\n \n {[chart, error]} \n
\n \n
\n )}\n {results?.map((audit, index) => {\n if (index < 3)\n return (\n \n
\n )}\n {interfaces.map(Interface => (\n \n
\n )}\n\n {paramters.map(param => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n);\n\nDetailsTab.propTypes = {\n response: PropTypes.shape({\n all_parameters: PropTypes.string,\n global_status_label: PropTypes.string,\n interfaces: PropTypes.string,\n name: PropTypes.string,\n }),\n status: PropTypes.string,\n};\n\nDetailsTab.defaultProps = {\n response: {},\n status: STATUS.PENDING,\n};\nexport default DetailsTab;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/HostDetails/Tabs/Details/index.js","import React from 'react';\nimport { addGlobalFill } from '../../common/Fill/GlobalFill';\nimport DetailsTab from './Details';\n\nexport const registerCoreTabs = () => {\n addGlobalFill('host-details-page-tabs', 'Overview', \n
\n )}\n\n {content.map(({ id, name, key, value, href }) => (\n \n \n {__('Hosts')} \n \n {response.name || \n \n {/* TODO: Replace all br with css */}\n
\n
\n\n \n \n {/* TODO: Make a generic Skeleton HOC (withSkeleton) */}\n {response.name || <Skeleton />}\n \n \n \n {response.operatingsystem_name} {' '}\n {response.architecture_name} \n \n \n \n \n \n {/* TODO: extracting text and remove timeago usage in favor i18n */}\n {response.name ? (\n \n
\n
\n \n
\n
\n created{' '}\n
\n ) : (\n \n
\n
\n {children}
;\n};\n\nLayoutContainer.propTypes = {\n isCollapsed: PropTypes.bool.isRequired,\n children: PropTypes.node,\n};\n\nLayoutContainer.defaultProps = {\n children: null,\n};\n\nexport default LayoutContainer;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/Layout/components/LayoutContainer.js","import React, { useState, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n ContextSelector,\n ContextSelectorItem,\n ContextSelectorFooter,\n Button,\n} from '@patternfly/react-core';\nimport { CheckIcon } from '@patternfly/react-icons';\nimport { foremanUrl } from '../../../../common/helpers';\nimport { translate as __ } from '../../../../common/I18n';\nimport './TaxonomyDropdown.scss';\n\nconst TaxonomyDropdown = ({ taxonomyType, currentTaxonomy, taxonomies }) => {\n const id = `${taxonomyType}-dropdown`;\n const anyTaxonomyURL = foremanUrl(`/${taxonomyType}s/clear`);\n const manageTaxonomyURL = foremanUrl(`/${taxonomyType}s`);\n const anyTaxonomyText =\n taxonomyType === 'organization'\n ? __('Any Organization')\n : __('Any Location');\n\n const [searchValue, setSearchValue] = useState('');\n const [isOpen, setIsOpen] = useState(false);\n const [filteredItems, setFilteredItems] = useState(taxonomies);\n\n const onSearchButtonClick = useCallback(() => {\n const filtered =\n searchValue === ''\n ? taxonomies\n : taxonomies.filter(item =>\n item.title.toLowerCase().includes(searchValue.toLowerCase())\n );\n setFilteredItems(filtered || []);\n }, [searchValue, taxonomies]);\n\n useEffect(() => {\n onSearchButtonClick();\n }, [searchValue, onSearchButtonClick]);\n\n const onToggle = (event, newIsOpen) => {\n setIsOpen(newIsOpen);\n };\n const onSelect = () => {\n setIsOpen(!isOpen);\n };\n const onSearchInputChange = (value, event) => {\n setSearchValue(event.target.value);\n };\n\n const selectedIcon = \n \n
\n );\n};\n\nLoginPage.propTypes = {\n alerts: PropTypes.shape({\n success: PropTypes.string,\n warning: PropTypes.string,\n error: PropTypes.string,\n }),\n backgroundUrl: PropTypes.string,\n caption: PropTypes.string,\n logoSrc: PropTypes.string,\n token: PropTypes.string.isRequired,\n version: PropTypes.string,\n};\n\nLoginPage.defaultProps = {\n alerts: null,\n backgroundUrl: null,\n caption: null,\n logoSrc: null,\n version: null,\n};\n\nexport default LoginPage;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/LoginPage/LoginPage.js","import { translate as __ } from '../../common/I18n';\n\nexport const adjustAlerts = alerts => {\n const submitErrors = [];\n const modifiedAlerts = [];\n\n alerts &&\n Object.keys(alerts).forEach(alertType => {\n const alertMessage = alerts[alertType];\n if (alertType === 'error') {\n submitErrors.push(alertMessage);\n } else if (alertMessage) {\n modifiedAlerts.push({\n type: alertType,\n message: alertMessage,\n show: true,\n });\n }\n });\n\n return {\n modifiedAlerts,\n submitErrors,\n };\n};\n\nexport const defaultFormProps = {\n attributes: {\n action: '/users/login',\n method: 'post',\n },\n validate: true,\n topErrorOnly: true,\n usernameField: {\n id: 'login_login',\n attributes: {\n name: 'login[login]',\n autoFocus: true,\n },\n type: 'text',\n placeholder: __('Username'),\n },\n passwordField: {\n id: 'login_password',\n attributes: {\n name: 'login[password]',\n },\n type: 'password',\n placeholder: __('Password'),\n },\n submitText: __('Log In'),\n submitButtonAttributes: {\n id: 'login_submit_btn',\n name: 'commit',\n },\n};\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/LoginPage/helpers.js","export { default } from './LoginPage';\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/LoginPage/index.js","import RCInputNumber from 'rc-input-number';\nimport React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { sprintf, translate as __ } from '../../common/I18n';\nimport { MB_FORMAT, MEGABYTES } from './constants';\nimport '../common/forms/NumericInput.scss';\nimport { noop } from '../../common/helpers';\n\nconst MemoryAllocationInput = ({\n value,\n onChange,\n maxValue,\n minValue,\n recommendedMaxValue,\n name,\n id,\n disabled,\n setError,\n setWarning,\n}) => {\n const [valueMB, setValueMB] = useState(value / MEGABYTES);\n\n useEffect(() => {\n const valueBytes = valueMB * MEGABYTES;\n if (maxValue && valueBytes > maxValue) {\n setWarning(null);\n setError(\n sprintf(\n __('Specified value is higher than maximum value %s'),\n `${maxValue / MEGABYTES} ${MB_FORMAT}`\n )\n );\n } else if (recommendedMaxValue && valueBytes > recommendedMaxValue) {\n setError(null);\n setWarning(\n sprintf(\n __('Specified value is higher than recommended maximum %s'),\n `${recommendedMaxValue / MEGABYTES} ${MB_FORMAT}`\n )\n );\n } else {\n setWarning(null);\n }\n }, [valueMB, recommendedMaxValue, maxValue, setError, setWarning]);\n\n const handleChange = v => {\n if (v === valueMB + 1) {\n v = valueMB * 2;\n } else if (v === valueMB - 1) {\n v = Math.floor(valueMB / 2);\n }\n setValueMB(v);\n onChange(v * MEGABYTES);\n };\n\n return (\n <>\n {__('Welcome')}
\n {version &&{`${__('Version')} ${version}`}
}\n \n ),\n }}\n card={{\n title: __('Log in to your account'),\n form: {\n ...defaultFormProps,\n submitError: submitErrors,\n additionalFields: (\n \n ),\n },\n }}\n />\n {caption && }\n\n \n updatePassword(password)}\n minLength={6}\n minScore={2}\n userInputs={userInputs}\n tooShortWord={__('Too short')}\n scoreWords={[\n __('Weak'),\n __('Medium'),\n __('Normal'),\n __('Strong'),\n __('Very strong'),\n ]}\n inputProps={{ name, id, className, autoComplete: 'new-password' }}\n />\n \n {verify && (\n \n updatePasswordConfirmation(target.value)}\n className=\"form-control\"\n />\n \n )}\n
\n );\n};\n\nPasswordStrength.propTypes = {\n updatePassword: PropTypes.func,\n updatePasswordConfirmation: PropTypes.func,\n doesPasswordsMatch: PropTypes.bool,\n passwordPresent: PropTypes.bool,\n data: PropTypes.shape({\n className: PropTypes.string,\n id: PropTypes.string,\n name: PropTypes.string,\n error: PropTypes.node,\n userInputIds: PropTypes.arrayOf(PropTypes.string),\n required: PropTypes.bool,\n verify: PropTypes.shape({\n name: PropTypes.string.isRequired,\n error: PropTypes.node,\n }),\n }).isRequired,\n};\n\nPasswordStrength.defaultProps = {\n updatePassword: noop,\n updatePasswordConfirmation: noop,\n doesPasswordsMatch: false,\n passwordPresent: false,\n};\n\nexport default PasswordStrength;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/PasswordStrength/PasswordStrength.js","import {\n PASSWORD_STRENGTH_PASSWORD_CHANGED,\n PASSWORD_STRENGTH_PASSWORD_CONFIRMATION_CHANGED,\n} from './PasswordStrengthConstants';\n\nexport const updatePassword = password => ({\n type: PASSWORD_STRENGTH_PASSWORD_CHANGED,\n payload: password,\n});\n\nexport const updatePasswordConfirmation = password => ({\n type: PASSWORD_STRENGTH_PASSWORD_CONFIRMATION_CHANGED,\n payload: password,\n});\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/PasswordStrength/PasswordStrengthActions.js","export const PASSWORD_STRENGTH_PASSWORD_CHANGED =\n 'PASSWORD_STRENGTH_PASSWORD_CHANGED';\nexport const PASSWORD_STRENGTH_PASSWORD_CONFIRMATION_CHANGED =\n 'PASSWORD_STRENGTH_PASSWORD_CONFIRMATION_CHANGED';\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/PasswordStrength/PasswordStrengthConstants.js","import Immutable from 'seamless-immutable';\n\nimport {\n PASSWORD_STRENGTH_PASSWORD_CHANGED,\n PASSWORD_STRENGTH_PASSWORD_CONFIRMATION_CHANGED,\n} from './PasswordStrengthConstants';\n\nconst initialState = Immutable({\n password: '',\n passwordConfirmation: '',\n});\n\nexport default (state = initialState, action) => {\n const { payload } = action;\n\n switch (action.type) {\n case PASSWORD_STRENGTH_PASSWORD_CHANGED:\n return state.set('password', payload);\n\n case PASSWORD_STRENGTH_PASSWORD_CONFIRMATION_CHANGED:\n return state.set('passwordConfirmation', payload);\n\n default:\n return state;\n }\n};\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/PasswordStrength/PasswordStrengthReducer.js","export const doesPasswordsMatch = ({ password, passwordConfirmation }) =>\n !passwordConfirmation || password === passwordConfirmation;\n\nexport const passwordPresent = passwordStrength =>\n passwordStrength && !!passwordStrength.password;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/PasswordStrength/PasswordStrengthSelectors.js","import { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\n\nimport * as actions from './PasswordStrengthActions';\nimport {\n doesPasswordsMatch,\n passwordPresent,\n} from './PasswordStrengthSelectors';\nimport reducer from './PasswordStrengthReducer';\n\nimport PasswordStrength from './PasswordStrength';\n\n// map state to props\nconst mapStateToProps = ({ passwordStrength }) => ({\n doesPasswordsMatch: doesPasswordsMatch(passwordStrength),\n passwordPresent: passwordPresent(passwordStrength),\n});\n\n// map action dispatchers to props\nconst mapDispatchToProps = dispatch => bindActionCreators(actions, dispatch);\n\n// export reducers\nexport const reducers = { passwordStrength: reducer };\n\n// export connected component\nexport default connect(mapStateToProps, mapDispatchToProps)(PasswordStrength);\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/PasswordStrength/index.js","import React from 'react';\nimport { isEmpty } from 'lodash';\nimport PropTypes from 'prop-types';\nimport AutoComplete from '../AutoComplete';\nimport Bookmarks from '../Bookmarks';\nimport { changeQuery } from '../../common/urlHelpers';\nimport './search-bar.scss';\n\nconst SearchBar = props => {\n const {\n data: { autocomplete, controller, bookmarks },\n searchQuery,\n onSearch,\n initialQuery,\n onBookmarkClick,\n } = props;\n\n return (\n \n onSearch(searchQuery)}\n searchQuery={initialQuery || autocomplete.searchQuery || ''}\n useKeyShortcuts={autocomplete.useKeyShortcuts}\n url={autocomplete.url}\n controller={controller}\n />\n
\n );\n};\n\nSearchBar.propTypes = {\n searchQuery: PropTypes.string,\n initialQuery: PropTypes.string,\n onSearch: PropTypes.func,\n onBookmarkClick: PropTypes.func,\n data: PropTypes.shape({\n autocomplete: PropTypes.shape({\n results: PropTypes.array,\n searchQuery: PropTypes.string,\n url: PropTypes.string,\n useKeyShortcuts: PropTypes.bool,\n id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n }),\n controller: PropTypes.string,\n bookmarks: PropTypes.shape({ ...Bookmarks.propTypes }),\n }),\n};\n\nSearchBar.defaultProps = {\n searchQuery: '',\n initialQuery: '',\n onSearch: searchQuery => changeQuery({ search: searchQuery.trim(), page: 1 }),\n onBookmarkClick: searchQuery =>\n changeQuery({ search: searchQuery.trim(), page: 1 }),\n data: {\n autocomplete: {\n results: [],\n searchQuery: null,\n url: null,\n useKeyShortcuts: true,\n },\n controller: null,\n bookmarks: {},\n },\n};\n\nexport default SearchBar;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/SearchBar/SearchBar.js","import { connect } from 'react-redux';\nimport SearchBar from './SearchBar';\nimport { selectAutocompleteSearchQuery } from '../AutoComplete/AutoCompleteSelectors';\n\nconst mapStateToProps = (\n state,\n {\n data: {\n autocomplete: { id },\n },\n }\n) => ({\n searchQuery: selectAutocompleteSearchQuery(state, id),\n});\n\nexport default connect(mapStateToProps)(SearchBar);\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/SearchBar/index.js","import {\n LOAD_SETTING_RECORDS,\n SET_EDITING_SETTING,\n} from './SettingRecordsConstants';\n\nexport const loadSettingRecords = settings => async dispatch =>\n dispatch({ type: LOAD_SETTING_RECORDS, payload: settings });\n\nexport const setSettingEditing = setting => async dispatch =>\n dispatch({ type: SET_EDITING_SETTING, payload: { setting } });\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/SettingRecords/SettingRecordsActions.js","export const LOAD_SETTING_RECORDS = 'LOAD_SETTING_RECORDS';\nexport const SETTINGS_FORM_SUBMITTED_SUCCESS =\n 'SETTINGS_FORM_SUBMITTED_SUCCESS';\nexport const SET_EDITING_SETTING = 'SET_EDITING_SETTING';\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/SettingRecords/SettingRecordsConstants.js","import Immutable from 'seamless-immutable';\n\nimport {\n LOAD_SETTING_RECORDS,\n SET_EDITING_SETTING,\n SETTINGS_FORM_SUBMITTED_SUCCESS,\n} from './SettingRecordsConstants';\n\nexport const initialState = Immutable({\n settings: {},\n editing: null,\n});\n\nconst reducer = (state = initialState, { type, payload, response }) => {\n switch (type) {\n case LOAD_SETTING_RECORDS:\n return state.set('settings', payload);\n case SETTINGS_FORM_SUBMITTED_SUCCESS: {\n const categorized = state.settings[response.category];\n const updatedCategory = categorized.map(item =>\n item.name === response.id ? { ...item, value: response.value } : item\n );\n return state.setIn(['settings', response.category], updatedCategory);\n }\n case SET_EDITING_SETTING:\n return state.set('editing', payload.setting);\n default:\n return state;\n }\n};\n\nexport default reducer;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/SettingRecords/SettingRecordsReducer.js","import { createSelector } from 'reselect';\nimport { propsToCamelCase } from '../../common/helpers';\n\nconst selectSettingRecords = state => state.settingRecords;\nexport const selectSettings = state => selectSettingRecords(state).settings;\n\nexport const selectSettingsByCategory = category =>\n createSelector(selectSettings, settings =>\n settings[category].map(propsToCamelCase)\n );\n\nexport const selectSettingById = (id, category) =>\n createSelector(selectSettingsByCategory(category), settings =>\n settings.find(setting => setting.id === id)\n );\n\nexport const selectSettingEditing = state =>\n selectSettingRecords(state).editing;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/SettingRecords/SettingRecordsSelectors.js","import React, { useEffect } from 'react';\nimport { useDispatch } from 'react-redux';\nimport PropTypes from 'prop-types';\n\nimport { loadSettingRecords } from './SettingRecordsActions';\nimport reducer from './SettingRecordsReducer';\n\nexport const reducers = {\n settingRecords: reducer,\n};\n\nconst SettingRecords = ({ settings }) => {\n const dispatch = useDispatch();\n useEffect(() => {\n dispatch(loadSettingRecords(settings));\n });\n\n return \n onSearch(searchQuery)} />\n {!isEmpty(bookmarks) && (\n
\n \n
\n \n);\n\nSettingUpdateModal.propTypes = {\n setting: PropTypes.object.isRequired,\n setModalClosed: PropTypes.func.isRequired,\n};\n\nexport default SettingUpdateModal;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/SettingUpdateModal/SettingUpdateModal.js","export const SETTING_UPDATE_MODAL = 'settingUpdateModal';\nexport const SETTING_UPDATE_PATH = '/api/settings/:id';\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/SettingUpdateModal/SettingUpdateModalConstants.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Field as FormikField } from 'formik';\nimport ForemanForm from '../../../common/forms/ForemanForm';\nimport SettingValueField from '../SettingValueField';\nimport { SETTING_UPDATE_PATH } from '../../SettingUpdateModalConstants';\n\nimport { translate as __ } from '../../../../common/I18n';\n\nconst SettingForm = ({\n setting,\n initialValues,\n setModalClosed,\n submitForm,\n}) => {\n const handleSubmit = (values, actions) => {\n let submitValues = { setting: values };\n\n if (setting && setting.settingsType === 'array') {\n const splitValue = values.value === '' ? [] : values.value.split(',');\n submitValues = { setting: { value: splitValue } };\n }\n\n return submitForm({\n url: SETTING_UPDATE_PATH.replace(':id', setting.id),\n values: submitValues,\n item: 'Settings',\n message: __('Setting was successfully updated.'),\n method: 'put',\n successCallback: setModalClosed,\n actions,\n });\n };\n\n return (\n \n {children}\n
\n);\n\nAlertLink.propTypes = {\n children: PropTypes.string.isRequired,\n href: PropTypes.string,\n onClick: PropTypes.func,\n};\n\nAlertLink.defaultProps = {\n href: undefined,\n onClick: undefined,\n};\n\nexport default AlertLink;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/common/Alert/AlertLink.js","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Button, OverlayTrigger, Tooltip } from 'patternfly-react';\nimport UUID from 'uuid/v1';\nimport { translate as __ } from '../../../common/I18n';\nimport './clipboard-copy.scss';\n\nconst ClipboardCopy = ({\n text: defaultText,\n successMessage,\n buttonText,\n textareaProps,\n buttonProps,\n}) => {\n const [text, setText] = useState(defaultText);\n\n return (\n \n setText(value)}\n {...textareaProps}\n />\n {successMessage}}\n placement=\"right\"\n trigger={['click']}\n rootClose\n >\n navigator.clipboard.writeText(text)}\n bsStyle=\"default\"\n {...buttonProps}\n >\n {buttonText}\n \n \n
\n );\n};\n\nClipboardCopy.propTypes = {\n text: PropTypes.string.isRequired,\n buttonText: PropTypes.string,\n successMessage: PropTypes.string,\n textareaProps: PropTypes.object,\n buttonProps: PropTypes.object,\n};\n\nClipboardCopy.defaultProps = {\n buttonText: __('Copy to clipboard'),\n successMessage: __('Copied!'),\n textareaProps: {},\n buttonProps: {},\n};\n\nexport default ClipboardCopy;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/common/ClipboardCopy/index.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport componentRegistry from '../../componentRegistry';\n\nconst ComponentWrapper = props => {\n const { component, componentProps } = props.data;\n\n if (component === 'ComponentWrapper') {\n throw new Error('Cannot wrap component wrapper');\n }\n\n const registeredComponent = componentRegistry.getComponent(component);\n\n if (!registeredComponent) {\n throw new Error('Component name is missing!');\n }\n\n const Component = registeredComponent.type;\n\n return \n {this.getDateViewByType(typeOfDateInput)}\n
\n );\n }\n}\n\nDateInput.propTypes = {\n date: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]),\n setSelected: PropTypes.func,\n locale: PropTypes.string,\n weekStartsOn: PropTypes.number,\n className: PropTypes.string,\n typeOfDateInput: PropTypes.string,\n};\n\nDateInput.defaultProps = {\n setSelected: null,\n date: new Date(),\n locale: 'en-US',\n weekStartsOn: 1,\n className: '',\n typeOfDateInput: MONTH,\n};\nexport default DateInput;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/common/DateTimePicker/DateComponents/DateInput.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst Day = ({ day, setSelected, classNamesArray }) => {\n const date = day.getDate();\n return (\n \n \n
\n
\n );\n }\n}\n\nDecadeView.propTypes = {\n date: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]),\n setSelected: PropTypes.func,\n toggleDateView: PropTypes.func,\n};\n\nDecadeView.defaultProps = {\n setSelected: noop,\n toggleDateView: noop,\n date: new Date(),\n};\nexport default DecadeView;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/common/DateTimePicker/DateComponents/DecadeView.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { noop } from '../../../../common/helpers';\n\nexport const DecadeViewHeader = ({\n currDecade,\n getPrevDecade,\n getNextDecade,\n}) => (\n \n \n \n
\n
\n );\n }\n}\n\nMonthView.propTypes = {\n date: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]),\n setSelected: PropTypes.func,\n toggleDateView: PropTypes.func,\n locale: PropTypes.string,\n weekStartsOn: PropTypes.number,\n};\n\nMonthView.defaultProps = {\n setSelected: null,\n toggleDateView: null,\n date: new Date(),\n locale: 'en-US',\n weekStartsOn: 1,\n};\nexport default MonthView;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/common/DateTimePicker/DateComponents/MonthView.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { translate as __ } from '../../../../common/I18n';\n\nconst TodayButton = ({ setSelected }) => (\n | \n | \n
\n \n \n
\n
\n );\n }\n}\n\nYearView.propTypes = {\n date: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]),\n setSelected: PropTypes.func,\n toggleDateView: PropTypes.func,\n locale: PropTypes.string,\n};\n\nYearView.defaultProps = {\n setSelected: noop,\n toggleDateView: noop,\n date: new Date(),\n locale: 'en-US',\n};\nexport default YearView;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/common/DateTimePicker/DateComponents/YearView.js","export const addDays = (date, days) => {\n const result = new Date(date);\n result.setDate(result.getDate() + days);\n return result;\n};\n\nexport const addMonths = (date, months) => {\n const result = new Date(date);\n result.setMonth(result.getMonth() + months);\n return result;\n};\n\nexport const addYears = (date, years) => {\n const result = new Date(date);\n result.setYear(result.getFullYear() + years);\n return result;\n};\n\nexport const isEqualDate = (date1, date2) =>\n date1.getYear() === date2.getYear() &&\n date1.getMonth() === date2.getMonth() &&\n date1.getDate() === date2.getDate();\n\nexport const isWeekend = date => date.getDay() === 6 || date.getDay() === 5;\n\nexport const getMonthStart = date => {\n date.setDate(1);\n return date;\n};\n\nexport const getWeekStart = date => addDays(date, (7 - date.getDay()) % 7);\n\nexport const helpers = {\n addDays,\n addMonths,\n isEqualDate,\n isWeekend,\n getMonthStart,\n getWeekStart,\n};\n\nexport default helpers;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/common/DateTimePicker/DateComponents/helpers.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n FormControl,\n InputGroup,\n Icon,\n OverlayTrigger,\n Popover,\n} from 'patternfly-react';\nimport DateInput from './DateComponents/DateInput';\nimport TodayButton from './DateComponents/TodayButton';\nimport { formatDate } from '../../../common/helpers';\nimport './date-time-picker.scss';\n\nclass DatePicker extends React.Component {\n get hasDefaultValue() {\n const { value } = this.props;\n return !!Date.parse(value);\n }\n\n get initialDate() {\n const { value } = this.props;\n return this.hasDefaultValue ? new Date(value) : new Date();\n }\n\n state = {\n value: this.initialDate,\n hiddenValue: !this.hasDefaultValue,\n };\n\n setSelected = date => {\n if (Date.parse(date)) {\n const newDate = new Date(date);\n this.setState({ value: newDate });\n }\n };\n\n render() {\n const { locale, weekStartsOn, name, id, placement, required } = this.props;\n const { value, hiddenValue } = this.state;\n const popover = (\n | \n \n | \n\n \n | \n
|---|---|
| \n {monthArray.map((month, idx) => (\n | \n
\n \n \n
\n \n );\n return (\n \n \n this.setSelected(e.target.value)}\n />\n this.setState({ hiddenValue: false })}\n >\n \n \n \n {!required && (\n \n \n this.setState({ hiddenValue: true, value: new Date() })\n }\n />\n \n )}\n \n
\n );\n }\n}\n\nDatePicker.propTypes = {\n value: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]),\n name: PropTypes.string,\n locale: PropTypes.string,\n weekStartsOn: PropTypes.number,\n id: PropTypes.string,\n placement: OverlayTrigger.propTypes.placement,\n required: PropTypes.bool,\n};\nDatePicker.defaultProps = {\n value: null,\n name: null,\n locale: 'en-US',\n weekStartsOn: 1,\n id: 'date-picker-popover',\n placement: 'top',\n required: false,\n};\nexport default DatePicker;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/common/DateTimePicker/DatePicker.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n FormControl,\n InputGroup,\n Icon,\n OverlayTrigger,\n Popover,\n} from 'patternfly-react';\nimport DateInput from './DateComponents/DateInput';\nimport TodayButton from './DateComponents/TodayButton';\nimport TimeInput from './TimeComponents/TimeInput';\nimport { MONTH } from './DateComponents/DateConstants';\nimport { noop, formatDateTime } from '../../../common/helpers';\nimport './date-time-picker.scss';\n\nclass DateTimePicker extends React.Component {\n get hasDefaultValue() {\n const { value } = this.props;\n return !!Date.parse(value);\n }\n\n get initialDate() {\n const { value } = this.props;\n return this.hasDefaultValue ? new Date(value) : new Date();\n }\n\n state = {\n value: this.initialDate,\n typeOfDateInput: MONTH,\n isTimeTableOpen: false,\n hiddenValue: !this.hasDefaultValue,\n };\n\n setSelected = date => {\n if (Date.parse(date)) {\n const newDate = new Date(date);\n this.setState({ value: newDate });\n this.props.onChange(newDate);\n }\n this.setState({\n typeOfDateInput: MONTH,\n isTimeTableOpen: false,\n });\n };\n\n clearSelected = () => {\n this.setState({ hiddenValue: true, value: new Date() });\n this.props.onChange(undefined);\n };\n\n render() {\n const {\n locale,\n weekStartsOn,\n inputProps,\n id,\n placement,\n name,\n required,\n } = this.props;\n const { value, typeOfDateInput, isTimeTableOpen, hiddenValue } = this.state;\n const popover = (\n \n
\n \n \n this.setSelected(e.target.value)}\n />\n\n this.setState({ hiddenValue: false })}\n >\n \n \n \n {!required && (\n \n \n )}\n \n
\n );\n }\n}\n\nDateTimePicker.propTypes = {\n value: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]),\n locale: PropTypes.string,\n weekStartsOn: PropTypes.number,\n inputProps: PropTypes.object,\n id: PropTypes.string,\n placement: OverlayTrigger.propTypes.placement,\n name: PropTypes.string,\n required: PropTypes.bool,\n onChange: PropTypes.func,\n};\n\nDateTimePicker.defaultProps = {\n value: null,\n locale: 'en-US',\n weekStartsOn: 1,\n inputProps: {},\n id: 'datetime-picker-popover',\n placement: 'top',\n name: undefined,\n required: false,\n onChange: noop,\n};\nexport default DateTimePicker;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/common/DateTimePicker/DateTimePicker.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { noop } from '../../../../common/helpers';\nimport { HOUR, MINUTE } from './TimeConstants';\n\nclass PickTimeClock extends React.Component {\n state = {\n ampm: this.props.time.getHours() >= 12 ? 'PM' : 'AM',\n };\n componentDidUpdate = prevProps => {\n const newTime = this.props.time;\n if (prevProps.time !== newTime) {\n this.setAMPM(newTime);\n }\n };\n setAMPM = time => {\n this.setState({ ampm: time.getHours() >= 12 ? 'PM' : 'AM' });\n };\n setTime = (type, amount) => {\n const { time } = this.props;\n if (type === HOUR) {\n time.setHours(time.getHours() + amount);\n } else if (type === MINUTE) {\n time.setMinutes(time.getMinutes() + amount);\n }\n this.props.setSelected(time);\n };\n toggleAMPM = () => {\n const { time } = this.props;\n if (this.state.ampm === 'AM') {\n time.setHours(time.getHours() + 12);\n this.setState({ ampm: 'PM' });\n } else {\n time.setHours(time.getHours() - 12);\n this.setState({ ampm: 'AM' });\n }\n this.props.setSelected(time);\n };\n render() {\n const { time, toggleTimeTable } = this.props;\n const minutes = time.getMinutes();\n const hours = time.getHours() % 12 || 12;\n\n return (\n \n \n \n
\n
\n );\n }\n}\n\nPickTimeClock.propTypes = {\n time: PropTypes.instanceOf(Date).isRequired,\n setSelected: PropTypes.func,\n toggleTimeTable: PropTypes.func,\n};\nPickTimeClock.defaultProps = {\n setSelected: noop,\n toggleTimeTable: noop,\n};\nexport default PickTimeClock;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/common/DateTimePicker/TimeComponents/PickTimeClock.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { noop } from '../../../../common/helpers';\nimport { HOUR } from './TimeConstants';\n\nclass PickTimeTable extends React.Component {\n setTime = (newTime, type) => {\n const { time, setSelected, toggleTimeTable } = this.props;\n const hours = time.getHours();\n newTime = parseInt(newTime, 10);\n if (type === 'minute') time.setMinutes(newTime);\n else if (type === 'hour') {\n time.setHours(hours < 12 ? newTime % 12 : (newTime % 12) + 12);\n }\n setSelected(time);\n toggleTimeTable();\n };\n getTimeTable = (array, type) => (\n | this.setTime(HOUR, 1)}>\n \n \n \n | \n\n | this.setTime(MINUTE, 1)}>\n \n \n \n | \n\n |
| toggleTimeTable(HOUR)}>\n \n {`${hours}`.padStart(2, '0')}\n \n | \n: | \ntoggleTimeTable(MINUTE)}>\n \n {`${minutes}`.padStart(2, '0')}\n \n | \n\n | \n
| \n | \n \n | \n | \n \n |
\n \n \n {array.map((row, idx) => (\n
\n
\n );\n render() {\n const hoursArray = [\n ['12', '01', '02', '03'],\n ['04', '05', '06', '07'],\n ['08', '09', '10', '11'],\n ];\n const minutesArray = [\n ['00', '05', '10', '15'],\n ['20', '25', '30', '35'],\n ['40', '45', '50', '55'],\n ];\n return this.props.type === HOUR\n ? this.getTimeTable(hoursArray, 'hour')\n : this.getTimeTable(minutesArray, 'minute');\n }\n}\nPickTimeTable.propTypes = {\n time: PropTypes.instanceOf(Date).isRequired,\n setSelected: PropTypes.func,\n toggleTimeTable: PropTypes.func,\n type: PropTypes.string.isRequired,\n};\nPickTimeTable.defaultProps = {\n setSelected: noop,\n toggleTimeTable: noop,\n};\nexport default PickTimeTable;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/common/DateTimePicker/TimeComponents/PickTimeTable.js","export const MINUTE = 'MINUTE';\nexport const HOUR = 'HOUR';\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/common/DateTimePicker/TimeComponents/TimeConstants.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport PickTimeTable from './PickTimeTable';\nimport PickTimeClock from './PickTimeClock';\nimport { noop } from '../../../../common/helpers';\nimport { HOUR } from './TimeConstants';\n\nclass TimeInput extends React.Component {\n state = {\n isTimeTableOpen: this.props.isTimeTableOpen,\n typeOfTimeInput: HOUR,\n };\n componentDidUpdate = prevProps => {\n const { time: nextTime, isTimeTableOpen } = this.props;\n if (prevProps.time !== nextTime) {\n this.setIsTimeTableOpen(isTimeTableOpen);\n }\n };\n setIsTimeTableOpen = isTimeTableOpen => {\n this.setState({\n isTimeTableOpen,\n });\n };\n toggleTimeTable = type => {\n this.setState({\n typeOfTimeInput: type,\n isTimeTableOpen: !this.state.isTimeTableOpen,\n });\n };\n render() {\n const { time, setSelected } = this.props;\n const { typeOfTimeInput, isTimeTableOpen } = this.state;\n return (\n \n {isTimeTableOpen ? (\n
\n );\n }\n}\n\nTimeInput.propTypes = {\n setSelected: PropTypes.func,\n time: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]),\n isTimeTableOpen: PropTypes.bool,\n};\nTimeInput.defaultProps = {\n setSelected: noop,\n time: new Date(),\n isTimeTableOpen: false,\n};\nexport default TimeInput;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/common/DateTimePicker/TimeComponents/TimeInput.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n FormControl,\n InputGroup,\n Icon,\n OverlayTrigger,\n Popover,\n} from 'patternfly-react';\nimport TimeInput from './TimeComponents/TimeInput';\n\nclass TimePicker extends React.Component {\n getDateFromTime = time => {\n if (Date.parse(time)) {\n return new Date(time);\n }\n return new Date(`1/1/1 ${time}`);\n };\n state = {\n value: this.getDateFromTime(this.props.value),\n };\n formatDate = () => {\n const { locale } = this.props;\n const { value } = this.state;\n const options = { hour: 'numeric', minute: 'numeric' };\n return value.toLocaleString(locale, options);\n };\n setSelected = date => {\n if (Date.parse(date)) {\n const newDate = new Date(date);\n this.setState({ value: newDate });\n } else if (Date.parse(`1/1/1 ${date}`)) {\n const newDate = new Date(`1/1/1 ${date}`);\n this.setState({ value: newDate });\n }\n };\n render() {\n const { locale } = this.props;\n const popover = (\n - \n
- \n
\n \n
\n\n \n \n - \n
\n \n \n this.setSelected(e.target.value)}\n />\n \n \n \n \n
\n );\n }\n}\n\nTimePicker.propTypes = {\n value: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]),\n locale: PropTypes.string,\n};\nTimePicker.defaultProps = {\n value: new Date(),\n locale: 'en-US',\n};\nexport default TimePicker;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/common/DateTimePicker/TimePicker.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { MenuItem, Icon } from 'patternfly-react';\nimport { newWindowOnClick } from '../../../common/helpers';\nimport { translate as __ } from '../../../../react_app/common/I18n';\n\nconst DocumentationLink = ({ href, children }) => (\n \n);\n\nDocumentationLink.propTypes = {\n href: PropTypes.string.isRequired,\n children: PropTypes.node,\n};\n\nDocumentationLink.defaultProps = {\n children: __('Documentation'),\n};\n\nexport default DocumentationLink;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/common/DocumentationLink/index.js","import React from 'react';\nimport { useDispatch } from 'react-redux';\nimport { push } from 'connected-react-router';\nimport { Button } from '@patternfly/react-core';\nimport EmptyStatePattern from './EmptyStatePattern';\nimport { defaultEmptyStatePropTypes } from './EmptyStatePropTypes';\n\nconst DefaultEmptyState = props => {\n const {\n icon,\n iconType,\n header,\n description,\n documentation,\n action,\n secondaryActions,\n } = props;\n\n const dispatch = useDispatch();\n const actionButtonClickHandler = ({ url, onClick }) => {\n if (onClick) onClick();\n else if (url) dispatch(push(url));\n };\n\n const ActionButton = action ? (\n {description}
\n \n
\n);\n\nconst Loader = ({ status, children, spinnerSize }) => {\n let content;\n\n switch (status) {\n case STATUS.PENDING: {\n return _simpleLoader(spinnerSize);\n }\n case STATUS.RESOLVED: {\n // eslint-disable-next-line prefer-destructuring\n content = children[0];\n break;\n }\n case STATUS.ERROR: {\n // eslint-disable-next-line prefer-destructuring\n content = children[1];\n break;\n }\n default:\n content = {content}
;\n};\n\nLoader.propTypes = {\n children: PropTypes.array,\n status: PropTypes.string,\n spinnerSize: PropTypes.string,\n};\n\nLoader.defaultProps = {\n children: ['', ''],\n status: '',\n spinnerSize: 'lg',\n};\n\nexport default Loader;\n\nexport const simpleLoader = _simpleLoader;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/common/Loader/index.js","// temporary component\n// will be replaced by patternfly markup when available\n// temporary component\n// will be replaced by patternfly markup when available\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport './MessageBox.css';\n\nconst MessageBox = ({ msg, icontype }) => (\n \n
\n);\n\nMessageBox.propTypes = {\n icontype: PropTypes.string.isRequired,\n msg: PropTypes.string,\n};\n\nMessageBox.defaultProps = {\n msg: '',\n};\n\nexport default MessageBox;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/common/MessageBox/index.js","import React from 'react';\nimport { Button } from 'patternfly-react';\nimport { Link } from 'react-router-dom';\nimport PropTypes from 'prop-types';\n\nimport withReactRoutes from '../../../common/withReactRoutes';\nimport { translate as __ } from '../../../common/I18n';\n\nconst RedirectCancelButton = props => (\n \n \n \n);\n\nRedirectCancelButton.propTypes = {\n cancelPath: PropTypes.string,\n};\n\nRedirectCancelButton.defaultProps = {\n cancelPath: undefined,\n};\n\nexport default withReactRoutes(RedirectCancelButton);\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/common/RedirectCancelButton/RedirectCancelButton.js","export { default } from './RedirectCancelButton';\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/common/RedirectCancelButton/index.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Skeleton from 'react-loading-skeleton';\n\nimport { STATUS } from '../../../constants';\nimport { translate as __ } from '../../../../react_app/common/I18n';\n\nconst SkeletonLoader = ({\n status,\n skeletonProps,\n emptyState,\n children,\n errorNode,\n}) => {\n switch (status) {\n case STATUS.PENDING: {\n return {msg}
\n \n
\n);\n\nFormActions.propTypes = {\n disabled: PropTypes.bool,\n submitting: PropTypes.bool,\n onCancel: PropTypes.func,\n};\n\nFormActions.defaultProps = {\n disabled: false,\n submitting: false,\n onCancel: noop,\n};\n\nexport default FormActions;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/common/forms/Actions.js","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { noop } from '../../../common/helpers';\nimport CommonForm from './CommonForm';\n\nconst Checkbox = ({ className, checked, onChange, label, disabled }) => (\n \n \n {' ' /* adds whitespace between the buttons */}\n \n
\n {children}
\n {touched && error && (\n \n {error}\n \n )}\n \n);\n\nCommonForm.propTypes = {\n className: PropTypes.string,\n label: PropTypes.string,\n touched: PropTypes.bool,\n error: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n required: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n children: PropTypes.node,\n inputClassName: PropTypes.string,\n tooltipHelp: PropTypes.node,\n};\n\nCommonForm.defaultProps = {\n className: '',\n label: '',\n touched: false,\n error: undefined,\n required: false,\n children: null,\n inputClassName: 'col-md-4',\n tooltipHelp: null,\n};\n\nexport default CommonForm;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/common/forms/CommonForm.js","import React, { useEffect, useState } from 'react';\nimport RCInputNumber from 'rc-input-number';\nimport PropTypes from 'prop-types';\nimport { translate as __ } from '../../../../common/I18n';\nimport { noop } from '../../../../common/helpers';\n\nconst CounterInput = ({\n id,\n name,\n value,\n disabled,\n step,\n min,\n max,\n recommendedMaxValue,\n onChange,\n setError,\n setWarning,\n}) => {\n const [innerValue, setInnerValue] = useState(value);\n useEffect(() => {\n if (max && innerValue > max) {\n setWarning(null);\n setError(__('Specified value is higher than maximum value'));\n } else if (recommendedMaxValue && innerValue > recommendedMaxValue) {\n setError(null);\n setWarning(__('Specified value is higher than recommended maximum'));\n } else {\n setError(null);\n setWarning(null);\n }\n }, [recommendedMaxValue, max, innerValue]);\n\n const handleChange = v => {\n setInnerValue(v);\n onChange(v);\n };\n\n return (\n \n
\n );\n }\n );\n Orderable.displayName = `Orderable(${Component.displayName ||\n Component.name ||\n 'Component'})`;\n\n Orderable.propTypes = {\n isDragging: PropTypes.bool.isRequired,\n connectDragSource: PropTypes.func.isRequired,\n connectDropTarget: PropTypes.func.isRequired,\n styleOnDrag: PropTypes.object,\n };\n\n Orderable.defaultProps = {\n styleOnDrag: { opacity: 0.6 },\n };\n\n return getDropTarget(\n type,\n getIndex,\n getMoveFnc,\n direction\n )(getDragSource(type, getIndex, getItem)(Orderable));\n};\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/common/forms/OrderableSelect/helpers.js","import React from 'react';\nimport { DndProvider } from 'react-dnd';\nimport HTML5Backend from 'react-dnd-html5-backend';\n\nimport OrderableSelect from './OrderableSelect';\n\nexport default props => (\n \n {\n this.select = select;\n }}\n className=\"form-control\"\n value={value}\n onChange={onChange}\n >\n \n {renderOptions(options)}\n \n
\n );\n\n switch (status) {\n case STATUS.RESOLVED: {\n content = innerSelect;\n break;\n }\n case STATUS.PENDING: {\n content = \n \n {body}\n \n
\n );\n};\n\nTable.propTypes = {\n columns: PropTypes.arrayOf(PropTypes.object).isRequired,\n rows: PropTypes.arrayOf(PropTypes.object).isRequired,\n bodyMessage: PropTypes.node,\n children: PropTypes.node,\n};\n\nTable.defaultProps = {\n bodyMessage: undefined,\n children: undefined,\n};\n\nexport default Table;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/common/table/components/Table.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Table as PfTable } from 'patternfly-react';\n\nimport TableBodyMessage from './TableBodyMessage';\n\nconst TableBody = ({ columns, rows, message, ...props }) => {\n if (message) {\n return (\n \n updateStoragePod(newValues)}\n options={storagePods}\n allowClear\n key=\"storagePodsSelect\"\n status={storagePodsStatus}\n errorMessage={storagePodsError}\n className=\"storage-pod\"\n />\n )}\n {!(storagePod && storagePod.length) && (\n updateDatastore(newValues)}\n options={datastores}\n allowClear\n key=\"datastoresSelect\"\n status={datastoresStatus}\n errorMessage={datastoresError}\n className=\"datastore\"\n />\n )}\n\n updateDisk('mode', newValues)}\n options={diskModeTypes}\n />\n\n `${v} GB`}\n parser={str => str.replace(/\\D/g, '')}\n className=\"text-vmware-size\"\n onChange={newValues => updateDisk('sizeGb', newValues)}\n label={__('Size (GB)')}\n />\n\n {\n updateDisk('thin', newValues);\n newValues && updateDisk('eagerZero', false);\n }}\n />\n\n {\n updateDisk('eagerZero', newValues);\n newValues && updateDisk('thin', false);\n }}\n />\n
\n );\n};\n\nDisk.propTypes = {\n config: PropTypes.shape({\n diskModeTypes: PropTypes.object,\n vmExists: PropTypes.bool,\n }).isRequired,\n name: PropTypes.string,\n storagePod: PropTypes.string,\n datastore: PropTypes.string,\n sizeGb: PropTypes.number,\n thin: PropTypes.bool,\n eagerZero: PropTypes.bool,\n mode: PropTypes.string,\n datastores: PropTypes.object,\n datastoresStatus: PropTypes.string,\n datastoresError: PropTypes.string,\n storagePods: PropTypes.object,\n storagePodsStatus: PropTypes.string,\n storagePodsError: PropTypes.string,\n removeDisk: PropTypes.func,\n updateDisk: PropTypes.func,\n};\n\nDisk.defaultProps = {\n name: '',\n storagePod: '',\n datastore: '',\n sizeGb: null,\n thin: false,\n eagerZero: false,\n mode: '',\n datastores: {},\n datastoresStatus: undefined,\n datastoresError: undefined,\n storagePods: {},\n storagePodsStatus: undefined,\n storagePodsError: undefined,\n removeDisk: noop,\n updateDisk: noop,\n};\n\nexport default Disk;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/hosts/storage/vmware/controller/disk/index.js","/* eslint-disable camelcase, no-mixed-operators, no-param-reassign */\nimport { Button } from 'patternfly-react';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { number_to_human_size } from 'number_helpers';\n\nimport Select from '../../../../common/forms/Select';\n\nimport Disk from './disk';\nimport {\n sprintf,\n translate as __,\n} from '../../../../../../react_app/common/I18n';\nimport { noop } from '../../../../../common/helpers';\nimport './controller.scss';\n\nconst Controller = ({\n addDiskEnabled,\n addDisk,\n removeDisk,\n updateController,\n updateDisk,\n controller,\n controllerVolumes,\n removeController,\n config,\n datastores,\n datastoresStatus,\n datastoresError,\n storagePods,\n storagePodsStatus,\n storagePodsError,\n}) => {\n const getEventValue = e => {\n if (!e || !e.target) {\n return e;\n }\n return e.target.type === 'checkbox' ? e.target.checked : e.target.value;\n };\n\n const _updateController = (attribute, e) => {\n updateController({ [attribute]: getEventValue(e) });\n };\n\n const _updateDisk = (uuid, attribute, e) => {\n updateDisk(uuid, { [attribute]: getEventValue(e) });\n };\n\n const humanSize = number => number_to_human_size(number, { precision: 2 });\n\n const datastoresStats = () => {\n if (!datastores.length) {\n return {};\n }\n return datastores.reduce((obj, d) => {\n obj[d.name] = sprintf(\n __('%(name)s (free: %(free)s, prov: %(prov)s, total: %(total)s)'),\n {\n name: d.name,\n free: humanSize(d.freespace),\n prov: humanSize(d.capacity + (d.uncommitted || 0) - d.freespace),\n total: humanSize(d.capacity),\n }\n );\n return obj;\n }, {});\n };\n\n const storagePodsStats = () => {\n if (!storagePods.length) {\n return {};\n }\n return storagePods.reduce((obj, s) => {\n obj[s.name] = sprintf(\n __('%(name)s (free: %(free)s, prov: %(prov)s, total: %(total)s)'),\n {\n name: s.name,\n free: humanSize(s.freespace),\n prov: humanSize(s.capacity - s.freespace),\n total: humanSize(s.capacity),\n }\n );\n return obj;\n }, {});\n };\n\n const disks = () =>\n controllerVolumes.map(disk => (\n \n \n
\n {!(datastore && datastore.length) && (\n {name}
\n \n {!vmExists && (\n \n )}\n
\n \n
\n );\n};\n\nController.propTypes = {\n config: PropTypes.object.isRequired,\n controller: PropTypes.object.isRequired,\n addDiskEnabled: PropTypes.bool,\n controllerVolumes: PropTypes.array,\n datastores: PropTypes.arrayOf(\n PropTypes.exact({\n id: PropTypes.string,\n name: PropTypes.string,\n capacity: PropTypes.number,\n freespace: PropTypes.number,\n uncommitted: PropTypes.number,\n })\n ),\n datastoresStatus: PropTypes.string,\n datastoresError: PropTypes.string,\n storagePods: PropTypes.arrayOf(\n PropTypes.exact({\n id: PropTypes.string,\n name: PropTypes.string,\n capacity: PropTypes.number,\n freespace: PropTypes.number,\n })\n ),\n storagePodsStatus: PropTypes.string,\n storagePodsError: PropTypes.string,\n addDisk: PropTypes.func,\n removeDisk: PropTypes.func,\n updateController: PropTypes.func,\n updateDisk: PropTypes.func,\n removeController: PropTypes.func,\n};\n\nController.defaultProps = {\n addDiskEnabled: false,\n controllerVolumes: [],\n datastores: [],\n datastoresStatus: undefined,\n datastoresError: undefined,\n storagePods: [],\n storagePodsStatus: undefined,\n storagePodsError: undefined,\n addDisk: noop,\n removeDisk: noop,\n updateController: noop,\n updateDisk: noop,\n removeController: noop,\n};\n\nexport default Controller;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/hosts/storage/vmware/controller/index.js","import { pick } from 'lodash';\nimport React from 'react';\nimport { Alert, Button } from 'patternfly-react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\n\nimport Controller from './controller/';\nimport * as VmWareActions from '../../../../redux/actions/hosts/storage/vmware';\nimport { MaxDisksPerController } from './StorageContainer.consts';\nimport { translate as __ } from '../../../../../react_app/common/I18n';\nimport { noop } from '../../../../common/helpers';\nimport AlertBody from '../../../common/Alert/AlertBody';\nimport './StorageContainer.scss';\nimport { STATUS } from '../../../../constants';\n\nconst filterKeyFromVolume = volume => {\n // eslint-disable-next-line no-unused-vars\n const { key, ...volumeWithoutKey } = volume;\n return volumeWithoutKey;\n};\n\nexport const controllersToJsonString = (controllers, volumes) =>\n JSON.stringify({\n scsiControllers: controllers,\n volumes: volumes.map(v => filterKeyFromVolume(v)),\n });\n\nclass StorageContainer extends React.Component {\n componentDidMount() {\n const {\n data: { config, controllers, volumes, cluster },\n initController,\n } = this.props;\n\n initController(config, cluster, controllers, volumes);\n }\n\n getDatastoresStatus() {\n const { datastoresLoading, datastoresError } = this.props;\n if (datastoresError) {\n return STATUS.ERROR;\n }\n if (datastoresLoading) {\n return STATUS.PENDING;\n }\n return STATUS.RESOLVED;\n }\n\n getStoragePodsStatus() {\n const { storagePodsLoading, storagePodsError } = this.props;\n if (storagePodsError) {\n return STATUS.ERROR;\n }\n if (storagePodsLoading) {\n return STATUS.PENDING;\n }\n return STATUS.RESOLVED;\n }\n\n renderControllers(controllers) {\n const {\n addDisk,\n updateController,\n removeDisk,\n updateDisk,\n removeController,\n config,\n volumes,\n datastores,\n datastoresError,\n storagePods,\n storagePodsError,\n } = this.props;\n\n return controllers.map((controller, idx) => {\n const controllerVolumes = volumes.filter(\n v => v.controllerKey === controller.key\n );\n\n return (\n \n
\n \n \n
\n \n _updateController('type', e)}\n options={config.controllerTypes}\n />\n \n {__('Add volume')}\n \n
\n \n \n {__('Delete Controller')}\n \n
\n {disks()}
\n \n
\n );\n }\n}\n\nStorageContainer.propTypes = {\n data: PropTypes.shape({\n config: PropTypes.object.isRequired,\n controllers: PropTypes.array.isRequired,\n volumes: PropTypes.array.isRequired,\n cluster: PropTypes.string,\n }).isRequired,\n controllers: PropTypes.array.isRequired,\n config: PropTypes.object,\n volumes: PropTypes.array,\n cluster: PropTypes.string,\n datastoresLoading: PropTypes.bool,\n datastores: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n name: PropTypes.string,\n capacity: PropTypes.number,\n freespace: PropTypes.number,\n uncommitted: PropTypes.number,\n })\n ),\n datastoresError: PropTypes.string,\n storagePodsLoading: PropTypes.bool,\n storagePods: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n name: PropTypes.string,\n capacity: PropTypes.number,\n freespace: PropTypes.number,\n })\n ),\n storagePodsError: PropTypes.string,\n addController: PropTypes.func,\n addDisk: PropTypes.func,\n updateController: PropTypes.func,\n removeDisk: PropTypes.func,\n updateDisk: PropTypes.func,\n removeController: PropTypes.func,\n initController: PropTypes.func,\n};\n\nStorageContainer.defaultProps = {\n config: {},\n cluster: '',\n volumes: [],\n datastoresLoading: false,\n storagePodsLoading: false,\n datastores: [],\n storagePods: [],\n datastoresError: undefined,\n storagePodsError: undefined,\n addController: noop,\n addDisk: noop,\n updateController: noop,\n removeDisk: noop,\n updateDisk: noop,\n removeController: noop,\n initController: noop,\n};\n\nconst mapStateToProps = state =>\n pick(state.hosts.storage.vmware, [\n 'controllers',\n 'config',\n 'cluster',\n 'volumes',\n 'datastores',\n 'datastoresLoading',\n 'datastoresError',\n 'storagePods',\n 'storagePodsLoading',\n 'storagePodsError',\n ]);\n\nexport default connect(mapStateToProps, VmWareActions)(StorageContainer);\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/hosts/storage/vmware/index.js","import { getValue, setValue } from '../../common/SessionStorage';\n\nexport const getIsOpened = () => getValue('isDrawerOpen');\nexport const setIsOpened = value => setValue('isDrawerOpen', value);\nexport const getExpandedGroup = () => getValue('expandedGroup');\nexport const setExpandedGroup = value => setValue('expandedGroup', value);\nexport const getHasUnreadMessages = () => getValue('hasUnreadMessages');\nexport const setHasUnreadMessages = value =>\n setValue('hasUnreadMessages', value);\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/notifications/NotificationDrawerSessionStorage.js","import React from 'react';\nimport { OverlayTrigger, Tooltip } from 'patternfly-react';\nimport PropTypes from 'prop-types';\nimport { noop } from '../../../common/helpers';\nimport { translate as __ } from '../../../common/I18n';\n\nconst ToggleIcon = ({ hasUnreadMessages, onClick }) => {\n const iconType = hasUnreadMessages ? 'fa-bell' : 'fa-bell-o';\n const tooltip = \n
\n {__('Storage')}
\n \n addController()}\n disabled={!enableAddControllerBtn}\n bsStyle=\"primary\"\n >\n {__('Add Controller')}\n \n
\n \n {this.renderControllers(controllers)}\n \n
\n \n
\n );\n }\n}\n\nnotificationContainer.propTypes = {\n data: PropTypes.shape({\n url: PropTypes.string.isRequired,\n }).isRequired,\n isDrawerOpen: PropTypes.bool,\n isReady: PropTypes.bool,\n notifications: PropTypes.object,\n expandedGroup: PropTypes.string,\n hasUnreadMessages: PropTypes.bool,\n clickedLink: PropTypes.func,\n startNotificationsPolling: PropTypes.func,\n toggleDrawer: PropTypes.func,\n expandGroup: PropTypes.func,\n markAsRead: PropTypes.func,\n markGroupAsRead: PropTypes.func,\n clearNotification: PropTypes.func,\n clearGroup: PropTypes.func,\n stopNotificationsPolling: PropTypes.func,\n translations: PropTypes.shape({\n title: PropTypes.string,\n unreadEvent: PropTypes.string,\n unreadEvents: PropTypes.string,\n emptyState: PropTypes.string,\n readAll: PropTypes.string,\n clearAll: PropTypes.string,\n deleteNotification: PropTypes.string,\n }),\n};\n\nnotificationContainer.defaultProps = {\n isDrawerOpen: false,\n isReady: false,\n notifications: {},\n expandedGroup: null,\n hasUnreadMessages: false,\n clickedLink: noop,\n startNotificationsPolling: noop,\n toggleDrawer: noop,\n expandGroup: noop,\n markAsRead: noop,\n markGroupAsRead: noop,\n clearNotification: noop,\n clearGroup: noop,\n stopNotificationsPolling: noop,\n translations: NotificationDrawerPanelWrapper.defaultProps.translations,\n};\n\nconst mapStateToProps = state => {\n const {\n notifications,\n isDrawerOpen,\n expandedGroup,\n hasUnreadMessages,\n } = state.notifications;\n\n return {\n isDrawerOpen,\n notifications: groupBy(notifications, n => n.group),\n expandedGroup,\n isReady: !!notifications,\n hasUnreadMessages,\n };\n};\n\nexport default connect(\n mapStateToProps,\n NotificationActions\n)(onClickOutside(notificationContainer));\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/notifications/index.js","import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { Alert } from 'patternfly-react';\nimport ClipboardCopy from '../../common/ClipboardCopy';\nimport { translate as __ } from '../../../common/I18n';\n\nconst NewTokenInfo = ({ newPersonalAccessToken, onDismiss }) => (\n \n \n\n
| \n \n \n {__('Personal Access Tokens')}\n {__(\n 'Personal Access Tokens allow you to authenticate API requests without using your password, e.g. '\n )}\n\n | \n
{`${title} (${tokens.length})`}
\n {tokens.length > 0 && (\n| {__('Name')} | \n{__('Created')} | \n{revocable ? __('Expires') : __('Expired')} | \n{__('Last Used')} | \n{__('Actions')} | \n
|---|
\n
\n);\n\nexport default AuditsLoadingPage;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/routes/Audits/AuditsPage/components/AuditsLoadingPage.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withRenderHandler } from '../../../../common/HOC';\nimport AuditsList from '../../../../components/AuditsList';\nimport AuditsLoadingPage from './AuditsLoadingPage';\nimport Pagination from '../../../../components/Pagination/Pagination';\n\nconst AuditsTable = ({ audits, page, itemCount, fetchAndPush }) => (\n \n
\n \n fetchAndPush({ page: newPage })}\n onPerPageSelect={newPerPage =>\n fetchAndPush({ perPage: newPerPage, page: 1 })\n }\n />\n
\n \n
\n \n {__('This will be one of our coolest pages.')}\n
\n\n {osId && osTemplateHelperText(osId, template)}\n \n );\n }\n\n return '';\n};\n\nconst osTemplateHelperText = (operatingSystemId, template) => {\n if (!operatingSystemId && template === undefined) {\n return <> ;\n }\n\n if (template?.name) {\n return (\n \n {__('Initial configuration template')}:{' '}\n \n {template.name}\n \n \n );\n }\n\n return (\n \n \n {__('Operating system')}\n {' '}\n {__('does not have assigned host_init_config template')}\n \n );\n};\n\nconst hostGroupOSHelperText = (hostGroupId, hostGroups, operatingSystems) => {\n const osId = hostGroups.find(hg => `${hg.id}` === `${hostGroupId}`)\n ?.operatingsystem_id;\n const hostGroupOS = operatingSystems.find(os => `${os.id}` === `${osId}`);\n\n if (hostGroupOS) {\n return sprintf('Host group OS: %s', hostGroupOS.title);\n }\n return __('No OS from host group');\n};\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/routes/RegistrationCommands/RegistrationCommandsPage/RegistrationCommandsPageHelpers.js","import {\n REGISTRATION_COMMANDS_DATA,\n REGISTRATION_COMMANDS_OS_TEMPLATE,\n REGISTRATION_COMMANDS,\n} from '../constants';\n\nimport {\n selectAPIStatus,\n selectAPIResponse,\n} from '../../../redux/API/APISelectors';\n\n// Form API Data\n\nexport const selectAPIStatusData = state =>\n selectAPIStatus(state, REGISTRATION_COMMANDS_DATA);\n\nexport const selectOrganizations = state =>\n selectAPIResponse(state, REGISTRATION_COMMANDS_DATA).organizations || [];\n\nexport const selectLocations = state =>\n selectAPIResponse(state, REGISTRATION_COMMANDS_DATA).locations || [];\n\nexport const selectHostGroups = state =>\n selectAPIResponse(state, REGISTRATION_COMMANDS_DATA).hostGroups || [];\n\nexport const selectOperatingSystems = state =>\n selectAPIResponse(state, REGISTRATION_COMMANDS_DATA).operatingSystems || [];\n\nexport const selectOperatingSystemTemplate = state =>\n selectAPIResponse(state, REGISTRATION_COMMANDS_OS_TEMPLATE).template;\n\nexport const selectSmartProxies = state =>\n selectAPIResponse(state, REGISTRATION_COMMANDS_DATA).smartProxies || [];\n\nexport const selectConfigParams = state =>\n selectAPIResponse(state, REGISTRATION_COMMANDS_DATA).configParams || {};\n\nexport const selectPluginData = state =>\n selectAPIResponse(state, REGISTRATION_COMMANDS_DATA).pluginData || {};\n\n// Generate Command\n\nexport const selectAPIStatusCommand = state =>\n selectAPIStatus(state, REGISTRATION_COMMANDS);\n\nexport const selectCommand = state =>\n selectAPIResponse(state, REGISTRATION_COMMANDS).command || '';\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/routes/RegistrationCommands/RegistrationCommandsPage/RegistrationCommandsPageSelectors.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Link } from 'react-router-dom';\n\nimport {\n ActionGroup,\n Button,\n FormHelperText,\n FormGroup,\n} from '@patternfly/react-core';\nimport { ExclamationCircleIcon } from '@patternfly/react-icons';\n\nimport { sprintf, translate as __ } from '../../../../common/I18n';\nimport { foremanUrl } from '../../../../../foreman_tools';\n\nconst Actions = ({ isLoading, isGenerating, handleSubmit, invalidFields }) => (\n <>\n
\n
\n \n
\n \n \n
\n);\n\nexport default LoadingPage;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/routes/common/LoadingPage/index.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Row, Col, Spinner } from 'patternfly-react';\nimport { changeQuery } from '../../../common/urlHelpers';\n\nimport ToastsList from '../../../components/ToastsList';\nimport BreadcrumbBar from '../../../components/BreadcrumbBar';\nimport SearchBar from '../../../components/SearchBar';\nimport Head from '../../../components/Head';\n\nconst PageLayout = ({\n searchable,\n searchProps,\n searchQuery,\n onSearch,\n onBookmarkClick,\n customBreadcrumbs,\n breadcrumbOptions,\n toolbarButtons,\n header,\n toastNotifications,\n beforeToolbarComponent,\n isLoading,\n children,\n}) => (\n \n
\n);\n\nPageLayout.propTypes = {\n children: PropTypes.node.isRequired,\n searchable: PropTypes.bool.isRequired,\n header: PropTypes.string,\n searchProps: PropTypes.shape({\n autocomplete: PropTypes.shape({\n results: PropTypes.array,\n searchQuery: PropTypes.string,\n url: PropTypes.string,\n useKeyShortcuts: PropTypes.bool,\n }),\n controller: PropTypes.string,\n bookmarks: PropTypes.shape({\n text: PropTypes.string,\n query: PropTypes.string,\n }),\n }),\n customBreadcrumbs: PropTypes.node,\n breadcrumbOptions: PropTypes.shape({\n isSwitchable: PropTypes.bool,\n resource: PropTypes.shape({\n nameField: PropTypes.string,\n resourceUrl: PropTypes.string,\n switcherItemUrl: PropTypes.string,\n resourceFilter: PropTypes.string,\n }),\n breadcrumbItems: PropTypes.arrayOf(\n PropTypes.shape({\n caption: PropTypes.oneOfType([\n PropTypes.string.isRequired,\n PropTypes.shape({\n icon: PropTypes.shape({\n url: PropTypes.string,\n alt: PropTypes.string,\n }),\n text: PropTypes.string,\n }),\n ]),\n url: PropTypes.string,\n })\n ),\n }),\n toolbarButtons: PropTypes.node,\n toastNotifications: PropTypes.array,\n onSearch: PropTypes.func,\n onBookmarkClick: PropTypes.func,\n searchQuery: PropTypes.string,\n beforeToolbarComponent: PropTypes.node,\n isLoading: PropTypes.bool,\n};\n\nPageLayout.defaultProps = {\n searchProps: {},\n header: '',\n searchQuery: '',\n toastNotifications: [],\n customBreadcrumbs: null,\n toolbarButtons: null,\n breadcrumbOptions: null,\n isLoading: false,\n onSearch: searchQuery => changeQuery({ search: searchQuery.trim(), page: 1 }),\n onBookmarkClick: searchQuery =>\n changeQuery({ search: searchQuery.trim(), page: 1 }),\n beforeToolbarComponent: null,\n};\n\nexport default PageLayout;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/routes/common/PageLayout/PageLayout.js","import Immutable from 'seamless-immutable';\n\nexport const initialState = Immutable({\n isLoading: true,\n hasError: false,\n hasData: false,\n message: { type: 'empty', text: '' },\n});\n\nconst withDataReducer = (controller, additionalState = Immutable({})) => (\n state = initialState.merge(additionalState),\n { type, payload }\n) => {\n switch (type) {\n case `${controller}_DATA_RESOLVED`:\n return state.merge({ ...payload, isLoading: false });\n\n case `${controller}_DATA_FAILED`:\n return state.merge({ ...payload, isLoading: false, hasError: true });\n\n case `${controller}_CLEAR_ERROR`:\n return state.set('hasError', false);\n\n case `${controller}_SHOW_LOADING`:\n return state.set('isLoading', true);\n\n case `${controller}_HIDE_LOADING`:\n return state.set('isLoading', false);\n\n default:\n return state;\n }\n};\n\nexport default withDataReducer;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/routes/common/reducerHOC/withDataReducer.js","import Immutable from 'seamless-immutable';\n\nconst initialState = Immutable({\n page: 1,\n searchQuery: '',\n itemCount: 0,\n});\n\nconst withQueryReducer = controller => (\n state = initialState,\n { type, payload }\n) => {\n switch (type) {\n case `${controller}_UPDATE_QUERY`:\n return state.merge(payload);\n\n default:\n return state;\n }\n};\n\nexport default withQueryReducer;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/routes/common/reducerHOC/withQueryReducer.js","import React from 'react';\nimport { Route } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport { routes } from './routes';\nimport { renderRoute } from './RoutingService';\nimport ForemanSwitch from './ForemanSwitcher';\n\nconst AppSwitcher = ({ children }) => (\n <>\n \n \n {header} \n \n \n
\n {children}\n
\n \n {isLoading && (\n
\n \n \n
\n )}\n {toolbarButtons}\n