smarthr-ui 43.0.0 → 43.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/components/Button/UnstyledButton.js +2 -2
- package/esm/components/Button/UnstyledButton.js.map +1 -1
- package/esm/components/ComboBox/ListBoxItemButton.js +2 -2
- package/esm/components/ComboBox/ListBoxItemButton.js.map +1 -1
- package/esm/components/ComboBox/MultiComboBox.d.ts +13 -1
- package/esm/components/ComboBox/MultiComboBox.js +2 -1
- package/esm/components/ComboBox/MultiComboBox.js.map +1 -1
- package/esm/components/ComboBox/MultiSelectedItem.js +1 -1
- package/esm/components/ComboBox/MultiSelectedItem.js.map +1 -1
- package/esm/components/ComboBox/SingleComboBox.js +1 -1
- package/esm/components/ComboBox/SingleComboBox.js.map +1 -1
- package/esm/components/ComboBox/useOptions.d.ts +2 -1
- package/esm/components/ComboBox/useOptions.js +4 -3
- package/esm/components/ComboBox/useOptions.js.map +1 -1
- package/esm/components/DefinitionList/DefinitionList.d.ts +2 -4
- package/esm/components/DefinitionList/DefinitionList.js +8 -27
- package/esm/components/DefinitionList/DefinitionList.js.map +1 -1
- package/esm/components/DefinitionList/DefinitionListItem.d.ts +3 -3
- package/esm/components/DefinitionList/DefinitionListItem.js +42 -41
- package/esm/components/DefinitionList/DefinitionListItem.js.map +1 -1
- package/esm/components/DropZone/DropZone.d.ts +22 -6
- package/esm/components/DropZone/DropZone.js +23 -27
- package/esm/components/DropZone/DropZone.js.map +1 -1
- package/esm/components/FormGroup/FormGroup.js +1 -1
- package/esm/components/Icon/DeprecatedIcon.d.ts +537 -0
- package/esm/components/Icon/DeprecatedIcon.js +539 -0
- package/esm/components/Icon/DeprecatedIcon.js.map +1 -0
- package/esm/components/Icon/Icon.d.ts +143 -144
- package/esm/components/Icon/Icon.js +144 -145
- package/esm/components/Icon/Icon.js.map +1 -1
- package/esm/components/Icon/index.d.ts +1 -0
- package/esm/components/Icon/index.js +1 -0
- package/esm/components/Icon/index.js.map +1 -1
- package/esm/components/NotificationBar/NotificationBar.js +1 -1
- package/esm/components/NotificationBar/NotificationBar.js.map +1 -1
- package/esm/components/PageCounter/PageCounter.d.ts +3 -2
- package/esm/components/PageCounter/PageCounter.js +7 -4
- package/esm/components/PageCounter/PageCounter.js.map +1 -1
- package/esm/components/Select/Select.js +1 -1
- package/esm/components/Select/Select.js.map +1 -1
- package/esm/hooks/useTailwindTheme.d.ts +3 -3
- package/esm/index.d.ts +1 -1
- package/esm/index.js +1 -1
- package/esm/index.js.map +1 -1
- package/esm/smarthr-ui-preset.d.ts +3 -3
- package/esm/smarthr-ui-preset.js +3 -3
- package/esm/smarthr-ui-preset.js.map +1 -1
- package/lib/components/Button/UnstyledButton.js +2 -2
- package/lib/components/Button/UnstyledButton.js.map +1 -1
- package/lib/components/ComboBox/ListBoxItemButton.js +2 -2
- package/lib/components/ComboBox/ListBoxItemButton.js.map +1 -1
- package/lib/components/ComboBox/MultiComboBox.d.ts +13 -1
- package/lib/components/ComboBox/MultiComboBox.js +2 -1
- package/lib/components/ComboBox/MultiComboBox.js.map +1 -1
- package/lib/components/ComboBox/MultiSelectedItem.js +1 -1
- package/lib/components/ComboBox/MultiSelectedItem.js.map +1 -1
- package/lib/components/ComboBox/SingleComboBox.js +1 -1
- package/lib/components/ComboBox/SingleComboBox.js.map +1 -1
- package/lib/components/ComboBox/useOptions.d.ts +2 -1
- package/lib/components/ComboBox/useOptions.js +4 -3
- package/lib/components/ComboBox/useOptions.js.map +1 -1
- package/lib/components/DefinitionList/DefinitionList.d.ts +2 -4
- package/lib/components/DefinitionList/DefinitionList.js +8 -30
- package/lib/components/DefinitionList/DefinitionList.js.map +1 -1
- package/lib/components/DefinitionList/DefinitionListItem.d.ts +3 -3
- package/lib/components/DefinitionList/DefinitionListItem.js +42 -44
- package/lib/components/DefinitionList/DefinitionListItem.js.map +1 -1
- package/lib/components/DropZone/DropZone.d.ts +22 -6
- package/lib/components/DropZone/DropZone.js +23 -27
- package/lib/components/DropZone/DropZone.js.map +1 -1
- package/lib/components/FormGroup/FormGroup.js +1 -1
- package/lib/components/Icon/DeprecatedIcon.d.ts +537 -0
- package/lib/components/Icon/DeprecatedIcon.js +544 -0
- package/lib/components/Icon/DeprecatedIcon.js.map +1 -0
- package/lib/components/Icon/Icon.d.ts +143 -144
- package/lib/components/Icon/Icon.js +320 -321
- package/lib/components/Icon/Icon.js.map +1 -1
- package/lib/components/Icon/index.d.ts +1 -0
- package/lib/components/Icon/index.js +1 -0
- package/lib/components/Icon/index.js.map +1 -1
- package/lib/components/NotificationBar/NotificationBar.js +1 -1
- package/lib/components/NotificationBar/NotificationBar.js.map +1 -1
- package/lib/components/PageCounter/PageCounter.d.ts +3 -2
- package/lib/components/PageCounter/PageCounter.js +7 -4
- package/lib/components/PageCounter/PageCounter.js.map +1 -1
- package/lib/components/Select/Select.js +1 -1
- package/lib/components/Select/Select.js.map +1 -1
- package/lib/hooks/useTailwindTheme.d.ts +3 -3
- package/lib/index.d.ts +1 -1
- package/lib/index.js +4 -3
- package/lib/index.js.map +1 -1
- package/lib/smarthr-ui-preset.d.ts +3 -3
- package/lib/smarthr-ui-preset.js +3 -3
- package/lib/smarthr-ui-preset.js.map +1 -1
- package/package.json +8 -8
- package/smarthr-ui.css +39 -5
- package/esm/components/DefinitionList/useClassNames.d.ts +0 -10
- package/esm/components/DefinitionList/useClassNames.js +0 -19
- package/esm/components/DefinitionList/useClassNames.js.map +0 -1
- package/esm/components/DropZone/useClassNames.d.ts +0 -3
- package/esm/components/DropZone/useClassNames.js +0 -10
- package/esm/components/DropZone/useClassNames.js.map +0 -1
- package/lib/components/DefinitionList/useClassNames.d.ts +0 -10
- package/lib/components/DefinitionList/useClassNames.js +0 -23
- package/lib/components/DefinitionList/useClassNames.js.map +0 -1
- package/lib/components/DropZone/useClassNames.d.ts +0 -3
- package/lib/components/DropZone/useClassNames.js +0 -14
- package/lib/components/DropZone/useClassNames.js.map +0 -1
|
@@ -22,8 +22,8 @@ const unstyledButton = tv({
|
|
|
22
22
|
'focus-visible:shr-focus-indicator',
|
|
23
23
|
],
|
|
24
24
|
});
|
|
25
|
-
export const UnstyledButton = forwardRef(({ className, ...props }, ref) => {
|
|
25
|
+
export const UnstyledButton = forwardRef(({ className, type = 'button', ...props }, ref) => {
|
|
26
26
|
const styles = useMemo(() => unstyledButton({ className }), [className]);
|
|
27
|
-
return React.createElement("button", { ...props, ref: ref, className: styles });
|
|
27
|
+
return React.createElement("button", { ...props, type: type, ref: ref, className: styles });
|
|
28
28
|
});
|
|
29
29
|
//# sourceMappingURL=UnstyledButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UnstyledButton.js","sourceRoot":"","sources":["../../../src/components/Button/UnstyledButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqC,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACrF,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,MAAM,cAAc,GAAG,EAAE,CAAC;IACxB,IAAI,EAAE;QACJ,qBAAqB;QACrB,YAAY;QACZ,mBAAmB;QACnB,sBAAsB;QACtB,iBAAiB;QACjB,SAAS;QACT,iBAAiB;QACjB,oBAAoB;QACpB,iBAAiB;QACjB,oBAAoB;QACpB,aAAa;QACb,uBAAuB;QACvB,kBAAkB;QAClB,kBAAkB;QAClB,kBAAkB;QAClB,eAAe;QACf,iBAAiB;QACjB,mCAAmC;KACpC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAGtC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"UnstyledButton.js","sourceRoot":"","sources":["../../../src/components/Button/UnstyledButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqC,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACrF,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,MAAM,cAAc,GAAG,EAAE,CAAC;IACxB,IAAI,EAAE;QACJ,qBAAqB;QACrB,YAAY;QACZ,mBAAmB;QACnB,sBAAsB;QACtB,iBAAiB;QACjB,SAAS;QACT,iBAAiB;QACjB,oBAAoB;QACpB,iBAAiB;QACjB,oBAAoB;QACpB,aAAa;QACb,uBAAuB;QACvB,kBAAkB;QAClB,kBAAkB;QAClB,kBAAkB;QAClB,eAAe;QACf,iBAAiB;QACjB,mCAAmC;KACpC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAGtC,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAClD,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IACxE,OAAO,mCAAY,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AACvE,CAAC,CAAC,CAAA"}
|
|
@@ -37,11 +37,11 @@ const ListBoxItemButton = ({ option, isActive, onAdd, onSelect, onMouseOver, act
|
|
|
37
37
|
}), [isActive, isNew]);
|
|
38
38
|
return isNew ? (
|
|
39
39
|
// eslint-disable-next-line smarthr/a11y-clickable-element-has-text
|
|
40
|
-
React.createElement("button", { key: option.id, onClick: handleAdd, onMouseOver: handleMouseOver, id: option.id, role: "option", className: buttonStyle, ref: isActive ? activeRef : undefined },
|
|
40
|
+
React.createElement("button", { type: "button", key: option.id, onClick: handleAdd, onMouseOver: handleMouseOver, id: option.id, role: "option", className: buttonStyle, ref: isActive ? activeRef : undefined },
|
|
41
41
|
React.createElement(FaPlusCircleIcon, { color: "TEXT_LINK", text: React.createElement(Text, { color: "TEXT_LINK" },
|
|
42
42
|
"\u300C",
|
|
43
43
|
label,
|
|
44
|
-
"\u300D\u3092\u8FFD\u52A0") }))) : (React.createElement("button", { key: option.id, disabled: disabled, onClick: handleSelect, onMouseOver: handleMouseOver, id: option.id, role: "option", className: buttonStyle, "aria-selected": selected, ref: isActive ? activeRef : undefined }, label));
|
|
44
|
+
"\u300D\u3092\u8FFD\u52A0") }))) : (React.createElement("button", { type: "button", key: option.id, disabled: disabled, onClick: handleSelect, onMouseOver: handleMouseOver, id: option.id, role: "option", className: buttonStyle, "aria-selected": selected, ref: isActive ? activeRef : undefined }, label));
|
|
45
45
|
};
|
|
46
46
|
const typedMemo = React.memo;
|
|
47
47
|
const Memoized = typedMemo(ListBoxItemButton);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListBoxItemButton.js","sourceRoot":"","sources":["../../../src/components/ComboBox/ListBoxItemButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAa9B,MAAM,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,EAAE;QACJ,+HAA+H;QAC/H,8BAA8B;QAC9B,4DAA4D;KAC7D;IACD,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,IAAI,EAAE,CAAC,sCAAsC,EAAE,kCAAkC,CAAC;YAClF,KAAK,EAAE,CAAC,cAAc,EAAE,2BAA2B,CAAC;SACrD;QACD,GAAG,EAAE;YACH,IAAI,EAAE,yDAAyD;YAC/D,KAAK,EAAE,kCAAkC;SAC1C;KACF;CACF,CAAC,CAAA;AAEF,MAAM,iBAAiB,GAAG,CAAK,EAC7B,MAAM,EACN,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,GACA,EAAE,EAAE;IACb,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IACxC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAA;IAEhC,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,KAAK,CAAC,MAAM,CAAC,CAAA;IACf,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;IAEnB,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,QAAQ,CAAC,MAAM,CAAC,CAAA;IAClB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAA;IAEtB,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,WAAW,CAAC,MAAM,CAAC,CAAA;IACrB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAA;IAEzB,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CACH,MAAM,CAAC;QACL,MAAM,EAAE,CAAC,CAAC,QAAQ;QAClB,GAAG,EAAE,KAAK;KACX,CAAC,EACJ,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB,CAAA;IAED,OAAO,KAAK,CAAC,CAAC,CAAC;IACb,mEAAmE;IACnE,gCACE,GAAG,EAAE,MAAM,CAAC,EAAE,EACd,OAAO,EAAE,SAAS,EAClB,WAAW,EAAE,eAAe,EAC5B,EAAE,EAAE,MAAM,CAAC,EAAE,EACb,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,WAAW,EACtB,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QAErC,oBAAC,gBAAgB,IAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAE,oBAAC,IAAI,IAAC,KAAK,EAAC,WAAW;;gBAAG,KAAK;2CAAY,GAAI,CAClF,CACV,CAAC,CAAC,CAAC,CACF,gCACE,GAAG,EAAE,MAAM,CAAC,EAAE,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,YAAY,EACrB,WAAW,EAAE,eAAe,EAC5B,EAAE,EAAE,MAAM,CAAC,EAAE,EACb,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,WAAW,mBACP,QAAQ,EACvB,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IAEpC,KAAK,CACC,CACV,CAAA;AACH,CAAC,CAAA;AACD,MAAM,SAAS,GAAmB,KAAK,CAAC,IAAI,CAAA;AAC5C,MAAM,QAAQ,GAAG,SAAS,CAAC,iBAAiB,CAAC,CAAA;AAC7C,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,CAAA"}
|
|
1
|
+
{"version":3,"file":"ListBoxItemButton.js","sourceRoot":"","sources":["../../../src/components/ComboBox/ListBoxItemButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -40,13 +40,17 @@ type Props<T> = BaseProps<T> & {
|
|
|
40
40
|
destroyButtonIconAlt?: (text: string) => string;
|
|
41
41
|
selectedListAriaLabel?: (text: string) => string;
|
|
42
42
|
};
|
|
43
|
+
/**
|
|
44
|
+
* アイテムが選択されたときに選択済みかどうかを判定するコールバック関数/
|
|
45
|
+
*/
|
|
46
|
+
isItemSelected?: (targetItem: ComboBoxItem<T>, selectedItems: Array<ComboBoxItem<T>>) => boolean;
|
|
43
47
|
/**
|
|
44
48
|
* input 要素の属性
|
|
45
49
|
*/
|
|
46
50
|
inputAttributes?: Omit<InputHTMLAttributes<HTMLInputElement>, 'name' | 'disabled' | 'required' | 'type' | 'aria-activedescendant' | 'aria-autocomplete' | 'aria-controls' | 'aria-disabled' | 'aria-expanded' | 'aria-haspopup' | 'aria-invalid' | 'autoComplete' | 'className' | 'onChange' | 'onCompositionEnd' | 'onCompositionStart' | 'onFocus' | 'onKeyDown' | 'ref' | 'role' | 'tabIndex' | 'value'>;
|
|
47
51
|
};
|
|
48
52
|
type ElementProps = Omit<ComponentPropsWithoutRef<'div'>, keyof Props<unknown>>;
|
|
49
|
-
declare const ActualMultiComboBox: <T>({ items, selectedItems, name, disabled, required, error, creatable, placeholder, dropdownHelpMessage, isLoading, selectedItemEllipsis, width, dropdownWidth, inputValue: controlledInputValue, className, onChange, onChangeInput, onAdd, onDelete, onSelect, onChangeSelected, onFocus, onBlur, onKeyPress, decorators, inputAttributes, style, ...props }: BaseProps<T> & {
|
|
53
|
+
declare const ActualMultiComboBox: <T>({ items, selectedItems, name, disabled, required, error, creatable, placeholder, dropdownHelpMessage, isLoading, selectedItemEllipsis, width, dropdownWidth, inputValue: controlledInputValue, className, onChange, onChangeInput, onAdd, onDelete, onSelect, onChangeSelected, onFocus, onBlur, onKeyPress, decorators, isItemSelected, inputAttributes, style, ...props }: BaseProps<T> & {
|
|
50
54
|
/**
|
|
51
55
|
* 選択されているアイテムのリスト
|
|
52
56
|
*/
|
|
@@ -85,6 +89,10 @@ declare const ActualMultiComboBox: <T>({ items, selectedItems, name, disabled, r
|
|
|
85
89
|
destroyButtonIconAlt?: ((text: string) => string) | undefined;
|
|
86
90
|
selectedListAriaLabel?: ((text: string) => string) | undefined;
|
|
87
91
|
}) | undefined;
|
|
92
|
+
/**
|
|
93
|
+
* アイテムが選択されたときに選択済みかどうかを判定するコールバック関数/
|
|
94
|
+
*/
|
|
95
|
+
isItemSelected?: ((targetItem: ComboBoxItem<T>, selectedItems: ComboBoxItem<T>[]) => boolean) | undefined;
|
|
88
96
|
/**
|
|
89
97
|
* input 要素の属性
|
|
90
98
|
*/
|
|
@@ -129,6 +137,10 @@ export declare const MultiComboBox: (<T>(props: BaseProps<T> & {
|
|
|
129
137
|
destroyButtonIconAlt?: ((text: string) => string) | undefined;
|
|
130
138
|
selectedListAriaLabel?: ((text: string) => string) | undefined;
|
|
131
139
|
}) | undefined;
|
|
140
|
+
/**
|
|
141
|
+
* アイテムが選択されたときに選択済みかどうかを判定するコールバック関数/
|
|
142
|
+
*/
|
|
143
|
+
isItemSelected?: ((targetItem: ComboBoxItem<T>, selectedItems: ComboBoxItem<T>[]) => boolean) | undefined;
|
|
132
144
|
/**
|
|
133
145
|
* input 要素の属性
|
|
134
146
|
*/
|
|
@@ -67,7 +67,7 @@ const multiCombobox = tv({
|
|
|
67
67
|
},
|
|
68
68
|
],
|
|
69
69
|
});
|
|
70
|
-
const ActualMultiComboBox = ({ items, selectedItems, name, disabled = false, required = false, error = false, creatable = false, placeholder = '', dropdownHelpMessage, isLoading, selectedItemEllipsis, width
|
|
70
|
+
const ActualMultiComboBox = ({ items, selectedItems, name, disabled = false, required = false, error = false, creatable = false, placeholder = '', dropdownHelpMessage, isLoading, selectedItemEllipsis, width, dropdownWidth = 'auto', inputValue: controlledInputValue, className, onChange, onChangeInput, onAdd, onDelete, onSelect, onChangeSelected, onFocus, onBlur, onKeyPress, decorators, isItemSelected, inputAttributes, style, ...props }, ref) => {
|
|
71
71
|
const { textColor } = useTheme();
|
|
72
72
|
const outerRef = useRef(null);
|
|
73
73
|
const [isFocused, setIsFocused] = useState(false);
|
|
@@ -80,6 +80,7 @@ const ActualMultiComboBox = ({ items, selectedItems, name, disabled = false, req
|
|
|
80
80
|
selected: selectedItems,
|
|
81
81
|
creatable,
|
|
82
82
|
inputValue,
|
|
83
|
+
isItemSelected,
|
|
83
84
|
});
|
|
84
85
|
const handleDelete = useCallback((item) => {
|
|
85
86
|
// HINT: Dropdown系コンポーネント内でComboBoxを使うと、選択肢がportalで表現されている関係上Dropdownが閉じてしまう
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiComboBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/MultiComboBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,mBAAmB,EACnB,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAA;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"MultiComboBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/MultiComboBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -59,7 +59,7 @@ export function MultiSelectedItem({ item, disabled, onDelete, enableEllipsis, bu
|
|
|
59
59
|
return (React.createElement(MultiSelectedItemTooltip, { needsTooltip: needsTooltip, text: item.label },
|
|
60
60
|
React.createElement(Chip, { disabled: disabled, className: wrapperStyle },
|
|
61
61
|
React.createElement("span", { className: itemLabelStyle, ref: labelRef }, item.label),
|
|
62
|
-
deletable && (React.createElement(UnstyledButton, {
|
|
62
|
+
deletable && (React.createElement(UnstyledButton, { className: deleteButtonStyle, disabled: disabled, onClick: actualOnDelete, onKeyDown: (e) => {
|
|
63
63
|
if (e.key === 'Enter' || e.key === ' ') {
|
|
64
64
|
e.stopPropagation();
|
|
65
65
|
// HINT: イベントの伝播が止まる関係でonClickに設定したonDeleteは実行されない
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelectedItem.js","sourceRoot":"","sources":["../../../src/components/ComboBox/MultiSelectedItem.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"MultiSelectedItem.js","sourceRoot":"","sources":["../../../src/components/ComboBox/MultiSelectedItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -43,7 +43,7 @@ const singleCombobox = tv({
|
|
|
43
43
|
},
|
|
44
44
|
},
|
|
45
45
|
});
|
|
46
|
-
const ActualSingleComboBox = ({ items, selectedItem, defaultItem, name, disabled = false, required = false, prefix, error = false, creatable = false, placeholder = '', dropdownHelpMessage, isLoading, width
|
|
46
|
+
const ActualSingleComboBox = ({ items, selectedItem, defaultItem, name, disabled = false, required = false, prefix, error = false, creatable = false, placeholder = '', dropdownHelpMessage, isLoading, width, dropdownWidth = 'auto', className, onChange, onChangeInput, onAdd, onSelect, onClear, onClearClick, onChangeSelected, onFocus, onBlur, onKeyPress, decorators, inputAttributes, style, ...props }, ref) => {
|
|
47
47
|
const { textColor } = useTheme();
|
|
48
48
|
const outerRef = useRef(null);
|
|
49
49
|
const inputRef = useRef(null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SingleComboBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/SingleComboBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,mBAAmB,EACnB,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,SAAS,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAGhC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AA0EzC,MAAM,mBAAmB,GAAG,IAAI,CAAA;AAEhC,MAAM,cAAc,GAAG,EAAE,CAAC;IACxB,KAAK,EAAE;QACL,OAAO,EAAE,4CAA4C;QACrD,KAAK,EAAE,4CAA4C;QACnD,eAAe,EAAE;YACf,oCAAoC;YACpC,qBAAqB;YACrB,+KAA+K;SAChL;QACD,aAAa,EAAE,WAAW;QAC1B,WAAW,EAAE;YACX,uCAAuC;YACvC,uBAAuB;YACvB,+BAA+B;YAC/B,+BAA+B;SAChC;QACD,eAAe,EAAE;YACf,WAAW;YACX,sGAAsG;SACvG;KACF;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,OAAO,EAAE,wBAAwB;aAClC;SACF;QACD,MAAM,EAAE;YACN,IAAI,EAAE;gBACJ,WAAW,EAAE,YAAY;aAC1B;SACF;KACF;CACF,CAAC,CAAA;AAEF,MAAM,oBAAoB,GAAG,CAC3B,EACE,KAAK,EACL,YAAY,EACZ,WAAW,EACX,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,KAAK,GAAG,KAAK,EACb,SAAS,GAAG,KAAK,EACjB,WAAW,GAAG,EAAE,EAChB,mBAAmB,EACnB,SAAS,EACT,KAAK,
|
|
1
|
+
{"version":3,"file":"SingleComboBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/SingleComboBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { ComboBoxItem, ComboBoxOption } from './types';
|
|
2
|
-
export declare function useOptions<T>({ items, selected, creatable, inputValue, isFilteringDisabled, }: {
|
|
2
|
+
export declare function useOptions<T>({ items, selected, creatable, inputValue, isFilteringDisabled, isItemSelected, }: {
|
|
3
3
|
items: Array<ComboBoxItem<T>>;
|
|
4
4
|
selected: (ComboBoxItem<T> | null) | Array<ComboBoxItem<T>>;
|
|
5
5
|
creatable: boolean;
|
|
6
6
|
inputValue?: string;
|
|
7
7
|
isFilteringDisabled?: boolean;
|
|
8
|
+
isItemSelected?: (targetItem: ComboBoxItem<T>, selectedItems: Array<ComboBoxItem<T>>) => boolean;
|
|
8
9
|
}): {
|
|
9
10
|
options: ComboBoxOption<T>[];
|
|
10
11
|
};
|
|
@@ -2,19 +2,20 @@ import { useCallback, useMemo } from 'react';
|
|
|
2
2
|
import innerText from 'react-innertext';
|
|
3
3
|
import { useId } from '../../hooks/useId';
|
|
4
4
|
import { convertMatchableString } from './comboBoxHelper';
|
|
5
|
-
|
|
5
|
+
const defaultIsItemSelected = (targetItem, selectedItems) => selectedItems.find((selectedItem) => selectedItem.label === targetItem.label && selectedItem.value === targetItem.value) !== undefined;
|
|
6
|
+
export function useOptions({ items, selected, creatable, inputValue = '', isFilteringDisabled = false, isItemSelected = defaultIsItemSelected, }) {
|
|
6
7
|
const isInputValueAddable = useMemo(() => creatable && inputValue !== '' && !items.some((item) => item.label === inputValue), [creatable, inputValue, items]);
|
|
7
8
|
const newItemId = useId();
|
|
8
9
|
const optionIdPrefix = useId();
|
|
9
10
|
const getOptionId = useCallback((optionIndex) => `${optionIdPrefix}-${optionIndex}`, [optionIdPrefix]);
|
|
10
11
|
const isSelected = useCallback((item) => {
|
|
11
12
|
if (Array.isArray(selected)) {
|
|
12
|
-
return (
|
|
13
|
+
return isItemSelected(item, selected);
|
|
13
14
|
}
|
|
14
15
|
else {
|
|
15
16
|
return selected !== null && selected.label === item.label;
|
|
16
17
|
}
|
|
17
|
-
}, [selected]);
|
|
18
|
+
}, [isItemSelected, selected]);
|
|
18
19
|
const allOptions = useMemo(() => {
|
|
19
20
|
const _options = items.map((item, i) => ({
|
|
20
21
|
id: getOptionId(i),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useOptions.js","sourceRoot":"","sources":["../../../src/components/ComboBox/useOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC5C,OAAO,SAAS,MAAM,iBAAiB,CAAA;AAEvC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAA;AAGzD,MAAM,UAAU,UAAU,CAAI,EAC5B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,EAAE,EACf,mBAAmB,GAAG,KAAK,
|
|
1
|
+
{"version":3,"file":"useOptions.js","sourceRoot":"","sources":["../../../src/components/ComboBox/useOptions.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,11 @@
|
|
|
1
|
-
import { ComponentProps, FC
|
|
1
|
+
import { ComponentProps, FC } from 'react';
|
|
2
2
|
import { DefinitionListItem } from './DefinitionListItem';
|
|
3
3
|
type Props = {
|
|
4
4
|
/** 定義リストのアイテムの配列 */
|
|
5
5
|
items: Array<ComponentProps<typeof DefinitionListItem>>;
|
|
6
6
|
/** 最大列数 */
|
|
7
7
|
maxColumns?: number;
|
|
8
|
-
/** コンポーネントに適用するクラス名 */
|
|
9
|
-
className?: string;
|
|
10
8
|
};
|
|
11
|
-
type ElementProps = Omit<
|
|
9
|
+
type ElementProps = Omit<ComponentProps<'dl'>, keyof Props>;
|
|
12
10
|
export declare const DefinitionList: FC<Props & ElementProps>;
|
|
13
11
|
export {};
|
|
@@ -1,31 +1,12 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import
|
|
3
|
-
import { useTheme } from '../../hooks/useTheme';
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
|
+
import { tv } from 'tailwind-variants';
|
|
4
3
|
import { Cluster } from '../Layout';
|
|
5
4
|
import { DefinitionListItem } from './DefinitionListItem';
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
const definitionList = tv({
|
|
6
|
+
base: 'smarthr-ui-DefinitionList shr-my-[initial]',
|
|
7
|
+
});
|
|
8
|
+
export const DefinitionList = ({ items, maxColumns, className }) => {
|
|
9
|
+
const styles = useMemo(() => definitionList({ className }), [className]);
|
|
10
|
+
return (React.createElement(Cluster, { as: "dl", gap: 1.5, className: styles }, items.map((item, index) => (React.createElement(DefinitionListItem, { ...item, key: index, maxColumns: maxColumns })))));
|
|
11
11
|
};
|
|
12
|
-
const Wrapper = styled(Cluster).attrs({ forwardedAs: 'dl', gap: 1.5 }) `
|
|
13
|
-
margin-block: initial;
|
|
14
|
-
`;
|
|
15
|
-
const Item = styled(DefinitionListItem) `
|
|
16
|
-
${({ maxColumns, fullWidth, themes: { space } }) => css `
|
|
17
|
-
flex-grow: 1;
|
|
18
|
-
${maxColumns &&
|
|
19
|
-
css `
|
|
20
|
-
/* (全体幅 - (溝 * (最大列数 - 1)) / 最大列数 */
|
|
21
|
-
flex-basis: calc((100% - ${space(1.5)} * ${maxColumns - 1}) / ${maxColumns});
|
|
22
|
-
`}
|
|
23
|
-
${fullWidth &&
|
|
24
|
-
css `
|
|
25
|
-
flex-basis: 100%;
|
|
26
|
-
`}
|
|
27
|
-
|
|
28
|
-
min-width: 12em;
|
|
29
|
-
`}
|
|
30
|
-
`;
|
|
31
12
|
//# sourceMappingURL=DefinitionList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefinitionList.js","sourceRoot":"","sources":["../../../src/components/DefinitionList/DefinitionList.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"DefinitionList.js","sourceRoot":"","sources":["../../../src/components/DefinitionList/DefinitionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAsB,OAAO,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAUzD,MAAM,cAAc,GAAG,EAAE,CAAC;IACxB,IAAI,EAAE,4CAA4C;CACnD,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAA6B,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE;IAC3F,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAExE,OAAO,CACL,oBAAC,OAAO,IAAC,EAAE,EAAC,IAAI,EAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,IACzC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,oBAAC,kBAAkB,OAAK,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,GAAI,CACrE,CAAC,CACM,CACX,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
|
|
2
2
|
type DefinitionListItemProps = {
|
|
3
3
|
term: ReactNode;
|
|
4
4
|
description?: ReactNode;
|
|
5
5
|
fullWidth?: boolean;
|
|
6
|
-
|
|
6
|
+
maxColumns?: number;
|
|
7
7
|
};
|
|
8
|
-
type ElementProps = Omit<
|
|
8
|
+
type ElementProps = Omit<ComponentPropsWithoutRef<'div'>, keyof DefinitionListItemProps>;
|
|
9
9
|
export declare const DefinitionListItem: FC<DefinitionListItemProps & ElementProps>;
|
|
10
10
|
export {};
|
|
@@ -1,45 +1,46 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import
|
|
3
|
-
import { useTheme } from '../../hooks/
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
|
+
import { tv } from 'tailwind-variants';
|
|
3
|
+
import { useTheme } from '../../hooks/useTailwindTheme';
|
|
4
4
|
import { Stack } from '../Layout';
|
|
5
5
|
import { Text } from '../Text';
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
const definitionListItem = tv({
|
|
7
|
+
slots: {
|
|
8
|
+
wrapper: [
|
|
9
|
+
'smarthr-ui-DefinitionListItem shr-border-b-shorthand shr-min-w-[12em] shr-grow shr-border-dotted',
|
|
10
|
+
'contrast-more:shr-border-b-high-contrast',
|
|
11
|
+
],
|
|
12
|
+
termEl: 'smarthr-ui-DefinitionListItem-term',
|
|
13
|
+
descriptionEl: 'smarthr-ui-DefinitionListItem-description min-h-[theme(lineHeight.normal)] shr-ms-[initial] shr-pb-0.25',
|
|
14
|
+
},
|
|
15
|
+
variants: {
|
|
16
|
+
fullWidth: {
|
|
17
|
+
true: {
|
|
18
|
+
wrapper: 'shr-basis-full',
|
|
19
|
+
},
|
|
20
|
+
},
|
|
21
|
+
},
|
|
22
|
+
});
|
|
23
|
+
export const DefinitionListItem = ({ maxColumns, fullWidth, term, description, className, }) => {
|
|
24
|
+
const { spacing } = useTheme();
|
|
25
|
+
const { wrapperStyleProps, termStyle, descriptionStyle } = useMemo(() => {
|
|
26
|
+
const { wrapper, termEl, descriptionEl } = definitionListItem();
|
|
27
|
+
return {
|
|
28
|
+
wrapperStyleProps: {
|
|
29
|
+
className: wrapper({ fullWidth, className }),
|
|
30
|
+
style: {
|
|
31
|
+
flexBasis:
|
|
32
|
+
// fullWidth の方が強い
|
|
33
|
+
!fullWidth && maxColumns
|
|
34
|
+
? `calc((100% - ${spacing[1.5]} * ${maxColumns - 1}) / ${maxColumns})`
|
|
35
|
+
: undefined,
|
|
36
|
+
},
|
|
37
|
+
},
|
|
38
|
+
termStyle: termEl(),
|
|
39
|
+
descriptionStyle: descriptionEl(),
|
|
40
|
+
};
|
|
41
|
+
}, [className, fullWidth, maxColumns, spacing]);
|
|
42
|
+
return (React.createElement(Stack, { ...wrapperStyleProps, gap: 0.25 },
|
|
43
|
+
React.createElement(Text, { as: "dt", size: "S", leading: "TIGHT", styleType: "subBlockTitle", className: termStyle }, term),
|
|
44
|
+
React.createElement(Text, { as: "dd", size: "M", color: "TEXT_BLACK", leading: "NORMAL", className: descriptionStyle }, description)));
|
|
13
45
|
};
|
|
14
|
-
const StyledStack = styled(Stack).attrs({ gap: 0.25 }) `
|
|
15
|
-
${({ $themes: { border } }) => css `
|
|
16
|
-
border-bottom: ${border.shorthand};
|
|
17
|
-
border-bottom-style: dotted;
|
|
18
|
-
|
|
19
|
-
@media (prefers-contrast: more) {
|
|
20
|
-
& {
|
|
21
|
-
border-bottom: ${border.highContrast};
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
`}
|
|
25
|
-
`;
|
|
26
|
-
const TermText = styled(Text).attrs({
|
|
27
|
-
forwardedAs: 'dt',
|
|
28
|
-
size: 'S',
|
|
29
|
-
weight: 'bold',
|
|
30
|
-
color: 'TEXT_GREY',
|
|
31
|
-
leading: 'TIGHT',
|
|
32
|
-
}) ``;
|
|
33
|
-
const DescriptionText = styled(Text).attrs({
|
|
34
|
-
forwardedAs: 'dd',
|
|
35
|
-
size: 'M',
|
|
36
|
-
color: 'TEXT_BLACK',
|
|
37
|
-
leading: 'NORMAL',
|
|
38
|
-
}) `
|
|
39
|
-
${({ themes: { leading, space } }) => css `
|
|
40
|
-
margin-inline-start: initial;
|
|
41
|
-
padding-bottom: ${space(0.25)};
|
|
42
|
-
min-height: ${leading.NORMAL}em;
|
|
43
|
-
`}
|
|
44
|
-
`;
|
|
45
46
|
//# sourceMappingURL=DefinitionListItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefinitionListItem.js","sourceRoot":"","sources":["../../../src/components/DefinitionList/DefinitionListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"DefinitionListItem.js","sourceRoot":"","sources":["../../../src/components/DefinitionList/DefinitionListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA2C,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/E,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAU9B,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,KAAK,EAAE;QACL,OAAO,EAAE;YACP,kGAAkG;YAClG,0CAA0C;SAC3C;QACD,MAAM,EAAE,oCAAoC;QAC5C,aAAa,EACX,yGAAyG;KAC5G;IACD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,IAAI,EAAE;gBACJ,OAAO,EAAE,gBAAgB;aAC1B;SACF;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAA+C,CAAC,EAC7E,UAAU,EACV,SAAS,EACT,IAAI,EACJ,WAAW,EACX,SAAS,GACV,EAAE,EAAE;IACH,MAAM,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC9B,MAAM,EAAE,iBAAiB,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QACtE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,kBAAkB,EAAE,CAAA;QAC/D,OAAO;YACL,iBAAiB,EAAE;gBACjB,SAAS,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;gBAC5C,KAAK,EAAE;oBACL,SAAS;oBACP,kBAAkB;oBAClB,CAAC,SAAS,IAAI,UAAU;wBACtB,CAAC,CAAC,gBAAgB,OAAO,CAAC,GAAG,CAAC,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,GAAG;wBACtE,CAAC,CAAC,SAAS;iBAChB;aACF;YACD,SAAS,EAAE,MAAM,EAAE;YACnB,gBAAgB,EAAE,aAAa,EAAE;SAClC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAA;IAE/C,OAAO,CACL,oBAAC,KAAK,OAAK,iBAAiB,EAAE,GAAG,EAAE,IAAI;QACrC,oBAAC,IAAI,IAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,eAAe,EAAC,SAAS,EAAE,SAAS,IAClF,IAAI,CACA;QACP,oBAAC,IAAI,IAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,YAAY,EAAC,OAAO,EAAC,QAAQ,EAAC,SAAS,EAAE,gBAAgB,IACnF,WAAW,CACP,CACD,CACT,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React, { ChangeEvent, DragEvent,
|
|
1
|
+
import React, { ChangeEvent, ComponentPropsWithRef, DragEvent, PropsWithChildren } from 'react';
|
|
2
2
|
import type { DecoratorsType } from '../../types';
|
|
3
|
-
type ElementProps = Omit<
|
|
4
|
-
type DropZoneProps = {
|
|
3
|
+
type ElementProps = Omit<ComponentPropsWithRef<'div'>, keyof DropZoneProps>;
|
|
4
|
+
type DropZoneProps = PropsWithChildren<{
|
|
5
5
|
/**
|
|
6
6
|
* ボタンまたはドラッグ&ドロップでファイルが追加された時に発火するコールバック関数
|
|
7
7
|
*/
|
|
@@ -13,10 +13,26 @@ type DropZoneProps = {
|
|
|
13
13
|
accept?: string;
|
|
14
14
|
/** 複数ファイルを選択できるかどうか */
|
|
15
15
|
multiple?: boolean;
|
|
16
|
-
children?: React.ReactNode;
|
|
17
16
|
name?: string;
|
|
18
17
|
/** コンポーネント内の文言を変更するための関数を設定 */
|
|
19
18
|
decorators?: DecoratorsType<'selectButtonLabel'>;
|
|
20
|
-
}
|
|
21
|
-
export declare const DropZone: React.ForwardRefExoticComponent<
|
|
19
|
+
}>;
|
|
20
|
+
export declare const DropZone: React.ForwardRefExoticComponent<Omit<{
|
|
21
|
+
/**
|
|
22
|
+
* ボタンまたはドラッグ&ドロップでファイルが追加された時に発火するコールバック関数
|
|
23
|
+
*/
|
|
24
|
+
onSelectFiles: (e: DragEvent<HTMLElement> | ChangeEvent<HTMLInputElement>, files: FileList | null) => void;
|
|
25
|
+
/**
|
|
26
|
+
* 許可するファイル型を表す1つ以上の固有ファイル型指定子
|
|
27
|
+
* <b>(ドラッグ&ドロップの挙動には影響しません)</b>
|
|
28
|
+
*/
|
|
29
|
+
accept?: string | undefined;
|
|
30
|
+
/** 複数ファイルを選択できるかどうか */
|
|
31
|
+
multiple?: boolean | undefined;
|
|
32
|
+
name?: string | undefined;
|
|
33
|
+
/** コンポーネント内の文言を変更するための関数を設定 */
|
|
34
|
+
decorators?: DecoratorsType<"selectButtonLabel"> | undefined;
|
|
35
|
+
} & {
|
|
36
|
+
children?: React.ReactNode;
|
|
37
|
+
} & ElementProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
22
38
|
export {};
|
|
@@ -1,19 +1,35 @@
|
|
|
1
1
|
import React, { forwardRef, useCallback, useImperativeHandle, useMemo, useRef, useState, } from 'react';
|
|
2
|
-
import
|
|
3
|
-
import { useTheme } from '../../hooks/useTheme';
|
|
2
|
+
import { tv } from 'tailwind-variants';
|
|
4
3
|
import { Button } from '../Button';
|
|
5
4
|
import { FaFolderOpenIcon } from '../Icon';
|
|
6
|
-
|
|
5
|
+
const dropZone = tv({
|
|
6
|
+
slots: {
|
|
7
|
+
wrapper: [
|
|
8
|
+
'smarthr-ui-DropZone',
|
|
9
|
+
'shr-border-shorthand shr-flex shr-flex-col shr-items-center shr-justify-center shr-bg-column shr-p-2.5',
|
|
10
|
+
],
|
|
11
|
+
input: 'shr-hidden',
|
|
12
|
+
},
|
|
13
|
+
variants: {
|
|
14
|
+
filesDraggedOver: {
|
|
15
|
+
true: {
|
|
16
|
+
wrapper: 'shr-border-main',
|
|
17
|
+
},
|
|
18
|
+
false: {
|
|
19
|
+
wrapper: 'shr-border-dashed',
|
|
20
|
+
},
|
|
21
|
+
},
|
|
22
|
+
},
|
|
23
|
+
});
|
|
7
24
|
const SELECT_BUTTON_LABEL = 'ファイルを選択';
|
|
8
25
|
const overrideEventDefault = (e) => {
|
|
9
26
|
e.preventDefault();
|
|
10
27
|
e.stopPropagation();
|
|
11
28
|
};
|
|
12
29
|
export const DropZone = forwardRef(({ children, onSelectFiles, accept, multiple = true, name, decorators }, ref) => {
|
|
13
|
-
const theme = useTheme();
|
|
14
|
-
const classNames = useClassNames();
|
|
15
30
|
const fileRef = useRef(null);
|
|
16
31
|
const [filesDraggedOver, setFilesDraggedOver] = useState(false);
|
|
32
|
+
const { wrapper, input } = useMemo(() => dropZone({ filesDraggedOver }), [filesDraggedOver]);
|
|
17
33
|
useImperativeHandle(ref, () => fileRef.current);
|
|
18
34
|
const selectButtonLabel = useMemo(() => decorators?.selectButtonLabel?.(SELECT_BUTTON_LABEL) || SELECT_BUTTON_LABEL, [decorators]);
|
|
19
35
|
const onDrop = useCallback((e) => {
|
|
@@ -34,29 +50,9 @@ export const DropZone = forwardRef(({ children, onSelectFiles, accept, multiple
|
|
|
34
50
|
const onClickButton = () => {
|
|
35
51
|
fileRef.current.click();
|
|
36
52
|
};
|
|
37
|
-
return (React.createElement(
|
|
53
|
+
return (React.createElement("div", { onDrop: onDrop, onDragOver: onDragOver, onDragLeave: onDragLeave, className: wrapper() },
|
|
38
54
|
children,
|
|
39
55
|
React.createElement(Button, { prefix: React.createElement(FaFolderOpenIcon, null), onClick: onClickButton }, selectButtonLabel),
|
|
40
|
-
React.createElement("input", { ref: fileRef, name: name, type: "file", multiple: multiple, accept: accept, onChange: onChange })));
|
|
56
|
+
React.createElement("input", { ref: fileRef, name: name, type: "file", multiple: multiple, accept: accept, onChange: onChange, className: input() })));
|
|
41
57
|
});
|
|
42
|
-
const Wrapper = styled.div `
|
|
43
|
-
${({ theme, filesDraggedOver }) => {
|
|
44
|
-
const { palette, frame, spacingByChar } = theme;
|
|
45
|
-
const border = filesDraggedOver
|
|
46
|
-
? `solid ${frame.border.lineWidth} ${palette.MAIN}`
|
|
47
|
-
: `dashed ${frame.border.lineWidth} ${palette.BORDER}`;
|
|
48
|
-
return css `
|
|
49
|
-
display: flex;
|
|
50
|
-
flex-direction: column;
|
|
51
|
-
justify-content: center;
|
|
52
|
-
align-items: center;
|
|
53
|
-
padding: ${spacingByChar(2.5)};
|
|
54
|
-
border: ${border};
|
|
55
|
-
background-color: ${palette.COLUMN};
|
|
56
|
-
> input {
|
|
57
|
-
display: none;
|
|
58
|
-
}
|
|
59
|
-
`;
|
|
60
|
-
}}
|
|
61
|
-
`;
|
|
62
58
|
//# sourceMappingURL=DropZone.js.map
|