aport-tools 4.5.0 → 4.6.0

package/dist/forms/FormContext.d.ts

@@ -1,132 +0,0 @@
-import React from 'react';
-interface FormContextProps {
-    /**
-     * Stores the current form values as an object.
-     * Each key is a form field name and each value is the current value of that field.
-     * Example:
-     * ```ts
-     * formValues = { name: "John", email: "john@example.com" };
-     * ```
-     */
-    formValues: Record<string, any>;
-    /**
-     * A function to update a specific form field value.
-     * It takes the `name` of the form field and the new `value` to be set.
-     * and an optional `firstValue` to track the initial value.
-     * Example usage:
-     * ```ts
-     * setFormValue('email', 'newemail@example.com', 'oldemail@example.com');
-     * ```
-     */
-    setFormValue: (name: string, value: any, firstValue?: any) => void;
-    /**
-     * Stores the current form errors as an object.
-     * Each key is a form field name and the value is an array of error messages for that field.
-     * Example:
-     * ```ts
-     * errors = { email: ['Email is required', 'Invalid email format'] };
-     * ```
-     */
-    errors: Record<string, string[]>;
-    /**
-     * A function to update the errors for all form fields.
-     * It takes an object where each key is a form field name and the value is an array of error messages for that field.
-     * Example usage:
-     * ```ts
-     * setErrors({ email: ['Email is required', 'Invalid email format'] });
-     * ```
-     */
-    setErrors: (errors: Record<string, string[]>) => void;
-    /**
-     * A function to trigger the form submission.
-     * It will invoke the `onSubmit` handler and handle form validation errors.
-     * Typically, this function would call `onSubmit` and handle errors by updating the `errors` state.
-     */
-    handleSubmit: () => void;
-    handleFormSubmit: (formValues: Record<string, any>) => Promise<Record<string, string[]>>;
-}
-export declare const setFormValueGlobal: (name: string, value: any, firstValue?: any) => void;
-export declare const useFormContext: () => FormContextProps;
-interface StepperProps {
-    /**
-     * Labels for each step (optional). If provided, these labels will display below each step indicator.
-     * Example: ['Step 1', 'Step 2', 'Step 3']
-     */
-    steps?: string[];
-    /**
-     * Current step index (e.g., 0 for step 1, 1 for step 2).
-     * Determines the active step and progress display.
-     */
-    currentStep: number;
-    /**
-     * Enables or disables the ability to click on a step to navigate to it.
-     * Default is `false`.
-     */
-    presseable?: boolean;
-    /**
-     * Callback function that gets triggered when a step is clicked.
-     * Passes the index of the clicked step as an argument.
-     * Example: (stepIndex) => console.log(`Step ${stepIndex} clicked!`)
-     */
-    onPress?: (stepIndex: number) => void;
-    /**
-     * Determines the shape of the step indicator.
-     * Options:
-     * - `'circular'` (default)
-     * - `'square'`
-     */
-    stepStyle?: "circular" | "square";
-    /**
-     * Total number of steps in the stepper.
-     * Must be greater than or equal to 1.
-     */
-    totalSteps: number;
-    /**
-     * Type of content displayed inside the step indicator.
-     * Options:
-     * - `'number'` (default): Displays the step index (e.g., 1, 2, 3).
-     * - `'icon'`: Displays a custom icon (requires the `icon` prop).
-     * - `'empty'`: Displays no content inside the step indicator.
-     */
-    stepType?: "number" | "icon" | "empty";
-    /**
-     * Custom icon(s) to display inside step indicators when `stepType` is set to `'icon'`.
-     * Accepts:
-     * - A single icon for all steps (ReactNode or string URI).
-     * - An array of icons (ReactNode[] or string[]), one for each step.
-     * Example: ['https://example.com/icon1.png', 'https://example.com/icon2.png']
-     */
-    icon?: React.ReactNode | React.ReactNode[];
-}
-interface FormProps {
-    /**
-     * The children elements to render inside the form.
-     * Typically this will be form fields or custom form components.
-     * This prop is required and must be passed as ReactNode(s).
-     */
-    children: React.ReactNode;
-    /**
-     * The callback function to handle form submission.
-     * It receives the form values as an object (`values`) and must return a promise
-     * that resolves to an object containing errors for the form fields.
-     * Example:
-     * ```ts
-     * const onSubmit = async (values: Record<string, any>) => {
-     *   // handle the submission and return errors if any
-     *   return { fieldName: ['Error message'] };
-     * }
-     * ```
-     * The return value should be an object where the keys are form field names
-     * and the values are arrays of error messages for those fields.
-     */
-    onSubmit: (values: Record<string, any>) => Promise<Record<string, string[]>>;
-    /**
-     * Optional stepper configuration for the form.
-     * If provided, it will integrate a stepper component to display form steps.
-     * This is an optional prop, so the form can be used without it.
-     * The `StepperProps` interface will define the expected props for the stepper.
-     */
-    stepper?: StepperProps;
-}
-export declare const Form: React.FC<FormProps>;
-export {};

