@dktunited-techoff/techoff-suite-ui 1.15.17 → 1.15.18
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/TsModal/TsModal.js +2 -2
- package/esm/components/TsModal/TsModal.js.map +1 -1
- package/esm/components/TsModal/TsModal.types.d.ts +2 -2
- package/lib/components/TsModal/TsModal.js +2 -2
- package/lib/components/TsModal/TsModal.js.map +1 -1
- package/lib/components/TsModal/TsModal.types.d.ts +2 -2
- package/package.json +1 -1
- package/src/components/TsModal/TsModal.tsx +16 -14
- package/src/components/TsModal/TsModal.types.ts +2 -2
|
@@ -11,8 +11,8 @@ export const TsModal = ({ children, actionDisabled, actionLabel, actionLoading,
|
|
|
11
11
|
React.createElement("div", { className: "ts-modal-title" }, title),
|
|
12
12
|
React.createElement(TsButton, { icon: "close", variant: "ghost", rounded: true, onClick: onClose })),
|
|
13
13
|
React.createElement("div", { className: "ts-modal-content" }, children),
|
|
14
|
-
React.createElement("div", { className: "ts-modal-footer" }, !actionLoading ? (React.createElement(React.Fragment, null,
|
|
14
|
+
onAction && actionLabel && (React.createElement("div", { className: "ts-modal-footer" }, !actionLoading ? (React.createElement(React.Fragment, null,
|
|
15
15
|
React.createElement(TsButton, { variant: "secondary", onClick: onClose }, "Cancel"),
|
|
16
|
-
React.createElement(TsButton, { icon: actionIcon, variant: "primary", disabled: actionDisabled, onClick: onAction }, actionLabel))) : (React.createElement(TsLoader, null))))));
|
|
16
|
+
React.createElement(TsButton, { icon: actionIcon, variant: "primary", disabled: actionDisabled, onClick: onAction }, actionLabel))) : (React.createElement(TsLoader, null)))))));
|
|
17
17
|
};
|
|
18
18
|
//# sourceMappingURL=TsModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TsModal.js","sourceRoot":"","sources":["../../../src/components/TsModal/TsModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,QAAQ,EACR,cAAc,EACd,WAAW,EACX,aAAa,EACb,UAAU,EACV,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,GACM,EAAE,EAAE;IACjB,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAC,oBAAoB;QACjC,6BAAK,SAAS,EAAC,eAAe,GAAG;QAEjC,6BAAK,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,KAAK;YACpC,6BAAK,SAAS,EAAC,iBAAiB;gBAC9B,6BAAK,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAO;gBAE7C,oBAAC,QAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,QAAC,OAAO,EAAE,OAAO,GAAI,CAC/D;YAEN,6BAAK,SAAS,EAAC,kBAAkB,IAAE,QAAQ,CAAO;
|
|
1
|
+
{"version":3,"file":"TsModal.js","sourceRoot":"","sources":["../../../src/components/TsModal/TsModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,QAAQ,EACR,cAAc,EACd,WAAW,EACX,aAAa,EACb,UAAU,EACV,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,GACM,EAAE,EAAE;IACjB,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAC,oBAAoB;QACjC,6BAAK,SAAS,EAAC,eAAe,GAAG;QAEjC,6BAAK,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,KAAK;YACpC,6BAAK,SAAS,EAAC,iBAAiB;gBAC9B,6BAAK,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAO;gBAE7C,oBAAC,QAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,QAAC,OAAO,EAAE,OAAO,GAAI,CAC/D;YAEN,6BAAK,SAAS,EAAC,kBAAkB,IAAE,QAAQ,CAAO;YAEjD,QAAQ,IAAI,WAAW,IAAI,CAC1B,6BAAK,SAAS,EAAC,iBAAiB,IAC7B,CAAC,aAAa,CAAC,CAAC,CAAC,CAChB;gBACE,oBAAC,QAAQ,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,OAAO,aAEnC;gBACX,oBAAC,QAAQ,IAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,QAAQ,IACtF,WAAW,CACH,CACV,CACJ,CAAC,CAAC,CAAC,CACF,oBAAC,QAAQ,OAAG,CACb,CACG,CACP,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { CSSProperties, PropsWithChildren } from 'react';
|
|
2
2
|
export type TsModalProps = {
|
|
3
3
|
actionDisabled?: boolean;
|
|
4
|
-
actionLabel
|
|
4
|
+
actionLabel?: string;
|
|
5
5
|
actionLoading?: boolean;
|
|
6
6
|
actionIcon?: string;
|
|
7
7
|
style?: CSSProperties;
|
|
8
8
|
title: string;
|
|
9
|
-
onAction
|
|
9
|
+
onAction?: () => void;
|
|
10
10
|
onClose?: () => void;
|
|
11
11
|
} & PropsWithChildren;
|
|
@@ -14,9 +14,9 @@ const TsModal = ({ children, actionDisabled, actionLabel, actionLoading, actionI
|
|
|
14
14
|
React.createElement("div", { className: "ts-modal-title" }, title),
|
|
15
15
|
React.createElement(TsButton_1.TsButton, { icon: "close", variant: "ghost", rounded: true, onClick: onClose })),
|
|
16
16
|
React.createElement("div", { className: "ts-modal-content" }, children),
|
|
17
|
-
React.createElement("div", { className: "ts-modal-footer" }, !actionLoading ? (React.createElement(React.Fragment, null,
|
|
17
|
+
onAction && actionLabel && (React.createElement("div", { className: "ts-modal-footer" }, !actionLoading ? (React.createElement(React.Fragment, null,
|
|
18
18
|
React.createElement(TsButton_1.TsButton, { variant: "secondary", onClick: onClose }, "Cancel"),
|
|
19
|
-
React.createElement(TsButton_1.TsButton, { icon: actionIcon, variant: "primary", disabled: actionDisabled, onClick: onAction }, actionLabel))) : (React.createElement(TsLoader_1.TsLoader, null))))));
|
|
19
|
+
React.createElement(TsButton_1.TsButton, { icon: actionIcon, variant: "primary", disabled: actionDisabled, onClick: onAction }, actionLabel))) : (React.createElement(TsLoader_1.TsLoader, null)))))));
|
|
20
20
|
};
|
|
21
21
|
exports.TsModal = TsModal;
|
|
22
22
|
//# sourceMappingURL=TsModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TsModal.js","sourceRoot":"","sources":["../../../src/components/TsModal/TsModal.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAE/B,mDAAgD;AAChD,yBAAuB;AACvB,mDAAgD;AAEzC,MAAM,OAAO,GAAG,CAAC,EACtB,QAAQ,EACR,cAAc,EACd,WAAW,EACX,aAAa,EACb,UAAU,EACV,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,GACM,EAAE,EAAE;IACjB,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAC,oBAAoB;QACjC,6BAAK,SAAS,EAAC,eAAe,GAAG;QAEjC,6BAAK,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,KAAK;YACpC,6BAAK,SAAS,EAAC,iBAAiB;gBAC9B,6BAAK,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAO;gBAE7C,oBAAC,mBAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,QAAC,OAAO,EAAE,OAAO,GAAI,CAC/D;YAEN,6BAAK,SAAS,EAAC,kBAAkB,IAAE,QAAQ,CAAO;
|
|
1
|
+
{"version":3,"file":"TsModal.js","sourceRoot":"","sources":["../../../src/components/TsModal/TsModal.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAE/B,mDAAgD;AAChD,yBAAuB;AACvB,mDAAgD;AAEzC,MAAM,OAAO,GAAG,CAAC,EACtB,QAAQ,EACR,cAAc,EACd,WAAW,EACX,aAAa,EACb,UAAU,EACV,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,GACM,EAAE,EAAE;IACjB,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAC,oBAAoB;QACjC,6BAAK,SAAS,EAAC,eAAe,GAAG;QAEjC,6BAAK,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,KAAK;YACpC,6BAAK,SAAS,EAAC,iBAAiB;gBAC9B,6BAAK,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAO;gBAE7C,oBAAC,mBAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,QAAC,OAAO,EAAE,OAAO,GAAI,CAC/D;YAEN,6BAAK,SAAS,EAAC,kBAAkB,IAAE,QAAQ,CAAO;YAEjD,QAAQ,IAAI,WAAW,IAAI,CAC1B,6BAAK,SAAS,EAAC,iBAAiB,IAC7B,CAAC,aAAa,CAAC,CAAC,CAAC,CAChB;gBACE,oBAAC,mBAAQ,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,OAAO,aAEnC;gBACX,oBAAC,mBAAQ,IAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,QAAQ,IACtF,WAAW,CACH,CACV,CACJ,CAAC,CAAC,CAAC,CACF,oBAAC,mBAAQ,OAAG,CACb,CACG,CACP,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AA5CW,QAAA,OAAO,WA4ClB"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { CSSProperties, PropsWithChildren } from 'react';
|
|
2
2
|
export type TsModalProps = {
|
|
3
3
|
actionDisabled?: boolean;
|
|
4
|
-
actionLabel
|
|
4
|
+
actionLabel?: string;
|
|
5
5
|
actionLoading?: boolean;
|
|
6
6
|
actionIcon?: string;
|
|
7
7
|
style?: CSSProperties;
|
|
8
8
|
title: string;
|
|
9
|
-
onAction
|
|
9
|
+
onAction?: () => void;
|
|
10
10
|
onClose?: () => void;
|
|
11
11
|
} & PropsWithChildren;
|
package/package.json
CHANGED
|
@@ -29,20 +29,22 @@ export const TsModal = ({
|
|
|
29
29
|
|
|
30
30
|
<div className="ts-modal-content">{children}</div>
|
|
31
31
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
{
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
32
|
+
{onAction && actionLabel && (
|
|
33
|
+
<div className="ts-modal-footer">
|
|
34
|
+
{!actionLoading ? (
|
|
35
|
+
<>
|
|
36
|
+
<TsButton variant="secondary" onClick={onClose}>
|
|
37
|
+
Cancel
|
|
38
|
+
</TsButton>
|
|
39
|
+
<TsButton icon={actionIcon} variant="primary" disabled={actionDisabled} onClick={onAction}>
|
|
40
|
+
{actionLabel}
|
|
41
|
+
</TsButton>
|
|
42
|
+
</>
|
|
43
|
+
) : (
|
|
44
|
+
<TsLoader />
|
|
45
|
+
)}
|
|
46
|
+
</div>
|
|
47
|
+
)}
|
|
46
48
|
</div>
|
|
47
49
|
</div>
|
|
48
50
|
);
|
|
@@ -2,11 +2,11 @@ import { CSSProperties, PropsWithChildren } from 'react';
|
|
|
2
2
|
|
|
3
3
|
export type TsModalProps = {
|
|
4
4
|
actionDisabled?: boolean;
|
|
5
|
-
actionLabel
|
|
5
|
+
actionLabel?: string;
|
|
6
6
|
actionLoading?: boolean;
|
|
7
7
|
actionIcon?: string;
|
|
8
8
|
style?: CSSProperties;
|
|
9
9
|
title: string;
|
|
10
|
-
onAction
|
|
10
|
+
onAction?: () => void;
|
|
11
11
|
onClose?: () => void;
|
|
12
12
|
} & PropsWithChildren;
|