@digitaldefiance/express-suite-react-components 2.9.36 → 2.9.38

package/src/components/BackupCodeLoginForm.js

@@ -1,139 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BackupCodeLoginForm = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const suite_core_lib_1 = require("@digitaldefiance/suite-core-lib");
-const material_1 = require("@mui/material");
-const formik_1 = require("formik");
-const react_1 = require("react");
-const Yup = tslib_1.__importStar(require("yup"));
-const contexts_1 = require("../contexts");
-const BackupCodeLoginForm = ({ onSubmit, onNavigate, isAuthenticated = false, validationSchema, labels = {}, }) => {
-    const { tComponent } = (0, contexts_1.useI18n)();
-    const [loginType, setLoginType] = (0, react_1.useState)('email');
-    const [loginError, setLoginError] = (0, react_1.useState)(null);
-    const [recoveredMnemonic, setRecoveredMnemonic] = (0, react_1.useState)(null);
-    const [successMessage, setSuccessMessage] = (0, react_1.useState)(null);
-    const [codesRemaining, setCodesRemaining] = (0, react_1.useState)(null);
-    const translatedLabels = {
-        title: labels.title ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.BackupCodeRecovery_Title),
-        email: labels.email ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_Email),
-        username: labels.username ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_Username),
-        code: labels.code ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_BackupCode),
-        newPassword: labels.newPassword ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_NewPassword),
-        confirmPassword: labels.confirmPassword ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_ConfirmNewPassword),
-        recoverMnemonic: labels.recoverMnemonic ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.BackupCodeRecovery_RecoverMnemonic),
-        login: labels.login ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.BackupCodeRecovery_Login),
-        useUsername: labels.useUsername ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Login_UseUsername),
-        useEmail: labels.useEmail ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Login_UseEmailAddress),
-        dashboard: labels.dashboard ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_Dashboard),
-        generateNewCodes: labels.generateNewCodes ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.BackupCodeRecovery_GenerateNewCodes),
-        mnemonicLabel: labels.mnemonicLabel ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_Mnemonic),
-        codesRemaining: labels.codesRemaining ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.BackupCodeRecovery_CodesRemainingTemplate),
-        unexpectedError: tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_UnexpectedError),
-    };
-    const yupFieldValidation = {
-        email: Yup.string()
-            .email(tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_InvalidEmail))
-            .required(tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_Required)),
-        username: Yup.string()
-            .matches(suite_core_lib_1.Constants.UsernameRegex, tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_UsernameRegexErrorTemplate))
-            .required(tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_Required)),
-        code: Yup.string()
-            .required(tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_Required))
-            .matches(suite_core_lib_1.Constants.BACKUP_CODES.DisplayRegex, tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_InvalidBackupCode)),
-        password: Yup.string().matches(suite_core_lib_1.Constants.PasswordRegex, tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_PasswordRegexErrorTemplate)),
-        confirmPassword: Yup.string().oneOf([Yup.ref('newPassword')], tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_PasswordMatch)),
-    };
-    const formik = (0, formik_1.useFormik)({
-        initialValues: {
-            email: '',
-            username: '',
-            code: '',
-            newPassword: '',
-            confirmNewPassword: '',
-            recoverMnemonic: false,
-        },
-        validationSchema: validationSchema ??
-            Yup.object({
-                [loginType]: loginType === 'email'
-                    ? yupFieldValidation.email
-                    : yupFieldValidation.username,
-                code: yupFieldValidation.code,
-                newPassword: yupFieldValidation.password,
-                confirmNewPassword: yupFieldValidation.confirmPassword,
-            }),
-        enableReinitialize: true,
-        onSubmit: async (values, { setSubmitting }) => {
-            try {
-                const loginResult = await onSubmit(loginType === 'email' ? values.email : values.username, values.code, loginType === 'email', values.recoverMnemonic, values.newPassword && values.newPassword.length > 0
-                    ? values.newPassword
-                    : undefined);
-                if ('error' in loginResult) {
-                    setLoginError(loginResult.error);
-                    setCodesRemaining(null);
-                    setRecoveredMnemonic(null);
-                    return;
-                }
-                setLoginError(null);
-                if (loginResult.codeCount) {
-                    setCodesRemaining(loginResult.codeCount);
-                }
-                if (loginResult.mnemonic) {
-                    setRecoveredMnemonic(loginResult.mnemonic);
-                }
-                if (loginResult.message) {
-                    setSuccessMessage(loginResult.message);
-                }
-            }
-            catch {
-                setLoginError(translatedLabels.unexpectedError);
-            }
-            finally {
-                setSubmitting(false);
-            }
-        },
-    });
-    if (isAuthenticated &&
-        recoveredMnemonic === null &&
-        codesRemaining === null) {
-        onNavigate?.('/dashboard');
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(material_1.Container, { component: "main", maxWidth: "xs", children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                marginTop: 8,
-                display: 'flex',
-                flexDirection: 'column',
-                alignItems: 'center',
-            }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { component: "h1", variant: "h5", children: translatedLabels.title }), (0, jsx_runtime_1.jsxs)(material_1.Box, { component: "form", onSubmit: formik.handleSubmit, sx: { mt: 1, width: '100%' }, children: [!isAuthenticated && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", fullWidth: true, id: loginType, label: loginType === 'email'
-                                        ? translatedLabels.email
-                                        : translatedLabels.username, name: loginType, autoComplete: loginType === 'email' ? 'email' : 'username', autoFocus: true, value: loginType === 'email'
-                                        ? formik.values.email
-                                        : formik.values.username, onChange: formik.handleChange, onBlur: formik.handleBlur, error: formik.touched[loginType] && Boolean(formik.errors[loginType]), helperText: formik.touched[loginType] && formik.errors[loginType], disabled: isAuthenticated }), (0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, fullWidth: true, name: "code", label: translatedLabels.code, id: "code", value: formik.values.code, onChange: formik.handleChange, onBlur: formik.handleBlur, error: formik.touched.code && Boolean(formik.errors.code), helperText: formik.touched.code && formik.errors.code, disabled: isAuthenticated }), (0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", fullWidth: true, name: "newPassword", label: translatedLabels.newPassword, type: "password", id: "newPassword", value: formik.values.newPassword, onChange: formik.handleChange, onBlur: formik.handleBlur, error: formik.touched.newPassword &&
-                                        Boolean(formik.errors.newPassword), helperText: formik.touched.newPassword && formik.errors.newPassword, disabled: isAuthenticated }), (0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", fullWidth: true, name: "confirmNewPassword", label: translatedLabels.confirmPassword, type: "password", id: "confirmNewPassword", value: formik.values.confirmNewPassword, onChange: formik.handleChange, onBlur: formik.handleBlur, error: formik.touched.confirmNewPassword &&
-                                        Boolean(formik.errors.confirmNewPassword), helperText: formik.touched.confirmNewPassword &&
-                                        formik.errors.confirmNewPassword, disabled: isAuthenticated }), (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: formik.values.recoverMnemonic, onChange: formik.handleChange, onBlur: formik.handleBlur, name: "recoverMnemonic" }), label: translatedLabels.recoverMnemonic, disabled: isAuthenticated })] })), successMessage && ((0, jsx_runtime_1.jsx)(material_1.Typography, { color: "success.main", variant: "body2", sx: { mt: 1 }, children: successMessage })), recoveredMnemonic && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { mt: 2, p: 2, bgcolor: 'grey.100', borderRadius: 1 }, children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "subtitle2", gutterBottom: true, children: [translatedLabels.mnemonicLabel, ":"] }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", sx: { fontFamily: 'monospace' }, children: recoveredMnemonic }), (0, jsx_runtime_1.jsx)(material_1.Button, { fullWidth: true, variant: "contained", sx: { mt: 2 }, onClick: () => onNavigate?.('/dashboard'), children: translatedLabels.dashboard })] })), codesRemaining !== null && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { mt: 2 }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: translatedLabels.codesRemaining.replace('{count}', String(codesRemaining)) }), (0, jsx_runtime_1.jsx)(material_1.Button, { fullWidth: true, variant: "contained", sx: { mt: 2 }, onClick: () => onNavigate?.('/backup-codes', { codeCount: codesRemaining }), children: translatedLabels.generateNewCodes })] })), loginError && ((0, jsx_runtime_1.jsx)(material_1.Typography, { color: "error", variant: "body2", sx: { mt: 1 }, children: loginError })), !isAuthenticated && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { type: "submit", fullWidth: true, variant: "contained", sx: { mt: 3, mb: 2 }, disabled: formik.isSubmitting, children: translatedLabels.login }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { display: 'flex', justifyContent: 'center' }, children: (0, jsx_runtime_1.jsx)(material_1.Button, { fullWidth: true, variant: "text", onClick: () => {
-                                            const newType = loginType === 'email' ? 'username' : 'email';
-                                            formik.setFieldValue(loginType, '');
-                                            setLoginType(newType);
-                                        }, children: loginType === 'email'
-                                            ? translatedLabels.useUsername
-                                            : translatedLabels.useEmail }) })] }))] })] }) }));
-};
-exports.BackupCodeLoginForm = BackupCodeLoginForm;
-exports.default = exports.BackupCodeLoginForm;

