indicator-ui 0.0.22 → 0.0.24

package/dist/index.js

@@ -2990,6 +2990,22 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
+/***/ "./src/ui/CascadeSelector/styles/CascadeBlock.module.scss":
+/*!****************************************************************!*\
+  !*** ./src/ui/CascadeSelector/styles/CascadeBlock.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__ = ({"cascadeBlockLabel":"CascadeBlock-module__cascadeBlockLabel___wXIW_","text":"CascadeBlock-module__text___VQilw","open":"CascadeBlock-module__open___uj7AE","cascadeBlock":"CascadeBlock-module__cascadeBlock___wXxdi","list":"CascadeBlock-module__list___heRxZ","hide":"CascadeBlock-module__hide___dCmbW"});
+
+/***/ }),
+
 /***/ "./src/ui/CheckboxMark/styles/CheckboxMark.module.scss":
 /*!*************************************************************!*\
   !*** ./src/ui/CheckboxMark/styles/CheckboxMark.module.scss ***!
@@ -6337,11 +6353,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   getUniqueArray: () => (/* reexport safe */ _getUniqueArray__WEBPACK_IMPORTED_MODULE_2__["default"]),
 /* harmony export */   isArray: () => (/* reexport safe */ _isArray__WEBPACK_IMPORTED_MODULE_0__["default"]),
-/* harmony export */   isEqualArrays: () => (/* reexport safe */ _isEqualArrays__WEBPACK_IMPORTED_MODULE_1__["default"])
+/* harmony export */   isEqualArrays: () => (/* reexport safe */ _isEqualArrays__WEBPACK_IMPORTED_MODULE_1__["default"]),
+/* harmony export */   traverseTreeByStack: () => (/* reexport safe */ _traverseTreeByStack__WEBPACK_IMPORTED_MODULE_3__.traverseTreeByStack)
 /* harmony export */ });
 /* harmony import */ var _isArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isArray */ "./src/lib/array/isArray.ts");
 /* harmony import */ var _isEqualArrays__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./isEqualArrays */ "./src/lib/array/isEqualArrays.ts");
 /* harmony import */ var _getUniqueArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./getUniqueArray */ "./src/lib/array/getUniqueArray.ts");
+/* harmony import */ var _traverseTreeByStack__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./traverseTreeByStack */ "./src/lib/array/traverseTreeByStack.ts");
+
 
 
 
@@ -6383,6 +6402,45 @@ function isEqualArrays(a, b) {
 }
 
 
+/***/ }),
+
+/***/ "./src/lib/array/traverseTreeByStack.ts":
+/*!**********************************************!*\
+  !*** ./src/lib/array/traverseTreeByStack.ts ***!
+  \**********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   traverseTreeByStack: () => (/* binding */ traverseTreeByStack)
+/* harmony export */ });
+function traverseTreeByStack(arr, process, options) {
+    // Init options
+    const getArray = options?.getArray ? options?.getArray : (item) => item;
+    const isProcessArray = options?.isProcessArray ? options?.isProcessArray : true;
+    // Main function
+    const stack = [arr];
+    while (stack.length > 0) {
+        const curArray = stack.pop();
+        if (!curArray)
+            continue;
+        for (const item of curArray) {
+            const isArray = getArray(item);
+            if (isArray !== undefined) {
+                if (isProcessArray) {
+                    process(item);
+                }
+                stack.push(isArray);
+            }
+            else {
+                process(item);
+            }
+        }
+    }
+}
+
+
 /***/ }),
 
 /***/ "./src/lib/dict/getDeepValue.ts":
@@ -6525,7 +6583,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   isCustomComponent: () => (/* reexport safe */ _reactComponents__WEBPACK_IMPORTED_MODULE_2__.isCustomComponent),
 /* harmony export */   isDict: () => (/* reexport safe */ _dict__WEBPACK_IMPORTED_MODULE_0__.isDict),
 /* harmony export */   isEqualArrays: () => (/* reexport safe */ _array__WEBPACK_IMPORTED_MODULE_1__.isEqualArrays),
-/* harmony export */   setDeepValue: () => (/* reexport safe */ _dict__WEBPACK_IMPORTED_MODULE_0__.setDeepValue)
+/* harmony export */   setDeepValue: () => (/* reexport safe */ _dict__WEBPACK_IMPORTED_MODULE_0__.setDeepValue),
+/* harmony export */   traverseTreeByStack: () => (/* reexport safe */ _array__WEBPACK_IMPORTED_MODULE_1__.traverseTreeByStack)
 /* harmony export */ });
 /* harmony import */ var _dict__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./dict */ "./src/lib/dict/index.ts");
 /* harmony import */ var _array__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./array */ "./src/lib/array/index.ts");
