intelicoreact 2.0.18 → 2.0.20

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

@@ -0,0 +1,42 @@
+import '../../../styles/base.css';
+import './RadioRowSwitcher.styles.css';/* empty css                      */
+import cn from "classnames";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.tsx
+var RadioRowSwitcher = ({ onChange, radios, label = "", value = "" }) => {
+	const handle = { change: (newValue) => {
+		if (newValue === value) onChange("");
+		else onChange(newValue);
+	} };
+	const itemClass = (key) => cn("radio-row-switcher__item", { "radio-row-switcher__item--active": key === value });
+	const sliderClass = (key) => cn("radio-row-switcher__slider", `radio-row-switcher__slider--${key}`);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "radio-row-switcher",
+		"data-testid": "radio-row-switcher-root",
+		children: [label && /* @__PURE__ */ jsx("div", {
+			className: "radio-row-switcher__label",
+			"data-testid": "radio-row-switcher-label",
+			children: label
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "radio-row-switcher__items-box",
+			"data-testid": "radio-row-switcher-items-box",
+			children: [radios.map((item) => {
+				return /* @__PURE__ */ jsx(React.Fragment, { children: /* @__PURE__ */ jsx("div", {
+					onClick: () => handle.change(item.key),
+					className: itemClass(item.key),
+					"data-testid": `radio-row-switcher-item-${item.key}`,
+					children: item.label
+				}) }, item.key);
+			}), value && /* @__PURE__ */ jsx("div", {
+				onClick: () => handle.change(""),
+				className: sliderClass(value),
+				"data-testid": "radio-row-switcher-slider"
+			})]
+		})]
+	});
+};
+//#endregion
+export { RadioRowSwitcher as default };
+
+//# sourceMappingURL=RadioRowSwitcher.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioRowSwitcher.js","names":[],"sources":["../../../../../src/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React from 'react';\nimport './RadioRowSwitcher.scss';\n\nexport interface RadioRowSwitcherItem {\n  key: string;\n  label: React.ReactNode;\n}\n\nexport interface RadioRowSwitcherProps {\n  onChange: (value: string) => void;\n  radios: RadioRowSwitcherItem[];\n  label?: string;\n  value?: string;\n}\n\nconst RadioRowSwitcher: React.FC<RadioRowSwitcherProps> = ({ onChange, radios, label = '', value = '' }) => {\n  const handle = {\n    change: (newValue: string) => {\n      if (newValue === value) onChange('');\n      else onChange(newValue);\n    },\n  };\n\n  const itemClass = (key: string): string =>\n    classNames('radio-row-switcher__item', {\n      'radio-row-switcher__item--active': key === value,\n    });\n  const sliderClass = (key: string): string =>\n    classNames(\n      'radio-row-switcher__slider',\n      `radio-row-switcher__slider--${key}`,\n    );\n\n  return (\n    <div className=\"radio-row-switcher\" data-testid=\"radio-row-switcher-root\">\n      {label && <div className=\"radio-row-switcher__label\" data-testid=\"radio-row-switcher-label\">{label}</div>}\n\n      <div className=\"radio-row-switcher__items-box\" data-testid=\"radio-row-switcher-items-box\">\n        {radios.map((item) => {\n          return (\n            <React.Fragment key={item.key}>\n              <div\n                onClick={() => handle.change(item.key)}\n                className={itemClass(item.key)}\n                data-testid={`radio-row-switcher-item-${item.key}`}\n              >\n                {item.label}\n              </div>\n            </React.Fragment>\n          );\n        })}\n\n        {value && (\n          <div\n            onClick={() => handle.change('')}\n            className={sliderClass(value)}\n            data-testid=\"radio-row-switcher-slider\"\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default RadioRowSwitcher;\n"],"mappings":";;;;;AAgBA,IAAM,oBAAqD,EAAE,UAAU,QAAQ,QAAQ,IAAI,QAAQ,SAAS;CAC1G,MAAM,SAAS,EACb,SAAS,aAAqB;EAC5B,IAAI,aAAa,OAAO,SAAS,EAAE;OAC9B,SAAS,QAAQ;CACxB,EACF;CAEA,MAAM,aAAa,QACjB,GAAW,4BAA4B,EACrC,oCAAoC,QAAQ,MAC9C,CAAC;CACH,MAAM,eAAe,QACnB,GACE,8BACA,+BAA+B,KACjC;CAEF,OACE,qBAAC,OAAD;EAAK,WAAU;EAAqB,eAAY;YAAhD,CACG,SAAS,oBAAC,OAAD;GAAK,WAAU;GAA4B,eAAY;aAA4B;EAAW,CAAA,GAExG,qBAAC,OAAD;GAAK,WAAU;GAAgC,eAAY;aAA3D,CACG,OAAO,KAAK,SAAS;IACpB,OACE,oBAAC,MAAM,UAAP,EAAA,UACE,oBAAC,OAAD;KACE,eAAe,OAAO,OAAO,KAAK,GAAG;KACrC,WAAW,UAAU,KAAK,GAAG;KAC7B,eAAa,2BAA2B,KAAK;eAE5C,KAAK;IACH,CAAA,EACS,GARK,KAAK,GAQV;GAEpB,CAAC,GAEA,SACC,oBAAC,OAAD;IACE,eAAe,OAAO,OAAO,EAAE;IAC/B,WAAW,YAAY,KAAK;IAC5B,eAAY;GACb,CAAA,CAEA;IACF;;AAET"}

