@economic/taco 2.42.1-alpha.0 → 2.42.1

package/dist/primitives/Table/Core/components/Toolbar/components/Settings/Settings.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import { Table as ReactTable } from '@tanstack/react-table';
 import { TableCustomSettingsRenderer } from '../../../../../types';
 export declare type SettingsProps<TType = unknown> = {
     customSettings?: TableCustomSettingsRenderer;
     table: ReactTable<TType>;
 };
-export declare function Settings<TType = unknown>(props: SettingsProps<TType>): React.JSX.Element;
+export declare function Settings<TType = unknown>(props: SettingsProps<TType>): JSX.Element;

package/dist/primitives/Table/useTableManager/util/settings.d.ts

@@ -9,4 +9,4 @@ export declare function getSettings<TType = unknown>(table: ReactTable<TType>):
     rowHeight: "medium" | "short" | "tall" | "extra-tall" | undefined;
     sorting: import("@tanstack/react-table").SortingState;
 };
-export declare function ignoreInternalColumns(data: Record<string, any>): {};
+export declare function ignoreInternalColumns(data: object): {};

package/dist/taco.cjs.development.js

@@ -4037,33 +4037,25 @@ const Accordion = props => {
   const context = React__default.useMemo(() => ({
     as
   }), [as]);
-  const type = typeof defaultId === 'string' || typeof id === 'string' ? 'single' : 'multiple';
   let valueProps;
   if (defaultId) {
-    valueProps = type === 'single' ? {
-      type: 'single',
-      defaultValue: defaultId
-    } : {
-      type: 'multiple',
-      defaultValue: defaultId
+    valueProps = {
+      defaultValue: defaultId || undefined
     };
   } else {
-    valueProps = type === 'single' ? {
-      type: 'single',
-      onValueChange: onChange,
-      value: id || undefined
-    } : {
-      type: 'multiple',
+    valueProps = {
       onValueChange: onChange,
       value: id || undefined
     };
   }
+  const type = typeof valueProps.defaultValue === 'string' || typeof valueProps.value === 'string' ? 'single' : 'multiple';
   const className = cn('divide-y divide-grey-200', props.className);
   return /*#__PURE__*/React__default.createElement(AccordionContext.Provider, {
     value: context
   }, /*#__PURE__*/React__default.createElement(AccordionPrimitive.Root, Object.assign({}, otherProps, valueProps, {
     "data-taco": "accordion",
-    className: className
+    className: className,
+    type: type
   })));
 };
 Accordion.Item = Item;
@@ -5744,13 +5736,7 @@ const searchForString = (child, value, strategy = 'includes') => {
       }
       return searchForString((_child$props3 = child.props) === null || _child$props3 === void 0 ? void 0 : _child$props3.children, value, strategy);
     } else {
-      const childLowerCase = child.toString().toLowerCase();
-      const valueLowerCase = String(value).toLowerCase();
-      if (strategy === 'startsWith') {
-        return childLowerCase.startsWith(valueLowerCase);
-      } else {
-        return childLowerCase.includes(valueLowerCase);
-      }
+      return child.toString().toLowerCase()[strategy](String(value).toLowerCase());
     }
   } catch {
     return false;
@@ -6688,7 +6674,7 @@ const Content$4 = /*#__PURE__*/React.forwardRef(function DialogContent(props, re
   }), /*#__PURE__*/React.createElement("div", {
     className: containerClassName,
     "data-taco": "dialog"
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, output, dialog.draggable && (/*#__PURE__*/React.createElement("div", Object.assign({}, dragHandleProps, {
+  }, output, dialog.draggable && (/*#__PURE__*/React.createElement("div", Object.assign({}, dragHandleProps, {
     role: "button",
     draggable: true,
     "aria-grabbed": dragging,
@@ -6702,7 +6688,7 @@ const Content$4 = /*#__PURE__*/React.forwardRef(function DialogContent(props, re
     "aria-label": texts.dialog.close,
     className: "absolute right-0 top-0 mr-2 mt-2 print:hidden",
     icon: "close"
-  }))) : null)), dialog.elements.drawer, dialog.elements.extra))));
+  }))) : null), dialog.elements.drawer, dialog.elements.extra))));
 });
 
 const DialogDrawer = /*#__PURE__*/React.forwardRef(function DialogDrawer(props, ref) {
@@ -6895,12 +6881,12 @@ const Bar = props => {
     className: className
   }));
 };
