wcz-layout 6.7.2 → 8.3.2

package/skills/start/steps/03-apm-setup.md

@@ -0,0 +1,208 @@
+# APM Setup
+
+## Goal
+
+Create the new application entry in **Application Portfolio Management (APM)**. APM is the internal source list of our company applications and must contain the app before later workflows, such as requesting a WiCOP server namespace, can reference it.
+
+## Rules
+
+- Control the browser carefully and fill only information that is known, provided by the user, or visible in APM.
+- Do not click the final approval `Confirm` button until the user has reviewed the approval dialog and explicitly agrees to submit.
+
+## Browser Actions
+
+1. Open https://apm.wistron.com/ and let user sign in if needed.
+2. Start a new record with `Create` button.
+3. Fill the tabs from left to right using the sections below.
+4. When a tab shows a checkmark/save icon after editing, click it before switching tabs.
+5. If validation errors appear, fix only fields whose correct values are known. Ask the user for the rest.
+
+## Tab 1 — Application Information
+
+### Basic Information
+
+Fill these fields:
+
+| APM label                          | Action                                                  |
+| ---------------------------------- | ------------------------------------------------------- |
+| `Application Name`                 | Enter the user-provided application name in Title Case. |
+| `Application English Abbreviation` | Use the same as `Application name` field.               |
+| `Application English Name`         | Use the same as `Application name` field.               |
+| `Application Chinese Name`         | Use the same as `Application name` field.               |
+| `BCM Domain`                       | Ask user to provide business domain. Do not infer.      |
+| `Application Description`          | Ask user to provide description.                        |
+| `Initial On-line Date`             | Use APM's date picker and set end of curent month.      |
+
+### HealthCheck
+
+Click add icon and fill these fields:
+
+| APM label | Action                                                                                                                                     |
+| --------- | ------------------------------------------------------------------------------------------------------------------------------------------ |
+| `type`    | Search by employee ID or name, select the user-provided owner, and verify the owner appears in the table with job number, name, and email. |
+| `url`     | Search by employee ID or name, select the user-provided owner, and verify the owner appears in the table with job number, name, and email. |
+
+### Owner Information
+
+| APM label           | Action               |
+| ------------------- | -------------------- |
+| `Application Owner` | Ask user to fill in. |
+
+### Development Team Information
+
+| APM label   | Action               |
+| ----------- | -------------------- |
+| `Developer` | Ask user to fill in. |
+
+### Maintain Team Information
+
+Copy the maintainers from development team. Keep the order!
+
+| APM label    | Action                                           |
+| ------------ | ------------------------------------------------ |
+| `Maintainer` | Copy by searching `Job Number` from table above. |
+
+## Tab 2 — Application Status
+
+### Cloud Maturity
+
+Fill or confirm these fields with the user:
+
+| APM label                       | Action                                                                                                                                  |
+| ------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------- |
+| `Hosting Type`                  | Select the user-confirmed hosting type. For WiCOP deployment this may be `Private Cloud (Kubernetes)`, but still confirm with the user. |
+| `Cloud Maturity Feasibility`    | Select the user-confirmed Yes/No value.                                                                                                 |
+| `Cloud Maturity Plan Date`      | Enter/select the user-provided plan date.                                                                                               |
+| `Postponed Cloud Maturity Date` | Leave unchanged unless the user provides a date.                                                                                        |
+| `Cloud Maturity Date`           | Leave unchanged unless the user provides a date.                                                                                        |
+| `Cloud Maturity Progress`       | Leave unchanged unless the user provides a progress value.                                                                              |
+| `Cloud Maturity Remark`         | Leave unchanged unless the user provides a remark.                                                                                      |
+| `Cloud Admin Remark`            | Read-only or admin-owned. Do not fill unless APM allows and the user provides the exact text.                                           |
+
+### Database
+
+The screenshot shows this table empty. Add database rows only if the user provides database details. Required row data may include `Database`, `Version`, and `Vendor`.
+
+### Main Programming Language
+
+The screenshot shows this table empty. Add programming language rows only if the user provides details. Required row data may include `Programming Language`, `Version`, `Status`, `Start Date`, `End Date`, and `Vendor`.
+
+### Lifecycle
+
+Only the `Lifecycle` heading is visible in the reference screenshot. Do not fill lifecycle data unless APM requires it or the user provides exact values.
+
+## Tab 3 — Application Use Status
+
+### Application User
+
+Fill these fields:
+
+| APM label | Action                                                                   |
+| --------- | ------------------------------------------------------------------------ |
+| `useSite` | Select the user-provided site. Example from screenshot: `WCZ`.           |
+| `useBg`   | Select the user-provided business group. Example from screenshot: `ALL`. |
+
+## Tab 4 — Application Complexity
+
+No reference screenshot was provided for this tab. Open it and inspect whether APM requires any fields.
+
+- If there are no required fields, leave the tab unchanged.
+- If required fields exist, ask the user for each value before filling it.
+- Do not infer complexity from the codebase or project template.
+
+## Tab 5 — Information Security
+
+### DevSecOps Information
+
+Fill or confirm these fields with the user:
+
+| APM label                                       | Action                                                                      |
+| ----------------------------------------------- | --------------------------------------------------------------------------- |
+| `SAMM Feasibility of Implementation`            | Select the user-confirmed Yes/No value. Example from screenshot: `No`.      |
+| `DSOMM Feasibility of Implementation`           | Select the user-confirmed Yes/No value. Example from screenshot: `Yes`.     |
+| `Implementation Completion Date`                | Enter/select the user-provided date. Example from screenshot: `2027-01-01`. |
+| `DSOMM/SAMM Execution Progress`                 | Enter the user-provided progress. Example from screenshot: `0 %`.           |
+| `Reasons for DSOMM/SAMM Implementation Failure` | Fill only if the user provides a reason or APM requires one.                |
+| `Remarks`                                       | Fill only if the user provides remarks.                                     |
+| `Internet Facing`                               | Select the user-confirmed Yes/No value. Example from screenshot: `No`.      |
+
+### Division Lead
+
+Fill `Division Lead` by searching for the user-provided employee ID or name. Verify the selected lead appears in the table with job number, name, and email.
+
+### Information Security
+
+Fill or confirm these fields with the user:
+
+| APM label                         | Action                                                                                                                                                                                                                |
+| --------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `Data Sensitivity`                | Select the user-confirmed Yes/No value. Example from screenshot: `No`.                                                                                                                                                |
+| `Is CI/CD Implemented`            | Select the user-confirmed Yes/No value. Example from screenshot: `Yes`.                                                                                                                                               |
+| `Is WiCOP Resource Available`     | For a brand-new app created before the WiCOP namespace request, this is usually not available yet, but confirm with the user. If the user has an existing WiCOP resource, use the `Check` flow and verify the result. |
+| `Is CMDB/ITSM Resource Available` | Confirm with the user. If they provide a resource name or identifier, enter it and click `Check`; otherwise leave as `No` or the APM default.                                                                         |
+
+Do not create or guess WiCOP, CMDB, or ITSM resource identifiers.
+
+## Tab 6 — Approval Status Inquiry
+
+Fill `Approval` with the user-confirmed value. The reference screenshot shows `No`, but confirm before using that value.
+
+## Tab 7 — Covering Enterprise Domain
+
+This tab maps the application to Wistron's enterprise domain taxonomy. These values are business-specific and cannot be determined automatically.
+
+### Add Cover Domain Row
+
+1. Click the `+` button on the right side of the Cover Domain table.
+2. In the `Edit` dialog, fill the fields from top to bottom using values supplied or selected by the user:
+
+| Dialog label     | Action                                          |
+| ---------------- | ----------------------------------------------- |
+| `L0 Domain`      | Select the user-provided L0 domain.             |
+| `L1 Subdomain`   | Select the user-provided L1 subdomain.          |
+| `L2 Value Chain` | Select the user-provided L2 value chain.        |
+| `L3 Activity`    | Select one or more user-provided L3 activities. |
+
+3. Click `Confirm` in the dialog.
+4. Verify the new row appears in the Cover Domain table.
+
+The screenshot example shows `1 Manufacturing` → `1.5 Quality` → `1.5.17 Customer Quality Relationship` → `1.5.17.5 Disaster Emergency Measures And Status Reports`, but use those values only if the user explicitly selects or confirms them.
+
+Use `Upload Excel file` only when the user provides a file path and asks to upload domain mappings from Excel.
+
+## Tab 8 — Appendix
+
+No reference screenshot was provided for this tab. Upload or fill appendix data only if the user provides attachments or exact values. Otherwise leave it unchanged.
+
+## Tab 9 — Revised Record
+
+This tab is expected to be historical/read-only. Review it only if needed. Do not edit anything unless APM exposes required fields and the user provides exact values.
+
+## Tab 10 — Approval Record
+
+This tab is expected to be historical/read-only. Review it only if needed. Do not edit anything unless APM exposes required fields and the user provides exact values.
+
+## Send Approval Dialog
+
+After all required tabs are complete and saved:
+
+1. Click `Send Approval` in the top-right area of APM.
+2. A dialog titled `Approval Content` opens. This dialog is not a tab.
+3. Read the warning text: new application values are shown in black; modified existing application values are shown in red.
+4. Scroll through the dialog and verify the summarized values against the user-provided data, especially:
+   - basic application names and abbreviation;
+   - BCM domain;
+   - initial online date;
+   - application description;
+   - owner, development team, and maintain team;
+   - cloud maturity values;
+   - use site and use BG;
+   - information security values;
+   - covering enterprise domain taxonomy.
+5. If anything is missing, wrong, or uncertain, click `Cancel`, return to the relevant tab, and fix it with user input.
+6. Ask the user to confirm submission.
+7. Only after the user explicitly agrees, click `Confirm` in the approval dialog.
+
+## Completion
+
+The step is complete when APM accepts the approval submission or the user confirms that the APM record has been saved for later submission. Record the generated `EA ID` if APM shows one after saving or submission.

