intelicoreact 1.8.2 → 1.8.4

package/dist/Atomic/FormElements/MultiSelect/MultiSelect.jsx

@@ -0,0 +1,46 @@
+import { useState } from 'react';
+
+import CheckboxInput from '../CheckboxInput/CheckboxInput';
+import Input from '../Input/Input';
+
+import './MultiSelect.scss';
+
+function MultiSelect({ options, chosenOptions, onChange }) {
+  const [searchValue, setSearchValue] = useState('');
+
+  const checkHandler = (state, value) => {
+    if (state) {
+      onChange([...chosenOptions, value]);
+    }
+    else {
+      onChange(chosenOptions.filter(item => item !== value));
+    }
+  };
+
+  const filteredOptions = options.filter(({ label }) =>
+    label.toLowerCase().includes(searchValue.toLowerCase()),
+  );
+
+  return (
+    <div className="multiselect">
+      <Input
+        value={searchValue}
+        onChange={value => setSearchValue(value)}
+        placeholder="Search"
+      />
+      <div className="multiselect__list">
+        {filteredOptions.map(({ label, value, id }) => (
+          <CheckboxInput
+            key={id}
+            value={chosenOptions.includes(value)}
+            label={label}
+            onChange={state => checkHandler(state, value)}
+            className="multiselect__item"
+          />
+        ))}
+      </div>
+    </div>
+  );
+}
+
+export default MultiSelect;

package/dist/Atomic/FormElements/NumericInput/NumericInput.d.ts

@@ -0,0 +1,36 @@
+export default NumericInput;
+declare function NumericInput({ disabled, withDelete, numStep, min, max, value, placeholder, className, testId, name, fieldKey, id, onChange, onBlur, onFocus, onKeyUp, onKeyDown, maskChar, formatChars, error, icon, isNotBlinkErrors, blinkTime, isPriceInput, isFocusDefault, isNotRenderButtons, isUseAutoSelect, isLoading, isAllowNullValue, onlyNumbers, attributesOfNativeInput, }: {
+    disabled: any;
+    withDelete: any;
+    numStep?: number | undefined;
+    min?: number | undefined;
+    max: any;
+    value: any;
+    placeholder: any;
+    className: any;
+    testId?: string | undefined;
+    name: any;
+    fieldKey: any;
+    id: any;
+    onChange?: (() => void) | undefined;
+    onBlur?: (() => void) | undefined;
+    onFocus?: (() => void) | undefined;
+    onKeyUp?: (() => void) | undefined;
+    onKeyDown?: (() => void) | undefined;
+    maskChar: any;
+    formatChars: any;
+    error: any;
+    icon: any;
+    isNotBlinkErrors: any;
+    blinkTime: any;
+    isPriceInput: any;
+    isFocusDefault?: boolean | undefined;
+    isNotRenderButtons?: boolean | undefined;
+    isUseAutoSelect?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    isAllowNullValue?: boolean | undefined;
+    onlyNumbers?: {
+        type: string;
+    } | undefined;
+    attributesOfNativeInput?: {} | undefined;
+}): JSX.Element;

package/dist/Atomic/FormElements/NumericInput/NumericInput.js

