@salutejs/plasma-new-hope 0.338.0-canary.2283.18490128554.0 → 0.338.0-dev.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.338.0-canary.2283.18490128554.0",
+  "version": "0.338.0-dev.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -79,7 +79,7 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-sb-utils": "0.209.0-canary.2283.18490128554.0",
+    "@salutejs/plasma-sb-utils": "0.208.0",
     "@salutejs/plasma-themes": "0.38.0",
     "@storybook/addon-docs": "8.6.12",
     "@storybook/addon-essentials": "8.6.12",
@@ -117,7 +117,7 @@
     "@linaria/react": "5.0.3",
     "@popperjs/core": "2.11.8",
     "@salutejs/input-core": "2.1.2",
-    "@salutejs/plasma-core": "1.209.0-canary.2283.18490128554.0",
+    "@salutejs/plasma-core": "1.208.0",
     "@salutejs/react-maskinput": "3.2.6",
     "@tanstack/react-table": "8.21.2",
     "@tanstack/react-virtual": "3.13.2",
@@ -137,5 +137,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "6144d907691befed7aa39a6610e2513c97676ff9"
+  "gitHead": "185600107ce2eea7b4ee3f509fe0c5c50d8d6abd"
 }

package/styled-components/cjs/components/Popover/Popover.js

@@ -28,6 +28,7 @@ var _plasmacore = require("@salutejs/plasma-core");
 var _hooks = require("../../hooks");
 var _utils = require("../../utils");
 var _Portal = require("../Portal");
+var _Resizable = require("../_Resizable");
 var _base = require("./variations/_view/base");
 var _Popoverstyles = require("./Popover.styles");
 var _Popovertokens = require("./Popover.tokens");
@@ -209,7 +210,7 @@ var popoverRoot = function(Root) {
         var target = _param.target, children = _param.children, animated = _param.animated, isOpen = _param.isOpen, opened = _param.opened, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, hasArrow = _param.hasArrow, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, className = _param.className, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'auto' : _param_placement, _param_offset = _param.offset, offset = _param_offset === void 0 ? [
             0,
             0
-        ] : _param_offset, zIndex = _param.zIndex, _param_isFocusTrapped = _param.isFocusTrapped, isFocusTrapped = _param_isFocusTrapped === void 0 ? true : _param_isFocusTrapped, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_preventOverflow = _param.preventOverflow, preventOverflow = _param_preventOverflow === void 0 ? true : _param_preventOverflow, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, view = _param.view, onToggle = _param.onToggle, closeOnOverlayClick = _param.closeOnOverlayClick, rest = _object_without_properties(_param, [
+        ] : _param_offset, zIndex = _param.zIndex, _param_isFocusTrapped = _param.isFocusTrapped, isFocusTrapped = _param_isFocusTrapped === void 0 ? true : _param_isFocusTrapped, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_preventOverflow = _param.preventOverflow, preventOverflow = _param_preventOverflow === void 0 ? true : _param_preventOverflow, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, resizable = _param.resizable, view = _param.view, onToggle = _param.onToggle, onResizeStart = _param.onResizeStart, onResizeEnd = _param.onResizeEnd, closeOnOverlayClick = _param.closeOnOverlayClick, rest = _object_without_properties(_param, [
             "target",
             "children",
             "animated",
@@ -226,8 +227,11 @@ var popoverRoot = function(Root) {
             "closeOnEsc",
             "preventOverflow",
             "usePortal",
+            "resizable",
             "view",
             "onToggle",
+            "onResizeStart",
+            "onResizeEnd",
             "closeOnOverlayClick"
         ]);
         var _placement_;
@@ -463,7 +467,11 @@ var popoverRoot = function(Root) {
             className: _Popovertokens.classes.arrow,
             ref: setArrowElement,
             style: styles.arrow
-        }, attributes.arrow)), children)))));
+        }, attributes.arrow)), /*#__PURE__*/ _react.default.createElement(_Resizable.Resizable, {
+            resizable: resizable,
+            onResizeStart: onResizeStart,
+            onResizeEnd: onResizeEnd
+        }, children))))));
     });
 };
 var popoverConfig = {

package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.js

@@ -0,0 +1,178 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get progressBarCircularConfig () {
+        return progressBarCircularConfig;
+    },
+    get progressBarCircularRoot () {
+        return progressBarCircularRoot;
+    }
+});
+var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+var _base = require("./variations/_view/base");
+var _base1 = require("./variations/_size/base");
+var _ProgressBarCircularstyles = require("./ProgressBarCircular.styles");
+var _ProgressBarCirculartokens = require("./ProgressBarCircular.tokens");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var progressBarCircularRoot = function(Root) {
+    return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
+        var _props_value = props.value, value = _props_value === void 0 ? 0 : _props_value, _props_maxValue = props.maxValue, maxValue = _props_maxValue === void 0 ? 100 : _props_maxValue, size = props.size, view = props.view, children = props.children, className = props.className, strokeWidth = props.strokeWidth, rest = _object_without_properties(props, [
+            "value",
+            "maxValue",
+            "size",
+            "view",
+            "children",
+            "className",
+            "strokeWidth"
+        ]);
+        var clampedValue = Math.min(Math.max(value, 0), maxValue);
+        var percentage = clampedValue / maxValue * 100;
+        var center = 50;
+        return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
+            ref: ref,
+            view: view,
+            size: size,
+            className: className
+        }, rest), /*#__PURE__*/ _react.default.createElement(_ProgressBarCircularstyles.StyledSVG, {
+            width: "100%",
+            height: "100%",
+            viewBox: "0 0 100 100",
+            className: _ProgressBarCirculartokens.classes.svg
+        }, /*#__PURE__*/ _react.default.createElement(_ProgressBarCircularstyles.StyledBackgroundCircle, {
+            customStrokeWidth: strokeWidth,
+            cx: center,
+            cy: center,
+            className: _ProgressBarCirculartokens.classes.backgroundCircle
+        }), /*#__PURE__*/ _react.default.createElement(_ProgressBarCircularstyles.StyledProgressCircle, {
+            cx: center,
+            cy: center,
+            customStrokeWidth: strokeWidth,
+            className: _ProgressBarCirculartokens.classes.progressCircle,
+            percent: percentage,
+            transform: "rotate(-90 50 50)"
+        })), children && /*#__PURE__*/ _react.default.createElement(_ProgressBarCircularstyles.StyledContent, {
+            className: _ProgressBarCirculartokens.classes.content
+        }, children));
+    });
+};
+var progressBarCircularConfig = {
+    name: 'ProgressBarCircular',
+    tag: 'div',
+    layout: progressBarCircularRoot,
+    base: _ProgressBarCircularstyles.base,
+    variations: {
+        view: {
+            css: _base.base
+        },
+        size: {
+            css: _base1.base
+        }
+    },
+    defaults: {
+        view: 'primary',
+        size: 'm'
+    }
+};