package/skills/start/steps/04-database-setup.md

@@ -0,0 +1,37 @@
+# Database Setup
+
+## User Input
+
+Ask: **"Do you already have a Postgres database created for this project? (yes/no)"**
+
+## Branch A — Existing database
+
+1. Ask: **"Please enter your database schema name (e.g. `dev_portal`)."**
+2. Update `.env.local` → set `DATABASE_SCHEMA=<user-input>`.
+
+## Branch B — No database
+
+Ask: **"Would you like me to create a local Postgres database using Docker? (yes/no)"**
+
+- **No** → continue to next step.
+- **Yes** → execute the Docker flow below.
+
+### Docker flow
+
+The container name is `<project-name>-postgres` where `<project-name>` is the kebab-case project name (read from the `name` field in `package.json`).
+
+1. Ensure the Docker daemon is running. If not, start Docker Desktop via terminal automatically.
+2. Auto-generate password.
+3. Discover occupied ports by listing **all** containers (including stopped) and pick the first port in **5432 → 5450** that does **not** appear in the output. If all ports are occupied, stop and inform the user.
+4. Run the container on the chosen port:
+
+```powershell
+docker run --name <project-name>-postgres -e POSTGRES_PASSWORD=<password> -d -p <PORT>:5432 postgres
+```
+
+- **Success** → continue.
+- **Error** → stop and show the full error to the user.
+
+5. Update `.env.local` → set `DATABASE_URL=postgres://postgres:<password>@localhost:<PORT>/postgres`.
+6. Output exactly:
+   > ✅ Local Postgres database created successfully on port [PORT]

