smarthr-ui 63.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/{lib/components/ComboBox → esm/components/ComboBox/MultiComboBox}/MultiComboBox.d.ts +2 -2
- package/esm/components/ComboBox/{MultiComboBox.js → MultiComboBox/MultiComboBox.js} +7 -7
- package/esm/components/ComboBox/MultiComboBox/MultiComboBox.js.map +1 -0
- package/esm/components/ComboBox/{MultiSelectedItem.d.ts → MultiComboBox/MultiSelectedItem.d.ts} +1 -1
- package/esm/components/ComboBox/{MultiSelectedItem.js → MultiComboBox/MultiSelectedItem.js} +3 -3
- package/esm/components/ComboBox/MultiComboBox/MultiSelectedItem.js.map +1 -0
- package/esm/components/ComboBox/{MultiSelectedItemTooltip.js → MultiComboBox/MultiSelectedItemTooltip.js} +1 -1
- package/esm/components/ComboBox/MultiComboBox/MultiSelectedItemTooltip.js.map +1 -0
- package/esm/components/ComboBox/MultiComboBox/index.d.ts +1 -0
- package/esm/components/ComboBox/MultiComboBox/index.js +2 -0
- package/esm/components/ComboBox/MultiComboBox/index.js.map +1 -0
- package/esm/components/ComboBox/MultiComboBox/multiComboBoxHelper.js.map +1 -0
- package/esm/components/Fieldset/Fieldset.d.ts +1 -1
- package/esm/components/Fieldset/Fieldset.js +1 -1
- package/esm/components/Fieldset/Fieldset.js.map +1 -1
- package/esm/components/FormControl/FormControl.d.ts +2 -0
- package/esm/components/FormControl/FormControl.js +109 -106
- 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/Switch/Switch.js +14 -6
- package/esm/components/Switch/Switch.js.map +1 -1
- package/esm/components/Table/useReelCells.js +21 -26
- package/esm/components/Table/useReelCells.js.map +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/Textarea/Textarea.js +8 -2
- package/esm/components/Textarea/Textarea.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/esm/components/VisuallyHiddenText/index.d.ts +1 -1
- package/esm/components/VisuallyHiddenText/index.js +1 -1
- package/esm/components/VisuallyHiddenText/index.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/{esm/components/ComboBox → lib/components/ComboBox/MultiComboBox}/MultiComboBox.d.ts +2 -2
- package/lib/components/ComboBox/{MultiComboBox.js → MultiComboBox/MultiComboBox.js} +7 -7
- package/lib/components/ComboBox/MultiComboBox/MultiComboBox.js.map +1 -0
- package/lib/components/ComboBox/{MultiSelectedItem.d.ts → MultiComboBox/MultiSelectedItem.d.ts} +1 -1
- package/lib/components/ComboBox/{MultiSelectedItem.js → MultiComboBox/MultiSelectedItem.js} +3 -3
- package/lib/components/ComboBox/MultiComboBox/MultiSelectedItem.js.map +1 -0
- package/lib/components/ComboBox/{MultiSelectedItemTooltip.js → MultiComboBox/MultiSelectedItemTooltip.js} +1 -1
- package/lib/components/ComboBox/MultiComboBox/MultiSelectedItemTooltip.js.map +1 -0
- package/lib/components/ComboBox/MultiComboBox/index.d.ts +1 -0
- package/lib/components/ComboBox/MultiComboBox/index.js +6 -0
- package/lib/components/ComboBox/MultiComboBox/index.js.map +1 -0
- package/lib/components/ComboBox/MultiComboBox/multiComboBoxHelper.js.map +1 -0
- package/lib/components/Fieldset/Fieldset.d.ts +1 -1
- package/lib/components/Fieldset/Fieldset.js +1 -1
- package/lib/components/Fieldset/Fieldset.js.map +1 -1
- package/lib/components/FormControl/FormControl.d.ts +2 -0
- package/lib/components/FormControl/FormControl.js +112 -106
- 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/Switch/Switch.js +14 -6
- package/lib/components/Switch/Switch.js.map +1 -1
- package/lib/components/Table/useReelCells.js +21 -26
- package/lib/components/Table/useReelCells.js.map +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/Textarea/Textarea.js +8 -2
- package/lib/components/Textarea/Textarea.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/lib/components/VisuallyHiddenText/index.d.ts +1 -1
- package/lib/components/VisuallyHiddenText/index.js +2 -1
- package/lib/components/VisuallyHiddenText/index.js.map +1 -1
- package/package.json +13 -13
- package/smarthr-ui.css +0 -69
- 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/esm/components/ComboBox/MultiComboBox.js.map +0 -1
- package/esm/components/ComboBox/MultiSelectedItem.js.map +0 -1
- package/esm/components/ComboBox/MultiSelectedItemTooltip.js.map +0 -1
- package/esm/components/ComboBox/multiComboBoxHelper.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
- package/lib/components/ComboBox/MultiComboBox.js.map +0 -1
- package/lib/components/ComboBox/MultiSelectedItem.js.map +0 -1
- package/lib/components/ComboBox/MultiSelectedItemTooltip.js.map +0 -1
- package/lib/components/ComboBox/multiComboBoxHelper.js.map +0 -1
- /package/esm/components/ComboBox/{MultiSelectedItemTooltip.d.ts → MultiComboBox/MultiSelectedItemTooltip.d.ts} +0 -0
- /package/esm/components/ComboBox/{multiComboBoxHelper.d.ts → MultiComboBox/multiComboBoxHelper.d.ts} +0 -0
- /package/esm/components/ComboBox/{multiComboBoxHelper.js → MultiComboBox/multiComboBoxHelper.js} +0 -0
- /package/lib/components/ComboBox/{MultiSelectedItemTooltip.d.ts → MultiComboBox/MultiSelectedItemTooltip.d.ts} +0 -0
- /package/lib/components/ComboBox/{multiComboBoxHelper.d.ts → MultiComboBox/multiComboBoxHelper.d.ts} +0 -0
- /package/lib/components/ComboBox/{multiComboBoxHelper.js → MultiComboBox/multiComboBoxHelper.js} +0 -0
|
@@ -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":"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"}
|
|
@@ -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"}
|
package/{lib/components/ComboBox → esm/components/ComboBox/MultiComboBox}/MultiComboBox.d.ts
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { type ComponentPropsWithoutRef } from 'react';
|
|
2
|
-
import type {
|
|
3
|
-
import type {
|
|
2
|
+
import type { DecoratorsType } from '../../../types';
|
|
3
|
+
import type { BaseProps, ComboBoxItem } from '../types';
|
|
4
4
|
type Props<T> = BaseProps<T> & {
|
|
5
5
|
/**
|
|
6
6
|
* 選択されているアイテムのリスト
|
|
@@ -3,15 +3,15 @@ import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, us
|
|
|
3
3
|
import { useId } from 'react';
|
|
4
4
|
import innerText from 'react-innertext';
|
|
5
5
|
import { tv } from 'tailwind-variants';
|
|
6
|
-
import { useOuterClick } from '
|
|
7
|
-
import { genericsForwardRef } from '
|
|
8
|
-
import { textColor } from '
|
|
9
|
-
import { FaCaretDownIcon } from '
|
|
6
|
+
import { useOuterClick } from '../../../hooks/useOuterClick';
|
|
7
|
+
import { genericsForwardRef } from '../../../libs/util';
|
|
8
|
+
import { textColor } from '../../../themes';
|
|
9
|
+
import { FaCaretDownIcon } from '../../Icon';
|
|
10
|
+
import { useFocusControl } from '../useFocusControl';
|
|
11
|
+
import { useListBox } from '../useListBox';
|
|
12
|
+
import { useOptions } from '../useOptions';
|
|
10
13
|
import { MultiSelectedItem } from './MultiSelectedItem';
|
|
11
14
|
import { hasParentElementByClassName } from './multiComboBoxHelper';
|
|
12
|
-
import { useFocusControl } from './useFocusControl';
|
|
13
|
-
import { useListBox } from './useListBox';
|
|
14
|
-
import { useOptions } from './useOptions';
|
|
15
15
|
const SELECTED_LIST_ARIA_LABEL = '選択済みアイテム';
|
|
16
16
|
const multiCombobox = tv({
|
|
17
17
|
slots: {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiComboBox.js","sourceRoot":"","sources":["../../../../src/components/ComboBox/MultiComboBox/MultiComboBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
2
2
|
import { tv } from 'tailwind-variants';
|
|
3
|
-
import { UnstyledButton } from '
|
|
4
|
-
import { Chip } from '
|
|
5
|
-
import { FaTimesCircleIcon } from '
|
|
3
|
+
import { UnstyledButton } from '../../Button';
|
|
4
|
+
import { Chip } from '../../Chip';
|
|
5
|
+
import { FaTimesCircleIcon } from '../../Icon';
|
|
6
6
|
import { MultiSelectedItemTooltip } from './MultiSelectedItemTooltip';
|
|
7
7
|
const DESTROY_BUTTON_TEXT = '削除';
|
|
8
8
|
const multiSelectedItem = tv({
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiSelectedItem.js","sourceRoot":"","sources":["../../../../src/components/ComboBox/MultiComboBox/MultiSelectedItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3F,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAG9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAarE,MAAM,mBAAmB,GAAG,IAAI,CAAA;AAEhC,MAAM,iBAAiB,GAAG,EAAE,CAAC;IAC3B,KAAK,EAAE;QACL,OAAO,EACL,oHAAoH;QACtH,SAAS,EAAE,4CAA4C;QACvD,YAAY,EAAE;YACZ,uCAAuC;YACvC,wBAAwB;YACxB,4DAA4D;YAC5D,kCAAkC;SACnC;QACD,gBAAgB,EACd,wGAAwG;KAC3G;IACD,QAAQ,EAAE;QACR,cAAc,EAAE;YACd,IAAI,EAAE;gBACJ,SAAS,EAAE,iEAAiE;aAC7E;SACF;QACD,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,YAAY,EAAE,wBAAwB;aACvC;YACD,KAAK,EAAE,EAAE;SACV;KACF;CACF,CAAC,CAAA;AAEF,MAAM,UAAU,iBAAiB,CAAI,EACnC,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,SAAS,EACT,UAAU,GACD;IACT,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC7C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvD,MAAM,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,IAAI,CAAA;IAEjC,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,IAAI,CAAC,CAAA;QAChB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEpB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,CAAA;QAC7B,IAAI,CAAC,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YAC7B,OAAM;QACR,CAAC;QACD,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;YACxC,eAAe,CAAC,IAAI,CAAC,CAAA;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAClF,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,GAAG,OAAO,CACxF,GAAG,EAAE,CAAC,CAAC;QACL,YAAY,EAAE,OAAO,EAAE;QACvB,cAAc,EAAE,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;QAC7C,iBAAiB,EAAE,YAAY,CAAC,EAAE,QAAQ,EAAE,CAAC;QAC7C,qBAAqB,EAAE,gBAAgB,EAAE;KAC1C,CAAC,EACF,CAAC,YAAY,EAAE,gBAAgB,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,OAAO,CAAC,CAC/E,CAAA;IAED,OAAO,CACL,oBAAC,wBAAwB,IAAC,YAAY,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK;QACpE,oBAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY;YAC/C,8BAAM,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,QAAQ,IAC3C,IAAI,CAAC,KAAK,CACN;YAEN,SAAS,IAAI,CACZ,oBAAC,cAAc,IACb,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;oBACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;wBAChE,CAAC,CAAC,eAAe,EAAE,CAAA;wBAEnB,kDAAkD;wBAClD,wBAAwB;wBACxB,cAAc,EAAE,CAAA;oBAClB,CAAC;gBACH,CAAC,EACD,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,CAAC,CAAC;gBAEZ,oBAAC,iBAAiB,IAChB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,EAC7C,GAAG,EAAE,UAAU,EAAE,oBAAoB,EAAE,CAAC,mBAAmB,CAAC,IAAI,mBAAmB,EACnF,SAAS,EAAE,qBAAqB,GAChC,CACa,CAClB,CACI,CACkB,CAC5B,CAAA;AACH,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Tooltip } from '
|
|
2
|
+
import { Tooltip } from '../../Tooltip';
|
|
3
3
|
export const MultiSelectedItemTooltip = ({ needsTooltip, text, children }) => needsTooltip ? (React.createElement(Tooltip, { message: text, multiLine: true }, children)) : (
|
|
4
4
|
// eslint-disable-next-line react/jsx-no-useless-fragment
|
|
5
5
|
React.createElement(React.Fragment, null, children));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiSelectedItemTooltip.js","sourceRoot":"","sources":["../../../../src/components/ComboBox/MultiComboBox/MultiSelectedItemTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAQvC,MAAM,CAAC,MAAM,wBAAwB,GAAc,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,CACtF,YAAY,CAAC,CAAC,CAAC,CACb,oBAAC,OAAO,IAAC,OAAO,EAAE,IAAI,EAAE,SAAS,UAC9B,QAAQ,CACD,CACX,CAAC,CAAC,CAAC;AACF,yDAAyD;AACzD,0CAAG,QAAQ,CAAI,CAChB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { MultiComboBox } from './MultiComboBox';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ComboBox/MultiComboBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"multiComboBoxHelper.js","sourceRoot":"","sources":["../../../../src/components/ComboBox/MultiComboBox/multiComboBoxHelper.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,2BAA2B,CACzC,OAAwC,EACxC,SAAiB;IAEjB,IAAI,CAAC,OAAO;QAAE,OAAO,KAAK,CAAA;IAC1B,OAAO,CACL,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QACrC,2BAA2B,CAAC,OAAO,CAAC,aAAa,EAAE,SAAS,CAAC,CAC9D,CAAA;AACH,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React, { ComponentProps } from 'react';
|
|
2
2
|
import { ActualFormControl } from '../FormControl/FormControl';
|
|
3
|
-
export declare const Fieldset: React.FC<Omit<ComponentProps<typeof ActualFormControl>, 'as'>>;
|
|
3
|
+
export declare const Fieldset: React.FC<Omit<ComponentProps<typeof ActualFormControl>, 'as' | 'htmlFor' | 'labelId'>>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ActualFormControl } from '../FormControl/FormControl';
|
|
3
|
-
export const Fieldset = (props) =>
|
|
3
|
+
export const Fieldset = (props) => React.createElement(ActualFormControl, { ...props, as: "fieldset" });
|
|
4
4
|
//# sourceMappingURL=Fieldset.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../src/components/Fieldset/Fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAE9D,MAAM,CAAC,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../src/components/Fieldset/Fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAE9D,MAAM,CAAC,MAAM,QAAQ,GAEjB,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,UAAU,GAAG,CAAA"}
|
|
@@ -8,6 +8,8 @@ type Props = PropsWithChildren<{
|
|
|
8
8
|
title: ReactNode;
|
|
9
9
|
/** タイトルの見出しのタイプ */
|
|
10
10
|
titleType?: TextProps['styleType'];
|
|
11
|
+
/** タイトル右の領域 */
|
|
12
|
+
subActionArea?: ReactNode;
|
|
11
13
|
/** タイトルの見出しを視覚的に隠すかどうか */
|
|
12
14
|
dangerouslyTitleHidden?: boolean;
|
|
13
15
|
/** label 要素に適用する `htmlFor` 値 */
|