@economic/taco 2.24.0 → 2.25.1-alpha.13

package/dist/esm/packages/taco/src/components/Table3/components/rows/Row.js

@@ -1,327 +0,0 @@
-import React__default from 'react';
-import cn from 'clsx';
-import { useFocusManager } from '@react-aria/focus';
-import { useDropTarget } from '../../../../utils/hooks/useDropTarget.js';
-import { RowContext, useRowContext } from './RowContext.js';
-import { focusableSelector, getColumnIndex, LastCellIndex } from '../../util/editing.js';
-
-const FOCUS_MANAGER_OPTIONS = {
-  tabbable: true,
-  // Filter out all focusable elelemnts which are not in current row
-  accept: element => !!element.closest('[role="row"][data-current="true"]')
-};
-function Row(props) {
-  var _tableMeta$validation, _tableMeta$validation2;
-  const focusManager = useFocusManager();
-  const tableMeta = props.table.options.meta;
-  const isActiveRow = tableMeta.rowActive.rowActiveIndex === props.index;
-  const isDraggingRow = tableMeta.rowDrag.dragging[props.row.id];
-  const isFirstRow = props.index === 0;
-  // we use non-css hovered state to determine whether to render actions or not, for performance
-  const [isHovered, setIsHovered] = React__default.useState(false);
-  // tab behaviour is consistent across normal mode and edit mode, handle it here
-  const handleKeyDown = event => {
-    if (event.isDefaultPrevented() || event.isPropagationStopped()) {
-      return;
-    }
-    if (event.key === 'Tab') {
-      tableMeta.rowActive.setHoverStatePaused(true);
-      let focusedElement;
-      if (event.shiftKey) {
-        // looping backwards
-        focusedElement = focusManager.focusPrevious(FOCUS_MANAGER_OPTIONS);
-        if (focusedElement) {
-          // override default behaviour, since we're handling focus internally now
-          event.preventDefault();
-        } else {
-          // there are no previous elements to focus, go up a row or go outside the table
-          if (!isFirstRow) {
-            event.preventDefault();
-            tableMeta.rowActive.setRowActiveIndex(props.index - 1);
-            setTimeout(() => focusManager.focusLast(FOCUS_MANAGER_OPTIONS), 1);
-          }
-        }
-      } else {
-        // looping forwards
-        focusedElement = focusManager.focusNext(FOCUS_MANAGER_OPTIONS);
-        if (focusedElement) {
-          // override default behaviour, since we're handling focus internally now
-          event.preventDefault();
-        } else {
-          // there are no next elements to focus, go down a row or go outside the table
-          if (!props.isLastRow) {
-            event.preventDefault();
-            tableMeta.rowActive.setRowActiveIndex(props.index + 1);
-            setTimeout(() => focusManager.focusFirst(FOCUS_MANAGER_OPTIONS), 1);
-          }
-        }
-      }
-    }
-  };
-  const hasError = !!Object.keys((_tableMeta$validation = (_tableMeta$validation2 = tableMeta.validation.errors) === null || _tableMeta$validation2 === void 0 ? void 0 : _tableMeta$validation2[props.row.id]) !== null && _tableMeta$validation !== void 0 ? _tableMeta$validation : {}).length;
-  // rows are heavily memoized because performance in our table is critical
-  // be careful and selective about props that you pass to the row
-  const memoedProps = {
-    data: props.row.original,
-    // aria-grabbed is being deprecated but there is no current alternative api, we use it until there is
-    'aria-grabbed': isDraggingRow ? true : tableMeta.rowDrag.isEnabled ? false : undefined,
-    'data-current': isActiveRow,
-    'data-selected': props.row.getIsSelected(),
-    'data-invalid': hasError,
-    draggable: tableMeta.rowDrag.isEnabled,
-    index: props.index,
-    onClick: tableMeta.rowClick.handleClick,
-    onDrop: tableMeta.rowDrop.isEnabled ? tableMeta.rowDrop.handleDrop : undefined
-  };
-  let output = /*#__PURE__*/React__default.createElement(MemoedRow, Object.assign({}, props, memoedProps, {
-    onKeyDown: handleKeyDown
-  }));
-  if (tableMeta.editing.isEditing && (isActiveRow || isHovered && !tableMeta.rowActive.isHoverStatePaused)) {
-    output = /*#__PURE__*/React__default.createElement(EditingRow, Object.assign({}, props, memoedProps, {
-      isFirstRow: isFirstRow,
-      setActiveRowIndex: tableMeta.rowActive.setRowActiveIndex
-    }));
-  }
-  // we store the row index in context because in a virtualised table the row index and the
-  // react table row index do not match when, for example, sorting is applied
-  const contextValue = React__default.useMemo(() => ({
-    isHovered,
-    setIsHovered,
-    rowIndex: props.index,
-    hasError
-  }), [isHovered, hasError, props.index]);
-  return /*#__PURE__*/React__default.createElement(RowContext.Provider, {
-    value: contextValue
-  }, output);
-}
-// turns out we might need some kind of "state" for the focused column, but it doesn't need to be react state that re-renders
-const lastCellIndex = /*#__PURE__*/new LastCellIndex();
-// This code is needed to avoid multiple rows being hovered at the same time (it happens since we use non-css hovering)
-let previouslyHoveredIndex;
-const unhoverPreviousRow = tableRef => {
-  if (previouslyHoveredIndex !== undefined) {
-    var _tableRef$current;
-    const mouseoutEvent = new MouseEvent('mouseout', {
-      view: window,
-      bubbles: true,
-      cancelable: true
-    });
-    const previouslyHovered = tableRef === null || tableRef === void 0 ? void 0 : (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.querySelector(`[data-row-index="${previouslyHoveredIndex}"]`);
-    previouslyHovered === null || previouslyHovered === void 0 ? void 0 : previouslyHovered.dispatchEvent(mouseoutEvent);
-  }
-};
-function EditingRow(props) {
-  const {
-    isFirstRow,
-    isLastRow,
-    onKeyDown,
-    setActiveRowIndex,
-    virtualiser,
-    ...attributes
-  } = props;
-  const focusManager = useFocusManager();
-  const tableMeta = props.table.options.meta;
-  const handleClickCapture = event => {
-    lastCellIndex.value = getColumnIndex(event.target);
-  };
-  const handleNavigationBackwards = event => {
-    let focusedElement;
-    if (event.key === 'ArrowLeft' || event.key === 'Tab' && event.shiftKey) {
-      // We need to perform special behaviour when focus reaches the end of the row,
-      // so we don't need default browser behaviour.
-      event.stopPropagation();
-      event.preventDefault();
-      tableMeta.rowActive.setHoverStatePaused(true);
-      // "CTRL + ArrowLeft" or "META + ArrowLeft" should focus first focusable element of the row
-      if (event.ctrlKey || event.metaKey) {
-        event.target.blur();
-        focusedElement = focusManager.focusFirst(FOCUS_MANAGER_OPTIONS);
-        lastCellIndex.value = getColumnIndex(focusedElement);
-      } else {
-        // looping backwards
-        focusedElement = focusManager.focusPrevious(FOCUS_MANAGER_OPTIONS);
-        if (focusedElement) {
-          lastCellIndex.value = getColumnIndex(focusedElement);
-        } else {
-          // there are no previous elements to focus, go up a row (if there are rows above)
-          if (!isFirstRow || !event.currentTarget.contains(focusedElement)) {
-            event.preventDefault();
-            tableMeta.rowActive.setHoverStatePaused(true);
-            tableMeta.rowActive.setRowActiveIndex(props.index - 1);
-            setTimeout(() => {
-              focusedElement = focusManager.focusLast(FOCUS_MANAGER_OPTIONS);
-              // Need to update lastIndex when row got changed and last element got selected.
-              lastCellIndex.value = getColumnIndex(focusedElement);
-            }, 1);
-          }
-        }
-      }
-    }
-  };
-  const handleNavigationForward = event => {
-    let focusedElement;
-    if (event.key === 'ArrowRight' || event.key === 'Tab' && !event.shiftKey) {
-      // We need to perform special behaviour when focus reaches the end of the row,
-      // so we don't need default browser behaviour.
-      event.stopPropagation();
-      event.preventDefault();
-      tableMeta.rowActive.setHoverStatePaused(true);
-      // "CTRL + ArrowRight" or "META + ArrowRight" should focus last focusable element of the row
-      if (event.ctrlKey || event.metaKey) {
-        event.target.blur();
-        focusedElement = focusManager.focusLast(FOCUS_MANAGER_OPTIONS);
-        lastCellIndex.value = getColumnIndex(focusedElement);
-      } else {
-        // looping forwards
-        focusedElement = focusManager.focusNext(FOCUS_MANAGER_OPTIONS);
-        if (focusedElement) {
-          lastCellIndex.value = getColumnIndex(focusedElement);
-        } else {
-          // there are no next elements to focus, go down a row or go outside the table
-          if (!props.isLastRow && !event.currentTarget.contains(focusedElement)) {
-            event.preventDefault();
-            tableMeta.rowActive.setHoverStatePaused(true);
-            tableMeta.rowActive.setRowActiveIndex(props.index + 1);
-            setTimeout(() => {
-              focusedElement = focusManager.focusFirst(FOCUS_MANAGER_OPTIONS);
-              // Need to update lastIndex when row got changed and last element got selected.
-              lastCellIndex.value = getColumnIndex(focusedElement);
-            }, 1);
-          }
-        }
-      }
-    }
-  };
-  React__default.useEffect(() => {
-    // if some row stuck in hovered state, we heed to unhover it when hover state is paused
-    if (tableMeta.rowActive.isHoverStatePaused) {
-      unhoverPreviousRow(props.tableRef);
-    }
-  }, [tableMeta.rowActive.isHoverStatePaused]);
-  const handleKeyDown = event => {
-    if (event.isDefaultPrevented() || event.isPropagationStopped() || tableMeta.editing.detailModeEditing || tableMeta.shortcutsState.isPaused) {
-      return;
-    }
-    handleNavigationBackwards(event);
-    handleNavigationForward(event);
-  };
-  // this ensures we focus either on a field or on the same column when keyboard navigating up/down
-  React__default.useEffect(() => {
-    // When table in searching state, whe should prevent editing control to be focused, because it will cause search field to loose focus.
-    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-    if (tableMeta.rowActive.rowActiveIndex === props.index && !tableMeta.search.isSearching) {
-      if (lastCellIndex.value !== null) {
-        var _props$tableRef$curre;
-        const lastCellElement = (_props$tableRef$curre = props.tableRef.current) === null || _props$tableRef$curre === void 0 ? void 0 : _props$tableRef$curre.querySelector(`[role="row"][data-current="true"] [data-column-index="${lastCellIndex.value}"]`);
-        const focusableElement = lastCellElement === null || lastCellElement === void 0 ? void 0 : lastCellElement.querySelector(focusableSelector);
-        if (focusableElement) {
-          focusableElement.focus();
-          // if we found a cell but it doesn't contain focusable element, then we'll focus the first one in a row.
-        } else if (lastCellElement) {
-          const focusedElement = focusManager.focusFirst(FOCUS_MANAGER_OPTIONS);
-          lastCellIndex.value = getColumnIndex(focusedElement);
-        }
-      } else {
-        const focusedElement = focusManager.focusFirst(FOCUS_MANAGER_OPTIONS);
-        lastCellIndex.value = getColumnIndex(focusedElement);
-      }
-    }
-    // Need to subscribe to current row index and check is it a current row,
-    // for a situation where hovered row is the next row after current row...
-    // In this case row will not be re-rendered if user switch to next row, because hovered row also renders EditingRow.
-    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-  }, [tableMeta.rowActive.rowActiveIndex, tableMeta.search.isSearching]);
-  return /*#__PURE__*/React__default.createElement(MemoedRow, Object.assign({}, attributes, {
-    onClickCapture: handleClickCapture,
-    onKeyDown: handleKeyDown
-  }));
-}
-const clickableElements = ['input', 'button', 'a', 'select', 'option', 'label', 'textarea'];
-const MemoedRow = /*#__PURE__*/React__default.memo(function MemoedRow(props) {
-  const {
-    data,
-    index,
-    isLastRow: _1,
-    measureRef,
-    onClick,
-    onClickCapture,
-    onDrop,
-    row,
-    table,
-    tableRef,
-    ...attributes
-  } = props;
-  const ref = React__default.useRef(null);
-  const tableMeta = table.options.meta;
-  const {
-    setIsHovered
-  } = useRowContext();
-  // we measure the first cell (since the row has display: contents) so that the virtualiser height is correct
-  React__default.useEffect(() => {
-    var _ref$current;
-    const firstCell = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector('[role=cell]:first-child');
-    if (firstCell) {
-      measureRef(firstCell);
-    }
-  }, [ref.current]);
-  // we use capture because it also picks up clicks on e.g. select checkboxes
-  const handleClickCapture = event => {
-    if (typeof onClickCapture === 'function') {
-      onClickCapture(event);
-    }
-    // do this in the next frame, otherwise it remounts the row and prevents row actions on hover from being clickable
-    requestAnimationFrame(() => tableMeta.rowActive.setRowActiveIndex(index));
-  };
-  const handleClick = event => {
-    if (typeof onClick === 'function') {
-      var _ref$current2;
-      const clickedElement = event.target;
-      if (!((_ref$current2 = ref.current) !== null && _ref$current2 !== void 0 && _ref$current2.contains(event.target)) || clickableElements.includes(clickedElement.tagName.toLowerCase()) || clickedElement.closest(clickableElements.map(tag => `[role=row] ${tag}`).join(','))) {
-        return;
-      }
-      onClick(event, data);
-    }
-  };
-  const handleMouseEnter = () => {
-    // When user moving mouse to fast, then some of the rows are getting stuck in hover state,
-    // because mouseleave event never got triggered, to avoid this to happen we're saving the index of last hovered row,
-    // so that we can unhover it when new row got hovered, and saving it in a variable outside of react to save in performance,
-    // since it would be very performance heavy to use state which is bound to mouse events.
-    if (previouslyHoveredIndex !== undefined) {
-      if (previouslyHoveredIndex !== index) {
-        unhoverPreviousRow(tableRef);
-        previouslyHoveredIndex = index;
-      }
-    } else {
-      previouslyHoveredIndex = index;
-    }
-    setIsHovered(true);
-  };
-  const handleMouseLeave = () => {
-    if (previouslyHoveredIndex === index) {
-      previouslyHoveredIndex = undefined;
-    }
-    setIsHovered(false);
-  };
-  const [isDraggedOver, dropTargetProps] = useDropTarget(event => onDrop === null || onDrop === void 0 ? void 0 : onDrop(event, row.original));
-  const className = cn('group/row contents',
-  // resizing column requires dragging, which means the mouse might (on rare occasions) move over rows and trigger hover state
-  // that in turn triggers rendering of e.g. row actions, which could cause janky ui - so don't allow mouse interaction when resizing
-  '[[role="table"][data-resizing="true"]_&]:pointer-events-none', {
-    'hover:cursor-pointer': typeof onClick === 'function'
-  });
-  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, attributes, onDrop ? dropTargetProps : undefined, {
-    className: className,
-    "data-row-index": index,
-    "data-dragged-over": isDraggedOver,
-    onClick: handleClick,
-    onClickCapture: handleClickCapture,
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    role: "row",
-    ref: ref
-  }));
-});
-
-export { Row, lastCellIndex };
-//# sourceMappingURL=Row.js.map