package/dist/forms/Input.d.ts

@@ -1,43 +0,0 @@
-import React from "react";
-import { TextInputProps } from "react-native";
-/**
- * Defines the props for the Input component.
- */
-interface InputProps extends TextInputProps {
-    /**
-     * The unique identifier for the input field, used to manage its state within the form.
-     */
-    name: string;
-    /**
-     * Optional first value if you want to set values with fetch or dont have empty inputs.
-     */
-    firstValue?: string | number;
-    /**
-     * The text label displayed above the input field.
-     */
-    label: string;
-    /**
-     * Specifies the type of input and applies corresponding formatting.
-     * - 'phone': Formats input as a phone number (xxx-xxx-xxxx).
-     * - 'id': Converts all input characters to uppercase (useful for IDs, passports).
-     * - 'uppercase': Forces all input characters to uppercase (useful for codes).
-     * - 'numeric': Restricts input to numeric characters only.
-     */
-    inputType?: "phone" | "id" | "uppercase" | "numeric";
-}
-/**
- * Input component that supports labels, error messages, and integrates with the Theme system.
- *
- * @param {InputProps} props - Props passed to the component.
- * @returns {JSX.Element} The rendered Input component.
- *
- * @example
- * <Input
- *   name="email"
- *   label="Email"
- *   keyboardType="email-address"
- *   inputType="id"
- * />
- */
-export declare const Input: React.FC<InputProps>;
-export {};

package/dist/forms/InputAttach.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-interface FileData {
-    uri: string;
-    name: string;
-    type: string;
-}
-interface InputAttachProps {
-    name: string;
-    type?: string[];
-    amount?: number;
-    disabled?: boolean;
-    placeholder?: string;
-    firstValue?: FileData[];
-}
-declare const InputAttach: React.FC<InputAttachProps>;
-export default InputAttach;

package/dist/forms/InputCheck.d.ts

@@ -1,19 +0,0 @@
-import React from "react";
-interface InputOption {
-    id: string;
-    label?: string;
-    icon?: string;
-    value: string;
-}
-interface InputCheckProps {
-    name: string;
-    options: InputOption[];
-    multi?: boolean;
-    max?: number;
-    rowAmount?: number;
-    iconPosition?: "row" | "column";
-    disabled?: boolean;
-    firstValue?: InputOption[];
-}
-declare const InputCheck: React.FC<InputCheckProps>;
-export default InputCheck;

package/dist/forms/InputList.d.ts

