@hybridcore/ui 1.6.25 → 1.6.27

package/dist/components/data-list/styled.js

@@ -0,0 +1,260 @@
+import { styled as a, List as u, ButtonBase as L, alpha as g, Typography as l, Box as f } from "@mui/material";
+import { resolvePaletteColor as s } from "../metric-card/helpers.js";
+import { Widget as p } from "../widget/styled.js";
+const e = {
+  shouldForwardProp: (t) => t !== "ownerState"
+}, m = a(p.Root, {
+  name: "HCDataList",
+  slot: "Root",
+  ...e
+})(() => ({
+  overflow: "hidden"
+})), C = a(p.Header, {
+  name: "HCDataList",
+  slot: "Header",
+  ...e
+})(({ theme: t, ownerState: o }) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: t.spacing(2),
+  padding: t.spacing(1.75, 2),
+  // Separates the header from the first row, as the dashboard cards are drawn. Same
+  // rule the rows use between themselves, so the whole card reads as one ruled list.
+  borderBottom: `1px solid ${t.palette.divider}`,
+  // Clears the widget store's floating menu trigger (absolute, top/right 8px) and
+  // the error badge that parks beside it, so neither lands on the header content.
+  ...o.headerGutter && {
+    paddingRight: typeof o.headerGutter == "number" ? o.headerGutter : 44
+  }
+})), y = ({ theme: t }) => ({
+  ...t.typography.body2,
+  color: t.palette.primary.main,
+  fontWeight: 500,
+  background: "none",
+  border: "none",
+  cursor: "pointer",
+  textDecoration: "none",
+  borderRadius: t.shape.borderRadius,
+  padding: t.spacing(0.25, 0.5),
+  flex: "0 0 auto",
+  "&:hover": {
+    textDecoration: "underline"
+  }
+}), H = a("button", {
+  name: "HCDataList",
+  slot: "HeaderAction"
+})(y), I = a("a", {
+  name: "HCDataList",
+  slot: "HeaderAction"
+})(y), w = a(p.Content, {
+  name: "HCDataList",
+  slot: "Content",
+  ...e
+})(() => ({
+  overflow: "hidden"
+})), v = a(u, {
+  name: "HCDataList",
+  slot: "List",
+  ...e
+})(() => ({
+  flex: 1,
+  overflowY: "auto",
+  padding: 0
+})), h = a("li", {
+  name: "HCDataList",
+  slot: "Item",
+  ...e
+})(({ theme: t, ownerState: o }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: t.spacing(1.5),
+  padding: t.spacing(o.dense ? 1 : 1.5, 2),
+  listStyle: "none",
+  ...o.divider && {
+    "& + &": {
+      borderTop: `1px solid ${t.palette.divider}`
+    }
+  }
+})), B = a(L, {
+  name: "HCDataList",
+  slot: "ItemButton"
+})(({ theme: t }) => ({
+  flex: "1 1 auto",
+  minWidth: 0,
+  display: "flex",
+  alignItems: "center",
+  gap: t.spacing(1.5),
+  justifyContent: "flex-start",
+  textAlign: "left",
+  borderRadius: t.shape.borderRadius,
+  padding: t.spacing(0.5),
+  margin: t.spacing(-0.5),
+  "&:hover": {
+    backgroundColor: t.palette.action.hover
+  },
+  "&.Mui-disabled": {
+    opacity: t.palette.action.disabledOpacity
+  }
+})), R = a("span", {
+  name: "HCDataList",
+  slot: "ItemStart",
+  shouldForwardProp: (t) => t !== "ownerState" && t !== "iconColor" && t !== "iconBackground"
+})(({ theme: t, ownerState: o, iconColor: r, iconBackground: d }) => {
+  const i = s(t, r) ?? t.palette.text.secondary, n = {
+    flex: "0 0 auto",
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    color: i
+  };
+  if (o.iconShape === "plain") return n;
+  const c = o.dense ? 32 : 40;
+  return {
+    ...n,
+    width: c,
+    height: c,
+    // The dashboard's alert rows use a solid disc with a light glyph; a state that
+    // sets only `color` gets a tint of that color instead of a hard-coded grey.
+    backgroundColor: s(t, d) ?? g(i, 0.12),
+    borderRadius: o.iconShape === "circle" ? "50%" : t.shape.borderRadius
+  };
+}), M = a("span", {
+  name: "HCDataList",
+  slot: "ItemMain",
+  ...e
+})(() => ({
+  flex: "1 1 auto",
+  minWidth: 0,
+  display: "flex",
+  flexDirection: "column"
+})), k = a(l, {
+  name: "HCDataList",
+  slot: "ItemTitle"
+})(({ theme: t }) => ({
+  ...t.typography.subtitle2,
+  color: t.palette.text.primary,
+  // Rows live in a resizable widget grid with no character limit — clip to one line
+  // so a long title never reflows the row. Full text on hover.
+  whiteSpace: "nowrap",
+  overflow: "hidden",
+  textOverflow: "ellipsis"
+})), P = a(l, {
+  name: "HCDataList",
+  slot: "ItemMeta",
+  ...e
+})(({ theme: t, ownerState: o }) => ({
+  ...t.typography.body2,
+  color: t.palette.text.secondary,
+  marginTop: t.spacing(0.25),
+  ...o.descriptionLines > 0 && {
+    display: "-webkit-box",
+    WebkitBoxOrient: "vertical",
+    WebkitLineClamp: o.descriptionLines,
+    overflow: "hidden"
+  }
+})), T = a("span", {
+  name: "HCDataList",
+  slot: "ItemEnd",
+  ...e
+})(({ theme: t, ownerState: o }) => ({
+  flex: "0 0 auto",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "flex-end",
+  gap: t.spacing(1),
+  // A bar needs room to read as a bar; a badge should only take the width it needs.
+  ...o.endSlot === "progress" && {
+    flex: "0 1 45%",
+    minWidth: 120
+  }
+})), W = a("span", {
+  name: "HCDataList",
+  slot: "Badge",
+  shouldForwardProp: (t) => t !== "badgeColor" && t !== "badgeBackground" && t !== "badgeBorder"
+})(({ theme: t, badgeColor: o, badgeBackground: r, badgeBorder: d }) => {
+  const i = s(t, o) ?? t.palette.text.secondary, n = s(t, d);
+  return {
+    ...t.typography.caption,
+    display: "inline-flex",
+    alignItems: "center",
+    whiteSpace: "nowrap",
+    color: i,
+    // Filled tint by default; an outlined chip is opt-in per state via `borderColor`,
+    // which is how the design's two chip styles differ.
+    backgroundColor: s(t, r) ?? (n ? "transparent" : g(i, 0.12)),
+    border: `1px solid ${n ?? "transparent"}`,
+    borderRadius: 999,
+    padding: t.spacing(0.5, 1.25),
+    fontWeight: 500,
+    lineHeight: 1.2
+  };
+}), S = a(l, {
+  name: "HCDataList",
+  slot: "ItemEnd"
+})(({ theme: t }) => ({
+  ...t.typography.body2,
+  color: t.palette.text.primary,
+  fontWeight: 500,
+  whiteSpace: "nowrap"
+})), j = a(f, {
+  name: "HCDataList",
+  slot: "Empty",
+  ...e
+})(({ theme: t }) => ({
+  flex: 1,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  padding: t.spacing(4, 2),
+  color: t.palette.text.secondary,
+  ...t.typography.body2
+})), A = a("li", {
+  name: "HCDataList",
+  slot: "LoadMore",
+  ...e
+})(({ theme: t }) => ({
+  listStyle: "none",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  minHeight: t.spacing(5),
+  color: t.palette.text.secondary
+})), E = a("div", {
+  name: "HCDataList",
+  slot: "Pagination",
+  ...e
+})(({ theme: t }) => ({
+  flex: "0 0 auto",
+  borderTop: `1px solid ${t.palette.divider}`,
+  ".MuiToolbar-root": {
+    minHeight: 24,
+    paddingLeft: t.spacing(1)
+  },
+  ".MuiTablePagination-actions .MuiButtonBase-root": {
+    padding: t.spacing(0.5)
+  },
+  ".MuiTablePagination-displayedRows": {
+    lineHeight: 1
+  }
+}));
+export {
+  W as DataListBadge,
+  w as DataListContent,
+  j as DataListEmpty,
+  S as DataListEndLabel,
+  C as DataListHeader,
+  H as DataListHeaderActionButton,
+  I as DataListHeaderActionLink,
+  B as DataListItemButton,
+  T as DataListItemEnd,
+  M as DataListItemMain,
+  P as DataListItemMeta,
+  h as DataListItemRow,
+  R as DataListItemStart,
+  k as DataListItemTitle,
+  v as DataListList,
+  A as DataListLoadMore,
+  E as DataListPagination,
+  m as DataListRoot
+};

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-BjnnhDbD.js";
+import { M as c } from "../../MenuItem-BAKBPyZx.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-nL91eUH9.js";
+import { S as n } from "../../Select-B4zhu5G_.js";
 const a = t(e, {
   name: "HCDurationSelect",
   slot: "root"

package/dist/components/instance-form/components/composite-list/index.js

@@ -9,7 +9,7 @@ import "../../../conditional-wrapper/index.js";
 import "../../helpers.js";
 import "../../styled.js";
 import "../TopLabelWrapper.js";
-import { C as b } from "../../../../index-BQ4_OA4b.js";
+import { C as b } from "../../../../index-Dvh8D1yM.js";
 export {
   b as CompositeList
 };

package/dist/components/instance-form/components/variable/index.js

@@ -3,15 +3,16 @@ import "@mui/icons-material";
 import "@mui/material";
 import "dayjs";
 import "lodash";
+import "../../../../utils/ontology.js";
 import "../../../conditional-wrapper/index.js";
 import "../../../date-time-picker/index.js";
 import "../../../geometry-picker/index.js";
 import "../../../phone-input/index.js";
 import "../../helpers.js";
 import "../../styled.js";
-import { V as d } from "../../../../index-BQ4_OA4b.js";
+import { V as g } from "../../../../index-Dvh8D1yM.js";
 import "../composite-matrix/index.js";
 import "../TopLabelWrapper.js";
 export {
-  d as Variable
+  g as Variable
 };

package/dist/components/instance-form/components/variables/index.js

@@ -2,7 +2,7 @@ import { jsx as s, jsxs as v } from "react/jsx-runtime";
 import l from "lodash";
 import x from "react";
 import { VariablesContainer as y, FieldContainer as C } from "../../styled.js";
-import { V as I } from "../../../../index-BQ4_OA4b.js";
+import { V as I } from "../../../../index-Dvh8D1yM.js";
 const P = (d) => {
   const {
     template: n,

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-c6-Buzbq.js";
+import { A as t, a as c, b as i } from "../../AccordionSummary-B6-hHjCC.js";
 const s = (e) => e !== "ownerState", l = a(n, {
   name: "HCInstanceHierarchyTable",
   slot: "root",

package/dist/components/property-mapping/index.js

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as e, Fragment as m } from "react/jsx-runtime";
 import { CloseOutlined as W, ChevronRight as $, ErrorOutline as q, Refresh as J, Check as U } from "@mui/icons-material";
 import { Button as N, IconButton as _, FormControl as O, Select as D, MenuItem as C, Typography as H } from "@mui/material";
 import F from "lodash";
-import { V as G } from "../../index-BQ4_OA4b.js";
+import { V as G } from "../../index-Dvh8D1yM.js";
 import { d as L } from "../../ol-yOE-NV0X.js";
 import { RangeSelector as Q } from "../range-selector/index.js";
 import { usePropertyMappingLogic as X } from "./logic.js";

package/dist/components/status-indicator/logic.js

@@ -1,7 +1,8 @@
-import { useThemeProps as u } from "@mui/material";
-import { a as w, b as k, I as v } from "../../IconTrendingUp-CW4SFYmc.js";
+import { useThemeProps as w } from "@mui/material";
+import { a as g, b as I, I as m } from "../../IconTrendingUp-CW4SFYmc.js";
 import { c as n } from "../../createReactComponent-C7L-DMHj.js";
-import { I } from "../../IconMinus-B6OPYVyo.js";
+import { I as k } from "../../IconMinus-B6OPYVyo.js";
+import { I as v, a as C } from "../../IconCheck-BcUcbvno.js";
 import { I as y } from "../../IconCircle-HcgE1lHy.js";
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
@@ -9,28 +10,21 @@ import { I as y } from "../../IconCircle-HcgE1lHy.js";
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const M = [["path", { d: "M12 9v4", key: "svg-0" }], ["path", { d: "M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636 -2.87l-8.106 -13.536a1.914 1.914 0 0 0 -3.274 0", key: "svg-1" }], ["path", { d: "M12 16h.01", key: "svg-2" }]], m = n("outline", "alert-triangle", "AlertTriangle", M);
+const M = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M18 13l-6 6", key: "svg-1" }], ["path", { d: "M6 13l6 6", key: "svg-2" }]], _ = n("outline", "arrow-down", "ArrowDown", M);
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const C = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M18 13l-6 6", key: "svg-1" }], ["path", { d: "M6 13l6 6", key: "svg-2" }]], _ = n("outline", "arrow-down", "ArrowDown", C);
+const $ = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M18 11l-6 -6", key: "svg-1" }], ["path", { d: "M6 11l6 -6", key: "svg-2" }]], f = n("outline", "arrow-up", "ArrowUp", $);
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $ = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M18 11l-6 -6", key: "svg-1" }], ["path", { d: "M6 11l6 -6", key: "svg-2" }]], N = n("outline", "arrow-up", "ArrowUp", $);
-/**
- * @license @tabler/icons-react v3.44.0 - MIT
- *
- * This source code is licensed under the MIT license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const b = [["path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0", key: "svg-0" }], ["path", { d: "M5.7 5.7l12.6 12.6", key: "svg-1" }]], f = n("outline", "ban", "Ban", b);
+const b = [["path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0", key: "svg-0" }], ["path", { d: "M5.7 5.7l12.6 12.6", key: "svg-1" }]], N = n("outline", "ban", "Ban", b);
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
  *
@@ -44,42 +38,35 @@ const A = [["path", { d: "M6 10l6 6l6 -6h-12", key: "svg-0" }]], D = n("outline"
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const L = [["path", { d: "M18 14l-6 -6l-6 6h12", key: "svg-0" }]], T = n("outline", "caret-up", "CaretUp", L);
-/**
- * @license @tabler/icons-react v3.44.0 - MIT
- *
- * This source code is licensed under the MIT license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const U = [["path", { d: "M5 12l5 5l10 -10", key: "svg-0" }]], B = n("outline", "check", "Check", U);
+const L = [["path", { d: "M18 14l-6 -6l-6 6h12", key: "svg-0" }]], U = n("outline", "caret-up", "CaretUp", L);
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const H = [["path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0", key: "svg-0" }], ["path", { d: "M12 16v.01", key: "svg-1" }], ["path", { d: "M12 13a2 2 0 0 0 .914 -3.782a1.98 1.98 0 0 0 -2.414 .483", key: "svg-2" }]], R = n("outline", "help-circle", "HelpCircle", H), x = {
-  "trending-up": w,
-  "trending-down": k,
-  "arrow-right": v,
-  "arrow-up": N,
+const T = [["path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0", key: "svg-0" }], ["path", { d: "M12 16v.01", key: "svg-1" }], ["path", { d: "M12 13a2 2 0 0 0 .914 -3.782a1.98 1.98 0 0 0 -2.414 .483", key: "svg-2" }]], B = n("outline", "help-circle", "HelpCircle", T), H = {
+  "trending-up": g,
+  "trending-down": I,
+  "arrow-right": m,
+  "arrow-up": f,
   "arrow-down": _,
-  "caret-up": T,
+  "caret-up": U,
   "caret-down": D,
-  minus: I,
-  ban: f,
-  help: R,
-  check: B,
-  alert: m,
+  minus: k,
+  ban: N,
+  help: B,
+  check: v,
+  alert: C,
   circle: y
-}, z = (p) => {
-  const t = u({ props: p, name: "HCStatusIndicator" }), {
-    value: e,
-    states: d = [],
+}, q = (p) => {
+  const t = w({ props: p, name: "HCStatusIndicator" }), {
+    value: r,
+    states: i = [],
     variant: c = "prominent",
     showIcon: s = !0,
     emptyLabel: a = "—"
-  } = t, r = e != null && `${e}`.trim() !== "", o = r ? d.find((g) => `${g.value}`.toLowerCase() === `${e}`.toLowerCase()) : void 0, l = (o == null ? void 0 : o.label) ?? (r ? `${e}` : a), i = s && (o != null && o.icon) ? x[o.icon] : void 0, h = {
+  } = t, e = r != null && `${r}`.trim() !== "", o = e ? i.find((h) => `${h.value}`.toLowerCase() === `${r}`.toLowerCase()) : void 0, l = (o == null ? void 0 : o.label) ?? (e ? `${r}` : a), d = s && (o != null && o.icon) ? H[o.icon] : void 0, u = {
     ...t,
     variant: c,
     showIcon: s,
@@ -87,19 +74,19 @@ const H = [["path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0", key: "svg-0" }]
     activeLabel: l,
     resolvedColor: o == null ? void 0 : o.color,
     resolvedBackgroundColor: o == null ? void 0 : o.backgroundColor,
-    hasValue: r
+    hasValue: e
   };
   return {
     refs: {},
     state: {
-      ownerState: h,
+      ownerState: u,
       variant: c,
       activeLabel: l,
-      Icon: i
+      Icon: d
     },
     actions: {}
   };
 };
 export {
-  z as useStatusIndicatorLogic
+  q as useStatusIndicatorLogic
 };

package/dist/components/template-form/components/default-value-input/index.js

@@ -0,0 +1,120 @@
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import { DateTimePicker as I } from "../../../date-time-picker/index.js";
+import { PhoneInput as B } from "../../../phone-input/index.js";
+import { useDefaultValueInputLogic as D } from "./logic.js";
+import { F as E, a as L, B as b, T as c } from "../../../../TextField-Cx5T7iJn.js";
+import { I as P } from "../../../../InputLabel-jPm6Xuco.js";
+import { S as A } from "../../../../Select-B4zhu5G_.js";
+import { M as u } from "../../../../MenuItem-BAKBPyZx.js";
+import { B as S } from "../../../../Button-gZFgy23t.js";
+const o = "Default Value", C = "No default", H = (x) => {
+  const { state: d, actions: n } = D(x), {
+    editor: a,
+    value: t,
+    booleanValue: V,
+    enumOptions: p,
+    inputVariant: s,
+    labelPosition: T,
+    disabled: f,
+    helperText: v
+  } = d, r = T === "default", m = {
+    label: r ? o : void 0,
+    name: "defaultValue",
+    variant: s,
+    disabled: f,
+    fullWidth: !0,
+    sx: { mb: 2 },
+    helperText: v
+  };
+  if (a === "boolean" || a === "enum") {
+    const i = a === "enum", g = i && p.length === 0, F = (l) => l ? i ? l : l === "true" ? "True" : "False" : C;
+    return /* @__PURE__ */ h(
+      E,
+      {
+        fullWidth: !0,
+        variant: s,
+        sx: { mb: 2 },
+        disabled: f || g,
+        children: [
+          r && /* @__PURE__ */ e(P, { id: "default-value-select-label", children: o }),
+          /* @__PURE__ */ h(
+            A,
+            {
+              label: r ? o : void 0,
+              name: "defaultValue",
+              labelId: "default-value-select-label",
+              id: "default-value-select",
+              value: i ? t : V,
+              displayEmpty: !r,
+              renderValue: r ? void 0 : (l) => F(l),
+              onChange: n.handleSelectChange,
+              children: [
+                /* @__PURE__ */ e(u, { value: "", children: C }),
+                i ? p.map((l) => /* @__PURE__ */ e(u, { value: l, children: l }, l)) : [
+                  /* @__PURE__ */ e(u, { value: "true", children: "True" }, "true"),
+                  /* @__PURE__ */ e(u, { value: "false", children: "False" }, "false")
+                ]
+              ]
+            }
+          ),
+          g && /* @__PURE__ */ e(L, { children: "Add the enum values above to pick a default." })
+        ]
+      }
+    );
+  }
+  return a === "date" ? /* @__PURE__ */ h(b, { sx: { mb: 2 }, children: [
+    /* @__PURE__ */ e(
+      I,
+      {
+        label: r ? o : void 0,
+        labelPosition: r ? "default" : "top",
+        name: "defaultValue",
+        value: t || void 0,
+        variant: s,
+        size: "medium",
+        onChange: n.handleValueChange
+      },
+      t ? "date-set" : "date-empty"
+    ),
+    !!t && /* @__PURE__ */ e(S, { size: "small", onClick: n.handleClear, sx: { mt: 0.5 }, children: "Clear" })
+  ] }) : a === "integer" || a === "decimal" ? /* @__PURE__ */ e(
+    c,
+    {
+      ...m,
+      value: t,
+      onChange: a === "integer" ? n.handleIntegerChange : n.handleDecimalChange,
+      inputProps: {
+        inputMode: a === "integer" ? "numeric" : "decimal"
+      }
+    }
+  ) : a === "phone" ? /* @__PURE__ */ e(b, { sx: { mb: 2 }, children: /* @__PURE__ */ e(
+    B,
+    {
+      label: r ? o : void 0,
+      placeholder: "Enter phone number",
+      value: t,
+      onChange: n.handleValueChange
+    }
+  ) }) : a === "list" ? /* @__PURE__ */ e(
+    c,
+    {
+      ...m,
+      value: t,
+      onChange: n.handleTextChange,
+      helperText: v ?? "Add list values with the comma (,) separated string"
+    }
+  ) : /* @__PURE__ */ e(
+    c,
+    {
+      ...m,
+      value: t,
+      onChange: n.handleTextChange,
+      multiline: a === "multiline",
+      minRows: a === "multiline" ? 2 : void 0,
+      placeholder: d.coordinateFormat ? `e.g. ${d.coordinateFormat}` : void 0
+    }
+  );
+};
+export {
+  H as DefaultValueInput
+};

package/dist/components/template-form/components/default-value-input/logic.js

@@ -0,0 +1,76 @@
+import V from "react";
+import { toBooleanText as v } from "../../../../utils/ontology.js";
+const f = {
+  boolean: "boolean",
+  enum: "enum",
+  date: "date",
+  integer: "integer",
+  long: "integer",
+  byte: "integer",
+  double: "decimal",
+  decimal: "decimal",
+  list: "list",
+  "phone-number": "phone",
+  text: "multiline"
+}, D = (e) => {
+  const n = e.trimStart().startsWith("-"), t = e.replace(/[^\d]/g, "");
+  return n ? `-${t}` : t;
+}, E = (e) => {
+  const n = e.trimStart().startsWith("-"), [t, ...a] = e.replace(/,/g, ".").replace(/[^\d.]/g, "").split("."), r = a.length > 0 ? `${t}.${a.join("")}` : t;
+  return n ? `-${r}` : r;
+}, _ = (e, n) => {
+  var r;
+  const a = ((e == null ? void 0 : e.enumValues) ?? ((r = e == null ? void 0 : e.innerType) == null ? void 0 : r.enumValues) ?? []).map((i) => i.trim()).filter((i) => i.length > 0);
+  return n && !a.includes(n) ? [...a, n] : a;
+}, S = (e) => {
+  var u;
+  const {
+    property: n,
+    value: t,
+    inputVariant: a = "outlined",
+    labelPosition: r = "default",
+    disabled: i = !1,
+    helperText: g,
+    onChange: l
+  } = e, s = f[n.type] ?? "text", d = _(n.dataTypeInfo, t), c = s === "boolean" ? v(t) : "";
+  V.useEffect(() => {
+    s !== "boolean" || t === c || l(c);
+  }, [s, t, c, l]);
+  const m = (o) => {
+    l(o.target.value);
+  }, h = (o) => {
+    l(D(o.target.value));
+  }, p = (o) => {
+    l(E(o.target.value));
+  }, b = (o) => {
+    l(o.target.value);
+  }, C = (o) => {
+    l(o);
+  }, x = () => {
+    l("");
+  };
+  return {
+    state: {
+      editor: s,
+      value: t,
+      booleanValue: c,
+      enumOptions: d,
+      inputVariant: a,
+      labelPosition: r,
+      disabled: i,
+      helperText: g,
+      coordinateFormat: (u = n.dataTypeInfo) == null ? void 0 : u.coordinateFormat
+    },
+    actions: {
+      handleTextChange: m,
+      handleIntegerChange: h,
+      handleDecimalChange: p,
+      handleSelectChange: b,
+      handleValueChange: C,
+      handleClear: x
+    }
+  };
+};
+export {
+  S as useDefaultValueInputLogic
+};