@cccsaurora/howler-ui 2.14.0-dev.257 → 2.14.0-dev.263

package/commons/components/utils/keyboard.js

@@ -0,0 +1,70 @@
+import "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+const ENTER = "Enter";
+const ESCAPE = "Escape";
+const ARROW_LEFT = "ArrowLeft";
+const ARROW_UP = "ArrowUp";
+const ARROW_RIGHT = "ArrowRight";
+const ARROW_DOWN = "ArrowDown";
+const BACKSPACE = "Backspace";
+const SPACE = " ";
+function is(key, check) {
+  return key === check;
+}
+function isArrowUp(key) {
+  return is(key, ARROW_UP);
+}
+function isArrowDown(key) {
+  return is(key, ARROW_DOWN);
+}
+function isArrowLeft(key) {
+  return is(key, ARROW_LEFT);
+}
+function isArrowRight(key) {
+  return is(key, ARROW_RIGHT);
+}
+function isEscape(key) {
+  return is(key, ESCAPE);
+}
+function isEnter(key) {
+  return is(key, ENTER);
+}
+function isBackspace(key) {
+  return is(key, BACKSPACE);
+}
+function isSpace(key) {
+  return is(key, SPACE);
+}
+function parseEvent(event) {
+  return {
+    key: event.key,
+    isCtrl: event.ctrlKey,
+    isEnter: isEnter(event.key),
+    isSpace: isSpace(event.key),
+    isBackspace: isBackspace(event.key),
+    isEscape: isEscape(event.key),
+    isArrowLeft: isArrowLeft(event.key),
+    isArrowRight: isArrowRight(event.key),
+    isArrowUp: isArrowUp(event.key),
+    isArrowDown: isArrowDown(event.key)
+  };
+}
+export {
+  ARROW_DOWN,
+  ARROW_LEFT,
+  ARROW_RIGHT,
+  ARROW_UP,
+  BACKSPACE,
+  ENTER,
+  ESCAPE,
+  SPACE,
+  is,
+  isArrowDown,
+  isArrowLeft,
+  isArrowRight,
+  isArrowUp,
+  isBackspace,
+  isEnter,
+  isEscape,
+  isSpace,
+  parseEvent
+};

package/components/app/App.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const App: FC;
+export default App;

package/components/app/App.js

