indicator-ui 0.0.145 → 0.0.147

package/dist/index.js

@@ -3230,22 +3230,6 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./src/ui/InputFields/SwitcherField/styles/SwitcherField.module.scss":
-/*!***************************************************************************!*\
-  !*** ./src/ui/InputFields/SwitcherField/styles/SwitcherField.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__ = ({"switcherField":"SwitcherField-module__switcherField___R9atT","active":"SwitcherField-module__active___p_7P5"});
-
-/***/ }),
-
 /***/ "./src/ui/InputFields/TextareaField/styles/TextareaField.module.scss":
 /*!***************************************************************************!*\
   !*** ./src/ui/InputFields/TextareaField/styles/TextareaField.module.scss ***!
@@ -9731,7 +9715,7 @@ __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,
+const FlexField = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ value, type, onChange, onFocus, name, 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);
@@ -9751,7 +9735,7 @@ const FlexField = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ value, ty
             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: _styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.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, id: name, name: name, className: _styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.inputField });
     };
     const getIcon = () => {
         return icon ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_5__.FlexFieldStyle.icon, children: icon }) : undefined;
@@ -9906,7 +9890,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-function InputFieldWrapper({ children, labelText, hintText, isErrorHintText, helperLink, isError, viewRequired, additionStyle, }) {
+function InputFieldWrapper({ children, labelText, hintText, name, isErrorHintText, helperLink, isError, viewRequired, additionStyle, }) {
     const getClassName = (type) => {
         if ((typeof additionStyle === "string" || Array.isArray(additionStyle))) {
             if (type === 'main') {
@@ -9931,7 +9915,7 @@ function InputFieldWrapper({ children, labelText, hintText, isErrorHintText, hel
     };
     const getLabelContent = () => {
         if (labelText) {
-            return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("label", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.InputFieldWrapperStyle.labelText, getClassName('label')), children: [labelText, viewRequired && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_2__.InputFieldWrapperStyle.required, children: "*" })] }));
+            return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("label", { htmlFor: name, className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.InputFieldWrapperStyle.labelText, getClassName('label')), children: [labelText, viewRequired && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_2__.InputFieldWrapperStyle.required, children: "*" })] }));
         }
         return undefined;
     };
@@ -10685,23 +10669,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-/***/ }),
-
-/***/ "./src/ui/InputFields/SwitcherField/styles/index.ts":
-/*!**********************************************************!*\
-  !*** ./src/ui/InputFields/SwitcherField/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 */   SwitcherFieldStyle: () => (/* reexport safe */ _SwitcherField_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"])
-/* harmony export */ });
-/* harmony import */ var _SwitcherField_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SwitcherField.module.scss */ "./src/ui/InputFields/SwitcherField/styles/SwitcherField.module.scss");
-
-
-
 /***/ }),
 
 /***/ "./src/ui/InputFields/SwitcherField/types/SwitcherFieldTypes.ts":
@@ -10745,36 +10712,23 @@ __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 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/SwitcherField/styles/index.ts");
-
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
 
 
 
-function SwitcherField({ value, onChange, children, disabled = false, switcherWrapper,
-// className = SwitcherFieldStyle
- }) {
+function SwitcherField({ value, onChange, disabled = false, switcherWrapper, ...props }) {
     const handleChange = () => {
         onChange && onChange(!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, { value: value, 
-                // className={className}
-                disabled: disabled }),
+            children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_2__.ToggleBase, { active: value, onClick: handleChange, disabled: disabled }),
             value: value,
             onChange: onChange,
             disabled: disabled
         });
     }
-    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Switcher, { value: value, 
-        // className={className}
-        disabled: disabled });
+    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_2__.Toggle, { active: value, onClick: handleChange, disabled: disabled, ...props });
 }