package/skills/start/steps/05-entra-setup.md

@@ -0,0 +1,59 @@
+# Entra ID Setup
+
+Execute parts A → B → C sequentially. Pause for user input at each part.
+
+---
+
+## Part A — Application Creation
+
+Ask: **"Is the Entra ID application already created for this project? (yes/no)"**
+
+- **Yes** → proceed to Part B.
+- **No** → output exactly:
+
+> Please navigate to https://itsr.wistron.com/homepage/apply and request the application creation.
+> Actions: Select Service Type → Azure AD - Application Management - Add or Modify → Add Application → Add Applicant → Fill in application details → Submit → Submit.
+> Since approval takes time, we will skip the rest of Entra ID configuration for now. Please type 'done' once you have submitted the request.
+
+Wait for "done", then **skip Parts B and C** and continue to the next step.
+
+---
+
+## Part B — Application Configuration
+
+Ask: **"Have you configured the Entra ID application settings? (yes/no)"**
+
+- **Yes** → proceed to Part C.
+- **No** → output the full configuration guide:
+
+> Please navigate to https://entra.microsoft.com/ and configure your application:
+>
+> **Left navigation: App Registrations:**
+>
+> 1. Search for your application and open it.
+> 2. **Authentication:** Add 'Single-page application' and configure your Redirect URIs.
+> 3. **Token Configuration:** Add groups claims → Security groups. Ensure ID, Access, and SAML token properties have checked `sAMAccountName`.
+> 4. **Expose an API:** Set the Application ID URI. Add a Scope named `access_as_user` (Admins and users) with appropriate display names/descriptions.
+> 5. **Owners:** Add other developers as owners.
+> 6. **Manifest:** Update the `api` object: `"acceptMappedClaims": true` and `"requestedAccessTokenVersion": 2`.
+>
+> **Left navigation: Enterprise Applications:**
+>
+> 1. Search for your application and open it.
+> 2. **Single Sign-on:** Add custom claims for `employeeId` (Source: user.extensionattribute5) and `department` (Source: user.department). Optionally add `employeeCategory` (Source: user.extensionattribute13) and `companyName` (Source: user.companyname).
+> 3. **Owners:** Add other developers as owners.
+>
+> Once you have finished these steps, type 'continue'.
+
+Wait for "continue", then proceed to Part C.
+
+---
+
+## Part C — Credentials
+
+Ask: **"Please provide the CLIENT_ID and CLIENT_SECRET for your Entra ID application."**
+
+Once received:
+
+1. Update `.env.local` → set `VITE_ENTRA_CLIENT_ID=<CLIENT_ID>`.
+2. **CRITICAL**: Do **not** save `CLIENT_SECRET` to any file. Memorize it in context for use in the Vault Setup step only.

package/skills/start/steps/06-vault-setup.md

@@ -0,0 +1,53 @@
+# Vault Setup
+
+Execute parts A → B → C sequentially. Pause for user input at each part.
+
+---
+
+## Part A — Default Secrets
+
+Output:
+
+> 1. Navigate to https://vault-dev.wistron.com:8200/ui/ and log in.
+> 2. Find your project, open the "default" secret path, click 'Edit' (toggle 'View as JSON').
+> 3. Copy and paste the following JSON block, then save. When finished, type 'done'.
+
+Provide this JSON with values pulled from `.env.local` and the memorized `CLIENT_SECRET`:
+
+```json
+{
+  "DATABASE_URL": "[DATABASE_URL from .env.local]",
+  "ENTRA_CLIENT_ID": "[VITE_ENTRA_CLIENT_ID from .env.local]",
+  "ENTRA_CLIENT_SECRET": "[memorized CLIENT_SECRET]",
+  "ENTRA_TENANT_ID": "de0795e0-d7c0-4eeb-b9bb-bc94d8980d3b"
+}
+```
+
+Wait for "done".
+
+---
+
+## Part B — Harbor Vault Secret
+
+Output:
+
+> Now, go to the root path of your project in Vault and click 'Create secret'.
+>
+> 1. Name it exactly: `harborvault`
+> 2. Toggle 'JSON' mode.
+> 3. Go to another existing project in your Vault, copy the JSON values from its `harborvault` secret, and paste them into this new one, then save.
+>
+> Once finished, type 'done'.
+
+Wait for "done".
+
+---
+
+## Part C — Local Vault Credentials
+
+Ask: **"Please provide your Vault Username and Password so I can add them to your local environment."**
+
+Once received, update `.env.local`:
+
+- `VAULT_USERNAME=<username>`
+- `VAULT_PASSWORD=<password>`

