@codebit-programando-solucoes/codebit-web-antd 1.1.9 → 1.1.20

package/dist/index.css

@@ -1,3 +1,63 @@
+.listCard-ISftFd {
+  width: 100%;
+  height: 100%;
+}
+
+.listCard-ISftFd .headerRow-UsZAzP {
+  margin-bottom: var(--antd-padding-lg);
+}
+
+.listCard-ISftFd .headerRow-UsZAzP .actions-ig53s2 {
+  justify-content: flex-end;
+  gap: var(--antd-margin-xs);
+  display: flex;
+}
+
+.listCard-ISftFd .headerRow-UsZAzP h4 {
+  margin: 0;
+}
+
+.listCard-ISftFd .filtersRow-f3Xk5a {
+  margin-bottom: var(--antd-padding-lg);
+}
+
+.listCard-ISftFd .filtersRow-f3Xk5a .ant-col > * {
+  width: 100%;
+}
+
+.listCard-ISftFd .ant-card-body {
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+
+.listCard-ISftFd .expandArea-czOoFS {
+  background-color: var(--antd-color-bg-container);
+  flex: 1;
+  position: relative;
+  overflow: hidden;
+}
+
+.listCard-ISftFd .ant-pagination {
+  margin: 0 !important;
+}
+
+.listCard-ISftFd .ant-table-pagination {
+  padding-top: var(--antd-padding-lg);
+  background: var(--antd-color-bg-container);
+}
+
+.tableContainer-EhNwOm {
+  flex: 1;
+  width: 100%;
+  height: 100%;
+}
+
+.tableContainer-EhNwOm .ant-table-body {
+  height: 100vh;
+}
+
 .layout-mL5o6I {
   height: 100vh;
   position: fixed;
@@ -113,72 +173,12 @@
   position: relative;
 }
 
-.listCard-ISftFd {
-  width: 100%;
-  height: 100%;
-}
-
-.listCard-ISftFd .headerRow-UsZAzP {
-  margin-bottom: var(--antd-padding-lg);
-}
-
-.listCard-ISftFd .headerRow-UsZAzP .actions-ig53s2 {
-  justify-content: flex-end;
-  gap: var(--antd-margin-xs);
-  display: flex;
-}
-
-.listCard-ISftFd .headerRow-UsZAzP h4 {
-  margin: 0;
-}
-
-.listCard-ISftFd .filtersRow-f3Xk5a {
-  margin-bottom: var(--antd-padding-lg);
-}
-
-.listCard-ISftFd .filtersRow-f3Xk5a .ant-col > * {
-  width: 100%;
-}
-
-.listCard-ISftFd .ant-card-body {
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  display: flex;
-}
-
-.listCard-ISftFd .expandArea-czOoFS {
-  background-color: var(--antd-color-bg-container);
-  flex: 1;
-  position: relative;
-  overflow: hidden;
-}
-
-.listCard-ISftFd .ant-pagination {
-  margin: 0 !important;
-}
-
-.listCard-ISftFd .ant-table-pagination {
-  padding-top: var(--antd-padding-lg);
-  background: var(--antd-color-bg-container);
-}
-
-.tableContainer-EhNwOm {
-  flex: 1;
-  width: 100%;
-  height: 100%;
-}
-
-.tableContainer-EhNwOm .ant-table-body {
-  height: 100vh;
-}
-
 .containerRow-lnjnDt {
   min-height: 100vh;
 }
 
 .themeRow-ZhL0jS {
-  margin-bottom: 16px;
+  margin-bottom: var(--antd-margin);
 }
 
 .loginCard-k07Wjb {
@@ -190,7 +190,7 @@
 }
 
 .titleRow-XMkFzo {
-  margin-bottom: 20px;
+  margin-bottom: var(--antd-margin-sm);
 }
 
 .appTitle-tL41k9 {
@@ -198,12 +198,13 @@
 }
 
 .divider-oJpEKR {
-  margin: 12px 0;
+  margin: var(--antd-margin-xs) 0;
 }
 
 .loginHeader-bBGO5B {
   text-align: center;
-  margin-bottom: 24px;
+  margin-top: 0;
+  margin-bottom: var(--antd-margin);
   font-weight: normal;
 }
 

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-export * from './locales';
 export * from './components/index';
 export * from './contexts/index';
 export * from './public-pages/index';

package/dist/public-pages/ChangePassword.d.ts

@@ -0,0 +1,47 @@
+import React = require('react');
+
+/**
+ * Possible results for password change operations.
+ *
+ * @remarks
+ *   Represents the outcome of a password change attempt.
+ */
+export enum LocalLoginChangePasswordResult {
+    INVALID_TOKEN = 'INVALID_TOKEN',
+    SUCCESS = 'SUCCESS',
+}
+
+/**
+ * Context interface for login flow navigation and parameters.
+ *
+ * @property navigate - Function to redirect to different routes
+ * @property params - URL parameters from React Router
+ */
+export interface LocalLoginConfContext {
+    navigate: (to: string) => void;
+    params: Record<string, string | undefined>;
+}
+
+/**
+ * Props for the ChangePassword component.
+ *
+ * @property navigateToLogin - Callback to redirect to login screen
+ * @property checkToken - Validates the password reset token
+ * @property submitChangePassword - Submits new password with token validation
+ */
+export interface ChangePasswordProps {
+    navigateToLogin: (context: LocalLoginConfContext) => Promise<void>;
+    checkToken: (context: LocalLoginConfContext) => Promise<boolean>;
+    submitChangePassword: (
+        password: string,
+        context: LocalLoginConfContext,
+    ) => Promise<LocalLoginChangePasswordResult>;
+}
+
+/**
+ * Password change interface component.
+ *
+ * @remarks
+ *   Handles user password reset with token validation and form submission. Requires implementation of all callback functions for authentication flow.
+ */
+export declare const ChangePassword: React.FC<ChangePasswordProps>;

package/dist/public-pages/ForgotPassword.d.ts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+
+/** Enumeration of possible statuses for password recovery operations. */
+export declare enum LocalLoginRecoveryPasswordResult {
+    INVALID_EMAIL = 'INVALID_EMAIL',
+    RECAPTCHA_VALIDATION_FAIL = 'RECAPTCHA_VALIDATION_FAIL',
+    SUCCESS = 'SUCCESS',
+}
+
+/** Context object used for navigation within authentication flows. Contains navigation functions to redirect between authentication screens. */
+export interface LocalLoginConfContext {
+    /**
+     * Redirects to the specified route path.
+     *
+     * @param path - Target navigation path
+     * @param ...args - Additional navigation parameters
+     */
+    navigate: (path: string, ...args: any[]) => void;
+}
+
+/** Properties for the ForgotPassword component. */
+export interface ForgotPasswordProps {
+    /**
+     * Optional callback to handle navigation back to login screen.
+     *
+     * @param context - Navigation context for redirects
+     * @returns Promise resolving when navigation completes
+     */
+    navigateToLogin?: (context: LocalLoginConfContext) => Promise<void>;
+
+    /**
+     * Submits password recovery request for specified email.
+     *
+     * @param email - User's email address for recovery
+     * @param context - Navigation context for post-submission actions
+     * @returns Promise with recovery operation status
+     */
+    submitRecoveryPassword: (
+        email: string,
+        context: LocalLoginConfContext,
+    ) => Promise<LocalLoginRecoveryPasswordResult>;
+}
+
+/** Renders a password recovery form with email validation and submission handling. Integrates with authentication flows to manage state transitions. */
+export declare const ForgotPassword: React.FC<ForgotPasswordProps>;

package/dist/public-pages/HandleError.d.ts

@@ -1,8 +1,7 @@
 import * as React from 'react';
 
-/** Props for the HandleError component */
 export interface HandleErrorProps {
-    /** Optional title to display above the error message */
+    /** Optional title to display above the error message. */
     title?: string;
 }
 
@@ -12,6 +11,6 @@ export interface HandleErrorProps {
  * Displays an error page based on the route error status (404, 403, 500, or generic error). Provides a button to navigate back to the home page.
  *
  * @param props - Component props
- * @returns JSX.Element - Error page layout
+ * @returns React JSX element representing the error page layout
  */
 export function HandleError(props: HandleErrorProps): React.JSX.Element;

package/dist/public-pages/Login.d.ts

@@ -1,19 +1,57 @@
 import * as React from 'react';
 
-/** Props for the Login component */
+/** Enumeration of possible authentication result codes. */
+export enum LocalLoginAuthenticationResult {
+    INVALID_EMAIL = 'INVALID_EMAIL',
+    INVALID_PASSWORD = 'INVALID_PASSWORD',
+    INVALID_EMAIL_OR_PASSWORD = 'INVALID_EMAIL_OR_PASSWORD',
+    RECAPTCHA_VALIDATION_FAIL = 'RECAPTCHA_VALIDATION_FAIL',
+    USER_DISABLED = 'USER_DISABLED',
+    SUCCESS = 'SUCCESS',
+}
+
+/** Context object passed to navigation and authentication callback functions. */
+export interface LocalLoginConfContext {
+    /**
+     * Function to navigate to another route.
+     *
+     * @param path - The path to navigate to.
+     */
+    navigate: (path: string) => void;
+}
+
+/** Props for the Login component. */
 export interface LoginProps {
-    /** Title for the login screen */
+    /** Optional title for the login container. */
     title?: string | React.ReactNode;
+    /** URL for the OAuth callback when using Google login. */
+    oauthCallbackUrl?: string;
+    /**
+     * Callback function to navigate to password recovery flow.
+     *
+     * @param context - Navigation context for route handling
+     */
+    navigateToForgotPassword?: (
+        context: LocalLoginConfContext,
+    ) => Promise<void>;
+    /**
+     * Handles local user authentication process.
+     *
+     * @param email - User's email address
+     * @param password - User's password
+     * @param context - Navigation context
+     * @returns Authentication status result
+     */
+    submitAuthenticateLocalUser?: (
+        email: string,
+        password: string,
+        context: LocalLoginConfContext,
+    ) => Promise<LocalLoginAuthenticationResult>;
 }
 
 /**
- * Login component that renders a login screen with Google OAuth integration.
- *
- * This component displays a login button that redirects to the configured OAuth callback URL. It must be used within a CodebitConfigProvider context to access the OAuth
- * configuration.
+ * Login component providing both local and OAuth authentication methods.
  *
- * @param props - Component props
- * @returns Login screen with Google login button
- * @throws Error if used outside CodebitConfigProvider context
+ * @param props - Login configuration parameters
  */
-export function Login(props: LoginProps): React.JSX.Element;
+export declare const Login: React.FunctionComponent<LoginProps>;

package/dist/public-pages/LoginContainer.d.ts

@@ -1,20 +1,20 @@
 import * as React from 'react';
 
-/** Props for the LoginContainer component */
-export interface LoginContainerProps {
-    /** Title to display in the login container */
-    title: string | React.ReactNode;
-    /** Child components to render inside the container */
-    children?: React.ReactNode;
-}
-
 /**
  * Container component for login screens.
  *
- * Provides a centered card layout with theme toggle and title display. It must be used within a CodebitConfigProvider context to access theme settings.
+ * Provides a centered card layout with theme toggle and title display. Must be used within a CodebitConfigProvider context to access theme settings.
  *
- * @param props - Component props
- * @returns JSX.Element - Login container layout
- * @throws Error if used outside CodebitConfigProvider context
+ * @param props - Configuration for the login container
+ * @returns JSX element for login layout
+ * @throws {Error} When used outside of CodebitThemeContext
  */
-export function LoginContainer(props: LoginContainerProps): React.JSX.Element;
+export function LoginContainer(props: LoginContainerProps): React.ReactElement;
+
+/** Props interface for LoginContainer component */
+export interface LoginContainerProps {
+    /** Title to display in the login container (string or React node) */
+    title: string | React.ReactNode;
+    /** Child components to render inside the container */
+    children?: React.ReactNode;
+}

package/dist/public-pages/index.d.ts

@@ -1,3 +1,4 @@
 export * from './Login';
 export * from './LoginContainer';
 export * from './HandleError';
+export * from './ForgotPassword';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codebit-programando-solucoes/codebit-web-antd",
-  "version": "1.1.9",
+  "version": "1.1.20",
   "main": "./dist/index.cjs",
   "type": "module",
   "types": "./src/index.d.ts",
@@ -20,22 +20,24 @@
     "./dist/*.css": "./dist/*.css"
   },
   "dependencies": {
-    "@ant-design/icons": "^6.1.0",
-    "@codebit-programando-solucoes/codebit-web": "",
-    "@sentry/react": "^10.26.0",
-    "antd": "^5.28.1",
     "i18next": "^25.6.2",
-    "prop-types": "^15.8.1",
-    "react": "^19.1.1",
-    "react-dom": "^19.2.0",
-    "react-i18next": "^16.3.3",
-    "react-router": "^7.9.6",
-    "sass": "^1.94.0"
+    "react-i18next": "^16.3.5"
+  },
+  "peerDependencies": {
+    "@codebit-programando-solucoes/codebit-web": ">=1.1.6",
+    "react": ">=19.2.0",
+    "react-dom": ">=19.2.0",
+    "react-router": ">=7.12.0",
+    "prop-types": ">=15.8.1",
+    "antd": ">=5.29.3",
+    "@ant-design/icons": ">=6.1.0",
+    "@sentry/react": ">=10.26.0",
+    "sass": ">=1.94.0"
   },
   "devDependencies": {
-    "@eslint/js": "^9.39.1",
-    "@rsbuild/plugin-react": "^1.4.1",
-    "@rsbuild/plugin-sass": "^1.4.0",
+    "@eslint/js": "^9.39.2",
+    "@rsbuild/plugin-react": "1.4.3",
+    "@rsbuild/plugin-sass": "1.4.1",
     "@rslib/core": "^0.18.0",
     "@swc/core": "^1.13.5",
     "cross-env": "^10.0.0",