package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get StyledBackgroundCircle () {
+        return StyledBackgroundCircle;
+    },
+    get StyledContent () {
+        return StyledContent;
+    },
+    get StyledProgressCircle () {
+        return StyledProgressCircle;
+    },
+    get StyledSVG () {
+        return StyledSVG;
+    },
+    get base () {
+        return base;
+    }
+});
+var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
+var _ProgressBarCirculartokens = require("./ProgressBarCircular.tokens");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+var base = (0, _styledcomponents.css)([
+    "position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(",
+    ");height:var(",
+    ");"
+], _ProgressBarCirculartokens.tokens.height, _ProgressBarCirculartokens.tokens.height);
+var StyledSVG = _styledcomponents.default.svg.withConfig({
+    displayName: "ProgressBarCircular.styles__StyledSVG",
+    componentId: "sc-91481a88-0"
+})([
+    "width:100%;height:100%;"
+]);
+var StyledBackgroundCircle = _styledcomponents.default.circle.withConfig({
+    displayName: "ProgressBarCircular.styles__StyledBackgroundCircle",
+    componentId: "sc-91481a88-1"
+})([
+    "fill:none;r:",
+    ";stroke:var(",
+    ");stroke-width:",
+    ";"
+], function(param) {
+    var _param_customStrokeWidth = param.customStrokeWidth, customStrokeWidth = _param_customStrokeWidth === void 0 ? "var(".concat(_ProgressBarCirculartokens.tokens.strokeSize, ")") : _param_customStrokeWidth;
+    return "calc(50px - calc(calc(50px / var(".concat(_ProgressBarCirculartokens.tokens.size, ")) * ").concat(customStrokeWidth, "))");
+}, _ProgressBarCirculartokens.tokens.backgroundStroke, function(param) {
+    var _param_customStrokeWidth = param.customStrokeWidth, customStrokeWidth = _param_customStrokeWidth === void 0 ? "var(".concat(_ProgressBarCirculartokens.tokens.strokeSize, ")") : _param_customStrokeWidth;
+    return "calc(calc(50px / var(".concat(_ProgressBarCirculartokens.tokens.size, ")) * calc(").concat(customStrokeWidth, ") * 2)");
+});
+var StyledProgressCircle = _styledcomponents.default.circle.withConfig({
+    displayName: "ProgressBarCircular.styles__StyledProgressCircle",
+    componentId: "sc-91481a88-2"
+})([
+    "--percentage:",
+    ";--radius:",
+    ";--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(",
+    ");stroke-width:",
+    ";stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);transition:stroke-dashoffset 0.3s ease-in-out;"
+], function(param) {
+    var percent = param.percent;
+    return percent !== null && percent !== void 0 ? percent : 0;
+}, function(param) {
+    var _param_customStrokeWidth = param.customStrokeWidth, customStrokeWidth = _param_customStrokeWidth === void 0 ? "var(".concat(_ProgressBarCirculartokens.tokens.strokeSize, ")") : _param_customStrokeWidth;
+    return "calc(50px - calc(calc(50px / var(".concat(_ProgressBarCirculartokens.tokens.size, ")) * ").concat(customStrokeWidth, "))");
+}, _ProgressBarCirculartokens.tokens.progressStroke, function(param) {
+    var _param_customStrokeWidth = param.customStrokeWidth, customStrokeWidth = _param_customStrokeWidth === void 0 ? "var(".concat(_ProgressBarCirculartokens.tokens.strokeSize, ")") : _param_customStrokeWidth;
+    return "calc(calc(50px / var(".concat(_ProgressBarCirculartokens.tokens.size, ")) * calc(").concat(customStrokeWidth, ") * 2)");
+});
+var StyledContent = _styledcomponents.default.div.withConfig({
+    displayName: "ProgressBarCircular.styles__StyledContent",
+    componentId: "sc-91481a88-3"
+})([
+    "position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(",
+    ");font-family:var(",
+    ");font-size:var(",
+    ");font-style:var(",
+    ");font-weight:var(",
+    ");letter-spacing:var(",
+    ");line-height:var(",
+    ");display:flex;align-items:center;justify-content:center;"
+], _ProgressBarCirculartokens.tokens.contentColor, _ProgressBarCirculartokens.tokens.contentFontFamily, _ProgressBarCirculartokens.tokens.contentFontSize, _ProgressBarCirculartokens.tokens.contentFontStyle, _ProgressBarCirculartokens.tokens.contentFontWeight, _ProgressBarCirculartokens.tokens.contentLetterSpacing, _ProgressBarCirculartokens.tokens.contentLineHeight);

