indicator-ui 0.0.104 → 0.0.105

package/dist/index.js

@@ -3166,22 +3166,6 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./src/ui/InputFields/InputField/styles/InputField.module.scss":
-/*!*********************************************************************!*\
-  !*** ./src/ui/InputFields/InputField/styles/InputField.module.scss ***!
-  \*********************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-// extracted by mini-css-extract-plugin
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"flexField":"InputField-module__flexField___aNE6o","inputField":"InputField-module__inputField___mzakH","placeholder":"InputField-module__placeholder___ybb3Y","icon":"InputField-module__icon___xR6jG","textSupport":"InputField-module__textSupport___njpRn","userPic":"InputField-module__userPic___OQ_q0","help":"InputField-module__help___uSjvq","dropdown":"InputField-module__dropdown___QQuFp","dropdownReverse":"InputField-module__dropdownReverse___Nfb9Z","button":"InputField-module__button___jm0td","red":"InputField-module__red___euINw","gray":"InputField-module__gray___GGFcb","pointer":"InputField-module__pointer___Ij_hP","focus":"InputField-module__focus___xpWhB","isError":"InputField-module__isError___x2fXo","disabled":"InputField-module__disabled___hH7HA","inputFieldWrapper":"InputField-module__inputFieldWrapper___ao9Rs","labelText":"InputField-module__labelText___Fxxc3","required":"InputField-module__required___p4MLk","hintText":"InputField-module__hintText___LC2Oq","hintError":"InputField-module__hintError___LrJWr","helperLink":"InputField-module__helperLink___A_6Ua","selectField":"InputField-module__selectField___ED0Q3","modalWindow":"InputField-module__modalWindow___JplNC","selectModalWindow":"InputField-module__selectModalWindow___Dg52i","show-animation":"InputField-module__show-animation___z7gvz","selectFieldOptionsItem":"InputField-module__selectFieldOptionsItem___HBdJA","label":"InputField-module__label___Wlb6C","active":"InputField-module__active___RcF6w","switcherField":"InputField-module__switcherField___Qezr0","radioFieldItem":"InputField-module__radioFieldItem___c6OMz","checkbox":"InputField-module__checkbox___KcnRp","textareaField":"InputField-module__textareaField___iuYg7","offFocus":"InputField-module__offFocus___FeRXp"});
-
-/***/ }),
-
 /***/ "./src/ui/InputFields/RadioField/styles/RadioField.module.scss":
 /*!*********************************************************************!*\
   !*** ./src/ui/InputFields/RadioField/styles/RadioField.module.scss ***!
@@ -8913,7 +8897,9 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-const FlexField = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ value, type, onChange, onFocus, onBlur, onClick, mask = /.*/, required = false, disabled = false, isError = false, placeholder, notInput = false, icon, help, dropdown, userPic, textSupport, dropdownState = false, offFocus = false, button, unmask, blocks, pattern, onDropdownClick, buttonState = 'gray', onButtonClick, className = _styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle, }, ref) => {
+const FlexField = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ value, type, onChange, onFocus, onBlur, onClick, mask = /.*/, required = false, disabled = false, isError = false, placeholder, notInput = false, icon, help, dropdown, userPic, textSupport, dropdownState = false, offFocus = false, button, unmask, blocks, pattern, onDropdownClick, buttonState = 'gray', onButtonClick,
+// className = FlexFieldStyle,
+ }, ref) => {
     const [isFocus, setIsFocus] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
     const handleChange = (newValue) => {
         onChange && onChange(newValue);
@@ -8928,22 +8914,22 @@ const FlexField = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ value, ty
     };
     const getInput = () => {
         if (notInput) {
-            return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(className?.inputField, { [className?.placeholder]: !value && placeholder }), children: value || placeholder }));
+            return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(_styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.inputField, { [_styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.placeholder]: !value && placeholder }), children: value || placeholder }));
         }
         let validValue = typeof value === 'string' ? value : '';
