intelicoreact 2.0.17 → 2.0.19

package/dist/es/Atomic/FormElements/Input/hooks/useErrorBlink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useErrorBlink.js","names":[],"sources":["../../../../../../src/Atomic/FormElements/Input/hooks/useErrorBlink.ts"],"sourcesContent":["import type { KeyboardEvent } from 'react';\nimport type { InputProps } from '../types';\nimport { useEffect, useState } from 'react';\nimport { KEYBOARD_SERVICE_KEYS } from '../../../../Constants/index.constants';\n\nconst DEFAULT_BLINK_TIME = 100;\n\ninterface UseErrorBlinkParams extends Pick<InputProps, 'blinkTime'> {\n  isUseErrorsBlink: boolean;\n}\n\nexport function useErrorBlink({\n  isUseErrorsBlink,\n  blinkTime = DEFAULT_BLINK_TIME,\n}: UseErrorBlinkParams):\n  {\n    isToHighlightError: boolean;\n    setPreviousValue: (value: string | number | undefined) => void;\n    checkValueChange: (e: KeyboardEvent<HTMLInputElement>, value: string | number | undefined) => void;\n  } {\n  const [isAttemptToChange, setIsAttemptToChange] = useState<boolean>(false);\n  const [isToHighlightError, setIsToHighlightError] = useState<boolean>(false);\n  const [prevValue, setPreviousValue] = useState<string | number | undefined>('');\n\n  useEffect(() => {\n    if (!isAttemptToChange) return;\n\n    let timerId: NodeJS.Timeout | null = null;\n\n    setIsToHighlightError(true);\n\n    timerId = setTimeout(() => {\n      setIsToHighlightError(false);\n      setIsAttemptToChange(false);\n    }, blinkTime);\n\n    return () => {\n      if (timerId) {\n        clearTimeout(timerId);\n      }\n    };\n  }, [isAttemptToChange, blinkTime]);\n\n  const checkValueChange = (e: KeyboardEvent<HTMLInputElement>, value: string | number | undefined): void => {\n    if (isUseErrorsBlink) {\n      const changedValue = `${value ?? ''}`;\n      const previousValue = `${prevValue}`;\n\n      const short = previousValue.length <= changedValue.length\n        ? previousValue\n        : changedValue;\n      const long = previousValue.length > changedValue.length\n        ? previousValue\n        : changedValue;\n\n      const infoAboutDifferencesSameness = short.split('').reduce(\n        (acc, symbol, idx) => {\n          if (acc.countOn && symbol === long[idx]) {\n            acc.same.push(symbol);\n          }\n          else {\n            acc.countOn = false;\n            acc.differences.push([idx, symbol]);\n          }\n          return acc;\n        },\n        { same: ([] as string[]), countOn: true, differences: ([] as [number, string][]) },\n      );\n\n      const samePart = infoAboutDifferencesSameness.same.join('');\n      const differencesLength = infoAboutDifferencesSameness.differences.length;\n      const currentSet = changedValue?.replace(samePart, '');\n\n      if (\n        !KEYBOARD_SERVICE_KEYS.includes(e.key)\n        && changedValue === previousValue\n      ) {\n        const newAttemptToChange = !(!differencesLength && e.key === currentSet);\n        setIsAttemptToChange(newAttemptToChange);\n      }\n    }\n  };\n\n  return {\n    isToHighlightError,\n    setPreviousValue,\n    checkValueChange,\n  };\n}\n"],"mappings":";;;AAKA,IAAM,qBAAqB;AAM3B,SAAgB,cAAc,EAC5B,kBACA,YAAY,sBAMV;CACF,MAAM,CAAC,mBAAmB,wBAAwB,SAAkB,KAAK;CACzE,MAAM,CAAC,oBAAoB,yBAAyB,SAAkB,KAAK;CAC3E,MAAM,CAAC,WAAW,oBAAoB,SAAsC,EAAE;CAE9E,gBAAgB;EACd,IAAI,CAAC,mBAAmB;EAExB,IAAI,UAAiC;EAErC,sBAAsB,IAAI;EAE1B,UAAU,iBAAiB;GACzB,sBAAsB,KAAK;GAC3B,qBAAqB,KAAK;EAC5B,GAAG,SAAS;EAEZ,aAAa;GACX,IAAI,SACF,aAAa,OAAO;EAExB;CACF,GAAG,CAAC,mBAAmB,SAAS,CAAC;CAEjC,MAAM,oBAAoB,GAAoC,UAA6C;EACzG,IAAI,kBAAkB;GACpB,MAAM,eAAe,GAAG,SAAS;GACjC,MAAM,gBAAgB,GAAG;GAEzB,MAAM,QAAQ,cAAc,UAAU,aAAa,SAC/C,gBACA;GACJ,MAAM,OAAO,cAAc,SAAS,aAAa,SAC7C,gBACA;GAEJ,MAAM,+BAA+B,MAAM,MAAM,EAAE,CAAC,CAAC,QAClD,KAAK,QAAQ,QAAQ;IACpB,IAAI,IAAI,WAAW,WAAW,KAAK,MACjC,IAAI,KAAK,KAAK,MAAM;SAEjB;KACH,IAAI,UAAU;KACd,IAAI,YAAY,KAAK,CAAC,KAAK,MAAM,CAAC;IACpC;IACA,OAAO;GACT,GACA;IAAE,MAAO,CAAC;IAAgB,SAAS;IAAM,aAAc,CAAC;GAAyB,CACnF;GAEA,MAAM,WAAW,6BAA6B,KAAK,KAAK,EAAE;GAC1D,MAAM,oBAAoB,6BAA6B,YAAY;GACnE,MAAM,aAAa,cAAc,QAAQ,UAAU,EAAE;GAErD,IACE,CAAC,sBAAsB,SAAS,EAAE,GAAG,KAClC,iBAAiB,eACpB;IACA,MAAM,qBAAqB,EAAE,CAAC,qBAAqB,EAAE,QAAQ;IAC7D,qBAAqB,kBAAkB;GACzC;EACF;CACF;CAEA,OAAO;EACL;EACA;EACA;CACF;AACF"}

package/dist/es/Atomic/FormElements/Input/hooks/useInputFocus.js

@@ -0,0 +1,34 @@
+import { useEffect, useState } from "react";
+//#region src/Atomic/FormElements/Input/hooks/useInputFocus.ts
+function useInputFocus({ isSelect, isFocusDefault = false, onFocus = () => {} }) {
+	const [isFocused, setIsFocused] = useState(false);
+	const [isEditing, setEditing] = useState(false);
+	useEffect(() => {
+		setEditing(isSelect ?? false);
+	}, [isSelect]);
+	useEffect(() => {
+		if (typeof isFocusDefault === "boolean") {
+			setIsFocused(isFocusDefault);
+			setEditing(isFocusDefault);
+		}
+	}, [isFocusDefault]);
+	const handleFocus = (e) => {
+		setIsFocused(true);
+		onFocus(e);
+	};
+	const handleToggleEdit = () => {
+		setEditing(!isEditing);
+	};
+	return {
+		isFocused,
+		isEditing,
+		setIsFocused,
+		setEditing,
+		handleFocus,
+		handleToggleEdit
+	};
+}
+//#endregion
+export { useInputFocus };
+
+//# sourceMappingURL=useInputFocus.js.map

