intelicoreact 1.8.3 → 1.8.4

package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.jsx

@@ -0,0 +1,78 @@
+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';
+
+function 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;

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

@@ -0,0 +1,7 @@
+export default RadioRowSwitcher;
+declare function RadioRowSwitcher({ onChange, radios, label, value }: {
+    onChange: any;
+    radios: any;
+    label?: string | undefined;
+    value?: string | undefined;
+}): JSX.Element;

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

@@ -1 +1 @@
-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))})]})]})}
+Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib").__importStar(require("react"));require("./RadioRowSwitcher.scss");var r=require("classnames");exports.default=function(a){var t=a.onChange,i=a.radios,c=a.label,l=void 0===c?"":c,n=a.value,o=void 0===n?"":n,s={change:function(e){e===o?t(""):t(e)}},d=function(e){var a,t,i;return r("radio-row-switcher__item",(a={},t="radio-row-switcher__item--active",i=e===o,t in a?Object.defineProperty(a,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[t]=i,a))};return e.default.createElement("div",{className:"radio-row-switcher"},l&&e.default.createElement("div",{className:"radio-row-switcher__label"},l),e.default.createElement("div",{className:"radio-row-switcher__items-box"},i.map(function(r){return e.default.createElement(e.default.Fragment,{key:r.key},e.default.createElement("div",{onClick:function(){return s.change(r.key)},className:d(r.key)},r.label))}),o&&e.default.createElement("div",{onClick:function(){return s.change("")},className:r("radio-row-switcher__slider","radio-row-switcher__slider--".concat(o))})))};

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioRowSwitcher.js","sourceRoot":"","sources":["../../../../src/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.jsx"],"names":[],"mappings":";;;AAAA,uDAAwC;AAExC,mCAAiC;AAEjC,MAAM,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;AAEzC,SAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE;IACpE,MAAM,MAAM,GAAG;QACb,MAAM,EAAE,CAAC,QAAQ,EAAE,EAAE;YACnB,IAAI,QAAQ,KAAK,KAAK;gBAAE,QAAQ,CAAC,EAAE,CAAC,CAAC;;gBAChC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAC1B,CAAC;KACF,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,CAAC,EAAE,CACtB,UAAU,CAAC,0BAA0B,EAAE;QACrC,CAAC,kCAAkC,CAAC,EAAE,GAAG,KAAK,KAAK;KACpD,CAAC,CAAC;IACL,MAAM,WAAW,GAAG,GAAG,CAAC,EAAE,CACxB,UAAU,CACR,4BAA4B,EAC5B,+BAA+B,GAAG,EAAE,CACrC,CAAC;IAEJ,OAAO,CACL,uCAAK,SAAS,EAAC,oBAAoB;QAChC,KAAK,IAAI,uCAAK,SAAS,EAAC,2BAA2B,IAAE,KAAK,CAAO;QAElE,uCAAK,SAAS,EAAC,+BAA+B;YAC3C,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBACnB,OAAO,CACL,8BAAC,eAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,IAAI,CAAC,GAAG;oBAC3B,uCACE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EACtC,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,IAE7B,IAAI,CAAC,KAAK,CACP,CACS,CAClB,CAAC;YACJ,CAAC,CAAC;YAED,KAAK,IAAI,CACR,uCACE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,EAChC,SAAS,EAAE,WAAW,CAAC,KAAK,CAAC,GAC7B,CACH,CACG,CACF,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,gBAAgB,CAAC"}

package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.jsx

@@ -0,0 +1,54 @@
+import React, { useState } from "react";
+
+import "./RadioRowSwitcher.scss";
+
+const classNames = require("classnames");
+
+function 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;

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

@@ -0,0 +1,2 @@
+export default RangeCalendar;
+declare function RangeCalendar(props: any): JSX.Element;

package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js