package/dist/esm/packages/taco/src/components/Table3/components/rows/Row.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Row.js","sources":["../../../../../../../../../src/components/Table3/components/rows/Row.tsx"],"sourcesContent":["import React from 'react';\nimport { Row as RTRow, Table as RTable, TableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport { RowContext, useRowContext } from './RowContext';\nimport { useDropTarget } from '../../../../utils/hooks/useDropTarget';\nimport { Table3RowClickHandler, Table3RowDropHandler } from '../../types';\nimport { useFocusManager } from '@react-aria/focus';\nimport { LastCellIndex, focusableSelector, getColumnIndex } from '../../util/editing';\n\nconst FOCUS_MANAGER_OPTIONS = {\n    tabbable: true,\n    // Filter out all focusable elelemnts which are not in current row\n    accept: (element: Element) => !!element.closest('[role=\"row\"][data-current=\"true\"]'),\n};\n\ntype RowProps<TType = unknown> = Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onDrop'> & {\n    index: number;\n    isLastRow: boolean;\n    measureRef: (el: HTMLElement | null) => void;\n    onClick?: Table3RowClickHandler<TType>;\n    onDrop?: Table3RowDropHandler<TType>;\n    row: RTRow<TType>;\n    table: RTable<TType>;\n    tableRef: React.RefObject<HTMLDivElement>;\n};\n\nexport function Row<TType = unknown>(props: RowProps<TType>) {\n    const focusManager = useFocusManager();\n    const tableMeta = props.table.options.meta as TableMeta<TType>;\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === props.index;\n    const isDraggingRow = tableMeta.rowDrag.dragging[props.row.id];\n    const isFirstRow = props.index === 0;\n    // we use non-css hovered state to determine whether to render actions or not, for performance\n    const [isHovered, setIsHovered] = React.useState(false);\n\n    // tab behaviour is consistent across normal mode and edit mode, handle it here\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        if (event.isDefaultPrevented() || event.isPropagationStopped()) {\n            return;\n        }\n\n        if (event.key === 'Tab') {\n            tableMeta.rowActive.setHoverStatePaused(true);\n            let focusedElement: Element;\n\n            if (event.shiftKey) {\n                // looping backwards\n                focusedElement = focusManager.focusPrevious(FOCUS_MANAGER_OPTIONS);\n\n                if (focusedElement) {\n                    // override default behaviour, since we're handling focus internally now\n                    event.preventDefault();\n                } else {\n                    // there are no previous elements to focus, go up a row or go outside the table\n                    if (!isFirstRow) {\n                        event.preventDefault();\n                        tableMeta.rowActive.setRowActiveIndex(props.index - 1);\n                        setTimeout(() => focusManager.focusLast(FOCUS_MANAGER_OPTIONS), 1);\n                    }\n                }\n            } else {\n                // looping forwards\n                focusedElement = focusManager.focusNext(FOCUS_MANAGER_OPTIONS);\n\n                if (focusedElement) {\n                    // override default behaviour, since we're handling focus internally now\n                    event.preventDefault();\n                } else {\n                    // there are no next elements to focus, go down a row or go outside the table\n                    if (!props.isLastRow) {\n                        event.preventDefault();\n                        tableMeta.rowActive.setRowActiveIndex(props.index + 1);\n                        setTimeout(() => focusManager.focusFirst(FOCUS_MANAGER_OPTIONS), 1);\n                    }\n                }\n            }\n        }\n    };\n    const hasError = !!Object.keys(tableMeta.validation.errors?.[props.row.id] ?? {}).length;\n\n    // rows are heavily memoized because performance in our table is critical\n    // be careful and selective about props that you pass to the row\n    const memoedProps = {\n        data: props.row.original,\n        // aria-grabbed is being deprecated but there is no current alternative api, we use it until there is\n        'aria-grabbed': isDraggingRow ? true : tableMeta.rowDrag.isEnabled ? false : undefined,\n        'data-current': isActiveRow,\n        'data-selected': props.row.getIsSelected(),\n        'data-invalid': hasError,\n        draggable: tableMeta.rowDrag.isEnabled,\n        index: props.index,\n        onClick: tableMeta.rowClick.handleClick,\n        onDrop: tableMeta.rowDrop.isEnabled ? tableMeta.rowDrop.handleDrop : undefined,\n    };\n\n    let output = <MemoedRow<TType> {...props} {...memoedProps} onKeyDown={handleKeyDown} />;\n\n    if (tableMeta.editing.isEditing && (isActiveRow || (isHovered && !tableMeta.rowActive.isHoverStatePaused))) {\n        output = (\n            <EditingRow\n                {...props}\n                {...memoedProps}\n                isFirstRow={isFirstRow}\n                setActiveRowIndex={tableMeta.rowActive.setRowActiveIndex}\n            />\n        );\n    }\n\n    // we store the row index in context because in a virtualised table the row index and the\n    // react table row index do not match when, for example, sorting is applied\n    const contextValue = React.useMemo(\n        () => ({ isHovered, setIsHovered, rowIndex: props.index, hasError }),\n        [isHovered, hasError, props.index]\n    );\n\n    return <RowContext.Provider value={contextValue}>{output}</RowContext.Provider>;\n}\n\n// turns out we might need some kind of \"state\" for the focused column, but it doesn't need to be react state that re-renders\nexport const lastCellIndex = new LastCellIndex();\n\n// This code is needed to avoid multiple rows being hovered at the same time (it happens since we use non-css hovering)\nlet previouslyHoveredIndex: number | undefined;\nconst unhoverPreviousRow = (tableRef: React.RefObject<HTMLDivElement>) => {\n    if (previouslyHoveredIndex !== undefined) {\n        const mouseoutEvent = new MouseEvent('mouseout', { view: window, bubbles: true, cancelable: true });\n        const previouslyHovered = tableRef?.current?.querySelector(`[data-row-index=\"${previouslyHoveredIndex}\"]`);\n        previouslyHovered?.dispatchEvent(mouseoutEvent);\n    }\n};\n\nfunction EditingRow(props) {\n    const { isFirstRow, isLastRow, onKeyDown, setActiveRowIndex, virtualiser, ...attributes } = props;\n    const focusManager = useFocusManager();\n    const tableMeta = props.table.options.meta as TableMeta<unknown>;\n\n    const handleClickCapture = (event: React.FocusEvent) => {\n        lastCellIndex.value = getColumnIndex(event.target);\n    };\n\n    const handleNavigationBackwards = event => {\n        let focusedElement: Element;\n\n        if (event.key === 'ArrowLeft' || (event.key === 'Tab' && event.shiftKey)) {\n            // We need to perform special behaviour when focus reaches the end of the row,\n            // so we don't need default browser behaviour.\n            event.stopPropagation();\n            event.preventDefault();\n            tableMeta.rowActive.setHoverStatePaused(true);\n\n            // \"CTRL + ArrowLeft\" or \"META + ArrowLeft\" should focus first focusable element of the row\n            if (event.ctrlKey || event.metaKey) {\n                event.target.blur();\n                focusedElement = focusManager.focusFirst(FOCUS_MANAGER_OPTIONS);\n                lastCellIndex.value = getColumnIndex(focusedElement);\n            } else {\n                // looping backwards\n                focusedElement = focusManager.focusPrevious(FOCUS_MANAGER_OPTIONS);\n\n                if (focusedElement) {\n                    lastCellIndex.value = getColumnIndex(focusedElement);\n                } else {\n                    // there are no previous elements to focus, go up a row (if there are rows above)\n                    if (!isFirstRow || !event.currentTarget.contains(focusedElement)) {\n                        event.preventDefault();\n                        tableMeta.rowActive.setHoverStatePaused(true);\n                        tableMeta.rowActive.setRowActiveIndex(props.index - 1);\n                        setTimeout(() => {\n                            focusedElement = focusManager.focusLast(FOCUS_MANAGER_OPTIONS);\n                            // Need to update lastIndex when row got changed and last element got selected.\n                            lastCellIndex.value = getColumnIndex(focusedElement);\n                        }, 1);\n                    }\n                }\n            }\n        }\n    };\n\n    const handleNavigationForward = event => {\n        let focusedElement: Element;\n\n        if (event.key === 'ArrowRight' || (event.key === 'Tab' && !event.shiftKey)) {\n            // We need to perform special behaviour when focus reaches the end of the row,\n            // so we don't need default browser behaviour.\n            event.stopPropagation();\n            event.preventDefault();\n            tableMeta.rowActive.setHoverStatePaused(true);\n\n            // \"CTRL + ArrowRight\" or \"META + ArrowRight\" should focus last focusable element of the row\n            if (event.ctrlKey || event.metaKey) {\n                event.target.blur();\n                focusedElement = focusManager.focusLast(FOCUS_MANAGER_OPTIONS);\n                lastCellIndex.value = getColumnIndex(focusedElement);\n            } else {\n                // looping forwards\n                focusedElement = focusManager.focusNext(FOCUS_MANAGER_OPTIONS);\n\n                if (focusedElement) {\n                    lastCellIndex.value = getColumnIndex(focusedElement);\n                } else {\n                    // there are no next elements to focus, go down a row or go outside the table\n                    if (!props.isLastRow && !event.currentTarget.contains(focusedElement)) {\n                        event.preventDefault();\n                        tableMeta.rowActive.setHoverStatePaused(true);\n                        tableMeta.rowActive.setRowActiveIndex(props.index + 1);\n                        setTimeout(() => {\n                            focusedElement = focusManager.focusFirst(FOCUS_MANAGER_OPTIONS);\n                            // Need to update lastIndex when row got changed and last element got selected.\n                            lastCellIndex.value = getColumnIndex(focusedElement);\n                        }, 1);\n                    }\n                }\n            }\n        }\n    };\n\n    React.useEffect(() => {\n        // if some row stuck in hovered state, we heed to unhover it when hover state is paused\n        if (tableMeta.rowActive.isHoverStatePaused) {\n            unhoverPreviousRow(props.tableRef);\n        }\n    }, [tableMeta.rowActive.isHoverStatePaused]);\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        if (\n            event.isDefaultPrevented() ||\n            event.isPropagationStopped() ||\n            tableMeta.editing.detailModeEditing ||\n            tableMeta.shortcutsState.isPaused\n        ) {\n            return;\n        }\n\n        handleNavigationBackwards(event);\n        handleNavigationForward(event);\n    };\n\n    // this ensures we focus either on a field or on the same column when keyboard navigating up/down\n    React.useEffect(() => {\n        // When table in searching state, whe should prevent editing control to be focused, because it will cause search field to loose focus.\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        if (tableMeta.rowActive.rowActiveIndex === props.index && !tableMeta.search.isSearching) {\n            if (lastCellIndex.value !== null) {\n                const lastCellElement = props.tableRef.current?.querySelector(\n                    `[role=\"row\"][data-current=\"true\"] [data-column-index=\"${lastCellIndex.value}\"]`\n                );\n                const focusableElement = lastCellElement?.querySelector(focusableSelector);\n                if (focusableElement) {\n                    focusableElement.focus();\n                    // if we found a cell but it doesn't contain focusable element, then we'll focus the first one in a row.\n                } else if (lastCellElement) {\n                    const focusedElement = focusManager.focusFirst(FOCUS_MANAGER_OPTIONS);\n                    lastCellIndex.value = getColumnIndex(focusedElement);\n                }\n            } else {\n                const focusedElement = focusManager.focusFirst(FOCUS_MANAGER_OPTIONS);\n                lastCellIndex.value = getColumnIndex(focusedElement);\n            }\n        }\n        // Need to subscribe to current row index and check is it a current row,\n        // for a situation where hovered row is the next row after current row...\n        // In this case row will not be re-rendered if user switch to next row, because hovered row also renders EditingRow.\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n    }, [tableMeta.rowActive.rowActiveIndex, tableMeta.search.isSearching]);\n\n    return <MemoedRow {...attributes} onClickCapture={handleClickCapture} onKeyDown={handleKeyDown} />;\n}\n\n// Memoization\n\nexport type MemoedRowProps<TType = unknown> = Omit<RowProps<TType>, 'onClick'> & {\n    data: TType;\n    'aria-grabbed'?: boolean;\n    'data-current': boolean;\n    'data-selected': boolean;\n    draggable: boolean;\n    index: number;\n    onClick: any; //(event: React.MouseEvent<HTMLElement,MouseEvent>, data: unknown) => void;\n};\n\nconst clickableElements = ['input', 'button', 'a', 'select', 'option', 'label', 'textarea'];\n\nconst MemoedRow = React.memo(function MemoedRow<TType = unknown>(props: MemoedRowProps<TType>) {\n    const {\n        data,\n        index,\n        isLastRow: _1,\n        measureRef,\n        onClick,\n        onClickCapture,\n        onDrop,\n        row,\n        table,\n        tableRef,\n        ...attributes\n    } = props;\n    const ref = React.useRef<HTMLDivElement | null>(null);\n    const tableMeta = table.options.meta as TableMeta<TType>;\n    const { setIsHovered } = useRowContext();\n\n    // we measure the first cell (since the row has display: contents) so that the virtualiser height is correct\n    React.useEffect(() => {\n        const firstCell = ref.current?.querySelector('[role=cell]:first-child');\n\n        if (firstCell) {\n            measureRef(firstCell as HTMLElement);\n        }\n    }, [ref.current]);\n\n    // we use capture because it also picks up clicks on e.g. select checkboxes\n    const handleClickCapture = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n        if (typeof onClickCapture === 'function') {\n            onClickCapture(event);\n        }\n\n        // do this in the next frame, otherwise it remounts the row and prevents row actions on hover from being clickable\n        requestAnimationFrame(() => tableMeta.rowActive.setRowActiveIndex(index));\n    };\n\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n        if (typeof onClick === 'function') {\n            const clickedElement = event.target as HTMLElement;\n\n            if (\n                !ref.current?.contains(event.target as HTMLElement) ||\n                clickableElements.includes(clickedElement.tagName.toLowerCase()) ||\n                clickedElement.closest(clickableElements.map(tag => `[role=row] ${tag}`).join(','))\n            ) {\n                return;\n            }\n\n            onClick(event, data);\n        }\n    };\n\n    const handleMouseEnter = () => {\n        // When user moving mouse to fast, then some of the rows are getting stuck in hover state,\n        // because mouseleave event never got triggered, to avoid this to happen we're saving the index of last hovered row,\n        // so that we can unhover it when new row got hovered, and saving it in a variable outside of react to save in performance,\n        // since it would be very performance heavy to use state which is bound to mouse events.\n        if (previouslyHoveredIndex !== undefined) {\n            if (previouslyHoveredIndex !== index) {\n                unhoverPreviousRow(tableRef);\n                previouslyHoveredIndex = index;\n            }\n        } else {\n            previouslyHoveredIndex = index;\n        }\n        setIsHovered(true);\n    };\n    const handleMouseLeave = () => {\n        if (previouslyHoveredIndex === index) {\n            previouslyHoveredIndex = undefined;\n        }\n        setIsHovered(false);\n    };\n\n    const [isDraggedOver, dropTargetProps] = useDropTarget(event => onDrop?.(event, row.original));\n\n    const className = cn(\n        'group/row contents',\n        // resizing column requires dragging, which means the mouse might (on rare occasions) move over rows and trigger hover state\n        // that in turn triggers rendering of e.g. row actions, which could cause janky ui - so don't allow mouse interaction when resizing\n        '[[role=\"table\"][data-resizing=\"true\"]_&]:pointer-events-none',\n        {\n            'hover:cursor-pointer': typeof onClick === 'function',\n        }\n    );\n\n    return (\n        <div\n            {...attributes}\n            {...(onDrop ? dropTargetProps : undefined)}\n            className={className}\n            data-row-index={index}\n            data-dragged-over={isDraggedOver}\n            onClick={handleClick}\n            onClickCapture={handleClickCapture}\n            onMouseEnter={handleMouseEnter}\n            onMouseLeave={handleMouseLeave}\n            role=\"row\"\n            ref={ref}\n        />\n    );\n}) as <TType = unknown>(props: MemoedRowProps<TType>) => JSX.Element;\n"],"names":["FOCUS_MANAGER_OPTIONS","tabbable","accept","element","closest","Row","props","focusManager","useFocusManager","tableMeta","table","options","meta","isActiveRow","rowActive","rowActiveIndex","index","isDraggingRow","rowDrag","dragging","row","id","isFirstRow","isHovered","setIsHovered","React","useState","handleKeyDown","event","isDefaultPrevented","isPropagationStopped","key","setHoverStatePaused","focusedElement","shiftKey","focusPrevious","preventDefault","setRowActiveIndex","setTimeout","focusLast","focusNext","isLastRow","focusFirst","hasError","Object","keys","_tableMeta$validation","_tableMeta$validation2","validation","errors","length","memoedProps","data","original","isEnabled","undefined","getIsSelected","draggable","onClick","rowClick","handleClick","onDrop","rowDrop","handleDrop","output","MemoedRow","onKeyDown","editing","isEditing","isHoverStatePaused","EditingRow","setActiveRowIndex","contextValue","useMemo","rowIndex","RowContext","Provider","value","lastCellIndex","LastCellIndex","previouslyHoveredIndex","unhoverPreviousRow","tableRef","_tableRef$current","mouseoutEvent","MouseEvent","view","window","bubbles","cancelable","previouslyHovered","current","querySelector","dispatchEvent","virtualiser","attributes","handleClickCapture","getColumnIndex","target","handleNavigationBackwards","stopPropagation","ctrlKey","metaKey","blur","currentTarget","contains","handleNavigationForward","useEffect","detailModeEditing","shortcutsState","isPaused","search","isSearching","_props$tableRef$curre","lastCellElement","focusableElement","focusableSelector","focus","onClickCapture","clickableElements","memo","_1","measureRef","ref","useRef","useRowContext","firstCell","_ref$current","requestAnimationFrame","_ref$current2","clickedElement","includes","tagName","toLowerCase","map","tag","join","handleMouseEnter","handleMouseLeave","isDraggedOver","dropTargetProps","useDropTarget","className","cn","onMouseEnter","onMouseLeave","role"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table3/components/rows/RowContext.js

@@ -1,14 +0,0 @@
-import React__default from 'react';
-
-const RowContext = /*#__PURE__*/React__default.createContext({
-  isHovered: false,
-  setIsHovered: () => {
-    /* empty */
-  },
-  rowIndex: 0,
-  hasError: false
-});
-const useRowContext = () => React__default.useContext(RowContext);
-
-export { RowContext, useRowContext };
-//# sourceMappingURL=RowContext.js.map

package/dist/esm/packages/taco/src/components/Table3/components/rows/RowContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RowContext.js","sources":["../../../../../../../../../src/components/Table3/components/rows/RowContext.tsx"],"sourcesContent":["import React from 'react';\n\ntype RowContextValue = {\n    isHovered: boolean;\n    setIsHovered: (value: boolean) => void;\n    rowIndex: number;\n    hasError: boolean;\n};\n\nexport const RowContext = React.createContext<RowContextValue>({\n    isHovered: false,\n    setIsHovered: () => {\n        /* empty */\n    },\n    rowIndex: 0,\n    hasError: false,\n});\n\nexport const useRowContext = () => React.useContext(RowContext);\n"],"names":["RowContext","React","createContext","isHovered","setIsHovered","rowIndex","hasError","useRowContext","useContext"],"mappings":";;MASaA,UAAU,gBAAGC,cAAK,CAACC,aAAa,CAAkB;EAC3DC,SAAS,EAAE,KAAK;EAChBC,YAAY,EAAEA;;GAEb;EACDC,QAAQ,EAAE,CAAC;EACXC,QAAQ,EAAE;CACb;MAEYC,aAAa,GAAGA,MAAMN,cAAK,CAACO,UAAU,CAACR,UAAU;;;;"}

package/dist/esm/packages/taco/src/components/Table3/components/rows/SkeletonRow.js

@@ -1,43 +0,0 @@
-import React__default from 'react';
-import { useInView } from 'react-intersection-observer';
-
-function SkeletonCell(props) {
-  const {
-    loadPage,
-    pageIndex,
-    table
-  } = props;
-  const {
-    ref,
-    inView
-  } = useInView({
-    threshold: 0,
-    triggerOnce: true,
-    initialInView: pageIndex === 0
-  });
-  React__default.useEffect(() => {
-    if (inView) {
-      loadPage(pageIndex, table.getState().sorting, table.getState().columnFilters, table.getState().globalFilter);
-    }
-  }, [inView]);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "border-grey-300 flex h-10 items-center border-b px-2",
-    ref: ref
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "bg-grey-100 text-grey-700 h-4 w-full text-center text-xs"
-  }));
-}
-function SkeletonRow(props) {
-  const {
-    columns,
-    ...otherProps
-  } = props;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "contents"
-  }, columns.map(column => ( /*#__PURE__*/React__default.createElement(SkeletonCell, Object.assign({
-    key: column.id
-  }, otherProps)))));
-}
-
-export { SkeletonRow };
-//# sourceMappingURL=SkeletonRow.js.map

