@leav/ui 1.6.0 → 1.7.0-13483399

package/dist/components/AttributesSelectionList/sharedComponents.d.ts

@@ -2,10 +2,11 @@ export declare const TextAttribute: import("styled-components").IStyledComponent
     ref?: import("react").LegacyRef<HTMLSpanElement>;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | ReadonlyArray<string> | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
     autoFocus?: boolean | undefined;
     className?: string | undefined;
     contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
@@ -36,7 +37,6 @@ export declare const TextAttribute: import("styled-components").IStyledComponent
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     color?: string | undefined;
@@ -50,55 +50,57 @@ export declare const TextAttribute: import("styled-components").IStyledComponent
     unselectable?: "on" | "off" | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
     children?: import("react").ReactNode;
-    'aria-activedescendant'?: string | undefined;
-    'aria-atomic'?: boolean | "false" | "true" | undefined;
-    'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
-    'aria-busy'?: boolean | "false" | "true" | undefined;
-    'aria-checked'?: boolean | "false" | "mixed" | "true" | undefined;
-    'aria-colcount'?: number | undefined;
-    'aria-colindex'?: number | undefined;
-    'aria-colspan'?: number | undefined;
-    'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-details'?: string | undefined;
-    'aria-disabled'?: boolean | "false" | "true" | undefined;
-    'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
-    'aria-errormessage'?: string | undefined;
-    'aria-expanded'?: boolean | "false" | "true" | undefined;
-    'aria-flowto'?: string | undefined;
-    'aria-grabbed'?: boolean | "false" | "true" | undefined;
-    'aria-haspopup'?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-    'aria-hidden'?: boolean | "false" | "true" | undefined;
-    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-    'aria-keyshortcuts'?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-level'?: number | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    'aria-modal'?: boolean | "false" | "true" | undefined;
-    'aria-multiline'?: boolean | "false" | "true" | undefined;
-    'aria-multiselectable'?: boolean | "false" | "true" | undefined;
-    'aria-orientation'?: "horizontal" | "vertical" | undefined;
-    'aria-owns'?: string | undefined;
-    'aria-placeholder'?: string | undefined;
-    'aria-posinset'?: number | undefined;
-    'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined;
-    'aria-readonly'?: boolean | "false" | "true" | undefined;
-    'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-    'aria-required'?: boolean | "false" | "true" | undefined;
-    'aria-roledescription'?: string | undefined;
-    'aria-rowcount'?: number | undefined;
-    'aria-rowindex'?: number | undefined;
-    'aria-rowspan'?: number | undefined;
-    'aria-selected'?: boolean | "false" | "true" | undefined;
-    'aria-setsize'?: number | undefined;
-    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-    'aria-valuemax'?: number | undefined;
-    'aria-valuemin'?: number | undefined;
-    'aria-valuenow'?: number | undefined;
-    'aria-valuetext'?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: boolean | "false" | "true" | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-busy"?: boolean | "false" | "true" | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: boolean | "false" | "true" | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: boolean | "false" | "true" | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: boolean | "false" | "true" | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: boolean | "false" | "true" | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: boolean | "false" | "true" | undefined;
+    "aria-multiline"?: boolean | "false" | "true" | undefined;
+    "aria-multiselectable"?: boolean | "false" | "true" | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: boolean | "false" | "true" | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: boolean | "false" | "true" | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: boolean | "false" | "true" | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined;
@@ -120,7 +122,7 @@ export declare const TextAttribute: import("styled-components").IStyledComponent
     onBlurCapture?: import("react").FocusEventHandler<HTMLSpanElement>;
     onChange?: import("react").FormEventHandler<HTMLSpanElement>;
     onChangeCapture?: import("react").FormEventHandler<HTMLSpanElement>;
-    onBeforeInput?: import("react").FormEventHandler<HTMLSpanElement>;
+    onBeforeInput?: import("react").InputEventHandler<HTMLSpanElement>;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLSpanElement>;
     onInput?: import("react").FormEventHandler<HTMLSpanElement>;
     onInputCapture?: import("react").FormEventHandler<HTMLSpanElement>;
@@ -267,10 +269,11 @@ export declare const SmallText: import("styled-components").IStyledComponent<"we
     ref?: import("react").LegacyRef<HTMLSpanElement>;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | ReadonlyArray<string> | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
     autoFocus?: boolean | undefined;
     className?: string | undefined;
     contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
@@ -301,7 +304,6 @@ export declare const SmallText: import("styled-components").IStyledComponent<"we
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     color?: string | undefined;
@@ -315,55 +317,57 @@ export declare const SmallText: import("styled-components").IStyledComponent<"we
     unselectable?: "on" | "off" | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
     children?: import("react").ReactNode;
