@hybridcore/ui 1.5.90 → 1.6.1

package/dist/components/tabs/logic.js

@@ -0,0 +1,36 @@
+import { useThemeProps as S } from "@mui/material";
+import { useState as g } from "react";
+const T = (r) => {
+  const c = S({ props: r, name: "HCTabs" }), {
+    id: t = "tab",
+    defaultActive: e = 0,
+    tabContents: h,
+    styleVariant: d = "DEFAULT",
+    tabPanelStyle: f,
+    bottomOffset: w = 0,
+    disableHashState: o = !1,
+    onChange: n
+  } = c, b = typeof window < "u" ? new URLSearchParams(window.location.hash.substring(1)) : new URLSearchParams(), l = Number(b.get(t) ?? e), [m, p] = g(l), s = n !== void 0 ? e : m;
+  return {
+    refs: {},
+    state: { ownerState: {
+      id: t,
+      defaultActive: e,
+      tabContents: h,
+      styleVariant: d,
+      tabPanelStyle: f,
+      bottomOffset: w,
+      disableHashState: o,
+      activeTab: s
+    }, activeTab: s },
+    actions: { handleChange: (C, a) => {
+      if (p(a), n && n(a), !o && typeof window < "u") {
+        const i = new URLSearchParams(window.location.hash.substring(1));
+        i.set(t, String(a)), window.location.hash = `#${i.toString()}`;
+      }
+    } }
+  };
+};
+export {
+  T as useTabsLogic
+};

package/dist/components/tabs/styled.js

@@ -1,20 +1,98 @@
-import { styled as t, Box as o } from "@mui/material";
-const e = t(o, {
-  name: "SNTabs",
-  // The component name
-  slot: "root"
-  // The slot name
-})(() => ({
+import { styled as o, Box as e, Tabs as n, Tab as s, Badge as i } from "@mui/material";
+const a = (t) => t !== "ownerState", d = o(e, {
+  name: "HCTabs",
+  slot: "root",
+  shouldForwardProp: a
+})({
   width: "100%"
-})), s = t(o, {
-  name: "SNTabs",
-  // The component name
-  slot: "tabContentContainer"
-  // The slot name
-})(({ bottomoffset: n = 0 }) => ({
-  maxHeight: `calc(100vh - ${n}px)`
+}), b = o(n, {
+  name: "HCTabs",
+  slot: "tabs",
+  shouldForwardProp: a
+})({}), r = o(s, {
+  name: "HCTabs",
+  slot: "tab"
+})({}), p = o(n, {
+  name: "HCTabs",
+  slot: "appleTabs",
+  shouldForwardProp: a
+})(({ theme: t }) => ({
+  backgroundColor: t.palette.mode === "light" ? "#DADADA" : t.palette.divider,
+  borderRadius: 13,
+  minHeight: 34,
+  boxShadow: t.shadows[4],
+  "& .MuiTabs-flexContainer": {
+    display: "inline-flex",
+    position: "relative",
+    zIndex: 1
+  },
+  "& .MuiTabs-scroller": {
+    [t.breakpoints.up("md")]: {
+      padding: "0 0px"
+    }
+  },
+  "& .MuiTabs-indicator": {
+    top: 3,
+    bottom: 3,
+    right: 3,
+    height: "auto",
+    background: "none",
+    "&:after": {
+      content: '""',
+      display: "block",
+      position: "absolute",
+      top: 0,
+      left: 4,
+      right: 4,
+      bottom: 0,
+      borderRadius: 11,
+      backgroundColor: t.palette.mode === "light" ? "#fff" : t.palette.action.selected,
+      boxShadow: t.shadows[3]
+    }
+  }
+})), c = o(s, {
+  name: "HCTabs",
+  slot: "appleTab"
+})(({ theme: t }) => ({
+  minHeight: 30,
+  minWidth: "auto",
+  padding: "8px 14.2px",
+  textTransform: "none",
+  color: t.palette.mode === "light" ? "#919191" : t.palette.text.primary,
+  "&:hover": {
+    opacity: 1
+  },
+  "&.Mui-selected": {
+    color: t.palette.text.primary
+  }
+})), T = o(i, {
+  name: "HCTabs",
+  slot: "badge"
+})({
+  "& .MuiBadge-badge": {
+    right: -7,
+    fontSize: 10,
+    width: 14,
+    height: 14,
+    minWidth: 14
+  }
+}), g = o("div", {
+  name: "HCTabs",
+  slot: "panel"
+})({}), u = o(e, {
+  name: "HCTabs",
+  slot: "panelContent",
+  shouldForwardProp: (t) => t !== "ownerState" && t !== "bottomOffset"
+})(({ bottomOffset: t = 0 }) => ({
+  maxHeight: `calc(100vh - ${t}px)`
 }));
 export {
-  s as TabContentContainer,
-  e as TabsRoot
+  c as AppleTab,
+  p as AppleTabs,
+  r as DefaultTab,
+  b as DefaultTabs,
+  T as TabBadge,
+  u as TabPanelContent,
+  g as TabPanelRoot,
+  d as TabsRoot
 };

package/dist/components/tabs/tab-panel.js

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

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-B1AVyJ_s.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-CMz4N2zT.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-C5hcK2y2.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-B1AVyJ_s.js";
-import { T as y } from "../../../../Typography-D1t7XuLN.js";
-import { B as h } from "../../../../Button-eqWvpDuh.js";
-import { D as g, a as b } from "../../../../DialogContent-CqTojymQ.js";
-import { D } from "../../../../dialog-BE4D6swf.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-86TO0fMo.js";
-import { T as l } from "../../../../Typography-D1t7XuLN.js";
-import { I as p } from "../../../../IconButton-DJ-31-Fd.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-C5hcK2y2.js";
+import { a as u } from "../../../../property-list-form-DL_dEoNn.js";
 import "../../../../constants/index.js";
-import "../../../../TextField-BQ8a50fA.js";
-import "../../../../InputLabel-CBuAYyuT.js";
-import "../../../../Select-t3ewnSdf.js";
-import "../../../../MenuItem-C6qlUyV3.js";
-import "../../../../FormControlLabel-BrdX4R71.js";
-import "../../../../Checkbox-CrU2hpWB.js";
-import "../../../../Box-B1AVyJ_s.js";
-import "../../../../Button-eqWvpDuh.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-CMz4N2zT.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-B1AVyJ_s.js";
-import { T as u } from "../../../../Typography-D1t7XuLN.js";
-import { B as h } from "../../../../Button-eqWvpDuh.js";
-import { D as f, a as y } from "../../../../DialogContent-CqTojymQ.js";
-import { D as b } from "../../../../dialog-BE4D6swf.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-86TO0fMo.js";
-import { I as d } from "../../../../IconButton-DJ-31-Fd.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-DLPYMuH1.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 "../../../../InputLabel-CBuAYyuT.js";
-import { S as d } from "../../../../Select-t3ewnSdf.js";
-import { M as m } from "../../../../MenuItem-C6qlUyV3.js";
-import { T as b } from "../../../../TextField-BQ8a50fA.js";
-import { B as M } from "../../../../Box-B1AVyJ_s.js";
-import { B as y } from "../../../../Button-eqWvpDuh.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
 };