package/src/components/BackupCodesForm.d.ts

@@ -1,26 +0,0 @@
-import { FC } from 'react';
-import * as Yup from 'yup';
-export interface BackupCodesFormValues {
-    password?: string;
-    mnemonic?: string;
-}
-export interface BackupCodesFormProps {
-    onSubmit: (values: BackupCodesFormValues) => Promise<{
-        message: string;
-        backupCodes: string[];
-    }>;
-    backupCodesRemaining?: number | null;
-    mnemonicValidation?: Yup.StringSchema;
-    passwordValidation?: Yup.StringSchema;
-    labels?: {
-        title?: string;
-        codesRemaining?: string;
-        mnemonic?: string;
-        password?: string;
-        generateButton?: string;
-        successTitle?: string;
-    };
-}
-export declare const BackupCodesForm: FC<BackupCodesFormProps>;
-export default BackupCodesForm;
-//# sourceMappingURL=BackupCodesForm.d.ts.map

package/src/components/BackupCodesForm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BackupCodesForm.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/BackupCodesForm.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAG3B,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,OAAO,CAAC;QACnD,OAAO,EAAE,MAAM,CAAC;QAChB,WAAW,EAAE,MAAM,EAAE,CAAC;KACvB,CAAC,CAAC;IACH,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,kBAAkB,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC;IACtC,kBAAkB,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC;IACtC,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;CACH;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAkPpD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/src/components/BackupCodesForm.js