-        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_imask__WEBPACK_IMPORTED_MODULE_2__.IMaskInput, { value: validValue, type: type, mask: mask, required: required, disabled: disabled, placeholder: placeholder, onAccept: handleChange, onFocus: handleFocus, onBlur: handleBlur, unmask: unmask, blocks: blocks, pattern: pattern, className: className?.inputField });
+        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_imask__WEBPACK_IMPORTED_MODULE_2__.IMaskInput, { value: validValue, type: type, mask: mask, required: required, disabled: disabled, placeholder: placeholder, onAccept: handleChange, onFocus: handleFocus, onBlur: handleBlur, unmask: unmask, blocks: blocks, pattern: pattern, className: _styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.inputField });
     };
     const getIcon = () => {
-        return icon ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: className?.icon, children: icon }) : undefined;
+        return icon ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.icon, children: icon }) : undefined;
     };
     const getTextSupport = () => {
         if (!textSupport)
             return undefined;
         if (typeof textSupport === "boolean") {
-            return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: className?.textSupport, children: "+7" });
+            return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.textSupport, children: "+7" });
         }
         else if (typeof textSupport === "string") {
-            return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: className?.textSupport, children: textSupport });
+            return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.textSupport, children: textSupport });
         }
         else {
             return textSupport;
@@ -8951,7 +8937,7 @@ const FlexField = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ value, ty
     };
     const getUserPic = () => {
         if (typeof userPic === "string") {
-            return userPic && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img", { src: userPic, className: className?.userPic });
+            return userPic && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img", { src: userPic, className: _styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.userPic });
         }
         return userPic;
     };
@@ -8959,7 +8945,7 @@ const FlexField = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ value, ty
         if (!help)
             return undefined;
         if (typeof help === "boolean") {
-            return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", { className: className?.help, children: isError ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_4__.AlertCircleSVG, {}) : (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_4__.HelpCircleSVG, {}) });
+            return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", { className: _styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.help, children: isError ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_4__.AlertCircleSVG, {}) : (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_4__.HelpCircleSVG, {}) });
         }
         else {
             return help;
@@ -8969,7 +8955,7 @@ const FlexField = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ value, ty
         if (!dropdown)
             return undefined;
         const dropdownIcon = typeof dropdown === "boolean" ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_4__.ChevronDownSVG, {}) : dropdown;
-        let dropdownClassName = typeof dropdownState === 'string' ? dropdownState : (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(className?.dropdown, { [className?.dropdownReverse]: dropdownState });
+        let dropdownClassName = typeof dropdownState === 'string' ? dropdownState : (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(_styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.dropdown, { [_styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.dropdownReverse]: dropdownState });
         if (onDropdownClick !== undefined) {
             return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", { onClick: onDropdownClick, className: dropdownClassName, children: dropdownIcon });
         }
@@ -8981,9 +8967,9 @@ const FlexField = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ value, ty
         const buttonIcon = typeof button === "boolean" ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_4__.XCloseSVG, {}) : button;
         let buttonClassName;
         if (['red', 'gray'].includes(buttonState)) {
-            buttonClassName = (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(className?.button, {
-                [className?.gray]: buttonState === 'gray',
-                [className?.red]: buttonState === 'red'
+            buttonClassName = (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(_styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.button, {
+                [_styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.gray]: buttonState === 'gray',
+                [_styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.red]: buttonState === 'red'
             });
         }
         else if (typeof buttonState === "string") {
@@ -8994,11 +8980,11 @@ const FlexField = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ value, ty
         }
         return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { onClick: onButtonClick, className: buttonClassName, children: buttonIcon });
     };
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { ref: ref, onClick: onClick, className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(className?.flexField, {
-            [className?.isError]: isError,
-            [className?.disabled]: disabled,
-            [className?.focus]: isFocus && !offFocus,
-            [className?.pointer]: !!onClick,
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { ref: ref, onClick: onClick, className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(_styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.flexField, {
+            [_styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.isError]: isError,
+            [_styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.disabled]: disabled,
+            [_styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.focus]: isFocus && !offFocus,
+            [_styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.pointer]: !!onClick,
         }), children: [getIcon(), getTextSupport(), getUserPic(), getInput(), getHelp(), getDropdown(), getButton()] }));
 });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FlexField);
@@ -9086,18 +9072,20 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-function InputFieldWrapper({ children, labelText, hintText, isErrorHintText, helperLink, isError, viewRequired, className = _styles__WEBPACK_IMPORTED_MODULE_2__.InputFieldWrapperStyle, }) {
+function InputFieldWrapper({ children, labelText, hintText, isErrorHintText, helperLink, isError, viewRequired,
+// className = InputFieldWrapperStyle,
+ }) {
     const getLabelContent = () => {
         if (labelText) {
-            return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("label", { className: className?.labelText, children: [labelText, viewRequired && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: className?.required, children: "*" })] }));
+            return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("label", { className: _styles__WEBPACK_IMPORTED_MODULE_2__.InputFieldWrapperStyle.labelText, children: [labelText, viewRequired && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_2__.InputFieldWrapperStyle.required, children: "*" })] }));
         }
         return undefined;
     };
     const getHintContent = () => {
         if (isError && isErrorHintText)
-            return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: className?.hintError, children: isErrorHintText });
+            return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_2__.InputFieldWrapperStyle.hintError, children: isErrorHintText });
         if (hintText)
