intelicoreact 1.6.6 → 1.6.8

package/dist/Molecular/CustomIcons/components/Visa.js

@@ -10,6 +10,19 @@ Object.defineProperty(exports, "Visa", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -51,12 +64,51 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const Visa = (props)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)("svg", {
+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 Visa = (props)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         xmlns: "http://www.w3.org/2000/svg",
         width: 38,
         height: 24,
-        fill: "none",
-        ...props,
+        fill: "none"
+    }, props), {
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsxs)("g", {
                 fillRule: "evenodd",
@@ -88,4 +140,6 @@ const Visa = (props)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)("svg", {
                 })
             })
         ]
-    });
+    }));
+
+//# sourceMappingURL=Visa.js.map

package/dist/Molecular/CustomIcons/components/Visa.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Molecular/CustomIcons/components/Visa.js"],"sourcesContent":["import * as React from \"react\";\nexport const Visa = (props) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={38}\n    height={24}\n    fill=\"none\"\n    {...props}\n  >\n    <g fillRule=\"evenodd\" clipPath=\"url(#a)\" clipRule=\"evenodd\">\n      <path\n        fill=\"#fff\"\n        d=\"M0 1.784C0 .799.799 0 1.784 0H36.27c.985 0 1.784.799 1.784 1.784v21.405c0 .985-.799 1.784-1.784 1.784H1.784A1.784 1.784 0 0 1 0 23.189V1.784Z\"\n      />\n      <path\n        fill=\"#0071CE\"\n        d=\"M23.325 9.21a4.132 4.132 0 0 0-1.543-.291c-1.702 0-2.9.938-2.91 2.281-.01.994.855 1.548 1.508 1.878.67.339.896.555.893.858-.004.463-.535.675-1.03.675-.69 0-1.055-.104-1.622-.363l-.221-.11-.24 1.548c.4.192 1.145.36 1.917.368 1.81 0 2.984-.927 2.998-2.36.006-.789-.452-1.386-1.446-1.88-.601-.32-.97-.532-.966-.856 0-.288.311-.595.986-.595.563-.01.97.125 1.288.265l.155.08.233-1.499Zm-7.966 6.742 1.077-6.913h1.721l-1.077 6.913H15.36Zm10.944-4.383s-.543 1.535-.685 1.932h1.429c-.068-.346-.399-1.995-.399-1.995l-.116-.597c-.046.137-.11.318-.158.456v.001a4.467 4.467 0 0 0-.07.203Zm1.438-2.523h-1.33c-.413 0-.722.123-.902.573l-2.557 6.335h1.808s.295-.852.362-1.04l.994.002 1.211.002c.052.242.21 1.036.21 1.036h1.598L27.74 9.046Zm-13.826 0-1.685 4.712-.18-.958-.001-.003-.603-3.173c-.104-.438-.407-.568-.78-.583H7.888l-.023.143c.676.179 1.28.437 1.81.758l1.53 6.004 1.822-.002 2.711-6.899h-1.824Z\"\n      />\n      <path\n        fill=\"#E5E5E5\"\n        fillOpacity={0.01}\n        d=\"M0 1.784C0 .799.799 0 1.784 0H36.27c.985 0 1.784.799 1.784 1.784v21.405c0 .985-.799 1.784-1.784 1.784H1.784A1.784 1.784 0 0 1 0 23.189V1.784Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"a\">\n        <path fill=\"#fff\" d=\"M0 0h38v24H0z\" />\n      </clipPath>\n    </defs>\n  </svg>\n);\n"],"names":["Visa","props","svg","xmlns","width","height","fill","g","fillRule","clipPath","clipRule","path","d","fillOpacity","defs","id"],"mappings":";;;;+BACaA;;;eAAAA;;;;+DADU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAChB,MAAMA,OAAO,CAACC,sBACnB,sBAACC;QACCC,OAAM;QACNC,OAAO;QACPC,QAAQ;QACRC,MAAK;OACDL;;0BAEJ,sBAACM;gBAAEC,UAAS;gBAAUC,UAAS;gBAAUC,UAAS;;kCAChD,qBAACC;wBACCL,MAAK;wBACLM,GAAE;;kCAEJ,qBAACD;wBACCL,MAAK;wBACLM,GAAE;;kCAEJ,qBAACD;wBACCL,MAAK;wBACLO,aAAa;wBACbD,GAAE;;;;0BAGN,qBAACE;0BACC,cAAA,qBAACL;oBAASM,IAAG;8BACX,cAAA,qBAACJ;wBAAKL,MAAK;wBAAOM,GAAE"}