@@ -1,120 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BackupCodesForm = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const suite_core_lib_1 = require("@digitaldefiance/suite-core-lib");
-const material_1 = require("@mui/material");
-const formik_1 = require("formik");
-const react_1 = require("react");
-const Yup = tslib_1.__importStar(require("yup"));
-const contexts_1 = require("../contexts");
-const BackupCodesForm = ({ onSubmit, backupCodesRemaining = null, mnemonicValidation, passwordValidation, labels = {}, }) => {
-    const { tComponent } = (0, contexts_1.useI18n)();
-    const [apiError, setApiError] = (0, react_1.useState)(null);
-    const [apiSuccess, setApiSuccess] = (0, react_1.useState)(null);
-    const [backupCodes, setBackupCodes] = (0, react_1.useState)(null);
-    const validation = {
-        mnemonic: mnemonicValidation ||
-            Yup.string()
-                .trim()
-                .matches(suite_core_lib_1.Constants.MnemonicRegex, tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_MnemonicRegex))
-                .optional(),
-        password: passwordValidation ||
-            Yup.string()
-                .trim()
-                .matches(suite_core_lib_1.Constants.PasswordRegex, tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_PasswordRegexErrorTemplate))
-                .optional(),
-    };
-    const translatedLabels = {
-        codesRemaining: labels.codesRemaining ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.BackupCodeRecovery_CodesRemainingTemplate),
-        mnemonic: labels.mnemonic ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_Mnemonic),
-        password: labels.password ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_Password),
-        generateButton: labels.generateButton ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.BackupCodeRecovery_GenerateNewCodes),
-        successTitle: labels.successTitle ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.BackupCodeRecovery_YourNewCodes),
-        xorError: tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_MnemonicOrPasswordRequired),
-        unexpectedError: tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_UnexpectedError),
-    };
-    const validationSchema = Yup.object({
-        mnemonic: validation.mnemonic,
-        password: validation.password,
-    })
-        .test('xor-mnemonic-password-mnemonic', translatedLabels.xorError, function (value) {
-        const mnemonic = value?.mnemonic?.trim() ?? '';
-        const password = value?.password?.trim() ?? '';
-        const hasMnemonic = mnemonic.length > 0;
-        const hasPassword = password.length > 0;
-        if (!hasMnemonic && !hasPassword) {
-            return this.createError({
-                path: 'mnemonic',
-                message: translatedLabels.xorError,
-            });
-        }
-        if (hasMnemonic && hasPassword) {
-            return this.createError({
-                path: 'mnemonic',
-                message: translatedLabels.xorError,
-            });
-        }
-        return true;
-    })
-        .test('xor-mnemonic-password-password', translatedLabels.xorError, function (value) {
-        const mnemonic = value?.mnemonic?.trim() ?? '';
-        const password = value?.password?.trim() ?? '';
-        const hasMnemonic = mnemonic.length > 0;
-        const hasPassword = password.length > 0;
-        if (!hasMnemonic && !hasPassword) {
-            return this.createError({
-                path: 'password',
-                message: translatedLabels.xorError,
-            });
-        }
-        if (hasMnemonic && hasPassword) {
-            return this.createError({
-                path: 'password',
-                message: translatedLabels.xorError,
-            });
-        }
-        return true;
-    });
-    const formik = (0, formik_1.useFormik)({
-        initialValues: {
-            password: '',
-            mnemonic: '',
-        },
-        validationSchema,
-        onSubmit: async (values, { setSubmitting }) => {
-            try {
-                const result = await onSubmit(values);
-                if (result && result.backupCodes) {
-                    setApiSuccess(translatedLabels.successTitle);
-                    setBackupCodes(result.backupCodes);
-                }
-                if (result && result.message) {
-                    setApiSuccess(result.message);
-                }
-                setApiError(null);
-            }
-            catch (e) {
-                setApiSuccess(null);
-                const error = e;
-                setApiError(error.response?.data?.message ?? translatedLabels.unexpectedError);
-            }
-            finally {
-                setSubmitting(false);
-            }
-        },
-    });
-    return ((0, jsx_runtime_1.jsxs)(material_1.Container, { component: "main", maxWidth: "xs", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, { component: "h1", variant: "h5", children: translatedLabels.codesRemaining.replace('{count}', String(backupCodesRemaining ?? 0)) }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { component: "form", onSubmit: formik.handleSubmit, sx: { mt: 1, width: '100%' }, children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", fullWidth: true, id: "mnemonic", label: translatedLabels.mnemonic, type: "password", name: "mnemonic", autoComplete: "mnemonic", autoFocus: true, value: formik.values.mnemonic, onChange: formik.handleChange, onBlur: formik.handleBlur, error: (formik.touched.mnemonic || formik.submitCount > 0) &&
-                            Boolean(formik.errors.mnemonic), helperText: (formik.touched.mnemonic || formik.submitCount > 0) &&
-                            formik.errors.mnemonic }), (0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", fullWidth: true, name: "password", label: translatedLabels.password, type: "password", id: "password", value: formik.values.password, onChange: formik.handleChange, onBlur: formik.handleBlur, error: (formik.touched.password || formik.submitCount > 0) &&
-                            Boolean(formik.errors.password), helperText: (formik.touched.password || formik.submitCount > 0) &&
-                            formik.errors.password }), (0, jsx_runtime_1.jsx)(material_1.Button, { type: "submit", fullWidth: true, variant: "contained", sx: { mt: 2 }, children: translatedLabels.generateButton })] }), apiError && ((0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "error", sx: { mt: 2, mb: 2 }, children: apiError })), backupCodes && apiSuccess && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { mt: 2, mb: 2 }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { component: "h2", variant: "h6", children: apiSuccess }), (0, jsx_runtime_1.jsx)("ul", { children: backupCodes.map((code, index) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)("pre", { children: code }) }, index))) })] }))] }));
-};
-exports.BackupCodesForm = BackupCodesForm;
-exports.default = exports.BackupCodesForm;

