@rolster/react-components 18.23.11 → 18.23.12
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/dist/cjs/assets/{index-9GIW7Ggg.css → index-Dr8-miqn.css} +7 -4
- package/dist/cjs/index.js +16 -15
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-9GIW7Ggg.css → index-Dr8-miqn.css} +7 -4
- package/dist/es/index.js +16 -15
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/organisms/Confirmation/Confirmation.css +7 -4
- package/dist/esm/components/organisms/Confirmation/Confirmation.css.map +1 -1
- package/dist/esm/components/organisms/Confirmation/Confirmation.d.ts +4 -1
- package/dist/esm/components/organisms/Confirmation/Confirmation.js +16 -15
- package/dist/esm/components/organisms/Confirmation/Confirmation.js.map +1 -1
- package/package.json +1 -1
|
@@ -90,15 +90,18 @@
|
|
|
90
90
|
padding: 0rem var(--rls-sizing-x8);
|
|
91
91
|
box-sizing: border-box;
|
|
92
92
|
}
|
|
93
|
-
.rls-
|
|
94
|
-
|
|
95
|
-
|
|
93
|
+
.rls-confirmation__content {
|
|
94
|
+
display: flex;
|
|
95
|
+
flex-direction: column;
|
|
96
|
+
row-gap: var(--rls-sizing-x8);
|
|
96
97
|
}
|
|
97
|
-
.rls-
|
|
98
|
+
.rls-confirmation__content > p {
|
|
98
99
|
font-weight: var(--rls-font-weight-medium);
|
|
99
100
|
font-size: var(--pvt-content-font-size);
|
|
100
101
|
line-height: var(--pvt-content-line-height);
|
|
101
102
|
letter-spacing: var(--pvt-content-letter-spacing);
|
|
103
|
+
text-align: center;
|
|
104
|
+
color: var(--rls-app-color-600);
|
|
102
105
|
}
|
|
103
106
|
.rls-confirmation__footer {
|
|
104
107
|
position: relative;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Confirmation/Confirmation.scss"],"names":[],"mappings":"AAOA,kBACE,wDACA,6BACA,2BACA,mCAEA,qDACA,+DACA,yDACA,oCAEA,oDACA,8DACA,wDACA,uCAEA,gCACA,qCACA,mCAEA,0BACA,+BAEA,eACA,aACA,SACA,UACA,YACA,aACA,uBACA,mBACA,8BACA,kBAEA,2BACE,oCACA,6BACA,2BACA,kDACA,4BACA,0BAEA,mBAGF,6BACE,kBACA,aACA,yCACA,iBACA,mCACA,sBACA,6BACA,qCACA,2CACA,kCACA,sBACA,6BACA,mCACA,oCACA,mCACA,yCACA,gKAKF,0BACE,kBACA,aACA,WACA,sBACA,6BACA,kCACA,sBAGF,yBACE,kBACA,+BACA,wCACA,qCACA,yCACA,+CACA,+CAGF,4BACE,kBACA,iCACA,wCACA,wCACA,4CACA,kDACA,kDAGF,wBACE,kBACA,WACA,kCACA,sBAGF,2BACE
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Confirmation/Confirmation.scss"],"names":[],"mappings":"AAOA,kBACE,wDACA,6BACA,2BACA,mCAEA,qDACA,+DACA,yDACA,oCAEA,oDACA,8DACA,wDACA,uCAEA,gCACA,qCACA,mCAEA,0BACA,+BAEA,eACA,aACA,SACA,UACA,YACA,aACA,uBACA,mBACA,8BACA,kBAEA,2BACE,oCACA,6BACA,2BACA,kDACA,4BACA,0BAEA,mBAGF,6BACE,kBACA,aACA,yCACA,iBACA,mCACA,sBACA,6BACA,qCACA,2CACA,kCACA,sBACA,6BACA,mCACA,oCACA,mCACA,yCACA,gKAKF,0BACE,kBACA,aACA,WACA,sBACA,6BACA,kCACA,sBAGF,yBACE,kBACA,+BACA,wCACA,qCACA,yCACA,+CACA,+CAGF,4BACE,kBACA,iCACA,wCACA,wCACA,4CACA,kDACA,kDAGF,wBACE,kBACA,WACA,kCACA,sBAGF,2BACE,aACA,sBACA,6BAEA,6BACE,0CACA,uCACA,2CACA,iDACA,kBACA,+BAIJ,0BACE,kBACA,WACA,4EACA,sBAGF,2BACE,kBACA,WACA,aACA,2BACA,uBACA,gCAGF,4BACE,kBACA,cACA,QACA,SACA,UACA,kCACA,oCACA,6BACA,yCACA,0BACA,0GAKJ,qCACE,kBACE,kDACA,4DACA,sDAEA,yDACA,mEACA,6DAEA,kCAEA,0BACE,6BAGF,2BACE,8BACA,gBACA","file":"Confirmation.css"}
|
|
@@ -15,10 +15,12 @@ interface ConfirmationButton {
|
|
|
15
15
|
label: string;
|
|
16
16
|
onClick: () => void;
|
|
17
17
|
type: RlsButtonType;
|
|
18
|
+
disabled?: boolean;
|
|
18
19
|
identifier?: string;
|
|
19
20
|
rlsTheme?: RlsTheme;
|
|
20
21
|
}
|
|
21
22
|
interface ConfirmationBasic {
|
|
23
|
+
className?: string;
|
|
22
24
|
content?: ReactNode;
|
|
23
25
|
subtitle?: string;
|
|
24
26
|
title?: string;
|
|
@@ -31,6 +33,7 @@ interface ConfirmationProps extends ConfirmationBasic {
|
|
|
31
33
|
}
|
|
32
34
|
interface ConfirmationAction {
|
|
33
35
|
label: string;
|
|
36
|
+
disabled?: boolean;
|
|
34
37
|
identifier?: string;
|
|
35
38
|
rlsTheme?: RlsTheme;
|
|
36
39
|
type?: RlsButtonType;
|
|
@@ -44,6 +47,6 @@ export interface ConfirmationService {
|
|
|
44
47
|
RlsConfirmation: ReactNode;
|
|
45
48
|
confirmation: Confirmation;
|
|
46
49
|
}
|
|
47
|
-
export declare function RlsConfirmation({ approved, content, reject, rlsTheme, subtitle, title, visible }: ConfirmationProps): import("react/jsx-runtime").JSX.Element;
|
|
50
|
+
export declare function RlsConfirmation({ approved, className, content, reject, rlsTheme, subtitle, title, visible }: ConfirmationProps): import("react/jsx-runtime").JSX.Element;
|
|
48
51
|
export declare function useConfirmation(): ConfirmationService;
|
|
49
52
|
export {};
|
|
@@ -14,11 +14,11 @@ export class ConfirmationResult extends PartialSealed {
|
|
|
14
14
|
return new ConfirmationResult('reject');
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
|
-
export function RlsConfirmation({ approved, content, reject, rlsTheme, subtitle, title, visible }) {
|
|
18
|
-
const
|
|
19
|
-
return renderClassStatus('rls-confirmation', { visible });
|
|
20
|
-
}, [visible]);
|
|
21
|
-
return (_jsxs("div", { className:
|
|
17
|
+
export function RlsConfirmation({ approved, className, content, reject, rlsTheme, subtitle, title, visible }) {
|
|
18
|
+
const classConfirmation = useMemo(() => {
|
|
19
|
+
return renderClassStatus('rls-confirmation', { visible }, className);
|
|
20
|
+
}, [visible, className]);
|
|
21
|
+
return (_jsxs("div", { className: classConfirmation, "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-confirmation__component", children: [_jsxs("div", { className: "rls-confirmation__header", children: [title && _jsx("div", { className: "rls-confirmation__title", children: title }), subtitle && (_jsx("div", { className: "rls-confirmation__subtitle", children: subtitle }))] }), _jsx("div", { className: "rls-confirmation__body", children: content && (_jsx("div", { className: "rls-confirmation__content", children: content })) }), (approved || reject) && (_jsx("div", { className: "rls-confirmation__footer", children: _jsxs("div", { className: "rls-confirmation__actions", children: [approved && (_jsx(RlsButton, { identifier: approved.identifier, type: approved.type, onClick: approved.onClick, disabled: approved.disabled, rlsTheme: approved.rlsTheme, children: approved.label })), reject && (_jsx(RlsButton, { identifier: reject.identifier, type: reject.type, onClick: reject.onClick, disabled: reject.disabled, rlsTheme: reject.rlsTheme, children: reject.label }))] }) }))] }), _jsx("div", { className: "rls-confirmation__backdrop" })] }));
|
|
22
22
|
}
|
|
23
23
|
export function useConfirmation() {
|
|
24
24
|
const [config, setConfig] = useState({});
|
|
@@ -26,29 +26,30 @@ export function useConfirmation() {
|
|
|
26
26
|
const component = ReactDOM.createPortal(_jsx(RlsConfirmation, { ...config, visible: visible }), document.body);
|
|
27
27
|
const confirmation = useCallback((options) => {
|
|
28
28
|
return new Promise((resolve) => {
|
|
29
|
-
const { approved, reject } = options;
|
|
30
29
|
setConfig({
|
|
31
30
|
...options,
|
|
32
31
|
approved: {
|
|
33
|
-
label: approved?.label ?? reactI18n('confirmationActionApproved'),
|
|
32
|
+
label: options.approved?.label ?? reactI18n('confirmationActionApproved'),
|
|
34
33
|
onClick: () => {
|
|
35
34
|
setVisible(false);
|
|
36
35
|
resolve(ConfirmationResult.approved());
|
|
37
36
|
},
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
37
|
+
type: options.approved?.type ?? 'raised',
|
|
38
|
+
disabled: options.approved?.disabled,
|
|
39
|
+
identifier: options.approved?.identifier,
|
|
40
|
+
rlsTheme: options.approved?.rlsTheme
|
|
41
41
|
},
|
|
42
|
-
reject: reject
|
|
42
|
+
reject: options.reject
|
|
43
43
|
? {
|
|
44
|
-
label: reject.label,
|
|
44
|
+
label: options.reject.label,
|
|
45
45
|
onClick: () => {
|
|
46
46
|
setVisible(false);
|
|
47
47
|
resolve(ConfirmationResult.reject());
|
|
48
48
|
},
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
49
|
+
type: options.reject.type ?? 'outline',
|
|
50
|
+
disabled: options.reject.disabled,
|
|
51
|
+
identifier: options.reject.identifier,
|
|
52
|
+
rlsTheme: options.reject.rlsTheme
|
|
52
53
|
}
|
|
53
54
|
: undefined
|
|
54
55
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Confirmation.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Confirmation/Confirmation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAa,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAiB,MAAM,2BAA2B,CAAC;AAErE,OAAO,oBAAoB,CAAC;AAE5B,MAAM,OAAO,kBAAmB,SAAQ,aAOvC;IACQ,MAAM,CAAC,QAAQ;QACpB,OAAO,IAAI,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAC5C,CAAC;IAEM,MAAM,CAAC,MAAM;QAClB,OAAO,IAAI,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAC1C,CAAC;CACF;
|
|
1
|
+
{"version":3,"file":"Confirmation.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Confirmation/Confirmation.tsx"],"names":[],"mappings":"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"}
|