-    'aria-activedescendant'?: string | undefined;
-    'aria-atomic'?: boolean | "false" | "true" | undefined;
-    'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
-    'aria-busy'?: boolean | "false" | "true" | undefined;
-    'aria-checked'?: boolean | "false" | "mixed" | "true" | undefined;
-    'aria-colcount'?: number | undefined;
-    'aria-colindex'?: number | undefined;
-    'aria-colspan'?: number | undefined;
-    'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-details'?: string | undefined;
-    'aria-disabled'?: boolean | "false" | "true" | undefined;
-    'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
-    'aria-errormessage'?: string | undefined;
-    'aria-expanded'?: boolean | "false" | "true" | undefined;
-    'aria-flowto'?: string | undefined;
-    'aria-grabbed'?: boolean | "false" | "true" | undefined;
-    'aria-haspopup'?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-    'aria-hidden'?: boolean | "false" | "true" | undefined;
-    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-    'aria-keyshortcuts'?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-level'?: number | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    'aria-modal'?: boolean | "false" | "true" | undefined;
-    'aria-multiline'?: boolean | "false" | "true" | undefined;
-    'aria-multiselectable'?: boolean | "false" | "true" | undefined;
-    'aria-orientation'?: "horizontal" | "vertical" | undefined;
-    'aria-owns'?: string | undefined;
-    'aria-placeholder'?: string | undefined;
-    'aria-posinset'?: number | undefined;
-    'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined;
-    'aria-readonly'?: boolean | "false" | "true" | undefined;
-    'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-    'aria-required'?: boolean | "false" | "true" | undefined;
-    'aria-roledescription'?: string | undefined;
-    'aria-rowcount'?: number | undefined;
-    'aria-rowindex'?: number | undefined;
-    'aria-rowspan'?: number | undefined;
-    'aria-selected'?: boolean | "false" | "true" | undefined;
-    'aria-setsize'?: number | undefined;
-    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-    'aria-valuemax'?: number | undefined;
-    'aria-valuemin'?: number | undefined;
-    'aria-valuenow'?: number | undefined;
-    'aria-valuetext'?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: boolean | "false" | "true" | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-busy"?: boolean | "false" | "true" | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: boolean | "false" | "true" | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: boolean | "false" | "true" | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: boolean | "false" | "true" | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: boolean | "false" | "true" | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: boolean | "false" | "true" | undefined;
+    "aria-multiline"?: boolean | "false" | "true" | undefined;
+    "aria-multiselectable"?: boolean | "false" | "true" | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: boolean | "false" | "true" | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: boolean | "false" | "true" | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: boolean | "false" | "true" | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined;
@@ -385,7 +389,7 @@ export declare const SmallText: import("styled-components").IStyledComponent<"we
     onBlurCapture?: import("react").FocusEventHandler<HTMLSpanElement>;
     onChange?: import("react").FormEventHandler<HTMLSpanElement>;
     onChangeCapture?: import("react").FormEventHandler<HTMLSpanElement>;
-    onBeforeInput?: import("react").FormEventHandler<HTMLSpanElement>;
+    onBeforeInput?: import("react").InputEventHandler<HTMLSpanElement>;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLSpanElement>;
     onInput?: import("react").FormEventHandler<HTMLSpanElement>;
     onInputCapture?: import("react").FormEventHandler<HTMLSpanElement>;
@@ -540,10 +544,11 @@ export declare const CustomForm: import("styled-components").IStyledComponent<"w
     noValidate?: boolean | undefined;
     target?: string | undefined;
     defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | ReadonlyArray<string> | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
     autoFocus?: boolean | undefined;
     className?: string | undefined;
     contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
@@ -574,7 +579,6 @@ export declare const CustomForm: import("styled-components").IStyledComponent<"w
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     color?: string | undefined;
@@ -588,55 +592,57 @@ export declare const CustomForm: import("styled-components").IStyledComponent<"w
     unselectable?: "on" | "off" | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
     children?: import("react").ReactNode;
