intelicoreact 1.6.6 → 1.6.8

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Molecular/FormWithDependOn/FormWithDependOn.stories.js"],"sourcesContent":["import React, {useState} from 'react';\n\nimport { getIsOnlyAnObject } from '../../Functions/utils';\n\nimport FormWithDependOn from './FormWithDependOn';\nimport FormElement from '../FormElement/FormElement';\nimport Dropdown from '../../Atomic/FormElements/Dropdown/Dropdown';\nimport Input from '../../Atomic/FormElements/Input/Input';\n\nimport '../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/Form With Depend On',\n  component: FormWithDependOn,\n  argTypes: {\n    ref: {\n      description: 'The component is implemented as React.forwardRef and accepts refs',\n    },\n    form: {\n      description: 'Array of Objects. This is the target form, the component render it and mutated it with the passed methods',\n    },\n    formId: {\n      description: 'String, optional. If passed, it will be used as an id attribute for the topmost container from the returned JSX',\n    },\n    setForm: {\n      description: 'Function. The method of direct installation of the form. If it is not passed, then the dependOn system will not work correctly',\n    },\n    onChange: {\n      description: 'Function. The method to be called by the field when changing. If not passed, the form will be rendered, but it will be immutable',\n    },\n    renderField: {\n      description: 'Function. The method for drawing each element of the form. If not passed, the component will return an empty container',\n    },\n    getAnotherActions: {\n      description: (\n        'Function, optional. The function should return an object with methods of the same name as the field keys or with the name \"all\". ' + \n        'When changing the field, the method of the same name will be called from this object. The all method will be called for any change to any field'\n      ),\n    },\n    className: {\n      description: 'String, optional. If passed, it will be added additional to the className attribute of the upper container of the returned JSX',\n    },\n    isInitializeByDependOn: {\n      description: (\n        'Boolean, optional. If true is passed, then useEffect will be triggered by zero dependence. ' +\n        'In this run, the dependOn logic will be run for each field without running onChange. ' +\n        'This is convenient when you need the described dependencies to work during initialization as part of initialization.'\n      ),\n    },\n    isFormDisabled: {\n      description: 'Boolean, optional. If true is passed, the disabled: true property will be passed for each field',\n    },\n    typeOfUse: {\n      description: (\n        'String, optional, default value - \"default\". Related to the dependOn logic. ' +\n        'Sometimes, to organize the logic of dependencies, it is important to understand which implementation of the form as a whole works.' +\n        'This value is passed for each dependOn callback in the object of \"additional\" property'\n      ),\n    },\n  },\n};\n\n// ? Пример конструктора в проекте. В филдах прописаны зависимости\n// ?  - филды могут быть доминирующими, зависимыми и одновременно доминирующими и зависимыми (как email в примере)\n// ?  - филды могут быть зависимы от нескольких полей, как с одной реакцией,\n// ?    так и с разными реациями на каждую зависимость (как additionalInfo в примере)\n// ?  - филды могут быть зависимы от самих себя\nconst fields = [\n  {\n    key: 'variants',\n    label: 'Test dropdown',\n    type: 'dropdown',\n    options: [\n      {\n        value: 'account',\n        label: 'Account',\n      },\n\n      {\n        value: 'email',\n        label: 'Email',\n      },\n    ],\n    isDominantField: true,\n    isNotUseInnerHandler: true,\n    value: 'account',\n  },\n\n  {\n    key: 'email',\n    label: 'Email',\n    isDominantField: true,\n    isNotUseInnerHandler: true,\n    dependOn: {\n      keys: ['variants'],\n      callback: (dominantField, dependField, form, additional) => {\n        const { onChange, assign } = additional;\n        const isNotRender = dominantField.value !== 'email';\n\n        if (!isNotRender) {\n          setTimeout(() => {\n            onChange('', dependField.key, null, { updatedForm: form.map(field => field.key === dominantField.key ? dominantField : field)});\n          }, 0);\n        }\n\n        return { isNotRender };\n      },\n    },\n  },\n  {\n    key: 'additionalInfo',\n    label: 'Additional',\n    isNotUseInnerHandler: true,\n    dependOn: {\n      keys: ['variants', 'email'],\n      callbacks: {\n        variants: (dominantField, dependField) => {\n          const isAccountCase = dominantField.value === 'account';\n\n          const label = isAccountCase ? 'Account name' : 'Your name';\n          return { label, value: '', disabled: isAccountCase ? false : dependField.disabled, placeholder: null  };\n        },\n        email: (dominantField) => {\n          if (!dominantField.value) return { value: '', placeholder: 'first, enter your email', disabled: true };\n          else return { disabled: false, placeholder: `${dominantField.value} owner name` };\n        },\n      }\n    },\n  },\n];\n\n// ? Это НЕ либовская логика. Это описывается на уровне проекта (даже на уровне конкретной реализации) и сводится к вызову для каждого филда FormItem.\n// ? Так же тут можно скорректировать пропы для FormItem, да и вообще).\n// ? Код частично взят из самого FormItem (в целом - без разницы какого проекта)\nconst renderField = ({ field, onChange }) => {\n  const { fieldChangesMiddleware, isNotUseInnerHandler, isRequired, disclaimer, isNoFormElemLabel, label } = field;\n\n\n  const handle = {\n    change: (value, fieldKey, propKey) => {\n      let newValue;\n      if (typeof fieldChangesMiddleware === 'function' && typeof value === 'string') {\n        newValue = fieldChangesMiddleware(value);\n      } else {\n        newValue = value;\n      }\n\n      // ! Специально прописал сюда этот кусок, т.к. он есть в КАЖДОЙ реализации FormItem (RenderField для админки)\n      // ! Если в конструкторе НЕ прописать КАЖДОМУ филду пропу isNotUseInnerHandler: true, то FormWithDependOn НЕ будет корректно работать\n      // ! (смотри код (*) в FormWithDependOn)\n      if (!isNotUseInnerHandler) {\n        field.error = '';\n        field.value = newValue;\n      }\n\n      // ! Есть реализации, в которых верхний onChange (самый верхний, базовый, который в примере generalOnChange)\n      // ! принимает 4-й аргумент! Это объект с чем угодно. Или НЕ добавляйте ТУТ 4-й аргумен, или добавляйте объектом.\n      onChange(newValue, fieldKey || field.key, propKey, { isCleaningUpErrors: true });\n    },\n  };\n\n  const getFieldJSX = (field) => {\n    switch(field.type) {\n      case 'dropdown':\n        return <Dropdown {...field } value={field.value} onChange={(val) => handle.change(val)} />\n      default: return <Input {...field} onChange={(val) => handle.change(val)} />\n    }\n  };\n\n\n\n  if (field.isNotRender) return null;\n  return (\n    <FormElement\n      key={field.key}\n      alert={disclaimer}\n      label={isNoFormElemLabel ? null : label}\n      required={isRequired}\n    >\n      {getFieldJSX(field)}\n    </FormElement>\n  );\n};\n\n// ? В целом система dependOn самодостаточна и решает широкий спектр организации зависимостей,\n// ? однако иногда может быть полезным отделить какую-то логику от dependOn и организовать отдельным персональным экшеном\n// ? (или же общим методом all, но отдельно от dependOn)\n// ? Для этого и существует данный метод.\n// ? Формат возврата данного метода - объект методов, либо одноименных ключу филда, либо с названием all (общий)\n// ? На вход getAnotherActions получает объект с методами установки - setForm и assign\n// ? Каждый метод из объекта методов при вызове на вход получит объект с пропами\n// ?  - newValue - новое значение изменившегося филда\n// ?  - fieldKey - ключ изменившегося филда\n// ?  - propKey - ключ изменяемой пропы изменившегося филда (будет undefined если меняется 'value')\n// ?  - field - целевой филд ДО применения нового значения\n// ?  - form - вся форма ДО применения нового значения к целевому филду\n// ?    (если только onChange не вызывали c updatedForm, тогда в этой пропе будет updatedForm, смотри generalOnChange из Template)\n// ?  - additional - объект с дополнительной информацией и методами\n// ! Важно !\n// ! Экшены запускает вызов onChange. Назначения через assing НЕ тригирят ни экшенов, ни логики dependOn\nconst getAnotherActions = ({ setForm, assign }) => {\n  return {\n    additionalInfo: ({ newValue, fieldKey, propKey, field, form, additional }) => {\n      const { isInitilisation } = additional;\n      if (!isInitilisation && !newValue) alert('Стерли руками additionalInfo!');\n    }\n  };\n};\n\nconst Template = args => {\n  const [form, setForm] = useState(fields);\n\n  const generalOnChange = (newValue, fieldKey, propKey, additionalOfOnChange) => {\n    // ? additionalOfOnChange - возможность прописать какие-либо особенности чтобы реагировать на информацию с мест вызовов,\n    const { updatedForm, isCleaningUpErrors } = getIsOnlyAnObject(additionalOfOnChange) ? additionalOfOnChange : {};\n\n    // ! Для корректной работы важно в базовом setForm учитывать возможность updatedForm\n    // ! Это нужно если из dedpendOn-колбеков делаются повторные вызовы onChange\n    // ! (не return объекта изменений, не assign изменения, а именно вызов onChange, для триггера нового витка сработок зависимостей)\n    setForm((Array.isArray(updatedForm) ? updatedForm :  form)\n      .map(field => field.key === fieldKey ? { ...field, [propKey || 'value']: newValue, ...(isCleaningUpErrors ? { error: '' } : {}) } : field));\n  };\n\n  return (\n    <FormWithDependOn\n      {...args}\n      className=\"form-with-depend-on_example\"\n      form={form}\n      setForm={setForm}\n      onChange={generalOnChange}\n      renderField={renderField}\n      getAnotherActions={getAnotherActions}\n    />\n  );\n};\n\nexport const FormWithDependOnTemplate = Template.bind({});\n\nFormWithDependOnTemplate.args = {\n  isInitializeByDependOn: true,\n  isFormDisabled: false,\n  // typeOfUse: 'modal',\n};\n"],"names":["FormWithDependOnTemplate","global","lng","title","component","FormWithDependOn","argTypes","ref","description","form","formId","setForm","onChange","renderField","getAnotherActions","className","isInitializeByDependOn","isFormDisabled","typeOfUse","fields","key","label","type","options","value","isDominantField","isNotUseInnerHandler","dependOn","keys","callback","dominantField","dependField","additional","assign","isNotRender","setTimeout","updatedForm","map","field","callbacks","variants","isAccountCase","disabled","placeholder","email","fieldChangesMiddleware","isRequired","disclaimer","isNoFormElemLabel","handle","change","fieldKey","propKey","newValue","error","isCleaningUpErrors","getFieldJSX","Dropdown","val","Input","FormElement","alert","required","additionalInfo","isInitilisation","Template","args","useState","generalOnChange","additionalOfOnChange","getIsOnlyAnObject","Array","isArray","bind"],"mappings":";;;;;;;;;;;IA8OaA,wBAAwB;eAAxBA;;IAjOb,OAiDE;eAjDF;;;;+DAb8B;uBAEI;yEAEL;oEACL;iEACH;8DACH;QAEX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,yBAAgB;IAC3BC,UAAU;QACRC,KAAK;YACHC,aAAa;QACf;QACAC,MAAM;YACJD,aAAa;QACf;QACAE,QAAQ;YACNF,aAAa;QACf;QACAG,SAAS;YACPH,aAAa;QACf;QACAI,UAAU;YACRJ,aAAa;QACf;QACAK,aAAa;YACXL,aAAa;QACf;QACAM,mBAAmB;YACjBN,aACE,sIACA;QAEJ;QACAO,WAAW;YACTP,aAAa;QACf;QACAQ,wBAAwB;YACtBR,aACE,gGACA,0FACA;QAEJ;QACAS,gBAAgB;YACdT,aAAa;QACf;QACAU,WAAW;YACTV,aACE,iFACA,uIACA;QAEJ;IACF;AACF;AAEA,kEAAkE;AAClE,kHAAkH;AAClH,4EAA4E;AAC5E,qFAAqF;AACrF,+CAA+C;AAC/C,MAAMW,SAAS;IACb;QACEC,KAAK;QACLC,OAAO;QACPC,MAAM;QACNC,SAAS;YACP;gBACEC,OAAO;gBACPH,OAAO;YACT;YAEA;gBACEG,OAAO;gBACPH,OAAO;YACT;SACD;QACDI,iBAAiB;QACjBC,sBAAsB;QACtBF,OAAO;IACT;IAEA;QACEJ,KAAK;QACLC,OAAO;QACPI,iBAAiB;QACjBC,sBAAsB;QACtBC,UAAU;YACRC,MAAM;gBAAC;aAAW;YAClBC,UAAU,CAACC,eAAeC,aAAatB,MAAMuB;gBAC3C,MAAM,EAAEpB,QAAQ,EAAEqB,MAAM,EAAE,GAAGD;gBAC7B,MAAME,cAAcJ,cAAcN,KAAK,KAAK;gBAE5C,IAAI,CAACU,aAAa;oBAChBC,WAAW;wBACTvB,SAAS,IAAImB,YAAYX,GAAG,EAAE,MAAM;4BAAEgB,aAAa3B,KAAK4B,GAAG,CAACC,CAAAA,QAASA,MAAMlB,GAAG,KAAKU,cAAcV,GAAG,GAAGU,gBAAgBQ;wBAAM;oBAC/H,GAAG;gBACL;gBAEA,OAAO;oBAAEJ;gBAAY;YACvB;QACF;IACF;IACA;QACEd,KAAK;QACLC,OAAO;QACPK,sBAAsB;QACtBC,UAAU;YACRC,MAAM;gBAAC;gBAAY;aAAQ;YAC3BW,WAAW;gBACTC,UAAU,CAACV,eAAeC;oBACxB,MAAMU,gBAAgBX,cAAcN,KAAK,KAAK;oBAE9C,MAAMH,QAAQoB,gBAAgB,iBAAiB;oBAC/C,OAAO;wBAAEpB;wBAAOG,OAAO;wBAAIkB,UAAUD,gBAAgB,QAAQV,YAAYW,QAAQ;wBAAEC,aAAa;oBAAM;gBACxG;gBACAC,OAAO,CAACd;oBACN,IAAI,CAACA,cAAcN,KAAK,EAAE,OAAO;wBAAEA,OAAO;wBAAImB,aAAa;wBAA2BD,UAAU;oBAAK;yBAChG,OAAO;wBAAEA,UAAU;wBAAOC,aAAa,GAAGb,cAAcN,KAAK,CAAC,WAAW,CAAC;oBAAC;gBAClF;YACF;QACF;IACF;CACD;AAED,sJAAsJ;AACtJ,uEAAuE;AACvE,gFAAgF;AAChF,MAAMX,cAAc,CAAC,EAAEyB,KAAK,EAAE1B,QAAQ,EAAE;IACtC,MAAM,EAAEiC,sBAAsB,EAAEnB,oBAAoB,EAAEoB,UAAU,EAAEC,UAAU,EAAEC,iBAAiB,EAAE3B,KAAK,EAAE,GAAGiB;IAG3G,MAAMW,SAAS;QACbC,QAAQ,CAAC1B,OAAO2B,UAAUC;YACxB,IAAIC;YACJ,IAAI,OAAOR,2BAA2B,cAAc,OAAOrB,UAAU,UAAU;gBAC7E6B,WAAWR,uBAAuBrB;YACpC,OAAO;gBACL6B,WAAW7B;YACb;YAEA,6GAA6G;YAC7G,qIAAqI;YACrI,wCAAwC;YACxC,IAAI,CAACE,sBAAsB;gBACzBY,MAAMgB,KAAK,GAAG;gBACdhB,MAAMd,KAAK,GAAG6B;YAChB;YAEA,4GAA4G;YAC5G,iHAAiH;YACjHzC,SAASyC,UAAUF,YAAYb,MAAMlB,GAAG,EAAEgC,SAAS;gBAAEG,oBAAoB;YAAK;QAChF;IACF;IAEA,MAAMC,cAAc,CAAClB;QACnB,OAAOA,MAAMhB,IAAI;YACf,KAAK;gBACH,qBAAO,qBAACmC,iBAAQ,0CAAKnB;oBAAQd,OAAOc,MAAMd,KAAK;oBAAEZ,UAAU,CAAC8C,MAAQT,OAAOC,MAAM,CAACQ;;YACpF;gBAAS,qBAAO,qBAACC,cAAK,0CAAKrB;oBAAO1B,UAAU,CAAC8C,MAAQT,OAAOC,MAAM,CAACQ;;QACrE;IACF;IAIA,IAAIpB,MAAMJ,WAAW,EAAE,OAAO;IAC9B,qBACE,qBAAC0B,oBAAW;QAEVC,OAAOd;QACP1B,OAAO2B,oBAAoB,OAAO3B;QAClCyC,UAAUhB;kBAETU,YAAYlB;OALRA,MAAMlB,GAAG;AAQpB;AAEA,8FAA8F;AAC9F,yHAAyH;AACzH,wDAAwD;AACxD,yCAAyC;AACzC,gHAAgH;AAChH,sFAAsF;AACtF,gFAAgF;AAChF,qDAAqD;AACrD,2CAA2C;AAC3C,mGAAmG;AACnG,0DAA0D;AAC1D,uEAAuE;AACvE,kIAAkI;AAClI,mEAAmE;AACnE,YAAY;AACZ,wGAAwG;AACxG,MAAMN,oBAAoB,CAAC,EAAEH,OAAO,EAAEsB,MAAM,EAAE;IAC5C,OAAO;QACL8B,gBAAgB,CAAC,EAAEV,QAAQ,EAAEF,QAAQ,EAAEC,OAAO,EAAEd,KAAK,EAAE7B,IAAI,EAAEuB,UAAU,EAAE;YACvE,MAAM,EAAEgC,eAAe,EAAE,GAAGhC;YAC5B,IAAI,CAACgC,mBAAmB,CAACX,UAAUQ,MAAM;QAC3C;IACF;AACF;AAEA,MAAMI,WAAWC,CAAAA;IACf,MAAM,CAACzD,MAAME,QAAQ,GAAGwD,IAAAA,eAAQ,EAAChD;IAEjC,MAAMiD,kBAAkB,CAACf,UAAUF,UAAUC,SAASiB;QACpD,wHAAwH;QACxH,MAAM,EAAEjC,WAAW,EAAEmB,kBAAkB,EAAE,GAAGe,IAAAA,wBAAiB,EAACD,wBAAwBA,uBAAuB,CAAC;QAE9G,oFAAoF;QACpF,4EAA4E;QAC5E,iIAAiI;QACjI1D,QAAQ,AAAC4D,CAAAA,MAAMC,OAAO,CAACpC,eAAeA,cAAe3B,IAAG,EACrD4B,GAAG,CAACC,CAAAA,QAASA,MAAMlB,GAAG,KAAK+B,WAAW,uDAAKb;gBAAO,CAACc,WAAW,QAAQ,EAAEC;gBAAcE,qBAAqB;gBAAED,OAAO;YAAG,IAAI,CAAC,KAAOhB;IACxI;IAEA,qBACE,qBAACjC,yBAAgB,0CACX6D;QACJnD,WAAU;QACVN,MAAMA;QACNE,SAASA;QACTC,UAAUwD;QACVvD,aAAaA;QACbC,mBAAmBA;;AAGzB;AAEO,MAAMd,2BAA2BiE,SAASQ,IAAI,CAAC,CAAC;AAEvDzE,yBAAyBkE,IAAI,GAAG;IAC9BlD,wBAAwB;IACxBC,gBAAgB;AAElB"}

