@hortiview/shared-components 2.14.0 → 2.16.0

package/dist/components/ConfirmationModal/ConfirmationModal.test.js

@@ -0,0 +1,221 @@
+import { jsx as o } from "react/jsx-runtime";
+import { a as i, s as n } from "../../react.esm-Bm0cAgpZ.js";
+import { ConfirmationModal as l } from "./ConfirmationModal.js";
+import { d as m, t as a, a as e, g as t } from "../../vi.bdSIJ99Y-B308Q-4w.js";
+m("ConfirmationModal", () => {
+  a("renders modal title, label, list content, icon, and buttons", () => {
+    i(
+      /* @__PURE__ */ o(
+        l,
+        {
+          modalTitle: "Confirm Action",
+          confirmButtonLabel: "Confirm",
+          cancelButtonLabel: "Cancel",
+          label: "Are you sure?",
+          content: ["First item", "Second item"],
+          icon: "block",
+          isOpen: !0,
+          onConfirm: e.fn(),
+          onCancel: e.fn(),
+          isConfirmationDisabled: !1
+        }
+      )
+    ), t(n.getByText("Confirm Action")).toBeInTheDocument(), t(n.getByText("Are you sure?")).toBeInTheDocument(), t(n.getByText("First item")).toBeInTheDocument(), t(n.getByText("Second item")).toBeInTheDocument(), t(n.getByTestId("block")).toBeInTheDocument(), t(n.getByText("Confirm")).toBeInTheDocument(), t(n.getByText("Cancel")).toBeInTheDocument();
+  }), a("renders string content", () => {
+    i(
+      /* @__PURE__ */ o(
+        l,
+        {
+          modalTitle: "Confirm Action",
+          confirmButtonLabel: "Confirm",
+          cancelButtonLabel: "Cancel",
+          label: "Are you sure?",
+          content: ["This action cannot be undone."],
+          isOpen: !0,
+          onConfirm: e.fn(),
+          onCancel: e.fn(),
+          isConfirmationDisabled: !1
+        }
+      )
+    ), t(n.getByText("This action cannot be undone.")).toBeInTheDocument();
+  }), a("calls onConfirm when confirm button is clicked", () => {
+    const r = e.fn();
+    i(
+      /* @__PURE__ */ o(
+        l,
+        {
+          modalTitle: "Confirm Action",
+          confirmButtonLabel: "Confirm",
+          cancelButtonLabel: "Cancel",
+          label: "Are you sure?",
+          isOpen: !0,
+          onConfirm: r,
+          onCancel: e.fn(),
+          isConfirmationDisabled: !1
+        }
+      )
+    ), n.getByText("Confirm").click(), t(r).toHaveBeenCalled();
+  }), a("calls onCancel when cancel button is clicked", () => {
+    const r = e.fn();
+    i(
+      /* @__PURE__ */ o(
+        l,
+        {
+          modalTitle: "Confirm Action",
+          confirmButtonLabel: "Confirm",
+          cancelButtonLabel: "Cancel",
+          label: "Are you sure?",
+          isOpen: !0,
+          onConfirm: e.fn(),
+          onCancel: r
+        }
+      )
+    ), n.getByText("Cancel").click(), t(r).toHaveBeenCalled();
+  }), a("disables confirm button when confirmation is disabled", () => {
+    i(
+      /* @__PURE__ */ o(
+        l,
+        {
+          modalTitle: "Confirm Action",
+          confirmButtonLabel: "Confirm",
+          cancelButtonLabel: "Cancel",
+          label: "Are you sure?",
+          isOpen: !0,
+          onConfirm: e.fn(),
+          onCancel: e.fn(),
+          isConfirmationDisabled: !0
+        }
+      )
+    ), t(n.getByTestId("confirm-button")).toBeDisabled();
+  }), a("renders correctly when content is null or undefined", () => {
+    const { rerender: r } = i(
+      /* @__PURE__ */ o(
+        l,
+        {
+          modalTitle: "Confirm Action",
+          confirmButtonLabel: "Confirm",
+          cancelButtonLabel: "Cancel",
+          label: "Are you sure?",
+          content: void 0,
+          isOpen: !0,
+          onConfirm: e.fn(),
+          onCancel: e.fn()
+        }
+      )
+    );
+    t(n.queryByRole("list")).not.toBeInTheDocument(), r(
+      /* @__PURE__ */ o(
+        l,
+        {
+          modalTitle: "Confirm Action",
+          confirmButtonLabel: "Confirm",
+          cancelButtonLabel: "Cancel",
+          label: "Are you sure?",
+          content: void 0,
+          isOpen: !0,
+          onConfirm: e.fn(),
+          onCancel: e.fn()
+        }
+      )
+    ), t(n.queryByRole("list")).not.toBeInTheDocument();
+  }), a("renders correctly when content is an empty array", () => {
+    i(
+      /* @__PURE__ */ o(
+        l,
+        {
+          modalTitle: "Confirm Action",
+          confirmButtonLabel: "Confirm",
+          cancelButtonLabel: "Cancel",
+          label: "Are you sure?",
+          content: [],
+          isOpen: !0,
+          onConfirm: e.fn(),
+          onCancel: e.fn()
+        }
+      )
+    ), t(n.getByText("Are you sure?")).toBeInTheDocument();
+  }), a("renders ReactNode as label", () => {
+    i(
+      /* @__PURE__ */ o(
+        l,
+        {
+          modalTitle: "Confirm Action",
+          confirmButtonLabel: "Confirm",
+          cancelButtonLabel: "Cancel",
+          label: /* @__PURE__ */ o("span", { "data-testid": "custom-label", children: "Custom Label" }),
+          isOpen: !0,
+          onConfirm: e.fn(),
+          onCancel: e.fn()
+        }
+      )
+    ), t(n.getByTestId("custom-label")).toBeInTheDocument(), t(n.getByText("Custom Label")).toBeInTheDocument();
+  }), a("confirm button is not disabled by default", () => {
+    i(
+      /* @__PURE__ */ o(
+        l,
+        {
+          modalTitle: "Confirm Action",
+          confirmButtonLabel: "Confirm",
+          cancelButtonLabel: "Cancel",
+          label: "Are you sure?",
+          isOpen: !0,
+          onConfirm: e.fn(),
+          onCancel: e.fn()
+        }
+      )
+    ), t(n.getByTestId("confirm-button")).not.toBeDisabled();
+  }), a("confirm button can be disabled", () => {
+    i(
+      /* @__PURE__ */ o(
+        l,
+        {
+          modalTitle: "Confirm Action",
+          confirmButtonLabel: "Confirm",
+          cancelButtonLabel: "Cancel",
+          label: "Are you sure?",
+          isOpen: !0,
+          onConfirm: e.fn(),
+          onCancel: e.fn(),
+          isConfirmationDisabled: !0
+        }
+      )
+    ), t(n.getByTestId("confirm-button")).toBeDisabled();
+  }), a("renders bullet points when showBulletPoints is true", () => {
+    i(
+      /* @__PURE__ */ o(
+        l,
+        {
+          modalTitle: "Bullet Modal",
+          confirmButtonLabel: "Confirm",
+          cancelButtonLabel: "Cancel",
+          label: "Choose wisely:",
+          content: ["Bullet 1", "Bullet 2"],
+          showBulletPoints: !0,
+          isOpen: !0,
+          onConfirm: e.fn(),
+          onCancel: e.fn()
+        }
+      )
+    ), t(n.getByText("Bullet 1")).toBeInTheDocument(), t(n.getByText("Bullet 2")).toBeInTheDocument();
+    const r = n.getByText("Bullet 1"), s = n.getByText("Bullet 2");
+    t(Array.from(r.classList).some((c) => c.includes("bulletPoint"))).toBe(!0), t(Array.from(s.classList).some((c) => c.includes("bulletPoint"))).toBe(!0);
+  }), a("does not render bullet point class when showBulletPoints is false", () => {
+    i(
+      /* @__PURE__ */ o(
+        l,
+        {
+          modalTitle: "No Bullet Modal",
+          confirmButtonLabel: "Confirm",
+          cancelButtonLabel: "Cancel",
+          label: "Choose wisely:",
+          content: ["Item 1", "Item 2"],
+          isOpen: !0,
+          onConfirm: e.fn(),
+          onCancel: e.fn()
+        }
+      )
+    );
+    const r = n.getByText("Item 1"), s = n.getByText("Item 2");
+    t(Array.from(r.classList).some((c) => c.includes("bulletPoint"))).toBe(!1), t(Array.from(s.classList).some((c) => c.includes("bulletPoint"))).toBe(!1);
+  });
+});

