smarthr-ui 64.0.0 → 64.0.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 +2 -33
- package/esm/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/esm/components/AccordionPanel/AccordionPanelTrigger.js +33 -3
- package/esm/components/AccordionPanel/AccordionPanelTrigger.js.map +1 -1
- package/esm/components/AccordionPanel/accordionPanelHelper.d.ts +0 -10
- package/esm/components/AccordionPanel/accordionPanelHelper.js +0 -10
- package/esm/components/AccordionPanel/accordionPanelHelper.js.map +1 -1
- package/esm/components/FormControl/FormControl.js +49 -65
- package/esm/components/FormControl/FormControl.js.map +1 -1
- package/esm/components/Input/CurrencyInput/CurrencyInput.js +6 -6
- package/esm/components/Input/CurrencyInput/CurrencyInput.js.map +1 -1
- package/esm/components/Input/CurrencyInput/useClassNames.d.ts +1 -1
- package/esm/components/Input/CurrencyInput/useClassNames.js +3 -3
- package/esm/components/Input/CurrencyInput/useClassNames.js.map +1 -1
- package/esm/components/Input/Input.js +14 -6
- package/esm/components/Input/Input.js.map +1 -1
- package/esm/components/Input/InputWithTooltip/InputWithTooltip.js +6 -12
- package/esm/components/Input/InputWithTooltip/InputWithTooltip.js.map +1 -1
- package/esm/components/Input/SearchInput/SearchInput.js +5 -3
- package/esm/components/Input/SearchInput/SearchInput.js.map +1 -1
- package/esm/components/Layout/Cluster/Cluster.js +10 -3
- package/esm/components/Layout/Cluster/Cluster.js.map +1 -1
- package/esm/components/Layout/Sidebar/Sidebar.js +12 -4
- package/esm/components/Layout/Sidebar/Sidebar.js.map +1 -1
- package/esm/components/Loader/Loader.d.ts +2 -2
- package/esm/components/Loader/Loader.js +11 -9
- package/esm/components/Loader/Loader.js.map +1 -1
- package/esm/components/NotificationBar/NotificationBar.d.ts +2 -1
- package/esm/components/NotificationBar/NotificationBar.js +40 -28
- package/esm/components/NotificationBar/NotificationBar.js.map +1 -1
- package/esm/components/PageCounter/PageCounter.js +20 -10
- package/esm/components/PageCounter/PageCounter.js.map +1 -1
- package/esm/components/ResponseMessage/ResponseMessage.js +8 -14
- package/esm/components/ResponseMessage/ResponseMessage.js.map +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.js +16 -10
- package/esm/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/esm/components/SideNav/SideNavItemButton.js +6 -6
- package/esm/components/SideNav/SideNavItemButton.js.map +1 -1
- package/esm/components/StatusLabel/StatusLabel.js +9 -11
- package/esm/components/StatusLabel/StatusLabel.js.map +1 -1
- package/esm/components/Stepper/HorizontalStepItem.d.ts +2 -2
- package/esm/components/Stepper/StepCounter.js.map +1 -1
- package/esm/components/Stepper/Stepper.js +14 -27
- package/esm/components/Stepper/Stepper.js.map +1 -1
- package/esm/components/Stepper/VerticalStepItem.d.ts +1 -1
- package/esm/components/Text/RangeSeparator.js +14 -4
- package/esm/components/Text/RangeSeparator.js.map +1 -1
- package/esm/components/Text/Text.d.ts +1 -1
- package/esm/components/Text/Text.js +22 -13
- package/esm/components/Text/Text.js.map +1 -1
- package/esm/components/Tooltip/TooltipPortal.js +1 -1
- package/esm/components/Tooltip/TooltipPortal.js.map +1 -1
- package/esm/components/UpwardLink/UpwardLink.d.ts +2 -2
- package/esm/components/UpwardLink/UpwardLink.js +3 -3
- package/esm/components/UpwardLink/UpwardLink.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanel.js +1 -32
- package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanelTrigger.js +32 -2
- package/lib/components/AccordionPanel/AccordionPanelTrigger.js.map +1 -1
- package/lib/components/AccordionPanel/accordionPanelHelper.d.ts +0 -10
- package/lib/components/AccordionPanel/accordionPanelHelper.js +1 -11
- package/lib/components/AccordionPanel/accordionPanelHelper.js.map +1 -1
- package/lib/components/FormControl/FormControl.js +49 -65
- package/lib/components/FormControl/FormControl.js.map +1 -1
- package/lib/components/Input/CurrencyInput/CurrencyInput.js +6 -6
- package/lib/components/Input/CurrencyInput/CurrencyInput.js.map +1 -1
- package/lib/components/Input/CurrencyInput/useClassNames.d.ts +1 -1
- package/lib/components/Input/CurrencyInput/useClassNames.js +3 -3
- package/lib/components/Input/CurrencyInput/useClassNames.js.map +1 -1
- package/lib/components/Input/Input.js +13 -5
- package/lib/components/Input/Input.js.map +1 -1
- package/lib/components/Input/InputWithTooltip/InputWithTooltip.js +6 -12
- package/lib/components/Input/InputWithTooltip/InputWithTooltip.js.map +1 -1
- package/lib/components/Input/SearchInput/SearchInput.js +5 -3
- package/lib/components/Input/SearchInput/SearchInput.js.map +1 -1
- package/lib/components/Layout/Cluster/Cluster.js +10 -3
- package/lib/components/Layout/Cluster/Cluster.js.map +1 -1
- package/lib/components/Layout/Sidebar/Sidebar.js +12 -4
- package/lib/components/Layout/Sidebar/Sidebar.js.map +1 -1
- package/lib/components/Loader/Loader.d.ts +2 -2
- package/lib/components/Loader/Loader.js +14 -43
- package/lib/components/Loader/Loader.js.map +1 -1
- package/lib/components/NotificationBar/NotificationBar.d.ts +2 -1
- package/lib/components/NotificationBar/NotificationBar.js +40 -28
- package/lib/components/NotificationBar/NotificationBar.js.map +1 -1
- package/lib/components/PageCounter/PageCounter.js +20 -10
- package/lib/components/PageCounter/PageCounter.js.map +1 -1
- package/lib/components/ResponseMessage/ResponseMessage.js +8 -14
- package/lib/components/ResponseMessage/ResponseMessage.js.map +1 -1
- package/lib/components/SegmentedControl/SegmentedControl.js +17 -11
- package/lib/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/lib/components/SideNav/SideNavItemButton.js +6 -6
- package/lib/components/SideNav/SideNavItemButton.js.map +1 -1
- package/lib/components/StatusLabel/StatusLabel.js +9 -11
- package/lib/components/StatusLabel/StatusLabel.js.map +1 -1
- package/lib/components/Stepper/HorizontalStepItem.d.ts +2 -2
- package/lib/components/Stepper/StepCounter.js.map +1 -1
- package/lib/components/Stepper/Stepper.js +14 -27
- package/lib/components/Stepper/Stepper.js.map +1 -1
- package/lib/components/Stepper/VerticalStepItem.d.ts +1 -1
- package/lib/components/Text/RangeSeparator.js +14 -4
- package/lib/components/Text/RangeSeparator.js.map +1 -1
- package/lib/components/Text/Text.d.ts +1 -1
- package/lib/components/Text/Text.js +22 -13
- package/lib/components/Text/Text.js.map +1 -1
- package/lib/components/Tooltip/TooltipPortal.js +1 -1
- package/lib/components/Tooltip/TooltipPortal.js.map +1 -1
- package/lib/components/UpwardLink/UpwardLink.d.ts +2 -2
- package/lib/components/UpwardLink/UpwardLink.js +36 -6
- package/lib/components/UpwardLink/UpwardLink.js.map +1 -1
- package/package.json +7 -7
- package/smarthr-ui.css +0 -60
- package/esm/components/Button/style.d.ts +0 -3
- package/esm/components/Button/style.js +0 -8
- package/esm/components/Button/style.js.map +0 -1
- package/lib/components/Button/style.d.ts +0 -3
- package/lib/components/Button/style.js +0 -15
- package/lib/components/Button/style.js.map +0 -1
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import React, { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
|
|
3
3
|
import { tv } from 'tailwind-variants';
|
|
4
4
|
import { flatArrayToMap } from '../../libs/map';
|
|
5
|
-
import {
|
|
5
|
+
import { getNewExpandedItems } from './accordionPanelHelper';
|
|
6
6
|
export const AccordionPanelContext = React.createContext({
|
|
7
7
|
iconPosition: 'left',
|
|
8
8
|
expandedItems: new Map(),
|
|
@@ -19,37 +19,6 @@ export const AccordionPanel = ({ iconPosition = 'left', expandableMultiply = tru
|
|
|
19
19
|
const onClickTrigger = useCallback((itemName, isExpanded) => {
|
|
20
20
|
setExpanded(getNewExpandedItems(expandedItems, itemName, isExpanded, expandableMultiply));
|
|
21
21
|
}, [expandableMultiply, expandedItems]);
|
|
22
|
-
const handleKeyPress = (event) => {
|
|
23
|
-
if (!parentRef?.current) {
|
|
24
|
-
return;
|
|
25
|
-
}
|
|
26
|
-
const keyCode = event.keyCode;
|
|
27
|
-
const item = event.target;
|
|
28
|
-
switch (keyCode) {
|
|
29
|
-
case keycodes.HOME: {
|
|
30
|
-
event.preventDefault();
|
|
31
|
-
focusFirstSibling(parentRef.current);
|
|
32
|
-
break;
|
|
33
|
-
}
|
|
34
|
-
case keycodes.END: {
|
|
35
|
-
event.preventDefault();
|
|
36
|
-
focusLastSibling(parentRef.current);
|
|
37
|
-
break;
|
|
38
|
-
}
|
|
39
|
-
case keycodes.LEFT:
|
|
40
|
-
case keycodes.UP: {
|
|
41
|
-
event.preventDefault();
|
|
42
|
-
focusPreviousSibling(item, parentRef.current);
|
|
43
|
-
break;
|
|
44
|
-
}
|
|
45
|
-
case keycodes.RIGHT:
|
|
46
|
-
case keycodes.DOWN: {
|
|
47
|
-
event.preventDefault();
|
|
48
|
-
focusNextSibling(item, parentRef.current);
|
|
49
|
-
break;
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
};
|
|
53
22
|
useEffect(() => {
|
|
54
23
|
if (defaultExpanded.length > 0)
|
|
55
24
|
setExpanded(flatArrayToMap(defaultExpanded));
|
|
@@ -62,6 +31,6 @@ export const AccordionPanel = ({ iconPosition = 'left', expandableMultiply = tru
|
|
|
62
31
|
expandableMultiply,
|
|
63
32
|
parentRef,
|
|
64
33
|
} },
|
|
65
|
-
React.createElement("div", { ...props, className: styles, ref: parentRef,
|
|
34
|
+
React.createElement("div", { ...props, className: styles, ref: parentRef, role: "presentation" })));
|
|
66
35
|
};
|
|
67
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,
|
|
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,gBAAgB,GAAG,EAAE,CAAC;IAC1B,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,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAE1E,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,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAC,cAAc,GAAG,CAC1C,CAClC,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -7,7 +7,7 @@ import { FaCaretDownIcon, FaCaretRightIcon } from '../Icon';
|
|
|
7
7
|
import { Cluster } from '../Layout';
|
|
8
8
|
import { AccordionPanelContext } from './AccordionPanel';
|
|
9
9
|
import { AccordionPanelItemContext } from './AccordionPanelItem';
|
|
10
|
-
import { getNewExpandedItems } from './accordionPanelHelper';
|
|
10
|
+
import { focusFirstSibling, focusLastSibling, focusNextSibling, focusPreviousSibling, getNewExpandedItems, } from './accordionPanelHelper';
|
|
11
11
|
const accordionPanelTrigger = tv({
|
|
12
12
|
slots: {
|
|
13
13
|
title: 'shr-grow shr-leading-tight',
|
|
@@ -41,7 +41,7 @@ export const AccordionPanelTrigger = ({ children, className, headingType = 'bloc
|
|
|
41
41
|
};
|
|
42
42
|
}, [className]);
|
|
43
43
|
const { name } = useContext(AccordionPanelItemContext);
|
|
44
|
-
const { iconPosition, expandedItems, onClickTrigger, onClickProps, expandableMultiply } = useContext(AccordionPanelContext);
|
|
44
|
+
const { iconPosition, expandedItems, onClickTrigger, onClickProps, expandableMultiply, parentRef, } = useContext(AccordionPanelContext);
|
|
45
45
|
const isExpanded = getIsInclude(expandedItems, name);
|
|
46
46
|
const handleClick = useCallback(() => {
|
|
47
47
|
if (onClickTrigger)
|
|
@@ -51,10 +51,40 @@ export const AccordionPanelTrigger = ({ children, className, headingType = 'bloc
|
|
|
51
51
|
onClickProps(mapToKeyArray(newExpandedItems));
|
|
52
52
|
}
|
|
53
53
|
}, [onClickTrigger, name, isExpanded, onClickProps, expandedItems, expandableMultiply]);
|
|
54
|
+
const handleKeyDown = useCallback((event) => {
|
|
55
|
+
if (!parentRef?.current) {
|
|
56
|
+
return;
|
|
57
|
+
}
|
|
58
|
+
const item = event.target;
|
|
59
|
+
switch (event.key) {
|
|
60
|
+
case 'Home': {
|
|
61
|
+
event.preventDefault();
|
|
62
|
+
focusFirstSibling(parentRef.current);
|
|
63
|
+
break;
|
|
64
|
+
}
|
|
65
|
+
case 'End': {
|
|
66
|
+
event.preventDefault();
|
|
67
|
+
focusLastSibling(parentRef.current);
|
|
68
|
+
break;
|
|
69
|
+
}
|
|
70
|
+
case 'ArrowLeft':
|
|
71
|
+
case 'ArrowUp': {
|
|
72
|
+
event.preventDefault();
|
|
73
|
+
focusPreviousSibling(item, parentRef.current);
|
|
74
|
+
break;
|
|
75
|
+
}
|
|
76
|
+
case 'ArrowRight':
|
|
77
|
+
case 'ArrowDown': {
|
|
78
|
+
event.preventDefault();
|
|
79
|
+
focusNextSibling(item, parentRef.current);
|
|
80
|
+
break;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
}, [parentRef]);
|
|
54
84
|
return (
|
|
55
85
|
// eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content
|
|
56
86
|
React.createElement(Heading, { tag: headingTag, type: headingType },
|
|
57
|
-
React.createElement("button", { ...props, id: `${name}-trigger`, "aria-expanded": isExpanded, "aria-controls": `${name}-content`, onClick: handleClick, className: buttonStyle, "data-component": "AccordionHeaderButton", type: "button" },
|
|
87
|
+
React.createElement("button", { ...props, id: `${name}-trigger`, "aria-expanded": isExpanded, "aria-controls": `${name}-content`, onClick: handleClick, onKeyDown: handleKeyDown, className: buttonStyle, "data-component": "AccordionHeaderButton", type: "button" },
|
|
58
88
|
React.createElement(Cluster, { className: "shr-flex-nowrap", align: "center", as: "span" },
|
|
59
89
|
iconPosition === 'left' && React.createElement(FaCaretRightIcon, { className: leftIconStyle }),
|
|
60
90
|
React.createElement("span", { className: titleStyle }, children),
|
|
@@ -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,
|
|
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,qBAAqB,GAAG,EAAE,CAAC;IAC/B,KAAK,EAAE;QACL,KAAK,EAAE,4BAA4B;QACnC,MAAM,EAAE;YACN,mCAAmC;YACnC,2KAA2K;YAC3K,yFAAyF;YACzF,2BAA2B;YAC3B,mCAAmC;YACnC,kGAAkG;YAClG,4NAA4N;SAC7N;QACD,QAAQ,EAAE,6EAA6E;QACvF,SAAS,EAAE,qCAAqC;KACjD;IACD,aAAa,EAAE;QACb;YACE,KAAK,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC;YAChC,SAAS,EAAE,cAAc;SAC1B;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAA6B,CAAC,EAC9D,QAAQ,EACR,SAAS,EACT,WAAW,GAAG,YAAY,EAC1B,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9E,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,qBAAqB,EAAE,CAAA;QACtE,OAAO;YACL,UAAU,EAAE,KAAK,EAAE;YACnB,WAAW,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;YAClC,aAAa,EAAE,QAAQ,EAAE;YACzB,cAAc,EAAE,SAAS,EAAE;SAC5B,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IACf,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAA;IACtD,MAAM,EACJ,YAAY,EACZ,aAAa,EACb,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,SAAS,GACV,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAA;IAErC,MAAM,UAAU,GAAG,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IAEpD,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,cAAc;YAAE,cAAc,CAAC,IAAI,EAAE,CAAC,UAAU,CAAC,CAAA;QAErD,IAAI,YAAY,EAAE,CAAC;YACjB,MAAM,gBAAgB,GAAG,mBAAmB,CAC1C,aAAa,EACb,IAAI,EACJ,CAAC,UAAU,EACX,kBAAkB,CACnB,CAAA;YACD,YAAY,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAA;QAC/C,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAEvF,MAAM,aAAa,GAAkD,WAAW,CAC9E,CAAC,KAAK,EAAQ,EAAE;QACd,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC;YACxB,OAAM;QACR,CAAC;QAED,MAAM,IAAI,GAAG,KAAK,CAAC,MAAqB,CAAA;QAExC,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;YAClB,KAAK,MAAM,CAAC,CAAC,CAAC;gBACZ,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,iBAAiB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;gBACpC,MAAK;YACP,CAAC;YACD,KAAK,KAAK,CAAC,CAAC,CAAC;gBACX,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,gBAAgB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;gBACnC,MAAK;YACP,CAAC;YACD,KAAK,WAAW,CAAC;YACjB,KAAK,SAAS,CAAC,CAAC,CAAC;gBACf,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,oBAAoB,CAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;gBAC7C,MAAK;YACP,CAAC;YACD,KAAK,YAAY,CAAC;YAClB,KAAK,WAAW,CAAC,CAAC,CAAC;gBACjB,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,gBAAgB,CAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;gBACzC,MAAK;YACP,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,OAAO;IACL,sEAAsE;IACtE,oBAAC,OAAO,IAAC,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW;QACzC,mCACM,KAAK,EACT,EAAE,EAAE,GAAG,IAAI,UAAU,mBACN,UAAU,mBACV,GAAG,IAAI,UAAU,EAChC,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,WAAW,oBACP,uBAAuB,EACtC,IAAI,EAAC,QAAQ;YAEb,oBAAC,OAAO,IAAC,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAC,QAAQ,EAAC,EAAE,EAAC,MAAM;gBAC1D,YAAY,KAAK,MAAM,IAAI,oBAAC,gBAAgB,IAAC,SAAS,EAAE,aAAa,GAAI;gBAC1E,8BAAM,SAAS,EAAE,UAAU,IAAG,QAAQ,CAAQ;gBAC7C,YAAY,KAAK,OAAO,IAAI,oBAAC,eAAe,IAAC,SAAS,EAAE,cAAc,GAAI,CACnE,CACH,CACD,CACX,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,14 +1,4 @@
|
|
|
1
1
|
export declare const getNewExpandedItems: (prevExpandedItems: Map<string, string>, itemName: string, isExpanded: boolean, expandableMultiply: boolean) => Map<string, string>;
|
|
2
|
-
export declare const keycodes: {
|
|
3
|
-
SPACE: number;
|
|
4
|
-
ENTER: number;
|
|
5
|
-
HOME: number;
|
|
6
|
-
END: number;
|
|
7
|
-
UP: number;
|
|
8
|
-
RIGHT: number;
|
|
9
|
-
DOWN: number;
|
|
10
|
-
LEFT: number;
|
|
11
|
-
};
|
|
12
2
|
export declare const getSiblingButtons: (parent: HTMLDivElement) => HTMLElement[];
|
|
13
3
|
export declare const focusFirstSibling: (parent: HTMLDivElement) => void;
|
|
14
4
|
export declare const focusLastSibling: (parent: HTMLDivElement) => void;
|
|
@@ -14,16 +14,6 @@ export const getNewExpandedItems = (prevExpandedItems, itemName, isExpanded, exp
|
|
|
14
14
|
}
|
|
15
15
|
return newState;
|
|
16
16
|
};
|
|
17
|
-
export const keycodes = {
|
|
18
|
-
SPACE: 32,
|
|
19
|
-
ENTER: 13,
|
|
20
|
-
HOME: 36,
|
|
21
|
-
END: 35,
|
|
22
|
-
UP: 38,
|
|
23
|
-
RIGHT: 39,
|
|
24
|
-
DOWN: 40,
|
|
25
|
-
LEFT: 37,
|
|
26
|
-
};
|
|
27
17
|
export const getSiblingButtons = (parent) => Array.from(parent.querySelectorAll('[data-component="AccordionHeaderButton"]'));
|
|
28
18
|
export const focusFirstSibling = (parent) => {
|
|
29
19
|
const siblings = getSiblingButtons(parent);
|
|
@@ -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,
|
|
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;IACzB,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;IAC1C,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;QACzB,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;QAClC,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;QAC1C,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;QACtC,QAAQ,CAAC,KAAK,EAAE,CAAA;IAClB,CAAC;AACH,CAAC,CAAA"}
|
|
@@ -25,52 +25,8 @@ const formGroup = tv({
|
|
|
25
25
|
errorIcon: ['smarthr-ui-FormControl-errorMessage', 'shr-text-danger'],
|
|
26
26
|
},
|
|
27
27
|
});
|
|
28
|
-
const childrenWrapper = tv({
|
|
29
|
-
variants: {
|
|
30
|
-
innerMargin: {
|
|
31
|
-
0: '[&&&]:shr-mt-0',
|
|
32
|
-
0.25: '[&&&]:shr-mt-0.25',
|
|
33
|
-
0.5: '[&&&]:shr-mt-0.5',
|
|
34
|
-
0.75: '[&&&]:shr-mt-0.75',
|
|
35
|
-
1: '[&&&]:shr-mt-1',
|
|
36
|
-
1.25: '[&&&]:shr-mt-1.25',
|
|
37
|
-
1.5: '[&&&]:shr-mt-1.5',
|
|
38
|
-
2: '[&&&]:shr-mt-2',
|
|
39
|
-
2.5: '[&&&]:shr-mt-2.5',
|
|
40
|
-
3: '[&&&]:shr-mt-3',
|
|
41
|
-
3.5: '[&&&]:shr-mt-3.5',
|
|
42
|
-
4: '[&&&]:shr-mt-4',
|
|
43
|
-
8: '[&&&]:shr-mt-8',
|
|
44
|
-
X3S: '[&&&]:shr-mt-0.25',
|
|
45
|
-
XXS: '[&&&]:shr-mt-0.5',
|
|
46
|
-
XS: '[&&&]:shr-mt-1',
|
|
47
|
-
S: '[&&&]:shr-mt-1.5',
|
|
48
|
-
M: '[&&&]:shr-mt-2',
|
|
49
|
-
L: '[&&&]:shr-mt-2.5',
|
|
50
|
-
XL: '[&&&]:shr-mt-3',
|
|
51
|
-
XXL: '[&&&]:shr-mt-3.5',
|
|
52
|
-
X3L: '[&&&]:shr-mt-4',
|
|
53
|
-
},
|
|
54
|
-
isFieldset: {
|
|
55
|
-
true: '',
|
|
56
|
-
false: '',
|
|
57
|
-
},
|
|
58
|
-
},
|
|
59
|
-
compoundVariants: [
|
|
60
|
-
{
|
|
61
|
-
innerMargin: undefined,
|
|
62
|
-
isFieldset: true,
|
|
63
|
-
className: '[:not([hidden])_~_&&&]:shr-mt-1',
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
innerMargin: undefined,
|
|
67
|
-
isFieldset: false,
|
|
68
|
-
className: '[:not([hidden])_~_&&&]:shr-mt-0.5',
|
|
69
|
-
},
|
|
70
|
-
],
|
|
71
|
-
});
|
|
72
28
|
const SMARTHR_UI_INPUT_SELECTOR = '[data-smarthr-ui-input="true"]';
|
|
73
|
-
export const ActualFormControl = ({ title, titleType = 'blockTitle', subActionArea, dangerouslyTitleHidden = false, htmlFor, labelId, innerMargin, statusLabelProps, helpMessage, exampleMessage, errorMessages, autoBindErrorInput = true, supplementaryMessage, as = 'div', className, children, ...props }) => {
|
|
29
|
+
export const ActualFormControl = ({ title, titleType = 'blockTitle', subActionArea, dangerouslyTitleHidden = false, htmlFor, labelId, innerMargin = 0.5, statusLabelProps, helpMessage, exampleMessage, errorMessages, autoBindErrorInput = true, supplementaryMessage, as = 'div', className, children, ...props }) => {
|
|
74
30
|
const defaultHtmlFor = useId();
|
|
75
31
|
const defaultLabelId = useId();
|
|
76
32
|
const managedHtmlFor = htmlFor || defaultHtmlFor;
|
|
@@ -105,16 +61,15 @@ export const ActualFormControl = ({ title, titleType = 'blockTitle', subActionAr
|
|
|
105
61
|
}
|
|
106
62
|
return Array.isArray(errorMessages) ? errorMessages : [errorMessages];
|
|
107
63
|
}, [errorMessages]);
|
|
108
|
-
const { wrapperStyle, labelStyle, errorListStyle, errorIconStyle
|
|
64
|
+
const { wrapperStyle, labelStyle, errorListStyle, errorIconStyle } = useMemo(() => {
|
|
109
65
|
const { wrapper, label, errorList, errorIcon } = formGroup();
|
|
110
66
|
return {
|
|
111
67
|
wrapperStyle: wrapper({ className }),
|
|
112
68
|
labelStyle: label({ className: dangerouslyTitleHidden ? visuallyHiddenText() : '' }),
|
|
113
69
|
errorListStyle: errorList(),
|
|
114
70
|
errorIconStyle: errorIcon(),
|
|
115
|
-
childrenWrapperStyle: childrenWrapper({ innerMargin, isFieldset }),
|
|
116
71
|
};
|
|
117
|
-
}, [
|
|
72
|
+
}, [dangerouslyTitleHidden, className]);
|
|
118
73
|
useEffect(() => {
|
|
119
74
|
if (isFieldset) {
|
|
120
75
|
return;
|
|
@@ -142,7 +97,14 @@ export const ActualFormControl = ({ title, titleType = 'blockTitle', subActionAr
|
|
|
142
97
|
input.setAttribute(attrName, `${inputLabelledByIds} ${managedLabelId}`);
|
|
143
98
|
}
|
|
144
99
|
}
|
|
145
|
-
|
|
100
|
+
else if (dangerouslyTitleHidden) {
|
|
101
|
+
const attrName = 'aria-labelledby';
|
|
102
|
+
const inputLabelledByIds = input.getAttribute(attrName);
|
|
103
|
+
if (!inputLabelledByIds?.match(managedLabelId)) {
|
|
104
|
+
input.setAttribute(attrName, inputLabelledByIds ? `${managedLabelId} ${inputLabelledByIds}` : managedLabelId);
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
}, [managedHtmlFor, isFieldset, dangerouslyTitleHidden, managedLabelId]);
|
|
146
108
|
useEffect(() => {
|
|
147
109
|
if (!describedbyIds) {
|
|
148
110
|
return;
|
|
@@ -176,34 +138,56 @@ export const ActualFormControl = ({ title, titleType = 'blockTitle', subActionAr
|
|
|
176
138
|
}
|
|
177
139
|
}
|
|
178
140
|
}, [actualErrorMessages.length, autoBindErrorInput]);
|
|
179
|
-
return (React.createElement(Stack, { ...props, as: as, gap: innerMargin
|
|
141
|
+
return (React.createElement(Stack, { ...props, as: as, gap: innerMargin, "aria-labelledby": isFieldset ? managedLabelId : undefined, "aria-describedby": isFieldset && describedbyIds ? describedbyIds : undefined, className: wrapperStyle },
|
|
180
142
|
React.createElement(TitleCluster, { isFieldset: isFieldset, managedHtmlFor: managedHtmlFor, managedLabelId: managedLabelId, labelStyle: labelStyle, dangerouslyTitleHidden: dangerouslyTitleHidden, titleType: titleType, title: title, statusLabelList: statusLabelList, subActionArea: subActionArea }),
|
|
181
143
|
React.createElement(HelpMessageParagraph, { helpMessage: helpMessage, managedHtmlFor: managedHtmlFor }),
|
|
182
144
|
React.createElement(ExampleMessageText, { exampleMessage: exampleMessage, managedHtmlFor: managedHtmlFor }),
|
|
183
145
|
React.createElement(ErrorMessageList, { errorMessages: actualErrorMessages, managedHtmlFor: managedHtmlFor, errorListStyle: errorListStyle, errorIconStyle: errorIconStyle }),
|
|
184
|
-
React.createElement("div", {
|
|
146
|
+
React.createElement("div", { ref: inputWrapperRef }, children),
|
|
185
147
|
React.createElement(SupplementaryMessageText, { supplementaryMessage: supplementaryMessage, managedHtmlFor: managedHtmlFor })));
|
|
186
148
|
};
|
|
187
149
|
const TitleCluster = React.memo(({ isFieldset, managedHtmlFor, managedLabelId, labelStyle, dangerouslyTitleHidden, titleType, title, statusLabelList, subActionArea, }) => {
|
|
188
150
|
const body = (React.createElement(React.Fragment, null,
|
|
189
151
|
React.createElement(Text, { styleType: titleType }, title),
|
|
190
152
|
statusLabelList.length > 0 && (React.createElement(Cluster, { gap: 0.25, as: "span" }, statusLabelList.map((prop, index) => (React.createElement(StatusLabel, { ...prop, key: index })))))));
|
|
191
|
-
const
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
153
|
+
const attrs = useMemo(() => {
|
|
154
|
+
if (dangerouslyTitleHidden) {
|
|
155
|
+
return {
|
|
156
|
+
label: null,
|
|
157
|
+
visuallyHidden: isFieldset
|
|
158
|
+
? {
|
|
159
|
+
as: 'legend',
|
|
160
|
+
hidden: true,
|
|
161
|
+
id: managedLabelId,
|
|
162
|
+
}
|
|
163
|
+
: {
|
|
164
|
+
as: 'label',
|
|
165
|
+
hidden: true,
|
|
166
|
+
htmlFor: managedHtmlFor,
|
|
167
|
+
id: managedLabelId,
|
|
168
|
+
},
|
|
169
|
+
};
|
|
170
|
+
}
|
|
171
|
+
if (isFieldset) {
|
|
172
|
+
return {
|
|
173
|
+
label: { 'aria-hidden': 'true' },
|
|
174
|
+
visuallyHidden: { as: 'legend', hidden: true, id: managedLabelId },
|
|
175
|
+
};
|
|
176
|
+
}
|
|
177
|
+
return {
|
|
178
|
+
label: {
|
|
179
|
+
as: 'label',
|
|
180
|
+
htmlFor: managedHtmlFor,
|
|
181
|
+
id: managedLabelId,
|
|
182
|
+
},
|
|
183
|
+
visuallyHidden: null,
|
|
197
184
|
};
|
|
185
|
+
}, [managedLabelId, managedHtmlFor, dangerouslyTitleHidden, isFieldset]);
|
|
198
186
|
return (React.createElement(React.Fragment, null,
|
|
199
|
-
|
|
200
|
-
React.createElement(Cluster, { justify: "space-between",
|
|
201
|
-
|
|
202
|
-
className: "
|
|
203
|
-
// HINT: dangerouslyTitleHiddenの場合、Stackの余白計算を正常にするためのhidden
|
|
204
|
-
hidden: dangerouslyTitleHidden || undefined },
|
|
205
|
-
React.createElement(Cluster, { ...labelAttrs, align: "center", className: labelStyle }, body),
|
|
206
|
-
subActionArea && React.createElement("div", { className: "shr-grow" }, subActionArea))));
|
|
187
|
+
attrs.visuallyHidden && (React.createElement(VisuallyHiddenText, { ...attrs.visuallyHidden }, innerText(body))),
|
|
188
|
+
attrs.label && (React.createElement(Cluster, { justify: "space-between" },
|
|
189
|
+
React.createElement(Cluster, { ...attrs.label, align: "center", className: labelStyle }, body),
|
|
190
|
+
subActionArea && React.createElement("div", { className: "shr-grow" }, subActionArea)))));
|
|
207
191
|
});
|
|
208
192
|
const HelpMessageParagraph = React.memo(({ helpMessage, managedHtmlFor }) => helpMessage ? (React.createElement("p", { className: "smarthr-ui-FormControl-helpMessage", id: `${managedHtmlFor}_helpMessage` }, helpMessage)) : null);
|
|
209
193
|
const ExampleMessageText = React.memo(({ exampleMessage, managedHtmlFor }) => exampleMessage ? (React.createElement(Text, { as: "p", color: "TEXT_GREY", italic: true, id: `${managedHtmlFor}_exampleMessage`, className: "smarthr-ui-FormControl-exampleMessage" }, exampleMessage)) : null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormControl.js","sourceRoot":"","sources":["../../../src/components/FormControl/FormControl.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,EAAE,EAKZ,SAAS,EACT,OAAO,EACP,MAAM,GACP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAC7B,OAAO,SAAS,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAuC9E,MAAM,SAAS,GAAG,EAAE,CAAC;IACnB,KAAK,EAAE;QACL,OAAO,EAAE;YACP,wBAAwB;YACxB,8CAA8C;YAC9C,4BAA4B;YAC5B,qEAAqE;YACrE,4EAA4E;YAC5E,0EAA0E;YAC1E,kFAAkF;YAClF,yGAAyG;SAC1G;QACD,KAAK,EAAE,CAAC,8BAA8B,CAAC;QACvC,SAAS,EAAE,CAAC,eAAe,CAAC;QAC5B,SAAS,EAAE,CAAC,qCAAqC,EAAE,iBAAiB,CAAC;KACtE;CACF,CAAC,CAAA;AAEF,MAAM,
|
|
1
|
+
{"version":3,"file":"FormControl.js","sourceRoot":"","sources":["../../../src/components/FormControl/FormControl.tsx"],"names":[],"mappings":"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"}
|
|
@@ -35,7 +35,7 @@ export const CurrencyInput = forwardRef(({ onFormatValue, onFocus, onBlur, class
|
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
}, [isFocused, props.value, formatValue]);
|
|
38
|
-
const handleFocus = (e) => {
|
|
38
|
+
const handleFocus = useCallback((e) => {
|
|
39
39
|
setIsFocused(true);
|
|
40
40
|
if (innerRef.current) {
|
|
41
41
|
const commaExcluded = innerRef.current.value.replace(/,/g, '');
|
|
@@ -44,14 +44,14 @@ export const CurrencyInput = forwardRef(({ onFormatValue, onFocus, onBlur, class
|
|
|
44
44
|
if (onFocus) {
|
|
45
45
|
onFocus(e);
|
|
46
46
|
}
|
|
47
|
-
};
|
|
48
|
-
const handleBlur = (e) => {
|
|
47
|
+
}, [formatValue, onFocus]);
|
|
48
|
+
const handleBlur = useCallback((e) => {
|
|
49
49
|
setIsFocused(false);
|
|
50
50
|
if (onBlur) {
|
|
51
51
|
onBlur(e);
|
|
52
52
|
}
|
|
53
|
-
};
|
|
54
|
-
const classNames = useClassNames();
|
|
55
|
-
return (React.createElement(Input, { ...props, type: "text", onFocus: handleFocus, onBlur: handleBlur, ref: innerRef, className:
|
|
53
|
+
}, [onBlur]);
|
|
54
|
+
const classNames = useClassNames(className);
|
|
55
|
+
return (React.createElement(Input, { ...props, type: "text", onFocus: handleFocus, onBlur: handleBlur, ref: innerRef, className: classNames.wrapper }));
|
|
56
56
|
});
|
|
57
57
|
//# sourceMappingURL=CurrencyInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CurrencyInput.js","sourceRoot":"","sources":["../../../../src/components/Input/CurrencyInput/CurrencyInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,EAAE,EAEZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,mBAAmB,EACnB,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAW/C,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CAAC,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CACvB,CAAA;IAED,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,SAAS,GAAG,EAAE,EAAE,EAAE;QACjB,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,SAAS,KAAK,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC9D,OAAM;QACR,CAAC;
|
|
1
|
+
{"version":3,"file":"CurrencyInput.js","sourceRoot":"","sources":["../../../../src/components/Input/CurrencyInput/CurrencyInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { useMemo } from 'react';
|
|
2
2
|
import { useClassNameGenerator } from '../../../hooks/useClassNameGenerator';
|
|
3
3
|
import { CurrencyInput } from './CurrencyInput';
|
|
4
|
-
export function useClassNames() {
|
|
4
|
+
export function useClassNames(className) {
|
|
5
5
|
const generate = useClassNameGenerator(CurrencyInput.displayName || 'CurrencyInput');
|
|
6
6
|
return useMemo(() => ({
|
|
7
|
-
wrapper: generate()
|
|
8
|
-
}), [generate]);
|
|
7
|
+
wrapper: `${className} ${generate()}`,
|
|
8
|
+
}), [generate, className]);
|
|
9
9
|
}
|
|
10
10
|
//# sourceMappingURL=useClassNames.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../../src/components/Input/CurrencyInput/useClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AAE5E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,UAAU,aAAa;
|
|
1
|
+
{"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../../src/components/Input/CurrencyInput/useClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AAE5E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,UAAU,aAAa,CAAC,SAAiB;IAC7C,MAAM,QAAQ,GAAG,qBAAqB,CAAC,aAAa,CAAC,WAAW,IAAI,eAAe,CAAC,CAAA;IAEpF,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,GAAG,SAAS,IAAI,QAAQ,EAAE,EAAE;KACtC,CAAC,EACF,CAAC,QAAQ,EAAE,SAAS,CAAC,CACtB,CAAA;AACH,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, } from 'react';
|
|
2
|
+
import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, } from 'react';
|
|
3
3
|
import { tv } from 'tailwind-variants';
|
|
4
4
|
import { backgroundColor } from '../../themes';
|
|
5
5
|
export const bgColors = {
|
|
@@ -56,6 +56,7 @@ export const Input = forwardRef(({ onFocus, onBlur, autoFocus, prefix, suffix, c
|
|
|
56
56
|
return (e) => onBlur(e);
|
|
57
57
|
}, [onBlur]);
|
|
58
58
|
const handleWheel = useMemo(() => (props.type === 'number' ? disableWheel : undefined), [props.type]);
|
|
59
|
+
const onClickFocus = useCallback(() => innerRef.current?.focus(), []);
|
|
59
60
|
useEffect(() => {
|
|
60
61
|
if (autoFocus && innerRef.current) {
|
|
61
62
|
innerRef.current.focus();
|
|
@@ -75,11 +76,18 @@ export const Input = forwardRef(({ onFocus, onBlur, autoFocus, prefix, suffix, c
|
|
|
75
76
|
},
|
|
76
77
|
};
|
|
77
78
|
}, [bgColor, className, disabled, readOnly, width]);
|
|
78
|
-
const
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
79
|
+
const innerStyleProps = useMemo(() => {
|
|
80
|
+
const { input, affix } = inner();
|
|
81
|
+
return {
|
|
82
|
+
input: input(),
|
|
83
|
+
prefix: affix({ className: 'smarthr-ui-Input-prefix' }),
|
|
84
|
+
suffix: affix({ className: 'smarthr-ui-Input-suffix' }),
|
|
85
|
+
};
|
|
86
|
+
}, []);
|
|
87
|
+
return (React.createElement("span", { ...wrapperStyleProps, onClick: onClickFocus, role: "presentation" },
|
|
88
|
+
prefix && React.createElement("span", { className: innerStyleProps.prefix }, prefix),
|
|
89
|
+
React.createElement("input", { ...props, "data-smarthr-ui-input": "true", onFocus: handleFocus, onBlur: handleBlur, onWheel: handleWheel, disabled: disabled, readOnly: readOnly, ref: innerRef, "aria-invalid": error || undefined, className: innerStyleProps.input }),
|
|
90
|
+
suffix && React.createElement("span", { className: innerStyleProps.suffix }, suffix)));
|
|
83
91
|
});
|
|
84
92
|
const disableWheel = (e) => {
|
|
85
93
|
// wheel イベントに preventDefault はないため
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,17 +6,11 @@ const inputWithTooltip = tv({
|
|
|
6
6
|
base: 'smarthr-ui-InputWithTooltip [&]:shr-overflow-y-visible',
|
|
7
7
|
});
|
|
8
8
|
export const InputWithTooltip = forwardRef(({ tooltipMessage, width, className, ...rest }, ref) => {
|
|
9
|
-
const widthStyle =
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
width: widthStyle,
|
|
16
|
-
},
|
|
17
|
-
};
|
|
18
|
-
}, [className, widthStyle]);
|
|
19
|
-
return (React.createElement(Tooltip, { ...tooltipStyleProps, message: tooltipMessage, tabIndex: -1, ariaDescribedbyTarget: "inner" },
|
|
20
|
-
React.createElement(Input, { ...rest, width: widthStyle, ref: ref })));
|
|
9
|
+
const widthStyle = useMemo(() => ({
|
|
10
|
+
width: typeof width === 'number' ? `${width}px` : width,
|
|
11
|
+
}), [width]);
|
|
12
|
+
const tooltipStyleProps = useMemo(() => inputWithTooltip({ className }), [className]);
|
|
13
|
+
return (React.createElement(Tooltip, { message: tooltipMessage, tabIndex: -1, ariaDescribedbyTarget: "inner", className: tooltipStyleProps, style: widthStyle },
|
|
14
|
+
React.createElement(Input, { ...rest, width: widthStyle.width, ref: ref })));
|
|
21
15
|
});
|
|
22
16
|
//# sourceMappingURL=InputWithTooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputWithTooltip.js","sourceRoot":"","sources":["../../../../src/components/Input/InputWithTooltip/InputWithTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAOhC,MAAM,gBAAgB,GAAG,EAAE,CAAC;IAC1B,IAAI,EAAE,wDAAwD;CAC/D,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CACxC,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACrD,MAAM,UAAU,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK
|
|
1
|
+
{"version":3,"file":"InputWithTooltip.js","sourceRoot":"","sources":["../../../../src/components/Input/InputWithTooltip/InputWithTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAOhC,MAAM,gBAAgB,GAAG,EAAE,CAAC;IAC1B,IAAI,EAAE,wDAAwD;CAC/D,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CACxC,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACrD,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,CAAC;QACL,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK;KACxD,CAAC,EACF,CAAC,KAAK,CAAC,CACR,CAAA;IAED,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAErF,OAAO,CACL,oBAAC,OAAO,IACN,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,CAAC,CAAC,EACZ,qBAAqB,EAAC,OAAO,EAC7B,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EAAE,UAAU;QAGjB,oBAAC,KAAK,OAAK,IAAI,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAC9C,CACX,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
@@ -19,9 +19,11 @@ const searchInput = tv({
|
|
|
19
19
|
});
|
|
20
20
|
export const SearchInput = forwardRef(({ decorators, width, className, ...rest }, ref) => {
|
|
21
21
|
const iconAlt = useMemo(() => decorators?.iconAlt?.(ICON_ALT) || ICON_ALT, [decorators]);
|
|
22
|
-
const
|
|
23
|
-
|
|
24
|
-
|
|
22
|
+
const labelStyleAttr = useMemo(() => ({
|
|
23
|
+
width: typeof width === 'number' ? `${width}px` : width,
|
|
24
|
+
}), [width]);
|
|
25
|
+
const { label, input } = searchInput({ existsWidth: !!labelStyleAttr.width });
|
|
26
|
+
return (React.createElement("label", { className: label({ className }), style: labelStyleAttr },
|
|
25
27
|
React.createElement(InputWithTooltip, { ...rest, ref: ref, prefix: React.createElement(FaMagnifyingGlassIcon, { alt: iconAlt, color: "TEXT_GREY" }), className: input() })));
|
|
26
28
|
});
|
|
27
29
|
//# sourceMappingURL=SearchInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/Input/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAUtD,MAAM,QAAQ,GAAG,IAAI,CAAA;AAErB,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE;QACL,KAAK,EAAE,kBAAkB;QACzB,KAAK,EAAE,EAAE;KACV;IACD,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,IAAI,EAAE;gBACJ,uCAAuC;gBACvC,KAAK,EAAE,6CAA6C;aACrD;SACF;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACjD,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,CAAC,QAAQ,CAAC,IAAI,QAAQ,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IACxF,MAAM,
|
|
1
|
+
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/Input/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAUtD,MAAM,QAAQ,GAAG,IAAI,CAAA;AAErB,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE;QACL,KAAK,EAAE,kBAAkB;QACzB,KAAK,EAAE,EAAE;KACV;IACD,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,IAAI,EAAE;gBACJ,uCAAuC;gBACvC,KAAK,EAAE,6CAA6C;aACrD;SACF;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACjD,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,CAAC,QAAQ,CAAC,IAAI,QAAQ,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IACxF,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CAAC,CAAC;QACL,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK;KACxD,CAAC,EACF,CAAC,KAAK,CAAC,CACR,CAAA;IACD,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC,CAAA;IAE7E,OAAO,CACL,+BAAO,SAAS,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,cAAc;QAC3D,oBAAC,gBAAgB,OACX,IAAI,EACR,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,oBAAC,qBAAqB,IAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAC,WAAW,GAAG,EACjE,SAAS,EAAE,KAAK,EAAE,GAClB,CACI,CACT,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
@@ -83,9 +83,16 @@ export const cluster = tv({
|
|
|
83
83
|
},
|
|
84
84
|
});
|
|
85
85
|
const ActualCluster = ({ as, gap = 0.5, inline = false, align, justify, className, ...rest }, ref) => {
|
|
86
|
-
const
|
|
87
|
-
|
|
88
|
-
|
|
86
|
+
const gaps = useMemo(() => {
|
|
87
|
+
if (gap instanceof Object) {
|
|
88
|
+
return gap;
|
|
89
|
+
}
|
|
90
|
+
return {
|
|
91
|
+
row: gap,
|
|
92
|
+
column: gap,
|
|
93
|
+
};
|
|
94
|
+
}, [gap]);
|
|
95
|
+
const styles = useMemo(() => cluster({ inline, rowGap: gaps.row, columnGap: gaps.column, align, justify, className }), [inline, gaps.row, gaps.column, align, justify, className]);
|
|
89
96
|
const Component = as || 'div';
|
|
90
97
|
const Wrapper = useSectionWrapper(Component);
|
|
91
98
|
return (React.createElement(Wrapper, null,
|