package/skills/start/steps/07-generate-favicon.md

@@ -0,0 +1,10 @@
+# Favicon Generation
+
+> 1. Navigate to https://favicon.io/favicon-converter/
+> 2. Upload your app logo (at least 512×512 pixels for best results).
+> 3. Download the generated `.zip` file and extract its contents.
+> 4. Replace everything inside your project's `/public` folder with those extracted files.
+>
+> Once you have finished replacing the files, type 'done'.
+
+Wait for "done".

package/skills/start/steps/08-commit.md

@@ -0,0 +1,15 @@
+# Initial Commit
+
+## Actions
+
+Run sequentially:
+
+```shell
+git add .
+git commit -m "initial project setup"
+git push -u origin master
+```
+
+Wait for completion. Once the push succeeds, output:
+
+> **✅ Project initialization is complete! Happy coding.**

package/dist/src/components/Layout.d.ts

@@ -1,16 +0,0 @@
-import React, { Dispatch, SetStateAction } from "react";
-import { LayoutPaletteColorOptions } from "../models/LayoutPaletteColorOptions";
-import { LayoutRoute } from "../models/LayoutRoute";
-import Notification from "../models/Notification";
-import { User } from "../models/User";
-interface LayoutProps {
-    routes: LayoutRoute[];
-    appVersion: string;
-    colors: LayoutPaletteColorOptions;
-    children: React.ReactNode;
-    user: User;
-    notifications: Notification[] | undefined;
-    setNotifications: Dispatch<SetStateAction<Notification[] | undefined>>;
-}
-export declare const Layout: React.FC<LayoutProps>;
-export {};

package/dist/src/components/Layout.js

