asab_webui_shell 25.1.1

package/dist/containers/Navigation/reducer.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _actions = require("../../actions");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var initialState = {
+  navItems: []
+};
+var _default = exports["default"] = function _default() {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
+  var action = arguments.length > 1 ? arguments[1] : undefined;
+  switch (action.type) {
+    case _actions.SET_NAVIGATION_ITEMS:
+      // Remove navigation items which does not have populated children
+      var filteredNavItems = action.navItems ? action.navItems.filter(function (item) {
+        return !(item.children && item.children.length === 0);
+      }) : [];
+
+      // Sort children within each navigation item if they exist
+      filteredNavItems.forEach(function (item) {
+        if (item.children && item.children.length > 0) {
+          item.children.sort(function (a, b) {
+            return sortItemsByOrder(a, b);
+          });
+        }
+      });
+      // Sort the navigation items
+      filteredNavItems.sort(function (a, b) {
+        return sortItemsByOrder(a, b);
+      });
+      return _objectSpread(_objectSpread({}, state), {}, {
+        navItems: filteredNavItems
+      });
+    default:
+      {
+        return state;
+      }
+  }
+}; // Method to sort items by order property
+function sortItemsByOrder(a, b) {
+  if (a.order == undefined && b.order == undefined) {
+    return 0; // No order specified for both, keep order unchanged
+  } else if (a.order == undefined) {
+    return 1; // Move items without order to the end
+  } else if (b.order == undefined) {
+    return -1; // Move items without order to the end
+  } else {
+    return a.order - b.order; // Sort by order
+  }
+}

package/dist/containers/RouteErrorHandler/ErrorContainer.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+// IMPORTANT: This is intentionally low-depenency container!
+
+var ErrorContainer = function ErrorContainer(props) {
+  var _props$error, _props$datetime;
+  var acknowledgeError = function acknowledgeError(e) {
+    e.preventDefault();
+    props.ackError();
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "container"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "row mt-5"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "col"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "card shadow border-danger"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "card-header card-header-flex"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "flex-fill"
+  }, /*#__PURE__*/_react["default"].createElement("h3", {
+    className: "text-danger"
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "bi bi-emoji-frown pe-2"
+  }), "Ooops. We are sorry. Something went wrong.")), /*#__PURE__*/_react["default"].createElement("button", {
+    className: "btn btn-primary",
+    onClick: function onClick(e) {
+      return acknowledgeError(e);
+    }
+  }, "Acknowledge")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "card-body"
+  }, /*#__PURE__*/_react["default"].createElement("h6", {
+    className: "pe-5"
+  }, (_props$error = props.error) === null || _props$error === void 0 ? void 0 : _props$error.toString()), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("pre", null, /*#__PURE__*/_react["default"].createElement("code", null, props.errorInfo.componentStack)))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "card-footer"
+  }, (_props$datetime = props.datetime) === null || _props$datetime === void 0 ? void 0 : _props$datetime.toString() /*This is intentionaly not using DateTime to reduce internal dependency*/)))));
+};
+var _default = exports["default"] = ErrorContainer;