package/dist/esm/packages/taco/src/components/Table3/components/rows/SkeletonRow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SkeletonRow.js","sources":["../../../../../../../../../src/components/Table3/components/rows/SkeletonRow.tsx"],"sourcesContent":["import React from 'react';\nimport { useInView } from 'react-intersection-observer';\nimport { Table3LoadPageHandler } from '../../types';\nimport { Column as RTColumn, Table as RTable } from '@tanstack/react-table';\n\ntype SkeletonCellProps<TType = unknown> = {\n    loadPage: Table3LoadPageHandler;\n    pageIndex: number;\n    table: RTable<TType>;\n};\nfunction SkeletonCell<TType = unknown>(props: SkeletonCellProps<TType>) {\n    const { loadPage, pageIndex, table } = props;\n    const { ref, inView } = useInView({\n        threshold: 0,\n        triggerOnce: true,\n        initialInView: pageIndex === 0,\n    });\n\n    React.useEffect(() => {\n        if (inView) {\n            loadPage(pageIndex, table.getState().sorting, table.getState().columnFilters, table.getState().globalFilter);\n        }\n    }, [inView]);\n\n    return (\n        <div className=\"border-grey-300 flex h-10 items-center border-b px-2\" ref={ref}>\n            <span className=\"bg-grey-100 text-grey-700 h-4 w-full text-center text-xs\" />\n        </div>\n    );\n}\n\nexport type SkeletonRowProps<TType = unknown> = {\n    columns: RTColumn<TType, unknown>[];\n    loadPage: Table3LoadPageHandler;\n    pageIndex: number;\n    table: RTable<TType>;\n};\n\nexport function SkeletonRow<TType = unknown>(props: SkeletonRowProps<TType>) {\n    const { columns, ...otherProps } = props;\n\n    return (\n        <div className=\"contents\">\n            {columns.map(column => (\n                <SkeletonCell key={column.id} {...otherProps} />\n            ))}\n        </div>\n    );\n}\n"],"names":["SkeletonCell","props","loadPage","pageIndex","table","ref","inView","useInView","threshold","triggerOnce","initialInView","React","useEffect","getState","sorting","columnFilters","globalFilter","className","SkeletonRow","columns","otherProps","map","column","key","id"],"mappings":";;;AAUA,SAASA,YAAYA,CAAkBC,KAA+B;EAClE,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;GAAO,GAAGH,KAAK;EAC5C,MAAM;IAAEI,GAAG;IAAEC;GAAQ,GAAGC,SAAS,CAAC;IAC9BC,SAAS,EAAE,CAAC;IACZC,WAAW,EAAE,IAAI;IACjBC,aAAa,EAAEP,SAAS,KAAK;GAChC,CAAC;EAEFQ,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIN,MAAM,EAAE;MACRJ,QAAQ,CAACC,SAAS,EAAEC,KAAK,CAACS,QAAQ,EAAE,CAACC,OAAO,EAAEV,KAAK,CAACS,QAAQ,EAAE,CAACE,aAAa,EAAEX,KAAK,CAACS,QAAQ,EAAE,CAACG,YAAY,CAAC;;GAEnH,EAAE,CAACV,MAAM,CAAC,CAAC;EAEZ,oBACIK;IAAKM,SAAS,EAAC,sDAAsD;IAACZ,GAAG,EAAEA;kBACvEM;IAAMM,SAAS,EAAC;IAA6D,CAC3E;AAEd;SASgBC,WAAWA,CAAkBjB,KAA8B;EACvE,MAAM;IAAEkB,OAAO;IAAE,GAAGC;GAAY,GAAGnB,KAAK;EAExC,oBACIU;IAAKM,SAAS,EAAC;KACVE,OAAO,CAACE,GAAG,CAACC,MAAM,mBACfX,6BAACX,YAAY;IAACuB,GAAG,EAAED,MAAM,CAACE;KAAQJ,UAAU,EAAI,CACnD,CAAC,CACA;AAEd;;;;"}

