smarthr-ui 27.1.0 → 29.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +28 -23
- package/esm/components/Base/Base.d.ts +11 -1
- package/esm/components/Base/Base.js +12 -3
- package/esm/components/Base/Base.js.map +1 -1
- package/esm/components/Base/BaseColumn.d.ts +4 -0
- package/esm/components/CheckBox/CheckBox.d.ts +7 -0
- package/esm/components/CheckBox/CheckBoxInput.js +2 -2
- package/esm/components/CheckBox/CheckBoxInput.js.map +1 -1
- package/esm/components/CheckBox/index.d.ts +1 -1
- package/esm/components/CheckBox/index.js.map +1 -1
- package/esm/components/ComboBox/MultiComboBox.d.ts +3 -3
- package/esm/components/ComboBox/MultiComboBox.js +5 -6
- package/esm/components/ComboBox/MultiComboBox.js.map +1 -1
- package/esm/components/ComboBox/MultiSelectedItem.d.ts +2 -2
- package/esm/components/ComboBox/MultiSelectedItem.js +2 -4
- package/esm/components/ComboBox/MultiSelectedItem.js.map +1 -1
- package/esm/components/ComboBox/SingleComboBox.d.ts +3 -3
- package/esm/components/ComboBox/SingleComboBox.js +4 -6
- package/esm/components/ComboBox/SingleComboBox.js.map +1 -1
- package/esm/components/ComboBox/useListBox.d.ts +3 -4
- package/esm/components/ComboBox/useListBox.js +5 -3
- package/esm/components/ComboBox/useListBox.js.map +1 -1
- package/esm/components/DatePicker/DatePicker.d.ts +2 -0
- package/esm/components/DatePicker/DatePicker.js +7 -7
- package/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/esm/components/Dialog/ActionDialog.js +2 -2
- package/esm/components/Dialog/ActionDialog.js.map +1 -1
- package/esm/components/Dialog/ActionDialogContent.js +2 -2
- package/esm/components/Dialog/ActionDialogContent.js.map +1 -1
- package/esm/components/Dialog/ActionDialogContentInner.d.ts +0 -4
- package/esm/components/Dialog/ActionDialogContentInner.js +2 -2
- package/esm/components/Dialog/ActionDialogContentInner.js.map +1 -1
- package/esm/components/Dialog/MessageDialog.js +2 -2
- package/esm/components/Dialog/MessageDialog.js.map +1 -1
- package/esm/components/Dialog/MessageDialogContent.js +2 -2
- package/esm/components/Dialog/MessageDialogContent.js.map +1 -1
- package/esm/components/Dialog/MessageDialogContentInner.d.ts +0 -4
- package/esm/components/Dialog/MessageDialogContentInner.js +2 -2
- package/esm/components/Dialog/MessageDialogContentInner.js.map +1 -1
- package/esm/components/Dialog/ModelessDialog.js +4 -2
- package/esm/components/Dialog/ModelessDialog.js.map +1 -1
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.d.ts +0 -4
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js +6 -6
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/esm/components/HeadlineArea/HeadlineArea.d.ts +3 -0
- package/esm/components/HeadlineArea/HeadlineArea.js +3 -0
- package/esm/components/HeadlineArea/HeadlineArea.js.map +1 -1
- package/esm/components/Icon/Icon.js +1 -4
- package/esm/components/Icon/Icon.js.map +1 -1
- package/esm/components/InformationPanel/InformationPanel.d.ts +0 -10
- package/esm/components/InformationPanel/InformationPanel.js +4 -14
- package/esm/components/InformationPanel/InformationPanel.js.map +1 -1
- package/esm/components/Input/CurrencyInput/CurrencyInput.d.ts +1 -1
- package/esm/components/Input/InputWithTooltip/InputWithTooltip.d.ts +1 -9
- package/esm/components/Input/SearchInput/SearchInput.d.ts +1 -1
- package/esm/components/InputFile/InputFile.d.ts +0 -5
- package/esm/components/InputFile/InputFile.js +3 -4
- package/esm/components/InputFile/InputFile.js.map +1 -1
- package/esm/components/Loader/Loader.js +2 -5
- package/esm/components/Loader/Loader.js.map +1 -1
- package/esm/components/RightFixedNote/RightFixedNote.d.ts +0 -5
- package/esm/components/RightFixedNote/RightFixedNote.js +3 -8
- package/esm/components/RightFixedNote/RightFixedNote.js.map +1 -1
- package/esm/components/Select/Select.d.ts +3 -25
- package/esm/components/Select/Select.js +3 -9
- package/esm/components/Select/Select.js.map +1 -1
- package/esm/components/Table/Td.d.ts +4 -6
- package/esm/components/Table/Td.js +2 -3
- package/esm/components/Table/Td.js.map +1 -1
- package/esm/components/Table/TdCheckbox.d.ts +10 -0
- package/esm/components/Table/TdCheckbox.js +29 -0
- package/esm/components/Table/TdCheckbox.js.map +1 -0
- package/esm/components/Table/Th.d.ts +20 -10
- package/esm/components/Table/Th.js +70 -31
- package/esm/components/Table/Th.js.map +1 -1
- package/esm/components/Table/ThCheckbox.d.ts +13 -0
- package/esm/components/Table/ThCheckbox.js +31 -0
- package/esm/components/Table/ThCheckbox.js.map +1 -0
- package/esm/components/VisuallyHiddenText/VisuallyHiddenText.d.ts +1 -0
- package/esm/components/VisuallyHiddenText/VisuallyHiddenText.js +15 -0
- package/esm/components/VisuallyHiddenText/VisuallyHiddenText.js.map +1 -0
- package/esm/components/VisuallyHiddenText/index.d.ts +1 -0
- package/esm/components/VisuallyHiddenText/index.js +2 -0
- package/esm/components/VisuallyHiddenText/index.js.map +1 -0
- package/esm/constants.d.ts +0 -1
- package/esm/constants.js +0 -14
- package/esm/constants.js.map +1 -1
- package/esm/index.d.ts +2 -1
- package/esm/index.js +2 -1
- package/esm/index.js.map +1 -1
- package/lib/components/Base/Base.d.ts +11 -1
- package/lib/components/Base/Base.js +12 -3
- package/lib/components/Base/Base.js.map +1 -1
- package/lib/components/Base/BaseColumn.d.ts +4 -0
- package/lib/components/CheckBox/CheckBox.d.ts +7 -0
- package/lib/components/CheckBox/CheckBoxInput.js +2 -2
- package/lib/components/CheckBox/CheckBoxInput.js.map +1 -1
- package/lib/components/CheckBox/index.d.ts +1 -1
- package/lib/components/CheckBox/index.js.map +1 -1
- package/lib/components/ComboBox/MultiComboBox.d.ts +3 -3
- package/lib/components/ComboBox/MultiComboBox.js +5 -6
- package/lib/components/ComboBox/MultiComboBox.js.map +1 -1
- package/lib/components/ComboBox/MultiSelectedItem.d.ts +2 -2
- package/lib/components/ComboBox/MultiSelectedItem.js +2 -4
- package/lib/components/ComboBox/MultiSelectedItem.js.map +1 -1
- package/lib/components/ComboBox/SingleComboBox.d.ts +3 -3
- package/lib/components/ComboBox/SingleComboBox.js +4 -6
- package/lib/components/ComboBox/SingleComboBox.js.map +1 -1
- package/lib/components/ComboBox/useListBox.d.ts +3 -4
- package/lib/components/ComboBox/useListBox.js +5 -3
- package/lib/components/ComboBox/useListBox.js.map +1 -1
- package/lib/components/DatePicker/DatePicker.d.ts +2 -0
- package/lib/components/DatePicker/DatePicker.js +7 -7
- package/lib/components/DatePicker/DatePicker.js.map +1 -1
- package/lib/components/Dialog/ActionDialog.js +2 -2
- package/lib/components/Dialog/ActionDialog.js.map +1 -1
- package/lib/components/Dialog/ActionDialogContent.js +2 -2
- package/lib/components/Dialog/ActionDialogContent.js.map +1 -1
- package/lib/components/Dialog/ActionDialogContentInner.d.ts +0 -4
- package/lib/components/Dialog/ActionDialogContentInner.js +2 -2
- package/lib/components/Dialog/ActionDialogContentInner.js.map +1 -1
- package/lib/components/Dialog/MessageDialog.js +2 -2
- package/lib/components/Dialog/MessageDialog.js.map +1 -1
- package/lib/components/Dialog/MessageDialogContent.js +2 -2
- package/lib/components/Dialog/MessageDialogContent.js.map +1 -1
- package/lib/components/Dialog/MessageDialogContentInner.d.ts +0 -4
- package/lib/components/Dialog/MessageDialogContentInner.js +2 -2
- package/lib/components/Dialog/MessageDialogContentInner.js.map +1 -1
- package/lib/components/Dialog/ModelessDialog.js +4 -2
- package/lib/components/Dialog/ModelessDialog.js.map +1 -1
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.d.ts +0 -4
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js +6 -6
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/lib/components/HeadlineArea/HeadlineArea.d.ts +3 -0
- package/lib/components/HeadlineArea/HeadlineArea.js +3 -0
- package/lib/components/HeadlineArea/HeadlineArea.js.map +1 -1
- package/lib/components/Icon/Icon.js +3 -6
- package/lib/components/Icon/Icon.js.map +1 -1
- package/lib/components/InformationPanel/InformationPanel.d.ts +0 -10
- package/lib/components/InformationPanel/InformationPanel.js +4 -14
- package/lib/components/InformationPanel/InformationPanel.js.map +1 -1
- package/lib/components/Input/CurrencyInput/CurrencyInput.d.ts +1 -1
- package/lib/components/Input/InputWithTooltip/InputWithTooltip.d.ts +1 -9
- package/lib/components/Input/SearchInput/SearchInput.d.ts +1 -1
- package/lib/components/InputFile/InputFile.d.ts +0 -5
- package/lib/components/InputFile/InputFile.js +3 -4
- package/lib/components/InputFile/InputFile.js.map +1 -1
- package/lib/components/Loader/Loader.js +2 -5
- package/lib/components/Loader/Loader.js.map +1 -1
- package/lib/components/RightFixedNote/RightFixedNote.d.ts +0 -5
- package/lib/components/RightFixedNote/RightFixedNote.js +3 -8
- package/lib/components/RightFixedNote/RightFixedNote.js.map +1 -1
- package/lib/components/Select/Select.d.ts +3 -25
- package/lib/components/Select/Select.js +2 -8
- package/lib/components/Select/Select.js.map +1 -1
- package/lib/components/Table/Td.d.ts +4 -6
- package/lib/components/Table/Td.js +2 -3
- package/lib/components/Table/Td.js.map +1 -1
- package/lib/components/Table/TdCheckbox.d.ts +10 -0
- package/lib/components/Table/TdCheckbox.js +55 -0
- package/lib/components/Table/TdCheckbox.js.map +1 -0
- package/lib/components/Table/Th.d.ts +20 -10
- package/lib/components/Table/Th.js +70 -34
- package/lib/components/Table/Th.js.map +1 -1
- package/lib/components/Table/ThCheckbox.d.ts +13 -0
- package/lib/components/Table/ThCheckbox.js +57 -0
- package/lib/components/Table/ThCheckbox.js.map +1 -0
- package/lib/components/VisuallyHiddenText/VisuallyHiddenText.d.ts +1 -0
- package/lib/components/VisuallyHiddenText/VisuallyHiddenText.js +21 -0
- package/lib/components/VisuallyHiddenText/VisuallyHiddenText.js.map +1 -0
- package/lib/components/VisuallyHiddenText/index.d.ts +1 -0
- package/lib/components/VisuallyHiddenText/index.js +6 -0
- package/lib/components/VisuallyHiddenText/index.js.map +1 -0
- package/lib/constants.d.ts +0 -1
- package/lib/constants.js +1 -15
- package/lib/constants.js.map +1 -1
- package/lib/index.d.ts +2 -1
- package/lib/index.js +4 -3
- package/lib/index.js.map +1 -1
- package/package.json +22 -22
package/README.md
CHANGED
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
<div align="center">
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
SmartHR は、SmartHR 基本機能からはじまり、今では多くのオプション機能を提供しています。
|
|
6
|
+
SmartHR UI はそのすべてのアプリケーションの UI コンポーネントを共通化して、開発生産性や完成度を向上させるための UI コンポーネントライブラリです。
|
|
6
7
|
|
|
7
8
|
[](https://badge.fury.io/js/smarthr-ui)
|
|
8
9
|
[](https://circleci.com/gh/kufu/smarthr-ui)
|
|
@@ -10,13 +11,14 @@ React components for creating SmartHR applications.
|
|
|
10
11
|
|
|
11
12
|
</div>
|
|
12
13
|
|
|
13
|
-
##
|
|
14
|
+
## コンポーネント
|
|
14
15
|
|
|
15
|
-
master
|
|
16
|
+
`master`ブランチのコンポーネント一覧は Storybook から確認できます。
|
|
17
|
+
https://story.smarthr-ui.dev
|
|
16
18
|
|
|
17
|
-
##
|
|
19
|
+
## インストール
|
|
18
20
|
|
|
19
|
-
SmartHR-UI
|
|
21
|
+
SmartHR-UI は[npm package](https://www.npmjs.com/package/smarthr-ui)として提供しています。
|
|
20
22
|
|
|
21
23
|
```sh
|
|
22
24
|
// with npm
|
|
@@ -26,7 +28,7 @@ npm install smarthr-ui
|
|
|
26
28
|
yarn add smarthr-ui
|
|
27
29
|
```
|
|
28
30
|
|
|
29
|
-
|
|
31
|
+
peerDependencies として React, React-DOM, styled-components が必要です。
|
|
30
32
|
|
|
31
33
|
```sh
|
|
32
34
|
// with npm
|
|
@@ -36,38 +38,41 @@ npm install react react-dom styled-components
|
|
|
36
38
|
yarn add react react-dom styled-components
|
|
37
39
|
```
|
|
38
40
|
|
|
39
|
-
##
|
|
41
|
+
## 使いかた
|
|
40
42
|
|
|
41
|
-
|
|
43
|
+
最もシンプルで簡単な使用例を紹介します。
|
|
42
44
|
|
|
43
45
|
```tsx
|
|
44
46
|
import React from 'react'
|
|
45
|
-
import
|
|
46
|
-
import { createTheme, ThemeProvider,
|
|
47
|
+
import { createRoot } from 'react-dom/client'
|
|
48
|
+
import { createTheme, ThemeProvider, Button } from 'smarthr-ui'
|
|
47
49
|
|
|
48
|
-
const theme = createTheme(
|
|
50
|
+
const theme = createTheme()
|
|
49
51
|
|
|
50
|
-
const App: React.FC
|
|
52
|
+
const App: React.FC = () => (
|
|
51
53
|
<ThemeProvider theme={theme}>
|
|
52
|
-
<
|
|
54
|
+
<Button variant="primary">Hello World</Button>
|
|
53
55
|
</ThemeProvider>
|
|
54
56
|
)
|
|
55
57
|
|
|
56
|
-
|
|
58
|
+
const container = document.getElementById('app')
|
|
59
|
+
const root = createRoot(container)
|
|
60
|
+
root.render(<App />)
|
|
57
61
|
```
|
|
58
62
|
|
|
59
|
-
##
|
|
63
|
+
## コントリビュート
|
|
60
64
|
|
|
61
|
-
|
|
65
|
+
SmartHR UI は OSS です。[コントリビュート](https://github.com/kufu/smarthr-ui/blob/master/CONTRIBUTING.md)をお待ちしています。
|
|
62
66
|
|
|
63
|
-
##
|
|
67
|
+
## 更新履歴
|
|
64
68
|
|
|
65
|
-
|
|
69
|
+
更新履歴は[Releases](https://github.com/kufu/smarthr-ui/releases)を確認してください。
|
|
66
70
|
|
|
67
|
-
##
|
|
68
|
-
We released design in [Figma](https://www.figma.com/community/file/978607227374353992/SmartHR-UI).
|
|
69
|
-
If you use our service logo, please read the [SmartHR Design System](https://smarthr.design/)
|
|
71
|
+
## デザイン・ロゴの利用について
|
|
70
72
|
|
|
71
|
-
|
|
73
|
+
- SmartHR UI のデザインデータは[Figma](https://www.figma.com/community/file/978607227374353992/SmartHR-UI)で公開しています。
|
|
74
|
+
- SmartHR のロゴを利用する場合は[SmartHR Design System](https://smarthr.design/)の利用規約を確認してください。
|
|
72
75
|
|
|
73
|
-
|
|
76
|
+
## ライセンス
|
|
77
|
+
|
|
78
|
+
このプロダクトは[MIT](https://github.com/kufu/smarthr-ui/blob/master/LICENSE)の条件に従ってライセンスされています。
|
|
@@ -1,10 +1,15 @@
|
|
|
1
|
-
import React, { HTMLAttributes, PropsWithChildren } from 'react';
|
|
1
|
+
import React, { CSSProperties, HTMLAttributes, PropsWithChildren } from 'react';
|
|
2
2
|
import { Gap } from '../Layout';
|
|
3
3
|
type Props = PropsWithChildren<{
|
|
4
4
|
/** 境界とコンテンツの間の余白 */
|
|
5
5
|
padding?: Gap | SeparatePadding;
|
|
6
6
|
/** 角丸のサイズ */
|
|
7
7
|
radius?: 's' | 'm';
|
|
8
|
+
/** コンテンツが要素内に収まらない場合の処理方法 */
|
|
9
|
+
overflow?: CSSProperties['overflow'] | {
|
|
10
|
+
x: CSSProperties['overflowX'];
|
|
11
|
+
y: CSSProperties['overflowY'];
|
|
12
|
+
};
|
|
8
13
|
/** レイヤの重なり方向の高さ(影の付き方に影響する) */
|
|
9
14
|
layer?: LayerKeys;
|
|
10
15
|
}>;
|
|
@@ -26,6 +31,11 @@ export declare const Base: React.ForwardRefExoticComponent<{
|
|
|
26
31
|
padding?: Gap | SeparatePadding | undefined;
|
|
27
32
|
/** 角丸のサイズ */
|
|
28
33
|
radius?: "s" | "m" | undefined;
|
|
34
|
+
/** コンテンツが要素内に収まらない場合の処理方法 */
|
|
35
|
+
overflow?: CSSProperties['overflow'] | {
|
|
36
|
+
x: CSSProperties['overflowX'];
|
|
37
|
+
y: CSSProperties['overflowY'];
|
|
38
|
+
};
|
|
29
39
|
/** レイヤの重なり方向の高さ(影の付き方に影響する) */
|
|
30
40
|
layer?: 0 | 2 | 1 | 3 | 4 | undefined;
|
|
31
41
|
} & {
|
|
@@ -22,7 +22,7 @@ const separatePadding = (padding) => {
|
|
|
22
22
|
inline: padding,
|
|
23
23
|
};
|
|
24
24
|
};
|
|
25
|
-
export const Base = forwardRef(({ padding, radius = 'm', layer = 1, className = '', ...props }, ref) => {
|
|
25
|
+
export const Base = forwardRef(({ padding, radius = 'm', overflow, layer = 1, className = '', ...props }, ref) => {
|
|
26
26
|
const themes = useTheme();
|
|
27
27
|
const classNames = useClassNames();
|
|
28
28
|
const $padding = separatePadding(padding);
|
|
@@ -34,15 +34,24 @@ export const Base = forwardRef(({ padding, radius = 'm', layer = 1, className =
|
|
|
34
34
|
return themes.radius.l;
|
|
35
35
|
}
|
|
36
36
|
}, [radius, themes.radius.l, themes.radius.m]);
|
|
37
|
-
return (React.createElement(Wrapper, { ...props, className: `${className} ${classNames.base.wrapper}`, themes: themes, "$padding": $padding, "$radius": $radius, "$layer": layerMap[layer], ref: ref }));
|
|
37
|
+
return (React.createElement(Wrapper, { ...props, className: `${className} ${classNames.base.wrapper}`, themes: themes, "$padding": $padding, "$radius": $radius, "$overflow": overflow, "$layer": layerMap[layer], ref: ref }));
|
|
38
38
|
});
|
|
39
39
|
const Wrapper = styled.div `
|
|
40
|
-
${({ themes: { color, shadow }, $padding, $radius, $layer }) => css `
|
|
40
|
+
${({ themes: { color, shadow }, $padding, $radius, $overflow, $layer }) => css `
|
|
41
41
|
box-shadow: ${shadow[$layer]};
|
|
42
42
|
border-radius: ${$radius};
|
|
43
43
|
background-color: ${color.WHITE};
|
|
44
44
|
${$padding.block && `padding-block: ${useSpacing($padding.block)};`}
|
|
45
45
|
${$padding.inline && `padding-inline: ${useSpacing($padding.inline)};`}
|
|
46
|
+
${$overflow &&
|
|
47
|
+
($overflow instanceof Object
|
|
48
|
+
? css `
|
|
49
|
+
overflow-x: ${$overflow.x};
|
|
50
|
+
overflow-y: ${$overflow.y};
|
|
51
|
+
`
|
|
52
|
+
: css `
|
|
53
|
+
overflow: ${$overflow};
|
|
54
|
+
`)}
|
|
46
55
|
`}
|
|
47
56
|
`;
|
|
48
57
|
//# sourceMappingURL=Base.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Base.js","sourceRoot":"","sources":["../../../src/components/Base/Base.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Base.js","sourceRoot":"","sources":["../../../src/components/Base/Base.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoD,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACpG,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAGtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAiB/C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;CACH,CAAA;AASV,MAAM,eAAe,GAAG,CAAC,OAAyB,EAAE,EAAE;IACpD,IAAI,OAAO,YAAY,MAAM,EAAE;QAC7B,OAAO;YACL,KAAK,EAAE,OAAO,CAAC,KAAK;YACpB,MAAM,EAAE,OAAO,CAAC,MAAM;SACvB,CAAA;KACF;IAED,OAAO;QACL,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;KAChB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAE,OAAO,EAAE,MAAM,GAAG,GAAG,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChF,MAAM,MAAM,GAAG,QAAQ,EAAE,CAAA;IACzB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,QAAQ,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IACzC,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,QAAQ,MAAM,EAAE;YACd,KAAK,GAAG;gBACN,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAA;YACxB,KAAK,GAAG;gBACN,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAA;SACzB;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAE9C,OAAO,CACL,oBAAC,OAAO,OACF,KAAK,EACT,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,EAAE,EACpD,MAAM,EAAE,MAAM,cACJ,QAAQ,aACT,OAAO,eACL,QAAQ,YACX,QAAQ,CAAC,KAAK,CAAC,EACvB,GAAG,EAAE,GAAG,GACR,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAMxB;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;kBAC9D,MAAM,CAAC,MAAM,CAAC;qBACX,OAAO;wBACJ,KAAK,CAAC,KAAK;MAC7B,QAAQ,CAAC,KAAK,IAAI,kBAAkB,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG;MACjE,QAAQ,CAAC,MAAM,IAAI,mBAAmB,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG;MACpE,SAAS;IACX,CAAC,SAAS,YAAY,MAAM;QAC1B,CAAC,CAAC,GAAG,CAAA;wBACa,SAAS,CAAC,CAAC;wBACX,SAAS,CAAC,CAAC;SAC1B;QACH,CAAC,CAAC,GAAG,CAAA;sBACW,SAAS;SACtB,CAAC;GACP;CACF,CAAA"}
|
|
@@ -14,6 +14,10 @@ declare const Base: import("styled-components").StyledComponent<React.ForwardRef
|
|
|
14
14
|
inline?: import("../Layout").Gap | undefined;
|
|
15
15
|
} | undefined;
|
|
16
16
|
radius?: "s" | "m" | undefined;
|
|
17
|
+
overflow?: import("csstype").Property.Overflow | {
|
|
18
|
+
x: import("csstype").Property.OverflowX | undefined;
|
|
19
|
+
y: import("csstype").Property.OverflowY | undefined;
|
|
20
|
+
} | undefined;
|
|
17
21
|
layer?: 0 | 2 | 1 | 3 | 4 | undefined;
|
|
18
22
|
} & {
|
|
19
23
|
children?: React.ReactNode;
|
|
@@ -1,4 +1,11 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
|
+
import { Props as CheckBoxInputProps } from './CheckBoxInput';
|
|
3
|
+
export type Props = {
|
|
4
|
+
/** ラベル部分の `line-height` */
|
|
5
|
+
lineHeight?: number;
|
|
6
|
+
/** ラベルの内容 */
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
} & CheckBoxInputProps;
|
|
2
9
|
export declare const CheckBox: React.ForwardRefExoticComponent<{
|
|
3
10
|
/** ラベル部分の `line-height` */
|
|
4
11
|
lineHeight?: number | undefined;
|
|
@@ -79,11 +79,11 @@ const Input = styled.input `
|
|
|
79
79
|
&[disabled] {
|
|
80
80
|
pointer-events: none;
|
|
81
81
|
}
|
|
82
|
-
&:hover + span {
|
|
82
|
+
&:hover:not([disabled]) + span {
|
|
83
83
|
box-shadow: 0 0 0 2px ${transparentize(0.78, color.MAIN)};
|
|
84
84
|
}
|
|
85
85
|
&:focus-visible + span {
|
|
86
|
-
|
|
86
|
+
${shadow.focusIndicatorStyles};
|
|
87
87
|
}
|
|
88
88
|
`;
|
|
89
89
|
}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBoxInput.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBoxInput.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"CheckBoxInput.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBoxInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { CheckBox } from './CheckBox';
|
|
1
|
+
export { CheckBox, Props } from './CheckBox';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CheckBox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CheckBox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAS,MAAM,YAAY,CAAA"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ChangeEvent, HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import { DecoratorsType } from '../../types/props';
|
|
2
3
|
import { ComboBoxItem } from './types';
|
|
3
4
|
type Props<T> = {
|
|
4
5
|
/**
|
|
@@ -96,12 +97,11 @@ type Props<T> = {
|
|
|
96
97
|
/**
|
|
97
98
|
* コンポーネント内のテキストを変更する関数/
|
|
98
99
|
*/
|
|
99
|
-
|
|
100
|
-
noResultText?: (text: string) => ReactNode;
|
|
100
|
+
decorators?: DecoratorsType<'noResultText'> & {
|
|
101
101
|
destroyButtonIconAlt?: (text: string) => string;
|
|
102
102
|
selectedListAriaLabel?: (text: string) => string;
|
|
103
103
|
};
|
|
104
104
|
};
|
|
105
105
|
type ElementProps<T> = Omit<HTMLAttributes<HTMLDivElement>, keyof Props<T>>;
|
|
106
|
-
export declare function MultiComboBox<T>({ items, selectedItems, name, disabled, error, creatable, placeholder, dropdownHelpMessage, isLoading, selectedItemEllipsis, width, dropdownWidth, inputValue: controlledInputValue, className, onChange, onChangeInput, onAdd, onDelete, onSelect, onChangeSelected, onFocus, onBlur,
|
|
106
|
+
export declare function MultiComboBox<T>({ items, selectedItems, name, disabled, error, creatable, placeholder, dropdownHelpMessage, isLoading, selectedItemEllipsis, width, dropdownWidth, inputValue: controlledInputValue, className, onChange, onChangeInput, onAdd, onDelete, onSelect, onChangeSelected, onFocus, onBlur, decorators, ...props }: Props<T> & ElementProps<T>): JSX.Element;
|
|
107
107
|
export {};
|
|
@@ -12,7 +12,7 @@ import { useFocusControl } from './useFocusControl';
|
|
|
12
12
|
import { useListBox } from './useListBox';
|
|
13
13
|
import { useOptions } from './useOptions';
|
|
14
14
|
const SELECTED_LIST_ARIA_LABEL = '選択済みアイテム';
|
|
15
|
-
export function MultiComboBox({ items, selectedItems, name, disabled = false, error = false, creatable = false, placeholder = '', dropdownHelpMessage, isLoading, selectedItemEllipsis, width = 'auto', dropdownWidth = 'auto', inputValue: controlledInputValue, className = '', onChange, onChangeInput, onAdd, onDelete, onSelect, onChangeSelected, onFocus, onBlur,
|
|
15
|
+
export function MultiComboBox({ items, selectedItems, name, disabled = false, error = false, creatable = false, placeholder = '', dropdownHelpMessage, isLoading, selectedItemEllipsis, width = 'auto', dropdownWidth = 'auto', inputValue: controlledInputValue, className = '', onChange, onChangeInput, onAdd, onDelete, onSelect, onChangeSelected, onFocus, onBlur, decorators, ...props }) {
|
|
16
16
|
const theme = useTheme();
|
|
17
17
|
const classNames = useMultiComboBoxClassNames();
|
|
18
18
|
const outerRef = useRef(null);
|
|
@@ -61,7 +61,7 @@ export function MultiComboBox({ items, selectedItems, name, disabled = false, er
|
|
|
61
61
|
isExpanded: isFocused,
|
|
62
62
|
isLoading,
|
|
63
63
|
triggerRef: outerRef,
|
|
64
|
-
|
|
64
|
+
decorators,
|
|
65
65
|
});
|
|
66
66
|
const { deletionButtonRefs, inputRef, focusPrevDeletionButton, focusNextDeletionButton, resetDeletionButtonFocus, } = useFocusControl(selectedItems.length);
|
|
67
67
|
const focus = useCallback(() => {
|
|
@@ -158,10 +158,9 @@ export function MultiComboBox({ items, selectedItems, name, disabled = false, er
|
|
|
158
158
|
}
|
|
159
159
|
}, onKeyDown: handleKeyDown, role: "group" },
|
|
160
160
|
React.createElement(InputArea, { themes: theme },
|
|
161
|
-
React.createElement(SelectedList, { id: selectedListId, "aria-label":
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
React.createElement(MultiSelectedItem, { item: selectedItem, disabled: disabled, onDelete: handleDelete, enableEllipsis: selectedItemEllipsis, buttonRef: deletionButtonRefs[i], decorator: decorator }))))),
|
|
161
|
+
React.createElement(SelectedList, { id: selectedListId, "aria-label": decorators?.selectedListAriaLabel?.(SELECTED_LIST_ARIA_LABEL) ||
|
|
162
|
+
SELECTED_LIST_ARIA_LABEL, className: classNames.selectedList }, selectedItems.map((selectedItem, i) => (React.createElement("li", { key: `${selectedItem.label}-${selectedItem.value}` },
|
|
163
|
+
React.createElement(MultiSelectedItem, { item: selectedItem, disabled: disabled, onDelete: handleDelete, enableEllipsis: selectedItemEllipsis, buttonRef: deletionButtonRefs[i], decorators: decorators }))))),
|
|
165
164
|
React.createElement(InputWrapper, { className: isFocused ? undefined : 'hidden' },
|
|
166
165
|
React.createElement(Input, { type: "text", name: name, value: inputValue, disabled: disabled, ref: inputRef, themes: theme, onChange: (e) => {
|
|
167
166
|
if (onChange)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiComboBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/MultiComboBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,WAAW,EACX,eAAe,EACf,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"MultiComboBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/MultiComboBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,8 +8,8 @@ export type Props<T> = {
|
|
|
8
8
|
onDelete: (item: ComboBoxItem<T>) => void;
|
|
9
9
|
enableEllipsis?: boolean;
|
|
10
10
|
buttonRef: RefObject<HTMLButtonElement>;
|
|
11
|
-
|
|
11
|
+
decorators?: {
|
|
12
12
|
destroyButtonIconAlt?: (text: string) => string;
|
|
13
13
|
};
|
|
14
14
|
};
|
|
15
|
-
export declare function MultiSelectedItem<T>({ item, disabled, onDelete, enableEllipsis, buttonRef,
|
|
15
|
+
export declare function MultiSelectedItem<T>({ item, disabled, onDelete, enableEllipsis, buttonRef, decorators, }: Props<T>): JSX.Element;
|
|
@@ -6,7 +6,7 @@ import { FaTimesCircleIcon } from '../Icon';
|
|
|
6
6
|
import { MultiSelectedItemTooltip } from './MultiSelectedItemTooltip';
|
|
7
7
|
import { useMultiComboBoxClassNames } from './useClassNames';
|
|
8
8
|
const DESTROY_BUTTON_TEXT = '削除';
|
|
9
|
-
export function MultiSelectedItem({ item, disabled, onDelete, enableEllipsis, buttonRef,
|
|
9
|
+
export function MultiSelectedItem({ item, disabled, onDelete, enableEllipsis, buttonRef, decorators, }) {
|
|
10
10
|
const theme = useTheme();
|
|
11
11
|
const labelRef = useRef(null);
|
|
12
12
|
const [needsTooltip, setNeedsTooltip] = useState(false);
|
|
@@ -31,9 +31,7 @@ export function MultiSelectedItem({ item, disabled, onDelete, enableEllipsis, bu
|
|
|
31
31
|
e.stopPropagation();
|
|
32
32
|
}
|
|
33
33
|
}, ref: buttonRef, tabIndex: -1 },
|
|
34
|
-
React.createElement(FaTimesCircleIcon, { size: 11, color: "inherit", alt:
|
|
35
|
-
? decorator.destroyButtonIconAlt(DESTROY_BUTTON_TEXT)
|
|
36
|
-
: DESTROY_BUTTON_TEXT }))))));
|
|
34
|
+
React.createElement(FaTimesCircleIcon, { size: 11, color: "inherit", alt: decorators?.destroyButtonIconAlt?.(DESTROY_BUTTON_TEXT) || DESTROY_BUTTON_TEXT }))))));
|
|
37
35
|
}
|
|
38
36
|
const Wrapper = styled.div `
|
|
39
37
|
${({ themes, disabled }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelectedItem.js","sourceRoot":"","sources":["../../../src/components/ComboBox/MultiSelectedItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAE3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAErE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAA;AAa5D,MAAM,mBAAmB,GAAG,IAAI,CAAA;AAEhC,MAAM,UAAU,iBAAiB,CAAI,EACnC,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,SAAS,EACT,
|
|
1
|
+
{"version":3,"file":"MultiSelectedItem.js","sourceRoot":"","sources":["../../../src/components/ComboBox/MultiSelectedItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ChangeEvent, HTMLAttributes, MouseEvent, ReactNode } from 'react';
|
|
2
|
+
import { DecoratorsType } from '../../types/props';
|
|
2
3
|
import { ComboBoxItem } from './types';
|
|
3
4
|
type Props<T> = {
|
|
4
5
|
/**
|
|
@@ -90,11 +91,10 @@ type Props<T> = {
|
|
|
90
91
|
/**
|
|
91
92
|
* コンポーネント内のテキストを変更する関数/
|
|
92
93
|
*/
|
|
93
|
-
|
|
94
|
-
noResultText?: (text: string) => ReactNode;
|
|
94
|
+
decorators?: DecoratorsType<'noResultText'> & {
|
|
95
95
|
destroyButtonIconAlt?: (text: string) => string;
|
|
96
96
|
};
|
|
97
97
|
};
|
|
98
98
|
type ElementProps<T> = Omit<HTMLAttributes<HTMLDivElement>, keyof Props<T>>;
|
|
99
|
-
export declare function SingleComboBox<T>({ items, selectedItem, defaultItem, name, disabled, prefix, error, creatable, placeholder, dropdownHelpMessage, isLoading, width, dropdownWidth, className, onChange, onChangeInput, onAdd, onSelect, onClear, onClearClick, onChangeSelected,
|
|
99
|
+
export declare function SingleComboBox<T>({ items, selectedItem, defaultItem, name, disabled, prefix, error, creatable, placeholder, dropdownHelpMessage, isLoading, width, dropdownWidth, className, onChange, onChangeInput, onAdd, onSelect, onClear, onClearClick, onChangeSelected, decorators, ...props }: Props<T> & ElementProps<T>): JSX.Element;
|
|
100
100
|
export {};
|
|
@@ -10,7 +10,7 @@ import { useSingleComboBoxClassNames } from './useClassNames';
|
|
|
10
10
|
import { useListBox } from './useListBox';
|
|
11
11
|
import { useOptions } from './useOptions';
|
|
12
12
|
const DESTROY_BUTTON_TEXT = '削除';
|
|
13
|
-
export function SingleComboBox({ items, selectedItem, defaultItem, name, disabled = false, prefix, error = false, creatable = false, placeholder = '', dropdownHelpMessage, isLoading, width = 'auto', dropdownWidth = 'auto', className = '', onChange, onChangeInput, onAdd, onSelect, onClear, onClearClick, onChangeSelected,
|
|
13
|
+
export function SingleComboBox({ items, selectedItem, defaultItem, name, disabled = false, prefix, error = false, creatable = false, placeholder = '', dropdownHelpMessage, isLoading, width = 'auto', dropdownWidth = 'auto', className = '', onChange, onChangeInput, onAdd, onSelect, onClear, onClearClick, onChangeSelected, decorators, ...props }) {
|
|
14
14
|
const theme = useTheme();
|
|
15
15
|
const classNames = useSingleComboBoxClassNames();
|
|
16
16
|
const outerRef = useRef(null);
|
|
@@ -46,7 +46,7 @@ export function SingleComboBox({ items, selectedItem, defaultItem, name, disable
|
|
|
46
46
|
isExpanded,
|
|
47
47
|
isLoading,
|
|
48
48
|
triggerRef: outerRef,
|
|
49
|
-
|
|
49
|
+
decorators,
|
|
50
50
|
});
|
|
51
51
|
const focus = useCallback(() => {
|
|
52
52
|
setIsFocused(true);
|
|
@@ -120,7 +120,7 @@ export function SingleComboBox({ items, selectedItem, defaultItem, name, disable
|
|
|
120
120
|
if (isComposing) {
|
|
121
121
|
return;
|
|
122
122
|
}
|
|
123
|
-
if (['Escape', '
|
|
123
|
+
if (['Escape', 'Esc'].includes(e.key)) {
|
|
124
124
|
if (isExpanded) {
|
|
125
125
|
e.stopPropagation();
|
|
126
126
|
setIsExpanded(false);
|
|
@@ -176,9 +176,7 @@ export function SingleComboBox({ items, selectedItem, defaultItem, name, disable
|
|
|
176
176
|
React.createElement(Container, { ...props, ref: outerRef, className: `${disabled ? 'disabled' : ''} ${className} ${classNames.wrapper}`, "$width": width, role: "combobox", "aria-haspopup": "listbox", "aria-controls": listBoxId, "aria-expanded": isFocused, "aria-invalid": error || undefined },
|
|
177
177
|
React.createElement(StyledInput, { placeholder: placeholder, type: "text", name: name, value: inputValue, disabled: disabled, prefix: prefix, error: error, suffix: React.createElement(React.Fragment, null,
|
|
178
178
|
React.createElement(ClearButton, { type: "button", onClick: onClickClear, ref: clearButtonRef, themes: theme, className: `${needsClearButton ? '' : 'hidden'} ${classNames.clearButton}` },
|
|
179
|
-
React.createElement(FaTimesCircleIcon, { color: theme.color.TEXT_BLACK, alt:
|
|
180
|
-
? decorator.destroyButtonIconAlt(DESTROY_BUTTON_TEXT)
|
|
181
|
-
: DESTROY_BUTTON_TEXT })),
|
|
179
|
+
React.createElement(FaTimesCircleIcon, { color: theme.color.TEXT_BLACK, alt: decorators?.destroyButtonIconAlt?.(DESTROY_BUTTON_TEXT) || DESTROY_BUTTON_TEXT })),
|
|
182
180
|
React.createElement(CaretDownLayout, { themes: theme, onClick: onClickInput },
|
|
183
181
|
React.createElement(CaretDownWrapper, { themes: theme },
|
|
184
182
|
React.createElement(FaCaretDownIcon, { color: caretIconColor })))), onClick: onClickInput, onChange: actualOnChangeInput, onFocus: onFocus, onCompositionStart: onCompositionStart, onCompositionEnd: onCompositionEnd, onKeyDown: onKeyDownInput, ref: inputRef, autoComplete: "off", "aria-activedescendant": activeOption?.id, "aria-autocomplete": "list", className: classNames.input }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SingleComboBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/SingleComboBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,WAAW,EACX,eAAe,EACf,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"SingleComboBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/SingleComboBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { KeyboardEvent, ReactNode, RefObject } from 'react';
|
|
2
|
+
import { DecoratorsType } from '../../types/props';
|
|
2
3
|
import { ComboBoxItem, ComboBoxOption } from './types';
|
|
3
4
|
type Props<T> = {
|
|
4
5
|
options: Array<ComboBoxOption<T>>;
|
|
@@ -9,11 +10,9 @@ type Props<T> = {
|
|
|
9
10
|
isExpanded: boolean;
|
|
10
11
|
isLoading?: boolean;
|
|
11
12
|
triggerRef: RefObject<HTMLElement>;
|
|
12
|
-
|
|
13
|
-
noResultText?: (text: string) => ReactNode;
|
|
14
|
-
} | undefined;
|
|
13
|
+
decorators?: DecoratorsType<'noResultText'>;
|
|
15
14
|
};
|
|
16
|
-
export declare function useListBox<T>({ options, dropdownHelpMessage, dropdownWidth, onAdd, onSelect, isExpanded, isLoading, triggerRef,
|
|
15
|
+
export declare function useListBox<T>({ options, dropdownHelpMessage, dropdownWidth, onAdd, onSelect, isExpanded, isLoading, triggerRef, decorators, }: Props<T>): {
|
|
17
16
|
renderListBox: () => React.ReactPortal | null;
|
|
18
17
|
activeOption: ComboBoxOption<T> | null;
|
|
19
18
|
handleKeyDown: (e: KeyboardEvent<HTMLElement>) => void;
|
|
@@ -10,7 +10,7 @@ import { ListBoxItem } from './ListBoxItem';
|
|
|
10
10
|
import { useActiveOption } from './useActiveOption';
|
|
11
11
|
import { usePartialRendering } from './usePartialRendering';
|
|
12
12
|
const NO_RESULT_TEXT = '一致する選択肢がありません';
|
|
13
|
-
export function useListBox({ options, dropdownHelpMessage, dropdownWidth, onAdd, onSelect, isExpanded, isLoading, triggerRef,
|
|
13
|
+
export function useListBox({ options, dropdownHelpMessage, dropdownWidth, onAdd, onSelect, isExpanded, isLoading, triggerRef, decorators, }) {
|
|
14
14
|
const [navigationType, setNavigationType] = useState('pointer');
|
|
15
15
|
const { activeOption, setActiveOption, moveActivePositionDown, moveActivePositionUp } = useActiveOption({ options });
|
|
16
16
|
useEffect(() => {
|
|
@@ -140,7 +140,9 @@ export function useListBox({ options, dropdownHelpMessage, dropdownWidth, onAdd,
|
|
|
140
140
|
dropdownHelpMessage && (React.createElement(HelpMessage, { themes: theme },
|
|
141
141
|
React.createElement(FaInfoCircleIcon, { color: theme.color.TEXT_GREY, text: dropdownHelpMessage, iconGap: 0.25 }))),
|
|
142
142
|
!isExpanded ? null : isLoading ? (React.createElement(LoaderWrapper, { themes: theme },
|
|
143
|
-
React.createElement(Loader, null))) : options.length === 0 ? (React.createElement(NoItems, { themes: theme, role: "alert", "aria-live": "polite", className: classNames.noItems },
|
|
143
|
+
React.createElement(Loader, null))) : options.length === 0 ? (React.createElement(NoItems, { themes: theme, role: "alert", "aria-live": "polite", className: classNames.noItems }, decorators?.noResultText
|
|
144
|
+
? decorators.noResultText(NO_RESULT_TEXT)
|
|
145
|
+
: NO_RESULT_TEXT)) : (partialOptions.map((option) => (React.createElement(ListBoxItem, { key: option.id, option: option, isActive: option.id === activeOption?.id, onAdd: handleAdd, onSelect: handleSelect, onMouseOver: handleHoverOption, activeRef: activeRef })))),
|
|
144
146
|
renderIntersection()))), [
|
|
145
147
|
activeOption?.id,
|
|
146
148
|
classNames.dropdownList,
|
|
@@ -159,7 +161,7 @@ export function useListBox({ options, dropdownHelpMessage, dropdownWidth, onAdd,
|
|
|
159
161
|
dropdownHelpMessage,
|
|
160
162
|
dropdownWidth,
|
|
161
163
|
theme,
|
|
162
|
-
|
|
164
|
+
decorators,
|
|
163
165
|
]);
|
|
164
166
|
return {
|
|
165
167
|
renderListBox,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useListBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/useListBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,WAAW,EACX,UAAU,EACV,SAAS,EACT,eAAe,EACf,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"useListBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/useListBox.tsx"],"names":[],"mappings":"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"}
|