@hortiview/shared-components 0.0.6927 → 0.0.7018

package/dist/components/FormComponents/FormDatePicker/FormDatePicker.test.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as s, s as a, f as m } from "../../../react.esm-DoZanrUz.js";
+import { a as s, s as a, f as m } from "../../../react.esm-C3jDj5Fe.js";
 import { FormDatePicker as c } from "./FormDatePicker.js";
 import { v as e, d as f, t as l, g as r } from "../../../vi.JYQecGiw-BbUbJcT8.js";
 const i = e.fn();

package/dist/components/FormComponents/FormRadio/FormRadio.test.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as s, s as t, f as m } from "../../../react.esm-DoZanrUz.js";
+import { a as s, s as t, f as m } from "../../../react.esm-C3jDj5Fe.js";
 import { FormRadio as l } from "./FormRadio.js";
 import { v as e, d as c, t as i, g as o } from "../../../vi.JYQecGiw-BbUbJcT8.js";
 const r = e.fn();

package/dist/components/FormComponents/FormSelect/FormSelect.js

@@ -1,110 +1,105 @@
-import "../../../assets/FormSelect.css";
-import { jsx as e, Fragment as v, jsxs as V } from "react/jsx-runtime";
-import { Select as b } from "@element/react-components";
-import { g as _, i as k } from "../../../get-BRDhkfK0.js";
-import { useMemo as q } from "react";
-import { useFormContext as z, Controller as C } from "react-hook-form";
-import { H as B } from "../../../react-tooltip.min-BzHiZW8k.js";
-import { SelectTooltipText as G } from "./SelectTooltipText.js";
-const J = "_invalid_9uqqc_1", L = "_formSelectContainer_9uqqc_6", Q = "_formSelect_9uqqc_6", R = "_multiText_9uqqc_32", U = "_tooltip_9uqqc_41", s = {
-  invalid: J,
-  formSelectContainer: L,
-  formSelect: Q,
-  multiText: R,
-  tooltip: U
-}, et = ({
-  propertyName: i,
-  label: f,
+import { jsx as e, Fragment as M, jsxs as b } from "react/jsx-runtime";
+import { Select as k } from "@element/react-components";
+import { g as h } from "../../../get-UxX31Aph.js";
+import { i as z } from "../../../isArray-Ca4KR8TK.js";
+import { useMemo as S } from "react";
+import { useFormContext as B, Controller as v } from "react-hook-form";
+import { H as G } from "../../../react-tooltip.min-BzHiZW8k.js";
+import { SelectTooltipText as J } from "./SelectTooltipText.js";
+import { s as l } from "../../../formSelect.module-C18N-SsT.js";
+const N = ({
+  propertyName: r,
+  label: d,
   options: o,
-  multi: c = !1,
-  disabled: H = !1,
-  hoisted: M = !1,
-  hidden: F = !1,
-  valueKey: r = "value",
+  multi: a = !1,
+  disabled: F = !1,
+  hoisted: I = !1,
+  hidden: $ = !1,
+  valueKey: i = "value",
   textKey: T = "text",
-  clearable: I = !1,
-  searchable: $ = !0,
-  noOptionsMessage: j = "",
+  clearable: j = !1,
+  searchable: w = !0,
+  noOptionsMessage: A = "",
   rules: n,
-  ...a
+  ...m
 }) => {
   const {
-    control: g,
-    formState: { errors: l, isValidating: h }
-  } = z(), d = q(
-    () => !h && _(l, i) !== void 0,
-    [l, i, h]
-  ), w = q(
+    control: p,
+    formState: { errors: s, isValidating: H }
+  } = B(), c = S(
+    () => !H && h(s, r) !== void 0,
+    [s, r, H]
+  ), C = S(
     () => n?.required?.value,
     [n]
-  ), A = q(
+  ), D = S(
     () => n?.required?.message,
     [n]
-  ), D = () => {
-    if (l && l[i]) {
-      const u = l[i]?.message;
+  ), E = () => {
+    if (s && s[r]) {
+      const u = s[r]?.message;
       return u || "Invalid input";
     }
-    return A;
+    return D;
   };
-  return F ? /* @__PURE__ */ e(C, { name: i, control: g, render: () => /* @__PURE__ */ e(v, {}) }) : /* @__PURE__ */ e("div", { className: s.formSelectContainer, "data-tooltip-id": f, children: /* @__PURE__ */ e(
-    C,
+  return $ ? /* @__PURE__ */ e(v, { name: r, control: p, render: () => /* @__PURE__ */ e(M, {}) }) : /* @__PURE__ */ e("div", { className: l.formSelectContainer, "data-tooltip-id": d, children: /* @__PURE__ */ e(
+    v,
     {
-      name: i,
+      name: r,
       rules: n,
-      control: g,
-      render: ({ field: { ref: u, onChange: x, value: p, ...E } }) => {
-        let S = o;
-        k(o) && _(o[0], "options") !== void 0 && (S = o.flatMap((t) => _(t, "options") ?? []));
-        const m = c ? S?.filter(
-          (t) => p?.includes(t[r])
-        ) : S?.find((t) => t[r] === p), O = c && a.multiDisplayType === "text" && a.fixedHeightInput;
-        return /* @__PURE__ */ V(v, { children: [
+      control: p,
+      render: ({ field: { ref: u, onChange: x, value: q, ...O } }) => {
+        let g = o;
+        z(o) && h(o[0], "options") !== void 0 && (g = o.flatMap((t) => h(t, "options") ?? []));
+        const f = a ? g?.filter(
+          (t) => q?.includes(t[i])
+        ) : g?.find((t) => t[i] === q), P = a && m.multiDisplayType === "text" && m.fixedHeightInput;
+        return /* @__PURE__ */ b(M, { children: [
           /* @__PURE__ */ e(
-            b,
+            k,
             {
-              ...E,
-              ...a,
-              value: m,
-              label: f,
+              ...O,
+              ...m,
+              value: f,
+              label: d,
               variant: "outlined",
-              helperText: D(),
-              helperTextPersistent: w || d,
+              helperText: E(),
+              helperTextPersistent: C || c,
               options: o,
-              valid: !d,
-              multiSelect: c,
-              className: `${s.formSelect} ${d ? s.invalid : ""} ${O ? s.multiText : ""}`,
-              disabled: H,
-              valueKey: r,
+              valid: !c,
+              multiSelect: a,
+              className: `${l.formSelect} ${c ? l.invalid : ""} ${P ? l.multiText : ""}`,
+              disabled: F,
+              valueKey: i,
               textKey: T,
               onChange: (t) => {
                 if (t == null) {
                   x(t);
                   return;
                 }
-                if (c) {
-                  x(t.map((P) => P[r]));
+                if (a) {
+                  x(t.map((V) => V[i]));
                   return;
                 }
-                x(t[r]);
+                x(t[i]);
               },
-              hoisted: M,
-              noOptionsMessage: j,
-              searchable: $,
-              clearable: I,
+              hoisted: I,
+              noOptionsMessage: A,
+              searchable: w,
+              clearable: j,
               menuMaxHeight: "15rem"
             }
           ),
           /* @__PURE__ */ e(
-            B,
+            G,
             {
-              id: f,
+              id: d,
               noArrow: !0,
               place: "bottom",
               delayShow: 420,
-              className: s.tooltip,
-              hidden: !m || m.length === 0 || !a.fixedHeightInput,
-              children: /* @__PURE__ */ e(G, { value: m, textKey: T, valueKey: r })
+              className: l.tooltip,
+              hidden: !f || f.length === 0 || !m.fixedHeightInput,
+              children: /* @__PURE__ */ e(J, { value: f, textKey: T, valueKey: i })
             }
           )
         ] });
@@ -113,5 +108,5 @@ const J = "_invalid_9uqqc_1", L = "_formSelectContainer_9uqqc_6", Q = "_formSele
   ) });
 };
 export {
-  et as FormSelect
+  N as FormSelect
 };

package/dist/components/FormComponents/FormSelect/FormSelect.test.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
-import { a, s as t, f as T, w as p } from "../../../react.esm-DoZanrUz.js";
-import { u as B } from "../../../index-DP2ENnrX.js";
+import { a, s as t, f as T, w as p } from "../../../react.esm-C3jDj5Fe.js";
+import { u as B } from "../../../index-BQnj-5Zt.js";
 import { FormSelect as i } from "./FormSelect.js";
 import { SelectTooltipText as d } from "./SelectTooltipText.js";
 import { v as n, d as f, t as u, g as e } from "../../../vi.JYQecGiw-BbUbJcT8.js";

package/dist/components/FormComponents/FormSlider/FormSlider.test.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { a, s as n } from "../../../react.esm-DoZanrUz.js";
+import { a, s as n } from "../../../react.esm-C3jDj5Fe.js";
 import { FormSlider as l } from "./FormSlider.js";
 import { v as e, d as m, t as i, g as r } from "../../../vi.JYQecGiw-BbUbJcT8.js";
 const o = e.fn();

package/dist/components/FormComponents/FormText/FormText.js

@@ -1,111 +1,106 @@
-import "../../../assets/FormText.css";
-import { jsx as n, Fragment as C, jsxs as M } from "react/jsx-runtime";
-import { Textfield as P, TypoCaption as R } from "@element/react-components";
-import { useState as V, useMemo as d } from "react";
-import { useFormContext as W, Controller as _ } from "react-hook-form";
-const w = "_formTextAreaHelperText_1n0bk_1", D = "_invalid_1n0bk_6", E = "_required_1n0bk_9", G = "_formTextArea_1n0bk_1", i = {
-  formTextAreaHelperText: w,
-  invalid: D,
-  required: E,
-  formTextArea: G
-}, J = ({
+import { jsx as n, Fragment as C, jsxs as R } from "react/jsx-runtime";
+import { Textfield as V, TypoCaption as W } from "@element/react-components";
+import { useState as b, useMemo as d } from "react";
+import { useFormContext as w, Controller as F } from "react-hook-form";
+import { s as i } from "../../../formText.module-Blt6Y-SR.js";
+const D = ({
   count: e,
-  maxCount: c,
-  invalid: m = !1,
+  maxCount: u,
+  invalid: c = !1,
   required: r = !1
 }) => /* @__PURE__ */ n(
   "div",
   {
-    className: `${i.formTextAreaHelperText} ${m ? i.invalid : ""} ${r ? i.required : ""}`,
-    children: /* @__PURE__ */ n(R, { children: `${e}/${c}` })
+    className: `${i.formTextAreaHelperText} ${c ? i.invalid : ""} ${r ? i.required : ""}`,
+    children: /* @__PURE__ */ n(W, { children: `${e}/${u}` })
   }
-), N = (e) => e.textarea ? /* @__PURE__ */ n(K, { ...e }) : /* @__PURE__ */ n(O, { ...e }), K = (e) => /* @__PURE__ */ n("div", { className: i.formTextArea, children: /* @__PURE__ */ n(A, { ...e }) }), O = (e) => /* @__PURE__ */ n(A, { ...e }), A = ({
+), X = (e) => e.textarea ? /* @__PURE__ */ n(E, { ...e }) : /* @__PURE__ */ n(G, { ...e }), E = (e) => /* @__PURE__ */ n("div", { className: i.formTextArea, children: /* @__PURE__ */ n($, { ...e }) }), G = (e) => /* @__PURE__ */ n($, { ...e }), $ = ({
   propertyName: e,
-  label: c,
-  disabled: m = !1,
+  label: u,
+  disabled: c = !1,
   textarea: r = !1,
-  hidden: q = !1,
-  placeholder: F,
-  type: $,
-  prefixText: L,
-  inputMode: k,
-  trailingIcon: H,
-  trigger: x = "likeForm",
+  hidden: L = !1,
+  placeholder: q,
+  type: B,
+  prefixText: S,
+  inputMode: A,
+  trailingIcon: j,
+  trigger: f = "likeForm",
   rules: t,
-  ...f
+  ...g
 }) => {
   const {
-    control: v,
-    getFieldState: u,
+    control: h,
+    getFieldState: m,
     formState: { errors: s },
-    trigger: T
-  } = W(), [b, B] = V(0), S = (a) => {
+    trigger: v
+  } = w(), [H, k] = b(0), z = (a) => {
     const l = a.target.value;
-    B(l?.length ?? 0);
-  }, j = () => {
+    k(l?.length ?? 0);
+  }, I = () => {
     if (s && s[e]) {
       const a = s[e]?.message;
       return a || "Invalid input";
     }
-    return I;
+    return P;
   }, o = d(
     () => t?.maxLength?.value,
     [t]
-  ), z = d(
+  ), M = d(
     () => t?.minLength?.value,
     [t]
-  ), g = d(
+  ), x = d(
     () => t?.required?.value,
     [t]
-  ), I = d(
+  ), P = d(
     () => t?.required?.message,
     [t]
   );
-  return q ? /* @__PURE__ */ n(_, { name: e, control: v, render: () => /* @__PURE__ */ n(C, {}) }) : /* @__PURE__ */ n(
-    _,
+  return L ? /* @__PURE__ */ n(F, { name: e, control: h, render: () => /* @__PURE__ */ n(C, {}) }) : /* @__PURE__ */ n(
+    F,
     {
       name: e,
       rules: t,
-      control: v,
-      render: ({ field: { ref: a, ...l } }) => /* @__PURE__ */ M(C, { children: [
+      control: h,
+      render: ({ field: { ref: a, ...l } }) => /* @__PURE__ */ R(C, { children: [
         /* @__PURE__ */ n(
-          P,
+          V,
           {
-            ...f,
+            ...g,
             ...l,
             value: l.value ?? "",
-            type: $,
+            type: B,
             fullWidth: !0,
-            inputMode: k,
-            placeholder: F,
-            prefixText: L,
-            disabled: m,
-            helperText: j(),
-            helperTextPersistent: s !== void 0 || g || o !== void 0 && r,
-            label: c,
+            inputMode: A,
+            placeholder: q,
+            prefixText: S,
+            disabled: c,
+            helperText: I(),
+            helperTextPersistent: s !== void 0 || x || o !== void 0 && r,
+            label: u,
             variant: "outlined",
             maxlength: o,
-            minLength: z,
+            minLength: M,
             textarea: r,
             noResize: !1,
             onBlur: () => {
-              x === "onBlur" && T(e), f.onBlur?.();
+              f === "onBlur" && v(e), g.onBlur?.();
             },
-            onChange: (h) => {
-              l.onChange(h), r && o !== void 0 && S(h), x === "onChange" && T(e);
+            onChange: (T) => {
+              l.onChange(T), r && o !== void 0 && z(T), f === "onChange" && v(e);
             },
-            valid: !u(e).invalid,
-            className: `${i.formText} ${u(e).invalid ? i.invalid : ""}`,
-            trailingIcon: H
+            valid: !m(e).invalid,
+            className: `${i.formText} ${m(e).invalid ? i.invalid : ""}`,
+            trailingIcon: j
           }
         ),
         o !== void 0 && r && /* @__PURE__ */ n(
-          J,
+          D,
           {
-            count: b,
+            count: H,
             maxCount: o,
-            invalid: u(e).invalid,
-            required: g
+            invalid: m(e).invalid,
+            required: x
           }
         )
       ] })
@@ -113,5 +108,5 @@ const w = "_formTextAreaHelperText_1n0bk_1", D = "_invalid_1n0bk_6", E = "_requi
   );
 };
 export {
-  N as FormText
+  X as FormText
 };

package/dist/components/FormComponents/FormText/FormText.test.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as s, s as r, f as d } from "../../../react.esm-DoZanrUz.js";
+import { a as s, s as r, f as d } from "../../../react.esm-C3jDj5Fe.js";
 import { FormText as o } from "./FormText.js";
 import { v as a, d as i, t as l, g as e } from "../../../vi.JYQecGiw-BbUbJcT8.js";
 const m = a.fn();

package/dist/components/GenericTable/GenericTable.js

@@ -1,77 +1,71 @@
-import "../../assets/GenericTable.css";
-import { jsx as e, jsxs as B } from "react/jsx-runtime";
-import { Elevation as T, Table as x, TableTopBar as b, Group as _, Padding as N, TypoDisplay as j, TypoSubtitle as C } from "@element/react-components";
-import { useMemo as v, Fragment as D } from "react";
-import { ContextMenu as I } from "../ContextMenu/ContextMenu.js";
-const M = "_topBar_1msoo_1", G = "_filterBar_1msoo_5", O = "_emptyTable_1msoo_9", P = "_elevation_1msoo_17", W = "_table_1msoo_22", d = {
-  topBar: M,
-  filterBar: G,
-  emptyTable: O,
-  elevation: P,
-  table: W
-}, z = (n, l) => {
-  if (!n)
+import { jsx as e, jsxs as T } from "react/jsx-runtime";
+import { Elevation as N, Table as B, TableTopBar as v, Group as g, Padding as j, TypoDisplay as C, TypoSubtitle as D } from "@element/react-components";
+import { useMemo as b, Fragment as I } from "react";
+import { ContextMenu as M } from "../ContextMenu/ContextMenu.js";
+import { s as u } from "../../genericTable.module-BkU2VDKR.js";
+const G = (r, l) => {
+  if (!r)
     return [];
-  let o = Object.keys(n).map((t) => t);
-  return l.length > 0 && (o = o.sort((t, i) => {
-    const m = l.findIndex((c) => c === t), s = l.findIndex((c) => c === i);
-    return m === -1 ? 1 : s === -1 ? -1 : m - s;
-  })), o;
-}, $ = ({
-  data: n = [],
+  let i = Object.keys(r).map((t) => t);
+  return l.length > 0 && (i = i.sort((t, o) => {
+    const p = l.findIndex((c) => c === t), s = l.findIndex((c) => c === o);
+    return p === -1 ? 1 : s === -1 ? -1 : p - s;
+  })), i;
+}, F = ({
+  data: r = [],
   hiddenColumns: l = [],
-  order: o = [],
+  order: i = [],
   cellTemplates: t = void 0,
-  tableActions: i = [],
-  noContentText: m = "No data available",
-  headerTranslation: s = (f) => f,
+  tableActions: o = [],
+  noContentText: p = "No data available",
+  headerTranslation: s = (m) => m,
   pagination: c = !1,
-  getRowActions: p = void 0,
+  getRowActions: d = void 0,
   customColumnWidth: h,
-  title: u
+  title: f
 }) => {
-  const f = v(() => {
-    if (n.length === 0)
+  const m = b(() => {
+    if (r.length === 0)
       return [];
-    const a = z(n[0], o).map((r) => {
-      const y = h ? h[r] : void 0;
+    const a = G(r[0], i).map((n) => {
+      const x = h ? h[n] : void 0;
       return {
-        id: r,
-        header: s(r),
-        accessor: r,
-        cellTemplate: t ? t[r] : void 0,
-        cellProps: { width: y }
+        id: n,
+        header: s(n),
+        accessor: n,
+        cellTemplate: t ? t[n] : void 0,
+        cellProps: { width: x }
       };
     });
-    return p ? [...a, { id: "actions", header: "", accessor: "actions" }] : a;
-  }, [n, t, o, s, p, h]), g = v(() => p ? n.map((a) => {
-    const r = /* @__PURE__ */ e(I, { actions: p(a), iconOrientation: "horizontal" });
-    return { ...a, actions: r };
-  }) : n, [n, p]);
-  return /* @__PURE__ */ e(T, { elevation: 1, className: d.elevation, children: /* @__PURE__ */ e(
-    x,
+    return d ? [...a, { id: "actions", header: "", accessor: "actions" }] : a;
+  }, [r, t, i, s, d, h]), y = b(() => d ? r.map((a) => {
+    const n = /* @__PURE__ */ e(M, { actions: d(a), iconOrientation: "horizontal" });
+    return { ...a, actions: n };
+  }) : r, [r, d]);
+  return /* @__PURE__ */ e(N, { elevation: 1, className: u.elevation, children: /* @__PURE__ */ e(
+    B,
     {
-      className: d.table,
+      className: u.table,
       fullWidth: !0,
       alwaysUseDivTags: !0,
       layout: "standard",
       hiddenColumns: l,
-      data: g,
-      columns: f,
-      leadingContent: u && i.length === 0 ? /* @__PURE__ */ e(b, { title: u }) : i.length > 0 && /* @__PURE__ */ e(
-        b,
+      data: y,
+      columns: m,
+      leadingContent: f && o.length === 0 ? /* @__PURE__ */ e(v, { title: f }) : o.length > 0 && /* @__PURE__ */ e(
+        v,
         {
-          className: d.topBar,
-          filterBar: /* @__PURE__ */ B(_, { fullWidth: !0, direction: "vertical", gap: "none", children: [
-            u && /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(j, { level: 6, children: u }) }),
+          className: u.topBar,
+          filterBar: /* @__PURE__ */ T(g, { fullWidth: !0, direction: "vertical", gap: "none", children: [
+            f && /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(C, { level: 6, children: f }) }),
             /* @__PURE__ */ e(
-              _,
+              g,
               {
-                className: d.filterBar,
+                className: u.filterBar,
                 fullWidth: !0,
                 primaryAlign: "center",
                 secondaryAlign: "center",
-                children: i.map((a, r) => /* @__PURE__ */ e(D, { children: a }, `action_${r}`))
+                children: o.map((a, n) => /* @__PURE__ */ e(I, { children: a }, `action_${n}`))
               }
             )
           ] })
@@ -79,20 +73,20 @@ const M = "_topBar_1msoo_1", G = "_filterBar_1msoo_5", O = "_emptyTable_1msoo_9"
       ),
       paginated: c,
       sortable: !0,
-      noContentIncludeTable: !!f,
+      noContentIncludeTable: !!m,
       noContentMessage: /* @__PURE__ */ e(
-        _,
+        g,
         {
           fullWidth: !0,
           primaryAlign: "center",
           secondaryAlign: "center",
-          className: d.emptyTable,
-          children: /* @__PURE__ */ e(C, { children: m })
+          className: u.emptyTable,
+          children: /* @__PURE__ */ e(D, { children: p })
         }
       )
     }
   ) });
 };
 export {
-  $ as GenericTable
+  F as GenericTable
 };

package/dist/components/GenericTable/GenericTable.test.js

@@ -1,5 +1,5 @@
 import { jsx as a, jsxs as u } from "react/jsx-runtime";
-import { a as i, s as e } from "../../react.esm-DoZanrUz.js";
+import { a as i, s as e } from "../../react.esm-C3jDj5Fe.js";
 import { GenericTable as c } from "./GenericTable.js";
 import { d as B, t as d, g as t, v as r } from "../../vi.JYQecGiw-BbUbJcT8.js";
 B("GenericTable Test", () => {