package/dist/es/Atomic/FormElements/Input/hooks/useInputFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputFocus.js","names":[],"sources":["../../../../../../src/Atomic/FormElements/Input/hooks/useInputFocus.ts"],"sourcesContent":["import type { FocusEvent } from 'react';\nimport type { InputProps } from '../types';\nimport { useEffect, useState } from 'react';\n\ninterface UseInputFocusParams extends InputProps {\n  isFocusDefault?: boolean;\n  onFocus?: (e: FocusEvent<HTMLInputElement, Element>) => void;\n}\n\nexport function useInputFocus({\n  isSelect,\n  isFocusDefault = false,\n  onFocus = () => {},\n}: UseInputFocusParams): {\n    isFocused: boolean;\n    isEditing: boolean;\n    setIsFocused: (isFocused: boolean) => void;\n    setEditing: (isEditing: boolean) => void;\n    handleFocus: (e: FocusEvent<HTMLInputElement, Element>) => void;\n    handleToggleEdit: () => void;\n  } {\n  const [isFocused, setIsFocused] = useState<boolean>(false);\n  const [isEditing, setEditing] = useState<boolean>(false);\n\n  useEffect(() => {\n    setEditing(isSelect ?? false);\n  }, [isSelect]);\n\n  useEffect(() => {\n    if (typeof isFocusDefault === 'boolean') {\n      setIsFocused(isFocusDefault);\n      setEditing(isFocusDefault);\n    }\n  }, [isFocusDefault]);\n\n  const handleFocus = (e: FocusEvent<HTMLInputElement, Element>): void => {\n    setIsFocused(true);\n    onFocus(e);\n  };\n\n  const handleToggleEdit = (): void => {\n    setEditing(!isEditing);\n  };\n\n  return {\n    isFocused,\n    isEditing,\n    setIsFocused,\n    setEditing,\n    handleFocus,\n    handleToggleEdit,\n  };\n}\n"],"mappings":";;AASA,SAAgB,cAAc,EAC5B,UACA,iBAAiB,OACjB,gBAAgB,CAAC,KAQf;CACF,MAAM,CAAC,WAAW,gBAAgB,SAAkB,KAAK;CACzD,MAAM,CAAC,WAAW,cAAc,SAAkB,KAAK;CAEvD,gBAAgB;EACd,WAAW,YAAY,KAAK;CAC9B,GAAG,CAAC,QAAQ,CAAC;CAEb,gBAAgB;EACd,IAAI,OAAO,mBAAmB,WAAW;GACvC,aAAa,cAAc;GAC3B,WAAW,cAAc;EAC3B;CACF,GAAG,CAAC,cAAc,CAAC;CAEnB,MAAM,eAAe,MAAmD;EACtE,aAAa,IAAI;EACjB,QAAQ,CAAC;CACX;CAEA,MAAM,yBAA+B;EACnC,WAAW,CAAC,SAAS;CACvB;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/dist/es/Atomic/FormElements/Input/hooks/useInputHover.js

@@ -0,0 +1,16 @@
+import { useState } from "react";
+//#region src/Atomic/FormElements/Input/hooks/useInputHover.ts
+function useInputHover() {
+	const [onInputHover, setOnInputHover] = useState(false);
+	const handleMouseEnter = () => setOnInputHover(true);
+	const handleMouseLeave = () => setOnInputHover(false);
+	return {
+		onInputHover,
+		handleMouseEnter,
+		handleMouseLeave
+	};
+}
+//#endregion
+export { useInputHover };
+
+//# sourceMappingURL=useInputHover.js.map

package/dist/es/Atomic/FormElements/Input/hooks/useInputHover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputHover.js","names":[],"sources":["../../../../../../src/Atomic/FormElements/Input/hooks/useInputHover.ts"],"sourcesContent":["import { useState } from 'react';\n\nexport function useInputHover(): {\n  onInputHover: boolean;\n  handleMouseEnter: () => void;\n  handleMouseLeave: () => void;\n} {\n  const [onInputHover, setOnInputHover] = useState<boolean>(false);\n\n  const handleMouseEnter = (): void => setOnInputHover(true);\n  const handleMouseLeave = (): void => setOnInputHover(false);\n\n  return {\n    onInputHover,\n    handleMouseEnter,\n    handleMouseLeave,\n  };\n}\n"],"mappings":";;AAEA,SAAgB,gBAId;CACA,MAAM,CAAC,cAAc,mBAAmB,SAAkB,KAAK;CAE/D,MAAM,yBAA+B,gBAAgB,IAAI;CACzD,MAAM,yBAA+B,gBAAgB,KAAK;CAE1D,OAAO;EACL;EACA;EACA;CACF;AACF"}

package/dist/es/Atomic/FormElements/Input/hooks/useInputValueProcessing.js

