lawgic-dev-kit 0.8.0 → 0.8.6

package/dist/src/components/atoms/TextButton/index.d.ts

@@ -0,0 +1 @@
+export { default as TextButton } from './TextButton';

package/dist/src/components/atoms/TextInput/TextInput.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { TextInputProps } from "./TextInput.types";
+import { FieldValues } from "react-hook-form";
+declare const TextInput: <T extends FieldValues = FieldValues>({ label, control, name, placeholder, className, disabled, leftSide, rightSide, ...props }: TextInputProps<T>) => React.ReactElement;
+export default TextInput;

package/dist/src/components/atoms/TextInput/TextInput.types.d.ts

@@ -0,0 +1,11 @@
+import { Control, FieldValues, Path } from "react-hook-form";
+export type TextInputProps<T extends FieldValues = FieldValues> = {
+    label: string;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+    control: Control<T>;
+    name: Path<T>;
+    leftSide?: React.ReactNode;
+    rightSide?: React.ReactNode;
+} & React.InputHTMLAttributes<HTMLInputElement>;

package/dist/src/components/atoms/TextInput/index.d.ts

@@ -0,0 +1 @@
+export { default as TextInput } from './TextInput';

package/dist/src/components/atoms/TextStaticInput/TextStaticInput.d.ts

@@ -0,0 +1,3 @@
+import { TextStaticInputProps } from "./TextStaticInput.types";
+declare const TextStaticInput: React.FC<TextStaticInputProps>;
+export default TextStaticInput;

package/dist/src/components/atoms/TextStaticInput/TextStaticInput.types.d.ts

@@ -0,0 +1,5 @@
+export interface TextStaticInputProps {
+    label: string;
+    value: string;
+    className?: string;
+}

package/dist/src/components/atoms/TextStaticInput/index.d.ts

@@ -0,0 +1 @@
+export { default as TextStaticInput } from "./TextStaticInput";

package/dist/src/components/atoms/Toast/Toast.d.ts

@@ -0,0 +1,21 @@
+import { ToastType } from "../../../types";
+type ToastContent = string | React.ReactNode;
+interface ToastProps {
+    id?: string;
+    content: ToastContent;
+    type?: ToastType;
+    duration?: number;
+    onClose: () => void;
+}
+declare const Toast: React.FC<ToastProps>;
+export default Toast;
+interface ToastManagerProps {
+    toasts: Array<{
+        id: string;
+        content: ToastContent;
+        type: "success" | "error" | "warning" | "info" | "loading";
+        duration?: number;
+    }>;
+    removeToast: (id: string) => void;
+}
+export declare const ToastManager: React.FC<ToastManagerProps>;

package/dist/src/components/atoms/Toast/index.d.ts

@@ -0,0 +1 @@
+export { default as Toast } from './Toast';

package/dist/src/components/atoms/UncontrolledSelector/UncontrolledSelector.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+interface Option {
+    label: string | React.ReactNode;
+    value: number | string;
+}
+interface UncontrolledSelectorProps {
+    value: number | string;
+    onChange: (value: number | string) => void;
+    options: Option[];
+    placeholder?: string;
+    label?: string;
+    error?: string;
+    disabled?: boolean;
+}
+declare const UncontrolledSelector: React.FC<UncontrolledSelectorProps>;
+export default UncontrolledSelector;

package/dist/src/components/atoms/UncontrolledSelector/index.d.ts

@@ -0,0 +1 @@
+export { default as UncontrolledSelector } from './UncontrolledSelector';

package/dist/src/components/atoms/UncontrolledTextInput/UncontrolledTextInput.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { UncontrolledTextInputProps } from "./UncontrolledTextInput.types";
+declare const UncontrolledTextInput: React.FC<UncontrolledTextInputProps>;
+export default UncontrolledTextInput;

package/dist/src/components/atoms/UncontrolledTextInput/UncontrolledTextInput.types.d.ts

@@ -0,0 +1,13 @@
+export type UncontrolledTextInputProps = {
+    name: string;
+    label?: string;
+    placeholder?: string;
+    className?: string;
+    onChange: (value: string) => void;
+    value: string;
+    error?: string | undefined;
+    disabled?: boolean;
+    disabledInput?: boolean;
+    leftSide?: React.ReactNode;
+    rightSide?: React.ReactNode;
+} & React.InputHTMLAttributes<HTMLInputElement>;

package/dist/src/components/atoms/UncontrolledTextInput/index.d.ts

@@ -0,0 +1 @@
+export { default as UncontrolledTextInput } from "./UncontrolledTextInput";

