@hybridcore/ui 1.6.18 → 1.6.20

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

@@ -1,8 +1,8 @@
-import { styled as o, Box as n, FormLabel as i, Button as r, FormControl as a, InputLabel as c, Input as m, OutlinedInput as l, FilledInput as s, InputAdornment as d, IconButton as p, Dialog as y, DialogTitle as k, DialogContent as u } from "@mui/material";
-const G = (e) => e !== "ownerState", g = o(n, {
+import { styled as o, Box as n, FormLabel as a, Button as r, FormControl as c, InputLabel as m, Input as l, OutlinedInput as s, FilledInput as d, InputAdornment as p, IconButton as y, Dialog as k, DialogTitle as g, DialogContent as u } from "@mui/material";
+const i = (e) => e !== "ownerState", G = o(n, {
   name: "HCGeometryPicker",
   slot: "root"
-})({}), C = o(i, {
+})({}), C = o(a, {
   name: "HCGeometryPicker",
   slot: "topLabel"
 })(({ theme: e }) => ({
@@ -10,25 +10,46 @@ const G = (e) => e !== "ownerState", g = o(n, {
   marginBottom: e.spacing(0.5)
 })), b = o(n, {
   name: "HCGeometryPicker",
-  slot: "container"
+  slot: "header"
 })(({ theme: e }) => ({
-  position: "relative",
-  paddingTop: e.spacing(1),
-  width: "100%"
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: e.spacing(1),
+  marginBottom: e.spacing(0.5),
+  minHeight: 28,
+  "& > .MuiFormLabel-root": {
+    marginBottom: 0
+  }
 })), H = o(n, {
+  name: "HCGeometryPicker",
+  slot: "container",
+  shouldForwardProp: i
+})(({ ownerState: e, theme: t }) => ({
+  position: "relative",
+  width: "100%",
+  paddingTop: e.labelPosition === "top" ? 0 : t.spacing(1)
+})), f = o(n, {
   name: "HCGeometryPicker",
   slot: "actions",
-  shouldForwardProp: G
+  shouldForwardProp: i
 })(({ ownerState: e, theme: t }) => ({
-  position: "absolute",
-  top: 0,
-  right: 0,
-  zIndex: 9,
-  ...e.variant === "outlined" && {
-    padding: t.spacing(0.25),
-    top: t.spacing(-0.75),
-    right: t.spacing(1),
-    background: t.palette.background.default
+  display: "flex",
+  alignItems: "center",
+  ...e.labelPosition === "top" ? {
+    flexWrap: "wrap",
+    justifyContent: "flex-end"
+  } : {
+    position: "absolute",
+    top: 0,
+    right: 0,
+    zIndex: 9,
+    ...e.variant === "outlined" && {
+      padding: t.spacing(0.25),
+      top: t.spacing(-0.75),
+      right: t.spacing(1),
+      background: t.palette.background.default
+    }
   }
 })), I = o(r, {
   name: "HCGeometryPicker",
@@ -53,31 +74,31 @@ const G = (e) => e !== "ownerState", g = o(n, {
       boxShadow: e.shadows[1]
     }
   }
-})), B = o(a, {
+})), x = o(c, {
   name: "HCGeometryPicker",
   slot: "formControl"
-})({}), f = o(c, {
+})({}), B = o(m, {
   name: "HCGeometryPicker",
   slot: "inputLabel"
-})({}), x = o(m, {
+})({}), h = o(l, {
   name: "HCGeometryPicker",
   slot: "input"
-})({}), S = o(l, {
+})({}), w = o(s, {
   name: "HCGeometryPicker",
   slot: "input"
-})({}), T = o(s, {
+})({}), L = o(d, {
   name: "HCGeometryPicker",
   slot: "input"
-})({}), h = o(d, {
+})({}), T = o(p, {
   name: "HCGeometryPicker",
   slot: "endAdornment"
-})({}), w = o(p, {
+})({}), A = o(y, {
   name: "HCGeometryPicker",
   slot: "endAdornmentButton"
-})({}), A = o(y, {
+})({}), F = o(k, {
   name: "HCGeometryPicker",
   slot: "dialog"
-})({}), L = o(k, {
+})({}), S = o(g, {
   name: "HCGeometryPicker",
   slot: "dialogTitle"
 })({}), v = o(u, {
@@ -89,7 +110,7 @@ const G = (e) => e !== "ownerState", g = o(n, {
 })(({ theme: e }) => ({
   textTransform: "none",
   marginTop: e.spacing(1)
-})), F = o(n, {
+})), M = o(n, {
   name: "HCGeometryPicker",
   slot: "geometryMapOverlay"
 })(({ theme: e }) => ({
@@ -97,20 +118,21 @@ const G = (e) => e !== "ownerState", g = o(n, {
 }));
 export {
   I as GeometryPickerActionButton,
-  H as GeometryPickerActions,
-  b as GeometryPickerContainer,
+  f as GeometryPickerActions,
+  H as GeometryPickerContainer,
   D as GeometryPickerCoordinateSubmit,
-  A as GeometryPickerDialog,
+  F as GeometryPickerDialog,
   v as GeometryPickerDialogContent,
-  L as GeometryPickerDialogTitle,
-  h as GeometryPickerEndAdornment,
-  w as GeometryPickerEndAdornmentButton,
-  B as GeometryPickerFormControl,
-  F as GeometryPickerGeometryMapOverlay,
-  T as GeometryPickerInputFilled,
-  f as GeometryPickerInputLabel,
-  S as GeometryPickerInputOutlined,
-  x as GeometryPickerInputStandard,
-  g as GeometryPickerRoot,
+  S as GeometryPickerDialogTitle,
+  T as GeometryPickerEndAdornment,
+  A as GeometryPickerEndAdornmentButton,
+  x as GeometryPickerFormControl,
+  M as GeometryPickerGeometryMapOverlay,
+  b as GeometryPickerHeader,
+  L as GeometryPickerInputFilled,
+  B as GeometryPickerInputLabel,
+  w as GeometryPickerInputOutlined,
+  h as GeometryPickerInputStandard,
+  G as GeometryPickerRoot,
   C as GeometryPickerTopLabel
 };

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/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
 };