@@ -1,122 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Menu } from "@mui/icons-material";
-import { Box, Chip, CssBaseline, IconButton, LinearProgress, AppBar as MuiAppBar, Toolbar, Typography, useMediaQuery } from "@mui/material";
-import { grey } from "@mui/material/colors";
-import { csCZ, enUS } from "@mui/material/locale";
-import { ThemeProvider, createTheme, styled } from "@mui/material/styles";
-import { csCZ as dataGridCsCz, enUS as dataGridEnUs } from "@mui/x-data-grid-premium/locales";
-import { csCZ as datePickersCsCz, enUS as datePickersEnUs } from "@mui/x-date-pickers-pro/locales";
-import { useIsFetching, useIsMutating } from "@tanstack/react-query";
-import { useEffect, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { matchPath, useLocation } from "react-router-dom";
-import { environment } from "../utils/Helpers";
-import { AccountMenu } from "./layout/AccountMenu";
-import { DevelopmentBanner } from "./layout/DevelopmentBanner";
-import { NavigationDrawer } from "./layout/NavigationDrawer";
-import { NotificationMenu } from "./layout/NotificationMenu";
-import { Unauthorized } from "./layout/Unauthorized";
-import useLocalStorageState from "use-local-storage-state";
-import { useIsAuthenticated, useMsal } from "@azure/msal-react";
-import { InteractionStatus } from "@azure/msal-browser";
-//Drawer
-const drawerWidth = 240;
-const DrawerHeader = styled("div")(({ theme }) => ({
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "flex-end",
-    padding: theme.spacing(0, 1),
-    // necessary for content to be below app bar
-    ...theme.mixins.toolbar,
-}));
-const AppBar = styled(MuiAppBar, {
-    shouldForwardProp: (prop) => prop !== "open",
-})(({ theme, open }) => ({
-    zIndex: theme.zIndex.drawer + 1,
-    transition: theme.transitions.create(["width", "margin"], {
-        easing: theme.transitions.easing.sharp,
-        duration: theme.transitions.duration.leavingScreen,
-    }),
-    ...(open && {
-        marginLeft: drawerWidth,
-        width: `calc(100% - ${drawerWidth}px)`,
-        transition: theme.transitions.create(["width", "margin"], {
-            easing: theme.transitions.easing.sharp,
-            duration: theme.transitions.duration.enteringScreen,
-        }),
-    }),
-}));
-const getAllRoutesWithPath = (routes) => {
-    let result = [];
-    for (const route of routes) {
-        if (route.path) {
-            result.push(route);
-        }
-        if (route.children) {
-            result = result.concat(getAllRoutesWithPath(route.children));
-        }
-    }
-    return result;
-};
-export const Layout = ({ routes, colors, appVersion, user, notifications, setNotifications, children }) => {
-    var _a, _b, _c, _d, _e;
-    const prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
-    const [mode, setMode] = useLocalStorageState("mui-mode", { defaultValue: "system" });
-    const [leftDrawerOpen, setLeftDrawerOpen] = useState(false);
-    const { i18n } = useTranslation();
-    const isFetching = !!useIsFetching();
-    const isMutating = !!useIsMutating();
-    const location = useLocation();
-    const navigationRoutes = getAllRoutesWithPath(routes);
-    const route = navigationRoutes.find(r => matchPath(r.path, location.pathname));
-    const { instance, inProgress } = useMsal();
-    const isAuthenticated = useIsAuthenticated();
-    useEffect(() => {
-        if (route.authenticated !== false && !isAuthenticated && inProgress === InteractionStatus.None)
-            instance.loginRedirect({ scopes: [], redirectUri: "/" });
-    }, [route, isAuthenticated, inProgress]);
-    const resolvedMode = mode === "system" ? (prefersDarkMode ? "dark" : "light") : mode;
-    const theme = createTheme({
-        palette: {
-            mode: resolvedMode,
-            primary: { main: ((_a = colors.primary) === null || _a === void 0 ? void 0 : _a[resolvedMode]) || ((_b = colors.primary) === null || _b === void 0 ? void 0 : _b.main), },
-            secondary: { main: ((_c = colors.secondary) === null || _c === void 0 ? void 0 : _c[resolvedMode]) || ((_d = colors.secondary) === null || _d === void 0 ? void 0 : _d.main), },
-            background: resolvedMode === "light" && colors.background ? { default: colors.background.default, paper: colors.background.paper, } : {},
-        },
-        components: {
-            MuiCssBaseline: {
-                styleOverrides: (theme) => ({
-                    body: {
-                        "&::-webkit-scrollbar, & *::-webkit-scrollbar": {
-                            width: "0.7em",
-                            height: "0.7em",
-                        },
-                        "&::-webkit-scrollbar-track, & *::-webkit-scrollbar-track": {
-                            backgroundColor: theme.palette.mode === "dark" ? grey[900] : grey[200],
-                            borderRadius: "5px",
-                        },
-                        "&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb": {
-                            backgroundColor: theme.palette.mode === "dark" ? grey[800] : grey[400],
-                            borderRadius: "10px",
-                        },
-                        "&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover": {
-                            backgroundColor: theme.palette.mode === "dark" ? grey[700] : grey[500],
-                        },
-                        "&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner": {
-                            backgroundColor: "transparent",
-                        },
-                    },
-                }),
-            },
-        },
-    }, i18n.language === "cs" ? datePickersCsCz : datePickersEnUs, i18n.language === "cs" ? dataGridCsCz : dataGridEnUs, i18n.language === "cs" ? csCZ : enUS);
-    const title = (_e = route.pageTitle) !== null && _e !== void 0 ? _e : route.title;
-    useEffect(() => {
-        if (title)
-            document.title = title;
-    }, [title]);
-    const toggleNavigationDrawer = () => setLeftDrawerOpen(!leftDrawerOpen);
-    const hasNavigationRoutes = navigationRoutes.filter(route => route.showInMenu && !route.disabled).length > 1;
-    return (_jsxs(ThemeProvider, { theme: theme, children: [_jsxs(Box, { sx: { display: "flex", position: "sticky" }, children: [_jsx(CssBaseline, {}), _jsx(AppBar, { position: "fixed", open: leftDrawerOpen, children: _jsxs(Toolbar, { children: [_jsx(IconButton, { color: "inherit", onClick: toggleNavigationDrawer, edge: "start", sx: { marginRight: 2, ...((leftDrawerOpen || !hasNavigationRoutes) && { display: "none" }) }, children: _jsx(Menu, {}) }), _jsx(Typography, { variant: "h6", noWrap: true, component: "div", sx: { flexGrow: 1 }, children: title }), environment !== "prd" && _jsx(Chip, { sx: theme => ({ mr: 1, bgcolor: "secondary.main", color: theme.palette.primary.contrastText }), label: environment }), _jsx(NotificationMenu, { notifications: notifications, setNotifications: setNotifications }), _jsx(AccountMenu, { mode: mode, setMode: setMode, user: user })] }) }), _jsx(NavigationDrawer, { routes: navigationRoutes, appVersion: appVersion, open: leftDrawerOpen, setOpen: setLeftDrawerOpen, hasRoutes: hasNavigationRoutes }), _jsxs(Box, { component: "main", sx: { flex: 1, overflow: "auto" }, children: [_jsx(DrawerHeader, {}), (route.authenticated === false || isAuthenticated) && !route.disabled ? children : _jsx(Unauthorized, {})] })] }), _jsx(DevelopmentBanner, { user: user, hasNavigationRoutes: hasNavigationRoutes }), (isFetching || isMutating) && _jsx(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })] }));
-};
-//# sourceMappingURL=Layout.js.map

