asab_webui_shell 27.7.2 → 27.7.5-alpha.0

package/dist/modules/tenant/TenantDropdown.js

@@ -7,17 +7,25 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = TenantDropdown;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
+var _reactRouter = require("react-router");
 var _asab_webui_components = require("asab_webui_components");
 var _reactI18next = require("react-i18next");
+var _seacatAuth = require("asab_webui_components/seacat-auth");
 var _reactstrap = require("reactstrap");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function TenantDropdown() {
+function TenantDropdown(_ref) {
+  var _app$Modules;
+  var app = _ref.app;
   var _useTranslation = (0, _reactI18next.useTranslation)(),
     t = _useTranslation.t;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isOpen = _useState2[0],
     setIsOpen = _useState2[1];
+  var _useState3 = (0, _react.useState)(''),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    searchInput = _useState4[0],
+    setSearchInput = _useState4[1];
   var current = (0, _asab_webui_components.useAppSelector)(state => {
     var _state$tenant;
     return state === null || state === void 0 || (_state$tenant = state.tenant) === null || _state$tenant === void 0 ? void 0 : _state$tenant.current;
@@ -26,7 +34,19 @@ function TenantDropdown() {
     var _state$tenant2;
     return state === null || state === void 0 || (_state$tenant2 = state.tenant) === null || _state$tenant2 === void 0 ? void 0 : _state$tenant2.tenants;
   });
-  var toggle = () => setIsOpen(prev => !prev);
+  var canCreateTenant = (app === null || app === void 0 || (_app$Modules = app.Modules) === null || _app$Modules === void 0 ? void 0 : _app$Modules.some(obj => (obj === null || obj === void 0 ? void 0 : obj.Name) === "LmioTrexModule")) && (0, _seacatAuth.isAuthorized)(['lmio:tenant:create'], app);
+  var tenantsAvailable = tenants && tenants.length > 0;
+  var showDropdown = tenantsAvailable || canCreateTenant;
+  var hasSearch = (tenants === null || tenants === void 0 ? void 0 : tenants.length) >= 10; // Display search input if there is >= 10 tenants
+  var toggle = () => {
+    setIsOpen(prev => !prev);
+    hasSearch && setSearchInput('');
+  };
+  var filteredTenants = (0, _react.useMemo)(() => {
+    if (!hasSearch || !searchInput) return tenants;
+    var inputLower = searchInput.toLowerCase();
+    return tenants.filter(tenant => String(tenant).toLowerCase().includes(inputLower));
+  }, [tenants, searchInput, hasSearch]);
   return /*#__PURE__*/_react.default.createElement(_reactstrap.Dropdown, {
     isOpen: isOpen,
     toggle: toggle,
@@ -39,22 +59,33 @@ function TenantDropdown() {
     className: "bi bi-house-lock pe-2"
   }), /*#__PURE__*/_react.default.createElement(TenantLabel, {
     tenant: current
-  })), isOpen && (tenants === null || tenants === void 0 ? void 0 : tenants.length) > 0 && /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
-    className: "shadow overflow-y-auto",
+  })), isOpen && showDropdown && /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
+    className: "shadow overflow-y-auto".concat(hasSearch ? ' pt-0' : ''),
     style: {
       maxHeight: '20em'
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
+  }, tenantsAvailable && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
     header: true
-  }, t('General|Tenants')), tenants.map((tenant, i) => /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
+  }, t('General|Tenants')), hasSearch && /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
+    value: searchInput,
+    className: "px-3",
+    onChange: e => setSearchInput(e.target.value),
+    type: "text",
+    placeholder: t('General|Search')
+  }), filteredTenants.map((tenant, i) => /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
     key: i,
     tag: "a",
     href: '?tenant=' + tenant + '#/'
   }, /*#__PURE__*/_react.default.createElement(TenantLabel, {
     tenant: tenant
-  })))));
+  })))), canCreateTenant && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, tenantsAvailable && /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
+    divider: true
+  }), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
+    tag: _reactRouter.Link,
+    to: "/config/tenant/!create"
+  }, t('TenantDropdown|Create tenant')))));
 }
-function TenantLabel(_ref) {
-  var tenant = _ref.tenant;
+function TenantLabel(_ref2) {
+  var tenant = _ref2.tenant;
   return /*#__PURE__*/_react.default.createElement("span", null, tenant);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "asab_webui_shell",
-	"version": "27.7.2",
+	"version": "27.7.5-alpha.0",
 	"license": "BSD-3-Clause",
 	"description": "TeskaLabs ASAB WebUI Shell Application",
 	"contributors": [