-    'aria-activedescendant'?: string | undefined;
-    'aria-atomic'?: boolean | "false" | "true" | undefined;
-    'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
-    'aria-busy'?: boolean | "false" | "true" | undefined;
-    'aria-checked'?: boolean | "false" | "mixed" | "true" | undefined;
-    'aria-colcount'?: number | undefined;
-    'aria-colindex'?: number | undefined;
-    'aria-colspan'?: number | undefined;
-    'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-details'?: string | undefined;
-    'aria-disabled'?: boolean | "false" | "true" | undefined;
-    'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
-    'aria-errormessage'?: string | undefined;
-    'aria-expanded'?: boolean | "false" | "true" | undefined;
-    'aria-flowto'?: string | undefined;
-    'aria-grabbed'?: boolean | "false" | "true" | undefined;
-    'aria-haspopup'?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-    'aria-hidden'?: boolean | "false" | "true" | undefined;
-    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-    'aria-keyshortcuts'?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-level'?: number | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    'aria-modal'?: boolean | "false" | "true" | undefined;
-    'aria-multiline'?: boolean | "false" | "true" | undefined;
-    'aria-multiselectable'?: boolean | "false" | "true" | undefined;
-    'aria-orientation'?: "horizontal" | "vertical" | undefined;
-    'aria-owns'?: string | undefined;
-    'aria-placeholder'?: string | undefined;
-    'aria-posinset'?: number | undefined;
-    'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined;
-    'aria-readonly'?: boolean | "false" | "true" | undefined;
-    'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-    'aria-required'?: boolean | "false" | "true" | undefined;
-    'aria-roledescription'?: string | undefined;
-    'aria-rowcount'?: number | undefined;
-    'aria-rowindex'?: number | undefined;
-    'aria-rowspan'?: number | undefined;
-    'aria-selected'?: boolean | "false" | "true" | undefined;
-    'aria-setsize'?: number | undefined;
-    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-    'aria-valuemax'?: number | undefined;
-    'aria-valuemin'?: number | undefined;
-    'aria-valuenow'?: number | undefined;
-    'aria-valuetext'?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: boolean | "false" | "true" | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-busy"?: boolean | "false" | "true" | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: boolean | "false" | "true" | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: boolean | "false" | "true" | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: boolean | "false" | "true" | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: boolean | "false" | "true" | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: boolean | "false" | "true" | undefined;
+    "aria-multiline"?: boolean | "false" | "true" | undefined;
+    "aria-multiselectable"?: boolean | "false" | "true" | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: boolean | "false" | "true" | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: boolean | "false" | "true" | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: boolean | "false" | "true" | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined;
@@ -658,7 +664,7 @@ export declare const CustomForm: import("styled-components").IStyledComponent<"w
     onBlurCapture?: import("react").FocusEventHandler<HTMLFormElement>;
     onChange?: import("react").FormEventHandler<HTMLFormElement>;
     onChangeCapture?: import("react").FormEventHandler<HTMLFormElement>;
-    onBeforeInput?: import("react").FormEventHandler<HTMLFormElement>;
+    onBeforeInput?: import("react").InputEventHandler<HTMLFormElement>;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLFormElement>;
     onInput?: import("react").FormEventHandler<HTMLFormElement>;
     onInputCapture?: import("react").FormEventHandler<HTMLFormElement>;

package/dist/components/EditLibraryModal/EditLibrary/EditLibraryAttributes/AttributesList/AttributesList.js

@@ -5,7 +5,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PlusOutlined, SearchOutlined } from '@ant-design/icons';
 import { localizedTranslation } from '@leav/utils';
 import { Table } from 'antd';
-import { KitButton, KitInput, KitTag } from 'aristid-ds';
+import { KitButton, KitIdCard, KitInput, KitTag } from 'aristid-ds';
 import { useEffect, useRef, useState } from 'react';
 import styled from 'styled-components';
 import { defaultPaginationPageSize, tagColorByAttributeFormat, tagColorByAttributeType } from '../../../../../constants';