package/dist/Molecular/CustomIcons/components/X.js

@@ -10,6 +10,19 @@ Object.defineProperty(exports, "X", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -51,14 +64,55 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const X = (props)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("svg", {
+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 X = (props)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         xmlns: "http://www.w3.org/2000/svg",
         width: 16,
         height: 16,
-        fill: "none",
-        ...props,
+        fill: "none"
+    }, props), {
         children: /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
             stroke: "#000",
             d: "m12 4-8 8M4 4l8 8"
         })
-    });
+    }));
+
+//# sourceMappingURL=X.js.map

package/dist/Molecular/CustomIcons/components/X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Molecular/CustomIcons/components/X.js"],"sourcesContent":["import * as React from \"react\";\nexport const X = (props) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={16}\n    height={16}\n    fill=\"none\"\n    {...props}\n  >\n    <path stroke=\"#000\" d=\"m12 4-8 8M4 4l8 8\" />\n  </svg>\n);\n"],"names":["X","props","svg","xmlns","width","height","fill","path","stroke","d"],"mappings":";;;;+BACaA;;;eAAAA;;;;+DADU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAChB,MAAMA,IAAI,CAACC,sBAChB,qBAACC;QACCC,OAAM;QACNC,OAAO;QACPC,QAAQ;QACRC,MAAK;OACDL;kBAEJ,cAAA,qBAACM;YAAKC,QAAO;YAAOC,GAAE"}

package/dist/Molecular/CustomIcons/index.js

@@ -76,3 +76,5 @@ function _export_star(from, to) {
     });
     return from;
 }
+
+//# sourceMappingURL=index.js.map

package/dist/Molecular/CustomIcons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Molecular/CustomIcons/index.js"],"sourcesContent":["export * from \"./components/AffiliateNetworks\";\nexport * from \"./components/AlertCircle\";\nexport * from \"./components/AppStore\";\nexport * from \"./components/Arrow\";\nexport * from \"./components/ArrowDown\";\nexport * from \"./components/ArrowLeft\";\nexport * from \"./components/ArrowRight\";\nexport * from \"./components/ArrowUp\";\nexport * from \"./components/Bell\";\nexport * from \"./components/Button\";\nexport * from \"./components/Campaigns\";\nexport * from \"./components/Check\";\nexport * from \"./components/Check2\";\nexport * from \"./components/ChevronDown\";\nexport * from \"./components/ChevronDownDisabled\";\nexport * from \"./components/ChevronLeft\";\nexport * from \"./components/ChevronRight\";\nexport * from \"./components/ChevronUp\";\nexport * from \"./components/ChevronUpDown\";\nexport * from \"./components/Close\";\nexport * from \"./components/ColumnsOrder\";\nexport * from \"./components/Delete\";\nexport * from \"./components/Edit\";\nexport * from \"./components/Email\";\nexport * from \"./components/FinturfLogo\";\nexport * from \"./components/FinturfLogo2\";\nexport * from \"./components/Flows\";\nexport * from \"./components/Gift\";\nexport * from \"./components/GoogleAuth\";\nexport * from \"./components/GooglePlay\";\nexport * from \"./components/HelpCircle\";\nexport * from \"./components/HelpCircle2\";\nexport * from \"./components/HelpCircleFilled\";\nexport * from \"./components/Home\";\nexport * from \"./components/Home2\";\nexport * from \"./components/Key\";\nexport * from \"./components/Landers\";\nexport * from \"./components/Lock\";\nexport * from \"./components/Mail\";\nexport * from \"./components/Mastercard\";\nexport * from \"./components/Minus\";\nexport * from \"./components/Offers\";\nexport * from \"./components/Pause\";\nexport * from \"./components/PayPal\";\nexport * from \"./components/PayPalLightLarge\";\nexport * from \"./components/Phone\";\nexport * from \"./components/Play\";\nexport * from \"./components/Plus\";\nexport * from \"./components/Profile\";\nexport * from \"./components/QRCode\";\nexport * from \"./components/Rectangle\";\nexport * from \"./components/Revert\";\nexport * from \"./components/Star\";\nexport * from \"./components/Star2\";\nexport * from \"./components/TrafficSources\";\nexport * from \"./components/Trash\";\nexport * from \"./components/TrashRed\";\nexport * from \"./components/Triggers\";\nexport * from \"./components/User\";\nexport * from \"./components/Visa\";\nexport * from \"./components/X\";\n"],"names":[],"mappings":";;;;qBAAc;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA"}