package/dist/src/components/Layout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../src/components/Layout.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Menu } from \"@mui/icons-material\";\r\nimport { Box, Chip, CssBaseline, IconButton, LinearProgress, AppBar as MuiAppBar, AppBarProps as MuiAppBarProps, Theme, Toolbar, Typography, useMediaQuery } from \"@mui/material\";\r\nimport { grey } from \"@mui/material/colors\";\r\nimport { csCZ, enUS } from \"@mui/material/locale\";\r\nimport { ThemeProvider, createTheme, styled } from \"@mui/material/styles\";\r\nimport { csCZ as dataGridCsCz, enUS as dataGridEnUs } from \"@mui/x-data-grid-premium/locales\";\r\nimport { csCZ as datePickersCsCz, enUS as datePickersEnUs } from \"@mui/x-date-pickers-pro/locales\";\r\nimport { useIsFetching, useIsMutating } from \"@tanstack/react-query\";\r\nimport React, { Dispatch, SetStateAction, useEffect, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { matchPath, useLocation } from \"react-router-dom\";\r\nimport { LayoutPaletteColorOptions } from \"../models/LayoutPaletteColorOptions\";\r\nimport { LayoutRoute } from \"../models/LayoutRoute\";\r\nimport Notification from \"../models/Notification\";\r\nimport { User } from \"../models/User\";\r\nimport { environment } from \"../utils/Helpers\";\r\nimport { AccountMenu } from \"./layout/AccountMenu\";\r\nimport { DevelopmentBanner } from \"./layout/DevelopmentBanner\";\r\nimport { NavigationDrawer } from \"./layout/NavigationDrawer\";\r\nimport { NotificationMenu } from \"./layout/NotificationMenu\";\r\nimport { Unauthorized } from \"./layout/Unauthorized\";\r\nimport useLocalStorageState from \"use-local-storage-state\";\r\nimport { useIsAuthenticated, useMsal } from \"@azure/msal-react\";\r\nimport { InteractionStatus } from \"@azure/msal-browser\";\r\n\r\n//Drawer\r\nconst drawerWidth = 240;\r\nconst DrawerHeader = styled(\"div\")(({ theme }) => ({\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"flex-end\",\r\n    padding: theme.spacing(0, 1),\r\n    // necessary for content to be below app bar\r\n    ...theme.mixins.toolbar,\r\n}));\r\n\r\n//AppBar\r\ninterface AppBarProps extends MuiAppBarProps {\r\n    open?: boolean;\r\n}\r\n\r\nconst AppBar = styled(MuiAppBar, {\r\n    shouldForwardProp: (prop) => prop !== \"open\",\r\n})<AppBarProps>(({ theme, open }) => ({\r\n    zIndex: theme.zIndex.drawer + 1,\r\n    transition: theme.transitions.create([\"width\", \"margin\"], {\r\n        easing: theme.transitions.easing.sharp,\r\n        duration: theme.transitions.duration.leavingScreen,\r\n    }),\r\n    ...(open && {\r\n        marginLeft: drawerWidth,\r\n        width: `calc(100% - ${drawerWidth}px)`,\r\n        transition: theme.transitions.create([\"width\", \"margin\"], {\r\n            easing: theme.transitions.easing.sharp,\r\n            duration: theme.transitions.duration.enteringScreen,\r\n        }),\r\n    }),\r\n}));\r\n\r\nconst getAllRoutesWithPath = (routes: LayoutRoute[]): LayoutRoute[] => {\r\n    let result: LayoutRoute[] = [];\r\n    for (const route of routes) {\r\n        if (route.path) {\r\n            result.push(route);\r\n        }\r\n        if (route.children) {\r\n            result = result.concat(getAllRoutesWithPath(route.children));\r\n        }\r\n    }\r\n    return result;\r\n};\r\n\r\ninterface LayoutProps {\r\n    routes: LayoutRoute[];\r\n    appVersion: string;\r\n    colors: LayoutPaletteColorOptions;\r\n    children: React.ReactNode;\r\n    user: User;\r\n    notifications: Notification[] | undefined;\r\n    setNotifications: Dispatch<SetStateAction<Notification[] | undefined>>;\r\n}\r\n\r\nexport const Layout: React.FC<LayoutProps> = ({ routes, colors, appVersion, user, notifications, setNotifications, children }) => {\r\n    const prefersDarkMode: boolean = useMediaQuery(\"(prefers-color-scheme: dark)\");\r\n    const [mode, setMode] = useLocalStorageState<\"light\" | \"dark\" | \"system\">(\"mui-mode\", { defaultValue: \"system\" });\r\n    const [leftDrawerOpen, setLeftDrawerOpen] = useState<boolean>(false);\r\n    const { i18n } = useTranslation();\r\n    const isFetching = !!useIsFetching();\r\n    const isMutating = !!useIsMutating();\r\n    const location = useLocation();\r\n    const navigationRoutes = getAllRoutesWithPath(routes);\r\n    const route = navigationRoutes.find(r => matchPath(r.path!, location.pathname))!;\r\n    const { instance, inProgress } = useMsal();\r\n    const isAuthenticated = useIsAuthenticated();\r\n\r\n    useEffect(() => {\r\n        if (route.authenticated !== false && !isAuthenticated && inProgress === InteractionStatus.None)\r\n            instance.loginRedirect({ scopes: [], redirectUri: \"/\" });\r\n    }, [route, isAuthenticated, inProgress]);\r\n\r\n    const resolvedMode = mode === \"system\" ? (prefersDarkMode ? \"dark\" : \"light\") : mode;\r\n\r\n    const theme: Theme = createTheme({\r\n        palette: {\r\n            mode: resolvedMode,\r\n            primary: { main: (colors.primary as any)?.[resolvedMode] || (colors.primary as any)?.main, },\r\n            secondary: { main: (colors.secondary as any)?.[resolvedMode] || (colors.secondary as any)?.main, },\r\n            background: resolvedMode === \"light\" && colors.background ? { default: colors.background.default, paper: colors.background.paper, } : {},\r\n        },\r\n        components: {\r\n            MuiCssBaseline: {\r\n                styleOverrides: (theme) => ({\r\n                    body: {\r\n                        \"&::-webkit-scrollbar, & *::-webkit-scrollbar\": {\r\n                            width: \"0.7em\",\r\n                            height: \"0.7em\",\r\n                        },\r\n                        \"&::-webkit-scrollbar-track, & *::-webkit-scrollbar-track\": {\r\n                            backgroundColor: theme.palette.mode === \"dark\" ? grey[900] : grey[200],\r\n                            borderRadius: \"5px\",\r\n                        },\r\n                        \"&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb\": {\r\n                            backgroundColor: theme.palette.mode === \"dark\" ? grey[800] : grey[400],\r\n                            borderRadius: \"10px\",\r\n                        },\r\n                        \"&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover\": {\r\n                            backgroundColor: theme.palette.mode === \"dark\" ? grey[700] : grey[500],\r\n                        },\r\n                        \"&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner\": {\r\n                            backgroundColor: \"transparent\",\r\n                        },\r\n                    },\r\n                }),\r\n            },\r\n        },\r\n    },\r\n        i18n.language === \"cs\" ? datePickersCsCz : datePickersEnUs,\r\n        i18n.language === \"cs\" ? dataGridCsCz : dataGridEnUs,\r\n        i18n.language === \"cs\" ? csCZ : enUS\r\n    );\r\n\r\n    const title = route.pageTitle ?? route.title;\r\n\r\n    useEffect(() => {\r\n        if (title) document.title = title;\r\n    }, [title]);\r\n\r\n    const toggleNavigationDrawer = () => setLeftDrawerOpen(!leftDrawerOpen);\r\n\r\n    const hasNavigationRoutes: boolean = navigationRoutes.filter(route => route.showInMenu && !route.disabled).length > 1;\r\n\r\n    return (\r\n        <ThemeProvider theme={theme}>\r\n            <Box sx={{ display: \"flex\", position: \"sticky\" }}>\r\n                <CssBaseline />\r\n                <AppBar position=\"fixed\" open={leftDrawerOpen}>\r\n                    <Toolbar>\r\n                        <IconButton color=\"inherit\" onClick={toggleNavigationDrawer} edge=\"start\" sx={{ marginRight: 2, ...((leftDrawerOpen || !hasNavigationRoutes) && { display: \"none\" }) }} >\r\n                            <Menu />\r\n                        </IconButton>\r\n\r\n                        <Typography variant=\"h6\" noWrap component=\"div\" sx={{ flexGrow: 1 }}>{title}</Typography>\r\n\r\n                        {environment !== \"prd\" && <Chip sx={theme => ({ mr: 1, bgcolor: \"secondary.main\", color: theme.palette.primary.contrastText })} label={environment} />}\r\n\r\n                        <NotificationMenu notifications={notifications} setNotifications={setNotifications} />\r\n                        <AccountMenu mode={mode} setMode={setMode} user={user}/>\r\n                    </Toolbar>\r\n                </AppBar>\r\n\r\n                <NavigationDrawer routes={navigationRoutes} appVersion={appVersion} open={leftDrawerOpen} setOpen={setLeftDrawerOpen} hasRoutes={hasNavigationRoutes} />\r\n\r\n                <Box component=\"main\" sx={{ flex: 1, overflow: \"auto\" }}>\r\n                    <DrawerHeader />\r\n                    {(route.authenticated === false || isAuthenticated) && !route.disabled ? children : <Unauthorized />}\r\n                </Box>\r\n            </Box>\r\n\r\n            <DevelopmentBanner user={user} hasNavigationRoutes={hasNavigationRoutes} />\r\n            {(isFetching || isMutating) && <LinearProgress sx={{ position: \"fixed\", top: { xs: 56, sm: 64 }, left: 0, right: 0 }} />}\r\n        </ThemeProvider>\r\n    );\r\n};\r\n"]}

