intelicoreact 1.6.7 → 1.6.8

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

@@ -0,0 +1,227 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    WidgetPseudoTableTemplate: function() {
+        return WidgetPseudoTableTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactfeather = require("react-feather");
+const _WidgetPseudoTable = /*#__PURE__*/ _interop_require_default(require("./WidgetPseudoTable"));
+const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
+const _constructor = /*#__PURE__*/ _interop_require_default(require("./partial/constructor"));
+require("./partial/AnyOuterClass.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 _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 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;
+}
+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;
+}
+// import '../../../../../scss//main.scss';
+global.lng = 'en';
+const _default = {
+    title: 'Form Elements/WidgetPseudoTable',
+    component: _WidgetPseudoTable.default
+};
+const rows = [
+    {
+        id: 1,
+        label: 'Test Llender 1',
+        key2: 0,
+        key3: 0
+    },
+    {
+        id: 2,
+        label: 'Test Llender 2',
+        key2: 0,
+        key3: 0
+    },
+    {
+        id: 3,
+        label: 'Test Llender 3',
+        key2: 0,
+        key3: 0
+    }
+];
+const RenderField = ({ field, onChange })=>{
+    const { key, value, label, rowData, disabled, itemClassName: className, testId } = field || {};
+    switch(field.type){
+        case 'input':
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, _object_spread_props(_object_spread({}, field), {
+                className: className,
+                value: value,
+                onChange: (val)=>onChange(key, val),
+                disabled: disabled,
+                testId: testId
+            }));
+        default:
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: field.itemClassName,
+                testId: testId,
+                children: rowData.label
+            });
+    }
+};
+const Template = (args)=>{
+    const { isIncludeOuterStyles } = args, restArgs = _object_without_properties(args, [
+        "isIncludeOuterStyles"
+    ]);
+    const [data, setData] = (0, _react.useState)(rows);
+    const handle = {
+        change: (newValue, propKey, rowId)=>setData((state)=>state.map((row)=>row.id === rowId ? _object_spread_props(_object_spread({}, row), {
+                        [propKey]: newValue
+                    }) : row))
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_WidgetPseudoTable.default, _object_spread_props(_object_spread({}, restArgs), {
+        className: isIncludeOuterStyles ? 'any-outer-class__widget-pseudo-table' : null,
+        rightHeaderContent: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            className: "delete-icon",
+            size: 16,
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Trash2, {})
+        }),
+        CellComponent: RenderField,
+        onChange: handle.change,
+        rows: data
+    }));
+};
+const WidgetPseudoTableTemplate = Template.bind({});
+WidgetPseudoTableTemplate.args = {
+    isIncludeOuterStyles: false,
+    isNotRenderThead: false,
+    isNoHeader: false,
+    title: 'Test',
+    columns: _constructor.default
+};
+
+//# sourceMappingURL=WidgetPseudoTable.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.stories.js"],"sourcesContent":["import React, {useState} from 'react';\nimport {Trash2} from 'react-feather';\nimport WidgetPseudoTable from './WidgetPseudoTable';\nimport Input from '../Input/Input';\nimport Switcher from '../Switcher/Switcher';\nimport constructor from './partial/constructor';\n\nimport './partial/AnyOuterClass.scss';\n// import '../../../../../scss//main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/WidgetPseudoTable',\n  component: WidgetPseudoTable,\n};\n\nconst rows = [\n  {\n    id: 1,\n    label: 'Test Llender 1',\n    key2: 0,\n    key3: 0,\n  },\n  {\n    id: 2,\n    label: 'Test Llender 2',\n    key2: 0,\n    key3: 0,\n  },\n  {\n    id: 3,\n    label: 'Test Llender 3',\n    key2: 0,\n    key3: 0,\n  },\n];\n\nconst RenderField = ({field, onChange}) => {\n  const {key, value, label, rowData, disabled, itemClassName: className, testId} = field || {};\n  switch (field.type) {\n    case 'input':\n      return (\n        <Input\n          {...field}\n          className={className}\n          value={value}\n          onChange={val => onChange(key, val)}\n          disabled={disabled}\n          testId={testId}\n        />\n      );\n    default:\n      return (\n        <div className={field.itemClassName} testId={testId}>\n          {rowData.label}\n        </div>\n      );\n  }\n};\n\nconst Template = args => {\n  const {isIncludeOuterStyles, ...restArgs} = args;\n  const [data, setData] = useState(rows);\n\n  const handle = {\n    change: (newValue, propKey, rowId) =>\n      setData(state => state.map(row => (row.id === rowId ? {...row, [propKey]: newValue} : row))),\n  };\n\n  return (\n    <WidgetPseudoTable\n      {...restArgs}\n      className={isIncludeOuterStyles ? 'any-outer-class__widget-pseudo-table' : null}\n      rightHeaderContent={\n        <div className=\"delete-icon\" size={16}>\n          <Trash2 />\n        </div>\n      }\n      CellComponent={RenderField}\n      onChange={handle.change}\n      rows={data}\n    />\n  );\n};\n\nexport const WidgetPseudoTableTemplate = Template.bind({});\n\nWidgetPseudoTableTemplate.args = {\n  isIncludeOuterStyles: false,\n  isNotRenderThead: false,\n  isNoHeader: false,\n  title: 'Test',\n  columns: constructor,\n};\n"],"names":["WidgetPseudoTableTemplate","global","lng","title","component","WidgetPseudoTable","rows","id","label","key2","key3","RenderField","field","onChange","key","value","rowData","disabled","itemClassName","className","testId","type","Input","val","div","Template","args","isIncludeOuterStyles","restArgs","data","setData","useState","handle","change","newValue","propKey","rowId","state","map","row","rightHeaderContent","size","Trash2","CellComponent","bind","isNotRenderThead","isNoHeader","columns","constructor"],"mappings":";;;;;;;;;;;IAsFaA,yBAAyB;eAAzBA;;IA1Eb,OAGE;eAHF;;;;+DAZ8B;8BACT;0EACS;8DACZ;oEAEM;QAEjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACP,2CAA2C;AAE3CC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,0BAAiB;AAC9B;AAEA,MAAMC,OAAO;IACX;QACEC,IAAI;QACJC,OAAO;QACPC,MAAM;QACNC,MAAM;IACR;IACA;QACEH,IAAI;QACJC,OAAO;QACPC,MAAM;QACNC,MAAM;IACR;IACA;QACEH,IAAI;QACJC,OAAO;QACPC,MAAM;QACNC,MAAM;IACR;CACD;AAED,MAAMC,cAAc,CAAC,EAACC,KAAK,EAAEC,QAAQ,EAAC;IACpC,MAAM,EAACC,GAAG,EAAEC,KAAK,EAAEP,KAAK,EAAEQ,OAAO,EAAEC,QAAQ,EAAEC,eAAeC,SAAS,EAAEC,MAAM,EAAC,GAAGR,SAAS,CAAC;IAC3F,OAAQA,MAAMS,IAAI;QAChB,KAAK;YACH,qBACE,qBAACC,cAAK,0CACAV;gBACJO,WAAWA;gBACXJ,OAAOA;gBACPF,UAAUU,CAAAA,MAAOV,SAASC,KAAKS;gBAC/BN,UAAUA;gBACVG,QAAQA;;QAGd;YACE,qBACE,qBAACI;gBAAIL,WAAWP,MAAMM,aAAa;gBAAEE,QAAQA;0BAC1CJ,QAAQR,KAAK;;IAGtB;AACF;AAEA,MAAMiB,WAAWC,CAAAA;IACf,MAAM,EAACC,oBAAoB,EAAc,GAAGD,MAAZE,sCAAYF;QAArCC;;IACP,MAAM,CAACE,MAAMC,QAAQ,GAAGC,IAAAA,eAAQ,EAACzB;IAEjC,MAAM0B,SAAS;QACbC,QAAQ,CAACC,UAAUC,SAASC,QAC1BN,QAAQO,CAAAA,QAASA,MAAMC,GAAG,CAACC,CAAAA,MAAQA,IAAIhC,EAAE,KAAK6B,QAAQ,wCAAIG;wBAAK,CAACJ,QAAQ,EAAED;yBAAYK;IAC1F;IAEA,qBACE,qBAAClC,0BAAiB,0CACZuB;QACJT,WAAWQ,uBAAuB,yCAAyC;QAC3Ea,kCACE,qBAAChB;YAAIL,WAAU;YAAcsB,MAAM;sBACjC,cAAA,qBAACC,oBAAM;;QAGXC,eAAehC;QACfE,UAAUmB,OAAOC,MAAM;QACvB3B,MAAMuB;;AAGZ;AAEO,MAAM7B,4BAA4ByB,SAASmB,IAAI,CAAC,CAAC;AAExD5C,0BAA0B0B,IAAI,GAAG;IAC/BC,sBAAsB;IACtBkB,kBAAkB;IAClBC,YAAY;IACZ3C,OAAO;IACP4C,SAASC,oBAAW;AACtB"}

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

