@syuttechnologies/layout 1.0.1 → 1.0.21

package/README.md

@@ -0,0 +1,536 @@
+# @syuttechnologies/layout
+
+Enterprise React Layout Component with sidebar navigation, tabs, dark mode, and notifications.
+
+## Repository
+
+**GitLab:** https://gitlab.com/enterprise-templates/react-app-foundation.git
+
+---
+
+## Installation
+
+### Using GitLab (Recommended)
+
+```bash
+npm install git+https://gitlab.com/enterprise-templates/react-app-foundation.git#V1.0.1
+```
+
+Or add to `package.json`:
+
+```json
+{
+  "dependencies": {
+    "@syuttechnologies/layout": "git+https://gitlab.com/enterprise-templates/react-app-foundation.git#V1.0.1"
+  }
+}
+```
+
+### Using npm Registry
+
+```bash
+npm install @syuttechnologies/layout@1.0.1
+```
+
+---
+
+## Quick Start Guide
+
+### Step 1: Create Component Registry
+
+Create `src/components/common/ComponentRegistry.ts`:
+
+```typescript
+import React from 'react';
+import Dashboard from '../modules/Dashboard';
+import Settings from '../modules/Settings';
+import UserManagement from '../modules/UserManagement';
+
+export const COMPONENT_REGISTRY: Record<string, React.ComponentType<any>> = {
+  Dashboard,
+  Settings,
+  UserManagement,
+  // Add more components as needed
+};
+```
+
+### Step 2: Create Layout Configuration
+
+Create `src/config/layoutConfig.ts`:
+
+```typescript
+import type { EnterpriseLayoutConfig } from '@syuttechnologies/layout';
+import { COMPONENT_REGISTRY } from '../components/common/ComponentRegistry';
+
+export const createLayoutConfig = (): EnterpriseLayoutConfig => ({
+  // =========================================================================
+  // BRANDING
+  // =========================================================================
+  branding: {
+    appName: "My Application",
+    logo: {
+      alt: "App Logo",
+      width: "28px",
+      height: "28px",
+      showText: true,
+    },
+    favicon: null,
+    colors: {
+      primary: "#2563eb",
+      secondary: "#64748b",
+      success: "#16a34a",
+      warning: "#d97706",
+      danger: "#dc2626",
+      info: "#0ea5e9",
+    },
+  },
+
+  // =========================================================================
+  // LAYOUT
+  // =========================================================================
+  layout: {
+    headerHeight: "3rem",
+    sidebarWidth: "16rem",
+    sidebarCollapsedWidth: "4rem",
+    footerHeight: "2rem",
+    tabBarHeight: "2.5rem",
+    enableTabMode: true,
+    enableDarkMode: true,
+    enableFooter: true,
+    defaultTheme: "light",
+    responsive: true,
+    collapsibleSidebar: true,
+    showBreadcrumbs: true,
+    autoCollapseSidebar: true,
+    compactModeStrategy: "smart-grouping",
+  },
+
+  // =========================================================================
+  // FOOTER
+  // =========================================================================
+  footer: {
+    appVersion: "v1.0.0",
+    environment: "Development",
+    copyright: "© 2025 My Company. All rights reserved.",
+    supportLink: "mailto:support@company.com",
+    supportText: "Support",
+  },
+
+  // =========================================================================
+  // USER
+  // =========================================================================
+  user: {
+    name: "John Doe",
+    role: "Administrator",
+    avatar: "JD",
+    permissions: ["read", "write", "admin"],
+  },
+
+  // =========================================================================
+  // NAVIGATION
+  // =========================================================================
+  navigation: [
+    {
+      section: "Dashboard",
+      icon: "layout",
+      items: [
+        { id: "overview", title: "Dashboard", icon: "home", active: true },
+      ],
+    },
+    {
+      section: "Administration",
+      icon: "settings",
+      items: [
+        { id: "users", title: "User Management", icon: "users" },
+        { id: "settings", title: "Settings", icon: "settings" },
+      ],
+    },
+  ],
+
+  // =========================================================================
+  // MODULES
+  // =========================================================================
+  modules: {
+    "overview": {
+      showHeader: false,
+      title: "Dashboard",
+      description: "Main dashboard",
+      component: COMPONENT_REGISTRY.Dashboard,
+      actions: [],
+      permissions: ["read"],
+      breadcrumb: ["Dashboard"],
+    },
+    "users": {
+      showHeader: false,
+      title: "User Management",
+      description: "Manage users",
+      component: COMPONENT_REGISTRY.UserManagement,
+      actions: ["add", "edit", "delete"],
+      permissions: ["admin"],
+      breadcrumb: ["Administration", "Users"],
+    },
+    "settings": {
+      showHeader: false,
+      title: "Settings",
+      description: "App settings",
+      component: COMPONENT_REGISTRY.Settings,
+      actions: ["edit"],
+      permissions: ["admin"],
+      breadcrumb: ["Administration", "Settings"],
+    },
+  },
+
+  // =========================================================================
+  // HOOKS
+  // =========================================================================
+  hooks: {
+    onModuleChange: (moduleId, config) => {
+      console.log('Module changed:', moduleId);
+    },
+    onThemeChange: (theme) => {
+      console.log('Theme changed:', theme);
+    },
+    onLogout: () => {
+      console.log('Logout');
+      // window.location.href = '/login';
+    },
+  },
+});
+
+export default createLayoutConfig;
+```
+
+### Step 3: Create MainLayout Component
+
+Create `src/components/layout/MainLayout.tsx`:
+
+```typescript
+import React from 'react';
+import { EnterpriseLayout } from '@syuttechnologies/layout';
+import { COMPONENT_REGISTRY } from '../common/ComponentRegistry';
+import { createLayoutConfig } from '../../config/layoutConfig';
+
+const MainLayout: React.FC = () => {
+  const config = createLayoutConfig();
+
+  return (
+    <div style={{ height: "100vh", width: "100%" }}>
+      <EnterpriseLayout
+        config={config}
+        componentRegistry={COMPONENT_REGISTRY}
+      />
+    </div>
+  );
+};
+
+export default MainLayout;
+```
+
+### Step 4: Create Sample Module Components
+
+Create `src/components/modules/Dashboard.tsx`:
+
+```typescript
+import React from 'react';
+
+const Dashboard: React.FC = () => {
+  return (
+    <div style={{ padding: '20px' }}>
+      <h1>Dashboard</h1>
+      <p>Welcome to the dashboard!</p>
+    </div>
+  );
+};
+
+export default Dashboard;
+```
+
+Create `src/components/modules/Settings.tsx`:
+
+```typescript
+import React from 'react';
+
+const Settings: React.FC = () => {
+  return (
+    <div style={{ padding: '20px' }}>
+      <h1>Settings</h1>
+      <p>Configure your application here.</p>
+    </div>
+  );
+};
+
+export default Settings;
+```
+
+Create `src/components/modules/UserManagement.tsx`:
+
+```typescript
+import React from 'react';
+
+const UserManagement: React.FC = () => {
+  return (
+    <div style={{ padding: '20px' }}>
+      <h1>User Management</h1>
+      <p>Manage users here.</p>
+    </div>
+  );
+};
+
+export default UserManagement;
+```
+
+### Step 5: Use in App.tsx
+
+```typescript
+import React from 'react';
+import MainLayout from './components/layout/MainLayout';
+
+function App() {
+  return <MainLayout />;
+}
+
+export default App;
+```
+
+---
+
+## Package Management with GitLab
+
+### Publishing Updates
+
+1. **Make changes** in `src/` folder
+
+2. **Build the package:**
+   ```bash
+   npm run build
+   ```
+
+3. **Update version** in `package.json`:
+   ```json
+   "version": "1.0.2"
+   ```
+
+4. **Commit and tag:**
+   ```bash
+   git add .
+   git commit -m "Update V1.0.2 - description of changes"
+   git tag V1.0.2
+   git push origin main
+   git push --tags
+   ```
+
+### Installing Specific Versions
+
+```bash
+# Latest version (main branch)
+npm install git+https://gitlab.com/enterprise-templates/react-app-foundation.git
+
+# Specific tag/version
+npm install git+https://gitlab.com/enterprise-templates/react-app-foundation.git#V1.0.1
+
+# Specific branch
+npm install git+https://gitlab.com/enterprise-templates/react-app-foundation.git#develop
+
+# Specific commit
+npm install git+https://gitlab.com/enterprise-templates/react-app-foundation.git#abc1234
+```
+
+---
+
+## Updating Package in Consumer Projects (IMPORTANT)
+
+After making changes and pushing to GitLab, follow these steps to update the package in your consumer projects (e.g., prima-web):
+
+### Step 1: Update package.json
+
+Update the version tag in your project's `package.json`:
+
+```json
+{
+  "dependencies": {
+    "@syuttechnologies/layout": "git+https://gitlab.com/enterprise-templates/react-app-foundation.git#V1.0.2"
+  }
+}
+```
+
+### Step 2: Force Clear Cache & Reinstall
+
+Run these commands in your project directory:
+
+```bash
+# Clear npm cache forcefully
+npm cache clean --force
+
+# Remove existing package
+npm uninstall @syuttechnologies/layout
+
+# Reinstall the package
+npm install @syuttechnologies/layout
+```
+
+### Alternative: One-liner Command
+
+```bash
+npm cache clean --force && npm uninstall @syuttechnologies/layout && npm install
+```
+
+### Step 3: Restart Development Server
+
+```bash
+npm start
+```
+
+### Troubleshooting
+
+If the package is not updating correctly:
+
+1. **Delete node_modules and reinstall:**
+   ```bash
+   rm -rf node_modules
+   rm -rf package-lock.json
+   npm cache clean --force
+   npm install
+   ```
+
+2. **Verify installed version:**
+   ```bash
+   npm list @syuttechnologies/layout
+   ```
+
+3. **Check package contents:**
+   ```bash
+   ls node_modules/@syuttechnologies/layout
+   ```
+
+---
+
+## Configuration Reference
+
+### Branding
+
+| Property | Type | Description |
+|----------|------|-------------|
+| `appName` | string | Application name displayed in header |
+| `logo.alt` | string | Logo alt text |
+| `logo.width` | string | Logo width |
+| `logo.height` | string | Logo height |
+| `logo.showText` | boolean | Show app name next to logo |
+| `colors.primary` | string | Primary theme color |
+| `colors.secondary` | string | Secondary color |
+| `colors.success` | string | Success color |
+| `colors.warning` | string | Warning color |
+| `colors.danger` | string | Danger color |
+| `colors.info` | string | Info color |
+
+### Layout
+
+| Property | Type | Description |
+|----------|------|-------------|
+| `headerHeight` | string | Header height (e.g., "3rem") |
+| `sidebarWidth` | string | Sidebar width when expanded |
+| `sidebarCollapsedWidth` | string | Sidebar width when collapsed |
+| `enableTabMode` | boolean | Enable tab-based navigation |
+| `enableDarkMode` | boolean | Enable dark mode toggle |
+| `enableFooter` | boolean | Show footer |
+| `defaultTheme` | "light" \| "dark" | Default theme |
+| `collapsibleSidebar` | boolean | Allow sidebar collapse |
+| `showBreadcrumbs` | boolean | Show breadcrumbs |
+
+### Navigation
+
+```typescript
+navigation: [
+  {
+    section: "Section Name",
+    icon: "icon-name",
+    items: [
+      { id: "module-id", title: "Display Title", icon: "icon", active: true }
+    ]
+  }
+]
+```
+
+### Modules
+
+```typescript
+modules: {
+  "module-id": {
+    showHeader: boolean,
+    title: string,
+    description: string,
+    component: React.ComponentType,
+    actions: string[],
+    permissions: string[],
+    breadcrumb: string[]
+  }
+}
+```
+
+### Hooks
+
+| Hook | Parameters | Description |
+|------|------------|-------------|
+| `onModuleChange` | (moduleId, config) | Called when module changes |
+| `onThemeChange` | (theme) | Called when theme changes |
+| `onUserAction` | (action, data) | Called on user actions |
+| `onNavigate` | (path, params) | Called on navigation |
+| `onChangePassword` | () | Called when change password clicked |
+| `onLogout` | () | Called when logout clicked |
+
+---
+
+## Folder Structure for New Project
+
+```
+my-project/
+├── src/
+│   ├── components/
+│   │   ├── common/
+│   │   │   └── ComponentRegistry.ts
+│   │   ├── layout/
+│   │   │   └── MainLayout.tsx
+│   │   └── modules/
+│   │       ├── Dashboard.tsx
+│   │       ├── Settings.tsx
+│   │       └── UserManagement.tsx
+│   ├── config/
+│   │   └── layoutConfig.ts
+│   ├── App.tsx
+│   └── index.tsx
+├── package.json
+└── tsconfig.json
+```
+
+---
+
+## Exports
+
+```typescript
+// Components
+import { EnterpriseLayout } from '@syuttechnologies/layout';
+import { ChangePasswordModal } from '@syuttechnologies/layout';
+
+// Services
+import { notificationService } from '@syuttechnologies/layout';
+
+// Types
+import type {
+  EnterpriseLayoutConfig,
+  EnterpriseLayoutProps,
+  ComponentRegistry,
+  NavigationSection,
+  NavigationItem,
+  ModuleConfig,
+  BrandingConfig,
+  LayoutConfig,
+  FooterConfig,
+  UserConfig,
+  HooksConfig,
+} from '@syuttechnologies/layout';
+```
+
+---
+
+## Support
+
+For issues or questions, contact: support@syuttechnologies.com