package/dist/es/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.styles.css

@@ -0,0 +1,123 @@
+.radio-row-switcher {
+  display: flex;
+  align-items: center;
+}
+.radio-row-switcher__label {
+  flex-basis: 300px;
+  margin-right: 10px;
+  font-size: 13px;
+  font-weight: 400;
+  color: #1e1e2d;
+}
+.radio-row-switcher__items-box {
+  position: relative;
+  display: grid;
+  justify-content: center;
+  align-items: center;
+  grid-template-columns: repeat(5, 1fr);
+  box-sizing: border-box;
+  min-width: 275px;
+  max-width: 275px;
+  min-height: 28px;
+  padding: 1px;
+  border-radius: 26px;
+  background: #fff;
+}
+.radio-row-switcher__item {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 20%;
+  height: 18px;
+  padding: 3px 8px;
+  font-size: 13px;
+  font-weight: 300;
+  cursor: pointer;
+  user-select: none;
+  white-space: nowrap;
+  color: #1e1e2d;
+  border: 1px solid transparent;
+  border-radius: 16px;
+  transition: 0.2s ease;
+}
+.radio-row-switcher__item:first-child {
+  min-width: 27px;
+}
+.radio-row-switcher__item:first-child:hover {
+  color: #78c58d;
+}
+.radio-row-switcher__item:nth-child(2) {
+  min-width: 19px;
+}
+.radio-row-switcher__item:nth-child(2):hover {
+  color: #f06d8d;
+}
+.radio-row-switcher__item:nth-child(3) {
+  min-width: 46px;
+}
+.radio-row-switcher__item:nth-child(3):hover {
+  color: #f59a2f;
+}
+.radio-row-switcher__item:nth-child(4) {
+  min-width: 22px;
+}
+.radio-row-switcher__item:nth-child(4):hover {
+  color: #9aa0b9;
+}
+.radio-row-switcher__item:nth-child(5) {
+  min-width: 54px;
+}
+.radio-row-switcher__item:nth-child(5):hover {
+  color: #6b81dd;
+}
+.radio-row-switcher__item--active:first-child {
+  color: #78c58d;
+}
+.radio-row-switcher__item--active:nth-child(2) {
+  color: #f06d8d;
+}
+.radio-row-switcher__item--active:nth-child(3) {
+  color: #f59a2f;
+}
+.radio-row-switcher__item--active:nth-child(4) {
+  font-weight: 400;
+}
+.radio-row-switcher__item--active:nth-child(5) {
+  color: #6b81dd;
+}
+.radio-row-switcher__slider {
+  position: absolute;
+  top: 2px;
+  bottom: 2px;
+  left: 1px;
+  width: 0;
+  cursor: pointer;
+  border: 1px solid transparent;
+  border-radius: 28px;
+  transition: 0.3s ease;
+}
+.radio-row-switcher__slider--pass {
+  left: 1px;
+  width: 44px;
+  border: 1px solid #00b031;
+}
+.radio-row-switcher__slider--fail {
+  left: 46px;
+  width: 37px;
+  border: 1px solid #f06d8d;
+}
+.radio-row-switcher__slider--pending {
+  left: 91px;
+  width: 64px;
+  border: 1px solid #f59a2f;
+}
+.radio-row-switcher__slider--na {
+  left: 155px;
+  width: 40px;
+  border: 1px solid #9aa0b9;
+}
+.radio-row-switcher__slider--exception {
+  left: 200px;
+  width: 72px;
+  border: 1px solid #6b81dd;
+}

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

