@economic/taco 2.25.1-alpha.13 → 2.25.1

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,43 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,109 @@
+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/useTableManager/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

@@ -0,0 +1 @@
+{"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/useTableManager/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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"}

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

@@ -0,0 +1,29 @@
+import React__default from 'react';
+import { Tooltip } from '../../../Tooltip/Tooltip.js';
+import { useLocalization } from '../../../Provider/Localization.js';
+import { Shortcut } from '../../../Shortcut/Shortcut.js';
+import { ModeSwitch } from '../../../ModeSwitch/ModeSwitch.js';
+
+function EditButton(props) {
+  const {
+    texts
+  } = useLocalization();
+  const tableMeta = props.table.options.meta;
+  return /*#__PURE__*/React__default.createElement(Tooltip, {
+    title: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, texts.table3.editing.buttons.edit.tooltip, /*#__PURE__*/React__default.createElement(Shortcut, {
+      className: "ml-2",
+      keys: {
+        key: 'e',
+        meta: true,
+        shift: false
+      }
+    }))
+  }, /*#__PURE__*/React__default.createElement(ModeSwitch, {
+    "aria-pressed": tableMeta.editing.isEditing,
+    checked: tableMeta.editing.isEditing,
+    onChange: tableMeta.editing.toggleEditing
+  }));
+}
+
+export { EditButton };
+//# sourceMappingURL=EditButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditButton.js","sources":["../../../../../../../../../src/components/Table3/components/toolbar/EditButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\n\nimport { ModeSwitch } from '../../../ModeSwitch/ModeSwitch';\nimport { Shortcut } from '../../../Shortcut/Shortcut';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Tooltip } from '../../../Tooltip/Tooltip';\n\ntype EditButtonProps<TType = unknown> = React.HTMLAttributes<HTMLButtonElement> & {\n    table: RTable<TType>;\n};\n\nexport function EditButton<TType = unknown>(props: EditButtonProps<TType>) {\n    const { texts } = useLocalization();\n    const tableMeta = props.table.options.meta as TableMeta<TType>;\n\n    return (\n        <Tooltip\n            title={\n                <>\n                    {texts.table3.editing.buttons.edit.tooltip}\n                    <Shortcut className=\"ml-2\" keys={{ key: 'e', meta: true, shift: false }} />\n                </>\n            }>\n            <ModeSwitch\n                aria-pressed={tableMeta.editing.isEditing}\n                checked={tableMeta.editing.isEditing}\n                onChange={tableMeta.editing.toggleEditing}\n            />\n        </Tooltip>\n    );\n}\n"],"names":["EditButton","props","texts","useLocalization","tableMeta","table","options","meta","React","Tooltip","title","table3","editing","buttons","edit","tooltip","Shortcut","className","keys","key","shift","ModeSwitch","isEditing","checked","onChange","toggleEditing"],"mappings":";;;;;;SAYgBA,UAAUA,CAAkBC,KAA6B;EACrE,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,SAAS,GAAGH,KAAK,CAACI,KAAK,CAACC,OAAO,CAACC,IAAwB;EAE9D,oBACIC,6BAACC,OAAO;IACJC,KAAK,eACDF,4DACKN,KAAK,CAACS,MAAM,CAACC,OAAO,CAACC,OAAO,CAACC,IAAI,CAACC,OAAO,eAC1CP,6BAACQ,QAAQ;MAACC,SAAS,EAAC,MAAM;MAACC,IAAI,EAAE;QAAEC,GAAG,EAAE,GAAG;QAAEZ,IAAI,EAAE,IAAI;QAAEa,KAAK,EAAE;;MAAW;kBAGnFZ,6BAACa,UAAU;oBACOjB,SAAS,CAACQ,OAAO,CAACU,SAAS;IACzCC,OAAO,EAAEnB,SAAS,CAACQ,OAAO,CAACU,SAAS;IACpCE,QAAQ,EAAEpB,SAAS,CAACQ,OAAO,CAACa;IAC9B,CACI;AAElB;;;;"}

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/Filter/filters/Filters.js

