@hybridcore/ui 1.6.17 → 1.6.19

package/dist/components/color-picker/styled.js

@@ -1,5 +1,5 @@
 import "@mui/material";
-import { c as e, C as i, b as c, a as C, d as k } from "../../styled-DD4BkuVf.js";
+import { c as e, C as i, b as c, a as C, d as k } from "../../styled-DObpn_Bi.js";
 export {
   e as ColorPickerRadio,
   i as ColorPickerRoot,

package/dist/components/confirm/dialog.js

@@ -2,8 +2,8 @@ import "react/jsx-runtime";
 import "react-confirm";
 import "@mui/material";
 import "@mui/icons-material";
-import { D as e } from "../../dialog-BtJhjyF5.js";
-import "../../Button-Cem3nbwc.js";
+import { D as e } from "../../dialog-CNxZ7uox.js";
+import "../../Button-BMUZn0cT.js";
 export {
   e as default
 };

package/dist/components/confirm/index.js

@@ -1,5 +1,5 @@
 import { createConfirmation as r } from "react-confirm";
-import { D as i } from "../../dialog-BtJhjyF5.js";
+import { D as i } from "../../dialog-CNxZ7uox.js";
 const o = r(i);
 function f(t, n, e = {
   cancelButtonText: "Cancel",

package/dist/components/data-security-selectors/dissemination-list/index.js

@@ -1,5 +1,5 @@
 import { jsxs as ke, jsx as oe } from "react/jsx-runtime";
-import { _ as Kt, a as A } from "../../../extends-C3382pL0.js";
+import { _ as Kt, a as A } from "../../../objectWithoutPropertiesLoose-DJteAcBH.js";
 import * as V from "react";
 import { useLayoutEffect as qt, useContext as en, useRef as j, useState as te, createContext as tn, useMemo as ee, useCallback as T, Component as nn, Fragment as Ne, useEffect as It, forwardRef as un } from "react";
 import { _ as on } from "../../../setPrototypeOf-NPgp4cYc.js";

package/dist/components/duration-select/index.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useDurationSelectLogic as l } from "./logic.js";
 import { DurationSelectRoot as n, DurationSelectSelect as i } from "./styled.js";
-import { M as c } from "../../MenuItem-BKvRGLvM.js";
+import { M as c } from "../../MenuItem-BjnnhDbD.js";
 const h = (o) => {
   const { state: a, actions: r } = l(o);
   return /* @__PURE__ */ t(n, { sx: o.sx, children: /* @__PURE__ */ t(

package/dist/components/duration-select/styled.js

@@ -1,5 +1,5 @@
 import { styled as t, FormControl as e } from "@mui/material";
-import { S as n } from "../../Select-Bfhvigsx.js";
+import { S as n } from "../../Select-nL91eUH9.js";
 const a = t(e, {
   name: "HCDurationSelect",
   slot: "root"

package/dist/components/instance-hierarchy-table/styled.js

@@ -1,5 +1,5 @@
 import { styled as a, Box as n, Typography as o, Chip as r } from "@mui/material";
-import { A as t, a as c, b as i } from "../../AccordionSummary-DUtr16g6.js";
+import { A as t, a as c, b as i } from "../../AccordionSummary-c6-Buzbq.js";
 const s = (e) => e !== "ownerState", l = a(n, {
   name: "HCInstanceHierarchyTable",
   slot: "root",

package/dist/components/range-selector/components/enum-range/index.js

@@ -0,0 +1,66 @@
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
+import { Select as y, MenuItem as u, Checkbox as o, ListItemText as h } from "@mui/material";
+const c = "__ALL__", P = (d) => {
+  const { value: m, options: l, onChange: a, variant: p = "outlined" } = d, t = m.listOfPossibleValues ?? [], r = l.length > 0 && t.length === l.length, g = t.length > 0 && !r;
+  return /* @__PURE__ */ s(
+    y,
+    {
+      multiple: !0,
+      size: "small",
+      fullWidth: !0,
+      displayEmpty: !0,
+      variant: p,
+      value: t,
+      onChange: (e) => {
+        const i = e.target.value;
+        if (i.includes(c)) {
+          a({ listOfPossibleValues: r ? [] : [...l] });
+          return;
+        }
+        a({ listOfPossibleValues: i });
+      },
+      MenuProps: { PaperProps: { sx: { maxHeight: 320 } } },
+      renderValue: (e) => e.length === 0 ? "Select values" : e.length === l.length ? "All values" : e.length <= 2 ? e.join(", ") : `${e.length} of ${l.length} selected`,
+      children: [
+        /* @__PURE__ */ s(u, { dense: !0, value: c, children: [
+          /* @__PURE__ */ n(
+            o,
+            {
+              size: "small",
+              sx: { py: 0.25, pl: 0, mr: 0.5 },
+              checked: r,
+              indeterminate: g
+            }
+          ),
+          /* @__PURE__ */ n(
+            h,
+            {
+              primary: "Select All",
+              primaryTypographyProps: { variant: "body2" }
+            }
+          )
+        ] }),
+        l.map((e) => /* @__PURE__ */ s(u, { dense: !0, value: e, children: [
+          /* @__PURE__ */ n(
+            o,
+            {
+              size: "small",
+              sx: { py: 0.25, pl: 0, mr: 0.5 },
+              checked: t.includes(e)
+            }
+          ),
+          /* @__PURE__ */ n(
+            h,
+            {
+              primary: e,
+              primaryTypographyProps: { variant: "body2" }
+            }
+          )
+        ] }, e))
+      ]
+    }
+  );
+};
+export {
+  P as EnumRange
+};

package/dist/components/range-selector/index.js

@@ -1,65 +1,75 @@
 import { jsx as n } from "react/jsx-runtime";
-import s from "lodash";
-import { CompositeListRange as f } from "./components/composite-list-range/index.js";
-import { DateRange as u } from "./components/date-range/index.js";
-import { GeometryRange as c } from "./components/geometry-range/index.js";
-import { NumberRange as R } from "./components/number-range/index.js";
-import { StringRange as D } from "./components/string-range/index.js";
-import { useRangeSelectorLogic as x } from "./logic.js";
-import { RangeSelectorRoot as y } from "./styled.js";
-const C = (t) => {
-  const { state: r } = x(t), { ownerState: l } = r, { type: e, value: o, mapboxAccessToken: m, onChange: i, sx: g } = t;
+import g from "lodash";
+import { CompositeListRange as u } from "./components/composite-list-range/index.js";
+import { DateRange as f } from "./components/date-range/index.js";
+import { EnumRange as c } from "./components/enum-range/index.js";
+import { GeometryRange as R } from "./components/geometry-range/index.js";
+import { NumberRange as D } from "./components/number-range/index.js";
+import { StringRange as x } from "./components/string-range/index.js";
+import { useRangeSelectorLogic as y } from "./logic.js";
+import { RangeSelectorRoot as b } from "./styled.js";
+const L = (t) => {
+  const { state: r } = y(t), { ownerState: l } = r, { type: e, value: i, mapboxAccessToken: o, onChange: m, sx: s } = t;
   let a = null;
   return e === "byte" || e === "double" || e === "integer" || e === "long" ? a = /* @__PURE__ */ n(
-    R,
+    D,
     {
-      value: o || {
+      value: i || {
         minValue: "",
         maxValue: ""
       },
-      onChange: i
+      onChange: m
     }
   ) : e === "string" || e === "text" ? a = /* @__PURE__ */ n(
-    D,
+    x,
     {
-      value: o || {
+      value: i || {
         listOfPossibleValues: []
       },
-      onChange: i
+      onChange: m
     }
-  ) : e === "geometry" ? a = /* @__PURE__ */ n(
+  ) : e === "enum" ? a = /* @__PURE__ */ n(
     c,
     {
-      value: o || { geometryArea: "" },
-      mapboxAccessToken: m,
-      onChange: i
+      value: i || {
+        listOfPossibleValues: []
+      },
+      options: t.enumValues || [],
+      onChange: m
+    }
+  ) : e === "geometry" ? a = /* @__PURE__ */ n(
+    R,
+    {
+      value: i || { geometryArea: "" },
+      mapboxAccessToken: o,
+      onChange: m
     }
   ) : e === "date" ? a = /* @__PURE__ */ n(
-    u,
+    f,
     {
-      value: o || {
-        startDate: s.get(t, "minDate", ""),
+      value: i || {
+        startDate: g.get(t, "minDate", ""),
         timeUnit: "MINUTE",
         endRange: 0,
         startRange: 0,
         limitForScenarioTimeRange: !1
       },
-      onChange: i,
+      onChange: m,
       minDate: t.minDate || "",
       maxDate: t.maxDate || ""
     }
   ) : e === "composite-list" && (a = /* @__PURE__ */ n(
-    f,
+    u,
     {
-      value: o || { count: "" },
-      mapboxAccessToken: m,
-      onChange: i,
+      value: i || { count: "" },
+      mapboxAccessToken: o,
+      onChange: m,
       innerType: t.innerType,
       minDate: t.minDate,
       maxDate: t.maxDate
     }
-  )), /* @__PURE__ */ n(y, { ownerState: l, sx: g, children: a });
+  )), /* @__PURE__ */ n(b, { ownerState: l, sx: s, children: a });
 };
 export {
-  C as RangeSelector
+  L as RangeSelector
 };

package/dist/components/range-selector/styled.js

@@ -1,11 +1,11 @@
 import { styled as t, Box as o, TextField as n, Typography as a, IconButton as i, FormControl as r } from "@mui/material";
 import { ArrowForward as g } from "@mui/icons-material";
 import { DateTimePicker as s } from "@mui/x-date-pickers/DateTimePicker";
-const l = (e) => e !== "ownerState", d = t(o, {
+const l = (e) => e !== "ownerState", p = t(o, {
   name: "HCRangeSelector",
   slot: "root",
   shouldForwardProp: l
-})({}), R = t(o, {
+})({ width: "100%", minWidth: 0 }), R = t(o, {
   name: "HCRangeSelector",
   slot: "numberRow"
 })({
@@ -17,12 +17,12 @@ const l = (e) => e !== "ownerState", d = t(o, {
 })({
   display: "flex",
   width: "100%"
-}), u = t(n, {
+}), w = t(n, {
   name: "HCRangeSelector",
   slot: "numberInput"
 })(({ theme: e }) => ({
   marginRight: e.spacing(0.25)
-})), w = t(n, {
+})), u = t(n, {
   name: "HCRangeSelector",
   slot: "numberInput"
 })(({ theme: e }) => ({
@@ -47,13 +47,13 @@ const l = (e) => e !== "ownerState", d = t(o, {
   marginRight: e.spacing(0.5),
   minWidth: 50,
   width: 85
-})), H = t(o, {
+})), h = t(o, {
   name: "HCRangeSelector",
   slot: "compositeChild"
 })({
   flex: 1,
   maxWidth: 300
-}), h = t(o, {
+}), H = t(o, {
   name: "HCRangeSelector",
   slot: "dateTrigger"
 })(({ theme: e }) => ({
@@ -110,22 +110,22 @@ const l = (e) => e !== "ownerState", d = t(o, {
   marginLeft: e.spacing(1)
 }));
 export {
-  H as CompositeChild,
+  h as CompositeChild,
   x as CompositeCount,
   S as CompositeRow,
   I as DateLimitCaption,
   y as DatePicker,
   B as DateRangeInput,
-  h as DateTrigger,
+  H as DateTrigger,
   b as DateTriggerArrow,
   D as DateTriggerEditButton,
   T as DateTriggerText,
   N as DateUnitControl,
   L as DateUnitRow,
   f as ModeColumn,
-  w as NumberInputMax,
-  u as NumberInputMin,
+  u as NumberInputMax,
+  w as NumberInputMin,
   C as NumberRangeRow,
   R as NumberRow,
-  d as RangeSelectorRoot
+  p as RangeSelectorRoot
 };

package/dist/components/sortable-list/index.js

@@ -7,11 +7,11 @@ import * as gn from "react";
 import mn from "react";
 import { useSortableListLogic as bn } from "./logic.js";
 import { SortableListRoot as vn, SortableListItem as yn } from "./styled.js";
-import { a as Me, _ as wn } from "../../extends-C3382pL0.js";
+import { a as Me, _ as wn } from "../../objectWithoutPropertiesLoose-DJteAcBH.js";
 import { P as z } from "../../index-CblbdqjE.js";
 import { c as En } from "../../clsx-OuTLNxxd.js";
-import { g as Sn, a as Dn, s as ct, u as _n, c as Cn } from "../../generateUtilityClasses-Cc-owZ4J.js";
-import { T as We } from "../../Typography-D3X-Y5fh.js";
+import { g as Sn, a as Dn, s as ct, u as _n, c as Cn } from "../../styled-Ckq8ALHh.js";
+import { T as We } from "../../Typography-B_LKrxyI.js";
 function xn(n) {
   return Dn("MuiCardHeader", n);
 }

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

@@ -1,41 +1,42 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { DataGrid as d } from "@mui/x-data-grid";
-import { A as n, a as s, d as m } from "../../../../Add-Bk8R160M.js";
-import p from "./property-list-columns.js";
-import c from "./property-list-form.js";
-import u from "./property-list-logic.js";
-import { B as y } from "../../../../TextField-Ca9ykixI.js";
-import { T as h } from "../../../../Typography-D3X-Y5fh.js";
-import { B as f } from "../../../../Button-Cem3nbwc.js";
-import { a as g, b, c as P } from "../../../../dialog-BtJhjyF5.js";
-const T = (t) => {
+import { A as n, d as m } from "../../../../Add-CB4mPrke.js";
+import s from "./property-list-columns.js";
+import p from "./property-list-form.js";
+import c from "./property-list-logic.js";
+import { B as u } from "../../../../TextField-Db63_GNb.js";
+import { T as y } from "../../../../Typography-B_LKrxyI.js";
+import { A as h } from "../../../../Alert-BsT46Tgd.js";
+import { B as f } from "../../../../Button-BMUZn0cT.js";
+import { a as g, b, c as I } from "../../../../dialog-CNxZ7uox.js";
+const v = (e) => {
   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(
+  const { state: r, action: o } = c(e);
+  return /* @__PURE__ */ i(u, { children: [
+    /* @__PURE__ */ t(y, { variant: "h6", marginY: 2, children: "Properties" }),
+    e.list.length > 0 ? /* @__PURE__ */ t(
       d,
       {
-        rows: t.list,
-        columns: p({
-          templateId: t.templateId,
+        rows: e.list,
+        columns: s({
+          templateId: e.templateId,
           onEdit: o.handleOnEditClick,
           onDelete: o.handleOnDeleteClick
         }),
         getRowId: (a) => a.id || a.propertyId,
         autoHeight: !0
       }
-    ) : /* @__PURE__ */ i(n, { severity: "info", children: [
-      /* @__PURE__ */ e(s, { children: "No Property Added!" }),
+    ) : /* @__PURE__ */ i(h, { severity: "info", children: [
+      /* @__PURE__ */ t(n, { children: "No Property Added!" }),
       "Add least one property before save the template!"
     ] }),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ t(
       f,
       {
         color: "primary",
         onClick: o.handleOnAddClick,
         sx: { mt: 2 },
-        startIcon: /* @__PURE__ */ e(m, {}),
+        startIcon: /* @__PURE__ */ t(m, {}),
         children: "Add Property"
       }
     ),
@@ -50,14 +51,15 @@ const T = (t) => {
         maxWidth: "sm",
         scroll: "body",
         children: [
-          /* @__PURE__ */ e(b, { id: "alert-dialog-title", children: r.propertyForm.title }),
-          /* @__PURE__ */ e(P, { className: "pb-30", children: /* @__PURE__ */ e(
-            c,
+          /* @__PURE__ */ t(b, { id: "alert-dialog-title", children: r.propertyForm.title }),
+          /* @__PURE__ */ t(I, { className: "pb-30", children: /* @__PURE__ */ t(
+            p,
             {
-              inputVariant: t.inputVariant,
-              labelPosition: t.labelPosition,
+              inputVariant: e.inputVariant,
+              labelPosition: e.labelPosition,
+              templateId: e.templateId,
               defaultValues: r.propertyForm.defaultValues,
-              disablePropertyId: t.disablePropertyId && r.propertyForm.type === "edit" && !!((l = r.propertyForm.defaultValues) != null && l.id),
+              disablePropertyId: e.disablePropertyId && r.propertyForm.type === "edit" && !!((l = r.propertyForm.defaultValues) != null && l.id),
               onSubmit: o.handleSubmit,
               onCancel: o.dialog.close
             }
@@ -68,5 +70,5 @@ const T = (t) => {
   ] });
 };
 export {
-  T as PropertyList
+  v as PropertyList
 };

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

@@ -1,7 +1,8 @@
-import { jsxs as d, jsx as r, Fragment as s } from "react/jsx-runtime";
-import { I as p, d as u, a as b } from "../../../../Delete-CVJ6FeDn.js";
-import { T as l } from "../../../../Typography-D3X-Y5fh.js";
-const v = (o) => [
+import { jsxs as i, jsx as o, Fragment as p } from "react/jsx-runtime";
+import { d as u, a as w } from "../../../../Delete-ofipLwkd.js";
+import { T as l } from "../../../../Typography-B_LKrxyI.js";
+import { I as s } from "../../../../IconButton-SJfF1cr9.js";
+const y = (d) => [
   { field: "name", headerName: "Name", flex: 1 },
   { field: "propertyId", headerName: "Property ID", flex: 1 },
   {
@@ -11,20 +12,20 @@ const v = (o) => [
     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: [
+      let r = t.value;
+      return e != null && e.datePattern && (r += ` ${e.datePattern}`), e != null && e.coordinateFormat && (r += ` ${e.coordinateFormat}`), e != null && e.enumValues && (r += ` ${e.enumValues.join(",")}`), a && (r += ` ${a}`), /* @__PURE__ */ i("div", { className: "MuiDataGrid-cellContent", title: r, children: [
         t.value,
-        ((n = t.row.dataTypeInfo) == null ? void 0 : n.datePattern) && /* @__PURE__ */ d(l, { variant: "caption", ml: 1, children: [
+        ((n = t.row.dataTypeInfo) == null ? void 0 : n.datePattern) && /* @__PURE__ */ i(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: [
+        ((f = t.row.dataTypeInfo) == null ? void 0 : f.coordinateFormat) && /* @__PURE__ */ i(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 !== null && t.row.defaultValue !== "" && /* @__PURE__ */ i(l, { variant: "caption", ml: 1, children: [
           "(",
           t.row.defaultValue,
           ")"
@@ -38,7 +39,7 @@ const v = (o) => [
     width: 120,
     renderCell: (t) => {
       var e, a;
-      return /* @__PURE__ */ r(
+      return /* @__PURE__ */ o(
         "div",
         {
           className: "MuiDataGrid-cellContent",
@@ -97,28 +98,28 @@ const v = (o) => [
     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,
+      const { inheritedFrom: e } = t.row, a = !!(e != null && e.templateId) && e.templateId !== d.templateId;
+      return /* @__PURE__ */ i(p, { children: [
+        /* @__PURE__ */ o(
+          s,
           {
             size: "medium",
-            onClick: () => o.onEdit(t.row),
-            children: /* @__PURE__ */ r(u, { color: "primary" })
+            onClick: () => d.onEdit(t.row),
+            children: /* @__PURE__ */ o(u, { color: "primary" })
           }
         ),
-        /* @__PURE__ */ r(
-          p,
+        !a && /* @__PURE__ */ o(
+          s,
           {
             size: "medium",
-            onClick: () => o.onDelete(t.row),
-            children: /* @__PURE__ */ r(b, {})
+            onClick: () => d.onDelete(t.row),
+            children: /* @__PURE__ */ o(w, {})
           }
         )
-      ] }) : /* @__PURE__ */ r(s, {});
+      ] });
     }
   }
 ];
 export {
-  v as default
+  y as default
 };