package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.tokens.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get classes () {
+        return classes;
+    },
+    get tokens () {
+        return tokens;
+    }
+});
+var classes = {
+    svg: '--plasma-progressbar-circular-svg',
+    backgroundCircle: '--plasma-progressbar-circular-background-circle',
+    progressCircle: '--plasma-progressbar-circular-progress-circle',
+    content: '--plasma-progressbar-circular-content'
+};
+var tokens = {
+    size: '--plasma-progressbar-circular-size',
+    width: '--plasma-progressbar-circular-width',
+    height: '--plasma-progressbar-circular-height',
+    strokeWidth: '--plasma-progressbar-circular-stroke-width',
+    strokeSize: '--plasma-progressbar-circular-stroke-size',
+    backgroundStroke: '--plasma-progressbar-circular-background-stroke',
+    progressStroke: '--plasma-progressbar-circular-progress-stroke',
+    contentColor: '--plasma-progressbar-circular-content-color',
+    contentFontFamily: '--plasma-progressbar-circular-content-font-family',
+    contentFontSize: '--plasma-progressbar-circular-content-font-size',
+    contentFontStyle: '--plasma-progressbar-circular-content-font-style',
+    contentFontWeight: '--plasma-progressbar-circular-content-font-weight',
+    contentLetterSpacing: '--plasma-progressbar-circular-content-letter-spacing',
+    contentLineHeight: '--plasma-progressbar-circular-content-line-height'
+};

package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/styled-components/cjs/components/ProgressBarCircular/index.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get progressBarCircularConfig () {
+        return _ProgressBarCircular.progressBarCircularConfig;
+    },
+    get progressBarCircularRoot () {
+        return _ProgressBarCircular.progressBarCircularRoot;
+    },
+    get progressBarCircularTokens () {
+        return _ProgressBarCirculartokens.tokens;
+    }
+});
+var _ProgressBarCircular = require("./ProgressBarCircular");
+var _ProgressBarCirculartokens = require("./ProgressBarCircular.tokens");

package/styled-components/cjs/components/ProgressBarCircular/variations/_size/base.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+var _styledcomponents = require("styled-components");
+var base = (0, _styledcomponents.css)([
+    ""
+]);

