@omniumretail/component-library 1.0.26 → 1.0.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundle.js +2 -2
- package/dist/types/components/Category/CategorySidebar/index.d.ts +1 -0
- package/dist/types/components/Category/index.d.ts +1 -0
- package/package.json +1 -1
- package/src/components/Category/Category.stories.tsx +9 -1
- package/src/components/Category/CategorySidebar/index.tsx +3 -2
- package/src/components/Category/index.tsx +5 -2
package/dist/bundle.js
CHANGED
|
@@ -9740,7 +9740,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
9740
9740
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
9741
9741
|
|
|
9742
9742
|
"use strict";
|
|
9743
|
-
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, 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 console.log(category === null || category === void 0 ? void 0 : category.data);\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 console.log(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/NjQzNCJdLCJzb3VyY2VzQ29udGVudCI6WyJ2YXIgX19hc3NpZ24gPSAodGhpcyAmJiB0aGlzLl9fYXNzaWduKSB8fCBmdW5jdGlvbiAoKSB7XG4gICAgX19hc3NpZ24gPSBPYmplY3QuYXNzaWduIHx8IGZ1bmN0aW9uKHQpIHtcbiAgICAgICAgZm9yICh2YXIgcywgaSA9IDEsIG4gPSBhcmd1bWVudHMubGVuZ3RoOyBpIDwgbjsgaSsrKSB7XG4gICAgICAgICAgICBzID0gYXJndW1lbnRzW2ldO1xuICAgICAgICAgICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApKVxuICAgICAgICAgICAgICAgIHRbcF0gPSBzW3BdO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0O1xuICAgIH07XG4gICAgcmV0dXJuIF9fYXNzaWduLmFwcGx5KHRoaXMsIGFyZ3VtZW50cyk7XG59O1xudmFyIF9fc3ByZWFkQXJyYXkgPSAodGhpcyAmJiB0aGlzLl9fc3ByZWFkQXJyYXkpIHx8IGZ1bmN0aW9uICh0bywgZnJvbSwgcGFjaykge1xuICAgIGlmIChwYWNrIHx8IGFyZ3VtZW50cy5sZW5ndGggPT09IDIpIGZvciAodmFyIGkgPSAwLCBsID0gZnJvbS5sZW5ndGgsIGFyOyBpIDwgbDsgaSsrKSB7XG4gICAgICAgIGlmIChhciB8fCAhKGkgaW4gZnJvbSkpIHtcbiAgICAgICAgICAgIGlmICghYXIpIGFyID0gQXJyYXkucHJvdG90eXBlLnNsaWNlLmNhbGwoZnJvbSwgMCwgaSk7XG4gICAgICAgICAgICBhcltpXSA9IGZyb21baV07XG4gICAgICAgIH1cbiAgICB9XG4gICAgcmV0dXJuIHRvLmNvbmNhdChhciB8fCBBcnJheS5wcm90b3R5cGUuc2xpY2UuY2FsbChmcm9tKSk7XG59O1xuaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUcmVlIH0gZnJvbSAnYW50ZCc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGVzLm1vZHVsZS5zY3NzJztcbmltcG9ydCB7IFBsdXNPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zJztcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uL0J1dHRvbic7XG5mdW5jdGlvbiBnZXRfZWxlbWVudF9ieV9pbmRleChkYXRhLCBpbmRleCkge1xuICAgIGZvciAodmFyIF9pID0gMCwgZGF0YV8xID0gZGF0YTsgX2kgPCBkYXRhXzEubGVuZ3RoOyBfaSsrKSB7XG4gICAgICAgIHZhciBpdGVtID0gZGF0YV8xW19pXTtcbiAgICAgICAgaWYgKGl0ZW0ua2V5ID09PSBpbmRleCkge1xuICAgICAgICAgICAgcmV0dXJuIGl0ZW07XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSBpZiAoaXRlbS5jaGlsZHJlbikge1xuICAgICAgICAgICAgdmFyIHJlc3VsdCA9IGdldF9lbGVtZW50X2J5X2luZGV4KGl0ZW0uY2hpbGRyZW4sIGluZGV4KTtcbiAgICAgICAgICAgIGlmIChyZXN1bHQgIT09IG51bGwpIHtcbiAgICAgICAgICAgICAgICByZXR1cm4gcmVzdWx0O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuICAgIHJldHVybiBudWxsO1xufVxuZnVuY3Rpb24gYWRkUHJvcGVydHlCeUluZGV4KGRhdGEsIGluZGV4LCBwcm9wZXJ0eSwgdmFsdWUpIHtcbiAgICByZXR1cm4gZGF0YS5tYXAoZnVuY3Rpb24gKGl0ZW0pIHtcbiAgICAgICAgdmFyIF9hO1xuICAgICAgICBpZiAoaXRlbS5rZXkgPT09IGluZGV4KSB7XG4gICAgICAgICAgICByZXR1cm4gX19hc3NpZ24oX19hc3NpZ24oe30sIGl0ZW0pLCAoX2EgPSB7fSwgX2FbcHJvcGVydHldID0gdmFsdWUsIF9hKSk7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSBpZiAoaXRlbS5jaGlsZHJlbikge1xuICAgICAgICAgICAgcmV0dXJuIF9fYXNzaWduKF9fYXNzaWduKHt9LCBpdGVtKSwgeyBjaGlsZHJlbjogYWRkUHJvcGVydHlCeUluZGV4KGl0ZW0uY2hpbGRyZW4sIGluZGV4LCBwcm9wZXJ0eSwgdmFsdWUpIH0pO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBpdGVtO1xuICAgIH0pO1xufVxuZXhwb3J0IHZhciBDYXRlZ29yeVNpZGViYXIgPSBmdW5jdGlvbiAocHJvcHMpIHtcbiAgICB2YXIgY2F0ZWdvcnlDb250ZW50RGF0YSA9IHByb3BzLmNhdGVnb3J5Q29udGVudERhdGEsIGRhdGEgPSBwcm9wcy5kYXRhO1xuICAgIHZhciBfYSA9IHVzZVN0YXRlKGRhdGEpLCBnRGF0YSA9IF9hWzBdLCBzZXRHRGF0YSA9IF9hWzFdO1xuICAgIHZhciBleHBhbmRlZEtleXMgPSB1c2VTdGF0ZShbXSlbMF07XG4gICAgdmFyIF9iID0gdXNlU3RhdGUoKSwgc2lkZWJhckluZm8gPSBfYlswXSwgc2V0U2lkZWJhckluZm8gPSBfYlsxXTtcbiAgICB2YXIgb25EcmFnRW50ZXIgPSBmdW5jdGlvbiAoaW5mbykge1xuICAgICAgICAvLyBleHBhbmRlZEtleXNcbiAgICAgICAgLy8gc2V0RXhwYW5kZWRLZXlzKGluZm8uZXhwYW5kZWRLZXlzKVxuICAgIH07XG4gICAgdmFyIG9uRHJvcCA9IGZ1bmN0aW9uIChpbmZvKSB7XG4gICAgICAgIHZhciBkcm9wS2V5ID0gaW5mby5ub2RlLmtleTtcbiAgICAgICAgdmFyIGRyYWdLZXkgPSBpbmZvLmRyYWdOb2RlLmtleTtcbiAgICAgICAgdmFyIGRyb3BQb3MgPSBpbmZvLm5vZGUucG9zLnNwbGl0KCctJyk7XG4gICAgICAgIHZhciBkcm9wUG9zaXRpb24gPSBpbmZvLmRyb3BQb3NpdGlvbiAtIE51bWJlcihkcm9wUG9zW2Ryb3BQb3MubGVuZ3RoIC0gMV0pO1xuICAgICAgICB2YXIgbm9kZURhdGEgPSBpbmZvLm5vZGUuZGF0YTtcbiAgICAgICAgdmFyIHF1ZXN0aW9ucyA9IG5vZGVEYXRhID09PSBudWxsIHx8IG5vZGVEYXRhID09PSB2b2lkIDAgPyB2b2lkIDAgOiBub2RlRGF0YS5xdWVzdGlvbnM7XG4gICAgICAgIGlmIChxdWVzdGlvbnMgJiYgcXVlc3Rpb25zLmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgIGNvbnNvbGUubG9nKCd5b3UgY2FudCBhZGQgYSBzdWJjYXRlZ29yeSB0byBhIGNhdGVnb3J5IHdpdGggcXVlc3Rpb25zJyk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgaWYgKGRyb3BQb3MubGVuZ3RoID49IDQpIHtcbiAgICAgICAgICAgIGNvbnNvbGUubG9nKCdjYW50IGhhdmUgbW9yZSB0aGFuIDMgbGV2ZWxzJyk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgdmFyIGxvb3AgPSBmdW5jdGlvbiAoZGF0YSwga2V5LCBjYWxsYmFjaykge1xuICAgICAgICAgICAgZm9yICh2YXIgaSA9IDA7IGkgPCBkYXRhLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgICAgICAgICAgaWYgKGRhdGFbaV0ua2V5ID09PSBrZXkpIHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIGNhbGxiYWNrKGRhdGFbaV0sIGksIGRhdGEpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBpZiAoZGF0YVtpXS5jaGlsZHJlbikge1xuICAgICAgICAgICAgICAgICAgICBsb29wKGRhdGFbaV0uY2hpbGRyZW4sIGtleSwgY2FsbGJhY2spO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfTtcbiAgICAgICAgdmFyIGRhdGEgPSBfX3NwcmVhZEFycmF5KFtdLCBnRGF0YSwgdHJ1ZSk7XG4gICAgICAgIC8vIEZpbmQgZHJhZ09iamVjdFxuICAgICAgICB2YXIgZHJhZ09iajtcbiAgICAgICAgbG9vcChkYXRhLCBkcmFnS2V5LCBmdW5jdGlvbiAoaXRlbSwgaW5kZXgsIGFycikge1xuICAgICAgICAgICAgYXJyLnNwbGljZShpbmRleCwgMSk7XG4gICAgICAgICAgICBkcmFnT2JqID0gaXRlbTtcbiAgICAgICAgfSk7XG4gICAgICAgIGlmICghaW5mby5kcm9wVG9HYXApIHtcbiAgICAgICAgICAgIC8vIERyb3Agb24gdGhlIGNvbnRlbnRcbiAgICAgICAgICAgIGxvb3AoZGF0YSwgZHJvcEtleSwgZnVuY3Rpb24gKGl0ZW0pIHtcbiAgICAgICAgICAgICAgICBpdGVtLmNoaWxkcmVuID0gaXRlbS5jaGlsZHJlbiB8fCBbXTtcbiAgICAgICAgICAgICAgICAvLyB3aGVyZSB0byBpbnNlcnRcbiAgICAgICAgICAgICAgICBpdGVtLmNoaWxkcmVuLnVuc2hpZnQoZHJhZ09iaik7XG4gICAgICAgICAgICAgICAgLy8gey4uLmRyYWdPYmosIGtleTogYCR7aXRlbS5rZXl9LSR7aXRlbS5jaGlsZHJlbi5sZW5ndGh9YH1cbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgICAgIGVsc2UgaWYgKChpbmZvLm5vZGUucHJvcHMuY2hpbGRyZW4gfHwgW10pLmxlbmd0aCA+IDAgJiYgLy8gSGFzIGNoaWxkcmVuXG4gICAgICAgICAgICBpbmZvLm5vZGUucHJvcHMuZXhwYW5kZWQgJiYgLy8gSXMgZXhwYW5kZWRcbiAgICAgICAgICAgIGRyb3BQb3NpdGlvbiA9PT0gMSAvLyBPbiB0aGUgYm90dG9tIGdhcFxuICAgICAgICApIHtcbiAgICAgICAgICAgIGxvb3AoZGF0YSwgZHJvcEtleSwgZnVuY3Rpb24gKGl0ZW0pIHtcbiAgICAgICAgICAgICAgICBpdGVtLmNoaWxkcmVuID0gaXRlbS5jaGlsZHJlbiB8fCBbXTtcbiAgICAgICAgICAgICAgICAvLyB3aGVyZSB0byBpbnNlcnRcbiAgICAgICAgICAgICAgICBpdGVtLmNoaWxkcmVuLnVuc2hpZnQoZHJhZ09iaik7XG4gICAgICAgICAgICAgICAgLy8gaW4gcHJldmlvdXMgdmVyc2lvbiwgd2UgdXNlIGl0ZW0uY2hpbGRyZW4ucHVzaChkcmFnT2JqKSB0byBpbnNlcnQgdGhlXG4gICAgICAgICAgICAgICAgLy8gaXRlbSB0byB0aGUgdGFpbCBvZiB0aGUgY2hpbGRyZW5cbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgdmFyIGFyXzEgPSBbXTtcbiAgICAgICAgICAgIHZhciBpXzE7XG4gICAgICAgICAgICBsb29wKGRhdGEsIGRyb3BLZXksIGZ1bmN0aW9uIChfaXRlbSwgaW5kZXgsIGFycikge1xuICAgICAgICAgICAgICAgIGFyXzEgPSBhcnI7XG4gICAgICAgICAgICAgICAgaV8xID0gaW5kZXg7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIGlmIChkcm9wUG9zaXRpb24gPT09IC0xKSB7XG4gICAgICAgICAgICAgICAgYXJfMS5zcGxpY2UoaV8xLCAwLCBkcmFnT2JqKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgICAgIGFyXzEuc3BsaWNlKGlfMSArIDEsIDAsIGRyYWdPYmopO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIHZhciBuZXdEYXRhID0ge307XG4gICAgICAgIC8vIFRPRE86IGNyZWF0ZSBhIHJlY3Vyc2l2ZSBmdW5jdGlvbiB0aGF0IGRvZXMgdGhlIHNhbWVcbiAgICAgICAgLy8gVGhpcyBjb2RlIGNoYW5nZXMgdGhlIGluZGV4ZXMgb24gdGhlIGZseSB3aGlsZSBkcmFnZ2luZyBhbmQgZHJvcHBpbmcgXG4gICAgICAgIHZhciBrZXlDb3VudGVyID0gMDtcbiAgICAgICAgZGF0YS5mb3JFYWNoKGZ1bmN0aW9uIChjYXRlZ29yeSkge1xuICAgICAgICAgICAgdmFyIGNhdGVnb3J5S2V5ID0gXCJcIi5jb25jYXQoa2V5Q291bnRlcisrKTtcbiAgICAgICAgICAgIHZhciBjaGlsZHJlbiA9IFtdO1xuICAgICAgICAgICAgaWYgKGNhdGVnb3J5LmNoaWxkcmVuKSB7XG4gICAgICAgICAgICAgICAgY2F0ZWdvcnkuY2hpbGRyZW4uZm9yRWFjaChmdW5jdGlvbiAoc3ViY2F0ZWdvcnksIHN1YmNhdGVnb3J5aW5kZXgpIHtcbiAgICAgICAgICAgICAgICAgICAgdmFyIHN1YmNhdGVnb3J5S2V5ID0gXCJcIi5jb25jYXQoY2F0ZWdvcnlLZXksIFwiLlwiKS5jb25jYXQoc3ViY2F0ZWdvcnlpbmRleCk7XG4gICAgICAgICAgICAgICAgICAgIHZhciBzdWJDaGlsZHJlbiA9IFtdO1xuICAgICAgICAgICAgICAgICAgICBpZiAoc3ViY2F0ZWdvcnkuY2hpbGRyZW4pIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHN1YmNhdGVnb3J5LmNoaWxkcmVuLmZvckVhY2goZnVuY3Rpb24gKGxhc3RTdWJjYXRlZ29yeSwgbGFzdFN1YkNhdGVnb3J5SW5kZXgpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YXIgbGFzdFN1YmNhdGVnb3J5S2V5ID0gXCJcIi5jb25jYXQoc3ViY2F0ZWdvcnlLZXksIFwiLlwiKS5jb25jYXQobGFzdFN1YkNhdGVnb3J5SW5kZXgpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN1YkNoaWxkcmVuLnB1c2goX19hc3NpZ24oX19hc3NpZ24oe30sIGxhc3RTdWJjYXRlZ29yeSksIHsga2V5OiBsYXN0U3ViY2F0ZWdvcnlLZXkgfSkpO1xuICAgICAgICAgICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgY2hpbGRyZW4ucHVzaChfX2Fzc2lnbihfX2Fzc2lnbih7fSwgc3ViY2F0ZWdvcnkpLCB7IGNoaWxkcmVuOiBzdWJDaGlsZHJlbiwga2V5OiBzdWJjYXRlZ29yeUtleSB9KSk7XG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBuZXdEYXRhW2NhdGVnb3J5S2V5XSA9IF9fYXNzaWduKF9fYXNzaWduKHt9LCBjYXRlZ29yeSksIHsgY2hpbGRyZW46IGNoaWxkcmVuIH0pO1xuICAgICAgICB9KTtcbiAgICAgICAgLy8gVE9ETzogdXBkYXRlIHRoaXMgY29kZSBpZiBwb3NzaWJsZSBvbmNlIHRoZSBUT0RPIGJlZm9yZSBpcyBkb25lXG4gICAgICAgIC8qXG4gICAgICAgICAgICBUaGlzIGNvZGUgcmVtb3ZlcyB0aGUgcHJvcGVydHkgdGhhdCB3YXMgYXNzaWduZWQgdG8gdGhlIG9iamVjdCBleDogMDoge30sIDE6IHt9IGNoYW5nZXMgdG8ge30sIHt9XG4gICAgICAgICovXG4gICAgICAgIHZhciBjaGVja2VkRGF0YSA9IE9iamVjdC52YWx1ZXMobmV3RGF0YSkubWFwKGZ1bmN0aW9uIChjYXRlZ29yeSwgaW5kZXgpIHtcbiAgICAgICAgICAgIHJldHVybiBfX2Fzc2lnbihfX2Fzc2lnbih7fSwgY2F0ZWdvcnkpLCB7IGtleTogaW5kZXggfSk7XG4gICAgICAgIH0pO1xuICAgICAgICBzZXRHRGF0YShjaGVja2VkRGF0YSk7XG4gICAgfTtcbiAgICB2YXIgb25TZWxlY3QgPSBmdW5jdGlvbiAoc2VsZWN0ZWRLZXlzLCBpbmZvKSB7XG4gICAgICAgIHNldFNpZGViYXJJbmZvKHNlbGVjdGVkS2V5cyk7XG4gICAgfTtcbiAgICB2YXIgYWRkQ2F0ZWdvcnkgPSBmdW5jdGlvbiAoKSB7XG4gICAgICAgIHNldEdEYXRhKGZ1bmN0aW9uIChwcmV2Q2F0ZWdvcmllcykgeyByZXR1cm4gX19zcHJlYWRBcnJheShfX3NwcmVhZEFycmF5KFtdLCBwcmV2Q2F0ZWdvcmllcywgdHJ1ZSksIFtcbiAgICAgICAgICAgIHsgdGl0bGU6IFwiTmV3IGNhdGVnb3J5XCIsIGtleTogXCJcIi5jb25jYXQoZ0RhdGEubGVuZ3RoKSB9LFxuICAgICAgICBdLCBmYWxzZSk7IH0pO1xuICAgIH07XG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcbiAgICAgICAgcHJvcHMuY2F0ZWdvcnlTaWRlYmFySW5mbyh7XG4gICAgICAgICAgICBzZWxlY3RLZXk6IHNpZGViYXJJbmZvLFxuICAgICAgICAgICAgZGF0YTogZ2V0X2VsZW1lbnRfYnlfaW5kZXgoZ0RhdGEsIHNpZGViYXJJbmZvICYmIHNpZGViYXJJbmZvWzBdKSxcbiAgICAgICAgfSk7XG4gICAgfSwgW3NpZGViYXJJbmZvXSk7XG4gICAgdXNlRWZmZWN0KGZ1bmN0aW9uICgpIHtcbiAgICAgICAgdmFyIG5ld0dEYXRhID0gYWRkUHJvcGVydHlCeUluZGV4KGdEYXRhLCBzaWRlYmFySW5mbyAmJiBzaWRlYmFySW5mb1swXSwgXCJkYXRhXCIsIGNhdGVnb3J5Q29udGVudERhdGEpO1xuICAgICAgICB2YXIgdXBkYXRlZEdEYXRhID0gbmV3R0RhdGEubWFwKGZ1bmN0aW9uIChjYXRlZ29yeSwgaW5kZXgpIHtcbiAgICAgICAgICAgIGNvbnNvbGUubG9nKGNhdGVnb3J5ID09PSBudWxsIHx8IGNhdGVnb3J5ID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjYXRlZ29yeS5kYXRhKTtcbiAgICAgICAgICAgIGlmIChjYXRlZ29yeSA9PT0gbnVsbCB8fCBjYXRlZ29yeSA9PT0gdm9pZCAwID8gdm9pZCAwIDogY2F0ZWdvcnkuZGF0YSkge1xuICAgICAgICAgICAgICAgIHJldHVybiBfX2Fzc2lnbihfX2Fzc2lnbih7fSwgY2F0ZWdvcnkpLCB7IHRpdGxlOiBcIlwiLmNvbmNhdChjYXRlZ29yeS5kYXRhLmNhdGVnb3J5TmFtZSwgXCIgXCIpLmNvbmNhdChjYXRlZ29yeS5kYXRhLnF1ZXN0aW9ucyA/ICcoUTogJyArIGNhdGVnb3J5LmRhdGEucXVlc3Rpb25zLmxlbmd0aCArICcpJyA6ICcnLCBcIiBcIikuY29uY2F0KGNhdGVnb3J5LmRhdGEuZ3JhZGUgPyAnKEc6ICcgKyBjYXRlZ29yeS5kYXRhLmdyYWRlICsgJyknIDogJycpIH0pO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgcmV0dXJuIGNhdGVnb3J5O1xuICAgICAgICB9KS5maWx0ZXIoZnVuY3Rpb24gKGNhdGVnb3J5KSB7IHJldHVybiBjYXRlZ29yeS5kYXRhICYmIGNhdGVnb3J5OyB9KTtcbiAgICAgICAgc2V0R0RhdGEodXBkYXRlZEdEYXRhKTtcbiAgICB9LCBbY2F0ZWdvcnlDb250ZW50RGF0YV0pO1xuICAgIHVzZUVmZmVjdChmdW5jdGlvbiAoKSB7XG4gICAgICAgIHByb3BzLmNhdGVnb3J5U2lkZWJhckluZm8oe1xuICAgICAgICAgICAgc2VsZWN0S2V5OiBzaWRlYmFySW5mbyxcbiAgICAgICAgICAgIGRhdGE6IGdldF9lbGVtZW50X2J5X2luZGV4KGdEYXRhLCBzaWRlYmFySW5mbyAmJiBzaWRlYmFySW5mb1swXSlcbiAgICAgICAgfSk7XG4gICAgICAgIGNvbnNvbGUubG9nKGdEYXRhKTtcbiAgICB9LCBbZ0RhdGFdKTtcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMuY2F0ZWdvcnlTaWRlYmFyIH0sIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMudGl0bGUgfSwgeyBjaGlsZHJlbjogXCJDYXRlZ29yaWFzXCIgfSkpLCBfanN4KEJ1dHRvbiwgX19hc3NpZ24oeyBpY29uOiBfanN4KFBsdXNPdXRsaW5lZCwge30pLCBvbkNsaWNrOiBhZGRDYXRlZ29yeSB9LCB7IGNoaWxkcmVuOiBcIkFkaWNpb25hciBDYXRlZ29yaWFcIiB9KSksIF9qc3goXCJkaXZcIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlcy5jYXRlZ29yeVZpZXdlciB9LCB7IGNoaWxkcmVuOiBfanN4KFRyZWUsIHsgY2xhc3NOYW1lOiBcImRyYWdnYWJsZS10cmVlXCIsIGRlZmF1bHRFeHBhbmRlZEtleXM6IGV4cGFuZGVkS2V5cywgZHJhZ2dhYmxlOiB0cnVlLCBibG9ja05vZGU6IHRydWUsIG9uRHJhZ0VudGVyOiBvbkRyYWdFbnRlciwgb25Ecm9wOiBvbkRyb3AsIHRyZWVEYXRhOiBnRGF0YSwgb25TZWxlY3Q6IG9uU2VsZWN0IH0pIH0pKV0gfSkpKTtcbn07XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/components/Category/CategorySidebar/index.tsx\n");
|
|
9743
|
+
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");
|
|
9744
9744
|
|
|
9745
9745
|
/***/ }),
|
|
9746
9746
|
|
|
@@ -9751,7 +9751,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
9751
9751
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
9752
9752
|
|
|
9753
9753
|
"use strict";
|
|
9754
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Category\": function() { return /* binding */ Category; }\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 _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/Category/styles.module.scss\");\n/* harmony import */ var _CategorySidebar__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./CategorySidebar */ \"./src/components/Category/CategorySidebar/index.tsx\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _CategoryContent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./CategoryContent */ \"./src/components/Category/CategoryContent/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};\n\n\n\n\n\nvar fakeData = {\n data: [\n {\n \"title\": \"21 (G: 2)\",\n \"key\": \"0\",\n \"data\": {\n \"categoryName\": \"21\",\n \"grade\": \"2\"\n }\n },\n {\n \"title\": \"asda (G: 5)\",\n \"key\": \"1\",\n \"data\": {\n \"categoryName\": \"asda\",\n \"grade\": \"5\"\n }\n }\n ],\n noData: []\n};\nvar Category = function (props) {\n var _a = props.data, data = _a === void 0 ? fakeData.noData : _a;\n var _b = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(), categoryContentInfo = _b[0], setCategoryContentInfo = _b[1];\n var _c = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(), categorySidebarInfo = _c[0], setCategorySidebarInfo = _c[1];\n var _d = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(false), showContent = _d[0], setShowContent = _d[1];\n (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(function () {\n }, [
|
|
9754
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Category\": function() { return /* binding */ Category; }\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 _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/Category/styles.module.scss\");\n/* harmony import */ var _CategorySidebar__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./CategorySidebar */ \"./src/components/Category/CategorySidebar/index.tsx\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _CategoryContent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./CategoryContent */ \"./src/components/Category/CategoryContent/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};\n\n\n\n\n\nvar fakeData = {\n data: [\n {\n \"title\": \"21 (G: 2)\",\n \"key\": \"0\",\n \"data\": {\n \"categoryName\": \"21\",\n \"grade\": \"2\"\n }\n },\n {\n \"title\": \"asda (G: 5)\",\n \"key\": \"1\",\n \"data\": {\n \"categoryName\": \"asda\",\n \"grade\": \"5\"\n }\n }\n ],\n noData: []\n};\nvar Category = function (props) {\n var _a = props.data, data = _a === void 0 ? fakeData.noData : _a;\n var _b = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(), categoryContentInfo = _b[0], setCategoryContentInfo = _b[1];\n var _c = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(), categorySidebarInfo = _c[0], setCategorySidebarInfo = _c[1];\n var _d = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(false), showContent = _d[0], setShowContent = _d[1];\n var _e = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(), finalData = _e[0], setFinalData = _e[1];\n (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(function () {\n props.serverReadyData(finalData);\n }, [finalData]);\n (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(function () {\n var _a;\n setShowContent(((_a = categorySidebarInfo === null || categorySidebarInfo === void 0 ? void 0 : categorySidebarInfo.selectKey) === null || _a === void 0 ? void 0 : _a.length) > 0);\n }, [categorySidebarInfo]);\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].category }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].sidebarWrapper }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_CategorySidebar__WEBPACK_IMPORTED_MODULE_2__.CategorySidebar, { categorySidebarInfo: setCategorySidebarInfo, categoryContentData: categoryContentInfo, data: data, categoryContentFinalData: setFinalData }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].contentWrapper }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_CategoryContent__WEBPACK_IMPORTED_MODULE_4__.CategoryContent, { categoryContentInfo: setCategoryContentInfo, categoryContentShow: showContent, categorySidebarData: categorySidebarInfo }) }))] })));\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9DYXRlZ29yeS9pbmRleC50c3guanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vbGliLy4vc3JjL2NvbXBvbmVudHMvQ2F0ZWdvcnkvaW5kZXgudHN4PzZhYTIiXSwic291cmNlc0NvbnRlbnQiOlsidmFyIF9fYXNzaWduID0gKHRoaXMgJiYgdGhpcy5fX2Fzc2lnbikgfHwgZnVuY3Rpb24gKCkge1xuICAgIF9fYXNzaWduID0gT2JqZWN0LmFzc2lnbiB8fCBmdW5jdGlvbih0KSB7XG4gICAgICAgIGZvciAodmFyIHMsIGkgPSAxLCBuID0gYXJndW1lbnRzLmxlbmd0aDsgaSA8IG47IGkrKykge1xuICAgICAgICAgICAgcyA9IGFyZ3VtZW50c1tpXTtcbiAgICAgICAgICAgIGZvciAodmFyIHAgaW4gcykgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChzLCBwKSlcbiAgICAgICAgICAgICAgICB0W3BdID0gc1twXTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdDtcbiAgICB9O1xuICAgIHJldHVybiBfX2Fzc2lnbi5hcHBseSh0aGlzLCBhcmd1bWVudHMpO1xufTtcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGVzLm1vZHVsZS5zY3NzJztcbmltcG9ydCB7IENhdGVnb3J5U2lkZWJhciB9IGZyb20gJy4vQ2F0ZWdvcnlTaWRlYmFyJztcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBDYXRlZ29yeUNvbnRlbnQgfSBmcm9tICcuL0NhdGVnb3J5Q29udGVudCc7XG52YXIgZmFrZURhdGEgPSB7XG4gICAgZGF0YTogW1xuICAgICAgICB7XG4gICAgICAgICAgICBcInRpdGxlXCI6IFwiMjEgIChHOiAyKVwiLFxuICAgICAgICAgICAgXCJrZXlcIjogXCIwXCIsXG4gICAgICAgICAgICBcImRhdGFcIjoge1xuICAgICAgICAgICAgICAgIFwiY2F0ZWdvcnlOYW1lXCI6IFwiMjFcIixcbiAgICAgICAgICAgICAgICBcImdyYWRlXCI6IFwiMlwiXG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICAgIFwidGl0bGVcIjogXCJhc2RhICAoRzogNSlcIixcbiAgICAgICAgICAgIFwia2V5XCI6IFwiMVwiLFxuICAgICAgICAgICAgXCJkYXRhXCI6IHtcbiAgICAgICAgICAgICAgICBcImNhdGVnb3J5TmFtZVwiOiBcImFzZGFcIixcbiAgICAgICAgICAgICAgICBcImdyYWRlXCI6IFwiNVwiXG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICBdLFxuICAgIG5vRGF0YTogW11cbn07XG5leHBvcnQgdmFyIENhdGVnb3J5ID0gZnVuY3Rpb24gKHByb3BzKSB7XG4gICAgdmFyIF9hID0gcHJvcHMuZGF0YSwgZGF0YSA9IF9hID09PSB2b2lkIDAgPyBmYWtlRGF0YS5ub0RhdGEgOiBfYTtcbiAgICB2YXIgX2IgPSB1c2VTdGF0ZSgpLCBjYXRlZ29yeUNvbnRlbnRJbmZvID0gX2JbMF0sIHNldENhdGVnb3J5Q29udGVudEluZm8gPSBfYlsxXTtcbiAgICB2YXIgX2MgPSB1c2VTdGF0ZSgpLCBjYXRlZ29yeVNpZGViYXJJbmZvID0gX2NbMF0sIHNldENhdGVnb3J5U2lkZWJhckluZm8gPSBfY1sxXTtcbiAgICB2YXIgX2QgPSB1c2VTdGF0ZShmYWxzZSksIHNob3dDb250ZW50ID0gX2RbMF0sIHNldFNob3dDb250ZW50ID0gX2RbMV07XG4gICAgdmFyIF9lID0gdXNlU3RhdGUoKSwgZmluYWxEYXRhID0gX2VbMF0sIHNldEZpbmFsRGF0YSA9IF9lWzFdO1xuICAgIHVzZUVmZmVjdChmdW5jdGlvbiAoKSB7XG4gICAgICAgIHByb3BzLnNlcnZlclJlYWR5RGF0YShmaW5hbERhdGEpO1xuICAgIH0sIFtmaW5hbERhdGFdKTtcbiAgICB1c2VFZmZlY3QoZnVuY3Rpb24gKCkge1xuICAgICAgICB2YXIgX2E7XG4gICAgICAgIHNldFNob3dDb250ZW50KCgoX2EgPSBjYXRlZ29yeVNpZGViYXJJbmZvID09PSBudWxsIHx8IGNhdGVnb3J5U2lkZWJhckluZm8gPT09IHZvaWQgMCA/IHZvaWQgMCA6IGNhdGVnb3J5U2lkZWJhckluZm8uc2VsZWN0S2V5KSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2EubGVuZ3RoKSA+IDApO1xuICAgIH0sIFtjYXRlZ29yeVNpZGViYXJJbmZvXSk7XG4gICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLmNhdGVnb3J5IH0sIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMuc2lkZWJhcldyYXBwZXIgfSwgeyBjaGlsZHJlbjogX2pzeChDYXRlZ29yeVNpZGViYXIsIHsgY2F0ZWdvcnlTaWRlYmFySW5mbzogc2V0Q2F0ZWdvcnlTaWRlYmFySW5mbywgY2F0ZWdvcnlDb250ZW50RGF0YTogY2F0ZWdvcnlDb250ZW50SW5mbywgZGF0YTogZGF0YSwgY2F0ZWdvcnlDb250ZW50RmluYWxEYXRhOiBzZXRGaW5hbERhdGEgfSkgfSkpLCBfanN4KFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMuY29udGVudFdyYXBwZXIgfSwgeyBjaGlsZHJlbjogX2pzeChDYXRlZ29yeUNvbnRlbnQsIHsgY2F0ZWdvcnlDb250ZW50SW5mbzogc2V0Q2F0ZWdvcnlDb250ZW50SW5mbywgY2F0ZWdvcnlDb250ZW50U2hvdzogc2hvd0NvbnRlbnQsIGNhdGVnb3J5U2lkZWJhckRhdGE6IGNhdGVnb3J5U2lkZWJhckluZm8gfSkgfSkpXSB9KSkpO1xufTtcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/components/Category/index.tsx\n");
|
|
9755
9755
|
|
|
9756
9756
|
/***/ }),
|
|
9757
9757
|
|
package/package.json
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Meta, Story } from "@storybook/react";
|
|
2
|
+
import { useEffect, useState } from "react";
|
|
2
3
|
import { Category } from '.';
|
|
3
4
|
|
|
4
5
|
export default {
|
|
@@ -6,7 +7,14 @@ export default {
|
|
|
6
7
|
component: Category,
|
|
7
8
|
} as Meta;
|
|
8
9
|
|
|
9
|
-
const Template: Story<any> = (args) =>
|
|
10
|
+
const Template: Story<any> = (args) => {
|
|
11
|
+
const [serverData, setServerData] = useState<any>();
|
|
12
|
+
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
console.log('adsyajdha', serverData);
|
|
15
|
+
}, [serverData])
|
|
16
|
+
return <Category {...args} data={[]} serverReadyData={setServerData}></Category>
|
|
17
|
+
};
|
|
10
18
|
|
|
11
19
|
export const Primary = Template.bind({});
|
|
12
20
|
Primary.args = {
|
|
@@ -27,6 +27,7 @@ export interface DataNode {
|
|
|
27
27
|
interface SidebarProps {
|
|
28
28
|
categoryContentData: any;
|
|
29
29
|
categorySidebarInfo: any;
|
|
30
|
+
categoryContentFinalData: any;
|
|
30
31
|
data: DataNode[];
|
|
31
32
|
}
|
|
32
33
|
|
|
@@ -59,6 +60,7 @@ function addPropertyByIndex(data: DataNode[], index: string | number, property:
|
|
|
59
60
|
export const CategorySidebar = (props: SidebarProps) => {
|
|
60
61
|
const {
|
|
61
62
|
categoryContentData,
|
|
63
|
+
categoryContentFinalData,
|
|
62
64
|
data
|
|
63
65
|
} = props;
|
|
64
66
|
|
|
@@ -204,7 +206,6 @@ export const CategorySidebar = (props: SidebarProps) => {
|
|
|
204
206
|
const newGData = addPropertyByIndex(gData, sidebarInfo && sidebarInfo[0], "data", categoryContentData);
|
|
205
207
|
|
|
206
208
|
const updatedGData = newGData.map((category: any, index) => {
|
|
207
|
-
console.log(category?.data);
|
|
208
209
|
if(category?.data) {
|
|
209
210
|
return {...category, title: `${category.data.categoryName} ${category.data.questions ? '(Q: ' + category.data.questions.length + ')' : ''} ${category.data.grade ? '(G: ' +category.data.grade + ')' : ''}`}
|
|
210
211
|
}
|
|
@@ -220,7 +221,7 @@ export const CategorySidebar = (props: SidebarProps) => {
|
|
|
220
221
|
data: get_element_by_index(gData, sidebarInfo && sidebarInfo[0])
|
|
221
222
|
});
|
|
222
223
|
|
|
223
|
-
|
|
224
|
+
props.categoryContentFinalData(gData);
|
|
224
225
|
}, [gData]);
|
|
225
226
|
|
|
226
227
|
return (
|
|
@@ -5,6 +5,7 @@ import { CategoryContent } from './CategoryContent';
|
|
|
5
5
|
|
|
6
6
|
interface Category {
|
|
7
7
|
data: DataNode;
|
|
8
|
+
serverReadyData: any;
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
const fakeData: any = {
|
|
@@ -37,9 +38,11 @@ export const Category = (props: Category) => {
|
|
|
37
38
|
const [categoryContentInfo, setCategoryContentInfo] = useState<any>();
|
|
38
39
|
const [categorySidebarInfo, setCategorySidebarInfo] = useState<any>();
|
|
39
40
|
const [showContent, setShowContent] = useState<boolean>(false);
|
|
41
|
+
const [finalData, setFinalData] = useState<any>();
|
|
40
42
|
|
|
41
43
|
useEffect(() => {
|
|
42
|
-
|
|
44
|
+
props.serverReadyData(finalData)
|
|
45
|
+
}, [finalData]);
|
|
43
46
|
|
|
44
47
|
useEffect(() => {
|
|
45
48
|
setShowContent(categorySidebarInfo?.selectKey?.length > 0);
|
|
@@ -48,7 +51,7 @@ export const Category = (props: Category) => {
|
|
|
48
51
|
return (
|
|
49
52
|
<div className={styles.category}>
|
|
50
53
|
<div className={styles.sidebarWrapper}>
|
|
51
|
-
<CategorySidebar categorySidebarInfo={setCategorySidebarInfo} categoryContentData={categoryContentInfo} data={data} />
|
|
54
|
+
<CategorySidebar categorySidebarInfo={setCategorySidebarInfo} categoryContentData={categoryContentInfo} data={data} categoryContentFinalData={setFinalData}/>
|
|
52
55
|
</div>
|
|
53
56
|
<div className={styles.contentWrapper}>
|
|
54
57
|
<CategoryContent categoryContentInfo={setCategoryContentInfo} categoryContentShow={showContent} categorySidebarData={categorySidebarInfo} />
|