package/src/components/ChangePasswordForm.d.ts

@@ -1,26 +0,0 @@
-import { FC } from 'react';
-import * as Yup from 'yup';
-export interface ChangePasswordFormValues {
-    currentPassword: string;
-    newPassword: string;
-    confirmPassword: string;
-}
-export interface ChangePasswordFormProps {
-    onSubmit: (values: ChangePasswordFormValues) => Promise<{
-        success?: boolean;
-        error?: string;
-    }>;
-    titleText?: string;
-    currentPasswordLabel?: string;
-    newPasswordLabel?: string;
-    confirmPasswordLabel?: string;
-    submitButtonText?: string;
-    submittingButtonText?: string;
-    successMessage?: string;
-    currentPasswordValidation?: Yup.StringSchema;
-    newPasswordValidation?: Yup.StringSchema;
-    confirmPasswordValidation?: Yup.StringSchema;
-}
-export declare const ChangePasswordForm: FC<ChangePasswordFormProps>;
-export default ChangePasswordForm;
-//# sourceMappingURL=ChangePasswordForm.d.ts.map

package/src/components/ChangePasswordForm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChangePasswordForm.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/ChangePasswordForm.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAG3B,MAAM,WAAW,wBAAwB;IACvC,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,CACR,MAAM,EAAE,wBAAwB,KAC7B,OAAO,CAAC;QAAE,OAAO,CAAC,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yBAAyB,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC;IAC7C,qBAAqB,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC;IACzC,yBAAyB,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC;CAC9C;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAqO1D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/src/components/ChangePasswordForm.js