package/dist/Molecular/FormElement/FormElement.js

@@ -14,11 +14,39 @@ const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames")
 const _Label = /*#__PURE__*/ _interop_require_default(require("../../Atomic/FormElements/Label/Label"));
 const _Alert = /*#__PURE__*/ _interop_require_default(require("./../../Atomic/UI/Alert/Alert"));
 require("./FormElement.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;
+}
 const RC = "form-element";
 const FormElement = ({ label, required, children, error, className, hint, isLabelBolt, isNoLabel, alert, onClickHintCallback, note })=>{
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
@@ -40,11 +68,12 @@ const FormElement = ({ label, required, children, error, className, hint, isLabe
                 }),
                 children: error
             }),
-            alert && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
-                className: `${RC}__alert`,
-                ...alert
-            })
+            alert && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, _object_spread({
+                className: `${RC}__alert`
+            }, alert))
         ]
     });
 };
 const _default = FormElement;
+
+//# sourceMappingURL=FormElement.js.map

package/dist/Molecular/FormElement/FormElement.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Molecular/FormElement/FormElement.js"],"sourcesContent":["import React from \"react\";\n\nimport cn from \"classnames\";\n\nimport Label from \"../../Atomic/FormElements/Label/Label\";\n\nimport Alert from \"./../../Atomic/UI/Alert/Alert\";\n\nimport \"./FormElement.scss\";\n\nconst RC = \"form-element\";\n\nconst FormElement = ({\n  label,\n  required,\n  children,\n  error,\n  className,\n  hint,\n  isLabelBolt,\n  isNoLabel,\n  alert,\n  onClickHintCallback,\n  note,\n}) => {\n  return (\n    <div className={cn(className, RC)}>\n      {label && !isNoLabel && (\n        <Label\n          className={`${RC}__label`}\n          label={label}\n          hint={hint}\n          note={note}\n          isRequired={required}\n          isLabelBolt={isLabelBolt}\n          onClickHintCallback={onClickHintCallback}\n        />\n      )}\n      {children}\n      {error && (\n        <span\n          className={cn(`${RC}__error`, {\n            [`${RC}__error--with-alert`]: alert,\n          })}\n        >\n          {error}\n        </span>\n      )}\n      {alert && <Alert className={`${RC}__alert`} {...alert} />}\n    </div>\n  );\n};\n\nexport default FormElement;\n"],"names":["RC","FormElement","label","required","children","error","className","hint","isLabelBolt","isNoLabel","alert","onClickHintCallback","note","div","cn","Label","isRequired","span","Alert"],"mappings":";;;;+BAqDA;;;eAAA;;;;8DArDkB;mEAEH;8DAEG;8DAEA;QAEX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,KAAK;AAEX,MAAMC,cAAc,CAAC,EACnBC,KAAK,EACLC,QAAQ,EACRC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACTC,IAAI,EACJC,WAAW,EACXC,SAAS,EACTC,KAAK,EACLC,mBAAmB,EACnBC,IAAI,EACL;IACC,qBACE,sBAACC;QAAIP,WAAWQ,IAAAA,mBAAE,EAACR,WAAWN;;YAC3BE,SAAS,CAACO,2BACT,qBAACM,cAAK;gBACJT,WAAW,GAAGN,GAAG,OAAO,CAAC;gBACzBE,OAAOA;gBACPK,MAAMA;gBACNK,MAAMA;gBACNI,YAAYb;gBACZK,aAAaA;gBACbG,qBAAqBA;;YAGxBP;YACAC,uBACC,qBAACY;gBACCX,WAAWQ,IAAAA,mBAAE,EAAC,GAAGd,GAAG,OAAO,CAAC,EAAE;oBAC5B,CAAC,GAAGA,GAAG,mBAAmB,CAAC,CAAC,EAAEU;gBAChC;0BAECL;;YAGJK,uBAAS,qBAACQ,cAAK;gBAACZ,WAAW,GAAGN,GAAG,OAAO,CAAC;eAAMU;;;AAGtD;MAEA,WAAeT"}

