@codebit-programando-solucoes/codebit-web-antd 1.1.16 → 1.1.21

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,66 +173,6 @@
   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;
 }

package/dist/index.d.ts

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

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

@@ -1,35 +1,47 @@
-import * as React from 'react';
-import { LocalLoginConfContext } from './Login';
-
-/** Props for the ChangePassword component (none required) */
-export interface ChangePasswordProps {
-    /** Validates password reset token in the current context */
-    checkToken: (context: LocalLoginConfContext) => Promise<Boolean>;
-
-    /** Submits new password using validated token from context */
-    submitChangePassword?: (
-        password: string,
-        context: LocalLoginConfContext,
-    ) => Promise<LocalLoginChangePasswordResult>;
-}
+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',
 }
 
 /**
- * React component for password change functionality.
+ * Context interface for login flow navigation and parameters.
  *
- * Handles the complete password reset workflow including:
+ * @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.
  *
- * - Token validation
- * - Password strength validation
- * - Form submission
- * - Success/error messaging
+ * @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.
  *
- * @param props - Component props (none required)
- * @returns JSX element with password change interface
- * @throws Error if used outside CodebitConfigProvider context
+ * @remarks
+ *   Handles user password reset with token validation and form submission. Requires implementation of all callback functions for authentication flow.
  */
-export function ChangePassword(props: ChangePasswordProps): React.JSX.Element;
+export declare const ChangePassword: React.FC<ChangePasswordProps>;

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

@@ -1,37 +1,45 @@
 import * as React from 'react';
-import { LocalLoginConfContext } from './Login';
 
-/** Props for the ForgotPassword component */
+/** 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 {
-    /** Navigates to the login screen when authentication is required */
-    navigateToLogin: (context: LocalLoginConfContext) => Promise<void>;
+    /**
+     * 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 the specified email */
-    submitRecoveryPassword?: (
+    /**
+     * 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>;
 }
 
-export enum LocalLoginRecoveryPasswordResult {
-    INVALID_EMAIL = 'INVALID_EMAIL',
-    RECAPTCHA_VALIDATION_FAIL = 'RECAPTCHA_VALIDATION_FAIL',
-    SUCCESS = 'SUCCESS',
-}
-
-/**
- * Password reset component for initiating account recovery.
- *
- * Handles the complete password reset workflow:
- *
- * - Email address input
- * - Reset link request
- * - Success/error messaging
- *
- * Requires usage within `CodebitConfigProvider` context to access authentication settings.
- *
- * @param props - Component props
- * @returns JSX element with password reset interface
- * @throws Error if used outside CodebitConfigProvider context
- */
-export function ForgotPassword(props: ForgotPasswordProps): React.JSX.Element;
+/** 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,54 +1,57 @@
 import * as React from 'react';
-import { NavigateFunction, Params } from 'react-router';
 
+/** Enumeration of possible authentication result codes. */
 export enum LocalLoginAuthenticationResult {
-    /** Email is invalid or not registered */
     INVALID_EMAIL = 'INVALID_EMAIL',
-    /** Password is incorrect */
     INVALID_PASSWORD = 'INVALID_PASSWORD',
-    /** Email or password combination is invalid */
     INVALID_EMAIL_OR_PASSWORD = 'INVALID_EMAIL_OR_PASSWORD',
-    /** ReCAPTCHA validation failed */
     RECAPTCHA_VALIDATION_FAIL = 'RECAPTCHA_VALIDATION_FAIL',
-    /** User account is disabled */
     USER_DISABLED = 'USER_DISABLED',
-    /** Authentication was successful */
     SUCCESS = 'SUCCESS',
 }
 
-/** Context for local login configuration */
-export type LocalLoginConfContext = {
-    navigate: NavigateFunction;
-    params?: Readonly<Params<string>>;
-};
+/** 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 */
+/** Props for the Login component. */
 export interface LoginProps {
-    /** Optional title for the login screen (overrides localized default) */
+    /** Optional title for the login container. */
     title?: string | React.ReactNode;
-
-    /** OAuth callback URL for authentication */
+    /** URL for the OAuth callback when using Google login. */
     oauthCallbackUrl?: string;
-
-    /** Function to authenticate a local user */
+    /**
+     * 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>;
-
-    /** Optional function to initiate password recovery process. When omitted, password reset functionality will be disabled. */
-    navigateToForgotPassword?: (
-        context: LocalLoginConfContext,
-    ) => Promise<void>;
 }
 
 /**
- * Login component that renders both Google OAuth and email/password login options.
- *
- * This component displays both Google login button and local authentication form (when configured), requiring usage within CodebitConfigProvider to access authentication settings.
+ * Login component providing both local and OAuth authentication methods.
  *
- * @param props - Component props
- * @returns JSX element with complete login interface
+ * @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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codebit-programando-solucoes/codebit-web-antd",
-  "version": "1.1.16",
+  "version": "1.1.21",
   "main": "./dist/index.cjs",
   "type": "module",
   "types": "./src/index.d.ts",
@@ -20,15 +20,19 @@
     "./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-i18next": "^16.3.5",
-    "react-router": "7.12.0",
-    "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.2",
@@ -36,8 +40,6 @@
     "@rsbuild/plugin-sass": "1.4.1",
     "@rslib/core": "^0.18.0",
     "@swc/core": "^1.13.5",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
     "cross-env": "^10.0.0",
     "css-loader": "^7.1.2",
     "del-cli": "^6.0.0",

package/dist/theme/CodebitTheme.d.ts

@@ -1,5 +0,0 @@
-import { ConfigProviderProps } from 'antd';
-import { FC } from 'react';
-
-/** A theme provider component that configures Ant Design with Codebit's custom theme Handles both light and dark mode variants */
-export declare const CodebitTheme: FC<ConfigProviderProps>;

package/dist/theme/index.d.ts

@@ -1 +0,0 @@
-export * from './CodebitTheme';