intelicoreact 1.6.6 → 1.6.8

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

@@ -14,6 +14,19 @@ const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames")
 const _utils = require("../../../Functions/utils");
 const _VariantsListRadioItem = /*#__PURE__*/ _interop_require_default(require("./partials/VariantsListRadioItem"));
 require("./VariantsListRadio.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
@@ -60,6 +73,45 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     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;
+}
 const RC = "variants-list-radio";
 const VariantsListRadio = ({ items: outerItems, value: outerValue, onChange = ()=>{}, isWithBorders, itemsContentRenderMode, isRadioPositionReverse, isUseAsOptionsList, disabled, isDisabled, id, className, testId = "variants-list-radio", attributesOfNativeInput, isMixWithPersonalAttributes })=>{
     const [items, setItems] = (0, _react.useState)(outerItems);
@@ -91,10 +143,9 @@ const VariantsListRadio = ({ items: outerItems, value: outerValue, onChange = ()
         children: items.map((item)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_VariantsListRadioItem.default, {
                 RC: RC,
                 parentId: componentnId,
-                item: {
-                    ...item,
+                item: _object_spread_props(_object_spread({}, item), {
                     isDisabled: item.disabled || item.isDisabled || isElementDisabled || false
-                },
+                }),
                 value: value,
                 onChange: handleChange,
                 attributesOfNativeInput: attributesOfNativeInput,
@@ -105,3 +156,5 @@ const VariantsListRadio = ({ items: outerItems, value: outerValue, onChange = ()
     });
 };
 const _default = VariantsListRadio;
+
+//# sourceMappingURL=VariantsListRadio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport cn from \"classnames\";\n\nimport { compare } from \"../../../Functions/utils\";\n\nimport VariantsListRadioItem from \"./partials/VariantsListRadioItem\";\n\nimport \"./VariantsListRadio.scss\";\n\nconst RC = \"variants-list-radio\";\n\nconst VariantsListRadio = ({\n  items: outerItems,\n  value: outerValue,\n  onChange = () => {},\n\n  isWithBorders,\n  itemsContentRenderMode,\n  isRadioPositionReverse,\n  isUseAsOptionsList,\n  disabled,\n  isDisabled,\n\n  id,\n  className,\n  testId = \"variants-list-radio\",\n\n  attributesOfNativeInput,\n  isMixWithPersonalAttributes,\n}) => {\n  const [items, setItems] = useState(outerItems);\n  const [value, setValue] = useState(outerValue);\n\n  const componentnId = id || \"variantsListRadio\";\n  const mode = itemsContentRenderMode === \"col\" ? \"col\" : \"row\";\n  const isElementDisabled = disabled || isDisabled;\n\n  const handleChange = (newValue) => {\n    setValue(newValue);\n    onChange(newValue);\n  };\n\n  useEffect(() => {\n    if (!compare(outerItems, items)) setItems(outerItems);\n  }, [outerItems]);\n\n  useEffect(() => {\n    if (value !== outerValue) setValue(outerValue);\n  }, [outerValue]);\n\n  return (\n    <div\n      id={componentnId}\n      data-testid={testId}\n      className={cn(RC, `${RC}_items-content-${mode}`, className, {\n        [`${RC}_with-borders`]: isWithBorders && !isUseAsOptionsList,\n        [`${RC}_radio-position-reverse`]: isRadioPositionReverse,\n      })}\n    >\n      {items.map((item) => (\n        <VariantsListRadioItem\n          key={`variants-list-radio-id-${componentnId}-item-id-${item.value}`}\n          RC={RC}\n          parentId={componentnId}\n          item={{\n            ...item,\n            isDisabled:\n              item.disabled || item.isDisabled || isElementDisabled || false,\n          }}\n          value={value}\n          onChange={handleChange}\n          attributesOfNativeInput={attributesOfNativeInput}\n          isMixWithPersonalAttributes={isMixWithPersonalAttributes}\n          parentDisabled={disabled}\n          isUseAsOptionsList={isUseAsOptionsList}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport default VariantsListRadio;\n"],"names":["RC","VariantsListRadio","items","outerItems","value","outerValue","onChange","isWithBorders","itemsContentRenderMode","isRadioPositionReverse","isUseAsOptionsList","disabled","isDisabled","id","className","testId","attributesOfNativeInput","isMixWithPersonalAttributes","setItems","useState","setValue","componentnId","mode","isElementDisabled","handleChange","newValue","useEffect","compare","div","data-testid","cn","map","item","VariantsListRadioItem","parentId","parentDisabled"],"mappings":";;;;+BAkFA;;;eAAA;;;;+DAlF2C;mEAE5B;uBAES;8EAEU;QAE3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,KAAK;AAEX,MAAMC,oBAAoB,CAAC,EACzBC,OAAOC,UAAU,EACjBC,OAAOC,UAAU,EACjBC,WAAW,KAAO,CAAC,EAEnBC,aAAa,EACbC,sBAAsB,EACtBC,sBAAsB,EACtBC,kBAAkB,EAClBC,QAAQ,EACRC,UAAU,EAEVC,EAAE,EACFC,SAAS,EACTC,SAAS,qBAAqB,EAE9BC,uBAAuB,EACvBC,2BAA2B,EAC5B;IACC,MAAM,CAACf,OAAOgB,SAAS,GAAGC,IAAAA,eAAQ,EAAChB;IACnC,MAAM,CAACC,OAAOgB,SAAS,GAAGD,IAAAA,eAAQ,EAACd;IAEnC,MAAMgB,eAAeR,MAAM;IAC3B,MAAMS,OAAOd,2BAA2B,QAAQ,QAAQ;IACxD,MAAMe,oBAAoBZ,YAAYC;IAEtC,MAAMY,eAAe,CAACC;QACpBL,SAASK;QACTnB,SAASmB;IACX;IAEAC,IAAAA,gBAAS,EAAC;QACR,IAAI,CAACC,IAAAA,cAAO,EAACxB,YAAYD,QAAQgB,SAASf;IAC5C,GAAG;QAACA;KAAW;IAEfuB,IAAAA,gBAAS,EAAC;QACR,IAAItB,UAAUC,YAAYe,SAASf;IACrC,GAAG;QAACA;KAAW;IAEf,qBACE,qBAACuB;QACCf,IAAIQ;QACJQ,eAAad;QACbD,WAAWgB,IAAAA,mBAAE,EAAC9B,IAAI,GAAGA,GAAG,eAAe,EAAEsB,MAAM,EAAER,WAAW;YAC1D,CAAC,GAAGd,GAAG,aAAa,CAAC,CAAC,EAAEO,iBAAiB,CAACG;YAC1C,CAAC,GAAGV,GAAG,uBAAuB,CAAC,CAAC,EAAES;QACpC;kBAECP,MAAM6B,GAAG,CAAC,CAACC,qBACV,qBAACC,8BAAqB;gBAEpBjC,IAAIA;gBACJkC,UAAUb;gBACVW,MAAM,wCACDA;oBACHpB,YACEoB,KAAKrB,QAAQ,IAAIqB,KAAKpB,UAAU,IAAIW,qBAAqB;;gBAE7DnB,OAAOA;gBACPE,UAAUkB;gBACVR,yBAAyBA;gBACzBC,6BAA6BA;gBAC7BkB,gBAAgBxB;gBAChBD,oBAAoBA;eAbf,CAAC,uBAAuB,EAAEW,aAAa,SAAS,EAAEW,KAAK5B,KAAK,EAAE;;AAkB7E;MAEA,WAAeH"}

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

@@ -19,6 +19,19 @@ _export(exports, {
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _VariantsListRadio = /*#__PURE__*/ _interop_require_default(require("./VariantsListRadio"));
+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
@@ -65,6 +78,45 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     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;
+}
 global.lng = 'en';
 const _default = {
     title: 'Form Elements/VariantsListRadio',
@@ -129,13 +181,12 @@ const Template = (args)=>{
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
         style: containerStyles,
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_VariantsListRadio.default, {
-                ...args,
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_VariantsListRadio.default, _object_spread_props(_object_spread({}, args), {
                 id: 'test-VariantsListRadio',
                 value: value,
                 onChange: (value)=>setValue(value),
                 className: ''
-            }),
+            })),
             /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
             /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
             /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
@@ -191,3 +242,5 @@ Radio.args = {
     },
     isMixWithPersonalAttributes: false
 };
+
+//# sourceMappingURL=VariantsListRadio.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/VariantsListRadio/VariantsListRadio.stories.js"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport VariantsListRadio from './VariantsListRadio';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/VariantsListRadio',\n  component: VariantsListRadio,\n  argTypes: {\n    items: {\n      description: 'List items array (of objects). ',\n    },\n    isWithBorders: {\n      description: 'boolean, how render items?',\n    },\n    itemsContentRenderMode: {\n      description: 'string \"row\" or \"col\" (\"row\" is default), how render item labels and description?',\n    },\n\n    isRadioPositionReverse: {\n      description: 'boolean, if true, the radio element in items is positioned on the left',\n    },\n\n    isUseAsOptionsList: {\n      description: 'boolean, it looks like a list of options, descriptions are not displayed, dominates the isWithBorders property',\n    },\n\n    disabled: {\n      description: 'boolean, disable all radio items',\n    },\n\n    isDisabled: {\n      description: 'like disabled',\n    },\n\n    id: {\n      description: 'string. optional',\n    },\n\n    testId: {\n      description: 'string. optional',\n    },\n\n    className: {\n      description: 'string. optional',\n    },\n\n    onChange: {\n      description: 'function',\n    },\n\n    attributesOfNativeInput: {\n      description: 'Object. Optional. This is list of attributes to add in native input, format { ..., [atribut_key]: atribut_value, ... }',\n    },\n\n    isMixWithPersonalAttributes: {\n      description: 'boolean, if true then personal attributesOfNativeInput of item must be mixed by an common attributesOfNativeInput',\n    },\n  },\n};\n\nconst containerStyles = {\n  boxSizing: 'border-box',\n  width: '180px',\n  // border: '1px solid black',\n};\n\nconst buttonStyles = {\n  border: '1px solid black',\n  padding: '5px',\n}\n\nconst Template = args => {\n  const [value, setValue] = useState(args.value);\n\n  useEffect(() => {\n    if (value !== args.value) setValue(args.value);\n  }, [args.value])\n\n  return (\n    <div style={containerStyles}>\n      <VariantsListRadio {...args} id={'test-VariantsListRadio'} value={value} onChange={value => setValue(value)} className={''} />\n      <br/>\n      <br/>\n      <br/>\n      <button style={buttonStyles} onClick={() => {setValue(args.items[0].value)}}>\n        Change value to {args.items[0].label}\n      </button>\n    </div>\n  );\n};\n\nexport const Radio = Template.bind({});\n\nRadio.args = {\n  items: [\n    {\n      value: '1',\n      label: 'First',\n      description: 'bla',\n      disabled: true,\n    },\n    {\n      value: '2',\n      label: 'Second',\n      description: 'bla-bla',\n      isDisabled: true,\n    },\n    {\n      value: '3',\n      label: 'Third',\n      description: 'bla-bla-bla',\n      attributesOfNativeInput: { 'data-test1': 'Дратути!'}\n    }\n  ],\n  value: '',\n\n  isWithBorders: false,\n  itemsContentRenderMode: 'row',\n  isRadioPositionReverse: false,\n  isUseAsOptionsList: false,\n  disabled: false,\n  isDisabled: false,\n  \n  id: 'storybook-VariantsListRadio',\n  className: '',\n  testId: 'storybook-VariantsListRadio',\n\n  attributesOfNativeInput: { 'data-test2': 'И снова Дратути!'},\n  isMixWithPersonalAttributes: false,\n};\n"],"names":["Radio","global","lng","title","component","VariantsListRadio","argTypes","items","description","isWithBorders","itemsContentRenderMode","isRadioPositionReverse","isUseAsOptionsList","disabled","isDisabled","id","testId","className","onChange","attributesOfNativeInput","isMixWithPersonalAttributes","containerStyles","boxSizing","width","buttonStyles","border","padding","Template","args","value","setValue","useState","useEffect","div","style","br","button","onClick","label","bind"],"mappings":";;;;;;;;;;;IA4FaA,KAAK;eAALA;;IAvFb,OAsDE;eAtDF;;;;+DAL2C;0EACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE9BC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,0BAAiB;IAC5BC,UAAU;QACRC,OAAO;YACLC,aAAa;QACf;QACAC,eAAe;YACbD,aAAa;QACf;QACAE,wBAAwB;YACtBF,aAAa;QACf;QAEAG,wBAAwB;YACtBH,aAAa;QACf;QAEAI,oBAAoB;YAClBJ,aAAa;QACf;QAEAK,UAAU;YACRL,aAAa;QACf;QAEAM,YAAY;YACVN,aAAa;QACf;QAEAO,IAAI;YACFP,aAAa;QACf;QAEAQ,QAAQ;YACNR,aAAa;QACf;QAEAS,WAAW;YACTT,aAAa;QACf;QAEAU,UAAU;YACRV,aAAa;QACf;QAEAW,yBAAyB;YACvBX,aAAa;QACf;QAEAY,6BAA6B;YAC3BZ,aAAa;QACf;IACF;AACF;AAEA,MAAMa,kBAAkB;IACtBC,WAAW;IACXC,OAAO;AAET;AAEA,MAAMC,eAAe;IACnBC,QAAQ;IACRC,SAAS;AACX;AAEA,MAAMC,WAAWC,CAAAA;IACf,MAAM,CAACC,OAAOC,SAAS,GAAGC,IAAAA,eAAQ,EAACH,KAAKC,KAAK;IAE7CG,IAAAA,gBAAS,EAAC;QACR,IAAIH,UAAUD,KAAKC,KAAK,EAAEC,SAASF,KAAKC,KAAK;IAC/C,GAAG;QAACD,KAAKC,KAAK;KAAC;IAEf,qBACE,sBAACI;QAAIC,OAAOb;;0BACV,qBAAChB,0BAAiB,0CAAKuB;gBAAMb,IAAI;gBAA0Bc,OAAOA;gBAAOX,UAAUW,CAAAA,QAASC,SAASD;gBAAQZ,WAAW;;0BACxH,qBAACkB;0BACD,qBAACA;0BACD,qBAACA;0BACD,sBAACC;gBAAOF,OAAOV;gBAAca,SAAS;oBAAOP,SAASF,KAAKrB,KAAK,CAAC,EAAE,CAACsB,KAAK;gBAAC;;oBAAG;oBAC1DD,KAAKrB,KAAK,CAAC,EAAE,CAAC+B,KAAK;;;;;AAI5C;AAEO,MAAMtC,QAAQ2B,SAASY,IAAI,CAAC,CAAC;AAEpCvC,MAAM4B,IAAI,GAAG;IACXrB,OAAO;QACL;YACEsB,OAAO;YACPS,OAAO;YACP9B,aAAa;YACbK,UAAU;QACZ;QACA;YACEgB,OAAO;YACPS,OAAO;YACP9B,aAAa;YACbM,YAAY;QACd;QACA;YACEe,OAAO;YACPS,OAAO;YACP9B,aAAa;YACbW,yBAAyB;gBAAE,cAAc;YAAU;QACrD;KACD;IACDU,OAAO;IAEPpB,eAAe;IACfC,wBAAwB;IACxBC,wBAAwB;IACxBC,oBAAoB;IACpBC,UAAU;IACVC,YAAY;IAEZC,IAAI;IACJE,WAAW;IACXD,QAAQ;IAERG,yBAAyB;QAAE,cAAc;IAAkB;IAC3DC,6BAA6B;AAC/B"}

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

@@ -12,11 +12,39 @@ 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;
@@ -24,10 +52,7 @@ const VariantsListRadioItem = ({ RC, parentId, item, value: actualValue, onChang
     const id = `${parentId.toString()}--item-${value}`;
     const name = parentId.toString();
     const isActive = actualValue === value;
-    const addAtributesObj = isMixWithPersonalAttributes ? {
-        ...attributesOfNativeInput,
-        ...personalAttributesOfNativeInput
-    } : personalAttributesOfNativeInput || attributesOfNativeInput || {};
+    const addAtributesObj = isMixWithPersonalAttributes ? _object_spread({}, attributesOfNativeInput, personalAttributesOfNativeInput) : personalAttributesOfNativeInput || attributesOfNativeInput || {};
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)("label", {
         "data-testid": testId,
         className: (0, _classnames.default)(`${RC}__item`, {
@@ -42,7 +67,7 @@ const VariantsListRadioItem = ({ RC, parentId, item, value: actualValue, onChang
                 children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                     className: (0, _classnames.default)(`${RC}__item-radio`),
                     children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("input", _object_spread({
                             id: id,
                             "data-testid": `${testId}-input`,
                             type: "radio",
@@ -50,9 +75,8 @@ const VariantsListRadioItem = ({ RC, parentId, item, value: actualValue, onChang
                             className: `${RC}__item-radio-input`,
                             onChange: ()=>onChange(value),
                             name: name,
-                            disabled: isDisabled,
-                            ...addAtributesObj
-                        }),
+                            disabled: isDisabled
+                        }, addAtributesObj)),
                         /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                             className: `${RC}__item-radio-mark`
                         })
@@ -82,3 +106,5 @@ const VariantsListRadioItem = ({ RC, parentId, item, value: actualValue, onChang
     });
 };
 const _default = VariantsListRadioItem;
+
+//# sourceMappingURL=VariantsListRadioItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js"],"sourcesContent":["import React from \"react\";\n\nimport cn from \"classnames\";\n\nimport { getIsOnlyAnObject } from \"../../../../Functions/utils\";\n\nconst VariantsListRadioItem = ({\n  RC,\n  parentId,\n  item,\n  value: actualValue,\n  onChange = () => {},\n\n  attributesOfNativeInput = {},\n  isMixWithPersonalAttributes,\n\n  isUseAsOptionsList,\n  testId = \"variants-list-radio-item\",\n}) => {\n  // ? Для корректной работы нужны parentId и item(объект)\n  if (!parentId || !getIsOnlyAnObject(item)) return null;\n\n  const {\n    value,\n    label,\n    description,\n    isDisabled,\n    attributesOfNativeInput: personalAttributesOfNativeInput,\n  } = item;\n  const id = `${parentId.toString()}--item-${value}`;\n  const name = parentId.toString();\n  const isActive = actualValue === value;\n  const addAtributesObj = isMixWithPersonalAttributes\n    ? { ...attributesOfNativeInput, ...personalAttributesOfNativeInput }\n    : personalAttributesOfNativeInput || attributesOfNativeInput || {};\n\n  return (\n    <label\n      data-testid={testId}\n      className={cn(`${RC}__item`, {\n        [`${RC}__item_disabled`]: isDisabled,\n        [`${RC}__item_active`]: isActive,\n        [`${RC}__item_as-option`]: isUseAsOptionsList,\n      })}\n      htmlFor={id}\n    >\n      <div className={cn(`${RC}__item-radio-container`)}>\n        <div className={cn(`${RC}__item-radio`)}>\n          <input\n            id={id}\n            data-testid={`${testId}-input`}\n            type=\"radio\"\n            checked={isActive}\n            className={`${RC}__item-radio-input`}\n            onChange={() => onChange(value)}\n            name={name}\n            disabled={isDisabled}\n            {...addAtributesObj}\n          />\n          <div className={`${RC}__item-radio-mark`}></div>\n        </div>\n      </div>\n\n      <div className={cn(`${RC}__item-content`)}>\n        {label && (\n          <div className={cn(`${RC}__item-content-wrapper`)}>\n            <div className={cn(`${RC}__item-content-label`)}>{label}</div>\n          </div>\n        )}\n        {description && !isUseAsOptionsList && (\n          <div className={cn(`${RC}__item-content-wrapper`)}>\n            <div className={cn(`${RC}__item-content-description`)}>\n              {description}\n            </div>\n          </div>\n        )}\n      </div>\n    </label>\n  );\n};\n\nexport default VariantsListRadioItem;\n"],"names":["VariantsListRadioItem","RC","parentId","item","value","actualValue","onChange","attributesOfNativeInput","isMixWithPersonalAttributes","isUseAsOptionsList","testId","getIsOnlyAnObject","label","description","isDisabled","personalAttributesOfNativeInput","id","toString","name","isActive","addAtributesObj","data-testid","className","cn","htmlFor","div","input","type","checked","disabled"],"mappings":";;;;+BAiFA;;;eAAA;;;;8DAjFkB;mEAEH;uBAEmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAElC,MAAMA,wBAAwB,CAAC,EAC7BC,EAAE,EACFC,QAAQ,EACRC,IAAI,EACJC,OAAOC,WAAW,EAClBC,WAAW,KAAO,CAAC,EAEnBC,0BAA0B,CAAC,CAAC,EAC5BC,2BAA2B,EAE3BC,kBAAkB,EAClBC,SAAS,0BAA0B,EACpC;IACC,wDAAwD;IACxD,IAAI,CAACR,YAAY,CAACS,IAAAA,wBAAiB,EAACR,OAAO,OAAO;IAElD,MAAM,EACJC,KAAK,EACLQ,KAAK,EACLC,WAAW,EACXC,UAAU,EACVP,yBAAyBQ,+BAA+B,EACzD,GAAGZ;IACJ,MAAMa,KAAK,GAAGd,SAASe,QAAQ,GAAG,OAAO,EAAEb,OAAO;IAClD,MAAMc,OAAOhB,SAASe,QAAQ;IAC9B,MAAME,WAAWd,gBAAgBD;IACjC,MAAMgB,kBAAkBZ,8BACpB,mBAAKD,yBAA4BQ,mCACjCA,mCAAmCR,2BAA2B,CAAC;IAEnE,qBACE,sBAACK;QACCS,eAAaX;QACbY,WAAWC,IAAAA,mBAAE,EAAC,GAAGtB,GAAG,MAAM,CAAC,EAAE;YAC3B,CAAC,GAAGA,GAAG,eAAe,CAAC,CAAC,EAAEa;YAC1B,CAAC,GAAGb,GAAG,aAAa,CAAC,CAAC,EAAEkB;YACxB,CAAC,GAAGlB,GAAG,gBAAgB,CAAC,CAAC,EAAEQ;QAC7B;QACAe,SAASR;;0BAET,qBAACS;gBAAIH,WAAWC,IAAAA,mBAAE,EAAC,GAAGtB,GAAG,sBAAsB,CAAC;0BAC9C,cAAA,sBAACwB;oBAAIH,WAAWC,IAAAA,mBAAE,EAAC,GAAGtB,GAAG,YAAY,CAAC;;sCACpC,qBAACyB;4BACCV,IAAIA;4BACJK,eAAa,GAAGX,OAAO,MAAM,CAAC;4BAC9BiB,MAAK;4BACLC,SAAST;4BACTG,WAAW,GAAGrB,GAAG,kBAAkB,CAAC;4BACpCK,UAAU,IAAMA,SAASF;4BACzBc,MAAMA;4BACNW,UAAUf;2BACNM;sCAEN,qBAACK;4BAAIH,WAAW,GAAGrB,GAAG,iBAAiB,CAAC;;;;;0BAI5C,sBAACwB;gBAAIH,WAAWC,IAAAA,mBAAE,EAAC,GAAGtB,GAAG,cAAc,CAAC;;oBACrCW,uBACC,qBAACa;wBAAIH,WAAWC,IAAAA,mBAAE,EAAC,GAAGtB,GAAG,sBAAsB,CAAC;kCAC9C,cAAA,qBAACwB;4BAAIH,WAAWC,IAAAA,mBAAE,EAAC,GAAGtB,GAAG,oBAAoB,CAAC;sCAAIW;;;oBAGrDC,eAAe,CAACJ,oCACf,qBAACgB;wBAAIH,WAAWC,IAAAA,mBAAE,EAAC,GAAGtB,GAAG,sBAAsB,CAAC;kCAC9C,cAAA,qBAACwB;4BAAIH,WAAWC,IAAAA,mBAAE,EAAC,GAAGtB,GAAG,0BAA0B,CAAC;sCACjDY;;;;;;;AAOf;MAEA,WAAeb"}

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

@@ -12,11 +12,63 @@ 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 || {};
@@ -58,15 +110,13 @@ const WidgetPseudoTable = (props)=>{
                                 "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, {
-                                            ...CellComponentProps,
-                                            field: {
-                                                ...cell,
+                                        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`),
@@ -83,3 +133,5 @@ const WidgetPseudoTable = (props)=>{
     });
 };
 const _default = WidgetPseudoTable;
+
+//# sourceMappingURL=WidgetPseudoTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js"],"sourcesContent":["import React from \"react\";\n\nimport cn from \"classnames\";\n\nimport \"./WidgetPseudoTable.scss\";\n\nconst RC = \"widget-pseudo-table\";\n\nconst WidgetPseudoTable = (props) => {\n  const {\n    className,\n    title,\n    rightHeaderContent,\n    nullContentData,\n    isNotRenderThead = false,\n    isNoHeader = false,\n    columns = [],\n    rows,\n    CellComponent,\n    CellComponentProps,\n    onChange,\n  } = props || {};\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) && !isNotRenderThead && (\n          <div className={cn(`${RC}__thead`)}>\n            {columns.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                {columns.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                      }}\n                      onChange={(key, val) => onChange(val, cell.key, 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 WidgetPseudoTable;\n"],"names":["RC","WidgetPseudoTable","props","className","title","rightHeaderContent","nullContentData","isNotRenderThead","isNoHeader","columns","rows","CellComponent","CellComponentProps","onChange","div","cn","length","Boolean","map","field","theadCellClassName","columnClassName","isRequired","data-key","key","label","row","data-id","id","cell","cellClassName","value","rowData","val","span"],"mappings":";;;;+BAoGA;;;eAAA;;;;8DApGkB;mEAEH;QAER;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,KAAK;AAEX,MAAMC,oBAAoB,CAACC;IACzB,MAAM,EACJC,SAAS,EACTC,KAAK,EACLC,kBAAkB,EAClBC,eAAe,EACfC,mBAAmB,KAAK,EACxBC,aAAa,KAAK,EAClBC,UAAU,EAAE,EACZC,IAAI,EACJC,aAAa,EACbC,kBAAkB,EAClBC,QAAQ,EACT,GAAGX,SAAS,CAAC;IAEd,qBACE,sBAACY;QAAIX,WAAWY,IAAAA,mBAAE,EAACf,IAAIG;;YACpB,CAACK,4BAAc,sBAACM;gBAAIX,WAAWY,IAAAA,mBAAE,EAAC,GAAGf,GAAG,QAAQ,CAAC;;kCAChD,qBAACc;wBAAIX,WAAWY,IAAAA,mBAAE,EAAC,GAAGf,GAAG,aAAa,CAAC;kCAAII;;kCAC3C,qBAACU;wBAAIX,WAAWY,IAAAA,mBAAE,EAAC,GAAGf,GAAG,4BAA4B,CAAC;kCACnDK;;;;0BAGL,sBAACS;gBACCX,WAAWY,IAAAA,mBAAE,EAAC,GAAGf,GAAG,MAAM,CAAC,EAAE;oBAC3B,CAAC,GAAGA,GAAG,iBAAiB,CAAC,CAAC,EAAE,EAACU,iBAAAA,2BAAAA,KAAMM,MAAM;gBAC3C;;oBAECC,QAAQP,iBAAAA,2BAAAA,KAAMM,MAAM,KAAK,CAACT,kCACzB,qBAACO;wBAAIX,WAAWY,IAAAA,mBAAE,EAAC,GAAGf,GAAG,OAAO,CAAC;kCAC9BS,QAAQS,GAAG,CAAC,CAACC,sBACZ,qBAACL;gCAECX,WAAWY,IAAAA,mBAAE,EACX,GAAGf,GAAG,YAAY,CAAC,EACnBmB,MAAMC,kBAAkB,EACxBD,MAAME,eAAe,EACrB;oCACE,CAAC,GAAGrB,GAAG,qBAAqB,CAAC,CAAC,EAAEmB,MAAMG,UAAU;gCAClD;gCAEFC,YAAUJ,MAAMK,GAAG;0CAElBL,MAAMM,KAAK;+BAXP,CAAC,MAAM,EAAEN,MAAMK,GAAG,EAAE;;kCAiBjC,qBAACV;wBAAIX,WAAWY,IAAAA,mBAAE,EAAC,GAAGf,GAAG,OAAO,CAAC;kCAC9BU,CAAAA,iBAAAA,2BAAAA,KAAMM,MAAM,IACXN,KAAKQ,GAAG,CAAC,CAACQ,oBACR,qBAACZ;gCAECX,WAAWY,IAAAA,mBAAE,EAAC,GAAGf,GAAG,KAAK,CAAC;gCAC1B2B,WAASD,IAAIE,EAAE;0CAEdnB,QAAQS,GAAG,CAAC,CAACW,qBACZ,qBAACf;wCAECX,WAAWY,IAAAA,mBAAE,EACX,GAAGf,GAAG,MAAM,CAAC,EACb6B,KAAKC,aAAa,EAClBD,KAAKR,eAAe;kDAGtB,cAAA,qBAACV,uDACKC;4CACJO,OAAO,wCACFU;gDACHE,OAAOL,GAAG,CAACG,KAAKL,GAAG,CAAC;gDACpBQ,SAASN;;4CAEXb,UAAU,CAACW,KAAKS,MAAQpB,SAASoB,KAAKJ,KAAKL,GAAG,EAAEE,IAAIE,EAAE;;uCAdnD,CAAC,IAAI,EAAEF,IAAIE,EAAE,CAAC,MAAM,EAAEC,KAAKL,GAAG,EAAE;+BANpC,CAAC,IAAI,EAAEE,IAAIE,EAAE,EAAE,mBA2BxB,qBAACd;4BAAIX,WAAWY,IAAAA,mBAAE,EAAC,GAAGf,GAAG,KAAK,CAAC;4BAAG2B,WAAQ;sCACxC,cAAA,qBAACO;gCAAK/B,WAAWY,IAAAA,mBAAE,EAAC,GAAGf,GAAG,iBAAiB,CAAC;0CACzCM,4BAAAA,6BAAAA,kBAAmB;;;;;;;;AAQpC;MAEA,WAAeL"}

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

@@ -23,6 +23,19 @@ const _WidgetPseudoTable = /*#__PURE__*/ _interop_require_default(require("./Wid
 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
@@ -69,6 +82,72 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     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 = {
@@ -99,14 +178,13 @@ 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, {
-                ...field,
+            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,
@@ -116,16 +194,16 @@ const RenderField = ({ field, onChange })=>{
     }
 };
 const Template = (args)=>{
-    const { isIncludeOuterStyles, ...restArgs } = 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 ? {
-                        ...row,
+        change: (newValue, propKey, rowId)=>setData((state)=>state.map((row)=>row.id === rowId ? _object_spread_props(_object_spread({}, row), {
                         [propKey]: newValue
-                    } : row))
+                    }) : row))
     };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_WidgetPseudoTable.default, {
-        ...restArgs,
+    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",
@@ -135,7 +213,7 @@ const Template = (args)=>{
         CellComponent: RenderField,
         onChange: handle.change,
         rows: data
-    });
+    }));
 };
 const WidgetPseudoTableTemplate = Template.bind({});
 WidgetPseudoTableTemplate.args = {
@@ -145,3 +223,5 @@ WidgetPseudoTableTemplate.args = {
     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

@@ -43,3 +43,5 @@ const constructor = [
     }
 ];
 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"}