@qoretechnologies/reqore 0.20.1 → 0.20.4

package/dist/src/components/Sidebar/index.js

@@ -0,0 +1,265 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var lodash_1 = require("lodash");
+var map_1 = __importDefault(require("lodash/map"));
+var polished_1 = require("polished");
+var react_1 = require("react");
+var react_scrollbar_1 = __importDefault(require("react-scrollbar"));
+var react_use_1 = require("react-use");
+var styled_components_1 = __importStar(require("styled-components"));
+var colors_1 = require("../../helpers/colors");
+var sidebar_1 = require("../../helpers/sidebar");
+var useLatestZIndex_1 = __importDefault(require("../../hooks/useLatestZIndex"));
+var useTheme_1 = require("../../hooks/useTheme");
+var Drawer_1 = require("../Drawer");
+var Icon_1 = __importDefault(require("../Icon"));
+var item_1 = __importDefault(require("./item"));
+var StyledSidebar = styled_components_1["default"].div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  // 80px is header + footer\n  font-size: 14px;\n  font-weight: 500;\n  display: flex;\n  overflow: hidden;\n  flex-flow: column;\n  color: ", ";\n  background-color: ", ";\n  box-shadow: ", ";\n\n  ", "\n\n  ", "\n\n  // Custom scrollbar\n  .sidebarScroll {\n    flex: 1;\n  }\n\n  transition: all 0.2s ease-in-out;\n\n  &.expanded {\n    min-width: 180px !important;\n    max-width: 180px !important;\n\n    .sidebarItem {\n      text-align: left;\n\n      span.bp3-icon {\n        margin-right: 10px;\n        vertical-align: text-bottom;\n      }\n\n      .submenuExpand {\n        margin-left: 10px;\n      }\n\n      &:hover {\n        .favorite {\n          display: block;\n        }\n      }\n    }\n\n    .sidebarSubItem {\n      padding-left: 24px;\n    }\n\n    .favorite {\n      display: none;\n      opacity: 0.6;\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      right: 10px;\n\n      &:hover {\n        opacity: 1;\n      }\n    }\n  }\n\n  &:not(.expanded) {\n    min-width: 50px !important;\n    max-width: 50px !important;\n    .sidebarItem,\n    .sidebarSubItem {\n      text-align: center;\n      justify-content: center;\n    }\n  }\n\n  // Section\n  .sidebarSection {\n    .sidebarLink {\n      display: inline-block;\n      color: inherit;\n      width: 100%;\n\n      .bp3-popover-target {\n        width: 100%;\n      }\n\n      &:hover {\n        text-decoration: none;\n      }\n    }\n\n    .sidebarItem.active {\n      color: ", ";\n\n      background-color: ", ";\n\n      span.bp3-icon:not(.favorite) {\n        color: ", ";\n      }\n    }\n\n    .sidebarSubItem.active {\n      color: ", ";\n      background-color: ", ";\n      span.bp3-icon:not(.favorite) {\n        color: ", ";\n      }\n    }\n\n    .sidebarItem {\n      position: relative;\n\n      span.bp3-icon:not(.favorite) {\n        display: inline-block;\n        font-size: 16px;\n        color: ", ";\n      }\n\n      padding: 12px;\n    }\n\n    .sidebarItem,\n    .bp3-popover-wrapper.reqore-sidebar-item {\n      color: ", ";\n\n      background-color: ", ";\n\n      &:hover {\n        color: ", ";\n        background-color: ", ";\n\n        span.bp3-icon:not(.favorite) {\n          color: ", ";\n        }\n      }\n    }\n\n    .sidebarSubItem {\n      border-left: 5px solid\n        ", ";\n    }\n\n    .sidebarSubItem,\n    .bp3-popover-wrapper.reqore-sidebar-subitem {\n      color: ", ";\n\n      background-color: ", ";\n\n      &:hover {\n        color: ", ";\n        background-color: ", ";\n\n        span.bp3-icon:not(.favorite) {\n          color: ", ";\n        }\n      }\n    }\n\n    .sidebarItem,\n    .sidebarSubItem {\n      min-height: 50px;\n      display: flex;\n      align-items: center;\n      cursor: pointer;\n      transition: all 0.2s ease-in-out;\n\n      &.active {\n        font-weight: 500;\n      }\n    }\n  }\n"], ["\n  // 80px is header + footer\n  font-size: 14px;\n  font-weight: 500;\n  display: flex;\n  overflow: hidden;\n  flex-flow: column;\n  color: ", ";\n  background-color: ", ";\n  box-shadow: ", ";\n\n  ", "\n\n  ", "\n\n  // Custom scrollbar\n  .sidebarScroll {\n    flex: 1;\n  }\n\n  transition: all 0.2s ease-in-out;\n\n  &.expanded {\n    min-width: 180px !important;\n    max-width: 180px !important;\n\n    .sidebarItem {\n      text-align: left;\n\n      span.bp3-icon {\n        margin-right: 10px;\n        vertical-align: text-bottom;\n      }\n\n      .submenuExpand {\n        margin-left: 10px;\n      }\n\n      &:hover {\n        .favorite {\n          display: block;\n        }\n      }\n    }\n\n    .sidebarSubItem {\n      padding-left: 24px;\n    }\n\n    .favorite {\n      display: none;\n      opacity: 0.6;\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      right: 10px;\n\n      &:hover {\n        opacity: 1;\n      }\n    }\n  }\n\n  &:not(.expanded) {\n    min-width: 50px !important;\n    max-width: 50px !important;\n    .sidebarItem,\n    .sidebarSubItem {\n      text-align: center;\n      justify-content: center;\n    }\n  }\n\n  // Section\n  .sidebarSection {\n    .sidebarLink {\n      display: inline-block;\n      color: inherit;\n      width: 100%;\n\n      .bp3-popover-target {\n        width: 100%;\n      }\n\n      &:hover {\n        text-decoration: none;\n      }\n    }\n\n    .sidebarItem.active {\n      color: ", ";\n\n      background-color: ", ";\n\n      span.bp3-icon:not(.favorite) {\n        color: ", ";\n      }\n    }\n\n    .sidebarSubItem.active {\n      color: ", ";\n      background-color: ", ";\n      span.bp3-icon:not(.favorite) {\n        color: ", ";\n      }\n    }\n\n    .sidebarItem {\n      position: relative;\n\n      span.bp3-icon:not(.favorite) {\n        display: inline-block;\n        font-size: 16px;\n        color: ", ";\n      }\n\n      padding: 12px;\n    }\n\n    .sidebarItem,\n    .bp3-popover-wrapper.reqore-sidebar-item {\n      color: ", ";\n\n      background-color: ", ";\n\n      &:hover {\n        color: ", ";\n        background-color: ", ";\n\n        span.bp3-icon:not(.favorite) {\n          color: ", ";\n        }\n      }\n    }\n\n    .sidebarSubItem {\n      border-left: 5px solid\n        ", ";\n    }\n\n    .sidebarSubItem,\n    .bp3-popover-wrapper.reqore-sidebar-subitem {\n      color: ", ";\n\n      background-color: ", ";\n\n      &:hover {\n        color: ", ";\n        background-color: ", ";\n\n        span.bp3-icon:not(.favorite) {\n          color: ", ";\n        }\n      }\n    }\n\n    .sidebarItem,\n    .sidebarSubItem {\n      min-height: 50px;\n      display: flex;\n      align-items: center;\n      cursor: pointer;\n      transition: all 0.2s ease-in-out;\n\n      &.active {\n        font-weight: 500;\n      }\n    }\n  }\n"])), function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return ((_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.color) ||
+        (0, colors_1.getReadableColor)(theme, undefined, undefined, true, (0, colors_1.getMainColor)(theme, 'sidebar'));
+}, function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return ((_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.main) || theme.main;
+}, function (_a) {
+    var floating = _a.floating;
+    return floating ? "0px 0px 30px 0px ".concat((0, polished_1.rgba)('#000000', 0.4)) : undefined;
+}, function (_a) {
+    var _b, _c;
+    var theme = _a.theme, bordered = _a.bordered, position = _a.position, flat = _a.flat, floating = _a.floating;
+    return !floating && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      ", "\n      ", "\n    "], ["\n      ", "\n      ", "\n    "])), (position === 'left' || bordered) &&
+        !flat && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        border-right: 1px solid\n          ", ";\n      "], ["\n        border-right: 1px solid\n          ", ";\n      "])), ((_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.border) || (0, polished_1.darken)(0.05, (0, colors_1.getMainColor)(theme, 'sidebar'))), (position === 'right' || bordered) &&
+        !flat && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        border-left: 1px solid\n          ", ";\n      "], ["\n        border-left: 1px solid\n          ", ";\n      "])), ((_c = theme.sidebar) === null || _c === void 0 ? void 0 : _c.border) || (0, polished_1.darken)(0.05, (0, colors_1.getMainColor)(theme, 'sidebar'))));
+}, function (_a) {
+    var _b;
+    var floating = _a.floating, flat = _a.flat, theme = _a.theme, position = _a.position, isOpen = _a.isOpen, zIndex = _a.zIndex;
+    return floating
+        ? (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n          position: fixed;\n          top: 10px;\n          ", ": ", "px;\n          bottom: 10px;\n          border-radius: 10px;\n          z-index: ", ";\n          border: ", ";\n        "], ["\n          position: fixed;\n          top: 10px;\n          ", ": ", "px;\n          bottom: 10px;\n          border-radius: 10px;\n          z-index: ", ";\n          border: ", ";\n        "])), position, isOpen ? 10 : -200, zIndex, !flat
+            ? "1px solid ".concat(((_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.border) || (0, polished_1.darken)(0.05, (0, colors_1.getMainColor)(theme, 'sidebar')))
+            : undefined) : (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n          height: 100%;\n        "], ["\n          height: 100%;\n        "])));
+}, function (_a) {
+    var _b, _c, _d, _e;
+    var theme = _a.theme;
+    return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.item) === null || _c === void 0 ? void 0 : _c.activeColor) ||
+        ((_e = (_d = theme.sidebar) === null || _d === void 0 ? void 0 : _d.item) === null || _e === void 0 ? void 0 : _e.color) ||
+        (0, colors_1.getReadableColor)(theme, undefined, undefined, false, (0, colors_1.getMainColor)(theme, 'sidebar'));
+}, function (_a) {
+    var _b, _c, _d, _e;
+    var theme = _a.theme;
+    return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.item) === null || _c === void 0 ? void 0 : _c.activeBackground) ||
+        ((_e = (_d = theme.sidebar) === null || _d === void 0 ? void 0 : _d.item) === null || _e === void 0 ? void 0 : _e.background) ||
+        (0, polished_1.darken)(0.06, (0, colors_1.getMainColor)(theme, 'sidebar'));
+}, function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j;
+    var theme = _a.theme;
+    return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.icon) === null || _c === void 0 ? void 0 : _c.activeColor) ||
+        ((_e = (_d = theme.sidebar) === null || _d === void 0 ? void 0 : _d.item) === null || _e === void 0 ? void 0 : _e.activeColor) ||
+        ((_g = (_f = theme.sidebar) === null || _f === void 0 ? void 0 : _f.icon) === null || _g === void 0 ? void 0 : _g.color) ||
+        ((_j = (_h = theme.sidebar) === null || _h === void 0 ? void 0 : _h.item) === null || _j === void 0 ? void 0 : _j.color) ||
+        'inherit';
+}, function (_a) {
+    var _b, _c, _d, _e;
+    var theme = _a.theme;
+    return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.subItem) === null || _c === void 0 ? void 0 : _c.activeColor) ||
+        ((_e = (_d = theme.sidebar) === null || _d === void 0 ? void 0 : _d.subItem) === null || _e === void 0 ? void 0 : _e.color) ||
+        (0, colors_1.getReadableColor)(theme, undefined, undefined, false, (0, colors_1.getMainColor)(theme, 'sidebar'));
+}, function (_a) {
+    var _b, _c, _d, _e;
+    var theme = _a.theme;
+    return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.subItem) === null || _c === void 0 ? void 0 : _c.activeBackground) ||
+        ((_e = (_d = theme.sidebar) === null || _d === void 0 ? void 0 : _d.subItem) === null || _e === void 0 ? void 0 : _e.background) ||
+        (0, polished_1.darken)(0.08, (0, colors_1.getMainColor)(theme, 'sidebar'));
+}, function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    var theme = _a.theme;
+    return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.icon) === null || _c === void 0 ? void 0 : _c.activeColor) ||
+        ((_e = (_d = theme.sidebar) === null || _d === void 0 ? void 0 : _d.subItem) === null || _e === void 0 ? void 0 : _e.activeColor) ||
+        ((_g = (_f = theme.sidebar) === null || _f === void 0 ? void 0 : _f.item) === null || _g === void 0 ? void 0 : _g.activeColor) ||
+        ((_j = (_h = theme.sidebar) === null || _h === void 0 ? void 0 : _h.icon) === null || _j === void 0 ? void 0 : _j.color) ||
+        ((_l = (_k = theme.sidebar) === null || _k === void 0 ? void 0 : _k.subItem) === null || _l === void 0 ? void 0 : _l.color) ||
+        ((_o = (_m = theme.sidebar) === null || _m === void 0 ? void 0 : _m.item) === null || _o === void 0 ? void 0 : _o.color) ||
+        'inherit';
+}, function (_a) {
+    var _b, _c;
+    var theme = _a.theme;
+    return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.icon) === null || _c === void 0 ? void 0 : _c.color) || 'inherit';
+}, function (_a) {
+    var _b, _c;
+    var theme = _a.theme;
+    return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.item) === null || _c === void 0 ? void 0 : _c.color) || 'inherit';
+}, function (_a) {
+    var _b, _c;
+    var theme = _a.theme;
+    return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.item) === null || _c === void 0 ? void 0 : _c.background) || (0, colors_1.getMainColor)(theme, 'sidebar');
+}, function (_a) {
+    var _b, _c, _d, _e;
+    var theme = _a.theme;
+    return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.item) === null || _c === void 0 ? void 0 : _c.hoverColor) || ((_e = (_d = theme.sidebar) === null || _d === void 0 ? void 0 : _d.item) === null || _e === void 0 ? void 0 : _e.color) || 'inherit';
+}, function (_a) {
+    var _b, _c, _d, _e;
+    var theme = _a.theme;
+    return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.item) === null || _c === void 0 ? void 0 : _c.hoverBackground) ||
+        ((_e = (_d = theme.sidebar) === null || _d === void 0 ? void 0 : _d.item) === null || _e === void 0 ? void 0 : _e.background) ||
+        (0, polished_1.darken)(0.03, (0, colors_1.getMainColor)(theme, 'sidebar'));
+}, function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j;
+    var theme = _a.theme;
+    return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.icon) === null || _c === void 0 ? void 0 : _c.hoverColor) ||
+        ((_e = (_d = theme.sidebar) === null || _d === void 0 ? void 0 : _d.item) === null || _e === void 0 ? void 0 : _e.hoverColor) ||
+        ((_g = (_f = theme.sidebar) === null || _f === void 0 ? void 0 : _f.icon) === null || _g === void 0 ? void 0 : _g.color) ||
+        ((_j = (_h = theme.sidebar) === null || _h === void 0 ? void 0 : _h.item) === null || _j === void 0 ? void 0 : _j.color) ||
+        'inherit';
+}, function (_a) {
+    var _b, _c, _d, _e;
+    var theme = _a.theme;
+    if ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.subItem) === null || _c === void 0 ? void 0 : _c.border) {
+        return (_e = (_d = theme.sidebar) === null || _d === void 0 ? void 0 : _d.subItem) === null || _e === void 0 ? void 0 : _e.border;
+    }
+    var color = (0, colors_1.getMainColor)(theme, 'sidebar');
+    return (0, colors_1.changeLightness)(color, 0.17);
+}, function (_a) {
+    var _b, _c;
+    var theme = _a.theme;
+    return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.subItem) === null || _c === void 0 ? void 0 : _c.color) || 'inherit';
+}, function (_a) {
+    var _b, _c;
+    var theme = _a.theme;
+    return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.subItem) === null || _c === void 0 ? void 0 : _c.background) || (0, polished_1.darken)(0.04, (0, colors_1.getMainColor)(theme, 'sidebar'));
+}, function (_a) {
+    var _b, _c, _d, _e;
+    var theme = _a.theme;
+    return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.subItem) === null || _c === void 0 ? void 0 : _c.hoverColor) || ((_e = (_d = theme.sidebar) === null || _d === void 0 ? void 0 : _d.subItem) === null || _e === void 0 ? void 0 : _e.color) || 'inherit';
+}, function (_a) {
+    var _b, _c, _d, _e;
+    var theme = _a.theme;
+    return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.subItem) === null || _c === void 0 ? void 0 : _c.hoverBackground) ||
+        ((_e = (_d = theme.sidebar) === null || _d === void 0 ? void 0 : _d.subItem) === null || _e === void 0 ? void 0 : _e.background) ||
+        (0, polished_1.darken)(0.06, (0, colors_1.getMainColor)(theme, 'sidebar'));
+}, function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j;
+    var theme = _a.theme;
+    return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.icon) === null || _c === void 0 ? void 0 : _c.hoverColor) ||
+        ((_e = (_d = theme.sidebar) === null || _d === void 0 ? void 0 : _d.subItem) === null || _e === void 0 ? void 0 : _e.hoverColor) ||
+        ((_g = (_f = theme.sidebar) === null || _f === void 0 ? void 0 : _f.icon) === null || _g === void 0 ? void 0 : _g.color) ||
+        ((_j = (_h = theme.sidebar) === null || _h === void 0 ? void 0 : _h.subItem) === null || _j === void 0 ? void 0 : _j.color) ||
+        'inherit';
+});
+var StyledDivider = styled_components_1["default"].div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: 100%;\n  text-transform: uppercase;\n  font-size: 11px;\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  letter-spacing: 1.8px;\n  margin-top: 0;\n  padding: 8px;\n\n  background-color: ", ";\n  color: inherit;\n"], ["\n  width: 100%;\n  text-transform: uppercase;\n  font-size: 11px;\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  letter-spacing: 1.8px;\n  margin-top: 0;\n  padding: 8px;\n\n  background-color: ", ";\n  color: inherit;\n"])), function (_a) {
+    var _b, _c;
+    var theme = _a.theme, hasTitle = _a.hasTitle;
+    return ((_c = (_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.section) === null || _c === void 0 ? void 0 : _c.background) ||
+        (hasTitle ? (0, polished_1.darken)(0.02, (0, colors_1.getMainColor)(theme, 'sidebar')) : (0, colors_1.getMainColor)(theme, 'sidebar'));
+});
+var ReqoreSidebar = function (_a) {
+    var isCollapsed = _a.isCollapsed, onCollapseChange = _a.onCollapseChange, onCloseClick = _a.onCloseClick, path = _a.path, items = _a.items, bookmarks = _a.bookmarks, customItems = _a.customItems, collapseLabel = _a.collapseLabel, closeLabel = _a.closeLabel, wrapperStyle = _a.wrapperStyle, onBookmarksChange = _a.onBookmarksChange, useNativeTitle = _a.useNativeTitle, _b = _a.position, position = _b === void 0 ? 'left' : _b, _c = _a.collapsible, collapsible = _c === void 0 ? true : _c, bordered = _a.bordered, customTheme = _a.customTheme, flat = _a.flat, floating = _a.floating, hasFloatingBackdrop = _a.hasFloatingBackdrop, isOpen = _a.isOpen, closeOnItemClick = _a.closeOnItemClick;
+    var _d = (0, react_1.useState)(isCollapsed || false), _isCollapsed = _d[0], setIsCollapsed = _d[1];
+    react_1.useState;
+    var _e = (0, react_1.useState)(null), expandedSection = _e[0], setExpandedSection = _e[1];
+    var _f = (0, react_1.useState)(bookmarks || []), _bookmarks = _f[0], setBookmarks = _f[1];
+    var theme = (0, useTheme_1.useReqoreTheme)('sidebar', customTheme);
+    var zIndex = (0, useLatestZIndex_1["default"])();
+    (0, react_use_1.useUpdateEffect)(function () {
+        if (onBookmarksChange) {
+            onBookmarksChange(_bookmarks);
+        }
+    }, [_bookmarks]);
+    (0, react_use_1.useUpdateEffect)(function () {
+        setIsCollapsed(isCollapsed);
+    }, [isCollapsed]);
+    var handleSectionToggle = function (sectionId) {
+        setExpandedSection(function (currentExpandedSection) {
+            return sectionId === currentExpandedSection ? null : sectionId;
+        });
+    };
+    var handleFavoriteClick = function (id) {
+        setBookmarks(function (current) {
+            return __spreadArray(__spreadArray([], current, true), [id], false);
+        });
+    };
+    var handleUnfavoriteClick = function (id) {
+        setBookmarks(function (current) {
+            return __spreadArray([], current, true).filter(function (item) { return item !== id; });
+        });
+    };
+    var menu = (0, sidebar_1.transformMenu)(items, _bookmarks, customItems);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [floating && hasFloatingBackdrop && isOpen ? ((0, jsx_runtime_1.jsx)(Drawer_1.StyledBackdrop, { className: 'reqore-sidebar-backdrop', onClick: function () { return onCloseClick === null || onCloseClick === void 0 ? void 0 : onCloseClick(); }, closable: true, zIndex: zIndex })) : null, (0, jsx_runtime_1.jsxs)(StyledSidebar, __assign({ className: (0, classnames_1["default"])('sidebar', {
+                    expanded: !_isCollapsed
+                }), style: wrapperStyle, role: 'qorus-sidebar-wrapper', position: position, bordered: bordered, theme: theme, flat: flat, floating: floating, isOpen: isOpen, zIndex: zIndex }, { children: [(0, jsx_runtime_1.jsx)(react_scrollbar_1["default"], __assign({ horizontal: false, className: 'sidebarScroll' }, { children: (0, map_1["default"])(menu, function (_a, sectionId) {
+                            var title = _a.title, items = _a.items;
+                            return (0, lodash_1.size)(items) ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [sectionId !== '_qorusCustomElements' && ((0, jsx_runtime_1.jsx)(StyledDivider, __assign({ hasTitle: !!title, theme: theme }, { children: !_isCollapsed ? title || '' : '' }), sectionId + 'title')), (0, jsx_runtime_1.jsx)("div", __assign({ className: 'sidebarSection', role: 'qorus-sidebar-section-title' }, { children: (0, map_1["default"])(items, function (itemData, key) { return ((0, jsx_runtime_1.jsx)(item_1["default"], { itemData: itemData, isCollapsed: _isCollapsed, expandedSection: expandedSection, onSectionToggle: handleSectionToggle, bookmarks: bookmarks, currentPath: path, onFavoriteClick: handleFavoriteClick, onUnfavoriteClick: handleUnfavoriteClick, sectionName: sectionId, hasFavorites: !!onBookmarksChange, useNativeTitle: useNativeTitle, onClick: closeOnItemClick && onCloseClick ? function () { return void onCloseClick(); } : undefined }, key)); }) }), sectionId)] })) : null;
+                        }) }), 'reqore-sidebar-scroll'), (0, jsx_runtime_1.jsx)(StyledDivider, { theme: theme }), collapsible && ((0, jsx_runtime_1.jsx)("div", __assign({ className: 'sidebarSection', id: 'menuCollapse' }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ role: 'qorus-sidebar-collapse-button', className: 'sidebarItem', style: {
+                                justifyContent: _isCollapsed
+                                    ? 'center'
+                                    : position === 'left'
+                                        ? 'flex-start'
+                                        : 'flex-end'
+                            }, onClick: function () {
+                                setIsCollapsed(!_isCollapsed);
+                                if (onCollapseChange) {
+                                    onCollapseChange(!_isCollapsed);
+                                }
+                            } }, { children: [position === 'left' && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: isCollapsed ? 'ArrowRightSLine' : 'ArrowLeftSLine' })), ' ', !_isCollapsed && (collapseLabel || 'Collapse'), position === 'right' && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: _isCollapsed ? 'ArrowLeftSLine' : 'ArrowRightSLine' })), ' '] })) }))), floating && onCloseClick ? ((0, jsx_runtime_1.jsx)("div", __assign({ className: 'sidebarSection', id: 'menuClose' }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ role: 'qorus-sidebar-close-button', className: 'sidebarItem', style: {
+                                justifyContent: _isCollapsed
+                                    ? 'center'
+                                    : position === 'left'
+                                        ? 'flex-start'
+                                        : 'flex-end'
+                            }, onClick: function () { return void onCloseClick(); } }, { children: [position === 'left' && (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'CloseLine' }), ' ', !_isCollapsed && (closeLabel || 'Close'), position === 'right' && (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'CloseLine' }), ' '] })) }))) : null] }))] }));
+};
+exports["default"] = ReqoreSidebar;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+//# sourceMappingURL=index.js.map