-            return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: className?.hintText, children: hintText });
+            return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_2__.InputFieldWrapperStyle.hintText, children: hintText });
         return undefined;
     };
     const getHelperLinkContent = () => {
@@ -9105,19 +9093,19 @@ function InputFieldWrapper({ children, labelText, hintText, isErrorHintText, hel
             if ('element' in helperLink)
                 return helperLink.element;
             if ('href' in helperLink) {
-                return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("a", { href: helperLink.href, className: className?.helperLink, children: helperLink.text });
+                return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("a", { href: helperLink.href, className: _styles__WEBPACK_IMPORTED_MODULE_2__.InputFieldWrapperStyle.helperLink, children: helperLink.text });
             }
             if ('onClick' in helperLink) {
-                return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { onClick: helperLink.onClick, className: className?.helperLink, children: helperLink.text });
+                return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { onClick: helperLink.onClick, className: _styles__WEBPACK_IMPORTED_MODULE_2__.InputFieldWrapperStyle.helperLink, children: helperLink.text });
             }
             else {
-                return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: className?.helperLink, children: helperLink.text });
+                return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_2__.InputFieldWrapperStyle.helperLink, children: helperLink.text });
             }
         }
         return undefined;
     };
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(className?.inputFieldWrapper, {
-            [className?.isError]: isError,
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.InputFieldWrapperStyle.inputFieldWrapper, {
+            [_styles__WEBPACK_IMPORTED_MODULE_2__.InputFieldWrapperStyle.isError]: isError,
         }), children: [getLabelContent(), children, getHintContent(), getHelperLinkContent()] }));
 }
 
@@ -9141,23 +9129,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-/***/ }),
-
-/***/ "./src/ui/InputFields/InputField/styles/index.ts":
-/*!*******************************************************!*\
-  !*** ./src/ui/InputFields/InputField/styles/index.ts ***!
-  \*******************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   InputFieldStyle: () => (/* reexport safe */ _InputField_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"])
-/* harmony export */ });
-/* harmony import */ var _InputField_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./InputField.module.scss */ "./src/ui/InputFields/InputField/styles/InputField.module.scss");
-
-
-
 /***/ }),
 
 /***/ "./src/ui/InputFields/InputField/types/InputFieldTypes.ts":
@@ -9200,29 +9171,29 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
 /* harmony import */ var _InputFields__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../InputFields */ "./src/ui/InputFields/index.ts");
