npm - @economic/taco - Versions diffs - 1.41.0 → 2.0.0-alpha.173 - Mend

@economic/taco 1.41.0 → 2.0.0-alpha.173

Files changed (418) hide show

package/dist/esm/packages/taco/src/components/Table2/Table2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Table2.js","sources":["../../../../../../../src/components/Table2/Table2.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Row as TRow, TableMeta } from '@tanstack/react-table';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { Cell } from './components/column/Cell';\nimport { Header } from './components/column/Header';\nimport { Footer } from './components/column/Footer';\nimport { Table2Props, Table2ColumnProps } from './types';\nimport { useTable } from './hooks/useTable';\nimport { useVirtualiser } from './hooks/useVirtualiser';\nimport { Group } from '../Group/Group';\nimport { useGridTemplate } from './hooks/useGridTemplate';\nimport { RowDensityButton } from './components/RowDensityButton';\nimport { ColumnSettingsButton } from './components/ColumnSettingsButton';\nimport { ExpandedRow } from './components/row/ExpandedRow';\nimport { BatchActionsMenu } from './components/BatchActionsMenu';\nimport { Row } from './components/row/Row';\nimport { FiltersButton } from './components/filters/FiltersButton';\nimport { Search } from './components/Search';\nimport { EditModeButton } from './components/EditModeButton';\nimport { useLocalization } from '../Provider/Localization';\n\nexport type Table2Texts = {\n columns: {\n resize: {\n tooltip: string;\n };\n actions: {\n tooltip: string;\n };\n drag: {\n tooltip: string;\n };\n expansion: {\n collapse: string;\n collapseAll: string;\n expand: string;\n expandAll: string;\n };\n select: {\n deselect: string;\n deselectAll: string;\n select: string;\n selectAll: string;\n };\n menu: {\n hideColumn: string;\n freezeColumns: (count: number) => string;\n unfreezeColumns: string;\n };\n };\n columnSettings: {\n search: string;\n tooltip: string;\n button: string;\n noResults: string;\n };\n editing: {\n button: string;\n tooltip: string;\n tooltipDisabled: string;\n rowIndicator: {\n rowWillMove: string;\n rowWillBeHidden: string;\n rowWillMoveReasonSearch: string;\n rowWillMoveReasonFilter: string;\n rowWillMoveReasonSorting: string;\n };\n };\n filters: {\n button: string;\n buttons: {\n addNewFilter: string;\n clearFilters: string;\n };\n comparators: {\n contains: string;\n doesNotContain: string;\n isEqualTo: string;\n isNotEqualTo: string;\n isGreaterThan: string;\n isLessThan: string;\n isBetween: string;\n isOneOf: string;\n isNoneOf: string;\n isAllOf: string;\n isEmpty: string;\n isNotEmpty: string;\n };\n conditions: {\n and: string;\n where: string;\n };\n emptyFilter: {\n condition: string;\n value: string;\n };\n tooltip: string;\n total: string;\n };\n footer: {\n summary: {\n records: string;\n selected: string;\n };\n };\n rowDensity: {\n tooltip: string;\n compact: string;\n normal: string;\n comfortable: string;\n spacious: string;\n };\n search: {\n placeholder: string;\n };\n shortcuts: {\n tooltip: string;\n search: string;\n filter: string;\n previousRow: string;\n nextRow: string;\n editCell: string;\n previousColumn: string;\n nextColumn: string;\n rowClick: string;\n selectRow: string;\n selectAllRows: string;\n expandRow: string;\n collapseRow: string;\n };\n};\n\nfunction Column<TType = any>(_: Table2ColumnProps<TType>) {\n return null;\n}\nColumn.displayName = 'Table2Column';\n\nexport type Table2Ref = HTMLDivElement & {\n instance: {\n resetFiltering: () => void;\n resetRowExpansion: () => void;\n resetRowSelection: () => void;\n resetSorting: () => void;\n toggleEditing: () => void;\n };\n};\n\nconst BaseTable2 = React.forwardRef(function BaseTable2<TType = any>(props: Table2Props<TType>, ref: React.Ref<Table2Ref>) {\n // dom\n const {\n emptyState: EmptyState,\n expandedRowRenderer,\n length = props.data.length,\n loadMore,\n onRowClick,\n onRowDrop,\n toolbarLeft,\n toolbarRight,\n _experimentalActionsForTable,\n _experimentalActionsForTableSummary,\n } = props;\n const tableRef = useMergedRef<Table2Ref>(ref);\n const timeoutIdRef = React.useRef<NodeJS.Timeout>();\n const prevScrollY = React.useRef<number>(0);\n\n // react-table\n const { rows, table, footers } = useTable(props.children, props, tableRef);\n const meta = table.options.meta as TableMeta<TType>;\n\n const { columnVisibility, columnOrder, globalFilter } = table.getState();\n\n React.useEffect(() => {\n if (tableRef.current) {\n tableRef.current.instance = {\n resetFiltering: () => table.resetColumnFilters(),\n resetRowExpansion: () => table.resetExpanded(),\n resetRowSelection: () => table.resetRowSelection(),\n resetSorting: () => table.resetSorting(),\n toggleEditing: () => meta.editMode.toggleEditing(),\n };\n }\n }, [table, tableRef.current]);\n\n // If column visibility or order changes then we turn off the edit mode so that control indexes gets computed\n // when user turns on the editing mode again. This is a temporary solution to make sure the keyboard navigation\n // still keeps working on changes in column visibility, order, or both\n React.useEffect(() => {\n meta.resetFocussableColumnIndexes();\n }, [columnVisibility, columnOrder]);\n\n React.useEffect(() => {\n // Whenever edit mode is turned off we reset the focussableColumnIndexes ref to an empty array so that\n // we don't have stale values, in case column visibility or ordering changes\n if (!meta.editMode.isEditing) {\n meta.resetFocussableColumnIndexes();\n }\n }, [meta.editMode.isEditing]);\n\n React.useEffect(() => {\n return () => clearTimeout(timeoutIdRef.current);\n }, []);\n\n // virtualiser\n const { virtualiser, virtualiserOffsets, setExpandedRowSizes } = useVirtualiser({ rows, table }, tableRef);\n\n // css grid\n const gridTemplateColumns = useGridTemplate(table);\n\n // handlers\n const editButtonRef = React.useRef(null);\n\n // support grid like keyboard navigation between cells\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (document.activeElement === tableRef.current) {\n if (event.key === 'ArrowUp') {\n event.preventDefault();\n\n if (event.ctrlKey || event.metaKey) {\n meta.setActiveRowIndex(0);\n virtualiser.scrollToOffset(0);\n } else {\n meta.moveToPreviousRow(rows, nextIndex => {\n meta.setShouldPauseHoverState(true);\n virtualiser.scrollToIndex(nextIndex - 1);\n });\n }\n\n return;\n } else if (event.key === 'ArrowDown') {\n event.preventDefault();\n\n if (event.ctrlKey || event.metaKey) {\n meta.setActiveRowIndex(rows.length - 1);\n virtualiser.scrollToOffset(virtualiser.totalSize + 1);\n } else {\n meta.moveToNextRow(rows, nextIndex => {\n meta.setShouldPauseHoverState(true);\n\n // the virtualiser doesn't always scroll right to the bottom for the last row\n if (nextIndex === rows.length - 1) {\n tableRef.current?.scrollTo(0, tableRef.current.scrollHeight);\n } else {\n virtualiser.scrollToIndex(nextIndex + 2);\n }\n });\n }\n\n return;\n }\n\n const canToggleRowExpansion = table.options.enableExpanding;\n\n if (event.key === 'ArrowLeft') {\n event.preventDefault();\n\n if (event.ctrlKey || event.metaKey) {\n if (canToggleRowExpansion) {\n rows[meta.activeRowIndex]?.toggleExpanded(false);\n }\n }\n return;\n }\n\n if (event.key === 'ArrowRight') {\n event.preventDefault();\n\n if (event.ctrlKey || event.metaKey) {\n if (canToggleRowExpansion) {\n rows[meta?.activeRowIndex]?.toggleExpanded(true);\n }\n }\n\n return;\n }\n\n if (event.key === 'Enter') {\n event.preventDefault();\n\n if (onRowClick) {\n onRowClick(rows[meta?.activeRowIndex].original);\n }\n\n return;\n }\n\n if (event.key === ' ') {\n event.preventDefault();\n\n if (table.options.enableRowSelection) {\n rows[meta.activeRowIndex]?.toggleSelected();\n }\n\n return;\n }\n\n if (event.ctrlKey || event.metaKey) {\n if (event.key === 'a' && table.options.enableRowSelection) {\n event.preventDefault();\n table.toggleAllRowsSelected();\n }\n\n return;\n }\n }\n };\n\n let handleBlur;\n\n if (meta.editMode.isEditing) {\n handleBlur = (event: React.FocusEvent) => {\n let elementGainingFocus = event.relatedTarget;\n\n if (elementGainingFocus === undefined) {\n return;\n }\n\n // we might be focusing on a select or a popover that was triggered from inside the table\n // so see if the element gaining focus is inside a portal and look up its controller\n const portalId = elementGainingFocus?.closest('[data-radix-popper-content-wrapper] > :first-child')?.id;\n\n if (portalId) {\n elementGainingFocus = event.currentTarget.querySelector(`[aria-controls=\"${portalId}\"]`) ?? event.relatedTarget;\n }\n\n if (!event.currentTarget?.contains(elementGainingFocus) && elementGainingFocus !== editButtonRef.current) {\n // When we call manually blur on control component while navigating to the next cell, then when this\n // handler is run, the related target is not the next control component and active element is null,\n // that's why we explictly need to check what's the next focussed element in order to figure out whether\n // we should disabled the sorting or not.\n timeoutIdRef.current = setTimeout(() => {\n const parentRow = event.target.closest('[role=\"row\"]');\n const isNewFocussedElementInSameRow = parentRow?.contains(document.activeElement);\n\n // When we manually call blur on control component and focus another component then\n // we have to make sure we\n if (meta.shouldPauseSortingAndFiltering && !isNewFocussedElementInSameRow) {\n // if client side - unpause sorting\n meta.setShouldPauseSortingAndFiltering(false);\n }\n });\n }\n };\n }\n\n // TODO: this can probably be extracted into a hook\n // we only show the pinned shadow on display columns when scrolling is active\n const [scrolled, setScrolled] = React.useState(false);\n\n // extract - infinite loading\n const loadingRef = React.useRef(false);\n\n const handleScroll = async (event: React.MouseEvent<HTMLDivElement>) => {\n if (event.currentTarget.scrollLeft > 0 && !scrolled) {\n setScrolled(true);\n } else if (event.currentTarget.scrollLeft === 0 && scrolled) {\n setScrolled(false);\n } else if (typeof loadMore === 'function') {\n const scrollY = event.currentTarget.scrollTop;\n const isScrollingDown = scrollY > prevScrollY.current;\n prevScrollY.current = scrollY;\n\n const scrolledPercentage = Math.round(\n (scrollY / (event.currentTarget.scrollHeight - event.currentTarget.clientHeight)) * 100\n );\n\n if (isScrollingDown && !loadingRef.current && scrolledPercentage >= 80) {\n try {\n const isAllRowsSelected = table.getIsAllRowsSelected();\n loadingRef.current = true;\n await loadMore();\n\n if (isAllRowsSelected) {\n table.toggleAllRowsSelected(true);\n }\n } catch (error) {\n console.error(error);\n } finally {\n loadingRef.current = false;\n }\n }\n }\n };\n\n let handleMouseLeave;\n\n if (meta.shouldPauseHoverState) {\n // sometimes the row's onMouseLeave doesn't trigger, this adds some extra redundancy\n handleMouseLeave = () => meta.setShouldPauseHoverState(false);\n }\n\n const className = cn(\n 'bg-white border border-grey-300 focus:yt-focus focus:border-blue-500 grid auto-rows-max overflow-auto relative rounded group',\n props.className\n );\n\n const enableSettingsButton = table.options.enableHiding || meta.enableColumnReordering;\n const hasInternalToolbar =\n enableSettingsButton ||\n meta.editMode.enableEditMode ||\n table.options.enableColumnFilters ||\n meta.enableRowDensity ||\n table.options.enableGlobalFilter;\n const hasToolbar = hasInternalToolbar || !!toolbarLeft || !toolbarRight;\n\n const frozenColumnIds = table.getLeftVisibleLeafColumns().map(c => c.id);\n\n return (\n <div className=\"-m-0.5 flex h-full w-[calc(100%_+_0.25rem)] flex-col gap-4 overflow-hidden p-0.5\">\n {hasToolbar ? (\n <div className=\"flex flex-wrap gap-2\">\n {toolbarLeft}\n {hasInternalToolbar ? (\n <Group className=\"ml-auto flex-shrink-0 print:hidden\">\n {meta.editMode.enableEditMode ? (\n <EditModeButton\n ref={editButtonRef}\n table={table}\n tableRef={tableRef}\n scrollToIndex={virtualiser.scrollToIndex}\n />\n ) : null}\n {table.options.enableColumnFilters ? <FiltersButton length={length} table={table} /> : null}\n {toolbarRight}\n {meta.enableRowDensity ? <RowDensityButton table={table} /> : null}\n {enableSettingsButton ? <ColumnSettingsButton table={table} /> : null}\n {table.options.enableGlobalFilter ? (\n <Search\n disabled={meta.shouldDisableTableActions}\n onSearch={table.setGlobalFilter}\n value={globalFilter}\n />\n ) : null}\n </Group>\n ) : null}\n {/*<ShortcutsGuideButton table={table} />*/}\n </div>\n ) : null}\n <div\n className={className}\n data-taco=\"table2\"\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n onMouseLeave={handleMouseLeave}\n onScroll={handleScroll}\n ref={tableRef}\n role=\"table\"\n style={{\n gridTemplateColumns,\n gridTemplateRows: rows.length ? undefined : '40px',\n // create a new stacking context so our internal z-indexes don't effect external components\n // https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context\n opacity: 0.999,\n }}\n tabIndex={0}>\n <div className=\"contents\" data-taco=\"table2-header\" role=\"rowgroup\">\n {table.getHeaderGroups().map(headerGroup => (\n <div className=\"contents\" key={headerGroup.id} role=\"row\">\n {headerGroup.headers.map((header, columnIndex) => (\n <Header\n frozenColumnIds={frozenColumnIds}\n key={header.id}\n header={header}\n index={columnIndex}\n isLastColumn={columnIndex === headerGroup.headers.length - 1}\n scrolled={scrolled}\n table={table}\n tableRef={tableRef}\n />\n ))}\n </div>\n ))}\n </div>\n {rows.length ? (\n <div className=\"contents\" data-taco=\"table2-body\" role=\"rowgroup\">\n {virtualiserOffsets.top ? (\n <div style={{ height: virtualiserOffsets.top }} className=\"col-span-full\" />\n ) : null}\n {virtualiser.virtualItems.map(virtualRow => {\n const row = rows[virtualRow.index];\n\n return (\n <React.Fragment key={row.id}>\n <Row\n className=\"group/row contents\"\n onRowDrop={onRowDrop}\n row={row}\n rowIndex={virtualRow.index}\n table={table}>\n {row.getVisibleCells().map((cell, columnIndex) => (\n <Cell\n cell={cell}\n frozenColumnIds={frozenColumnIds}\n key={`${cell.id}_${cell.getValue()}`}\n index={columnIndex}\n isLastRow={virtualRow.index === rows.length - 1}\n rows={rows}\n rowIndex={virtualRow.index}\n scrolled={scrolled}\n scrollToIndex={virtualiser.scrollToIndex}\n scrollToOffset={virtualiser.scrollToOffset}\n table={table}\n tableRef={tableRef}\n />\n ))}\n </Row>\n {row.getIsExpanded() && expandedRowRenderer ? (\n <ExpandedRow index={virtualRow.index} setSize={setExpandedRowSizes}>\n {expandedRowRenderer(row.original)?.()}\n </ExpandedRow>\n ) : null}\n </React.Fragment>\n );\n })}\n {virtualiserOffsets.bottom ? (\n <div style={{ height: virtualiserOffsets.bottom }} className=\"col-span-full\" />\n ) : null}\n </div>\n ) : (\n <div className=\"col-span-full min-h-[theme(spacing.8)]\">{EmptyState ? <EmptyState /> : null}</div>\n )}\n <div className=\"contents\" data-taco=\"table2-footer\" role=\"rowgroup\">\n <div role=\"row\" className=\"contents\">\n {table.getFooterGroups().map(footerGroup =>\n footerGroup.headers.map((footer, cellIndex) => (\n <Footer\n key={footer.id}\n footer={footer}\n frozenColumnIds={frozenColumnIds}\n index={cellIndex}\n scrolled={scrolled}\n table={table}>\n {footers[footer.id]\n ? footers[footer.id](rows.map((row: TRow<TType>) => row.original[footer.id]))\n : null}\n </Footer>\n ))\n )}\n </div>\n <Summary length={length ?? rows.length} table={table} />\n </div>\n </div>\n {!!_experimentalActionsForTable &&\n table.options.enableRowSelection &&\n (table.getIsSomeRowsSelected() || table.getIsAllRowsSelected()) ? (\n <BatchActionsMenu<TType>\n className=\"fixed-center-x bottom-0 z-50 mb-4 print:hidden\"\n actionsForTable={_experimentalActionsForTable}\n summary={_experimentalActionsForTableSummary}\n table={table}\n />\n ) : null}\n </div>\n );\n}) as React.ForwardRefExoticComponent<Table2Props<any>> &\n (<TType>(props: Table2Props<TType> & { ref?: React.Ref<Table2Ref> }) => JSX.Element);\n\nconst Summary = ({ length, table }) => {\n const { texts } = useLocalization();\n\n const selectedLength = table.getIsAllRowsSelected() ? length : table.getSelectedRowModel().rows.length;\n const label = selectedLength > 0 ? texts.table2.footer.summary.selected : texts.table2.footer.summary.records;\n const total = selectedLength > 0 ? selectedLength : length;\n\n return (\n <div\n className={cn(\n 'sticky bottom-0 left-0 z-10 -mt-10 flex h-10 w-fit items-center whitespace-nowrap bg-white px-4 !pr-3 shadow-[6px_0px_6px_theme(colors.white)]'\n )}>\n {label} \n <strong>{total}</strong>\n </div>\n );\n};\n\nexport type ForwardedTable2WithStatics = React.ForwardRefExoticComponent<Table2Props<any>> & {\n Column: <TType>(props: Table2ColumnProps<TType>) => JSX.Element | null;\n} & (<TType>(props: Table2Props<TType> & { ref?: React.Ref<Table2Ref> }) => JSX.Element);\n\nconst Table2 = React.forwardRef(function Table2<TType = any>(props: Table2Props<TType>, ref: React.Ref<Table2Ref>) {\n const key = React.useMemo(() => String('tableKey_' + String(props.children)), [props.children]);\n return <BaseTable2 {...props} key={key} ref={ref} />;\n}) as ForwardedTable2WithStatics;\n\nTable2.Column = Column;\n\nexport { Table2 };\nexport type { Table2Props };\nexport type {\n Table2ColumnProps,\n Table2ActionProps,\n Table2RowActionRenderer,\n Table2Settings,\n Table2Filter,\n Table2FilterComparator,\n} from './types';\n"],"names":["Column","_","displayName","BaseTable2","React","forwardRef","props","ref","emptyState","EmptyState","expandedRowRenderer","length","data","loadMore","onRowClick","onRowDrop","toolbarLeft","toolbarRight","_experimentalActionsForTable","_experimentalActionsForTableSummary","tableRef","useMergedRef","timeoutIdRef","useRef","prevScrollY","rows","table","footers","useTable","children","meta","options","columnVisibility","columnOrder","globalFilter","getState","useEffect","current","instance","resetFiltering","resetColumnFilters","resetRowExpansion","resetExpanded","resetRowSelection","resetSorting","toggleEditing","editMode","resetFocussableColumnIndexes","isEditing","clearTimeout","virtualiser","virtualiserOffsets","setExpandedRowSizes","useVirtualiser","gridTemplateColumns","useGridTemplate","editButtonRef","handleKeyDown","event","document","activeElement","key","preventDefault","ctrlKey","metaKey","setActiveRowIndex","scrollToOffset","moveToPreviousRow","nextIndex","setShouldPauseHoverState","scrollToIndex","totalSize","moveToNextRow","scrollTo","scrollHeight","canToggleRowExpansion","enableExpanding","activeRowIndex","toggleExpanded","original","enableRowSelection","toggleSelected","toggleAllRowsSelected","handleBlur","elementGainingFocus","relatedTarget","undefined","portalId","closest","id","currentTarget","querySelector","contains","setTimeout","parentRow","target","isNewFocussedElementInSameRow","shouldPauseSortingAndFiltering","setShouldPauseSortingAndFiltering","scrolled","setScrolled","useState","loadingRef","handleScroll","scrollLeft","scrollY","scrollTop","isScrollingDown","scrolledPercentage","Math","round","clientHeight","isAllRowsSelected","getIsAllRowsSelected","error","console","handleMouseLeave","shouldPauseHoverState","className","cn","enableSettingsButton","enableHiding","enableColumnReordering","hasInternalToolbar","enableEditMode","enableColumnFilters","enableRowDensity","enableGlobalFilter","hasToolbar","frozenColumnIds","getLeftVisibleLeafColumns","map","c","Group","EditModeButton","FiltersButton","RowDensityButton","ColumnSettingsButton","Search","disabled","shouldDisableTableActions","onSearch","setGlobalFilter","value","onBlur","onKeyDown","onMouseLeave","onScroll","role","style","gridTemplateRows","opacity","tabIndex","getHeaderGroups","headerGroup","headers","header","columnIndex","Header","index","isLastColumn","top","height","virtualItems","virtualRow","row","Fragment","Row","rowIndex","getVisibleCells","cell","Cell","getValue","isLastRow","getIsExpanded","ExpandedRow","setSize","bottom","getFooterGroups","footerGroup","footer","cellIndex","Footer","Summary","getIsSomeRowsSelected","BatchActionsMenu","actionsForTable","summary","texts","useLocalization","selectedLength","getSelectedRowModel","label","table2","selected","records","total","Table2","useMemo","String"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table2/components/BatchActionsMenu.js DELETED Viewed

@@ -1,83 +0,0 @@
-import React__default from 'react';
-import cn from 'classnames';
-import { Icon } from '../../Icon/Icon.js';
-import { Tooltip } from '../../Tooltip/Tooltip.js';
-import { getButtonClasses } from '../../Button/util.js';
-import { Menu } from '../../Menu/Menu.js';
-import { useBoundaryOverflowDetection } from '../../../hooks/useBoundaryOverflowDetection.js';
-const BUTTON_CLASSES = /*#__PURE__*/cn( /*#__PURE__*/getButtonClasses(), 'hover:bg-white/[0.08] disabled:opacity-50 disabled:cursor-not-allowed flex-shrink-0 rounded px-2');
-function unwrapActionProperty(property, rowsData) {
-  return typeof property === 'function' ? property(rowsData) : property;
-}
-function createActionButton(actions, rowsData, onReset) {
-  return actions.map((action, index) => {
-    const button = /*#__PURE__*/React__default.createElement("button", {
-      className: BUTTON_CLASSES,
-      disabled: unwrapActionProperty(action.disabled, rowsData),
-      onClick: action.onClick ? () => action.onClick ? action.onClick(rowsData, onReset) : undefined : undefined
-    }, action.icon ? /*#__PURE__*/React__default.createElement(Icon, {
-      name: unwrapActionProperty(action.icon, rowsData)
-    }) : null, unwrapActionProperty(action.text, rowsData));
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
-      key: index
-    }, typeof action.dialog === 'function' ? action.dialog(rowsData, onReset)({
-      trigger: button
-    }) : button);
-  });
-}
-function BatchActionsMenu({
-  actionsForTable = [],
-  summary,
-  table,
-  ...props
-}) {
-  const className = cn('bg-blue-900 yt-shadow flex w-96 flex-col gap-2 divide-y divide-white/25 rounded p-2 text-white', props.className);
-  const ref = React__default.useRef(null);
-  const boundaryIndex = useBoundaryOverflowDetection(ref, actionsForTable);
-  const rows = table.getSelectedRowModel().rows;
-  const rowsData = rows.map(row => row.original);
-  const handleReset = () => table.toggleAllRowsSelected(false);
-  const isVisible = action => typeof action.visible !== 'undefined' ? typeof action.visible === 'function' ? action.visible(rowsData) : action.visible : true;
-  const visibleActions = actionsForTable.filter(isVisible);
-  let content;
-  if (boundaryIndex !== undefined && boundaryIndex !== null && boundaryIndex < actionsForTable.length) {
-    const actions = visibleActions.slice(0, boundaryIndex);
-    const moreActions = visibleActions.slice(boundaryIndex);
-    content = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, createActionButton(actions, rowsData, handleReset), moreActions.length ? /*#__PURE__*/React__default.createElement(Menu, null, /*#__PURE__*/React__default.createElement(Menu.Trigger, null, /*#__PURE__*/React__default.createElement("button", {
-      className: cn(BUTTON_CLASSES, 'ml-auto w-8')
-    }, /*#__PURE__*/React__default.createElement(Icon, {
-      name: "more",
-      className: "m-0 p-0"
-    }))), /*#__PURE__*/React__default.createElement(Menu.Content, null, moreActions.map((action, index) => /*#__PURE__*/React__default.createElement(Menu.Item, {
-      key: index,
-      dialog: action.dialog ? action.dialog(rowsData, handleReset) : undefined,
-      disabled: unwrapActionProperty(action.disabled, rowsData),
-      icon: unwrapActionProperty(action.icon, rowsData),
-      onClick: action.onClick ? () => action.onClick ? action.onClick(rowsData, handleReset) : undefined : undefined
-    }, unwrapActionProperty(action.text, rowsData))))) : null);
-  } else {
-    content = createActionButton(visibleActions, rowsData, handleReset);
-  }
-  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
-    className: className,
-    tabIndex: 0
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "flex items-center justify-between gap-2 px-2"
-  }, rows.length, " items selected ", summary ? ` - ${summary(rowsData)}` : undefined, /*#__PURE__*/React__default.createElement(Tooltip, {
-    title: "Reset selected",
-    placement: "top"
-  }, /*#__PURE__*/React__default.createElement("button", {
-    "aria-label": "Reset selected",
-    className: "rounded hover:bg-white/[0.08]",
-    onClick: handleReset
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    name: "close"
-  })))), /*#__PURE__*/React__default.createElement("div", {
-    className: "flex w-full gap-px overflow-hidden px-1 pt-2",
-    ref: ref
-  }, content));
-}
-export { BatchActionsMenu };
-//# sourceMappingURL=BatchActionsMenu.js.map