@@ -0,0 +1,47 @@
+"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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js"],"sourcesContent":["const constructor = [\n  {\n    key: \"key1\",\n    type: \"label\",\n    label: \"lender\",\n    cellClassName: \"\",\n  },\n  {\n    key: \"key2\",\n    type: \"input\",\n    label: \"Transaction Fee split, %\",\n    isRequired: true,\n    theadCellClassName: \"\",\n    cellClassName: \"\",\n    columnClassName: \"\",\n    onlyNumbers: { type: \"float\", decimalPlaces: 2 },\n  },\n  {\n    key: \"key3\",\n    type: \"input\",\n    label: \"Revenue Share split, %\",\n    isRequired: true,\n    theadCellClassName: \"\",\n    cellClassName: \"\",\n    columnClassName: \"\",\n    onlyNumbers: { type: \"float\", decimalPlaces: 2 },\n  },\n];\nexport default constructor;\n"],"names":["constructor","key","type","label","cellClassName","isRequired","theadCellClassName","columnClassName","onlyNumbers","decimalPlaces"],"mappings":";;;;+BA4BA;;;eAAA;;;AA5BA,MAAMA,cAAc;IAClB;QACEC,KAAK;QACLC,MAAM;QACNC,OAAO;QACPC,eAAe;IACjB;IACA;QACEH,KAAK;QACLC,MAAM;QACNC,OAAO;QACPE,YAAY;QACZC,oBAAoB;QACpBF,eAAe;QACfG,iBAAiB;QACjBC,aAAa;YAAEN,MAAM;YAASO,eAAe;QAAE;IACjD;IACA;QACER,KAAK;QACLC,MAAM;QACNC,OAAO;QACPE,YAAY;QACZC,oBAAoB;QACpBF,eAAe;QACfG,iBAAiB;QACjBC,aAAa;YAAEN,MAAM;YAASO,eAAe;QAAE;IACjD;CACD;MACD,WAAeT"}

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