-/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../styles */ "./src/ui/InputFields/InputField/styles/index.ts");
 
 
-
-function InputField({ type, offWrapper, className = _styles__WEBPACK_IMPORTED_MODULE_2__.InputFieldStyle, ...props }) {
+function InputField({ type, offWrapper, 
+// className = InputFieldStyle,
+...props }) {
     const getField = () => {
         switch (type) {
             case 'select':
-                return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_InputFields__WEBPACK_IMPORTED_MODULE_1__.SelectField, { ...props, className: className });
+                return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_InputFields__WEBPACK_IMPORTED_MODULE_1__.SelectField, { ...props });
             case 'radio':
-                return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_InputFields__WEBPACK_IMPORTED_MODULE_1__.RadioField, { ...props, className: className });
+                return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_InputFields__WEBPACK_IMPORTED_MODULE_1__.RadioField, { ...props });
             case 'switcher':
-                return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_InputFields__WEBPACK_IMPORTED_MODULE_1__.SwitcherField, { ...props, className: className });
+                return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_InputFields__WEBPACK_IMPORTED_MODULE_1__.SwitcherField, { ...props });
             case 'textarea':
-                return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_InputFields__WEBPACK_IMPORTED_MODULE_1__.TextareaField, { ...props, className: className });
+                return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_InputFields__WEBPACK_IMPORTED_MODULE_1__.TextareaField, { ...props });
             default:
-                return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_InputFields__WEBPACK_IMPORTED_MODULE_1__.FlexField, { ...props, type: type, className: className });
+                return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_InputFields__WEBPACK_IMPORTED_MODULE_1__.FlexField, { ...props, type: type });
         }
     };
     if (offWrapper) {
         return getField();
     }
-    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_InputFields__WEBPACK_IMPORTED_MODULE_1__.InputFieldWrapper, { ...props, viewRequired: props.viewRequired !== undefined ? props.viewRequired : props.required, className: className, children: getField() });
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_InputFields__WEBPACK_IMPORTED_MODULE_1__.InputFieldWrapper, { ...props, viewRequired: props.viewRequired !== undefined ? props.viewRequired : props.required, children: getField() }));
 }
 
 
@@ -9320,14 +9291,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../styles */ "./src/ui/InputFields/RadioField/styles/index.ts");
-/* harmony import */ var _RadioFieldItem__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./RadioFieldItem */ "./src/ui/InputFields/RadioField/ui/RadioFieldItem.tsx");
+/* harmony import */ var _RadioFieldItem__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./RadioFieldItem */ "./src/ui/InputFields/RadioField/ui/RadioFieldItem.tsx");
 'use client';
 
 
 
-
-function RadioField({ value, onChange, options = [], required = false, multiple = true, disabled = false, className = _styles__WEBPACK_IMPORTED_MODULE_2__.RadioFieldStyle, }) {
+function RadioField({ value, onChange, options = [], required = false, multiple = true, disabled = false,
+// className = RadioFieldStyle,
+ }) {
     (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
         if (required && options[0] && (value === undefined || Array.isArray(value) && value.length === 0)) {
             onChange && onChange(options[0].value);
@@ -9379,7 +9350,7 @@ function RadioField({ value, onChange, options = [], required = false, multiple
             return JSON.stringify(value) === JSON.stringify(option.value);
         }
     };
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: options.map((item, idx) => (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_RadioFieldItem__WEBPACK_IMPORTED_MODULE_3__["default"], { option: item, onClick: () => handleChange(item), active: isActive(item), disabled: disabled, className: className }, idx)) }));
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: options.map((item, idx) => (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_RadioFieldItem__WEBPACK_IMPORTED_MODULE_2__["default"], { option: item, onClick: () => handleChange(item), active: isActive(item), disabled: disabled }, idx)) }));
 }
 
 
@@ -9400,16 +9371,20 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../styles */ "./src/ui/InputFields/RadioField/styles/index.ts");
 
 
 