package/dist/esm/packages/taco/src/components/Table2/components/BatchActionsMenu.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"BatchActionsMenu.js","sources":["../../../../../../../../src/components/Table2/components/BatchActionsMenu.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Table as RTTable } from '@tanstack/react-table';\nimport { Icon } from '../../Icon/Icon';\nimport { Table2ActionProps } from '../types';\nimport { getButtonClasses } from '../../Button/util';\nimport { Tooltip } from '../../Tooltip/Tooltip';\nimport { useBoundaryOverflowDetection } from '../../../hooks/useBoundaryOverflowDetection';\nimport { Menu } from '../../Menu/Menu';\n\ntype BatchActionsMenuProps<TType> = React.HTMLAttributes<HTMLDivElement> & {\n actionsForTable?: Table2ActionProps<TType>[];\n summary?: (rows: TType[]) => JSX.Element | string;\n table: RTTable<TType>;\n};\n\nconst BUTTON_CLASSES = cn(\n getButtonClasses(),\n 'hover:bg-white/[0.08] disabled:opacity-50 disabled:cursor-not-allowed flex-shrink-0 rounded px-2'\n);\n\nfunction unwrapActionProperty<TType = any>(property: unknown | ((rows: TType[]) => unknown), rowsData: TType[]) {\n return typeof property === 'function' ? property(rowsData) : property;\n}\n\nfunction createActionButton<TType = any>(actions: Table2ActionProps<TType>[], rowsData: TType[], onReset) {\n return actions.map((action, index) => {\n const button = (\n <button\n className={BUTTON_CLASSES}\n disabled={unwrapActionProperty(action.disabled, rowsData)}\n onClick={action.onClick ? () => (action.onClick ? action.onClick(rowsData, onReset) : undefined) : undefined}>\n {action.icon ? <Icon name={unwrapActionProperty(action.icon, rowsData)} /> : null}\n {unwrapActionProperty(action.text, rowsData)}\n </button>\n );\n\n return (\n <React.Fragment key={index}>\n {typeof action.dialog === 'function' ? action.dialog(rowsData, onReset)({ trigger: button }) : button}\n </React.Fragment>\n );\n });\n}\n\nexport function BatchActionsMenu<TType = any>({ actionsForTable = [], summary, table, ...props }: BatchActionsMenuProps<TType>) {\n const className = cn(\n 'bg-blue-900 yt-shadow flex w-96 flex-col gap-2 divide-y divide-white/25 rounded p-2 text-white',\n props.className\n );\n const ref = React.useRef<HTMLDivElement>(null);\n const boundaryIndex = useBoundaryOverflowDetection(ref, actionsForTable);\n const rows = table.getSelectedRowModel().rows;\n const rowsData = rows.map(row => row.original);\n\n const handleReset = () => table.toggleAllRowsSelected(false);\n const isVisible = (action: Table2ActionProps<TType>) =>\n typeof action.visible !== 'undefined'\n ? typeof action.visible === 'function'\n ? action.visible(rowsData)\n : action.visible\n : true;\n\n const visibleActions = actionsForTable.filter(isVisible);\n\n let content;\n\n if (boundaryIndex !== undefined && boundaryIndex !== null && boundaryIndex < actionsForTable.length) {\n const actions = visibleActions.slice(0, boundaryIndex);\n const moreActions = visibleActions.slice(boundaryIndex);\n\n content = (\n <>\n {createActionButton(actions, rowsData, handleReset)}\n {moreActions.length ? (\n <Menu>\n <Menu.Trigger>\n <button className={cn(BUTTON_CLASSES, 'ml-auto w-8')}>\n <Icon name=\"more\" className=\"m-0 p-0\" />\n </button>\n </Menu.Trigger>\n <Menu.Content>\n {moreActions.map((action, index) => (\n <Menu.Item\n key={index}\n dialog={action.dialog ? action.dialog(rowsData, handleReset) : undefined}\n disabled={unwrapActionProperty(action.disabled, rowsData)}\n icon={unwrapActionProperty(action.icon, rowsData)}\n onClick={\n action.onClick\n ? () => (action.onClick ? action.onClick(rowsData, handleReset) : undefined)\n : undefined\n }>\n {unwrapActionProperty(action.text, rowsData)}\n </Menu.Item>\n ))}\n </Menu.Content>\n </Menu>\n ) : null}\n </>\n );\n } else {\n content = createActionButton(visibleActions, rowsData, handleReset);\n }\n\n return (\n <div {...props} className={className} tabIndex={0}>\n <div className=\"flex items-center justify-between gap-2 px-2\">\n {rows.length} items selected {summary ? ` - ${summary(rowsData)}` : undefined}\n <Tooltip title=\"Reset selected\" placement=\"top\">\n <button aria-label=\"Reset selected\" className=\"rounded hover:bg-white/[0.08]\" onClick={handleReset}>\n <Icon name=\"close\" />\n </button>\n </Tooltip>\n </div>\n <div className=\"flex w-full gap-px overflow-hidden px-1 pt-2\" ref={ref}>\n {content}\n </div>\n </div>\n );\n}\n"],"names":["BUTTON_CLASSES","cn","getButtonClasses","unwrapActionProperty","property","rowsData","createActionButton","actions","onReset","map","action","index","button","React","className","disabled","onClick","undefined","icon","Icon","name","text","Fragment","key","dialog","trigger","BatchActionsMenu","actionsForTable","summary","table","props","ref","useRef","boundaryIndex","useBoundaryOverflowDetection","rows","getSelectedRowModel","row","original","handleReset","toggleAllRowsSelected","isVisible","visible","visibleActions","filter","content","length","slice","moreActions","Menu","Trigger","Content","Item","tabIndex","Tooltip","title","placement"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table2/components/ColumnSettingsButton.js DELETED Viewed

@@ -1,116 +0,0 @@
-import React__default from 'react';
-import cn from 'classnames';
-import { Icon } from '../../Icon/Icon.js';
-import { useLocalization } from '../../Provider/Localization.js';
-import { Button } from '../../Button/Button.js';
-import { Checkbox } from '../../Checkbox/Checkbox.js';
-import { Input } from '../../Input/Input.js';
-import { Popover } from '../../Popover/Popover.js';
-import { isInternalColumn, ensureOrdering } from '../utilities/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 { Truncate } from '../../Truncate/Truncate.js';
-function getColumnName(column) {
-  var _ref, _column$columnDef$hea, _column$columnDef$hea2;
-  return (_ref = (_column$columnDef$hea = (_column$columnDef$hea2 = column.columnDef.header) === null || _column$columnDef$hea2 === void 0 ? void 0 : _column$columnDef$hea2.toString()) !== null && _column$columnDef$hea !== void 0 ? _column$columnDef$hea : column.columnDef.id) !== null && _ref !== void 0 ? _ref : '';
-}
-const Column = /*#__PURE__*/React__default.forwardRef(function Column(props, ref) {
-  const {
-    column,
-    draggable = false,
-    isOrderingEnabled,
-    ...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 text = getColumnName(column);
-  const isVisible = column.getIsVisible();
-  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"
-  }) : isOrderingEnabled ? /*#__PURE__*/React__default.createElement("span", {
-    className: "flex w-2"
-  }) : null, /*#__PURE__*/React__default.createElement(Truncate, {
-    tooltip: text
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "flex-grow select-none"
-  }, text)), canHide ? /*#__PURE__*/React__default.createElement(Checkbox, {
-    checked: isVisible,
-    onChange: () => column.toggleVisibility(!isVisible)
-  }) : null);
-});
-function ColumnSettingsButton(props) {
-  const {
-    table
-  } = 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 => query !== null && query !== void 0 && query.length ? getColumnName(column).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$met;
-      return column.id === overId && ((_column$columnDef$met = column.columnDef.meta) === null || _column$columnDef$met === void 0 ? void 0 : _column$columnDef$met.disableReordering);
-    })) {
-      return;
-    }
-    table.setColumnOrder(currentOrder => ensureOrdering(allColumns, arrayMove(currentOrder, currentOrder.findIndex(c => c === activeId), currentOrder.findIndex(c => c === overId))));
-  };
-  const popover = popoverProps => /*#__PURE__*/React__default.createElement(Popover, Object.assign({}, popoverProps), /*#__PURE__*/React__default.createElement(Popover.Content, {
-    align: "end"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "flex w-60 flex-col gap-2"
-  }, table.options.enableHiding ? /*#__PURE__*/React__default.createElement(Input, {
-    onChange: event => setQuery(event.target.value),
-    placeholder: texts.table2.columnSettings.search,
-    value: query
-  }) : null, tableMeta.enableColumnReordering && 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$met2, _column$columnDef$met3;
-    return /*#__PURE__*/React__default.createElement(Item, {
-      key: column.id,
-      id: column.id,
-      disabled: (_column$columnDef$met2 = column.columnDef.meta) === null || _column$columnDef$met2 === void 0 ? void 0 : _column$columnDef$met2.disableReordering,
-      asChild: true
-    }, /*#__PURE__*/React__default.createElement(Column, {
-      column: column,
-      draggable: !((_column$columnDef$met3 = column.columnDef.meta) !== null && _column$columnDef$met3 !== void 0 && _column$columnDef$met3.disableReordering),
-      isOrderingEnabled: true
-    }));
-  }))) : /*#__PURE__*/React__default.createElement("div", {
-    className: listClassName
-  }, columns.length ? columns.map(column => /*#__PURE__*/React__default.createElement(Column, {
-    column: column,
-    key: column.id
-  })) : texts.table2.columnSettings.noResults))));
-  return /*#__PURE__*/React__default.createElement(Button, {
-    popover: popover,
-    tooltip: texts.table2.columnSettings.tooltip
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    name: "columns"
-  }), " ", texts.table2.columnSettings.button);
-}
-export { ColumnSettingsButton };
-//# sourceMappingURL=ColumnSettingsButton.js.map

