intelicoreact 1.6.8 → 1.6.10

package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js

@@ -1,110 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _utils = require("../../../../Functions/utils");
-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;
-}
-const VariantsListRadioItem = ({ RC, parentId, item, value: actualValue, onChange = ()=>{}, attributesOfNativeInput = {}, isMixWithPersonalAttributes, isUseAsOptionsList, testId = "variants-list-radio-item" })=>{
-    // ? Для корректной работы нужны parentId и item(объект)
-    if (!parentId || !(0, _utils.getIsOnlyAnObject)(item)) return null;
-    const { value, label, description, isDisabled, attributesOfNativeInput: personalAttributesOfNativeInput } = item;
-    const id = `${parentId.toString()}--item-${value}`;
-    const name = parentId.toString();
-    const isActive = actualValue === value;
-    const addAtributesObj = isMixWithPersonalAttributes ? _object_spread({}, attributesOfNativeInput, personalAttributesOfNativeInput) : personalAttributesOfNativeInput || attributesOfNativeInput || {};
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("label", {
-        "data-testid": testId,
-        className: (0, _classnames.default)(`${RC}__item`, {
-            [`${RC}__item_disabled`]: isDisabled,
-            [`${RC}__item_active`]: isActive,
-            [`${RC}__item_as-option`]: isUseAsOptionsList
-        }),
-        htmlFor: id,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: (0, _classnames.default)(`${RC}__item-radio-container`),
-                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                    className: (0, _classnames.default)(`${RC}__item-radio`),
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("input", _object_spread({
-                            id: id,
-                            "data-testid": `${testId}-input`,
-                            type: "radio",
-                            checked: isActive,
-                            className: `${RC}__item-radio-input`,
-                            onChange: ()=>onChange(value),
-                            name: name,
-                            disabled: isDisabled
-                        }, addAtributesObj)),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                            className: `${RC}__item-radio-mark`
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                className: (0, _classnames.default)(`${RC}__item-content`),
-                children: [
-                    label && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        className: (0, _classnames.default)(`${RC}__item-content-wrapper`),
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                            className: (0, _classnames.default)(`${RC}__item-content-label`),
-                            children: label
-                        })
-                    }),
-                    description && !isUseAsOptionsList && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        className: (0, _classnames.default)(`${RC}__item-content-wrapper`),
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                            className: (0, _classnames.default)(`${RC}__item-content-description`),
-                            children: description
-                        })
-                    })
-                ]
-            })
-        ]
-    });
-};
-const _default = VariantsListRadioItem;
-
-//# sourceMappingURL=VariantsListRadioItem.js.map
+function t(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function e(e){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{},a=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),a.forEach(function(i){t(e,i,n[i])})}return e}import{jsx as i,jsxs as n}from"react/jsx-runtime";import"react";import a from"classnames";import{getIsOnlyAnObject as c}from"../../../../Functions/utils";export default function(r){var o,s=r.RC,l=r.parentId,d=r.item,m=r.value,u=r.onChange,_=void 0===u?function(){}:u,p=r.attributesOfNativeInput,v=void 0===p?{}:p,f=r.isMixWithPersonalAttributes,b=r.isUseAsOptionsList,h=r.testId,N=void 0===h?"variants-list-radio-item":h;if(!l||!c(d))return null;var O=d.value,g=d.label,y=d.description,j=d.isDisabled,w=d.attributesOfNativeInput,x="".concat(l.toString(),"--item-").concat(O),P=l.toString(),I=m===O,S=f?e({},v,w):w||v||{};return n("label",{"data-testid":N,className:a("".concat(s,"__item"),(t(o={},"".concat(s,"__item_disabled"),j),t(o,"".concat(s,"__item_active"),I),t(o,"".concat(s,"__item_as-option"),b),o)),htmlFor:x,children:[i("div",{className:a("".concat(s,"__item-radio-container")),children:n("div",{className:a("".concat(s,"__item-radio")),children:[i("input",e({id:x,"data-testid":"".concat(N,"-input"),type:"radio",checked:I,className:"".concat(s,"__item-radio-input"),onChange:function(){return _(O)},name:P,disabled:j},S)),i("div",{className:"".concat(s,"__item-radio-mark")})]})}),n("div",{className:a("".concat(s,"__item-content")),children:[g&&i("div",{className:a("".concat(s,"__item-content-wrapper")),children:i("div",{className:a("".concat(s,"__item-content-label")),children:g})}),y&&!b&&i("div",{className:a("".concat(s,"__item-content-wrapper")),children:i("div",{className:a("".concat(s,"__item-content-description")),children:y})})]})]})}

