@hortiview/shared-components 0.0.11528 → 0.0.11587

package/dist/components/Filter/Filter.js

@@ -1,84 +1,88 @@
 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 { 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 j } from "../Iconify/Iconify.js";
-import "../../react-tooltip.min-Czs4RGD1.js";
-import "../../orderBy-BVQIswlJ.js";
-import { SearchBar as z } from "../SearchBar/SearchBar.js";
-import "lodash";
-import { Modal as H } from "../Modal/Modal.js";
-import { Select as I } from "../Select/Select.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", u = {
-  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
-}, at = ({
-  clearFilterText: m,
+}, dt = ({
+  clearFilterText: d,
   closeCallback: s,
   currentFilter: r,
   filterButtonAsIcon: f = !1,
-  filterButtonText: o,
+  filterButtonText: n,
   filterModalTitle: i,
-  filters: d,
+  filters: m,
   modalCancelButtonText: g,
-  modalConfirmButtonText: h,
+  modalConfirmButtonText: p,
   useModal: l = !0,
   selectAllLabel: e
 }) => {
-  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)
+  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: 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), l || s(n);
+    C(o), l || s(o);
   };
   return l ? /* @__PURE__ */ y(D, { children: [
     /* @__PURE__ */ t(
       J,
       {
-        filterButtonText: o,
+        filterButtonText: n,
         filterButtonAsIcon: f,
         count: w,
-        onClick: () => v(!0)
+        onClick: () => B(!0)
       }
     ),
     /* @__PURE__ */ t(
-      H,
+      z,
       {
         open: q,
         onClose: S,
         title: i,
         modalSize: A ? "small" : "fullscreen",
-        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) })
+        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__ */ 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,
+  ] }) : /* @__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(
-    I,
+    G,
     {
       selectAllLabel: f,
-      className: o ? void 0 : u.dense,
+      className: n ? void 0 : u.dense,
       variant: "outlined",
       options: g,
-      label: d,
+      label: m,
       multiSelect: !0,
       textKey: "text",
       valueKey: "id",
@@ -88,41 +92,41 @@ const K = "_filterButton_qtl7a_1", G = "_relativeParent_qtl7a_6", V = "_filterBa
       menuMaxHeight: "300px",
       disabled: i === "location",
       showOptionFilter: !1,
-      dense: !o,
-      fixedHeightInput: !o,
-      multiDisplayType: o ? "pills" : "text"
+      dense: !n,
+      fixedHeightInput: !n,
+      multiDisplayType: n ? "pills" : "text"
     }
   ),
   l === "toggle" && /* @__PURE__ */ t(
     T,
     {
-      label: d,
+      label: m,
       onChange: (e) => r({ id: i, type: l, filterValue: e }),
       checked: !!s.find((e) => e.id === i)?.filterValue
     }
   ),
   l === "search" && /* @__PURE__ */ t(
-    z,
+    j,
     {
-      placeholder: d,
+      placeholder: m,
       searchTerm: s.find((e) => e.id === i)?.filterValue,
       setSearchTerm: (e) => r({ id: i, type: l, filterValue: e })
     }
   )
 ] }, i)), J = ({
-  filterButtonText: m,
+  filterButtonText: d,
   filterButtonAsIcon: s,
   count: r,
   onClick: f
 }) => {
-  const { isDesktop: o } = b();
+  const { isDesktop: n } = b();
   return s ? /* @__PURE__ */ t(
-    W,
+    I,
     {
       icon: "filter_list_alt",
       onClick: f,
       badge: r !== 0 && /* @__PURE__ */ t(
-        k,
+        N,
         {
           counter: r,
           className: u.filterBadge,
@@ -135,22 +139,22 @@ const K = "_filterButton_qtl7a_1", G = "_relativeParent_qtl7a_6", V = "_filterBa
     "div",
     {
       className: u.relativeParent,
-      style: { height: "100%", width: o ? void 0 : "100%" },
+      style: { height: "100%", width: n ? void 0 : "100%" },
       children: [
         /* @__PURE__ */ t(
-          p,
+          h,
           {
             variant: "outlined",
             themeColor: "primary",
             leadingIcon: "filter_list_alt",
             onClick: f,
             className: u.filterButton,
-            fullWidth: !o,
-            children: m
+            fullWidth: !n,
+            children: d
           }
         ),
         r !== 0 && /* @__PURE__ */ t(
-          k,
+          N,
           {
             counter: r,
             className: u.filterBadge,
@@ -163,5 +167,5 @@ const K = "_filterButton_qtl7a_1", G = "_relativeParent_qtl7a_6", V = "_filterBa
   );
 };
 export {
-  at as Filter
+  dt as Filter
 };

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-public/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/FormDatePicker/FormDatePicker.d.ts

@@ -1,4 +1,4 @@
-import { DatepickerProps as ElementDatePickerProps } from '@element-public/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> = {