@hortiview/shared-components 0.0.7335 → 0.0.7369

package/dist/main.d.ts

@@ -26,7 +26,7 @@ export { FormSelect } from './components/FormComponents/FormSelect/FormSelect';
 export { FormSlider } from './components/FormComponents/FormSlider/FormSlider';
 export { FormText } from './components/FormComponents/FormText/FormText';
 export { AvailableCustomIcons } from './enums/AvailableCustomIcons';
-export { useBreakpoints } from './hooks/useBreakpoint';
+export { useBreakpoints } from './hooks/useBreakpoints';
 export { capitalizeFirstLetters } from './services/UtilService';
 export type { FormSelectOption } from './components/FormComponents/FormSelect/FormSelect';
 export type { FormTextProps } from './components/FormComponents/FormText/FormText';

package/dist/main.js

@@ -1,61 +1,62 @@
-import { Filter as e } from "./components/Filter/Filter.js";
-import { AlertBanner as m } from "./components/AlertBanner/AlertBanner.js";
-import { BaseView as f } from "./components/BaseView/BaseView.js";
-import { BasicHeading as i } from "./components/BasicHeading/BasicHeading.js";
-import { BlockView as l } from "./components/BlockView/BlockView.js";
-import { ContextMenu as n } from "./components/ContextMenu/ContextMenu.js";
-import { DeleteModal as F } from "./components/DeleteModal/DeleteModal.js";
-import { Disclaimer as B } from "./components/Disclaimer/Disclaimer.js";
-import { EmptyView as b } from "./components/EmptyView/EmptyView.js";
-import { GenericTable as w } from "./components/GenericTable/GenericTable.js";
-import { HashTabView as k } from "./components/HashTabView/HashTabView.js";
-import { HeaderFilter as I } from "./components/HeaderFilter/HeaderFilter.js";
-import { I as h } from "./Iconify-CY9lZjFd.js";
-import { InfoGroup as A } from "./components/InfoGroup/InfoGroup.js";
-import { ListArea as H } from "./components/ListArea/ListArea.js";
-import { LoadingSpinner as g } from "./components/LoadingSpinner/Default/LoadingSpinner.js";
-import { OverflowTooltip as G } from "./components/OverflowTooltip/OverflowTooltip.js";
-import { ScrollbarX as z, ScrollbarY as E } from "./components/Scrollbar/Scrollbar.js";
-import { SearchBar as P } from "./components/SearchBar/SearchBar.js";
-import { VerticalDivider as X } from "./components/VerticalDivider/VerticalDivider.js";
-import { FormCheckBox as j } from "./components/FormComponents/FormCheckBox/FormCheckBox.js";
-import { FormDatePicker as J } from "./components/FormComponents/FormDatePicker/FormDatePicker.js";
-import { FormRadio as N } from "./components/FormComponents/FormRadio/FormRadio.js";
-import { FormSelect as U } from "./components/FormComponents/FormSelect/FormSelect.js";
-import { FormSlider as Z } from "./components/FormComponents/FormSlider/FormSlider.js";
-import { FormText as $ } from "./components/FormComponents/FormText/FormText.js";
-import { AvailableCustomIcons as or } from "./enums/AvailableCustomIcons.js";
-import { u as tr } from "./useBreakpoint-BNeVhjjZ.js";
-import { capitalizeFirstLetters as pr } from "./services/UtilService.js";
+import "./genericTable.module-CXfRg0e4.js";
+import { AlertBanner as t } from "./components/AlertBanner/AlertBanner.js";
+import { BaseView as p } from "./components/BaseView/BaseView.js";
+import { BasicHeading as x } from "./components/BasicHeading/BasicHeading.js";
+import { BlockView as a } from "./components/BlockView/BlockView.js";
+import { ContextMenu as c } from "./components/ContextMenu/ContextMenu.js";
+import { DeleteModal as s } from "./components/DeleteModal/DeleteModal.js";
+import { Disclaimer as d } from "./components/Disclaimer/Disclaimer.js";
+import { EmptyView as S } from "./components/EmptyView/EmptyView.js";
+import { Filter as u } from "./components/Filter/Filter.js";
+import { GenericTable as V } from "./components/GenericTable/GenericTable.js";
+import { HashTabView as D } from "./components/HashTabView/HashTabView.js";
+import { HeaderFilter as T } from "./components/HeaderFilter/HeaderFilter.js";
+import { I as v } from "./Iconify-CY9lZjFd.js";
+import { InfoGroup as C } from "./components/InfoGroup/InfoGroup.js";
+import { ListArea as L } from "./components/ListArea/ListArea.js";
+import { LoadingSpinner as y } from "./components/LoadingSpinner/Default/LoadingSpinner.js";
+import { OverflowTooltip as M } from "./components/OverflowTooltip/OverflowTooltip.js";
+import { ScrollbarX as E, ScrollbarY as O } from "./components/Scrollbar/Scrollbar.js";
+import { SearchBar as R } from "./components/SearchBar/SearchBar.js";
+import { VerticalDivider as Y } from "./components/VerticalDivider/VerticalDivider.js";
+import { FormCheckBox as q } from "./components/FormComponents/FormCheckBox/FormCheckBox.js";
+import { FormDatePicker as K } from "./components/FormComponents/FormDatePicker/FormDatePicker.js";
+import { FormRadio as Q } from "./components/FormComponents/FormRadio/FormRadio.js";
+import { FormSelect as W } from "./components/FormComponents/FormSelect/FormSelect.js";
+import { FormSlider as _ } from "./components/FormComponents/FormSlider/FormSlider.js";
+import { FormText as rr } from "./components/FormComponents/FormText/FormText.js";
+import { AvailableCustomIcons as er } from "./enums/AvailableCustomIcons.js";
+import { u as mr } from "./useBreakpoints-BNeVhjjZ.js";
+import { capitalizeFirstLetters as fr } from "./services/UtilService.js";
 export {
-  m as AlertBanner,
-  or as AvailableCustomIcons,
-  f as BaseView,
-  i as BasicHeading,
-  l as BlockView,
-  n as ContextMenu,
-  F as DeleteModal,
-  B as Disclaimer,
-  b as EmptyView,
-  e as Filter,
-  j as FormCheckBox,
-  J as FormDatePicker,
-  N as FormRadio,
-  U as FormSelect,
-  Z as FormSlider,
-  $ as FormText,
-  w as GenericTable,
-  k as HashTabView,
-  I as HeaderFilter,
-  h as Iconify,
-  A as InfoGroup,
-  H as ListArea,
-  g as LoadingSpinner,
-  G as OverflowTooltip,
-  z as ScrollbarX,
-  E as ScrollbarY,
-  P as SearchBar,
-  X as VerticalDivider,
-  pr as capitalizeFirstLetters,
-  tr as useBreakpoints
+  t as AlertBanner,
+  er as AvailableCustomIcons,
+  p as BaseView,
+  x as BasicHeading,
+  a as BlockView,
+  c as ContextMenu,
+  s as DeleteModal,
+  d as Disclaimer,
+  S as EmptyView,
+  u as Filter,
+  q as FormCheckBox,
+  K as FormDatePicker,
+  Q as FormRadio,
+  W as FormSelect,
+  _ as FormSlider,
+  rr as FormText,
+  V as GenericTable,
+  D as HashTabView,
+  T as HeaderFilter,
+  v as Iconify,
+  C as InfoGroup,
+  L as ListArea,
+  y as LoadingSpinner,
+  M as OverflowTooltip,
+  E as ScrollbarX,
+  O as ScrollbarY,
+  R as SearchBar,
+  Y as VerticalDivider,
+  fr as capitalizeFirstLetters,
+  mr as useBreakpoints
 };