@@ -1 +1 @@
-function n(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=Array(e);t<e;t++)r[t]=n[t];return r}function e(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function t(n){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter(function(n){return Object.getOwnPropertyDescriptor(r,n).enumerable}))),o.forEach(function(t){e(n,t,r[t])})}return n}function r(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t,r,o=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=o){var u=[],i=!0,a=!1;try{for(o=o.call(n);!(i=(t=o.next()).done)&&(u.push(t.value),!e||u.length!==e);i=!0);}catch(n){a=!0,r=n}finally{try{i||null==o.return||o.return()}finally{if(a)throw r}}return u}}(n,e)||o(n,e)||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 o(e,t){if(e){if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if("Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(e,t)}}import{jsx as u,jsxs as i,Fragment as a}from"react/jsx-runtime";import{useEffect as l,useRef as c,useState as s}from"react";import f from"classnames";import{Minus as m,Plus as d}from"react-feather";import{KEYBOARD_SERVICE_KEYS as p}from"../../../Constants/index.constants";import{formatToAddBitDepthPoints as y,filterNumeric as b,formatToRemoveComa as v}from"../../../Functions/fieldValueFormatters";import"../../../Functions/utils";import h from"../../Layout/Spinner/Spinner";import"./NumericInput.scss";export default function(g){var N,O,w,j=g.disabled,S=g.withDelete,_=g.numStep,k=void 0===_?1:_,A=g.min,D=void 0===A?0:A,P=g.max,C=g.value,F=g.placeholder,x=g.className,I=g.testId,T=void 0===I?"numeric-input":I,E=g.name,U=g.fieldKey,B=g.id,K=g.onChange,L=void 0===K?function(){}:K,M=g.onBlur,R=void 0===M?function(){}:M,V=g.onFocus,z=void 0===V?function(){}:V,$=g.onKeyUp,q=void 0===$?function(){}:$,G=g.onKeyDown,H=void 0===G?function(){}:G,J=g.maskChar,Q=g.formatChars,W=g.error,X=g.icon,Y=g.isNotBlinkErrors,Z=g.blinkTime,nn=g.isPriceInput,ne=g.isFocusDefault,nt=void 0!==ne&&ne,nr=g.isNotRenderButtons,no=g.isUseAutoSelect,nu=void 0===no||no,ni=g.isLoading,na=void 0!==ni&&ni,nl=g.isAllowNullValue,nc=g.onlyNumbers,ns=void 0===nc?{type:"int"}:nc,nf=g.attributesOfNativeInput,nm=c(null),nd=c(null),np=c(null),ny=c(null),nb=void 0!==nl&&nl?"":D,nv=r(s(C||nb),2),nh=nv[0],ng=nv[1],nN=r(s(nh),2),nO=nN[0],nw=nN[1],nj=r(s(0),2),nS=nj[0],n_=nj[1],nk=r(s(!1),2),nA=nk[0],nD=nk[1],nP=r(s(!1),2),nC=nP[0],nF=nP[1],nx=r(s(!1),2),nI=nx[0],nT=nx[1],nE=r(s(C||nb),2),nU=nE[0],nB=nE[1],nK=function(){var n,e=nm.current,t=null==e||null==(n=e.value)?void 0:n.length;e&&setTimeout(function(){return e.setSelectionRange(t,t)},10)},nL={change:function(n){ng((n.target?b(n.target.value,ns):b(n,ns)).toString())},clear:function(){nL.change(nb||"")},focus:function(n){nD(!0),z&&z(n)},blur:function(n){nD(!1),(Number.isNaN(nh)||nh<D)&&ng(nb),P&&Number(P)<nh&&ng(P),R&&R(n)},keyDown:function(n){var e;nB(null==n||null==(e=n.target)?void 0:e.value),H(n.keyCode,n)},keyUp:function(n){if(!Y){var e=String(null!=C?C:""),t=String(nU),r=t.length<=e.length?t:e,o=t.length>e.length?t:e,u=r.split("").reduce(function(n,e,t){return n.countOn&&e===o[t]?n.same.push(e):(n.countOn=!1,n.differences.push([t,e])),n},{same:[],countOn:!0,differences:[]}),i=u.same.join(""),a=u.differences.length,l=null==e?void 0:e.replace(i,"");p.includes(n.key)||e!==t||nF(!(!a&&n.key===l))}q&&q(n.keyCode,n.target.value)},decrement:function(n){var e=Number(nS)-Number(k);e<D?e=D:e>P&&(e=P),nL.change(e),setTimeout(function(){var n;null==nm||null==(n=nm.current)||n.focus(),nK()},100)},increment:function(n){var e=Number(nS)+Number(k);e<D?e=D:e>P&&(e=P),nL.change(e),setTimeout(function(){var n;null==nm||null==(n=nm.current)||n.focus(),nK()},100)}};return l(function(){var n=function(n){ny.current.contains(n.target)||nD(!1)};return document.addEventListener("mousedown",n,!0),function(){return document.removeEventListener("mousedown",n,!0)}},[]),l(function(){!Y&&nC&&(nF(!1),nT(!0),setTimeout(function(){nT(!1)},Z||200))},[nC]),l(function(){C&&C!==nh&&ng(C)},[C]),l(function(){nh!==C&&nD(!0),nw(nn&&(null==nh?void 0:nh.length)>0?nA?v(nh):y(nh):nh),n_(v(nh)),"function"==typeof L&&void 0!==C&&+nh!=+C&&L(null==nh?void 0:nh.toString())},[nh]),l(function(){isNaN(nS)&&n_(D||0)},[nS]),l(function(){var n,e,t=nh;nn&&(t=nA?v(nh):y(nh)),nw(t),nA?("function"==typeof z&&z({target:null==nm?void 0:nm.current}),null==nm||null==(n=nm.current)||n.focus()):("function"==typeof R&&R({target:null==nm?void 0:nm.current}),null==nm||null==(e=nm.current)||e.blur())},[nA]),l(function(){(null==nm?void 0:nm.current)&&"boolean"==typeof nt&&nD(nt)},[nm,nt]),i("div",{"data-testid":T,ref:ny,className:f("input__wrap",e({},"input__wrap_focus",nA),e({},"input__wrap_error",W||nI),e({},"input__wrap--disabled",j||na)),children:[(N=t({name:E||U||B||T||"",className:"input ".concat(x||""),placeholder:F,value:nO,disabled:j,onChange:nL.change,onFocus:nL.focus,onBlur:nL.blur,onKeyDown:nL.keyDown,onKeyUp:nL.keyUp,min:D,max:P},J?{maskChar:J}:{},Q?{formatChars:Q}:{}),i(a,{children:[u("input",t((O=t({},N),w=w={"data-testid":"".concat(T,"-input"),value:(null==C?void 0:C.length)>0?y(v(C)):C,ref:nm,type:"text",onFocus:function(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];nu&&nm.current.select(),N.onFocus&&N.onFocus.apply(N,function(e){if(Array.isArray(e))return n(e)}(t)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(t)||o(t)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())}},Object.getOwnPropertyDescriptors?Object.defineProperties(O,Object.getOwnPropertyDescriptors(w)):(function(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t.push.apply(t,r)}return t})(Object(w)).forEach(function(n){Object.defineProperty(O,n,Object.getOwnPropertyDescriptor(w,n))}),O),void 0===nf?{}:nf)),void 0!==nr&&nr?null:i("div",{className:"input__nums",children:[u("button",{"data-testid":"".concat(T,"-minus-btn"),ref:nd,className:f("input__num-btn",{"events-none":Number(C)<=D}),onMouseDown:function(n){return nL.decrement(n)},children:u(m,{className:f({disabled:Number(C)<=D})})}),u("button",{"data-testid":"-".concat(T,"-plus-btn"),ref:np,className:f("input__num-btn",{"events-none":Number(C)>=P}),onMouseDown:function(n){return nL.increment(n)},children:u(d,{className:f({disabled:Number(C)>=P})})})]})]})),X,S&&u("span",{className:f("input__close",{hidden:!nh}),onClick:function(){return nL.clear()}}),na&&u(h,{size:"small"})]})}
+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){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function n(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),o.forEach(function(n){t(e,n,r[n])})}return e}function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n,r,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var u=[],i=!0,a=!1;try{for(o=o.call(e);!(i=(n=o.next()).done)&&(u.push(n.value),!t||u.length!==t);i=!0);}catch(e){a=!0,r=e}finally{try{i||null==o.return||o.return()}finally{if(a)throw r}}return u}}(e,t)||o(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 o(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});var u=require("tslib"),i=u.__importDefault(require("classnames")),a=require("react"),c=require("react-feather"),l=require("../../../Constants/index.constants"),s=require("../../../Functions/fieldValueFormatters"),f=u.__importDefault(require("../../Layout/Spinner/Spinner"));require("./NumericInput.scss"),exports.default=function(u){var d,m,p,v=u.disabled,b=u.withDelete,y=u.numStep,g=void 0===y?1:y,h=u.min,N=void 0===h?0:h,O=u.max,S=u.value,E=u.placeholder,w=u.className,_=u.testId,R=void 0===_?"numeric-input":_,j=u.name,D=u.fieldKey,P=u.id,A=u.onChange,C=void 0===A?function(){}:A,k=u.onBlur,T=void 0===k?function(){}:k,I=u.onFocus,F=void 0===I?function(){}:I,q=u.onKeyUp,B=void 0===q?function(){}:q,x=u.onKeyDown,K=void 0===x?function(){}:x,U=u.maskChar,M=u.formatChars,L=u.error,V=u.icon,Y=u.isNotBlinkErrors,z=u.blinkTime,$=u.isPriceInput,G=u.isFocusDefault,H=void 0!==G&&G,J=u.isNotRenderButtons,Q=u.isUseAutoSelect,W=void 0===Q||Q,X=u.isLoading,Z=void 0!==X&&X,ee=u.isAllowNullValue,et=u.onlyNumbers,en=void 0===et?{type:"int"}:et,er=u.attributesOfNativeInput,eo=(0,a.useRef)(null),eu=(0,a.useRef)(null),ei=(0,a.useRef)(null),ea=(0,a.useRef)(null),ec=void 0!==ee&&ee?"":N,el=r((0,a.useState)(S||ec),2),es=el[0],ef=el[1],ed=r((0,a.useState)(es),2),em=ed[0],ep=ed[1],ev=r((0,a.useState)(0),2),eb=ev[0],ey=ev[1],eg=r((0,a.useState)(!1),2),eh=eg[0],eN=eg[1],eO=r((0,a.useState)(!1),2),eS=eO[0],eE=eO[1],ew=r((0,a.useState)(!1),2),e_=ew[0],eR=ew[1],ej=r((0,a.useState)(S||ec),2),eD=ej[0],eP=ej[1],eA=function(){var e,t=eo.current,n=null==(e=null==t?void 0:t.value)?void 0:e.length;t&&setTimeout(function(){return t.setSelectionRange(n,n)},10)},eC={change:function(e){ef((e.target?(0,s.filterNumeric)(e.target.value,en):(0,s.filterNumeric)(e,en)).toString())},clear:function(){eC.change(ec||"")},focus:function(e){eN(!0),F&&F(e)},blur:function(e){eN(!1),(Number.isNaN(es)||es<N)&&ef(ec),O&&Number(O)<es&&ef(O),T&&T(e)},keyDown:function(e){var t;eP(null==(t=null==e?void 0:e.target)?void 0:t.value),K(e.keyCode,e)},keyUp:function(e){if(!Y){var t=String(null!=S?S:""),n=String(eD),r=n.length<=t.length?n:t,o=n.length>t.length?n:t,u=r.split("").reduce(function(e,t,n){return e.countOn&&t===o[n]?e.same.push(t):(e.countOn=!1,e.differences.push([n,t])),e},{same:[],countOn:!0,differences:[]}),i=u.same.join(""),a=u.differences.length,c=null==t?void 0:t.replace(i,"");l.KEYBOARD_SERVICE_KEYS.includes(e.key)||t!==n||eE(!(!a&&e.key===c))}B&&B(e.keyCode,e.target.value)},decrement:function(e){var t=Number(eb)-Number(g);t<N?t=N:t>O&&(t=O),eC.change(t),setTimeout(function(){var e;null==(e=null==eo?void 0:eo.current)||e.focus(),eA()},100)},increment:function(e){var t=Number(eb)+Number(g);t<N?t=N:t>O&&(t=O),eC.change(t),setTimeout(function(){var e;null==(e=null==eo?void 0:eo.current)||e.focus(),eA()},100)}};return(0,a.useEffect)(function(){var e=function(e){ea.current.contains(e.target)||eN(!1)};return document.addEventListener("mousedown",e,!0),function(){return document.removeEventListener("mousedown",e,!0)}},[]),(0,a.useEffect)(function(){!Y&&eS&&(eE(!1),eR(!0),setTimeout(function(){eR(!1)},z||200))},[eS]),(0,a.useEffect)(function(){S&&S!==es&&ef(S)},[S]),(0,a.useEffect)(function(){es!==S&&eN(!0),ep($&&(null==es?void 0:es.length)>0?eh?(0,s.formatToRemoveComa)(es):(0,s.formatToAddBitDepthPoints)(es):es),ey((0,s.formatToRemoveComa)(es)),"function"==typeof C&&void 0!==S&&+es!=+S&&C(null==es?void 0:es.toString())},[es]),(0,a.useEffect)(function(){isNaN(eb)&&ey(N||0)},[eb]),(0,a.useEffect)(function(){var e,t,n=es;$&&(n=eh?(0,s.formatToRemoveComa)(es):(0,s.formatToAddBitDepthPoints)(es)),ep(n),eh?("function"==typeof F&&F({target:null==eo?void 0:eo.current}),null==(e=null==eo?void 0:eo.current)||e.focus()):("function"==typeof T&&T({target:null==eo?void 0:eo.current}),null==(t=null==eo?void 0:eo.current)||t.blur())},[eh]),(0,a.useEffect)(function(){(null==eo?void 0:eo.current)&&"boolean"==typeof H&&eN(H)},[eo,H]),React.createElement("div",{"data-testid":R,ref:ea,className:(0,i.default)("input__wrap",t({},"input__wrap_focus",eh),t({},"input__wrap_error",L||e_),t({},"input__wrap--disabled",v||Z))},(d=n({name:j||D||P||R||"",className:"input ".concat(w||""),placeholder:E,value:em,disabled:v,onChange:eC.change,onFocus:eC.focus,onBlur:eC.blur,onKeyDown:eC.keyDown,onKeyUp:eC.keyUp,min:N,max:O},U?{maskChar:U}:{},M?{formatChars:M}:{}),React.createElement(React.Fragment,null,React.createElement("input",n((m=n({},d),p=p={"data-testid":"".concat(R,"-input"),value:(null==S?void 0:S.length)>0?(0,s.formatToAddBitDepthPoints)((0,s.formatToRemoveComa)(S)):S,ref:eo,type:"text",onFocus:function(){for(var t=arguments.length,n=Array(t),r=0;r<t;r++)n[r]=arguments[r];W&&eo.current.select(),d.onFocus&&d.onFocus.apply(d,function(t){if(Array.isArray(t))return e(t)}(n)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(n)||o(n)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())}},Object.getOwnPropertyDescriptors?Object.defineProperties(m,Object.getOwnPropertyDescriptors(p)):(function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n})(Object(p)).forEach(function(e){Object.defineProperty(m,e,Object.getOwnPropertyDescriptor(p,e))}),m),void 0===er?{}:er)),void 0!==J&&J?null:React.createElement("div",{className:"input__nums"},React.createElement("button",{"data-testid":"".concat(R,"-minus-btn"),ref:eu,className:(0,i.default)("input__num-btn",{"events-none":Number(S)<=N}),onMouseDown:function(e){return eC.decrement(e)}},React.createElement(c.Minus,{className:(0,i.default)({disabled:Number(S)<=N})})),React.createElement("button",{"data-testid":"-".concat(R,"-plus-btn"),ref:ei,className:(0,i.default)("input__num-btn",{"events-none":Number(S)>=O}),onMouseDown:function(e){return eC.increment(e)}},React.createElement(c.Plus,{className:(0,i.default)({disabled:Number(S)>=O})}))))),V,b&&React.createElement("span",{className:(0,i.default)("input__close",{hidden:!es}),onClick:function(){return eC.clear()}}),Z&&React.createElement(f.default,{size:"small"}))};

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumericInput.js","sourceRoot":"","sources":["../../../../src/Atomic/FormElements/NumericInput/NumericInput.jsx"],"names":[],"mappings":"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"}