@@ -0,0 +1,126 @@
+import { getIsOnlyAnObject } from "../../../../Functions/utils.js";
+import { filterNumeric, formatToAddBitDepthPoints, formatToOnlyASCIICodeText, formatToRemoveComa, getSafelyValue } from "../../../../Functions/fieldValueFormatters.js";
+//#region src/Atomic/FormElements/Input/hooks/useInputValueProcessing.ts
+var HIDE_SYMBOL = "•";
+function useInputValueProcessing({ onlyNumbers, isPriceInput, value, isNotValidateASCII = false, symbolsLimit, isCropFirstNool = false, type = "text", keyDownData, onChange, blurTrim }) {
+	const { trimStart, trimEnd, characters } = blurTrim || {};
+	const isUseBitDepthPoints = Boolean(onlyNumbers) && isPriceInput;
+	const isPseudoPasswordMode = type === "pseudoPassword";
+	/**
+	* `onlyNumbers` имеет union `boolean | OnlyNumbersOptions`, а
+	* `filterNumeric` / `addCommas` принимают only `IBitDepthSettings` (object).
+	* `boolean` подвид union'а сюда не передаём — нормализуем к object | undefined.
+	* `typeof === 'object'` сразу сужает union без `as`-cast.
+	*/
+	const bitDepthSettings = typeof onlyNumbers === "object" && onlyNumbers !== null ? onlyNumbers : void 0;
+	const correctMinMax = (value, correctionType) => {
+		if (!onlyNumbers) return value;
+		const { min, max, isOnlyPositive, isNoEmptyValues } = getIsOnlyAnObject(onlyNumbers) ? onlyNumbers : {};
+		const minimum = !Number.isNaN(Number(min)) && min !== null && min !== void 0 && (min >= 0 || !isOnlyPositive) ? min : void 0;
+		const maximum = !Number.isNaN(Number(max)) && max !== null && max !== void 0 && (max >= 0 || !isOnlyPositive) ? max : void 0;
+		let minusSymbol = null;
+		let inputValue = getSafelyValue(value);
+		const checkMin = () => {
+			if (!inputValue && isNoEmptyValues) inputValue = minimum !== void 0 ? String(minimum) : "0";
+			else if (inputValue && minimum !== void 0 && !Number.isNaN(Number(minimum)) && Number(minimum) > Number((minusSymbol ?? "") + inputValue)) inputValue = String(minimum);
+		};
+		const checkMax = () => {
+			if (maximum !== void 0 && !Number.isNaN(Number(maximum)) && Number(maximum) < Number((minusSymbol ?? "") + inputValue)) {
+				inputValue = String(maximum);
+				minusSymbol = null;
+			}
+		};
+		if (isUseBitDepthPoints) inputValue = formatToRemoveComa(inputValue);
+		if (!isOnlyPositive && inputValue[0] === "-") {
+			minusSymbol = "-";
+			inputValue = inputValue.slice(1);
+		}
+		inputValue = filterNumeric(inputValue, bitDepthSettings);
+		switch (correctionType) {
+			case "min":
+				checkMin();
+				break;
+			case "max":
+				checkMax();
+				break;
+			default:
+				checkMin();
+				checkMax();
+				break;
+		}
+		return inputValue;
+	};
+	const processPseudoValue = (newValue, oldValue) => {
+		const insertedPart = newValue.replace(new RegExp(HIDE_SYMBOL, "g"), "");
+		if (insertedPart.length > 1) return insertedPart;
+		const isOldValueHasBeenReduced = newValue.replace(/^HIDE_SYMBOL/g, "").length < oldValue.length;
+		const oldValueArr = oldValue.split("");
+		const getIsInclude = (idx) => {
+			const BACKSPACE_CODE = 8;
+			if (keyDownData.start === null || keyDownData.end === null) return false;
+			if (keyDownData.start !== keyDownData.end) return false;
+			if (insertedPart) return idx < keyDownData.start;
+			return keyDownData.keyCode === BACKSPACE_CODE ? idx < keyDownData.start - 1 || idx > keyDownData.end - 1 : idx < keyDownData.start || idx > keyDownData.end;
+		};
+		if (!insertedPart) return oldValueArr.reduce((acc, sym, idx) => getIsInclude(idx) ? `${acc}${sym}` : acc, "");
+		const outputStructure = oldValueArr.reduce((acc, sym, idx) => {
+			if (getIsInclude(idx)) acc.result = `${acc.result}${sym}`;
+			else if (!acc.position) acc.position = insertedPart ? idx : idx - 1;
+			return acc;
+		}, {
+			result: "",
+			position: !isOldValueHasBeenReduced ? keyDownData.start : null
+		});
+		return `${outputStructure.result.slice(0, outputStructure.position)}${insertedPart}${outputStructure.result.slice(outputStructure.position)}`;
+	};
+	const handleChange = (e) => {
+		const { isOnlyPositive } = getIsOnlyAnObject(onlyNumbers) ? onlyNumbers : {};
+		let minusSymbol = null;
+		let inputValue = typeof e !== "string" && e.target ? e.target.value : e;
+		if (isPseudoPasswordMode && typeof inputValue === "string") inputValue = inputValue.includes(HIDE_SYMBOL) ? processPseudoValue(inputValue, value) : inputValue;
+		if (isPriceInput && typeof inputValue === "string" && inputValue.charAt(inputValue.length - 1) === ",") inputValue = inputValue.substring(0, inputValue.length - 1).concat(".");
+		if (isUseBitDepthPoints) inputValue = formatToRemoveComa(inputValue);
+		if (onlyNumbers && typeof inputValue === "string") inputValue = inputValue.replace(/,/g, ".");
+		if (onlyNumbers && !isOnlyPositive && String(inputValue)[0] === "-" && typeof inputValue === "string") {
+			minusSymbol = "-";
+			inputValue = inputValue.slice(1);
+		}
+		if (!isNotValidateASCII) inputValue = formatToOnlyASCIICodeText(inputValue);
+		if (symbolsLimit && typeof inputValue === "string" && inputValue.length > Number(symbolsLimit)) inputValue = inputValue.substring(0, Number(symbolsLimit));
+		if (isCropFirstNool && typeof inputValue === "string" && inputValue[0] === "0") {
+			onChange?.("");
+			return;
+		} else if (onlyNumbers) inputValue = correctMinMax(inputValue, "max");
+		onChange?.(((minusSymbol ?? "") + inputValue).toString());
+	};
+	const handleBlur = (e, onBlur) => {
+		const { isOnlyPositive } = getIsOnlyAnObject(onlyNumbers) ? onlyNumbers : {};
+		let minusSymbol;
+		if (value && onlyNumbers && !isOnlyPositive && value[0] === "-") {
+			minusSymbol = "-";
+			value = value.slice(1);
+		}
+		let inputValue = correctMinMax(getSafelyValue(value), "min");
+		if (trimStart) inputValue = inputValue.replace(new RegExp(`^[${characters}]+`), "");
+		if (trimEnd) inputValue = inputValue.replace(new RegExp(`[${characters}]+$`), "");
+		if (value !== inputValue) onChange?.(minusSymbol ? (minusSymbol + inputValue).toString() : inputValue);
+		if (onBlur) setTimeout(() => onBlur(e), 0);
+	};
+	return {
+		formatedValue: (() => {
+			let safelyValue = getSafelyValue(value);
+			const hideSymbols = () => safelyValue.split("").map(() => HIDE_SYMBOL).join("");
+			if (isPseudoPasswordMode) return hideSymbols();
+			if (typeof onlyNumbers === "object" && onlyNumbers?.isNoEmptyValues) safelyValue = correctMinMax(safelyValue, "min");
+			if (isUseBitDepthPoints) safelyValue = formatToAddBitDepthPoints(safelyValue, bitDepthSettings);
+			return safelyValue;
+		})(),
+		handleChange,
+		handleBlur,
+		correctMinMax
+	};
+}
+//#endregion
+export { useInputValueProcessing };
+
+//# sourceMappingURL=useInputValueProcessing.js.map