package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js

@@ -1,137 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-require("./WidgetPseudoTable.scss");
-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;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-const RC = "widget-pseudo-table";
-const WidgetPseudoTable = (props)=>{
-    const { className, title, rightHeaderContent, nullContentData, isNotRenderThead = false, isNoHeader = false, columns = [], rows, CellComponent, CellComponentProps, onChange } = props || {};
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        className: (0, _classnames.default)(RC, className),
-        children: [
-            !isNoHeader && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                className: (0, _classnames.default)(`${RC}__header`),
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        className: (0, _classnames.default)(`${RC}__title-block`),
-                        children: title
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        className: (0, _classnames.default)(`${RC}__right-header-content-block`),
-                        children: rightHeaderContent
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                className: (0, _classnames.default)(`${RC}__body`, {
-                    [`${RC}__body_no-content`]: !(rows === null || rows === void 0 ? void 0 : rows.length)
-                }),
-                children: [
-                    Boolean(rows === null || rows === void 0 ? void 0 : rows.length) && !isNotRenderThead && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        className: (0, _classnames.default)(`${RC}__thead`),
-                        children: columns.map((field)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                className: (0, _classnames.default)(`${RC}__thead-cell`, field.theadCellClassName, field.columnClassName, {
-                                    [`${RC}__thead-cell_reqiured`]: field.isRequired
-                                }),
-                                "data-key": field.key,
-                                children: field.label
-                            }, `thead-${field.key}`))
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        className: (0, _classnames.default)(`${RC}__table`),
-                        children: (rows === null || rows === void 0 ? void 0 : rows.length) ? rows.map((row)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                className: (0, _classnames.default)(`${RC}__row`),
-                                "data-id": row.id,
-                                children: columns.map((cell)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                        className: (0, _classnames.default)(`${RC}__cell`, cell.cellClassName, cell.columnClassName),
-                                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(CellComponent, _object_spread_props(_object_spread({}, CellComponentProps), {
-                                            field: _object_spread_props(_object_spread({}, cell), {
-                                                value: row[cell.key],
-                                                rowData: row
-                                            }),
-                                            onChange: (key, val)=>onChange(val, cell.key, row.id)
-                                        }))
-                                    }, `row-${row.id}-cell-${cell.key}`))
-                            }, `row-${row.id}`)) : /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                            className: (0, _classnames.default)(`${RC}__row`),
-                            "data-id": "empty-row",
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                                className: (0, _classnames.default)(`${RC}__no-data-content`),
-                                children: nullContentData !== null && nullContentData !== void 0 ? nullContentData : "No data"
-                            })
-                        })
-                    })
-                ]
-            })
-        ]
-    });
-};
-const _default = WidgetPseudoTable;
-
-//# sourceMappingURL=WidgetPseudoTable.js.map
+function e(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function t(t){for(var n=1;n<arguments.length;n++){var c=null!=arguments[n]?arguments[n]:{},a=Object.keys(c);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(c).filter(function(e){return Object.getOwnPropertyDescriptor(c,e).enumerable}))),a.forEach(function(n){e(t,n,c[n])})}return t}function n(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):(function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);n.push.apply(n,c)}return n})(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}),e}import{jsx as c,jsxs as a}from"react/jsx-runtime";import"react";import r from"classnames";import"./WidgetPseudoTable.scss";var o="widget-pseudo-table";export default function(l){var i=l||{},s=i.className,d=i.title,u=i.rightHeaderContent,m=i.nullContentData,p=i.isNotRenderThead,h=i.isNoHeader,b=i.columns,_=void 0===b?[]:b,f=i.rows,y=i.CellComponent,v=i.CellComponentProps,O=i.onChange;return a("div",{className:r(o,s),children:[!(void 0!==h&&h)&&a("div",{className:r("".concat(o,"__header")),children:[c("div",{className:r("".concat(o,"__title-block")),children:d}),c("div",{className:r("".concat(o,"__right-header-content-block")),children:u})]}),a("div",{className:r("".concat(o,"__body"),e({},"".concat(o,"__body_no-content"),!(null==f?void 0:f.length))),children:[!!(null==f?void 0:f.length)&&!(void 0!==p&&p)&&c("div",{className:r("".concat(o,"__thead")),children:_.map(function(t){return c("div",{className:r("".concat(o,"__thead-cell"),t.theadCellClassName,t.columnClassName,e({},"".concat(o,"__thead-cell_reqiured"),t.isRequired)),"data-key":t.key,children:t.label},"thead-".concat(t.key))})}),c("div",{className:r("".concat(o,"__table")),children:(null==f?void 0:f.length)?f.map(function(e){return c("div",{className:r("".concat(o,"__row")),"data-id":e.id,children:_.map(function(a){return c("div",{className:r("".concat(o,"__cell"),a.cellClassName,a.columnClassName),children:c(y,n(t({},v),{field:n(t({},a),{value:e[a.key],rowData:e}),onChange:function(t,n){return O(n,a.key,e.id)}}))},"row-".concat(e.id,"-cell-").concat(a.key))})},"row-".concat(e.id))}):c("div",{className:r("".concat(o,"__row")),"data-id":"empty-row",children:c("span",{className:r("".concat(o,"__no-data-content")),children:null!=m?m:"No data"})})})]})]})}