package/dist/src/components/dataGrid/ChipInputCell.d.ts

@@ -1,9 +0,0 @@
-import { ChipProps } from "@mui/material";
-import { GridRenderCellParams, GridValidRowModel } from "@mui/x-data-grid-premium";
-interface ChipInputCellProps<T extends GridValidRowModel> {
-    params: GridRenderCellParams<T>;
-    slotProps?: ChipProps;
-    getLabel?: (object: T) => string | number;
-}
-export declare const ChipInputCell: <T extends GridValidRowModel>({ params, slotProps, getLabel }: ChipInputCellProps<T>) => import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/src/components/dataGrid/ChipInputCell.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Chip, Stack } from "@mui/material";
-import { newGuid } from "../../utils/Helpers";
-const isArray = (value) => Array.isArray(value);
-export const ChipInputCell = ({ params, slotProps, getLabel }) => {
-    if (!params.value)
-        return null;
-    const getLabelValue = (value) => {
-        if (getLabel)
-            return getLabel(value);
-        return value;
-    };
-    if (isArray(params.value))
-        return (_jsx(Stack, { direction: "row", alignItems: "center", gap: 1, sx: { overflowX: "auto", height: "100%", width: params.colDef.computedWidth }, children: params.value.map((value) => _jsx(Chip, { label: getLabelValue(value), ...slotProps }, newGuid())) }));
-    return _jsx(Chip, { label: getLabelValue(params.value), ...slotProps });
-};
-//# sourceMappingURL=ChipInputCell.js.map