@@ -1,78 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChangePasswordForm = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const suite_core_lib_1 = require("@digitaldefiance/suite-core-lib");
-const material_1 = require("@mui/material");
-const formik_1 = require("formik");
-const react_1 = require("react");
-const Yup = tslib_1.__importStar(require("yup"));
-const contexts_1 = require("../contexts");
-const ChangePasswordForm = ({ onSubmit, titleText, currentPasswordLabel, newPasswordLabel, confirmPasswordLabel, submitButtonText, submittingButtonText, successMessage, currentPasswordValidation, newPasswordValidation, confirmPasswordValidation, }) => {
-    const { tComponent } = (0, contexts_1.useI18n)();
-    const [success, setSuccess] = (0, react_1.useState)(false);
-    const [apiError, setApiError] = (0, react_1.useState)('');
-    const validation = {
-        currentPassword: currentPasswordValidation ||
-            Yup.string().required(tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_Required)),
-        newPassword: newPasswordValidation ||
-            Yup.string()
-                .min(suite_core_lib_1.Constants.PasswordMinLength, tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_PasswordMinLengthTemplate))
-                .required(tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_Required)),
-        confirmPassword: confirmPasswordValidation ||
-            Yup.string()
-                .oneOf([Yup.ref('newPassword')], tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_PasswordMatch))
-                .required(tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_Required)),
-    };
-    const labels = {
-        title: titleText ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_ChangePassword),
-        currentPassword: currentPasswordLabel ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_CurrentPassword),
-        newPassword: newPasswordLabel ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_NewPassword),
-        confirmPassword: confirmPasswordLabel ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_ConfirmNewPassword),
-        submitButton: submitButtonText ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_ChangePassword),
-        submittingButton: submittingButtonText ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_ChangingPassword),
-        success: successMessage ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.PasswordChange_Success),
-    };
-    const formik = (0, formik_1.useFormik)({
-        initialValues: {
-            currentPassword: '',
-            newPassword: '',
-            confirmPassword: '',
-        },
-        validationSchema: Yup.object({
-            currentPassword: validation.currentPassword,
-            newPassword: validation.newPassword,
-            confirmPassword: validation.confirmPassword,
-        }),
-        onSubmit: async (values, { resetForm }) => {
-            const result = await onSubmit(values);
-            if ('success' in result) {
-                setSuccess(true);
-                setApiError('');
-                resetForm();
-            }
-            else if ('error' in result && result.error) {
-                setApiError(result.error);
-                setSuccess(false);
-            }
-        },
-    });
-    return ((0, jsx_runtime_1.jsx)(material_1.Container, { maxWidth: "sm", children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                mt: 8,
-                display: 'flex',
-                flexDirection: 'column',
-                alignItems: 'center',
-            }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h4", component: "h1", gutterBottom: true, children: labels.title }), (0, jsx_runtime_1.jsxs)(material_1.Box, { component: "form", onSubmit: formik.handleSubmit, sx: { mt: 1, width: '100%' }, children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, id: "currentPassword", name: "currentPassword", label: labels.currentPassword, type: "password", value: formik.values.currentPassword, onChange: formik.handleChange, onBlur: formik.handleBlur, error: Boolean(formik.touched.currentPassword && formik.errors.currentPassword), helperText: formik.touched.currentPassword && formik.errors.currentPassword, margin: "normal" }), (0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, id: "newPassword", name: "newPassword", label: labels.newPassword, type: "password", value: formik.values.newPassword, onChange: formik.handleChange, onBlur: formik.handleBlur, error: Boolean(formik.touched.newPassword && formik.errors.newPassword), helperText: formik.touched.newPassword && formik.errors.newPassword, margin: "normal" }), (0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, id: "confirmPassword", name: "confirmPassword", label: labels.confirmPassword, type: "password", value: formik.values.confirmPassword, onChange: formik.handleChange, onBlur: formik.handleBlur, error: Boolean(formik.touched.confirmPassword && formik.errors.confirmPassword), helperText: formik.touched.confirmPassword && formik.errors.confirmPassword, margin: "normal" }), apiError && ((0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "error", sx: { mt: 2, mb: 2 }, children: apiError })), success && ((0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "success", sx: { mt: 2, mb: 2 }, children: labels.success })), (0, jsx_runtime_1.jsx)(material_1.Button, { type: "submit", fullWidth: true, variant: "contained", color: "primary", sx: { mt: 3, mb: 2 }, disabled: formik.isSubmitting, children: formik.isSubmitting
-                                ? labels.submittingButton
-                                : labels.submitButton })] })] }) }));
-};
-exports.ChangePasswordForm = ChangePasswordForm;
-exports.default = exports.ChangePasswordForm;

