@omniumretail/component-library 1.0.34 → 1.0.35

package/dist/bundle.js

@@ -9740,7 +9740,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"CategorySidebar\": function() { return /* binding */ CategorySidebar; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/tree/index.js\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/Category/CategorySidebar/styles.module.scss\");\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/PlusOutlined.js\");\n/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../Button */ \"./src/components/Button/index.tsx\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n        if (ar || !(i in from)) {\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n            ar[i] = from[i];\n        }\n    }\n    return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\nfunction get_element_by_index(data, index) {\n    for (var _i = 0, data_1 = data; _i < data_1.length; _i++) {\n        var item = data_1[_i];\n        if (item.key === index) {\n            return item;\n        }\n        else if (item.children) {\n            var result = get_element_by_index(item.children, index);\n            if (result !== null) {\n                return result;\n            }\n        }\n    }\n    return null;\n}\nfunction addPropertyByIndex(data, index, property, value) {\n    return data.map(function (item) {\n        var _a;\n        if (item.key === index) {\n            return __assign(__assign({}, item), (_a = {}, _a[property] = value, _a));\n        }\n        else if (item.children) {\n            return __assign(__assign({}, item), { children: addPropertyByIndex(item.children, index, property, value) });\n        }\n        return item;\n    });\n}\nvar CategorySidebar = function (props) {\n    var categoryContentData = props.categoryContentData, categoryContentFinalData = props.categoryContentFinalData, data = props.data;\n    var _a = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(data), gData = _a[0], setGData = _a[1];\n    var expandedKeys = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([])[0];\n    var _b = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), sidebarInfo = _b[0], setSidebarInfo = _b[1];\n    var onDragEnter = function (info) {\n        // expandedKeys\n        // setExpandedKeys(info.expandedKeys)\n    };\n    var onDrop = function (info) {\n        var dropKey = info.node.key;\n        var dragKey = info.dragNode.key;\n        var dropPos = info.node.pos.split('-');\n        var dropPosition = info.dropPosition - Number(dropPos[dropPos.length - 1]);\n        var nodeData = info.node.data;\n        var questions = nodeData === null || nodeData === void 0 ? void 0 : nodeData.questions;\n        if (questions && questions.length > 0) {\n            console.log('you cant add a subcategory to a category with questions');\n            return;\n        }\n        if (dropPos.length >= 4) {\n            console.log('cant have more than 3 levels');\n            return;\n        }\n        var loop = function (data, key, callback) {\n            for (var i = 0; i < data.length; i++) {\n                if (data[i].key === key) {\n                    return callback(data[i], i, data);\n                }\n                if (data[i].children) {\n                    loop(data[i].children, key, callback);\n                }\n            }\n        };\n        var data = __spreadArray([], gData, true);\n        // Find dragObject\n        var dragObj;\n        loop(data, dragKey, function (item, index, arr) {\n            arr.splice(index, 1);\n            dragObj = item;\n        });\n        if (!info.dropToGap) {\n            // Drop on the content\n            loop(data, dropKey, function (item) {\n                item.children = item.children || [];\n                // where to insert\n                item.children.unshift(dragObj);\n                // {...dragObj, key: `${item.key}-${item.children.length}`}\n            });\n        }\n        else if ((info.node.props.children || []).length > 0 && // Has children\n            info.node.props.expanded && // Is expanded\n            dropPosition === 1 // On the bottom gap\n        ) {\n            loop(data, dropKey, function (item) {\n                item.children = item.children || [];\n                // where to insert\n                item.children.unshift(dragObj);\n                // in previous version, we use item.children.push(dragObj) to insert the\n                // item to the tail of the children\n            });\n        }\n        else {\n            var ar_1 = [];\n            var i_1;\n            loop(data, dropKey, function (_item, index, arr) {\n                ar_1 = arr;\n                i_1 = index;\n            });\n            if (dropPosition === -1) {\n                ar_1.splice(i_1, 0, dragObj);\n            }\n            else {\n                ar_1.splice(i_1 + 1, 0, dragObj);\n            }\n        }\n        var newData = {};\n        // TODO: create a recursive function that does the same\n        // This code changes the indexes on the fly while dragging and dropping \n        var keyCounter = 0;\n        data.forEach(function (category) {\n            var categoryKey = \"\".concat(keyCounter++);\n            var children = [];\n            if (category.children) {\n                category.children.forEach(function (subcategory, subcategoryindex) {\n                    var subcategoryKey = \"\".concat(categoryKey, \".\").concat(subcategoryindex);\n                    var subChildren = [];\n                    if (subcategory.children) {\n                        subcategory.children.forEach(function (lastSubcategory, lastSubCategoryIndex) {\n                            var lastSubcategoryKey = \"\".concat(subcategoryKey, \".\").concat(lastSubCategoryIndex);\n                            subChildren.push(__assign(__assign({}, lastSubcategory), { key: lastSubcategoryKey }));\n                        });\n                    }\n                    children.push(__assign(__assign({}, subcategory), { children: subChildren, key: subcategoryKey }));\n                });\n            }\n            newData[categoryKey] = __assign(__assign({}, category), { children: children });\n        });\n        // TODO: update this code if possible once the TODO before is done\n        /*\n            This code removes the property that was assigned to the object ex: 0: {}, 1: {} changes to {}, {}\n        */\n        var checkedData = Object.values(newData).map(function (category, index) {\n            return __assign(__assign({}, category), { key: index });\n        });\n        setGData(checkedData);\n    };\n    var onSelect = function (selectedKeys, info) {\n        setSidebarInfo(selectedKeys);\n    };\n    var addCategory = function () {\n        setGData(function (prevCategories) { return __spreadArray(__spreadArray([], prevCategories, true), [\n            { title: \"New category\", key: \"\".concat(gData.length) },\n        ], false); });\n    };\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        props.categorySidebarInfo({\n            selectKey: sidebarInfo,\n            data: get_element_by_index(gData, sidebarInfo && sidebarInfo[0]),\n        });\n    }, [sidebarInfo]);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        var newGData = addPropertyByIndex(gData, sidebarInfo && sidebarInfo[0], \"data\", categoryContentData);\n        var updatedGData = newGData.map(function (category, index) {\n            if (category === null || category === void 0 ? void 0 : category.data) {\n                return __assign(__assign({}, category), { title: \"\".concat(category.data.categoryName, \" \").concat(category.data.questions ? '(Q: ' + category.data.questions.length + ')' : '', \" \").concat(category.data.grade ? '(G: ' + category.data.grade + ')' : '') });\n            }\n            return category;\n        }).filter(function (category) { return category.data && category; });\n        setGData(updatedGData);\n    }, [categoryContentData]);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        props.categorySidebarInfo({\n            selectKey: sidebarInfo,\n            data: get_element_by_index(gData, sidebarInfo && sidebarInfo[0])\n        });\n        props.categoryContentFinalData(gData);\n    }, [gData]);\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].categorySidebar }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].title }, { children: \"Categorias\" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_3__.Button, __assign({ icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {}), onClick: addCategory }, { children: \"Adicionar Categoria\" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].categoryViewer }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { className: \"draggable-tree\", defaultExpandedKeys: expandedKeys, draggable: true, blockNode: true, onDragEnter: onDragEnter, onDrop: onDrop, treeData: gData, onSelect: onSelect }) }))] })));\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9DYXRlZ29yeS9DYXRlZ29yeVNpZGViYXIvaW5kZXgudHN4LmpzIiwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9saWIvLi9zcmMvY29tcG9uZW50cy9DYXRlZ29yeS9DYXRlZ29yeVNpZGViYXIvaW5kZXgudHN4PzY0MzQiXSwic291cmNlc0NvbnRlbnQiOlsidmFyIF9fYXNzaWduID0gKHRoaXMgJiYgdGhpcy5fX2Fzc2lnbikgfHwgZnVuY3Rpb24gKCkge1xuICAgIF9fYXNzaWduID0gT2JqZWN0LmFzc2lnbiB8fCBmdW5jdGlvbih0KSB7XG4gICAgICAgIGZvciAodmFyIHMsIGkgPSAxLCBuID0gYXJndW1lbnRzLmxlbmd0aDsgaSA8IG47IGkrKykge1xuICAgICAgICAgICAgcyA9IGFyZ3VtZW50c1tpXTtcbiAgICAgICAgICAgIGZvciAodmFyIHAgaW4gcykgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChzLCBwKSlcbiAgICAgICAgICAgICAgICB0W3BdID0gc1twXTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdDtcbiAgICB9O1xuICAgIHJldHVybiBfX2Fzc2lnbi5hcHBseSh0aGlzLCBhcmd1bWVudHMpO1xufTtcbnZhciBfX3NwcmVhZEFycmF5ID0gKHRoaXMgJiYgdGhpcy5fX3NwcmVhZEFycmF5KSB8fCBmdW5jdGlvbiAodG8sIGZyb20sIHBhY2spIHtcbiAgICBpZiAocGFjayB8fCBhcmd1bWVudHMubGVuZ3RoID09PSAyKSBmb3IgKHZhciBpID0gMCwgbCA9IGZyb20ubGVuZ3RoLCBhcjsgaSA8IGw7IGkrKykge1xuICAgICAgICBpZiAoYXIgfHwgIShpIGluIGZyb20pKSB7XG4gICAgICAgICAgICBpZiAoIWFyKSBhciA9IEFycmF5LnByb3RvdHlwZS5zbGljZS5jYWxsKGZyb20sIDAsIGkpO1xuICAgICAgICAgICAgYXJbaV0gPSBmcm9tW2ldO1xuICAgICAgICB9XG4gICAgfVxuICAgIHJldHVybiB0by5jb25jYXQoYXIgfHwgQXJyYXkucHJvdG90eXBlLnNsaWNlLmNhbGwoZnJvbSkpO1xufTtcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVHJlZSB9IGZyb20gJ2FudGQnO1xuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlcy5tb2R1bGUuc2Nzcyc7XG5pbXBvcnQgeyBQbHVzT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucyc7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi8uLi9CdXR0b24nO1xuZnVuY3Rpb24gZ2V0X2VsZW1lbnRfYnlfaW5kZXgoZGF0YSwgaW5kZXgpIHtcbiAgICBmb3IgKHZhciBfaSA9IDAsIGRhdGFfMSA9IGRhdGE7IF9pIDwgZGF0YV8xLmxlbmd0aDsgX2krKykge1xuICAgICAgICB2YXIgaXRlbSA9IGRhdGFfMVtfaV07XG4gICAgICAgIGlmIChpdGVtLmtleSA9PT0gaW5kZXgpIHtcbiAgICAgICAgICAgIHJldHVybiBpdGVtO1xuICAgICAgICB9XG4gICAgICAgIGVsc2UgaWYgKGl0ZW0uY2hpbGRyZW4pIHtcbiAgICAgICAgICAgIHZhciByZXN1bHQgPSBnZXRfZWxlbWVudF9ieV9pbmRleChpdGVtLmNoaWxkcmVuLCBpbmRleCk7XG4gICAgICAgICAgICBpZiAocmVzdWx0ICE9PSBudWxsKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHJlc3VsdDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbiAgICByZXR1cm4gbnVsbDtcbn1cbmZ1bmN0aW9uIGFkZFByb3BlcnR5QnlJbmRleChkYXRhLCBpbmRleCwgcHJvcGVydHksIHZhbHVlKSB7XG4gICAgcmV0dXJuIGRhdGEubWFwKGZ1bmN0aW9uIChpdGVtKSB7XG4gICAgICAgIHZhciBfYTtcbiAgICAgICAgaWYgKGl0ZW0ua2V5ID09PSBpbmRleCkge1xuICAgICAgICAgICAgcmV0dXJuIF9fYXNzaWduKF9fYXNzaWduKHt9LCBpdGVtKSwgKF9hID0ge30sIF9hW3Byb3BlcnR5XSA9IHZhbHVlLCBfYSkpO1xuICAgICAgICB9XG4gICAgICAgIGVsc2UgaWYgKGl0ZW0uY2hpbGRyZW4pIHtcbiAgICAgICAgICAgIHJldHVybiBfX2Fzc2lnbihfX2Fzc2lnbih7fSwgaXRlbSksIHsgY2hpbGRyZW46IGFkZFByb3BlcnR5QnlJbmRleChpdGVtLmNoaWxkcmVuLCBpbmRleCwgcHJvcGVydHksIHZhbHVlKSB9KTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gaXRlbTtcbiAgICB9KTtcbn1cbmV4cG9ydCB2YXIgQ2F0ZWdvcnlTaWRlYmFyID0gZnVuY3Rpb24gKHByb3BzKSB7XG4gICAgdmFyIGNhdGVnb3J5Q29udGVudERhdGEgPSBwcm9wcy5jYXRlZ29yeUNvbnRlbnREYXRhLCBjYXRlZ29yeUNvbnRlbnRGaW5hbERhdGEgPSBwcm9wcy5jYXRlZ29yeUNvbnRlbnRGaW5hbERhdGEsIGRhdGEgPSBwcm9wcy5kYXRhO1xuICAgIHZhciBfYSA9IHVzZVN0YXRlKGRhdGEpLCBnRGF0YSA9IF9hWzBdLCBzZXRHRGF0YSA9IF9hWzFdO1xuICAgIHZhciBleHBhbmRlZEtleXMgPSB1c2VTdGF0ZShbXSlbMF07XG4gICAgdmFyIF9iID0gdXNlU3RhdGUoKSwgc2lkZWJhckluZm8gPSBfYlswXSwgc2V0U2lkZWJhckluZm8gPSBfYlsxXTtcbiAgICB2YXIgb25EcmFnRW50ZXIgPSBmdW5jdGlvbiAoaW5mbykge1xuICAgICAgICAvLyBleHBhbmRlZEtleXNcbiAgICAgICAgLy8gc2V0RXhwYW5kZWRLZXlzKGluZm8uZXhwYW5kZWRLZXlzKVxuICAgIH07XG4gICAgdmFyIG9uRHJvcCA9IGZ1bmN0aW9uIChpbmZvKSB7XG4gICAgICAgIHZhciBkcm9wS2V5ID0gaW5mby5ub2RlLmtleTtcbiAgICAgICAgdmFyIGRyYWdLZXkgPSBpbmZvLmRyYWdOb2RlLmtleTtcbiAgICAgICAgdmFyIGRyb3BQb3MgPSBpbmZvLm5vZGUucG9zLnNwbGl0KCctJyk7XG4gICAgICAgIHZhciBkcm9wUG9zaXRpb24gPSBpbmZvLmRyb3BQb3NpdGlvbiAtIE51bWJlcihkcm9wUG9zW2Ryb3BQb3MubGVuZ3RoIC0gMV0pO1xuICAgICAgICB2YXIgbm9kZURhdGEgPSBpbmZvLm5vZGUuZGF0YTtcbiAgICAgICAgdmFyIHF1ZXN0aW9ucyA9IG5vZGVEYXRhID09PSBudWxsIHx8IG5vZGVEYXRhID09PSB2b2lkIDAgPyB2b2lkIDAgOiBub2RlRGF0YS5xdWVzdGlvbnM7XG4gICAgICAgIGlmIChxdWVzdGlvbnMgJiYgcXVlc3Rpb25zLmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgIGNvbnNvbGUubG9nKCd5b3UgY2FudCBhZGQgYSBzdWJjYXRlZ29yeSB0byBhIGNhdGVnb3J5IHdpdGggcXVlc3Rpb25zJyk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgaWYgKGRyb3BQb3MubGVuZ3RoID49IDQpIHtcbiAgICAgICAgICAgIGNvbnNvbGUubG9nKCdjYW50IGhhdmUgbW9yZSB0aGFuIDMgbGV2ZWxzJyk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgdmFyIGxvb3AgPSBmdW5jdGlvbiAoZGF0YSwga2V5LCBjYWxsYmFjaykge1xuICAgICAgICAgICAgZm9yICh2YXIgaSA9IDA7IGkgPCBkYXRhLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgICAgICAgICAgaWYgKGRhdGFbaV0ua2V5ID09PSBrZXkpIHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIGNhbGxiYWNrKGRhdGFbaV0sIGksIGRhdGEpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBpZiAoZGF0YVtpXS5jaGlsZHJlbikge1xuICAgICAgICAgICAgICAgICAgICBsb29wKGRhdGFbaV0uY2hpbGRyZW4sIGtleSwgY2FsbGJhY2spO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfTtcbiAgICAgICAgdmFyIGRhdGEgPSBfX3NwcmVhZEFycmF5KFtdLCBnRGF0YSwgdHJ1ZSk7XG4gICAgICAgIC8vIEZpbmQgZHJhZ09iamVjdFxuICAgICAgICB2YXIgZHJhZ09iajtcbiAgICAgICAgbG9vcChkYXRhLCBkcmFnS2V5LCBmdW5jdGlvbiAoaXRlbSwgaW5kZXgsIGFycikge1xuICAgICAgICAgICAgYXJyLnNwbGljZShpbmRleCwgMSk7XG4gICAgICAgICAgICBkcmFnT2JqID0gaXRlbTtcbiAgICAgICAgfSk7XG4gICAgICAgIGlmICghaW5mby5kcm9wVG9HYXApIHtcbiAgICAgICAgICAgIC8vIERyb3Agb24gdGhlIGNvbnRlbnRcbiAgICAgICAgICAgIGxvb3AoZGF0YSwgZHJvcEtleSwgZnVuY3Rpb24gKGl0ZW0pIHtcbiAgICAgICAgICAgICAgICBpdGVtLmNoaWxkcmVuID0gaXRlbS5jaGlsZHJlbiB8fCBbXTtcbiAgICAgICAgICAgICAgICAvLyB3aGVyZSB0byBpbnNlcnRcbiAgICAgICAgICAgICAgICBpdGVtLmNoaWxkcmVuLnVuc2hpZnQoZHJhZ09iaik7XG4gICAgICAgICAgICAgICAgLy8gey4uLmRyYWdPYmosIGtleTogYCR7aXRlbS5rZXl9LSR7aXRlbS5jaGlsZHJlbi5sZW5ndGh9YH1cbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgICAgIGVsc2UgaWYgKChpbmZvLm5vZGUucHJvcHMuY2hpbGRyZW4gfHwgW10pLmxlbmd0aCA+IDAgJiYgLy8gSGFzIGNoaWxkcmVuXG4gICAgICAgICAgICBpbmZvLm5vZGUucHJvcHMuZXhwYW5kZWQgJiYgLy8gSXMgZXhwYW5kZWRcbiAgICAgICAgICAgIGRyb3BQb3NpdGlvbiA9PT0gMSAvLyBPbiB0aGUgYm90dG9tIGdhcFxuICAgICAgICApIHtcbiAgICAgICAgICAgIGxvb3AoZGF0YSwgZHJvcEtleSwgZnVuY3Rpb24gKGl0ZW0pIHtcbiAgICAgICAgICAgICAgICBpdGVtLmNoaWxkcmVuID0gaXRlbS5jaGlsZHJlbiB8fCBbXTtcbiAgICAgICAgICAgICAgICAvLyB3aGVyZSB0byBpbnNlcnRcbiAgICAgICAgICAgICAgICBpdGVtLmNoaWxkcmVuLnVuc2hpZnQoZHJhZ09iaik7XG4gICAgICAgICAgICAgICAgLy8gaW4gcHJldmlvdXMgdmVyc2lvbiwgd2UgdXNlIGl0ZW0uY2hpbGRyZW4ucHVzaChkcmFnT2JqKSB0byBpbnNlcnQgdGhlXG4gICAgICAgICAgICAgICAgLy8gaXRlbSB0byB0aGUgdGFpbCBvZiB0aGUgY2hpbGRyZW5cbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgdmFyIGFyXzEgPSBbXTtcbiAgICAgICAgICAgIHZhciBpXzE7XG4gICAgICAgICAgICBsb29wKGRhdGEsIGRyb3BLZXksIGZ1bmN0aW9uIChfaXRlbSwgaW5kZXgsIGFycikge1xuICAgICAgICAgICAgICAgIGFyXzEgPSBhcnI7XG4gICAgICAgICAgICAgICAgaV8xID0gaW5kZXg7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIGlmIChkcm9wUG9zaXRpb24gPT09IC0xKSB7XG4gICAgICAgICAgICAgICAgYXJfMS5zcGxpY2UoaV8xLCAwLCBkcmFnT2JqKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgICAgIGFyXzEuc3BsaWNlKGlfMSArIDEsIDAsIGRyYWdPYmopO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIHZhciBuZXdEYXRhID0ge307XG4gICAgICAgIC8vIFRPRE86IGNyZWF0ZSBhIHJlY3Vyc2l2ZSBmdW5jdGlvbiB0aGF0IGRvZXMgdGhlIHNhbWVcbiAgICAgICAgLy8gVGhpcyBjb2RlIGNoYW5nZXMgdGhlIGluZGV4ZXMgb24gdGhlIGZseSB3aGlsZSBkcmFnZ2luZyBhbmQgZHJvcHBpbmcgXG4gICAgICAgIHZhciBrZXlDb3VudGVyID0gMDtcbiAgICAgICAgZGF0YS5mb3JFYWNoKGZ1bmN0aW9uIChjYXRlZ29yeSkge1xuICAgICAgICAgICAgdmFyIGNhdGVnb3J5S2V5ID0gXCJcIi5jb25jYXQoa2V5Q291bnRlcisrKTtcbiAgICAgICAgICAgIHZhciBjaGlsZHJlbiA9IFtdO1xuICAgICAgICAgICAgaWYgKGNhdGVnb3J5LmNoaWxkcmVuKSB7XG4gICAgICAgICAgICAgICAgY2F0ZWdvcnkuY2hpbGRyZW4uZm9yRWFjaChmdW5jdGlvbiAoc3ViY2F0ZWdvcnksIHN1YmNhdGVnb3J5aW5kZXgpIHtcbiAgICAgICAgICAgICAgICAgICAgdmFyIHN1YmNhdGVnb3J5S2V5ID0gXCJcIi5jb25jYXQoY2F0ZWdvcnlLZXksIFwiLlwiKS5jb25jYXQoc3ViY2F0ZWdvcnlpbmRleCk7XG4gICAgICAgICAgICAgICAgICAgIHZhciBzdWJDaGlsZHJlbiA9IFtdO1xuICAgICAgICAgICAgICAgICAgICBpZiAoc3ViY2F0ZWdvcnkuY2hpbGRyZW4pIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHN1YmNhdGVnb3J5LmNoaWxkcmVuLmZvckVhY2goZnVuY3Rpb24gKGxhc3RTdWJjYXRlZ29yeSwgbGFzdFN1YkNhdGVnb3J5SW5kZXgpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YXIgbGFzdFN1YmNhdGVnb3J5S2V5ID0gXCJcIi5jb25jYXQoc3ViY2F0ZWdvcnlLZXksIFwiLlwiKS5jb25jYXQobGFzdFN1YkNhdGVnb3J5SW5kZXgpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN1YkNoaWxkcmVuLnB1c2goX19hc3NpZ24oX19hc3NpZ24oe30sIGxhc3RTdWJjYXRlZ29yeSksIHsga2V5OiBsYXN0U3ViY2F0ZWdvcnlLZXkgfSkpO1xuICAgICAgICAgICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgY2hpbGRyZW4ucHVzaChfX2Fzc2lnbihfX2Fzc2lnbih7fSwgc3ViY2F0ZWdvcnkpLCB7IGNoaWxkcmVuOiBzdWJDaGlsZHJlbiwga2V5OiBzdWJjYXRlZ29yeUtleSB9KSk7XG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBuZXdEYXRhW2NhdGVnb3J5S2V5XSA9IF9fYXNzaWduKF9fYXNzaWduKHt9LCBjYXRlZ29yeSksIHsgY2hpbGRyZW46IGNoaWxkcmVuIH0pO1xuICAgICAgICB9KTtcbiAgICAgICAgLy8gVE9ETzogdXBkYXRlIHRoaXMgY29kZSBpZiBwb3NzaWJsZSBvbmNlIHRoZSBUT0RPIGJlZm9yZSBpcyBkb25lXG4gICAgICAgIC8qXG4gICAgICAgICAgICBUaGlzIGNvZGUgcmVtb3ZlcyB0aGUgcHJvcGVydHkgdGhhdCB3YXMgYXNzaWduZWQgdG8gdGhlIG9iamVjdCBleDogMDoge30sIDE6IHt9IGNoYW5nZXMgdG8ge30sIHt9XG4gICAgICAgICovXG4gICAgICAgIHZhciBjaGVja2VkRGF0YSA9IE9iamVjdC52YWx1ZXMobmV3RGF0YSkubWFwKGZ1bmN0aW9uIChjYXRlZ29yeSwgaW5kZXgpIHtcbiAgICAgICAgICAgIHJldHVybiBfX2Fzc2lnbihfX2Fzc2lnbih7fSwgY2F0ZWdvcnkpLCB7IGtleTogaW5kZXggfSk7XG4gICAgICAgIH0pO1xuICAgICAgICBzZXRHRGF0YShjaGVja2VkRGF0YSk7XG4gICAgfTtcbiAgICB2YXIgb25TZWxlY3QgPSBmdW5jdGlvbiAoc2VsZWN0ZWRLZXlzLCBpbmZvKSB7XG4gICAgICAgIHNldFNpZGViYXJJbmZvKHNlbGVjdGVkS2V5cyk7XG4gICAgfTtcbiAgICB2YXIgYWRkQ2F0ZWdvcnkgPSBmdW5jdGlvbiAoKSB7XG4gICAgICAgIHNldEdEYXRhKGZ1bmN0aW9uIChwcmV2Q2F0ZWdvcmllcykgeyByZXR1cm4gX19zcHJlYWRBcnJheShfX3NwcmVhZEFycmF5KFtdLCBwcmV2Q2F0ZWdvcmllcywgdHJ1ZSksIFtcbiAgICAgICAgICAgIHsgdGl0bGU6IFwiTmV3IGNhdGVnb3J5XCIsIGtleTogXCJcIi5jb25jYXQoZ0RhdGEubGVuZ3RoKSB9LFxuICAgICAgICBdLCBmYWxzZSk7IH0pO1xuICAgIH07XG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcbiAgICAgICAgcHJvcHMuY2F0ZWdvcnlTaWRlYmFySW5mbyh7XG4gICAgICAgICAgICBzZWxlY3RLZXk6IHNpZGViYXJJbmZvLFxuICAgICAgICAgICAgZGF0YTogZ2V0X2VsZW1lbnRfYnlfaW5kZXgoZ0RhdGEsIHNpZGViYXJJbmZvICYmIHNpZGViYXJJbmZvWzBdKSxcbiAgICAgICAgfSk7XG4gICAgfSwgW3NpZGViYXJJbmZvXSk7XG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcbiAgICAgICAgdmFyIG5ld0dEYXRhID0gYWRkUHJvcGVydHlCeUluZGV4KGdEYXRhLCBzaWRlYmFySW5mbyAmJiBzaWRlYmFySW5mb1swXSwgXCJkYXRhXCIsIGNhdGVnb3J5Q29udGVudERhdGEpO1xuICAgICAgICB2YXIgdXBkYXRlZEdEYXRhID0gbmV3R0RhdGEubWFwKGZ1bmN0aW9uIChjYXRlZ29yeSwgaW5kZXgpIHtcbiAgICAgICAgICAgIGlmIChjYXRlZ29yeSA9PT0gbnVsbCB8fCBjYXRlZ29yeSA9PT0gdm9pZCAwID8gdm9pZCAwIDogY2F0ZWdvcnkuZGF0YSkge1xuICAgICAgICAgICAgICAgIHJldHVybiBfX2Fzc2lnbihfX2Fzc2lnbih7fSwgY2F0ZWdvcnkpLCB7IHRpdGxlOiBcIlwiLmNvbmNhdChjYXRlZ29yeS5kYXRhLmNhdGVnb3J5TmFtZSwgXCIgXCIpLmNvbmNhdChjYXRlZ29yeS5kYXRhLnF1ZXN0aW9ucyA/ICcoUTogJyArIGNhdGVnb3J5LmRhdGEucXVlc3Rpb25zLmxlbmd0aCArICcpJyA6ICcnLCBcIiBcIikuY29uY2F0KGNhdGVnb3J5LmRhdGEuZ3JhZGUgPyAnKEc6ICcgKyBjYXRlZ29yeS5kYXRhLmdyYWRlICsgJyknIDogJycpIH0pO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgcmV0dXJuIGNhdGVnb3J5O1xuICAgICAgICB9KS5maWx0ZXIoZnVuY3Rpb24gKGNhdGVnb3J5KSB7IHJldHVybiBjYXRlZ29yeS5kYXRhICYmIGNhdGVnb3J5OyB9KTtcbiAgICAgICAgc2V0R0RhdGEodXBkYXRlZEdEYXRhKTtcbiAgICB9LCBbY2F0ZWdvcnlDb250ZW50RGF0YV0pO1xuICAgIHVzZUVmZmVjdChmdW5jdGlvbiAoKSB7XG4gICAgICAgIHByb3BzLmNhdGVnb3J5U2lkZWJhckluZm8oe1xuICAgICAgICAgICAgc2VsZWN0S2V5OiBzaWRlYmFySW5mbyxcbiAgICAgICAgICAgIGRhdGE6IGdldF9lbGVtZW50X2J5X2luZGV4KGdEYXRhLCBzaWRlYmFySW5mbyAmJiBzaWRlYmFySW5mb1swXSlcbiAgICAgICAgfSk7XG4gICAgICAgIHByb3BzLmNhdGVnb3J5Q29udGVudEZpbmFsRGF0YShnRGF0YSk7XG4gICAgfSwgW2dEYXRhXSk7XG4gICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLmNhdGVnb3J5U2lkZWJhciB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLnRpdGxlIH0sIHsgY2hpbGRyZW46IFwiQ2F0ZWdvcmlhc1wiIH0pKSwgX2pzeChCdXR0b24sIF9fYXNzaWduKHsgaWNvbjogX2pzeChQbHVzT3V0bGluZWQsIHt9KSwgb25DbGljazogYWRkQ2F0ZWdvcnkgfSwgeyBjaGlsZHJlbjogXCJBZGljaW9uYXIgQ2F0ZWdvcmlhXCIgfSkpLCBfanN4KFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMuY2F0ZWdvcnlWaWV3ZXIgfSwgeyBjaGlsZHJlbjogX2pzeChUcmVlLCB7IGNsYXNzTmFtZTogXCJkcmFnZ2FibGUtdHJlZVwiLCBkZWZhdWx0RXhwYW5kZWRLZXlzOiBleHBhbmRlZEtleXMsIGRyYWdnYWJsZTogdHJ1ZSwgYmxvY2tOb2RlOiB0cnVlLCBvbkRyYWdFbnRlcjogb25EcmFnRW50ZXIsIG9uRHJvcDogb25Ecm9wLCB0cmVlRGF0YTogZ0RhdGEsIG9uU2VsZWN0OiBvblNlbGVjdCB9KSB9KSldIH0pKSk7XG59O1xuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/components/Category/CategorySidebar/index.tsx\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"CategorySidebar\": function() { return /* binding */ CategorySidebar; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/tree/index.js\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/Category/CategorySidebar/styles.module.scss\");\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/PlusOutlined.js\");\n/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../Button */ \"./src/components/Button/index.tsx\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n        if (ar || !(i in from)) {\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n            ar[i] = from[i];\n        }\n    }\n    return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\nfunction get_element_by_index(data, index) {\n    for (var _i = 0, data_1 = data; _i < data_1.length; _i++) {\n        var item = data_1[_i];\n        if (item.key === index) {\n            return item;\n        }\n        else if (item.children) {\n            var result = get_element_by_index(item.children, index);\n            if (result !== null) {\n                return result;\n            }\n        }\n    }\n    return null;\n}\nfunction addPropertyByIndex(data, index, property, value) {\n    return data.map(function (item) {\n        var _a;\n        if (item.key === index) {\n            return __assign(__assign({}, item), (_a = {}, _a[property] = value, _a));\n        }\n        else if (item.children) {\n            return __assign(__assign({}, item), { children: addPropertyByIndex(item.children, index, property, value) });\n        }\n        return item;\n    });\n}\nvar CategorySidebar = function (props) {\n    var categoryContentData = props.categoryContentData, categoryContentFinalData = props.categoryContentFinalData, data = props.data;\n    var _a = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(data), gData = _a[0], setGData = _a[1];\n    var expandedKeys = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([])[0];\n    var _b = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), sidebarInfo = _b[0], setSidebarInfo = _b[1];\n    var onDragEnter = function (info) {\n        // expandedKeys\n        // setExpandedKeys(info.expandedKeys)\n    };\n    var onDrop = function (info) {\n        var dropKey = info.node.key;\n        var dragKey = info.dragNode.key;\n        var dropPos = info.node.pos.split('-');\n        var dropPosition = info.dropPosition - Number(dropPos[dropPos.length - 1]);\n        var nodeData = info.node.data;\n        var questions = nodeData === null || nodeData === void 0 ? void 0 : nodeData.questions;\n        if (questions && questions.length > 0) {\n            console.log('you cant add a subcategory to a category with questions');\n            return;\n        }\n        if (dropPos.length >= 4) {\n            console.log('cant have more than 3 levels');\n            return;\n        }\n        var loop = function (data, key, callback) {\n            for (var i = 0; i < data.length; i++) {\n                if (data[i].key === key) {\n                    return callback(data[i], i, data);\n                }\n                if (data[i].children) {\n                    loop(data[i].children, key, callback);\n                }\n            }\n        };\n        var data = __spreadArray([], gData, true);\n        // Find dragObject\n        var dragObj;\n        loop(data, dragKey, function (item, index, arr) {\n            arr.splice(index, 1);\n            dragObj = item;\n        });\n        if (!info.dropToGap) {\n            // Drop on the content\n            loop(data, dropKey, function (item) {\n                item.children = item.children || [];\n                // where to insert\n                item.children.unshift(dragObj);\n                // {...dragObj, key: `${item.key}-${item.children.length}`}\n            });\n        }\n        else if ((info.node.props.children || []).length > 0 && // Has children\n            info.node.props.expanded && // Is expanded\n            dropPosition === 1 // On the bottom gap\n        ) {\n            loop(data, dropKey, function (item) {\n                item.children = item.children || [];\n                // where to insert\n                item.children.unshift(dragObj);\n                // in previous version, we use item.children.push(dragObj) to insert the\n                // item to the tail of the children\n            });\n        }\n        else {\n            var ar_1 = [];\n            var i_1;\n            loop(data, dropKey, function (_item, index, arr) {\n                ar_1 = arr;\n                i_1 = index;\n            });\n            if (dropPosition === -1) {\n                ar_1.splice(i_1, 0, dragObj);\n            }\n            else {\n                ar_1.splice(i_1 + 1, 0, dragObj);\n            }\n        }\n        var newData = {};\n        // TODO: create a recursive function that does the same\n        // This code changes the indexes on the fly while dragging and dropping \n        var keyCounter = 0;\n        data.forEach(function (category) {\n            var categoryKey = \"\".concat(keyCounter++);\n            var children = [];\n            if (category.children) {\n                category.children.forEach(function (subcategory, subcategoryindex) {\n                    var subcategoryKey = \"\".concat(categoryKey, \".\").concat(subcategoryindex);\n                    var subChildren = [];\n                    if (subcategory.children) {\n                        subcategory.children.forEach(function (lastSubcategory, lastSubCategoryIndex) {\n                            var lastSubcategoryKey = \"\".concat(subcategoryKey, \".\").concat(lastSubCategoryIndex);\n                            subChildren.push(__assign(__assign({}, lastSubcategory), { key: lastSubcategoryKey }));\n                        });\n                    }\n                    children.push(__assign(__assign({}, subcategory), { children: subChildren, key: subcategoryKey }));\n                });\n            }\n            newData[categoryKey] = __assign(__assign({}, category), { children: children });\n        });\n        // TODO: update this code if possible once the TODO before is done\n        /*\n            This code removes the property that was assigned to the object ex: 0: {}, 1: {} changes to {}, {}\n        */\n        var checkedData = Object.values(newData).map(function (category, index) {\n            return __assign(__assign({}, category), { key: \"\".concat(index) });\n        });\n        debugger;\n        setGData(checkedData);\n    };\n    var onSelect = function (selectedKeys, info) {\n        setSidebarInfo(selectedKeys);\n    };\n    var addCategory = function () {\n        setGData(function (prevCategories) { return __spreadArray(__spreadArray([], prevCategories, true), [\n            { title: \"New category\", key: \"\".concat(gData.length) },\n        ], false); });\n    };\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        props.categorySidebarInfo({\n            selectKey: sidebarInfo,\n            data: get_element_by_index(gData, sidebarInfo && sidebarInfo[0]),\n        });\n    }, [sidebarInfo]);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        var newGData = addPropertyByIndex(gData, sidebarInfo && sidebarInfo[0], \"data\", categoryContentData);\n        var updatedGData = newGData.map(function (category, index) {\n            if (category === null || category === void 0 ? void 0 : category.data) {\n                return __assign(__assign({}, category), { title: \"\".concat(category.data.categoryName, \" \").concat(category.data.questions ? '(Q: ' + category.data.questions.length + ')' : '', \" \").concat(category.data.grade ? '(G: ' + category.data.grade + ')' : '') });\n            }\n            return category;\n        }).filter(function (category) { return category.data && category; });\n        setGData(updatedGData);\n    }, [categoryContentData]);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        props.categorySidebarInfo({\n            selectKey: sidebarInfo,\n            data: get_element_by_index(gData, sidebarInfo && sidebarInfo[0])\n        });\n        props.categoryContentFinalData(gData);\n    }, [gData]);\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].categorySidebar }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].title }, { children: \"Categorias\" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_3__.Button, __assign({ icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {}), onClick: addCategory }, { children: \"Adicionar Categoria\" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"].categoryViewer }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { className: \"draggable-tree\", defaultExpandedKeys: expandedKeys, draggable: true, blockNode: true, onDragEnter: onDragEnter, onDrop: onDrop, treeData: gData, onSelect: onSelect }) }))] })));\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9DYXRlZ29yeS9DYXRlZ29yeVNpZGViYXIvaW5kZXgudHN4LmpzIiwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZXMiOlsid2VicGFjazovL2xpYi8uL3NyYy9jb21wb25lbnRzL0NhdGVnb3J5L0NhdGVnb3J5U2lkZWJhci9pbmRleC50c3g/NjQzNCJdLCJzb3VyY2VzQ29udGVudCI6WyJ2YXIgX19hc3NpZ24gPSAodGhpcyAmJiB0aGlzLl9fYXNzaWduKSB8fCBmdW5jdGlvbiAoKSB7XG4gICAgX19hc3NpZ24gPSBPYmplY3QuYXNzaWduIHx8IGZ1bmN0aW9uKHQpIHtcbiAgICAgICAgZm9yICh2YXIgcywgaSA9IDEsIG4gPSBhcmd1bWVudHMubGVuZ3RoOyBpIDwgbjsgaSsrKSB7XG4gICAgICAgICAgICBzID0gYXJndW1lbnRzW2ldO1xuICAgICAgICAgICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApKVxuICAgICAgICAgICAgICAgIHRbcF0gPSBzW3BdO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0O1xuICAgIH07XG4gICAgcmV0dXJuIF9fYXNzaWduLmFwcGx5KHRoaXMsIGFyZ3VtZW50cyk7XG59O1xudmFyIF9fc3ByZWFkQXJyYXkgPSAodGhpcyAmJiB0aGlzLl9fc3ByZWFkQXJyYXkpIHx8IGZ1bmN0aW9uICh0bywgZnJvbSwgcGFjaykge1xuICAgIGlmIChwYWNrIHx8IGFyZ3VtZW50cy5sZW5ndGggPT09IDIpIGZvciAodmFyIGkgPSAwLCBsID0gZnJvbS5sZW5ndGgsIGFyOyBpIDwgbDsgaSsrKSB7XG4gICAgICAgIGlmIChhciB8fCAhKGkgaW4gZnJvbSkpIHtcbiAgICAgICAgICAgIGlmICghYXIpIGFyID0gQXJyYXkucHJvdG90eXBlLnNsaWNlLmNhbGwoZnJvbSwgMCwgaSk7XG4gICAgICAgICAgICBhcltpXSA9IGZyb21baV07XG4gICAgICAgIH1cbiAgICB9XG4gICAgcmV0dXJuIHRvLmNvbmNhdChhciB8fCBBcnJheS5wcm90b3R5cGUuc2xpY2UuY2FsbChmcm9tKSk7XG59O1xuaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUcmVlIH0gZnJvbSAnYW50ZCc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGVzLm1vZHVsZS5zY3NzJztcbmltcG9ydCB7IFBsdXNPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zJztcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uL0J1dHRvbic7XG5mdW5jdGlvbiBnZXRfZWxlbWVudF9ieV9pbmRleChkYXRhLCBpbmRleCkge1xuICAgIGZvciAodmFyIF9pID0gMCwgZGF0YV8xID0gZGF0YTsgX2kgPCBkYXRhXzEubGVuZ3RoOyBfaSsrKSB7XG4gICAgICAgIHZhciBpdGVtID0gZGF0YV8xW19pXTtcbiAgICAgICAgaWYgKGl0ZW0ua2V5ID09PSBpbmRleCkge1xuICAgICAgICAgICAgcmV0dXJuIGl0ZW07XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSBpZiAoaXRlbS5jaGlsZHJlbikge1xuICAgICAgICAgICAgdmFyIHJlc3VsdCA9IGdldF9lbGVtZW50X2J5X2luZGV4KGl0ZW0uY2hpbGRyZW4sIGluZGV4KTtcbiAgICAgICAgICAgIGlmIChyZXN1bHQgIT09IG51bGwpIHtcbiAgICAgICAgICAgICAgICByZXR1cm4gcmVzdWx0O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuICAgIHJldHVybiBudWxsO1xufVxuZnVuY3Rpb24gYWRkUHJvcGVydHlCeUluZGV4KGRhdGEsIGluZGV4LCBwcm9wZXJ0eSwgdmFsdWUpIHtcbiAgICByZXR1cm4gZGF0YS5tYXAoZnVuY3Rpb24gKGl0ZW0pIHtcbiAgICAgICAgdmFyIF9hO1xuICAgICAgICBpZiAoaXRlbS5rZXkgPT09IGluZGV4KSB7XG4gICAgICAgICAgICByZXR1cm4gX19hc3NpZ24oX19hc3NpZ24oe30sIGl0ZW0pLCAoX2EgPSB7fSwgX2FbcHJvcGVydHldID0gdmFsdWUsIF9hKSk7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSBpZiAoaXRlbS5jaGlsZHJlbikge1xuICAgICAgICAgICAgcmV0dXJuIF9fYXNzaWduKF9fYXNzaWduKHt9LCBpdGVtKSwgeyBjaGlsZHJlbjogYWRkUHJvcGVydHlCeUluZGV4KGl0ZW0uY2hpbGRyZW4sIGluZGV4LCBwcm9wZXJ0eSwgdmFsdWUpIH0pO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBpdGVtO1xuICAgIH0pO1xufVxuZXhwb3J0IHZhciBDYXRlZ29yeVNpZGViYXIgPSBmdW5jdGlvbiAocHJvcHMpIHtcbiAgICB2YXIgY2F0ZWdvcnlDb250ZW50RGF0YSA9IHByb3BzLmNhdGVnb3J5Q29udGVudERhdGEsIGNhdGVnb3J5Q29udGVudEZpbmFsRGF0YSA9IHByb3BzLmNhdGVnb3J5Q29udGVudEZpbmFsRGF0YSwgZGF0YSA9IHByb3BzLmRhdGE7XG4gICAgdmFyIF9hID0gdXNlU3RhdGUoZGF0YSksIGdEYXRhID0gX2FbMF0sIHNldEdEYXRhID0gX2FbMV07XG4gICAgdmFyIGV4cGFuZGVkS2V5cyA9IHVzZVN0YXRlKFtdKVswXTtcbiAgICB2YXIgX2IgPSB1c2VTdGF0ZSgpLCBzaWRlYmFySW5mbyA9IF9iWzBdLCBzZXRTaWRlYmFySW5mbyA9IF9iWzFdO1xuICAgIHZhciBvbkRyYWdFbnRlciA9IGZ1bmN0aW9uIChpbmZvKSB7XG4gICAgICAgIC8vIGV4cGFuZGVkS2V5c1xuICAgICAgICAvLyBzZXRFeHBhbmRlZEtleXMoaW5mby5leHBhbmRlZEtleXMpXG4gICAgfTtcbiAgICB2YXIgb25Ecm9wID0gZnVuY3Rpb24gKGluZm8pIHtcbiAgICAgICAgdmFyIGRyb3BLZXkgPSBpbmZvLm5vZGUua2V5O1xuICAgICAgICB2YXIgZHJhZ0tleSA9IGluZm8uZHJhZ05vZGUua2V5O1xuICAgICAgICB2YXIgZHJvcFBvcyA9IGluZm8ubm9kZS5wb3Muc3BsaXQoJy0nKTtcbiAgICAgICAgdmFyIGRyb3BQb3NpdGlvbiA9IGluZm8uZHJvcFBvc2l0aW9uIC0gTnVtYmVyKGRyb3BQb3NbZHJvcFBvcy5sZW5ndGggLSAxXSk7XG4gICAgICAgIHZhciBub2RlRGF0YSA9IGluZm8ubm9kZS5kYXRhO1xuICAgICAgICB2YXIgcXVlc3Rpb25zID0gbm9kZURhdGEgPT09IG51bGwgfHwgbm9kZURhdGEgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG5vZGVEYXRhLnF1ZXN0aW9ucztcbiAgICAgICAgaWYgKHF1ZXN0aW9ucyAmJiBxdWVzdGlvbnMubGVuZ3RoID4gMCkge1xuICAgICAgICAgICAgY29uc29sZS5sb2coJ3lvdSBjYW50IGFkZCBhIHN1YmNhdGVnb3J5IHRvIGEgY2F0ZWdvcnkgd2l0aCBxdWVzdGlvbnMnKTtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBpZiAoZHJvcFBvcy5sZW5ndGggPj0gNCkge1xuICAgICAgICAgICAgY29uc29sZS5sb2coJ2NhbnQgaGF2ZSBtb3JlIHRoYW4gMyBsZXZlbHMnKTtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICB2YXIgbG9vcCA9IGZ1bmN0aW9uIChkYXRhLCBrZXksIGNhbGxiYWNrKSB7XG4gICAgICAgICAgICBmb3IgKHZhciBpID0gMDsgaSA8IGRhdGEubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgICAgICAgICBpZiAoZGF0YVtpXS5rZXkgPT09IGtleSkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gY2FsbGJhY2soZGF0YVtpXSwgaSwgZGF0YSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGlmIChkYXRhW2ldLmNoaWxkcmVuKSB7XG4gICAgICAgICAgICAgICAgICAgIGxvb3AoZGF0YVtpXS5jaGlsZHJlbiwga2V5LCBjYWxsYmFjayk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9O1xuICAgICAgICB2YXIgZGF0YSA9IF9fc3ByZWFkQXJyYXkoW10sIGdEYXRhLCB0cnVlKTtcbiAgICAgICAgLy8gRmluZCBkcmFnT2JqZWN0XG4gICAgICAgIHZhciBkcmFnT2JqO1xuICAgICAgICBsb29wKGRhdGEsIGRyYWdLZXksIGZ1bmN0aW9uIChpdGVtLCBpbmRleCwgYXJyKSB7XG4gICAgICAgICAgICBhcnIuc3BsaWNlKGluZGV4LCAxKTtcbiAgICAgICAgICAgIGRyYWdPYmogPSBpdGVtO1xuICAgICAgICB9KTtcbiAgICAgICAgaWYgKCFpbmZvLmRyb3BUb0dhcCkge1xuICAgICAgICAgICAgLy8gRHJvcCBvbiB0aGUgY29udGVudFxuICAgICAgICAgICAgbG9vcChkYXRhLCBkcm9wS2V5LCBmdW5jdGlvbiAoaXRlbSkge1xuICAgICAgICAgICAgICAgIGl0ZW0uY2hpbGRyZW4gPSBpdGVtLmNoaWxkcmVuIHx8IFtdO1xuICAgICAgICAgICAgICAgIC8vIHdoZXJlIHRvIGluc2VydFxuICAgICAgICAgICAgICAgIGl0ZW0uY2hpbGRyZW4udW5zaGlmdChkcmFnT2JqKTtcbiAgICAgICAgICAgICAgICAvLyB7Li4uZHJhZ09iaiwga2V5OiBgJHtpdGVtLmtleX0tJHtpdGVtLmNoaWxkcmVuLmxlbmd0aH1gfVxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSBpZiAoKGluZm8ubm9kZS5wcm9wcy5jaGlsZHJlbiB8fCBbXSkubGVuZ3RoID4gMCAmJiAvLyBIYXMgY2hpbGRyZW5cbiAgICAgICAgICAgIGluZm8ubm9kZS5wcm9wcy5leHBhbmRlZCAmJiAvLyBJcyBleHBhbmRlZFxuICAgICAgICAgICAgZHJvcFBvc2l0aW9uID09PSAxIC8vIE9uIHRoZSBib3R0b20gZ2FwXG4gICAgICAgICkge1xuICAgICAgICAgICAgbG9vcChkYXRhLCBkcm9wS2V5LCBmdW5jdGlvbiAoaXRlbSkge1xuICAgICAgICAgICAgICAgIGl0ZW0uY2hpbGRyZW4gPSBpdGVtLmNoaWxkcmVuIHx8IFtdO1xuICAgICAgICAgICAgICAgIC8vIHdoZXJlIHRvIGluc2VydFxuICAgICAgICAgICAgICAgIGl0ZW0uY2hpbGRyZW4udW5zaGlmdChkcmFnT2JqKTtcbiAgICAgICAgICAgICAgICAvLyBpbiBwcmV2aW91cyB2ZXJzaW9uLCB3ZSB1c2UgaXRlbS5jaGlsZHJlbi5wdXNoKGRyYWdPYmopIHRvIGluc2VydCB0aGVcbiAgICAgICAgICAgICAgICAvLyBpdGVtIHRvIHRoZSB0YWlsIG9mIHRoZSBjaGlsZHJlblxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICB2YXIgYXJfMSA9IFtdO1xuICAgICAgICAgICAgdmFyIGlfMTtcbiAgICAgICAgICAgIGxvb3AoZGF0YSwgZHJvcEtleSwgZnVuY3Rpb24gKF9pdGVtLCBpbmRleCwgYXJyKSB7XG4gICAgICAgICAgICAgICAgYXJfMSA9IGFycjtcbiAgICAgICAgICAgICAgICBpXzEgPSBpbmRleDtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgaWYgKGRyb3BQb3NpdGlvbiA9PT0gLTEpIHtcbiAgICAgICAgICAgICAgICBhcl8xLnNwbGljZShpXzEsIDAsIGRyYWdPYmopO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICAgICAgYXJfMS5zcGxpY2UoaV8xICsgMSwgMCwgZHJhZ09iaik7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgdmFyIG5ld0RhdGEgPSB7fTtcbiAgICAgICAgLy8gVE9ETzogY3JlYXRlIGEgcmVjdXJzaXZlIGZ1bmN0aW9uIHRoYXQgZG9lcyB0aGUgc2FtZVxuICAgICAgICAvLyBUaGlzIGNvZGUgY2hhbmdlcyB0aGUgaW5kZXhlcyBvbiB0aGUgZmx5IHdoaWxlIGRyYWdnaW5nIGFuZCBkcm9wcGluZyBcbiAgICAgICAgdmFyIGtleUNvdW50ZXIgPSAwO1xuICAgICAgICBkYXRhLmZvckVhY2goZnVuY3Rpb24gKGNhdGVnb3J5KSB7XG4gICAgICAgICAgICB2YXIgY2F0ZWdvcnlLZXkgPSBcIlwiLmNvbmNhdChrZXlDb3VudGVyKyspO1xuICAgICAgICAgICAgdmFyIGNoaWxkcmVuID0gW107XG4gICAgICAgICAgICBpZiAoY2F0ZWdvcnkuY2hpbGRyZW4pIHtcbiAgICAgICAgICAgICAgICBjYXRlZ29yeS5jaGlsZHJlbi5mb3JFYWNoKGZ1bmN0aW9uIChzdWJjYXRlZ29yeSwgc3ViY2F0ZWdvcnlpbmRleCkge1xuICAgICAgICAgICAgICAgICAgICB2YXIgc3ViY2F0ZWdvcnlLZXkgPSBcIlwiLmNvbmNhdChjYXRlZ29yeUtleSwgXCIuXCIpLmNvbmNhdChzdWJjYXRlZ29yeWluZGV4KTtcbiAgICAgICAgICAgICAgICAgICAgdmFyIHN1YkNoaWxkcmVuID0gW107XG4gICAgICAgICAgICAgICAgICAgIGlmIChzdWJjYXRlZ29yeS5jaGlsZHJlbikge1xuICAgICAgICAgICAgICAgICAgICAgICAgc3ViY2F0ZWdvcnkuY2hpbGRyZW4uZm9yRWFjaChmdW5jdGlvbiAobGFzdFN1YmNhdGVnb3J5LCBsYXN0U3ViQ2F0ZWdvcnlJbmRleCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhciBsYXN0U3ViY2F0ZWdvcnlLZXkgPSBcIlwiLmNvbmNhdChzdWJjYXRlZ29yeUtleSwgXCIuXCIpLmNvbmNhdChsYXN0U3ViQ2F0ZWdvcnlJbmRleCk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc3ViQ2hpbGRyZW4ucHVzaChfX2Fzc2lnbihfX2Fzc2lnbih7fSwgbGFzdFN1YmNhdGVnb3J5KSwgeyBrZXk6IGxhc3RTdWJjYXRlZ29yeUtleSB9KSk7XG4gICAgICAgICAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICBjaGlsZHJlbi5wdXNoKF9fYXNzaWduKF9fYXNzaWduKHt9LCBzdWJjYXRlZ29yeSksIHsgY2hpbGRyZW46IHN1YkNoaWxkcmVuLCBrZXk6IHN1YmNhdGVnb3J5S2V5IH0pKTtcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIG5ld0RhdGFbY2F0ZWdvcnlLZXldID0gX19hc3NpZ24oX19hc3NpZ24oe30sIGNhdGVnb3J5KSwgeyBjaGlsZHJlbjogY2hpbGRyZW4gfSk7XG4gICAgICAgIH0pO1xuICAgICAgICAvLyBUT0RPOiB1cGRhdGUgdGhpcyBjb2RlIGlmIHBvc3NpYmxlIG9uY2UgdGhlIFRPRE8gYmVmb3JlIGlzIGRvbmVcbiAgICAgICAgLypcbiAgICAgICAgICAgIFRoaXMgY29kZSByZW1vdmVzIHRoZSBwcm9wZXJ0eSB0aGF0IHdhcyBhc3NpZ25lZCB0byB0aGUgb2JqZWN0IGV4OiAwOiB7fSwgMToge30gY2hhbmdlcyB0byB7fSwge31cbiAgICAgICAgKi9cbiAgICAgICAgdmFyIGNoZWNrZWREYXRhID0gT2JqZWN0LnZhbHVlcyhuZXdEYXRhKS5tYXAoZnVuY3Rpb24gKGNhdGVnb3J5LCBpbmRleCkge1xuICAgICAgICAgICAgcmV0dXJuIF9fYXNzaWduKF9fYXNzaWduKHt9LCBjYXRlZ29yeSksIHsga2V5OiBcIlwiLmNvbmNhdChpbmRleCkgfSk7XG4gICAgICAgIH0pO1xuICAgICAgICBkZWJ1Z2dlcjtcbiAgICAgICAgc2V0R0RhdGEoY2hlY2tlZERhdGEpO1xuICAgIH07XG4gICAgdmFyIG9uU2VsZWN0ID0gZnVuY3Rpb24gKHNlbGVjdGVkS2V5cywgaW5mbykge1xuICAgICAgICBzZXRTaWRlYmFySW5mbyhzZWxlY3RlZEtleXMpO1xuICAgIH07XG4gICAgdmFyIGFkZENhdGVnb3J5ID0gZnVuY3Rpb24gKCkge1xuICAgICAgICBzZXRHRGF0YShmdW5jdGlvbiAocHJldkNhdGVnb3JpZXMpIHsgcmV0dXJuIF9fc3ByZWFkQXJyYXkoX19zcHJlYWRBcnJheShbXSwgcHJldkNhdGVnb3JpZXMsIHRydWUpLCBbXG4gICAgICAgICAgICB7IHRpdGxlOiBcIk5ldyBjYXRlZ29yeVwiLCBrZXk6IFwiXCIuY29uY2F0KGdEYXRhLmxlbmd0aCkgfSxcbiAgICAgICAgXSwgZmFsc2UpOyB9KTtcbiAgICB9O1xuICAgIHVzZUVmZmVjdChmdW5jdGlvbiAoKSB7XG4gICAgICAgIHByb3BzLmNhdGVnb3J5U2lkZWJhckluZm8oe1xuICAgICAgICAgICAgc2VsZWN0S2V5OiBzaWRlYmFySW5mbyxcbiAgICAgICAgICAgIGRhdGE6IGdldF9lbGVtZW50X2J5X2luZGV4KGdEYXRhLCBzaWRlYmFySW5mbyAmJiBzaWRlYmFySW5mb1swXSksXG4gICAgICAgIH0pO1xuICAgIH0sIFtzaWRlYmFySW5mb10pO1xuICAgIHVzZUVmZmVjdChmdW5jdGlvbiAoKSB7XG4gICAgICAgIHZhciBuZXdHRGF0YSA9IGFkZFByb3BlcnR5QnlJbmRleChnRGF0YSwgc2lkZWJhckluZm8gJiYgc2lkZWJhckluZm9bMF0sIFwiZGF0YVwiLCBjYXRlZ29yeUNvbnRlbnREYXRhKTtcbiAgICAgICAgdmFyIHVwZGF0ZWRHRGF0YSA9IG5ld0dEYXRhLm1hcChmdW5jdGlvbiAoY2F0ZWdvcnksIGluZGV4KSB7XG4gICAgICAgICAgICBpZiAoY2F0ZWdvcnkgPT09IG51bGwgfHwgY2F0ZWdvcnkgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGNhdGVnb3J5LmRhdGEpIHtcbiAgICAgICAgICAgICAgICByZXR1cm4gX19hc3NpZ24oX19hc3NpZ24oe30sIGNhdGVnb3J5KSwgeyB0aXRsZTogXCJcIi5jb25jYXQoY2F0ZWdvcnkuZGF0YS5jYXRlZ29yeU5hbWUsIFwiIFwiKS5jb25jYXQoY2F0ZWdvcnkuZGF0YS5xdWVzdGlvbnMgPyAnKFE6ICcgKyBjYXRlZ29yeS5kYXRhLnF1ZXN0aW9ucy5sZW5ndGggKyAnKScgOiAnJywgXCIgXCIpLmNvbmNhdChjYXRlZ29yeS5kYXRhLmdyYWRlID8gJyhHOiAnICsgY2F0ZWdvcnkuZGF0YS5ncmFkZSArICcpJyA6ICcnKSB9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHJldHVybiBjYXRlZ29yeTtcbiAgICAgICAgfSkuZmlsdGVyKGZ1bmN0aW9uIChjYXRlZ29yeSkgeyByZXR1cm4gY2F0ZWdvcnkuZGF0YSAmJiBjYXRlZ29yeTsgfSk7XG4gICAgICAgIHNldEdEYXRhKHVwZGF0ZWRHRGF0YSk7XG4gICAgfSwgW2NhdGVnb3J5Q29udGVudERhdGFdKTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICBwcm9wcy5jYXRlZ29yeVNpZGViYXJJbmZvKHtcbiAgICAgICAgICAgIHNlbGVjdEtleTogc2lkZWJhckluZm8sXG4gICAgICAgICAgICBkYXRhOiBnZXRfZWxlbWVudF9ieV9pbmRleChnRGF0YSwgc2lkZWJhckluZm8gJiYgc2lkZWJhckluZm9bMF0pXG4gICAgICAgIH0pO1xuICAgICAgICBwcm9wcy5jYXRlZ29yeUNvbnRlbnRGaW5hbERhdGEoZ0RhdGEpO1xuICAgIH0sIFtnRGF0YV0pO1xuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlcy5jYXRlZ29yeVNpZGViYXIgfSwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlcy50aXRsZSB9LCB7IGNoaWxkcmVuOiBcIkNhdGVnb3JpYXNcIiB9KSksIF9qc3goQnV0dG9uLCBfX2Fzc2lnbih7IGljb246IF9qc3goUGx1c091dGxpbmVkLCB7fSksIG9uQ2xpY2s6IGFkZENhdGVnb3J5IH0sIHsgY2hpbGRyZW46IFwiQWRpY2lvbmFyIENhdGVnb3JpYVwiIH0pKSwgX2pzeChcImRpdlwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLmNhdGVnb3J5Vmlld2VyIH0sIHsgY2hpbGRyZW46IF9qc3goVHJlZSwgeyBjbGFzc05hbWU6IFwiZHJhZ2dhYmxlLXRyZWVcIiwgZGVmYXVsdEV4cGFuZGVkS2V5czogZXhwYW5kZWRLZXlzLCBkcmFnZ2FibGU6IHRydWUsIGJsb2NrTm9kZTogdHJ1ZSwgb25EcmFnRW50ZXI6IG9uRHJhZ0VudGVyLCBvbkRyb3A6IG9uRHJvcCwgdHJlZURhdGE6IGdEYXRhLCBvblNlbGVjdDogb25TZWxlY3QgfSkgfSkpXSB9KSkpO1xufTtcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/components/Category/CategorySidebar/index.tsx\n");
 
 /***/ }),
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omniumretail/component-library",
-  "version": "1.0.34",
+  "version": "1.0.35",
   "private": false,
   "main": "dist/bundle.js",
   "typings": "./dist/types/index",

