@navikt/ds-react 7.32.1 → 7.32.3
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/cjs/copybutton/CopyButton.js +4 -9
- package/cjs/copybutton/CopyButton.js.map +1 -1
- package/cjs/form/combobox/Combobox.js +1 -3
- package/cjs/form/combobox/Combobox.js.map +1 -1
- package/cjs/form/combobox/ComboboxWrapper.d.ts +1 -2
- package/cjs/form/combobox/ComboboxWrapper.js +1 -2
- package/cjs/form/combobox/ComboboxWrapper.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/FilteredOptions.js +28 -19
- package/cjs/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/FilteredOptionsItem.js +4 -0
- package/cjs/form/combobox/FilteredOptions/FilteredOptionsItem.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/useVirtualFocus.js.map +1 -1
- package/cjs/form/combobox/Input/Input.context.d.ts +2 -0
- package/cjs/form/combobox/Input/Input.context.js +4 -1
- package/cjs/form/combobox/Input/Input.context.js.map +1 -1
- package/cjs/form/combobox/Input/InputController.js +2 -2
- package/cjs/form/combobox/Input/InputController.js.map +1 -1
- package/cjs/form/switch/Switch.js +3 -3
- package/cjs/form/switch/Switch.js.map +1 -1
- package/cjs/help-text/HelpText.js +3 -3
- package/cjs/help-text/HelpText.js.map +1 -1
- package/cjs/help-text/HelpTextIcon.d.ts +1 -2
- package/cjs/help-text/HelpTextIcon.js +3 -7
- package/cjs/help-text/HelpTextIcon.js.map +1 -1
- package/cjs/layout/page/parts/PageBlock.d.ts +9 -6
- package/cjs/layout/page/parts/PageBlock.js.map +1 -1
- package/cjs/modal/ModalUtils.js +6 -4
- package/cjs/modal/ModalUtils.js.map +1 -1
- package/cjs/overlays/dismissablelayer/DismissableLayer.js +9 -19
- package/cjs/overlays/dismissablelayer/DismissableLayer.js.map +1 -1
- package/cjs/overlays/dismissablelayer/util/usePointerDownOutside.js +5 -4
- package/cjs/overlays/dismissablelayer/util/usePointerDownOutside.js.map +1 -1
- package/cjs/overlays/floating-menu/Menu.d.ts +4 -4
- package/cjs/overlays/floating-menu/Menu.js +7 -4
- package/cjs/overlays/floating-menu/Menu.js.map +1 -1
- package/cjs/overlays/floating-menu/parts/RovingFocus.js +3 -3
- package/cjs/overlays/floating-menu/parts/RovingFocus.js.map +1 -1
- package/cjs/overlays/overlay/hooks/useAnimationsFinished.js +1 -1
- package/cjs/overlays/overlay/hooks/useAnimationsFinished.js.map +1 -1
- package/cjs/overlays/overlay/hooks/useOpenChangeAnimationComplete.js +2 -2
- package/cjs/overlays/overlay/hooks/useOpenChangeAnimationComplete.js.map +1 -1
- package/cjs/popover/Popover.js +1 -1
- package/cjs/popover/Popover.js.map +1 -1
- package/cjs/progress-bar/ProgressBar.js +9 -6
- package/cjs/progress-bar/ProgressBar.js.map +1 -1
- package/cjs/table/AnimateHeight.js +12 -13
- package/cjs/table/AnimateHeight.js.map +1 -1
- package/cjs/tabs/parts/tablist/useScrollButtons.d.ts +1 -1
- package/cjs/tabs/parts/tablist/useScrollButtons.js +4 -4
- package/cjs/tabs/parts/tablist/useScrollButtons.js.map +1 -1
- package/cjs/util/TextareaAutoSize.js +3 -10
- package/cjs/util/TextareaAutoSize.js.map +1 -1
- package/cjs/util/create-context.d.ts +0 -1
- package/cjs/util/create-context.js.map +1 -1
- package/cjs/util/debounce.d.ts +1 -1
- package/cjs/util/debounce.js +5 -8
- package/cjs/util/debounce.js.map +1 -1
- package/cjs/util/detectBrowser.d.ts +2 -0
- package/cjs/util/detectBrowser.js +7 -0
- package/cjs/util/detectBrowser.js.map +1 -0
- package/cjs/util/focus-boundary/FocusBoundary.d.ts +44 -0
- package/cjs/util/focus-boundary/FocusBoundary.js +365 -0
- package/cjs/util/focus-boundary/FocusBoundary.js.map +1 -0
- package/cjs/util/focus-guards/FocusGuards.d.ts +8 -0
- package/cjs/util/focus-guards/FocusGuards.js +36 -0
- package/cjs/util/focus-guards/FocusGuards.js.map +1 -0
- package/cjs/util/hooks/descendants/useDescendant.js +3 -0
- package/cjs/util/hooks/descendants/useDescendant.js.map +1 -1
- package/cjs/util/hooks/useEventCallback.js.map +1 -0
- package/cjs/{overlays/overlay → util}/hooks/useLatestRef.js +3 -2
- package/cjs/util/hooks/useLatestRef.js.map +1 -0
- package/cjs/util/hooks/useRefWithInit.js.map +1 -0
- package/cjs/util/hooks/useTimeout.d.ts +16 -0
- package/cjs/util/hooks/useTimeout.js +49 -0
- package/cjs/util/hooks/useTimeout.js.map +1 -0
- package/cjs/util/link-anchor/LinkAnchor.js +6 -7
- package/cjs/util/link-anchor/LinkAnchor.js.map +1 -1
- package/cjs/util/owner.d.ts +29 -0
- package/cjs/util/owner.js +38 -0
- package/cjs/util/owner.js.map +1 -0
- package/esm/copybutton/CopyButton.js +5 -10
- package/esm/copybutton/CopyButton.js.map +1 -1
- package/esm/form/combobox/Combobox.js +1 -3
- package/esm/form/combobox/Combobox.js.map +1 -1
- package/esm/form/combobox/ComboboxWrapper.d.ts +1 -2
- package/esm/form/combobox/ComboboxWrapper.js +1 -2
- package/esm/form/combobox/ComboboxWrapper.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/FilteredOptions.js +29 -20
- package/esm/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/FilteredOptionsItem.js +4 -0
- package/esm/form/combobox/FilteredOptions/FilteredOptionsItem.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/useVirtualFocus.js.map +1 -1
- package/esm/form/combobox/Input/Input.context.d.ts +2 -0
- package/esm/form/combobox/Input/Input.context.js +4 -1
- package/esm/form/combobox/Input/Input.context.js.map +1 -1
- package/esm/form/combobox/Input/InputController.js +2 -2
- package/esm/form/combobox/Input/InputController.js.map +1 -1
- package/esm/form/switch/Switch.js +3 -3
- package/esm/form/switch/Switch.js.map +1 -1
- package/esm/help-text/HelpText.js +3 -3
- package/esm/help-text/HelpText.js.map +1 -1
- package/esm/help-text/HelpTextIcon.d.ts +1 -2
- package/esm/help-text/HelpTextIcon.js +3 -7
- package/esm/help-text/HelpTextIcon.js.map +1 -1
- package/esm/layout/page/parts/PageBlock.d.ts +9 -6
- package/esm/layout/page/parts/PageBlock.js.map +1 -1
- package/esm/modal/ModalUtils.js +6 -4
- package/esm/modal/ModalUtils.js.map +1 -1
- package/esm/overlays/dismissablelayer/DismissableLayer.js +9 -19
- package/esm/overlays/dismissablelayer/DismissableLayer.js.map +1 -1
- package/esm/overlays/dismissablelayer/util/usePointerDownOutside.js +5 -4
- package/esm/overlays/dismissablelayer/util/usePointerDownOutside.js.map +1 -1
- package/esm/overlays/floating-menu/Menu.d.ts +4 -4
- package/esm/overlays/floating-menu/Menu.js +7 -4
- package/esm/overlays/floating-menu/Menu.js.map +1 -1
- package/esm/overlays/floating-menu/parts/RovingFocus.js +3 -3
- package/esm/overlays/floating-menu/parts/RovingFocus.js.map +1 -1
- package/esm/overlays/overlay/hooks/useAnimationsFinished.js +1 -1
- package/esm/overlays/overlay/hooks/useAnimationsFinished.js.map +1 -1
- package/esm/overlays/overlay/hooks/useOpenChangeAnimationComplete.js +2 -2
- package/esm/overlays/overlay/hooks/useOpenChangeAnimationComplete.js.map +1 -1
- package/esm/popover/Popover.js +1 -1
- package/esm/popover/Popover.js.map +1 -1
- package/esm/progress-bar/ProgressBar.js +10 -7
- package/esm/progress-bar/ProgressBar.js.map +1 -1
- package/esm/table/AnimateHeight.js +12 -13
- package/esm/table/AnimateHeight.js.map +1 -1
- package/esm/tabs/parts/tablist/useScrollButtons.d.ts +1 -1
- package/esm/tabs/parts/tablist/useScrollButtons.js +4 -4
- package/esm/tabs/parts/tablist/useScrollButtons.js.map +1 -1
- package/esm/util/TextareaAutoSize.js +1 -8
- package/esm/util/TextareaAutoSize.js.map +1 -1
- package/esm/util/create-context.d.ts +0 -1
- package/esm/util/create-context.js.map +1 -1
- package/esm/util/debounce.d.ts +1 -1
- package/esm/util/debounce.js +5 -8
- package/esm/util/debounce.js.map +1 -1
- package/esm/util/detectBrowser.d.ts +2 -0
- package/esm/util/detectBrowser.js +4 -0
- package/esm/util/detectBrowser.js.map +1 -0
- package/esm/util/focus-boundary/FocusBoundary.d.ts +44 -0
- package/esm/util/focus-boundary/FocusBoundary.js +329 -0
- package/esm/util/focus-boundary/FocusBoundary.js.map +1 -0
- package/esm/util/focus-guards/FocusGuards.d.ts +8 -0
- package/esm/util/focus-guards/FocusGuards.js +31 -0
- package/esm/util/focus-guards/FocusGuards.js.map +1 -0
- package/esm/util/hooks/descendants/useDescendant.js +3 -0
- package/esm/util/hooks/descendants/useDescendant.js.map +1 -1
- package/esm/util/hooks/useEventCallback.js.map +1 -0
- package/esm/{overlays/overlay → util}/hooks/useLatestRef.js +2 -1
- package/esm/util/hooks/useLatestRef.js.map +1 -0
- package/esm/util/hooks/useRefWithInit.js.map +1 -0
- package/esm/util/hooks/useTimeout.d.ts +16 -0
- package/esm/util/hooks/useTimeout.js +45 -0
- package/esm/util/hooks/useTimeout.js.map +1 -0
- package/esm/util/link-anchor/LinkAnchor.js +6 -7
- package/esm/util/link-anchor/LinkAnchor.js.map +1 -1
- package/esm/util/owner.d.ts +29 -0
- package/esm/util/owner.js +35 -0
- package/esm/util/owner.js.map +1 -0
- package/package.json +8 -8
- package/src/copybutton/CopyButton.tsx +5 -17
- package/src/form/combobox/Combobox.tsx +0 -4
- package/src/form/combobox/ComboboxWrapper.tsx +0 -3
- package/src/form/combobox/FilteredOptions/FilteredOptions.tsx +65 -45
- package/src/form/combobox/FilteredOptions/FilteredOptionsItem.tsx +4 -0
- package/src/form/combobox/FilteredOptions/useVirtualFocus.ts +1 -0
- package/src/form/combobox/Input/Input.context.tsx +5 -0
- package/src/form/combobox/Input/InputController.tsx +2 -1
- package/src/form/file-upload/parts/item/utils/format-file-size.test.ts +2 -2
- package/src/form/switch/Switch.tsx +4 -4
- package/src/help-text/HelpText.tsx +3 -2
- package/src/help-text/HelpTextIcon.tsx +2 -12
- package/src/layout/page/parts/PageBlock.tsx +9 -6
- package/src/modal/ModalUtils.ts +7 -4
- package/src/overlays/dismissablelayer/DismissableLayer.tsx +9 -18
- package/src/overlays/dismissablelayer/util/usePointerDownOutside.ts +5 -4
- package/src/overlays/floating-menu/Menu.tsx +13 -9
- package/src/overlays/floating-menu/parts/RovingFocus.tsx +3 -3
- package/src/overlays/overlay/hooks/useAnimationsFinished.ts +1 -1
- package/src/overlays/overlay/hooks/useOpenChangeAnimationComplete.ts +2 -2
- package/src/popover/Popover.tsx +1 -1
- package/src/progress-bar/ProgressBar.tsx +12 -10
- package/src/table/AnimateHeight.tsx +12 -15
- package/src/tabs/parts/tablist/useScrollButtons.ts +4 -3
- package/src/util/TextareaAutoSize.tsx +1 -9
- package/src/util/create-context.tsx +0 -1
- package/src/util/debounce.ts +7 -8
- package/src/util/detectBrowser.ts +5 -0
- package/src/util/focus-boundary/FocusBoundary.tsx +453 -0
- package/src/util/focus-guards/FocusGuards.tsx +56 -0
- package/src/util/hooks/descendants/useDescendant.tsx +3 -0
- package/src/{overlays/overlay → util}/hooks/useLatestRef.ts +2 -1
- package/src/util/hooks/useTimeout.ts +54 -0
- package/src/util/link-anchor/LinkAnchor.tsx +7 -6
- package/src/util/owner.ts +35 -0
- package/cjs/overlays/floating-menu/parts/FocusScope.d.ts +0 -22
- package/cjs/overlays/floating-menu/parts/FocusScope.js +0 -98
- package/cjs/overlays/floating-menu/parts/FocusScope.js.map +0 -1
- package/cjs/overlays/overlay/hooks/useEventCallback.js.map +0 -1
- package/cjs/overlays/overlay/hooks/useLatestRef.js.map +0 -1
- package/cjs/overlays/overlay/hooks/useRefWithInit.js.map +0 -1
- package/esm/overlays/floating-menu/parts/FocusScope.d.ts +0 -22
- package/esm/overlays/floating-menu/parts/FocusScope.js +0 -62
- package/esm/overlays/floating-menu/parts/FocusScope.js.map +0 -1
- package/esm/overlays/overlay/hooks/useEventCallback.js.map +0 -1
- package/esm/overlays/overlay/hooks/useLatestRef.js.map +0 -1
- package/esm/overlays/overlay/hooks/useRefWithInit.js.map +0 -1
- package/src/overlays/floating-menu/parts/FocusScope.tsx +0 -83
- /package/cjs/{overlays/overlay → util}/hooks/useEventCallback.d.ts +0 -0
- /package/cjs/{overlays/overlay → util}/hooks/useEventCallback.js +0 -0
- /package/cjs/{overlays/overlay → util}/hooks/useLatestRef.d.ts +0 -0
- /package/cjs/{overlays/overlay → util}/hooks/useRefWithInit.d.ts +0 -0
- /package/cjs/{overlays/overlay → util}/hooks/useRefWithInit.js +0 -0
- /package/esm/{overlays/overlay → util}/hooks/useEventCallback.d.ts +0 -0
- /package/esm/{overlays/overlay → util}/hooks/useEventCallback.js +0 -0
- /package/esm/{overlays/overlay → util}/hooks/useLatestRef.d.ts +0 -0
- /package/esm/{overlays/overlay → util}/hooks/useRefWithInit.d.ts +0 -0
- /package/esm/{overlays/overlay → util}/hooks/useRefWithInit.js +0 -0
- /package/src/{overlays/overlay → util}/hooks/useEventCallback.ts +0 -0
- /package/src/{overlays/overlay → util}/hooks/useRefWithInit.ts +0 -0
|
@@ -55,6 +55,7 @@ const Theme_1 = require("../theme/Theme");
|
|
|
55
55
|
const typography_1 = require("../typography");
|
|
56
56
|
const composeEventHandlers_1 = require("../util/composeEventHandlers");
|
|
57
57
|
const copy_1 = __importDefault(require("../util/copy"));
|
|
58
|
+
const useTimeout_1 = require("../util/hooks/useTimeout");
|
|
58
59
|
const i18n_hooks_1 = require("../util/i18n/i18n.hooks");
|
|
59
60
|
/**
|
|
60
61
|
* A button component that copies text to the clipboard when clicked.
|
|
@@ -70,24 +71,18 @@ const i18n_hooks_1 = require("../util/i18n/i18n.hooks");
|
|
|
70
71
|
exports.CopyButton = (0, react_1.forwardRef)((_a, ref) => {
|
|
71
72
|
var { className, copyText, text, activeText, variant = "neutral", onActiveChange, icon, activeIcon, activeDuration = 2000, title, iconPosition = "left", onClick, size = "medium" } = _a, rest = __rest(_a, ["className", "copyText", "text", "activeText", "variant", "onActiveChange", "icon", "activeIcon", "activeDuration", "title", "iconPosition", "onClick", "size"]);
|
|
72
73
|
const [active, setActive] = (0, react_1.useState)(false);
|
|
73
|
-
const timeoutRef = (0, react_1.useRef)(undefined);
|
|
74
74
|
const translate = (0, i18n_hooks_1.useI18n)("CopyButton");
|
|
75
|
+
const timeout = (0, useTimeout_1.useTimeout)();
|
|
75
76
|
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
76
77
|
const themeContext = (0, Theme_1.useThemeInternal)(false);
|
|
77
|
-
(0, react_1.useEffect)(() => {
|
|
78
|
-
return () => {
|
|
79
|
-
timeoutRef.current && clearTimeout(timeoutRef.current);
|
|
80
|
-
};
|
|
81
|
-
}, []);
|
|
82
78
|
const handleClick = () => {
|
|
83
|
-
timeoutRef.current && clearTimeout(timeoutRef.current);
|
|
84
79
|
(0, copy_1.default)(copyText);
|
|
85
80
|
setActive(true);
|
|
86
81
|
onActiveChange === null || onActiveChange === void 0 ? void 0 : onActiveChange(true);
|
|
87
|
-
|
|
82
|
+
timeout.start(activeDuration, () => {
|
|
88
83
|
setActive(false);
|
|
89
84
|
onActiveChange === null || onActiveChange === void 0 ? void 0 : onActiveChange(false);
|
|
90
|
-
}
|
|
85
|
+
});
|
|
91
86
|
};
|
|
92
87
|
const activeString = activeText || translate("activeText");
|
|
93
88
|
const copyIcon = (react_1.default.createElement(LegacyIconWrapper, { useLegacy: !(themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) }, active
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../src/copybutton/CopyButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../src/copybutton/CopyButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -55,16 +55,14 @@ const typography_1 = require("../../typography");
|
|
|
55
55
|
const ReadOnlyIcon_1 = require("../ReadOnlyIcon");
|
|
56
56
|
const ComboboxWrapper_1 = __importDefault(require("./ComboboxWrapper"));
|
|
57
57
|
const FilteredOptions_1 = __importDefault(require("./FilteredOptions/FilteredOptions"));
|
|
58
|
-
const filteredOptionsContext_1 = require("./FilteredOptions/filteredOptionsContext");
|
|
59
58
|
const Input_context_1 = require("./Input/Input.context");
|
|
60
59
|
const InputController_1 = require("./Input/InputController");
|
|
61
60
|
exports.Combobox = (0, react_1.forwardRef)((props, ref) => {
|
|
62
61
|
const { className, hideLabel = false, description, label } = props, rest = __rest(props, ["className", "hideLabel", "description", "label"]);
|
|
63
62
|
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
64
|
-
const { toggleIsListOpen } = (0, filteredOptionsContext_1.useFilteredOptionsContext)();
|
|
65
63
|
const { error, errorId, hasError, inputDescriptionId, inputProps, showErrorMsg, size = "medium", readOnly, } = (0, Input_context_1.useInputContext)();
|
|
66
64
|
return (react_1.default.createElement(Floating_1.Floating, null,
|
|
67
|
-
react_1.default.createElement(ComboboxWrapper_1.default, { className: className, hasError: hasError, inputProps: inputProps, inputSize: size
|
|
65
|
+
react_1.default.createElement(ComboboxWrapper_1.default, { className: className, hasError: hasError, inputProps: inputProps, inputSize: size },
|
|
68
66
|
react_1.default.createElement(typography_1.Label, { htmlFor: inputProps.id, size: size, className: cn("navds-form-field__label", {
|
|
69
67
|
"navds-sr-only": hideLabel,
|
|
70
68
|
}) },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../src/form/combobox/Combobox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,+DAA4D;AAC5D,6CAAiD;AACjD,iDAAkE;AAClE,kDAAwD;AACxD,wEAAgD;AAChD,wFAAgE;AAChE,
|
|
1
|
+
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../src/form/combobox/Combobox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,+DAA4D;AAC5D,6CAAiD;AACjD,iDAAkE;AAClE,kDAAwD;AACxD,wEAAgD;AAChD,wFAAgE;AAChE,yDAAwD;AACxD,6DAA0D;AAG7C,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAMhC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,EAAE,WAAW,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArE,kDAA6D,CAAQ,CAAC;IAE5E,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,MAAM,EACJ,KAAK,EACL,OAAO,EACP,QAAQ,EACR,kBAAkB,EAClB,UAAU,EACV,YAAY,EACZ,IAAI,GAAG,QAAQ,EACf,QAAQ,GACT,GAAG,IAAA,+BAAe,GAAE,CAAC;IAEtB,OAAO,CACL,8BAAC,mBAAQ;QACP,8BAAC,yBAAe,IACd,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,IAAI;YAEf,8BAAC,kBAAK,IACJ,OAAO,EAAE,UAAU,CAAC,EAAE,EACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE;oBACvC,eAAe,EAAE,SAAS;iBAC3B,CAAC;gBAED,QAAQ,IAAI,8BAAC,oCAAqB,OAAG;gBACrC,KAAK,CACA;YACP,CAAC,CAAC,WAAW,IAAI,CAChB,8BAAC,sBAAS,IACR,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE;oBAC7C,eAAe,EAAE,SAAS;iBAC3B,CAAC,EACF,EAAE,EAAE,kBAAkB,EACtB,IAAI,EAAE,IAAI,IAET,WAAW,CACF,CACb;YACD,uCAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,CAAC;gBAC3C,8BAAC,iCAAe,kBAAC,GAAG,EAAE,GAAG,IAAM,IAAI,EAAI;gBACvC,8BAAC,yBAAe,OAAG,CACf;YACN,uCACE,SAAS,EAAE,EAAE,CAAC,yBAAyB,CAAC,EACxC,EAAE,EAAE,OAAO,mBACG,oBAAoB,eACxB,QAAQ,IAEjB,YAAY,IAAI,CACf,8BAAC,yBAAY,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,UAC/B,KAAK,CACO,CAChB,CACG,CACU,CACT,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,gBAAQ,CAAC"}
|
|
@@ -8,7 +8,6 @@ type ComboboxWrapperProps = {
|
|
|
8
8
|
};
|
|
9
9
|
readOnly?: boolean;
|
|
10
10
|
inputSize: string;
|
|
11
|
-
toggleIsListOpen: (isListOpen: boolean) => void;
|
|
12
11
|
};
|
|
13
|
-
declare const ComboboxWrapper: ({ children, className, hasError, inputProps, inputSize,
|
|
12
|
+
declare const ComboboxWrapper: ({ children, className, hasError, inputProps, inputSize, }: ComboboxWrapperProps) => React.JSX.Element;
|
|
14
13
|
export default ComboboxWrapper;
|
|
@@ -36,7 +36,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
36
36
|
const react_1 = __importStar(require("react"));
|
|
37
37
|
const Theme_1 = require("../../theme/Theme");
|
|
38
38
|
const Input_context_1 = require("./Input/Input.context");
|
|
39
|
-
const ComboboxWrapper = ({ children, className, hasError, inputProps, inputSize,
|
|
39
|
+
const ComboboxWrapper = ({ children, className, hasError, inputProps, inputSize, }) => {
|
|
40
40
|
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
41
41
|
const { toggleOpenButtonRef, clearInput, readOnly } = (0, Input_context_1.useInputContext)();
|
|
42
42
|
const wrapperRef = (0, react_1.useRef)(null);
|
|
@@ -51,7 +51,6 @@ const ComboboxWrapper = ({ children, className, hasError, inputProps, inputSize,
|
|
|
51
51
|
function onBlurWrapper(event) {
|
|
52
52
|
var _a;
|
|
53
53
|
if (!((_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.relatedTarget))) {
|
|
54
|
-
toggleIsListOpen(false);
|
|
55
54
|
setHasFocusWithin(false);
|
|
56
55
|
clearInput(event);
|
|
57
56
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxWrapper.js","sourceRoot":"","sources":["../../../src/form/combobox/ComboboxWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgD;AAChD,6CAAiD;AACjD,yDAAwD;
|
|
1
|
+
{"version":3,"file":"ComboboxWrapper.js","sourceRoot":"","sources":["../../../src/form/combobox/ComboboxWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgD;AAChD,6CAAiD;AACjD,yDAAwD;AAaxD,MAAM,eAAe,GAAG,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,GACY,EAAE,EAAE;IACzB,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,EAAE,mBAAmB,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAA,+BAAe,GAAE,CAAC;IAExE,MAAM,UAAU,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5D,SAAS,oBAAoB,CAAC,KAAuC;;QACnE,IACE,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;YAClD,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,OAAO,MAAK,KAAK,CAAC,MAAM,EAC7C,CAAC;YACD,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,SAAS,aAAa,CAAC,KAAuC;;QAC5D,IAAI,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA,EAAE,CAAC;YACvD,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzB,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC;IAED,OAAO,CACL,uCACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,EAAE,CACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,SAAS,EAAE,EAChC;YACE,uBAAuB,EAAE,QAAQ;YACjC,0BAA0B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;YACjD,yBAAyB,EAAE,cAAc;YACzC,0BAA0B,EAAE,QAAQ;YACpC,4BAA4B,EAAE,QAAQ;SACvC,CACF,EACD,OAAO,EAAE,oBAAoB,EAC7B,MAAM,EAAE,aAAa,IAEpB,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
|
|
@@ -37,6 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
37
37
|
};
|
|
38
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
39
|
const react_1 = __importStar(require("react"));
|
|
40
|
+
const DismissableLayer_1 = require("../../../overlays/dismissablelayer/DismissableLayer");
|
|
40
41
|
const Floating_1 = require("../../../overlays/floating/Floating");
|
|
41
42
|
const Theme_1 = require("../../../theme/Theme");
|
|
42
43
|
const util_1 = require("../../../util");
|
|
@@ -52,9 +53,10 @@ const filteredOptionsContext_1 = require("./filteredOptionsContext");
|
|
|
52
53
|
const FilteredOptions = () => {
|
|
53
54
|
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
54
55
|
const themeContext = (0, Theme_1.useThemeInternal)(false);
|
|
55
|
-
const { inputProps: { id }, } = (0, Input_context_1.useInputContext)();
|
|
56
|
-
const { allowNewValues, isLoading, isListOpen, filteredOptions, setFilteredOptionsRef, isMouseLastUsedInputDevice, isValueNew, } = (0, filteredOptionsContext_1.useFilteredOptionsContext)();
|
|
56
|
+
const { inputProps: { id }, anchorRef, } = (0, Input_context_1.useInputContext)();
|
|
57
|
+
const { allowNewValues, isLoading, isListOpen, filteredOptions, setFilteredOptionsRef, isMouseLastUsedInputDevice, isValueNew, toggleIsListOpen, } = (0, filteredOptionsContext_1.useFilteredOptionsContext)();
|
|
57
58
|
const [localOpen, setLocalOpen] = (0, react_1.useState)(isListOpen);
|
|
59
|
+
const floatingRef = (0, react_1.useRef)(null);
|
|
58
60
|
/**
|
|
59
61
|
* This is a dirty hack to make the positioning-logic in Floating base the "flip" on the static 290px max-height,
|
|
60
62
|
* instead of the dynamic one based on available space. Without this, the list won't flip to top when there's
|
|
@@ -70,23 +72,30 @@ const FilteredOptions = () => {
|
|
|
70
72
|
const shouldRenderFilteredOptionsList = (allowNewValues && isValueNew && !maxSelected.isLimitReached) || // Render add new option
|
|
71
73
|
filteredOptions.length > 0; // Render filtered options
|
|
72
74
|
const height = (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) ? "316px" : "290px";
|
|
73
|
-
return (react_1.default.createElement(
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
75
|
+
return (react_1.default.createElement(DismissableLayer_1.DismissableLayer, { asChild: true, safeZone: {
|
|
76
|
+
anchor: anchorRef,
|
|
77
|
+
dismissable: floatingRef.current,
|
|
78
|
+
}, onDismiss: () => localOpen && toggleIsListOpen(false), onEscapeKeyDown: (event) => {
|
|
79
|
+
/* We handle this manually in Input */
|
|
80
|
+
event.preventDefault();
|
|
81
|
+
}, enabled: localOpen },
|
|
82
|
+
react_1.default.createElement(Floating_1.Floating.Content, { ref: floatingRef, className: cn("navds-combobox__list", {
|
|
83
|
+
"navds-combobox__list--closed": !isListOpen,
|
|
84
|
+
"navds-combobox__list--with-hover": isMouseLastUsedInputDevice,
|
|
85
|
+
}), id: filtered_options_util_1.default.getFilteredOptionsId(id), tabIndex: -1, sideOffset: 8, side: "bottom", fallbackPlacements: ["top"], enabled: isListOpen, style: {
|
|
86
|
+
maxHeight: localOpen
|
|
87
|
+
? `min(${height}, var(--ac-floating-available-height))`
|
|
88
|
+
: `${height}`,
|
|
89
|
+
}, autoUpdateWhileMounted: false },
|
|
90
|
+
shouldRenderNonSelectables && (react_1.default.createElement("div", { className: cn("navds-combobox__list_non-selectables"), role: "status" },
|
|
91
|
+
isMultiSelect && maxSelected.limit && react_1.default.createElement(MaxSelectedMessage_1.default, null),
|
|
92
|
+
isLoading && react_1.default.createElement(LoadingMessage_1.default, null),
|
|
93
|
+
!isLoading && filteredOptions.length === 0 && !allowNewValues && (react_1.default.createElement(NoSearchHitsMessage_1.default, null)))),
|
|
94
|
+
shouldRenderFilteredOptionsList && (
|
|
95
|
+
/* biome-ignore lint/a11y/useFocusableInteractive: Interaction is not handeled by listbox itself. */
|
|
96
|
+
react_1.default.createElement("ul", { ref: setFilteredOptionsRef, role: "listbox", className: cn("navds-combobox__list-options") },
|
|
97
|
+
isValueNew && !maxSelected.isLimitReached && allowNewValues && (react_1.default.createElement(AddNewOption_1.default, null)),
|
|
98
|
+
filteredOptions.map((option) => (react_1.default.createElement(FilteredOptionsItem_1.default, { key: option.value, option: option }))))))));
|
|
90
99
|
};
|
|
91
100
|
exports.default = FilteredOptions;
|
|
92
101
|
//# sourceMappingURL=FilteredOptions.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilteredOptions.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/FilteredOptions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"FilteredOptions.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/FilteredOptions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,6 +16,10 @@ const useTextHighlight = (text, searchTerm) => {
|
|
|
16
16
|
const indexOfHighlightedText = text
|
|
17
17
|
.toLowerCase()
|
|
18
18
|
.indexOf(searchTerm.toLowerCase());
|
|
19
|
+
if (indexOfHighlightedText === -1) {
|
|
20
|
+
// This can happen if the consumer has implemented their own filtering logic
|
|
21
|
+
return [text, "", ""];
|
|
22
|
+
}
|
|
19
23
|
const start = text.substring(0, indexOfHighlightedText);
|
|
20
24
|
const highlight = text.substring(indexOfHighlightedText, indexOfHighlightedText + searchTerm.length);
|
|
21
25
|
const end = text.substring(indexOfHighlightedText + searchTerm.length);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilteredOptionsItem.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/FilteredOptionsItem.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FilteredOptionsItem.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/FilteredOptionsItem.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,qDAAoD;AACpD,gDAAoD;AACpD,oDAAgD;AAChD,0DAAyD;AACzD,sFAAsF;AACtF,sDAA6C;AAE7C,oFAA0D;AAC1D,qEAAqE;AAErE,MAAM,gBAAgB,GAAG,CAAC,IAAY,EAAE,UAAkB,EAAE,EAAE;IAC5D,MAAM,sBAAsB,GAAG,IAAI;SAChC,WAAW,EAAE;SACb,OAAO,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CAAC;IACrC,IAAI,sBAAsB,KAAK,CAAC,CAAC,EAAE,CAAC;QAClC,4EAA4E;QAC5E,OAAO,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IACxB,CAAC;IACD,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,sBAAsB,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAC9B,sBAAsB,EACtB,sBAAsB,GAAG,UAAU,CAAC,MAAM,CAC3C,CAAC;IACF,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,sBAAsB,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;IACvE,OAAO,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,CAAC;AACjC,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,EAAE,MAAM,EAA8B,EAAE,EAAE;IACrE,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,MAAM,EACJ,UAAU,EAAE,EAAE,EAAE,EAAE,EAClB,IAAI,EACJ,UAAU,GACX,GAAG,IAAA,+BAAe,GAAE,CAAC;IACtB,MAAM,EACJ,6BAA6B,EAC7B,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,GACb,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAChC,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,eAAe,EAAE,YAAY,EAAE,GACjE,IAAA,kDAAyB,GAAE,CAAC;IAC9B,MAAM,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,GAAG,gBAAgB,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IAE3E,MAAM,UAAU,GAAG,CAAC,OAAuB,EAAE,EAAE,CAC7C,WAAW,CAAC,cAAc,IAAI,CAAC,IAAA,yBAAQ,EAAC,OAAO,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;IAE1E,MAAM,QAAQ,GAAG,+BAAmB,CAAC,WAAW,CAAC,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;IACnE,MAAM,QAAQ,GAAG,iBAAiB,KAAK,QAAQ,CAAC;IAEhD,OAAO,CACL,sCACE,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE;YACzC,kCAAkC,EAAE,QAAQ;YAC5C,qCAAqC,EAAE,IAAA,yBAAQ,EAC7C,MAAM,CAAC,KAAK,EACZ,eAAe,CAChB;SACF,CAAC,mBACa,UAAU,CAAC,MAAM,CAAC,IAAI,SAAS,EAC9C,EAAE,EAAE,QAAQ,EACZ,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,EACZ,WAAW,EAAE,GAAG,EAAE;YAChB,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,YAAY,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;gBAC1C,6BAA6B,CAAC,IAAI,CAAC,CAAC;YACtC,CAAC;QACH,CAAC,EACD,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;YACrB,IAAI,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;gBACvB,OAAO;YACT,CAAC;YACD,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;YAC5B,IAAI,CAAC,aAAa,IAAI,CAAC,IAAA,yBAAQ,EAAC,MAAM,CAAC,KAAK,EAAE,eAAe,CAAC,EAAE,CAAC;gBAC/D,gBAAgB,CAAC,KAAK,CAAC,CAAC;YAC1B,CAAC;QACH,CAAC,EACD,IAAI,EAAC,QAAQ,mBACE,IAAA,yBAAQ,EAAC,MAAM,CAAC,KAAK,EAAE,eAAe,CAAC,mBACvC,UAAU,CAAC,MAAM,CAAC,IAAI,SAAS;QAG9C,8BAAC,sBAAS,IAAC,IAAI,EAAE,IAAI,gBAAc,MAAM,CAAC,KAAK;YAC5C,KAAK;YACL,SAAS,IAAI,4CAAO,SAAS,CAAQ;YACrC,GAAG,CACM;QACX,IAAA,yBAAQ,EAAC,MAAM,CAAC,KAAK,EAAE,eAAe,CAAC,IAAI,8BAAC,2BAAa,OAAG,CAC1D,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useVirtualFocus.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/useVirtualFocus.ts"],"names":[],"mappings":";;AAAA,iCAAiC;AAiBjC,MAAM,eAAe,GAAG,CACtB,YAAgC,EACd,EAAE;IACpB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAChD,SAAS,CACV,CAAC;IAEF,MAAM,oBAAoB,GAAG,GAAkB,EAAE,WAC/C,OAAA,KAAK,CAAC,IAAI,CAAC,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,mCAAI,EAAE,CAAkB,CAAA,EAAA,CAAC;IAC5D,MAAM,6BAA6B,GAAG,GAAG,EAAE,CACzC,oBAAoB,EAAE,CAAC,MAAM,CAC3B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,CAC1D,CAAC;IAEJ,MAAM,cAAc,GAAG,CAAC,EAAU,EAAE,EAAE,CACpC,oBAAoB,EAAE,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC9D,MAAM,eAAe,GAAG,GAAG,EAAE,CAC3B,aAAa;QACX,CAAC,CAAC,6BAA6B,EAAE,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC;QAC9D,CAAC,CAAC,KAAK,CAAC;IACZ,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,MAAM,0BAA0B,GAAG,6BAA6B,EAAE,CAAC;QACnE,OAAO,aAAa;YAClB,CAAC,CAAC,0BAA0B,CAAC,OAAO,CAAC,aAAa,CAAC;gBAC/C,0BAA0B,CAAC,MAAM,GAAG,CAAC;YACzC,CAAC,CAAC,KAAK,CAAC;IACZ,CAAC,CAAC;IAEF,MAAM,2BAA2B,GAAG,CAAC,OAAqB,EAAE,EAAE;;QAC5D,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAC1B,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,cAAc,wDAAG,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QACD,MAAM,0BAA0B,GAAG,6BAA6B,EAAE,CAAC;QACnE,MAAM,aAAa,GAAG,0BAA0B,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QACxE,MAAM,YAAY,GAAG,0BAA0B,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;QACnE,IAAI,aAAa,KAAK,CAAC,EAAE,CAAC;YACxB,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAC9B,CAAC;aAAM,CAAC;YACN,2BAA2B,CAAC,YAAY,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,MAAM,0BAA0B,GAAG,6BAA6B,EAAE,CAAC;QAEnE,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,2BAA2B,CAAC,0BAA0B,CAAC,CAAC,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"useVirtualFocus.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/useVirtualFocus.ts"],"names":[],"mappings":";;AAAA,iCAAiC;AAiBjC,MAAM,eAAe,GAAG,CACtB,YAAgC,EACd,EAAE;IACpB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAChD,SAAS,CACV,CAAC;IAEF,MAAM,oBAAoB,GAAG,GAAkB,EAAE,WAC/C,OAAA,KAAK,CAAC,IAAI,CAAC,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,mCAAI,EAAE,CAAkB,CAAA,EAAA,CAAC;IAC5D,MAAM,6BAA6B,GAAG,GAAG,EAAE,CACzC,oBAAoB,EAAE,CAAC,MAAM,CAC3B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,CAC1D,CAAC;IAEJ,MAAM,cAAc,GAAG,CAAC,EAAU,EAAE,EAAE,CACpC,oBAAoB,EAAE,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC9D,MAAM,eAAe,GAAG,GAAG,EAAE,CAC3B,aAAa;QACX,CAAC,CAAC,6BAA6B,EAAE,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC;QAC9D,CAAC,CAAC,KAAK,CAAC;IACZ,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,MAAM,0BAA0B,GAAG,6BAA6B,EAAE,CAAC;QACnE,OAAO,aAAa;YAClB,CAAC,CAAC,0BAA0B,CAAC,OAAO,CAAC,aAAa,CAAC;gBAC/C,0BAA0B,CAAC,MAAM,GAAG,CAAC;YACzC,CAAC,CAAC,KAAK,CAAC;IACZ,CAAC,CAAC;IAEF,MAAM,2BAA2B,GAAG,CAAC,OAAqB,EAAE,EAAE;;QAC5D,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAC1B,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,cAAc,wDAAG,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QACD,MAAM,0BAA0B,GAAG,6BAA6B,EAAE,CAAC;QACnE,MAAM,aAAa,GAAG,0BAA0B,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QACxE,MAAM,YAAY,GAAG,0BAA0B,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;QACnE,IAAI,aAAa,KAAK,CAAC,EAAE,CAAC;YACxB,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAC9B,CAAC;aAAM,CAAC;YACN,2BAA2B,CAAC,YAAY,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,MAAM,0BAA0B,GAAG,6BAA6B,EAAE,CAAC;QAEnE,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,2BAA2B,CAAC,0BAA0B,CAAC,CAAC,CAAC,CAAC,CAAC;YAE3D,OAAO;QACT,CAAC;QACD,MAAM,aAAa,GAAG,0BAA0B,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QACxE,IAAI,aAAa,KAAK,0BAA0B,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC5D,OAAO;QACT,CAAC;QAED,2BAA2B,CAAC,0BAA0B,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC;IAC7E,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;IACrD,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,MAAM,0BAA0B,GAAG,6BAA6B,EAAE,CAAC;QACnE,2BAA2B,CAAC,0BAA0B,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7D,CAAC,CAAC;IACF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,MAAM,0BAA0B,GAAG,6BAA6B,EAAE,CAAC;QACnE,2BAA2B,CACzB,0BAA0B,CAAC,0BAA0B,CAAC,MAAM,GAAG,CAAC,CAAC,CAClE,CAAC;IACJ,CAAC,CAAC;IACF,MAAM,kBAAkB,GAAG,CAAC,EAAU,EAAE,EAAE;QACxC,MAAM,QAAQ,GAAG,6BAA6B,EAAE,CAAC,IAAI,CACnD,CAAC,iBAAiB,EAAE,EAAE,CAAC,iBAAiB,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,EAAE,CACnE,CAAC;QACF,IAAI,QAAQ,EAAE,CAAC;YACb,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,gBAAwB,EAAE,EAAE;QACjD,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QACD,MAAM,0BAA0B,GAAG,6BAA6B,EAAE,CAAC;QACnE,MAAM,YAAY,GAAG,0BAA0B,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QACvE,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,gBAAgB,EAAE,CAAC,CAAC,CAAC;QAC9D,2BAA2B,CAAC,0BAA0B,CAAC,QAAQ,CAAC,CAAC,CAAC;IACpE,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,gBAAwB,EAAE,EAAE;QACnD,MAAM,0BAA0B,GAAG,6BAA6B,EAAE,CAAC;QACnE,MAAM,YAAY,GAAG,aAAa;YAChC,CAAC,CAAC,0BAA0B,CAAC,OAAO,CAAC,aAAa,CAAC;YACnD,CAAC,CAAC,CAAC,CAAC,CAAC;QACP,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CACvB,YAAY,GAAG,gBAAgB,EAC/B,0BAA0B,CAAC,MAAM,GAAG,CAAC,CACtC,CAAC;QACF,2BAA2B,CAAC,0BAA0B,CAAC,QAAQ,CAAC,CAAC,CAAC;IACpE,CAAC,CAAC;IAEF,OAAO;QACL,aAAa;QACb,cAAc;QACd,eAAe;QACf,kBAAkB;QAClB,WAAW;QACX,aAAa;QACb,kBAAkB;QAClB,cAAc;QACd,iBAAiB;QACjB,aAAa;QACb,eAAe;QACf,UAAU;KACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
|
|
@@ -15,6 +15,8 @@ interface InputContextValue extends FormFieldType {
|
|
|
15
15
|
toggleOpenButtonRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
16
16
|
hideCaret: boolean;
|
|
17
17
|
setHideCaret: React.Dispatch<React.SetStateAction<boolean>>;
|
|
18
|
+
anchorRef: HTMLDivElement | null;
|
|
19
|
+
setAnchorRef: React.Dispatch<React.SetStateAction<HTMLDivElement | null>>;
|
|
18
20
|
}
|
|
19
21
|
declare const useInputContext: <S extends boolean = true>(strict?: S) => S extends true ? InputContextValue : InputContextValue | undefined;
|
|
20
22
|
interface Props {
|
|
@@ -58,6 +58,7 @@ const InputProvider = ({ children, value: props }) => {
|
|
|
58
58
|
const toggleOpenButtonRef = (0, react_1.useRef)(null);
|
|
59
59
|
const [internalValue, setInternalValue] = (0, react_1.useState)(defaultValue);
|
|
60
60
|
const [hideCaret, setHideCaret] = (0, react_1.useState)(false);
|
|
61
|
+
const [anchorRef, setAnchorRef] = (0, react_1.useState)(null);
|
|
61
62
|
const value = (0, react_1.useMemo)(() => String(externalValue !== null && externalValue !== void 0 ? externalValue : internalValue), [externalValue, internalValue]);
|
|
62
63
|
const [searchTerm, setSearchTerm] = (0, react_1.useState)(value);
|
|
63
64
|
const onChange = (0, react_1.useCallback)((newValue) => {
|
|
@@ -91,7 +92,9 @@ const InputProvider = ({ children, value: props }) => {
|
|
|
91
92
|
shouldAutocomplete,
|
|
92
93
|
toggleOpenButtonRef,
|
|
93
94
|
hideCaret,
|
|
94
|
-
setHideCaret
|
|
95
|
+
setHideCaret,
|
|
96
|
+
anchorRef,
|
|
97
|
+
setAnchorRef });
|
|
95
98
|
return (react_1.default.createElement(InputContextProvider, Object.assign({}, contextValue), children));
|
|
96
99
|
};
|
|
97
100
|
exports.InputContextProvider = InputProvider;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.context.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/Input.context.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsE;AACtE,iEAA6D;AAC7D,+CAA4D;AAC5D,qDAAiE;
|
|
1
|
+
{"version":3,"file":"Input.context.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/Input.context.tsx"],"names":[],"mappings":"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"}
|
|
@@ -67,11 +67,11 @@ exports.InputController = (0, react_1.forwardRef)((props, ref) => {
|
|
|
67
67
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars -- Remove when prop has been removed from ComboboxProps.
|
|
68
68
|
clearButtonLabel, toggleListButton = true, inputClassName, shouldShowSelectedOptions = true } = props, rest = __rest(props, ["clearButton", "clearButtonLabel", "toggleListButton", "inputClassName", "shouldShowSelectedOptions"]);
|
|
69
69
|
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
70
|
-
const { focusInput, inputProps, size = "medium", inputRef, toggleOpenButtonRef, readOnly, } = (0, Input_context_1.useInputContext)();
|
|
70
|
+
const { focusInput, inputProps, size = "medium", inputRef, toggleOpenButtonRef, readOnly, setAnchorRef, } = (0, Input_context_1.useInputContext)();
|
|
71
71
|
const { activeDecendantId, toggleIsListOpen } = (0, filteredOptionsContext_1.useFilteredOptionsContext)();
|
|
72
72
|
const { selectedOptions } = (0, selectedOptionsContext_1.useSelectedOptionsContext)();
|
|
73
73
|
const mergedInputRef = (0, hooks_1.useMergeRefs)(inputRef, ref);
|
|
74
|
-
return (react_1.default.createElement(Floating_1.Floating.Anchor, { asChild: true },
|
|
74
|
+
return (react_1.default.createElement(Floating_1.Floating.Anchor, { asChild: true, ref: setAnchorRef },
|
|
75
75
|
react_1.default.createElement("div", { className: cn("navds-combobox__wrapper-inner navds-text-field__input", {
|
|
76
76
|
"navds-combobox__wrapper-inner--virtually-unfocused": activeDecendantId !== undefined,
|
|
77
77
|
}), onClick: () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputController.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/InputController.tsx"],"names":[],"mappings":";AAAA,0DAA0D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE1D,4DAA4D;AAC5D,+CAA0C;AAC1C,kEAA+D;AAC/D,gDAAoD;AACpD,+CAAmD;AACnD,sFAAsF;AACtF,yFAAiE;AACjE,sFAAsF;AAEtF,oDAA4B;AAC5B,mDAAkD;AAClD,0EAAkD;AAErC,QAAA,eAAe,GAAG,IAAA,kBAAU,EAcvC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM;IACJ,sHAAsH;IACtH,WAAW;IACX,sHAAsH;IACtH,gBAAgB,EAChB,gBAAgB,GAAG,IAAI,EACvB,cAAc,EACd,yBAAyB,GAAG,IAAI,KAG9B,KAAK,EADJ,IAAI,UACL,KAAK,EAVH,sGAUL,CAAQ,CAAC;IAEV,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,MAAM,EACJ,UAAU,EACV,UAAU,EACV,IAAI,GAAG,QAAQ,EACf,QAAQ,EACR,mBAAmB,EACnB,QAAQ,
|
|
1
|
+
{"version":3,"file":"InputController.js","sourceRoot":"","sources":["../../../../src/form/combobox/Input/InputController.tsx"],"names":[],"mappings":";AAAA,0DAA0D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE1D,4DAA4D;AAC5D,+CAA0C;AAC1C,kEAA+D;AAC/D,gDAAoD;AACpD,+CAAmD;AACnD,sFAAsF;AACtF,yFAAiE;AACjE,sFAAsF;AAEtF,oDAA4B;AAC5B,mDAAkD;AAClD,0EAAkD;AAErC,QAAA,eAAe,GAAG,IAAA,kBAAU,EAcvC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM;IACJ,sHAAsH;IACtH,WAAW;IACX,sHAAsH;IACtH,gBAAgB,EAChB,gBAAgB,GAAG,IAAI,EACvB,cAAc,EACd,yBAAyB,GAAG,IAAI,KAG9B,KAAK,EADJ,IAAI,UACL,KAAK,EAVH,sGAUL,CAAQ,CAAC;IAEV,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,MAAM,EACJ,UAAU,EACV,UAAU,EACV,IAAI,GAAG,QAAQ,EACf,QAAQ,EACR,mBAAmB,EACnB,QAAQ,EACR,YAAY,GACb,GAAG,IAAA,+BAAe,GAAE,CAAC;IAEtB,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAC5E,MAAM,EAAE,eAAe,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAExD,MAAM,cAAc,GAAG,IAAA,oBAAY,EAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAEnD,OAAO,CACL,8BAAC,mBAAQ,CAAC,MAAM,IAAC,OAAO,QAAC,GAAG,EAAE,YAAY;QACxC,uCACE,SAAS,EAAE,EAAE,CAAC,uDAAuD,EAAE;gBACrE,oDAAoD,EAClD,iBAAiB,KAAK,SAAS;aAClC,CAAC,EACF,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,UAAU,CAAC,QAAQ,IAAI,QAAQ,EAAE,CAAC;oBACpC,OAAO;gBACT,CAAC;gBAED,gBAAgB,CAAC,IAAI,CAAC,CAAC;gBACvB,UAAU,EAAE,CAAC;YACf,CAAC;YAEA,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAC5B,8BAAC,eAAK,kBACJ,EAAE,EAAE,UAAU,CAAC,EAAE,EACjB,GAAG,EAAE,cAAc,EACnB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,IACd,IAAI,EACR,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,yBAAe,IAAC,eAAe,EAAE,eAAe,EAAE,IAAI,EAAE,IAAI;gBAC3D,8BAAC,eAAK,kBACJ,EAAE,EAAE,UAAU,CAAC,EAAE,EACjB,GAAG,EAAE,cAAc,EACnB,cAAc,EAAE,cAAc,EAC9B,yBAAyB,EAAE,yBAAyB,EACpD,QAAQ,EAAE,QAAQ,IACd,IAAI,EACR,CACc,CACnB;YACA,gBAAgB,IAAI,8BAAC,0BAAgB,IAAC,GAAG,EAAE,mBAAmB,GAAI,CAC/D,CACU,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -98,14 +98,14 @@ exports.Switch = (0, react_1.forwardRef)((props, ref) => {
|
|
|
98
98
|
react_1.default.createElement("span", { className: cn("navds-switch__thumb") },
|
|
99
99
|
react_1.default.createElement(SwitchIcon, { size: size, checked: checked, loading: loading }))),
|
|
100
100
|
react_1.default.createElement("label", { htmlFor: inputProps.id, className: cn("navds-switch__label-wrapper") },
|
|
101
|
-
react_1.default.createElement("
|
|
101
|
+
react_1.default.createElement("span", { className: cn("navds-switch__content", {
|
|
102
102
|
"navds-sr-only": hideLabel,
|
|
103
103
|
"navds-switch--with-description": description && !hideLabel,
|
|
104
104
|
}) },
|
|
105
|
-
react_1.default.createElement(typography_1.BodyShort, { as: "
|
|
105
|
+
react_1.default.createElement(typography_1.BodyShort, { as: "span", size: size, className: cn("navds-switch__label") },
|
|
106
106
|
readOnly && react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIconWithTitle, null),
|
|
107
107
|
children),
|
|
108
|
-
description && (react_1.default.createElement(typography_1.BodyShort, { size: size, as: "
|
|
108
|
+
description && (react_1.default.createElement(typography_1.BodyShort, { size: size, as: "span", className: cn("navds-form-field__subdescription navds-switch__description") }, description))))));
|
|
109
109
|
});
|
|
110
110
|
const SwitchIcon = ({ size, checked, loading, }) => {
|
|
111
111
|
if (loading) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/form/switch/Switch.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/form/switch/Switch.tsx"],"names":[],"mappings":"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"}
|
|
@@ -75,9 +75,9 @@ exports.HelpText = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
75
75
|
const translate = (0, i18n_hooks_1.useI18n)("HelpText");
|
|
76
76
|
const titleWithFallback = title || translate("title");
|
|
77
77
|
return (react_1.default.createElement("div", { className: cn("navds-help-text", wrapperClassName), "data-color": color },
|
|
78
|
-
react_1.default.createElement("button", Object.assign({}, rest, { ref: mergedRef, onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, () => setOpen((x) => !x)), className: cn(className, "navds-help-text__button"), type: "button", "aria-expanded": open }),
|
|
79
|
-
react_1.default.createElement(HelpTextIcon_1.HelpTextIcon,
|
|
80
|
-
react_1.default.createElement(HelpTextIcon_1.HelpTextIcon, { filled: true
|
|
78
|
+
react_1.default.createElement("button", Object.assign({}, rest, { ref: mergedRef, onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, () => setOpen((x) => !x)), className: cn(className, "navds-help-text__button"), type: "button", "aria-expanded": open, "aria-label": titleWithFallback }),
|
|
79
|
+
react_1.default.createElement(HelpTextIcon_1.HelpTextIcon, null),
|
|
80
|
+
react_1.default.createElement(HelpTextIcon_1.HelpTextIcon, { filled: true })),
|
|
81
81
|
react_1.default.createElement(popover_1.Popover, { onClose: () => setOpen(false), className: cn("navds-help-text__popover"), open: open, anchorEl: buttonRef.current, placement: placement, strategy: strategy, offset: (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) ? 8 : 12, arrow: !(themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) },
|
|
82
82
|
react_1.default.createElement(popover_1.Popover.Content, { className: cn("navds-body-short") }, children))));
|
|
83
83
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HelpText.js","sourceRoot":"","sources":["../../src/help-text/HelpText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4D;AAC5D,wCAAmD;AACnD,0CAAgE;AAChE,uEAAoE;AACpE,6DAA0D;AAC1D,wDAAkD;AAClD,iDAA8C;AAiB9C;;;;;;;;;;;;GAYG;AACU,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,UAAU,EACrB,KAAK,EACL,OAAO,EACP,gBAAgB,EAChB,YAAY,EAAE,KAAK,GAAG,MAAM,OAE7B,EADI,IAAI,cATT,wGAUC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,IAAA,2BAAY,EAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IAC/C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,UAAU,CAAC,CAAC;IAEtC,MAAM,iBAAiB,GAAG,KAAK,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC;IAEtD,OAAO,CACL,uCACE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,gBACtC,KAAK;QAEjB,0DACM,IAAI,IACR,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAChE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,yBAAyB,CAAC,EACnD,IAAI,EAAC,QAAQ,mBACE,IAAI;
|
|
1
|
+
{"version":3,"file":"HelpText.js","sourceRoot":"","sources":["../../src/help-text/HelpText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4D;AAC5D,wCAAmD;AACnD,0CAAgE;AAChE,uEAAoE;AACpE,6DAA0D;AAC1D,wDAAkD;AAClD,iDAA8C;AAiB9C;;;;;;;;;;;;GAYG;AACU,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,UAAU,EACrB,KAAK,EACL,OAAO,EACP,gBAAgB,EAChB,YAAY,EAAE,KAAK,GAAG,MAAM,OAE7B,EADI,IAAI,cATT,wGAUC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,IAAA,2BAAY,EAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IAC/C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,UAAU,CAAC,CAAC;IAEtC,MAAM,iBAAiB,GAAG,KAAK,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC;IAEtD,OAAO,CACL,uCACE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,gBACtC,KAAK;QAEjB,0DACM,IAAI,IACR,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAChE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,yBAAyB,CAAC,EACnD,IAAI,EAAC,QAAQ,mBACE,IAAI,gBACP,iBAAiB;YAE7B,8BAAC,2BAAY,OAAG;YAChB,8BAAC,2BAAY,IAAC,MAAM,SAAG,CAChB;QACT,8BAAC,iBAAO,IACN,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAE,EAAE,CAAC,0BAA0B,CAAC,EACzC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,SAAS,CAAC,OAAO,EAC3B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,EAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EACzC,KAAK,EAAE,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,CAAA;YAEhC,8BAAC,iBAAO,CAAC,OAAO,IAAC,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,IAC/C,QAAQ,CACO,CACV,CACN,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,gBAAQ,CAAC"}
|
|
@@ -6,15 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.HelpTextIcon = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const Theme_1 = require("../theme/Theme");
|
|
9
|
-
const
|
|
10
|
-
const HelpTextIcon = ({ title, filled = false, }) => {
|
|
9
|
+
const HelpTextIcon = ({ filled = false }) => {
|
|
11
10
|
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
12
|
-
|
|
13
|
-
titleId = title ? `title-${titleId}` : undefined;
|
|
14
|
-
return (react_1.default.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", focusable: false, role: "img", "aria-labelledby": titleId, className: cn("navds-help-text__icon", {
|
|
11
|
+
return (react_1.default.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", focusable: false, role: "img", className: cn("navds-help-text__icon", {
|
|
15
12
|
"navds-help-text__icon--filled": filled,
|
|
16
|
-
}) },
|
|
17
|
-
title ? react_1.default.createElement("title", { id: titleId }, title) : null,
|
|
13
|
+
}), "aria-hidden": true },
|
|
18
14
|
react_1.default.createElement("circle", { cx: "12", cy: "12", r: "11", strokeWidth: "1.5", stroke: "currentColor", fill: filled ? "currentColor" : "transparent" }),
|
|
19
15
|
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.75 9C9.75 7.75736 10.7574 6.75 12 6.75H12.1716C13.3195 6.75 14.25 7.68054 14.25 8.82843C14.25 9.37966 14.031 9.90832 13.6412 10.2981L12.6412 11.2981C11.7504 12.1889 11.25 13.3971 11.25 14.6569C11.25 15.0711 11.5858 15.4069 12 15.4069C12.4142 15.4069 12.75 15.0711 12.75 14.6569C12.75 13.7949 13.0924 12.9682 13.7019 12.3588L14.7019 11.3588C15.373 10.6877 15.75 9.77748 15.75 8.82843C15.75 6.85212 14.1479 5.25 12.1716 5.25H12C9.92893 5.25 8.25 6.92893 8.25 9V9.5C8.25 9.91421 8.58579 10.25 9 10.25C9.41421 10.25 9.75 9.91421 9.75 9.5V9ZM12 16.5C11.4477 16.5 11 16.9477 11 17.5C11 18.0523 11.4477 18.5 12 18.5C12.5523 18.5 13 18.0523 13 17.5C13 16.9477 12.5523 16.5 12 16.5Z", fill: filled
|
|
20
16
|
? "var(--ax-text-accent-contrast, var(--a-surface-default))"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HelpTextIcon.js","sourceRoot":"","sources":["../../src/help-text/HelpTextIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,0CAA8C;
|
|
1
|
+
{"version":3,"file":"HelpTextIcon.js","sourceRoot":"","sources":["../../src/help-text/HelpTextIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,0CAA8C;AAEvC,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,GAAG,KAAK,EAAwB,EAAE,EAAE;IACvE,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,uCACE,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE;YACrC,+BAA+B,EAAE,MAAM;SACxC,CAAC;QAGF,0CACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,WAAW,EAAC,KAAK,EACjB,MAAM,EAAC,cAAc,EACrB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,GAC7C;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sqBAAsqB,EACxqB,IAAI,EACF,MAAM;gBACJ,CAAC,CAAC,0DAA0D;gBAC5D,CAAC,CAAC,cAAc,GAEpB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,YAAY,gBAqCvB"}
|
|
@@ -4,24 +4,27 @@ export declare const widths: readonly ["text", "md", "lg", "xl", "2xl"];
|
|
|
4
4
|
export interface PageBlockProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
5
|
/**
|
|
6
6
|
* Predefined max-width
|
|
7
|
-
*
|
|
8
|
-
* ```
|
|
7
|
+
*
|
|
9
8
|
* text: 576px + dynamic gutters
|
|
9
|
+
*
|
|
10
10
|
* md: 768px
|
|
11
|
+
*
|
|
11
12
|
* lg: 1024px
|
|
13
|
+
*
|
|
12
14
|
* xl: 1280px
|
|
15
|
+
*
|
|
13
16
|
* 2xl: 1440px
|
|
14
|
-
*
|
|
17
|
+
*
|
|
15
18
|
* @default max-width: 100%;
|
|
16
19
|
*/
|
|
17
20
|
width?: (typeof widths)[number];
|
|
18
21
|
/**
|
|
19
22
|
* Adds a standardised responsive padding-inline
|
|
20
|
-
*
|
|
21
|
-
* ```
|
|
23
|
+
*
|
|
22
24
|
* 3rem on > md
|
|
25
|
+
*
|
|
23
26
|
* 1rem on < md
|
|
24
|
-
*
|
|
27
|
+
*
|
|
25
28
|
* @default false
|
|
26
29
|
*/
|
|
27
30
|
gutters?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageBlock.js","sourceRoot":"","sources":["../../../../src/layout/page/parts/PageBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,gDAAoD;AAGvC,QAAA,MAAM,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"PageBlock.js","sourceRoot":"","sources":["../../../../src/layout/page/parts/PageBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,gDAAoD;AAGvC,QAAA,MAAM,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAU,CAAC;AA+BjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACU,QAAA,SAAS,GACpB,IAAA,kBAAU,EACR,CAAC,EAA6D,EAAE,GAAG,EAAE,EAAE;QAAtE,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,OAAW,EAAN,IAAI,cAA3D,uCAA6D,CAAF;IAC1D,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,KAAK,IAAI,oBAAoB,KAAK,EAAE,EACpC,SAAS,EACT,EAAE,0BAA0B,EAAE,OAAO,EAAE,CACxC,EACD,GAAG,EAAE,GAAG,IACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,iBAAS,CAAC"}
|
package/cjs/modal/ModalUtils.js
CHANGED
|
@@ -7,6 +7,7 @@ exports.BODY_CLASS = exports.BODY_CLASS_LEGACY = exports.coordsAreInside = void
|
|
|
7
7
|
exports.getCloseHandler = getCloseHandler;
|
|
8
8
|
exports.useBodyScrollLock = useBodyScrollLock;
|
|
9
9
|
const react_1 = __importDefault(require("react"));
|
|
10
|
+
const owner_1 = require("../util/owner");
|
|
10
11
|
const coordsAreInside = ({ clientX, clientY }, { left, top, right, bottom }) => {
|
|
11
12
|
if (clientX < left || clientY < top)
|
|
12
13
|
return false;
|
|
@@ -34,17 +35,18 @@ function useBodyScrollLock(modalRef, portalNode, isNested) {
|
|
|
34
35
|
if (!modalRef.current || !portalNode) {
|
|
35
36
|
return;
|
|
36
37
|
}
|
|
38
|
+
const ownerDoc = (0, owner_1.ownerDocument)(modalRef.current);
|
|
37
39
|
// In case `open` is true initially
|
|
38
40
|
if (modalRef.current.open) {
|
|
39
|
-
|
|
41
|
+
ownerDoc.body.classList.add(exports.BODY_CLASS, exports.BODY_CLASS_LEGACY);
|
|
40
42
|
}
|
|
41
43
|
const observer = new MutationObserver(() => {
|
|
42
44
|
var _a;
|
|
43
45
|
if ((_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.open) {
|
|
44
|
-
|
|
46
|
+
ownerDoc.body.classList.add(exports.BODY_CLASS, exports.BODY_CLASS_LEGACY);
|
|
45
47
|
}
|
|
46
48
|
else {
|
|
47
|
-
|
|
49
|
+
ownerDoc.body.classList.remove(exports.BODY_CLASS, exports.BODY_CLASS_LEGACY);
|
|
48
50
|
}
|
|
49
51
|
});
|
|
50
52
|
observer.observe(modalRef.current, {
|
|
@@ -54,7 +56,7 @@ function useBodyScrollLock(modalRef, portalNode, isNested) {
|
|
|
54
56
|
return () => {
|
|
55
57
|
observer.disconnect();
|
|
56
58
|
// In case modal is unmounted before it's closed
|
|
57
|
-
|
|
59
|
+
ownerDoc.body.classList.remove(exports.BODY_CLASS, exports.BODY_CLASS_LEGACY);
|
|
58
60
|
};
|
|
59
61
|
}, [modalRef, portalNode, isNested]);
|
|
60
62
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalUtils.js","sourceRoot":"","sources":["../../src/modal/ModalUtils.ts"],"names":[],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"ModalUtils.js","sourceRoot":"","sources":["../../src/modal/ModalUtils.ts"],"names":[],"mappings":";;;;;;AAkBA,0CAUC;AAKD,8CAyCC;AA1ED,kDAA0B;AAC1B,yCAA8C;AAQvC,MAAM,eAAe,GAAG,CAC7B,EAAE,OAAO,EAAE,OAAO,EAAoB,EACtC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAW,EACrC,EAAE;IACF,IAAI,OAAO,GAAG,IAAI,IAAI,OAAO,GAAG,GAAG;QAAE,OAAO,KAAK,CAAC;IAClD,IAAI,OAAO,GAAG,KAAK,IAAI,OAAO,GAAG,MAAM;QAAE,OAAO,KAAK,CAAC;IACtD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAPW,QAAA,eAAe,mBAO1B;AAEF,SAAgB,eAAe,CAC7B,QAAmD,EACnD,MAA4B,EAC5B,aAA0C;IAE1C,IAAI,MAAM,IAAI,MAAM,CAAC,WAAW,KAAK,KAAK;QAAE,OAAO,SAAS,CAAC;IAC7D,IAAI,aAAa,EAAE,CAAC;QAClB,OAAO,GAAG,EAAE,WAAC,OAAA,aAAa,EAAE,KAAK,KAAK,KAAI,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,CAAA,EAAA,CAAC;IACtE,CAAC;IACD,OAAO,GAAG,EAAE,WAAC,OAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,CAAC;AACzC,CAAC;AAEY,QAAA,iBAAiB,GAAG,4BAA4B,CAAC;AACjD,QAAA,UAAU,GAAG,4BAA4B,CAAC;AAEvD,SAAgB,iBAAiB,CAC/B,QAAmD,EACnD,UAA8B,EAC9B,QAAiB;IAEjB,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,kEAAkE;QAClE,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC;YACrC,OAAO;QACT,CAAC;QAED,MAAM,QAAQ,GAAG,IAAA,qBAAa,EAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAEjD,mCAAmC;QACnC,IAAI,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YAC1B,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAU,EAAE,yBAAiB,CAAC,CAAC;QAC7D,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;;YACzC,IAAI,MAAA,QAAQ,CAAC,OAAO,0CAAE,IAAI,EAAE,CAAC;gBAC3B,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAU,EAAE,yBAAiB,CAAC,CAAC;YAC7D,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAU,EAAE,yBAAiB,CAAC,CAAC;YAChE,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,EAAE;YACjC,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,MAAM,CAAC;SAC1B,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,UAAU,EAAE,CAAC;YACtB,gDAAgD;YAChD,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAU,EAAE,yBAAiB,CAAC,CAAC;QAChE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;AACvC,CAAC"}
|