package/dist/src/components/atoms/UploadContainer/UploadContainer.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { UploadContainerProps } from "./UploadContainer.types";
+declare const UploadContainer: React.FC<UploadContainerProps>;
+export default UploadContainer;

package/dist/src/components/atoms/UploadContainer/UploadContainer.types.d.ts

@@ -0,0 +1,32 @@
+export interface UploadContainerProps {
+    /**
+     * Título que se muestra en el área de carga
+     * @default 'drag_and_drop_your_files_here'
+     */
+    title?: string;
+    /**
+     * Subtítulo opcional para mostrar información adicional
+     * @default null
+     */
+    subtitle?: string | null;
+    /**
+     * Texto del botón de selección de archivos
+     * @default 'choose_files'
+     */
+    buttonTitle?: string;
+    /**
+     * Función que se ejecuta cuando se cargan archivos válidos
+     * @param files Array de objetos File seleccionados
+     */
+    onUpload?: (files: File[]) => void;
+    /**
+     * Lista de extensiones de archivo permitidas
+     * @default ['pdf', 'png', 'jpg', 'jpeg', 'svg', 'docx', 'doc', 'xls', 'xlsx']
+     */
+    acceptedExtensions?: string[];
+    /**
+     * Tamaño máximo de archivo en KB
+     * @default 1024
+     */
+    maxSize?: number;
+}

package/dist/src/components/atoms/UploadContainer/index.d.ts

@@ -0,0 +1 @@
+export { default as UploadContainer } from "./UploadContainer";

package/dist/src/components/atoms/index.d.ts

@@ -25,3 +25,6 @@ export * from "./UncontrolledSelector/index";
 export * from "./UncontrolledTextInput/index";
 export * from "./UploadContainer/index";
 export * from "./InformationDisclaimer/index";
+export * from "./CountryLabel/index";
+export * from "./PhoneInput/index";
+export * from "./SidebarButton/index";

package/dist/src/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./atoms/index";
+export * from "./molecules/index";
+export * from "./organisms/index";

package/dist/src/components/molecules/AlertModal/AlertModal.d.ts

@@ -0,0 +1,3 @@
+import { AlertModalProps } from "./AlertModal.types";
+declare const AlertModal: ({ title, description, open, onClose, onConfirm, onCancel, }: AlertModalProps) => import("react/jsx-runtime").JSX.Element;
+export default AlertModal;

package/dist/src/components/molecules/AlertModal/AlertModal.types.d.ts

@@ -0,0 +1,8 @@
+export interface AlertModalProps {
+    title: string;
+    description: string;
+    open: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    onCancel: () => void;
+}

package/dist/src/components/molecules/AlertModal/index.d.ts

@@ -0,0 +1,2 @@
+export { default as AlertModal } from "./AlertModal";
+export * from "./AlertModal.types";

package/dist/src/components/molecules/CalendarSelector/CalendarSelector.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export type CalendarSelectorProps = {
+    date: Date;
+    onDateChange: (date: Date) => void;
+    showTimeSelector?: boolean;
+    maxDate?: Date;
+};
+declare const CalendarSelector: React.FC<CalendarSelectorProps>;
+export default CalendarSelector;

package/dist/src/components/molecules/CalendarSelector/PeriodToggle.d.ts

@@ -0,0 +1,6 @@
+interface PeriodToggleProps {
+    selectedPeriod: string;
+    handlePeriodChange: (period: string) => void;
+}
+declare const PeriodToggle: ({ selectedPeriod, handlePeriodChange, }: PeriodToggleProps) => import("react/jsx-runtime").JSX.Element;
+export default PeriodToggle;

package/dist/src/components/molecules/CalendarSelector/TimeDisplay.d.ts

@@ -0,0 +1,7 @@
+interface TimeDisplayProps {
+    setHourMenuOpen: (value: boolean) => void;
+    hourMenuOpen: boolean;
+    selectedHour: number;
+}
+declare const TimeDisplay: ({ setHourMenuOpen, hourMenuOpen, selectedHour, }: TimeDisplayProps) => import("react/jsx-runtime").JSX.Element;
+export default TimeDisplay;

package/dist/src/components/molecules/CalendarSelector/index.d.ts

@@ -0,0 +1 @@
+export { default as CalendarSelector } from './CalendarSelector';

package/dist/src/components/molecules/DateInput/DateInput.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Control, FieldValues, Path } from 'react-hook-form';
+export type DateInputProps<T extends FieldValues = FieldValues> = {
+    control: Control<T>;
+    name: Path<T>;
+    label?: string;
+    placeholder?: string;
+    showTimeSelector?: boolean;
+};
+declare const DateInput: <T extends FieldValues = FieldValues>({ control, name, showTimeSelector, label, placeholder }: DateInputProps<T>) => React.ReactElement;
+export default DateInput;

