intelicoreact 2.0.17 → 2.0.19

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

@@ -0,0 +1,133 @@
+.unselectable {
+  -webkit-touch-callout: none; /* iOS Safari */ /* Chrome/Safari/Opera */ /* Konqueror */ /* Firefox */ /* Internet Explorer/Edge */
+  user-select: none; /* Non-prefixed version, currently
+             not supported by any browser */
+}
+
+.input-mask3_wrapper {
+  position: relative;
+  display: block;
+  width: 100%;
+  outline: none;
+}
+.input-mask3_wrapper .input-mask {
+  position: relative;
+  display: inline-flex;
+  justify-content: space-between;
+  align-items: center;
+  box-sizing: border-box;
+  width: 100%;
+  padding: 8px;
+  cursor: text;
+  border: 1px solid #e2e5ec;
+  border-radius: 4px;
+  background-color: #fff;
+}
+.input-mask3_wrapper .input-mask_input {
+  position: absolute;
+  top: 0;
+  left: 0;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  padding: 8px;
+  font-size: 16px;
+  color: #333;
+  border: none;
+  outline: none;
+  background: rgba(0, 0, 0, 0);
+}
+.input-mask3_wrapper .input-mask_focus {
+  border-color: #6b81dd;
+  filter: drop-shadow(0 0 4px rgba(93, 120, 255, 0.5));
+}
+.input-mask3_wrapper .input-mask_error, .input-mask3_wrapper .input-mask_blink-error {
+  border-color: #dd6b6b;
+  filter: drop-shadow(0 0 4px rgba(255, 93, 93, 0.5));
+}
+.input-mask3_wrapper .input-mask_icon {
+  position: relative;
+  width: 16px;
+  height: 16px;
+}
+.input-mask3_wrapper .input-mask_icon--left {
+  margin-right: 4px;
+}
+.input-mask3_wrapper .input-mask_icon--right {
+  right: 0;
+  margin-left: 4px;
+}
+.input-mask3_wrapper .input-mask_hint {
+  display: flex;
+  align-items: center;
+  text-align: center;
+}
+.input-mask3_wrapper .input-mask_hint .hint__text_right {
+  top: 50%;
+  left: 24px;
+  transform: translateY(-50%);
+}
+.input-mask3_wrapper .input-mask_hint .hint__text_right::before {
+  top: calc(50% - 4px);
+  left: -3px;
+}
+.input-mask3_wrapper .input-mask_hint .hint__text_left {
+  top: 50%;
+  right: 32px;
+  transform: translateY(-50%);
+}
+.input-mask3_wrapper .input-mask_hint .hint__text_left::before {
+  top: calc(50% - 4px);
+  right: -3px;
+}
+.input-mask3_wrapper .input-mask_hint--left {
+  margin-right: 4px;
+}
+.input-mask3_wrapper .input-mask_hint--right {
+  right: 0;
+  margin-left: 4px;
+}
+.input-mask3_wrapper .input-mask_clear {
+  position: relative;
+  z-index: 9;
+  width: 16px;
+  height: 16px;
+  cursor: pointer !important;
+}
+.input-mask3_wrapper .input-mask_value {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  outline: none;
+}
+.input-mask3_wrapper .input-mask_value_item {
+  display: inline-flex;
+  width: unset;
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  font-size: 16px;
+  border: none;
+  outline: none;
+}
+.input-mask3_wrapper .input-mask_value_item_mask-char {
+  color: #9c9c9c;
+}
+.input-mask3_wrapper .input-mask_value_item_value-char {
+  opacity: 0;
+}
+.input-mask3_wrapper .input-mask_value_item_spec-char {
+  text-align: center;
+}
+.input-mask3_wrapper .input-mask_value_item--hidden {
+  visibility: hidden;
+}
+.input-mask3_wrapper .input-mask_error-text {
+  margin-top: 8px;
+  font-size: 12px;
+  color: rgb(211, 82, 82);
+}
+.input-mask3_wrapper .lds-ring.lds-ring_small {
+  top: calc(50% - 18px);
+}

package/dist/es/Atomic/FormElements/InputMask3/config.js

@@ -0,0 +1,18 @@
+//#region src/Atomic/FormElements/InputMask3/config.ts
+var DEFAULT_ERRORS = {
+	onlyLetter: "Type letter",
+	onlyDigit: "Type digit",
+	onlyUpperCase: "Type letter in UpperCase",
+	onlyLowerCase: "Type letter in LowerCase",
+	default: null
+};
+var UPPERCASE_LETTER_MASK_CHAR = "L";
+var LOWERCASE_LETTER_MASK_CHAR = "l";
+var DIGIT_MASK_CHAR = "D";
+var SPACE_CHAR = "\xA0";
+var ANDROID_CHROME_TEXT_CODE = 229;
+var EXCLUDED_KEYS = ["Tab"];
+//#endregion
+export { ANDROID_CHROME_TEXT_CODE, DEFAULT_ERRORS, DIGIT_MASK_CHAR, EXCLUDED_KEYS, LOWERCASE_LETTER_MASK_CHAR, SPACE_CHAR, UPPERCASE_LETTER_MASK_CHAR };
+
+//# sourceMappingURL=config.js.map

