intelicoreact 1.8.69 → 2.0.1

package/dist/Molecular/FormWithDependOn/FormWithDependOn.js

@@ -1 +0,0 @@
-function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function t(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){var n;n=r[t],t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n})}return e}function r(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):(function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r})(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}),e}import{jsx as n}from"react/jsx-runtime";import o,{useEffect as i,useState as a}from"react";import f from"classnames";import l from"../../Functions/hooks/useFormFieldsChangesManager";import{clone as u,getIsOnlyAnObject as c}from"../../Functions/utils";import{getDependOnStarter as s}from"./partials/_utils";var y=o.forwardRef(function(o,y){var p,d=o.form,m=o.formId,b=o.setForm,g=o.getActualForm,O=o.onChange,v=o.renderField,h=o.getAnotherActions,j=o.className,F=o.isInitializeByDependOn,w=o.isFormDisabled,A=o.typeOfUse,P=void 0===A?"default":A,I=(p=a(u(d)),function(e){if(Array.isArray(e))return e}(p)||function(e,t){var r,n,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var i=[],a=!0,f=!1;try{for(o=o.call(e);!(a=(r=o.next()).done)&&(i.push(r.value),i.length!==t);a=!0);}catch(e){f=!0,n=e}finally{try{a||null==o.return||o.return()}finally{if(f)throw n}}return i}}(p,1)||function(t,r){if(t){if("string"==typeof t)return e(t,1);var n=Object.prototype.toString.call(t).slice(8,-1);if("Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(t,r)}}(p,1)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0],S="function"==typeof b?b:function(){},K="function"==typeof O?O:function(){},k="function"==typeof g?g:function(){return d},C=l({form:Array.isArray(d)?d:[],setForm:S}).assignChangesToField,D="function"==typeof h?h({setForm:b,assign:C,getActualForm:k}):{},x=function(e,n){return r(t({formId:m,actions:D,isInit:!0},c(n)?n:{}),{onChange:e,setForm:S,assign:C,getActualForm:k,initialForm:I,typeOfUse:P})},E=s({assign:C,getActualForm:k}),U=function(e,n,o,i){var a=c(i)?i:{},f=a.updatedForm,l=void 0===f?null:f,s=a.isMakeChangesAnyway,y=a.isUseActualForm,p=u(void 0!==y&&y?k():Array.isArray(l)?l:d),m=u(p.find(function(e){return e.key===n}));if((m[o||"value"]!==e||void 0!==s&&s)&&(K(e,n,o,r(t({},i),{updatedForm:p})),E({newValue:e,fieldKey:n,propKey:o,field:m,form:p,additional:x(U,i)}),"function"==typeof D.all&&D.all({newValue:e,fieldKey:n,propKey:o,field:m,form:p,additional:x(U,i)}),n in D&&"function"==typeof D[n])){var b=D[n]({newValue:e,fieldKey:n,propKey:o,field:m,form:p,additional:x(U,i)});b&&C(b,n)}};return i(function(){F&&"function"==typeof b&&"function"==typeof O&&d.forEach(function(e){E({newValue:e.value,fieldKey:e.key,field:e,form:d,additional:r(t({},x(U)),{isInitialization:!0,isInit:!1})})})},[F]),n("div",r(t({},m?{id:m}:{}),{className:f("form-with-depend-on",j),children:"function"==typeof v?d.map(function(e){return v(r(t({},x(U)),{field:r(t({},e),{disabled:!!(w||e.disabled)})}))}):null}))});export default y;

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

@@ -1 +0,0 @@
-function e(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function n(n){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.forEach(function(r){e(n,r,t[r])})}return n}function r(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):(function(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r})(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}),e}import{getIsOnlyAnObject as t}from"../../../Functions/utils";export var getDependOnStarter=function(o){var c=o.assign;return function(o){var i=o.newValue,l=o.fieldKey,u=o.propKey,a=o.field,f=o.form,p=o.additional;if(a.isDominantField){var s=f.filter(function(e){var n,r,t;return null==(t=e.dependOn)||null==(r=t.keys)||null==(n=r.includes)?void 0:n.call(r,l)});if(s.length>0){var O=p.isNotResetErrors;s.forEach(function(o){var s,b,y=null!=(b=null==(s=o.dependOn.callbacks)?void 0:s[l])?b:o.dependOn.callback;new Promise(function(t){t(null==y?void 0:y(n(r(n({},a),e({},u||"value",i)),O?{}:{error:""}),o,f,r(n({},p),{propKey:u})))}).then(function(e){return t(e)&&c(e,o.key),e}).catch(function(){})})}}}};

package/dist/Molecular/InputAddress/InputAddress.interface.ts

@@ -1,39 +0,0 @@
-export interface IStreet {
-  fullName?: string;
-}
-
-export interface IInputAddressValue {
-  streetNumber?: string;
-  street?: IStreet;
-  city?: string;
-  state?: string;
-  country?: string;
-  zipCode?: string;
-  [key: string]: any;
-}
-
-export interface IInputAddressProps {
-  label?: string;
-  className?: string;
-  isClearable?: boolean;
-  isKeyboardControlled?: boolean;
-  fieldKey?: string;
-  testId?: string;
-  throttle?: number;
-  additionalThrottleTimeForListingRequest?: number;
-  loader?: string;
-  noItemsMessage?: string;
-  error?: boolean | string;
-  value?: string | IInputAddressValue;
-  onChange?: (value: string | IInputAddressValue) => void;
-  onChangeValueTransformer?: (value: IInputAddressValue) => string | IInputAddressValue;
-  disabled?: boolean;
-  isDisabled?: boolean;
-  getListItems?: (query: string | IInputAddressValue) => Promise<any[]> | undefined;
-  clarifyAddressInfo?: (value: IInputAddressValue) => Promise<IInputAddressValue | null>;
-  noValidate?: boolean;
-  renderSelectedItem?: (item: IInputAddressValue) => string;
-  renderListItem?: (item: any) => React.ReactNode;
-  renderHintMessage?: (value: string | IInputAddressValue) => string;
-  attributesOfNativeInput?: Record<string, any>;
-}

package/dist/Molecular/InputAddress/InputAddress.js

@@ -1 +0,0 @@
-function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function t(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n,r,l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=l){var u=[],i=!0,s=!1;try{for(l=l.call(e);!(i=(n=l.next()).done)&&(u.push(n.value),!t||u.length!==t);i=!0);}catch(e){s=!0,r=e}finally{try{i||null==l.return||l.return()}finally{if(s)throw r}}return u}}(e,t)||r(e,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(e){return e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e}function r(t,n){if(t){if("string"==typeof t)return e(t,n);var r=Object.prototype.toString.call(t).slice(8,-1);if("Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return e(t,n)}}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return g}});var l=require("react/jsx-runtime"),u=p(require("classnames")),i=function(e,t){if(e&&e.__esModule)return e;if(null===e||(void 0===e?"undefined":n(e))!=="object"&&"function"!=typeof e)return{default:e};var r=v(t);if(r&&r.has(e))return r.get(e);var l={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var s=u?Object.getOwnPropertyDescriptor(e,i):null;s&&(s.get||s.set)?Object.defineProperty(l,i,s):l[i]=e[i]}return l.default=e,r&&r.set(e,l),l}(require("react")),s=require("react-feather"),o=p(require("../../Atomic/FormElements/Input/Input")),a=p(require("../../Atomic/Layout/Spinner/Spinner")),d=p(require("../../Atomic/UI/Hint/Hint")),c=p(require("../../Functions/useIsMobile/useIsMobile")),f=require("../../Functions/utils");function p(e){return e&&e.__esModule?e:{default:e}}function v(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(v=function(e){return e?n:t})(e)}require("./InputAddress.scss");var m="input-address";function h(e,t){return(void 0===e?"undefined":n(e))===(void 0===t?"undefined":n(t))&&((0,f.getIsOnlyAnObject)(e)?(0,f.compare)(e,t):e===t)}function y(t,n){var l=null;return function(){for(var u=arguments.length,i=Array(u),s=0;s<u;s++)i[s]=arguments[s];l&&clearTimeout(l),l=setTimeout(function(){t.apply(void 0,function(t){if(Array.isArray(t))return e(t)}(i)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(i)||r(i)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())},n)}}function b(e){return!!e&&"number"==typeof e&&!Number.isNaN(e)}var g=function(e){var r,p,v,g,_,j=e.label,N=e.className,x=void 0===N?"":N,I=e.isClearable,S=void 0===I||I,w=e.isKeyboardControlled,O=void 0===w||w,A=e.fieldKey,T=void 0===A?"":A,C=e.testId,M=void 0===C?"":C,P=e.throttle,q=void 0===P?500:P,R=e.additionalThrottleTimeForListingRequest,k=void 0===R?0:R,D=e.loader,E=void 0===D?"":D,B=e.noItemsMessage,F=void 0===B?"":B,H=e.error,L=e.value,K=void 0===L?"":L,W=e.onChange,z=e.onChangeValueTransformer,U=e.disabled,V=e.isDisabled,X=e.getListItems,$=e.clarifyAddressInfo,G=e.noValidate,J=void 0!==G&&G,Q=e.renderSelectedItem,Y=e.renderListItem,Z=e.renderHintMessage,ee=e.attributesOfNativeInput,et=(0,c.default)().isMobile,en=(0,i.useRef)(null),er=(0,i.useRef)(null),el=(0,i.useRef)(null),eu=(0,i.useRef)(null),ei=(0,i.useRef)(null),es=(0,i.useRef)(K),eo=t((0,i.useState)(K),2),ea=eo[0],ed=eo[1],ec=t((0,i.useState)(null),2),ef=ec[0],ep=ec[1],ev=t((0,i.useState)([]),2),em=ev[0],eh=ev[1],ey=t((0,i.useState)(!1),2),eb=ey[0],eg=ey[1],e_=t((0,i.useState)(!1),2),ej=e_[0],eN=e_[1],ex=t((0,i.useState)(null),2),eI=ex[0],eS=ex[1],ew=t((0,i.useState)(!1),2),eO=ew[0],eA=ew[1],eT=t((0,i.useState)(!1),2),eC=eT[0],eM=eT[1],eP=(0,i.useMemo)(function(){var e;return!J&&""!==ea&&!(((void 0===ea?"undefined":n(ea))!=="object"||Object.hasOwn(ea,"streetNumber"))&&("string"==typeof ea||(null==ea?void 0:ea.streetNumber))&&(null==ea?void 0:ea.hasOwnProperty("street"))&&("string"==typeof ea||(null==ea||null==(e=ea.street)?void 0:e.fullName)))},[ea]),eq=function(e,t){var n;(null!=(n=Event)&&"undefined"!=typeof Symbol&&n[Symbol.hasInstance]?!!n[Symbol.hasInstance](e):e instanceof n)&&(e.preventDefault(),e.stopPropagation()),setTimeout(function(){ed(t),et&&eM(!1)},0)},eR=(0,i.useMemo)(function(){return function(e){var t;return null==X||null==(t=X(e))?void 0:t.then(eh).finally(function(){return eN(!1)})}},[X]),ek=(0,i.useMemo)(function(){var e=b(k)?y(eR,k):eR;return b(q)?y(e,q):e},[eR,k,q]),eD=function(e){var t;e.preventDefault(),e.stopPropagation(),et||eM(!1),ed(""),null==en||null==(t=en.current)||t.focus(),setTimeout(function(){return eA(!0)},0)},eE=function(e){if(!eC||!O)return!1;if(13===e){var t;"number"==typeof eI&&eq(null,em[eI]),eS(null),null==en||null==(t=en.current)||t.blur()}else{var n,r,l,u,i,s,o,a,d,c,f,p=null,v=document.getElementsByClassName("input-address__list--item"),m=null!=(s=null==er||null==(r=er.current)||null==(n=r.getBoundingClientRect())?void 0:n.height)?s:0,h=(null==er||null==(l=er.current)?void 0:l.scrollTop)||0,y=Number.parseInt(null==em||null==(u=em.length)?void 0:u.toString(),10)-1;40===e?null===eI||eI===y?p=0:eI+1<(null==em?void 0:em.length)&&(p=eI+1):38===e&&(null===eI||0===eI?p=y:eI-1>=0&&(p=eI-1));var b="number"==typeof p?v[p]:null,g=null!=(o=null==b||null==(i=b.getBoundingClientRect())?void 0:i.height)?o:0,_=b?null==b?void 0:b.offsetTop:0;_+g>h+m?Math.abs(_+g-(h+m))<=g?null==er||null==(a=er.current)||a.scrollTo(0,h+g):null==er||null==(d=er.current)||d.scrollTo(0,_):_<h&&(Math.abs(_-h)<g?null==er||null==(c=er.current)||c.scrollTo(0,h-g):null==er||null==(f=er.current)||f.scrollTo(0,_)),et||eS(p)}return!0},eB=function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:ea;if(!t)return"";if("string"==typeof t)return t;"function"==typeof Q&&Q(t);var n="".concat((null==t?void 0:t.streetNumber)||""," ").concat((null==t||null==(e=t.street)?void 0:e.fullName)||"").trim();return!n&&eb?es.current:n},eF=function(){if((null==eu?void 0:eu.current)&&(null==ei?void 0:ei.current)&&er.current){var e,t,n,r,l=null==eu||null==(t=eu.current)||null==(e=t.getBoundingClientRect())?void 0:e.height,u=getComputedStyle(null==eu?void 0:eu.current),i=l-(null==ei||null==(r=ei.current)||null==(n=r.getBoundingClientRect())?void 0:n.height)-Number.parseInt(u.paddingBottom,10);er.current.style.maxHeight="".concat(i,"px")}},eH=function(){er.current&&(er.current.style.maxHeight="initial")};(0,i.useEffect)(function(){if(!h(ea,es.current)){var e,t,n=(0,f.getIsOnlyAnObject)(ea),r=n&&"streetNumber"in ea&&"street"in ea&&"city"in ea&&"state"in ea&&"country"in ea&&"zipCode"in ea;r&&(null==W||W(ea),eg(!1)),n&&!r&&("function"==typeof $?(eg(!0),null==(t=$(ea))||null==(e=t.then)||e.call(t,function(e){return e?ed(e):(ed(es.current),setTimeout(function(){var e,t;null==(e=en.current)||e.focus(),null==(t=en.current)||t.setSelectionRange(es.current.length,es.current.length)},0)),eg(!1),e})):ed(eB(ea))),!n&&((ea||!eb)&&(null==W||W(ea)),ea&&!eC&&eM(!0),eO&&ea&&(null==ea?void 0:ea.length)&&(eN(!0),ek(ea)))}},[ea]),(0,i.useEffect)(function(){eO||et||(eM(!1),eS(null))},[eO]),(0,i.useEffect)(function(){eC||(eh([]),eH()),et&&eC&&(ep(ea),eF())},[eC]),(0,i.useEffect)(function(){h(K,ea)||ed(K),es.current=K},[K]);var eL=function(){var e=eB();return(0,l.jsxs)("div",{className:(0,u.default)("input-address__input-wrapper"),children:[(0,l.jsx)(o.default,{ref:en,testId:"inputAddress--input--key-".concat(M||T),className:(0,u.default)("input-address__input",x),value:e,onChange:ed,onFocus:function(){eA(!0)},onBlur:function(){return eA(!1)},onKeyDown:eE,attributesOfNativeInput:ee,disabled:U||V}),eP&&(0,l.jsx)("div",{className:(0,u.default)("input-address__alert",{"input-address__alert--visible":!eO}),children:(0,l.jsx)(d.default,{side:"left",hint:Z&&"function"==typeof Z?Z(ea):"Select the correct address from the list of suggestions (must contains house number and street name)",icon:(0,l.jsx)(s.AlertTriangle,{}),handleOpenType:"hover"})}),S&&(!eP||eO)&&!(U||V)&&(0,l.jsx)("div",{className:(0,u.default)("input-address__clear-query",{"input-address__clear-query--input-focused":eO}),children:(0,l.jsx)(s.X,{onClick:eD})})]})},eK=function(){return(0,l.jsx)("div",{className:"input-address__list--loader",children:E||"Loading..."})};return(0,l.jsxs)("div",{className:(0,u.default)("input-address",{"input-address--error":H||eP&&!eO,"input-address--disabled":U||V}),children:[eb&&(0,l.jsx)(a.default,{size:"small"}),et?(r=eB(eC&&ef?ef:ea),(0,l.jsx)("div",{className:(0,u.default)("input-address__input-wrapper"),children:(0,l.jsx)(o.default,{testId:"inputAddress--input--key-".concat(M||T),className:(0,u.default)("input-address__input",x),value:r,onChange:ed,onFocus:function(e){var t;eM(!0),null==e||null==(t=e.target)||t.blur(),setTimeout(function(){var e;return null==en||null==(e=en.current)?void 0:e.focus()},200)},disabled:U||V})})):eL(),eC&&(p=function(e,t){return(0,l.jsx)("div",{className:(0,u.default)("input-address__list--item",{"input-address__list--item-hightlighted":t===eI}),onMouseDown:function(t){return eq(t,e)},children:"string"==typeof e?e:Y&&"function"==typeof Y?Y(e):null==e?void 0:e.fullPrediction},"input-address__list-item".concat(t))},v=function(){return(0,l.jsx)("div",{className:"input-address__list--no-items",children:!et||(null==ea?void 0:ea.length)?F||"No Items":"Please begin entering your address"})},et?(0,l.jsx)("div",{className:"input-address__list-overlay",ref:el,onClick:function(e){e.target===(null==el?void 0:el.current)&&(e.stopPropagation(),e.preventDefault(),eM(!1),ef&&ed(ef),null==W||W("string"!=typeof ea&&z&&"function"==typeof z?z(ea):ea))},children:(0,l.jsxs)("div",{className:"input-address__list-wrapper",ref:eu,children:[et&&(0,l.jsxs)("div",{ref:ei,className:(0,u.default)("".concat(m,"__list-header"),(g={},_="".concat(m,"__list-header-with-shadow"),_ in g?Object.defineProperty(g,_,{value:et,enumerable:!0,configurable:!0,writable:!0}):g[_]=et,g)),children:[(0,l.jsxs)("div",{className:(0,u.default)("".concat(m,"__list-header-row")),children:[(0,l.jsx)("div",{className:(0,u.default)("".concat(m,"__list-label")),children:j||"Address"}),(0,l.jsx)("div",{className:(0,u.default)("".concat(m,"__list-close-icon")),onClick:function(){return eM(!1)},children:(0,l.jsx)(s.X,{onClick:function(){return eM(!1)}})})]}),(0,l.jsx)("div",{className:(0,u.default)("".concat(m,"__list-header-row")),children:eL()})]}),(0,l.jsx)("div",{className:"input-address__list",ref:er,children:ej?eK():(0,l.jsxs)(l.Fragment,{children:[eB()&&(0,l.jsxs)("div",{className:(0,u.default)("input-address__list--item","input-address__list--item-custom"),onMouseDown:function(e){return eq(e,eB())},children:[eB(),(0,l.jsx)(s.AlertTriangle,{}),(0,l.jsx)("span",{children:"Choose this only if your address is not listed below"})]},"input-address__list-item--custom"),null==em?void 0:em.map(p),!(null==em?void 0:em.length)&&!eB()&&v()]})})]})}):(0,l.jsx)("div",{className:"input-address__list-wrapper",ref:eu,children:(0,l.jsx)("div",{className:"input-address__list",ref:er,children:ej?eK():(null==em?void 0:em.length)?null==em?void 0:em.map(p):v()})}))]})};

package/dist/Molecular/InputAddress/InputAddress.scss

@@ -1,457 +0,0 @@
-@use "../../scss/vars";
-
-.input-address {
-  position: relative;
-
-  width: 100%;
-
-  &--error .input__wrap {
-    border-color: #fa564c !important;
-  }
-
-  &__clear-query {
-    position: absolute;
-    top: 50%;
-    right: 4px;
-
-    display: flex;
-    visibility: hidden;
-
-    cursor: pointer;
-
-    transform: translateY(-50%);
-  }
-
-  &__alert {
-    position: absolute;
-    top: 50%;
-    right: 8px;
-
-    display: flex;
-    visibility: hidden;
-
-    cursor: pointer;
-
-    transform: translateY(-50%);
-
-    &--visible {
-      visibility: visible;
-    }
-
-    svg {
-      width: 16px;
-      height: 16px;
-
-      color: #fa564c;
-    }
-  }
-
-  &__input-wrapper:hover &__clear-query,
-  &__clear-query--input-focused {
-    visibility: visible;
-  }
-
-  &__list {
-    position: absolute;
-    z-index: 999;
-
-    overflow-y: auto;
-
-    box-sizing: border-box;
-    width: 100%;
-    max-height: 100px;
-    margin-top: 8px;
-
-    border: 1px solid #e2e5ec;
-    border-radius: 4px;
-    background-color: #fff;
-
-    &--loader,
-    &--no-items {
-      position: relative;
-
-      box-sizing: border-box;
-      padding: 4px 8px;
-    }
-
-    &--loader {
-      opacity: 0.5;
-    }
-
-    &--no-items {
-      opacity: 0.8;
-    }
-
-    &--item {
-      position: relative;
-
-      box-sizing: border-box;
-      padding: 4px 8px;
-
-      cursor: pointer;
-
-      &:hover,
-      &-hightlighted {
-        background: #f0f1f4;
-      }
-    }
-  }
-}
-
-@media (max-width: 768px) {
-  .input-address {
-    &__list {
-      position: relative;
-      z-index: 1;
-
-      overflow-y: auto;
-
-      box-sizing: border-box;
-      max-height: 100%;
-      margin: 0;
-      padding: 0 vars.$spacing-m 40px;
-
-      border: unset;
-      border-radius: unset;
-      background-color: unset;
-
-      &--no-items {
-        font-family: Sarabun;
-        font-size: 16px;
-        font-weight: 400;
-        font-style: normal;
-        line-height: 24px;
-        letter-spacing: 0.2px;
-
-        color: #757f8c;
-      }
-
-      &--item {
-        display: flex;
-        align-items: center;
-        align-self: stretch;
-        gap: 16px;
-
-        padding: 10px 8px;
-
-        font-family: Sarabun;
-        font-size: 16px;
-        font-weight: 400;
-        font-style: normal;
-        line-height: 24px; /* 150% */
-        letter-spacing: 0.2px;
-
-        color: var(--Black-black, #171d33);
-        border-radius: 6px;
-
-        &:hover {
-          background: none;
-        }
-
-        &:focus {
-          background: #f0f1f4;
-        }
-
-        &-custom {
-          flex-direction: column;
-          align-items: flex-start;
-          gap: 4px;
-
-          padding-right: 32px;
-
-          font-family: Sarabun;
-          font-size: 14px;
-          font-weight: 400;
-          font-style: normal;
-          line-height: 20px;
-          letter-spacing: 0.2px;
-
-          border-bottom: 1px solid rgba(58, 72, 122, 0.15);
-          border-radius: 0;
-
-          svg {
-            position: absolute;
-            top: 50%;
-            right: 8px;
-
-            width: 16px;
-            height: 16px;
-
-            color: #a0a4b0;
-
-            transform: translateY(-50%);
-          }
-
-          span {
-            font-family: Sarabun;
-            font-size: 12px;
-            font-weight: 400;
-            font-style: normal;
-            line-height: 18px;
-            letter-spacing: 0.2px;
-
-            color: #757f8c;
-          }
-        }
-      }
-
-      &--with-bottom-shadow::after {
-        position: absolute;
-        z-index: 6;
-        bottom: 0;
-
-        width: 100%;
-        height: 15px;
-
-        content: "";
-
-        opacity: 1;
-        background: linear-gradient(
-          180deg,
-          rgba(212, 218, 230, 0.5) 0%,
-          rgba(212, 218, 230, 0.3) 21.35%,
-          rgba(247, 248, 250, 0) 100%
-        );
-
-        transition: all 0.2s;
-        transform: rotate(180deg);
-      }
-
-      &--with-bottom-shadow-hidden::after {
-        opacity: 0;
-      }
-
-      &-overlay {
-        position: fixed;
-        z-index: 999;
-        top: 0 !important;
-        left: 0 !important;
-
-        width: 100dvw;
-        height: 100dvh;
-        max-height: 100dvh;
-
-        background: rgba(23, 29, 51, 0.5);
-
-        animation-name: fadeIn;
-        animation-duration: 0.25s;
-        animation-timing-function: ease;
-        animation-fill-mode: forwards;
-      }
-
-      &-wrapper {
-        position: absolute;
-        z-index: 2;
-        top: auto;
-        bottom: 0;
-
-        box-sizing: border-box;
-        width: calc(100% - #{vars.$spacing-m});
-        height: 500px;
-        max-height: 500px;
-        margin: 0 vars.$spacing-s vars.$spacing-s;
-        padding-bottom: 40px;
-
-        border-radius: vars.$radii-l;
-        background: vars.$color--light;
-        box-shadow: 0px 24px 50px -10px rgba(0, 0, 0, 0.25);
-
-        animation-name: slideup;
-        animation-duration: 0.4s;
-      }
-
-      &-header {
-        position: relative;
-
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        gap: vars.$spacing-m;
-
-        padding: vars.$spacing-m;
-
-        font-size: 16px;
-        font-weight: 600;
-        line-height: 24px;
-        letter-spacing: 0.1px;
-
-        color: #3b414b;
-
-        &-row {
-          display: flex;
-          flex-direction: row;
-          align-items: center;
-
-          box-sizing: border-box;
-          min-height: 24px;
-
-          &:first-child {
-            padding-right: 50px;
-          }
-
-          .input__wrap {
-            display: flex;
-            align-items: center;
-
-            width: 100%;
-            padding-right: vars.$spacing-s;
-
-            border: 1px solid var(--form-input-border, #e1e8f1);
-            border-radius: 6px;
-            background: var(--black-bg-color, #f8fbff) !important;
-
-            input {
-              background: unset !important;
-            }
-          }
-
-          .input__close {
-            display: flex;
-            align-items: center;
-
-            box-sizing: border-box;
-            width: 24px;
-            min-width: 24px;
-            height: 24px;
-            padding: vars.$spacing-xs;
-
-            border-radius: 2px;
-            background: var(--bg-gray-box, #f0f1f4);
-
-            &::before,
-            &::after {
-              top: 50%;
-
-              height: 12px;
-
-              border-radius: 8px;
-              background-color: #171d33;
-
-              transform: translateY(-50%) rotate(45deg);
-            }
-            &::after {
-              transform: translateY(-50%) rotate(-45deg);
-            }
-          }
-        }
-
-        &-with-shadow::after {
-          position: absolute;
-          z-index: 10;
-          bottom: -15px;
-          left: 0;
-
-          width: 100%;
-          height: 15px;
-
-          content: "";
-
-          opacity: 1;
-          background: linear-gradient(
-            180deg,
-            rgba(212, 218, 230, 0.5) 0%,
-            rgba(212, 218, 230, 0.3) 21.35%,
-            rgba(247, 248, 250, 0) 100%
-          );
-
-          transition: all 0.2s;
-        }
-
-        &-with-shadow-hidden::after {
-          opacity: 0;
-        }
-
-        .input-address__input-wrapper {
-          width: 100%;
-        }
-      }
-
-      &-close-icon {
-        position: absolute;
-        top: 0;
-        right: 0;
-
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        box-sizing: border-box;
-        width: 50px;
-        height: 50px;
-        padding: vars.$spacing-m;
-
-        svg {
-          width: 16px;
-          height: 16px;
-
-          color: #a0a4b0;
-        }
-      }
-    }
-
-    &__input {
-      &-wrapper {
-        position: relative;
-
-        .input__wrap {
-          display: flex;
-          justify-content: flex-end;
-          align-items: center;
-          align-self: stretch;
-          gap: 8px;
-
-          box-sizing: border-box;
-          height: 40px;
-          padding: 0px 40px 0px 8px;
-
-          border: 1px solid var(--Form-Input-Border, #e1e8f1);
-          border-radius: 6px;
-          background: var(--Black-BG-color, #f8fbff);
-
-          input {
-            box-sizing: border-box;
-            height: 100%;
-            padding: 8px 0;
-          }
-        }
-      }
-    }
-
-    &__clear-query {
-      right: 8px;
-
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      gap: 10px;
-
-      box-sizing: border-box;
-      width: 24px;
-      height: 24px;
-      padding: 4px;
-
-      border-radius: 2px;
-      background: var(--BG-gray-box, #f0f1f4);
-    }
-  }
-}
-
-@keyframes slideup {
-  from {
-    transform: translateY(100%);
-  }
-
-  to {
-    transform: translateY(0);
-  }
-}
-
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}

package/dist/Molecular/InputCustomFetch/InputCustomFetch.js

@@ -1 +0,0 @@
-function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function t(e,t,n,r,l,u,a){try{var o=e[u](a),i=o.value}catch(e){n(e);return}o.done?t(i):Promise.resolve(i).then(r,l)}function n(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(t,n){return function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n,r,l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=l){var u=[],a=!0,o=!1;try{for(l=l.call(e);!(a=(n=l.next()).done)&&(u.push(n.value),!t||u.length!==t);a=!0);}catch(e){o=!0,r=e}finally{try{a||null==l.return||l.return()}finally{if(o)throw r}}return u}}(t,n)||function(t,n){if(t){if("string"==typeof t)return e(t,n);var r=Object.prototype.toString.call(t).slice(8,-1);if("Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return e(t,n)}}(t,n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return g}});var l=require("react/jsx-runtime"),u=h(require("classnames")),a=function(e,t){if(e&&e.__esModule)return e;if(null===e||(void 0===e?"undefined":e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e)!="object"&&"function"!=typeof e)return{default:e};var n=b(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var a=l?Object.getOwnPropertyDescriptor(e,u):null;a&&(a.get||a.set)?Object.defineProperty(r,u,a):r[u]=e[u]}return r.default=e,n&&n.set(e,r),r}(require("react")),o=require("react-feather"),i=h(require("../../Atomic/FormElements/Input/Input")),c=h(require("../../Atomic/Layout/Spinner/Spinner")),s=h(require("../../Atomic/UI/Hint/Hint")),f=h(require("../../Functions/useIsMobile/useIsMobile")),d=require("./lib/hooks/useDebouncedCallback"),p=require("./lib/hooks/useFetchWithAbort"),v=require("./lib/utils");function h(e){return e&&e.__esModule?e:{default:e}}function b(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(b=function(e){return e?n:t})(e)}require("./InputCustomFetch.scss");var m="input-custom-fetch";function y(){}var g=function(e){var h,b,g,_,j,x,C,S=e.label,w=e.className,k=void 0===w?"":w,N=e.isClearable,I=void 0===N||N,O=e.isKeyboardControlled,M=void 0===O||O,T=e.fieldKey,P=void 0===T?"":T,q=e.testId,A=void 0===q?"":q,R=e.throttle,D=void 0===R?500:R,E=e.loader,V=void 0===E?"":E,B=e.noItemsMessage,F=void 0===B?"":B,W=e.error,H=e.value,K=void 0===H?"":H,L=e.onChange,U=void 0===L?y:L,X=e.onChangeValueTransformer,z=e.disabled,G=e.isDisabled,$=e.noValidate,J=void 0!==$&&$,Q=e.attributesOfNativeInput,Y=e.optionToValue,Z=e.valueToSearchString,ee=e.isValidValue,et=e.renderSelectedItem,en=e.renderListItem,er=e.renderHintMessage,el=(0,f.default)().isMobile,eu=(0,a.useRef)(null),ea=(0,a.useRef)(null),eo=(0,a.useRef)(null),ei=(0,a.useRef)(null),ec=(0,a.useRef)(null),es=(0,a.useRef)(K),ef=r((0,a.useState)(null),1)[0],ed=r((0,a.useState)(0),1)[0],ep=r((0,a.useState)(K),2),ev=ep[0],eh=ep[1],eb=r((0,a.useState)(null),2),em=eb[0],ey=eb[1],eg=r((0,a.useState)([]),2),e_=eg[0],ej=eg[1],ex=r((0,a.useState)(!1),1)[0],eC=r((0,a.useState)(!1),2),eS=eC[0],ew=eC[1],ek=r((0,a.useState)(null),2),eN=ek[0],eI=ek[1],eO=r((0,a.useState)(!1),2),eM=eO[0],eT=eO[1],eP=r((0,a.useState)(!1),2),eq=eP[0],eA=eP[1],eR=(0,p.useFetchWithAbort)(e),eD=eR.fetchWithAbort,eE=eR.abortControllerRef,eV=(0,a.useCallback)((h=function(e){return function(e,t){var n,r,l,u={label:0,sent:function(){if(1&l[0])throw l[1];return l[1]},trys:[],ops:[]},a=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return a.next=o(0),a.throw=o(1),a.return=o(2),"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function o(o){return function(i){var c=[o,i];if(n)throw TypeError("Generator is already executing.");for(;a&&(a=0,c[0]&&(u=0)),u;)try{if(n=1,r&&(l=2&c[0]?r.return:c[0]?r.throw||((l=r.return)&&l.call(r),0):r.next)&&!(l=l.call(r,c[1])).done)return l;switch(r=0,l&&(c=[2&c[0],l.value]),c[0]){case 0:case 1:l=c;break;case 4:return u.label++,{value:c[1],done:!1};case 5:u.label++,r=c[1],c=[0];continue;case 7:c=u.ops.pop(),u.trys.pop();continue;default:if(!(l=(l=u.trys).length>0&&l[l.length-1])&&(6===c[0]||2===c[0])){u=0;continue}if(3===c[0]&&(!l||c[1]>l[0]&&c[1]<l[3])){u.label=c[1];break}if(6===c[0]&&u.label<l[1]){u.label=l[1],l=c;break}if(l&&u.label<l[2]){u.label=l[2],u.ops.push(c);break}l[2]&&u.ops.pop(),u.trys.pop();continue}c=t.call(e,u)}catch(e){c=[6,e],r=0}finally{n=l=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}}}(this,function(t){switch(t.label){case 0:if(!(null==e?void 0:e.length))return[2];ew(!0),t.label=1;case 1:return t.trys.push([1,3,4,5]),[4,eD(e)];case 2:return ej(t.sent()),[3,5];case 3:return t.sent(),ej([]),[3,5];case 4:return ew(!1),[7];case 5:return[2]}})},b=function(){var e=this,n=arguments;return new Promise(function(r,l){var u=h.apply(e,n);function a(e){t(u,r,l,a,o,"next",e)}function o(e){t(u,r,l,a,o,"throw",e)}a(void 0)})},function(e){return b.apply(this,arguments)}),[eD]),eB=(0,d.useDebouncedCallback)(eV,(0,v.getIsValidNumber)(D)?D:0),eF=(0,a.useCallback)(function(){var e=Z(ev);(null==e?void 0:e.length)&&eB(e)},[ev,Z,eB]),eW=(0,a.useMemo)(function(){return!J&&""!==Z(ev)&&!!ee&&!ee(ev)},[ev,J,ee,Z]),eH=(0,a.useCallback)(function(e,t){var n;(null!=(n=Event)&&"undefined"!=typeof Symbol&&n[Symbol.hasInstance]?!!n[Symbol.hasInstance](e):e instanceof n)&&(e.preventDefault(),e.stopPropagation()),setTimeout(function(){eh(Y(t)),el&&eA(!1)},0)},[Y,el]),eK=(0,a.useCallback)(function(e){var t;e.preventDefault(),e.stopPropagation(),el||eA(!1),eh(""),null==eu||null==(t=eu.current)||t.focus(),setTimeout(function(){return eT(!0)},0)},[el]),eL=(0,a.useCallback)(function(e){e.target===(null==eo?void 0:eo.current)&&(e.stopPropagation(),e.preventDefault(),eA(!1),null!==em&&(eh(em),U(X&&"function"==typeof X?X(em):em)))},[em,U,X]),eU=(0,a.useCallback)(function(e){if(eq&&M)if(13===e){if(null!==eN&&e_[eN]){var t;eH(null,e_[eN]),eI(null),null==eu||null==(t=eu.current)||t.blur()}}else{var n=null,r=document.getElementsByClassName("".concat(m,"__list--item")),l=(null==ea||null==(i=ea.current)||null==(o=i.getBoundingClientRect())?void 0:o.height)||0,u=(null==ea||null==(c=ea.current)?void 0:c.scrollTop)||0,a=e_.length-1;if(40===e?null===eN||eN===a?n=0:eN+1<e_.length&&(n=eN+1):38===e&&(null===eN||0===eN?n=a:eN-1>=0&&(n=eN-1)),null!==n){var o,i,c,s,f,d,p,v,h=r[n],b=(null==h||null==(s=h.getBoundingClientRect())?void 0:s.height)||0,y=(null==h?void 0:h.offsetTop)||0;y+b>u+l?Math.abs(y+b-(u+l))<=b?null==ea||null==(f=ea.current)||f.scrollTo(0,u+b):null==ea||null==(d=ea.current)||d.scrollTo(0,y):y<u&&(Math.abs(y-u)<b?null==ea||null==(p=ea.current)||p.scrollTo(0,u-b):null==ea||null==(v=ea.current)||v.scrollTo(0,y)),el||eI(n)}}},[eq,M,eN,e_,el,eH]),eX=(0,a.useCallback)(function(){return er&&"function"==typeof er?er(ev):"Please select a valid option from the list"},[er,ev]),ez=(0,a.useCallback)(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:ev;if(!e)return"";var t=Z(e);return"string"==typeof t?t:"function"==typeof et?et(e):String(e)},[ev,Z,et]),eG=(0,a.useCallback)(function(e){return en&&"function"==typeof en?en(e):String(e)},[en]),e$=(0,a.useCallback)(function(){if((null==ei?void 0:ei.current)&&(null==ec?void 0:ec.current)&&ea.current){var e,t,n,r,l=(null==ei||null==(t=ei.current)||null==(e=t.getBoundingClientRect())?void 0:e.height)||0,u=getComputedStyle(null==ei?void 0:ei.current),a=l-((null==ec||null==(r=ec.current)||null==(n=r.getBoundingClientRect())?void 0:n.height)||0)-Number.parseInt(u.paddingBottom||"0",10);ea.current.style.maxHeight="".concat(a,"px")}},[]),eJ=(0,a.useCallback)(function(){ea.current&&(ea.current.style.maxHeight="initial")},[]);(0,a.useEffect)(function(){!(0,v.compareValues)(ev,es.current)&&(Z(ev)?(U(X&&"function"==typeof X?X(ev):ev),eq||eA(!0),eM&&eF()):U(ev))},[ev,Z,U,X,eq,eM,eF]),(0,a.useEffect)(function(){eM||el||(eA(!1),eI(null))},[eM,el]),(0,a.useEffect)(function(){eq||(ej([]),eJ()),el&&eq&&(ey(ev),e$())},[eq,el,ev,eJ,e$]),(0,a.useEffect)(function(){(0,v.compareValues)(K,ev)||eh(K),es.current=K},[K,ev]),(0,a.useEffect)(function(){return function(){eE.current&&eE.current.abort()}},[eE]);var eQ=function(){var e=ez();return(0,l.jsxs)("div",{className:(0,u.default)("".concat(m,"__input-wrapper")),children:[(0,l.jsx)(i.default,{ref:eu,testId:"".concat(m,"--input--key-").concat(A||P),className:(0,u.default)("".concat(m,"__input"),k),value:e,onChange:function(e){return eh(e)},onFocus:function(){return eT(!0)},onBlur:function(){return eT(!1)},onKeyDown:eU,attributesOfNativeInput:Q,disabled:z||G}),eW&&(0,l.jsx)("div",{className:(0,u.default)("".concat(m,"__alert"),n({},"".concat(m,"__alert--visible"),!eM)),children:(0,l.jsx)(s.default,{side:"left",hint:eX(),icon:(0,l.jsx)(o.AlertTriangle,{}),handleOpenType:"hover"})}),I&&(!eW||eM)&&!(z||G)&&e&&(0,l.jsx)("div",{className:(0,u.default)("".concat(m,"__clear-query"),n({},"".concat(m,"__clear-query--input-focused"),eM)),children:(0,l.jsx)(o.X,{onClick:eK})})]})},eY=function(){return(0,l.jsx)("div",{className:"".concat(m,"__list--loader"),children:V||"Loading..."})};return(0,l.jsxs)("div",{className:(0,u.default)(m,(n(C={},"".concat(m,"--error"),W||eW&&!eM),n(C,"".concat(m,"--disabled"),z||G),C)),children:[ex&&(0,l.jsx)(c.default,{size:"small"}),el?(g=ez(eq&&em||ev),(0,l.jsx)("div",{className:(0,u.default)("".concat(m,"__input-wrapper")),children:(0,l.jsx)(i.default,{testId:"".concat(m,"--input--key-").concat(A||P),className:(0,u.default)("".concat(m,"__input"),k),value:g,onChange:function(e){return eh(e)},onFocus:function(e){var t;eA(!0),null==e||null==(t=e.target)||t.blur(),setTimeout(function(){var e;return null==eu||null==(e=eu.current)?void 0:e.focus()},200)},disabled:z||G})})):eQ(),eq&&(_=function(e,t){return(0,l.jsx)("div",{className:(0,u.default)("".concat(m,"__list--item"),n({},"".concat(m,"__list--item-hightlighted"),t===eN)),onMouseDown:function(t){return eH(t,e)},children:eG(e)},"".concat(m,"__list-item").concat(t))},j=function(){var e;return(0,l.jsx)("div",{className:"".concat(m,"__list--no-items"),children:!el||(null==(e=Z(ev))?void 0:e.length)?F||"No Items":"Please begin typing"})},el?(0,l.jsx)("div",{className:"".concat(m,"__list-overlay"),ref:eo,onClick:eL,children:(0,l.jsxs)("div",{className:"".concat(m,"__list-wrapper"),ref:ei,children:[el&&(0,l.jsxs)("div",{ref:ec,className:(0,u.default)("".concat(m,"__list-header"),(n(x={},"".concat(m,"__list-header-with-shadow"),ef&&el),n(x,"".concat(m,"__list-header-with-shadow-hidden"),0===ed),x)),children:[(0,l.jsxs)("div",{className:(0,u.default)("".concat(m,"__list-header-row")),children:[(0,l.jsx)("div",{className:(0,u.default)("".concat(m,"__list-label")),children:S||"Select"}),(0,l.jsx)("div",{className:(0,u.default)("".concat(m,"__list-close-icon")),onClick:function(){return eA(!1)},children:(0,l.jsx)(o.X,{onClick:function(){return eA(!1)}})})]}),(0,l.jsx)("div",{className:(0,u.default)("".concat(m,"__list-header-row")),children:eQ()})]}),(0,l.jsx)("div",{className:"".concat(m,"__list"),ref:ea,children:eS?eY():(null==e_?void 0:e_.length)?null==e_?void 0:e_.map(_):j()})]})}):(0,l.jsx)("div",{className:"".concat(m,"__list-wrapper"),ref:ei,children:(0,l.jsx)("div",{className:"".concat(m,"__list"),ref:ea,children:eS?eY():(null==e_?void 0:e_.length)?null==e_?void 0:e_.map(_):j()})}))]})};