indicator-ui 0.0.71 → 0.0.73

package/dist/index.js

@@ -6779,6 +6779,100 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "./src/ui/BackgroundModalWindowWrapper/index.ts":
+/*!******************************************************!*\
+  !*** ./src/ui/BackgroundModalWindowWrapper/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 */   BackgroundModalWindowWrapper: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.BackgroundModalWindowWrapper)
+/* harmony export */ });
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/BackgroundModalWindowWrapper/ui/index.ts");
+/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/BackgroundModalWindowWrapper/types/index.ts");
+
+
+
+
+/***/ }),
+
+/***/ "./src/ui/BackgroundModalWindowWrapper/types/index.ts":
+/*!************************************************************!*\
+  !*** ./src/ui/BackgroundModalWindowWrapper/types/index.ts ***!
+  \************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+
+
+
+/***/ }),
+
+/***/ "./src/ui/BackgroundModalWindowWrapper/ui/BackgroundModalWindowWrapper.tsx":
+/*!*********************************************************************************!*\
+  !*** ./src/ui/BackgroundModalWindowWrapper/ui/BackgroundModalWindowWrapper.tsx ***!
+  \*********************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   BackgroundModalWindowWrapper: () => (/* binding */ BackgroundModalWindowWrapper)
+/* 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 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__);
+
+
+const BackgroundModalWindowWrapper = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ children, isShow = false, setIsShow, additionElements = [], onClose, className, styles, }, ref) => {
+    const localRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
+    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
+        const handleMouseDown = (e) => {
+            if (!isShow)
+                return;
+            const target = e.target;
+            const modalRef = ref || localRef;
+            if (modalRef && 'current' in modalRef) {
+                if (target === modalRef.current ||
+                    (!modalRef.current?.contains(target) && !additionElements.filter(item => item !== null).find(item => {
+                        return item === target || item?.contains(target);
+                    }))) {
+                    onClose && onClose();
+                    setIsShow(false);
+                }
+            }
+        };
+        document.addEventListener('mousedown', handleMouseDown);
+        return () => {
+            document.removeEventListener('mousedown', handleMouseDown);
+        };
+    }, [additionElements]);
+    return isShow && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { ref: ref || localRef, style: styles, className: className, children: children }));
+});
+
+
+/***/ }),
+
+/***/ "./src/ui/BackgroundModalWindowWrapper/ui/index.ts":
+/*!*********************************************************!*\
+  !*** ./src/ui/BackgroundModalWindowWrapper/ui/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 */   BackgroundModalWindowWrapper: () => (/* reexport safe */ _BackgroundModalWindowWrapper__WEBPACK_IMPORTED_MODULE_0__.BackgroundModalWindowWrapper)
+/* harmony export */ });
+/* harmony import */ var _BackgroundModalWindowWrapper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./BackgroundModalWindowWrapper */ "./src/ui/BackgroundModalWindowWrapper/ui/BackgroundModalWindowWrapper.tsx");
+
+
+
 /***/ }),
 
 /***/ "./src/ui/Buttons/index.ts":
@@ -9497,7 +9591,7 @@ function SelectField({ value, onChange, options = [], placeholder, isError, sear
             setOptionsState(options);
     }, [options]);
     const handleChange = (data) => {
-        optionsCacheRef.current = optionsState.filter(item => data.includes(item.value));
+        optionsCacheRef.current = data.length > 0 ? optionsState.filter(item => data.includes(item.value)) : optionsState;
         if (data.length === 0 && required) {
             let newValue;
             if (Array.isArray(value)) {
@@ -9506,7 +9600,7 @@ function SelectField({ value, onChange, options = [], placeholder, isError, sear
             else {
                 newValue = value;
             }
-            onChange && onChange([newValue || optionsState[0]]);
+            onChange && onChange([newValue || optionsState[0].value]);
         }
         else {
             if (data.length > 1 && !multiple) {
@@ -11097,6 +11191,7 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   BackgroundModalWindowWrapper: () => (/* reexport safe */ _BackgroundModalWindowWrapper__WEBPACK_IMPORTED_MODULE_13__.BackgroundModalWindowWrapper),
 /* harmony export */   Button: () => (/* reexport safe */ _Buttons__WEBPACK_IMPORTED_MODULE_0__.Button),
 /* harmony export */   CALENDAR_DAY_TARGET_DATE: () => (/* reexport safe */ _DatePicker__WEBPACK_IMPORTED_MODULE_2__.CALENDAR_DAY_TARGET_DATE),
 /* harmony export */   CalendarDay: () => (/* reexport safe */ _DatePicker__WEBPACK_IMPORTED_MODULE_2__.CalendarDay),
@@ -11122,8 +11217,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   SelectField: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_3__.SelectField),
 /* harmony export */   SlideTransition: () => (/* reexport safe */ _SlideTransition__WEBPACK_IMPORTED_MODULE_11__.SlideTransition),
 /* harmony export */   SwitcherField: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_3__.SwitcherField),
-/* harmony export */   TabButtons: () => (/* reexport safe */ _TabButtons__WEBPACK_IMPORTED_MODULE_14__.TabButtons),
-/* harmony export */   TabFrame: () => (/* reexport safe */ _TabFrame__WEBPACK_IMPORTED_MODULE_13__.TabFrame),
+/* harmony export */   TabButtons: () => (/* reexport safe */ _TabButtons__WEBPACK_IMPORTED_MODULE_15__.TabButtons),
+/* harmony export */   TabFrame: () => (/* reexport safe */ _TabFrame__WEBPACK_IMPORTED_MODULE_14__.TabFrame),
 /* harmony export */   Tag: () => (/* reexport safe */ _Tag__WEBPACK_IMPORTED_MODULE_10__.Tag),
 /* harmony export */   TagCheckbox: () => (/* reexport safe */ _Tag__WEBPACK_IMPORTED_MODULE_10__.TagCheckbox),
 /* harmony export */   TagCount: () => (/* reexport safe */ _Tag__WEBPACK_IMPORTED_MODULE_10__.TagCount),
@@ -11150,8 +11245,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Tag__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Tag */ "./src/ui/Tag/index.ts");
 /* harmony import */ var _SlideTransition__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./SlideTransition */ "./src/ui/SlideTransition/index.ts");
 /* harmony import */ var _ModalWindowWrapper__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./ModalWindowWrapper */ "./src/ui/ModalWindowWrapper/index.ts");
-/* harmony import */ var _TabFrame__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./TabFrame */ "./src/ui/TabFrame/index.ts");
-/* harmony import */ var _TabButtons__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./TabButtons */ "./src/ui/TabButtons/index.ts");
+/* harmony import */ var _BackgroundModalWindowWrapper__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./BackgroundModalWindowWrapper */ "./src/ui/BackgroundModalWindowWrapper/index.ts");
+/* harmony import */ var _TabFrame__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./TabFrame */ "./src/ui/TabFrame/index.ts");
+/* harmony import */ var _TabButtons__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./TabButtons */ "./src/ui/TabButtons/index.ts");
+
 
 
 
@@ -25553,6 +25650,7 @@ var __webpack_exports__ = {};
   \**********************/
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   BackgroundModalWindowWrapper: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.BackgroundModalWindowWrapper),
 /* harmony export */   Button: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.Button),
 /* harmony export */   CALENDAR_DAY_TARGET_DATE: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.CALENDAR_DAY_TARGET_DATE),
 /* harmony export */   CalendarDay: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.CalendarDay),