package/dist/Atomic/FormElements/WidgetPseudoTable/partial/AnyOuterClass.scss

@@ -0,0 +1,83 @@
+@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap";
+
+.any-outer-class__widget-pseudo-table {
+  &.widget-pseudo-table {
+    --grid-template-columns: 40% repeat(2, 1fr);
+    width: 565px;
+
+    border: none;
+    border-radius: 6px;
+    box-shadow:
+      0 0.7px 2px rgb(60 77 106 / 10%),
+      0 1.9px 2px rgb(60 77 106 / 7%),
+      0 4.5px 6px rgb(60 77 106 / 5%);
+  }
+
+  .widget-pseudo-table__title-block {
+    font-family: Roboto, sans-serif;
+    font-size: 13px;
+    font-weight: 500;
+    font-style: normal;
+    line-height: 20px;
+
+    color: #1e1e2d;
+  }
+
+  .widget-pseudo-table__thead-cell {
+    font-family: Roboto, sans-serif;
+    font-size: 10px;
+    font-weight: 400;
+    font-style: normal;
+    line-height: 20px;
+
+    color: #9aa0b9;
+  }
+
+  .widget-pseudo-table__cell {
+    .input__wrap {
+      width: 60px;
+
+      border: 1px solid #e2e5ec;
+      border-radius: 0;
+      background: #f7fafc;
+    }
+
+    .input {
+      font-family: Roboto, sans-serif;
+      font-size: 13px;
+      font-weight: 300;
+      font-style: normal;
+      line-height: 20px;
+
+      color: #1e1e2d;
+    }
+
+    .switcher__button-content_active {
+      background-color: #2680c1;
+    }
+
+    .switcher__label {
+      font-family: Roboto, sans-serif;
+      font-size: 13px;
+      font-weight: 400;
+      font-style: normal;
+      line-height: 20px;
+
+      color: #1e1e2d;
+    }
+  }
+}
+
+.delete-icon {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+
+  width: 16px;
+  height: 16px;
+
+  cursor: pointer;
+
+  color: red;
+}

package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js

@@ -1,47 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const constructor = [
-    {
-        key: "key1",
-        type: "label",
-        label: "lender",
-        cellClassName: ""
-    },
-    {
-        key: "key2",
-        type: "input",
-        label: "Transaction Fee split, %",
-        isRequired: true,
-        theadCellClassName: "",
-        cellClassName: "",
-        columnClassName: "",
-        onlyNumbers: {
-            type: "float",
-            decimalPlaces: 2
-        }
-    },
-    {
-        key: "key3",
-        type: "input",
-        label: "Revenue Share split, %",
-        isRequired: true,
-        theadCellClassName: "",
-        cellClassName: "",
-        columnClassName: "",
-        onlyNumbers: {
-            type: "float",
-            decimalPlaces: 2
-        }
-    }
-];
-const _default = constructor;
-
-//# sourceMappingURL=constructor.js.map
+export default[{key:"key1",type:"label",label:"lender",cellClassName:""},{key:"key2",type:"input",label:"Transaction Fee split, %",isRequired:!0,theadCellClassName:"",cellClassName:"",columnClassName:"",onlyNumbers:{type:"float",decimalPlaces:2}},{key:"key3",type:"input",label:"Revenue Share split, %",isRequired:!0,theadCellClassName:"",cellClassName:"",columnClassName:"",onlyNumbers:{type:"float",decimalPlaces:2}}];