@@ -0,0 +1,98 @@
+import '../../../styles/base.css';
+import Arrow from "../../UI/Arrow/Arrow.js";
+import './RangeCalendar.styles.css';/* empty css                   */
+import cn from "classnames";
+import { useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import moment from "moment-timezone";
+//#region src/Atomic/FormElements/RangeCalendar/RangeCalendar.js
+var 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");
+		return /* @__PURE__ */ jsx("div", {
+			className: 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 }),
+			onClick: day ? (e) => onClick(day.date, e) : null,
+			onMouseOver: day ? () => onHover(day.date) : null,
+			onMouseLeave: () => onHover(null),
+			children: /* @__PURE__ */ jsx("span", {
+				className: "calendar__day-num",
+				children: day && day.date.getDate()
+			})
+		}, `${week}_${dayOfWeek}`);
+	};
+	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 /* @__PURE__ */ jsxs("div", {
+		className: cn("range-calendar", className),
+		"data-testid": testId,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "range-calendar-header",
+				children: [
+					/* @__PURE__ */ jsx(Arrow, {
+						type: "left",
+						disabled: !allowPrev || minDate && moment(date).startOf("month").isSameOrBefore(momentMinDate, "months"),
+						onClick: handlePrev,
+						className: "range-calendar-header__prev"
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "range-calendar-header__title",
+						children: title
+					}),
+					/* @__PURE__ */ jsx(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"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "range-calendar__week range-calendar__week-title",
+				children: [...Array(7).keys()].map((dayOfWeek) => {
+					return /* @__PURE__ */ jsx("div", {
+						className: "range-calendar__day range-calendar__day--title",
+						children: getFormatedWeekName(moment().weekday(dayOfWeek).format("dd"))
+					}, `day-of-week_${dayOfWeek}`);
+				})
+			}),
+			Object.keys(days).map((week, index) => /* @__PURE__ */ jsx("div", {
+				className: "range-calendar__week",
+				children: [...Array(7).keys()].map((dayOfWeek) => renderDay(week, dayOfWeek))
+			}, `week_${index}`))
+		]
+	});
+};
+//#endregion
+export { RangeCalendar as default };
+
+//# sourceMappingURL=RangeCalendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RangeCalendar.js","names":[],"sources":["../../../../../src/Atomic/FormElements/RangeCalendar/RangeCalendar.js"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\n\nimport cn from \"classnames\";\nimport moment from \"moment-timezone\";\n\nimport Arrow from \"../../UI/Arrow/Arrow\";\n\nimport \"./RangeCalendar.scss\";\n\nconst RangeCalendar = (props) => {\n  const {\n    className,\n    date,\n    setDate,\n    startDate,\n    endDate,\n    allowPrev = true,\n    allowNext = true,\n    onClick = () => {},\n    onHover = () => {},\n    startPrevDate,\n    endPrevDate,\n    limitRange,\n    isShortWeekNames,\n    minDate,\n    maxDate,\n    momentMinDate,\n    momentMaxDate,\n    isDontLimitFuture,\n    testId = \"range-calendar\",\n  } = props;\n\n  const [days, setDays] = useState({});\n\n  const title = useMemo(\n    () => `${moment(date).format(\"MMM\")} ${moment(date).format(\"YYYY\")}`,\n    [date],\n  );\n\n  useEffect(() => {\n    const result = {};\n    const day = moment(date).startOf(\"month\");\n    const daysInMonth = day.daysInMonth();\n    for (let d = 0; d < daysInMonth; d += 1) {\n      let week = day.week();\n      if (day.month() === 11 && week === 1) week = 53;\n      if (day.month() === 0 && week === 53) week = 0;\n      if (!Object.prototype.hasOwnProperty.call(result, week)) {\n        result[week] = {};\n      }\n      result[week][day.weekday()] = { date: day.toDate() };\n      day.add(1, \"d\");\n    }\n    setDays(result);\n  }, [date]);\n\n  const renderDay = (week, dayOfWeek) => {\n    const day = days[week][dayOfWeek];\n    const isFutureDay = day && moment(day.date).isAfter(moment(), \"day\");\n    const isPastDay = limitRange\n      ? day &&\n        moment(day.date).isBefore(moment().subtract(limitRange, \"days\"), \"day\")\n      : null;\n    const isRangeStart = day && moment(day.date).isSame(startDate, \"day\");\n    const isRangeEnd =\n      day &&\n      moment(day.date).isSame(moment(endDate).subtract(1, \"hour\"), \"day\");\n    const isRangeInside =\n      day &&\n      startDate &&\n      endDate &&\n      moment(day.date).isAfter(startDate, \"day\") &&\n      moment(day.date).isBefore(moment(endDate).subtract(1, \"hour\"), \"day\");\n    const isPrevRangeEnd =\n      day &&\n      (moment(day.date).isSame(startPrevDate, \"day\") ||\n        moment(day.date).isSame(moment(endPrevDate).subtract(1, \"day\"), \"day\"));\n    const isPrevRangeInside =\n      day &&\n      startPrevDate &&\n      endPrevDate &&\n      moment(day.date).isAfter(startPrevDate, \"day\") &&\n      moment(day.date).isBefore(moment(endPrevDate).subtract(1, \"day\"), \"day\");\n    const classNames = cn(\n      \"range-calendar__day\",\n      { \"range-calendar__day--clickable\": day },\n      {\n        \"range-calendar__day--disabled\":\n          isPastDay ||\n          (minDate && moment(day?.date).isBefore(momentMinDate, \"day\")) ||\n          (!isDontLimitFuture &&\n            (maxDate ? moment(day?.date).isAfter(momentMaxDate) : isFutureDay)),\n      },\n      { \"range-calendar__day--range-start\": isRangeStart },\n      { \"range-calendar__day--range-end\": isRangeEnd },\n      { \"range-calendar__day--range-inside\": isRangeInside },\n      { \"range-calendar__day--prev-range-end\": isPrevRangeEnd },\n      { \"range-calendar__day--prev-range-inside\": isPrevRangeInside },\n    );\n\n    return (\n      <div\n        key={`${week}_${dayOfWeek}`}\n        className={classNames}\n        onClick={day ? (e) => onClick(day.date, e) : null}\n        onMouseOver={day ? () => onHover(day.date) : null}\n        onMouseLeave={() => onHover(null)}\n      >\n        <span className=\"calendar__day-num\">{day && day.date.getDate()}</span>\n      </div>\n    );\n  };\n\n  const handlePrev = () => {\n    setDate(moment(date).subtract(1, \"month\").toDate());\n  };\n\n  const handleNext = () => {\n    setDate(moment(date).add(1, \"month\").toDate());\n  };\n\n  const getFormatedWeekName = (input) =>\n    isShortWeekNames ? input.charAt(0) : input;\n\n  return (\n    <div className={cn(\"range-calendar\", className)} data-testid={testId}>\n      <div className=\"range-calendar-header\">\n        <Arrow\n          type=\"left\"\n          disabled={\n            !allowPrev ||\n            (minDate &&\n              moment(date)\n                .startOf(\"month\")\n                .isSameOrBefore(momentMinDate, \"months\"))\n          }\n          onClick={handlePrev}\n          className=\"range-calendar-header__prev\"\n        />\n\n        <div className=\"range-calendar-header__title\">{title}</div>\n\n        <Arrow\n          type=\"right\"\n          disabled={\n            !allowNext ||\n            (!isDontLimitFuture &&\n              moment(date)\n                .startOf(\"month\")\n                .isSameOrAfter(\n                  maxDate\n                    ? momentMaxDate\n                    : moment().add(1, \"day\").startOf(\"day\"),\n                  \"months\",\n                ))\n          }\n          onClick={handleNext}\n          className=\"range-calendar-header__next\"\n        />\n      </div>\n\n      <div className=\"range-calendar__week range-calendar__week-title\">\n        {[...Array(7).keys()].map((dayOfWeek) => {\n          return (\n            <div\n              key={`day-of-week_${dayOfWeek}`}\n              className=\"range-calendar__day range-calendar__day--title\"\n            >\n              {getFormatedWeekName(moment().weekday(dayOfWeek).format(\"dd\"))}\n            </div>\n          );\n        })}\n      </div>\n      {Object.keys(days).map((week, index) => (\n        <div key={`week_${index}`} className=\"range-calendar__week\">\n          {[...Array(7).keys()].map((dayOfWeek) => renderDay(week, dayOfWeek))}\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport default RangeCalendar;\n"],"mappings":"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"}

