smarthr-ui 58.1.2 → 59.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/components/AccordionPanel/AccordionPanelTrigger.js +1 -1
- package/esm/components/AccordionPanel/AccordionPanelTrigger.js.map +1 -1
- package/esm/components/AppNavi/AppNaviDropdown.d.ts +0 -1
- package/esm/components/AppNavi/AppNaviDropdown.js +0 -1
- package/esm/components/AppNavi/AppNaviDropdown.js.map +1 -1
- package/esm/components/AppNavi/AppNaviDropdownMenuButton.js +2 -2
- package/esm/components/AppNavi/AppNaviDropdownMenuButton.js.map +1 -1
- package/esm/components/Base/Base.d.ts +1 -1
- package/esm/components/Base/Base.js +1 -1
- package/esm/components/Base/Base.js.map +1 -1
- package/esm/components/Button/Button.js +1 -1
- package/esm/components/Button/Button.js.map +1 -1
- package/esm/components/CheckBox/CheckBox.js +1 -1
- package/esm/components/CheckBox/CheckBox.js.map +1 -1
- package/esm/components/ComboBox/MultiComboBox.js +3 -3
- package/esm/components/Dialog/Dialog.d.ts +2 -2
- package/esm/components/Dialog/DialogContent.d.ts +2 -2
- package/esm/components/Dialog/FocusTrap.js +6 -6
- package/esm/components/Dialog/FocusTrap.js.map +1 -1
- package/esm/components/Dialog/FormDialog/FormDialogContentInner.js +1 -1
- package/esm/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -1
- package/esm/components/Dialog/types.d.ts +1 -1
- package/esm/components/Dropdown/DropdownCloser.js +3 -3
- package/esm/components/Dropdown/DropdownCloser.js.map +1 -1
- package/esm/components/Dropdown/DropdownContent.d.ts +0 -3
- package/esm/components/Dropdown/DropdownContent.js +3 -4
- package/esm/components/Dropdown/DropdownContent.js.map +1 -1
- package/esm/components/Dropdown/DropdownContentInner.d.ts +0 -1
- package/esm/components/Dropdown/DropdownContentInner.js +8 -17
- package/esm/components/Dropdown/DropdownContentInner.js.map +1 -1
- package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.d.ts +1 -3
- package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js +9 -6
- package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js.map +1 -1
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js +5 -7
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/esm/components/Dropdown/SortDropdown/SortDropdown.js +12 -14
- package/esm/components/Dropdown/SortDropdown/SortDropdown.js.map +1 -1
- package/esm/components/Dropdown/index.d.ts +0 -1
- package/esm/components/Dropdown/index.js +0 -1
- package/esm/components/Dropdown/index.js.map +1 -1
- package/esm/components/Header/AppLauncher/AppLauncher.js +10 -11
- package/esm/components/Header/AppLauncher/AppLauncher.js.map +1 -1
- package/esm/components/Header/LanguageSwitcher/LanguageSwitcher.js +3 -3
- package/esm/components/Header/LanguageSwitcher/LanguageSwitcher.js.map +1 -1
- package/esm/components/Input/Input.d.ts +1 -1
- package/esm/components/Input/Input.js +1 -1
- package/esm/components/Loader/Loader.d.ts +0 -2
- package/esm/components/Loader/Loader.js +1 -9
- package/esm/components/Loader/Loader.js.map +1 -1
- package/esm/components/SectioningContent/useSectioningWrapper.js +1 -1
- package/esm/components/SectioningContent/useSectioningWrapper.js.map +1 -1
- package/esm/components/Stepper/HorizontalStepItem.js +2 -2
- package/esm/components/Stepper/HorizontalStepItem.js.map +1 -1
- package/esm/components/Table/ThCheckbox.d.ts +3 -1
- package/esm/components/Table/ThCheckbox.js +29 -9
- package/esm/components/Table/ThCheckbox.js.map +1 -1
- package/esm/components/Table/WakuWakuButton.d.ts +5 -0
- package/esm/components/Table/WakuWakuButton.js +4 -0
- package/esm/components/Table/WakuWakuButton.js.map +1 -0
- package/esm/components/Table/index.d.ts +1 -0
- package/esm/components/Table/index.js +1 -0
- package/esm/components/Table/index.js.map +1 -1
- package/esm/index.d.ts +2 -2
- package/esm/index.js +2 -2
- package/esm/index.js.map +1 -1
- package/esm/smarthr-ui-preset.d.ts +4 -2
- package/esm/smarthr-ui-preset.js +5 -2
- package/esm/smarthr-ui-preset.js.map +1 -1
- package/esm/themes/tailwind/TailwindConfig.d.ts +3 -2
- package/lib/components/AccordionPanel/AccordionPanelTrigger.js +1 -1
- package/lib/components/AccordionPanel/AccordionPanelTrigger.js.map +1 -1
- package/lib/components/AppNavi/AppNaviDropdown.d.ts +0 -1
- package/lib/components/AppNavi/AppNaviDropdown.js +0 -1
- package/lib/components/AppNavi/AppNaviDropdown.js.map +1 -1
- package/lib/components/AppNavi/AppNaviDropdownMenuButton.js +1 -1
- package/lib/components/AppNavi/AppNaviDropdownMenuButton.js.map +1 -1
- package/lib/components/Base/Base.d.ts +1 -1
- package/lib/components/Base/Base.js +3 -3
- package/lib/components/Base/Base.js.map +1 -1
- package/lib/components/Button/Button.js +1 -1
- package/lib/components/Button/Button.js.map +1 -1
- package/lib/components/CheckBox/CheckBox.js +1 -1
- package/lib/components/CheckBox/CheckBox.js.map +1 -1
- package/lib/components/ComboBox/MultiComboBox.js +3 -3
- package/lib/components/Dialog/Dialog.d.ts +2 -2
- package/lib/components/Dialog/DialogContent.d.ts +2 -2
- package/lib/components/Dialog/FocusTrap.js +6 -6
- package/lib/components/Dialog/FocusTrap.js.map +1 -1
- package/lib/components/Dialog/FormDialog/FormDialogContentInner.js +1 -1
- package/lib/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -1
- package/lib/components/Dialog/types.d.ts +1 -1
- package/lib/components/Dropdown/DropdownCloser.js +3 -3
- package/lib/components/Dropdown/DropdownCloser.js.map +1 -1
- package/lib/components/Dropdown/DropdownContent.d.ts +0 -3
- package/lib/components/Dropdown/DropdownContent.js +3 -4
- package/lib/components/Dropdown/DropdownContent.js.map +1 -1
- package/lib/components/Dropdown/DropdownContentInner.d.ts +0 -1
- package/lib/components/Dropdown/DropdownContentInner.js +8 -17
- package/lib/components/Dropdown/DropdownContentInner.js.map +1 -1
- package/lib/components/Dropdown/DropdownMenuButton/DropdownMenuButton.d.ts +1 -3
- package/lib/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js +8 -5
- package/lib/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js.map +1 -1
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js +5 -7
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/lib/components/Dropdown/SortDropdown/SortDropdown.js +12 -14
- package/lib/components/Dropdown/SortDropdown/SortDropdown.js.map +1 -1
- package/lib/components/Dropdown/index.d.ts +0 -1
- package/lib/components/Dropdown/index.js +1 -3
- package/lib/components/Dropdown/index.js.map +1 -1
- package/lib/components/Header/AppLauncher/AppLauncher.js +9 -10
- package/lib/components/Header/AppLauncher/AppLauncher.js.map +1 -1
- package/lib/components/Header/LanguageSwitcher/LanguageSwitcher.js +2 -2
- package/lib/components/Header/LanguageSwitcher/LanguageSwitcher.js.map +1 -1
- package/lib/components/Input/Input.d.ts +1 -1
- package/lib/components/Input/Input.js +1 -1
- package/lib/components/Loader/Loader.d.ts +0 -2
- package/lib/components/Loader/Loader.js +1 -9
- package/lib/components/Loader/Loader.js.map +1 -1
- package/lib/components/SectioningContent/useSectioningWrapper.js +1 -1
- package/lib/components/SectioningContent/useSectioningWrapper.js.map +1 -1
- package/lib/components/Stepper/HorizontalStepItem.js +2 -2
- package/lib/components/Stepper/HorizontalStepItem.js.map +1 -1
- package/lib/components/Table/ThCheckbox.d.ts +3 -1
- package/lib/components/Table/ThCheckbox.js +29 -9
- package/lib/components/Table/ThCheckbox.js.map +1 -1
- package/lib/components/Table/WakuWakuButton.d.ts +5 -0
- package/lib/components/Table/WakuWakuButton.js +11 -0
- package/lib/components/Table/WakuWakuButton.js.map +1 -0
- package/lib/components/Table/index.d.ts +1 -0
- package/lib/components/Table/index.js +3 -1
- package/lib/components/Table/index.js.map +1 -1
- package/lib/index.d.ts +2 -2
- package/lib/index.js +4 -13
- package/lib/index.js.map +1 -1
- package/lib/smarthr-ui-preset.d.ts +4 -2
- package/lib/smarthr-ui-preset.js +5 -2
- package/lib/smarthr-ui-preset.js.map +1 -1
- package/lib/themes/tailwind/TailwindConfig.d.ts +3 -2
- package/package.json +2 -2
- package/smarthr-ui.css +53 -14
- package/esm/components/Dropdown/DropdownScrollArea.d.ts +0 -6
- package/esm/components/Dropdown/DropdownScrollArea.js +0 -10
- package/esm/components/Dropdown/DropdownScrollArea.js.map +0 -1
- package/lib/components/Dropdown/DropdownScrollArea.d.ts +0 -6
- package/lib/components/Dropdown/DropdownScrollArea.js +0 -36
- package/lib/components/Dropdown/DropdownScrollArea.js.map +0 -1
|
@@ -15,7 +15,7 @@ const accordionPanelTrigger = tv({
|
|
|
15
15
|
'shr-group shr-bg-transparent shr-border-none shr-appearance-none shr-w-full shr-px-1 shr-py-0.75 shr-cursor-pointer shr-text-inherit shr-text-color-inherit shr-text-left',
|
|
16
16
|
'hover:shr-bg-white-darken',
|
|
17
17
|
'focus-visible:shr-focus-indicator',
|
|
18
|
-
// Base 直下に AccordionPanel がある場合、背景が付き抜けないように角丸を指定(Base に
|
|
18
|
+
// Base 直下に AccordionPanel がある場合、背景が付き抜けないように角丸を指定(Base に overflow: hidden を与えるとフォーカスリングが表示されなくなる)
|
|
19
19
|
'[.smarthr-ui-Base_>_.smarthr-ui-AccordionPanel_.smarthr-ui-AccordionPanel-item:first-child_&]:shr-rounded-t-l [.smarthr-ui-Base_>_.smarthr-ui-AccordionPanel_.smarthr-ui-AccordionPanel-item:last-child_&]:shr-rounded-b-l',
|
|
20
20
|
],
|
|
21
21
|
leftIcon: 'shr-transition-transform shr-duration-100 group-aria-expanded:shr-rotate-90',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionPanelTrigger.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,WAAW,EACX,UAAU,EACV,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC5D,OAAO,EAAE,OAAO,EAAmB,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAGnC,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAY5D,MAAM,qBAAqB,GAAG,EAAE,CAAC;IAC/B,KAAK,EAAE;QACL,KAAK,EAAE,4BAA4B;QACnC,MAAM,EAAE;YACN,mCAAmC;YACnC,2KAA2K;YAC3K,2BAA2B;YAC3B,mCAAmC;YACnC,
|
|
1
|
+
{"version":3,"file":"AccordionPanelTrigger.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelTrigger.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,7 +17,6 @@ const appNaviDropdown = tv({
|
|
|
17
17
|
},
|
|
18
18
|
},
|
|
19
19
|
});
|
|
20
|
-
/** @deprecated AppNaviDropdownMenuButton を使ってください */
|
|
21
20
|
export const AppNaviDropdown = ({ children, dropdownContent, icon: Icon, current = false, displayCaret, }) => {
|
|
22
21
|
const { wrapperStyle, iconStyle } = useMemo(() => {
|
|
23
22
|
const { wrapper, icon } = appNaviDropdown({ active: current, displayCaret });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppNaviDropdown.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoC,OAAO,EAAE,MAAM,OAAO,CAAA;AACxE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AACxE,OAAO,EAAE,eAAe,EAA+B,MAAM,SAAS,CAAA;AAEtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAY1C,MAAM,eAAe,GAAG,EAAE,CAAC;IACzB,MAAM,EAAE,gBAAgB;IACxB,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,IAAI,EAAE;gBACJ,OAAO,EAAE;oBACP,6BAA6B;oBAC7B,sEAAsE;iBACvE;aACF;SACF;KACF;CACF,CAAC,CAAA;AAEF,
|
|
1
|
+
{"version":3,"file":"AppNaviDropdown.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoC,OAAO,EAAE,MAAM,OAAO,CAAA;AACxE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AACxE,OAAO,EAAE,eAAe,EAA+B,MAAM,SAAS,CAAA;AAEtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAY1C,MAAM,eAAe,GAAG,EAAE,CAAC;IACzB,MAAM,EAAE,gBAAgB;IACxB,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,IAAI,EAAE;gBACJ,OAAO,EAAE;oBACP,6BAA6B;oBAC7B,sEAAsE;iBACvE;aACF;SACF;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EACxD,QAAQ,EACR,eAAe,EACf,IAAI,EAAE,IAAI,EACV,OAAO,GAAG,KAAK,EACf,YAAY,GACb,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/C,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAA;QAC5E,OAAO;YACL,YAAY,EAAE,OAAO,EAAE;YACvB,SAAS,EAAE,IAAI,EAAE;SAClB,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAA;IAE3B,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,eAAe;YACd,oBAAC,cAAc,oBAAe,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,YAAY;gBAChF,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS,GAAI;gBACtC,QAAQ;gBACR,YAAY,IAAI,oBAAC,eAAe,OAAG,CACrB,CACD;QAElB,oBAAC,eAAe,QAAE,eAAe,CAAmB,CAC3C,CACZ,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useMemo, } from 'react';
|
|
2
2
|
import { tv } from 'tailwind-variants';
|
|
3
3
|
import { UnstyledButton } from '../Button';
|
|
4
|
-
import { Dropdown, DropdownContent,
|
|
4
|
+
import { Dropdown, DropdownContent, DropdownTrigger } from '../Dropdown';
|
|
5
5
|
import { dropdownMenuButton } from '../Dropdown/DropdownMenuButton/DropdownMenuButton';
|
|
6
6
|
import { FaCaretDownIcon } from '../Icon';
|
|
7
7
|
import { appNaviItemStyle } from './style';
|
|
@@ -31,6 +31,6 @@ export const AppNaviDropdownMenuButton = ({ children, label, }) => {
|
|
|
31
31
|
React.createElement("span", { hidden: true }, actualChildren),
|
|
32
32
|
React.createElement(FaCaretDownIcon, null))),
|
|
33
33
|
React.createElement(DropdownContent, null,
|
|
34
|
-
React.createElement(
|
|
34
|
+
React.createElement("ul", { className: actionListStyle() }, actualChildren))));
|
|
35
35
|
};
|
|
36
36
|
//# sourceMappingURL=AppNaviDropdownMenuButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppNaviDropdownMenuButton.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviDropdownMenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAwB,cAAc,EAAE,MAAM,WAAW,CAAA;AAEhE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,
|
|
1
|
+
{"version":3,"file":"AppNaviDropdownMenuButton.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviDropdownMenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAwB,cAAc,EAAE,MAAM,WAAW,CAAA;AAEhE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mDAAmD,CAAA;AACtF,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAY1C,MAAM,EACJ,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,GACrC,GAAG,kBAAkB,CAAA;AACtB,MAAM,yBAAyB,GAAG,EAAE,CAAC;IACnC,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE;QACL,OAAO,EAAE;YACP,uCAAuC;YACvC,qFAAqF;YACrF,yUAAyU;YACzU,aAAa;SACd;QACD,UAAU;KACX;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAuC,CAAC,EAC5E,QAAQ,EACR,KAAK,GACN,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CACH,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;IACvC,iDAAiD;IACjD,+BAA+B;IAC/B,IAAI,CAAC,CAAC,CAAC,4BAAI,GAAG,EAAE,CAAC,IAAG,IAA4B,CAAM,CAAC,CAAC,CAAC,IAAI,CAC9D,EACH,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,GAAG,yBAAyB,EAAE,CAAA;IAE1F,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,eAAe;YACd,oBAAC,cAAc,IAAC,SAAS,EAAE,YAAY,EAAE;gBACtC,KAAK;gBAEN,8BAAM,MAAM,UAAE,cAAc,CAAQ;gBACpC,oBAAC,eAAe,OAAG,CACJ,CACD;QAClB,oBAAC,eAAe;YACd,4BAAI,SAAS,EAAE,eAAe,EAAE,IAAG,cAAc,CAAM,CACvC,CACT,CACZ,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { ComponentPropsWithRef, PropsWithChildren } from 'react';
|
|
2
2
|
import { VariantProps } from 'tailwind-variants';
|
|
3
3
|
import type { Gap } from '../../types';
|
|
4
|
-
declare const base: import("tailwind-variants").TVReturnType<{
|
|
4
|
+
export declare const base: import("tailwind-variants").TVReturnType<{
|
|
5
5
|
paddingBlock: { [key in Gap]: string; };
|
|
6
6
|
paddingInline: { [key in Gap]: string; };
|
|
7
7
|
radius: {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { forwardRef, useMemo } from 'react';
|
|
2
2
|
import { tv } from 'tailwind-variants';
|
|
3
3
|
import { useSectionWrapper } from '../SectioningContent/useSectioningWrapper';
|
|
4
|
-
const base = tv({
|
|
4
|
+
export const base = tv({
|
|
5
5
|
base: 'smarthr-ui-Base shr-bg-white forced-colors:shr-border-shorthand contrast-more:shr-border-high-contrast',
|
|
6
6
|
variants: {
|
|
7
7
|
paddingBlock: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Base.js","sourceRoot":"","sources":["../../../src/components/Base/Base.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4C,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC5F,OAAO,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAI7E,MAAM,IAAI,GAAG,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"Base.js","sourceRoot":"","sources":["../../../src/components/Base/Base.tsx"],"names":[],"mappings":"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"}
|
|
@@ -43,7 +43,7 @@ export const Button = forwardRef(({ type = 'button', size = 'default', square =
|
|
|
43
43
|
const wrapperStyle = useMemo(() => wrapper({ className }), [className, wrapper]);
|
|
44
44
|
const loaderStyle = useMemo(() => loaderSlot({ isSecondary: variant === 'secondary' }), [loaderSlot, variant]);
|
|
45
45
|
const { createPortal } = usePortal();
|
|
46
|
-
const loader =
|
|
46
|
+
const loader = React.createElement(Loader, { size: "s", className: loaderStyle, role: "presentation" });
|
|
47
47
|
const actualPrefix = !loading && prefix;
|
|
48
48
|
const actualSuffix = loading && !square ? loader : suffix;
|
|
49
49
|
const disabledOnLoading = loading || disabled;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwB,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACxE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAK/C,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE;QACL,OAAO,EAAE,mBAAmB;QAC5B,MAAM,EACJ,sGAAsG;QACxG,eAAe,EAAE,mCAAmC;QACpD,eAAe,EAAE;YACf,8BAA8B;YAC9B,qDAAqD;YACrD,kCAAkC;YAClC,mEAAmE;YACnE,sCAAsC;YACtC,iCAAiC;YACjC,oCAAoC;SACrC;KACF;IACD,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,IAAI,EAAE;gBACJ,MAAM,EAAE,mDAAmD;aAC5D;YACD,KAAK,EAAE;gBACL,MAAM,EAAE;oBACN,mDAAmD;oBACnD,uEAAuE;iBACxE;aACF;SACF;KACF;CACF,CAAC,CAAA;AAMF,MAAM,YAAY,GAAG,KAAK,CAAA;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CACE,EACE,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,SAAS,EAChB,MAAM,GAAG,KAAK,EACd,MAAM,EACN,MAAM,EACN,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,WAAW,EACrB,QAAQ,EACR,cAAc,EACd,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG,WAAW,EAAE,CAAA;IACvF,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;IAChF,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,UAAU,CAAC,EAAE,WAAW,EAAE,OAAO,KAAK,WAAW,EAAE,CAAC,EAC1D,CAAC,UAAU,EAAE,OAAO,CAAC,CACtB,CAAA;IACD,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,CAAA;IAEpC,MAAM,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,7 +28,7 @@ const checkbox = tv({
|
|
|
28
28
|
iconWrap: [
|
|
29
29
|
'shr-pointer-events-none shr-absolute shr-left-1/2 shr-top-1/2 shr-inline-block shr-h-[theme(fontSize.2xs)] shr-w-[theme(fontSize.2xs)] -shr-translate-x-1/2 -shr-translate-y-1/2 shr-text-2xs',
|
|
30
30
|
'shr-text-transparent peer-checked:shr-text-white peer-indeterminate:shr-text-white',
|
|
31
|
-
'peer-disabled:peer-
|
|
31
|
+
'peer-disabled:peer-indeterminate:shr-text-white-darken peer-disabled:peer-checked:shr-text-white-darken',
|
|
32
32
|
'forced-colors:shr-hidden',
|
|
33
33
|
],
|
|
34
34
|
innerWrapper: 'shr-relative shr-box-border shr-inline-block shr-h-[theme(fontSize.base)] shr-w-[theme(fontSize.base)] shr-shrink-0 shr-translate-y-[0.125em] shr-leading-none',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,KAAK,EACL,mBAAmB,EACnB,OAAO,EACP,MAAM,GACP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAWlD,MAAM,QAAQ,GAAG,EAAE,CAAC;IAClB,KAAK,EAAE;QACL,OAAO,EAAE,wDAAwD;QACjE,GAAG,EAAE;YACH,2HAA2H;YAC3H,wCAAwC;YACxC,iCAAiC;YACjC,0BAA0B;YAC1B,2GAA2G;YAC3G,6HAA6H;YAC7H,qEAAqE;YACrE,wFAAwF;YACxF,oGAAoG;YACpG,wCAAwC;YACxC,mCAAmC;YACnC,oBAAoB;YACpB,yCAAyC;SAC1C;QACD,KAAK,EAAE;YACL,yKAAyK;YACzK,iCAAiC;YACjC,wDAAwD;SACzD;QACD,IAAI,EAAE,kBAAkB;QACxB,QAAQ,EAAE;YACR,+LAA+L;YAC/L,oFAAoF;YACpF,
|
|
1
|
+
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -250,7 +250,7 @@ const ActualMultiComboBox = ({ items, selectedItems, name, disabled = false, req
|
|
|
250
250
|
}, [onKeyPress]);
|
|
251
251
|
const selectedListId = useId();
|
|
252
252
|
const { wrapper, inputArea, selectedList, inputWrapper, input, placeholderEl, suffixWrapper, suffixIcon, } = multiCombobox();
|
|
253
|
-
const { wrapperStyleProps, inputAreaStyle, selectedListStyle,
|
|
253
|
+
const { wrapperStyleProps, inputAreaStyle, selectedListStyle, inputWrapperStyle, inputStyle, placeholderStyle, suffixWrapperStyle, suffixIconStyle, } = useMemo(() => {
|
|
254
254
|
const widthStyle = typeof width === 'number' ? `${width}px` : width;
|
|
255
255
|
return {
|
|
256
256
|
wrapperStyleProps: {
|
|
@@ -262,7 +262,7 @@ const ActualMultiComboBox = ({ items, selectedItems, name, disabled = false, req
|
|
|
262
262
|
},
|
|
263
263
|
inputAreaStyle: inputArea(),
|
|
264
264
|
selectedListStyle: selectedList(),
|
|
265
|
-
|
|
265
|
+
inputWrapperStyle: inputWrapper({ hidden: !isFocused }),
|
|
266
266
|
inputStyle: input(),
|
|
267
267
|
placeholderStyle: placeholderEl(),
|
|
268
268
|
suffixWrapperStyle: suffixWrapper({ disabled }),
|
|
@@ -288,7 +288,7 @@ const ActualMultiComboBox = ({ items, selectedItems, name, disabled = false, req
|
|
|
288
288
|
React.createElement("ul", { id: selectedListId, "aria-label": decorators?.selectedListAriaLabel?.(SELECTED_LIST_ARIA_LABEL) ||
|
|
289
289
|
SELECTED_LIST_ARIA_LABEL, className: selectedListStyle }, selectedItems.map((selectedItem, i) => (React.createElement("li", { key: `${selectedItem.label}-${selectedItem.value}` },
|
|
290
290
|
React.createElement(MultiSelectedItem, { item: selectedItem, disabled: disabled, onDelete: handleDelete, enableEllipsis: selectedItemEllipsis, buttonRef: deletionButtonRefs[i], decorators: decorators }))))),
|
|
291
|
-
React.createElement("div", { className:
|
|
291
|
+
React.createElement("div", { className: inputWrapperStyle },
|
|
292
292
|
React.createElement("input", { ...rest, "data-smarthr-ui-input": "true", type: "text", name: name, value: inputValue, disabled: disabled, required: required && selectedItems.length === 0, ref: inputRef, onChange: handleChangeInput, onFocus: handleFocusInput, onCompositionStart: handleCompositionStartInput, onCompositionEnd: handleCompositionEndInput, onKeyDown: handleInputKeyDown, autoComplete: autoComplete ?? 'off', tabIndex: 0, role: "combobox", "aria-activedescendant": activeOption?.id, "aria-controls": `${listBoxId} ${selectedListId}`, "aria-haspopup": "listbox", "aria-expanded": isFocused, "aria-invalid": error || undefined, "aria-disabled": disabled, "aria-autocomplete": "list", className: inputStyle })),
|
|
293
293
|
selectedItems.length === 0 && placeholder && !isFocused && (React.createElement("p", { className: placeholderStyle }, placeholder))),
|
|
294
294
|
React.createElement("div", { className: suffixWrapperStyle },
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { ComponentProps } from 'react';
|
|
2
|
-
import { DialogProps,
|
|
3
|
-
type Props = DialogProps &
|
|
2
|
+
import { DialogProps, DirectChildren } from './types';
|
|
3
|
+
type Props = DialogProps & DirectChildren;
|
|
4
4
|
type ElementProps = Omit<ComponentProps<'div'>, keyof Props>;
|
|
5
5
|
export declare const Dialog: React.FC<Props & ElementProps>;
|
|
6
6
|
export {};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { DirectChildren, UncontrolledDialogProps } from './types';
|
|
3
3
|
type DialogContentContextType = {
|
|
4
4
|
onClickClose: () => void;
|
|
5
5
|
};
|
|
6
6
|
export declare const DialogContentContext: React.Context<DialogContentContextType>;
|
|
7
|
-
type Props = UncontrolledDialogProps &
|
|
7
|
+
type Props = UncontrolledDialogProps & DirectChildren;
|
|
8
8
|
export declare const DialogContent: React.FC<Props>;
|
|
9
9
|
export {};
|
|
@@ -11,16 +11,16 @@ export const FocusTrap = ({ firstFocusTarget, children }) => {
|
|
|
11
11
|
if (tabbables.length === 0) {
|
|
12
12
|
return;
|
|
13
13
|
}
|
|
14
|
-
const
|
|
15
|
-
const
|
|
14
|
+
const firstTabbable = tabbables[0];
|
|
15
|
+
const lastTabbable = tabbables[tabbables.length - 1];
|
|
16
16
|
const currentFocused = Array.from(tabbables).find((elm) => elm === e.target);
|
|
17
17
|
if (e.shiftKey &&
|
|
18
|
-
(currentFocused ===
|
|
19
|
-
|
|
18
|
+
(currentFocused === firstTabbable || document.activeElement === dummyFocusRef.current)) {
|
|
19
|
+
lastTabbable.focus();
|
|
20
20
|
e.preventDefault();
|
|
21
21
|
}
|
|
22
|
-
else if (!e.shiftKey && currentFocused ===
|
|
23
|
-
|
|
22
|
+
else if (!e.shiftKey && currentFocused === lastTabbable) {
|
|
23
|
+
firstTabbable.focus();
|
|
24
24
|
e.preventDefault();
|
|
25
25
|
}
|
|
26
26
|
}, []);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FocusTrap.js","sourceRoot":"","sources":["../../../src/components/Dialog/FocusTrap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoC,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE/F,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAM9C,MAAM,CAAC,MAAM,SAAS,GAAc,CAAC,EAAE,gBAAgB,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrE,MAAM,GAAG,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAC/C,MAAM,aAAa,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAElD,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,CAAgB,EAAE,EAAE;QACrD,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,GAAG,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YAC5C,OAAM;QACR,CAAC;QACD,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAA;QAC1E,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC3B,OAAM;QACR,CAAC;QACD,MAAM,
|
|
1
|
+
{"version":3,"file":"FocusTrap.js","sourceRoot":"","sources":["../../../src/components/Dialog/FocusTrap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoC,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE/F,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAM9C,MAAM,CAAC,MAAM,SAAS,GAAc,CAAC,EAAE,gBAAgB,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrE,MAAM,GAAG,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAC/C,MAAM,aAAa,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAElD,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,CAAgB,EAAE,EAAE;QACrD,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,GAAG,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YAC5C,OAAM;QACR,CAAC;QACD,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAA;QAC1E,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC3B,OAAM;QACR,CAAC;QACD,MAAM,aAAa,GAAG,SAAS,CAAC,CAAC,CAAC,CAAA;QAClC,MAAM,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QACpD,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM,CAAC,CAAA;QAC5E,IACE,CAAC,CAAC,QAAQ;YACV,CAAC,cAAc,KAAK,aAAa,IAAI,QAAQ,CAAC,aAAa,KAAK,aAAa,CAAC,OAAO,CAAC,EACtF,CAAC;YACD,YAAY,CAAC,KAAK,EAAE,CAAA;YACpB,CAAC,CAAC,cAAc,EAAE,CAAA;QACpB,CAAC;aAAM,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,cAAc,KAAK,YAAY,EAAE,CAAC;YAC1D,aAAa,CAAC,KAAK,EAAE,CAAA;YACrB,CAAC,CAAC,cAAc,EAAE,CAAA;QACpB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACjD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAA;QAC7C,IAAI,gBAAgB,EAAE,OAAO,EAAE,CAAC;YAC9B,gBAAgB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;QAClC,CAAC;aAAM,CAAC;YACN,aAAa,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;QAChC,CAAC;QAED,OAAO,GAAG,EAAE;YACV,4BAA4B;YAC5B,IAAI,cAAc,YAAY,WAAW,EAAE,CAAC;gBAC1C,cAAc,CAAC,KAAK,EAAE,CAAA;YACxB,CAAC;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAEtB,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG;QAEX,6BAAK,GAAG,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,CAAC,GAAI;QACxC,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -10,7 +10,7 @@ const CLOSE_BUTTON_LABEL = 'キャンセル';
|
|
|
10
10
|
export const FormDialogContentInner = ({ children, title, titleId, subtitle, titleTag, contentBgColor, contentPadding, actionText, actionTheme = 'primary', onSubmit, onClickClose, responseMessage, actionDisabled = false, closeDisabled, subActionArea, decorators, }) => {
|
|
11
11
|
const handleSubmitAction = useCallback((e) => {
|
|
12
12
|
e.preventDefault();
|
|
13
|
-
// HINT: React
|
|
13
|
+
// HINT: React Portals などで擬似的にformがネストしている場合など、stopPropagationを実行しないと
|
|
14
14
|
// 親formが意図せずsubmitされてしまう場合がある
|
|
15
15
|
e.stopPropagation();
|
|
16
16
|
onSubmit(onClickClose, e);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContentInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,WAAW,GACZ,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACjD,OAAO,EAAE,UAAU,EAA4B,MAAM,eAAe,CAAA;AACpE,OAAO,EAAE,YAAY,EAAmC,MAAM,iBAAiB,CAAA;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAgCxD,MAAM,kBAAkB,GAAG,OAAO,CAAA;AAElC,MAAM,CAAC,MAAM,sBAAsB,GAAoC,CAAC,EACtE,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,cAAc,EACd,UAAU,EACV,WAAW,GAAG,SAAS,EACvB,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,cAAc,GAAG,KAAK,EACtB,aAAa,EACb,aAAa,EACb,UAAU,GACX,EAAE,EAAE;IACH,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,CAA6B,EAAE,EAAE;QAChC,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,
|
|
1
|
+
{"version":3,"file":"FormDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContentInner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,5 +10,5 @@ type PortalProps = {
|
|
|
10
10
|
};
|
|
11
11
|
export type DialogProps = CommonProps & ControlledProps & PortalProps;
|
|
12
12
|
export type UncontrolledDialogProps = CommonProps & PortalProps;
|
|
13
|
-
export type
|
|
13
|
+
export type DirectChildren = Pick<DialogContentInnerProps, 'children'>;
|
|
14
14
|
export {};
|
|
@@ -11,17 +11,17 @@ const closer = tv({
|
|
|
11
11
|
},
|
|
12
12
|
});
|
|
13
13
|
export const DropdownCloser = ({ children, className }) => {
|
|
14
|
-
const { onClickCloser, controllable
|
|
14
|
+
const { onClickCloser, controllable } = useContext(DropdownContentContext);
|
|
15
15
|
const { maxHeight } = useContext(DropdownContentInnerContext);
|
|
16
16
|
const styleProps = useMemo(() => {
|
|
17
|
-
const maxHeightStyle =
|
|
17
|
+
const maxHeightStyle = controllable ? undefined : maxHeight;
|
|
18
18
|
return {
|
|
19
19
|
className: closer({ controllable, className }),
|
|
20
20
|
style: {
|
|
21
21
|
maxHeight: maxHeightStyle,
|
|
22
22
|
},
|
|
23
23
|
};
|
|
24
|
-
}, [className, controllable, maxHeight
|
|
24
|
+
}, [className, controllable, maxHeight]);
|
|
25
25
|
return (
|
|
26
26
|
// eslint-disable-next-line smarthr/a11y-delegate-element-has-role-presentation
|
|
27
27
|
React.createElement("div", { ...styleProps, onClick: onClickCloser, role: "presentation" }, children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownCloser.js","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownCloser.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqC,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACrF,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAA;AAEpE,MAAM,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,EAAE,4BAA4B;IAClC,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,KAAK,EAAE,uBAAuB;SAC/B;KACF;CACF,CAAC,CAAA;AAIF,MAAM,CAAC,MAAM,cAAc,GAAoB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACzE,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"DropdownCloser.js","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownCloser.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqC,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACrF,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAA;AAEpE,MAAM,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,EAAE,4BAA4B;IAClC,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,KAAK,EAAE,uBAAuB;SAC/B;KACF;CACF,CAAC,CAAA;AAIF,MAAM,CAAC,MAAM,cAAc,GAAoB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACzE,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAA;IAC1E,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,2BAA2B,CAAC,CAAA;IAE7D,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,MAAM,cAAc,GAAG,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAA;QAC3D,OAAO;YACL,SAAS,EAAE,MAAM,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;YAC9C,KAAK,EAAE;gBACL,SAAS,EAAE,cAAc;aAC1B;SACF,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC,CAAA;IAExC,OAAO;IACL,+EAA+E;IAC/E,gCAAS,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAC,cAAc,IAC7D,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -3,7 +3,6 @@ import { ElementProps as InnerElementProps } from './DropdownContentInner';
|
|
|
3
3
|
export declare const DropdownContentContext: React.Context<{
|
|
4
4
|
onClickCloser: () => void;
|
|
5
5
|
controllable: boolean;
|
|
6
|
-
scrollable: boolean;
|
|
7
6
|
}>;
|
|
8
7
|
type Props = PropsWithChildren<{
|
|
9
8
|
/**
|
|
@@ -11,8 +10,6 @@ type Props = PropsWithChildren<{
|
|
|
11
10
|
* この場合は、 `DropdownCloser` を用いてドロップダウンを閉じることができる。
|
|
12
11
|
*/
|
|
13
12
|
controllable?: boolean;
|
|
14
|
-
/** `true` のとき、ウィンドウサイズに応じてドロップダウン内が自動的にスクロール可能になる */
|
|
15
|
-
scrollable?: boolean;
|
|
16
13
|
}>;
|
|
17
14
|
type ElementProps = Omit<InnerElementProps, keyof Props>;
|
|
18
15
|
export declare const DropdownContent: React.FC<Props & ElementProps>;
|
|
@@ -6,12 +6,11 @@ export const DropdownContentContext = React.createContext({
|
|
|
6
6
|
/* noop */
|
|
7
7
|
},
|
|
8
8
|
controllable: false,
|
|
9
|
-
scrollable: true,
|
|
10
9
|
});
|
|
11
|
-
export const DropdownContent = ({ controllable = false,
|
|
10
|
+
export const DropdownContent = ({ controllable = false, ...props }) => {
|
|
12
11
|
const { DropdownContentRoot, triggerRect, onClickCloser } = useContext(DropdownContext);
|
|
13
12
|
return (React.createElement(DropdownContentRoot, null,
|
|
14
|
-
React.createElement(DropdownContentContext.Provider, { value: { onClickCloser, controllable
|
|
15
|
-
React.createElement(DropdownContentInner, { ...props, triggerRect: triggerRect,
|
|
13
|
+
React.createElement(DropdownContentContext.Provider, { value: { onClickCloser, controllable } },
|
|
14
|
+
React.createElement(DropdownContentInner, { ...props, triggerRect: triggerRect, controllable: controllable }))));
|
|
16
15
|
};
|
|
17
16
|
//# sourceMappingURL=DropdownContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownContent.js","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqB,UAAU,EAAE,MAAM,OAAO,CAAA;AAE5D,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,EAAE,oBAAoB,EAAqC,MAAM,wBAAwB,CAAA;AAEhG,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"DropdownContent.js","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqB,UAAU,EAAE,MAAM,OAAO,CAAA;AAE5D,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,EAAE,oBAAoB,EAAqC,MAAM,wBAAwB,CAAA;AAEhG,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,aAAa,CAGtD;IACD,aAAa,EAAE,GAAG,EAAE;QAClB,UAAU;IACZ,CAAC;IACD,YAAY,EAAE,KAAK;CACpB,CAAC,CAAA;AAYF,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,YAAY,GAAG,KAAK,EACpB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,mBAAmB,EAAE,WAAW,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,eAAe,CAAC,CAAA;IAEvF,OAAO,CACL,oBAAC,mBAAmB;QAClB,oBAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,YAAY,EAAE;YACrE,oBAAC,oBAAoB,OAAK,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,GAAI,CACzD,CACd,CACvB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -2,7 +2,6 @@ import React, { ComponentProps, FC, PropsWithChildren } from 'react';
|
|
|
2
2
|
import { Rect } from './dropdownHelper';
|
|
3
3
|
type Props = PropsWithChildren<{
|
|
4
4
|
triggerRect: Rect;
|
|
5
|
-
scrollable: boolean;
|
|
6
5
|
controllable: boolean;
|
|
7
6
|
}>;
|
|
8
7
|
export type ElementProps = Omit<ComponentProps<'div'>, keyof Props>;
|
|
@@ -5,25 +5,18 @@ import { DropdownCloser } from './DropdownCloser';
|
|
|
5
5
|
import { getContentBoxStyle } from './dropdownHelper';
|
|
6
6
|
import { useKeyboardNavigation } from './useKeyboardNavigation';
|
|
7
7
|
const contentInner = tv({
|
|
8
|
-
|
|
9
|
-
wrapper: 'smarthr-ui-Dropdown-content shr-absolute shr-z-overlap-base shr-flex shr-break-words shr-rounded-m shr-bg-white shr-shadow-layer-3',
|
|
10
|
-
controllableWrapper: 'shr-flex shr-flex-col',
|
|
11
|
-
},
|
|
8
|
+
base: 'smarthr-ui-Dropdown-content shr-absolute shr-z-overlap-base shr-break-words shr-rounded-m shr-bg-white shr-shadow-layer-3 shr-overflow-y-auto',
|
|
12
9
|
variants: {
|
|
13
10
|
isActive: {
|
|
14
|
-
true:
|
|
15
|
-
|
|
16
|
-
},
|
|
17
|
-
false: {
|
|
18
|
-
wrapper: 'shr-invisible',
|
|
19
|
-
},
|
|
11
|
+
true: 'shr-visible',
|
|
12
|
+
false: 'shr-invisible',
|
|
20
13
|
},
|
|
21
14
|
},
|
|
22
15
|
});
|
|
23
16
|
export const DropdownContentInnerContext = createContext({
|
|
24
17
|
maxHeight: '',
|
|
25
18
|
});
|
|
26
|
-
export const DropdownContentInner = ({ triggerRect,
|
|
19
|
+
export const DropdownContentInner = ({ triggerRect, children, className, controllable, ...props }) => {
|
|
27
20
|
const [isActive, setIsActive] = useState(false);
|
|
28
21
|
const [contentBox, setContentBox] = useState({
|
|
29
22
|
top: 'auto',
|
|
@@ -31,13 +24,12 @@ export const DropdownContentInner = ({ triggerRect, scrollable, children, classN
|
|
|
31
24
|
});
|
|
32
25
|
const wrapperRef = useRef(null);
|
|
33
26
|
const focusTargetRef = useRef(null);
|
|
34
|
-
const { wrapper, controllableWrapper } = useMemo(() => contentInner(), []);
|
|
35
27
|
const wrapperStyleProps = useMemo(() => {
|
|
36
28
|
const leftMargin = contentBox.left === undefined ? spacing[0.5] : `max(${contentBox.left}, 0px)`;
|
|
37
29
|
const rightMargin = contentBox.right === undefined ? spacing[0.5] : `max(${contentBox.right}, 0px)`;
|
|
38
30
|
const maxWidthStyle = `calc(100% - ${leftMargin} - ${rightMargin})`;
|
|
39
31
|
return {
|
|
40
|
-
className:
|
|
32
|
+
className: contentInner({ isActive, className }),
|
|
41
33
|
style: {
|
|
42
34
|
insetBlockStart: contentBox.top,
|
|
43
35
|
insetInlineStart: contentBox.left || undefined,
|
|
@@ -45,13 +37,12 @@ export const DropdownContentInner = ({ triggerRect, scrollable, children, classN
|
|
|
45
37
|
maxWidth: maxWidthStyle,
|
|
46
38
|
},
|
|
47
39
|
};
|
|
48
|
-
}, [className, contentBox.left, contentBox.right, contentBox.top, isActive
|
|
40
|
+
}, [className, contentBox.left, contentBox.right, contentBox.top, isActive]);
|
|
49
41
|
const controllableWrapperStyleProps = useMemo(() => ({
|
|
50
|
-
className: controllableWrapper(),
|
|
51
42
|
style: {
|
|
52
|
-
maxHeight: contentBox.maxHeight
|
|
43
|
+
maxHeight: contentBox.maxHeight || undefined,
|
|
53
44
|
},
|
|
54
|
-
}), [contentBox.maxHeight
|
|
45
|
+
}), [contentBox.maxHeight]);
|
|
55
46
|
useEffect(() => {
|
|
56
47
|
if (wrapperRef.current) {
|
|
57
48
|
setContentBox(getContentBoxStyle(triggerRect, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownContentInner.js","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownContentInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,aAAa,EACb,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAyB,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAE/D,MAAM,YAAY,GAAG,EAAE,CAAC;IACtB,
|
|
1
|
+
{"version":3,"file":"DropdownContentInner.js","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownContentInner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,9 +3,7 @@ import { AnchorButton, Button, BaseProps as ButtonProps } from '../../Button';
|
|
|
3
3
|
import { RemoteDialogTrigger } from '../../Dialog';
|
|
4
4
|
import { FaCaretDownIcon } from '../../Icon';
|
|
5
5
|
type Actions = ActionItem | ActionItem[];
|
|
6
|
-
type
|
|
7
|
-
type ActionItemFalsyType = null | undefined | boolean | 0 | '';
|
|
8
|
-
type ActionItem = ActionItemTruthyType | ActionItemFalsyType;
|
|
6
|
+
type ActionItem = ReactElement<ComponentProps<typeof Button>> | ReactElement<ComponentProps<typeof AnchorButton>> | ReactElement<ComponentProps<typeof RemoteDialogTrigger>> | ReactNode;
|
|
9
7
|
type Props = {
|
|
10
8
|
/** 引き金となるボタンラベル */
|
|
11
9
|
label: ReactNode;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useMemo, } from 'react';
|
|
2
2
|
import innerText from 'react-innertext';
|
|
3
3
|
import { tv } from 'tailwind-variants';
|
|
4
|
-
import { Dropdown, DropdownContent,
|
|
4
|
+
import { Dropdown, DropdownContent, DropdownTrigger } from '..';
|
|
5
5
|
import { Button } from '../../Button';
|
|
6
6
|
import { FaCaretDownIcon, FaEllipsisIcon } from '../../Icon';
|
|
7
7
|
import useKeyboardNavigation from './useKeyboardNavigation';
|
|
@@ -45,10 +45,13 @@ export const DropdownMenuButton = ({ label, children, triggerSize, onlyIconTrigg
|
|
|
45
45
|
React.createElement(DropdownTrigger, { className: triggerWrapperStyle },
|
|
46
46
|
React.createElement(Button, { ...props, suffix: triggerSuffix, size: triggerSize, square: onlyIconTrigger, className: triggerButtonStyle }, triggerLabel)),
|
|
47
47
|
React.createElement(DropdownContent, null,
|
|
48
|
-
React.createElement(
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
48
|
+
React.createElement("ul", { ref: containerRef, className: actionListStyle }, React.Children.map(children, (item) => actionItem(item))))));
|
|
49
|
+
};
|
|
50
|
+
// MEMO: {flag && <Button/>} のような書き方に対応させている
|
|
51
|
+
const actionItem = (item) => {
|
|
52
|
+
if (!(item && React.isValidElement(item)))
|
|
53
|
+
return null;
|
|
54
|
+
const actualElement = React.cloneElement(item, { variant: 'text', wide: true });
|
|
55
|
+
return React.createElement("li", null, actualElement);
|
|
52
56
|
};
|
|
53
|
-
const actionItem = (item) => React.cloneElement(item, { variant: 'text', wide: true });
|
|
54
57
|
//# sourceMappingURL=DropdownMenuButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenuButton.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownMenuButton/DropdownMenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAOZ,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,SAAS,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,
|
|
1
|
+
{"version":3,"file":"DropdownMenuButton.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownMenuButton/DropdownMenuButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,6 @@ import { ResponseMessage } from '../../ResponseMessage';
|
|
|
8
8
|
import { Dropdown } from '../Dropdown';
|
|
9
9
|
import { DropdownCloser } from '../DropdownCloser';
|
|
10
10
|
import { DropdownContent } from '../DropdownContent';
|
|
11
|
-
import { DropdownScrollArea } from '../DropdownScrollArea';
|
|
12
11
|
import { DropdownTrigger } from '../DropdownTrigger';
|
|
13
12
|
const STATUS_FILTERED_TEXT = '適用中';
|
|
14
13
|
const TRIGGER_BUTTON_TEXT = '絞り込み';
|
|
@@ -22,9 +21,9 @@ const filterDropdown = tv({
|
|
|
22
21
|
'shr-relative shr-leading-none',
|
|
23
22
|
'[&_>_[role="img"]_+_[role="img"]]:shr-absolute [&_>_[role="img"]_+_[role="img"]]:shr-bottom-[2px] [&_>_[role="img"]_+_[role="img"]]:shr-right-[-4px]',
|
|
24
23
|
],
|
|
25
|
-
|
|
24
|
+
filteredIcon: 'shr-h-[0.5em] shr-w-[0.5em]',
|
|
26
25
|
inner: 'shr-p-1.5',
|
|
27
|
-
actionArea: 'shr-border-t-shorthand shr-px-1.5 shr-py-1',
|
|
26
|
+
actionArea: 'shr-sticky shr-bottom-0 shr-border-t-shorthand shr-bg-white shr-px-1.5 shr-py-1',
|
|
28
27
|
resetButtonArea: '-shr-ms-0.5',
|
|
29
28
|
rightButtonArea: 'shr-ms-auto',
|
|
30
29
|
message: 'shr-text-right',
|
|
@@ -52,10 +51,10 @@ export const FilterDropdown = ({ isFiltered = false, onApply, onCancel, onReset,
|
|
|
52
51
|
const filteredIconAriaLabel = useMemo(() => innerText(status), [status]);
|
|
53
52
|
const isRequestProcessing = responseMessage !== undefined && responseMessage.status === 'processing';
|
|
54
53
|
const { iconWrapperStyle, filteredIconStyle, innerStyle, actionAreaStyle, resetButtonAreaStyle, rightButtonAreaStyle, messageStyle, } = useMemo(() => {
|
|
55
|
-
const { iconWrapper,
|
|
54
|
+
const { iconWrapper, filteredIcon, inner, actionArea, resetButtonArea, rightButtonArea, message, } = filterDropdown();
|
|
56
55
|
return {
|
|
57
56
|
iconWrapperStyle: iconWrapper({ filtered: isFiltered, triggerSize }),
|
|
58
|
-
filteredIconStyle:
|
|
57
|
+
filteredIconStyle: filteredIcon(),
|
|
59
58
|
innerStyle: inner(),
|
|
60
59
|
actionAreaStyle: actionArea(),
|
|
61
60
|
resetButtonAreaStyle: resetButtonArea(),
|
|
@@ -69,8 +68,7 @@ export const FilterDropdown = ({ isFiltered = false, onApply, onCancel, onReset,
|
|
|
69
68
|
React.createElement(FaFilterIcon, null),
|
|
70
69
|
isFiltered ? (React.createElement(FaCircleCheckIcon, { "aria-label": filteredIconAriaLabel, className: filteredIconStyle })) : null), size: triggerSize }, triggerButton)),
|
|
71
70
|
React.createElement(DropdownContent, { controllable: true },
|
|
72
|
-
React.createElement(
|
|
73
|
-
React.createElement("div", { className: innerStyle }, children)),
|
|
71
|
+
React.createElement("div", { className: innerStyle }, children),
|
|
74
72
|
React.createElement(Stack, { gap: 0.5, className: actionAreaStyle },
|
|
75
73
|
React.createElement(Cluster, { gap: 1, align: "center", justify: "space-between" },
|
|
76
74
|
onReset && (React.createElement("div", { className: resetButtonAreaStyle },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterDropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/FilterDropdown/FilterDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiC,OAAO,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,SAAS,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAA4B,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAC9E,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"FilterDropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/FilterDropdown/FilterDropdown.tsx"],"names":[],"mappings":"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"}
|