@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.
@@ -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;YAElD,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,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}
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: string;
4
+ actionLabel?: string;
5
5
  actionLoading?: boolean;
6
6
  actionIcon?: string;
7
7
  style?: CSSProperties;
8
8
  title: string;
9
- onAction: () => void;
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;YAElD,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,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,OAAO,WA0ClB"}
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: string;
4
+ actionLabel?: string;
5
5
  actionLoading?: boolean;
6
6
  actionIcon?: string;
7
7
  style?: CSSProperties;
8
8
  title: string;
9
- onAction: () => void;
9
+ onAction?: () => void;
10
10
  onClose?: () => void;
11
11
  } & PropsWithChildren;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dktunited-techoff/techoff-suite-ui",
3
- "version": "1.15.17",
3
+ "version": "1.15.18",
4
4
  "main": "lib/index.js",
5
5
  "types": "./lib",
6
6
  "module": "esm/index.js",
@@ -29,20 +29,22 @@ export const TsModal = ({
29
29
 
30
30
  <div className="ts-modal-content">{children}</div>
31
31
 
32
- <div className="ts-modal-footer">
33
- {!actionLoading ? (
34
- <>
35
- <TsButton variant="secondary" onClick={onClose}>
36
- Cancel
37
- </TsButton>
38
- <TsButton icon={actionIcon} variant="primary" disabled={actionDisabled} onClick={onAction}>
39
- {actionLabel}
40
- </TsButton>
41
- </>
42
- ) : (
43
- <TsLoader />
44
- )}
45
- </div>
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: string;
5
+ actionLabel?: string;
6
6
  actionLoading?: boolean;
7
7
  actionIcon?: string;
8
8
  style?: CSSProperties;
9
9
  title: string;
10
- onAction: () => void;
10
+ onAction?: () => void;
11
11
  onClose?: () => void;
12
12
  } & PropsWithChildren;