@economic/taco 2.42.1-alpha.0 → 2.43.0

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;
@@ -6188,17 +6174,29 @@ const Combobox = /*#__PURE__*/React.forwardRef(function Combobox(props, ref) {
 const isWeakEqual = (leftDate, rightDate) => {
   return leftDate.getFullYear() === rightDate.getFullYear() && leftDate.getMonth() === rightDate.getMonth() && leftDate.getDate() === rightDate.getDate();
 };
-const format = (date, mask = 'dd.mm.yy') => {
-  if (!date) {
-    return undefined;
+function parse(date) {
+  let value;
+  if (dateFns.isDate(date)) {
+    value = date;
+  } else if (typeof date === 'string') {
+    value = parseFromISOString(date);
   }
-  const value = dateFns.isDate(date) ? date : dateFns.toDate(date);
   if (!dateFns.isValid(value)) {
     return undefined;
   }
+  return value;
+}
+function format(date, mask = 'dd.mm.yy') {
+  if (date === undefined) {
+    return undefined;
+  }
+  const value = parse(date);
+  if (!dateFns.isValid(value) || value === undefined) {
+    return undefined;
+  }
   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', defaultMonth = undefined, defaultYear = undefined) => {
   if (!date || !date.length) {
     return undefined;
@@ -6256,22 +6254,19 @@ const useDatepicker = ({
   const {
     formatting
   } = useLocalization();
-  const [internalValue, setInternalValue] = React.useState(value && dateFns.isValid(value) ? format(value, formatting.date) : '');
+  const [internalValue, setInternalValue] = React.useState(format(value, formatting.date));
+  const originalValueAsDate = parse(value);
   // update internal value if it changed 'externally'
   React.useEffect(() => {
-    if (value && dateFns.isValid(value)) {
-      const formattedValue = format(value, formatting.date);
-      if (formattedValue !== internalValue) {
-        setInternalValue(formattedValue);
-      }
-    } else {
-      setInternalValue('');
+    const formattedValue = format(value, formatting.date);
+    if (formattedValue !== internalValue) {
+      setInternalValue(formattedValue);
     }
   }, [value]);
   // event handlers
   const handleInputBlur = event => {
     event.persist();
-    const valueAsDate = parseFromCustomString(event.target.value, 'dd.mm.yy', value === null || value === void 0 ? void 0 : value.getMonth(), value === null || value === void 0 ? void 0 : value.getFullYear());
+    const valueAsDate = parseFromCustomString(event.target.value, 'dd.mm.yy', originalValueAsDate === null || originalValueAsDate === void 0 ? void 0 : originalValueAsDate.getMonth(), originalValueAsDate === null || originalValueAsDate === void 0 ? void 0 : originalValueAsDate.getFullYear());
     const formattedValue = valueAsDate ? format(valueAsDate) || '' : '';
     event.target.value = formattedValue;
     if (onChange) {
@@ -6295,7 +6290,7 @@ const useDatepicker = ({
     if (props.onKeyDown) {
       props.onKeyDown(event);
     }
-    if (!event.isPropagationStopped() && !event.isDefaultPrevented() && event.key === 'Enter') {
+    if (event.key === 'Enter') {
       event.target.dispatchEvent(new Event('focusout', {
         bubbles: true
       }));
@@ -6314,7 +6309,7 @@ const useDatepicker = ({
   const calendarProps = {
     ...calendar,
     onChange: handleChange,
-    value
+    value: originalValueAsDate
   };
   return {
     input: inputProps,
@@ -6688,7 +6683,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 +6697,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 +6890,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,
@@ -9830,17 +9825,8 @@ const dataTypes = {
     sortingFn: 'datetime',
     filterComparators: [exports.TableFilterComparator.IsEqualTo, exports.TableFilterComparator.IsNotEqualTo, exports.TableFilterComparator.IsGreaterThan, exports.TableFilterComparator.IsLessThan, exports.TableFilterComparator.IsGreaterThanOrEqualTo, exports.TableFilterComparator.IsLessThanOrEqualTo, exports.TableFilterComparator.IsBetween, exports.TableFilterComparator.IsEmpty, exports.TableFilterComparator.IsNotEmpty],
     getDisplayValue: (value, options) => {
-      if (value === undefined) {
-        return '';
-      }
-      if (dateFns.isDate(value)) {
-        var _format, _options$localization;
-        return (_format = format(value, options === null || options === void 0 ? void 0 : (_options$localization = options.localization) === null || _options$localization === void 0 ? void 0 : _options$localization.formatting.date)) !== null && _format !== void 0 ? _format : '';
-      } else if (typeof value === 'string') {
-        var _format2, _options$localization2;
-        return (_format2 = format(parseFromISOString(value), options === null || options === void 0 ? void 0 : (_options$localization2 = options.localization) === null || _options$localization2 === void 0 ? void 0 : _options$localization2.formatting.date)) !== null && _format2 !== void 0 ? _format2 : '';
-      }
-      return String(value);
+      var _date$format, _options$localization;
+      return (_date$format = format(value, options === null || options === void 0 ? void 0 : (_options$localization = options.localization) === null || _options$localization === void 0 ? void 0 : _options$localization.formatting.date)) !== null && _date$format !== void 0 ? _date$format : '';
     }
   },
   boolean: {
@@ -9853,11 +9839,11 @@ const dataTypes = {
     sortingFn: 'basic',
     filterComparators: [exports.TableFilterComparator.IsEqualTo, exports.TableFilterComparator.IsNotEqualTo, exports.TableFilterComparator.IsGreaterThan, exports.TableFilterComparator.IsLessThan, exports.TableFilterComparator.IsGreaterThanOrEqualTo, exports.TableFilterComparator.IsLessThanOrEqualTo, exports.TableFilterComparator.IsBetween, exports.TableFilterComparator.IsEmpty, exports.TableFilterComparator.IsNotEmpty],
     getDisplayValue: (value, options) => {
-      var _options$localization3;
+      var _options$localization2;
       if (value === undefined) {
         return '';
       }
-      return new Intl.NumberFormat(options === null || options === void 0 ? void 0 : (_options$localization3 = options.localization) === null || _options$localization3 === void 0 ? void 0 : _options$localization3.locale, {
+      return new Intl.NumberFormat(options === null || options === void 0 ? void 0 : (_options$localization2 = options.localization) === null || _options$localization2 === void 0 ? void 0 : _options$localization2.locale, {
         minimumFractionDigits: 2
       }).format(Number(value));
     }
@@ -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();
   }
@@ -19268,10 +19260,11 @@ const MemoedEditingCell = /*#__PURE__*/React__default.memo(function MemoedEditin
     }
   };
   if (type === 'datepicker') {
+    const valueAsDate = parse(value);
     const handleChange = event => {
       const newDate = event.detail;
-      if (!value || !newDate || dateFns.isDate(value) && dateFns.isDate(newDate) && !isWeakEqual(value, newDate)) {
-        props.onChange(event.detail);
+      if (!valueAsDate || !newDate || dateFns.isDate(valueAsDate) && dateFns.isDate(newDate) && !isWeakEqual(valueAsDate, newDate)) {
+        props.onChange(newDate);
       }
     };
     return /*#__PURE__*/React__default.createElement(Datepicker, Object.assign({}, commonProps, {
@@ -19280,7 +19273,7 @@ const MemoedEditingCell = /*#__PURE__*/React__default.memo(function MemoedEditin
       onFocus: handleFocus,
       onKeyDown: handleInputKeyDown,
       ref: controlRef,
-      value: value
+      value: valueAsDate
     }));
   }
   if (type === 'textarea') {
@@ -19467,10 +19460,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 +19949,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 +20311,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 +20389,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]"
@@ -20876,6 +20864,7 @@ exports.isMacOs = isMacOs;
 exports.isPressingMetaKey = isPressingMetaKey;
 exports.isWeakEqual = isWeakEqual;
 exports.mergeRefs = mergeRefs;
+exports.parse = parse;
 exports.parseFromCustomString = parseFromCustomString;
 exports.parseFromISOString = parseFromISOString;
 exports.removeChildTableRow = removeChildTableRow;