package/dist/Molecular/FormElement/FormElement.stories.js

@@ -21,11 +21,63 @@ const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _Input = /*#__PURE__*/ _interop_require_default(require("../../Atomic/FormElements/Input/Input"));
 const _FormElement = /*#__PURE__*/ _interop_require_default(require("./FormElement"));
 require("../../../../scss/main.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;
+}
 global.lng = "en";
 const _default = {
     title: "Form Elements/Form Element",
@@ -61,12 +113,11 @@ const _default = {
     }
 };
 const Template = (args)=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FormElement.default, {
-        ...args,
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FormElement.default, _object_spread_props(_object_spread({}, args), {
         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
             error: args.error
         })
-    });
+    }));
 };
 const InputTemplate = Template.bind({});
 InputTemplate.args = {
@@ -90,3 +141,5 @@ InputTemplate.args = {
     },
     note: "(note)"
 };
+
+//# sourceMappingURL=FormElement.stories.js.map

package/dist/Molecular/FormElement/FormElement.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Molecular/FormElement/FormElement.stories.js"],"sourcesContent":["import React from \"react\";\n\nimport Input from \"../../Atomic/FormElements/Input/Input\";\n\nimport FormElement from \"./FormElement\";\n\nimport \"../../../../scss/main.scss\";\n\nglobal.lng = \"en\";\n\nexport default {\n  title: \"Form Elements/Form Element\",\n  component: FormElement,\n  argTypes: {\n    label: {\n      description: \"string/JSX\",\n    },\n    note: {\n      description: \"string/JSX\",\n    },\n    children: {\n      description: \"JSX\",\n    },\n    error: {\n      description: \"string - print error if is errored\",\n    },\n    required: {\n      description: \"boolean\",\n    },\n    className: {\n      description: \"string\",\n    },\n    hint: {\n      description: \"object {text: string, hintSide: bottom/right\",\n      control: {\n        type: \"object\",\n      },\n    },\n    alert: {\n      description: \"optional, object { can receive alert props }\",\n    },\n  },\n};\n\nconst Template = (args) => {\n  return (\n    <FormElement {...args}>\n      <Input error={args.error} />\n    </FormElement>\n  );\n};\n\nexport const InputTemplate = Template.bind({});\n\nInputTemplate.args = {\n  label: \"Text label\",\n  isLabelBolt: true,\n  error: \"error\",\n  required: true,\n  hint: {\n    text: \"hint\",\n    hintSide: \"bottom\",\n  },\n  numStep: 1,\n  min: \"0\",\n  max: \"5\",\n  placeholder: \"Placeholder\",\n  mask: \"\",\n  alert: {\n    message: \"test\",\n    variant: \"info\",\n    noDismiss: true,\n  },\n  note: \"(note)\",\n};\n"],"names":["InputTemplate","global","lng","title","component","FormElement","argTypes","label","description","note","children","error","required","className","hint","control","type","alert","Template","args","Input","bind","isLabelBolt","text","hintSide","numStep","min","max","placeholder","mask","message","variant","noDismiss"],"mappings":";;;;;;;;;;;IAoDaA,aAAa;eAAbA;;IA1Cb,OAgCE;eAhCF;;;;8DAVkB;8DAEA;oEAEM;QAEjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,oBAAW;IACtBC,UAAU;QACRC,OAAO;YACLC,aAAa;QACf;QACAC,MAAM;YACJD,aAAa;QACf;QACAE,UAAU;YACRF,aAAa;QACf;QACAG,OAAO;YACLH,aAAa;QACf;QACAI,UAAU;YACRJ,aAAa;QACf;QACAK,WAAW;YACTL,aAAa;QACf;QACAM,MAAM;YACJN,aAAa;YACbO,SAAS;gBACPC,MAAM;YACR;QACF;QACAC,OAAO;YACLT,aAAa;QACf;IACF;AACF;AAEA,MAAMU,WAAW,CAACC;IAChB,qBACE,qBAACd,oBAAW,0CAAKc;kBACf,cAAA,qBAACC,cAAK;YAACT,OAAOQ,KAAKR,KAAK;;;AAG9B;AAEO,MAAMX,gBAAgBkB,SAASG,IAAI,CAAC,CAAC;AAE5CrB,cAAcmB,IAAI,GAAG;IACnBZ,OAAO;IACPe,aAAa;IACbX,OAAO;IACPC,UAAU;IACVE,MAAM;QACJS,MAAM;QACNC,UAAU;IACZ;IACAC,SAAS;IACTC,KAAK;IACLC,KAAK;IACLC,aAAa;IACbC,MAAM;IACNZ,OAAO;QACLa,SAAS;QACTC,SAAS;QACTC,WAAW;IACb;IACAvB,MAAM;AACR"}