package/dist/Atomic/FormElements/NumericInput/NumericInput.jsx

@@ -0,0 +1,337 @@
+import cn from 'classnames';
+
+import { useEffect, useRef, useState } from 'react';
+import { Minus, Plus } from 'react-feather';
+
+import { KEYBOARD_SERVICE_KEYS } from '../../../Constants/index.constants';
+import {
+  formatToAddBitDepthPoints as addCommas,
+  filterNumeric,
+  formatToRemoveComa as removeCommas,
+} from '../../../Functions/fieldValueFormatters';
+import Spinner from '../../Layout/Spinner/Spinner';
+
+import './NumericInput.scss';
+
+function NumericInput({
+  disabled,
+  withDelete,
+  numStep = 1,
+  min = 0,
+  max,
+  value,
+  placeholder,
+  className,
+  testId = 'numeric-input',
+  name,
+  fieldKey,
+  id,
+
+  onChange = () => {},
+  onBlur = () => {},
+  onFocus = () => {},
+  onKeyUp = () => {},
+  onKeyDown = () => {},
+
+  maskChar,
+  formatChars,
+  error,
+  icon,
+  isNotBlinkErrors,
+  blinkTime,
+  isPriceInput,
+  isFocusDefault = false,
+  isNotRenderButtons = false,
+  isUseAutoSelect = true,
+  isLoading = false,
+  isAllowNullValue = false,
+  onlyNumbers = {
+    type: 'int',
+  },
+
+  attributesOfNativeInput = {},
+}) {
+  const DEFAULT_BLINK_TIME = 200;
+
+  // REFS
+  const inputRef = useRef(null);
+  const decRef = useRef(null);
+  const incRef = useRef(null);
+  const wrapRef = useRef(null);
+
+  // STATES
+  const initialMin = isAllowNullValue ? '' : min;
+  const [inputValue, setInputValue] = useState(value || initialMin);
+  const [inputValueFormated, setInputValueFormated] = useState(inputValue);
+  const [intMemoVal, setIntMemoVal] = useState(0);
+
+  const [isFocused, setIsFocused] = useState(false);
+
+  const [isAttemptToChange, setIsAttemptToChange] = useState(false);
+  const [isToHighlightError, setIsToHighlightError] = useState(false);
+
+  const [prevValue, setPreviousValue] = useState(value || initialMin);
+
+  const setCursorToEnd = () => {
+    const input = inputRef.current;
+    const cursor = input?.value?.length;
+    if (input) setTimeout(() => input.setSelectionRange(cursor, cursor), 10);
+  };
+
+  // HANDLES
+  const handle = {
+    change: (e) => {
+      const inputValue = e.target
+        ? filterNumeric(e.target.value, onlyNumbers)
+        : filterNumeric(e, onlyNumbers);
+      setInputValue(inputValue.toString());
+    },
+    clear: () => {
+      handle.change(initialMin || '');
+    },
+    focus: (e) => {
+      setIsFocused(true);
+      if (onFocus) onFocus(e);
+    },
+    blur: (e) => {
+      setIsFocused(false);
+
+      if (Number.isNaN(inputValue) || inputValue < min)
+        setInputValue(initialMin);
+      if (max && Number(max) < inputValue) setInputValue(max);
+
+      if (onBlur) onBlur(e);
+    },
+    keyDown: (e) => {
+      setPreviousValue(e?.target?.value);
+      onKeyDown(e.keyCode, e);
+    },
+
+    keyUp: (e) => {
+      if (!isNotBlinkErrors) {
+        const changedValue = String(value ?? '');
+        const previousValue = String(prevValue);
+
+        const short
+          = previousValue.length <= changedValue.length
+            ? previousValue
+            : changedValue;
+        const long
+          = previousValue.length > changedValue.length
+            ? previousValue
+            : changedValue;
+
+        const infoAboutDifferencesSameness = short.split('').reduce(
+          (acc, symbol, idx) => {
+            if (acc.countOn && symbol === long[idx]) {
+              acc.same.push(symbol);
+            }
+            else {
+              acc.countOn = false;
+              acc.differences.push([idx, symbol]);
+            }
+            return acc;
+          },
+          { same: [], countOn: true, differences: [] },
+        );
+
+        const samePart = infoAboutDifferencesSameness.same.join('');
+        const differencesLength
+          = infoAboutDifferencesSameness.differences.length;
+        const currentSet = changedValue?.replace(samePart, '');
+
+        if (
+          !KEYBOARD_SERVICE_KEYS.includes(e.key)
+          && changedValue === previousValue
+        ) {
+          setIsAttemptToChange(!(!differencesLength && e.key === currentSet));
+        }
+      }
+
+      if (onKeyUp) onKeyUp(e.keyCode, e.target.value);
+    },
+    decrement: (e) => {
+      let newValue = Number(intMemoVal) - Number(numStep);
+      if (newValue < min) newValue = min;
+      else if (newValue > max) newValue = max;
+
+      handle.change(newValue);
+
+      setTimeout(() => {
+        inputRef?.current?.focus();
+        setCursorToEnd();
+      }, 100);
+    },
+    increment: (e) => {
+      let newValue = Number(intMemoVal) + Number(numStep);
+      if (newValue < min) newValue = min;
+      else if (newValue > max) newValue = max;
+
+      handle.change(newValue);
+
+      setTimeout(() => {
+        inputRef?.current?.focus();
+        setCursorToEnd();
+      }, 100);
+    },
+  };
+
+  // Check Outside Click
+  useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (!wrapRef.current.contains(event.target)) setIsFocused(false);
+    };
+
+    document.addEventListener('mousedown', handleClickOutside, true);
+    return () =>
+      document.removeEventListener('mousedown', handleClickOutside, true);
+  }, []);
+
+  useEffect(() => {
+    if (!isNotBlinkErrors && isAttemptToChange) {
+      setIsAttemptToChange(false);
+      setIsToHighlightError(true);
+      setTimeout(() => {
+        setIsToHighlightError(false);
+      }, blinkTime || DEFAULT_BLINK_TIME);
+    }
+  }, [isAttemptToChange]);
+
+  useEffect(() => {
+    if (value && value !== inputValue) setInputValue(value);
+  }, [value]);
+
+  // On Input Value Change
+  useEffect(() => {
+    if (inputValue !== value) setIsFocused(true);
+
+    setInputValueFormated(
+      isPriceInput && inputValue?.length > 0
+        ? isFocused
+          ? removeCommas(inputValue)
+          : addCommas(inputValue)
+        : inputValue,
+    );
+    setIntMemoVal(removeCommas(inputValue));
+
+    if (typeof onChange === 'function' && value !== undefined && +inputValue !== +value) onChange(inputValue?.toString());
+  }, [inputValue]);
+
+  // On Integer Value Change
+  useEffect(() => {
+    if (isNaN(intMemoVal)) setIntMemoVal(min || 0);
+  }, [intMemoVal]);
+
+  // On Focuse Change
+  useEffect(() => {
+    let formatedValue = inputValue;
+    if (isPriceInput) {
+      formatedValue = isFocused
+        ? removeCommas(inputValue)
+        : addCommas(inputValue);
+    }
+    setInputValueFormated(formatedValue);
+
+    if (isFocused) {
+      if (typeof onFocus === 'function') onFocus({ target: inputRef?.current });
+      inputRef?.current?.focus();
+    }
+    else {
+      if (typeof onBlur === 'function') onBlur({ target: inputRef?.current });
+      inputRef?.current?.blur();
+    }
+  }, [isFocused]);
+
+  useEffect(() => {
+    if (inputRef?.current && typeof isFocusDefault === 'boolean')
+      setIsFocused(isFocusDefault);
+  }, [inputRef, isFocusDefault]);
+
+  function renderInput() {
+    const uniProps = {
+      name: name || fieldKey || id || testId || '',
+      className: `input ${className || ''}`,
+      placeholder,
+      value: inputValueFormated,
+      disabled,
+      onChange: handle.change,
+      onFocus: handle.focus,
+      onBlur: handle.blur,
+      onKeyDown: handle.keyDown,
+      onKeyUp: handle.keyUp,
+      min,
+      max,
+      ...(maskChar ? { maskChar } : {}),
+      ...(formatChars ? { formatChars } : {}),
+    };
+
+    return (
+      <>
+        <input
+          {...uniProps}
+          data-testid={`${testId}-input`}
+          value={value?.length > 0 ? addCommas(removeCommas(value)) : value}
+          ref={inputRef}
+          type="text"
+          onFocus={(...params) => {
+            if (isUseAutoSelect) inputRef.current.select();
+            if (uniProps.onFocus) uniProps.onFocus(...params);
+          }}
+          {...attributesOfNativeInput}
+        />
+
+        {!isNotRenderButtons
+          ? (
+              <div className="input__nums">
+                <button
+                  data-testid={`${testId}-minus-btn`}
+                  ref={decRef}
+                  className={cn('input__num-btn', {
+                    'events-none': Number(value) <= min,
+                  })}
+                  onMouseDown={e => handle.decrement(e)}
+                >
+                  <Minus className={cn({ disabled: Number(value) <= min })} />
+                </button>
+                <button
+                  data-testid={`-${testId}-plus-btn`}
+                  ref={incRef}
+                  className={cn('input__num-btn', {
+                    'events-none': Number(value) >= max,
+                  })}
+                  onMouseDown={e => handle.increment(e)}
+                >
+                  <Plus className={cn({ disabled: Number(value) >= max })} />
+                </button>
+              </div>
+            )
+          : null}
+      </>
+    );
+  }
+
+  return (
+    <div
+      data-testid={testId}
+      ref={wrapRef}
+      className={cn(
+        `input__wrap`,
+        { [`input__wrap_focus`]: isFocused },
+        { [`input__wrap_error`]: error || isToHighlightError },
+        { [`input__wrap--disabled`]: disabled || isLoading },
+      )}
+    >
+      {renderInput()}
+      {icon}
+      {withDelete && (
+        <span
+          className={cn(`input__close`, { hidden: !inputValue })}
+          onClick={() => handle.clear()}
+        />
+      )}
+      {isLoading && <Spinner size="small" />}
+    </div>
+  );
+}
+
+export default NumericInput;

