@cakemail-org/ui-components-v2 2.0.72 → 2.0.74

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.
Files changed (13) hide show
  1. package/dist/cjs/components/icon/types.d.ts +1 -0
  2. package/dist/cjs/components/icons/18/AddTags.d.ts +4 -0
  3. package/dist/cjs/components/resourceEdit/index.d.ts +1 -1
  4. package/dist/cjs/components/resourceEdit/types.d.ts +1 -0
  5. package/dist/cjs/factories/forms/index.d.ts +2 -2
  6. package/dist/cjs/index.js +12 -3
  7. package/dist/esm/components/icon/types.d.ts +1 -0
  8. package/dist/esm/components/icons/18/AddTags.d.ts +4 -0
  9. package/dist/esm/components/resourceEdit/index.d.ts +1 -1
  10. package/dist/esm/components/resourceEdit/types.d.ts +1 -0
  11. package/dist/esm/factories/forms/index.d.ts +2 -2
  12. package/dist/esm/index.js +12 -3
  13. package/package.json +1 -1
package/dist/cjs/components/icon/types.d.ts CHANGED
@@ -18,6 +18,7 @@ export declare enum EIconName {
18
18
  "X14" = "X14",
19
19
  "Activity18" = "Activity18",
20
20
  "Add18" = "Add18",
21
+ "AddTags18" = "AddTags18",
21
22
  "AccountProfile18" = "AccountProfile18",
22
23
  "Arrow18" = "Arrow18",
23
24
  "Attribute18" = "Attribute18",
package/dist/cjs/components/icons/18/AddTags.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { SvgIconProps } from '@mui/material/SvgIcon';
2
+ import React from "react";
3
+ declare function AddTags18(props: SvgIconProps): React.JSX.Element;
4
+ export default AddTags18;
package/dist/cjs/components/resourceEdit/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
2
  import "./styles.scss";
3
3
  import { TResourceEdit } from "./types";
4
- export declare function ResourceEdit({ editable, title, desc, support, status, editableContent, initOpen }: TResourceEdit): React.JSX.Element;
4
+ export declare function ResourceEdit({ editable, title, desc, support, status, editableContent, className, initOpen }: TResourceEdit): React.JSX.Element;
5
5
  export default ResourceEdit;
package/dist/cjs/components/resourceEdit/types.d.ts CHANGED
@@ -6,4 +6,5 @@ export type TResourceEdit = {
6
6
  editableContent?: React.ReactNode;
7
7
  support: string | React.ReactNode;
8
8
  initOpen?: boolean;
9
+ className?: string;
9
10
  };
package/dist/cjs/factories/forms/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { EnhancedFormModel, FormModel, SummaryEnhancedFormModel } from "../../models";
1
+ import { EnhancedFormModel, FormModel, SummaryEnhancedFormModel, TEnhancedFormModel, TFormModel } from "../../models";
2
2
  import { TGenericListParams, TGenericListReturn } from "../../types/services";
3
3
  export declare class FormsFactory {
4
4
  static get({ id }: {
@@ -6,7 +6,7 @@ export declare class FormsFactory {
6
6
  }): Promise<FormModel | EnhancedFormModel>;
7
7
  static list({ ...options }: TGenericListParams): Promise<TGenericListReturn<FormModel | SummaryEnhancedFormModel>>;
8
8
  static create({ form }: {
9
- form: Partial<FormModel | EnhancedFormModel>;
9
+ form: Partial<TFormModel | TEnhancedFormModel>;
10
10
  }): Promise<EnhancedFormModel | FormModel>;
11
11
  }
12
12
  export * from "./types";
package/dist/cjs/index.js CHANGED
@@ -697,6 +697,14 @@ function Add18(props) {
697
697
  React.createElement("path", { d: "M10 1C10 0.447715 9.55229 0 9 0C8.44771 0 8 0.447715 8 1V8H1C0.447715 8 0 8.44771 0 9C0 9.55229 0.447715 10 1 10H8V17C8 17.5523 8.44772 18 9 18C9.55229 18 10 17.5523 10 17V10H17C17.5523 10 18 9.55228 18 9C18 8.44771 17.5523 8 17 8H10V1Z" }));
698
698
  }
699
699
 
700
+ function AddTags18(props) {
701
+ return React.createElement(SvgIcon, __assign({}, props, { width: "18", height: "18", viewBox: "0 0 18 18" }),
702
+ React.createElement("rect", { x: "4", y: "4", width: "3", height: "3", rx: "1.5" }),
703
+ React.createElement("rect", { x: "4", y: "12", width: "5", height: "2", rx: "1" }),
704
+ React.createElement("rect", { x: "4", y: "9", width: "10", height: "2", rx: "1" }),
705
+ React.createElement("rect", { className: 'noFill', x: "1", y: "1", width: "16", height: "16", rx: "5", "stroke-width": "2" }));
706
+ }
707
+
700
708
  function Arrow18(props) {
701
709
  return React.createElement(SvgIcon, __assign({}, props, { width: "18", height: "18", viewBox: "0 0 18 18" }),
702
710
  React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.7071 3.70711C8.09762 3.31658 8.09762 2.68342 7.7071 2.29289C7.31657 1.90237 6.68341 1.90237 6.29288 2.29289L0.292892 8.2929C0.0976302 8.48817 -4.19999e-07 8.74409 0 9.00001C4.30001e-07 9.25593 0.0976319 9.51186 0.292894 9.70712L6.2929 15.7071C6.68343 16.0976 7.31659 16.0976 7.70712 15.7071C8.09764 15.3166 8.09764 14.6834 7.70712 14.2929L3.41422 10L16.9807 9.99998C17.5447 9.99998 18 9.55226 18 8.99998C18 8.46385 17.5465 7.99998 16.9872 7.99998L3.41421 8.00001L7.7071 3.70711Z" }));
@@ -1385,6 +1393,7 @@ function Icon(_a) {
1385
1393
  X14: X14,
1386
1394
  Activity18: Activity18,
1387
1395
  Add18: Add18,
1396
+ AddTags18: AddTags18,
1388
1397
  AccountProfile18: AccountProfile18,
1389
1398
  Attribute18: Attribute18,
1390
1399
  Integrations18: Integrations18,
@@ -15674,16 +15683,16 @@ function MetricCard(_a) {
15674
15683
  rightContent && React.createElement(Stack, { className: "rightContent" }, rightContent));
15675
15684
  }
15676
15685
 
15677
- var css_248z$3 = ".resourceEdit-component-v2 {\n width: 100%;\n}\n.resourceEdit-component-v2 .resource-heading {\n flex: 1;\n width: 100%;\n}\n.resourceEdit-component-v2 .resource-heading .resource-title {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n}\n.resourceEdit-component-v2 .resource-heading .statusCheckmark {\n width: 24px;\n height: 24px;\n border-radius: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 0.5rem;\n}\n.resourceEdit-component-v2 .resource-heading .statusCheckmark.valid {\n background-color: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.resourceEdit-component-v2 .resource-heading .statusCheckmark.warning {\n background-color: var(--warning-brand-color, var(--orange, #FF9E0E));\n}\n.resourceEdit-component-v2 .resource-heading .statusCheckmark.error {\n background-color: var(--error-brand-color, var(--rad-red, #FF4835));\n}\n.resourceEdit-component-v2 .resource-heading .statusCheckmark.empty {\n background-color: var(--shade500, #939292);\n}\n.resourceEdit-component-v2 .resource-heading .resource-content,\n.resourceEdit-component-v2 .resource-heading .resource-support {\n padding-bottom: 1.5rem;\n}";
15686
+ var css_248z$3 = ".resourceEdit-component-v2 {\n width: 100%;\n}\n.resourceEdit-component-v2 .resource-heading {\n flex: 1;\n width: 100%;\n}\n.resourceEdit-component-v2 .resource-heading .resource-title {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n}\n.resourceEdit-component-v2 .resource-heading .statusCheckmark {\n width: 24px;\n height: 24px;\n border-radius: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 0.5rem;\n}\n.resourceEdit-component-v2 .resource-heading .statusCheckmark.valid {\n background-color: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.resourceEdit-component-v2 .resource-heading .statusCheckmark.warning {\n background-color: var(--warning-brand-color, var(--orange, #FF9E0E));\n}\n.resourceEdit-component-v2 .resource-heading .statusCheckmark.error {\n background-color: var(--error-brand-color, var(--rad-red, #FF4835));\n}\n.resourceEdit-component-v2 .resource-heading .statusCheckmark.empty {\n background-color: var(--shade500, #939292);\n}\n.resourceEdit-component-v2 .resource-content,\n.resourceEdit-component-v2 .resource-support {\n padding-bottom: 1.5rem;\n}";
15678
15687
  styleInject(css_248z$3);
15679
15688
 
15680
15689
  function ResourceEdit(_a) {
15681
- var editable = _a.editable, title = _a.title, desc = _a.desc, support = _a.support, status = _a.status, editableContent = _a.editableContent, _b = _a.initOpen, initOpen = _b === void 0 ? false : _b;
15690
+ var editable = _a.editable, title = _a.title, desc = _a.desc, support = _a.support, status = _a.status, editableContent = _a.editableContent, className = _a.className, _b = _a.initOpen, initOpen = _b === void 0 ? false : _b;
15682
15691
  var _c = React.useState(initOpen), open = _c[0], setOpen = _c[1];
15683
15692
  function handleToggleOpen() {
15684
15693
  setOpen(!open);
15685
15694
  }
15686
- return React.createElement(material.Stack, { className: "resourceEdit-component-v2", gap: 6 },
15695
+ return React.createElement(material.Stack, { className: "resourceEdit-component-v2 ".concat(className || ""), gap: 6 },
15687
15696
  React.createElement(material.Stack, { direction: "row", className: "resource-heading", justifyContent: "space-between", gap: 4 },
15688
15697
  React.createElement(material.Stack, { gap: 1 },
15689
15698
  React.createElement(material.Typography, { className: "resource-title", variant: "titleS" },
package/dist/esm/components/icon/types.d.ts CHANGED
@@ -18,6 +18,7 @@ export declare enum EIconName {
18
18
  "X14" = "X14",
19
19
  "Activity18" = "Activity18",
20
20
  "Add18" = "Add18",
21
+ "AddTags18" = "AddTags18",
21
22
  "AccountProfile18" = "AccountProfile18",
22
23
  "Arrow18" = "Arrow18",
23
24
  "Attribute18" = "Attribute18",
package/dist/esm/components/icons/18/AddTags.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { SvgIconProps } from '@mui/material/SvgIcon';
2
+ import React from "react";
3
+ declare function AddTags18(props: SvgIconProps): React.JSX.Element;
4
+ export default AddTags18;
package/dist/esm/components/resourceEdit/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
2
  import "./styles.scss";
3
3
  import { TResourceEdit } from "./types";
4
- export declare function ResourceEdit({ editable, title, desc, support, status, editableContent, initOpen }: TResourceEdit): React.JSX.Element;
4
+ export declare function ResourceEdit({ editable, title, desc, support, status, editableContent, className, initOpen }: TResourceEdit): React.JSX.Element;
5
5
  export default ResourceEdit;
package/dist/esm/components/resourceEdit/types.d.ts CHANGED
@@ -6,4 +6,5 @@ export type TResourceEdit = {
6
6
  editableContent?: React.ReactNode;
7
7
  support: string | React.ReactNode;
8
8
  initOpen?: boolean;
9
+ className?: string;
9
10
  };
package/dist/esm/factories/forms/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { EnhancedFormModel, FormModel, SummaryEnhancedFormModel } from "../../models";
1
+ import { EnhancedFormModel, FormModel, SummaryEnhancedFormModel, TEnhancedFormModel, TFormModel } from "../../models";
2
2
  import { TGenericListParams, TGenericListReturn } from "../../types/services";
3
3
  export declare class FormsFactory {
4
4
  static get({ id }: {
@@ -6,7 +6,7 @@ export declare class FormsFactory {
6
6
  }): Promise<FormModel | EnhancedFormModel>;
7
7
  static list({ ...options }: TGenericListParams): Promise<TGenericListReturn<FormModel | SummaryEnhancedFormModel>>;
8
8
  static create({ form }: {
9
- form: Partial<FormModel | EnhancedFormModel>;
9
+ form: Partial<TFormModel | TEnhancedFormModel>;
10
10
  }): Promise<EnhancedFormModel | FormModel>;
11
11
  }
12
12
  export * from "./types";
package/dist/esm/index.js CHANGED
@@ -677,6 +677,14 @@ function Add18(props) {
677
677
  React__default.createElement("path", { d: "M10 1C10 0.447715 9.55229 0 9 0C8.44771 0 8 0.447715 8 1V8H1C0.447715 8 0 8.44771 0 9C0 9.55229 0.447715 10 1 10H8V17C8 17.5523 8.44772 18 9 18C9.55229 18 10 17.5523 10 17V10H17C17.5523 10 18 9.55228 18 9C18 8.44771 17.5523 8 17 8H10V1Z" }));
678
678
  }
679
679
 
680
+ function AddTags18(props) {
681
+ return React__default.createElement(SvgIcon, __assign({}, props, { width: "18", height: "18", viewBox: "0 0 18 18" }),
682
+ React__default.createElement("rect", { x: "4", y: "4", width: "3", height: "3", rx: "1.5" }),
683
+ React__default.createElement("rect", { x: "4", y: "12", width: "5", height: "2", rx: "1" }),
684
+ React__default.createElement("rect", { x: "4", y: "9", width: "10", height: "2", rx: "1" }),
685
+ React__default.createElement("rect", { className: 'noFill', x: "1", y: "1", width: "16", height: "16", rx: "5", "stroke-width": "2" }));
686
+ }
687
+
680
688
  function Arrow18(props) {
681
689
  return React__default.createElement(SvgIcon, __assign({}, props, { width: "18", height: "18", viewBox: "0 0 18 18" }),
682
690
  React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.7071 3.70711C8.09762 3.31658 8.09762 2.68342 7.7071 2.29289C7.31657 1.90237 6.68341 1.90237 6.29288 2.29289L0.292892 8.2929C0.0976302 8.48817 -4.19999e-07 8.74409 0 9.00001C4.30001e-07 9.25593 0.0976319 9.51186 0.292894 9.70712L6.2929 15.7071C6.68343 16.0976 7.31659 16.0976 7.70712 15.7071C8.09764 15.3166 8.09764 14.6834 7.70712 14.2929L3.41422 10L16.9807 9.99998C17.5447 9.99998 18 9.55226 18 8.99998C18 8.46385 17.5465 7.99998 16.9872 7.99998L3.41421 8.00001L7.7071 3.70711Z" }));
@@ -1365,6 +1373,7 @@ function Icon(_a) {
1365
1373
  X14: X14,
1366
1374
  Activity18: Activity18,
1367
1375
  Add18: Add18,
1376
+ AddTags18: AddTags18,
1368
1377
  AccountProfile18: AccountProfile18,
1369
1378
  Attribute18: Attribute18,
1370
1379
  Integrations18: Integrations18,
@@ -15654,16 +15663,16 @@ function MetricCard(_a) {
15654
15663
  rightContent && React__default.createElement(Stack, { className: "rightContent" }, rightContent));
15655
15664
  }
15656
15665
 
15657
- var css_248z$3 = ".resourceEdit-component-v2 {\n width: 100%;\n}\n.resourceEdit-component-v2 .resource-heading {\n flex: 1;\n width: 100%;\n}\n.resourceEdit-component-v2 .resource-heading .resource-title {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n}\n.resourceEdit-component-v2 .resource-heading .statusCheckmark {\n width: 24px;\n height: 24px;\n border-radius: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 0.5rem;\n}\n.resourceEdit-component-v2 .resource-heading .statusCheckmark.valid {\n background-color: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.resourceEdit-component-v2 .resource-heading .statusCheckmark.warning {\n background-color: var(--warning-brand-color, var(--orange, #FF9E0E));\n}\n.resourceEdit-component-v2 .resource-heading .statusCheckmark.error {\n background-color: var(--error-brand-color, var(--rad-red, #FF4835));\n}\n.resourceEdit-component-v2 .resource-heading .statusCheckmark.empty {\n background-color: var(--shade500, #939292);\n}\n.resourceEdit-component-v2 .resource-heading .resource-content,\n.resourceEdit-component-v2 .resource-heading .resource-support {\n padding-bottom: 1.5rem;\n}";
15666
+ var css_248z$3 = ".resourceEdit-component-v2 {\n width: 100%;\n}\n.resourceEdit-component-v2 .resource-heading {\n flex: 1;\n width: 100%;\n}\n.resourceEdit-component-v2 .resource-heading .resource-title {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n}\n.resourceEdit-component-v2 .resource-heading .statusCheckmark {\n width: 24px;\n height: 24px;\n border-radius: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 0.5rem;\n}\n.resourceEdit-component-v2 .resource-heading .statusCheckmark.valid {\n background-color: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.resourceEdit-component-v2 .resource-heading .statusCheckmark.warning {\n background-color: var(--warning-brand-color, var(--orange, #FF9E0E));\n}\n.resourceEdit-component-v2 .resource-heading .statusCheckmark.error {\n background-color: var(--error-brand-color, var(--rad-red, #FF4835));\n}\n.resourceEdit-component-v2 .resource-heading .statusCheckmark.empty {\n background-color: var(--shade500, #939292);\n}\n.resourceEdit-component-v2 .resource-content,\n.resourceEdit-component-v2 .resource-support {\n padding-bottom: 1.5rem;\n}";
15658
15667
  styleInject(css_248z$3);
15659
15668
 
15660
15669
  function ResourceEdit(_a) {
15661
- var editable = _a.editable, title = _a.title, desc = _a.desc, support = _a.support, status = _a.status, editableContent = _a.editableContent, _b = _a.initOpen, initOpen = _b === void 0 ? false : _b;
15670
+ var editable = _a.editable, title = _a.title, desc = _a.desc, support = _a.support, status = _a.status, editableContent = _a.editableContent, className = _a.className, _b = _a.initOpen, initOpen = _b === void 0 ? false : _b;
15662
15671
  var _c = useState(initOpen), open = _c[0], setOpen = _c[1];
15663
15672
  function handleToggleOpen() {
15664
15673
  setOpen(!open);
15665
15674
  }
15666
- return React__default.createElement(Stack$1, { className: "resourceEdit-component-v2", gap: 6 },
15675
+ return React__default.createElement(Stack$1, { className: "resourceEdit-component-v2 ".concat(className || ""), gap: 6 },
15667
15676
  React__default.createElement(Stack$1, { direction: "row", className: "resource-heading", justifyContent: "space-between", gap: 4 },
15668
15677
  React__default.createElement(Stack$1, { gap: 1 },
15669
15678
  React__default.createElement(Typography$1, { className: "resource-title", variant: "titleS" },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cakemail-org/ui-components-v2",
3
- "version": "2.0.72",
3
+ "version": "2.0.74",
4
4
  "description": "ui library kit made with material UI",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",