@hybridcore/ui 1.6.0 → 1.6.2

package/dist/components/stats-box/styled.js

@@ -0,0 +1,36 @@
+import { styled as o, Box as a, Typography as e } from "@mui/material";
+const n = o(a, {
+  name: "HCStatsBox",
+  slot: "root"
+})(({ theme: t }) => ({
+  flex: 1,
+  borderRadius: 8,
+  padding: t.spacing(2),
+  boxShadow: t.shadows[4]
+})), l = o(a, {
+  name: "HCStatsBox",
+  slot: "valueContainer"
+})({
+  flex: 1,
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center"
+}), x = o(e, {
+  name: "HCStatsBox",
+  slot: "caption"
+})(({ theme: t }) => ({
+  color: t.palette.text.secondary,
+  fontSize: "0.85rem",
+  fontWeight: 500
+})), i = o(e, {
+  name: "HCStatsBox",
+  slot: "value"
+})({
+  fontSize: "4rem"
+});
+export {
+  x as StatsBoxCaption,
+  n as StatsBoxRoot,
+  i as StatsBoxValue,
+  l as StatsBoxValueContainer
+};

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,29 +1,29 @@
 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-CqcD1PWb.js";
 import p from "./property-list-columns.js";
-import { a as c } from "../../../../property-list-form-zZQfpR0X.js";
+import c from "./property-list-form.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";
-function v(t) {
-  var a;
-  const { state: o, action: r } = u(t);
-  return /* @__PURE__ */ i(f, { children: [
-    /* @__PURE__ */ e(y, { variant: "h6", marginY: 2, children: "Properties" }),
+import { B as y } from "../../../../Box-DqUMmZjL.js";
+import { T as h } from "../../../../Typography-DgsSLCFC.js";
+import { B as f } from "../../../../Button-C5yquWAB.js";
+import { D as g, a as b } from "../../../../DialogContent-BvVjD9z3.js";
+import { a as P } from "../../../../dialog-BYRnCztH.js";
+const v = (t) => {
+  var l;
+  const { state: r, action: o } = u(t);
+  return /* @__PURE__ */ i(y, { children: [
+    /* @__PURE__ */ e(h, { variant: "h6", marginY: 2, children: "Properties" }),
     t.list.length > 0 ? /* @__PURE__ */ e(
       d,
       {
         rows: t.list,
         columns: p({
           templateId: t.templateId,
-          onEdit: r.handleOnEditClick,
-          onDelete: r.handleOnDeleteClick
+          onEdit: o.handleOnEditClick,
+          onDelete: o.handleOnDeleteClick
         }),
-        getRowId: (l) => l.id || l.propertyId,
+        getRowId: (a) => a.id || a.propertyId,
         autoHeight: !0
       }
     ) : /* @__PURE__ */ i(n, { severity: "info", children: [
@@ -31,10 +31,10 @@ function v(t) {
       "Add least one property before save the template!"
     ] }),
     /* @__PURE__ */ e(
-      h,
+      f,
       {
         color: "primary",
-        onClick: r.handleOnAddClick,
+        onClick: o.handleOnAddClick,
         sx: { mt: 2 },
         startIcon: /* @__PURE__ */ e(s, {}),
         children: "Add Property"
@@ -43,30 +43,31 @@ function v(t) {
     /* @__PURE__ */ i(
       g,
       {
-        open: o.dialog.isOpen,
-        onClose: r.dialog.close,
+        open: r.dialog.isOpen,
+        onClose: o.dialog.close,
         "aria-labelledby": "alert-dialog-title",
         "aria-describedby": "alert-dialog-description",
         fullWidth: !0,
         maxWidth: "sm",
         scroll: "body",
         children: [
-          /* @__PURE__ */ e(D, { id: "alert-dialog-title", children: o.propertyForm.title }),
+          /* @__PURE__ */ e(P, { id: "alert-dialog-title", children: r.propertyForm.title }),
           /* @__PURE__ */ e(b, { className: "pb-30", children: /* @__PURE__ */ e(
             c,
             {
               inputVariant: t.inputVariant,
-              defaultValues: o.propertyForm.defaultValues,
-              disablePropertyId: t.disablePropertyId && o.propertyForm.type === "edit" && !!((a = o.propertyForm.defaultValues) != null && a.id),
-              onSubmit: r.handleSubmit,
-              onCancel: r.dialog.close
+              labelPosition: t.labelPosition,
+              defaultValues: r.propertyForm.defaultValues,
+              disablePropertyId: t.disablePropertyId && r.propertyForm.type === "edit" && !!((l = r.propertyForm.defaultValues) != null && l.id),
+              onSubmit: o.handleSubmit,
+              onCancel: o.dialog.close
             }
           ) })
         ]
       }
     )
   ] });
-}
+};
 export {
-  v as default
+  v as PropertyList
 };

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-BdyYpINH.js";
+import { T as l } from "../../../../Typography-DgsSLCFC.js";
+import { I as p } from "../../../../IconButton-BoGwbvrP.js";
 const y = (o) => [
   { field: "name", headerName: "Name", flex: 1 },
   { field: "propertyId", headerName: "Property ID", flex: 1 },