smarthr-ui 30.8.0 → 30.10.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/Button.js +1 -0
- package/esm/components/Button/Button.js.map +1 -1
- package/esm/components/ComboBox/types.d.ts +1 -1
- package/esm/components/ComboBox/useListBox.d.ts +1 -1
- package/esm/components/ComboBox/useListBox.js +2 -2
- package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.d.ts +2 -9
- package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.js.map +1 -1
- package/esm/components/Dialog/FormDialog/FormDialog.d.ts +7 -0
- package/esm/components/Dialog/FormDialog/FormDialog.js +24 -0
- package/esm/components/Dialog/FormDialog/FormDialog.js.map +1 -0
- package/esm/components/Dialog/FormDialog/FormDialogContent.d.ts +7 -0
- package/esm/components/Dialog/FormDialog/FormDialogContent.js +26 -0
- package/esm/components/Dialog/FormDialog/FormDialogContent.js.map +1 -0
- package/esm/components/Dialog/FormDialog/FormDialogContentInner.d.ts +61 -0
- package/esm/components/Dialog/FormDialog/FormDialogContentInner.js +57 -0
- package/esm/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -0
- package/esm/components/Dialog/FormDialog/index.d.ts +2 -0
- package/esm/components/Dialog/FormDialog/index.js +3 -0
- package/esm/components/Dialog/FormDialog/index.js.map +1 -0
- package/esm/components/Dialog/RemoteTriggerFormDialog/RemoteTriggerFormDialog.d.ts +6 -0
- package/esm/components/Dialog/RemoteTriggerFormDialog/RemoteTriggerFormDialog.js +8 -0
- package/esm/components/Dialog/RemoteTriggerFormDialog/RemoteTriggerFormDialog.js.map +1 -0
- package/esm/components/Dialog/RemoteTriggerFormDialog/index.d.ts +1 -0
- package/esm/components/Dialog/RemoteTriggerFormDialog/index.js +2 -0
- package/esm/components/Dialog/RemoteTriggerFormDialog/index.js.map +1 -0
- package/esm/components/Dialog/index.d.ts +2 -0
- package/esm/components/Dialog/index.js +2 -0
- package/esm/components/Dialog/index.js.map +1 -1
- package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js +1 -0
- package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js.map +1 -1
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.d.ts +2 -1
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js +22 -13
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/esm/components/Experimental/SideMenu/SideMenuItem.js +1 -1
- package/esm/components/Table/Head.js +1 -1
- package/esm/components/Table/Table.js +1 -1
- package/esm/index.d.ts +1 -1
- package/esm/index.js +1 -1
- package/esm/index.js.map +1 -1
- package/esm/types/props.d.ts +6 -0
- package/lib/components/Button/Button.js +1 -0
- package/lib/components/Button/Button.js.map +1 -1
- package/lib/components/ComboBox/types.d.ts +1 -1
- package/lib/components/ComboBox/useListBox.d.ts +1 -1
- package/lib/components/ComboBox/useListBox.js +2 -2
- package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.d.ts +2 -9
- package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.js.map +1 -1
- package/lib/components/Dialog/FormDialog/FormDialog.d.ts +7 -0
- package/lib/components/Dialog/FormDialog/FormDialog.js +51 -0
- package/lib/components/Dialog/FormDialog/FormDialog.js.map +1 -0
- package/lib/components/Dialog/FormDialog/FormDialogContent.d.ts +7 -0
- package/lib/components/Dialog/FormDialog/FormDialogContent.js +53 -0
- package/lib/components/Dialog/FormDialog/FormDialogContent.js.map +1 -0
- package/lib/components/Dialog/FormDialog/FormDialogContentInner.d.ts +61 -0
- package/lib/components/Dialog/FormDialog/FormDialogContentInner.js +84 -0
- package/lib/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -0
- package/lib/components/Dialog/FormDialog/index.d.ts +2 -0
- package/lib/components/Dialog/FormDialog/index.js +8 -0
- package/lib/components/Dialog/FormDialog/index.js.map +1 -0
- package/lib/components/Dialog/RemoteTriggerFormDialog/RemoteTriggerFormDialog.d.ts +6 -0
- package/lib/components/Dialog/RemoteTriggerFormDialog/RemoteTriggerFormDialog.js +15 -0
- package/lib/components/Dialog/RemoteTriggerFormDialog/RemoteTriggerFormDialog.js.map +1 -0
- package/lib/components/Dialog/RemoteTriggerFormDialog/index.d.ts +1 -0
- package/lib/components/Dialog/RemoteTriggerFormDialog/index.js +6 -0
- package/lib/components/Dialog/RemoteTriggerFormDialog/index.js.map +1 -0
- package/lib/components/Dialog/index.d.ts +2 -0
- package/lib/components/Dialog/index.js +6 -1
- package/lib/components/Dialog/index.js.map +1 -1
- package/lib/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js +1 -0
- package/lib/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js.map +1 -1
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.d.ts +2 -1
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js +20 -11
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/lib/components/Experimental/SideMenu/SideMenuItem.js +1 -1
- package/lib/components/Table/Head.js +1 -1
- package/lib/components/Table/Table.js +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +6 -3
- package/lib/index.js.map +1 -1
- package/lib/types/props.d.ts +6 -0
- package/package.json +25 -25
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ type Props<T> = {
|
|
|
5
5
|
options: Array<ComboBoxOption<T>>;
|
|
6
6
|
dropdownHelpMessage?: ReactNode;
|
|
7
7
|
dropdownWidth?: string | number;
|
|
8
|
-
onAdd?: (label:
|
|
8
|
+
onAdd?: (label: string) => void;
|
|
9
9
|
onSelect: (item: ComboBoxItem<T>) => void;
|
|
10
10
|
isExpanded: boolean;
|
|
11
11
|
isLoading?: boolean;
|
|
@@ -104,7 +104,7 @@ export function useListBox({ options, dropdownHelpMessage, dropdownWidth, onAdd,
|
|
|
104
104
|
}
|
|
105
105
|
e.stopPropagation();
|
|
106
106
|
if (activeOption.isNew) {
|
|
107
|
-
onAdd && onAdd(activeOption.item.
|
|
107
|
+
onAdd && onAdd(activeOption.item.value);
|
|
108
108
|
}
|
|
109
109
|
else {
|
|
110
110
|
onSelect(activeOption.item);
|
|
@@ -126,7 +126,7 @@ export function useListBox({ options, dropdownHelpMessage, dropdownWidth, onAdd,
|
|
|
126
126
|
// HINT: Dropdown系コンポーネント内でComboBoxを使うと、選択肢がportalで表現されている関係上Dropdownが閉じてしまう
|
|
127
127
|
// requestAnimationFrameを追加、処理を遅延させることで正常に閉じる/閉じないの判定を行えるようにする
|
|
128
128
|
requestAnimationFrame(() => {
|
|
129
|
-
onAdd && onAdd(option.item.
|
|
129
|
+
onAdd && onAdd(option.item.value);
|
|
130
130
|
});
|
|
131
131
|
}, [onAdd]);
|
|
132
132
|
const handleSelect = useCallback((option) => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC, ReactNode } from 'react';
|
|
2
|
-
import { DecoratorsType } from '../../../types/props';
|
|
2
|
+
import { DecoratorsType, ResponseMessageType } from '../../../types/props';
|
|
3
3
|
import { HeadingTagTypes } from '../../Heading';
|
|
4
4
|
export type BaseProps = {
|
|
5
5
|
/**
|
|
@@ -46,16 +46,9 @@ export type BaseProps = {
|
|
|
46
46
|
/** コンポーネント内の文言を変更するための関数を設定 */
|
|
47
47
|
decorators?: DecoratorsType<'closeButtonLabel'>;
|
|
48
48
|
};
|
|
49
|
-
type responseMessageType = {
|
|
50
|
-
status: 'success' | 'error';
|
|
51
|
-
text: ReactNode;
|
|
52
|
-
} | {
|
|
53
|
-
status: 'processing';
|
|
54
|
-
};
|
|
55
49
|
export type ActionDialogContentInnerProps = BaseProps & {
|
|
56
50
|
onClickClose: () => void;
|
|
57
|
-
responseMessage?:
|
|
51
|
+
responseMessage?: ResponseMessageType;
|
|
58
52
|
titleId: string;
|
|
59
53
|
};
|
|
60
54
|
export declare const ActionDialogContentInner: FC<ActionDialogContentInnerProps>;
|
|
61
|
-
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialog/ActionDialogContentInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,WAAW,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAEzD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,OAAO,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAA;AACvE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"ActionDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialog/ActionDialogContentInner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React, { HTMLAttributes } from 'react';
|
|
2
|
+
import { DialogProps } from '../types';
|
|
3
|
+
import { FormDialogContentInnerProps } from './FormDialogContentInner';
|
|
4
|
+
type Props = Omit<FormDialogContentInnerProps, 'titleId'> & DialogProps;
|
|
5
|
+
type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
|
|
6
|
+
export declare const FormDialog: React.VFC<Props & ElementProps>;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React, { useCallback } from 'react';
|
|
2
|
+
import { useId } from '../../../hooks/useId';
|
|
3
|
+
import { DialogContentInner } from '../DialogContentInner';
|
|
4
|
+
import { useDialogPortal } from '../useDialogPortal';
|
|
5
|
+
import { FormDialogContentInner } from './FormDialogContentInner';
|
|
6
|
+
export const FormDialog = ({ children, title, subtitle, titleTag, actionText, actionTheme, onSubmit, onClickClose, onPressEscape = onClickClose, responseMessage, actionDisabled = false, closeDisabled, className = '', portalParent, decorators, ...props }) => {
|
|
7
|
+
const { createPortal } = useDialogPortal(portalParent);
|
|
8
|
+
const titleId = useId();
|
|
9
|
+
const handleClickClose = useCallback(() => {
|
|
10
|
+
if (!props.isOpen) {
|
|
11
|
+
return;
|
|
12
|
+
}
|
|
13
|
+
onClickClose();
|
|
14
|
+
}, [onClickClose, props.isOpen]);
|
|
15
|
+
const handleSubmitAction = useCallback(() => {
|
|
16
|
+
if (!props.isOpen) {
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
19
|
+
onSubmit(onClickClose);
|
|
20
|
+
}, [onSubmit, onClickClose, props.isOpen]);
|
|
21
|
+
return createPortal(React.createElement(DialogContentInner, { ...props, ariaLabelledby: titleId, className: className, onPressEscape: onPressEscape },
|
|
22
|
+
React.createElement(FormDialogContentInner, { title: title, titleId: titleId, subtitle: subtitle, titleTag: titleTag, actionText: actionText, actionTheme: actionTheme, actionDisabled: actionDisabled, closeDisabled: closeDisabled, onClickClose: handleClickClose, onSubmit: handleSubmitAction, responseMessage: responseMessage, decorators: decorators }, children)));
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=FormDialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EAAE,sBAAsB,EAA+B,MAAM,0BAA0B,CAAA;AAK9F,MAAM,CAAC,MAAM,UAAU,GAAoC,CAAC,EAC1D,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,QAAQ,EACR,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,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAM;SACP;QACD,QAAQ,CAAC,YAAY,CAAC,CAAA;IACxB,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAE1C,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAE5B,oBAAC,sBAAsB,IACrB,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,QAAQ,EAAE,kBAAkB,EAC5B,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,IAErB,QAAQ,CACc,CACN,CACtB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React, { HTMLAttributes } from 'react';
|
|
2
|
+
import { UncontrolledDialogProps } from '../types';
|
|
3
|
+
import { BaseProps } from './FormDialogContentInner';
|
|
4
|
+
type Props = BaseProps & UncontrolledDialogProps;
|
|
5
|
+
type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
|
|
6
|
+
export declare const FormDialogContent: React.VFC<Props & ElementProps>;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React, { useCallback, useContext } from 'react';
|
|
2
|
+
import { useId } from '../../../hooks/useId';
|
|
3
|
+
import { DialogContentInner } from '../DialogContentInner';
|
|
4
|
+
import { DialogContext } from '../DialogWrapper';
|
|
5
|
+
import { useDialogPortal } from '../useDialogPortal';
|
|
6
|
+
import { FormDialogContentInner } from './FormDialogContentInner';
|
|
7
|
+
export const FormDialogContent = ({ children, title, actionText, actionTheme, onSubmit, actionDisabled = false, portalParent, className = '', decorators, ...props }) => {
|
|
8
|
+
const { onClickClose, active } = useContext(DialogContext);
|
|
9
|
+
const { createPortal } = useDialogPortal(portalParent);
|
|
10
|
+
const handleClickClose = useCallback(() => {
|
|
11
|
+
if (!active) {
|
|
12
|
+
return;
|
|
13
|
+
}
|
|
14
|
+
onClickClose();
|
|
15
|
+
}, [active, onClickClose]);
|
|
16
|
+
const handleSubmitAction = useCallback(() => {
|
|
17
|
+
if (!active) {
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
20
|
+
onSubmit(onClickClose);
|
|
21
|
+
}, [active, onSubmit, onClickClose]);
|
|
22
|
+
const titleId = useId();
|
|
23
|
+
return createPortal(React.createElement(DialogContentInner, { ...props, onClickOverlay: onClickClose, onPressEscape: onClickClose, isOpen: active, ariaLabelledby: titleId, className: className },
|
|
24
|
+
React.createElement(FormDialogContentInner, { title: title, titleId: titleId, actionText: actionText, actionTheme: actionTheme, onSubmit: handleSubmitAction, onClickClose: handleClickClose, actionDisabled: actionDisabled, decorators: decorators }, children)));
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=FormDialogContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormDialogContent.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEtE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EAAa,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAK5E,MAAM,CAAC,MAAM,iBAAiB,GAAoC,CAAC,EACjE,QAAQ,EACR,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAQ,EACR,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,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,MAAM,EAAE;YACX,OAAM;SACP;QACD,QAAQ,CAAC,YAAY,CAAC,CAAA;IACxB,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAA;IAEpC,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,sBAAsB,IACrB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,kBAAkB,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,IAErB,QAAQ,CACc,CACN,CACtB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
import { DecoratorsType } from '../../../types/props';
|
|
3
|
+
import { HeadingTagTypes } from '../../Heading';
|
|
4
|
+
export type BaseProps = {
|
|
5
|
+
/**
|
|
6
|
+
* ダイアログの内容
|
|
7
|
+
*/
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
/**
|
|
10
|
+
* ダイアログのタイトル
|
|
11
|
+
*/
|
|
12
|
+
title: ReactNode;
|
|
13
|
+
/**
|
|
14
|
+
* ダイアログのサブタイトル
|
|
15
|
+
*/
|
|
16
|
+
subtitle?: ReactNode;
|
|
17
|
+
/**
|
|
18
|
+
* ダイアログタイトルの HTML タグ
|
|
19
|
+
*/
|
|
20
|
+
titleTag?: HeadingTagTypes;
|
|
21
|
+
/**
|
|
22
|
+
* アクションボタンのラベル
|
|
23
|
+
*/
|
|
24
|
+
actionText: ReactNode;
|
|
25
|
+
/**
|
|
26
|
+
* アクションボタンのスタイル
|
|
27
|
+
*/
|
|
28
|
+
actionTheme?: 'primary' | 'secondary' | 'danger';
|
|
29
|
+
/**
|
|
30
|
+
* アクションボタンをクリックした時に発火するコールバック関数
|
|
31
|
+
* @param closeDialog - ダイアログを閉じる関数
|
|
32
|
+
*/
|
|
33
|
+
onSubmit: (closeDialog: () => void) => void;
|
|
34
|
+
/**
|
|
35
|
+
* アクションボタンを無効にするかどうか
|
|
36
|
+
*/
|
|
37
|
+
actionDisabled?: boolean;
|
|
38
|
+
/**
|
|
39
|
+
* 閉じるボタンを無効にするかどうか
|
|
40
|
+
*/
|
|
41
|
+
closeDisabled?: boolean;
|
|
42
|
+
/**
|
|
43
|
+
* コンポーネントに適用するクラス名
|
|
44
|
+
*/
|
|
45
|
+
className?: string;
|
|
46
|
+
/** コンポーネント内の文言を変更するための関数を設定 */
|
|
47
|
+
decorators?: DecoratorsType<'closeButtonLabel'>;
|
|
48
|
+
};
|
|
49
|
+
type responseMessageType = {
|
|
50
|
+
status: 'success' | 'error';
|
|
51
|
+
text: ReactNode;
|
|
52
|
+
} | {
|
|
53
|
+
status: 'processing';
|
|
54
|
+
};
|
|
55
|
+
export type FormDialogContentInnerProps = BaseProps & {
|
|
56
|
+
onClickClose: () => void;
|
|
57
|
+
responseMessage?: responseMessageType;
|
|
58
|
+
titleId: string;
|
|
59
|
+
};
|
|
60
|
+
export declare const FormDialogContentInner: FC<FormDialogContentInnerProps>;
|
|
61
|
+
export {};
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import React, { useCallback } from 'react';
|
|
2
|
+
import styled, { css } from 'styled-components';
|
|
3
|
+
import { useTheme } from '../../../hooks/useTheme';
|
|
4
|
+
import { Button } from '../../Button';
|
|
5
|
+
import { FaCheckCircleIcon, FaExclamationCircleIcon } from '../../Icon';
|
|
6
|
+
import { Cluster, Stack } from '../../Layout';
|
|
7
|
+
import { Text } from '../../Text';
|
|
8
|
+
import { useOffsetHeight } from '../dialogHelper';
|
|
9
|
+
import { useClassNames } from '../useClassNames';
|
|
10
|
+
const CLOSE_BUTTON_LABEL = 'キャンセル';
|
|
11
|
+
export const FormDialogContentInner = ({ children, title, titleId, subtitle, titleTag = 'h2', actionText, actionTheme = 'primary', onSubmit, onClickClose, responseMessage, actionDisabled = false, closeDisabled, decorators, }) => {
|
|
12
|
+
const classNames = useClassNames().dialog;
|
|
13
|
+
const theme = useTheme();
|
|
14
|
+
const handleSubmitAction = useCallback(() => {
|
|
15
|
+
onSubmit(onClickClose);
|
|
16
|
+
}, [onSubmit, onClickClose]);
|
|
17
|
+
const { offsetHeight, titleRef, bottomRef } = useOffsetHeight();
|
|
18
|
+
const isRequestProcessing = responseMessage && responseMessage.status === 'processing';
|
|
19
|
+
return (React.createElement("form", { onSubmit: handleSubmitAction },
|
|
20
|
+
React.createElement(TitleArea, { gap: 0.25, themes: theme, ref: titleRef, className: classNames.titleArea, as: titleTag },
|
|
21
|
+
subtitle && (React.createElement(Text, { size: "S", leading: "TIGHT", color: "TEXT_GREY", className: classNames.subtitle }, subtitle)),
|
|
22
|
+
React.createElement(Text, { id: titleId, size: "L", leading: "TIGHT", className: classNames.title }, title)),
|
|
23
|
+
React.createElement(Body, { offsetHeight: offsetHeight, className: classNames.body }, children),
|
|
24
|
+
React.createElement(ActionArea, { themes: theme, ref: bottomRef, className: classNames.actionArea },
|
|
25
|
+
React.createElement(ButtonArea, { className: classNames.buttonArea },
|
|
26
|
+
React.createElement(Button, { onClick: onClickClose, disabled: closeDisabled || isRequestProcessing, className: classNames.closeButton }, decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL),
|
|
27
|
+
React.createElement(Button, { type: "submit", variant: actionTheme, disabled: actionDisabled, loading: isRequestProcessing, className: classNames.actionButton }, actionText)),
|
|
28
|
+
responseMessage && (React.createElement(React.Fragment, null,
|
|
29
|
+
responseMessage.status === 'success' && (React.createElement(Message, null,
|
|
30
|
+
React.createElement(FaCheckCircleIcon, { color: theme.color.MAIN, text: responseMessage.text, role: "alert" }))),
|
|
31
|
+
responseMessage.status === 'error' && (React.createElement(Message, null,
|
|
32
|
+
React.createElement(FaExclamationCircleIcon, { color: theme.color.DANGER, text: responseMessage.text, role: "alert" }))))))));
|
|
33
|
+
};
|
|
34
|
+
const TitleArea = styled(Stack) `
|
|
35
|
+
${({ themes: { border, space } }) => css `
|
|
36
|
+
margin-block: unset;
|
|
37
|
+
border-bottom: ${border.shorthand};
|
|
38
|
+
padding: ${space(1)} ${space(1.5)};
|
|
39
|
+
`}
|
|
40
|
+
`;
|
|
41
|
+
const Body = styled.div `
|
|
42
|
+
${({ offsetHeight }) => css `
|
|
43
|
+
max-height: calc(100vh - ${offsetHeight}px);
|
|
44
|
+
overflow: auto;
|
|
45
|
+
`}
|
|
46
|
+
`;
|
|
47
|
+
const ActionArea = styled(Stack).attrs({ gap: 0.5 }) `
|
|
48
|
+
${({ themes: { space, border } }) => css `
|
|
49
|
+
border-top: ${border.shorthand};
|
|
50
|
+
padding: ${space(1)} ${space(1.5)};
|
|
51
|
+
`}
|
|
52
|
+
`;
|
|
53
|
+
const ButtonArea = styled(Cluster).attrs({ gap: { row: 0.5, column: 1 }, justify: 'flex-end' }) ``;
|
|
54
|
+
const Message = styled.div `
|
|
55
|
+
text-align: right;
|
|
56
|
+
`;
|
|
57
|
+
//# sourceMappingURL=FormDialogContentInner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContentInner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FormDialog } from '../FormDialog';
|
|
3
|
+
import { useRemoteTrigger } from '../useRemoteTrigger';
|
|
4
|
+
type Props = Omit<React.ComponentProps<typeof FormDialog>, 'isOpen' | 'onClickClose' | 'id'> & Parameters<typeof useRemoteTrigger>[0];
|
|
5
|
+
export declare const RemoteTriggerFormDialog: React.FC<Props>;
|
|
6
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FormDialog } from '../FormDialog';
|
|
3
|
+
import { useRemoteTrigger } from '../useRemoteTrigger';
|
|
4
|
+
export const RemoteTriggerFormDialog = ({ id, onClickClose, ...props }) => {
|
|
5
|
+
const { isOpen, onClickClose: actualOnClickClose } = useRemoteTrigger({ id, onClickClose });
|
|
6
|
+
return React.createElement(FormDialog, { ...props, id: id, isOpen: isOpen, onClickClose: actualOnClickClose });
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=RemoteTriggerFormDialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RemoteTriggerFormDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/RemoteTriggerFormDialog/RemoteTriggerFormDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAKtD,MAAM,CAAC,MAAM,uBAAuB,GAAoB,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzF,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,kBAAkB,EAAE,GAAG,gBAAgB,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,CAAA;IAE3F,OAAO,oBAAC,UAAU,OAAK,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,kBAAkB,GAAI,CAAA;AAC5F,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { RemoteTriggerFormDialog } from './RemoteTriggerFormDialog';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dialog/RemoteTriggerFormDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA"}
|
|
@@ -2,11 +2,13 @@ export { Dialog } from './Dialog';
|
|
|
2
2
|
export { MessageDialog, MessageDialogContent } from './MessageDialog';
|
|
3
3
|
export { ActionDialog, ActionDialogContent } from './ActionDialog';
|
|
4
4
|
export { ActionDialogWithTrigger } from './ActionDialogWithTrigger';
|
|
5
|
+
export { FormDialog, FormDialogContent } from './FormDialog';
|
|
5
6
|
export { DialogWrapper } from './DialogWrapper';
|
|
6
7
|
export { DialogTrigger } from './DialogTrigger';
|
|
7
8
|
export { DialogContent } from './DialogContent';
|
|
8
9
|
export { DialogCloser } from './DialogCloser';
|
|
9
10
|
export { ModelessDialog } from './ModelessDialog';
|
|
10
11
|
export { RemoteTriggerActionDialog } from './RemoteTriggerActionDialog';
|
|
12
|
+
export { RemoteTriggerFormDialog } from './RemoteTriggerFormDialog';
|
|
11
13
|
export { RemoteTriggerMessageDialog } from './RemoteTriggerMessageDialog';
|
|
12
14
|
export { RemoteDialogTrigger } from './RemoteDialogTrigger';
|
|
@@ -2,12 +2,14 @@ export { Dialog } from './Dialog';
|
|
|
2
2
|
export { MessageDialog, MessageDialogContent } from './MessageDialog';
|
|
3
3
|
export { ActionDialog, ActionDialogContent } from './ActionDialog';
|
|
4
4
|
export { ActionDialogWithTrigger } from './ActionDialogWithTrigger';
|
|
5
|
+
export { FormDialog, FormDialogContent } from './FormDialog';
|
|
5
6
|
export { DialogWrapper } from './DialogWrapper';
|
|
6
7
|
export { DialogTrigger } from './DialogTrigger';
|
|
7
8
|
export { DialogContent } from './DialogContent';
|
|
8
9
|
export { DialogCloser } from './DialogCloser';
|
|
9
10
|
export { ModelessDialog } from './ModelessDialog';
|
|
10
11
|
export { RemoteTriggerActionDialog } from './RemoteTriggerActionDialog';
|
|
12
|
+
export { RemoteTriggerFormDialog } from './RemoteTriggerFormDialog';
|
|
11
13
|
export { RemoteTriggerMessageDialog } from './RemoteTriggerMessageDialog';
|
|
12
14
|
export { RemoteDialogTrigger } from './RemoteDialogTrigger';
|
|
13
15
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AACvE,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAA;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AACvE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAA;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenuButton.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownMenuButton/DropdownMenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,SAAS,MAAM,iBAAiB,CAAA;AACvC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,IAAI,CAAA;AACnF,OAAO,EAAS,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAgB,MAAM,EAA4B,MAAM,cAAc,CAAA;AAE7E,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AA0B/C,MAAM,CAAC,MAAM,kBAAkB,GAA6B,CAAC,EAC3D,KAAK,EACL,QAAQ,EACR,WAAW,EACX,eAAe,GAAG,KAAK,EACvB,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,QAAQ,EAAE,CAAA;IACzB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CACH,eAAe,CAAC,CAAC,CAAC,CAChB,oBAAC,eAAe,IAAC,GAAG,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,GAAI,CAC/E,CAAC,CAAC,CAAC,CACF,KAAK,CACN,EACH,CAAC,eAAe,EAAE,KAAK,CAAC,CACzB,CAAA;IACD,MAAM,aAAa,GAAG,OAAO;IAC3B,yDAAyD;IACzD,GAAG,EAAE,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,yCAAK,CAAC,CAAC,CAAC,oBAAC,eAAe,IAAC,GAAG,EAAC,gCAAO,GAAG,CAAC,EACjE,CAAC,eAAe,CAAC,CAClB,CAAA;IAED,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,eAAe,IAAC,SAAS,EAAE,GAAG,UAAU,CAAC,OAAO,GAAG,SAAS,IAAI,IAAI,SAAS,EAAE,EAAE;YAChF,oBAAC,aAAa,OACR,KAAK,EACT,MAAM,EAAE,aAAa,EACrB,IAAI,EAAE,WAAW,EACjB,MAAM,EAAE,eAAe,EACvB,SAAS,EAAE,UAAU,CAAC,OAAO,IAE5B,YAAY,CACC,CACA;QAClB,oBAAC,eAAe;YACd,oBAAC,kBAAkB;gBACjB,oBAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,IACpD,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;gBACxC,iDAAiD;gBACjD,+BAA+B;gBAC/B,IAAI,CAAC,CAAC,CAAC,4BAAI,GAAG,EAAE,CAAC,IAAG,UAAU,CAAC,IAA4B,CAAC,CAAM,CAAC,CAAC,CAAC,IAAI,CAC1E,CACU,CACM,CACL,CACT,CACZ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;;CAInC,CAAA;AACD,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAmB;IAC3E,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;qBAGb,KAAK,CAAC,GAAG,CAAC;;;;;;;;;uBASR,KAAK,CAAC,GAAG,CAAC
|
|
1
|
+
{"version":3,"file":"DropdownMenuButton.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownMenuButton/DropdownMenuButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ButtonHTMLAttributes, FC, ReactNode } from 'react';
|
|
2
|
-
import { DecoratorsType } from '../../../types/props';
|
|
2
|
+
import { DecoratorsType, ResponseMessageType } from '../../../types/props';
|
|
3
3
|
type Props = {
|
|
4
4
|
isFiltered?: boolean;
|
|
5
5
|
onApply: React.MouseEventHandler<HTMLButtonElement>;
|
|
@@ -8,6 +8,7 @@ type Props = {
|
|
|
8
8
|
children: ReactNode;
|
|
9
9
|
hasStatusText?: boolean;
|
|
10
10
|
decorators?: DecoratorsType<'status' | 'triggerButton' | 'applyButton' | 'cancelButton' | 'resetButton'>;
|
|
11
|
+
responseMessage?: ResponseMessageType;
|
|
11
12
|
};
|
|
12
13
|
type ElementProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof Props>;
|
|
13
14
|
export declare const FilterDropdown: FC<Props & ElementProps>;
|
|
@@ -3,8 +3,8 @@ import innerText from 'react-innertext';
|
|
|
3
3
|
import styled, { css } from 'styled-components';
|
|
4
4
|
import { useTheme } from '../../../hooks/useTheme';
|
|
5
5
|
import { Button } from '../../Button';
|
|
6
|
-
import { FaCheckCircleIcon, FaFilterIcon, FaUndoAltIcon } from '../../Icon';
|
|
7
|
-
import { Cluster } from '../../Layout';
|
|
6
|
+
import { FaCheckCircleIcon, FaExclamationCircleIcon, FaFilterIcon, FaUndoAltIcon } from '../../Icon';
|
|
7
|
+
import { Cluster, Stack } from '../../Layout';
|
|
8
8
|
import { Dropdown } from '../Dropdown';
|
|
9
9
|
import { DropdownCloser } from '../DropdownCloser';
|
|
10
10
|
import { DropdownContent } from '../DropdownContent';
|
|
@@ -16,7 +16,7 @@ const APPLY_BUTTON_TEXT = '適用';
|
|
|
16
16
|
const CANCEL_BUTTON_TEXT = 'キャンセル';
|
|
17
17
|
const RESET_BUTTON_TEXT = '絞り込み条件を解除';
|
|
18
18
|
const executeDecorator = (defaultText, decorator) => decorator?.(defaultText) || defaultText;
|
|
19
|
-
export const FilterDropdown = ({ isFiltered = false, onApply, onCancel, onReset, children, hasStatusText, decorators, ...props }) => {
|
|
19
|
+
export const FilterDropdown = ({ isFiltered = false, onApply, onCancel, onReset, children, hasStatusText, decorators, responseMessage, ...props }) => {
|
|
20
20
|
const themes = useTheme();
|
|
21
21
|
const status = useMemo(() => executeDecorator(STATUS_FILTERED_TEXT, decorators?.status), [decorators]);
|
|
22
22
|
const triggerButton = useMemo(() => executeDecorator(TRIGGER_BUTTON_TEXT, decorators?.triggerButton), [decorators]);
|
|
@@ -24,6 +24,7 @@ export const FilterDropdown = ({ isFiltered = false, onApply, onCancel, onReset,
|
|
|
24
24
|
const cancelButton = useMemo(() => executeDecorator(CANCEL_BUTTON_TEXT, decorators?.cancelButton), [decorators]);
|
|
25
25
|
const resetButton = useMemo(() => executeDecorator(RESET_BUTTON_TEXT, decorators?.resetButton), [decorators]);
|
|
26
26
|
const filteredIconAriaLabel = useMemo(() => (hasStatusText ? undefined : innerText(status)), [status, hasStatusText]);
|
|
27
|
+
const isRequestProcessing = responseMessage !== undefined && responseMessage.status === 'processing';
|
|
27
28
|
return (React.createElement(Dropdown, null,
|
|
28
29
|
React.createElement(DropdownTrigger, null,
|
|
29
30
|
React.createElement(Button, { ...props, suffix: React.createElement(IsFilteredIconWrapper, { isFiltered: isFiltered, themes: themes },
|
|
@@ -33,14 +34,19 @@ export const FilterDropdown = ({ isFiltered = false, onApply, onCancel, onReset,
|
|
|
33
34
|
React.createElement(DropdownContent, { controllable: true },
|
|
34
35
|
React.createElement(DropdownScrollArea, null,
|
|
35
36
|
React.createElement(ContentLayout, { themes: themes }, children)),
|
|
36
|
-
React.createElement(
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
React.createElement(
|
|
41
|
-
React.createElement(
|
|
42
|
-
|
|
43
|
-
React.createElement(
|
|
37
|
+
React.createElement(ActionArea, { themes: themes },
|
|
38
|
+
React.createElement(Cluster, { gap: 1, align: "center", justify: "space-between" },
|
|
39
|
+
onReset && (React.createElement(ResetButtonLayout, { themes: themes },
|
|
40
|
+
React.createElement(Button, { variant: "text", size: "s", prefix: React.createElement(FaUndoAltIcon, null), onClick: onReset, disabled: isRequestProcessing }, resetButton))),
|
|
41
|
+
React.createElement(RightButtonLayout, null,
|
|
42
|
+
React.createElement(DropdownCloser, null,
|
|
43
|
+
React.createElement(Button, { onClick: onCancel, disabled: isRequestProcessing }, cancelButton)),
|
|
44
|
+
React.createElement(DropdownCloser, null,
|
|
45
|
+
React.createElement(Button, { variant: "primary", onClick: onApply, loading: isRequestProcessing }, applyButton)))),
|
|
46
|
+
responseMessage?.status === 'success' && (React.createElement(Message, null,
|
|
47
|
+
React.createElement(FaCheckCircleIcon, { color: themes.color.MAIN, text: responseMessage.text, role: "alert" }))),
|
|
48
|
+
responseMessage?.status === 'error' && (React.createElement(Message, null,
|
|
49
|
+
React.createElement(FaExclamationCircleIcon, { color: themes.color.DANGER, text: responseMessage.text, role: "alert" })))))));
|
|
44
50
|
};
|
|
45
51
|
const IsFilteredIconWrapper = styled.span `
|
|
46
52
|
position: relative;
|
|
@@ -64,8 +70,8 @@ const ContentLayout = styled.div `
|
|
|
64
70
|
padding: ${space(1.5)};
|
|
65
71
|
`}
|
|
66
72
|
`;
|
|
67
|
-
const
|
|
68
|
-
${({ themes: {
|
|
73
|
+
const ActionArea = styled(Stack).attrs({ gap: 0.5 }) `
|
|
74
|
+
${({ themes: { space, border } }) => css `
|
|
69
75
|
border-block-start: ${border.shorthand};
|
|
70
76
|
padding: ${space(1)} ${space(1.5)};
|
|
71
77
|
`}
|
|
@@ -81,4 +87,7 @@ const RightButtonLayout = styled(Cluster).attrs({
|
|
|
81
87
|
}) `
|
|
82
88
|
margin-inline-start: auto;
|
|
83
89
|
`;
|
|
90
|
+
const Message = styled.div `
|
|
91
|
+
text-align: right;
|
|
92
|
+
`;
|
|
84
93
|
//# sourceMappingURL=FilterDropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterDropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/FilterDropdown/FilterDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuC,OAAO,EAAE,MAAM,OAAO,CAAA;AAC3E,OAAO,SAAS,MAAM,iBAAiB,CAAA;AACvC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAEzD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"FilterDropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/FilterDropdown/FilterDropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,7 +23,7 @@ const StyledThead = styled.thead(({ themes, $fixed }) => {
|
|
|
23
23
|
position: sticky;
|
|
24
24
|
top: 0;
|
|
25
25
|
left: 0;
|
|
26
|
-
z-index: ${zIndex.FIXED_MENU}; /* zIndex
|
|
26
|
+
z-index: ${zIndex.FIXED_MENU}; /* zIndexの値はセマンティックトークンとして管理しているため、明示的に値を指定しないと重なり順が崩れるため設定しています */
|
|
27
27
|
`);
|
|
28
28
|
});
|
|
29
29
|
const BulkActionTD = styled.td(({ themes }) => {
|
|
@@ -25,7 +25,7 @@ const Wrapper = styled.table `
|
|
|
25
25
|
position: sticky;
|
|
26
26
|
top: 0;
|
|
27
27
|
left: 0;
|
|
28
|
-
z-index: ${zIndex.FIXED_MENU}; /* zIndex
|
|
28
|
+
z-index: ${zIndex.FIXED_MENU}; /* zIndexの値はセマンティックトークンとして管理しているため、明示的に値を指定しないと重なり順が崩れるため設定しています */
|
|
29
29
|
`}
|
|
30
30
|
}
|
|
31
31
|
|
package/esm/index.d.ts
CHANGED
|
@@ -9,7 +9,7 @@ export { InputFile } from './components/InputFile';
|
|
|
9
9
|
export { Textarea } from './components/Textarea';
|
|
10
10
|
export { TextLink } from './components/TextLink';
|
|
11
11
|
export { Loader } from './components/Loader';
|
|
12
|
-
export { ActionDialog, ActionDialogContent, ActionDialogWithTrigger, Dialog, DialogCloser, DialogContent, DialogTrigger, DialogWrapper, MessageDialog, MessageDialogContent, ModelessDialog, RemoteDialogTrigger, RemoteTriggerActionDialog, RemoteTriggerMessageDialog, } from './components/Dialog';
|
|
12
|
+
export { ActionDialog, ActionDialogContent, ActionDialogWithTrigger, FormDialog, FormDialogContent, Dialog, DialogCloser, DialogContent, DialogTrigger, DialogWrapper, MessageDialog, MessageDialogContent, ModelessDialog, RemoteDialogTrigger, RemoteTriggerActionDialog, RemoteTriggerFormDialog, RemoteTriggerMessageDialog, } from './components/Dialog';
|
|
13
13
|
export { Pagination } from './components/Pagination';
|
|
14
14
|
export { RadioButton } from './components/RadioButton';
|
|
15
15
|
export { RadioButtonPanel } from './components/RadioButtonPanel';
|
package/esm/index.js
CHANGED
|
@@ -10,7 +10,7 @@ export { InputFile } from './components/InputFile';
|
|
|
10
10
|
export { Textarea } from './components/Textarea';
|
|
11
11
|
export { TextLink } from './components/TextLink';
|
|
12
12
|
export { Loader } from './components/Loader';
|
|
13
|
-
export { ActionDialog, ActionDialogContent, ActionDialogWithTrigger, Dialog, DialogCloser, DialogContent, DialogTrigger, DialogWrapper, MessageDialog, MessageDialogContent, ModelessDialog, RemoteDialogTrigger, RemoteTriggerActionDialog, RemoteTriggerMessageDialog, } from './components/Dialog';
|
|
13
|
+
export { ActionDialog, ActionDialogContent, ActionDialogWithTrigger, FormDialog, FormDialogContent, Dialog, DialogCloser, DialogContent, DialogTrigger, DialogWrapper, MessageDialog, MessageDialogContent, ModelessDialog, RemoteDialogTrigger, RemoteTriggerActionDialog, RemoteTriggerFormDialog, RemoteTriggerMessageDialog, } from './components/Dialog';
|
|
14
14
|
export { Pagination } from './components/Pagination';
|
|
15
15
|
export { RadioButton } from './components/RadioButton';
|
|
16
16
|
export { RadioButtonPanel } from './components/RadioButtonPanel';
|