package/dist/src/components/Sidebar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/Sidebar/item.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import { IQorusSidebarItem } from '.';
+export interface SidebarItemProps {
+    itemData: IQorusSidebarItem;
+    isCollapsed?: boolean;
+    subItem?: boolean;
+    onSectionToggle?: (sectionId: string) => any;
+    isExpanded?: boolean;
+    isActive?: boolean;
+    tooltip?: string;
+    children?: any;
+    expandedSection?: string;
+    onFavoriteClick?: Function;
+    onUnfavoriteClick?: Function;
+    favoriteItems?: any;
+    formatItemName?: (itemName: string) => string;
+    currentPath?: string;
+    sectionName?: string;
+    hasFavorites?: boolean;
+    useNativeTitle?: boolean;
+    bookmarks?: string[];
+    onClick(): void;
+}
+export interface ISidebarTooltipProps {
+    isCollapsed?: boolean;
+    children: any;
+    itemData: IQorusSidebarItem;
+    isActive: boolean;
+    isSubcategory: boolean;
+    isSubitem: boolean;
+    onClick: any;
+    useNativeTitle?: boolean;
+}
+declare const SidebarItemWrapper: ({ itemData, isCollapsed, onSectionToggle, expandedSection, favoriteItems, currentPath, onFavoriteClick, onUnfavoriteClick, hasFavorites, sectionName, useNativeTitle, onClick, }: SidebarItemProps) => JSX.Element;
+export default SidebarItemWrapper;
+//# sourceMappingURL=item.d.ts.map

