@hybridcore/ui 1.3.6 → 1.4.0

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

@@ -0,0 +1,86 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { Box as n, TextField as d, FormControl as L, InputLabel as V, Select as v, MenuItem as c } from "@mui/material";
+import { useState as h } from "react";
+import y from "lodash";
+function z({ value: t, onChange: i }) {
+  const [u, p] = h(
+    "discreteList" in t && t.discreteList.length > 0 ? "list" : "range"
+  ), [x, f] = h(
+    "discreteList" in t ? t.discreteList.join(",") : ""
+  ), b = (l) => {
+    p(l.target.value), l.target.value === "list" ? i({ discreteList: [] }) : i({ minValue: "", maxValue: "" });
+  }, g = (l) => {
+    const a = l.target.value, r = y.trimEnd(a, ",").split(",").filter((m) => m).map((m) => Number(m.trimStart()));
+    f(a), i({
+      discreteList: r
+    });
+  }, o = (l) => {
+    const { name: a, value: r } = l.target;
+    i({
+      ...t,
+      [a]: Number(r)
+    });
+  };
+  return /* @__PURE__ */ s(n, { display: "flex", width: "100%", children: [
+    /* @__PURE__ */ e(n, { flex: 2, children: u === "list" ? /* @__PURE__ */ e(
+      d,
+      {
+        size: "small",
+        fullWidth: !0,
+        value: x,
+        onChange: g,
+        inputProps: {
+          placeholder: "Comma separated number list"
+        },
+        title: "Add list values with the comma (,) separated numbers"
+      }
+    ) : /* @__PURE__ */ s(n, { display: "flex", width: "100%", children: [
+      /* @__PURE__ */ e(
+        d,
+        {
+          name: "minValue",
+          label: "Min",
+          type: "number",
+          size: "small",
+          fullWidth: !0,
+          sx: { mr: 0.25 },
+          value: t.minValue,
+          onChange: o
+        }
+      ),
+      /* @__PURE__ */ e(
+        d,
+        {
+          name: "maxValue",
+          label: "Max",
+          type: "number",
+          size: "small",
+          fullWidth: !0,
+          sx: { ml: 0.25 },
+          value: t.maxValue,
+          onChange: o
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ e(n, { flex: 1, ml: 0.5, children: /* @__PURE__ */ s(L, { fullWidth: !0, size: "small", children: [
+      /* @__PURE__ */ e(V, { id: "mode-label", children: "Input Type" }),
+      /* @__PURE__ */ s(
+        v,
+        {
+          labelId: "mode-label",
+          id: "mode",
+          value: u,
+          label: "Input Type",
+          onChange: b,
+          children: [
+            /* @__PURE__ */ e(c, { value: "range", children: "Range" }),
+            /* @__PURE__ */ e(c, { value: "list", children: "Discrete List" })
+          ]
+        }
+      )
+    ] }) })
+  ] });
+}
+export {
+  z as default
+};

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

@@ -0,0 +1,31 @@
+import { jsx as m } from "react/jsx-runtime";
+import { TextField as u } from "@mui/material";
+import { useState as d } from "react";
+import p from "lodash";
+function x({ value: i, onChange: a }) {
+  var e;
+  const [l, r] = d(
+    ((e = i.listOfPossibleValues) == null ? void 0 : e.join(",")) || ""
+  );
+  return /* @__PURE__ */ m(
+    u,
+    {
+      size: "small",
+      fullWidth: !0,
+      value: l,
+      onChange: (o) => {
+        const s = o.target.value, n = p.trimEnd(s, ",").split(",").filter((t) => t).map((t) => t.trimStart());
+        r(s), a({
+          listOfPossibleValues: n
+        });
+      },
+      inputProps: {
+        placeholder: "Add list values with the comma (,) separated string"
+      },
+      title: "Add list values with the comma (,) separated string"
+    }
+  );
+}
+export {
+  x as default
+};

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

@@ -0,0 +1,59 @@
+import { jsx as t, Fragment as a } from "react/jsx-runtime";
+import n from "lodash";
+import f from "./components/composite-list-range/index.js";
+import { D as g } from "../../index-C1fczHEW.js";
+import u from "./components/geometry-range/index.js";
+import l from "./components/number-range/index.js";
+import s from "./components/string-range/index.js";
+const V = ({
+  type: r,
+  value: e,
+  mapboxAccessToken: o,
+  onChange: i,
+  ...m
+}) => r === "byte" || r === "double" || r === "integer" || r === "long" ? /* @__PURE__ */ t(
+  l,
+  {
+    value: e || { minValue: "", maxValue: "" },
+    onChange: i
+  }
+) : r === "string" || r === "text" ? /* @__PURE__ */ t(
+  s,
+  {
+    value: e || { listOfPossibleValues: [] },
+    onChange: i
+  }
+) : r === "geometry" ? /* @__PURE__ */ t(
+  u,
+  {
+    value: e || { geometryArea: "" },
+    mapboxAccessToken: o,
+    onChange: i
+  }
+) : r === "date" ? /* @__PURE__ */ t(
+  g,
+  {
+    value: e || {
+      startDate: n.get(m, "minDate", ""),
+      timeUnit: "MINUTE",
+      endRange: 0,
+      startRange: 0,
+      limitForScenarioTimeRange: !1
+    },
+    onChange: i,
+    ...m
+  }
+) : r === "composite-list" ? /* @__PURE__ */ t(
+  f,
+  {
+    value: e || {
+      count: ""
+    },
+    mapboxAccessToken: o,
+    onChange: i,
+    ...m
+  }
+) : /* @__PURE__ */ t(a, {});
+export {
+  V as RangeSelector
+};

package/dist/components/search-input/index.js

@@ -2,10 +2,10 @@ import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import k, { useState as O } from "react";
 import { Close as m, Search as u } from "@mui/icons-material";
 import { FilledInput as b, Input as R } from "@mui/material";
-import { F as _, I as j } from "../../FormControl-BMRUQKHh.js";
-import { O as v } from "../../OutlinedInput-w2Cj9STF.js";
-import { I as g } from "../../InputAdornment-B8ERE7Zv.js";
-import { I as t } from "../../IconButton-D8bwME9t.js";
+import { F as _, I as j } from "../../InputLabel-CWkW8NtU.js";
+import { O as v } from "../../OutlinedInput-DkIUD30e.js";
+import { I as g } from "../../InputAdornment-CZUPEeia.js";
+import { I as t } from "../../IconButton-BaiyAtmS.js";
 const z = ({
   defaultValue: x = "",
   label: I = "Search",

package/dist/components/tabs/appleTabs.style.js

@@ -0,0 +1,55 @@
+import { styled as t, Tabs as a, Tab as i } from "@mui/material";
+const e = t(a)(({ theme: o }) => ({
+  backgroundColor: o.palette.mode === "light" ? "#DADADA" : o.palette.divider,
+  borderRadius: 13,
+  minHeight: 34,
+  boxShadow: o.shadows[4],
+  "& .MuiTabs-flexContainer": {
+    display: "inline-flex",
+    position: "relative",
+    zIndex: 1
+  },
+  "& .MuiTabs-scroller": {
+    [o.breakpoints.up("md")]: {
+      padding: "0 0px"
+    }
+  },
+  "& .MuiTabs-indicator": {
+    top: 3,
+    bottom: 3,
+    right: 3,
+    height: "auto",
+    background: "none",
+    "&:after": {
+      content: '""',
+      display: "block",
+      position: "absolute",
+      top: 0,
+      left: 4,
+      right: 4,
+      bottom: 0,
+      borderRadius: 11,
+      backgroundColor: o.palette.mode === "light" ? "#fff" : o.palette.action.selected,
+      boxShadow: o.shadows[3]
+    }
+  }
+})), r = t(i)(({ theme: o }) => ({
+  minHeight: 30,
+  minWidth: "auto",
+  padding: "8px 14.2px",
+  textTransform: "none",
+  color: o.palette.mode === "light" ? "#919191" : o.palette.text.primary,
+  "&:hover": {
+    opacity: 1
+  },
+  "&.Mui-selected": {
+    // padding: '8px 22px',
+    color: o.palette.text.primary
+  }
+})), l = {
+  Tabs: e,
+  Item: r
+};
+export {
+  l as default
+};

package/dist/components/tabs/index.js

@@ -0,0 +1,93 @@
+import { jsxs as f, Fragment as u, jsx as n } from "react/jsx-runtime";
+import P 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 { T as C } from "../../Tabs-BzelDJKy.js";
+function b(i) {
+  return {
+    id: `simple-tab-${i}`,
+    "aria-controls": `simple-tabpanel-${i}`
+  };
+}
+function z({
+  defaultActive: i = 0,
+  tabContents: e,
+  styleVariant: h,
+  tabPanelStyle: p,
+  onChange: t,
+  ...l
+}) {
+  const [g, m] = P.useState(i), r = t !== void 0 ? i : 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,
+      {
+        label: /* @__PURE__ */ n(
+          s,
+          {
+            badgeContent: o.badgeContent,
+            color: o.badgeColor ?? "primary",
+            sx: {
+              "& .MuiBadge-badge": {
+                right: -7,
+                fontSize: 10,
+                width: 14,
+                height: 14,
+                minWidth: 14
+              }
+            },
+            children: o.label
+          }
+        ),
+        icon: o.icon,
+        iconPosition: o.iconPosition,
+        ...b(a)
+      },
+      a
+    )) }) : /* @__PURE__ */ n(C, { value: r, onChange: c, ...l, children: e.map((o, a) => /* @__PURE__ */ n(
+      T,
+      {
+        label: /* @__PURE__ */ n(
+          s,
+          {
+            badgeContent: o.badgeContent,
+            color: o.badgeColor ?? "primary",
+            sx: {
+              "& .MuiBadge-badge": {
+                right: -7,
+                fontSize: 10,
+                width: 14,
+                height: 14,
+                minWidth: 14
+              }
+            },
+            children: o.label
+          }
+        ),
+        icon: o.icon,
+        iconPosition: o.iconPosition,
+        ...b(a)
+      },
+      a
+    )) }),
+    e.map((o, a) => {
+      if (o.content)
+        return /* @__PURE__ */ n(
+          v,
+          {
+            value: r,
+            index: a,
+            style: p,
+            children: o.content
+          },
+          a
+        );
+    })
+  ] });
+}
+export {
+  z as default
+};

package/dist/components/tabs/tab-panel.js

@@ -0,0 +1,18 @@
+import { jsx as r } from "react/jsx-runtime";
+function d(l) {
+  const { children: i, value: a, index: e, ...n } = l;
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      role: "tabpanel",
+      hidden: a !== e,
+      id: `simple-tabpanel-${e}`,
+      "aria-labelledby": `simple-tab-${e}`,
+      ...n,
+      children: a === e && i
+    }
+  );
+}
+export {
+  d as default
+};

