smarthr-ui 27.0.0 → 28.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/Button/Button.js +1 -1
- package/esm/components/Button/Button.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 +3 -5
- 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/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 +3 -4
- package/esm/components/Dialog/ActionDialogContentInner.js +3 -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 +3 -4
- package/esm/components/Dialog/MessageDialogContentInner.js +3 -2
- package/esm/components/Dialog/MessageDialogContentInner.js.map +1 -1
- package/esm/components/Dialog/ModelessDialog.d.ts +6 -0
- package/esm/components/Dialog/ModelessDialog.js +49 -40
- 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/Experimental/SideMenu/SideMenuItem.js +2 -2
- package/esm/components/Experimental/SideMenu/SideMenuItem.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 +2 -4
- package/esm/components/InputFile/InputFile.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/lib/components/Button/Button.js +1 -1
- package/lib/components/Button/Button.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 +3 -5
- 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/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 +3 -4
- package/lib/components/Dialog/ActionDialogContentInner.js +3 -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 +3 -4
- package/lib/components/Dialog/MessageDialogContentInner.js +3 -2
- package/lib/components/Dialog/MessageDialogContentInner.js.map +1 -1
- package/lib/components/Dialog/ModelessDialog.d.ts +6 -0
- package/lib/components/Dialog/ModelessDialog.js +48 -39
- 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/Experimental/SideMenu/SideMenuItem.js +2 -2
- package/lib/components/Experimental/SideMenu/SideMenuItem.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 +2 -4
- package/lib/components/InputFile/InputFile.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/package.json +20 -23
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)の条件に従ってライセンスされています。
|
|
@@ -22,7 +22,7 @@ export const Button = forwardRef(({ type = 'button', size = 'default', square =
|
|
|
22
22
|
const DisabledDetailIcon = disabledDetail.icon || FaInfoCircleIcon;
|
|
23
23
|
return (React.createElement(DisabledDetailWrapper, { themes: theme, className: classNames.disabledWrapper },
|
|
24
24
|
button,
|
|
25
|
-
React.createElement(Tooltip, { message: disabledDetail.message, triggerType: "icon" },
|
|
25
|
+
React.createElement(Tooltip, { message: disabledDetail.message, triggerType: "icon", horizontal: "auto", vertical: "auto" },
|
|
26
26
|
React.createElement(DisabledDetailIcon, null))));
|
|
27
27
|
}
|
|
28
28
|
return button;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwB,UAAU,EAAE,MAAM,OAAO,CAAA;AAC/D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,WAAW,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAI/C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CACE,EACE,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,SAAS,EAChB,MAAM,GAAG,KAAK,EACd,MAAM,EACN,MAAM,EACN,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,WAAW,EACrB,QAAQ,EACR,cAAc,EACd,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC,MAAM,CAAA;IAEzC,MAAM,MAAM,GAAG,oBAAC,MAAM,IAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,GAAI,CAAA;IAChF,MAAM,YAAY,GAAG,CAAC,OAAO,IAAI,MAAM,CAAA;IACvC,MAAM,YAAY,GAAG,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAA;IACzD,MAAM,iBAAiB,GAAG,OAAO,IAAI,QAAQ,CAAA;IAC7C,MAAM,cAAc,GAAG,OAAO,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAA;IAE5D,MAAM,MAAM,GAAG,CACb,oBAAC,aAAa,OACR,KAAK,EACT,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,EAC/C,SAAS,EAAE,GAAG,EACd,QAAQ,EAAE,iBAAiB,cACjB,OAAO;QAEjB,oBAAC,WAAW,IAAC,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,IACpD,cAAc,CACH,CACA,CACjB,CAAA;IAED,IAAI,QAAQ,IAAI,cAAc,EAAE;QAC9B,MAAM,kBAAkB,GAAG,cAAc,CAAC,IAAI,IAAI,gBAAgB,CAAA;QAElE,OAAO,CACL,oBAAC,qBAAqB,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,eAAe;YACxE,MAAM;YACP,oBAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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":"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,UAAU,GACD;IACT,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,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,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,CAAA;QAC7B,IAAI,CAAC,IAAI,IAAI,CAAC,cAAc,EAAE;YAC5B,OAAM;SACP;QACD,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE;YACvC,eAAe,CAAC,IAAI,CAAC,CAAA;SACtB;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,MAAM,UAAU,GAAG,0BAA0B,EAAE,CAAA;IAE/C,OAAO,CACL,oBAAC,wBAAwB,IAAC,YAAY,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK;QACpE,oBAAC,OAAO,IAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,YAAY;YAC5E,oBAAC,SAAS,IACR,MAAM,EAAE,KAAK,EACb,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,iBAAiB,EACvC,GAAG,EAAE,QAAQ,IAEZ,IAAI,CAAC,KAAK,CACD;YAEX,SAAS,IAAI,CACZ,oBAAC,YAAY,IACX,IAAI,EAAC,QAAQ,EACb,MAAM,EAAE,KAAK,EACb,SAAS,EAAE,UAAU,CAAC,YAAY,EAClC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;oBACZ,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAA;gBAC5B,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;oBACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;wBACtC,CAAC,CAAC,eAAe,EAAE,CAAA;qBACpB;gBACH,CAAC,EACD,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,CAAC,CAAC;gBAEZ,oBAAC,iBAAiB,IAChB,IAAI,EAAE,EAAE,EACR,KAAK,EAAC,SAAS,EACf,GAAG,EAAE,UAAU,EAAE,oBAAoB,EAAE,CAAC,mBAAmB,CAAC,IAAI,mBAAmB,GACnF,CACW,CAChB,CACO,CACe,CAC5B,CAAA;AACH,CAAC;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAuC;IAC7D,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAA;IAE1C,OAAO,GAAG,CAAA;;;;gBAIE,MAAM,CAAC,SAAS;0BACN,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK;eACnE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU;mBAC7C,QAAQ,CAAC,CAAC;KACxB,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAA6C;IACrE,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE;IAC1D,OAAO,GAAG,CAAA;iBACG,aAAa,CAAC,IAAI,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,MAAM,MAAM,CAAC,SAAS;;QAE7E,cAAc;QAChB,GAAG,CAAA;;;;OAIF;KACF,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,YAAY,GAAG,MAAM,CAAC,cAAc,CAAC,CAAuC;IAC9E,CAAC,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5D,OAAO,GAAG,CAAA;;sBAEQ,aAAa,CAAC,GAAG,CAAC,MAAM,MAAM,CAAC,SAAS;;gBAE9C,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;;;;;;;;;UAS1C,MAAM,CAAC,oBAAoB;;KAEhC,CAAA;AACH,CAAC;CACF,CAAA"}
|
|
@@ -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);
|
|
@@ -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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"}
|
|
@@ -3,7 +3,7 @@ import { useId } from '../../hooks/useId';
|
|
|
3
3
|
import { ActionDialogContentInner } from './ActionDialogContentInner';
|
|
4
4
|
import { DialogContentInner } from './DialogContentInner';
|
|
5
5
|
import { useDialogPortal } from './useDialogPortal';
|
|
6
|
-
export const ActionDialog = ({ children, title, subtitle, titleTag,
|
|
6
|
+
export const ActionDialog = ({ children, title, subtitle, titleTag, actionText, actionTheme, onClickAction, onClickClose, onPressEscape = onClickClose, responseMessage, actionDisabled = false, closeDisabled, className = '', portalParent, decorators, ...props }) => {
|
|
7
7
|
const { createPortal } = useDialogPortal(portalParent);
|
|
8
8
|
const titleId = useId();
|
|
9
9
|
const handleClickClose = useCallback(() => {
|
|
@@ -19,6 +19,6 @@ export const ActionDialog = ({ children, title, subtitle, titleTag, closeText, a
|
|
|
19
19
|
onClickAction(onClickClose);
|
|
20
20
|
}, [onClickAction, onClickClose, props.isOpen]);
|
|
21
21
|
return createPortal(React.createElement(DialogContentInner, { ...props, ariaLabelledby: titleId, className: className, onPressEscape: onPressEscape },
|
|
22
|
-
React.createElement(ActionDialogContentInner, { title: title, titleId: titleId, subtitle: subtitle, titleTag: titleTag,
|
|
22
|
+
React.createElement(ActionDialogContentInner, { title: title, titleId: titleId, subtitle: subtitle, titleTag: titleTag, actionText: actionText, actionTheme: actionTheme, actionDisabled: actionDisabled, closeDisabled: closeDisabled, onClickClose: handleClickClose, onClickAction: handleClickAction, responseMessage: responseMessage, decorators: decorators }, children)));
|
|
23
23
|
};
|
|
24
24
|
//# sourceMappingURL=ActionDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/ActionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EAAE,wBAAwB,EAAiC,MAAM,4BAA4B,CAAA;AACpG,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAKnD,MAAM,CAAC,MAAM,YAAY,GAAoC,CAAC,EAC5D,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"ActionDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/ActionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EAAE,wBAAwB,EAAiC,MAAM,4BAA4B,CAAA;AACpG,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAKnD,MAAM,CAAC,MAAM,YAAY,GAAoC,CAAC,EAC5D,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,eAAe,EACf,cAAc,GAAG,KAAK,EACtB,aAAa,EACb,SAAS,GAAG,EAAE,EACd,YAAY,EACZ,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IACtD,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAM;SACP;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAEhC,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAM;SACP;QACD,aAAa,CAAC,YAAY,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAE/C,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAE5B,oBAAC,wBAAwB,IACvB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,aAAa,EAAE,iBAAiB,EAChC,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,IAErB,QAAQ,CACgB,CACR,CACtB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -4,7 +4,7 @@ import { ActionDialogContentInner } from './ActionDialogContentInner';
|
|
|
4
4
|
import { DialogContentInner } from './DialogContentInner';
|
|
5
5
|
import { DialogContext } from './DialogWrapper';
|
|
6
6
|
import { useDialogPortal } from './useDialogPortal';
|
|
7
|
-
export const ActionDialogContent = ({ children, title,
|
|
7
|
+
export const ActionDialogContent = ({ children, title, actionText, actionTheme, onClickAction, actionDisabled = false, portalParent, className = '', decorators, ...props }) => {
|
|
8
8
|
const { onClickClose, active } = useContext(DialogContext);
|
|
9
9
|
const { createPortal } = useDialogPortal(portalParent);
|
|
10
10
|
const handleClickClose = useCallback(() => {
|
|
@@ -21,6 +21,6 @@ export const ActionDialogContent = ({ children, title, closeText, actionText, ac
|
|
|
21
21
|
}, [active, onClickAction, onClickClose]);
|
|
22
22
|
const titleId = useId();
|
|
23
23
|
return createPortal(React.createElement(DialogContentInner, { ...props, onClickOverlay: onClickClose, onPressEscape: onClickClose, isOpen: active, ariaLabelledby: titleId, className: className },
|
|
24
|
-
React.createElement(ActionDialogContentInner, { title: title, titleId: titleId,
|
|
24
|
+
React.createElement(ActionDialogContentInner, { title: title, titleId: titleId, actionText: actionText, actionTheme: actionTheme, onClickAction: handleClickAction, onClickClose: handleClickClose, actionDisabled: actionDisabled, decorators: decorators }, children)));
|
|
25
25
|
};
|
|
26
26
|
//# sourceMappingURL=ActionDialogContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionDialogContent.js","sourceRoot":"","sources":["../../../src/components/Dialog/ActionDialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEtE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EAAE,wBAAwB,EAAa,MAAM,4BAA4B,CAAA;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAKnD,MAAM,CAAC,MAAM,mBAAmB,GAAoC,CAAC,EACnE,QAAQ,EACR,KAAK,EACL,
|
|
1
|
+
{"version":3,"file":"ActionDialogContent.js","sourceRoot":"","sources":["../../../src/components/Dialog/ActionDialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEtE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EAAE,wBAAwB,EAAa,MAAM,4BAA4B,CAAA;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAKnD,MAAM,CAAC,MAAM,mBAAmB,GAAoC,CAAC,EACnE,QAAQ,EACR,KAAK,EACL,UAAU,EACV,WAAW,EACX,aAAa,EACb,cAAc,GAAG,KAAK,EACtB,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAC1D,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IAEtD,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,MAAM,EAAE;YACX,OAAM;SACP;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;IAE1B,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,CAAC,MAAM,EAAE;YACX,OAAM;SACP;QACD,aAAa,CAAC,YAAY,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC,CAAA;IAEzC,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,cAAc,EAAE,YAAY,EAC5B,aAAa,EAAE,YAAY,EAC3B,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS;QAEpB,oBAAC,wBAAwB,IACvB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,iBAAiB,EAChC,YAAY,EAAE,gBAAgB,EAC9B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,IAErB,QAAQ,CACgB,CACR,CACtB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ReactNode, VFC } from 'react';
|
|
2
|
+
import { DecoratorsType } from '../../types/props';
|
|
2
3
|
import { HeadingTagTypes } from '../Heading';
|
|
3
4
|
export type BaseProps = {
|
|
4
5
|
/**
|
|
@@ -17,10 +18,6 @@ export type BaseProps = {
|
|
|
17
18
|
* ダイアログタイトルの HTML タグ
|
|
18
19
|
*/
|
|
19
20
|
titleTag?: HeadingTagTypes;
|
|
20
|
-
/**
|
|
21
|
-
* 閉じるボタンのラベル
|
|
22
|
-
*/
|
|
23
|
-
closeText?: ReactNode;
|
|
24
21
|
/**
|
|
25
22
|
* アクションボタンのラベル
|
|
26
23
|
*/
|
|
@@ -46,6 +43,8 @@ export type BaseProps = {
|
|
|
46
43
|
* コンポーネントに適用するクラス名
|
|
47
44
|
*/
|
|
48
45
|
className?: string;
|
|
46
|
+
/** コンポーネント内の文言を変更するための関数を設定 */
|
|
47
|
+
decorators?: DecoratorsType<'closeButtonLabel'>;
|
|
49
48
|
};
|
|
50
49
|
type responseMessageType = {
|
|
51
50
|
status: 'success' | 'error' | 'processing';
|
|
@@ -8,7 +8,8 @@ import { Loader } from '../Loader';
|
|
|
8
8
|
import { Text } from '../Text';
|
|
9
9
|
import { useOffsetHeight } from './dialogHelper';
|
|
10
10
|
import { useClassNames } from './useClassNames';
|
|
11
|
-
|
|
11
|
+
const CLOSE_BUTTON_LABEL = 'キャンセル';
|
|
12
|
+
export const ActionDialogContentInner = ({ children, title, titleId, subtitle, titleTag = 'h2', actionText, actionTheme = 'primary', onClickAction, onClickClose, responseMessage, actionDisabled = false, closeDisabled, decorators, }) => {
|
|
12
13
|
const classNames = useClassNames().dialog;
|
|
13
14
|
const theme = useTheme();
|
|
14
15
|
const handleClickAction = useCallback(() => {
|
|
@@ -23,7 +24,7 @@ export const ActionDialogContentInner = ({ children, title, titleId, subtitle, t
|
|
|
23
24
|
React.createElement(Body, { offsetHeight: offsetHeight, className: classNames.body }, children),
|
|
24
25
|
React.createElement(ActionArea, { themes: theme, ref: bottomRef, className: classNames.actionArea },
|
|
25
26
|
React.createElement(ButtonArea, { themes: theme, className: classNames.buttonArea },
|
|
26
|
-
React.createElement(Button, { onClick: onClickClose, disabled: closeDisabled || isRequestProcessing, className: classNames.closeButton },
|
|
27
|
+
React.createElement(Button, { onClick: onClickClose, disabled: closeDisabled || isRequestProcessing, className: classNames.closeButton }, decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL),
|
|
27
28
|
React.createElement(Button, { variant: actionTheme, onClick: handleClickAction, disabled: actionDisabled || isRequestProcessing, className: classNames.actionButton }, actionText)),
|
|
28
29
|
responseMessage && (React.createElement(MessageWrapper, { role: "alert", className: classNames.alert, themes: theme },
|
|
29
30
|
responseMessage.status === 'success' ? (React.createElement(FaCheckCircleIcon, { color: theme.color.MAIN })) : responseMessage.status === 'error' ? (React.createElement(FaExclamationCircleIcon, { color: theme.color.DANGER })) : (React.createElement(Spinner, { size: "s", themes: theme })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionDialogContentInner.js","sourceRoot":"","sources":["../../../src/components/Dialog/ActionDialogContentInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"ActionDialogContentInner.js","sourceRoot":"","sources":["../../../src/components/Dialog/ActionDialogContentInner.tsx"],"names":[],"mappings":"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"}
|