@hortiview/shared-components 2.29.0-alpha.df46fcc5.1 → 2.30.0

package/components/Filter/Filter.js

@@ -1,16 +1,16 @@
-import { jsx as e, jsxs as B, Fragment as D } from "react/jsx-runtime";
-import { N as z } from "../../index.es-BIgjyLDa.js";
-import { B as _ } from "../../index.es-B9C7vzr4.js";
+import { jsx as e, jsxs as B, Fragment as W } from "react/jsx-runtime";
+import { N as y } from "../../index.es-BIgjyLDa.js";
+import { B as g } from "../../index.es-B9C7vzr4.js";
 import { G as v } from "../../index.es-BE1XL1dD.js";
-import { I as W } from "../../index.es-BwhRJBEH.js";
-import { S as j } from "../../index.es-DCWPAtXu.js";
-import { c as G } from "../../index-_-9ybP20.js";
+import { I as j } from "../../index.es-BwhRJBEH.js";
+import { S as z } from "../../index.es-DCWPAtXu.js";
+import { c as N } from "../../index-_-9ybP20.js";
 import { useState as b } from "react";
-import { Iconify as H } from "../Iconify/Iconify.js";
-import { u as F } from "../../useBreakpoints-DDrM9Cfx.js";
+import { Iconify as G } from "../Iconify/Iconify.js";
+import { u as $ } from "../../useBreakpoints-DDrM9Cfx.js";
 import "../../react-tooltip.min-DKaGxvdz.js";
 import "../../orderBy-Ce85KqD6.js";
-import { SearchBar as I } from "../SearchBar/SearchBar.js";
+import { SearchBar as H } from "../SearchBar/SearchBar.js";
 import "../../index-CuHybtft.js";
 import "../SharedComponentsPermissionProvider/PermissionContext.js";
 import { Modal as K } from "../Modal/Modal.js";
@@ -24,90 +24,91 @@ import "../../isString-LDbI4UeI.js";
 import "../../omit-DUqu4lDk.js";
 import "../../types/Time.js";
 import "../../react.esm-B3AK8zW1.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 = {