package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js

@@ -1,158 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-require("./WidgetWithSwitchableRows.scss");
-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;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-const RC = "widget-with-switchable-rows";
-const WidgetWithSwitchableRows = (props)=>{
-    const { className, title, rightHeaderContent, nullContentData, columns = [], rows, CellComponent, CellComponentProps, onChange, isNoHeader = false } = props || {};
-    const preperedColumns = [
-        _object_spread_props(_object_spread({}, columns[0]), {
-            key: "isActive",
-            type: "switcher"
-        }),
-        ...columns.slice(1)
-    ];
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        className: (0, _classnames.default)(RC, className),
-        children: [
-            !isNoHeader && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                className: (0, _classnames.default)(`${RC}__header`),
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        className: (0, _classnames.default)(`${RC}__title-block`),
-                        children: title
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        className: (0, _classnames.default)(`${RC}__right-header-content-block`),
-                        children: rightHeaderContent
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                className: (0, _classnames.default)(`${RC}__body`, {
-                    [`${RC}__body_no-content`]: !(rows === null || rows === void 0 ? void 0 : rows.length)
-                }),
-                children: [
-                    Boolean(rows === null || rows === void 0 ? void 0 : rows.length) && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        className: (0, _classnames.default)(`${RC}__thead`),
-                        children: preperedColumns.map((field)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                className: (0, _classnames.default)(`${RC}__thead-cell`, field.theadCellClassName, field.columnClassName, {
-                                    [`${RC}__thead-cell_reqiured`]: field.isRequired
-                                }),
-                                "data-key": field.key,
-                                children: field.label
-                            }, `thead-${field.key}`))
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        className: (0, _classnames.default)(`${RC}__table`),
-                        children: (rows === null || rows === void 0 ? void 0 : rows.length) ? rows.map((row)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                className: (0, _classnames.default)(`${RC}__row`),
-                                "data-id": row.id,
-                                children: preperedColumns.map((cell)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                        className: (0, _classnames.default)(`${RC}__cell`, cell.cellClassName, cell.columnClassName),
-                                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(CellComponent, _object_spread_props(_object_spread({}, CellComponentProps), {
-                                            field: _object_spread(_object_spread_props(_object_spread({}, cell), {
-                                                value: row[cell.key],
-                                                rowData: row
-                                            }), cell.key === "isActive" ? {
-                                                disabled: cell.disabled,
-                                                label: row.label,
-                                                isActive: row.isActive
-                                            } : {
-                                                disabled: !row.isActive,
-                                                label: cell.label
-                                            }),
-                                            onChange: (key, value, propName, innerFieldKey, additional)=>onChange({
-                                                    value,
-                                                    additional,
-                                                    propName,
-                                                    innerFieldKey,
-                                                    key: cell.key || key,
-                                                    rowId: row.id
-                                                })
-                                        }))
-                                    }, `row-${row.id}-cell-${cell.key}`))
-                            }, `row-${row.id}`)) : /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                            className: (0, _classnames.default)(`${RC}__row`),
-                            "data-id": "empty-row",
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                                className: (0, _classnames.default)(`${RC}__no-data-content`),
-                                children: nullContentData !== null && nullContentData !== void 0 ? nullContentData : "No data"
-                            })
-                        })
-                    })
-                ]
-            })
-        ]
-    });
-};
-const _default = WidgetWithSwitchableRows;
-
-//# sourceMappingURL=WidgetWithSwitchableRows.js.map
+function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function t(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function r(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},a=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),a.forEach(function(r){t(e,r,n[r])})}return e}function n(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):(function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r})(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}),e}import{jsx as a,jsxs as c}from"react/jsx-runtime";import"react";import o from"classnames";import"./WidgetWithSwitchableRows.scss";var i="widget-with-switchable-rows";export default function(l){var s,d=l||{},u=d.className,m=d.title,b=d.rightHeaderContent,y=d.nullContentData,f=d.columns,p=void 0===f?[]:f,h=d.rows,v=d.CellComponent,_=d.CellComponentProps,w=d.onChange,g=d.isNoHeader,O=[n(r({},p[0]),{key:"isActive",type:"switcher"})].concat(function(t){if(Array.isArray(t))return e(t)}(s=p.slice(1))||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(s)||function(t,r){if(t){if("string"==typeof t)return e(t,void 0);var n=Object.prototype.toString.call(t).slice(8,-1);if("Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(t,r)}}(s)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}());return c("div",{className:o(i,u),children:[!(void 0!==g&&g)&&c("div",{className:o("".concat(i,"__header")),children:[a("div",{className:o("".concat(i,"__title-block")),children:m}),a("div",{className:o("".concat(i,"__right-header-content-block")),children:b})]}),c("div",{className:o("".concat(i,"__body"),t({},"".concat(i,"__body_no-content"),!(null==h?void 0:h.length))),children:[!!(null==h?void 0:h.length)&&a("div",{className:o("".concat(i,"__thead")),children:O.map(function(e){return a("div",{className:o("".concat(i,"__thead-cell"),e.theadCellClassName,e.columnClassName,t({},"".concat(i,"__thead-cell_reqiured"),e.isRequired)),"data-key":e.key,children:e.label},"thead-".concat(e.key))})}),a("div",{className:o("".concat(i,"__table")),children:(null==h?void 0:h.length)?h.map(function(e){return a("div",{className:o("".concat(i,"__row")),"data-id":e.id,children:O.map(function(t){return a("div",{className:o("".concat(i,"__cell"),t.cellClassName,t.columnClassName),children:a(v,n(r({},_),{field:r(n(r({},t),{value:e[t.key],rowData:e}),"isActive"===t.key?{disabled:t.disabled,label:e.label,isActive:e.isActive}:{disabled:!e.isActive,label:t.label}),onChange:function(r,n,a,c,o){return w({value:n,additional:o,propName:a,innerFieldKey:c,key:t.key||r,rowId:e.id})}}))},"row-".concat(e.id,"-cell-").concat(t.key))})},"row-".concat(e.id))}):a("div",{className:o("".concat(i,"__row")),"data-id":"empty-row",children:a("span",{className:o("".concat(i,"__no-data-content")),children:null!=y?y:"No data"})})})]})]})}

package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/AnyOuterClass.scss

@@ -0,0 +1,83 @@
+@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap";
+
+.any-outer-class__widget-with-switchable-rows {
+  &.widget-with-switchable-rows {
+    --grid-template-columns: 40% repeat(2, 1fr);
+    width: 565px;
+
+    border: none;
+    border-radius: 6px;
+    box-shadow:
+      0 0.7px 2px rgb(60 77 106 / 10%),
+      0 1.9px 2px rgb(60 77 106 / 7%),
+      0 4.5px 6px rgb(60 77 106 / 5%);
+  }
+
+  .widget-with-switchable-rows__title-block {
+    font-family: Roboto, sans-serif;
+    font-size: 13px;
+    font-weight: 500;
+    font-style: normal;
+    line-height: 20px;
+
+    color: #1e1e2d;
+  }
+
+  .widget-with-switchable-rows__thead-cell {
+    font-family: Roboto, sans-serif;
+    font-size: 10px;
+    font-weight: 400;
+    font-style: normal;
+    line-height: 20px;
+
+    color: #9aa0b9;
+  }
+
+  .widget-with-switchable-rows__cell {
+    .input__wrap {
+      width: 60px;
+
+      border: 1px solid #e2e5ec;
+      border-radius: 0;
+      background: #f7fafc;
+    }
+
+    .input {
+      font-family: Roboto, sans-serif;
+      font-size: 13px;
+      font-weight: 300;
+      font-style: normal;
+      line-height: 20px;
+
+      color: #1e1e2d;
+    }
+
+    .switcher__button-content_active {
+      background-color: #2680c1;
+    }
+
+    .switcher__label {
+      font-family: Roboto, sans-serif;
+      font-size: 13px;
+      font-weight: 400;
+      font-style: normal;
+      line-height: 20px;
+
+      color: #1e1e2d;
+    }
+  }
+}
+
+.delete-icon {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+
+  width: 16px;
+  height: 16px;
+
+  cursor: pointer;
+
+  color: red;
+}