package/dist/components/DeleteModal/DeleteModal.js

@@ -10,16 +10,16 @@ import { Iconify as z } from "../Iconify/Iconify.js";
 import "react";
 import "../../react-tooltip.min-CVsI--2Y.js";
 import "../../orderBy-DLBJlgdL.js";
-import { LoadingSpinner as B } from "../LoadingSpinner/Default/LoadingSpinner.js";
-import { Modal as M } from "../Modal/Modal.js";
+import "../../index-CuHybtft.js";
+import "../SharedComponentsPermissionProvider/PermissionContext.js";
+import { Modal as B } from "../Modal/Modal.js";
+import { LoadingSpinner as M } from "../LoadingSpinner/Default/LoadingSpinner.js";
 import "react-hook-form";
 import "../../get-D8IXqiys.js";
 import "../../isArray-BjSPDQ4v.js";
 import "../../isString-DVA49FEo.js";
 import "../../omit-CYY_mIYv.js";
 import "../../types/Time.js";
-import "../../index-CuHybtft.js";
-import "../SharedComponentsPermissionProvider/PermissionContext.js";
 import "../../react.esm-Bm0cAgpZ.js";
 import '../../assets/DeleteModal.css';const j = "_bulletPoint_bd412_1", A = "_modal_bd412_7", G = "_colorDanger_bd412_11", q = "_crossedOut_bd412_15", e = {
   bulletPoint: j,
@@ -47,7 +47,7 @@ import '../../assets/DeleteModal.css';const j = "_bulletPoint_bd412_1", A = "_mo
 }) => {
   const { isDesktop: D } = O();
   return /* @__PURE__ */ o(
-    M,
+    B,
     {
       isOnline: p,
       offlineViewProps: k,
@@ -64,7 +64,7 @@ import '../../assets/DeleteModal.css';const j = "_bulletPoint_bd412_1", A = "_mo
           label: s ? "" : t,
           onClick: C,
           disabled: !u || s || !p,
-          trailingIcon: s ? /* @__PURE__ */ o(B, { size: "sm", text: "", spinnerOnly: !0 }) : null
+          trailingIcon: s ? /* @__PURE__ */ o(M, { size: "sm", text: "", spinnerOnly: !0 }) : null
         }
       ),
       footerSupplemental: /* @__PURE__ */ o(

package/dist/components/Filter/Filter.js

@@ -11,8 +11,10 @@ import { u as F } from "../../useBreakpoints-MzTZ0tCT.js";
 import "../../react-tooltip.min-CVsI--2Y.js";
 import "../../orderBy-DLBJlgdL.js";
 import { SearchBar as I } from "../SearchBar/SearchBar.js";
-import "../../uniqueId-BNVTeImh.js";
+import "../../index-CuHybtft.js";
+import "../SharedComponentsPermissionProvider/PermissionContext.js";
 import { Modal as K } from "../Modal/Modal.js";
+import "../../uniqueId-BNVTeImh.js";
 import { Select as M } from "../Select/Select.js";
 import "react-hook-form";
 import "../../get-D8IXqiys.js";
@@ -20,8 +22,6 @@ import "../../isArray-BjSPDQ4v.js";
 import "../../isString-DVA49FEo.js";
 import "../../omit-CYY_mIYv.js";
 import "../../types/Time.js";
-import "../../index-CuHybtft.js";
-import "../SharedComponentsPermissionProvider/PermissionContext.js";
 import "../../react.esm-Bm0cAgpZ.js";
 import '../../assets/Filter.css';const T = "_filterButton_1qtzn_1", V = "_relativeParent_1qtzn_21", E = "_iconColor_1qtzn_25", J = "_filterBadge_1qtzn_29", Q = "_dense_1qtzn_36", U = "_filterModal_1qtzn_41", X = "_borderRadius_1qtzn_45", s = {
   filterButton: T,

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

@@ -1,6 +1,6 @@
 import { jsx as C, jsxs as pa } from "react/jsx-runtime";
 import { B as ba } from "../../../index.es-B8p8KCdj.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-C7cC1Hdu.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-C32E1Lcb.js";
 import { D as ka } from "../../../index.es-B1h6DPYp.js";
 import { P as Ma } from "../../../index.es-BanVdXEd.js";
 import { useMemo as V, useState as $a } from "react";

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

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import { T as u } from "../../../index.es-B74L_Dje.js";
+import { T as u } from "../../../index.es-BYcQTTL8.js";
 import { g } from "../../../get-D8IXqiys.js";
 import { o as f } from "../../../omit-CYY_mIYv.js";
 import { useMemo as v } from "react";

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

@@ -4,7 +4,7 @@ import { _ as Qe, a as Ce, b as Ye, c as et, d as Oe, e as _e, f as tt } from ".
 import { _ as Re } from "../../../parse-int-D-3oah_F.js";
 import p, { forwardRef as rt, useRef as De, useImperativeHandle as Ne, useCallback as x, useEffect as V, useMemo as ke } from "react";
 import { I as Be } from "../../../index.es-Dgxrk6xW.js";
-import { T as Pe } from "../../../index.es-B74L_Dje.js";
+import { T as Pe } from "../../../index.es-BYcQTTL8.js";
 import { c as Me } from "../../../index.es-Da7ok-B-.js";
 import { b as Fe, c as j } from "../../../tslib.es6-BDCynO9F.js";
 import { M as nt, a as it } from "../../../component-Bz_dtX1r.js";

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

@@ -1,5 +1,5 @@
 import { jsx as t, Fragment as _, jsxs as z } from "react/jsx-runtime";
-import { T as M } from "../../../index.es-B74L_Dje.js";
+import { T as M } from "../../../index.es-BYcQTTL8.js";
 import { a as P } from "../../../index.es-SjZ_-d7U.js";
 import { useState as V, useCallback as W, useMemo as d } from "react";
 import { useFormContext as D, Controller as v } from "react-hook-form";