-function RadioFieldItem({ option, onClick, active = false, disabled = false, className, }) {
+
+function RadioFieldItem({ option, onClick, active = false, disabled = false,
+// className,
+ }) {
     if (option.component) {
         return react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(option.component, { onClick: onClick, active: active, disabled: disabled });
     }
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("button", { onClick: onClick, disabled: disabled, className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(className?.radioFieldItem, {
-            [className?.active]: active,
-        }), children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: className?.checkbox }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: className?.label, children: option.label })] }));
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("button", { onClick: onClick, disabled: disabled, className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.RadioFieldStyle.radioFieldItem, {
+            [_styles__WEBPACK_IMPORTED_MODULE_3__.RadioFieldStyle.active]: active,
+        }), children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_3__.RadioFieldStyle.checkbox }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_3__.RadioFieldStyle.label, children: option.label })] }));
 }
 
 
@@ -9603,11 +9578,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _FlexField__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../FlexField */ "./src/ui/InputFields/FlexField/index.ts");
-/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../lib */ "./src/ui/InputFields/SelectField/lib/index.ts");
-/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../styles */ "./src/ui/InputFields/SelectField/styles/index.ts");
-/* harmony import */ var _SelectModalWindow__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./SelectModalWindow */ "./src/ui/InputFields/SelectField/ui/SelectModalWindow.tsx");
-/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
+/* harmony import */ var _FlexField__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../FlexField */ "./src/ui/InputFields/FlexField/index.ts");
+/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../lib */ "./src/ui/InputFields/SelectField/lib/index.ts");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../styles */ "./src/ui/InputFields/SelectField/styles/index.ts");
+/* harmony import */ var _SelectModalWindow__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./SelectModalWindow */ "./src/ui/InputFields/SelectField/ui/SelectModalWindow.tsx");
 /* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../config */ "./src/ui/InputFields/SelectField/config/index.ts");
 
 
@@ -9671,7 +9646,7 @@ function SelectField({ value, onChange, options = [], placeholder, isError, sear
     };
     const getViewField = () => {
         if (searching !== undefined) {
-            return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_FlexField__WEBPACK_IMPORTED_MODULE_2__.FlexField, { value: isFocus ? searchingString : (0,_lib__WEBPACK_IMPORTED_MODULE_3__.getStringValue)(value, optionsCacheRef.current), onChange: (searchString) => {
+            return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_FlexField__WEBPACK_IMPORTED_MODULE_3__.FlexField, { value: isFocus ? searchingString : (0,_lib__WEBPACK_IMPORTED_MODULE_4__.getStringValue)(value, optionsCacheRef.current), onChange: (searchString) => {
                     if (isFocus) {
                         setSearchingString(searchString);
                         if (searchingTimeoutRef.current != null) {
@@ -9690,7 +9665,7 @@ function SelectField({ value, onChange, options = [], placeholder, isError, sear
                     // onBlur && onBlur()
                 }, onDropdownClick: () => setIsShowModalWindow(prevState => !prevState), isError: isError, placeholder: placeholder, dropdown: true, dropdownState: isShowModalWindow, ref: inputRef, ...props });
         }
-        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_FlexField__WEBPACK_IMPORTED_MODULE_2__.FlexField, { value: (0,_lib__WEBPACK_IMPORTED_MODULE_3__.getStringValue)(value, optionsCacheRef.current), isError: isError, disabled: disabled, placeholder: placeholder, notInput: true, onClick: () => setIsShowModalWindow(prevState => !prevState), dropdown: true, dropdownState: isShowModalWindow, ref: inputRef, ...props });
+        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_FlexField__WEBPACK_IMPORTED_MODULE_3__.FlexField, { value: (0,_lib__WEBPACK_IMPORTED_MODULE_4__.getStringValue)(value, optionsCacheRef.current), isError: isError, disabled: disabled, placeholder: placeholder, notInput: true, onClick: () => setIsShowModalWindow(prevState => !prevState), dropdown: true, dropdownState: isShowModalWindow, ref: inputRef, ...props });
     };
     const processLoadMoreOptions = async () => {
         if (requestPromiseRef.current)
@@ -9724,11 +9699,11 @@ function SelectField({ value, onChange, options = [], placeholder, isError, sear
             processLoadMoreOptions();
         }
     };
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_4__.SelectFieldStyle.selectField, children: [getViewField(), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_6__.ModalWindowWrapper, { isShow: isShowModalWindow, setIsShow: (newValue) => {
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_5__.SelectFieldStyle.selectField, children: [getViewField(), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_2__.ModalWindowWrapper, { isShow: isShowModalWindow, setIsShow: (newValue) => {
                     if (newValue === false && onBlur)
                         onBlur();
                     setIsShowModalWindow(newValue);
-                }, additionElements: [inputRef.current], className: _styles__WEBPACK_IMPORTED_MODULE_4__.SelectFieldStyle.modalWindow, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_SelectModalWindow__WEBPACK_IMPORTED_MODULE_5__["default"], { value: value, options: optionsState, onChange: handleChange, afterElement: selectModalWindowAfterElement, show: isShowModalWindow, onScrollToBottom: onScrollToBottom }) })] }));
+                }, additionElements: [inputRef.current], className: _styles__WEBPACK_IMPORTED_MODULE_5__.SelectFieldStyle.modalWindow, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_SelectModalWindow__WEBPACK_IMPORTED_MODULE_6__["default"], { value: value, options: optionsState, onChange: handleChange, afterElement: selectModalWindowAfterElement, show: isShowModalWindow, onScrollToBottom: onScrollToBottom }) })] }));
 }
 
 