package/dist/components/template-form/components/catalogue-instance-selector/index.js

@@ -0,0 +1,158 @@
+import { jsxs as i, Fragment as y, jsx as e } from "react/jsx-runtime";
+import { Box as t, TextField as I, InputAdornment as S, Button as a, Dialog as k, DialogTitle as w, Typography as s, IconButton as T, DialogContent as j, DialogActions as D } from "@mui/material";
+import { CloseOutlined as A } from "@mui/icons-material";
+import B from "../../../../hooks/useToggle.js";
+import { SearchInput as M } from "../../../search-input/index.js";
+import { InstanceHierarchyTable as O } from "../../../instance-hierarchy-table/index.js";
+import { PropertyMapping as P } from "../../../property-mapping/index.js";
+const R = ({
+  inputVariant: r,
+  templates: p,
+  data: c,
+  onSelect: h,
+  onSearchSubmit: m,
+  openMapping: u,
+  mappingData: g,
+  objectTemplate: f,
+  selectedInstances: l = [],
+  mapboxAccessToken: x,
+  onMappingSubmit: C,
+  onMappingOpen: d,
+  onMappingClose: b
+}) => {
+  const o = B(!1), v = (n) => {
+    o.action.close(), d(n);
+  };
+  return /* @__PURE__ */ i(y, { children: [
+    /* @__PURE__ */ e(t, { mb: 2, position: "relative", children: /* @__PURE__ */ e(
+      I,
+      {
+        label: "Catalogue Instance(s)",
+        variant: r,
+        fullWidth: !0,
+        InputProps: {
+          readOnly: !0,
+          endAdornment: /* @__PURE__ */ e(S, { position: "end", children: /* @__PURE__ */ e(
+            a,
+            {
+              variant: "contained",
+              size: "small",
+              onClick: d,
+              children: "Edit Mapping"
+            }
+          ) })
+        },
+        value: l.map((n) => n.title).join(", "),
+        onClick: o.action.open
+      }
+    ) }),
+    /* @__PURE__ */ i(
+      k,
+      {
+        open: o.state.isOpen,
+        fullWidth: !0,
+        maxWidth: "lg",
+        onClose: o.action.close,
+        children: [
+          /* @__PURE__ */ i(
+            w,
+            {
+              component: "div",
+              lineHeight: 1,
+              display: "flex",
+              justifyContent: "space-between",
+              children: [
+                /* @__PURE__ */ i(t, { flex: 1, children: [
+                  /* @__PURE__ */ e(s, { variant: "h6", children: "Catalogue Instance" }),
+                  /* @__PURE__ */ e(s, { variant: "caption", children: "Search and select catalogue instance(s)" })
+                ] }),
+                /* @__PURE__ */ i(
+                  t,
+                  {
+                    flex: 1,
+                    flexGrow: 1,
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "flex-end",
+                    children: [
+                      /* @__PURE__ */ e(
+                        M,
+                        {
+                          variant: r,
+                          sx: { width: 300 },
+                          onSubmit: m
+                        }
+                      ),
+                      /* @__PURE__ */ e(
+                        T,
+                        {
+                          onClick: o.action.close,
+                          sx: { ml: 2 },
+                          children: /* @__PURE__ */ e(A, {})
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(
+            t,
+            {
+              boxShadow: (n) => n.shadows[1],
+              mt: 0.1,
+              overflow: "hidden",
+              borderRadius: 1,
+              children: c && /* @__PURE__ */ e(
+                O,
+                {
+                  data: c,
+                  templates: p,
+                  enableCheckboxSelection: !0,
+                  selectedIds: l.map((n) => n.id),
+                  onSelect: h
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ i(D, { children: [
+            /* @__PURE__ */ e(
+              a,
+              {
+                color: "inherit",
+                variant: "contained",
+                onClick: o.action.close,
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ e(
+              a,
+              {
+                color: "primary",
+                variant: "contained",
+                disabled: l.length === 0,
+                onClick: v,
+                children: "Property Mapping"
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      P,
+      {
+        data: g,
+        objectTemplate: f,
+        mapboxAccessToken: x,
+        onSubmit: C,
+        open: u,
+        onClose: b
+      }
+    )
+  ] });
+};
+export {
+  R as CatalogueInstanceSelector
+};

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

@@ -0,0 +1,72 @@
+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-eepk2WTM.js";
+import p from "./property-list-columns.js";
+import { a as c } from "../../../../property-list-form-BfP9gzSo.js";
+import u from "./property-list-logic.js";
+import { B as f } from "../../../../Box-BPyg-Ybm.js";
+import { T as y } from "../../../../Typography-Bm7PFqUT.js";
+import { B as h } from "../../../../Button-DLwB_sKd.js";
+import { D as g, a as b } from "../../../../DialogContent-CxOSq6h9.js";
+import { D } from "../../../../dialog-v5-nL5yy.js";
+function v(t) {
+  var a;
+  const { state: o, action: r } = u(t);
+  return /* @__PURE__ */ i(f, { children: [
+    /* @__PURE__ */ e(y, { variant: "h6", marginY: 2, children: "Properties" }),
+    t.list.length > 0 ? /* @__PURE__ */ e(
+      d,
+      {
+        rows: t.list,
+        columns: p({
+          templateId: t.templateId,
+          onEdit: r.handleOnEditClick,
+          onDelete: r.handleOnDeleteClick
+        }),
+        getRowId: (l) => l.id || l.propertyId,
+        autoHeight: !0
+      }
+    ) : /* @__PURE__ */ i(n, { severity: "info", children: [
+      /* @__PURE__ */ e(m, { children: "No Property Added!" }),
+      "Add least one property before save the template!"
+    ] }),
+    /* @__PURE__ */ e(
+      h,
+      {
+        color: "primary",
+        onClick: r.handleOnAddClick,
+        sx: { mt: 2 },
+        startIcon: /* @__PURE__ */ e(s, {}),
+        children: "Add Property"
+      }
+    ),
+    /* @__PURE__ */ i(
+      g,
+      {
+        open: o.dialog.isOpen,
+        onClose: r.dialog.close,
+        "aria-labelledby": "alert-dialog-title",
+        "aria-describedby": "alert-dialog-description",
+        fullWidth: !0,
+        maxWidth: "sm",
+        scroll: "body",
+        children: [
+          /* @__PURE__ */ e(D, { id: "alert-dialog-title", children: o.propertyForm.title }),
+          /* @__PURE__ */ e(b, { className: "pb-30", children: /* @__PURE__ */ e(
+            c,
+            {
+              inputVariant: t.inputVariant,
+              defaultValues: o.propertyForm.defaultValues,
+              disablePropertyId: t.disablePropertyId && o.propertyForm.type === "edit" && !!((a = o.propertyForm.defaultValues) != null && a.id),
+              onSubmit: r.handleSubmit,
+              onCancel: r.dialog.close
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  v as default
+};