package/dist/es/Atomic/FormElements/InputMask3/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":[],"sources":["../../../../../src/Atomic/FormElements/InputMask3/config.ts"],"sourcesContent":["import type { IInputMask3Errors } from './InputMask3.interface';\n\nexport const DEFAULT_ERRORS: IInputMask3Errors = {\n  onlyLetter: 'Type letter',\n  onlyDigit: 'Type digit',\n  onlyUpperCase: 'Type letter in UpperCase',\n  onlyLowerCase: 'Type letter in LowerCase',\n  default: null,\n}\nexport const UPPERCASE_LETTER_MASK_CHAR: string = 'L';\nexport const LOWERCASE_LETTER_MASK_CHAR: string = 'l';\nexport const DIGIT_MASK_CHAR: string = 'D';\nexport const SPACE_CHAR: string = '\\u00A0';\nexport const ANDROID_CHROME_TEXT_CODE: number = 229;\nexport const EXCLUDED_KEYS: string[] = ['Tab'];\n"],"mappings":";AAEA,IAAa,iBAAoC;CAC/C,YAAY;CACZ,WAAW;CACX,eAAe;CACf,eAAe;CACf,SAAS;AACX;AACA,IAAa,6BAAqC;AAClD,IAAa,6BAAqC;AAClD,IAAa,kBAA0B;AACvC,IAAa,aAAqB;AAClC,IAAa,2BAAmC;AAChD,IAAa,gBAA0B,CAAC,KAAK"}

package/dist/es/Atomic/FormElements/InputMask3/functions.js

@@ -0,0 +1,43 @@
+import "./config.js";
+//#region src/Atomic/FormElements/InputMask3/functions.ts
+function getSelectionText() {
+	let text = "";
+	if (window.getSelection) text = window.getSelection()?.toString() ?? "";
+	else if (document.getSelection() && document.getSelection()?.type !== "Control") text = document.getSelection()?.toString() ?? "";
+	return text?.replace(/\n/g, "");
+}
+function resetSelectionText() {
+	if (window.getSelection) window.getSelection()?.removeAllRanges();
+}
+function copyToClipboard(str) {
+	if (navigator && navigator.clipboard && navigator.clipboard.writeText) return navigator.clipboard.writeText(str);
+	return Promise.reject("The Clipboard API is not available.");
+}
+function selectElementContents(el) {
+	window.getSelection()?.selectAllChildren(el);
+}
+function isLetter(char) {
+	return Boolean(char?.length === 1 && char?.match(/[a-z]/i));
+}
+function isUpperCaseLetter(char) {
+	return isLetter(char) ? char === char.slice().toUpperCase() : false;
+}
+function isLowerCaseLetter(char) {
+	return isLetter(char) ? char === char.slice().toLowerCase() : false;
+}
+function isDigit(char) {
+	return Boolean(Number.isInteger(Number.parseInt(char, 10)));
+}
+function isDigitMaskChar(char) {
+	return char === "D";
+}
+function isLetterMaskChar(char) {
+	return char === "L" || char === "l";
+}
+function voidFn() {
+	console.error("Void Function Called");
+}
+//#endregion
+export { copyToClipboard, getSelectionText, isDigit, isDigitMaskChar, isLetter, isLetterMaskChar, isLowerCaseLetter, isUpperCaseLetter, resetSelectionText, selectElementContents, voidFn };
+
+//# sourceMappingURL=functions.js.map

package/dist/es/Atomic/FormElements/InputMask3/functions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"functions.js","names":[],"sources":["../../../../../src/Atomic/FormElements/InputMask3/functions.ts"],"sourcesContent":["import { DIGIT_MASK_CHAR, LOWERCASE_LETTER_MASK_CHAR, UPPERCASE_LETTER_MASK_CHAR } from './config';\n\nexport function getSelectionText(): string {\n  let text = '';\n  if (window.getSelection) {\n    text = window.getSelection()?.toString() ?? '';\n  }\n  else if (document.getSelection() && document.getSelection()?.type !== 'Control') {\n    text = document.getSelection()?.toString() ?? '';\n  }\n\n  return text?.replace(/\\n/g, '');\n}\nexport function resetSelectionText(): void {\n  if (window.getSelection) {\n    window.getSelection()?.removeAllRanges();\n  }\n}\nexport function copyToClipboard(str: string): Promise<void> {\n  if (navigator && navigator.clipboard && navigator.clipboard.writeText)\n    return navigator.clipboard.writeText(str);\n\n  return Promise.reject('The Clipboard API is not available.');\n}\nexport function selectElementContents(el: Node): void {\n  const sel = window.getSelection();\n  sel?.selectAllChildren(el);\n}\n\nexport function isLetter(char: string): boolean {\n  return Boolean(char?.length === 1 && char?.match(/[a-z]/i));\n}\nexport function isUpperCaseLetter(char: string): boolean {\n  return isLetter(char) ? char === char.slice().toUpperCase() : false;\n}\nexport function isLowerCaseLetter(char: string): boolean {\n  return isLetter(char) ? char === char.slice().toLowerCase() : false;\n}\nexport function isDigit(char: string): boolean {\n  return Boolean(Number.isInteger(Number.parseInt(char, 10)));\n}\n\nexport function isDigitMaskChar(char: string): boolean {\n  return char === DIGIT_MASK_CHAR;\n}\nexport function isLetterMaskChar(char: string): boolean {\n  return (\n    char === UPPERCASE_LETTER_MASK_CHAR || char === LOWERCASE_LETTER_MASK_CHAR\n  );\n}\n\nexport function voidFn(): void {\n  console.error('Void Function Called');\n}\n"],"mappings":";;AAEA,SAAgB,mBAA2B;CACzC,IAAI,OAAO;CACX,IAAI,OAAO,cACT,OAAO,OAAO,aAAa,CAAC,EAAE,SAAS,KAAK;MAEzC,IAAI,SAAS,aAAa,KAAK,SAAS,aAAa,CAAC,EAAE,SAAS,WACpE,OAAO,SAAS,aAAa,CAAC,EAAE,SAAS,KAAK;CAGhD,OAAO,MAAM,QAAQ,OAAO,EAAE;AAChC;AACA,SAAgB,qBAA2B;CACzC,IAAI,OAAO,cACT,OAAO,aAAa,CAAC,EAAE,gBAAgB;AAE3C;AACA,SAAgB,gBAAgB,KAA4B;CAC1D,IAAI,aAAa,UAAU,aAAa,UAAU,UAAU,WAC1D,OAAO,UAAU,UAAU,UAAU,GAAG;CAE1C,OAAO,QAAQ,OAAO,qCAAqC;AAC7D;AACA,SAAgB,sBAAsB,IAAgB;CAEpD,OADmB,aACnB,CAAA,EAAK,kBAAkB,EAAE;AAC3B;AAEA,SAAgB,SAAS,MAAuB;CAC9C,OAAO,QAAQ,MAAM,WAAW,KAAK,MAAM,MAAM,QAAQ,CAAC;AAC5D;AACA,SAAgB,kBAAkB,MAAuB;CACvD,OAAO,SAAS,IAAI,IAAI,SAAS,KAAK,MAAM,CAAC,CAAC,YAAY,IAAI;AAChE;AACA,SAAgB,kBAAkB,MAAuB;CACvD,OAAO,SAAS,IAAI,IAAI,SAAS,KAAK,MAAM,CAAC,CAAC,YAAY,IAAI;AAChE;AACA,SAAgB,QAAQ,MAAuB;CAC7C,OAAO,QAAQ,OAAO,UAAU,OAAO,SAAS,MAAM,EAAE,CAAC,CAAC;AAC5D;AAEA,SAAgB,gBAAgB,MAAuB;CACrD,OAAO,SAAA;AACT;AACA,SAAgB,iBAAiB,MAAuB;CACtD,OACE,SAAA,OAAuC,SAAA;AAE3C;AAEA,SAAgB,SAAe;CAC7B,QAAQ,MAAM,sBAAsB;AACtC"}

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