package/dist/esm/packages/taco/src/components/Table3/components/rows/styles.js

@@ -1,9 +0,0 @@
-const rowHeightSizeEstimates = {
-  short: 33,
-  medium: 41,
-  tall: 49,
-  'extra-tall': 57
-};
-
-export { rowHeightSizeEstimates };
-//# sourceMappingURL=styles.js.map

package/dist/esm/packages/taco/src/components/Table3/components/rows/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../../../../src/components/Table3/components/rows/styles.ts"],"sourcesContent":["export const rowHeightSizeEstimates = {\n    short: 33,\n    medium: 41,\n    tall: 49,\n    'extra-tall': 57,\n};\n"],"names":["rowHeightSizeEstimates","short","medium","tall"],"mappings":"MAAaA,sBAAsB,GAAG;EAClCC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,EAAE;EACVC,IAAI,EAAE,EAAE;EACR,YAAY,EAAE;;;;;"}

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/ColumnSettings.js

@@ -1,109 +0,0 @@
-import React__default from 'react';
-import cn from 'clsx';
-import { Icon } from '../../../Icon/Icon.js';
-import { useLocalization } from '../../../Provider/Localization.js';
-import { Checkbox } from '../../../Checkbox/Checkbox.js';
-import { Input } from '../../../Input/Input.js';
-import { Popover } from '../../../Popover/Popover.js';
-import { ensureOrdering } from '../../../../primitives/Table/useTable/util/columns.js';
-import { Container } from '../../../../primitives/Sortable/components/Container.js';
-import { arrayMove } from '@dnd-kit/sortable';
-import { Item } from '../../../../primitives/Sortable/components/Item.js';
-import { List } from '../../../../primitives/Sortable/components/List.js';
-import { COLUMN_ID } from '../columns/internal/Actions.js';
-import { isInternalColumn } from '../../util/columns.js';
-import { COLUMN_ID as COLUMN_ID$1 } from '../columns/internal/EditingActions.js';
-
-const Column = /*#__PURE__*/React__default.forwardRef(function Column(props, ref) {
-  var _column$parent, _column$parent$column, _column$columnDef$met;
-  const {
-    column,
-    draggable = false,
-    ...dragAttributes
-  } = props;
-  const canHide = column.getCanHide();
-  const className = cn('group/column flex items-center gap-x-2 rounded py-1 px-2', {
-    'hover:bg-grey-200': canHide || draggable,
-    'hover:cursor-pointer': canHide,
-    'active:cursor-move active:bg-grey-300': draggable
-  });
-  const attributes = draggable ? dragAttributes : undefined;
-  const isVisible = column.getIsVisible();
-  const parentText = column.parent ? (_column$parent = column.parent) === null || _column$parent === void 0 ? void 0 : (_column$parent$column = _column$parent.columnDef.meta) === null || _column$parent$column === void 0 ? void 0 : _column$parent$column.header : null;
-  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, attributes, {
-    key: column.id,
-    className: className,
-    onClick: () => column.toggleVisibility(!isVisible),
-    ref: ref
-  }), draggable ? /*#__PURE__*/React__default.createElement(Icon, {
-    name: "drag",
-    className: "text-grey-500 group-hover/column:text-grey-700 -mx-2 !h-5"
-  }) : null, /*#__PURE__*/React__default.createElement("span", {
-    className: "flex-grow truncate"
-  }, (_column$columnDef$met = column.columnDef.meta) === null || _column$columnDef$met === void 0 ? void 0 : _column$columnDef$met.header, parentText ? /*#__PURE__*/React__default.createElement("span", {
-    className: "italic"
-  }, " (", parentText, ")") : null), canHide ? /*#__PURE__*/React__default.createElement(Checkbox, {
-    checked: isVisible,
-    onChange: () => column.toggleVisibility(!isVisible)
-  }) : null);
-});
-function ColumnSettingsPopover(props) {
-  const {
-    table,
-    trigger,
-    ...popoverProps
-  } = props;
-  const {
-    texts
-  } = useLocalization();
-  const [query, setQuery] = React__default.useState('');
-  const allColumns = table.getAllLeafColumns();
-  const tableMeta = table.options.meta;
-  const columns = React__default.useMemo(() => allColumns.filter(column => !isInternalColumn(column.id)).filter(column => {
-    var _column$columnDef$met2, _column$parent2, _column$parent2$colum;
-    return query !== null && query !== void 0 && query.length ? ((_column$columnDef$met2 = column.columnDef.meta) === null || _column$columnDef$met2 === void 0 ? void 0 : _column$columnDef$met2.header.toLowerCase().includes(query.toLowerCase())) || ((_column$parent2 = column.parent) === null || _column$parent2 === void 0 ? void 0 : (_column$parent2$colum = _column$parent2.columnDef.meta) === null || _column$parent2$colum === void 0 ? void 0 : _column$parent2$colum.header.toLowerCase().includes(query.toLowerCase())) : true;
-  }), [allColumns, query]);
-  const listClassName = 'flex max-h-64 flex-col gap-y-px overflow-auto';
-  const handleReorder = (activeId, overId) => {
-    if (columns.find(column => {
-      var _column$columnDef$met3;
-      return column.id === overId && ((_column$columnDef$met3 = column.columnDef.meta) === null || _column$columnDef$met3 === void 0 ? void 0 : _column$columnDef$met3.enableOrdering) === false;
-    })) {
-      return;
-    }
-    table.setColumnOrder(currentOrder => ensureOrdering(allColumns, arrayMove(currentOrder, currentOrder.findIndex(c => c === activeId), currentOrder.findIndex(c => c === overId)), [COLUMN_ID, COLUMN_ID$1]));
-  };
-  return /*#__PURE__*/React__default.createElement(Popover, Object.assign({}, popoverProps, {
-    anchor: trigger
-  }), /*#__PURE__*/React__default.createElement(Popover.Content, null, /*#__PURE__*/React__default.createElement("div", {
-    className: "flex max-w-sm flex-col gap-2"
-  }, table.options.enableHiding ? ( /*#__PURE__*/React__default.createElement(Input, {
-    onChange: event => setQuery(event.target.value),
-    placeholder: texts.table3.columnSettings.search,
-    value: query
-  })) : null, tableMeta.columnOrdering.isEnabled && columns.length && !(query !== null && query !== void 0 && query.length) ? ( /*#__PURE__*/React__default.createElement(Container, {
-    reorder: handleReorder
-  }, /*#__PURE__*/React__default.createElement(List, {
-    id: "columns",
-    className: listClassName
-  }, columns.map(column => {
-    var _column$columnDef$met4, _column$columnDef$met5;
-    return /*#__PURE__*/React__default.createElement(Item, {
-      key: column.id,
-      id: column.id,
-      disabled: !((_column$columnDef$met4 = column.columnDef.meta) !== null && _column$columnDef$met4 !== void 0 && _column$columnDef$met4.enableOrdering),
-      asChild: true
-    }, /*#__PURE__*/React__default.createElement(Column, {
-      column: column,
-      draggable: (_column$columnDef$met5 = column.columnDef.meta) === null || _column$columnDef$met5 === void 0 ? void 0 : _column$columnDef$met5.enableOrdering
-    }));
-  })))) : ( /*#__PURE__*/React__default.createElement("div", {
-    className: listClassName
-  }, columns.length ? columns.map(column => /*#__PURE__*/React__default.createElement(Column, {
-    column: column,
-    key: column.id
-  })) : texts.table3.columnSettings.noResults)))));
-}
-
-export { ColumnSettingsPopover };
-//# sourceMappingURL=ColumnSettings.js.map

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/ColumnSettings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColumnSettings.js","sources":["../../../../../../../../../src/components/Table3/components/toolbar/ColumnSettings.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Table as RTable, Column as RTColumn, TableMeta } from '@tanstack/react-table';\nimport { isInternalColumn } from '../../util/columns';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Checkbox } from '../../../Checkbox/Checkbox';\nimport { Popover, PopoverProps } from '../../../Popover/Popover';\nimport { Input } from '../../../Input/Input';\nimport * as SortablePrimitive from '../../../../primitives/Sortable/Sortable';\nimport { Icon } from '../../../Icon/Icon';\nimport { ensureOrdering } from '../../../../primitives/Table/useTable/util/columns';\nimport { COLUMN_ID as ACTIONS_COLUMN_ID } from '../../components/columns/internal/Actions';\nimport { COLUMN_ID as EDITING_ACTIONS_COLUMN_ID } from '../../components/columns/internal/EditingActions';\n\ntype ColumnProps<TType = unknown> = React.HTMLAttributes<HTMLDivElement> & {\n    column: RTColumn<TType, unknown>;\n    draggable?: boolean;\n};\n\nconst Column = React.forwardRef(function Column<TType = unknown>(props: ColumnProps<TType>, ref: React.Ref<HTMLDivElement>) {\n    const { column, draggable = false, ...dragAttributes } = props;\n    const canHide = column.getCanHide();\n\n    const className = cn('group/column flex items-center gap-x-2 rounded py-1 px-2', {\n        'hover:bg-grey-200': canHide || draggable,\n        'hover:cursor-pointer': canHide,\n        'active:cursor-move active:bg-grey-300': draggable,\n    });\n\n    const attributes = draggable ? dragAttributes : undefined;\n    const isVisible = column.getIsVisible();\n\n    const parentText = column.parent ? column.parent?.columnDef.meta?.header : null;\n\n    return (\n        <div {...attributes} key={column.id} className={className} onClick={() => column.toggleVisibility(!isVisible)} ref={ref}>\n            {draggable ? <Icon name=\"drag\" className=\"text-grey-500 group-hover/column:text-grey-700 -mx-2 !h-5\" /> : null}\n            <span className=\"flex-grow truncate\">\n                {column.columnDef.meta?.header}\n                {parentText ? <span className=\"italic\"> ({parentText})</span> : null}\n            </span>\n            {canHide ? <Checkbox checked={isVisible} onChange={() => column.toggleVisibility(!isVisible)} /> : null}\n        </div>\n    );\n});\n\nexport type ColumnSettingsProps<TType = unknown> = PopoverProps & {\n    table: RTable<TType>;\n};\n\nexport function ColumnSettingsPopover<TType = unknown>(props: ColumnSettingsProps<TType>) {\n    const { table, trigger, ...popoverProps } = props;\n    const { texts } = useLocalization();\n    const [query, setQuery] = React.useState('');\n    const allColumns = table.getAllLeafColumns();\n    const tableMeta = table.options.meta as TableMeta<TType>;\n    const columns = React.useMemo(\n        () =>\n            allColumns\n                .filter(column => !isInternalColumn(column.id))\n                .filter(column =>\n                    query?.length\n                        ? column.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase()) ||\n                          column.parent?.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase())\n                        : true\n                ),\n        [allColumns, query]\n    );\n\n    const listClassName = 'flex max-h-64 flex-col gap-y-px overflow-auto';\n\n    const handleReorder = (activeId, overId) => {\n        if (columns.find(column => column.id === overId && column.columnDef.meta?.enableOrdering === false)) {\n            return;\n        }\n\n        table.setColumnOrder(currentOrder =>\n            ensureOrdering(\n                allColumns,\n                SortablePrimitive.arrayMove(\n                    currentOrder,\n                    currentOrder.findIndex(c => c === activeId),\n                    currentOrder.findIndex(c => c === overId)\n                ),\n                [ACTIONS_COLUMN_ID, EDITING_ACTIONS_COLUMN_ID]\n            )\n        );\n    };\n\n    return (\n        <Popover {...popoverProps} anchor={trigger}>\n            <Popover.Content>\n                <div className=\"flex max-w-sm flex-col gap-2\">\n                    {table.options.enableHiding ? (\n                        <Input\n                            onChange={event => setQuery(event.target.value)}\n                            placeholder={texts.table3.columnSettings.search}\n                            value={query}\n                        />\n                    ) : null}\n                    {tableMeta.columnOrdering.isEnabled && columns.length && !query?.length ? (\n                        <SortablePrimitive.Container reorder={handleReorder}>\n                            <SortablePrimitive.List id=\"columns\" className={listClassName}>\n                                {columns.map(column => (\n                                    <SortablePrimitive.Item\n                                        key={column.id}\n                                        id={column.id}\n                                        disabled={!column.columnDef.meta?.enableOrdering}\n                                        asChild>\n                                        <Column column={column as any} draggable={column.columnDef.meta?.enableOrdering} />\n                                    </SortablePrimitive.Item>\n                                ))}\n                            </SortablePrimitive.List>\n                        </SortablePrimitive.Container>\n                    ) : (\n                        <div className={listClassName}>\n                            {columns.length\n                                ? columns.map(column => <Column column={column as any} key={column.id} />)\n                                : texts.table3.columnSettings.noResults}\n                        </div>\n                    )}\n                </div>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["Column","React","forwardRef","props","ref","column","draggable","dragAttributes","canHide","getCanHide","className","cn","attributes","undefined","isVisible","getIsVisible","parentText","parent","_column$parent","_column$parent$column","columnDef","meta","header","key","id","onClick","toggleVisibility","Icon","name","_column$columnDef$met","Checkbox","checked","onChange","ColumnSettingsPopover","table","trigger","popoverProps","texts","useLocalization","query","setQuery","useState","allColumns","getAllLeafColumns","tableMeta","options","columns","useMemo","filter","isInternalColumn","_column$columnDef$met2","_column$parent2","_column$parent2$colum","length","toLowerCase","includes","listClassName","handleReorder","activeId","overId","find","_column$columnDef$met3","enableOrdering","setColumnOrder","currentOrder","ensureOrdering","SortablePrimitive","findIndex","c","ACTIONS_COLUMN_ID","EDITING_ACTIONS_COLUMN_ID","Popover","anchor","Content","enableHiding","Input","event","target","value","placeholder","table3","columnSettings","search","columnOrdering","isEnabled","reorder","map","_column$columnDef$met4","_column$columnDef$met5","disabled","asChild","noResults"],"mappings":"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"}