package/dist/esm/packages/taco/src/components/Table2/components/ColumnSettingsButton.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ColumnSettingsButton.js","sources":["../../../../../../../../src/components/Table2/components/ColumnSettingsButton.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Table as RTable, Column as RTColumn, TableMeta } from '@tanstack/react-table';\nimport { Button } from '../../Button/Button';\nimport { useLocalization } from '../../Provider/Localization';\nimport { Checkbox } from '../../Checkbox/Checkbox';\nimport { Popover } from '../../Popover/Popover';\nimport { Input } from '../../Input/Input';\nimport * as SortablePrimitive from '../../../primitives/Sortable/Sortable';\nimport { Icon } from '../../Icon/Icon';\nimport { ensureOrdering, isInternalColumn } from '../utilities/columns';\nimport { Truncate } from '../../Truncate/Truncate';\n\ntype ColumnProps<TType = unknown> = React.HTMLAttributes<HTMLDivElement> & {\n column: RTColumn<TType, unknown>;\n draggable?: boolean;\n isOrderingEnabled?: boolean;\n};\n\nfunction getColumnName<TType = unknown>(column: RTColumn<TType, unknown>) {\n return column.columnDef.header?.toString() ?? column.columnDef.id ?? '';\n}\n\nconst Column = React.forwardRef(function Column<TType = unknown>(props: ColumnProps<TType>, ref: React.Ref<HTMLDivElement>) {\n const { column, draggable = false, isOrderingEnabled, ...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 text = getColumnName(column);\n const isVisible = column.getIsVisible();\n\n return (\n <div {...attributes} key={column.id} className={className} onClick={() => column.toggleVisibility(!isVisible)} ref={ref}>\n {draggable ? (\n <Icon name=\"drag\" className=\"text-grey-500 group-hover/column:text-grey-700 -mx-2 !h-5\" />\n ) : isOrderingEnabled ? (\n <span className=\"flex w-2\" />\n ) : null}\n <Truncate tooltip={text}>\n <span className=\"flex-grow select-none\">{text}</span>\n </Truncate>\n {canHide ? <Checkbox checked={isVisible} onChange={() => column.toggleVisibility(!isVisible)} /> : null}\n </div>\n );\n});\n\nexport type ColumnSettingsProps<TType = unknown> = {\n table: RTable<TType>;\n};\n\nexport function ColumnSettingsButton<TType = unknown>(props: ColumnSettingsProps<TType>) {\n const { table } = 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 => (query?.length ? getColumnName(column).toLowerCase().includes(query.toLowerCase()) : true)),\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?.disableReordering)) {\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 )\n );\n };\n\n const popover = popoverProps => (\n <Popover {...popoverProps}>\n <Popover.Content align=\"end\">\n <div className=\"flex w-60 flex-col gap-2\">\n {table.options.enableHiding ? (\n <Input\n onChange={event => setQuery(event.target.value)}\n placeholder={texts.table2.columnSettings.search}\n value={query}\n />\n ) : null}\n {tableMeta.enableColumnReordering && 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?.disableReordering}\n asChild>\n <Column\n column={column as any}\n draggable={!column.columnDef.meta?.disableReordering}\n isOrderingEnabled\n />\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.table2.columnSettings.noResults}\n </div>\n )}\n </div>\n </Popover.Content>\n </Popover>\n );\n\n return (\n <Button popover={popover} tooltip={texts.table2.columnSettings.tooltip}>\n <Icon name=\"columns\" /> {texts.table2.columnSettings.button}\n </Button>\n );\n}\n"],"names":["getColumnName","column","columnDef","header","toString","id","Column","React","forwardRef","props","ref","draggable","isOrderingEnabled","dragAttributes","canHide","getCanHide","className","cn","attributes","undefined","text","isVisible","getIsVisible","key","onClick","toggleVisibility","Icon","name","Truncate","tooltip","Checkbox","checked","onChange","ColumnSettingsButton","table","texts","useLocalization","query","setQuery","useState","allColumns","getAllLeafColumns","tableMeta","options","meta","columns","useMemo","filter","isInternalColumn","length","toLowerCase","includes","listClassName","handleReorder","activeId","overId","find","disableReordering","setColumnOrder","currentOrder","ensureOrdering","SortablePrimitive","findIndex","c","popover","popoverProps","Popover","Content","align","enableHiding","Input","event","target","value","placeholder","table2","columnSettings","search","enableColumnReordering","reorder","map","disabled","asChild","noResults","Button","button"],"mappings":";;;;;;;;;;;;;;;AAmBA,SAASA,aAAa,CAAkBC,MAAgC;;EACpE,kEAAOA,MAAM,CAACC,SAAS,CAACC,MAAM,2DAAvB,uBAAyBC,QAAQ,EAAE,yEAAIH,MAAM,CAACC,SAAS,CAACG,EAAE,uCAAI,EAAE;AAC3E;AAEA,MAAMC,MAAM,gBAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,MAAM,CAAkBG,KAAyB,EAAEC,GAA8B;EACtH,MAAM;IAAET,MAAM;IAAEU,SAAS,GAAG,KAAK;IAAEC,iBAAiB;IAAE,GAAGC;GAAgB,GAAGJ,KAAK;EACjF,MAAMK,OAAO,GAAGb,MAAM,CAACc,UAAU,EAAE;EAEnC,MAAMC,SAAS,GAAGC,EAAE,CAAC,0DAA0D,EAAE;IAC7E,mBAAmB,EAAEH,OAAO,IAAIH,SAAS;IACzC,sBAAsB,EAAEG,OAAO;IAC/B,uCAAuC,EAAEH;GAC5C,CAAC;EAEF,MAAMO,UAAU,GAAGP,SAAS,GAAGE,cAAc,GAAGM,SAAS;EACzD,MAAMC,IAAI,GAAGpB,aAAa,CAACC,MAAM,CAAC;EAClC,MAAMoB,SAAS,GAAGpB,MAAM,CAACqB,YAAY,EAAE;EAEvC,oBACIf,sDAASW,UAAU;IAAEK,GAAG,EAAEtB,MAAM,CAACI,EAAE;IAAEW,SAAS,EAAEA,SAAS;IAAEQ,OAAO,EAAE,MAAMvB,MAAM,CAACwB,gBAAgB,CAAC,CAACJ,SAAS,CAAC;IAAEX,GAAG,EAAEA;MAC/GC,SAAS,gBACNJ,6BAACmB,IAAI;IAACC,IAAI,EAAC,MAAM;IAACX,SAAS,EAAC;IAA8D,GAC1FJ,iBAAiB,gBACjBL;IAAMS,SAAS,EAAC;IAAa,GAC7B,IAAI,eACRT,6BAACqB,QAAQ;IAACC,OAAO,EAAET;kBACfb;IAAMS,SAAS,EAAC;KAAyBI,IAAI,CAAQ,CAC9C,EACVN,OAAO,gBAAGP,6BAACuB,QAAQ;IAACC,OAAO,EAAEV,SAAS;IAAEW,QAAQ,EAAE,MAAM/B,MAAM,CAACwB,gBAAgB,CAAC,CAACJ,SAAS;IAAK,GAAG,IAAI,CACrG;AAEd,CAAC,CAAC;SAMcY,oBAAoB,CAAkBxB,KAAiC;EACnF,MAAM;IAAEyB;GAAO,GAAGzB,KAAK;EACvB,MAAM;IAAE0B;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG/B,cAAK,CAACgC,QAAQ,CAAC,EAAE,CAAC;EAC5C,MAAMC,UAAU,GAAGN,KAAK,CAACO,iBAAiB,EAAE;EAC5C,MAAMC,SAAS,GAAGR,KAAK,CAACS,OAAO,CAACC,IAAwB;EACxD,MAAMC,OAAO,GAAGtC,cAAK,CAACuC,OAAO,CACzB,MACIN,UAAU,CACLO,MAAM,CAAC9C,MAAM,IAAI,CAAC+C,gBAAgB,CAAC/C,MAAM,CAACI,EAAE,CAAC,CAAC,CAC9C0C,MAAM,CAAC9C,MAAM,IAAKoC,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEY,MAAM,GAAGjD,aAAa,CAACC,MAAM,CAAC,CAACiD,WAAW,EAAE,CAACC,QAAQ,CAACd,KAAK,CAACa,WAAW,EAAE,CAAC,GAAG,IAAK,CAAC,EACrH,CAACV,UAAU,EAAEH,KAAK,CAAC,CACtB;EAED,MAAMe,aAAa,GAAG,+CAA+C;EAErE,MAAMC,aAAa,GAAG,CAACC,QAAQ,EAAEC,MAAM;IACnC,IAAIV,OAAO,CAACW,IAAI,CAACvD,MAAM;MAAA;MAAA,OAAIA,MAAM,CAACI,EAAE,KAAKkD,MAAM,8BAAItD,MAAM,CAACC,SAAS,CAAC0C,IAAI,0DAArB,sBAAuBa,iBAAiB;MAAC,EAAE;MAC1F;;IAGJvB,KAAK,CAACwB,cAAc,CAACC,YAAY,IAC7BC,cAAc,CACVpB,UAAU,EACVqB,SAA2B,CACvBF,YAAY,EACZA,YAAY,CAACG,SAAS,CAACC,CAAC,IAAIA,CAAC,KAAKT,QAAQ,CAAC,EAC3CK,YAAY,CAACG,SAAS,CAACC,CAAC,IAAIA,CAAC,KAAKR,MAAM,CAAC,CAC5C,CACJ,CACJ;GACJ;EAED,MAAMS,OAAO,GAAGC,YAAY,iBACxB1D,6BAAC2D,OAAO,oBAAKD,YAAY,gBACrB1D,6BAAC2D,OAAO,CAACC,OAAO;IAACC,KAAK,EAAC;kBACnB7D;IAAKS,SAAS,EAAC;KACVkB,KAAK,CAACS,OAAO,CAAC0B,YAAY,gBACvB9D,6BAAC+D,KAAK;IACFtC,QAAQ,EAAEuC,KAAK,IAAIjC,QAAQ,CAACiC,KAAK,CAACC,MAAM,CAACC,KAAK,CAAC;IAC/CC,WAAW,EAAEvC,KAAK,CAACwC,MAAM,CAACC,cAAc,CAACC,MAAM;IAC/CJ,KAAK,EAAEpC;IACT,GACF,IAAI,EACPK,SAAS,CAACoC,sBAAsB,IAAIjC,OAAO,CAACI,MAAM,IAAI,EAACZ,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEY,MAAM,iBACjE1C,6BAACsD,SAA2B;IAACkB,OAAO,EAAE1B;kBAClC9C,6BAACsD,IAAsB;IAACxD,EAAE,EAAC,SAAS;IAACW,SAAS,EAAEoC;KAC3CP,OAAO,CAACmC,GAAG,CAAC/E,MAAM;IAAA;IAAA,oBACfM,6BAACsD,IAAsB;MACnBtC,GAAG,EAAEtB,MAAM,CAACI,EAAE;MACdA,EAAE,EAAEJ,MAAM,CAACI,EAAE;MACb4E,QAAQ,4BAAEhF,MAAM,CAACC,SAAS,CAAC0C,IAAI,2DAArB,uBAAuBa,iBAAiB;MAClDyB,OAAO;oBACP3E,6BAACD,MAAM;MACHL,MAAM,EAAEA,MAAa;MACrBU,SAAS,EAAE,4BAACV,MAAM,CAACC,SAAS,CAAC0C,IAAI,mDAArB,uBAAuBa,iBAAiB;MACpD7C,iBAAiB;MACnB,CACmB;GAC5B,CAAC,CACmB,CACC,gBAE9BL;IAAKS,SAAS,EAAEoC;KACXP,OAAO,CAACI,MAAM,GACTJ,OAAO,CAACmC,GAAG,CAAC/E,MAAM,iBAAIM,6BAACD,MAAM;IAACL,MAAM,EAAEA,MAAa;IAAEsB,GAAG,EAAEtB,MAAM,CAACI;IAAM,CAAC,GACxE8B,KAAK,CAACwC,MAAM,CAACC,cAAc,CAACO,SAAS,CAElD,CACC,CACQ,CAEzB;EAED,oBACI5E,6BAAC6E,MAAM;IAACpB,OAAO,EAAEA,OAAO;IAAEnC,OAAO,EAAEM,KAAK,CAACwC,MAAM,CAACC,cAAc,CAAC/C;kBAC3DtB,6BAACmB,IAAI;IAACC,IAAI,EAAC;IAAY,OAAEQ,KAAK,CAACwC,MAAM,CAACC,cAAc,CAACS,MAAM,CACtD;AAEjB;;;;"}

package/dist/esm/packages/taco/src/components/Table2/components/EditModeButton.js DELETED Viewed

@@ -1,81 +0,0 @@
-import React__default from 'react';
-import cn from 'classnames';
-import { Icon } from '../../Icon/Icon.js';
-import { useMergedRef } from '../../../hooks/useMergedRef.js';
-import { useLocalization } from '../../Provider/Localization.js';
-import { Button } from '../../Button/Button.js';
-import { useGlobalKeyDown } from '../../../hooks/useGlobalKeyDown.js';
-import { Shortcut } from '../../Shortcut/Shortcut.js';
-const EditModeButton = /*#__PURE__*/React__default.forwardRef(function EditModeButton(props, ref) {
-  const {
-    scrollToIndex,
-    table,
-    tableRef
-  } = props;
-  const {
-    texts
-  } = useLocalization();
-  const internalRef = useMergedRef(ref);
-  const meta = table.options.meta;
-  const {
-    isEditing
-  } = meta.editMode;
-  const showWarning = React__default.useCallback(event => {
-    if (isEditing) {
-      event.returnValue = true;
-      return true;
-    }
-    return false;
-  }, [isEditing]);
-  useGlobalKeyDown({
-    key: 'e',
-    meta: true
-  }, event => {
-    var _internalRef$current;
-    event.preventDefault();
-    (_internalRef$current = internalRef.current) === null || _internalRef$current === void 0 ? void 0 : _internalRef$current.click();
-  });
-  React__default.useEffect(() => {
-    window.addEventListener('beforeunload', showWarning);
-    return () => {
-      window.removeEventListener('beforeunload', showWarning);
-    };
-  }, [showWarning]);
-  const handleClick = () => {
-    var _tableRef$current;
-    meta.editMode.toggleEditing();
-    (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.focus();
-    scrollToIndex(meta.activeRowIndex + 1);
-  };
-  const hasVisibleEditableColumns = React__default.useMemo(() => {
-    const hasColumns = table.getVisibleFlatColumns().some(column => {
-      var _column$columnDef$met;
-      return ((_column$columnDef$met = column.columnDef.meta) === null || _column$columnDef$met === void 0 ? void 0 : _column$columnDef$met.control) !== undefined;
-    });
-    if (!hasColumns && isEditing) {
-      handleClick();
-    }
-    return hasColumns;
-  }, [table.getState().columnVisibility]);
-  return /*#__PURE__*/React__default.createElement(Button, {
-    onClick: handleClick,
-    className: cn({
-      '!wcag-blue-100': meta.editMode.isEditing
-    }),
-    disabled: !hasVisibleEditableColumns,
-    ref: internalRef,
-    tooltip: hasVisibleEditableColumns ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, texts.table2.editing.tooltip, /*#__PURE__*/React__default.createElement(Shortcut, {
-      className: "ml-2",
-      keys: {
-        key: 'e',
-        meta: true
-      }
-    })) : texts.table2.editing.tooltipDisabled
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    name: "edit"
-  }), texts.table2.editing.button);
-});
-export { EditModeButton };
-//# sourceMappingURL=EditModeButton.js.map

package/dist/esm/packages/taco/src/components/Table2/components/EditModeButton.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"EditModeButton.js","sources":["../../../../../../../../src/components/Table2/components/EditModeButton.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Table as RTTable, TableMeta } from '@tanstack/react-table';\nimport { Button } from '../../Button/Button';\nimport { Icon } from '../../Icon/Icon';\nimport { Shortcut } from '../../Shortcut/Shortcut';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { useGlobalKeyDown } from '../../../hooks/useGlobalKeyDown';\nimport { useLocalization } from '../../Provider/Localization';\n\nexport type EditModeButtonProps = {\n scrollToIndex: (index: number) => void;\n table: RTTable<any>;\n tableRef: React.RefObject<HTMLDivElement>;\n};\n\nexport const EditModeButton = React.forwardRef<HTMLButtonElement, EditModeButtonProps>(function EditModeButton(props, ref) {\n const { scrollToIndex, table, tableRef } = props;\n const { texts } = useLocalization();\n const internalRef = useMergedRef<HTMLButtonElement>(ref);\n const meta = table.options.meta as TableMeta<any>;\n const { isEditing } = meta.editMode;\n\n const showWarning = React.useCallback(\n event => {\n if (isEditing) {\n event.returnValue = true;\n return true;\n }\n\n return false;\n },\n [isEditing]\n );\n\n useGlobalKeyDown({ key: 'e', meta: true }, (event: KeyboardEvent) => {\n event.preventDefault();\n internalRef.current?.click();\n });\n\n React.useEffect(() => {\n window.addEventListener('beforeunload', showWarning);\n\n return () => {\n window.removeEventListener('beforeunload', showWarning);\n };\n }, [showWarning]);\n\n const handleClick = () => {\n meta.editMode.toggleEditing();\n tableRef.current?.focus();\n scrollToIndex(meta.activeRowIndex + 1);\n };\n\n const hasVisibleEditableColumns = React.useMemo(() => {\n const hasColumns = table.getVisibleFlatColumns().some(column => column.columnDef.meta?.control !== undefined);\n\n if (!hasColumns && isEditing) {\n handleClick();\n }\n\n return hasColumns;\n }, [table.getState().columnVisibility]);\n\n return (\n <Button\n onClick={handleClick}\n className={cn({\n '!wcag-blue-100': meta.editMode.isEditing,\n })}\n disabled={!hasVisibleEditableColumns}\n ref={internalRef}\n tooltip={\n hasVisibleEditableColumns ? (\n <>\n {texts.table2.editing.tooltip}\n <Shortcut className=\"ml-2\" keys={{ key: 'e', meta: true }} />\n </>\n ) : (\n texts.table2.editing.tooltipDisabled\n )\n }>\n <Icon name=\"edit\" />\n {texts.table2.editing.button}\n </Button>\n );\n});\n"],"names":["EditModeButton","React","forwardRef","props","ref","scrollToIndex","table","tableRef","texts","useLocalization","internalRef","useMergedRef","meta","options","isEditing","editMode","showWarning","useCallback","event","returnValue","useGlobalKeyDown","key","preventDefault","current","click","useEffect","window","addEventListener","removeEventListener","handleClick","toggleEditing","focus","activeRowIndex","hasVisibleEditableColumns","useMemo","hasColumns","getVisibleFlatColumns","some","column","columnDef","control","undefined","getState","columnVisibility","Button","onClick","className","cn","disabled","tooltip","table2","editing","Shortcut","keys","tooltipDisabled","Icon","name","button"],"mappings":";;;;;;;;;MAgBaA,cAAc,gBAAGC,cAAK,CAACC,UAAU,CAAyC,SAASF,cAAc,CAACG,KAAK,EAAEC,GAAG;EACrH,MAAM;IAAEC,aAAa;IAAEC,KAAK;IAAEC;GAAU,GAAGJ,KAAK;EAChD,MAAM;IAAEK;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,WAAW,GAAGC,YAAY,CAAoBP,GAAG,CAAC;EACxD,MAAMQ,IAAI,GAAGN,KAAK,CAACO,OAAO,CAACD,IAAsB;EACjD,MAAM;IAAEE;GAAW,GAAGF,IAAI,CAACG,QAAQ;EAEnC,MAAMC,WAAW,GAAGf,cAAK,CAACgB,WAAW,CACjCC,KAAK;IACD,IAAIJ,SAAS,EAAE;MACXI,KAAK,CAACC,WAAW,GAAG,IAAI;MACxB,OAAO,IAAI;;IAGf,OAAO,KAAK;GACf,EACD,CAACL,SAAS,CAAC,CACd;EAEDM,gBAAgB,CAAC;IAAEC,GAAG,EAAE,GAAG;IAAET,IAAI,EAAE;GAAM,EAAGM,KAAoB;;IAC5DA,KAAK,CAACI,cAAc,EAAE;IACtB,wBAAAZ,WAAW,CAACa,OAAO,yDAAnB,qBAAqBC,KAAK,EAAE;GAC/B,CAAC;EAEFvB,cAAK,CAACwB,SAAS,CAAC;IACZC,MAAM,CAACC,gBAAgB,CAAC,cAAc,EAAEX,WAAW,CAAC;IAEpD,OAAO;MACHU,MAAM,CAACE,mBAAmB,CAAC,cAAc,EAAEZ,WAAW,CAAC;KAC1D;GACJ,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,MAAMa,WAAW,GAAG;;IAChBjB,IAAI,CAACG,QAAQ,CAACe,aAAa,EAAE;IAC7B,qBAAAvB,QAAQ,CAACgB,OAAO,sDAAhB,kBAAkBQ,KAAK,EAAE;IACzB1B,aAAa,CAACO,IAAI,CAACoB,cAAc,GAAG,CAAC,CAAC;GACzC;EAED,MAAMC,yBAAyB,GAAGhC,cAAK,CAACiC,OAAO,CAAC;IAC5C,MAAMC,UAAU,GAAG7B,KAAK,CAAC8B,qBAAqB,EAAE,CAACC,IAAI,CAACC,MAAM;MAAA;MAAA,OAAI,0BAAAA,MAAM,CAACC,SAAS,CAAC3B,IAAI,0DAArB,sBAAuB4B,OAAO,MAAKC,SAAS;MAAC;IAE7G,IAAI,CAACN,UAAU,IAAIrB,SAAS,EAAE;MAC1Be,WAAW,EAAE;;IAGjB,OAAOM,UAAU;GACpB,EAAE,CAAC7B,KAAK,CAACoC,QAAQ,EAAE,CAACC,gBAAgB,CAAC,CAAC;EAEvC,oBACI1C,6BAAC2C,MAAM;IACHC,OAAO,EAAEhB,WAAW;IACpBiB,SAAS,EAAEC,EAAE,CAAC;MACV,gBAAgB,EAAEnC,IAAI,CAACG,QAAQ,CAACD;KACnC,CAAC;IACFkC,QAAQ,EAAE,CAACf,yBAAyB;IACpC7B,GAAG,EAAEM,WAAW;IAChBuC,OAAO,EACHhB,yBAAyB,gBACrBhC,4DACKO,KAAK,CAAC0C,MAAM,CAACC,OAAO,CAACF,OAAO,eAC7BhD,6BAACmD,QAAQ;MAACN,SAAS,EAAC,MAAM;MAACO,IAAI,EAAE;QAAEhC,GAAG,EAAE,GAAG;QAAET,IAAI,EAAE;;MAAU,CAC9D,GAEHJ,KAAK,CAAC0C,MAAM,CAACC,OAAO,CAACG;kBAG7BrD,6BAACsD,IAAI;IAACC,IAAI,EAAC;IAAS,EACnBhD,KAAK,CAAC0C,MAAM,CAACC,OAAO,CAACM,MAAM,CACvB;AAEjB,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Table2/components/RowDensityButton.js DELETED Viewed

@@ -1,35 +0,0 @@
-import React__default from 'react';
-import { IconButton } from '../../IconButton/IconButton.js';
-import { useLocalization } from '../../Provider/Localization.js';
-import { Menu } from '../../Menu/Menu.js';
-const RowDensityButton = ({
-  table
-}) => {
-  const {
-    texts
-  } = useLocalization();
-  const meta = table.options.meta;
-  return /*#__PURE__*/React__default.createElement(IconButton, {
-    "aria-label": texts.table2.rowDensity.tooltip,
-    icon: `density-${meta.rowDensity}`,
-    menu: menuProps => /*#__PURE__*/React__default.createElement(Menu, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu.Content, {
-      align: "end"
-    }, /*#__PURE__*/React__default.createElement(Menu.RadioGroup, {
-      onChange: rowDensity => meta.setRowDensity(rowDensity),
-      value: meta.rowDensity
-    }, /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
-      value: "compact"
-    }, texts.table2.rowDensity.compact), /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
-      value: "normal"
-    }, texts.table2.rowDensity.normal), /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
-      value: "comfortable"
-    }, texts.table2.rowDensity.comfortable), /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
-      value: "spacious"
-    }, texts.table2.rowDensity.spacious)))),
-    tooltip: texts.table2.rowDensity.tooltip
-  });
-};
-export { RowDensityButton };
-//# sourceMappingURL=RowDensityButton.js.map