package/src/components/ConfirmationDialog.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-export interface ConfirmationDialogProps {
-    open: boolean;
-    title: string;
-    message: string;
-    confirmText?: string;
-    cancelText?: string;
-    onConfirm: () => void;
-    onCancel: () => void;
-}
-export declare const ConfirmationDialog: React.FC<ConfirmationDialogProps>;
-export default ConfirmationDialog;
-//# sourceMappingURL=ConfirmationDialog.d.ts.map

package/src/components/ConfirmationDialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfirmationDialog.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/ConfirmationDialog.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyBhE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/src/components/ConfirmationDialog.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfirmationDialog = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const ConfirmationDialog = ({ open, title, message, confirmText = 'Confirm', cancelText = 'Cancel', onConfirm, onCancel, }) => {
-    return ((0, jsx_runtime_1.jsxs)(material_1.Dialog, { open: open, onClose: onCancel, children: [(0, jsx_runtime_1.jsx)(material_1.DialogTitle, { children: title }), (0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: message }) }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { onClick: onCancel, color: "primary", children: cancelText }), (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: onConfirm, color: "primary", children: confirmText })] })] }));
-};
-exports.ConfirmationDialog = ConfirmationDialog;
-exports.default = exports.ConfirmationDialog;

package/src/components/CurrencyCodeSelector.d.ts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-export interface CurrencyCodeSelectorProps {
-    name: string;
-    label: string;
-    onCurrencyChange?: (code: string) => void;
-}
-export declare const CurrencyCodeSelector: FC<CurrencyCodeSelectorProps>;
-export default CurrencyCodeSelector;
-//# sourceMappingURL=CurrencyCodeSelector.d.ts.map

