intelicoreact 1.6.20 → 1.6.21

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

@@ -1,331 +1 @@
-import React, { useEffect, useRef, useState } from "react";
-
-import cn from "classnames";
-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 { getCorrectTestId } from "../../../Functions/utils";
-import Spinner from "../../Layout/Spinner/Spinner";
-
-import "./NumericInput.scss";
-
-const 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;
+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"})]})}

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

@@ -1,66 +1 @@
-import React, { useLayoutEffect, useState } from "react";
-
-import cn from "classnames";
-
-import RadioInput from "../RadioInput/RadioInput";
-
-import "./RadioGroup.scss";
-
-const 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;
+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)})})}

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

@@ -1,80 +1 @@
-import React from "react";
-
-import cn from "classnames";
-
-import FormElement from "../../../Molecular/FormElement/FormElement";
-import Alert from "../../UI/Alert/Alert";
-
-import Input from "./../Input/Input";
-import RadioInput from "./../RadioInput/RadioInput";
-
-import "./RadioGroupWithInput.scss";
-
-const RadioGroupWithInput = ({
-  alert,
-  className,
-  disabled,
-  onChange = () => {},
-  direction = "row",
-  options = [],
-}) => {
-  const handle = {
-    changeRadio: (value, el) => {
-      const newOptions = options.map((item) => {
-        return {
-          ...item,
-          checked: el.value === item.value ? item.value : false,
-        };
-      });
-      onChange(newOptions);
-    },
-    changeInput: (value, el) => {
-      el.input.value = value;
-      onChange(options);
-    },
-  };
-
-  return (
-    <div className="radio-group-input-box">
-      {alert && <Alert className="mb10" {...alert} />}
-      <div
-        className={cn(
-          "radio-group-input",
-          className,
-          `radio-group-input--${direction}`,
-          {
-            "radio-group-input--disabled": disabled,
-          },
-        )}
-      >
-        {options?.map((item) => {
-          return (
-            <div
-              key={item.id}
-              className={cn(
-                "radio-group-input-item",
-                `radio-group-input-item-${item.id}`,
-              )}
-            >
-              <RadioInput
-                {...item}
-                onChange={(value) => handle.changeRadio(value, item)}
-                checked={item.checked}
-              />
-              {item.input && item.checked && (
-                <FormElement {...item.input}>
-                  <Input
-                    onChange={(value) => handle.changeInput(value, item)}
-                    {...item.input}
-                  />
-                </FormElement>
-              )}
-            </div>
-          );
-        })}
-      </div>
-    </div>
-  );
-};
-
-export default RadioGroupWithInput;
+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)})})]})}

package/dist/Atomic/FormElements/RadioInput/RadioInput.js