package/dist/esm/packages/taco/src/components/Table2/components/RowDensityButton.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"RowDensityButton.js","sources":["../../../../../../../../src/components/Table2/components/RowDensityButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as RTTable, TableMeta } from '@tanstack/react-table';\nimport { IconName } from '../../Icon/Icon';\nimport { IconButton } from '../../IconButton/IconButton';\nimport { Menu } from '../../Menu/Menu';\nimport { RowDensity } from '../types';\nimport { useLocalization } from '../../Provider/Localization';\n\ntype RowDensityButtonProps = {\n table: RTTable<any>;\n};\n\nexport const RowDensityButton = ({ table }: RowDensityButtonProps) => {\n const { texts } = useLocalization();\n const meta = table.options.meta as TableMeta<any>;\n\n return (\n <IconButton\n aria-label={texts.table2.rowDensity.tooltip}\n icon={`density-${meta.rowDensity}` as IconName}\n menu={menuProps => (\n <Menu {...menuProps}>\n <Menu.Content align=\"end\">\n <Menu.RadioGroup\n onChange={rowDensity => meta.setRowDensity(rowDensity as RowDensity)}\n value={meta.rowDensity}>\n <Menu.RadioGroup.Item value=\"compact\">{texts.table2.rowDensity.compact}</Menu.RadioGroup.Item>\n <Menu.RadioGroup.Item value=\"normal\">{texts.table2.rowDensity.normal}</Menu.RadioGroup.Item>\n <Menu.RadioGroup.Item value=\"comfortable\">{texts.table2.rowDensity.comfortable}</Menu.RadioGroup.Item>\n <Menu.RadioGroup.Item value=\"spacious\">{texts.table2.rowDensity.spacious}</Menu.RadioGroup.Item>\n </Menu.RadioGroup>\n </Menu.Content>\n </Menu>\n )}\n tooltip={texts.table2.rowDensity.tooltip}\n />\n );\n};\n"],"names":["RowDensityButton","table","texts","useLocalization","meta","options","React","IconButton","table2","rowDensity","tooltip","icon","menu","menuProps","Menu","Content","align","RadioGroup","onChange","setRowDensity","value","Item","compact","normal","comfortable","spacious"],"mappings":";;;;;MAYaA,gBAAgB,GAAG,CAAC;EAAEC;CAA8B;EAC7D,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,IAAI,GAAGH,KAAK,CAACI,OAAO,CAACD,IAAsB;EAEjD,oBACIE,6BAACC,UAAU;kBACKL,KAAK,CAACM,MAAM,CAACC,UAAU,CAACC,OAAO;IAC3CC,IAAI,aAAaP,IAAI,CAACK,YAAwB;IAC9CG,IAAI,EAAEC,SAAS,iBACXP,6BAACQ,IAAI,oBAAKD,SAAS,gBACfP,6BAACQ,IAAI,CAACC,OAAO;MAACC,KAAK,EAAC;oBAChBV,6BAACQ,IAAI,CAACG,UAAU;MACZC,QAAQ,EAAET,UAAU,IAAIL,IAAI,CAACe,aAAa,CAACV,UAAwB,CAAC;MACpEW,KAAK,EAAEhB,IAAI,CAACK;oBACZH,6BAACQ,IAAI,CAACG,UAAU,CAACI,IAAI;MAACD,KAAK,EAAC;OAAWlB,KAAK,CAACM,MAAM,CAACC,UAAU,CAACa,OAAO,CAAwB,eAC9FhB,6BAACQ,IAAI,CAACG,UAAU,CAACI,IAAI;MAACD,KAAK,EAAC;OAAUlB,KAAK,CAACM,MAAM,CAACC,UAAU,CAACc,MAAM,CAAwB,eAC5FjB,6BAACQ,IAAI,CAACG,UAAU,CAACI,IAAI;MAACD,KAAK,EAAC;OAAelB,KAAK,CAACM,MAAM,CAACC,UAAU,CAACe,WAAW,CAAwB,eACtGlB,6BAACQ,IAAI,CAACG,UAAU,CAACI,IAAI;MAACD,KAAK,EAAC;OAAYlB,KAAK,CAACM,MAAM,CAACC,UAAU,CAACgB,QAAQ,CAAwB,CAClF,CACP,CAEtB;IACDf,OAAO,EAAER,KAAK,CAACM,MAAM,CAACC,UAAU,CAACC;IACnC;AAEV;;;;"}

