@hybridcore/ui 1.5.16 → 1.5.17

package/dist/{Add-BKnWHZ7A.js → Add-Cjs72ewI.js}

@@ -9,7 +9,7 @@ import Q, { jsx as r, jsxs as X } from "react/jsx-runtime";
 import { P as Y } from "./Paper-DRRYGupP.js";
 import { I as oo } from "./IconButton-DekcZv4i.js";
 import { T as eo } from "./Typography-CLq43OVQ.js";
-import { r as to, i as so } from "./createSvgIcon-BXjHHQ0B.js";
+import { r as to, i as so } from "./createSvgIcon-CsckVnG-.js";
 function ro(e) {
   return k("MuiAlert", e);
 }

package/dist/{Delete-DfyX03ib.js → Delete-6rKk6pCT.js}

@@ -1,4 +1,4 @@
-import { r as t, i as a } from "./createSvgIcon-BXjHHQ0B.js";
+import { r as t, i as a } from "./createSvgIcon-CsckVnG-.js";
 import u from "react/jsx-runtime";
 var e = {}, l = a;
 Object.defineProperty(e, "__esModule", {

package/dist/components/collapsible-card/style.js

@@ -1,5 +1,5 @@
 import i, { jsx as r } from "react/jsx-runtime";
-import { r as n, i as s } from "../../createSvgIcon-BXjHHQ0B.js";
+import { r as n, i as s } from "../../createSvgIcon-CsckVnG-.js";
 import { s as o } from "../../styled-DkqItiLo.js";
 import { A as d, a as c, b as u } from "../../AccordionDetails-mpRYHtGq.js";
 var t = {}, p = s;

package/dist/components/tabs/index.js

@@ -1,31 +1,32 @@
-import { jsxs as f, Fragment as u, jsx as n } from "react/jsx-runtime";
-import P from "react";
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import u from "react";
 import { Badge as s, Tab as T } from "@mui/material";
-import v from "./tab-panel.js";
-import d from "./appleTabs.style.js";
+import P from "./tab-panel.js";
+import b from "./appleTabs.style.js";
+import { TabsRoot as v } from "./styled.js";
 import { T as C } from "../../Tabs-DqdkJU6b.js";
-function b(i) {
+function d(n) {
   return {
-    id: `simple-tab-${i}`,
-    "aria-controls": `simple-tabpanel-${i}`
+    id: `simple-tab-${n}`,
+    "aria-controls": `simple-tabpanel-${n}`
   };
 }
-function z({
-  defaultActive: i = 0,
-  tabContents: e,
-  styleVariant: h,
-  tabPanelStyle: p,
+const A = ({
+  defaultActive: n = 0,
+  tabContents: r,
+  styleVariant: p,
+  tabPanelStyle: h,
   onChange: t,
   ...l
-}) {
-  const [g, m] = P.useState(i), r = t !== void 0 ? i : g, c = (o, a) => {
+}) => {
+  const [g, m] = u.useState(n), e = t !== void 0 ? n : g, c = (o, a) => {
     m(a), t && t(a);
   };
-  return /* @__PURE__ */ f(u, { children: [
-    h === "APPLE" ? /* @__PURE__ */ n(d.Tabs, { value: r, onChange: c, ...l, children: e.map((o, a) => /* @__PURE__ */ n(
-      d.Item,
+  return /* @__PURE__ */ f(v, { children: [
+    p === "APPLE" ? /* @__PURE__ */ i(b.Tabs, { value: e, onChange: c, ...l, children: r.map((o, a) => /* @__PURE__ */ i(
+      b.Item,
       {
-        label: /* @__PURE__ */ n(
+        label: /* @__PURE__ */ i(
           s,
           {
             badgeContent: o.badgeContent,
@@ -44,13 +45,13 @@ function z({
         ),
         icon: o.icon,
         iconPosition: o.iconPosition,
-        ...b(a)
+        ...d(a)
       },
       a
-    )) }) : /* @__PURE__ */ n(C, { value: r, onChange: c, ...l, children: e.map((o, a) => /* @__PURE__ */ n(
+    )) }) : /* @__PURE__ */ i(C, { value: e, onChange: c, ...l, children: r.map((o, a) => /* @__PURE__ */ i(
       T,
       {
-        label: /* @__PURE__ */ n(
+        label: /* @__PURE__ */ i(
           s,
           {
             badgeContent: o.badgeContent,
@@ -69,25 +70,25 @@ function z({
         ),
         icon: o.icon,
         iconPosition: o.iconPosition,
-        ...b(a)
+        ...d(a)
       },
       a
     )) }),
-    e.map((o, a) => {
+    r.map((o, a) => {
       if (o.content)
-        return /* @__PURE__ */ n(
-          v,
+        return /* @__PURE__ */ i(
+          P,
           {
-            value: r,
+            value: e,
             index: a,
-            style: p,
+            style: h,
             children: o.content
           },
           a
         );
     })
   ] });
-}
+};
 export {
-  z as default
+  A as Tabs
 };

package/dist/components/tabs/styled.js

@@ -0,0 +1,12 @@
+import { styled as o, Box as t } from "@mui/material";
+const r = o(t, {
+  name: "SNTabs",
+  // The component name
+  slot: "root"
+  // The slot name
+})(() => ({
+  width: "100%"
+}));
+export {
+  r as TabsRoot
+};

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

@@ -1,8 +1,8 @@
 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-BKnWHZ7A.js";
+import { A as n, a as m, d as s } from "../../../../Add-Cjs72ewI.js";
 import p from "./property-list-columns.js";
-import { a as c } from "../../../../property-list-form-DALcsCp5.js";
+import { a as c } from "../../../../property-list-form-D77cAJ24.js";
 import u from "./property-list-logic.js";
 import { B as f } from "../../../../Box-SSMZuKnS.js";
 import { T as y } from "../../../../Typography-CLq43OVQ.js";

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

@@ -1,5 +1,5 @@
 import { jsxs as d, jsx as r, Fragment as s } from "react/jsx-runtime";
-import { d as u, a as b } from "../../../../Delete-DfyX03ib.js";
+import { d as u, a as b } from "../../../../Delete-6rKk6pCT.js";
 import { T as l } from "../../../../Typography-CLq43OVQ.js";
 import { I as p } from "../../../../IconButton-DekcZv4i.js";
 const y = (o) => [

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "lodash";
-import { a as b } from "../../../../property-list-form-DALcsCp5.js";
+import { a as b } from "../../../../property-list-form-D77cAJ24.js";
 import "../../../../constants/index.js";
 import "../../../../TextField-CdKnj6de.js";
 import "../../../../InputLabel-ClDXuWBr.js";

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

@@ -1,6 +1,6 @@
 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-BKnWHZ7A.js";
+import { A as n, a as d, d as s } from "../../../../Add-Cjs72ewI.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";

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

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

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

@@ -1,6 +1,6 @@
 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-BXjHHQ0B.js";
+import { r as C, i as g } from "../../../../createSvgIcon-CsckVnG-.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-ClDXuWBr.js";
 import { S as d } from "../../../../Select-DuyWoyoF.js";

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

@@ -4,7 +4,7 @@ import { AddPhotoAlternate as I, Delete as W, Search as j, CheckBox as E, CloudU
 import { IconButton as S, Dialog as N, DialogContent as O, Box as u, TextField as q, InputAdornment as z, Button as d, DialogActions as G } from "@mui/material";
 import i from "./styled.js";
 import H from "../../../../hooks/useToggle.js";
-import J from "../../../tabs/index.js";
+import { Tabs as J } from "../../../tabs/index.js";
 function Z({
   value: s,
   list: A,

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

@@ -10,7 +10,7 @@ import { TreeSelect as _ } from "../tree-select/index.js";
 import { FormLabel as w, Button as b } from "@mui/material";
 import A from "./components/select-icon/index.js";
 import { T as m } from "../../TextField-CdKnj6de.js";
-import { F as g } from "../../property-list-form-DALcsCp5.js";
+import { F as g } from "../../property-list-form-D77cAJ24.js";
 import { F as d } from "../../FormControlLabel-BNT5EI0b.js";
 import { C as c } from "../../Checkbox-B0P8LhCl.js";
 import { B as p } from "../../Box-SSMZuKnS.js";

package/dist/{createSvgIcon-BXjHHQ0B.js → createSvgIcon-CsckVnG-.js}

@@ -2,11 +2,11 @@ import { c as l, g as p } from "./createTheme-DrgvKMA_.js";
 import { c as d } from "./createSvgIcon-CBoAEepv.js";
 import { C as g } from "./createTheme-DVoJnXAT.js";
 import { c as _, u as v } from "./useId-BHG98T5I.js";
-import { r as b, u as h } from "./unsupportedProp-BND8AB6O.js";
-import { s as E, u as N, b as C, a as I, c as S } from "./ButtonBase-CgQC8DUB.js";
-import { d as x } from "./debounce-46wSf_lW.js";
-import { i as y } from "./isMuiElement-CxT3_ACP.js";
-import { o as q } from "./ownerDocument-CUrv0DIK.js";
+import { o as b } from "./ownerDocument-CUrv0DIK.js";
+import { r as h, u as E } from "./unsupportedProp-BND8AB6O.js";
+import { s as N, u as C, b as I, a as S, c as x } from "./ButtonBase-CgQC8DUB.js";
+import { d as y } from "./debounce-46wSf_lW.js";
+import { i as q } from "./isMuiElement-CxT3_ACP.js";
 import { o as $ } from "./ownerWindow-niciwP7I.js";
 import { u as D } from "./useControlled-BYdyS7Pn.js";
 function M(e, t) {
@@ -35,21 +35,21 @@ const O = {
   capitalize: l,
   createChainedFunction: _,
   createSvgIcon: d,
-  debounce: x,
+  debounce: y,
   deprecatedPropType: M,
-  isMuiElement: y,
-  ownerDocument: q,
+  isMuiElement: q,
+  ownerDocument: b,
   ownerWindow: $,
-  requirePropFactory: b,
-  setRef: E,
+  requirePropFactory: h,
+  setRef: N,
   unstable_ClassNameGenerator: O,
-  unstable_useEnhancedEffect: N,
+  unstable_useEnhancedEffect: C,
   unstable_useId: v,
-  unsupportedProp: h,
+  unsupportedProp: E,
   useControlled: D,
-  useEventCallback: C,
-  useForkRef: I,
-  useIsFocusVisible: S
+  useEventCallback: I,
+  useForkRef: S,
+  useIsFocusVisible: x
 }, Symbol.toStringTag, { value: "Module" })), R = /* @__PURE__ */ p(P);
 var s;
 function B() {

package/dist/main.d.ts

@@ -23,6 +23,7 @@ import { ReactNode } from 'react';
 import { Size } from 'ol/size';
 import { SxProps } from '@mui/material';
 import { SxProps as SxProps_2 } from '@mui/material/styles';
+import { TabsProps as TabsProps_2 } from '@mui/material';
 import { Theme } from '@mui/material/styles';
 import { ThemeOptions } from '@mui/material';
 import { ThemeProvider } from '@mui/material';
@@ -852,6 +853,15 @@ declare interface SubmitButton_2 {
     onClick?(): void;
 }
 
+declare interface TabContent {
+    label: string;
+    content?: React.ReactNode;
+    badgeContent?: string | number;
+    badgeColor?: "error" | "primary";
+    icon?: React.ReactElement;
+    iconPosition?: "bottom" | "top" | "start" | "end";
+}
+
 declare interface TabItem {
     label: default_2.ReactNode;
     templates: Map<string | number, ONTOLOGY.TemplateType>;
@@ -860,6 +870,16 @@ declare interface TabItem {
     onChange: (filters: FV.TemplateFilter[]) => void;
 }
 
+export declare const Tabs: FC<TabsProps>;
+
+export declare interface TabsProps extends TabsProps_2 {
+    defaultActive?: number;
+    tabContents: TabContent[];
+    styleVariant?: "DEFAULT" | "APPLE";
+    tabPanelStyle?: React.CSSProperties;
+    onChange?(value: any): void;
+}
+
 declare interface TemplateFilterProps {
     tabs: TabItem[];
 }

package/dist/main.js

@@ -21,16 +21,17 @@ import { LocalizationProvider as ye } from "@mui/x-date-pickers";
 import { PhoneInput as De } from "./components/phone-input/index.js";
 import { SearchInput as ge } from "./components/search-input/index.js";
 import { SecurityLevel as Te } from "./components/data-security-selectors/security-level/index.js";
-import { TemplateForm as we } from "./components/template-form/index.js";
-import { TemplateFilters as ve } from "./components/template-filters/index.js";
-import { TemplatePropertyFilters as Se } from "./components/template-property-filters/index.js";
-import { Property as be } from "./components/template-property-filters/property.js";
-import { TreeSelect as Fe } from "./components/tree-select/index.js";
-import { TreeViewFilter as Ie } from "./components/treeview-filter/index.js";
-import { S as je } from "./utils-Bq0ye5vf.js";
-import { i as $e } from "./index-DlnzUkwe.js";
-import { b as Ee } from "./helpers-DaCoWmi2.js";
-import { ThemeProvider as ze, createTheme as Ze } from "@mui/material";
+import { Tabs as we } from "./components/tabs/index.js";
+import { TemplateForm as ve } from "./components/template-form/index.js";
+import { TemplateFilters as Se } from "./components/template-filters/index.js";
+import { TemplatePropertyFilters as Ae } from "./components/template-property-filters/index.js";
+import { Property as Fe } from "./components/template-property-filters/property.js";
+import { TreeSelect as Ie } from "./components/tree-select/index.js";
+import { TreeViewFilter as je } from "./components/treeview-filter/index.js";
+import { S as $e } from "./utils-Bq0ye5vf.js";
+import { i as Ee } from "./index-DlnzUkwe.js";
+import { b as ze } from "./helpers-DaCoWmi2.js";
+import { ThemeProvider as Ne, createTheme as Je } from "@mui/material";
 import { a as dt } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
 import I from "dayjs";
 import { h as U, j as z } from "./createTheme-DrgvKMA_.js";
@@ -122,8 +123,8 @@ var et = { exports: {} };
       h = r, d = n && n.formats;
       for (var u = (r = h.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(S, w, M) {
         var y = M && M.toUpperCase();
-        return w || d[M] || f[M] || d[y].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(k, v, A) {
-          return v || A.slice(1);
+        return w || d[M] || f[M] || d[y].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(k, v, b) {
+          return v || b.slice(1);
         });
       })).match(c), g = u.length, Y = 0; Y < g; Y += 1) {
         var C = u[Y], O = Z[C], T = O && O[0], L = O && O[1];
@@ -134,15 +135,15 @@ var et = { exports: {} };
           var k = u[M];
           if (typeof k == "string") y += k.length;
           else {
-            var v = k.regex, A = k.parser, j = S.slice(y), B = v.exec(j)[0];
-            A.call(w, B), S = S.replace(B, "");
+            var v = k.regex, b = k.parser, j = S.slice(y), B = v.exec(j)[0];
+            b.call(w, B), S = S.replace(B, "");
           }
         }
-        return function(b) {
-          var P = b.afternoon;
+        return function(A) {
+          var P = A.afternoon;
           if (P !== void 0) {
-            var m = b.hours;
-            P ? m < 12 && (b.hours += 12) : m === 12 && (b.hours = 0), delete b.afternoon;
+            var m = A.hours;
+            P ? m < 12 && (A.hours += 12) : m === 12 && (A.hours = 0), delete A.afternoon;
           }
         }(w), w;
       };
@@ -156,22 +157,22 @@ var et = { exports: {} };
         var L = T[1];
         if (typeof L == "string") {
           var S = T[2] === !0, w = T[3] === !0, M = S || w, y = T[2];
-          w && (y = T[2]), n = this.$locale(), !S && y && (n = d.Ls[y]), this.$d = function(j, B, b, P) {
+          w && (y = T[2]), n = this.$locale(), !S && y && (n = d.Ls[y]), this.$d = function(j, B, A, P) {
             try {
               if (["x", "X"].indexOf(B) > -1) return new Date((B === "X" ? 1e3 : 1) * j);
               var m = F(B)(j), N = m.year, $ = m.month, nt = m.day, ot = m.hours, at = m.minutes, it = m.seconds, ht = m.milliseconds, R = m.zone, X = m.week, J = /* @__PURE__ */ new Date(), V = nt || (N || $ ? 1 : J.getDate()), _ = N || J.getFullYear(), W = 0;
               N && !$ || (W = $ > 0 ? $ - 1 : J.getMonth());
               var E, q = ot || 0, G = at || 0, K = it || 0, Q = ht || 0;
-              return R ? new Date(Date.UTC(_, W, V, q, G, K, Q + 60 * R.offset * 1e3)) : b ? new Date(Date.UTC(_, W, V, q, G, K, Q)) : (E = new Date(_, W, V, q, G, K, Q), X && (E = P(E).week(X).toDate()), E);
+              return R ? new Date(Date.UTC(_, W, V, q, G, K, Q + 60 * R.offset * 1e3)) : A ? new Date(Date.UTC(_, W, V, q, G, K, Q)) : (E = new Date(_, W, V, q, G, K, Q), X && (E = P(E).week(X).toDate()), E);
             } catch {
               return /* @__PURE__ */ new Date("");
             }
           }(C, L, O, d), this.init(), y && y !== !0 && (this.$L = this.locale(y).$L), M && C != this.format(L) && (this.$d = /* @__PURE__ */ new Date("")), n = {};
         } else if (L instanceof Array) for (var k = L.length, v = 1; v <= k; v += 1) {
           T[1] = L[v - 1];
-          var A = d.apply(this, T);
-          if (A.isValid()) {
-            this.$d = A.$d, this.$L = A.$L, this.init();
+          var b = d.apply(this, T);
+          if (b.isValid()) {
+            this.$d = b.$d, this.$L = b.$L, this.init();
             break;
           }
           v === k && (this.$d = /* @__PURE__ */ new Date(""));
@@ -387,7 +388,7 @@ class St {
 }
 export {
   Ht as Access,
-  Ee as AccessUtils,
+  ze as AccessUtils,
   St as AdapterDayjs,
   jt as Card,
   $t as CardAlternate,
@@ -403,23 +404,24 @@ export {
   ne as InstanceForm,
   ae as InstanceHierarchyTable,
   he as InstanceTable,
-  je as KeyProductionUtils,
+  $e as KeyProductionUtils,
   ue as KeyProtectionMenu,
   fe as LinearIndicator,
   le as Loading,
   ye as LocalizationProvider,
-  $e as Map,
+  Ee as Map,
   De as PhoneInput,
-  be as PropertyFilterInput,
+  Fe as PropertyFilterInput,
   ge as SearchInput,
   Te as SecurityLevel,
-  ve as TemplateFilters,
-  we as TemplateForm,
-  Se as TemplatePropertyFilters,
-  ze as ThemeProvider,
-  Fe as TreeSelect,
-  Ie as TreeViewFilter,
+  we as Tabs,
+  Se as TemplateFilters,
+  ve as TemplateForm,
+  Ae as TemplatePropertyFilters,
+  Ne as ThemeProvider,
+  Ie as TreeSelect,
+  je as TreeViewFilter,
   Bt as alert,
   It as confirm,
-  Ze as createTheme
+  Je as createTheme
 };

package/dist/{property-list-form-DALcsCp5.js → property-list-form-D77cAJ24.js}

@@ -2,7 +2,7 @@ import H, { jsx as t, jsxs as m, Fragment as K } from "react/jsx-runtime";
 import * as J from "react";
 import I from "react";
 import Q from "lodash";
-import { r as X, i as Z } from "./createSvgIcon-BXjHHQ0B.js";
+import { r as X, i as Z } from "./createSvgIcon-CsckVnG-.js";
 import { DATA_TYPES as R, COORDINATE_FORMAT as ee, PRIVACY_PRESERVATION_METHOD as L } from "./constants/index.js";
 import { T as w } from "./TextField-CdKnj6de.js";
 import { f as te, F as C, I as F } from "./InputLabel-ClDXuWBr.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridcore/ui",
   "description": "Hybrid Core UI Library",
-  "version": "1.5.16",
+  "version": "1.5.17",
   "author": "Hybrid Core",
   "license": "ISC",
   "type": "module",