@@ -1 +1 @@
-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{useEffect as o,useMemo as d,useState as i}from"react";import l from"classnames";import c from"moment-timezone";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=i({}),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=d(function(){return"".concat(c(f).format("MMM")," ").concat(c(f).format("YYYY"))},[f]);o(function(){for(var e={},a=c(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&&c(r.date).isAfter(c(),"day"),o=D?r&&c(r.date).isBefore(c().subtract(D,"days"),"day"):null,d=r&&c(r.date).isSame(h,"day"),i=r&&c(r.date).isSame(c(v).subtract(1,"hour"),"day"),s=r&&h&&v&&c(r.date).isAfter(h,"day")&&c(r.date).isBefore(c(v).subtract(1,"hour"),"day"),u=r&&(c(r.date).isSame(w,"day")||c(r.date).isSame(c(S).subtract(1,"day"),"day")),m=r&&w&&S&&c(r.date).isAfter(w,"day")&&c(r.date).isBefore(c(S).subtract(1,"day"),"day");return t("div",{className:l("range-calendar__day",{"range-calendar__day--clickable":r},{"range-calendar__day--disabled":o||O&&c(null==r?void 0:r.date).isBefore(x,"day")||!I&&(j?c(null==r?void 0:r.date).isAfter(M):n)},{"range-calendar__day--range-start":d},{"range-calendar__day--range-end":i},{"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:l("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&&c(f).startOf("month").isSameOrBefore(x,"months"),onClick:function(){y(c(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&&c(f).startOf("month").isSameOrAfter(j?M:c().add(1,"day").startOf("day"),"months"),onClick:function(){y(c(f).add(1,"month").toDate())},className:"range-calendar-header__next"})]}),t("div",{className:"range-calendar__week range-calendar__week-title",children:a(Array(7).keys()).map(function(e){var a;return t("div",{className:"range-calendar__day range-calendar__day--title",children:(a=c().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(7).keys()).map(function(a){return L(e,a)})},"week_".concat(r))})]})}
+function e(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,r=Array(a);t<a;t++)r[t]=e[t];return r}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)||t(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 t(a,t){if(a){if("string"==typeof a)return e(a,t);var r=Object.prototype.toString.call(a).slice(8,-1);if("Object"===r&&a.constructor&&(r=a.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(a,t)}}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("tslib"),n=r.__importDefault(require("classnames")),d=r.__importDefault(require("moment-timezone")),l=require("react"),o=r.__importDefault(require("../../UI/Arrow/Arrow"));require("./RangeCalendar.scss"),exports.default=function(e){var r,u=e.className,c=e.date,i=e.setDate,f=e.startDate,s=e.endDate,m=e.allowPrev,y=e.allowNext,_=e.onClick,v=void 0===_?function(){}:_,g=e.onHover,h=void 0===g?function(){}:g,p=e.startPrevDate,b=e.endPrevDate,k=e.limitRange,A=e.isShortWeekNames,D=e.minDate,w=e.maxDate,S=e.momentMinDate,E=e.momentMaxDate,N=e.isDontLimitFuture,O=e.testId,R=(r=(0,l.useState)({}),function(e){if(Array.isArray(e))return e}(r)||function(e,a){var t,r,n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var d=[],l=!0,o=!1;try{for(n=n.call(e);!(l=(t=n.next()).done)&&(d.push(t.value),d.length!==a);l=!0);}catch(e){o=!0,r=e}finally{try{l||null==n.return||n.return()}finally{if(o)throw r}}return d}}(r,2)||t(r,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.")}()),M=R[0],I=R[1],j=(0,l.useMemo)(function(){return"".concat((0,d.default)(c).format("MMM")," ").concat((0,d.default)(c).format("YYYY"))},[c]);(0,l.useEffect)(function(){for(var e={},a=(0,d.default)(c).startOf("month"),t=a.daysInMonth(),r=0;r<t;r+=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")}I(e)},[c]);var x=function(e,a){var t=M[e][a],r=t&&(0,d.default)(t.date).isAfter((0,d.default)(),"day"),l=k?t&&(0,d.default)(t.date).isBefore((0,d.default)().subtract(k,"days"),"day"):null,o=t&&(0,d.default)(t.date).isSame(f,"day"),u=t&&(0,d.default)(t.date).isSame((0,d.default)(s).subtract(1,"hour"),"day"),c=t&&f&&s&&(0,d.default)(t.date).isAfter(f,"day")&&(0,d.default)(t.date).isBefore((0,d.default)(s).subtract(1,"hour"),"day"),i=t&&((0,d.default)(t.date).isSame(p,"day")||(0,d.default)(t.date).isSame((0,d.default)(b).subtract(1,"day"),"day")),m=t&&p&&b&&(0,d.default)(t.date).isAfter(p,"day")&&(0,d.default)(t.date).isBefore((0,d.default)(b).subtract(1,"day"),"day"),y=(0,n.default)("range-calendar__day",{"range-calendar__day--clickable":t},{"range-calendar__day--disabled":l||D&&(0,d.default)(null==t?void 0:t.date).isBefore(S,"day")||!N&&(w?(0,d.default)(null==t?void 0:t.date).isAfter(E):r)},{"range-calendar__day--range-start":o},{"range-calendar__day--range-end":u},{"range-calendar__day--range-inside":c},{"range-calendar__day--prev-range-end":i},{"range-calendar__day--prev-range-inside":m});return React.createElement("div",{key:"".concat(e,"_").concat(a),className:y,onClick:t?function(e){return v(t.date,e)}:null,onMouseOver:t?function(){return h(t.date)}:null,onMouseLeave:function(){return h(null)}},React.createElement("span",{className:"calendar__day-num"},t&&t.date.getDate()))};return React.createElement("div",{className:(0,n.default)("range-calendar",u),"data-testid":void 0===O?"range-calendar":O},React.createElement("div",{className:"range-calendar-header"},React.createElement(o.default,{type:"left",disabled:!(void 0===m||m)||D&&(0,d.default)(c).startOf("month").isSameOrBefore(S,"months"),onClick:function(){i((0,d.default)(c).subtract(1,"month").toDate())},className:"range-calendar-header__prev"}),React.createElement("div",{className:"range-calendar-header__title"},j),React.createElement(o.default,{type:"right",disabled:!(void 0===y||y)||!N&&(0,d.default)(c).startOf("month").isSameOrAfter(w?E:(0,d.default)().add(1,"day").startOf("day"),"months"),onClick:function(){i((0,d.default)(c).add(1,"month").toDate())},className:"range-calendar-header__next"})),React.createElement("div",{className:"range-calendar__week range-calendar__week-title"},a(Array.from({length:7}).keys()).map(function(e){var a;return React.createElement("div",{key:"day-of-week_".concat(e),className:"range-calendar__day range-calendar__day--title"},(a=(0,d.default)().weekday(e).format("dd"),A?a.charAt(0):a))})),Object.keys(M).map(function(e,t){return React.createElement("div",{key:"week_".concat(t),className:"range-calendar__week"},a(Array.from({length:7}).keys()).map(function(a){return x(e,a)}))}))};

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

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

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

@@ -0,0 +1,183 @@
+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;

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

@@ -0,0 +1,5 @@
+import type { IRangeInputsProps } from './RangeInputs.interface';
+import React from 'react';
+import './RangeInputs.scss';
+declare const RangeInputs: React.FC<IRangeInputsProps>;
+export default RangeInputs;

package/dist/Atomic/FormElements/RangeInputs/index.d.ts

@@ -0,0 +1,4 @@
+import type { IRangeInputsProps } from './RangeInputs.interface';
+import RangeInputs from './RangeInputs';
+export type { IRangeInputsProps };
+export default RangeInputs;

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

@@ -0,0 +1,2 @@
+export default RangeList;
+declare function RangeList(props: any): JSX.Element;

package/dist/Atomic/FormElements/RangeList/RangeList.js

@@ -1 +1 @@
-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{useRef as a,useState as u}from"react";import i from"classnames";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(u(y),2),B=k[0],D=k[1],R=o(u(""),2),T=R[0],U=R[1],F=o(u(""),2),K=F[0],L=F[1],V=a(null),M=a(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:i(b,v,t({},"".concat(b,"_disabled"),O)),children:[c("div",{className:i("".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:i("".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:i("".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))})]})}
+function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function t(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function r(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},a=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),a.forEach(function(r){t(e,r,n[r])})}return e}function n(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}function a(t,r){return function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r,n,a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var o=[],l=!0,c=!1;try{for(a=a.call(e);!(l=(r=a.next()).done)&&(o.push(r.value),!t||o.length!==t);l=!0);}catch(e){c=!0,n=e}finally{try{l||null==a.return||a.return()}finally{if(c)throw n}}return o}}(t,r)||function(t,r){if(t){if("string"==typeof t)return e(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);if("Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(t,r)}}(t,r)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}Object.defineProperty(exports,"__esModule",{value:!0});var o=require("tslib"),l=o.__importDefault(require("classnames")),c=require("react"),u=require("../../../Functions/operations"),i=o.__importDefault(require("../../UI/Button/Button")),f=o.__importDefault(require("../Input/Input")),s=o.__importStar(require("./partial/RangeListRow"));require("./RangeList.scss");var m="range-list",d={from:"",to:""};exports.default=function(e){var o=e.className,b=e.value,p=void 0===b?[]:b,y=e.disabled,v=e.validateErrors,_=e.onChange,g=e.isFloatValues,O=e.decimalPlaces,R=e.error,N=e.defaultErrorText,E=e.nullValueText,h=e.isOnlyOneRow,j=void 0!==h&&h,w=e.testId,P=void 0===w?"range-list":w,S=a((0,c.useState)(d),2),C=S[0],q=S[1],D=a((0,c.useState)(""),2),x=D[0],A=D[1],I=a((0,c.useState)(""),2),L=I[0],k=I[1],B=(0,c.useRef)(null),T=(0,c.useRef)(null),U=!!((null==C?void 0:C.from)&&(null==C?void 0:C.to)&&Number(null==C?void 0:C.from)<=Number(null==C?void 0:C.to)),F=j&&(null==p?void 0:p.length)===0||!j,K=function(e,a){return q(n(r({},C),t({},a,e)))},M=function(e,t){return(null==C?void 0:C.from)||(null==C?void 0:C.to)?(C["from"===t?"to":"from"]?(U?A(""):A(N),v&&k(v(Number(C.from),Number(C.to)))):("from"===t?T.current:B.current).focus(),null):(A(""),k(""),e)},V=function(e){13===e&&(U?B.current.blur():C.to?C.from&&B.current.select():T.current.focus())},$=function(e){13===e&&T.current.blur()};return React.createElement("div",{"data-testid":P,className:(0,l.default)(m,o,t({},"".concat(m,"_disabled"),y))},React.createElement("div",{className:(0,l.default)("".concat(m,"__row"),"".concat(m,"__labels"))},React.createElement(s.RangeListCell,{className:"".concat(m,"__cell-label")},"From"),React.createElement(s.RangeListCell,{className:"".concat(m,"__cell-label")},"To")),F&&React.createElement("div",{className:(0,l.default)("".concat(m,"__row"),"".concat(m,"__inputs"))},React.createElement(s.RangeListCell,{className:"".concat(m,"__cell-input")},React.createElement(f.default,{ref:B,onlyNumbers:g?{type:"float",decimalPlaces:O||0}:{type:"int"},value:C.from,onBlur:function(e){return M(e,"from")},onChange:function(e){return K(e,"from")},onKeyUp:function(e){return V(e)}})),React.createElement(s.RangeListCell,{className:"".concat(m,"__cell-input")},React.createElement(f.default,{ref:T,onlyNumbers:g?{type:"float",decimalPlaces:O||0}:{type:"int"},value:C.to,onBlur:function(e){return M(e,"to")},onChange:function(e){return K(e,"to")},onKeyUp:function(e){return $(e)}})),React.createElement(s.RangeListCell,{className:"".concat(m,"__cell-button")},React.createElement(i.default,{onClick:function(){var e;U&&(e=!(null==v?void 0:v(Number(C.from),Number(C.to))),e)?(_((0,u.addRangeDefault)(Number(C.from),Number(C.to),p,g?O:null)),q(d),A(""),k("")):U?v&&k(v(Number(C.from),Number(C.to))):A(N)}},"Add"))),(x||L||R)&&React.createElement("span",{className:"".concat(m,"__error")},x||R||L),!(null==p?void 0:p.length)&&React.createElement("div",{className:(0,l.default)("".concat(m,"__row"),"".concat(m,"__values"),"".concat(m,"__null-value"))},null!=E?E:"No data"),p.map(function(e,t){return React.createElement(s.default,n(r({"data-testid":"".concat(P,"-row-").concat(t),key:"idx-".concat(t,"-from-").concat(e.from,"-to").concat(e.to)},e),{idx:t,actionClick:function(){var e;return e=t,_(p.filter(function(t,r){return r!==e}))}}))}))};

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

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

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

@@ -0,0 +1,181 @@
+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;