@@ -9910,24 +9885,30 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-function SwitcherField({ value, onChange, children, disabled = false, switcherWrapper, className = _styles__WEBPACK_IMPORTED_MODULE_3__.SwitcherFieldStyle }) {
+function SwitcherField({ value, onChange, children, disabled = false, switcherWrapper,
+// className = SwitcherFieldStyle
+ }) {
     const handleChange = () => {
         onChange && onChange(!value);
     };
-    const Switcher = ({ value, className, disabled }) => {
-        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", { disabled: disabled, onClick: handleChange, className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(className?.switcherField, {
-                [className?.active]: !!value,
+    const Switcher = ({ value, disabled }) => {
+        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", { disabled: disabled, onClick: handleChange, className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.SwitcherFieldStyle.switcherField, {
+                [_styles__WEBPACK_IMPORTED_MODULE_3__.SwitcherFieldStyle.active]: !!value,
             }), children: children }));
     };
     if (switcherWrapper !== undefined) {
         return react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(switcherWrapper, {
-            children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Switcher, { className: className, value: value, disabled: disabled }),
+            children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Switcher, { value: value, 
+                // className={className}
+                disabled: disabled }),
             value: value,
             onChange: onChange,
             disabled: disabled
         });
     }
-    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Switcher, { className: className, value: value, disabled: disabled });
+    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Switcher, { value: value, 
+        // className={className}
+        disabled: disabled });
 }
 
 
@@ -10013,14 +9994,16 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-function TextareaField({ value, name, placeholder, onChange, required = false, disabled = false, isError = false, offFocus = false, additionStyles, className = _styles__WEBPACK_IMPORTED_MODULE_2__.TextareaFieldStyle, }) {
+function TextareaField({ value, name, placeholder, onChange, required = false, disabled = false, isError = false, offFocus = false, additionStyles,
+// className = TextareaFieldStyle,
+ }) {
     const handleOnChange = (e) => {
         e.preventDefault();
         onChange && onChange(e.target.value);
     };
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("textarea", { name: name, placeholder: placeholder, value: value || '', onChange: handleOnChange, required: required, disabled: disabled, className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(className?.textareaField, {
-            [className?.isError]: isError,
-            [className?.offFocus]: offFocus,
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("textarea", { name: name, placeholder: placeholder, value: value || '', onChange: handleOnChange, required: required, disabled: disabled, className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.TextareaFieldStyle.textareaField, {
+            [_styles__WEBPACK_IMPORTED_MODULE_2__.TextareaFieldStyle.isError]: isError,
+            [_styles__WEBPACK_IMPORTED_MODULE_2__.TextareaFieldStyle.offFocus]: offFocus,
         }, additionStyles) }));
 }