@@ -0,0 +1,74 @@
+import '../../../styles/base.css';
+import Button from "../../UI/Button/Button.js";
+import Spinner from "../../Layout/Spinner/Spinner.js";
+import Input from "../Input/Input.js";
+import './InputWithAction.styles.css';/* empty css                     */
+import cn from "classnames";
+import React, { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Atomic/FormElements/InputWithAction/InputWithAction.tsx
+var RC = "input-with-action";
+var InputWithAction = (props, ref) => {
+	const { className, inputClassName, isHideAction = false, actionLabel = "Generate", doAction, actionContent, actionProps, isNoChangeAfterAction = false, isWithCopy = true, copyLabel = "Copy", copy, copyIcon, isNoCopyIcon, isCopyIconRight, copyButtonVariant = "dark-outline", disabled, isInputZoneDisabled, isInputDisabled, isLodaing, onChange, value, testId, ...inputProps } = props;
+	const [isLocalLoading, setIsLocalLoading] = useState(false);
+	const handle = {
+		doAction: async () => {
+			setIsLocalLoading(true);
+			const result = await doAction?.(value, actionProps);
+			if (!isNoChangeAfterAction) onChange(result);
+			setIsLocalLoading(false);
+			return result;
+		},
+		copy: () => {
+			if (typeof copy === "function") copy(value);
+		}
+	};
+	useEffect(() => {
+		if (isLocalLoading !== isLodaing) setIsLocalLoading(!!isLodaing);
+	}, [isLodaing]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(RC, className, { [`${RC}_disabled`]: disabled }),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: cn(`${RC}__input-zone`, {
+				[`${RC}__input-zone_disabled`]: isInputZoneDisabled,
+				[`${RC}__input-zone_input-disabled`]: isInputDisabled
+			}),
+			children: [
+				/* @__PURE__ */ jsx(Input, {
+					...inputProps,
+					testId: `${testId}-input`,
+					ref,
+					value,
+					disabled: isInputDisabled,
+					onChange,
+					className: cn(`${RC}__input`, inputClassName)
+				}),
+				!isHideAction && actionContent,
+				!isHideAction && !actionContent && /* @__PURE__ */ jsx("div", {
+					className: cn(`${RC}__action-container`),
+					children: /* @__PURE__ */ jsx("span", {
+						className: cn(`${RC}__action-label`),
+						onClick: () => handle.doAction(),
+						"data-testid": `${testId}-action-label`,
+						children: actionLabel
+					})
+				}),
+				isLocalLoading && /* @__PURE__ */ jsx(Spinner, { size: "small" })
+			]
+		}), isWithCopy && /* @__PURE__ */ jsx(Button, {
+			"data-testid": `${testId}-copy-button`,
+			className: `${RC}__coppy-button`,
+			onClick: () => handle.copy(),
+			icon: copyIcon,
+			noIcon: isNoCopyIcon,
+			isIconRight: isCopyIconRight,
+			variant: copyButtonVariant,
+			children: copyLabel
+		})]
+	});
+};
+var InputWithAction_default = React.forwardRef(InputWithAction);
+//#endregion
+export { InputWithAction_default as default };
+
+//# sourceMappingURL=InputWithAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputWithAction.js","names":[],"sources":["../../../../../src/Atomic/FormElements/InputWithAction/InputWithAction.tsx"],"sourcesContent":["import type {\n  ForwardedRef,\n  ForwardRefRenderFunction,\n  RefObject,\n} from 'react';\nimport type { IInputWithActionProps } from './InputWithAction.interface';\nimport cn from 'classnames';\n\nimport React, {\n  useEffect,\n  useState,\n} from 'react';\nimport Spinner from '../../Layout/Spinner/Spinner';\nimport Button from '../../UI/Button/Button';\n\nimport Input from '../Input/Input';\n\nimport './InputWithAction.scss';\n\nconst RC = 'input-with-action';\n\nconst InputWithAction: ForwardRefRenderFunction<any, IInputWithActionProps> = (\n  props,\n  ref: ForwardedRef<any>,\n) => {\n  const {\n    className,\n    inputClassName,\n\n    isHideAction = false,\n    actionLabel = 'Generate',\n    doAction,\n    actionContent,\n    actionProps,\n    isNoChangeAfterAction = false,\n\n    isWithCopy = true,\n    copyLabel = 'Copy',\n    copy,\n    copyIcon,\n    isNoCopyIcon,\n    isCopyIconRight,\n    copyButtonVariant = 'dark-outline',\n\n    disabled,\n    isInputZoneDisabled,\n    isInputDisabled,\n\n    isLodaing,\n\n    onChange,\n    value,\n\n    testId,\n    ...inputProps\n  } = props;\n\n  const [isLocalLoading, setIsLocalLoading] = useState(false);\n\n  const handle = {\n    doAction: async () => {\n      setIsLocalLoading(true);\n      const result = await doAction?.(value, actionProps);\n      if (!isNoChangeAfterAction) onChange(result);\n      setIsLocalLoading(false);\n      return result;\n    },\n    copy: () => {\n      if (typeof copy === 'function') copy(value);\n    },\n  };\n\n  useEffect(() => {\n    if (isLocalLoading !== isLodaing) setIsLocalLoading(!!isLodaing);\n  }, [isLodaing]);\n\n  return (\n    <div className={cn(RC, className, { [`${RC}_disabled`]: disabled })}>\n      <div\n        className={cn(`${RC}__input-zone`, {\n          [`${RC}__input-zone_disabled`]: isInputZoneDisabled,\n          [`${RC}__input-zone_input-disabled`]: isInputDisabled,\n        })}\n      >\n        <Input\n          {...inputProps}\n          // @ts-ignore\n          testId={`${testId}-input`}\n          ref={ref as RefObject<Omit<HTMLInputElement, 'value'>>}\n          value={value}\n          disabled={isInputDisabled}\n          onChange={onChange}\n          className={cn(`${RC}__input`, inputClassName)}\n        />\n        {!isHideAction && actionContent}\n\n        {!isHideAction && !actionContent && (\n          <div className={cn(`${RC}__action-container`)}>\n            <span\n              className={cn(`${RC}__action-label`)}\n              onClick={() => handle.doAction()}\n              data-testid={`${testId}-action-label`}\n            >\n              {actionLabel}\n            </span>\n          </div>\n        )}\n        {isLocalLoading && <Spinner size=\"small\" />}\n      </div>\n      {isWithCopy && (\n        <Button\n          data-testid={`${testId}-copy-button`}\n          className={`${RC}__coppy-button`}\n          onClick={() => handle.copy()}\n          icon={copyIcon}\n          noIcon={isNoCopyIcon}\n          isIconRight={isCopyIconRight}\n          variant={copyButtonVariant}\n        >\n          {copyLabel}\n        </Button>\n      )}\n    </div>\n  );\n};\n\nexport default React.forwardRef(InputWithAction);\n"],"mappings":";;;;;;;;AAmBA,IAAM,KAAK;AAEX,IAAM,mBACJ,OACA,QACG;CACH,MAAM,EACJ,WACA,gBAEA,eAAe,OACf,cAAc,YACd,UACA,eACA,aACA,wBAAwB,OAExB,aAAa,MACb,YAAY,QACZ,MACA,UACA,cACA,iBACA,oBAAoB,gBAEpB,UACA,qBACA,iBAEA,WAEA,UACA,OAEA,QACA,GAAG,eACD;CAEJ,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,KAAK;CAE1D,MAAM,SAAS;EACb,UAAU,YAAY;GACpB,kBAAkB,IAAI;GACtB,MAAM,SAAS,MAAM,WAAW,OAAO,WAAW;GAClD,IAAI,CAAC,uBAAuB,SAAS,MAAM;GAC3C,kBAAkB,KAAK;GACvB,OAAO;EACT;EACA,YAAY;GACV,IAAI,OAAO,SAAS,YAAY,KAAK,KAAK;EAC5C;CACF;CAEA,gBAAgB;EACd,IAAI,mBAAmB,WAAW,kBAAkB,CAAC,CAAC,SAAS;CACjE,GAAG,CAAC,SAAS,CAAC;CAEd,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,IAAI,WAAW,GAAG,GAAG,GAAG,aAAa,SAAS,CAAC;YAAlE,CACE,qBAAC,OAAD;GACE,WAAW,GAAG,GAAG,GAAG,eAAe;KAChC,GAAG,GAAG,yBAAyB;KAC/B,GAAG,GAAG,+BAA+B;GACxC,CAAC;aAJH;IAME,oBAAC,OAAD;KACE,GAAI;KAEJ,QAAQ,GAAG,OAAO;KACb;KACE;KACP,UAAU;KACA;KACV,WAAW,GAAG,GAAG,GAAG,UAAU,cAAc;IAC7C,CAAA;IACA,CAAC,gBAAgB;IAEjB,CAAC,gBAAgB,CAAC,iBACjB,oBAAC,OAAD;KAAK,WAAW,GAAG,GAAG,GAAG,mBAAmB;eAC1C,oBAAC,QAAD;MACE,WAAW,GAAG,GAAG,GAAG,eAAe;MACnC,eAAe,OAAO,SAAS;MAC/B,eAAa,GAAG,OAAO;gBAEtB;KACG,CAAA;IACH,CAAA;IAEN,kBAAkB,oBAAC,SAAD,EAAS,MAAK,QAAS,CAAA;GACvC;MACJ,cACC,oBAAC,QAAD;GACE,eAAa,GAAG,OAAO;GACvB,WAAW,GAAG,GAAG;GACjB,eAAe,OAAO,KAAK;GAC3B,MAAM;GACN,QAAQ;GACR,aAAa;GACb,SAAS;aAER;EACK,CAAA,CAEP;;AAET;AAEA,IAAA,0BAAe,MAAM,WAAW,eAAe"}

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