package/dist/src/components/molecules/DateInput/index.d.ts

@@ -0,0 +1 @@
+export { default as DateInput } from './DateInput';

package/dist/src/components/molecules/DialogModal/DialogModal.d.ts

@@ -0,0 +1,3 @@
+import { DialogModalProps } from "./DialogModal.types";
+declare const DialogModal: ({ title, description, open, onClose, onConfirm, onCancel, icon, }: DialogModalProps) => import("react/jsx-runtime").JSX.Element;
+export default DialogModal;

package/dist/src/components/molecules/DialogModal/DialogModal.types.d.ts

@@ -0,0 +1,10 @@
+import { IconProp } from "@fortawesome/fontawesome-svg-core";
+export interface DialogModalProps {
+    title: string;
+    description: string;
+    open: boolean;
+    icon?: IconProp;
+    onClose: () => void;
+    onConfirm: () => void;
+    onCancel: () => void;
+}

package/dist/src/components/molecules/DialogModal/index.d.ts

@@ -0,0 +1 @@
+export { default as DialogModal } from './DialogModal';

package/dist/src/components/molecules/Dropdown/Dropdown.d.ts

@@ -0,0 +1,3 @@
+import { DropdownMenuProps } from "./Dropdown.types";
+declare const DropdownMenu: React.FC<DropdownMenuProps>;
+export default DropdownMenu;

package/dist/src/components/molecules/Dropdown/Dropdown.types.d.ts

@@ -0,0 +1,9 @@
+export interface DropdownMenuProps {
+    label: string;
+    className?: string;
+    labelClassName?: string;
+    children: React.ReactNode;
+    subtitle?: string;
+    open?: boolean;
+    onClick?: () => void;
+}

package/dist/src/components/molecules/Dropdown/index.d.ts

@@ -0,0 +1 @@
+export { default as Dropdown } from "./Dropdown";

package/dist/src/components/molecules/FileUpload/FileUpload.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { FileUploadProps } from "./FileUpload.types";
+declare const FileUpload: React.FC<FileUploadProps>;
+export default FileUpload;

package/dist/src/components/molecules/FileUpload/FileUpload.types.d.ts

@@ -0,0 +1,17 @@
+import { FileInfo } from "../../../types";
+export declare const FileStatus: {
+    LOADING: string;
+    COMPLETE: string;
+    ERROR: string;
+};
+export interface UploadingFile extends FileInfo {
+    loading?: boolean;
+    error?: boolean;
+    analyzing?: boolean;
+}
+export interface FileUploadProps {
+    file: UploadingFile;
+    onDelete?: () => void;
+    onRetry?: () => void;
+    uploadDuration?: number;
+}

package/dist/src/components/molecules/FileUpload/index.d.ts

@@ -0,0 +1 @@
+export { default as FileUpload } from './FileUpload';

package/dist/src/components/molecules/FloatingMenu/FloatingMenu.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { FloatingMenuProps } from "./FloatingMenu.types";
+declare const FloatingMenu: React.FC<FloatingMenuProps>;
+export default FloatingMenu;

package/dist/src/components/molecules/FloatingMenu/FloatingMenu.types.d.ts

@@ -0,0 +1,11 @@
+export interface FloatingMenuProps {
+    open?: boolean;
+    onClose?: () => void;
+    component: React.ReactNode | (() => React.ReactNode);
+    children: React.ReactNode;
+    placement?: "top" | "bottom" | "left" | "right";
+    className?: string;
+    strategy?: "fixed" | "absolute";
+    offset?: number;
+    padding?: number;
+}

package/dist/src/components/molecules/FloatingMenu/index.d.ts

@@ -0,0 +1 @@
+export { default as FloatingMenu } from './FloatingMenu';

package/dist/src/components/molecules/IndexedStepper/IndexedStepper.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type IndexedStepperProps = {
+    currentStep: number;
+    steps: string[];
+};
+declare const IndexedStepper: React.FC<IndexedStepperProps>;
+export default IndexedStepper;

package/dist/src/components/molecules/IndexedStepper/index.d.ts

@@ -0,0 +1 @@
+export { default as IndexedStepper } from './IndexedStepper';

package/dist/src/components/molecules/InformationContainer/InformationContainer.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+type InformationContainerProps = {
+    title: string;
+    children: ReactNode;
+    className?: string;
+};
+type InformationContainerComponent = React.FC<InformationContainerProps> & {
+    Entry: React.FC<{
+        label: string;
+        value: string | ReactNode | Element;
+    }>;
+};
+declare const InformationContainer: InformationContainerComponent;
+export default InformationContainer;