package/dist/esm/packages/taco/src/components/Table2/components/Search.js DELETED Viewed

@@ -1,62 +0,0 @@
-import React__default from 'react';
-import cn from 'classnames';
-import { useLocalization } from '../../Provider/Localization.js';
-import { useGlobalKeyDown } from '../../../hooks/useGlobalKeyDown.js';
-import { SearchInput } from '../../SearchInput/SearchInput.js';
-const Search = props => {
-  const {
-    value,
-    ...attributes
-  } = props;
-  const {
-    texts
-  } = useLocalization();
-  const ref = React__default.useRef(null);
-  const handleKeyDown = event => {
-    if (event.key === 'Escape') {
-      var _props$onSearch;
-      (_props$onSearch = props.onSearch) === null || _props$onSearch === void 0 ? void 0 : _props$onSearch.call(props, '');
-    }
-  };
-  // gets called when the "clear" button is clicked
-  const handleInput = event => {
-    if (props.onInput) {
-      props.onInput(event);
-    }
-    if (!event.isDefaultPrevented() && !event.currentTarget.value) {
-      var _props$onSearch2;
-      (_props$onSearch2 = props.onSearch) === null || _props$onSearch2 === void 0 ? void 0 : _props$onSearch2.call(props, '');
-    }
-  };
-  const handleBlur = event => {
-    var _props$onSearch3;
-    const value = event.target.value;
-    (_props$onSearch3 = props.onSearch) === null || _props$onSearch3 === void 0 ? void 0 : _props$onSearch3.call(props, value);
-  };
-  useGlobalKeyDown({
-    key: 'f',
-    meta: true,
-    shift: false
-  }, event => {
-    if (document.activeElement !== ref.current) {
-      var _ref$current;
-      event.preventDefault();
-      (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focus();
-    }
-  });
-  const className = cn('w-48', {
-    '!wcag-blue-100': !!value
-  });
-  return /*#__PURE__*/React__default.createElement(SearchInput, Object.assign({}, attributes, {
-    className: className,
-    onBlur: handleBlur,
-    onInput: handleInput,
-    onKeyDown: handleKeyDown,
-    placeholder: texts.table2.search.placeholder,
-    ref: ref
-  }));
-};
-export { Search };
-//# sourceMappingURL=Search.js.map

package/dist/esm/packages/taco/src/components/Table2/components/Search.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Search.js","sources":["../../../../../../../../src/components/Table2/components/Search.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { SearchInput, SearchInputProps } from '../../SearchInput/SearchInput';\nimport { useGlobalKeyDown } from '../../../hooks/useGlobalKeyDown';\nimport { useLocalization } from '../../Provider/Localization';\n\nexport const Search = (props: SearchInputProps) => {\n const { value, ...attributes } = props;\n const { texts } = useLocalization();\n const ref = React.useRef<HTMLInputElement>(null);\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Escape') {\n props.onSearch?.('');\n }\n };\n\n // gets called when the \"clear\" button is clicked\n const handleInput = (event: React.FormEvent<HTMLInputElement>) => {\n if (props.onInput) {\n props.onInput(event);\n }\n\n if (!event.isDefaultPrevented() && !event.currentTarget.value) {\n props.onSearch?.('');\n }\n };\n\n const handleBlur = event => {\n const value = event.target.value;\n props.onSearch?.(value);\n };\n\n useGlobalKeyDown({ key: 'f', meta: true, shift: false }, (event: KeyboardEvent) => {\n if (document.activeElement !== ref.current) {\n event.preventDefault();\n ref.current?.focus();\n }\n });\n\n const className = cn('w-48', {\n '!wcag-blue-100': !!value,\n });\n\n return (\n <SearchInput\n {...attributes}\n className={className}\n onBlur={handleBlur}\n onInput={handleInput}\n onKeyDown={handleKeyDown}\n placeholder={texts.table2.search.placeholder}\n ref={ref}\n />\n );\n};\n"],"names":["Search","props","value","attributes","texts","useLocalization","ref","React","useRef","handleKeyDown","event","key","onSearch","handleInput","onInput","isDefaultPrevented","currentTarget","handleBlur","target","useGlobalKeyDown","meta","shift","document","activeElement","current","preventDefault","focus","className","cn","SearchInput","onBlur","onKeyDown","placeholder","table2","search"],"mappings":";;;;;;MAMaA,MAAM,GAAIC,KAAuB;EAC1C,MAAM;IAAEC,KAAK;IAAE,GAAGC;GAAY,GAAGF,KAAK;EACtC,MAAM;IAAEG;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAmB,IAAI,CAAC;EAEhD,MAAMC,aAAa,GAAIC,KAA4C;IAC/D,IAAIA,KAAK,CAACC,GAAG,KAAK,QAAQ,EAAE;MAAA;MACxB,mBAAAV,KAAK,CAACW,QAAQ,oDAAd,qBAAAX,KAAK,EAAY,EAAE,CAAC;;GAE3B;;EAGD,MAAMY,WAAW,GAAIH,KAAwC;IACzD,IAAIT,KAAK,CAACa,OAAO,EAAE;MACfb,KAAK,CAACa,OAAO,CAACJ,KAAK,CAAC;;IAGxB,IAAI,CAACA,KAAK,CAACK,kBAAkB,EAAE,IAAI,CAACL,KAAK,CAACM,aAAa,CAACd,KAAK,EAAE;MAAA;MAC3D,oBAAAD,KAAK,CAACW,QAAQ,qDAAd,sBAAAX,KAAK,EAAY,EAAE,CAAC;;GAE3B;EAED,MAAMgB,UAAU,GAAGP,KAAK;;IACpB,MAAMR,KAAK,GAAGQ,KAAK,CAACQ,MAAM,CAAChB,KAAK;IAChC,oBAAAD,KAAK,CAACW,QAAQ,qDAAd,sBAAAX,KAAK,EAAYC,KAAK,CAAC;GAC1B;EAEDiB,gBAAgB,CAAC;IAAER,GAAG,EAAE,GAAG;IAAES,IAAI,EAAE,IAAI;IAAEC,KAAK,EAAE;GAAO,EAAGX,KAAoB;IAC1E,IAAIY,QAAQ,CAACC,aAAa,KAAKjB,GAAG,CAACkB,OAAO,EAAE;MAAA;MACxCd,KAAK,CAACe,cAAc,EAAE;MACtB,gBAAAnB,GAAG,CAACkB,OAAO,iDAAX,aAAaE,KAAK,EAAE;;GAE3B,CAAC;EAEF,MAAMC,SAAS,GAAGC,EAAE,CAAC,MAAM,EAAE;IACzB,gBAAgB,EAAE,CAAC,CAAC1B;GACvB,CAAC;EAEF,oBACIK,6BAACsB,WAAW,oBACJ1B,UAAU;IACdwB,SAAS,EAAEA,SAAS;IACpBG,MAAM,EAAEb,UAAU;IAClBH,OAAO,EAAED,WAAW;IACpBkB,SAAS,EAAEtB,aAAa;IACxBuB,WAAW,EAAE5B,KAAK,CAAC6B,MAAM,CAACC,MAAM,CAACF,WAAW;IAC5C1B,GAAG,EAAEA;KACP;AAEV;;;;"}

package/dist/esm/packages/taco/src/components/Table2/components/column/Base.js DELETED Viewed

@@ -1,32 +0,0 @@
-import React__default from 'react';
-import cn from 'classnames';
-import { getCellAlignmentClasses, getFrozenShadowClasses } from '../../utilities/cell.js';
-const ColumnBase = /*#__PURE__*/React__default.forwardRef(function Table2ColumnBase(props, ref) {
-  var _column$columnDef$met;
-  const {
-    column,
-    frozenColumnIds,
-    scrolled,
-    style,
-    table,
-    ...attributes
-  } = props;
-  const isFrozenColumn = !!column.getIsPinned();
-  const meta = table.options.meta;
-  const left = meta.columnOffsets[column.id];
-  const className = cn('border-grey-300', getCellAlignmentClasses((_column$columnDef$met = column.columnDef.meta) === null || _column$columnDef$met === void 0 ? void 0 : _column$columnDef$met.align), getFrozenShadowClasses(column, frozenColumnIds, scrolled), {
-    'cursor-pointer': !!attributes.onClick
-  }, attributes.className);
-  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, attributes, {
-    className: className,
-    style: {
-      ...style,
-      left: isFrozenColumn && Number.isInteger(left) ? left : undefined
-    },
-    ref: ref
-  }));
-});
-export { ColumnBase };
-//# sourceMappingURL=Base.js.map

