@hybridcore/ui 1.6.0 → 1.6.1

package/dist/components/template-filters/components/filter/index.js

@@ -1,23 +1,18 @@
 import { jsx as x } from "react/jsx-runtime";
-import { useMemo as p, useState as g } from "react";
-import { TreeViewFilter as h } from "../../../treeview-filter/index.js";
+import { useMemo as p, useState as h } from "react";
+import { TreeViewFilter as u } from "../../../treeview-filter/index.js";
 import { getNestedChildrenFromMap as y } from "../../../../utils/ontology.js";
-const O = ({
-  templates: r,
-  filters: a,
-  defaultExpanded: d = [],
-  onChange: s
-}) => {
-  const m = p(() => y(r), [r]), f = p(
-    () => a.map((n) => n.templateKey),
-    [a]
-  ), [c, i] = g(d);
+const w = (d) => {
+  const { templates: a, filters: s, defaultExpanded: f = [], onChange: r } = d, m = p(() => y(a), [a]), c = p(
+    () => s.map((n) => n.templateKey),
+    [s]
+  ), [g, i] = h(f);
   return /* @__PURE__ */ x(
-    h,
+    u,
     {
       data: m,
       onChange: (n, o) => {
-        let e = [...a];
+        const e = [...s];
         if (o)
           e.push({
             templateKey: n,
@@ -29,11 +24,11 @@ const O = ({
           const t = e.findIndex((l) => l.templateKey === n);
           t !== -1 && e.splice(t, 1);
         }
-        s && s(e);
+        r && r(e);
       },
       idKey: "templateKey",
-      selected: f,
-      expanded: c,
+      selected: c,
+      expanded: g,
       onExpansionToggle: (n, o, e) => {
         i(e ? (t) => [
           ...t.filter((l) => l !== o),
@@ -44,5 +39,5 @@ const O = ({
   );
 };
 export {
-  O as Filter
+  w as Filter
 };

package/dist/components/template-filters/components/tab-panel/index.js

@@ -1,27 +1,19 @@
 import { jsx as l } from "react/jsx-runtime";
-import { B as t } from "../../../../Box-p6OtTUEo.js";
-function p(i) {
-  const { children: r, value: a, index: e, ...n } = i;
+import { TabPanelRoot as t, TabPanelInner as i } from "../../styled.js";
+const p = (n) => {
+  const { children: r, value: a, index: e, ...o } = n;
   return /* @__PURE__ */ l(
-    "div",
+    t,
     {
       role: "tabpanel",
       hidden: a !== e,
       id: `simple-tabpanel-${e}`,
       "aria-labelledby": `simple-tab-${e}`,
-      ...n,
-      children: a === e && /* @__PURE__ */ l(
-        t,
-        {
-          sx: {
-            py: 1
-          },
-          children: r
-        }
-      )
+      ...o,
+      children: a === e && /* @__PURE__ */ l(i, { children: r })
     }
   );
-}
+};
 export {
-  p as default
+  p as TabPanel
 };

package/dist/components/template-filters/index.js

@@ -1,39 +1,31 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { Box as i, Tabs as p, Tab as b } from "@mui/material";
-import { useState as c } from "react";
-import d from "./components/tab-panel/index.js";
-import { Filter as h } from "./components/filter/index.js";
-const g = ({
-  tabs: a
-}) => {
-  const [o, l] = c(0), n = (t, e) => {
-    l(e);
-  }, m = (t) => ({
-    id: `template-filter-tab-${t}`,
-    "aria-controls": `template-filter-tabpanel-${t}`
-  });
-  return /* @__PURE__ */ s(i, { sx: { width: "100%" }, children: [
-    /* @__PURE__ */ r(i, { sx: { borderBottom: 1, borderColor: "divider" }, children: /* @__PURE__ */ r(
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { Filter as m } from "./components/filter/index.js";
+import { TabPanel as b } from "./components/tab-panel/index.js";
+import { useTemplateFiltersLogic as c } from "./logic.js";
+import { TemplateFiltersRoot as T, TabsContainer as h, StyledTabs as p, StyledTab as d } from "./styled.js";
+const x = (t) => {
+  const { state: o, actions: r } = c(t), { ownerState: n, activeTab: i } = o;
+  return /* @__PURE__ */ s(T, { ownerState: n, sx: t.sx, children: [
+    /* @__PURE__ */ a(h, { children: /* @__PURE__ */ a(
       p,
       {
         variant: "fullWidth",
-        value: o,
-        onChange: n,
+        value: i,
+        onChange: r.handleTabChange,
         "aria-label": "Filters panel",
-        sx: {
-          minHeight: 42,
-          "& .MuiButtonBase-root": {
-            padding: "8px 17px",
-            textTransform: "none",
-            minHeight: 42
-          }
-        },
-        children: a.map((t, e) => /* @__PURE__ */ r(b, { label: t.label, ...m(e) }, e))
+        children: t.tabs.map((l, e) => /* @__PURE__ */ a(
+          d,
+          {
+            label: l.label,
+            ...r.getTabA11yProps(e)
+          },
+          e
+        ))
       }
     ) }),
-    a.map((t, e) => /* @__PURE__ */ r(d, { value: o, index: e, children: /* @__PURE__ */ r(h, { ...t }) }, e))
+    t.tabs.map((l, e) => /* @__PURE__ */ a(b, { value: i, index: e, children: /* @__PURE__ */ a(m, { ...l }) }, e))
   ] });
 };
 export {
-  g as TemplateFilters
+  x as TemplateFilters
 };

package/dist/components/template-filters/logic.js

@@ -0,0 +1,18 @@
+import { useThemeProps as p } from "@mui/material";
+import { useState as l } from "react";
+const b = (t) => {
+  const a = p({ props: t, name: "HCTemplateFilters" }), [o, s] = l(0), r = { ...a };
+  return {
+    refs: {},
+    state: { ownerState: r, activeTab: o },
+    actions: { handleTabChange: (e, n) => {
+      s(n);
+    }, getTabA11yProps: (e) => ({
+      id: `template-filter-tab-${e}`,
+      "aria-controls": `template-filter-tabpanel-${e}`
+    }) }
+  };
+};
+export {
+  b as useTemplateFiltersLogic
+};

package/dist/components/template-filters/styled.js

@@ -1 +1,44 @@
-
+import { styled as e, Box as o, Tabs as a, Tab as n } from "@mui/material";
+const s = (t) => t !== "ownerState", r = e(o, {
+  name: "HCTemplateFilters",
+  slot: "root",
+  shouldForwardProp: s
+})({
+  width: "100%"
+}), i = e(o, {
+  name: "HCTemplateFilters",
+  slot: "tabsContainer"
+})(({ theme: t }) => ({
+  borderBottom: "1px solid",
+  borderColor: t.palette.divider
+})), p = e(a, {
+  name: "HCTemplateFilters",
+  slot: "tabs"
+})({
+  minHeight: 42,
+  "& .MuiButtonBase-root": {
+    padding: "8px 17px",
+    textTransform: "none",
+    minHeight: 42
+  }
+}), m = e(n, {
+  name: "HCTemplateFilters",
+  slot: "tab"
+})({}), d = e("div", {
+  name: "HCTemplateFilters",
+  slot: "tabPanel"
+})({}), T = e(o, {
+  name: "HCTemplateFilters",
+  slot: "tabPanelInner"
+})(({ theme: t }) => ({
+  paddingTop: t.spacing(1),
+  paddingBottom: t.spacing(1)
+}));
+export {
+  m as StyledTab,
+  p as StyledTabs,
+  T as TabPanelInner,
+  d as TabPanelRoot,
+  i as TabsContainer,
+  r as TemplateFiltersRoot
+};

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

@@ -1,14 +1,14 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { DataGrid as d } from "@mui/x-data-grid";
-import { A as n, a as m, d as s } from "../../../../Add-DJLrrVHm.js";
+import { A as n, a as m, d as s } from "../../../../Add-DuVVJeQU.js";
 import p from "./property-list-columns.js";
-import { a as c } from "../../../../property-list-form-zZQfpR0X.js";
+import { a as c } from "../../../../property-list-form-DL_dEoNn.js";
 import u from "./property-list-logic.js";
-import { B as f } from "../../../../Box-p6OtTUEo.js";
-import { T as y } from "../../../../Typography-CxbneZy_.js";
-import { B as h } from "../../../../Button-CvE2gnly.js";
-import { D as g, a as b } from "../../../../DialogContent-B3nbEbuv.js";
-import { D } from "../../../../dialog-DcwXug9J.js";
+import { B as f } from "../../../../MenuItem-DrE50M_p.js";
+import { T as y } from "../../../../Typography-B-Z5Y0Xq.js";
+import { B as h } from "../../../../Modal-DlB6GH-f.js";
+import { D as g, a as b } from "../../../../DialogContent-CGJ7alb8.js";
+import { a as A } from "../../../../dialog-cf4HUXXl.js";
 function v(t) {
   var a;
   const { state: o, action: r } = u(t);
@@ -51,7 +51,7 @@ function v(t) {
         maxWidth: "sm",
         scroll: "body",
         children: [
-          /* @__PURE__ */ e(D, { id: "alert-dialog-title", children: o.propertyForm.title }),
+          /* @__PURE__ */ e(A, { id: "alert-dialog-title", children: o.propertyForm.title }),
           /* @__PURE__ */ e(b, { className: "pb-30", children: /* @__PURE__ */ e(
             c,
             {

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

@@ -1,7 +1,7 @@
 import { jsxs as d, jsx as r, Fragment as s } from "react/jsx-runtime";
-import { d as u, a as b } from "../../../../Delete-CW0UZv1m.js";
-import { T as l } from "../../../../Typography-CxbneZy_.js";
-import { I as p } from "../../../../IconButton-CHwRQF-g.js";
+import { d as u, a as b } from "../../../../Delete-fBLhTHbF.js";
+import { T as l } from "../../../../Typography-B-Z5Y0Xq.js";
+import { I as p } from "../../../../IconButton-_opV1iNK.js";
 const y = (o) => [
   { field: "name", headerName: "Name", flex: 1 },
   { field: "propertyId", headerName: "Property ID", flex: 1 },

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

@@ -1,16 +1,14 @@
 import "react/jsx-runtime";
 import "react";
 import "lodash";
-import { a as b } from "../../../../property-list-form-zZQfpR0X.js";
+import { a as u } from "../../../../property-list-form-DL_dEoNn.js";
 import "../../../../constants/index.js";
-import "../../../../TextField-1yCesIbH.js";
-import "../../../../FormControl-BLbrq4C7.js";
-import "../../../../Select-BgYwkZgI.js";
-import "../../../../MenuItem-xZx_w7zA.js";
-import "../../../../FormControlLabel-C8SPv14J.js";
-import "../../../../Checkbox-CWRMFTBp.js";
-import "../../../../Box-p6OtTUEo.js";
-import "../../../../Button-CvE2gnly.js";
+import "../../../../TextField-DSDIEEKu.js";
+import "../../../../FormControl-BCurCxRj.js";
+import "../../../../InputLabel-rEwwnD4_.js";
+import "../../../../MenuItem-DrE50M_p.js";
+import "../../../../FormControlLabel-BkRfrhNy.js";
+import "../../../../Modal-DlB6GH-f.js";
 export {
-  b as default
+  u as default
 };

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

@@ -1,14 +1,14 @@
 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-DJLrrVHm.js";
+import { A as n, a as d, d as s } from "../../../../Add-DuVVJeQU.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-p6OtTUEo.js";
-import { T as u } from "../../../../Typography-CxbneZy_.js";
-import { B as h } from "../../../../Button-CvE2gnly.js";
-import { D as f, a as y } from "../../../../DialogContent-B3nbEbuv.js";
-import { D as b } from "../../../../dialog-DcwXug9J.js";
+import { B as g } from "../../../../MenuItem-DrE50M_p.js";
+import { T as u } from "../../../../Typography-B-Z5Y0Xq.js";
+import { B as h } from "../../../../Modal-DlB6GH-f.js";
+import { D as f, a as y } from "../../../../DialogContent-CGJ7alb8.js";
+import { a as b } from "../../../../dialog-cf4HUXXl.js";
 function L(i) {
   const { state: l, action: t } = p(i);
   return /* @__PURE__ */ r(g, { children: [

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

@@ -1,6 +1,6 @@
 import { jsxs as i, Fragment as t, jsx as e } from "react/jsx-runtime";
-import { d as o, a as l } from "../../../../Delete-CW0UZv1m.js";
-import { I as d } from "../../../../IconButton-CHwRQF-g.js";
+import { d as o, a as l } from "../../../../Delete-fBLhTHbF.js";
+import { I as d } from "../../../../IconButton-_opV1iNK.js";
 const h = (r) => [
   { field: "ownerType", headerName: "Owner Type", width: 120 },
   { field: "owner", headerName: "Owner", width: 120 },

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

@@ -1,13 +1,12 @@
 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-BjpIhJ30.js";
+import { r as C, i as g } from "../../../../createSvgIcon-BM3-TsGy.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 "../../../../FormControl-BLbrq4C7.js";
-import { S as d } from "../../../../Select-BgYwkZgI.js";
-import { M as m } from "../../../../MenuItem-xZx_w7zA.js";
-import { T as b } from "../../../../TextField-1yCesIbH.js";
-import { B as M } from "../../../../Box-p6OtTUEo.js";
-import { B as y } from "../../../../Button-CvE2gnly.js";
+import { F as c } from "../../../../FormControl-BCurCxRj.js";
+import { I as u } from "../../../../InputLabel-rEwwnD4_.js";
+import { S as d, T as b } from "../../../../TextField-DSDIEEKu.js";
+import { M as m, B as M } from "../../../../MenuItem-DrE50M_p.js";
+import { B as y } from "../../../../Modal-DlB6GH-f.js";
 var p = {}, q = g;
 Object.defineProperty(p, "__esModule", {
   value: !0
@@ -16,7 +15,7 @@ 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({
+function $({
   defaultValues: x = {
     owner: "",
     ownerType: h[0],
@@ -170,5 +169,5 @@ function A({
   ] });
 }
 export {
-  A as default
+  $ as default
 };

package/dist/components/template-form/index.js

@@ -1,7 +1,7 @@
 import { jsxs as u, jsx as n } from "react/jsx-runtime";
 import k from "lodash";
 import f from "react";
-import { useForm as P, Controller as l } from "react-hook-form";
+import { useForm as P, Controller as i } from "react-hook-form";
 import { CatalogueInstanceSelector as O } from "./components/catalogue-instance-selector/index.js";
 import j from "./components/property-list/index.js";
 import K from "./components/recognition-property-list/index.js";
@@ -9,16 +9,15 @@ import { FormLabel as L, Button as g } from "@mui/material";
 import { getNestedChildrenFromMap as _ } from "../../utils/ontology.js";
 import { TreeSelect as w } from "../tree-select/index.js";
 import A from "./components/select-icon/index.js";
-import { T as m } from "../../TextField-1yCesIbH.js";
-import { F as h } from "../../property-list-form-zZQfpR0X.js";
-import { F as d } from "../../FormControlLabel-C8SPv14J.js";
-import { C as c } from "../../Checkbox-CWRMFTBp.js";
-import { B as p } from "../../Box-p6OtTUEo.js";
-function B(e, x) {
+import { T as m } from "../../TextField-DSDIEEKu.js";
+import { F as h } from "../../property-list-form-DL_dEoNn.js";
+import { F as d, C as c } from "../../FormControlLabel-BkRfrhNy.js";
+import { B as x } from "../../MenuItem-DrE50M_p.js";
+function B(e, p) {
   const {
     register: s,
     handleSubmit: T,
-    control: i,
+    control: l,
     formState: { errors: v },
     getValues: b,
     reset: V
@@ -43,7 +42,7 @@ function B(e, x) {
       return;
     }
   };
-  return f.useImperativeHandle(x, () => ({
+  return f.useImperativeHandle(p, () => ({
     getValues: b,
     resetForm() {
       V();
@@ -100,10 +99,10 @@ function B(e, x) {
       }
     ),
     /* @__PURE__ */ n(h, { sx: { mb: 2 }, children: /* @__PURE__ */ n(
-      l,
+      i,
       {
         name: "parent",
-        control: i,
+        control: l,
         render: ({ field: { value: t, onChange: a } }) => {
           if (e.disableParent) {
             const r = t ? e.mappedTemplates.get(t) : void 0;
@@ -138,10 +137,10 @@ function B(e, x) {
       }
     ) }),
     "agentReferenceIds" in e.defaultValues && /* @__PURE__ */ n(
-      l,
+      i,
       {
         name: "agentReferenceIds",
-        control: i,
+        control: l,
         render: ({ field: { onChange: t } }) => /* @__PURE__ */ n(
           O,
           {
@@ -176,10 +175,10 @@ function B(e, x) {
         d,
         {
           control: /* @__PURE__ */ n(
-            l,
+            i,
             {
               name: "creatable",
-              control: i,
+              control: l,
               render: ({ field: { value: t, ...a } }) => /* @__PURE__ */ n(c, { checked: t, ...a })
             }
           ),
@@ -190,10 +189,10 @@ function B(e, x) {
         d,
         {
           control: /* @__PURE__ */ n(
-            l,
+            i,
             {
               name: "editable",
-              control: i,
+              control: l,
               render: ({ field: { value: t, ...a } }) => /* @__PURE__ */ n(c, { checked: t, ...a })
             }
           ),
@@ -204,10 +203,10 @@ function B(e, x) {
         d,
         {
           control: /* @__PURE__ */ n(
-            l,
+            i,
             {
               name: "stationary",
-              control: i,
+              control: l,
               render: ({ field: { value: t, ...a } }) => /* @__PURE__ */ n(c, { checked: t, ...a })
             }
           ),
@@ -218,10 +217,10 @@ function B(e, x) {
         d,
         {
           control: /* @__PURE__ */ n(
-            l,
+            i,
             {
               name: "livingObject",
-              control: i,
+              control: l,
               render: ({ field: { value: t, ...a } }) => /* @__PURE__ */ n(c, { checked: t, ...a })
             }
           ),
@@ -232,10 +231,10 @@ function B(e, x) {
         d,
         {
           control: /* @__PURE__ */ n(
-            l,
+            i,
             {
               name: "storeFile",
-              control: i,
+              control: l,
               render: ({ field: { value: t, ...a } }) => /* @__PURE__ */ n(c, { checked: t, ...a })
             }
           ),
@@ -246,10 +245,10 @@ function B(e, x) {
     /* @__PURE__ */ u(h, { children: [
       /* @__PURE__ */ n(L, { children: "Icon" }),
       /* @__PURE__ */ n(
-        l,
+        i,
         {
           name: "icon",
-          control: i,
+          control: l,
           render: ({ field: { value: t, onChange: a } }) => /* @__PURE__ */ n(
             A,
             {
@@ -264,10 +263,10 @@ function B(e, x) {
       )
     ] }),
     /* @__PURE__ */ n(
-      l,
+      i,
       {
         name: "properties",
-        control: i,
+        control: l,
         render: ({ field: { value: t, onChange: a } }) => /* @__PURE__ */ n(
           j,
           {
@@ -281,10 +280,10 @@ function B(e, x) {
       }
     ),
     "recognitionPropertyList" in e.defaultValues && /* @__PURE__ */ n(
-      l,
+      i,
       {
         name: "recognitionPropertyList",
-        control: i,
+        control: l,
         render: ({ field: { value: t, onChange: a } }) => /* @__PURE__ */ n(
           K,
           {
@@ -295,7 +294,7 @@ function B(e, x) {
         )
       }
     ),
-    /* @__PURE__ */ u(p, { display: "flex", justifyContent: "space-between", mt: 3, children: [
+    /* @__PURE__ */ u(x, { display: "flex", justifyContent: "space-between", mt: 3, children: [
       /* @__PURE__ */ n(
         g,
         {
@@ -307,7 +306,7 @@ function B(e, x) {
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ n(p, { children: e.saveButtons ? e.saveButtons.map((t, a) => /* @__PURE__ */ n(
+      /* @__PURE__ */ n(x, { children: e.saveButtons ? e.saveButtons.map((t, a) => /* @__PURE__ */ n(
         g,
         {
           type: "submit",
@@ -334,7 +333,7 @@ function B(e, x) {
     ] })
   ] });
 }
-const te = f.forwardRef(B);
+const ee = f.forwardRef(B);
 export {
-  te as TemplateForm
+  ee as TemplateForm
 };