smarthr-ui 65.1.0 → 65.2.1
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/AccordionPanel.js +3 -3
- package/esm/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/esm/components/AccordionPanel/AccordionPanelContent.js +4 -4
- package/esm/components/AccordionPanel/AccordionPanelContent.js.map +1 -1
- package/esm/components/AccordionPanel/AccordionPanelItem.js +3 -3
- package/esm/components/AccordionPanel/AccordionPanelItem.js.map +1 -1
- package/esm/components/AccordionPanel/AccordionPanelTrigger.js +43 -26
- package/esm/components/AccordionPanel/AccordionPanelTrigger.js.map +1 -1
- package/esm/components/AccordionPanel/accordionPanelHelper.js.map +1 -1
- package/esm/components/AppHeader/components/desktop/Navigation.js +18 -13
- package/esm/components/AppHeader/components/desktop/Navigation.js.map +1 -1
- package/esm/components/AppHeader/components/mobile/TenantSelector.js.map +1 -1
- package/esm/components/AppNavi/AppNavi.js +24 -29
- package/esm/components/AppNavi/AppNavi.js.map +1 -1
- package/esm/components/AppNavi/AppNaviAnchor.js +8 -8
- package/esm/components/AppNavi/AppNaviAnchor.js.map +1 -1
- package/esm/components/AppNavi/AppNaviButton.js +8 -8
- package/esm/components/AppNavi/AppNaviButton.js.map +1 -1
- package/esm/components/AppNavi/AppNaviCustomTag.js +8 -8
- package/esm/components/AppNavi/AppNaviCustomTag.js.map +1 -1
- package/esm/components/AppNavi/AppNaviDropdown.js +8 -8
- package/esm/components/AppNavi/AppNaviDropdown.js.map +1 -1
- package/esm/components/AppNavi/AppNaviDropdownMenuButton.d.ts +2 -2
- package/esm/components/AppNavi/AppNaviDropdownMenuButton.js +10 -5
- package/esm/components/AppNavi/AppNaviDropdownMenuButton.js.map +1 -1
- package/esm/components/AppNavi/style.d.ts +0 -7
- package/esm/components/AppNavi/style.js +0 -1
- package/esm/components/AppNavi/style.js.map +1 -1
- package/esm/components/Browser/Browser.d.ts +6 -1
- package/esm/components/Browser/Browser.js +44 -46
- package/esm/components/Browser/Browser.js.map +1 -1
- package/esm/components/Browser/BrowserColumn.d.ts +2 -2
- package/esm/components/Browser/BrowserColumn.js +9 -19
- package/esm/components/Browser/BrowserColumn.js.map +1 -1
- package/esm/components/Browser/BrowserItem.d.ts +6 -4
- package/esm/components/Browser/BrowserItem.js +23 -34
- package/esm/components/Browser/BrowserItem.js.map +1 -1
- package/esm/components/Browser/models/ItemNode.js.map +1 -1
- package/esm/components/Browser/models/RootNode.js.map +1 -1
- package/esm/components/Browser/utils.d.ts +1 -2
- package/esm/components/Browser/utils.js +1 -1
- package/esm/components/Browser/utils.js.map +1 -1
- package/esm/components/CheckBox/CheckBox.js +23 -30
- package/esm/components/CheckBox/CheckBox.js.map +1 -1
- package/esm/components/Chip/Chip.js.map +1 -1
- package/esm/components/ComboBox/ListBoxItemButton.d.ts +5 -6
- package/esm/components/ComboBox/ListBoxItemButton.js +38 -23
- package/esm/components/ComboBox/ListBoxItemButton.js.map +1 -1
- package/esm/components/ComboBox/MultiComboBox/MultiComboBox.js +5 -3
- package/esm/components/ComboBox/MultiComboBox/MultiComboBox.js.map +1 -1
- package/esm/components/ComboBox/SingleComboBox/SingleComboBox.js +2 -2
- package/esm/components/ComboBox/SingleComboBox/SingleComboBox.js.map +1 -1
- package/esm/components/ComboBox/useListBox.d.ts +6 -1
- package/esm/components/ComboBox/useListBox.js +72 -87
- package/esm/components/ComboBox/useListBox.js.map +1 -1
- package/esm/components/ComboBox/useOptions.d.ts +11 -3
- package/esm/components/ComboBox/useOptions.js +25 -34
- package/esm/components/ComboBox/useOptions.js.map +1 -1
- package/esm/components/DatePicker/datePickerHelper.d.ts +1 -1
- package/esm/components/DatePicker/datePickerHelper.js +3 -3
- package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.d.ts +1 -1
- package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.js +3 -23
- package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.js.map +1 -1
- package/esm/components/Dialog/DialogContentInner.d.ts +5 -0
- package/esm/components/Dialog/DialogContentInner.js +2 -2
- package/esm/components/Dialog/DialogContentInner.js.map +1 -1
- package/esm/components/Dialog/FocusTrap.d.ts +8 -5
- package/esm/components/Dialog/FocusTrap.js +17 -7
- package/esm/components/Dialog/FocusTrap.js.map +1 -1
- package/esm/components/Dialog/FormDialog/FormDialogContentInner.d.ts +1 -1
- package/esm/components/Dialog/FormDialog/FormDialogContentInner.js +3 -23
- package/esm/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -1
- package/esm/components/Dialog/ModelessDialog.js +4 -2
- package/esm/components/Dialog/ModelessDialog.js.map +1 -1
- package/esm/components/Dialog/RemoteDialogTrigger.js +1 -1
- package/esm/components/Dialog/RemoteDialogTrigger.js.map +1 -1
- package/esm/components/Dialog/StepFormDialog/StepFormDialog.d.ts +7 -0
- package/esm/components/Dialog/StepFormDialog/StepFormDialog.js +35 -0
- package/esm/components/Dialog/StepFormDialog/StepFormDialog.js.map +1 -0
- package/esm/components/Dialog/StepFormDialog/StepFormDialogContentInner.d.ts +40 -0
- package/esm/components/Dialog/StepFormDialog/StepFormDialogContentInner.js +75 -0
- package/esm/components/Dialog/StepFormDialog/StepFormDialogContentInner.js.map +1 -0
- package/esm/components/Dialog/StepFormDialog/StepFormDialogItem.d.ts +5 -0
- package/esm/components/Dialog/StepFormDialog/StepFormDialogItem.js +9 -0
- package/esm/components/Dialog/StepFormDialog/StepFormDialogItem.js.map +1 -0
- package/esm/components/Dialog/StepFormDialog/StepFormDialogProvider.d.ts +19 -0
- package/esm/components/Dialog/StepFormDialog/StepFormDialogProvider.js +12 -0
- package/esm/components/Dialog/StepFormDialog/StepFormDialogProvider.js.map +1 -0
- package/esm/components/Dialog/StepFormDialog/index.d.ts +2 -0
- package/esm/components/Dialog/StepFormDialog/index.js +3 -0
- package/esm/components/Dialog/StepFormDialog/index.js.map +1 -0
- package/esm/components/Dialog/index.d.ts +1 -0
- package/esm/components/Dialog/index.js +1 -0
- package/esm/components/Dialog/index.js.map +1 -1
- package/esm/components/DropZone/DropZone.js +3 -1
- package/esm/components/DropZone/DropZone.js.map +1 -1
- package/esm/components/Dropdown/Dropdown.js +7 -5
- package/esm/components/Dropdown/Dropdown.js.map +1 -1
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.d.ts +1 -1
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js +7 -21
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/esm/components/FloatArea/FloatArea.d.ts +1 -1
- package/esm/components/FloatArea/FloatArea.js.map +1 -1
- package/esm/components/Icon/generateIcon.js +4 -5
- package/esm/components/Icon/generateIcon.js.map +1 -1
- package/esm/components/Select/Select.d.ts +6 -2
- package/esm/components/Select/Select.js +26 -21
- package/esm/components/Select/Select.js.map +1 -1
- package/esm/components/SideNav/SideNav.d.ts +3 -3
- package/esm/components/SideNav/SideNav.js +6 -3
- package/esm/components/SideNav/SideNav.js.map +1 -1
- package/esm/components/SideNav/SideNavItemButton.d.ts +1 -2
- package/esm/components/SideNav/SideNavItemButton.js +20 -28
- package/esm/components/SideNav/SideNavItemButton.js.map +1 -1
- package/esm/components/Stepper/HorizontalStepItem.d.ts +2 -2
- package/esm/components/Stepper/HorizontalStepItem.js +25 -16
- package/esm/components/Stepper/HorizontalStepItem.js.map +1 -1
- package/esm/components/Stepper/StepCounter.js +16 -7
- package/esm/components/Stepper/StepCounter.js.map +1 -1
- package/esm/components/Stepper/StepStatusIcon.js +3 -3
- package/esm/components/Stepper/StepStatusIcon.js.map +1 -1
- package/esm/components/Stepper/Stepper.js +3 -3
- package/esm/components/Stepper/Stepper.js.map +1 -1
- package/esm/components/Stepper/VerticalStepItem.js +22 -13
- package/esm/components/Stepper/VerticalStepItem.js.map +1 -1
- package/esm/components/Textarea/Textarea.js +2 -2
- package/esm/components/Textarea/Textarea.js.map +1 -1
- package/esm/components/Tooltip/Tooltip.js +50 -20
- package/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/esm/hooks/useResponseMessage.d.ts +17 -0
- package/esm/hooks/useResponseMessage.js +28 -0
- package/esm/hooks/useResponseMessage.js.map +1 -0
- package/esm/index.d.ts +1 -1
- package/esm/index.js +1 -1
- package/esm/index.js.map +1 -1
- package/esm/types/index.d.ts +0 -1
- package/lib/components/AccordionPanel/AccordionPanel.js +3 -3
- package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanelContent.js +4 -4
- package/lib/components/AccordionPanel/AccordionPanelContent.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanelItem.js +3 -3
- package/lib/components/AccordionPanel/AccordionPanelItem.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanelTrigger.js +43 -26
- package/lib/components/AccordionPanel/AccordionPanelTrigger.js.map +1 -1
- package/lib/components/AccordionPanel/accordionPanelHelper.js.map +1 -1
- package/lib/components/AppHeader/components/desktop/Navigation.js +18 -13
- package/lib/components/AppHeader/components/desktop/Navigation.js.map +1 -1
- package/lib/components/AppHeader/components/mobile/TenantSelector.js.map +1 -1
- package/lib/components/AppNavi/AppNavi.js +57 -32
- package/lib/components/AppNavi/AppNavi.js.map +1 -1
- package/lib/components/AppNavi/AppNaviAnchor.js +8 -8
- package/lib/components/AppNavi/AppNaviAnchor.js.map +1 -1
- package/lib/components/AppNavi/AppNaviButton.js +8 -8
- package/lib/components/AppNavi/AppNaviButton.js.map +1 -1
- package/lib/components/AppNavi/AppNaviCustomTag.js +8 -8
- package/lib/components/AppNavi/AppNaviCustomTag.js.map +1 -1
- package/lib/components/AppNavi/AppNaviDropdown.js +8 -8
- package/lib/components/AppNavi/AppNaviDropdown.js.map +1 -1
- package/lib/components/AppNavi/AppNaviDropdownMenuButton.d.ts +2 -2
- package/lib/components/AppNavi/AppNaviDropdownMenuButton.js +43 -8
- package/lib/components/AppNavi/AppNaviDropdownMenuButton.js.map +1 -1
- package/lib/components/AppNavi/style.d.ts +0 -7
- package/lib/components/AppNavi/style.js +0 -1
- package/lib/components/AppNavi/style.js.map +1 -1
- package/lib/components/Browser/Browser.d.ts +6 -1
- package/lib/components/Browser/Browser.js +44 -46
- package/lib/components/Browser/Browser.js.map +1 -1
- package/lib/components/Browser/BrowserColumn.d.ts +2 -2
- package/lib/components/Browser/BrowserColumn.js +9 -19
- package/lib/components/Browser/BrowserColumn.js.map +1 -1
- package/lib/components/Browser/BrowserItem.d.ts +6 -4
- package/lib/components/Browser/BrowserItem.js +56 -37
- package/lib/components/Browser/BrowserItem.js.map +1 -1
- package/lib/components/Browser/models/ItemNode.js.map +1 -1
- package/lib/components/Browser/models/RootNode.js.map +1 -1
- package/lib/components/Browser/utils.d.ts +1 -2
- package/lib/components/Browser/utils.js +1 -1
- package/lib/components/Browser/utils.js.map +1 -1
- package/lib/components/CheckBox/CheckBox.js +22 -29
- package/lib/components/CheckBox/CheckBox.js.map +1 -1
- package/lib/components/Chip/Chip.js.map +1 -1
- package/lib/components/ComboBox/ListBoxItemButton.d.ts +5 -6
- package/lib/components/ComboBox/ListBoxItemButton.js +38 -23
- package/lib/components/ComboBox/ListBoxItemButton.js.map +1 -1
- package/lib/components/ComboBox/MultiComboBox/MultiComboBox.js +4 -2
- package/lib/components/ComboBox/MultiComboBox/MultiComboBox.js.map +1 -1
- package/lib/components/ComboBox/SingleComboBox/SingleComboBox.js +1 -1
- package/lib/components/ComboBox/SingleComboBox/SingleComboBox.js.map +1 -1
- package/lib/components/ComboBox/useListBox.d.ts +6 -1
- package/lib/components/ComboBox/useListBox.js +72 -87
- package/lib/components/ComboBox/useListBox.js.map +1 -1
- package/lib/components/ComboBox/useOptions.d.ts +11 -3
- package/lib/components/ComboBox/useOptions.js +28 -35
- package/lib/components/ComboBox/useOptions.js.map +1 -1
- package/lib/components/DatePicker/datePickerHelper.d.ts +1 -1
- package/lib/components/DatePicker/datePickerHelper.js +3 -3
- package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.d.ts +1 -1
- package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.js +3 -23
- package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.js.map +1 -1
- package/lib/components/Dialog/DialogContentInner.d.ts +5 -0
- package/lib/components/Dialog/DialogContentInner.js +2 -2
- package/lib/components/Dialog/DialogContentInner.js.map +1 -1
- package/lib/components/Dialog/FocusTrap.d.ts +8 -5
- package/lib/components/Dialog/FocusTrap.js +16 -7
- package/lib/components/Dialog/FocusTrap.js.map +1 -1
- package/lib/components/Dialog/FormDialog/FormDialogContentInner.d.ts +1 -1
- package/lib/components/Dialog/FormDialog/FormDialogContentInner.js +3 -23
- package/lib/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -1
- package/lib/components/Dialog/ModelessDialog.js +4 -2
- package/lib/components/Dialog/ModelessDialog.js.map +1 -1
- package/lib/components/Dialog/RemoteDialogTrigger.js +1 -1
- package/lib/components/Dialog/RemoteDialogTrigger.js.map +1 -1
- package/lib/components/Dialog/StepFormDialog/StepFormDialog.d.ts +7 -0
- package/lib/components/Dialog/StepFormDialog/StepFormDialog.js +72 -0
- package/lib/components/Dialog/StepFormDialog/StepFormDialog.js.map +1 -0
- package/lib/components/Dialog/StepFormDialog/StepFormDialogContentInner.d.ts +40 -0
- package/lib/components/Dialog/StepFormDialog/StepFormDialogContentInner.js +112 -0
- package/lib/components/Dialog/StepFormDialog/StepFormDialogContentInner.js.map +1 -0
- package/lib/components/Dialog/StepFormDialog/StepFormDialogItem.d.ts +5 -0
- package/lib/components/Dialog/StepFormDialog/StepFormDialogItem.js +13 -0
- package/lib/components/Dialog/StepFormDialog/StepFormDialogItem.js.map +1 -0
- package/lib/components/Dialog/StepFormDialog/StepFormDialogProvider.d.ts +19 -0
- package/lib/components/Dialog/StepFormDialog/StepFormDialogProvider.js +49 -0
- package/lib/components/Dialog/StepFormDialog/StepFormDialogProvider.js.map +1 -0
- package/lib/components/Dialog/StepFormDialog/index.d.ts +2 -0
- package/lib/components/Dialog/StepFormDialog/index.js +8 -0
- package/lib/components/Dialog/StepFormDialog/index.js.map +1 -0
- package/lib/components/Dialog/index.d.ts +1 -0
- package/lib/components/Dialog/index.js +4 -1
- package/lib/components/Dialog/index.js.map +1 -1
- package/lib/components/DropZone/DropZone.js +3 -1
- package/lib/components/DropZone/DropZone.js.map +1 -1
- package/lib/components/Dropdown/Dropdown.js +7 -5
- package/lib/components/Dropdown/Dropdown.js.map +1 -1
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.d.ts +1 -1
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js +7 -21
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/lib/components/FloatArea/FloatArea.d.ts +1 -1
- package/lib/components/FloatArea/FloatArea.js.map +1 -1
- package/lib/components/Icon/generateIcon.js +4 -5
- package/lib/components/Icon/generateIcon.js.map +1 -1
- package/lib/components/Select/Select.d.ts +6 -2
- package/lib/components/Select/Select.js +26 -21
- package/lib/components/Select/Select.js.map +1 -1
- package/lib/components/SideNav/SideNav.d.ts +3 -3
- package/lib/components/SideNav/SideNav.js +6 -3
- package/lib/components/SideNav/SideNav.js.map +1 -1
- package/lib/components/SideNav/SideNavItemButton.d.ts +1 -2
- package/lib/components/SideNav/SideNavItemButton.js +19 -27
- package/lib/components/SideNav/SideNavItemButton.js.map +1 -1
- package/lib/components/Stepper/HorizontalStepItem.d.ts +2 -2
- package/lib/components/Stepper/HorizontalStepItem.js +58 -20
- package/lib/components/Stepper/HorizontalStepItem.js.map +1 -1
- package/lib/components/Stepper/StepCounter.js +49 -10
- package/lib/components/Stepper/StepCounter.js.map +1 -1
- package/lib/components/Stepper/StepStatusIcon.js +3 -3
- package/lib/components/Stepper/StepStatusIcon.js.map +1 -1
- package/lib/components/Stepper/Stepper.js +3 -3
- package/lib/components/Stepper/Stepper.js.map +1 -1
- package/lib/components/Stepper/VerticalStepItem.js +55 -16
- package/lib/components/Stepper/VerticalStepItem.js.map +1 -1
- package/lib/components/Textarea/Textarea.js +2 -2
- package/lib/components/Textarea/Textarea.js.map +1 -1
- package/lib/components/Tooltip/Tooltip.js +49 -19
- package/lib/components/Tooltip/Tooltip.js.map +1 -1
- package/lib/hooks/useResponseMessage.d.ts +17 -0
- package/lib/hooks/useResponseMessage.js +32 -0
- package/lib/hooks/useResponseMessage.js.map +1 -0
- package/lib/index.d.ts +1 -1
- package/lib/index.js +5 -3
- package/lib/index.js.map +1 -1
- package/lib/types/index.d.ts +0 -1
- package/package.json +10 -10
- package/smarthr-ui.css +156 -73
- package/esm/types/ResponseMessage.d.ts +0 -8
- package/esm/types/ResponseMessage.js +0 -2
- package/esm/types/ResponseMessage.js.map +0 -1
- package/lib/types/ResponseMessage.d.ts +0 -8
- package/lib/types/ResponseMessage.js +0 -3
- package/lib/types/ResponseMessage.js.map +0 -1
|
@@ -9,13 +9,13 @@ export const AccordionPanelContext = React.createContext({
|
|
|
9
9
|
expandableMultiply: true,
|
|
10
10
|
parentRef: null,
|
|
11
11
|
});
|
|
12
|
-
const
|
|
12
|
+
const classNameGenerator = tv({
|
|
13
13
|
base: 'smarthr-ui-AccordionPanel',
|
|
14
14
|
});
|
|
15
15
|
export const AccordionPanel = ({ iconPosition = 'left', expandableMultiply = true, defaultExpanded = [], className, onClick: onClickProps, ...props }) => {
|
|
16
16
|
const [expandedItems, setExpanded] = useState(flatArrayToMap(defaultExpanded));
|
|
17
17
|
const parentRef = useRef(null);
|
|
18
|
-
const
|
|
18
|
+
const actualClassName = useMemo(() => classNameGenerator({ className }), [className]);
|
|
19
19
|
const onClickTrigger = useCallback((itemName, isExpanded) => {
|
|
20
20
|
setExpanded(getNewExpandedItems(expandedItems, itemName, isExpanded, expandableMultiply));
|
|
21
21
|
}, [expandableMultiply, expandedItems]);
|
|
@@ -31,6 +31,6 @@ export const AccordionPanel = ({ iconPosition = 'left', expandableMultiply = tru
|
|
|
31
31
|
expandableMultiply,
|
|
32
32
|
parentRef,
|
|
33
33
|
} },
|
|
34
|
-
React.createElement("div", { ...props,
|
|
34
|
+
React.createElement("div", { ...props, ref: parentRef, role: "presentation", className: actualClassName })));
|
|
35
35
|
};
|
|
36
36
|
//# sourceMappingURL=AccordionPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionPanel.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,EAAE,EAGZ,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAc5D,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAOrD;IACD,YAAY,EAAE,MAAM;IACpB,aAAa,EAAE,IAAI,GAAG,EAAE;IACxB,kBAAkB,EAAE,IAAI;IACxB,SAAS,EAAE,IAAI;CAChB,CAAC,CAAA;AAEF,MAAM,
|
|
1
|
+
{"version":3,"file":"AccordionPanel.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,EAAE,EAGZ,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAc5D,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAOrD;IACD,YAAY,EAAE,MAAM;IACpB,aAAa,EAAE,IAAI,GAAG,EAAE;IACxB,kBAAkB,EAAE,IAAI;IACxB,SAAS,EAAE,IAAI;CAChB,CAAC,CAAA;AAEF,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,EAAE,2BAA2B;CAClC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAmC,CAAC,EAC7D,YAAY,GAAG,MAAM,EACrB,kBAAkB,GAAG,IAAI,EACzB,eAAe,GAAG,EAAE,EACpB,SAAS,EACT,OAAO,EAAE,YAAY,EACrB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC9E,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAErF,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,QAAgB,EAAE,UAAmB,EAAE,EAAE;QACxC,WAAW,CAAC,mBAAmB,CAAC,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAC3F,CAAC,EACD,CAAC,kBAAkB,EAAE,aAAa,CAAC,CACpC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC;YAAE,WAAW,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC9E,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,OAAO,CACL,oBAAC,qBAAqB,CAAC,QAAQ,IAC7B,KAAK,EAAE;YACL,cAAc;YACd,YAAY;YACZ,aAAa;YACb,YAAY;YACZ,kBAAkB;YAClB,SAAS;SACV;QAGD,gCAAS,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAC,cAAc,EAAC,SAAS,EAAE,eAAe,GAAI,CACnD,CAClC,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -5,7 +5,7 @@ import { tv } from 'tailwind-variants';
|
|
|
5
5
|
import { getIsInclude } from '../../libs/map';
|
|
6
6
|
import { AccordionPanelContext } from './AccordionPanel';
|
|
7
7
|
import { AccordionPanelItemContext } from './AccordionPanelItem';
|
|
8
|
-
const
|
|
8
|
+
const classNameGenerator = tv({
|
|
9
9
|
base: [
|
|
10
10
|
'smarthr-ui-AccordionPanel-content',
|
|
11
11
|
'shr-max-h-0 shr-transition-[max-height,_visible,_opacity] shr-duration-150 shr-ease-in-out shr-invisible shr-opacity-0',
|
|
@@ -15,9 +15,9 @@ const accordionPanelContent = tv({
|
|
|
15
15
|
export const AccordionPanelContent = ({ className, ...props }) => {
|
|
16
16
|
const { name } = useContext(AccordionPanelItemContext);
|
|
17
17
|
const { expandedItems } = useContext(AccordionPanelContext);
|
|
18
|
-
const isInclude = getIsInclude(expandedItems, name);
|
|
18
|
+
const isInclude = useMemo(() => getIsInclude(expandedItems, name), [expandedItems, name]);
|
|
19
19
|
const wrapperRef = useRef(null);
|
|
20
|
-
const
|
|
21
|
-
return (React.createElement(Transition, { in: isInclude, timeout: 150, nodeRef: wrapperRef }, (status) => (React.createElement("div", { ...props, id: `${name}-content`,
|
|
20
|
+
const actualClassName = useMemo(() => classNameGenerator({ className }), [className]);
|
|
21
|
+
return (React.createElement(Transition, { in: isInclude, timeout: 150, nodeRef: wrapperRef }, (status) => (React.createElement("div", { ...props, ref: wrapperRef, id: `${name}-content`, "aria-labelledby": `${name}-trigger`, "aria-hidden": !isInclude, className: `${actualClassName} ${status}` }))));
|
|
22
22
|
};
|
|
23
23
|
//# sourceMappingURL=AccordionPanelContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionPanelContent.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelContent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,EAAE,EAIZ,UAAU,EACV,OAAO,EACP,MAAM,GACP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAKhE,MAAM,
|
|
1
|
+
{"version":3,"file":"AccordionPanelContent.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelContent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,EAAE,EAIZ,UAAU,EACV,OAAO,EACP,MAAM,GACP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAKhE,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,EAAE;QACJ,mCAAmC;QACnC,wHAAwH;QACxH,oFAAoF;KACrF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAA6B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzF,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAA;IACtD,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAA;IAC3D,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAA;IACzF,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAErF,OAAO,CACL,oBAAC,UAAU,IAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,IACzD,CAAC,MAAM,EAAE,EAAE,CAAC,CACX,gCACM,KAAK,EACT,GAAG,EAAE,UAAU,EACf,EAAE,EAAE,GAAG,IAAI,UAAU,qBACJ,GAAG,IAAI,UAAU,iBACrB,CAAC,SAAS,EACvB,SAAS,EAAE,GAAG,eAAe,IAAI,MAAM,EAAE,GACzC,CACH,CACU,CACd,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -5,14 +5,14 @@ import { Section } from '../SectioningContent';
|
|
|
5
5
|
export const AccordionPanelItemContext = createContext({
|
|
6
6
|
name: '',
|
|
7
7
|
});
|
|
8
|
-
const
|
|
8
|
+
const classNameGenerator = tv({
|
|
9
9
|
base: ['smarthr-ui-AccordionPanel-item', '[&_+_&]:shr-border-t-shorthand'],
|
|
10
10
|
});
|
|
11
11
|
export const AccordionPanelItem = ({ name, className, ...props }) => {
|
|
12
|
-
const
|
|
12
|
+
const actualClassName = useMemo(() => classNameGenerator({ className }), [className]);
|
|
13
13
|
return (React.createElement(AccordionPanelItemContext.Provider, { value: {
|
|
14
14
|
name,
|
|
15
15
|
} },
|
|
16
|
-
React.createElement(Section, { ...props, className:
|
|
16
|
+
React.createElement(Section, { ...props, className: actualClassName })));
|
|
17
17
|
};
|
|
18
18
|
//# sourceMappingURL=AccordionPanelItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionPanelItem.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelItem.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,EAAE,EAIZ,aAAa,EACb,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAS9C,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAAmB;IACvE,IAAI,EAAE,EAAE;CACT,CAAC,CAAA;AAEF,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,EAAE,CAAC,gCAAgC,EAAE,gCAAgC,CAAC;CAC3E,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAA6B,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5F,MAAM,
|
|
1
|
+
{"version":3,"file":"AccordionPanelItem.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelItem.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,EAAE,EAIZ,aAAa,EACb,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAS9C,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAAmB;IACvE,IAAI,EAAE,EAAE;CACT,CAAC,CAAA;AAEF,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,EAAE,CAAC,gCAAgC,EAAE,gCAAgC,CAAC;CAC3E,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAA6B,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5F,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAErF,OAAO,CACL,oBAAC,yBAAyB,CAAC,QAAQ,IACjC,KAAK,EAAE;YACL,IAAI;SACL;QAED,oBAAC,OAAO,OAAK,KAAK,EAAE,SAAS,EAAE,eAAe,GAAI,CACf,CACtC,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -8,7 +8,7 @@ import { Cluster } from '../Layout';
|
|
|
8
8
|
import { AccordionPanelContext } from './AccordionPanel';
|
|
9
9
|
import { AccordionPanelItemContext } from './AccordionPanelItem';
|
|
10
10
|
import { focusFirstSibling, focusLastSibling, focusNextSibling, focusPreviousSibling, getNewExpandedItems, } from './accordionPanelHelper';
|
|
11
|
-
const
|
|
11
|
+
const classNameGenerator = tv({
|
|
12
12
|
slots: {
|
|
13
13
|
title: 'shr-grow shr-leading-tight',
|
|
14
14
|
button: [
|
|
@@ -31,51 +31,67 @@ const accordionPanelTrigger = tv({
|
|
|
31
31
|
],
|
|
32
32
|
});
|
|
33
33
|
export const AccordionPanelTrigger = ({ children, className, headingType = 'blockTitle', headingTag, ...props }) => {
|
|
34
|
-
const
|
|
35
|
-
const { title, button, leftIcon, rightIcon } =
|
|
34
|
+
const classNames = useMemo(() => {
|
|
35
|
+
const { title, button, leftIcon, rightIcon } = classNameGenerator();
|
|
36
36
|
return {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
37
|
+
title: title(),
|
|
38
|
+
button: button({ className }),
|
|
39
|
+
leftIcon: leftIcon(),
|
|
40
|
+
rightIcon: rightIcon(),
|
|
41
41
|
};
|
|
42
42
|
}, [className]);
|
|
43
43
|
const { name } = useContext(AccordionPanelItemContext);
|
|
44
44
|
const { iconPosition, expandedItems, onClickTrigger, onClickProps, expandableMultiply, parentRef, } = useContext(AccordionPanelContext);
|
|
45
|
-
const isExpanded = getIsInclude(expandedItems, name);
|
|
46
|
-
const
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
45
|
+
const isExpanded = useMemo(() => getIsInclude(expandedItems, name), [expandedItems, name]);
|
|
46
|
+
const actualOnClickTrigger = useMemo(() => onClickTrigger
|
|
47
|
+
? (e) => onClickTrigger(e.currentTarget.value, !isExpanded)
|
|
48
|
+
: undefined, [isExpanded, onClickTrigger]);
|
|
49
|
+
const actualOnClickProps = useMemo(() => onClickProps
|
|
50
|
+
? (e) => {
|
|
51
|
+
const newExpandedItems = getNewExpandedItems(expandedItems, e.currentTarget.value, !isExpanded, expandableMultiply);
|
|
51
52
|
onClickProps(mapToKeyArray(newExpandedItems));
|
|
52
53
|
}
|
|
53
|
-
|
|
54
|
-
const
|
|
54
|
+
: undefined, [isExpanded, expandedItems, expandableMultiply, onClickProps]);
|
|
55
|
+
const handleClick = useMemo(() => {
|
|
56
|
+
if (actualOnClickTrigger) {
|
|
57
|
+
if (actualOnClickProps) {
|
|
58
|
+
return (e) => {
|
|
59
|
+
actualOnClickTrigger(e);
|
|
60
|
+
actualOnClickProps(e);
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
return actualOnClickTrigger;
|
|
64
|
+
}
|
|
65
|
+
else if (actualOnClickProps) {
|
|
66
|
+
return actualOnClickProps;
|
|
67
|
+
}
|
|
68
|
+
return undefined;
|
|
69
|
+
}, [actualOnClickProps, actualOnClickTrigger]);
|
|
70
|
+
const handleKeyDown = useCallback((e) => {
|
|
55
71
|
if (!parentRef?.current) {
|
|
56
72
|
return;
|
|
57
73
|
}
|
|
58
|
-
const item =
|
|
59
|
-
switch (
|
|
74
|
+
const item = e.target;
|
|
75
|
+
switch (e.key) {
|
|
60
76
|
case 'Home': {
|
|
61
|
-
|
|
77
|
+
e.preventDefault();
|
|
62
78
|
focusFirstSibling(parentRef.current);
|
|
63
79
|
break;
|
|
64
80
|
}
|
|
65
81
|
case 'End': {
|
|
66
|
-
|
|
82
|
+
e.preventDefault();
|
|
67
83
|
focusLastSibling(parentRef.current);
|
|
68
84
|
break;
|
|
69
85
|
}
|
|
70
86
|
case 'ArrowLeft':
|
|
71
87
|
case 'ArrowUp': {
|
|
72
|
-
|
|
88
|
+
e.preventDefault();
|
|
73
89
|
focusPreviousSibling(item, parentRef.current);
|
|
74
90
|
break;
|
|
75
91
|
}
|
|
76
92
|
case 'ArrowRight':
|
|
77
93
|
case 'ArrowDown': {
|
|
78
|
-
|
|
94
|
+
e.preventDefault();
|
|
79
95
|
focusNextSibling(item, parentRef.current);
|
|
80
96
|
break;
|
|
81
97
|
}
|
|
@@ -84,10 +100,11 @@ export const AccordionPanelTrigger = ({ children, className, headingType = 'bloc
|
|
|
84
100
|
return (
|
|
85
101
|
// eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content
|
|
86
102
|
React.createElement(Heading, { tag: headingTag, type: headingType },
|
|
87
|
-
React.createElement("button", { ...props, id: `${name}-trigger`, "aria-expanded": isExpanded, "aria-controls": `${name}-content`, onClick: handleClick, onKeyDown: handleKeyDown, className:
|
|
88
|
-
React.createElement(
|
|
89
|
-
iconPosition === 'left' && React.createElement(FaCaretRightIcon, { className: leftIconStyle }),
|
|
90
|
-
React.createElement("span", { className: titleStyle }, children),
|
|
91
|
-
iconPosition === 'right' && React.createElement(FaCaretDownIcon, { className: rightIconStyle })))));
|
|
103
|
+
React.createElement("button", { ...props, type: "button", value: name, id: `${name}-trigger`, "aria-expanded": isExpanded, "aria-controls": `${name}-content`, onClick: handleClick, onKeyDown: handleKeyDown, className: classNames.button, "data-component": "AccordionHeaderButton" },
|
|
104
|
+
React.createElement(MemoizedTitle, { iconPosition: iconPosition, classNames: classNames }, children))));
|
|
92
105
|
};
|
|
106
|
+
const MemoizedTitle = React.memo(({ classNames, iconPosition, children }) => (React.createElement(Cluster, { className: "shr-flex-nowrap", align: "center", as: "span" },
|
|
107
|
+
iconPosition === 'left' && React.createElement(FaCaretRightIcon, { className: classNames.leftIcon }),
|
|
108
|
+
React.createElement("span", { className: classNames.title }, children),
|
|
109
|
+
iconPosition === 'right' && React.createElement(FaCaretDownIcon, { className: classNames.rightIcon }))));
|
|
93
110
|
//# sourceMappingURL=AccordionPanelTrigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionPanelTrigger.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelTrigger.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,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,EACL,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,wBAAwB,CAAA;AAY/B,MAAM,
|
|
1
|
+
{"version":3,"file":"AccordionPanelTrigger.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelTrigger.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordionPanelHelper.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/accordionPanelHelper.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,iBAAsC,EACtC,QAAgB,EAChB,UAAmB,EACnB,kBAA2B,EAC3B,EAAE;IACF,IAAI,QAA6B,CAAA;IAEjC,IAAI,kBAAkB,EAAE,CAAC;QACvB,QAAQ,GAAG,IAAI,GAAG,CAAC,iBAAiB,CAAC,CAAA;QAErC,IAAI,UAAU,EAAE,CAAC;YACf,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAClC,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;QAC3B,CAAC;IACH,CAAC;SAAM,CAAC;QACN,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAA;IACrE,CAAC;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAsB,EAAiB,EAAE,CACzE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,0CAA0C,CAAC,CAAC,CAAA;AAEjF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAsB,EAAQ,EAAE;IAChE,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAC1C,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"accordionPanelHelper.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/accordionPanelHelper.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,iBAAsC,EACtC,QAAgB,EAChB,UAAmB,EACnB,kBAA2B,EAC3B,EAAE;IACF,IAAI,QAA6B,CAAA;IAEjC,IAAI,kBAAkB,EAAE,CAAC;QACvB,QAAQ,GAAG,IAAI,GAAG,CAAC,iBAAiB,CAAC,CAAA;QAErC,IAAI,UAAU,EAAE,CAAC;YACf,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAClC,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;QAC3B,CAAC;IACH,CAAC;SAAM,CAAC;QACN,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAA;IACrE,CAAC;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAsB,EAAiB,EAAE,CACzE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,0CAA0C,CAAC,CAAC,CAAA;AAEjF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAsB,EAAQ,EAAE;IAChE,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAC1C,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEzB,KAAK,CAAC,KAAK,EAAE,CAAA;AACf,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAsB,EAAQ,EAAE;IAC/D,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAC1C,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IAE1C,IAAI,CAAC,KAAK,EAAE,CAAA;AACd,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAiB,EAAE,MAAsB,EAAQ,EAAE;IAClF,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAC1C,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IAEtC,IAAI,OAAO,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACpC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;QAEzB,KAAK,CAAC,KAAK,EAAE,CAAA;IACf,CAAC;SAAM,IAAI,OAAO,KAAK,CAAC,CAAC,EAAE,CAAC;QAC1B,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC,CAAA;QAElC,IAAI,CAAC,KAAK,EAAE,CAAA;IACd,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAiB,EAAE,MAAsB,EAAQ,EAAE;IACtF,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAC1C,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IAEtC,IAAI,OAAO,KAAK,CAAC,EAAE,CAAC;QAClB,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QAE1C,IAAI,CAAC,KAAK,EAAE,CAAA;IACd,CAAC;SAAM,IAAI,OAAO,KAAK,CAAC,CAAC,EAAE,CAAC;QAC1B,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC,CAAA;QAEtC,QAAQ,CAAC,KAAK,EAAE,CAAA;IAClB,CAAC;AACH,CAAC,CAAA"}
|
|
@@ -17,33 +17,38 @@ const appNavi = tv({
|
|
|
17
17
|
export const Navigation = ({ appName, navigations, additionalContent, releaseNote, enableNew, }) => (React.createElement(AppNavi, { label: enableNew ? undefined : appName, className: appNavi({ withReleaseNote: !!releaseNote }), displayDropdownCaret: true, additionalArea: React.createElement(Cluster, { align: "center", className: "shr-flex-nowrap shr-ps-1" },
|
|
18
18
|
additionalContent,
|
|
19
19
|
releaseNote && React.createElement(ReleaseNotesDropdown, { ...releaseNote })) }, buildNavigations(navigations)));
|
|
20
|
-
const buildNavigations = (navigations) => (React.createElement(React.Fragment, null, navigations.map((navigation) => {
|
|
20
|
+
const buildNavigations = (navigations) => (React.createElement(React.Fragment, null, navigations.map((navigation, index) => {
|
|
21
21
|
if ('elementAs' in navigation) {
|
|
22
|
-
|
|
22
|
+
const { elementAs, ...rest } = navigation;
|
|
23
|
+
return (React.createElement(AppNaviCustomTag, { ...rest, key: `${index}-${navigation.children.toString()}`, tag: navigation.elementAs }));
|
|
23
24
|
}
|
|
24
25
|
if ('href' in navigation) {
|
|
25
|
-
return React.createElement(AppNaviAnchor, { ...navigation, key: navigation.children.toString() });
|
|
26
|
+
return React.createElement(AppNaviAnchor, { ...navigation, key: `${index}-${navigation.children.toString()}` });
|
|
26
27
|
}
|
|
27
28
|
if ('childNavigations' in navigation) {
|
|
28
|
-
return (React.createElement(AppNaviDropdownMenuButton, { label: navigation.children, key: navigation.children.toString() }, buildDropdownMenu(navigation.childNavigations)));
|
|
29
|
+
return (React.createElement(AppNaviDropdownMenuButton, { label: navigation.children, key: `${index}-${navigation.children.toString()}` }, buildDropdownMenu(navigation.childNavigations)));
|
|
29
30
|
}
|
|
30
|
-
return React.createElement(AppNaviButton, { ...navigation, key: navigation.children.toString() });
|
|
31
|
+
return React.createElement(AppNaviButton, { ...navigation, key: `${index}-${navigation.children.toString()}` });
|
|
31
32
|
})));
|
|
32
|
-
const buildDropdownMenu = (navigations) => (React.createElement(React.Fragment, null, navigations.map((navigation) => {
|
|
33
|
+
const buildDropdownMenu = (navigations) => (React.createElement(React.Fragment, null, navigations.map((navigation, index) => {
|
|
33
34
|
if ('elementAs' in navigation) {
|
|
34
|
-
const Component = navigation
|
|
35
|
+
const { elementAs: Component, current, className, ...rest } = navigation;
|
|
35
36
|
// TODO: DropdownMenuItemを作成し、elementAsを渡せるようにする
|
|
36
|
-
return (React.createElement(Component, { ...
|
|
37
|
-
|
|
38
|
-
|
|
37
|
+
return (React.createElement(Component, { ...rest,
|
|
38
|
+
// key={navigation.children}
|
|
39
|
+
key: `${index}-${navigation.children.toString()}`, "aria-current": current, className: commonButton({
|
|
40
|
+
current,
|
|
41
|
+
className,
|
|
39
42
|
}) }));
|
|
40
43
|
}
|
|
41
44
|
if ('href' in navigation) {
|
|
42
|
-
|
|
45
|
+
const { current, ...rest } = navigation;
|
|
46
|
+
return (React.createElement(AnchorButton, { ...rest, "aria-current": current && 'page', key: `${index}-${navigation.children.toString()}` }));
|
|
43
47
|
}
|
|
44
48
|
if ('title' in navigation) {
|
|
45
|
-
return (React.createElement(DropdownMenuGroup, { name: navigation.title, key: navigation.title.toString() }, buildDropdownMenu(navigation.childNavigations)));
|
|
49
|
+
return (React.createElement(DropdownMenuGroup, { name: navigation.title, key: `${index}-${navigation.title.toString()}` }, buildDropdownMenu(navigation.childNavigations)));
|
|
46
50
|
}
|
|
47
|
-
|
|
51
|
+
const { current, ...rest } = navigation;
|
|
52
|
+
return (React.createElement(Button, { ...rest, "aria-current": current && 'page', key: `${index}-${navigation.children.toString()}` }));
|
|
48
53
|
})));
|
|
49
54
|
//# sourceMappingURL=Navigation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../../../src/components/AppHeader/components/desktop/Navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EACL,OAAO,EACP,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,yBAAyB,GAC1B,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAOzC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAE7D,MAAM,OAAO,GAAG,EAAE,CAAC;IACjB,IAAI,EAAE,CAAC,sCAAsC,EAAE,yBAAyB,CAAC;IACzE,QAAQ,EAAE;QACR,eAAe,EAAE;YACf,IAAI,EAAE,CAAC,eAAe,CAAC;SACxB;KACF;CACF,CAAC,CAAA;AAUF,MAAM,CAAC,MAAM,UAAU,GAAc,CAAC,EACpC,OAAO,EACP,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,SAAS,GACV,EAAE,EAAE,CAAC,CACJ,oBAAC,OAAO,IACN,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACtC,SAAS,EAAE,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,EACtD,oBAAoB,QACpB,cAAc,EACZ,oBAAC,OAAO,IAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,0BAA0B;QACzD,iBAAiB;QACjB,WAAW,IAAI,oBAAC,oBAAoB,OAAK,WAAW,GAAI,CACjD,IAGX,gBAAgB,CAAC,WAAW,CAAC,CACtB,CACX,CAAA;AAED,MAAM,gBAAgB,GAAG,CACvB,WAA6B,EACe,EAAE,CAAC,CAC/C,0CACG,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../../../src/components/AppHeader/components/desktop/Navigation.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TenantSelector.js","sourceRoot":"","sources":["../../../../../src/components/AppHeader/components/mobile/TenantSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAE9E,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD,MAAM,2BAA2B,GAAG,EAAE,CAAC;IACrC,IAAI,EAAE;QACJ,iHAAiH;QACjH,2BAA2B;QAC3B,sEAAsE;KACvE;CACF,CAAC,CAAA;AAQF,MAAM,CAAC,MAAM,cAAc,GAAc,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,EAAE;IACxF,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;QACzD,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,eAAe,CAAC,EAAE,IAAI,CAAA;IAEhF,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5C,OAAO,oBAAC,IAAI,IAAC,EAAE,EAAC,GAAG,IAAE,UAAU,CAAQ,CAAA;IACzC,CAAC;IAED,OAAO,CACL,oBAAC,QAAQ;
|
|
1
|
+
{"version":3,"file":"TenantSelector.js","sourceRoot":"","sources":["../../../../../src/components/AppHeader/components/mobile/TenantSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAE9E,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD,MAAM,2BAA2B,GAAG,EAAE,CAAC;IACrC,IAAI,EAAE;QACJ,iHAAiH;QACjH,2BAA2B;QAC3B,sEAAsE;KACvE;CACF,CAAC,CAAA;AAQF,MAAM,CAAC,MAAM,cAAc,GAAc,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,EAAE;IACxF,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;QACzD,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,eAAe,CAAC,EAAE,IAAI,CAAA;IAEhF,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5C,OAAO,oBAAC,IAAI,IAAC,EAAE,EAAC,GAAG,IAAE,UAAU,CAAQ,CAAA;IACzC,CAAC;IAED,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,eAAe;YACd,gCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,2BAA2B,EAAE;gBAC3D,UAAU;gBACX,oBAAC,eAAe,IAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAC,YAAY,GAAG,CACtD,CACO;QAElB,oBAAC,eAAe,IAAC,YAAY;YAC3B,6BAAK,SAAS,EAAC,WAAW,IACvB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gBACtB,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,KAAK,eAAe,CAAA;gBAE/C,OAAO,CACL,oBAAC,YAAY,IACX,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,SAAS,EAClB,GAAG,EAAE,MAAM,CAAC,EAAE,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,SAAS,IAAI,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC,IAErD,MAAM,CAAC,IAAI,CACC,CAChB,CAAA;YACH,CAAC,CAAC,CACE,CACU,CACT,CACZ,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,18 +1,19 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
2
|
import { tv } from 'tailwind-variants';
|
|
3
|
+
import { Heading } from '../Heading';
|
|
3
4
|
import { Nav } from '../SectioningContent';
|
|
4
5
|
import { StatusLabel } from '../StatusLabel';
|
|
5
6
|
import { AppNaviAnchor } from './AppNaviAnchor';
|
|
6
7
|
import { AppNaviButton } from './AppNaviButton';
|
|
7
8
|
import { AppNaviCustomTag } from './AppNaviCustomTag';
|
|
8
9
|
import { AppNaviDropdown } from './AppNaviDropdown';
|
|
9
|
-
const
|
|
10
|
+
const classNameGenerator = tv({
|
|
10
11
|
slots: {
|
|
11
12
|
wrapper: [
|
|
12
13
|
'smarthr-ui-AppNavi',
|
|
13
14
|
'shr-flex shr-min-w-max shr-items-center shr-bg-white shr-px-1.5 shr-shadow-layer-1',
|
|
14
15
|
],
|
|
15
|
-
|
|
16
|
+
statusLabelHeading: ['smarthr-ui-AppNavi-label', 'shr-me-1 shr-shrink-0 shr-leading-none'],
|
|
16
17
|
buttonsEl: [
|
|
17
18
|
'smarthr-ui-AppNavi-buttons',
|
|
18
19
|
'shr-flex shr-items-stretch shr-gap-1 shr-self-stretch',
|
|
@@ -21,31 +22,25 @@ const appNavi = tv({
|
|
|
21
22
|
additionalAreaEl: 'shr-ms-auto',
|
|
22
23
|
},
|
|
23
24
|
});
|
|
24
|
-
const { wrapper,
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
}
|
|
44
|
-
return (React.createElement("li", { key: i, className: listItem() },
|
|
45
|
-
React.createElement(AppNaviButton, { ...button })));
|
|
46
|
-
}),
|
|
47
|
-
renderButtons(children)),
|
|
48
|
-
additionalArea && React.createElement("div", { className: additionalAreaEl() }, additionalArea)));
|
|
25
|
+
const { wrapper, statusLabelHeading, buttonsEl, listItem, additionalAreaEl } = classNameGenerator();
|
|
26
|
+
const classNames = {
|
|
27
|
+
statusLabelHeading: statusLabelHeading(),
|
|
28
|
+
buttonsEl: buttonsEl(),
|
|
29
|
+
listItem: listItem(),
|
|
30
|
+
additionalAreaEl: additionalAreaEl(),
|
|
31
|
+
};
|
|
32
|
+
export const AppNavi = ({ label, buttons, className, children, displayDropdownCaret, additionalArea, ...rest }) => {
|
|
33
|
+
const wrapperClassName = useMemo(() => wrapper({ className }), [className]);
|
|
34
|
+
return (React.createElement(Nav, { ...rest, className: wrapperClassName },
|
|
35
|
+
React.createElement(StatusLabelHeading, null, label),
|
|
36
|
+
React.createElement("ul", { className: classNames.buttonsEl },
|
|
37
|
+
buttons &&
|
|
38
|
+
buttons.map((button, i) => (React.createElement("li", { key: i, className: classNames.listItem }, 'tag' in button ? (React.createElement(AppNaviCustomTag, { ...button })) : 'href' in button ? (React.createElement(AppNaviAnchor, { ...button })) : 'dropdownContent' in button ? (React.createElement(AppNaviDropdown, { ...button, displayCaret: displayDropdownCaret })) : (React.createElement(AppNaviButton, { ...button }))))),
|
|
39
|
+
renderButtons(children)),
|
|
40
|
+
additionalArea && React.createElement("div", { className: classNames.additionalAreaEl }, additionalArea)));
|
|
41
|
+
};
|
|
42
|
+
const StatusLabelHeading = React.memo(({ children }) => children && (React.createElement(Heading, { className: classNames.statusLabelHeading },
|
|
43
|
+
React.createElement(StatusLabel, null, children))));
|
|
49
44
|
const renderButtons = (children) => React.Children.map(children, (child) => {
|
|
50
45
|
if (!(child && React.isValidElement(child))) {
|
|
51
46
|
return null;
|
|
@@ -53,6 +48,6 @@ const renderButtons = (children) => React.Children.map(children, (child) => {
|
|
|
53
48
|
if (child.type === React.Fragment) {
|
|
54
49
|
return renderButtons(child.props.children);
|
|
55
50
|
}
|
|
56
|
-
return React.createElement("li", { className: listItem
|
|
51
|
+
return React.createElement("li", { className: classNames.listItem }, child);
|
|
57
52
|
});
|
|
58
53
|
//# sourceMappingURL=AppNavi.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppNavi.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNavi.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"AppNavi.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNavi.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import React, { forwardRef, useMemo, } from 'react';
|
|
2
2
|
import { tv } from 'tailwind-variants';
|
|
3
3
|
import { appNaviItemStyle } from './style';
|
|
4
|
-
const
|
|
4
|
+
const classNameGenerator = tv({
|
|
5
5
|
extend: appNaviItemStyle,
|
|
6
6
|
slots: {
|
|
7
7
|
wrapper: ['smarthr-ui-AppNavi-anchor', 'forced-colors:shr-underline'],
|
|
8
8
|
},
|
|
9
9
|
});
|
|
10
|
-
export const AppNaviAnchor = forwardRef(({ children, href, icon: Icon, current
|
|
11
|
-
const
|
|
12
|
-
const { wrapper, icon } =
|
|
10
|
+
export const AppNaviAnchor = forwardRef(({ children, href, icon: Icon, current, elementAs, ...others }, ref) => {
|
|
11
|
+
const classNames = useMemo(() => {
|
|
12
|
+
const { wrapper, icon } = classNameGenerator({ active: current });
|
|
13
13
|
return {
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
wrapper: wrapper(),
|
|
15
|
+
icon: icon(),
|
|
16
16
|
};
|
|
17
17
|
}, [current]);
|
|
18
18
|
const Component = elementAs || 'a';
|
|
19
|
-
return (React.createElement(Component, { ...others, ref: ref, href: href, "aria-current": current ? 'page' : undefined, className:
|
|
20
|
-
Icon && React.createElement(Icon, { className:
|
|
19
|
+
return (React.createElement(Component, { ...others, ref: ref, href: href, "aria-current": current ? 'page' : undefined, className: classNames.wrapper },
|
|
20
|
+
Icon && React.createElement(Icon, { className: classNames.icon }),
|
|
21
21
|
children));
|
|
22
22
|
});
|
|
23
23
|
//# sourceMappingURL=AppNaviAnchor.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppNaviAnchor.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAQZ,UAAU,EACV,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAKtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAsB1C,MAAM,
|
|
1
|
+
{"version":3,"file":"AppNaviAnchor.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAQZ,UAAU,EACV,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAKtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAsB1C,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE;QACL,OAAO,EAAE,CAAC,2BAA2B,EAAE,6BAA6B,CAAC;KACtE;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,aAAa,GAA2B,UAAU,CAC7D,CACE,EACE,QAAQ,EACR,IAAI,EACJ,IAAI,EAAE,IAAI,EACV,OAAO,EACP,SAAS,EACT,GAAG,MAAM,EACgD,EAC3D,GAAuB,EACT,EAAE;IAChB,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,kBAAkB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;QAEjE,OAAO;YACL,OAAO,EAAE,OAAO,EAAE;YAClB,IAAI,EAAE,IAAI,EAAE;SACb,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,MAAM,SAAS,GAAG,SAAS,IAAI,GAAG,CAAA;IAElC,OAAO,CACL,oBAAC,SAAS,OACJ,MAAM,EACV,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,kBACI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,SAAS,EAAE,UAAU,CAAC,OAAO;QAE5B,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,IAAI,GAAI;QAC5C,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
@@ -2,22 +2,22 @@ import React, { useMemo } from 'react';
|
|
|
2
2
|
import { tv } from 'tailwind-variants';
|
|
3
3
|
import { UnstyledButton } from '../Button';
|
|
4
4
|
import { appNaviItemStyle } from './style';
|
|
5
|
-
const
|
|
5
|
+
const classNameGenerator = tv({
|
|
6
6
|
extend: appNaviItemStyle,
|
|
7
7
|
slots: {
|
|
8
8
|
wrapper: 'smarthr-ui-AppNavi-button',
|
|
9
9
|
},
|
|
10
10
|
});
|
|
11
|
-
export const AppNaviButton = ({ children, icon: Icon, current
|
|
12
|
-
const
|
|
13
|
-
const { wrapper, icon } =
|
|
11
|
+
export const AppNaviButton = ({ children, icon: Icon, current, onClick, }) => {
|
|
12
|
+
const classNames = useMemo(() => {
|
|
13
|
+
const { wrapper, icon } = classNameGenerator({ active: current });
|
|
14
14
|
return {
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
wrapper: wrapper(),
|
|
16
|
+
icon: icon(),
|
|
17
17
|
};
|
|
18
18
|
}, [current]);
|
|
19
|
-
return (React.createElement(UnstyledButton, { "aria-current": current ? 'page' : undefined, onClick: onClick, className:
|
|
20
|
-
Icon && React.createElement(Icon, { className:
|
|
19
|
+
return (React.createElement(UnstyledButton, { "aria-current": current ? 'page' : undefined, onClick: onClick, className: classNames.wrapper },
|
|
20
|
+
Icon && React.createElement(Icon, { className: classNames.icon }),
|
|
21
21
|
children));
|
|
22
22
|
};
|
|
23
23
|
//# sourceMappingURL=AppNaviButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppNaviButton.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyB,OAAO,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAG1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAW1C,MAAM,
|
|
1
|
+
{"version":3,"file":"AppNaviButton.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyB,OAAO,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAG1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAW1C,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE;QACL,OAAO,EAAE,2BAA2B;KACrC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACpD,QAAQ,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EACP,OAAO,GACR,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,kBAAkB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;QAEjE,OAAO;YACL,OAAO,EAAE,OAAO,EAAE;YAClB,IAAI,EAAE,IAAI,EAAE;SACb,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACL,oBAAC,cAAc,oBACC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,UAAU,CAAC,OAAO;QAE5B,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,IAAI,GAAI;QAC5C,QAAQ,CACM,CAClB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import React, { useMemo } from 'react';
|
|
2
2
|
import { tv } from 'tailwind-variants';
|
|
3
3
|
import { appNaviItemStyle } from './style';
|
|
4
|
-
const
|
|
4
|
+
const classNameGenerator = tv({
|
|
5
5
|
extend: appNaviItemStyle,
|
|
6
6
|
slots: {
|
|
7
7
|
wrapper: 'smarthr-ui-AppNavi-customTag',
|
|
8
8
|
},
|
|
9
9
|
});
|
|
10
|
-
export const AppNaviCustomTag = ({ children, tag: Tag, icon: Icon, current
|
|
11
|
-
const
|
|
12
|
-
const { wrapper, icon } =
|
|
10
|
+
export const AppNaviCustomTag = ({ children, tag: Tag, icon: Icon, current, ...props }) => {
|
|
11
|
+
const classNames = useMemo(() => {
|
|
12
|
+
const { wrapper, icon } = classNameGenerator({ active: current });
|
|
13
13
|
return {
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
wrapper: wrapper(),
|
|
15
|
+
icon: icon(),
|
|
16
16
|
};
|
|
17
17
|
}, [current]);
|
|
18
|
-
return (React.createElement(Tag, { ...props, "aria-current": current ? 'page' : undefined, className:
|
|
19
|
-
Icon && React.createElement(Icon, { className:
|
|
18
|
+
return (React.createElement(Tag, { ...props, "aria-current": current ? 'page' : undefined, className: classNames.wrapper },
|
|
19
|
+
Icon && React.createElement(Icon, { className: classNames.icon }),
|
|
20
20
|
children));
|
|
21
21
|
};
|
|
22
22
|
//# sourceMappingURL=AppNaviCustomTag.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppNaviCustomTag.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviCustomTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwC,OAAO,EAAE,MAAM,OAAO,CAAA;AAC5E,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAItC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAW1C,MAAM,
|
|
1
|
+
{"version":3,"file":"AppNaviCustomTag.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviCustomTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwC,OAAO,EAAE,MAAM,OAAO,CAAA;AAC5E,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAItC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAW1C,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE;QACL,OAAO,EAAE,8BAA8B;KACxC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,EAC1D,QAAQ,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,kBAAkB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;QAEjE,OAAO;YACL,OAAO,EAAE,OAAO,EAAE;YAClB,IAAI,EAAE,IAAI,EAAE;SACb,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACL,oBAAC,GAAG,OAAK,KAAK,kBAAgB,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO;QACtF,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,IAAI,GAAI;QAC5C,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -4,7 +4,7 @@ import { UnstyledButton } from '../Button';
|
|
|
4
4
|
import { Dropdown, DropdownContent, DropdownTrigger } from '../Dropdown';
|
|
5
5
|
import { FaCaretDownIcon } from '../Icon';
|
|
6
6
|
import { appNaviItemStyle } from './style';
|
|
7
|
-
const
|
|
7
|
+
const classNameGenerator = tv({
|
|
8
8
|
extend: appNaviItemStyle,
|
|
9
9
|
variants: {
|
|
10
10
|
displayCaret: {
|
|
@@ -17,18 +17,18 @@ const appNaviDropdown = tv({
|
|
|
17
17
|
},
|
|
18
18
|
},
|
|
19
19
|
});
|
|
20
|
-
export const AppNaviDropdown = ({ children, dropdownContent, icon: Icon, current
|
|
21
|
-
const
|
|
22
|
-
const { wrapper, icon } =
|
|
20
|
+
export const AppNaviDropdown = ({ children, dropdownContent, icon: Icon, current, displayCaret, }) => {
|
|
21
|
+
const classNames = useMemo(() => {
|
|
22
|
+
const { wrapper, icon } = classNameGenerator({ active: current, displayCaret });
|
|
23
23
|
return {
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
wrapper: wrapper(),
|
|
25
|
+
icon: icon(),
|
|
26
26
|
};
|
|
27
27
|
}, [current, displayCaret]);
|
|
28
28
|
return (React.createElement(Dropdown, null,
|
|
29
29
|
React.createElement(DropdownTrigger, null,
|
|
30
|
-
React.createElement(UnstyledButton, { "aria-current": current ? 'page' : undefined, className:
|
|
31
|
-
Icon && React.createElement(Icon, { className:
|
|
30
|
+
React.createElement(UnstyledButton, { "aria-current": current ? 'page' : undefined, className: classNames.wrapper },
|
|
31
|
+
Icon && React.createElement(Icon, { className: classNames.icon }),
|
|
32
32
|
children,
|
|
33
33
|
displayCaret && React.createElement(FaCaretDownIcon, null))),
|
|
34
34
|
React.createElement(DropdownContent, null, dropdownContent)));
|