@hortiview/shared-components 0.0.11176 → 0.0.11587

package/dist/components/Filter/Filter.d.ts

@@ -1,4 +1,5 @@
 import { FilterData, FilterSelection } from '../../types/Filter';
+
 type FilterProps = {
     modalCancelButtonText: string;
     modalConfirmButtonText: string;

package/dist/components/Filter/Filter.js

@@ -1,131 +1,135 @@
-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 { jsx as t, jsxs as y, Fragment as D } from "react/jsx-runtime";
+import { N } from "../../index.es-d5xhUpJZ.js";
+import { B as h } from "../../index.es-CiqbARoC.js";
+import { G as _ } from "../../index.es-DntoATwO.js";
+import { I } from "../../index.es-0lQcz8m1.js";
+import { S as T } from "../../index.es-8GOVkuo-.js";
+import { useState as v } from "react";
+import '../../assets/main.css';import '../../assets/Filter.css';/* 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 { Modal as I } from "../Modal/Modal.js";
+import { Iconify as W } from "../Iconify/Iconify.js";
+import "../../react-tooltip.min-DSY6KDqS.js";
+import "../../orderBy-Bd48bw88.js";
+import { SearchBar as j } from "../SearchBar/SearchBar.js";
+import "../../uniqueId-NU3-C36A.js";
+import { Modal as z } from "../Modal/Modal.js";
+import { Select as G } from "../Select/Select.js";
 import "react-hook-form";
-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,
+import "../../get-DFv1gXfq.js";
+import "../../isArray-Dub1wGJM.js";
+import "../../isString-BW9UHONv.js";
+const H = "_filterButton_qtl7a_1", K = "_relativeParent_qtl7a_6", V = "_filterBadge_qtl7a_10", E = "_dense_qtl7a_17", u = {
+  filterButton: H,
+  relativeParent: K,
   filterBadge: V,
   dense: E
-}, ae = ({
-  clearFilterText: u,
+}, dt = ({
+  clearFilterText: d,
   closeCallback: s,
   currentFilter: r,
   filterButtonAsIcon: f = !1,
-  filterButtonText: l,
+  filterButtonText: n,
   filterModalTitle: i,
-  filters: d,
+  filters: m,
   modalCancelButtonText: g,
-  modalConfirmButtonText: h,
-  useModal: o = !0,
-  selectAllLabel: t
+  modalConfirmButtonText: p,
+  useModal: l = !0,
+  selectAllLabel: e
 }) => {
-  const { isDesktop: A } = b(), [q, B] = _(!1), [c, C] = _(r), [w, x] = _(0), S = () => {
+  const { isDesktop: A } = b(), [q, B] = v(!1), [c, C] = v(r), [w, x] = v(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)
+      c.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)
     );
   }, O = () => {
     C([]), x(0);
   }, F = (a) => {
-    const n = [
+    const o = [
       ...c.filter((P) => P.id !== a.id),
       a
     ];
-    C(n), o || s(n);
+    C(o), l || s(o);
   };
-  return o ? /* @__PURE__ */ y(D, { children: [
-    /* @__PURE__ */ e(
+  return l ? /* @__PURE__ */ y(D, { children: [
+    /* @__PURE__ */ t(
       J,
       {
-        filterButtonText: l,
+        filterButtonText: n,
         filterButtonAsIcon: f,
         count: w,
         onClick: () => B(!0)
       }
     ),
-    /* @__PURE__ */ e(
-      I,
+    /* @__PURE__ */ t(
+      z,
       {
         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) })
+        headerActions: /* @__PURE__ */ t(h, { variant: "text", onClick: O, children: d }),
+        dismissiveButton: /* @__PURE__ */ t(h, { variant: "outlined", onClick: () => B(!1), children: g }),
+        primaryButton: /* @__PURE__ */ t(h, { variant: "filled", onClick: S, children: p }),
+        children: /* @__PURE__ */ t(_, { direction: "vertical", children: k(m, c, F, e) })
       }
     )
-  ] }) : /* @__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,
+  ] }) : /* @__PURE__ */ t(_, { secondaryAlign: "center", fullWidth: !0, children: k(m, c, F, e, !1) });
+}, k = (d, s, r, f, n = !0) => d.map(({ id: i, title: m, availableOptions: g, icon: p, type: l }) => /* @__PURE__ */ y(_, { fullWidth: !0, secondaryAlign: "center", children: [
+  p ? /* @__PURE__ */ t(W, { icon: p, iconSize: "medium" }) : null,
+  l === "select" && /* @__PURE__ */ t(
+    G,
     {
       selectAllLabel: f,
-      className: l ? void 0 : m.dense,
+      className: n ? void 0 : u.dense,
       variant: "outlined",
       options: g,
-      label: d,
+      label: m,
       multiSelect: !0,
       textKey: "text",
       valueKey: "id",
-      value: s.find((t) => t.id === i)?.filterValue ?? [],
-      onChange: (t) => r({ id: i, type: o, filterValue: t }),
+      value: s.find((e) => e.id === i)?.filterValue ?? [],
+      onChange: (e) => r({ id: i, type: l, filterValue: e }),
       hoisted: !0,
       menuMaxHeight: "300px",
       disabled: i === "location",
       showOptionFilter: !1,
-      dense: !l,
-      fixedHeightInput: !l,
-      multiDisplayType: l ? "pills" : "text"
+      dense: !n,
+      fixedHeightInput: !n,
+      multiDisplayType: n ? "pills" : "text"
     }
   ),
-  o === "toggle" && /* @__PURE__ */ e(
-    W,
+  l === "toggle" && /* @__PURE__ */ t(
+    T,
     {
-      label: d,
-      onChange: (t) => r({ id: i, type: o, filterValue: t }),
-      checked: !!s.find((t) => t.id === i)?.filterValue
+      label: m,
+      onChange: (e) => r({ id: i, type: l, filterValue: e }),
+      checked: !!s.find((e) => e.id === i)?.filterValue
     }
   ),
-  o === "search" && /* @__PURE__ */ e(
-    H,
+  l === "search" && /* @__PURE__ */ t(
+    j,
     {
-      placeholder: d,
-      searchTerm: s.find((t) => t.id === i)?.filterValue,
-      setSearchTerm: (t) => r({ id: i, type: o, filterValue: t })
+      placeholder: m,
+      searchTerm: s.find((e) => e.id === i)?.filterValue,
+      setSearchTerm: (e) => r({ id: i, type: l, filterValue: e })
     }
   )
 ] }, i)), J = ({
-  filterButtonText: u,
+  filterButtonText: d,
   filterButtonAsIcon: s,
   count: r,
   onClick: f
 }) => {
-  const { isDesktop: l } = b();
-  return s ? /* @__PURE__ */ e(
-    j,
+  const { isDesktop: n } = b();
+  return s ? /* @__PURE__ */ t(
+    I,
     {
       icon: "filter_list_alt",
       onClick: f,
-      badge: r !== 0 && /* @__PURE__ */ e(
-        k,
+      badge: r !== 0 && /* @__PURE__ */ t(
+        N,
         {
           counter: r,
-          className: m.filterBadge,
+          className: u.filterBadge,
           themeColor: "secondary",
           "data-testid": "filter-badge"
         }
@@ -134,26 +138,26 @@ const K = "_filterButton_qtl7a_1", G = "_relativeParent_qtl7a_6", V = "_filterBa
   ) : /* @__PURE__ */ y(
     "div",
     {
-      className: m.relativeParent,
-      style: { height: "100%", width: l ? void 0 : "100%" },
+      className: u.relativeParent,
+      style: { height: "100%", width: n ? void 0 : "100%" },
       children: [
-        /* @__PURE__ */ e(
-          p,
+        /* @__PURE__ */ t(
+          h,
           {
             variant: "outlined",
             themeColor: "primary",
             leadingIcon: "filter_list_alt",
             onClick: f,
-            className: m.filterButton,
-            fullWidth: !l,
-            children: u
+            className: u.filterButton,
+            fullWidth: !n,
+            children: d
           }
         ),
-        r !== 0 && /* @__PURE__ */ e(
-          k,
+        r !== 0 && /* @__PURE__ */ t(
+          N,
           {
             counter: r,
-            className: m.filterBadge,
+            className: u.filterBadge,
             themeColor: "secondary",
             "data-testid": "filter-badge"
           }
@@ -163,5 +167,5 @@ const K = "_filterButton_qtl7a_1", G = "_relativeParent_qtl7a_6", V = "_filterBa
   );
 };
 export {
-  ae as Filter
+  dt 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-FR1-H8iU.js";
+import { a, s as t, f as c, t as u, w as d } from "../../react.esm-DNwojocF.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.CjhMlMwf-DWv7vrn7.js";
+import { v as x, b as f, d as y, t as B, g as e } from "../../vi.CjhMlMwf-BCJNwXvu.js";
 const o = x.fn();
 f(() => {
   x.spyOn(s, "useBreakpoints").mockReturnValue({

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

@@ -1,4 +1,5 @@
 import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
+
 type FormCheckProps<T extends FieldValues> = {
     /** The name of the property that this checkbox represents. */
     propertyName: Path<T>;

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

@@ -1,13 +1,15 @@
 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 { C } from "../../../index.es-BvrQnJ3j.js";
+import { G as x } from "../../../index.es-DntoATwO.js";
+import { a as d } from "../../../index.es-CF_xy2ns.js";
 import { useFormContext as l, Controller as u } from "react-hook-form";
-const j = ({
+const v = ({
   propertyName: t,
   label: n,
-  validate: c,
-  required: s,
-  onChange: a,
-  disabled: m
+  validate: a,
+  required: m,
+  onChange: s,
+  disabled: c
 }) => {
   const { control: h } = l();
   return /* @__PURE__ */ o(
@@ -16,8 +18,8 @@ const j = ({
       name: t,
       control: h,
       rules: {
-        required: s,
-        validate: c
+        required: m,
+        validate: a
       },
       render: ({ field: r, fieldState: e }) => /* @__PURE__ */ p(x, { direction: "vertical", gap: "none", children: [
         /* @__PURE__ */ o(
@@ -27,10 +29,10 @@ const j = ({
             ...r,
             label: n,
             onChange: (...i) => {
-              r.onChange(...i), a?.();
+              r.onChange(...i), s?.();
             },
             checked: r.value,
-            disabled: m
+            disabled: c
           }
         ),
         e.error && /* @__PURE__ */ o(d, { "data-testid": "checkbox-error-message", themeColor: "error", children: e.error.message })
@@ -39,5 +41,5 @@ const j = ({
   );
 };
 export {
-  j as FormCheckBox
+  v 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-FR1-H8iU.js";
+import { a as n, s as t, f as m } from "../../../react.esm-DNwojocF.js";
 import { FormCheckBox as c } from "./FormCheckBox.js";
-import { v as e, d as h, t as l, g as r } from "../../../vi.CjhMlMwf-DWv7vrn7.js";
+import { v as e, d as h, t as l, g as r } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
 const a = e.fn();
 e.mock("react-hook-form", () => ({
   ...e.importActual("react-hook-form"),

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

@@ -1,5 +1,6 @@
-import { DatepickerProps as ElementDatePickerProps } from '@element/react-components';
+import { DatepickerProps as ElementDatePickerProps } from '@element-public/react-datepicker';
 import { FieldPath, FieldValues, Path, RegisterOptions } from 'react-hook-form';
+
 type DatePickerProps<T extends FieldValues> = {
     /** Name of the property that this date picker represents. */
     propertyName: Path<T>;
@@ -42,5 +43,5 @@ type DatePickerProps<T extends FieldValues> = {
  *
  * @returns A JSX element that renders a date picker form input.
  */
-export declare const FormDatePicker: <T extends FieldValues>({ propertyName, label, closeLabel, className, minRangeYear, maxRangeYear, locale, rules, ...props }: Omit<ElementDatePickerProps, 'locale'> & DatePickerProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormDatePicker: <T extends FieldValues>({ propertyName, label, closeLabel, className, minRangeYear, maxRangeYear, locale, rules, ...props }: Omit<ElementDatePickerProps, "locale"> & DatePickerProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};