@elliemae/ds-controlled-form 3.0.0-next.12 → 3.0.0-next.16
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/dist/cjs/autocomplete/Autocomplete.js +5 -6
- package/dist/cjs/autocomplete/Autocomplete.js.map +2 -2
- package/dist/cjs/autocomplete/AutocompleteCTX.js +3 -14
- package/dist/cjs/autocomplete/AutocompleteCTX.js.map +2 -2
- package/dist/cjs/autocomplete/AutocompleteDataTestids.js +1 -7
- package/dist/cjs/autocomplete/AutocompleteDataTestids.js.map +2 -2
- package/dist/cjs/autocomplete/config/useAutocomplete.js +23 -11
- package/dist/cjs/autocomplete/config/useAutocomplete.js.map +3 -3
- package/dist/cjs/autocomplete/parts/container/Container.js +27 -17
- package/dist/cjs/autocomplete/parts/container/Container.js.map +2 -2
- package/dist/cjs/autocomplete/parts/container/styled.js +0 -5
- package/dist/cjs/autocomplete/parts/container/styled.js.map +2 -2
- package/dist/cjs/autocomplete/parts/{controls → container}/useKeyboardNavigation.js +18 -24
- package/dist/cjs/autocomplete/parts/container/useKeyboardNavigation.js.map +7 -0
- package/dist/cjs/autocomplete/parts/menu-list/MenuList.js +5 -25
- package/dist/cjs/autocomplete/parts/menu-list/MenuList.js.map +2 -2
- package/dist/cjs/autocomplete/parts/menu-list/styled.js +2 -4
- package/dist/cjs/autocomplete/parts/menu-list/styled.js.map +2 -2
- package/dist/cjs/autocomplete/parts/menu-list/useItemRenderer.js +33 -35
- package/dist/cjs/autocomplete/parts/menu-list/useItemRenderer.js.map +2 -2
- package/dist/cjs/autocomplete/react-desc-prop-types.js +4 -9
- package/dist/cjs/autocomplete/react-desc-prop-types.js.map +2 -2
- package/dist/cjs/autocomplete/sharedTypes.js.map +1 -1
- package/dist/cjs/autocomplete/{config/constants.js → tests/utils.js} +27 -13
- package/dist/cjs/autocomplete/tests/utils.js.map +7 -0
- package/dist/cjs/autocomplete/utils/listHelper.js +8 -12
- package/dist/cjs/autocomplete/utils/listHelper.js.map +2 -2
- package/dist/cjs/combobox/config/useComboBox.js +7 -1
- package/dist/cjs/combobox/config/useComboBox.js.map +2 -2
- package/dist/cjs/combobox/config/useCorrectOptions.js +10 -29
- package/dist/cjs/combobox/config/useCorrectOptions.js.map +2 -2
- package/dist/cjs/combobox/parts/A11yFocusedOption.js +3 -3
- package/dist/cjs/combobox/parts/A11yFocusedOption.js.map +2 -2
- package/dist/cjs/combobox/parts/controls/Controls.js +3 -1
- package/dist/cjs/combobox/parts/controls/Controls.js.map +2 -2
- package/dist/cjs/combobox/parts/controls-input/ControlsInput.js +2 -1
- package/dist/cjs/combobox/parts/controls-input/ControlsInput.js.map +2 -2
- package/dist/cjs/combobox/parts/controls-input/styled.js +3 -0
- package/dist/cjs/combobox/parts/controls-input/styled.js.map +2 -2
- package/dist/cjs/combobox/parts/controls-input/useControlsInput.js +4 -5
- package/dist/cjs/combobox/parts/controls-input/useControlsInput.js.map +2 -2
- package/dist/cjs/combobox/parts/controls-input/useKeyboardNavigation.js +32 -29
- package/dist/cjs/combobox/parts/controls-input/useKeyboardNavigation.js.map +2 -2
- package/dist/cjs/combobox/parts/controls-input/useMaskedOnChange.js +8 -5
- package/dist/cjs/combobox/parts/controls-input/useMaskedOnChange.js.map +2 -2
- package/dist/cjs/combobox/parts/header-list/useHeaderListHandlers.js +4 -4
- package/dist/cjs/combobox/parts/header-list/useHeaderListHandlers.js.map +2 -2
- package/dist/cjs/combobox/parts/menu-list/MenuList.js +13 -10
- package/dist/cjs/combobox/parts/menu-list/MenuList.js.map +2 -2
- package/dist/cjs/combobox/parts/menu-list/styled.js +2 -1
- package/dist/cjs/combobox/parts/menu-list/styled.js.map +2 -2
- package/dist/cjs/combobox/parts/menu-list/useItemRenderer.js +7 -7
- package/dist/cjs/combobox/parts/menu-list/useItemRenderer.js.map +2 -2
- package/dist/cjs/combobox/parts/menu-list/useMenuListSetFocusOption.js +7 -7
- package/dist/cjs/combobox/parts/menu-list/useMenuListSetFocusOption.js.map +2 -2
- package/dist/cjs/combobox/react-desc-prop-types.js +2 -1
- package/dist/cjs/combobox/react-desc-prop-types.js.map +2 -2
- package/dist/cjs/combobox/utils/listHelper.js +34 -11
- package/dist/cjs/combobox/utils/listHelper.js.map +2 -2
- package/dist/cjs/mask-hook/hooks/index.js +1 -1
- package/dist/cjs/mask-hook/hooks/index.js.map +1 -1
- package/dist/cjs/mask-hook/hooks/useNumberMask.js +5 -0
- package/dist/cjs/mask-hook/hooks/useNumberMask.js.map +2 -2
- package/dist/cjs/mask-hook/hooks/usePhoneMask.js +7 -2
- package/dist/cjs/mask-hook/hooks/usePhoneMask.js.map +2 -2
- package/dist/cjs/mask-hook/hooks/useSSNMask.js +5 -0
- package/dist/cjs/mask-hook/hooks/useSSNMask.js.map +2 -2
- package/dist/cjs/mask-hook/hooks/{useZipCode.js → useZipCodeMask.js} +13 -8
- package/dist/cjs/mask-hook/hooks/{useZipCode.js.map → useZipCodeMask.js.map} +3 -3
- package/dist/esm/autocomplete/Autocomplete.js +2 -3
- package/dist/esm/autocomplete/Autocomplete.js.map +2 -2
- package/dist/esm/autocomplete/AutocompleteCTX.js +3 -14
- package/dist/esm/autocomplete/AutocompleteCTX.js.map +2 -2
- package/dist/esm/autocomplete/AutocompleteDataTestids.js +1 -7
- package/dist/esm/autocomplete/AutocompleteDataTestids.js.map +2 -2
- package/dist/esm/autocomplete/config/useAutocomplete.js +24 -12
- package/dist/esm/autocomplete/config/useAutocomplete.js.map +3 -3
- package/dist/esm/autocomplete/parts/container/Container.js +28 -18
- package/dist/esm/autocomplete/parts/container/Container.js.map +2 -2
- package/dist/esm/autocomplete/parts/container/styled.js +0 -5
- package/dist/esm/autocomplete/parts/container/styled.js.map +2 -2
- package/dist/esm/autocomplete/parts/{controls → container}/useKeyboardNavigation.js +18 -24
- package/dist/esm/autocomplete/parts/container/useKeyboardNavigation.js.map +7 -0
- package/dist/esm/autocomplete/parts/menu-list/MenuList.js +6 -26
- package/dist/esm/autocomplete/parts/menu-list/MenuList.js.map +2 -2
- package/dist/esm/autocomplete/parts/menu-list/styled.js +2 -4
- package/dist/esm/autocomplete/parts/menu-list/styled.js.map +2 -2
- package/dist/esm/autocomplete/parts/menu-list/useItemRenderer.js +33 -35
- package/dist/esm/autocomplete/parts/menu-list/useItemRenderer.js.map +2 -2
- package/dist/esm/autocomplete/react-desc-prop-types.js +4 -9
- package/dist/esm/autocomplete/react-desc-prop-types.js.map +2 -2
- package/dist/esm/autocomplete/tests/utils.js +27 -0
- package/dist/esm/autocomplete/tests/utils.js.map +7 -0
- package/dist/esm/autocomplete/utils/listHelper.js +8 -12
- package/dist/esm/autocomplete/utils/listHelper.js.map +2 -2
- package/dist/esm/combobox/config/useComboBox.js +7 -1
- package/dist/esm/combobox/config/useComboBox.js.map +2 -2
- package/dist/esm/combobox/config/useCorrectOptions.js +11 -30
- package/dist/esm/combobox/config/useCorrectOptions.js.map +2 -2
- package/dist/esm/combobox/parts/A11yFocusedOption.js +3 -3
- package/dist/esm/combobox/parts/A11yFocusedOption.js.map +2 -2
- package/dist/esm/combobox/parts/controls/Controls.js +3 -1
- package/dist/esm/combobox/parts/controls/Controls.js.map +2 -2
- package/dist/esm/combobox/parts/controls-input/ControlsInput.js +2 -1
- package/dist/esm/combobox/parts/controls-input/ControlsInput.js.map +2 -2
- package/dist/esm/combobox/parts/controls-input/styled.js +3 -0
- package/dist/esm/combobox/parts/controls-input/styled.js.map +2 -2
- package/dist/esm/combobox/parts/controls-input/useControlsInput.js +4 -5
- package/dist/esm/combobox/parts/controls-input/useControlsInput.js.map +2 -2
- package/dist/esm/combobox/parts/controls-input/useKeyboardNavigation.js +32 -29
- package/dist/esm/combobox/parts/controls-input/useKeyboardNavigation.js.map +2 -2
- package/dist/esm/combobox/parts/controls-input/useMaskedOnChange.js +8 -5
- package/dist/esm/combobox/parts/controls-input/useMaskedOnChange.js.map +2 -2
- package/dist/esm/combobox/parts/header-list/useHeaderListHandlers.js +4 -4
- package/dist/esm/combobox/parts/header-list/useHeaderListHandlers.js.map +2 -2
- package/dist/esm/combobox/parts/menu-list/MenuList.js +13 -10
- package/dist/esm/combobox/parts/menu-list/MenuList.js.map +2 -2
- package/dist/esm/combobox/parts/menu-list/styled.js +2 -1
- package/dist/esm/combobox/parts/menu-list/styled.js.map +2 -2
- package/dist/esm/combobox/parts/menu-list/useItemRenderer.js +7 -7
- package/dist/esm/combobox/parts/menu-list/useItemRenderer.js.map +2 -2
- package/dist/esm/combobox/parts/menu-list/useMenuListSetFocusOption.js +7 -7
- package/dist/esm/combobox/parts/menu-list/useMenuListSetFocusOption.js.map +2 -2
- package/dist/esm/combobox/react-desc-prop-types.js +2 -1
- package/dist/esm/combobox/react-desc-prop-types.js.map +2 -2
- package/dist/esm/combobox/utils/listHelper.js +34 -11
- package/dist/esm/combobox/utils/listHelper.js.map +2 -2
- package/dist/esm/mask-hook/hooks/index.js +1 -1
- package/dist/esm/mask-hook/hooks/index.js.map +1 -1
- package/dist/esm/mask-hook/hooks/useNumberMask.js +5 -0
- package/dist/esm/mask-hook/hooks/useNumberMask.js.map +2 -2
- package/dist/esm/mask-hook/hooks/usePhoneMask.js +7 -2
- package/dist/esm/mask-hook/hooks/usePhoneMask.js.map +2 -2
- package/dist/esm/mask-hook/hooks/useSSNMask.js +5 -0
- package/dist/esm/mask-hook/hooks/useSSNMask.js.map +2 -2
- package/dist/esm/mask-hook/hooks/{useZipCode.js → useZipCodeMask.js} +10 -5
- package/dist/esm/mask-hook/hooks/{useZipCode.js.map → useZipCodeMask.js.map} +3 -3
- package/package.json +15 -15
- package/dist/cjs/autocomplete/config/constants.js.map +0 -7
- package/dist/cjs/autocomplete/config/useGetPropsWithDefault.js +0 -37
- package/dist/cjs/autocomplete/config/useGetPropsWithDefault.js.map +0 -7
- package/dist/cjs/autocomplete/index.d.js +0 -27
- package/dist/cjs/autocomplete/index.d.js.map +0 -7
- package/dist/cjs/autocomplete/parts/a11y-messages/MultiAllyMessages.js +0 -50
- package/dist/cjs/autocomplete/parts/a11y-messages/MultiAllyMessages.js.map +0 -7
- package/dist/cjs/autocomplete/parts/a11y-messages/SingleAllyMessages.js +0 -48
- package/dist/cjs/autocomplete/parts/a11y-messages/SingleAllyMessages.js.map +0 -7
- package/dist/cjs/autocomplete/parts/a11y-messages/index.js +0 -37
- package/dist/cjs/autocomplete/parts/a11y-messages/index.js.map +0 -7
- package/dist/cjs/autocomplete/parts/a11y-messages/styled.js +0 -41
- package/dist/cjs/autocomplete/parts/a11y-messages/styled.js.map +0 -7
- package/dist/cjs/autocomplete/parts/controls/Controls.js +0 -72
- package/dist/cjs/autocomplete/parts/controls/Controls.js.map +0 -7
- package/dist/cjs/autocomplete/parts/controls/index.js +0 -35
- package/dist/cjs/autocomplete/parts/controls/index.js.map +0 -7
- package/dist/cjs/autocomplete/parts/controls/styled.js +0 -108
- package/dist/cjs/autocomplete/parts/controls/styled.js.map +0 -7
- package/dist/cjs/autocomplete/parts/controls/useControlsInput.js +0 -62
- package/dist/cjs/autocomplete/parts/controls/useControlsInput.js.map +0 -7
- package/dist/cjs/autocomplete/parts/controls/useKeyboardNavigation.js.map +0 -7
- package/dist/cjs/autocomplete/parts/controls/useMaskedOnChange.js +0 -48
- package/dist/cjs/autocomplete/parts/controls/useMaskedOnChange.js.map +0 -7
- package/dist/cjs/autocomplete/parts/menu-list/useMenuList.js +0 -82
- package/dist/cjs/autocomplete/parts/menu-list/useMenuList.js.map +0 -7
- package/dist/cjs/autocomplete/propTypes.js +0 -56
- package/dist/cjs/autocomplete/propTypes.js.map +0 -7
- package/dist/cjs/autocomplete/utils/hooks/useKeyboardNavigation.js +0 -108
- package/dist/cjs/autocomplete/utils/hooks/useKeyboardNavigation.js.map +0 -7
- package/dist/cjs/autocomplete/utils/hooks/useOnElementResize.js +0 -56
- package/dist/cjs/autocomplete/utils/hooks/useOnElementResize.js.map +0 -7
- package/dist/esm/autocomplete/config/constants.js +0 -13
- package/dist/esm/autocomplete/config/constants.js.map +0 -7
- package/dist/esm/autocomplete/config/useGetPropsWithDefault.js +0 -8
- package/dist/esm/autocomplete/config/useGetPropsWithDefault.js.map +0 -7
- package/dist/esm/autocomplete/index.d.js +0 -2
- package/dist/esm/autocomplete/index.d.js.map +0 -7
- package/dist/esm/autocomplete/parts/a11y-messages/MultiAllyMessages.js +0 -21
- package/dist/esm/autocomplete/parts/a11y-messages/MultiAllyMessages.js.map +0 -7
- package/dist/esm/autocomplete/parts/a11y-messages/SingleAllyMessages.js +0 -19
- package/dist/esm/autocomplete/parts/a11y-messages/SingleAllyMessages.js.map +0 -7
- package/dist/esm/autocomplete/parts/a11y-messages/index.js +0 -8
- package/dist/esm/autocomplete/parts/a11y-messages/index.js.map +0 -7
- package/dist/esm/autocomplete/parts/a11y-messages/styled.js +0 -12
- package/dist/esm/autocomplete/parts/a11y-messages/styled.js.map +0 -7
- package/dist/esm/autocomplete/parts/controls/Controls.js +0 -43
- package/dist/esm/autocomplete/parts/controls/Controls.js.map +0 -7
- package/dist/esm/autocomplete/parts/controls/index.js +0 -6
- package/dist/esm/autocomplete/parts/controls/index.js.map +0 -7
- package/dist/esm/autocomplete/parts/controls/styled.js +0 -79
- package/dist/esm/autocomplete/parts/controls/styled.js.map +0 -7
- package/dist/esm/autocomplete/parts/controls/useControlsInput.js +0 -33
- package/dist/esm/autocomplete/parts/controls/useControlsInput.js.map +0 -7
- package/dist/esm/autocomplete/parts/controls/useKeyboardNavigation.js.map +0 -7
- package/dist/esm/autocomplete/parts/controls/useMaskedOnChange.js +0 -19
- package/dist/esm/autocomplete/parts/controls/useMaskedOnChange.js.map +0 -7
- package/dist/esm/autocomplete/parts/menu-list/useMenuList.js +0 -53
- package/dist/esm/autocomplete/parts/menu-list/useMenuList.js.map +0 -7
- package/dist/esm/autocomplete/propTypes.js +0 -27
- package/dist/esm/autocomplete/propTypes.js.map +0 -7
- package/dist/esm/autocomplete/utils/hooks/useKeyboardNavigation.js +0 -79
- package/dist/esm/autocomplete/utils/hooks/useKeyboardNavigation.js.map +0 -7
- package/dist/esm/autocomplete/utils/hooks/useOnElementResize.js +0 -27
- package/dist/esm/autocomplete/utils/hooks/useOnElementResize.js.map +0 -7
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/autocomplete/parts/a11y-messages/MultiAllyMessages.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useContext } from 'react';\nimport { CBItemOption } from '../../index.d';\nimport { AutocompleteContext } from '../../AutocompleteCTX';\nimport { getSelectableOptions } from '../../utils/listHelper';\nimport { StyledA11ySelectedValues } from './styled';\nconst MultiAllyMessages = (): JSX.Element => {\n const {\n props: { options, selectedValues },\n } = useContext(AutocompleteContext);\n const selectableOptions = getSelectableOptions(options);\n\n const multipleSelectedValues = selectedValues as CBItemOption[];\n return (\n <StyledA11ySelectedValues aria-live=\"polite\" aria-atomic=\"false\" aria-relevant=\"additions text\">\n {`Options selected: ${multipleSelectedValues.map((item) => item.label).join(', ')}. ${\n multipleSelectedValues.length\n } of ${selectableOptions.length}`}\n </StyledA11ySelectedValues>\n );\n};\n\nexport { MultiAllyMessages };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAElC,6BAAoC;AACpC,wBAAqC;AACrC,oBAAyC;AACzC,MAAM,oBAAoB,MAAmB;AAC3C,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS;AAAA,MAChB,6BAAW;AACf,QAAM,oBAAoB,4CAAqB;AAE/C,QAAM,yBAAyB;AAC/B,SACE,mDAAC,wCAAD;AAAA,IAA0B,aAAU;AAAA,IAAS,eAAY;AAAA,IAAQ,iBAAc;AAAA,KAC5E,qBAAqB,uBAAuB,IAAI,CAAC,SAAS,KAAK,OAAO,KAAK,UAC1E,uBAAuB,aAClB,kBAAkB;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var SingleAllyMessages_exports = {};
|
|
29
|
-
__export(SingleAllyMessages_exports, {
|
|
30
|
-
SingleAllyMessages: () => SingleAllyMessages
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_AutocompleteCTX = require("../../AutocompleteCTX");
|
|
35
|
-
var import_styled = require("./styled");
|
|
36
|
-
const SingleAllyMessages = () => {
|
|
37
|
-
const {
|
|
38
|
-
props: { selectedValues }
|
|
39
|
-
} = (0, import_react.useContext)(import_AutocompleteCTX.AutocompleteContext);
|
|
40
|
-
const singleSelectedValue = selectedValues;
|
|
41
|
-
return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledA11ySelectedValues, {
|
|
42
|
-
"aria-live": "polite",
|
|
43
|
-
"aria-atomic": "false",
|
|
44
|
-
"aria-relevant": "additions text"
|
|
45
|
-
}, `Option selected: ${singleSelectedValue.label}.`);
|
|
46
|
-
};
|
|
47
|
-
module.exports = __toCommonJS(SingleAllyMessages_exports);
|
|
48
|
-
//# sourceMappingURL=SingleAllyMessages.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/autocomplete/parts/a11y-messages/SingleAllyMessages.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useContext } from 'react';\nimport { CBItemOption } from '../../index.d';\nimport { AutocompleteContext } from '../../AutocompleteCTX';\nimport { StyledA11ySelectedValues } from './styled';\nconst SingleAllyMessages = (): JSX.Element => {\n const {\n props: { selectedValues },\n } = useContext(AutocompleteContext);\n\n const singleSelectedValue = selectedValues as CBItemOption;\n return (\n <StyledA11ySelectedValues aria-live=\"polite\" aria-atomic=\"false\" aria-relevant=\"additions text\">\n {`Option selected: ${singleSelectedValue.label}.`}\n </StyledA11ySelectedValues>\n );\n};\n\nexport { SingleAllyMessages };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAElC,6BAAoC;AACpC,oBAAyC;AACzC,MAAM,qBAAqB,MAAmB;AAC5C,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,MACP,6BAAW;AAEf,QAAM,sBAAsB;AAC5B,SACE,mDAAC,wCAAD;AAAA,IAA0B,aAAU;AAAA,IAAS,eAAY;AAAA,IAAQ,iBAAc;AAAA,KAC5E,oBAAoB,oBAAoB;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var a11y_messages_exports = {};
|
|
29
|
-
__export(a11y_messages_exports, {
|
|
30
|
-
MultiAllyMessages: () => import_MultiAllyMessages.MultiAllyMessages,
|
|
31
|
-
SingleAllyMessages: () => import_SingleAllyMessages.SingleAllyMessages
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_MultiAllyMessages = require("./MultiAllyMessages");
|
|
35
|
-
var import_SingleAllyMessages = require("./SingleAllyMessages");
|
|
36
|
-
module.exports = __toCommonJS(a11y_messages_exports);
|
|
37
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/autocomplete/parts/a11y-messages/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export { MultiAllyMessages } from './MultiAllyMessages';\nexport { SingleAllyMessages } from './SingleAllyMessages';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAkC;AAClC,gCAAmC;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var styled_exports = {};
|
|
29
|
-
__export(styled_exports, {
|
|
30
|
-
StyledA11ySelectedValues: () => StyledA11ySelectedValues
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_styled_components = __toESM(require("styled-components"));
|
|
34
|
-
const StyledA11ySelectedValues = import_styled_components.default.span`
|
|
35
|
-
width: 1px;
|
|
36
|
-
height: 1px;
|
|
37
|
-
position: absolute;
|
|
38
|
-
clip: rect(1px, 1px, 1px, 1px);
|
|
39
|
-
`;
|
|
40
|
-
module.exports = __toCommonJS(styled_exports);
|
|
41
|
-
//# sourceMappingURL=styled.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/autocomplete/parts/a11y-messages/styled.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import styled from 'styled-components';\n\nexport const StyledA11ySelectedValues = styled.span`\n width: 1px;\n height: 1px;\n position: absolute;\n clip: rect(1px, 1px, 1px, 1px);\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAEZ,MAAM,2BAA2B,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var Controls_exports = {};
|
|
29
|
-
__export(Controls_exports, {
|
|
30
|
-
Controls: () => Controls
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_AutocompleteCTX = require("../../AutocompleteCTX");
|
|
35
|
-
var import_useKeyboardNavigation = require("../../utils/hooks/useKeyboardNavigation");
|
|
36
|
-
var import_useControlsInput = require("./useControlsInput");
|
|
37
|
-
var import_styled = require("./styled");
|
|
38
|
-
const Controls = () => {
|
|
39
|
-
const {
|
|
40
|
-
props: { autoFocus, hasError, placeholder, inputMinWidth },
|
|
41
|
-
inputRef,
|
|
42
|
-
showPopover,
|
|
43
|
-
focusOptionIdx,
|
|
44
|
-
controlsWrapperRef
|
|
45
|
-
} = (0, import_react.useContext)(import_AutocompleteCTX.AutocompleteContext);
|
|
46
|
-
const { onInputKeyDown } = (0, import_useKeyboardNavigation.useKeyboardNavigation)();
|
|
47
|
-
const { handleOnBlur, handleOnInputMouseDown, handleOnChange } = (0, import_useControlsInput.useControlsInput)();
|
|
48
|
-
return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledControlsWrapper, {
|
|
49
|
-
ref: controlsWrapperRef,
|
|
50
|
-
cols: ["minmax(20px, auto)"],
|
|
51
|
-
minWidth: inputMinWidth,
|
|
52
|
-
hasError
|
|
53
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledInputWrapper, null, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledInput, {
|
|
54
|
-
autoFocus,
|
|
55
|
-
"aria-labelledby": "combo-label",
|
|
56
|
-
"aria-controls": "combo-listbox",
|
|
57
|
-
"aria-owns": "combo-listbox",
|
|
58
|
-
"aria-activedescendant": focusOptionIdx,
|
|
59
|
-
"aria-expanded": showPopover,
|
|
60
|
-
"aria-haspopup": "listbox",
|
|
61
|
-
placeholder,
|
|
62
|
-
role: "combobox",
|
|
63
|
-
ref: inputRef,
|
|
64
|
-
type: "text",
|
|
65
|
-
onKeyDown: onInputKeyDown,
|
|
66
|
-
onChange: handleOnChange,
|
|
67
|
-
onBlur: handleOnBlur,
|
|
68
|
-
onClick: handleOnInputMouseDown
|
|
69
|
-
})));
|
|
70
|
-
};
|
|
71
|
-
module.exports = __toCommonJS(Controls_exports);
|
|
72
|
-
//# sourceMappingURL=Controls.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/autocomplete/parts/controls/Controls.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport { AutocompleteContext } from '../../AutocompleteCTX';\nimport { useKeyboardNavigation } from '../../utils/hooks/useKeyboardNavigation';\nimport { useControlsInput } from './useControlsInput';\n\nimport { StyledControlsWrapper, StyledInputWrapper, StyledInput } from './styled';\nconst Controls = (): JSX.Element => {\n const {\n props: { autoFocus, hasError, placeholder, inputMinWidth },\n inputRef,\n showPopover,\n focusOptionIdx,\n controlsWrapperRef,\n } = useContext(AutocompleteContext);\n\n const { onInputKeyDown } = useKeyboardNavigation();\n const { handleOnBlur, handleOnInputMouseDown, handleOnChange } = useControlsInput();\n\n return (\n <StyledControlsWrapper\n ref={controlsWrapperRef}\n cols={['minmax(20px, auto)']}\n minWidth={inputMinWidth}\n hasError={hasError}\n >\n <StyledInputWrapper>\n <StyledInput\n autoFocus={autoFocus}\n aria-labelledby=\"combo-label\"\n aria-controls=\"combo-listbox\"\n aria-owns=\"combo-listbox\"\n aria-activedescendant={focusOptionIdx}\n aria-expanded={showPopover}\n aria-haspopup=\"listbox\"\n placeholder={placeholder}\n role=\"combobox\"\n ref={inputRef}\n type=\"text\"\n onKeyDown={onInputKeyDown}\n onChange={handleOnChange}\n onBlur={handleOnBlur}\n onClick={handleOnInputMouseDown}\n />\n </StyledInputWrapper>\n </StyledControlsWrapper>\n );\n};\n\nexport { Controls };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkC;AAClC,6BAAoC;AACpC,mCAAsC;AACtC,8BAAiC;AAEjC,oBAAuE;AACvE,MAAM,WAAW,MAAmB;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE,WAAW,UAAU,aAAa;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,QAAM,EAAE,mBAAmB;AAC3B,QAAM,EAAE,cAAc,wBAAwB,mBAAmB;AAEjE,SACE,mDAAC,qCAAD;AAAA,IACE,KAAK;AAAA,IACL,MAAM,CAAC;AAAA,IACP,UAAU;AAAA,IACV;AAAA,KAEA,mDAAC,kCAAD,MACE,mDAAC,2BAAD;AAAA,IACE;AAAA,IACA,mBAAgB;AAAA,IAChB,iBAAc;AAAA,IACd,aAAU;AAAA,IACV,yBAAuB;AAAA,IACvB,iBAAe;AAAA,IACf,iBAAc;AAAA,IACd;AAAA,IACA,MAAK;AAAA,IACL,KAAK;AAAA,IACL,MAAK;AAAA,IACL,WAAW;AAAA,IACX,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var controls_exports = {};
|
|
29
|
-
__export(controls_exports, {
|
|
30
|
-
Controls: () => import_Controls.Controls
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_Controls = require("./Controls");
|
|
34
|
-
module.exports = __toCommonJS(controls_exports);
|
|
35
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/autocomplete/parts/controls/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export { Controls } from './Controls';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAAyB;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var styled_exports = {};
|
|
29
|
-
__export(styled_exports, {
|
|
30
|
-
StyledControlsWrapper: () => StyledControlsWrapper,
|
|
31
|
-
StyledInput: () => StyledInput,
|
|
32
|
-
StyledInputPlaceHolder: () => StyledInputPlaceHolder,
|
|
33
|
-
StyledInputWrapper: () => StyledInputWrapper
|
|
34
|
-
});
|
|
35
|
-
var React = __toESM(require("react"));
|
|
36
|
-
var import_styled_components = __toESM(require("styled-components"));
|
|
37
|
-
var import_ds_system = require("@elliemae/ds-system");
|
|
38
|
-
var import_ds_grid = require("@elliemae/ds-grid");
|
|
39
|
-
const normalBorder = import_ds_system.css`
|
|
40
|
-
border: 1px solid ${(props) => props.hasError ? props.theme.colors.danger[900] : props.theme.colors.neutral[400]};
|
|
41
|
-
`;
|
|
42
|
-
const focusBorder = import_ds_system.css`
|
|
43
|
-
border: 2px solid ${({ theme }) => theme.colors.brand[700]};
|
|
44
|
-
`;
|
|
45
|
-
const StyledControlsWrapper = (0, import_styled_components.default)(import_ds_grid.Grid)`
|
|
46
|
-
background: transparent;
|
|
47
|
-
position: relative;
|
|
48
|
-
border-radius: 2px;
|
|
49
|
-
min-width: ${({ minWidth }) => `${minWidth}px`};
|
|
50
|
-
align-items: center;
|
|
51
|
-
align-content: center;
|
|
52
|
-
height: 28px;
|
|
53
|
-
padding-left: 8px;
|
|
54
|
-
::after {
|
|
55
|
-
display: block;
|
|
56
|
-
content: ' ';
|
|
57
|
-
position: absolute;
|
|
58
|
-
top: 0;
|
|
59
|
-
left: 0;
|
|
60
|
-
right: 0;
|
|
61
|
-
bottom: 0;
|
|
62
|
-
border-radius: 2px;
|
|
63
|
-
${normalBorder}
|
|
64
|
-
pointer-events: none;
|
|
65
|
-
z-index: 7;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
:focus-within {
|
|
69
|
-
::after {
|
|
70
|
-
${focusBorder}
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
`;
|
|
74
|
-
const StyledInput = import_styled_components.default.input`
|
|
75
|
-
::placeholder {
|
|
76
|
-
font-style: italic;
|
|
77
|
-
color: ${(props) => props.theme.colors.neutral[500]};
|
|
78
|
-
}
|
|
79
|
-
font-size: 13px;
|
|
80
|
-
line-height: 13px;
|
|
81
|
-
border: none;
|
|
82
|
-
padding: 0;
|
|
83
|
-
outline: none;
|
|
84
|
-
width: 100%;
|
|
85
|
-
color: ${(props) => props.theme.colors.neutral[700]};
|
|
86
|
-
&:focus {
|
|
87
|
-
outline: none;
|
|
88
|
-
}
|
|
89
|
-
`;
|
|
90
|
-
const StyledInputPlaceHolder = import_styled_components.default.div`
|
|
91
|
-
font-style: italic;
|
|
92
|
-
color: ${(props) => props.theme.colors.neutral[500]};
|
|
93
|
-
position: absolute;
|
|
94
|
-
display: flex;
|
|
95
|
-
align-items: center;
|
|
96
|
-
width: 100%;
|
|
97
|
-
user-select: none;
|
|
98
|
-
height: 28px;
|
|
99
|
-
`;
|
|
100
|
-
const StyledInputWrapper = import_styled_components.default.div`
|
|
101
|
-
position: relative;
|
|
102
|
-
flex: 1;
|
|
103
|
-
margin-right: 5px;
|
|
104
|
-
display: flex;
|
|
105
|
-
align-items: center;
|
|
106
|
-
`;
|
|
107
|
-
module.exports = __toCommonJS(styled_exports);
|
|
108
|
-
//# sourceMappingURL=styled.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/autocomplete/parts/controls/styled.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import styled from 'styled-components';\nimport { css } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { AutocompletePropsT } from '../../index.d';\n\nconst normalBorder = css<{ hasError: boolean }>`\n border: 1px solid ${(props) => (props.hasError ? props.theme.colors.danger[900] : props.theme.colors.neutral[400])};\n`;\nconst focusBorder = css`\n border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n`;\n\nexport const StyledControlsWrapper = styled(Grid)<{ minWidth: number; hasError: boolean }>`\n background: transparent;\n position: relative;\n border-radius: 2px;\n min-width: ${({ minWidth }) => `${minWidth}px`};\n align-items: center;\n align-content: center;\n height: 28px;\n padding-left: 8px;\n ::after {\n display: block;\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: 2px;\n ${normalBorder}\n pointer-events: none;\n z-index: 7;\n }\n\n :focus-within {\n ::after {\n ${focusBorder}\n }\n }\n`;\n\nexport const StyledInput = styled.input`\n ::placeholder {\n font-style: italic;\n color: ${(props) => props.theme.colors.neutral[500]};\n }\n font-size: 13px;\n line-height: 13px;\n border: none;\n padding: 0;\n outline: none;\n width: 100%;\n color: ${(props) => props.theme.colors.neutral[700]};\n &:focus {\n outline: none;\n }\n`;\n\nexport const StyledInputPlaceHolder = styled.div`\n font-style: italic;\n color: ${(props) => props.theme.colors.neutral[500]};\n position: absolute;\n display: flex;\n align-items: center;\n width: 100%;\n user-select: none;\n height: 28px;\n`;\n\nexport const StyledInputWrapper = styled.div`\n position: relative;\n flex: 1;\n margin-right: 5px;\n display: flex;\n align-items: center;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,uBAAoB;AACpB,qBAAqB;AAGrB,MAAM,eAAe;AAAA,sBACC,CAAC,UAAW,MAAM,WAAW,MAAM,MAAM,OAAO,OAAO,OAAO,MAAM,MAAM,OAAO,QAAQ;AAAA;AAE/G,MAAM,cAAc;AAAA,sBACE,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAGjD,MAAM,wBAAwB,sCAAO;AAAA;AAAA;AAAA;AAAA,eAI7B,CAAC,EAAE,eAAe,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAc9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAOE;AAAA;AAAA;AAAA;AAKD,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA,aAGrB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAQxC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAM1C,MAAM,yBAAyB,iCAAO;AAAA;AAAA,WAElC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS1C,MAAM,qBAAqB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var useControlsInput_exports = {};
|
|
29
|
-
__export(useControlsInput_exports, {
|
|
30
|
-
useControlsInput: () => useControlsInput
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = require("react");
|
|
34
|
-
var import_AutocompleteCTX = require("../../AutocompleteCTX");
|
|
35
|
-
const useControlsInput = () => {
|
|
36
|
-
const {
|
|
37
|
-
props: { selectedValues, onChange, placeholder, onFilter },
|
|
38
|
-
setShowPopover,
|
|
39
|
-
inputRef
|
|
40
|
-
} = (0, import_react.useContext)(import_AutocompleteCTX.AutocompleteContext);
|
|
41
|
-
const handleOnChange = (0, import_react.useCallback)((e) => {
|
|
42
|
-
const target = e.target;
|
|
43
|
-
onChange(target.value);
|
|
44
|
-
setShowPopover(true);
|
|
45
|
-
onFilter(target.value);
|
|
46
|
-
}, [onFilter, onChange, setShowPopover]);
|
|
47
|
-
const handleOnBlur = (0, import_react.useCallback)(() => {
|
|
48
|
-
setShowPopover(false);
|
|
49
|
-
}, [setShowPopover]);
|
|
50
|
-
const handleOnInputMouseDown = (0, import_react.useCallback)((e) => {
|
|
51
|
-
e.stopPropagation();
|
|
52
|
-
}, []);
|
|
53
|
-
const showPlaceholder = (0, import_react.useMemo)(() => !inputRef.current?.value && selectedValues === "" ? placeholder : null, [placeholder, inputRef, selectedValues]);
|
|
54
|
-
return (0, import_react.useMemo)(() => ({
|
|
55
|
-
handleOnBlur,
|
|
56
|
-
handleOnChange,
|
|
57
|
-
handleOnInputMouseDown,
|
|
58
|
-
showPlaceholder
|
|
59
|
-
}), [handleOnBlur, handleOnInputMouseDown, handleOnChange, showPlaceholder]);
|
|
60
|
-
};
|
|
61
|
-
module.exports = __toCommonJS(useControlsInput_exports);
|
|
62
|
-
//# sourceMappingURL=useControlsInput.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/autocomplete/parts/controls/useControlsInput.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useContext, useMemo, useCallback } from 'react';\n\nimport { AutocompleteContext } from '../../AutocompleteCTX';\n\ninterface UseControlsInputT {\n handleOnBlur: () => void;\n handleOnChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n handleOnInputMouseDown: (e: React.MouseEvent) => void;\n showPlaceholder: string | null | undefined;\n}\nconst useControlsInput = (): UseControlsInputT => {\n const {\n props: { selectedValues, onChange, placeholder, onFilter },\n setShowPopover,\n inputRef,\n } = useContext(AutocompleteContext);\n\n const handleOnChange = useCallback(\n (e: React.FormEvent<HTMLInputElement>) => {\n const target = e.target as HTMLInputElement;\n onChange(target.value);\n setShowPopover(true);\n onFilter(target.value);\n },\n [onFilter, onChange, setShowPopover],\n );\n\n const handleOnBlur = useCallback(() => {\n setShowPopover(false);\n }, [setShowPopover]);\n\n const handleOnInputMouseDown = useCallback((e: React.MouseEvent) => {\n e.stopPropagation();\n }, []);\n\n const showPlaceholder = useMemo(\n () => (!inputRef.current?.value && selectedValues === '' ? placeholder : null),\n [placeholder, inputRef, selectedValues],\n );\n\n return useMemo(\n () => ({\n handleOnBlur,\n handleOnChange,\n handleOnInputMouseDown,\n showPlaceholder,\n }),\n [handleOnBlur, handleOnInputMouseDown, handleOnChange, showPlaceholder],\n );\n};\n\nexport { useControlsInput };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwD;AAExD,6BAAoC;AAQpC,MAAM,mBAAmB,MAAyB;AAChD,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,UAAU,aAAa;AAAA,IAChD;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,QAAM,iBAAiB,8BACrB,CAAC,MAAyC;AACxC,UAAM,SAAS,EAAE;AACjB,aAAS,OAAO;AAChB,mBAAe;AACf,aAAS,OAAO;AAAA,KAElB,CAAC,UAAU,UAAU;AAGvB,QAAM,eAAe,8BAAY,MAAM;AACrC,mBAAe;AAAA,KACd,CAAC;AAEJ,QAAM,yBAAyB,8BAAY,CAAC,MAAwB;AAClE,MAAE;AAAA,KACD;AAEH,QAAM,kBAAkB,0BACtB,MAAO,CAAC,SAAS,SAAS,SAAS,mBAAmB,KAAK,cAAc,MACzE,CAAC,aAAa,UAAU;AAG1B,SAAO,0BACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF,CAAC,cAAc,wBAAwB,gBAAgB;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/autocomplete/parts/controls/useKeyboardNavigation.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable max-depth */\n/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport React, { useCallback, useContext } from 'react';\nimport { DSAutocompleteT } from '../../react-desc-prop-types';\nimport AutocompleteContext from '../../AutocompleteCTX';\nimport { findInCircularList } from '../../utils/listHelper';\n\nconst isOptionFocuseable = (opt: DSAutocompleteT.OptionTypes): boolean => !['section', 'separator'].includes(opt.type);\n\nexport const useKeyboardNavigation = () => {\n const {\n props: { onValueChange, options },\n setShowPopover,\n showPopover,\n focusOptionIdx,\n setCurrentOption,\n scrollOptionIntoView,\n } = useContext(AutocompleteContext);\n\n const currentItemIndex = options.findIndex((opt) => opt.dsId === focusOptionIdx);\n const currentItem = options.find(\n (item) => item.type === 'option' && item.dsId === focusOptionIdx,\n ) as DSAutocompleteT.ItemOption;\n const selectOption = useCallback(\n (e) => {\n if (onValueChange) onValueChange(currentItem.label, e as React.ChangeEvent<HTMLInputElement>);\n setShowPopover(false);\n },\n [currentItem, setShowPopover, onValueChange],\n );\n const onInputKeyDown: React.KeyboardEventHandler<HTMLInputElement> = useCallback(\n (e) => {\n const targetElement = e.target as HTMLInputElement;\n\n if (['ArrowDown', 'ArrowUp', 'Enter'].includes(e.key) || (e.keyCode >= 48 && e.keyCode <= 90)) {\n setShowPopover(true);\n }\n\n // =============================================================================\n // ENTER AND SPACE KEY SELECT OPTIONS AND OPEN CLOSE THE POPOVER\n // =============================================================================\n if ((e.keyCode === 32 && targetElement.value === '') || e.key === 'Enter') {\n if (showPopover) {\n e.preventDefault();\n selectOption(e);\n }\n }\n\n // =============================================================================\n // ARROWS UP AND DOWN\n // =============================================================================\n if (e.key === 'ArrowDown') {\n e.preventDefault();\n if (showPopover) {\n const nextItemIndex = findInCircularList(options, currentItemIndex, isOptionFocuseable);\n setCurrentOption(options[nextItemIndex].dsId);\n scrollOptionIntoView(options[nextItemIndex].dsId);\n } else {\n setShowPopover(true);\n }\n }\n if (e.key === 'ArrowUp') {\n e.preventDefault();\n if (showPopover) {\n const nextItemIndex = findInCircularList(options, currentItemIndex, isOptionFocuseable, -1);\n setCurrentOption(options[nextItemIndex].dsId);\n scrollOptionIntoView(options[nextItemIndex].dsId);\n } else {\n setShowPopover(true);\n setTimeout(() => {\n const nextItemIndex = findInCircularList(options, 0, isOptionFocuseable, -1);\n setCurrentOption(options[nextItemIndex].dsId);\n scrollOptionIntoView(options[nextItemIndex].dsId);\n });\n }\n }\n // =============================================================================\n // ESCAPE\n // =============================================================================\n if (e.key === 'Escape') {\n setShowPopover(false);\n }\n },\n [scrollOptionIntoView, currentItemIndex, options, showPopover, setCurrentOption, setShowPopover, selectOption],\n );\n\n return { onInputKeyDown };\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,mBAA+C;AAE/C,6BAAgC;AAChC,wBAAmC;AAEnC,MAAM,qBAAqB,CAAC,QAA8C,CAAC,CAAC,WAAW,aAAa,SAAS,IAAI;AAE1G,MAAM,wBAAwB,MAAM;AACzC,QAAM;AAAA,IACJ,OAAO,EAAE,eAAe;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,QAAM,mBAAmB,QAAQ,UAAU,CAAC,QAAQ,IAAI,SAAS;AACjE,QAAM,cAAc,QAAQ,KAC1B,CAAC,SAAS,KAAK,SAAS,YAAY,KAAK,SAAS;AAEpD,QAAM,eAAe,8BACnB,CAAC,MAAM;AACL,QAAI;AAAe,oBAAc,YAAY,OAAO;AACpD,mBAAe;AAAA,KAEjB,CAAC,aAAa,gBAAgB;AAEhC,QAAM,iBAA+D,8BACnE,CAAC,MAAM;AACL,UAAM,gBAAgB,EAAE;AAExB,QAAI,CAAC,aAAa,WAAW,SAAS,SAAS,EAAE,QAAS,EAAE,WAAW,MAAM,EAAE,WAAW,IAAK;AAC7F,qBAAe;AAAA;AAMjB,QAAK,EAAE,YAAY,MAAM,cAAc,UAAU,MAAO,EAAE,QAAQ,SAAS;AACzE,UAAI,aAAa;AACf,UAAE;AACF,qBAAa;AAAA;AAAA;AAOjB,QAAI,EAAE,QAAQ,aAAa;AACzB,QAAE;AACF,UAAI,aAAa;AACf,cAAM,gBAAgB,0CAAmB,SAAS,kBAAkB;AACpE,yBAAiB,QAAQ,eAAe;AACxC,6BAAqB,QAAQ,eAAe;AAAA,aACvC;AACL,uBAAe;AAAA;AAAA;AAGnB,QAAI,EAAE,QAAQ,WAAW;AACvB,QAAE;AACF,UAAI,aAAa;AACf,cAAM,gBAAgB,0CAAmB,SAAS,kBAAkB,oBAAoB;AACxF,yBAAiB,QAAQ,eAAe;AACxC,6BAAqB,QAAQ,eAAe;AAAA,aACvC;AACL,uBAAe;AACf,mBAAW,MAAM;AACf,gBAAM,gBAAgB,0CAAmB,SAAS,GAAG,oBAAoB;AACzE,2BAAiB,QAAQ,eAAe;AACxC,+BAAqB,QAAQ,eAAe;AAAA;AAAA;AAAA;AAOlD,QAAI,EAAE,QAAQ,UAAU;AACtB,qBAAe;AAAA;AAAA,KAGnB,CAAC,sBAAsB,kBAAkB,SAAS,aAAa,kBAAkB,gBAAgB;AAGnG,SAAO,EAAE;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var useMaskedOnChange_exports = {};
|
|
29
|
-
__export(useMaskedOnChange_exports, {
|
|
30
|
-
useMaskedOnChange: () => useMaskedOnChange
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = require("react");
|
|
34
|
-
var import_AutocompleteCTX = __toESM(require("../../AutocompleteCTX"));
|
|
35
|
-
const useMaskedOnChange = () => {
|
|
36
|
-
const {
|
|
37
|
-
props: { useMask, onChange },
|
|
38
|
-
setShowPopover
|
|
39
|
-
} = (0, import_react.useContext)(import_AutocompleteCTX.default);
|
|
40
|
-
const handleOnChange = (0, import_react.useCallback)((e) => {
|
|
41
|
-
setShowPopover(true);
|
|
42
|
-
onChange(e.target.value);
|
|
43
|
-
}, [onChange, setShowPopover]);
|
|
44
|
-
const onChangeMask = useMask({ valueSetter: setInputValue, onChange: handleOnChange });
|
|
45
|
-
return onChangeMask?.onChange || handleOnChange;
|
|
46
|
-
};
|
|
47
|
-
module.exports = __toCommonJS(useMaskedOnChange_exports);
|
|
48
|
-
//# sourceMappingURL=useMaskedOnChange.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/autocomplete/parts/controls/useMaskedOnChange.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { useContext, useCallback } from 'react';\nimport AutocompleteContext from '../../AutocompleteCTX';\n\nconst useMaskedOnChange = () => {\n const {\n props: { useMask, onChange },\n setShowPopover,\n } = useContext(AutocompleteContext);\n\n // default onchange when no mask provided\n const handleOnChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n setShowPopover(true);\n onChange(e.target.value);\n },\n [onChange, setShowPopover],\n );\n\n const onChangeMask = useMask({ valueSetter: setInputValue, onChange: handleOnChange });\n\n return onChangeMask?.onChange || handleOnChange;\n};\n\nexport { useMaskedOnChange };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwC;AACxC,6BAAgC;AAEhC,MAAM,oBAAoB,MAAM;AAC9B,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS;AAAA,IAClB;AAAA,MACE,6BAAW;AAGf,QAAM,iBAAiB,8BACrB,CAAC,MAA2C;AAC1C,mBAAe;AACf,aAAS,EAAE,OAAO;AAAA,KAEpB,CAAC,UAAU;AAGb,QAAM,eAAe,QAAQ,EAAE,aAAa,eAAe,UAAU;AAErE,SAAO,cAAc,YAAY;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|