package/dist/Molecular/FormWithDependOn/FormWithDependOn.js

@@ -15,6 +15,19 @@ const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames")
 const _useFormFieldsChangesManager = /*#__PURE__*/ _interop_require_default(require("../../Functions/hooks/useFormFieldsChangesManager"));
 const _utils = require("../../Functions/utils");
 const _utils1 = require("./partials/_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
@@ -61,6 +74,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 = "form-with-depend-on";
 const FormWithDependOn = /*#__PURE__*/ _react.default.forwardRef(({ form, formId, setForm, //! Рекомендую НЕ использовать, пока что работает плохо
 //? По задумке вводилась для коррекции формы при асинхронных последовательных зависимостях
@@ -82,11 +134,11 @@ getActualForm: getActualFormOuter, onChange, renderField, getAnotherActions, cla
         assign,
         getActualForm
     }) : {};
-    const getMainOfAdditional = (onChange, additionalOfOnChange)=>({
+    const getMainOfAdditional = (onChange, additionalOfOnChange)=>_object_spread_props(_object_spread({
             formId,
             actions: anotherActions,
-            isInit: true,
-            ...(0, _utils.getIsOnlyAnObject)(additionalOfOnChange) ? additionalOfOnChange : {},
+            isInit: true
+        }, (0, _utils.getIsOnlyAnObject)(additionalOfOnChange) ? additionalOfOnChange : {}), {
             onChange,
             setForm: safelySetForm,
             assign,
@@ -115,10 +167,9 @@ getActualForm: getActualFormOuter, onChange, renderField, getAnotherActions, cla
         // ! а значит не пройдет эту if-ку
         if (currField[propKey || "value"] === newValue && !isMakeChangesAnyway) return;
         // ? Сразу же мутируем
-        safelyOnChange(newValue, fieldKey, propKey, {
-            ...additionalOfOnChange,
+        safelyOnChange(newValue, fieldKey, propKey, _object_spread_props(_object_spread({}, additionalOfOnChange), {
             updatedForm: currentForm
-        });
+        }));
         // ? Механика dependOn (обработка зависимостей)
         // ? В текущей реализации отделил от экшена all.
         startDependOn({
@@ -160,29 +211,27 @@ getActualForm: getActualFormOuter, onChange, renderField, getAnotherActions, cla
                 fieldKey: field.key,
                 field,
                 form,
-                additional: {
-                    ...getMainOfAdditional(handleChange),
+                additional: _object_spread_props(_object_spread({}, getMainOfAdditional(handleChange)), {
                     isInitialization: true,
                     isInit: false
-                }
+                })
             });
         });
     }, [
         isInitializeByDependOn
     ]);
     // ***** output *****
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-        ...formId ? {
-            id: formId
-        } : {},
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({}, formId ? {
+        id: formId
+    } : {}), {
         className: (0, _classnames.default)(RC, className),
-        children: typeof renderField === "function" ? form.map((field)=>renderField({
-                ...getMainOfAdditional(handleChange),
-                field: {
-                    ...field,
+        children: typeof renderField === "function" ? form.map((field)=>renderField(_object_spread_props(_object_spread({}, getMainOfAdditional(handleChange)), {
+                field: _object_spread_props(_object_spread({}, field), {
                     disabled: Boolean(isFormDisabled || field.disabled)
-                }
-            })) : null
-    });
+                })
+            }))) : null
+    }));
 });
 const _default = FormWithDependOn;
