\r\n {value?.length > 0 ? (\r\n (\r\n onRowChange({...row, type})}\r\n size=\"sm\"\r\n />\r\n ),\r\n },\r\n {\r\n label: \"Description\",\r\n renderCell: ({row, onRowChange}) => (\r\n onRowChange({...row, description})}\r\n size=\"sm\"\r\n />\r\n ),\r\n },\r\n ]}\r\n getRowKey={(x) => (value || []).findIndex((v) => v === x)}\r\n onChange={onChange}\r\n compact\r\n >\r\n \r\n \r\n {(columns) => (\r\n <>\r\n {columns.map((c) => (\r\n {c.label}\r\n ))}\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n {(rows) =>\r\n rows.map((r, i) => (\r\n \r\n {r.cells.map((c) => (\r\n {c.value}\r\n ))}\r\n \r\n {\r\n e.stopPropagation();\r\n onChange(value.filter((_, vi) => vi !== i));\r\n }}\r\n />\r\n \r\n \r\n ))\r\n }\r\n \r\n \r\n ) : null}\r\n \r\n );\r\n}\r\n","export const CommonPermissions = {\r\n StartApplication: \"_common_application_start_\",\r\n EditSettings: \"_common_settings_edit_\",\r\n EditUserSettings: \"_common_usersettings_edit_\",\r\n};\r\n","import React, {createContext, useContext} from \"react\";\r\n\r\nconst Context = createContext();\r\n\r\nexport function ApplicationParamsProvider({children, params}) {\r\n return {children};\r\n}\r\n\r\nexport function useApplicationParams() {\r\n const params = useContext(Context);\r\n return params;\r\n}\r\n","import {CommonPermissions} from \"@sokigo-sbwebb/authorization\";\r\nimport {getJson} from \"@sokigo-sbwebb/fetch\";\r\nimport {BusyIndicator, useRefresh, withDelay} from \"@sokigo-sbwebb/react\";\r\nimport {useIsOnline} from \"@sokigo-sbwebb/serviceworker\";\r\nimport React, {\r\n createContext,\r\n useContext,\r\n useEffect,\r\n useMemo,\r\n useState,\r\n} from \"react\";\r\n\r\nconst DelayedBusyIndicator = withDelay(BusyIndicator, 300);\r\n\r\nfunction initializeState(applications) {\r\n const state = {\r\n applications: applications\r\n .map((x) => {\r\n if (!x.name) throw new Error(\"Application name cannot be empty\");\r\n if (!x.title)\r\n throw new Error(\r\n `Application title cannot be empty for application: ${x.name}`,\r\n );\r\n\r\n return {\r\n ...x,\r\n icon: x.icon || null,\r\n settingsConfig: x.settings || null,\r\n permissionsConfig: x.permissions || null,\r\n settings: {},\r\n permissions: [],\r\n hasPermission: () => false,\r\n };\r\n })\r\n .sort((a, b) => {\r\n if (a.title === b.title) return 0;\r\n return a.title < b.title ? -1 : 1;\r\n }),\r\n applicationsForUser: [],\r\n user: null,\r\n };\r\n return state;\r\n}\r\n\r\nconst Context = createContext();\r\n\r\nexport function ApplicationInfoProvider({children, applications}) {\r\n const [clientInfo, setClientInfo] = useState({\r\n applications: [],\r\n user: null,\r\n license: {},\r\n });\r\n const [refreshToken, refresh] = useRefresh();\r\n const [busy, setBusy] = useState(false);\r\n const online = useIsOnline();\r\n\r\n const originalApplications = useMemo(\r\n () => initializeState(applications || []),\r\n [applications],\r\n );\r\n\r\n // useEffect(() => {\r\n // const cb = (event) => {\r\n // if (event.data.type !== \"userchange\") return;\r\n // refresh();\r\n // };\r\n // navigator.serviceWorker.addEventListener(\"message\", cb);\r\n // return () => {\r\n // navigator.serviceWorker.removeEventListener(\"message\", cb);\r\n // };\r\n // }, [refresh]);\r\n\r\n async function getApplicationInfo() {\r\n try {\r\n setBusy(true);\r\n const clientInfo = await getJson(\"api/clientinfo\");\r\n setClientInfo(clientInfo);\r\n navigator.serviceWorker.controller?.postMessage({\r\n type: \"userchange\",\r\n user: clientInfo.user,\r\n });\r\n } catch (ex) {\r\n // throw in set state so error gets caught in error boundary\r\n setClientInfo(() => {\r\n throw new Error(`Could not get application info.\\n\\n${ex}`);\r\n });\r\n } finally {\r\n setBusy(false);\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n getApplicationInfo();\r\n }, [originalApplications, refreshToken]);\r\n\r\n const state = useMemo(() => {\r\n const {applications, user} = clientInfo;\r\n const nextApplications = originalApplications.applications.map(\r\n (application) => {\r\n const info = applications[application.name];\r\n\r\n const app = {\r\n ...application,\r\n licenseModule: info?.licenseModule || {},\r\n settings: info?.settings || {},\r\n permissions: info?.permissions || [],\r\n alwaysAvailable: info?.alwaysAvailable,\r\n alwaysAvailableForAuthenticatedUser:\r\n info?.alwaysAvailableForAuthenticatedUser,\r\n isLoginProvider: info?.isLoginProvider,\r\n state: {},\r\n };\r\n app.hasPermission = (permission) =>\r\n app.permissions.includes(permission);\r\n return app;\r\n },\r\n );\r\n\r\n const nextUser = user;\r\n if (user !== null) {\r\n const roles = user.claims\r\n .filter(\r\n (x) =>\r\n x.type ===\r\n \"http://schemas.microsoft.com/ws/2008/06/identity/claims/role\",\r\n )\r\n .map((x) => x.value);\r\n nextUser.roles = roles;\r\n nextUser.isInRole = (roleId) => {\r\n return roles.includes(roleId);\r\n };\r\n }\r\n\r\n return {\r\n applications: nextApplications,\r\n applicationsForUser: nextApplications.filter(\r\n (x) =>\r\n x.hasPermission(CommonPermissions.StartApplication) &&\r\n (online || x.offline),\r\n ),\r\n user: nextUser,\r\n };\r\n }, [clientInfo, online, originalApplications.applications]);\r\n\r\n if (!state) return null;\r\n if (busy) return ;\r\n\r\n return (\r\n \r\n {children}\r\n \r\n );\r\n}\r\n\r\nexport function useCurrentUser() {\r\n const {\r\n state: {user},\r\n } = useContext(Context);\r\n return user;\r\n}\r\n\r\nexport function useApplications() {\r\n const {\r\n state: {applications},\r\n } = useContext(Context);\r\n return applications;\r\n}\r\n\r\nexport function useLicense() {\r\n const {\r\n clientInfo: {license},\r\n } = useContext(Context);\r\n return license;\r\n}\r\n\r\nexport function useClientInfo() {\r\n const {clientInfo} = useContext(Context);\r\n return clientInfo;\r\n}\r\n\r\nexport function useApplicationsForUser() {\r\n const {\r\n state: {applicationsForUser},\r\n } = useContext(Context);\r\n return applicationsForUser;\r\n}\r\n\r\nexport function useRefreshApplicationInfo() {\r\n const {refresh} = useContext(Context);\r\n return refresh;\r\n}\r\n\r\nexport function useGetApplicationInfo() {\r\n const {getApplicationInfo} = useContext(Context);\r\n return getApplicationInfo;\r\n}\r\n","import React, {createContext, useContext} from \"react\";\r\n\r\nconst ApplicationSettingsContext = createContext();\r\n\r\nexport function ApplicationSettingsProvider({children, settings}) {\r\n return (\r\n \r\n {children}\r\n \r\n );\r\n}\r\n\r\nexport function useApplicationSettings() {\r\n const settings = useContext(ApplicationSettingsContext);\r\n return settings;\r\n}\r\n","import React, {createContext, useContext} from \"react\";\r\n\r\nconst ApplicationPermissionsContext = createContext();\r\n\r\nexport function ApplicationPermissionsProvider({children, permissions}) {\r\n return (\r\n \r\n {children}\r\n \r\n );\r\n}\r\n\r\nexport function useApplicationPermissions() {\r\n const permissions = useContext(ApplicationPermissionsContext);\r\n\r\n return {\r\n permissions,\r\n hasPermission: (permission) => permissions.includes(permission),\r\n };\r\n}\r\n","import React, {createContext, useContext} from \"react\";\r\n\r\nconst ApplicationLicenseContext = createContext();\r\n\r\nexport function ApplicationLicenseProvider({children, license}) {\r\n return (\r\n \r\n {children}\r\n \r\n );\r\n}\r\n\r\nexport function useApplicationLicense() {\r\n const applicationLicense = useContext(ApplicationLicenseContext);\r\n\r\n return {\r\n applicationLicense,\r\n getApplicationModuleProperty: (propertyName) =>\r\n applicationLicense.properties &&\r\n applicationLicense.properties[propertyName],\r\n };\r\n}\r\n","var img = \"data:image/png;base64,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\";\n export default img;","export * from \"./applicationParams\";\r\nexport * from \"./applicationInfo\";\r\nexport * from \"./applicationSettings\";\r\nexport * from \"./applicationPermissions\";\r\nexport * from \"./applicationLicensing\";\r\nimport sokigoIcon from \"./images/sokigoIcon.png\";\r\n\r\nexport default {\r\n name: \"sokigo-sbwebb-core-app\",\r\n title: \"System\",\r\n icon: sokigoIcon,\r\n translations: {\r\n \"en-US\": {\r\n shutdown: \"Restart server\",\r\n },\r\n \"sv-SE\": {\r\n shutdown: \"Starta om server\",\r\n },\r\n },\r\n};\r\n","import React from 'react';\nexport default React.createContext(null);","import { Children, cloneElement, isValidElement } from 'react';\n/**\n * Given `this.props.children`, return an object mapping key to child.\n *\n * @param {*} children `this.props.children`\n * @return {object} Mapping of key to child\n */\n\nexport function getChildMapping(children, mapFn) {\n var mapper = function mapper(child) {\n return mapFn && isValidElement(child) ? mapFn(child) : child;\n };\n\n var result = Object.create(null);\n if (children) Children.map(children, function (c) {\n return c;\n }).forEach(function (child) {\n // run the map function here instead so that the key is the computed one\n result[child.key] = mapper(child);\n });\n return result;\n}\n/**\n * When you're adding or removing children some may be added or removed in the\n * same render pass. We want to show *both* since we want to simultaneously\n * animate elements in and out. This function takes a previous set of keys\n * and a new set of keys and merges them with its best guess of the correct\n * ordering. In the future we may expose some of the utilities in\n * ReactMultiChild to make this easy, but for now React itself does not\n * directly have this concept of the union of prevChildren and nextChildren\n * so we implement it here.\n *\n * @param {object} prev prev children as returned from\n * `ReactTransitionChildMapping.getChildMapping()`.\n * @param {object} next next children as returned from\n * `ReactTransitionChildMapping.getChildMapping()`.\n * @return {object} a key set that contains all keys in `prev` and all keys\n * in `next` in a reasonable order.\n */\n\nexport function mergeChildMappings(prev, next) {\n prev = prev || {};\n next = next || {};\n\n function getValueForKey(key) {\n return key in next ? next[key] : prev[key];\n } // For each key of `next`, the list of keys to insert before that key in\n // the combined list\n\n\n var nextKeysPending = Object.create(null);\n var pendingKeys = [];\n\n for (var prevKey in prev) {\n if (prevKey in next) {\n if (pendingKeys.length) {\n nextKeysPending[prevKey] = pendingKeys;\n pendingKeys = [];\n }\n } else {\n pendingKeys.push(prevKey);\n }\n }\n\n var i;\n var childMapping = {};\n\n for (var nextKey in next) {\n if (nextKeysPending[nextKey]) {\n for (i = 0; i < nextKeysPending[nextKey].length; i++) {\n var pendingNextKey = nextKeysPending[nextKey][i];\n childMapping[nextKeysPending[nextKey][i]] = getValueForKey(pendingNextKey);\n }\n }\n\n childMapping[nextKey] = getValueForKey(nextKey);\n } // Finally, add the keys which didn't appear before any key in `next`\n\n\n for (i = 0; i < pendingKeys.length; i++) {\n childMapping[pendingKeys[i]] = getValueForKey(pendingKeys[i]);\n }\n\n return childMapping;\n}\n\nfunction getProp(child, prop, props) {\n return props[prop] != null ? props[prop] : child.props[prop];\n}\n\nexport function getInitialChildMapping(props, onExited) {\n return getChildMapping(props.children, function (child) {\n return cloneElement(child, {\n onExited: onExited.bind(null, child),\n in: true,\n appear: getProp(child, 'appear', props),\n enter: getProp(child, 'enter', props),\n exit: getProp(child, 'exit', props)\n });\n });\n}\nexport function getNextChildMapping(nextProps, prevChildMapping, onExited) {\n var nextChildMapping = getChildMapping(nextProps.children);\n var children = mergeChildMappings(prevChildMapping, nextChildMapping);\n Object.keys(children).forEach(function (key) {\n var child = children[key];\n if (!isValidElement(child)) return;\n var hasPrev = (key in prevChildMapping);\n var hasNext = (key in nextChildMapping);\n var prevChild = prevChildMapping[key];\n var isLeaving = isValidElement(prevChild) && !prevChild.props.in; // item is new (entering)\n\n if (hasNext && (!hasPrev || isLeaving)) {\n // console.log('entering', key)\n children[key] = cloneElement(child, {\n onExited: onExited.bind(null, child),\n in: true,\n exit: getProp(child, 'exit', nextProps),\n enter: getProp(child, 'enter', nextProps)\n });\n } else if (!hasNext && hasPrev && !isLeaving) {\n // item is old (exiting)\n // console.log('leaving', key)\n children[key] = cloneElement(child, {\n in: false\n });\n } else if (hasNext && hasPrev && isValidElement(prevChild)) {\n // item hasn't changed transition states\n // copy over the last transition props;\n // console.log('unchanged', key)\n children[key] = cloneElement(child, {\n onExited: onExited.bind(null, child),\n in: prevChild.props.in,\n exit: getProp(child, 'exit', nextProps),\n enter: getProp(child, 'enter', nextProps)\n });\n }\n });\n return children;\n}","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport TransitionGroupContext from './TransitionGroupContext';\nimport { getChildMapping, getInitialChildMapping, getNextChildMapping } from './utils/ChildMapping';\n\nvar values = Object.values || function (obj) {\n return Object.keys(obj).map(function (k) {\n return obj[k];\n });\n};\n\nvar defaultProps = {\n component: 'div',\n childFactory: function childFactory(child) {\n return child;\n }\n};\n/**\n * The `` component manages a set of transition components\n * (`` and ``) in a list. Like with the transition\n * components, `` is a state machine for managing the mounting\n * and unmounting of components over time.\n *\n * Consider the example below. As items are removed or added to the TodoList the\n * `in` prop is toggled automatically by the ``.\n *\n * Note that `` does not define any animation behavior!\n * Exactly _how_ a list item animates is up to the individual transition\n * component. This means you can mix and match animations across different list\n * items.\n */\n\nvar TransitionGroup = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(TransitionGroup, _React$Component);\n\n function TransitionGroup(props, context) {\n var _this;\n\n _this = _React$Component.call(this, props, context) || this;\n\n var handleExited = _this.handleExited.bind(_assertThisInitialized(_this)); // Initial children should all be entering, dependent on appear\n\n\n _this.state = {\n contextValue: {\n isMounting: true\n },\n handleExited: handleExited,\n firstRender: true\n };\n return _this;\n }\n\n var _proto = TransitionGroup.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n this.mounted = true;\n this.setState({\n contextValue: {\n isMounting: false\n }\n });\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.mounted = false;\n };\n\n TransitionGroup.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, _ref) {\n var prevChildMapping = _ref.children,\n handleExited = _ref.handleExited,\n firstRender = _ref.firstRender;\n return {\n children: firstRender ? getInitialChildMapping(nextProps, handleExited) : getNextChildMapping(nextProps, prevChildMapping, handleExited),\n firstRender: false\n };\n } // node is `undefined` when user provided `nodeRef` prop\n ;\n\n _proto.handleExited = function handleExited(child, node) {\n var currentChildMapping = getChildMapping(this.props.children);\n if (child.key in currentChildMapping) return;\n\n if (child.props.onExited) {\n child.props.onExited(node);\n }\n\n if (this.mounted) {\n this.setState(function (state) {\n var children = _extends({}, state.children);\n\n delete children[child.key];\n return {\n children: children\n };\n });\n }\n };\n\n _proto.render = function render() {\n var _this$props = this.props,\n Component = _this$props.component,\n childFactory = _this$props.childFactory,\n props = _objectWithoutPropertiesLoose(_this$props, [\"component\", \"childFactory\"]);\n\n var contextValue = this.state.contextValue;\n var children = values(this.state.children).map(childFactory);\n delete props.appear;\n delete props.enter;\n delete props.exit;\n\n if (Component === null) {\n return /*#__PURE__*/React.createElement(TransitionGroupContext.Provider, {\n value: contextValue\n }, children);\n }\n\n return /*#__PURE__*/React.createElement(TransitionGroupContext.Provider, {\n value: contextValue\n }, /*#__PURE__*/React.createElement(Component, props, children));\n };\n\n return TransitionGroup;\n}(React.Component);\n\nTransitionGroup.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * `` renders a `
` by default. You can change this\n * behavior by providing a `component` prop.\n * If you use React v16+ and would like to avoid a wrapping `
` element\n * you can pass in `component={null}`. This is useful if the wrapping div\n * borks your css styles.\n */\n component: PropTypes.any,\n\n /**\n * A set of `` components, that are toggled `in` and out as they\n * leave. the `` will inject specific transition props, so\n * remember to spread them through if you are wrapping the `` as\n * with our `` example.\n *\n * While this component is meant for multiple `Transition` or `CSSTransition`\n * children, sometimes you may want to have a single transition child with\n * content that you want to be transitioned out and in when you change it\n * (e.g. routes, images etc.) In that case you can change the `key` prop of\n * the transition child as you change its content, this will cause\n * `TransitionGroup` to transition the child out and back in.\n */\n children: PropTypes.node,\n\n /**\n * A convenience prop that enables or disables appear animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n appear: PropTypes.bool,\n\n /**\n * A convenience prop that enables or disables enter animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n enter: PropTypes.bool,\n\n /**\n * A convenience prop that enables or disables exit animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n exit: PropTypes.bool,\n\n /**\n * You may need to apply reactive updates to a child as it is exiting.\n * This is generally done by using `cloneElement` however in the case of an exiting\n * child the element has already been removed and not accessible to the consumer.\n *\n * If you do need to update a child as it leaves you can provide a `childFactory`\n * to wrap every child, even the ones that are leaving.\n *\n * @type Function(child: ReactElement) -> ReactElement\n */\n childFactory: PropTypes.func\n} : {};\nTransitionGroup.defaultProps = defaultProps;\nexport default TransitionGroup;","function replaceClassName(origClass, classToRemove) {\n return origClass.replace(new RegExp(\"(^|\\\\s)\" + classToRemove + \"(?:\\\\s|$)\", 'g'), '$1').replace(/\\s+/g, ' ').replace(/^\\s*|\\s*$/g, '');\n}\n/**\n * Removes a CSS class from a given element.\n * \n * @param element the element\n * @param className the CSS class name\n */\n\n\nexport default function removeClass(element, className) {\n if (element.classList) {\n element.classList.remove(className);\n } else if (typeof element.className === 'string') {\n element.className = replaceClassName(element.className, className);\n } else {\n element.setAttribute('class', replaceClassName(element.className && element.className.baseVal || '', className));\n }\n}","export var forceReflow = function forceReflow(node) {\n return node.scrollTop;\n};","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport config from './config';\nimport { timeoutsShape } from './utils/PropTypes';\nimport TransitionGroupContext from './TransitionGroupContext';\nimport { forceReflow } from './utils/reflow';\nexport var UNMOUNTED = 'unmounted';\nexport var EXITED = 'exited';\nexport var ENTERING = 'entering';\nexport var ENTERED = 'entered';\nexport var EXITING = 'exiting';\n/**\n * The Transition component lets you describe a transition from one component\n * state to another _over time_ with a simple declarative API. Most commonly\n * it's used to animate the mounting and unmounting of a component, but can also\n * be used to describe in-place transition states as well.\n *\n * ---\n *\n * **Note**: `Transition` is a platform-agnostic base component. If you're using\n * transitions in CSS, you'll probably want to use\n * [`CSSTransition`](https://reactcommunity.org/react-transition-group/css-transition)\n * instead. It inherits all the features of `Transition`, but contains\n * additional features necessary to play nice with CSS transitions (hence the\n * name of the component).\n *\n * ---\n *\n * By default the `Transition` component does not alter the behavior of the\n * component it renders, it only tracks \"enter\" and \"exit\" states for the\n * components. It's up to you to give meaning and effect to those states. For\n * example we can add styles to a component when it enters or exits:\n *\n * ```jsx\n * import { Transition } from 'react-transition-group';\n *\n * const duration = 300;\n *\n * const defaultStyle = {\n * transition: `opacity ${duration}ms ease-in-out`,\n * opacity: 0,\n * }\n *\n * const transitionStyles = {\n * entering: { opacity: 1 },\n * entered: { opacity: 1 },\n * exiting: { opacity: 0 },\n * exited: { opacity: 0 },\n * };\n *\n * const Fade = ({ in: inProp }) => (\n * \n * {state => (\n *
\n * I'm a fade Transition!\n *
\n * )}\n * \n * );\n * ```\n *\n * There are 4 main states a Transition can be in:\n * - `'entering'`\n * - `'entered'`\n * - `'exiting'`\n * - `'exited'`\n *\n * Transition state is toggled via the `in` prop. When `true` the component\n * begins the \"Enter\" stage. During this stage, the component will shift from\n * its current transition state, to `'entering'` for the duration of the\n * transition and then to the `'entered'` stage once it's complete. Let's take\n * the following example (we'll use the\n * [useState](https://reactjs.org/docs/hooks-reference.html#usestate) hook):\n *\n * ```jsx\n * function App() {\n * const [inProp, setInProp] = useState(false);\n * return (\n *
\n * );\n * }\n * ```\n *\n * When the button is clicked the component will shift to the `'entering'` state\n * and stay there for 500ms (the value of `timeout`) before it finally switches\n * to `'entered'`.\n *\n * When `in` is `false` the same thing happens except the state moves from\n * `'exiting'` to `'exited'`.\n */\n\nvar Transition = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(Transition, _React$Component);\n\n function Transition(props, context) {\n var _this;\n\n _this = _React$Component.call(this, props, context) || this;\n var parentGroup = context; // In the context of a TransitionGroup all enters are really appears\n\n var appear = parentGroup && !parentGroup.isMounting ? props.enter : props.appear;\n var initialStatus;\n _this.appearStatus = null;\n\n if (props.in) {\n if (appear) {\n initialStatus = EXITED;\n _this.appearStatus = ENTERING;\n } else {\n initialStatus = ENTERED;\n }\n } else {\n if (props.unmountOnExit || props.mountOnEnter) {\n initialStatus = UNMOUNTED;\n } else {\n initialStatus = EXITED;\n }\n }\n\n _this.state = {\n status: initialStatus\n };\n _this.nextCallback = null;\n return _this;\n }\n\n Transition.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {\n var nextIn = _ref.in;\n\n if (nextIn && prevState.status === UNMOUNTED) {\n return {\n status: EXITED\n };\n }\n\n return null;\n } // getSnapshotBeforeUpdate(prevProps) {\n // let nextStatus = null\n // if (prevProps !== this.props) {\n // const { status } = this.state\n // if (this.props.in) {\n // if (status !== ENTERING && status !== ENTERED) {\n // nextStatus = ENTERING\n // }\n // } else {\n // if (status === ENTERING || status === ENTERED) {\n // nextStatus = EXITING\n // }\n // }\n // }\n // return { nextStatus }\n // }\n ;\n\n var _proto = Transition.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n this.updateStatus(true, this.appearStatus);\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n var nextStatus = null;\n\n if (prevProps !== this.props) {\n var status = this.state.status;\n\n if (this.props.in) {\n if (status !== ENTERING && status !== ENTERED) {\n nextStatus = ENTERING;\n }\n } else {\n if (status === ENTERING || status === ENTERED) {\n nextStatus = EXITING;\n }\n }\n }\n\n this.updateStatus(false, nextStatus);\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.cancelNextCallback();\n };\n\n _proto.getTimeouts = function getTimeouts() {\n var timeout = this.props.timeout;\n var exit, enter, appear;\n exit = enter = appear = timeout;\n\n if (timeout != null && typeof timeout !== 'number') {\n exit = timeout.exit;\n enter = timeout.enter; // TODO: remove fallback for next major\n\n appear = timeout.appear !== undefined ? timeout.appear : enter;\n }\n\n return {\n exit: exit,\n enter: enter,\n appear: appear\n };\n };\n\n _proto.updateStatus = function updateStatus(mounting, nextStatus) {\n if (mounting === void 0) {\n mounting = false;\n }\n\n if (nextStatus !== null) {\n // nextStatus will always be ENTERING or EXITING.\n this.cancelNextCallback();\n\n if (nextStatus === ENTERING) {\n if (this.props.unmountOnExit || this.props.mountOnEnter) {\n var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this); // https://github.com/reactjs/react-transition-group/pull/749\n // With unmountOnExit or mountOnEnter, the enter animation should happen at the transition between `exited` and `entering`.\n // To make the animation happen, we have to separate each rendering and avoid being processed as batched.\n\n if (node) forceReflow(node);\n }\n\n this.performEnter(mounting);\n } else {\n this.performExit();\n }\n } else if (this.props.unmountOnExit && this.state.status === EXITED) {\n this.setState({\n status: UNMOUNTED\n });\n }\n };\n\n _proto.performEnter = function performEnter(mounting) {\n var _this2 = this;\n\n var enter = this.props.enter;\n var appearing = this.context ? this.context.isMounting : mounting;\n\n var _ref2 = this.props.nodeRef ? [appearing] : [ReactDOM.findDOMNode(this), appearing],\n maybeNode = _ref2[0],\n maybeAppearing = _ref2[1];\n\n var timeouts = this.getTimeouts();\n var enterTimeout = appearing ? timeouts.appear : timeouts.enter; // no enter animation skip right to ENTERED\n // if we are mounting and running this it means appear _must_ be set\n\n if (!mounting && !enter || config.disabled) {\n this.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(maybeNode);\n });\n return;\n }\n\n this.props.onEnter(maybeNode, maybeAppearing);\n this.safeSetState({\n status: ENTERING\n }, function () {\n _this2.props.onEntering(maybeNode, maybeAppearing);\n\n _this2.onTransitionEnd(enterTimeout, function () {\n _this2.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(maybeNode, maybeAppearing);\n });\n });\n });\n };\n\n _proto.performExit = function performExit() {\n var _this3 = this;\n\n var exit = this.props.exit;\n var timeouts = this.getTimeouts();\n var maybeNode = this.props.nodeRef ? undefined : ReactDOM.findDOMNode(this); // no exit animation skip right to EXITED\n\n if (!exit || config.disabled) {\n this.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(maybeNode);\n });\n return;\n }\n\n this.props.onExit(maybeNode);\n this.safeSetState({\n status: EXITING\n }, function () {\n _this3.props.onExiting(maybeNode);\n\n _this3.onTransitionEnd(timeouts.exit, function () {\n _this3.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(maybeNode);\n });\n });\n });\n };\n\n _proto.cancelNextCallback = function cancelNextCallback() {\n if (this.nextCallback !== null) {\n this.nextCallback.cancel();\n this.nextCallback = null;\n }\n };\n\n _proto.safeSetState = function safeSetState(nextState, callback) {\n // This shouldn't be necessary, but there are weird race conditions with\n // setState callbacks and unmounting in testing, so always make sure that\n // we can cancel any pending setState callbacks after we unmount.\n callback = this.setNextCallback(callback);\n this.setState(nextState, callback);\n };\n\n _proto.setNextCallback = function setNextCallback(callback) {\n var _this4 = this;\n\n var active = true;\n\n this.nextCallback = function (event) {\n if (active) {\n active = false;\n _this4.nextCallback = null;\n callback(event);\n }\n };\n\n this.nextCallback.cancel = function () {\n active = false;\n };\n\n return this.nextCallback;\n };\n\n _proto.onTransitionEnd = function onTransitionEnd(timeout, handler) {\n this.setNextCallback(handler);\n var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this);\n var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;\n\n if (!node || doesNotHaveTimeoutOrListener) {\n setTimeout(this.nextCallback, 0);\n return;\n }\n\n if (this.props.addEndListener) {\n var _ref3 = this.props.nodeRef ? [this.nextCallback] : [node, this.nextCallback],\n maybeNode = _ref3[0],\n maybeNextCallback = _ref3[1];\n\n this.props.addEndListener(maybeNode, maybeNextCallback);\n }\n\n if (timeout != null) {\n setTimeout(this.nextCallback, timeout);\n }\n };\n\n _proto.render = function render() {\n var status = this.state.status;\n\n if (status === UNMOUNTED) {\n return null;\n }\n\n var _this$props = this.props,\n children = _this$props.children,\n _in = _this$props.in,\n _mountOnEnter = _this$props.mountOnEnter,\n _unmountOnExit = _this$props.unmountOnExit,\n _appear = _this$props.appear,\n _enter = _this$props.enter,\n _exit = _this$props.exit,\n _timeout = _this$props.timeout,\n _addEndListener = _this$props.addEndListener,\n _onEnter = _this$props.onEnter,\n _onEntering = _this$props.onEntering,\n _onEntered = _this$props.onEntered,\n _onExit = _this$props.onExit,\n _onExiting = _this$props.onExiting,\n _onExited = _this$props.onExited,\n _nodeRef = _this$props.nodeRef,\n childProps = _objectWithoutPropertiesLoose(_this$props, [\"children\", \"in\", \"mountOnEnter\", \"unmountOnExit\", \"appear\", \"enter\", \"exit\", \"timeout\", \"addEndListener\", \"onEnter\", \"onEntering\", \"onEntered\", \"onExit\", \"onExiting\", \"onExited\", \"nodeRef\"]);\n\n return (\n /*#__PURE__*/\n // allows for nested Transitions\n React.createElement(TransitionGroupContext.Provider, {\n value: null\n }, typeof children === 'function' ? children(status, childProps) : React.cloneElement(React.Children.only(children), childProps))\n );\n };\n\n return Transition;\n}(React.Component);\n\nTransition.contextType = TransitionGroupContext;\nTransition.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * A React reference to DOM element that need to transition:\n * https://stackoverflow.com/a/51127130/4671932\n *\n * - When `nodeRef` prop is used, `node` is not passed to callback functions\n * (e.g. `onEnter`) because user already has direct access to the node.\n * - When changing `key` prop of `Transition` in a `TransitionGroup` a new\n * `nodeRef` need to be provided to `Transition` with changed `key` prop\n * (see\n * [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).\n */\n nodeRef: PropTypes.shape({\n current: typeof Element === 'undefined' ? PropTypes.any : function (propValue, key, componentName, location, propFullName, secret) {\n var value = propValue[key];\n return PropTypes.instanceOf(value && 'ownerDocument' in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);\n }\n }),\n\n /**\n * A `function` child can be used instead of a React element. This function is\n * called with the current transition status (`'entering'`, `'entered'`,\n * `'exiting'`, `'exited'`), which can be used to apply context\n * specific props to a component.\n *\n * ```jsx\n * \n * {state => (\n * \n * )}\n * \n * ```\n */\n children: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,\n\n /**\n * Show the component; triggers the enter or exit states\n */\n in: PropTypes.bool,\n\n /**\n * By default the child component is mounted immediately along with\n * the parent `Transition` component. If you want to \"lazy mount\" the component on the\n * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay\n * mounted, even on \"exited\", unless you also specify `unmountOnExit`.\n */\n mountOnEnter: PropTypes.bool,\n\n /**\n * By default the child component stays mounted after it reaches the `'exited'` state.\n * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.\n */\n unmountOnExit: PropTypes.bool,\n\n /**\n * By default the child component does not perform the enter transition when\n * it first mounts, regardless of the value of `in`. If you want this\n * behavior, set both `appear` and `in` to `true`.\n *\n * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop\n * > only adds an additional enter transition. However, in the\n * > `` component that first enter transition does result in\n * > additional `.appear-*` classes, that way you can choose to style it\n * > differently.\n */\n appear: PropTypes.bool,\n\n /**\n * Enable or disable enter transitions.\n */\n enter: PropTypes.bool,\n\n /**\n * Enable or disable exit transitions.\n */\n exit: PropTypes.bool,\n\n /**\n * The duration of the transition, in milliseconds.\n * Required unless `addEndListener` is provided.\n *\n * You may specify a single timeout for all transitions:\n *\n * ```jsx\n * timeout={500}\n * ```\n *\n * or individually:\n *\n * ```jsx\n * timeout={{\n * appear: 500,\n * enter: 300,\n * exit: 500,\n * }}\n * ```\n *\n * - `appear` defaults to the value of `enter`\n * - `enter` defaults to `0`\n * - `exit` defaults to `0`\n *\n * @type {number | { enter?: number, exit?: number, appear?: number }}\n */\n timeout: function timeout(props) {\n var pt = timeoutsShape;\n if (!props.addEndListener) pt = pt.isRequired;\n\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n return pt.apply(void 0, [props].concat(args));\n },\n\n /**\n * Add a custom transition end trigger. Called with the transitioning\n * DOM node and a `done` callback. Allows for more fine grained transition end\n * logic. Timeouts are still used as a fallback if provided.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * ```jsx\n * addEndListener={(node, done) => {\n * // use the css transitionend event to mark the finish of a transition\n * node.addEventListener('transitionend', done, false);\n * }}\n * ```\n */\n addEndListener: PropTypes.func,\n\n /**\n * Callback fired before the \"entering\" status is applied. An extra parameter\n * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement, isAppearing: bool) -> void\n */\n onEnter: PropTypes.func,\n\n /**\n * Callback fired after the \"entering\" status is applied. An extra parameter\n * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement, isAppearing: bool)\n */\n onEntering: PropTypes.func,\n\n /**\n * Callback fired after the \"entered\" status is applied. An extra parameter\n * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement, isAppearing: bool) -> void\n */\n onEntered: PropTypes.func,\n\n /**\n * Callback fired before the \"exiting\" status is applied.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement) -> void\n */\n onExit: PropTypes.func,\n\n /**\n * Callback fired after the \"exiting\" status is applied.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement) -> void\n */\n onExiting: PropTypes.func,\n\n /**\n * Callback fired after the \"exited\" status is applied.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed\n *\n * @type Function(node: HtmlElement) -> void\n */\n onExited: PropTypes.func\n} : {}; // Name the function so it is clearer in the documentation\n\nfunction noop() {}\n\nTransition.defaultProps = {\n in: false,\n mountOnEnter: false,\n unmountOnExit: false,\n appear: false,\n enter: true,\n exit: true,\n onEnter: noop,\n onEntering: noop,\n onEntered: noop,\n onExit: noop,\n onExiting: noop,\n onExited: noop\n};\nTransition.UNMOUNTED = UNMOUNTED;\nTransition.EXITED = EXITED;\nTransition.ENTERING = ENTERING;\nTransition.ENTERED = ENTERED;\nTransition.EXITING = EXITING;\nexport default Transition;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport PropTypes from 'prop-types';\nimport addOneClass from 'dom-helpers/addClass';\nimport removeOneClass from 'dom-helpers/removeClass';\nimport React from 'react';\nimport Transition from './Transition';\nimport { classNamesShape } from './utils/PropTypes';\nimport { forceReflow } from './utils/reflow';\n\nvar _addClass = function addClass(node, classes) {\n return node && classes && classes.split(' ').forEach(function (c) {\n return addOneClass(node, c);\n });\n};\n\nvar removeClass = function removeClass(node, classes) {\n return node && classes && classes.split(' ').forEach(function (c) {\n return removeOneClass(node, c);\n });\n};\n/**\n * A transition component inspired by the excellent\n * [ng-animate](https://docs.angularjs.org/api/ngAnimate) library, you should\n * use it if you're using CSS transitions or animations. It's built upon the\n * [`Transition`](https://reactcommunity.org/react-transition-group/transition)\n * component, so it inherits all of its props.\n *\n * `CSSTransition` applies a pair of class names during the `appear`, `enter`,\n * and `exit` states of the transition. The first class is applied and then a\n * second `*-active` class in order to activate the CSS transition. After the\n * transition, matching `*-done` class names are applied to persist the\n * transition state.\n *\n * ```jsx\n * function App() {\n * const [inProp, setInProp] = useState(false);\n * return (\n *
\n * \n *
\n * {\"I'll receive my-node-* classes\"}\n *
\n * \n * \n *
\n * );\n * }\n * ```\n *\n * When the `in` prop is set to `true`, the child component will first receive\n * the class `example-enter`, then the `example-enter-active` will be added in\n * the next tick. `CSSTransition` [forces a\n * reflow](https://github.com/reactjs/react-transition-group/blob/5007303e729a74be66a21c3e2205e4916821524b/src/CSSTransition.js#L208-L215)\n * between before adding the `example-enter-active`. This is an important trick\n * because it allows us to transition between `example-enter` and\n * `example-enter-active` even though they were added immediately one after\n * another. Most notably, this is what makes it possible for us to animate\n * _appearance_.\n *\n * ```css\n * .my-node-enter {\n * opacity: 0;\n * }\n * .my-node-enter-active {\n * opacity: 1;\n * transition: opacity 200ms;\n * }\n * .my-node-exit {\n * opacity: 1;\n * }\n * .my-node-exit-active {\n * opacity: 0;\n * transition: opacity 200ms;\n * }\n * ```\n *\n * `*-active` classes represent which styles you want to animate **to**, so it's\n * important to add `transition` declaration only to them, otherwise transitions\n * might not behave as intended! This might not be obvious when the transitions\n * are symmetrical, i.e. when `*-enter-active` is the same as `*-exit`, like in\n * the example above (minus `transition`), but it becomes apparent in more\n * complex transitions.\n *\n * **Note**: If you're using the\n * [`appear`](http://reactcommunity.org/react-transition-group/transition#Transition-prop-appear)\n * prop, make sure to define styles for `.appear-*` classes as well.\n */\n\n\nvar CSSTransition = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(CSSTransition, _React$Component);\n\n function CSSTransition() {\n var _this;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n _this.appliedClasses = {\n appear: {},\n enter: {},\n exit: {}\n };\n\n _this.onEnter = function (maybeNode, maybeAppearing) {\n var _this$resolveArgument = _this.resolveArguments(maybeNode, maybeAppearing),\n node = _this$resolveArgument[0],\n appearing = _this$resolveArgument[1];\n\n _this.removeClasses(node, 'exit');\n\n _this.addClass(node, appearing ? 'appear' : 'enter', 'base');\n\n if (_this.props.onEnter) {\n _this.props.onEnter(maybeNode, maybeAppearing);\n }\n };\n\n _this.onEntering = function (maybeNode, maybeAppearing) {\n var _this$resolveArgument2 = _this.resolveArguments(maybeNode, maybeAppearing),\n node = _this$resolveArgument2[0],\n appearing = _this$resolveArgument2[1];\n\n var type = appearing ? 'appear' : 'enter';\n\n _this.addClass(node, type, 'active');\n\n if (_this.props.onEntering) {\n _this.props.onEntering(maybeNode, maybeAppearing);\n }\n };\n\n _this.onEntered = function (maybeNode, maybeAppearing) {\n var _this$resolveArgument3 = _this.resolveArguments(maybeNode, maybeAppearing),\n node = _this$resolveArgument3[0],\n appearing = _this$resolveArgument3[1];\n\n var type = appearing ? 'appear' : 'enter';\n\n _this.removeClasses(node, type);\n\n _this.addClass(node, type, 'done');\n\n if (_this.props.onEntered) {\n _this.props.onEntered(maybeNode, maybeAppearing);\n }\n };\n\n _this.onExit = function (maybeNode) {\n var _this$resolveArgument4 = _this.resolveArguments(maybeNode),\n node = _this$resolveArgument4[0];\n\n _this.removeClasses(node, 'appear');\n\n _this.removeClasses(node, 'enter');\n\n _this.addClass(node, 'exit', 'base');\n\n if (_this.props.onExit) {\n _this.props.onExit(maybeNode);\n }\n };\n\n _this.onExiting = function (maybeNode) {\n var _this$resolveArgument5 = _this.resolveArguments(maybeNode),\n node = _this$resolveArgument5[0];\n\n _this.addClass(node, 'exit', 'active');\n\n if (_this.props.onExiting) {\n _this.props.onExiting(maybeNode);\n }\n };\n\n _this.onExited = function (maybeNode) {\n var _this$resolveArgument6 = _this.resolveArguments(maybeNode),\n node = _this$resolveArgument6[0];\n\n _this.removeClasses(node, 'exit');\n\n _this.addClass(node, 'exit', 'done');\n\n if (_this.props.onExited) {\n _this.props.onExited(maybeNode);\n }\n };\n\n _this.resolveArguments = function (maybeNode, maybeAppearing) {\n return _this.props.nodeRef ? [_this.props.nodeRef.current, maybeNode] // here `maybeNode` is actually `appearing`\n : [maybeNode, maybeAppearing];\n };\n\n _this.getClassNames = function (type) {\n var classNames = _this.props.classNames;\n var isStringClassNames = typeof classNames === 'string';\n var prefix = isStringClassNames && classNames ? classNames + \"-\" : '';\n var baseClassName = isStringClassNames ? \"\" + prefix + type : classNames[type];\n var activeClassName = isStringClassNames ? baseClassName + \"-active\" : classNames[type + \"Active\"];\n var doneClassName = isStringClassNames ? baseClassName + \"-done\" : classNames[type + \"Done\"];\n return {\n baseClassName: baseClassName,\n activeClassName: activeClassName,\n doneClassName: doneClassName\n };\n };\n\n return _this;\n }\n\n var _proto = CSSTransition.prototype;\n\n _proto.addClass = function addClass(node, type, phase) {\n var className = this.getClassNames(type)[phase + \"ClassName\"];\n\n var _this$getClassNames = this.getClassNames('enter'),\n doneClassName = _this$getClassNames.doneClassName;\n\n if (type === 'appear' && phase === 'done' && doneClassName) {\n className += \" \" + doneClassName;\n } // This is to force a repaint,\n // which is necessary in order to transition styles when adding a class name.\n\n\n if (phase === 'active') {\n if (node) forceReflow(node);\n }\n\n if (className) {\n this.appliedClasses[type][phase] = className;\n\n _addClass(node, className);\n }\n };\n\n _proto.removeClasses = function removeClasses(node, type) {\n var _this$appliedClasses$ = this.appliedClasses[type],\n baseClassName = _this$appliedClasses$.base,\n activeClassName = _this$appliedClasses$.active,\n doneClassName = _this$appliedClasses$.done;\n this.appliedClasses[type] = {};\n\n if (baseClassName) {\n removeClass(node, baseClassName);\n }\n\n if (activeClassName) {\n removeClass(node, activeClassName);\n }\n\n if (doneClassName) {\n removeClass(node, doneClassName);\n }\n };\n\n _proto.render = function render() {\n var _this$props = this.props,\n _ = _this$props.classNames,\n props = _objectWithoutPropertiesLoose(_this$props, [\"classNames\"]);\n\n return /*#__PURE__*/React.createElement(Transition, _extends({}, props, {\n onEnter: this.onEnter,\n onEntered: this.onEntered,\n onEntering: this.onEntering,\n onExit: this.onExit,\n onExiting: this.onExiting,\n onExited: this.onExited\n }));\n };\n\n return CSSTransition;\n}(React.Component);\n\nCSSTransition.defaultProps = {\n classNames: ''\n};\nCSSTransition.propTypes = process.env.NODE_ENV !== \"production\" ? _extends({}, Transition.propTypes, {\n /**\n * The animation classNames applied to the component as it appears, enters,\n * exits or has finished the transition. A single name can be provided, which\n * will be suffixed for each stage, e.g. `classNames=\"fade\"` applies:\n *\n * - `fade-appear`, `fade-appear-active`, `fade-appear-done`\n * - `fade-enter`, `fade-enter-active`, `fade-enter-done`\n * - `fade-exit`, `fade-exit-active`, `fade-exit-done`\n *\n * A few details to note about how these classes are applied:\n *\n * 1. They are _joined_ with the ones that are already defined on the child\n * component, so if you want to add some base styles, you can use\n * `className` without worrying that it will be overridden.\n *\n * 2. If the transition component mounts with `in={false}`, no classes are\n * applied yet. You might be expecting `*-exit-done`, but if you think\n * about it, a component cannot finish exiting if it hasn't entered yet.\n *\n * 2. `fade-appear-done` and `fade-enter-done` will _both_ be applied. This\n * allows you to define different behavior for when appearing is done and\n * when regular entering is done, using selectors like\n * `.fade-enter-done:not(.fade-appear-done)`. For example, you could apply\n * an epic entrance animation when element first appears in the DOM using\n * [Animate.css](https://daneden.github.io/animate.css/). Otherwise you can\n * simply use `fade-enter-done` for defining both cases.\n *\n * Each individual classNames can also be specified independently like:\n *\n * ```js\n * classNames={{\n * appear: 'my-appear',\n * appearActive: 'my-active-appear',\n * appearDone: 'my-done-appear',\n * enter: 'my-enter',\n * enterActive: 'my-active-enter',\n * enterDone: 'my-done-enter',\n * exit: 'my-exit',\n * exitActive: 'my-active-exit',\n * exitDone: 'my-done-exit',\n * }}\n * ```\n *\n * If you want to set these classes using CSS Modules:\n *\n * ```js\n * import styles from './styles.css';\n * ```\n *\n * you might want to use camelCase in your CSS file, that way could simply\n * spread them instead of listing them one by one:\n *\n * ```js\n * classNames={{ ...styles }}\n * ```\n *\n * @type {string | {\n * appear?: string,\n * appearActive?: string,\n * appearDone?: string,\n * enter?: string,\n * enterActive?: string,\n * enterDone?: string,\n * exit?: string,\n * exitActive?: string,\n * exitDone?: string,\n * }}\n */\n classNames: classNamesShape,\n\n /**\n * A `` callback fired immediately after the 'enter' or 'appear' class is\n * applied.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement, isAppearing: bool)\n */\n onEnter: PropTypes.func,\n\n /**\n * A `` callback fired immediately after the 'enter-active' or\n * 'appear-active' class is applied.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement, isAppearing: bool)\n */\n onEntering: PropTypes.func,\n\n /**\n * A `` callback fired immediately after the 'enter' or\n * 'appear' classes are **removed** and the `done` class is added to the DOM node.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement, isAppearing: bool)\n */\n onEntered: PropTypes.func,\n\n /**\n * A `` callback fired immediately after the 'exit' class is\n * applied.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed\n *\n * @type Function(node: HtmlElement)\n */\n onExit: PropTypes.func,\n\n /**\n * A `` callback fired immediately after the 'exit-active' is applied.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed\n *\n * @type Function(node: HtmlElement)\n */\n onExiting: PropTypes.func,\n\n /**\n * A `` callback fired immediately after the 'exit' classes\n * are **removed** and the `exit-done` class is added to the DOM node.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed\n *\n * @type Function(node: HtmlElement)\n */\n onExited: PropTypes.func\n}) : {};\nexport default CSSTransition;","import hasClass from './hasClass';\n/**\n * Adds a CSS class to a given element.\n * \n * @param element the element\n * @param className the CSS class name\n */\n\nexport default function addClass(element, className) {\n if (element.classList) element.classList.add(className);else if (!hasClass(element, className)) if (typeof element.className === 'string') element.className = element.className + \" \" + className;else element.setAttribute('class', (element.className && element.className.baseVal || '') + \" \" + className);\n}","/**\n * Checks if a given element has a CSS class.\n * \n * @param element the element\n * @param className the CSS class name\n */\nexport default function hasClass(element, className) {\n if (element.classList) return !!className && element.classList.contains(className);\n return (\" \" + (element.className.baseVal || element.className) + \" \").indexOf(\" \" + className + \" \") !== -1;\n}","import {Backdrop} from \"@sokigo/components-react-bootstrap\";\r\nimport React from \"react\";\r\nimport styles from \"./BusyIndicator.module.scss\";\r\n\r\nexport function NoInteractionOverlay() {\r\n return ;\r\n}\r\n\r\nexport function BusyIndicator({fancySpinner, circleSpinner, bar}) {\r\n bar = true;\r\n if (bar) {\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n\r\n if (circleSpinner) {\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n\r\n if (fancySpinner) {\r\n const circles = [];\r\n for (let i = 0; i < 5; i++) {\r\n circles.push(\r\n
\r\n );\r\n}\r\n","import {useLocation, Link} from \"react-router-dom\";\r\nimport {NavbarTopIcon} from \"@sokigo-sbwebb/default-components\";\r\nimport React from \"react\";\r\n\r\nexport function AdLoginNavbar({title, application: {icon, route}, ...props}) {\r\n const location = useLocation();\r\n return (\r\n \r\n );\r\n}\r\n","import {Button, Panel} from \"@sokigo/components-react-bootstrap\";\r\nimport React from \"react\";\r\nimport {useAppTranslation} from \"@sokigo-sbwebb/default-i18n\";\r\nimport {Link} from \"react-router-dom\";\r\nimport {faSignIn} from \"@fortawesome/pro-regular-svg-icons\";\r\n\r\nexport function LoggedOutView() {\r\n const t = useAppTranslation();\r\n return (\r\n
\r\n
\r\n \r\n
{t(\"loggedOut\")}
\r\n \r\n \r\n
\r\n
\r\n );\r\n}\r\n","import {faSignIn} from \"@fortawesome/pro-regular-svg-icons\";\r\nimport {useApplications} from \"@sokigo-sbwebb/application-services\";\r\nimport {\r\n AppTranslationProvider,\r\n useAppTranslation,\r\n} from \"@sokigo-sbwebb/default-i18n\";\r\nimport {Button, Panel} from \"@sokigo/components-react-bootstrap\";\r\nimport querystring from \"querystring-es3\";\r\nimport React, {useMemo} from \"react\";\r\nimport {Link, Redirect} from \"react-router-dom\";\r\nimport {useLoginProviders} from \"./useLoginProviders\";\r\n\r\nfunction ApplicationTitle({title}) {\r\n const t = useAppTranslation();\r\n return t(title);\r\n}\r\n\r\nexport function LoginView({location}) {\r\n const {providers} = useLoginProviders();\r\n const applications = useApplications();\r\n const t = useAppTranslation();\r\n\r\n const returnUrl = useMemo(\r\n () => querystring.parse(location.search.replace(\"?\", \"\")).returnUrl || \"\",\r\n [location.search]\r\n );\r\n\r\n if (providers.length === 0) return null;\r\n if (providers.length === 1) {\r\n const loginProvider = providers[0];\r\n if (loginProvider.isExternal) {\r\n window.location = `api/login/externallogin?provider=${loginProvider.name}&returnUrl=${returnUrl}`;\r\n return null;\r\n } else {\r\n const application = applications.find(\r\n (x) => x.name === loginProvider.applicationName\r\n );\r\n if (application?.view) {\r\n return ;\r\n }\r\n window.location = `${application.route}?returnUrl=${returnUrl}`;\r\n return null;\r\n }\r\n }\r\n\r\n return (\r\n