@hybridcore/ui 1.6.24 → 1.6.26

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

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

@@ -1,14 +1,14 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { DataGrid as d } from "@mui/x-data-grid";
-import { A as n, d as m } from "../../../../Add-CB4mPrke.js";
+import { A as n, d as m } from "../../../../Add-eXYPgCCB.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 { B as u } from "../../../../TextField-Cx5T7iJn.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";
+import { A as h } from "../../../../Alert-OoSOUjZM.js";
+import { B as f } from "../../../../Button-gZFgy23t.js";
+import { a as g, b, c as I } from "../../../../dialog-DwmnOp5c.js";
 const v = (e) => {
   var l;
   const { state: r, action: o } = c(e);

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

@@ -1,7 +1,7 @@
 import { jsxs as r, jsx as o, Fragment as c } from "react/jsx-runtime";
-import { d as w, a as b } from "../../../../Delete-ofipLwkd.js";
+import { d as w, a as b } from "../../../../Delete-B8COyxKI.js";
 import { T as d } from "../../../../Typography-B_LKrxyI.js";
-import { I as s } from "../../../../IconButton-SJfF1cr9.js";
+import { I as s } from "../../../../IconButton-CQwROBzr.js";
 const I = (n) => [
   { field: "name", headerName: "Name", flex: 1 },
   { field: "propertyId", headerName: "Property ID", flex: 1 },