@@ -0,0 +1,342 @@
+import { jsx, jsxs } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { loader } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@monaco-editor+react@4.7.0_monaco-editor@0.49.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@monaco-editor/react/dist/index.mjs";
+import { a as api } from "../../index-BPPnUdfP.js";
+import AppProvider from "../../commons/components/app/AppProvider.js";
+import LayoutSkeleton from "../../commons/components/app/AppSkeleton.js";
+import "../../commons/components/app/AppContexts.js";
+import { useContext, useEffect } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import i18nInstance from "../../i18n.js";
+import { useAppLayout } from "../../commons/components/app/hooks/useAppLayout.js";
+import "../../commons/components/app/hooks/useAppSitemap.js";
+import { useAppSwitcher } from "../../commons/components/app/hooks/useAppSwitcher.js";
+import { useAppUser } from "../../commons/components/app/hooks/useAppUser.js";
+import Modal from "../elements/display/Modal.js";
+import useMyApi from "../hooks/useMyApi.js";
+import useMyLocalStorage from "../hooks/useMyLocalStorage.js";
+import useMyPreferences from "../hooks/useMyPreferences.js";
+import useMySitemap from "../hooks/useMySitemap.js";
+import useMyTheme from "../hooks/useMyTheme.js";
+import useMyUser from "../hooks/useMyUser.js";
+import LoginScreen from "../logins/Login.js";
+import useLogin from "../logins/hooks/useLogin.js";
+import NotFoundPage from "../routes/404.js";
+import ErrorBoundary from "../routes/ErrorBoundary.js";
+import Logout from "../routes/Logout.js";
+import ActionEditor from "../routes/action/edit/ActionEditor.js";
+import ActionDetails from "../routes/action/view/ActionDetails.js";
+import ActionSearchProvider from "../routes/action/view/ActionSearch.js";
+import Integrations from "../routes/action/view/Integrations.js";
+import UserEditor from "../routes/admin/users/UserEditor.js";
+import UserSearchProvider from "../routes/admin/users/UserSearch.js";
+import QueryBuilder from "../routes/advanced/QueryBuilder.js";
+import AnalyticDetails from "../routes/analytics/AnalyticDetails.js";
+import AnalyticSearch from "../routes/analytics/AnalyticSearch.js";
+import DossierEditor from "../routes/dossiers/DossierEditor.js";
+import Dossiers from "../routes/dossiers/Dossiers.js";
+import ActionDocumentation from "../routes/help/ActionDocumentation.js";
+import ApiDocumentation from "../routes/help/ApiDocumentation.js";
+import AuthDocumentation from "../routes/help/AuthDocumentation.js";
+import ClientDocumentation from "../routes/help/ClientDocumentation.js";
+import HelpDashboard from "../routes/help/Help.js";
+import HitDocumentation from "../routes/help/HitDocumentation.js";
+import NotebookDocumentation from "../routes/help/NotebookDocumentation.js";
+import OverviewDocumentation from "../routes/help/OverviewDocumentation.js";
+import RetentionDocumentation from "../routes/help/RetentionDocumentation.js";
+import SearchDocumentation from "../routes/help/SearchDocumentation.js";
+import TemplateDocumentation from "../routes/help/TemplateDocumentation.js";
+import ViewDocumentation from "../routes/help/ViewDocumentation.js";
+import HitBrowserProvider from "../routes/hits/search/HitBrowser.js";
+import HitViewer from "../routes/hits/view/HitViewer.js";
+import Home from "../routes/home/index.js";
+import OverviewViewer from "../routes/overviews/OverviewViewer.js";
+import Overviews from "../routes/overviews/Overviews.js";
+import Settings from "../routes/settings/Settings.js";
+import TemplateViewer from "../routes/templates/TemplateViewer.js";
+import Templates from "../routes/templates/Templates.js";
+import ViewComposer from "../routes/views/ViewComposer.js";
+import Views from "../routes/views/Views.js";
+import * as monaco from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/monaco-editor@0.49.0/node_modules/monaco-editor/esm/vs/editor/editor.main.js";
+import howlerPluginStore from "../../plugins/store.js";
+import { I18nextProvider } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-i18next@14.1.3_i18next@23.16.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-i18next/dist/es/index.js";
+import { PluginProvider, usePluginStore } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-pluggable@0.4.3_react@18.3.1/node_modules/react-pluggable/dist/react-pluggable.esm.js";
+import { createBrowserRouter, Outlet, useLocation, useNavigate, RouterProvider } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-router-dom@6.30.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-router-dom/dist/index.js";
+import { StorageKey } from "../../utils/constants.js";
+import useMySearch from "../hooks/useMySearch.js";
+import AppContainer from "./AppContainer.js";
+import AnalyticProvider from "./providers/AnalyticProvider.js";
+import ApiConfigProvider, { ApiConfigContext } from "./providers/ApiConfigProvider.js";
+import AvatarProvider from "./providers/AvatarProvider.js";
+import CustomPluginProvider from "./providers/CustomPluginProvider.js";
+import FavouriteProvider from "./providers/FavouritesProvider.js";
+import FieldProvider from "./providers/FieldProvider.js";
+import HitProvider from "./providers/HitProvider.js";
+import LocalStorageProvider from "./providers/LocalStorageProvider.js";
+import ModalProvider from "./providers/ModalProvider.js";
+import OverviewProvider from "./providers/OverviewProvider.js";
+import ParameterProvider from "./providers/ParameterProvider.js";
+import SocketProvider from "./providers/SocketProvider.js";
+import UserListProvider from "./providers/UserListProvider.js";
+import ViewProvider from "./providers/ViewProvider.js";
+loader.config({ monaco });
+const RoleRoute = ({ role }) => {
+  var _a, _b;
+  const appUser = useAppUser();
+  if ((_b = (_a = appUser.user) == null ? void 0 : _a.roles) == null ? void 0 : _b.includes(role)) {
+    return /* @__PURE__ */ jsx(Outlet, {});
+  }
+  return /* @__PURE__ */ jsx(NotFoundPage, {});
+};
+const MyApp = () => {
+  var _a, _b;
+  const { getUser } = useLogin();
+  const { dispatchApi } = useMyApi();
+  const appLayout = useAppLayout();
+  const appUser = useAppUser();
+  const location = useLocation();
+  const navigate = useNavigate();
+  const apiConfig = useContext(ApiConfigContext);
+  const { setItems } = useAppSwitcher();
+  const { get, set, remove } = useMyLocalStorage();
+  const pluginStore = usePluginStore();
+  useEffect(() => {
+    dispatchApi(api.configs.get()).then((data) => {
+      var _a2, _b2;
+      apiConfig.setConfig(data);
+      if ((_b2 = (_a2 = data == null ? void 0 : data.configuration) == null ? void 0 : _a2.ui) == null ? void 0 : _b2.apps) {
+        setItems(data.configuration.ui.apps);
+      }
+    });
+    if (appUser.isReady() || !get(StorageKey.APP_TOKEN) && !get(StorageKey.REFRESH_TOKEN)) {
+      return;
+    }
+    getUser();
+  }, []);
+  useEffect(() => {
+    if (appUser.isReady()) {
+      appLayout.setReady(true);
+      remove(StorageKey.ETAG);
+    } else if (!get(StorageKey.APP_TOKEN) && !get(StorageKey.REFRESH_TOKEN)) {
+      if (location.pathname !== "/login") {
+        set(StorageKey.NEXT_LOCATION, location.pathname);
+        set(StorageKey.NEXT_SEARCH, location.search);
+        navigate("/login");
+      }
+    }
+  }, [appUser.isReady()]);
+  for (const plugin of howlerPluginStore.plugins) {
+    (_a = pluginStore.executeFunction(`${plugin}.setup`)) == null ? void 0 : _a();
+  }
+  return appLayout.ready && ((_b = apiConfig.config) == null ? void 0 : _b.indexes) || location.pathname === "/login" || location.pathname === "/logout" ? /* @__PURE__ */ jsx(AppContainer, {}) : /* @__PURE__ */ jsx(LayoutSkeleton, {});
+};
+const MyAppProvider = ({ children }) => {
+  const myPreferences = useMyPreferences();
+  const myTheme = useMyTheme();
+  const mySitemap = useMySitemap();
+  const myUser = useMyUser();
+  const mySearch = useMySearch();
+  return /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(AppProvider, { preferences: myPreferences, theme: myTheme, sitemap: mySitemap, user: myUser, search: mySearch, children: /* @__PURE__ */ jsx(CustomPluginProvider, { children: /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(ViewProvider, { children: /* @__PURE__ */ jsx(AvatarProvider, { children: /* @__PURE__ */ jsx(ModalProvider, { children: /* @__PURE__ */ jsx(FieldProvider, { children: /* @__PURE__ */ jsx(LocalStorageProvider, { children: /* @__PURE__ */ jsx(SocketProvider, { children: /* @__PURE__ */ jsx(HitProvider, { children: /* @__PURE__ */ jsx(OverviewProvider, { children: /* @__PURE__ */ jsx(AnalyticProvider, { children: /* @__PURE__ */ jsx(FavouriteProvider, { children: /* @__PURE__ */ jsx(UserListProvider, { children }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) });
+};
+const AppProviderWrapper = () => {
+  return /* @__PURE__ */ jsx(I18nextProvider, { i18n: i18nInstance, defaultNS: "translation", children: /* @__PURE__ */ jsx(ApiConfigProvider, { children: /* @__PURE__ */ jsx(PluginProvider, { pluginStore: howlerPluginStore.pluginStore, children: /* @__PURE__ */ jsxs(MyAppProvider, { children: [
+    /* @__PURE__ */ jsx(MyApp, {}),
+    /* @__PURE__ */ jsx(Modal, {})
+  ] }) }) }) });
+};
+const router = createBrowserRouter([
+  {
+    path: "/",
+    element: /* @__PURE__ */ jsx(AppProviderWrapper, {}),
+    children: [
+      {
+        path: "login",
+        element: /* @__PURE__ */ jsx(LoginScreen, {})
+      },
+      {
+        path: "logout",
+        element: /* @__PURE__ */ jsx(Logout, {})
+      },
+      {
+        index: true,
+        element: /* @__PURE__ */ jsx(Home, {})
+      },
+      {
+        path: "hits",
+        element: /* @__PURE__ */ jsx(HitBrowserProvider, {})
+      },
+      {
+        path: "search",
+        element: /* @__PURE__ */ jsx(HitBrowserProvider, {})
+      },
+      {
+        path: "hits/:id",
+        element: /* @__PURE__ */ jsx(HitViewer, {})
+      },
+      {
+        path: "bundles/:id",
+        element: /* @__PURE__ */ jsx(HitBrowserProvider, {})
+      },
+      {
+        path: "templates",
+        element: /* @__PURE__ */ jsx(Templates, {})
+      },
+      {
+        path: "templates/view",
+        element: /* @__PURE__ */ jsx(TemplateViewer, {})
+      },
+      {
+        path: "overviews",
+        element: /* @__PURE__ */ jsx(Overviews, {})
+      },
+      {
+        path: "overviews/view",
+        element: /* @__PURE__ */ jsx(OverviewViewer, {})
+      },
+      {
+        path: "dossiers",
+        element: /* @__PURE__ */ jsx(Dossiers, {})
+      },
+      {
+        path: "dossiers/create",
+        element: /* @__PURE__ */ jsx(ParameterProvider, { children: /* @__PURE__ */ jsx(DossierEditor, {}) })
+      },
+      {
+        path: "dossiers/:id/edit",
+        element: /* @__PURE__ */ jsx(ParameterProvider, { children: /* @__PURE__ */ jsx(DossierEditor, {}) })
+      },
+      {
+        path: "views",
+        element: /* @__PURE__ */ jsx(Views, {})
+      },
+      {
+        path: "views/create",
+        element: /* @__PURE__ */ jsx(ParameterProvider, { children: /* @__PURE__ */ jsx(ViewComposer, {}) })
+      },
+      {
+        path: "views/:id",
+        element: /* @__PURE__ */ jsx(HitBrowserProvider, {})
+      },
+      {
+        path: "views/:id/edit",
+        element: /* @__PURE__ */ jsx(ParameterProvider, { children: /* @__PURE__ */ jsx(ViewComposer, {}) })
+      },
+      {
+        path: "admin/users",
+        element: /* @__PURE__ */ jsx(UserSearchProvider, {})
+      },
+      {
+        path: "admin/users/:id",
+        element: /* @__PURE__ */ jsx(UserEditor, {})
+      },
+      {
+        path: "analytics",
+        element: /* @__PURE__ */ jsx(AnalyticSearch, {})
+      },
+      {
+        path: "analytics/:id",
+        element: /* @__PURE__ */ jsx(AnalyticDetails, {})
+      },
+      {
+        path: "help",
+        element: /* @__PURE__ */ jsx(HelpDashboard, {})
+      },
+      {
+        path: "help/search",
+        element: /* @__PURE__ */ jsx(SearchDocumentation, {})
+      },
+      {
+        path: "help/api",
+        element: /* @__PURE__ */ jsx(ApiDocumentation, {})
+      },
+      {
+        path: "help/auth",
+        element: /* @__PURE__ */ jsx(AuthDocumentation, {})
+      },
+      {
+        path: "help/client",
+        element: /* @__PURE__ */ jsx(ClientDocumentation, {})
+      },
+      {
+        path: "help/hit",
+        element: /* @__PURE__ */ jsx(HitDocumentation, {})
+      },
+      {
+        path: "help/retention",
+        element: /* @__PURE__ */ jsx(RetentionDocumentation, {})
+      },
+      {
+        path: "help/templates",
+        element: /* @__PURE__ */ jsx(TemplateDocumentation, {})
+      },
+      {
+        path: "help/actions",
+        element: /* @__PURE__ */ jsx(ActionDocumentation, {})
+      },
+      {
+        path: "help/notebook",
+        element: /* @__PURE__ */ jsx(NotebookDocumentation, {})
+      },
+      {
+        path: "help/overviews",
+        element: /* @__PURE__ */ jsx(OverviewDocumentation, {})
+      },
+      {
+        path: "help/views",
+        element: /* @__PURE__ */ jsx(ViewDocumentation, {})
+      },
+      {
+        path: "settings",
+        element: /* @__PURE__ */ jsx(Settings, {})
+      },
+      {
+        path: "advanced",
+        element: /* @__PURE__ */ jsx(QueryBuilder, {})
+      },
+      {
+        path: "settings",
+        element: /* @__PURE__ */ jsx(Settings, {})
+      },
+      {
+        path: "action",
+        element: /* @__PURE__ */ jsx(RoleRoute, { role: "automation_basic" }),
+        children: [
+          {
+            index: true,
+            element: /* @__PURE__ */ jsx(ActionSearchProvider, {})
+          },
+          {
+            path: "integrations",
+            element: /* @__PURE__ */ jsx(Integrations, {})
+          },
+          {
+            path: "execute",
+            element: /* @__PURE__ */ jsx(ParameterProvider, { children: /* @__PURE__ */ jsx(ActionEditor, {}) })
+          },
+          {
+            path: ":id",
+            children: [
+              {
+                index: true,
+                element: /* @__PURE__ */ jsx(ActionDetails, {})
+              },
+              {
+                path: "edit",
+                element: /* @__PURE__ */ jsx(ParameterProvider, { children: /* @__PURE__ */ jsx(ActionEditor, {}) })
+              }
+            ]
+          }
+        ]
+      },
+      ...howlerPluginStore.routes,
+      {
+        path: "*",
+        element: /* @__PURE__ */ jsx(NotFoundPage, {})
+      }
+    ]
+  }
+]);
+const App = () => {
+  return /* @__PURE__ */ jsx(RouterProvider, { router });
+};
+export {
+  App as default
+};

package/components/app/AppContainer.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const AppContainer: FC;
+export default AppContainer;

package/components/app/AppContainer.js

@@ -0,0 +1,12 @@
+import { jsx } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import FlexVertical from "../elements/addons/layout/FlexVertical.js";
+import { Outlet } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-router-dom@6.30.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-router-dom/dist/index.js";
+import useTitle from "./hooks/useTitle.js";
+import AppDrawerProvider from "./providers/AppDrawerProvider.js";
+const AppContainer = () => {
+  useTitle();
+  return /* @__PURE__ */ jsx(FlexVertical, { children: /* @__PURE__ */ jsx(AppDrawerProvider, { children: /* @__PURE__ */ jsx(Outlet, {}) }) });
+};
+export {
+  AppContainer as default
+};

package/components/app/drawers/ApiKeyDrawer.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+type ApiKeyDrawerProps = {
+    onCreated: (newKeyName: string, privs: string[], expiryDate: string, newKey: string) => void;
+};
+declare const ApiKeyDrawer: FC<ApiKeyDrawerProps>;
+export default ApiKeyDrawer;

package/components/app/drawers/ApiKeyDrawer.js

@@ -0,0 +1,143 @@
+import { jsx, jsxs, Fragment } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { Stack, Typography, Alert, AlertTitle, TextField, FormControl, FormLabel, FormGroup, FormControlLabel, Checkbox, Button, Divider } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@mui+material@5.18.0_@emotion+react@11.14.0_@types+react@18.3.23_react@18.3.1__@emotion_19a5ee0476da228d66b5ad5c143bb0c3/node_modules/@mui/material/index.js";
+import { LocalizationProvider, StaticDateTimePicker } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@mui+x-date-pickers@7.29.4_@emotion+react@11.14.0_@types+react@18.3.23_react@18.3.1__@e_a8807c93a1dd54b86481fc595c8e869a/node_modules/@mui/x-date-pickers/index.js";
+import { AdapterDayjs } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/@mui+x-date-pickers@7.29.4_@emotion+react@11.14.0_@types+react@18.3.23_react@18.3.1__@e_a8807c93a1dd54b86481fc595c8e869a/node_modules/@mui/x-date-pickers/AdapterDayjs/index.js";
+import { a as api } from "../../../index-BPPnUdfP.js";
+import useMyApi from "../../hooks/useMyApi.js";
+import useMySnackbar from "../../hooks/useMySnackbar.js";
+import dayjs from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/dayjs.min.js";
+import { useContext, useState, useMemo, useCallback, useEffect } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import { useTranslation, Trans } from "/home/runner/work/howler/howler/ui/node_modules/.pnpm/react-i18next@14.1.3_i18next@23.16.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-i18next/dist/es/index.js";
+import { ApiConfigContext } from "../providers/ApiConfigProvider.js";
+const ApiKeyDrawer = ({ onCreated }) => {
+  const { t } = useTranslation();
+  const { dispatchApi } = useMyApi();
+  const { showInfoMessage } = useMySnackbar();
+  const { config } = useContext(ApiConfigContext);
+  const [keyName, setKeyName] = useState("");
+  const [privs, setPrivs] = useState([]);
+  const [createdKey, setCreatedKey] = useState("");
+  const [expiryDate, setExpiryDate] = useState(null);
+  const [amount, unit] = useMemo(() => {
+    if (!config) {
+      return [1, "seconds"];
+    }
+    const { max_apikey_duration_amount: _amount, max_apikey_duration_unit: _unit } = config.configuration.auth;
+    return [_amount, _unit];
+  }, [config]);
+  const maxDate = useMemo(() => {
+    if (!amount || !unit) {
+      return null;
+    }
+    return dayjs().add(amount, unit);
+  }, [amount, unit]);
+  const updatePrivs = useCallback(
+    (priv) => (ev) => {
+      if (ev.target.checked) {
+        setPrivs([...privs, priv]);
+      } else {
+        setPrivs(privs.filter((p) => p !== priv));
+      }
+    },
+    [privs]
+  );
+  const onChange = useCallback((ev) => {
+    if (!/^[a-z][a-z0-9_]*$/.test(ev.target.value) && ev.target.value !== "") {
+      return;
+    }
+    setKeyName(ev.target.value);
+  }, []);
+  const onSubmit = useCallback(async () => {
+    const result = await dispatchApi(api.auth.apikey.post(keyName, privs, expiryDate == null ? void 0 : expiryDate.toISOString()), {
+      throwError: true,
+      showError: true
+    });
+    setCreatedKey(result.apikey);
+    onCreated(result.apikey.split(":")[0], privs, expiryDate.toISOString(), result.apikey);
+  }, [dispatchApi, expiryDate, keyName, onCreated, privs]);
+  const onCopy = useCallback(async () => {
+    await navigator.clipboard.writeText(createdKey);
+    showInfoMessage(t("drawer.apikey.copied"));
+  }, [createdKey, showInfoMessage, t]);
+  useEffect(() => {
+    setExpiryDate(maxDate);
+  }, [maxDate]);
+  return /* @__PURE__ */ jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, children: /* @__PURE__ */ jsxs(Stack, { direction: "column", spacing: 2, sx: { mt: 2 }, children: [
+    /* @__PURE__ */ jsx(Typography, { sx: { maxWidth: "500px" }, children: /* @__PURE__ */ jsx(Trans, { i18nKey: "app.drawer.user.apikey.description" }) }),
+    amount && unit && dayjs.duration(amount, unit).asSeconds() < dayjs.duration(7, "days").asSeconds() && /* @__PURE__ */ jsxs(Alert, { severity: "warning", variant: "outlined", sx: { maxWidth: "500px" }, children: [
+      /* @__PURE__ */ jsx(AlertTitle, { children: t("app.drawer.user.apikey.limit.title") }),
+      t("app.drawer.user.apikey.limit.description"),
+      " (",
+      maxDate == null ? void 0 : maxDate.format("MMM D HH:mm:ss"),
+      ")"
+    ] }),
+    /* @__PURE__ */ jsx(
+      TextField,
+      {
+        label: t("app.drawer.user.apikey.field.name"),
+        required: true,
+        fullWidth: true,
+        value: keyName,
+        onChange
+      }
+    ),
+    /* @__PURE__ */ jsxs(FormControl, { required: true, children: [
+      /* @__PURE__ */ jsx(FormLabel, { component: "legend", children: t("app.drawer.user.apikey.permissions") }),
+      /* @__PURE__ */ jsxs(FormGroup, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr" }, children: [
+        /* @__PURE__ */ jsx(FormControlLabel, { control: /* @__PURE__ */ jsx(Checkbox, { onChange: updatePrivs("R") }), label: t("apikey.read") }),
+        /* @__PURE__ */ jsx(FormControlLabel, { control: /* @__PURE__ */ jsx(Checkbox, { onChange: updatePrivs("W") }), label: t("apikey.write") }),
+        /* @__PURE__ */ jsx(
+          FormControlLabel,
+          {
+            disabled: privs.includes("E"),
+            control: /* @__PURE__ */ jsx(Checkbox, { onChange: updatePrivs("I") }),
+            label: t("apikey.impersonate")
+          }
+        ),
+        config.configuration.auth.allow_extended_apikeys && /* @__PURE__ */ jsx(
+          FormControlLabel,
+          {
+            disabled: privs.includes("I"),
+            control: /* @__PURE__ */ jsx(Checkbox, { onChange: updatePrivs("E") }),
+            label: t("apikey.extended")
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(FormControl, { required: !!maxDate, children: [
+      /* @__PURE__ */ jsx(FormLabel, { children: t("app.drawer.user.apikey.expiry.date") }),
+      /* @__PURE__ */ jsx(
+        StaticDateTimePicker,
+        {
+          orientation: "landscape",
+          ampm: false,
+          value: expiryDate,
+          onChange: (newValue) => setExpiryDate(newValue),
+          disablePast: true,
+          maxDate,
+          maxTime: maxDate,
+          sx: { backgroundColor: "transparent", "& > div:first-of-type": { maxWidth: "300px" } }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        onClick: onSubmit,
+        disabled: !keyName || !privs.includes("R") && !privs.includes("W") || maxDate && !expiryDate,
+        variant: "outlined",
+        children: /* @__PURE__ */ jsx(Trans, { i18nKey: "button.create" })
+      }
+    ),
+    createdKey && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Divider, { orientation: "horizontal" }),
+      /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignItems: "stretch", children: [
+        /* @__PURE__ */ jsx(TextField, { size: "small", value: createdKey, inputProps: { readOnly: true }, fullWidth: true }),
+        /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: onCopy, disabled: !createdKey, children: /* @__PURE__ */ jsx(Trans, { i18nKey: "button.copy" }) })
+      ] })
+    ] })
+  ] }) });
+};
+export {
+  ApiKeyDrawer as default
+};

package/components/app/drawers/AppDrawerType.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export type AppDrawerProps = {
+    titleKey: string;
+    children: ReactNode;
+    onClosed?: () => void;
+};

package/components/app/drawers/AppDrawerType.js

@@ -0,0 +1 @@
+

package/components/app/drawers/AssignUserDrawer.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+type AssignUserDrawerProps = {
+    assignment: string;
+    ids: string[];
+    onAssigned: (assignment: string) => void;
+    skipSubmit?: boolean;
+};
+declare const AssignUserDrawer: FC<AssignUserDrawerProps>;
+export default AssignUserDrawer;