package/dist/src/components/molecules/InformationContainer/index.d.ts

@@ -0,0 +1 @@
+export { default as InformationContainer } from './InformationContainer';

package/dist/src/components/molecules/SearchModal/SearchModal.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { SearchModalProps } from "./SearchModal.types";
+declare const SearchModal: React.FC<SearchModalProps>;
+export default SearchModal;

package/dist/src/components/molecules/SearchModal/SearchModal.types.d.ts

@@ -0,0 +1,5 @@
+export interface SearchModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSearch?: (searchTerm: string) => void;
+}

package/dist/src/components/molecules/SearchModal/index.d.ts

@@ -0,0 +1 @@
+export { default as SearchModal } from "./SearchModal";

package/dist/src/components/molecules/Stepper/Stepper.d.ts

@@ -0,0 +1,3 @@
+import type { StepperProps } from "./Stepper.types";
+declare const Stepper: React.FC<StepperProps>;
+export default Stepper;

package/dist/src/components/molecules/Stepper/Stepper.types.d.ts

@@ -0,0 +1,7 @@
+export interface StepperProps {
+    steps: {
+        label: string;
+        completed: boolean;
+    }[];
+    direction?: "horizontal" | "vertical";
+}

package/dist/src/components/molecules/Stepper/index.d.ts

@@ -0,0 +1 @@
+export { default as Stepper } from "./Stepper";

package/dist/src/components/molecules/Tabs/Tabs.d.ts