@@ -6821,6 +6880,220 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "./src/ui/CascadeSelector/index.ts":
+/*!*****************************************!*\
+  !*** ./src/ui/CascadeSelector/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 */   CascadeSelector: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.CascadeSelector)
+/* harmony export */ });
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/CascadeSelector/ui/index.ts");
+/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/CascadeSelector/types/index.ts");
+
+
+
+
+/***/ }),
+
+/***/ "./src/ui/CascadeSelector/styles/index.ts":
+/*!************************************************!*\
+  !*** ./src/ui/CascadeSelector/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 */   CascadeBlockStyle: () => (/* reexport safe */ _CascadeBlock_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"])
+/* harmony export */ });
+/* harmony import */ var _CascadeBlock_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./CascadeBlock.module.scss */ "./src/ui/CascadeSelector/styles/CascadeBlock.module.scss");
+
+
+
+/***/ }),
+
+/***/ "./src/ui/CascadeSelector/types/CascadeBlockTypes.ts":
+/*!***********************************************************!*\
+  !*** ./src/ui/CascadeSelector/types/CascadeBlockTypes.ts ***!
+  \***********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+
+
+
+/***/ }),
+
+/***/ "./src/ui/CascadeSelector/types/CascadeSelectorTypes.ts":
+/*!**************************************************************!*\
+  !*** ./src/ui/CascadeSelector/types/CascadeSelectorTypes.ts ***!
+  \**************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+
+
+
+/***/ }),
+
+/***/ "./src/ui/CascadeSelector/types/index.ts":
+/*!***********************************************!*\
+  !*** ./src/ui/CascadeSelector/types/index.ts ***!
+  \***********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _CascadeSelectorTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./CascadeSelectorTypes */ "./src/ui/CascadeSelector/types/CascadeSelectorTypes.ts");
+/* harmony import */ var _CascadeBlockTypes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./CascadeBlockTypes */ "./src/ui/CascadeSelector/types/CascadeBlockTypes.ts");
+
+
+
+
+/***/ }),
+
+/***/ "./src/ui/CascadeSelector/ui/CascadeBlock.tsx":
+/*!****************************************************!*\
+  !*** ./src/ui/CascadeSelector/ui/CascadeBlock.tsx ***!
+  \****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   CascadeBlock: () => (/* binding */ CascadeBlock)
+/* 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__);
+/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
+/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../styles */ "./src/ui/CascadeSelector/styles/index.ts");
+/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/assets */ "./src/assets/index.ts");
+
+
+
+
+
+
+
+function CascadeBlock({ options, onClick, label, supportingText, noWrapper = false, value }) {
+    const [isOpen, setIsOpen] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
+    const isActive = (keyValue) => {
+        return value.includes(keyValue);
+    };
+    const getCountOfActiveCheckbox = () => {
+        let totalCount = 0;
+        let count = 0;
+        (0,_lib__WEBPACK_IMPORTED_MODULE_4__.traverseTreeByStack)(options, (item) => {
+            if ('value' in item) {
+                totalCount++;
+                if (value.includes(item.value))
+                    count++;
+            }
+        }, {
+            getArray: (item) => {
+                if ('options' in item) {
+                    return item.options;
+                }
+                return undefined;
+            }
+        });
+        if (count === totalCount) {
+            return 'all';
+        }
+        else if (count === 0) {
+            return 'empty';
+        }
+        return 'some';
+    };
+    const getCascade = () => {
+        return options.map((item, idx) => {
+            if ('options' in item) {
+                return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(CascadeBlock, { value: value, onClick: onClick, label: item.label, supportingText: item.supportingText, options: item.options }, idx);
+            }
+            else if ('value' in item) {
+                return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.Checkbox, { text: item.label, supportingText: item.supportingText, width: 'hug', checked: isActive(item.value), onClick: () => onClick && onClick(item.value) }, idx);
+            }
+        });
+    };
+    if (noWrapper) {
+        return getCascade();
+    }
+    const cascadeState = getCountOfActiveCheckbox();
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.Checkbox, { supportingText: supportingText, text: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_5__.CascadeBlockStyle?.cascadeBlockLabel, { [_styles__WEBPACK_IMPORTED_MODULE_5__.CascadeBlockStyle?.open]: isOpen }), children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_5__.CascadeBlockStyle?.text, children: label }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_6__.ChevronDownSVG, {})] }), width: 'hug', checked: cascadeState === 'all', indeterminate: cascadeState === 'some', onClick: () => setIsOpen(prev => !prev) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_5__.CascadeBlockStyle?.cascadeBlock, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_5__.CascadeBlockStyle.list, { [_styles__WEBPACK_IMPORTED_MODULE_5__.CascadeBlockStyle?.hide]: isOpen }), children: getCascade() }) })] }));
+}
+
+
+/***/ }),
+
+/***/ "./src/ui/CascadeSelector/ui/CascadeSelector.tsx":
+/*!*******************************************************!*\
+  !*** ./src/ui/CascadeSelector/ui/CascadeSelector.tsx ***!
+  \*******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   CascadeSelector: () => (/* binding */ CascadeSelector)
+/* 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 _CascadeBlock__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./CascadeBlock */ "./src/ui/CascadeSelector/ui/CascadeBlock.tsx");
+
+
+function CascadeSelector({ value, options, onChange, multiple }) {
+    const getValue = () => {
+        if (Array.isArray(value)) {
+            return [...value];
+        }
+        else if (value !== undefined) {
+            return [value];
+        }
+        return [];
+    };
+    const handleClick = (newValue) => {
+        const prevState = getValue();
+        const isInclude = prevState.includes(newValue);
+        if (isInclude) {
+            onChange && onChange(prevState.filter(item => item !== newValue));
+        }
+        else {
+            onChange && onChange([...prevState, newValue
+            ]);
+        }
+    };
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_CascadeBlock__WEBPACK_IMPORTED_MODULE_1__.CascadeBlock, { options: options, noWrapper: true, onClick: handleClick, value: getValue() }) }));
+}
+
+
+/***/ }),
+
+/***/ "./src/ui/CascadeSelector/ui/index.ts":
+/*!********************************************!*\
+  !*** ./src/ui/CascadeSelector/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 */   CascadeSelector: () => (/* reexport safe */ _CascadeSelector__WEBPACK_IMPORTED_MODULE_0__.CascadeSelector)
+/* harmony export */ });
+/* harmony import */ var _CascadeSelector__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./CascadeSelector */ "./src/ui/CascadeSelector/ui/CascadeSelector.tsx");
+
+
+
+
 /***/ }),
 
 /***/ "./src/ui/CheckboxMark/index.ts":
