smarthr-ui 51.0.0 → 51.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/components/Base/BaseColumn/BaseColumn.d.ts +0 -21
- package/esm/components/Base/BaseColumn/BaseColumn.js +0 -3
- package/esm/components/Base/BaseColumn/BaseColumn.js.map +1 -1
- package/esm/components/Dialog/ActionDialog/ActionDialog.js +2 -2
- package/esm/components/Dialog/ActionDialog/ActionDialog.js.map +1 -1
- package/esm/components/Dialog/ActionDialog/ActionDialogContent.js +2 -2
- package/esm/components/Dialog/ActionDialog/ActionDialogContent.js.map +1 -1
- package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.d.ts +2 -1
- package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.js +2 -2
- package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.js.map +1 -1
- package/esm/components/Dialog/FormDialog/FormDialog.js +2 -2
- package/esm/components/Dialog/FormDialog/FormDialog.js.map +1 -1
- package/esm/components/Dialog/FormDialog/FormDialogContent.js +2 -2
- package/esm/components/Dialog/FormDialog/FormDialogContent.js.map +1 -1
- package/esm/components/Dialog/FormDialog/FormDialogContentInner.d.ts +2 -1
- package/esm/components/Dialog/FormDialog/FormDialogContentInner.js +2 -2
- package/esm/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -1
- package/esm/components/Dialog/MessageDialog/MessageDialog.js +2 -2
- package/esm/components/Dialog/MessageDialog/MessageDialog.js.map +1 -1
- package/esm/components/Dialog/MessageDialog/MessageDialogContent.js +2 -2
- package/esm/components/Dialog/MessageDialog/MessageDialogContent.js.map +1 -1
- package/esm/components/Dialog/MessageDialog/MessageDialogContentInner.d.ts +2 -1
- package/esm/components/Dialog/MessageDialog/MessageDialogContentInner.js +79 -5
- package/esm/components/Dialog/MessageDialog/MessageDialogContentInner.js.map +1 -1
- package/esm/components/Dialog/ModelessDialog.d.ts +2 -1
- package/esm/components/Dialog/ModelessDialog.js +82 -5
- package/esm/components/Dialog/ModelessDialog.js.map +1 -1
- package/esm/components/Dialog/useDialogInnerStyle.d.ts +627 -1
- package/esm/components/Dialog/useDialogInnerStyle.js +78 -5
- package/esm/components/Dialog/useDialogInnerStyle.js.map +1 -1
- package/esm/components/Input/SearchInput/SearchInput.d.ts +2 -1
- package/esm/components/Input/SearchInput/SearchInput.js +35 -5
- package/esm/components/Input/SearchInput/SearchInput.js.map +1 -1
- package/esm/components/RadioButton/RadioButton.js +10 -2
- package/esm/components/RadioButton/RadioButton.js.map +1 -1
- package/esm/components/Select/Select.js +10 -3
- package/esm/components/Select/Select.js.map +1 -1
- package/esm/libs/ua.d.ts +1 -0
- package/esm/libs/ua.js +18 -12
- package/esm/libs/ua.js.map +1 -1
- package/lib/components/Base/BaseColumn/BaseColumn.d.ts +0 -21
- package/lib/components/Base/BaseColumn/BaseColumn.js +0 -3
- package/lib/components/Base/BaseColumn/BaseColumn.js.map +1 -1
- package/lib/components/Dialog/ActionDialog/ActionDialog.js +2 -2
- package/lib/components/Dialog/ActionDialog/ActionDialog.js.map +1 -1
- package/lib/components/Dialog/ActionDialog/ActionDialogContent.js +2 -2
- package/lib/components/Dialog/ActionDialog/ActionDialogContent.js.map +1 -1
- package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.d.ts +2 -1
- package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.js +2 -2
- package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.js.map +1 -1
- package/lib/components/Dialog/FormDialog/FormDialog.js +2 -2
- package/lib/components/Dialog/FormDialog/FormDialog.js.map +1 -1
- package/lib/components/Dialog/FormDialog/FormDialogContent.js +2 -2
- package/lib/components/Dialog/FormDialog/FormDialogContent.js.map +1 -1
- package/lib/components/Dialog/FormDialog/FormDialogContentInner.d.ts +2 -1
- package/lib/components/Dialog/FormDialog/FormDialogContentInner.js +2 -2
- package/lib/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -1
- package/lib/components/Dialog/MessageDialog/MessageDialog.js +2 -2
- package/lib/components/Dialog/MessageDialog/MessageDialog.js.map +1 -1
- package/lib/components/Dialog/MessageDialog/MessageDialogContent.js +2 -2
- package/lib/components/Dialog/MessageDialog/MessageDialogContent.js.map +1 -1
- package/lib/components/Dialog/MessageDialog/MessageDialogContentInner.d.ts +2 -1
- package/lib/components/Dialog/MessageDialog/MessageDialogContentInner.js +79 -5
- package/lib/components/Dialog/MessageDialog/MessageDialogContentInner.js.map +1 -1
- package/lib/components/Dialog/ModelessDialog.d.ts +2 -1
- package/lib/components/Dialog/ModelessDialog.js +82 -5
- package/lib/components/Dialog/ModelessDialog.js.map +1 -1
- package/lib/components/Dialog/useDialogInnerStyle.d.ts +627 -1
- package/lib/components/Dialog/useDialogInnerStyle.js +78 -5
- package/lib/components/Dialog/useDialogInnerStyle.js.map +1 -1
- package/lib/components/Input/SearchInput/SearchInput.d.ts +2 -1
- package/lib/components/Input/SearchInput/SearchInput.js +33 -3
- package/lib/components/Input/SearchInput/SearchInput.js.map +1 -1
- package/lib/components/RadioButton/RadioButton.js +10 -2
- package/lib/components/RadioButton/RadioButton.js.map +1 -1
- package/lib/components/Select/Select.js +9 -2
- package/lib/components/Select/Select.js.map +1 -1
- package/lib/libs/ua.d.ts +1 -0
- package/lib/libs/ua.js +19 -13
- package/lib/libs/ua.js.map +1 -1
- package/package.json +21 -21
- package/smarthr-ui.css +30 -12
|
@@ -19,9 +19,6 @@ declare const baseColumn: import("tailwind-variants").TVReturnType<{
|
|
|
19
19
|
GREY_7: string;
|
|
20
20
|
GREY_9: string;
|
|
21
21
|
GREY_20: string;
|
|
22
|
-
GREY_30: string;
|
|
23
|
-
GREY_65: string;
|
|
24
|
-
GREY_100: string;
|
|
25
22
|
};
|
|
26
23
|
}, undefined, "[&&&]:shr-rounded-[unset]", import("tailwind-variants/dist/config").TVConfig<{
|
|
27
24
|
bgColor: {
|
|
@@ -38,9 +35,6 @@ declare const baseColumn: import("tailwind-variants").TVReturnType<{
|
|
|
38
35
|
GREY_7: string;
|
|
39
36
|
GREY_9: string;
|
|
40
37
|
GREY_20: string;
|
|
41
|
-
GREY_30: string;
|
|
42
|
-
GREY_65: string;
|
|
43
|
-
GREY_100: string;
|
|
44
38
|
};
|
|
45
39
|
}, {
|
|
46
40
|
bgColor: {
|
|
@@ -57,9 +51,6 @@ declare const baseColumn: import("tailwind-variants").TVReturnType<{
|
|
|
57
51
|
GREY_7: string;
|
|
58
52
|
GREY_9: string;
|
|
59
53
|
GREY_20: string;
|
|
60
|
-
GREY_30: string;
|
|
61
|
-
GREY_65: string;
|
|
62
|
-
GREY_100: string;
|
|
63
54
|
};
|
|
64
55
|
}>, {
|
|
65
56
|
bgColor: {
|
|
@@ -76,9 +67,6 @@ declare const baseColumn: import("tailwind-variants").TVReturnType<{
|
|
|
76
67
|
GREY_7: string;
|
|
77
68
|
GREY_9: string;
|
|
78
69
|
GREY_20: string;
|
|
79
|
-
GREY_30: string;
|
|
80
|
-
GREY_65: string;
|
|
81
|
-
GREY_100: string;
|
|
82
70
|
};
|
|
83
71
|
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
84
72
|
bgColor: {
|
|
@@ -95,9 +83,6 @@ declare const baseColumn: import("tailwind-variants").TVReturnType<{
|
|
|
95
83
|
GREY_7: string;
|
|
96
84
|
GREY_9: string;
|
|
97
85
|
GREY_20: string;
|
|
98
|
-
GREY_30: string;
|
|
99
|
-
GREY_65: string;
|
|
100
|
-
GREY_100: string;
|
|
101
86
|
};
|
|
102
87
|
}, undefined, "[&&&]:shr-rounded-[unset]", import("tailwind-variants/dist/config").TVConfig<{
|
|
103
88
|
bgColor: {
|
|
@@ -114,9 +99,6 @@ declare const baseColumn: import("tailwind-variants").TVReturnType<{
|
|
|
114
99
|
GREY_7: string;
|
|
115
100
|
GREY_9: string;
|
|
116
101
|
GREY_20: string;
|
|
117
|
-
GREY_30: string;
|
|
118
|
-
GREY_65: string;
|
|
119
|
-
GREY_100: string;
|
|
120
102
|
};
|
|
121
103
|
}, {
|
|
122
104
|
bgColor: {
|
|
@@ -133,9 +115,6 @@ declare const baseColumn: import("tailwind-variants").TVReturnType<{
|
|
|
133
115
|
GREY_7: string;
|
|
134
116
|
GREY_9: string;
|
|
135
117
|
GREY_20: string;
|
|
136
|
-
GREY_30: string;
|
|
137
|
-
GREY_65: string;
|
|
138
|
-
GREY_100: string;
|
|
139
118
|
};
|
|
140
119
|
}>, unknown, unknown, undefined>>;
|
|
141
120
|
export declare const BaseColumn: React.FC<BaseProps & Props & ElementProps>;
|
|
@@ -18,9 +18,6 @@ const baseColumn = tv({
|
|
|
18
18
|
GREY_7: '[&&&]:shr-bg-[theme(colors.grey.7)]',
|
|
19
19
|
GREY_9: '[&&&]:shr-bg-[theme(colors.grey.9)]',
|
|
20
20
|
GREY_20: '[&&&]:shr-bg-[theme(colors.grey.20)]',
|
|
21
|
-
GREY_30: '[&&&]:shr-bg-[theme(colors.grey.30)]',
|
|
22
|
-
GREY_65: '[&&&]:shr-bg-[theme(colors.grey.65)]',
|
|
23
|
-
GREY_100: '[&&&]:shr-bg-[theme(colors.grey.100)]',
|
|
24
21
|
},
|
|
25
22
|
},
|
|
26
23
|
defaultVariants: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseColumn.js","sourceRoot":"","sources":["../../../../src/components/Base/BaseColumn/BaseColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,OAAO,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAM9B,MAAM,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,EAAE,2BAA2B;IACjC,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,UAAU,EAAE,yBAAyB;YACrC,MAAM,EAAE,qBAAqB;YAC7B,SAAS,EAAE,wBAAwB;YACnC,eAAe,EAAE,8BAA8B;YAC/C,IAAI,EAAE,mBAAmB;YACzB,MAAM,EAAE,sCAAsC;YAC9C,iBAAiB,EAAE,gCAAgC;YACnD,KAAK,EAAE,oBAAoB;YAC3B,MAAM,EAAE,qCAAqC;YAC7C,MAAM,EAAE,qCAAqC;YAC7C,MAAM,EAAE,qCAAqC;YAC7C,MAAM,EAAE,qCAAqC;YAC7C,OAAO,EAAE,sCAAsC;
|
|
1
|
+
{"version":3,"file":"BaseColumn.js","sourceRoot":"","sources":["../../../../src/components/Base/BaseColumn/BaseColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,OAAO,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAM9B,MAAM,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,EAAE,2BAA2B;IACjC,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,UAAU,EAAE,yBAAyB;YACrC,MAAM,EAAE,qBAAqB;YAC7B,SAAS,EAAE,wBAAwB;YACnC,eAAe,EAAE,8BAA8B;YAC/C,IAAI,EAAE,mBAAmB;YACzB,MAAM,EAAE,sCAAsC;YAC9C,iBAAiB,EAAE,gCAAgC;YACnD,KAAK,EAAE,oBAAoB;YAC3B,MAAM,EAAE,qCAAqC;YAC7C,MAAM,EAAE,qCAAqC;YAC7C,MAAM,EAAE,qCAAqC;YAC7C,MAAM,EAAE,qCAAqC;YAC7C,OAAO,EAAE,sCAAsC;SAChD;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,QAAQ;KAClB;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,UAAU,GAA+C,CAAC,EACrE,OAAO,EACP,OAAO,GAAG,CAAC,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAA;IACtF,OAAO,oBAAC,IAAI,OAAK,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AAC3E,CAAC,CAAA"}
|
|
@@ -3,7 +3,7 @@ import { useId } from '../../../hooks/useId';
|
|
|
3
3
|
import { DialogContentInner } from '../DialogContentInner';
|
|
4
4
|
import { useDialogPortal } from '../useDialogPortal';
|
|
5
5
|
import { ActionDialogContentInner } from './ActionDialogContentInner';
|
|
6
|
-
export const ActionDialog = ({ children, title, subtitle, titleTag, actionText, actionTheme, onClickAction, onClickClose, onPressEscape = onClickClose, responseMessage, actionDisabled = false, closeDisabled, subActionArea, className, portalParent, decorators, id, ...props }) => {
|
|
6
|
+
export const ActionDialog = ({ children, title, subtitle, titleTag, contentBgColor, contentPadding, actionText, actionTheme, onClickAction, onClickClose, onPressEscape = onClickClose, responseMessage, actionDisabled = false, closeDisabled, subActionArea, className, portalParent, decorators, id, ...props }) => {
|
|
7
7
|
const { createPortal } = useDialogPortal(portalParent, id);
|
|
8
8
|
const titleId = useId();
|
|
9
9
|
const handleClickClose = useCallback(() => {
|
|
@@ -19,6 +19,6 @@ export const ActionDialog = ({ children, title, subtitle, titleTag, actionText,
|
|
|
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, actionText: actionText, actionTheme: actionTheme, actionDisabled: actionDisabled, closeDisabled: closeDisabled, onClickClose: handleClickClose, onClickAction: handleClickAction, subActionArea: subActionArea, responseMessage: responseMessage, decorators: decorators }, children)));
|
|
22
|
+
React.createElement(ActionDialogContentInner, { title: title, titleId: titleId, subtitle: subtitle, titleTag: titleTag, contentBgColor: contentBgColor, contentPadding: contentPadding, actionText: actionText, actionTheme: actionTheme, actionDisabled: actionDisabled, closeDisabled: closeDisabled, onClickClose: handleClickClose, onClickAction: handleClickAction, subActionArea: subActionArea, 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/ActionDialog.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,wBAAwB,EAAiC,MAAM,4BAA4B,CAAA;AAKpG,MAAM,CAAC,MAAM,YAAY,GAAmC,CAAC,EAC3D,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,aAAa,EACb,SAAS,EACT,YAAY,EACZ,UAAU,EACV,EAAE,EACF,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,EAAE,EAAE,CAAC,CAAA;IAC1D,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;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,CAAC;YAClB,OAAM;QACR,CAAC;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,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,IAErB,QAAQ,CACgB,CACR,CACtB,CAAA;AACH,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"ActionDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialog/ActionDialog.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,wBAAwB,EAAiC,MAAM,4BAA4B,CAAA;AAKpG,MAAM,CAAC,MAAM,YAAY,GAAmC,CAAC,EAC3D,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,cAAc,EACd,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,eAAe,EACf,cAAc,GAAG,KAAK,EACtB,aAAa,EACb,aAAa,EACb,SAAS,EACT,YAAY,EACZ,UAAU,EACV,EAAE,EACF,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,EAAE,EAAE,CAAC,CAAA;IAC1D,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;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,CAAC;YAClB,OAAM;QACR,CAAC;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,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,aAAa,EAAE,iBAAiB,EAChC,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,IAErB,QAAQ,CACgB,CACR,CACtB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -4,7 +4,7 @@ import { DialogContentInner } from '../DialogContentInner';
|
|
|
4
4
|
import { DialogContext } from '../DialogWrapper';
|
|
5
5
|
import { useDialogPortal } from '../useDialogPortal';
|
|
6
6
|
import { ActionDialogContentInner } from './ActionDialogContentInner';
|
|
7
|
-
export const ActionDialogContent = ({ children, title, actionText, actionTheme, onClickAction, actionDisabled = false, portalParent, className = '', decorators, ...props }) => {
|
|
7
|
+
export const ActionDialogContent = ({ children, title, contentBgColor, contentPadding, 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, actionText, actionTheme,
|
|
|
21
21
|
}, [active, onClickAction, onClickClose]);
|
|
22
22
|
const titleId = useId();
|
|
23
23
|
return createPortal(React.createElement(DialogContentInner, { ...props, onPressEscape: onClickClose, isOpen: active, ariaLabelledby: titleId, className: className },
|
|
24
|
-
React.createElement(ActionDialogContentInner, { title: title, titleId: titleId, actionText: actionText, actionTheme: actionTheme, onClickAction: handleClickAction, onClickClose: handleClickClose, actionDisabled: actionDisabled, decorators: decorators }, children)));
|
|
24
|
+
React.createElement(ActionDialogContentInner, { title: title, titleId: titleId, contentBgColor: contentBgColor, contentPadding: contentPadding, 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/ActionDialog/ActionDialogContent.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,EAAE,wBAAwB,EAAa,MAAM,4BAA4B,CAAA;AAKhF,MAAM,CAAC,MAAM,mBAAmB,GAAmC,CAAC,EAClE,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,CAAC;YACZ,OAAM;QACR,CAAC;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,CAAC;YACZ,OAAM;QACR,CAAC;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,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
|
+
{"version":3,"file":"ActionDialogContent.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialog/ActionDialogContent.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,EAAE,wBAAwB,EAAa,MAAM,4BAA4B,CAAA;AAKhF,MAAM,CAAC,MAAM,mBAAmB,GAAmC,CAAC,EAClE,QAAQ,EACR,KAAK,EACL,cAAc,EACd,cAAc,EACd,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,CAAC;YACZ,OAAM;QACR,CAAC;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,CAAC;YACZ,OAAM;QACR,CAAC;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,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,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,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,5 +1,6 @@
|
|
|
1
1
|
import { FC, PropsWithChildren, ReactNode } from 'react';
|
|
2
2
|
import { HeadingTagTypes } from '../../Heading';
|
|
3
|
+
import { type ContentBodyProps } from '../useDialogInnerStyle';
|
|
3
4
|
import type { DecoratorsType, ResponseMessageType } from '../../../types';
|
|
4
5
|
export type BaseProps = PropsWithChildren<{
|
|
5
6
|
/**
|
|
@@ -39,7 +40,7 @@ export type BaseProps = PropsWithChildren<{
|
|
|
39
40
|
subActionArea?: ReactNode;
|
|
40
41
|
/** コンポーネント内の文言を変更するための関数を設定 */
|
|
41
42
|
decorators?: DecoratorsType<'closeButtonLabel'>;
|
|
42
|
-
}
|
|
43
|
+
}> & ContentBodyProps;
|
|
43
44
|
export type ActionDialogContentInnerProps = BaseProps & {
|
|
44
45
|
onClickClose: () => void;
|
|
45
46
|
responseMessage?: ResponseMessageType;
|
|
@@ -8,13 +8,13 @@ import { Text } from '../../Text';
|
|
|
8
8
|
import { useOffsetHeight } from '../dialogHelper';
|
|
9
9
|
import { useDialoginnerStyle } from '../useDialogInnerStyle';
|
|
10
10
|
const CLOSE_BUTTON_LABEL = 'キャンセル';
|
|
11
|
-
export const ActionDialogContentInner = ({ children, title, titleId, subtitle, titleTag, actionText, actionTheme = 'primary', onClickAction, onClickClose, responseMessage, actionDisabled = false, closeDisabled, subActionArea, decorators, }) => {
|
|
11
|
+
export const ActionDialogContentInner = ({ children, title, titleId, subtitle, titleTag, contentBgColor, contentPadding, actionText, actionTheme = 'primary', onClickAction, onClickClose, responseMessage, actionDisabled = false, closeDisabled, subActionArea, decorators, }) => {
|
|
12
12
|
const handleClickAction = useCallback(() => {
|
|
13
13
|
onClickAction(onClickClose);
|
|
14
14
|
}, [onClickAction, onClickClose]);
|
|
15
15
|
const { offsetHeight, titleRef, bottomRef } = useOffsetHeight();
|
|
16
16
|
const isRequestProcessing = responseMessage && responseMessage.status === 'processing';
|
|
17
|
-
const { titleAreaStyle, bodyStyleProps, actionAreaStyle, buttonAreaStyle, messageStyle } = useDialoginnerStyle(offsetHeight);
|
|
17
|
+
const { titleAreaStyle, bodyStyleProps, actionAreaStyle, buttonAreaStyle, messageStyle } = useDialoginnerStyle(offsetHeight, contentBgColor, contentPadding);
|
|
18
18
|
return (React.createElement(Section, null,
|
|
19
19
|
React.createElement(Heading, { tag: titleTag },
|
|
20
20
|
React.createElement(Stack, { gap: 0.25, as: "span", ref: titleRef, className: titleAreaStyle },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialog/ActionDialogContentInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoC,WAAW,EAAE,MAAM,OAAO,CAAA;AAE5E,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,OAAO,EAAmB,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,
|
|
1
|
+
{"version":3,"file":"ActionDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialog/ActionDialogContentInner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { useId } from '../../../hooks/useId';
|
|
|
3
3
|
import { DialogContentInner } from '../DialogContentInner';
|
|
4
4
|
import { useDialogPortal } from '../useDialogPortal';
|
|
5
5
|
import { FormDialogContentInner } from './FormDialogContentInner';
|
|
6
|
-
export const FormDialog = ({ children, title, subtitle, titleTag, actionText, actionTheme, onSubmit, onClickClose, onPressEscape = onClickClose, responseMessage, actionDisabled = false, closeDisabled, subActionArea, className, portalParent, decorators, id, ...props }) => {
|
|
6
|
+
export const FormDialog = ({ children, title, subtitle, titleTag, contentBgColor, contentPadding, actionText, actionTheme, onSubmit, onClickClose, onPressEscape = onClickClose, responseMessage, actionDisabled = false, closeDisabled, subActionArea, className, portalParent, decorators, id, ...props }) => {
|
|
7
7
|
const { createPortal } = useDialogPortal(portalParent, id);
|
|
8
8
|
const titleId = useId();
|
|
9
9
|
const handleClickClose = useCallback(() => {
|
|
@@ -19,6 +19,6 @@ export const FormDialog = ({ children, title, subtitle, titleTag, actionText, ac
|
|
|
19
19
|
onSubmit(close, e);
|
|
20
20
|
}, [onSubmit, props.isOpen]);
|
|
21
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, subActionArea: subActionArea, onClickClose: handleClickClose, onSubmit: handleSubmitAction, responseMessage: responseMessage, decorators: decorators }, children)));
|
|
22
|
+
React.createElement(FormDialogContentInner, { title: title, titleId: titleId, subtitle: subtitle, titleTag: titleTag, contentBgColor: contentBgColor, contentPadding: contentPadding, actionText: actionText, actionTheme: actionTheme, actionDisabled: actionDisabled, closeDisabled: closeDisabled, subActionArea: subActionArea, onClickClose: handleClickClose, onSubmit: handleSubmitAction, responseMessage: responseMessage, decorators: decorators }, children)));
|
|
23
23
|
};
|
|
24
24
|
//# sourceMappingURL=FormDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,WAAW,EAAE,MAAM,OAAO,CAAA;AAErE,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,GAAmC,CAAC,EACzD,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,aAAa,EACb,SAAS,EACT,YAAY,EACZ,UAAU,EACV,EAAE,EACF,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,EAAE,EAAE,CAAC,CAAA;IAC1D,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAEhC,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,KAAiB,EAAE,CAA6B,EAAE,EAAE;QACnD,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QAED,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;IACpB,CAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CACzB,CAAA;IAED,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAG5B,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,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"}
|
|
1
|
+
{"version":3,"file":"FormDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,WAAW,EAAE,MAAM,OAAO,CAAA;AAErE,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,GAAmC,CAAC,EACzD,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,cAAc,EACd,UAAU,EACV,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,eAAe,EACf,cAAc,GAAG,KAAK,EACtB,aAAa,EACb,aAAa,EACb,SAAS,EACT,YAAY,EACZ,UAAU,EACV,EAAE,EACF,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,EAAE,EAAE,CAAC,CAAA;IAC1D,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAEhC,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,KAAiB,EAAE,CAA6B,EAAE,EAAE;QACnD,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QAED,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;IACpB,CAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CACzB,CAAA;IAED,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAG5B,oBAAC,sBAAsB,IACrB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,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"}
|
|
@@ -4,7 +4,7 @@ import { DialogContentInner } from '../DialogContentInner';
|
|
|
4
4
|
import { DialogContext } from '../DialogWrapper';
|
|
5
5
|
import { useDialogPortal } from '../useDialogPortal';
|
|
6
6
|
import { FormDialogContentInner } from './FormDialogContentInner';
|
|
7
|
-
export const FormDialogContent = ({ children, title, actionText, actionTheme, onSubmit, actionDisabled = false, portalParent, className = '', decorators, ...props }) => {
|
|
7
|
+
export const FormDialogContent = ({ children, title, contentBgColor, contentPadding, actionText, actionTheme, onSubmit, 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 FormDialogContent = ({ children, title, actionText, actionTheme, on
|
|
|
21
21
|
}, [active, onSubmit]);
|
|
22
22
|
const titleId = useId();
|
|
23
23
|
return createPortal(React.createElement(DialogContentInner, { ...props, 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)));
|
|
24
|
+
React.createElement(FormDialogContentInner, { title: title, titleId: titleId, contentBgColor: contentBgColor, contentPadding: contentPadding, actionText: actionText, actionTheme: actionTheme, onSubmit: handleSubmitAction, onClickClose: handleClickClose, actionDisabled: actionDisabled, decorators: decorators }, children)));
|
|
25
25
|
};
|
|
26
26
|
//# sourceMappingURL=FormDialogContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormDialogContent.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEjF,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,GAAmC,CAAC,EAChE,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,CAAC;YACZ,OAAM;QACR,CAAC;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;IAE1B,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,KAAiB,EAAE,CAA6B,EAAE,EAAE;QACnD,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QAED,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;IACpB,CAAC,EACD,CAAC,MAAM,EAAE,QAAQ,CAAC,CACnB,CAAA;IAED,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,aAAa,EAAE,YAAY,EAC3B,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS;QAGpB,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"}
|
|
1
|
+
{"version":3,"file":"FormDialogContent.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEjF,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,GAAmC,CAAC,EAChE,QAAQ,EACR,KAAK,EACL,cAAc,EACd,cAAc,EACd,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,CAAC;YACZ,OAAM;QACR,CAAC;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;IAE1B,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,KAAiB,EAAE,CAA6B,EAAE,EAAE;QACnD,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QAED,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;IACpB,CAAC,EACD,CAAC,MAAM,EAAE,QAAQ,CAAC,CACnB,CAAA;IAED,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,aAAa,EAAE,YAAY,EAC3B,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS;QAGpB,oBAAC,sBAAsB,IACrB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { FC, FormEvent, PropsWithChildren, ReactNode } from 'react';
|
|
2
2
|
import { HeadingTagTypes } from '../../Heading';
|
|
3
|
+
import { type ContentBodyProps } from '../useDialogInnerStyle';
|
|
3
4
|
import type { DecoratorsType, ResponseMessageType } from '../../../types';
|
|
4
5
|
export type BaseProps = PropsWithChildren<{
|
|
5
6
|
/**
|
|
@@ -39,7 +40,7 @@ export type BaseProps = PropsWithChildren<{
|
|
|
39
40
|
subActionArea?: ReactNode;
|
|
40
41
|
/** コンポーネント内の文言を変更するための関数を設定 */
|
|
41
42
|
decorators?: DecoratorsType<'closeButtonLabel'>;
|
|
42
|
-
}
|
|
43
|
+
}> & ContentBodyProps;
|
|
43
44
|
export type FormDialogContentInnerProps = BaseProps & {
|
|
44
45
|
onClickClose: () => void;
|
|
45
46
|
responseMessage?: ResponseMessageType;
|
|
@@ -8,7 +8,7 @@ import { Text } from '../../Text';
|
|
|
8
8
|
import { useOffsetHeight } from '../dialogHelper';
|
|
9
9
|
import { useDialoginnerStyle } from '../useDialogInnerStyle';
|
|
10
10
|
const CLOSE_BUTTON_LABEL = 'キャンセル';
|
|
11
|
-
export const FormDialogContentInner = ({ children, title, titleId, subtitle, titleTag, actionText, actionTheme = 'primary', onSubmit, onClickClose, responseMessage, actionDisabled = false, closeDisabled, subActionArea, decorators, }) => {
|
|
11
|
+
export const FormDialogContentInner = ({ children, title, titleId, subtitle, titleTag, contentBgColor, contentPadding, actionText, actionTheme = 'primary', onSubmit, onClickClose, responseMessage, actionDisabled = false, closeDisabled, subActionArea, decorators, }) => {
|
|
12
12
|
const handleSubmitAction = useCallback((e) => {
|
|
13
13
|
e.preventDefault();
|
|
14
14
|
// HINT: React Potals などで擬似的にformがネストしている場合など、stopPropagationを実行しないと
|
|
@@ -18,7 +18,7 @@ export const FormDialogContentInner = ({ children, title, titleId, subtitle, tit
|
|
|
18
18
|
}, [onSubmit, onClickClose]);
|
|
19
19
|
const { offsetHeight, titleRef, bottomRef } = useOffsetHeight();
|
|
20
20
|
const isRequestProcessing = responseMessage && responseMessage.status === 'processing';
|
|
21
|
-
const { titleAreaStyle, bodyStyleProps, actionAreaStyle, buttonAreaStyle, messageStyle } = useDialoginnerStyle(offsetHeight);
|
|
21
|
+
const { titleAreaStyle, bodyStyleProps, actionAreaStyle, buttonAreaStyle, messageStyle } = useDialoginnerStyle(offsetHeight, contentBgColor, contentPadding);
|
|
22
22
|
return (React.createElement(Section, null,
|
|
23
23
|
React.createElement("form", { onSubmit: handleSubmitAction },
|
|
24
24
|
React.createElement(Heading, { tag: titleTag },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContentInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA+C,WAAW,EAAE,MAAM,OAAO,CAAA;AAEvF,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,OAAO,EAAmB,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,
|
|
1
|
+
{"version":3,"file":"FormDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContentInner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { useId } from '../../../hooks/useId';
|
|
|
3
3
|
import { DialogContentInner } from '../DialogContentInner';
|
|
4
4
|
import { useDialogPortal } from '../useDialogPortal';
|
|
5
5
|
import { MessageDialogContentInner, } from './MessageDialogContentInner';
|
|
6
|
-
export const MessageDialog = ({ title, subtitle, titleTag, description, onClickClose, onPressEscape = onClickClose, className, portalParent, decorators, id, ...props }) => {
|
|
6
|
+
export const MessageDialog = ({ title, subtitle, titleTag, description, onClickClose, onPressEscape = onClickClose, contentBgColor, contentPadding, className, portalParent, decorators, id, ...props }) => {
|
|
7
7
|
const { createPortal } = useDialogPortal(portalParent, id);
|
|
8
8
|
const handleClickClose = useCallback(() => {
|
|
9
9
|
if (!props.isOpen) {
|
|
@@ -13,6 +13,6 @@ export const MessageDialog = ({ title, subtitle, titleTag, description, onClickC
|
|
|
13
13
|
}, [onClickClose, props.isOpen]);
|
|
14
14
|
const titleId = useId();
|
|
15
15
|
return createPortal(React.createElement(DialogContentInner, { ...props, "aria-labelledby": titleId, className: className, onPressEscape: onPressEscape },
|
|
16
|
-
React.createElement(MessageDialogContentInner, { title: title, titleTag: titleTag, titleId: titleId, subtitle: subtitle, description: description, onClickClose: handleClickClose, decorators: decorators })));
|
|
16
|
+
React.createElement(MessageDialogContentInner, { title: title, titleTag: titleTag, titleId: titleId, subtitle: subtitle, description: description, contentBgColor: contentBgColor, contentPadding: contentPadding, onClickClose: handleClickClose, decorators: decorators })));
|
|
17
17
|
};
|
|
18
18
|
//# sourceMappingURL=MessageDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/MessageDialog/MessageDialog.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,EACL,yBAAyB,GAE1B,MAAM,6BAA6B,CAAA;AAKpC,MAAM,CAAC,MAAM,aAAa,GAAmC,CAAC,EAC5D,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,SAAS,EACT,YAAY,EACZ,UAAU,EACV,EAAE,EACF,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,EAAE,EAAE,CAAC,CAAA;IAC1D,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAChC,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,qBACQ,OAAO,EACxB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAE5B,oBAAC,yBAAyB,IACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,gBAAgB,EAC9B,UAAU,EAAE,UAAU,GACtB,CACiB,CACtB,CAAA;AACH,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"MessageDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/MessageDialog/MessageDialog.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,EACL,yBAAyB,GAE1B,MAAM,6BAA6B,CAAA;AAKpC,MAAM,CAAC,MAAM,aAAa,GAAmC,CAAC,EAC5D,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,cAAc,EACd,cAAc,EACd,SAAS,EACT,YAAY,EACZ,UAAU,EACV,EAAE,EACF,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,EAAE,EAAE,CAAC,CAAA;IAC1D,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAChC,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,qBACQ,OAAO,EACxB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAE5B,oBAAC,yBAAyB,IACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,UAAU,EAAE,UAAU,GACtB,CACiB,CACtB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -4,7 +4,7 @@ import { DialogContentInner } from '../DialogContentInner';
|
|
|
4
4
|
import { DialogContext } from '../DialogWrapper';
|
|
5
5
|
import { useDialogPortal } from '../useDialogPortal';
|
|
6
6
|
import { MessageDialogContentInner } from './MessageDialogContentInner';
|
|
7
|
-
export const MessageDialogContent = ({ title, description, portalParent, className, decorators, ...props }) => {
|
|
7
|
+
export const MessageDialogContent = ({ title, description, portalParent, className, contentBgColor, contentPadding, decorators, ...props }) => {
|
|
8
8
|
const { onClickClose, active } = useContext(DialogContext);
|
|
9
9
|
const { createPortal } = useDialogPortal(portalParent);
|
|
10
10
|
const handleClickClose = useCallback(() => {
|
|
@@ -15,6 +15,6 @@ export const MessageDialogContent = ({ title, description, portalParent, classNa
|
|
|
15
15
|
}, [active, onClickClose]);
|
|
16
16
|
const titleId = useId();
|
|
17
17
|
return createPortal(React.createElement(DialogContentInner, { ...props, onPressEscape: onClickClose, isOpen: active, className: className },
|
|
18
|
-
React.createElement(MessageDialogContentInner, { title: title, titleId: titleId, description: description, onClickClose: handleClickClose, decorators: decorators })));
|
|
18
|
+
React.createElement(MessageDialogContentInner, { title: title, titleId: titleId, description: description, contentBgColor: contentBgColor, contentPadding: contentPadding, onClickClose: handleClickClose, decorators: decorators })));
|
|
19
19
|
};
|
|
20
20
|
//# sourceMappingURL=MessageDialogContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageDialogContent.js","sourceRoot":"","sources":["../../../../src/components/Dialog/MessageDialog/MessageDialogContent.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,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAKlF,MAAM,CAAC,MAAM,oBAAoB,GAAmC,CAAC,EACnE,KAAK,EACL,WAAW,EACX,YAAY,EACZ,SAAS,EACT,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,CAAC;YACZ,OAAM;QACR,CAAC;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;IAC1B,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,aAAa,EAAE,YAAY,EAC3B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS;QAEpB,oBAAC,yBAAyB,IACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,gBAAgB,EAC9B,UAAU,EAAE,UAAU,GACtB,CACiB,CACtB,CAAA;AACH,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"MessageDialogContent.js","sourceRoot":"","sources":["../../../../src/components/Dialog/MessageDialog/MessageDialogContent.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,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAKlF,MAAM,CAAC,MAAM,oBAAoB,GAAmC,CAAC,EACnE,KAAK,EACL,WAAW,EACX,YAAY,EACZ,SAAS,EACT,cAAc,EACd,cAAc,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,CAAC;YACZ,OAAM;QACR,CAAC;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;IAC1B,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,aAAa,EAAE,YAAY,EAC3B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS;QAEpB,oBAAC,yBAAyB,IACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,UAAU,EAAE,UAAU,GACtB,CACiB,CACtB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { FC } from 'react';
|
|
2
2
|
import { HeadingTagTypes } from '../../Heading';
|
|
3
|
+
import { type ContentBodyProps } from '../useDialogInnerStyle';
|
|
3
4
|
import type { DecoratorsType } from '../../../types';
|
|
4
5
|
export type BaseProps = {
|
|
5
6
|
/**
|
|
@@ -20,7 +21,7 @@ export type BaseProps = {
|
|
|
20
21
|
description: React.ReactNode;
|
|
21
22
|
/** コンポーネント内の文言を変更するための関数を設定 */
|
|
22
23
|
decorators?: DecoratorsType<'closeButtonLabel'>;
|
|
23
|
-
};
|
|
24
|
+
} & ContentBodyProps;
|
|
24
25
|
export type MessageDialogContentInnerProps = BaseProps & {
|
|
25
26
|
onClickClose: () => void;
|
|
26
27
|
titleId: string;
|
|
@@ -10,25 +10,99 @@ const CLOSE_BUTTON_LABEL = '閉じる';
|
|
|
10
10
|
const messegeDialogContentInner = tv({
|
|
11
11
|
slots: {
|
|
12
12
|
titleArea: 'smarthr-ui-Dialog-titleArea shr-border-b-shorthand shr-my-[unset] shr-px-1.5 shr-py-1',
|
|
13
|
-
body: 'smarthr-ui-Dialog-description shr-overflow-auto shr-p-1.5 shr-text-base',
|
|
14
13
|
footer: 'smarthr-ui-Dialog-buttonArea shr-border-t-shorthand shr-flex shr-justify-end shr-px-1.5 shr-py-1',
|
|
15
14
|
},
|
|
16
15
|
});
|
|
17
|
-
|
|
16
|
+
// FIXME: 他のダイアログと共通化したかったが別でやる
|
|
17
|
+
const dialogBody = tv({
|
|
18
|
+
base: ['smarthr-ui-Dialog-description', 'shr-overflow-auto shr-text-base'],
|
|
19
|
+
variants: {
|
|
20
|
+
contentPaddingBlock: {
|
|
21
|
+
0: 'shr-py-0',
|
|
22
|
+
0.25: 'shr-py-0.25',
|
|
23
|
+
0.5: 'shr-py-0.5',
|
|
24
|
+
0.75: 'shr-py-0.75',
|
|
25
|
+
1: 'shr-py-1',
|
|
26
|
+
1.25: 'shr-py-1.25',
|
|
27
|
+
1.5: 'shr-py-1.5',
|
|
28
|
+
2: 'shr-py-2',
|
|
29
|
+
2.5: 'shr-py-2.5',
|
|
30
|
+
3: 'shr-py-3',
|
|
31
|
+
3.5: 'shr-py-3.5',
|
|
32
|
+
4: 'shr-py-4',
|
|
33
|
+
8: 'shr-py-8',
|
|
34
|
+
X3S: 'shr-py-0.25',
|
|
35
|
+
XXS: 'shr-py-0.5',
|
|
36
|
+
XS: 'shr-py-1',
|
|
37
|
+
S: 'shr-py-1.5',
|
|
38
|
+
M: 'shr-py-2',
|
|
39
|
+
L: 'shr-py-2.5',
|
|
40
|
+
XL: 'shr-py-3',
|
|
41
|
+
XXL: 'shr-py-3.5',
|
|
42
|
+
X3L: 'shr-py-4',
|
|
43
|
+
},
|
|
44
|
+
contentPaddingInline: {
|
|
45
|
+
0: 'shr-px-0',
|
|
46
|
+
0.25: 'shr-px-0.25',
|
|
47
|
+
0.5: 'shr-px-0.5',
|
|
48
|
+
0.75: 'shr-px-0.75',
|
|
49
|
+
1: 'shr-px-1',
|
|
50
|
+
1.25: 'shr-px-1.25',
|
|
51
|
+
1.5: 'shr-px-1.5',
|
|
52
|
+
2: 'shr-px-2',
|
|
53
|
+
2.5: 'shr-px-2.5',
|
|
54
|
+
3: 'shr-px-3',
|
|
55
|
+
3.5: 'shr-px-3.5',
|
|
56
|
+
4: 'shr-px-4',
|
|
57
|
+
8: 'shr-px-8',
|
|
58
|
+
X3S: 'shr-px-0.25',
|
|
59
|
+
XXS: 'shr-px-0.5',
|
|
60
|
+
XS: 'shr-px-1',
|
|
61
|
+
S: 'shr-px-1.5',
|
|
62
|
+
M: 'shr-px-2',
|
|
63
|
+
L: 'shr-px-2.5',
|
|
64
|
+
XL: 'shr-px-3',
|
|
65
|
+
XXL: 'shr-px-3.5',
|
|
66
|
+
X3L: 'shr-px-4',
|
|
67
|
+
},
|
|
68
|
+
contentBgColor: {
|
|
69
|
+
BACKGROUND: 'shr-bg-background',
|
|
70
|
+
COLUMN: 'shr-bg-column',
|
|
71
|
+
BASE_GREY: 'shr-bg-base-grey',
|
|
72
|
+
OVER_BACKGROUND: 'shr-bg-over-background',
|
|
73
|
+
HEAD: 'shr-bg-head',
|
|
74
|
+
BORDER: 'shr-bg-[theme(colors.grey.20)]',
|
|
75
|
+
ACTION_BACKGROUND: 'shr-bg-action-background',
|
|
76
|
+
WHITE: 'shr-bg-white',
|
|
77
|
+
GREY_5: 'shr-bg-[theme(colors.grey.5)]',
|
|
78
|
+
GREY_6: 'shr-bg-[theme(colors.grey.6)]',
|
|
79
|
+
GREY_7: 'shr-bg-[theme(colors.grey.7)]',
|
|
80
|
+
GREY_9: 'shr-bg-[theme(colors.grey.9)]',
|
|
81
|
+
GREY_20: 'shr-bg-[theme(colors.grey.20)]',
|
|
82
|
+
},
|
|
83
|
+
},
|
|
84
|
+
});
|
|
85
|
+
export const MessageDialogContentInner = ({ title, subtitle, titleTag, titleId, contentBgColor, contentPadding = 1.5, description, onClickClose, decorators, }) => {
|
|
18
86
|
const { offsetHeight, titleRef, bottomRef } = useOffsetHeight();
|
|
19
87
|
const { titleAreaStyle, bodyStyleProps, footerStyle } = useMemo(() => {
|
|
20
|
-
const { titleArea,
|
|
88
|
+
const { titleArea, footer } = messegeDialogContentInner();
|
|
89
|
+
const paddingBlock = contentPadding instanceof Object ? contentPadding.block : contentPadding;
|
|
90
|
+
const paddingInline = contentPadding instanceof Object ? contentPadding.inline : contentPadding;
|
|
21
91
|
return {
|
|
22
92
|
titleAreaStyle: titleArea(),
|
|
23
93
|
bodyStyleProps: {
|
|
24
94
|
style: {
|
|
25
95
|
maxHeight: `calc(100svh - ${offsetHeight}px)`,
|
|
26
96
|
},
|
|
27
|
-
className:
|
|
97
|
+
className: dialogBody({
|
|
98
|
+
contentBgColor,
|
|
99
|
+
contentPaddingBlock: paddingBlock,
|
|
100
|
+
contentPaddingInline: paddingInline,
|
|
101
|
+
}),
|
|
28
102
|
},
|
|
29
103
|
footerStyle: footer(),
|
|
30
104
|
};
|
|
31
|
-
}, [offsetHeight]);
|
|
105
|
+
}, [contentBgColor, contentPadding, offsetHeight]);
|
|
32
106
|
return (React.createElement(Section, null,
|
|
33
107
|
React.createElement(Heading, { tag: titleTag },
|
|
34
108
|
React.createElement(Stack, { gap: 0.25, as: "span", ref: titleRef, className: titleAreaStyle },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/MessageDialog/MessageDialogContentInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,OAAO,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,OAAO,EAAmB,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"MessageDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/MessageDialog/MessageDialogContentInner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { FC, MouseEvent, PropsWithChildren, ReactNode, RefObject } from 'react';
|
|
2
2
|
import { BaseElementProps } from '../Base';
|
|
3
|
+
import { type ContentBodyProps } from './useDialogInnerStyle';
|
|
3
4
|
import type { DecoratorsType } from '../../types';
|
|
4
5
|
type Props = PropsWithChildren<{
|
|
5
6
|
/**
|
|
@@ -55,6 +56,6 @@ type Props = PropsWithChildren<{
|
|
|
55
56
|
dialogHandlerAriaLabel?: (txt: string) => string;
|
|
56
57
|
dialogHandlerAriaValuetext?: (txt: string, data: DOMRect | undefined) => string;
|
|
57
58
|
};
|
|
58
|
-
}
|
|
59
|
+
}> & ContentBodyProps;
|
|
59
60
|
export declare const ModelessDialog: FC<Props & BaseElementProps>;
|
|
60
61
|
export {};
|