@@ -0,0 +1,158 @@
+"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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js"],"sourcesContent":["import React from \"react\";\n\nimport cn from \"classnames\";\n\nimport \"./WidgetWithSwitchableRows.scss\";\n\nconst RC = \"widget-with-switchable-rows\";\n\nconst WidgetWithSwitchableRows = (props) => {\n  const {\n    className,\n    title,\n    rightHeaderContent,\n    nullContentData,\n\n    columns = [],\n    rows,\n    CellComponent,\n    CellComponentProps,\n    onChange,\n    isNoHeader = false,\n  } = props || {};\n\n  const preperedColumns = [\n    { ...columns[0], key: \"isActive\", type: \"switcher\" },\n    ...columns.slice(1),\n  ];\n\n  return (\n    <div className={cn(RC, className)}>\n      {!isNoHeader && <div className={cn(`${RC}__header`)}>\n        <div className={cn(`${RC}__title-block`)}>{title}</div>\n        <div className={cn(`${RC}__right-header-content-block`)}>\n          {rightHeaderContent}\n        </div>\n      </div>}\n      <div\n        className={cn(`${RC}__body`, {\n          [`${RC}__body_no-content`]: !rows?.length,\n        })}\n      >\n        {Boolean(rows?.length) && (\n          <div className={cn(`${RC}__thead`)}>\n            {preperedColumns.map((field) => (\n              <div\n                key={`thead-${field.key}`}\n                className={cn(\n                  `${RC}__thead-cell`,\n                  field.theadCellClassName,\n                  field.columnClassName,\n                  {\n                    [`${RC}__thead-cell_reqiured`]: field.isRequired,\n                  },\n                )}\n                data-key={field.key}\n              >\n                {field.label}\n              </div>\n            ))}\n          </div>\n        )}\n\n        <div className={cn(`${RC}__table`)}>\n          {rows?.length ? (\n            rows.map((row) => (\n              <div\n                key={`row-${row.id}`}\n                className={cn(`${RC}__row`)}\n                data-id={row.id}\n              >\n                {preperedColumns.map((cell) => (\n                  <div\n                    key={`row-${row.id}-cell-${cell.key}`}\n                    className={cn(\n                      `${RC}__cell`,\n                      cell.cellClassName,\n                      cell.columnClassName,\n                    )}\n                  >\n                    <CellComponent\n                      {...CellComponentProps}\n                      field={{\n                        ...cell,\n                        value: row[cell.key],\n                        rowData: row,\n                        ...(cell.key === \"isActive\"\n                          ? {\n                              disabled: cell.disabled,\n                              label: row.label,\n                              isActive: row.isActive,\n                            }\n                          : { disabled: !row.isActive, label: cell.label }),\n                      }}\n                      onChange={(key, value, propName, innerFieldKey, additional) => onChange({value, additional, propName, innerFieldKey, key: cell.key || key, rowId: row.id })}\n                    />\n                  </div>\n                ))}\n              </div>\n            ))\n          ) : (\n            <div className={cn(`${RC}__row`)} data-id=\"empty-row\">\n              <span className={cn(`${RC}__no-data-content`)}>\n                {nullContentData ?? \"No data\"}\n              </span>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default WidgetWithSwitchableRows;\n"],"names":["RC","WidgetWithSwitchableRows","props","className","title","rightHeaderContent","nullContentData","columns","rows","CellComponent","CellComponentProps","onChange","isNoHeader","preperedColumns","key","type","slice","div","cn","length","Boolean","map","field","theadCellClassName","columnClassName","isRequired","data-key","label","row","data-id","id","cell","cellClassName","value","rowData","disabled","isActive","propName","innerFieldKey","additional","rowId","span"],"mappings":"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"}