smarthr-ui 58.1.2 → 60.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/README.md +0 -1
- 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/Balloon/Balloon.d.ts +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/ComboBox/useListBox.js +15 -5
- package/esm/components/ComboBox/useListBox.js.map +1 -1
- 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/ModelessDialog.js +1 -4
- package/esm/components/Dialog/ModelessDialog.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/CurrencyInput/CurrencyInput.d.ts +1 -5
- package/esm/components/Input/CurrencyInput/CurrencyInput.js.map +1 -1
- package/esm/components/Input/Input.d.ts +1 -1
- package/esm/components/Input/Input.js +1 -1
- package/esm/components/Input/Input.js.map +1 -1
- package/esm/components/Input/InputWithTooltip/InputWithTooltip.js +4 -4
- package/esm/components/Input/InputWithTooltip/InputWithTooltip.js.map +1 -1
- package/esm/components/Input/SearchInput/SearchInput.js +21 -19
- package/esm/components/Input/SearchInput/SearchInput.js.map +1 -1
- package/esm/components/Layout/Center/Center.d.ts +36 -0
- package/esm/components/Layout/Center/Center.js +1 -1
- package/esm/components/Layout/Center/Center.js.map +1 -1
- package/esm/components/Layout/Cluster/Cluster.d.ts +197 -0
- package/esm/components/Layout/Cluster/Cluster.js +1 -25
- package/esm/components/Layout/Cluster/Cluster.js.map +1 -1
- package/esm/components/Layout/ComponentsForStories.d.ts +7 -0
- package/esm/components/Layout/ComponentsForStories.js +3 -0
- package/esm/components/Layout/ComponentsForStories.js.map +1 -0
- 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/Picker/MonthPicker.d.ts +7 -0
- package/esm/components/Picker/MonthPicker.js +14 -0
- package/esm/components/Picker/MonthPicker.js.map +1 -0
- package/esm/components/Picker/TimePicker.d.ts +7 -0
- package/esm/components/Picker/TimePicker.js +14 -0
- package/esm/components/Picker/TimePicker.js.map +1 -0
- package/esm/components/Picker/index.d.ts +2 -0
- package/esm/components/Picker/index.js +3 -0
- package/esm/components/Picker/index.js.map +1 -0
- package/esm/components/Picker/style.d.ts +23 -0
- package/esm/components/{TimePicker/TimePicker.js → Picker/style.js} +8 -16
- package/esm/components/Picker/style.js.map +1 -0
- package/esm/components/Picker/types.d.ts +2 -0
- package/esm/components/Picker/types.js +2 -0
- package/esm/components/Picker/types.js.map +1 -0
- 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/Switch/Switch.js +2 -1
- package/esm/components/Switch/Switch.js.map +1 -1
- package/esm/components/TabBar/TabBar.js +1 -1
- package/esm/components/TabBar/TabBar.js.map +1 -1
- package/esm/components/TabBar/TabItem.js +1 -1
- package/esm/components/TabBar/TabItem.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/components/TextLink/TextLink.js +2 -2
- package/esm/components/TextLink/TextLink.js.map +1 -1
- package/esm/components/Tooltip/Tooltip.d.ts +3 -3
- package/esm/components/Tooltip/Tooltip.js +1 -2
- package/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/esm/index.d.ts +3 -3
- package/esm/index.js +3 -3
- package/esm/index.js.map +1 -1
- package/esm/smarthr-ui-preset.d.ts +4 -2
- package/esm/smarthr-ui-preset.js +11 -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/Balloon/Balloon.d.ts +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/ComboBox/useListBox.js +15 -5
- package/lib/components/ComboBox/useListBox.js.map +1 -1
- 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/ModelessDialog.js +1 -4
- package/lib/components/Dialog/ModelessDialog.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/CurrencyInput/CurrencyInput.d.ts +1 -5
- package/lib/components/Input/CurrencyInput/CurrencyInput.js.map +1 -1
- package/lib/components/Input/Input.d.ts +1 -1
- package/lib/components/Input/Input.js +3 -3
- package/lib/components/Input/Input.js.map +1 -1
- package/lib/components/Input/InputWithTooltip/InputWithTooltip.js +4 -4
- package/lib/components/Input/InputWithTooltip/InputWithTooltip.js.map +1 -1
- package/lib/components/Input/SearchInput/SearchInput.js +20 -18
- package/lib/components/Input/SearchInput/SearchInput.js.map +1 -1
- package/lib/components/Layout/Center/Center.d.ts +36 -0
- package/lib/components/Layout/Center/Center.js +3 -3
- package/lib/components/Layout/Center/Center.js.map +1 -1
- package/lib/components/Layout/Cluster/Cluster.d.ts +197 -0
- package/lib/components/Layout/Cluster/Cluster.js +3 -27
- package/lib/components/Layout/Cluster/Cluster.js.map +1 -1
- package/lib/components/Layout/ComponentsForStories.d.ts +7 -0
- package/lib/components/Layout/ComponentsForStories.js +10 -0
- package/lib/components/Layout/ComponentsForStories.js.map +1 -0
- 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/Picker/MonthPicker.d.ts +7 -0
- package/lib/components/{Dropdown/DropdownScrollArea.js → Picker/MonthPicker.js} +13 -9
- package/lib/components/Picker/MonthPicker.js.map +1 -0
- package/lib/components/Picker/TimePicker.d.ts +7 -0
- package/lib/components/{TimePicker → Picker}/TimePicker.js +2 -28
- package/lib/components/Picker/TimePicker.js.map +1 -0
- package/lib/components/Picker/index.d.ts +2 -0
- package/lib/components/Picker/index.js +8 -0
- package/lib/components/Picker/index.js.map +1 -0
- package/lib/components/Picker/style.d.ts +23 -0
- package/lib/components/Picker/style.js +36 -0
- package/lib/components/Picker/style.js.map +1 -0
- package/lib/components/Picker/types.d.ts +2 -0
- package/lib/components/Picker/types.js +3 -0
- package/lib/components/Picker/types.js.map +1 -0
- 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/Switch/Switch.js +2 -1
- package/lib/components/Switch/Switch.js.map +1 -1
- package/lib/components/TabBar/TabBar.js +1 -1
- package/lib/components/TabBar/TabBar.js.map +1 -1
- package/lib/components/TabBar/TabItem.js +1 -1
- package/lib/components/TabBar/TabItem.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/components/TextLink/TextLink.js +1 -1
- package/lib/components/TextLink/TextLink.js.map +1 -1
- package/lib/components/Tooltip/Tooltip.d.ts +3 -3
- package/lib/components/Tooltip/Tooltip.js +1 -2
- package/lib/components/Tooltip/Tooltip.js.map +1 -1
- package/lib/index.d.ts +3 -3
- package/lib/index.js +5 -14
- package/lib/index.js.map +1 -1
- package/lib/smarthr-ui-preset.d.ts +4 -2
- package/lib/smarthr-ui-preset.js +11 -2
- package/lib/smarthr-ui-preset.js.map +1 -1
- package/lib/themes/tailwind/TailwindConfig.d.ts +3 -2
- package/package.json +28 -32
- package/smarthr-ui.css +113 -70
- 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/esm/components/TimePicker/TimePicker.d.ts +0 -8
- package/esm/components/TimePicker/TimePicker.js.map +0 -1
- package/esm/components/TimePicker/index.d.ts +0 -1
- package/esm/components/TimePicker/index.js +0 -2
- package/esm/components/TimePicker/index.js.map +0 -1
- package/lib/components/Dropdown/DropdownScrollArea.d.ts +0 -6
- package/lib/components/Dropdown/DropdownScrollArea.js.map +0 -1
- package/lib/components/TimePicker/TimePicker.d.ts +0 -8
- package/lib/components/TimePicker/TimePicker.js.map +0 -1
- package/lib/components/TimePicker/index.d.ts +0 -1
- package/lib/components/TimePicker/index.js +0 -6
- package/lib/components/TimePicker/index.js.map +0 -1
package/README.md
CHANGED
|
@@ -7,7 +7,6 @@ SmartHR UI はそのすべてのアプリケーションの UI コンポーネ
|
|
|
7
7
|
|
|
8
8
|
[](https://badge.fury.io/js/smarthr-ui)
|
|
9
9
|
[](https://circleci.com/gh/kufu/smarthr-ui)
|
|
10
|
-

|
|
11
10
|
|
|
12
11
|
</div>
|
|
13
12
|
|
|
@@ -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"}
|
|
@@ -78,7 +78,7 @@ declare const balloon: import("tailwind-variants").TVReturnType<{
|
|
|
78
78
|
middle: string[];
|
|
79
79
|
};
|
|
80
80
|
}>, unknown, unknown, undefined>>;
|
|
81
|
-
|
|
81
|
+
type Props = PropsWithChildren<VariantProps<typeof balloon> & {
|
|
82
82
|
/** レンダリングするタグ */
|
|
83
83
|
as?: 'div' | 'span';
|
|
84
84
|
}>;
|
|
@@ -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 },
|
|
@@ -40,8 +40,17 @@ export const useListBox = ({ options, dropdownHelpMessage, dropdownWidth, onAdd,
|
|
|
40
40
|
const [listBoxRect, setListBoxRect] = useState({
|
|
41
41
|
top: 0,
|
|
42
42
|
left: 0,
|
|
43
|
-
$width: 0,
|
|
44
43
|
});
|
|
44
|
+
// HINT: calculateRectで同時に計算するとwidthの幅が変更されるタイミングの問題でlistBoxHeightが変化する場合がある
|
|
45
|
+
const [triggerWidth, setTriggerWidth] = useState(0);
|
|
46
|
+
useEffect(() => {
|
|
47
|
+
if (!triggerRef.current) {
|
|
48
|
+
setTriggerWidth(0);
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
51
|
+
const rect = triggerRef.current.getBoundingClientRect();
|
|
52
|
+
setTriggerWidth(rect.width);
|
|
53
|
+
}, [triggerRef.current, isExpanded]);
|
|
45
54
|
const calculateRect = useCallback(() => {
|
|
46
55
|
if (!listBoxRef.current || !triggerRef.current) {
|
|
47
56
|
return;
|
|
@@ -74,9 +83,9 @@ export const useListBox = ({ options, dropdownHelpMessage, dropdownWidth, onAdd,
|
|
|
74
83
|
setListBoxRect({
|
|
75
84
|
top,
|
|
76
85
|
left: rect.left + window.pageXOffset,
|
|
77
|
-
$width: rect.width,
|
|
78
86
|
height,
|
|
79
87
|
});
|
|
88
|
+
setTriggerWidth(rect.width);
|
|
80
89
|
}, [listBoxRef, triggerRef]);
|
|
81
90
|
const activeRef = useRef(null);
|
|
82
91
|
useEffect(() => {
|
|
@@ -154,15 +163,15 @@ export const useListBox = ({ options, dropdownHelpMessage, dropdownWidth, onAdd,
|
|
|
154
163
|
}, [setActiveOption]);
|
|
155
164
|
const { wrapper, dropdownList, helpMessage, loaderWrapper, noItems } = listbox();
|
|
156
165
|
const { wrapperStyleProps, dropdownListStyleProps, helpMessageStyle, loaderWrapperStyle, noItemsStyle, } = useMemo(() => {
|
|
157
|
-
const { top, left,
|
|
158
|
-
const dropdownListWidth = dropdownWidth ||
|
|
166
|
+
const { top, left, height } = listBoxRect;
|
|
167
|
+
const dropdownListWidth = dropdownWidth || triggerWidth;
|
|
159
168
|
return {
|
|
160
169
|
wrapperStyleProps: {
|
|
161
170
|
className: wrapper(),
|
|
162
171
|
style: {
|
|
163
172
|
top: `${top}px`,
|
|
164
173
|
left: `${left}px`,
|
|
165
|
-
width: `${
|
|
174
|
+
width: `${triggerWidth}px`,
|
|
166
175
|
},
|
|
167
176
|
},
|
|
168
177
|
dropdownListStyleProps: {
|
|
@@ -182,6 +191,7 @@ export const useListBox = ({ options, dropdownHelpMessage, dropdownWidth, onAdd,
|
|
|
182
191
|
dropdownWidth,
|
|
183
192
|
helpMessage,
|
|
184
193
|
listBoxRect,
|
|
194
|
+
triggerWidth,
|
|
185
195
|
loaderWrapper,
|
|
186
196
|
noItems,
|
|
187
197
|
spacing,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useListBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/useListBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,WAAW,EACX,SAAS,EACT,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"useListBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/useListBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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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"}
|
|
@@ -20,10 +20,7 @@ const modelessDialog = tv({
|
|
|
20
20
|
'smarthr-ui-ModelessDialog-handle shr-absolute shr-inset-x-0 shr-bottom-0 shr-top-[2px] shr-m-auto shr-flex shr-justify-center shr-rounded-tl-s shr-rounded-tr-s shr-text-grey shr-transition-colors shr-duration-100 shr-ease-in-out',
|
|
21
21
|
'focus-visible:shr-bg-white-darken focus-visible:shr-shadow-outline focus-visible:shr-outline-none',
|
|
22
22
|
],
|
|
23
|
-
title: [
|
|
24
|
-
'shr-relative' /* DialogHandlerの上に出すためにスタッキングコンテキストを生成 */,
|
|
25
|
-
'shr-my-1 shr-me-1',
|
|
26
|
-
],
|
|
23
|
+
title: ['shr-my-1 shr-me-1'],
|
|
27
24
|
closeButtonLayout: [
|
|
28
25
|
'shr-relative' /* DialogHandlerの上に出すためにスタッキングコンテキストを生成 */,
|
|
29
26
|
'shr-ml-auto shr-shrink-0',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModelessDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/ModelessDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAOZ,WAAW,EACX,SAAS,EACT,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,SAAS,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEpD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,IAAI,EAAoB,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAEjD,OAAO,EAAE,UAAU,EAAiC,MAAM,cAAc,CAAA;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AA6DnD,MAAM,yBAAyB,GAAG,UAAU,CAAA;AAC5C,MAAM,qBAAqB,GAAG,KAAK,CAAA;AAEnC,MAAM,cAAc,GAAG,EAAE,CAAC;IACxB,KAAK,EAAE;QACL,OAAO,EAAE,mBAAmB;QAC5B,OAAO,EAAE,2DAA2D;QACpE,QAAQ,EACN,gMAAgM;QAClM,aAAa,EAAE;YACb,sOAAsO;YACtO,mGAAmG;SACpG;QACD,KAAK,EAAE
|
|
1
|
+
{"version":3,"file":"ModelessDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/ModelessDialog.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>;
|