@hybridcore/ui 1.3.6 → 1.4.0

package/dist/components/template-form/components/property-list/property-list-columns.js

@@ -0,0 +1,125 @@
+import { jsxs as d, jsx as r, Fragment as s } from "react/jsx-runtime";
+import { d as u, a as b } from "../../../../Delete-OHEw9lDi.js";
+import { T as l } from "../../../../Typography-Bm7PFqUT.js";
+import { I as p } from "../../../../IconButton-BaiyAtmS.js";
+const y = (o) => [
+  { field: "name", headerName: "Name", flex: 1 },
+  { field: "propertyId", headerName: "Property ID", flex: 1 },
+  {
+    field: "type",
+    headerName: "Type",
+    width: 140,
+    renderCell: (t) => {
+      var n, m, f, h;
+      const { dataTypeInfo: e, defaultValue: a } = t.row;
+      let i = t.value;
+      return e != null && e.datePattern && (i += ` ${e.datePattern}`), e != null && e.coordinateFormat && (i += ` ${e.coordinateFormat}`), e != null && e.enumValues && (i += ` ${e.enumValues.join(",")}`), a && (i += ` ${a}`), /* @__PURE__ */ d("div", { className: "MuiDataGrid-cellContent", title: i, children: [
+        t.value,
+        ((n = t.row.dataTypeInfo) == null ? void 0 : n.datePattern) && /* @__PURE__ */ d(l, { variant: "caption", ml: 1, children: [
+          "(",
+          (m = t.row.dataTypeInfo) == null ? void 0 : m.datePattern,
+          ")"
+        ] }),
+        ((f = t.row.dataTypeInfo) == null ? void 0 : f.coordinateFormat) && /* @__PURE__ */ d(l, { variant: "caption", ml: 1, children: [
+          "(",
+          (h = t.row.dataTypeInfo) == null ? void 0 : h.coordinateFormat,
+          ")"
+        ] }),
+        t.row.defaultValue !== null && t.row.defaultValue !== "" && /* @__PURE__ */ d(l, { variant: "caption", ml: 1, children: [
+          "(",
+          t.row.defaultValue,
+          ")"
+        ] })
+      ] });
+    }
+  },
+  {
+    field: "inheritedFrom",
+    headerName: "Inherited From",
+    width: 120,
+    renderCell: (t) => {
+      var e, a;
+      return /* @__PURE__ */ r(
+        "div",
+        {
+          className: "MuiDataGrid-cellContent",
+          title: (e = t.value) == null ? void 0 : e.templateName,
+          children: ((a = t.value) == null ? void 0 : a.templateName) ?? "-"
+        }
+      );
+    }
+  },
+  {
+    field: "editable",
+    headerName: "Editable",
+    type: "boolean",
+    sortable: !1,
+    width: 60
+  },
+  {
+    field: "required",
+    headerName: "Required",
+    sortable: !1,
+    type: "boolean",
+    width: 60
+  },
+  {
+    field: "visible",
+    headerName: "Visible",
+    sortable: !1,
+    type: "boolean",
+    width: 60
+  },
+  {
+    field: "unique",
+    headerName: "Unique",
+    type: "boolean",
+    sortable: !1,
+    width: 60
+  },
+  {
+    field: "distinctive",
+    headerName: "Distinctive",
+    sortable: !1,
+    type: "boolean",
+    width: 60
+  },
+  {
+    field: "temporal",
+    headerName: "Temporal",
+    sortable: !1,
+    type: "boolean",
+    width: 60
+  },
+  {
+    field: "action",
+    headerName: " ",
+    width: 120,
+    sortable: !1,
+    filterable: !1,
+    renderCell: (t) => {
+      const { inheritedFrom: e } = t.row;
+      return !e || !e.templateId || e.templateId === o.templateId ? /* @__PURE__ */ d(s, { children: [
+        /* @__PURE__ */ r(
+          p,
+          {
+            size: "medium",
+            onClick: () => o.onEdit(t.row),
+            children: /* @__PURE__ */ r(u, { color: "primary" })
+          }
+        ),
+        /* @__PURE__ */ r(
+          p,
+          {
+            size: "medium",
+            onClick: () => o.onDelete(t.row),
+            children: /* @__PURE__ */ r(b, {})
+          }
+        )
+      ] }) : /* @__PURE__ */ r(s, {});
+    }
+  }
+];
+export {
+  y as default
+};