package/src/components/CurrencyCodeSelector.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CurrencyCodeSelector.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/CurrencyCodeSelector.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,EAAE,EAAE,MAAM,OAAO,CAAC;AAExC,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA8C9D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/src/components/CurrencyCodeSelector.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CurrencyCodeSelector = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const i18n_lib_1 = require("@digitaldefiance/i18n-lib");
-const material_1 = require("@mui/material");
-const formik_1 = require("formik");
-const CurrencyCodeSelector = ({ name, label, onCurrencyChange, }) => {
-    return ((0, jsx_runtime_1.jsx)(formik_1.Field, { name: name, children: ({ field, form }) => ((0, jsx_runtime_1.jsx)(material_1.TextField, { select: true, fullWidth: true, label: label, ...field, onChange: (event) => {
-                const selectedCode = event.target.value;
-                form.setFieldValue(name, selectedCode);
-                onCurrencyChange?.(selectedCode);
-            }, error: form.touched[name] && Boolean(form.errors[name]), helperText: form.touched[name] && form.errors[name], sx: {
-                '& .MuiSelect-select': {
-                    paddingRight: '32px',
-                },
-                '& .MuiOutlinedInput-root': {
-                    '& fieldset': {
-                        borderColor: 'rgba(0, 0, 0, 0.23)',
-                    },
-                    '&:hover fieldset': {
-                        borderColor: 'rgba(0, 0, 0, 0.87)',
-                    },
-                    '&.Mui-focused fieldset': {
-                        borderColor: 'primary.main',
-                    },
-                },
-            }, children: i18n_lib_1.CurrencyCode.getAll().map((code) => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: code, children: code }, code))) })) }));
-};
-exports.CurrencyCodeSelector = CurrencyCodeSelector;
-exports.default = exports.CurrencyCodeSelector;

package/src/components/CurrencyInput.d.ts

@@ -1,13 +0,0 @@
-export interface CurrencyInputProps {
-    value: number;
-    onChange: (value: number) => void;
-    currencyCode?: string;
-    locale?: string;
-    label: string;
-    error?: boolean;
-    helperText?: string;
-    name: string;
-}
-export declare const CurrencyInput: React.FC<CurrencyInputProps>;
-export default CurrencyInput;
-//# sourceMappingURL=CurrencyInput.d.ts.map

package/src/components/CurrencyInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CurrencyInput.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/CurrencyInput.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8DtD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/src/components/CurrencyInput.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CurrencyInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_number_format_1 = require("react-number-format");
-const i18n_lib_1 = require("@digitaldefiance/i18n-lib");
-const CurrencyInput = ({ value, onChange, currencyCode = 'USD', locale = 'en-US', label, error, helperText, name, }) => {
-    const format = (0, i18n_lib_1.getCurrencyFormat)(locale, currencyCode);
-    if (format.position === 'infix') {
-        const [whole, decimal] = value.toString().split('.');
-        const displayValue = `${whole}${format.symbol}${format.decimalSeparator}${decimal || '00'}`;
-        return ((0, jsx_runtime_1.jsx)(react_number_format_1.NumericFormat, { customInput: material_1.TextField, fullWidth: true, margin: "normal", label: label, value: displayValue, thousandSeparator: format.groupSeparator, decimalSeparator: format.decimalSeparator, decimalScale: 2, fixedDecimalScale: true, valueIsNumericString: true, onValueChange: (values) => {
-                onChange(values.floatValue || 0);
-            }, error: error, helperText: helperText, name: name }));
-    }
-    return ((0, jsx_runtime_1.jsx)(react_number_format_1.NumericFormat, { customInput: material_1.TextField, fullWidth: true, margin: "normal", label: label, value: value, thousandSeparator: format.groupSeparator, decimalSeparator: format.decimalSeparator, decimalScale: 2, fixedDecimalScale: true, prefix: format.position === 'prefix' ? format.symbol + ' ' : undefined, suffix: format.position === 'postfix' ? ' ' + format.symbol : undefined, valueIsNumericString: true, onValueChange: (values) => {
-            onChange(values.floatValue || 0);
-        }, error: error, helperText: helperText, name: name }));
-};
-exports.CurrencyInput = CurrencyInput;
-exports.default = exports.CurrencyInput;