@@ -111,9 +111,7 @@ function AttributesList({ library, readOnly, onDeleteAttribute, onAddAttributes
             render: (type) => (_jsx(KitTag, { style: {
                     borderColor: tagColorByAttributeType[type][0],
                     backgroundColor: tagColorByAttributeType[type][1],
-                }, idCardProps: {
-                    description: t(`attributes.type_${type}`),
-                } })),
+                }, children: _jsx(KitIdCard, { description: t(`attributes.type_${type}`) }) })),
             filters: Object.values(AttributeType).map(type => ({
                 text: t(`attributes.type_${type}`),
                 value: type,
@@ -133,9 +131,7 @@ function AttributesList({ library, readOnly, onDeleteAttribute, onAddAttributes
             render: (format) => format ? (_jsx(KitTag, { style: {
                     borderColor: tagColorByAttributeFormat[format][0],
                     backgroundColor: tagColorByAttributeFormat[format][1],
-                }, idCardProps: {
-                    description: t(`attributes.format_${format}`),
-                } })) : null,
+                }, children: _jsx(KitIdCard, { description: t(`attributes.format_${format}`) }) })) : null,
             filters: Object.values(AttributeFormat).map(format => ({
                 text: t(`attributes.format_${format}`),
                 value: format,

package/dist/components/EditLibraryModal/EditLibrary/EditLibraryAttributes/AttributesList/AttributesList.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttributesList.js","sourceRoot":"","sources":["../../../../../../src/components/EditLibraryModal/EditLibrary/EditLibraryAttributes/AttributesList/AttributesList.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {PlusOutlined, SearchOutlined} from '@ant-design/icons';\nimport {localizedTranslation, type Override} from '@leav/utils';\nimport {Table, type TableColumnsType, type TablePaginationConfig} from 'antd';\nimport {type FilterValue, type SorterResult} from 'antd/es/table/interface';\nimport {KitButton, KitInput, KitTag} from 'aristid-ds';\nimport {useEffect, useRef, useState} from 'react';\nimport styled from 'styled-components';\nimport {defaultPaginationPageSize, tagColorByAttributeFormat, tagColorByAttributeType} from '../../../../../constants';\nimport {useLang} from '../../../../../hooks';\nimport {useSharedTranslation} from '../../../../../hooks/useSharedTranslation';\nimport {\n    AttributeFormat,\n    AttributesSortableFields,\n    AttributeType,\n    type GetAttributesQuery,\n    type GetAttributesQueryVariables,\n    type LibraryAttributesFragment,\n    SortOrder,\n    useGetAttributesQuery,\n} from '../../../../../_gqlTypes';\nimport {AttributePicker} from '../../../../AttributePicker';\nimport {AttributeCell} from './AttributeCell';\nimport {DeleteButton} from './DeleteButton';\n\ninterface IAttributesListProps {\n    readOnly: boolean;\n    library: string;\n    onDeleteAttribute: (attribute: LibraryAttributesFragment) => Promise<void>;\n    onAddAttributes: (attributes: string[]) => Promise<void>;\n}\n\nconst HeaderWrapper = styled.div`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 0.5rem;\n\n    .kit-input-wrapper {\n        flex-grow: 1;\n    }\n`;\n\n// To fix a cosmetic issue with the table header (see https://github.com/ant-design/ant-design/issues/41975)\nconst Wrapper = styled.div`\n    && .ant-table-header {\n        border-radius: 0;\n    }\n`;\n\nexport type AttributeListType = Override<GetAttributesQuery['attributes']['list'][number], {label: string}> & {\n    key: string;\n};\n\nfunction AttributesList({library, readOnly, onDeleteAttribute, onAddAttributes}: IAttributesListProps): JSX.Element {\n    const {t} = useSharedTranslation();\n    const {lang} = useLang();\n    const [isAddAttributeModalOpen, setIsAddAttributeModalOpen] = useState(false);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const [pageSize, setPageSize] = useState(defaultPaginationPageSize);\n    const [currentPage, setCurrentPage] = useState(1);\n    const [sort, setSort] = useState<GetAttributesQueryVariables['sort']>();\n    const [filters, setFilters] = useState<GetAttributesQueryVariables['filters']>({});\n    const [tableData, setTableData] = useState<AttributeListType[]>([]);\n\n    const {loading, error, data, refetch} = useGetAttributesQuery({\n        variables: {\n            pagination: {\n                limit: pageSize,\n                offset: (currentPage - 1) * pageSize,\n            },\n            sort,\n            filters: {\n                ...filters,\n                libraries: [library],\n            },\n        },\n    });\n\n    const _handleSubmitAddAttribute = async (selectedAttributes: string[]) => {\n        await onAddAttributes(selectedAttributes);\n        refetch();\n    };\n\n    const _handleDeleteAttribute = (attribute: LibraryAttributesFragment) => async () => {\n        await onDeleteAttribute(attribute);\n        refetch();\n    };\n\n    const _handleClickNewAttribute = () => {\n        setIsAddAttributeModalOpen(true);\n    };\n\n    const _handleCloseAddAttributeModal = () => setIsAddAttributeModalOpen(false);\n\n    const _handleChange = (\n        pagination: TablePaginationConfig,\n        filter: Record<string, FilterValue | null>,\n        sorter: SorterResult<AttributeListType> | Array<SorterResult<AttributeListType>>,\n    ) => {\n        setCurrentPage(pagination.current);\n        setPageSize(pagination.pageSize);\n\n        const relevantSorter = Array.isArray(sorter) ? sorter[0] : sorter;\n        if (relevantSorter.column && relevantSorter.order) {\n            const newSort = {\n                field: AttributesSortableFields[relevantSorter.columnKey],\n                order: relevantSorter.order === 'ascend' ? SortOrder.asc : SortOrder.desc,\n            };\n            setSort(newSort);\n        }\n\n        const newFilters: GetAttributesQueryVariables['filters'] = {};\n        for (const [field, filterValue] of Object.entries(filter)) {\n            if (filterValue) {\n                newFilters[field] = filterValue;\n            }\n        }\n        setFilters(newFilters);\n    };\n\n    const _handleSearchSubmit = (e: React.SyntheticEvent<HTMLInputElement>) => {\n        setFilters({\n            ...filters,\n            label: `%${e.currentTarget.value}%`,\n        });\n    };\n\n    const _handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        // Handle clearing input only. Submitting input is otherwise handled by \"onPressEnter\"\n        if (!e.currentTarget.value) {\n            _handleSearchSubmit(e);\n        }\n    };\n\n    const columns: TableColumnsType<AttributeListType> = [\n        {\n            title: t('attributes.attribute'),\n            key: 'label',\n            render: (_, attribute) => <AttributeCell attribute={attribute} />,\n        },\n        {\n            title: t('attributes.type'),\n            dataIndex: 'type',\n            key: 'type',\n            width: '150px',\n            render: (type: AttributeType) => (\n                <KitTag\n                    style={{\n                        borderColor: tagColorByAttributeType[type][0],\n                        backgroundColor: tagColorByAttributeType[type][1],\n                    }}\n                    idCardProps={{\n                        description: t(`attributes.type_${type}`),\n                    }}\n                />\n            ),\n            filters: Object.values(AttributeType).map(type => ({\n                text: t(`attributes.type_${type}`),\n                value: type,\n            })),\n            onFilter: (value, record) => record.type === value,\n            sorter: (a, b) => {\n                const aTypeLabel = t(`attributes.type_${a.type}`);\n                const bTypeLabel = t(`attributes.type_${b.type}`);\n\n                return aTypeLabel.localeCompare(bTypeLabel);\n            },\n        },\n        {\n            title: t('attributes.format'),\n            dataIndex: 'format',\n            key: 'format',\n            width: '150px',\n            render: (format: AttributeFormat) =>\n                format ? (\n                    <KitTag\n                        style={{\n                            borderColor: tagColorByAttributeFormat[format][0],\n                            backgroundColor: tagColorByAttributeFormat[format][1],\n                        }}\n                        idCardProps={{\n                            description: t(`attributes.format_${format}`),\n                        }}\n                    />\n                ) : null,\n            filters: Object.values(AttributeFormat).map(format => ({\n                text: t(`attributes.format_${format}`),\n                value: format,\n            })),\n            onFilter: (value, record) => record.format === value,\n            sorter: (a, b) => {\n                const aFormatLabel = t(`attributes.format_${a.format}`);\n                const bFormatLabel = t(`attributes.format_${b.format}`);\n\n                return aFormatLabel.localeCompare(bFormatLabel);\n            },\n        },\n        {\n            key: 'delete',\n            title: <span></span>,\n            dataIndex: 'id',\n            width: '50px',\n            align: 'center',\n            render: (_, attribute) => (\n                <DeleteButton readOnly={readOnly} attribute={attribute} onDelete={_handleDeleteAttribute(attribute)} />\n            ),\n        },\n    ];\n\n    useEffect(() => {\n        // To avoid temporary display of \"no data\" when pagination changes\n        if (loading || !data) {\n            return;\n        }\n\n        const newTableData = data?.attributes?.list\n            ? [...data.attributes.list].map(attribute => ({\n                  ...attribute,\n                  key: attribute.id,\n                  label: localizedTranslation(attribute.label, lang),\n              }))\n            : [];\n\n        setTableData(newTableData);\n    }, [loading, data]);\n\n    useEffect(() => {\n        if (inputRef.current) {\n            inputRef.current.focus();\n        }\n    }, [inputRef]);\n\n    const tableHeader = (\n        <HeaderWrapper>\n            <KitInput\n                onPressEnter={_handleSearchSubmit}\n                onChange={_handleSearchChange}\n                placeholder={t('global.search') + '...'}\n                allowClear\n                suffix={<SearchOutlined />}\n                // @ts-ignore - ref is a valid prop\n                ref={inputRef}\n            />\n            {!readOnly && (\n                <KitButton type=\"primary\" icon={<PlusOutlined />} onClick={_handleClickNewAttribute}>\n                    {t('attributes.add_attribute')}\n                </KitButton>\n            )}\n        </HeaderWrapper>\n    );\n\n    return (\n        <Wrapper>\n            <Table\n                loading={loading}\n                size=\"middle\"\n                columns={columns}\n                dataSource={tableData}\n                bordered\n                pagination={{\n                    position: ['bottomCenter'],\n                    pageSize,\n                    current: currentPage,\n                    total: data?.attributes?.totalCount ?? 0,\n                    showTotal: total => t('global.total_count', {total}),\n                }}\n                scroll={{y: 'calc(95vh - 26rem)'}}\n                title={() => tableHeader}\n                onChange={_handleChange}\n            />\n            {isAddAttributeModalOpen && (\n                <AttributePicker\n                    multiple\n                    onClose={_handleCloseAddAttributeModal}\n                    onSubmit={_handleSubmitAddAttribute}\n                    open={isAddAttributeModalOpen}\n                    baseFilters={{librariesExcluded: [library]}}\n                />\n            )}\n        </Wrapper>\n    );\n}\n\nexport default AttributesList;\n"]}
+{"version":3,"file":"AttributesList.js","sourceRoot":"","sources":["../../../../../../src/components/EditLibraryModal/EditLibrary/EditLibraryAttributes/AttributesList/AttributesList.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {PlusOutlined, SearchOutlined} from '@ant-design/icons';\nimport {localizedTranslation, type Override} from '@leav/utils';\nimport {Table, type TableColumnsType, type TablePaginationConfig} from 'antd';\nimport {type FilterValue, type SorterResult} from 'antd/es/table/interface';\nimport {KitButton, KitIdCard, KitInput, KitTag} from 'aristid-ds';\nimport {useEffect, useRef, useState} from 'react';\nimport styled from 'styled-components';\nimport {defaultPaginationPageSize, tagColorByAttributeFormat, tagColorByAttributeType} from '../../../../../constants';\nimport {useLang} from '../../../../../hooks';\nimport {useSharedTranslation} from '../../../../../hooks/useSharedTranslation';\nimport {\n    AttributeFormat,\n    AttributesSortableFields,\n    AttributeType,\n    type GetAttributesQuery,\n    type GetAttributesQueryVariables,\n    type LibraryAttributesFragment,\n    SortOrder,\n    useGetAttributesQuery,\n} from '../../../../../_gqlTypes';\nimport {AttributePicker} from '../../../../AttributePicker';\nimport {AttributeCell} from './AttributeCell';\nimport {DeleteButton} from './DeleteButton';\n\ninterface IAttributesListProps {\n    readOnly: boolean;\n    library: string;\n    onDeleteAttribute: (attribute: LibraryAttributesFragment) => Promise<void>;\n    onAddAttributes: (attributes: string[]) => Promise<void>;\n}\n\nconst HeaderWrapper = styled.div`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 0.5rem;\n\n    .kit-input-wrapper {\n        flex-grow: 1;\n    }\n`;\n\n// To fix a cosmetic issue with the table header (see https://github.com/ant-design/ant-design/issues/41975)\nconst Wrapper = styled.div`\n    && .ant-table-header {\n        border-radius: 0;\n    }\n`;\n\nexport type AttributeListType = Override<GetAttributesQuery['attributes']['list'][number], {label: string}> & {\n    key: string;\n};\n\nfunction AttributesList({library, readOnly, onDeleteAttribute, onAddAttributes}: IAttributesListProps): JSX.Element {\n    const {t} = useSharedTranslation();\n    const {lang} = useLang();\n    const [isAddAttributeModalOpen, setIsAddAttributeModalOpen] = useState(false);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const [pageSize, setPageSize] = useState(defaultPaginationPageSize);\n    const [currentPage, setCurrentPage] = useState(1);\n    const [sort, setSort] = useState<GetAttributesQueryVariables['sort']>();\n    const [filters, setFilters] = useState<GetAttributesQueryVariables['filters']>({});\n    const [tableData, setTableData] = useState<AttributeListType[]>([]);\n\n    const {loading, error, data, refetch} = useGetAttributesQuery({\n        variables: {\n            pagination: {\n                limit: pageSize,\n                offset: (currentPage - 1) * pageSize,\n            },\n            sort,\n            filters: {\n                ...filters,\n                libraries: [library],\n            },\n        },\n    });\n\n    const _handleSubmitAddAttribute = async (selectedAttributes: string[]) => {\n        await onAddAttributes(selectedAttributes);\n        refetch();\n    };\n\n    const _handleDeleteAttribute = (attribute: LibraryAttributesFragment) => async () => {\n        await onDeleteAttribute(attribute);\n        refetch();\n    };\n\n    const _handleClickNewAttribute = () => {\n        setIsAddAttributeModalOpen(true);\n    };\n\n    const _handleCloseAddAttributeModal = () => setIsAddAttributeModalOpen(false);\n\n    const _handleChange = (\n        pagination: TablePaginationConfig,\n        filter: Record<string, FilterValue | null>,\n        sorter: SorterResult<AttributeListType> | Array<SorterResult<AttributeListType>>,\n    ) => {\n        setCurrentPage(pagination.current);\n        setPageSize(pagination.pageSize);\n\n        const relevantSorter = Array.isArray(sorter) ? sorter[0] : sorter;\n        if (relevantSorter.column && relevantSorter.order) {\n            const newSort = {\n                field: AttributesSortableFields[relevantSorter.columnKey],\n                order: relevantSorter.order === 'ascend' ? SortOrder.asc : SortOrder.desc,\n            };\n            setSort(newSort);\n        }\n\n        const newFilters: GetAttributesQueryVariables['filters'] = {};\n        for (const [field, filterValue] of Object.entries(filter)) {\n            if (filterValue) {\n                newFilters[field] = filterValue;\n            }\n        }\n        setFilters(newFilters);\n    };\n\n    const _handleSearchSubmit = (e: React.SyntheticEvent<HTMLInputElement>) => {\n        setFilters({\n            ...filters,\n            label: `%${e.currentTarget.value}%`,\n        });\n    };\n\n    const _handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        // Handle clearing input only. Submitting input is otherwise handled by \"onPressEnter\"\n        if (!e.currentTarget.value) {\n            _handleSearchSubmit(e);\n        }\n    };\n\n    const columns: TableColumnsType<AttributeListType> = [\n        {\n            title: t('attributes.attribute'),\n            key: 'label',\n            render: (_, attribute) => <AttributeCell attribute={attribute} />,\n        },\n        {\n            title: t('attributes.type'),\n            dataIndex: 'type',\n            key: 'type',\n            width: '150px',\n            render: (type: AttributeType) => (\n                <KitTag\n                    style={{\n                        borderColor: tagColorByAttributeType[type][0],\n                        backgroundColor: tagColorByAttributeType[type][1],\n                    }}\n                >\n                    <KitIdCard description={t(`attributes.type_${type}`)} />\n                </KitTag>\n            ),\n            filters: Object.values(AttributeType).map(type => ({\n                text: t(`attributes.type_${type}`),\n                value: type,\n            })),\n            onFilter: (value, record) => record.type === value,\n            sorter: (a, b) => {\n                const aTypeLabel = t(`attributes.type_${a.type}`);\n                const bTypeLabel = t(`attributes.type_${b.type}`);\n\n                return aTypeLabel.localeCompare(bTypeLabel);\n            },\n        },\n        {\n            title: t('attributes.format'),\n            dataIndex: 'format',\n            key: 'format',\n            width: '150px',\n            render: (format: AttributeFormat) =>\n                format ? (\n                    <KitTag\n                        style={{\n                            borderColor: tagColorByAttributeFormat[format][0],\n                            backgroundColor: tagColorByAttributeFormat[format][1],\n                        }}\n                    >\n                        <KitIdCard description={t(`attributes.format_${format}`)} />\n                    </KitTag>\n                ) : null,\n            filters: Object.values(AttributeFormat).map(format => ({\n                text: t(`attributes.format_${format}`),\n                value: format,\n            })),\n            onFilter: (value, record) => record.format === value,\n            sorter: (a, b) => {\n                const aFormatLabel = t(`attributes.format_${a.format}`);\n                const bFormatLabel = t(`attributes.format_${b.format}`);\n\n                return aFormatLabel.localeCompare(bFormatLabel);\n            },\n        },\n        {\n            key: 'delete',\n            title: <span></span>,\n            dataIndex: 'id',\n            width: '50px',\n            align: 'center',\n            render: (_, attribute) => (\n                <DeleteButton readOnly={readOnly} attribute={attribute} onDelete={_handleDeleteAttribute(attribute)} />\n            ),\n        },\n    ];\n\n    useEffect(() => {\n        // To avoid temporary display of \"no data\" when pagination changes\n        if (loading || !data) {\n            return;\n        }\n\n        const newTableData = data?.attributes?.list\n            ? [...data.attributes.list].map(attribute => ({\n                  ...attribute,\n                  key: attribute.id,\n                  label: localizedTranslation(attribute.label, lang),\n              }))\n            : [];\n\n        setTableData(newTableData);\n    }, [loading, data]);\n\n    useEffect(() => {\n        if (inputRef.current) {\n            inputRef.current.focus();\n        }\n    }, [inputRef]);\n\n    const tableHeader = (\n        <HeaderWrapper>\n            <KitInput\n                onPressEnter={_handleSearchSubmit}\n                onChange={_handleSearchChange}\n                placeholder={t('global.search') + '...'}\n                allowClear\n                suffix={<SearchOutlined />}\n                // @ts-ignore - ref is a valid prop\n                ref={inputRef}\n            />\n            {!readOnly && (\n                <KitButton type=\"primary\" icon={<PlusOutlined />} onClick={_handleClickNewAttribute}>\n                    {t('attributes.add_attribute')}\n                </KitButton>\n            )}\n        </HeaderWrapper>\n    );\n\n    return (\n        <Wrapper>\n            <Table\n                loading={loading}\n                size=\"middle\"\n                columns={columns}\n                dataSource={tableData}\n                bordered\n                pagination={{\n                    position: ['bottomCenter'],\n                    pageSize,\n                    current: currentPage,\n                    total: data?.attributes?.totalCount ?? 0,\n                    showTotal: total => t('global.total_count', {total}),\n                }}\n                scroll={{y: 'calc(95vh - 26rem)'}}\n                title={() => tableHeader}\n                onChange={_handleChange}\n            />\n            {isAddAttributeModalOpen && (\n                <AttributePicker\n                    multiple\n                    onClose={_handleCloseAddAttributeModal}\n                    onSubmit={_handleSubmitAddAttribute}\n                    open={isAddAttributeModalOpen}\n                    baseFilters={{librariesExcluded: [library]}}\n                />\n            )}\n        </Wrapper>\n    );\n}\n\nexport default AttributesList;\n"]}

package/dist/components/Explorer/DataView.d.ts

@@ -21,6 +21,8 @@ interface IDataViewProps {
         mode?: 'simple' | 'multiple';
     };
     hideTableHeader: boolean;
+    useSmallHeaderSize?: boolean;
+    tableBodyHeight?: string;
 }
 export declare const DataView: FunctionComponent<IDataViewProps>;
 export {};

package/dist/components/Explorer/DataView.js

@@ -18,7 +18,6 @@ const tableRowHeight = 56;
 const tableHeaderMinLineHeight = 22;
 const DataViewContainerDivStyled = styled.div `
     flex: 1 1 min-content;
-    max-height: minmax(0, 1fr);
     overflow: hidden;
 
     &.headless {
@@ -80,13 +79,14 @@ const arePropsEqual = (prevProps, nextProps) => isEqual({
     data: nextProps.dataGroupedFilteredSorted,
     selectedKeys: nextProps.selection.selectedKeys,
 });
-export const DataView = memo(({ dataGroupedFilteredSorted, attributesToDisplay, attributesProperties, paginationProps, itemActions, selection: { onSelectItem, onSelectionChange, selectedKeys, isMassSelectionAll, mode }, hideTableHeader = false, }) => {
+export const DataView = memo(({ dataGroupedFilteredSorted, attributesToDisplay, attributesProperties, paginationProps, itemActions, selection: { onSelectItem, onSelectionChange, selectedKeys, isMassSelectionAll, mode }, hideTableHeader = false, useSmallHeaderSize = false, tableBodyHeight, }) => {
     const { t } = useSharedTranslation();
     const { containerRef, scrollHeight } = useTableScrollableHeight(!!paginationProps);
     const { getFieldColumnWidth } = useColumnWidth();
     const columns = attributesToDisplay.map(attributeName => ({
         title: attributeName === WHO_AM_I_COLUMN ? t('explorer.name') : attributesProperties[attributeName].label,
         dataIndex: USELESS,
+        ellipsis: useSmallHeaderSize,
         width: getFieldColumnWidth(attributesProperties[attributeName]),
         shouldCellUpdate: (record, prevRecord) => isMassSelectionAll ||
             (attributeName === WHO_AM_I_COLUMN
@@ -120,7 +120,10 @@ export const DataView = memo(({ dataGroupedFilteredSorted, attributesToDisplay,
     // TODO: handle columns width based on attribute type/format
     return (_jsxs(DataViewContainerDivStyled, { ref: containerRef, className: cn({ headless: hideTableHeader }), children: [_jsx(StyledTable, { className: cn({
                     'row-clickable': itemActionToUseOnRowClick,
-                }), showHeader: dataGroupedFilteredSorted.length > 0 && !hideTableHeader, columns: columns, tableLayout: "fixed", scroll: { y: hideTableHeader ? '100%' : scrollHeight, x: '100%' }, dataSource: dataGroupedFilteredSorted, pagination: false, rowSelection: _rowSelection, onRow: (item) => ({
+                }), showHeader: dataGroupedFilteredSorted.length > 0 && !hideTableHeader, headerLineSize: useSmallHeaderSize ? 's' : undefined, columns: columns, tableLayout: "fixed", scroll: {
+                    y: tableBodyHeight ?? (hideTableHeader ? '100%' : scrollHeight),
+                    x: '100%',
+                }, dataSource: dataGroupedFilteredSorted, pagination: false, rowSelection: _rowSelection, onRow: (item) => ({
                     onClick: () => itemActionToUseOnRowClick?.callback(item),
                 }) }), paginationProps && (_jsx("div", { className: "pagination", children: _jsx(KitPagination, { "aria-label": "pagination", showSizeChanger: true, showTotal: (total, [from, to]) => t('explorer.pagination-total-number', { from, to, count: total }), total: paginationProps.totalCount, defaultCurrent: paginationProps.currentPage, defaultPageSize: paginationProps.pageSize, pageSizeOptions: paginationProps.pageSizeOptions, onChange: paginationProps.setNewPage, onShowSizeChange: paginationProps.setNewPageSize }) }))] }));
 }, arePropsEqual);