@64mb/freelens-power 1.1.0 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -4
- package/THIRD_PARTY_LICENSES +1707 -0
- package/out/main/ai.js +63 -23
- package/out/main/ai.js.map +1 -1
- package/out/main/cluster-icons-catalog.js +28 -0
- package/out/main/cluster-icons-catalog.js.map +1 -0
- package/out/main/cluster-icons.js +125 -0
- package/out/main/cluster-icons.js.map +1 -0
- package/out/main/common/ai-terminal-context.js +51 -0
- package/out/main/common/ai-terminal-context.js.map +1 -0
- package/out/main/common/ai.js.map +1 -1
- package/out/main/common/cluster-icon-ipc.js +6 -0
- package/out/main/common/cluster-icon-ipc.js.map +1 -0
- package/out/main/common/cluster-icons.js +121 -0
- package/out/main/common/cluster-icons.js.map +1 -0
- package/out/main/common/dashboard.js +1 -1
- package/out/main/common/dashboard.js.map +1 -1
- package/out/main/common/settings-export.js +3 -1
- package/out/main/common/settings-export.js.map +1 -1
- package/out/main/common/store/cluster-icons-store.js +32 -0
- package/out/main/common/store/cluster-icons-store.js.map +1 -0
- package/out/main/common/store/monitoring-preferences-store.js +5 -0
- package/out/main/common/store/monitoring-preferences-store.js.map +1 -1
- package/out/main/diagnostics-menu-order.js +57 -0
- package/out/main/diagnostics-menu-order.js.map +1 -0
- package/out/main/index.js +9 -1
- package/out/main/index.js.map +1 -1
- package/out/main/monitoring-history.js +13 -3
- package/out/main/monitoring-history.js.map +1 -1
- package/out/renderer/_virtual/_global-external_react-dom.js +2 -1
- package/out/renderer/_virtual/_global-external_react.js +10 -5
- package/out/renderer/_virtual/_rolldown/runtime.js +22 -0
- package/out/renderer/ai-terminal-context.js +200 -0
- package/out/renderer/ai-terminal-context.js.map +1 -0
- package/out/renderer/ai.js +90 -9
- package/out/renderer/ai.js.map +1 -1
- package/out/renderer/appearance.js +1 -0
- package/out/renderer/appearance.js.map +1 -1
- package/out/renderer/cluster-icon-colors.js +188 -0
- package/out/renderer/cluster-icon-colors.js.map +1 -0
- package/out/renderer/cluster-icons.js +304 -0
- package/out/renderer/cluster-icons.js.map +1 -0
- package/out/renderer/dashboard.js +8 -5
- package/out/renderer/dashboard.js.map +1 -1
- package/out/renderer/details/secret-certificate-details.js +9 -2
- package/out/renderer/details/secret-certificate-details.js.map +1 -1
- package/out/renderer/diagnostics.css.js +39 -0
- package/out/renderer/diagnostics.css.js.map +1 -0
- package/out/renderer/diagnostics.js +796 -343
- package/out/renderer/diagnostics.js.map +1 -1
- package/out/renderer/index.js +9 -4
- package/out/renderer/index.js.map +1 -1
- package/out/renderer/monitoring-details-chart.js +42 -0
- package/out/renderer/monitoring-details-chart.js.map +1 -0
- package/out/renderer/monitoring-history-collection.js +2 -18
- package/out/renderer/monitoring-history-collection.js.map +1 -1
- package/out/renderer/monitoring-history-view.js +111 -34
- package/out/renderer/monitoring-history-view.js.map +1 -1
- package/out/renderer/monitoring.js +68 -27
- package/out/renderer/monitoring.js.map +1 -1
- package/out/renderer/node-monitoring.js +23 -12
- package/out/renderer/node-monitoring.js.map +1 -1
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js +10 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js +8 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js +9 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js +9 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/classCallCheck.js +8 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/classCallCheck.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/createClass.js +15 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/createClass.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/createSuper.js +19 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/createSuper.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/defineProperty.js +14 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/defineProperty.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/extends.js +19 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/extends.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js +15 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/inherits.js +14 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/inherits.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js +18 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/iterableToArray.js +8 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/iterableToArray.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js +26 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/nonIterableRest.js +8 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/nonIterableRest.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js +8 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/objectSpread2.js +27 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/objectSpread2.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js +15 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js +14 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js +12 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js +15 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/slicedToArray.js +12 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/slicedToArray.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js +8 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js +12 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/toPrimitive.js +16 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/toPrimitive.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js +11 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/typeof.js +18 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/typeof.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js +13 -0
- package/out/renderer/node_modules/.pnpm/@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@emotion_cache@11.14.0/node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js +237 -0
- package/out/renderer/node_modules/.pnpm/@emotion_cache@11.14.0/node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@emotion_hash@0.9.2/node_modules/@emotion/hash/dist/emotion-hash.esm.js +25 -0
- package/out/renderer/node_modules/.pnpm/@emotion_hash@0.9.2/node_modules/@emotion/hash/dist/emotion-hash.esm.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@emotion_memoize@0.9.0/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js +12 -0
- package/out/renderer/node_modules/.pnpm/@emotion_memoize@0.9.0/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@emotion_react@11.14.0_@types_react@17.0.93_react@17.0.2/node_modules/@emotion/react/dist/emotion-element-f0de968e.browser.esm.js +58 -0
- package/out/renderer/node_modules/.pnpm/@emotion_react@11.14.0_@types_react@17.0.93_react@17.0.2/node_modules/@emotion/react/dist/emotion-element-f0de968e.browser.esm.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@emotion_react@11.14.0_@types_react@17.0.93_react@17.0.2/node_modules/@emotion/react/dist/emotion-react.browser.esm.js +54 -0
- package/out/renderer/node_modules/.pnpm/@emotion_react@11.14.0_@types_react@17.0.93_react@17.0.2/node_modules/@emotion/react/dist/emotion-react.browser.esm.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@emotion_serialize@1.3.3/node_modules/@emotion/serialize/dist/emotion-serialize.esm.js +133 -0
- package/out/renderer/node_modules/.pnpm/@emotion_serialize@1.3.3/node_modules/@emotion/serialize/dist/emotion-serialize.esm.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@emotion_sheet@1.4.0/node_modules/@emotion/sheet/dist/emotion-sheet.esm.js +65 -0
- package/out/renderer/node_modules/.pnpm/@emotion_sheet@1.4.0/node_modules/@emotion/sheet/dist/emotion-sheet.esm.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@emotion_unitless@0.10.0/node_modules/@emotion/unitless/dist/emotion-unitless.esm.js +54 -0
- package/out/renderer/node_modules/.pnpm/@emotion_unitless@0.10.0/node_modules/@emotion/unitless/dist/emotion-unitless.esm.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@emotion_use-insertion-effect-with-fallbacks@1.2.0_react@17.0.2/node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm.js +12 -0
- package/out/renderer/node_modules/.pnpm/@emotion_use-insertion-effect-with-fallbacks@1.2.0_react@17.0.2/node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@emotion_utils@1.4.2/node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js +30 -0
- package/out/renderer/node_modules/.pnpm/@emotion_utils@1.4.2/node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@floating-ui_dom@1.7.2/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +211 -0
- package/out/renderer/node_modules/.pnpm/@floating-ui_dom@1.7.2/node_modules/@floating-ui/dom/dist/floating-ui.dom.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@floating-ui_utils@0.2.10/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +97 -0
- package/out/renderer/node_modules/.pnpm/@floating-ui_utils@0.2.10/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/@floating-ui_utils@0.2.10/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +31 -0
- package/out/renderer/node_modules/.pnpm/@floating-ui_utils@0.2.10/node_modules/@floating-ui/utils/dist/floating-ui.utils.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/hoist-non-react-statics@3.3.2/node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js +93 -0
- package/out/renderer/node_modules/.pnpm/hoist-non-react-statics@3.3.2/node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/memoize-one@6.0.0/node_modules/memoize-one/dist/memoize-one.esm.js +38 -0
- package/out/renderer/node_modules/.pnpm/memoize-one@6.0.0/node_modules/memoize-one/dist/memoize-one.esm.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/react-is@16.13.1/node_modules/react-is/cjs/react-is.development.js +159 -0
- package/out/renderer/node_modules/.pnpm/react-is@16.13.1/node_modules/react-is/cjs/react-is.development.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/react-is@16.13.1/node_modules/react-is/cjs/react-is.production.min.js +103 -0
- package/out/renderer/node_modules/.pnpm/react-is@16.13.1/node_modules/react-is/cjs/react-is.production.min.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/react-is@16.13.1/node_modules/react-is/index.js +18 -0
- package/out/renderer/node_modules/.pnpm/react-is@16.13.1/node_modules/react-is/index.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/react-select@5.10.2_@types_react@17.0.93_react-dom@17.0.2_react@17.0.2__react@17.0.2/node_modules/react-select/dist/Select-ef7c0426.esm.js +2200 -0
- package/out/renderer/node_modules/.pnpm/react-select@5.10.2_@types_react@17.0.93_react-dom@17.0.2_react@17.0.2__react@17.0.2/node_modules/react-select/dist/Select-ef7c0426.esm.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/react-select@5.10.2_@types_react@17.0.93_react-dom@17.0.2_react@17.0.2__react@17.0.2/node_modules/react-select/dist/index-641ee5b8.esm.js +992 -0
- package/out/renderer/node_modules/.pnpm/react-select@5.10.2_@types_react@17.0.93_react-dom@17.0.2_react@17.0.2__react@17.0.2/node_modules/react-select/dist/index-641ee5b8.esm.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/react-select@5.10.2_@types_react@17.0.93_react-dom@17.0.2_react@17.0.2__react@17.0.2/node_modules/react-select/dist/react-select.esm.js +14 -0
- package/out/renderer/node_modules/.pnpm/react-select@5.10.2_@types_react@17.0.93_react-dom@17.0.2_react@17.0.2__react@17.0.2/node_modules/react-select/dist/react-select.esm.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/react-select@5.10.2_@types_react@17.0.93_react-dom@17.0.2_react@17.0.2__react@17.0.2/node_modules/react-select/dist/useStateManager-7e1e8489.esm.js +56 -0
- package/out/renderer/node_modules/.pnpm/react-select@5.10.2_@types_react@17.0.93_react-dom@17.0.2_react@17.0.2__react@17.0.2/node_modules/react-select/dist/useStateManager-7e1e8489.esm.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Enum.js +22 -0
- package/out/renderer/node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Enum.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Middleware.js +30 -0
- package/out/renderer/node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Middleware.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Parser.js +164 -0
- package/out/renderer/node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Parser.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Serializer.js +37 -0
- package/out/renderer/node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Serializer.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Tokenizer.js +245 -0
- package/out/renderer/node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Tokenizer.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Utility.js +120 -0
- package/out/renderer/node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Utility.js.map +1 -0
- package/out/renderer/node_modules/.pnpm/use-isomorphic-layout-effect@1.2.1_@types_react@17.0.93_react@17.0.2/node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.browser.esm.js +6 -0
- package/out/renderer/node_modules/.pnpm/use-isomorphic-layout-effect@1.2.1_@types_react@17.0.93_react@17.0.2/node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.browser.esm.js.map +1 -0
- package/out/renderer/pod-monitoring.js +15 -19
- package/out/renderer/pod-monitoring.js.map +1 -1
- package/out/renderer/preferences/ai-shortcuts-preferences.js +12 -4
- package/out/renderer/preferences/ai-shortcuts-preferences.js.map +1 -1
- package/out/renderer/preferences/dashboard-preferences.js +20 -4
- package/out/renderer/preferences/dashboard-preferences.js.map +1 -1
- package/out/renderer/preferences/monitoring-preferences.js +131 -44
- package/out/renderer/preferences/monitoring-preferences.js.map +1 -1
- package/out/renderer/preferences/preferences.js +31 -7
- package/out/renderer/preferences/preferences.js.map +1 -1
- package/out/renderer/read-only.js +2 -2
- package/out/renderer/read-only.js.map +1 -1
- package/out/renderer/src/common/ai-terminal-context.js +51 -0
- package/out/renderer/src/common/ai-terminal-context.js.map +1 -0
- package/out/renderer/src/common/ai.js.map +1 -1
- package/out/renderer/src/common/cluster-icon-ipc.js +6 -0
- package/out/renderer/src/common/cluster-icon-ipc.js.map +1 -0
- package/out/renderer/src/common/cluster-icons.js +133 -0
- package/out/renderer/src/common/cluster-icons.js.map +1 -0
- package/out/renderer/src/common/dashboard.js +1 -1
- package/out/renderer/src/common/dashboard.js.map +1 -1
- package/out/renderer/src/common/date-time.js +11 -0
- package/out/renderer/src/common/date-time.js.map +1 -0
- package/out/renderer/src/common/monitoring-history.js +2 -0
- package/out/renderer/src/common/monitoring-history.js.map +1 -1
- package/out/renderer/src/common/resource-diagnostics.js.map +1 -1
- package/out/renderer/src/common/settings-export.js.map +1 -1
- package/out/renderer/src/common/store/monitoring-preferences-store.js +5 -0
- package/out/renderer/src/common/store/monitoring-preferences-store.js.map +1 -1
- package/out/renderer/welcome.js +28 -6
- package/out/renderer/welcome.js.map +1 -1
- package/package.json +3 -2
|
@@ -0,0 +1,2200 @@
|
|
|
1
|
+
const require__global_external_react = require("../../../../../../_virtual/_global-external_react.js");
|
|
2
|
+
const require_objectSpread2 = require("../../../../@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/objectSpread2.js");
|
|
3
|
+
const require_objectWithoutProperties = require("../../../../@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
|
|
4
|
+
const require_extends = require("../../../../@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/extends.js");
|
|
5
|
+
const require_classCallCheck = require("../../../../@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
|
|
6
|
+
const require_createClass = require("../../../../@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/createClass.js");
|
|
7
|
+
const require_inherits = require("../../../../@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/inherits.js");
|
|
8
|
+
const require_createSuper = require("../../../../@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/createSuper.js");
|
|
9
|
+
const require_toConsumableArray = require("../../../../@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js");
|
|
10
|
+
const require_emotion_react_browser_esm = require("../../../../@emotion_react@11.14.0_@types_react@17.0.93_react@17.0.2/node_modules/@emotion/react/dist/emotion-react.browser.esm.js");
|
|
11
|
+
const require_index_641ee5b8_esm = require("./index-641ee5b8.esm.js");
|
|
12
|
+
const require_memoize_one_esm = require("../../../../memoize-one@6.0.0/node_modules/memoize-one/dist/memoize-one.esm.js");
|
|
13
|
+
//#region node_modules/.pnpm/react-select@5.10.2_@types+react@17.0.93_react-dom@17.0.2_react@17.0.2__react@17.0.2/node_modules/react-select/dist/Select-ef7c0426.esm.js
|
|
14
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__$2() {
|
|
15
|
+
return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
|
|
16
|
+
}
|
|
17
|
+
var _ref = process.env.NODE_ENV === "production" ? {
|
|
18
|
+
name: "7pg0cj-a11yText",
|
|
19
|
+
styles: "label:a11yText;z-index:9999;border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0;white-space:nowrap"
|
|
20
|
+
} : {
|
|
21
|
+
name: "1f43avz-a11yText-A11yText",
|
|
22
|
+
styles: "label:a11yText;z-index:9999;border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0;white-space:nowrap;label:A11yText;",
|
|
23
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkExMXlUZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPSSIsImZpbGUiOiJBMTF5VGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7IEpTWCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGpzeCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLy8gQXNzaXN0aXZlIHRleHQgdG8gZGVzY3JpYmUgdmlzdWFsIGVsZW1lbnRzLiBIaWRkZW4gZm9yIHNpZ2h0ZWQgdXNlcnMuXG5jb25zdCBBMTF5VGV4dCA9IChwcm9wczogSlNYLkludHJpbnNpY0VsZW1lbnRzWydzcGFuJ10pID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e3tcbiAgICAgIGxhYmVsOiAnYTExeVRleHQnLFxuICAgICAgekluZGV4OiA5OTk5LFxuICAgICAgYm9yZGVyOiAwLFxuICAgICAgY2xpcDogJ3JlY3QoMXB4LCAxcHgsIDFweCwgMXB4KScsXG4gICAgICBoZWlnaHQ6IDEsXG4gICAgICB3aWR0aDogMSxcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgICAgcGFkZGluZzogMCxcbiAgICAgIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICAgIH19XG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQTExeVRleHQ7XG4iXX0= */",
|
|
24
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
|
|
25
|
+
};
|
|
26
|
+
var A11yText$1 = function A11yText(props) {
|
|
27
|
+
return require_emotion_react_browser_esm.createElement("span", require_extends.default({ css: _ref }, props));
|
|
28
|
+
};
|
|
29
|
+
var defaultAriaLiveMessages = {
|
|
30
|
+
guidance: function guidance(props) {
|
|
31
|
+
var isSearchable = props.isSearchable, isMulti = props.isMulti, tabSelectsValue = props.tabSelectsValue, context = props.context, isInitialFocus = props.isInitialFocus;
|
|
32
|
+
switch (context) {
|
|
33
|
+
case "menu": return "Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu".concat(tabSelectsValue ? ", press Tab to select the option and exit the menu" : "", ".");
|
|
34
|
+
case "input": return isInitialFocus ? "".concat(props["aria-label"] || "Select", " is focused ").concat(isSearchable ? ",type to refine list" : "", ", press Down to open the menu, ").concat(isMulti ? " press left to focus selected values" : "") : "";
|
|
35
|
+
case "value": return "Use left and right to toggle between focused values, press Backspace to remove the currently focused value";
|
|
36
|
+
default: return "";
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
onChange: function onChange(props) {
|
|
40
|
+
var action = props.action, _props$label = props.label, label = _props$label === void 0 ? "" : _props$label, labels = props.labels, isDisabled = props.isDisabled;
|
|
41
|
+
switch (action) {
|
|
42
|
+
case "deselect-option":
|
|
43
|
+
case "pop-value":
|
|
44
|
+
case "remove-value": return "option ".concat(label, ", deselected.");
|
|
45
|
+
case "clear": return "All selected options have been cleared.";
|
|
46
|
+
case "initial-input-focus": return "option".concat(labels.length > 1 ? "s" : "", " ").concat(labels.join(","), ", selected.");
|
|
47
|
+
case "select-option": return isDisabled ? "option ".concat(label, " is disabled. Select another option.") : "option ".concat(label, ", selected.");
|
|
48
|
+
default: return "";
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
onFocus: function onFocus(props) {
|
|
52
|
+
var context = props.context, focused = props.focused, options = props.options, _props$label2 = props.label, label = _props$label2 === void 0 ? "" : _props$label2, selectValue = props.selectValue, isDisabled = props.isDisabled, isSelected = props.isSelected, isAppleDevice = props.isAppleDevice;
|
|
53
|
+
var getArrayIndex = function getArrayIndex(arr, item) {
|
|
54
|
+
return arr && arr.length ? "".concat(arr.indexOf(item) + 1, " of ").concat(arr.length) : "";
|
|
55
|
+
};
|
|
56
|
+
if (context === "value" && selectValue) return "value ".concat(label, " focused, ").concat(getArrayIndex(selectValue, focused), ".");
|
|
57
|
+
if (context === "menu" && isAppleDevice) {
|
|
58
|
+
var disabled = isDisabled ? " disabled" : "";
|
|
59
|
+
var status = "".concat(isSelected ? " selected" : "").concat(disabled);
|
|
60
|
+
return "".concat(label).concat(status, ", ").concat(getArrayIndex(options, focused), ".");
|
|
61
|
+
}
|
|
62
|
+
return "";
|
|
63
|
+
},
|
|
64
|
+
onFilter: function onFilter(props) {
|
|
65
|
+
var inputValue = props.inputValue, resultsMessage = props.resultsMessage;
|
|
66
|
+
return "".concat(resultsMessage).concat(inputValue ? " for search term " + inputValue : "", ".");
|
|
67
|
+
}
|
|
68
|
+
};
|
|
69
|
+
var LiveRegion$1 = function LiveRegion(props) {
|
|
70
|
+
var ariaSelection = props.ariaSelection, focusedOption = props.focusedOption, focusedValue = props.focusedValue, focusableOptions = props.focusableOptions, isFocused = props.isFocused, selectValue = props.selectValue, selectProps = props.selectProps, id = props.id, isAppleDevice = props.isAppleDevice;
|
|
71
|
+
var ariaLiveMessages = selectProps.ariaLiveMessages, getOptionLabel = selectProps.getOptionLabel, inputValue = selectProps.inputValue, isMulti = selectProps.isMulti, isOptionDisabled = selectProps.isOptionDisabled, isSearchable = selectProps.isSearchable, menuIsOpen = selectProps.menuIsOpen, options = selectProps.options, screenReaderStatus = selectProps.screenReaderStatus, tabSelectsValue = selectProps.tabSelectsValue, isLoading = selectProps.isLoading;
|
|
72
|
+
var ariaLabel = selectProps["aria-label"];
|
|
73
|
+
var ariaLive = selectProps["aria-live"];
|
|
74
|
+
var messages = require__global_external_react.useMemo(function() {
|
|
75
|
+
return require_objectSpread2.default(require_objectSpread2.default({}, defaultAriaLiveMessages), ariaLiveMessages || {});
|
|
76
|
+
}, [ariaLiveMessages]);
|
|
77
|
+
var ariaSelected = require__global_external_react.useMemo(function() {
|
|
78
|
+
var message = "";
|
|
79
|
+
if (ariaSelection && messages.onChange) {
|
|
80
|
+
var option = ariaSelection.option, selectedOptions = ariaSelection.options, removedValue = ariaSelection.removedValue, removedValues = ariaSelection.removedValues, value = ariaSelection.value;
|
|
81
|
+
var selected = removedValue || option || function asOption(val) {
|
|
82
|
+
return !Array.isArray(val) ? val : null;
|
|
83
|
+
}(value);
|
|
84
|
+
var label = selected ? getOptionLabel(selected) : "";
|
|
85
|
+
var multiSelected = selectedOptions || removedValues || void 0;
|
|
86
|
+
var labels = multiSelected ? multiSelected.map(getOptionLabel) : [];
|
|
87
|
+
var onChangeProps = require_objectSpread2.default({
|
|
88
|
+
isDisabled: selected && isOptionDisabled(selected, selectValue),
|
|
89
|
+
label,
|
|
90
|
+
labels
|
|
91
|
+
}, ariaSelection);
|
|
92
|
+
message = messages.onChange(onChangeProps);
|
|
93
|
+
}
|
|
94
|
+
return message;
|
|
95
|
+
}, [
|
|
96
|
+
ariaSelection,
|
|
97
|
+
messages,
|
|
98
|
+
isOptionDisabled,
|
|
99
|
+
selectValue,
|
|
100
|
+
getOptionLabel
|
|
101
|
+
]);
|
|
102
|
+
var ariaFocused = require__global_external_react.useMemo(function() {
|
|
103
|
+
var focusMsg = "";
|
|
104
|
+
var focused = focusedOption || focusedValue;
|
|
105
|
+
var isSelected = !!(focusedOption && selectValue && selectValue.includes(focusedOption));
|
|
106
|
+
if (focused && messages.onFocus) {
|
|
107
|
+
var onFocusProps = {
|
|
108
|
+
focused,
|
|
109
|
+
label: getOptionLabel(focused),
|
|
110
|
+
isDisabled: isOptionDisabled(focused, selectValue),
|
|
111
|
+
isSelected,
|
|
112
|
+
options: focusableOptions,
|
|
113
|
+
context: focused === focusedOption ? "menu" : "value",
|
|
114
|
+
selectValue,
|
|
115
|
+
isAppleDevice
|
|
116
|
+
};
|
|
117
|
+
focusMsg = messages.onFocus(onFocusProps);
|
|
118
|
+
}
|
|
119
|
+
return focusMsg;
|
|
120
|
+
}, [
|
|
121
|
+
focusedOption,
|
|
122
|
+
focusedValue,
|
|
123
|
+
getOptionLabel,
|
|
124
|
+
isOptionDisabled,
|
|
125
|
+
messages,
|
|
126
|
+
focusableOptions,
|
|
127
|
+
selectValue,
|
|
128
|
+
isAppleDevice
|
|
129
|
+
]);
|
|
130
|
+
var ariaResults = require__global_external_react.useMemo(function() {
|
|
131
|
+
var resultsMsg = "";
|
|
132
|
+
if (menuIsOpen && options.length && !isLoading && messages.onFilter) {
|
|
133
|
+
var resultsMessage = screenReaderStatus({ count: focusableOptions.length });
|
|
134
|
+
resultsMsg = messages.onFilter({
|
|
135
|
+
inputValue,
|
|
136
|
+
resultsMessage
|
|
137
|
+
});
|
|
138
|
+
}
|
|
139
|
+
return resultsMsg;
|
|
140
|
+
}, [
|
|
141
|
+
focusableOptions,
|
|
142
|
+
inputValue,
|
|
143
|
+
menuIsOpen,
|
|
144
|
+
messages,
|
|
145
|
+
options,
|
|
146
|
+
screenReaderStatus,
|
|
147
|
+
isLoading
|
|
148
|
+
]);
|
|
149
|
+
var isInitialFocus = (ariaSelection === null || ariaSelection === void 0 ? void 0 : ariaSelection.action) === "initial-input-focus";
|
|
150
|
+
var ariaGuidance = require__global_external_react.useMemo(function() {
|
|
151
|
+
var guidanceMsg = "";
|
|
152
|
+
if (messages.guidance) {
|
|
153
|
+
var context = focusedValue ? "value" : menuIsOpen ? "menu" : "input";
|
|
154
|
+
guidanceMsg = messages.guidance({
|
|
155
|
+
"aria-label": ariaLabel,
|
|
156
|
+
context,
|
|
157
|
+
isDisabled: focusedOption && isOptionDisabled(focusedOption, selectValue),
|
|
158
|
+
isMulti,
|
|
159
|
+
isSearchable,
|
|
160
|
+
tabSelectsValue,
|
|
161
|
+
isInitialFocus
|
|
162
|
+
});
|
|
163
|
+
}
|
|
164
|
+
return guidanceMsg;
|
|
165
|
+
}, [
|
|
166
|
+
ariaLabel,
|
|
167
|
+
focusedOption,
|
|
168
|
+
focusedValue,
|
|
169
|
+
isMulti,
|
|
170
|
+
isOptionDisabled,
|
|
171
|
+
isSearchable,
|
|
172
|
+
menuIsOpen,
|
|
173
|
+
messages,
|
|
174
|
+
selectValue,
|
|
175
|
+
tabSelectsValue,
|
|
176
|
+
isInitialFocus
|
|
177
|
+
]);
|
|
178
|
+
var ScreenReaderText = require_emotion_react_browser_esm.createElement(require__global_external_react.Fragment, null, require_emotion_react_browser_esm.createElement("span", { id: "aria-selection" }, ariaSelected), require_emotion_react_browser_esm.createElement("span", { id: "aria-focused" }, ariaFocused), require_emotion_react_browser_esm.createElement("span", { id: "aria-results" }, ariaResults), require_emotion_react_browser_esm.createElement("span", { id: "aria-guidance" }, ariaGuidance));
|
|
179
|
+
return require_emotion_react_browser_esm.createElement(require__global_external_react.Fragment, null, require_emotion_react_browser_esm.createElement(A11yText$1, { id }, isInitialFocus && ScreenReaderText), require_emotion_react_browser_esm.createElement(A11yText$1, {
|
|
180
|
+
"aria-live": ariaLive,
|
|
181
|
+
"aria-atomic": "false",
|
|
182
|
+
"aria-relevant": "additions text",
|
|
183
|
+
role: "log"
|
|
184
|
+
}, isFocused && !isInitialFocus && ScreenReaderText));
|
|
185
|
+
};
|
|
186
|
+
var diacritics = [
|
|
187
|
+
{
|
|
188
|
+
base: "A",
|
|
189
|
+
letters: "AⒶAÀÁÂẦẤẪẨÃĀĂẰẮẴẲȦǠÄǞẢÅǺǍȀȂẠẬẶḀĄȺⱯ"
|
|
190
|
+
},
|
|
191
|
+
{
|
|
192
|
+
base: "AA",
|
|
193
|
+
letters: "Ꜳ"
|
|
194
|
+
},
|
|
195
|
+
{
|
|
196
|
+
base: "AE",
|
|
197
|
+
letters: "ÆǼǢ"
|
|
198
|
+
},
|
|
199
|
+
{
|
|
200
|
+
base: "AO",
|
|
201
|
+
letters: "Ꜵ"
|
|
202
|
+
},
|
|
203
|
+
{
|
|
204
|
+
base: "AU",
|
|
205
|
+
letters: "Ꜷ"
|
|
206
|
+
},
|
|
207
|
+
{
|
|
208
|
+
base: "AV",
|
|
209
|
+
letters: "ꜸꜺ"
|
|
210
|
+
},
|
|
211
|
+
{
|
|
212
|
+
base: "AY",
|
|
213
|
+
letters: "Ꜽ"
|
|
214
|
+
},
|
|
215
|
+
{
|
|
216
|
+
base: "B",
|
|
217
|
+
letters: "BⒷBḂḄḆɃƂƁ"
|
|
218
|
+
},
|
|
219
|
+
{
|
|
220
|
+
base: "C",
|
|
221
|
+
letters: "CⒸCĆĈĊČÇḈƇȻꜾ"
|
|
222
|
+
},
|
|
223
|
+
{
|
|
224
|
+
base: "D",
|
|
225
|
+
letters: "DⒹDḊĎḌḐḒḎĐƋƊƉꝹ"
|
|
226
|
+
},
|
|
227
|
+
{
|
|
228
|
+
base: "DZ",
|
|
229
|
+
letters: "DZDŽ"
|
|
230
|
+
},
|
|
231
|
+
{
|
|
232
|
+
base: "Dz",
|
|
233
|
+
letters: "DzDž"
|
|
234
|
+
},
|
|
235
|
+
{
|
|
236
|
+
base: "E",
|
|
237
|
+
letters: "EⒺEÈÉÊỀẾỄỂẼĒḔḖĔĖËẺĚȄȆẸỆȨḜĘḘḚƐƎ"
|
|
238
|
+
},
|
|
239
|
+
{
|
|
240
|
+
base: "F",
|
|
241
|
+
letters: "FⒻFḞƑꝻ"
|
|
242
|
+
},
|
|
243
|
+
{
|
|
244
|
+
base: "G",
|
|
245
|
+
letters: "GⒼGǴĜḠĞĠǦĢǤƓꞠꝽꝾ"
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
base: "H",
|
|
249
|
+
letters: "HⒽHĤḢḦȞḤḨḪĦⱧⱵꞍ"
|
|
250
|
+
},
|
|
251
|
+
{
|
|
252
|
+
base: "I",
|
|
253
|
+
letters: "IⒾIÌÍÎĨĪĬİÏḮỈǏȈȊỊĮḬƗ"
|
|
254
|
+
},
|
|
255
|
+
{
|
|
256
|
+
base: "J",
|
|
257
|
+
letters: "JⒿJĴɈ"
|
|
258
|
+
},
|
|
259
|
+
{
|
|
260
|
+
base: "K",
|
|
261
|
+
letters: "KⓀKḰǨḲĶḴƘⱩꝀꝂꝄꞢ"
|
|
262
|
+
},
|
|
263
|
+
{
|
|
264
|
+
base: "L",
|
|
265
|
+
letters: "LⓁLĿĹĽḶḸĻḼḺŁȽⱢⱠꝈꝆꞀ"
|
|
266
|
+
},
|
|
267
|
+
{
|
|
268
|
+
base: "LJ",
|
|
269
|
+
letters: "LJ"
|
|
270
|
+
},
|
|
271
|
+
{
|
|
272
|
+
base: "Lj",
|
|
273
|
+
letters: "Lj"
|
|
274
|
+
},
|
|
275
|
+
{
|
|
276
|
+
base: "M",
|
|
277
|
+
letters: "MⓂMḾṀṂⱮƜ"
|
|
278
|
+
},
|
|
279
|
+
{
|
|
280
|
+
base: "N",
|
|
281
|
+
letters: "NⓃNǸŃÑṄŇṆŅṊṈȠƝꞐꞤ"
|
|
282
|
+
},
|
|
283
|
+
{
|
|
284
|
+
base: "NJ",
|
|
285
|
+
letters: "NJ"
|
|
286
|
+
},
|
|
287
|
+
{
|
|
288
|
+
base: "Nj",
|
|
289
|
+
letters: "Nj"
|
|
290
|
+
},
|
|
291
|
+
{
|
|
292
|
+
base: "O",
|
|
293
|
+
letters: "OⓄOÒÓÔỒỐỖỔÕṌȬṎŌṐṒŎȮȰÖȪỎŐǑȌȎƠỜỚỠỞỢỌỘǪǬØǾƆƟꝊꝌ"
|
|
294
|
+
},
|
|
295
|
+
{
|
|
296
|
+
base: "OI",
|
|
297
|
+
letters: "Ƣ"
|
|
298
|
+
},
|
|
299
|
+
{
|
|
300
|
+
base: "OO",
|
|
301
|
+
letters: "Ꝏ"
|
|
302
|
+
},
|
|
303
|
+
{
|
|
304
|
+
base: "OU",
|
|
305
|
+
letters: "Ȣ"
|
|
306
|
+
},
|
|
307
|
+
{
|
|
308
|
+
base: "P",
|
|
309
|
+
letters: "PⓅPṔṖƤⱣꝐꝒꝔ"
|
|
310
|
+
},
|
|
311
|
+
{
|
|
312
|
+
base: "Q",
|
|
313
|
+
letters: "QⓆQꝖꝘɊ"
|
|
314
|
+
},
|
|
315
|
+
{
|
|
316
|
+
base: "R",
|
|
317
|
+
letters: "RⓇRŔṘŘȐȒṚṜŖṞɌⱤꝚꞦꞂ"
|
|
318
|
+
},
|
|
319
|
+
{
|
|
320
|
+
base: "S",
|
|
321
|
+
letters: "SⓈSẞŚṤŜṠŠṦṢṨȘŞⱾꞨꞄ"
|
|
322
|
+
},
|
|
323
|
+
{
|
|
324
|
+
base: "T",
|
|
325
|
+
letters: "TⓉTṪŤṬȚŢṰṮŦƬƮȾꞆ"
|
|
326
|
+
},
|
|
327
|
+
{
|
|
328
|
+
base: "TZ",
|
|
329
|
+
letters: "Ꜩ"
|
|
330
|
+
},
|
|
331
|
+
{
|
|
332
|
+
base: "U",
|
|
333
|
+
letters: "UⓊUÙÚÛŨṸŪṺŬÜǛǗǕǙỦŮŰǓȔȖƯỪỨỮỬỰỤṲŲṶṴɄ"
|
|
334
|
+
},
|
|
335
|
+
{
|
|
336
|
+
base: "V",
|
|
337
|
+
letters: "VⓋVṼṾƲꝞɅ"
|
|
338
|
+
},
|
|
339
|
+
{
|
|
340
|
+
base: "VY",
|
|
341
|
+
letters: "Ꝡ"
|
|
342
|
+
},
|
|
343
|
+
{
|
|
344
|
+
base: "W",
|
|
345
|
+
letters: "WⓌWẀẂŴẆẄẈⱲ"
|
|
346
|
+
},
|
|
347
|
+
{
|
|
348
|
+
base: "X",
|
|
349
|
+
letters: "XⓍXẊẌ"
|
|
350
|
+
},
|
|
351
|
+
{
|
|
352
|
+
base: "Y",
|
|
353
|
+
letters: "YⓎYỲÝŶỸȲẎŸỶỴƳɎỾ"
|
|
354
|
+
},
|
|
355
|
+
{
|
|
356
|
+
base: "Z",
|
|
357
|
+
letters: "ZⓏZŹẐŻŽẒẔƵȤⱿⱫꝢ"
|
|
358
|
+
},
|
|
359
|
+
{
|
|
360
|
+
base: "a",
|
|
361
|
+
letters: "aⓐaẚàáâầấẫẩãāăằắẵẳȧǡäǟảåǻǎȁȃạậặḁąⱥɐ"
|
|
362
|
+
},
|
|
363
|
+
{
|
|
364
|
+
base: "aa",
|
|
365
|
+
letters: "ꜳ"
|
|
366
|
+
},
|
|
367
|
+
{
|
|
368
|
+
base: "ae",
|
|
369
|
+
letters: "æǽǣ"
|
|
370
|
+
},
|
|
371
|
+
{
|
|
372
|
+
base: "ao",
|
|
373
|
+
letters: "ꜵ"
|
|
374
|
+
},
|
|
375
|
+
{
|
|
376
|
+
base: "au",
|
|
377
|
+
letters: "ꜷ"
|
|
378
|
+
},
|
|
379
|
+
{
|
|
380
|
+
base: "av",
|
|
381
|
+
letters: "ꜹꜻ"
|
|
382
|
+
},
|
|
383
|
+
{
|
|
384
|
+
base: "ay",
|
|
385
|
+
letters: "ꜽ"
|
|
386
|
+
},
|
|
387
|
+
{
|
|
388
|
+
base: "b",
|
|
389
|
+
letters: "bⓑbḃḅḇƀƃɓ"
|
|
390
|
+
},
|
|
391
|
+
{
|
|
392
|
+
base: "c",
|
|
393
|
+
letters: "cⓒcćĉċčçḉƈȼꜿↄ"
|
|
394
|
+
},
|
|
395
|
+
{
|
|
396
|
+
base: "d",
|
|
397
|
+
letters: "dⓓdḋďḍḑḓḏđƌɖɗꝺ"
|
|
398
|
+
},
|
|
399
|
+
{
|
|
400
|
+
base: "dz",
|
|
401
|
+
letters: "dzdž"
|
|
402
|
+
},
|
|
403
|
+
{
|
|
404
|
+
base: "e",
|
|
405
|
+
letters: "eⓔeèéêềếễểẽēḕḗĕėëẻěȅȇẹệȩḝęḙḛɇɛǝ"
|
|
406
|
+
},
|
|
407
|
+
{
|
|
408
|
+
base: "f",
|
|
409
|
+
letters: "fⓕfḟƒꝼ"
|
|
410
|
+
},
|
|
411
|
+
{
|
|
412
|
+
base: "g",
|
|
413
|
+
letters: "gⓖgǵĝḡğġǧģǥɠꞡᵹꝿ"
|
|
414
|
+
},
|
|
415
|
+
{
|
|
416
|
+
base: "h",
|
|
417
|
+
letters: "hⓗhĥḣḧȟḥḩḫẖħⱨⱶɥ"
|
|
418
|
+
},
|
|
419
|
+
{
|
|
420
|
+
base: "hv",
|
|
421
|
+
letters: "ƕ"
|
|
422
|
+
},
|
|
423
|
+
{
|
|
424
|
+
base: "i",
|
|
425
|
+
letters: "iⓘiìíîĩīĭïḯỉǐȉȋịįḭɨı"
|
|
426
|
+
},
|
|
427
|
+
{
|
|
428
|
+
base: "j",
|
|
429
|
+
letters: "jⓙjĵǰɉ"
|
|
430
|
+
},
|
|
431
|
+
{
|
|
432
|
+
base: "k",
|
|
433
|
+
letters: "kⓚkḱǩḳķḵƙⱪꝁꝃꝅꞣ"
|
|
434
|
+
},
|
|
435
|
+
{
|
|
436
|
+
base: "l",
|
|
437
|
+
letters: "lⓛlŀĺľḷḹļḽḻſłƚɫⱡꝉꞁꝇ"
|
|
438
|
+
},
|
|
439
|
+
{
|
|
440
|
+
base: "lj",
|
|
441
|
+
letters: "lj"
|
|
442
|
+
},
|
|
443
|
+
{
|
|
444
|
+
base: "m",
|
|
445
|
+
letters: "mⓜmḿṁṃɱɯ"
|
|
446
|
+
},
|
|
447
|
+
{
|
|
448
|
+
base: "n",
|
|
449
|
+
letters: "nⓝnǹńñṅňṇņṋṉƞɲʼnꞑꞥ"
|
|
450
|
+
},
|
|
451
|
+
{
|
|
452
|
+
base: "nj",
|
|
453
|
+
letters: "nj"
|
|
454
|
+
},
|
|
455
|
+
{
|
|
456
|
+
base: "o",
|
|
457
|
+
letters: "oⓞoòóôồốỗổõṍȭṏōṑṓŏȯȱöȫỏőǒȍȏơờớỡởợọộǫǭøǿɔꝋꝍɵ"
|
|
458
|
+
},
|
|
459
|
+
{
|
|
460
|
+
base: "oi",
|
|
461
|
+
letters: "ƣ"
|
|
462
|
+
},
|
|
463
|
+
{
|
|
464
|
+
base: "ou",
|
|
465
|
+
letters: "ȣ"
|
|
466
|
+
},
|
|
467
|
+
{
|
|
468
|
+
base: "oo",
|
|
469
|
+
letters: "ꝏ"
|
|
470
|
+
},
|
|
471
|
+
{
|
|
472
|
+
base: "p",
|
|
473
|
+
letters: "pⓟpṕṗƥᵽꝑꝓꝕ"
|
|
474
|
+
},
|
|
475
|
+
{
|
|
476
|
+
base: "q",
|
|
477
|
+
letters: "qⓠqɋꝗꝙ"
|
|
478
|
+
},
|
|
479
|
+
{
|
|
480
|
+
base: "r",
|
|
481
|
+
letters: "rⓡrŕṙřȑȓṛṝŗṟɍɽꝛꞧꞃ"
|
|
482
|
+
},
|
|
483
|
+
{
|
|
484
|
+
base: "s",
|
|
485
|
+
letters: "sⓢsßśṥŝṡšṧṣṩșşȿꞩꞅẛ"
|
|
486
|
+
},
|
|
487
|
+
{
|
|
488
|
+
base: "t",
|
|
489
|
+
letters: "tⓣtṫẗťṭțţṱṯŧƭʈⱦꞇ"
|
|
490
|
+
},
|
|
491
|
+
{
|
|
492
|
+
base: "tz",
|
|
493
|
+
letters: "ꜩ"
|
|
494
|
+
},
|
|
495
|
+
{
|
|
496
|
+
base: "u",
|
|
497
|
+
letters: "uⓤuùúûũṹūṻŭüǜǘǖǚủůűǔȕȗưừứữửựụṳųṷṵʉ"
|
|
498
|
+
},
|
|
499
|
+
{
|
|
500
|
+
base: "v",
|
|
501
|
+
letters: "vⓥvṽṿʋꝟʌ"
|
|
502
|
+
},
|
|
503
|
+
{
|
|
504
|
+
base: "vy",
|
|
505
|
+
letters: "ꝡ"
|
|
506
|
+
},
|
|
507
|
+
{
|
|
508
|
+
base: "w",
|
|
509
|
+
letters: "wⓦwẁẃŵẇẅẘẉⱳ"
|
|
510
|
+
},
|
|
511
|
+
{
|
|
512
|
+
base: "x",
|
|
513
|
+
letters: "xⓧxẋẍ"
|
|
514
|
+
},
|
|
515
|
+
{
|
|
516
|
+
base: "y",
|
|
517
|
+
letters: "yⓨyỳýŷỹȳẏÿỷẙỵƴɏỿ"
|
|
518
|
+
},
|
|
519
|
+
{
|
|
520
|
+
base: "z",
|
|
521
|
+
letters: "zⓩzźẑżžẓẕƶȥɀⱬꝣ"
|
|
522
|
+
}
|
|
523
|
+
];
|
|
524
|
+
var anyDiacritic = new RegExp("[" + diacritics.map(function(d) {
|
|
525
|
+
return d.letters;
|
|
526
|
+
}).join("") + "]", "g");
|
|
527
|
+
var diacriticToBase = {};
|
|
528
|
+
for (var i = 0; i < diacritics.length; i++) {
|
|
529
|
+
var diacritic = diacritics[i];
|
|
530
|
+
for (var j = 0; j < diacritic.letters.length; j++) diacriticToBase[diacritic.letters[j]] = diacritic.base;
|
|
531
|
+
}
|
|
532
|
+
var stripDiacritics = function stripDiacritics(str) {
|
|
533
|
+
return str.replace(anyDiacritic, function(match) {
|
|
534
|
+
return diacriticToBase[match];
|
|
535
|
+
});
|
|
536
|
+
};
|
|
537
|
+
var memoizedStripDiacriticsForInput = require_memoize_one_esm.default(stripDiacritics);
|
|
538
|
+
var trimString = function trimString(str) {
|
|
539
|
+
return str.replace(/^\s+|\s+$/g, "");
|
|
540
|
+
};
|
|
541
|
+
var defaultStringify = function defaultStringify(option) {
|
|
542
|
+
return "".concat(option.label, " ").concat(option.value);
|
|
543
|
+
};
|
|
544
|
+
var createFilter = function createFilter(config) {
|
|
545
|
+
return function(option, rawInput) {
|
|
546
|
+
if (option.data.__isNew__) return true;
|
|
547
|
+
var _ignoreCase$ignoreAcc = require_objectSpread2.default({
|
|
548
|
+
ignoreCase: true,
|
|
549
|
+
ignoreAccents: true,
|
|
550
|
+
stringify: defaultStringify,
|
|
551
|
+
trim: true,
|
|
552
|
+
matchFrom: "any"
|
|
553
|
+
}, config), ignoreCase = _ignoreCase$ignoreAcc.ignoreCase, ignoreAccents = _ignoreCase$ignoreAcc.ignoreAccents, stringify = _ignoreCase$ignoreAcc.stringify, trim = _ignoreCase$ignoreAcc.trim, matchFrom = _ignoreCase$ignoreAcc.matchFrom;
|
|
554
|
+
var input = trim ? trimString(rawInput) : rawInput;
|
|
555
|
+
var candidate = trim ? trimString(stringify(option)) : stringify(option);
|
|
556
|
+
if (ignoreCase) {
|
|
557
|
+
input = input.toLowerCase();
|
|
558
|
+
candidate = candidate.toLowerCase();
|
|
559
|
+
}
|
|
560
|
+
if (ignoreAccents) {
|
|
561
|
+
input = memoizedStripDiacriticsForInput(input);
|
|
562
|
+
candidate = stripDiacritics(candidate);
|
|
563
|
+
}
|
|
564
|
+
return matchFrom === "start" ? candidate.substr(0, input.length) === input : candidate.indexOf(input) > -1;
|
|
565
|
+
};
|
|
566
|
+
};
|
|
567
|
+
var _excluded = ["innerRef"];
|
|
568
|
+
function DummyInput(_ref) {
|
|
569
|
+
var innerRef = _ref.innerRef;
|
|
570
|
+
var filteredProps = require_index_641ee5b8_esm.r(require_objectWithoutProperties.default(_ref, _excluded), "onExited", "in", "enter", "exit", "appear");
|
|
571
|
+
return require_emotion_react_browser_esm.createElement("input", require_extends.default({ ref: innerRef }, filteredProps, { css: /*#__PURE__*/ require_emotion_react_browser_esm.css({
|
|
572
|
+
label: "dummyInput",
|
|
573
|
+
background: 0,
|
|
574
|
+
border: 0,
|
|
575
|
+
caretColor: "transparent",
|
|
576
|
+
fontSize: "inherit",
|
|
577
|
+
gridArea: "1 / 1 / 2 / 3",
|
|
578
|
+
outline: 0,
|
|
579
|
+
padding: 0,
|
|
580
|
+
width: 1,
|
|
581
|
+
color: "transparent",
|
|
582
|
+
left: -100,
|
|
583
|
+
opacity: 0,
|
|
584
|
+
position: "relative",
|
|
585
|
+
transform: "scale(.01)"
|
|
586
|
+
}, process.env.NODE_ENV === "production" ? "" : ";label:DummyInput;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkR1bW15SW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCTSIsImZpbGUiOiJEdW1teUlucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHsgSlNYLCBSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3ggfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW1vdmVQcm9wcyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gRHVtbXlJbnB1dCh7XG4gIGlubmVyUmVmLFxuICAuLi5wcm9wc1xufTogSlNYLkludHJpbnNpY0VsZW1lbnRzWydpbnB1dCddICYge1xuICByZWFkb25seSBpbm5lclJlZjogUmVmPEhUTUxJbnB1dEVsZW1lbnQ+O1xufSkge1xuICAvLyBSZW1vdmUgYW5pbWF0aW9uIHByb3BzIG5vdCBtZWFudCBmb3IgSFRNTCBlbGVtZW50c1xuICBjb25zdCBmaWx0ZXJlZFByb3BzID0gcmVtb3ZlUHJvcHMoXG4gICAgcHJvcHMsXG4gICAgJ29uRXhpdGVkJyxcbiAgICAnaW4nLFxuICAgICdlbnRlcicsXG4gICAgJ2V4aXQnLFxuICAgICdhcHBlYXInXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8aW5wdXRcbiAgICAgIHJlZj17aW5uZXJSZWZ9XG4gICAgICB7Li4uZmlsdGVyZWRQcm9wc31cbiAgICAgIGNzcz17e1xuICAgICAgICBsYWJlbDogJ2R1bW15SW5wdXQnLFxuICAgICAgICAvLyBnZXQgcmlkIG9mIGFueSBkZWZhdWx0IHN0eWxlc1xuICAgICAgICBiYWNrZ3JvdW5kOiAwLFxuICAgICAgICBib3JkZXI6IDAsXG4gICAgICAgIC8vIGltcG9ydGFudCEgdGhpcyBoaWRlcyB0aGUgZmxhc2hpbmcgY3Vyc29yXG4gICAgICAgIGNhcmV0Q29sb3I6ICd0cmFuc3BhcmVudCcsXG4gICAgICAgIGZvbnRTaXplOiAnaW5oZXJpdCcsXG4gICAgICAgIGdyaWRBcmVhOiAnMSAvIDEgLyAyIC8gMycsXG4gICAgICAgIG91dGxpbmU6IDAsXG4gICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgIC8vIGltcG9ydGFudCEgd2l0aG91dCBgd2lkdGhgIGJyb3dzZXJzIHdvbid0IGFsbG93IGZvY3VzXG4gICAgICAgIHdpZHRoOiAxLFxuXG4gICAgICAgIC8vIHJlbW92ZSBjdXJzb3Igb24gZGVza3RvcFxuICAgICAgICBjb2xvcjogJ3RyYW5zcGFyZW50JyxcblxuICAgICAgICAvLyByZW1vdmUgY3Vyc29yIG9uIG1vYmlsZSB3aGlsc3QgbWFpbnRhaW5pbmcgXCJzY3JvbGwgaW50byB2aWV3XCIgYmVoYXZpb3VyXG4gICAgICAgIGxlZnQ6IC0xMDAsXG4gICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICAgICB0cmFuc2Zvcm06ICdzY2FsZSguMDEpJyxcbiAgICAgIH19XG4gICAgLz5cbiAgKTtcbn1cbiJdfQ== */") }));
|
|
587
|
+
}
|
|
588
|
+
var cancelScroll = function cancelScroll(event) {
|
|
589
|
+
if (event.cancelable) event.preventDefault();
|
|
590
|
+
event.stopPropagation();
|
|
591
|
+
};
|
|
592
|
+
function useScrollCapture(_ref) {
|
|
593
|
+
var isEnabled = _ref.isEnabled, onBottomArrive = _ref.onBottomArrive, onBottomLeave = _ref.onBottomLeave, onTopArrive = _ref.onTopArrive, onTopLeave = _ref.onTopLeave;
|
|
594
|
+
var isBottom = require__global_external_react.useRef(false);
|
|
595
|
+
var isTop = require__global_external_react.useRef(false);
|
|
596
|
+
var touchStart = require__global_external_react.useRef(0);
|
|
597
|
+
var scrollTarget = require__global_external_react.useRef(null);
|
|
598
|
+
var handleEventDelta = require__global_external_react.useCallback(function(event, delta) {
|
|
599
|
+
if (scrollTarget.current === null) return;
|
|
600
|
+
var _scrollTarget$current = scrollTarget.current, scrollTop = _scrollTarget$current.scrollTop, scrollHeight = _scrollTarget$current.scrollHeight, clientHeight = _scrollTarget$current.clientHeight;
|
|
601
|
+
var target = scrollTarget.current;
|
|
602
|
+
var isDeltaPositive = delta > 0;
|
|
603
|
+
var availableScroll = scrollHeight - clientHeight - scrollTop;
|
|
604
|
+
var shouldCancelScroll = false;
|
|
605
|
+
if (availableScroll > delta && isBottom.current) {
|
|
606
|
+
if (onBottomLeave) onBottomLeave(event);
|
|
607
|
+
isBottom.current = false;
|
|
608
|
+
}
|
|
609
|
+
if (isDeltaPositive && isTop.current) {
|
|
610
|
+
if (onTopLeave) onTopLeave(event);
|
|
611
|
+
isTop.current = false;
|
|
612
|
+
}
|
|
613
|
+
if (isDeltaPositive && delta > availableScroll) {
|
|
614
|
+
if (onBottomArrive && !isBottom.current) onBottomArrive(event);
|
|
615
|
+
target.scrollTop = scrollHeight;
|
|
616
|
+
shouldCancelScroll = true;
|
|
617
|
+
isBottom.current = true;
|
|
618
|
+
} else if (!isDeltaPositive && -delta > scrollTop) {
|
|
619
|
+
if (onTopArrive && !isTop.current) onTopArrive(event);
|
|
620
|
+
target.scrollTop = 0;
|
|
621
|
+
shouldCancelScroll = true;
|
|
622
|
+
isTop.current = true;
|
|
623
|
+
}
|
|
624
|
+
if (shouldCancelScroll) cancelScroll(event);
|
|
625
|
+
}, [
|
|
626
|
+
onBottomArrive,
|
|
627
|
+
onBottomLeave,
|
|
628
|
+
onTopArrive,
|
|
629
|
+
onTopLeave
|
|
630
|
+
]);
|
|
631
|
+
var onWheel = require__global_external_react.useCallback(function(event) {
|
|
632
|
+
handleEventDelta(event, event.deltaY);
|
|
633
|
+
}, [handleEventDelta]);
|
|
634
|
+
var onTouchStart = require__global_external_react.useCallback(function(event) {
|
|
635
|
+
touchStart.current = event.changedTouches[0].clientY;
|
|
636
|
+
}, []);
|
|
637
|
+
var onTouchMove = require__global_external_react.useCallback(function(event) {
|
|
638
|
+
handleEventDelta(event, touchStart.current - event.changedTouches[0].clientY);
|
|
639
|
+
}, [handleEventDelta]);
|
|
640
|
+
var startListening = require__global_external_react.useCallback(function(el) {
|
|
641
|
+
if (!el) return;
|
|
642
|
+
var notPassive = require_index_641ee5b8_esm.s ? { passive: false } : false;
|
|
643
|
+
el.addEventListener("wheel", onWheel, notPassive);
|
|
644
|
+
el.addEventListener("touchstart", onTouchStart, notPassive);
|
|
645
|
+
el.addEventListener("touchmove", onTouchMove, notPassive);
|
|
646
|
+
}, [
|
|
647
|
+
onTouchMove,
|
|
648
|
+
onTouchStart,
|
|
649
|
+
onWheel
|
|
650
|
+
]);
|
|
651
|
+
var stopListening = require__global_external_react.useCallback(function(el) {
|
|
652
|
+
if (!el) return;
|
|
653
|
+
el.removeEventListener("wheel", onWheel, false);
|
|
654
|
+
el.removeEventListener("touchstart", onTouchStart, false);
|
|
655
|
+
el.removeEventListener("touchmove", onTouchMove, false);
|
|
656
|
+
}, [
|
|
657
|
+
onTouchMove,
|
|
658
|
+
onTouchStart,
|
|
659
|
+
onWheel
|
|
660
|
+
]);
|
|
661
|
+
require__global_external_react.useEffect(function() {
|
|
662
|
+
if (!isEnabled) return;
|
|
663
|
+
var element = scrollTarget.current;
|
|
664
|
+
startListening(element);
|
|
665
|
+
return function() {
|
|
666
|
+
stopListening(element);
|
|
667
|
+
};
|
|
668
|
+
}, [
|
|
669
|
+
isEnabled,
|
|
670
|
+
startListening,
|
|
671
|
+
stopListening
|
|
672
|
+
]);
|
|
673
|
+
return function(element) {
|
|
674
|
+
scrollTarget.current = element;
|
|
675
|
+
};
|
|
676
|
+
}
|
|
677
|
+
var STYLE_KEYS = [
|
|
678
|
+
"boxSizing",
|
|
679
|
+
"height",
|
|
680
|
+
"overflow",
|
|
681
|
+
"paddingRight",
|
|
682
|
+
"position"
|
|
683
|
+
];
|
|
684
|
+
var LOCK_STYLES = {
|
|
685
|
+
boxSizing: "border-box",
|
|
686
|
+
overflow: "hidden",
|
|
687
|
+
position: "relative",
|
|
688
|
+
height: "100%"
|
|
689
|
+
};
|
|
690
|
+
function preventTouchMove(e) {
|
|
691
|
+
if (e.cancelable) e.preventDefault();
|
|
692
|
+
}
|
|
693
|
+
function allowTouchMove(e) {
|
|
694
|
+
e.stopPropagation();
|
|
695
|
+
}
|
|
696
|
+
function preventInertiaScroll() {
|
|
697
|
+
var top = this.scrollTop;
|
|
698
|
+
var totalScroll = this.scrollHeight;
|
|
699
|
+
var currentScroll = top + this.offsetHeight;
|
|
700
|
+
if (top === 0) this.scrollTop = 1;
|
|
701
|
+
else if (currentScroll === totalScroll) this.scrollTop = top - 1;
|
|
702
|
+
}
|
|
703
|
+
function isTouchDevice() {
|
|
704
|
+
return "ontouchstart" in window || navigator.maxTouchPoints;
|
|
705
|
+
}
|
|
706
|
+
var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
|
|
707
|
+
var activeScrollLocks = 0;
|
|
708
|
+
var listenerOptions = {
|
|
709
|
+
capture: false,
|
|
710
|
+
passive: false
|
|
711
|
+
};
|
|
712
|
+
function useScrollLock(_ref) {
|
|
713
|
+
var isEnabled = _ref.isEnabled, _ref$accountForScroll = _ref.accountForScrollbars, accountForScrollbars = _ref$accountForScroll === void 0 ? true : _ref$accountForScroll;
|
|
714
|
+
var originalStyles = require__global_external_react.useRef({});
|
|
715
|
+
var scrollTarget = require__global_external_react.useRef(null);
|
|
716
|
+
var addScrollLock = require__global_external_react.useCallback(function(touchScrollTarget) {
|
|
717
|
+
if (!canUseDOM) return;
|
|
718
|
+
var target = document.body;
|
|
719
|
+
var targetStyle = target && target.style;
|
|
720
|
+
if (accountForScrollbars) STYLE_KEYS.forEach(function(key) {
|
|
721
|
+
var val = targetStyle && targetStyle[key];
|
|
722
|
+
originalStyles.current[key] = val;
|
|
723
|
+
});
|
|
724
|
+
if (accountForScrollbars && activeScrollLocks < 1) {
|
|
725
|
+
var currentPadding = parseInt(originalStyles.current.paddingRight, 10) || 0;
|
|
726
|
+
var clientWidth = document.body ? document.body.clientWidth : 0;
|
|
727
|
+
var adjustedPadding = window.innerWidth - clientWidth + currentPadding || 0;
|
|
728
|
+
Object.keys(LOCK_STYLES).forEach(function(key) {
|
|
729
|
+
var val = LOCK_STYLES[key];
|
|
730
|
+
if (targetStyle) targetStyle[key] = val;
|
|
731
|
+
});
|
|
732
|
+
if (targetStyle) targetStyle.paddingRight = "".concat(adjustedPadding, "px");
|
|
733
|
+
}
|
|
734
|
+
if (target && isTouchDevice()) {
|
|
735
|
+
target.addEventListener("touchmove", preventTouchMove, listenerOptions);
|
|
736
|
+
if (touchScrollTarget) {
|
|
737
|
+
touchScrollTarget.addEventListener("touchstart", preventInertiaScroll, listenerOptions);
|
|
738
|
+
touchScrollTarget.addEventListener("touchmove", allowTouchMove, listenerOptions);
|
|
739
|
+
}
|
|
740
|
+
}
|
|
741
|
+
activeScrollLocks += 1;
|
|
742
|
+
}, [accountForScrollbars]);
|
|
743
|
+
var removeScrollLock = require__global_external_react.useCallback(function(touchScrollTarget) {
|
|
744
|
+
if (!canUseDOM) return;
|
|
745
|
+
var target = document.body;
|
|
746
|
+
var targetStyle = target && target.style;
|
|
747
|
+
activeScrollLocks = Math.max(activeScrollLocks - 1, 0);
|
|
748
|
+
if (accountForScrollbars && activeScrollLocks < 1) STYLE_KEYS.forEach(function(key) {
|
|
749
|
+
var val = originalStyles.current[key];
|
|
750
|
+
if (targetStyle) targetStyle[key] = val;
|
|
751
|
+
});
|
|
752
|
+
if (target && isTouchDevice()) {
|
|
753
|
+
target.removeEventListener("touchmove", preventTouchMove, listenerOptions);
|
|
754
|
+
if (touchScrollTarget) {
|
|
755
|
+
touchScrollTarget.removeEventListener("touchstart", preventInertiaScroll, listenerOptions);
|
|
756
|
+
touchScrollTarget.removeEventListener("touchmove", allowTouchMove, listenerOptions);
|
|
757
|
+
}
|
|
758
|
+
}
|
|
759
|
+
}, [accountForScrollbars]);
|
|
760
|
+
require__global_external_react.useEffect(function() {
|
|
761
|
+
if (!isEnabled) return;
|
|
762
|
+
var element = scrollTarget.current;
|
|
763
|
+
addScrollLock(element);
|
|
764
|
+
return function() {
|
|
765
|
+
removeScrollLock(element);
|
|
766
|
+
};
|
|
767
|
+
}, [
|
|
768
|
+
isEnabled,
|
|
769
|
+
addScrollLock,
|
|
770
|
+
removeScrollLock
|
|
771
|
+
]);
|
|
772
|
+
return function(element) {
|
|
773
|
+
scrollTarget.current = element;
|
|
774
|
+
};
|
|
775
|
+
}
|
|
776
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__$1() {
|
|
777
|
+
return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
|
|
778
|
+
}
|
|
779
|
+
var blurSelectInput = function blurSelectInput(event) {
|
|
780
|
+
var element = event.target;
|
|
781
|
+
return element.ownerDocument.activeElement && element.ownerDocument.activeElement.blur();
|
|
782
|
+
};
|
|
783
|
+
var _ref2$1 = process.env.NODE_ENV === "production" ? {
|
|
784
|
+
name: "1kfdb0e",
|
|
785
|
+
styles: "position:fixed;left:0;bottom:0;right:0;top:0"
|
|
786
|
+
} : {
|
|
787
|
+
name: "bp8cua-ScrollManager",
|
|
788
|
+
styles: "position:fixed;left:0;bottom:0;right:0;top:0;label:ScrollManager;",
|
|
789
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNjcm9sbE1hbmFnZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EVSIsImZpbGUiOiJTY3JvbGxNYW5hZ2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHsganN4IH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgRnJhZ21lbnQsIFJlYWN0RWxlbWVudCwgUmVmQ2FsbGJhY2ssIE1vdXNlRXZlbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgdXNlU2Nyb2xsQ2FwdHVyZSBmcm9tICcuL3VzZVNjcm9sbENhcHR1cmUnO1xuaW1wb3J0IHVzZVNjcm9sbExvY2sgZnJvbSAnLi91c2VTY3JvbGxMb2NrJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgcmVhZG9ubHkgY2hpbGRyZW46IChyZWY6IFJlZkNhbGxiYWNrPEhUTUxFbGVtZW50PikgPT4gUmVhY3RFbGVtZW50O1xuICByZWFkb25seSBsb2NrRW5hYmxlZDogYm9vbGVhbjtcbiAgcmVhZG9ubHkgY2FwdHVyZUVuYWJsZWQ6IGJvb2xlYW47XG4gIHJlYWRvbmx5IG9uQm90dG9tQXJyaXZlPzogKGV2ZW50OiBXaGVlbEV2ZW50IHwgVG91Y2hFdmVudCkgPT4gdm9pZDtcbiAgcmVhZG9ubHkgb25Cb3R0b21MZWF2ZT86IChldmVudDogV2hlZWxFdmVudCB8IFRvdWNoRXZlbnQpID0+IHZvaWQ7XG4gIHJlYWRvbmx5IG9uVG9wQXJyaXZlPzogKGV2ZW50OiBXaGVlbEV2ZW50IHwgVG91Y2hFdmVudCkgPT4gdm9pZDtcbiAgcmVhZG9ubHkgb25Ub3BMZWF2ZT86IChldmVudDogV2hlZWxFdmVudCB8IFRvdWNoRXZlbnQpID0+IHZvaWQ7XG59XG5cbmNvbnN0IGJsdXJTZWxlY3RJbnB1dCA9IChldmVudDogTW91c2VFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgY29uc3QgZWxlbWVudCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MRGl2RWxlbWVudDtcbiAgcmV0dXJuIChcbiAgICBlbGVtZW50Lm93bmVyRG9jdW1lbnQuYWN0aXZlRWxlbWVudCAmJlxuICAgIChlbGVtZW50Lm93bmVyRG9jdW1lbnQuYWN0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudCkuYmx1cigpXG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBTY3JvbGxNYW5hZ2VyKHtcbiAgY2hpbGRyZW4sXG4gIGxvY2tFbmFibGVkLFxuICBjYXB0dXJlRW5hYmxlZCA9IHRydWUsXG4gIG9uQm90dG9tQXJyaXZlLFxuICBvbkJvdHRvbUxlYXZlLFxuICBvblRvcEFycml2ZSxcbiAgb25Ub3BMZWF2ZSxcbn06IFByb3BzKSB7XG4gIGNvbnN0IHNldFNjcm9sbENhcHR1cmVUYXJnZXQgPSB1c2VTY3JvbGxDYXB0dXJlKHtcbiAgICBpc0VuYWJsZWQ6IGNhcHR1cmVFbmFibGVkLFxuICAgIG9uQm90dG9tQXJyaXZlLFxuICAgIG9uQm90dG9tTGVhdmUsXG4gICAgb25Ub3BBcnJpdmUsXG4gICAgb25Ub3BMZWF2ZSxcbiAgfSk7XG4gIGNvbnN0IHNldFNjcm9sbExvY2tUYXJnZXQgPSB1c2VTY3JvbGxMb2NrKHsgaXNFbmFibGVkOiBsb2NrRW5hYmxlZCB9KTtcblxuICBjb25zdCB0YXJnZXRSZWY6IFJlZkNhbGxiYWNrPEhUTUxFbGVtZW50PiA9IChlbGVtZW50KSA9PiB7XG4gICAgc2V0U2Nyb2xsQ2FwdHVyZVRhcmdldChlbGVtZW50KTtcbiAgICBzZXRTY3JvbGxMb2NrVGFyZ2V0KGVsZW1lbnQpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEZyYWdtZW50PlxuICAgICAge2xvY2tFbmFibGVkICYmIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIG9uQ2xpY2s9e2JsdXJTZWxlY3RJbnB1dH1cbiAgICAgICAgICBjc3M9e3sgcG9zaXRpb246ICdmaXhlZCcsIGxlZnQ6IDAsIGJvdHRvbTogMCwgcmlnaHQ6IDAsIHRvcDogMCB9fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIHtjaGlsZHJlbih0YXJnZXRSZWYpfVxuICAgIDwvRnJhZ21lbnQ+XG4gICk7XG59XG4iXX0= */",
|
|
790
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
|
|
791
|
+
};
|
|
792
|
+
function ScrollManager(_ref) {
|
|
793
|
+
var children = _ref.children, lockEnabled = _ref.lockEnabled, _ref$captureEnabled = _ref.captureEnabled, captureEnabled = _ref$captureEnabled === void 0 ? true : _ref$captureEnabled, onBottomArrive = _ref.onBottomArrive, onBottomLeave = _ref.onBottomLeave, onTopArrive = _ref.onTopArrive, onTopLeave = _ref.onTopLeave;
|
|
794
|
+
var setScrollCaptureTarget = useScrollCapture({
|
|
795
|
+
isEnabled: captureEnabled,
|
|
796
|
+
onBottomArrive,
|
|
797
|
+
onBottomLeave,
|
|
798
|
+
onTopArrive,
|
|
799
|
+
onTopLeave
|
|
800
|
+
});
|
|
801
|
+
var setScrollLockTarget = useScrollLock({ isEnabled: lockEnabled });
|
|
802
|
+
return require_emotion_react_browser_esm.createElement(require__global_external_react.Fragment, null, lockEnabled && require_emotion_react_browser_esm.createElement("div", {
|
|
803
|
+
onClick: blurSelectInput,
|
|
804
|
+
css: _ref2$1
|
|
805
|
+
}), children(function targetRef(element) {
|
|
806
|
+
setScrollCaptureTarget(element);
|
|
807
|
+
setScrollLockTarget(element);
|
|
808
|
+
}));
|
|
809
|
+
}
|
|
810
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() {
|
|
811
|
+
return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
|
|
812
|
+
}
|
|
813
|
+
var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
814
|
+
name: "1a0ro4n-requiredInput",
|
|
815
|
+
styles: "label:requiredInput;opacity:0;pointer-events:none;position:absolute;bottom:0;left:0;right:0;width:100%"
|
|
816
|
+
} : {
|
|
817
|
+
name: "5kkxb2-requiredInput-RequiredInput",
|
|
818
|
+
styles: "label:requiredInput;opacity:0;pointer-events:none;position:absolute;bottom:0;left:0;right:0;width:100%;label:RequiredInput;",
|
|
819
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlcXVpcmVkSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNJIiwiZmlsZSI6IlJlcXVpcmVkSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyBGb2N1c0V2ZW50SGFuZGxlciwgRnVuY3Rpb25Db21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3ggfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IFJlcXVpcmVkSW5wdXQ6IEZ1bmN0aW9uQ29tcG9uZW50PHtcbiAgcmVhZG9ubHkgbmFtZT86IHN0cmluZztcbiAgcmVhZG9ubHkgb25Gb2N1czogRm9jdXNFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD47XG59PiA9ICh7IG5hbWUsIG9uRm9jdXMgfSkgPT4gKFxuICA8aW5wdXRcbiAgICByZXF1aXJlZFxuICAgIG5hbWU9e25hbWV9XG4gICAgdGFiSW5kZXg9ey0xfVxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICBjc3M9e3tcbiAgICAgIGxhYmVsOiAncmVxdWlyZWRJbnB1dCcsXG4gICAgICBvcGFjaXR5OiAwLFxuICAgICAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICBib3R0b206IDAsXG4gICAgICBsZWZ0OiAwLFxuICAgICAgcmlnaHQ6IDAsXG4gICAgICB3aWR0aDogJzEwMCUnLFxuICAgIH19XG4gICAgLy8gUHJldmVudCBgU3dpdGNoaW5nIGZyb20gdW5jb250cm9sbGVkIHRvIGNvbnRyb2xsZWRgIGVycm9yXG4gICAgdmFsdWU9XCJcIlxuICAgIG9uQ2hhbmdlPXsoKSA9PiB7fX1cbiAgLz5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IFJlcXVpcmVkSW5wdXQ7XG4iXX0= */",
|
|
820
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
821
|
+
};
|
|
822
|
+
var RequiredInput$1 = function RequiredInput(_ref) {
|
|
823
|
+
var name = _ref.name, onFocus = _ref.onFocus;
|
|
824
|
+
return require_emotion_react_browser_esm.createElement("input", {
|
|
825
|
+
required: true,
|
|
826
|
+
name,
|
|
827
|
+
tabIndex: -1,
|
|
828
|
+
"aria-hidden": "true",
|
|
829
|
+
onFocus,
|
|
830
|
+
css: _ref2,
|
|
831
|
+
value: "",
|
|
832
|
+
onChange: function onChange() {}
|
|
833
|
+
});
|
|
834
|
+
};
|
|
835
|
+
function testPlatform(re) {
|
|
836
|
+
var _window$navigator$use;
|
|
837
|
+
return typeof window !== "undefined" && window.navigator != null ? re.test(((_window$navigator$use = window.navigator["userAgentData"]) === null || _window$navigator$use === void 0 ? void 0 : _window$navigator$use.platform) || window.navigator.platform) : false;
|
|
838
|
+
}
|
|
839
|
+
function isIPhone() {
|
|
840
|
+
return testPlatform(/^iPhone/i);
|
|
841
|
+
}
|
|
842
|
+
function isMac() {
|
|
843
|
+
return testPlatform(/^Mac/i);
|
|
844
|
+
}
|
|
845
|
+
function isIPad() {
|
|
846
|
+
return testPlatform(/^iPad/i) || isMac() && navigator.maxTouchPoints > 1;
|
|
847
|
+
}
|
|
848
|
+
function isIOS() {
|
|
849
|
+
return isIPhone() || isIPad();
|
|
850
|
+
}
|
|
851
|
+
function isAppleDevice() {
|
|
852
|
+
return isMac() || isIOS();
|
|
853
|
+
}
|
|
854
|
+
var formatGroupLabel = function formatGroupLabel(group) {
|
|
855
|
+
return group.label;
|
|
856
|
+
};
|
|
857
|
+
var getOptionLabel$1 = function getOptionLabel(option) {
|
|
858
|
+
return option.label;
|
|
859
|
+
};
|
|
860
|
+
var getOptionValue$1 = function getOptionValue(option) {
|
|
861
|
+
return option.value;
|
|
862
|
+
};
|
|
863
|
+
var isOptionDisabled = function isOptionDisabled(option) {
|
|
864
|
+
return !!option.isDisabled;
|
|
865
|
+
};
|
|
866
|
+
var defaultStyles = {
|
|
867
|
+
clearIndicator: require_index_641ee5b8_esm.a,
|
|
868
|
+
container: require_index_641ee5b8_esm.b,
|
|
869
|
+
control: require_index_641ee5b8_esm.d,
|
|
870
|
+
dropdownIndicator: require_index_641ee5b8_esm.e,
|
|
871
|
+
group: require_index_641ee5b8_esm.g,
|
|
872
|
+
groupHeading: require_index_641ee5b8_esm.f,
|
|
873
|
+
indicatorsContainer: require_index_641ee5b8_esm.i,
|
|
874
|
+
indicatorSeparator: require_index_641ee5b8_esm.h,
|
|
875
|
+
input: require_index_641ee5b8_esm.j,
|
|
876
|
+
loadingIndicator: require_index_641ee5b8_esm.l,
|
|
877
|
+
loadingMessage: require_index_641ee5b8_esm.k,
|
|
878
|
+
menu: require_index_641ee5b8_esm.m,
|
|
879
|
+
menuList: require_index_641ee5b8_esm.n,
|
|
880
|
+
menuPortal: require_index_641ee5b8_esm.o,
|
|
881
|
+
multiValue: require_index_641ee5b8_esm.p,
|
|
882
|
+
multiValueLabel: require_index_641ee5b8_esm.q,
|
|
883
|
+
multiValueRemove: require_index_641ee5b8_esm.t,
|
|
884
|
+
noOptionsMessage: require_index_641ee5b8_esm.u,
|
|
885
|
+
option: require_index_641ee5b8_esm.v,
|
|
886
|
+
placeholder: require_index_641ee5b8_esm.w,
|
|
887
|
+
singleValue: require_index_641ee5b8_esm.x,
|
|
888
|
+
valueContainer: require_index_641ee5b8_esm.y
|
|
889
|
+
};
|
|
890
|
+
var colors = {
|
|
891
|
+
primary: "#2684FF",
|
|
892
|
+
primary75: "#4C9AFF",
|
|
893
|
+
primary50: "#B2D4FF",
|
|
894
|
+
primary25: "#DEEBFF",
|
|
895
|
+
danger: "#DE350B",
|
|
896
|
+
dangerLight: "#FFBDAD",
|
|
897
|
+
neutral0: "hsl(0, 0%, 100%)",
|
|
898
|
+
neutral5: "hsl(0, 0%, 95%)",
|
|
899
|
+
neutral10: "hsl(0, 0%, 90%)",
|
|
900
|
+
neutral20: "hsl(0, 0%, 80%)",
|
|
901
|
+
neutral30: "hsl(0, 0%, 70%)",
|
|
902
|
+
neutral40: "hsl(0, 0%, 60%)",
|
|
903
|
+
neutral50: "hsl(0, 0%, 50%)",
|
|
904
|
+
neutral60: "hsl(0, 0%, 40%)",
|
|
905
|
+
neutral70: "hsl(0, 0%, 30%)",
|
|
906
|
+
neutral80: "hsl(0, 0%, 20%)",
|
|
907
|
+
neutral90: "hsl(0, 0%, 10%)"
|
|
908
|
+
};
|
|
909
|
+
var borderRadius = 4;
|
|
910
|
+
var baseUnit = 4;
|
|
911
|
+
var defaultTheme = {
|
|
912
|
+
borderRadius,
|
|
913
|
+
colors,
|
|
914
|
+
spacing: {
|
|
915
|
+
baseUnit,
|
|
916
|
+
controlHeight: 38,
|
|
917
|
+
menuGutter: baseUnit * 2
|
|
918
|
+
}
|
|
919
|
+
};
|
|
920
|
+
var defaultProps = {
|
|
921
|
+
"aria-live": "polite",
|
|
922
|
+
backspaceRemovesValue: true,
|
|
923
|
+
blurInputOnSelect: require_index_641ee5b8_esm.z(),
|
|
924
|
+
captureMenuScroll: !require_index_641ee5b8_esm.z(),
|
|
925
|
+
classNames: {},
|
|
926
|
+
closeMenuOnSelect: true,
|
|
927
|
+
closeMenuOnScroll: false,
|
|
928
|
+
components: {},
|
|
929
|
+
controlShouldRenderValue: true,
|
|
930
|
+
escapeClearsValue: false,
|
|
931
|
+
filterOption: createFilter(),
|
|
932
|
+
formatGroupLabel,
|
|
933
|
+
getOptionLabel: getOptionLabel$1,
|
|
934
|
+
getOptionValue: getOptionValue$1,
|
|
935
|
+
isDisabled: false,
|
|
936
|
+
isLoading: false,
|
|
937
|
+
isMulti: false,
|
|
938
|
+
isRtl: false,
|
|
939
|
+
isSearchable: true,
|
|
940
|
+
isOptionDisabled,
|
|
941
|
+
loadingMessage: function loadingMessage() {
|
|
942
|
+
return "Loading...";
|
|
943
|
+
},
|
|
944
|
+
maxMenuHeight: 300,
|
|
945
|
+
minMenuHeight: 140,
|
|
946
|
+
menuIsOpen: false,
|
|
947
|
+
menuPlacement: "bottom",
|
|
948
|
+
menuPosition: "absolute",
|
|
949
|
+
menuShouldBlockScroll: false,
|
|
950
|
+
menuShouldScrollIntoView: !require_index_641ee5b8_esm.A(),
|
|
951
|
+
noOptionsMessage: function noOptionsMessage() {
|
|
952
|
+
return "No options";
|
|
953
|
+
},
|
|
954
|
+
openMenuOnFocus: false,
|
|
955
|
+
openMenuOnClick: true,
|
|
956
|
+
options: [],
|
|
957
|
+
pageSize: 5,
|
|
958
|
+
placeholder: "Select...",
|
|
959
|
+
screenReaderStatus: function screenReaderStatus(_ref) {
|
|
960
|
+
var count = _ref.count;
|
|
961
|
+
return "".concat(count, " result").concat(count !== 1 ? "s" : "", " available");
|
|
962
|
+
},
|
|
963
|
+
styles: {},
|
|
964
|
+
tabIndex: 0,
|
|
965
|
+
tabSelectsValue: true,
|
|
966
|
+
unstyled: false
|
|
967
|
+
};
|
|
968
|
+
function toCategorizedOption(props, option, selectValue, index) {
|
|
969
|
+
return {
|
|
970
|
+
type: "option",
|
|
971
|
+
data: option,
|
|
972
|
+
isDisabled: _isOptionDisabled(props, option, selectValue),
|
|
973
|
+
isSelected: _isOptionSelected(props, option, selectValue),
|
|
974
|
+
label: getOptionLabel(props, option),
|
|
975
|
+
value: getOptionValue(props, option),
|
|
976
|
+
index
|
|
977
|
+
};
|
|
978
|
+
}
|
|
979
|
+
function buildCategorizedOptions(props, selectValue) {
|
|
980
|
+
return props.options.map(function(groupOrOption, groupOrOptionIndex) {
|
|
981
|
+
if ("options" in groupOrOption) {
|
|
982
|
+
var categorizedOptions = groupOrOption.options.map(function(option, optionIndex) {
|
|
983
|
+
return toCategorizedOption(props, option, selectValue, optionIndex);
|
|
984
|
+
}).filter(function(categorizedOption) {
|
|
985
|
+
return isFocusable(props, categorizedOption);
|
|
986
|
+
});
|
|
987
|
+
return categorizedOptions.length > 0 ? {
|
|
988
|
+
type: "group",
|
|
989
|
+
data: groupOrOption,
|
|
990
|
+
options: categorizedOptions,
|
|
991
|
+
index: groupOrOptionIndex
|
|
992
|
+
} : void 0;
|
|
993
|
+
}
|
|
994
|
+
var categorizedOption = toCategorizedOption(props, groupOrOption, selectValue, groupOrOptionIndex);
|
|
995
|
+
return isFocusable(props, categorizedOption) ? categorizedOption : void 0;
|
|
996
|
+
}).filter(require_index_641ee5b8_esm.K);
|
|
997
|
+
}
|
|
998
|
+
function buildFocusableOptionsFromCategorizedOptions(categorizedOptions) {
|
|
999
|
+
return categorizedOptions.reduce(function(optionsAccumulator, categorizedOption) {
|
|
1000
|
+
if (categorizedOption.type === "group") optionsAccumulator.push.apply(optionsAccumulator, require_toConsumableArray.default(categorizedOption.options.map(function(option) {
|
|
1001
|
+
return option.data;
|
|
1002
|
+
})));
|
|
1003
|
+
else optionsAccumulator.push(categorizedOption.data);
|
|
1004
|
+
return optionsAccumulator;
|
|
1005
|
+
}, []);
|
|
1006
|
+
}
|
|
1007
|
+
function buildFocusableOptionsWithIds(categorizedOptions, optionId) {
|
|
1008
|
+
return categorizedOptions.reduce(function(optionsAccumulator, categorizedOption) {
|
|
1009
|
+
if (categorizedOption.type === "group") optionsAccumulator.push.apply(optionsAccumulator, require_toConsumableArray.default(categorizedOption.options.map(function(option) {
|
|
1010
|
+
return {
|
|
1011
|
+
data: option.data,
|
|
1012
|
+
id: "".concat(optionId, "-").concat(categorizedOption.index, "-").concat(option.index)
|
|
1013
|
+
};
|
|
1014
|
+
})));
|
|
1015
|
+
else optionsAccumulator.push({
|
|
1016
|
+
data: categorizedOption.data,
|
|
1017
|
+
id: "".concat(optionId, "-").concat(categorizedOption.index)
|
|
1018
|
+
});
|
|
1019
|
+
return optionsAccumulator;
|
|
1020
|
+
}, []);
|
|
1021
|
+
}
|
|
1022
|
+
function buildFocusableOptions(props, selectValue) {
|
|
1023
|
+
return buildFocusableOptionsFromCategorizedOptions(buildCategorizedOptions(props, selectValue));
|
|
1024
|
+
}
|
|
1025
|
+
function isFocusable(props, categorizedOption) {
|
|
1026
|
+
var _props$inputValue = props.inputValue, inputValue = _props$inputValue === void 0 ? "" : _props$inputValue;
|
|
1027
|
+
var data = categorizedOption.data, isSelected = categorizedOption.isSelected, label = categorizedOption.label, value = categorizedOption.value;
|
|
1028
|
+
return (!shouldHideSelectedOptions(props) || !isSelected) && _filterOption(props, {
|
|
1029
|
+
label,
|
|
1030
|
+
value,
|
|
1031
|
+
data
|
|
1032
|
+
}, inputValue);
|
|
1033
|
+
}
|
|
1034
|
+
function getNextFocusedValue(state, nextSelectValue) {
|
|
1035
|
+
var focusedValue = state.focusedValue;
|
|
1036
|
+
var lastFocusedIndex = state.selectValue.indexOf(focusedValue);
|
|
1037
|
+
if (lastFocusedIndex > -1) {
|
|
1038
|
+
if (nextSelectValue.indexOf(focusedValue) > -1) return focusedValue;
|
|
1039
|
+
else if (lastFocusedIndex < nextSelectValue.length) return nextSelectValue[lastFocusedIndex];
|
|
1040
|
+
}
|
|
1041
|
+
return null;
|
|
1042
|
+
}
|
|
1043
|
+
function getNextFocusedOption(state, options) {
|
|
1044
|
+
var lastFocusedOption = state.focusedOption;
|
|
1045
|
+
return lastFocusedOption && options.indexOf(lastFocusedOption) > -1 ? lastFocusedOption : options[0];
|
|
1046
|
+
}
|
|
1047
|
+
var getFocusedOptionId = function getFocusedOptionId(focusableOptionsWithIds, focusedOption) {
|
|
1048
|
+
var _focusableOptionsWith;
|
|
1049
|
+
return ((_focusableOptionsWith = focusableOptionsWithIds.find(function(option) {
|
|
1050
|
+
return option.data === focusedOption;
|
|
1051
|
+
})) === null || _focusableOptionsWith === void 0 ? void 0 : _focusableOptionsWith.id) || null;
|
|
1052
|
+
};
|
|
1053
|
+
var getOptionLabel = function getOptionLabel(props, data) {
|
|
1054
|
+
return props.getOptionLabel(data);
|
|
1055
|
+
};
|
|
1056
|
+
var getOptionValue = function getOptionValue(props, data) {
|
|
1057
|
+
return props.getOptionValue(data);
|
|
1058
|
+
};
|
|
1059
|
+
function _isOptionDisabled(props, option, selectValue) {
|
|
1060
|
+
return typeof props.isOptionDisabled === "function" ? props.isOptionDisabled(option, selectValue) : false;
|
|
1061
|
+
}
|
|
1062
|
+
function _isOptionSelected(props, option, selectValue) {
|
|
1063
|
+
if (selectValue.indexOf(option) > -1) return true;
|
|
1064
|
+
if (typeof props.isOptionSelected === "function") return props.isOptionSelected(option, selectValue);
|
|
1065
|
+
var candidate = getOptionValue(props, option);
|
|
1066
|
+
return selectValue.some(function(i) {
|
|
1067
|
+
return getOptionValue(props, i) === candidate;
|
|
1068
|
+
});
|
|
1069
|
+
}
|
|
1070
|
+
function _filterOption(props, option, inputValue) {
|
|
1071
|
+
return props.filterOption ? props.filterOption(option, inputValue) : true;
|
|
1072
|
+
}
|
|
1073
|
+
var shouldHideSelectedOptions = function shouldHideSelectedOptions(props) {
|
|
1074
|
+
var hideSelectedOptions = props.hideSelectedOptions, isMulti = props.isMulti;
|
|
1075
|
+
if (hideSelectedOptions === void 0) return isMulti;
|
|
1076
|
+
return hideSelectedOptions;
|
|
1077
|
+
};
|
|
1078
|
+
var instanceId = 1;
|
|
1079
|
+
var Select = /*#__PURE__*/ function(_Component) {
|
|
1080
|
+
require_inherits.default(Select, _Component);
|
|
1081
|
+
var _super = require_createSuper.default(Select);
|
|
1082
|
+
function Select(_props) {
|
|
1083
|
+
var _this;
|
|
1084
|
+
require_classCallCheck.default(this, Select);
|
|
1085
|
+
_this = _super.call(this, _props);
|
|
1086
|
+
_this.state = {
|
|
1087
|
+
ariaSelection: null,
|
|
1088
|
+
focusedOption: null,
|
|
1089
|
+
focusedOptionId: null,
|
|
1090
|
+
focusableOptionsWithIds: [],
|
|
1091
|
+
focusedValue: null,
|
|
1092
|
+
inputIsHidden: false,
|
|
1093
|
+
isFocused: false,
|
|
1094
|
+
selectValue: [],
|
|
1095
|
+
clearFocusValueOnUpdate: false,
|
|
1096
|
+
prevWasFocused: false,
|
|
1097
|
+
inputIsHiddenAfterUpdate: void 0,
|
|
1098
|
+
prevProps: void 0,
|
|
1099
|
+
instancePrefix: "",
|
|
1100
|
+
isAppleDevice: false
|
|
1101
|
+
};
|
|
1102
|
+
_this.blockOptionHover = false;
|
|
1103
|
+
_this.isComposing = false;
|
|
1104
|
+
_this.commonProps = void 0;
|
|
1105
|
+
_this.initialTouchX = 0;
|
|
1106
|
+
_this.initialTouchY = 0;
|
|
1107
|
+
_this.openAfterFocus = false;
|
|
1108
|
+
_this.scrollToFocusedOptionOnUpdate = false;
|
|
1109
|
+
_this.userIsDragging = void 0;
|
|
1110
|
+
_this.controlRef = null;
|
|
1111
|
+
_this.getControlRef = function(ref) {
|
|
1112
|
+
_this.controlRef = ref;
|
|
1113
|
+
};
|
|
1114
|
+
_this.focusedOptionRef = null;
|
|
1115
|
+
_this.getFocusedOptionRef = function(ref) {
|
|
1116
|
+
_this.focusedOptionRef = ref;
|
|
1117
|
+
};
|
|
1118
|
+
_this.menuListRef = null;
|
|
1119
|
+
_this.getMenuListRef = function(ref) {
|
|
1120
|
+
_this.menuListRef = ref;
|
|
1121
|
+
};
|
|
1122
|
+
_this.inputRef = null;
|
|
1123
|
+
_this.getInputRef = function(ref) {
|
|
1124
|
+
_this.inputRef = ref;
|
|
1125
|
+
};
|
|
1126
|
+
_this.focus = _this.focusInput;
|
|
1127
|
+
_this.blur = _this.blurInput;
|
|
1128
|
+
_this.onChange = function(newValue, actionMeta) {
|
|
1129
|
+
var _this$props = _this.props, onChange = _this$props.onChange;
|
|
1130
|
+
actionMeta.name = _this$props.name;
|
|
1131
|
+
_this.ariaOnChange(newValue, actionMeta);
|
|
1132
|
+
onChange(newValue, actionMeta);
|
|
1133
|
+
};
|
|
1134
|
+
_this.setValue = function(newValue, action, option) {
|
|
1135
|
+
var _this$props2 = _this.props, closeMenuOnSelect = _this$props2.closeMenuOnSelect, isMulti = _this$props2.isMulti, inputValue = _this$props2.inputValue;
|
|
1136
|
+
_this.onInputChange("", {
|
|
1137
|
+
action: "set-value",
|
|
1138
|
+
prevInputValue: inputValue
|
|
1139
|
+
});
|
|
1140
|
+
if (closeMenuOnSelect) {
|
|
1141
|
+
_this.setState({ inputIsHiddenAfterUpdate: !isMulti });
|
|
1142
|
+
_this.onMenuClose();
|
|
1143
|
+
}
|
|
1144
|
+
_this.setState({ clearFocusValueOnUpdate: true });
|
|
1145
|
+
_this.onChange(newValue, {
|
|
1146
|
+
action,
|
|
1147
|
+
option
|
|
1148
|
+
});
|
|
1149
|
+
};
|
|
1150
|
+
_this.selectOption = function(newValue) {
|
|
1151
|
+
var _this$props3 = _this.props, blurInputOnSelect = _this$props3.blurInputOnSelect, isMulti = _this$props3.isMulti, name = _this$props3.name;
|
|
1152
|
+
var selectValue = _this.state.selectValue;
|
|
1153
|
+
var deselected = isMulti && _this.isOptionSelected(newValue, selectValue);
|
|
1154
|
+
var isDisabled = _this.isOptionDisabled(newValue, selectValue);
|
|
1155
|
+
if (deselected) {
|
|
1156
|
+
var candidate = _this.getOptionValue(newValue);
|
|
1157
|
+
_this.setValue(require_index_641ee5b8_esm.B(selectValue.filter(function(i) {
|
|
1158
|
+
return _this.getOptionValue(i) !== candidate;
|
|
1159
|
+
})), "deselect-option", newValue);
|
|
1160
|
+
} else if (!isDisabled) if (isMulti) _this.setValue(require_index_641ee5b8_esm.B([].concat(require_toConsumableArray.default(selectValue), [newValue])), "select-option", newValue);
|
|
1161
|
+
else _this.setValue(require_index_641ee5b8_esm.C(newValue), "select-option");
|
|
1162
|
+
else {
|
|
1163
|
+
_this.ariaOnChange(require_index_641ee5b8_esm.C(newValue), {
|
|
1164
|
+
action: "select-option",
|
|
1165
|
+
option: newValue,
|
|
1166
|
+
name
|
|
1167
|
+
});
|
|
1168
|
+
return;
|
|
1169
|
+
}
|
|
1170
|
+
if (blurInputOnSelect) _this.blurInput();
|
|
1171
|
+
};
|
|
1172
|
+
_this.removeValue = function(removedValue) {
|
|
1173
|
+
var isMulti = _this.props.isMulti;
|
|
1174
|
+
var selectValue = _this.state.selectValue;
|
|
1175
|
+
var candidate = _this.getOptionValue(removedValue);
|
|
1176
|
+
var newValueArray = selectValue.filter(function(i) {
|
|
1177
|
+
return _this.getOptionValue(i) !== candidate;
|
|
1178
|
+
});
|
|
1179
|
+
var newValue = require_index_641ee5b8_esm.D(isMulti, newValueArray, newValueArray[0] || null);
|
|
1180
|
+
_this.onChange(newValue, {
|
|
1181
|
+
action: "remove-value",
|
|
1182
|
+
removedValue
|
|
1183
|
+
});
|
|
1184
|
+
_this.focusInput();
|
|
1185
|
+
};
|
|
1186
|
+
_this.clearValue = function() {
|
|
1187
|
+
var selectValue = _this.state.selectValue;
|
|
1188
|
+
_this.onChange(require_index_641ee5b8_esm.D(_this.props.isMulti, [], null), {
|
|
1189
|
+
action: "clear",
|
|
1190
|
+
removedValues: selectValue
|
|
1191
|
+
});
|
|
1192
|
+
};
|
|
1193
|
+
_this.popValue = function() {
|
|
1194
|
+
var isMulti = _this.props.isMulti;
|
|
1195
|
+
var selectValue = _this.state.selectValue;
|
|
1196
|
+
var lastSelectedValue = selectValue[selectValue.length - 1];
|
|
1197
|
+
var newValueArray = selectValue.slice(0, selectValue.length - 1);
|
|
1198
|
+
var newValue = require_index_641ee5b8_esm.D(isMulti, newValueArray, newValueArray[0] || null);
|
|
1199
|
+
if (lastSelectedValue) _this.onChange(newValue, {
|
|
1200
|
+
action: "pop-value",
|
|
1201
|
+
removedValue: lastSelectedValue
|
|
1202
|
+
});
|
|
1203
|
+
};
|
|
1204
|
+
_this.getFocusedOptionId = function(focusedOption) {
|
|
1205
|
+
return getFocusedOptionId(_this.state.focusableOptionsWithIds, focusedOption);
|
|
1206
|
+
};
|
|
1207
|
+
_this.getFocusableOptionsWithIds = function() {
|
|
1208
|
+
return buildFocusableOptionsWithIds(buildCategorizedOptions(_this.props, _this.state.selectValue), _this.getElementId("option"));
|
|
1209
|
+
};
|
|
1210
|
+
_this.getValue = function() {
|
|
1211
|
+
return _this.state.selectValue;
|
|
1212
|
+
};
|
|
1213
|
+
_this.cx = function() {
|
|
1214
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
|
|
1215
|
+
return require_index_641ee5b8_esm.E.apply(void 0, [_this.props.classNamePrefix].concat(args));
|
|
1216
|
+
};
|
|
1217
|
+
_this.getOptionLabel = function(data) {
|
|
1218
|
+
return getOptionLabel(_this.props, data);
|
|
1219
|
+
};
|
|
1220
|
+
_this.getOptionValue = function(data) {
|
|
1221
|
+
return getOptionValue(_this.props, data);
|
|
1222
|
+
};
|
|
1223
|
+
_this.getStyles = function(key, props) {
|
|
1224
|
+
var unstyled = _this.props.unstyled;
|
|
1225
|
+
var base = defaultStyles[key](props, unstyled);
|
|
1226
|
+
base.boxSizing = "border-box";
|
|
1227
|
+
var custom = _this.props.styles[key];
|
|
1228
|
+
return custom ? custom(base, props) : base;
|
|
1229
|
+
};
|
|
1230
|
+
_this.getClassNames = function(key, props) {
|
|
1231
|
+
var _this$props$className, _this$props$className2;
|
|
1232
|
+
return (_this$props$className = (_this$props$className2 = _this.props.classNames)[key]) === null || _this$props$className === void 0 ? void 0 : _this$props$className.call(_this$props$className2, props);
|
|
1233
|
+
};
|
|
1234
|
+
_this.getElementId = function(element) {
|
|
1235
|
+
return "".concat(_this.state.instancePrefix, "-").concat(element);
|
|
1236
|
+
};
|
|
1237
|
+
_this.getComponents = function() {
|
|
1238
|
+
return require_index_641ee5b8_esm.F(_this.props);
|
|
1239
|
+
};
|
|
1240
|
+
_this.buildCategorizedOptions = function() {
|
|
1241
|
+
return buildCategorizedOptions(_this.props, _this.state.selectValue);
|
|
1242
|
+
};
|
|
1243
|
+
_this.getCategorizedOptions = function() {
|
|
1244
|
+
return _this.props.menuIsOpen ? _this.buildCategorizedOptions() : [];
|
|
1245
|
+
};
|
|
1246
|
+
_this.buildFocusableOptions = function() {
|
|
1247
|
+
return buildFocusableOptionsFromCategorizedOptions(_this.buildCategorizedOptions());
|
|
1248
|
+
};
|
|
1249
|
+
_this.getFocusableOptions = function() {
|
|
1250
|
+
return _this.props.menuIsOpen ? _this.buildFocusableOptions() : [];
|
|
1251
|
+
};
|
|
1252
|
+
_this.ariaOnChange = function(value, actionMeta) {
|
|
1253
|
+
_this.setState({ ariaSelection: require_objectSpread2.default({ value }, actionMeta) });
|
|
1254
|
+
};
|
|
1255
|
+
_this.onMenuMouseDown = function(event) {
|
|
1256
|
+
if (event.button !== 0) return;
|
|
1257
|
+
event.stopPropagation();
|
|
1258
|
+
event.preventDefault();
|
|
1259
|
+
_this.focusInput();
|
|
1260
|
+
};
|
|
1261
|
+
_this.onMenuMouseMove = function(event) {
|
|
1262
|
+
_this.blockOptionHover = false;
|
|
1263
|
+
};
|
|
1264
|
+
_this.onControlMouseDown = function(event) {
|
|
1265
|
+
if (event.defaultPrevented) return;
|
|
1266
|
+
var openMenuOnClick = _this.props.openMenuOnClick;
|
|
1267
|
+
if (!_this.state.isFocused) {
|
|
1268
|
+
if (openMenuOnClick) _this.openAfterFocus = true;
|
|
1269
|
+
_this.focusInput();
|
|
1270
|
+
} else if (!_this.props.menuIsOpen) {
|
|
1271
|
+
if (openMenuOnClick) _this.openMenu("first");
|
|
1272
|
+
} else if (event.target.tagName !== "INPUT" && event.target.tagName !== "TEXTAREA") _this.onMenuClose();
|
|
1273
|
+
if (event.target.tagName !== "INPUT" && event.target.tagName !== "TEXTAREA") event.preventDefault();
|
|
1274
|
+
};
|
|
1275
|
+
_this.onDropdownIndicatorMouseDown = function(event) {
|
|
1276
|
+
if (event && event.type === "mousedown" && event.button !== 0) return;
|
|
1277
|
+
if (_this.props.isDisabled) return;
|
|
1278
|
+
var _this$props4 = _this.props, isMulti = _this$props4.isMulti, menuIsOpen = _this$props4.menuIsOpen;
|
|
1279
|
+
_this.focusInput();
|
|
1280
|
+
if (menuIsOpen) {
|
|
1281
|
+
_this.setState({ inputIsHiddenAfterUpdate: !isMulti });
|
|
1282
|
+
_this.onMenuClose();
|
|
1283
|
+
} else _this.openMenu("first");
|
|
1284
|
+
event.preventDefault();
|
|
1285
|
+
};
|
|
1286
|
+
_this.onClearIndicatorMouseDown = function(event) {
|
|
1287
|
+
if (event && event.type === "mousedown" && event.button !== 0) return;
|
|
1288
|
+
_this.clearValue();
|
|
1289
|
+
event.preventDefault();
|
|
1290
|
+
_this.openAfterFocus = false;
|
|
1291
|
+
if (event.type === "touchend") _this.focusInput();
|
|
1292
|
+
else setTimeout(function() {
|
|
1293
|
+
return _this.focusInput();
|
|
1294
|
+
});
|
|
1295
|
+
};
|
|
1296
|
+
_this.onScroll = function(event) {
|
|
1297
|
+
if (typeof _this.props.closeMenuOnScroll === "boolean") {
|
|
1298
|
+
if (event.target instanceof HTMLElement && require_index_641ee5b8_esm.G(event.target)) _this.props.onMenuClose();
|
|
1299
|
+
} else if (typeof _this.props.closeMenuOnScroll === "function") {
|
|
1300
|
+
if (_this.props.closeMenuOnScroll(event)) _this.props.onMenuClose();
|
|
1301
|
+
}
|
|
1302
|
+
};
|
|
1303
|
+
_this.onCompositionStart = function() {
|
|
1304
|
+
_this.isComposing = true;
|
|
1305
|
+
};
|
|
1306
|
+
_this.onCompositionEnd = function() {
|
|
1307
|
+
_this.isComposing = false;
|
|
1308
|
+
};
|
|
1309
|
+
_this.onTouchStart = function(_ref2) {
|
|
1310
|
+
var touches = _ref2.touches;
|
|
1311
|
+
var touch = touches && touches.item(0);
|
|
1312
|
+
if (!touch) return;
|
|
1313
|
+
_this.initialTouchX = touch.clientX;
|
|
1314
|
+
_this.initialTouchY = touch.clientY;
|
|
1315
|
+
_this.userIsDragging = false;
|
|
1316
|
+
};
|
|
1317
|
+
_this.onTouchMove = function(_ref3) {
|
|
1318
|
+
var touches = _ref3.touches;
|
|
1319
|
+
var touch = touches && touches.item(0);
|
|
1320
|
+
if (!touch) return;
|
|
1321
|
+
var deltaX = Math.abs(touch.clientX - _this.initialTouchX);
|
|
1322
|
+
var deltaY = Math.abs(touch.clientY - _this.initialTouchY);
|
|
1323
|
+
var moveThreshold = 5;
|
|
1324
|
+
_this.userIsDragging = deltaX > moveThreshold || deltaY > moveThreshold;
|
|
1325
|
+
};
|
|
1326
|
+
_this.onTouchEnd = function(event) {
|
|
1327
|
+
if (_this.userIsDragging) return;
|
|
1328
|
+
if (_this.controlRef && !_this.controlRef.contains(event.target) && _this.menuListRef && !_this.menuListRef.contains(event.target)) _this.blurInput();
|
|
1329
|
+
_this.initialTouchX = 0;
|
|
1330
|
+
_this.initialTouchY = 0;
|
|
1331
|
+
};
|
|
1332
|
+
_this.onControlTouchEnd = function(event) {
|
|
1333
|
+
if (_this.userIsDragging) return;
|
|
1334
|
+
_this.onControlMouseDown(event);
|
|
1335
|
+
};
|
|
1336
|
+
_this.onClearIndicatorTouchEnd = function(event) {
|
|
1337
|
+
if (_this.userIsDragging) return;
|
|
1338
|
+
_this.onClearIndicatorMouseDown(event);
|
|
1339
|
+
};
|
|
1340
|
+
_this.onDropdownIndicatorTouchEnd = function(event) {
|
|
1341
|
+
if (_this.userIsDragging) return;
|
|
1342
|
+
_this.onDropdownIndicatorMouseDown(event);
|
|
1343
|
+
};
|
|
1344
|
+
_this.handleInputChange = function(event) {
|
|
1345
|
+
var prevInputValue = _this.props.inputValue;
|
|
1346
|
+
var inputValue = event.currentTarget.value;
|
|
1347
|
+
_this.setState({ inputIsHiddenAfterUpdate: false });
|
|
1348
|
+
_this.onInputChange(inputValue, {
|
|
1349
|
+
action: "input-change",
|
|
1350
|
+
prevInputValue
|
|
1351
|
+
});
|
|
1352
|
+
if (!_this.props.menuIsOpen) _this.onMenuOpen();
|
|
1353
|
+
};
|
|
1354
|
+
_this.onInputFocus = function(event) {
|
|
1355
|
+
if (_this.props.onFocus) _this.props.onFocus(event);
|
|
1356
|
+
_this.setState({
|
|
1357
|
+
inputIsHiddenAfterUpdate: false,
|
|
1358
|
+
isFocused: true
|
|
1359
|
+
});
|
|
1360
|
+
if (_this.openAfterFocus || _this.props.openMenuOnFocus) _this.openMenu("first");
|
|
1361
|
+
_this.openAfterFocus = false;
|
|
1362
|
+
};
|
|
1363
|
+
_this.onInputBlur = function(event) {
|
|
1364
|
+
var prevInputValue = _this.props.inputValue;
|
|
1365
|
+
if (_this.menuListRef && _this.menuListRef.contains(document.activeElement)) {
|
|
1366
|
+
_this.inputRef.focus();
|
|
1367
|
+
return;
|
|
1368
|
+
}
|
|
1369
|
+
if (_this.props.onBlur) _this.props.onBlur(event);
|
|
1370
|
+
_this.onInputChange("", {
|
|
1371
|
+
action: "input-blur",
|
|
1372
|
+
prevInputValue
|
|
1373
|
+
});
|
|
1374
|
+
_this.onMenuClose();
|
|
1375
|
+
_this.setState({
|
|
1376
|
+
focusedValue: null,
|
|
1377
|
+
isFocused: false
|
|
1378
|
+
});
|
|
1379
|
+
};
|
|
1380
|
+
_this.onOptionHover = function(focusedOption) {
|
|
1381
|
+
if (_this.blockOptionHover || _this.state.focusedOption === focusedOption) return;
|
|
1382
|
+
var focusedOptionIndex = _this.getFocusableOptions().indexOf(focusedOption);
|
|
1383
|
+
_this.setState({
|
|
1384
|
+
focusedOption,
|
|
1385
|
+
focusedOptionId: focusedOptionIndex > -1 ? _this.getFocusedOptionId(focusedOption) : null
|
|
1386
|
+
});
|
|
1387
|
+
};
|
|
1388
|
+
_this.shouldHideSelectedOptions = function() {
|
|
1389
|
+
return shouldHideSelectedOptions(_this.props);
|
|
1390
|
+
};
|
|
1391
|
+
_this.onValueInputFocus = function(e) {
|
|
1392
|
+
e.preventDefault();
|
|
1393
|
+
e.stopPropagation();
|
|
1394
|
+
_this.focus();
|
|
1395
|
+
};
|
|
1396
|
+
_this.onKeyDown = function(event) {
|
|
1397
|
+
var _this$props5 = _this.props, isMulti = _this$props5.isMulti, backspaceRemovesValue = _this$props5.backspaceRemovesValue, escapeClearsValue = _this$props5.escapeClearsValue, inputValue = _this$props5.inputValue, isClearable = _this$props5.isClearable, isDisabled = _this$props5.isDisabled, menuIsOpen = _this$props5.menuIsOpen, onKeyDown = _this$props5.onKeyDown, tabSelectsValue = _this$props5.tabSelectsValue, openMenuOnFocus = _this$props5.openMenuOnFocus;
|
|
1398
|
+
var _this$state = _this.state, focusedOption = _this$state.focusedOption, focusedValue = _this$state.focusedValue, selectValue = _this$state.selectValue;
|
|
1399
|
+
if (isDisabled) return;
|
|
1400
|
+
if (typeof onKeyDown === "function") {
|
|
1401
|
+
onKeyDown(event);
|
|
1402
|
+
if (event.defaultPrevented) return;
|
|
1403
|
+
}
|
|
1404
|
+
_this.blockOptionHover = true;
|
|
1405
|
+
switch (event.key) {
|
|
1406
|
+
case "ArrowLeft":
|
|
1407
|
+
if (!isMulti || inputValue) return;
|
|
1408
|
+
_this.focusValue("previous");
|
|
1409
|
+
break;
|
|
1410
|
+
case "ArrowRight":
|
|
1411
|
+
if (!isMulti || inputValue) return;
|
|
1412
|
+
_this.focusValue("next");
|
|
1413
|
+
break;
|
|
1414
|
+
case "Delete":
|
|
1415
|
+
case "Backspace":
|
|
1416
|
+
if (inputValue) return;
|
|
1417
|
+
if (focusedValue) _this.removeValue(focusedValue);
|
|
1418
|
+
else {
|
|
1419
|
+
if (!backspaceRemovesValue) return;
|
|
1420
|
+
if (isMulti) _this.popValue();
|
|
1421
|
+
else if (isClearable) _this.clearValue();
|
|
1422
|
+
}
|
|
1423
|
+
break;
|
|
1424
|
+
case "Tab":
|
|
1425
|
+
if (_this.isComposing) return;
|
|
1426
|
+
if (event.shiftKey || !menuIsOpen || !tabSelectsValue || !focusedOption || openMenuOnFocus && _this.isOptionSelected(focusedOption, selectValue)) return;
|
|
1427
|
+
_this.selectOption(focusedOption);
|
|
1428
|
+
break;
|
|
1429
|
+
case "Enter":
|
|
1430
|
+
if (event.keyCode === 229) break;
|
|
1431
|
+
if (menuIsOpen) {
|
|
1432
|
+
if (!focusedOption) return;
|
|
1433
|
+
if (_this.isComposing) return;
|
|
1434
|
+
_this.selectOption(focusedOption);
|
|
1435
|
+
break;
|
|
1436
|
+
}
|
|
1437
|
+
return;
|
|
1438
|
+
case "Escape":
|
|
1439
|
+
if (menuIsOpen) {
|
|
1440
|
+
_this.setState({ inputIsHiddenAfterUpdate: false });
|
|
1441
|
+
_this.onInputChange("", {
|
|
1442
|
+
action: "menu-close",
|
|
1443
|
+
prevInputValue: inputValue
|
|
1444
|
+
});
|
|
1445
|
+
_this.onMenuClose();
|
|
1446
|
+
} else if (isClearable && escapeClearsValue) _this.clearValue();
|
|
1447
|
+
break;
|
|
1448
|
+
case " ":
|
|
1449
|
+
if (inputValue) return;
|
|
1450
|
+
if (!menuIsOpen) {
|
|
1451
|
+
_this.openMenu("first");
|
|
1452
|
+
break;
|
|
1453
|
+
}
|
|
1454
|
+
if (!focusedOption) return;
|
|
1455
|
+
_this.selectOption(focusedOption);
|
|
1456
|
+
break;
|
|
1457
|
+
case "ArrowUp":
|
|
1458
|
+
if (menuIsOpen) _this.focusOption("up");
|
|
1459
|
+
else _this.openMenu("last");
|
|
1460
|
+
break;
|
|
1461
|
+
case "ArrowDown":
|
|
1462
|
+
if (menuIsOpen) _this.focusOption("down");
|
|
1463
|
+
else _this.openMenu("first");
|
|
1464
|
+
break;
|
|
1465
|
+
case "PageUp":
|
|
1466
|
+
if (!menuIsOpen) return;
|
|
1467
|
+
_this.focusOption("pageup");
|
|
1468
|
+
break;
|
|
1469
|
+
case "PageDown":
|
|
1470
|
+
if (!menuIsOpen) return;
|
|
1471
|
+
_this.focusOption("pagedown");
|
|
1472
|
+
break;
|
|
1473
|
+
case "Home":
|
|
1474
|
+
if (!menuIsOpen) return;
|
|
1475
|
+
_this.focusOption("first");
|
|
1476
|
+
break;
|
|
1477
|
+
case "End":
|
|
1478
|
+
if (!menuIsOpen) return;
|
|
1479
|
+
_this.focusOption("last");
|
|
1480
|
+
break;
|
|
1481
|
+
default: return;
|
|
1482
|
+
}
|
|
1483
|
+
event.preventDefault();
|
|
1484
|
+
};
|
|
1485
|
+
_this.state.instancePrefix = "react-select-" + (_this.props.instanceId || ++instanceId);
|
|
1486
|
+
_this.state.selectValue = require_index_641ee5b8_esm.H(_props.value);
|
|
1487
|
+
if (_props.menuIsOpen && _this.state.selectValue.length) {
|
|
1488
|
+
var focusableOptionsWithIds = _this.getFocusableOptionsWithIds();
|
|
1489
|
+
var focusableOptions = _this.buildFocusableOptions();
|
|
1490
|
+
var optionIndex = focusableOptions.indexOf(_this.state.selectValue[0]);
|
|
1491
|
+
_this.state.focusableOptionsWithIds = focusableOptionsWithIds;
|
|
1492
|
+
_this.state.focusedOption = focusableOptions[optionIndex];
|
|
1493
|
+
_this.state.focusedOptionId = getFocusedOptionId(focusableOptionsWithIds, focusableOptions[optionIndex]);
|
|
1494
|
+
}
|
|
1495
|
+
return _this;
|
|
1496
|
+
}
|
|
1497
|
+
require_createClass.default(Select, [
|
|
1498
|
+
{
|
|
1499
|
+
key: "componentDidMount",
|
|
1500
|
+
value: function componentDidMount() {
|
|
1501
|
+
this.startListeningComposition();
|
|
1502
|
+
this.startListeningToTouch();
|
|
1503
|
+
if (this.props.closeMenuOnScroll && document && document.addEventListener) document.addEventListener("scroll", this.onScroll, true);
|
|
1504
|
+
if (this.props.autoFocus) this.focusInput();
|
|
1505
|
+
if (this.props.menuIsOpen && this.state.focusedOption && this.menuListRef && this.focusedOptionRef) require_index_641ee5b8_esm.I(this.menuListRef, this.focusedOptionRef);
|
|
1506
|
+
if (isAppleDevice()) this.setState({ isAppleDevice: true });
|
|
1507
|
+
}
|
|
1508
|
+
},
|
|
1509
|
+
{
|
|
1510
|
+
key: "componentDidUpdate",
|
|
1511
|
+
value: function componentDidUpdate(prevProps) {
|
|
1512
|
+
var _this$props6 = this.props, isDisabled = _this$props6.isDisabled, menuIsOpen = _this$props6.menuIsOpen;
|
|
1513
|
+
var isFocused = this.state.isFocused;
|
|
1514
|
+
if (isFocused && !isDisabled && prevProps.isDisabled || isFocused && menuIsOpen && !prevProps.menuIsOpen) this.focusInput();
|
|
1515
|
+
if (isFocused && isDisabled && !prevProps.isDisabled) this.setState({ isFocused: false }, this.onMenuClose);
|
|
1516
|
+
else if (!isFocused && !isDisabled && prevProps.isDisabled && this.inputRef === document.activeElement) this.setState({ isFocused: true });
|
|
1517
|
+
if (this.menuListRef && this.focusedOptionRef && this.scrollToFocusedOptionOnUpdate) {
|
|
1518
|
+
require_index_641ee5b8_esm.I(this.menuListRef, this.focusedOptionRef);
|
|
1519
|
+
this.scrollToFocusedOptionOnUpdate = false;
|
|
1520
|
+
}
|
|
1521
|
+
}
|
|
1522
|
+
},
|
|
1523
|
+
{
|
|
1524
|
+
key: "componentWillUnmount",
|
|
1525
|
+
value: function componentWillUnmount() {
|
|
1526
|
+
this.stopListeningComposition();
|
|
1527
|
+
this.stopListeningToTouch();
|
|
1528
|
+
document.removeEventListener("scroll", this.onScroll, true);
|
|
1529
|
+
}
|
|
1530
|
+
},
|
|
1531
|
+
{
|
|
1532
|
+
key: "onMenuOpen",
|
|
1533
|
+
value: function onMenuOpen() {
|
|
1534
|
+
this.props.onMenuOpen();
|
|
1535
|
+
}
|
|
1536
|
+
},
|
|
1537
|
+
{
|
|
1538
|
+
key: "onMenuClose",
|
|
1539
|
+
value: function onMenuClose() {
|
|
1540
|
+
this.onInputChange("", {
|
|
1541
|
+
action: "menu-close",
|
|
1542
|
+
prevInputValue: this.props.inputValue
|
|
1543
|
+
});
|
|
1544
|
+
this.props.onMenuClose();
|
|
1545
|
+
}
|
|
1546
|
+
},
|
|
1547
|
+
{
|
|
1548
|
+
key: "onInputChange",
|
|
1549
|
+
value: function onInputChange(newValue, actionMeta) {
|
|
1550
|
+
this.props.onInputChange(newValue, actionMeta);
|
|
1551
|
+
}
|
|
1552
|
+
},
|
|
1553
|
+
{
|
|
1554
|
+
key: "focusInput",
|
|
1555
|
+
value: function focusInput() {
|
|
1556
|
+
if (!this.inputRef) return;
|
|
1557
|
+
this.inputRef.focus();
|
|
1558
|
+
}
|
|
1559
|
+
},
|
|
1560
|
+
{
|
|
1561
|
+
key: "blurInput",
|
|
1562
|
+
value: function blurInput() {
|
|
1563
|
+
if (!this.inputRef) return;
|
|
1564
|
+
this.inputRef.blur();
|
|
1565
|
+
}
|
|
1566
|
+
},
|
|
1567
|
+
{
|
|
1568
|
+
key: "openMenu",
|
|
1569
|
+
value: function openMenu(focusOption) {
|
|
1570
|
+
var _this2 = this;
|
|
1571
|
+
var _this$state2 = this.state, selectValue = _this$state2.selectValue, isFocused = _this$state2.isFocused;
|
|
1572
|
+
var focusableOptions = this.buildFocusableOptions();
|
|
1573
|
+
var openAtIndex = focusOption === "first" ? 0 : focusableOptions.length - 1;
|
|
1574
|
+
if (!this.props.isMulti) {
|
|
1575
|
+
var selectedIndex = focusableOptions.indexOf(selectValue[0]);
|
|
1576
|
+
if (selectedIndex > -1) openAtIndex = selectedIndex;
|
|
1577
|
+
}
|
|
1578
|
+
this.scrollToFocusedOptionOnUpdate = !(isFocused && this.menuListRef);
|
|
1579
|
+
this.setState({
|
|
1580
|
+
inputIsHiddenAfterUpdate: false,
|
|
1581
|
+
focusedValue: null,
|
|
1582
|
+
focusedOption: focusableOptions[openAtIndex],
|
|
1583
|
+
focusedOptionId: this.getFocusedOptionId(focusableOptions[openAtIndex])
|
|
1584
|
+
}, function() {
|
|
1585
|
+
return _this2.onMenuOpen();
|
|
1586
|
+
});
|
|
1587
|
+
}
|
|
1588
|
+
},
|
|
1589
|
+
{
|
|
1590
|
+
key: "focusValue",
|
|
1591
|
+
value: function focusValue(direction) {
|
|
1592
|
+
var _this$state3 = this.state, selectValue = _this$state3.selectValue, focusedValue = _this$state3.focusedValue;
|
|
1593
|
+
if (!this.props.isMulti) return;
|
|
1594
|
+
this.setState({ focusedOption: null });
|
|
1595
|
+
var focusedIndex = selectValue.indexOf(focusedValue);
|
|
1596
|
+
if (!focusedValue) focusedIndex = -1;
|
|
1597
|
+
var lastIndex = selectValue.length - 1;
|
|
1598
|
+
var nextFocus = -1;
|
|
1599
|
+
if (!selectValue.length) return;
|
|
1600
|
+
switch (direction) {
|
|
1601
|
+
case "previous":
|
|
1602
|
+
if (focusedIndex === 0) nextFocus = 0;
|
|
1603
|
+
else if (focusedIndex === -1) nextFocus = lastIndex;
|
|
1604
|
+
else nextFocus = focusedIndex - 1;
|
|
1605
|
+
break;
|
|
1606
|
+
case "next":
|
|
1607
|
+
if (focusedIndex > -1 && focusedIndex < lastIndex) nextFocus = focusedIndex + 1;
|
|
1608
|
+
break;
|
|
1609
|
+
}
|
|
1610
|
+
this.setState({
|
|
1611
|
+
inputIsHidden: nextFocus !== -1,
|
|
1612
|
+
focusedValue: selectValue[nextFocus]
|
|
1613
|
+
});
|
|
1614
|
+
}
|
|
1615
|
+
},
|
|
1616
|
+
{
|
|
1617
|
+
key: "focusOption",
|
|
1618
|
+
value: function focusOption() {
|
|
1619
|
+
var direction = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "first";
|
|
1620
|
+
var pageSize = this.props.pageSize;
|
|
1621
|
+
var focusedOption = this.state.focusedOption;
|
|
1622
|
+
var options = this.getFocusableOptions();
|
|
1623
|
+
if (!options.length) return;
|
|
1624
|
+
var nextFocus = 0;
|
|
1625
|
+
var focusedIndex = options.indexOf(focusedOption);
|
|
1626
|
+
if (!focusedOption) focusedIndex = -1;
|
|
1627
|
+
if (direction === "up") nextFocus = focusedIndex > 0 ? focusedIndex - 1 : options.length - 1;
|
|
1628
|
+
else if (direction === "down") nextFocus = (focusedIndex + 1) % options.length;
|
|
1629
|
+
else if (direction === "pageup") {
|
|
1630
|
+
nextFocus = focusedIndex - pageSize;
|
|
1631
|
+
if (nextFocus < 0) nextFocus = 0;
|
|
1632
|
+
} else if (direction === "pagedown") {
|
|
1633
|
+
nextFocus = focusedIndex + pageSize;
|
|
1634
|
+
if (nextFocus > options.length - 1) nextFocus = options.length - 1;
|
|
1635
|
+
} else if (direction === "last") nextFocus = options.length - 1;
|
|
1636
|
+
this.scrollToFocusedOptionOnUpdate = true;
|
|
1637
|
+
this.setState({
|
|
1638
|
+
focusedOption: options[nextFocus],
|
|
1639
|
+
focusedValue: null,
|
|
1640
|
+
focusedOptionId: this.getFocusedOptionId(options[nextFocus])
|
|
1641
|
+
});
|
|
1642
|
+
}
|
|
1643
|
+
},
|
|
1644
|
+
{
|
|
1645
|
+
key: "getTheme",
|
|
1646
|
+
value: function getTheme() {
|
|
1647
|
+
if (!this.props.theme) return defaultTheme;
|
|
1648
|
+
if (typeof this.props.theme === "function") return this.props.theme(defaultTheme);
|
|
1649
|
+
return require_objectSpread2.default(require_objectSpread2.default({}, defaultTheme), this.props.theme);
|
|
1650
|
+
}
|
|
1651
|
+
},
|
|
1652
|
+
{
|
|
1653
|
+
key: "getCommonProps",
|
|
1654
|
+
value: function getCommonProps() {
|
|
1655
|
+
var clearValue = this.clearValue, cx = this.cx, getStyles = this.getStyles, getClassNames = this.getClassNames, getValue = this.getValue, selectOption = this.selectOption, setValue = this.setValue, props = this.props;
|
|
1656
|
+
var isMulti = props.isMulti, isRtl = props.isRtl, options = props.options;
|
|
1657
|
+
return {
|
|
1658
|
+
clearValue,
|
|
1659
|
+
cx,
|
|
1660
|
+
getStyles,
|
|
1661
|
+
getClassNames,
|
|
1662
|
+
getValue,
|
|
1663
|
+
hasValue: this.hasValue(),
|
|
1664
|
+
isMulti,
|
|
1665
|
+
isRtl,
|
|
1666
|
+
options,
|
|
1667
|
+
selectOption,
|
|
1668
|
+
selectProps: props,
|
|
1669
|
+
setValue,
|
|
1670
|
+
theme: this.getTheme()
|
|
1671
|
+
};
|
|
1672
|
+
}
|
|
1673
|
+
},
|
|
1674
|
+
{
|
|
1675
|
+
key: "hasValue",
|
|
1676
|
+
value: function hasValue() {
|
|
1677
|
+
return this.state.selectValue.length > 0;
|
|
1678
|
+
}
|
|
1679
|
+
},
|
|
1680
|
+
{
|
|
1681
|
+
key: "hasOptions",
|
|
1682
|
+
value: function hasOptions() {
|
|
1683
|
+
return !!this.getFocusableOptions().length;
|
|
1684
|
+
}
|
|
1685
|
+
},
|
|
1686
|
+
{
|
|
1687
|
+
key: "isClearable",
|
|
1688
|
+
value: function isClearable() {
|
|
1689
|
+
var _this$props7 = this.props, isClearable = _this$props7.isClearable, isMulti = _this$props7.isMulti;
|
|
1690
|
+
if (isClearable === void 0) return isMulti;
|
|
1691
|
+
return isClearable;
|
|
1692
|
+
}
|
|
1693
|
+
},
|
|
1694
|
+
{
|
|
1695
|
+
key: "isOptionDisabled",
|
|
1696
|
+
value: function isOptionDisabled(option, selectValue) {
|
|
1697
|
+
return _isOptionDisabled(this.props, option, selectValue);
|
|
1698
|
+
}
|
|
1699
|
+
},
|
|
1700
|
+
{
|
|
1701
|
+
key: "isOptionSelected",
|
|
1702
|
+
value: function isOptionSelected(option, selectValue) {
|
|
1703
|
+
return _isOptionSelected(this.props, option, selectValue);
|
|
1704
|
+
}
|
|
1705
|
+
},
|
|
1706
|
+
{
|
|
1707
|
+
key: "filterOption",
|
|
1708
|
+
value: function filterOption(option, inputValue) {
|
|
1709
|
+
return _filterOption(this.props, option, inputValue);
|
|
1710
|
+
}
|
|
1711
|
+
},
|
|
1712
|
+
{
|
|
1713
|
+
key: "formatOptionLabel",
|
|
1714
|
+
value: function formatOptionLabel(data, context) {
|
|
1715
|
+
if (typeof this.props.formatOptionLabel === "function") {
|
|
1716
|
+
var _inputValue = this.props.inputValue;
|
|
1717
|
+
var _selectValue = this.state.selectValue;
|
|
1718
|
+
return this.props.formatOptionLabel(data, {
|
|
1719
|
+
context,
|
|
1720
|
+
inputValue: _inputValue,
|
|
1721
|
+
selectValue: _selectValue
|
|
1722
|
+
});
|
|
1723
|
+
} else return this.getOptionLabel(data);
|
|
1724
|
+
}
|
|
1725
|
+
},
|
|
1726
|
+
{
|
|
1727
|
+
key: "formatGroupLabel",
|
|
1728
|
+
value: function formatGroupLabel(data) {
|
|
1729
|
+
return this.props.formatGroupLabel(data);
|
|
1730
|
+
}
|
|
1731
|
+
},
|
|
1732
|
+
{
|
|
1733
|
+
key: "startListeningComposition",
|
|
1734
|
+
value: function startListeningComposition() {
|
|
1735
|
+
if (document && document.addEventListener) {
|
|
1736
|
+
document.addEventListener("compositionstart", this.onCompositionStart, false);
|
|
1737
|
+
document.addEventListener("compositionend", this.onCompositionEnd, false);
|
|
1738
|
+
}
|
|
1739
|
+
}
|
|
1740
|
+
},
|
|
1741
|
+
{
|
|
1742
|
+
key: "stopListeningComposition",
|
|
1743
|
+
value: function stopListeningComposition() {
|
|
1744
|
+
if (document && document.removeEventListener) {
|
|
1745
|
+
document.removeEventListener("compositionstart", this.onCompositionStart);
|
|
1746
|
+
document.removeEventListener("compositionend", this.onCompositionEnd);
|
|
1747
|
+
}
|
|
1748
|
+
}
|
|
1749
|
+
},
|
|
1750
|
+
{
|
|
1751
|
+
key: "startListeningToTouch",
|
|
1752
|
+
value: function startListeningToTouch() {
|
|
1753
|
+
if (document && document.addEventListener) {
|
|
1754
|
+
document.addEventListener("touchstart", this.onTouchStart, false);
|
|
1755
|
+
document.addEventListener("touchmove", this.onTouchMove, false);
|
|
1756
|
+
document.addEventListener("touchend", this.onTouchEnd, false);
|
|
1757
|
+
}
|
|
1758
|
+
}
|
|
1759
|
+
},
|
|
1760
|
+
{
|
|
1761
|
+
key: "stopListeningToTouch",
|
|
1762
|
+
value: function stopListeningToTouch() {
|
|
1763
|
+
if (document && document.removeEventListener) {
|
|
1764
|
+
document.removeEventListener("touchstart", this.onTouchStart);
|
|
1765
|
+
document.removeEventListener("touchmove", this.onTouchMove);
|
|
1766
|
+
document.removeEventListener("touchend", this.onTouchEnd);
|
|
1767
|
+
}
|
|
1768
|
+
}
|
|
1769
|
+
},
|
|
1770
|
+
{
|
|
1771
|
+
key: "renderInput",
|
|
1772
|
+
value: function renderInput() {
|
|
1773
|
+
var _this$props8 = this.props, isDisabled = _this$props8.isDisabled, isSearchable = _this$props8.isSearchable, inputId = _this$props8.inputId, inputValue = _this$props8.inputValue, tabIndex = _this$props8.tabIndex, form = _this$props8.form, menuIsOpen = _this$props8.menuIsOpen, required = _this$props8.required;
|
|
1774
|
+
var Input = this.getComponents().Input;
|
|
1775
|
+
var _this$state4 = this.state, inputIsHidden = _this$state4.inputIsHidden, ariaSelection = _this$state4.ariaSelection;
|
|
1776
|
+
var commonProps = this.commonProps;
|
|
1777
|
+
var id = inputId || this.getElementId("input");
|
|
1778
|
+
var ariaAttributes = require_objectSpread2.default(require_objectSpread2.default(require_objectSpread2.default({
|
|
1779
|
+
"aria-autocomplete": "list",
|
|
1780
|
+
"aria-expanded": menuIsOpen,
|
|
1781
|
+
"aria-haspopup": true,
|
|
1782
|
+
"aria-errormessage": this.props["aria-errormessage"],
|
|
1783
|
+
"aria-invalid": this.props["aria-invalid"],
|
|
1784
|
+
"aria-label": this.props["aria-label"],
|
|
1785
|
+
"aria-labelledby": this.props["aria-labelledby"],
|
|
1786
|
+
"aria-required": required,
|
|
1787
|
+
role: "combobox",
|
|
1788
|
+
"aria-activedescendant": this.state.isAppleDevice ? void 0 : this.state.focusedOptionId || ""
|
|
1789
|
+
}, menuIsOpen && { "aria-controls": this.getElementId("listbox") }), !isSearchable && { "aria-readonly": true }), this.hasValue() ? (ariaSelection === null || ariaSelection === void 0 ? void 0 : ariaSelection.action) === "initial-input-focus" && { "aria-describedby": this.getElementId("live-region") } : { "aria-describedby": this.getElementId("placeholder") });
|
|
1790
|
+
if (!isSearchable) return /*#__PURE__*/ require__global_external_react.createElement(DummyInput, require_extends.default({
|
|
1791
|
+
id,
|
|
1792
|
+
innerRef: this.getInputRef,
|
|
1793
|
+
onBlur: this.onInputBlur,
|
|
1794
|
+
onChange: require_index_641ee5b8_esm.J,
|
|
1795
|
+
onFocus: this.onInputFocus,
|
|
1796
|
+
disabled: isDisabled,
|
|
1797
|
+
tabIndex,
|
|
1798
|
+
inputMode: "none",
|
|
1799
|
+
form,
|
|
1800
|
+
value: ""
|
|
1801
|
+
}, ariaAttributes));
|
|
1802
|
+
return /*#__PURE__*/ require__global_external_react.createElement(Input, require_extends.default({}, commonProps, {
|
|
1803
|
+
autoCapitalize: "none",
|
|
1804
|
+
autoComplete: "off",
|
|
1805
|
+
autoCorrect: "off",
|
|
1806
|
+
id,
|
|
1807
|
+
innerRef: this.getInputRef,
|
|
1808
|
+
isDisabled,
|
|
1809
|
+
isHidden: inputIsHidden,
|
|
1810
|
+
onBlur: this.onInputBlur,
|
|
1811
|
+
onChange: this.handleInputChange,
|
|
1812
|
+
onFocus: this.onInputFocus,
|
|
1813
|
+
spellCheck: "false",
|
|
1814
|
+
tabIndex,
|
|
1815
|
+
form,
|
|
1816
|
+
type: "text",
|
|
1817
|
+
value: inputValue
|
|
1818
|
+
}, ariaAttributes));
|
|
1819
|
+
}
|
|
1820
|
+
},
|
|
1821
|
+
{
|
|
1822
|
+
key: "renderPlaceholderOrValue",
|
|
1823
|
+
value: function renderPlaceholderOrValue() {
|
|
1824
|
+
var _this3 = this;
|
|
1825
|
+
var _this$getComponents2 = this.getComponents(), MultiValue = _this$getComponents2.MultiValue, MultiValueContainer = _this$getComponents2.MultiValueContainer, MultiValueLabel = _this$getComponents2.MultiValueLabel, MultiValueRemove = _this$getComponents2.MultiValueRemove, SingleValue = _this$getComponents2.SingleValue, Placeholder = _this$getComponents2.Placeholder;
|
|
1826
|
+
var commonProps = this.commonProps;
|
|
1827
|
+
var _this$props9 = this.props, controlShouldRenderValue = _this$props9.controlShouldRenderValue, isDisabled = _this$props9.isDisabled, isMulti = _this$props9.isMulti, inputValue = _this$props9.inputValue, placeholder = _this$props9.placeholder;
|
|
1828
|
+
var _this$state5 = this.state, selectValue = _this$state5.selectValue, focusedValue = _this$state5.focusedValue, isFocused = _this$state5.isFocused;
|
|
1829
|
+
if (!this.hasValue() || !controlShouldRenderValue) return inputValue ? null : /*#__PURE__*/ require__global_external_react.createElement(Placeholder, require_extends.default({}, commonProps, {
|
|
1830
|
+
key: "placeholder",
|
|
1831
|
+
isDisabled,
|
|
1832
|
+
isFocused,
|
|
1833
|
+
innerProps: { id: this.getElementId("placeholder") }
|
|
1834
|
+
}), placeholder);
|
|
1835
|
+
if (isMulti) return selectValue.map(function(opt, index) {
|
|
1836
|
+
var isOptionFocused = opt === focusedValue;
|
|
1837
|
+
var key = "".concat(_this3.getOptionLabel(opt), "-").concat(_this3.getOptionValue(opt));
|
|
1838
|
+
return /*#__PURE__*/ require__global_external_react.createElement(MultiValue, require_extends.default({}, commonProps, {
|
|
1839
|
+
components: {
|
|
1840
|
+
Container: MultiValueContainer,
|
|
1841
|
+
Label: MultiValueLabel,
|
|
1842
|
+
Remove: MultiValueRemove
|
|
1843
|
+
},
|
|
1844
|
+
isFocused: isOptionFocused,
|
|
1845
|
+
isDisabled,
|
|
1846
|
+
key,
|
|
1847
|
+
index,
|
|
1848
|
+
removeProps: {
|
|
1849
|
+
onClick: function onClick() {
|
|
1850
|
+
return _this3.removeValue(opt);
|
|
1851
|
+
},
|
|
1852
|
+
onTouchEnd: function onTouchEnd() {
|
|
1853
|
+
return _this3.removeValue(opt);
|
|
1854
|
+
},
|
|
1855
|
+
onMouseDown: function onMouseDown(e) {
|
|
1856
|
+
e.preventDefault();
|
|
1857
|
+
}
|
|
1858
|
+
},
|
|
1859
|
+
data: opt
|
|
1860
|
+
}), _this3.formatOptionLabel(opt, "value"));
|
|
1861
|
+
});
|
|
1862
|
+
if (inputValue) return null;
|
|
1863
|
+
var singleValue = selectValue[0];
|
|
1864
|
+
return /*#__PURE__*/ require__global_external_react.createElement(SingleValue, require_extends.default({}, commonProps, {
|
|
1865
|
+
data: singleValue,
|
|
1866
|
+
isDisabled
|
|
1867
|
+
}), this.formatOptionLabel(singleValue, "value"));
|
|
1868
|
+
}
|
|
1869
|
+
},
|
|
1870
|
+
{
|
|
1871
|
+
key: "renderClearIndicator",
|
|
1872
|
+
value: function renderClearIndicator() {
|
|
1873
|
+
var ClearIndicator = this.getComponents().ClearIndicator;
|
|
1874
|
+
var commonProps = this.commonProps;
|
|
1875
|
+
var _this$props10 = this.props, isDisabled = _this$props10.isDisabled, isLoading = _this$props10.isLoading;
|
|
1876
|
+
var isFocused = this.state.isFocused;
|
|
1877
|
+
if (!this.isClearable() || !ClearIndicator || isDisabled || !this.hasValue() || isLoading) return null;
|
|
1878
|
+
var innerProps = {
|
|
1879
|
+
onMouseDown: this.onClearIndicatorMouseDown,
|
|
1880
|
+
onTouchEnd: this.onClearIndicatorTouchEnd,
|
|
1881
|
+
"aria-hidden": "true"
|
|
1882
|
+
};
|
|
1883
|
+
return /*#__PURE__*/ require__global_external_react.createElement(ClearIndicator, require_extends.default({}, commonProps, {
|
|
1884
|
+
innerProps,
|
|
1885
|
+
isFocused
|
|
1886
|
+
}));
|
|
1887
|
+
}
|
|
1888
|
+
},
|
|
1889
|
+
{
|
|
1890
|
+
key: "renderLoadingIndicator",
|
|
1891
|
+
value: function renderLoadingIndicator() {
|
|
1892
|
+
var LoadingIndicator = this.getComponents().LoadingIndicator;
|
|
1893
|
+
var commonProps = this.commonProps;
|
|
1894
|
+
var _this$props11 = this.props, isDisabled = _this$props11.isDisabled, isLoading = _this$props11.isLoading;
|
|
1895
|
+
var isFocused = this.state.isFocused;
|
|
1896
|
+
if (!LoadingIndicator || !isLoading) return null;
|
|
1897
|
+
return /*#__PURE__*/ require__global_external_react.createElement(LoadingIndicator, require_extends.default({}, commonProps, {
|
|
1898
|
+
innerProps: { "aria-hidden": "true" },
|
|
1899
|
+
isDisabled,
|
|
1900
|
+
isFocused
|
|
1901
|
+
}));
|
|
1902
|
+
}
|
|
1903
|
+
},
|
|
1904
|
+
{
|
|
1905
|
+
key: "renderIndicatorSeparator",
|
|
1906
|
+
value: function renderIndicatorSeparator() {
|
|
1907
|
+
var _this$getComponents5 = this.getComponents(), DropdownIndicator = _this$getComponents5.DropdownIndicator, IndicatorSeparator = _this$getComponents5.IndicatorSeparator;
|
|
1908
|
+
if (!DropdownIndicator || !IndicatorSeparator) return null;
|
|
1909
|
+
var commonProps = this.commonProps;
|
|
1910
|
+
var isDisabled = this.props.isDisabled;
|
|
1911
|
+
var isFocused = this.state.isFocused;
|
|
1912
|
+
return /*#__PURE__*/ require__global_external_react.createElement(IndicatorSeparator, require_extends.default({}, commonProps, {
|
|
1913
|
+
isDisabled,
|
|
1914
|
+
isFocused
|
|
1915
|
+
}));
|
|
1916
|
+
}
|
|
1917
|
+
},
|
|
1918
|
+
{
|
|
1919
|
+
key: "renderDropdownIndicator",
|
|
1920
|
+
value: function renderDropdownIndicator() {
|
|
1921
|
+
var DropdownIndicator = this.getComponents().DropdownIndicator;
|
|
1922
|
+
if (!DropdownIndicator) return null;
|
|
1923
|
+
var commonProps = this.commonProps;
|
|
1924
|
+
var isDisabled = this.props.isDisabled;
|
|
1925
|
+
var isFocused = this.state.isFocused;
|
|
1926
|
+
var innerProps = {
|
|
1927
|
+
onMouseDown: this.onDropdownIndicatorMouseDown,
|
|
1928
|
+
onTouchEnd: this.onDropdownIndicatorTouchEnd,
|
|
1929
|
+
"aria-hidden": "true"
|
|
1930
|
+
};
|
|
1931
|
+
return /*#__PURE__*/ require__global_external_react.createElement(DropdownIndicator, require_extends.default({}, commonProps, {
|
|
1932
|
+
innerProps,
|
|
1933
|
+
isDisabled,
|
|
1934
|
+
isFocused
|
|
1935
|
+
}));
|
|
1936
|
+
}
|
|
1937
|
+
},
|
|
1938
|
+
{
|
|
1939
|
+
key: "renderMenu",
|
|
1940
|
+
value: function renderMenu() {
|
|
1941
|
+
var _this4 = this;
|
|
1942
|
+
var _this$getComponents7 = this.getComponents(), Group = _this$getComponents7.Group, GroupHeading = _this$getComponents7.GroupHeading, Menu = _this$getComponents7.Menu, MenuList = _this$getComponents7.MenuList, MenuPortal = _this$getComponents7.MenuPortal, LoadingMessage = _this$getComponents7.LoadingMessage, NoOptionsMessage = _this$getComponents7.NoOptionsMessage, Option = _this$getComponents7.Option;
|
|
1943
|
+
var commonProps = this.commonProps;
|
|
1944
|
+
var focusedOption = this.state.focusedOption;
|
|
1945
|
+
var _this$props12 = this.props, captureMenuScroll = _this$props12.captureMenuScroll, inputValue = _this$props12.inputValue, isLoading = _this$props12.isLoading, loadingMessage = _this$props12.loadingMessage, minMenuHeight = _this$props12.minMenuHeight, maxMenuHeight = _this$props12.maxMenuHeight, menuIsOpen = _this$props12.menuIsOpen, menuPlacement = _this$props12.menuPlacement, menuPosition = _this$props12.menuPosition, menuPortalTarget = _this$props12.menuPortalTarget, menuShouldBlockScroll = _this$props12.menuShouldBlockScroll, menuShouldScrollIntoView = _this$props12.menuShouldScrollIntoView, noOptionsMessage = _this$props12.noOptionsMessage, onMenuScrollToTop = _this$props12.onMenuScrollToTop, onMenuScrollToBottom = _this$props12.onMenuScrollToBottom;
|
|
1946
|
+
if (!menuIsOpen) return null;
|
|
1947
|
+
var render = function render(props, id) {
|
|
1948
|
+
var type = props.type, data = props.data, isDisabled = props.isDisabled, isSelected = props.isSelected, label = props.label, value = props.value;
|
|
1949
|
+
var isFocused = focusedOption === data;
|
|
1950
|
+
var onHover = isDisabled ? void 0 : function() {
|
|
1951
|
+
return _this4.onOptionHover(data);
|
|
1952
|
+
};
|
|
1953
|
+
var onSelect = isDisabled ? void 0 : function() {
|
|
1954
|
+
return _this4.selectOption(data);
|
|
1955
|
+
};
|
|
1956
|
+
var optionId = "".concat(_this4.getElementId("option"), "-").concat(id);
|
|
1957
|
+
var innerProps = {
|
|
1958
|
+
id: optionId,
|
|
1959
|
+
onClick: onSelect,
|
|
1960
|
+
onMouseMove: onHover,
|
|
1961
|
+
onMouseOver: onHover,
|
|
1962
|
+
tabIndex: -1,
|
|
1963
|
+
role: "option",
|
|
1964
|
+
"aria-selected": _this4.state.isAppleDevice ? void 0 : isSelected
|
|
1965
|
+
};
|
|
1966
|
+
return /*#__PURE__*/ require__global_external_react.createElement(Option, require_extends.default({}, commonProps, {
|
|
1967
|
+
innerProps,
|
|
1968
|
+
data,
|
|
1969
|
+
isDisabled,
|
|
1970
|
+
isSelected,
|
|
1971
|
+
key: optionId,
|
|
1972
|
+
label,
|
|
1973
|
+
type,
|
|
1974
|
+
value,
|
|
1975
|
+
isFocused,
|
|
1976
|
+
innerRef: isFocused ? _this4.getFocusedOptionRef : void 0
|
|
1977
|
+
}), _this4.formatOptionLabel(props.data, "menu"));
|
|
1978
|
+
};
|
|
1979
|
+
var menuUI;
|
|
1980
|
+
if (this.hasOptions()) menuUI = this.getCategorizedOptions().map(function(item) {
|
|
1981
|
+
if (item.type === "group") {
|
|
1982
|
+
var _data = item.data, options = item.options, groupIndex = item.index;
|
|
1983
|
+
var groupId = "".concat(_this4.getElementId("group"), "-").concat(groupIndex);
|
|
1984
|
+
var headingId = "".concat(groupId, "-heading");
|
|
1985
|
+
return /*#__PURE__*/ require__global_external_react.createElement(Group, require_extends.default({}, commonProps, {
|
|
1986
|
+
key: groupId,
|
|
1987
|
+
data: _data,
|
|
1988
|
+
options,
|
|
1989
|
+
Heading: GroupHeading,
|
|
1990
|
+
headingProps: {
|
|
1991
|
+
id: headingId,
|
|
1992
|
+
data: item.data
|
|
1993
|
+
},
|
|
1994
|
+
label: _this4.formatGroupLabel(item.data)
|
|
1995
|
+
}), item.options.map(function(option) {
|
|
1996
|
+
return render(option, "".concat(groupIndex, "-").concat(option.index));
|
|
1997
|
+
}));
|
|
1998
|
+
} else if (item.type === "option") return render(item, "".concat(item.index));
|
|
1999
|
+
});
|
|
2000
|
+
else if (isLoading) {
|
|
2001
|
+
var message = loadingMessage({ inputValue });
|
|
2002
|
+
if (message === null) return null;
|
|
2003
|
+
menuUI = /*#__PURE__*/ require__global_external_react.createElement(LoadingMessage, commonProps, message);
|
|
2004
|
+
} else {
|
|
2005
|
+
var _message = noOptionsMessage({ inputValue });
|
|
2006
|
+
if (_message === null) return null;
|
|
2007
|
+
menuUI = /*#__PURE__*/ require__global_external_react.createElement(NoOptionsMessage, commonProps, _message);
|
|
2008
|
+
}
|
|
2009
|
+
var menuPlacementProps = {
|
|
2010
|
+
minMenuHeight,
|
|
2011
|
+
maxMenuHeight,
|
|
2012
|
+
menuPlacement,
|
|
2013
|
+
menuPosition,
|
|
2014
|
+
menuShouldScrollIntoView
|
|
2015
|
+
};
|
|
2016
|
+
var menuElement = /*#__PURE__*/ require__global_external_react.createElement(require_index_641ee5b8_esm.M, require_extends.default({}, commonProps, menuPlacementProps), function(_ref4) {
|
|
2017
|
+
var ref = _ref4.ref, _ref4$placerProps = _ref4.placerProps, placement = _ref4$placerProps.placement, maxHeight = _ref4$placerProps.maxHeight;
|
|
2018
|
+
return /*#__PURE__*/ require__global_external_react.createElement(Menu, require_extends.default({}, commonProps, menuPlacementProps, {
|
|
2019
|
+
innerRef: ref,
|
|
2020
|
+
innerProps: {
|
|
2021
|
+
onMouseDown: _this4.onMenuMouseDown,
|
|
2022
|
+
onMouseMove: _this4.onMenuMouseMove
|
|
2023
|
+
},
|
|
2024
|
+
isLoading,
|
|
2025
|
+
placement
|
|
2026
|
+
}), /*#__PURE__*/ require__global_external_react.createElement(ScrollManager, {
|
|
2027
|
+
captureEnabled: captureMenuScroll,
|
|
2028
|
+
onTopArrive: onMenuScrollToTop,
|
|
2029
|
+
onBottomArrive: onMenuScrollToBottom,
|
|
2030
|
+
lockEnabled: menuShouldBlockScroll
|
|
2031
|
+
}, function(scrollTargetRef) {
|
|
2032
|
+
return /*#__PURE__*/ require__global_external_react.createElement(MenuList, require_extends.default({}, commonProps, {
|
|
2033
|
+
innerRef: function innerRef(instance) {
|
|
2034
|
+
_this4.getMenuListRef(instance);
|
|
2035
|
+
scrollTargetRef(instance);
|
|
2036
|
+
},
|
|
2037
|
+
innerProps: {
|
|
2038
|
+
role: "listbox",
|
|
2039
|
+
"aria-multiselectable": commonProps.isMulti,
|
|
2040
|
+
id: _this4.getElementId("listbox")
|
|
2041
|
+
},
|
|
2042
|
+
isLoading,
|
|
2043
|
+
maxHeight,
|
|
2044
|
+
focusedOption
|
|
2045
|
+
}), menuUI);
|
|
2046
|
+
}));
|
|
2047
|
+
});
|
|
2048
|
+
return menuPortalTarget || menuPosition === "fixed" ? /*#__PURE__*/ require__global_external_react.createElement(MenuPortal, require_extends.default({}, commonProps, {
|
|
2049
|
+
appendTo: menuPortalTarget,
|
|
2050
|
+
controlElement: this.controlRef,
|
|
2051
|
+
menuPlacement,
|
|
2052
|
+
menuPosition
|
|
2053
|
+
}), menuElement) : menuElement;
|
|
2054
|
+
}
|
|
2055
|
+
},
|
|
2056
|
+
{
|
|
2057
|
+
key: "renderFormField",
|
|
2058
|
+
value: function renderFormField() {
|
|
2059
|
+
var _this5 = this;
|
|
2060
|
+
var _this$props13 = this.props, delimiter = _this$props13.delimiter, isDisabled = _this$props13.isDisabled, isMulti = _this$props13.isMulti, name = _this$props13.name, required = _this$props13.required;
|
|
2061
|
+
var selectValue = this.state.selectValue;
|
|
2062
|
+
if (required && !this.hasValue() && !isDisabled) return /*#__PURE__*/ require__global_external_react.createElement(RequiredInput$1, {
|
|
2063
|
+
name,
|
|
2064
|
+
onFocus: this.onValueInputFocus
|
|
2065
|
+
});
|
|
2066
|
+
if (!name || isDisabled) return;
|
|
2067
|
+
if (isMulti) if (delimiter) {
|
|
2068
|
+
var value = selectValue.map(function(opt) {
|
|
2069
|
+
return _this5.getOptionValue(opt);
|
|
2070
|
+
}).join(delimiter);
|
|
2071
|
+
return /*#__PURE__*/ require__global_external_react.createElement("input", {
|
|
2072
|
+
name,
|
|
2073
|
+
type: "hidden",
|
|
2074
|
+
value
|
|
2075
|
+
});
|
|
2076
|
+
} else {
|
|
2077
|
+
var input = selectValue.length > 0 ? selectValue.map(function(opt, i) {
|
|
2078
|
+
return /*#__PURE__*/ require__global_external_react.createElement("input", {
|
|
2079
|
+
key: "i-".concat(i),
|
|
2080
|
+
name,
|
|
2081
|
+
type: "hidden",
|
|
2082
|
+
value: _this5.getOptionValue(opt)
|
|
2083
|
+
});
|
|
2084
|
+
}) : /*#__PURE__*/ require__global_external_react.createElement("input", {
|
|
2085
|
+
name,
|
|
2086
|
+
type: "hidden",
|
|
2087
|
+
value: ""
|
|
2088
|
+
});
|
|
2089
|
+
return /*#__PURE__*/ require__global_external_react.createElement("div", null, input);
|
|
2090
|
+
}
|
|
2091
|
+
else {
|
|
2092
|
+
var _value = selectValue[0] ? this.getOptionValue(selectValue[0]) : "";
|
|
2093
|
+
return /*#__PURE__*/ require__global_external_react.createElement("input", {
|
|
2094
|
+
name,
|
|
2095
|
+
type: "hidden",
|
|
2096
|
+
value: _value
|
|
2097
|
+
});
|
|
2098
|
+
}
|
|
2099
|
+
}
|
|
2100
|
+
},
|
|
2101
|
+
{
|
|
2102
|
+
key: "renderLiveRegion",
|
|
2103
|
+
value: function renderLiveRegion() {
|
|
2104
|
+
var commonProps = this.commonProps;
|
|
2105
|
+
var _this$state6 = this.state, ariaSelection = _this$state6.ariaSelection, focusedOption = _this$state6.focusedOption, focusedValue = _this$state6.focusedValue, isFocused = _this$state6.isFocused, selectValue = _this$state6.selectValue;
|
|
2106
|
+
var focusableOptions = this.getFocusableOptions();
|
|
2107
|
+
return /*#__PURE__*/ require__global_external_react.createElement(LiveRegion$1, require_extends.default({}, commonProps, {
|
|
2108
|
+
id: this.getElementId("live-region"),
|
|
2109
|
+
ariaSelection,
|
|
2110
|
+
focusedOption,
|
|
2111
|
+
focusedValue,
|
|
2112
|
+
isFocused,
|
|
2113
|
+
selectValue,
|
|
2114
|
+
focusableOptions,
|
|
2115
|
+
isAppleDevice: this.state.isAppleDevice
|
|
2116
|
+
}));
|
|
2117
|
+
}
|
|
2118
|
+
},
|
|
2119
|
+
{
|
|
2120
|
+
key: "render",
|
|
2121
|
+
value: function render() {
|
|
2122
|
+
var _this$getComponents8 = this.getComponents(), Control = _this$getComponents8.Control, IndicatorsContainer = _this$getComponents8.IndicatorsContainer, SelectContainer = _this$getComponents8.SelectContainer, ValueContainer = _this$getComponents8.ValueContainer;
|
|
2123
|
+
var _this$props14 = this.props, className = _this$props14.className, id = _this$props14.id, isDisabled = _this$props14.isDisabled, menuIsOpen = _this$props14.menuIsOpen;
|
|
2124
|
+
var isFocused = this.state.isFocused;
|
|
2125
|
+
var commonProps = this.commonProps = this.getCommonProps();
|
|
2126
|
+
return /*#__PURE__*/ require__global_external_react.createElement(SelectContainer, require_extends.default({}, commonProps, {
|
|
2127
|
+
className,
|
|
2128
|
+
innerProps: {
|
|
2129
|
+
id,
|
|
2130
|
+
onKeyDown: this.onKeyDown
|
|
2131
|
+
},
|
|
2132
|
+
isDisabled,
|
|
2133
|
+
isFocused
|
|
2134
|
+
}), this.renderLiveRegion(), /*#__PURE__*/ require__global_external_react.createElement(Control, require_extends.default({}, commonProps, {
|
|
2135
|
+
innerRef: this.getControlRef,
|
|
2136
|
+
innerProps: {
|
|
2137
|
+
onMouseDown: this.onControlMouseDown,
|
|
2138
|
+
onTouchEnd: this.onControlTouchEnd
|
|
2139
|
+
},
|
|
2140
|
+
isDisabled,
|
|
2141
|
+
isFocused,
|
|
2142
|
+
menuIsOpen
|
|
2143
|
+
}), /*#__PURE__*/ require__global_external_react.createElement(ValueContainer, require_extends.default({}, commonProps, { isDisabled }), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/ require__global_external_react.createElement(IndicatorsContainer, require_extends.default({}, commonProps, { isDisabled }), this.renderClearIndicator(), this.renderLoadingIndicator(), this.renderIndicatorSeparator(), this.renderDropdownIndicator())), this.renderMenu(), this.renderFormField());
|
|
2144
|
+
}
|
|
2145
|
+
}
|
|
2146
|
+
], [{
|
|
2147
|
+
key: "getDerivedStateFromProps",
|
|
2148
|
+
value: function getDerivedStateFromProps(props, state) {
|
|
2149
|
+
var prevProps = state.prevProps, clearFocusValueOnUpdate = state.clearFocusValueOnUpdate, inputIsHiddenAfterUpdate = state.inputIsHiddenAfterUpdate, ariaSelection = state.ariaSelection, isFocused = state.isFocused, prevWasFocused = state.prevWasFocused, instancePrefix = state.instancePrefix;
|
|
2150
|
+
var options = props.options, value = props.value, menuIsOpen = props.menuIsOpen, inputValue = props.inputValue, isMulti = props.isMulti;
|
|
2151
|
+
var selectValue = require_index_641ee5b8_esm.H(value);
|
|
2152
|
+
var newMenuOptionsState = {};
|
|
2153
|
+
if (prevProps && (value !== prevProps.value || options !== prevProps.options || menuIsOpen !== prevProps.menuIsOpen || inputValue !== prevProps.inputValue)) {
|
|
2154
|
+
var focusableOptions = menuIsOpen ? buildFocusableOptions(props, selectValue) : [];
|
|
2155
|
+
var focusableOptionsWithIds = menuIsOpen ? buildFocusableOptionsWithIds(buildCategorizedOptions(props, selectValue), "".concat(instancePrefix, "-option")) : [];
|
|
2156
|
+
var focusedValue = clearFocusValueOnUpdate ? getNextFocusedValue(state, selectValue) : null;
|
|
2157
|
+
var focusedOption = getNextFocusedOption(state, focusableOptions);
|
|
2158
|
+
newMenuOptionsState = {
|
|
2159
|
+
selectValue,
|
|
2160
|
+
focusedOption,
|
|
2161
|
+
focusedOptionId: getFocusedOptionId(focusableOptionsWithIds, focusedOption),
|
|
2162
|
+
focusableOptionsWithIds,
|
|
2163
|
+
focusedValue,
|
|
2164
|
+
clearFocusValueOnUpdate: false
|
|
2165
|
+
};
|
|
2166
|
+
}
|
|
2167
|
+
var newInputIsHiddenState = inputIsHiddenAfterUpdate != null && props !== prevProps ? {
|
|
2168
|
+
inputIsHidden: inputIsHiddenAfterUpdate,
|
|
2169
|
+
inputIsHiddenAfterUpdate: void 0
|
|
2170
|
+
} : {};
|
|
2171
|
+
var newAriaSelection = ariaSelection;
|
|
2172
|
+
var hasKeptFocus = isFocused && prevWasFocused;
|
|
2173
|
+
if (isFocused && !hasKeptFocus) {
|
|
2174
|
+
newAriaSelection = {
|
|
2175
|
+
value: require_index_641ee5b8_esm.D(isMulti, selectValue, selectValue[0] || null),
|
|
2176
|
+
options: selectValue,
|
|
2177
|
+
action: "initial-input-focus"
|
|
2178
|
+
};
|
|
2179
|
+
hasKeptFocus = !prevWasFocused;
|
|
2180
|
+
}
|
|
2181
|
+
if ((ariaSelection === null || ariaSelection === void 0 ? void 0 : ariaSelection.action) === "initial-input-focus") newAriaSelection = null;
|
|
2182
|
+
return require_objectSpread2.default(require_objectSpread2.default(require_objectSpread2.default({}, newMenuOptionsState), newInputIsHiddenState), {}, {
|
|
2183
|
+
prevProps: props,
|
|
2184
|
+
ariaSelection: newAriaSelection,
|
|
2185
|
+
prevWasFocused: hasKeptFocus
|
|
2186
|
+
});
|
|
2187
|
+
}
|
|
2188
|
+
}]);
|
|
2189
|
+
return Select;
|
|
2190
|
+
}(require__global_external_react.Component);
|
|
2191
|
+
Select.defaultProps = defaultProps;
|
|
2192
|
+
//#endregion
|
|
2193
|
+
exports.S = Select;
|
|
2194
|
+
exports.a = defaultProps;
|
|
2195
|
+
exports.b = getOptionLabel$1;
|
|
2196
|
+
exports.c = createFilter;
|
|
2197
|
+
exports.d = defaultTheme;
|
|
2198
|
+
exports.g = getOptionValue$1;
|
|
2199
|
+
|
|
2200
|
+
//# sourceMappingURL=Select-ef7c0426.esm.js.map
|