package/dist/esm/packages/taco/src/components/Table2/components/column/Base.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Base.js","sources":["../../../../../../../../../src/components/Table2/components/column/Base.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Column as RTColumn, Table as RTTable, TableMeta } from '@tanstack/react-table';\nimport { getCellAlignmentClasses, getFrozenShadowClasses } from '../../utilities/cell';\n\nexport type ColumnBaseProps<TType = any> = React.HTMLAttributes<HTMLDivElement> & {\n column: RTColumn<TType, any>;\n frozenColumnIds: string[];\n scrolled: boolean;\n table: RTTable<TType>;\n};\n\nexport const ColumnBase = React.forwardRef<HTMLDivElement, ColumnBaseProps>(function Table2ColumnBase(props, ref) {\n const { column, frozenColumnIds, scrolled, style, table, ...attributes } = props;\n const isFrozenColumn = !!column.getIsPinned();\n const meta = table.options.meta as TableMeta<any>;\n const left = meta.columnOffsets[column.id];\n\n const className = cn(\n 'border-grey-300',\n getCellAlignmentClasses(column.columnDef.meta?.align),\n getFrozenShadowClasses(column, frozenColumnIds, scrolled),\n {\n 'cursor-pointer': !!attributes.onClick,\n },\n attributes.className\n );\n\n return (\n <div\n {...attributes}\n className={className}\n style={{ ...style, left: isFrozenColumn && Number.isInteger(left) ? left : undefined }}\n ref={ref}\n />\n );\n});\n"],"names":["ColumnBase","React","forwardRef","Table2ColumnBase","props","ref","column","frozenColumnIds","scrolled","style","table","attributes","isFrozenColumn","getIsPinned","meta","options","left","columnOffsets","id","className","cn","getCellAlignmentClasses","columnDef","align","getFrozenShadowClasses","onClick","Number","isInteger","undefined"],"mappings":";;;;MAYaA,UAAU,gBAAGC,cAAK,CAACC,UAAU,CAAkC,SAASC,gBAAgB,CAACC,KAAK,EAAEC,GAAG;;EAC5G,MAAM;IAAEC,MAAM;IAAEC,eAAe;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,KAAK;IAAE,GAAGC;GAAY,GAAGP,KAAK;EAChF,MAAMQ,cAAc,GAAG,CAAC,CAACN,MAAM,CAACO,WAAW,EAAE;EAC7C,MAAMC,IAAI,GAAGJ,KAAK,CAACK,OAAO,CAACD,IAAsB;EACjD,MAAME,IAAI,GAAGF,IAAI,CAACG,aAAa,CAACX,MAAM,CAACY,EAAE,CAAC;EAE1C,MAAMC,SAAS,GAAGC,EAAE,CAChB,iBAAiB,EACjBC,uBAAuB,0BAACf,MAAM,CAACgB,SAAS,CAACR,IAAI,0DAArB,sBAAuBS,KAAK,CAAC,EACrDC,sBAAsB,CAAClB,MAAM,EAAEC,eAAe,EAAEC,QAAQ,CAAC,EACzD;IACI,gBAAgB,EAAE,CAAC,CAACG,UAAU,CAACc;GAClC,EACDd,UAAU,CAACQ,SAAS,CACvB;EAED,oBACIlB,sDACQU,UAAU;IACdQ,SAAS,EAAEA,SAAS;IACpBV,KAAK,EAAE;MAAE,GAAGA,KAAK;MAAEO,IAAI,EAAEJ,cAAc,IAAIc,MAAM,CAACC,SAAS,CAACX,IAAI,CAAC,GAAGA,IAAI,GAAGY;KAAW;IACtFvB,GAAG,EAAEA;KACP;AAEV,CAAC;;;;"}