package/dist/es/Atomic/FormElements/Input/hooks/useInputValueProcessing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputValueProcessing.js","names":[],"sources":["../../../../../../src/Atomic/FormElements/Input/hooks/useInputValueProcessing.ts"],"sourcesContent":["/* eslint-disable react-hooks-extra/no-unnecessary-use-prefix */\nimport type { ChangeEvent, FocusEvent } from 'react';\nimport type {\n  InputProps,\n  KeyDownData,\n  NativeAttributesProps,\n  OnlyNumbersOptions,\n  ValueFormattingProps,\n  ValueHandlers,\n} from '../types';\nimport {\n  formatToAddBitDepthPoints as addCommas,\n  filterNumeric,\n  formatToOnlyASCIICodeText,\n  getSafelyValue,\n  formatToRemoveComa as removeCommas,\n} from '../../../../Functions/fieldValueFormatters';\nimport { getIsOnlyAnObject } from '../../../../Functions/utils';\n\nconst HIDE_SYMBOL = '\\u2022';\n\ninterface InputValueProcessingParams extends ValueFormattingProps, Pick<InputProps, 'value'>, Pick<NativeAttributesProps, 'type'>, ValueHandlers {\n  keyDownData: KeyDownData;\n}\n\nexport function useInputValueProcessing({\n  onlyNumbers,\n  isPriceInput,\n  value,\n  isNotValidateASCII = false,\n  symbolsLimit,\n  isCropFirstNool = false,\n  type = 'text',\n  keyDownData,\n  onChange,\n  blurTrim,\n}: InputValueProcessingParams): {\n    formatedValue: string;\n    handleChange: (e: ChangeEvent<HTMLInputElement> | string) => void;\n    handleBlur: (e: FocusEvent<HTMLInputElement, Element>, onBlur?: (e: FocusEvent<HTMLInputElement, Element>) => void) => void;\n    correctMinMax: (value: string, correctionType: 'min' | 'max') => string;\n  } {\n  const { trimStart, trimEnd, characters } = blurTrim || {};\n  const isUseBitDepthPoints = Boolean(onlyNumbers) && isPriceInput;\n  const isPseudoPasswordMode = type === 'pseudoPassword';\n  /**\n   * `onlyNumbers` имеет union `boolean | OnlyNumbersOptions`, а\n   * `filterNumeric` / `addCommas` принимают only `IBitDepthSettings` (object).\n   * `boolean` подвид union'а сюда не передаём — нормализуем к object | undefined.\n   * `typeof === 'object'` сразу сужает union без `as`-cast.\n   */\n  const bitDepthSettings: OnlyNumbersOptions | undefined\n    = typeof onlyNumbers === 'object' && onlyNumbers !== null ? onlyNumbers : undefined;\n\n  const correctMinMax = (value: string, correctionType: 'min' | 'max'): string => {\n    if (!onlyNumbers) return value;\n\n    const { min, max, isOnlyPositive, isNoEmptyValues } = getIsOnlyAnObject(\n      onlyNumbers,\n    )\n      ? onlyNumbers as OnlyNumbersOptions\n      : {};\n    const minimum\n      = !Number.isNaN(Number(min))\n        && min !== null && min !== undefined\n        && (min >= 0 || !isOnlyPositive)\n        ? min\n        : undefined;\n    const maximum\n      = !Number.isNaN(Number(max))\n        && max !== null && max !== undefined\n        && (max >= 0 || !isOnlyPositive)\n        ? max\n        : undefined;\n\n    let minusSymbol: string | null = null;\n    let inputValue = getSafelyValue(value);\n\n    const checkMin = (): void => {\n      if (!inputValue && isNoEmptyValues) {\n        inputValue = minimum !== undefined ? String(minimum) : '0';\n      }\n      /**\n       * `minimum !== undefined` дублирует `!Number.isNaN(Number(minimum))`\n       * (Number(undefined) = NaN), но даёт TS narrowing для `String(minimum)` ниже.\n       */\n      else if (\n        inputValue\n        && minimum !== undefined\n        && !Number.isNaN(Number(minimum))\n        && Number(minimum) > Number((minusSymbol ?? '') + inputValue)\n      ) {\n        inputValue = String(minimum);\n      }\n    };\n\n    const checkMax = (): void => {\n      if (\n        maximum !== undefined\n        && !Number.isNaN(Number(maximum))\n        && Number(maximum) < Number((minusSymbol ?? '') + inputValue)\n      ) {\n        inputValue = String(maximum);\n        minusSymbol = null;\n      }\n    };\n\n    if (isUseBitDepthPoints) inputValue = removeCommas(inputValue);\n    if (!isOnlyPositive && inputValue[0] === '-') {\n      minusSymbol = '-';\n      inputValue = inputValue.slice(1);\n    }\n\n    inputValue = filterNumeric(inputValue, bitDepthSettings);\n\n    switch (correctionType) {\n      case 'min':\n        checkMin();\n        break;\n      case 'max':\n        checkMax();\n        break;\n      default:\n        checkMin();\n        checkMax();\n        break;\n    }\n    return inputValue;\n  };\n\n  const processPseudoValue = (newValue: string, oldValue: string): boolean | string => {\n    const insertedPart = newValue.replace(new RegExp(HIDE_SYMBOL, 'g'), '');\n\n    // ? Если insertedPart.length > 1, то это точно копи-паст\n    // ? По договоренности любой копипаст заменяет текущее велью\n    if (insertedPart.length > 1) return insertedPart;\n\n    const isOldValueHasBeenReduced\n      = newValue.replace(/^HIDE_SYMBOL/g, '').length\n        < oldValue.length;\n    const oldValueArr = oldValue.split('');\n\n    const getIsInclude = (idx: number): string | boolean => {\n      const BACKSPACE_CODE = 8;\n\n      if (keyDownData.start === null || keyDownData.end === null) return false;\n      // ? Если позиции не равны, значит была выделена область, значит будем воспринимать как копи-паст\n      if (keyDownData.start !== keyDownData.end) return false;\n\n      // ? Если позиции равны и есть вставляемое значение - обрезаем \"хвост\"\n      if (insertedPart) return idx < keyDownData.start;\n\n      // ? Если позиции равны и нет вставляемого значения - значит симвовол удалили\n      return keyDownData.keyCode === BACKSPACE_CODE\n        ? idx < keyDownData.start - 1 || idx > keyDownData.end - 1\n        : idx < keyDownData.start || idx > keyDownData.end;\n    };\n\n    if (!insertedPart) {\n      return oldValueArr.reduce(\n        (acc: string, sym: string, idx: number) => (getIsInclude(idx) ? `${acc}${sym}` : acc),\n        '',\n      );\n    }\n\n    const outputStructure = oldValueArr.reduce(\n      (acc: { result: string; position: number | null }, sym: string, idx: number) => {\n        if (getIsInclude(idx)) acc.result = `${acc.result}${sym}`;\n        else if (!acc.position) acc.position = insertedPart ? idx : idx - 1;\n        return acc;\n      },\n      {\n        result: '',\n        position: !isOldValueHasBeenReduced ? keyDownData.start : null,\n      },\n    );\n\n    return `${outputStructure.result.slice(\n      0,\n      outputStructure.position as number,\n    )}${insertedPart}${outputStructure.result.slice(outputStructure.position as number)}`;\n  };\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement> | string): void => {\n    const { isOnlyPositive } = getIsOnlyAnObject(onlyNumbers)\n      ? onlyNumbers as OnlyNumbersOptions\n      : {};\n\n    let minusSymbol: string | null = null;\n    let inputValue = (typeof e !== 'string' && e.target ? e.target.value : e) as string;\n    if (isPseudoPasswordMode && typeof inputValue === 'string') {\n      inputValue = (inputValue.includes(HIDE_SYMBOL)\n        ? processPseudoValue(inputValue, value as string)\n        : inputValue) as string;\n    }\n\n    // If user typed comma(',') replace it to dot('.') for float value typing\n    if (isPriceInput && typeof inputValue === 'string' && inputValue.charAt(inputValue.length - 1) === ',')\n      inputValue = inputValue.substring(0, inputValue.length - 1).concat('.');\n\n    if (isUseBitDepthPoints) inputValue = removeCommas(inputValue);\n    if (onlyNumbers && typeof inputValue === 'string') inputValue = inputValue.replace(/,/g, '.');\n\n    if (onlyNumbers && !isOnlyPositive && String(inputValue)[0] === '-' && typeof inputValue === 'string') {\n      minusSymbol = '-';\n      inputValue = inputValue.slice(1);\n    }\n    if (!isNotValidateASCII)\n      inputValue = formatToOnlyASCIICodeText(inputValue);\n    if (symbolsLimit && typeof inputValue === 'string' && inputValue.length > Number(symbolsLimit))\n      inputValue = inputValue.substring(0, Number(symbolsLimit));\n    if (isCropFirstNool && typeof inputValue === 'string' && inputValue[0] === '0') {\n      onChange?.('');\n      return;\n    }\n    else if (onlyNumbers) {\n      inputValue = correctMinMax(inputValue, 'max');\n    }\n    onChange?.(((minusSymbol ?? '') + inputValue).toString());\n  };\n\n  const handleBlur = (e: FocusEvent<HTMLInputElement, Element>, onBlur?: (e: FocusEvent<HTMLInputElement, Element>) => void): void => {\n    const { isOnlyPositive } = getIsOnlyAnObject(onlyNumbers)\n      ? onlyNumbers as OnlyNumbersOptions\n      : {};\n\n    let minusSymbol;\n\n    if (value && onlyNumbers && !isOnlyPositive && value[0] === '-') {\n      minusSymbol = '-';\n      value = value.slice(1);\n    }\n\n    let inputValue = correctMinMax(getSafelyValue(value), 'min');\n    if (trimStart)\n      inputValue = inputValue.replace(new RegExp(`^[${characters}]+`), '');\n    if (trimEnd)\n      inputValue = inputValue.replace(new RegExp(`[${characters}]+$`), '');\n\n    if (value !== inputValue) onChange?.(minusSymbol ? (minusSymbol + inputValue).toString() : inputValue);\n\n    // использую setTimeout для того чтоб прошли переназначения велью, если они есть,\n    // для того, чтоб верхний onBlur при обращении к e.target.value получал обновленное велью\n    if (onBlur) setTimeout(() => onBlur(e), 0);\n  };\n\n  const formatedValue = (() => {\n    let safelyValue = getSafelyValue(value);\n\n    const hideSymbols = (): string =>\n      safelyValue\n        .split('')\n        .map(() => HIDE_SYMBOL)\n        .join('');\n\n    if (isPseudoPasswordMode) return hideSymbols();\n    if (typeof onlyNumbers === 'object' && onlyNumbers?.isNoEmptyValues)\n      safelyValue = correctMinMax(safelyValue, 'min');\n    if (isUseBitDepthPoints)\n      safelyValue = addCommas(safelyValue, bitDepthSettings);\n    return safelyValue;\n  })();\n\n  return {\n    formatedValue,\n    handleChange,\n    handleBlur,\n    correctMinMax,\n  };\n}\n"],"mappings":"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"}

package/dist/es/Atomic/FormElements/Input/hooks/useKeyboardHandling.js

@@ -0,0 +1,32 @@
+import { useState } from "react";
+//#region src/Atomic/FormElements/Input/hooks/useKeyboardHandling.ts
+function useKeyboardHandling({ onKeyDown, onKeyUp, checkValueChange, setPreviousValue, value }) {
+	const [keyDownData, setKeyDownData] = useState({
+		start: null,
+		end: null,
+		keyCode: null
+	});
+	const handleKeyDown = (e) => {
+		const target = e.target;
+		setPreviousValue(target.value);
+		setKeyDownData({
+			start: target.selectionStart,
+			end: target.selectionEnd,
+			keyCode: e.keyCode
+		});
+		onKeyDown?.(e.keyCode, e);
+	};
+	const handleKeyUp = (e) => {
+		checkValueChange(e, value);
+		onKeyUp?.(e.keyCode, e);
+	};
+	return {
+		keyDownData,
+		handleKeyDown,
+		handleKeyUp
+	};
+}
+//#endregion
+export { useKeyboardHandling };
+
+//# sourceMappingURL=useKeyboardHandling.js.map

package/dist/es/Atomic/FormElements/Input/hooks/useKeyboardHandling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardHandling.js","names":[],"sources":["../../../../../../src/Atomic/FormElements/Input/hooks/useKeyboardHandling.ts"],"sourcesContent":["import type { KeyboardEvent } from 'react';\nimport type { NativeEventHandlers } from '../types';\nimport { useState } from 'react';\n\ninterface KeyboardHandlingParams extends NativeEventHandlers {\n  checkValueChange: (e: KeyboardEvent<HTMLInputElement>, value: string | number | undefined) => void;\n  setPreviousValue: (value: string | number | undefined) => void;\n  value: string | undefined;\n}\n\nexport function useKeyboardHandling({\n  onKeyDown,\n  onKeyUp,\n  checkValueChange,\n  setPreviousValue,\n  value,\n}: KeyboardHandlingParams): {\n    keyDownData: {\n      start: number | null;\n      end: number | null;\n      keyCode: number | string | null;\n    };\n    handleKeyDown: (e: KeyboardEvent<HTMLInputElement>) => void;\n    handleKeyUp: (e: KeyboardEvent<HTMLInputElement>) => void;\n  } {\n  const [keyDownData, setKeyDownData] = useState<{\n    start: number | null;\n    end: number | null;\n    keyCode: number | string | null;\n  }>({\n    start: null,\n    end: null,\n    keyCode: null,\n  });\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>): void => {\n    const target = e.target as HTMLInputElement;\n    setPreviousValue(target.value);\n    setKeyDownData({\n      start: target.selectionStart,\n      end: target.selectionEnd,\n      keyCode: e.keyCode,\n    });\n    onKeyDown?.(e.keyCode, e);\n  };\n\n  const handleKeyUp = (e: KeyboardEvent<HTMLInputElement>): void => {\n    checkValueChange(e, value);\n    onKeyUp?.(e.keyCode, e);\n  };\n\n  return {\n    keyDownData,\n    handleKeyDown,\n    handleKeyUp,\n  };\n}\n"],"mappings":";;AAUA,SAAgB,oBAAoB,EAClC,WACA,SACA,kBACA,kBACA,SASE;CACF,MAAM,CAAC,aAAa,kBAAkB,SAInC;EACD,OAAO;EACP,KAAK;EACL,SAAS;CACX,CAAC;CAED,MAAM,iBAAiB,MAA6C;EAClE,MAAM,SAAS,EAAE;EACjB,iBAAiB,OAAO,KAAK;EAC7B,eAAe;GACb,OAAO,OAAO;GACd,KAAK,OAAO;GACZ,SAAS,EAAE;EACb,CAAC;EACD,YAAY,EAAE,SAAS,CAAC;CAC1B;CAEA,MAAM,eAAe,MAA6C;EAChE,iBAAiB,GAAG,KAAK;EACzB,UAAU,EAAE,SAAS,CAAC;CACxB;CAEA,OAAO;EACL;EACA;EACA;CACF;AACF"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/Atomic/FormElements/Input/index.ts"],"sourcesContent":["import type { TAutoComplete } from './lib/autocomplete'\nimport type { InputProps } from './types';\n\nimport Input from './Input';\n\nexport default Input;\nexport type { InputProps, TAutoComplete };\n"],"mappings":";;AAKA,IAAA,gBAAe"}

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

