@hortiview/shared-components 0.0.11176 → 0.0.11528

package/dist/components/Filter/Filter.js

@@ -1,39 +1,39 @@
-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 { Group as _, Button as p, Switch as T, IconButton as W, NotificationBadge as k } from "@element-public/react-components";
+import { useState as B } 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 { Iconify as j } from "../Iconify/Iconify.js";
+import "../../react-tooltip.min-Czs4RGD1.js";
 import "../../orderBy-BVQIswlJ.js";
-import { SearchBar as H } from "../SearchBar/SearchBar.js";
+import { SearchBar as z } from "../SearchBar/SearchBar.js";
 import "lodash";
-import { Modal as I } from "../Modal/Modal.js";
+import { Modal as H } from "../Modal/Modal.js";
+import { Select as I } 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 = {
+const K = "_filterButton_qtl7a_1", G = "_relativeParent_qtl7a_6", V = "_filterBadge_qtl7a_10", E = "_dense_qtl7a_17", u = {
   filterButton: K,
   relativeParent: G,
   filterBadge: V,
   dense: E
-}, ae = ({
-  clearFilterText: u,
+}, at = ({
+  clearFilterText: m,
   closeCallback: s,
   currentFilter: r,
   filterButtonAsIcon: f = !1,
-  filterButtonText: l,
+  filterButtonText: o,
   filterModalTitle: i,
   filters: d,
   modalCancelButtonText: g,
   modalConfirmButtonText: h,
-  useModal: o = !0,
-  selectAllLabel: t
+  useModal: l = !0,
+  selectAllLabel: e
 }) => {
-  const { isDesktop: A } = b(), [q, B] = _(!1), [c, C] = _(r), [w, x] = _(0), S = () => {
-    B(!1), s(c), x(
+  const { isDesktop: A } = b(), [q, v] = B(!1), [c, C] = B(r), [w, x] = B(0), S = () => {
+    v(!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)
     );
   }, O = () => {
@@ -43,89 +43,89 @@ const K = "_filterButton_qtl7a_1", G = "_relativeParent_qtl7a_6", V = "_filterBa
       ...c.filter((P) => P.id !== a.id),
       a
     ];
-    C(n), o || s(n);
+    C(n), l || s(n);
   };
-  return o ? /* @__PURE__ */ y(D, { children: [
-    /* @__PURE__ */ e(
+  return l ? /* @__PURE__ */ y(D, { children: [
+    /* @__PURE__ */ t(
       J,
       {
-        filterButtonText: l,
+        filterButtonText: o,
         filterButtonAsIcon: f,
         count: w,
-        onClick: () => B(!0)
+        onClick: () => v(!0)
       }
     ),
-    /* @__PURE__ */ e(
-      I,
+    /* @__PURE__ */ t(
+      H,
       {
         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(p, { variant: "text", onClick: O, children: m }),
+        dismissiveButton: /* @__PURE__ */ t(p, { variant: "outlined", onClick: () => v(!1), children: g }),
+        primaryButton: /* @__PURE__ */ t(p, { variant: "filled", onClick: S, children: h }),
+        children: /* @__PURE__ */ t(_, { direction: "vertical", children: N(d, 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: N(d, c, F, e, !1) });
+}, N = (m, s, r, f, o = !0) => m.map(({ id: i, title: d, availableOptions: g, icon: h, type: l }) => /* @__PURE__ */ y(_, { fullWidth: !0, secondaryAlign: "center", children: [
+  h ? /* @__PURE__ */ t(j, { icon: h, iconSize: "medium" }) : null,
+  l === "select" && /* @__PURE__ */ t(
+    I,
     {
       selectAllLabel: f,
-      className: l ? void 0 : m.dense,
+      className: o ? void 0 : u.dense,
       variant: "outlined",
       options: g,
       label: d,
       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: !o,
+      fixedHeightInput: !o,
+      multiDisplayType: o ? "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
+      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(
+    z,
     {
       placeholder: d,
-      searchTerm: s.find((t) => t.id === i)?.filterValue,
-      setSearchTerm: (t) => r({ id: i, type: o, filterValue: t })
+      searchTerm: s.find((e) => e.id === i)?.filterValue,
+      setSearchTerm: (e) => r({ id: i, type: l, filterValue: e })
     }
   )
 ] }, i)), J = ({
-  filterButtonText: u,
+  filterButtonText: m,
   filterButtonAsIcon: s,
   count: r,
   onClick: f
 }) => {
-  const { isDesktop: l } = b();
-  return s ? /* @__PURE__ */ e(
-    j,
+  const { isDesktop: o } = b();
+  return s ? /* @__PURE__ */ t(
+    W,
     {
       icon: "filter_list_alt",
       onClick: f,
-      badge: r !== 0 && /* @__PURE__ */ e(
+      badge: r !== 0 && /* @__PURE__ */ t(
         k,
         {
           counter: r,
-          className: m.filterBadge,
+          className: u.filterBadge,
           themeColor: "secondary",
           "data-testid": "filter-badge"
         }
@@ -134,26 +134,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: o ? void 0 : "100%" },
       children: [
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t(
           p,
           {
             variant: "outlined",
             themeColor: "primary",
             leadingIcon: "filter_list_alt",
             onClick: f,
-            className: m.filterButton,
-            fullWidth: !l,
-            children: u
+            className: u.filterButton,
+            fullWidth: !o,
+            children: m
           }
         ),
-        r !== 0 && /* @__PURE__ */ e(
+        r !== 0 && /* @__PURE__ */ t(
           k,
           {
             counter: r,
-            className: m.filterBadge,
+            className: u.filterBadge,
             themeColor: "secondary",
             "data-testid": "filter-badge"
           }
@@ -163,5 +163,5 @@ const K = "_filterButton_qtl7a_1", G = "_relativeParent_qtl7a_6", V = "_filterBa
   );
 };
 export {
-  ae as Filter
+  at 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,5 +1,5 @@
 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 { Group as x, Checkbox as C, TypoCaption as d } from "@element-public/react-components";
 import { useFormContext as l, Controller as u } from "react-hook-form";
 const j = ({
   propertyName: t,

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-components';
 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 {};