package/dist/containers/RouteErrorHandler/index.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _ErrorContainer = _interopRequireDefault(require("./ErrorContainer"));
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var RouteErrorHandler = /*#__PURE__*/function (_React$Component) {
+  function RouteErrorHandler(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, RouteErrorHandler);
+    _this = _callSuper(this, RouteErrorHandler, [props]);
+    // Acknowledge error
+    (0, _defineProperty2["default"])(_this, "ackError", function () {
+      var _window$location;
+      // TODO: send error to Sentry
+      /*
+      	If location hash differs from the one stored in state,
+      	use the location hash of the route, else use the default
+      	location
+      */
+      if (_this.state.locationHash != ((_window$location = window.location) === null || _window$location === void 0 ? void 0 : _window$location.hash)) {
+        window.location.hash;
+      } else {
+        // Default location
+        window.location.hash = "#/";
+      }
+      _this.setState({
+        error: null,
+        errorInfo: null,
+        datetime: null,
+        locationHash: null
+      });
+    });
+    _this.state = {
+      error: null,
+      errorInfo: null,
+      datetime: null,
+      locationHash: null
+    };
+    return _this;
+  }
+  (0, _inherits2["default"])(RouteErrorHandler, _React$Component);
+  return (0, _createClass2["default"])(RouteErrorHandler, [{
+    key: "componentDidCatch",
+    value: function componentDidCatch(error, errorInfo) {
+      var _window$location2;
+      this.setState({
+        error: error,
+        errorInfo: errorInfo,
+        datetime: new Date(),
+        locationHash: (_window$location2 = window.location) === null || _window$location2 === void 0 ? void 0 : _window$location2.hash
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      if (this.state.errorInfo) {
+        return /*#__PURE__*/_react["default"].createElement(_ErrorContainer["default"], {
+          error: this.state.error,
+          errorInfo: this.state.errorInfo,
+          datetime: this.state.datetime,
+          ackError: this.ackError
+        });
+      }
+      return this.props.children;
+    }
+  }]);
+}(_react["default"].Component);
+var _default = exports["default"] = RouteErrorHandler;

package/dist/containers/Router/ApplicationRouter.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = ApplicationRouter;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactRedux = require("react-redux");
+var _reactRouterDom = require("react-router-dom");
+var _actions = require("../../actions");
+var _RouteErrorHandler = _interopRequireDefault(require("../RouteErrorHandler"));
+var _UnauthorizedAccessScreen = _interopRequireDefault(require("../../screens/UnauthorizedAccessScreen"));
+var _InvalidRouteScreen = _interopRequireDefault(require("../../screens/InvalidRouteScreen"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+// TODO: properly isolate authorization screen from the Application (should be injected when needed and only when AuthModule is enabled)
+
+function ApplicationRouter(props) {
+  var routes = (0, _reactRedux.useSelector)(function (state) {
+    var _state$router;
+    return (_state$router = state.router) === null || _state$router === void 0 ? void 0 : _state$router.routes;
+  });
+  return /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Routes, null, routes && routes.map(function (route, idx) {
+    return route.component ? /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Route, {
+      key: idx,
+      path: "".concat(route.path),
+      end: route.end,
+      name: route.name,
+      element: /*#__PURE__*/_react["default"].createElement(_RouteErrorHandler["default"], null, /*#__PURE__*/_react["default"].createElement(RouteRenderer, {
+        app: props.app,
+        route: route,
+        routeComponent: /*#__PURE__*/_react["default"].createElement(route.component, (0, _extends2["default"])({
+          app: props.app
+        }, route.props))
+      }))
+    }) : null;
+  }), /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Route, {
+    path: "*",
+    element: /*#__PURE__*/_react["default"].createElement(_InvalidRouteScreen["default"], null)
+    // Handle all undefined routes (404)
+  }));
+}
+function RouteRenderer(props) {
+  var resources = (0, _reactRedux.useSelector)(function (state) {
+    var _state$auth;
+    return (_state$auth = state.auth) !== null && _state$auth !== void 0 && _state$auth.resources ? state.auth.resources : [];
+  });
+  var dispatch = (0, _reactRedux.useDispatch)();
+  // Set up and dispatch help content
+  (0, _react.useEffect)(function () {
+    var defaultHelp = "https://docs.teskalabs.com/logman.io/user/";
+    dispatch({
+      type: _actions.SET_HELP_PATH,
+      helpPath: props.route.help ? props.route.help : defaultHelp
+    });
+  }, [props.route.help]);
+  // Route component renders the approriate screen based on the route
+  if (props.route.resource) {
+    // If resource present, let UnauthorizedAccessScreen to decide if the Screen will be rendered
+    return /*#__PURE__*/_react["default"].createElement(_UnauthorizedAccessScreen["default"], {
+      app: props.app,
+      resource: props.route.resource,
+      routeComponent: props.routeComponent
+    });
+  } else if (!props.route.resource && resources.includes("authz:superuser") == false) {
+    // If resource is not present, the user is not a superuser and the page is not access control, the UnauthorizedAccessScreen will block the page
+    return /*#__PURE__*/_react["default"].createElement(_UnauthorizedAccessScreen["default"], {
+      app: props.app,
+      resource: props.route.resource,
+      routeComponent: props.routeComponent
+    });
+  } else {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, props.routeComponent);
+  }
+}

package/dist/containers/Router/index.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _react = _interopRequireWildcard(require("react"));
+var _actions = require("../../actions");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var Router = exports["default"] = /*#__PURE__*/function (_Component) {
+  function Router(app) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Router);
+    _this = _callSuper(this, Router, [app]);
+    _this.Routes = [];
+    _this.App = app;
+    return _this;
+  }
+  (0, _inherits2["default"])(Router, _Component);
+  return (0, _createClass2["default"])(Router, [{
+    key: "addRoute",
+    value: function addRoute(route) {
+      /* Example route:
+      	{
+      		path: '/some/path', // Url path
+      		end: true, // Whether path must be matched exactly
+      		name: 'Some Name', // Route name
+      		component: ReactComponent, // Component to be rendered
+      		resource: some:resource, // Resource of the component | *optional
+      		help: "https://docs.teskalabs.com" // Help content of the screen (route) | *optional
+      	}
+      */
+      this.Routes.push(route);
+      this.App.Store.dispatch({
+        type: _actions.SET_ROUTES,
+        routes: this.Routes
+      });
+    }
+  }]);
+}(_react.Component);

package/dist/containers/Router/reducer.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _actions = require("../../actions");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var initialState = {
+  routes: []
+};
+var _default = exports["default"] = function _default() {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
+  var action = arguments.length > 1 ? arguments[1] : undefined;
+  switch (action.type) {
+    case _actions.SET_ROUTES:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        routes: action.routes
+      });
+    default:
+      {
+        return state;
+      }
+  }
+};