package/styled-components/cjs/components/ProgressBarCircular/variations/_view/base.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+var _styledcomponents = require("styled-components");
+var base = (0, _styledcomponents.css)([
+    ""
+]);

package/styled-components/cjs/components/Table/Table.js

@@ -181,7 +181,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 var SELECT_COLUMN_ID = 'SELECT_COLUMN_UNIQUE_ID';
 var tableRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
-        var data = _param.data, onChange = _param.onChange, columns = _param.columns, view = _param.view, size = _param.size, _param_borderVariant = _param.borderVariant, borderVariant = _param_borderVariant === void 0 ? 'all' : _param_borderVariant, enableSelection = _param.enableSelection, outerSelected = _param.selected, outerFiltered = _param.filtered, outerSorted = _param.sorted, maxHeight = _param.maxHeight, stickyHeader = _param.stickyHeader, onCellUpdate = _param.onCellUpdate, props = _object_without_properties(_param, [
+        var data = _param.data, onChange = _param.onChange, columns = _param.columns, view = _param.view, size = _param.size, _param_borderVariant = _param.borderVariant, borderVariant = _param_borderVariant === void 0 ? 'all' : _param_borderVariant, _param_enableSelection = _param.enableSelection, enableSelection = _param_enableSelection === void 0 ? false : _param_enableSelection, outerSelected = _param.selected, outerFiltered = _param.filtered, outerSorted = _param.sorted, maxHeight = _param.maxHeight, _param_stickyHeader = _param.stickyHeader, stickyHeader = _param_stickyHeader === void 0 ? false : _param_stickyHeader, onCellUpdate = _param.onCellUpdate, setRowProps = _param.setRowProps, props = _object_without_properties(_param, [
             "data",
             "onChange",
             "columns",
@@ -194,7 +194,8 @@ var tableRoot = function(Root) {
             "sorted",
             "maxHeight",
             "stickyHeader",
-            "onCellUpdate"
+            "onCellUpdate",
+            "setRowProps"
         ]);
         var _useState = _sliced_to_array((0, _react.useState)(outerSelected || {}), 2), innerSelected = _useState[0], innerSetSelected = _useState[1];
         var _useState1 = _sliced_to_array((0, _react.useState)(outerFiltered || []), 2), innerFiltered = _useState1[0], setInnerFiltered = _useState1[1];
@@ -269,7 +270,7 @@ var tableRoot = function(Root) {
                     enableResizing: false
                 }
             ] : []).concat(_to_consumable_array(columns.map(function(param) {
-                var id = param.id, label = param.label, filters = param.filters, _param_enableSorting = param.enableSorting, enableSorting = _param_enableSorting === void 0 ? false : _param_enableSorting, _param_enableResizing = param.enableResizing, enableResizing = _param_enableResizing === void 0 ? false : _param_enableResizing, outerFilterFn = param.filterFn, columnSize = param.width, _param_enableEditing = param.enableEditing, enableEditing = _param_enableEditing === void 0 ? false : _param_enableEditing, renderCell = param.renderCell;
+                var id = param.id, label = param.label, filters = param.filters, _param_enableSorting = param.enableSorting, enableSorting = _param_enableSorting === void 0 ? false : _param_enableSorting, _param_enableResizing = param.enableResizing, enableResizing = _param_enableResizing === void 0 ? false : _param_enableResizing, outerFilterFn = param.filterFn, columnSize = param.width, _param_enableEditing = param.enableEditing, enableEditing = _param_enableEditing === void 0 ? false : _param_enableEditing, renderCell = param.renderCell, setCellProps = param.setCellProps;
                 return {
                     header: label,
                     accessorKey: id,
@@ -287,7 +288,8 @@ var tableRoot = function(Root) {
                     meta: {
                         filters: filters,
                         enableEditing: enableEditing,
-                        renderCell: renderCell
+                        renderCell: renderCell,
+                        setCellProps: setCellProps
                     }
                 };
             })));
@@ -354,27 +356,30 @@ var tableRoot = function(Root) {
                 });
             }));
         })), /*#__PURE__*/ _react.default.createElement(_Tablestyles.Tbody, null, table.getRowModel().rows.map(function(row) {
-            return /*#__PURE__*/ _react.default.createElement(_Tablestyles.Tr, {
+            return /*#__PURE__*/ _react.default.createElement(_Tablestyles.Tr, _object_spread({
                 key: row.id,
                 selected: row.getIsSelected()
-            }, row.getVisibleCells().map(function(cell) {
-                var // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            }, setRowProps === null || setRowProps === void 0 ? void 0 : setRowProps(row.original)), row.getVisibleCells().map(function(cell) {
+                var _cell_column_columnDef_meta_setCellProps, _cell_column_columnDef_meta, _cell_column_columnDef, _cell_column, _cell_column_columnDef_meta1, _cell_column_columnDef1, _cell_column1;
+                var additionalProps = (cell === null || cell === void 0 ? void 0 : (_cell_column = cell.column) === null || _cell_column === void 0 ? void 0 : (_cell_column_columnDef = _cell_column.columnDef) === null || _cell_column_columnDef === void 0 ? void 0 : (_cell_column_columnDef_meta = _cell_column_columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : (_cell_column_columnDef_meta_setCellProps = _cell_column_columnDef_meta.setCellProps) === null || _cell_column_columnDef_meta_setCellProps === void 0 ? void 0 : _cell_column_columnDef_meta_setCellProps.call(_cell_column_columnDef_meta, cell.row.original, cell.id)) || {};
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                 // @ts-ignore
-                _cell_column_columnDef_meta, _cell_column_columnDef, _cell_column;
-                return (cell === null || cell === void 0 ? void 0 : (_cell_column = cell.column) === null || _cell_column === void 0 ? void 0 : (_cell_column_columnDef = _cell_column.columnDef) === null || _cell_column_columnDef === void 0 ? void 0 : (_cell_column_columnDef_meta = _cell_column_columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : _cell_column_columnDef_meta.enableEditing) ? /*#__PURE__*/ _react.default.createElement(_ui.EditableCell, {
+                return (cell === null || cell === void 0 ? void 0 : (_cell_column1 = cell.column) === null || _cell_column1 === void 0 ? void 0 : (_cell_column_columnDef1 = _cell_column1.columnDef) === null || _cell_column_columnDef1 === void 0 ? void 0 : (_cell_column_columnDef_meta1 = _cell_column_columnDef1.meta) === null || _cell_column_columnDef_meta1 === void 0 ? void 0 : _cell_column_columnDef_meta1.enableEditing) ? /*#__PURE__*/ _react.default.createElement(_ui.EditableCell, {
                     key: cell.id,
                     size: size,
                     cell: cell,
                     borderVariant: borderVariant,
                     table: table,
                     selected: row.getIsSelected(),
-                    view: view
+                    view: view,
+                    additionalProps: additionalProps
                 }) : /*#__PURE__*/ _react.default.createElement(_ui.Cell, {
                     key: cell.id,
                     cell: cell,
                     borderVariant: borderVariant,
                     selected: row.getIsSelected(),
-                    view: view
+                    view: view,
+                    additionalProps: additionalProps
                 });
             }));
         }))));

package/styled-components/cjs/components/Table/ui/Cell/Cell.js

@@ -13,22 +13,50 @@ var _reacttable = require("@tanstack/react-table");
 var _Tablestyles = require("../../Table.styles");
 var _Table = require("../../Table");
 var _Cellstyles = require("./Cell.styles");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
 var Cell = function(param) {
-    var cell = param.cell, borderVariant = param.borderVariant, selected = param.selected, view = param.view;
+    var cell = param.cell, borderVariant = param.borderVariant, selected = param.selected, view = param.view, additionalProps = param.additionalProps;
     var _cell_column_columnDef_meta;
     var renderCell = (_cell_column_columnDef_meta = cell.column.columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : _cell_column_columnDef_meta.renderCell;
-    return /*#__PURE__*/ _react.default.createElement(_Cellstyles.Td, {
+    return /*#__PURE__*/ _react.default.createElement(_Cellstyles.Td, _object_spread({
         key: cell.id,
         borderVariant: borderVariant,
         selectionCell: cell.column.id === _Table.SELECT_COLUMN_ID,
         selected: selected,
         view: view
-    }, renderCell ? renderCell(cell.getValue(), cell.row.original, cell.row.index) : (0, _reacttable.flexRender)(cell.column.columnDef.cell, cell.getContext()), cell.column.getIsResizing() && /*#__PURE__*/ _react.default.createElement(_Tablestyles.Resizer, {
+    }, additionalProps), renderCell ? renderCell(cell.getValue(), cell.row.original, cell.row.index) : (0, _reacttable.flexRender)(cell.column.columnDef.cell, cell.getContext()), cell.column.getIsResizing() && /*#__PURE__*/ _react.default.createElement(_Tablestyles.Resizer, {
         isResizing: true
     }));
 };