@hortiview/shared-components 1.11.0 → 2.0.0

package/dist/components/GenericTable/GenericTableService.js

@@ -1,7 +1,7 @@
-import { jsx as d } from "react/jsx-runtime";
-import { useMemo as a } from "react";
-import { ContextMenu as x } from "../ContextMenu/ContextMenu.js";
-const j = ({
+import { jsx as a } from "react/jsx-runtime";
+import { useMemo as d } from "react";
+import { ContextMenu as v } from "../ContextMenu/ContextMenu.js";
+const b = ({
   data: r = [],
   order: n = [],
   cellTemplates: e = void 0,
@@ -10,9 +10,9 @@ const j = ({
   customColumnWidth: o,
   cardTitleColumn: u,
   cardSubTitleColumn: s
-}) => a(() => {
+}) => d(() => {
   if (r?.length === 0) return [];
-  const c = v(r[0], n).map((i) => {
+  const c = x(r[0], n).map((i) => {
     const p = o ? o[i] : void 0;
     return {
       id: i,
@@ -20,6 +20,7 @@ const j = ({
       accessor: i,
       cellTemplate: e ? e[i] : void 0,
       cellProps: p ? { width: p } : void 0,
+      headerCellProps: p ? { width: p } : void 0,
       asCardTitle: i === u,
       asCardSubtitle: i === s
     };
@@ -37,13 +38,13 @@ const j = ({
   o,
   u,
   s
-]), l = ({
+]), j = ({
   data: r = [],
   getRowActions: n = void 0
-}) => a(() => n ? r.map((e) => {
-  const t = /* @__PURE__ */ d(x, { actions: n(e), iconOrientation: "horizontal" });
+}) => d(() => n ? r.map((e) => {
+  const t = /* @__PURE__ */ a(v, { actions: n(e), iconOrientation: "horizontal" });
   return { ...e, actions: t };
-}) : r, [r, n]), v = (r, n) => {
+}) : r, [r, n]), x = (r, n) => {
   if (!r) return [];
   let e = Object.keys(r).map((t) => t);
   return n?.length > 0 && (e = e.sort((t, f) => {
@@ -52,6 +53,6 @@ const j = ({
   })), e;
 };
 export {
-  j as useGenerateColumns,
-  l as useGenerateTableData
+  b as useGenerateColumns,
+  j as useGenerateTableData
 };

package/dist/components/ModulePadding/ModulePadding.js

@@ -1,9 +1,8 @@
 import { jsx as i } from "react/jsx-runtime";
 import { P as r } from "../../index.es-D-CKRzIB.js";
-import '../../assets/main.css';/* empty css                  */
 import "react";
 import "../../isEmpty-B4GG2s-V.js";
-import { u as m } from "../../useBreakpoints-MzTZ0tCT.js";
+import { u as d } from "../../useBreakpoints-MzTZ0tCT.js";
 import "../../react-tooltip.min-DSY6KDqS.js";
 import "../../orderBy-Bd48bw88.js";
 import "../../uniqueId-NU3-C36A.js";
@@ -11,8 +10,8 @@ import "react-hook-form";
 import "../../get-DFv1gXfq.js";
 import "../../isArray-Dub1wGJM.js";
 import "../../isString-BW9UHONv.js";
-const x = ({ children: o }) => {
-  const { isDesktop: t } = m();
+const k = ({ children: o }) => {
+  const { isDesktop: t } = d();
   return /* @__PURE__ */ i(
     r,
     {
@@ -24,5 +23,5 @@ const x = ({ children: o }) => {
   );
 };
 export {
-  x as ModulePadding
+  k as ModulePadding
 };

package/dist/components/SearchBar/SearchBar.d.ts

@@ -1,4 +1,6 @@
-type SearchBarProps = {
+import { TextfieldProps } from '@element-public/react-textfield';
+
+type SearchBarProps = Pick<TextfieldProps, 'placeholder' | 'dense' | 'className' | 'fullWidth'> & {
     /**
      * the current search term
      */
@@ -7,18 +9,6 @@ type SearchBarProps = {
      * the function to set the search term
      */
     setSearchTerm: (value: string) => void;
-    /**
-     * the placeholder of the search input
-     */
-    placeholder?: string;
-    /**
-     * if true the field is smaller, normal size otherwise, default: false
-     */
-    dense?: boolean;
-    /**
-     * optional className to customize the searchbar style
-     */
-    className?: string;
 };
-export declare const SearchBar: ({ className, dense, searchTerm, setSearchTerm, placeholder, }: SearchBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchBar: ({ className, dense, searchTerm, setSearchTerm, placeholder, fullWidth, }: SearchBarProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/SearchBar/SearchBar.js

@@ -1,27 +1,28 @@
 import { jsx as r } from "react/jsx-runtime";
-import { I as c } from "../../index.es-0lQcz8m1.js";
-import { T as i } from "../../index.es-25EARqhH.js";
-import '../../assets/SearchBar.css';const l = "_searchbar_gnvwc_1", u = {
-  searchbar: l
-}, f = ({
+import { I as i } from "../../index.es-0lQcz8m1.js";
+import { T as l } from "../../index.es-25EARqhH.js";
+import '../../assets/SearchBar.css';const u = "_searchbar_gnvwc_1", b = {
+  searchbar: u
+}, p = ({
   className: o = "",
   dense: n = !1,
   searchTerm: a,
   setSearchTerm: t,
-  placeholder: s
+  placeholder: s,
+  fullWidth: e = !0
 }) => /* @__PURE__ */ r(
-  i,
+  l,
   {
     "data-testid": "search-bar-input",
-    className: `${o ?? ""} ${u.searchbar}`,
+    className: `${o ?? ""} ${b.searchbar}`,
     dense: n,
     variant: "outlined",
     placeholder: s,
     value: a,
-    onChange: (e) => t(e.target.value),
-    fullWidth: !0,
+    onChange: (c) => t(c.target.value),
+    fullWidth: e,
     trailingIcon: /* @__PURE__ */ r(
-      c,
+      i,
       {
         "data-testid": "search-bar-icon-button",
         icon: a ? "close" : "search",
@@ -31,5 +32,5 @@ import '../../assets/SearchBar.css';const l = "_searchbar_gnvwc_1", u = {
   }
 );
 export {
-  f as SearchBar
+  p as SearchBar
 };

package/dist/main.d.ts

@@ -1,4 +1,3 @@
-
 export { AlertBanner } from './components/AlertBanner/AlertBanner';
 export { BaseView } from './components/BaseView/BaseView';
 export { BasicHeading } from './components/BasicHeading/BasicHeading';
@@ -40,17 +39,17 @@ export { FormToggle } from './components/FormComponents/FormToggle/FormToggle';
 export { AvailableCustomIcons } from './enums/AvailableCustomIcons';
 export { ThemeColor } from './enums/ThemeColor';
 export { useBreakpoints } from './hooks/useBreakpoints';
-export { capitalizeFirstLetters, getNumberAsLocaleString, trimLeadingAndTrailingSpaces } from './services/UtilService';
+export { capitalizeFirstLetters, getNumberAsLocaleString, trimLeadingAndTrailingSpaces, } from './services/UtilService';
 export type { ActionProps } from './components/ContextMenu/ContextMenu';
 export type { FormSelectOption } from './components/FormComponents/FormSelect/FormSelect';
 export type { FormTextProps } from './components/FormComponents/FormText/FormText';
 export type { HealthCheckFailedProps } from './components/HealthCheckFailed/HealthCheckFailed';
 export type { FieldItem } from './components/InfoGroup/InfoGroup';
 export type { LoadingSpinnerProps } from './components/LoadingSpinner/Default/LoadingSpinner';
-export type { Step, StepperBaseProps, StepperButtonProps, StepperProps } from './components/Stepper/stepperTypes';
+export type { Step, StepperBaseProps, StepperButtonProps, StepperProps, } from './components/Stepper/stepperTypes';
 export type { FilterData, FilterOption, FilterSelection } from './types/Filter';
 export type { CellTemplate, CellTemplateProps, TableLayoutProps } from './types/GenericTable';
 export type { HashTab } from './types/HashTab';
 export type { BaseListElement, ListElement } from './types/ListElement';
-export { AVAILABLE_COUNTRY_KEYS, AVAILABLE_LOCALES, ENGLISH_LANGUAGE_ID, GERMAN_LANGUAGE_ID, LANGUAGE_CODES_MAPPER, LANGUAGE_ID_MAPPER, SPANISH_LANGUAGE_ID, TURKISH_LANGUAGE_ID } from './types/Languages';
+export { AVAILABLE_COUNTRY_KEYS, AVAILABLE_LOCALES, ENGLISH_LANGUAGE_ID, GERMAN_LANGUAGE_ID, LANGUAGE_CODES_MAPPER, LANGUAGE_ID_MAPPER, SPANISH_LANGUAGE_ID, TURKISH_LANGUAGE_ID, } from './types/Languages';
 export type { AVAILABLE_LANGUAGE_CODES, LANGUAGE_COUNTRY_CODES } from './types/Languages';

package/dist/main.js

@@ -1,99 +1,98 @@
-import './assets/main.css';/* empty css              */
-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 i } from "./components/BlockView/BlockView.js";
-import { ChipCard as A } from "./components/ChipCard/ChipCard.js";
-import { ContextMenu as c } from "./components/ContextMenu/ContextMenu.js";
-import { DeleteModal as d } from "./components/DeleteModal/DeleteModal.js";
-import { DetailContentWrapper as E } from "./components/DetailContentWrapper/DetailContentWrapper.js";
-import { Disclaimer as s } from "./components/Disclaimer/Disclaimer.js";
-import { EmptyView as I } from "./components/EmptyView/EmptyView.js";
-import { Filter as N } from "./components/Filter/Filter.js";
-import { FormattedNumberDisplay as C } from "./components/FormattedNumberDisplay/FormattedNumberDisplay.js";
-import { GenericTable as u } from "./components/GenericTable/GenericTable.js";
-import { HashTabView as T } from "./components/HashTabView/HashTabView.js";
-import { HeaderFilter as H } from "./components/HeaderFilter/HeaderFilter.js";
-import { HealthCheckFailed as h } from "./components/HealthCheckFailed/HealthCheckFailed.js";
-import { Iconify as P } from "./components/Iconify/Iconify.js";
-import { InfoGroup as R } from "./components/InfoGroup/InfoGroup.js";
-import { ListArea as w } from "./components/ListArea/ListArea.js";
-import { LoadingSpinner as v } from "./components/LoadingSpinner/Default/LoadingSpinner.js";
-import { Modal as Y } from "./components/Modal/Modal.js";
-import { ModulePadding as z } from "./components/ModulePadding/ModulePadding.js";
-import { OverflowTooltip as X } from "./components/OverflowTooltip/OverflowTooltip.js";
-import { ScrollbarX as q, ScrollbarY as J } from "./components/Scrollbar/Scrollbar.js";
-import { SearchBar as Z } from "./components/SearchBar/SearchBar.js";
-import { Select as rr } from "./components/Select/Select.js";
-import { StepperHeader as er } from "./components/Stepper/components/StepperHeader.js";
-import { StepperIndicator as mr } from "./components/Stepper/components/StepperIndicator.js";
-import { Stepper as fr } from "./components/Stepper/Stepper.js";
-import { VerticalDivider as ar } from "./components/VerticalDivider/VerticalDivider.js";
-import { FormCheckBox as lr } from "./components/FormComponents/FormCheckBox/FormCheckBox.js";
-import { FormDatePicker as nr } from "./components/FormComponents/FormDatePicker/FormDatePicker.js";
-import { FormNumber as Sr } from "./components/FormComponents/FormNumber/FormNumber.js";
-import { FormRadio as Lr } from "./components/FormComponents/FormRadio/FormRadio.js";
-import { FormSelect as Gr } from "./components/FormComponents/FormSelect/FormSelect.js";
-import { FormSlider as _r } from "./components/FormComponents/FormSlider/FormSlider.js";
-import { FormText as Fr } from "./components/FormComponents/FormText/FormText.js";
-import { FormToggle as Dr } from "./components/FormComponents/FormToggle/FormToggle.js";
-import { AvailableCustomIcons as gr } from "./enums/AvailableCustomIcons.js";
-import { ThemeColor as Br } from "./enums/ThemeColor.js";
-import { u as br } from "./useBreakpoints-MzTZ0tCT.js";
-import { capitalizeFirstLetters as Ur, getNumberAsLocaleString as hr, trimLeadingAndTrailingSpaces as Mr } from "./services/UtilService.js";
-import { AVAILABLE_COUNTRY_KEYS as Vr, AVAILABLE_LOCALES as Rr, ENGLISH_LANGUAGE_ID as kr, GERMAN_LANGUAGE_ID as wr, LANGUAGE_CODES_MAPPER as Or, LANGUAGE_ID_MAPPER as vr, SPANISH_LANGUAGE_ID as yr, TURKISH_LANGUAGE_ID as Yr } from "./types/Languages.js";
+import { AlertBanner as e } from "./components/AlertBanner/AlertBanner.js";
+import { BaseView as m } from "./components/BaseView/BaseView.js";
+import { BasicHeading as f } from "./components/BasicHeading/BasicHeading.js";
+import { BlockView as a } from "./components/BlockView/BlockView.js";
+import { ChipCard as l } from "./components/ChipCard/ChipCard.js";
+import { ContextMenu as n } from "./components/ContextMenu/ContextMenu.js";
+import { DeleteModal as S } from "./components/DeleteModal/DeleteModal.js";
+import { DetailContentWrapper as L } from "./components/DetailContentWrapper/DetailContentWrapper.js";
+import { Disclaimer as G } from "./components/Disclaimer/Disclaimer.js";
+import { EmptyView as _ } from "./components/EmptyView/EmptyView.js";
+import { Filter as F } from "./components/Filter/Filter.js";
+import { FormattedNumberDisplay as D } from "./components/FormattedNumberDisplay/FormattedNumberDisplay.js";
+import { GenericTable as g } from "./components/GenericTable/GenericTable.js";
+import { HashTabView as B } from "./components/HashTabView/HashTabView.js";
+import { HeaderFilter as b } from "./components/HeaderFilter/HeaderFilter.js";
+import { HealthCheckFailed as U } from "./components/HealthCheckFailed/HealthCheckFailed.js";
+import { Iconify as M } from "./components/Iconify/Iconify.js";
+import { InfoGroup as V } from "./components/InfoGroup/InfoGroup.js";
+import { ListArea as k } from "./components/ListArea/ListArea.js";
+import { LoadingSpinner as O } from "./components/LoadingSpinner/Default/LoadingSpinner.js";
+import { Modal as y } from "./components/Modal/Modal.js";
+import { ModulePadding as K } from "./components/ModulePadding/ModulePadding.js";
+import { OverflowTooltip as W } from "./components/OverflowTooltip/OverflowTooltip.js";
+import { ScrollbarX as j, ScrollbarY as q } from "./components/Scrollbar/Scrollbar.js";
+import { SearchBar as Q } from "./components/SearchBar/SearchBar.js";
+import { Select as $ } from "./components/Select/Select.js";
+import { StepperHeader as or } from "./components/Stepper/components/StepperHeader.js";
+import { StepperIndicator as tr } from "./components/Stepper/components/StepperIndicator.js";
+import { Stepper as pr } from "./components/Stepper/Stepper.js";
+import { VerticalDivider as xr } from "./components/VerticalDivider/VerticalDivider.js";
+import { FormCheckBox as ir } from "./components/FormComponents/FormCheckBox/FormCheckBox.js";
+import { FormDatePicker as Ar } from "./components/FormComponents/FormDatePicker/FormDatePicker.js";
+import { FormNumber as cr } from "./components/FormComponents/FormNumber/FormNumber.js";
+import { FormRadio as dr } from "./components/FormComponents/FormRadio/FormRadio.js";
+import { FormSelect as Er } from "./components/FormComponents/FormSelect/FormSelect.js";
+import { FormSlider as sr } from "./components/FormComponents/FormSlider/FormSlider.js";
+import { FormText as Ir } from "./components/FormComponents/FormText/FormText.js";
+import { FormToggle as Nr } from "./components/FormComponents/FormToggle/FormToggle.js";
+import { AvailableCustomIcons as Cr } from "./enums/AvailableCustomIcons.js";
+import { ThemeColor as ur } from "./enums/ThemeColor.js";
+import { u as Tr } from "./useBreakpoints-MzTZ0tCT.js";
+import { capitalizeFirstLetters as Hr, getNumberAsLocaleString as Ur, trimLeadingAndTrailingSpaces as hr } from "./services/UtilService.js";
+import { AVAILABLE_COUNTRY_KEYS as Pr, AVAILABLE_LOCALES as Vr, ENGLISH_LANGUAGE_ID as Rr, GERMAN_LANGUAGE_ID as kr, LANGUAGE_CODES_MAPPER as wr, LANGUAGE_ID_MAPPER as Or, SPANISH_LANGUAGE_ID as vr, TURKISH_LANGUAGE_ID as yr } from "./types/Languages.js";
 export {
-  Vr as AVAILABLE_COUNTRY_KEYS,
-  Rr as AVAILABLE_LOCALES,
-  t as AlertBanner,
-  gr as AvailableCustomIcons,
-  p as BaseView,
-  x as BasicHeading,
-  i as BlockView,
-  A as ChipCard,
-  c as ContextMenu,
-  d as DeleteModal,
-  E as DetailContentWrapper,
-  s as Disclaimer,
-  kr as ENGLISH_LANGUAGE_ID,
-  I as EmptyView,
-  N as Filter,
-  lr as FormCheckBox,
-  nr as FormDatePicker,
-  Sr as FormNumber,
-  Lr as FormRadio,
-  Gr as FormSelect,
-  _r as FormSlider,
-  Fr as FormText,
-  Dr as FormToggle,
-  C as FormattedNumberDisplay,
-  wr as GERMAN_LANGUAGE_ID,
-  u as GenericTable,
-  T as HashTabView,
-  H as HeaderFilter,
-  h as HealthCheckFailed,
-  P as Iconify,
-  R as InfoGroup,
-  Or as LANGUAGE_CODES_MAPPER,
-  vr as LANGUAGE_ID_MAPPER,
-  w as ListArea,
-  v as LoadingSpinner,
-  Y as Modal,
-  z as ModulePadding,
-  X as OverflowTooltip,
-  yr as SPANISH_LANGUAGE_ID,
-  q as ScrollbarX,
-  J as ScrollbarY,
-  Z as SearchBar,
-  rr as Select,
-  fr as Stepper,
-  er as StepperHeader,
-  mr as StepperIndicator,
-  Yr as TURKISH_LANGUAGE_ID,
-  Br as ThemeColor,
-  ar as VerticalDivider,
-  Ur as capitalizeFirstLetters,
-  hr as getNumberAsLocaleString,
-  Mr as trimLeadingAndTrailingSpaces,
-  br as useBreakpoints
+  Pr as AVAILABLE_COUNTRY_KEYS,
+  Vr as AVAILABLE_LOCALES,
+  e as AlertBanner,
+  Cr as AvailableCustomIcons,
+  m as BaseView,
+  f as BasicHeading,
+  a as BlockView,
+  l as ChipCard,
+  n as ContextMenu,
+  S as DeleteModal,
+  L as DetailContentWrapper,
+  G as Disclaimer,
+  Rr as ENGLISH_LANGUAGE_ID,
+  _ as EmptyView,
+  F as Filter,
+  ir as FormCheckBox,
+  Ar as FormDatePicker,
+  cr as FormNumber,
+  dr as FormRadio,
+  Er as FormSelect,
+  sr as FormSlider,
+  Ir as FormText,
+  Nr as FormToggle,
+  D as FormattedNumberDisplay,
+  kr as GERMAN_LANGUAGE_ID,
+  g as GenericTable,
+  B as HashTabView,
+  b as HeaderFilter,
+  U as HealthCheckFailed,
+  M as Iconify,
+  V as InfoGroup,
+  wr as LANGUAGE_CODES_MAPPER,
+  Or as LANGUAGE_ID_MAPPER,
+  k as ListArea,
+  O as LoadingSpinner,
+  y as Modal,
+  K as ModulePadding,
+  W as OverflowTooltip,
+  vr as SPANISH_LANGUAGE_ID,
+  j as ScrollbarX,
+  q as ScrollbarY,
+  Q as SearchBar,
+  $ as Select,
+  pr as Stepper,
+  or as StepperHeader,
+  tr as StepperIndicator,
+  yr as TURKISH_LANGUAGE_ID,
+  ur as ThemeColor,
+  xr as VerticalDivider,
+  Hr as capitalizeFirstLetters,
+  Ur as getNumberAsLocaleString,
+  hr as trimLeadingAndTrailingSpaces,
+  Tr as useBreakpoints
 };

package/dist/types/GenericTable.d.ts

@@ -41,6 +41,11 @@ export type TableLayoutProps<T> = {
      * ```
      */
     tableActions?: JSX.Element[];
+    /**
+     * position of the table actions, can be 'start' or 'end'
+     * @default 'end'
+     */
+    tableActionPosition?: 'start' | 'end';
     /**
      * text to be displayed when no data is available
      */
@@ -99,6 +104,16 @@ export type TableLayoutProps<T> = {
      * @default 'Rows per page'
      */
     rowsPerPageTranslation?: string;
+    /**
+     * the elevation level of the table, used to set the shadow of the table
+     * @default 1
+     */
+    tableElevationLevel?: number;
+    /**
+     * the layout of the table, can be 'standard' or 'flex'
+     * @default 'standard'
+     */
+    tableLayout?: 'standard' | 'flex';
 };
 /**
  * Props for the CellTemplate component {@link CellTemplate}

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": "1.11.0",
+  "version": "2.0.0",
   "type": "module",
   "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
   "author": "Falk Menge <falk.menge.ext@bayer.com>",

package/dist/assets/main.css

@@ -1 +0,0 @@
-@import"https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700|Roboto+Mono:400,500|Material+Icons";