package/dist/src/components/Sidebar/item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/item.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAC;AAQtC,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,GAAG,CAAC;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,iBAAiB,CAAC,EAAE,QAAQ,CAAC;IAC7B,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,GAAG,CAAC;IACb,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAmJD,QAAA,MAAM,kBAAkB,qLAarB,gBAAgB,gBA+DlB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/src/components/Sidebar/item.js

@@ -0,0 +1,106 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var map_1 = __importDefault(require("lodash/map"));
+var react_1 = require("react");
+var react_use_1 = require("react-use");
+var __1 = require("../..");
+var ThemeContext_1 = __importDefault(require("../../context/ThemeContext"));
+var colors_1 = require("../../helpers/colors");
+var sidebar_1 = require("../../helpers/sidebar");
+var Icon_1 = __importDefault(require("../Icon"));
+var SidebarItemTooltip = function (_a) {
+    var isCollapsed = _a.isCollapsed, children = _a.children, itemData = _a.itemData, isActive = _a.isActive, isSubitem = _a.isSubitem, isSubcategory = _a.isSubcategory, onClick = _a.onClick, useNativeTitle = _a.useNativeTitle;
+    var Element = itemData.as || 'div';
+    if (useNativeTitle) {
+        return (
+        //@ts-ignore
+        (0, jsx_runtime_1.jsx)(Element, __assign({}, itemData.props, { onClick: function (e) {
+                var _a, _b;
+                (_b = (_a = itemData.props) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+                onClick === null || onClick === void 0 ? void 0 : onClick(e);
+            }, className: (0, classnames_1["default"])('sidebarItem', 'sidebarLink', {
+                sidebarSubItem: isSubitem,
+                active: isActive,
+                submenuCategory: isSubcategory
+            }), title: itemData.name }, { children: children })));
+    }
+    return (
+    //@ts-ignore
+    (0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ component: Element, componentProps: __assign(__assign({}, itemData.props), { onClick: function (e) {
+                var _a, _b;
+                (_b = (_a = itemData.props) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+                onClick === null || onClick === void 0 ? void 0 : onClick(e);
+            }, className: (0, classnames_1["default"])('sidebarItem', 'sidebarLink', {
+                sidebarSubItem: isSubitem,
+                active: isActive,
+                submenuCategory: isSubcategory
+            }) }), content: itemData.name, placement: 'right', isReqoreComponent: true, show: isCollapsed }, { children: children })));
+};
+var SidebarItem = function (_a) {
+    var _b;
+    var itemData = _a.itemData, isCollapsed = _a.isCollapsed, subItem = _a.subItem, onSectionToggle = _a.onSectionToggle, isExpanded = _a.isExpanded, onFavoriteClick = _a.onFavoriteClick, onUnfavoriteClick = _a.onUnfavoriteClick, formatItemName = _a.formatItemName, currentPath = _a.currentPath, sectionName = _a.sectionName, hasFavorites = _a.hasFavorites, useNativeTitle = _a.useNativeTitle, onClick = _a.onClick;
+    var handleFavoriteClick = function (event) {
+        event.persist();
+        event.stopPropagation();
+        event.preventDefault();
+        if (onFavoriteClick) {
+            onFavoriteClick(itemData.id);
+        }
+    };
+    var handleUnfavoriteClick = function (event) {
+        event.persist();
+        event.stopPropagation();
+        event.preventDefault();
+        if (onUnfavoriteClick) {
+            onUnfavoriteClick(itemData.id);
+        }
+    };
+    var isActive = (0, sidebar_1.isActiveMulti)(itemData.activePaths || [(_b = itemData.props) === null || _b === void 0 ? void 0 : _b.href], currentPath, itemData.exact);
+    var getItemName = function (itemName) {
+        return formatItemName ? formatItemName(itemName) : itemName;
+    };
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(SidebarItemTooltip, __assign({ isCollapsed: isCollapsed, itemData: itemData, isActive: isActive, isSubitem: subItem, useNativeTitle: useNativeTitle, onClick: onSectionToggle
+                ? function () {
+                    onSectionToggle(itemData.name);
+                }
+                : function () { return void (onClick === null || onClick === void 0 ? void 0 : onClick()); } }, { children: [(0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: itemData.icon, margin: isCollapsed ? undefined : 'right' }), ' ', !isCollapsed && getItemName(itemData.name), itemData.submenu && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: isExpanded ? 'ArrowUpSFill' : 'ArrowDownSFill', className: 'submenuExpand' })), !itemData.submenu && !isCollapsed && hasFavorites ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: sectionName === '_qorusBookmarks' ? ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'Bookmark3Fill', className: 'favorite', onClick: handleUnfavoriteClick })) : ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'Bookmark3Line', className: 'favorite', onClick: handleFavoriteClick })) })) : null] })) }));
+};
+var SidebarItemWrapper = function (_a) {
+    var _b, _c;
+    var itemData = _a.itemData, isCollapsed = _a.isCollapsed, onSectionToggle = _a.onSectionToggle, expandedSection = _a.expandedSection, favoriteItems = _a.favoriteItems, currentPath = _a.currentPath, onFavoriteClick = _a.onFavoriteClick, onUnfavoriteClick = _a.onUnfavoriteClick, hasFavorites = _a.hasFavorites, sectionName = _a.sectionName, useNativeTitle = _a.useNativeTitle, onClick = _a.onClick;
+    var theme = (0, react_1.useContext)(ThemeContext_1["default"]);
+    (0, react_use_1.useMount)(function () {
+        var _a;
+        if (!itemData.element &&
+            (0, sidebar_1.isActiveMulti)(itemData.activePaths || [(_a = itemData.props) === null || _a === void 0 ? void 0 : _a.href], currentPath, itemData.exact)) {
+            onSectionToggle(itemData.name);
+        }
+    });
+    if (itemData.element) {
+        var Element_1 = itemData.element;
+        return (
+        //@ts-ignore
+        (0, jsx_runtime_1.jsx)(Element_1, { isCollapsed: isCollapsed, backgroundColor: ((_b = theme.sidebar) === null || _b === void 0 ? void 0 : _b.main) || theme.main, textColor: ((_c = theme.sidebar) === null || _c === void 0 ? void 0 : _c.color) ||
+                (0, colors_1.getReadableColor)(theme, undefined, undefined, true, (0, colors_1.getMainColor)(theme, 'sidebar')) }));
+    }
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SidebarItem, { itemData: itemData, isCollapsed: isCollapsed, onSectionToggle: itemData.submenu && onSectionToggle, isExpanded: expandedSection === itemData.name, currentPath: currentPath, favoriteItems: favoriteItems, onFavoriteClick: onFavoriteClick, onUnfavoriteClick: onUnfavoriteClick, sectionName: sectionName, hasFavorites: hasFavorites, useNativeTitle: useNativeTitle, onClick: onClick }), expandedSection === itemData.name &&
+                (0, map_1["default"])(itemData.submenu, function (subItemData, key) { return ((0, jsx_runtime_1.jsx)(SidebarItem, { itemData: subItemData, isCollapsed: isCollapsed, subItem: true, currentPath: currentPath, favoriteItems: favoriteItems, onFavoriteClick: onFavoriteClick, onUnfavoriteClick: onUnfavoriteClick, sectionName: sectionName, hasFavorites: hasFavorites, useNativeTitle: useNativeTitle, onClick: onClick }, key)); })] }));
+};
+exports["default"] = SidebarItemWrapper;
+//# sourceMappingURL=item.js.map