@@ -0,0 +1,88 @@
+.input-with-action {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: stretch;
+  box-sizing: border-box;
+  width: 100%;
+}
+.input-with-action__input-zone {
+  position: relative;
+  display: flex;
+  flex-grow: 1;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding: 0 10px;
+  border: 1px solid #e2e5ec;
+  border-radius: 3px;
+}
+.input-with-action__action-container {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  margin-left: 8px;
+  background-color: transparent;
+}
+.input-with-action__action-label {
+  font-family: "Roboto";
+  font-size: 13px;
+  font-weight: 400;
+  font-style: normal;
+  line-height: 20px;
+  cursor: pointer;
+  user-select: none;
+  color: #6b81dd;
+  background-color: transparent;
+}
+.input-with-action__coppy-button {
+  width: 63px;
+  margin-left: 4px;
+  user-select: none;
+}
+.input-with-action_disabled {
+  pointer-events: none;
+  opacity: 0.5;
+}
+.input-with-action_disabled .input-with-action__input-zone {
+  background-color: #f7f8fa;
+}
+.input-with-action_disabled .input__wrap {
+  background-color: #f7f8fa;
+}
+.input-with-action__input-zone_disabled {
+  pointer-events: none;
+  opacity: 0.5;
+  background-color: #f7f8fa;
+}
+.input-with-action__input-zone_disabled .input__wrap {
+  background-color: #f7f8fa;
+}
+.input-with-action__input-zone_input-disabled {
+  background-color: #f7f8fa;
+}
+.input-with-action__input-zone_input-disabled .input-with-action__action-container {
+  background-color: rgba(247, 248, 250, 0.5);
+}
+.input-with-action__input-zone_input-disabled .input__wrap {
+  background-color: #f7f8fa;
+}
+.input-with-action .input__wrap {
+  flex-grow: 1;
+  border: none;
+}
+.input-with-action .input__wrap_focus {
+  filter: none;
+}
+.input-with-action .input {
+  padding-left: 0;
+}
+.input-with-action .lds-ring_small {
+  width: 20px !important;
+  height: 20px !important;
+}
+.input-with-action .lds-ring_small div {
+  border-width: 3px !important;
+}

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

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

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

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

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