@@ -0,0 +1,89 @@
+import '../../../styles/base.css';
+import Calendar from "../Calendar/Calendar.js";
+import { useClickOutside } from "../../../Functions/useClickOutside.js";
+import './InputCalendar.styles.css';/* empty css                   */
+import cn from "classnames";
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import InputMask from "react-input-mask";
+import moment from "moment-timezone";
+//#region src/Atomic/FormElements/InputCalendar/InputCalendar.tsx
+var InputCalendar = ({ value, minDate, maxDate, format = "MM/DD/YYYY", isDontLimitFuture, onChange, className = "", placeholder = "mm/dd/yyyy", mask = "99/99/9999", isListTop, disabled, testId = "input-calendar", onKeyDown: onKeyDownProp, onKeyUp: onKeyUpProp, onBlur: onBlurProp }) => {
+	const [isOpened, setIsOpened] = useState(null);
+	const calendarRef = useRef(null);
+	const inputRef = useRef(null);
+	const formattedMinDate = moment(minDate, format).format(format) !== "Invalid date" ? moment(minDate, format).format(format) : null;
+	const formattedMaxDate = moment(maxDate, format).format(format) !== "Invalid date" ? moment(maxDate, format).format(format) : null;
+	const momentMinDate = moment(formattedMinDate, format).startOf("day");
+	const momentMaxDate = moment(formattedMaxDate, format).startOf("day");
+	useClickOutside(calendarRef, () => setIsOpened(false));
+	const changeInputValue = (val) => {
+		if (onChange) onChange(val);
+	};
+	const changeCalendarDay = (val) => {
+		if (onChange) onChange(val);
+	};
+	const getCalendarValue = (value) => {
+		const date = moment(value).format("L");
+		if (date !== "Invalid date") return date;
+		return moment(/* @__PURE__ */ new Date()).format("L");
+	};
+	const handleBlur = () => {
+		let value = inputRef?.current ? (inputRef?.current)?.value : "";
+		if (moment(value, format).format(format) === "Invalid date" || value.includes("_")) value = "";
+		if (value && typeof isOpened === "boolean" && moment(value, format).startOf("day").isBefore(momentMinDate, "days")) {
+			if (formattedMinDate) onChange(formattedMinDate);
+		} else if (value && typeof isOpened === "boolean" && moment(value, format).endOf("day").isAfter(momentMaxDate, "days")) {
+			if (formattedMaxDate) onChange(formattedMaxDate);
+		} else if (value) onChange(moment(value, format).format(format));
+	};
+	const onKeyDown = (e) => {
+		if (isOpened && [9, 13].includes(e.keyCode)) setIsOpened(false);
+		onKeyDownProp?.(e);
+	};
+	const onKeyUp = (e) => {
+		const isValidLenght = e.target.value?.replace(/\D/g, "").length === 8;
+		if ([9, 13].includes(e.keyCode)) setIsOpened(true);
+		if (isValidLenght) {
+			setIsOpened(false);
+			handleBlur();
+		} else setIsOpened(true);
+		onKeyUpProp?.(e);
+	};
+	useEffect(() => {
+		if (typeof isOpened === "boolean" && !isOpened) handleBlur();
+	}, [isOpened]);
+	return /* @__PURE__ */ jsxs("div", {
+		"data-testid": testId,
+		className: cn("input__wrap calendar-container", className, { "calendar-container_disabled": disabled }),
+		ref: calendarRef,
+		children: [/* @__PURE__ */ jsx(InputMask, {
+			mask,
+			placeholder,
+			value,
+			onChange: (e) => changeInputValue(e.target.value),
+			className: "calendar-dropdown",
+			onClick: () => setIsOpened(true),
+			onKeyUp,
+			onKeyDown,
+			onBlur: (e) => onBlurProp?.(e),
+			ref: inputRef
+		}), isOpened ? /* @__PURE__ */ jsx(Calendar, {
+			date: getCalendarValue(value),
+			setDate: (newDate) => changeCalendarDay(newDate),
+			params: {
+				minDate: formattedMinDate,
+				maxDate: formattedMaxDate,
+				momentMinDate,
+				momentMaxDate,
+				isDontLimitFuture
+			},
+			isListTop,
+			setIsOpened
+		}) : null]
+	});
+};
+//#endregion
+export { InputCalendar as default };
+
+//# sourceMappingURL=InputCalendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputCalendar.js","names":[],"sources":["../../../../../src/Atomic/FormElements/InputCalendar/InputCalendar.tsx"],"sourcesContent":["import type { IInputCalendarProps } from './InputCalendar.interface';\n\nimport cn from 'classnames';\nimport moment from 'moment-timezone';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport InputMask from 'react-input-mask';\nimport { useClickOutside } from '../../../Functions/useClickOutside';\n\nimport Calendar from '../Calendar/Calendar';\nimport './InputCalendar.scss';\n\nconst InputCalendar: React.FC<IInputCalendarProps> = ({\n  value,\n  minDate,\n  maxDate,\n  format = 'MM/DD/YYYY',\n  isDontLimitFuture,\n  onChange,\n  className = '',\n  placeholder = 'mm/dd/yyyy',\n  mask = '99/99/9999',\n  isListTop,\n  disabled,\n  testId = 'input-calendar',\n\n  onKeyDown: onKeyDownProp,\n  onKeyUp: onKeyUpProp,\n  onBlur: onBlurProp,\n}) => {\n  const [isOpened, setIsOpened] = useState<boolean | null>(null);\n  const calendarRef = useRef(null);\n  const inputRef = useRef(null);\n\n  const formattedMinDate\n    = moment(minDate, format).format(format) !== 'Invalid date'\n      ? moment(minDate, format).format(format)\n      : null;\n  const formattedMaxDate\n    = moment(maxDate, format).format(format) !== 'Invalid date'\n      ? moment(maxDate, format).format(format)\n      : null;\n\n  const momentMinDate = moment(formattedMinDate, format).startOf('day');\n  const momentMaxDate = moment(formattedMaxDate, format).startOf('day');\n\n  useClickOutside(calendarRef, () => setIsOpened(false));\n\n  const changeInputValue = (val: string): void => {\n    if (onChange) onChange(val);\n  };\n\n  const changeCalendarDay = (val: string): void => {\n    if (onChange) onChange(val);\n  };\n\n  const getCalendarValue = (value: string): string => {\n    const date = moment(value).format('L');\n\n    if (date !== 'Invalid date') return date;\n\n    return moment(new Date()).format('L');\n  };\n\n  const handleBlur = (): void => {\n    let value = inputRef?.current ? (inputRef?.current as HTMLInputElement)?.value : '';\n    if (\n      moment(value, format).format(format) === 'Invalid date'\n      || value.includes('_')\n    ) {\n      value = '';\n    }\n\n    if (\n      value\n      && typeof isOpened === 'boolean'\n      && moment(value, format).startOf('day').isBefore(momentMinDate, 'days')\n    ) {\n      if (formattedMinDate) onChange(formattedMinDate);\n    }\n    else if (\n      value\n      && typeof isOpened === 'boolean'\n      && moment(value, format).endOf('day').isAfter(momentMaxDate, 'days')\n    ) {\n      if (formattedMaxDate) onChange(formattedMaxDate);\n    }\n    else if (value) {\n      onChange(moment(value, format).format(format));\n    }\n  };\n\n  const onKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (e): void => {\n    if (isOpened && [9, 13].includes(e.keyCode)) {\n      setIsOpened(false);\n    }\n\n    onKeyDownProp?.(e);\n  };\n\n  const onKeyUp: React.KeyboardEventHandler<HTMLInputElement> | undefined = (e): void => {\n    const isValidLenght = (e.target as HTMLInputElement).value?.replace(/\\D/g, '').length === 8;\n\n    if ([9, 13].includes(e.keyCode)) {\n      setIsOpened(true);\n    }\n\n    if (isValidLenght) {\n      setIsOpened(false);\n      handleBlur();\n    }\n    else {\n      setIsOpened(true);\n    }\n    onKeyUpProp?.(e);\n  };\n\n  useEffect(() => {\n    if (typeof isOpened === 'boolean' && !isOpened) {\n      handleBlur();\n    }\n  }, [isOpened]);\n\n  return (\n    <div\n      data-testid={testId}\n      className={cn('input__wrap calendar-container', className, {\n        'calendar-container_disabled': disabled,\n      })}\n      ref={calendarRef}\n    >\n      <InputMask\n        mask={mask}\n        placeholder={placeholder}\n        value={value}\n        onChange={e => changeInputValue(e.target.value)}\n        className=\"calendar-dropdown\"\n        onClick={() => setIsOpened(true)}\n        onKeyUp={onKeyUp}\n        onKeyDown={onKeyDown}\n        onBlur={e => onBlurProp?.(e)}\n        ref={inputRef}\n      />\n      {isOpened\n        ? (\n            <Calendar\n              date={getCalendarValue(value)}\n              setDate={newDate => changeCalendarDay(newDate)}\n              params={{\n                minDate: formattedMinDate as string,\n                maxDate: formattedMaxDate as string,\n                momentMinDate,\n                momentMaxDate,\n                isDontLimitFuture,\n              }}\n              isListTop={isListTop}\n              setIsOpened={setIsOpened}\n            />\n          )\n        : null}\n    </div>\n  );\n};\n\nexport default InputCalendar;\n"],"mappings":";;;;;;;;;AAYA,IAAM,iBAAgD,EACpD,OACA,SACA,SACA,SAAS,cACT,mBACA,UACA,YAAY,IACZ,cAAc,cACd,OAAO,cACP,WACA,UACA,SAAS,kBAET,WAAW,eACX,SAAS,aACT,QAAQ,iBACJ;CACJ,MAAM,CAAC,UAAU,eAAe,SAAyB,IAAI;CAC7D,MAAM,cAAc,OAAO,IAAI;CAC/B,MAAM,WAAW,OAAO,IAAI;CAE5B,MAAM,mBACF,OAAO,SAAS,MAAM,CAAC,CAAC,OAAO,MAAM,MAAM,iBACzC,OAAO,SAAS,MAAM,CAAC,CAAC,OAAO,MAAM,IACrC;CACN,MAAM,mBACF,OAAO,SAAS,MAAM,CAAC,CAAC,OAAO,MAAM,MAAM,iBACzC,OAAO,SAAS,MAAM,CAAC,CAAC,OAAO,MAAM,IACrC;CAEN,MAAM,gBAAgB,OAAO,kBAAkB,MAAM,CAAC,CAAC,QAAQ,KAAK;CACpE,MAAM,gBAAgB,OAAO,kBAAkB,MAAM,CAAC,CAAC,QAAQ,KAAK;CAEpE,gBAAgB,mBAAmB,YAAY,KAAK,CAAC;CAErD,MAAM,oBAAoB,QAAsB;EAC9C,IAAI,UAAU,SAAS,GAAG;CAC5B;CAEA,MAAM,qBAAqB,QAAsB;EAC/C,IAAI,UAAU,SAAS,GAAG;CAC5B;CAEA,MAAM,oBAAoB,UAA0B;EAClD,MAAM,OAAO,OAAO,KAAK,CAAC,CAAC,OAAO,GAAG;EAErC,IAAI,SAAS,gBAAgB,OAAO;EAEpC,OAAO,uBAAO,IAAI,KAAK,CAAC,CAAC,CAAC,OAAO,GAAG;CACtC;CAEA,MAAM,mBAAyB;EAC7B,IAAI,QAAQ,UAAU,WAAW,UAAU,QAAA,EAA8B,QAAQ;EACjF,IACE,OAAO,OAAO,MAAM,CAAC,CAAC,OAAO,MAAM,MAAM,kBACtC,MAAM,SAAS,GAAG,GAErB,QAAQ;EAGV,IACE,SACG,OAAO,aAAa,aACpB,OAAO,OAAO,MAAM,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,SAAS,eAAe,MAAM;OAElE,kBAAkB,SAAS,gBAAgB;EAAA,OAE5C,IACH,SACG,OAAO,aAAa,aACpB,OAAO,OAAO,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,QAAQ,eAAe,MAAM;OAE/D,kBAAkB,SAAS,gBAAgB;EAAA,OAE5C,IAAI,OACP,SAAS,OAAO,OAAO,MAAM,CAAC,CAAC,OAAO,MAAM,CAAC;CAEjD;CAEA,MAAM,aAA2D,MAAY;EAC3E,IAAI,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC,SAAS,EAAE,OAAO,GACxC,YAAY,KAAK;EAGnB,gBAAgB,CAAC;CACnB;CAEA,MAAM,WAAqE,MAAY;EACrF,MAAM,gBAAiB,EAAE,OAA4B,OAAO,QAAQ,OAAO,EAAE,CAAC,CAAC,WAAW;EAE1F,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,SAAS,EAAE,OAAO,GAC5B,YAAY,IAAI;EAGlB,IAAI,eAAe;GACjB,YAAY,KAAK;GACjB,WAAW;EACb,OAEE,YAAY,IAAI;EAElB,cAAc,CAAC;CACjB;CAEA,gBAAgB;EACd,IAAI,OAAO,aAAa,aAAa,CAAC,UACpC,WAAW;CAEf,GAAG,CAAC,QAAQ,CAAC;CAEb,OACE,qBAAC,OAAD;EACE,eAAa;EACb,WAAW,GAAG,kCAAkC,WAAW,EACzD,+BAA+B,SACjC,CAAC;EACD,KAAK;YALP,CAOE,oBAAC,WAAD;GACQ;GACO;GACN;GACP,WAAU,MAAK,iBAAiB,EAAE,OAAO,KAAK;GAC9C,WAAU;GACV,eAAe,YAAY,IAAI;GACtB;GACE;GACX,SAAQ,MAAK,aAAa,CAAC;GAC3B,KAAK;EACN,CAAA,GACA,WAEK,oBAAC,UAAD;GACE,MAAM,iBAAiB,KAAK;GAC5B,UAAS,YAAW,kBAAkB,OAAO;GAC7C,QAAQ;IACN,SAAS;IACT,SAAS;IACT;IACA;IACA;GACF;GACW;GACE;EACd,CAAA,IAEH,IACD;;AAET"}

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