@@ -9987,6 +10260,7 @@ __webpack_require__.r(__webpack_exports__);
 /* 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),
+/* harmony export */   CascadeSelector: () => (/* reexport safe */ _CascadeSelector__WEBPACK_IMPORTED_MODULE_9__.CascadeSelector),
 /* harmony export */   Checkbox: () => (/* reexport safe */ _Checkbox__WEBPACK_IMPORTED_MODULE_6__.Checkbox),
 /* harmony export */   CheckboxMark: () => (/* reexport safe */ _CheckboxMark__WEBPACK_IMPORTED_MODULE_5__.CheckboxMark),
 /* harmony export */   DateGrid: () => (/* reexport safe */ _DatePicker__WEBPACK_IMPORTED_MODULE_2__.DateGrid),
@@ -10027,6 +10301,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Checkbox__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Checkbox */ "./src/ui/Checkbox/index.ts");
 /* harmony import */ var _ToggleBase__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./ToggleBase */ "./src/ui/ToggleBase/index.ts");
 /* harmony import */ var _Toggle__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Toggle */ "./src/ui/Toggle/index.ts");
+/* harmony import */ var _CascadeSelector__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./CascadeSelector */ "./src/ui/CascadeSelector/index.ts");
+
 
 
 
@@ -24425,6 +24701,7 @@ __webpack_require__.r(__webpack_exports__);
 /* 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),
+/* harmony export */   CascadeSelector: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.CascadeSelector),
 /* harmony export */   Checkbox: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.Checkbox),
 /* harmony export */   CheckboxMark: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.CheckboxMark),
 /* harmony export */   DateGrid: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.DateGrid),
@@ -24463,6 +24740,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   isEqualArrays: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_4__.isEqualArrays),
 /* harmony export */   reactNodeComponent: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.reactNodeComponent),
 /* harmony export */   setDeepValue: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_4__.setDeepValue),
+/* harmony export */   traverseTreeByStack: () => (/* reexport safe */ _lib__WEBPACK_IMPORTED_MODULE_4__.traverseTreeByStack),
 /* harmony export */   useFormData: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useFormData),
 /* harmony export */   useIsErrorField: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_2__.useIsErrorField)
 /* harmony export */ });