@@ -0,0 +1,118 @@
+import '../../../styles/base.css';
+import Button from "../../UI/Button/Button.js";
+import Input from "../Input/Input.js";
+import './InputsRow.styles.css';/* empty css               */
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Trash2 } from "react-feather";
+import { v4 } from "uuid";
+//#region src/Atomic/FormElements/InputsRow/InputsRow.tsx
+var InputsRow = ({ items, title, paramPlaceholder = "", valuePlaceholder = "", descriptionPlaceholder = "", onChange = () => {} }) => {
+	const [rows, setRows] = useState(items || [{
+		param: "",
+		value: "",
+		description: "",
+		rowId: v4()
+	}, {
+		param: "",
+		value: "",
+		description: "",
+		rowId: v4()
+	}]);
+	const updateRows = (newRows) => {
+		setRows(newRows);
+		onChange(newRows);
+	};
+	const handle = {
+		addRow: () => {
+			const newRows = [...rows, {
+				param: "",
+				value: "",
+				description: "",
+				rowId: v4()
+			}];
+			updateRows(newRows);
+		},
+		change: (valueOrEvent, id, prop) => {
+			const value = typeof valueOrEvent === "object" && "target" in valueOrEvent ? valueOrEvent.target.value : valueOrEvent;
+			const newRows = rows.map((row) => row.rowId === id ? {
+				...row,
+				[prop]: value
+			} : row);
+			updateRows(newRows);
+		},
+		delete: (id) => {
+			const newRows = rows.filter((row) => row.rowId !== id);
+			updateRows(newRows);
+		}
+	};
+	useEffect(() => {
+		if (items) setRows(items);
+	}, [items]);
+	return /* @__PURE__ */ jsxs("div", { children: [
+		title && /* @__PURE__ */ jsx("div", {
+			className: "mb5",
+			children: title
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "df",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "inputs-row--param-label",
+					children: "Parameter name(key)"
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "inputs-row--value-label",
+					children: "Value"
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "inputs-row--description-label",
+					children: "Description"
+				})
+			]
+		}),
+		rows.map((item) => /* @__PURE__ */ jsxs("div", {
+			className: "j4 mb5",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "inputs-row--input mr10",
+					children: /* @__PURE__ */ jsx(Input, {
+						onChange: (e) => handle.change(e, item.rowId, "param"),
+						value: item.param,
+						placeholder: paramPlaceholder
+					})
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "inputs-row--input mr10",
+					children: /* @__PURE__ */ jsx(Input, {
+						onChange: (e) => handle.change(e, item.rowId, "value"),
+						value: item.value,
+						placeholder: valuePlaceholder
+					})
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "inputs-row--input mr10",
+					children: /* @__PURE__ */ jsx(Input, {
+						onChange: (e) => handle.change(e, item.rowId, "description"),
+						value: item.description,
+						placeholder: descriptionPlaceholder
+					})
+				}),
+				rows.length > 1 && /* @__PURE__ */ jsx("div", {
+					onClick: () => handle.delete(item.rowId),
+					className: "inputs-row--trash",
+					children: /* @__PURE__ */ jsx(Trash2, { "data-testid": "trash-icon" })
+				})
+			]
+		}, item.rowId)),
+		rows.length < 10 && /* @__PURE__ */ jsx(Button, {
+			onClick: handle.addRow,
+			label: "Add row",
+			className: "inputs-row--add-btn"
+		})
+	] });
+};
+//#endregion
+export { InputsRow as default };
+
+//# sourceMappingURL=InputsRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputsRow.js","names":[],"sources":["../../../../../src/Atomic/FormElements/InputsRow/InputsRow.tsx"],"sourcesContent":["import type { IInputRow, IInputsRowProps } from './InputsRow.interface';\nimport React, { useEffect, useState } from 'react';\nimport { Trash2 } from 'react-feather';\n\nimport { v4 as uuid } from 'uuid';\nimport Button from '../../UI/Button/Button';\n\nimport Input from '../Input/Input';\n\nimport './InputsRow.scss';\n\nconst InputsRow: React.FC<IInputsRowProps> = ({\n  items,\n  title,\n  paramPlaceholder = '',\n  valuePlaceholder = '',\n  descriptionPlaceholder = '',\n  onChange = () => {},\n}) => {\n  const initialRows: IInputRow[] = items || [\n    { param: '', value: '', description: '', rowId: uuid() },\n    { param: '', value: '', description: '', rowId: uuid() },\n  ];\n\n  const [rows, setRows] = useState<IInputRow[]>(initialRows);\n\n  const updateRows = (newRows: IInputRow[]): void => {\n    setRows(newRows);\n    onChange(newRows);\n  };\n\n  const handle = {\n    addRow: () => {\n      const newRows = [\n        ...rows,\n        { param: '', value: '', description: '', rowId: uuid() },\n      ];\n      updateRows(newRows);\n    },\n\n    change: (\n      valueOrEvent: React.ChangeEvent<HTMLInputElement> | string,\n      id: string,\n      prop: keyof Omit<IInputRow, 'rowId'>,\n    ) => {\n      const value\n        = typeof valueOrEvent === 'object' && 'target' in valueOrEvent\n          ? valueOrEvent.target.value\n          : valueOrEvent;\n\n      const newRows = rows.map(row =>\n        row.rowId === id ? { ...row, [prop]: value } : row,\n      );\n\n      updateRows(newRows);\n    },\n\n    delete: (id: string) => {\n      const newRows = rows.filter(row => row.rowId !== id);\n      updateRows(newRows);\n    },\n  };\n\n  useEffect(() => {\n    if (items) {\n      setRows(items);\n    }\n  }, [items]);\n\n  return (\n    <div>\n      {title && <div className=\"mb5\">{title}</div>}\n\n      <div className=\"df\">\n        <div className=\"inputs-row--param-label\">Parameter name(key)</div>\n        <div className=\"inputs-row--value-label\">Value</div>\n        <div className=\"inputs-row--description-label\">Description</div>\n      </div>\n\n      {rows.map(item => (\n        <div className=\"j4 mb5\" key={item.rowId}>\n          <div className=\"inputs-row--input mr10\">\n            <Input\n            // @ts-ignore\n              onChange={e => handle.change(e, item.rowId, 'param')}\n              value={item.param}\n              placeholder={paramPlaceholder}\n            />\n          </div>\n\n          <div className=\"inputs-row--input mr10\">\n            <Input\n            // @ts-ignore\n              onChange={e => handle.change(e, item.rowId, 'value')}\n              value={item.value}\n              placeholder={valuePlaceholder}\n            />\n          </div>\n\n          <div className=\"inputs-row--input mr10\">\n            <Input\n            // @ts-ignore\n              onChange={e => handle.change(e, item.rowId, 'description')}\n              value={item.description}\n              placeholder={descriptionPlaceholder}\n            />\n          </div>\n\n          {rows.length > 1 && (\n            <div\n              onClick={() => handle.delete(item.rowId)}\n              className=\"inputs-row--trash\"\n            >\n              <Trash2 data-testid=\"trash-icon\" />\n            </div>\n          )}\n        </div>\n      ))}\n\n      {rows.length < 10 && (\n        <Button\n          onClick={handle.addRow}\n          label=\"Add row\"\n          className=\"inputs-row--add-btn\"\n        />\n      )}\n    </div>\n  );\n};\n\nexport default InputsRow;\n"],"mappings":";;;;;;;;AAWA,IAAM,aAAwC,EAC5C,OACA,OACA,mBAAmB,IACnB,mBAAmB,IACnB,yBAAyB,IACzB,iBAAiB,CAAC,QACd;CAMJ,MAAM,CAAC,MAAM,WAAW,SALS,SAAS,CACxC;EAAE,OAAO;EAAI,OAAO;EAAI,aAAa;EAAI,OAAO,GAAK;CAAE,GACvD;EAAE,OAAO;EAAI,OAAO;EAAI,aAAa;EAAI,OAAO,GAAK;CAAE,CACzD,CAEyD;CAEzD,MAAM,cAAc,YAA+B;EACjD,QAAQ,OAAO;EACf,SAAS,OAAO;CAClB;CAEA,MAAM,SAAS;EACb,cAAc;GACZ,MAAM,UAAU,CACd,GAAG,MACH;IAAE,OAAO;IAAI,OAAO;IAAI,aAAa;IAAI,OAAO,GAAK;GAAE,CACzD;GACA,WAAW,OAAO;EACpB;EAEA,SACE,cACA,IACA,SACG;GACH,MAAM,QACF,OAAO,iBAAiB,YAAY,YAAY,eAC9C,aAAa,OAAO,QACpB;GAEN,MAAM,UAAU,KAAK,KAAI,QACvB,IAAI,UAAU,KAAK;IAAE,GAAG;KAAM,OAAO;GAAM,IAAI,GACjD;GAEA,WAAW,OAAO;EACpB;EAEA,SAAS,OAAe;GACtB,MAAM,UAAU,KAAK,QAAO,QAAO,IAAI,UAAU,EAAE;GACnD,WAAW,OAAO;EACpB;CACF;CAEA,gBAAgB;EACd,IAAI,OACF,QAAQ,KAAK;CAEjB,GAAG,CAAC,KAAK,CAAC;CAEV,OACE,qBAAC,OAAD,EAAA,UAAA;EACG,SAAS,oBAAC,OAAD;GAAK,WAAU;aAAO;EAAW,CAAA;EAE3C,qBAAC,OAAD;GAAK,WAAU;aAAf;IACE,oBAAC,OAAD;KAAK,WAAU;eAA0B;IAAwB,CAAA;IACjE,oBAAC,OAAD;KAAK,WAAU;eAA0B;IAAU,CAAA;IACnD,oBAAC,OAAD;KAAK,WAAU;eAAgC;IAAgB,CAAA;GAC5D;;EAEJ,KAAK,KAAI,SACR,qBAAC,OAAD;GAAK,WAAU;aAAf;IACE,oBAAC,OAAD;KAAK,WAAU;eACb,oBAAC,OAAD;MAEE,WAAU,MAAK,OAAO,OAAO,GAAG,KAAK,OAAO,OAAO;MACnD,OAAO,KAAK;MACZ,aAAa;KACd,CAAA;IACE,CAAA;IAEL,oBAAC,OAAD;KAAK,WAAU;eACb,oBAAC,OAAD;MAEE,WAAU,MAAK,OAAO,OAAO,GAAG,KAAK,OAAO,OAAO;MACnD,OAAO,KAAK;MACZ,aAAa;KACd,CAAA;IACE,CAAA;IAEL,oBAAC,OAAD;KAAK,WAAU;eACb,oBAAC,OAAD;MAEE,WAAU,MAAK,OAAO,OAAO,GAAG,KAAK,OAAO,aAAa;MACzD,OAAO,KAAK;MACZ,aAAa;KACd,CAAA;IACE,CAAA;IAEJ,KAAK,SAAS,KACb,oBAAC,OAAD;KACE,eAAe,OAAO,OAAO,KAAK,KAAK;KACvC,WAAU;eAEV,oBAAC,QAAD,EAAQ,eAAY,aAAc,CAAA;IAC/B,CAAA;GAEJ;KApCwB,KAAK,KAoC7B,CACN;EAEA,KAAK,SAAS,MACb,oBAAC,QAAD;GACE,SAAS,OAAO;GAChB,OAAM;GACN,WAAU;EACX,CAAA;CAEA,EAAA,CAAA;AAET"}

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

