`.\r\n * @returns {Function} A `useDispatch` hook bound to the specified context.\r\n */\n\nexport function createDispatchHook(context) {\n if (context === void 0) {\n context = ReactReduxContext;\n }\n\n var useStore = context === ReactReduxContext ? useDefaultStore : createStoreHook(context);\n return function useDispatch() {\n var store = useStore();\n return store.dispatch;\n };\n}\n/**\r\n * A hook to access the redux `dispatch` function.\r\n *\r\n * @returns {any|function} redux store's `dispatch` function\r\n *\r\n * @example\r\n *\r\n * import React, { useCallback } from 'react'\r\n * import { useDispatch } from 'react-redux'\r\n *\r\n * export const CounterComponent = ({ value }) => {\r\n * const dispatch = useDispatch()\r\n * const increaseCounter = useCallback(() => dispatch({ type: 'increase-counter' }), [])\r\n * return (\r\n * \r\n * {value} \r\n * Increase counter \r\n *
\r\n * )\r\n * }\r\n */\n\nexport var useDispatch = /*#__PURE__*/createDispatchHook();","import { useReducer, useRef, useMemo, useContext, useDebugValue } from 'react';\nimport { useReduxContext as useDefaultReduxContext } from './useReduxContext';\nimport { createSubscription } from '../utils/Subscription';\nimport { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect';\nimport { ReactReduxContext } from '../components/Context';\n\nvar refEquality = function refEquality(a, b) {\n return a === b;\n};\n\nfunction useSelectorWithStoreAndSubscription(selector, equalityFn, store, contextSub) {\n var _useReducer = useReducer(function (s) {\n return s + 1;\n }, 0),\n forceRender = _useReducer[1];\n\n var subscription = useMemo(function () {\n return createSubscription(store, contextSub);\n }, [store, contextSub]);\n var latestSubscriptionCallbackError = useRef();\n var latestSelector = useRef();\n var latestStoreState = useRef();\n var latestSelectedState = useRef();\n var storeState = store.getState();\n var selectedState;\n\n try {\n if (selector !== latestSelector.current || storeState !== latestStoreState.current || latestSubscriptionCallbackError.current) {\n var newSelectedState = selector(storeState); // ensure latest selected state is reused so that a custom equality function can result in identical references\n\n if (latestSelectedState.current === undefined || !equalityFn(newSelectedState, latestSelectedState.current)) {\n selectedState = newSelectedState;\n } else {\n selectedState = latestSelectedState.current;\n }\n } else {\n selectedState = latestSelectedState.current;\n }\n } catch (err) {\n if (latestSubscriptionCallbackError.current) {\n err.message += \"\\nThe error may be correlated with this previous error:\\n\" + latestSubscriptionCallbackError.current.stack + \"\\n\\n\";\n }\n\n throw err;\n }\n\n useIsomorphicLayoutEffect(function () {\n latestSelector.current = selector;\n latestStoreState.current = storeState;\n latestSelectedState.current = selectedState;\n latestSubscriptionCallbackError.current = undefined;\n });\n useIsomorphicLayoutEffect(function () {\n function checkForUpdates() {\n try {\n var newStoreState = store.getState(); // Avoid calling selector multiple times if the store's state has not changed\n\n if (newStoreState === latestStoreState.current) {\n return;\n }\n\n var _newSelectedState = latestSelector.current(newStoreState);\n\n if (equalityFn(_newSelectedState, latestSelectedState.current)) {\n return;\n }\n\n latestSelectedState.current = _newSelectedState;\n latestStoreState.current = newStoreState;\n } catch (err) {\n // we ignore all errors here, since when the component\n // is re-rendered, the selectors are called again, and\n // will throw again, if neither props nor store state\n // changed\n latestSubscriptionCallbackError.current = err;\n }\n\n forceRender();\n }\n\n subscription.onStateChange = checkForUpdates;\n subscription.trySubscribe();\n checkForUpdates();\n return function () {\n return subscription.tryUnsubscribe();\n };\n }, [store, subscription]);\n return selectedState;\n}\n/**\r\n * Hook factory, which creates a `useSelector` hook bound to a given context.\r\n *\r\n * @param {React.Context} [context=ReactReduxContext] Context passed to your ``.\r\n * @returns {Function} A `useSelector` hook bound to the specified context.\r\n */\n\n\nexport function createSelectorHook(context) {\n if (context === void 0) {\n context = ReactReduxContext;\n }\n\n var useReduxContext = context === ReactReduxContext ? useDefaultReduxContext : function () {\n return useContext(context);\n };\n return function useSelector(selector, equalityFn) {\n if (equalityFn === void 0) {\n equalityFn = refEquality;\n }\n\n if (process.env.NODE_ENV !== 'production') {\n if (!selector) {\n throw new Error(\"You must pass a selector to useSelector\");\n }\n\n if (typeof selector !== 'function') {\n throw new Error(\"You must pass a function as a selector to useSelector\");\n }\n\n if (typeof equalityFn !== 'function') {\n throw new Error(\"You must pass a function as an equality function to useSelector\");\n }\n }\n\n var _useReduxContext = useReduxContext(),\n store = _useReduxContext.store,\n contextSub = _useReduxContext.subscription;\n\n var selectedState = useSelectorWithStoreAndSubscription(selector, equalityFn, store, contextSub);\n useDebugValue(selectedState);\n return selectedState;\n };\n}\n/**\r\n * A hook to access the redux store's state. This hook takes a selector function\r\n * as an argument. The selector is called with the store state.\r\n *\r\n * This hook takes an optional equality comparison function as the second parameter\r\n * that allows you to customize the way the selected state is compared to determine\r\n * whether the component needs to be re-rendered.\r\n *\r\n * @param {Function} selector the selector function\r\n * @param {Function=} equalityFn the function that will be used to determine equality\r\n *\r\n * @returns {any} the selected state\r\n *\r\n * @example\r\n *\r\n * import React from 'react'\r\n * import { useSelector } from 'react-redux'\r\n *\r\n * export const CounterComponent = () => {\r\n * const counter = useSelector(state => state.counter)\r\n * return {counter}
\r\n * }\r\n */\n\nexport var useSelector = /*#__PURE__*/createSelectorHook();","export * from './exports';\nimport { unstable_batchedUpdates as batch } from './utils/reactBatchedUpdates';\nimport { setBatch } from './utils/batch'; // Enable batched updates in our subscriptions for use\n// with standard React renderers (ReactDOM, React Native)\n\nsetBatch(batch);\nexport { batch };","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _react = _interopRequireWildcard(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _reactTransitionGroup = require(\"react-transition-group\");\n\nvar _emotion = require(\"emotion\");\n\nvar _Spinner = _interopRequireDefault(require(\"./components/Spinner\"));\n\nvar _styles = _interopRequireDefault(require(\"./styles\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }\n\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance\"); }\n\nfunction _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === \"[object Arguments]\") return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar LoadingOverlayWrapper =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(LoadingOverlayWrapper, _Component);\n\n function LoadingOverlayWrapper(props) {\n var _this;\n\n _classCallCheck(this, LoadingOverlayWrapper);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(LoadingOverlayWrapper).call(this, props));\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"getStyles\", function (key, providedState) {\n var base = _styles.default[key](providedState, _this.props);\n\n var custom = _this.props.styles[key];\n if (!custom) return base;\n return typeof custom === 'function' ? custom(base, _this.props) : custom;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"cx\", function (names) {\n var arr = Array.isArray(names) ? names : [names];\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 _emotion.cx.apply(void 0, _toConsumableArray(arr.map(function (name) {\n return name ? \"\".concat(_this.props.classNamePrefix).concat(name) : '';\n })).concat(args));\n });\n\n _this.wrapper = _react.default.createRef();\n _this.state = {\n overflowCSS: {}\n };\n return _this;\n }\n\n _createClass(LoadingOverlayWrapper, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n var wrapperStyle = window.getComputedStyle(this.wrapper.current);\n var overflowCSS = ['overflow', 'overflowX', 'overflowY'].reduce(function (m, i) {\n if (wrapperStyle[i] !== 'visible') m[i] = 'hidden';\n return m;\n }, {});\n this.setState({\n overflowCSS: overflowCSS\n });\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n var active = this.props.active;\n if (active) this.wrapper.current.scrollTop = 0;\n }\n /**\n * Return an emotion css object for a given element key\n * If a custom style was provided via props, run it with\n * the base css obj.\n */\n\n }, {\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n var overflowCSS = this.state.overflowCSS;\n var _this$props = this.props,\n children = _this$props.children,\n className = _this$props.className,\n onClick = _this$props.onClick,\n active = _this$props.active,\n fadeSpeed = _this$props.fadeSpeed,\n spinner = _this$props.spinner,\n text = _this$props.text;\n return _react.default.createElement(\"div\", {\n \"data-testid\": \"wrapper\",\n ref: this.wrapper,\n className: this.cx(['wrapper', active && 'wrapper--active'], (0, _emotion.css)(this.getStyles('wrapper', active ? overflowCSS : {})), className)\n }, _react.default.createElement(_reactTransitionGroup.CSSTransition, {\n in: active,\n classNames: \"_loading-overlay-transition\",\n timeout: fadeSpeed,\n unmountOnExit: true\n }, function (state) {\n return _react.default.createElement(\"div\", {\n \"data-testid\": \"overlay\",\n className: _this2.cx('overlay', (0, _emotion.css)(_this2.getStyles('overlay', state))),\n onClick: onClick\n }, _react.default.createElement(\"div\", {\n className: _this2.cx('content', (0, _emotion.css)(_this2.getStyles('content')))\n }, spinner && (typeof spinner === 'boolean' ? _react.default.createElement(_Spinner.default, {\n cx: _this2.cx,\n getStyles: _this2.getStyles\n }) : spinner), text));\n }), children);\n }\n }]);\n\n return LoadingOverlayWrapper;\n}(_react.Component);\n\nLoadingOverlayWrapper.propTypes = {\n active: _propTypes.default.bool,\n fadeSpeed: _propTypes.default.number,\n onClick: _propTypes.default.func,\n className: _propTypes.default.string,\n classNamePrefix: _propTypes.default.string,\n spinner: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),\n text: _propTypes.default.node,\n styles: _propTypes.default.shape({\n content: _propTypes.default.function,\n overlay: _propTypes.default.function,\n spinner: _propTypes.default.function,\n wrapper: _propTypes.default.function\n })\n};\nLoadingOverlayWrapper.defaultProps = {\n classNamePrefix: '_loading_overlay_',\n fadeSpeed: 500,\n styles: {}\n};\nvar _default = LoadingOverlayWrapper;\nexports.default = _default;","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e))for(t=0;t 0)\n ? toastAutoClose\n : containerAutoClose;\n}\n\nexport const canUseDom = !!(\n typeof window !== 'undefined' &&\n window.document &&\n window.document.createElement\n);\n\nexport function canBeRendered(content: T): boolean {\n return (\n isValidElement(content) || isStr(content) || isFn(content) || isNum(content)\n );\n}\n","import { ToastPosition, TypeOptions } from '../types';\n\ntype KeyOfPosition =\n | 'TOP_LEFT'\n | 'TOP_RIGHT'\n | 'TOP_CENTER'\n | 'BOTTOM_LEFT'\n | 'BOTTOM_RIGHT'\n | 'BOTTOM_CENTER';\n\ntype KeyOfType = 'INFO' | 'SUCCESS' | 'WARNING' | 'ERROR' | 'DEFAULT';\n\nexport const POSITION: { [key in KeyOfPosition]: ToastPosition } = {\n TOP_LEFT: 'top-left',\n TOP_RIGHT: 'top-right',\n TOP_CENTER: 'top-center',\n BOTTOM_LEFT: 'bottom-left',\n BOTTOM_RIGHT: 'bottom-right',\n BOTTOM_CENTER: 'bottom-center'\n};\n\nexport const TYPE: { [key in KeyOfType]: TypeOptions } = {\n INFO: 'info',\n SUCCESS: 'success',\n WARNING: 'warning',\n ERROR: 'error',\n DEFAULT: 'default'\n};\n\nexport const enum Default {\n COLLAPSE_DURATION = 300,\n DEBOUNCE_DURATION = 50,\n CSS_NAMESPACE = 'Toastify',\n DRAGGABLE_PERCENT = 80\n}\n\nexport const enum Direction {\n X = 'x',\n Y = 'y'\n}\n\nexport const enum SyntheticEvent {\n ENTRANCE_ANIMATION_END = 'd'\n}\n","import React, { useEffect, useLayoutEffect, useRef } from 'react';\n\nimport { collapseToast } from './collapseToast';\nimport { Default, SyntheticEvent } from './constant';\n\nimport { ToastTransitionProps } from '../types';\n\nexport interface CSSTransitionProps {\n /**\n * Css class to apply when toast enter\n */\n enter: string;\n\n /**\n * Css class to apply when toast leave\n */\n exit: string;\n\n /**\n * Append current toast position to the classname.\n * If multiple classes are provided, only the last one will get the position\n * For instance `myclass--top-center`...\n * `Default: false`\n */\n appendPosition?: boolean;\n\n /**\n * Collapse toast smoothly when exit animation end\n * `Default: true`\n */\n collapse?: boolean;\n\n /**\n * Collapse transition duration\n * `Default: 300`\n */\n collapseDuration?: number;\n}\n\nconst enum AnimationStep {\n Enter,\n Exit\n}\n\n/**\n * Css animation that just work.\n * You could use animate.css for instance\n *\n *\n * ```\n * cssTransition({\n * enter: \"animate__animated animate__bounceIn\",\n * exit: \"animate__animated animate__bounceOut\"\n * })\n * ```\n *\n */\nexport function cssTransition({\n enter,\n exit,\n appendPosition = false,\n collapse = true,\n collapseDuration = Default.COLLAPSE_DURATION\n}: CSSTransitionProps) {\n return function ToastTransition({\n children,\n position,\n preventExitTransition,\n done,\n nodeRef,\n isIn\n }: ToastTransitionProps) {\n const enterClassName = appendPosition ? `${enter}--${position}` : enter;\n const exitClassName = appendPosition ? `${exit}--${position}` : exit;\n const baseClassName = useRef();\n const animationStep = useRef(AnimationStep.Enter);\n\n useLayoutEffect(() => {\n onEnter();\n }, []);\n\n useEffect(() => {\n if (!isIn) preventExitTransition ? onExited() : onExit();\n }, [isIn]);\n\n function onEnter() {\n const node = nodeRef.current!;\n baseClassName.current = node.className;\n node.className += ` ${enterClassName}`;\n node.addEventListener('animationend', onEntered);\n node.addEventListener('animationcancel', onEntered);\n }\n\n function onEntered(e: AnimationEvent) {\n if (e.target !== nodeRef.current) return;\n\n const node = nodeRef.current!;\n node.dispatchEvent(new Event(SyntheticEvent.ENTRANCE_ANIMATION_END));\n node.removeEventListener('animationend', onEntered);\n node.removeEventListener('animationcancel', onEntered);\n if (animationStep.current === AnimationStep.Enter) {\n node.className = baseClassName.current!;\n }\n }\n\n function onExit() {\n animationStep.current = AnimationStep.Exit;\n const node = nodeRef.current!;\n\n node.className += ` ${exitClassName}`;\n node.addEventListener('animationend', onExited);\n }\n\n function onExited() {\n const node = nodeRef.current!;\n\n node.removeEventListener('animationend', onExited);\n collapse ? collapseToast(node, done, collapseDuration) : done();\n }\n\n return <>{children};\n };\n}\n","import { Default } from './constant';\n\n/**\n * Used to collapse toast after exit animation\n */\nexport function collapseToast(\n node: HTMLElement,\n done: () => void,\n duration = Default.COLLAPSE_DURATION\n) {\n const { scrollHeight, style } = node;\n\n requestAnimationFrame(() => {\n style.minHeight = 'initial';\n style.height = scrollHeight + 'px';\n style.transition = `all ${duration}ms`;\n\n requestAnimationFrame(() => {\n style.height = '0';\n style.padding = '0';\n style.margin = '0';\n setTimeout(done, duration as number);\n });\n });\n}\n","import {\n Id,\n ToastContent,\n ClearWaitingQueueParams,\n NotValidatedToastProps\n} from '../types';\nimport { ContainerInstance } from '../hooks';\n\nexport const enum Event {\n Show,\n Clear,\n DidMount,\n WillUnmount,\n Change,\n ClearWaitingQueue\n}\n\ntype OnShowCallback = (\n content: ToastContent,\n options: NotValidatedToastProps\n) => void;\ntype OnClearCallback = (id?: Id) => void;\ntype OnClearWaitingQueue = (params: ClearWaitingQueueParams) => void;\ntype OnDidMountCallback = (containerInstance: ContainerInstance) => void;\ntype OnWillUnmountCallback = OnDidMountCallback;\nexport type OnChangeCallback = (\n toast: number,\n containerId?: number | string\n) => void;\ntype Callback =\n | OnShowCallback\n | OnClearCallback\n | OnClearWaitingQueue\n | OnDidMountCallback\n | OnWillUnmountCallback\n | OnChangeCallback;\ntype TimeoutId = ReturnType;\n\nexport interface EventManager {\n list: Map;\n emitQueue: Map;\n on(event: Event.Show, callback: OnShowCallback): EventManager;\n on(event: Event.Clear, callback: OnClearCallback): EventManager;\n on(\n event: Event.ClearWaitingQueue,\n callback: OnClearWaitingQueue\n ): EventManager;\n on(event: Event.DidMount, callback: OnDidMountCallback): EventManager;\n on(event: Event.WillUnmount, callback: OnWillUnmountCallback): EventManager;\n on(event: Event.Change, callback: OnChangeCallback): EventManager;\n off(event: Event, callback?: Callback): EventManager;\n cancelEmit(event: Event): EventManager;\n emit(\n event: Event.Show,\n content: React.ReactNode,\n options: NotValidatedToastProps\n ): void;\n emit(event: Event.Clear, id?: string | number): void;\n emit(event: Event.ClearWaitingQueue, params: ClearWaitingQueueParams): void;\n emit(event: Event.DidMount, containerInstance: ContainerInstance): void;\n emit(event: Event.WillUnmount, containerInstance: ContainerInstance): void;\n emit(event: Event.Change, toast: number, containerId?: number | string): void;\n}\n\nexport const eventManager: EventManager = {\n list: new Map(),\n emitQueue: new Map(),\n\n on(event: Event, callback: Callback) {\n this.list.has(event) || this.list.set(event, []);\n this.list.get(event)!.push(callback);\n return this;\n },\n\n off(event, callback) {\n if (callback) {\n const cb = this.list.get(event)!.filter(cb => cb !== callback);\n this.list.set(event, cb);\n return this;\n }\n this.list.delete(event);\n return this;\n },\n\n cancelEmit(event) {\n const timers = this.emitQueue.get(event);\n if (timers) {\n timers.forEach(clearTimeout);\n this.emitQueue.delete(event);\n }\n\n return this;\n },\n\n /**\n * Enqueue the event at the end of the call stack\n * Doing so let the user call toast as follow:\n * toast('1')\n * toast('2')\n * toast('3')\n * Without setTimemout the code above will not work\n */\n emit(event: Event, ...args: any[]) {\n this.list.has(event) &&\n this.list.get(event)!.forEach((callback: Callback) => {\n const timer: TimeoutId = setTimeout(() => {\n // @ts-ignore\n callback(...args);\n }, 0);\n\n this.emitQueue.has(event) || this.emitQueue.set(event, []);\n this.emitQueue.get(event)!.push(timer);\n });\n }\n};\n","import {\n useEffect,\n useRef,\n useReducer,\n cloneElement,\n isValidElement,\n useState\n} from 'react';\nimport {\n parseClassName,\n canBeRendered,\n isBool,\n isFn,\n isNum,\n isStr,\n isToastIdValid,\n getAutoCloseDelay\n} from '../utils';\nimport { eventManager, Event } from '../core/eventManager';\n\nimport {\n Id,\n ToastContainerProps,\n ToastProps,\n ToastContent,\n Toast,\n ToastPosition,\n ClearWaitingQueueParams,\n NotValidatedToastProps,\n ToastTransition\n} from '../types';\n\ninterface QueuedToast {\n toastContent: ToastContent;\n toastProps: ToastProps;\n staleId?: Id;\n}\n\nexport interface ContainerInstance {\n toastKey: number;\n displayedToast: number;\n props: ToastContainerProps;\n containerId?: Id | null;\n isToastActive: (toastId: Id) => boolean;\n getToast: (id: Id) => Toast | null | undefined;\n queue: QueuedToast[];\n count: number;\n}\n\nexport function useToastContainer(props: ToastContainerProps) {\n const [, forceUpdate] = useReducer(x => x + 1, 0);\n const [toastIds, setToastIds] = useState([]);\n const containerRef = useRef(null);\n const toastToRender = useRef(new Map()).current;\n const isToastActive = (id: Id) => toastIds.indexOf(id) !== -1;\n const instance = useRef({\n toastKey: 1,\n displayedToast: 0,\n count: 0,\n queue: [],\n props,\n containerId: null,\n isToastActive,\n getToast: id => toastToRender.get(id)\n }).current;\n\n useEffect(() => {\n instance.containerId = props.containerId;\n eventManager\n .cancelEmit(Event.WillUnmount)\n .on(Event.Show, buildToast)\n .on(Event.Clear, toastId => containerRef.current && removeToast(toastId))\n .on(Event.ClearWaitingQueue, clearWaitingQueue)\n .emit(Event.DidMount, instance);\n\n return () => eventManager.emit(Event.WillUnmount, instance);\n }, []);\n\n useEffect(() => {\n instance.isToastActive = isToastActive;\n instance.displayedToast = toastIds.length;\n eventManager.emit(Event.Change, toastIds.length, props.containerId);\n }, [toastIds]);\n\n useEffect(() => {\n instance.props = props;\n });\n\n function clearWaitingQueue({ containerId }: ClearWaitingQueueParams) {\n const { limit } = instance.props;\n if (limit && (!containerId || instance.containerId === containerId)) {\n instance.count -= instance.queue.length;\n instance.queue = [];\n }\n }\n\n function removeToast(toastId?: Id) {\n setToastIds(state =>\n isToastIdValid(toastId) ? state.filter(id => id !== toastId) : []\n );\n }\n\n function dequeueToast() {\n const {\n toastContent,\n toastProps,\n staleId\n } = instance.queue.shift() as QueuedToast;\n appendToast(toastContent, toastProps, staleId);\n }\n\n /**\n * check if a container is attached to the dom\n * check for multi-container, build only if associated\n * check for duplicate toastId if no update\n */\n function isNotValid(options: NotValidatedToastProps) {\n return (\n !containerRef.current ||\n (instance.props.enableMultiContainer &&\n options.containerId !== instance.props.containerId) ||\n (toastToRender.has(options.toastId) && options.updateId == null)\n );\n }\n\n // this function and all the function called inside needs to rely on refs\n function buildToast(\n content: ToastContent,\n { delay, staleId, ...options }: NotValidatedToastProps\n ) {\n if (!canBeRendered(content) || isNotValid(options)) return;\n\n const { toastId, updateId, data } = options;\n const { props } = instance;\n const closeToast = () => removeToast(toastId);\n const isNotAnUpdate = updateId == null;\n\n if (isNotAnUpdate) instance.count++;\n\n const toastProps: ToastProps = {\n toastId,\n updateId,\n isLoading: options.isLoading,\n theme: options.theme || props.theme!,\n icon: options.icon != null ? options.icon : props.icon,\n isIn: false,\n key: options.key || instance.toastKey++,\n type: options.type!,\n closeToast: closeToast,\n closeButton: options.closeButton,\n rtl: props.rtl,\n position: options.position || (props.position as ToastPosition),\n transition: options.transition || (props.transition as ToastTransition),\n className: parseClassName(options.className || props.toastClassName),\n bodyClassName: parseClassName(\n options.bodyClassName || props.bodyClassName\n ),\n style: options.style || props.toastStyle,\n bodyStyle: options.bodyStyle || props.bodyStyle,\n onClick: options.onClick || props.onClick,\n pauseOnHover: isBool(options.pauseOnHover)\n ? options.pauseOnHover\n : props.pauseOnHover,\n pauseOnFocusLoss: isBool(options.pauseOnFocusLoss)\n ? options.pauseOnFocusLoss\n : props.pauseOnFocusLoss,\n draggable: isBool(options.draggable)\n ? options.draggable\n : props.draggable,\n draggablePercent:\n options.draggablePercent || (props.draggablePercent as number),\n draggableDirection:\n options.draggableDirection || props.draggableDirection,\n closeOnClick: isBool(options.closeOnClick)\n ? options.closeOnClick\n : props.closeOnClick,\n progressClassName: parseClassName(\n options.progressClassName || props.progressClassName\n ),\n progressStyle: options.progressStyle || props.progressStyle,\n autoClose: options.isLoading\n ? false\n : getAutoCloseDelay(options.autoClose, props.autoClose),\n hideProgressBar: isBool(options.hideProgressBar)\n ? options.hideProgressBar\n : props.hideProgressBar,\n progress: options.progress,\n role: options.role || props.role,\n deleteToast() {\n toastToRender.delete(toastId);\n const queueLen = instance.queue.length;\n instance.count = isToastIdValid(toastId)\n ? instance.count - 1\n : instance.count - instance.displayedToast;\n\n if (instance.count < 0) instance.count = 0;\n\n if (queueLen > 0) {\n const freeSlot = isToastIdValid(toastId) ? 1 : instance.props.limit!;\n\n if (queueLen === 1 || freeSlot === 1) {\n instance.displayedToast++;\n dequeueToast();\n } else {\n const toDequeue = freeSlot > queueLen ? queueLen : freeSlot;\n instance.displayedToast = toDequeue;\n\n for (let i = 0; i < toDequeue; i++) dequeueToast();\n }\n } else {\n forceUpdate();\n }\n }\n };\n\n if (isFn(options.onOpen)) toastProps.onOpen = options.onOpen;\n if (isFn(options.onClose)) toastProps.onClose = options.onClose;\n\n toastProps.closeButton = props.closeButton;\n\n if (options.closeButton === false || canBeRendered(options.closeButton)) {\n toastProps.closeButton = options.closeButton;\n } else if (options.closeButton === true) {\n toastProps.closeButton = canBeRendered(props.closeButton)\n ? props.closeButton\n : true;\n }\n\n let toastContent = content;\n\n if (isValidElement(content) && !isStr(content.type)) {\n toastContent = cloneElement(content, {\n closeToast,\n toastProps,\n data\n });\n } else if (isFn(content)) {\n toastContent = content({ closeToast, toastProps, data });\n }\n\n // not handling limit + delay by design. Waiting for user feedback first\n if (\n props.limit &&\n props.limit > 0 &&\n instance.count > props.limit &&\n isNotAnUpdate\n ) {\n instance.queue.push({ toastContent, toastProps, staleId });\n } else if (isNum(delay) && (delay as number) > 0) {\n setTimeout(() => {\n appendToast(toastContent, toastProps, staleId);\n }, delay);\n } else {\n appendToast(toastContent, toastProps, staleId);\n }\n }\n\n function appendToast(\n content: ToastContent,\n toastProps: ToastProps,\n staleId?: Id\n ) {\n const { toastId } = toastProps;\n\n if (staleId) toastToRender.delete(staleId);\n\n toastToRender.set(toastId, {\n content,\n props: toastProps\n });\n setToastIds(state => [...state, toastId].filter(id => id !== staleId));\n }\n\n function getToastToRender(\n cb: (position: ToastPosition, toastList: Toast[]) => T\n ) {\n const toRender = new Map();\n const collection = Array.from(toastToRender.values());\n\n if (props.newestOnTop) collection.reverse();\n\n collection.forEach(toast => {\n const { position } = toast.props;\n toRender.has(position) || toRender.set(position, []);\n toRender.get(position)!.push(toast);\n });\n\n return Array.from(toRender, p => cb(p[0], p[1]));\n }\n\n return {\n getToastToRender,\n containerRef,\n isToastActive\n };\n}\n","import {\n useState,\n useRef,\n useEffect,\n isValidElement,\n DOMAttributes\n} from 'react';\n\nimport { isFn, Default, Direction, SyntheticEvent } from '../utils';\nimport { ToastProps } from '../types';\n\ninterface Draggable {\n start: number;\n x: number;\n y: number;\n delta: number;\n removalDistance: number;\n canCloseOnClick: boolean;\n canDrag: boolean;\n boundingRect: DOMRect | null;\n didMove: boolean;\n}\n\ntype DragEvent = MouseEvent & TouchEvent;\n\nfunction getX(e: DragEvent) {\n return e.targetTouches && e.targetTouches.length >= 1\n ? e.targetTouches[0].clientX\n : e.clientX;\n}\n\nfunction getY(e: DragEvent) {\n return e.targetTouches && e.targetTouches.length >= 1\n ? e.targetTouches[0].clientY\n : e.clientY;\n}\n\nexport function useToast(props: ToastProps) {\n const [isRunning, setIsRunning] = useState(false);\n const [preventExitTransition, setPreventExitTransition] = useState(false);\n const toastRef = useRef(null);\n const drag = useRef({\n start: 0,\n x: 0,\n y: 0,\n delta: 0,\n removalDistance: 0,\n canCloseOnClick: true,\n canDrag: false,\n boundingRect: null,\n didMove: false\n }).current;\n const syncProps = useRef(props);\n const { autoClose, pauseOnHover, closeToast, onClick, closeOnClick } = props;\n\n useEffect(() => {\n syncProps.current = props;\n });\n\n useEffect(() => {\n if (toastRef.current)\n toastRef.current.addEventListener(\n SyntheticEvent.ENTRANCE_ANIMATION_END,\n playToast,\n { once: true }\n );\n\n if (isFn(props.onOpen))\n props.onOpen(isValidElement(props.children) && props.children.props);\n\n return () => {\n const props = syncProps.current;\n if (isFn(props.onClose))\n props.onClose(isValidElement(props.children) && props.children.props);\n };\n }, []);\n\n useEffect(() => {\n props.pauseOnFocusLoss && bindFocusEvents();\n return () => {\n props.pauseOnFocusLoss && unbindFocusEvents();\n };\n }, [props.pauseOnFocusLoss]);\n\n function onDragStart(\n e: React.MouseEvent | React.TouchEvent\n ) {\n if (props.draggable) {\n bindDragEvents();\n const toast = toastRef.current!;\n drag.canCloseOnClick = true;\n drag.canDrag = true;\n drag.boundingRect = toast.getBoundingClientRect();\n toast.style.transition = '';\n drag.x = getX(e.nativeEvent as DragEvent);\n drag.y = getY(e.nativeEvent as DragEvent);\n\n if (props.draggableDirection === Direction.X) {\n drag.start = drag.x;\n drag.removalDistance =\n toast.offsetWidth * (props.draggablePercent / 100);\n } else {\n drag.start = drag.y;\n drag.removalDistance =\n toast.offsetHeight *\n (props.draggablePercent === Default.DRAGGABLE_PERCENT\n ? props.draggablePercent * 1.5\n : props.draggablePercent / 100);\n }\n }\n }\n\n function onDragTransitionEnd() {\n if (drag.boundingRect) {\n const { top, bottom, left, right } = drag.boundingRect;\n\n if (\n props.pauseOnHover &&\n drag.x >= left &&\n drag.x <= right &&\n drag.y >= top &&\n drag.y <= bottom\n ) {\n pauseToast();\n } else {\n playToast();\n }\n }\n }\n\n function playToast() {\n setIsRunning(true);\n }\n\n function pauseToast() {\n setIsRunning(false);\n }\n\n function bindFocusEvents() {\n if (!document.hasFocus()) pauseToast();\n\n window.addEventListener('focus', playToast);\n window.addEventListener('blur', pauseToast);\n }\n\n function unbindFocusEvents() {\n window.removeEventListener('focus', playToast);\n window.removeEventListener('blur', pauseToast);\n }\n\n function bindDragEvents() {\n drag.didMove = false;\n document.addEventListener('mousemove', onDragMove);\n document.addEventListener('mouseup', onDragEnd);\n\n document.addEventListener('touchmove', onDragMove);\n document.addEventListener('touchend', onDragEnd);\n }\n\n function unbindDragEvents() {\n document.removeEventListener('mousemove', onDragMove);\n document.removeEventListener('mouseup', onDragEnd);\n\n document.removeEventListener('touchmove', onDragMove);\n document.removeEventListener('touchend', onDragEnd);\n }\n\n function onDragMove(e: MouseEvent | TouchEvent) {\n const toast = toastRef.current!;\n if (drag.canDrag && toast) {\n drag.didMove = true;\n if (isRunning) pauseToast();\n drag.x = getX(e as DragEvent);\n drag.y = getY(e as DragEvent);\n if (props.draggableDirection === Direction.X) {\n drag.delta = drag.x - drag.start;\n } else {\n drag.delta = drag.y - drag.start;\n }\n\n // prevent false positif during a toast click\n if (drag.start !== drag.x) drag.canCloseOnClick = false;\n toast.style.transform = `translate${props.draggableDirection}(${drag.delta}px)`;\n toast.style.opacity = `${1 -\n Math.abs(drag.delta / drag.removalDistance)}`;\n }\n }\n\n function onDragEnd() {\n unbindDragEvents();\n const toast = toastRef.current!;\n if (drag.canDrag && drag.didMove && toast) {\n drag.canDrag = false;\n if (Math.abs(drag.delta) > drag.removalDistance) {\n setPreventExitTransition(true);\n props.closeToast();\n return;\n }\n toast.style.transition = 'transform 0.2s, opacity 0.2s';\n toast.style.transform = `translate${props.draggableDirection}(0)`;\n toast.style.opacity = '1';\n }\n }\n\n const eventHandlers: DOMAttributes = {\n onMouseDown: onDragStart,\n onTouchStart: onDragStart,\n onMouseUp: onDragTransitionEnd,\n onTouchEnd: onDragTransitionEnd\n };\n\n if (autoClose && pauseOnHover) {\n eventHandlers.onMouseEnter = pauseToast;\n eventHandlers.onMouseLeave = playToast;\n }\n\n // prevent toast from closing when user drags the toast\n if (closeOnClick) {\n eventHandlers.onClick = (e: React.MouseEvent) => {\n onClick && onClick(e);\n drag.canCloseOnClick && closeToast();\n };\n }\n\n return {\n playToast,\n pauseToast,\n isRunning,\n preventExitTransition,\n toastRef,\n eventHandlers\n };\n}\n","import * as React from 'react';\nimport { Default } from '../utils';\nimport { Theme, TypeOptions } from '../types';\n\nexport interface CloseButtonProps {\n closeToast: (e: React.MouseEvent) => void;\n type: TypeOptions;\n ariaLabel?: string;\n theme: Theme;\n}\n\nexport function CloseButton({\n closeToast,\n theme,\n ariaLabel = 'close'\n}: CloseButtonProps) {\n return (\n {\n e.stopPropagation();\n closeToast(e);\n }}\n aria-label={ariaLabel}\n >\n \n \n \n );\n}\n","import * as React from 'react';\nimport cx from 'clsx';\n\nimport { TYPE, Default, isFn } from './../utils';\nimport { TypeOptions, ToastClassName, Theme } from '../types';\n\nexport interface ProgressBarProps {\n /**\n * The animation delay which determine when to close the toast\n */\n delay: number;\n\n /**\n * Whether or not the animation is running or paused\n */\n isRunning: boolean;\n\n /**\n * Func to close the current toast\n */\n closeToast: () => void;\n\n /**\n * Optional type : info, success ...\n */\n type: TypeOptions;\n\n /**\n * The theme that is currently used\n */\n theme: Theme;\n\n /**\n * Hide or not the progress bar\n */\n hide?: boolean;\n\n /**\n * Optionnal className\n */\n className?: ToastClassName;\n\n /**\n * Optionnal inline style\n */\n style?: React.CSSProperties;\n\n /**\n * Tell wether or not controlled progress bar is used\n */\n controlledProgress?: boolean;\n\n /**\n * Controlled progress value\n */\n progress?: number | string;\n\n /**\n * Support rtl content\n */\n rtl?: boolean;\n\n /**\n * Tell if the component is visible on screen or not\n */\n isIn?: boolean;\n}\n\nexport function ProgressBar({\n delay,\n isRunning,\n closeToast,\n type,\n hide,\n className,\n style: userStyle,\n controlledProgress,\n progress,\n rtl,\n isIn,\n theme\n}: ProgressBarProps) {\n const style: React.CSSProperties = {\n ...userStyle,\n animationDuration: `${delay}ms`,\n animationPlayState: isRunning ? 'running' : 'paused',\n opacity: hide ? 0 : 1\n };\n\n if (controlledProgress) style.transform = `scaleX(${progress})`;\n const defaultClassName = cx(\n `${Default.CSS_NAMESPACE}__progress-bar`,\n controlledProgress\n ? `${Default.CSS_NAMESPACE}__progress-bar--controlled`\n : `${Default.CSS_NAMESPACE}__progress-bar--animated`,\n `${Default.CSS_NAMESPACE}__progress-bar-theme--${theme}`,\n `${Default.CSS_NAMESPACE}__progress-bar--${type}`,\n {\n [`${Default.CSS_NAMESPACE}__progress-bar--rtl`]: rtl\n }\n );\n const classNames = isFn(className)\n ? className({\n rtl,\n type,\n defaultClassName\n })\n : cx(defaultClassName, className);\n\n // 🧐 controlledProgress is derived from progress\n // so if controlledProgress is set\n // it means that this is also the case for progress\n const animationEvent = {\n [controlledProgress && progress! >= 1\n ? 'onTransitionEnd'\n : 'onAnimationEnd']:\n controlledProgress && progress! < 1\n ? null\n : () => {\n isIn && closeToast();\n }\n };\n\n // TODO: add aria-valuenow, aria-valuemax, aria-valuemin\n\n return (\n & IconProps;\n\nconst Svg: React.FC = ({ theme, type, ...rest }) => (\n \n \n );\n}\n\nfunction Info(props: BuiltInIconProps) {\n return (\n \n \n );\n}\n\nfunction Success(props: BuiltInIconProps) {\n return (\n \n \n );\n}\n\nfunction Error(props: BuiltInIconProps) {\n return (\n \n \n );\n}\n\nfunction Spinner() {\n return
;\n}\n\nexport const Icons = {\n info: Info,\n warning: Warning,\n success: Success,\n error: Error,\n spinner: Spinner\n};\n","import * as React from 'react';\nimport cx from 'clsx';\n\nimport { ProgressBar } from './ProgressBar';\nimport { Icons } from './Icons';\nimport { ToastProps } from '../types';\nimport { Default, isFn, isStr } from '../utils';\nimport { useToast } from '../hooks';\n\nexport const Toast: React.FC = props => {\n const {\n isRunning,\n preventExitTransition,\n toastRef,\n eventHandlers\n } = useToast(props);\n const {\n closeButton,\n children,\n autoClose,\n onClick,\n type,\n hideProgressBar,\n closeToast,\n transition: Transition,\n position,\n className,\n style,\n bodyClassName,\n bodyStyle,\n progressClassName,\n progressStyle,\n updateId,\n role,\n progress,\n rtl,\n toastId,\n deleteToast,\n isIn,\n isLoading,\n icon,\n theme\n } = props;\n const defaultClassName = cx(\n `${Default.CSS_NAMESPACE}__toast`,\n `${Default.CSS_NAMESPACE}__toast-theme--${theme}`,\n `${Default.CSS_NAMESPACE}__toast--${type}`,\n {\n [`${Default.CSS_NAMESPACE}__toast--rtl`]: rtl\n }\n );\n const cssClasses = isFn(className)\n ? className({\n rtl,\n position,\n type,\n defaultClassName\n })\n : cx(defaultClassName, className);\n const isProgressControlled = !!progress;\n const maybeIcon = Icons[type as keyof typeof Icons];\n const iconProps = { theme, type };\n let Icon: React.ReactNode = maybeIcon && maybeIcon(iconProps);\n\n if (icon === false) {\n Icon = void 0;\n } else if (isFn(icon)) {\n Icon = icon(iconProps);\n } else if (React.isValidElement(icon)) {\n Icon = React.cloneElement(icon, iconProps);\n } else if (isStr(icon)) {\n Icon = icon;\n } else if (isLoading) {\n Icon = Icons.spinner();\n }\n\n function renderCloseButton(closeButton: any) {\n if (!closeButton) return;\n\n const props = { closeToast, type, theme };\n\n if (isFn(closeButton)) return closeButton(props);\n\n if (React.isValidElement(closeButton))\n return React.cloneElement(closeButton, props);\n }\n\n return (\n \n \n \n {Icon && (\n \n {Icon}\n \n )}\n {children}
\n \n {renderCloseButton(closeButton)}\n {(autoClose || isProgressControlled) && (\n = props => {\n const { getToastToRender, containerRef, isToastActive } = useToastContainer(\n props\n );\n const { className, style, rtl, containerId } = props;\n\n function getClassName(position: ToastPosition) {\n const defaultClassName = cx(\n `${Default.CSS_NAMESPACE}__toast-container`,\n `${Default.CSS_NAMESPACE}__toast-container--${position}`,\n { [`${Default.CSS_NAMESPACE}__toast-container--rtl`]: rtl }\n );\n return isFn(className)\n ? className({\n position,\n rtl,\n defaultClassName\n })\n : cx(defaultClassName, parseClassName(className));\n }\n\n return (\n \n {getToastToRender((position, toastList) => {\n const containerStyle: React.CSSProperties = !toastList.length\n ? { ...style, pointerEvents: 'none' }\n : { ...style };\n\n return (\n \n {toastList.map(({ content, props: toastProps }) => {\n return (\n \n {content}\n \n );\n })}\n \n );\n })}\n \n );\n};\n\nToastContainer.defaultProps = {\n position: POSITION.TOP_RIGHT as ToastPosition,\n transition: Bounce,\n rtl: false,\n autoClose: 5000,\n hideProgressBar: false,\n closeButton: CloseButton,\n pauseOnHover: true,\n pauseOnFocusLoss: true,\n closeOnClick: true,\n newestOnTop: false,\n draggable: true,\n draggablePercent: Default.DRAGGABLE_PERCENT as number,\n draggableDirection: Direction.X,\n role: 'alert',\n theme: 'light'\n};\n","import * as React from 'react';\nimport { render } from 'react-dom';\n\nimport { POSITION, TYPE, canUseDom, isStr, isNum, isFn } from '../utils';\nimport { eventManager, OnChangeCallback, Event } from './eventManager';\nimport {\n ToastContent,\n ToastOptions,\n ToastProps,\n Id,\n ToastContainerProps,\n UpdateOptions,\n ClearWaitingQueueParams,\n NotValidatedToastProps,\n TypeOptions\n} from '../types';\nimport { ContainerInstance } from '../hooks';\nimport { ToastContainer } from '../components';\n\ninterface EnqueuedToast {\n content: ToastContent;\n options: NotValidatedToastProps;\n}\n\nlet containers = new Map();\nlet latestInstance: ContainerInstance | Id;\nlet containerDomNode: HTMLElement;\nlet containerConfig: ToastContainerProps;\nlet queue: EnqueuedToast[] = [];\nlet lazy = false;\n\n/**\n * Get the toast by id, given it's in the DOM, otherwise returns null\n */\nfunction getToast(toastId: Id, { containerId }: ToastOptions) {\n const container = containers.get(containerId || latestInstance);\n if (!container) return null;\n\n return container.getToast(toastId);\n}\n\n/**\n * Generate a random toastId\n */\nfunction generateToastId() {\n return Math.random()\n .toString(36)\n .substring(2, 9);\n}\n\n/**\n * Generate a toastId or use the one provided\n */\nfunction getToastId(options?: ToastOptions) {\n if (options && (isStr(options.toastId) || isNum(options.toastId))) {\n return options.toastId;\n }\n\n return generateToastId();\n}\n\n/**\n * If the container is not mounted, the toast is enqueued and\n * the container lazy mounted\n */\nfunction dispatchToast(\n content: ToastContent,\n options: NotValidatedToastProps\n): Id {\n if (containers.size > 0) {\n eventManager.emit(Event.Show, content, options);\n } else {\n queue.push({ content, options });\n if (lazy && canUseDom) {\n lazy = false;\n containerDomNode = document.createElement('div');\n document.body.appendChild(containerDomNode);\n render((\n promise: Promise | (() => Promise),\n { pending, error, success }: ToastPromiseParams,\n options?: ToastOptions\n) {\n let id: Id;\n\n if (pending) {\n id = isStr(pending)\n ? toast.loading(pending, options)\n : toast.loading(pending.render, {\n ...options,\n ...(pending as ToastOptions)\n });\n }\n\n const resetParams = {\n isLoading: null,\n autoClose: null,\n closeOnClick: null,\n closeButton: null,\n draggable: null\n };\n\n const resolver = (\n type: TypeOptions,\n input: string | UpdateOptions | undefined,\n result: T\n ) => {\n // Remove the toast if the input has not been provided. This prevents the toast from hanging\n // in the pending state if a success/error toast has not been provided.\n if (input == null) {\n toast.dismiss(id);\n return;\n }\n\n const baseParams = {\n type,\n ...resetParams,\n ...options,\n data: result\n };\n const params = isStr(input) ? { render: input } : input;\n\n // if the id is set we know that it's an update\n if (id) {\n toast.update(id, {\n ...baseParams,\n ...params\n });\n } else {\n // using toast.promise without loading\n toast(params.render, {\n ...baseParams,\n ...params\n } as ToastOptions);\n }\n\n return result;\n };\n\n const p = isFn(promise) ? promise() : promise;\n\n //call the resolvers only when needed\n p.then(result => resolver('success', success, result)).catch(err =>\n resolver('error', error, err)\n );\n\n return p;\n}\n\ntoast.promise = handlePromise;\ntoast.success = createToastByType(TYPE.SUCCESS);\ntoast.info = createToastByType(TYPE.INFO);\ntoast.error = createToastByType(TYPE.ERROR);\ntoast.warning = createToastByType(TYPE.WARNING);\ntoast.warn = toast.warning;\ntoast.dark = (content: ToastContent, options?: ToastOptions) =>\n dispatchToast(\n content,\n mergeOptions(TYPE.DEFAULT, {\n theme: 'dark',\n ...options\n })\n );\n\n/**\n * Remove toast programmaticaly\n */\ntoast.dismiss = (id?: Id) => eventManager.emit(Event.Clear, id);\n\n/**\n * Clear waiting queue when limit is used\n */\ntoast.clearWaitingQueue = (params: ClearWaitingQueueParams = {}) =>\n eventManager.emit(Event.ClearWaitingQueue, params);\n\n/**\n * return true if one container is displaying the toast\n */\ntoast.isActive = (id: Id) => {\n let isToastActive = false;\n\n containers.forEach(container => {\n if (container.isToastActive && container.isToastActive(id)) {\n isToastActive = true;\n }\n });\n\n return isToastActive;\n};\n\ntoast.update = (toastId: Id, options: UpdateOptions = {}) => {\n // if you call toast and toast.update directly nothing will be displayed\n // this is why I defered the update\n setTimeout(() => {\n const toast = getToast(toastId, options as ToastOptions);\n if (toast) {\n const { props: oldOptions, content: oldContent } = toast;\n\n const nextOptions = {\n ...oldOptions,\n ...options,\n toastId: options.toastId || toastId,\n updateId: generateToastId()\n } as ToastProps & UpdateOptions;\n\n if (nextOptions.toastId !== toastId) nextOptions.staleId = toastId;\n\n const content = nextOptions.render || oldContent;\n delete nextOptions.render;\n\n dispatchToast(content, nextOptions);\n }\n }, 0);\n};\n\n/**\n * Used for controlled progress bar.\n */\ntoast.done = (id: Id) => {\n toast.update(id, {\n progress: 1\n });\n};\n\n/**\n * @deprecated\n * API will change in the next major release\n *\n * Track changes. The callback get the number of toast displayed\n */\ntoast.onChange = (callback: OnChangeCallback) => {\n if (isFn(callback)) {\n eventManager.on(Event.Change, callback);\n }\n return () => {\n isFn(callback) && eventManager.off(Event.Change, callback);\n };\n};\n\n/**\n * @deprecated\n * will be removed in the next major release\n *\n * Configure the ToastContainer when lazy mounted\n * Prefer ToastContainer over this one\n */\ntoast.configure = (config: ToastContainerProps = {}) => {\n lazy = true;\n containerConfig = config;\n};\n\ntoast.POSITION = POSITION;\ntoast.TYPE = TYPE;\n\n/**\n * Wait until the ToastContainer is mounted to dispatch the toast\n * and attach isActive method\n */\neventManager\n .on(Event.DidMount, (containerInstance: ContainerInstance) => {\n latestInstance = containerInstance.containerId || containerInstance;\n containers.set(latestInstance, containerInstance);\n\n queue.forEach(item => {\n eventManager.emit(Event.Show, item.content, item.options);\n });\n\n queue = [];\n })\n .on(Event.WillUnmount, (containerInstance: ContainerInstance) => {\n containers.delete(containerInstance.containerId || containerInstance);\n\n if (containers.size === 0) {\n eventManager\n .off(Event.Show)\n .off(Event.Clear)\n .off(Event.ClearWaitingQueue);\n }\n\n if (canUseDom && containerDomNode) {\n document.body.removeChild(containerDomNode);\n }\n });\n\nexport { toast };\n","import React, { Component, createRef } from 'react';\nimport { classNames, ObjectUtils, DomHandler, ZIndexUtils, ConnectedOverlayScrollHandler } from 'primereact/utils';\nimport { Ripple } from 'primereact/ripple';\nimport { CSSTransition } from 'primereact/csstransition';\nimport { Portal } from 'primereact/portal';\nimport { VirtualScroller } from 'primereact/virtualscroller';\nimport PrimeReact, { localeOption, FilterService } from 'primereact/api';\nimport { tip } from 'primereact/tooltip';\nimport { OverlayService } from 'primereact/overlayservice';\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n Object.defineProperty(Constructor, \"prototype\", {\n writable: false\n });\n return Constructor;\n}\n\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n Object.defineProperty(subClass, \"prototype\", {\n writable: false\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, _typeof(obj);\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n } else if (call !== void 0) {\n throw new TypeError(\"Derived constructors may only return object or undefined\");\n }\n\n return _assertThisInitialized(self);\n}\n\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nfunction _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$2() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar DropdownItem = /*#__PURE__*/function (_Component) {\n _inherits(DropdownItem, _Component);\n\n var _super = _createSuper$2(DropdownItem);\n\n function DropdownItem(props) {\n var _this;\n\n _classCallCheck(this, DropdownItem);\n\n _this = _super.call(this, props);\n _this.onClick = _this.onClick.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n _createClass(DropdownItem, [{\n key: \"onClick\",\n value: function onClick(event) {\n if (this.props.onClick) {\n this.props.onClick({\n originalEvent: event,\n option: this.props.option\n });\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n var className = classNames('p-dropdown-item', {\n 'p-highlight': this.props.selected,\n 'p-disabled': this.props.disabled,\n 'p-dropdown-item-empty': !this.props.label || this.props.label.length === 0\n }, this.props.option.className);\n var content = this.props.template ? ObjectUtils.getJSXElement(this.props.template, this.props.option) : this.props.label;\n return /*#__PURE__*/React.createElement(\"li\", {\n className: className,\n onClick: this.onClick,\n \"aria-label\": this.props.label,\n key: this.props.label,\n role: \"option\",\n \"aria-selected\": this.props.selected\n }, content, /*#__PURE__*/React.createElement(Ripple, null));\n }\n }]);\n\n return DropdownItem;\n}(Component);\n\n_defineProperty(DropdownItem, \"defaultProps\", {\n option: null,\n label: null,\n template: null,\n selected: false,\n disabled: false,\n onClick: null\n});\n\nfunction ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$1() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nvar DropdownPanelComponent = /*#__PURE__*/function (_Component) {\n _inherits(DropdownPanelComponent, _Component);\n\n var _super = _createSuper$1(DropdownPanelComponent);\n\n function DropdownPanelComponent(props) {\n var _this;\n\n _classCallCheck(this, DropdownPanelComponent);\n\n _this = _super.call(this, props);\n _this.onEnter = _this.onEnter.bind(_assertThisInitialized(_this));\n _this.onEntered = _this.onEntered.bind(_assertThisInitialized(_this));\n _this.onFilterInputChange = _this.onFilterInputChange.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n _createClass(DropdownPanelComponent, [{\n key: \"onEnter\",\n value: function onEnter() {\n var _this2 = this;\n\n this.props.onEnter(function () {\n if (_this2.virtualScrollerRef) {\n var selectedIndex = _this2.props.getSelectedOptionIndex();\n\n if (selectedIndex !== -1) {\n _this2.virtualScrollerRef.scrollToIndex(selectedIndex);\n }\n }\n });\n }\n }, {\n key: \"onEntered\",\n value: function onEntered() {\n var _this3 = this;\n\n this.props.onEntered(function () {\n if (_this3.props.filter && _this3.props.filterInputAutoFocus) {\n _this3.filterInput.focus();\n }\n });\n }\n }, {\n key: \"onFilterInputChange\",\n value: function onFilterInputChange(event) {\n if (this.virtualScrollerRef) {\n this.virtualScrollerRef.scrollToIndex(0);\n }\n\n this.props.onFilterInputChange && this.props.onFilterInputChange(event);\n }\n }, {\n key: \"isEmptyFilter\",\n value: function isEmptyFilter() {\n return !(this.props.visibleOptions && this.props.visibleOptions.length) && this.props.hasFilter();\n }\n }, {\n key: \"renderGroupChildren\",\n value: function renderGroupChildren(optionGroup) {\n var _this4 = this;\n\n var groupChildren = this.props.getOptionGroupChildren(optionGroup);\n return groupChildren.map(function (option, j) {\n var optionLabel = _this4.props.getOptionLabel(option);\n\n var optionKey = j + '_' + _this4.props.getOptionRenderKey(option);\n\n var disabled = _this4.props.isOptionDisabled(option);\n\n return /*#__PURE__*/React.createElement(DropdownItem, {\n key: optionKey,\n label: optionLabel,\n option: option,\n template: _this4.props.itemTemplate,\n selected: _this4.props.isSelected(option),\n disabled: disabled,\n onClick: _this4.props.onOptionClick\n });\n });\n }\n }, {\n key: \"renderEmptyMessage\",\n value: function renderEmptyMessage(emptyMessage, isFilter) {\n var message = ObjectUtils.getJSXElement(emptyMessage, this.props) || localeOption(isFilter ? 'emptyFilterMessage' : 'emptyMessage');\n return /*#__PURE__*/React.createElement(\"li\", {\n className: \"p-dropdown-empty-message\"\n }, message);\n }\n }, {\n key: \"renderItem\",\n value: function renderItem(option, index) {\n if (this.props.optionGroupLabel) {\n var groupContent = this.props.optionGroupTemplate ? ObjectUtils.getJSXElement(this.props.optionGroupTemplate, option, index) : this.props.getOptionGroupLabel(option);\n var groupChildrenContent = this.renderGroupChildren(option);\n var key = index + '_' + this.props.getOptionGroupRenderKey(option);\n return /*#__PURE__*/React.createElement(React.Fragment, {\n key: key\n }, /*#__PURE__*/React.createElement(\"li\", {\n className: \"p-dropdown-item-group\"\n }, groupContent), groupChildrenContent);\n } else {\n var optionLabel = this.props.getOptionLabel(option);\n var optionKey = index + '_' + this.props.getOptionRenderKey(option);\n var disabled = this.props.isOptionDisabled(option);\n return /*#__PURE__*/React.createElement(DropdownItem, {\n key: optionKey,\n label: optionLabel,\n option: option,\n template: this.props.itemTemplate,\n selected: this.props.isSelected(option),\n disabled: disabled,\n onClick: this.props.onOptionClick\n });\n }\n }\n }, {\n key: \"renderItems\",\n value: function renderItems() {\n var _this5 = this;\n\n if (this.props.visibleOptions && this.props.visibleOptions.length) {\n return this.props.visibleOptions.map(function (option, index) {\n return _this5.renderItem(option, index);\n });\n } else if (this.props.hasFilter()) {\n return this.renderEmptyMessage(this.props.emptyFilterMessage, true);\n }\n\n return this.renderEmptyMessage(this.props.emptyMessage);\n }\n }, {\n key: \"renderFilterClearIcon\",\n value: function renderFilterClearIcon() {\n var _this6 = this;\n\n if (this.props.showFilterClear && this.props.filterValue) {\n return /*#__PURE__*/React.createElement(\"i\", {\n className: \"p-dropdown-filter-clear-icon pi pi-times\",\n onClick: function onClick() {\n return _this6.props.onFilterClearIconClick(function () {\n return _this6.filterInput.focus();\n });\n }\n });\n }\n\n return null;\n }\n }, {\n key: \"renderFilter\",\n value: function renderFilter() {\n var _this7 = this;\n\n if (this.props.filter) {\n var clearIcon = this.renderFilterClearIcon();\n var containerClassName = classNames('p-dropdown-filter-container', {\n 'p-dropdown-clearable-filter': !!clearIcon\n });\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"p-dropdown-header\"\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: containerClassName\n }, /*#__PURE__*/React.createElement(\"input\", {\n ref: function ref(el) {\n return _this7.filterInput = el;\n },\n type: \"text\",\n autoComplete: \"off\",\n className: \"p-dropdown-filter p-inputtext p-component\",\n placeholder: this.props.filterPlaceholder,\n onKeyDown: this.props.onFilterInputKeyDown,\n onChange: this.onFilterInputChange,\n value: this.props.filterValue\n }), clearIcon, /*#__PURE__*/React.createElement(\"i\", {\n className: \"p-dropdown-filter-icon pi pi-search\"\n })));\n }\n\n return null;\n }\n }, {\n key: \"renderContent\",\n value: function renderContent() {\n var _this8 = this;\n\n if (this.props.virtualScrollerOptions) {\n var virtualScrollerProps = _objectSpread$1(_objectSpread$1({}, this.props.virtualScrollerOptions), {\n style: _objectSpread$1(_objectSpread$1({}, this.props.virtualScrollerOptions.style), {\n height: this.props.scrollHeight\n }),\n className: classNames('p-dropdown-items-wrapper', this.props.virtualScrollerOptions.className),\n items: this.props.visibleOptions,\n onLazyLoad: function onLazyLoad(event) {\n return _this8.props.virtualScrollerOptions.onLazyLoad(_objectSpread$1(_objectSpread$1({}, event), {\n filter: _this8.props.filterValue\n }));\n },\n itemTemplate: function itemTemplate(item, options) {\n return item && _this8.renderItem(item, options.index);\n },\n contentTemplate: function contentTemplate(options) {\n var className = classNames('p-dropdown-items', options.className);\n var content = _this8.isEmptyFilter() ? _this8.renderEmptyMessage() : options.children;\n return /*#__PURE__*/React.createElement(\"ul\", {\n ref: options.contentRef,\n className: className,\n role: \"listbox\"\n }, content);\n }\n });\n\n return /*#__PURE__*/React.createElement(VirtualScroller, _extends({\n ref: function ref(el) {\n return _this8.virtualScrollerRef = el;\n }\n }, virtualScrollerProps));\n } else {\n var items = this.renderItems();\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"p-dropdown-items-wrapper\",\n style: {\n maxHeight: this.props.scrollHeight || 'auto'\n }\n }, /*#__PURE__*/React.createElement(\"ul\", {\n className: \"p-dropdown-items\",\n role: \"listbox\"\n }, items));\n }\n }\n }, {\n key: \"renderElement\",\n value: function renderElement() {\n var className = classNames('p-dropdown-panel p-component', this.props.panelClassName);\n var filter = this.renderFilter();\n var content = this.renderContent();\n return /*#__PURE__*/React.createElement(CSSTransition, {\n nodeRef: this.props.forwardRef,\n classNames: \"p-connected-overlay\",\n \"in\": this.props[\"in\"],\n timeout: {\n enter: 120,\n exit: 100\n },\n options: this.props.transitionOptions,\n unmountOnExit: true,\n onEnter: this.onEnter,\n onEntering: this.props.onEntering,\n onEntered: this.onEntered,\n onExit: this.props.onExit,\n onExited: this.props.onExited\n }, /*#__PURE__*/React.createElement(\"div\", {\n ref: this.props.forwardRef,\n className: className,\n style: this.props.panelStyle,\n onClick: this.props.onClick\n }, filter, content));\n }\n }, {\n key: \"render\",\n value: function render() {\n var element = this.renderElement();\n return /*#__PURE__*/React.createElement(Portal, {\n element: element,\n appendTo: this.props.appendTo\n });\n }\n }]);\n\n return DropdownPanelComponent;\n}(Component);\n\nvar DropdownPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(DropdownPanelComponent, _extends({\n forwardRef: ref\n }, props));\n});\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it[\"return\"] != null) it[\"return\"](); } finally { if (didErr) throw err; } } }; }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar Dropdown = /*#__PURE__*/function (_Component) {\n _inherits(Dropdown, _Component);\n\n var _super = _createSuper(Dropdown);\n\n function Dropdown(props) {\n var _this;\n\n _classCallCheck(this, Dropdown);\n\n _this = _super.call(this, props);\n _this.state = {\n filter: '',\n focused: false,\n overlayVisible: false\n };\n _this.onClick = _this.onClick.bind(_assertThisInitialized(_this));\n _this.onInputFocus = _this.onInputFocus.bind(_assertThisInitialized(_this));\n _this.onInputBlur = _this.onInputBlur.bind(_assertThisInitialized(_this));\n _this.onInputKeyDown = _this.onInputKeyDown.bind(_assertThisInitialized(_this));\n _this.onEditableInputChange = _this.onEditableInputChange.bind(_assertThisInitialized(_this));\n _this.onEditableInputFocus = _this.onEditableInputFocus.bind(_assertThisInitialized(_this));\n _this.onOptionClick = _this.onOptionClick.bind(_assertThisInitialized(_this));\n _this.onFilterInputChange = _this.onFilterInputChange.bind(_assertThisInitialized(_this));\n _this.onFilterInputKeyDown = _this.onFilterInputKeyDown.bind(_assertThisInitialized(_this));\n _this.onFilterClearIconClick = _this.onFilterClearIconClick.bind(_assertThisInitialized(_this));\n _this.onPanelClick = _this.onPanelClick.bind(_assertThisInitialized(_this));\n _this.onOverlayEnter = _this.onOverlayEnter.bind(_assertThisInitialized(_this));\n _this.onOverlayEntered = _this.onOverlayEntered.bind(_assertThisInitialized(_this));\n _this.onOverlayExit = _this.onOverlayExit.bind(_assertThisInitialized(_this));\n _this.onOverlayExited = _this.onOverlayExited.bind(_assertThisInitialized(_this));\n _this.resetFilter = _this.resetFilter.bind(_assertThisInitialized(_this));\n _this.clear = _this.clear.bind(_assertThisInitialized(_this));\n _this.hasFilter = _this.hasFilter.bind(_assertThisInitialized(_this));\n _this.getOptionLabel = _this.getOptionLabel.bind(_assertThisInitialized(_this));\n _this.getOptionRenderKey = _this.getOptionRenderKey.bind(_assertThisInitialized(_this));\n _this.isOptionDisabled = _this.isOptionDisabled.bind(_assertThisInitialized(_this));\n _this.getOptionGroupChildren = _this.getOptionGroupChildren.bind(_assertThisInitialized(_this));\n _this.getOptionGroupLabel = _this.getOptionGroupLabel.bind(_assertThisInitialized(_this));\n _this.getOptionGroupRenderKey = _this.getOptionGroupRenderKey.bind(_assertThisInitialized(_this));\n _this.getSelectedOptionIndex = _this.getSelectedOptionIndex.bind(_assertThisInitialized(_this));\n _this.isSelected = _this.isSelected.bind(_assertThisInitialized(_this));\n _this.overlayRef = /*#__PURE__*/createRef();\n _this.inputRef = /*#__PURE__*/createRef(_this.props.inputRef);\n return _this;\n }\n\n _createClass(Dropdown, [{\n key: \"onClick\",\n value: function onClick(event) {\n if (this.props.disabled) {\n return;\n }\n\n if (DomHandler.hasClass(event.target, 'p-dropdown-clear-icon') || event.target.tagName === 'INPUT') {\n return;\n } else if (!this.overlayRef.current || !(this.overlayRef.current && this.overlayRef.current.contains(event.target))) {\n this.focusInput.focus();\n\n if (this.state.overlayVisible) {\n this.hideOverlay();\n } else {\n this.showOverlay();\n }\n }\n }\n }, {\n key: \"onInputFocus\",\n value: function onInputFocus(event) {\n var _this2 = this;\n\n event.persist();\n\n if (this.props.showOnFocus && !this.state.overlayVisible) {\n this.showOverlay();\n }\n\n this.setState({\n focused: true\n }, function () {\n if (_this2.props.onFocus) {\n _this2.props.onFocus(event);\n }\n });\n }\n }, {\n key: \"onInputBlur\",\n value: function onInputBlur(event) {\n var _this3 = this;\n\n event.persist();\n this.setState({\n focused: false\n }, function () {\n if (_this3.props.onBlur) {\n _this3.props.onBlur(event);\n }\n });\n }\n }, {\n key: \"onPanelClick\",\n value: function onPanelClick(event) {\n OverlayService.emit('overlay-click', {\n originalEvent: event,\n target: this.container\n });\n }\n }, {\n key: \"onInputKeyDown\",\n value: function onInputKeyDown(event) {\n switch (event.which) {\n //down\n case 40:\n this.onDownKey(event);\n break;\n //up\n\n case 38:\n this.onUpKey(event);\n break;\n //space\n\n case 32:\n if (this.state.overlayVisible) this.hideOverlay();else this.showOverlay();\n event.preventDefault();\n break;\n //enter\n\n case 13:\n this.hideOverlay();\n event.preventDefault();\n break;\n //escape and tab\n\n case 27:\n case 9:\n this.hideOverlay();\n break;\n\n default:\n this.search(event);\n break;\n }\n }\n }, {\n key: \"onFilterInputKeyDown\",\n value: function onFilterInputKeyDown(event) {\n switch (event.which) {\n //down\n case 40:\n this.onDownKey(event);\n break;\n //up\n\n case 38:\n this.onUpKey(event);\n break;\n //enter and escape\n\n case 13:\n case 27:\n this.hideOverlay();\n event.preventDefault();\n break;\n }\n }\n }, {\n key: \"onUpKey\",\n value: function onUpKey(event) {\n var visibleOptions = this.getVisibleOptions();\n\n if (visibleOptions) {\n var prevOption = this.findPrevOption(this.getSelectedOptionIndex());\n\n if (prevOption) {\n this.selectItem({\n originalEvent: event,\n option: prevOption\n });\n }\n }\n\n event.preventDefault();\n }\n }, {\n key: \"onDownKey\",\n value: function onDownKey(event) {\n var visibleOptions = this.getVisibleOptions();\n\n if (visibleOptions) {\n if (!this.state.overlayVisible && event.altKey) {\n this.showOverlay();\n } else {\n var nextOption = this.findNextOption(this.getSelectedOptionIndex());\n\n if (nextOption) {\n this.selectItem({\n originalEvent: event,\n option: nextOption\n });\n }\n }\n }\n\n event.preventDefault();\n }\n }, {\n key: \"findNextOption\",\n value: function findNextOption(index) {\n var visibleOptions = this.getVisibleOptions();\n\n if (this.props.optionGroupLabel) {\n var groupIndex = index === -1 ? 0 : index.group;\n var optionIndex = index === -1 ? -1 : index.option;\n var option = this.findNextOptionInList(this.getOptionGroupChildren(visibleOptions[groupIndex]), optionIndex);\n if (option) return option;else if (groupIndex + 1 !== visibleOptions.length) return this.findNextOption({\n group: groupIndex + 1,\n option: -1\n });else return null;\n } else {\n return this.findNextOptionInList(visibleOptions, index);\n }\n }\n }, {\n key: \"findNextOptionInList\",\n value: function findNextOptionInList(list, index) {\n var i = index + 1;\n\n if (i === list.length) {\n return null;\n }\n\n var option = list[i];\n if (this.isOptionDisabled(option)) return this.findNextOptionInList(i);else return option;\n }\n }, {\n key: \"findPrevOption\",\n value: function findPrevOption(index) {\n if (index === -1) {\n return null;\n }\n\n var visibleOptions = this.getVisibleOptions();\n\n if (this.props.optionGroupLabel) {\n var groupIndex = index.group;\n var optionIndex = index.option;\n var option = this.findPrevOptionInList(this.getOptionGroupChildren(visibleOptions[groupIndex]), optionIndex);\n if (option) return option;else if (groupIndex > 0) return this.findPrevOption({\n group: groupIndex - 1,\n option: this.getOptionGroupChildren(visibleOptions[groupIndex - 1]).length\n });else return null;\n } else {\n return this.findPrevOptionInList(visibleOptions, index);\n }\n }\n }, {\n key: \"findPrevOptionInList\",\n value: function findPrevOptionInList(list, index) {\n var i = index - 1;\n\n if (i < 0) {\n return null;\n }\n\n var option = list[i];\n if (this.isOptionDisabled(option)) return this.findPrevOption(i);else return option;\n }\n }, {\n key: \"search\",\n value: function search(event) {\n var _this4 = this;\n\n if (this.searchTimeout) {\n clearTimeout(this.searchTimeout);\n }\n\n var _char = event.key;\n this.previousSearchChar = this.currentSearchChar;\n this.currentSearchChar = _char;\n if (this.previousSearchChar === this.currentSearchChar) this.searchValue = this.currentSearchChar;else this.searchValue = this.searchValue ? this.searchValue + _char : _char;\n\n if (this.searchValue) {\n var searchIndex = this.getSelectedOptionIndex();\n var newOption = this.props.optionGroupLabel ? this.searchOptionInGroup(searchIndex) : this.searchOption(++searchIndex);\n\n if (newOption) {\n this.selectItem({\n originalEvent: event,\n option: newOption\n });\n this.selectedOptionUpdated = true;\n }\n }\n\n this.searchTimeout = setTimeout(function () {\n _this4.searchValue = null;\n }, 250);\n }\n }, {\n key: \"searchOption\",\n value: function searchOption(index) {\n var option;\n\n if (this.searchValue) {\n var visibleOptions = this.getVisibleOptions();\n option = this.searchOptionInRange(index, visibleOptions.length);\n\n if (!option) {\n option = this.searchOptionInRange(0, index);\n }\n }\n\n return option;\n }\n }, {\n key: \"searchOptionInRange\",\n value: function searchOptionInRange(start, end) {\n var visibleOptions = this.getVisibleOptions();\n\n for (var i = start; i < end; i++) {\n var opt = visibleOptions[i];\n\n if (this.matchesSearchValue(opt)) {\n return opt;\n }\n }\n\n return null;\n }\n }, {\n key: \"searchOptionInGroup\",\n value: function searchOptionInGroup(index) {\n var searchIndex = index === -1 ? {\n group: 0,\n option: -1\n } : index;\n var visibleOptions = this.getVisibleOptions();\n\n for (var i = searchIndex.group; i < visibleOptions.length; i++) {\n var groupOptions = this.getOptionGroupChildren(visibleOptions[i]);\n\n for (var j = searchIndex.group === i ? searchIndex.option + 1 : 0; j < groupOptions.length; j++) {\n if (this.matchesSearchValue(groupOptions[j])) {\n return groupOptions[j];\n }\n }\n }\n\n for (var _i = 0; _i <= searchIndex.group; _i++) {\n var _groupOptions = this.getOptionGroupChildren(visibleOptions[_i]);\n\n for (var _j = 0; _j < (searchIndex.group === _i ? searchIndex.option : _groupOptions.length); _j++) {\n if (this.matchesSearchValue(_groupOptions[_j])) {\n return _groupOptions[_j];\n }\n }\n }\n\n return null;\n }\n }, {\n key: \"matchesSearchValue\",\n value: function matchesSearchValue(option) {\n var label = this.getOptionLabel(option).toLocaleLowerCase(this.props.filterLocale);\n return label.startsWith(this.searchValue.toLocaleLowerCase(this.props.filterLocale));\n }\n }, {\n key: \"onEditableInputChange\",\n value: function onEditableInputChange(event) {\n if (this.props.onChange) {\n this.props.onChange({\n originalEvent: event.originalEvent,\n value: event.target.value,\n stopPropagation: function stopPropagation() {},\n preventDefault: function preventDefault() {},\n target: {\n name: this.props.name,\n id: this.props.id,\n value: event.target.value\n }\n });\n }\n }\n }, {\n key: \"onEditableInputFocus\",\n value: function onEditableInputFocus(event) {\n var _this5 = this;\n\n event.persist();\n this.setState({\n focused: true\n }, function () {\n _this5.hideOverlay();\n\n if (_this5.props.onFocus) {\n _this5.props.onFocus(event);\n }\n });\n }\n }, {\n key: \"onOptionClick\",\n value: function onOptionClick(event) {\n var option = event.option;\n\n if (!option.disabled) {\n this.selectItem(event);\n this.focusInput.focus();\n }\n\n this.hideOverlay();\n }\n }, {\n key: \"onFilterInputChange\",\n value: function onFilterInputChange(event) {\n var _this6 = this;\n\n var filter = event.target.value;\n this.setState({\n filter: filter\n }, function () {\n if (_this6.props.onFilter) {\n _this6.props.onFilter({\n originalEvent: event,\n filter: filter\n });\n }\n });\n }\n }, {\n key: \"onFilterClearIconClick\",\n value: function onFilterClearIconClick(callback) {\n this.resetFilter(callback);\n }\n }, {\n key: \"resetFilter\",\n value: function resetFilter(callback) {\n var _this7 = this;\n\n var filter = '';\n this.setState({\n filter: filter\n }, function () {\n _this7.props.onFilter && _this7.props.onFilter({\n filter: filter\n });\n callback && callback();\n });\n }\n }, {\n key: \"clear\",\n value: function clear(event) {\n if (this.props.onChange) {\n this.props.onChange({\n originalEvent: event,\n value: undefined,\n stopPropagation: function stopPropagation() {},\n preventDefault: function preventDefault() {},\n target: {\n name: this.props.name,\n id: this.props.id,\n value: undefined\n }\n });\n }\n\n this.updateEditableLabel();\n }\n }, {\n key: \"selectItem\",\n value: function selectItem(event) {\n var currentSelectedOption = this.getSelectedOption();\n\n if (currentSelectedOption !== event.option) {\n this.updateEditableLabel(event.option);\n var optionValue = this.getOptionValue(event.option);\n\n if (this.props.onChange) {\n this.props.onChange({\n originalEvent: event.originalEvent,\n value: optionValue,\n stopPropagation: function stopPropagation() {},\n preventDefault: function preventDefault() {},\n target: {\n name: this.props.name,\n id: this.props.id,\n value: optionValue\n }\n });\n }\n }\n }\n }, {\n key: \"getSelectedOption\",\n value: function getSelectedOption() {\n var index = this.getSelectedOptionIndex();\n var visibleOptions = this.getVisibleOptions();\n return index !== -1 ? this.props.optionGroupLabel ? this.getOptionGroupChildren(visibleOptions[index.group])[index.option] : visibleOptions[index] : null;\n }\n }, {\n key: \"getSelectedOptionIndex\",\n value: function getSelectedOptionIndex() {\n var visibleOptions = this.getVisibleOptions();\n\n if (this.props.value != null && visibleOptions) {\n if (this.props.optionGroupLabel) {\n for (var i = 0; i < visibleOptions.length; i++) {\n var selectedOptionIndex = this.findOptionIndexInList(this.props.value, this.getOptionGroupChildren(visibleOptions[i]));\n\n if (selectedOptionIndex !== -1) {\n return {\n group: i,\n option: selectedOptionIndex\n };\n }\n }\n } else {\n return this.findOptionIndexInList(this.props.value, visibleOptions);\n }\n }\n\n return -1;\n }\n }, {\n key: \"findOptionIndexInList\",\n value: function findOptionIndexInList(value, list) {\n var key = this.equalityKey();\n\n for (var i = 0; i < list.length; i++) {\n if (ObjectUtils.equals(value, this.getOptionValue(list[i]), key)) {\n return i;\n }\n }\n\n return -1;\n }\n }, {\n key: \"isSelected\",\n value: function isSelected(option) {\n return ObjectUtils.equals(this.props.value, this.getOptionValue(option), this.equalityKey());\n }\n }, {\n key: \"equalityKey\",\n value: function equalityKey() {\n return this.props.optionValue ? null : this.props.dataKey;\n }\n }, {\n key: \"showOverlay\",\n value: function showOverlay() {\n this.setState({\n overlayVisible: true\n });\n }\n }, {\n key: \"hideOverlay\",\n value: function hideOverlay() {\n this.setState({\n overlayVisible: false\n });\n }\n }, {\n key: \"onOverlayEnter\",\n value: function onOverlayEnter(callback) {\n ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);\n this.alignOverlay();\n callback && callback();\n }\n }, {\n key: \"onOverlayEntered\",\n value: function onOverlayEntered(callback) {\n callback && callback();\n this.bindDocumentClickListener();\n this.bindScrollListener();\n this.bindResizeListener();\n this.props.onShow && this.props.onShow();\n }\n }, {\n key: \"onOverlayExit\",\n value: function onOverlayExit() {\n this.unbindDocumentClickListener();\n this.unbindScrollListener();\n this.unbindResizeListener();\n }\n }, {\n key: \"onOverlayExited\",\n value: function onOverlayExited() {\n if (this.props.filter && this.props.resetFilterOnHide) {\n this.resetFilter();\n }\n\n ZIndexUtils.clear(this.overlayRef.current);\n this.props.onHide && this.props.onHide();\n }\n }, {\n key: \"alignOverlay\",\n value: function alignOverlay() {\n DomHandler.alignOverlay(this.overlayRef.current, this.input.parentElement, this.props.appendTo || PrimeReact.appendTo);\n }\n }, {\n key: \"scrollInView\",\n value: function scrollInView() {\n var highlightItem = DomHandler.findSingle(this.overlayRef.current, 'li.p-highlight');\n\n if (highlightItem) {\n highlightItem.scrollIntoView({\n block: 'nearest',\n inline: 'start'\n });\n }\n }\n }, {\n key: \"bindDocumentClickListener\",\n value: function bindDocumentClickListener() {\n var _this8 = this;\n\n if (!this.documentClickListener) {\n this.documentClickListener = function (event) {\n if (_this8.state.overlayVisible && _this8.isOutsideClicked(event)) {\n _this8.hideOverlay();\n }\n };\n\n document.addEventListener('click', this.documentClickListener);\n }\n }\n }, {\n key: \"unbindDocumentClickListener\",\n value: function unbindDocumentClickListener() {\n if (this.documentClickListener) {\n document.removeEventListener('click', this.documentClickListener);\n this.documentClickListener = null;\n }\n }\n }, {\n key: \"bindScrollListener\",\n value: function bindScrollListener() {\n var _this9 = this;\n\n if (!this.scrollHandler) {\n this.scrollHandler = new ConnectedOverlayScrollHandler(this.container, function () {\n if (_this9.state.overlayVisible) {\n _this9.hideOverlay();\n }\n });\n }\n\n this.scrollHandler.bindScrollListener();\n }\n }, {\n key: \"unbindScrollListener\",\n value: function unbindScrollListener() {\n if (this.scrollHandler) {\n this.scrollHandler.unbindScrollListener();\n }\n }\n }, {\n key: \"bindResizeListener\",\n value: function bindResizeListener() {\n var _this10 = this;\n\n if (!this.resizeListener) {\n this.resizeListener = function () {\n if (_this10.state.overlayVisible && !DomHandler.isTouchDevice()) {\n _this10.hideOverlay();\n }\n };\n\n window.addEventListener('resize', this.resizeListener);\n }\n }\n }, {\n key: \"unbindResizeListener\",\n value: function unbindResizeListener() {\n if (this.resizeListener) {\n window.removeEventListener('resize', this.resizeListener);\n this.resizeListener = null;\n }\n }\n }, {\n key: \"isOutsideClicked\",\n value: function isOutsideClicked(event) {\n return this.container && !(this.container.isSameNode(event.target) || this.isClearClicked(event) || this.container.contains(event.target) || this.overlayRef && this.overlayRef.current.contains(event.target));\n }\n }, {\n key: \"isClearClicked\",\n value: function isClearClicked(event) {\n return DomHandler.hasClass(event.target, 'p-dropdown-clear-icon') || DomHandler.hasClass(event.target, 'p-dropdown-filter-clear-icon');\n }\n }, {\n key: \"updateEditableLabel\",\n value: function updateEditableLabel(option) {\n if (this.input) {\n this.input.value = option ? this.getOptionLabel(option) : this.props.value || '';\n }\n }\n }, {\n key: \"hasFilter\",\n value: function hasFilter() {\n return this.state.filter && this.state.filter.trim().length > 0;\n }\n }, {\n key: \"getOptionLabel\",\n value: function getOptionLabel(option) {\n return this.props.optionLabel ? ObjectUtils.resolveFieldData(option, this.props.optionLabel) : option && option['label'] !== undefined ? option['label'] : option;\n }\n }, {\n key: \"getOptionValue\",\n value: function getOptionValue(option) {\n return this.props.optionValue ? ObjectUtils.resolveFieldData(option, this.props.optionValue) : option && option['value'] !== undefined ? option['value'] : option;\n }\n }, {\n key: \"getOptionRenderKey\",\n value: function getOptionRenderKey(option) {\n return this.props.dataKey ? ObjectUtils.resolveFieldData(option, this.props.dataKey) : this.getOptionLabel(option);\n }\n }, {\n key: \"isOptionDisabled\",\n value: function isOptionDisabled(option) {\n if (this.props.optionDisabled) {\n return ObjectUtils.isFunction(this.props.optionDisabled) ? this.props.optionDisabled(option) : ObjectUtils.resolveFieldData(option, this.props.optionDisabled);\n }\n\n return option && option['disabled'] !== undefined ? option['disabled'] : false;\n }\n }, {\n key: \"getOptionGroupRenderKey\",\n value: function getOptionGroupRenderKey(optionGroup) {\n return ObjectUtils.resolveFieldData(optionGroup, this.props.optionGroupLabel);\n }\n }, {\n key: \"getOptionGroupLabel\",\n value: function getOptionGroupLabel(optionGroup) {\n return ObjectUtils.resolveFieldData(optionGroup, this.props.optionGroupLabel);\n }\n }, {\n key: \"getOptionGroupChildren\",\n value: function getOptionGroupChildren(optionGroup) {\n return ObjectUtils.resolveFieldData(optionGroup, this.props.optionGroupChildren);\n }\n }, {\n key: \"checkValidity\",\n value: function checkValidity() {\n if (this.inputRef.current) {\n return this.inputRef.current.checkValidity();\n }\n\n return false;\n }\n }, {\n key: \"isLazy\",\n value: function isLazy() {\n return this.props.virtualScrollerOptions && this.props.virtualScrollerOptions.lazy;\n }\n }, {\n key: \"getVisibleOptions\",\n value: function getVisibleOptions() {\n if (this.hasFilter() && !this.isLazy()) {\n var filterValue = this.state.filter.trim().toLocaleLowerCase(this.props.filterLocale);\n var searchFields = this.props.filterBy ? this.props.filterBy.split(',') : [this.props.optionLabel || 'label'];\n\n if (this.props.optionGroupLabel) {\n var filteredGroups = [];\n\n var _iterator = _createForOfIteratorHelper(this.props.options),\n _step;\n\n try {\n for (_iterator.s(); !(_step = _iterator.n()).done;) {\n var optgroup = _step.value;\n var filteredSubOptions = FilterService.filter(this.getOptionGroupChildren(optgroup), searchFields, filterValue, this.props.filterMatchMode, this.props.filterLocale);\n\n if (filteredSubOptions && filteredSubOptions.length) {\n filteredGroups.push(_objectSpread(_objectSpread({}, optgroup), {\n items: filteredSubOptions\n }));\n }\n }\n } catch (err) {\n _iterator.e(err);\n } finally {\n _iterator.f();\n }\n\n return filteredGroups;\n } else {\n return FilterService.filter(this.props.options, searchFields, filterValue, this.props.filterMatchMode, this.props.filterLocale);\n }\n } else {\n return this.props.options;\n }\n }\n }, {\n key: \"updateInputField\",\n value: function updateInputField() {\n if (this.props.editable && this.input) {\n var selectedOption = this.getSelectedOption();\n var label = selectedOption ? this.getOptionLabel(selectedOption) : null;\n var value = label || this.props.value || '';\n this.input.value = value;\n }\n }\n }, {\n key: \"updateInputRef\",\n value: function updateInputRef() {\n var ref = this.props.inputRef;\n\n if (ref) {\n if (typeof ref === 'function') {\n ref(this.inputRef.current);\n } else {\n ref.current = this.inputRef.current;\n }\n }\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.updateInputRef();\n\n if (this.props.autoFocus && this.focusInput) {\n this.focusInput.focus();\n }\n\n if (this.props.tooltip) {\n this.renderTooltip();\n }\n\n this.updateInputField();\n\n if (this.inputRef.current) {\n this.inputRef.current.selectedIndex = 1;\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this.unbindDocumentClickListener();\n this.unbindResizeListener();\n\n if (this.scrollHandler) {\n this.scrollHandler.destroy();\n this.scrollHandler = null;\n }\n\n if (this.tooltip) {\n this.tooltip.destroy();\n this.tooltip = null;\n }\n\n if (this.hideTimeout) {\n clearTimeout(this.hideTimeout);\n this.hideTimeout = null;\n }\n\n ZIndexUtils.clear(this.overlayRef.current);\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n if (this.state.overlayVisible) {\n if (this.props.filter) {\n this.alignOverlay();\n }\n\n if (prevProps.value !== this.props.value) {\n this.scrollInView();\n }\n }\n\n if (prevProps.tooltip !== this.props.tooltip || prevProps.tooltipOptions !== this.props.tooltipOptions) {\n if (this.tooltip) this.tooltip.update(_objectSpread({\n content: this.props.tooltip\n }, this.props.tooltipOptions || {}));else this.renderTooltip();\n }\n\n if (this.state.filter && (!this.props.options || this.props.options.length === 0)) {\n this.setState({\n filter: ''\n });\n }\n\n this.updateInputField();\n\n if (this.inputRef.current) {\n this.inputRef.current.selectedIndex = 1;\n }\n }\n }, {\n key: \"renderHiddenSelect\",\n value: function renderHiddenSelect(selectedOption) {\n var placeHolderOption = /*#__PURE__*/React.createElement(\"option\", {\n value: \"\"\n }, this.props.placeholder);\n var option = selectedOption ? /*#__PURE__*/React.createElement(\"option\", {\n value: selectedOption.value\n }, this.getOptionLabel(selectedOption)) : null;\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"p-hidden-accessible p-dropdown-hidden-select\"\n }, /*#__PURE__*/React.createElement(\"select\", {\n ref: this.inputRef,\n required: this.props.required,\n name: this.props.name,\n tabIndex: -1,\n \"aria-hidden\": \"true\"\n }, placeHolderOption, option));\n }\n }, {\n key: \"renderTooltip\",\n value: function renderTooltip() {\n this.tooltip = tip({\n target: this.container,\n content: this.props.tooltip,\n options: this.props.tooltipOptions\n });\n }\n }, {\n key: \"renderKeyboardHelper\",\n value: function renderKeyboardHelper() {\n var _this11 = this;\n\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"p-hidden-accessible\"\n }, /*#__PURE__*/React.createElement(\"input\", {\n ref: function ref(el) {\n return _this11.focusInput = el;\n },\n id: this.props.inputId,\n type: \"text\",\n readOnly: true,\n \"aria-haspopup\": \"listbox\",\n onFocus: this.onInputFocus,\n onBlur: this.onInputBlur,\n onKeyDown: this.onInputKeyDown,\n disabled: this.props.disabled,\n tabIndex: this.props.tabIndex,\n \"aria-label\": this.props.ariaLabel,\n \"aria-labelledby\": this.props.ariaLabelledBy\n }));\n }\n }, {\n key: \"renderLabel\",\n value: function renderLabel(selectedOption) {\n var _this12 = this;\n\n var label = ObjectUtils.isNotEmpty(selectedOption) ? this.getOptionLabel(selectedOption) : null;\n\n if (this.props.editable) {\n var value = label || this.props.value || '';\n return /*#__PURE__*/React.createElement(\"input\", {\n ref: function ref(el) {\n return _this12.input = el;\n },\n type: \"text\",\n defaultValue: value,\n className: \"p-dropdown-label p-inputtext\",\n disabled: this.props.disabled,\n placeholder: this.props.placeholder,\n maxLength: this.props.maxLength,\n onInput: this.onEditableInputChange,\n onFocus: this.onEditableInputFocus,\n onBlur: this.onInputBlur,\n \"aria-label\": this.props.ariaLabel,\n \"aria-labelledby\": this.props.ariaLabelledBy,\n \"aria-haspopup\": \"listbox\"\n });\n } else {\n var className = classNames('p-dropdown-label p-inputtext', {\n 'p-placeholder': label === null && this.props.placeholder,\n 'p-dropdown-label-empty': label === null && !this.props.placeholder\n });\n var content = this.props.valueTemplate ? ObjectUtils.getJSXElement(this.props.valueTemplate, selectedOption, this.props) : label || this.props.placeholder || 'empty';\n return /*#__PURE__*/React.createElement(\"span\", {\n ref: function ref(el) {\n return _this12.input = el;\n },\n className: className\n }, content);\n }\n }\n }, {\n key: \"renderClearIcon\",\n value: function renderClearIcon() {\n if (this.props.value != null && this.props.showClear && !this.props.disabled) {\n return /*#__PURE__*/React.createElement(\"i\", {\n className: \"p-dropdown-clear-icon pi pi-times\",\n onClick: this.clear\n });\n }\n\n return null;\n }\n }, {\n key: \"renderDropdownIcon\",\n value: function renderDropdownIcon() {\n var _this13 = this;\n\n var iconClassName = classNames('p-dropdown-trigger-icon p-clickable', this.props.dropdownIcon);\n return /*#__PURE__*/React.createElement(\"div\", {\n ref: function ref(el) {\n return _this13.trigger = el;\n },\n className: \"p-dropdown-trigger\",\n role: \"button\",\n \"aria-haspopup\": \"listbox\",\n \"aria-expanded\": this.state.overlayVisible\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: iconClassName\n }));\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this14 = this;\n\n var className = classNames('p-dropdown p-component p-inputwrapper', this.props.className, {\n 'p-disabled': this.props.disabled,\n 'p-focus': this.state.focused,\n 'p-dropdown-clearable': this.props.showClear && !this.props.disabled,\n 'p-inputwrapper-filled': this.props.value,\n 'p-inputwrapper-focus': this.state.focused || this.state.overlayVisible\n });\n var visibleOptions = this.getVisibleOptions();\n var selectedOption = this.getSelectedOption();\n var appendTo = this.props.appendTo || PrimeReact.appendTo;\n var hiddenSelect = this.renderHiddenSelect(selectedOption);\n var keyboardHelper = this.renderKeyboardHelper();\n var labelElement = this.renderLabel(selectedOption);\n var dropdownIcon = this.renderDropdownIcon();\n var clearIcon = this.renderClearIcon();\n return /*#__PURE__*/React.createElement(\"div\", {\n id: this.props.id,\n ref: function ref(el) {\n return _this14.container = el;\n },\n className: className,\n style: this.props.style,\n onClick: this.onClick,\n onMouseDown: this.props.onMouseDown,\n onContextMenu: this.props.onContextMenu\n }, keyboardHelper, hiddenSelect, labelElement, clearIcon, dropdownIcon, /*#__PURE__*/React.createElement(DropdownPanel, _extends({\n ref: this.overlayRef,\n visibleOptions: visibleOptions\n }, this.props, {\n appendTo: appendTo,\n onClick: this.onPanelClick,\n onOptionClick: this.onOptionClick,\n filterValue: this.state.filter,\n hasFilter: this.hasFilter,\n onFilterClearIconClick: this.onFilterClearIconClick,\n onFilterInputKeyDown: this.onFilterInputKeyDown,\n onFilterInputChange: this.onFilterInputChange,\n getOptionLabel: this.getOptionLabel,\n getOptionRenderKey: this.getOptionRenderKey,\n isOptionDisabled: this.isOptionDisabled,\n getOptionGroupChildren: this.getOptionGroupChildren,\n getOptionGroupLabel: this.getOptionGroupLabel,\n getOptionGroupRenderKey: this.getOptionGroupRenderKey,\n isSelected: this.isSelected,\n getSelectedOptionIndex: this.getSelectedOptionIndex,\n \"in\": this.state.overlayVisible,\n onEnter: this.onOverlayEnter,\n onEntered: this.onOverlayEntered,\n onExit: this.onOverlayExit,\n onExited: this.onOverlayExited\n })));\n }\n }]);\n\n return Dropdown;\n}(Component);\n\n_defineProperty(Dropdown, \"defaultProps\", {\n id: null,\n inputRef: null,\n name: null,\n value: null,\n options: null,\n optionLabel: null,\n optionValue: null,\n optionDisabled: null,\n optionGroupLabel: null,\n optionGroupChildren: null,\n optionGroupTemplate: null,\n valueTemplate: null,\n itemTemplate: null,\n style: null,\n className: null,\n virtualScrollerOptions: null,\n scrollHeight: '200px',\n filter: false,\n filterBy: null,\n filterMatchMode: 'contains',\n filterPlaceholder: null,\n filterLocale: undefined,\n emptyMessage: null,\n emptyFilterMessage: null,\n editable: false,\n placeholder: null,\n required: false,\n disabled: false,\n appendTo: null,\n tabIndex: null,\n autoFocus: false,\n filterInputAutoFocus: true,\n resetFilterOnHide: false,\n showFilterClear: false,\n panelClassName: null,\n panelStyle: null,\n dataKey: null,\n inputId: null,\n showClear: false,\n maxLength: null,\n tooltip: null,\n tooltipOptions: null,\n ariaLabel: null,\n ariaLabelledBy: null,\n transitionOptions: null,\n dropdownIcon: 'pi pi-chevron-down',\n showOnFocus: false,\n onChange: null,\n onFocus: null,\n onBlur: null,\n onMouseDown: null,\n onContextMenu: null,\n onShow: null,\n onHide: null,\n onFilter: null\n});\n\nexport { Dropdown };\n","import React, { Component } from 'react';\nimport { DomHandler } from 'primereact/utils';\nimport PrimeReact from 'primereact/api';\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n Object.defineProperty(Constructor, \"prototype\", {\n writable: false\n });\n return Constructor;\n}\n\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n Object.defineProperty(subClass, \"prototype\", {\n writable: false\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, _typeof(obj);\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n } else if (call !== void 0) {\n throw new TypeError(\"Derived constructors may only return object or undefined\");\n }\n\n return _assertThisInitialized(self);\n}\n\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar Ripple = /*#__PURE__*/function (_Component) {\n _inherits(Ripple, _Component);\n\n var _super = _createSuper(Ripple);\n\n function Ripple(props) {\n var _this;\n\n _classCallCheck(this, Ripple);\n\n _this = _super.call(this, props);\n _this.onMouseDown = _this.onMouseDown.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n _createClass(Ripple, [{\n key: \"getTarget\",\n value: function getTarget() {\n return this.ink && this.ink.parentElement;\n }\n }, {\n key: \"bindEvents\",\n value: function bindEvents() {\n if (this.target) {\n this.target.addEventListener('mousedown', this.onMouseDown);\n }\n }\n }, {\n key: \"unbindEvents\",\n value: function unbindEvents() {\n if (this.target) {\n this.target.removeEventListener('mousedown', this.onMouseDown);\n }\n }\n }, {\n key: \"onMouseDown\",\n value: function onMouseDown(event) {\n if (!this.ink || getComputedStyle(this.ink, null).display === 'none') {\n return;\n }\n\n DomHandler.removeClass(this.ink, 'p-ink-active');\n\n if (!DomHandler.getHeight(this.ink) && !DomHandler.getWidth(this.ink)) {\n var d = Math.max(DomHandler.getOuterWidth(this.target), DomHandler.getOuterHeight(this.target));\n this.ink.style.height = d + 'px';\n this.ink.style.width = d + 'px';\n }\n\n var offset = DomHandler.getOffset(this.target);\n var x = event.pageX - offset.left + document.body.scrollTop - DomHandler.getWidth(this.ink) / 2;\n var y = event.pageY - offset.top + document.body.scrollLeft - DomHandler.getHeight(this.ink) / 2;\n this.ink.style.top = y + 'px';\n this.ink.style.left = x + 'px';\n DomHandler.addClass(this.ink, 'p-ink-active');\n }\n }, {\n key: \"onAnimationEnd\",\n value: function onAnimationEnd(event) {\n DomHandler.removeClass(event.currentTarget, 'p-ink-active');\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n if (this.ink) {\n this.target = this.getTarget();\n this.bindEvents();\n }\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate() {\n if (this.ink && !this.target) {\n this.target = this.getTarget();\n this.bindEvents();\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n if (this.ink) {\n this.target = null;\n this.unbindEvents();\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n return PrimeReact.ripple ? /*#__PURE__*/React.createElement(\"span\", {\n ref: function ref(el) {\n return _this2.ink = el;\n },\n className: \"p-ink\",\n onAnimationEnd: this.onAnimationEnd\n }) : null;\n }\n }]);\n\n return Ripple;\n}(Component);\n\nexport { Ripple };\n","import React from \"react\";\nimport { Router } from \"react-router\";\nimport { createBrowserHistory as createHistory } from \"history\";\nimport PropTypes from \"prop-types\";\nimport warning from \"tiny-warning\";\n\n/**\n * The public API for a that uses HTML5 history.\n */\nclass BrowserRouter extends React.Component {\n history = createHistory(this.props);\n\n render() {\n return ignores the history prop. To use a custom history, \" +\n \"use `import { Router }` instead of `import { BrowserRouter as Router }`.\"\n );\n };\n}\n\nexport default BrowserRouter;\n","import React from \"react\";\nimport { Router } from \"react-router\";\nimport { createHashHistory as createHistory } from \"history\";\nimport PropTypes from \"prop-types\";\nimport warning from \"tiny-warning\";\n\n/**\n * The public API for a that uses window.location.hash.\n */\nclass HashRouter extends React.Component {\n history = createHistory(this.props);\n\n render() {\n return ignores the history prop. To use a custom history, \" +\n \"use `import { Router }` instead of `import { HashRouter as Router }`.\"\n );\n };\n}\n\nexport default HashRouter;\n","import { createLocation } from \"history\";\n\nexport const resolveToLocation = (to, currentLocation) =>\n typeof to === \"function\" ? to(currentLocation) : to;\n\nexport const normalizeToLocation = (to, currentLocation) => {\n return typeof to === \"string\"\n ? createLocation(to, null, null, currentLocation)\n : to;\n};\n","import React from \"react\";\nimport { __RouterContext as RouterContext } from \"react-router\";\nimport { createPath } from 'history';\nimport PropTypes from \"prop-types\";\nimport invariant from \"tiny-invariant\";\nimport {\n resolveToLocation,\n normalizeToLocation\n} from \"./utils/locationUtils.js\";\n\n// React 15 compat\nconst forwardRefShim = C => C;\nlet { forwardRef } = React;\nif (typeof forwardRef === \"undefined\") {\n forwardRef = forwardRefShim;\n}\n\nfunction isModifiedEvent(event) {\n return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);\n}\n\nconst LinkAnchor = forwardRef(\n (\n {\n innerRef, // TODO: deprecate\n navigate,\n onClick,\n ...rest\n },\n forwardedRef\n ) => {\n const { target } = rest;\n\n let props = {\n ...rest,\n onClick: event => {\n try {\n if (onClick) onClick(event);\n } catch (ex) {\n event.preventDefault();\n throw ex;\n }\n\n if (\n !event.defaultPrevented && // onClick prevented default\n event.button === 0 && // ignore everything but left clicks\n (!target || target === \"_self\") && // let browser handle \"target=_blank\" etc.\n !isModifiedEvent(event) // ignore clicks with modifier keys\n ) {\n event.preventDefault();\n navigate();\n }\n }\n };\n\n // React 15 compat\n if (forwardRefShim !== forwardRef) {\n props.ref = forwardedRef || innerRef;\n } else {\n props.ref = innerRef;\n }\n\n /* eslint-disable-next-line jsx-a11y/anchor-has-content */\n return .\n */\nconst Link = forwardRef(\n (\n {\n component = LinkAnchor,\n replace,\n to,\n innerRef, // TODO: deprecate\n ...rest\n },\n forwardedRef\n ) => {\n return (\n \n {context => {\n invariant(context, \"You should not use \");\n\n const { history } = context;\n\n const location = normalizeToLocation(\n resolveToLocation(to, context.location),\n context.location\n );\n\n const href = location ? history.createHref(location) : \"\";\n const props = {\n ...rest,\n href,\n navigate() {\n const location = resolveToLocation(to, context.location);\n const isDuplicateNavigation = createPath(context.location) === createPath(normalizeToLocation(location));\n const method = (replace || isDuplicateNavigation) ? history.replace : history.push;\n\n method(location);\n }\n };\n\n // React 15 compat\n if (forwardRefShim !== forwardRef) {\n props.ref = forwardedRef || innerRef;\n } else {\n props.innerRef = innerRef;\n }\n\n return React.createElement(component, props);\n }}\n \n );\n }\n);\n\nif (__DEV__) {\n const toType = PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.object,\n PropTypes.func\n ]);\n const refType = PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.shape({ current: PropTypes.any })\n ]);\n\n Link.displayName = \"Link\";\n\n Link.propTypes = {\n innerRef: refType,\n onClick: PropTypes.func,\n replace: PropTypes.bool,\n target: PropTypes.string,\n to: toType.isRequired\n };\n}\n\nexport default Link;\n","import React from \"react\";\nimport { __RouterContext as RouterContext, matchPath } from \"react-router\";\nimport PropTypes from \"prop-types\";\nimport invariant from \"tiny-invariant\";\nimport Link from \"./Link.js\";\nimport {\n resolveToLocation,\n normalizeToLocation\n} from \"./utils/locationUtils.js\";\n\n// React 15 compat\nconst forwardRefShim = C => C;\nlet { forwardRef } = React;\nif (typeof forwardRef === \"undefined\") {\n forwardRef = forwardRefShim;\n}\n\nfunction joinClassnames(...classnames) {\n return classnames.filter(i => i).join(\" \");\n}\n\n/**\n * A \n {context => {\n invariant(context, \"You should not use outside a \");\n\n const currentLocation = locationProp || context.location;\n const toLocation = normalizeToLocation(\n resolveToLocation(to, currentLocation),\n currentLocation\n );\n const { pathname: path } = toLocation;\n // Regex taken from: https://github.com/pillarjs/path-to-regexp/blob/master/index.js#L202\n const escapedPath =\n path && path.replace(/([.+*?=^!:${}()[\\]|/\\\\])/g, \"\\\\$1\");\n\n const match = escapedPath\n ? matchPath(currentLocation.pathname, {\n path: escapedPath,\n exact,\n sensitive,\n strict\n })\n : null;\n const isActive = !!(isActiveProp\n ? isActiveProp(match, currentLocation)\n : match);\n\n let className =\n typeof classNameProp === \"function\"\n ? classNameProp(isActive)\n : classNameProp;\n\n let style =\n typeof styleProp === \"function\" ? styleProp(isActive) : styleProp;\n\n if (isActive) {\n className = joinClassnames(className, activeClassName);\n style = { ...style, ...activeStyle };\n }\n\n const props = {\n \"aria-current\": (isActive && ariaCurrent) || null,\n className,\n style,\n to: toLocation,\n ...rest\n };\n\n // React 15 compat\n if (forwardRefShim !== forwardRef) {\n props.ref = forwardedRef || innerRef;\n } else {\n props.innerRef = innerRef;\n }\n\n return \n );\n }\n);\n\nif (__DEV__) {\n NavLink.displayName = \"NavLink\";\n\n const ariaCurrentType = PropTypes.oneOf([\n \"page\",\n \"step\",\n \"location\",\n \"date\",\n \"time\",\n \"true\",\n \"false\"\n ]);\n\n NavLink.propTypes = {\n ...Link.propTypes,\n \"aria-current\": ariaCurrentType,\n activeClassName: PropTypes.string,\n activeStyle: PropTypes.object,\n className: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n exact: PropTypes.bool,\n isActive: PropTypes.func,\n location: PropTypes.object,\n sensitive: PropTypes.bool,\n strict: PropTypes.bool,\n style: PropTypes.oneOfType([PropTypes.object, PropTypes.func])\n };\n}\n\nexport default NavLink;\n","var isMergeableObject = function isMergeableObject(value) {\n\treturn isNonNullObject(value)\n\t\t&& !isSpecial(value)\n};\n\nfunction isNonNullObject(value) {\n\treturn !!value && typeof value === 'object'\n}\n\nfunction isSpecial(value) {\n\tvar stringValue = Object.prototype.toString.call(value);\n\n\treturn stringValue === '[object RegExp]'\n\t\t|| stringValue === '[object Date]'\n\t\t|| isReactElement(value)\n}\n\n// see https://github.com/facebook/react/blob/b5ac963fb791d1298e7f396236383bc955f916c1/src/isomorphic/classic/element/ReactElement.js#L21-L25\nvar canUseSymbol = typeof Symbol === 'function' && Symbol.for;\nvar REACT_ELEMENT_TYPE = canUseSymbol ? Symbol.for('react.element') : 0xeac7;\n\nfunction isReactElement(value) {\n\treturn value.$$typeof === REACT_ELEMENT_TYPE\n}\n\nfunction emptyTarget(val) {\n\treturn Array.isArray(val) ? [] : {}\n}\n\nfunction cloneUnlessOtherwiseSpecified(value, options) {\n\treturn (options.clone !== false && options.isMergeableObject(value))\n\t\t? deepmerge(emptyTarget(value), value, options)\n\t\t: value\n}\n\nfunction defaultArrayMerge(target, source, options) {\n\treturn target.concat(source).map(function(element) {\n\t\treturn cloneUnlessOtherwiseSpecified(element, options)\n\t})\n}\n\nfunction mergeObject(target, source, options) {\n\tvar destination = {};\n\tif (options.isMergeableObject(target)) {\n\t\tObject.keys(target).forEach(function(key) {\n\t\t\tdestination[key] = cloneUnlessOtherwiseSpecified(target[key], options);\n\t\t});\n\t}\n\tObject.keys(source).forEach(function(key) {\n\t\tif (!options.isMergeableObject(source[key]) || !target[key]) {\n\t\t\tdestination[key] = cloneUnlessOtherwiseSpecified(source[key], options);\n\t\t} else {\n\t\t\tdestination[key] = deepmerge(target[key], source[key], options);\n\t\t}\n\t});\n\treturn destination\n}\n\nfunction deepmerge(target, source, options) {\n\toptions = options || {};\n\toptions.arrayMerge = options.arrayMerge || defaultArrayMerge;\n\toptions.isMergeableObject = options.isMergeableObject || isMergeableObject;\n\n\tvar sourceIsArray = Array.isArray(source);\n\tvar targetIsArray = Array.isArray(target);\n\tvar sourceAndTargetTypesMatch = sourceIsArray === targetIsArray;\n\n\tif (!sourceAndTargetTypesMatch) {\n\t\treturn cloneUnlessOtherwiseSpecified(source, options)\n\t} else if (sourceIsArray) {\n\t\treturn options.arrayMerge(target, source, options)\n\t} else {\n\t\treturn mergeObject(target, source, options)\n\t}\n}\n\ndeepmerge.all = function deepmergeAll(array, options) {\n\tif (!Array.isArray(array)) {\n\t\tthrow new Error('first argument should be an array')\n\t}\n\n\treturn array.reduce(function(prev, next) {\n\t\treturn deepmerge(prev, next, options)\n\t}, {})\n};\n\nvar deepmerge_1 = deepmerge;\n\nexport default deepmerge_1;\n","import root from './_root.js';\n\n/** Built-in value references. */\nvar Symbol = root.Symbol;\n\nexport default Symbol;\n","import Symbol from './_Symbol.js';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the raw `toStringTag`.\n */\nfunction getRawTag(value) {\n var isOwn = hasOwnProperty.call(value, symToStringTag),\n tag = value[symToStringTag];\n\n try {\n value[symToStringTag] = undefined;\n var unmasked = true;\n } catch (e) {}\n\n var result = nativeObjectToString.call(value);\n if (unmasked) {\n if (isOwn) {\n value[symToStringTag] = tag;\n } else {\n delete value[symToStringTag];\n }\n }\n return result;\n}\n\nexport default getRawTag;\n","/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/**\n * Converts `value` to a string using `Object.prototype.toString`.\n *\n * @private\n * @param {*} value The value to convert.\n * @returns {string} Returns the converted string.\n */\nfunction objectToString(value) {\n return nativeObjectToString.call(value);\n}\n\nexport default objectToString;\n","import Symbol from './_Symbol.js';\nimport getRawTag from './_getRawTag.js';\nimport objectToString from './_objectToString.js';\n\n/** `Object#toString` result references. */\nvar nullTag = '[object Null]',\n undefinedTag = '[object Undefined]';\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * The base implementation of `getTag` without fallbacks for buggy environments.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nfunction baseGetTag(value) {\n if (value == null) {\n return value === undefined ? undefinedTag : nullTag;\n }\n return (symToStringTag && symToStringTag in Object(value))\n ? getRawTag(value)\n : objectToString(value);\n}\n\nexport default baseGetTag;\n","/**\n * Creates a unary function that invokes `func` with its argument transformed.\n *\n * @private\n * @param {Function} func The function to wrap.\n * @param {Function} transform The argument transform.\n * @returns {Function} Returns the new function.\n */\nfunction overArg(func, transform) {\n return function(arg) {\n return func(transform(arg));\n };\n}\n\nexport default overArg;\n","import overArg from './_overArg.js';\n\n/** Built-in value references. */\nvar getPrototype = overArg(Object.getPrototypeOf, Object);\n\nexport default getPrototype;\n","/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n return value != null && typeof value == 'object';\n}\n\nexport default isObjectLike;\n","import baseGetTag from './_baseGetTag.js';\nimport getPrototype from './_getPrototype.js';\nimport isObjectLike from './isObjectLike.js';\n\n/** `Object#toString` result references. */\nvar objectTag = '[object Object]';\n\n/** Used for built-in method references. */\nvar funcProto = Function.prototype,\n objectProto = Object.prototype;\n\n/** Used to resolve the decompiled source of functions. */\nvar funcToString = funcProto.toString;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/** Used to infer the `Object` constructor. */\nvar objectCtorString = funcToString.call(Object);\n\n/**\n * Checks if `value` is a plain object, that is, an object created by the\n * `Object` constructor or one with a `[[Prototype]]` of `null`.\n *\n * @static\n * @memberOf _\n * @since 0.8.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a plain object, else `false`.\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * }\n *\n * _.isPlainObject(new Foo);\n * // => false\n *\n * _.isPlainObject([1, 2, 3]);\n * // => false\n *\n * _.isPlainObject({ 'x': 0, 'y': 0 });\n * // => true\n *\n * _.isPlainObject(Object.create(null));\n * // => true\n */\nfunction isPlainObject(value) {\n if (!isObjectLike(value) || baseGetTag(value) != objectTag) {\n return false;\n }\n var proto = getPrototype(value);\n if (proto === null) {\n return true;\n }\n var Ctor = hasOwnProperty.call(proto, 'constructor') && proto.constructor;\n return typeof Ctor == 'function' && Ctor instanceof Ctor &&\n funcToString.call(Ctor) == objectCtorString;\n}\n\nexport default isPlainObject;\n","/**\n * Removes all key-value entries from the list cache.\n *\n * @private\n * @name clear\n * @memberOf ListCache\n */\nfunction listCacheClear() {\n this.__data__ = [];\n this.size = 0;\n}\n\nexport default listCacheClear;\n","/**\n * Performs a\n * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * comparison between two values to determine if they are equivalent.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {boolean} Returns `true` if the values are equivalent, else `false`.\n * @example\n *\n * var object = { 'a': 1 };\n * var other = { 'a': 1 };\n *\n * _.eq(object, object);\n * // => true\n *\n * _.eq(object, other);\n * // => false\n *\n * _.eq('a', 'a');\n * // => true\n *\n * _.eq('a', Object('a'));\n * // => false\n *\n * _.eq(NaN, NaN);\n * // => true\n */\nfunction eq(value, other) {\n return value === other || (value !== value && other !== other);\n}\n\nexport default eq;\n","import eq from './eq.js';\n\n/**\n * Gets the index at which the `key` is found in `array` of key-value pairs.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} key The key to search for.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction assocIndexOf(array, key) {\n var length = array.length;\n while (length--) {\n if (eq(array[length][0], key)) {\n return length;\n }\n }\n return -1;\n}\n\nexport default assocIndexOf;\n","import assocIndexOf from './_assocIndexOf.js';\n\n/** Used for built-in method references. */\nvar arrayProto = Array.prototype;\n\n/** Built-in value references. */\nvar splice = arrayProto.splice;\n\n/**\n * Removes `key` and its value from the list cache.\n *\n * @private\n * @name delete\n * @memberOf ListCache\n * @param {string} key The key of the value to remove.\n * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n */\nfunction listCacheDelete(key) {\n var data = this.__data__,\n index = assocIndexOf(data, key);\n\n if (index < 0) {\n return false;\n }\n var lastIndex = data.length - 1;\n if (index == lastIndex) {\n data.pop();\n } else {\n splice.call(data, index, 1);\n }\n --this.size;\n return true;\n}\n\nexport default listCacheDelete;\n","import assocIndexOf from './_assocIndexOf.js';\n\n/**\n * Gets the list cache value for `key`.\n *\n * @private\n * @name get\n * @memberOf ListCache\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\nfunction listCacheGet(key) {\n var data = this.__data__,\n index = assocIndexOf(data, key);\n\n return index < 0 ? undefined : data[index][1];\n}\n\nexport default listCacheGet;\n","import assocIndexOf from './_assocIndexOf.js';\n\n/**\n * Checks if a list cache value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf ListCache\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction listCacheHas(key) {\n return assocIndexOf(this.__data__, key) > -1;\n}\n\nexport default listCacheHas;\n","import assocIndexOf from './_assocIndexOf.js';\n\n/**\n * Sets the list cache `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf ListCache\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the list cache instance.\n */\nfunction listCacheSet(key, value) {\n var data = this.__data__,\n index = assocIndexOf(data, key);\n\n if (index < 0) {\n ++this.size;\n data.push([key, value]);\n } else {\n data[index][1] = value;\n }\n return this;\n}\n\nexport default listCacheSet;\n","import listCacheClear from './_listCacheClear.js';\nimport listCacheDelete from './_listCacheDelete.js';\nimport listCacheGet from './_listCacheGet.js';\nimport listCacheHas from './_listCacheHas.js';\nimport listCacheSet from './_listCacheSet.js';\n\n/**\n * Creates an list cache object.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction ListCache(entries) {\n var index = -1,\n length = entries == null ? 0 : entries.length;\n\n this.clear();\n while (++index < length) {\n var entry = entries[index];\n this.set(entry[0], entry[1]);\n }\n}\n\n// Add methods to `ListCache`.\nListCache.prototype.clear = listCacheClear;\nListCache.prototype['delete'] = listCacheDelete;\nListCache.prototype.get = listCacheGet;\nListCache.prototype.has = listCacheHas;\nListCache.prototype.set = listCacheSet;\n\nexport default ListCache;\n","import ListCache from './_ListCache.js';\n\n/**\n * Removes all key-value entries from the stack.\n *\n * @private\n * @name clear\n * @memberOf Stack\n */\nfunction stackClear() {\n this.__data__ = new ListCache;\n this.size = 0;\n}\n\nexport default stackClear;\n","/**\n * Removes `key` and its value from the stack.\n *\n * @private\n * @name delete\n * @memberOf Stack\n * @param {string} key The key of the value to remove.\n * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n */\nfunction stackDelete(key) {\n var data = this.__data__,\n result = data['delete'](key);\n\n this.size = data.size;\n return result;\n}\n\nexport default stackDelete;\n","/**\n * Gets the stack value for `key`.\n *\n * @private\n * @name get\n * @memberOf Stack\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\nfunction stackGet(key) {\n return this.__data__.get(key);\n}\n\nexport default stackGet;\n","/**\n * Checks if a stack value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf Stack\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction stackHas(key) {\n return this.__data__.has(key);\n}\n\nexport default stackHas;\n","/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n var type = typeof value;\n return value != null && (type == 'object' || type == 'function');\n}\n\nexport default isObject;\n","import baseGetTag from './_baseGetTag.js';\nimport isObject from './isObject.js';\n\n/** `Object#toString` result references. */\nvar asyncTag = '[object AsyncFunction]',\n funcTag = '[object Function]',\n genTag = '[object GeneratorFunction]',\n proxyTag = '[object Proxy]';\n\n/**\n * Checks if `value` is classified as a `Function` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a function, else `false`.\n * @example\n *\n * _.isFunction(_);\n * // => true\n *\n * _.isFunction(/abc/);\n * // => false\n */\nfunction isFunction(value) {\n if (!isObject(value)) {\n return false;\n }\n // The use of `Object#toString` avoids issues with the `typeof` operator\n // in Safari 9 which returns 'object' for typed arrays and other constructors.\n var tag = baseGetTag(value);\n return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;\n}\n\nexport default isFunction;\n","import root from './_root.js';\n\n/** Used to detect overreaching core-js shims. */\nvar coreJsData = root['__core-js_shared__'];\n\nexport default coreJsData;\n","import coreJsData from './_coreJsData.js';\n\n/** Used to detect methods masquerading as native. */\nvar maskSrcKey = (function() {\n var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || '');\n return uid ? ('Symbol(src)_1.' + uid) : '';\n}());\n\n/**\n * Checks if `func` has its source masked.\n *\n * @private\n * @param {Function} func The function to check.\n * @returns {boolean} Returns `true` if `func` is masked, else `false`.\n */\nfunction isMasked(func) {\n return !!maskSrcKey && (maskSrcKey in func);\n}\n\nexport default isMasked;\n","/** Used for built-in method references. */\nvar funcProto = Function.prototype;\n\n/** Used to resolve the decompiled source of functions. */\nvar funcToString = funcProto.toString;\n\n/**\n * Converts `func` to its source code.\n *\n * @private\n * @param {Function} func The function to convert.\n * @returns {string} Returns the source code.\n */\nfunction toSource(func) {\n if (func != null) {\n try {\n return funcToString.call(func);\n } catch (e) {}\n try {\n return (func + '');\n } catch (e) {}\n }\n return '';\n}\n\nexport default toSource;\n","import isFunction from './isFunction.js';\nimport isMasked from './_isMasked.js';\nimport isObject from './isObject.js';\nimport toSource from './_toSource.js';\n\n/**\n * Used to match `RegExp`\n * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).\n */\nvar reRegExpChar = /[\\\\^$.*+?()[\\]{}|]/g;\n\n/** Used to detect host constructors (Safari). */\nvar reIsHostCtor = /^\\[object .+?Constructor\\]$/;\n\n/** Used for built-in method references. */\nvar funcProto = Function.prototype,\n objectProto = Object.prototype;\n\n/** Used to resolve the decompiled source of functions. */\nvar funcToString = funcProto.toString;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/** Used to detect if a method is native. */\nvar reIsNative = RegExp('^' +\n funcToString.call(hasOwnProperty).replace(reRegExpChar, '\\\\$&')\n .replace(/hasOwnProperty|(function).*?(?=\\\\\\()| for .+?(?=\\\\\\])/g, '$1.*?') + '$'\n);\n\n/**\n * The base implementation of `_.isNative` without bad shim checks.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a native function,\n * else `false`.\n */\nfunction baseIsNative(value) {\n if (!isObject(value) || isMasked(value)) {\n return false;\n }\n var pattern = isFunction(value) ? reIsNative : reIsHostCtor;\n return pattern.test(toSource(value));\n}\n\nexport default baseIsNative;\n","/**\n * Gets the value at `key` of `object`.\n *\n * @private\n * @param {Object} [object] The object to query.\n * @param {string} key The key of the property to get.\n * @returns {*} Returns the property value.\n */\nfunction getValue(object, key) {\n return object == null ? undefined : object[key];\n}\n\nexport default getValue;\n","import baseIsNative from './_baseIsNative.js';\nimport getValue from './_getValue.js';\n\n/**\n * Gets the native function at `key` of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {string} key The key of the method to get.\n * @returns {*} Returns the function if it's native, else `undefined`.\n */\nfunction getNative(object, key) {\n var value = getValue(object, key);\n return baseIsNative(value) ? value : undefined;\n}\n\nexport default getNative;\n","import getNative from './_getNative.js';\nimport root from './_root.js';\n\n/* Built-in method references that are verified to be native. */\nvar Map = getNative(root, 'Map');\n\nexport default Map;\n","import getNative from './_getNative.js';\n\n/* Built-in method references that are verified to be native. */\nvar nativeCreate = getNative(Object, 'create');\n\nexport default nativeCreate;\n","import nativeCreate from './_nativeCreate.js';\n\n/**\n * Removes all key-value entries from the hash.\n *\n * @private\n * @name clear\n * @memberOf Hash\n */\nfunction hashClear() {\n this.__data__ = nativeCreate ? nativeCreate(null) : {};\n this.size = 0;\n}\n\nexport default hashClear;\n","/**\n * Removes `key` and its value from the hash.\n *\n * @private\n * @name delete\n * @memberOf Hash\n * @param {Object} hash The hash to modify.\n * @param {string} key The key of the value to remove.\n * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n */\nfunction hashDelete(key) {\n var result = this.has(key) && delete this.__data__[key];\n this.size -= result ? 1 : 0;\n return result;\n}\n\nexport default hashDelete;\n","import nativeCreate from './_nativeCreate.js';\n\n/** Used to stand-in for `undefined` hash values. */\nvar HASH_UNDEFINED = '__lodash_hash_undefined__';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Gets the hash value for `key`.\n *\n * @private\n * @name get\n * @memberOf Hash\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\nfunction hashGet(key) {\n var data = this.__data__;\n if (nativeCreate) {\n var result = data[key];\n return result === HASH_UNDEFINED ? undefined : result;\n }\n return hasOwnProperty.call(data, key) ? data[key] : undefined;\n}\n\nexport default hashGet;\n","import nativeCreate from './_nativeCreate.js';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Checks if a hash value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf Hash\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction hashHas(key) {\n var data = this.__data__;\n return nativeCreate ? (data[key] !== undefined) : hasOwnProperty.call(data, key);\n}\n\nexport default hashHas;\n","import nativeCreate from './_nativeCreate.js';\n\n/** Used to stand-in for `undefined` hash values. */\nvar HASH_UNDEFINED = '__lodash_hash_undefined__';\n\n/**\n * Sets the hash `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf Hash\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the hash instance.\n */\nfunction hashSet(key, value) {\n var data = this.__data__;\n this.size += this.has(key) ? 0 : 1;\n data[key] = (nativeCreate && value === undefined) ? HASH_UNDEFINED : value;\n return this;\n}\n\nexport default hashSet;\n","import hashClear from './_hashClear.js';\nimport hashDelete from './_hashDelete.js';\nimport hashGet from './_hashGet.js';\nimport hashHas from './_hashHas.js';\nimport hashSet from './_hashSet.js';\n\n/**\n * Creates a hash object.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction Hash(entries) {\n var index = -1,\n length = entries == null ? 0 : entries.length;\n\n this.clear();\n while (++index < length) {\n var entry = entries[index];\n this.set(entry[0], entry[1]);\n }\n}\n\n// Add methods to `Hash`.\nHash.prototype.clear = hashClear;\nHash.prototype['delete'] = hashDelete;\nHash.prototype.get = hashGet;\nHash.prototype.has = hashHas;\nHash.prototype.set = hashSet;\n\nexport default Hash;\n","import Hash from './_Hash.js';\nimport ListCache from './_ListCache.js';\nimport Map from './_Map.js';\n\n/**\n * Removes all key-value entries from the map.\n *\n * @private\n * @name clear\n * @memberOf MapCache\n */\nfunction mapCacheClear() {\n this.size = 0;\n this.__data__ = {\n 'hash': new Hash,\n 'map': new (Map || ListCache),\n 'string': new Hash\n };\n}\n\nexport default mapCacheClear;\n","/**\n * Checks if `value` is suitable for use as unique object key.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is suitable, else `false`.\n */\nfunction isKeyable(value) {\n var type = typeof value;\n return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean')\n ? (value !== '__proto__')\n : (value === null);\n}\n\nexport default isKeyable;\n","import isKeyable from './_isKeyable.js';\n\n/**\n * Gets the data for `map`.\n *\n * @private\n * @param {Object} map The map to query.\n * @param {string} key The reference key.\n * @returns {*} Returns the map data.\n */\nfunction getMapData(map, key) {\n var data = map.__data__;\n return isKeyable(key)\n ? data[typeof key == 'string' ? 'string' : 'hash']\n : data.map;\n}\n\nexport default getMapData;\n","import getMapData from './_getMapData.js';\n\n/**\n * Removes `key` and its value from the map.\n *\n * @private\n * @name delete\n * @memberOf MapCache\n * @param {string} key The key of the value to remove.\n * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n */\nfunction mapCacheDelete(key) {\n var result = getMapData(this, key)['delete'](key);\n this.size -= result ? 1 : 0;\n return result;\n}\n\nexport default mapCacheDelete;\n","import getMapData from './_getMapData.js';\n\n/**\n * Gets the map value for `key`.\n *\n * @private\n * @name get\n * @memberOf MapCache\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\nfunction mapCacheGet(key) {\n return getMapData(this, key).get(key);\n}\n\nexport default mapCacheGet;\n","import getMapData from './_getMapData.js';\n\n/**\n * Checks if a map value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf MapCache\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction mapCacheHas(key) {\n return getMapData(this, key).has(key);\n}\n\nexport default mapCacheHas;\n","import getMapData from './_getMapData.js';\n\n/**\n * Sets the map `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf MapCache\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the map cache instance.\n */\nfunction mapCacheSet(key, value) {\n var data = getMapData(this, key),\n size = data.size;\n\n data.set(key, value);\n this.size += data.size == size ? 0 : 1;\n return this;\n}\n\nexport default mapCacheSet;\n","import mapCacheClear from './_mapCacheClear.js';\nimport mapCacheDelete from './_mapCacheDelete.js';\nimport mapCacheGet from './_mapCacheGet.js';\nimport mapCacheHas from './_mapCacheHas.js';\nimport mapCacheSet from './_mapCacheSet.js';\n\n/**\n * Creates a map cache object to store key-value pairs.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction MapCache(entries) {\n var index = -1,\n length = entries == null ? 0 : entries.length;\n\n this.clear();\n while (++index < length) {\n var entry = entries[index];\n this.set(entry[0], entry[1]);\n }\n}\n\n// Add methods to `MapCache`.\nMapCache.prototype.clear = mapCacheClear;\nMapCache.prototype['delete'] = mapCacheDelete;\nMapCache.prototype.get = mapCacheGet;\nMapCache.prototype.has = mapCacheHas;\nMapCache.prototype.set = mapCacheSet;\n\nexport default MapCache;\n","import ListCache from './_ListCache.js';\nimport Map from './_Map.js';\nimport MapCache from './_MapCache.js';\n\n/** Used as the size to enable large array optimizations. */\nvar LARGE_ARRAY_SIZE = 200;\n\n/**\n * Sets the stack `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf Stack\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the stack cache instance.\n */\nfunction stackSet(key, value) {\n var data = this.__data__;\n if (data instanceof ListCache) {\n var pairs = data.__data__;\n if (!Map || (pairs.length < LARGE_ARRAY_SIZE - 1)) {\n pairs.push([key, value]);\n this.size = ++data.size;\n return this;\n }\n data = this.__data__ = new MapCache(pairs);\n }\n data.set(key, value);\n this.size = data.size;\n return this;\n}\n\nexport default stackSet;\n","import ListCache from './_ListCache.js';\nimport stackClear from './_stackClear.js';\nimport stackDelete from './_stackDelete.js';\nimport stackGet from './_stackGet.js';\nimport stackHas from './_stackHas.js';\nimport stackSet from './_stackSet.js';\n\n/**\n * Creates a stack cache object to store key-value pairs.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction Stack(entries) {\n var data = this.__data__ = new ListCache(entries);\n this.size = data.size;\n}\n\n// Add methods to `Stack`.\nStack.prototype.clear = stackClear;\nStack.prototype['delete'] = stackDelete;\nStack.prototype.get = stackGet;\nStack.prototype.has = stackHas;\nStack.prototype.set = stackSet;\n\nexport default Stack;\n","/**\n * A specialized version of `_.forEach` for arrays without support for\n * iteratee shorthands.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Array} Returns `array`.\n */\nfunction arrayEach(array, iteratee) {\n var index = -1,\n length = array == null ? 0 : array.length;\n\n while (++index < length) {\n if (iteratee(array[index], index, array) === false) {\n break;\n }\n }\n return array;\n}\n\nexport default arrayEach;\n","import getNative from './_getNative.js';\n\nvar defineProperty = (function() {\n try {\n var func = getNative(Object, 'defineProperty');\n func({}, '', {});\n return func;\n } catch (e) {}\n}());\n\nexport default defineProperty;\n","import defineProperty from './_defineProperty.js';\n\n/**\n * The base implementation of `assignValue` and `assignMergeValue` without\n * value checks.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {string} key The key of the property to assign.\n * @param {*} value The value to assign.\n */\nfunction baseAssignValue(object, key, value) {\n if (key == '__proto__' && defineProperty) {\n defineProperty(object, key, {\n 'configurable': true,\n 'enumerable': true,\n 'value': value,\n 'writable': true\n });\n } else {\n object[key] = value;\n }\n}\n\nexport default baseAssignValue;\n","import baseAssignValue from './_baseAssignValue.js';\nimport eq from './eq.js';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Assigns `value` to `key` of `object` if the existing value is not equivalent\n * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * for equality comparisons.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {string} key The key of the property to assign.\n * @param {*} value The value to assign.\n */\nfunction assignValue(object, key, value) {\n var objValue = object[key];\n if (!(hasOwnProperty.call(object, key) && eq(objValue, value)) ||\n (value === undefined && !(key in object))) {\n baseAssignValue(object, key, value);\n }\n}\n\nexport default assignValue;\n","import assignValue from './_assignValue.js';\nimport baseAssignValue from './_baseAssignValue.js';\n\n/**\n * Copies properties of `source` to `object`.\n *\n * @private\n * @param {Object} source The object to copy properties from.\n * @param {Array} props The property identifiers to copy.\n * @param {Object} [object={}] The object to copy properties to.\n * @param {Function} [customizer] The function to customize copied values.\n * @returns {Object} Returns `object`.\n */\nfunction copyObject(source, props, object, customizer) {\n var isNew = !object;\n object || (object = {});\n\n var index = -1,\n length = props.length;\n\n while (++index < length) {\n var key = props[index];\n\n var newValue = customizer\n ? customizer(object[key], source[key], key, object, source)\n : undefined;\n\n if (newValue === undefined) {\n newValue = source[key];\n }\n if (isNew) {\n baseAssignValue(object, key, newValue);\n } else {\n assignValue(object, key, newValue);\n }\n }\n return object;\n}\n\nexport default copyObject;\n","/**\n * The base implementation of `_.times` without support for iteratee shorthands\n * or max array length checks.\n *\n * @private\n * @param {number} n The number of times to invoke `iteratee`.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Array} Returns the array of results.\n */\nfunction baseTimes(n, iteratee) {\n var index = -1,\n result = Array(n);\n\n while (++index < n) {\n result[index] = iteratee(index);\n }\n return result;\n}\n\nexport default baseTimes;\n","import baseGetTag from './_baseGetTag.js';\nimport isObjectLike from './isObjectLike.js';\n\n/** `Object#toString` result references. */\nvar argsTag = '[object Arguments]';\n\n/**\n * The base implementation of `_.isArguments`.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an `arguments` object,\n */\nfunction baseIsArguments(value) {\n return isObjectLike(value) && baseGetTag(value) == argsTag;\n}\n\nexport default baseIsArguments;\n","import baseIsArguments from './_baseIsArguments.js';\nimport isObjectLike from './isObjectLike.js';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/** Built-in value references. */\nvar propertyIsEnumerable = objectProto.propertyIsEnumerable;\n\n/**\n * Checks if `value` is likely an `arguments` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an `arguments` object,\n * else `false`.\n * @example\n *\n * _.isArguments(function() { return arguments; }());\n * // => true\n *\n * _.isArguments([1, 2, 3]);\n * // => false\n */\nvar isArguments = baseIsArguments(function() { return arguments; }()) ? baseIsArguments : function(value) {\n return isObjectLike(value) && hasOwnProperty.call(value, 'callee') &&\n !propertyIsEnumerable.call(value, 'callee');\n};\n\nexport default isArguments;\n","/**\n * Checks if `value` is classified as an `Array` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an array, else `false`.\n * @example\n *\n * _.isArray([1, 2, 3]);\n * // => true\n *\n * _.isArray(document.body.children);\n * // => false\n *\n * _.isArray('abc');\n * // => false\n *\n * _.isArray(_.noop);\n * // => false\n */\nvar isArray = Array.isArray;\n\nexport default isArray;\n","/** Used as references for various `Number` constants. */\nvar MAX_SAFE_INTEGER = 9007199254740991;\n\n/** Used to detect unsigned integer values. */\nvar reIsUint = /^(?:0|[1-9]\\d*)$/;\n\n/**\n * Checks if `value` is a valid array-like index.\n *\n * @private\n * @param {*} value The value to check.\n * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index.\n * @returns {boolean} Returns `true` if `value` is a valid index, else `false`.\n */\nfunction isIndex(value, length) {\n var type = typeof value;\n length = length == null ? MAX_SAFE_INTEGER : length;\n\n return !!length &&\n (type == 'number' ||\n (type != 'symbol' && reIsUint.test(value))) &&\n (value > -1 && value % 1 == 0 && value < length);\n}\n\nexport default isIndex;\n","/** Used as references for various `Number` constants. */\nvar MAX_SAFE_INTEGER = 9007199254740991;\n\n/**\n * Checks if `value` is a valid array-like length.\n *\n * **Note:** This method is loosely based on\n * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.\n * @example\n *\n * _.isLength(3);\n * // => true\n *\n * _.isLength(Number.MIN_VALUE);\n * // => false\n *\n * _.isLength(Infinity);\n * // => false\n *\n * _.isLength('3');\n * // => false\n */\nfunction isLength(value) {\n return typeof value == 'number' &&\n value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;\n}\n\nexport default isLength;\n","import baseGetTag from './_baseGetTag.js';\nimport isLength from './isLength.js';\nimport isObjectLike from './isObjectLike.js';\n\n/** `Object#toString` result references. */\nvar argsTag = '[object Arguments]',\n arrayTag = '[object Array]',\n boolTag = '[object Boolean]',\n dateTag = '[object Date]',\n errorTag = '[object Error]',\n funcTag = '[object Function]',\n mapTag = '[object Map]',\n numberTag = '[object Number]',\n objectTag = '[object Object]',\n regexpTag = '[object RegExp]',\n setTag = '[object Set]',\n stringTag = '[object String]',\n weakMapTag = '[object WeakMap]';\n\nvar arrayBufferTag = '[object ArrayBuffer]',\n dataViewTag = '[object DataView]',\n float32Tag = '[object Float32Array]',\n float64Tag = '[object Float64Array]',\n int8Tag = '[object Int8Array]',\n int16Tag = '[object Int16Array]',\n int32Tag = '[object Int32Array]',\n uint8Tag = '[object Uint8Array]',\n uint8ClampedTag = '[object Uint8ClampedArray]',\n uint16Tag = '[object Uint16Array]',\n uint32Tag = '[object Uint32Array]';\n\n/** Used to identify `toStringTag` values of typed arrays. */\nvar typedArrayTags = {};\ntypedArrayTags[float32Tag] = typedArrayTags[float64Tag] =\ntypedArrayTags[int8Tag] = typedArrayTags[int16Tag] =\ntypedArrayTags[int32Tag] = typedArrayTags[uint8Tag] =\ntypedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] =\ntypedArrayTags[uint32Tag] = true;\ntypedArrayTags[argsTag] = typedArrayTags[arrayTag] =\ntypedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] =\ntypedArrayTags[dataViewTag] = typedArrayTags[dateTag] =\ntypedArrayTags[errorTag] = typedArrayTags[funcTag] =\ntypedArrayTags[mapTag] = typedArrayTags[numberTag] =\ntypedArrayTags[objectTag] = typedArrayTags[regexpTag] =\ntypedArrayTags[setTag] = typedArrayTags[stringTag] =\ntypedArrayTags[weakMapTag] = false;\n\n/**\n * The base implementation of `_.isTypedArray` without Node.js optimizations.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.\n */\nfunction baseIsTypedArray(value) {\n return isObjectLike(value) &&\n isLength(value.length) && !!typedArrayTags[baseGetTag(value)];\n}\n\nexport default baseIsTypedArray;\n","/**\n * The base implementation of `_.unary` without support for storing metadata.\n *\n * @private\n * @param {Function} func The function to cap arguments for.\n * @returns {Function} Returns the new capped function.\n */\nfunction baseUnary(func) {\n return function(value) {\n return func(value);\n };\n}\n\nexport default baseUnary;\n","import baseIsTypedArray from './_baseIsTypedArray.js';\nimport baseUnary from './_baseUnary.js';\nimport nodeUtil from './_nodeUtil.js';\n\n/* Node.js helper references. */\nvar nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;\n\n/**\n * Checks if `value` is classified as a typed array.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.\n * @example\n *\n * _.isTypedArray(new Uint8Array);\n * // => true\n *\n * _.isTypedArray([]);\n * // => false\n */\nvar isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;\n\nexport default isTypedArray;\n","import baseTimes from './_baseTimes.js';\nimport isArguments from './isArguments.js';\nimport isArray from './isArray.js';\nimport isBuffer from './isBuffer.js';\nimport isIndex from './_isIndex.js';\nimport isTypedArray from './isTypedArray.js';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Creates an array of the enumerable property names of the array-like `value`.\n *\n * @private\n * @param {*} value The value to query.\n * @param {boolean} inherited Specify returning inherited property names.\n * @returns {Array} Returns the array of property names.\n */\nfunction arrayLikeKeys(value, inherited) {\n var isArr = isArray(value),\n isArg = !isArr && isArguments(value),\n isBuff = !isArr && !isArg && isBuffer(value),\n isType = !isArr && !isArg && !isBuff && isTypedArray(value),\n skipIndexes = isArr || isArg || isBuff || isType,\n result = skipIndexes ? baseTimes(value.length, String) : [],\n length = result.length;\n\n for (var key in value) {\n if ((inherited || hasOwnProperty.call(value, key)) &&\n !(skipIndexes && (\n // Safari 9 has enumerable `arguments.length` in strict mode.\n key == 'length' ||\n // Node.js 0.10 has enumerable non-index properties on buffers.\n (isBuff && (key == 'offset' || key == 'parent')) ||\n // PhantomJS 2 has enumerable non-index properties on typed arrays.\n (isType && (key == 'buffer' || key == 'byteLength' || key == 'byteOffset')) ||\n // Skip index properties.\n isIndex(key, length)\n ))) {\n result.push(key);\n }\n }\n return result;\n}\n\nexport default arrayLikeKeys;\n","/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Checks if `value` is likely a prototype object.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a prototype, else `false`.\n */\nfunction isPrototype(value) {\n var Ctor = value && value.constructor,\n proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto;\n\n return value === proto;\n}\n\nexport default isPrototype;\n","import overArg from './_overArg.js';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeKeys = overArg(Object.keys, Object);\n\nexport default nativeKeys;\n","import isPrototype from './_isPrototype.js';\nimport nativeKeys from './_nativeKeys.js';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * The base implementation of `_.keys` which doesn't treat sparse arrays as dense.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names.\n */\nfunction baseKeys(object) {\n if (!isPrototype(object)) {\n return nativeKeys(object);\n }\n var result = [];\n for (var key in Object(object)) {\n if (hasOwnProperty.call(object, key) && key != 'constructor') {\n result.push(key);\n }\n }\n return result;\n}\n\nexport default baseKeys;\n","import isFunction from './isFunction.js';\nimport isLength from './isLength.js';\n\n/**\n * Checks if `value` is array-like. A value is considered array-like if it's\n * not a function and has a `value.length` that's an integer greater than or\n * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is array-like, else `false`.\n * @example\n *\n * _.isArrayLike([1, 2, 3]);\n * // => true\n *\n * _.isArrayLike(document.body.children);\n * // => true\n *\n * _.isArrayLike('abc');\n * // => true\n *\n * _.isArrayLike(_.noop);\n * // => false\n */\nfunction isArrayLike(value) {\n return value != null && isLength(value.length) && !isFunction(value);\n}\n\nexport default isArrayLike;\n","import arrayLikeKeys from './_arrayLikeKeys.js';\nimport baseKeys from './_baseKeys.js';\nimport isArrayLike from './isArrayLike.js';\n\n/**\n * Creates an array of the own enumerable property names of `object`.\n *\n * **Note:** Non-object values are coerced to objects. See the\n * [ES spec](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)\n * for more details.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names.\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.keys(new Foo);\n * // => ['a', 'b'] (iteration order is not guaranteed)\n *\n * _.keys('hi');\n * // => ['0', '1']\n */\nfunction keys(object) {\n return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object);\n}\n\nexport default keys;\n","import copyObject from './_copyObject.js';\nimport keys from './keys.js';\n\n/**\n * The base implementation of `_.assign` without support for multiple sources\n * or `customizer` functions.\n *\n * @private\n * @param {Object} object The destination object.\n * @param {Object} source The source object.\n * @returns {Object} Returns `object`.\n */\nfunction baseAssign(object, source) {\n return object && copyObject(source, keys(source), object);\n}\n\nexport default baseAssign;\n","/**\n * This function is like\n * [`Object.keys`](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)\n * except that it includes inherited enumerable properties.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names.\n */\nfunction nativeKeysIn(object) {\n var result = [];\n if (object != null) {\n for (var key in Object(object)) {\n result.push(key);\n }\n }\n return result;\n}\n\nexport default nativeKeysIn;\n","import isObject from './isObject.js';\nimport isPrototype from './_isPrototype.js';\nimport nativeKeysIn from './_nativeKeysIn.js';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * The base implementation of `_.keysIn` which doesn't treat sparse arrays as dense.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names.\n */\nfunction baseKeysIn(object) {\n if (!isObject(object)) {\n return nativeKeysIn(object);\n }\n var isProto = isPrototype(object),\n result = [];\n\n for (var key in object) {\n if (!(key == 'constructor' && (isProto || !hasOwnProperty.call(object, key)))) {\n result.push(key);\n }\n }\n return result;\n}\n\nexport default baseKeysIn;\n","import arrayLikeKeys from './_arrayLikeKeys.js';\nimport baseKeysIn from './_baseKeysIn.js';\nimport isArrayLike from './isArrayLike.js';\n\n/**\n * Creates an array of the own and inherited enumerable property names of `object`.\n *\n * **Note:** Non-object values are coerced to objects.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Object\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names.\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.keysIn(new Foo);\n * // => ['a', 'b', 'c'] (iteration order is not guaranteed)\n */\nfunction keysIn(object) {\n return isArrayLike(object) ? arrayLikeKeys(object, true) : baseKeysIn(object);\n}\n\nexport default keysIn;\n","import copyObject from './_copyObject.js';\nimport keysIn from './keysIn.js';\n\n/**\n * The base implementation of `_.assignIn` without support for multiple sources\n * or `customizer` functions.\n *\n * @private\n * @param {Object} object The destination object.\n * @param {Object} source The source object.\n * @returns {Object} Returns `object`.\n */\nfunction baseAssignIn(object, source) {\n return object && copyObject(source, keysIn(source), object);\n}\n\nexport default baseAssignIn;\n","/**\n * Copies the values of `source` to `array`.\n *\n * @private\n * @param {Array} source The array to copy values from.\n * @param {Array} [array=[]] The array to copy values to.\n * @returns {Array} Returns `array`.\n */\nfunction copyArray(source, array) {\n var index = -1,\n length = source.length;\n\n array || (array = Array(length));\n while (++index < length) {\n array[index] = source[index];\n }\n return array;\n}\n\nexport default copyArray;\n","/**\n * A specialized version of `_.filter` for arrays without support for\n * iteratee shorthands.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} predicate The function invoked per iteration.\n * @returns {Array} Returns the new filtered array.\n */\nfunction arrayFilter(array, predicate) {\n var index = -1,\n length = array == null ? 0 : array.length,\n resIndex = 0,\n result = [];\n\n while (++index < length) {\n var value = array[index];\n if (predicate(value, index, array)) {\n result[resIndex++] = value;\n }\n }\n return result;\n}\n\nexport default arrayFilter;\n","/**\n * This method returns a new empty array.\n *\n * @static\n * @memberOf _\n * @since 4.13.0\n * @category Util\n * @returns {Array} Returns the new empty array.\n * @example\n *\n * var arrays = _.times(2, _.stubArray);\n *\n * console.log(arrays);\n * // => [[], []]\n *\n * console.log(arrays[0] === arrays[1]);\n * // => false\n */\nfunction stubArray() {\n return [];\n}\n\nexport default stubArray;\n","import arrayFilter from './_arrayFilter.js';\nimport stubArray from './stubArray.js';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Built-in value references. */\nvar propertyIsEnumerable = objectProto.propertyIsEnumerable;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeGetSymbols = Object.getOwnPropertySymbols;\n\n/**\n * Creates an array of the own enumerable symbols of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of symbols.\n */\nvar getSymbols = !nativeGetSymbols ? stubArray : function(object) {\n if (object == null) {\n return [];\n }\n object = Object(object);\n return arrayFilter(nativeGetSymbols(object), function(symbol) {\n return propertyIsEnumerable.call(object, symbol);\n });\n};\n\nexport default getSymbols;\n","import copyObject from './_copyObject.js';\nimport getSymbols from './_getSymbols.js';\n\n/**\n * Copies own symbols of `source` to `object`.\n *\n * @private\n * @param {Object} source The object to copy symbols from.\n * @param {Object} [object={}] The object to copy symbols to.\n * @returns {Object} Returns `object`.\n */\nfunction copySymbols(source, object) {\n return copyObject(source, getSymbols(source), object);\n}\n\nexport default copySymbols;\n","/**\n * Appends the elements of `values` to `array`.\n *\n * @private\n * @param {Array} array The array to modify.\n * @param {Array} values The values to append.\n * @returns {Array} Returns `array`.\n */\nfunction arrayPush(array, values) {\n var index = -1,\n length = values.length,\n offset = array.length;\n\n while (++index < length) {\n array[offset + index] = values[index];\n }\n return array;\n}\n\nexport default arrayPush;\n","import arrayPush from './_arrayPush.js';\nimport getPrototype from './_getPrototype.js';\nimport getSymbols from './_getSymbols.js';\nimport stubArray from './stubArray.js';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeGetSymbols = Object.getOwnPropertySymbols;\n\n/**\n * Creates an array of the own and inherited enumerable symbols of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of symbols.\n */\nvar getSymbolsIn = !nativeGetSymbols ? stubArray : function(object) {\n var result = [];\n while (object) {\n arrayPush(result, getSymbols(object));\n object = getPrototype(object);\n }\n return result;\n};\n\nexport default getSymbolsIn;\n","import copyObject from './_copyObject.js';\nimport getSymbolsIn from './_getSymbolsIn.js';\n\n/**\n * Copies own and inherited symbols of `source` to `object`.\n *\n * @private\n * @param {Object} source The object to copy symbols from.\n * @param {Object} [object={}] The object to copy symbols to.\n * @returns {Object} Returns `object`.\n */\nfunction copySymbolsIn(source, object) {\n return copyObject(source, getSymbolsIn(source), object);\n}\n\nexport default copySymbolsIn;\n","import arrayPush from './_arrayPush.js';\nimport isArray from './isArray.js';\n\n/**\n * The base implementation of `getAllKeys` and `getAllKeysIn` which uses\n * `keysFunc` and `symbolsFunc` to get the enumerable property names and\n * symbols of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {Function} keysFunc The function to get the keys of `object`.\n * @param {Function} symbolsFunc The function to get the symbols of `object`.\n * @returns {Array} Returns the array of property names and symbols.\n */\nfunction baseGetAllKeys(object, keysFunc, symbolsFunc) {\n var result = keysFunc(object);\n return isArray(object) ? result : arrayPush(result, symbolsFunc(object));\n}\n\nexport default baseGetAllKeys;\n","import baseGetAllKeys from './_baseGetAllKeys.js';\nimport getSymbols from './_getSymbols.js';\nimport keys from './keys.js';\n\n/**\n * Creates an array of own enumerable property names and symbols of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names and symbols.\n */\nfunction getAllKeys(object) {\n return baseGetAllKeys(object, keys, getSymbols);\n}\n\nexport default getAllKeys;\n","import baseGetAllKeys from './_baseGetAllKeys.js';\nimport getSymbolsIn from './_getSymbolsIn.js';\nimport keysIn from './keysIn.js';\n\n/**\n * Creates an array of own and inherited enumerable property names and\n * symbols of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names and symbols.\n */\nfunction getAllKeysIn(object) {\n return baseGetAllKeys(object, keysIn, getSymbolsIn);\n}\n\nexport default getAllKeysIn;\n","import getNative from './_getNative.js';\nimport root from './_root.js';\n\n/* Built-in method references that are verified to be native. */\nvar DataView = getNative(root, 'DataView');\n\nexport default DataView;\n","import getNative from './_getNative.js';\nimport root from './_root.js';\n\n/* Built-in method references that are verified to be native. */\nvar Promise = getNative(root, 'Promise');\n\nexport default Promise;\n","import getNative from './_getNative.js';\nimport root from './_root.js';\n\n/* Built-in method references that are verified to be native. */\nvar Set = getNative(root, 'Set');\n\nexport default Set;\n","import getNative from './_getNative.js';\nimport root from './_root.js';\n\n/* Built-in method references that are verified to be native. */\nvar WeakMap = getNative(root, 'WeakMap');\n\nexport default WeakMap;\n","import DataView from './_DataView.js';\nimport Map from './_Map.js';\nimport Promise from './_Promise.js';\nimport Set from './_Set.js';\nimport WeakMap from './_WeakMap.js';\nimport baseGetTag from './_baseGetTag.js';\nimport toSource from './_toSource.js';\n\n/** `Object#toString` result references. */\nvar mapTag = '[object Map]',\n objectTag = '[object Object]',\n promiseTag = '[object Promise]',\n setTag = '[object Set]',\n weakMapTag = '[object WeakMap]';\n\nvar dataViewTag = '[object DataView]';\n\n/** Used to detect maps, sets, and weakmaps. */\nvar dataViewCtorString = toSource(DataView),\n mapCtorString = toSource(Map),\n promiseCtorString = toSource(Promise),\n setCtorString = toSource(Set),\n weakMapCtorString = toSource(WeakMap);\n\n/**\n * Gets the `toStringTag` of `value`.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nvar getTag = baseGetTag;\n\n// Fallback for data views, maps, sets, and weak maps in IE 11 and promises in Node.js < 6.\nif ((DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag) ||\n (Map && getTag(new Map) != mapTag) ||\n (Promise && getTag(Promise.resolve()) != promiseTag) ||\n (Set && getTag(new Set) != setTag) ||\n (WeakMap && getTag(new WeakMap) != weakMapTag)) {\n getTag = function(value) {\n var result = baseGetTag(value),\n Ctor = result == objectTag ? value.constructor : undefined,\n ctorString = Ctor ? toSource(Ctor) : '';\n\n if (ctorString) {\n switch (ctorString) {\n case dataViewCtorString: return dataViewTag;\n case mapCtorString: return mapTag;\n case promiseCtorString: return promiseTag;\n case setCtorString: return setTag;\n case weakMapCtorString: return weakMapTag;\n }\n }\n return result;\n };\n}\n\nexport default getTag;\n","/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Initializes an array clone.\n *\n * @private\n * @param {Array} array The array to clone.\n * @returns {Array} Returns the initialized clone.\n */\nfunction initCloneArray(array) {\n var length = array.length,\n result = new array.constructor(length);\n\n // Add properties assigned by `RegExp#exec`.\n if (length && typeof array[0] == 'string' && hasOwnProperty.call(array, 'index')) {\n result.index = array.index;\n result.input = array.input;\n }\n return result;\n}\n\nexport default initCloneArray;\n","import root from './_root.js';\n\n/** Built-in value references. */\nvar Uint8Array = root.Uint8Array;\n\nexport default Uint8Array;\n","import Uint8Array from './_Uint8Array.js';\n\n/**\n * Creates a clone of `arrayBuffer`.\n *\n * @private\n * @param {ArrayBuffer} arrayBuffer The array buffer to clone.\n * @returns {ArrayBuffer} Returns the cloned array buffer.\n */\nfunction cloneArrayBuffer(arrayBuffer) {\n var result = new arrayBuffer.constructor(arrayBuffer.byteLength);\n new Uint8Array(result).set(new Uint8Array(arrayBuffer));\n return result;\n}\n\nexport default cloneArrayBuffer;\n","import cloneArrayBuffer from './_cloneArrayBuffer.js';\n\n/**\n * Creates a clone of `dataView`.\n *\n * @private\n * @param {Object} dataView The data view to clone.\n * @param {boolean} [isDeep] Specify a deep clone.\n * @returns {Object} Returns the cloned data view.\n */\nfunction cloneDataView(dataView, isDeep) {\n var buffer = isDeep ? cloneArrayBuffer(dataView.buffer) : dataView.buffer;\n return new dataView.constructor(buffer, dataView.byteOffset, dataView.byteLength);\n}\n\nexport default cloneDataView;\n","/** Used to match `RegExp` flags from their coerced string values. */\nvar reFlags = /\\w*$/;\n\n/**\n * Creates a clone of `regexp`.\n *\n * @private\n * @param {Object} regexp The regexp to clone.\n * @returns {Object} Returns the cloned regexp.\n */\nfunction cloneRegExp(regexp) {\n var result = new regexp.constructor(regexp.source, reFlags.exec(regexp));\n result.lastIndex = regexp.lastIndex;\n return result;\n}\n\nexport default cloneRegExp;\n","import Symbol from './_Symbol.js';\n\n/** Used to convert symbols to primitives and strings. */\nvar symbolProto = Symbol ? Symbol.prototype : undefined,\n symbolValueOf = symbolProto ? symbolProto.valueOf : undefined;\n\n/**\n * Creates a clone of the `symbol` object.\n *\n * @private\n * @param {Object} symbol The symbol object to clone.\n * @returns {Object} Returns the cloned symbol object.\n */\nfunction cloneSymbol(symbol) {\n return symbolValueOf ? Object(symbolValueOf.call(symbol)) : {};\n}\n\nexport default cloneSymbol;\n","import cloneArrayBuffer from './_cloneArrayBuffer.js';\n\n/**\n * Creates a clone of `typedArray`.\n *\n * @private\n * @param {Object} typedArray The typed array to clone.\n * @param {boolean} [isDeep] Specify a deep clone.\n * @returns {Object} Returns the cloned typed array.\n */\nfunction cloneTypedArray(typedArray, isDeep) {\n var buffer = isDeep ? cloneArrayBuffer(typedArray.buffer) : typedArray.buffer;\n return new typedArray.constructor(buffer, typedArray.byteOffset, typedArray.length);\n}\n\nexport default cloneTypedArray;\n","import cloneArrayBuffer from './_cloneArrayBuffer.js';\nimport cloneDataView from './_cloneDataView.js';\nimport cloneRegExp from './_cloneRegExp.js';\nimport cloneSymbol from './_cloneSymbol.js';\nimport cloneTypedArray from './_cloneTypedArray.js';\n\n/** `Object#toString` result references. */\nvar boolTag = '[object Boolean]',\n dateTag = '[object Date]',\n mapTag = '[object Map]',\n numberTag = '[object Number]',\n regexpTag = '[object RegExp]',\n setTag = '[object Set]',\n stringTag = '[object String]',\n symbolTag = '[object Symbol]';\n\nvar arrayBufferTag = '[object ArrayBuffer]',\n dataViewTag = '[object DataView]',\n float32Tag = '[object Float32Array]',\n float64Tag = '[object Float64Array]',\n int8Tag = '[object Int8Array]',\n int16Tag = '[object Int16Array]',\n int32Tag = '[object Int32Array]',\n uint8Tag = '[object Uint8Array]',\n uint8ClampedTag = '[object Uint8ClampedArray]',\n uint16Tag = '[object Uint16Array]',\n uint32Tag = '[object Uint32Array]';\n\n/**\n * Initializes an object clone based on its `toStringTag`.\n *\n * **Note:** This function only supports cloning values with tags of\n * `Boolean`, `Date`, `Error`, `Map`, `Number`, `RegExp`, `Set`, or `String`.\n *\n * @private\n * @param {Object} object The object to clone.\n * @param {string} tag The `toStringTag` of the object to clone.\n * @param {boolean} [isDeep] Specify a deep clone.\n * @returns {Object} Returns the initialized clone.\n */\nfunction initCloneByTag(object, tag, isDeep) {\n var Ctor = object.constructor;\n switch (tag) {\n case arrayBufferTag:\n return cloneArrayBuffer(object);\n\n case boolTag:\n case dateTag:\n return new Ctor(+object);\n\n case dataViewTag:\n return cloneDataView(object, isDeep);\n\n case float32Tag: case float64Tag:\n case int8Tag: case int16Tag: case int32Tag:\n case uint8Tag: case uint8ClampedTag: case uint16Tag: case uint32Tag:\n return cloneTypedArray(object, isDeep);\n\n case mapTag:\n return new Ctor;\n\n case numberTag:\n case stringTag:\n return new Ctor(object);\n\n case regexpTag:\n return cloneRegExp(object);\n\n case setTag:\n return new Ctor;\n\n case symbolTag:\n return cloneSymbol(object);\n }\n}\n\nexport default initCloneByTag;\n","import isObject from './isObject.js';\n\n/** Built-in value references. */\nvar objectCreate = Object.create;\n\n/**\n * The base implementation of `_.create` without support for assigning\n * properties to the created object.\n *\n * @private\n * @param {Object} proto The object to inherit from.\n * @returns {Object} Returns the new object.\n */\nvar baseCreate = (function() {\n function object() {}\n return function(proto) {\n if (!isObject(proto)) {\n return {};\n }\n if (objectCreate) {\n return objectCreate(proto);\n }\n object.prototype = proto;\n var result = new object;\n object.prototype = undefined;\n return result;\n };\n}());\n\nexport default baseCreate;\n","import baseCreate from './_baseCreate.js';\nimport getPrototype from './_getPrototype.js';\nimport isPrototype from './_isPrototype.js';\n\n/**\n * Initializes an object clone.\n *\n * @private\n * @param {Object} object The object to clone.\n * @returns {Object} Returns the initialized clone.\n */\nfunction initCloneObject(object) {\n return (typeof object.constructor == 'function' && !isPrototype(object))\n ? baseCreate(getPrototype(object))\n : {};\n}\n\nexport default initCloneObject;\n","import getTag from './_getTag.js';\nimport isObjectLike from './isObjectLike.js';\n\n/** `Object#toString` result references. */\nvar mapTag = '[object Map]';\n\n/**\n * The base implementation of `_.isMap` without Node.js optimizations.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a map, else `false`.\n */\nfunction baseIsMap(value) {\n return isObjectLike(value) && getTag(value) == mapTag;\n}\n\nexport default baseIsMap;\n","import baseIsMap from './_baseIsMap.js';\nimport baseUnary from './_baseUnary.js';\nimport nodeUtil from './_nodeUtil.js';\n\n/* Node.js helper references. */\nvar nodeIsMap = nodeUtil && nodeUtil.isMap;\n\n/**\n * Checks if `value` is classified as a `Map` object.\n *\n * @static\n * @memberOf _\n * @since 4.3.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a map, else `false`.\n * @example\n *\n * _.isMap(new Map);\n * // => true\n *\n * _.isMap(new WeakMap);\n * // => false\n */\nvar isMap = nodeIsMap ? baseUnary(nodeIsMap) : baseIsMap;\n\nexport default isMap;\n","import getTag from './_getTag.js';\nimport isObjectLike from './isObjectLike.js';\n\n/** `Object#toString` result references. */\nvar setTag = '[object Set]';\n\n/**\n * The base implementation of `_.isSet` without Node.js optimizations.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a set, else `false`.\n */\nfunction baseIsSet(value) {\n return isObjectLike(value) && getTag(value) == setTag;\n}\n\nexport default baseIsSet;\n","import baseIsSet from './_baseIsSet.js';\nimport baseUnary from './_baseUnary.js';\nimport nodeUtil from './_nodeUtil.js';\n\n/* Node.js helper references. */\nvar nodeIsSet = nodeUtil && nodeUtil.isSet;\n\n/**\n * Checks if `value` is classified as a `Set` object.\n *\n * @static\n * @memberOf _\n * @since 4.3.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a set, else `false`.\n * @example\n *\n * _.isSet(new Set);\n * // => true\n *\n * _.isSet(new WeakSet);\n * // => false\n */\nvar isSet = nodeIsSet ? baseUnary(nodeIsSet) : baseIsSet;\n\nexport default isSet;\n","import Stack from './_Stack.js';\nimport arrayEach from './_arrayEach.js';\nimport assignValue from './_assignValue.js';\nimport baseAssign from './_baseAssign.js';\nimport baseAssignIn from './_baseAssignIn.js';\nimport cloneBuffer from './_cloneBuffer.js';\nimport copyArray from './_copyArray.js';\nimport copySymbols from './_copySymbols.js';\nimport copySymbolsIn from './_copySymbolsIn.js';\nimport getAllKeys from './_getAllKeys.js';\nimport getAllKeysIn from './_getAllKeysIn.js';\nimport getTag from './_getTag.js';\nimport initCloneArray from './_initCloneArray.js';\nimport initCloneByTag from './_initCloneByTag.js';\nimport initCloneObject from './_initCloneObject.js';\nimport isArray from './isArray.js';\nimport isBuffer from './isBuffer.js';\nimport isMap from './isMap.js';\nimport isObject from './isObject.js';\nimport isSet from './isSet.js';\nimport keys from './keys.js';\nimport keysIn from './keysIn.js';\n\n/** Used to compose bitmasks for cloning. */\nvar CLONE_DEEP_FLAG = 1,\n CLONE_FLAT_FLAG = 2,\n CLONE_SYMBOLS_FLAG = 4;\n\n/** `Object#toString` result references. */\nvar argsTag = '[object Arguments]',\n arrayTag = '[object Array]',\n boolTag = '[object Boolean]',\n dateTag = '[object Date]',\n errorTag = '[object Error]',\n funcTag = '[object Function]',\n genTag = '[object GeneratorFunction]',\n mapTag = '[object Map]',\n numberTag = '[object Number]',\n objectTag = '[object Object]',\n regexpTag = '[object RegExp]',\n setTag = '[object Set]',\n stringTag = '[object String]',\n symbolTag = '[object Symbol]',\n weakMapTag = '[object WeakMap]';\n\nvar arrayBufferTag = '[object ArrayBuffer]',\n dataViewTag = '[object DataView]',\n float32Tag = '[object Float32Array]',\n float64Tag = '[object Float64Array]',\n int8Tag = '[object Int8Array]',\n int16Tag = '[object Int16Array]',\n int32Tag = '[object Int32Array]',\n uint8Tag = '[object Uint8Array]',\n uint8ClampedTag = '[object Uint8ClampedArray]',\n uint16Tag = '[object Uint16Array]',\n uint32Tag = '[object Uint32Array]';\n\n/** Used to identify `toStringTag` values supported by `_.clone`. */\nvar cloneableTags = {};\ncloneableTags[argsTag] = cloneableTags[arrayTag] =\ncloneableTags[arrayBufferTag] = cloneableTags[dataViewTag] =\ncloneableTags[boolTag] = cloneableTags[dateTag] =\ncloneableTags[float32Tag] = cloneableTags[float64Tag] =\ncloneableTags[int8Tag] = cloneableTags[int16Tag] =\ncloneableTags[int32Tag] = cloneableTags[mapTag] =\ncloneableTags[numberTag] = cloneableTags[objectTag] =\ncloneableTags[regexpTag] = cloneableTags[setTag] =\ncloneableTags[stringTag] = cloneableTags[symbolTag] =\ncloneableTags[uint8Tag] = cloneableTags[uint8ClampedTag] =\ncloneableTags[uint16Tag] = cloneableTags[uint32Tag] = true;\ncloneableTags[errorTag] = cloneableTags[funcTag] =\ncloneableTags[weakMapTag] = false;\n\n/**\n * The base implementation of `_.clone` and `_.cloneDeep` which tracks\n * traversed objects.\n *\n * @private\n * @param {*} value The value to clone.\n * @param {boolean} bitmask The bitmask flags.\n * 1 - Deep clone\n * 2 - Flatten inherited properties\n * 4 - Clone symbols\n * @param {Function} [customizer] The function to customize cloning.\n * @param {string} [key] The key of `value`.\n * @param {Object} [object] The parent object of `value`.\n * @param {Object} [stack] Tracks traversed objects and their clone counterparts.\n * @returns {*} Returns the cloned value.\n */\nfunction baseClone(value, bitmask, customizer, key, object, stack) {\n var result,\n isDeep = bitmask & CLONE_DEEP_FLAG,\n isFlat = bitmask & CLONE_FLAT_FLAG,\n isFull = bitmask & CLONE_SYMBOLS_FLAG;\n\n if (customizer) {\n result = object ? customizer(value, key, object, stack) : customizer(value);\n }\n if (result !== undefined) {\n return result;\n }\n if (!isObject(value)) {\n return value;\n }\n var isArr = isArray(value);\n if (isArr) {\n result = initCloneArray(value);\n if (!isDeep) {\n return copyArray(value, result);\n }\n } else {\n var tag = getTag(value),\n isFunc = tag == funcTag || tag == genTag;\n\n if (isBuffer(value)) {\n return cloneBuffer(value, isDeep);\n }\n if (tag == objectTag || tag == argsTag || (isFunc && !object)) {\n result = (isFlat || isFunc) ? {} : initCloneObject(value);\n if (!isDeep) {\n return isFlat\n ? copySymbolsIn(value, baseAssignIn(result, value))\n : copySymbols(value, baseAssign(result, value));\n }\n } else {\n if (!cloneableTags[tag]) {\n return object ? value : {};\n }\n result = initCloneByTag(value, tag, isDeep);\n }\n }\n // Check for circular references and return its corresponding clone.\n stack || (stack = new Stack);\n var stacked = stack.get(value);\n if (stacked) {\n return stacked;\n }\n stack.set(value, result);\n\n if (isSet(value)) {\n value.forEach(function(subValue) {\n result.add(baseClone(subValue, bitmask, customizer, subValue, value, stack));\n });\n } else if (isMap(value)) {\n value.forEach(function(subValue, key) {\n result.set(key, baseClone(subValue, bitmask, customizer, key, value, stack));\n });\n }\n\n var keysFunc = isFull\n ? (isFlat ? getAllKeysIn : getAllKeys)\n : (isFlat ? keysIn : keys);\n\n var props = isArr ? undefined : keysFunc(value);\n arrayEach(props || value, function(subValue, key) {\n if (props) {\n key = subValue;\n subValue = value[key];\n }\n // Recursively populate clone (susceptible to call stack limits).\n assignValue(result, key, baseClone(subValue, bitmask, customizer, key, value, stack));\n });\n return result;\n}\n\nexport default baseClone;\n","import baseClone from './_baseClone.js';\n\n/** Used to compose bitmasks for cloning. */\nvar CLONE_SYMBOLS_FLAG = 4;\n\n/**\n * Creates a shallow clone of `value`.\n *\n * **Note:** This method is loosely based on the\n * [structured clone algorithm](https://mdn.io/Structured_clone_algorithm)\n * and supports cloning arrays, array buffers, booleans, date objects, maps,\n * numbers, `Object` objects, regexes, sets, strings, symbols, and typed\n * arrays. The own enumerable properties of `arguments` objects are cloned\n * as plain objects. An empty object is returned for uncloneable values such\n * as error objects, functions, DOM nodes, and WeakMaps.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to clone.\n * @returns {*} Returns the cloned value.\n * @see _.cloneDeep\n * @example\n *\n * var objects = [{ 'a': 1 }, { 'b': 2 }];\n *\n * var shallow = _.clone(objects);\n * console.log(shallow[0] === objects[0]);\n * // => true\n */\nfunction clone(value) {\n return baseClone(value, CLONE_SYMBOLS_FLAG);\n}\n\nexport default clone;\n","/**\n * A specialized version of `_.map` for arrays without support for iteratee\n * shorthands.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Array} Returns the new mapped array.\n */\nfunction arrayMap(array, iteratee) {\n var index = -1,\n length = array == null ? 0 : array.length,\n result = Array(length);\n\n while (++index < length) {\n result[index] = iteratee(array[index], index, array);\n }\n return result;\n}\n\nexport default arrayMap;\n","import baseGetTag from './_baseGetTag.js';\nimport isObjectLike from './isObjectLike.js';\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n return typeof value == 'symbol' ||\n (isObjectLike(value) && baseGetTag(value) == symbolTag);\n}\n\nexport default isSymbol;\n","import MapCache from './_MapCache.js';\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/**\n * Creates a function that memoizes the result of `func`. If `resolver` is\n * provided, it determines the cache key for storing the result based on the\n * arguments provided to the memoized function. By default, the first argument\n * provided to the memoized function is used as the map cache key. The `func`\n * is invoked with the `this` binding of the memoized function.\n *\n * **Note:** The cache is exposed as the `cache` property on the memoized\n * function. Its creation may be customized by replacing the `_.memoize.Cache`\n * constructor with one whose instances implement the\n * [`Map`](http://ecma-international.org/ecma-262/7.0/#sec-properties-of-the-map-prototype-object)\n * method interface of `clear`, `delete`, `get`, `has`, and `set`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to have its output memoized.\n * @param {Function} [resolver] The function to resolve the cache key.\n * @returns {Function} Returns the new memoized function.\n * @example\n *\n * var object = { 'a': 1, 'b': 2 };\n * var other = { 'c': 3, 'd': 4 };\n *\n * var values = _.memoize(_.values);\n * values(object);\n * // => [1, 2]\n *\n * values(other);\n * // => [3, 4]\n *\n * object.a = 2;\n * values(object);\n * // => [1, 2]\n *\n * // Modify the result cache.\n * values.cache.set(object, ['a', 'b']);\n * values(object);\n * // => ['a', 'b']\n *\n * // Replace `_.memoize.Cache`.\n * _.memoize.Cache = WeakMap;\n */\nfunction memoize(func, resolver) {\n if (typeof func != 'function' || (resolver != null && typeof resolver != 'function')) {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n var memoized = function() {\n var args = arguments,\n key = resolver ? resolver.apply(this, args) : args[0],\n cache = memoized.cache;\n\n if (cache.has(key)) {\n return cache.get(key);\n }\n var result = func.apply(this, args);\n memoized.cache = cache.set(key, result) || cache;\n return result;\n };\n memoized.cache = new (memoize.Cache || MapCache);\n return memoized;\n}\n\n// Expose `MapCache`.\nmemoize.Cache = MapCache;\n\nexport default memoize;\n","import memoize from './memoize.js';\n\n/** Used as the maximum memoize cache size. */\nvar MAX_MEMOIZE_SIZE = 500;\n\n/**\n * A specialized version of `_.memoize` which clears the memoized function's\n * cache when it exceeds `MAX_MEMOIZE_SIZE`.\n *\n * @private\n * @param {Function} func The function to have its output memoized.\n * @returns {Function} Returns the new memoized function.\n */\nfunction memoizeCapped(func) {\n var result = memoize(func, function(key) {\n if (cache.size === MAX_MEMOIZE_SIZE) {\n cache.clear();\n }\n return key;\n });\n\n var cache = result.cache;\n return result;\n}\n\nexport default memoizeCapped;\n","import memoizeCapped from './_memoizeCapped.js';\n\n/** Used to match property names within property paths. */\nvar rePropName = /[^.[\\]]+|\\[(?:(-?\\d+(?:\\.\\d+)?)|([\"'])((?:(?!\\2)[^\\\\]|\\\\.)*?)\\2)\\]|(?=(?:\\.|\\[\\])(?:\\.|\\[\\]|$))/g;\n\n/** Used to match backslashes in property paths. */\nvar reEscapeChar = /\\\\(\\\\)?/g;\n\n/**\n * Converts `string` to a property path array.\n *\n * @private\n * @param {string} string The string to convert.\n * @returns {Array} Returns the property path array.\n */\nvar stringToPath = memoizeCapped(function(string) {\n var result = [];\n if (string.charCodeAt(0) === 46 /* . */) {\n result.push('');\n }\n string.replace(rePropName, function(match, number, quote, subString) {\n result.push(quote ? subString.replace(reEscapeChar, '$1') : (number || match));\n });\n return result;\n});\n\nexport default stringToPath;\n","import isSymbol from './isSymbol.js';\n\n/** Used as references for various `Number` constants. */\nvar INFINITY = 1 / 0;\n\n/**\n * Converts `value` to a string key if it's not a string or symbol.\n *\n * @private\n * @param {*} value The value to inspect.\n * @returns {string|symbol} Returns the key.\n */\nfunction toKey(value) {\n if (typeof value == 'string' || isSymbol(value)) {\n return value;\n }\n var result = (value + '');\n return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;\n}\n\nexport default toKey;\n","import Symbol from './_Symbol.js';\nimport arrayMap from './_arrayMap.js';\nimport isArray from './isArray.js';\nimport isSymbol from './isSymbol.js';\n\n/** Used as references for various `Number` constants. */\nvar INFINITY = 1 / 0;\n\n/** Used to convert symbols to primitives and strings. */\nvar symbolProto = Symbol ? Symbol.prototype : undefined,\n symbolToString = symbolProto ? symbolProto.toString : undefined;\n\n/**\n * The base implementation of `_.toString` which doesn't convert nullish\n * values to empty strings.\n *\n * @private\n * @param {*} value The value to process.\n * @returns {string} Returns the string.\n */\nfunction baseToString(value) {\n // Exit early for strings to avoid a performance hit in some environments.\n if (typeof value == 'string') {\n return value;\n }\n if (isArray(value)) {\n // Recursively convert values (susceptible to call stack limits).\n return arrayMap(value, baseToString) + '';\n }\n if (isSymbol(value)) {\n return symbolToString ? symbolToString.call(value) : '';\n }\n var result = (value + '');\n return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;\n}\n\nexport default baseToString;\n","import baseToString from './_baseToString.js';\n\n/**\n * Converts `value` to a string. An empty string is returned for `null`\n * and `undefined` values. The sign of `-0` is preserved.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {string} Returns the converted string.\n * @example\n *\n * _.toString(null);\n * // => ''\n *\n * _.toString(-0);\n * // => '-0'\n *\n * _.toString([1, 2, 3]);\n * // => '1,2,3'\n */\nfunction toString(value) {\n return value == null ? '' : baseToString(value);\n}\n\nexport default toString;\n","import arrayMap from './_arrayMap.js';\nimport copyArray from './_copyArray.js';\nimport isArray from './isArray.js';\nimport isSymbol from './isSymbol.js';\nimport stringToPath from './_stringToPath.js';\nimport toKey from './_toKey.js';\nimport toString from './toString.js';\n\n/**\n * Converts `value` to a property path array.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Util\n * @param {*} value The value to convert.\n * @returns {Array} Returns the new property path array.\n * @example\n *\n * _.toPath('a.b.c');\n * // => ['a', 'b', 'c']\n *\n * _.toPath('a[0].b.c');\n * // => ['a', '0', 'b', 'c']\n */\nfunction toPath(value) {\n if (isArray(value)) {\n return arrayMap(value, toKey);\n }\n return isSymbol(value) ? [value] : copyArray(stringToPath(toString(value)));\n}\n\nexport default toPath;\n","import baseClone from './_baseClone.js';\n\n/** Used to compose bitmasks for cloning. */\nvar CLONE_DEEP_FLAG = 1,\n CLONE_SYMBOLS_FLAG = 4;\n\n/**\n * This method is like `_.clone` except that it recursively clones `value`.\n *\n * @static\n * @memberOf _\n * @since 1.0.0\n * @category Lang\n * @param {*} value The value to recursively clone.\n * @returns {*} Returns the deep cloned value.\n * @see _.clone\n * @example\n *\n * var objects = [{ 'a': 1 }, { 'b': 2 }];\n *\n * var deep = _.cloneDeep(objects);\n * console.log(deep[0] === objects[0]);\n * // => false\n */\nfunction cloneDeep(value) {\n return baseClone(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG);\n}\n\nexport default cloneDeep;\n","import * as React from 'react';\nimport { FormikContextType } from './types';\nimport invariant from 'tiny-warning';\n\nexport const FormikContext = React.createContext>(\n undefined as any\n);\nFormikContext.displayName = 'FormikContext';\n\nexport const FormikProvider = FormikContext.Provider;\nexport const FormikConsumer = FormikContext.Consumer;\n\nexport function useFormikContext() {\n const formik = React.useContext>(FormikContext);\n\n invariant(\n !!formik,\n `Formik context is undefined, please verify you are calling useFormikContext() as child of a component.`\n );\n\n return formik;\n}\n","import createNextState, { isDraftable } from 'immer'\r\nimport type { Middleware, StoreEnhancer } from 'redux'\r\n\r\nexport function getTimeMeasureUtils(maxDelay: number, fnName: string) {\r\n let elapsed = 0\r\n return {\r\n measureTime(fn: () => T): T {\r\n const started = Date.now()\r\n try {\r\n return fn()\r\n } finally {\r\n const finished = Date.now()\r\n elapsed += finished - started\r\n }\r\n },\r\n warnIfExceeded() {\r\n if (elapsed > maxDelay) {\r\n console.warn(`${fnName} took ${elapsed}ms, which is more than the warning threshold of ${maxDelay}ms. \r\nIf your state or actions are very large, you may want to disable the middleware as it might cause too much of a slowdown in development mode. See https://redux-toolkit.js.org/api/getDefaultMiddleware for instructions.\r\nIt is disabled in production builds, so you don't need to worry about that.`)\r\n }\r\n },\r\n }\r\n}\r\n\r\nexport function delay(ms: number) {\r\n return new Promise((resolve) => setTimeout(resolve, ms))\r\n}\r\n\r\n/**\r\n * @public\r\n */\r\nexport class MiddlewareArray<\r\n Middlewares extends Middleware[]\r\n> extends Array {\r\n constructor(...items: Middlewares)\r\n constructor(...args: any[]) {\r\n super(...args)\r\n Object.setPrototypeOf(this, MiddlewareArray.prototype)\r\n }\r\n\r\n static get [Symbol.species]() {\r\n return MiddlewareArray as any\r\n }\r\n\r\n concat>>(\r\n items: AdditionalMiddlewares\r\n ): MiddlewareArray<[...Middlewares, ...AdditionalMiddlewares]>\r\n\r\n concat>>(\r\n ...items: AdditionalMiddlewares\r\n ): MiddlewareArray<[...Middlewares, ...AdditionalMiddlewares]>\r\n concat(...arr: any[]) {\r\n return super.concat.apply(this, arr)\r\n }\r\n\r\n prepend>>(\r\n items: AdditionalMiddlewares\r\n ): MiddlewareArray<[...AdditionalMiddlewares, ...Middlewares]>\r\n\r\n prepend>>(\r\n ...items: AdditionalMiddlewares\r\n ): MiddlewareArray<[...AdditionalMiddlewares, ...Middlewares]>\r\n\r\n prepend(...arr: any[]) {\r\n if (arr.length === 1 && Array.isArray(arr[0])) {\r\n return new MiddlewareArray(...arr[0].concat(this))\r\n }\r\n return new MiddlewareArray(...arr.concat(this))\r\n }\r\n}\r\n\r\n/**\r\n * @public\r\n */\r\nexport class EnhancerArray<\r\n Enhancers extends StoreEnhancer[]\r\n> extends Array {\r\n constructor(...items: Enhancers)\r\n constructor(...args: any[]) {\r\n super(...args)\r\n Object.setPrototypeOf(this, EnhancerArray.prototype)\r\n }\r\n\r\n static get [Symbol.species]() {\r\n return EnhancerArray as any\r\n }\r\n\r\n concat>>(\r\n items: AdditionalEnhancers\r\n ): EnhancerArray<[...Enhancers, ...AdditionalEnhancers]>\r\n\r\n concat>>(\r\n ...items: AdditionalEnhancers\r\n ): EnhancerArray<[...Enhancers, ...AdditionalEnhancers]>\r\n concat(...arr: any[]) {\r\n return super.concat.apply(this, arr)\r\n }\r\n\r\n prepend>>(\r\n items: AdditionalEnhancers\r\n ): EnhancerArray<[...AdditionalEnhancers, ...Enhancers]>\r\n\r\n prepend>>(\r\n ...items: AdditionalEnhancers\r\n ): EnhancerArray<[...AdditionalEnhancers, ...Enhancers]>\r\n\r\n prepend(...arr: any[]) {\r\n if (arr.length === 1 && Array.isArray(arr[0])) {\r\n return new EnhancerArray(...arr[0].concat(this))\r\n }\r\n return new EnhancerArray(...arr.concat(this))\r\n }\r\n}\r\n\r\nexport function freezeDraftable(val: T) {\r\n return isDraftable(val) ? createNextState(val, () => {}) : val\r\n}\r\n","import deepmerge from 'deepmerge';\nimport isPlainObject from 'lodash/isPlainObject';\nimport * as React from 'react';\nimport isEqual from 'react-fast-compare';\nimport invariant from 'tiny-warning';\nimport { FieldConfig } from './Field';\nimport { FormikProvider } from './FormikContext';\nimport {\n FieldHelperProps,\n FieldInputProps,\n FieldMetaProps,\n FormikConfig,\n FormikErrors,\n FormikHandlers,\n FormikHelpers,\n FormikProps,\n FormikState,\n FormikTouched,\n FormikValues,\n} from './types';\nimport {\n getActiveElement,\n getIn,\n isEmptyChildren,\n isFunction,\n isObject,\n isPromise,\n isString,\n setIn,\n setNestedObjectValues,\n} from './utils';\n\ntype FormikMessage =\n | { type: 'SUBMIT_ATTEMPT' }\n | { type: 'SUBMIT_FAILURE' }\n | { type: 'SUBMIT_SUCCESS' }\n | { type: 'SET_ISVALIDATING'; payload: boolean }\n | { type: 'SET_ISSUBMITTING'; payload: boolean }\n | { type: 'SET_VALUES'; payload: Values }\n | { type: 'SET_FIELD_VALUE'; payload: { field: string; value?: any } }\n | { type: 'SET_FIELD_TOUCHED'; payload: { field: string; value?: boolean } }\n | { type: 'SET_FIELD_ERROR'; payload: { field: string; value?: string } }\n | { type: 'SET_TOUCHED'; payload: FormikTouched }\n | { type: 'SET_ERRORS'; payload: FormikErrors }\n | { type: 'SET_STATUS'; payload: any }\n | {\n type: 'SET_FORMIK_STATE';\n payload: (s: FormikState) => FormikState;\n }\n | {\n type: 'RESET_FORM';\n payload: FormikState;\n };\n\n// State reducer\nfunction formikReducer(\n state: FormikState,\n msg: FormikMessage\n) {\n switch (msg.type) {\n case 'SET_VALUES':\n return { ...state, values: msg.payload };\n case 'SET_TOUCHED':\n return { ...state, touched: msg.payload };\n case 'SET_ERRORS':\n if (isEqual(state.errors, msg.payload)) {\n return state;\n }\n\n return { ...state, errors: msg.payload };\n case 'SET_STATUS':\n return { ...state, status: msg.payload };\n case 'SET_ISSUBMITTING':\n return { ...state, isSubmitting: msg.payload };\n case 'SET_ISVALIDATING':\n return { ...state, isValidating: msg.payload };\n case 'SET_FIELD_VALUE':\n return {\n ...state,\n values: setIn(state.values, msg.payload.field, msg.payload.value),\n };\n case 'SET_FIELD_TOUCHED':\n return {\n ...state,\n touched: setIn(state.touched, msg.payload.field, msg.payload.value),\n };\n case 'SET_FIELD_ERROR':\n return {\n ...state,\n errors: setIn(state.errors, msg.payload.field, msg.payload.value),\n };\n case 'RESET_FORM':\n return { ...state, ...msg.payload };\n case 'SET_FORMIK_STATE':\n return msg.payload(state);\n case 'SUBMIT_ATTEMPT':\n return {\n ...state,\n touched: setNestedObjectValues>(\n state.values,\n true\n ),\n isSubmitting: true,\n submitCount: state.submitCount + 1,\n };\n case 'SUBMIT_FAILURE':\n return {\n ...state,\n isSubmitting: false,\n };\n case 'SUBMIT_SUCCESS':\n return {\n ...state,\n isSubmitting: false,\n };\n default:\n return state;\n }\n}\n\n// Initial empty states // objects\nconst emptyErrors: FormikErrors = {};\nconst emptyTouched: FormikTouched = {};\n\n// This is an object that contains a map of all registered fields\n// and their validate functions\ninterface FieldRegistry {\n [field: string]: {\n validate: (value: any) => string | Promise | undefined;\n };\n}\n\nexport function useFormik({\n validateOnChange = true,\n validateOnBlur = true,\n validateOnMount = false,\n isInitialValid,\n enableReinitialize = false,\n onSubmit,\n ...rest\n}: FormikConfig) {\n const props = {\n validateOnChange,\n validateOnBlur,\n validateOnMount,\n onSubmit,\n ...rest,\n };\n const initialValues = React.useRef(props.initialValues);\n const initialErrors = React.useRef(props.initialErrors || emptyErrors);\n const initialTouched = React.useRef(props.initialTouched || emptyTouched);\n const initialStatus = React.useRef(props.initialStatus);\n const isMounted = React.useRef(false);\n const fieldRegistry = React.useRef({});\n if (__DEV__) {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useEffect(() => {\n invariant(\n typeof isInitialValid === 'undefined',\n 'isInitialValid has been deprecated and will be removed in future versions of Formik. Please use initialErrors or validateOnMount instead.'\n );\n // eslint-disable-next-line\n }, []);\n }\n\n React.useEffect(() => {\n isMounted.current = true;\n\n return () => {\n isMounted.current = false;\n };\n }, []);\n\n const [, setIteration] = React.useState(0);\n const stateRef = React.useRef>({\n values: props.initialValues,\n errors: props.initialErrors || emptyErrors,\n touched: props.initialTouched || emptyTouched,\n status: props.initialStatus,\n isSubmitting: false,\n isValidating: false,\n submitCount: 0,\n });\n\n const state = stateRef.current;\n\n const dispatch = React.useCallback((action: FormikMessage) => {\n const prev = stateRef.current;\n\n stateRef.current = formikReducer(prev, action);\n\n // force rerender\n if (prev !== stateRef.current) setIteration(x => x + 1);\n }, []);\n\n const runValidateHandler = React.useCallback(\n (values: Values, field?: string): Promise> => {\n return new Promise((resolve, reject) => {\n const maybePromisedErrors = (props.validate as any)(values, field);\n if (maybePromisedErrors == null) {\n // use loose null check here on purpose\n resolve(emptyErrors);\n } else if (isPromise(maybePromisedErrors)) {\n (maybePromisedErrors as Promise).then(\n errors => {\n resolve(errors || emptyErrors);\n },\n actualException => {\n if (process.env.NODE_ENV !== 'production') {\n console.warn(\n `Warning: An unhandled error was caught during validation in > => {\n const validationSchema = props.validationSchema;\n const schema = isFunction(validationSchema)\n ? validationSchema(field)\n : validationSchema;\n const promise =\n field && schema.validateAt\n ? schema.validateAt(field, values)\n : validateYupSchema(values, schema);\n return new Promise((resolve, reject) => {\n promise.then(\n () => {\n resolve(emptyErrors);\n },\n (err: any) => {\n // Yup will throw a validation error if validation fails. We catch those and\n // resolve them into Formik errors. We can sniff if something is a Yup error\n // by checking error.name.\n // @see https://github.com/jquense/yup#validationerrorerrors-string--arraystring-value-any-path-string\n if (err.name === 'ValidationError') {\n resolve(yupToFormErrors(err));\n } else {\n // We throw any other errors\n if (process.env.NODE_ENV !== 'production') {\n console.warn(\n `Warning: An unhandled error was caught during validation in => {\n return new Promise(resolve =>\n resolve(fieldRegistry.current[field].validate(value) as string)\n );\n },\n []\n );\n\n const runFieldLevelValidations = React.useCallback(\n (values: Values): Promise> => {\n const fieldKeysWithValidation: string[] = Object.keys(\n fieldRegistry.current\n ).filter(f => isFunction(fieldRegistry.current[f].validate));\n\n // Construct an array with all of the field validation functions\n const fieldValidations: Promise[] =\n fieldKeysWithValidation.length > 0\n ? fieldKeysWithValidation.map(f =>\n runSingleFieldLevelValidation(f, getIn(values, f))\n )\n : [Promise.resolve('DO_NOT_DELETE_YOU_WILL_BE_FIRED')]; // use special case ;)\n\n return Promise.all(fieldValidations).then((fieldErrorsList: string[]) =>\n fieldErrorsList.reduce((prev, curr, index) => {\n if (curr === 'DO_NOT_DELETE_YOU_WILL_BE_FIRED') {\n return prev;\n }\n if (curr) {\n prev = setIn(prev, fieldKeysWithValidation[index], curr);\n }\n return prev;\n }, {})\n );\n },\n [runSingleFieldLevelValidation]\n );\n\n // Run all validations and return the result\n const runAllValidations = React.useCallback(\n (values: Values) => {\n return Promise.all([\n runFieldLevelValidations(values),\n props.validationSchema ? runValidationSchema(values) : {},\n props.validate ? runValidateHandler(values) : {},\n ]).then(([fieldErrors, schemaErrors, validateErrors]) => {\n const combinedErrors = deepmerge.all>(\n [fieldErrors, schemaErrors, validateErrors],\n { arrayMerge }\n );\n return combinedErrors;\n });\n },\n [\n props.validate,\n props.validationSchema,\n runFieldLevelValidations,\n runValidateHandler,\n runValidationSchema,\n ]\n );\n\n // Run all validations methods and update state accordingly\n const validateFormWithHighPriority = useEventCallback(\n (values: Values = state.values) => {\n dispatch({ type: 'SET_ISVALIDATING', payload: true });\n return runAllValidations(values).then(combinedErrors => {\n if (!!isMounted.current) {\n dispatch({ type: 'SET_ISVALIDATING', payload: false });\n dispatch({ type: 'SET_ERRORS', payload: combinedErrors });\n }\n return combinedErrors;\n });\n }\n );\n\n React.useEffect(() => {\n if (\n validateOnMount &&\n isMounted.current === true &&\n isEqual(initialValues.current, props.initialValues)\n ) {\n validateFormWithHighPriority(initialValues.current);\n }\n }, [validateOnMount, validateFormWithHighPriority]);\n\n const resetForm = React.useCallback(\n (nextState?: Partial>) => {\n const values =\n nextState && nextState.values\n ? nextState.values\n : initialValues.current;\n const errors =\n nextState && nextState.errors\n ? nextState.errors\n : initialErrors.current\n ? initialErrors.current\n : props.initialErrors || {};\n const touched =\n nextState && nextState.touched\n ? nextState.touched\n : initialTouched.current\n ? initialTouched.current\n : props.initialTouched || {};\n const status =\n nextState && nextState.status\n ? nextState.status\n : initialStatus.current\n ? initialStatus.current\n : props.initialStatus;\n initialValues.current = values;\n initialErrors.current = errors;\n initialTouched.current = touched;\n initialStatus.current = status;\n\n const dispatchFn = () => {\n dispatch({\n type: 'RESET_FORM',\n payload: {\n isSubmitting: !!nextState && !!nextState.isSubmitting,\n errors,\n touched,\n status,\n values,\n isValidating: !!nextState && !!nextState.isValidating,\n submitCount:\n !!nextState &&\n !!nextState.submitCount &&\n typeof nextState.submitCount === 'number'\n ? nextState.submitCount\n : 0,\n },\n });\n };\n\n if (props.onReset) {\n const maybePromisedOnReset = (props.onReset as any)(\n state.values,\n imperativeMethods\n );\n\n if (isPromise(maybePromisedOnReset)) {\n (maybePromisedOnReset as Promise).then(dispatchFn);\n } else {\n dispatchFn();\n }\n } else {\n dispatchFn();\n }\n },\n [props.initialErrors, props.initialStatus, props.initialTouched, props.onReset]\n );\n\n React.useEffect(() => {\n if (\n isMounted.current === true &&\n !isEqual(initialValues.current, props.initialValues)\n ) {\n if (enableReinitialize) {\n initialValues.current = props.initialValues;\n resetForm();\n if (validateOnMount) {\n validateFormWithHighPriority(initialValues.current);\n }\n }\n }\n }, [\n enableReinitialize,\n props.initialValues,\n resetForm,\n validateOnMount,\n validateFormWithHighPriority,\n ]);\n\n React.useEffect(() => {\n if (\n enableReinitialize &&\n isMounted.current === true &&\n !isEqual(initialErrors.current, props.initialErrors)\n ) {\n initialErrors.current = props.initialErrors || emptyErrors;\n dispatch({\n type: 'SET_ERRORS',\n payload: props.initialErrors || emptyErrors,\n });\n }\n }, [enableReinitialize, props.initialErrors]);\n\n React.useEffect(() => {\n if (\n enableReinitialize &&\n isMounted.current === true &&\n !isEqual(initialTouched.current, props.initialTouched)\n ) {\n initialTouched.current = props.initialTouched || emptyTouched;\n dispatch({\n type: 'SET_TOUCHED',\n payload: props.initialTouched || emptyTouched,\n });\n }\n }, [enableReinitialize, props.initialTouched]);\n\n React.useEffect(() => {\n if (\n enableReinitialize &&\n isMounted.current === true &&\n !isEqual(initialStatus.current, props.initialStatus)\n ) {\n initialStatus.current = props.initialStatus;\n dispatch({\n type: 'SET_STATUS',\n payload: props.initialStatus,\n });\n }\n }, [enableReinitialize, props.initialStatus, props.initialTouched]);\n\n const validateField = useEventCallback((name: string) => {\n // This will efficiently validate a single field by avoiding state\n // changes if the validation function is synchronous. It's different from\n // what is called when using validateForm.\n\n if (\n fieldRegistry.current[name] &&\n isFunction(fieldRegistry.current[name].validate)\n ) {\n const value = getIn(state.values, name);\n const maybePromise = fieldRegistry.current[name].validate(value);\n if (isPromise(maybePromise)) {\n // Only flip isValidating if the function is async.\n dispatch({ type: 'SET_ISVALIDATING', payload: true });\n return maybePromise\n .then((x: any) => x)\n .then((error: string) => {\n dispatch({\n type: 'SET_FIELD_ERROR',\n payload: { field: name, value: error },\n });\n dispatch({ type: 'SET_ISVALIDATING', payload: false });\n });\n } else {\n dispatch({\n type: 'SET_FIELD_ERROR',\n payload: {\n field: name,\n value: maybePromise as string | undefined,\n },\n });\n return Promise.resolve(maybePromise as string | undefined);\n }\n } else if (props.validationSchema) {\n dispatch({ type: 'SET_ISVALIDATING', payload: true });\n return runValidationSchema(state.values, name)\n .then((x: any) => x)\n .then((error: any) => {\n dispatch({\n type: 'SET_FIELD_ERROR',\n payload: { field: name, value: getIn(error, name) },\n });\n dispatch({ type: 'SET_ISVALIDATING', payload: false });\n });\n }\n\n return Promise.resolve();\n });\n\n const registerField = React.useCallback((name: string, { validate }: any) => {\n fieldRegistry.current[name] = {\n validate,\n };\n }, []);\n\n const unregisterField = React.useCallback((name: string) => {\n delete fieldRegistry.current[name];\n }, []);\n\n const setTouched = useEventCallback(\n (touched: FormikTouched, shouldValidate?: boolean) => {\n dispatch({ type: 'SET_TOUCHED', payload: touched });\n const willValidate =\n shouldValidate === undefined ? validateOnBlur : shouldValidate;\n return willValidate\n ? validateFormWithHighPriority(state.values)\n : Promise.resolve();\n }\n );\n\n const setErrors = React.useCallback((errors: FormikErrors) => {\n dispatch({ type: 'SET_ERRORS', payload: errors });\n }, []);\n\n const setValues = useEventCallback(\n (values: React.SetStateAction, shouldValidate?: boolean) => {\n const resolvedValues = isFunction(values) ? values(state.values) : values;\n\n dispatch({ type: 'SET_VALUES', payload: resolvedValues });\n const willValidate =\n shouldValidate === undefined ? validateOnChange : shouldValidate;\n return willValidate\n ? validateFormWithHighPriority(resolvedValues)\n : Promise.resolve();\n }\n );\n\n const setFieldError = React.useCallback(\n (field: string, value: string | undefined) => {\n dispatch({\n type: 'SET_FIELD_ERROR',\n payload: { field, value },\n });\n },\n []\n );\n\n const setFieldValue = useEventCallback(\n (field: string, value: any, shouldValidate?: boolean) => {\n dispatch({\n type: 'SET_FIELD_VALUE',\n payload: {\n field,\n value,\n },\n });\n const willValidate =\n shouldValidate === undefined ? validateOnChange : shouldValidate;\n return willValidate\n ? validateFormWithHighPriority(setIn(state.values, field, value))\n : Promise.resolve();\n }\n );\n\n const executeChange = React.useCallback(\n (eventOrTextValue: string | React.ChangeEvent, maybePath?: string) => {\n // By default, assume that the first argument is a string. This allows us to use\n // handleChange with React Native and React Native Web's onChangeText prop which\n // provides just the value of the input.\n let field = maybePath;\n let val = eventOrTextValue;\n let parsed;\n // If the first argument is not a string though, it has to be a synthetic React Event (or a fake one),\n // so we handle like we would a normal HTML change event.\n if (!isString(eventOrTextValue)) {\n // If we can, persist the event\n // @see https://reactjs.org/docs/events.html#event-pooling\n if ((eventOrTextValue as any).persist) {\n (eventOrTextValue as React.ChangeEvent).persist();\n }\n const target = eventOrTextValue.target\n ? (eventOrTextValue as React.ChangeEvent).target\n : (eventOrTextValue as React.ChangeEvent).currentTarget;\n\n const {\n type,\n name,\n id,\n value,\n checked,\n outerHTML,\n options,\n multiple,\n } = target;\n\n field = maybePath ? maybePath : name ? name : id;\n if (!field && __DEV__) {\n warnAboutMissingIdentifier({\n htmlContent: outerHTML,\n documentationAnchorLink: 'handlechange-e-reactchangeeventany--void',\n handlerName: 'handleChange',\n });\n }\n val = /number|range/.test(type)\n ? ((parsed = parseFloat(value)), isNaN(parsed) ? '' : parsed)\n : /checkbox/.test(type) // checkboxes\n ? getValueForCheckbox(getIn(state.values, field!), checked, value)\n : options && multiple // \n ? getSelectedValues(options)\n : value;\n }\n\n if (field) {\n // Set form fields by name\n setFieldValue(field, val);\n }\n },\n [setFieldValue, state.values]\n );\n\n const handleChange = useEventCallback(\n (\n eventOrPath: string | React.ChangeEvent\n ): void | ((eventOrTextValue: string | React.ChangeEvent) => void) => {\n if (isString(eventOrPath)) {\n return event => executeChange(event, eventOrPath);\n } else {\n executeChange(eventOrPath);\n }\n }\n );\n\n const setFieldTouched = useEventCallback(\n (field: string, touched: boolean = true, shouldValidate?: boolean) => {\n dispatch({\n type: 'SET_FIELD_TOUCHED',\n payload: {\n field,\n value: touched,\n },\n });\n const willValidate =\n shouldValidate === undefined ? validateOnBlur : shouldValidate;\n return willValidate\n ? validateFormWithHighPriority(state.values)\n : Promise.resolve();\n }\n );\n\n const executeBlur = React.useCallback(\n (e: any, path?: string) => {\n if (e.persist) {\n e.persist();\n }\n const { name, id, outerHTML } = e.target;\n const field = path ? path : name ? name : id;\n\n if (!field && __DEV__) {\n warnAboutMissingIdentifier({\n htmlContent: outerHTML,\n documentationAnchorLink: 'handleblur-e-any--void',\n handlerName: 'handleBlur',\n });\n }\n\n setFieldTouched(field, true);\n },\n [setFieldTouched]\n );\n\n const handleBlur = useEventCallback(\n (eventOrString: any): void | ((e: any) => void) => {\n if (isString(eventOrString)) {\n return event => executeBlur(event, eventOrString);\n } else {\n executeBlur(eventOrString);\n }\n }\n );\n\n const setFormikState = React.useCallback(\n (\n stateOrCb:\n | FormikState\n | ((state: FormikState) => FormikState)\n ): void => {\n if (isFunction(stateOrCb)) {\n dispatch({ type: 'SET_FORMIK_STATE', payload: stateOrCb });\n } else {\n dispatch({ type: 'SET_FORMIK_STATE', payload: () => stateOrCb });\n }\n },\n []\n );\n\n const setStatus = React.useCallback((status: any) => {\n dispatch({ type: 'SET_STATUS', payload: status });\n }, []);\n\n const setSubmitting = React.useCallback((isSubmitting: boolean) => {\n dispatch({ type: 'SET_ISSUBMITTING', payload: isSubmitting });\n }, []);\n\n const submitForm = useEventCallback(() => {\n dispatch({ type: 'SUBMIT_ATTEMPT' });\n return validateFormWithHighPriority().then(\n (combinedErrors: FormikErrors) => {\n // In case an error was thrown and passed to the resolved Promise,\n // `combinedErrors` can be an instance of an Error. We need to check\n // that and abort the submit.\n // If we don't do that, calling `Object.keys(new Error())` yields an\n // empty array, which causes the validation to pass and the form\n // to be submitted.\n\n const isInstanceOfError = combinedErrors instanceof Error;\n const isActuallyValid =\n !isInstanceOfError && Object.keys(combinedErrors).length === 0;\n if (isActuallyValid) {\n // Proceed with submit...\n //\n // To respect sync submit fns, we can't simply wrap executeSubmit in a promise and\n // _always_ dispatch SUBMIT_SUCCESS because isSubmitting would then always be false.\n // This would be fine in simple cases, but make it impossible to disable submit\n // buttons where people use callbacks or promises as side effects (which is basically\n // all of v1 Formik code). Instead, recall that we are inside of a promise chain already,\n // so we can try/catch executeSubmit(), if it returns undefined, then just bail.\n // If there are errors, throw em. Otherwise, wrap executeSubmit in a promise and handle\n // cleanup of isSubmitting on behalf of the consumer.\n let promiseOrUndefined;\n try {\n promiseOrUndefined = executeSubmit();\n // Bail if it's sync, consumer is responsible for cleaning up\n // via setSubmitting(false)\n if (promiseOrUndefined === undefined) {\n return;\n }\n } catch (error) {\n throw error;\n }\n\n return Promise.resolve(promiseOrUndefined)\n .then(result => {\n if (!!isMounted.current) {\n dispatch({ type: 'SUBMIT_SUCCESS' });\n }\n return result;\n })\n .catch(_errors => {\n if (!!isMounted.current) {\n dispatch({ type: 'SUBMIT_FAILURE' });\n // This is a legit error rejected by the onSubmit fn\n // so we don't want to break the promise chain\n throw _errors;\n }\n });\n } else if (!!isMounted.current) {\n // ^^^ Make sure Formik is still mounted before updating state\n dispatch({ type: 'SUBMIT_FAILURE' });\n // throw combinedErrors;\n if (isInstanceOfError) {\n throw combinedErrors;\n }\n }\n return;\n }\n );\n });\n\n const handleSubmit = useEventCallback(\n (e?: React.FormEvent) => {\n if (e && e.preventDefault && isFunction(e.preventDefault)) {\n e.preventDefault();\n }\n\n if (e && e.stopPropagation && isFunction(e.stopPropagation)) {\n e.stopPropagation();\n }\n\n // Warn if form submission is triggered by a without a\n // specified `type` attribute during development. This mitigates\n // a common gotcha in forms with both reset and submit buttons,\n // where the dev forgets to add type=\"button\" to the reset button.\n if (__DEV__ && typeof document !== 'undefined') {\n // Safely get the active element (works with IE)\n const activeElement = getActiveElement();\n if (\n activeElement !== null &&\n activeElement instanceof HTMLButtonElement\n ) {\n invariant(\n activeElement.attributes &&\n activeElement.attributes.getNamedItem('type'),\n 'You submitted a Formik form using a button with an unspecified `type` attribute. Most browsers default button elements to `type=\"submit\"`. If this is not a submit button, please add `type=\"button\"`.'\n );\n }\n }\n\n submitForm().catch(reason => {\n console.warn(\n `Warning: An unhandled error was caught from submitForm()`,\n reason\n );\n });\n }\n );\n\n const imperativeMethods: FormikHelpers = {\n resetForm,\n validateForm: validateFormWithHighPriority,\n validateField,\n setErrors,\n setFieldError,\n setFieldTouched,\n setFieldValue,\n setStatus,\n setSubmitting,\n setTouched,\n setValues,\n setFormikState,\n submitForm,\n };\n\n const executeSubmit = useEventCallback(() => {\n return onSubmit(state.values, imperativeMethods);\n });\n\n const handleReset = useEventCallback(e => {\n if (e && e.preventDefault && isFunction(e.preventDefault)) {\n e.preventDefault();\n }\n\n if (e && e.stopPropagation && isFunction(e.stopPropagation)) {\n e.stopPropagation();\n }\n\n resetForm();\n });\n\n const getFieldMeta = React.useCallback(\n (name: string): FieldMetaProps => {\n return {\n value: getIn(state.values, name),\n error: getIn(state.errors, name),\n touched: !!getIn(state.touched, name),\n initialValue: getIn(initialValues.current, name),\n initialTouched: !!getIn(initialTouched.current, name),\n initialError: getIn(initialErrors.current, name),\n };\n },\n [state.errors, state.touched, state.values]\n );\n\n const getFieldHelpers = React.useCallback(\n (name: string): FieldHelperProps => {\n return {\n setValue: (value: any, shouldValidate?: boolean) =>\n setFieldValue(name, value, shouldValidate),\n setTouched: (value: boolean, shouldValidate?: boolean) =>\n setFieldTouched(name, value, shouldValidate),\n setError: (value: any) => setFieldError(name, value),\n };\n },\n [setFieldValue, setFieldTouched, setFieldError]\n );\n\n const getFieldProps = React.useCallback(\n (nameOrOptions: string | FieldConfig): FieldInputProps => {\n const isAnObject = isObject(nameOrOptions);\n const name = isAnObject\n ? (nameOrOptions as FieldConfig).name\n : nameOrOptions;\n const valueState = getIn(state.values, name);\n\n const field: FieldInputProps = {\n name,\n value: valueState,\n onChange: handleChange,\n onBlur: handleBlur,\n };\n if (isAnObject) {\n const {\n type,\n value: valueProp, // value is special for checkboxes\n as: is,\n multiple,\n } = nameOrOptions as FieldConfig;\n\n if (type === 'checkbox') {\n if (valueProp === undefined) {\n field.checked = !!valueState;\n } else {\n field.checked = !!(\n Array.isArray(valueState) && ~valueState.indexOf(valueProp)\n );\n field.value = valueProp;\n }\n } else if (type === 'radio') {\n field.checked = valueState === valueProp;\n field.value = valueProp;\n } else if (is === 'select' && multiple) {\n field.value = field.value || [];\n field.multiple = true;\n }\n }\n return field;\n },\n [handleBlur, handleChange, state.values]\n );\n\n const dirty = React.useMemo(\n () => !isEqual(initialValues.current, state.values),\n [initialValues.current, state.values]\n );\n\n const isValid = React.useMemo(\n () =>\n typeof isInitialValid !== 'undefined'\n ? dirty\n ? state.errors && Object.keys(state.errors).length === 0\n : isInitialValid !== false && isFunction(isInitialValid)\n ? (isInitialValid as (props: FormikConfig) => boolean)(props)\n : (isInitialValid as boolean)\n : state.errors && Object.keys(state.errors).length === 0,\n [isInitialValid, dirty, state.errors, props]\n );\n\n const ctx = {\n ...state,\n initialValues: initialValues.current,\n initialErrors: initialErrors.current,\n initialTouched: initialTouched.current,\n initialStatus: initialStatus.current,\n handleBlur,\n handleChange,\n handleReset,\n handleSubmit,\n resetForm,\n setErrors,\n setFormikState,\n setFieldTouched,\n setFieldValue,\n setFieldError,\n setStatus,\n setSubmitting,\n setTouched,\n setValues,\n submitForm,\n validateForm: validateFormWithHighPriority,\n validateField,\n isValid,\n dirty,\n unregisterField,\n registerField,\n getFieldProps,\n getFieldMeta,\n getFieldHelpers,\n validateOnBlur,\n validateOnChange,\n validateOnMount,\n };\n\n return ctx;\n}\n\nexport function Formik<\n Values extends FormikValues = FormikValues,\n ExtraProps = {}\n>(props: FormikConfig & ExtraProps) {\n const formikbag = useFormik(props);\n const { component, children, render, innerRef } = props;\n\n // This allows folks to pass a ref to has been deprecated and will be removed in future versions of Formik. Please use a child callback function instead. To get rid of this warning, replace ...} /> with {(props) => ...} `\n );\n // eslint-disable-next-line\n }, []);\n }\n return (\n \n {component\n ? React.createElement(component as any, formikbag)\n : render\n ? render(formikbag)\n : children // children come last, always called\n ? isFunction(children)\n ? (children as (bag: FormikProps) => React.ReactNode)(\n formikbag as FormikProps\n )\n : !isEmptyChildren(children)\n ? React.Children.only(children)\n : null\n : null}\n \n );\n}\n\nfunction warnAboutMissingIdentifier({\n htmlContent,\n documentationAnchorLink,\n handlerName,\n}: {\n htmlContent: string;\n documentationAnchorLink: string;\n handlerName: string;\n}) {\n console.warn(\n `Warning: Formik called \\`${handlerName}\\`, but you forgot to pass an \\`id\\` or \\`name\\` attribute to your input:\n ${htmlContent}\n Formik cannot determine which value to update. For more info see https://formik.org/docs/api/formik#${documentationAnchorLink}\n `\n );\n}\n\n/**\n * Transform Yup ValidationError to a more usable object\n */\nexport function yupToFormErrors(yupError: any): FormikErrors {\n let errors: FormikErrors = {};\n if (yupError.inner) {\n if (yupError.inner.length === 0) {\n return setIn(errors, yupError.path, yupError.message);\n }\n for (let err of yupError.inner) {\n if (!getIn(errors, err.path)) {\n errors = setIn(errors, err.path, err.message);\n }\n }\n }\n return errors;\n}\n\n/**\n * Validate a yup schema.\n */\nexport function validateYupSchema(\n values: T,\n schema: any,\n sync: boolean = false,\n context?: any\n): Promise> {\n const normalizedValues: FormikValues = prepareDataForValidation(values);\n\n return schema[sync ? 'validateSync' : 'validate'](normalizedValues, {\n abortEarly: false,\n context: context || normalizedValues,\n });\n}\n\n/**\n * Recursively prepare values.\n */\nexport function prepareDataForValidation(\n values: T\n): FormikValues {\n let data: FormikValues = Array.isArray(values) ? [] : {};\n for (let k in values) {\n if (Object.prototype.hasOwnProperty.call(values, k)) {\n const key = String(k);\n if (Array.isArray(values[key]) === true) {\n data[key] = values[key].map((value: any) => {\n if (Array.isArray(value) === true || isPlainObject(value)) {\n return prepareDataForValidation(value);\n } else {\n return value !== '' ? value : undefined;\n }\n });\n } else if (isPlainObject(values[key])) {\n data[key] = prepareDataForValidation(values[key]);\n } else {\n data[key] = values[key] !== '' ? values[key] : undefined;\n }\n }\n }\n return data;\n}\n\n/**\n * deepmerge array merging algorithm\n * https://github.com/KyleAMathews/deepmerge#combine-array\n */\nfunction arrayMerge(target: any[], source: any[], options: any): any[] {\n const destination = target.slice();\n\n source.forEach(function merge(e: any, i: number) {\n if (typeof destination[i] === 'undefined') {\n const cloneRequested = options.clone !== false;\n const shouldClone = cloneRequested && options.isMergeableObject(e);\n destination[i] = shouldClone\n ? deepmerge(Array.isArray(e) ? [] : {}, e, options)\n : e;\n } else if (options.isMergeableObject(e)) {\n destination[i] = deepmerge(target[i], e, options);\n } else if (target.indexOf(e) === -1) {\n destination.push(e);\n }\n });\n return destination;\n}\n\n/** Return multi select values based on an array of options */\nfunction getSelectedValues(options: any[]) {\n return Array.from(options)\n .filter(el => el.selected)\n .map(el => el.value);\n}\n\n/** Return the next value for a checkbox */\nfunction getValueForCheckbox(\n currentValue: string | any[],\n checked: boolean,\n valueProp: any\n) {\n // If the current value was a boolean, return a boolean\n if (typeof currentValue === 'boolean') {\n return Boolean(checked);\n }\n\n // If the currentValue was not a boolean we want to return an array\n let currentArrayOfValues = [];\n let isValueInArray = false;\n let index = -1;\n\n if (!Array.isArray(currentValue)) {\n // eslint-disable-next-line eqeqeq\n if (!valueProp || valueProp == 'true' || valueProp == 'false') {\n return Boolean(checked);\n }\n } else {\n // If the current value is already an array, use it\n currentArrayOfValues = currentValue;\n index = currentValue.indexOf(valueProp);\n isValueInArray = index >= 0;\n }\n\n // If the checkbox was checked and the value is not already present in the aray we want to add the new value to the array of values\n if (checked && valueProp && !isValueInArray) {\n return currentArrayOfValues.concat(valueProp);\n }\n\n // If the checkbox was unchecked and the value is not in the array, simply return the already existing array of values\n if (!isValueInArray) {\n return currentArrayOfValues;\n }\n\n // If the checkbox was unchecked and the value is in the array, remove the value and return the array\n return currentArrayOfValues\n .slice(0, index)\n .concat(currentArrayOfValues.slice(index + 1));\n}\n\n// React currently throws a warning when using useLayoutEffect on the server.\n// To get around it, we can conditionally useEffect on the server (no-op) and\n// useLayoutEffect in the browser.\n// @see https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useIsomorphicLayoutEffect =\n typeof window !== 'undefined' &&\n typeof window.document !== 'undefined' &&\n typeof window.document.createElement !== 'undefined'\n ? React.useLayoutEffect\n : React.useEffect;\n\nfunction useEventCallback any>(fn: T): T {\n const ref: any = React.useRef(fn);\n\n // we copy a ref to the callback scoped to the current state/props on each render\n useIsomorphicLayoutEffect(() => {\n ref.current = fn;\n });\n\n return React.useCallback(\n (...args: any[]) => ref.current.apply(void 0, args),\n []\n ) as T;\n}\n","import * as React from 'react';\nimport hoistNonReactStatics from 'hoist-non-react-statics';\n\nimport { FormikContextType } from './types';\nimport { FormikConsumer } from './FormikContext';\nimport invariant from 'tiny-warning';\n\n/**\n * Connect any component to Formik context, and inject as a prop called `formik`;\n * @param Comp React Component\n */\nexport function connect(\n Comp: React.ComponentType }>\n) {\n const C: React.FC = props => (\n \n {formik => {\n invariant(\n !!formik,\n `Formik context is undefined, please verify you are rendering \n );\n\n const componentDisplayName =\n Comp.displayName ||\n Comp.name ||\n (Comp.constructor && Comp.constructor.name) ||\n 'Component';\n\n // Assign Comp to C.WrappedComponent so we can access the inner component in tests\n // For example, & {\n WrappedComponent: typeof Comp;\n }).WrappedComponent = Comp;\n\n C.displayName = `FormikConnect(${componentDisplayName})`;\n\n return hoistNonReactStatics(\n C,\n Comp as React.ComponentClass<\n OuterProps & { formik: FormikContextType }\n > // cast type to ComponentClass (even if SFC)\n );\n}\n","import * as React from 'react';\nimport { useFormikContext } from './FormikContext';\n\nexport type FormikFormProps = Pick<\n React.FormHTMLAttributes,\n Exclude<\n keyof React.FormHTMLAttributes,\n 'onReset' | 'onSubmit'\n >\n>;\n\ntype FormProps = React.ComponentPropsWithoutRef<'form'>;\n\n// @todo tests\nexport const Form = React.forwardRef(\n (props: FormikFormProps, ref) => {\n // iOS needs an \"action\" attribute for nice input: https://stackoverflow.com/a/39485162/406725\n // We default the action to \"#\" in case the preventDefault fails (just updates the URL hash)\n const { action, ...rest } = props;\n const _action = action ?? '#';\n const { handleReset, handleSubmit } = useFormikContext();\n return (\n ;\n name: string;\n};\n\nexport type FieldArrayConfig = {\n /** Really the path to the array field to be updated */\n name: string;\n /** Should field array validate the form AFTER array updates/changes? */\n validateOnChange?: boolean;\n} & SharedRenderProps;\nexport interface ArrayHelpers {\n /** Imperatively add a value to the end of an array */\n push(obj: X): void;\n /** Curried fn to add a value to the end of an array */\n handlePush(obj: X): () => void;\n /** Imperatively swap two values in an array */\n swap: (indexA: number, indexB: number) => void;\n /** Curried fn to swap two values in an array */\n handleSwap: (indexA: number, indexB: number) => () => void;\n /** Imperatively move an element in an array to another index */\n move: (from: number, to: number) => void;\n /** Imperatively move an element in an array to another index */\n handleMove: (from: number, to: number) => () => void;\n /** Imperatively insert an element at a given index into the array */\n insert(index: number, value: X): void;\n /** Curried fn to insert an element at a given index into the array */\n handleInsert(index: number, value: X): () => void;\n /** Imperatively replace a value at an index of an array */\n replace(index: number, value: X): void;\n /** Curried fn to replace an element at a given index into the array */\n handleReplace(index: number, value: X): () => void;\n /** Imperatively add an element to the beginning of an array and return its length */\n unshift(value: X): number;\n /** Curried fn to add an element to the beginning of an array */\n handleUnshift(value: X): () => void;\n /** Curried fn to remove an element at an index of an array */\n handleRemove: (index: number) => () => void;\n /** Curried fn to remove a value from the end of the array */\n handlePop: () => () => void;\n /** Imperatively remove and element at an index of an array */\n remove(index: number): X | undefined;\n /** Imperatively remove and return value from the end of the array */\n pop(): X | undefined;\n}\n\n/**\n * Some array helpers!\n */\nexport const move = (array: T[], from: number, to: number) => {\n const copy = copyArrayLike(array);\n const value = copy[from];\n copy.splice(from, 1);\n copy.splice(to, 0, value);\n return copy;\n};\n\nexport const swap = (\n arrayLike: ArrayLike,\n indexA: number,\n indexB: number\n) => {\n const copy = copyArrayLike(arrayLike);\n const a = copy[indexA];\n copy[indexA] = copy[indexB];\n copy[indexB] = a;\n return copy;\n};\n\nexport const insert = (\n arrayLike: ArrayLike,\n index: number,\n value: T\n) => {\n const copy = copyArrayLike(arrayLike);\n copy.splice(index, 0, value);\n return copy;\n};\n\nexport const replace = (\n arrayLike: ArrayLike,\n index: number,\n value: T\n) => {\n const copy = copyArrayLike(arrayLike);\n copy[index] = value;\n return copy;\n};\n\nconst copyArrayLike = (arrayLike: ArrayLike) => {\n if (!arrayLike) {\n return [];\n } else if (Array.isArray(arrayLike)) {\n return [...arrayLike];\n } else {\n const maxIndex = Object.keys(arrayLike)\n .map(key => parseInt(key))\n .reduce((max, el) => (el > max ? el : max), 0);\n return Array.from({ ...arrayLike, length: maxIndex + 1 });\n }\n};\n\nconst createAlterationHandler = (\n alteration: boolean | Function,\n defaultFunction: Function\n) => {\n const fn = typeof alteration === 'function' ? alteration : defaultFunction;\n\n return (data: any | any[]) => {\n if (Array.isArray(data) || isObject(data)) {\n const clone = copyArrayLike(data);\n return fn(clone);\n }\n\n // This can be assumed to be a primitive, which\n // is a case for top level validation errors\n return data;\n };\n};\n\nclass FieldArrayInner extends React.Component<\n FieldArrayConfig & { formik: FormikContextType },\n {}\n> {\n static defaultProps = {\n validateOnChange: true,\n };\n\n constructor(props: FieldArrayConfig & { formik: FormikContextType }) {\n super(props);\n // We need TypeScript generics on these, so we'll bind them in the constructor\n // @todo Fix TS 3.2.1\n this.remove = this.remove.bind(this) as any;\n this.pop = this.pop.bind(this) as any;\n }\n\n componentDidUpdate(\n prevProps: FieldArrayConfig & { formik: FormikContextType }\n ) {\n if (\n this.props.validateOnChange &&\n this.props.formik.validateOnChange &&\n !isEqual(\n getIn(prevProps.formik.values, prevProps.name),\n getIn(this.props.formik.values, this.props.name)\n )\n ) {\n this.props.formik.validateForm(this.props.formik.values);\n }\n }\n\n updateArrayField = (\n fn: Function,\n alterTouched: boolean | Function,\n alterErrors: boolean | Function\n ) => {\n const {\n name,\n\n formik: { setFormikState },\n } = this.props;\n\n setFormikState((prevState: FormikState) => {\n let updateErrors = createAlterationHandler(alterErrors, fn);\n let updateTouched = createAlterationHandler(alterTouched, fn);\n\n // values fn should be executed before updateErrors and updateTouched,\n // otherwise it causes an error with unshift.\n let values = setIn(\n prevState.values,\n name,\n fn(getIn(prevState.values, name))\n );\n\n let fieldError = alterErrors\n ? updateErrors(getIn(prevState.errors, name))\n : undefined;\n let fieldTouched = alterTouched\n ? updateTouched(getIn(prevState.touched, name))\n : undefined;\n\n if (isEmptyArray(fieldError)) {\n fieldError = undefined;\n }\n if (isEmptyArray(fieldTouched)) {\n fieldTouched = undefined;\n }\n\n return {\n ...prevState,\n values,\n errors: alterErrors\n ? setIn(prevState.errors, name, fieldError)\n : prevState.errors,\n touched: alterTouched\n ? setIn(prevState.touched, name, fieldTouched)\n : prevState.touched,\n };\n });\n };\n\n push = (value: any) =>\n this.updateArrayField(\n (arrayLike: ArrayLike) => [\n ...copyArrayLike(arrayLike),\n cloneDeep(value),\n ],\n false,\n false\n );\n\n handlePush = (value: any) => () => this.push(value);\n\n swap = (indexA: number, indexB: number) =>\n this.updateArrayField(\n (array: any[]) => swap(array, indexA, indexB),\n true,\n true\n );\n\n handleSwap = (indexA: number, indexB: number) => () =>\n this.swap(indexA, indexB);\n\n move = (from: number, to: number) =>\n this.updateArrayField((array: any[]) => move(array, from, to), true, true);\n\n handleMove = (from: number, to: number) => () => this.move(from, to);\n\n insert = (index: number, value: any) =>\n this.updateArrayField(\n (array: any[]) => insert(array, index, value),\n (array: any[]) => insert(array, index, null),\n (array: any[]) => insert(array, index, null)\n );\n\n handleInsert = (index: number, value: any) => () => this.insert(index, value);\n\n replace = (index: number, value: any) =>\n this.updateArrayField(\n (array: any[]) => replace(array, index, value),\n false,\n false\n );\n\n handleReplace = (index: number, value: any) => () =>\n this.replace(index, value);\n\n unshift = (value: any) => {\n let length = -1;\n this.updateArrayField(\n (array: any[]) => {\n const arr = array ? [value, ...array] : [value];\n\n length = arr.length;\n\n return arr;\n },\n (array: any[]) => {\n return array ? [null, ...array] : [null];\n },\n (array: any[]) => {\n return array ? [null, ...array] : [null];\n }\n );\n\n return length;\n };\n\n handleUnshift = (value: any) => () => this.unshift(value);\n\n remove(index: number): T {\n // We need to make sure we also remove relevant pieces of `touched` and `errors`\n let result: any;\n this.updateArrayField(\n // so this gets call 3 times\n (array?: any[]) => {\n const copy = array ? copyArrayLike(array) : [];\n if (!result) {\n result = copy[index];\n }\n if (isFunction(copy.splice)) {\n copy.splice(index, 1);\n }\n // if the array only includes undefined values we have to return an empty array\n return isFunction(copy.every)\n ? copy.every(v => v === undefined)\n ? []\n : copy\n : copy;\n },\n true,\n true\n );\n\n return result as T;\n }\n\n handleRemove = (index: number) => () => this.remove(index);\n\n pop(): T {\n // Remove relevant pieces of `touched` and `errors` too!\n let result: any;\n this.updateArrayField(\n // so this gets call 3 times\n (array: any[]) => {\n const tmp = array.slice();\n if (!result) {\n result = tmp && tmp.pop && tmp.pop();\n }\n return tmp;\n },\n true,\n true\n );\n\n return result as T;\n }\n\n handlePop = () => () => this.pop();\n\n render() {\n const arrayHelpers: ArrayHelpers = {\n push: this.push,\n pop: this.pop,\n swap: this.swap,\n move: this.move,\n insert: this.insert,\n replace: this.replace,\n unshift: this.unshift,\n remove: this.remove,\n handlePush: this.handlePush,\n handlePop: this.handlePop,\n handleSwap: this.handleSwap,\n handleMove: this.handleMove,\n handleInsert: this.handleInsert,\n handleReplace: this.handleReplace,\n handleUnshift: this.handleUnshift,\n handleRemove: this.handleRemove,\n };\n\n const {\n component,\n render,\n children,\n name,\n formik: {\n validate: _validate,\n validationSchema: _validationSchema,\n ...restOfFormik\n },\n } = this.props;\n\n const props: FieldArrayRenderProps = {\n ...arrayHelpers,\n form: restOfFormik,\n name,\n };\n\n return component\n ? React.createElement(component as any, props)\n : render\n ? (render as any)(props)\n : children // children come last, always called\n ? typeof children === 'function'\n ? (children as any)(props)\n : !isEmptyChildren(children)\n ? React.Children.only(children)\n : null\n : null;\n }\n}\n\nexport const FieldArray = connect(FieldArrayInner);\n","import * as React from 'react';\nimport { FormikContextType } from './types';\nimport { getIn, isFunction } from './utils';\nimport { connect } from './connect';\n\nexport interface ErrorMessageProps {\n id?: string;\n name: string;\n className?: string;\n component?: string | React.ComponentType;\n children?: (errorMessage: string) => React.ReactNode;\n render?: (errorMessage: string) => React.ReactNode;\n}\n\nclass ErrorMessageImpl extends React.Component<\n ErrorMessageProps & { formik: FormikContextType }\n> {\n shouldComponentUpdate(\n props: ErrorMessageProps & { formik: FormikContextType }\n ) {\n if (\n getIn(this.props.formik.errors, this.props.name) !==\n getIn(props.formik.errors, this.props.name) ||\n getIn(this.props.formik.touched, this.props.name) !==\n getIn(props.formik.touched, this.props.name) ||\n Object.keys(this.props).length !== Object.keys(props).length\n ) {\n return true;\n } else {\n return false;\n }\n }\n\n render() {\n let { component, formik, render, children, name, ...rest } = this.props;\n\n const touch = getIn(formik.touched, name);\n const error = getIn(formik.errors, name);\n\n return !!touch && !!error\n ? render\n ? isFunction(render)\n ? render(error)\n : null\n : children\n ? isFunction(children)\n ? children(error)\n : null\n : component\n ? React.createElement(component, rest as any, error)\n : error\n : null;\n }\n}\n\nexport const ErrorMessage = connect<\n ErrorMessageProps,\n ErrorMessageProps & { formik: FormikContextType }\n>(ErrorMessageImpl);\n","import * as React from 'react';\n\nimport {\n FormikProps,\n GenericFieldHTMLAttributes,\n FormikContextType,\n FieldMetaProps,\n FieldInputProps,\n} from './types';\nimport invariant from 'tiny-warning';\nimport { getIn, isEmptyChildren, isFunction } from './utils';\nimport { FieldConfig } from './Field';\nimport { connect } from './connect';\n\ntype $FixMe = any;\n\nexport interface FastFieldProps {\n field: FieldInputProps;\n meta: FieldMetaProps;\n form: FormikProps; // if ppl want to restrict this for a given form, let them.\n}\n\nexport type FastFieldConfig = FieldConfig & {\n /** Override FastField's default shouldComponentUpdate */\n shouldUpdate?: (\n nextProps: T & GenericFieldHTMLAttributes,\n props: {}\n ) => boolean;\n};\n\nexport type FastFieldAttributes = GenericFieldHTMLAttributes &\n FastFieldConfig &\n T;\n\ntype FastFieldInnerProps = FastFieldAttributes<\n Props\n> & { formik: FormikContextType };\n\n/**\n * Custom Field component for quickly hooking into Formik\n * context and wiring up forms.\n */\nclass FastFieldInner extends React.Component<\n FastFieldInnerProps,\n {}\n> {\n constructor(props: FastFieldInnerProps) {\n super(props);\n const { render, children, component, as: is, name } = props;\n invariant(\n !render,\n ` has been deprecated. Please use a child callback function instead: {props => ...} instead.`\n );\n invariant(\n !(component && render),\n 'You should not use and in the same component; will be ignored'\n );\n\n invariant(\n !(is && children && isFunction(children)),\n 'You should not use and as a function in the same component; will be ignored.'\n );\n\n invariant(\n !(component && children && isFunction(children)),\n 'You should not use and as a function in the same component; will be ignored.'\n );\n\n invariant(\n !(render && children && !isEmptyChildren(children)),\n 'You should not use and in the same component; will be ignored'\n );\n }\n\n shouldComponentUpdate(props: FastFieldInnerProps) {\n if (this.props.shouldUpdate) {\n return this.props.shouldUpdate(props, this.props);\n } else if (\n props.name !== this.props.name ||\n getIn(props.formik.values, this.props.name) !==\n getIn(this.props.formik.values, this.props.name) ||\n getIn(props.formik.errors, this.props.name) !==\n getIn(this.props.formik.errors, this.props.name) ||\n getIn(props.formik.touched, this.props.name) !==\n getIn(this.props.formik.touched, this.props.name) ||\n Object.keys(this.props).length !== Object.keys(props).length ||\n props.formik.isSubmitting !== this.props.formik.isSubmitting\n ) {\n return true;\n } else {\n return false;\n }\n }\n\n componentDidMount() {\n // Register the Field with the parent Formik. Parent will cycle through\n // registered Field's validate fns right prior to submit\n this.props.formik.registerField(this.props.name, {\n validate: this.props.validate,\n });\n }\n\n componentDidUpdate(prevProps: FastFieldAttributes) {\n if (this.props.name !== prevProps.name) {\n this.props.formik.unregisterField(prevProps.name);\n this.props.formik.registerField(this.props.name, {\n validate: this.props.validate,\n });\n }\n\n if (this.props.validate !== prevProps.validate) {\n this.props.formik.registerField(this.props.name, {\n validate: this.props.validate,\n });\n }\n }\n\n componentWillUnmount() {\n this.props.formik.unregisterField(this.props.name);\n }\n\n render() {\n const {\n validate,\n name,\n render,\n as: is,\n children,\n component,\n shouldUpdate,\n formik,\n ...props\n } = this.props as FastFieldInnerProps;\n\n const {\n validate: _validate,\n validationSchema: _validationSchema,\n ...restOfFormik\n } = formik;\n const field = formik.getFieldProps({ name, ...props });\n const meta = {\n value: getIn(formik.values, name),\n error: getIn(formik.errors, name),\n touched: !!getIn(formik.touched, name),\n initialValue: getIn(formik.initialValues, name),\n initialTouched: !!getIn(formik.initialTouched, name),\n initialError: getIn(formik.initialErrors, name),\n };\n\n const bag = { field, meta, form: restOfFormik };\n\n if (render) {\n return (render as any)(bag);\n }\n\n if (isFunction(children)) {\n return (children as (props: FastFieldProps) => React.ReactNode)(bag);\n }\n\n if (component) {\n // This behavior is backwards compat with earlier Formik 0.9 to 1.x\n if (typeof component === 'string') {\n const { innerRef, ...rest } = props;\n return React.createElement(\n component,\n { ref: innerRef, ...field, ...(rest as $FixMe) },\n children\n );\n }\n // We don't pass `meta` for backwards compat\n return React.createElement(\n component as React.ComponentClass<$FixMe>,\n { field, form: formik, ...props },\n children\n );\n }\n\n // default to input here so we can check for both `as` and `children` above\n const asElement = is || 'input';\n\n if (typeof asElement === 'string') {\n const { innerRef, ...rest } = props;\n return React.createElement(\n asElement,\n { ref: innerRef, ...field, ...(rest as $FixMe) },\n children\n );\n }\n\n return React.createElement(\n asElement as React.ComponentClass,\n { ...field, ...props },\n children\n );\n }\n}\n\nexport const FastField = connect, any>(FastFieldInner);\n","import React, { Component } from 'react';\nimport ReactDOM from 'react-dom';\nimport { DomHandler, classNames, ObjectUtils, IconUtils } from 'primereact/utils';\nimport { Dialog } from 'primereact/dialog';\nimport { Button } from 'primereact/button';\nimport { localeOption } from 'primereact/api';\nimport { Portal } from 'primereact/portal';\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n Object.defineProperty(Constructor, \"prototype\", {\n writable: false\n });\n return Constructor;\n}\n\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n Object.defineProperty(subClass, \"prototype\", {\n writable: false\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, _typeof(obj);\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n } else if (call !== void 0) {\n throw new TypeError(\"Derived constructors may only return object or undefined\");\n }\n\n return _assertThisInitialized(self);\n}\n\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction confirmDialog(props) {\n var appendTo = props.appendTo || document.body;\n var confirmDialogWrapper = document.createDocumentFragment();\n DomHandler.appendChild(confirmDialogWrapper, appendTo);\n props = _objectSpread(_objectSpread({}, props), {\n visible: props.visible === undefined ? true : props.visible\n });\n var confirmDialogEl = /*#__PURE__*/React.createElement(ConfirmDialog, props);\n ReactDOM.render(confirmDialogEl, confirmDialogWrapper);\n\n var updateConfirmDialog = function updateConfirmDialog(newProps) {\n props = _objectSpread(_objectSpread({}, props), newProps);\n ReactDOM.render( /*#__PURE__*/React.cloneElement(confirmDialogEl, props), confirmDialogWrapper);\n };\n\n return {\n _destroy: function _destroy() {\n ReactDOM.unmountComponentAtNode(confirmDialogWrapper);\n },\n show: function show() {\n updateConfirmDialog({\n visible: true,\n onHide: function onHide() {\n updateConfirmDialog({\n visible: false\n }); // reset\n }\n });\n },\n hide: function hide() {\n updateConfirmDialog({\n visible: false\n });\n },\n update: function update(newProps) {\n updateConfirmDialog(newProps);\n }\n };\n}\nvar ConfirmDialog = /*#__PURE__*/function (_Component) {\n _inherits(ConfirmDialog, _Component);\n\n var _super = _createSuper(ConfirmDialog);\n\n function ConfirmDialog(props) {\n var _this;\n\n _classCallCheck(this, ConfirmDialog);\n\n _this = _super.call(this, props);\n _this.state = {\n visible: props.visible\n };\n _this.reject = _this.reject.bind(_assertThisInitialized(_this));\n _this.accept = _this.accept.bind(_assertThisInitialized(_this));\n _this.hide = _this.hide.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n _createClass(ConfirmDialog, [{\n key: \"acceptLabel\",\n value: function acceptLabel() {\n return this.props.acceptLabel || localeOption('accept');\n }\n }, {\n key: \"rejectLabel\",\n value: function rejectLabel() {\n return this.props.rejectLabel || localeOption('reject');\n }\n }, {\n key: \"accept\",\n value: function accept() {\n if (this.props.accept) {\n this.props.accept();\n }\n\n this.hide('accept');\n }\n }, {\n key: \"reject\",\n value: function reject() {\n if (this.props.reject) {\n this.props.reject();\n }\n\n this.hide('reject');\n }\n }, {\n key: \"show\",\n value: function show() {\n this.setState({\n visible: true\n });\n }\n }, {\n key: \"hide\",\n value: function hide(result) {\n var _this2 = this;\n\n this.setState({\n visible: false\n }, function () {\n if (_this2.props.onHide) {\n _this2.props.onHide(result);\n }\n });\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n if (prevProps.visible !== this.props.visible) {\n this.setState({\n visible: this.props.visible\n });\n }\n }\n }, {\n key: \"renderFooter\",\n value: function renderFooter() {\n var acceptClassName = classNames('p-confirm-dialog-accept', this.props.acceptClassName);\n var rejectClassName = classNames('p-confirm-dialog-reject', {\n 'p-button-text': !this.props.rejectClassName\n }, this.props.rejectClassName);\n var content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {\n label: this.rejectLabel(),\n icon: this.props.rejectIcon,\n className: rejectClassName,\n onClick: this.reject\n }), /*#__PURE__*/React.createElement(Button, {\n label: this.acceptLabel(),\n icon: this.props.acceptIcon,\n className: acceptClassName,\n onClick: this.accept,\n autoFocus: true\n }));\n\n if (this.props.footer) {\n var defaultContentOptions = {\n accept: this.accept,\n reject: this.reject,\n acceptClassName: acceptClassName,\n rejectClassName: rejectClassName,\n acceptLabel: this.acceptLabel(),\n rejectLabel: this.rejectLabel(),\n element: content,\n props: this.props\n };\n return ObjectUtils.getJSXElement(this.props.footer, defaultContentOptions);\n }\n\n return content;\n }\n }, {\n key: \"renderElement\",\n value: function renderElement() {\n var className = classNames('p-confirm-dialog', this.props.className);\n var dialogProps = ObjectUtils.findDiffKeys(this.props, ConfirmDialog.defaultProps);\n var message = ObjectUtils.getJSXElement(this.props.message, this.props);\n var footer = this.renderFooter();\n return /*#__PURE__*/React.createElement(Dialog, _extends({\n visible: this.state.visible\n }, dialogProps, {\n className: className,\n footer: footer,\n onHide: this.hide,\n breakpoints: this.props.breakpoints\n }), IconUtils.getJSXIcon(this.props.icon, {\n className: 'p-confirm-dialog-icon'\n }, {\n props: this.props\n }), /*#__PURE__*/React.createElement(\"span\", {\n className: \"p-confirm-dialog-message\"\n }, message));\n }\n }, {\n key: \"render\",\n value: function render() {\n var element = this.renderElement();\n return /*#__PURE__*/React.createElement(Portal, {\n element: element,\n appendTo: this.props.appendTo\n });\n }\n }]);\n\n return ConfirmDialog;\n}(Component);\n\n_defineProperty(ConfirmDialog, \"defaultProps\", {\n visible: false,\n message: null,\n rejectLabel: null,\n acceptLabel: null,\n icon: null,\n rejectIcon: null,\n acceptIcon: null,\n rejectClassName: null,\n acceptClassName: null,\n className: null,\n appendTo: null,\n footer: null,\n breakpoints: null,\n onHide: null,\n accept: null,\n reject: null\n});\n\nexport { ConfirmDialog, confirmDialog };\n","export default function _extends() {\n _extends = Object.assign ? Object.assign.bind() : function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}","import React, { createRef, Component } from 'react';\nimport { InputText } from 'primereact/inputtext';\nimport { classNames } from 'primereact/utils';\nimport { tip } from 'primereact/tooltip';\nimport { Ripple } from 'primereact/ripple';\n\nfunction _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n}\n\nfunction _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) return _arrayLikeToArray(arr);\n}\n\nfunction _iterableToArray(iter) {\n if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}\n\nfunction _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\n\nfunction _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nfunction _toConsumableArray(arr) {\n return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();\n}\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n Object.defineProperty(Constructor, \"prototype\", {\n writable: false\n });\n return Constructor;\n}\n\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n Object.defineProperty(subClass, \"prototype\", {\n writable: false\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, _typeof(obj);\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n } else if (call !== void 0) {\n throw new TypeError(\"Derived constructors may only return object or undefined\");\n }\n\n return _assertThisInitialized(self);\n}\n\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar InputNumber = /*#__PURE__*/function (_Component) {\n _inherits(InputNumber, _Component);\n\n var _super = _createSuper(InputNumber);\n\n function InputNumber(props) {\n var _this;\n\n _classCallCheck(this, InputNumber);\n\n _this = _super.call(this, props);\n _this.state = {\n focused: false\n };\n\n _this.constructParser();\n\n _this.onInput = _this.onInput.bind(_assertThisInitialized(_this));\n _this.onInputKeyDown = _this.onInputKeyDown.bind(_assertThisInitialized(_this));\n _this.onInputKeyPress = _this.onInputKeyPress.bind(_assertThisInitialized(_this));\n _this.onInputClick = _this.onInputClick.bind(_assertThisInitialized(_this));\n _this.onInputBlur = _this.onInputBlur.bind(_assertThisInitialized(_this));\n _this.onInputFocus = _this.onInputFocus.bind(_assertThisInitialized(_this));\n _this.onPaste = _this.onPaste.bind(_assertThisInitialized(_this));\n _this.onUpButtonMouseLeave = _this.onUpButtonMouseLeave.bind(_assertThisInitialized(_this));\n _this.onUpButtonMouseDown = _this.onUpButtonMouseDown.bind(_assertThisInitialized(_this));\n _this.onUpButtonMouseUp = _this.onUpButtonMouseUp.bind(_assertThisInitialized(_this));\n _this.onUpButtonKeyDown = _this.onUpButtonKeyDown.bind(_assertThisInitialized(_this));\n _this.onUpButtonKeyUp = _this.onUpButtonKeyUp.bind(_assertThisInitialized(_this));\n _this.onDownButtonMouseLeave = _this.onDownButtonMouseLeave.bind(_assertThisInitialized(_this));\n _this.onDownButtonMouseDown = _this.onDownButtonMouseDown.bind(_assertThisInitialized(_this));\n _this.onDownButtonMouseUp = _this.onDownButtonMouseUp.bind(_assertThisInitialized(_this));\n _this.onDownButtonKeyDown = _this.onDownButtonKeyDown.bind(_assertThisInitialized(_this));\n _this.onDownButtonKeyUp = _this.onDownButtonKeyUp.bind(_assertThisInitialized(_this));\n _this.inputRef = /*#__PURE__*/createRef(_this.props.inputRef);\n return _this;\n }\n\n _createClass(InputNumber, [{\n key: \"getOptions\",\n value: function getOptions() {\n return {\n localeMatcher: this.props.localeMatcher,\n style: this.props.mode,\n currency: this.props.currency,\n currencyDisplay: this.props.currencyDisplay,\n useGrouping: this.props.useGrouping,\n minimumFractionDigits: this.props.minFractionDigits,\n maximumFractionDigits: this.props.maxFractionDigits\n };\n }\n }, {\n key: \"constructParser\",\n value: function constructParser() {\n this.numberFormat = new Intl.NumberFormat(this.props.locale, this.getOptions());\n\n var numerals = _toConsumableArray(new Intl.NumberFormat(this.props.locale, {\n useGrouping: false\n }).format(9876543210)).reverse();\n\n var index = new Map(numerals.map(function (d, i) {\n return [d, i];\n }));\n this._numeral = new RegExp(\"[\".concat(numerals.join(''), \"]\"), 'g');\n this._group = this.getGroupingExpression();\n this._minusSign = this.getMinusSignExpression();\n this._currency = this.getCurrencyExpression();\n this._decimal = this.getDecimalExpression();\n this._suffix = this.getSuffixExpression();\n this._prefix = this.getPrefixExpression();\n\n this._index = function (d) {\n return index.get(d);\n };\n }\n }, {\n key: \"escapeRegExp\",\n value: function escapeRegExp(text) {\n return text.replace(/[-[\\]{}()*+?.,\\\\^$|#\\s]/g, '\\\\$&');\n }\n }, {\n key: \"getDecimalExpression\",\n value: function getDecimalExpression() {\n var formatter = new Intl.NumberFormat(this.props.locale, _objectSpread(_objectSpread({}, this.getOptions()), {}, {\n useGrouping: false\n }));\n return new RegExp(\"[\".concat(formatter.format(1.1).replace(this._currency, '').trim().replace(this._numeral, ''), \"]\"), 'g');\n }\n }, {\n key: \"getGroupingExpression\",\n value: function getGroupingExpression() {\n var formatter = new Intl.NumberFormat(this.props.locale, {\n useGrouping: true\n });\n this.groupChar = formatter.format(1000000).trim().replace(this._numeral, '').charAt(0);\n return new RegExp(\"[\".concat(this.groupChar, \"]\"), 'g');\n }\n }, {\n key: \"getMinusSignExpression\",\n value: function getMinusSignExpression() {\n var formatter = new Intl.NumberFormat(this.props.locale, {\n useGrouping: false\n });\n return new RegExp(\"[\".concat(formatter.format(-1).trim().replace(this._numeral, ''), \"]\"), 'g');\n }\n }, {\n key: \"getCurrencyExpression\",\n value: function getCurrencyExpression() {\n if (this.props.currency) {\n var formatter = new Intl.NumberFormat(this.props.locale, {\n style: 'currency',\n currency: this.props.currency,\n currencyDisplay: this.props.currencyDisplay,\n minimumFractionDigits: 0,\n maximumFractionDigits: 0\n });\n return new RegExp(\"[\".concat(formatter.format(1).replace(/\\s/g, '').replace(this._numeral, '').replace(this._group, ''), \"]\"), 'g');\n }\n\n return new RegExp(\"[]\", 'g');\n }\n }, {\n key: \"getPrefixExpression\",\n value: function getPrefixExpression() {\n if (this.props.prefix) {\n this.prefixChar = this.props.prefix;\n } else {\n var formatter = new Intl.NumberFormat(this.props.locale, {\n style: this.props.mode,\n currency: this.props.currency,\n currencyDisplay: this.props.currencyDisplay\n });\n this.prefixChar = formatter.format(1).split('1')[0];\n }\n\n return new RegExp(\"\".concat(this.escapeRegExp(this.prefixChar || '')), 'g');\n }\n }, {\n key: \"getSuffixExpression\",\n value: function getSuffixExpression() {\n if (this.props.suffix) {\n this.suffixChar = this.props.suffix;\n } else {\n var formatter = new Intl.NumberFormat(this.props.locale, {\n style: this.props.mode,\n currency: this.props.currency,\n currencyDisplay: this.props.currencyDisplay,\n minimumFractionDigits: 0,\n maximumFractionDigits: 0\n });\n this.suffixChar = formatter.format(1).split('1')[1];\n }\n\n return new RegExp(\"\".concat(this.escapeRegExp(this.suffixChar || '')), 'g');\n }\n }, {\n key: \"formatValue\",\n value: function formatValue(value) {\n if (value != null) {\n if (value === '-') {\n // Minus sign\n return value;\n }\n\n if (this.props.format) {\n var formatter = new Intl.NumberFormat(this.props.locale, this.getOptions());\n var formattedValue = formatter.format(value);\n\n if (this.props.prefix) {\n formattedValue = this.props.prefix + formattedValue;\n }\n\n if (this.props.suffix) {\n formattedValue = formattedValue + this.props.suffix;\n }\n\n return formattedValue;\n }\n\n return value.toString();\n }\n\n return '';\n }\n }, {\n key: \"parseValue\",\n value: function parseValue(text) {\n var filteredText = text.replace(this._suffix, '').replace(this._prefix, '').trim().replace(/\\s/g, '').replace(this._currency, '').replace(this._group, '').replace(this._minusSign, '-').replace(this._decimal, '.').replace(this._numeral, this._index);\n\n if (filteredText) {\n if (filteredText === '-') // Minus sign\n return filteredText;\n var parsedValue = +filteredText;\n return isNaN(parsedValue) ? null : parsedValue;\n }\n\n return null;\n }\n }, {\n key: \"repeat\",\n value: function repeat(event, interval, dir) {\n var _this2 = this;\n\n var i = interval || 500;\n this.clearTimer();\n this.timer = setTimeout(function () {\n _this2.repeat(event, 40, dir);\n }, i);\n this.spin(event, dir);\n }\n }, {\n key: \"spin\",\n value: function spin(event, dir) {\n if (this.inputRef && this.inputRef.current) {\n var step = this.props.step * dir;\n var currentValue = this.parseValue(this.inputRef.current.value) || 0;\n var newValue = this.validateValue(currentValue + step);\n this.updateInput(newValue, null, 'spin');\n this.updateModel(event, newValue);\n this.handleOnChange(event, currentValue, newValue);\n }\n }\n }, {\n key: \"onUpButtonMouseDown\",\n value: function onUpButtonMouseDown(event) {\n if (!this.props.disabled && !this.props.readOnly) {\n this.inputRef.current.focus();\n this.repeat(event, null, 1);\n event.preventDefault();\n }\n }\n }, {\n key: \"onUpButtonMouseUp\",\n value: function onUpButtonMouseUp() {\n if (!this.props.disabled && !this.props.readOnly) {\n this.clearTimer();\n }\n }\n }, {\n key: \"onUpButtonMouseLeave\",\n value: function onUpButtonMouseLeave() {\n if (!this.props.disabled && !this.props.readOnly) {\n this.clearTimer();\n }\n }\n }, {\n key: \"onUpButtonKeyUp\",\n value: function onUpButtonKeyUp() {\n if (!this.props.disabled && !this.props.readOnly) {\n this.clearTimer();\n }\n }\n }, {\n key: \"onUpButtonKeyDown\",\n value: function onUpButtonKeyDown(event) {\n if (!this.props.disabled && !this.props.readOnly && (event.keyCode === 32 || event.keyCode === 13)) {\n this.repeat(event, null, 1);\n }\n }\n }, {\n key: \"onDownButtonMouseDown\",\n value: function onDownButtonMouseDown(event) {\n if (!this.props.disabled && !this.props.readOnly) {\n this.inputRef.current.focus();\n this.repeat(event, null, -1);\n event.preventDefault();\n }\n }\n }, {\n key: \"onDownButtonMouseUp\",\n value: function onDownButtonMouseUp() {\n if (!this.props.disabled && !this.props.readOnly) {\n this.clearTimer();\n }\n }\n }, {\n key: \"onDownButtonMouseLeave\",\n value: function onDownButtonMouseLeave() {\n if (!this.props.disabled && !this.props.readOnly) {\n this.clearTimer();\n }\n }\n }, {\n key: \"onDownButtonKeyUp\",\n value: function onDownButtonKeyUp() {\n if (!this.props.disabled && !this.props.readOnly) {\n this.clearTimer();\n }\n }\n }, {\n key: \"onDownButtonKeyDown\",\n value: function onDownButtonKeyDown(event) {\n if (!this.props.disabled && !this.props.readOnly && (event.keyCode === 32 || event.keyCode === 13)) {\n this.repeat(event, null, -1);\n }\n }\n }, {\n key: \"onInput\",\n value: function onInput(event) {\n if (this.props.disabled || this.props.readOnly) {\n return;\n }\n\n if (this.isSpecialChar) {\n event.target.value = this.lastValue;\n }\n\n this.isSpecialChar = false;\n }\n }, {\n key: \"onInputKeyDown\",\n value: function onInputKeyDown(event) {\n if (this.props.disabled || this.props.readOnly) {\n return;\n }\n\n this.lastValue = event.target.value;\n\n if (event.shiftKey || event.altKey) {\n this.isSpecialChar = true;\n return;\n }\n\n var selectionStart = event.target.selectionStart;\n var selectionEnd = event.target.selectionEnd;\n var inputValue = event.target.value;\n var newValueStr = null;\n\n if (event.altKey) {\n event.preventDefault();\n }\n\n switch (event.which) {\n //up\n case 38:\n this.spin(event, 1);\n event.preventDefault();\n break;\n //down\n\n case 40:\n this.spin(event, -1);\n event.preventDefault();\n break;\n //left\n\n case 37:\n if (!this.isNumeralChar(inputValue.charAt(selectionStart - 1))) {\n event.preventDefault();\n }\n\n break;\n //right\n\n case 39:\n if (!this.isNumeralChar(inputValue.charAt(selectionStart))) {\n event.preventDefault();\n }\n\n break;\n //enter\n\n case 13:\n newValueStr = this.validateValue(this.parseValue(inputValue));\n this.inputRef.current.value = this.formatValue(newValueStr);\n this.inputRef.current.setAttribute('aria-valuenow', newValueStr);\n this.updateModel(event, newValueStr);\n break;\n //backspace\n\n case 8:\n event.preventDefault();\n\n if (selectionStart === selectionEnd) {\n var deleteChar = inputValue.charAt(selectionStart - 1);\n\n var _this$getDecimalCharI = this.getDecimalCharIndexes(inputValue),\n decimalCharIndex = _this$getDecimalCharI.decimalCharIndex,\n decimalCharIndexWithoutPrefix = _this$getDecimalCharI.decimalCharIndexWithoutPrefix;\n\n if (this.isNumeralChar(deleteChar)) {\n var decimalLength = this.getDecimalLength(inputValue);\n\n if (this._group.test(deleteChar)) {\n this._group.lastIndex = 0;\n newValueStr = inputValue.slice(0, selectionStart - 2) + inputValue.slice(selectionStart - 1);\n } else if (this._decimal.test(deleteChar)) {\n this._decimal.lastIndex = 0;\n\n if (decimalLength) {\n this.inputRef.current.setSelectionRange(selectionStart - 1, selectionStart - 1);\n } else {\n newValueStr = inputValue.slice(0, selectionStart - 1) + inputValue.slice(selectionStart);\n }\n } else if (decimalCharIndex > 0 && selectionStart > decimalCharIndex) {\n var insertedText = this.isDecimalMode() && (this.props.minFractionDigits || 0) < decimalLength ? '' : '0';\n newValueStr = inputValue.slice(0, selectionStart - 1) + insertedText + inputValue.slice(selectionStart);\n } else if (decimalCharIndexWithoutPrefix === 1) {\n newValueStr = inputValue.slice(0, selectionStart - 1) + '0' + inputValue.slice(selectionStart);\n newValueStr = this.parseValue(newValueStr) > 0 ? newValueStr : '';\n } else {\n newValueStr = inputValue.slice(0, selectionStart - 1) + inputValue.slice(selectionStart);\n }\n }\n\n this.updateValue(event, newValueStr, null, 'delete-single');\n } else {\n newValueStr = this.deleteRange(inputValue, selectionStart, selectionEnd);\n this.updateValue(event, newValueStr, null, 'delete-range');\n }\n\n break;\n // del\n\n case 46:\n event.preventDefault();\n\n if (selectionStart === selectionEnd) {\n var _deleteChar = inputValue.charAt(selectionStart);\n\n var _this$getDecimalCharI2 = this.getDecimalCharIndexes(inputValue),\n _decimalCharIndex = _this$getDecimalCharI2.decimalCharIndex,\n _decimalCharIndexWithoutPrefix = _this$getDecimalCharI2.decimalCharIndexWithoutPrefix;\n\n if (this.isNumeralChar(_deleteChar)) {\n var _decimalLength = this.getDecimalLength(inputValue);\n\n if (this._group.test(_deleteChar)) {\n this._group.lastIndex = 0;\n newValueStr = inputValue.slice(0, selectionStart) + inputValue.slice(selectionStart + 2);\n } else if (this._decimal.test(_deleteChar)) {\n this._decimal.lastIndex = 0;\n\n if (_decimalLength) {\n this.$refs.input.$el.setSelectionRange(selectionStart + 1, selectionStart + 1);\n } else {\n newValueStr = inputValue.slice(0, selectionStart) + inputValue.slice(selectionStart + 1);\n }\n } else if (_decimalCharIndex > 0 && selectionStart > _decimalCharIndex) {\n var _insertedText = this.isDecimalMode() && (this.props.minFractionDigits || 0) < _decimalLength ? '' : '0';\n\n newValueStr = inputValue.slice(0, selectionStart) + _insertedText + inputValue.slice(selectionStart + 1);\n } else if (_decimalCharIndexWithoutPrefix === 1) {\n newValueStr = inputValue.slice(0, selectionStart) + '0' + inputValue.slice(selectionStart + 1);\n newValueStr = this.parseValue(newValueStr) > 0 ? newValueStr : '';\n } else {\n newValueStr = inputValue.slice(0, selectionStart) + inputValue.slice(selectionStart + 1);\n }\n }\n\n this.updateValue(event, newValueStr, null, 'delete-back-single');\n } else {\n newValueStr = this.deleteRange(inputValue, selectionStart, selectionEnd);\n this.updateValue(event, newValueStr, null, 'delete-range');\n }\n\n break;\n }\n\n if (this.props.onKeyDown) {\n this.props.onKeyDown(event);\n }\n }\n }, {\n key: \"onInputKeyPress\",\n value: function onInputKeyPress(event) {\n if (this.props.disabled || this.props.readOnly) {\n return;\n }\n\n var code = event.which || event.keyCode;\n\n var _char = String.fromCharCode(code);\n\n var isDecimalSign = this.isDecimalSign(_char);\n var isMinusSign = this.isMinusSign(_char);\n\n if (48 <= code && code <= 57 || isMinusSign || isDecimalSign) {\n this.insert(event, _char, {\n isDecimalSign: isDecimalSign,\n isMinusSign: isMinusSign\n });\n event.preventDefault();\n }\n }\n }, {\n key: \"onPaste\",\n value: function onPaste(event) {\n event.preventDefault();\n\n if (this.props.disabled || this.props.readOnly) {\n return;\n }\n\n var data = (event.clipboardData || window['clipboardData']).getData('Text');\n\n if (data) {\n var filteredData = this.parseValue(data);\n\n if (filteredData != null) {\n this.insert(event, filteredData.toString());\n }\n }\n }\n }, {\n key: \"allowMinusSign\",\n value: function allowMinusSign() {\n return this.props.min === null || this.props.min < 0;\n }\n }, {\n key: \"isMinusSign\",\n value: function isMinusSign(_char2) {\n if (this._minusSign.test(_char2) || _char2 === '-') {\n this._minusSign.lastIndex = 0;\n return true;\n }\n\n return false;\n }\n }, {\n key: \"isDecimalSign\",\n value: function isDecimalSign(_char3) {\n if (this._decimal.test(_char3)) {\n this._decimal.lastIndex = 0;\n return true;\n }\n\n return false;\n }\n }, {\n key: \"isDecimalMode\",\n value: function isDecimalMode() {\n return this.props.mode === 'decimal';\n }\n }, {\n key: \"getDecimalCharIndexes\",\n value: function getDecimalCharIndexes(val) {\n var decimalCharIndex = val.search(this._decimal);\n this._decimal.lastIndex = 0;\n var filteredVal = val.replace(this._prefix, '').trim().replace(/\\s/g, '').replace(this._currency, '');\n var decimalCharIndexWithoutPrefix = filteredVal.search(this._decimal);\n this._decimal.lastIndex = 0;\n return {\n decimalCharIndex: decimalCharIndex,\n decimalCharIndexWithoutPrefix: decimalCharIndexWithoutPrefix\n };\n }\n }, {\n key: \"getCharIndexes\",\n value: function getCharIndexes(val) {\n var decimalCharIndex = val.search(this._decimal);\n this._decimal.lastIndex = 0;\n var minusCharIndex = val.search(this._minusSign);\n this._minusSign.lastIndex = 0;\n var suffixCharIndex = val.search(this._suffix);\n this._suffix.lastIndex = 0;\n var currencyCharIndex = val.search(this._currency);\n this._currency.lastIndex = 0;\n return {\n decimalCharIndex: decimalCharIndex,\n minusCharIndex: minusCharIndex,\n suffixCharIndex: suffixCharIndex,\n currencyCharIndex: currencyCharIndex\n };\n }\n }, {\n key: \"insert\",\n value: function insert(event, text) {\n var sign = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {\n isDecimalSign: false,\n isMinusSign: false\n };\n var minusCharIndexOnText = text.search(this._minusSign);\n this._minusSign.lastIndex = 0;\n\n if (!this.allowMinusSign() && minusCharIndexOnText !== -1) {\n return;\n }\n\n var selectionStart = this.inputRef.current.selectionStart;\n var selectionEnd = this.inputRef.current.selectionEnd;\n var inputValue = this.inputRef.current.value.trim();\n\n var _this$getCharIndexes = this.getCharIndexes(inputValue),\n decimalCharIndex = _this$getCharIndexes.decimalCharIndex,\n minusCharIndex = _this$getCharIndexes.minusCharIndex,\n suffixCharIndex = _this$getCharIndexes.suffixCharIndex,\n currencyCharIndex = _this$getCharIndexes.currencyCharIndex;\n\n var newValueStr;\n\n if (sign.isMinusSign) {\n if (selectionStart === 0) {\n newValueStr = inputValue;\n\n if (minusCharIndex === -1 || selectionEnd !== 0) {\n newValueStr = this.insertText(inputValue, text, 0, selectionEnd);\n }\n\n this.updateValue(event, newValueStr, text, 'insert');\n }\n } else if (sign.isDecimalSign) {\n if (decimalCharIndex > 0 && selectionStart === decimalCharIndex) {\n this.updateValue(event, inputValue, text, 'insert');\n } else if (decimalCharIndex > selectionStart && decimalCharIndex < selectionEnd) {\n newValueStr = this.insertText(inputValue, text, selectionStart, selectionEnd);\n this.updateValue(event, newValueStr, text, 'insert');\n } else if (decimalCharIndex === -1 && this.props.maxFractionDigits) {\n newValueStr = this.insertText(inputValue, text, selectionStart, selectionEnd);\n this.updateValue(event, newValueStr, text, 'insert');\n }\n } else {\n var maxFractionDigits = this.numberFormat.resolvedOptions().maximumFractionDigits;\n var operation = selectionStart !== selectionEnd ? 'range-insert' : 'insert';\n\n if (decimalCharIndex > 0 && selectionStart > decimalCharIndex) {\n if (selectionStart + text.length - (decimalCharIndex + 1) <= maxFractionDigits) {\n var charIndex = currencyCharIndex >= selectionStart ? currencyCharIndex - 1 : suffixCharIndex >= selectionStart ? suffixCharIndex : inputValue.length;\n newValueStr = inputValue.slice(0, selectionStart) + text + inputValue.slice(selectionStart + text.length, charIndex) + inputValue.slice(charIndex);\n this.updateValue(event, newValueStr, text, operation);\n }\n } else {\n newValueStr = this.insertText(inputValue, text, selectionStart, selectionEnd);\n this.updateValue(event, newValueStr, text, operation);\n }\n }\n }\n }, {\n key: \"insertText\",\n value: function insertText(value, text, start, end) {\n var textSplit = text === '.' ? text : text.split('.');\n\n if (textSplit.length === 2) {\n var decimalCharIndex = value.slice(start, end).search(this._decimal);\n this._decimal.lastIndex = 0;\n return decimalCharIndex > 0 ? value.slice(0, start) + this.formatValue(text) + value.slice(end) : value || this.formatValue(text);\n } else if (end - start === value.length) {\n return this.formatValue(text);\n } else if (start === 0) {\n return text + value.slice(end);\n } else if (end === value.length) {\n return value.slice(0, start) + text;\n } else {\n return value.slice(0, start) + text + value.slice(end);\n }\n }\n }, {\n key: \"deleteRange\",\n value: function deleteRange(value, start, end) {\n var newValueStr;\n if (end - start === value.length) newValueStr = '';else if (start === 0) newValueStr = value.slice(end);else if (end === value.length) newValueStr = value.slice(0, start);else newValueStr = value.slice(0, start) + value.slice(end);\n return newValueStr;\n }\n }, {\n key: \"initCursor\",\n value: function initCursor() {\n var selectionStart = this.inputRef.current.selectionStart;\n var inputValue = this.inputRef.current.value;\n var valueLength = inputValue.length;\n var index = null; // remove prefix\n\n var prefixLength = (this.prefixChar || '').length;\n inputValue = inputValue.replace(this._prefix, '');\n selectionStart = selectionStart - prefixLength;\n\n var _char4 = inputValue.charAt(selectionStart);\n\n if (this.isNumeralChar(_char4)) {\n return selectionStart + prefixLength;\n } //left\n\n\n var i = selectionStart - 1;\n\n while (i >= 0) {\n _char4 = inputValue.charAt(i);\n\n if (this.isNumeralChar(_char4)) {\n index = i + prefixLength;\n break;\n } else {\n i--;\n }\n }\n\n if (index !== null) {\n this.inputRef.current.setSelectionRange(index + 1, index + 1);\n } else {\n i = selectionStart;\n\n while (i < valueLength) {\n _char4 = inputValue.charAt(i);\n\n if (this.isNumeralChar(_char4)) {\n index = i + prefixLength;\n break;\n } else {\n i++;\n }\n }\n\n if (index !== null) {\n this.inputRef.current.setSelectionRange(index, index);\n }\n }\n\n return index || 0;\n }\n }, {\n key: \"onInputClick\",\n value: function onInputClick() {\n this.initCursor();\n }\n }, {\n key: \"isNumeralChar\",\n value: function isNumeralChar(_char5) {\n if (_char5.length === 1 && (this._numeral.test(_char5) || this._decimal.test(_char5) || this._group.test(_char5) || this._minusSign.test(_char5))) {\n this.resetRegex();\n return true;\n } else {\n return false;\n }\n }\n }, {\n key: \"resetRegex\",\n value: function resetRegex() {\n this._numeral.lastIndex = 0;\n this._decimal.lastIndex = 0;\n this._group.lastIndex = 0;\n this._minusSign.lastIndex = 0;\n }\n }, {\n key: \"updateValue\",\n value: function updateValue(event, valueStr, insertedValueStr, operation) {\n var currentValue = this.inputRef.current.value;\n var newValue = null;\n\n if (valueStr != null) {\n newValue = this.parseValue(valueStr);\n newValue = this.evaluateEmpty(newValue);\n this.updateInput(newValue, insertedValueStr, operation, valueStr);\n this.handleOnChange(event, currentValue, newValue);\n }\n }\n }, {\n key: \"evaluateEmpty\",\n value: function evaluateEmpty(newValue) {\n return !newValue && !this.props.allowEmpty ? this.props.min || 0 : newValue;\n }\n }, {\n key: \"handleOnChange\",\n value: function handleOnChange(event, currentValue, newValue) {\n if (this.props.onChange && this.isValueChanged(currentValue, newValue)) {\n this.props.onChange({\n originalEvent: event,\n value: newValue\n });\n }\n }\n }, {\n key: \"isValueChanged\",\n value: function isValueChanged(currentValue, newValue) {\n if (newValue === null && currentValue !== null) {\n return true;\n }\n\n if (newValue != null) {\n var parsedCurrentValue = typeof currentValue === 'string' ? this.parseValue(currentValue) : currentValue;\n return newValue !== parsedCurrentValue;\n }\n\n return false;\n }\n }, {\n key: \"validateValue\",\n value: function validateValue(value) {\n if (value === '-' || value == null) {\n return null;\n }\n\n if (this.props.min !== null && value < this.props.min) {\n return this.props.min;\n }\n\n if (this.props.max !== null && value > this.props.max) {\n return this.props.max;\n }\n\n return value;\n }\n }, {\n key: \"updateInput\",\n value: function updateInput(value, insertedValueStr, operation, valueStr) {\n insertedValueStr = insertedValueStr || '';\n var inputEl = this.inputRef.current;\n var inputValue = inputEl.value;\n var newValue = this.formatValue(value);\n var currentLength = inputValue.length;\n\n if (newValue !== valueStr) {\n newValue = this.concatValues(newValue, valueStr);\n }\n\n if (currentLength === 0) {\n inputEl.value = newValue;\n inputEl.setSelectionRange(0, 0);\n var index = this.initCursor();\n var selectionEnd = index + insertedValueStr.length;\n inputEl.setSelectionRange(selectionEnd, selectionEnd);\n } else {\n var selectionStart = inputEl.selectionStart;\n var _selectionEnd = inputEl.selectionEnd;\n inputEl.value = newValue;\n var newLength = newValue.length;\n\n if (operation === 'range-insert') {\n var startValue = this.parseValue((inputValue || '').slice(0, selectionStart));\n var startValueStr = startValue !== null ? startValue.toString() : '';\n var startExpr = startValueStr.split('').join(\"(\".concat(this.groupChar, \")?\"));\n var sRegex = new RegExp(startExpr, 'g');\n sRegex.test(newValue);\n var tExpr = insertedValueStr.split('').join(\"(\".concat(this.groupChar, \")?\"));\n var tRegex = new RegExp(tExpr, 'g');\n tRegex.test(newValue.slice(sRegex.lastIndex));\n _selectionEnd = sRegex.lastIndex + tRegex.lastIndex;\n inputEl.setSelectionRange(_selectionEnd, _selectionEnd);\n } else if (newLength === currentLength) {\n if (operation === 'insert' || operation === 'delete-back-single') inputEl.setSelectionRange(_selectionEnd + 1, _selectionEnd + 1);else if (operation === 'delete-single') inputEl.setSelectionRange(_selectionEnd - 1, _selectionEnd - 1);else if (operation === 'delete-range' || operation === 'spin') inputEl.setSelectionRange(_selectionEnd, _selectionEnd);\n } else if (operation === 'delete-back-single') {\n var prevChar = inputValue.charAt(_selectionEnd - 1);\n var nextChar = inputValue.charAt(_selectionEnd);\n var diff = currentLength - newLength;\n\n var isGroupChar = this._group.test(nextChar);\n\n if (isGroupChar && diff === 1) {\n _selectionEnd += 1;\n } else if (!isGroupChar && this.isNumeralChar(prevChar)) {\n _selectionEnd += -1 * diff + 1;\n }\n\n this._group.lastIndex = 0;\n inputEl.setSelectionRange(_selectionEnd, _selectionEnd);\n } else if (inputValue === '-' && operation === 'insert') {\n inputEl.setSelectionRange(0, 0);\n\n var _index = this.initCursor();\n\n var _selectionEnd2 = _index + insertedValueStr.length + 1;\n\n inputEl.setSelectionRange(_selectionEnd2, _selectionEnd2);\n } else {\n _selectionEnd = _selectionEnd + (newLength - currentLength);\n inputEl.setSelectionRange(_selectionEnd, _selectionEnd);\n }\n }\n\n inputEl.setAttribute('aria-valuenow', value);\n }\n }, {\n key: \"updateInputValue\",\n value: function updateInputValue(newValue) {\n newValue = this.evaluateEmpty(newValue);\n var inputEl = this.inputRef.current;\n var value = inputEl.value;\n var formattedValue = this.formattedValue(newValue);\n\n if (value !== formattedValue) {\n inputEl.value = formattedValue;\n inputEl.setAttribute('aria-valuenow', newValue);\n }\n }\n }, {\n key: \"formattedValue\",\n value: function formattedValue(val) {\n var newValue = this.evaluateEmpty(val);\n return this.formatValue(newValue);\n }\n }, {\n key: \"concatValues\",\n value: function concatValues(val1, val2) {\n if (val1 && val2) {\n var decimalCharIndex = val2.search(this._decimal);\n this._decimal.lastIndex = 0;\n return decimalCharIndex !== -1 ? val1.split(this._decimal)[0] + val2.slice(decimalCharIndex) : val1;\n }\n\n return val1;\n }\n }, {\n key: \"getDecimalLength\",\n value: function getDecimalLength(value) {\n if (value) {\n var valueSplit = value.split(this._decimal);\n\n if (valueSplit.length === 2) {\n return valueSplit[1].replace(this._suffix, '').trim().replace(/\\s/g, '').replace(this._currency, '').length;\n }\n }\n\n return 0;\n }\n }, {\n key: \"updateModel\",\n value: function updateModel(event, value) {\n if (this.props.onValueChange) {\n this.props.onValueChange({\n originalEvent: event,\n value: value,\n stopPropagation: function stopPropagation() {},\n preventDefault: function preventDefault() {},\n target: {\n name: this.props.name,\n id: this.props.id,\n value: value\n }\n });\n }\n }\n }, {\n key: \"onInputFocus\",\n value: function onInputFocus(event) {\n var _this3 = this;\n\n event.persist();\n this.setState({\n focused: true\n }, function () {\n if (_this3.props.onFocus) {\n _this3.props.onFocus(event);\n }\n });\n }\n }, {\n key: \"onInputBlur\",\n value: function onInputBlur(event) {\n var _this4 = this;\n\n event.persist();\n this.setState({\n focused: false\n }, function () {\n var currentValue = _this4.inputRef.current.value;\n\n if (_this4.isValueChanged(currentValue, _this4.props.value)) {\n var newValue = _this4.validateValue(_this4.parseValue(currentValue));\n\n _this4.updateInputValue(newValue);\n\n _this4.updateModel(event, newValue);\n }\n\n if (_this4.props.onBlur) {\n _this4.props.onBlur(event);\n }\n });\n }\n }, {\n key: \"clearTimer\",\n value: function clearTimer() {\n if (this.timer) {\n clearInterval(this.timer);\n }\n }\n }, {\n key: \"isStacked\",\n value: function isStacked() {\n return this.props.showButtons && this.props.buttonLayout === 'stacked';\n }\n }, {\n key: \"isHorizontal\",\n value: function isHorizontal() {\n return this.props.showButtons && this.props.buttonLayout === 'horizontal';\n }\n }, {\n key: \"isVertical\",\n value: function isVertical() {\n return this.props.showButtons && this.props.buttonLayout === 'vertical';\n }\n }, {\n key: \"getInputMode\",\n value: function getInputMode() {\n return this.props.inputMode || (this.props.mode === 'decimal' && !this.props.minFractionDigits ? 'numeric' : 'decimal');\n }\n }, {\n key: \"getFormatter\",\n value: function getFormatter() {\n return this.numberFormat;\n }\n }, {\n key: \"updateInputRef\",\n value: function updateInputRef() {\n var ref = this.props.inputRef;\n\n if (ref) {\n if (typeof ref === 'function') {\n ref(this.inputRef.current);\n } else {\n ref.current = this.inputRef.current;\n }\n }\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.updateInputRef();\n\n if (this.props.tooltip) {\n this.renderTooltip();\n }\n\n var newValue = this.validateValue(this.props.value);\n\n if (this.props.value !== null && this.props.value !== newValue) {\n this.updateModel(null, newValue);\n }\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n if (prevProps.tooltip !== this.props.tooltip || prevProps.tooltipOptions !== this.props.tooltipOptions) {\n if (this.tooltip) this.tooltip.update(_objectSpread({\n content: this.props.tooltip\n }, this.props.tooltipOptions || {}));else this.renderTooltip();\n }\n\n var isOptionChanged = this.isOptionChanged(prevProps);\n\n if (isOptionChanged) {\n this.constructParser();\n }\n\n if (prevProps.value !== this.props.value || isOptionChanged) {\n var newValue = this.validateValue(this.props.value);\n this.updateInputValue(newValue);\n\n if (this.props.value !== null && this.props.value !== newValue) {\n this.updateModel(null, newValue);\n }\n }\n }\n }, {\n key: \"isOptionChanged\",\n value: function isOptionChanged(prevProps) {\n var _this5 = this;\n\n var optionProps = ['locale', 'localeMatcher', 'mode', 'currency', 'currencyDisplay', 'useGrouping', 'minFractionDigits', 'maxFractionDigits', 'suffix', 'prefix'];\n return optionProps.some(function (option) {\n return prevProps[option] !== _this5.props[option];\n });\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n if (this.tooltip) {\n this.tooltip.destroy();\n this.tooltip = null;\n }\n }\n }, {\n key: \"renderTooltip\",\n value: function renderTooltip() {\n this.tooltip = tip({\n target: this.element,\n content: this.props.tooltip,\n options: this.props.tooltipOptions\n });\n }\n }, {\n key: \"renderInputElement\",\n value: function renderInputElement() {\n var className = classNames('p-inputnumber-input', this.props.inputClassName);\n var valueToRender = this.formattedValue(this.props.value);\n return /*#__PURE__*/React.createElement(InputText, {\n ref: this.inputRef,\n id: this.props.inputId,\n style: this.props.inputStyle,\n role: \"spinbutton\",\n className: className,\n defaultValue: valueToRender,\n type: this.props.type,\n size: this.props.size,\n tabIndex: this.props.tabIndex,\n inputMode: this.getInputMode(),\n maxLength: this.props.maxLength,\n disabled: this.props.disabled,\n required: this.props.required,\n pattern: this.props.pattern,\n placeholder: this.props.placeholder,\n readOnly: this.props.readOnly,\n name: this.props.name,\n autoFocus: this.props.autoFocus,\n onKeyDown: this.onInputKeyDown,\n onKeyPress: this.onInputKeyPress,\n onInput: this.onInput,\n onClick: this.onInputClick,\n onBlur: this.onInputBlur,\n onFocus: this.onInputFocus,\n onPaste: this.onPaste,\n min: this.props.min,\n max: this.props.max,\n \"aria-valuemin\": this.props.min,\n \"aria-valuemax\": this.props.max,\n \"aria-valuenow\": this.props.value,\n \"aria-labelledby\": this.props.ariaLabelledBy\n });\n }\n }, {\n key: \"renderUpButton\",\n value: function renderUpButton() {\n var className = classNames('p-inputnumber-button p-inputnumber-button-up p-button p-button-icon-only p-component', {\n 'p-disabled': this.props.disabled\n }, this.props.incrementButtonClassName);\n var icon = classNames('p-button-icon', this.props.incrementButtonIcon);\n return /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n className: className,\n onMouseLeave: this.onUpButtonMouseLeave,\n onMouseDown: this.onUpButtonMouseDown,\n onMouseUp: this.onUpButtonMouseUp,\n onKeyDown: this.onUpButtonKeyDown,\n onKeyUp: this.onUpButtonKeyUp,\n disabled: this.props.disabled,\n tabIndex: -1\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: icon\n }), /*#__PURE__*/React.createElement(Ripple, null));\n }\n }, {\n key: \"renderDownButton\",\n value: function renderDownButton() {\n var className = classNames('p-inputnumber-button p-inputnumber-button-down p-button p-button-icon-only p-component', {\n 'p-disabled': this.props.disabled\n }, this.props.decrementButtonClassName);\n var icon = classNames('p-button-icon', this.props.decrementButtonIcon);\n return /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n className: className,\n onMouseLeave: this.onDownButtonMouseLeave,\n onMouseDown: this.onDownButtonMouseDown,\n onMouseUp: this.onDownButtonMouseUp,\n onKeyDown: this.onDownButtonKeyDown,\n onKeyUp: this.onDownButtonKeyUp,\n disabled: this.props.disabled,\n tabIndex: -1\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: icon\n }), /*#__PURE__*/React.createElement(Ripple, null));\n }\n }, {\n key: \"renderButtonGroup\",\n value: function renderButtonGroup() {\n var upButton = this.props.showButtons && this.renderUpButton();\n var downButton = this.props.showButtons && this.renderDownButton();\n\n if (this.isStacked()) {\n return /*#__PURE__*/React.createElement(\"span\", {\n className: \"p-inputnumber-button-group\"\n }, upButton, downButton);\n }\n\n return /*#__PURE__*/React.createElement(React.Fragment, null, upButton, downButton);\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this6 = this;\n\n var className = classNames('p-inputnumber p-component p-inputwrapper', this.props.className, {\n 'p-inputwrapper-filled': this.props.value != null && this.props.value.toString().length > 0,\n 'p-inputwrapper-focus': this.state.focused,\n 'p-inputnumber-buttons-stacked': this.isStacked(),\n 'p-inputnumber-buttons-horizontal': this.isHorizontal(),\n 'p-inputnumber-buttons-vertical': this.isVertical()\n });\n var inputElement = this.renderInputElement();\n var buttonGroup = this.renderButtonGroup();\n return /*#__PURE__*/React.createElement(\"span\", {\n ref: function ref(el) {\n return _this6.element = el;\n },\n id: this.props.id,\n className: className,\n style: this.props.style\n }, inputElement, buttonGroup);\n }\n }]);\n\n return InputNumber;\n}(Component);\n\n_defineProperty(InputNumber, \"defaultProps\", {\n value: null,\n inputRef: null,\n format: true,\n showButtons: false,\n buttonLayout: 'stacked',\n incrementButtonClassName: null,\n decrementButtonClassName: null,\n incrementButtonIcon: 'pi pi-angle-up',\n decrementButtonIcon: 'pi pi-angle-down',\n locale: undefined,\n localeMatcher: undefined,\n mode: 'decimal',\n suffix: null,\n prefix: null,\n currency: undefined,\n currencyDisplay: undefined,\n useGrouping: true,\n minFractionDigits: undefined,\n maxFractionDigits: undefined,\n id: null,\n name: null,\n type: 'text',\n allowEmpty: true,\n step: 1,\n min: null,\n max: null,\n disabled: false,\n required: false,\n tabIndex: null,\n pattern: null,\n inputMode: null,\n placeholder: null,\n readOnly: false,\n size: null,\n style: null,\n className: null,\n inputId: null,\n autoFocus: false,\n inputStyle: null,\n inputClassName: null,\n tooltip: null,\n tooltipOptions: null,\n ariaLabelledBy: null,\n onValueChange: null,\n onChange: null,\n onBlur: null,\n onFocus: null,\n onKeyDown: null\n});\n\nexport { InputNumber };\n","import React, { Component } from 'react';\nimport { classNames, ObjectUtils } from 'primereact/utils';\nimport { Ripple } from 'primereact/ripple';\nimport { Dropdown } from 'primereact/dropdown';\nimport { InputNumber } from 'primereact/inputnumber';\n\nfunction _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}\n\nfunction _iterableToArrayLimit(arr, i) {\n var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"];\n\n if (_i == null) return;\n var _arr = [];\n var _n = true;\n var _d = false;\n\n var _s, _e;\n\n try {\n for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {\n _arr.push(_s.value);\n\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n\n return _arr;\n}\n\nfunction _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n}\n\nfunction _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\n\nfunction _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nfunction _slicedToArray(arr, i) {\n return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();\n}\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, _typeof(obj);\n}\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n Object.defineProperty(Constructor, \"prototype\", {\n writable: false\n });\n return Constructor;\n}\n\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n Object.defineProperty(subClass, \"prototype\", {\n writable: false\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n } else if (call !== void 0) {\n throw new TypeError(\"Derived constructors may only return object or undefined\");\n }\n\n return _assertThisInitialized(self);\n}\n\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nfunction _createSuper$8(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$8(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$8() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar FirstPageLink = /*#__PURE__*/function (_Component) {\n _inherits(FirstPageLink, _Component);\n\n var _super = _createSuper$8(FirstPageLink);\n\n function FirstPageLink() {\n _classCallCheck(this, FirstPageLink);\n\n return _super.apply(this, arguments);\n }\n\n _createClass(FirstPageLink, [{\n key: \"render\",\n value: function render() {\n var className = classNames('p-paginator-first p-paginator-element p-link', {\n 'p-disabled': this.props.disabled\n });\n var iconClassName = 'p-paginator-icon pi pi-angle-double-left';\n var element = /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n className: className,\n onClick: this.props.onClick,\n disabled: this.props.disabled\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: iconClassName\n }), /*#__PURE__*/React.createElement(Ripple, null));\n\n if (this.props.template) {\n var defaultOptions = {\n onClick: this.props.onClick,\n className: className,\n iconClassName: iconClassName,\n disabled: this.props.disabled,\n element: element,\n props: this.props\n };\n return ObjectUtils.getJSXElement(this.props.template, defaultOptions);\n }\n\n return element;\n }\n }]);\n\n return FirstPageLink;\n}(Component);\n\n_defineProperty(FirstPageLink, \"defaultProps\", {\n disabled: false,\n onClick: null,\n template: null\n});\n\nfunction _createSuper$7(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$7(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$7() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar NextPageLink = /*#__PURE__*/function (_Component) {\n _inherits(NextPageLink, _Component);\n\n var _super = _createSuper$7(NextPageLink);\n\n function NextPageLink() {\n _classCallCheck(this, NextPageLink);\n\n return _super.apply(this, arguments);\n }\n\n _createClass(NextPageLink, [{\n key: \"render\",\n value: function render() {\n var className = classNames('p-paginator-next p-paginator-element p-link', {\n 'p-disabled': this.props.disabled\n });\n var iconClassName = 'p-paginator-icon pi pi-angle-right';\n var element = /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n className: className,\n onClick: this.props.onClick,\n disabled: this.props.disabled\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: iconClassName\n }), /*#__PURE__*/React.createElement(Ripple, null));\n\n if (this.props.template) {\n var defaultOptions = {\n onClick: this.props.onClick,\n className: className,\n iconClassName: iconClassName,\n disabled: this.props.disabled,\n element: element,\n props: this.props\n };\n return ObjectUtils.getJSXElement(this.props.template, defaultOptions);\n }\n\n return element;\n }\n }]);\n\n return NextPageLink;\n}(Component);\n\n_defineProperty(NextPageLink, \"defaultProps\", {\n disabled: false,\n onClick: null,\n template: null\n});\n\nfunction _createSuper$6(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$6(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$6() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar PrevPageLink = /*#__PURE__*/function (_Component) {\n _inherits(PrevPageLink, _Component);\n\n var _super = _createSuper$6(PrevPageLink);\n\n function PrevPageLink() {\n _classCallCheck(this, PrevPageLink);\n\n return _super.apply(this, arguments);\n }\n\n _createClass(PrevPageLink, [{\n key: \"render\",\n value: function render() {\n var className = classNames('p-paginator-prev p-paginator-element p-link', {\n 'p-disabled': this.props.disabled\n });\n var iconClassName = 'p-paginator-icon pi pi-angle-left';\n var element = /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n className: className,\n onClick: this.props.onClick,\n disabled: this.props.disabled\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: iconClassName\n }), /*#__PURE__*/React.createElement(Ripple, null));\n\n if (this.props.template) {\n var defaultOptions = {\n onClick: this.props.onClick,\n className: className,\n iconClassName: iconClassName,\n disabled: this.props.disabled,\n element: element,\n props: this.props\n };\n return ObjectUtils.getJSXElement(this.props.template, defaultOptions);\n }\n\n return element;\n }\n }]);\n\n return PrevPageLink;\n}(Component);\n\n_defineProperty(PrevPageLink, \"defaultProps\", {\n disabled: false,\n onClick: null,\n template: null\n});\n\nfunction _createSuper$5(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$5(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$5() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar LastPageLink = /*#__PURE__*/function (_Component) {\n _inherits(LastPageLink, _Component);\n\n var _super = _createSuper$5(LastPageLink);\n\n function LastPageLink() {\n _classCallCheck(this, LastPageLink);\n\n return _super.apply(this, arguments);\n }\n\n _createClass(LastPageLink, [{\n key: \"render\",\n value: function render() {\n var className = classNames('p-paginator-last p-paginator-element p-link', {\n 'p-disabled': this.props.disabled\n });\n var iconClassName = 'p-paginator-icon pi pi-angle-double-right';\n var element = /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n className: className,\n onClick: this.props.onClick,\n disabled: this.props.disabled\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: iconClassName\n }), /*#__PURE__*/React.createElement(Ripple, null));\n\n if (this.props.template) {\n var defaultOptions = {\n onClick: this.props.onClick,\n className: className,\n iconClassName: iconClassName,\n disabled: this.props.disabled,\n element: element,\n props: this.props\n };\n return ObjectUtils.getJSXElement(this.props.template, defaultOptions);\n }\n\n return element;\n }\n }]);\n\n return LastPageLink;\n}(Component);\n\n_defineProperty(LastPageLink, \"defaultProps\", {\n disabled: false,\n onClick: null,\n template: null\n});\n\nfunction _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$4() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar PageLinks = /*#__PURE__*/function (_Component) {\n _inherits(PageLinks, _Component);\n\n var _super = _createSuper$4(PageLinks);\n\n function PageLinks() {\n _classCallCheck(this, PageLinks);\n\n return _super.apply(this, arguments);\n }\n\n _createClass(PageLinks, [{\n key: \"onPageLinkClick\",\n value: function onPageLinkClick(event, pageLink) {\n if (this.props.onClick) {\n this.props.onClick({\n originalEvent: event,\n value: pageLink\n });\n }\n\n event.preventDefault();\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this = this;\n\n var elements;\n\n if (this.props.value) {\n var startPageInView = this.props.value[0];\n var endPageInView = this.props.value[this.props.value.length - 1];\n elements = this.props.value.map(function (pageLink, i) {\n var className = classNames('p-paginator-page p-paginator-element p-link', {\n 'p-paginator-page-start': pageLink === startPageInView,\n 'p-paginator-page-end': pageLink === endPageInView,\n 'p-highlight': pageLink - 1 === _this.props.page\n });\n var element = /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n className: className,\n onClick: function onClick(e) {\n return _this.onPageLinkClick(e, pageLink);\n }\n }, pageLink, /*#__PURE__*/React.createElement(Ripple, null));\n\n if (_this.props.template) {\n var defaultOptions = {\n onClick: function onClick(e) {\n return _this.onPageLinkClick(e, pageLink);\n },\n className: className,\n view: {\n startPage: startPageInView - 1,\n endPage: endPageInView - 1\n },\n page: pageLink - 1,\n currentPage: _this.props.page,\n totalPages: _this.props.pageCount,\n element: element,\n props: _this.props\n };\n element = ObjectUtils.getJSXElement(_this.props.template, defaultOptions);\n }\n\n return /*#__PURE__*/React.createElement(React.Fragment, {\n key: pageLink\n }, element);\n });\n }\n\n return /*#__PURE__*/React.createElement(\"span\", {\n className: \"p-paginator-pages\"\n }, elements);\n }\n }]);\n\n return PageLinks;\n}(Component);\n\n_defineProperty(PageLinks, \"defaultProps\", {\n value: null,\n page: null,\n rows: null,\n pageCount: null,\n links: null,\n template: null\n});\n\nfunction _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$3() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar RowsPerPageDropdown = /*#__PURE__*/function (_Component) {\n _inherits(RowsPerPageDropdown, _Component);\n\n var _super = _createSuper$3(RowsPerPageDropdown);\n\n function RowsPerPageDropdown() {\n _classCallCheck(this, RowsPerPageDropdown);\n\n return _super.apply(this, arguments);\n }\n\n _createClass(RowsPerPageDropdown, [{\n key: \"hasOptions\",\n value: function hasOptions() {\n return this.props.options && this.props.options.length > 0;\n }\n }, {\n key: \"render\",\n value: function render() {\n var hasOptions = this.hasOptions();\n var options = hasOptions ? this.props.options.map(function (opt) {\n return {\n label: String(opt),\n value: opt\n };\n }) : [];\n var element = hasOptions ? /*#__PURE__*/React.createElement(Dropdown, {\n value: this.props.value,\n options: options,\n onChange: this.props.onChange,\n appendTo: this.props.appendTo,\n disabled: this.props.disabled\n }) : null;\n\n if (this.props.template) {\n var defaultOptions = {\n value: this.props.value,\n options: options,\n onChange: this.props.onChange,\n appendTo: this.props.appendTo,\n currentPage: this.props.page,\n totalPages: this.props.pageCount,\n totalRecords: this.props.totalRecords,\n disabled: this.props.disabled,\n element: element,\n props: this.props\n };\n return ObjectUtils.getJSXElement(this.props.template, defaultOptions);\n }\n\n return element;\n }\n }]);\n\n return RowsPerPageDropdown;\n}(Component);\n\n_defineProperty(RowsPerPageDropdown, \"defaultProps\", {\n options: null,\n value: null,\n page: null,\n pageCount: null,\n totalRecords: 0,\n appendTo: null,\n onChange: null,\n template: null,\n disabled: false\n});\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$2() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar CurrentPageReport = /*#__PURE__*/function (_Component) {\n _inherits(CurrentPageReport, _Component);\n\n var _super = _createSuper$2(CurrentPageReport);\n\n function CurrentPageReport() {\n _classCallCheck(this, CurrentPageReport);\n\n return _super.apply(this, arguments);\n }\n\n _createClass(CurrentPageReport, [{\n key: \"render\",\n value: function render() {\n var report = {\n currentPage: this.props.page + 1,\n totalPages: this.props.pageCount,\n first: Math.min(this.props.first + 1, this.props.totalRecords),\n last: Math.min(this.props.first + this.props.rows, this.props.totalRecords),\n rows: this.props.rows,\n totalRecords: this.props.totalRecords\n };\n var text = this.props.reportTemplate.replace(\"{currentPage}\", report.currentPage).replace(\"{totalPages}\", report.totalPages).replace(\"{first}\", report.first).replace(\"{last}\", report.last).replace(\"{rows}\", report.rows).replace(\"{totalRecords}\", report.totalRecords);\n var element = /*#__PURE__*/React.createElement(\"span\", {\n className: \"p-paginator-current\"\n }, text);\n\n if (this.props.template) {\n var defaultOptions = _objectSpread(_objectSpread({}, report), {\n className: 'p-paginator-current',\n element: element,\n props: this.props\n });\n\n return ObjectUtils.getJSXElement(this.props.template, defaultOptions);\n }\n\n return element;\n }\n }]);\n\n return CurrentPageReport;\n}(Component);\n\n_defineProperty(CurrentPageReport, \"defaultProps\", {\n pageCount: null,\n page: null,\n first: null,\n rows: null,\n totalRecords: null,\n reportTemplate: '({currentPage} of {totalPages})',\n template: null\n});\n\nfunction _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$1() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar JumpToPageInput = /*#__PURE__*/function (_Component) {\n _inherits(JumpToPageInput, _Component);\n\n var _super = _createSuper$1(JumpToPageInput);\n\n function JumpToPageInput(props) {\n var _this;\n\n _classCallCheck(this, JumpToPageInput);\n\n _this = _super.call(this, props);\n _this.onChange = _this.onChange.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n _createClass(JumpToPageInput, [{\n key: \"onChange\",\n value: function onChange(event) {\n if (this.props.onChange) {\n this.props.onChange(this.props.rows * (event.value - 1), this.props.rows);\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n var value = this.props.pageCount > 0 ? this.props.page + 1 : 0;\n var element = /*#__PURE__*/React.createElement(InputNumber, {\n value: value,\n onChange: this.onChange,\n className: \"p-paginator-page-input\",\n disabled: this.props.disabled\n });\n\n if (this.props.template) {\n var defaultOptions = {\n value: value,\n onChange: this.onChange,\n disabled: this.props.disabled,\n className: 'p-paginator-page-input',\n element: element,\n props: this.props\n };\n return ObjectUtils.getJSXElement(this.props.template, defaultOptions);\n }\n\n return element;\n }\n }]);\n\n return JumpToPageInput;\n}(Component);\n\n_defineProperty(JumpToPageInput, \"defaultProps\", {\n page: null,\n rows: null,\n pageCount: null,\n disabled: false,\n template: null,\n onChange: null\n});\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar Paginator = /*#__PURE__*/function (_Component) {\n _inherits(Paginator, _Component);\n\n var _super = _createSuper(Paginator);\n\n function Paginator(props) {\n var _this;\n\n _classCallCheck(this, Paginator);\n\n _this = _super.call(this, props);\n _this.changePageToFirst = _this.changePageToFirst.bind(_assertThisInitialized(_this));\n _this.changePageToPrev = _this.changePageToPrev.bind(_assertThisInitialized(_this));\n _this.changePageToNext = _this.changePageToNext.bind(_assertThisInitialized(_this));\n _this.changePageToLast = _this.changePageToLast.bind(_assertThisInitialized(_this));\n _this.onRowsChange = _this.onRowsChange.bind(_assertThisInitialized(_this));\n _this.changePage = _this.changePage.bind(_assertThisInitialized(_this));\n _this.onPageLinkClick = _this.onPageLinkClick.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n _createClass(Paginator, [{\n key: \"isFirstPage\",\n value: function isFirstPage() {\n return this.getPage() === 0;\n }\n }, {\n key: \"isLastPage\",\n value: function isLastPage() {\n return this.getPage() === this.getPageCount() - 1;\n }\n }, {\n key: \"getPageCount\",\n value: function getPageCount() {\n return Math.ceil(this.props.totalRecords / this.props.rows);\n }\n }, {\n key: \"calculatePageLinkBoundaries\",\n value: function calculatePageLinkBoundaries() {\n var numberOfPages = this.getPageCount();\n var visiblePages = Math.min(this.props.pageLinkSize, numberOfPages); //calculate range, keep current in middle if necessary\n\n var start = Math.max(0, Math.ceil(this.getPage() - visiblePages / 2));\n var end = Math.min(numberOfPages - 1, start + visiblePages - 1); //check when approaching to last page\n\n var delta = this.props.pageLinkSize - (end - start + 1);\n start = Math.max(0, start - delta);\n return [start, end];\n }\n }, {\n key: \"updatePageLinks\",\n value: function updatePageLinks() {\n var pageLinks = [];\n var boundaries = this.calculatePageLinkBoundaries();\n var start = boundaries[0];\n var end = boundaries[1];\n\n for (var i = start; i <= end; i++) {\n pageLinks.push(i + 1);\n }\n\n return pageLinks;\n }\n }, {\n key: \"changePage\",\n value: function changePage(first, rows) {\n var pc = this.getPageCount();\n var p = Math.floor(first / rows);\n\n if (p >= 0 && p < pc) {\n var newPageState = {\n first: first,\n rows: rows,\n page: p,\n pageCount: pc\n };\n\n if (this.props.onPageChange) {\n this.props.onPageChange(newPageState);\n }\n }\n }\n }, {\n key: \"getPage\",\n value: function getPage() {\n return Math.floor(this.props.first / this.props.rows);\n }\n }, {\n key: \"empty\",\n value: function empty() {\n var pageCount = this.getPageCount();\n return pageCount === 0;\n }\n }, {\n key: \"changePageToFirst\",\n value: function changePageToFirst(event) {\n this.changePage(0, this.props.rows);\n event.preventDefault();\n }\n }, {\n key: \"changePageToPrev\",\n value: function changePageToPrev(event) {\n this.changePage(this.props.first - this.props.rows, this.props.rows);\n event.preventDefault();\n }\n }, {\n key: \"onPageLinkClick\",\n value: function onPageLinkClick(event) {\n this.changePage((event.value - 1) * this.props.rows, this.props.rows);\n }\n }, {\n key: \"changePageToNext\",\n value: function changePageToNext(event) {\n this.changePage(this.props.first + this.props.rows, this.props.rows);\n event.preventDefault();\n }\n }, {\n key: \"changePageToLast\",\n value: function changePageToLast(event) {\n this.changePage((this.getPageCount() - 1) * this.props.rows, this.props.rows);\n event.preventDefault();\n }\n }, {\n key: \"onRowsChange\",\n value: function onRowsChange(event) {\n var rows = event.value;\n this.isRowChanged = rows !== this.props.rows;\n this.changePage(0, rows);\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps, prevState) {\n if (this.props.rows !== prevProps.rows && !this.isRowChanged) {\n this.changePage(0, this.props.rows);\n } else if (this.getPage() > 0 && prevProps.totalRecords !== this.props.totalRecords && this.props.first >= this.props.totalRecords) {\n this.changePage((this.getPageCount() - 1) * this.props.rows, this.props.rows);\n }\n\n this.isRowChanged = false;\n }\n }, {\n key: \"renderElement\",\n value: function renderElement(key, template) {\n var element;\n\n switch (key) {\n case 'FirstPageLink':\n element = /*#__PURE__*/React.createElement(FirstPageLink, {\n key: key,\n onClick: this.changePageToFirst,\n disabled: this.isFirstPage() || this.empty(),\n template: template\n });\n break;\n\n case 'PrevPageLink':\n element = /*#__PURE__*/React.createElement(PrevPageLink, {\n key: key,\n onClick: this.changePageToPrev,\n disabled: this.isFirstPage() || this.empty(),\n template: template\n });\n break;\n\n case 'NextPageLink':\n element = /*#__PURE__*/React.createElement(NextPageLink, {\n key: key,\n onClick: this.changePageToNext,\n disabled: this.isLastPage() || this.empty(),\n template: template\n });\n break;\n\n case 'LastPageLink':\n element = /*#__PURE__*/React.createElement(LastPageLink, {\n key: key,\n onClick: this.changePageToLast,\n disabled: this.isLastPage() || this.empty(),\n template: template\n });\n break;\n\n case 'PageLinks':\n element = /*#__PURE__*/React.createElement(PageLinks, {\n key: key,\n value: this.updatePageLinks(),\n page: this.getPage(),\n rows: this.props.rows,\n pageCount: this.getPageCount(),\n onClick: this.onPageLinkClick,\n template: template\n });\n break;\n\n case 'RowsPerPageDropdown':\n element = /*#__PURE__*/React.createElement(RowsPerPageDropdown, {\n key: key,\n value: this.props.rows,\n page: this.getPage(),\n pageCount: this.getPageCount(),\n totalRecords: this.props.totalRecords,\n options: this.props.rowsPerPageOptions,\n onChange: this.onRowsChange,\n appendTo: this.props.dropdownAppendTo,\n template: template,\n disabled: this.empty()\n });\n break;\n\n case 'CurrentPageReport':\n element = /*#__PURE__*/React.createElement(CurrentPageReport, {\n reportTemplate: this.props.currentPageReportTemplate,\n key: key,\n page: this.getPage(),\n pageCount: this.getPageCount(),\n first: this.props.first,\n rows: this.props.rows,\n totalRecords: this.props.totalRecords,\n template: template\n });\n break;\n\n case 'JumpToPageInput':\n element = /*#__PURE__*/React.createElement(JumpToPageInput, {\n key: key,\n rows: this.props.rows,\n page: this.getPage(),\n pageCount: this.getPageCount(),\n onChange: this.changePage,\n disabled: this.empty(),\n template: template\n });\n break;\n\n default:\n element = null;\n break;\n }\n\n return element;\n }\n }, {\n key: \"renderElements\",\n value: function renderElements() {\n var _this2 = this;\n\n var template = this.props.template;\n\n if (template) {\n if (_typeof(template) === 'object') {\n return template.layout ? template.layout.split(' ').map(function (value) {\n var key = value.trim();\n return _this2.renderElement(key, template[key]);\n }) : Object.entries(template).map(function (_ref) {\n var _ref2 = _slicedToArray(_ref, 2),\n key = _ref2[0],\n _template = _ref2[1];\n\n return _this2.renderElement(key, _template);\n });\n }\n\n return template.split(' ').map(function (value) {\n return _this2.renderElement(value.trim());\n });\n }\n\n return null;\n }\n }, {\n key: \"render\",\n value: function render() {\n if (!this.props.alwaysShow && this.getPageCount() === 1) {\n return null;\n } else {\n var className = classNames('p-paginator p-component', this.props.className);\n var leftContent = ObjectUtils.getJSXElement(this.props.leftContent, this.props);\n var rightContent = ObjectUtils.getJSXElement(this.props.rightContent, this.props);\n var elements = this.renderElements();\n var leftElement = leftContent && /*#__PURE__*/React.createElement(\"div\", {\n className: \"p-paginator-left-content\"\n }, leftContent);\n var rightElement = rightContent && /*#__PURE__*/React.createElement(\"div\", {\n className: \"p-paginator-right-content\"\n }, rightContent);\n return /*#__PURE__*/React.createElement(\"div\", {\n className: className,\n style: this.props.style\n }, leftElement, elements, rightElement);\n }\n }\n }]);\n\n return Paginator;\n}(Component);\n\n_defineProperty(Paginator, \"defaultProps\", {\n totalRecords: 0,\n rows: 0,\n first: 0,\n pageLinkSize: 5,\n rowsPerPageOptions: null,\n alwaysShow: true,\n style: null,\n className: null,\n template: 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown',\n onPageChange: null,\n leftContent: null,\n rightContent: null,\n dropdownAppendTo: null,\n currentPageReportTemplate: '({currentPage} of {totalPages})'\n});\n\nexport { Paginator };\n","import React, { Component } from 'react';\nimport { Paginator } from 'primereact/paginator';\nimport { classNames, ObjectUtils, DomHandler, ZIndexUtils, ConnectedOverlayScrollHandler, UniqueComponentId } from 'primereact/utils';\nimport PrimeReact, { localeOption, FilterMatchMode, FilterOperator, FilterService } from 'primereact/api';\nimport { OverlayService } from 'primereact/overlayservice';\nimport { Ripple } from 'primereact/ripple';\nimport { CSSTransition } from 'primereact/csstransition';\nimport { Portal } from 'primereact/portal';\nimport { InputText } from 'primereact/inputtext';\nimport { Dropdown } from 'primereact/dropdown';\nimport { Button } from 'primereact/button';\nimport { VirtualScroller } from 'primereact/virtualscroller';\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}\n\nfunction _iterableToArrayLimit(arr, i) {\n var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"];\n\n if (_i == null) return;\n var _arr = [];\n var _n = true;\n var _d = false;\n\n var _s, _e;\n\n try {\n for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {\n _arr.push(_s.value);\n\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n\n return _arr;\n}\n\nfunction _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n}\n\nfunction _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\n\nfunction _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nfunction _slicedToArray(arr, i) {\n return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();\n}\n\nfunction _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) return _arrayLikeToArray(arr);\n}\n\nfunction _iterableToArray(iter) {\n if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}\n\nfunction _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nfunction _toConsumableArray(arr) {\n return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();\n}\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n Object.defineProperty(Constructor, \"prototype\", {\n writable: false\n });\n return Constructor;\n}\n\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n Object.defineProperty(subClass, \"prototype\", {\n writable: false\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, _typeof(obj);\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n } else if (call !== void 0) {\n throw new TypeError(\"Derived constructors may only return object or undefined\");\n }\n\n return _assertThisInitialized(self);\n}\n\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n var target = _objectWithoutPropertiesLoose(source, excluded);\n var key, i;\n\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n\n return target;\n}\n\nfunction _createSuper$c(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$c(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$c() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar RowRadioButton = /*#__PURE__*/function (_Component) {\n _inherits(RowRadioButton, _Component);\n\n var _super = _createSuper$c(RowRadioButton);\n\n function RowRadioButton(props) {\n var _this;\n\n _classCallCheck(this, RowRadioButton);\n\n _this = _super.call(this, props);\n _this.state = {\n focused: false\n };\n _this.onClick = _this.onClick.bind(_assertThisInitialized(_this));\n _this.onFocus = _this.onFocus.bind(_assertThisInitialized(_this));\n _this.onBlur = _this.onBlur.bind(_assertThisInitialized(_this));\n _this.onChange = _this.onChange.bind(_assertThisInitialized(_this));\n _this.onKeyDown = _this.onKeyDown.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n _createClass(RowRadioButton, [{\n key: \"onClick\",\n value: function onClick(event) {\n if (!this.props.disabled) {\n this.props.onChange(event);\n this.input.focus();\n }\n }\n }, {\n key: \"onFocus\",\n value: function onFocus() {\n this.setState({\n focused: true\n });\n }\n }, {\n key: \"onBlur\",\n value: function onBlur() {\n this.setState({\n focused: false\n });\n }\n }, {\n key: \"onChange\",\n value: function onChange(event) {\n this.onClick(event);\n }\n }, {\n key: \"onKeyDown\",\n value: function onKeyDown(event) {\n if (event.code === 'Space') {\n this.onClick(event);\n event.preventDefault();\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n var className = classNames('p-radiobutton p-component', {\n 'p-radiobutton-focused': this.state.focused\n });\n var boxClassName = classNames('p-radiobutton-box p-component', {\n 'p-highlight': this.props.checked,\n 'p-focus': this.state.focused,\n 'p-disabled': this.props.disabled\n });\n var name = \"\".concat(this.props.tableSelector, \"_dt_radio\");\n return /*#__PURE__*/React.createElement(\"div\", {\n className: className\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"p-hidden-accessible\"\n }, /*#__PURE__*/React.createElement(\"input\", {\n name: name,\n ref: function ref(el) {\n return _this2.input = el;\n },\n type: \"radio\",\n checked: this.props.checked,\n onFocus: this.onFocus,\n onBlur: this.onBlur,\n onChange: this.onChange,\n onKeyDown: this.onKeyDown\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: boxClassName,\n onClick: this.onClick,\n role: \"radio\",\n \"aria-checked\": this.props.checked\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"p-radiobutton-icon\"\n })));\n }\n }]);\n\n return RowRadioButton;\n}(Component);\n\nfunction _createSuper$b(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$b(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$b() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar RowCheckbox = /*#__PURE__*/function (_Component) {\n _inherits(RowCheckbox, _Component);\n\n var _super = _createSuper$b(RowCheckbox);\n\n function RowCheckbox(props) {\n var _this;\n\n _classCallCheck(this, RowCheckbox);\n\n _this = _super.call(this, props);\n _this.state = {\n focused: false\n };\n _this.onClick = _this.onClick.bind(_assertThisInitialized(_this));\n _this.onFocus = _this.onFocus.bind(_assertThisInitialized(_this));\n _this.onBlur = _this.onBlur.bind(_assertThisInitialized(_this));\n _this.onKeyDown = _this.onKeyDown.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n _createClass(RowCheckbox, [{\n key: \"onClick\",\n value: function onClick(event) {\n if (!this.props.disabled) {\n this.setState({\n focused: true\n });\n this.props.onChange(event);\n }\n }\n }, {\n key: \"onFocus\",\n value: function onFocus() {\n this.setState({\n focused: true\n });\n }\n }, {\n key: \"onBlur\",\n value: function onBlur() {\n this.setState({\n focused: false\n });\n }\n }, {\n key: \"onKeyDown\",\n value: function onKeyDown(event) {\n if (event.code === 'Space') {\n this.onClick(event);\n event.preventDefault();\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n var className = classNames('p-checkbox p-component', {\n 'p-checkbox-focused': this.state.focused\n });\n var boxClassName = classNames('p-checkbox-box p-component', {\n 'p-highlight': this.props.checked,\n 'p-disabled': this.props.disabled,\n 'p-focus': this.state.focused\n });\n var iconClassName = classNames('p-checkbox-icon', {\n 'pi pi-check': this.props.checked\n });\n var tabIndex = this.props.disabled ? null : '0';\n return /*#__PURE__*/React.createElement(\"div\", {\n className: className,\n onClick: this.onClick\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: boxClassName,\n role: \"checkbox\",\n \"aria-checked\": this.props.checked,\n tabIndex: tabIndex,\n onKeyDown: this.onKeyDown,\n onFocus: this.onFocus,\n onBlur: this.onBlur\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: iconClassName\n })));\n }\n }]);\n\n return RowCheckbox;\n}(Component);\n\nfunction ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _createSuper$a(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$a(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$a() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar BodyCell = /*#__PURE__*/function (_Component) {\n _inherits(BodyCell, _Component);\n\n var _super = _createSuper$a(BodyCell);\n\n function BodyCell(props) {\n var _this;\n\n _classCallCheck(this, BodyCell);\n\n _this = _super.call(this, props);\n _this.state = {\n editing: props.editing,\n editingRowData: props.rowData,\n styleObject: {}\n };\n _this.onClick = _this.onClick.bind(_assertThisInitialized(_this));\n _this.onMouseDown = _this.onMouseDown.bind(_assertThisInitialized(_this));\n _this.onMouseUp = _this.onMouseUp.bind(_assertThisInitialized(_this));\n _this.onKeyDown = _this.onKeyDown.bind(_assertThisInitialized(_this));\n _this.onBlur = _this.onBlur.bind(_assertThisInitialized(_this));\n _this.onEditorFocus = _this.onEditorFocus.bind(_assertThisInitialized(_this));\n _this.onRowToggle = _this.onRowToggle.bind(_assertThisInitialized(_this));\n _this.onRadioChange = _this.onRadioChange.bind(_assertThisInitialized(_this));\n _this.onCheckboxChange = _this.onCheckboxChange.bind(_assertThisInitialized(_this));\n _this.onRowEditSave = _this.onRowEditSave.bind(_assertThisInitialized(_this));\n _this.onRowEditCancel = _this.onRowEditCancel.bind(_assertThisInitialized(_this));\n _this.onRowEditInit = _this.onRowEditInit.bind(_assertThisInitialized(_this));\n _this.editorCallback = _this.editorCallback.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n _createClass(BodyCell, [{\n key: \"field\",\n get: function get() {\n return this.getColumnProp('field') || \"field_\".concat(this.props.index);\n }\n }, {\n key: \"isEditable\",\n value: function isEditable() {\n return this.getColumnProp('editor');\n }\n }, {\n key: \"isSelected\",\n value: function isSelected() {\n return this.props.selection ? this.props.selection instanceof Array ? this.findIndex(this.props.selection) > -1 : this.equals(this.props.selection) : false;\n }\n }, {\n key: \"equalsData\",\n value: function equalsData(data) {\n return this.props.compareSelectionBy === 'equals' ? data === this.props.rowData : ObjectUtils.equals(data, this.props.rowData, this.props.dataKey);\n }\n }, {\n key: \"equals\",\n value: function equals(selectedCell) {\n return (selectedCell.rowIndex === this.props.rowIndex || this.equalsData(selectedCell.rowData)) && (selectedCell.field === this.field || selectedCell.cellIndex === this.props.index);\n }\n }, {\n key: \"isOutsideClicked\",\n value: function isOutsideClicked(target) {\n return this.el && !(this.el.isSameNode(target) || this.el.contains(target));\n }\n }, {\n key: \"getColumnProp\",\n value: function getColumnProp(prop) {\n return this.props.column ? this.props.column.props[prop] : null;\n }\n }, {\n key: \"getVirtualScrollerOption\",\n value: function getVirtualScrollerOption(option) {\n return this.props.virtualScrollerOptions ? this.props.virtualScrollerOptions[option] : null;\n }\n }, {\n key: \"getStyle\",\n value: function getStyle() {\n var bodyStyle = this.getColumnProp('bodyStyle');\n var columnStyle = this.getColumnProp('style');\n return this.getColumnProp('frozen') ? Object.assign({}, columnStyle, bodyStyle, this.state.styleObject) : Object.assign({}, columnStyle, bodyStyle);\n }\n }, {\n key: \"getCellParams\",\n value: function getCellParams() {\n return {\n value: this.resolveFieldData(),\n field: this.field,\n rowData: this.props.rowData,\n rowIndex: this.props.rowIndex,\n cellIndex: this.props.index,\n selected: this.isSelected(),\n column: this.props.column,\n props: this.props\n };\n }\n }, {\n key: \"getCellCallbackParams\",\n value: function getCellCallbackParams(event) {\n var params = this.getCellParams();\n return _objectSpread$7({\n originalEvent: event\n }, params);\n }\n }, {\n key: \"resolveFieldData\",\n value: function resolveFieldData(data) {\n return ObjectUtils.resolveFieldData(data || this.props.rowData, this.field);\n }\n }, {\n key: \"getEditingRowData\",\n value: function getEditingRowData() {\n return this.props.editingMeta && this.props.editingMeta[this.props.rowIndex] ? this.props.editingMeta[this.props.rowIndex].data : this.props.rowData;\n }\n }, {\n key: \"getTabIndex\",\n value: function getTabIndex(cellSelected) {\n return this.props.allowCellSelection ? cellSelected ? 0 : this.props.rowIndex === 0 && this.props.index === 0 ? this.props.tabIndex : -1 : null;\n }\n }, {\n key: \"findIndex\",\n value: function findIndex(collection) {\n var _this2 = this;\n\n return (collection || []).findIndex(function (data) {\n return _this2.equals(data);\n });\n }\n }, {\n key: \"closeCell\",\n value: function closeCell(event) {\n var _this3 = this;\n\n var params = this.getCellCallbackParams(event);\n var onBeforeCellEditHide = this.getColumnProp('onBeforeCellEditHide');\n\n if (onBeforeCellEditHide) {\n onBeforeCellEditHide(params);\n }\n /* When using the 'tab' key, the focus event of the next cell is not called in IE. */\n\n\n setTimeout(function () {\n _this3.setState({\n editing: false\n }, function () {\n _this3.unbindDocumentEditListener();\n\n OverlayService.off('overlay-click', _this3.overlayEventListener);\n _this3.overlayEventListener = null;\n });\n }, 1);\n }\n }, {\n key: \"switchCellToViewMode\",\n value: function switchCellToViewMode(event, submit) {\n var callbackParams = this.getCellCallbackParams(event);\n var newRowData = this.state.editingRowData;\n var newValue = this.resolveFieldData(newRowData);\n\n var params = _objectSpread$7(_objectSpread$7({}, callbackParams), {}, {\n newRowData: newRowData,\n newValue: newValue\n });\n\n var onCellEditCancel = this.getColumnProp('onCellEditCancel');\n var cellEditValidator = this.getColumnProp('cellEditValidator');\n var onCellEditComplete = this.getColumnProp('onCellEditComplete');\n\n if (!submit && onCellEditCancel) {\n onCellEditCancel(params);\n }\n\n var valid = true;\n\n if (cellEditValidator) {\n valid = cellEditValidator(params);\n }\n\n if (valid) {\n if (submit && onCellEditComplete) {\n onCellEditComplete(params);\n }\n\n this.closeCell(event);\n } else {\n event.preventDefault();\n }\n }\n }, {\n key: \"findNextSelectableCell\",\n value: function findNextSelectableCell(cell) {\n var nextCell = cell.nextElementSibling;\n return nextCell ? DomHandler.hasClass(nextCell, 'p-selectable-cell') ? nextCell : this.findNextSelectableCell(nextCell) : null;\n }\n }, {\n key: \"findPrevSelectableCell\",\n value: function findPrevSelectableCell(cell) {\n var prevCell = cell.previousElementSibling;\n return prevCell ? DomHandler.hasClass(prevCell, 'p-selectable-cell') ? prevCell : this.findPrevSelectableCell(prevCell) : null;\n }\n }, {\n key: \"findDownSelectableCell\",\n value: function findDownSelectableCell(cell) {\n var downRow = cell.parentElement.nextElementSibling;\n var downCell = downRow ? downRow.children[this.props.index] : null;\n return downRow && downCell ? DomHandler.hasClass(downRow, 'p-selectable-row') && DomHandler.hasClass(downCell, 'p-selectable-cell') ? downCell : this.findDownSelectableCell(downCell) : null;\n }\n }, {\n key: \"findUpSelectableCell\",\n value: function findUpSelectableCell(cell) {\n var upRow = cell.parentElement.previousElementSibling;\n var upCell = upRow ? upRow.children[this.props.index] : null;\n return upRow && upCell ? DomHandler.hasClass(upRow, 'p-selectable-row') && DomHandler.hasClass(upCell, 'p-selectable-cell') ? upCell : this.findUpSelectableCell(upCell) : null;\n }\n }, {\n key: \"changeTabIndex\",\n value: function changeTabIndex(currentCell, nextCell) {\n if (currentCell && nextCell) {\n currentCell.tabIndex = -1;\n nextCell.tabIndex = this.props.tabIndex;\n }\n }\n }, {\n key: \"focusOnElement\",\n value: function focusOnElement() {\n var _this4 = this;\n\n clearTimeout(this.tabindexTimeout);\n this.tabindexTimeout = setTimeout(function () {\n if (_this4.state.editing) {\n var focusableEl = _this4.props.editMode === 'cell' ? DomHandler.getFirstFocusableElement(_this4.el, ':not(.p-cell-editor-key-helper)') : DomHandler.findSingle(_this4.el, '.p-row-editor-save');\n focusableEl && focusableEl.focus();\n }\n\n _this4.keyHelper && (_this4.keyHelper.tabIndex = _this4.state.editing ? -1 : 0);\n }, 1);\n }\n }, {\n key: \"focusOnInit\",\n value: function focusOnInit() {\n var _this5 = this;\n\n clearTimeout(this.initFocusTimeout);\n this.initFocusTimeout = setTimeout(function () {\n var focusableEl = _this5.props.editMode === 'row' ? DomHandler.findSingle(_this5.el, '.p-row-editor-init') : null;\n focusableEl && focusableEl.focus();\n }, 1);\n }\n }, {\n key: \"updateStickyPosition\",\n value: function updateStickyPosition() {\n if (this.getColumnProp('frozen')) {\n var styleObject = _objectSpread$7({}, this.state.styleObject);\n\n var align = this.getColumnProp('alignFrozen');\n\n if (align === 'right') {\n var right = 0;\n var next = this.el.nextElementSibling;\n\n if (next) {\n right = DomHandler.getOuterWidth(next) + parseFloat(next.style.right || 0);\n }\n\n styleObject['right'] = right + 'px';\n } else {\n var left = 0;\n var prev = this.el.previousElementSibling;\n\n if (prev) {\n left = DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);\n }\n\n styleObject['left'] = left + 'px';\n }\n\n var isSameStyle = this.state.styleObject['left'] === styleObject['left'] && this.state.styleObject['right'] === styleObject['right'];\n !isSameStyle && this.setState({\n styleObject: styleObject\n });\n }\n }\n }, {\n key: \"editorCallback\",\n value: function editorCallback(val) {\n var editingRowData = _objectSpread$7({}, this.state.editingRowData);\n\n editingRowData[this.field] = val;\n this.setState({\n editingRowData: editingRowData\n }); // update editing meta for complete methods on row mode\n\n this.props.editingMeta[this.props.rowIndex].data[this.field] = val;\n }\n }, {\n key: \"onClick\",\n value: function onClick(event) {\n var _this6 = this;\n\n var params = this.getCellCallbackParams(event);\n\n if (this.props.editMode !== 'row' && this.isEditable() && !this.state.editing && (this.props.selectOnEdit || !this.props.selectOnEdit && this.props.selected)) {\n this.selfClick = true;\n var onBeforeCellEditShow = this.getColumnProp('onBeforeCellEditShow');\n var onCellEditInit = this.getColumnProp('onCellEditInit');\n var cellEditValidatorEvent = this.getColumnProp('cellEditValidatorEvent');\n\n if (onBeforeCellEditShow) {\n onBeforeCellEditShow(params);\n } // If the data is sorted using sort icon, it has been added to wait for the sort operation when any cell is wanted to be opened.\n\n\n setTimeout(function () {\n _this6.setState({\n editing: true\n }, function () {\n if (onCellEditInit) {\n onCellEditInit(params);\n }\n\n if (cellEditValidatorEvent === 'click') {\n _this6.bindDocumentEditListener();\n\n _this6.overlayEventListener = function (e) {\n if (!_this6.isOutsideClicked(e.target)) {\n _this6.selfClick = true;\n }\n };\n\n OverlayService.on('overlay-click', _this6.overlayEventListener);\n }\n });\n }, 1);\n }\n\n if (this.props.allowCellSelection && this.props.onClick) {\n this.props.onClick(params);\n }\n }\n }, {\n key: \"onMouseDown\",\n value: function onMouseDown(event) {\n var params = this.getCellCallbackParams(event);\n\n if (this.props.onMouseDown) {\n this.props.onMouseDown(params);\n }\n }\n }, {\n key: \"onMouseUp\",\n value: function onMouseUp(event) {\n var params = this.getCellCallbackParams(event);\n\n if (this.props.onMouseUp) {\n this.props.onMouseUp(params);\n }\n }\n }, {\n key: \"onKeyDown\",\n value: function onKeyDown(event) {\n if (this.props.editMode !== 'row') {\n if (event.which === 13 || event.which === 9) {\n // tab || enter\n this.switchCellToViewMode(event, true);\n }\n\n if (event.which === 27) {\n // escape\n this.switchCellToViewMode(event, false);\n }\n }\n\n if (this.props.allowCellSelection) {\n var target = event.target,\n cell = event.currentTarget;\n\n switch (event.which) {\n //left arrow\n case 37:\n var prevCell = this.findPrevSelectableCell(cell);\n\n if (prevCell) {\n this.changeTabIndex(cell, prevCell);\n prevCell.focus();\n }\n\n event.preventDefault();\n break;\n //right arrow\n\n case 39:\n var nextCell = this.findNextSelectableCell(cell);\n\n if (nextCell) {\n this.changeTabIndex(cell, nextCell);\n nextCell.focus();\n }\n\n event.preventDefault();\n break;\n //up arrow\n\n case 38:\n var upCell = this.findUpSelectableCell(cell);\n\n if (upCell) {\n this.changeTabIndex(cell, upCell);\n upCell.focus();\n }\n\n event.preventDefault();\n break;\n //down arrow\n\n case 40:\n var downCell = this.findDownSelectableCell(cell);\n\n if (downCell) {\n this.changeTabIndex(cell, downCell);\n downCell.focus();\n }\n\n event.preventDefault();\n break;\n //enter\n\n case 13:\n // @deprecated\n if (!DomHandler.isClickable(target)) {\n this.onClick(event);\n event.preventDefault();\n }\n\n break;\n //space\n\n case 32:\n if (!DomHandler.isClickable(target) && !target.readOnly) {\n this.onClick(event);\n event.preventDefault();\n }\n\n break;\n }\n }\n }\n }, {\n key: \"onBlur\",\n value: function onBlur(event) {\n this.selfClick = false;\n\n if (this.props.editMode !== 'row' && this.state.editing && this.getColumnProp('cellEditValidatorEvent') === 'blur') {\n this.switchCellToViewMode(event, true);\n }\n }\n }, {\n key: \"onEditorFocus\",\n value: function onEditorFocus(event) {\n this.onClick(event);\n }\n }, {\n key: \"onRadioChange\",\n value: function onRadioChange(event) {\n this.props.onRadioChange({\n originalEvent: event,\n data: this.props.rowData,\n index: this.props.rowIndex\n });\n }\n }, {\n key: \"onCheckboxChange\",\n value: function onCheckboxChange(event) {\n this.props.onCheckboxChange({\n originalEvent: event,\n data: this.props.rowData,\n index: this.props.rowIndex\n });\n }\n }, {\n key: \"onRowToggle\",\n value: function onRowToggle(event) {\n this.props.onRowToggle({\n originalEvent: event,\n data: this.props.rowData\n });\n event.preventDefault();\n }\n }, {\n key: \"onRowEditInit\",\n value: function onRowEditInit(event) {\n this.props.onRowEditInit({\n originalEvent: event,\n data: this.props.rowData,\n newData: this.getEditingRowData(),\n field: this.field,\n index: this.props.rowIndex\n });\n }\n }, {\n key: \"onRowEditSave\",\n value: function onRowEditSave(event) {\n this.props.onRowEditSave({\n originalEvent: event,\n data: this.props.rowData,\n newData: this.getEditingRowData(),\n field: this.field,\n index: this.props.rowIndex\n });\n this.focusOnInit();\n }\n }, {\n key: \"onRowEditCancel\",\n value: function onRowEditCancel(event) {\n this.props.onRowEditCancel({\n originalEvent: event,\n data: this.props.rowData,\n newData: this.getEditingRowData(),\n field: this.field,\n index: this.props.rowIndex\n });\n this.focusOnInit();\n }\n }, {\n key: \"bindDocumentEditListener\",\n value: function bindDocumentEditListener() {\n var _this7 = this;\n\n if (!this.documentEditListener) {\n this.documentEditListener = function (e) {\n if (!_this7.selfClick && _this7.isOutsideClicked(e.target)) {\n _this7.switchCellToViewMode(e, true);\n }\n\n _this7.selfClick = false;\n };\n\n document.addEventListener('click', this.documentEditListener, true);\n }\n }\n }, {\n key: \"unbindDocumentEditListener\",\n value: function unbindDocumentEditListener() {\n if (this.documentEditListener) {\n document.removeEventListener('click', this.documentEditListener, true);\n this.documentEditListener = null;\n this.selfClick = false;\n }\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n if (this.getColumnProp('frozen')) {\n this.updateStickyPosition();\n }\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps, prevState) {\n if (this.getColumnProp('frozen')) {\n this.updateStickyPosition();\n }\n\n if (this.props.editMode === 'cell' || this.props.editMode === 'row') {\n this.focusOnElement();\n\n if (prevProps.editingMeta !== this.props.editingMeta) {\n this.setState({\n editingRowData: this.getEditingRowData()\n });\n }\n\n if (prevState.editing !== this.state.editing) {\n var callbackParams = this.getCellCallbackParams();\n\n var params = _objectSpread$7(_objectSpread$7({}, callbackParams), {}, {\n editing: this.state.editing\n });\n\n this.props.onEditingMetaChange(params);\n }\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this.unbindDocumentEditListener();\n\n if (this.overlayEventListener) {\n OverlayService.off('overlay-click', this.overlayEventListener);\n this.overlayEventListener = null;\n }\n }\n }, {\n key: \"renderLoading\",\n value: function renderLoading() {\n var options = this.getVirtualScrollerOption('getLoaderOptions')(this.props.rowIndex, {\n cellIndex: this.props.index,\n cellFirst: this.props.index === 0,\n cellLast: this.props.index === this.getVirtualScrollerOption('columns').length - 1,\n cellEven: this.props.index % 2 === 0,\n cellOdd: this.props.index % 2 !== 0,\n column: this.props.column,\n field: this.field\n });\n var content = ObjectUtils.getJSXElement(this.getVirtualScrollerOption('loadingTemplate'), options);\n return /*#__PURE__*/React.createElement(\"td\", null, content);\n }\n }, {\n key: \"renderElement\",\n value: function renderElement() {\n var _this8 = this;\n\n var content, editorKeyHelper;\n var cellSelected = this.props.allowCellSelection && this.isSelected();\n var isRowEditor = this.props.editMode === 'row';\n var tabIndex = this.getTabIndex(cellSelected);\n var selectionMode = this.getColumnProp('selectionMode');\n var rowReorder = this.getColumnProp('rowReorder');\n var expander = this.getColumnProp('expander');\n var rowEditor = this.getColumnProp('rowEditor');\n var header = this.getColumnProp('header');\n var body = this.getColumnProp('body');\n var editor = this.getColumnProp('editor');\n var frozen = this.getColumnProp('frozen');\n var align = this.getColumnProp('align');\n var value = this.resolveFieldData();\n var cellClassName = ObjectUtils.getPropValue(this.props.cellClassName, value, {\n props: this.props.tableProps,\n rowData: this.props.rowData,\n column: this.props.column\n });\n var className = classNames(this.getColumnProp('bodyClassName'), this.getColumnProp('className'), cellClassName, _defineProperty({\n 'p-selection-column': selectionMode !== null,\n 'p-editable-column': editor,\n 'p-cell-editing': editor && this.state.editing,\n 'p-frozen-column': frozen,\n 'p-selectable-cell': this.props.allowCellSelection && this.props.isSelectable({\n data: this.getCellParams(),\n index: this.props.rowIndex\n }),\n 'p-highlight': cellSelected\n }, \"p-align-\".concat(align), !!align));\n var style = this.getStyle();\n var title = this.props.responsiveLayout === 'stack' && /*#__PURE__*/React.createElement(\"span\", {\n className: \"p-column-title\"\n }, ObjectUtils.getJSXElement(header, {\n props: this.props.tableProps\n }));\n\n if (selectionMode) {\n var showSelection = this.props.showSelectionElement ? this.props.showSelectionElement(this.props.rowData, {\n rowIndex: this.props.rowIndex,\n props: this.props.tableProps\n }) : true;\n content = showSelection && /*#__PURE__*/React.createElement(React.Fragment, null, selectionMode === 'single' && /*#__PURE__*/React.createElement(RowRadioButton, {\n checked: this.props.selected,\n onChange: this.onRadioChange,\n tabIndex: this.props.tabIndex,\n tableSelector: this.props.tableSelector\n }), selectionMode === 'multiple' && /*#__PURE__*/React.createElement(RowCheckbox, {\n checked: this.props.selected,\n onChange: this.onCheckboxChange,\n tabIndex: this.props.tabIndex\n }));\n } else if (rowReorder) {\n var showReorder = this.props.showRowReorderElement ? this.props.showRowReorderElement(this.props.rowData, {\n rowIndex: this.props.rowIndex,\n props: this.props.tableProps\n }) : true;\n content = showReorder && /*#__PURE__*/React.createElement(\"i\", {\n className: classNames('p-datatable-reorderablerow-handle', this.getColumnProp('rowReorderIcon'))\n });\n } else if (expander) {\n var iconClassName = classNames('p-row-toggler-icon', this.props.expanded ? this.props.expandedRowIcon : this.props.collapsedRowIcon);\n var ariaControls = \"\".concat(this.props.tableSelector, \"_content_\").concat(this.props.rowIndex, \"_expanded\");\n var expanderProps = {\n onClick: this.onRowToggle,\n className: 'p-row-toggler p-link',\n iconClassName: iconClassName\n };\n content = /*#__PURE__*/React.createElement(\"button\", {\n className: expanderProps.className,\n onClick: expanderProps.onClick,\n type: \"button\",\n \"aria-expanded\": this.props.expanded,\n \"aria-controls\": ariaControls,\n tabIndex: this.props.tabIndex\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: expanderProps.iconClassName\n }), /*#__PURE__*/React.createElement(Ripple, null));\n\n if (body) {\n expanderProps['element'] = content;\n content = ObjectUtils.getJSXElement(body, this.props.rowData, {\n column: this.props.column,\n field: this.field,\n rowIndex: this.props.rowIndex,\n frozenRow: this.props.frozenRow,\n props: this.props.tableProps,\n expander: expanderProps\n });\n }\n } else if (isRowEditor && rowEditor) {\n var rowEditorProps = {};\n\n if (this.state.editing) {\n rowEditorProps = {\n editing: true,\n onSaveClick: this.onRowEditSave,\n saveClassName: 'p-row-editor-save p-link',\n saveIconClassName: 'p-row-editor-save-icon pi pi-fw pi-check',\n onCancelClick: this.onRowEditCancel,\n cancelClassName: 'p-row-editor-cancel p-link',\n cancelIconClassName: 'p-row-editor-cancel-icon pi pi-fw pi-times'\n };\n content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n onClick: rowEditorProps.onSaveClick,\n className: rowEditorProps.saveClassName,\n tabIndex: this.props.tabIndex\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: rowEditorProps.saveIconClassName\n }), /*#__PURE__*/React.createElement(Ripple, null)), /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n onClick: rowEditorProps.onCancelClick,\n className: rowEditorProps.cancelClassName,\n tabIndex: this.props.tabIndex\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: rowEditorProps.cancelIconClassName\n }), /*#__PURE__*/React.createElement(Ripple, null)));\n } else {\n rowEditorProps = {\n editing: false,\n onInitClick: this.onRowEditInit,\n initClassName: 'p-row-editor-init p-link',\n initIconClassName: 'p-row-editor-init-icon pi pi-fw pi-pencil'\n };\n content = /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n onClick: rowEditorProps.onInitClick,\n className: rowEditorProps.initClassName,\n tabIndex: this.props.tabIndex\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: rowEditorProps.initIconClassName\n }), /*#__PURE__*/React.createElement(Ripple, null));\n }\n\n if (body) {\n rowEditorProps['element'] = content;\n content = ObjectUtils.getJSXElement(body, this.props.rowData, {\n column: this.props.column,\n field: this.field,\n rowIndex: this.props.rowIndex,\n frozenRow: this.props.frozenRow,\n props: this.props.tableProps,\n rowEditor: rowEditorProps\n });\n }\n } else if (body && !this.state.editing) {\n content = body ? ObjectUtils.getJSXElement(body, this.props.rowData, {\n column: this.props.column,\n field: this.field,\n rowIndex: this.props.rowIndex,\n frozenRow: this.props.frozenRow,\n props: this.props.tableProps\n }) : value;\n } else if (editor && this.state.editing) {\n content = ObjectUtils.getJSXElement(editor, {\n rowData: this.state.editingRowData,\n value: this.resolveFieldData(this.state.editingRowData),\n column: this.props.column,\n field: this.field,\n rowIndex: this.props.rowIndex,\n frozenRow: this.props.frozenRow,\n props: this.props.tableProps,\n editorCallback: this.editorCallback\n });\n } else {\n content = value;\n }\n\n if (!isRowEditor && editor) {\n /* eslint-disable */\n editorKeyHelper = /*#__PURE__*/React.createElement(\"a\", {\n tabIndex: \"0\",\n ref: function ref(el) {\n return _this8.keyHelper = el;\n },\n className: \"p-cell-editor-key-helper p-hidden-accessible\",\n onFocus: this.onEditorFocus\n }, /*#__PURE__*/React.createElement(\"span\", null));\n /* eslint-enable */\n }\n\n return /*#__PURE__*/React.createElement(\"td\", {\n ref: function ref(el) {\n return _this8.el = el;\n },\n style: style,\n className: className,\n rowSpan: this.props.rowSpan,\n tabIndex: tabIndex,\n role: \"cell\",\n onClick: this.onClick,\n onKeyDown: this.onKeyDown,\n onBlur: this.onBlur,\n onMouseDown: this.onMouseDown,\n onMouseUp: this.onMouseUp\n }, editorKeyHelper, title, content);\n }\n }, {\n key: \"render\",\n value: function render() {\n return this.getVirtualScrollerOption('loading') ? this.renderLoading() : this.renderElement();\n }\n }], [{\n key: \"getDerivedStateFromProps\",\n value: function getDerivedStateFromProps(nextProps, prevState) {\n if (nextProps.editMode === 'row' && nextProps.editing !== prevState.editing) {\n return {\n editing: nextProps.editing\n };\n }\n\n return null;\n }\n }]);\n\n return BodyCell;\n}(Component);\n\nfunction ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _createSuper$9(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$9(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$9() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar BodyRow = /*#__PURE__*/function (_Component) {\n _inherits(BodyRow, _Component);\n\n var _super = _createSuper$9(BodyRow);\n\n function BodyRow(props) {\n var _this;\n\n _classCallCheck(this, BodyRow);\n\n _this = _super.call(this, props);\n\n if (!_this.props.onRowEditChange) {\n _this.state = {\n editing: false\n };\n }\n\n _this.onClick = _this.onClick.bind(_assertThisInitialized(_this));\n _this.onDoubleClick = _this.onDoubleClick.bind(_assertThisInitialized(_this));\n _this.onRightClick = _this.onRightClick.bind(_assertThisInitialized(_this));\n _this.onTouchEnd = _this.onTouchEnd.bind(_assertThisInitialized(_this));\n _this.onKeyDown = _this.onKeyDown.bind(_assertThisInitialized(_this));\n _this.onMouseDown = _this.onMouseDown.bind(_assertThisInitialized(_this));\n _this.onMouseUp = _this.onMouseUp.bind(_assertThisInitialized(_this));\n _this.onDragStart = _this.onDragStart.bind(_assertThisInitialized(_this));\n _this.onDragEnd = _this.onDragEnd.bind(_assertThisInitialized(_this));\n _this.onDragOver = _this.onDragOver.bind(_assertThisInitialized(_this));\n _this.onDragLeave = _this.onDragLeave.bind(_assertThisInitialized(_this));\n _this.onDrop = _this.onDrop.bind(_assertThisInitialized(_this));\n _this.onEditInit = _this.onEditInit.bind(_assertThisInitialized(_this));\n _this.onEditSave = _this.onEditSave.bind(_assertThisInitialized(_this));\n _this.onEditCancel = _this.onEditCancel.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n _createClass(BodyRow, [{\n key: \"isFocusable\",\n value: function isFocusable() {\n return this.props.selectionMode && this.props.selectionModeInColumn !== 'single' && this.props.selectionModeInColumn !== 'multiple';\n }\n }, {\n key: \"isGrouped\",\n value: function isGrouped(column) {\n if (this.props.groupRowsBy && this.getColumnProp(column, 'field')) {\n if (Array.isArray(this.props.groupRowsBy)) return this.props.groupRowsBy.indexOf(column.props.field) > -1;else return this.props.groupRowsBy === column.props.field;\n }\n\n return false;\n }\n }, {\n key: \"equals\",\n value: function equals(data1, data2) {\n return this.props.compareSelectionBy === 'equals' ? data1 === data2 : ObjectUtils.equals(data1, data2, this.props.dataKey);\n }\n }, {\n key: \"getColumnProp\",\n value: function getColumnProp(col, prop) {\n return col ? col.props[prop] : null;\n }\n }, {\n key: \"getEditing\",\n value: function getEditing() {\n return this.props.onRowEditChange ? this.props.editing : this.state.editing;\n }\n }, {\n key: \"getTabIndex\",\n value: function getTabIndex() {\n return this.isFocusable() && !this.props.allowCellSelection ? this.props.index === 0 ? this.props.tabIndex : -1 : null;\n }\n }, {\n key: \"findIndex\",\n value: function findIndex(collection, rowData) {\n var _this2 = this;\n\n return (collection || []).findIndex(function (data) {\n return _this2.equals(rowData, data);\n });\n }\n }, {\n key: \"changeTabIndex\",\n value: function changeTabIndex(currentRow, nextRow) {\n if (currentRow && nextRow) {\n currentRow.tabIndex = -1;\n nextRow.tabIndex = this.props.tabIndex;\n }\n }\n }, {\n key: \"findNextSelectableRow\",\n value: function findNextSelectableRow(row) {\n var nextRow = row.nextElementSibling;\n return nextRow ? DomHandler.hasClass(nextRow, 'p-selectable-row') ? nextRow : this.findNextSelectableRow(nextRow) : null;\n }\n }, {\n key: \"findPrevSelectableRow\",\n value: function findPrevSelectableRow(row) {\n var prevRow = row.previousElementSibling;\n return prevRow ? DomHandler.hasClass(prevRow, 'p-selectable-row') ? prevRow : this.findPrevSelectableRow(prevRow) : null;\n }\n }, {\n key: \"shouldRenderBodyCell\",\n value: function shouldRenderBodyCell(value, column, i) {\n if (this.getColumnProp(column, 'hidden')) {\n return false;\n } else if (this.props.rowGroupMode && this.props.rowGroupMode === 'rowspan' && this.isGrouped(column)) {\n var prevRowData = value[i - 1];\n\n if (prevRowData) {\n var currentRowFieldData = ObjectUtils.resolveFieldData(value[i], this.getColumnProp(column, 'field'));\n var previousRowFieldData = ObjectUtils.resolveFieldData(prevRowData, this.getColumnProp(column, 'field'));\n return currentRowFieldData !== previousRowFieldData;\n }\n }\n\n return true;\n }\n }, {\n key: \"calculateRowGroupSize\",\n value: function calculateRowGroupSize(value, column, index) {\n if (this.isGrouped(column)) {\n var currentRowFieldData = ObjectUtils.resolveFieldData(value[index], this.getColumnProp(column, 'field'));\n var nextRowFieldData = currentRowFieldData;\n var groupRowSpan = 0;\n\n while (currentRowFieldData === nextRowFieldData) {\n groupRowSpan++;\n var nextRowData = value[++index];\n\n if (nextRowData) {\n nextRowFieldData = ObjectUtils.resolveFieldData(nextRowData, this.getColumnProp(column, 'field'));\n } else {\n break;\n }\n }\n\n return groupRowSpan === 1 ? null : groupRowSpan;\n } else {\n return null;\n }\n }\n }, {\n key: \"onClick\",\n value: function onClick(event) {\n this.props.onRowClick({\n originalEvent: event,\n data: this.props.rowData,\n index: this.props.index\n });\n }\n }, {\n key: \"onDoubleClick\",\n value: function onDoubleClick(event) {\n this.props.onRowDoubleClick({\n originalEvent: event,\n data: this.props.rowData,\n index: this.props.index\n });\n }\n }, {\n key: \"onRightClick\",\n value: function onRightClick(event) {\n this.props.onRowRightClick({\n originalEvent: event,\n data: this.props.rowData,\n index: this.props.index\n });\n }\n }, {\n key: \"onTouchEnd\",\n value: function onTouchEnd(event) {\n this.props.onRowTouchEnd(event);\n }\n }, {\n key: \"onKeyDown\",\n value: function onKeyDown(event) {\n if (this.isFocusable() && !this.props.allowCellSelection) {\n var target = event.target,\n row = event.currentTarget;\n\n switch (event.which) {\n //down arrow\n case 40:\n var nextRow = this.findNextSelectableRow(row);\n\n if (nextRow) {\n this.changeTabIndex(row, nextRow);\n nextRow.focus();\n }\n\n event.preventDefault();\n break;\n //up arrow\n\n case 38:\n var prevRow = this.findPrevSelectableRow(row);\n\n if (prevRow) {\n this.changeTabIndex(row, prevRow);\n prevRow.focus();\n }\n\n event.preventDefault();\n break;\n //enter\n\n case 13:\n // @deprecated\n if (!DomHandler.isClickable(target)) {\n this.onClick(event);\n event.preventDefault();\n }\n\n break;\n //space\n\n case 32:\n if (!DomHandler.isClickable(target) && !target.readOnly) {\n this.onClick(event);\n event.preventDefault();\n }\n\n break;\n }\n }\n }\n }, {\n key: \"onMouseDown\",\n value: function onMouseDown(event) {\n this.props.onRowMouseDown({\n originalEvent: event,\n data: this.props.rowData,\n index: this.props.index\n });\n }\n }, {\n key: \"onMouseUp\",\n value: function onMouseUp(event) {\n this.props.onRowMouseUp({\n originalEvent: event,\n data: this.props.rowData,\n index: this.props.index\n });\n }\n }, {\n key: \"onDragStart\",\n value: function onDragStart(event) {\n this.props.onRowDragStart({\n originalEvent: event,\n data: this.props.rowData,\n index: this.props.index\n });\n }\n }, {\n key: \"onDragOver\",\n value: function onDragOver(event) {\n this.props.onRowDragOver({\n originalEvent: event,\n data: this.props.rowData,\n index: this.props.index\n });\n }\n }, {\n key: \"onDragLeave\",\n value: function onDragLeave(event) {\n this.props.onRowDragLeave({\n originalEvent: event,\n data: this.props.rowData,\n index: this.props.index\n });\n }\n }, {\n key: \"onDragEnd\",\n value: function onDragEnd(event) {\n this.props.onRowDragEnd({\n originalEvent: event,\n data: this.props.rowData,\n index: this.props.index\n });\n }\n }, {\n key: \"onDrop\",\n value: function onDrop(event) {\n this.props.onRowDrop({\n originalEvent: event,\n data: this.props.rowData,\n index: this.props.index\n });\n }\n }, {\n key: \"onEditChange\",\n value: function onEditChange(e, editing) {\n if (this.props.onRowEditChange) {\n var editingRows;\n var dataKey = this.props.dataKey;\n var originalEvent = e.originalEvent,\n data = e.data,\n index = e.index;\n\n if (dataKey) {\n var dataKeyValue = String(ObjectUtils.resolveFieldData(data, dataKey));\n editingRows = this.props.editingRows ? _objectSpread$6({}, this.props.editingRows) : {};\n if (editingRows[dataKeyValue] != null) delete editingRows[dataKeyValue];else editingRows[dataKeyValue] = true;\n } else {\n var editingRowIndex = this.findIndex(this.props.editingRows, data);\n editingRows = this.props.editingRows ? _toConsumableArray(this.props.editingRows) : [];\n if (editingRowIndex !== -1) editingRows = editingRows.filter(function (val, i) {\n return i !== editingRowIndex;\n });else editingRows.push(data);\n }\n\n this.props.onRowEditChange({\n originalEvent: originalEvent,\n data: editingRows,\n index: index\n });\n } else {\n this.setState({\n editing: editing\n });\n }\n }\n }, {\n key: \"onEditInit\",\n value: function onEditInit(e) {\n var event = e.originalEvent;\n\n if (this.props.onRowEditInit) {\n this.props.onRowEditInit({\n originalEvent: event,\n data: this.props.rowData,\n index: this.props.index\n });\n }\n\n this.onEditChange(e, true);\n event.preventDefault();\n }\n }, {\n key: \"onEditSave\",\n value: function onEditSave(e) {\n var event = e.originalEvent;\n var valid = this.props.rowEditValidator ? this.props.rowEditValidator(this.props.rowData, {\n props: this.props.tableProps\n }) : true;\n\n if (this.props.onRowEditSave) {\n this.props.onRowEditSave({\n originalEvent: event,\n data: this.props.rowData,\n index: this.props.index,\n valid: valid\n });\n }\n\n if (valid) {\n if (this.props.onRowEditComplete) {\n this.props.onRowEditComplete(e);\n }\n\n this.onEditChange(e, false);\n }\n\n event.preventDefault();\n }\n }, {\n key: \"onEditCancel\",\n value: function onEditCancel(e) {\n var event = e.originalEvent;\n\n if (this.props.onRowEditCancel) {\n this.props.onRowEditCancel({\n originalEvent: event,\n data: this.props.rowData,\n index: this.props.index\n });\n }\n\n this.onEditChange(e, false);\n event.preventDefault();\n }\n }, {\n key: \"renderContent\",\n value: function renderContent() {\n var _this3 = this;\n\n return this.props.columns.map(function (col, i) {\n if (_this3.shouldRenderBodyCell(_this3.props.value, col, _this3.props.index)) {\n var key = \"\".concat(_this3.getColumnProp(col, 'columnKey') || _this3.getColumnProp(col, 'field'), \"_\").concat(i);\n var rowSpan = _this3.props.rowGroupMode === 'rowspan' ? _this3.calculateRowGroupSize(_this3.props.value, col, _this3.props.index) : null;\n\n var editing = _this3.getEditing();\n\n return /*#__PURE__*/React.createElement(BodyCell, {\n key: key,\n value: _this3.props.value,\n tableProps: _this3.props.tableProps,\n tableSelector: _this3.props.tableSelector,\n column: col,\n rowData: _this3.props.rowData,\n rowIndex: _this3.props.index,\n index: i,\n rowSpan: rowSpan,\n dataKey: _this3.props.dataKey,\n editing: editing,\n editingMeta: _this3.props.editingMeta,\n editMode: _this3.props.editMode,\n onRowEditInit: _this3.onEditInit,\n onRowEditSave: _this3.onEditSave,\n onRowEditCancel: _this3.onEditCancel,\n onEditingMetaChange: _this3.props.onEditingMetaChange,\n onRowToggle: _this3.props.onRowToggle,\n selection: _this3.props.selection,\n allowCellSelection: _this3.props.allowCellSelection,\n compareSelectionBy: _this3.props.compareSelectionBy,\n selectOnEdit: _this3.props.selectOnEdit,\n selected: _this3.props.selected,\n onClick: _this3.props.onCellClick,\n onMouseDown: _this3.props.onCellMouseDown,\n onMouseUp: _this3.props.onCellMouseUp,\n tabIndex: _this3.props.tabIndex,\n cellClassName: _this3.props.cellClassName,\n responsiveLayout: _this3.props.responsiveLayout,\n frozenRow: _this3.props.frozenRow,\n isSelectable: _this3.props.isSelectable,\n showSelectionElement: _this3.props.showSelectionElement,\n showRowReorderElement: _this3.props.showRowReorderElement,\n onRadioChange: _this3.props.onRadioChange,\n onCheckboxChange: _this3.props.onCheckboxChange,\n expanded: _this3.props.expanded,\n expandedRowIcon: _this3.props.expandedRowIcon,\n collapsedRowIcon: _this3.props.collapsedRowIcon,\n virtualScrollerOptions: _this3.props.virtualScrollerOptions\n });\n }\n\n return null;\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this4 = this;\n\n var rowClassName = ObjectUtils.getPropValue(this.props.rowClassName, this.props.rowData, {\n props: this.props.tableProps\n });\n var className = classNames(rowClassName, {\n 'p-highlight': !this.props.allowCellSelection && this.props.selected,\n 'p-highlight-contextmenu': this.props.contextMenuSelected,\n 'p-selectable-row': this.props.allowRowSelection && this.props.isSelectable({\n data: this.props.rowData,\n index: this.props.index\n }),\n 'p-row-odd': this.props.index % 2 !== 0\n });\n var content = this.renderContent();\n var tabIndex = this.getTabIndex();\n return /*#__PURE__*/React.createElement(\"tr\", {\n ref: function ref(el) {\n return _this4.el = el;\n },\n role: \"row\",\n tabIndex: tabIndex,\n className: className,\n onMouseDown: this.onMouseDown,\n onMouseUp: this.onMouseUp,\n onClick: this.onClick,\n onDoubleClick: this.onDoubleClick,\n onContextMenu: this.onRightClick,\n onTouchEnd: this.onTouchEnd,\n onKeyDown: this.onKeyDown,\n onDragStart: this.onDragStart,\n onDragOver: this.onDragOver,\n onDragLeave: this.onDragLeave,\n onDragEnd: this.onDragEnd,\n onDrop: this.onDrop\n }, content);\n }\n }]);\n\n return BodyRow;\n}(Component);\n\nfunction _createSuper$8(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$8(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$8() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar RowTogglerButton = /*#__PURE__*/function (_Component) {\n _inherits(RowTogglerButton, _Component);\n\n var _super = _createSuper$8(RowTogglerButton);\n\n function RowTogglerButton(props) {\n var _this;\n\n _classCallCheck(this, RowTogglerButton);\n\n _this = _super.call(this, props);\n _this.onClick = _this.onClick.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n _createClass(RowTogglerButton, [{\n key: \"onClick\",\n value: function onClick(event) {\n this.props.onClick({\n originalEvent: event,\n data: this.props.rowData\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n var iconClassName = classNames('p-row-toggler-icon', this.props.expanded ? this.props.expandedRowIcon : this.props.collapsedRowIcon);\n return /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n onClick: this.onClick,\n className: \"p-row-toggler p-link\",\n tabIndex: this.props.tabIndex\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: iconClassName\n }), /*#__PURE__*/React.createElement(Ripple, null));\n }\n }]);\n\n return RowTogglerButton;\n}(Component);\n\nvar _excluded = [\"originalEvent\"];\n\nfunction ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _createSuper$7(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$7(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$7() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar TableBody = /*#__PURE__*/function (_Component) {\n _inherits(TableBody, _Component);\n\n var _super = _createSuper$7(TableBody);\n\n function TableBody(props) {\n var _this;\n\n _classCallCheck(this, TableBody);\n\n _this = _super.call(this, props);\n _this.state = {\n rowGroupHeaderStyleObject: {}\n }; // row\n\n _this.onRowClick = _this.onRowClick.bind(_assertThisInitialized(_this));\n _this.onRowDoubleClick = _this.onRowDoubleClick.bind(_assertThisInitialized(_this));\n _this.onRowRightClick = _this.onRowRightClick.bind(_assertThisInitialized(_this));\n _this.onRowTouchEnd = _this.onRowTouchEnd.bind(_assertThisInitialized(_this));\n _this.onRowMouseDown = _this.onRowMouseDown.bind(_assertThisInitialized(_this));\n _this.onRowMouseUp = _this.onRowMouseUp.bind(_assertThisInitialized(_this));\n _this.onRowToggle = _this.onRowToggle.bind(_assertThisInitialized(_this)); // drag\n\n _this.onRowDragStart = _this.onRowDragStart.bind(_assertThisInitialized(_this));\n _this.onRowDragOver = _this.onRowDragOver.bind(_assertThisInitialized(_this));\n _this.onRowDragLeave = _this.onRowDragLeave.bind(_assertThisInitialized(_this));\n _this.onRowDragEnd = _this.onRowDragEnd.bind(_assertThisInitialized(_this));\n _this.onRowDrop = _this.onRowDrop.bind(_assertThisInitialized(_this)); // selection\n\n _this.onRadioChange = _this.onRadioChange.bind(_assertThisInitialized(_this));\n _this.onCheckboxChange = _this.onCheckboxChange.bind(_assertThisInitialized(_this));\n _this.onDragSelectionMouseMove = _this.onDragSelectionMouseMove.bind(_assertThisInitialized(_this));\n _this.onDragSelectionMouseUp = _this.onDragSelectionMouseUp.bind(_assertThisInitialized(_this));\n _this.isSelectable = _this.isSelectable.bind(_assertThisInitialized(_this)); // cell\n\n _this.onCellClick = _this.onCellClick.bind(_assertThisInitialized(_this));\n _this.onCellMouseDown = _this.onCellMouseDown.bind(_assertThisInitialized(_this));\n _this.onCellMouseUp = _this.onCellMouseUp.bind(_assertThisInitialized(_this));\n _this.ref = _this.ref.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n _createClass(TableBody, [{\n key: \"ref\",\n value: function ref(el) {\n this.el = el;\n this.props.virtualScrollerContentRef && this.props.virtualScrollerContentRef(el);\n }\n }, {\n key: \"equals\",\n value: function equals(data1, data2) {\n if (this.allowCellSelection()) return (data1.rowIndex === data2.rowIndex || data1.rowData === data2.rowData) && (data1.field === data2.field || data1.cellIndex === data2.cellIndex);else return this.props.compareSelectionBy === 'equals' ? data1 === data2 : ObjectUtils.equals(data1, data2, this.props.dataKey);\n }\n }, {\n key: \"isSubheaderGrouping\",\n value: function isSubheaderGrouping() {\n return this.props.rowGroupMode && this.props.rowGroupMode === 'subheader';\n }\n }, {\n key: \"isSelectionEnabled\",\n value: function isSelectionEnabled() {\n return this.props.selectionMode || this.props.selectionModeInColumn !== null || this.props.columns && this.props.columns.some(function (col) {\n return col && !!col.props.selectionMode;\n });\n }\n }, {\n key: \"isRadioSelectionMode\",\n value: function isRadioSelectionMode() {\n return this.props.selectionMode === 'radiobutton';\n }\n }, {\n key: \"isCheckboxSelectionMode\",\n value: function isCheckboxSelectionMode() {\n return this.props.selectionMode === 'checkbox';\n }\n }, {\n key: \"isRadioSelectionModeInColumn\",\n value: function isRadioSelectionModeInColumn() {\n return this.props.selectionModeInColumn === 'single';\n }\n }, {\n key: \"isCheckboxSelectionModeInColumn\",\n value: function isCheckboxSelectionModeInColumn() {\n return this.props.selectionModeInColumn === 'multiple';\n }\n }, {\n key: \"isSingleSelection\",\n value: function isSingleSelection() {\n return this.props.selectionMode === 'single' && !this.isCheckboxSelectionModeInColumn() || !this.isRadioSelectionMode() && this.isRadioSelectionModeInColumn();\n }\n }, {\n key: \"isMultipleSelection\",\n value: function isMultipleSelection() {\n return this.props.selectionMode === 'multiple' && !this.isRadioSelectionModeInColumn() || this.isCheckboxSelectionModeInColumn();\n }\n }, {\n key: \"isRadioOnlySelection\",\n value: function isRadioOnlySelection() {\n return this.isRadioSelectionMode() && this.isRadioSelectionModeInColumn();\n }\n }, {\n key: \"isCheckboxOnlySelection\",\n value: function isCheckboxOnlySelection() {\n return this.isCheckboxSelectionMode() && this.isCheckboxSelectionModeInColumn();\n }\n }, {\n key: \"isSelected\",\n value: function isSelected(rowData) {\n if (rowData && this.props.selection) {\n return this.props.selection instanceof Array ? this.findIndex(this.props.selection, rowData) > -1 : this.equals(rowData, this.props.selection);\n }\n\n return false;\n }\n }, {\n key: \"isContextMenuSelected\",\n value: function isContextMenuSelected(rowData) {\n if (rowData && this.props.contextMenuSelection) {\n return this.equals(rowData, this.props.contextMenuSelection);\n }\n\n return false;\n }\n }, {\n key: \"isSelectable\",\n value: function isSelectable(options) {\n return this.props.isDataSelectable ? this.props.isDataSelectable(options) : true;\n }\n }, {\n key: \"isRowExpanded\",\n value: function isRowExpanded(rowData) {\n if (rowData && this.props.expandedRows) {\n if (this.isSubheaderGrouping() && this.props.expandableRowGroups) {\n return this.isRowGroupExpanded(rowData);\n } else {\n if (this.props.dataKey) return this.props.expandedRows ? this.props.expandedRows[ObjectUtils.resolveFieldData(rowData, this.props.dataKey)] !== undefined : false;else return this.findIndex(this.props.expandedRows, rowData) !== -1;\n }\n }\n\n return false;\n }\n }, {\n key: \"isRowGroupExpanded\",\n value: function isRowGroupExpanded(rowData) {\n var _this2 = this;\n\n if (this.props.dataKey === this.props.groupRowsBy) return Object.keys(this.props.expandedRows).some(function (data) {\n return ObjectUtils.equals(data, ObjectUtils.resolveFieldData(rowData, _this2.props.dataKey));\n });else return this.props.expandedRows.some(function (data) {\n return ObjectUtils.equals(data, rowData, _this2.props.groupRowsBy);\n });\n }\n }, {\n key: \"isRowEditing\",\n value: function isRowEditing(rowData) {\n if (this.props.editMode === 'row' && rowData && this.props.editingRows) {\n if (this.props.dataKey) return this.props.editingRows ? this.props.editingRows[ObjectUtils.resolveFieldData(rowData, this.props.dataKey)] !== undefined : false;else return this.findIndex(this.props.editingRows, rowData) !== -1;\n }\n\n return false;\n }\n }, {\n key: \"allowDrag\",\n value: function allowDrag(event) {\n return this.props.dragSelection && this.isMultipleSelection() && !event.originalEvent.shiftKey;\n }\n }, {\n key: \"allowRowDrag\",\n value: function allowRowDrag(event) {\n return !this.allowCellSelection() && this.allowDrag(event);\n }\n }, {\n key: \"allowCellDrag\",\n value: function allowCellDrag(event) {\n return this.allowCellSelection() && this.allowDrag(event);\n }\n }, {\n key: \"allowSelection\",\n value: function allowSelection(event) {\n return !DomHandler.isClickable(event.originalEvent.target);\n }\n }, {\n key: \"allowMetaKeySelection\",\n value: function allowMetaKeySelection(event) {\n return !this.rowTouched && (!this.props.metaKeySelection || this.props.metaKeySelection && (event.originalEvent.metaKey || event.originalEvent.ctrlKey));\n }\n }, {\n key: \"allowRangeSelection\",\n value: function allowRangeSelection(event) {\n return this.isMultipleSelection() && event.originalEvent.shiftKey && this.anchorRowIndex !== null;\n }\n }, {\n key: \"allowRowSelection\",\n value: function allowRowSelection() {\n return (this.props.selectionMode || this.props.selectionModeInColumn) && !this.isRadioOnlySelection() && !this.isCheckboxOnlySelection();\n }\n }, {\n key: \"allowCellSelection\",\n value: function allowCellSelection() {\n return this.props.cellSelection && !this.isRadioSelectionModeInColumn() && !this.isCheckboxSelectionModeInColumn();\n }\n }, {\n key: \"getColumnsLength\",\n value: function getColumnsLength() {\n return this.props.columns ? this.props.columns.length : 0;\n }\n }, {\n key: \"getVirtualScrollerOption\",\n value: function getVirtualScrollerOption(option, options) {\n options = options || this.props.virtualScrollerOptions;\n return options ? options[option] : null;\n }\n }, {\n key: \"findIndex\",\n value: function findIndex(collection, rowData) {\n var _this3 = this;\n\n return (collection || []).findIndex(function (data) {\n return _this3.equals(rowData, data);\n });\n }\n }, {\n key: \"rowGroupHeaderStyle\",\n value: function rowGroupHeaderStyle() {\n if (this.props.scrollable) {\n return {\n top: this.state.rowGroupHeaderStyleObject['top']\n };\n }\n\n return null;\n }\n }, {\n key: \"getRowKey\",\n value: function getRowKey(rowData, index) {\n return this.props.dataKey ? ObjectUtils.resolveFieldData(rowData, this.props.dataKey) + '_' + index : index;\n }\n }, {\n key: \"shouldRenderRowGroupHeader\",\n value: function shouldRenderRowGroupHeader(value, rowData, i) {\n var currentRowFieldData = ObjectUtils.resolveFieldData(rowData, this.props.groupRowsBy);\n var prevRowData = value[i - 1];\n\n if (prevRowData) {\n var previousRowFieldData = ObjectUtils.resolveFieldData(prevRowData, this.props.groupRowsBy);\n return currentRowFieldData !== previousRowFieldData;\n } else {\n return true;\n }\n }\n }, {\n key: \"shouldRenderRowGroupFooter\",\n value: function shouldRenderRowGroupFooter(value, rowData, i, expanded) {\n if (this.props.expandableRowGroups && !expanded) {\n return false;\n } else {\n var currentRowFieldData = ObjectUtils.resolveFieldData(rowData, this.props.groupRowsBy);\n var nextRowData = value[i + 1];\n\n if (nextRowData) {\n var nextRowFieldData = ObjectUtils.resolveFieldData(nextRowData, this.props.groupRowsBy);\n return currentRowFieldData !== nextRowFieldData;\n } else {\n return true;\n }\n }\n }\n }, {\n key: \"updateFrozenRowStickyPosition\",\n value: function updateFrozenRowStickyPosition() {\n this.el.style.top = DomHandler.getOuterHeight(this.el.previousElementSibling) + 'px';\n }\n }, {\n key: \"updateFrozenRowGroupHeaderStickyPosition\",\n value: function updateFrozenRowGroupHeaderStickyPosition() {\n var tableHeaderHeight = DomHandler.getOuterHeight(this.el.previousElementSibling);\n var top = tableHeaderHeight + 'px';\n\n if (this.state.rowGroupHeaderStyleObject && this.state.rowGroupHeaderStyleObject.top !== top) {\n this.setState({\n rowGroupHeaderStyleObject: {\n top: top\n }\n });\n }\n }\n }, {\n key: \"updateVirtualScrollerPosition\",\n value: function updateVirtualScrollerPosition() {\n var tableHeaderHeight = DomHandler.getOuterHeight(this.el.previousElementSibling);\n this.el.style.top = (this.el.style.top || 0) + tableHeaderHeight + 'px';\n }\n }, {\n key: \"onSingleSelection\",\n value: function onSingleSelection(_ref) {\n var originalEvent = _ref.originalEvent,\n data = _ref.data,\n index = _ref.index,\n toggleable = _ref.toggleable,\n type = _ref.type;\n\n if (!this.isSelectable({\n data: data,\n index: index\n })) {\n return;\n }\n\n var selected = this.isSelected(data);\n var selection = this.props.selection;\n\n if (selected) {\n if (toggleable) {\n selection = null;\n this.onUnselect({\n originalEvent: originalEvent,\n data: data,\n type: type\n });\n }\n } else {\n selection = data;\n this.onSelect({\n originalEvent: originalEvent,\n data: data,\n type: type\n });\n }\n\n this.focusOnElement(originalEvent, true);\n\n if (this.props.onSelectionChange && selection !== this.props.selection) {\n this.props.onSelectionChange({\n originalEvent: originalEvent,\n value: selection,\n type: type\n });\n }\n }\n }, {\n key: \"onMultipleSelection\",\n value: function onMultipleSelection(_ref2) {\n var _this4 = this;\n\n var originalEvent = _ref2.originalEvent,\n data = _ref2.data,\n index = _ref2.index,\n toggleable = _ref2.toggleable,\n type = _ref2.type;\n\n if (!this.isSelectable({\n data: data,\n index: index\n })) {\n return;\n }\n\n var selected = this.isSelected(data);\n var selection = this.props.selection || [];\n\n if (selected) {\n if (toggleable) {\n var selectionIndex = this.findIndex(selection, data);\n selection = this.props.selection.filter(function (val, i) {\n return i !== selectionIndex;\n });\n this.onUnselect({\n originalEvent: originalEvent,\n data: data,\n type: type\n });\n } else if (selection.length) {\n this.props.selection.forEach(function (d) {\n return _this4.onUnselect({\n originalEvent: originalEvent,\n data: d,\n type: type\n });\n });\n selection = [data];\n this.onSelect({\n originalEvent: originalEvent,\n data: data,\n type: type\n });\n }\n } else {\n selection = toggleable && this.isMultipleSelection() ? [].concat(_toConsumableArray(selection), [data]) : [data];\n this.onSelect({\n originalEvent: originalEvent,\n data: data,\n type: type\n });\n }\n\n this.focusOnElement(originalEvent, true);\n\n if (this.props.onSelectionChange && selection !== this.props.selection) {\n this.props.onSelectionChange({\n originalEvent: originalEvent,\n value: selection,\n type: type\n });\n }\n }\n }, {\n key: \"onRangeSelection\",\n value: function onRangeSelection(event, type) {\n DomHandler.clearSelection();\n this.rangeRowIndex = this.allowCellSelection() ? event.rowIndex : event.index;\n var selectionInRange = this.selectRange(event);\n var selection = this.isMultipleSelection() ? _toConsumableArray(new Set([].concat(_toConsumableArray(this.props.selection || []), _toConsumableArray(selectionInRange)))) : selectionInRange;\n\n if (this.props.onSelectionChange && selection !== this.props.selection) {\n this.props.onSelectionChange({\n originalEvent: event.originalEvent,\n value: selection,\n type: type\n });\n }\n\n this.anchorRowIndex = this.rangeRowIndex;\n this.anchorCellIndex = event.cellIndex;\n this.focusOnElement(event.originalEvent, false);\n }\n }, {\n key: \"selectRange\",\n value: function selectRange(event) {\n var rangeStart, rangeEnd;\n var isLazyAndPaginator = this.props.lazy && this.props.paginator;\n\n if (isLazyAndPaginator) {\n this.anchorRowIndex += this.anchorRowFirst;\n this.rangeRowIndex += this.props.first;\n }\n\n if (this.rangeRowIndex > this.anchorRowIndex) {\n rangeStart = this.anchorRowIndex;\n rangeEnd = this.rangeRowIndex;\n } else if (this.rangeRowIndex < this.anchorRowIndex) {\n rangeStart = this.rangeRowIndex;\n rangeEnd = this.anchorRowIndex;\n } else {\n rangeStart = rangeEnd = this.rangeRowIndex;\n }\n\n if (isLazyAndPaginator) {\n rangeStart = Math.max(rangeStart - this.props.first, 0);\n rangeEnd -= this.props.first;\n }\n\n return this.allowCellSelection() ? this.selectRangeOnCell(event, rangeStart, rangeEnd) : this.selectRangeOnRow(event, rangeStart, rangeEnd);\n }\n }, {\n key: \"selectRangeOnRow\",\n value: function selectRangeOnRow(event, rowRangeStart, rowRangeEnd) {\n var value = this.props.value;\n var selection = [];\n\n for (var i = rowRangeStart; i <= rowRangeEnd; i++) {\n var rangeRowData = value[i];\n\n if (!this.isSelectable({\n data: rangeRowData,\n index: i\n })) {\n continue;\n }\n\n selection.push(rangeRowData);\n this.onSelect({\n originalEvent: event.originalEvent,\n data: rangeRowData,\n type: 'row'\n });\n }\n\n return selection;\n }\n }, {\n key: \"selectRangeOnCell\",\n value: function selectRangeOnCell(event, rowRangeStart, rowRangeEnd) {\n var cellRangeStart,\n cellRangeEnd,\n cellIndex = event.cellIndex;\n\n if (cellIndex > this.anchorCellIndex) {\n cellRangeStart = this.anchorCellIndex;\n cellRangeEnd = cellIndex;\n } else if (cellIndex < this.anchorCellIndex) {\n cellRangeStart = cellIndex;\n cellRangeEnd = this.anchorCellIndex;\n } else {\n cellRangeStart = cellRangeEnd = cellIndex;\n }\n\n var value = this.props.value;\n var selection = [];\n\n for (var i = rowRangeStart; i <= rowRangeEnd; i++) {\n var rowData = value[i];\n var columns = this.props.columns;\n\n for (var j = cellRangeStart; j <= cellRangeEnd; j++) {\n var field = columns[j].props.field;\n\n var _value = ObjectUtils.resolveFieldData(rowData, field);\n\n var rangeRowData = {\n value: _value,\n field: field,\n rowData: rowData,\n rowIndex: i,\n cellIndex: j,\n selected: true\n };\n\n if (!this.isSelectable({\n data: rangeRowData,\n index: i\n })) {\n continue;\n }\n\n selection.push(rangeRowData);\n this.onSelect({\n originalEvent: event.originalEvent,\n data: rangeRowData,\n type: 'cell'\n });\n }\n }\n\n return selection;\n }\n }, {\n key: \"onSelect\",\n value: function onSelect(event) {\n if (this.allowCellSelection()) this.props.onCellSelect && this.props.onCellSelect(_objectSpread$5(_objectSpread$5({\n originalEvent: event.originalEvent\n }, event.data), {}, {\n type: event.type\n }));else this.props.onRowSelect && this.props.onRowSelect(event);\n }\n }, {\n key: \"onUnselect\",\n value: function onUnselect(event) {\n if (this.allowCellSelection()) this.props.onCellUnselect && this.props.onCellUnselect(_objectSpread$5(_objectSpread$5({\n originalEvent: event.originalEvent\n }, event.data), {}, {\n type: event.type\n }));else this.props.onRowUnselect && this.props.onRowUnselect(event);\n }\n }, {\n key: \"enableDragSelection\",\n value: function enableDragSelection(event) {\n if (this.props.dragSelection && !this.dragSelectionHelper) {\n this.dragSelectionHelper = document.createElement('div');\n DomHandler.addClass(this.dragSelectionHelper, 'p-datatable-drag-selection-helper');\n this.initialDragPosition = {\n x: event.clientX,\n y: event.clientY\n };\n this.dragSelectionHelper.style.top = \"\".concat(event.pageY, \"px\");\n this.dragSelectionHelper.style.left = \"\".concat(event.pageX, \"px\");\n this.bindDragSelectionEvents();\n }\n }\n }, {\n key: \"focusOnElement\",\n value: function focusOnElement(event, isFocused) {\n var target = event.currentTarget;\n\n if (!this.allowCellSelection() && this.props.selectionAutoFocus) {\n if (this.isCheckboxSelectionModeInColumn()) {\n var checkbox = DomHandler.findSingle(target, 'td.p-selection-column .p-checkbox-box');\n checkbox && checkbox.focus();\n } else if (this.isRadioSelectionModeInColumn()) {\n var radio = DomHandler.findSingle(target, 'td.p-selection-column input[type=\"radio\"]');\n radio && radio.focus();\n }\n }\n\n !isFocused && target && target.focus();\n }\n }, {\n key: \"changeTabIndex\",\n value: function changeTabIndex(event, type) {\n var target = event.currentTarget;\n var isSelectable = DomHandler.hasClass(target, type === 'cell' ? 'p-selectable-cell' : 'p-selectable-row');\n\n if (isSelectable) {\n var selector = type === 'cell' ? 'tr > td' : 'tr';\n var tabbableEl = DomHandler.findSingle(this.el, \"\".concat(selector, \"[tabindex=\\\"\").concat(this.props.tabIndex, \"\\\"]\"));\n\n if (tabbableEl && target) {\n tabbableEl.tabIndex = -1;\n target.tabIndex = this.props.tabIndex;\n }\n }\n }\n }, {\n key: \"onRowClick\",\n value: function onRowClick(event) {\n if (this.allowCellSelection() || !this.allowSelection(event)) {\n return;\n }\n\n this.props.onRowClick && this.props.onRowClick(event);\n\n if (this.allowRowSelection()) {\n if (this.allowRangeSelection(event)) {\n this.onRangeSelection(event, 'row');\n } else {\n var toggleable = this.isRadioSelectionModeInColumn() || this.isCheckboxSelectionModeInColumn() || this.allowMetaKeySelection(event);\n this.anchorRowIndex = event.index;\n this.rangeRowIndex = event.index;\n this.anchorRowFirst = this.props.first;\n\n if (this.isSingleSelection()) {\n this.onSingleSelection(_objectSpread$5(_objectSpread$5({}, event), {}, {\n toggleable: toggleable,\n type: 'row'\n }));\n } else {\n this.onMultipleSelection(_objectSpread$5(_objectSpread$5({}, event), {}, {\n toggleable: toggleable,\n type: 'row'\n }));\n }\n }\n\n this.changeTabIndex(event.originalEvent, 'row');\n } else {\n this.focusOnElement(event.originalEvent);\n }\n\n this.rowTouched = false;\n }\n }, {\n key: \"onRowDoubleClick\",\n value: function onRowDoubleClick(e) {\n var event = e.originalEvent;\n\n if (DomHandler.isClickable(event.target)) {\n return;\n }\n\n if (this.props.onRowDoubleClick) {\n this.props.onRowDoubleClick(e);\n }\n }\n }, {\n key: \"onRowRightClick\",\n value: function onRowRightClick(event) {\n if (this.props.onContextMenu || this.props.onContextMenuSelectionChange) {\n DomHandler.clearSelection();\n\n if (this.props.onContextMenuSelectionChange) {\n this.props.onContextMenuSelectionChange({\n originalEvent: event.originalEvent,\n value: event.data\n });\n }\n\n if (this.props.onContextMenu) {\n this.props.onContextMenu({\n originalEvent: event.originalEvent,\n data: event.data\n });\n }\n\n event.originalEvent.preventDefault();\n }\n }\n }, {\n key: \"onRowTouchEnd\",\n value: function onRowTouchEnd() {\n this.rowTouched = true;\n }\n }, {\n key: \"onRowMouseDown\",\n value: function onRowMouseDown(e) {\n DomHandler.clearSelection();\n var event = e.originalEvent;\n if (DomHandler.hasClass(event.target, 'p-datatable-reorderablerow-handle')) event.currentTarget.draggable = true;else event.currentTarget.draggable = false;\n\n if (this.allowRowDrag(e)) {\n this.enableDragSelection(event, 'row');\n this.anchorRowIndex = e.index;\n this.rangeRowIndex = e.index;\n this.anchorRowFirst = this.props.first;\n }\n }\n }, {\n key: \"onRowMouseUp\",\n value: function onRowMouseUp(event) {\n var isSameRow = event.index === this.anchorRowIndex;\n\n if (this.allowRowDrag(event) && !isSameRow) {\n this.onRangeSelection(event, 'row');\n }\n }\n }, {\n key: \"onRowToggle\",\n value: function onRowToggle(event) {\n var expandedRows;\n var dataKey = this.props.dataKey;\n var hasDataKey = this.props.groupRowsBy ? dataKey === this.props.groupRowsBy : !!dataKey;\n\n if (hasDataKey) {\n var dataKeyValue = String(ObjectUtils.resolveFieldData(event.data, dataKey));\n expandedRows = this.props.expandedRows ? _objectSpread$5({}, this.props.expandedRows) : {};\n\n if (expandedRows[dataKeyValue] != null) {\n delete expandedRows[dataKeyValue];\n\n if (this.props.onRowCollapse) {\n this.props.onRowCollapse({\n originalEvent: event,\n data: event.data\n });\n }\n } else {\n expandedRows[dataKeyValue] = true;\n\n if (this.props.onRowExpand) {\n this.props.onRowExpand({\n originalEvent: event,\n data: event.data\n });\n }\n }\n } else {\n var expandedRowIndex = this.findIndex(this.props.expandedRows, event.data);\n expandedRows = this.props.expandedRows ? _toConsumableArray(this.props.expandedRows) : [];\n\n if (expandedRowIndex !== -1) {\n expandedRows = expandedRows.filter(function (val, i) {\n return i !== expandedRowIndex;\n });\n\n if (this.props.onRowCollapse) {\n this.props.onRowCollapse({\n originalEvent: event,\n data: event.data\n });\n }\n } else {\n expandedRows.push(event.data);\n\n if (this.props.onRowExpand) {\n this.props.onRowExpand({\n originalEvent: event,\n data: event.data\n });\n }\n }\n }\n\n if (this.props.onRowToggle) {\n this.props.onRowToggle({\n data: expandedRows\n });\n }\n }\n }, {\n key: \"onRowDragStart\",\n value: function onRowDragStart(e) {\n var event = e.originalEvent,\n index = e.index;\n this.rowDragging = true;\n this.draggedRowIndex = index;\n event.dataTransfer.setData('text', 'b'); // For firefox\n }\n }, {\n key: \"onRowDragOver\",\n value: function onRowDragOver(e) {\n var event = e.originalEvent,\n index = e.index;\n\n if (this.rowDragging && this.draggedRowIndex !== index) {\n var rowElement = event.currentTarget;\n var rowY = DomHandler.getOffset(rowElement).top + DomHandler.getWindowScrollTop();\n var pageY = event.pageY;\n var rowMidY = rowY + DomHandler.getOuterHeight(rowElement) / 2;\n var prevRowElement = rowElement.previousElementSibling;\n\n if (pageY < rowMidY) {\n DomHandler.removeClass(rowElement, 'p-datatable-dragpoint-bottom');\n this.droppedRowIndex = index;\n if (prevRowElement) DomHandler.addClass(prevRowElement, 'p-datatable-dragpoint-bottom');else DomHandler.addClass(rowElement, 'p-datatable-dragpoint-top');\n } else {\n if (prevRowElement) DomHandler.removeClass(prevRowElement, 'p-datatable-dragpoint-bottom');else DomHandler.addClass(rowElement, 'p-datatable-dragpoint-top');\n this.droppedRowIndex = index + 1;\n DomHandler.addClass(rowElement, 'p-datatable-dragpoint-bottom');\n }\n }\n\n event.preventDefault();\n }\n }, {\n key: \"onRowDragLeave\",\n value: function onRowDragLeave(e) {\n var event = e.originalEvent;\n var rowElement = event.currentTarget;\n var prevRowElement = rowElement.previousElementSibling;\n\n if (prevRowElement) {\n DomHandler.removeClass(prevRowElement, 'p-datatable-dragpoint-bottom');\n }\n\n DomHandler.removeClass(rowElement, 'p-datatable-dragpoint-bottom');\n DomHandler.removeClass(rowElement, 'p-datatable-dragpoint-top');\n }\n }, {\n key: \"onRowDragEnd\",\n value: function onRowDragEnd(e) {\n var event = e.originalEvent;\n this.rowDragging = false;\n this.draggedRowIndex = null;\n this.droppedRowIndex = null;\n event.currentTarget.draggable = false;\n }\n }, {\n key: \"onRowDrop\",\n value: function onRowDrop(e) {\n var event = e.originalEvent;\n\n if (this.droppedRowIndex != null) {\n var dropIndex = this.draggedRowIndex > this.droppedRowIndex ? this.droppedRowIndex : this.droppedRowIndex === 0 ? 0 : this.droppedRowIndex - 1;\n\n var val = _toConsumableArray(this.props.value);\n\n ObjectUtils.reorderArray(val, this.draggedRowIndex, dropIndex);\n\n if (this.props.onRowReorder) {\n this.props.onRowReorder({\n originalEvent: event,\n value: val,\n dragIndex: this.draggedRowIndex,\n dropIndex: this.droppedRowIndex\n });\n }\n } //cleanup\n\n\n this.onRowDragLeave(e);\n this.onRowDragEnd(e);\n event.preventDefault();\n }\n }, {\n key: \"onRadioChange\",\n value: function onRadioChange(event) {\n this.onSingleSelection(_objectSpread$5(_objectSpread$5({}, event), {}, {\n toggleable: true,\n type: 'radio'\n }));\n }\n }, {\n key: \"onCheckboxChange\",\n value: function onCheckboxChange(event) {\n this.onMultipleSelection(_objectSpread$5(_objectSpread$5({}, event), {}, {\n toggleable: true,\n type: 'checkbox'\n }));\n }\n }, {\n key: \"onDragSelectionMouseMove\",\n value: function onDragSelectionMouseMove(event) {\n var _this$initialDragPosi = this.initialDragPosition,\n x = _this$initialDragPosi.x,\n y = _this$initialDragPosi.y;\n var dx = event.clientX - x;\n var dy = event.clientY - y;\n if (dy < 0) this.dragSelectionHelper.style.top = \"\".concat(event.pageY + 5, \"px\");\n if (dx < 0) this.dragSelectionHelper.style.left = \"\".concat(event.pageX + 5, \"px\");\n this.dragSelectionHelper.style.height = \"\".concat(Math.abs(dy), \"px\");\n this.dragSelectionHelper.style.width = \"\".concat(Math.abs(dx), \"px\");\n event.preventDefault();\n }\n }, {\n key: \"onDragSelectionMouseUp\",\n value: function onDragSelectionMouseUp() {\n if (this.dragSelectionHelper) {\n this.dragSelectionHelper.remove();\n this.dragSelectionHelper = null;\n }\n\n document.removeEventListener('mousemove', this.onDragSelectionMouseMove);\n document.removeEventListener('mouseup', this.onDragSelectionMouseUp);\n }\n }, {\n key: \"onCellClick\",\n value: function onCellClick(event) {\n if (!this.allowSelection(event)) {\n return;\n }\n\n this.props.onCellClick && this.props.onCellClick(event);\n\n if (this.allowCellSelection()) {\n if (this.allowRangeSelection(event)) {\n this.onRangeSelection(event, 'cell');\n } else {\n var toggleable = this.allowMetaKeySelection(event);\n\n var originalEvent = event.originalEvent,\n data = _objectWithoutProperties(event, _excluded);\n\n this.anchorRowIndex = event.rowIndex;\n this.rangeRowIndex = event.rowIndex;\n this.anchorRowFirst = this.props.first;\n this.anchorCellIndex = event.cellIndex;\n\n if (this.isSingleSelection()) {\n this.onSingleSelection({\n originalEvent: originalEvent,\n data: data,\n index: event.rowIndex,\n toggleable: toggleable,\n type: 'cell'\n });\n } else {\n this.onMultipleSelection({\n originalEvent: originalEvent,\n data: data,\n index: event.rowIndex,\n toggleable: toggleable,\n type: 'cell'\n });\n }\n }\n\n this.changeTabIndex(event.originalEvent, 'cell');\n }\n\n this.rowTouched = false;\n }\n }, {\n key: \"onCellMouseDown\",\n value: function onCellMouseDown(event) {\n if (this.allowCellDrag(event)) {\n this.enableDragSelection(event.originalEvent);\n this.anchorRowIndex = event.rowIndex;\n this.rangeRowIndex = event.rowIndex;\n this.anchorRowFirst = this.props.first;\n this.anchorCellIndex = event.cellIndex;\n }\n }\n }, {\n key: \"onCellMouseUp\",\n value: function onCellMouseUp(event) {\n var isSameCell = event.rowIndex === this.anchorRowIndex && event.cellIndex === this.anchorCellIndex;\n\n if (this.allowCellDrag(event) && !isSameCell) {\n this.onRangeSelection(event, 'cell');\n }\n }\n }, {\n key: \"bindDragSelectionEvents\",\n value: function bindDragSelectionEvents() {\n document.addEventListener('mousemove', this.onDragSelectionMouseMove);\n document.addEventListener('mouseup', this.onDragSelectionMouseUp);\n document.body.appendChild(this.dragSelectionHelper);\n }\n }, {\n key: \"unbindDragSelectionEvents\",\n value: function unbindDragSelectionEvents() {\n this.onDragSelectionMouseUp();\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n if (this.props.frozenRow) {\n this.updateFrozenRowStickyPosition();\n }\n\n if (this.props.scrollable && this.props.rowGroupMode === 'subheader') {\n this.updateFrozenRowGroupHeaderStickyPosition();\n }\n\n if (!this.props.isVirtualScrollerDisabled && this.getVirtualScrollerOption('vertical')) {\n this.updateVirtualScrollerPosition();\n }\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps, prevState) {\n if (this.props.frozenRow) {\n this.updateFrozenRowStickyPosition();\n }\n\n if (this.props.scrollable && this.props.rowGroupMode === 'subheader') {\n this.updateFrozenRowGroupHeaderStickyPosition();\n }\n\n if (!this.props.isVirtualScrollerDisabled && this.getVirtualScrollerOption('vertical') && this.getVirtualScrollerOption('itemSize', prevProps.virtualScrollerOptions) !== this.getVirtualScrollerOption('itemSize')) {\n this.updateVirtualScrollerPosition();\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n if (this.props.dragSelection) {\n this.unbindDragSelectionEvents();\n }\n }\n }, {\n key: \"renderEmptyContent\",\n value: function renderEmptyContent() {\n if (!this.props.loading) {\n var colSpan = this.getColumnsLength();\n var content = ObjectUtils.getJSXElement(this.props.emptyMessage, {\n props: this.props,\n frozen: this.props.frozenRow\n }) || localeOption('emptyMessage');\n return /*#__PURE__*/React.createElement(\"tr\", {\n className: \"p-datatable-emptymessage\",\n role: \"row\"\n }, /*#__PURE__*/React.createElement(\"td\", {\n colSpan: colSpan,\n role: \"cell\"\n }, content));\n }\n\n return null;\n }\n }, {\n key: \"renderGroupHeader\",\n value: function renderGroupHeader(rowData, index, expanded, isSubheaderGrouping, colSpan) {\n if (isSubheaderGrouping && this.shouldRenderRowGroupHeader(this.props.value, rowData, index - this.props.first)) {\n var style = this.rowGroupHeaderStyle();\n var toggler = this.props.expandableRowGroups && /*#__PURE__*/React.createElement(RowTogglerButton, {\n onClick: this.onRowToggle,\n rowData: rowData,\n expanded: expanded,\n expandedRowIcon: this.props.expandedRowIcon,\n collapsedRowIcon: this.props.collapsedRowIcon\n });\n var content = ObjectUtils.getJSXElement(this.props.rowGroupHeaderTemplate, rowData, {\n index: index,\n props: this.props.tableProps\n });\n return /*#__PURE__*/React.createElement(\"tr\", {\n className: \"p-rowgroup-header\",\n style: style,\n role: \"row\"\n }, /*#__PURE__*/React.createElement(\"td\", {\n colSpan: colSpan\n }, toggler, /*#__PURE__*/React.createElement(\"span\", {\n className: \"p-rowgroup-header-name\"\n }, content)));\n }\n\n return null;\n }\n }, {\n key: \"renderRow\",\n value: function renderRow(rowData, index, expanded) {\n if (!this.props.expandableRowGroups || expanded) {\n var selected = this.isSelectionEnabled() ? this.isSelected(rowData) : false;\n var contextMenuSelected = this.isContextMenuSelected(rowData);\n var allowRowSelection = this.allowRowSelection();\n var allowCellSelection = this.allowCellSelection();\n var editing = this.isRowEditing(rowData);\n return /*#__PURE__*/React.createElement(BodyRow, {\n tableProps: this.props.tableProps,\n tableSelector: this.props.tableSelector,\n value: this.props.value,\n columns: this.props.columns,\n rowData: rowData,\n index: index,\n selected: selected,\n contextMenuSelected: contextMenuSelected,\n onRowClick: this.onRowClick,\n onRowDoubleClick: this.onRowDoubleClick,\n onRowRightClick: this.onRowRightClick,\n tabIndex: this.props.tabIndex,\n isSelectable: this.isSelectable,\n onRowTouchEnd: this.onRowTouchEnd,\n onRowMouseDown: this.onRowMouseDown,\n onRowMouseUp: this.onRowMouseUp,\n onRowToggle: this.onRowToggle,\n onRowDragStart: this.onRowDragStart,\n onRowDragOver: this.onRowDragOver,\n onRowDragLeave: this.onRowDragLeave,\n onRowDragEnd: this.onRowDragEnd,\n onRowDrop: this.onRowDrop,\n onRadioChange: this.onRadioChange,\n onCheckboxChange: this.onCheckboxChange,\n onCellClick: this.onCellClick,\n onCellMouseDown: this.onCellMouseDown,\n onCellMouseUp: this.onCellMouseUp,\n editing: editing,\n editingRows: this.props.editingRows,\n editingMeta: this.props.editingMeta,\n editMode: this.props.editMode,\n onRowEditChange: this.props.onRowEditChange,\n onEditingMetaChange: this.props.onEditingMetaChange,\n groupRowsBy: this.props.groupRowsBy,\n compareSelectionBy: this.props.compareSelectionBy,\n dataKey: this.props.dataKey,\n rowGroupMode: this.props.rowGroupMode,\n onRowEditInit: this.props.onRowEditInit,\n rowEditValidator: this.props.rowEditValidator,\n onRowEditSave: this.props.onRowEditSave,\n onRowEditComplete: this.props.onRowEditComplete,\n onRowEditCancel: this.props.onRowEditCancel,\n selection: this.props.selection,\n allowRowSelection: allowRowSelection,\n allowCellSelection: allowCellSelection,\n selectOnEdit: this.props.selectOnEdit,\n selectionMode: this.props.selectionMode,\n selectionModeInColumn: this.props.selectionModeInColumn,\n cellClassName: this.props.cellClassName,\n responsiveLayout: this.props.responsiveLayout,\n frozenRow: this.props.frozenRow,\n showSelectionElement: this.props.showSelectionElement,\n showRowReorderElement: this.props.showRowReorderElement,\n expanded: expanded,\n expandedRowIcon: this.props.expandedRowIcon,\n collapsedRowIcon: this.props.collapsedRowIcon,\n rowClassName: this.props.rowClassName,\n virtualScrollerOptions: this.props.virtualScrollerOptions\n });\n }\n }\n }, {\n key: \"renderExpansion\",\n value: function renderExpansion(rowData, index, expanded, isSubheaderGrouping, colSpan) {\n if (expanded && !(isSubheaderGrouping && this.props.expandableRowGroups)) {\n var content = ObjectUtils.getJSXElement(this.props.rowExpansionTemplate, rowData, {\n index: index\n });\n var id = \"\".concat(this.props.tableSelector, \"_content_\").concat(index, \"_expanded\");\n return /*#__PURE__*/React.createElement(\"tr\", {\n id: id,\n className: \"p-datatable-row-expansion\",\n role: \"row\"\n }, /*#__PURE__*/React.createElement(\"td\", {\n role: \"cell\",\n colSpan: colSpan\n }, content));\n }\n\n return null;\n }\n }, {\n key: \"renderGroupFooter\",\n value: function renderGroupFooter(rowData, index, expanded, isSubheaderGrouping, colSpan) {\n if (isSubheaderGrouping && this.shouldRenderRowGroupFooter(this.props.value, rowData, index - this.props.first, expanded)) {\n var content = ObjectUtils.getJSXElement(this.props.rowGroupFooterTemplate, rowData, {\n index: index,\n colSpan: colSpan,\n props: this.props.tableProps\n });\n return /*#__PURE__*/React.createElement(\"tr\", {\n className: \"p-rowgroup-footer\",\n role: \"row\"\n }, content);\n }\n\n return null;\n }\n }, {\n key: \"renderContent\",\n value: function renderContent() {\n var _this5 = this;\n\n return this.props.value.map(function (rowData, i) {\n var index = _this5.getVirtualScrollerOption('getItemOptions') ? _this5.getVirtualScrollerOption('getItemOptions')(i).index : _this5.props.first + i;\n\n var key = _this5.getRowKey(rowData, index);\n\n var expanded = _this5.isRowExpanded(rowData);\n\n var isSubheaderGrouping = _this5.isSubheaderGrouping();\n\n var colSpan = _this5.getColumnsLength();\n\n var groupHeader = _this5.renderGroupHeader(rowData, index, expanded, isSubheaderGrouping, colSpan);\n\n var row = _this5.renderRow(rowData, index, expanded);\n\n var expansion = _this5.renderExpansion(rowData, index, expanded, isSubheaderGrouping, colSpan);\n\n var groupFooter = _this5.renderGroupFooter(rowData, index, expanded, isSubheaderGrouping, colSpan);\n\n return /*#__PURE__*/React.createElement(React.Fragment, {\n key: key\n }, groupHeader, row, expansion, groupFooter);\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n var className = classNames('p-datatable-tbody', this.props.className);\n var content = this.props.empty ? this.renderEmptyContent() : this.renderContent();\n return /*#__PURE__*/React.createElement(\"tbody\", {\n ref: this.ref,\n className: className\n }, content);\n }\n }]);\n\n return TableBody;\n}(Component);\n\nfunction ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _createSuper$6(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$6(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$6() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar FooterCell = /*#__PURE__*/function (_Component) {\n _inherits(FooterCell, _Component);\n\n var _super = _createSuper$6(FooterCell);\n\n function FooterCell(props) {\n var _this;\n\n _classCallCheck(this, FooterCell);\n\n _this = _super.call(this, props);\n _this.state = {\n styleObject: {}\n };\n return _this;\n }\n\n _createClass(FooterCell, [{\n key: \"getColumnProp\",\n value: function getColumnProp(prop) {\n return this.props.column.props[prop];\n }\n }, {\n key: \"getStyle\",\n value: function getStyle() {\n var footerStyle = this.getColumnProp('footerStyle');\n var columnStyle = this.getColumnProp('style');\n return this.getColumnProp('frozen') ? Object.assign({}, columnStyle, footerStyle, this.state.styleObject) : Object.assign({}, columnStyle, footerStyle);\n }\n }, {\n key: \"updateStickyPosition\",\n value: function updateStickyPosition() {\n if (this.getColumnProp('frozen')) {\n var styleObject = _objectSpread$4({}, this.state.styleObject);\n\n var align = this.getColumnProp('alignFrozen');\n\n if (align === 'right') {\n var right = 0;\n var next = this.el.nextElementSibling;\n\n if (next) {\n right = DomHandler.getOuterWidth(next) + parseFloat(next.style.right || 0);\n }\n\n styleObject['right'] = right + 'px';\n } else {\n var left = 0;\n var prev = this.el.previousElementSibling;\n\n if (prev) {\n left = DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);\n }\n\n styleObject['left'] = left + 'px';\n }\n\n this.setState({\n styleObject: styleObject\n });\n }\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n if (this.getColumnProp('frozen')) {\n this.updateStickyPosition();\n }\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps, prevState) {\n if (this.getColumnProp('frozen')) {\n this.updateStickyPosition();\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n var style = this.getStyle();\n var align = this.getColumnProp('align');\n var className = classNames(this.getColumnProp('footerClassName'), this.getColumnProp('className'), _defineProperty({\n 'p-frozen-column': this.getColumnProp('frozen')\n }, \"p-align-\".concat(align), !!align));\n var colSpan = this.getColumnProp('colSpan');\n var rowSpan = this.getColumnProp('rowSpan');\n var content = ObjectUtils.getJSXElement(this.getColumnProp('footer'), {\n props: this.props.tableProps\n });\n return /*#__PURE__*/React.createElement(\"td\", {\n ref: function ref(el) {\n return _this2.el = el;\n },\n style: style,\n className: className,\n role: \"cell\",\n colSpan: colSpan,\n rowSpan: rowSpan\n }, content);\n }\n }]);\n\n return FooterCell;\n}(Component);\n\nfunction _createSuper$5(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$5(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$5() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar TableFooter = /*#__PURE__*/function (_Component) {\n _inherits(TableFooter, _Component);\n\n var _super = _createSuper$5(TableFooter);\n\n function TableFooter() {\n _classCallCheck(this, TableFooter);\n\n return _super.apply(this, arguments);\n }\n\n _createClass(TableFooter, [{\n key: \"hasFooter\",\n value: function hasFooter() {\n return this.props.footerColumnGroup ? true : this.props.columns ? this.props.columns.some(function (col) {\n return col && col.props.footer;\n }) : false;\n }\n }, {\n key: \"renderGroupFooterCells\",\n value: function renderGroupFooterCells(row) {\n var columns = React.Children.toArray(row.props.children);\n return this.renderFooterCells(columns);\n }\n }, {\n key: \"renderFooterCells\",\n value: function renderFooterCells(columns) {\n var _this = this;\n\n return React.Children.map(columns, function (col, i) {\n var isVisible = col ? !col.props.hidden : true;\n var key = col ? col.props.columnKey || col.props.field || i : i;\n return isVisible && /*#__PURE__*/React.createElement(FooterCell, {\n key: key,\n tableProps: _this.props.tableProps,\n column: col\n });\n });\n }\n }, {\n key: \"renderContent\",\n value: function renderContent() {\n var _this2 = this;\n\n if (this.props.footerColumnGroup) {\n var rows = React.Children.toArray(this.props.footerColumnGroup.props.children);\n return rows.map(function (row, i) {\n return /*#__PURE__*/React.createElement(\"tr\", {\n key: i,\n role: \"row\"\n }, _this2.renderGroupFooterCells(row));\n });\n }\n\n return /*#__PURE__*/React.createElement(\"tr\", {\n role: \"row\"\n }, this.renderFooterCells(this.props.columns));\n }\n }, {\n key: \"render\",\n value: function render() {\n if (this.hasFooter()) {\n var content = this.renderContent();\n return /*#__PURE__*/React.createElement(\"tfoot\", {\n className: \"p-datatable-tfoot\"\n }, content);\n }\n\n return null;\n }\n }]);\n\n return TableFooter;\n}(Component);\n\nfunction _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$4() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar HeaderCheckbox = /*#__PURE__*/function (_Component) {\n _inherits(HeaderCheckbox, _Component);\n\n var _super = _createSuper$4(HeaderCheckbox);\n\n function HeaderCheckbox(props) {\n var _this;\n\n _classCallCheck(this, HeaderCheckbox);\n\n _this = _super.call(this, props);\n _this.state = {\n focused: false\n };\n _this.onFocus = _this.onFocus.bind(_assertThisInitialized(_this));\n _this.onBlur = _this.onBlur.bind(_assertThisInitialized(_this));\n _this.onClick = _this.onClick.bind(_assertThisInitialized(_this));\n _this.onKeyDown = _this.onKeyDown.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n _createClass(HeaderCheckbox, [{\n key: \"onFocus\",\n value: function onFocus() {\n this.setState({\n focused: true\n });\n }\n }, {\n key: \"onBlur\",\n value: function onBlur() {\n this.setState({\n focused: false\n });\n }\n }, {\n key: \"onClick\",\n value: function onClick(event) {\n if (!this.props.disabled) {\n this.setState({\n focused: true\n });\n this.props.onChange({\n originalEvent: event,\n checked: !this.props.checked\n });\n }\n }\n }, {\n key: \"onKeyDown\",\n value: function onKeyDown(event) {\n if (event.code === 'Space') {\n this.onClick(event);\n event.preventDefault();\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n var boxClassName = classNames('p-checkbox-box p-component', {\n 'p-highlight': this.props.checked,\n 'p-disabled': this.props.disabled,\n 'p-focus': this.state.focused\n });\n var iconClassName = classNames('p-checkbox-icon', {\n 'pi pi-check': this.props.checked\n });\n var tabIndex = this.props.disabled ? null : 0;\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"p-checkbox p-component\",\n onClick: this.onClick\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: boxClassName,\n role: \"checkbox\",\n \"aria-checked\": this.props.checked,\n tabIndex: tabIndex,\n onFocus: this.onFocus,\n onBlur: this.onBlur,\n onKeyDown: this.onKeyDown\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: iconClassName\n })));\n }\n }]);\n\n return HeaderCheckbox;\n}(Component);\n\nfunction ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$3() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar ColumnFilter = /*#__PURE__*/function (_Component) {\n _inherits(ColumnFilter, _Component);\n\n var _super = _createSuper$3(ColumnFilter);\n\n function ColumnFilter(props) {\n var _this;\n\n _classCallCheck(this, ColumnFilter);\n\n _this = _super.call(this, props);\n _this.state = {\n overlayVisible: false\n };\n _this.overlayRef = /*#__PURE__*/React.createRef();\n _this.filterCallback = _this.filterCallback.bind(_assertThisInitialized(_this));\n _this.filterApplyCallback = _this.filterApplyCallback.bind(_assertThisInitialized(_this));\n _this.onOperatorChange = _this.onOperatorChange.bind(_assertThisInitialized(_this));\n _this.addConstraint = _this.addConstraint.bind(_assertThisInitialized(_this));\n _this.clearFilter = _this.clearFilter.bind(_assertThisInitialized(_this));\n _this.applyFilter = _this.applyFilter.bind(_assertThisInitialized(_this));\n _this.onInputChange = _this.onInputChange.bind(_assertThisInitialized(_this));\n _this.toggleMenu = _this.toggleMenu.bind(_assertThisInitialized(_this));\n _this.onOverlayEnter = _this.onOverlayEnter.bind(_assertThisInitialized(_this));\n _this.onOverlayExit = _this.onOverlayExit.bind(_assertThisInitialized(_this));\n _this.onOverlayExited = _this.onOverlayExited.bind(_assertThisInitialized(_this));\n _this.onContentKeyDown = _this.onContentKeyDown.bind(_assertThisInitialized(_this));\n _this.onContentClick = _this.onContentClick.bind(_assertThisInitialized(_this));\n _this.onContentMouseDown = _this.onContentMouseDown.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n _createClass(ColumnFilter, [{\n key: \"field\",\n get: function get() {\n return this.getColumnProp('filterField') || this.getColumnProp('field');\n }\n }, {\n key: \"overlay\",\n get: function get() {\n return this.overlayRef ? this.overlayRef.current : null;\n }\n }, {\n key: \"filterModel\",\n get: function get() {\n return this.props.filters[this.field];\n }\n }, {\n key: \"filterStoreModel\",\n get: function get() {\n return this.props.filtersStore[this.field];\n }\n }, {\n key: \"hasFilter\",\n value: function hasFilter() {\n if (this.props.filtersStore) {\n var fieldFilter = this.props.filtersStore[this.field];\n return fieldFilter && (fieldFilter.operator ? !this.isFilterBlank(fieldFilter.constraints[0].value) : !this.isFilterBlank(fieldFilter.value));\n }\n\n return false;\n }\n }, {\n key: \"hasRowFilter\",\n value: function hasRowFilter() {\n return this.filterModel && !this.isFilterBlank(this.filterModel.value);\n }\n }, {\n key: \"isFilterBlank\",\n value: function isFilterBlank(filter) {\n return ObjectUtils.isEmpty(filter);\n }\n }, {\n key: \"isRowMatchModeSelected\",\n value: function isRowMatchModeSelected(matchMode) {\n return this.filterModel && this.filterModel.matchMode === matchMode;\n }\n }, {\n key: \"showMenuButton\",\n value: function showMenuButton() {\n return this.getColumnProp('showFilterMenu') && (this.props.display === 'row' ? this.getColumnProp('dataType') !== 'boolean' : true);\n }\n }, {\n key: \"matchModes\",\n value: function matchModes() {\n return this.getColumnProp('filterMatchModeOptions') || PrimeReact.filterMatchModeOptions[this.findDataType()].map(function (key) {\n return {\n label: localeOption(key),\n value: key\n };\n });\n }\n }, {\n key: \"isShowMatchModes\",\n value: function isShowMatchModes() {\n return this.getColumnProp('dataType') !== 'boolean' && this.getColumnProp('showFilterMatchModes') && this.matchModes() && this.getColumnProp('showFilterMenuOptions');\n }\n }, {\n key: \"isShowOperator\",\n value: function isShowOperator() {\n return this.getColumnProp('showFilterOperator') && this.filterModel && this.filterModel.operator && this.getColumnProp('showFilterMenuOptions');\n }\n }, {\n key: \"showRemoveIcon\",\n value: function showRemoveIcon() {\n return this.fieldConstraints().length > 1;\n }\n }, {\n key: \"isShowAddConstraint\",\n value: function isShowAddConstraint() {\n return this.getColumnProp('showAddButton') && this.filterModel && this.filterModel.operator && this.fieldConstraints() && this.fieldConstraints().length < this.getColumnProp('maxConstraints') && this.getColumnProp('showFilterMenuOptions');\n }\n }, {\n key: \"isOutsideClicked\",\n value: function isOutsideClicked(target) {\n return !this.isTargetClicked(target) && this.overlayRef && this.overlayRef.current && !(this.overlayRef.current.isSameNode(target) || this.overlayRef.current.contains(target));\n }\n }, {\n key: \"isTargetClicked\",\n value: function isTargetClicked(target) {\n return this.icon && (this.icon.isSameNode(target) || this.icon.contains(target));\n }\n }, {\n key: \"getColumnProp\",\n value: function getColumnProp(prop) {\n return this.props.column.props[prop];\n }\n }, {\n key: \"getDefaultConstraint\",\n value: function getDefaultConstraint() {\n if (this.props.filtersStore && this.filterStoreModel) {\n if (this.filterStoreModel.operator) {\n return {\n matchMode: this.filterStoreModel.constraints[0].matchMode,\n operator: this.filterStoreModel.operator\n };\n } else {\n return {\n matchMode: this.filterStoreModel.matchMode\n };\n }\n }\n }\n }, {\n key: \"findDataType\",\n value: function findDataType() {\n var dataType = this.getColumnProp('dataType');\n var matchMode = this.getColumnProp('filterMatchMode');\n\n var hasMatchMode = function hasMatchMode(key) {\n return PrimeReact.filterMatchModeOptions[key].some(function (mode) {\n return mode === matchMode;\n });\n };\n\n if (matchMode === 'custom' && !hasMatchMode(dataType)) {\n PrimeReact.filterMatchModeOptions[dataType].push(FilterMatchMode.CUSTOM);\n return dataType;\n } else if (matchMode) {\n return Object.keys(PrimeReact.filterMatchModeOptions).find(function (key) {\n return hasMatchMode(key);\n }) || dataType;\n }\n\n return dataType;\n }\n }, {\n key: \"clearFilter\",\n value: function clearFilter() {\n var field = this.field;\n var filterClearCallback = this.getColumnProp('onFilterClear');\n var defaultConstraint = this.getDefaultConstraint();\n\n var filters = _objectSpread$3({}, this.props.filters);\n\n if (filters[field].operator) {\n filters[field].constraints.splice(1);\n filters[field].operator = defaultConstraint.operator;\n filters[field].constraints[0] = {\n value: null,\n matchMode: defaultConstraint.matchMode\n };\n } else {\n filters[field].value = null;\n filters[field].matchMode = defaultConstraint.matchMode;\n }\n\n filterClearCallback && filterClearCallback();\n this.props.onFilterChange(filters);\n this.props.onFilterApply();\n this.hide();\n }\n }, {\n key: \"applyFilter\",\n value: function applyFilter() {\n var filterApplyClickCallback = this.getColumnProp('onFilterApplyClick');\n filterApplyClickCallback && filterApplyClickCallback({\n field: this.field,\n constraints: this.filterModel\n });\n this.props.onFilterApply();\n this.hide();\n }\n }, {\n key: \"toggleMenu\",\n value: function toggleMenu() {\n this.setState(function (prevState) {\n return {\n overlayVisible: !prevState.overlayVisible\n };\n });\n }\n }, {\n key: \"onToggleButtonKeyDown\",\n value: function onToggleButtonKeyDown(event) {\n switch (event.key) {\n case 'Escape':\n case 'Tab':\n this.hide();\n break;\n\n case 'ArrowDown':\n if (this.state.overlayVisible) {\n var focusable = DomHandler.getFirstFocusableElement(this.overlay);\n focusable && focusable.focus();\n event.preventDefault();\n } else if (event.altKey) {\n this.setState({\n overlayVisible: true\n });\n event.preventDefault();\n }\n\n break;\n }\n }\n }, {\n key: \"onContentKeyDown\",\n value: function onContentKeyDown(event) {\n if (event.key === 'Escape') {\n this.hide();\n this.icon && this.icon.focus();\n }\n }\n }, {\n key: \"onInputChange\",\n value: function onInputChange(event, index) {\n var filters = _objectSpread$3({}, this.props.filters);\n\n var value = event.target.value;\n\n if (this.props.display === 'menu') {\n filters[this.field].constraints[index].value = value;\n } else {\n filters[this.field].value = value;\n }\n\n this.props.onFilterChange(filters);\n\n if (!this.getColumnProp('showApplyButton') || this.props.display === 'row') {\n this.props.onFilterApply();\n }\n }\n }, {\n key: \"onRowMatchModeChange\",\n value: function onRowMatchModeChange(matchMode) {\n var filterMatchModeChangeCallback = this.getColumnProp('onFilterMatchModeChange');\n\n var filters = _objectSpread$3({}, this.props.filters);\n\n filters[this.field].matchMode = matchMode;\n filterMatchModeChangeCallback && filterMatchModeChangeCallback({\n field: this.field,\n matchMode: matchMode\n });\n this.props.onFilterChange(filters);\n this.props.onFilterApply();\n this.hide();\n }\n }, {\n key: \"onRowMatchModeKeyDown\",\n value: function onRowMatchModeKeyDown(event, matchMode, clear) {\n var item = event.target;\n\n switch (event.key) {\n case 'ArrowDown':\n var nextItem = this.findNextItem(item);\n\n if (nextItem) {\n item.removeAttribute('tabindex');\n nextItem.tabIndex = 0;\n nextItem.focus();\n }\n\n event.preventDefault();\n break;\n\n case 'ArrowUp':\n var prevItem = this.findPrevItem(item);\n\n if (prevItem) {\n item.removeAttribute('tabindex');\n prevItem.tabIndex = 0;\n prevItem.focus();\n }\n\n event.preventDefault();\n break;\n\n case 'Enter':\n clear ? this.clearFilter() : this.onRowMatchModeChange(matchMode.value);\n event.preventDefault();\n break;\n }\n }\n }, {\n key: \"onOperatorChange\",\n value: function onOperatorChange(e) {\n var filterOperationChangeCallback = this.getColumnProp('onFilterOperatorChange');\n var value = e.value;\n\n var filters = _objectSpread$3({}, this.props.filters);\n\n filters[this.field].operator = value;\n this.props.onFilterChange(filters);\n filterOperationChangeCallback && filterOperationChangeCallback({\n field: this.field,\n operator: value\n });\n\n if (!this.getColumnProp('showApplyButton')) {\n this.props.onFilterApply();\n }\n }\n }, {\n key: \"onMenuMatchModeChange\",\n value: function onMenuMatchModeChange(value, index) {\n var filterMatchModeChangeCallback = this.getColumnProp('onFilterMatchModeChange');\n\n var filters = _objectSpread$3({}, this.props.filters);\n\n filters[this.field].constraints[index].matchMode = value;\n this.props.onFilterChange(filters);\n filterMatchModeChangeCallback && filterMatchModeChangeCallback({\n field: this.field,\n matchMode: value,\n index: index\n });\n\n if (!this.getColumnProp('showApplyButton')) {\n this.props.onFilterApply();\n }\n }\n }, {\n key: \"addConstraint\",\n value: function addConstraint() {\n var filterConstraintAddCallback = this.getColumnProp('onFilterConstraintAdd');\n var defaultConstraint = this.getDefaultConstraint();\n\n var filters = _objectSpread$3({}, this.props.filters);\n\n var newConstraint = {\n value: null,\n matchMode: defaultConstraint.matchMode\n };\n filters[this.field].constraints.push(newConstraint);\n filterConstraintAddCallback && filterConstraintAddCallback({\n field: this.field,\n constraint: newConstraint\n });\n this.props.onFilterChange(filters);\n\n if (!this.getColumnProp('showApplyButton')) {\n this.props.onFilterApply();\n }\n }\n }, {\n key: \"removeConstraint\",\n value: function removeConstraint(index) {\n var filterConstraintRemoveCallback = this.getColumnProp('onFilterConstraintRemove');\n\n var filters = _objectSpread$3({}, this.props.filters);\n\n var removedConstraint = filters[this.field].constraints.splice(index, 1);\n filterConstraintRemoveCallback && filterConstraintRemoveCallback({\n field: this.field,\n constraint: removedConstraint\n });\n this.props.onFilterChange(filters);\n\n if (!this.getColumnProp('showApplyButton')) {\n this.props.onFilterApply();\n }\n }\n }, {\n key: \"findNextItem\",\n value: function findNextItem(item) {\n var nextItem = item.nextElementSibling;\n if (nextItem) return DomHandler.hasClass(nextItem, 'p-column-filter-separator') ? this.findNextItem(nextItem) : nextItem;else return item.parentElement.firstElementChild;\n }\n }, {\n key: \"findPrevItem\",\n value: function findPrevItem(item) {\n var prevItem = item.previousElementSibling;\n if (prevItem) return DomHandler.hasClass(prevItem, 'p-column-filter-separator') ? this.findPrevItem(prevItem) : prevItem;else return item.parentElement.lastElementChild;\n }\n }, {\n key: \"hide\",\n value: function hide() {\n this.setState({\n overlayVisible: false\n });\n }\n }, {\n key: \"onContentClick\",\n value: function onContentClick(event) {\n this.selfClick = true;\n OverlayService.emit('overlay-click', {\n originalEvent: event,\n target: this.overlay\n });\n }\n }, {\n key: \"onContentMouseDown\",\n value: function onContentMouseDown() {\n this.selfClick = true;\n }\n }, {\n key: \"onOverlayEnter\",\n value: function onOverlayEnter() {\n var _this2 = this;\n\n ZIndexUtils.set('overlay', this.overlay, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);\n DomHandler.alignOverlay(this.overlay, this.icon, PrimeReact.appendTo, false);\n this.bindOutsideClickListener();\n this.bindScrollListener();\n this.bindResizeListener();\n\n this.overlayEventListener = function (e) {\n if (!_this2.isOutsideClicked(e.target)) {\n _this2.selfClick = true;\n }\n };\n\n OverlayService.on('overlay-click', this.overlayEventListener);\n }\n }, {\n key: \"onOverlayExit\",\n value: function onOverlayExit() {\n this.onOverlayHide();\n }\n }, {\n key: \"onOverlayExited\",\n value: function onOverlayExited() {\n ZIndexUtils.clear(this.overlay);\n }\n }, {\n key: \"onOverlayHide\",\n value: function onOverlayHide() {\n this.unbindOutsideClickListener();\n this.unbindResizeListener();\n this.unbindScrollListener();\n OverlayService.off('overlay-click', this.overlayEventListener);\n this.overlayEventListener = null;\n }\n }, {\n key: \"bindOutsideClickListener\",\n value: function bindOutsideClickListener() {\n var _this3 = this;\n\n if (!this.outsideClickListener) {\n this.outsideClickListener = function (event) {\n if (!_this3.selfClick && _this3.isOutsideClicked(event.target)) {\n _this3.hide();\n }\n\n _this3.selfClick = false;\n };\n\n document.addEventListener('click', this.outsideClickListener);\n }\n }\n }, {\n key: \"unbindOutsideClickListener\",\n value: function unbindOutsideClickListener() {\n if (this.outsideClickListener) {\n document.removeEventListener('click', this.outsideClickListener);\n this.outsideClickListener = null;\n this.selfClick = false;\n }\n }\n }, {\n key: \"bindScrollListener\",\n value: function bindScrollListener() {\n var _this4 = this;\n\n if (!this.scrollHandler) {\n this.scrollHandler = new ConnectedOverlayScrollHandler(this.icon, function () {\n if (_this4.state.overlayVisible) {\n _this4.hide();\n }\n });\n }\n\n this.scrollHandler.bindScrollListener();\n }\n }, {\n key: \"unbindScrollListener\",\n value: function unbindScrollListener() {\n if (this.scrollHandler) {\n this.scrollHandler.unbindScrollListener();\n }\n }\n }, {\n key: \"bindResizeListener\",\n value: function bindResizeListener() {\n var _this5 = this;\n\n if (!this.resizeListener) {\n this.resizeListener = function () {\n if (_this5.state.overlayVisible && !DomHandler.isTouchDevice()) {\n _this5.hide();\n }\n };\n\n window.addEventListener('resize', this.resizeListener);\n }\n }\n }, {\n key: \"unbindResizeListener\",\n value: function unbindResizeListener() {\n if (this.resizeListener) {\n window.removeEventListener('resize', this.resizeListener);\n this.resizeListener = null;\n }\n }\n }, {\n key: \"fieldConstraints\",\n value: function fieldConstraints() {\n return this.filterModel ? this.filterModel.constraints || [this.filterModel] : [];\n }\n }, {\n key: \"operator\",\n value: function operator() {\n return this.filterModel.operator;\n }\n }, {\n key: \"operatorOptions\",\n value: function operatorOptions() {\n return [{\n label: localeOption('matchAll'),\n value: FilterOperator.AND\n }, {\n label: localeOption('matchAny'),\n value: FilterOperator.OR\n }];\n }\n }, {\n key: \"noFilterLabel\",\n value: function noFilterLabel() {\n return localeOption('noFilter');\n }\n }, {\n key: \"removeRuleButtonLabel\",\n value: function removeRuleButtonLabel() {\n return localeOption('removeRule');\n }\n }, {\n key: \"addRuleButtonLabel\",\n value: function addRuleButtonLabel() {\n return localeOption('addRule');\n }\n }, {\n key: \"clearButtonLabel\",\n value: function clearButtonLabel() {\n return localeOption('clear');\n }\n }, {\n key: \"applyButtonLabel\",\n value: function applyButtonLabel() {\n return localeOption('apply');\n }\n }, {\n key: \"filterCallback\",\n value: function filterCallback(value) {\n var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n\n var filters = _objectSpread$3({}, this.props.filters);\n\n var meta = filters[this.field];\n this.props.display === 'menu' && meta && meta.operator ? filters[this.field].constraints[index].value = value : filters[this.field].value = value;\n this.props.onFilterChange(filters);\n }\n }, {\n key: \"filterApplyCallback\",\n value: function filterApplyCallback() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n args && this.filterCallback(args[0], args[1]);\n this.props.onFilterApply();\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps, prevState) {\n if (this.props.display === 'menu' && this.state.overlayVisible) {\n DomHandler.alignOverlay(this.overlay, this.icon, PrimeReact.appendTo, false);\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n if (this.overlayEventListener) {\n OverlayService.off('overlay-click', this.overlayEventListener);\n this.overlayEventListener = null;\n }\n\n if (this.overlay) {\n ZIndexUtils.clear(this.overlay);\n this.onOverlayHide();\n }\n }\n }, {\n key: \"renderFilterElement\",\n value: function renderFilterElement(model, index) {\n var _this6 = this;\n\n var value = model ? model.value : null;\n return this.getColumnProp('filterElement') ? ObjectUtils.getJSXElement(this.getColumnProp('filterElement'), {\n field: this.field,\n index: index,\n filterModel: model,\n value: value,\n filterApplyCallback: this.filterApplyCallback,\n filterCallback: this.filterCallback\n }) : /*#__PURE__*/React.createElement(InputText, {\n type: this.getColumnProp('filterType'),\n value: value || '',\n onChange: function onChange(e) {\n return _this6.onInputChange(e, index);\n },\n className: \"p-column-filter\",\n placeholder: this.getColumnProp('filterPlaceholder'),\n maxLength: this.getColumnProp('filterMaxLength')\n });\n }\n }, {\n key: \"renderRowFilterElement\",\n value: function renderRowFilterElement() {\n if (this.props.display === 'row') {\n var content = this.renderFilterElement(this.filterModel, 0);\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"p-fluid p-column-filter-element\"\n }, content);\n }\n\n return null;\n }\n }, {\n key: \"renderMenuFilterElement\",\n value: function renderMenuFilterElement(fieldConstraint, index) {\n if (this.props.display === 'menu') {\n return this.renderFilterElement(fieldConstraint, index);\n }\n\n return null;\n }\n }, {\n key: \"renderMenuButton\",\n value: function renderMenuButton() {\n var _this7 = this;\n\n if (this.showMenuButton()) {\n var className = classNames('p-column-filter-menu-button p-link', {\n 'p-column-filter-menu-button-open': this.state.overlayVisible,\n 'p-column-filter-menu-button-active': this.hasFilter()\n });\n return /*#__PURE__*/React.createElement(\"button\", {\n ref: function ref(el) {\n return _this7.icon = el;\n },\n type: \"button\",\n className: className,\n \"aria-haspopup\": true,\n \"aria-expanded\": this.state.overlayVisible,\n onClick: this.toggleMenu,\n onKeyDown: this.onToggleButtonKeyDown\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: \"pi pi-filter-icon pi-filter\"\n }));\n }\n\n return null;\n }\n }, {\n key: \"renderClearButton\",\n value: function renderClearButton() {\n if (this.getColumnProp('showClearButton') && this.props.display === 'row') {\n var className = classNames('p-column-filter-clear-button p-link', {\n 'p-hidden-space': !this.hasRowFilter()\n });\n return /*#__PURE__*/React.createElement(\"button\", {\n className: className,\n type: \"button\",\n onClick: this.clearFilter\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: \"pi pi-filter-slash\"\n }));\n }\n\n return null;\n }\n }, {\n key: \"renderRowItems\",\n value: function renderRowItems() {\n var _this8 = this;\n\n if (this.isShowMatchModes()) {\n var matchModes = this.matchModes();\n var noFilterLabel = this.noFilterLabel();\n return /*#__PURE__*/React.createElement(\"ul\", {\n className: \"p-column-filter-row-items\"\n }, matchModes.map(function (matchMode, i) {\n var value = matchMode.value,\n label = matchMode.label;\n var className = classNames('p-column-filter-row-item', {\n 'p-highlight': _this8.isRowMatchModeSelected(value)\n });\n var tabIndex = i === 0 ? 0 : null;\n return /*#__PURE__*/React.createElement(\"li\", {\n className: className,\n key: label,\n onClick: function onClick() {\n return _this8.onRowMatchModeChange(value);\n },\n onKeyDown: function onKeyDown(e) {\n return _this8.onRowMatchModeKeyDown(e, matchMode);\n },\n tabIndex: tabIndex\n }, label);\n }), /*#__PURE__*/React.createElement(\"li\", {\n className: \"p-column-filter-separator\"\n }), /*#__PURE__*/React.createElement(\"li\", {\n className: \"p-column-filter-row-item\",\n onClick: this.clearFilter,\n onKeyDown: function onKeyDown(e) {\n return _this8.onRowMatchModeKeyDown(e, null, true);\n }\n }, noFilterLabel));\n }\n\n return null;\n }\n }, {\n key: \"renderOperator\",\n value: function renderOperator() {\n if (this.isShowOperator()) {\n var options = this.operatorOptions();\n var value = this.operator();\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"p-column-filter-operator\"\n }, /*#__PURE__*/React.createElement(Dropdown, {\n options: options,\n value: value,\n onChange: this.onOperatorChange,\n className: \"p-column-filter-operator-dropdown\"\n }));\n }\n\n return null;\n }\n }, {\n key: \"renderMatchModeDropdown\",\n value: function renderMatchModeDropdown(constraint, index) {\n var _this9 = this;\n\n if (this.isShowMatchModes()) {\n var options = this.matchModes();\n return /*#__PURE__*/React.createElement(Dropdown, {\n options: options,\n value: constraint.matchMode,\n onChange: function onChange(e) {\n return _this9.onMenuMatchModeChange(e.value, index);\n },\n className: \"p-column-filter-matchmode-dropdown\"\n });\n }\n\n return null;\n }\n }, {\n key: \"renderRemoveButton\",\n value: function renderRemoveButton(index) {\n var _this10 = this;\n\n if (this.showRemoveIcon()) {\n var removeRuleLabel = this.removeRuleButtonLabel();\n return /*#__PURE__*/React.createElement(Button, {\n type: \"button\",\n icon: \"pi pi-trash\",\n className: \"p-column-filter-remove-button p-button-text p-button-danger p-button-sm\",\n onClick: function onClick() {\n return _this10.removeConstraint(index);\n },\n label: removeRuleLabel\n });\n }\n\n return null;\n }\n }, {\n key: \"renderConstraints\",\n value: function renderConstraints() {\n var _this11 = this;\n\n var fieldConstraints = this.fieldConstraints();\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"p-column-filter-constraints\"\n }, fieldConstraints.map(function (fieldConstraint, i) {\n var matchModeDropdown = _this11.renderMatchModeDropdown(fieldConstraint, i);\n\n var menuFilterElement = _this11.renderMenuFilterElement(fieldConstraint, i);\n\n var removeButton = _this11.renderRemoveButton(i);\n\n return /*#__PURE__*/React.createElement(\"div\", {\n key: i,\n className: \"p-column-filter-constraint\"\n }, matchModeDropdown, menuFilterElement, /*#__PURE__*/React.createElement(\"div\", null, removeButton));\n }));\n }\n }, {\n key: \"renderAddRule\",\n value: function renderAddRule() {\n if (this.isShowAddConstraint()) {\n var addRuleLabel = this.addRuleButtonLabel();\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"p-column-filter-add-rule\"\n }, /*#__PURE__*/React.createElement(Button, {\n type: \"button\",\n label: addRuleLabel,\n icon: \"pi pi-plus\",\n className: \"p-column-filter-add-button p-button-text p-button-sm\",\n onClick: this.addConstraint\n }));\n }\n\n return null;\n }\n }, {\n key: \"renderFilterClearButton\",\n value: function renderFilterClearButton() {\n if (this.getColumnProp('showClearButton')) {\n if (!this.getColumnProp('filterClear')) {\n var clearLabel = this.clearButtonLabel();\n return /*#__PURE__*/React.createElement(Button, {\n type: \"button\",\n className: \"p-button-outlined p-button-sm\",\n onClick: this.clearFilter,\n label: clearLabel\n });\n }\n\n return ObjectUtils.getJSXElement(this.getColumnProp('filterClear'), {\n field: this.field,\n filterModel: this.filterModel,\n filterClearCallback: this.clearFilter\n });\n }\n\n return null;\n }\n }, {\n key: \"renderFilterApplyButton\",\n value: function renderFilterApplyButton() {\n if (this.getColumnProp('showApplyButton')) {\n if (!this.getColumnProp('filterApply')) {\n var applyLabel = this.applyButtonLabel();\n return /*#__PURE__*/React.createElement(Button, {\n type: \"button\",\n className: \"p-button-sm\",\n onClick: this.applyFilter,\n label: applyLabel\n });\n }\n\n return ObjectUtils.getJSXElement(this.getColumnProp('filterApply'), {\n field: this.field,\n filterModel: this.filterModel,\n filterApplyCallback: this.applyFilter\n });\n }\n\n return null;\n }\n }, {\n key: \"renderButtonBar\",\n value: function renderButtonBar() {\n var clearButton = this.renderFilterClearButton();\n var applyButton = this.renderFilterApplyButton();\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"p-column-filter-buttonbar\"\n }, clearButton, applyButton);\n }\n }, {\n key: \"renderItems\",\n value: function renderItems() {\n var operator = this.renderOperator();\n var constraints = this.renderConstraints();\n var addRule = this.renderAddRule();\n var buttonBar = this.renderButtonBar();\n return /*#__PURE__*/React.createElement(React.Fragment, null, operator, constraints, addRule, buttonBar);\n }\n }, {\n key: \"renderOverlay\",\n value: function renderOverlay() {\n var style = this.getColumnProp('filterMenuStyle');\n var className = classNames('p-column-filter-overlay p-component p-fluid', this.getColumnProp('filterMenuClassName'), {\n 'p-column-filter-overlay-menu': this.props.display === 'menu',\n 'p-input-filled': PrimeReact.inputStyle === 'filled',\n 'p-ripple-disabled': PrimeReact.ripple === false\n });\n var filterHeader = ObjectUtils.getJSXElement(this.getColumnProp('filterHeader'), {\n field: this.field,\n filterModel: this.filterModel,\n filterApplyCallback: this.filterApplyCallback\n });\n var filterFooter = ObjectUtils.getJSXElement(this.getColumnProp('filterFooter'), {\n field: this.field,\n filterModel: this.filterModel,\n filterApplyCallback: this.filterApplyCallback\n });\n var items = this.props.display === 'row' ? this.renderRowItems() : this.renderItems();\n return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(CSSTransition, {\n nodeRef: this.overlayRef,\n classNames: \"p-connected-overlay\",\n \"in\": this.state.overlayVisible,\n timeout: {\n enter: 120,\n exit: 100\n },\n unmountOnExit: true,\n onEnter: this.onOverlayEnter,\n onExit: this.onOverlayExit,\n onExited: this.onOverlayExited\n }, /*#__PURE__*/React.createElement(\"div\", {\n ref: this.overlayRef,\n style: style,\n className: className,\n onKeyDown: this.onContentKeyDown,\n onClick: this.onContentClick,\n onMouseDown: this.onContentMouseDown\n }, filterHeader, items, filterFooter)));\n }\n }, {\n key: \"render\",\n value: function render() {\n var className = classNames('p-column-filter p-fluid', {\n 'p-column-filter-row': this.props.display === 'row',\n 'p-column-filter-menu': this.props.display === 'menu'\n });\n var rowFilterElement = this.renderRowFilterElement();\n var menuButton = this.renderMenuButton();\n var clearButton = this.renderClearButton();\n var overlay = this.renderOverlay();\n return /*#__PURE__*/React.createElement(\"div\", {\n className: className\n }, rowFilterElement, menuButton, clearButton, overlay);\n }\n }]);\n\n return ColumnFilter;\n}(Component);\n\nfunction ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$2() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar HeaderCell = /*#__PURE__*/function (_Component) {\n _inherits(HeaderCell, _Component);\n\n var _super = _createSuper$2(HeaderCell);\n\n function HeaderCell(props) {\n var _this;\n\n _classCallCheck(this, HeaderCell);\n\n _this = _super.call(this, props);\n _this.state = {\n styleObject: {}\n };\n _this.onClick = _this.onClick.bind(_assertThisInitialized(_this));\n _this.onMouseDown = _this.onMouseDown.bind(_assertThisInitialized(_this));\n _this.onKeyDown = _this.onKeyDown.bind(_assertThisInitialized(_this)); // drag\n\n _this.onDragStart = _this.onDragStart.bind(_assertThisInitialized(_this));\n _this.onDragOver = _this.onDragOver.bind(_assertThisInitialized(_this));\n _this.onDragLeave = _this.onDragLeave.bind(_assertThisInitialized(_this));\n _this.onDrop = _this.onDrop.bind(_assertThisInitialized(_this)); // resize\n\n _this.onResizerMouseDown = _this.onResizerMouseDown.bind(_assertThisInitialized(_this));\n _this.onResizerClick = _this.onResizerClick.bind(_assertThisInitialized(_this));\n _this.onResizerDoubleClick = _this.onResizerDoubleClick.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n _createClass(HeaderCell, [{\n key: \"isBadgeVisible\",\n value: function isBadgeVisible() {\n return this.props.multiSortMeta && this.props.multiSortMeta.length > 1;\n }\n }, {\n key: \"isSortableDisabled\",\n value: function isSortableDisabled() {\n return !this.getColumnProp('sortable') || this.getColumnProp('sortable') && (this.props.allSortableDisabled || this.getColumnProp('sortableDisabled'));\n }\n }, {\n key: \"getColumnProp\",\n value: function getColumnProp() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return this.props.column ? typeof args[0] === 'string' ? this.props.column.props[args[0]] : (args[0] || this.props.column).props[args[1]] : null;\n }\n }, {\n key: \"getStyle\",\n value: function getStyle() {\n var headerStyle = this.getColumnProp('headerStyle');\n var columnStyle = this.getColumnProp('style');\n return this.getColumnProp('frozen') ? Object.assign({}, columnStyle, headerStyle, this.state.styleObject) : Object.assign({}, columnStyle, headerStyle);\n }\n }, {\n key: \"getMultiSortMetaIndex\",\n value: function getMultiSortMetaIndex() {\n var _this2 = this;\n\n return this.props.multiSortMeta.findIndex(function (meta) {\n return meta.field === _this2.getColumnProp('field') || meta.field === _this2.getColumnProp('sortField');\n });\n }\n }, {\n key: \"getSortMeta\",\n value: function getSortMeta() {\n var sorted = false;\n var sortOrder = 0;\n var metaIndex = -1;\n\n if (this.props.sortMode === 'single') {\n sorted = this.props.sortField && (this.props.sortField === this.getColumnProp('field') || this.props.sortField === this.getColumnProp('sortField'));\n sortOrder = sorted ? this.props.sortOrder : 0;\n } else if (this.props.sortMode === 'multiple') {\n metaIndex = this.getMultiSortMetaIndex();\n\n if (metaIndex > -1) {\n sorted = true;\n sortOrder = this.props.multiSortMeta[metaIndex].order;\n }\n }\n\n return {\n sorted: sorted,\n sortOrder: sortOrder,\n metaIndex: metaIndex\n };\n }\n }, {\n key: \"getAriaSort\",\n value: function getAriaSort(_ref) {\n var sorted = _ref.sorted,\n sortOrder = _ref.sortOrder;\n\n if (this.getColumnProp('sortable')) {\n var sortIcon = sorted ? sortOrder < 0 ? 'pi-sort-amount-down' : 'pi-sort-amount-up-alt' : 'pi-sort-alt';\n if (sortIcon === 'pi-sort-amount-down') return 'descending';else if (sortIcon === 'pi-sort-amount-up-alt') return 'ascending';else return 'none';\n }\n\n return null;\n }\n }, {\n key: \"updateStickyPosition\",\n value: function updateStickyPosition() {\n if (this.getColumnProp('frozen')) {\n var styleObject = _objectSpread$2({}, this.state.styleObject);\n\n var align = this.getColumnProp('alignFrozen');\n\n if (align === 'right') {\n var right = 0;\n var next = this.el.nextElementSibling;\n\n if (next) {\n right = DomHandler.getOuterWidth(next) + parseFloat(next.style.right || 0);\n }\n\n styleObject['right'] = right + 'px';\n } else {\n var left = 0;\n var prev = this.el.previousElementSibling;\n\n if (prev) {\n left = DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);\n }\n\n styleObject['left'] = left + 'px';\n }\n\n var filterRow = this.el.parentElement.nextElementSibling;\n\n if (filterRow) {\n var index = DomHandler.index(this.el);\n filterRow.children[index].style.left = styleObject['left'];\n filterRow.children[index].style.right = styleObject['right'];\n }\n\n var isSameStyle = this.state.styleObject['left'] === styleObject['left'] && this.state.styleObject['right'] === styleObject['right'];\n !isSameStyle && this.setState({\n styleObject: styleObject\n });\n }\n }\n }, {\n key: \"updateSortableDisabled\",\n value: function updateSortableDisabled(prevColumn) {\n if (this.getColumnProp(prevColumn, 'sortableDisabled') !== this.getColumnProp('sortableDisabled') || this.getColumnProp(prevColumn, 'sortable') !== this.getColumnProp('sortable')) {\n this.props.onSortableChange();\n }\n }\n }, {\n key: \"onClick\",\n value: function onClick(event) {\n if (!this.isSortableDisabled()) {\n var targetNode = event.target;\n\n if (DomHandler.hasClass(targetNode, 'p-sortable-column') || DomHandler.hasClass(targetNode, 'p-column-title') || DomHandler.hasClass(targetNode, 'p-column-header-content') || DomHandler.hasClass(targetNode, 'p-sortable-column-icon') || DomHandler.hasClass(targetNode.parentElement, 'p-sortable-column-icon')) {\n DomHandler.clearSelection();\n this.props.onSortChange({\n originalEvent: event,\n column: this.props.column,\n sortableDisabledFields: this.props.sortableDisabledFields\n });\n }\n }\n }\n }, {\n key: \"onMouseDown\",\n value: function onMouseDown(event) {\n this.props.onColumnMouseDown({\n originalEvent: event,\n column: this.props.column\n });\n }\n }, {\n key: \"onKeyDown\",\n value: function onKeyDown(event) {\n if (event.key === 'Enter' && event.currentTarget === this.el && DomHandler.hasClass(event.currentTarget, 'p-sortable-column')) {\n this.onClick(event);\n event.preventDefault();\n }\n }\n }, {\n key: \"onDragStart\",\n value: function onDragStart(event) {\n this.props.onColumnDragStart({\n originalEvent: event,\n column: this.props.column\n });\n }\n }, {\n key: \"onDragOver\",\n value: function onDragOver(event) {\n this.props.onColumnDragOver({\n originalEvent: event,\n column: this.props.column\n });\n }\n }, {\n key: \"onDragLeave\",\n value: function onDragLeave(event) {\n this.props.onColumnDragLeave({\n originalEvent: event,\n column: this.props.column\n });\n }\n }, {\n key: \"onDrop\",\n value: function onDrop(event) {\n this.props.onColumnDrop({\n originalEvent: event,\n column: this.props.column\n });\n }\n }, {\n key: \"onResizerMouseDown\",\n value: function onResizerMouseDown(event) {\n this.props.onColumnResizeStart({\n originalEvent: event,\n column: this.props.column\n });\n }\n }, {\n key: \"onResizerClick\",\n value: function onResizerClick(event) {\n if (this.props.onColumnResizerClick) {\n this.props.onColumnResizerClick({\n originalEvent: event,\n element: event.currentTarget.parentElement,\n column: this.props.column\n });\n event.preventDefault();\n }\n }\n }, {\n key: \"onResizerDoubleClick\",\n value: function onResizerDoubleClick(event) {\n if (this.props.onColumnResizerDoubleClick) {\n this.props.onColumnResizerDoubleClick({\n originalEvent: event,\n element: event.currentTarget.parentElement,\n column: this.props.column\n });\n event.preventDefault();\n }\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n if (this.getColumnProp('frozen')) {\n this.updateStickyPosition();\n }\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n if (this.getColumnProp('frozen')) {\n this.updateStickyPosition();\n }\n\n this.updateSortableDisabled(prevProps.column);\n }\n }, {\n key: \"renderResizer\",\n value: function renderResizer() {\n if (this.props.resizableColumns && !this.getColumnProp('frozen')) {\n return /*#__PURE__*/React.createElement(\"span\", {\n className: \"p-column-resizer\",\n onMouseDown: this.onResizerMouseDown,\n onClick: this.onResizerClick,\n onDoubleClick: this.onResizerDoubleClick\n });\n }\n\n return null;\n }\n }, {\n key: \"renderTitle\",\n value: function renderTitle() {\n var title = ObjectUtils.getJSXElement(this.getColumnProp('header'), {\n props: this.props.tableProps\n });\n return /*#__PURE__*/React.createElement(\"span\", {\n className: \"p-column-title\"\n }, title);\n }\n }, {\n key: \"renderSortIcon\",\n value: function renderSortIcon(_ref2) {\n var sorted = _ref2.sorted,\n sortOrder = _ref2.sortOrder;\n\n if (this.getColumnProp('sortable')) {\n var sortIcon = sorted ? sortOrder < 0 ? 'pi-sort-amount-down' : 'pi-sort-amount-up-alt' : 'pi-sort-alt';\n var className = classNames('p-sortable-column-icon pi pi-fw', sortIcon);\n return /*#__PURE__*/React.createElement(\"span\", {\n className: className\n });\n }\n\n return null;\n }\n }, {\n key: \"renderBadge\",\n value: function renderBadge(_ref3) {\n var metaIndex = _ref3.metaIndex;\n\n if (metaIndex !== -1 && this.isBadgeVisible()) {\n var value = this.props.groupRowsBy && this.props.groupRowsBy === this.props.groupRowSortField ? metaIndex : metaIndex + 1;\n return /*#__PURE__*/React.createElement(\"span\", {\n className: \"p-sortable-column-badge\"\n }, value);\n }\n\n return null;\n }\n }, {\n key: \"renderCheckbox\",\n value: function renderCheckbox() {\n if (this.props.showSelectAll && this.getColumnProp('selectionMode') === 'multiple' && this.props.filterDisplay !== 'row') {\n var allRowsSelected = this.props.allRowsSelected(this.props.value);\n return /*#__PURE__*/React.createElement(HeaderCheckbox, {\n checked: allRowsSelected,\n onChange: this.props.onColumnCheckboxChange,\n disabled: this.props.empty\n });\n }\n\n return null;\n }\n }, {\n key: \"renderFilter\",\n value: function renderFilter() {\n if (this.props.filterDisplay === 'menu' && this.getColumnProp('filter')) {\n return /*#__PURE__*/React.createElement(ColumnFilter, {\n display: \"menu\",\n column: this.props.column,\n filters: this.props.filters,\n onFilterChange: this.props.onFilterChange,\n onFilterApply: this.props.onFilterApply,\n filtersStore: this.props.filtersStore\n });\n }\n\n return null;\n }\n }, {\n key: \"renderHeader\",\n value: function renderHeader(sortMeta) {\n var title = this.renderTitle();\n var sortIcon = this.renderSortIcon(sortMeta);\n var badge = this.renderBadge(sortMeta);\n var checkbox = this.renderCheckbox();\n var filter = this.renderFilter();\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"p-column-header-content\"\n }, title, sortIcon, badge, checkbox, filter);\n }\n }, {\n key: \"renderElement\",\n value: function renderElement() {\n var _this3 = this;\n\n var isSortableDisabled = this.isSortableDisabled();\n var sortMeta = this.getSortMeta();\n var style = this.getStyle();\n var align = this.getColumnProp('alignHeader') || this.getColumnProp('align');\n var className = classNames(this.getColumnProp('headerClassName'), this.getColumnProp('className'), _defineProperty({\n 'p-sortable-column': this.getColumnProp('sortable'),\n 'p-resizable-column': this.props.resizableColumns,\n 'p-highlight': sortMeta.sorted,\n 'p-frozen-column': this.getColumnProp('frozen'),\n 'p-selection-column': this.getColumnProp('selectionMode'),\n 'p-sortable-disabled': this.getColumnProp('sortable') && isSortableDisabled,\n 'p-reorderable-column': this.props.reorderableColumns && this.getColumnProp('reorderable')\n }, \"p-align-\".concat(align), !!align));\n var tabIndex = this.getColumnProp('sortable') && !isSortableDisabled ? this.props.tabIndex : null;\n var colSpan = this.getColumnProp('colSpan');\n var rowSpan = this.getColumnProp('rowSpan');\n var ariaSort = this.getAriaSort(sortMeta);\n var resizer = this.renderResizer();\n var header = this.renderHeader(sortMeta);\n return /*#__PURE__*/React.createElement(\"th\", {\n ref: function ref(el) {\n return _this3.el = el;\n },\n style: style,\n className: className,\n tabIndex: tabIndex,\n role: \"columnheader\",\n onClick: this.onClick,\n onKeyDown: this.onKeyDown,\n onMouseDown: this.onMouseDown,\n onDragStart: this.onDragStart,\n onDragOver: this.onDragOver,\n onDragLeave: this.onDragLeave,\n onDrop: this.onDrop,\n colSpan: colSpan,\n rowSpan: rowSpan,\n \"aria-sort\": ariaSort\n }, resizer, header);\n }\n }, {\n key: \"render\",\n value: function render() {\n return this.renderElement();\n }\n }]);\n\n return HeaderCell;\n}(Component);\n\nfunction ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$1() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar TableHeader = /*#__PURE__*/function (_Component) {\n _inherits(TableHeader, _Component);\n\n var _super = _createSuper$1(TableHeader);\n\n function TableHeader(props) {\n var _this;\n\n _classCallCheck(this, TableHeader);\n\n _this = _super.call(this, props);\n _this.state = {\n sortableDisabledFields: [],\n allSortableDisabled: false,\n styleObject: {}\n };\n _this.onSortableChange = _this.onSortableChange.bind(_assertThisInitialized(_this));\n _this.onCheckboxChange = _this.onCheckboxChange.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n _createClass(TableHeader, [{\n key: \"isSingleSort\",\n value: function isSingleSort() {\n return this.props.sortMode === 'single';\n }\n }, {\n key: \"isMultipleSort\",\n value: function isMultipleSort() {\n return this.props.sortMode === 'multiple';\n }\n }, {\n key: \"isAllSortableDisabled\",\n value: function isAllSortableDisabled() {\n return this.isSingleSort() && this.state.allSortableDisabled;\n }\n }, {\n key: \"isColumnSorted\",\n value: function isColumnSorted(column) {\n return this.props.sortField !== null ? column.props.field === this.props.sortField || column.props.sortField === this.props.sortField : false;\n }\n }, {\n key: \"updateSortableDisabled\",\n value: function updateSortableDisabled() {\n var _this2 = this;\n\n if (this.isSingleSort() || this.isMultipleSort() && this.props.onSortChange) {\n var sortableDisabledFields = [];\n var allSortableDisabled = false;\n this.props.columns.forEach(function (column) {\n if (column.props.sortableDisabled) {\n sortableDisabledFields.push(column.props.sortField || column.props.field);\n\n if (!allSortableDisabled && _this2.isColumnSorted(column)) {\n allSortableDisabled = true;\n }\n }\n });\n this.setState({\n sortableDisabledFields: sortableDisabledFields,\n allSortableDisabled: allSortableDisabled\n });\n }\n }\n }, {\n key: \"onSortableChange\",\n value: function onSortableChange() {\n this.updateSortableDisabled();\n }\n }, {\n key: \"onCheckboxChange\",\n value: function onCheckboxChange(e) {\n this.props.onColumnCheckboxChange(e, this.props.value);\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.updateSortableDisabled();\n }\n }, {\n key: \"renderGroupHeaderCells\",\n value: function renderGroupHeaderCells(row) {\n var columns = React.Children.toArray(row.props.children);\n return this.renderHeaderCells(columns);\n }\n }, {\n key: \"renderHeaderCells\",\n value: function renderHeaderCells(columns) {\n var _this3 = this;\n\n return React.Children.map(columns, function (col, i) {\n var isVisible = col ? !col.props.hidden : true;\n var key = col ? col.props.columnKey || col.props.field || i : i;\n return isVisible && /*#__PURE__*/React.createElement(HeaderCell, {\n key: key,\n value: _this3.props.value,\n tableProps: _this3.props.tableProps,\n column: col,\n tabIndex: _this3.props.tabIndex,\n empty: _this3.props.empty,\n resizableColumns: _this3.props.resizableColumns,\n groupRowsBy: _this3.props.groupRowsBy,\n groupRowSortField: _this3.props.groupRowSortField,\n sortMode: _this3.props.sortMode,\n sortField: _this3.props.sortField,\n sortOrder: _this3.props.sortOrder,\n multiSortMeta: _this3.props.multiSortMeta,\n allSortableDisabled: _this3.isAllSortableDisabled(),\n onSortableChange: _this3.onSortableChange,\n sortableDisabledFields: _this3.state.sortableDisabledFields,\n filterDisplay: _this3.props.filterDisplay,\n filters: _this3.props.filters,\n filtersStore: _this3.props.filtersStore,\n onFilterChange: _this3.props.onFilterChange,\n onFilterApply: _this3.props.onFilterApply,\n onColumnMouseDown: _this3.props.onColumnMouseDown,\n onColumnDragStart: _this3.props.onColumnDragStart,\n onColumnDragOver: _this3.props.onColumnDragOver,\n onColumnDragLeave: _this3.props.onColumnDragLeave,\n onColumnDrop: _this3.props.onColumnDrop,\n onColumnResizeStart: _this3.props.onColumnResizeStart,\n onColumnResizerClick: _this3.props.onColumnResizerClick,\n onColumnResizerDoubleClick: _this3.props.onColumnResizerDoubleClick,\n showSelectAll: _this3.props.showSelectAll,\n allRowsSelected: _this3.props.allRowsSelected,\n onColumnCheckboxChange: _this3.onCheckboxChange,\n reorderableColumns: _this3.props.reorderableColumns,\n onSortChange: _this3.props.onSortChange\n });\n });\n }\n }, {\n key: \"renderCheckbox\",\n value: function renderCheckbox(selectionMode) {\n if (this.props.showSelectAll && selectionMode === 'multiple') {\n var allRowsSelected = this.props.allRowsSelected(this.props.value);\n return /*#__PURE__*/React.createElement(HeaderCheckbox, {\n checked: allRowsSelected,\n onChange: this.onCheckboxChange,\n disabled: this.props.empty\n });\n }\n\n return null;\n }\n }, {\n key: \"renderFilter\",\n value: function renderFilter(column, filter) {\n if (filter) {\n return /*#__PURE__*/React.createElement(ColumnFilter, {\n display: \"row\",\n column: column,\n filters: this.props.filters,\n filtersStore: this.props.filtersStore,\n onFilterChange: this.props.onFilterChange,\n onFilterApply: this.props.onFilterApply\n });\n }\n\n return null;\n }\n }, {\n key: \"renderFilterCells\",\n value: function renderFilterCells() {\n var _this4 = this;\n\n return React.Children.map(this.props.columns, function (col, i) {\n var isVisible = !col.props.hidden;\n\n if (isVisible) {\n var _col$props = col.props,\n filterHeaderStyle = _col$props.filterHeaderStyle,\n style = _col$props.style,\n filterHeaderClassName = _col$props.filterHeaderClassName,\n className = _col$props.className,\n frozen = _col$props.frozen,\n columnKey = _col$props.columnKey,\n field = _col$props.field,\n selectionMode = _col$props.selectionMode,\n filter = _col$props.filter;\n\n var colStyle = _objectSpread$1(_objectSpread$1({}, filterHeaderStyle || {}), style || {});\n\n var colClassName = classNames('p-filter-column', filterHeaderClassName, className, {\n 'p-frozen-column': frozen\n });\n var colKey = columnKey || field || i;\n\n var checkbox = _this4.renderCheckbox(selectionMode);\n\n var filterRow = _this4.renderFilter(col, filter);\n\n return /*#__PURE__*/React.createElement(\"th\", {\n key: colKey,\n style: colStyle,\n className: colClassName\n }, checkbox, filterRow);\n }\n\n return null;\n });\n }\n }, {\n key: \"renderContent\",\n value: function renderContent() {\n var _this5 = this;\n\n if (this.props.headerColumnGroup) {\n var rows = React.Children.toArray(this.props.headerColumnGroup.props.children);\n return rows.map(function (row, i) {\n return /*#__PURE__*/React.createElement(\"tr\", {\n key: i,\n role: \"row\"\n }, _this5.renderGroupHeaderCells(row));\n });\n } else {\n var headerRow = /*#__PURE__*/React.createElement(\"tr\", {\n role: \"row\"\n }, this.renderHeaderCells(this.props.columns));\n var filterRow = this.props.filterDisplay === 'row' && /*#__PURE__*/React.createElement(\"tr\", {\n role: \"row\"\n }, this.renderFilterCells());\n return /*#__PURE__*/React.createElement(React.Fragment, null, headerRow, filterRow);\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n var content = this.renderContent();\n return /*#__PURE__*/React.createElement(\"thead\", {\n className: \"p-datatable-thead\"\n }, content);\n }\n }]);\n\n return TableHeader;\n}(Component);\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar DataTable = /*#__PURE__*/function (_Component) {\n _inherits(DataTable, _Component);\n\n var _super = _createSuper(DataTable);\n\n function DataTable(props) {\n var _this;\n\n _classCallCheck(this, DataTable);\n\n _this = _super.call(this, props);\n _this.state = {\n d_rows: props.rows,\n columnOrder: [],\n groupRowsSortMeta: null,\n editingMeta: {},\n attributeSelector: null\n };\n\n if (!_this.props.onPage) {\n _this.state.first = props.first;\n _this.state.rows = props.rows;\n }\n\n if (!_this.props.onSort) {\n _this.state.sortField = props.sortField;\n _this.state.sortOrder = props.sortOrder;\n _this.state.multiSortMeta = props.multiSortMeta;\n }\n\n _this.state.d_filters = _this.cloneFilters(props.filters);\n\n if (!_this.props.onFilter) {\n _this.state.filters = props.filters;\n } // header\n\n\n _this.onSortChange = _this.onSortChange.bind(_assertThisInitialized(_this));\n _this.onFilterChange = _this.onFilterChange.bind(_assertThisInitialized(_this));\n _this.onFilterApply = _this.onFilterApply.bind(_assertThisInitialized(_this));\n _this.onColumnHeaderMouseDown = _this.onColumnHeaderMouseDown.bind(_assertThisInitialized(_this));\n _this.onColumnHeaderDragStart = _this.onColumnHeaderDragStart.bind(_assertThisInitialized(_this));\n _this.onColumnHeaderDragOver = _this.onColumnHeaderDragOver.bind(_assertThisInitialized(_this));\n _this.onColumnHeaderDragLeave = _this.onColumnHeaderDragLeave.bind(_assertThisInitialized(_this));\n _this.onColumnHeaderDrop = _this.onColumnHeaderDrop.bind(_assertThisInitialized(_this));\n _this.onColumnResizeStart = _this.onColumnResizeStart.bind(_assertThisInitialized(_this));\n _this.onColumnHeaderCheckboxChange = _this.onColumnHeaderCheckboxChange.bind(_assertThisInitialized(_this));\n _this.allRowsSelected = _this.allRowsSelected.bind(_assertThisInitialized(_this)); // body\n\n _this.onEditingMetaChange = _this.onEditingMetaChange.bind(_assertThisInitialized(_this)); //paginator\n\n _this.onPageChange = _this.onPageChange.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n _createClass(DataTable, [{\n key: \"isCustomStateStorage\",\n value: function isCustomStateStorage() {\n return this.props.stateStorage === 'custom';\n }\n }, {\n key: \"isStateful\",\n value: function isStateful() {\n return this.props.stateKey != null || this.isCustomStateStorage();\n }\n }, {\n key: \"isVirtualScrollerDisabled\",\n value: function isVirtualScrollerDisabled() {\n return ObjectUtils.isEmpty(this.props.virtualScrollerOptions) || !this.props.scrollable;\n }\n }, {\n key: \"isEquals\",\n value: function isEquals(data1, data2) {\n return this.props.compareSelectionBy === 'equals' ? data1 === data2 : ObjectUtils.equals(data1, data2, this.props.dataKey);\n }\n }, {\n key: \"hasFilter\",\n value: function hasFilter() {\n return ObjectUtils.isNotEmpty(this.getFilters()) || this.props.globalFilter;\n }\n }, {\n key: \"getFirst\",\n value: function getFirst() {\n return this.props.onPage ? this.props.first : this.state.first;\n }\n }, {\n key: \"getRows\",\n value: function getRows() {\n return this.props.onPage ? this.props.rows : this.state.rows;\n }\n }, {\n key: \"getSortField\",\n value: function getSortField() {\n return this.props.onSort ? this.props.sortField : this.state.sortField;\n }\n }, {\n key: \"getSortOrder\",\n value: function getSortOrder() {\n return this.props.onSort ? this.props.sortOrder : this.state.sortOrder;\n }\n }, {\n key: \"getMultiSortMeta\",\n value: function getMultiSortMeta() {\n return (this.props.onSort ? this.props.multiSortMeta : this.state.multiSortMeta) || [];\n }\n }, {\n key: \"getFilters\",\n value: function getFilters() {\n return this.props.onFilter ? this.props.filters : this.state.filters;\n }\n }, {\n key: \"getColumnProp\",\n value: function getColumnProp(col, prop) {\n return col.props[prop];\n }\n }, {\n key: \"getColumns\",\n value: function getColumns(ignoreReorderable) {\n var _this2 = this;\n\n var columns = React.Children.toArray(this.props.children);\n\n if (!columns) {\n return null;\n }\n\n if (!ignoreReorderable && this.props.reorderableColumns && this.state.columnOrder) {\n var orderedColumns = this.state.columnOrder.reduce(function (arr, columnKey) {\n var column = _this2.findColumnByKey(columns, columnKey);\n\n column && arr.push(column);\n return arr;\n }, []);\n return [].concat(_toConsumableArray(orderedColumns), _toConsumableArray(columns.filter(function (col) {\n return orderedColumns.indexOf(col) < 0;\n })));\n }\n\n return columns;\n }\n }, {\n key: \"getStorage\",\n value: function getStorage() {\n switch (this.props.stateStorage) {\n case 'local':\n return window.localStorage;\n\n case 'session':\n return window.sessionStorage;\n\n case 'custom':\n return null;\n\n default:\n throw new Error(this.props.stateStorage + ' is not a valid value for the state storage, supported values are \"local\", \"session\" and \"custom\".');\n }\n }\n }, {\n key: \"saveState\",\n value: function saveState() {\n var state = {};\n\n if (this.props.paginator) {\n state.first = this.getFirst();\n state.rows = this.getRows();\n }\n\n var sortField = this.getSortField();\n\n if (sortField) {\n state.sortField = sortField;\n state.sortOrder = this.getSortOrder();\n }\n\n var multiSortMeta = this.getMultiSortMeta();\n\n if (multiSortMeta) {\n state.multiSortMeta = multiSortMeta;\n }\n\n if (this.hasFilter()) {\n state.filters = this.getFilters();\n }\n\n if (this.props.resizableColumns) {\n this.saveColumnWidths(state);\n }\n\n if (this.props.reorderableColumns) {\n state.columnOrder = this.state.columnOrder;\n }\n\n if (this.props.expandedRows) {\n state.expandedRows = this.props.expandedRows;\n }\n\n if (this.props.selection && this.props.onSelectionChange) {\n state.selection = this.props.selection;\n }\n\n if (this.isCustomStateStorage()) {\n if (this.props.customSaveState) {\n this.props.customSaveState(state);\n }\n } else {\n var storage = this.getStorage();\n\n if (ObjectUtils.isNotEmpty(state)) {\n storage.setItem(this.props.stateKey, JSON.stringify(state));\n }\n }\n\n if (this.props.onStateSave) {\n this.props.onStateSave(state);\n }\n }\n }, {\n key: \"clearState\",\n value: function clearState() {\n var storage = this.getStorage();\n\n if (storage && this.props.stateKey) {\n storage.removeItem(this.props.stateKey);\n }\n }\n }, {\n key: \"restoreState\",\n value: function restoreState(state) {\n var restoredState = {};\n\n if (this.isCustomStateStorage()) {\n if (this.props.customRestoreState) {\n restoredState = this.props.customRestoreState();\n }\n } else {\n var storage = this.getStorage();\n var stateString = storage.getItem(this.props.stateKey);\n var dateFormat = /\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}.\\d{3}Z/;\n\n var reviver = function reviver(key, value) {\n return typeof value === \"string\" && dateFormat.test(value) ? new Date(value) : value;\n };\n\n if (stateString) {\n restoredState = JSON.parse(stateString, reviver);\n }\n }\n\n this._restoreState(restoredState, state);\n }\n }, {\n key: \"restoreTableState\",\n value: function restoreTableState(restoredState) {\n var state = this._restoreState(restoredState);\n\n if (ObjectUtils.isNotEmpty(state)) {\n this.setState(state);\n }\n }\n }, {\n key: \"_restoreState\",\n value: function _restoreState(restoredState) {\n var _this3 = this;\n\n var state = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n if (ObjectUtils.isNotEmpty(restoredState)) {\n if (this.props.paginator) {\n if (this.props.onPage) {\n var getOnPageParams = function getOnPageParams(first, rows) {\n var totalRecords = _this3.getTotalRecords(_this3.processedData());\n\n var pageCount = Math.ceil(totalRecords / rows) || 1;\n var page = Math.floor(first / rows);\n return {\n first: first,\n rows: rows,\n page: page,\n pageCount: pageCount\n };\n };\n\n this.props.onPage(this.createEvent(getOnPageParams(restoredState.first, restoredState.rows)));\n } else {\n state.first = restoredState.first;\n state.rows = restoredState.rows;\n }\n }\n\n if (restoredState.sortField) {\n if (this.props.onSort) {\n this.props.onSort(this.createEvent({\n sortField: restoredState.sortField,\n sortOrder: restoredState.sortOrder\n }));\n } else {\n state.sortField = restoredState.sortField;\n state.sortOrder = restoredState.sortOrder;\n }\n }\n\n if (restoredState.multiSortMeta) {\n if (this.props.onSort) {\n this.props.onSort(this.createEvent({\n multiSortMeta: restoredState.multiSortMeta\n }));\n } else {\n state.multiSortMeta = restoredState.multiSortMeta;\n }\n }\n\n if (restoredState.filters) {\n state.d_filters = this.cloneFilters(restoredState.filters);\n\n if (this.props.onFilter) {\n this.props.onFilter(this.createEvent({\n filters: restoredState.filters\n }));\n } else {\n state.filters = this.cloneFilters(restoredState.filters);\n }\n }\n\n if (this.props.resizableColumns) {\n this.columnWidthsState = restoredState.columnWidths;\n this.tableWidthState = restoredState.tableWidth;\n }\n\n if (this.props.reorderableColumns) {\n state.columnOrder = restoredState.columnOrder;\n }\n\n if (restoredState.expandedRows && this.props.onRowToggle) {\n this.props.onRowToggle({\n data: restoredState.expandedRows\n });\n }\n\n if (restoredState.selection && this.props.onSelectionChange) {\n this.props.onSelectionChange({\n value: restoredState.selection\n });\n }\n\n if (this.props.onStateRestore) {\n this.props.onStateRestore(restoredState);\n }\n }\n\n return state;\n }\n }, {\n key: \"saveColumnWidths\",\n value: function saveColumnWidths(state) {\n var widths = [];\n var headers = DomHandler.find(this.el, '.p-datatable-thead > tr > th');\n headers.forEach(function (header) {\n return widths.push(DomHandler.getOuterWidth(header));\n });\n state.columnWidths = widths.join(',');\n\n if (this.props.columnResizeMode === 'expand') {\n state.tableWidth = DomHandler.getOuterWidth(this.table) + 'px';\n }\n }\n }, {\n key: \"restoreColumnWidths\",\n value: function restoreColumnWidths() {\n var _this4 = this;\n\n if (this.columnWidthsState) {\n var widths = this.columnWidthsState.split(',');\n\n if (this.props.columnResizeMode === 'expand' && this.tableWidthState) {\n this.table.style.width = this.tableWidthState;\n this.table.style.minWidth = this.tableWidthState;\n this.el.style.width = this.tableWidthState;\n }\n\n if (ObjectUtils.isNotEmpty(widths)) {\n this.createStyleElement();\n var innerHTML = '';\n widths.forEach(function (width, index) {\n var style = _this4.props.scrollable ? \"flex: 1 1 \".concat(width, \"px !important\") : \"width: \".concat(width, \"px !important\");\n innerHTML += \"\\n .p-datatable[\".concat(_this4.state.attributeSelector, \"] .p-datatable-thead > tr > th:nth-child(\").concat(index + 1, \"),\\n .p-datatable[\").concat(_this4.state.attributeSelector, \"] .p-datatable-tbody > tr > td:nth-child(\").concat(index + 1, \"),\\n .p-datatable[\").concat(_this4.state.attributeSelector, \"] .p-datatable-tfoot > tr > td:nth-child(\").concat(index + 1, \") {\\n \").concat(style, \"\\n }\\n \");\n });\n this.styleElement.innerHTML = innerHTML;\n }\n }\n }\n }, {\n key: \"findParentHeader\",\n value: function findParentHeader(element) {\n if (element.nodeName === 'TH') {\n return element;\n } else {\n var parent = element.parentElement;\n\n while (parent.nodeName !== 'TH') {\n parent = parent.parentElement;\n if (!parent) break;\n }\n\n return parent;\n }\n }\n }, {\n key: \"getGroupRowSortField\",\n value: function getGroupRowSortField() {\n return this.props.sortMode === 'single' ? this.props.sortField : this.state.groupRowsSortMeta ? this.state.groupRowsSortMeta.field : null;\n }\n }, {\n key: \"getSelectableData\",\n value: function getSelectableData(val) {\n var _this5 = this;\n\n if (this.props.showSelectionElement || this.props.isDataSelectable) {\n return val.filter(function (data, index) {\n var isSelectable = true;\n if (_this5.props.showSelectionElement) isSelectable = _this5.props.showSelectionElement({\n rowIndex: index,\n props: _this5.props\n });\n if (_this5.props.isDataSelectable && isSelectable) isSelectable = _this5.props.isDataSelectable({\n data: data,\n index: index\n });\n return isSelectable;\n });\n }\n\n return val;\n }\n }, {\n key: \"allRowsSelected\",\n value: function allRowsSelected(processedData) {\n var _this6 = this;\n\n if (this.props.onSelectAllChange) {\n return this.props.selectAll;\n } else {\n var data = this.props.selectionPageOnly ? this.dataToRender(processedData) : processedData;\n var val = this.props.frozenValue ? [].concat(_toConsumableArray(this.props.frozenValue), _toConsumableArray(data)) : data;\n var selectableVal = this.getSelectableData(val);\n return selectableVal && this.props.selection && selectableVal.every(function (sv) {\n return _this6.props.selection.some(function (s) {\n return _this6.isEquals(s, sv);\n });\n });\n }\n }\n }, {\n key: \"getSelectionModeInColumn\",\n value: function getSelectionModeInColumn(columns) {\n if (columns) {\n var col = columns.find(function (c) {\n return !!c.props.selectionMode;\n });\n return col ? col.props.selectionMode : null;\n }\n\n return null;\n }\n }, {\n key: \"findColumnByKey\",\n value: function findColumnByKey(columns, key) {\n return ObjectUtils.isNotEmpty(columns) ? columns.find(function (col) {\n return col.props.columnKey === key || col.props.field === key;\n }) : null;\n }\n }, {\n key: \"getTotalRecords\",\n value: function getTotalRecords(data) {\n return this.props.lazy ? this.props.totalRecords : data ? data.length : 0;\n }\n }, {\n key: \"onEditingMetaChange\",\n value: function onEditingMetaChange(e) {\n var rowData = e.rowData,\n field = e.field,\n rowIndex = e.rowIndex,\n editing = e.editing;\n\n var editingMeta = _objectSpread({}, this.state.editingMeta);\n\n var meta = editingMeta[rowIndex];\n\n if (editing) {\n !meta && (meta = editingMeta[rowIndex] = {\n data: _objectSpread({}, rowData),\n fields: []\n });\n meta['fields'].push(field);\n } else if (meta) {\n var fields = meta['fields'].filter(function (f) {\n return f !== field;\n });\n !fields.length ? delete editingMeta[rowIndex] : meta['fields'] = fields;\n }\n\n this.setState({\n editingMeta: editingMeta\n });\n }\n }, {\n key: \"clearEditingMetaData\",\n value: function clearEditingMetaData() {\n if (this.props.editMode && ObjectUtils.isNotEmpty(this.state.editingMeta)) {\n this.setState({\n editingMeta: {}\n });\n }\n }\n }, {\n key: \"onColumnResizeStart\",\n value: function onColumnResizeStart(e) {\n var event = e.originalEvent,\n column = e.column;\n var containerLeft = DomHandler.getOffset(this.el).left;\n this.resizeColumn = column;\n this.resizeColumnElement = event.currentTarget.parentElement;\n this.columnResizing = true;\n this.lastResizeHelperX = event.pageX - containerLeft + this.el.scrollLeft;\n this.bindColumnResizeEvents();\n }\n }, {\n key: \"onColumnResize\",\n value: function onColumnResize(event) {\n var containerLeft = DomHandler.getOffset(this.el).left;\n DomHandler.addClass(this.el, 'p-unselectable-text');\n this.resizeHelper.style.height = this.el.offsetHeight + 'px';\n this.resizeHelper.style.top = 0 + 'px';\n this.resizeHelper.style.left = event.pageX - containerLeft + this.el.scrollLeft + 'px';\n this.resizeHelper.style.display = 'block';\n }\n }, {\n key: \"onColumnResizeEnd\",\n value: function onColumnResizeEnd() {\n var delta = this.resizeHelper.offsetLeft - this.lastResizeHelperX;\n var columnWidth = this.resizeColumnElement.offsetWidth;\n var newColumnWidth = columnWidth + delta;\n var minWidth = this.resizeColumnElement.style.minWidth || 15;\n\n if (columnWidth + delta > parseInt(minWidth, 10)) {\n if (this.props.columnResizeMode === 'fit') {\n var nextColumn = this.resizeColumnElement.nextElementSibling;\n var nextColumnWidth = nextColumn.offsetWidth - delta;\n\n if (newColumnWidth > 15 && nextColumnWidth > 15) {\n this.resizeTableCells(newColumnWidth, nextColumnWidth);\n }\n } else if (this.props.columnResizeMode === 'expand') {\n var tableWidth = this.table.offsetWidth + delta + 'px';\n this.table.style.width = tableWidth;\n this.table.style.minWidth = tableWidth;\n this.resizeTableCells(newColumnWidth);\n }\n\n if (this.props.onColumnResizeEnd) {\n this.props.onColumnResizeEnd({\n element: this.resizeColumnElement,\n column: this.resizeColumn,\n delta: delta\n });\n }\n\n if (this.isStateful()) {\n this.saveState();\n }\n }\n\n this.resizeHelper.style.display = 'none';\n this.resizeColumn = null;\n this.resizeColumnElement = null;\n DomHandler.removeClass(this.el, 'p-unselectable-text');\n this.unbindColumnResizeEvents();\n }\n }, {\n key: \"resizeTableCells\",\n value: function resizeTableCells(newColumnWidth, nextColumnWidth) {\n var _this7 = this;\n\n var widths = [];\n var colIndex = DomHandler.index(this.resizeColumnElement);\n var headers = DomHandler.find(this.table, '.p-datatable-thead > tr > th');\n headers.forEach(function (header) {\n return widths.push(DomHandler.getOuterWidth(header));\n });\n this.destroyStyleElement();\n this.createStyleElement();\n var innerHTML = '';\n widths.forEach(function (width, index) {\n var colWidth = index === colIndex ? newColumnWidth : nextColumnWidth && index === colIndex + 1 ? nextColumnWidth : width;\n var style = _this7.props.scrollable ? \"flex: 1 1 \".concat(colWidth, \"px !important\") : \"width: \".concat(colWidth, \"px !important\");\n innerHTML += \"\\n .p-datatable[\".concat(_this7.state.attributeSelector, \"] .p-datatable-thead > tr > th:nth-child(\").concat(index + 1, \"),\\n .p-datatable[\").concat(_this7.state.attributeSelector, \"] .p-datatable-tbody > tr > td:nth-child(\").concat(index + 1, \"),\\n .p-datatable[\").concat(_this7.state.attributeSelector, \"] .p-datatable-tfoot > tr > td:nth-child(\").concat(index + 1, \") {\\n \").concat(style, \"\\n }\\n \");\n });\n this.styleElement.innerHTML = innerHTML;\n }\n }, {\n key: \"bindColumnResizeEvents\",\n value: function bindColumnResizeEvents() {\n var _this8 = this;\n\n if (!this.documentColumnResizeListener) {\n this.documentColumnResizeListener = document.addEventListener('mousemove', function (event) {\n if (_this8.columnResizing) {\n _this8.onColumnResize(event);\n }\n });\n }\n\n if (!this.documentColumnResizeEndListener) {\n this.documentColumnResizeEndListener = document.addEventListener('mouseup', function () {\n if (_this8.columnResizing) {\n _this8.columnResizing = false;\n\n _this8.onColumnResizeEnd();\n }\n });\n }\n }\n }, {\n key: \"unbindColumnResizeEvents\",\n value: function unbindColumnResizeEvents() {\n if (this.documentColumnResizeListener) {\n document.removeEventListener('document', this.documentColumnResizeListener);\n this.documentColumnResizeListener = null;\n }\n\n if (this.documentColumnResizeEndListener) {\n document.removeEventListener('document', this.documentColumnResizeEndListener);\n this.documentColumnResizeEndListener = null;\n }\n }\n }, {\n key: \"onColumnHeaderMouseDown\",\n value: function onColumnHeaderMouseDown(e) {\n DomHandler.clearSelection();\n var event = e.originalEvent,\n column = e.column;\n\n if (this.props.reorderableColumns && this.getColumnProp(column, 'reorderable') !== false) {\n if (event.target.nodeName === 'INPUT' || event.target.nodeName === 'TEXTAREA' || DomHandler.hasClass(event.target, 'p-column-resizer')) event.currentTarget.draggable = false;else event.currentTarget.draggable = true;\n }\n }\n }, {\n key: \"onColumnHeaderCheckboxChange\",\n value: function onColumnHeaderCheckboxChange(e, processedData) {\n var _this9 = this;\n\n if (this.props.onSelectAllChange) {\n this.props.onSelectAllChange(e);\n } else {\n var originalEvent = e.originalEvent,\n checked = e.checked;\n var data = this.props.selectionPageOnly ? this.dataToRender(processedData) : processedData;\n var selection = this.props.selectionPageOnly && this.props.selection ? this.props.selection.filter(function (s) {\n return !data.some(function (d) {\n return _this9.isEquals(s, d);\n });\n }) : [];\n\n if (checked) {\n selection = this.props.frozenValue ? [].concat(_toConsumableArray(selection), _toConsumableArray(this.props.frozenValue), _toConsumableArray(data)) : [].concat(_toConsumableArray(selection), _toConsumableArray(data));\n selection = this.getSelectableData(selection);\n this.props.onAllRowsSelect && this.props.onAllRowsSelect({\n originalEvent: originalEvent,\n data: selection,\n type: 'all'\n });\n } else {\n this.props.onAllRowsUnselect && this.props.onAllRowsUnselect({\n originalEvent: originalEvent,\n data: selection,\n type: 'all'\n });\n }\n\n if (this.props.onSelectionChange) {\n this.props.onSelectionChange({\n originalEvent: originalEvent,\n value: selection,\n type: 'all'\n });\n }\n }\n }\n }, {\n key: \"onColumnHeaderDragStart\",\n value: function onColumnHeaderDragStart(e) {\n var event = e.originalEvent,\n column = e.column;\n\n if (this.columnResizing) {\n event.preventDefault();\n return;\n }\n\n this.colReorderIconWidth = DomHandler.getHiddenElementOuterWidth(this.reorderIndicatorUp);\n this.colReorderIconHeight = DomHandler.getHiddenElementOuterHeight(this.reorderIndicatorUp);\n this.draggedColumn = column;\n this.draggedColumnElement = this.findParentHeader(event.currentTarget);\n event.dataTransfer.setData('text', 'b'); // Firefox requires this to make dragging possible\n }\n }, {\n key: \"onColumnHeaderDragOver\",\n value: function onColumnHeaderDragOver(e) {\n var event = e.originalEvent;\n var dropHeader = this.findParentHeader(event.currentTarget);\n\n if (this.props.reorderableColumns && this.draggedColumnElement && dropHeader) {\n event.preventDefault();\n\n if (this.draggedColumnElement !== dropHeader) {\n var containerOffset = DomHandler.getOffset(this.el);\n var dropHeaderOffset = DomHandler.getOffset(dropHeader);\n var targetLeft = dropHeaderOffset.left - containerOffset.left;\n var columnCenter = dropHeaderOffset.left + dropHeader.offsetWidth / 2;\n this.reorderIndicatorUp.style.top = dropHeaderOffset.top - containerOffset.top - (this.colReorderIconHeight - 1) + 'px';\n this.reorderIndicatorDown.style.top = dropHeaderOffset.top - containerOffset.top + dropHeader.offsetHeight + 'px';\n\n if (event.pageX > columnCenter) {\n this.reorderIndicatorUp.style.left = targetLeft + dropHeader.offsetWidth - Math.ceil(this.colReorderIconWidth / 2) + 'px';\n this.reorderIndicatorDown.style.left = targetLeft + dropHeader.offsetWidth - Math.ceil(this.colReorderIconWidth / 2) + 'px';\n this.dropPosition = 1;\n } else {\n this.reorderIndicatorUp.style.left = targetLeft - Math.ceil(this.colReorderIconWidth / 2) + 'px';\n this.reorderIndicatorDown.style.left = targetLeft - Math.ceil(this.colReorderIconWidth / 2) + 'px';\n this.dropPosition = -1;\n }\n\n this.reorderIndicatorUp.style.display = 'block';\n this.reorderIndicatorDown.style.display = 'block';\n }\n }\n }\n }, {\n key: \"onColumnHeaderDragLeave\",\n value: function onColumnHeaderDragLeave(e) {\n var event = e.originalEvent;\n\n if (this.props.reorderableColumns && this.draggedColumnElement) {\n event.preventDefault();\n this.reorderIndicatorUp.style.display = 'none';\n this.reorderIndicatorDown.style.display = 'none';\n }\n }\n }, {\n key: \"onColumnHeaderDrop\",\n value: function onColumnHeaderDrop(e) {\n var _this10 = this;\n\n var event = e.originalEvent,\n column = e.column;\n event.preventDefault();\n\n if (this.draggedColumnElement) {\n var dragIndex = DomHandler.index(this.draggedColumnElement);\n var dropIndex = DomHandler.index(this.findParentHeader(event.currentTarget));\n var allowDrop = dragIndex !== dropIndex;\n\n if (allowDrop && (dropIndex - dragIndex === 1 && this.dropPosition === -1 || dragIndex - dropIndex === 1 && this.dropPosition === 1)) {\n allowDrop = false;\n }\n\n if (allowDrop) {\n var columns = this.getColumns();\n\n var isSameColumn = function isSameColumn(col1, col2) {\n return col1.props.columnKey || col2.props.columnKey ? ObjectUtils.equals(col1.props, col2.props, 'columnKey') : ObjectUtils.equals(col1.props, col2.props, 'field');\n };\n\n var dragColIndex = columns.findIndex(function (child) {\n return isSameColumn(child, _this10.draggedColumn);\n });\n var dropColIndex = columns.findIndex(function (child) {\n return isSameColumn(child, column);\n });\n\n if (dropColIndex < dragColIndex && this.dropPosition === 1) {\n dropColIndex++;\n }\n\n if (dropColIndex > dragColIndex && this.dropPosition === -1) {\n dropColIndex--;\n }\n\n ObjectUtils.reorderArray(columns, dragColIndex, dropColIndex);\n var columnOrder = columns.reduce(function (orders, col) {\n orders.push(col.props.columnKey || col.props.field);\n return orders;\n }, []);\n this.setState({\n columnOrder: columnOrder\n });\n\n if (this.props.onColReorder) {\n this.props.onColReorder({\n originalEvent: event,\n dragIndex: dragColIndex,\n dropIndex: dropColIndex,\n columns: columns\n });\n }\n }\n\n this.reorderIndicatorUp.style.display = 'none';\n this.reorderIndicatorDown.style.display = 'none';\n this.draggedColumnElement.draggable = false;\n this.draggedColumnElement = null;\n this.draggedColumn = null;\n this.dropPosition = null;\n }\n }\n }, {\n key: \"createStyleElement\",\n value: function createStyleElement() {\n this.styleElement = DomHandler.createInlineStyle(PrimeReact.nonce);\n }\n }, {\n key: \"createResponsiveStyle\",\n value: function createResponsiveStyle() {\n if (!this.responsiveStyleElement) {\n this.responsiveStyleElement = DomHandler.createInlineStyle(PrimeReact.nonce);\n var innerHTML = \"\\n@media screen and (max-width: \".concat(this.props.breakpoint, \") {\\n .p-datatable[\").concat(this.state.attributeSelector, \"] .p-datatable-thead > tr > th,\\n .p-datatable[\").concat(this.state.attributeSelector, \"] .p-datatable-tfoot > tr > td {\\n display: none !important;\\n }\\n\\n .p-datatable[\").concat(this.state.attributeSelector, \"] .p-datatable-tbody > tr > td {\\n display: flex;\\n width: 100% !important;\\n align-items: center;\\n justify-content: space-between;\\n }\\n\\n .p-datatable[\").concat(this.state.attributeSelector, \"] .p-datatable-tbody > tr > td:not(:last-child) {\\n border: 0 none;\\n }\\n\\n .p-datatable[\").concat(this.state.attributeSelector, \"].p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {\\n border-top: 0;\\n border-right: 0;\\n border-left: 0;\\n }\\n\\n .p-datatable[\").concat(this.state.attributeSelector, \"] .p-datatable-tbody > tr > td > .p-column-title {\\n display: block;\\n }\\n}\\n\");\n this.responsiveStyleElement.innerHTML = innerHTML;\n }\n }\n }, {\n key: \"destroyResponsiveStyle\",\n value: function destroyResponsiveStyle() {\n this.responsiveStyleElement = DomHandler.removeInlineStyle(this.responsiveStyleElement);\n }\n }, {\n key: \"destroyStyleElement\",\n value: function destroyStyleElement() {\n this.styleElement = DomHandler.removeInlineStyle(this.styleElement);\n }\n }, {\n key: \"onPageChange\",\n value: function onPageChange(e) {\n this.clearEditingMetaData();\n if (this.props.onPage) this.props.onPage(this.createEvent(e));else this.setState({\n first: e.first,\n rows: e.rows\n });\n\n if (this.props.onValueChange) {\n this.props.onValueChange(this.processedData());\n }\n }\n }, {\n key: \"onSortChange\",\n value: function onSortChange(e) {\n this.clearEditingMetaData();\n var event = e.originalEvent,\n column = e.column,\n sortableDisabledFields = e.sortableDisabledFields;\n var sortField = column.props.sortField || column.props.field;\n var sortOrder = this.props.defaultSortOrder;\n var multiSortMeta;\n var eventMeta;\n this.columnSortable = column.props.sortable;\n this.columnSortFunction = column.props.sortFunction;\n this.columnField = column.props.sortField;\n\n if (this.props.sortMode === 'multiple') {\n var metaKey = event.metaKey || event.ctrlKey;\n multiSortMeta = _toConsumableArray(this.getMultiSortMeta());\n var sortMeta = multiSortMeta.find(function (sortMeta) {\n return sortMeta.field === sortField;\n });\n sortOrder = sortMeta ? this.getCalculatedSortOrder(sortMeta.order) : sortOrder;\n var newMetaData = {\n field: sortField,\n order: sortOrder\n };\n\n if (sortOrder) {\n multiSortMeta = metaKey ? multiSortMeta : multiSortMeta.filter(function (meta) {\n return sortableDisabledFields.some(function (field) {\n return field === meta.field;\n });\n });\n this.addSortMeta(newMetaData, multiSortMeta);\n } else if (this.props.removableSort) {\n this.removeSortMeta(newMetaData, multiSortMeta);\n }\n\n eventMeta = {\n multiSortMeta: multiSortMeta\n };\n } else {\n sortOrder = this.getSortField() === sortField ? this.getCalculatedSortOrder(this.getSortOrder()) : sortOrder;\n\n if (this.props.removableSort) {\n sortField = sortOrder ? sortField : null;\n }\n\n eventMeta = {\n sortField: sortField,\n sortOrder: sortOrder\n };\n }\n\n if (this.props.onSort) {\n this.props.onSort(this.createEvent(eventMeta));\n } else {\n eventMeta.first = 0;\n this.setState(eventMeta);\n }\n\n if (this.props.onValueChange) {\n this.props.onValueChange(this.processedData({\n sortField: sortField,\n sortOrder: sortOrder,\n multiSortMeta: multiSortMeta\n }));\n }\n }\n }, {\n key: \"getCalculatedSortOrder\",\n value: function getCalculatedSortOrder(currentOrder) {\n return this.props.removableSort ? this.props.defaultSortOrder === currentOrder ? currentOrder * -1 : 0 : currentOrder * -1;\n }\n }, {\n key: \"compareValuesOnSort\",\n value: function compareValuesOnSort(value1, value2) {\n var result = null;\n if (value1 == null && value2 != null) result = -1;else if (value1 != null && value2 == null) result = 1;else if (value1 == null && value2 == null) result = 0;else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, undefined, {\n numeric: true\n });else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;\n return result;\n }\n }, {\n key: \"addSortMeta\",\n value: function addSortMeta(meta, multiSortMeta) {\n var index = multiSortMeta.findIndex(function (sortMeta) {\n return sortMeta.field === meta.field;\n });\n if (index >= 0) multiSortMeta[index] = meta;else multiSortMeta.push(meta);\n }\n }, {\n key: \"removeSortMeta\",\n value: function removeSortMeta(meta, multiSortMeta) {\n var index = multiSortMeta.findIndex(function (sortMeta) {\n return sortMeta.field === meta.field;\n });\n\n if (index >= 0) {\n multiSortMeta.splice(index, 1);\n }\n\n multiSortMeta = multiSortMeta.length > 0 ? multiSortMeta : null;\n }\n }, {\n key: \"sortSingle\",\n value: function sortSingle(data, field, order) {\n var _this11 = this;\n\n if (this.props.groupRowsBy && this.props.groupRowsBy === this.props.sortField) {\n var multiSortMeta = [{\n field: this.props.sortField,\n order: this.props.sortOrder || this.props.defaultSortOrder\n }];\n this.props.sortField !== field && multiSortMeta.push({\n field: field,\n order: order\n });\n return this.sortMultiple(data, multiSortMeta);\n }\n\n var value = _toConsumableArray(data);\n\n if (this.columnSortable && this.columnSortFunction) {\n value = this.columnSortFunction({\n field: field,\n order: order\n });\n } else {\n value.sort(function (data1, data2) {\n var value1 = ObjectUtils.resolveFieldData(data1, field);\n var value2 = ObjectUtils.resolveFieldData(data2, field);\n\n var result = _this11.compareValuesOnSort(value1, value2);\n\n return order * result;\n });\n }\n\n return value;\n }\n }, {\n key: \"sortMultiple\",\n value: function sortMultiple(data) {\n var _this12 = this;\n\n var multiSortMeta = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n\n if (this.props.groupRowsBy && (this.groupRowsSortMeta || multiSortMeta.length && this.props.groupRowsBy === multiSortMeta[0].field)) {\n var firstSortMeta = multiSortMeta[0];\n !this.groupRowsSortMeta && (this.groupRowsSortMeta = firstSortMeta);\n\n if (firstSortMeta.field !== this.groupRowsSortMeta.field) {\n multiSortMeta = [this.groupRowsSortMeta].concat(_toConsumableArray(multiSortMeta));\n }\n }\n\n var value = _toConsumableArray(data);\n\n if (this.columnSortable && this.columnSortFunction) {\n var meta = multiSortMeta.find(function (meta) {\n return meta.field === _this12.columnField;\n });\n var field = this.columnField;\n var order = meta ? meta.order : this.defaultSortOrder;\n value = this.columnSortFunction({\n field: field,\n order: order\n });\n } else {\n value.sort(function (data1, data2) {\n return _this12.multisortField(data1, data2, multiSortMeta, 0);\n });\n }\n\n return value;\n }\n }, {\n key: \"multisortField\",\n value: function multisortField(data1, data2, multiSortMeta, index) {\n var value1 = ObjectUtils.resolveFieldData(data1, multiSortMeta[index].field);\n var value2 = ObjectUtils.resolveFieldData(data2, multiSortMeta[index].field);\n\n if (value1 === value2) {\n return multiSortMeta.length - 1 > index ? this.multisortField(data1, data2, multiSortMeta, index + 1) : 0;\n }\n\n var result = this.compareValuesOnSort(value1, value2);\n return multiSortMeta[index].order * result;\n }\n }, {\n key: \"onFilterChange\",\n value: function onFilterChange(filters) {\n this.clearEditingMetaData();\n this.setState({\n d_filters: filters\n });\n }\n }, {\n key: \"onFilterApply\",\n value: function onFilterApply() {\n var _this13 = this;\n\n clearTimeout(this.filterTimeout);\n this.filterTimeout = setTimeout(function () {\n var filters = _this13.cloneFilters(_this13.state.d_filters);\n\n if (_this13.props.onFilter) {\n _this13.props.onFilter(_this13.createEvent({\n filters: filters\n }));\n } else {\n _this13.setState({\n first: 0,\n filters: filters\n });\n }\n\n if (_this13.props.onValueChange) {\n _this13.props.onValueChange(_this13.processedData({\n filters: filters\n }));\n }\n }, this.props.filterDelay);\n }\n }, {\n key: \"filterLocal\",\n value: function filterLocal(data, filters) {\n if (!data) return;\n filters = filters || {};\n var columns = this.getColumns();\n var filteredValue = [];\n var isGlobalFilter = filters['global'] || this.props.globalFilter;\n var globalFilterFieldsArray;\n\n if (isGlobalFilter) {\n globalFilterFieldsArray = this.props.globalFilterFields || columns.filter(function (col) {\n return !col.props.excludeGlobalFilter;\n }).map(function (col) {\n return col.props.filterField || col.props.field;\n });\n }\n\n for (var i = 0; i < data.length; i++) {\n var localMatch = true;\n var globalMatch = false;\n var localFiltered = false;\n\n for (var prop in filters) {\n if (Object.prototype.hasOwnProperty.call(filters, prop) && prop !== 'global') {\n localFiltered = true;\n var filterField = prop;\n var filterMeta = filters[filterField];\n\n if (filterMeta.operator) {\n for (var j = 0; j < filterMeta.constraints.length; j++) {\n var filterConstraint = filterMeta.constraints[j];\n localMatch = this.executeLocalFilter(filterField, data[i], filterConstraint, j);\n\n if (filterMeta.operator === FilterOperator.OR && localMatch || filterMeta.operator === FilterOperator.AND && !localMatch) {\n break;\n }\n }\n } else {\n localMatch = this.executeLocalFilter(filterField, data[i], filterMeta, 0);\n }\n\n if (!localMatch) {\n break;\n }\n }\n }\n\n if (isGlobalFilter && !globalMatch && globalFilterFieldsArray) {\n for (var _j = 0; _j < globalFilterFieldsArray.length; _j++) {\n var globalFilterField = globalFilterFieldsArray[_j];\n var matchMode = filters['global'] ? filters['global'].matchMode : FilterMatchMode.CONTAINS;\n var value = filters['global'] ? filters['global'].value : this.props.globalFilter;\n globalMatch = FilterService.filters[matchMode](ObjectUtils.resolveFieldData(data[i], globalFilterField), value, this.props.filterLocale);\n\n if (globalMatch) {\n break;\n }\n }\n }\n\n var matches = void 0;\n\n if (isGlobalFilter) {\n matches = localFiltered ? localFiltered && localMatch && globalMatch : globalMatch;\n } else {\n matches = localFiltered && localMatch;\n }\n\n if (matches) {\n filteredValue.push(data[i]);\n }\n }\n\n if (filteredValue.length === this.props.value.length) {\n filteredValue = data;\n }\n\n return filteredValue;\n }\n }, {\n key: \"executeLocalFilter\",\n value: function executeLocalFilter(field, rowData, filterMeta, index) {\n var filterValue = filterMeta.value;\n var filterMatchMode = filterMeta.matchMode === 'custom' ? \"custom_\".concat(field) : filterMeta.matchMode || FilterMatchMode.STARTS_WITH;\n var dataFieldValue = ObjectUtils.resolveFieldData(rowData, field);\n var filterConstraint = FilterService.filters[filterMatchMode];\n return filterConstraint(dataFieldValue, filterValue, this.props.filterLocale, index);\n }\n }, {\n key: \"cloneFilters\",\n value: function cloneFilters(filters) {\n var _this14 = this;\n\n filters = filters || this.props.filters;\n var cloned = {};\n\n if (filters) {\n Object.entries(filters).forEach(function (_ref) {\n var _ref2 = _slicedToArray(_ref, 2),\n prop = _ref2[0],\n value = _ref2[1];\n\n cloned[prop] = value.operator ? {\n operator: value.operator,\n constraints: value.constraints.map(function (constraint) {\n return _objectSpread({}, constraint);\n })\n } : _objectSpread({}, value);\n });\n } else {\n var columns = this.getColumns();\n cloned = columns.reduce(function (_filters, col) {\n var field = col.props.filterField || col.props.field;\n var filterFunction = col.props.filterFunction;\n var dataType = col.props.dataType;\n var matchMode = col.props.filterMatchMode || (PrimeReact.filterMatchModeOptions[dataType] ? PrimeReact.filterMatchModeOptions[dataType][0] : FilterMatchMode.STARTS_WITH);\n var constraint = {\n value: null,\n matchMode: matchMode\n };\n\n if (filterFunction) {\n FilterService.register(\"custom_\".concat(field), function () {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return filterFunction.apply(void 0, args.concat([{\n column: col\n }]));\n });\n }\n\n _filters[field] = _this14.props.filterDisplay === 'menu' ? {\n operator: FilterOperator.AND,\n constraints: [constraint]\n } : constraint;\n return _filters;\n }, {});\n }\n\n return cloned;\n }\n }, {\n key: \"filter\",\n value: function filter(value, field, matchMode) {\n var index = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;\n\n var filters = _objectSpread({}, this.state.d_filters);\n\n var meta = filters[field];\n var constraint = meta && meta.operator ? meta.constraints[index] : meta;\n constraint = meta ? {\n value: value,\n matchMode: matchMode || constraint.matchMode\n } : {\n value: value,\n matchMode: matchMode\n };\n this.props.filterDisplay === 'menu' && meta && meta.operator ? filters[field].constraints[index] = constraint : filters[field] = constraint;\n this.setState({\n d_filters: filters\n }, this.onFilterApply);\n }\n }, {\n key: \"reset\",\n value: function reset() {\n var state = {\n d_rows: this.props.rows,\n d_filters: this.cloneFilters(this.props.filters),\n groupRowsSortMeta: null,\n editingMeta: {}\n };\n\n if (!this.props.onPage) {\n state.first = this.props.first;\n state.rows = this.props.rows;\n }\n\n if (!this.props.onSort) {\n state.sortField = this.props.sortField;\n state.sortOrder = this.props.sortOrder;\n state.multiSortMeta = this.props.multiSortMeta;\n }\n\n if (!this.props.onFilter) {\n state.filters = this.props.filters;\n }\n\n this.resetColumnOrder();\n this.setState(state);\n }\n }, {\n key: \"resetColumnOrder\",\n value: function resetColumnOrder() {\n var columns = this.getColumns(true);\n var columnOrder = [];\n\n if (columns) {\n columnOrder = columns.reduce(function (orders, col) {\n orders.push(col.props.columnKey || col.props.field);\n return orders;\n }, []);\n }\n\n this.setState({\n columnOrder: columnOrder\n });\n }\n }, {\n key: \"exportCSV\",\n value: function exportCSV(options) {\n var _this15 = this;\n\n var data;\n var csv = \"\\uFEFF\";\n var columns = this.getColumns();\n\n if (options && options.selectionOnly) {\n data = this.props.selection || [];\n } else {\n data = [].concat(_toConsumableArray(this.props.frozenValue || []), _toConsumableArray(this.processedData() || []));\n } //headers\n\n\n columns.forEach(function (column, i) {\n var _column$props = column.props,\n field = _column$props.field,\n header = _column$props.header,\n exportable = _column$props.exportable;\n\n if (exportable && field) {\n csv += '\"' + (header || field) + '\"';\n\n if (i < columns.length - 1) {\n csv += _this15.props.csvSeparator;\n }\n }\n }); //body\n\n data.forEach(function (record) {\n csv += '\\n';\n columns.forEach(function (column, i) {\n var _column$props2 = column.props,\n columnField = _column$props2.field,\n exportField = _column$props2.exportField,\n exportable = _column$props2.exportable;\n var field = exportField || columnField;\n\n if (exportable && field) {\n var cellData = ObjectUtils.resolveFieldData(record, field);\n\n if (cellData != null) {\n cellData = _this15.props.exportFunction ? _this15.props.exportFunction({\n data: cellData,\n field: field,\n rowData: record,\n column: column\n }) : String(cellData).replace(/\"/g, '\"\"');\n } else cellData = '';\n\n csv += '\"' + cellData + '\"';\n\n if (i < columns.length - 1) {\n csv += _this15.props.csvSeparator;\n }\n }\n });\n });\n DomHandler.exportCSV(csv, this.props.exportFilename);\n }\n }, {\n key: \"closeEditingCell\",\n value: function closeEditingCell() {\n if (this.props.editMode !== \"row\") {\n document.body.click();\n }\n }\n }, {\n key: \"createEvent\",\n value: function createEvent(event) {\n return _objectSpread({\n first: this.getFirst(),\n rows: this.getRows(),\n sortField: this.getSortField(),\n sortOrder: this.getSortOrder(),\n multiSortMeta: this.getMultiSortMeta(),\n filters: this.getFilters()\n }, event);\n }\n }, {\n key: \"processedData\",\n value: function processedData(localState) {\n var data = this.props.value || [];\n\n if (!this.props.lazy) {\n if (data && data.length) {\n var filters = localState && localState.filters || this.getFilters();\n var sortField = localState && localState.sortField || this.getSortField();\n var sortOrder = localState && localState.sortOrder || this.getSortOrder();\n var multiSortMeta = localState && localState.multiSortMeta || this.getMultiSortMeta();\n\n if (ObjectUtils.isNotEmpty(filters) || this.props.globalFilter) {\n data = this.filterLocal(data, filters);\n }\n\n if (sortField || ObjectUtils.isNotEmpty(multiSortMeta)) {\n if (this.props.sortMode === 'single') data = this.sortSingle(data, sortField, sortOrder);else if (this.props.sortMode === 'multiple') data = this.sortMultiple(data, multiSortMeta);\n }\n }\n }\n\n return data;\n }\n }, {\n key: \"dataToRender\",\n value: function dataToRender(data) {\n if (data && this.props.paginator) {\n var first = this.props.lazy ? 0 : this.getFirst();\n return data.slice(first, first + this.getRows());\n }\n\n return data;\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n var _this16 = this;\n\n this.setState({\n attributeSelector: UniqueComponentId()\n }, function () {\n _this16.el.setAttribute(_this16.state.attributeSelector, '');\n });\n\n if (this.props.responsiveLayout === 'stack' && !this.props.scrollable) {\n this.createResponsiveStyle();\n }\n\n if (this.isStateful()) {\n this.setState(this.restoreState(this.state));\n\n if (this.props.resizableColumns) {\n this.restoreColumnWidths();\n }\n }\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps, prevState) {\n if (this.isStateful()) {\n this.saveState();\n }\n\n if (prevProps.responsiveLayout !== this.props.responsiveLayout) {\n this.destroyResponsiveStyle();\n\n if (this.props.responsiveLayout === 'stack' && !this.props.scrollable) {\n this.createResponsiveStyle();\n }\n }\n\n if (prevProps.filters !== this.props.filters) {\n this.setState({\n filters: this.cloneFilters(this.props.filters),\n d_filters: this.cloneFilters(this.props.filters)\n });\n }\n\n if (prevProps.globalFilter !== this.props.globalFilter) {\n this.filter(this.props.globalFilter, 'global', 'contains');\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this.unbindColumnResizeEvents();\n this.destroyStyleElement();\n this.destroyResponsiveStyle();\n }\n }, {\n key: \"renderLoader\",\n value: function renderLoader() {\n if (this.props.loading) {\n var iconClassName = classNames('p-datatable-loading-icon pi-spin', this.props.loadingIcon);\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"p-datatable-loading-overlay p-component-overlay\"\n }, /*#__PURE__*/React.createElement(\"i\", {\n className: iconClassName\n }));\n }\n\n return null;\n }\n }, {\n key: \"renderHeader\",\n value: function renderHeader() {\n if (this.props.header) {\n var content = ObjectUtils.getJSXElement(this.props.header, {\n props: this.props\n });\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"p-datatable-header\"\n }, content);\n }\n\n return null;\n }\n }, {\n key: \"renderTableHeader\",\n value: function renderTableHeader(options, empty) {\n var sortField = this.getSortField();\n var sortOrder = this.getSortOrder();\n\n var multiSortMeta = _toConsumableArray(this.getMultiSortMeta());\n\n var groupRowSortField = this.getGroupRowSortField();\n var filters = this.state.d_filters;\n var filtersStore = this.getFilters();\n var processedData = options.items,\n columns = options.columns;\n return /*#__PURE__*/React.createElement(TableHeader, {\n value: processedData,\n tableProps: this.props,\n columns: columns,\n tabIndex: this.props.tabIndex,\n empty: empty,\n headerColumnGroup: this.props.headerColumnGroup,\n resizableColumns: this.props.resizableColumns,\n onColumnResizeStart: this.onColumnResizeStart,\n onColumnResizerClick: this.props.onColumnResizerClick,\n onColumnResizerDoubleClick: this.props.onColumnResizerDoubleClick,\n sortMode: this.props.sortMode,\n sortField: sortField,\n sortOrder: sortOrder,\n multiSortMeta: multiSortMeta,\n groupRowsBy: this.props.groupRowsBy,\n groupRowSortField: groupRowSortField,\n onSortChange: this.onSortChange,\n filterDisplay: this.props.filterDisplay,\n filters: filters,\n filtersStore: filtersStore,\n onFilterChange: this.onFilterChange,\n onFilterApply: this.onFilterApply,\n showSelectAll: this.props.showSelectAll,\n allRowsSelected: this.allRowsSelected,\n onColumnCheckboxChange: this.onColumnHeaderCheckboxChange,\n onColumnMouseDown: this.onColumnHeaderMouseDown,\n onColumnDragStart: this.onColumnHeaderDragStart,\n onColumnDragOver: this.onColumnHeaderDragOver,\n onColumnDragLeave: this.onColumnHeaderDragLeave,\n onColumnDrop: this.onColumnHeaderDrop,\n rowGroupMode: this.props.rowGroupMode,\n reorderableColumns: this.props.reorderableColumns\n });\n }\n }, {\n key: \"renderTableBody\",\n value: function renderTableBody(options, selectionModeInColumn, empty, isVirtualScrollerDisabled) {\n var tableSelector = this.state.attributeSelector;\n var first = this.getFirst();\n var editingMeta = this.state.editingMeta;\n var rows = options.rows,\n columns = options.columns,\n contentRef = options.contentRef,\n className = options.className;\n var frozenBody = this.props.frozenValue && /*#__PURE__*/React.createElement(TableBody, {\n value: this.props.frozenValue,\n className: \"p-datatable-frozen-tbody\",\n frozenRow: true,\n tableProps: this.props,\n tableSelector: tableSelector,\n columns: columns,\n selectionModeInColumn: selectionModeInColumn,\n first: first,\n editingMeta: editingMeta,\n onEditingMetaChange: this.onEditingMetaChange,\n tabIndex: this.props.tabIndex,\n onRowClick: this.props.onRowClick,\n onRowDoubleClick: this.props.onRowDoubleClick,\n onCellClick: this.props.onCellClick,\n selection: this.props.selection,\n onSelectionChange: this.props.onSelectionChange,\n lazy: this.props.lazy,\n paginator: this.props.paginator,\n onCellSelect: this.props.onCellSelect,\n onCellUnselect: this.props.onCellUnselect,\n onRowSelect: this.props.onRowSelect,\n onRowUnselect: this.props.onRowUnselect,\n dragSelection: this.props.dragSelection,\n onContextMenu: this.props.onContextMenu,\n onContextMenuSelectionChange: this.props.onContextMenuSelectionChange,\n metaKeySelection: this.props.metaKeySelection,\n selectionMode: this.props.selectionMode,\n cellSelection: this.props.cellSelection,\n contextMenuSelection: this.props.contextMenuSelection,\n dataKey: this.props.dataKey,\n expandedRows: this.props.expandedRows,\n onRowCollapse: this.props.onRowCollapse,\n onRowExpand: this.props.onRowExpand,\n onRowToggle: this.props.onRowToggle,\n editMode: this.props.editMode,\n editingRows: this.props.editingRows,\n onRowReorder: this.props.onRowReorder,\n scrollable: this.props.scrollable,\n rowGroupMode: this.props.rowGroupMode,\n groupRowsBy: this.props.groupRowsBy,\n expandableRowGroups: this.props.expandableRowGroups,\n loading: this.props.loading,\n emptyMessage: this.props.emptyMessage,\n rowGroupHeaderTemplate: this.props.rowGroupHeaderTemplate,\n rowExpansionTemplate: this.props.rowExpansionTemplate,\n rowGroupFooterTemplate: this.props.rowGroupFooterTemplate,\n onRowEditChange: this.props.onRowEditChange,\n compareSelectionBy: this.props.compareSelectionBy,\n selectOnEdit: this.props.selectOnEdit,\n onRowEditInit: this.props.onRowEditInit,\n rowEditValidator: this.props.rowEditValidator,\n onRowEditSave: this.props.onRowEditSave,\n onRowEditComplete: this.props.onRowEditComplete,\n onRowEditCancel: this.props.onRowEditCancel,\n cellClassName: this.props.cellClassName,\n responsiveLayout: this.props.responsiveLayout,\n selectionAutoFocus: this.props.selectionAutoFocus,\n isDataSelectable: this.props.isDataSelectable,\n showSelectionElement: this.props.showSelectionElement,\n showRowReorderElement: this.props.showRowReorderElement,\n expandedRowIcon: this.props.expandedRowIcon,\n collapsedRowIcon: this.props.collapsedRowIcon,\n rowClassName: this.props.rowClassName,\n isVirtualScrollerDisabled: true\n });\n var body = /*#__PURE__*/React.createElement(TableBody, {\n value: this.dataToRender(rows),\n className: className,\n empty: empty,\n frozenRow: false,\n tableProps: this.props,\n tableSelector: tableSelector,\n columns: columns,\n selectionModeInColumn: selectionModeInColumn,\n first: first,\n editingMeta: editingMeta,\n onEditingMetaChange: this.onEditingMetaChange,\n tabIndex: this.props.tabIndex,\n onRowClick: this.props.onRowClick,\n onRowDoubleClick: this.props.onRowDoubleClick,\n onCellClick: this.props.onCellClick,\n selection: this.props.selection,\n onSelectionChange: this.props.onSelectionChange,\n lazy: this.props.lazy,\n paginator: this.props.paginator,\n onCellSelect: this.props.onCellSelect,\n onCellUnselect: this.props.onCellUnselect,\n onRowSelect: this.props.onRowSelect,\n onRowUnselect: this.props.onRowUnselect,\n dragSelection: this.props.dragSelection,\n onContextMenu: this.props.onContextMenu,\n onContextMenuSelectionChange: this.props.onContextMenuSelectionChange,\n metaKeySelection: this.props.metaKeySelection,\n selectionMode: this.props.selectionMode,\n cellSelection: this.props.cellSelection,\n contextMenuSelection: this.props.contextMenuSelection,\n dataKey: this.props.dataKey,\n expandedRows: this.props.expandedRows,\n onRowCollapse: this.props.onRowCollapse,\n onRowExpand: this.props.onRowExpand,\n onRowToggle: this.props.onRowToggle,\n editMode: this.props.editMode,\n editingRows: this.props.editingRows,\n onRowReorder: this.props.onRowReorder,\n scrollable: this.props.scrollable,\n rowGroupMode: this.props.rowGroupMode,\n groupRowsBy: this.props.groupRowsBy,\n expandableRowGroups: this.props.expandableRowGroups,\n loading: this.props.loading,\n emptyMessage: this.props.emptyMessage,\n rowGroupHeaderTemplate: this.props.rowGroupHeaderTemplate,\n rowExpansionTemplate: this.props.rowExpansionTemplate,\n rowGroupFooterTemplate: this.props.rowGroupFooterTemplate,\n onRowEditChange: this.props.onRowEditChange,\n compareSelectionBy: this.props.compareSelectionBy,\n selectOnEdit: this.props.selectOnEdit,\n onRowEditInit: this.props.onRowEditInit,\n rowEditValidator: this.props.rowEditValidator,\n onRowEditSave: this.props.onRowEditSave,\n onRowEditComplete: this.props.onRowEditComplete,\n onRowEditCancel: this.props.onRowEditCancel,\n cellClassName: this.props.cellClassName,\n responsiveLayout: this.props.responsiveLayout,\n selectionAutoFocus: this.props.selectionAutoFocus,\n isDataSelectable: this.props.isDataSelectable,\n showSelectionElement: this.props.showSelectionElement,\n showRowReorderElement: this.props.showRowReorderElement,\n expandedRowIcon: this.props.expandedRowIcon,\n collapsedRowIcon: this.props.collapsedRowIcon,\n rowClassName: this.props.rowClassName,\n virtualScrollerContentRef: contentRef,\n virtualScrollerOptions: options,\n isVirtualScrollerDisabled: isVirtualScrollerDisabled\n });\n return /*#__PURE__*/React.createElement(React.Fragment, null, frozenBody, body);\n }\n }, {\n key: \"renderTableFooter\",\n value: function renderTableFooter(options) {\n var columns = options.columns;\n return /*#__PURE__*/React.createElement(TableFooter, {\n tableProps: this.props,\n columns: columns,\n footerColumnGroup: this.props.footerColumnGroup\n });\n }\n }, {\n key: \"renderContent\",\n value: function renderContent(processedData, columns, selectionModeInColumn, empty) {\n var _this17 = this;\n\n if (!columns) return;\n var isVirtualScrollerDisabled = this.isVirtualScrollerDisabled();\n var virtualScrollerOptions = this.props.virtualScrollerOptions || {};\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"p-datatable-wrapper\",\n style: {\n maxHeight: isVirtualScrollerDisabled ? this.props.scrollHeight : null\n }\n }, /*#__PURE__*/React.createElement(VirtualScroller, _extends({}, virtualScrollerOptions, {\n items: processedData,\n columns: columns,\n scrollHeight: this.props.scrollHeight,\n disabled: isVirtualScrollerDisabled,\n loaderDisabled: true,\n showSpacer: false,\n contentTemplate: function contentTemplate(options) {\n var ref = function ref(el) {\n _this17.table = el;\n options.spacerRef && options.spacerRef(el);\n };\n\n var tableClassName = classNames('p-datatable-table', _this17.props.tableClassName);\n\n var tableHeader = _this17.renderTableHeader(options, empty);\n\n var tableBody = _this17.renderTableBody(options, selectionModeInColumn, empty, isVirtualScrollerDisabled);\n\n var tableFooter = _this17.renderTableFooter(options);\n\n return /*#__PURE__*/React.createElement(\"table\", {\n ref: ref,\n style: _this17.props.tableStyle,\n className: tableClassName,\n role: \"table\"\n }, tableHeader, tableBody, tableFooter);\n }\n })));\n }\n }, {\n key: \"renderFooter\",\n value: function renderFooter() {\n if (this.props.footer) {\n var content = ObjectUtils.getJSXElement(this.props.footer, {\n props: this.props\n });\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"p-datatable-footer\"\n }, content);\n }\n\n return null;\n }\n }, {\n key: \"renderPaginator\",\n value: function renderPaginator(position, totalRecords) {\n var className = classNames('p-paginator-' + position, this.props.paginatorClassName);\n return /*#__PURE__*/React.createElement(Paginator, {\n first: this.getFirst(),\n rows: this.getRows(),\n pageLinkSize: this.props.pageLinkSize,\n className: className,\n onPageChange: this.onPageChange,\n template: this.props.paginatorTemplate,\n totalRecords: totalRecords,\n rowsPerPageOptions: this.props.rowsPerPageOptions,\n currentPageReportTemplate: this.props.currentPageReportTemplate,\n leftContent: this.props.paginatorLeft,\n rightContent: this.props.paginatorRight,\n alwaysShow: this.props.alwaysShowPaginator,\n dropdownAppendTo: this.props.paginatorDropdownAppendTo\n });\n }\n }, {\n key: \"renderPaginatorTop\",\n value: function renderPaginatorTop(totalRecords) {\n if (this.props.paginator && this.props.paginatorPosition !== 'bottom') {\n return this.renderPaginator('top', totalRecords);\n }\n\n return null;\n }\n }, {\n key: \"renderPaginatorBottom\",\n value: function renderPaginatorBottom(totalRecords) {\n if (this.props.paginator && this.props.paginatorPosition !== 'top') {\n return this.renderPaginator('bottom', totalRecords);\n }\n\n return null;\n }\n }, {\n key: \"renderResizeHelper\",\n value: function renderResizeHelper() {\n var _this18 = this;\n\n if (this.props.resizableColumns) {\n return /*#__PURE__*/React.createElement(\"div\", {\n ref: function ref(el) {\n return _this18.resizeHelper = el;\n },\n className: \"p-column-resizer-helper\",\n style: {\n display: 'none'\n }\n });\n }\n\n return null;\n }\n }, {\n key: \"renderReorderIndicators\",\n value: function renderReorderIndicators() {\n var _this19 = this;\n\n if (this.props.reorderableColumns) {\n var style = {\n position: 'absolute',\n display: 'none'\n };\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"span\", {\n ref: function ref(el) {\n return _this19.reorderIndicatorUp = el;\n },\n className: \"pi pi-arrow-down p-datatable-reorder-indicator-up\",\n style: style\n }), /*#__PURE__*/React.createElement(\"span\", {\n ref: function ref(el) {\n return _this19.reorderIndicatorDown = el;\n },\n className: \"pi pi-arrow-up p-datatable-reorder-indicator-down\",\n style: style\n }));\n }\n\n return null;\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this20 = this;\n\n var processedData = this.processedData();\n var columns = this.getColumns();\n var totalRecords = this.getTotalRecords(processedData);\n var empty = ObjectUtils.isEmpty(processedData);\n var selectionModeInColumn = this.getSelectionModeInColumn(columns);\n var selectable = this.props.selectionMode || selectionModeInColumn;\n var className = classNames('p-datatable p-component', {\n 'p-datatable-hoverable-rows': this.props.rowHover,\n 'p-datatable-selectable': selectable && !this.props.cellSelection,\n 'p-datatable-selectable-cell': selectable && this.props.cellSelection,\n 'p-datatable-auto-layout': this.props.autoLayout,\n 'p-datatable-resizable': this.props.resizableColumns,\n 'p-datatable-resizable-fit': this.props.resizableColumns && this.props.columnResizeMode === 'fit',\n 'p-datatable-scrollable': this.props.scrollable,\n 'p-datatable-scrollable-vertical': this.props.scrollable && this.props.scrollDirection === 'vertical',\n 'p-datatable-scrollable-horizontal': this.props.scrollable && this.props.scrollDirection === 'horizontal',\n 'p-datatable-scrollable-both': this.props.scrollable && this.props.scrollDirection === 'both',\n 'p-datatable-flex-scrollable': this.props.scrollable && this.props.scrollHeight === 'flex',\n 'p-datatable-responsive-stack': this.props.responsiveLayout === 'stack',\n 'p-datatable-responsive-scroll': this.props.responsiveLayout === 'scroll',\n 'p-datatable-striped': this.props.stripedRows,\n 'p-datatable-gridlines': this.props.showGridlines,\n 'p-datatable-grouped-header': this.props.headerColumnGroup != null,\n 'p-datatable-grouped-footer': this.props.footerColumnGroup != null,\n 'p-datatable-sm': this.props.size === 'small',\n 'p-datatable-lg': this.props.size === 'large'\n }, this.props.className);\n var loader = this.renderLoader();\n var header = this.renderHeader();\n var paginatorTop = this.renderPaginatorTop(totalRecords);\n var content = this.renderContent(processedData, columns, selectionModeInColumn, empty);\n var paginatorBottom = this.renderPaginatorBottom(totalRecords);\n var footer = this.renderFooter();\n var resizeHelper = this.renderResizeHelper();\n var reorderIndicators = this.renderReorderIndicators();\n return /*#__PURE__*/React.createElement(\"div\", {\n ref: function ref(el) {\n return _this20.el = el;\n },\n id: this.props.id,\n className: className,\n style: this.props.style,\n \"data-scrollselectors\": \".p-datatable-wrapper\"\n }, loader, header, paginatorTop, content, paginatorBottom, footer, resizeHelper, reorderIndicators);\n }\n }], [{\n key: \"getDerivedStateFromProps\",\n value: function getDerivedStateFromProps(nextProps, prevState) {\n if (nextProps.rows !== prevState.d_rows && !nextProps.onPage) {\n return {\n rows: nextProps.rows,\n d_rows: nextProps.rows\n };\n }\n\n return null;\n }\n }]);\n\n return DataTable;\n}(Component);\n\n_defineProperty(DataTable, \"defaultProps\", {\n id: null,\n value: null,\n header: null,\n footer: null,\n style: null,\n className: null,\n tableStyle: null,\n tableClassName: null,\n paginator: false,\n paginatorPosition: 'bottom',\n alwaysShowPaginator: true,\n paginatorClassName: null,\n paginatorTemplate: 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown',\n paginatorLeft: null,\n paginatorRight: null,\n paginatorDropdownAppendTo: null,\n pageLinkSize: 5,\n rowsPerPageOptions: null,\n currentPageReportTemplate: '({currentPage} of {totalPages})',\n first: 0,\n rows: null,\n totalRecords: null,\n lazy: false,\n sortField: null,\n sortOrder: null,\n multiSortMeta: null,\n sortMode: 'single',\n defaultSortOrder: 1,\n removableSort: false,\n emptyMessage: null,\n selectionMode: null,\n dragSelection: false,\n cellSelection: false,\n selection: null,\n onSelectionChange: null,\n contextMenuSelection: null,\n onContextMenuSelectionChange: null,\n compareSelectionBy: 'deepEquals',\n dataKey: null,\n metaKeySelection: true,\n selectOnEdit: true,\n selectionPageOnly: false,\n selectionAutoFocus: true,\n showSelectAll: true,\n selectAll: false,\n onSelectAllChange: null,\n headerColumnGroup: null,\n footerColumnGroup: null,\n rowExpansionTemplate: null,\n expandedRows: null,\n onRowToggle: null,\n resizableColumns: false,\n columnResizeMode: 'fit',\n reorderableColumns: false,\n filters: null,\n globalFilter: null,\n filterDelay: 300,\n filterLocale: undefined,\n scrollable: false,\n scrollHeight: null,\n scrollDirection: 'vertical',\n virtualScrollerOptions: null,\n frozenWidth: null,\n frozenValue: null,\n csvSeparator: ',',\n exportFilename: 'download',\n rowGroupMode: null,\n autoLayout: false,\n rowClassName: null,\n cellClassName: null,\n rowGroupHeaderTemplate: null,\n rowGroupFooterTemplate: null,\n loading: false,\n loadingIcon: 'pi pi-spinner',\n tabIndex: 0,\n stateKey: null,\n stateStorage: 'session',\n groupRowsBy: null,\n editMode: 'cell',\n editingRows: null,\n expandableRowGroups: false,\n rowHover: false,\n showGridlines: false,\n stripedRows: false,\n size: 'normal',\n responsiveLayout: 'stack',\n breakpoint: '960px',\n filterDisplay: 'menu',\n expandedRowIcon: 'pi pi-chevron-down',\n collapsedRowIcon: 'pi pi-chevron-right',\n onRowEditComplete: null,\n globalFilterFields: null,\n showSelectionElement: null,\n showRowReorderElement: null,\n isDataSelectable: null,\n onColumnResizeEnd: null,\n onColumnResizerClick: null,\n onColumnResizerDoubleClick: null,\n onSort: null,\n onPage: null,\n onFilter: null,\n onAllRowsSelect: null,\n onAllRowsUnselect: null,\n onRowClick: null,\n onRowDoubleClick: null,\n onRowSelect: null,\n onRowUnselect: null,\n onRowExpand: null,\n onRowCollapse: null,\n onContextMenu: null,\n onColReorder: null,\n onCellClick: null,\n onCellSelect: null,\n onCellUnselect: null,\n onRowReorder: null,\n onValueChange: null,\n rowEditValidator: null,\n onRowEditInit: null,\n onRowEditSave: null,\n onRowEditCancel: null,\n onRowEditChange: null,\n exportFunction: null,\n customSaveState: null,\n customRestoreState: null,\n onStateSave: null,\n onStateRestore: null\n});\n\nexport { DataTable };\n","var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n return cooked;\n};\nimport React from 'react';\nimport styled, { keyframes } from 'styled-components';\nimport { DEFAULT_COLOR } from '../type';\nvar len = 242.776657104492;\nvar time = 1.6;\nvar anim = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n 12.5% {\\n stroke-dasharray: \", \"px, \", \"px;\\n stroke-dashoffset: -\", \"px;\\n }\\n 43.75% {\\n stroke-dasharray: \", \"px, \", \"px;\\n stroke-dashoffset: -\", \"px;\\n }\\n 100% {\\n stroke-dasharray: \", \"px, \", \"px;\\n stroke-dashoffset: -\", \"px;\\n }\\n\"], [\"\\n 12.5% {\\n stroke-dasharray: \", \"px, \", \"px;\\n stroke-dashoffset: -\", \"px;\\n }\\n 43.75% {\\n stroke-dasharray: \", \"px, \", \"px;\\n stroke-dashoffset: -\", \"px;\\n }\\n 100% {\\n stroke-dasharray: \", \"px, \", \"px;\\n stroke-dashoffset: -\", \"px;\\n }\\n\"])), len * 0.14, len, len * 0.11, len * 0.35, len, len * 0.35, len * 0.01, len, len * 0.99);\nvar Path = styled.path(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n stroke-dasharray: \", \"px, \", \";\\n stroke-dashoffset: 0;\\n animation: \", \" \", \"s linear infinite;\\n\"], [\"\\n stroke-dasharray: \", \"px, \", \";\\n stroke-dashoffset: 0;\\n animation: \", \" \", \"s linear infinite;\\n\"])), len * 0.01, len, anim, time);\nvar InfinitySpin = function (_a) {\n var _b = _a.color, color = _b === void 0 ? DEFAULT_COLOR : _b, _c = _a.width, width = _c === void 0 ? '200' : _c;\n return (React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"\".concat(width), height: \"\".concat(Number(width) * 0.5), viewBox: \"0 0 \".concat(width, \" \").concat(Number(200 * 0.5)), \"data-testid\": \"infinity-spin\" },\n React.createElement(Path, { \"data-testid\": \"infinity-spin-path-1\", stroke: color, fill: \"none\", strokeWidth: \"4\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeMiterlimit: \"10\", d: \"M93.9,46.4c9.3,9.5,13.8,17.9,23.5,17.9s17.5-7.8,17.5-17.5s-7.8-17.6-17.5-17.5c-9.7,0.1-13.3,7.2-22.1,17.1 c-8.9,8.8-15.7,17.9-25.4,17.9s-17.5-7.8-17.5-17.5s7.8-17.5,17.5-17.5S86.2,38.6,93.9,46.4z\" }),\n React.createElement(\"path\", { \"data-testid\": \"infinity-spin-path-2\", opacity: \"0.07\", fill: \"none\", stroke: color, strokeWidth: \"4\", strokeLinecap: \"round\", strokeLinejoin: \"round\", strokeMiterlimit: \"10\", d: \"M93.9,46.4c9.3,9.5,13.8,17.9,23.5,17.9s17.5-7.8,17.5-17.5s-7.8-17.6-17.5-17.5c-9.7,0.1-13.3,7.2-22.1,17.1 c-8.9,8.8-15.7,17.9-25.4,17.9s-17.5-7.8-17.5-17.5s7.8-17.5,17.5-17.5S86.2,38.6,93.9,46.4z\" })));\n};\nexport default InfinitySpin;\nvar templateObject_1, templateObject_2;\n","export var getDefaultStyle = function (visible) { return ({\n display: visible ? 'flex' : 'none',\n}); };\n","export var DEFAULT_COLOR = '#4fa94d';\nexport var DEFAULT_WAI_ARIA_ATTRIBUTE = {\n 'aria-busy': true,\n role: 'status',\n};\n","/**\n * Returns the value of `props[path]` or `defaultValue`\n * @example\n * import styled from \"styled-components\";\n * import { prop } from \"styled-tools\";\n *\n * const Button = styled.button`\n * color: ${prop(\"color\", \"red\")};\n * `;\n */\nvar prop = function prop(path, defaultValue) {\n return function () {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n if (typeof props[path] !== \"undefined\") {\n return props[path];\n }\n\n if (path && path.indexOf(\".\") > 0) {\n var paths = path.split(\".\");\n var length = paths.length;\n var object = props[paths[0]];\n var index = 1;\n\n while (object != null && index < length) {\n object = object[paths[index]];\n index += 1;\n }\n\n if (typeof object !== \"undefined\") {\n return object;\n }\n }\n\n return defaultValue;\n };\n};\n\nexport default prop;","function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance\"); }\n\nfunction _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === \"[object Arguments]\") return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }\n\nimport prop from \"./prop\";\n\n/**\n * Calls a function passing properties values as arguments.\n * @example\n * // example with polished\n * import styled from \"styled-components\";\n * import { darken } from \"polished\";\n * import { withProp, prop } from \"styled-tools\";\n *\n * const Button = styled.button`\n * border-color: ${withProp(prop(\"theme.primaryColor\", \"blue\"), darken(0.5))};\n * font-size: ${withProp(\"theme.size\", size => `${size + 1}px`)};\n * background: ${withProp([\"foo\", \"bar\"], (foo, bar) => `${foo}${bar}`)};\n * `;\n */\nvar withProp = function withProp(needle, fn) {\n return function () {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n if (Array.isArray(needle)) {\n var needles = needle.map(function (arg) {\n return withProp(arg, function (x) {\n return x;\n })(props);\n });\n return fn.apply(void 0, _toConsumableArray(needles));\n }\n\n if (typeof needle === \"function\") {\n return fn(needle(props));\n }\n\n return fn(prop(needle)(props));\n };\n};\n\nexport default withProp;","var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n return cooked;\n};\nvar __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React, { useCallback } from 'react';\nimport styled, { keyframes } from 'styled-components';\nimport { prop } from 'styled-tools';\nimport { DEFAULT_COLOR, DEFAULT_WAI_ARIA_ATTRIBUTE } from '../type';\nvar spin = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n to {\\n transform: rotate(360deg);\\n }\\n\"], [\"\\n to {\\n transform: rotate(360deg);\\n }\\n\"])));\nvar POINTS = [0, 30, 60, 90, 120, 150, 180, 210, 240, 270, 300, 330];\nvar Svg = styled.svg(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n animation: \", \" 0.75s steps(12, end) infinite;\\n animation-duration: \", \"s;\\n\"], [\"\\n animation: \", \" 0.75s steps(12, end) infinite;\\n animation-duration: \", \"s;\\n\"])), spin, prop('speed', '0.75'));\nvar Polyline = styled.polyline(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n stroke-width: \", \"px;\\n stroke-linecap: round;\\n\\n &:nth-child(12n + 0) {\\n stroke-opacity: 0.08;\\n }\\n\\n &:nth-child(12n + 1) {\\n stroke-opacity: 0.17;\\n }\\n\\n &:nth-child(12n + 2) {\\n stroke-opacity: 0.25;\\n }\\n\\n &:nth-child(12n + 3) {\\n stroke-opacity: 0.33;\\n }\\n\\n &:nth-child(12n + 4) {\\n stroke-opacity: 0.42;\\n }\\n\\n &:nth-child(12n + 5) {\\n stroke-opacity: 0.5;\\n }\\n\\n &:nth-child(12n + 6) {\\n stroke-opacity: 0.58;\\n }\\n\\n &:nth-child(12n + 7) {\\n stroke-opacity: 0.66;\\n }\\n\\n &:nth-child(12n + 8) {\\n stroke-opacity: 0.75;\\n }\\n\\n &:nth-child(12n + 9) {\\n stroke-opacity: 0.83;\\n }\\n\\n &:nth-child(12n + 11) {\\n stroke-opacity: 0.92;\\n }\\n\"], [\"\\n stroke-width: \", \"px;\\n stroke-linecap: round;\\n\\n &:nth-child(12n + 0) {\\n stroke-opacity: 0.08;\\n }\\n\\n &:nth-child(12n + 1) {\\n stroke-opacity: 0.17;\\n }\\n\\n &:nth-child(12n + 2) {\\n stroke-opacity: 0.25;\\n }\\n\\n &:nth-child(12n + 3) {\\n stroke-opacity: 0.33;\\n }\\n\\n &:nth-child(12n + 4) {\\n stroke-opacity: 0.42;\\n }\\n\\n &:nth-child(12n + 5) {\\n stroke-opacity: 0.5;\\n }\\n\\n &:nth-child(12n + 6) {\\n stroke-opacity: 0.58;\\n }\\n\\n &:nth-child(12n + 7) {\\n stroke-opacity: 0.66;\\n }\\n\\n &:nth-child(12n + 8) {\\n stroke-opacity: 0.75;\\n }\\n\\n &:nth-child(12n + 9) {\\n stroke-opacity: 0.83;\\n }\\n\\n &:nth-child(12n + 11) {\\n stroke-opacity: 0.92;\\n }\\n\"])), function (props) { return props.width; });\nexport default function RotatingLines(_a) {\n var _b = _a.strokeColor, strokeColor = _b === void 0 ? DEFAULT_COLOR : _b, _c = _a.strokeWidth, strokeWidth = _c === void 0 ? '5' : _c, _d = _a.animationDuration, animationDuration = _d === void 0 ? '0.75' : _d, _e = _a.width, width = _e === void 0 ? '96' : _e, _f = _a.visible, visible = _f === void 0 ? true : _f, _g = _a.ariaLabel, ariaLabel = _g === void 0 ? 'rotating-lines-loading' : _g;\n var lines = useCallback(function () {\n return POINTS.map(function (point) { return (React.createElement(Polyline, { key: point, points: \"24,12 24,4\", width: strokeWidth, transform: \"rotate(\".concat(point, \", 24, 24)\") })); });\n }, [strokeWidth]);\n return !visible ? null : (React.createElement(Svg, __assign({ xmlns: \"http://www.w3.org/2000/svg\", viewBox: \"0 0 48 48\", width: width, stroke: strokeColor, speed: animationDuration, \"data-testid\": \"rotating-lines-svg\", \"aria-label\": ariaLabel }, DEFAULT_WAI_ARIA_ATTRIBUTE), lines()));\n}\nvar templateObject_1, templateObject_2, templateObject_3;\n","var __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React from 'react';\nimport { getDefaultStyle } from '../helpers';\nimport { DEFAULT_COLOR, DEFAULT_WAI_ARIA_ATTRIBUTE } from '../type';\nexport var TailSpin = function (_a) {\n var _b = _a.height, height = _b === void 0 ? 80 : _b, _c = _a.width, width = _c === void 0 ? 80 : _c, _d = _a.strokeWidth, strokeWidth = _d === void 0 ? 2 : _d, _e = _a.radius, radius = _e === void 0 ? 1 : _e, _f = _a.color, color = _f === void 0 ? DEFAULT_COLOR : _f, _g = _a.ariaLabel, ariaLabel = _g === void 0 ? 'tail-spin-loading' : _g, wrapperStyle = _a.wrapperStyle, wrapperClass = _a.wrapperClass, _h = _a.visible, visible = _h === void 0 ? true : _h;\n var strokeWidthNum = parseInt(String(strokeWidth));\n var viewBoxValue = strokeWidthNum + 36;\n var halfStrokeWidth = strokeWidthNum / 2;\n var processedRadius = halfStrokeWidth + parseInt(String(radius)) - 1;\n return (React.createElement(\"div\", __assign({ style: __assign(__assign({}, getDefaultStyle(visible)), wrapperStyle), className: wrapperClass, \"data-testid\": \"tail-spin-loading\", \"aria-label\": ariaLabel }, DEFAULT_WAI_ARIA_ATTRIBUTE),\n React.createElement(\"svg\", { width: width, height: height, viewBox: \"0 0 \".concat(viewBoxValue, \" \").concat(viewBoxValue), xmlns: \"http://www.w3.org/2000/svg\", \"data-testid\": \"tail-spin-svg\" },\n React.createElement(\"defs\", null,\n React.createElement(\"linearGradient\", { x1: \"8.042%\", y1: \"0%\", x2: \"65.682%\", y2: \"23.865%\", id: \"a\" },\n React.createElement(\"stop\", { stopColor: color, stopOpacity: \"0\", offset: \"0%\" }),\n React.createElement(\"stop\", { stopColor: color, stopOpacity: \".631\", offset: \"63.146%\" }),\n React.createElement(\"stop\", { stopColor: color, offset: \"100%\" }))),\n React.createElement(\"g\", { fill: \"none\", fillRule: \"evenodd\" },\n React.createElement(\"g\", { transform: \"translate(\".concat(halfStrokeWidth, \" \").concat(halfStrokeWidth, \")\") },\n React.createElement(\"path\", { d: \"M36 18c0-9.94-8.06-18-18-18\", id: \"Oval-2\", stroke: color, strokeWidth: strokeWidth },\n React.createElement(\"animateTransform\", { attributeName: \"transform\", type: \"rotate\", from: \"0 18 18\", to: \"360 18 18\", dur: \"0.9s\", repeatCount: \"indefinite\" })),\n React.createElement(\"circle\", { fill: \"#fff\", cx: \"36\", cy: \"18\", r: processedRadius },\n React.createElement(\"animateTransform\", { attributeName: \"transform\", type: \"rotate\", from: \"0 18 18\", to: \"360 18 18\", dur: \"0.9s\", repeatCount: \"indefinite\" })))))));\n};\nexport default TailSpin;\n","var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n return cooked;\n};\nvar __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport React from 'react';\nimport styled, { keyframes } from 'styled-components';\nimport { getDefaultStyle } from '../helpers';\nimport { DEFAULT_COLOR, DEFAULT_WAI_ARIA_ATTRIBUTE } from '../type';\nvar dash = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n to {\\n stroke-dashoffset: 136;\\n }\\n\"], [\"\\n to {\\n stroke-dashoffset: 136;\\n }\\n\"])));\nvar Polygon = styled.polygon(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n stroke-dasharray: 17;\\n animation: \", \" 2.5s cubic-bezier(0.35, 0.04, 0.63, 0.95) infinite;\\n\"], [\"\\n stroke-dasharray: 17;\\n animation: \", \" 2.5s cubic-bezier(0.35, 0.04, 0.63, 0.95) infinite;\\n\"])), dash);\nvar SVG = styled.svg(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n transform-origin: 50% 65%;\\n\"], [\"\\n transform-origin: 50% 65%;\\n\"])));\nvar Triangle = function (_a) {\n var _b = _a.height, height = _b === void 0 ? 80 : _b, _c = _a.width, width = _c === void 0 ? 80 : _c, _d = _a.color, color = _d === void 0 ? DEFAULT_COLOR : _d, _e = _a.ariaLabel, ariaLabel = _e === void 0 ? 'triangle-loading' : _e, wrapperStyle = _a.wrapperStyle, wrapperClass = _a.wrapperClass, _f = _a.visible, visible = _f === void 0 ? true : _f;\n return (React.createElement(\"div\", __assign({ style: __assign(__assign({}, getDefaultStyle(visible)), wrapperStyle), className: \"\".concat(wrapperClass), \"data-testid\": \"triangle-loading\", \"aria-label\": ariaLabel }, DEFAULT_WAI_ARIA_ATTRIBUTE),\n React.createElement(SVG, { id: \"triangle\", width: width, height: height, viewBox: \"-3 -4 39 39\", \"data-testid\": \"triangle-svg\" },\n React.createElement(Polygon, { fill: \"transparent\", stroke: color, strokeWidth: \"1\", points: \"16,0 32,32 0,32\" }))));\n};\nexport default Triangle;\nvar templateObject_1, templateObject_2, templateObject_3;\n","function _typeof(o) {\n \"@babel/helpers - typeof\";\n\n return (module.exports = _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n return typeof o;\n } : function (o) {\n return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n }, module.exports.__esModule = true, module.exports[\"default\"] = module.exports), _typeof(o);\n}\nmodule.exports = _typeof, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","'use strict';\n\nfunction checkDCE() {\n /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */\n if (\n typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === 'undefined' ||\n typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== 'function'\n ) {\n return;\n }\n if (process.env.NODE_ENV !== 'production') {\n // This branch is unreachable because this function is only called\n // in production, but the condition is true only in development.\n // Therefore if the branch is still here, dead code elimination wasn't\n // properly applied.\n // Don't change the message. React DevTools relies on it. Also make sure\n // this message doesn't occur elsewhere in this function, or it will cause\n // a false positive.\n throw new Error('^_^');\n }\n try {\n // Verify that the code above has been dead code eliminated (DCE'd).\n __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE);\n } catch (err) {\n // DevTools shouldn't crash React, no matter what.\n // We should still report in case we break this code.\n console.error(err);\n }\n}\n\nif (process.env.NODE_ENV === 'production') {\n // DCE check should happen before ReactDOM bundle executes so that\n // DevTools can report bad minification during injection.\n checkDCE();\n module.exports = require('./cjs/react-dom.production.min.js');\n} else {\n module.exports = require('./cjs/react-dom.development.js');\n}\n","// MIT License\n// Copyright (c) 2019-present StringEpsilon \n// Copyright (c) 2017-2019 James Kyle \n// https://github.com/StringEpsilon/mini-create-react-context\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport warning from \"tiny-warning\";\n\nconst MAX_SIGNED_31_BIT_INT = 1073741823;\n\nconst commonjsGlobal =\n typeof globalThis !== \"undefined\" // 'global proper'\n ? // eslint-disable-next-line no-undef\n globalThis\n : typeof window !== \"undefined\"\n ? window // Browser\n : typeof global !== \"undefined\"\n ? global // node.js\n : {};\n\nfunction getUniqueId() {\n let key = \"__global_unique_id__\";\n return (commonjsGlobal[key] = (commonjsGlobal[key] || 0) + 1);\n}\n\n// Inlined Object.is polyfill.\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is\nfunction objectIs(x, y) {\n if (x === y) {\n return x !== 0 || 1 / x === 1 / y;\n } else {\n // eslint-disable-next-line no-self-compare\n return x !== x && y !== y;\n }\n}\n\nfunction createEventEmitter(value) {\n let handlers = [];\n return {\n on(handler) {\n handlers.push(handler);\n },\n\n off(handler) {\n handlers = handlers.filter(h => h !== handler);\n },\n\n get() {\n return value;\n },\n\n set(newValue, changedBits) {\n value = newValue;\n handlers.forEach(handler => handler(value, changedBits));\n }\n };\n}\n\nfunction onlyChild(children) {\n return Array.isArray(children) ? children[0] : children;\n}\n\nexport default function createReactContext(defaultValue, calculateChangedBits) {\n const contextProp = \"__create-react-context-\" + getUniqueId() + \"__\";\n\n class Provider extends React.Component {\n emitter = createEventEmitter(this.props.value);\n\n static childContextTypes = {\n [contextProp]: PropTypes.object.isRequired\n };\n\n getChildContext() {\n return {\n [contextProp]: this.emitter\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (this.props.value !== nextProps.value) {\n let oldValue = this.props.value;\n let newValue = nextProps.value;\n let changedBits;\n\n if (objectIs(oldValue, newValue)) {\n changedBits = 0; // No change\n } else {\n changedBits =\n typeof calculateChangedBits === \"function\"\n ? calculateChangedBits(oldValue, newValue)\n : MAX_SIGNED_31_BIT_INT;\n if (process.env.NODE_ENV !== \"production\") {\n warning(\n (changedBits & MAX_SIGNED_31_BIT_INT) === changedBits,\n \"calculateChangedBits: Expected the return value to be a \" +\n \"31-bit integer. Instead received: \" +\n changedBits\n );\n }\n\n changedBits |= 0;\n\n if (changedBits !== 0) {\n this.emitter.set(nextProps.value, changedBits);\n }\n }\n }\n }\n\n render() {\n return this.props.children;\n }\n }\n\n class Consumer extends React.Component {\n static contextTypes = {\n [contextProp]: PropTypes.object\n };\n\n observedBits;\n\n state = {\n value: this.getValue()\n };\n\n componentWillReceiveProps(nextProps) {\n let { observedBits } = nextProps;\n this.observedBits =\n observedBits === undefined || observedBits === null\n ? MAX_SIGNED_31_BIT_INT // Subscribe to all changes by default\n : observedBits;\n }\n\n componentDidMount() {\n if (this.context[contextProp]) {\n this.context[contextProp].on(this.onUpdate);\n }\n let { observedBits } = this.props;\n this.observedBits =\n observedBits === undefined || observedBits === null\n ? MAX_SIGNED_31_BIT_INT // Subscribe to all changes by default\n : observedBits;\n }\n\n componentWillUnmount() {\n if (this.context[contextProp]) {\n this.context[contextProp].off(this.onUpdate);\n }\n }\n\n getValue() {\n if (this.context[contextProp]) {\n return this.context[contextProp].get();\n } else {\n return defaultValue;\n }\n }\n\n onUpdate = (newValue, changedBits) => {\n const observedBits = this.observedBits | 0;\n if ((observedBits & changedBits) !== 0) {\n this.setState({ value: this.getValue() });\n }\n };\n\n render() {\n return onlyChild(this.props.children)(this.state.value);\n }\n }\n\n return {\n Provider,\n Consumer\n };\n}\n","// MIT License\n// Copyright (c) 2019-present StringEpsilon \n// Copyright (c) 2017-2019 James Kyle \n// https://github.com/StringEpsilon/mini-create-react-context\nimport React from \"react\";\nimport createReactContext from \"./miniCreateReactContext\";\n\nexport default React.createContext || createReactContext;\n","// TODO: Replace with React.createContext once we can assume React 16+\nimport createContext from \"./createContext\";\n\nconst createNamedContext = name => {\n const context = createContext();\n context.displayName = name;\n\n return context;\n};\n\nexport default createNamedContext;\n","import createNamedContext from \"./createNamedContext\";\n\nconst historyContext = /*#__PURE__*/ createNamedContext(\"Router-History\");\nexport default historyContext;\n","import createNamedContext from \"./createNamedContext\";\n\nconst context = /*#__PURE__*/ createNamedContext(\"Router\");\nexport default context;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport warning from \"tiny-warning\";\n\nimport HistoryContext from \"./HistoryContext.js\";\nimport RouterContext from \"./RouterContext.js\";\n\n/**\n * The public API for putting history on context.\n */\nclass Router extends React.Component {\n static computeRootMatch(pathname) {\n return { path: \"/\", url: \"/\", params: {}, isExact: pathname === \"/\" };\n }\n\n constructor(props) {\n super(props);\n\n this.state = {\n location: props.history.location\n };\n\n // This is a bit of a hack. We have to start listening for location\n // changes here in the constructor in case there are any s\n // on the initial render. If there are, they will replace/push when\n // they mount and since cDM fires in children before parents, we may\n // get a new location before the is mounted.\n this._isMounted = false;\n this._pendingLocation = null;\n\n if (!props.staticContext) {\n this.unlisten = props.history.listen(location => {\n this._pendingLocation = location;\n });\n }\n }\n\n componentDidMount() {\n this._isMounted = true;\n\n if (this.unlisten) {\n // Any pre-mount location changes have been captured at\n // this point, so unregister the listener.\n this.unlisten();\n }\n if (!this.props.staticContext) {\n this.unlisten = this.props.history.listen(location => {\n if (this._isMounted) {\n this.setState({ location });\n }\n });\n }\n if (this._pendingLocation) {\n this.setState({ location: this._pendingLocation });\n }\n }\n\n componentWillUnmount() {\n if (this.unlisten) {\n this.unlisten();\n this._isMounted = false;\n this._pendingLocation = null;\n }\n }\n\n render() {\n return (\n \n \"\n );\n };\n}\n\nexport default Router;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { createMemoryHistory as createHistory } from \"history\";\nimport warning from \"tiny-warning\";\n\nimport Router from \"./Router.js\";\n\n/**\n * The public API for a that stores location in memory.\n */\nclass MemoryRouter extends React.Component {\n history = createHistory(this.props);\n\n render() {\n return ignores the history prop. To use a custom history, \" +\n \"use `import { Router }` instead of `import { MemoryRouter as Router }`.\"\n );\n };\n}\n\nexport default MemoryRouter;\n","import React from \"react\";\n\nclass Lifecycle extends React.Component {\n componentDidMount() {\n if (this.props.onMount) this.props.onMount.call(this, this);\n }\n\n componentDidUpdate(prevProps) {\n if (this.props.onUpdate) this.props.onUpdate.call(this, this, prevProps);\n }\n\n componentWillUnmount() {\n if (this.props.onUnmount) this.props.onUnmount.call(this, this);\n }\n\n render() {\n return null;\n }\n}\n\nexport default Lifecycle;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport invariant from \"tiny-invariant\";\n\nimport Lifecycle from \"./Lifecycle.js\";\nimport RouterContext from \"./RouterContext.js\";\n\n/**\n * The public API for prompting the user before navigating away from a screen.\n */\nfunction Prompt({ message, when = true }) {\n return (\n \n {context => {\n invariant(context, \"You should not use outside a \");\n\n if (!when || context.staticContext) return null;\n\n const method = context.history.block;\n\n return (\n {\n self.release = method(message);\n }}\n onUpdate={(self, prevProps) => {\n if (prevProps.message !== message) {\n self.release();\n self.release = method(message);\n }\n }}\n onUnmount={self => {\n self.release();\n }}\n message={message}\n />\n );\n }}\n \n );\n}\n\nif (__DEV__) {\n const messageType = PropTypes.oneOfType([PropTypes.func, PropTypes.string]);\n\n Prompt.propTypes = {\n when: PropTypes.bool,\n message: messageType.isRequired\n };\n}\n\nexport default Prompt;\n","import pathToRegexp from \"path-to-regexp\";\n\nconst cache = {};\nconst cacheLimit = 10000;\nlet cacheCount = 0;\n\nfunction compilePath(path) {\n if (cache[path]) return cache[path];\n\n const generator = pathToRegexp.compile(path);\n\n if (cacheCount < cacheLimit) {\n cache[path] = generator;\n cacheCount++;\n }\n\n return generator;\n}\n\n/**\n * Public API for generating a URL pathname from a path and parameters.\n */\nfunction generatePath(path = \"/\", params = {}) {\n return path === \"/\" ? path : compilePath(path)(params, { pretty: true });\n}\n\nexport default generatePath;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { createLocation, locationsAreEqual } from \"history\";\nimport invariant from \"tiny-invariant\";\n\nimport Lifecycle from \"./Lifecycle.js\";\nimport RouterContext from \"./RouterContext.js\";\nimport generatePath from \"./generatePath.js\";\n\n/**\n * The public API for navigating programmatically with a component.\n */\nfunction Redirect({ computedMatch, to, push = false }) {\n return (\n \n {context => {\n invariant(context, \"You should not use outside a \");\n\n const { history, staticContext } = context;\n\n const method = push ? history.push : history.replace;\n const location = createLocation(\n computedMatch\n ? typeof to === \"string\"\n ? generatePath(to, computedMatch.params)\n : {\n ...to,\n pathname: generatePath(to.pathname, computedMatch.params)\n }\n : to\n );\n\n // When rendering in a static context,\n // set the new location immediately.\n if (staticContext) {\n method(location);\n return null;\n }\n\n return (\n {\n method(location);\n }}\n onUpdate={(self, prevProps) => {\n const prevLocation = createLocation(prevProps.to);\n if (\n !locationsAreEqual(prevLocation, {\n ...location,\n key: prevLocation.key\n })\n ) {\n method(location);\n }\n }}\n to={to}\n />\n );\n }}\n \n );\n}\n\nif (__DEV__) {\n Redirect.propTypes = {\n push: PropTypes.bool,\n from: PropTypes.string,\n to: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired\n };\n}\n\nexport default Redirect;\n","import pathToRegexp from \"path-to-regexp\";\n\nconst cache = {};\nconst cacheLimit = 10000;\nlet cacheCount = 0;\n\nfunction compilePath(path, options) {\n const cacheKey = `${options.end}${options.strict}${options.sensitive}`;\n const pathCache = cache[cacheKey] || (cache[cacheKey] = {});\n\n if (pathCache[path]) return pathCache[path];\n\n const keys = [];\n const regexp = pathToRegexp(path, keys, options);\n const result = { regexp, keys };\n\n if (cacheCount < cacheLimit) {\n pathCache[path] = result;\n cacheCount++;\n }\n\n return result;\n}\n\n/**\n * Public API for matching a URL pathname to a path.\n */\nfunction matchPath(pathname, options = {}) {\n if (typeof options === \"string\" || Array.isArray(options)) {\n options = { path: options };\n }\n\n const { path, exact = false, strict = false, sensitive = false } = options;\n\n const paths = [].concat(path);\n\n return paths.reduce((matched, path) => {\n if (!path && path !== \"\") return null;\n if (matched) return matched;\n\n const { regexp, keys } = compilePath(path, {\n end: exact,\n strict,\n sensitive\n });\n const match = regexp.exec(pathname);\n\n if (!match) return null;\n\n const [url, ...values] = match;\n const isExact = pathname === url;\n\n if (exact && !isExact) return null;\n\n return {\n path, // the path used to match\n url: path === \"/\" && url === \"\" ? \"/\" : url, // the matched portion of the URL\n isExact, // whether or not we matched exactly\n params: keys.reduce((memo, key, index) => {\n memo[key.name] = values[index];\n return memo;\n }, {})\n };\n }, null);\n}\n\nexport default matchPath;\n","import React from \"react\";\nimport { isValidElementType } from \"react-is\";\nimport PropTypes from \"prop-types\";\nimport invariant from \"tiny-invariant\";\nimport warning from \"tiny-warning\";\n\nimport RouterContext from \"./RouterContext.js\";\nimport matchPath from \"./matchPath.js\";\n\nfunction isEmptyChildren(children) {\n return React.Children.count(children) === 0;\n}\n\nfunction evalChildrenDev(children, props, path) {\n const value = children(props);\n\n warning(\n value !== undefined,\n \"You returned `undefined` from the `children` function of \" +\n `, but you ` +\n \"should have returned a React element or `null`\"\n );\n\n return value || null;\n}\n\n/**\n * The public API for matching a single path and rendering.\n */\nclass Route extends React.Component {\n render() {\n return (\n \n {context => {\n invariant(context, \"You should not use outside a \");\n\n const location = this.props.location || context.location;\n const match = this.props.computedMatch\n ? this.props.computedMatch // already computed the match for us\n : this.props.path\n ? matchPath(location.pathname, this.props)\n : context.match;\n\n const props = { ...context, location, match };\n\n let { children, component, render } = this.props;\n\n // Preact uses an empty array as children by\n // default, so use null if that's the case.\n if (Array.isArray(children) && isEmptyChildren(children)) {\n children = null;\n }\n\n return (\n \n {props.match\n ? children\n ? typeof children === \"function\"\n ? __DEV__\n ? evalChildrenDev(children, props, this.props.path)\n : children(props)\n : children\n : component\n ? React.createElement(component, props)\n : render\n ? render(props)\n : null\n : typeof children === \"function\"\n ? __DEV__\n ? evalChildrenDev(children, props, this.props.path)\n : children(props)\n : null}\n \n );\n }}\n \n );\n }\n}\n\nif (__DEV__) {\n Route.propTypes = {\n children: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),\n component: (props, propName) => {\n if (props[propName] && !isValidElementType(props[propName])) {\n return new Error(\n `Invalid prop 'component' supplied to 'Route': the prop is not a valid React component`\n );\n }\n },\n exact: PropTypes.bool,\n location: PropTypes.object,\n path: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string)\n ]),\n render: PropTypes.func,\n sensitive: PropTypes.bool,\n strict: PropTypes.bool\n };\n\n Route.prototype.componentDidMount = function() {\n warning(\n !(\n this.props.children &&\n !isEmptyChildren(this.props.children) &&\n this.props.component\n ),\n \"You should not use and in the same route; will be ignored\"\n );\n\n warning(\n !(\n this.props.children &&\n !isEmptyChildren(this.props.children) &&\n this.props.render\n ),\n \"You should not use and in the same route; will be ignored\"\n );\n\n warning(\n !(this.props.component && this.props.render),\n \"You should not use and in the same route; will be ignored\"\n );\n };\n\n Route.prototype.componentDidUpdate = function(prevProps) {\n warning(\n !(this.props.location && !prevProps.location),\n ' elements should not change from uncontrolled to controlled (or vice versa). You initially used no \"location\" prop and then provided one on a subsequent render.'\n );\n\n warning(\n !(!this.props.location && prevProps.location),\n ' elements should not change from controlled to uncontrolled (or vice versa). You provided a \"location\" prop initially but omitted it on a subsequent render.'\n );\n };\n}\n\nexport default Route;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { createLocation, createPath } from \"history\";\nimport invariant from \"tiny-invariant\";\nimport warning from \"tiny-warning\";\n\nimport Router from \"./Router.js\";\n\nfunction addLeadingSlash(path) {\n return path.charAt(0) === \"/\" ? path : \"/\" + path;\n}\n\nfunction addBasename(basename, location) {\n if (!basename) return location;\n\n return {\n ...location,\n pathname: addLeadingSlash(basename) + location.pathname\n };\n}\n\nfunction stripBasename(basename, location) {\n if (!basename) return location;\n\n const base = addLeadingSlash(basename);\n\n if (location.pathname.indexOf(base) !== 0) return location;\n\n return {\n ...location,\n pathname: location.pathname.substr(base.length)\n };\n}\n\nfunction createURL(location) {\n return typeof location === \"string\" ? location : createPath(location);\n}\n\nfunction staticHandler(methodName) {\n return () => {\n invariant(false, \"You cannot %s with \", methodName);\n };\n}\n\nfunction noop() {}\n\n/**\n * The public top-level API for a \"static\" , so-called because it\n * can't actually change the current location. Instead, it just records\n * location changes in a context object. Useful mainly in testing and\n * server-rendering scenarios.\n */\nclass StaticRouter extends React.Component {\n navigateTo(location, action) {\n const { basename = \"\", context = {} } = this.props;\n context.action = action;\n context.location = addBasename(basename, createLocation(location));\n context.url = createURL(context.location);\n }\n\n handlePush = location => this.navigateTo(location, \"PUSH\");\n handleReplace = location => this.navigateTo(location, \"REPLACE\");\n handleListen = () => noop;\n handleBlock = () => noop;\n\n render() {\n const { basename = \"\", context = {}, location = \"/\", ...rest } = this.props;\n\n const history = {\n createHref: path => addLeadingSlash(basename + createURL(path)),\n action: \"POP\",\n location: stripBasename(basename, createLocation(location)),\n push: this.handlePush,\n replace: this.handleReplace,\n go: staticHandler(\"go\"),\n goBack: staticHandler(\"goBack\"),\n goForward: staticHandler(\"goForward\"),\n listen: this.handleListen,\n block: this.handleBlock\n };\n\n return ignores the history prop. To use a custom history, \" +\n \"use `import { Router }` instead of `import { StaticRouter as Router }`.\"\n );\n };\n}\n\nexport default StaticRouter;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport invariant from \"tiny-invariant\";\nimport warning from \"tiny-warning\";\n\nimport RouterContext from \"./RouterContext.js\";\nimport matchPath from \"./matchPath.js\";\n\n/**\n * The public API for rendering the first that matches.\n */\nclass Switch extends React.Component {\n render() {\n return (\n \n {context => {\n invariant(context, \"You should not use outside a \");\n\n const location = this.props.location || context.location;\n\n let element, match;\n\n // We use React.Children.forEach instead of React.Children.toArray().find()\n // here because toArray adds keys to all child elements and we do not want\n // to trigger an unmount/remount for two s that render the same\n // component at different URLs.\n React.Children.forEach(this.props.children, child => {\n if (match == null && React.isValidElement(child)) {\n element = child;\n\n const path = child.props.path || child.props.from;\n\n match = path\n ? matchPath(location.pathname, { ...child.props, path })\n : context.match;\n }\n });\n\n return match\n ? React.cloneElement(element, { location, computedMatch: match })\n : null;\n }}\n \n );\n }\n}\n\nif (__DEV__) {\n Switch.propTypes = {\n children: PropTypes.node,\n location: PropTypes.object\n };\n\n Switch.prototype.componentDidUpdate = function(prevProps) {\n warning(\n !(this.props.location && !prevProps.location),\n ' elements should not change from uncontrolled to controlled (or vice versa). You initially used no \"location\" prop and then provided one on a subsequent render.'\n );\n\n warning(\n !(!this.props.location && prevProps.location),\n ' elements should not change from controlled to uncontrolled (or vice versa). You provided a \"location\" prop initially but omitted it on a subsequent render.'\n );\n };\n}\n\nexport default Switch;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport hoistStatics from \"hoist-non-react-statics\";\nimport invariant from \"tiny-invariant\";\n\nimport RouterContext from \"./RouterContext.js\";\n\n/**\n * A public higher-order component to access the imperative API\n */\nfunction withRouter(Component) {\n const displayName = `withRouter(${Component.displayName || Component.name})`;\n const C = props => {\n const { wrappedComponentRef, ...remainingProps } = props;\n\n return (\n \n {context => {\n invariant(\n context,\n `You should not use <${displayName} /> outside a `\n );\n return (\n \n );\n };\n\n C.displayName = displayName;\n C.WrappedComponent = Component;\n\n if (__DEV__) {\n C.propTypes = {\n wrappedComponentRef: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.object\n ])\n };\n }\n\n return hoistStatics(C, Component);\n}\n\nexport default withRouter;\n","import React from \"react\";\nimport invariant from \"tiny-invariant\";\n\nimport RouterContext from \"./RouterContext.js\";\nimport HistoryContext from \"./HistoryContext.js\";\nimport matchPath from \"./matchPath.js\";\n\nconst useContext = React.useContext;\n\nexport function useHistory() {\n if (__DEV__) {\n invariant(\n typeof useContext === \"function\",\n \"You must use React >= 16.8 in order to use useHistory()\"\n );\n }\n\n return useContext(HistoryContext);\n}\n\nexport function useLocation() {\n if (__DEV__) {\n invariant(\n typeof useContext === \"function\",\n \"You must use React >= 16.8 in order to use useLocation()\"\n );\n }\n\n return useContext(RouterContext).location;\n}\n\nexport function useParams() {\n if (__DEV__) {\n invariant(\n typeof useContext === \"function\",\n \"You must use React >= 16.8 in order to use useParams()\"\n );\n }\n\n const match = useContext(RouterContext).match;\n return match ? match.params : {};\n}\n\nexport function useRouteMatch(path) {\n if (__DEV__) {\n invariant(\n typeof useContext === \"function\",\n \"You must use React >= 16.8 in order to use useRouteMatch()\"\n );\n }\n\n const location = useLocation();\n const match = useContext(RouterContext).match;\n return path ? matchPath(location.pathname, path) : match;\n}\n","import React, { Component } from 'react';\nimport { Button } from 'primereact/button';\nimport { classNames, ObjectUtils, ZIndexUtils, DomHandler, ConnectedOverlayScrollHandler, UniqueComponentId } from 'primereact/utils';\nimport { CSSTransition } from 'primereact/csstransition';\nimport { Portal } from 'primereact/portal';\nimport { tip } from 'primereact/tooltip';\nimport { OverlayService } from 'primereact/overlayservice';\nimport PrimeReact from 'primereact/api';\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n Object.defineProperty(Constructor, \"prototype\", {\n writable: false\n });\n return Constructor;\n}\n\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n Object.defineProperty(subClass, \"prototype\", {\n writable: false\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, _typeof(obj);\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n } else if (call !== void 0) {\n throw new TypeError(\"Derived constructors may only return object or undefined\");\n }\n\n return _assertThisInitialized(self);\n}\n\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nfunction _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$2() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar SplitButtonItem = /*#__PURE__*/function (_Component) {\n _inherits(SplitButtonItem, _Component);\n\n var _super = _createSuper$2(SplitButtonItem);\n\n function SplitButtonItem(props) {\n var _this;\n\n _classCallCheck(this, SplitButtonItem);\n\n _this = _super.call(this, props);\n _this.onClick = _this.onClick.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n _createClass(SplitButtonItem, [{\n key: \"onClick\",\n value: function onClick(e) {\n if (this.props.menuitem.command) {\n this.props.menuitem.command({\n originalEvent: e,\n item: this.props.menuitem\n });\n }\n\n if (this.props.onItemClick) {\n this.props.onItemClick(e);\n }\n\n e.preventDefault();\n }\n }, {\n key: \"renderSeparator\",\n value: function renderSeparator() {\n return /*#__PURE__*/React.createElement(\"li\", {\n className: \"p-menu-separator\",\n role: \"separator\"\n });\n }\n }, {\n key: \"renderMenuitem\",\n value: function renderMenuitem() {\n var _this2 = this;\n\n var _this$props$menuitem = this.props.menuitem,\n disabled = _this$props$menuitem.disabled,\n icon = _this$props$menuitem.icon,\n label = _this$props$menuitem.label,\n template = _this$props$menuitem.template,\n url = _this$props$menuitem.url,\n target = _this$props$menuitem.target;\n var className = classNames('p-menuitem-link', {\n 'p-disabled': disabled\n });\n var iconClassName = classNames('p-menuitem-icon', icon);\n icon = icon && /*#__PURE__*/React.createElement(\"span\", {\n className: iconClassName\n });\n label = label && /*#__PURE__*/React.createElement(\"span\", {\n className: \"p-menuitem-text\"\n }, label);\n var content = /*#__PURE__*/React.createElement(\"a\", {\n href: url || '#',\n role: \"menuitem\",\n className: className,\n target: target,\n onClick: this.onClick\n }, icon, label);\n\n if (template) {\n var defaultContentOptions = {\n onClick: function onClick(event) {\n return _this2.onClick(event);\n },\n className: className,\n labelClassName: 'p-menuitem-text',\n iconClassName: iconClassName,\n element: content,\n props: this.props\n };\n content = ObjectUtils.getJSXElement(template, this.props.menuitem, defaultContentOptions);\n }\n\n return /*#__PURE__*/React.createElement(\"li\", {\n className: \"p-menuitem\",\n role: \"none\"\n }, content);\n }\n }, {\n key: \"renderItem\",\n value: function renderItem() {\n if (this.props.menuitem.separator) {\n return this.renderSeparator();\n }\n\n return this.renderMenuitem();\n }\n }, {\n key: \"render\",\n value: function render() {\n var item = this.renderItem();\n return item;\n }\n }]);\n\n return SplitButtonItem;\n}(Component);\n\n_defineProperty(SplitButtonItem, \"defaultProps\", {\n menuitem: null,\n onItemClick: null\n});\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct$1() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nvar SplitButtonPanelComponent = /*#__PURE__*/function (_Component) {\n _inherits(SplitButtonPanelComponent, _Component);\n\n var _super = _createSuper$1(SplitButtonPanelComponent);\n\n function SplitButtonPanelComponent() {\n _classCallCheck(this, SplitButtonPanelComponent);\n\n return _super.apply(this, arguments);\n }\n\n _createClass(SplitButtonPanelComponent, [{\n key: \"renderElement\",\n value: function renderElement() {\n var className = classNames('p-menu p-menu-overlay p-component', this.props.menuClassName);\n return /*#__PURE__*/React.createElement(CSSTransition, {\n nodeRef: this.props.forwardRef,\n classNames: \"p-connected-overlay\",\n \"in\": this.props[\"in\"],\n timeout: {\n enter: 120,\n exit: 100\n },\n options: this.props.transitionOptions,\n unmountOnExit: true,\n onEnter: this.props.onEnter,\n onEntered: this.props.onEntered,\n onExit: this.props.onExit,\n onExited: this.props.onExited\n }, /*#__PURE__*/React.createElement(\"div\", {\n ref: this.props.forwardRef,\n className: className,\n style: this.props.menuStyle,\n id: this.props.id,\n onClick: this.onClick\n }, /*#__PURE__*/React.createElement(\"ul\", {\n className: \"p-menu-list p-reset\",\n role: \"menu\"\n }, this.props.children)));\n }\n }, {\n key: \"render\",\n value: function render() {\n var element = this.renderElement();\n return /*#__PURE__*/React.createElement(Portal, {\n element: element,\n appendTo: this.props.appendTo\n });\n }\n }]);\n\n return SplitButtonPanelComponent;\n}(Component);\n\n_defineProperty(SplitButtonPanelComponent, \"defaultProps\", {\n appendTo: null,\n menuStyle: null,\n menuClassName: null,\n id: null,\n onClick: null\n});\n\nvar SplitButtonPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SplitButtonPanelComponent, _extends({\n forwardRef: ref\n }, props));\n});\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar SplitButton = /*#__PURE__*/function (_Component) {\n _inherits(SplitButton, _Component);\n\n var _super = _createSuper(SplitButton);\n\n function SplitButton(props) {\n var _this;\n\n _classCallCheck(this, SplitButton);\n\n _this = _super.call(this, props);\n _this.state = {\n id: props.id,\n overlayVisible: false\n };\n _this.onDropdownButtonClick = _this.onDropdownButtonClick.bind(_assertThisInitialized(_this));\n _this.onItemClick = _this.onItemClick.bind(_assertThisInitialized(_this));\n _this.onOverlayEnter = _this.onOverlayEnter.bind(_assertThisInitialized(_this));\n _this.onOverlayEntered = _this.onOverlayEntered.bind(_assertThisInitialized(_this));\n _this.onOverlayExit = _this.onOverlayExit.bind(_assertThisInitialized(_this));\n _this.onOverlayExited = _this.onOverlayExited.bind(_assertThisInitialized(_this));\n _this.onPanelClick = _this.onPanelClick.bind(_assertThisInitialized(_this));\n _this.overlayRef = /*#__PURE__*/React.createRef();\n return _this;\n }\n\n _createClass(SplitButton, [{\n key: \"onPanelClick\",\n value: function onPanelClick(event) {\n OverlayService.emit('overlay-click', {\n originalEvent: event,\n target: this.container\n });\n }\n }, {\n key: \"onDropdownButtonClick\",\n value: function onDropdownButtonClick() {\n if (this.state.overlayVisible) this.hide();else this.show();\n }\n }, {\n key: \"onItemClick\",\n value: function onItemClick() {\n this.hide();\n }\n }, {\n key: \"show\",\n value: function show() {\n this.setState({\n overlayVisible: true\n });\n }\n }, {\n key: \"hide\",\n value: function hide() {\n this.setState({\n overlayVisible: false\n });\n }\n }, {\n key: \"onOverlayEnter\",\n value: function onOverlayEnter() {\n ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);\n this.alignOverlay();\n }\n }, {\n key: \"onOverlayEntered\",\n value: function onOverlayEntered() {\n this.bindDocumentClickListener();\n this.bindScrollListener();\n this.bindResizeListener();\n this.props.onShow && this.props.onShow();\n }\n }, {\n key: \"onOverlayExit\",\n value: function onOverlayExit() {\n this.unbindDocumentClickListener();\n this.unbindScrollListener();\n this.unbindResizeListener();\n }\n }, {\n key: \"onOverlayExited\",\n value: function onOverlayExited() {\n ZIndexUtils.clear(this.overlayRef.current);\n this.props.onHide && this.props.onHide();\n }\n }, {\n key: \"alignOverlay\",\n value: function alignOverlay() {\n DomHandler.alignOverlay(this.overlayRef.current, this.defaultButton.parentElement, this.props.appendTo || PrimeReact.appendTo);\n }\n }, {\n key: \"bindDocumentClickListener\",\n value: function bindDocumentClickListener() {\n var _this2 = this;\n\n if (!this.documentClickListener) {\n this.documentClickListener = function (event) {\n if (_this2.state.overlayVisible && _this2.isOutsideClicked(event)) {\n _this2.hide();\n }\n };\n\n document.addEventListener('click', this.documentClickListener);\n }\n }\n }, {\n key: \"bindScrollListener\",\n value: function bindScrollListener() {\n var _this3 = this;\n\n if (!this.scrollHandler) {\n this.scrollHandler = new ConnectedOverlayScrollHandler(this.container, function () {\n if (_this3.state.overlayVisible) {\n _this3.hide();\n }\n });\n }\n\n this.scrollHandler.bindScrollListener();\n }\n }, {\n key: \"unbindScrollListener\",\n value: function unbindScrollListener() {\n if (this.scrollHandler) {\n this.scrollHandler.unbindScrollListener();\n }\n }\n }, {\n key: \"bindResizeListener\",\n value: function bindResizeListener() {\n var _this4 = this;\n\n if (!this.resizeListener) {\n this.resizeListener = function () {\n if (_this4.state.overlayVisible && !DomHandler.isTouchDevice()) {\n _this4.hide();\n }\n };\n\n window.addEventListener('resize', this.resizeListener);\n }\n }\n }, {\n key: \"unbindResizeListener\",\n value: function unbindResizeListener() {\n if (this.resizeListener) {\n window.removeEventListener('resize', this.resizeListener);\n this.resizeListener = null;\n }\n }\n }, {\n key: \"isOutsideClicked\",\n value: function isOutsideClicked(event) {\n return this.container && this.overlayRef && this.overlayRef.current && !this.overlayRef.current.contains(event.target);\n }\n }, {\n key: \"unbindDocumentClickListener\",\n value: function unbindDocumentClickListener() {\n if (this.documentClickListener) {\n document.removeEventListener('click', this.documentClickListener);\n this.documentClickListener = null;\n }\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n if (!this.state.id) {\n this.setState({\n id: UniqueComponentId()\n });\n }\n\n if (this.props.tooltip) {\n this.renderTooltip();\n }\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n if (prevProps.tooltip !== this.props.tooltip || prevProps.tooltipOptions !== this.props.tooltipOptions) {\n if (this.tooltip) this.tooltip.update(_objectSpread({\n content: this.props.tooltip\n }, this.props.tooltipOptions || {}));else this.renderTooltip();\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this.unbindDocumentClickListener();\n this.unbindResizeListener();\n\n if (this.scrollHandler) {\n this.scrollHandler.destroy();\n this.scrollHandler = null;\n }\n\n if (this.tooltip) {\n this.tooltip.destroy();\n this.tooltip = null;\n }\n\n ZIndexUtils.clear(this.overlayRef.current);\n }\n }, {\n key: \"renderTooltip\",\n value: function renderTooltip() {\n this.tooltip = tip({\n target: this.container,\n content: this.props.tooltip,\n options: this.props.tooltipOptions\n });\n }\n }, {\n key: \"renderItems\",\n value: function renderItems() {\n var _this5 = this;\n\n if (this.props.model) {\n return this.props.model.map(function (menuitem, index) {\n return /*#__PURE__*/React.createElement(SplitButtonItem, {\n menuitem: menuitem,\n key: index,\n onItemClick: _this5.onItemClick\n });\n });\n }\n\n return null;\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this6 = this;\n\n var className = classNames('p-splitbutton p-component', this.props.className, {\n 'p-disabled': this.props.disabled\n });\n var buttonClassName = classNames('p-splitbutton-defaultbutton', this.props.buttonClassName);\n var menuButtonClassName = classNames('p-splitbutton-menubutton', this.props.menuButtonClassName);\n var items = this.renderItems();\n var buttonContent = this.props.buttonTemplate ? ObjectUtils.getJSXElement(this.props.buttonTemplate, this.props) : null;\n return /*#__PURE__*/React.createElement(\"div\", {\n id: this.state.id,\n className: className,\n style: this.props.style,\n ref: function ref(el) {\n return _this6.container = el;\n }\n }, /*#__PURE__*/React.createElement(Button, {\n ref: function ref(el) {\n return _this6.defaultButton = el;\n },\n type: \"button\",\n className: buttonClassName,\n icon: this.props.icon,\n label: this.props.label,\n onClick: this.props.onClick,\n disabled: this.props.disabled,\n tabIndex: this.props.tabIndex\n }, buttonContent), /*#__PURE__*/React.createElement(Button, {\n type: \"button\",\n className: menuButtonClassName,\n icon: this.props.dropdownIcon,\n onClick: this.onDropdownButtonClick,\n disabled: this.props.disabled,\n \"aria-expanded\": this.state.overlayVisible,\n \"aria-haspopup\": true,\n \"aria-owns\": this.state.id + '_overlay'\n }), /*#__PURE__*/React.createElement(SplitButtonPanel, {\n ref: this.overlayRef,\n appendTo: this.props.appendTo,\n id: this.state.id + '_overlay',\n menuStyle: this.props.menuStyle,\n menuClassName: this.props.menuClassName,\n onClick: this.onPanelClick,\n \"in\": this.state.overlayVisible,\n onEnter: this.onOverlayEnter,\n onEntered: this.onOverlayEntered,\n onExit: this.onOverlayExit,\n onExited: this.onOverlayExited,\n transitionOptions: this.props.transitionOptions\n }, items));\n }\n }]);\n\n return SplitButton;\n}(Component);\n\n_defineProperty(SplitButton, \"defaultProps\", {\n id: null,\n label: null,\n icon: null,\n model: null,\n disabled: null,\n style: null,\n className: null,\n buttonClassName: null,\n menuStyle: null,\n menuClassName: null,\n menuButtonClassName: null,\n tabIndex: null,\n appendTo: null,\n tooltip: null,\n tooltipOptions: null,\n buttonTemplate: null,\n transitionOptions: null,\n dropdownIcon: 'pi pi-chevron-down',\n onClick: null,\n onShow: null,\n onHide: null\n});\n\nexport { SplitButton };\n","import React, { Component } from 'react';\nimport ReactDOM from 'react-dom';\nimport { DomHandler, ZIndexUtils, ConnectedOverlayScrollHandler, classNames } from 'primereact/utils';\nimport { Portal } from 'primereact/portal';\nimport PrimeReact from 'primereact/api';\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n Object.defineProperty(Constructor, \"prototype\", {\n writable: false\n });\n return Constructor;\n}\n\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n Object.defineProperty(subClass, \"prototype\", {\n writable: false\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, _typeof(obj);\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n } else if (call !== void 0) {\n throw new TypeError(\"Derived constructors may only return object or undefined\");\n }\n\n return _assertThisInitialized(self);\n}\n\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction tip(props) {\n var appendTo = props.appendTo || document.body;\n var tooltipWrapper = document.createDocumentFragment();\n DomHandler.appendChild(tooltipWrapper, appendTo);\n props = _objectSpread(_objectSpread({}, props), props.options);\n var tooltipEl = /*#__PURE__*/React.createElement(Tooltip, props);\n ReactDOM.render(tooltipEl, tooltipWrapper);\n\n var updateTooltip = function updateTooltip(newProps) {\n props = _objectSpread(_objectSpread({}, props), newProps);\n ReactDOM.render( /*#__PURE__*/React.cloneElement(tooltipEl, props), tooltipWrapper);\n };\n\n return {\n destroy: function destroy() {\n ReactDOM.unmountComponentAtNode(tooltipWrapper);\n },\n updateContent: function updateContent(newContent) {\n console.warn(\"The 'updateContent' method has been deprecated on Tooltip. Use update(newProps) method.\");\n updateTooltip({\n content: newContent\n });\n },\n update: function update(newProps) {\n updateTooltip(newProps);\n }\n };\n}\nvar Tooltip = /*#__PURE__*/function (_Component) {\n _inherits(Tooltip, _Component);\n\n var _super = _createSuper(Tooltip);\n\n function Tooltip(props) {\n var _this;\n\n _classCallCheck(this, Tooltip);\n\n _this = _super.call(this, props);\n _this.state = {\n visible: false,\n position: _this.props.position\n };\n _this.show = _this.show.bind(_assertThisInitialized(_this));\n _this.hide = _this.hide.bind(_assertThisInitialized(_this));\n _this.onMouseEnter = _this.onMouseEnter.bind(_assertThisInitialized(_this));\n _this.onMouseLeave = _this.onMouseLeave.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n _createClass(Tooltip, [{\n key: \"isTargetContentEmpty\",\n value: function isTargetContentEmpty(target) {\n return !(this.props.content || this.getTargetOption(target, 'tooltip'));\n }\n }, {\n key: \"isContentEmpty\",\n value: function isContentEmpty(target) {\n return !(this.props.content || this.getTargetOption(target, 'tooltip') || this.props.children);\n }\n }, {\n key: \"isMouseTrack\",\n value: function isMouseTrack(target) {\n return this.getTargetOption(target, 'mousetrack') || this.props.mouseTrack;\n }\n }, {\n key: \"isDisabled\",\n value: function isDisabled(target) {\n return this.getTargetOption(target, 'disabled') === 'true' || this.hasTargetOption(target, 'disabled') || this.props.disabled;\n }\n }, {\n key: \"isShowOnDisabled\",\n value: function isShowOnDisabled(target) {\n return this.getTargetOption(target, 'showondisabled') || this.props.showOnDisabled;\n }\n }, {\n key: \"isAutoHide\",\n value: function isAutoHide() {\n return this.getTargetOption(this.currentTarget, 'autohide') || this.props.autoHide;\n }\n }, {\n key: \"getTargetOption\",\n value: function getTargetOption(target, option) {\n if (this.hasTargetOption(target, \"data-pr-\".concat(option))) {\n return target.getAttribute(\"data-pr-\".concat(option));\n }\n\n return null;\n }\n }, {\n key: \"hasTargetOption\",\n value: function hasTargetOption(target, option) {\n return target && target.hasAttribute(option);\n }\n }, {\n key: \"getEvents\",\n value: function getEvents(target) {\n var showEvent = this.getTargetOption(target, 'showevent') || this.props.showEvent;\n var hideEvent = this.getTargetOption(target, 'hideevent') || this.props.hideEvent;\n\n if (this.isMouseTrack(target)) {\n showEvent = 'mousemove';\n hideEvent = 'mouseleave';\n } else {\n var event = this.getTargetOption(target, 'event') || this.props.event;\n\n if (event === 'focus') {\n showEvent = 'focus';\n hideEvent = 'blur';\n }\n }\n\n return {\n showEvent: showEvent,\n hideEvent: hideEvent\n };\n }\n }, {\n key: \"getPosition\",\n value: function getPosition(target) {\n return this.getTargetOption(target, 'position') || this.state.position;\n }\n }, {\n key: \"getMouseTrackPosition\",\n value: function getMouseTrackPosition(target) {\n var top = this.getTargetOption(target, 'mousetracktop') || this.props.mouseTrackTop;\n var left = this.getTargetOption(target, 'mousetrackleft') || this.props.mouseTrackLeft;\n return {\n top: top,\n left: left\n };\n }\n }, {\n key: \"updateText\",\n value: function updateText(target, callback) {\n if (this.tooltipTextEl) {\n var content = this.getTargetOption(target, 'tooltip') || this.props.content;\n\n if (content) {\n this.tooltipTextEl.innerHTML = ''; // remove children\n\n this.tooltipTextEl.appendChild(document.createTextNode(content));\n callback();\n } else if (this.props.children) {\n callback();\n }\n }\n }\n }, {\n key: \"show\",\n value: function show(e) {\n var _this2 = this;\n\n this.currentTarget = e.currentTarget;\n var disabled = this.isDisabled(this.currentTarget);\n var empty = this.isContentEmpty(this.isShowOnDisabled(this.currentTarget) && disabled ? this.currentTarget.firstChild : this.currentTarget);\n\n if (empty || disabled) {\n return;\n }\n\n var updateTooltipState = function updateTooltipState() {\n _this2.updateText(_this2.currentTarget, function () {\n if (_this2.props.autoZIndex && !ZIndexUtils.get(_this2.containerEl)) {\n ZIndexUtils.set('tooltip', _this2.containerEl, PrimeReact.autoZIndex, _this2.props.baseZIndex || PrimeReact.zIndex['tooltip']);\n }\n\n _this2.containerEl.style.left = '';\n _this2.containerEl.style.top = '';\n\n if (_this2.isMouseTrack(_this2.currentTarget) && !_this2.containerSize) {\n _this2.containerSize = {\n width: DomHandler.getOuterWidth(_this2.containerEl),\n height: DomHandler.getOuterHeight(_this2.containerEl)\n };\n }\n\n _this2.align(_this2.currentTarget, {\n x: e.pageX,\n y: e.pageY\n });\n });\n };\n\n if (this.state.visible) {\n this.applyDelay('updateDelay', updateTooltipState);\n } else {\n this.sendCallback(this.props.onBeforeShow, {\n originalEvent: e,\n target: this.currentTarget\n });\n this.applyDelay('showDelay', function () {\n _this2.setState({\n visible: true,\n position: _this2.getPosition(_this2.currentTarget)\n }, function () {\n updateTooltipState();\n\n _this2.sendCallback(_this2.props.onShow, {\n originalEvent: e,\n target: _this2.currentTarget\n });\n });\n\n _this2.bindDocumentResizeListener();\n\n _this2.bindScrollListener();\n\n DomHandler.addClass(_this2.currentTarget, _this2.getTargetOption(_this2.currentTarget, 'classname'));\n });\n }\n }\n }, {\n key: \"hide\",\n value: function hide(e) {\n var _this3 = this;\n\n this.clearTimeouts();\n\n if (this.state.visible) {\n DomHandler.removeClass(this.currentTarget, this.getTargetOption(this.currentTarget, 'classname'));\n this.sendCallback(this.props.onBeforeHide, {\n originalEvent: e,\n target: this.currentTarget\n });\n this.applyDelay('hideDelay', function () {\n ZIndexUtils.clear(_this3.containerEl);\n DomHandler.removeClass(_this3.containerEl, 'p-tooltip-active');\n\n if (!_this3.isAutoHide() && _this3.allowHide === false) {\n return;\n }\n\n _this3.setState({\n visible: false,\n position: _this3.props.position\n }, function () {\n if (_this3.tooltipTextEl) {\n ReactDOM.unmountComponentAtNode(_this3.tooltipTextEl);\n }\n\n _this3.unbindDocumentResizeListener();\n\n _this3.unbindScrollListener();\n\n _this3.currentTarget = null;\n _this3.scrollHandler = null;\n _this3.containerSize = null;\n _this3.allowHide = true;\n\n _this3.sendCallback(_this3.props.onHide, {\n originalEvent: e,\n target: _this3.currentTarget\n });\n });\n });\n }\n }\n }, {\n key: \"align\",\n value: function align(target, coordinate) {\n var _this4 = this;\n\n var left = 0,\n top = 0;\n\n if (this.isMouseTrack(target) && coordinate) {\n var containerSize = {\n width: DomHandler.getOuterWidth(this.containerEl),\n height: DomHandler.getOuterHeight(this.containerEl)\n };\n left = coordinate.x;\n top = coordinate.y;\n\n var _this$getMouseTrackPo = this.getMouseTrackPosition(target),\n mouseTrackTop = _this$getMouseTrackPo.top,\n mouseTrackLeft = _this$getMouseTrackPo.left;\n\n switch (this.state.position) {\n case 'left':\n left -= containerSize.width + mouseTrackLeft;\n top -= containerSize.height / 2 - mouseTrackTop;\n break;\n\n case 'right':\n left += mouseTrackLeft;\n top -= containerSize.height / 2 - mouseTrackTop;\n break;\n\n case 'top':\n left -= containerSize.width / 2 - mouseTrackLeft;\n top -= containerSize.height + mouseTrackTop;\n break;\n\n case 'bottom':\n left -= containerSize.width / 2 - mouseTrackLeft;\n top += mouseTrackTop;\n break;\n }\n\n if (left <= 0 || this.containerSize.width > containerSize.width) {\n this.containerEl.style.left = '0px';\n this.containerEl.style.right = window.innerWidth - containerSize.width - left + 'px';\n } else {\n this.containerEl.style.right = '';\n this.containerEl.style.left = left + 'px';\n }\n\n this.containerEl.style.top = top + 'px';\n DomHandler.addClass(this.containerEl, 'p-tooltip-active');\n } else {\n var pos = DomHandler.findCollisionPosition(this.state.position);\n var my = this.getTargetOption(target, 'my') || this.props.my || pos.my;\n var at = this.getTargetOption(target, 'at') || this.props.at || pos.at;\n this.containerEl.style.padding = '0px';\n DomHandler.flipfitCollision(this.containerEl, target, my, at, function (currentPosition) {\n var _currentPosition$at = currentPosition.at,\n atX = _currentPosition$at.x,\n atY = _currentPosition$at.y;\n var myX = currentPosition.my.x;\n var position = _this4.props.at ? atX !== 'center' && atX !== myX ? atX : atY : currentPosition.at[\"\".concat(pos.axis)];\n _this4.containerEl.style.padding = '';\n\n _this4.setState({\n position: position\n }, function () {\n _this4.updateContainerPosition();\n\n DomHandler.addClass(_this4.containerEl, 'p-tooltip-active');\n });\n });\n }\n }\n }, {\n key: \"updateContainerPosition\",\n value: function updateContainerPosition() {\n if (this.containerEl) {\n var style = getComputedStyle(this.containerEl);\n if (this.state.position === 'left') this.containerEl.style.left = parseFloat(style.left) - parseFloat(style.paddingLeft) * 2 + 'px';else if (this.state.position === 'top') this.containerEl.style.top = parseFloat(style.top) - parseFloat(style.paddingTop) * 2 + 'px';\n }\n }\n }, {\n key: \"onMouseEnter\",\n value: function onMouseEnter() {\n if (!this.isAutoHide()) {\n this.allowHide = false;\n }\n }\n }, {\n key: \"onMouseLeave\",\n value: function onMouseLeave(e) {\n if (!this.isAutoHide()) {\n this.allowHide = true;\n this.hide(e);\n }\n }\n }, {\n key: \"bindDocumentResizeListener\",\n value: function bindDocumentResizeListener() {\n var _this5 = this;\n\n this.documentResizeListener = function (e) {\n if (!DomHandler.isTouchDevice()) {\n _this5.hide(e);\n }\n };\n\n window.addEventListener('resize', this.documentResizeListener);\n }\n }, {\n key: \"unbindDocumentResizeListener\",\n value: function unbindDocumentResizeListener() {\n if (this.documentResizeListener) {\n window.removeEventListener('resize', this.documentResizeListener);\n this.documentResizeListener = null;\n }\n }\n }, {\n key: \"bindScrollListener\",\n value: function bindScrollListener() {\n var _this6 = this;\n\n if (!this.scrollHandler) {\n this.scrollHandler = new ConnectedOverlayScrollHandler(this.currentTarget, function (e) {\n if (_this6.state.visible) {\n _this6.hide(e);\n }\n });\n }\n\n this.scrollHandler.bindScrollListener();\n }\n }, {\n key: \"unbindScrollListener\",\n value: function unbindScrollListener() {\n if (this.scrollHandler) {\n this.scrollHandler.unbindScrollListener();\n }\n }\n }, {\n key: \"bindTargetEvent\",\n value: function bindTargetEvent(target) {\n if (target) {\n var _this$getEvents = this.getEvents(target),\n showEvent = _this$getEvents.showEvent,\n hideEvent = _this$getEvents.hideEvent;\n\n var currentTarget = this.getTarget(target);\n currentTarget.addEventListener(showEvent, this.show);\n currentTarget.addEventListener(hideEvent, this.hide);\n }\n }\n }, {\n key: \"unbindTargetEvent\",\n value: function unbindTargetEvent(target) {\n if (target) {\n var _this$getEvents2 = this.getEvents(target),\n showEvent = _this$getEvents2.showEvent,\n hideEvent = _this$getEvents2.hideEvent;\n\n var currentTarget = this.getTarget(target);\n currentTarget.removeEventListener(showEvent, this.show);\n currentTarget.removeEventListener(hideEvent, this.hide);\n }\n }\n }, {\n key: \"applyDelay\",\n value: function applyDelay(delayProp, callback) {\n this.clearTimeouts();\n var delay = this.getTargetOption(this.currentTarget, delayProp.toLowerCase()) || this.props[delayProp];\n\n if (!!delay) {\n this[\"\".concat(delayProp, \"Timeout\")] = setTimeout(function () {\n return callback();\n }, delay);\n } else {\n callback();\n }\n }\n }, {\n key: \"sendCallback\",\n value: function sendCallback(callback) {\n if (callback) {\n for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n params[_key - 1] = arguments[_key];\n }\n\n callback.apply(void 0, params);\n }\n }\n }, {\n key: \"clearTimeouts\",\n value: function clearTimeouts() {\n clearTimeout(this.showDelayTimeout);\n clearTimeout(this.updateDelayTimeout);\n clearTimeout(this.hideDelayTimeout);\n }\n }, {\n key: \"getTarget\",\n value: function getTarget(target) {\n if (target) {\n if (this.isShowOnDisabled(target)) {\n var wrapper = document.createElement('span');\n target.parentNode.insertBefore(wrapper, target);\n wrapper.appendChild(target);\n return wrapper;\n }\n\n return target;\n }\n\n return null;\n }\n }, {\n key: \"updateTargetEvents\",\n value: function updateTargetEvents(target) {\n this.unloadTargetEvents(target);\n this.loadTargetEvents(target);\n }\n }, {\n key: \"loadTargetEvents\",\n value: function loadTargetEvents(target) {\n this.setTargetEventOperations(target || this.props.target, 'bindTargetEvent');\n }\n }, {\n key: \"unloadTargetEvents\",\n value: function unloadTargetEvents(target) {\n this.setTargetEventOperations(target || this.props.target, 'unbindTargetEvent');\n }\n }, {\n key: \"setTargetEventOperations\",\n value: function setTargetEventOperations(target, operation) {\n var _this7 = this;\n\n if (target) {\n if (DomHandler.isElement(target)) {\n this[operation](target);\n } else {\n var setEvent = function setEvent(target) {\n var element = DomHandler.find(document, target);\n element.forEach(function (el) {\n _this7[operation](el);\n });\n };\n\n if (target instanceof Array) {\n target.forEach(function (t) {\n setEvent(t);\n });\n } else {\n setEvent(target);\n }\n }\n }\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n if (this.props.target) {\n this.loadTargetEvents();\n }\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps, prevState) {\n var _this8 = this;\n\n if (prevProps.target !== this.props.target) {\n this.unloadTargetEvents(prevProps.target);\n this.loadTargetEvents();\n }\n\n if (this.state.visible) {\n if (prevProps.content !== this.props.content) {\n this.applyDelay('updateDelay', function () {\n _this8.updateText(_this8.currentTarget, function () {\n _this8.align(_this8.currentTarget);\n });\n });\n }\n\n if (this.currentTarget && this.isDisabled(this.currentTarget)) {\n this.hide();\n }\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this.clearTimeouts();\n this.unbindDocumentResizeListener();\n this.unloadTargetEvents();\n\n if (this.scrollHandler) {\n this.scrollHandler.destroy();\n this.scrollHandler = null;\n }\n\n ZIndexUtils.clear(this.containerEl);\n }\n }, {\n key: \"renderElement\",\n value: function renderElement() {\n var _this9 = this;\n\n var tooltipClassName = classNames('p-tooltip p-component', _defineProperty({}, \"p-tooltip-\".concat(this.state.position), true), this.props.className);\n var isTargetContentEmpty = this.isTargetContentEmpty(this.currentTarget);\n return /*#__PURE__*/React.createElement(\"div\", {\n id: this.props.id,\n ref: function ref(el) {\n return _this9.containerEl = el;\n },\n className: tooltipClassName,\n style: this.props.style,\n role: \"tooltip\",\n \"aria-hidden\": this.state.visible,\n onMouseEnter: this.onMouseEnter,\n onMouseLeave: this.onMouseLeave\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"p-tooltip-arrow\"\n }), /*#__PURE__*/React.createElement(\"div\", {\n ref: function ref(el) {\n return _this9.tooltipTextEl = el;\n },\n className: \"p-tooltip-text\"\n }, isTargetContentEmpty && this.props.children));\n }\n }, {\n key: \"render\",\n value: function render() {\n if (this.state.visible) {\n var element = this.renderElement();\n return /*#__PURE__*/React.createElement(Portal, {\n element: element,\n appendTo: this.props.appendTo,\n visible: true\n });\n }\n\n return null;\n }\n }]);\n\n return Tooltip;\n}(Component);\n\n_defineProperty(Tooltip, \"defaultProps\", {\n id: null,\n target: null,\n content: null,\n disabled: false,\n className: null,\n style: null,\n appendTo: null,\n position: 'right',\n my: null,\n at: null,\n event: null,\n showEvent: 'mouseenter',\n hideEvent: 'mouseleave',\n autoZIndex: true,\n baseZIndex: 0,\n mouseTrack: false,\n mouseTrackTop: 5,\n mouseTrackLeft: 5,\n showDelay: 0,\n updateDelay: 0,\n hideDelay: 0,\n autoHide: true,\n showOnDisabled: false,\n onBeforeShow: null,\n onBeforeHide: null,\n onShow: null,\n onHide: null\n});\n\nexport { Tooltip, tip };\n","import { Component } from 'react';\nimport ReactDOM from 'react-dom';\nimport PrimeReact from 'primereact/api';\nimport { DomHandler } from 'primereact/utils';\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n Object.defineProperty(Constructor, \"prototype\", {\n writable: false\n });\n return Constructor;\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n Object.defineProperty(subClass, \"prototype\", {\n writable: false\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, _typeof(obj);\n}\n\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n } else if (call !== void 0) {\n throw new TypeError(\"Derived constructors may only return object or undefined\");\n }\n\n return _assertThisInitialized(self);\n}\n\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nvar Portal = /*#__PURE__*/function (_Component) {\n _inherits(Portal, _Component);\n\n var _super = _createSuper(Portal);\n\n function Portal(props) {\n var _this;\n\n _classCallCheck(this, Portal);\n\n _this = _super.call(this, props);\n var mounted = props.visible && DomHandler.hasDOM();\n _this.state = {\n mounted: mounted\n };\n return _this;\n }\n\n _createClass(Portal, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n if (DomHandler.hasDOM() && !this.state.mounted) {\n this.setState({\n mounted: true\n }, this.props.onMounted);\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this.props.onUnmounted && this.props.onUnmounted();\n }\n }, {\n key: \"render\",\n value: function render() {\n var element = this.props.element || this.props.children;\n\n if (element && this.state.mounted) {\n var appendTo = this.props.appendTo || PrimeReact.appendTo || document.body;\n return appendTo === 'self' ? element : /*#__PURE__*/ReactDOM.createPortal(element, appendTo);\n }\n\n return null;\n }\n }]);\n\n return Portal;\n}(Component);\n\n_defineProperty(Portal, \"defaultProps\", {\n element: null,\n appendTo: null,\n visible: false,\n onMounted: null,\n onUnmounted: null\n});\n\nexport { Portal };\n","const errors = {\n\t0: \"Illegal state\",\n\t1: \"Immer drafts cannot have computed properties\",\n\t2: \"This object has been frozen and should not be mutated\",\n\t3(data: any) {\n\t\treturn (\n\t\t\t\"Cannot use a proxy that has been revoked. Did you pass an object from inside an immer function to an async process? \" +\n\t\t\tdata\n\t\t)\n\t},\n\t4: \"An immer producer returned a new value *and* modified its draft. Either return a new value *or* modify the draft.\",\n\t5: \"Immer forbids circular references\",\n\t6: \"The first or second argument to `produce` must be a function\",\n\t7: \"The third argument to `produce` must be a function or undefined\",\n\t8: \"First argument to `createDraft` must be a plain object, an array, or an immerable object\",\n\t9: \"First argument to `finishDraft` must be a draft returned by `createDraft`\",\n\t10: \"The given draft is already finalized\",\n\t11: \"Object.defineProperty() cannot be used on an Immer draft\",\n\t12: \"Object.setPrototypeOf() cannot be used on an Immer draft\",\n\t13: \"Immer only supports deleting array indices\",\n\t14: \"Immer only supports setting array indices and the 'length' property\",\n\t15(path: string) {\n\t\treturn \"Cannot apply patch, path doesn't resolve: \" + path\n\t},\n\t16: 'Sets cannot have \"replace\" patches.',\n\t17(op: string) {\n\t\treturn \"Unsupported patch operation: \" + op\n\t},\n\t18(plugin: string) {\n\t\treturn `The plugin for '${plugin}' has not been loaded into Immer. To enable the plugin, import and call \\`enable${plugin}()\\` when initializing your application.`\n\t},\n\t20: \"Cannot use proxies if Proxy, Proxy.revocable or Reflect are not available\",\n\t21(thing: string) {\n\t\treturn `produce can only be called on things that are draftable: plain objects, arrays, Map, Set or classes that are marked with '[immerable]: true'. Got '${thing}'`\n\t},\n\t22(thing: string) {\n\t\treturn `'current' expects a draft, got: ${thing}`\n\t},\n\t23(thing: string) {\n\t\treturn `'original' expects a draft, got: ${thing}`\n\t},\n\t24: \"Patching reserved attributes like __proto__, prototype and constructor is not allowed\"\n} as const\n\nexport function die(error: keyof typeof errors, ...args: any[]): never {\n\tif (__DEV__) {\n\t\tconst e = errors[error]\n\t\tconst msg = !e\n\t\t\t? \"unknown error nr: \" + error\n\t\t\t: typeof e === \"function\"\n\t\t\t? e.apply(null, args as any)\n\t\t\t: e\n\t\tthrow new Error(`[Immer] ${msg}`)\n\t}\n\tthrow new Error(\n\t\t`[Immer] minified error nr: ${error}${\n\t\t\targs.length ? \" \" + args.map(s => `'${s}'`).join(\",\") : \"\"\n\t\t}. Find the full error at: https://bit.ly/3cXEKWf`\n\t)\n}\n","import {\n\tDRAFT_STATE,\n\tDRAFTABLE,\n\thasSet,\n\tObjectish,\n\tDrafted,\n\tAnyObject,\n\tAnyMap,\n\tAnySet,\n\tImmerState,\n\thasMap,\n\tArchtype,\n\tdie\n} from \"../internal\"\n\n/** Returns true if the given value is an Immer draft */\n/*#__PURE__*/\nexport function isDraft(value: any): boolean {\n\treturn !!value && !!value[DRAFT_STATE]\n}\n\n/** Returns true if the given value can be drafted by Immer */\n/*#__PURE__*/\nexport function isDraftable(value: any): boolean {\n\tif (!value) return false\n\treturn (\n\t\tisPlainObject(value) ||\n\t\tArray.isArray(value) ||\n\t\t!!value[DRAFTABLE] ||\n\t\t!!value.constructor?.[DRAFTABLE] ||\n\t\tisMap(value) ||\n\t\tisSet(value)\n\t)\n}\n\nconst objectCtorString = Object.prototype.constructor.toString()\n/*#__PURE__*/\nexport function isPlainObject(value: any): boolean {\n\tif (!value || typeof value !== \"object\") return false\n\tconst proto = Object.getPrototypeOf(value)\n\tif (proto === null) {\n\t\treturn true\n\t}\n\tconst Ctor =\n\t\tObject.hasOwnProperty.call(proto, \"constructor\") && proto.constructor\n\n\tif (Ctor === Object) return true\n\n\treturn (\n\t\ttypeof Ctor == \"function\" &&\n\t\tFunction.toString.call(Ctor) === objectCtorString\n\t)\n}\n\n/** Get the underlying object that is represented by the given draft */\n/*#__PURE__*/\nexport function original(value: T): T | undefined\nexport function original(value: Drafted): any {\n\tif (!isDraft(value)) die(23, value)\n\treturn value[DRAFT_STATE].base_\n}\n\n/*#__PURE__*/\nexport const ownKeys: (target: AnyObject) => PropertyKey[] =\n\ttypeof Reflect !== \"undefined\" && Reflect.ownKeys\n\t\t? Reflect.ownKeys\n\t\t: typeof Object.getOwnPropertySymbols !== \"undefined\"\n\t\t? obj =>\n\t\t\t\tObject.getOwnPropertyNames(obj).concat(\n\t\t\t\t\tObject.getOwnPropertySymbols(obj) as any\n\t\t\t\t)\n\t\t: /* istanbul ignore next */ Object.getOwnPropertyNames\n\nexport const getOwnPropertyDescriptors =\n\tObject.getOwnPropertyDescriptors ||\n\tfunction getOwnPropertyDescriptors(target: any) {\n\t\t// Polyfill needed for Hermes and IE, see https://github.com/facebook/hermes/issues/274\n\t\tconst res: any = {}\n\t\townKeys(target).forEach(key => {\n\t\t\tres[key] = Object.getOwnPropertyDescriptor(target, key)\n\t\t})\n\t\treturn res\n\t}\n\nexport function each(\n\tobj: T,\n\titer: (key: string | number, value: any, source: T) => void,\n\tenumerableOnly?: boolean\n): void\nexport function each(obj: any, iter: any, enumerableOnly = false) {\n\tif (getArchtype(obj) === Archtype.Object) {\n\t\t;(enumerableOnly ? Object.keys : ownKeys)(obj).forEach(key => {\n\t\t\tif (!enumerableOnly || typeof key !== \"symbol\") iter(key, obj[key], obj)\n\t\t})\n\t} else {\n\t\tobj.forEach((entry: any, index: any) => iter(index, entry, obj))\n\t}\n}\n\n/*#__PURE__*/\nexport function getArchtype(thing: any): Archtype {\n\t/* istanbul ignore next */\n\tconst state: undefined | ImmerState = thing[DRAFT_STATE]\n\treturn state\n\t\t? state.type_ > 3\n\t\t\t? state.type_ - 4 // cause Object and Array map back from 4 and 5\n\t\t\t: (state.type_ as any) // others are the same\n\t\t: Array.isArray(thing)\n\t\t? Archtype.Array\n\t\t: isMap(thing)\n\t\t? Archtype.Map\n\t\t: isSet(thing)\n\t\t? Archtype.Set\n\t\t: Archtype.Object\n}\n\n/*#__PURE__*/\nexport function has(thing: any, prop: PropertyKey): boolean {\n\treturn getArchtype(thing) === Archtype.Map\n\t\t? thing.has(prop)\n\t\t: Object.prototype.hasOwnProperty.call(thing, prop)\n}\n\n/*#__PURE__*/\nexport function get(thing: AnyMap | AnyObject, prop: PropertyKey): any {\n\t// @ts-ignore\n\treturn getArchtype(thing) === Archtype.Map ? thing.get(prop) : thing[prop]\n}\n\n/*#__PURE__*/\nexport function set(thing: any, propOrOldValue: PropertyKey, value: any) {\n\tconst t = getArchtype(thing)\n\tif (t === Archtype.Map) thing.set(propOrOldValue, value)\n\telse if (t === Archtype.Set) {\n\t\tthing.add(value)\n\t} else thing[propOrOldValue] = value\n}\n\n/*#__PURE__*/\nexport function is(x: any, y: any): boolean {\n\t// From: https://github.com/facebook/fbjs/blob/c69904a511b900266935168223063dd8772dfc40/packages/fbjs/src/core/shallowEqual.js\n\tif (x === y) {\n\t\treturn x !== 0 || 1 / x === 1 / y\n\t} else {\n\t\treturn x !== x && y !== y\n\t}\n}\n\n/*#__PURE__*/\nexport function isMap(target: any): target is AnyMap {\n\treturn hasMap && target instanceof Map\n}\n\n/*#__PURE__*/\nexport function isSet(target: any): target is AnySet {\n\treturn hasSet && target instanceof Set\n}\n/*#__PURE__*/\nexport function latest(state: ImmerState): any {\n\treturn state.copy_ || state.base_\n}\n\n/*#__PURE__*/\nexport function shallowCopy(base: any) {\n\tif (Array.isArray(base)) return Array.prototype.slice.call(base)\n\tconst descriptors = getOwnPropertyDescriptors(base)\n\tdelete descriptors[DRAFT_STATE as any]\n\tlet keys = ownKeys(descriptors)\n\tfor (let i = 0; i < keys.length; i++) {\n\t\tconst key: any = keys[i]\n\t\tconst desc = descriptors[key]\n\t\tif (desc.writable === false) {\n\t\t\tdesc.writable = true\n\t\t\tdesc.configurable = true\n\t\t}\n\t\t// like object.assign, we will read any _own_, get/set accessors. This helps in dealing\n\t\t// with libraries that trap values, like mobx or vue\n\t\t// unlike object.assign, non-enumerables will be copied as well\n\t\tif (desc.get || desc.set)\n\t\t\tdescriptors[key] = {\n\t\t\t\tconfigurable: true,\n\t\t\t\twritable: true, // could live with !!desc.set as well here...\n\t\t\t\tenumerable: desc.enumerable,\n\t\t\t\tvalue: base[key]\n\t\t\t}\n\t}\n\treturn Object.create(Object.getPrototypeOf(base), descriptors)\n}\n\n/**\n * Freezes draftable objects. Returns the original object.\n * By default freezes shallowly, but if the second argument is `true` it will freeze recursively.\n *\n * @param obj\n * @param deep\n */\nexport function freeze(obj: T, deep?: boolean): T\nexport function freeze(obj: any, deep: boolean = false): T {\n\tif (isFrozen(obj) || isDraft(obj) || !isDraftable(obj)) return obj\n\tif (getArchtype(obj) > 1 /* Map or Set */) {\n\t\tobj.set = obj.add = obj.clear = obj.delete = dontMutateFrozenCollections as any\n\t}\n\tObject.freeze(obj)\n\tif (deep) each(obj, (key, value) => freeze(value, true), true)\n\treturn obj\n}\n\nfunction dontMutateFrozenCollections() {\n\tdie(2)\n}\n\nexport function isFrozen(obj: any): boolean {\n\tif (obj == null || typeof obj !== \"object\") return true\n\t// See #600, IE dies on non-objects in Object.isFrozen\n\treturn Object.isFrozen(obj)\n}\n","import {\n\tImmerState,\n\tPatch,\n\tImmerScope,\n\tDrafted,\n\tAnyObject,\n\tImmerBaseState,\n\tAnyMap,\n\tAnySet,\n\tProxyType,\n\tdie\n} from \"../internal\"\n\n/** Plugin utilities */\nconst plugins: {\n\tPatches?: {\n\t\tgeneratePatches_(\n\t\t\tstate: ImmerState,\n\t\t\tbasePath: PatchPath,\n\t\t\tpatches: Patch[],\n\t\t\tinversePatches: Patch[]\n\t\t): void\n\t\tgenerateReplacementPatches_(\n\t\t\tbase: any,\n\t\t\treplacement: any,\n\t\t\tpatches: Patch[],\n\t\t\tinversePatches: Patch[]\n\t\t): void\n\t\tapplyPatches_(draft: T, patches: Patch[]): T\n\t}\n\tES5?: {\n\t\twillFinalizeES5_(scope: ImmerScope, result: any, isReplaced: boolean): void\n\t\tcreateES5Proxy_(\n\t\t\tbase: T,\n\t\t\tparent?: ImmerState\n\t\t): Drafted\n\t\thasChanges_(state: ES5ArrayState | ES5ObjectState): boolean\n\t}\n\tMapSet?: {\n\t\tproxyMap_(target: T, parent?: ImmerState): T\n\t\tproxySet_(target: T, parent?: ImmerState): T\n\t}\n} = {}\n\ntype Plugins = typeof plugins\n\nexport function getPlugin(\n\tpluginKey: K\n): Exclude {\n\tconst plugin = plugins[pluginKey]\n\tif (!plugin) {\n\t\tdie(18, pluginKey)\n\t}\n\t// @ts-ignore\n\treturn plugin\n}\n\nexport function loadPlugin(\n\tpluginKey: K,\n\timplementation: Plugins[K]\n): void {\n\tif (!plugins[pluginKey]) plugins[pluginKey] = implementation\n}\n\n/** ES5 Plugin */\n\ninterface ES5BaseState extends ImmerBaseState {\n\tassigned_: {[key: string]: any}\n\tparent_?: ImmerState\n\trevoked_: boolean\n}\n\nexport interface ES5ObjectState extends ES5BaseState {\n\ttype_: ProxyType.ES5Object\n\tdraft_: Drafted\n\tbase_: AnyObject\n\tcopy_: AnyObject | null\n}\n\nexport interface ES5ArrayState extends ES5BaseState {\n\ttype_: ProxyType.ES5Array\n\tdraft_: Drafted\n\tbase_: any\n\tcopy_: any\n}\n\n/** Map / Set plugin */\n\nexport interface MapState extends ImmerBaseState {\n\ttype_: ProxyType.Map\n\tcopy_: AnyMap | undefined\n\tassigned_: Map | undefined\n\tbase_: AnyMap\n\trevoked_: boolean\n\tdraft_: Drafted\n}\n\nexport interface SetState extends ImmerBaseState {\n\ttype_: ProxyType.Set\n\tcopy_: AnySet | undefined\n\tbase_: AnySet\n\tdrafts_: Map // maps the original value to the draft value in the new set\n\trevoked_: boolean\n\tdraft_: Drafted\n}\n\n/** Patches plugin */\n\nexport type PatchPath = (string | number)[]\n","import {\n\tPatch,\n\tPatchListener,\n\tDrafted,\n\tImmer,\n\tDRAFT_STATE,\n\tImmerState,\n\tProxyType,\n\tgetPlugin\n} from \"../internal\"\nimport {die} from \"../utils/errors\"\n\n/** Each scope represents a `produce` call. */\n\nexport interface ImmerScope {\n\tpatches_?: Patch[]\n\tinversePatches_?: Patch[]\n\tcanAutoFreeze_: boolean\n\tdrafts_: any[]\n\tparent_?: ImmerScope\n\tpatchListener_?: PatchListener\n\timmer_: Immer\n\tunfinalizedDrafts_: number\n}\n\nlet currentScope: ImmerScope | undefined\n\nexport function getCurrentScope() {\n\tif (__DEV__ && !currentScope) die(0)\n\treturn currentScope!\n}\n\nfunction createScope(\n\tparent_: ImmerScope | undefined,\n\timmer_: Immer\n): ImmerScope {\n\treturn {\n\t\tdrafts_: [],\n\t\tparent_,\n\t\timmer_,\n\t\t// Whenever the modified draft contains a draft from another scope, we\n\t\t// need to prevent auto-freezing so the unowned draft can be finalized.\n\t\tcanAutoFreeze_: true,\n\t\tunfinalizedDrafts_: 0\n\t}\n}\n\nexport function usePatchesInScope(\n\tscope: ImmerScope,\n\tpatchListener?: PatchListener\n) {\n\tif (patchListener) {\n\t\tgetPlugin(\"Patches\") // assert we have the plugin\n\t\tscope.patches_ = []\n\t\tscope.inversePatches_ = []\n\t\tscope.patchListener_ = patchListener\n\t}\n}\n\nexport function revokeScope(scope: ImmerScope) {\n\tleaveScope(scope)\n\tscope.drafts_.forEach(revokeDraft)\n\t// @ts-ignore\n\tscope.drafts_ = null\n}\n\nexport function leaveScope(scope: ImmerScope) {\n\tif (scope === currentScope) {\n\t\tcurrentScope = scope.parent_\n\t}\n}\n\nexport function enterScope(immer: Immer) {\n\treturn (currentScope = createScope(currentScope, immer))\n}\n\nfunction revokeDraft(draft: Drafted) {\n\tconst state: ImmerState = draft[DRAFT_STATE]\n\tif (\n\t\tstate.type_ === ProxyType.ProxyObject ||\n\t\tstate.type_ === ProxyType.ProxyArray\n\t)\n\t\tstate.revoke_()\n\telse state.revoked_ = true\n}\n","import {\n\tImmerScope,\n\tDRAFT_STATE,\n\tisDraftable,\n\tNOTHING,\n\tPatchPath,\n\teach,\n\thas,\n\tfreeze,\n\tImmerState,\n\tisDraft,\n\tSetState,\n\tset,\n\tProxyType,\n\tgetPlugin,\n\tdie,\n\trevokeScope,\n\tisFrozen,\n\tshallowCopy\n} from \"../internal\"\n\nexport function processResult(result: any, scope: ImmerScope) {\n\tscope.unfinalizedDrafts_ = scope.drafts_.length\n\tconst baseDraft = scope.drafts_![0]\n\tconst isReplaced = result !== undefined && result !== baseDraft\n\tif (!scope.immer_.useProxies_)\n\t\tgetPlugin(\"ES5\").willFinalizeES5_(scope, result, isReplaced)\n\tif (isReplaced) {\n\t\tif (baseDraft[DRAFT_STATE].modified_) {\n\t\t\trevokeScope(scope)\n\t\t\tdie(4)\n\t\t}\n\t\tif (isDraftable(result)) {\n\t\t\t// Finalize the result in case it contains (or is) a subset of the draft.\n\t\t\tresult = finalize(scope, result)\n\t\t\tif (!scope.parent_) maybeFreeze(scope, result)\n\t\t}\n\t\tif (scope.patches_) {\n\t\t\tgetPlugin(\"Patches\").generateReplacementPatches_(\n\t\t\t\tbaseDraft[DRAFT_STATE].base_,\n\t\t\t\tresult,\n\t\t\t\tscope.patches_,\n\t\t\t\tscope.inversePatches_!\n\t\t\t)\n\t\t}\n\t} else {\n\t\t// Finalize the base draft.\n\t\tresult = finalize(scope, baseDraft, [])\n\t}\n\trevokeScope(scope)\n\tif (scope.patches_) {\n\t\tscope.patchListener_!(scope.patches_, scope.inversePatches_!)\n\t}\n\treturn result !== NOTHING ? result : undefined\n}\n\nfunction finalize(rootScope: ImmerScope, value: any, path?: PatchPath) {\n\t// Don't recurse in tho recursive data structures\n\tif (isFrozen(value)) return value\n\n\tconst state: ImmerState = value[DRAFT_STATE]\n\t// A plain object, might need freezing, might contain drafts\n\tif (!state) {\n\t\teach(\n\t\t\tvalue,\n\t\t\t(key, childValue) =>\n\t\t\t\tfinalizeProperty(rootScope, state, value, key, childValue, path),\n\t\t\ttrue // See #590, don't recurse into non-enumerable of non drafted objects\n\t\t)\n\t\treturn value\n\t}\n\t// Never finalize drafts owned by another scope.\n\tif (state.scope_ !== rootScope) return value\n\t// Unmodified draft, return the (frozen) original\n\tif (!state.modified_) {\n\t\tmaybeFreeze(rootScope, state.base_, true)\n\t\treturn state.base_\n\t}\n\t// Not finalized yet, let's do that now\n\tif (!state.finalized_) {\n\t\tstate.finalized_ = true\n\t\tstate.scope_.unfinalizedDrafts_--\n\t\tconst result =\n\t\t\t// For ES5, create a good copy from the draft first, with added keys and without deleted keys.\n\t\t\tstate.type_ === ProxyType.ES5Object || state.type_ === ProxyType.ES5Array\n\t\t\t\t? (state.copy_ = shallowCopy(state.draft_))\n\t\t\t\t: state.copy_\n\t\t// Finalize all children of the copy\n\t\t// For sets we clone before iterating, otherwise we can get in endless loop due to modifying during iteration, see #628\n\t\t// To preserve insertion order in all cases we then clear the set\n\t\t// And we let finalizeProperty know it needs to re-add non-draft children back to the target\n\t\tlet resultEach = result\n\t\tlet isSet = false\n\t\tif (state.type_ === ProxyType.Set) {\n\t\t\tresultEach = new Set(result)\n\t\t\tresult.clear()\n\t\t\tisSet = true\n\t\t}\n\t\teach(resultEach, (key, childValue) =>\n\t\t\tfinalizeProperty(rootScope, state, result, key, childValue, path, isSet)\n\t\t)\n\t\t// everything inside is frozen, we can freeze here\n\t\tmaybeFreeze(rootScope, result, false)\n\t\t// first time finalizing, let's create those patches\n\t\tif (path && rootScope.patches_) {\n\t\t\tgetPlugin(\"Patches\").generatePatches_(\n\t\t\t\tstate,\n\t\t\t\tpath,\n\t\t\t\trootScope.patches_,\n\t\t\t\trootScope.inversePatches_!\n\t\t\t)\n\t\t}\n\t}\n\treturn state.copy_\n}\n\nfunction finalizeProperty(\n\trootScope: ImmerScope,\n\tparentState: undefined | ImmerState,\n\ttargetObject: any,\n\tprop: string | number,\n\tchildValue: any,\n\trootPath?: PatchPath,\n\ttargetIsSet?: boolean\n) {\n\tif (__DEV__ && childValue === targetObject) die(5)\n\tif (isDraft(childValue)) {\n\t\tconst path =\n\t\t\trootPath &&\n\t\t\tparentState &&\n\t\t\tparentState!.type_ !== ProxyType.Set && // Set objects are atomic since they have no keys.\n\t\t\t!has((parentState as Exclude).assigned_!, prop) // Skip deep patches for assigned keys.\n\t\t\t\t? rootPath!.concat(prop)\n\t\t\t\t: undefined\n\t\t// Drafts owned by `scope` are finalized here.\n\t\tconst res = finalize(rootScope, childValue, path)\n\t\tset(targetObject, prop, res)\n\t\t// Drafts from another scope must prevented to be frozen\n\t\t// if we got a draft back from finalize, we're in a nested produce and shouldn't freeze\n\t\tif (isDraft(res)) {\n\t\t\trootScope.canAutoFreeze_ = false\n\t\t} else return\n\t} else if (targetIsSet) {\n\t\ttargetObject.add(childValue)\n\t}\n\t// Search new objects for unfinalized drafts. Frozen objects should never contain drafts.\n\tif (isDraftable(childValue) && !isFrozen(childValue)) {\n\t\tif (!rootScope.immer_.autoFreeze_ && rootScope.unfinalizedDrafts_ < 1) {\n\t\t\t// optimization: if an object is not a draft, and we don't have to\n\t\t\t// deepfreeze everything, and we are sure that no drafts are left in the remaining object\n\t\t\t// cause we saw and finalized all drafts already; we can stop visiting the rest of the tree.\n\t\t\t// This benefits especially adding large data tree's without further processing.\n\t\t\t// See add-data.js perf test\n\t\t\treturn\n\t\t}\n\t\tfinalize(rootScope, childValue)\n\t\t// immer deep freezes plain objects, so if there is no parent state, we freeze as well\n\t\tif (!parentState || !parentState.scope_.parent_)\n\t\t\tmaybeFreeze(rootScope, childValue)\n\t}\n}\n\nfunction maybeFreeze(scope: ImmerScope, value: any, deep = false) {\n\t// we never freeze for a non-root scope; as it would prevent pruning for drafts inside wrapping objects\n\tif (!scope.parent_ && scope.immer_.autoFreeze_ && scope.canAutoFreeze_) {\n\t\tfreeze(value, deep)\n\t}\n}\n","import {\n\teach,\n\thas,\n\tis,\n\tisDraftable,\n\tshallowCopy,\n\tlatest,\n\tImmerBaseState,\n\tImmerState,\n\tDrafted,\n\tAnyObject,\n\tAnyArray,\n\tObjectish,\n\tgetCurrentScope,\n\tDRAFT_STATE,\n\tdie,\n\tcreateProxy,\n\tProxyType\n} from \"../internal\"\n\ninterface ProxyBaseState extends ImmerBaseState {\n\tassigned_: {\n\t\t[property: string]: boolean\n\t}\n\tparent_?: ImmerState\n\trevoke_(): void\n}\n\nexport interface ProxyObjectState extends ProxyBaseState {\n\ttype_: ProxyType.ProxyObject\n\tbase_: any\n\tcopy_: any\n\tdraft_: Drafted