@hortiview/shared-components 0.0.11114 → 0.0.11146

package/dist/components/EmptyView/EmptyView.test.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as s, s as o, w as r, f as l } from "../../react.esm-CHvVvf3L.js";
+import { a as s, s as o, w as r, f as l } from "../../react.esm-FR1-H8iU.js";
 import { EmptyView as c } from "./EmptyView.js";
-import { d as h, t as T, g as e, v as d } from "../../vi.JYQecGiw-BpOAB4v6.js";
+import { d as h, t as T, g as e, v as d } from "../../vi.CjhMlMwf-DWv7vrn7.js";
 h("EmptyView", () => {
   T("should render", () => {
     s(/* @__PURE__ */ n(c, {})), e(o.getByText("dashbord")).toBeInTheDocument();

package/dist/components/Filter/Filter.js

@@ -1,177 +1,159 @@
-import { jsx as t, jsxs as C, Fragment as T } from "react/jsx-runtime";
-import { Group as B, Button as h, Select as W, Switch as j, IconButton as z, NotificationBadge as N } from "@element/react-components";
-import { useState as y } from "react";
-import { s as c } from "../../genericTable.module-Dk3yy2S3.js";
-import { u as A } from "../../useBreakpoints-MzTZ0tCT.js";
-import "../../alertBanner.module-BPiKN0gh.js";
-import { I as H } from "../../Iconify-DoU6pP1o.js";
-import "../../react-tooltip.min-BzHiZW8k.js";
-import "../../overflowTooltip.module-YyRN2MGc.js";
-import "../../basicHeading.module-BYb8xvuk.js";
-import "../../isArray-thIeLpc5.js";
-import "../../_baseToString-dkhmFwqS.js";
-import "../../_equalByTag-BZEJl6ST.js";
-import "../../iconify.module-Cru5NS2X.js";
-import { SearchBar as K } from "../SearchBar/SearchBar.js";
-import "../../listArea.module-BhO_OJ1S.js";
-import "../../verticalDivider.module-C3_GL-fH.js";
-import "../../baseView.module-uWbm_a5f.js";
-import "../../BlockView.module-BPlNT5uh.js";
-import "../../chipCard.module-BjpKuf1b.js";
+import "../../assets/Filter.css";
+import { jsx as e, jsxs as y, Fragment as D } from "react/jsx-runtime";
+import { Group as v, Button as p, Select as T, Switch as W, IconButton as j, NotificationBadge as k } from "@element/react-components";
+import { useState as _ } from "react";
+/* empty css                  */
+import { u as b } from "../../useBreakpoints-MzTZ0tCT.js";
+import { Iconify as z } from "../Iconify/Iconify.js";
+import "../../react-tooltip.min-c2wVkjF2.js";
+import "../../orderBy-BVQIswlJ.js";
+import { SearchBar as H } from "../SearchBar/SearchBar.js";
 import "lodash";
-import "../../contextMenu.module-vNQHb48g.js";
-import { Modal as G } from "../Modal/Modal.js";
-import "../../deleteModal.module-Ds3MDzdl.js";
-import "../../disclaimer.module-BZydt-Q_.js";
-import "../../genericCard.module-DrQu86jX.js";
-import "../../HashTabView.module-ZhwSfDeQ.js";
-import "../../HeaderFilter.module-DiBmulr5.js";
-import "../../healthCheckFailed.module-B5P1ogjs.js";
-import "../../infoGroup.module-Cxw88dfC.js";
-import "../../bigLoadingSpinner.module-GgbFol8k.js";
-import "../../loadingSpinner.module-CLtqSMWA.js";
-import "../Scrollbar/Scrollbar.js";
+import { Modal as I } from "../Modal/Modal.js";
 import "react-hook-form";
-import "../../formDatePicker.module-BV3ma_7y.js";
-import "../../formNumber.module-BA05Gi6_.js";
-import "../../formSelect.module-PUiLDSD4.js";
-import "../../formText.module-C0by6_DK.js";
-import "../../isPlainObject-BlCDf1Kc.js";
-const bt = ({
-  clearFilterText: f,
-  closeCallback: m,
-  currentFilter: i,
-  filterButtonAsIcon: s = !1,
-  filterButtonText: n,
-  filterModalTitle: e,
-  filters: p,
+import "../../get-BiqanC9_.js";
+import "../../isArray-C_5XvIlE.js";
+import "../../isString-BOHPtrlm.js";
+const K = "_filterButton_qtl7a_1", G = "_relativeParent_qtl7a_6", V = "_filterBadge_qtl7a_10", E = "_dense_qtl7a_17", m = {
+  filterButton: K,
+  relativeParent: G,
+  filterBadge: V,
+  dense: E
+}, ae = ({
+  clearFilterText: u,
+  closeCallback: s,
+  currentFilter: r,
+  filterButtonAsIcon: f = !1,
+  filterButtonText: l,
+  filterModalTitle: i,
+  filters: d,
   modalCancelButtonText: g,
-  modalConfirmButtonText: u,
-  useModal: l = !0,
-  selectAllLabel: r
+  modalConfirmButtonText: h,
+  useModal: o = !0,
+  selectAllLabel: t
 }) => {
-  const { isDesktop: w } = A(), [O, v] = y(!1), [d, x] = y(i), [_, S] = y(0), F = () => {
-    v(!1), m(d), S(
-      d.reduce((a, { filterValue: o }) => o === void 0 ? a : typeof o == "boolean" ? o ? a + 1 : a : Array.isArray(o) ? a + o.length : typeof o == "string" && o.length ? a + 1 : a, 0)
+  const { isDesktop: A } = b(), [q, B] = _(!1), [c, C] = _(r), [w, x] = _(0), S = () => {
+    B(!1), s(c), x(
+      c.reduce((a, { filterValue: n }) => n === void 0 ? a : typeof n == "boolean" ? n ? a + 1 : a : Array.isArray(n) ? a + n.length : typeof n == "string" && n.length ? a + 1 : a, 0)
     );
-  }, D = () => {
-    x([]), S(0);
-  }, k = (a) => {
-    const o = [
-      ...d.filter((I) => I.id !== a.id),
+  }, O = () => {
+    C([]), x(0);
+  }, F = (a) => {
+    const n = [
+      ...c.filter((P) => P.id !== a.id),
       a
     ];
-    x(o), l || m(o);
+    C(n), o || s(n);
   };
-  return l ? /* @__PURE__ */ C(T, { children: [
-    /* @__PURE__ */ t(
-      P,
+  return o ? /* @__PURE__ */ y(D, { children: [
+    /* @__PURE__ */ e(
+      J,
       {
-        filterButtonText: n,
-        filterButtonAsIcon: s,
-        count: _,
-        onClick: () => v(!0)
+        filterButtonText: l,
+        filterButtonAsIcon: f,
+        count: w,
+        onClick: () => B(!0)
       }
     ),
-    /* @__PURE__ */ t(
-      G,
+    /* @__PURE__ */ e(
+      I,
       {
-        open: O,
-        onClose: F,
-        title: e,
-        modalSize: w ? "small" : "fullscreen",
-        headerActions: /* @__PURE__ */ t(h, { variant: "text", onClick: D, children: f }),
-        dismissiveButton: /* @__PURE__ */ t(h, { variant: "outlined", onClick: () => v(!1), children: g }),
-        primaryButton: /* @__PURE__ */ t(h, { variant: "filled", onClick: F, children: u }),
-        children: /* @__PURE__ */ t(B, { direction: "vertical", children: b(p, d, k, r) })
+        open: q,
+        onClose: S,
+        title: i,
+        modalSize: A ? "small" : "fullscreen",
+        headerActions: /* @__PURE__ */ e(p, { variant: "text", onClick: O, children: u }),
+        dismissiveButton: /* @__PURE__ */ e(p, { variant: "outlined", onClick: () => B(!1), children: g }),
+        primaryButton: /* @__PURE__ */ e(p, { variant: "filled", onClick: S, children: h }),
+        children: /* @__PURE__ */ e(v, { direction: "vertical", children: N(d, c, F, t) })
       }
     )
-  ] }) : /* @__PURE__ */ t(B, { secondaryAlign: "center", fullWidth: !0, children: b(p, d, k, r, !1) });
-}, b = (f, m, i, s, n = !0) => f.map(({ id: e, title: p, availableOptions: g, icon: u, type: l }) => /* @__PURE__ */ C(B, { fullWidth: !0, secondaryAlign: "center", children: [
-  u ? /* @__PURE__ */ t(H, { icon: u, iconSize: "medium" }) : null,
-  l === "select" && /* @__PURE__ */ t(
-    W,
+  ] }) : /* @__PURE__ */ e(v, { secondaryAlign: "center", fullWidth: !0, children: N(d, c, F, t, !1) });
+}, N = (u, s, r, f, l = !0) => u.map(({ id: i, title: d, availableOptions: g, icon: h, type: o }) => /* @__PURE__ */ y(v, { fullWidth: !0, secondaryAlign: "center", children: [
+  h ? /* @__PURE__ */ e(z, { icon: h, iconSize: "medium" }) : null,
+  o === "select" && /* @__PURE__ */ e(
+    T,
     {
-      selectAllLabel: s,
-      className: n ? void 0 : c.dense,
+      selectAllLabel: f,
+      className: l ? void 0 : m.dense,
       variant: "outlined",
       options: g,
-      label: p,
+      label: d,
       multiSelect: !0,
       textKey: "text",
       valueKey: "id",
-      value: m.find((r) => r.id === e)?.filterValue ?? [],
-      onChange: (r) => i({ id: e, type: l, filterValue: r }),
+      value: s.find((t) => t.id === i)?.filterValue ?? [],
+      onChange: (t) => r({ id: i, type: o, filterValue: t }),
       hoisted: !0,
       menuMaxHeight: "300px",
-      disabled: e === "location",
+      disabled: i === "location",
       showOptionFilter: !1,
-      dense: !n,
-      fixedHeightInput: !n,
-      multiDisplayType: n ? "pills" : "text"
+      dense: !l,
+      fixedHeightInput: !l,
+      multiDisplayType: l ? "pills" : "text"
     }
   ),
-  l === "toggle" && /* @__PURE__ */ t(
-    j,
+  o === "toggle" && /* @__PURE__ */ e(
+    W,
     {
-      label: p,
-      onChange: (r) => i({ id: e, type: l, filterValue: r }),
-      checked: !!m.find((r) => r.id === e)?.filterValue
+      label: d,
+      onChange: (t) => r({ id: i, type: o, filterValue: t }),
+      checked: !!s.find((t) => t.id === i)?.filterValue
     }
   ),
-  l === "search" && /* @__PURE__ */ t(
-    K,
+  o === "search" && /* @__PURE__ */ e(
+    H,
     {
-      placeholder: p,
-      searchTerm: m.find((r) => r.id === e)?.filterValue,
-      setSearchTerm: (r) => i({ id: e, type: l, filterValue: r })
+      placeholder: d,
+      searchTerm: s.find((t) => t.id === i)?.filterValue,
+      setSearchTerm: (t) => r({ id: i, type: o, filterValue: t })
     }
   )
-] }, e)), P = ({
-  filterButtonText: f,
-  filterButtonAsIcon: m,
-  count: i,
-  onClick: s
+] }, i)), J = ({
+  filterButtonText: u,
+  filterButtonAsIcon: s,
+  count: r,
+  onClick: f
 }) => {
-  const { isDesktop: n } = A();
-  return m ? /* @__PURE__ */ t(
-    z,
+  const { isDesktop: l } = b();
+  return s ? /* @__PURE__ */ e(
+    j,
     {
       icon: "filter_list_alt",
-      onClick: s,
-      badge: i !== 0 && /* @__PURE__ */ t(
-        N,
+      onClick: f,
+      badge: r !== 0 && /* @__PURE__ */ e(
+        k,
         {
-          counter: i,
-          className: c.filterBadge,
+          counter: r,
+          className: m.filterBadge,
           themeColor: "secondary",
           "data-testid": "filter-badge"
         }
       )
     }
-  ) : /* @__PURE__ */ C(
+  ) : /* @__PURE__ */ y(
     "div",
     {
-      className: c.relativeParent,
-      style: { height: "100%", width: n ? void 0 : "100%" },
+      className: m.relativeParent,
+      style: { height: "100%", width: l ? void 0 : "100%" },
       children: [
-        /* @__PURE__ */ t(
-          h,
+        /* @__PURE__ */ e(
+          p,
           {
             variant: "outlined",
             themeColor: "primary",
             leadingIcon: "filter_list_alt",
-            onClick: s,
-            className: c.filterButton,
-            fullWidth: !n,
-            children: f
+            onClick: f,
+            className: m.filterButton,
+            fullWidth: !l,
+            children: u
           }
         ),
-        i !== 0 && /* @__PURE__ */ t(
-          N,
+        r !== 0 && /* @__PURE__ */ e(
+          k,
           {
-            counter: i,
-            className: c.filterBadge,
+            counter: r,
+            className: m.filterBadge,
             themeColor: "secondary",
             "data-testid": "filter-badge"
           }
@@ -181,5 +163,5 @@ const bt = ({
   );
 };
 export {
-  bt as Filter
+  ae as Filter
 };

package/dist/components/Filter/Filter.test.js

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
-import { a, s as t, f as c, t as u, w as d } from "../../react.esm-CHvVvf3L.js";
+import { a, s as t, f as c, t as u, w as d } from "../../react.esm-FR1-H8iU.js";
 import { a as s } from "../../useBreakpoints-MzTZ0tCT.js";
 import { Filter as T } from "./Filter.js";
-import { v as x, b as f, d as y, t as B, g as e } from "../../vi.JYQecGiw-BpOAB4v6.js";
+import { v as x, b as f, d as y, t as B, g as e } from "../../vi.CjhMlMwf-DWv7vrn7.js";
 const o = x.fn();
 f(() => {
   x.spyOn(s, "useBreakpoints").mockReturnValue({

package/dist/components/FormComponents/FormCheckBox/FormCheckBox.js

@@ -1,43 +1,43 @@
-import { jsx as e, jsxs as C, Fragment as p } from "react/jsx-runtime";
-import { Checkbox as d, TypoCaption as g } from "@element/react-components";
-import { useFormContext as i, Controller as k } from "react-hook-form";
-const F = ({
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { Group as x, Checkbox as C, TypoCaption as d } from "@element/react-components";
+import { useFormContext as l, Controller as u } from "react-hook-form";
+const j = ({
   propertyName: t,
   label: n,
   validate: c,
-  required: m,
-  onChange: s,
-  disabled: a
+  required: s,
+  onChange: a,
+  disabled: m
 }) => {
-  const { control: h } = i();
-  return /* @__PURE__ */ e(
-    k,
+  const { control: h } = l();
+  return /* @__PURE__ */ o(
+    u,
     {
       name: t,
       control: h,
       rules: {
-        required: m,
+        required: s,
         validate: c
       },
-      render: ({ field: r, fieldState: o }) => /* @__PURE__ */ C(p, { children: [
-        /* @__PURE__ */ e(
-          d,
+      render: ({ field: r, fieldState: e }) => /* @__PURE__ */ p(x, { direction: "vertical", gap: "none", children: [
+        /* @__PURE__ */ o(
+          C,
           {
             "data-testid": "checkbox",
             ...r,
             label: n,
-            onChange: (...x) => {
-              r.onChange(...x), s?.();
+            onChange: (...i) => {
+              r.onChange(...i), a?.();
             },
             checked: r.value,
-            disabled: a
+            disabled: m
           }
         ),
-        o.error && /* @__PURE__ */ e(g, { "data-testid": "checkbox-error-message", themeColor: "error", children: o.error.message })
+        e.error && /* @__PURE__ */ o(d, { "data-testid": "checkbox-error-message", themeColor: "error", children: e.error.message })
       ] })
     }
   );
 };
 export {
-  F as FormCheckBox
+  j as FormCheckBox
 };

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

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
-import { a as n, s as t, f as m } from "../../../react.esm-CHvVvf3L.js";
+import { a as n, s as t, f as m } from "../../../react.esm-FR1-H8iU.js";
 import { FormCheckBox as c } from "./FormCheckBox.js";
-import { v as e, d as h, t as l, g as r } from "../../../vi.JYQecGiw-BpOAB4v6.js";
+import { v as e, d as h, t as l, g as r } from "../../../vi.CjhMlMwf-DWv7vrn7.js";
 const a = e.fn();
 e.mock("react-hook-form", () => ({
   ...e.importActual("react-hook-form"),

package/dist/components/FormComponents/FormDatePicker/FormDatePicker.d.ts

@@ -16,6 +16,8 @@ type DatePickerProps<T extends FieldValues> = {
     rules?: Omit<RegisterOptions<T, FieldPath<T>>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'> | undefined;
     /** ClassName */
     className?: string;
+    /** A helper text, which is shown under the Picker */
+    helperText?: string;
     /** Add the number of years to subtract from the current date as bottom of range */
     minRangeYear?: number;
     /** Add the number of years to add to the current date as top of range */
@@ -36,6 +38,7 @@ type DatePickerProps<T extends FieldValues> = {
  * @param locale - locale to be used for the date picker.
  * @param props - additional props to be passed to the date picker, which are the props of the element date picker {@link ElementDatePickerProps}.
  * @param rules - rules for the date picker. default _undefined_ example: _{ required: { value: true, message: 'This field is required' } }_
+ * @param helperText - helper text to be displayed under the date picker.
  *
  * @returns A JSX element that renders a date picker form input.
  */