intelicoreact 1.8.5 → 1.8.7

package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.jsx

@@ -1,183 +1 @@
-import cn from 'classnames';
-
-import moment from 'moment-timezone';
-import { useEffect, useMemo, useState } from 'react';
-
-import Arrow from '../../UI/Arrow/Arrow';
-
-import './RangeCalendar.scss';
-
-function RangeCalendar(props) {
-  const {
-    className,
-    date,
-    setDate,
-    startDate,
-    endDate,
-    allowPrev = true,
-    allowNext = true,
-    onClick = () => {},
-    onHover = () => {},
-    startPrevDate,
-    endPrevDate,
-    limitRange,
-    isShortWeekNames,
-    minDate,
-    maxDate,
-    momentMinDate,
-    momentMaxDate,
-    isDontLimitFuture,
-    testId = 'range-calendar',
-  } = props;
-
-  const [days, setDays] = useState({});
-
-  const title = useMemo(
-    () => `${moment(date).format('MMM')} ${moment(date).format('YYYY')}`,
-    [date],
-  );
-
-  useEffect(() => {
-    const result = {};
-    const day = moment(date).startOf('month');
-    const daysInMonth = day.daysInMonth();
-    for (let d = 0; d < daysInMonth; d += 1) {
-      let week = day.week();
-      if (day.month() === 11 && week === 1) week = 53;
-      if (day.month() === 0 && week === 53) week = 0;
-      if (!Object.prototype.hasOwnProperty.call(result, week)) {
-        result[week] = {};
-      }
-      result[week][day.weekday()] = { date: day.toDate() };
-      day.add(1, 'd');
-    }
-    setDays(result);
-  }, [date]);
-
-  const renderDay = (week, dayOfWeek) => {
-    const day = days[week][dayOfWeek];
-    const isFutureDay = day && moment(day.date).isAfter(moment(), 'day');
-    const isPastDay = limitRange
-      ? day
-      && moment(day.date).isBefore(moment().subtract(limitRange, 'days'), 'day')
-      : null;
-    const isRangeStart = day && moment(day.date).isSame(startDate, 'day');
-    const isRangeEnd
-      = day
-        && moment(day.date).isSame(moment(endDate).subtract(1, 'hour'), 'day');
-    const isRangeInside
-      = day
-        && startDate
-        && endDate
-        && moment(day.date).isAfter(startDate, 'day')
-        && moment(day.date).isBefore(moment(endDate).subtract(1, 'hour'), 'day');
-    const isPrevRangeEnd
-      = day
-        && (moment(day.date).isSame(startPrevDate, 'day')
-          || moment(day.date).isSame(moment(endPrevDate).subtract(1, 'day'), 'day'));
-    const isPrevRangeInside
-      = day
-        && startPrevDate
-        && endPrevDate
-        && moment(day.date).isAfter(startPrevDate, 'day')
-        && moment(day.date).isBefore(moment(endPrevDate).subtract(1, 'day'), 'day');
-    const classNames = cn(
-      'range-calendar__day',
-      { 'range-calendar__day--clickable': day },
-      {
-        'range-calendar__day--disabled':
-          isPastDay
-          || (minDate && moment(day?.date).isBefore(momentMinDate, 'day'))
-          || (!isDontLimitFuture
-            && (maxDate ? moment(day?.date).isAfter(momentMaxDate) : isFutureDay)),
-      },
-      { 'range-calendar__day--range-start': isRangeStart },
-      { 'range-calendar__day--range-end': isRangeEnd },
-      { 'range-calendar__day--range-inside': isRangeInside },
-      { 'range-calendar__day--prev-range-end': isPrevRangeEnd },
-      { 'range-calendar__day--prev-range-inside': isPrevRangeInside },
-    );
-
-    return (
-      <div
-        key={`${week}_${dayOfWeek}`}
-        className={classNames}
-        onClick={day ? e => onClick(day.date, e) : null}
-        onMouseOver={day ? () => onHover(day.date) : null}
-        onMouseLeave={() => onHover(null)}
-      >
-        <span className="calendar__day-num">{day && day.date.getDate()}</span>
-      </div>
-    );
-  };
-
-  const handlePrev = () => {
-    setDate(moment(date).subtract(1, 'month').toDate());
-  };
-
-  const handleNext = () => {
-    setDate(moment(date).add(1, 'month').toDate());
-  };
-
-  const getFormatedWeekName = input =>
-    isShortWeekNames ? input.charAt(0) : input;
-
-  return (
-    <div className={cn('range-calendar', className)} data-testid={testId}>
-      <div className="range-calendar-header">
-        <Arrow
-          type="left"
-          disabled={
-            !allowPrev
-            || (minDate
-              && moment(date)
-                .startOf('month')
-                .isSameOrBefore(momentMinDate, 'months'))
-          }
-          onClick={handlePrev}
-          className="range-calendar-header__prev"
-        />
-
-        <div className="range-calendar-header__title">{title}</div>
-
-        <Arrow
-          type="right"
-          disabled={
-            !allowNext
-            || (!isDontLimitFuture
-              && moment(date)
-                .startOf('month')
-                .isSameOrAfter(
-                  maxDate
-                    ? momentMaxDate
-                    : moment().add(1, 'day').startOf('day'),
-                  'months',
-                ))
-          }
-          onClick={handleNext}
-          className="range-calendar-header__next"
-        />
-      </div>
-
-      <div className="range-calendar__week range-calendar__week-title">
-        {[...Array.from({ length: 7 }).keys()].map((dayOfWeek) => {
-          return (
-            <div
-              key={`day-of-week_${dayOfWeek}`}
-              className="range-calendar__day range-calendar__day--title"
-            >
-              {getFormatedWeekName(moment().weekday(dayOfWeek).format('dd'))}
-            </div>
-          );
-        })}
-      </div>
-      {Object.keys(days).map((week, index) => (
-        <div key={`week_${index}`} className="range-calendar__week">
-          {[...Array.from({ length: 7 }).keys()].map(dayOfWeek => renderDay(week, dayOfWeek))}
-        </div>
-      ))}
-    </div>
-  );
-}
-
-export default RangeCalendar;
+function e(e,a){(null==a||a>e.length)&&(a=e.length);for(var r=0,t=Array(a);r<a;r++)t[r]=e[r];return t}function a(a){return function(a){if(Array.isArray(a))return e(a)}(a)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(a)||r(a)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(a,r){if(a){if("string"==typeof a)return e(a,r);var t=Object.prototype.toString.call(a).slice(8,-1);if("Object"===t&&a.constructor&&(t=a.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return e(a,r)}}import{jsx as t,jsxs as n}from"react/jsx-runtime";import o from"classnames";import d from"moment-timezone";import{useEffect as i,useMemo as l,useState as c}from"react";import s from"../../UI/Arrow/Arrow";import"./RangeCalendar.scss";export default function(e){var u,m=e.className,f=e.date,y=e.setDate,h=e.startDate,v=e.endDate,_=e.allowPrev,g=e.allowNext,p=e.onClick,b=void 0===p?function(){}:p,A=e.onHover,k=void 0===A?function(){}:A,w=e.startPrevDate,S=e.endPrevDate,D=e.limitRange,N=e.isShortWeekNames,O=e.minDate,j=e.maxDate,x=e.momentMinDate,M=e.momentMaxDate,I=e.isDontLimitFuture,C=e.testId,B=(u=c({}),function(e){if(Array.isArray(e))return e}(u)||function(e,a){var r,t,n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o=[],d=!0,i=!1;try{for(n=n.call(e);!(d=(r=n.next()).done)&&(o.push(r.value),o.length!==a);d=!0);}catch(e){i=!0,t=e}finally{try{d||null==n.return||n.return()}finally{if(i)throw t}}return o}}(u,2)||r(u,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.")}()),P=B[0],Y=B[1],E=l(function(){return"".concat(d(f).format("MMM")," ").concat(d(f).format("YYYY"))},[f]);i(function(){for(var e={},a=d(f).startOf("month"),r=a.daysInMonth(),t=0;t<r;t+=1){var n=a.week();11===a.month()&&1===n&&(n=53),0===a.month()&&53===n&&(n=0),Object.prototype.hasOwnProperty.call(e,n)||(e[n]={}),e[n][a.weekday()]={date:a.toDate()},a.add(1,"d")}Y(e)},[f]);var L=function(e,a){var r=P[e][a],n=r&&d(r.date).isAfter(d(),"day"),i=D?r&&d(r.date).isBefore(d().subtract(D,"days"),"day"):null,l=r&&d(r.date).isSame(h,"day"),c=r&&d(r.date).isSame(d(v).subtract(1,"hour"),"day"),s=r&&h&&v&&d(r.date).isAfter(h,"day")&&d(r.date).isBefore(d(v).subtract(1,"hour"),"day"),u=r&&(d(r.date).isSame(w,"day")||d(r.date).isSame(d(S).subtract(1,"day"),"day")),m=r&&w&&S&&d(r.date).isAfter(w,"day")&&d(r.date).isBefore(d(S).subtract(1,"day"),"day");return t("div",{className:o("range-calendar__day",{"range-calendar__day--clickable":r},{"range-calendar__day--disabled":i||O&&d(null==r?void 0:r.date).isBefore(x,"day")||!I&&(j?d(null==r?void 0:r.date).isAfter(M):n)},{"range-calendar__day--range-start":l},{"range-calendar__day--range-end":c},{"range-calendar__day--range-inside":s},{"range-calendar__day--prev-range-end":u},{"range-calendar__day--prev-range-inside":m}),onClick:r?function(e){return b(r.date,e)}:null,onMouseOver:r?function(){return k(r.date)}:null,onMouseLeave:function(){return k(null)},children:t("span",{className:"calendar__day-num",children:r&&r.date.getDate()})},"".concat(e,"_").concat(a))};return n("div",{className:o("range-calendar",m),"data-testid":void 0===C?"range-calendar":C,children:[n("div",{className:"range-calendar-header",children:[t(s,{type:"left",disabled:!(void 0===_||_)||O&&d(f).startOf("month").isSameOrBefore(x,"months"),onClick:function(){y(d(f).subtract(1,"month").toDate())},className:"range-calendar-header__prev"}),t("div",{className:"range-calendar-header__title",children:E}),t(s,{type:"right",disabled:!(void 0===g||g)||!I&&d(f).startOf("month").isSameOrAfter(j?M:d().add(1,"day").startOf("day"),"months"),onClick:function(){y(d(f).add(1,"month").toDate())},className:"range-calendar-header__next"})]}),t("div",{className:"range-calendar__week range-calendar__week-title",children:a(Array.from({length:7}).keys()).map(function(e){var a;return t("div",{className:"range-calendar__day range-calendar__day--title",children:(a=d().weekday(e).format("dd"),N?a.charAt(0):a)},"day-of-week_".concat(e))})}),Object.keys(P).map(function(e,r){return t("div",{className:"range-calendar__week",children:a(Array.from({length:7}).keys()).map(function(a){return L(e,a)})},"week_".concat(r))})]})}

package/dist/Atomic/FormElements/RangeInputs/RangeInputs.jsx

@@ -0,0 +1 @@
+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,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function t(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(t){r(e,t,n[t])})}return e}function n(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}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return p}});var o=require("react/jsx-runtime"),l=f(require("classnames")),u=function(e,r){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 t=s(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var u=o?Object.getOwnPropertyDescriptor(e,l):null;u&&(u.get||u.set)?Object.defineProperty(n,l,u):n[l]=e[l]}return n.default=e,t&&t.set(e,n),n}(require("react")),i=require("../../../Functions/fieldValueFormatters"),a=require("../../../Functions/utils"),c=f(require("../Input/Input"));function f(e){return e&&e.__esModule?e:{default:e}}function s(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(s=function(e){return e?t:r})(e)}require("./RangeInputs.scss");var d="range-inputs",p=function(f){var s,p,v,m=f.isColumnPosition,b=f.className,y=f.value,g=f.onChange,j=f.validateErrors,O=f.type,h=void 0===O?"int":O,P=f.setError,_=f.label,S=void 0===_?"":_,w=f.isPrice,x=void 0!==w&&w,D=f.testId,I=f.withZero,N=void 0!==I&&I,F=f.fromPlaceholder,k=f.toPlaceholder,q=f.disabled,E=f.isDisabled,M=(s=(0,u.useState)({from:"",to:""}),function(e){if(Array.isArray(e))return e}(s)||function(e,r){var t,n,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var l=[],u=!0,i=!1;try{for(o=o.call(e);!(u=(t=o.next()).done)&&(l.push(t.value),l.length!==r);u=!0);}catch(e){i=!0,n=e}finally{try{u||null==o.return||o.return()}finally{if(i)throw n}}return l}}(s,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)}}(s,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.")}()),A=M[0],C=M[1],B=(0,u.useRef)(null),R=(0,u.useRef)(null),U=q||E,W=function(e,r){var t,n;return Number.parseFloat(null==e||null==(t=e.toString())?void 0:t.replace(/\D/g,""))<=Number.parseFloat(null==r||null==(n=r.toString())?void 0:n.replace(/\D/g,""))},K=function(e){var r=String(e);return"float"!==h||x?"float"===h&&x?(0,a.addBitDepthPoints)((0,i.filterFloat)(null==r?void 0:r.replace(/[^\d.]/g,""),2)):"float"!==h&&x?(0,a.addBitDepthPoints)(null==r?void 0:r.replace(/\D/g,"")):(0,i.formatOnlyNumbers)(e):(0,i.filterFloat)(e,2)},T=function(e,o){g(n(t({},y),r({},e,K(o))))},V=function(e){var r,o,l=!(null==y?void 0:y.from)&&!(null==y?void 0:y.to),u=(null==y?void 0:y.from)!=null?String(y.from):"",i=(null==y?void 0:y.to)!=null?String(y.to):"",a=null==j?void 0:j(u,i);if(!N&&l)C({from:"",to:""}),null==P||P("");else if(N||(null==y?void 0:y["from"===e?"to":"from"]))W(u,i)?a?C({from:null!=(r=a.from)?r:"",to:null!=(o=a.to)?o:""}):(C({from:"",to:""}),null==P||P("")):((null==y?void 0:y.from)?C(n(t({},A),{to:"Invalid range"})):C(n(t({},A),{from:"Invalid range"})),null==P||P("Invalid range"));else{var c="from"===e?R.current:B.current;null==c||c.focus()}};return(0,o.jsxs)("div",{className:(0,l.default)(d,b,r({},"".concat(d,"_column"),m)),children:[S&&" "!==S&&(0,o.jsx)("div",{className:"".concat(d,"__label"),children:S}),(0,o.jsxs)("div",{className:"".concat(d,"__wrapper"),children:[(0,o.jsxs)("div",{className:"".concat(d,"__input-from"),children:[(0,o.jsx)("span",{className:"".concat(d,"__input-label"),children:"From"}),(0,o.jsx)(c.default,{testId:"".concat(D,"--from"),ref:B,value:null!=(p=String(null==y?void 0:y.from))?p:"",onChange:function(e){return T("from",e)},onBlur:function(){return V("from")},error:A.from,onKeyUp:function(e,r){if("Enter"===r.key){var t,n,o;W((null==y?void 0:y.from)!=null?String(y.from):"",(null==y?void 0:y.to)!=null?String(y.to):"")?null==(t=B.current)||t.blur():(null==(n=R.current)||n.focus(),null==(o=R.current)||o.select())}},placeholder:void 0===F?"":F,disabled:U})]}),(0,o.jsxs)("div",{className:"".concat(d,"__input-to"),children:[(0,o.jsx)("span",{className:"".concat(d,"__input-label"),children:"to"}),(0,o.jsx)(c.default,{testId:"".concat(D,"--to"),ref:R,value:null!=(v=String(null==y?void 0:y.to))?v:"",onChange:function(e){return T("to",e)},onBlur:function(){return V("to")},error:A.to,onKeyUp:function(e,r){var t;"Enter"===r.key&&(null==(t=R.current)||t.blur())},placeholder:void 0===k?"":k,disabled:U})]})]})]})};

package/dist/Atomic/FormElements/RangeList/RangeList.jsx

@@ -1,181 +1 @@
-import cn from 'classnames';
-
-import { useRef, useState } from 'react';
-
-// import { numberFilter, numberFilterWithoutDots, rounded } from '../../../Functions/utils';
-import { addRangeDefault } from '../../../Functions/operations';
-import Button from '../../UI/Button/Button';
-import Input from '../Input/Input';
-
-import RangeListRow, { RangeListCell } from './partial/RangeListRow';
-
-import './RangeList.scss';
-
-const RC = 'range-list';
-const DEFAULT_STATE = { from: '', to: '' };
-
-function RangeList(props) {
-  const {
-    className,
-    value = [],
-    disabled,
-    validateErrors,
-    onChange,
-    isFloatValues,
-    decimalPlaces,
-    error,
-    defaultErrorText,
-    nullValueText,
-    isOnlyOneRow = false,
-    testId = 'range-list',
-  } = props;
-
-  const NULL_VALUE_TEXT = nullValueText ?? 'No data';
-
-  const [state, setState] = useState(DEFAULT_STATE);
-  const [innerError, setInnerError] = useState('');
-  const [outerError, setOuterError] = useState('');
-
-  const inputFromRef = useRef(null);
-  const inputToRef = useRef(null);
-
-  const isValidRange = Boolean(
-    state?.from && state?.to && Number(state?.from) <= Number(state?.to),
-  );
-  const isShowRow = (isOnlyOneRow && value?.length === 0) || !isOnlyOneRow;
-
-  const handle = {
-    inputsChange: (val, prop) => setState({ ...state, [prop]: val }),
-    addRange: () => {
-      if (
-        isValidRange
-        && (!validateErrors?.(Number(state.from), Number(state.to)) ?? true)
-      ) {
-        onChange(
-          addRangeDefault(
-            Number(state.from),
-            Number(state.to),
-            value,
-            isFloatValues ? decimalPlaces : null,
-          ),
-        );
-        setState(DEFAULT_STATE);
-        setInnerError('');
-        setOuterError('');
-      }
-      else if (!isValidRange) {
-        setInnerError(defaultErrorText);
-      }
-      else if (validateErrors) {
-        setOuterError(validateErrors(Number(state.from), Number(state.to)));
-      }
-    },
-    removeRange: index =>
-      onChange(value.filter((item, idx) => idx !== index)),
-    rangeValidation: (e, key) => {
-      const oppositeKey = key === 'from' ? 'to' : 'from';
-
-      if (!state?.from && !state?.to) {
-        setInnerError('');
-        setOuterError('');
-        return e;
-      }
-      if (!state[oppositeKey]) {
-        const mustToFocus
-          = key === 'from' ? inputToRef.current : inputFromRef.current;
-        mustToFocus.focus();
-      }
-      else if (!isValidRange) {
-        setInnerError(defaultErrorText);
-        if (validateErrors)
-          setOuterError(validateErrors(Number(state.from), Number(state.to)));
-      }
-      else {
-        setInnerError('');
-        if (validateErrors)
-          setOuterError(validateErrors(Number(state.from), Number(state.to)));
-      }
-      return null;
-    },
-    onKeyUpFromInput: (code) => {
-      if (code === 13) {
-        if (isValidRange) inputFromRef.current.blur();
-        else if (!state.to) inputToRef.current.focus();
-        else if (state.from) inputFromRef.current.select();
-      }
-    },
-    onKeyUpToInput: (code) => {
-      if (code === 13) inputToRef.current.blur();
-    },
-  };
-
-  const renderInputsAndAddButtonRow = () => (
-    <div className={cn(`${RC}__row`, `${RC}__inputs`)}>
-      <RangeListCell className={`${RC}__cell-input`}>
-        <Input
-          ref={inputFromRef}
-          onlyNumbers={
-            isFloatValues
-              ? { type: 'float', decimalPlaces: decimalPlaces || 0 }
-              : { type: 'int' }
-          }
-          value={state.from}
-          onBlur={e => handle.rangeValidation(e, 'from')}
-          onChange={val => handle.inputsChange(val, 'from')}
-          onKeyUp={code => handle.onKeyUpFromInput(code)}
-        />
-      </RangeListCell>
-      <RangeListCell className={`${RC}__cell-input`}>
-        <Input
-          ref={inputToRef}
-          onlyNumbers={
-            isFloatValues
-              ? { type: 'float', decimalPlaces: decimalPlaces || 0 }
-              : { type: 'int' }
-          }
-          value={state.to}
-          onBlur={e => handle.rangeValidation(e, 'to')}
-          onChange={val => handle.inputsChange(val, 'to')}
-          onKeyUp={code => handle.onKeyUpToInput(code)}
-        />
-      </RangeListCell>
-      <RangeListCell className={`${RC}__cell-button`}>
-        <Button onClick={handle.addRange}>Add</Button>
-      </RangeListCell>
-    </div>
-  );
-
-  return (
-    <div
-      data-testid={testId}
-      className={cn(RC, className, { [`${RC}_disabled`]: disabled })}
-    >
-      <div className={cn(`${RC}__row`, `${RC}__labels`)}>
-        <RangeListCell className={`${RC}__cell-label`}>From</RangeListCell>
-        <RangeListCell className={`${RC}__cell-label`}>To</RangeListCell>
-      </div>
-      {isShowRow && renderInputsAndAddButtonRow()}
-      {(innerError || outerError || error) && (
-        <span className={`${RC}__error`}>
-          {innerError || error || outerError}
-        </span>
-      )}
-      {!value?.length && (
-        <div className={cn(`${RC}__row`, `${RC}__values`, `${RC}__null-value`)}>
-          {NULL_VALUE_TEXT}
-        </div>
-      )}
-      {value.map((row, idx) => (
-        <RangeListRow
-          data-testid={`${testId}-row-${idx}`}
-          key={`idx-${idx}-from-${row.from}-to${row.to}`}
-          {...row}
-          idx={idx}
-          actionClick={() => handle.removeRange(idx)}
-        />
-      ))}
-    </div>
-  );
-}
-
-export default RangeList;
+function r(r,t){(null==t||t>r.length)&&(t=r.length);for(var n=0,e=Array(t);n<t;n++)e[n]=r[n];return e}function t(r,t,n){return t in r?Object.defineProperty(r,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):r[t]=n,r}function n(r){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{},o=Object.keys(e);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(e).filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),o.forEach(function(n){t(r,n,e[n])})}return r}function e(r,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):(function(r,t){var n=Object.keys(r);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(r);n.push.apply(n,e)}return n})(Object(t)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(t,n))}),r}function o(t,n){return function(r){if(Array.isArray(r))return r}(t)||function(r,t){var n,e,o=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=o){var l=[],c=!0,a=!1;try{for(o=o.call(r);!(c=(n=o.next()).done)&&(l.push(n.value),!t||l.length!==t);c=!0);}catch(r){a=!0,e=r}finally{try{c||null==o.return||o.return()}finally{if(a)throw e}}return l}}(t,n)||function(t,n){if(t){if("string"==typeof t)return r(t,n);var e=Object.prototype.toString.call(t).slice(8,-1);if("Object"===e&&t.constructor&&(e=t.constructor.name),"Map"===e||"Set"===e)return Array.from(e);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return r(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.")}()}import{jsx as l,jsxs as c}from"react/jsx-runtime";import a from"classnames";import{useRef as u,useState as i}from"react";import{addRangeDefault as f}from"../../../Functions/operations";import s from"../../UI/Button/Button";import m from"../Input/Input";import d,{RangeListCell as p}from"./partial/RangeListRow";import"./RangeList.scss";var b="range-list",y={from:"",to:""};export default function(r){var v=r.className,h=r.value,_=void 0===h?[]:h,O=r.disabled,g=r.validateErrors,N=r.onChange,j=r.isFloatValues,w=r.decimalPlaces,P=r.error,x=r.defaultErrorText,S=r.nullValueText,A=r.isOnlyOneRow,I=void 0!==A&&A,C=r.testId,E=void 0===C?"range-list":C,k=o(i(y),2),B=k[0],D=k[1],R=o(i(""),2),T=R[0],U=R[1],F=o(i(""),2),K=F[0],L=F[1],V=u(null),M=u(null),$=!!((null==B?void 0:B.from)&&(null==B?void 0:B.to)&&Number(null==B?void 0:B.from)<=Number(null==B?void 0:B.to)),q=I&&(null==_?void 0:_.length)===0||!I,z=function(r,o){return D(e(n({},B),t({},o,r)))},G=function(r,t){return(null==B?void 0:B.from)||(null==B?void 0:B.to)?(B["from"===t?"to":"from"]?($?U(""):U(x),g&&L(g(Number(B.from),Number(B.to)))):("from"===t?M.current:V.current).focus(),null):(U(""),L(""),r)},H=function(r){13===r&&($?V.current.blur():B.to?B.from&&V.current.select():M.current.focus())},J=function(r){13===r&&M.current.blur()};return c("div",{"data-testid":E,className:a(b,v,t({},"".concat(b,"_disabled"),O)),children:[c("div",{className:a("".concat(b,"__row"),"".concat(b,"__labels")),children:[l(p,{className:"".concat(b,"__cell-label"),children:"From"}),l(p,{className:"".concat(b,"__cell-label"),children:"To"})]}),q&&c("div",{className:a("".concat(b,"__row"),"".concat(b,"__inputs")),children:[l(p,{className:"".concat(b,"__cell-input"),children:l(m,{ref:V,onlyNumbers:j?{type:"float",decimalPlaces:w||0}:{type:"int"},value:B.from,onBlur:function(r){return G(r,"from")},onChange:function(r){return z(r,"from")},onKeyUp:function(r){return H(r)}})}),l(p,{className:"".concat(b,"__cell-input"),children:l(m,{ref:M,onlyNumbers:j?{type:"float",decimalPlaces:w||0}:{type:"int"},value:B.to,onBlur:function(r){return G(r,"to")},onChange:function(r){return z(r,"to")},onKeyUp:function(r){return J(r)}})}),l(p,{className:"".concat(b,"__cell-button"),children:l(s,{onClick:function(){var r;$&&(r=!(null==g?void 0:g(Number(B.from),Number(B.to))),r)?(N(f(Number(B.from),Number(B.to),_,j?w:null)),D(y),U(""),L("")):$?g&&L(g(Number(B.from),Number(B.to))):U(x)},children:"Add"})})]}),(T||K||P)&&l("span",{className:"".concat(b,"__error"),children:T||P||K}),!(null==_?void 0:_.length)&&l("div",{className:a("".concat(b,"__row"),"".concat(b,"__values"),"".concat(b,"__null-value")),children:null!=S?S:"No data"}),_.map(function(r,t){return l(d,e(n({"data-testid":"".concat(E,"-row-").concat(t)},r),{idx:t,actionClick:function(){var r;return r=t,N(_.filter(function(t,n){return n!==r}))}}),"idx-".concat(t,"-from-").concat(r.from,"-to").concat(r.to))})]})}

package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.jsx

@@ -1,41 +1 @@
-import cn from 'classnames';
-import { Trash2 } from 'react-feather';
-
-const RC = 'range-list';
-
-export function RangeListCell({ children, idx, className, onClick }) {
-  return (
-    <div
-      className={cn(`${RC}__cell`, className, { [`${RC}__cell-${idx}`]: idx })}
-      onClick={onClick}
-    >
-      {children}
-    </div>
-  );
-}
-
-function RangeListRow({ from, to, idx, actionClick }) {
-  return (
-    <div
-      className={cn(`${RC}__row`, `${RC}__values`, {
-        [`${RC}__values_first-value`]: idx === 0,
-      })}
-    >
-      <RangeListCell idx={1} className={`${RC}__cell-value`}>
-        {from}
-      </RangeListCell>
-      <RangeListCell idx={2} className={`${RC}__cell-value`}>
-        {to}
-      </RangeListCell>
-      <RangeListCell
-        idx={3}
-        className={`${RC}__cell-action`}
-        onClick={() => actionClick(idx)}
-      >
-        <Trash2 />
-      </RangeListCell>
-    </div>
-  );
-}
-
-export default RangeListRow;
+function e(e,c,a){return c in e?Object.defineProperty(e,c,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[c]=a,e}import{jsx as c,jsxs as a}from"react/jsx-runtime";import l from"classnames";import{Trash2 as n}from"react-feather";var t="range-list";export function RangeListCell(a){var n=a.children,r=a.idx,i=a.className,o=a.onClick;return c("div",{className:l("".concat(t,"__cell"),i,e({},"".concat(t,"__cell-").concat(r),r)),onClick:o,children:n})}export default function(r){var i=r.from,o=r.to,s=r.idx,u=r.actionClick;return a("div",{className:l("".concat(t,"__row"),"".concat(t,"__values"),e({},"".concat(t,"__values_first-value"),0===s)),children:[c(RangeListCell,{idx:1,className:"".concat(t,"__cell-value"),children:i}),c(RangeListCell,{idx:2,className:"".concat(t,"__cell-value"),children:o}),c(RangeListCell,{idx:3,className:"".concat(t,"__cell-action"),onClick:function(){return u(s)},children:c(n,{})})]})}