package/dist/src/components/Sidebar/item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0DAAoC;AACpC,mDAA6B;AAC7B,+BAAmC;AACnC,uCAAqC;AAErC,2BAAsC;AAEtC,4EAAsD;AACtD,+CAAsE;AACtE,iDAAsD;AACtD,iDAAiC;AAmCjC,IAAM,kBAAkB,GAAa,UAAC,EASf;QARrB,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,cAAc,oBAAA;IAEd,IAAM,OAAO,GAAG,QAAQ,CAAC,EAAE,IAAI,KAAK,CAAC;IAErC,IAAI,cAAc,EAAE;QAClB,OAAO;QACL,YAAY;QACZ,uBAAC,OAAO,eACF,QAAQ,CAAC,KAAK,IAClB,OAAO,EAAE,UAAC,CAAC;;gBACT,MAAA,MAAA,QAAQ,CAAC,KAAK,0CAAE,OAAO,mDAAG,CAAC,CAAC,CAAC;gBAC7B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;YACf,CAAC,EACD,SAAS,EAAE,IAAA,uBAAU,EAAC,aAAa,EAAE,aAAa,EAAE;gBAClD,cAAc,EAAE,SAAS;gBACzB,MAAM,EAAE,QAAQ;gBAChB,eAAe,EAAE,aAAa;aAC/B,CAAC,EACF,KAAK,EAAE,QAAQ,CAAC,IAAI,gBAEnB,QAAQ,IACD,CACX,CAAC;KACH;IAED,OAAO;IACL,YAAY;IACZ,uBAAC,iBAAa,aACZ,SAAS,EAAE,OAAO,EAClB,cAAc,wBACT,QAAQ,CAAC,KAAK,KACjB,OAAO,EAAE,UAAC,CAAC;;gBACT,MAAA,MAAA,QAAQ,CAAC,KAAK,0CAAE,OAAO,mDAAG,CAAC,CAAC,CAAC;gBAC7B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;YACf,CAAC,EACD,SAAS,EAAE,IAAA,uBAAU,EAAC,aAAa,EAAE,aAAa,EAAE;gBAClD,cAAc,EAAE,SAAS;gBACzB,MAAM,EAAE,QAAQ;gBAChB,eAAe,EAAE,aAAa;aAC/B,CAAC,KAEJ,OAAO,EAAE,QAAQ,CAAC,IAAI,EACtB,SAAS,EAAC,OAAO,EACjB,iBAAiB,QACjB,IAAI,EAAE,WAAW,gBAEhB,QAAQ,IACK,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,WAAW,GAAG,UAAC,EAcF;;QAbjB,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,UAAU,gBAAA,EACV,eAAe,qBAAA,EACf,iBAAiB,uBAAA,EACjB,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,cAAc,oBAAA,EACd,OAAO,aAAA;IAEP,IAAM,mBAAmB,GAAG,UAAC,KAAK;QAChC,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,eAAe,EAAE;YACnB,eAAe,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;SAC9B;IACH,CAAC,CAAC;IAEF,IAAM,qBAAqB,GAAG,UAAC,KAAK;QAClC,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,iBAAiB,EAAE;YACrB,iBAAiB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;SAChC;IACH,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,IAAA,uBAAa,EAC5B,QAAQ,CAAC,WAAW,IAAI,CAAC,MAAA,QAAQ,CAAC,KAAK,0CAAE,IAAI,CAAC,EAC9C,WAAW,EACX,QAAQ,CAAC,KAAK,CACf,CAAC;IAEF,IAAM,WAAW,GAAiC,UAAC,QAAQ;QACzD,OAAA,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ;IAApD,CAAoD,CAAC;IAEvD,OAAO,CACL,2DACE,wBAAC,kBAAkB,aACjB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,OAAO,EAClB,cAAc,EAAE,cAAc,EAC9B,OAAO,EACL,eAAe;gBACb,CAAC,CAAC;oBACE,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACjC,CAAC;gBACH,CAAC,CAAC,cAAM,OAAA,KAAK,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAA,EAAhB,CAAgB,iBAG5B,uBAAC,iBAAU,IAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,GAAI,EAAC,GAAG,EACjF,CAAC,WAAW,IAAI,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,EAC1C,QAAQ,CAAC,OAAO,IAAI,CACnB,uBAAC,iBAAU,IACT,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,gBAAgB,EACpD,SAAS,EAAC,eAAe,GACzB,CACH,EACA,CAAC,QAAQ,CAAC,OAAO,IAAI,CAAC,WAAW,IAAI,YAAY,CAAC,CAAC,CAAC,CACnD,2DACG,WAAW,KAAK,iBAAiB,CAAC,CAAC,CAAC,CACnC,uBAAC,iBAAU,IACT,IAAI,EAAC,eAAe,EACpB,SAAS,EAAC,UAAU,EACpB,OAAO,EAAE,qBAAqB,GAC9B,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,iBAAU,IAAC,IAAI,EAAC,eAAe,EAAC,SAAS,EAAC,UAAU,EAAC,OAAO,EAAE,mBAAmB,GAAI,CACvF,GACA,CACJ,CAAC,CAAC,CAAC,IAAI,KACW,GACpB,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,kBAAkB,GAAG,UAAC,EAaT;;QAZjB,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,iBAAiB,uBAAA,EACjB,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,OAAO,aAAA;IAEP,IAAM,KAAK,GAAiB,IAAA,kBAAU,EAAC,yBAAY,CAAC,CAAC;IAErD,IAAA,oBAAQ,EAAC;;QACP,IACE,CAAC,QAAQ,CAAC,OAAO;YACjB,IAAA,uBAAa,EAAC,QAAQ,CAAC,WAAW,IAAI,CAAC,MAAA,QAAQ,CAAC,KAAK,0CAAE,IAAI,CAAC,EAAE,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,EAC1F;YACA,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;SAChC;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,QAAQ,CAAC,OAAO,EAAE;QACZ,IAAS,SAAO,GAAK,QAAQ,QAAb,CAAc;QAEtC,OAAO;QACL,YAAY;QACZ,uBAAC,SAAO,IACN,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,CAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,IAAI,KAAI,KAAK,CAAC,IAAI,EAClD,SAAS,EACP,CAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,KAAK;gBACpB,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAA,qBAAY,EAAC,KAAK,EAAE,SAAS,CAAC,CAAC,GAErF,CACH,CAAC;KACH;IAED,OAAO,CACL,6DACE,uBAAC,WAAW,IACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,QAAQ,CAAC,OAAO,IAAI,eAAe,EACpD,UAAU,EAAE,eAAe,KAAK,QAAQ,CAAC,IAAI,EAC7C,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,GAChB,EACD,eAAe,KAAK,QAAQ,CAAC,IAAI;gBAChC,IAAA,gBAAG,EAAC,QAAQ,CAAC,OAAO,EAAE,UAAC,WAAgB,EAAE,GAAW,IAAK,OAAA,CACvD,uBAAC,WAAW,IACV,QAAQ,EAAE,WAAW,EAErB,WAAW,EAAE,WAAW,EACxB,OAAO,QACP,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,IAVX,GAAG,CAWR,CACH,EAfwD,CAexD,CAAC,IACH,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,kBAAkB,CAAC"}