package/src/components/Category/Category.stories.tsx

@@ -14,42 +14,44 @@ const Template: Story<any> = (args) => {
         console.log(serverData);
     }, [serverData])
     
-    return <Category {...args} serverReadyData={setServerData} data={[
-        {
-            "title": "opgg (Q: 1) ",
-            "key": "0",
-            "data": {
-                "categoryName": "opgg",
-                "openAnswer": true,
-                "questions": [
-                    {
-                        "question": "1",
-                        "info": "2"
-                    }
-                ]
-            }
-        },
-        {
-            "title": "abcd (Q: 1) (G: 2)",
-            "key": "1",
-            "data": {
-                "categoryName": "abcd",
-                "openAnswer": false,
-                "questions": [
-                    {
-                        "question": "ax1",
-                        "info": "se2",
-                        "grade": "1s"
-                    }
-                ],
-                "generalEvaluationLevel": "2",
-                "grade": "2"
-            }
-        }
-    ]}></Category>
+    return <Category {...args} serverReadyData={setServerData} data={[]}></Category>
 };
 
 export const Primary = Template.bind({});
 Primary.args = {
 };
 
+
+// [
+//     {
+//         "title": "opgg (Q: 1) ",
+//         "key": "0",
+//         "data": {
+//             "categoryName": "opgg",
+//             "openAnswer": true,
+//             "questions": [
+//                 {
+//                     "question": "1",
+//                     "info": "2"
+//                 }
+//             ]
+//         }
+//     },
+//     {
+//         "title": "abcd (Q: 1) (G: 2)",
+//         "key": "1",
+//         "data": {
+//             "categoryName": "abcd",
+//             "openAnswer": false,
+//             "questions": [
+//                 {
+//                     "question": "ax1",
+//                     "info": "se2",
+//                     "grade": "1s"
+//                 }
+//             ],
+//             "generalEvaluationLevel": "2",
+//             "grade": "2"
+//         }
+//     }
+// ]

package/src/components/Category/CategorySidebar/index.tsx

@@ -178,9 +178,11 @@ export const CategorySidebar = (props: SidebarProps) => {
             This code removes the property that was assigned to the object ex: 0: {}, 1: {} changes to {}, {} 
         */
         const checkedData = Object.values(newData).map((category: any, index: number) => {
-            return { ...category, key: index };
+            return { ...category, key: `${index}` };
         });
 
+        debugger;
+
         setGData(checkedData);
     };