@@ -0,0 +1,20 @@
+import { IconProp } from "@fortawesome/fontawesome-svg-core";
+import { Tab } from "../../atoms";
+interface Tab {
+    id: string | number;
+    label: string;
+    icon: IconProp;
+    href?: string;
+}
+interface TabsProps {
+    variant?: "default" | "underline";
+    color?: "blue" | "aqua";
+    tabs: Tab[];
+    activeTab: string | number;
+    onTabChange: (tab: string | number) => void;
+    direction?: "row" | "col";
+    className?: string;
+    showLabel?: boolean;
+}
+declare const Tabs: ({ variant, color, tabs, activeTab, onTabChange, className, direction, showLabel, }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+export default Tabs;

package/dist/src/components/molecules/Tabs/index.d.ts

@@ -0,0 +1 @@
+export { default as Tabs } from "./Tabs";

package/dist/src/components/molecules/UncontrolledDateInput/UncontrolledDateInput.d.ts

@@ -0,0 +1,10 @@
+export type UncontrolledDateInputProps = {
+    currentDate: Date | null;
+    onDateChange: (date: Date | null) => void;
+    label?: string;
+    placeholder?: string;
+    error?: string;
+    translatedKey: string;
+    showTimeSelector?: boolean;
+};
+export default function UncontrolledDateInput({ currentDate, onDateChange, label, placeholder, error, translatedKey, showTimeSelector, }: UncontrolledDateInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/molecules/UncontrolledDateInput/index.d.ts

@@ -0,0 +1 @@
+export { default as DateInput } from './UncontrolledDateInput';

package/dist/src/components/molecules/index.d.ts

@@ -0,0 +1,10 @@
+export * from "./AlertModal/index";
+export * from "./CalendarSelector/index";
+export * from "./DateInput/index";
+export * from "./DialogModal/index";
+export * from "./Dropdown/index";
+export * from "./FileUpload/index";
+export * from "./FloatingMenu/index";
+export * from "./SearchModal/index";
+export * from "./Stepper/index";
+export * from "./Tabs/index";

package/dist/src/components/organisms/index.d.ts

@@ -0,0 +1 @@
+export declare const Organism = "Alejo";

package/dist/src/constants/countries.d.ts

@@ -0,0 +1,30 @@
+import * as yup from "yup";
+export type Country = {
+    labelES: string;
+    label: string;
+    code: string;
+    codeISO2: string;
+    phone: string;
+};
+export declare const countryValidator: yup.ObjectSchema<{
+    labelES: string;
+    label: string;
+    code: string;
+    codeISO2: string;
+    phone: string;
+}, yup.AnyObject, {
+    labelES: undefined;
+    label: undefined;
+    code: undefined;
+    codeISO2: undefined;
+    phone: undefined;
+}, "">;
+export declare const mxCountry: {
+    labelES: string;
+    label: string;
+    codeISO2: string;
+    code: string;
+    phone: string;
+};
+declare const countries: Country[];
+export default countries;

package/dist/src/index.d.ts

@@ -0,0 +1,6 @@
+import "./index.css";
+export * from "./components/index";
+export * from "./types/index";
+export * from "./utils/index";
+export * from "./providers/index";
+export * from "./themes/index";

package/dist/src/providers/ThemeProvider.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { LawgicTheme } from "../themes";
+import { TFunction } from "../types";
+export interface ThemeProviderProps {
+    theme?: Partial<LawgicTheme>;
+    children: React.ReactNode;
+    t: TFunction;
+}
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export declare const useTheme: () => LawgicTheme;

package/dist/src/providers/index.d.ts

@@ -0,0 +1 @@
+export * from "./ThemeProvider";

package/dist/src/themes/default.d.ts

@@ -0,0 +1,2 @@
+import { LawgicTheme } from "./types";
+export declare const defaultTheme: LawgicTheme;

package/dist/src/themes/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./default";
+export * from "./types";

package/dist/src/themes/types.d.ts

@@ -0,0 +1,6 @@
+import { TFunction } from "../types";
+import { Color } from "../types/styleValues";
+export interface LawgicTheme {
+    defaultColorScheme: Color;
+    t: TFunction;
+}

package/dist/src/types/baseModalProps.d.ts

@@ -0,0 +1,4 @@
+export interface BaseModalProps {
+    open: boolean;
+    onClose: () => void;
+}

package/dist/src/types/display.d.ts

@@ -0,0 +1,2 @@
+type Display = 'mobile' | 'desktop';
+export default Display;

package/dist/src/types/fileInfo.d.ts

@@ -0,0 +1,2 @@
+import { FileStructure } from "legal-cycle-api-types";
+export type FileInfo = Omit<FileStructure, 'uploaded_by' | '_id' | 'uploaded_by' | 'created_at' | 'updated_at'>;

package/dist/src/types/i18n.d.ts

@@ -0,0 +1 @@
+export type TFunction = (key: string, options?: Record<string, unknown>) => string;

package/dist/src/types/index.d.ts

@@ -0,0 +1,9 @@
+export * from './baseModalProps';
+export * from './display';
+export * from './fileInfo';
+export * from './i18n';
+export * from './modal';
+export * from './modalType';
+export * from './navbarOption';
+export * from './sidebarOption';
+export * from './toast';

package/dist/src/types/modal.d.ts

@@ -0,0 +1,31 @@
+import { ModalType } from "./modalType";
+import { CenterModalProps } from "../components/atoms/CenterModal/CenterModal.types";
+import { DialogModalProps } from "../components/molecules/DialogModal/DialogModal.types";
+import { AlertModalProps } from "../components/molecules";
+export interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+}
+export interface ModalOptionsBase {
+    id?: string;
+    onClose?: () => void;
+}
+export interface AlertModalOptions extends ModalOptionsBase {
+    type: "alert";
+    props: Omit<AlertModalProps, "open" | "onClose">;
+}
+export interface CenterModalOptions extends ModalOptionsBase {
+    type: "center";
+    props: Omit<CenterModalProps, "open" | "onClose">;
+}
+export interface DialogModalOptions extends ModalOptionsBase {
+    type: "dialog";
+    props: Omit<DialogModalProps, "open" | "onClose">;
+}
+export type ModalOptions = AlertModalOptions | CenterModalOptions | DialogModalOptions;
+export interface ModalState extends Omit<ModalOptionsBase, "id"> {
+    id: string;
+    open: boolean;
+    type: ModalType;
+    props: AlertModalProps | CenterModalProps | DialogModalProps;
+}

package/dist/src/types/modalType.d.ts

@@ -0,0 +1 @@
+export type ModalType = 'center' | 'alert' | 'dialog';

package/dist/src/types/navbarOption.d.ts

@@ -0,0 +1,7 @@
+import { IconProp } from "@fortawesome/fontawesome-svg-core";
+export interface NavbarOption {
+    label: string;
+    href: string;
+    icon: IconProp;
+    disabled?: boolean;
+}

package/dist/src/types/sidebarOption.d.ts

@@ -0,0 +1,7 @@
+import { IconProp } from "@fortawesome/fontawesome-svg-core";
+export interface SidebarOption {
+    label: string;
+    href: string;
+    icon: IconProp;
+    disabled?: boolean;
+}

package/dist/src/types/styleValues.d.ts

@@ -0,0 +1,4 @@
+export type Color = 'blue' | 'aqua' | 'red' | 'gray';
+export type Variant = 'filled' | 'outline' | 'transparent' | 'invisible';
+export type Size = 'lg' | 'base' | 'md' | 'sm' | 'xs';
+export type Shadow = 'none' | 'blue';