+import '../../assets/Filter.css';const T = "_filterButton_1qsua_1", V = "_relativeParent_1qsua_21", E = "_iconColor_1qsua_25", J = "_largeIconFix_1qsua_29", Q = "_filterBadge_1qsua_33", U = "_dense_1qsua_40", X = "_filterModal_1qsua_45", Y = "_borderRadius_1qsua_49", l = {
   filterButton: T,
   relativeParent: V,
   iconColor: E,
-  filterBadge: J,
-  dense: Q,
-  filterModal: U,
-  borderRadius: X
+  largeIconFix: J,
+  filterBadge: Q,
+  dense: U,
+  filterModal: X,
+  borderRadius: Y
 }, yt = ({
   clearFilterText: u,
   closeCallback: d,
   currentFilter: i,
-  filterButtonAsIcon: c = !1,
-  filterButtonText: f,
+  filterButtonAsIcon: f = !1,
+  filterButtonText: c,
   filterModalTitle: t,
-  filters: a,
+  filters: n,
   modalCancelButtonText: m,
   modalConfirmButtonText: h,
   useModal: o = !0,
   selectAllLabel: r,
-  filterButtonSize: q = "medium",
-  filterButtonClassName: $,
-  "data-testid": k
+  filterButtonSize: k = "medium",
+  filterButtonClassName: I,
+  "data-testid": w
 }) => {
-  const { isDesktop: w } = F(), [A, g] = b(!1), [p, C] = b(i), [R, S] = b(0), x = () => {
-    g(!1), d(p), S(
-      p.reduce((l, { filterValue: n }) => n === void 0 ? l : typeof n == "boolean" ? n ? l + 1 : l : Array.isArray(n) ? l + n.length : typeof n == "string" && n.length ? l + 1 : l, 0)
+  const { isDesktop: A } = $(), [R, _] = b(!1), [p, x] = b(i), [O, C] = b(0), F = () => {
+    _(!1), d(p), C(
+      p.reduce((s, { filterValue: a }) => a === void 0 ? s : typeof a == "boolean" ? a ? s + 1 : s : Array.isArray(a) ? s + a.length : typeof a == "string" && a.length ? s + 1 : s, 0)
     );
-  }, O = () => {
-    C([]), S(0);
-  }, y = (l) => {
-    const n = [
-      ...p.filter((P) => P.id !== l.id),
-      l
+  }, P = () => {
+    x([]), C(0);
+  }, S = (s) => {
+    const a = [
+      ...p.filter((D) => D.id !== s.id),
+      s
     ];
-    C(n), o || d(n);
+    x(a), o || d(a);
   };
-  return o ? /* @__PURE__ */ B(D, { children: [
+  return o ? /* @__PURE__ */ B(W, { children: [
     /* @__PURE__ */ e(
-      Y,
+      Z,
       {
-        filterButtonText: f,
-        filterButtonAsIcon: c,
-        count: R,
-        onClick: () => g(!0),
-        "data-testid": k,
-        filterButtonSize: q,
-        filterButtonClassName: $
+        filterButtonText: c,
+        filterButtonAsIcon: f,
+        count: O,
+        onClick: () => _(!0),
+        "data-testid": w,
+        filterButtonSize: k,
+        filterButtonClassName: I
       }
     ),
     /* @__PURE__ */ e(
       K,
       {
-        open: A,
-        className: s.filterModal,
-        onClose: x,
+        open: R,
+        className: l.filterModal,
+        onClose: F,
         title: t,
-        modalSize: w ? "small" : "fullscreen",
-        headerActions: /* @__PURE__ */ e(_, { "data-testid": "filter-clear-button", variant: "text", onClick: O, children: u }),
+        modalSize: A ? "small" : "fullscreen",
+        headerActions: /* @__PURE__ */ e(g, { "data-testid": "filter-clear-button", variant: "text", onClick: P, children: u }),
         footerSupplemental: /* @__PURE__ */ e(
-          _,
+          g,
           {
             "data-testid": "filter-cancel-button",
             variant: "outlined",
-            onClick: () => g(!1),
+            onClick: () => _(!1),
             children: m
           }
         ),
-        actionButton: /* @__PURE__ */ e(_, { "data-testid": "filter-confirm-button", variant: "filled", onClick: x, children: h }),
-        children: /* @__PURE__ */ e(v, { direction: "vertical", "data-testid": "filter-map-filters", children: N(a, p, y, r) })
+        actionButton: /* @__PURE__ */ e(g, { "data-testid": "filter-confirm-button", variant: "filled", onClick: F, children: h }),
+        children: /* @__PURE__ */ e(v, { direction: "vertical", "data-testid": "filter-map-filters", children: q(n, p, S, r) })
       }
     )
-  ] }) : /* @__PURE__ */ e(v, { secondaryAlign: "center", fullWidth: !0, children: N(a, p, y, r, !1) });
-}, N = (u, d, i, c, f = !0) => u.map(({ id: t, title: a, availableOptions: m, icon: h, type: o }) => /* @__PURE__ */ B(v, { fullWidth: !0, secondaryAlign: "center", "data-testid": `filter-${o}-group-${t}`, children: [
-  h ? /* @__PURE__ */ e(H, { icon: h, iconSize: "medium" }) : null,
+  ] }) : /* @__PURE__ */ e(v, { secondaryAlign: "center", fullWidth: !0, children: q(n, p, S, r, !1) });
+}, q = (u, d, i, f, c = !0) => u.map(({ id: t, title: n, availableOptions: m, icon: h, type: o }) => /* @__PURE__ */ B(v, { fullWidth: !0, secondaryAlign: "center", "data-testid": `filter-${o}-group-${t}`, children: [
+  h ? /* @__PURE__ */ e(G, { icon: h, iconSize: "medium" }) : null,
   o === "select" && /* @__PURE__ */ e(
     M,
     {
       "data-testid": `filter-select-${t}`,
-      selectAllLabel: c,
-      className: `${f ? void 0 : s.dense} ${s.borderRadius}`,
+      selectAllLabel: f,
+      className: `${c ? void 0 : l.dense} ${l.borderRadius}`,
       variant: "outlined",
       options: m,
-      label: a,
+      label: n,
       multiSelect: !0,
       textKey: "text",
       valueKey: "id",
@@ -117,53 +118,55 @@ import '../../assets/Filter.css';const T = "_filterButton_1qtzn_1", V = "_relati
       menuMaxHeight: "300px",
       disabled: t === "location",
       showOptionFilter: !1,
-      dense: !f,
-      fixedHeightInput: !f,
-      multiDisplayType: f ? "pills" : "text"
+      dense: !c,
+      fixedHeightInput: !c,
+      multiDisplayType: c ? "pills" : "text"
     }
   ),
   o === "toggle" && /* @__PURE__ */ e(
-    j,
+    z,
     {
       "data-testid": `filter-switch-${t}`,
-      label: a,
+      label: n,
       onChange: (r) => i({ id: t, type: o, filterValue: r }),
       checked: !!d.find((r) => r.id === t)?.filterValue
     }
   ),
   o === "search" && /* @__PURE__ */ e(
-    I,
+    H,
     {
       "data-testid": `filter-search-${t}`,
-      placeholder: a,
+      placeholder: n,
       searchTerm: d.find((r) => r.id === t)?.filterValue,
-      className: s.borderRadius,
+      className: l.borderRadius,
       setSearchTerm: (r) => i({ id: t, type: o, filterValue: r })
     }
   )
-] }, t)), Y = ({
+] }, t)), Z = ({
   filterButtonText: u,
   filterButtonAsIcon: d,
   count: i,
-  filterButtonSize: c,
-  filterButtonClassName: f,
+  filterButtonSize: f,
+  filterButtonClassName: c,
   "data-testid": t,
-  onClick: a
+  onClick: n
 }) => {
-  const { isDesktop: m } = F();
+  const { isDesktop: m } = $();
   return d ? /* @__PURE__ */ e(
-    W,
+    j,
     {
-      className: s.iconColor,
+      className: N(l.iconColor, {
+        [l.largeIconFix]: f === "large"
+      }),
       "data-testid": t ?? "filter-icon-button",
-      icon: "filter_list_alt",
-      onClick: a,
-      iconSize: c,
+      icon: "filter_list",
+      onClick: n,
+      iconSize: f,
       badge: i !== 0 && /* @__PURE__ */ e(
-        z,
+        y,
         {
           counter: i,
-          className: s.filterBadge,
+          className: l.filterBadge,
           themeColor: "secondary",
           "data-testid": "filter-badge"
         }
@@ -173,28 +176,28 @@ import '../../assets/Filter.css';const T = "_filterButton_1qtzn_1", V = "_relati
     "div",
     {
       "data-testid": t ?? "filter-button-container",
-      className: s.relativeParent,
+      className: l.relativeParent,
       style: { height: "100%", width: m ? void 0 : "100%" },
       children: [
         /* @__PURE__ */ e(
-          _,
+          g,
           {
             "data-testid": "filter-button",
             variant: "outlined",
             themeColor: "primary",
             leadingIcon: "filter_list_alt",
-            onClick: a,
-            className: G(f, s.filterButton),
+            onClick: n,
+            className: N(c, l.filterButton),
             fullWidth: !m,
-            buttonSize: c,
+            buttonSize: f,
             children: u
           }
         ),
         i !== 0 && /* @__PURE__ */ e(
-          z,
+          y,
           {
             counter: i,
-            className: s.filterBadge,
+            className: l.filterBadge,
             themeColor: "secondary",
             "data-testid": "filter-badge"
           }

package/components/FormComponents/FormNumber/CustomTextField.js

@@ -14,7 +14,7 @@ import '../../../assets/CustomTextField.css';const c = "_invalid_142hx_1", h = "
     trigger: i,
     watch: l
   } = s(), a = l(e.propertyName), d = v(() => {
-    if (!(!a || e.value === null))
+    if (!(a == null || e.value == null))
       return e.value;
   }, [a, e.value]);
   return /* @__PURE__ */ m(

package/components/GenericTable/GenericTable.d.ts

@@ -61,6 +61,11 @@ import { TableLayoutProps } from '../../types/GenericTable';
  * @param tableLayout layout of the table, can be 'standard' or 'flex'
  * @param isOnline Whether the user is online; shows OfflineView when false.
  * @param offlineViewProps Props forwarded to OfflineView when offline.
+ * @param resizableColumns Enables resizing handles for the specified columns. Be aware that sticky columns limit the resizable columns to the first column.
+ * @param stickyColumns pin the first and/or last column via CSS while scrolling horizontally; !! When combined with resizableColumns, only the first column can be resized, regardless of the resizableColumns keys. !!
+ * @param tableMaxHeight Set a max height in px that the table will be clamped to. Content rows will be scrollable if the whole table exceeds this height.
+ * @param noBorder Render the table without borders or the elevation
+ * @param disableRowsPerPageSelection Disable the rows per page selection dropdown
  * @returns a table based on a given type and data
  */
-export declare const GenericTable: <T>({ data, hiddenColumns, order, cellTemplates, tableActions, noContentText, headerTranslation, pagination, getRowActions, customColumnWidth, title, cardTitleColumn, cardSubTitleColumn, pageTranslation, pageOfTranslation, rowsPerPageTranslation, tableActionPosition, tableElevationLevel, tableLayout, isOnline, offlineViewProps, }: TableLayoutProps<T>) => import("react").JSX.Element;
+export declare const GenericTable: <T>({ data, hiddenColumns, order, cellTemplates, tableActions, noContentText, headerTranslation, pagination, getRowActions, customColumnWidth, title, cardTitleColumn, cardSubTitleColumn, pageTranslation, pageOfTranslation, rowsPerPageTranslation, tableActionPosition, tableLayout, isOnline, offlineViewProps, resizableColumns, stickyColumns, tableMaxHeight, noBorder, disableRowsPerPageSelection, }: TableLayoutProps<T>) => import("react").JSX.Element;