@semcore/data-table 17.0.0-prerelease.36 → 17.0.0-prerelease.37

package/lib/esm/components/Head/Head.mjs

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, Component, sstyled, assignProps } from "@semcore/core";
+import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
 import { Box, ScreenReaderOnly } from "@semcore/base-components";
 import Checkbox from "@semcore/checkbox";
 import React__default from "react";
@@ -8,7 +8,6 @@ import { Column } from "./Column.mjs";
 import { Group } from "./Group.mjs";
 import { SelectableRows } from "../../store/SelectableRows.mjs";
 import { UNIQ_ROW_KEY, SELECT_ALL, DataTable } from "../DataTable/DataTable.mjs";
-/*!__reshadow-styles__:"./style.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -60,7 +59,6 @@ class HeadRoot extends Component {
     super(...args);
     _defineProperty(this, "unsubscribeSelectAll", void 0);
     _defineProperty(this, "handleSelectAll", (value, event) => {
-      var _a, _b;
       const {
         selectedRows
       } = this.asProps;
@@ -75,7 +73,7 @@ class HeadRoot extends Component {
             idsSet.delete(row[UNIQ_ROW_KEY]);
           });
         }
-        (_b = (_a = this.asProps).onChangeSelectAll) == null ? void 0 : _b.call(_a, Array.from(idsSet), event);
+        this.asProps.onChangeSelectAll?.(Array.from(idsSet), event);
       } else if (selectedRows) {
         if (value) {
           selectedRows.selectAll();
@@ -85,8 +83,8 @@ class HeadRoot extends Component {
       }
     });
     _defineProperty(this, "handleClickSelectAll", (value) => (event) => {
-      event == null ? void 0 : event.preventDefault();
-      event == null ? void 0 : event.stopPropagation();
+      event?.preventDefault();
+      event?.stopPropagation();
       this.handleSelectAll(value, event);
     });
   }
@@ -101,8 +99,7 @@ class HeadRoot extends Component {
     }
   }
   componentWillUnmount() {
-    var _a;
-    (_a = this.unsubscribeSelectAll) == null ? void 0 : _a.call(this);
+    this.unsubscribeSelectAll?.();
   }
   sortableColumnDescribeId() {
     const {
@@ -216,7 +213,7 @@ class HeadRoot extends Component {
       selectedRows
     } = this.asProps;
     if (Array.isArray(selectedRows)) {
-      return selectedRows.length > 0 && this.selectableRows.every((row) => selectedRows == null ? void 0 : selectedRows.includes(row[UNIQ_ROW_KEY]));
+      return selectedRows.length > 0 && this.selectableRows.every((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));
     } else if (selectedRows) {
       return selectedRows.isAllSelected();
     }
@@ -226,7 +223,7 @@ class HeadRoot extends Component {
       selectedRows
     } = this.asProps;
     if (Array.isArray(selectedRows)) {
-      return this.selectableRows.some((row) => selectedRows == null ? void 0 : selectedRows.includes(row[UNIQ_ROW_KEY]));
+      return this.selectableRows.some((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));
     } else if (selectedRows) {
       return selectedRows.isIndeterminate();
     }
@@ -237,8 +234,7 @@ class HeadRoot extends Component {
       flatRows
     } = this.asProps;
     const mappedFlatRows = flatRows.filter((r) => {
-      var _a;
-      const nextColumnName = (_a = columns[1]) == null ? void 0 : _a.name;
+      const nextColumnName = columns[1]?.name;
       return r[nextColumnName] !== void 0;
     });
     return mappedFlatRows;
@@ -282,9 +278,8 @@ class HeadRoot extends Component {
     }), /* @__PURE__ */ React__default.createElement(Checkbox.Value, null, /* @__PURE__ */ React__default.createElement(Checkbox.Value.Control, null), /* @__PURE__ */ React__default.createElement(Checkbox.Value.CheckMark, {
       mt: 0
     })))), children ? /* @__PURE__ */ React__default.createElement(Children, _ref2.cn("Children", {})) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, treeColumns.map((column, _i) => {
-      var _a;
       if ("columns" in column) {
-        const columnsName = (_a = column.columns) == null ? void 0 : _a.map((c) => c.name).join("/");
+        const columnsName = column.columns?.map((c) => c.name).join("/");
         return /* @__PURE__ */ React__default.createElement(DataTable.Head.Group, _extends({
           key: columnsName
         }, column, {

package/lib/esm/components/RowSelector/RowsSelector.mjs

@@ -18,21 +18,21 @@ class RowSelector extends React__default.PureComponent {
         onSelectRow,
         selectedRows
       } = this.props;
-      onSelectRow == null ? void 0 : onSelectRow(value, rowIndex, row, event);
+      onSelectRow?.(value, rowIndex, row, event);
       if (selectedRows && !Array.isArray(selectedRows)) {
         selectedRows.toggle(value, row);
       }
     });
     _defineProperty(this, "handleClickCheckbox", (value) => (event) => {
-      event == null ? void 0 : event.preventDefault();
-      event == null ? void 0 : event.stopPropagation();
+      event?.preventDefault();
+      event?.stopPropagation();
       const {
         row,
         rowIndex,
         onSelectRow,
         selectedRows
       } = this.props;
-      onSelectRow == null ? void 0 : onSelectRow(value, rowIndex, row, event);
+      onSelectRow?.(value, rowIndex, row, event);
       if (selectedRows && !Array.isArray(selectedRows)) {
         selectedRows.toggle(value, row);
       }
@@ -61,8 +61,7 @@ class RowSelector extends React__default.PureComponent {
     }
   }
   componentWillUnmount() {
-    var _a;
-    (_a = this.unsubscribeToggle) == null ? void 0 : _a.call(this);
+    this.unsubscribeToggle?.();
   }
   render() {
     const SCheckboxCell = Row.Cell;

package/lib/esm/enhancers/focusableCell.mjs

@@ -23,12 +23,11 @@ function handleFocusCell(lockedCell, target, currentTarget) {
   }
 }
 function handleKeydownFocusCell(lockedCell, e) {
-  var _a, _b, _c, _d;
   if (e.currentTarget === lockedCell[0]) {
     const focusableChildren = Array.from(lockedCell[0].children).flatMap((node) => getFocusableIn(node));
     if (lockedCell[1]) {
       if (e.key === "Escape") {
-        (_a = lockedCell[0]) == null ? void 0 : _a.focus({
+        lockedCell[0]?.focus({
           focusVisible: true
         });
         lockedCell[1] = false;
@@ -39,12 +38,12 @@ function handleKeydownFocusCell(lockedCell, e) {
       }
       if (e.key === "Tab") {
         if (e.target === focusableChildren[0] && e.shiftKey) {
-          (_b = focusableChildren[focusableChildren.length - 1]) == null ? void 0 : _b.focus({
+          focusableChildren[focusableChildren.length - 1]?.focus({
             focusVisible: true
           });
           e.preventDefault();
         } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {
-          (_c = focusableChildren[0]) == null ? void 0 : _c.focus({
+          focusableChildren[0]?.focus({
             focusVisible: true
           });
           e.preventDefault();
@@ -55,7 +54,7 @@ function handleKeydownFocusCell(lockedCell, e) {
       e.preventDefault();
       e.stopPropagation();
       lockedCell[1] = true;
-      (_d = focusableChildren[0]) == null ? void 0 : _d.focus({
+      focusableChildren[0]?.focus({
         focusVisible: true
       });
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/data-table",
   "description": "Semrush DataTable Component",
-  "version": "17.0.0-prerelease.36",
+  "version": "17.0.0-prerelease.37",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,28 +14,28 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/button": "^17.0.0-prerelease.36",
-    "@semcore/checkbox": "^17.0.0-prerelease.36",
-    "@semcore/spin": "^17.0.0-prerelease.36",
-    "@semcore/tooltip": "^17.0.0-prerelease.36",
-    "@semcore/widget-empty": "^17.0.0-prerelease.36"
+    "@semcore/button": "^17.0.0-prerelease.37",
+    "@semcore/checkbox": "^17.0.0-prerelease.37",
+    "@semcore/spin": "^17.0.0-prerelease.37",
+    "@semcore/tooltip": "^17.0.0-prerelease.37",
+    "@semcore/widget-empty": "^17.0.0-prerelease.37"
   },
   "devDependencies": {
     "@types/node": "18.16.15",
     "csstype": "3.1.3",
-    "@semcore/base-trigger": "17.0.0-prerelease.36",
-    "@semcore/typography": "17.0.0-prerelease.36",
-    "@semcore/dropdown-menu": "17.0.0-prerelease.36",
-    "@semcore/divider": "17.0.0-prerelease.36",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/skeleton": "17.0.0-prerelease.36",
-    "@semcore/progress-bar": "17.0.0-prerelease.36",
-    "@semcore/accordion": "17.0.0-prerelease.36",
-    "@semcore/spin": "17.0.0-prerelease.36",
-    "@semcore/spin-container": "17.0.0-prerelease.36",
-    "@semcore/tooltip": "17.0.0-prerelease.36",
-    "@semcore/base-components": "17.0.0-prerelease.36",
-    "@semcore/icon": "16.7.2-prerelease.36"
+    "@semcore/dropdown-menu": "17.0.0-prerelease.37",
+    "@semcore/typography": "17.0.0-prerelease.37",
+    "@semcore/base-trigger": "17.0.0-prerelease.37",
+    "@semcore/accordion": "17.0.0-prerelease.37",
+    "@semcore/divider": "17.0.0-prerelease.37",
+    "@semcore/progress-bar": "17.0.0-prerelease.37",
+    "@semcore/skeleton": "17.0.0-prerelease.37",
+    "@semcore/spin": "17.0.0-prerelease.37",
+    "@semcore/spin-container": "17.0.0-prerelease.37",
+    "@semcore/tooltip": "17.0.0-prerelease.37",
+    "@semcore/base-components": "17.0.0-prerelease.37",
+    "@semcore/icon": "16.7.2-prerelease.37"
   },
   "peerDependencies": {
     "@semcore/base-components": "^17.0.0 || ^17.0.0-0",