package/dist/src/components/Table/body.d.ts

@@ -0,0 +1,10 @@
+import { Dispatch, SetStateAction } from 'react';
+import { IReqoreTableRowOptions } from './row';
+export interface IReqoreTableSectionBodyProps extends IReqoreTableRowOptions {
+    setLeftScroll: Dispatch<SetStateAction<number>>;
+    rowHeight?: number;
+    height: number;
+}
+declare const ReqoreTableBody: ({ data, setLeftScroll, height, rowHeight, size, ...rest }: IReqoreTableSectionBodyProps) => JSX.Element;
+export default ReqoreTableBody;
+//# sourceMappingURL=body.d.ts.map

package/dist/src/components/Table/body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAC;AAIpE,OAAuB,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAE/D,MAAM,WAAW,4BAA6B,SAAQ,sBAAsB;IAC1E,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,eAAe,8DAOlB,4BAA4B,gBAwB9B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/src/components/Table/body.js

@@ -0,0 +1,44 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var react_use_1 = require("react-use");
+var react_window_1 = require("react-window");
+var sizes_1 = require("../../constants/sizes");
+var row_1 = __importDefault(require("./row"));
+var ReqoreTableBody = function (_a) {
+    var data = _a.data, setLeftScroll = _a.setLeftScroll, height = _a.height, rowHeight = _a.rowHeight, _b = _a.size, size = _b === void 0 ? 'normal' : _b, rest = __rest(_a, ["data", "setLeftScroll", "height", "rowHeight", "size"]);
+    var ref = (0, react_1.useRef)(null);
+    var x = (0, react_use_1.useScroll)(ref).x;
+    (0, react_1.useEffect)(function () {
+        setLeftScroll(x);
+    }, [x]);
+    return ((0, jsx_runtime_1.jsx)(react_window_1.FixedSizeList, __assign({ outerRef: ref, itemCount: data.length, height: height, className: 'reqore-table-body', itemSize: rest.flat ? sizes_1.TABLE_SIZE_TO_PX[size] : sizes_1.TABLE_SIZE_TO_PX[size] + 1, itemData: __assign({ data: data, size: size }, rest) }, { children: row_1["default"] })));
+};
+exports["default"] = ReqoreTableBody;
+//# sourceMappingURL=body.js.map