package/dist/{react.esm-C3jDj5Fe.js → react.esm-Dy4VzU4L.js}

@@ -12774,8 +12774,11 @@ if ((typeof process > "u" || !process.env?.RTL_SKIP_AUTO_CLEANUP) && (typeof aft
 export {
   W1 as a,
   Ut as b,
+  Fp as c,
+  Ui as d,
+  Cd as e,
   re as f,
-  Y as g,
+  Eq as l,
   J1 as r,
   X1 as s,
   $p as t,

package/dist/types/GenericTable.d.ts

@@ -70,6 +70,14 @@ export type TableLayoutProps<T> = {
      * table title to be displayed in the TableTopBar
      */
     title?: string;
+    /**
+     * the column that will be used as the title of the card in the card view
+     */
+    cardTitleColumn?: keyof T;
+    /**
+     * the column that will be used as the subtitle of the card in the card view
+     */
+    cardSubTitleColumn?: keyof T;
 };
 /**
  * Props for the CellTemplate component {@link CellTemplate}
@@ -107,3 +115,31 @@ export type CellTemplateProps<T> = {
 export type CellTemplate<T> = {
     [key in keyof T]?: (props: CellTemplateProps<T>) => JSX.Element;
 };
+/**
+ * GenericColumn type to be used in the GenericTable component {@link GenericTable}
+ * @template T the type of the data that will be displayed in the table aka the type of the row
+ * @example
+ * ```jsx
+ * {
+ *  id: 'name',
+ *  header: 'Name',
+ *  accessor: 'name',
+ *  cellTemplate: (props: CellTemplateProps<GenericElement>) => {
+ *    const {name} = props.row.original;
+ *    return <LabelBadge label={name} />
+ *  },
+ *  cellProps: { width: '10%' }
+ * }
+ * ```
+ */
+export type GenericColumn<T> = {
+    id: keyof T;
+    header: string;
+    accessor: keyof T;
+    cellTemplate?: (props: CellTemplateProps<T>) => JSX.Element;
+    cellProps?: {
+        width?: number | string;
+    };
+    asCardTitle?: boolean;
+    asCardSubtitle?: boolean;
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hortiview/shared-components",
   "description": "This is a shared component library. It should used in the HortiView platform and its modules.",
-  "version": "0.0.7335",
+  "version": "0.0.7369",
   "type": "module",
   "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
   "author": "Falk Menge <falk.menge.ext@bayer.com>",
@@ -37,14 +37,14 @@
     "@chromatic-com/storybook": "1.5.0",
     "@element/react-components": "^5.42.4",
     "@element/themes": "^5.44.4",
-    "@storybook/addon-essentials": "^8.1.6",
-    "@storybook/addon-interactions": "^8.1.6",
-    "@storybook/addon-links": "^8.1.6",
-    "@storybook/addon-onboarding": "^8.1.6",
-    "@storybook/blocks": "^8.1.6",
-    "@storybook/react": "^8.1.6",
-    "@storybook/react-vite": "^8.1.6",
-    "@storybook/test": "^8.1.6",
+    "@storybook/addon-essentials": "^8.2.4",
+    "@storybook/addon-interactions": "^8.2.4",
+    "@storybook/addon-links": "^8.2.4",
+    "@storybook/addon-onboarding": "^8.2.4",
+    "@storybook/blocks": "^8.2.4",
+    "@storybook/react": "^8.2.4",
+    "@storybook/react-vite": "^8.2.4",
+    "@storybook/test": "^8.2.4",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.2.1",
     "@testing-library/user-event": "^14.5.2",
@@ -68,7 +68,7 @@
     "react-dom": "^18.3.1",
     "react-hook-form": "^7.51.2",
     "react-tooltip": "^5.26.4",
-    "storybook": "^8.1.6",
+    "storybook": "^8.2.4",
     "typescript": "^5.2.2",
     "vite": "^5.1.6",
     "vite-plugin-dts": "^3.7.3",