@@ -1,93 +0,0 @@
-import React from 'react';
-interface Option {
-    id: number | string;
-    label: string;
-    value: any;
-}
-interface InputListProps {
-    name: string;
-    /**
-     * Placeholder text displayed in the input box when no selection is made.
-     * @type {string}
-     * @default "Choose value/s"
-     */
-    /**
-     * Optional first value if you want to set values with fetch or dont have empty inputs.
-     */
-    firstValue?: any[];
-    placeholder?: string;
-    /**
-     * Custom styles for the component.
-     * @type {object}
-     */
-    style?: object;
-    /**
-     * Array of options to display in the dropdown. Each option should have an id, label, and value.
-     * @type {Option[]}
-     */
-    options: Option[];
-    /**
-     * Enables multi-selection mode when true. If enabled, users can select multiple values.
-     * @type {boolean}
-     * @default false
-     */
-    multi?: boolean;
-    /**
-     * Disables the dropdown input when true.
-     * @type {boolean}
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Key used to sort options in the dropdown (e.g., by 'id', 'label').
-     * @type {keyof Option}
-     */
-    sortBy?: keyof Option;
-    /**
-     * If true, displays a separator line between each option.
-     * @type {boolean}
-     * @default false
-     */
-    separator?: boolean;
-    /**
-     * Closes the dropdown if the user scrolls the list.
-     * @type {boolean}
-     * @default false
-     */
-    closeOnScroll?: boolean;
-    /**
-     * Closes the dropdown after selecting an item if true (only relevant when multi is false).
-     * @type {boolean}
-     * @default true
-     */
-    closeOnSelect?: boolean;
-    /**
-     * Limits the maximum number of items that can be selected when multi is true.
-     * Once the limit is reached, the dropdown closes, and no further selections can be made until
-     * an item is deselected.
-     * @type {number}
-     */
-    maxSelection?: number;
-    /**
-     * Callback function called when the selection changes. Useful for conditional field enabling.
-     * @param {Option | Option[] | null} selection - The updated selection.
-     */
-    onChange?: (selection: Option | Option[] | null) => void;
-}
-/**
- * InputList component - A custom dropdown list component for React Native with multi-selection support,
- * customizable styling, sorting, and configurable close behavior on selection or scrolling.
- *
- * @param {string} placeholder - Placeholder text for the input.
- * @param {object} style - Custom styles for the component.
- * @param {Option[]} options - Array of options to display in the dropdown.
- * @param {boolean} multi - Enables multi-selection mode.
- * @param {boolean} disabled - Disables the dropdown input.
- * @param {keyof Option} sortBy - Key to sort options by (e.g., 'id').
- * @param {boolean} separator - If true, adds a separator line between options.
- * @param {boolean} closeOnScroll - Closes the dropdown if the user scrolls the list.
- * @param {boolean} closeOnSelect - Closes the dropdown on selection in single-select mode.
- * @param {number} maxSelection - Maximum number of items selectable in multi-select mode.
- */
-export declare const InputList: React.FC<InputListProps>;
-export {};

package/dist/forms/Label.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface LabelProps {
-    text: string;
-    style?: any;
-}
-declare const Label: React.FC<LabelProps>;
-export default Label;

package/dist/forms/Stepper.d.ts

@@ -1,54 +0,0 @@
-import React from "react";
-interface StepperProps {
-    /**
-     * Labels for each step (optional). If provided, these labels will display below each step indicator.
-     * Example: ['Step 1', 'Step 2', 'Step 3']
-     */
-    steps?: string[];
-    /**
-     * Current step index (e.g., 0 for step 1, 1 for step 2).
-     * Determines the active step and progress display.
-     */
-    currentStep: number;
-    /**
-     * Enables or disables the ability to click on a step to navigate to it.
-     * Default is `false`.
-     */
-    presseable?: boolean;
-    /**
-     * Callback function that gets triggered when a step is clicked.
-     * Passes the index of the clicked step as an argument.
-     * Example: (stepIndex) => console.log(`Step ${stepIndex} clicked!`)
-     */
-    onPress?: (stepIndex: number) => void;
-    /**
-     * Determines the shape of the step indicator.
-     * Options:
-     * - `'circular'` (default)
-     * - `'square'`
-     */
-    stepStyle?: "circular" | "square";
-    /**
-     * Total number of steps in the stepper.
-     * Must be greater than or equal to 1.
-     */
-    totalSteps: number;
-    /**
-     * Type of content displayed inside the step indicator.
-     * Options:
-     * - `'number'` (default): Displays the step index (e.g., 1, 2, 3).
-     * - `'icon'`: Displays a custom icon (requires the `icon` prop).
-     * - `'empty'`: Displays no content inside the step indicator.
-     */
-    stepType?: "number" | "icon" | "empty";
-    /**
-     * Custom icon(s) to display inside step indicators when `stepType` is set to `'icon'`.
-     * Accepts:
-     * - A single icon for all steps (ReactNode or string URI).
-     * - An array of icons (ReactNode[] or string[]), one for each step.
-     * Example: ['https://example.com/icon1.png', 'https://example.com/icon2.png']
-     */
-    icon?: React.ReactNode | React.ReactNode[];
-}
-declare const Stepper: React.FC<StepperProps>;
-export default Stepper;

package/dist/forms/TextArea.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { TextInputProps } from 'react-native';
-interface TextAreaProps extends TextInputProps {
-    name: string;
-    /**
-     * Optional first value if you want to set values with fetch or dont have empty inputs.
-     */
-    firstValue?: string;
-    label: string;
-    errors?: string[];
-}
-declare const TextArea: React.FC<TextAreaProps>;
-export default TextArea;

package/dist/index.d.ts

@@ -1,4 +0,0 @@
-export * from './buttons';
-export * from './cards';
-export * from './fonts';
-export * from './forms';