@economic/taco 2.34.0 → 2.34.1

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Row/BuiltIns/DisplayRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayRow.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Row/BuiltIns/DisplayRow.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport { Cell } from '../../Columns/Cell/Cell';\nimport { TableRowRendererProps } from '../../../types';\nimport { TableRowWithMetaData } from '../../../../types';\nimport { isElementInteractive } from '../../../../../../utils/dom';\nimport { useDropTarget } from '../../../../../../utils/hooks/useDropTarget';\n\nexport type DisplayRowProps<TType = unknown> = React.HTMLAttributes<HTMLTableRowElement> & TableRowRendererProps<TType>;\n\nexport const DisplayRow = React.memo(function DisplayRow<TType = unknown>(props: DisplayRowProps<TType>) {\n    const { children, cellRenderer: CellRenderer, index, measureRow, row, table, ...otherAttributes } = props;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const attributes: any = {\n        ...otherAttributes,\n        'data-row-id': row.id,\n        'data-row-index': index,\n        tabIndex: -1,\n    };\n\n    const handleClick = React.useCallback(\n        (event: React.MouseEvent<HTMLTableRowElement>) => {\n            const clickedElement = event.target as HTMLElement;\n\n            if (!event.currentTarget?.contains(event.target as HTMLElement) || isElementInteractive(clickedElement)) {\n                return;\n            }\n\n            tableMeta.rowClick.handleClick(event, row.original);\n        },\n        [row.original]\n    );\n    const handleClickCapture = React.useCallback(() => {\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    // row active\n    if (tableMeta.rowActive.isEnabled) {\n        attributes['data-row-active'] = tableMeta.rowActive.rowActiveIndex === index ? true : undefined;\n        // we use capture because it let's us picks up clicks on components inside the row, e.g. checkboxes\n        attributes.onClickCapture = handleClickCapture;\n    }\n\n    // row click\n    if (tableMeta.rowClick.isEnabled) {\n        attributes.onClick = handleClick;\n    }\n\n    // row drag\n    if (tableMeta.rowDrag.isEnabled) {\n        attributes.draggable = true;\n        attributes['aria-grabbed'] = !!tableMeta.rowDrag.dragging[row.id];\n    }\n\n    // row drop\n    const [isDraggedOver, dropTargetProps] = useDropTarget(event => tableMeta.rowDrop.handleDrop?.(event, row.original));\n\n    if (tableMeta.rowDrop.isEnabled) {\n        attributes.onDragEnter = dropTargetProps?.onDragEnter;\n        attributes.onDragLeave = dropTargetProps?.onDragLeave;\n        attributes.onDragOver = dropTargetProps?.onDragOver;\n        attributes.onDrop = dropTargetProps?.onDrop;\n        attributes['data-row-dragged-over'] = isDraggedOver;\n    }\n\n    // row grouping\n    if (table.options.enableGrouping) {\n        attributes['data-row-group'] = row.getIsGrouped() ? true : undefined;\n    }\n\n    // row selection\n    if (table.options.enableRowSelection) {\n        attributes['data-row-selected'] = row.getIsSelected() || row.getIsAllSubRowsSelected() ? true : undefined;\n    }\n\n    // row expansion\n    let expandedRow;\n\n    if (tableMeta.rowExpansion.isEnabled && row.getIsExpanded()) {\n        attributes['data-row-expanded'] = true;\n        expandedRow = tableMeta.rowExpansion.rowExpansionRenderer?.(row.original)?.();\n    }\n\n    const rowMeta = (row.original as TableRowWithMetaData<TType>)._meta;\n\n    if (rowMeta) {\n        if (rowMeta.layout) {\n            attributes['data-row-meta-layout'] = rowMeta.layout;\n        }\n    }\n\n    const ref = React.useRef<HTMLTableRowElement>(null);\n    const expansionRef = React.useRef<HTMLTableRowElement>(null);\n    const isExpanded = !!attributes['data-row-expanded'];\n\n    useSetVirtualisedRowHeight(measureRow, ref.current, expansionRef.current, isExpanded);\n\n    const className = cn('group/row', {\n        'hover:cursor-pointer': typeof attributes.onClick === 'function',\n    });\n\n    return (\n        <>\n            <tr {...attributes} className={className} ref={ref}>\n                {children}\n                {row.getVisibleCells().map((cell, cellIndex) => (\n                    <Cell key={cell.id} cell={cell} index={cellIndex} renderer={CellRenderer} />\n                ))}\n            </tr>\n            {expandedRow ? (\n                <tr data-row-parent-id={row.id} ref={expansionRef}>\n                    <td className=\"col-span-full\">{expandedRow}</td>\n                </tr>\n            ) : null}\n        </>\n    );\n}) as <TType = unknown>(props: TableRowRendererProps<TType>) => JSX.Element;\n\nfunction useSetVirtualisedRowHeight(\n    measureRow: (size: number, expansionHeight?: number) => void,\n    rowEl: HTMLTableRowElement | null,\n    expansionEl: HTMLTableRowElement | null,\n    isExpanded: boolean\n) {\n    React.useEffect(() => {\n        if (rowEl) {\n            const height = rowEl.getBoundingClientRect().height;\n\n            if (isExpanded && expansionEl) {\n                measureRow(height, expansionEl.getBoundingClientRect().height);\n            } else {\n                measureRow(height);\n            }\n        }\n    }, [isExpanded, rowEl, expansionEl]);\n}\n"],"names":["DisplayRow","React","memo","props","children","cellRenderer","CellRenderer","index","measureRow","row","table","otherAttributes","tableMeta","options","meta","attributes","id","tabIndex","handleClick","useCallback","event","clickedElement","target","_event$currentTarget","currentTarget","contains","isElementInteractive","rowClick","original","handleClickCapture","requestAnimationFrame","rowActive","setRowActiveIndex","isEnabled","rowActiveIndex","undefined","onClickCapture","onClick","rowDrag","draggable","dragging","isDraggedOver","dropTargetProps","useDropTarget","_tableMeta$rowDrop$ha","_tableMeta$rowDrop","rowDrop","handleDrop","call","onDragEnter","onDragLeave","onDragOver","onDrop","enableGrouping","getIsGrouped","enableRowSelection","getIsSelected","getIsAllSubRowsSelected","expandedRow","rowExpansion","getIsExpanded","_tableMeta$rowExpansi","_tableMeta$rowExpansi2","_tableMeta$rowExpansi3","rowExpansionRenderer","rowMeta","_meta","layout","ref","useRef","expansionRef","isExpanded","useSetVirtualisedRowHeight","current","className","cn","getVisibleCells","map","cell","cellIndex","Cell","key","renderer","rowEl","expansionEl","useEffect","height","getBoundingClientRect"],"mappings":"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"}
+{"version":3,"file":"DisplayRow.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Row/BuiltIns/DisplayRow.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport { Cell } from '../../Columns/Cell/Cell';\nimport { TableRowRendererProps } from '../../../types';\nimport { TableRowWithMetaData } from '../../../../types';\nimport { isElementInteractive } from '../../../../../../utils/dom';\nimport { useDropTarget } from '../../../../../../utils/hooks/useDropTarget';\n\nexport type DisplayRowProps<TType = unknown> = React.HTMLAttributes<HTMLTableRowElement> & TableRowRendererProps<TType>;\n\nexport const DisplayRow = React.memo(function DisplayRow<TType = unknown>(props: DisplayRowProps<TType>) {\n    const { children, cellRenderer: CellRenderer, index, measureRow, row, table, ...otherAttributes } = props;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const attributes: any = {\n        ...otherAttributes,\n        'data-row-id': row.id,\n        'data-row-index': index,\n        tabIndex: -1,\n    };\n\n    const handleClick = React.useCallback(\n        (event: React.MouseEvent<HTMLTableRowElement>) => {\n            const clickedElement = event.target as HTMLElement;\n\n            if (!event.currentTarget?.contains(event.target as HTMLElement) || isElementInteractive(clickedElement)) {\n                return;\n            }\n\n            tableMeta.rowClick.handleClick(event, row.original);\n        },\n        [row.original]\n    );\n    const handleClickCapture = React.useCallback(() => {\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    }, [index]);\n\n    // row active\n    if (tableMeta.rowActive.isEnabled) {\n        attributes['data-row-active'] = tableMeta.rowActive.rowActiveIndex === index ? true : undefined;\n        // we use capture because it let's us picks up clicks on components inside the row, e.g. checkboxes\n        attributes.onClickCapture = handleClickCapture;\n    }\n\n    // row click\n    if (tableMeta.rowClick.isEnabled) {\n        attributes.onClick = handleClick;\n    }\n\n    // row drag\n    if (tableMeta.rowDrag.isEnabled) {\n        attributes['aria-grabbed'] = !!tableMeta.rowDrag.dragging[row.id];\n    }\n\n    // row drop\n    const [isDraggedOver, dropTargetProps] = useDropTarget(event => tableMeta.rowDrop.handleDrop?.(event, row.original));\n\n    if (tableMeta.rowDrop.isEnabled) {\n        attributes.onDragEnter = dropTargetProps?.onDragEnter;\n        attributes.onDragLeave = dropTargetProps?.onDragLeave;\n        attributes.onDragOver = dropTargetProps?.onDragOver;\n        attributes.onDrop = dropTargetProps?.onDrop;\n        attributes['data-row-dragged-over'] = isDraggedOver;\n    }\n\n    // row grouping\n    if (table.options.enableGrouping) {\n        attributes['data-row-group'] = row.getIsGrouped() ? true : undefined;\n    }\n\n    // row selection\n    if (table.options.enableRowSelection) {\n        attributes['data-row-selected'] = row.getIsSelected() || row.getIsAllSubRowsSelected() ? true : undefined;\n    }\n\n    // row expansion\n    let expandedRow;\n\n    if (tableMeta.rowExpansion.isEnabled && row.getIsExpanded()) {\n        attributes['data-row-expanded'] = true;\n        expandedRow = tableMeta.rowExpansion.rowExpansionRenderer?.(row.original)?.();\n    }\n\n    const rowMeta = (row.original as TableRowWithMetaData<TType>)._meta;\n\n    if (rowMeta) {\n        if (rowMeta.layout) {\n            attributes['data-row-meta-layout'] = rowMeta.layout;\n        }\n    }\n\n    const ref = React.useRef<HTMLTableRowElement>(null);\n    const expansionRef = React.useRef<HTMLTableRowElement>(null);\n    const isExpanded = !!attributes['data-row-expanded'];\n\n    useSetVirtualisedRowHeight(measureRow, ref.current, expansionRef.current, isExpanded);\n\n    const className = cn('group/row', {\n        'hover:cursor-pointer': typeof attributes.onClick === 'function',\n    });\n\n    return (\n        <>\n            <tr {...attributes} className={className} ref={ref}>\n                {children}\n                {row.getVisibleCells().map((cell, cellIndex) => (\n                    <Cell key={cell.id} cell={cell} index={cellIndex} renderer={CellRenderer} />\n                ))}\n            </tr>\n            {expandedRow ? (\n                <tr data-row-parent-id={row.id} ref={expansionRef}>\n                    <td className=\"col-span-full\">{expandedRow}</td>\n                </tr>\n            ) : null}\n        </>\n    );\n}) as <TType = unknown>(props: TableRowRendererProps<TType>) => JSX.Element;\n\nfunction useSetVirtualisedRowHeight(\n    measureRow: (size: number, expansionHeight?: number) => void,\n    rowEl: HTMLTableRowElement | null,\n    expansionEl: HTMLTableRowElement | null,\n    isExpanded: boolean\n) {\n    React.useEffect(() => {\n        if (rowEl) {\n            const height = rowEl.getBoundingClientRect().height;\n\n            if (isExpanded && expansionEl) {\n                measureRow(height, expansionEl.getBoundingClientRect().height);\n            } else {\n                measureRow(height);\n            }\n        }\n    }, [isExpanded, rowEl, expansionEl]);\n}\n"],"names":["DisplayRow","React","memo","props","children","cellRenderer","CellRenderer","index","measureRow","row","table","otherAttributes","tableMeta","options","meta","attributes","id","tabIndex","handleClick","useCallback","event","clickedElement","target","_event$currentTarget","currentTarget","contains","isElementInteractive","rowClick","original","handleClickCapture","requestAnimationFrame","rowActive","setRowActiveIndex","isEnabled","rowActiveIndex","undefined","onClickCapture","onClick","rowDrag","dragging","isDraggedOver","dropTargetProps","useDropTarget","_tableMeta$rowDrop$ha","_tableMeta$rowDrop","rowDrop","handleDrop","call","onDragEnter","onDragLeave","onDragOver","onDrop","enableGrouping","getIsGrouped","enableRowSelection","getIsSelected","getIsAllSubRowsSelected","expandedRow","rowExpansion","getIsExpanded","_tableMeta$rowExpansi","_tableMeta$rowExpansi2","_tableMeta$rowExpansi3","rowExpansionRenderer","rowMeta","_meta","layout","ref","useRef","expansionRef","isExpanded","useSetVirtualisedRowHeight","current","className","cn","getVisibleCells","map","cell","cellIndex","Cell","key","renderer","rowEl","expansionEl","useEffect","height","getBoundingClientRect"],"mappings":"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"}

package/dist/taco.cjs.development.js

@@ -1239,6 +1239,21 @@ function IconDocumentRejectedRequest(props, svgRef) {
 }
 var DocumentRejectedRequest = /*#__PURE__*/React.forwardRef(IconDocumentRejectedRequest);
 
+function IconDocumentSigned(props, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    ref: svgRef
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14.293 2.293A1 1 0 0013.586 2H5.75A1.75 1.75 0 004 3.75v16.5c0 .966.784 1.75 1.75 1.75h12.5A1.75 1.75 0 0020 20.25V8.414a1 1 0 00-.293-.707l-5.414-5.414zM5.75 3.5H13v3.75l.006.144A1.75 1.75 0 0014.75 9h3.75v11.25l-.007.057a.25.25 0 01-.243.193H5.75l-.057-.007a.25.25 0 01-.193-.243V3.75l.007-.057A.25.25 0 015.75 3.5zm8.75 1.121V7.25a.25.25 0 00.193.243l.057.007h2.63L14.5 4.621zm-6.693 9.425C8.183 12.37 9.194 11 10.43 11c1.547 0 1.796 1.624 1 3.337a6.972 6.972 0 01-1.424 2.009l-.156.148.138-.007.17-.017c1.058-.13 1.702-.687 2.014-1.725l.044-.16.026-.08c.239-.613 1.208-.407 1.13.292a10.03 10.03 0 00-.074 1.205l.006.168.084-.093.202-.245c.451-.532.863-.748 1.332-.404.185.135.278.313.343.543l.019.072.033.156.064.387.087-.088.147-.16.172-.202.197-.242.22-.284.23-.312.057-.067a.59.59 0 01.898.758l-.133.182-.252.334-.127.162c-.665.834-1.147 1.225-1.605 1.266-.419.037-.725-.198-.889-.556a1.83 1.83 0 01-.128-.403l-.016-.081-.08.09-.093.096c-.583.591-1.13.773-1.585.251l-.068-.084-.054-.08a1.31 1.31 0 01-.128-.29l-.011-.04-.098.082-.152.112c-.568.398-1.28.616-2.126.645l-.2.003-.167-.005a1.862 1.862 0 01-.843-.253l-.016-.01-.077.046-.256.137a6.378 6.378 0 01-.8.342l-.222.072-.078.018a.59.59 0 01-.267-1.145 5.16 5.16 0 00.806-.324l.15-.08-.043-.116-.056-.188c-.133-.511-.144-1.121-.036-1.775l.031-.17.038-.181zm2.617-.347c.422-.975.323-1.52.004-1.52-.545 0-1.255 1.006-1.502 2.273-.09.462-.108.86-.061 1.178l.025.14.082-.07.197-.186a5.84 5.84 0 001.1-1.488l.091-.185.064-.142z",
+    fill: "currentColor"
+  }));
+}
+var DocumentSigned = /*#__PURE__*/React.forwardRef(IconDocumentSigned);
+
 function IconDocumentSplit(props, svgRef) {
   return /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1763,6 +1778,21 @@ function IconHeightTall(props, svgRef) {
 }
 var HeightTall = /*#__PURE__*/React.forwardRef(IconHeightTall);
 
+function IconHome2(props, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    ref: svgRef
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11.116 2.823a1.25 1.25 0 011.768 0L17.25 7.19V6a.75.75 0 011.5 0v2.69l2.78 2.78a.75.75 0 01-1.06 1.06l-2.994-2.993-.013-.013L12 4.061l-8.47 8.47a.75.75 0 01-1.06-1.061l8.646-8.647zm1.768 3.25l7 7c.234.235.366.553.366.884v6.293c0 .69-.56 1.25-1.25 1.25h-4c-.69 0-1.25-.56-1.25-1.25V16.5h-3.5v3.75c0 .69-.56 1.25-1.25 1.25H5c-.69 0-1.25-.56-1.25-1.25v-6.293c0-.332.132-.65.366-.884l7-7a1.25 1.25 0 011.768 0zM12 7.311l-6.75 6.75V20h3.5v-3.75c0-.69.56-1.25 1.25-1.25h4c.69 0 1.25.56 1.25 1.25V20h3.5v-5.94L12 7.31z",
+    fill: "currentColor"
+  }));
+}
+var Home2 = /*#__PURE__*/React.forwardRef(IconHome2);
+
 function IconHome(props, svgRef) {
   return /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1776,6 +1806,21 @@ function IconHome(props, svgRef) {
 }
 var Home = /*#__PURE__*/React.forwardRef(IconHome);
 
+function IconId(props, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    ref: svgRef
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M20.25 5c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0120.25 19H3.75A1.75 1.75 0 012 17.25V6.75C2 5.784 2.784 5 3.75 5h16.5zm0 1.5H3.75a.25.25 0 00-.243.193L3.5 6.75v10.5a.25.25 0 00.193.243l.057.007h16.5a.25.25 0 00.243-.193l.007-.057V6.75a.25.25 0 00-.193-.243L20.25 6.5zm-9.268 7.993c-.316-1.81-1.31-2.714-2.982-2.714-1.673 0-2.667.905-2.982 2.714a1.204 1.204 0 001.184 1.41h3.595a1.204 1.204 0 001.185-1.41zM8 8c.76 0 1.374.77 1.374 1.718 0 .949-.615 1.718-1.374 1.718-.759 0-1.374-.77-1.374-1.718C6.626 8.769 7.24 8 8 8zm11 .75a.75.75 0 00-.75-.75h-6a.75.75 0 000 1.5h6a.75.75 0 00.75-.75zM18.25 14a.75.75 0 010 1.5h-4.5a.75.75 0 010-1.5h4.5zm.75-2.25a.75.75 0 00-.75-.75h-4.5a.75.75 0 000 1.5h4.5a.75.75 0 00.75-.75z",
+    fill: "currentColor"
+  }));
+}
+var Id = /*#__PURE__*/React.forwardRef(IconId);
+
 function IconImages(props, svgRef) {
   return /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2266,6 +2311,25 @@ function IconMarket(props, svgRef) {
 }
 var Market = /*#__PURE__*/React.forwardRef(IconMarket);
 
+function IconMastercardOs(props, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    ref: svgRef
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M14.698 7.314H9.286v9.66h5.412v-9.66z",
+    fill: "#FF5A00"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9.646 12.144c0-1.963.929-3.704 2.354-4.83A6.178 6.178 0 008.185 6C4.766 6 2 8.748 2 12.144s2.766 6.143 6.185 6.143A6.178 6.178 0 0012 16.973a6.117 6.117 0 01-2.354-4.83z",
+    fill: "#EB001B"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M22 12.144c0 3.396-2.766 6.143-6.185 6.143A6.178 6.178 0 0112 16.973a6.095 6.095 0 002.354-4.83A6.146 6.146 0 0012 7.315 6.168 6.168 0 0115.813 6C19.233 6 22 8.766 22 12.144z",
+    fill: "#F79E1B"
+  }));
+}
+var MastercardOs = /*#__PURE__*/React.forwardRef(IconMastercardOs);
+
 function IconMatchAmount(props, svgRef) {
   return /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2435,6 +2499,22 @@ function IconNote(props, svgRef) {
 }
 var Note = /*#__PURE__*/React.forwardRef(IconNote);
 
+function IconNovemberFirst(props, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    ref: svgRef
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M21.484 8.828C19.73 3.592 14.065.768 8.829 2.519 3.592 4.271.767 9.936 2.519 15.172c1.752 5.237 7.418 8.06 12.655 6.308a9.997 9.997 0 006.31-12.653z",
+    fill: "#0D2840"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M13.977 7.263v5.445l-4.14-5.445H7.264l.78 1.156v7.686h1.919v-5.619l4.28 5.62H15.9V7.262h-1.922z",
+    fill: "#2CD7B3"
+  }));
+}
+var NovemberFirst = /*#__PURE__*/React.forwardRef(IconNovemberFirst);
+
 function IconNumbers(props, svgRef) {
   return /*#__PURE__*/React.createElement("svg", Object.assign({
     fill: "none",
@@ -3486,6 +3566,7 @@ const icons = {
   'document-preview': DocumentPreview,
   'document-received': DocumentReceived,
   'document-rejected-request': DocumentRejectedRequest,
+  'document-signed': DocumentSigned,
   'document-split': DocumentSplit,
   'document-time': DocumentTime,
   document: Document,
@@ -3525,7 +3606,9 @@ const icons = {
   'height-medium': HeightMedium,
   'height-short': HeightShort,
   'height-tall': HeightTall,
+  home2: Home2,
   home: Home,
+  id: Id,
   images: Images,
   import: Import,
   'inbox-einvoicing': InboxEinvoicing,
@@ -3562,6 +3645,7 @@ const icons = {
   'log-out': LogOut,
   log: Log,
   market: Market,
+  'mastercard-os': MastercardOs,
   'match-amount': MatchAmount,
   'match-entries': MatchEntries,
   menu: Menu,
@@ -3575,6 +3659,7 @@ const icons = {
   'note-follow-up': NoteFollowUp,
   'note-read': NoteRead,
   note: Note,
+  'november-first': NovemberFirst,
   numbers: Numbers,
   'partner-api': PartnerApi,
   'payment-paid': PaymentPaid,
@@ -5217,6 +5302,11 @@ const InputWithoutDeprecatedFeatures = /*#__PURE__*/React.forwardRef(function In
         event.preventDefault();
         const position = event.key === 'End' ? event.currentTarget.value.length : 0;
         event.currentTarget.setSelectionRange(position, position);
+        // Necessary for ensuring the cursor is scrolled into view when using Home/End keys on Windows
+        if (internalRef.current) {
+          const scrollPosition = event.key === 'End' ? internalRef.current.scrollWidth : 0;
+          internalRef.current.scrollLeft = scrollPosition;
+        }
       }
     }
     if (typeof onKeyDown === 'function') {
@@ -12423,7 +12513,7 @@ const DisplayRow = /*#__PURE__*/React__default.memo(function DisplayRow(props) {
   const handleClickCapture = React__default.useCallback(() => {
     // 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));
-  }, []);
+  }, [index]);
   // row active
   if (tableMeta.rowActive.isEnabled) {
     attributes['data-row-active'] = tableMeta.rowActive.rowActiveIndex === index ? true : undefined;
@@ -12436,7 +12526,6 @@ const DisplayRow = /*#__PURE__*/React__default.memo(function DisplayRow(props) {
   }
   // row drag
   if (tableMeta.rowDrag.isEnabled) {
-    attributes.draggable = true;
     attributes['aria-grabbed'] = !!tableMeta.rowDrag.dragging[row.id];
   }
   // row drop
@@ -16268,7 +16357,7 @@ function TableGrid(props) {
     key: props.id,
     header: props,
     scrollToIndex: table.renderer.scrollToIndex
-  }))))))), table.instance.getRowModel().rows.length ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Body, {
+  }))))))), table.instance.getCoreRowModel().rows.length ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Body, {
     enableHorizontalArrowKeyNavigation: enableHorizontalArrowKeyNavigation,
     table: table.instance,
     tableElement: table.ref.current,
@@ -17779,7 +17868,7 @@ const useTableRowCreation = (data, tableRef) => {
   };
 };
 