package/dist/Molecular/FormWithDependOn/partials/_utils.js

@@ -9,6 +9,58 @@ Object.defineProperty(exports, "getDependOnStarter", {
     }
 });
 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 _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 getDependOnStarter = (props)=>{
     const { assign } = props;
     return ({ newValue, fieldKey, propKey, field, form, additional })=>{
@@ -33,16 +85,13 @@ const getDependOnStarter = (props)=>{
                     // ? Выбранная конструкция позволяет обрабатывать обычные и асинхронные колбеки вразнобой,
                     // ? причем не ожидая выполнения предыдущих
                     new Promise((resolve)=>{
-                        resolve(execute === null || execute === void 0 ? void 0 : execute({
-                            ...field,
-                            [propKey || "value"]: newValue,
-                            ...!isNotResetErrors ? {
-                                error: ""
-                            } : {}
-                        }, dependField, form, {
-                            ...additional,
+                        resolve(execute === null || execute === void 0 ? void 0 : execute(_object_spread(_object_spread_props(_object_spread({}, field), {
+                            [propKey || "value"]: newValue
+                        }), !isNotResetErrors ? {
+                            error: ""
+                        } : {}), dependField, form, _object_spread_props(_object_spread({}, additional), {
                             propKey
-                        }));
+                        })));
                     }).then((changes)=>{
                         if ((0, _utils.getIsOnlyAnObject)(changes)) assign(changes, dependField.key);
                         return changes;
@@ -52,3 +101,5 @@ const getDependOnStarter = (props)=>{
         }
     };
 };
+
+//# sourceMappingURL=_utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Molecular/FormWithDependOn/partials/_utils.js"],"sourcesContent":["import { getIsOnlyAnObject } from \"../../../Functions/utils\";\n\nexport const getDependOnStarter = (props) => {\n  const { assign } = props;\n\n  return ({ newValue, fieldKey, propKey, field, form, additional }) => {\n    if (field.isDominantField) {\n      const dependFields = form.filter((f) =>\n        f.dependOn?.keys?.includes?.(fieldKey),\n      );\n\n      if (dependFields.length > 0) {\n        const { isNotResetErrors } = additional;\n        dependFields.forEach((dependField) => {\n          // ! Для звисимого филда есть 2 способа назначить обработчик\n\n          // ?  - прописать в объекте dependOn callback, который будет вызываться для каждой зависимости,\n          // ?    а уже внутри самого колбэка разбираться, для какой имменно зависимости вызван обработчик\n\n          // ?  - прописать в объекте dependOn пропу callbacks, передать в нее объект в формате\n          // ?    { ... [ключ_доминирующего_поля]: соответствующий_коллбэк, ... }\n          // ?    таким образом для каждой зависимости будет вызван свой обработчик\n          const execute =\n            dependField.dependOn.callbacks?.[fieldKey] ??\n            dependField.dependOn.callback;\n\n          // ? Пытаемся получить объект изменений и если они приходят - назначаем.\n          // ? Выбранная конструкция позволяет обрабатывать обычные и асинхронные колбеки вразнобой,\n          // ? причем не ожидая выполнения предыдущих\n          new Promise((resolve) => {\n            resolve(\n              execute?.(\n                {\n                  ...field,\n                  [propKey || \"value\"]: newValue,\n                  ...(!isNotResetErrors ? { error: \"\" } : {}),\n                },\n                dependField,\n                form,\n                { ...additional, propKey },\n              ),\n            );\n          })\n            .then((changes) => {\n              if (getIsOnlyAnObject(changes)) assign(changes, dependField.key);\n              return changes;\n            })\n            .catch(() => {});\n        });\n      }\n    }\n  };\n};\n"],"names":["getDependOnStarter","props","assign","newValue","fieldKey","propKey","field","form","additional","isDominantField","dependFields","filter","f","dependOn","keys","includes","length","isNotResetErrors","forEach","dependField","execute","callbacks","callback","Promise","resolve","error","then","changes","getIsOnlyAnObject","key","catch"],"mappings":";;;;+BAEaA;;;eAAAA;;;uBAFqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE3B,MAAMA,qBAAqB,CAACC;IACjC,MAAM,EAAEC,MAAM,EAAE,GAAGD;IAEnB,OAAO,CAAC,EAAEE,QAAQ,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,KAAK,EAAEC,IAAI,EAAEC,UAAU,EAAE;QAC9D,IAAIF,MAAMG,eAAe,EAAE;YACzB,MAAMC,eAAeH,KAAKI,MAAM,CAAC,CAACC;oBAChCA,2BAAAA,kBAAAA;wBAAAA,cAAAA,EAAEC,QAAQ,cAAVD,mCAAAA,mBAAAA,YAAYE,IAAI,cAAhBF,wCAAAA,4BAAAA,iBAAkBG,QAAQ,cAA1BH,gDAAAA,+BAAAA,kBAA6BR;;YAG/B,IAAIM,aAAaM,MAAM,GAAG,GAAG;gBAC3B,MAAM,EAAEC,gBAAgB,EAAE,GAAGT;gBAC7BE,aAAaQ,OAAO,CAAC,CAACC;wBAUlBA;wBAAAA;oBATF,4DAA4D;oBAE5D,+FAA+F;oBAC/F,gGAAgG;oBAEhG,qFAAqF;oBACrF,uEAAuE;oBACvE,yEAAyE;oBACzE,MAAMC,UACJD,CAAAA,4CAAAA,kCAAAA,YAAYN,QAAQ,CAACQ,SAAS,cAA9BF,sDAAAA,+BAAgC,CAACf,SAAS,cAA1Ce,sDAAAA,2CACAA,YAAYN,QAAQ,CAACS,QAAQ;oBAE/B,wEAAwE;oBACxE,0FAA0F;oBAC1F,2CAA2C;oBAC3C,IAAIC,QAAQ,CAACC;wBACXA,QACEJ,oBAAAA,8BAAAA,QACE,uDACKd;4BACH,CAACD,WAAW,QAAQ,EAAEF;4BAClB,CAACc,mBAAmB;4BAAEQ,OAAO;wBAAG,IAAI,CAAC,IAE3CN,aACAZ,MACA,wCAAKC;4BAAYH;;oBAGvB,GACGqB,IAAI,CAAC,CAACC;wBACL,IAAIC,IAAAA,wBAAiB,EAACD,UAAUzB,OAAOyB,SAASR,YAAYU,GAAG;wBAC/D,OAAOF;oBACT,GACCG,KAAK,CAAC,KAAO;gBAClB;YACF;QACF;IACF;AACF"}

package/dist/Molecular/InputAddress/InputAddress.js

@@ -516,3 +516,5 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
     });
 };
 const _default = InputAddress;
