@hortiview/shared-components 1.1.1 → 1.2.0

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+# [1.2.0](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v1.1.2...v1.2.0) (2025-04-02)
+
+
+### Features
+
+* new props to handle default pagination strings added, changelog added to storybook ([491978e](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/491978e20c27183de69f18072b135bf4b438aa02))
+
+## [1.1.2](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v1.1.1...v1.1.2) (2025-03-31)
+
+
+### Bug Fixes
+
+* add MultiNoOptions story to showcase no options available message ([0e8f107](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/0e8f107bd70166534628dc78e0d51e54cfdec509))
+* adjust comment ([175a23b](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/175a23b093cee6306945806ce64ac42fd11f8ecc))
+* display no option message when component it multiselectable ([2b31b42](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/2b31b423bc42f14ddaced133a31336b8f02ab0d0)), closes [#14499](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/issues/14499)
+
 ## [1.1.1](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v1.1.0...v1.1.1) (2025-03-28)
 
 

package/dist/components/FormComponents/FormSelect/FormSelect.js

@@ -1,10 +1,10 @@
-import { jsx as o, Fragment as g, jsxs as V } from "react/jsx-runtime";
+import { jsx as l, Fragment as k, jsxs as z } from "react/jsx-runtime";
 import { g as _ } from "../../../get-DFv1gXfq.js";
-import { i as z } from "../../../isArray-Dub1wGJM.js";
-import { useMemo as k } from "react";
-import { useFormContext as G, Controller as C } from "react-hook-form";
-import { M as J } from "../../../react-tooltip.min-DSY6KDqS.js";
-import { useHelperText as L } from "../../../hooks/useHelperText.js";
+import { i as G } from "../../../isArray-Dub1wGJM.js";
+import { useMemo as C } from "react";
+import { useFormContext as J, Controller as $ } from "react-hook-form";
+import { M as L } from "../../../react-tooltip.min-DSY6KDqS.js";
+import { useHelperText as O } from "../../../hooks/useHelperText.js";
 import { Select as Q } from "../../Select/Select.js";
 import { SelectTooltipText as R } from "./SelectTooltipText.js";
 import '../../../assets/FormSelect.css';const U = "_invalidHelperText_ht9kd_1", W = "_invalidBorder_ht9kd_5", X = "_invalidPlaceholder_ht9kd_9", Y = "_invalidDropdownIcon_ht9kd_13", Z = "_formSelectContainer_ht9kd_18", N = "_formSelect_ht9kd_18", y = "_multiText_ht9kd_44", K = "_tooltip_ht9kd_53", tt = "_disabled_ht9kd_58", e = {
@@ -17,111 +17,111 @@ import '../../../assets/FormSelect.css';const U = "_invalidHelperText_ht9kd_1",
   multiText: y,
   tooltip: K,
   disabled: tt
-}, mt = ({
+}, ft = ({
   propertyName: i,
-  label: c,
-  options: n,
+  label: s,
+  options: o,
   multi: d = !1,
   disabled: x = !1,
-  hoisted: $ = !1,
-  hidden: H = !1,
-  valueKey: l = "value",
+  hoisted: H = !1,
+  hidden: I = !1,
+  valueKey: r = "value",
   textKey: u = "text",
-  clearable: I = !1,
-  searchable: w = !0,
-  noOptionsMessage: D = "",
-  rules: m,
+  clearable: w = !1,
+  searchable: D = !0,
+  noOptionsMessage: T = "",
+  rules: f,
   menuPosition: P = "auto",
-  ...r
+  ...n
 }) => {
   const {
-    control: T,
+    control: v,
     getFieldState: B,
-    formState: { errors: v, isValidating: S }
-  } = G(), F = k(
-    () => !S && _(v, i) !== void 0,
-    [v, i, S]
-  ), M = k(
-    () => m?.required?.message,
-    [m]
-  ), { helperText: b, helperTextPersistent: j } = L({
+    formState: { errors: S, isValidating: p }
+  } = J(), F = C(
+    () => !p && _(S, i) !== void 0,
+    [S, i, p]
+  ), b = C(
+    () => f?.required?.message,
+    [f]
+  ), { helperText: M, helperTextPersistent: j } = O({
     propertyName: i,
-    helperText: r.helperText,
-    requiredText: M,
+    helperText: n.helperText,
+    requiredText: b,
     hasCharacterCount: !1
   });
-  return H ? /* @__PURE__ */ o(C, { name: i, control: T, render: () => /* @__PURE__ */ o(g, {}) }) : /* @__PURE__ */ o(
+  return I ? /* @__PURE__ */ l($, { name: i, control: v, render: () => /* @__PURE__ */ l(k, {}) }) : /* @__PURE__ */ l(
     "div",
     {
       "data-testid": "form-select-container",
       className: e.formSelectContainer,
-      "data-tooltip-id": c,
-      children: /* @__PURE__ */ o(
-        C,
+      "data-tooltip-id": s,
+      children: /* @__PURE__ */ l(
+        $,
         {
           name: i,
-          rules: m,
-          control: T,
-          render: ({ field: { ref: et, onChange: f, value: p, ...q } }) => {
-            let h = n;
-            z(n) && _(n[0], "options") !== void 0 && (h = n.flatMap((t) => _(t, "options") ?? []));
+          rules: f,
+          control: v,
+          render: ({ field: { ref: et, onChange: m, value: g, ...q } }) => {
+            let h = o;
+            G(o) && _(o[0], "options") !== void 0 && (h = o.flatMap((t) => _(t, "options") ?? []));
             const a = d ? h?.filter(
-              (t) => p?.includes(t[l])
-            ) : h?.find((t) => t[l] === p), A = d && r.multiDisplayType === "text" && r.fixedHeightInput, s = B(i).invalid, E = `
+              (t) => g?.includes(t[r])
+            ) : h?.find((t) => t[r] === g), A = d && n.multiDisplayType === "text" && n.fixedHeightInput, c = B(i).invalid, E = `
           ${e.formSelect} 
-          ${s ? e.invalidHelperText : ""} 
-          ${s ? e.invalidDropdownIcon : ""}  
-          ${s ? e.invalidBorder : ""} 
-          ${s ? e.invalidPlaceholder : ""}  
+          ${c ? e.invalidHelperText : ""} 
+          ${c ? e.invalidDropdownIcon : ""}  
+          ${c ? e.invalidBorder : ""} 
+          ${c ? e.invalidPlaceholder : ""}  
           ${A ? e.multiText : ""} 
           ${x ? e.disabled : ""}`;
-            return /* @__PURE__ */ V(g, { children: [
-              /* @__PURE__ */ o(
+            return /* @__PURE__ */ z(k, { children: [
+              /* @__PURE__ */ l(
                 Q,
                 {
                   ...q,
-                  ...r,
+                  ...n,
                   value: a ?? [],
-                  label: c,
+                  label: s,
                   variant: "outlined",
-                  helperText: b,
+                  helperText: M,
                   helperTextPersistent: j,
-                  options: n,
+                  options: o,
                   valid: !F,
                   "data-testid": `select-${i}`,
-                  multiSelect: d,
+                  multiSelect: !o?.length && T ? !1 : d,
                   className: E,
                   disabled: x,
-                  valueKey: l,
+                  valueKey: r,
                   textKey: u,
                   onChange: (t) => {
                     if (t == null) {
-                      f(t);
+                      m(t);
                       return;
                     }
                     if (d) {
-                      f(t.map((O) => O[l]));
+                      m(t.map((V) => V[r]));
                       return;
                     }
-                    f(t[l]), r?.onChange?.(t);
+                    m(t[r]), n?.onChange?.(t);
                   },
-                  hoisted: $,
-                  noOptionsMessage: D,
-                  searchable: w,
-                  clearable: I,
+                  hoisted: H,
+                  noOptionsMessage: T,
+                  searchable: D,
+                  clearable: w,
                   menuPosition: P
                 }
               ),
-              /* @__PURE__ */ o(
-                J,
+              /* @__PURE__ */ l(
+                L,
                 {
-                  id: c,
+                  id: s,
                   noArrow: !0,
                   place: "bottom",
                   delayShow: 420,
                   className: e.tooltip,
-                  hidden: !a || a.length === 0 || !r.fixedHeightInput,
-                  children: /* @__PURE__ */ o(R, { value: a, textKey: u, valueKey: l })
+                  hidden: !a || a.length === 0 || !n.fixedHeightInput,
+                  children: /* @__PURE__ */ l(R, { value: a, textKey: u, valueKey: r })
                 }
               )
             ] });
@@ -132,5 +132,5 @@ import '../../../assets/FormSelect.css';const U = "_invalidHelperText_ht9kd_1",
   );
 };
 export {
-  mt as FormSelect
+  ft as FormSelect
 };

package/dist/components/GenericTable/GenericTable.d.ts

@@ -54,6 +54,9 @@ import { TableLayoutProps } from '../../types/GenericTable';
  * @param title title of the table
  * @param cardTitleColumn column to be used as the title in the card layout
  * @param cardSubTitleColumn column to be used as the subtitle in the card layout
+ * @param pageTranslation translation for the pagination text 'Page'
+ * @param pageOfTranslation translation for the pagination text 'of'
+ * @param rowsPerPageTranslation translation for the pagination text 'Rows per page'
  * @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, }: TableLayoutProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const GenericTable: <T>({ data, hiddenColumns, order, cellTemplates, tableActions, noContentText, headerTranslation, pagination, getRowActions, customColumnWidth, title, cardTitleColumn, cardSubTitleColumn, pageTranslation, pageOfTranslation, rowsPerPageTranslation, }: TableLayoutProps<T>) => import("react/jsx-runtime").JSX.Element;