@@ -0,0 +1,20 @@
+.calendar-container {
+  position: relative;
+  min-width: 200px;
+}
+.calendar-container_disabled {
+  pointer-events: none;
+  opacity: 0.5;
+}
+.calendar-container .calendar {
+  position: absolute;
+  z-index: 9;
+  top: 100%;
+  padding: 10px 16px;
+  border: 1px solid var(--border-color);
+}
+.calendar-container .calendar_list-top {
+  top: auto;
+  bottom: calc(100% + 4px);
+  box-shadow: 0 -3px 15px rgba(0, 0, 0, 0.15);
+}

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

@@ -0,0 +1,52 @@
+import '../../../styles/base.css';
+import { formatToHex, formatToOnlyASCIICodeText } from "../../../Functions/fieldValueFormatters.js";
+import Input from "../Input/Input.js";
+import './InputColor.styles.css';/* empty css                */
+import cn from "classnames";
+import { useCallback, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Atomic/FormElements/InputColor/InputColor.tsx
+var InputColor = ({ value = "", className, symbolsLimit = 7, onChange, withHexFormat = {
+	withSharp: false,
+	isTurnOn: true
+}, initialHexOfColorBlock = "#9AA0B9", testId = "", withDelete = true, ...args }) => {
+	const { withSharp = false, isTurnOn: isHex = true } = withHexFormat;
+	const handleChange = useCallback((e) => {
+		let inputValue = typeof e === "string" ? e : e.target.value;
+		inputValue = formatToOnlyASCIICodeText(inputValue);
+		if (isHex) inputValue = formatToHex({
+			inputValue,
+			withSharp
+		});
+		if (symbolsLimit && inputValue.length > symbolsLimit) inputValue = inputValue.substring(0, symbolsLimit);
+		onChange?.(inputValue);
+	}, [
+		isHex,
+		withSharp,
+		symbolsLimit,
+		onChange
+	]);
+	const colorBlockStyle = useMemo(() => {
+		return { backgroundColor: /^#[0-9A-F]{6}$/i.test(value) ? value : initialHexOfColorBlock };
+	}, [value, initialHexOfColorBlock]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("inputColor", className),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "inputColor__color-block",
+			style: colorBlockStyle
+		}), /* @__PURE__ */ jsx(Input, {
+			...args,
+			value,
+			withDelete,
+			onChange: handleChange,
+			symbolsLimit,
+			testId: `inputColor--key-${testId}`,
+			className: cn("input inputColor__input"),
+			type: "text"
+		})]
+	});
+};
+//#endregion
+export { InputColor as default };
+
+//# sourceMappingURL=InputColor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputColor.js","names":[],"sources":["../../../../../src/Atomic/FormElements/InputColor/InputColor.tsx"],"sourcesContent":["import type { IInputColorProps } from './InputColor.interface';\n\nimport cn from 'classnames';\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport {\n  formatToHex,\n  formatToOnlyASCIICodeText,\n} from '../../../Functions/fieldValueFormatters';\n\nimport Input from '../Input/Input';\n\nimport './InputColor.scss';\n\nconst InputColor: React.FC<IInputColorProps> = ({\n  value = '',\n  className,\n  symbolsLimit = 7,\n  onChange,\n  withHexFormat = {\n    withSharp: false,\n    isTurnOn: true,\n  },\n  initialHexOfColorBlock = '#9AA0B9',\n  testId = '',\n  withDelete = true,\n  ...args\n}) => {\n  const { withSharp = false, isTurnOn: isHex = true } = withHexFormat;\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement> | string) => {\n      let inputValue = typeof e === 'string' ? e : e.target.value;\n      inputValue = formatToOnlyASCIICodeText(inputValue);\n      if (isHex) {\n        inputValue = formatToHex({ inputValue, withSharp });\n      }\n      if (symbolsLimit && inputValue.length > symbolsLimit) {\n        inputValue = inputValue.substring(0, symbolsLimit);\n      }\n      onChange?.(inputValue);\n    },\n    [isHex, withSharp, symbolsLimit, onChange],\n  );\n\n  const colorBlockStyle = useMemo(() => {\n    const isValidHex = /^#[0-9A-F]{6}$/i.test(value);\n    return {\n      backgroundColor: isValidHex ? value : initialHexOfColorBlock,\n    };\n  }, [value, initialHexOfColorBlock]);\n\n  return (\n    <div className={cn('inputColor', className)}>\n      <div className=\"inputColor__color-block\" style={colorBlockStyle} />\n      <Input\n        {...args}\n        // @ts-ignore\n        value={value}\n        withDelete={withDelete}\n        onChange={handleChange}\n        symbolsLimit={symbolsLimit}\n        testId={`inputColor--key-${testId}`}\n        className={cn('input inputColor__input')}\n        type=\"text\"\n      />\n    </div>\n  );\n};\n\nexport default InputColor;\n"],"mappings":";;;;;;;AAeA,IAAM,cAA0C,EAC9C,QAAQ,IACR,WACA,eAAe,GACf,UACA,gBAAgB;CACd,WAAW;CACX,UAAU;AACZ,GACA,yBAAyB,WACzB,SAAS,IACT,aAAa,MACb,GAAG,WACC;CACJ,MAAM,EAAE,YAAY,OAAO,UAAU,QAAQ,SAAS;CAEtD,MAAM,eAAe,aAClB,MAAoD;EACnD,IAAI,aAAa,OAAO,MAAM,WAAW,IAAI,EAAE,OAAO;EACtD,aAAa,0BAA0B,UAAU;EACjD,IAAI,OACF,aAAa,YAAY;GAAE;GAAY;EAAU,CAAC;EAEpD,IAAI,gBAAgB,WAAW,SAAS,cACtC,aAAa,WAAW,UAAU,GAAG,YAAY;EAEnD,WAAW,UAAU;CACvB,GACA;EAAC;EAAO;EAAW;EAAc;CAAQ,CAC3C;CAEA,MAAM,kBAAkB,cAAc;EAEpC,OAAO,EACL,iBAFiB,kBAAkB,KAAK,KAEvB,IAAa,QAAQ,uBACxC;CACF,GAAG,CAAC,OAAO,sBAAsB,CAAC;CAElC,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,cAAc,SAAS;YAA1C,CACE,oBAAC,OAAD;GAAK,WAAU;GAA0B,OAAO;EAAkB,CAAA,GAClE,oBAAC,OAAD;GACE,GAAI;GAEG;GACK;GACZ,UAAU;GACI;GACd,QAAQ,mBAAmB;GAC3B,WAAW,GAAG,yBAAyB;GACvC,MAAK;EACN,CAAA,CACE;;AAET"}

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

