@hortiview/shared-components 2.8.6 → 2.8.7

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,6 +1,6 @@
 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 { g as x } from "../../../get-DuK51wnj.js";
+import { i as G } from "../../../isArray-Dub1wGJM.js";
 import { useMemo as z } from "react";
 import { useFormContext as J, Controller as C } from "react-hook-form";
 import { M as L } from "../../../react-tooltip.min-DSY6KDqS.js";

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];