package/dist/es/Atomic/FormElements/RangeCalendar/RangeCalendar.styles.css

@@ -0,0 +1,103 @@
+.range-calendar,
+.calendar {
+  display: flex;
+  flex-direction: column;
+  width: 195px;
+  min-height: 195px;
+  user-select: none;
+}
+.range-calendar-header,
+.calendar-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 24px;
+  margin-bottom: 12px;
+}
+.range-calendar-header__title,
+.calendar-header__title {
+  display: flex;
+  flex-grow: 1;
+  justify-content: center;
+  align-items: center;
+  font-weight: 500;
+  line-height: 20px;
+  text-align: center;
+  color: #000;
+}
+.range-calendar-header__next, .range-calendar-header__prev,
+.calendar-header__next,
+.calendar-header__prev {
+  width: 16px;
+  height: 16px;
+  color: #171d33;
+  border-radius: 5px;
+}
+.range-calendar__week,
+.calendar__week {
+  display: flex;
+}
+.range-calendar__day,
+.calendar__day {
+  flex-grow: 1;
+  flex-basis: 0;
+  margin: 1px 0;
+  padding: 1px 6px;
+  font-size: 13px;
+  line-height: 20px;
+  user-select: none;
+  text-align: center;
+}
+.range-calendar__day--clickable,
+.calendar__day--clickable {
+  cursor: pointer;
+}
+.range-calendar__day--clickable:hover,
+.calendar__day--clickable:hover {
+  background: #e2e6f8;
+}
+.range-calendar__day--disabled,
+.calendar__day--disabled {
+  cursor: default;
+  pointer-events: none;
+  color: #9aa0b9;
+}
+.range-calendar__day--disabled:hover,
+.calendar__day--disabled:hover {
+  background: inherit;
+}
+.range-calendar__day--range-start, .range-calendar__day--range-end,
+.calendar__day--range-start,
+.calendar__day--range-end {
+  color: white;
+  border-radius: 4px;
+  background: #6b81dd;
+}
+.range-calendar__day--range-start:hover, .range-calendar__day--range-end:hover,
+.calendar__day--range-start:hover,
+.calendar__day--range-end:hover {
+  background: #6b81dd;
+}
+.range-calendar__day--range-inside,
+.calendar__day--range-inside {
+  background: #e2e6f8;
+}
+.range-calendar__day--prev-range-end,
+.calendar__day--prev-range-end {
+  border-radius: 4px;
+  background: #e2e5ec;
+}
+.range-calendar__day--prev-range-inside,
+.calendar__day--prev-range-inside {
+  background: #f7f8fa;
+}
+.range-calendar__day--title,
+.calendar__day--title {
+  font-size: 10px;
+  font-weight: normal;
+  color: #9aa0b9;
+}
+.range-calendar__day--title:hover,
+.calendar__day--title:hover {
+  background: inherit;
+}