@@ -1,64 +1 @@
-function e(e, t, a) {
-    return t in e ? Object.defineProperty(e, t, {
-        value: a,
-        enumerable: !0,
-        configurable: !0,
-        writable: !0
-    }) : e[t] = a, e;
-}
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), Object.defineProperty(exports, "default", {
-    enumerable: !0,
-    get: function() {
-        return c;
-    }
-});
-var t, a = require("react/jsx-runtime"), n = (t = require("classnames")) && t.__esModule ? t : {
-    default: t
-};
-require("react"), require("./RadioInput.scss");
-var r = 'radio-input', c = function(t) {
-    var c = t.label, i = t.id, o = t.checked, u = t.name, s = t.disabled, l = t.className, d = t.value, f = t.testId, b = void 0 === f ? 'radio-input' : f, p = t.onChange, m = void 0 === p ? function() {} : p, v = t.attributesOfNativeInput;
-    return (0, a.jsxs)("label", {
-        "data-testid": b,
-        className: (0, n.default)(r, l, e({}, "".concat(r, "_disabled"), s)),
-        htmlFor: i,
-        children: [
-            (0, a.jsxs)("div", {
-                className: (0, n.default)("".concat(r, "__input"), e({}, "".concat(r, "__input--checked"), o === d)),
-                children: [
-                    (0, a.jsx)("input", function(t) {
-                        for(var a = 1; a < arguments.length; a++){
-                            var n = null != arguments[a] ? arguments[a] : {}, r = Object.keys(n);
-                            "function" == typeof Object.getOwnPropertySymbols && (r = r.concat(Object.getOwnPropertySymbols(n).filter(function(e) {
-                                return Object.getOwnPropertyDescriptor(n, e).enumerable;
-                            }))), r.forEach(function(a) {
-                                e(t, a, n[a]);
-                            });
-                        }
-                        return t;
-                    }({
-                        id: i,
-                        "data-testid": "".concat(b, "-input"),
-                        type: "radio",
-                        checked: o === d,
-                        className: "".concat(r, "__radio"),
-                        onChange: function() {
-                            return m(d);
-                        },
-                        name: u,
-                        disabled: s
-                    }, void 0 === v ? {} : v)),
-                    (0, a.jsx)("div", {
-                        className: "".concat(r, "__mark")
-                    })
-                ]
-            }),
-            c && (0, a.jsx)("div", {
-                className: "".concat(r, "__label"),
-                children: c
-            })
-        ]
-    });
-};
+function e(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return c}});var t,a=require("react/jsx-runtime"),n=(t=require("classnames"))&&t.__esModule?t:{default:t};require("react"),require("./RadioInput.scss");var r="radio-input",c=function(t){var c=t.label,i=t.id,o=t.checked,u=t.name,s=t.disabled,l=t.className,d=t.value,f=t.testId,b=void 0===f?"radio-input":f,p=t.onChange,m=void 0===p?function(){}:p,v=t.attributesOfNativeInput;return(0,a.jsxs)("label",{"data-testid":b,className:(0,n.default)(r,l,e({},"".concat(r,"_disabled"),s)),htmlFor:i,children:[(0,a.jsxs)("div",{className:(0,n.default)("".concat(r,"__input"),e({},"".concat(r,"__input--checked"),o===d)),children:[(0,a.jsx)("input",function(t){for(var a=1;a<arguments.length;a++){var n=null!=arguments[a]?arguments[a]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.forEach(function(a){e(t,a,n[a])})}return t}({id:i,"data-testid":"".concat(b,"-input"),type:"radio",checked:o===d,className:"".concat(r,"__radio"),onChange:function(){return m(d)},name:u,disabled:s},void 0===v?{}:v)),(0,a.jsx)("div",{className:"".concat(r,"__mark")})]}),c&&(0,a.jsx)("div",{className:"".concat(r,"__label"),children:c})]})};

package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js

@@ -1,54 +1 @@
-import React, { useState } from "react";
-
-import "./RadioRowSwitcher.scss";
-
-const classNames = require("classnames");
-
-const RadioRowSwitcher = ({ onChange, radios, label = "", value = "" }) => {
-  const handle = {
-    change: (newValue) => {
-      if (newValue === value) onChange("");
-      else onChange(newValue);
-    },
-  };
-
-  const itemClass = (key) =>
-    classNames("radio-row-switcher__item", {
-      [`radio-row-switcher__item--active`]: key === value,
-    });
-  const sliderClass = (key) =>
-    classNames(
-      "radio-row-switcher__slider",
-      `radio-row-switcher__slider--${key}`,
-    );
-
-  return (
-    <div className="radio-row-switcher">
-      {label && <div className="radio-row-switcher__label">{label}</div>}
-
-      <div className="radio-row-switcher__items-box">
-        {radios.map((item) => {
-          return (
-            <React.Fragment key={item.key}>
-              <div
-                onClick={() => handle.change(item.key)}
-                className={itemClass(item.key)}
-              >
-                {item.label}
-              </div>
-            </React.Fragment>
-          );
-        })}
-
-        {value && (
-          <div
-            onClick={() => handle.change("")}
-            className={sliderClass(value)}
-          />
-        )}
-      </div>
-    </div>
-  );
-};
-
-export default RadioRowSwitcher;
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import i from"react";import"./RadioRowSwitcher.scss";var a=require("classnames");export default function(c){var o=c.onChange,n=c.radios,t=c.label,s=void 0===t?"":t,l=c.value,d=void 0===l?"":l,m={change:function(r){r===d?o(""):o(r)}},u=function(r){var e,i,c;return a("radio-row-switcher__item",(e={},i="radio-row-switcher__item--active",c=r===d,i in e?Object.defineProperty(e,i,{value:c,enumerable:!0,configurable:!0,writable:!0}):e[i]=c,e))};return e("div",{className:"radio-row-switcher",children:[s&&r("div",{className:"radio-row-switcher__label",children:s}),e("div",{className:"radio-row-switcher__items-box",children:[n.map(function(e){return r(i.Fragment,{children:r("div",{onClick:function(){return m.change(e.key)},className:u(e.key),children:e.label})},e.key)}),d&&r("div",{onClick:function(){return m.change("")},className:a("radio-row-switcher__slider","radio-row-switcher__slider--".concat(d))})]})]})}