package/dist/containers/Sidebar/NavbarBrand.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactRedux = require("react-redux");
+var _reactRouterDom = require("react-router-dom");
+var _BrandImage = require("../../components/branding/BrandImage");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var NavbarBrand = function NavbarBrand(props) {
+  var _brandImage$href;
+  var _useState = (0, _react.useState)({}),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    brandImage = _useState2[0],
+    setBrandImage = _useState2[1];
+  var theme = (0, _reactRedux.useSelector)(function (state) {
+    return state.theme;
+  });
+  var title = (0, _reactRedux.useSelector)(function (state) {
+    var _state$config;
+    return (_state$config = state.config) === null || _state$config === void 0 ? void 0 : _state$config.title;
+  });
+  var isSidebarCollapsed = (0, _reactRedux.useSelector)(function (state) {
+    var _state$sidebar;
+    return (_state$sidebar = state.sidebar) === null || _state$sidebar === void 0 ? void 0 : _state$sidebar.isSidebarCollapsed;
+  });
+  (0, _react.useEffect)(function () {
+    setBrandImage((0, _BrandImage.getBrandImage)(props, theme));
+  }, [theme]);
+  var href = (_brandImage$href = brandImage === null || brandImage === void 0 ? void 0 : brandImage.href) !== null && _brandImage$href !== void 0 ? _brandImage$href : "/";
+  if (href.includes("http")) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      id: "app-brandimage"
+    }, /*#__PURE__*/_react["default"].createElement("a", {
+      href: href,
+      target: "_blank",
+      rel: "noopener noreferrer"
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: isSidebarCollapsed ? brandImage === null || brandImage === void 0 ? void 0 : brandImage.minimized : brandImage === null || brandImage === void 0 ? void 0 : brandImage.full,
+      alt: title
+    })));
+  }
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    id: "app-brandimage",
+    title: title
+  }, /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
+    to: href,
+    style: {
+      backgroundImage: "url(".concat(isSidebarCollapsed ? brandImage === null || brandImage === void 0 ? void 0 : brandImage.minimized : brandImage === null || brandImage === void 0 ? void 0 : brandImage.full, ")")
+    }
+  }, "\xA0"));
+};
+var _default = exports["default"] = NavbarBrand;

package/dist/containers/Sidebar/SidebarBottomItem.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactRouterDom = require("react-router-dom");
+var _reactI18next = require("react-i18next");
+var _reactRedux = require("react-redux");
+var _actions = require("../../actions");
+var SidebarBottomItem = function SidebarBottomItem(_ref) {
+  var sidebarLogo = _ref.sidebarLogo;
+  var isSidebarCollapsed = (0, _reactRedux.useSelector)(function (state) {
+    return state.sidebar.isSidebarCollapsed;
+  });
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  var dispatch = (0, _reactRedux.useDispatch)();
+
+  // Handle toggle of the sidebar's collapsed state
+  var onCollapse = function onCollapse(event) {
+    event.stopPropagation();
+    dispatch({
+      type: _actions.COLLAPSE_SIDEBAR,
+      isSidebarCollapsed: !isSidebarCollapsed
+    });
+  };
+  var logoUrl = isSidebarCollapsed ? sidebarLogo === null || sidebarLogo === void 0 ? void 0 : sidebarLogo.minimized : sidebarLogo === null || sidebarLogo === void 0 ? void 0 : sidebarLogo.full;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "nav-item d-flex align-items-center",
+    role: "group"
+  }, /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
+    id: "app-sidebar-logo",
+    to: "/about",
+    style: {
+      backgroundImage: "url(".concat(logoUrl, ")")
+    },
+    title: t("Sidebar|About")
+  }, "\xA0"), !isSidebarCollapsed && /*#__PURE__*/_react["default"].createElement("i", {
+    id: "app-sidebar-collapse",
+    title: t("Sidebar|Collapse"),
+    onClick: onCollapse,
+    className: "fs-4 bi bi-chevron-left text-primary"
+  })), isSidebarCollapsed && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "nav-item"
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    id: "app-sidebar-expand",
+    title: t("Sidebar|Expand"),
+    onClick: onCollapse,
+    className: "nav-link fs-4 bi bi-chevron-right text-primary"
+  })));
+};
+var _default = exports["default"] = SidebarBottomItem;

package/dist/containers/Sidebar/SidebarIcon.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var Icon = function Icon(_ref) {
+  var icon = _ref.icon,
+    className = _ref.className;
+  if (typeof icon === "string") {
+    return /*#__PURE__*/_react["default"].createElement("i", {
+      className: "".concat(icon, " ").concat(className, " sidebar-item-icon")
+    });
+  }
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: "sidebar-item-icon"
+  }, icon);
+};
+var _default = exports["default"] = Icon;