package/dist/src/components/Table/body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../../src/components/Table/body.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAoE;AACpE,uCAAsC;AACtC,6CAAqD;AACrD,+CAAyD;AACzD,8CAA+D;AAQ/D,IAAM,eAAe,GAAG,UAAC,EAOM;IAN7B,IAAA,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,SAAS,eAAA,EACT,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACZ,IAAI,cANgB,wDAOxB,CADQ;IAEP,IAAM,GAAG,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IACjB,IAAA,CAAC,GAAoB,IAAA,qBAAS,EAAC,GAAG,CAAC,EAAlC,CAAmC;IAE5C,IAAA,iBAAS,EAAC;QACR,aAAa,CAAC,CAAC,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAER,OAAO,CACL,uBAAC,4BAAI,aACH,QAAQ,EAAE,GAAG,EACb,SAAS,EAAE,IAAI,CAAC,MAAM,EACtB,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,mBAAmB,EAC7B,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,wBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,wBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,EACzE,QAAQ,aACN,IAAI,MAAA,EACJ,IAAI,MAAA,IACD,IAAI,iBAGR,gBAAc,IACV,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,eAAe,CAAC"}

package/dist/src/components/Table/header.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { IReqoreTableColumn, IReqoreTableSort } from '.';
+import { IReqoreTheme } from '../../constants/theme';
+export interface IReqoreTableSectionProps {
+    columns: IReqoreTableColumn[];
+    leftScroll: number;
+    onSortChange?: (sort: string) => void;
+    sortData: IReqoreTableSort;
+    selectable?: boolean;
+    selectedQuant: 'none' | 'all' | 'some';
+    onToggleSelectClick: () => void;
+    hasVerticalScroll: boolean;
+    selectToggleTooltip?: string;
+}
+export interface IReqoreTableSectionStyle {
+    leftScroll: number;
+    hasVerticalScroll: boolean;
+    theme: IReqoreTheme;
+}
+export interface IReqoreTableHeaderStyle {
+    width?: number;
+    grow?: number;
+    theme: IReqoreTheme;
+    align?: 'center' | 'left' | 'right';
+}
+export declare const StyledColumnGroupHeader: any;
+declare const ReqoreTableHeader: ({ columns, leftScroll, onSortChange, sortData, selectable, selectedQuant, onToggleSelectClick, selectToggleTooltip, hasVerticalScroll, }: IReqoreTableSectionProps) => JSX.Element;
+export default ReqoreTableHeader;
+//# sourceMappingURL=header.d.ts.map

package/dist/src/components/Table/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;IACvC,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,wBAAwB;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,KAAK,EAAE,YAAY,CAAC;CACrB;AAcD,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,uBAAuB,KAKnC,CAAC;AAqCF,QAAA,MAAM,iBAAiB,6IAUpB,wBAAwB,gBAyE1B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}