indicator-ui 0.0.23 → 0.0.25

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 ***!
@@ -3246,6 +3262,54 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
+/***/ "./src/ui/Tag/styles/Tag.module.scss":
+/*!*******************************************!*\
+  !*** ./src/ui/Tag/styles/Tag.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__ = ({"tag":"Tag-module__tag___z87CD","main":"Tag-module__main___M5V6V","label":"Tag-module__label___SRW7b","dotIcon":"Tag-module__dotIcon___GkMuO","active":"Tag-module__active___uw5nt","small":"Tag-module__small___ob2Q8","isAction":"Tag-module__isAction___ReWct","isCheckbox":"Tag-module__isCheckbox___qHbJo","medium":"Tag-module__medium___TjmGK","large":"Tag-module__large___rpGp5"});
+
+/***/ }),
+
+/***/ "./src/ui/Tag/styles/TagCheckbox.module.scss":
+/*!***************************************************!*\
+  !*** ./src/ui/Tag/styles/TagCheckbox.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__ = ({"tagCheckbox":"TagCheckbox-module__tagCheckbox___MS2eW","checked":"TagCheckbox-module__checked___fWLOu","disabled":"TagCheckbox-module__disabled___wQS0b","small":"TagCheckbox-module__small___xi3Kd","medium":"TagCheckbox-module__medium___StcLN","large":"TagCheckbox-module__large___qx6mA"});
+
+/***/ }),
+
+/***/ "./src/ui/Tag/styles/TagCount.module.scss":
+/*!************************************************!*\
+  !*** ./src/ui/Tag/styles/TagCount.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__ = ({"tagCount":"TagCount-module__tagCount___tT9Gy","gray":"TagCount-module__gray___kkSxy","color":"TagCount-module__color___SZmrc","small":"TagCount-module__small___ejCLc","medium":"TagCount-module__medium___M9VAd","large":"TagCount-module__large___mhO1d"});
+
+/***/ }),
+
 /***/ "./src/ui/ToggleBase/styles/ToggleBase.module.scss":
 /*!*********************************************************!*\
   !*** ./src/ui/ToggleBase/styles/ToggleBase.module.scss ***!
@@ -6337,11 +6401,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 +6450,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 +6631,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 +6928,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":
@@ -9192,7 +9513,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-function SelectField({ value, onChange, options = [], placeholder, isError, isSearching = false, required = false, multiple = false, disabled = false, offOptionsSyncing = false, autoClose = true, onBlur, loadMoreOptions, className = _styles__WEBPACK_IMPORTED_MODULE_4__.SelectFieldStyle, }) {
+function SelectField({ value, onChange, options = [], placeholder, isError, isSearching = false, required = false, multiple = false, disabled = false, offOptionsSyncing = true, autoClose = true, onBlur, loadMoreOptions, className = _styles__WEBPACK_IMPORTED_MODULE_4__.SelectFieldStyle, }) {
     const [isFocus, setIsFocus] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
     const [searchingString, setSearchingString] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)('');
     const [isShowModalWindow, setIsShowModalWindow] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
@@ -9734,6 +10055,277 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "./src/ui/Tag/index.ts":
+/*!*****************************!*\
+  !*** ./src/ui/Tag/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 */   Tag: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.Tag),
+/* harmony export */   TagCheckbox: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.TagCheckbox),
+/* harmony export */   TagCount: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.TagCount)
+/* harmony export */ });
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/Tag/ui/index.ts");
+/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/Tag/types/index.ts");
+
+
+
+
+/***/ }),
+
+/***/ "./src/ui/Tag/styles/index.ts":
+/*!************************************!*\
+  !*** ./src/ui/Tag/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 */   TagCheckboxStyle: () => (/* reexport safe */ _TagCheckbox_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"]),
+/* harmony export */   TagCountStyle: () => (/* reexport safe */ _TagCount_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"]),
+/* harmony export */   TagStyle: () => (/* reexport safe */ _Tag_module_scss__WEBPACK_IMPORTED_MODULE_2__["default"])
+/* harmony export */ });
+/* harmony import */ var _TagCheckbox_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TagCheckbox.module.scss */ "./src/ui/Tag/styles/TagCheckbox.module.scss");
+/* harmony import */ var _TagCount_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./TagCount.module.scss */ "./src/ui/Tag/styles/TagCount.module.scss");
+/* harmony import */ var _Tag_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Tag.module.scss */ "./src/ui/Tag/styles/Tag.module.scss");
+
+
+
+
+
+/***/ }),
+
+/***/ "./src/ui/Tag/types/TagCheckboxTypes.ts":
+/*!**********************************************!*\
+  !*** ./src/ui/Tag/types/TagCheckboxTypes.ts ***!
+  \**********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+
+
+
+/***/ }),
+
+/***/ "./src/ui/Tag/types/TagCountTypes.ts":
+/*!*******************************************!*\
+  !*** ./src/ui/Tag/types/TagCountTypes.ts ***!
+  \*******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+
+
+
+/***/ }),
+
+/***/ "./src/ui/Tag/types/TagTypes.ts":
+/*!**************************************!*\
+  !*** ./src/ui/Tag/types/TagTypes.ts ***!
+  \**************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+
+
+
+/***/ }),
+
+/***/ "./src/ui/Tag/types/index.ts":
+/*!***********************************!*\
+  !*** ./src/ui/Tag/types/index.ts ***!
+  \***********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _TagTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TagTypes */ "./src/ui/Tag/types/TagTypes.ts");
+/* harmony import */ var _TagCheckboxTypes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./TagCheckboxTypes */ "./src/ui/Tag/types/TagCheckboxTypes.ts");
+/* harmony import */ var _TagCountTypes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./TagCountTypes */ "./src/ui/Tag/types/TagCountTypes.ts");
+
+
+
+
+
+/***/ }),
+
+/***/ "./src/ui/Tag/ui/Tag.tsx":
+/*!*******************************!*\
+  !*** ./src/ui/Tag/ui/Tag.tsx ***!
+  \*******************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Tag: () => (/* binding */ Tag)
+/* 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 clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/assets */ "./src/assets/index.ts");
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../styles */ "./src/ui/Tag/styles/index.ts");
+/* harmony import */ var _TagCount__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./TagCount */ "./src/ui/Tag/ui/TagCount.tsx");
+/* harmony import */ var _TagCheckbox__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./TagCheckbox */ "./src/ui/Tag/ui/TagCheckbox.tsx");
+
+
+
+
+
+
+
+function Tag({ active = false, size = 'medium', icon = false, label, checkbox = false, checked = false, actions = 'text-only', onCheckboxClick, onXCloseClick, count, }) {
+    const getXCloseButton = () => {
+        let buttonSize;
+        switch (size) {
+            case "small":
+                buttonSize = '14';
+                break;
+            case "medium":
+                buttonSize = '16';
+                break;
+            case "large":
+                buttonSize = '20';
+                break;
+        }
+        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.MicroButton, { color: 'light', onClick: onXCloseClick, size: buttonSize, icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.XCloseSVG, {}) });
+    };
+    const getIcon = () => {
+        if (icon === undefined || icon === false)
+            return undefined;
+        if (typeof icon === 'boolean') {
+            return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_4__.TagStyle?.dotIcon });
+        }
+        return icon;
+    };
+    const getAction = () => {
+        if (actions === undefined)
+            return undefined;
+        switch (actions) {
+            case "count":
+                return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_TagCount__WEBPACK_IMPORTED_MODULE_5__.TagCount, { count: count, color: active ? 'color' : 'gray', size: size });
+            case "x-close":
+                return getXCloseButton();
+            case "text-only":
+                return undefined;
+        }
+    };
+    const getLabel = () => {
+        if (label === undefined)
+            return undefined;
+        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_4__.TagStyle?.label, children: label });
+    };
+    const getCheckbox = () => {
+        if (checkbox) {
+            return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_TagCheckbox__WEBPACK_IMPORTED_MODULE_6__.TagCheckbox, { onClick: onCheckboxClick, checked: checked, size: size });
+        }
+        return undefined;
+    };
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_4__.TagStyle?.tag, {
+            [_styles__WEBPACK_IMPORTED_MODULE_4__.TagStyle?.active]: active,
+            [_styles__WEBPACK_IMPORTED_MODULE_4__.TagStyle?.small]: size === 'small',
+            [_styles__WEBPACK_IMPORTED_MODULE_4__.TagStyle?.medium]: size === 'medium',
+            [_styles__WEBPACK_IMPORTED_MODULE_4__.TagStyle?.large]: size === 'large',
+            [_styles__WEBPACK_IMPORTED_MODULE_4__.TagStyle?.isAction]: actions !== 'text-only' && actions !== undefined,
+            [_styles__WEBPACK_IMPORTED_MODULE_4__.TagStyle?.isCheckbox]: checkbox,
+        }), children: [getIcon(), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_4__.TagStyle?.main, children: [getCheckbox(), getLabel(), getAction()] })] }));
+}
+
+
+/***/ }),
+
+/***/ "./src/ui/Tag/ui/TagCheckbox.tsx":
+/*!***************************************!*\
+  !*** ./src/ui/Tag/ui/TagCheckbox.tsx ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   TagCheckbox: () => (/* binding */ TagCheckbox)
+/* 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 clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/assets */ "./src/assets/index.ts");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../styles */ "./src/ui/Tag/styles/index.ts");
+
+
+
+
+function TagCheckbox({ size = 'medium', checked = false, disabled = false, onClick }) {
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", { onClick: onClick, className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.TagCheckboxStyle?.tagCheckbox, {
+            [_styles__WEBPACK_IMPORTED_MODULE_3__.TagCheckboxStyle.checked]: checked,
+            [_styles__WEBPACK_IMPORTED_MODULE_3__.TagCheckboxStyle.small]: size === 'small',
+            [_styles__WEBPACK_IMPORTED_MODULE_3__.TagCheckboxStyle.medium]: size === 'medium',
+            [_styles__WEBPACK_IMPORTED_MODULE_3__.TagCheckboxStyle.large]: size === 'large',
+            [_styles__WEBPACK_IMPORTED_MODULE_3__.TagCheckboxStyle.disabled]: disabled,
+        }), children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.CheckSVG, {}) }));
+}
+
+
+/***/ }),
+
+/***/ "./src/ui/Tag/ui/TagCount.tsx":
+/*!************************************!*\
+  !*** ./src/ui/Tag/ui/TagCount.tsx ***!
+  \************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   TagCount: () => (/* binding */ TagCount)
+/* 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 clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../styles */ "./src/ui/Tag/styles/index.ts");
+
+
+
+function TagCount({ count, color = 'gray', size = 'medium' }) {
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle?.tagCount, {
+            [_styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle?.color]: color === 'color',
+            [_styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle?.gray]: color === 'gray',
+            [_styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle?.small]: size === 'small',
+            [_styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle?.medium]: size === 'medium',
+            [_styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle?.large]: size === 'large',
+        }), children: count }));
+}
+
+
+/***/ }),
+
+/***/ "./src/ui/Tag/ui/index.ts":
+/*!********************************!*\
+  !*** ./src/ui/Tag/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 */   Tag: () => (/* reexport safe */ _Tag__WEBPACK_IMPORTED_MODULE_0__.Tag),
+/* harmony export */   TagCheckbox: () => (/* reexport safe */ _TagCheckbox__WEBPACK_IMPORTED_MODULE_1__.TagCheckbox),
+/* harmony export */   TagCount: () => (/* reexport safe */ _TagCount__WEBPACK_IMPORTED_MODULE_2__.TagCount)
+/* harmony export */ });
+/* harmony import */ var _Tag__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Tag */ "./src/ui/Tag/ui/Tag.tsx");
+/* harmony import */ var _TagCheckbox__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./TagCheckbox */ "./src/ui/Tag/ui/TagCheckbox.tsx");
+/* harmony import */ var _TagCount__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./TagCount */ "./src/ui/Tag/ui/TagCount.tsx");
+
+
+
+
+
 /***/ }),
 
 /***/ "./src/ui/ToggleBase/index.ts":