package/dist/Atomic/FormElements/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,9 @@
+export default RadioGroup;
+declare function RadioGroup({ className, disabled, value, onChange, direction, options, }: {
+    className: any;
+    disabled: any;
+    value: any;
+    onChange?: (() => void) | undefined;
+    direction?: string | undefined;
+    options?: never[] | undefined;
+}): JSX.Element;

package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js

@@ -1 +1 @@
-function r(r,e){(null==e||e>r.length)&&(e=r.length);for(var t=0,n=Array(e);t<e;t++)n[t]=r[t];return n}function e(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter(function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),n.forEach(function(e){var n;n=t[e],e in r?Object.defineProperty(r,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):r[e]=n})}return r}function t(r,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):(function(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t.push.apply(t,n)}return t})(Object(e)).forEach(function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(e,t))}),r}import{jsx as n}from"react/jsx-runtime";import{useLayoutEffect as o,useState as i}from"react";import a from"classnames";import c from"../RadioInput/RadioInput";import"./RadioGroup.scss";export default function(u){var l,f=u.className,p=u.disabled,s=u.value,b=u.onChange,d=void 0===b?function(){}:b,y=u.direction,m=u.options,v=void 0===m?[]:m,O=(l=i(v),function(r){if(Array.isArray(r))return r}(l)||function(r,e){var t,n,o=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=o){var i=[],a=!0,c=!1;try{for(o=o.call(r);!(a=(t=o.next()).done)&&(i.push(t.value),i.length!==e);a=!0);}catch(r){c=!0,n=r}finally{try{a||null==o.return||o.return()}finally{if(c)throw n}}return i}}(l,2)||function(e,t){if(e){if("string"==typeof e)return r(e,2);var n=Object.prototype.toString.call(e).slice(8,-1);if("Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return r(e,t)}}(l,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),g=O[0],h=O[1];o(function(){return h(v.map(function(r){return r.value===s?t(e({},r),{checked:s}):r}))},[v,s]);var j=function(r){h(g.map(function(n){return n.value===r?t(e({},n),{checked:r}):{id:n.id,label:n.label,value:n.value}})),d(r)};return n("div",{className:a("radio-group",f,"radio-group--".concat(void 0===y?"row":y),{"radio-group--disabled":p}),children:g.map(function(r){return n(c,t(e({},r),{onChange:j,checked:r.checked}),r.id)})})}
+function e(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=Array(r);t<r;t++)n[t]=e[t];return n}function r(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.forEach(function(r){var n;n=t[r],r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n})}return e}function t(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):(function(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t})(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}),e}Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),o=n.__importDefault(require("classnames")),a=require("react"),u=n.__importDefault(require("../RadioInput/RadioInput"));require("./RadioGroup.scss"),exports.default=function(n){var i,c=n.className,l=n.disabled,f=n.value,s=n.onChange,p=void 0===s?function(){}:s,d=n.direction,y=n.options,b=void 0===y?[]:y,m=(i=(0,a.useState)(b),function(e){if(Array.isArray(e))return e}(i)||function(e,r){var t,n,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var a=[],u=!0,i=!1;try{for(o=o.call(e);!(u=(t=o.next()).done)&&(a.push(t.value),a.length!==r);u=!0);}catch(e){i=!0,n=e}finally{try{u||null==o.return||o.return()}finally{if(i)throw n}}return a}}(i,2)||function(r,t){if(r){if("string"==typeof r)return e(r,2);var n=Object.prototype.toString.call(r).slice(8,-1);if("Object"===n&&r.constructor&&(n=r.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(r,t)}}(i,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),v=m[0],O=m[1];(0,a.useLayoutEffect)(function(){return O(b.map(function(e){return e.value===f?t(r({},e),{checked:f}):e}))},[b,f]);var g=function(e){O(v.map(function(n){return n.value===e?t(r({},n),{checked:e}):{id:n.id,label:n.label,value:n.value}})),p(e)};return React.createElement("div",{className:(0,o.default)("radio-group",c,"radio-group--".concat(void 0===d?"row":d),{"radio-group--disabled":l})},v.map(function(e){return React.createElement(u.default,t(r({key:e.id},e),{onChange:g,checked:e.checked}))}))};

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../../src/Atomic/FormElements/RadioGroup/RadioGroup.jsx"],"names":[],"mappings":";;;AAAA,oEAA4B;AAE5B,iCAAkD;AAElD,kFAAkD;AAElD,6BAA2B;AAE3B,SAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,EAAE,GACb;IACC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAC;IAE9C,IAAA,uBAAe,EACb,GAAG,EAAE,CACH,SAAS,CACP,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CACjB,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAC1D,CACF,EACH,CAAC,OAAO,EAAE,KAAK,CAAC,CACjB,CAAC;IAEF,MAAM,MAAM,GAAG;QACb,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBACpC,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;oBACzB,OAAO;wBACL,GAAG,IAAI;wBACP,OAAO,EAAE,KAAK;qBACf,CAAC;gBACJ,CAAC;gBACD,OAAO;oBACL,EAAE,EAAE,IAAI,CAAC,EAAE;oBACX,KAAK,EAAE,IAAI,CAAC,KAAK;oBACjB,KAAK,EAAE,IAAI,CAAC,KAAK;iBAClB,CAAC;YACJ,CAAC,CAAC,CAAC;YACH,SAAS,CAAC,SAAS,CAAC,CAAC;YACrB,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC;KACF,CAAC;IACF,OAAO,CACL,6BACE,SAAS,EAAE,IAAA,oBAAE,EAAC,aAAa,EAAE,SAAS,EAAE,gBAAgB,SAAS,EAAE,EAAE;YACnE,uBAAuB,EAAE,QAAQ;SAClC,CAAC,IAED,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAClB,oBAAC,oBAAU,IACT,GAAG,EAAE,IAAI,CAAC,EAAE,KACR,IAAI,EACR,QAAQ,EAAE,MAAM,CAAC,MAAM,EACvB,OAAO,EAAE,IAAI,CAAC,OAAO,GACrB,CACH,CAAC,CACE,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,UAAU,CAAC"}

package/dist/Atomic/FormElements/RadioGroup/RadioGroup.jsx

@@ -0,0 +1,66 @@
+import cn from 'classnames';
+
+import { useLayoutEffect, useState } from 'react';
+
+import RadioInput from '../RadioInput/RadioInput';
+
+import './RadioGroup.scss';
+
+function RadioGroup({
+  className,
+  disabled,
+  value,
+  onChange = () => {},
+  direction = 'row',
+  options = [],
+}) {
+  const [values, setValues] = useState(options);
+
+  useLayoutEffect(
+    () =>
+      setValues(
+        options.map(item =>
+          item.value === value ? { ...item, checked: value } : item,
+        ),
+      ),
+    [options, value],
+  );
+
+  const handle = {
+    change: (value) => {
+      const newValues = values.map((item) => {
+        if (item.value === value) {
+          return {
+            ...item,
+            checked: value,
+          };
+        }
+        return {
+          id: item.id,
+          label: item.label,
+          value: item.value,
+        };
+      });
+      setValues(newValues);
+      onChange(value);
+    },
+  };
+  return (
+    <div
+      className={cn('radio-group', className, `radio-group--${direction}`, {
+        'radio-group--disabled': disabled,
+      })}
+    >
+      {values.map(item => (
+        <RadioInput
+          key={item.id}
+          {...item}
+          onChange={handle.change}
+          checked={item.checked}
+        />
+      ))}
+    </div>
+  );
+}
+
+export default RadioGroup;

package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.d.ts

@@ -0,0 +1,9 @@
+export default RadioGroupWithInput;
+declare function RadioGroupWithInput({ alert, className, disabled, onChange, direction, options, }: {
+    alert: any;
+    className: any;
+    disabled: any;
+    onChange?: (() => void) | undefined;
+    direction?: string | undefined;
+    options?: never[] | undefined;
+}): JSX.Element;

package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js

@@ -1 +1 @@
-function e(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 t(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 r,jsxs as n}from"react/jsx-runtime";import"react";import o from"classnames";import i from"../../../Molecular/FormElement/FormElement";import c from"../../UI/Alert/Alert";import u from"./../Input/Input";import a from"./../RadioInput/RadioInput";import"./RadioGroupWithInput.scss";export default function(p){var l=p.alert,s=p.className,d=p.disabled,m=p.onChange,f=void 0===m?function(){}:m,b=p.direction,g=p.options,O=void 0===g?[]:g,h={changeRadio:function(r,n){f(O.map(function(r){return t(e({},r),{checked:n.value===r.value&&r.value})}))},changeInput:function(e,t){t.input.value=e,f(O)}};return n("div",{className:"radio-group-input-box",children:[l&&r(c,e({className:"mb10"},l)),r("div",{className:o("radio-group-input",s,"radio-group-input--".concat(void 0===b?"row":b),{"radio-group-input--disabled":d}),children:null==O?void 0:O.map(function(c){return n("div",{className:o("radio-group-input-item","radio-group-input-item-".concat(c.id)),children:[r(a,t(e({},c),{onChange:function(e){return h.changeRadio(e,c)},checked:c.checked})),c.input&&c.checked&&r(i,t(e({},c.input),{children:r(u,e({onChange:function(e){return h.changeInput(e,c)}},c.input))}))]},c.id)})})]})}
+function e(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 t(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}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("tslib"),n=r.__importDefault(require("classnames")),a=r.__importDefault(require("../../../Molecular/FormElement/FormElement")),o=r.__importDefault(require("../../UI/Alert/Alert")),u=r.__importDefault(require("./../Input/Input")),i=r.__importDefault(require("./../RadioInput/RadioInput"));require("./RadioGroupWithInput.scss"),exports.default=function(r){var c=r.alert,l=r.className,p=r.disabled,d=r.onChange,f=void 0===d?function(){}:d,s=r.direction,m=r.options,b=void 0===m?[]:m,g={changeRadio:function(r,n){f(b.map(function(r){return t(e({},r),{checked:n.value===r.value&&r.value})}))},changeInput:function(e,t){t.input.value=e,f(b)}};return React.createElement("div",{className:"radio-group-input-box"},c&&React.createElement(o.default,e({className:"mb10"},c)),React.createElement("div",{className:(0,n.default)("radio-group-input",l,"radio-group-input--".concat(void 0===s?"row":s),{"radio-group-input--disabled":p})},null==b?void 0:b.map(function(r){return React.createElement("div",{key:r.id,className:(0,n.default)("radio-group-input-item","radio-group-input-item-".concat(r.id))},React.createElement(i.default,t(e({},r),{onChange:function(e){return g.changeRadio(e,r)},checked:r.checked})),r.input&&r.checked&&React.createElement(a.default,e({},r.input),React.createElement(u.default,e({onChange:function(e){return g.changeInput(e,r)}},r.input))))})))};

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupWithInput.js","sourceRoot":"","sources":["../../../../src/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.jsx"],"names":[],"mappings":";;;AAAA,oEAA4B;AAE5B,qGAAqE;AACrE,yEAAyC;AAEzC,qEAAqC;AACrC,oFAAoD;AAEpD,sCAAoC;AAEpC,SAAS,mBAAmB,CAAC,EAC3B,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,EAAE,GACb;IACC,MAAM,MAAM,GAAG;QACb,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE;YACzB,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBACtC,OAAO;oBACL,GAAG,IAAI;oBACP,OAAO,EAAE,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;iBACtD,CAAC;YACJ,CAAC,CAAC,CAAC;YACH,QAAQ,CAAC,UAAU,CAAC,CAAC;QACvB,CAAC;QACD,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE;YACzB,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;YACvB,QAAQ,CAAC,OAAO,CAAC,CAAC;QACpB,CAAC;KACF,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,uBAAuB;QACnC,KAAK,IAAI,oBAAC,eAAK,IAAC,SAAS,EAAC,MAAM,KAAK,KAAK,GAAI;QAC/C,6BACE,SAAS,EAAE,IAAA,oBAAE,EACX,mBAAmB,EACnB,SAAS,EACT,sBAAsB,SAAS,EAAE,EACjC;gBACE,6BAA6B,EAAE,QAAQ;aACxC,CACF,IAEA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,OAAO,CACL,6BACE,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,SAAS,EAAE,IAAA,oBAAE,EACX,wBAAwB,EACxB,0BAA0B,IAAI,CAAC,EAAE,EAAE,CACpC;gBAED,oBAAC,oBAAU,OACL,IAAI,EACR,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,EAClD,OAAO,EAAE,IAAI,CAAC,OAAO,GACrB;gBACD,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,IAAI,CAC7B,oBAAC,qBAAW,OAAK,IAAI,CAAC,KAAK;oBACzB,oBAAC,eAAK,IACJ,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,KAC9C,IAAI,CAAC,KAAK,GACd,CACU,CACf,CACG,CACP,CAAC;QACJ,CAAC,CAAC,CACE,CACF,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,mBAAmB,CAAC"}