+
+//# sourceMappingURL=FormWithDependOn.js.map

package/dist/Molecular/FormWithDependOn/FormWithDependOn.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Molecular/FormWithDependOn/FormWithDependOn.js"],"sourcesContent":["// global\nimport React, { useEffect, useState } from \"react\";\n\nimport cn from \"classnames\";\n\nimport useFormFieldsChangesManager from \"../../Functions/hooks/useFormFieldsChangesManager\";\nimport { clone, getIsOnlyAnObject } from \"../../Functions/utils\";\n\n// local functions\nimport { getDependOnStarter } from \"./partials/_utils\";\n\nconst RC = \"form-with-depend-on\";\n\nconst FormWithDependOn = React.forwardRef(\n  (\n    {\n      form,\n      formId,\n      setForm,\n\n      //! Рекомендую НЕ использовать, пока что работает плохо\n      //? По задумке вводилась для коррекции формы при асинхронных последовательных зависимостях\n      // todo(VL) - как-нибудь попробовать допилить\n      getActualForm: getActualFormOuter,\n\n      onChange,\n      renderField,\n\n      getAnotherActions,\n\n      className,\n      isInitializeByDependOn,\n      isFormDisabled,\n      typeOfUse = \"default\",\n    },\n    ref,\n  ) => {\n    // ? Прихраниваем состояние формы на момент входа\n    const [initialForm] = useState(clone(form));\n\n    const safelySetForm = typeof setForm === \"function\" ? setForm : () => {};\n    const safelyOnChange = typeof onChange === \"function\" ? onChange : () => {};\n\n    const getActualForm = typeof getActualFormOuter === \"function\" ? getActualFormOuter : () => form;\n\n    const { assignChangesToField } = useFormFieldsChangesManager({\n      form: Array.isArray(form) ? form : [],\n      setForm: safelySetForm,\n    });\n\n    const assign = assignChangesToField;\n\n    // ***** handlers *****\n\n    const anotherActions = typeof getAnotherActions === \"function\"\n      ? getAnotherActions({ setForm, assign, getActualForm })\n      : {};\n\n    const getMainOfAdditional = (onChange, additionalOfOnChange) => ({\n      formId,\n      actions: anotherActions,\n      isInit: true,\n      ...(getIsOnlyAnObject(additionalOfOnChange) ? additionalOfOnChange : {}),\n      onChange,\n      setForm: safelySetForm,\n      assign,\n      getActualForm,\n      initialForm,\n      typeOfUse,\n    });\n\n    const startDependOn = getDependOnStarter({ assign, getActualForm });\n\n    // ? Местный handleChange добавляет логику dependOn к верхнему onChange,\n    // ? а так же запускает прочие экшены, из объекта методов, возвращаемым getAnotherActions\n    const handleChange = (\n      newValue,\n      fieldKey,\n      propKey,\n      additionalOfOnChange,\n    ) => {\n      const {\n        updatedForm = null,\n        isMakeChangesAnyway = false,\n        isUseActualForm = false,\n      } = getIsOnlyAnObject(additionalOfOnChange) ? additionalOfOnChange : {};\n\n      const currentForm = clone(\n        (() => {\n          if (isUseActualForm) return getActualForm();\n          return Array.isArray(updatedForm) ? updatedForm : form;\n        })(),\n      );\n\n      const currField = clone(currentForm.find(field => field.key === fieldKey));\n\n      // ? Защита от дублирующих вызовов onChange снизу\n      // ? \"Если newValue такое же как уже есть и нет флага \"применять изменения всегда\"\"\n      // ! (*) - Важно !\n      // ! Отключайте прямую мутацию на уровне проектного FormItem (в каждом филде указать isNotUseInnerHandler: true)\n      // ! т.к. тот хендлер запускатся раньше и сюда филд доходит с измененным значением,\n      // ! а значит не пройдет эту if-ку\n      if (currField[propKey || \"value\"] === newValue && !isMakeChangesAnyway) return;\n\n      // ? Сразу же мутируем\n      safelyOnChange(newValue, fieldKey, propKey, { ...additionalOfOnChange, updatedForm: currentForm });\n\n      // ? Механика dependOn (обработка зависимостей)\n      // ? В текущей реализации отделил от экшена all.\n\n      startDependOn({\n        newValue,\n        fieldKey,\n        propKey,\n        field: currField,\n        form: currentForm,\n        additional: getMainOfAdditional(handleChange, additionalOfOnChange),\n      });\n\n      // ? Если в объекте методов возвращаемом getAnotherActions есть метод all, то он запускается отдельно\n      if (typeof anotherActions.all === \"function\") {\n        anotherActions.all({\n          newValue,\n          fieldKey,\n          propKey,\n          field: currField,\n          form: currentForm,\n          additional: getMainOfAdditional(handleChange, additionalOfOnChange),\n        });\n      }\n\n      if (fieldKey in anotherActions && typeof anotherActions[fieldKey] === \"function\") {\n        const postChanges = anotherActions[fieldKey]({\n          newValue,\n          fieldKey,\n          propKey,\n          field: currField,\n          form: currentForm,\n          additional: getMainOfAdditional(handleChange, additionalOfOnChange),\n        });\n\n        if (postChanges) assign(postChanges, fieldKey);\n      }\n    };\n\n    // ***** useEffects *****\n\n    useEffect(() => {\n      if (isInitializeByDependOn && typeof setForm === \"function\" && typeof onChange === \"function\")\n        form.forEach(field => {\n          startDependOn({\n            newValue: field.value,\n            fieldKey: field.key,\n            field,\n            form,\n            additional: {\n              ...getMainOfAdditional(handleChange),\n              isInitialization: true,\n              isInit: false,\n            },\n          });\n        });\n    }, [isInitializeByDependOn]);\n\n    // ***** output *****\n    return (\n      <div {...(formId ? { id: formId } : {})} className={cn(RC, className)}>\n        {typeof renderField === \"function\"\n          ? form.map(field =>\n              renderField({\n                ...getMainOfAdditional(handleChange),\n                field: {\n                  ...field,\n                  disabled: Boolean(isFormDisabled || field.disabled),\n                },\n              }),\n            )\n          : null}\n      </div>\n    );\n  },\n);\n\nexport default FormWithDependOn;\n"],"names":["RC","FormWithDependOn","React","forwardRef","form","formId","setForm","getActualForm","getActualFormOuter","onChange","renderField","getAnotherActions","className","isInitializeByDependOn","isFormDisabled","typeOfUse","ref","initialForm","useState","clone","safelySetForm","safelyOnChange","assignChangesToField","useFormFieldsChangesManager","Array","isArray","assign","anotherActions","getMainOfAdditional","additionalOfOnChange","actions","isInit","getIsOnlyAnObject","startDependOn","getDependOnStarter","handleChange","newValue","fieldKey","propKey","updatedForm","isMakeChangesAnyway","isUseActualForm","currentForm","currField","find","field","key","additional","all","postChanges","useEffect","forEach","value","isInitialization","div","id","cn","map","disabled","Boolean"],"mappings":"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"}