-const Thumb = () => /*#__PURE__*/React__default.createElement(ScrollAreaPrimitive.Thumb, {
+const Thumb = props => /*#__PURE__*/React__default.createElement(ScrollAreaPrimitive.Thumb, Object.assign({}, props, {
   className: "flex-[1] rounded bg-black opacity-50"
-});
-const Corner = () => /*#__PURE__*/React__default.createElement(ScrollAreaPrimitive.Corner, {
+}));
+const Corner = props => /*#__PURE__*/React__default.createElement(ScrollAreaPrimitive.Corner, Object.assign({}, props, {
   className: "bg-grey-500"
-});
+}));
 const ScrollArea = props => {
   const {
     children,
@@ -11177,6 +11163,7 @@ function useTableDataLoader(fetchPage, fetchAll, options = {
   const _lastUsedSorting = React__default.useRef([]);
   const _lastUsedFilters = React__default.useRef([]);
   const _lastUsedSearch = React__default.useRef();
+  const _lastUsedPageIndex = React__default.useRef();
   const _forceReset = React__default.useRef(false);
   const loadPage = function (pageIndex, sorting, filters) {
     try {
@@ -11194,6 +11181,8 @@ function useTableDataLoader(fetchPage, fetchAll, options = {
         _pendingPageRequests.current[pageIndex] = true;
       }
       _forceReset.current = false;
+      // set the last page loaded (or tried to load), so that we can load it back again after resets
+      _lastUsedPageIndex.current = pageIndex;
       // set the sorting so we can track if it changed between loads
       _lastUsedSorting.current = sorting;
       // set the filters so we can track if it changed between loads
@@ -11257,12 +11246,15 @@ function useTableDataLoader(fetchPage, fetchAll, options = {
   };
   const invalidate = function () {
     try {
+      // empties the entire data array
       _forceReset.current = true;
       if (_lastUsedSearch.current) {
         // we're searching, which means we need to refetch all with the correct sorting applied
         return loadAll(_lastUsedSorting.current, _lastUsedFilters.current);
       } else {
-        return loadPage(0, _lastUsedSorting.current, _lastUsedFilters.current);
+        var _lastUsedPageIndex$cu;
+        // load the last page that we scrolled to
+        return loadPage((_lastUsedPageIndex$cu = _lastUsedPageIndex.current) !== null && _lastUsedPageIndex$cu !== void 0 ? _lastUsedPageIndex$cu : 0, _lastUsedSorting.current, _lastUsedFilters.current);
       }
     } catch (e) {
       return Promise.reject(e);
@@ -11276,8 +11268,9 @@ function useTableDataLoader(fetchPage, fetchAll, options = {
         // we're searching, which means we need to refetch all with the correct sorting applied
         loadAll(sorting, _lastUsedFilters.current);
       } else {
-        // reset the page to 0 whenever sorting
-        loadPage(0, sorting, _lastUsedFilters.current);
+        var _lastUsedPageIndex$cu2;
+        // load the last page that we scrolled to
+        loadPage((_lastUsedPageIndex$cu2 = _lastUsedPageIndex.current) !== null && _lastUsedPageIndex$cu2 !== void 0 ? _lastUsedPageIndex$cu2 : 0, sorting, _lastUsedFilters.current);
       }
       return Promise.resolve();
     } catch (e) {
@@ -11290,8 +11283,9 @@ function useTableDataLoader(fetchPage, fetchAll, options = {
         // we're searching, which means we need to refetch all with the correct sorting applied
         loadAll(_lastUsedSorting.current, filters);
       } else {
-        // reset the page to 0 whenever sorting
-        loadPage(0, _lastUsedSorting.current, filters);
+        var _lastUsedPageIndex$cu3;
+        // load the last page that we scrolled to
+        loadPage((_lastUsedPageIndex$cu3 = _lastUsedPageIndex.current) !== null && _lastUsedPageIndex$cu3 !== void 0 ? _lastUsedPageIndex$cu3 : 0, _lastUsedSorting.current, filters);
       }
       return Promise.resolve();
     } catch (e) {
@@ -13233,11 +13227,11 @@ function HeaderMenu(props) {
                 return Promise.reject(e);
               }
             };
-            popoverElement = props => (/*#__PURE__*/React__default.createElement(GotoPopover, Object.assign({}, props, {
+            popoverElement = props => /*#__PURE__*/React__default.createElement(GotoPopover, Object.assign({}, props, {
               open: true,
               onChange: handleClosePopover,
               onGoto: goto
-            })));
+            }));
           }
         }
     }
@@ -13580,10 +13574,10 @@ const FOCUS_MANAGER_OPTIONS_ARROW_KEYS = {
 };
 function useAugmentedFocusManager() {
   const focusManager = focus.useFocusManager();
-  const focusPrevious = (arrowNavigation = false) => focusManager === null || focusManager === void 0 ? void 0 : focusManager.focusPrevious(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);
-  const focusNext = (arrowNavigation = false) => focusManager === null || focusManager === void 0 ? void 0 : focusManager.focusNext(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);
-  const focusFirst = () => focusManager === null || focusManager === void 0 ? void 0 : focusManager.focusFirst(FOCUS_MANAGER_OPTIONS_TAB);
-  const focusLast = () => focusManager === null || focusManager === void 0 ? void 0 : focusManager.focusLast(FOCUS_MANAGER_OPTIONS_TAB);
+  const focusPrevious = (arrowNavigation = false) => focusManager.focusPrevious(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);
+  const focusNext = (arrowNavigation = false) => focusManager.focusNext(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);
+  const focusFirst = () => focusManager.focusFirst(FOCUS_MANAGER_OPTIONS_TAB);
+  const focusLast = () => focusManager.focusLast(FOCUS_MANAGER_OPTIONS_TAB);
   return {
     focusPrevious,
     focusNext,
@@ -14100,7 +14094,7 @@ function Container(externalProps) {
     if (!(activeList !== null && activeList !== void 0 && activeList.id) || !(overList !== null && overList !== void 0 && overList.id) || activeList.id === overList.id) {
       return;
     }
-    move === null || move === void 0 ? void 0 : move(active.id, activeList === null || activeList === void 0 ? void 0 : activeList.id, overList.id);
+    move(active.id, activeList === null || activeList === void 0 ? void 0 : activeList.id, overList.id);
   }
   function handleDragEnd(event) {
     const {
@@ -14919,6 +14913,7 @@ const Colours = props => {
   const {
     color,
     onChangeColor,
+    onClick,
     onKeyDown
   } = props;
   const {
@@ -14927,6 +14922,7 @@ const Colours = props => {
   return /*#__PURE__*/React__default.createElement(RadioGroupPrimitive.Root, {
     "aria-label": texts.select2.chooseColor,
     className: "grid grid-cols-4 gap-2 focus:outline-none",
+    onClick: onClick,
     onKeyDown: onKeyDown,
     onValueChange: color => onChangeColor(color),
     value: color
@@ -15524,20 +15520,19 @@ const filterOption = (child, searchQuery) => {
 };
 
 const getNextColor = options => {
-  const occurrences = AVAILABLE_COLORS.reduce((prev, color) => {
-    if (color !== 'transparent') {
-      return {
-        ...prev,
-        [color]: 0
-      };
-    }
-    return prev;
-  }, {});
-  options.forEach(option => {
+  let occurrences = {};
+  AVAILABLE_COLORS.filter(color => color !== 'transparent').forEach(color => {
+    occurrences = {
+      ...occurrences,
+      [color]: 0
+    };
+  });
+  options.reduce((occurrences, option) => {
     if (option.props.color) {
       occurrences[option.props.color] = occurrences[option.props.color] ? occurrences[option.props.color] + 1 : 1;
     }
-  });
+    return occurrences;
+  }, occurrences);
   const colors = Object.keys(occurrences);
   if (colors.length) {
     return colors.sort((a, b) => occurrences[a] - occurrences[b])[0];
@@ -16375,7 +16370,6 @@ function Control(props) {
   } = props;
   const controlRenderer = column === null || column === void 0 ? void 0 : (_column$columnDef$met2 = column.columnDef.meta) === null || _column$columnDef$met2 === void 0 ? void 0 : _column$columnDef$met2.control;
   const dataType = column === null || column === void 0 ? void 0 : (_column$columnDef$met3 = column.columnDef.meta) === null || _column$columnDef$met3 === void 0 ? void 0 : _column$columnDef$met3.dataType;
-  const ref = React__default.useRef(null);
   React.useEffect(() => {
     // Set value to false only after first render of the control (when it's undefined) after setting the FilterColumn value, because we don't want to change then the value every time filter is opened
     if (controlRenderer === 'switch' && value === undefined) {
@@ -16386,8 +16380,7 @@ function Control(props) {
     return /*#__PURE__*/React__default.cloneElement(controlRenderer({
       ...attributes,
       setValue: value => onChange(value),
-      value,
-      ref
+      value
     }), {
       ['data-query-selector']: querySelector,
       className: 'focus:yt-focus'
@@ -18413,7 +18406,7 @@ function willRowMoveAfterSorting(cell, change, rowIndex) {
   if (rowIndex < rows.length - 1) {
     miniSortRows.push(rows[rowIndex + 1]);
   }
-  const sortRows = (rowA, rowB) => {
+  const resortedRows = [...miniSortRows].sort((rowA, rowB) => {
     const sortFn = cell.column.getSortingFn();
     const sortUndefined = cell.column.columnDef.sortUndefined;
     if (!table.options.manualSorting && sortUndefined) {
@@ -18426,8 +18419,7 @@ function willRowMoveAfterSorting(cell, change, rowIndex) {
       }
     }
     return sortFn(rowA, rowB, cell.column.id);
-  };
-  const resortedRows = [...miniSortRows].sort(sortRows);
+  });
   if (cell.column.getIsSorted() === 'desc') {
     resortedRows.reverse();
   }
@@ -19467,10 +19459,7 @@ function Row$2(props) {
   const isActiveRow = tableMeta.rowActive.rowActiveIndex === index;
   React__default.useEffect(() => {
     if (tableMeta.editing.isEditing && isActiveRow && tableMeta.editing.lastFocusedCellIndex === undefined) {
-      const element = focusManager.focusFirst();
-      if (element) {
-        setDataFocusAttribute(element);
-      }
+      setDataFocusAttribute(focusManager.focusFirst());
     }
   }, [tableMeta.editing.isEditing, tableMeta.rowActive.rowActiveIndex, tableMeta.editing.lastFocusedCellIndex]);
   const handleFocus = React__default.useCallback(event => {
@@ -19959,7 +19948,7 @@ const Tooltip$1 = ({
     icon: "close",
     title: locale.skip,
     "aria-label": locale.skip,
-    className: "absolute right-0 top-0 mr-1 mt-1"
+    className: "absolute top-0 right-0 mt-1 mr-1"
   })), step.title && /*#__PURE__*/React.createElement("h5", null, step.title), step.content, /*#__PURE__*/React.createElement(Group, {
     className: "mt-4 justify-end"
   }, index > 0 && (/*#__PURE__*/React.createElement(Button$1, Object.assign({}, backProps, {
@@ -20321,15 +20310,13 @@ const AgreementDisplay = props => {
   }));
 };
 
-const Container$1 = ({
-  children
-}) => {
+const Container$1 = props => {
   return /*#__PURE__*/React__default.createElement("div", {
     className: "-ml-2 flex flex-shrink-0 flex-grow-0 items-center gap-2 pr-2 xl:ml-auto xl:w-64",
     "data-taco": "header-agreements"
   }, /*#__PURE__*/React__default.createElement("span", {
     className: "hidden h-8 w-px flex-shrink-0 flex-grow-0 bg-white/[0.3] xl:flex"
-  }), children);
+  }), props.children);
 };
 function AgreementSelector(props) {
   const {
@@ -20401,7 +20388,7 @@ function AgreementSelector(props) {
     }
     return button;
   })), handleAddAgreement ? (/*#__PURE__*/React__default.createElement(Button$1, {
-    className: "focus-visible:!yt-focus-dark mx-2 my-1 !h-9 shrink-0 !bg-white/[0.08] !text-white hover:!bg-white/[0.16]",
+    className: "focus-visible:!yt-focus-dark my-1 mx-2 !h-9 shrink-0 !bg-white/[0.08] !text-white hover:!bg-white/[0.16]",
     onClick: handleAddAgreement
   }, texts.header.addAgreement)) : null, /*#__PURE__*/React__default.createElement("hr", {
     className: "my-0 h-px w-full bg-white/[0.08]"