@@ -0,0 +1,164 @@
+import React__default from 'react';
+import cn from 'clsx';
+import { Icon } from '../../../../../Icon/Icon.js';
+import { IconButton } from '../../../../../IconButton/IconButton.js';
+import { useLocalization } from '../../../../../Provider/Localization.js';
+import { Button } from '../../../../../Button/Button.js';
+import { Popover } from '../../../../../Popover/Popover.js';
+import { Group } from '../../../../../Group/Group.js';
+import { Shortcut } from '../../../../../Shortcut/Shortcut.js';
+import { useIsLargeScreen } from '../../../../../../hooks/useIsLargeScreen.js';
+import { isInternalColumn } from '../../../../util/columns.js';
+import { Table3FilterComparator } from '../../../../types.js';
+import { Filter } from './components/Filter.js';
+
+function sortByHeader(a, b) {
+  var _a$columnDef$meta, _a$columnDef$meta$hea, _a$columnDef$meta$hea2, _b$columnDef$meta;
+  return (_a$columnDef$meta = a.columnDef.meta) === null || _a$columnDef$meta === void 0 ? void 0 : (_a$columnDef$meta$hea = _a$columnDef$meta.header) === null || _a$columnDef$meta$hea === void 0 ? void 0 : (_a$columnDef$meta$hea2 = _a$columnDef$meta$hea.localeCompare) === null || _a$columnDef$meta$hea2 === void 0 ? void 0 : _a$columnDef$meta$hea2.call(_a$columnDef$meta$hea, (_b$columnDef$meta = b.columnDef.meta) === null || _b$columnDef$meta === void 0 ? void 0 : _b$columnDef$meta.header);
+}
+const placeholderFilter = {
+  id: null,
+  value: {
+    comparator: Table3FilterComparator.Contains,
+    value: undefined
+  }
+};
+function FiltersButton(props) {
+  const {
+    total,
+    table
+  } = props;
+  const {
+    locale,
+    texts
+  } = useLocalization();
+  const ref = React__default.useRef(null);
+  const isLargeScreen = useIsLargeScreen();
+  const allColumns = table.getAllLeafColumns().filter(column => !isInternalColumn(column.id)).sort(sortByHeader);
+  const appliedFilters = table.getState().columnFilters;
+  const shortcut = {
+    key: 'f',
+    meta: true,
+    shift: true
+  };
+  // state, since we "apply" filters
+  const [filters, setFilters] = React__default.useState(appliedFilters.length ? appliedFilters : [placeholderFilter]);
+  // filters
+  const handleChangeFilter = (position, filter) => {
+    setFilters(currentFilters => {
+      return currentFilters.map((current, index) => {
+        if (index === position) {
+          return filter;
+        }
+        return current;
+      });
+    });
+  };
+  const handleRemoveFilter = position => {
+    if (filters.length === 1) {
+      setFilters([placeholderFilter]);
+      return;
+    }
+    setFilters(currentFilters => currentFilters.filter((_, index) => index !== position));
+  };
+  const handleCreateNew = () => {
+    setFilters(filters.concat(placeholderFilter));
+  };
+  const handleApply = () => {
+    table.setColumnFilters(() => {
+      const newFilters = filters.filter(f => {
+        var _allColumns$find, _allColumns$find$colu;
+        if (f.id === null) {
+          return false;
+        }
+        const controlRenderer = (_allColumns$find = allColumns.find(c => c.id === f.id)) === null || _allColumns$find === void 0 ? void 0 : (_allColumns$find$colu = _allColumns$find.columnDef.meta) === null || _allColumns$find$colu === void 0 ? void 0 : _allColumns$find$colu.control;
+        if (f.value.comparator === Table3FilterComparator.IsEmpty || f.value.comparator === Table3FilterComparator.IsNotEmpty || controlRenderer === 'switch') {
+          return true;
+        }
+        return !!f.value.value;
+      });
+      // Compiler didn't get that we stripped out filters with null ids, so we still need to cast a ColumnFilter type here
+      return newFilters;
+    });
+  };
+  const handleClear = () => {
+    table.resetColumnFilters();
+    setFilters([placeholderFilter]);
+  };
+  const handleClose = React__default.useCallback(open => {
+    if (!open) {
+      setFilters(appliedFilters.length === 0 ? [placeholderFilter] : appliedFilters);
+    }
+  }, [appliedFilters]);
+  // Because filters can be reset from outside
+  React__default.useEffect(() => {
+    if (appliedFilters.length === 0) {
+      setFilters([placeholderFilter]);
+    }
+  }, [appliedFilters]);
+  const buttonProps = {
+    'aria-label': texts.table3.filters.tooltip,
+    className: cn({
+      '!wcag-blue-100': appliedFilters.length
+    }),
+    shortcut,
+    popover: popoverProps => ( /*#__PURE__*/React__default.createElement(Popover, Object.assign({}, popoverProps, {
+      onChange: handleClose
+    }), /*#__PURE__*/React__default.createElement(Popover.Content, null, /*#__PURE__*/React__default.createElement("div", {
+      className: "flex w-[40rem] flex-col gap-4"
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "flex h-8"
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "flex w-full items-center gap-2"
+    }, /*#__PURE__*/React__default.createElement("h4", {
+      className: "mb-0 inline-flex"
+    }, texts.table3.filters.button), /*#__PURE__*/React__default.createElement("p", {
+      className: "text-grey-700 mb-0 mr-auto mt-px inline-flex"
+    }, texts.table3.filters.total.replace('[CURRENT]', new Intl.NumberFormat(locale).format(table.getFilteredRowModel().rows.length)).replace('[TOTAL]', new Intl.NumberFormat(locale).format(total))))), /*#__PURE__*/React__default.createElement("div", {
+      className: "flex flex-col gap-2"
+    }, filters.map((filter, index) => ( /*#__PURE__*/React__default.createElement(Filter, {
+      key: `filter_${index}`,
+      allColumns: allColumns,
+      filter: filter,
+      filters: filters,
+      position: index,
+      onChange: handleChangeFilter,
+      onRemove: filters.length > 0 && filters.some(f => f.id) || filters.length > 1 ? handleRemoveFilter : undefined
+    }))), /*#__PURE__*/React__default.createElement("div", {
+      className: "justify-start"
+    }, /*#__PURE__*/React__default.createElement(Button, {
+      appearance: "discrete",
+      onClick: handleCreateNew
+    }, "+ ", texts.table3.filters.buttons.addFilter))), /*#__PURE__*/React__default.createElement(Group, {
+      className: "ml-auto"
+    }, /*#__PURE__*/React__default.createElement(Popover.Close, null, /*#__PURE__*/React__default.createElement(Button, null, "Cancel")), /*#__PURE__*/React__default.createElement(Button, {
+      onClick: handleClear
+    }, "Clear"), /*#__PURE__*/React__default.createElement(Button, {
+      appearance: "primary",
+      onClick: handleApply
+    }, "Apply")))))),
+    ref,
+    tooltip: ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, texts.table3.filters.tooltip, /*#__PURE__*/React__default.createElement(Shortcut, {
+      className: "ml-2",
+      keys: {
+        key: 'f',
+        meta: true,
+        shift: true
+      }
+    })))
+  };
+  if (!isLargeScreen && !appliedFilters.length) {
+    return /*#__PURE__*/React__default.createElement(IconButton, Object.assign({}, buttonProps, {
+      icon: "filter"
+    }));
+  }
+  return /*#__PURE__*/React__default.createElement(Button, Object.assign({}, buttonProps), /*#__PURE__*/React__default.createElement(Icon, {
+    className: cn({
+      '-mr-1.5': !isLargeScreen
+    }),
+    name: appliedFilters.length ? 'filter-solid' : 'filter'
+  }), isLargeScreen ? texts.table3.filters.button : '', appliedFilters.length ? `(${appliedFilters.length})` : '');
+}
+
+export { FiltersButton };
+//# sourceMappingURL=Filters.js.map

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/Filter/filters/Filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filters.js","sources":["../../../../../../../../../../../src/components/Table3/components/toolbar/Filter/filters/Filters.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Table as RTable, Column as RTColumn } from '@tanstack/react-table';\nimport { Button } from '../../../../../Button/Button';\nimport { Icon } from '../../../../../Icon/Icon';\nimport { Popover } from '../../../../../Popover/Popover';\nimport { Table3FilterValue, Table3FilterComparator, Table3Filter, ColumnFilter } from '../../../../types';\nimport { Shortcut } from '../../../../../Shortcut/Shortcut';\nimport { useLocalization } from '../../../../../Provider/Localization';\nimport { isInternalColumn } from '../../../../util/columns';\nimport { Filter } from './components/Filter';\nimport { Group } from '../../../../../Group/Group';\nimport { useIsLargeScreen } from '../../../../../../hooks/useIsLargeScreen';\nimport { IconButton } from '../../../../../IconButton/IconButton';\n\nfunction sortByHeader<TType = unknown>(a: RTColumn<TType>, b: RTColumn<TType>) {\n    return (a.columnDef.meta?.header as string)?.localeCompare?.(b.columnDef.meta?.header as string);\n}\n\nexport type FiltersProps<TType = unknown> = {\n    total: number;\n    table: RTable<TType>;\n};\n\nconst placeholderFilter: Table3Filter = { id: null, value: { comparator: Table3FilterComparator.Contains, value: undefined } };\n\nexport function FiltersButton<TType = unknown>(props: FiltersProps<TType>) {\n    const { total, table } = props;\n    const { locale, texts } = useLocalization();\n    const ref = React.useRef<HTMLButtonElement>(null);\n    const isLargeScreen = useIsLargeScreen();\n    const allColumns = table\n        .getAllLeafColumns()\n        .filter(column => !isInternalColumn(column.id))\n        .sort(sortByHeader);\n\n    const appliedFilters = table.getState().columnFilters as Table3Filter[];\n    const shortcut = { key: 'f', meta: true, shift: true };\n\n    // state, since we \"apply\" filters\n    const [filters, setFilters] = React.useState<Table3Filter[]>(appliedFilters.length ? appliedFilters : [placeholderFilter]);\n\n    // filters\n    const handleChangeFilter = (position: number, filter: { id: string | null; value: Table3FilterValue }) => {\n        setFilters(currentFilters => {\n            return currentFilters.map((current, index) => {\n                if (index === position) {\n                    return filter;\n                }\n                return current;\n            });\n        });\n    };\n\n    const handleRemoveFilter = position => {\n        if (filters.length === 1) {\n            setFilters([placeholderFilter]);\n            return;\n        }\n\n        setFilters(currentFilters => currentFilters.filter((_, index) => index !== position));\n    };\n\n    const handleCreateNew = () => {\n        setFilters(filters.concat(placeholderFilter));\n    };\n\n    const handleApply = () => {\n        table.setColumnFilters(() => {\n            const newFilters = filters.filter(f => {\n                if (f.id === null) {\n                    return false;\n                }\n\n                const controlRenderer = (allColumns.find(c => c.id === f.id) as RTColumn<TType, unknown>)?.columnDef.meta\n                    ?.control;\n                if (\n                    f.value.comparator === Table3FilterComparator.IsEmpty ||\n                    f.value.comparator === Table3FilterComparator.IsNotEmpty ||\n                    controlRenderer === 'switch'\n                ) {\n                    return true;\n                }\n                return !!f.value.value;\n            });\n            // Compiler didn't get that we stripped out filters with null ids, so we still need to cast a ColumnFilter type here\n            return newFilters as ColumnFilter[];\n        });\n    };\n\n    const handleClear = () => {\n        table.resetColumnFilters();\n        setFilters([placeholderFilter]);\n    };\n\n    const handleClose = React.useCallback(\n        (open: boolean) => {\n            if (!open) {\n                setFilters(appliedFilters.length === 0 ? [placeholderFilter] : appliedFilters);\n            }\n        },\n        [appliedFilters]\n    );\n\n    // Because filters can be reset from outside\n    React.useEffect(() => {\n        if (appliedFilters.length === 0) {\n            setFilters([placeholderFilter]);\n        }\n    }, [appliedFilters]);\n\n    const buttonProps = {\n        'aria-label': texts.table3.filters.tooltip,\n        className: cn({ '!wcag-blue-100': appliedFilters.length }),\n        shortcut,\n        popover: popoverProps => (\n            <Popover {...popoverProps} onChange={handleClose}>\n                <Popover.Content>\n                    <div className=\"flex w-[40rem] flex-col gap-4\">\n                        <div className=\"flex h-8\">\n                            <div className=\"flex w-full items-center gap-2\">\n                                <h4 className=\"mb-0 inline-flex\">{texts.table3.filters.button}</h4>\n                                <p className=\"text-grey-700 mb-0 mr-auto mt-px inline-flex\">\n                                    {texts.table3.filters.total\n                                        .replace(\n                                            '[CURRENT]',\n                                            new Intl.NumberFormat(locale).format(table.getFilteredRowModel().rows.length)\n                                        )\n                                        .replace('[TOTAL]', new Intl.NumberFormat(locale).format(total))}\n                                </p>\n                            </div>\n                        </div>\n                        <div className=\"flex flex-col gap-2\">\n                            {filters.map((filter, index) => (\n                                <Filter\n                                    key={`filter_${index}`}\n                                    allColumns={allColumns}\n                                    filter={filter}\n                                    filters={filters}\n                                    position={index}\n                                    onChange={handleChangeFilter}\n                                    onRemove={\n                                        (filters.length > 0 && filters.some(f => f.id)) || filters.length > 1\n                                            ? handleRemoveFilter\n                                            : undefined\n                                    }\n                                />\n                            ))}\n                            <div className=\"justify-start\">\n                                <Button appearance=\"discrete\" onClick={handleCreateNew}>\n                                    + {texts.table3.filters.buttons.addFilter}\n                                </Button>\n                            </div>\n                        </div>\n                        <Group className=\"ml-auto\">\n                            <Popover.Close>\n                                <Button>Cancel</Button>\n                            </Popover.Close>\n                            <Button onClick={handleClear}>Clear</Button>\n                            <Button appearance=\"primary\" onClick={handleApply}>\n                                Apply\n                            </Button>\n                        </Group>\n                    </div>\n                </Popover.Content>\n            </Popover>\n        ),\n        ref,\n        tooltip: (\n            <>\n                {texts.table3.filters.tooltip}\n                <Shortcut className=\"ml-2\" keys={{ key: 'f', meta: true, shift: true }} />\n            </>\n        ),\n    };\n\n    if (!isLargeScreen && !appliedFilters.length) {\n        return <IconButton {...buttonProps} icon=\"filter\" />;\n    }\n    return (\n        <Button {...buttonProps}>\n            <Icon className={cn({ '-mr-1.5': !isLargeScreen })} name={appliedFilters.length ? 'filter-solid' : 'filter'} />\n            {isLargeScreen ? texts.table3.filters.button : ''}\n            {appliedFilters.length ? `(${appliedFilters.length})` : ''}\n        </Button>\n    );\n}\n"],"names":["sortByHeader","a","b","_a$columnDef$meta","columnDef","meta","_a$columnDef$meta$hea","header","_a$columnDef$meta$hea2","localeCompare","call","_b$columnDef$meta","placeholderFilter","id","value","comparator","Table3FilterComparator","Contains","undefined","FiltersButton","props","total","table","locale","texts","useLocalization","ref","React","useRef","isLargeScreen","useIsLargeScreen","allColumns","getAllLeafColumns","filter","column","isInternalColumn","sort","appliedFilters","getState","columnFilters","shortcut","key","shift","filters","setFilters","useState","length","handleChangeFilter","position","currentFilters","map","current","index","handleRemoveFilter","_","handleCreateNew","concat","handleApply","setColumnFilters","newFilters","f","controlRenderer","_allColumns$find","find","c","_allColumns$find$colu","control","IsEmpty","IsNotEmpty","handleClear","resetColumnFilters","handleClose","useCallback","open","useEffect","buttonProps","table3","tooltip","className","cn","popover","popoverProps","Popover","onChange","Content","button","replace","Intl","NumberFormat","format","getFilteredRowModel","rows","Filter","onRemove","some","Button","appearance","onClick","buttons","addFilter","Group","Close","Shortcut","keys","IconButton","icon","Icon","name"],"mappings":"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"}