package/dist/es/Atomic/FormElements/RangeInputs/RangeInputs.js

@@ -0,0 +1,128 @@
+import '../../../styles/base.css';
+import { addBitDepthPoints } from "../../../Functions/utils.js";
+import { filterFloat, formatOnlyNumbers } from "../../../Functions/fieldValueFormatters.js";
+import Input from "../Input/Input.js";
+import './RangeInputs.styles.css';/* empty css                 */
+import cn from "classnames";
+import { useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Atomic/FormElements/RangeInputs/RangeInputs.tsx
+var RC = "range-inputs";
+var RangeInputs = ({ isColumnPosition, className, value: valueObj, onChange, validateErrors, type = "int", setError: setInnerError, label = "", isPrice = false, testId, withZero = false, fromPlaceholder = "", toPlaceholder = "", disabled, isDisabled }) => {
+	const [error, setError] = useState({
+		from: "",
+		to: ""
+	});
+	const inputFromRef = useRef(null);
+	const inputToRef = useRef(null);
+	const isFieldDisabled = disabled || isDisabled;
+	const isValidRange = (from, to) => {
+		return Number.parseFloat(from?.toString()?.replace(/\D/g, "")) <= Number.parseFloat(to?.toString()?.replace(/\D/g, ""));
+	};
+	const valueFormatter = (value) => {
+		const valStr = String(value);
+		if (type === "float" && !isPrice) return filterFloat(value, 2);
+		else if (type === "float" && isPrice) return addBitDepthPoints(filterFloat(valStr?.replace(/[^\d.]/g, ""), 2));
+		else if (type !== "float" && isPrice) return addBitDepthPoints(valStr?.replace(/\D/g, ""));
+		else return formatOnlyNumbers(value);
+	};
+	const handleChange = (prop, val) => {
+		onChange({
+			...valueObj,
+			[prop]: valueFormatter(val)
+		});
+	};
+	const rangeValidation = (key) => {
+		const isEmpty = !valueObj?.from && !valueObj?.to;
+		const oppositeKey = key === "from" ? "to" : "from";
+		const from = valueObj?.from != null ? String(valueObj.from) : "";
+		const to = valueObj?.to != null ? String(valueObj.to) : "";
+		const validationResult = validateErrors?.(from, to);
+		if (!withZero && isEmpty) {
+			setError({
+				from: "",
+				to: ""
+			});
+			setInnerError?.("");
+		} else if (!withZero && !valueObj?.[oppositeKey]) (key === "from" ? inputToRef.current : inputFromRef.current)?.focus();
+		else if (!isValidRange(from, to)) {
+			if (!valueObj?.from) setError({
+				...error,
+				from: "Invalid range"
+			});
+			else setError({
+				...error,
+				to: "Invalid range"
+			});
+			setInnerError?.("Invalid range");
+		} else if (validationResult) setError({
+			from: validationResult.from ?? "",
+			to: validationResult.to ?? ""
+		});
+		else {
+			setError({
+				from: "",
+				to: ""
+			});
+			setInnerError?.("");
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(RC, className, { [`${RC}_column`]: isColumnPosition }),
+		children: [label && label !== " " && /* @__PURE__ */ jsx("div", {
+			className: `${RC}__label`,
+			children: label
+		}), /* @__PURE__ */ jsxs("div", {
+			className: `${RC}__wrapper`,
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: `${RC}__input-from`,
+				children: [/* @__PURE__ */ jsx("span", {
+					className: `${RC}__input-label`,
+					children: "From"
+				}), /* @__PURE__ */ jsx(Input, {
+					testId: `${testId}--from`,
+					ref: inputFromRef,
+					value: String(valueObj?.from) ?? "",
+					onChange: (val) => handleChange("from", val),
+					onBlur: () => rangeValidation("from"),
+					error: error.from,
+					onKeyUp: (_keyCode, e) => {
+						if (e.key === "Enter") {
+							const from = valueObj?.from != null ? String(valueObj.from) : "";
+							const to = valueObj?.to != null ? String(valueObj.to) : "";
+							if (isValidRange(from, to)) inputFromRef.current?.blur();
+							else {
+								inputToRef.current?.focus();
+								inputToRef.current?.select();
+							}
+						}
+					},
+					placeholder: fromPlaceholder,
+					disabled: isFieldDisabled
+				})]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: `${RC}__input-to`,
+				children: [/* @__PURE__ */ jsx("span", {
+					className: `${RC}__input-label`,
+					children: "to"
+				}), /* @__PURE__ */ jsx(Input, {
+					testId: `${testId}--to`,
+					ref: inputToRef,
+					value: String(valueObj?.to) ?? "",
+					onChange: (val) => handleChange("to", val),
+					onBlur: () => rangeValidation("to"),
+					error: error.to,
+					onKeyUp: (_keyCode, e) => {
+						if (e.key === "Enter") inputToRef.current?.blur();
+					},
+					placeholder: toPlaceholder,
+					disabled: isFieldDisabled
+				})]
+			})]
+		})]
+	});
+};
+//#endregion
+export { RangeInputs as default };
+
+//# sourceMappingURL=RangeInputs.js.map