package/dist/components/template-form/components/property-list/property-list-form.js

@@ -0,0 +1,16 @@
+import "react/jsx-runtime";
+import "react";
+import "lodash";
+import { a as b } from "../../../../property-list-form-BfP9gzSo.js";
+import "../../../../constants/index.js";
+import "../../../../TextField-D87qTh1k.js";
+import "../../../../InputLabel-CWkW8NtU.js";
+import "../../../../Select-ClaBvSqf.js";
+import "../../../../MenuItem-D-INSvZa.js";
+import "../../../../FormControlLabel-D9KFjcIx.js";
+import "../../../../Checkbox-qy3cjvnb.js";
+import "../../../../Box-BPyg-Ybm.js";
+import "../../../../Button-DLwB_sKd.js";
+export {
+  b as default
+};

package/dist/components/template-form/components/property-list/property-list-logic.js

@@ -0,0 +1,66 @@
+import x from "react";
+import g from "../../../../hooks/useToggle.js";
+import { confirm as P } from "../../../confirm/index.js";
+import { PropertyFormTypeDefaults as c } from "./types.js";
+function b({
+  list: o,
+  onChange: d
+}) {
+  const { state: s, action: i } = g(!1), [t, l] = x.useState(
+    c
+  ), p = async () => {
+    t.type !== "add" && l(c), i.open();
+  }, m = (e) => {
+    const n = o.findIndex(
+      (r) => r.id === e.id && r.name === e.name
+    );
+    l({
+      title: "Edit Property",
+      defaultValues: e,
+      type: "edit",
+      index: n
+    }), i.open();
+  }, f = async (e) => {
+    if (await P(
+      "Are you sure?",
+      `"${e.name}" will be removed permanently!`
+    )) {
+      const n = o.findIndex(
+        (a) => a.id === e.id && a.name === e.name
+      );
+      let r = [...o];
+      r.splice(n, 1), d(r);
+    }
+  }, u = (e) => {
+    d([...o, e]), i.close();
+  }, y = (e) => {
+    let n = [...o];
+    t.index !== void 0 && (n[t.index] = e), d(n), i.close();
+  };
+  return {
+    state: {
+      propertyForm: t,
+      dialog: s
+    },
+    action: {
+      handleOnAddClick: p,
+      handleOnEditClick: m,
+      handleOnDeleteClick: f,
+      handleSubmit: (e) => {
+        if (t.type === "add") {
+          u(e);
+          return;
+        }
+        if (t.type === "edit") {
+          y(e);
+          return;
+        }
+        console.warn("Unrecognized form type value!");
+      },
+      dialog: i
+    }
+  };
+}
+export {
+  b as default
+};

package/dist/components/template-form/components/property-list/types.js

@@ -0,0 +1,8 @@
+const e = {
+  title: "Add Property",
+  defaultValues: void 0,
+  type: "add"
+};
+export {
+  e as PropertyFormTypeDefaults
+};

package/dist/components/template-form/components/recognition-property-list/index.js

