@economic/taco 2.26.20 → 2.27.1

package/dist/primitives/Table/Core/components/Footer/Footer.d.ts

@@ -1,6 +1,15 @@
 /// <reference types="react" />
-import { Header as ReactTableHeader } from '@tanstack/react-table';
-export declare function Footer<TType = unknown>(header: ReactTableHeader<TType, unknown>): JSX.Element;
+import { Header as ReactTableHeader, Table as ReactTable } from '@tanstack/react-table';
+export declare type FootProps<TType = unknown> = {
+    table: ReactTable<TType>;
+};
+export declare function Foot<TType = unknown>(props: FootProps<TType>): JSX.Element;
+export declare type FooterProps<TType = unknown> = {
+    header: ReactTableHeader<TType, unknown>;
+    index: number;
+};
+export declare function Footer<TType = unknown>(props: FooterProps<TType>): JSX.Element;
 export declare type MemoedFooterProps<TType = unknown> = {
     footer: ReactTableHeader<TType, unknown>;
+    index: number;
 };

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterColumn.d.ts

@@ -6,7 +6,7 @@ export declare type FilterColumnProps<TType = unknown> = Omit<Select2Props, 'chi
     allColumns: ReactTableColumn<TType, unknown>[];
     filters: TableFilter[];
 };