package/dist/components/ChangePasswordModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChangePasswordModal.d.ts","sourceRoot":"","sources":["../../src/components/ChangePasswordModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAiSD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAsOlE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"ChangePasswordModal.d.ts","sourceRoot":"","sources":["../../src/components/ChangePasswordModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AA4SD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAuOlE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/ChangePasswordModal.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useMemo } from 'react';
 const DEFAULT_VALIDATION_RULES = {
     minLength: 6,
@@ -58,21 +58,27 @@ const styles = {
     backdrop: {
         position: 'fixed',
         inset: 0,
-        backgroundColor: 'rgba(0, 0, 0, 0.5)',
-        zIndex: 9998,
+        backgroundColor: 'rgba(0, 0, 0, 0.6)',
+        backdropFilter: 'blur(4px)',
+        zIndex: 10040,
+        overflowY: 'auto',
+        overflowX: 'hidden',
+    },
+    scrollWrapper: {
+        minHeight: '100%',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: '2rem 1rem',
     },
     modal: {
-        position: 'fixed',
-        top: '50%',
-        left: '50%',
-        transform: 'translate(-50%, -50%)',
+        position: 'relative',
         backgroundColor: 'white',
         borderRadius: '12px',
-        boxShadow: '0 20px 50px rgba(0, 0, 0, 0.3)',
+        boxShadow: '0 25px 50px -12px rgba(0, 0, 0, 0.4)',
         width: '100%',
         maxWidth: '440px',
-        zIndex: 9999,
-        overflow: 'hidden',
+        zIndex: 10050,
     },
     header: {
         display: 'flex',
@@ -81,6 +87,7 @@ const styles = {
         padding: '1.25rem 1.5rem',
         borderBottom: '1px solid #e2e8f0',
         background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',
+        borderRadius: '12px 12px 0 0',
     },
     headerTitle: {
         display: 'flex',
@@ -105,6 +112,9 @@ const styles = {
     },
     content: {
         padding: '1.5rem',
+        overflowY: 'auto',
+        flex: 1,
+        minHeight: 0,
     },
     formGroup: {
         marginBottom: '1.25rem',
@@ -206,6 +216,7 @@ const styles = {
         padding: '1rem 1.5rem',
         borderTop: '1px solid #e2e8f0',
         backgroundColor: '#f8fafc',
+        flexShrink: 0,
     },
     button: {
         padding: '0.625rem 1.25rem',
@@ -314,6 +325,6 @@ export const ChangePasswordModal = ({ isOpen, onClose, onSubmit, username, valid
     if (!isOpen)
         return null;
     const loading = isSubmitting || externalLoading;
-    return (_jsxs(_Fragment, { children: [_jsx("div", { style: styles.backdrop, onClick: handleClose }), _jsxs("div", { style: styles.modal, children: [_jsxs("div", { style: styles.header, children: [_jsxs("h2", { style: styles.headerTitle, children: [_jsx(LockIcon, {}), "Change Password"] }), _jsx("button", { style: styles.closeButton, onClick: handleClose, disabled: loading, children: _jsx(CloseIcon, {}) })] }), _jsxs("form", { onSubmit: handleSubmit, children: [_jsxs("div", { style: styles.content, children: [getFieldError('general') && (_jsx("div", { style: { padding: '0.75rem', backgroundColor: '#fef2f2', border: '1px solid #fecaca', borderRadius: '8px', marginBottom: '1rem', color: '#dc2626', fontSize: '0.875rem' }, children: getFieldError('general') })), _jsxs("div", { style: styles.formGroup, children: [_jsx("label", { style: styles.label, children: "Current Password" }), _jsxs("div", { style: styles.inputWrapper, children: [_jsx("input", { type: showCurrentPassword ? 'text' : 'password', value: currentPassword, onChange: (e) => setCurrentPassword(e.target.value), onFocus: () => setFocusedField('currentPassword'), onBlur: () => setFocusedField(null), placeholder: "Enter current password", disabled: loading, style: { ...styles.input, ...(getFieldError('currentPassword') ? styles.inputError : {}), ...(focusedField === 'currentPassword' ? styles.inputFocus : {}) } }), _jsx("button", { type: "button", style: styles.toggleButton, onClick: () => setShowCurrentPassword(!showCurrentPassword), tabIndex: -1, children: showCurrentPassword ? _jsx(EyeOffIcon, {}) : _jsx(EyeIcon, {}) })] }), getFieldError('currentPassword') && _jsx("div", { style: styles.errorText, children: getFieldError('currentPassword') })] }), _jsxs("div", { style: styles.formGroup, children: [_jsx("label", { style: styles.label, children: "New Password" }), _jsxs("div", { style: styles.inputWrapper, children: [_jsx("input", { type: showNewPassword ? 'text' : 'password', value: newPassword, onChange: (e) => setNewPassword(e.target.value), onFocus: () => setFocusedField('newPassword'), onBlur: () => setFocusedField(null), placeholder: "Enter new password", disabled: loading, style: { ...styles.input, ...(getFieldError('newPassword') ? styles.inputError : {}), ...(focusedField === 'newPassword' ? styles.inputFocus : {}) } }), _jsx("button", { type: "button", style: styles.toggleButton, onClick: () => setShowNewPassword(!showNewPassword), tabIndex: -1, children: showNewPassword ? _jsx(EyeOffIcon, {}) : _jsx(EyeIcon, {}) })] }), getFieldError('newPassword') && _jsx("div", { style: styles.errorText, children: getFieldError('newPassword') }), newPassword && (_jsxs("div", { style: styles.strengthMeter, children: [_jsx("div", { style: styles.strengthBar, children: _jsx("div", { style: { ...styles.strengthFill, width: `${(passwordStrength.score / 4) * 100}%`, backgroundColor: passwordStrength.color } }) }), _jsx("span", { style: { ...styles.strengthLabel, color: passwordStrength.color }, children: passwordStrength.label })] })), _jsxs("div", { style: styles.requirements, children: [_jsx("div", { style: styles.requirementsTitle, children: "Password Requirements" }), requirements.map((req) => (_jsxs("div", { style: { ...styles.requirementItem, color: req.met ? '#16a34a' : '#64748b' }, children: [req.met ? _jsx("span", { style: { color: '#16a34a' }, children: _jsx(CheckIcon, {}) }) : _jsx("span", { style: { color: '#cbd5e1' }, children: _jsx(XIcon, {}) }), req.label] }, req.id)))] })] }), _jsxs("div", { style: styles.formGroup, children: [_jsx("label", { style: styles.label, children: "Confirm New Password" }), _jsxs("div", { style: styles.inputWrapper, children: [_jsx("input", { type: showConfirmPassword ? 'text' : 'password', value: confirmPassword, onChange: (e) => setConfirmPassword(e.target.value), onFocus: () => setFocusedField('confirmPassword'), onBlur: () => setFocusedField(null), placeholder: "Confirm new password", disabled: loading, style: { ...styles.input, ...(getFieldError('confirmPassword') ? styles.inputError : {}), ...(focusedField === 'confirmPassword' ? styles.inputFocus : {}) } }), _jsx("button", { type: "button", style: styles.toggleButton, onClick: () => setShowConfirmPassword(!showConfirmPassword), tabIndex: -1, children: showConfirmPassword ? _jsx(EyeOffIcon, {}) : _jsx(EyeIcon, {}) })] }), getFieldError('confirmPassword') && _jsx("div", { style: styles.errorText, children: getFieldError('confirmPassword') }), confirmPassword && newPassword && confirmPassword === newPassword && (_jsxs("div", { style: { color: '#16a34a', fontSize: '0.8125rem', marginTop: '0.375rem', display: 'flex', alignItems: 'center', gap: '0.25rem' }, children: [_jsx(CheckIcon, {}), " Passwords match"] }))] })] }), _jsxs("div", { style: styles.footer, children: [_jsx("button", { type: "button", style: { ...styles.button, ...styles.cancelButton }, onClick: handleClose, disabled: loading, children: "Cancel" }), _jsx("button", { type: "submit", style: { ...styles.button, ...styles.submitButton, ...(!isFormValid || loading ? styles.submitButtonDisabled : {}) }, disabled: !isFormValid || loading, children: loading ? 'Changing...' : 'Change Password' })] })] })] })] }));
+    return (_jsx("div", { style: styles.backdrop, onClick: handleClose, children: _jsx("div", { style: styles.scrollWrapper, children: _jsxs("div", { style: styles.modal, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { style: styles.header, children: [_jsxs("h2", { style: styles.headerTitle, children: [_jsx(LockIcon, {}), "Change Password"] }), _jsx("button", { style: styles.closeButton, onClick: handleClose, disabled: loading, children: _jsx(CloseIcon, {}) })] }), _jsxs("form", { onSubmit: handleSubmit, style: { display: 'flex', flexDirection: 'column', flex: 1, minHeight: 0 }, children: [_jsxs("div", { style: styles.content, children: [getFieldError('general') && (_jsx("div", { style: { padding: '0.75rem', backgroundColor: '#fef2f2', border: '1px solid #fecaca', borderRadius: '8px', marginBottom: '1rem', color: '#dc2626', fontSize: '0.875rem' }, children: getFieldError('general') })), _jsxs("div", { style: styles.formGroup, children: [_jsx("label", { style: styles.label, children: "Current Password" }), _jsxs("div", { style: styles.inputWrapper, children: [_jsx("input", { type: showCurrentPassword ? 'text' : 'password', value: currentPassword, onChange: (e) => setCurrentPassword(e.target.value), onFocus: () => setFocusedField('currentPassword'), onBlur: () => setFocusedField(null), placeholder: "Enter current password", disabled: loading, style: { ...styles.input, ...(getFieldError('currentPassword') ? styles.inputError : {}), ...(focusedField === 'currentPassword' ? styles.inputFocus : {}) } }), _jsx("button", { type: "button", style: styles.toggleButton, onClick: () => setShowCurrentPassword(!showCurrentPassword), tabIndex: -1, children: showCurrentPassword ? _jsx(EyeOffIcon, {}) : _jsx(EyeIcon, {}) })] }), getFieldError('currentPassword') && _jsx("div", { style: styles.errorText, children: getFieldError('currentPassword') })] }), _jsxs("div", { style: styles.formGroup, children: [_jsx("label", { style: styles.label, children: "New Password" }), _jsxs("div", { style: styles.inputWrapper, children: [_jsx("input", { type: showNewPassword ? 'text' : 'password', value: newPassword, onChange: (e) => setNewPassword(e.target.value), onFocus: () => setFocusedField('newPassword'), onBlur: () => setFocusedField(null), placeholder: "Enter new password", disabled: loading, style: { ...styles.input, ...(getFieldError('newPassword') ? styles.inputError : {}), ...(focusedField === 'newPassword' ? styles.inputFocus : {}) } }), _jsx("button", { type: "button", style: styles.toggleButton, onClick: () => setShowNewPassword(!showNewPassword), tabIndex: -1, children: showNewPassword ? _jsx(EyeOffIcon, {}) : _jsx(EyeIcon, {}) })] }), getFieldError('newPassword') && _jsx("div", { style: styles.errorText, children: getFieldError('newPassword') }), newPassword && (_jsxs("div", { style: styles.strengthMeter, children: [_jsx("div", { style: styles.strengthBar, children: _jsx("div", { style: { ...styles.strengthFill, width: `${(passwordStrength.score / 4) * 100}%`, backgroundColor: passwordStrength.color } }) }), _jsx("span", { style: { ...styles.strengthLabel, color: passwordStrength.color }, children: passwordStrength.label })] })), _jsxs("div", { style: styles.requirements, children: [_jsx("div", { style: styles.requirementsTitle, children: "Password Requirements" }), requirements.map((req) => (_jsxs("div", { style: { ...styles.requirementItem, color: req.met ? '#16a34a' : '#64748b' }, children: [req.met ? _jsx("span", { style: { color: '#16a34a' }, children: _jsx(CheckIcon, {}) }) : _jsx("span", { style: { color: '#cbd5e1' }, children: _jsx(XIcon, {}) }), req.label] }, req.id)))] })] }), _jsxs("div", { style: styles.formGroup, children: [_jsx("label", { style: styles.label, children: "Confirm New Password" }), _jsxs("div", { style: styles.inputWrapper, children: [_jsx("input", { type: showConfirmPassword ? 'text' : 'password', value: confirmPassword, onChange: (e) => setConfirmPassword(e.target.value), onFocus: () => setFocusedField('confirmPassword'), onBlur: () => setFocusedField(null), placeholder: "Confirm new password", disabled: loading, style: { ...styles.input, ...(getFieldError('confirmPassword') ? styles.inputError : {}), ...(focusedField === 'confirmPassword' ? styles.inputFocus : {}) } }), _jsx("button", { type: "button", style: styles.toggleButton, onClick: () => setShowConfirmPassword(!showConfirmPassword), tabIndex: -1, children: showConfirmPassword ? _jsx(EyeOffIcon, {}) : _jsx(EyeIcon, {}) })] }), getFieldError('confirmPassword') && _jsx("div", { style: styles.errorText, children: getFieldError('confirmPassword') }), confirmPassword && newPassword && confirmPassword === newPassword && (_jsxs("div", { style: { color: '#16a34a', fontSize: '0.8125rem', marginTop: '0.375rem', display: 'flex', alignItems: 'center', gap: '0.25rem' }, children: [_jsx(CheckIcon, {}), " Passwords match"] }))] })] }), _jsxs("div", { style: styles.footer, children: [_jsx("button", { type: "button", style: { ...styles.button, ...styles.cancelButton }, onClick: handleClose, disabled: loading, children: "Cancel" }), _jsx("button", { type: "submit", style: { ...styles.button, ...styles.submitButton, ...(!isFormValid || loading ? styles.submitButtonDisabled : {}) }, disabled: !isFormValid || loading, children: loading ? 'Changing...' : 'Change Password' })] })] })] }) }) }));
 };
 export default ChangePasswordModal;

package/dist/components/EnterpriseLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnterpriseLayout.d.ts","sourceRoot":"","sources":["../../src/components/EnterpriseLayout.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"EnterpriseLayout.d.ts","sourceRoot":"","sources":["../../src/components/EnterpriseLayout.tsx"],"names":[],"mappings":"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"}