@@ -0,0 +1,69 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { DataGrid as a } from "@mui/x-data-grid";
+import { A as n, a as d, d as s } from "../../../../Add-eepk2WTM.js";
+import m from "./recognition-property-list-columns.js";
+import c from "./recognition-property-list-form.js";
+import p from "./recognition-property-list-logic.js";
+import { B as g } from "../../../../Box-BPyg-Ybm.js";
+import { T as u } from "../../../../Typography-Bm7PFqUT.js";
+import { B as h } from "../../../../Button-DLwB_sKd.js";
+import { D as f, a as y } from "../../../../DialogContent-CxOSq6h9.js";
+import { D as b } from "../../../../dialog-v5-nL5yy.js";
+function L(i) {
+  const { state: l, action: t } = p(i);
+  return /* @__PURE__ */ r(g, { children: [
+    /* @__PURE__ */ e(u, { variant: "h6", marginY: 2, children: "Recognition Property List" }),
+    i.list.length > 0 ? /* @__PURE__ */ e(
+      a,
+      {
+        rows: i.list,
+        columns: m({
+          onEdit: t.handleOnEditClick,
+          onDelete: t.handleOnDeleteClick
+        }),
+        getRowId: (o) => `${o.owner}-${o.termValue}-${o.termMatch}-${o.score}-${o.type}`,
+        autoHeight: !0
+      }
+    ) : /* @__PURE__ */ r(n, { severity: "info", children: [
+      /* @__PURE__ */ e(d, { children: "No Recognition Property Added!" }),
+      "Add least one recognition property before save the template!"
+    ] }),
+    /* @__PURE__ */ e(
+      h,
+      {
+        color: "primary",
+        onClick: t.handleOnAddClick,
+        sx: { mt: 2 },
+        startIcon: /* @__PURE__ */ e(s, {}),
+        children: "Add Recognition Property"
+      }
+    ),
+    /* @__PURE__ */ r(
+      f,
+      {
+        open: l.dialog.isOpen,
+        onClose: t.dialog.close,
+        "aria-labelledby": "alert-dialog-title",
+        "aria-describedby": "alert-dialog-description",
+        fullWidth: !0,
+        maxWidth: "sm",
+        scroll: "body",
+        children: [
+          /* @__PURE__ */ e(b, { id: "alert-dialog-title", children: "Add Recognition Property" }),
+          /* @__PURE__ */ e(y, { className: "pb-30", children: /* @__PURE__ */ e(
+            c,
+            {
+              defaultValues: l.recPropertyForm.defaultValues,
+              getFormValues: i.getFormValues,
+              onSubmit: t.handleSubmit,
+              onCancel: t.dialog.close
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  L as default
+};

package/dist/components/template-form/components/recognition-property-list/recognition-property-list-columns.js

@@ -0,0 +1,50 @@
+import { jsxs as i, Fragment as t, jsx as e } from "react/jsx-runtime";
+import { d as o, a as l } from "../../../../Delete-OHEw9lDi.js";
+import { I as d } from "../../../../IconButton-BaiyAtmS.js";
+const h = (r) => [
+  { field: "ownerType", headerName: "Owner Type", width: 120 },
+  { field: "owner", headerName: "Owner", width: 120 },
+  {
+    field: "termMatch",
+    headerName: "Term Match",
+    width: 120
+  },
+  {
+    field: "termValue",
+    headerName: "Term",
+    flex: 1
+  },
+  {
+    field: "score",
+    headerName: "Score",
+    width: 120
+  },
+  {
+    field: "action",
+    headerName: " ",
+    width: 120,
+    sortable: !1,
+    filterable: !1,
+    renderCell: (a) => /* @__PURE__ */ i(t, { children: [
+      /* @__PURE__ */ e(
+        d,
+        {
+          size: "medium",
+          onClick: () => r.onEdit(a.row),
+          children: /* @__PURE__ */ e(o, { color: "secondary" })
+        }
+      ),
+      /* @__PURE__ */ e(
+        d,
+        {
+          size: "medium",
+          onClick: () => r.onDelete(a.row),
+          children: /* @__PURE__ */ e(l, {})
+        }
+      )
+    ] })
+  }
+];
+export {
+  h as default
+};

package/dist/components/template-form/components/recognition-property-list/recognition-property-list-form.js

@@ -0,0 +1,174 @@
+import V, { jsxs as i, Fragment as S, jsx as t } from "react/jsx-runtime";
+import o from "react";
+import { r as C, i as g } from "../../../../createSvgIcon-Cfm1LkEe.js";
+import { RECOGNITION_PROPERTY_OWNER_TYPE as h, RECOGNITION_PROPERTY_TYPE as T, RECOGNITION_PROPERTY_TERM_MATCH as v } from "../../../../constants/index.js";
+import { F as c, I as u } from "../../../../InputLabel-CWkW8NtU.js";
+import { S as d } from "../../../../Select-ClaBvSqf.js";
+import { M as m } from "../../../../MenuItem-D-INSvZa.js";
+import { T as b } from "../../../../TextField-D87qTh1k.js";
+import { B as M } from "../../../../Box-BPyg-Ybm.js";
+import { B as y } from "../../../../Button-DLwB_sKd.js";
+var p = {}, q = g;
+Object.defineProperty(p, "__esModule", {
+  value: !0
+});
+var w = p.default = void 0, N = q(C()), W = V;
+w = p.default = (0, N.default)(/* @__PURE__ */ (0, W.jsx)("path", {
+  d: "M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3m3-10H5V5h10z"
+}), "Save");
+function A({
+  defaultValues: x = {
+    owner: "",
+    ownerType: h[0],
+    type: T[0],
+    termValue: "",
+    termMatch: v[0],
+    score: 0
+  },
+  getFormValues: R,
+  onSubmit: E,
+  onCancel: O
+}) {
+  const [r, f] = o.useState(x), [I, _] = o.useState([]), [l, s] = o.useState({
+    termValue: !1,
+    score: !1
+  }), n = (e) => {
+    f((a) => ({
+      ...a,
+      [e.target.name]: e.target.type === "checkbox" ? e.target.checked : e.target.value
+    }));
+  }, P = () => {
+    if (!r.termValue) {
+      s({ ...l, termValue: !0 });
+      return;
+    }
+    if (!r.score) {
+      s({ ...l, score: !0 });
+      return;
+    }
+    E(r);
+  };
+  return o.useEffect(() => (l.termValue && r.termValue && s({ ...l, termValue: !1 }), () => {
+  }), [r.termValue]), o.useEffect(() => (l.score && r.score && s({ ...l, score: !1 }), () => {
+  }), [r.score]), o.useEffect(() => {
+    if (r.ownerType === "PROPERTY") {
+      const e = R("properties");
+      _(e);
+    }
+    return r.ownerType === "EVENT" && r.owner !== "" && f((e) => ({
+      ...e,
+      owner: ""
+    })), () => {
+    };
+  }, [r.ownerType]), /* @__PURE__ */ i(S, { children: [
+    /* @__PURE__ */ i(c, { fullWidth: !0, variant: "standard", sx: { mb: 2 }, children: [
+      /* @__PURE__ */ t(u, { id: "owner-type-select-label", children: "Owner Type" }),
+      /* @__PURE__ */ t(
+        d,
+        {
+          label: "Owner Type",
+          name: "ownerType",
+          labelId: "owner-type-select-label",
+          id: "owner-type-select",
+          value: r.ownerType,
+          onChange: n,
+          children: h.map((e, a) => /* @__PURE__ */ t(m, { value: e, children: e }, a))
+        }
+      )
+    ] }),
+    r.ownerType === "PROPERTY" && /* @__PURE__ */ i(c, { fullWidth: !0, variant: "standard", sx: { mb: 2 }, children: [
+      /* @__PURE__ */ t(u, { id: "owner-select-label", children: "Owner" }),
+      /* @__PURE__ */ t(
+        d,
+        {
+          label: "Owner",
+          name: "owner",
+          labelId: "owner-select-label",
+          id: "owner-select",
+          value: r.owner,
+          onChange: n,
+          children: I.map((e, a) => /* @__PURE__ */ t(m, { value: e.propertyId, children: e.name }, a))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ i(c, { fullWidth: !0, variant: "standard", sx: { mb: 2 }, children: [
+      /* @__PURE__ */ t(u, { id: "type-select-label", children: "Type" }),
+      /* @__PURE__ */ t(
+        d,
+        {
+          label: "Type",
+          name: "type",
+          labelId: "type-select-label",
+          id: "type-select",
+          value: r.type,
+          onChange: n,
+          children: T.map((e, a) => /* @__PURE__ */ t(m, { value: e, children: e }, a))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ i(c, { fullWidth: !0, variant: "standard", sx: { mb: 2 }, children: [
+      /* @__PURE__ */ t(u, { id: "term-match-select-label", children: "Term Match" }),
+      /* @__PURE__ */ t(
+        d,
+        {
+          label: "Type",
+          name: "termMatch",
+          labelId: "term-match-select-label",
+          id: "term-match-select",
+          value: r.termMatch,
+          onChange: n,
+          children: v.map((e, a) => /* @__PURE__ */ t(m, { value: e, children: e }, a))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(
+      b,
+      {
+        label: "Term",
+        name: "termValue",
+        variant: "standard",
+        fullWidth: !0,
+        sx: { mb: 2 },
+        value: r.termValue,
+        onChange: n,
+        required: !0,
+        ...l.termValue && {
+          error: !0,
+          helperText: "This field is required!"
+        }
+      }
+    ),
+    /* @__PURE__ */ t(
+      b,
+      {
+        label: "Score",
+        name: "score",
+        variant: "standard",
+        fullWidth: !0,
+        sx: { mb: 2 },
+        value: r.score,
+        onChange: n,
+        required: !0,
+        ...l.score && {
+          error: !0,
+          helperText: "This field is required!"
+        }
+      }
+    ),
+    /* @__PURE__ */ i(M, { display: "flex", justifyContent: "flex-end", children: [
+      /* @__PURE__ */ t(y, { variant: "contained", onClick: O, sx: { marginRight: 2 }, children: "Cancel" }),
+      /* @__PURE__ */ t(
+        y,
+        {
+          variant: "contained",
+          startIcon: /* @__PURE__ */ t(w, {}),
+          onClick: P,
+          children: "Save"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  A as default
+};

package/dist/components/template-form/components/recognition-property-list/recognition-property-list-logic.js

@@ -0,0 +1,64 @@
+import h from "react";
+import g from "../../../../hooks/useToggle.js";
+import { confirm as x } from "../../../confirm/index.js";
+import { RecPropertyFormTypeDefaults as a } from "./types.js";
+function L({
+  list: r,
+  onChange: c
+}) {
+  const { state: s, action: n } = g(!1), [t, l] = h.useState(a), m = async () => {
+    t.type !== "add" && l(a), n.open();
+  }, p = (e) => {
+    const o = r.findIndex(
+      (i) => i.termValue === e.termValue && i.termMatch === e.termMatch
+    );
+    l({
+      title: "Edit Recognition Property",
+      defaultValues: e,
+      type: "edit",
+      index: o
+    }), n.open();
+  }, u = async (e) => {
+    if (await x(
+      "Are you sure?",
+      `"${e.termValue}" will be removed permanently!`
+    )) {
+      const o = r.findIndex(
+        (d) => d.termValue === e.termValue && d.termMatch === e.termMatch
+      );
+      let i = [...r];
+      i.splice(o, 1), c(i);
+    }
+  }, f = (e) => {
+    c([...r, e]), n.close();
+  }, y = (e) => {
+    let o = [...r];
+    t.index !== void 0 && (o[t.index] = e), c(o), n.close();
+  };
+  return {
+    state: {
+      recPropertyForm: t,
+      dialog: s
+    },
+    action: {
+      handleOnAddClick: m,
+      handleOnEditClick: p,
+      handleOnDeleteClick: u,
+      handleSubmit: (e) => {
+        if (t.type === "add") {
+          f(e);
+          return;
+        }
+        if (t.type === "edit") {
+          y(e);
+          return;
+        }
+        console.warn("Unrecognized form type value!");
+      },
+      dialog: n
+    }
+  };
+}
+export {
+  L as default
+};

package/dist/components/template-form/components/recognition-property-list/types.js

@@ -0,0 +1,8 @@
+const e = {
+  title: "Add Property",
+  defaultValues: void 0,
+  type: "add"
+};
+export {
+  e as RecPropertyFormTypeDefaults
+};