package/src/components/DashboardPage.d.ts

@@ -1,8 +0,0 @@
-import { FC, ReactNode } from 'react';
-export interface DashboardPageProps {
-    title?: string;
-    children?: ReactNode;
-}
-export declare const DashboardPage: FC<DashboardPageProps>;
-export default DashboardPage;
-//# sourceMappingURL=DashboardPage.d.ts.map

package/src/components/DashboardPage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DashboardPage.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/DashboardPage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAahD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/src/components/DashboardPage.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DashboardPage = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const DashboardPage = ({ title = 'Dashboard', children }) => {
-    return ((0, jsx_runtime_1.jsx)(material_1.Container, { maxWidth: "md", children: (0, jsx_runtime_1.jsxs)(material_1.Box, { my: 4, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h4", component: "h1", gutterBottom: true, align: "center", children: title }), (0, jsx_runtime_1.jsx)(material_1.Box, { display: "flex", justifyContent: "center", mt: 3, children: children })] }) }));
-};
-exports.DashboardPage = DashboardPage;
-exports.default = exports.DashboardPage;

package/src/components/DropdownMenu.d.ts

@@ -1,9 +0,0 @@
-import { FC, ReactElement } from 'react';
-import { MenuType } from '../types/MenuType';
-interface DropdownMenuProps {
-    menuType: MenuType;
-    menuIcon: ReactElement;
-}
-export declare const DropdownMenu: FC<DropdownMenuProps>;
-export default DropdownMenu;
-//# sourceMappingURL=DropdownMenu.d.ts.map

package/src/components/DropdownMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/DropdownMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAc,YAAY,EAAyB,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAI7C,UAAU,iBAAiB;IACzB,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA6E9C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/src/components/DropdownMenu.js

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropdownMenu = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const react_router_dom_1 = require("react-router-dom");
-const MenuContext_1 = require("../contexts/MenuContext");
-const DropdownMenu = ({ menuType, menuIcon }) => {
-    const { getMenuOptions } = (0, MenuContext_1.useMenu)();
-    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
-    const navigate = (0, react_router_dom_1.useNavigate)();
-    const handleClose = (0, react_1.useCallback)(() => {
-        setAnchorEl(null);
-    }, []);
-    const handleMenuItemClick = (0, react_1.useCallback)((option) => (event) => {
-        event.stopPropagation();
-        if (option.action) {
-            option.action();
-        }
-        else if (option.link !== undefined) {
-            if (typeof option.link === 'object' &&
-                'pathname' in option.link &&
-                'state' in option.link) {
-                navigate(option.link.pathname, { state: option.link.state });
-            }
-            else {
-                navigate(option.link);
-            }
-        }
-        handleClose(); // Call handleClose after handling the click
-    }, [navigate, handleClose]);
-    const handleClick = (0, react_1.useCallback)((event) => {
-        setAnchorEl(event.currentTarget);
-    }, []);
-    const menuItems = getMenuOptions(menuType, false);
-    if (menuItems.length === 0) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { color: "inherit", onClick: handleClick, children: menuIcon }), (0, jsx_runtime_1.jsx)(material_1.Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, TransitionComponent: material_1.Fade, sx: {
-                    '& .MuiPopover-paper': {
-                        opacity: 0.5,
-                        overflow: 'visible',
-                    },
-                }, children: menuItems.map((option) => ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, { component: "li", onClick: handleMenuItemClick(option), sx: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        '& > svg': {
-                            marginRight: 2,
-                            width: 24,
-                            height: 24,
-                        },
-                    }, children: [option.icon, option.label] }, option.id))) })] }));
-};
-exports.DropdownMenu = DropdownMenu;
-exports.default = exports.DropdownMenu;