@hortiview/shared-components 2.8.6 → 2.8.8

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

@@ -1,12 +1,12 @@
-import { jsx as i } from "react/jsx-runtime";
-import { a, s as t, f as u, w as d } from "../../react.esm-CX1WJ2Pp.js";
-import { act as c } from "react";
-import { a as s } from "../../useBreakpoints-MzTZ0tCT.js";
+import { jsx as r } from "react/jsx-runtime";
+import { a, s as t, f as c, w as d } from "../../react.esm-CX1WJ2Pp.js";
+import { act as u } from "react";
+import { a as f } from "../../useBreakpoints-MzTZ0tCT.js";
 import { Filter as T } from "./Filter.js";
-import { a as m, b as f, d as y, t as B, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.js";
+import { a as m, b as s, d as y, t as B, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 const o = m.fn();
-f(() => {
-  m.spyOn(s, "useBreakpoints").mockReturnValue({
+s(() => {
+  o.mockClear(), m.spyOn(f, "useBreakpoints").mockReturnValue({
     isDesktop: !0,
     isMobile: !1,
     isTablet: !1,
@@ -14,7 +14,7 @@ f(() => {
   });
 });
 y("Filter", () => {
-  const l = [
+  const i = [
     {
       id: "1",
       title: "Filter 1",
@@ -44,17 +44,17 @@ y("Filter", () => {
       title: "Filter Search",
       type: "search"
     }
-  ], n = [
+  ], l = [
     { id: "1", filterValue: [{ id: "1", text: "Option 1" }], type: "select" },
     { id: "2", filterValue: [{ id: "3", text: "Option 3" }], type: "select" }
   ];
   B("should render filter", () => {
     a(
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ r(
         T,
         {
-          filters: l,
-          currentFilter: n,
+          filters: i,
+          currentFilter: l,
           closeCallback: o,
           filterButtonText: "filterButtonText",
           filterModalTitle: "filterModalTitle",
@@ -63,20 +63,18 @@ y("Filter", () => {
           clearFilterText: "clearFilterText"
         }
       )
-    ), e(t.getByText("filterButtonText")).toBeInTheDocument(), e(t.getByText("filterModalTitle")).toBeInTheDocument(), e(t.getByText("modalCancelButtonText")).toBeInTheDocument(), e(t.getByText("modalConfirmButtonText")).toBeInTheDocument(), e(t.getByText("clearFilterText")).toBeInTheDocument(), e(t.getByText("Filter 1")).toBeInTheDocument(), e(t.getByText("Filter 2")).toBeInTheDocument(), e(t.getByText("Option 1")).toBeInTheDocument(), e(t.getByText("Option 3")).toBeInTheDocument(), e(t.getByTestId("farm")).toBeInTheDocument(), e(t.getByText("Filter Toggle")).toBeInTheDocument();
-    const r = t.getByRole("textbox");
-    e(r.getAttribute("placeholder")).toBe("Filter Search");
-    const x = t.getByRole("button", { name: "modalConfirmButtonText" });
-    u.click(x), c(() => {
+    ), e(t.getByText("filterButtonText")).toBeInTheDocument(), e(t.getByText("filterModalTitle")).toBeInTheDocument(), e(t.getByText("modalCancelButtonText")).toBeInTheDocument(), e(t.getByText("modalConfirmButtonText")).toBeInTheDocument(), e(t.getByText("clearFilterText")).toBeInTheDocument(), e(t.getByText("Filter 1")).toBeInTheDocument(), e(t.getByText("Filter 2")).toBeInTheDocument(), e(t.getByText("Option 1")).toBeInTheDocument(), e(t.getByText("Option 3")).toBeInTheDocument(), e(t.getByTestId("farm")).toBeInTheDocument(), e(t.getByText("Filter Toggle")).toBeInTheDocument(), e(t.getByTestId("search-bar-icon-button")).toBeInTheDocument(), e(t.getByTestId("search-bar-input")).toBeInTheDocument();
+    const n = t.getByRole("button", { name: "modalConfirmButtonText" });
+    c.click(n), u(() => {
       e(o).toHaveBeenCalledTimes(1), e(t.getByText("2")).toBeInTheDocument();
     });
   }), B("should clear filter", () => {
     a(
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ r(
         T,
         {
-          filters: l,
-          currentFilter: n,
+          filters: i,
+          currentFilter: l,
           closeCallback: o,
           filterButtonText: "filterButtonText",
           filterModalTitle: "filterModalTitle",
@@ -86,17 +84,19 @@ y("Filter", () => {
         }
       )
     );
-    const r = t.getByText("clearFilterText");
-    u.click(r), c(() => {
+    const n = t.getByText("clearFilterText");
+    c.click(n);
+    const x = t.getByRole("button", { name: "modalConfirmButtonText" });
+    c.click(x), u(() => {
       e(o).toHaveBeenCalledTimes(1), e(t.queryByTestId("filter-badge")).not.toBeInTheDocument();
     });
   }), B("should close filter", () => {
     a(
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ r(
         T,
         {
-          filters: l,
-          currentFilter: n,
+          filters: i,
+          currentFilter: l,
           closeCallback: o,
           filterButtonText: "filterButtonText",
           filterModalTitle: "filterModalTitle",
@@ -106,19 +106,17 @@ y("Filter", () => {
         }
       )
     );
-    const r = t.getByRole("button", { name: "modalCancelButtonText" });
-    u.click(r), c(() => {
-      e(o).toHaveBeenCalledTimes(1), e(t.queryByTestId("filter-badge")).not.toBeInTheDocument();
-    }), d(() => {
+    const n = t.getByRole("button", { name: "modalCancelButtonText" });
+    e(t.getByText("filterModalTitle")).toBeInTheDocument(), c.click(n), d(() => {
       e(t.queryByText("filterModalTitle")).not.toBeInTheDocument(), e(t.queryByText("modalCancelButtonText")).not.toBeInTheDocument(), e(t.queryByText("modalConfirmButtonText")).not.toBeInTheDocument(), e(t.queryByText("clearFilterText")).not.toBeInTheDocument();
     });
   }), B("should render as icon button ", () => {
     a(
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ r(
         T,
         {
-          filters: l,
-          currentFilter: n,
+          filters: i,
+          currentFilter: l,
           closeCallback: o,
           filterButtonText: "filterButtonText",
           filterModalTitle: "filterModalTitle",
@@ -131,11 +129,11 @@ y("Filter", () => {
     ), e(t.queryByText("filterButtonText")).not.toBeInTheDocument(), e(t.getByText("filter_list_alt")).toBeInTheDocument(), e(t.getByText("filter_list_alt").tagName).toBe("I");
   }), B("should render filter without modal", () => {
     a(
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ r(
         T,
         {
-          filters: l,
-          currentFilter: n,
+          filters: i,
+          currentFilter: l,
           closeCallback: o,
           filterButtonText: "filterButtonText",
           filterModalTitle: "filterModalTitle",
@@ -146,5 +144,23 @@ y("Filter", () => {
         }
       )
     ), e(t.queryByText("filterButtonText")).not.toBeInTheDocument(), e(t.queryByText("clearFilterText")).not.toBeInTheDocument(), e(t.queryByText("modalCancelButtonText")).not.toBeInTheDocument(), e(t.queryByText("modalConfirmButtonText")).not.toBeInTheDocument(), e(t.queryByText("clearFilterText")).not.toBeInTheDocument(), e(t.getByTestId("farm")).toBeInTheDocument(), e(t.getByText("Filter 1")).toBeInTheDocument(), e(t.getByText("Filter 2")).toBeInTheDocument(), e(t.getByText("Option 1")).toBeInTheDocument(), e(t.getByText("Option 3")).toBeInTheDocument();
+  }), B("should call closeCallback when confirm button is clicked", () => {
+    a(
+      /* @__PURE__ */ r(
+        T,
+        {
+          filters: i,
+          currentFilter: l,
+          closeCallback: o,
+          filterButtonText: "filterButtonText",
+          filterModalTitle: "filterModalTitle",
+          modalCancelButtonText: "modalCancelButtonText",
+          modalConfirmButtonText: "modalConfirmButtonText",
+          clearFilterText: "clearFilterText"
+        }
+      )
+    );
+    const n = t.getByRole("button", { name: "modalConfirmButtonText" });
+    c.click(n), e(o).toHaveBeenCalledTimes(1), e(o).toHaveBeenCalledWith(l);
   });
 });

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

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { C as m } from "../../../index.es-Dnrk7XL6.js";
+import { C as m } from "../../../index.es-DObVvepK.js";
 import { useFormContext as k, Controller as C } from "react-hook-form";
 import '../../../assets/FormCheckBox.css';const b = "_invalid_1l2r2_1", d = "_checkbox_1l2r2_5", c = {
   invalid: b,

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

@@ -1,18 +1,18 @@
 import { jsx as C, jsxs as pa } from "react/jsx-runtime";
-import { B as ba } from "../../../index.es-DmsyeHLO.js";
-import { b as u, a as o, c as d, d as s, r as wa, s as be, t as M, m as j, l as D, f as z, e as N, g as ya, D as Pa } from "../../../index.es-D66OkZJH.js";
-import { D as ka } from "../../../index.es-ks_RnHLh.js";
-import { P as Ma } from "../../../index.es-DFFyENnI.js";
+import { B as ba } from "../../../index.es-0QJC9VS2.js";
+import { b as u, a as o, c as d, d as s, r as wa, s as be, t as M, m as j, l as D, f as z, e as N, g as ya, D as Pa } from "../../../index.es-DqSY-ePE.js";
+import { D as ka } from "../../../index.es-Dfju71Pi.js";
+import { P as Ma } from "../../../index.es-Bo1Rhtyb.js";
 import { useMemo as V, useState as $a } from "react";
 import { useFormContext as Wa, Controller as ja } from "react-hook-form";
 import { useHelperText as Da } from "../../../hooks/useHelperText.js";
-import "../../../isEmpty-SkzPhavO.js";
+import "../../../isEmpty-CxD71Jv8.js";
 import "../../../react-tooltip.min-DSY6KDqS.js";
-import "../../../orderBy-D4LvP9Az.js";
-import "../../../uniqueId-DrPMzA-E.js";
-import "../../../get-CqneoueQ.js";
-import "../../../omit-BN3qeeaj.js";
-import "../../../isArray-CSaAxHlq.js";
+import "../../../orderBy-BXxEvUw6.js";
+import "../../../uniqueId-NU3-C36A.js";
+import "../../../get-DuK51wnj.js";
+import "../../../omit-uTAyrUTm.js";
+import "../../../isArray-Dub1wGJM.js";
 import { getFormattedDateTime as za } from "../../../services/UtilService.js";
 import "../../../types/Time.js";
 import '../../../assets/FormDatePicker.css';var xa = {

package/dist/components/FormComponents/FormNumber/CustomTextField.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
-import { T as d } from "../../../index.es-jFaPNuBO.js";
-import { g as u } from "../../../get-CqneoueQ.js";
-import { o as g } from "../../../omit-BN3qeeaj.js";
+import { T as d } from "../../../index.es-DENZVv7_.js";
+import { g as u } from "../../../get-DuK51wnj.js";
+import { o as g } from "../../../omit-uTAyrUTm.js";
 import { useMemo as f } from "react";
 import { useFormContext as v } from "react-hook-form";
 import '../../../assets/CustomTextField.css';const c = "_invalid_1dsbr_1", s = {

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

@@ -1,5 +1,5 @@
 import { jsx as r, Fragment as m } from "react/jsx-runtime";
-import { R as d } from "../../../index.es-Cdu6tjUC.js";
+import { R as d } from "../../../index.es-D1IpdMde.js";
 import { useFormContext as s, Controller as c } from "react-hook-form";
 const g = ({ propertyName: l, options: t }) => {
   const { control: n, setValue: o } = s(), u = (a) => {

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

@@ -1,13 +1,13 @@
-import { jsx as o, Fragment as g, jsxs as k } from "react/jsx-runtime";
-import { g as x } from "../../../get-CqneoueQ.js";
-import { i as G } from "../../../isArray-CSaAxHlq.js";
-import { useMemo as z } from "react";
-import { useFormContext as J, Controller as C } from "react-hook-form";
+import { jsx as o, Fragment as C, jsxs as z } from "react/jsx-runtime";
+import { g as _ } from "../../../get-DuK51wnj.js";
+import { i as G } from "../../../isArray-Dub1wGJM.js";
+import { useMemo as $ } from "react";
+import { useFormContext as J, Controller as H } from "react-hook-form";
 import { M as L } from "../../../react-tooltip.min-DSY6KDqS.js";
 import { useHelperText as O } from "../../../hooks/useHelperText.js";
 import { Select as Q } from "../../Select/Select.js";
 import { SelectTooltipText as R } from "./SelectTooltipText.js";
-import '../../../assets/FormSelect.css';const U = "_invalidHelperText_1qcz0_1", W = "_invalidBorder_1qcz0_5", X = "_invalidPlaceholder_1qcz0_9", Y = "_invalidDropdownIcon_1qcz0_13", Z = "_formSelectContainer_1qcz0_18", N = "_formSelect_1qcz0_18", y = "_multiText_1qcz0_40", K = "_tooltip_1qcz0_49", ee = "_disabled_1qcz0_54", t = {
+import '../../../assets/FormSelect.css';const U = "_invalidHelperText_u3es9_1", W = "_invalidBorder_u3es9_5", X = "_invalidPlaceholder_u3es9_9", Y = "_invalidDropdownIcon_u3es9_13", Z = "_formSelectContainer_u3es9_18", N = "_formSelect_u3es9_18", y = "_multiText_u3es9_45", K = "_tooltip_u3es9_54", ee = "_disabled_u3es9_59", t = {
   invalidHelperText: U,
   invalidBorder: W,
   invalidPlaceholder: X,
@@ -19,109 +19,109 @@ import '../../../assets/FormSelect.css';const U = "_invalidHelperText_1qcz0_1",
   disabled: ee
 }, fe = ({
   propertyName: i,
-  label: s,
+  label: c,
   options: r,
   multi: a = !1,
-  disabled: h = !1,
-  hoisted: $ = !1,
-  hidden: H = !1,
+  disabled: x = !1,
+  hoisted: I = !1,
+  hidden: w = !1,
   valueKey: n = "value",
-  textKey: u = "text",
-  clearable: I = !1,
-  searchable: w = !0,
+  textKey: h = "text",
+  clearable: D = !1,
+  searchable: P = !0,
   noOptionsMessage: T = "",
   rules: f,
-  menuPosition: D = "auto",
+  menuPosition: B = "auto",
   ...l
 }) => {
   const {
     control: v,
-    getFieldState: P,
-    formState: { errors: S, isValidating: q }
-  } = J(), B = z(
-    () => !q && x(S, i) !== void 0,
-    [S, i, q]
-  ), F = z(
+    getFieldState: F,
+    formState: { errors: S, isValidating: p }
+  } = J(), b = $(
+    () => !p && _(S, i) !== void 0,
+    [S, i, p]
+  ), M = $(
     () => f?.required?.message,
     [f]
-  ), { helperText: b, helperTextPersistent: M } = O({
+  ), { helperText: j, helperTextPersistent: q } = O({
     propertyName: i,
     helperText: l.helperText,
-    requiredText: F,
+    requiredText: M,
     hasCharacterCount: !1
   });
-  return H ? /* @__PURE__ */ o(C, { name: i, control: v, render: () => /* @__PURE__ */ o(g, {}) }) : /* @__PURE__ */ o(
+  return w ? /* @__PURE__ */ o(H, { name: i, control: v, render: () => /* @__PURE__ */ o(C, {}) }) : /* @__PURE__ */ o(
     "div",
     {
       "data-testid": "form-select-container",
       className: t.formSelectContainer,
-      "data-tooltip-id": s,
+      "data-tooltip-id": c,
       children: /* @__PURE__ */ o(
-        C,
+        H,
         {
           name: i,
           rules: f,
           control: v,
-          render: ({ field: { ref: te, onChange: m, value: p, ...j } }) => {
-            let _ = r;
-            G(r) && x(r[0], "options") !== void 0 && (_ = r.flatMap((e) => x(e, "options") ?? []));
-            const d = a ? _?.filter(
-              (e) => p?.includes(e[n])
-            ) : _?.find((e) => e[n] === p), A = a && l.multiDisplayType === "text" && l.fixedHeightInput, c = P(i).invalid, E = `
+          render: ({ field: { ref: te, onChange: m, value: g, ...A } }) => {
+            let u = r;
+            G(r) && _(r[0], "options") !== void 0 && (u = r.flatMap((e) => _(e, "options") ?? []));
+            const d = a ? u?.filter(
+              (e) => g?.includes(e[n])
+            ) : u?.find((e) => e[n] === g), E = a && l.multiDisplayType === "text" && l.fixedHeightInput, s = F(i).invalid, V = `
           ${t.formSelect} 
-          ${c ? t.invalidHelperText : ""} 
-          ${c ? t.invalidDropdownIcon : ""}  
-          ${c ? t.invalidBorder : ""} 
-          ${c ? t.invalidPlaceholder : ""}  
-          ${A ? t.multiText : ""} 
-          ${h ? t.disabled : ""}`;
-            return /* @__PURE__ */ k(g, { children: [
+          ${s ? t.invalidHelperText : ""} 
+          ${s ? t.invalidDropdownIcon : ""}  
+          ${s ? t.invalidBorder : ""} 
+          ${s ? t.invalidPlaceholder : ""}  
+          ${E ? t.multiText : ""} 
+          ${x ? t.disabled : ""}`;
+            return /* @__PURE__ */ z(C, { children: [
               /* @__PURE__ */ o(
                 Q,
                 {
-                  ...j,
+                  ...A,
                   ...l,
                   value: d ?? [],
-                  label: s,
+                  label: c,
                   variant: "outlined",
-                  helperText: b,
-                  helperTextPersistent: M,
+                  helperText: j,
+                  helperTextPersistent: q,
                   options: r,
-                  valid: !B,
+                  valid: !b,
                   "data-testid": l["data-testid"] ?? `select-${i}`,
                   multiSelect: !r?.length && T ? !1 : a,
-                  className: E,
-                  disabled: h,
+                  className: V,
+                  disabled: x,
                   valueKey: n,
-                  textKey: u,
+                  textKey: h,
                   onChange: (e) => {
                     if (e == null) {
                       m(e);
                       return;
                     }
                     if (a) {
-                      m(e.map((V) => V[n]));
+                      m(e.map((k) => k[n]));
                       return;
                     }
                     m(e[n]), l?.onChange?.(e);
                   },
-                  hoisted: $,
+                  hoisted: I,
                   noOptionsMessage: T,
-                  searchable: w,
-                  clearable: I,
-                  menuPosition: D
+                  searchable: P,
+                  clearable: D,
+                  menuPosition: B
                 }
               ),
               /* @__PURE__ */ o(
                 L,
                 {
-                  id: s,
+                  id: c,
                   noArrow: !0,
                   place: "bottom",
                   delayShow: 420,
                   className: t.tooltip,
                   hidden: !d || d.length === 0 || !l.fixedHeightInput,
-                  children: /* @__PURE__ */ o(R, { value: d, textKey: u, valueKey: n })
+                  children: /* @__PURE__ */ o(R, { value: d, textKey: h, valueKey: n })
                 }
               )
             ] });

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

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
-import { G as p } from "../../../index.es-Dw1eih7R.js";
-import { T as d } from "../../../index.es-1zrFd4Te.js";
+import { G as p } from "../../../index.es-DDYCugj-.js";
+import { T as d } from "../../../index.es-BGordhUK.js";
 const m = ({ value: r, textKey: t, valueKey: e }) => {
   if (!(!r || r.length === 0))
     return Array.isArray(r) ? /* @__PURE__ */ i(p, { "data-testid": "select-tooltip", direction: "vertical", gap: "dense", children: r?.map((o) => /* @__PURE__ */ i(d, { level: 2, children: o[t] }, o[e])) }) : r?.[t];