@@ -0,0 +1,17 @@
+.inputColor {
+  position: relative;
+}
+.inputColor__color-block {
+  position: absolute;
+  z-index: 1;
+  top: 50%;
+  left: 5px;
+  min-width: 16px;
+  max-width: 16px;
+  min-height: 16px;
+  max-height: 16px;
+  transform: translateY(-50%);
+}
+.inputColor .input {
+  padding-left: 25px;
+}

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

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

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

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

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

@@ -0,0 +1,133 @@
+import '../../../styles/base.css';
+import { filterNumeric } from "../../../Functions/fieldValueFormatters.js";
+import './InputCurrency.styles.css';/* empty css                   */
+import cn from "classnames";
+import { useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/Atomic/FormElements/InputCurrency/InputCurrency.tsx
+var attrsOfNativeInputDefault = {};
+var CN = "input-currency";
+/**
+* Type-annotation обязателен: без него TS widens `type: 'float'` → `type: string`,
+* и при передаче в `filterNumeric(...: IBitDepthSettings)` ловим TS2345.
+*/
+var ONLY_NUMBERS_DEFAULT = {
+	type: "float",
+	decimalPlaces: 2
+};
+var InputCurrency = ({ currencySymbol = "$", testId = CN, onChange, className, value, disabled, attributesOfNativeInput = attrsOfNativeInputDefault, min = 0, max, error, isNoCheckMinMax, allowZero = false, onlyNumbers = ONLY_NUMBERS_DEFAULT }) => {
+	const [inputValue, setInputValue] = useState(currencySymbol);
+	const [isFocused, setIsFocused] = useState(false);
+	const inputRef = useRef(null);
+	const formatNumberWithCommas = (number) => {
+		const parts = number.toString().split(".");
+		parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+		return parts.join(".");
+	};
+	const formatCurrencyInput = (event) => {
+		let newValue = event.target.value;
+		newValue = newValue.replace(currencySymbol, "");
+		if (typeof newValue === "string" && newValue.charAt(newValue.length - 1) === ",") newValue = newValue.substring(0, newValue.length - 1).concat(".");
+		const parts = newValue.split(".");
+		const integerPart = parts[0];
+		const decimalPart = parts[1];
+		const preparedIntegerValue = filterNumeric(integerPart, {
+			...onlyNumbers,
+			type: "int"
+		});
+		const parsedIntegerValue = Number.parseInt(preparedIntegerValue);
+		if (!Number.isNaN(parsedIntegerValue)) if (parsedIntegerValue === 0 && !decimalPart) if (allowZero) {
+			setInputValue(`${currencySymbol}0`);
+			onChange(0);
+		} else {
+			setInputValue(currencySymbol);
+			onChange("");
+		}
+		else {
+			let formattedValue = formatNumberWithCommas(parsedIntegerValue);
+			if (decimalPart !== void 0) {
+				const filteredDecimal = filterNumeric(decimalPart, { type: "int" });
+				if (filteredDecimal) formattedValue += `.${filteredDecimal.slice(0, onlyNumbers.decimalPlaces)}`;
+				else if (decimalPart === "") formattedValue += ".";
+			}
+			setInputValue(`${currencySymbol}${formattedValue}`);
+			onChange(Number.parseFloat(formattedValue.replace(/,/g, "")));
+		}
+		else {
+			setInputValue(currencySymbol);
+			onChange("");
+		}
+	};
+	const onInputClick = () => {
+		if (!inputValue && inputRef.current) inputRef.current.selectionStart = inputRef.current.selectionEnd = currencySymbol ? currencySymbol.length : 1;
+	};
+	const onKeyDown = (event) => {
+		if (event.key.match(/^[a-z0-9]$/i) && inputRef.current) setInputValue(inputValue.slice(0, inputRef.current.selectionStart || 0));
+	};
+	const checkMinMax = (event, checkValue) => {
+		const clearValue = checkValue ?? filterNumeric(event?.target?.value || "", onlyNumbers);
+		if (!clearValue) return false;
+		const numericValue = typeof clearValue === "string" ? Number.parseFloat(clearValue) : clearValue;
+		if (numericValue < min) {
+			setInputValue(`${currencySymbol}${formatNumberWithCommas(min)}`);
+			onChange(min);
+			return false;
+		}
+		if (max && numericValue > max) {
+			setInputValue(`${currencySymbol}${formatNumberWithCommas(max)}`);
+			onChange(max);
+			return false;
+		}
+		return true;
+	};
+	useEffect(() => {
+		if (value === 0 || value === "0") if (allowZero) {
+			setInputValue(`${currencySymbol}0`);
+			onChange(0);
+		} else {
+			setInputValue(currencySymbol);
+			onChange("");
+		}
+		else if (value) setInputValue(`${currencySymbol}${formatNumberWithCommas(value)}`);
+		else setInputValue(currencySymbol);
+	}, [
+		value,
+		currencySymbol,
+		allowZero
+	]);
+	return /* @__PURE__ */ jsx("div", {
+		"data-testid": testId,
+		className: cn("input-currency-box", className, {
+			disabled,
+			"input-currency__error": error,
+			"input-currency__focused": isFocused
+		}),
+		children: /* @__PURE__ */ jsx("input", {
+			className: CN,
+			type: "text",
+			ref: inputRef,
+			value: inputValue,
+			onChange: formatCurrencyInput,
+			onClick: onInputClick,
+			onKeyDown,
+			...attributesOfNativeInput,
+			onFocus: (e) => {
+				attributesOfNativeInput?.onFocus?.(e);
+				setIsFocused(true);
+			},
+			onBlur: (e) => {
+				attributesOfNativeInput?.onBlur?.(e);
+				if (!isNoCheckMinMax) {
+					const currentValue = Number.parseFloat(filterNumeric(inputValue.replace(currencySymbol, ""), onlyNumbers));
+					checkMinMax(null, currentValue);
+				}
+				setIsFocused(false);
+			}
+		})
+	});
+};
+InputCurrency.displayName = "InputCurrency";
+//#endregion
+export { InputCurrency as default };
+
+//# sourceMappingURL=InputCurrency.js.map