package/dist/Molecular/FormWithDependOn/FormWithDependOn.stories.js

@@ -24,6 +24,19 @@ const _FormElement = /*#__PURE__*/ _interop_require_default(require("../FormElem
 const _Dropdown = /*#__PURE__*/ _interop_require_default(require("../../Atomic/FormElements/Dropdown/Dropdown"));
 const _Input = /*#__PURE__*/ _interop_require_default(require("../../Atomic/FormElements/Input/Input"));
 require("../../../../scss/main.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
@@ -70,6 +83,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/Form With Depend On',
@@ -224,16 +276,14 @@ const renderField = ({ field, onChange })=>{
     const getFieldJSX = (field)=>{
         switch(field.type){
             case 'dropdown':
-                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dropdown.default, {
-                    ...field,
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dropdown.default, _object_spread_props(_object_spread({}, field), {
                     value: field.value,
                     onChange: (val)=>handle.change(val)
-                });
+                }));
             default:
-                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
-                    ...field,
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, _object_spread_props(_object_spread({}, field), {
                     onChange: (val)=>handle.change(val)
-                });
+                }));
         }
     };
     if (field.isNotRender) return null;
@@ -276,26 +326,25 @@ const Template = (args)=>{
         // ! Для корректной работы важно в базовом setForm учитывать возможность updatedForm
         // ! Это нужно если из dedpendOn-колбеков делаются повторные вызовы onChange
         // ! (не return объекта изменений, не assign изменения, а именно вызов onChange, для триггера нового витка сработок зависимостей)
-        setForm((Array.isArray(updatedForm) ? updatedForm : form).map((field)=>field.key === fieldKey ? {
-                ...field,
-                [propKey || 'value']: newValue,
-                ...isCleaningUpErrors ? {
-                    error: ''
-                } : {}
-            } : field));
+        setForm((Array.isArray(updatedForm) ? updatedForm : form).map((field)=>field.key === fieldKey ? _object_spread(_object_spread_props(_object_spread({}, field), {
+                [propKey || 'value']: newValue
+            }), isCleaningUpErrors ? {
+                error: ''
+            } : {}) : field));
     };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FormWithDependOn.default, {
-        ...args,
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FormWithDependOn.default, _object_spread_props(_object_spread({}, args), {
         className: "form-with-depend-on_example",
         form: form,
         setForm: setForm,
         onChange: generalOnChange,
         renderField: renderField,
         getAnotherActions: getAnotherActions
-    });
+    }));
 };
 const FormWithDependOnTemplate = Template.bind({});
 FormWithDependOnTemplate.args = {
     isInitializeByDependOn: true,
     isFormDisabled: false
 };
+
+//# sourceMappingURL=FormWithDependOn.stories.js.map