-export declare const FilterColumn: React.ForwardRefExoticComponent<Pick<Select2Props, "defaultValue" | "onChange" | "value" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "emptyValue" | "disabled" | "highlighted" | "invalid" | "multiple" | "name" | "onCreate" | "onDelete" | "onEdit" | "readOnly" | "required" | "tags" | "fontSize"> & {
+export declare const FilterColumn: React.ForwardRefExoticComponent<Pick<Select2Props, "defaultValue" | "onChange" | "value" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "emptyValue" | "disabled" | "fontSize" | "highlighted" | "invalid" | "loading" | "multiple" | "name" | "onCreate" | "onDelete" | "onEdit" | "readOnly" | "required" | "tags"> & {
     allColumns: ReactTableColumn<unknown, unknown>[];
     filters: TableFilter[];
 } & React.RefAttributes<HTMLButtonElement>>;

package/dist/taco.cjs.development.js

@@ -5977,7 +5977,7 @@ const format = (date, mask = 'dd.mm.yy') => {
   const pad = v => String(v).length === 1 ? `0${v}` : v.toString();
   return mask.replace('dd', pad(value.getDate())).replace('mm', pad(value.getMonth() + 1)).replace('yy', String(value.getFullYear()).slice(2));
 };
-const parseFromCustomString = (date = '', mask = 'dd.mm.yy') => {
+const parseFromCustomString = (date = '', mask = 'dd.mm.yy', defaultYear = undefined) => {
   if (!date || !date.length) {
     return undefined;
   }
@@ -6011,7 +6011,7 @@ const parseFromCustomString = (date = '', mask = 'dd.mm.yy') => {
   month = Number.parseInt(month, 10);
   year = Number.parseInt(year, 10);
   const currentDate = new Date();
-  return new Date( /* year */Object.is(year, NaN) ? currentDate.getFullYear() : year, /* month */Object.is(month, NaN) ? currentDate.getMonth() : month - 1,
+  return new Date( /* year */Object.is(year, NaN) ? defaultYear !== null && defaultYear !== void 0 ? defaultYear : currentDate.getFullYear() : year, /* month */Object.is(month, NaN) ? currentDate.getMonth() : month - 1,
   // months are zero based in javascript, so subtract a day
   /* day */
   Object.is(day, NaN) ? currentDate.getDate() : day, /* hours */12, /* minutes */0 // set to midday to avoid UTC offset causing dates to be mismatched server side
@@ -6049,7 +6049,7 @@ const useDatepicker = ({
   // event handlers
   const handleInputBlur = event => {
     event.persist();
-    const valueAsDate = parseFromCustomString(event.target.value);
+    const valueAsDate = parseFromCustomString(event.target.value, 'dd.mm.yy', value === null || value === void 0 ? void 0 : value.getFullYear());
     const formattedValue = valueAsDate ? format(valueAsDate) || '' : '';
     event.target.value = formattedValue;
     if (onChange) {
@@ -9345,13 +9345,18 @@ function ensureOrdering(columns, settingsOrder, internalColumnsPinnedToTheRight
     });
   });
   if (settingsOrder && settingsOrder.length > 0) {
+    const columnsAbsentInSettingsOrder = [];
     orderingEnabled = orderingEnabled.reduce((acc, column) => {
       const index = settingsOrder.indexOf(column);
       if (index > -1) {
         acc[index] = column;
+      } else {
+        columnsAbsentInSettingsOrder.push(column);
       }
       return acc;
-    }, []).filter(column => !!column);
+    }, []).filter(column => !!column)
+    // Append absent columns at the end
+    .concat(columnsAbsentInSettingsOrder);
   }
   const order = [...internalColumns, ...orderingDisabled, ...orderingEnabled];
   // actions should always be last, enforce that
@@ -12817,16 +12822,25 @@ function Summary(props) {
   }, label, "\u00A0", count);
 }
 
-function Footer$3(header) {
-  return /*#__PURE__*/React__default.createElement(MemoedFooter, {
+function Foot(props) {
+  const nonGroupedHeaders = props.table.getFooterGroups()[0].headers.filter(header => !header.column.getIsGrouped());
+  return /*#__PURE__*/React__default.createElement("tfoot", null, /*#__PURE__*/React__default.createElement("tr", null, nonGroupedHeaders.map((header, index) => ( /*#__PURE__*/React__default.createElement(Footer$3, {
     key: header.id,
-    footer: header
+    header: header,
+    index: index
+  })))));
+}
+function Footer$3(props) {
+  return /*#__PURE__*/React__default.createElement(MemoedFooter, {
+    footer: props.header,
+    index: props.index
   });
 }
 const MemoedFooter = /*#__PURE__*/React__default.memo(function MemoedFooter(props) {
   var _footer$subHeaders, _footer$subHeaders$fi;
   const {
-    footer
+    footer,
+    index
   } = props;
   const columnMeta = footer.column.columnDef.meta;
   // getIsPinned returns true for split header groups, even if the split group has no pinned sub headers
@@ -12839,7 +12853,7 @@ const MemoedFooter = /*#__PURE__*/React__default.memo(function MemoedFooter(prop
   }
   let content;
   let align;
-  if (footer.index === 0) {
+  if (index === 0) {
     align = 'left';
     content = /*#__PURE__*/React__default.createElement(Summary, {
       table: footer.getContext().table
@@ -13879,6 +13893,17 @@ const createOptionClassName = (shouldPauseHoverState = false) => cn('group mb-px
   'hover:wcag-grey-200': !shouldPauseHoverState
 });
 const createCollectionClassName = () => 'flex flex-col gap-px';
+const getFontSize = fontSize => {
+  switch (fontSize) {
+    case exports.FontSizes.small:
+      return 'text-xs';
+    case exports.FontSizes.large:
+      return 'text-base';
+    case exports.FontSizes.medium:
+    default:
+      return 'text-sm';
+  }
+};
 
 const Select2Context = /*#__PURE__*/React__default.createContext({});
 const useSelect2Context = () => React__default.useContext(Select2Context);
@@ -14079,22 +14104,18 @@ const Option$1 = /*#__PURE__*/React__default.forwardRef(function Select2Option(p
     ...otherProps
   } = props;
   const {
-    onDelete,
-    onEdit,
+    fontSize,
     listboxRef,
     multiple,
+    onDelete,
+    onEdit,
     ref: selectRef,
     setOpen,
     shouldPauseHoverState,
     tags,
-    value,
-    fontSize = exports.FontSizes.medium
+    value
   } = useSelect2Context();
-  const className = cn(createOptionClassName(shouldPauseHoverState), {
-    'text-xs': fontSize === exports.FontSizes.small,
-    'text-sm': fontSize === exports.FontSizes.medium,
-    'text-base': fontSize === exports.FontSizes.large
-  }, cName);
+  const className = cn(createOptionClassName(shouldPauseHoverState), getFontSize(fontSize), cName);
   const hasValue = Array.isArray(value) ? !!value.length : value !== undefined;
   const isTag = tags && !!color;
   const handleClick = () => {
@@ -14188,6 +14209,15 @@ const Title$5 = /*#__PURE__*/React__default.forwardRef(function Select2Title(pro
   }));
 });
 
+const Placeholder = ({
+  disabled,
+  ...props
+}) => ( /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
+  className: cn({
+    'text-grey-700': disabled,
+    'text-grey-500': !disabled
+  })
+})));
 const Trigger$7 = /*#__PURE__*/React__default.forwardRef(function Select2Trigger(props, ref) {
   const {
     multiple,
@@ -14211,11 +14241,11 @@ const Button$2 = /*#__PURE__*/React__default.forwardRef(function Select2TriggerB
     children,
     onClick,
     tabIndex = 0,
-    fontSize,
     ...otherProps
   } = props;
   const {
     disabled,
+    fontSize,
     highlighted,
     invalid,
     open,
@@ -14227,11 +14257,8 @@ const Button$2 = /*#__PURE__*/React__default.forwardRef(function Select2TriggerB
     highlighted,
     invalid,
     readOnly
-  }).replace('w-full', '').replace('px-2', ''), {
-    'w-full': !((_props$className = props.className) !== null && _props$className !== void 0 && _props$className.includes('w-')),
-    'text-xs': fontSize === exports.FontSizes.small,
-    'text-sm': fontSize === exports.FontSizes.medium,
-    'text-base': fontSize === exports.FontSizes.large
+  }).replace('w-full', '').replace('px-2', ''), getFontSize(fontSize), {
+    'w-full': !((_props$className = props.className) !== null && _props$className !== void 0 && _props$className.includes('w-'))
   }, props.className);
   const handleClick = event => {
     if (disabled || readOnly) {
@@ -14274,11 +14301,8 @@ const Single = /*#__PURE__*/React__default.forwardRef(function Select2TriggerSin
   const currentValue = children.find(matchesValue(value));
   let output;
   if (placeholder && currentValue === undefined) {
-    output = /*#__PURE__*/React__default.createElement("div", {
-      className: cn({
-        'text-grey-700': disabled,
-        'text-grey-500': !disabled
-      })
+    output = /*#__PURE__*/React__default.createElement(Placeholder, {
+      disabled: disabled
     }, placeholder);
   } else if (currentValue) {
     if (tags && emptyValue !== value) {
@@ -14330,11 +14354,8 @@ const Multiple = /*#__PURE__*/React__default.forwardRef(function Select2TriggerM
       className: "my-1 flex max-h-[5.5rem] flex-col"
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "flex flex-wrap gap-1"
-    }, valuesAsChildren.length === 0 ? ( /*#__PURE__*/React__default.createElement("div", {
-      className: cn({
-        'text-grey-700': disabled,
-        'text-grey-500': !disabled
-      })
+    }, valuesAsChildren.length === 0 ? ( /*#__PURE__*/React__default.createElement(Placeholder, {
+      disabled: disabled
     }, placeholder)) : valuesAsChildren.map(child => ( /*#__PURE__*/React__default.createElement(Tag$1, {
       key: String(child.props.value),
       className: "truncate",
@@ -14393,11 +14414,8 @@ const MultipleValue = ({
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "flex gap-1 truncate",
     ref: el => setContentRef(el)
-  }, valuesAsChildren.length === 0 ? ( /*#__PURE__*/React__default.createElement("div", {
-    className: cn({
-      'text-grey-700': disabled,
-      'text-grey-500': !disabled
-    })
+  }, valuesAsChildren.length === 0 ? ( /*#__PURE__*/React__default.createElement(Placeholder, {
+    disabled: disabled
   }, placeholder)) : valuesAsChildren.map((child, index) => {
     const tag = /*#__PURE__*/React__default.createElement(Tag$1, {
       key: String(child.props.value),
@@ -14726,19 +14744,20 @@ const Select2 = /*#__PURE__*/React__default.forwardRef(function Select2(props, r
     defaultValue: defaultProp,
     disabled = false,
     emptyValue = undefined,
-    placeholder,
+    fontSize,
     highlighted = false,
     invalid = false,
+    loading,
     multiple = false,
     name,
     onChange,
     onCreate,
     onDelete,
     onEdit,
+    placeholder,
     readOnly = false,
     tags = false,
     value: prop,
-    fontSize,
     ...otherProps
   } = props;
   const emptyOption = React__default.useMemo(() => {
@@ -14923,9 +14942,8 @@ const Select2 = /*#__PURE__*/React__default.forwardRef(function Select2(props, r
     emptyValue: emptyValue,
     onBlur: handleBlur,
     onKeyDown: handleKeyDown,
-    ref: internalRef,
-    fontSize: fontSize,
-    placeholder: placeholder
+    placeholder: placeholder,
+    ref: internalRef
   }), flattenedChildren)), /*#__PURE__*/React__default.createElement(PopoverPrimitive.Portal, null, /*#__PURE__*/React__default.createElement(PopoverPrimitive.Content, {
     asChild: true,
     align: "start",
@@ -14951,7 +14969,16 @@ const Select2 = /*#__PURE__*/React__default.forwardRef(function Select2(props, r
     onClick: areAllSelected ? deselectAll : selectAll
   }, selectAllText), /*#__PURE__*/React__default.createElement("div", {
     className: "border-grey-300 mx-3 rounded border-t"
-  }))))) : null, flattenedChildren.length <= 0 ? ( /*#__PURE__*/React__default.createElement("div", {
+  }))))) : null, loading ? ( /*#__PURE__*/React__default.createElement("span", {
+    className: cn('text-grey-700 flex items-center italic', fontSize && getFontSize(fontSize))
+  }, /*#__PURE__*/React__default.createElement("span", null, /*#__PURE__*/React__default.createElement(Spinner, {
+    delay: 0,
+    className: cn('ml-3 mr-2 mt-1.5 h-5 w-5', {
+      '!mt-1 !h-3.5 !w-3.5': fontSize === exports.FontSizes.small,
+      '!h-4 !w-4': fontSize === exports.FontSizes.medium,
+      '!h-5 !w-5': fontSize === exports.FontSizes.large
+    })
+  })), /*#__PURE__*/React__default.createElement("span", null, texts.listbox.loading))) : flattenedChildren.length <= 0 ? ( /*#__PURE__*/React__default.createElement("div", {
     className: "text-grey-700 -mt-0.5 flex h-8 items-center px-2",
     role: "presentation"
   }, "No results found...")) : ( /*#__PURE__*/React__default.createElement(Root$1, {
@@ -15134,12 +15161,21 @@ function Print$1(props) {
           // do this here because Safari doesn't support the beforeprint event
           togglePrinting(true);
           requestAnimationFrame(() => {
-            try {
-              // window.print doesn't always work in Safari :man_shrugging:
-              document.execCommand('print', false, undefined);
-            } catch {
-              window.print();
-            }
+            requestAnimationFrame(() => {
+              const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+              if (isSafari) {
+                try {
+                  // Try using document.execCommand for printing in Safari
+                  document.execCommand('print', false, undefined);
+                } catch (error) {
+                  // If document.execCommand fails or throws an error, fallback to window.print()
+                  window.print();
+                }
+              } else {
+                // Execute window.print() for all other browsers
+                window.print();
+              }
+            });
           });
         }, 150);
       }
@@ -15830,7 +15866,9 @@ function TableGrid(props) {
     enableHorizontalArrowKeyNavigation: enableHorizontalArrowKeyNavigation,
     table: table.instance,
     style: table.renderer.style
-  }, table.renderer.rows), table.meta.footer.isEnabled ? ( /*#__PURE__*/React__default.createElement("tfoot", null, /*#__PURE__*/React__default.createElement("tr", null, table.instance.getFooterGroups()[0].headers.map(Footer$3)))) : null)) : ( /*#__PURE__*/React__default.createElement(EmptyStateBody, {
+  }, table.renderer.rows), table.meta.footer.isEnabled ? /*#__PURE__*/React__default.createElement(Foot, {
+    table: table.instance
+  }) : null)) : ( /*#__PURE__*/React__default.createElement(EmptyStateBody, {
     emptyState: table.props.emptyState
   })))));
 }
@@ -18445,8 +18483,8 @@ function Alert$1(props) {
     if (pendingChangesWithErrors.length > 1 && index === pendingChangesWithErrors.length - 1) {
       links.push(validationTexts.alert.messageAnd);
     }
+    const rowIndex = table.getRowModel().rows.findIndex(row => row.id === error.rowId);
     const handleClick = () => {
-      const rowIndex = table.getRowModel().rows.findIndex(row => row.id === error.rowId);
       if (rowIndex > -1) {
         scrollToRow(rowIndex);
       } else {
@@ -18469,7 +18507,7 @@ function Alert$1(props) {
       className: "text-blue",
       onClick: handleClick,
       role: "button"
-    }, rowIdentityColumn ? error.pendingChange._meta.original[rowIdentityColumn.id] : error.rowId)));
+    }, rowIdentityColumn ? error.pendingChange._meta.original[rowIdentityColumn.id] : rowIndex + 1)));
     // if appropriate, concatenate the item with the text ","
     if (pendingChangesWithErrors.length > 2 && index < pendingChangesWithErrors.length - 2) {
       links.push(', ');