@@ -9987,6 +10579,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),
@@ -10006,6 +10599,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   RadioField: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_3__.RadioField),
 /* harmony export */   SelectField: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_3__.SelectField),
 /* harmony export */   SwitcherField: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_3__.SwitcherField),
+/* 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),
 /* harmony export */   TextareaField: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_3__.TextareaField),
 /* harmony export */   Toggle: () => (/* reexport safe */ _Toggle__WEBPACK_IMPORTED_MODULE_8__.Toggle),
 /* harmony export */   ToggleBase: () => (/* reexport safe */ _ToggleBase__WEBPACK_IMPORTED_MODULE_7__.ToggleBase),
@@ -10027,6 +10623,10 @@ __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");
+/* harmony import */ var _Tag__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Tag */ "./src/ui/Tag/index.ts");
+
+
 
 
 
@@ -24425,6 +25025,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),
@@ -24444,6 +25045,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   RadioField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.RadioField),
 /* harmony export */   SelectField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.SelectField),
 /* harmony export */   SwitcherField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.SwitcherField),
+/* harmony export */   Tag: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.Tag),
+/* harmony export */   TagCheckbox: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.TagCheckbox),
+/* harmony export */   TagCount: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.TagCount),
 /* harmony export */   TextareaField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.TextareaField),
 /* harmony export */   Toggle: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.Toggle),
 /* harmony export */   ToggleBase: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.ToggleBase),
@@ -24463,6 +25067,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 */ });