package/dist/es/Atomic/FormElements/RangeInputs/RangeInputs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeInputs.js","names":[],"sources":["../../../../../src/Atomic/FormElements/RangeInputs/RangeInputs.tsx"],"sourcesContent":["import type { KeyboardEvent } from 'react';\nimport type { IRangeInputsProps } from './RangeInputs.interface';\n\nimport cn from 'classnames';\nimport React, { useRef, useState } from 'react';\n\nimport {\n  filterFloat,\n  formatOnlyNumbers,\n} from '../../../Functions/fieldValueFormatters';\nimport { addBitDepthPoints } from '../../../Functions/utils.js';\nimport Input from '../Input/Input';\n\nimport './RangeInputs.scss';\n\nconst RC = 'range-inputs';\n\nconst RangeInputs: React.FC<IRangeInputsProps> = ({\n  isColumnPosition,\n  className,\n  value: valueObj,\n  onChange,\n  validateErrors,\n  type = 'int',\n  setError: setInnerError,\n  label = '',\n  isPrice = false,\n  testId,\n  withZero = false,\n  fromPlaceholder = '',\n  toPlaceholder = '',\n  disabled,\n  isDisabled,\n}) => {\n  const [error, setError] = useState<{ from: string; to: string }>({ from: '', to: '' });\n  const inputFromRef = useRef<HTMLInputElement | null>(null);\n  const inputToRef = useRef<HTMLInputElement | null>(null);\n\n  const isFieldDisabled = disabled || isDisabled;\n\n  const isValidRange = (from: string, to: string): boolean => {\n    const correctFrom = Number.parseFloat(from?.toString()?.replace(/\\D/g, ''));\n    const correctTo = Number.parseFloat(to?.toString()?.replace(/\\D/g, ''));\n\n    return correctFrom <= correctTo;\n  };\n\n  const valueFormatter = (value: string | number): string => {\n    const valStr = String(value);\n    if (type === 'float' && !isPrice) return filterFloat(value, 2);\n    else if (type === 'float' && isPrice)\n      return addBitDepthPoints(filterFloat(valStr?.replace(/[^\\d.]/g, ''), 2));\n    else if (type !== 'float' && isPrice)\n      return addBitDepthPoints(valStr?.replace(/\\D/g, ''));\n    else return formatOnlyNumbers(value);\n  };\n\n  const handleChange = (prop: 'from' | 'to', val: string | number): void => {\n    onChange({ ...valueObj, [prop]: valueFormatter(val) });\n  };\n\n  const rangeValidation = (key: 'from' | 'to'): void => {\n    const isEmpty = !valueObj?.from && !valueObj?.to;\n    const oppositeKey = key === 'from' ? 'to' : 'from';\n    const from = valueObj?.from != null ? String(valueObj.from) : '';\n    const to = valueObj?.to != null ? String(valueObj.to) : '';\n    const validationResult = validateErrors?.(from, to);\n\n    if (!withZero && isEmpty) {\n      setError({ from: '', to: '' });\n      setInnerError?.('');\n    }\n    else if (!withZero && !valueObj?.[oppositeKey]) {\n      const mustToFocus = key === 'from' ? inputToRef.current : inputFromRef.current;\n      mustToFocus?.focus();\n    }\n    else if (!isValidRange(from, to)) {\n      if (!valueObj?.from) setError({ ...error, from: 'Invalid range' });\n      else setError({ ...error, to: 'Invalid range' });\n      setInnerError?.('Invalid range');\n    }\n    else if (validationResult) {\n      // проп validateErrors вернет пустую строку, в случае если ошибок нет\n      setError({\n        from: validationResult.from ?? '',\n        to: validationResult.to ?? '',\n      });\n    }\n    else {\n      setError({ from: '', to: '' });\n      setInnerError?.('');\n      // return e;\n    }\n  };\n\n  return (\n    <div\n      className={cn(RC, className, {\n        [`${RC}_column`]: isColumnPosition,\n      })}\n    >\n      {label && label !== ' ' && <div className={`${RC}__label`}>{label}</div>}\n      <div className={`${RC}__wrapper`}>\n        <div className={`${RC}__input-from`}>\n          <span className={`${RC}__input-label`}>From</span>\n          <Input\n            testId={`${testId}--from`}\n            ref={inputFromRef}\n            value={String(valueObj?.from) ?? ''}\n            onChange={(val: string) => handleChange('from', val)}\n            onBlur={() => rangeValidation('from')}\n            error={error.from}\n            onKeyUp={(_keyCode: number | string, e: KeyboardEvent<HTMLInputElement>) => {\n              if (e.key === 'Enter') {\n                const from = valueObj?.from != null ? String(valueObj.from) : '';\n                const to = valueObj?.to != null ? String(valueObj.to) : '';\n                if (isValidRange(from, to)) {\n                  inputFromRef.current?.blur();\n                }\n                else {\n                  inputToRef.current?.focus();\n                  inputToRef.current?.select();\n                }\n              }\n            }}\n            placeholder={fromPlaceholder}\n            disabled={isFieldDisabled}\n          />\n        </div>\n\n        <div className={`${RC}__input-to`}>\n          <span className={`${RC}__input-label`}>to</span>\n          <Input\n            testId={`${testId}--to`}\n            ref={inputToRef}\n            value={String(valueObj?.to) ?? ''}\n            onChange={(val: string) => handleChange('to', val)}\n            onBlur={() => rangeValidation('to')}\n            error={error.to}\n            onKeyUp={(_keyCode: number | string, e: KeyboardEvent<HTMLInputElement>) => {\n              if (e.key === 'Enter') inputToRef.current?.blur();\n            }}\n            placeholder={toPlaceholder}\n            disabled={isFieldDisabled}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default RangeInputs;\n"],"mappings":"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"}

package/dist/es/Atomic/FormElements/RangeInputs/RangeInputs.styles.css

@@ -0,0 +1,50 @@
+.range-inputs {
+  display: flex;
+  flex-direction: column;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+}
+.range-inputs__wrapper {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  width: 100%;
+}
+.range-inputs__input-from, .range-inputs__input-to {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  width: fit-content;
+}
+.range-inputs__input-from {
+  margin-right: 15px;
+}
+.range-inputs__input-label {
+  margin-right: 15px;
+  font-size: 12px;
+  line-height: 24px;
+}
+.range-inputs_column {
+  align-items: flex-start;
+}
+.range-inputs_column .range-inputs__wrapper {
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: flex-end;
+  width: fit-content;
+}
+.range-inputs_column .range-inputs__input-from {
+  margin-right: 0;
+  margin-bottom: 15px;
+}
+.range-inputs .range-inputs__label {
+  margin-bottom: 8px;
+  font-family: Roboto, sans-serif;
+  font-size: 12px;
+  font-weight: 500;
+  font-style: normal;
+  line-height: 24px;
+}

package/dist/es/Atomic/FormElements/RangeInputs/index.js

@@ -0,0 +1,7 @@
+import RangeInputs from "./RangeInputs.js";
+//#region src/Atomic/FormElements/RangeInputs/index.ts
+var RangeInputs_default = RangeInputs;
+//#endregion
+export { RangeInputs_default as default };
+
+//# sourceMappingURL=index.js.map

package/dist/es/Atomic/FormElements/RangeInputs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/Atomic/FormElements/RangeInputs/index.ts"],"sourcesContent":["import type { IRangeInputsProps } from './RangeInputs.interface';\nimport RangeInputs from './RangeInputs';\n\nexport type { IRangeInputsProps };\nexport default RangeInputs;\n"],"mappings":";;AAIA,IAAA,sBAAe"}