@snack-uikit/table 0.37.20-preview-cccab544.0 → 0.37.20

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## <small>0.37.20 (2025-11-27)</small>
+
+* fix(HCE-284): add data-test-id to export table ([2093390](https://github.com/cloud-ru-tech/snack-uikit/commit/2093390))
+
+
+
+
+
 ## <small>0.37.19 (2025-11-26)</small>
 
 * fix(PDS-3189): fix selection with shift key for single row selection mode ([2cdfb64](https://github.com/cloud-ru-tech/snack-uikit/commit/2cdfb64))

package/dist/cjs/components/Table/Table.js

@@ -304,7 +304,7 @@ function Table(_a) {
         vars[flexKey] = '100%';
       } else {
         const originalColumnDefSize = originalColDef === null || originalColDef === void 0 ? void 0 : originalColDef.size;
-        let initSize = originalColumnDefSize ? "".concat(originalColumnDefSize, "px") : '100%';
+        let initSize = originalColumnDefSize ? `${originalColumnDefSize}px` : '100%';
         const prevSize = (_a = columnSizeVarsRef.current) === null || _a === void 0 ? void 0 : _a[sizeKey];
         const isResizeSavedToStore = (originalColDef === null || originalColDef === void 0 ? void 0 : originalColDef.enableResizing) && (savedState === null || savedState === void 0 ? void 0 : savedState.id) && (savedState === null || savedState === void 0 ? void 0 : savedState.resize) !== false;
         if (isResizeSavedToStore) {
@@ -323,7 +323,7 @@ function Table(_a) {
           if (currentSize !== colDefSize || i < resizedColumnIndex && prevSize === '100%') {
             const realSize = prevSize === '100%' ? (0, utils_3.getCurrentlyConfiguredHeaderWidth)(header.id) : currentSize;
             realSizes[header.id] = realSize;
-            size = "".concat(realSize, "px");
+            size = `${realSize}px`;
           }
         }
         if (isResizeSavedToStore) {

package/dist/cjs/components/Table/hooks/useColumnOrderByDrag/utils/prepareInitialState.js

@@ -7,7 +7,7 @@ exports.getLocalStorageColumnOrderKey = void 0;
 exports.prepareInitialState = prepareInitialState;
 const utils_1 = require("@snack-uikit/utils");
 const utils_2 = require("../../../utils");
-const getLocalStorageColumnOrderKey = id => "".concat(id, "_columnOrder");
+const getLocalStorageColumnOrderKey = id => `${id}_columnOrder`;
 exports.getLocalStorageColumnOrderKey = getLocalStorageColumnOrderKey;
 function prepareInitialState(tableColumns, savedState) {
   const columnOrder = tableColumns.filter(column => column.pinned !== 'left' && column.pinned !== 'right').map(utils_2.getColumnIdentifier);

package/dist/cjs/components/Table/hooks/useColumnSettings/useColumnSettings.js

@@ -22,7 +22,7 @@ function useColumnSettings(_ref) {
   const {
     t
   } = (0, locale_1.useLocale)('Table');
-  const localStorageKey = "".concat(savedState === null || savedState === void 0 ? void 0 : savedState.id, "_columnSettings");
+  const localStorageKey = `${savedState === null || savedState === void 0 ? void 0 : savedState.id}_columnSettings`;
   const configurableColumns = (0, react_1.useMemo)(() => columnDefinitions.filter(utils_3.isColumnVisibilityConfigurable), [columnDefinitions]);
   const [enabledColumns, setEnabledColumns] = (0, react_1.useState)(() => (0, utils_3.getEnabledColumnsInitialState)(configurableColumns, savedState, localStorageKey));
   const setEnabledColumnsOuter = (0, react_1.useCallback)(value => {

package/dist/cjs/components/Table/utils/columnSize.js

@@ -18,7 +18,7 @@ function getInitColumnSizeFromLocalStorage(_ref) {
     if (!savedStateFromStorage) {
       return;
     }
-    return (_a = savedStateFromStorage.resizeState) === null || _a === void 0 ? void 0 : _a["".concat(RESIZED_KEY, "-").concat(columnId)];
+    return (_a = savedStateFromStorage.resizeState) === null || _a === void 0 ? void 0 : _a[`${RESIZED_KEY}-${columnId}`];
   }
 }
 function saveStateToLocalStorage(_ref2) {
@@ -30,7 +30,7 @@ function saveStateToLocalStorage(_ref2) {
   if ((0, utils_1.isBrowser)()) {
     const savedStateFromStorage = JSON.parse(localStorage.getItem(id) || 'null');
     const newResizeState = (savedStateFromStorage === null || savedStateFromStorage === void 0 ? void 0 : savedStateFromStorage.resizeState) || {};
-    newResizeState["".concat(RESIZED_KEY, "-").concat(columnId)] = size;
+    newResizeState[`${RESIZED_KEY}-${columnId}`] = size;
     localStorage.setItem(id, JSON.stringify(Object.assign(Object.assign({}, savedStateFromStorage || {}), {
       resizeState: newResizeState
     })));

package/dist/cjs/components/Table/utils/getColumnStyleVars.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getColumnStyleVars = getColumnStyleVars;
 function getColumnStyleVars(id) {
   return {
-    sizeKey: "--table-column-".concat(id, "-size"),
-    flexKey: "--table-column-".concat(id, "-flex")
+    sizeKey: `--table-column-${id}-size`,
+    flexKey: `--table-column-${id}-flex`
   };
 }

package/dist/cjs/components/Table/utils/getCurrentlyConfiguredHeaderWidth.js

@@ -7,7 +7,7 @@ exports.getCurrentlyConfiguredHeaderWidth = getCurrentlyConfiguredHeaderWidth;
 const utils_1 = require("@snack-uikit/utils");
 function getCurrentlyConfiguredHeaderWidth(id) {
   if ((0, utils_1.isBrowser)()) {
-    const cell = document.querySelector("[data-header-id=\"".concat(id, "\"]"));
+    const cell = document.querySelector(`[data-header-id="${id}"]`);
     const resizeHandler = cell === null || cell === void 0 ? void 0 : cell.querySelector('[data-test-id="table__header-cell-resize-handle-moving-part"]');
     if (cell) {
       const {

package/dist/cjs/constants.d.ts

@@ -34,6 +34,9 @@ export declare const TEST_IDS: {
     statusIndicator: string;
     statusLabel: string;
     toolbar: string;
+    exportIcon: string;
+    exportCsvAction: string;
+    exportXlsxAction: string;
 };
 export declare const SORT_FN: {
     readonly DateTime: "datetime";

package/dist/cjs/constants.js

@@ -40,7 +40,10 @@ exports.TEST_IDS = {
   },
   statusIndicator: 'table__status-indicator',
   statusLabel: 'table__status-label',
-  toolbar: 'table__toolbar'
+  toolbar: 'table__toolbar',
+  exportIcon: 'table__export-icon',
+  exportCsvAction: 'table__export-csv__action',
+  exportXlsxAction: 'table__export-xlsx__action'
 };
 exports.SORT_FN = {
   DateTime: 'datetime',

package/dist/cjs/exportTable.js

@@ -67,9 +67,9 @@ function exportToCSV(_ref2) {
     const table = [headers, ...xlsxData];
     const csv = table.map(line => line.map(el => {
       if (Array.isArray(el)) {
-        return "\"".concat(el.join(', '), "\"");
+        return `"${el.join(', ')}"`;
       }
-      return el === undefined ? "\"\"" : "\"".concat(el, "\"");
+      return el === undefined ? `""` : `"${el}"`;
     }).join(',')).join('\n');
     const utf8Prefix = new Uint8Array([0xef, 0xbb, 0xbf]);
     const blob = new Blob([utf8Prefix, csv], {
@@ -126,6 +126,6 @@ function exportToXLSX(_ref3) {
     worksheet['!cols'] = getColumnsWidth(worksheetData);
   }
   xlsx_1.utils.book_append_sheet(workbook, worksheet);
-  (0, xlsx_1.writeFileXLSX)(workbook, "".concat(fileName, ".xlsx"));
+  (0, xlsx_1.writeFileXLSX)(workbook, `${fileName}.xlsx`);
   return worksheet;
 }

package/dist/cjs/helperComponents/Cells/HeaderCell/ResizeHandle.js

@@ -72,7 +72,7 @@ function ResizeHandle(_ref2) {
       "data-test-id": 'table__header-cell-resize-handle-moving-part',
       className: styles_module_scss_1.default.tableHeaderResizeIndicator,
       style: {
-        '--offset': "".concat(offset, "px")
+        '--offset': `${offset}px`
       }
     })]
   });

package/dist/cjs/helperComponents/ExportButton/ExportButton.js

@@ -10,6 +10,7 @@ const button_1 = require("@snack-uikit/button");
 const icons_1 = require("@snack-uikit/icons");
 const list_1 = require("@snack-uikit/list");
 const locale_1 = require("@snack-uikit/locale");
+const constants_1 = require("../../constants");
 function ExportButton(_ref) {
   let {
     settings,
@@ -52,7 +53,8 @@ function ExportButton(_ref) {
         });
         setIsOpen(false);
       },
-      hidden: !settings.exportToCSV
+      hidden: !settings.exportToCSV,
+      'data-test-id': constants_1.TEST_IDS.exportCsvAction
     }, {
       content: {
         option: t('export') + 'XLSX'
@@ -66,10 +68,12 @@ function ExportButton(_ref) {
         });
         setIsOpen(false);
       },
-      hidden: !settings.exportToXLSX
+      hidden: !settings.exportToXLSX,
+      'data-test-id': constants_1.TEST_IDS.exportXlsxAction
     }],
     children: (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, {
       size: 'm',
+      "data-test-id": constants_1.TEST_IDS.exportIcon,
       icon: (0, jsx_runtime_1.jsx)(icons_1.DownloadSVG, {})
     })
   });

package/dist/cjs/helperComponents/hooks.js

@@ -75,8 +75,8 @@ function useCellSizes(element, options) {
   });
   const minWidth = column.columnDef.minSize;
   const maxWidth = column.columnDef.maxSize;
-  const width = "var(--table-column-".concat(column.id, "-size)");
-  const flexShrink = "var(--table-column-".concat(column.id, "-flex)");
+  const width = `var(--table-column-${column.id}-size)`;
+  const flexShrink = `var(--table-column-${column.id}-flex)`;
   const isHeaderCell = 'headerGroup' in element;
   return (0, react_1.useMemo)(() => {
     const styles = {

package/dist/esm/constants.d.ts

@@ -34,6 +34,9 @@ export declare const TEST_IDS: {
     statusIndicator: string;
     statusLabel: string;
     toolbar: string;
+    exportIcon: string;
+    exportCsvAction: string;
+    exportXlsxAction: string;
 };
 export declare const SORT_FN: {
     readonly DateTime: "datetime";

package/dist/esm/constants.js

@@ -35,6 +35,9 @@ export const TEST_IDS = {
     statusIndicator: 'table__status-indicator',
     statusLabel: 'table__status-label',
     toolbar: 'table__toolbar',
+    exportIcon: 'table__export-icon',
+    exportCsvAction: 'table__export-csv__action',
+    exportXlsxAction: 'table__export-xlsx__action',
 };
 export const SORT_FN = {
     DateTime: 'datetime',

package/dist/esm/helperComponents/ExportButton/ExportButton.js

@@ -4,6 +4,7 @@ import { ButtonFunction } from '@snack-uikit/button';
 import { DownloadSVG } from '@snack-uikit/icons';
 import { Droplist } from '@snack-uikit/list';
 import { useLocale } from '@snack-uikit/locale';
+import { TEST_IDS } from '../../constants';
 export function ExportButton({ settings, data, columnDefinitions, topRows, centerRows, }) {
     const [isOpen, setIsOpen] = useState(false);
     const { t } = useLocale('Table');
@@ -24,6 +25,7 @@ export function ExportButton({ settings, data, columnDefinitions, topRows, cente
                     setIsOpen(false);
                 },
                 hidden: !settings.exportToCSV,
+                'data-test-id': TEST_IDS.exportCsvAction,
             },
             {
                 content: { option: t('export') + 'XLSX' },
@@ -33,6 +35,7 @@ export function ExportButton({ settings, data, columnDefinitions, topRows, cente
                     setIsOpen(false);
                 },
                 hidden: !settings.exportToXLSX,
+                'data-test-id': TEST_IDS.exportXlsxAction,
             },
-        ], children: _jsx(ButtonFunction, { size: 'm', icon: _jsx(DownloadSVG, {}) }) }));
+        ], children: _jsx(ButtonFunction, { size: 'm', "data-test-id": TEST_IDS.exportIcon, icon: _jsx(DownloadSVG, {}) }) }));
 }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Table",
-  "version": "0.37.20-preview-cccab544.0",
+  "version": "0.37.20",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -42,15 +42,15 @@
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",
     "@snack-uikit/button": "0.19.16",
-    "@snack-uikit/chips": "0.28.9-preview-cccab544.0",
+    "@snack-uikit/chips": "0.28.8",
     "@snack-uikit/icons": "0.27.3",
     "@snack-uikit/info-block": "0.6.33",
-    "@snack-uikit/list": "0.32.8-preview-cccab544.0",
+    "@snack-uikit/list": "0.32.7",
     "@snack-uikit/pagination": "0.10.20",
     "@snack-uikit/scroll": "0.10.5",
     "@snack-uikit/skeleton": "0.6.9",
     "@snack-uikit/toggles": "0.13.22",
-    "@snack-uikit/toolbar": "0.14.11-preview-cccab544.0",
+    "@snack-uikit/toolbar": "0.14.10",
     "@snack-uikit/truncate-string": "0.7.4",
     "@snack-uikit/typography": "0.8.11",
     "@snack-uikit/utils": "4.0.0",
@@ -65,5 +65,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "25aa571cf3de5af48a9054778c7136c819c53f5f"
+  "gitHead": "b8c1f0b0f22c324815afb893a1272d62795d9091"
 }

package/src/constants.ts

@@ -38,6 +38,9 @@ export const TEST_IDS = {
   statusIndicator: 'table__status-indicator',
   statusLabel: 'table__status-label',
   toolbar: 'table__toolbar',
+  exportIcon: 'table__export-icon',
+  exportCsvAction: 'table__export-csv__action',
+  exportXlsxAction: 'table__export-xlsx__action',
 };
 
 export const SORT_FN = {

package/src/helperComponents/ExportButton/ExportButton.tsx

@@ -6,6 +6,7 @@ import { DownloadSVG } from '@snack-uikit/icons';
 import { Droplist } from '@snack-uikit/list';
 import { useLocale } from '@snack-uikit/locale';
 
+import { TEST_IDS } from '../../constants';
 import { ColumnDefinition } from '../../types';
 
 type ExportProps<TData> = { fileName: string; columnDefinitions: ColumnDefinition<TData>[]; data: TData[] };
@@ -70,6 +71,7 @@ export function ExportButton<TData extends object>({
             setIsOpen(false);
           },
           hidden: !settings.exportToCSV,
+          'data-test-id': TEST_IDS.exportCsvAction,
         },
         {
           content: { option: t('export') + 'XLSX' },
@@ -78,10 +80,11 @@ export function ExportButton<TData extends object>({
             setIsOpen(false);
           },
           hidden: !settings.exportToXLSX,
+          'data-test-id': TEST_IDS.exportXlsxAction,
         },
       ]}
     >
-      <ButtonFunction size='m' icon={<DownloadSVG />} />
+      <ButtonFunction size='m' data-test-id={TEST_IDS.exportIcon} icon={<DownloadSVG />} />
     </Droplist>
   );
 }