+
+//# sourceMappingURL=InputAddress.js.map

package/dist/Molecular/InputAddress/InputAddress.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Molecular/InputAddress/InputAddress.js"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from \"react\";\n\nimport cn from \"classnames\";\nimport { AlertTriangle, X } from \"react-feather\";\n\nimport Input from \"../../Atomic/FormElements/Input/Input\";\nimport Spinner from \"../../Atomic/Layout/Spinner/Spinner\";\nimport Hint from \"../../Atomic/UI/Hint/Hint\";\nimport useIsMobile from \"../../Functions/useIsMobile/useIsMobile\";\nimport { compare, getIsOnlyAnObject } from \"../../Functions/utils\";\n\nimport \"./InputAddress.scss\";\n\nconst DEFAULT_HINT_MESSAGE =\n  \"Select the correct address from the list of suggestions (must contains house number and street name)\";\n\nconst RC = \"input-address\";\n\n// ? Если равны - true\nconst compareValues = (val1, val2) => {\n  return (\n    typeof val1 === typeof val2 &&\n    (getIsOnlyAnObject(val1) ? compare(val1, val2) : val1 === val2)\n  );\n};\n\nconst throttle = (fn, ms) => {\n  let id = null;\n  return (...args) => {\n    if (id) clearTimeout(id);\n\n    id = setTimeout(() => {\n      fn(...args);\n    }, ms);\n  };\n};\n\n// Отдает true если value валидное НЕ нулевое число\nconst getIsValidNumber = (value) =>\n  Boolean(value) && typeof value === \"number\" && !Number.isNaN(value);\n\nconst InputAddress = ({\n  label,\n  className = \"\",\n  isClearable = true,\n  isKeyboardControlled = true,\n  fieldKey = \"\",\n  testId = \"\",\n  throttle: throttleTime = 500, // ms\n  additionalThrottleTimeForListingRequest = 0, // ms\n  loader = \"\",\n  noItemsMessage = \"\",\n  error,\n  value = \"\",\n  onChange = () => {},\n  onChangeValueTransformer,\n  disabled,\n\n  getListItems = () => {},\n  clarifyAddressInfo, // ! Не делать дефолтного значения! Это и метод и флаг\n\n  noValidate = false,\n\n  renderSelectedItem,\n  renderListItem,\n  renderHintMessage,\n\n  attributesOfNativeInput,\n}) => {\n  const { isMobile } = useIsMobile();\n\n  const inputRef = useRef(null);\n  const listRef = useRef(null);\n  const listOverlayRef = useRef(null);\n  const listWrapperRef = useRef(null);\n  const listHeaderRef = useRef(null);\n  const previousValueRef = useRef(value);\n\n  const [isValueInited, setIsValueInited] = useState(false);\n\n  const [isScrollableList, setIsScrollableList] = useState(null);\n  const [scrollTop, setScrollTop] = useState(0);\n  const [scrollHeight, setScrollHeight] = useState(1);\n\n  const [innerValue, setInnerValue] = useState(value);\n\n  const [tempInnerValue, setTempInnerValue] = useState(null);\n  const [tempValue, setTempValue] = useState(null);\n\n  const [listItems, setListItems] = useState([]);\n  const [isLoading, setIsLoading] = useState(false);\n  const [isListLoading, setIsListLoading] = useState(false);\n\n  const [hightlightedIndex, setHightlightedIndex] = useState(null);\n\n  const [isFocused, setIsFocused] = useState(false);\n  const [isListVisible, setIsListVisible] = useState(false);\n\n  const isWrongAddress = useMemo(() => {\n    if (noValidate) return false;\n\n    if (innerValue === \"\") return false;\n    // eslint-disable-next-line no-prototype-builtins\n    if (\n      !innerValue?.hasOwnProperty(\"streetNumber\") ||\n      !innerValue?.streetNumber\n    )\n      return true;\n\n    // eslint-disable-next-line no-prototype-builtins\n    if (!innerValue?.hasOwnProperty(\"street\") || !innerValue?.street?.fullName)\n      return true;\n\n    return false;\n  }, [innerValue]);\n\n  const setItemAsInnerValue = (e, item) => {\n    if (e instanceof Event) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n\n    setTimeout(() => {\n      setInnerValue(item);\n\n      if (isMobile) {\n        setIsListVisible(false);\n      }\n    }, 0);\n  };\n\n  // ? Базовый метод получения списка вариантов адреса\n  const getAddressVariants = useMemo(\n    () => (innerValue) =>\n      getListItems(innerValue)\n        ?.then(setListItems)\n        .finally(() => setIsListLoading(false)),\n    [getListItems],\n  );\n\n  // ? Метод получения списка вариантов адреса с тротлингом (основным и, если нужно, дополнительным)\n  // ? Без useMemo работать НЕ будет (т.к. на каждом перерендере будет создаваться новая ф-я и будет теряться замкнутая переменная id из throttle)\n  const getAddressVariantsWithThrottling = useMemo(() => {\n    const execute = getIsValidNumber(additionalThrottleTimeForListingRequest)\n      ? throttle(getAddressVariants, additionalThrottleTimeForListingRequest)\n      : getAddressVariants;\n\n    return getIsValidNumber(throttleTime)\n      ? throttle(execute, throttleTime)\n      : execute;\n  }, [\n    getAddressVariants,\n    additionalThrottleTimeForListingRequest,\n    throttleTime,\n  ]);\n\n  // ? Итоговый \"получатель\" списка вариантов адресов\n  const getAddressVariantsList = () => {\n    if (!innerValue?.length) return null;\n\n    // ? Вообще с учетом надпись \"Loading\" в списке вариантов включается в этом месте (т.е. сразу при начале набора),\n    // ? то, наверное, можно было НЕ мутить с дополнительным тротлингом )).\n    // ? Наверное, можно было увеличить время первичного тротлинга и, наверное, работало бы так же ))\n    // ? НО, раз уже сделал )) оставлю, может будет в будущем полезно )\n    setIsListLoading(true);\n    getAddressVariantsWithThrottling(innerValue);\n\n    return null;\n  };\n\n  const onClearClick = (e) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (!isMobile) {\n      setIsListVisible(false);\n    }\n\n    setInnerValue(\"\");\n\n    inputRef?.current?.focus();\n    setTimeout(() => setIsFocused(true), 0);\n  };\n\n  const onOverlayClick = (e) => {\n    if (e.target === listOverlayRef?.current) {\n      e.stopPropagation();\n      e.preventDefault();\n      setIsListVisible(false);\n      setInnerValue(tempInnerValue);\n      onChange(\n        typeof innerValue === \"string\" ||\n          !onChangeValueTransformer ||\n          typeof onChangeValueTransformer !== \"function\"\n          ? innerValue\n          : onChangeValueTransformer(innerValue),\n      );\n    }\n  };\n\n  const onKeyDown = (keyCode) => {\n    if (!isListVisible || !isKeyboardControlled) return false;\n\n    if (keyCode === 13) {\n      // Enter Controller\n      setItemAsInnerValue(null, listItems[hightlightedIndex]);\n      setHightlightedIndex(null);\n      inputRef?.current?.blur();\n    } else {\n      let newHightlightedIndex = null;\n      const listItemsElements = document.getElementsByClassName(\n        \"input-address__list--item\",\n      );\n\n      const listHeight = listRef?.current?.getBoundingClientRect()?.height;\n      const listScrollTop = listRef?.current?.scrollTop || 0;\n      const lastItemIndex = parseInt(listItems?.length, 10) - 1;\n\n      /** Arrows Controllers **/\n      if (keyCode === 40) {\n        // Down Key Controller\n        if (hightlightedIndex === null || hightlightedIndex === lastItemIndex) {\n          newHightlightedIndex = 0;\n        } else if (hightlightedIndex + 1 < listItems?.length) {\n          newHightlightedIndex = hightlightedIndex + 1;\n        }\n      } else if (keyCode === 38) {\n        // Up Key Controller\n        if (hightlightedIndex === null || hightlightedIndex === 0) {\n          newHightlightedIndex = lastItemIndex;\n        } else if (hightlightedIndex - 1 >= 0) {\n          newHightlightedIndex = hightlightedIndex - 1;\n        }\n      }\n\n      // Scroll to Element\n      const newHightlightedElement = listItemsElements[newHightlightedIndex];\n      const newHightlightedElementHeight =\n        newHightlightedElement?.getBoundingClientRect()?.height;\n\n      const newHightlightedElementTopInList = newHightlightedElement?.offsetTop;\n\n      if (\n        newHightlightedElementTopInList + newHightlightedElementHeight >\n        listScrollTop + listHeight\n      ) {\n        if (\n          Math.abs(\n            newHightlightedElementTopInList +\n              newHightlightedElementHeight -\n              (listScrollTop + listHeight),\n          ) <= newHightlightedElementHeight\n        ) {\n          listRef?.current?.scrollTo(\n            0,\n            listScrollTop + newHightlightedElementHeight,\n          );\n        } else {\n          listRef?.current?.scrollTo(0, newHightlightedElementTopInList);\n        }\n      } else if (newHightlightedElementTopInList < listScrollTop) {\n        if (\n          Math.abs(newHightlightedElementTopInList - listScrollTop) <\n          newHightlightedElementHeight\n        ) {\n          listRef?.current?.scrollTo(\n            0,\n            listScrollTop - newHightlightedElementHeight,\n          );\n        } else {\n          listRef?.current?.scrollTo(0, newHightlightedElementTopInList);\n        }\n      }\n\n      if (!isMobile) setHightlightedIndex(newHightlightedIndex);\n    }\n  };\n\n  const getHintMessage = () => {\n    if (!renderHintMessage || typeof renderHintMessage !== \"function\")\n      return DEFAULT_HINT_MESSAGE;\n\n    return renderHintMessage(innerValue);\n  };\n\n  const getSelectedItemLabel = (value = innerValue) => {\n    if (!value) return \"\";\n    if (typeof value === \"string\") return value;\n    if (typeof renderSelectedItem === \"function\") renderSelectedItem(value);\n\n    const label =\n      `${value?.streetNumber || \"\"} ${value?.street?.fullName || \"\"}`.trim();\n    return !label && isLoading ? previousValueRef.current : label;\n  };\n\n  const getListItemLabel = (item) => {\n    if (typeof item === \"string\") return item;\n\n    if (!renderListItem || typeof renderListItem !== \"function\")\n      return item?.fullPrediction;\n\n    return renderListItem(item);\n  };\n\n  const setListHeight = () => {\n    if (listWrapperRef?.current && listHeaderRef?.current && listRef.current) {\n      const listWrapperHeight =\n        listWrapperRef?.current?.getBoundingClientRect()?.height;\n      const listWrapperStyles = getComputedStyle(listWrapperRef?.current);\n\n      const listHeaderHeight =\n        listHeaderRef?.current?.getBoundingClientRect()?.height;\n\n      const listHeight =\n        listWrapperHeight -\n        listHeaderHeight -\n        parseInt(listWrapperStyles.paddingBottom, 10);\n\n      listRef.current.style.maxHeight = `${listHeight}px`;\n    }\n  };\n\n  const resetListHeight = () => {\n    if (listRef.current) {\n      listRef.current.style.maxHeight = `initial`;\n    }\n  };\n\n  // ? Основной блок работы со значениями адреса\n  // ? Не меняйте вызовы setInnerValue и onChange не разобравшись в логике вызовов\n  useEffect(() => {\n    // ? Исключение инициализации - равны только при первом рендере компонента,\n    // ? т.к. рефка и стейт инициализируются верхним value\n    if (!compareValues(innerValue, previousValueRef.current)) {\n      const isObject = getIsOnlyAnObject(innerValue);\n\n      // ? innerValue меняется либо от ручного ввода, либо от выбора из списка\n      // ? Полная информация или нет - напрямую зависит от ответа getListItems\n      const isFullInfo =\n        isObject &&\n        \"streetNumber\" in innerValue &&\n        \"street\" in innerValue &&\n        \"city\" in innerValue &&\n        \"state\" in innerValue &&\n        \"country\" in innerValue &&\n        \"zipCode\" in innerValue;\n\n      // ? Для старого эндпоинта возвращается список с полной информацией, поэтому на проектах ничего не поменяется,\n      // ? если не менять запросник (getListItems), все будет проходить по этой if-ке или по 3-й (для строчных значений)\n      if (isFullInfo) {\n        onChange(innerValue);\n        setIsLoading(false);\n      }\n\n      // ? Неполная информация может быть только в том случае, когда метод getListItems использует уже новый эндпоинт гугл-апи.\n      // ? Предполагается, что при этом в компонент будет прокинута ф-я \"уточнятель\" (clarifyAddressInfo)\n      if (isObject && !isFullInfo) {\n        if (typeof clarifyAddressInfo === \"function\") {\n          setIsLoading(true);\n          // ? Предполагается, что clarifyAddressInfo - асинхронная ф-я, запросник уточнения опции\n          // ? Никаких await-ов НЕ нужно (тем более что в useEffect и нельзя для нового React),\n          // ? промис \"выплюнется в пустоту\", но НЕ будет отчищен до резолва, а useEffect (и итерация рендера в целом) при этом будет закончен(а)\n          clarifyAddressInfo(innerValue)?.then?.((res) => {\n            if (res) setInnerValue(res);\n            else {\n              setInnerValue(previousValueRef.current);\n              setTimeout(() => {\n                inputRef.current.focus();\n                inputRef.current.setSelectionRange(\n                  previousValueRef.current.length,\n                  previousValueRef.current.length,\n                );\n              }, 0);\n            }\n\n            setIsLoading(false);\n            return res;\n          });\n        }\n        // ! Если сверху поменяли эндпоинт и он выдает \"облегченный листинг\" (айтемы с неполной инфой),\n        // ! и НЕ пробросили clarifyAddressInfo, то на этом кейсе велью инпута будет просто зануляться\n        // ! (getSelectedItemLabel вернет пустую строку если вкинуть innerValue без всей инфы)\n        else setInnerValue(getSelectedItemLabel(innerValue));\n      }\n\n      // ? Кейс для строчных значений\n      if (!isObject) {\n        // ? Вызываем верхний onChange если innerValue есть или если нету, но это не после логики уточнения\n        if (innerValue || !isLoading) onChange(innerValue);\n        // ? Если innerValue есть и еще не открыт листинг - открываем\n        if (innerValue && !isListVisible) setIsListVisible(true);\n        // ? Если инпут сфокусирован и значение есть - запрашиваем список вариантов\n        if (isFocused && Boolean(innerValue)) getAddressVariantsList();\n      }\n    }\n  }, [innerValue]);\n\n  useEffect(() => {\n    if (!isFocused && !isMobile) {\n      setIsListVisible(false);\n      setHightlightedIndex(null);\n    }\n  }, [isFocused]);\n\n  useEffect(() => {\n    if (!isListVisible) {\n      setListItems([]);\n      resetListHeight();\n    }\n\n    if (isMobile && isListVisible) {\n      setTempInnerValue(innerValue);\n      setListHeight();\n    }\n  }, [isListVisible]);\n\n  useEffect(() => {\n    // ? учет изменения value сверху (верхние переназначения велью)\n    if (!compareValues(value, innerValue)) setInnerValue(value);\n\n    // ? useEffect должен быть последним, т.к. рефка меняется в рамках текущей итерации\n    previousValueRef.current = value;\n  }, [value]);\n\n  const renderSearchableInput = () => {\n    const inputValue = getSelectedItemLabel();\n\n    return (\n      <div className={cn(\"input-address__input-wrapper\")}>\n        <Input\n          ref={inputRef}\n          testId={`inputAddress--input--key-${testId || fieldKey}`}\n          className={cn(\"input-address__input\", className)}\n          value={inputValue}\n          onChange={setInnerValue}\n          onFocus={(e) => {\n            setIsFocused(true);\n          }}\n          onBlur={() => setIsFocused(false)}\n          onKeyDown={onKeyDown}\n          attributesOfNativeInput={attributesOfNativeInput}\n        />\n        {isWrongAddress && (\n          <div\n            className={cn(\"input-address__alert\", {\n              \"input-address__alert--visible\": !isFocused,\n            })}\n          >\n            <Hint\n              side=\"left\"\n              hint={getHintMessage()}\n              icon={<AlertTriangle />}\n              handleOpenType=\"hover\"\n            />\n          </div>\n        )}\n        {isClearable && (!isWrongAddress || isFocused) && (\n          <div\n            className={cn(\"input-address__clear-query\", {\n              \"input-address__clear-query--input-focused\": isFocused,\n            })}\n          >\n            <X onClick={onClearClick} />\n          </div>\n        )}\n      </div>\n    );\n  };\n\n  const renderInput = () => {\n    const inputValue = getSelectedItemLabel(\n      isListVisible ? tempInnerValue : innerValue,\n    );\n\n    return (\n      <div className={cn(\"input-address__input-wrapper\")}>\n        <Input\n          testId={`inputAddress--input--key-${testId || fieldKey}`}\n          className={cn(\"input-address__input\", className)}\n          value={inputValue}\n          onChange={setInnerValue}\n          onFocus={(e) => {\n            setIsListVisible(true);\n            e?.target?.blur();\n            setTimeout(() => inputRef?.current?.focus(), 200);\n          }}\n        />\n      </div>\n    );\n  };\n\n  const renderLoader = () => {\n    return (\n      <div className=\"input-address__list--loader\">\n        {loader || \"Loading...\"}\n      </div>\n    );\n  };\n\n  const renderList = () => {\n    const renderListItem = (item, i) => {\n      return (\n        <div\n          key={`input-address__list-item${i}`}\n          className={cn(\"input-address__list--item\", {\n            \"input-address__list--item-hightlighted\": i === hightlightedIndex,\n          })}\n          onMouseDown={(e) => setItemAsInnerValue(e, item)}\n        >\n          {getListItemLabel(item)}\n        </div>\n      );\n    };\n    const renderListItemCustom = () => {\n      return (\n        <div\n          key={`input-address__list-item--custom`}\n          className={cn(\n            \"input-address__list--item\",\n            \"input-address__list--item-custom\",\n          )}\n          onMouseDown={(e) => setItemAsInnerValue(e, getSelectedItemLabel())}\n        >\n          {getSelectedItemLabel()}\n          <AlertTriangle />\n          <span>Choose this only if your address is not listed below</span>\n        </div>\n      );\n    };\n    const renderNoItems = () => {\n      return (\n        <div className=\"input-address__list--no-items\">\n          {isMobile && !innerValue?.length\n            ? \"Please begin entering your address\"\n            : noItemsMessage || \"No Items\"}\n        </div>\n      );\n    };\n\n    const renderListDesktop = () => {\n      return (\n        <div className=\"input-address__list-wrapper\" ref={listWrapperRef}>\n          <div className=\"input-address__list\" ref={listRef}>\n            {isListLoading\n              ? renderLoader()\n              : listItems?.length\n                ? listItems?.map(renderListItem)\n                : renderNoItems()}\n          </div>\n        </div>\n      );\n    };\n    const renderListMobile = () => {\n      return (\n        <div\n          className=\"input-address__list-overlay\"\n          ref={listOverlayRef}\n          onClick={onOverlayClick}\n        >\n          <div className=\"input-address__list-wrapper\" ref={listWrapperRef}>\n            {isMobile && (\n              <div\n                ref={listHeaderRef}\n                className={cn(`${RC}__list-header`, {\n                  [`${RC}__list-header-with-shadow`]:\n                    isScrollableList && isMobile,\n                  [`${RC}__list-header-with-shadow-hidden`]: scrollTop === 0,\n                })}\n              >\n                <div className={cn(`${RC}__list-header-row`)}>\n                  <div className={cn(`${RC}__list-label`)}>\n                    {label || \"Address\"}\n                  </div>\n                  <div\n                    className={cn(`${RC}__list-close-icon`)}\n                    onClick={() => setIsListVisible(false)}\n                  >\n                    <X onClick={() => setIsListVisible(false)} />\n                  </div>\n                </div>\n                <div className={cn(`${RC}__list-header-row`)}>\n                  {renderSearchableInput()}\n                </div>\n              </div>\n            )}\n            <div className=\"input-address__list\" ref={listRef}>\n              {isListLoading ? (\n                renderLoader()\n              ) : (\n                <>\n                  {getSelectedItemLabel() && renderListItemCustom()}\n                  {listItems?.map(renderListItem)}\n                  {!listItems?.length &&\n                    !getSelectedItemLabel() &&\n                    renderNoItems()}\n                </>\n              )}\n            </div>\n          </div>\n        </div>\n      );\n    };\n\n    return isMobile ? renderListMobile() : renderListDesktop();\n  };\n\n  return (\n    <div\n      className={cn(\"input-address\", {\n        \"input-address--error\": error || (isWrongAddress && !isFocused),\n      })}\n    >\n      {isLoading && <Spinner size=\"small\" />}\n      {isMobile ? renderInput() : renderSearchableInput()}\n      {isListVisible && renderList()}\n    </div>\n  );\n};\n\nexport default InputAddress;\n"],"names":["DEFAULT_HINT_MESSAGE","RC","compareValues","val1","val2","getIsOnlyAnObject","compare","throttle","fn","ms","id","args","clearTimeout","setTimeout","getIsValidNumber","value","Boolean","Number","isNaN","InputAddress","label","className","isClearable","isKeyboardControlled","fieldKey","testId","throttleTime","additionalThrottleTimeForListingRequest","loader","noItemsMessage","error","onChange","onChangeValueTransformer","disabled","getListItems","clarifyAddressInfo","noValidate","renderSelectedItem","renderListItem","renderHintMessage","attributesOfNativeInput","isMobile","useIsMobile","inputRef","useRef","listRef","listOverlayRef","listWrapperRef","listHeaderRef","previousValueRef","isValueInited","setIsValueInited","useState","isScrollableList","setIsScrollableList","scrollTop","setScrollTop","scrollHeight","setScrollHeight","innerValue","setInnerValue","tempInnerValue","setTempInnerValue","tempValue","setTempValue","listItems","setListItems","isLoading","setIsLoading","isListLoading","setIsListLoading","hightlightedIndex","setHightlightedIndex","isFocused","setIsFocused","isListVisible","setIsListVisible","isWrongAddress","useMemo","hasOwnProperty","streetNumber","street","fullName","setItemAsInnerValue","e","item","Event","preventDefault","stopPropagation","getAddressVariants","then","finally","getAddressVariantsWithThrottling","execute","getAddressVariantsList","length","onClearClick","current","focus","onOverlayClick","target","onKeyDown","keyCode","blur","newHightlightedElement","newHightlightedIndex","listItemsElements","document","getElementsByClassName","listHeight","getBoundingClientRect","height","listScrollTop","lastItemIndex","parseInt","newHightlightedElementHeight","newHightlightedElementTopInList","offsetTop","Math","abs","scrollTo","getHintMessage","getSelectedItemLabel","trim","getListItemLabel","fullPrediction","setListHeight","listWrapperHeight","listWrapperStyles","getComputedStyle","listHeaderHeight","paddingBottom","style","maxHeight","resetListHeight","useEffect","isObject","isFullInfo","res","setSelectionRange","renderSearchableInput","inputValue","div","cn","Input","ref","onFocus","onBlur","Hint","side","hint","icon","AlertTriangle","handleOpenType","X","onClick","renderInput","renderLoader","renderList","i","onMouseDown","renderListItemCustom","span","renderNoItems","renderListDesktop","map","renderListMobile","Spinner","size"],"mappings":"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"}