-function useTableEditingListener(table) {
+function useTableEditingListener(table, tableRef) {
   const tableMeta = table.options.meta;
   const saveChanges = () => {
     requestAnimationFrame(() => {
@@ -17821,6 +17910,20 @@ function useTableEditingListener(table) {
       window.removeEventListener('beforeunload', showUnsavedChangesWarning);
     };
   }, [tableMeta.editing.isEditing, hasChanges]);
+  React__default.useEffect(() => {
+    const onClickOutside = event => {
+      if (tableMeta.editing.isEditing) {
+        var _event$target$getAttr, _event$target;
+        const element = (_event$target$getAttr = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.getAttribute('data-taco')) !== null && _event$target$getAttr !== void 0 ? _event$target$getAttr : '';
+        const insideTable = isElementInsideOrTriggeredFromContainer(event.target, tableRef.current) || element === 'backdrop';
+        if (!insideTable) {
+          saveChanges();
+        }
+      }
+    };
+    document.addEventListener('click', onClickOutside);
+    return () => document.removeEventListener('click', onClickOutside);
+  }, [saveChanges, tableMeta.editing.isEditing]);
 }
 
 function willRowMove(cell, change, rowIndex) {
@@ -17899,14 +18002,6 @@ function useTableEditing(isEnabled = false, handleSave, validator) {
   // changes are saved as soon as the active row changes, so in most cases this will only contain the active row's changes
   // but not always - if validation or server requests fail when saving, those rows remain until the failure is resolved
   const pendingChangesFns = usePendingChanges(isEnabled, handleSave, validator);
-  // if focus leaves the table in any way, trigger a save
-  const handleBlur = React__default.useCallback(event => {
-    // custom event from datepicker, and it doesn't have the relatedTarget property set.
-    const isClosingDatepicker = dateFns.isDate(event.detail);
-    if (event.relatedTarget !== event.currentTarget && !isElementInsideOrTriggeredFromContainer(event.relatedTarget, event.currentTarget) && !isClosingDatepicker) {
-      pendingChangesFns.saveChanges();
-    }
-  }, [pendingChangesFns.saveChanges]);
   useGlobalKeyDown(isEnabled && isEditing ? {
     key: 's',
     meta: true,
@@ -17923,8 +18018,7 @@ function useTableEditing(isEnabled = false, handleSave, validator) {
     toggleEditing: isEnabled ? toggleEditing : () => undefined,
     lastFocusedCellIndex,
     setLastFocusedCellIndex,
-    ...pendingChangesFns,
-    handleBlur: isEnabled && isEditing ? handleBlur : () => undefined
+    ...pendingChangesFns
   };
 }
 function usePendingChanges(isEnabled, handleSave, validator) {
@@ -18248,7 +18342,7 @@ function RowMoveIndicator(props) {
     if (cellRef.current) {
       if (isActiveRow && !!moveReason) {
         var _cellRef$current$pare;
-        const firstChild = (_cellRef$current$pare = cellRef.current.parentElement) === null || _cellRef$current$pare === void 0 ? void 0 : _cellRef$current$pare.querySelector('td');
+        const firstChild = (_cellRef$current$pare = cellRef.current.parentElement) === null || _cellRef$current$pare === void 0 ? void 0 : _cellRef$current$pare.querySelector(`td[data-taco="cell-control"]`);
         if (cellRef.current === firstChild) {
           var _cellRef$current$pare2;
           setShow(true);
@@ -18503,6 +18597,7 @@ function EditingControlCell(props) {
   const cellAttributes = {
     ...getCellAttributes(cell, index, isHighlighted),
     'data-cell-editing-invalid': error ? true : undefined,
+    'data-taco': 'cell-control',
     onFocus: handleFocus,
     ref: cellRef,
     tabIndex: -1
@@ -18700,16 +18795,24 @@ function EditingActionMenu(props) {
     hasErrors,
     onClear: handleClear,
     onExit: handleExit,
-    onSave: handleSave
+    onSave: handleSave,
+    isLastRow
   } = props;
   const {
     texts
   } = useLocalization();
+  const handleKeyDown = event => {
+    // normally we handle this on change of active row, but when tabbing out of the last row the active row state stays on the last one.
+    if (isLastRow && hasChanges && event.key === 'Tab') {
+      handleSave();
+    }
+  };
   return /*#__PURE__*/React__default.createElement(IconButton, {
     appearance: "transparent",
     "aria-label": texts.table3.editing.actions.tooltip,
     className: "group-[[data-row-editing-status]]/row:hidden",
     icon: "more",
+    onKeyDown: handleKeyDown,
     menu: menuProps => ( /*#__PURE__*/React__default.createElement(Menu$1, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu$1.Content, null, /*#__PURE__*/React__default.createElement(Menu$1.Item, {
       icon: "tick",
       disabled: !hasChanges || hasErrors,
@@ -18839,7 +18942,8 @@ function useTable3(props, ref) {
       hasErrors: editing.hasRowErrors(rowId),
       onClear: () => editing.resetChanges(rowId),
       onSave: () => editing.saveChanges(rowId),
-      onExit: () => editing.toggleEditing(false)
+      onExit: () => editing.toggleEditing(false),
+      isLastRow: table.meta.rowActive.rowActiveIndex === table.meta.length - 1
     }))] : props.rowActions
   };
   const meta = {
@@ -18847,7 +18951,7 @@ function useTable3(props, ref) {
   };
   const table = useTable(extendedProps, ref, RENDERERS$1, meta);
   // listeners
-  useTableEditingListener(table.instance);
+  useTableEditingListener(table.instance, table.ref);
   React__default.useEffect(() => {
     if (table.ref.current) {
       table.ref.current.instance.toggleEditing = enabled => table.meta.editing.toggleEditing(enabled !== null && enabled !== void 0 ? enabled : editing => !editing);
@@ -19036,15 +19140,9 @@ Group$5.displayName = 'Table3Group';
 const BaseTable3 = /*#__PURE__*/fixedForwardRef(function BaseTable3(props, ref) {
   var _table3$meta$editing, _table3$meta$editing2;
   const table3 = useTable3(props, ref);
-  const handleBlur = event => {
-    if (table3.meta.editing.isEditing) {
-      table3.meta.editing.handleBlur(event);
-    }
-  };
   const gridAttributes = {
     'data-table-editing-mode': (_table3$meta$editing = table3.meta.editing) !== null && _table3$meta$editing !== void 0 && _table3$meta$editing.isEditing ? (_table3$meta$editing2 = table3.meta.editing) !== null && _table3$meta$editing2 !== void 0 && _table3$meta$editing2.isDetailedMode ? 'detailed' : 'normal' : undefined,
-    enableHorizontalArrowKeyNavigation: table3.meta.editing.isEditing,
-    onBlur: handleBlur
+    enableHorizontalArrowKeyNavigation: table3.meta.editing.isEditing
   };
   const hasValidationErrors = table3.meta.editing.hasErrors(table3.instance, table3.ref);
   return /*#__PURE__*/React__default.createElement(Table, null, /*#__PURE__*/React__default.createElement(Table.Toolbar, {