@@ -0,0 +1,32 @@
+.inputs-row--input {
+  width: 200px;
+}
+.inputs-row--input .input-classic__wrap {
+  width: 200px;
+}
+.inputs-row--trash {
+  display: flex;
+  align-items: center;
+  width: 17px;
+  cursor: pointer;
+  border-radius: 5px;
+  background: #fff;
+}
+.inputs-row--trash svg {
+  color: #f06d8d;
+}
+.inputs-row--param-label {
+  width: 215px;
+}
+.inputs-row--value-label {
+  width: 210px;
+}
+.inputs-row--param-label, .inputs-row--value-label, .inputs-row--description-label {
+  margin-bottom: 3px;
+  font-size: 10px;
+  text-transform: uppercase;
+  color: #9aa0b9;
+}
+.inputs-row--add-btn:hover {
+  filter: brightness(1.1);
+}

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

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

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

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

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

@@ -0,0 +1,73 @@
+import '../../../styles/base.css';
+import Hint from "../../UI/Hint/Hint.js";
+import './Label.styles.css';/* empty css           */
+import cn from "classnames";
+import "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/Atomic/FormElements/Label/Label.tsx
+var CN = "label";
+var Label = ({ className = "", label = "", note, hint, isRequired, isLabelBolt, onClickHintCallback, error = null, isAccessability = false, isAccessabilityHint = false, testId = CN }) => {
+	const correctLabel = isRequired ? /* @__PURE__ */ jsxs(Fragment, { children: [
+		label,
+		" ",
+		/* @__PURE__ */ jsx("span", {
+			className: "label_asterisk",
+			children: "*"
+		}),
+		" ",
+		note && /* @__PURE__ */ jsx("span", {
+			className: "label_note",
+			children: note
+		}),
+		hint && /* @__PURE__ */ jsx(Hint, {
+			id: `hint-${label}`,
+			children: null,
+			isLoading: false,
+			isAccessability: isAccessabilityHint,
+			hint: hint.text,
+			icon: hint.icon,
+			variant: hint.variant,
+			side: hint.hintSide,
+			className: "label-hint",
+			onClickCallback: onClickHintCallback
+		}, `hint-${label}`)
+	] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+		label,
+		" ",
+		note && /* @__PURE__ */ jsx("span", {
+			className: "label_note",
+			children: note
+		}),
+		hint && /* @__PURE__ */ jsx(Hint, {
+			isAccessability: isAccessabilityHint,
+			hint: hint.text,
+			icon: hint.icon,
+			variant: hint.variant,
+			side: hint.hintSide,
+			className: "label-hint",
+			onClickCallback: onClickHintCallback,
+			id: void 0,
+			children: void 0,
+			isLoading: void 0
+		}, void 0)
+	] });
+	return /* @__PURE__ */ jsx("span", {
+		tabIndex: isAccessability ? 0 : -1,
+		"aria-label": label,
+		className: cn(CN, {
+			label_bold: isLabelBolt,
+			error,
+			isRequired
+		}, className),
+		"data-testid": testId,
+		children: /* @__PURE__ */ jsx("span", {
+			className: "label_text",
+			"data-testid": "label-text",
+			children: correctLabel
+		})
+	});
+};
+//#endregion
+export { Label as default };
+
+//# sourceMappingURL=Label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","names":[],"sources":["../../../../../src/Atomic/FormElements/Label/Label.tsx"],"sourcesContent":["import type { ILabelProps } from './Label.interface';\nimport cn from 'classnames';\n\nimport React from 'react';\n\nimport Hint from '../../UI/Hint/Hint';\n\nimport './Label.scss';\n\nconst CN = 'label';\n\nconst Label: React.FC<ILabelProps> = ({\n  className = '',\n  label = '',\n  note,\n  hint,\n  isRequired,\n  isLabelBolt,\n  onClickHintCallback,\n  error = null,\n  isAccessability = false,\n  isAccessabilityHint = false,\n  testId = CN,\n}) => {\n  const correctLabel = isRequired\n    ? (\n        <>\n          {label}\n          {' '}\n          <span className=\"label_asterisk\">*</span>\n          {' '}\n          {note && <span className=\"label_note\">{note}</span>}\n          {hint && (\n            <Hint\n              key={`hint-${label}`}\n              id={`hint-${label}`}\n              children={null}\n              isLoading={false}\n              isAccessability={isAccessabilityHint}\n              hint={hint.text}\n              icon={hint.icon}\n              variant={hint.variant}\n              side={hint.hintSide}\n              className=\"label-hint\"\n              onClickCallback={onClickHintCallback}\n            />\n          )}\n        </>\n      )\n    : (\n        <>\n          {label}\n          {' '}\n          {note && <span className=\"label_note\">{note}</span>}\n          {hint && (\n            <Hint\n              isAccessability={isAccessabilityHint}\n              hint={hint.text}\n              icon={hint.icon}\n              variant={hint.variant}\n              side={hint.hintSide}\n              className=\"label-hint\"\n              onClickCallback={onClickHintCallback}\n              key={undefined}\n              id={undefined}\n              children={undefined}\n              isLoading={undefined}\n            />\n          )}\n        </>\n      );\n\n  return (\n    <span\n      tabIndex={isAccessability ? 0 : -1}\n      aria-label={label}\n      className={cn(CN, { label_bold: isLabelBolt, error, isRequired }, className)}\n      data-testid={testId}\n    >\n      <span className=\"label_text\" data-testid=\"label-text\">\n        {correctLabel}\n      </span>\n    </span>\n  );\n};\n\nexport default Label;\n"],"mappings":";;;;;;AASA,IAAM,KAAK;AAEX,IAAM,SAAgC,EACpC,YAAY,IACZ,QAAQ,IACR,MACA,MACA,YACA,aACA,qBACA,QAAQ,MACR,kBAAkB,OAClB,sBAAsB,OACtB,SAAS,SACL;CACJ,MAAM,eAAe,aAEf,qBAAA,UAAA,EAAA,UAAA;EACG;EACA;EACD,oBAAC,QAAD;GAAM,WAAU;aAAiB;EAAO,CAAA;EACvC;EACA,QAAQ,oBAAC,QAAD;GAAM,WAAU;aAAc;EAAW,CAAA;EACjD,QACC,oBAAC,MAAD;GAEE,IAAI,QAAQ;GACZ,UAAU;GACV,WAAW;GACX,iBAAiB;GACjB,MAAM,KAAK;GACX,MAAM,KAAK;GACX,SAAS,KAAK;GACd,MAAM,KAAK;GACX,WAAU;GACV,iBAAiB;EAClB,GAXM,QAAQ,OAWd;CAEH,EAAA,CAAA,IAGF,qBAAA,UAAA,EAAA,UAAA;EACG;EACA;EACA,QAAQ,oBAAC,QAAD;GAAM,WAAU;aAAc;EAAW,CAAA;EACjD,QACC,oBAAC,MAAD;GACE,iBAAiB;GACjB,MAAM,KAAK;GACX,MAAM,KAAK;GACX,SAAS,KAAK;GACd,MAAM,KAAK;GACX,WAAU;GACV,iBAAiB;GAEjB,IAAI,KAAA;GACJ,UAAU,KAAA;GACV,WAAW,KAAA;EACZ,GAJM,KAAA,CAIN;CAEH,EAAA,CAAA;CAGR,OACE,oBAAC,QAAD;EACE,UAAU,kBAAkB,IAAI;EAChC,cAAY;EACZ,WAAW,GAAG,IAAI;GAAE,YAAY;GAAa;GAAO;EAAW,GAAG,SAAS;EAC3E,eAAa;YAEb,oBAAC,QAAD;GAAM,WAAU;GAAa,eAAY;aACtC;EACG,CAAA;CACF,CAAA;AAEV"}