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