package/dist/Molecular/InputAddress/InputAddress.stories.js

@@ -19,6 +19,19 @@ _export(exports, {
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _InputAddress = /*#__PURE__*/ _interop_require_default(require("./InputAddress"));
+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/InputAddress',
@@ -511,10 +563,9 @@ const Template = (args)=>{
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputAddress.default, {
-                field: {
-                    ...args,
+                field: _object_spread_props(_object_spread({}, args), {
                     value
-                },
+                }),
                 onChange: setValue,
                 getListItems: getListItems,
                 noValidate: true,
@@ -539,3 +590,5 @@ const Template = (args)=>{
 };
 const InputTemplate = Template.bind({});
 InputTemplate.args = {};
+
+//# sourceMappingURL=InputAddress.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Molecular/InputAddress/InputAddress.stories.js"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport InputAddress from './InputAddress';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/InputAddress',\n  component: InputAddress,\n  argTypes: {},\n};\n\nconst Template = args => {\n  const [value, setValue] = useState('');\n\n  function shuffle(arr) {\n    for (var i = 0; i < arr.length; i++) {\n      var j = Math.floor(Math.random() * (i + 1));\n      var tmp = arr[i];\n      arr[i] = arr[j];\n      arr[j] = tmp;\n    }\n    return arr.map(function (item, index) {\n      return item;\n    });\n  }\n\n  const getListItems = () => {\n    const max = 14;\n    const min = 0;\n    const itemsLen = 100;//Math.ceil(Math.random() * (max - min) + min);\n\n    const items = [\n      {\n        \"fullPrediction\":\"25 State Rd 13, Fruit Cove, FL 32259, USA\",\n        \"streetNumber\":\"25\",\n        \"street\":{\"fullName\":\"State Road 13\",\"shortName\":\"State Rd 13\"},\n        \"city\":{\"fullName\":\"Fruit Cove\",\"shortName\":\"Fruit Cove\"},\n        \"state\":{\"fullName\":\"Florida\",\"shortName\":\"FL\"},\n        \"country\":{\"fullName\":\"United States\",\"shortName\":\"US\"},\n        \"zipCode\":\"32259\"\n      },\n      {\n        \"fullPrediction\":\"Peachtree Pl NE, Atlanta, GA 30309, USA\",\n        \"streetNumber\":null,\n        \"street\":{\"fullName\":\"Peachtree Place Northeast\",\"shortName\":\"Peachtree Place Northeast\"},\n        \"city\":{\"fullName\":\"Atlanta\",\"shortName\":\"Atlanta\"},\n        \"state\":{\"fullName\":\"Georgia\",\"shortName\":\"GA\"},\n        \"country\":{\"fullName\":\"United States\",\"shortName\":\"US\"},\n        \"zipCode\":\"30309\"\n      },\n      {\n        \"fullPrediction\":\"Peachtree Pl NE, Atlanta, GA 30309, USA\",\n        \"streetNumber\":null,\n        \"street\":{\"fullName\":\"Peachtree Place Northeast\",\"shortName\":\"Peachtree Place Northeast\"},\n        \"city\":{\"fullName\":\"Atlanta\",\"shortName\":\"Atlanta\"},\n        \"state\":{\"fullName\":\"Georgia\",\"shortName\":\"GA\"},\n        \"country\":{\"fullName\":\"United States\",\"shortName\":\"US\"},\n        \"zipCode\":null\n      },\n      {\n        \"fullPrediction\":\"25 State Rd 13, Fruit Cove, FL 32259, USA\",\n        \"streetNumber\":\"25\",\n        \"street\":{\"fullName\":\"State Road 13\",\"shortName\":\"State Rd 13\"},\n        \"city\":{\"fullName\":\"Fruit Cove\",\"shortName\":\"Fruit Cove\"},\n        \"state\":{\"fullName\":\"Florida\",\"shortName\":\"FL\"},\n        \"country\":{\"fullName\":\"United States\",\"shortName\":\"US\"},\n        \"zipCode\":\"32259\"\n      },\n      {\n        \"fullPrediction\":\"Peachtree Pl NE, Atlanta, GA 30309, USA\",\n        \"streetNumber\":null,\n        \"street\":{\"fullName\":\"Peachtree Place Northeast\",\"shortName\":\"Peachtree Place Northeast\"},\n        \"city\":{\"fullName\":\"Atlanta\",\"shortName\":\"Atlanta\"},\n        \"state\":{\"fullName\":\"Georgia\",\"shortName\":\"GA\"},\n        \"country\":{\"fullName\":\"United States\",\"shortName\":\"US\"},\n        \"zipCode\":\"30309\"\n      },\n      {\n        \"fullPrediction\":\"Peachtree Pl NE, Atlanta, GA 30309, USA\",\n        \"streetNumber\":null,\n        \"street\":{\"fullName\":\"Peachtree Place Northeast\",\"shortName\":\"Peachtree Place Northeast\"},\n        \"city\":{\"fullName\":\"Atlanta\",\"shortName\":\"Atlanta\"},\n        \"state\":{\"fullName\":\"Georgia\",\"shortName\":\"GA\"},\n        \"country\":{\"fullName\":\"United States\",\"shortName\":\"US\"},\n        \"zipCode\":null\n      },\n      {\n        \"fullPrediction\":\"25 State Rd 13, Fruit Cove, FL 32259, USA\",\n        \"streetNumber\":\"25\",\n        \"street\":{\"fullName\":\"State Road 13\",\"shortName\":\"State Rd 13\"},\n        \"city\":{\"fullName\":\"Fruit Cove\",\"shortName\":\"Fruit Cove\"},\n        \"state\":{\"fullName\":\"Florida\",\"shortName\":\"FL\"},\n        \"country\":{\"fullName\":\"United States\",\"shortName\":\"US\"},\n        \"zipCode\":\"32259\"\n      },\n      {\n        \"fullPrediction\":\"Peachtree Pl NE, Atlanta, GA 30309, USA\",\n        \"streetNumber\":null,\n        \"street\":{\"fullName\":\"Peachtree Place Northeast\",\"shortName\":\"Peachtree Place Northeast\"},\n        \"city\":{\"fullName\":\"Atlanta\",\"shortName\":\"Atlanta\"},\n        \"state\":{\"fullName\":\"Georgia\",\"shortName\":\"GA\"},\n        \"country\":{\"fullName\":\"United States\",\"shortName\":\"US\"},\n        \"zipCode\":\"30309\"\n      },\n      {\n        \"fullPrediction\":\"Peachtree Pl NE, Atlanta, GA 30309, USA\",\n        \"streetNumber\":null,\n        \"street\":{\"fullName\":\"Peachtree Place Northeast\",\"shortName\":\"Peachtree Place Northeast\"},\n        \"city\":{\"fullName\":\"Atlanta\",\"shortName\":\"Atlanta\"},\n        \"state\":{\"fullName\":\"Georgia\",\"shortName\":\"GA\"},\n        \"country\":{\"fullName\":\"United States\",\"shortName\":\"US\"},\n        \"zipCode\":null\n      },\n      {\n        \"fullPrediction\":\"25 State Rd 13, Fruit Cove, FL 32259, USA\",\n        \"streetNumber\":\"25\",\n        \"street\":{\"fullName\":\"State Road 13\",\"shortName\":\"State Rd 13\"},\n        \"city\":{\"fullName\":\"Fruit Cove\",\"shortName\":\"Fruit Cove\"},\n        \"state\":{\"fullName\":\"Florida\",\"shortName\":\"FL\"},\n        \"country\":{\"fullName\":\"United States\",\"shortName\":\"US\"},\n        \"zipCode\":\"32259\"\n      },\n      {\n        \"fullPrediction\":\"Peachtree Pl NE, Atlanta, GA 30309, USA\",\n        \"streetNumber\":null,\n        \"street\":{\"fullName\":\"Peachtree Place Northeast\",\"shortName\":\"Peachtree Place Northeast\"},\n        \"city\":{\"fullName\":\"Atlanta\",\"shortName\":\"Atlanta\"},\n        \"state\":{\"fullName\":\"Georgia\",\"shortName\":\"GA\"},\n        \"country\":{\"fullName\":\"United States\",\"shortName\":\"US\"},\n        \"zipCode\":\"30309\"\n      },\n      {\n        \"fullPrediction\":\"Peachtree Pl NE, Atlanta, GA 30309, USA\",\n        \"streetNumber\":null,\n        \"street\":{\"fullName\":\"Peachtree Place Northeast\",\"shortName\":\"Peachtree Place Northeast\"},\n        \"city\":{\"fullName\":\"Atlanta\",\"shortName\":\"Atlanta\"},\n        \"state\":{\"fullName\":\"Georgia\",\"shortName\":\"GA\"},\n        \"country\":{\"fullName\":\"United States\",\"shortName\":\"US\"},\n        \"zipCode\":null\n      },\n      {\n        \"fullPrediction\":\"25 State Rd 13, Fruit Cove, FL 32259, USA\",\n        \"streetNumber\":\"25\",\n        \"street\":{\"fullName\":\"State Road 13\",\"shortName\":\"State Rd 13\"},\n        \"city\":{\"fullName\":\"Fruit Cove\",\"shortName\":\"Fruit Cove\"},\n        \"state\":{\"fullName\":\"Florida\",\"shortName\":\"FL\"},\n        \"country\":{\"fullName\":\"United States\",\"shortName\":\"US\"},\n        \"zipCode\":\"32259\"\n      },\n      {\n        \"fullPrediction\":\"Peachtree Pl NE, Atlanta, GA 30309, USA\",\n        \"streetNumber\":null,\n        \"street\":{\"fullName\":\"Peachtree Place Northeast\",\"shortName\":\"Peachtree Place Northeast\"},\n        \"city\":{\"fullName\":\"Atlanta\",\"shortName\":\"Atlanta\"},\n        \"state\":{\"fullName\":\"Georgia\",\"shortName\":\"GA\"},\n        \"country\":{\"fullName\":\"United States\",\"shortName\":\"US\"},\n        \"zipCode\":\"30309\"\n      },\n      {\n        \"fullPrediction\":\"Peachtree Pl NE, Atlanta, GA 30309, USA\",\n        \"streetNumber\":null,\n        \"street\":{\"fullName\":\"Peachtree Place Northeast\",\"shortName\":\"Peachtree Place Northeast\"},\n        \"city\":{\"fullName\":\"Atlanta\",\"shortName\":\"Atlanta\"},\n        \"state\":{\"fullName\":\"Georgia\",\"shortName\":\"GA\"},\n        \"country\":{\"fullName\":\"United States\",\"shortName\":\"US\"},\n        \"zipCode\":null\n      },\n      {\n        \"fullPrediction\":\"25 State Rd 13, Fruit Cove, FL 32259, USA\",\n        \"streetNumber\":\"25\",\n        \"street\":{\"fullName\":\"State Road 13\",\"shortName\":\"State Rd 13\"},\n        \"city\":{\"fullName\":\"Fruit Cove\",\"shortName\":\"Fruit Cove\"},\n        \"state\":{\"fullName\":\"Florida\",\"shortName\":\"FL\"},\n        \"country\":{\"fullName\":\"United States\",\"shortName\":\"US\"},\n        \"zipCode\":\"32259\"\n      },\n      {\n        \"fullPrediction\":\"Peachtree Pl NE, Atlanta, GA 30309, USA\",\n        \"streetNumber\":null,\n        \"street\":{\"fullName\":\"Peachtree Place Northeast\",\"shortName\":\"Peachtree Place Northeast\"},\n        \"city\":{\"fullName\":\"Atlanta\",\"shortName\":\"Atlanta\"},\n        \"state\":{\"fullName\":\"Georgia\",\"shortName\":\"GA\"},\n        \"country\":{\"fullName\":\"United States\",\"shortName\":\"US\"},\n        \"zipCode\":\"30309\"\n      },\n      {\n        \"fullPrediction\":\"Peachtree Pl NE, Atlanta, GA 30309, USA\",\n        \"streetNumber\":null,\n        \"street\":{\"fullName\":\"Peachtree Place Northeast\",\"shortName\":\"Peachtree Place Northeast\"},\n        \"city\":{\"fullName\":\"Atlanta\",\"shortName\":\"Atlanta\"},\n        \"state\":{\"fullName\":\"Georgia\",\"shortName\":\"GA\"},\n        \"country\":{\"fullName\":\"United States\",\"shortName\":\"US\"},\n        \"zipCode\":null\n      },\n      // {\n      //   \"fullPrediction\":\"Full Error\",\n      //   \"streetNumber\":null,\n      //   \"street\": null,\n      //   \"city\":{\"fullName\":\"Atlanta\",\"shortName\":\"Atlanta\"},\n      //   \"state\":{\"fullName\":\"Georgia\",\"shortName\":\"GA\"},\n      //   \"country\":{\"fullName\":\"United States\",\"shortName\":\"US\"},\n      //   \"zipCode\":null\n      // }\n    ];\n\n    return new Promise((resolve) => resolve(itemsLen ? shuffle(items).slice(0, itemsLen-1) : []));\n  };\n\n  const getValue = () => {\n    if (typeof value === 'string') return value;\n\n    return <pre>{JSON.stringify(value, null, 2)}</pre>;\n  }\n\n  const renderSelectedItem = ({ fullPrediction, streetNumber, street, city, state, country, zipCode } = {}) => {\n    return fullPrediction;\n  };\n\n  const renderListItem = ({ fullPrediction, streetNumber, street, city, state, country, zipCode } = {}) => {\n    const result = [];\n\n    if (streetNumber) result.push(streetNumber);\n    if (street?.fullName) result.push(street?.fullName);\n    if (zipCode) result.push(zipCode);\n\n    return result.join(', ');\n  };\n\n  const renderHintMessage = (item) => {\n    if (typeof item === 'string') {\n      return 'Select the correct address from the list of suggestions';\n    } else {\n      const { fullPrediction, streetNumber, street, city, state, country, zipCode } = item || {};\n\n      const missingFields = [];\n\n      if (!streetNumber) missingFields.push('Street Number');\n\n      if (!street) missingFields.push('Street');\n\n      if (!zipCode) missingFields.push('ZIP');\n\n      if (!missingFields?.length) return null;\n\n      const renderMissingFields = () => {\n        if (missingFields?.length === 2) return missingFields?.join(' and ');\n        else if (missingFields?.length > 2) return `${missingFields?.slice(0, missingFields?.length-1)?.join(', ')} and ${missingFields?.slice(-1)}`;\n        else missingFields?.[0];\n      }\n\n      return `Select the correct address from the list of suggestions (must contains ${renderMissingFields()})`;\n    }\n  };\n\n  const transformValue = (item) => {\n    return item?.fullPrediction;\n  }\n\n  return (\n    <>\n      <InputAddress\n        field={{...args, value}}\n        onChange={setValue}\n        getListItems={getListItems}\n\n        noValidate\n\n        onChangeValueTransformer={transformValue}\n        renderListItem={renderListItem}\n        renderSelectedItem={renderSelectedItem}\n        renderHintMessage={renderHintMessage}\n      />\n      <br/>\n      <div>\n        <b>Value: </b>\n        <i>{getValue()}</i>\n      </div>\n    </>\n  );\n};\n\nexport const InputTemplate = Template.bind({});\n\nInputTemplate.args = {};\n"],"names":["InputTemplate","global","lng","title","component","InputAddress","argTypes","Template","args","value","setValue","useState","shuffle","arr","i","length","j","Math","floor","random","tmp","map","item","index","getListItems","max","min","itemsLen","items","Promise","resolve","slice","getValue","pre","JSON","stringify","renderSelectedItem","fullPrediction","streetNumber","street","city","state","country","zipCode","renderListItem","result","push","fullName","join","renderHintMessage","missingFields","renderMissingFields","transformValue","field","onChange","noValidate","onChangeValueTransformer","br","div","b","bind"],"mappings":"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"}

package/dist/Molecular/InputPassword/InputPassword.js

@@ -15,6 +15,19 @@ const _reactfeather = require("react-feather");
 const _Input = /*#__PURE__*/ _interop_require_default(require("../../Atomic/FormElements/Input/Input"));
 const _utils = require("../../Functions/utils");
 require("./InputPassword.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
@@ -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 InputPassword = ({ field = {}, onChange = ()=>{}, testId = "input-password" })=>{
     const [showPassword, setSP] = (0, _react.useState)(false);
     const inputWrapper = (0, _react.useRef)(null);
@@ -78,13 +130,12 @@ const InputPassword = ({ field = {}, onChange = ()=>{}, testId = "input-password
         className: "password",
         ref: inputWrapper,
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
-                ...field,
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, _object_spread_props(_object_spread({}, field), {
                 testId: `inputPassword--input--key-${testId || field.key}`,
                 className: (0, _classnames.default)("input-fin", field === null || field === void 0 ? void 0 : field.key),
                 onChange: onChange,
                 type: showPassword ? "text" : "password"
-            }),
+            })),
             /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
                 className: "password-eye-holder",
                 onClick: handle.changeView,
@@ -103,3 +154,5 @@ const InputPassword = ({ field = {}, onChange = ()=>{}, testId = "input-password
     });
 };
 const _default = InputPassword;
+
+//# sourceMappingURL=InputPassword.js.map

package/dist/Molecular/InputPassword/InputPassword.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Molecular/InputPassword/InputPassword.js"],"sourcesContent":["import React, { useRef, useState } from \"react\";\n\nimport cn from \"classnames\";\nimport { Eye, EyeOff } from \"react-feather\";\n\nimport Input from \"../../Atomic/FormElements/Input/Input\";\nimport { setCarretToEnd } from \"../../Functions/utils\";\n\nimport \"./InputPassword.scss\";\n\nconst InputPassword = ({ field = {}, onChange = () => {}, testId = \"input-password\" }) => {\n  const [showPassword, setSP] = useState(false);\n  const inputWrapper = useRef(null);\n\n  const handle = {\n    changeView: () => {\n      const input = inputWrapper?.current?.querySelector(\"input\");\n      input?.focus();\n      setCarretToEnd(input);\n      setSP(!showPassword);\n    },\n  };\n\n  return (\n    <div data-testid={testId} className=\"password\" ref={inputWrapper}>\n      <Input\n        {...field}\n        testId={`inputPassword--input--key-${testId || field.key}`}\n        className={cn(\"input-fin\", field?.key)}\n        onChange={onChange}\n        type={showPassword ? \"text\" : \"password\"}\n      />\n      <span\n        className=\"password-eye-holder\"\n        onClick={handle.changeView}\n      >\n        {\" \"}\n        {showPassword ? (\n          <EyeOff strokeWidth={1} className=\"password-icon\" />\n        ) : (\n          <Eye strokeWidth={1} className=\"password-icon\" />\n        )}\n      </span>\n    </div>\n  );\n};\n\nexport default InputPassword;\n"],"names":["InputPassword","field","onChange","testId","showPassword","setSP","useState","inputWrapper","useRef","handle","changeView","input","current","querySelector","focus","setCarretToEnd","div","data-testid","className","ref","Input","key","cn","type","span","onClick","EyeOff","strokeWidth","Eye"],"mappings":";;;;+BA+CA;;;eAAA;;;;+DA/CwC;mEAEzB;8BACa;8DAEV;uBACa;QAExB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,gBAAgB,CAAC,EAAEC,QAAQ,CAAC,CAAC,EAAEC,WAAW,KAAO,CAAC,EAAEC,SAAS,gBAAgB,EAAE;IACnF,MAAM,CAACC,cAAcC,MAAM,GAAGC,IAAAA,eAAQ,EAAC;IACvC,MAAMC,eAAeC,IAAAA,aAAM,EAAC;IAE5B,MAAMC,SAAS;QACbC,YAAY;gBACIH;YAAd,MAAMI,QAAQJ,yBAAAA,oCAAAA,wBAAAA,aAAcK,OAAO,cAArBL,4CAAAA,sBAAuBM,aAAa,CAAC;YACnDF,kBAAAA,4BAAAA,MAAOG,KAAK;YACZC,IAAAA,qBAAc,EAACJ;YACfN,MAAM,CAACD;QACT;IACF;IAEA,qBACE,sBAACY;QAAIC,eAAad;QAAQe,WAAU;QAAWC,KAAKZ;;0BAClD,qBAACa,cAAK,0CACAnB;gBACJE,QAAQ,CAAC,0BAA0B,EAAEA,UAAUF,MAAMoB,GAAG,EAAE;gBAC1DH,WAAWI,IAAAA,mBAAE,EAAC,aAAarB,kBAAAA,4BAAAA,MAAOoB,GAAG;gBACrCnB,UAAUA;gBACVqB,MAAMnB,eAAe,SAAS;;0BAEhC,sBAACoB;gBACCN,WAAU;gBACVO,SAAShB,OAAOC,UAAU;;oBAEzB;oBACAN,6BACC,qBAACsB,oBAAM;wBAACC,aAAa;wBAAGT,WAAU;uCAElC,qBAACU,iBAAG;wBAACD,aAAa;wBAAGT,WAAU;;;;;;AAKzC;MAEA,WAAelB"}

package/dist/Molecular/InputPassword/InputPassword.stories.js

@@ -19,6 +19,19 @@ _export(exports, {
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _InputPassword = /*#__PURE__*/ _interop_require_default(require("./InputPassword"));
+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;
+}
 // import '../../../../../scss/main.scss';
 global.lng = 'en';
 const _default = {
@@ -75,12 +127,13 @@ const _default = {
 const Template = (args)=>{
     const [value, setValue] = (0, _react.useState)();
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputPassword.default, {
-        field: {
-            ...args,
+        field: _object_spread_props(_object_spread({}, args), {
             value
-        },
+        }),
         onChange: setValue
     });
 };
 const InputTemplate = Template.bind({});
 InputTemplate.args = {};
+
+//# sourceMappingURL=InputPassword.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Molecular/InputPassword/InputPassword.stories.js"],"sourcesContent":["import React, {useState} from 'react';\nimport InputPassword from './InputPassword';\n\n// import '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/InputPassword',\n  component: InputPassword,\n  argTypes: {\n\n  },\n};\n\nconst Template = args => {\n  const [value, setValue] = useState();\n  return <InputPassword field={{...args, value}} onChange={setValue} />;\n};\n\nexport const InputTemplate = Template.bind({});\n\nInputTemplate.args = {\n\n};\n"],"names":["InputTemplate","global","lng","title","component","InputPassword","argTypes","Template","args","value","setValue","useState","field","onChange","bind"],"mappings":";;;;;;;;;;;IAoBaA,aAAa;eAAbA;;IAbb,OAME;eANF;;;;+DAP8B;sEACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE1B,0CAA0C;AAE1CC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,sBAAa;IACxBC,UAAU,CAEV;AACF;AAEA,MAAMC,WAAWC,CAAAA;IACf,MAAM,CAACC,OAAOC,SAAS,GAAGC,IAAAA,eAAQ;IAClC,qBAAO,qBAACN,sBAAa;QAACO,OAAO,wCAAIJ;YAAMC;;QAAQI,UAAUH;;AAC3D;AAEO,MAAMV,gBAAgBO,SAASO,IAAI,CAAC,CAAC;AAE5Cd,cAAcQ,IAAI,GAAG,CAErB"}