package/dist/src/components/dataGrid/ChipInputCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChipInputCell.js","sourceRoot":"","sources":["../../../../src/components/dataGrid/ChipInputCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAa,KAAK,EAAE,MAAM,eAAe,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,OAAO,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;AAQrD,MAAM,CAAC,MAAM,aAAa,GAAG,CAA8B,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAyB,EAAE,EAAE;IACjH,IAAI,CAAC,MAAM,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAE/B,MAAM,aAAa,GAAG,CAAC,KAAU,EAAE,EAAE;QACjC,IAAI,QAAQ;YAAE,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC;QACrC,OAAO,KAAK,CAAC;IACjB,CAAC,CAAC;IAEF,IAAI,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC;QACrB,OAAO,CACH,KAAC,KAAK,IAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,aAAa,EAAE,YAC3H,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,EAAE,CAC7B,KAAC,IAAI,IAAiB,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,KAAM,SAAS,IAArD,OAAO,EAAE,CAAgD,CACvE,GACG,CACX,CAAC;IAEN,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,KAAM,SAAS,GAAI,CAAC;AACvE,CAAC,CAAC","sourcesContent":["import { Chip, ChipProps, Stack } from \"@mui/material\";\r\nimport { GridRenderCellParams, GridValidRowModel } from \"@mui/x-data-grid-premium\";\r\nimport { newGuid } from \"../../utils/Helpers\";\r\n\r\nconst isArray = (value: any) => Array.isArray(value);\r\n\r\ninterface ChipInputCellProps<T extends GridValidRowModel> {\r\n    params: GridRenderCellParams<T>;\r\n    slotProps?: ChipProps;\r\n    getLabel?: (object: T) => string | number;\r\n}\r\n\r\nexport const ChipInputCell = <T extends GridValidRowModel>({ params, slotProps, getLabel }: ChipInputCellProps<T>) => {\r\n    if (!params.value) return null;\r\n\r\n    const getLabelValue = (value: any) => {\r\n        if (getLabel) return getLabel(value);\r\n        return value;\r\n    };\r\n\r\n    if (isArray(params.value))\r\n        return (\r\n            <Stack direction=\"row\" alignItems=\"center\" gap={1} sx={{ overflowX: \"auto\", height: \"100%\", width: params.colDef.computedWidth }}>\r\n                {params.value.map((value: any) =>\r\n                    <Chip key={newGuid()} label={getLabelValue(value)} {...slotProps} />\r\n                )}\r\n            </Stack>\r\n        );\r\n\r\n    return <Chip label={getLabelValue(params.value)} {...slotProps} />;\r\n};"]}

package/dist/src/components/dataGrid/EditableColumnHeader.d.ts

@@ -1,2 +0,0 @@
-import { GridColumnHeaderParams, GridValidRowModel } from "@mui/x-data-grid-premium";
-export declare const EditableColumnHeader: <T extends GridValidRowModel>({ colDef }: GridColumnHeaderParams<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/dataGrid/EditableColumnHeader.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Edit } from "@mui/icons-material";
-import { TypographyWithIcon } from "../layout/TypographyWithIcon";
-export const EditableColumnHeader = ({ colDef }) => {
-    return _jsx(TypographyWithIcon, { endIcon: _jsx(Edit, { color: "disabled", fontSize: "small" }), variant: "body2", className: "MuiDataGrid-columnHeaderTitle", children: colDef.headerName });
-};
-//# sourceMappingURL=EditableColumnHeader.js.map

package/dist/src/components/dataGrid/EditableColumnHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditableColumnHeader.js","sourceRoot":"","sources":["../../../../src/components/dataGrid/EditableColumnHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAE3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAElE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAA8B,EAAE,MAAM,EAA6B,EAAE,EAAE;IACvG,OAAO,KAAC,kBAAkB,IAAC,OAAO,EAAE,KAAC,IAAI,IAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,GAAG,EAAE,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,+BAA+B,YAAE,MAAM,CAAC,UAAU,GAAsB,CAAC;AACvL,CAAC,CAAC","sourcesContent":["import { Edit } from \"@mui/icons-material\";\r\nimport { GridColumnHeaderParams, GridValidRowModel } from \"@mui/x-data-grid-premium\";\r\nimport { TypographyWithIcon } from \"../layout/TypographyWithIcon\";\r\n\r\nexport const EditableColumnHeader = <T extends GridValidRowModel>({ colDef }: GridColumnHeaderParams<T>) => {\r\n    return <TypographyWithIcon endIcon={<Edit color=\"disabled\" fontSize=\"small\" />} variant=\"body2\" className=\"MuiDataGrid-columnHeaderTitle\">{colDef.headerName}</TypographyWithIcon>;\r\n};"]}

package/dist/src/components/dataGrid/GridToolbar.d.ts

@@ -1,8 +0,0 @@
-import { GridToolbarProps as MuiGridToolbarProps } from "@mui/x-data-grid-premium";
-import React from "react";
-export interface GridToolbarProps extends MuiGridToolbarProps {
-    actions?: React.ReactNode[];
-    hideAddNewRow?: boolean;
-    newRowDefaultValue?: any;
-}
-export declare const GridToolbar: React.FC<GridToolbarProps>;