lawgic-dev-kit 0.21.6 → 0.22.4

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

@@ -0,0 +1,9 @@
+interface PillsContainerProps {
+    values: {
+        label: string;
+        value: string;
+    }[];
+    onPillRemove: (id: string) => void;
+}
+declare const PillsContainer: ({ values, onPillRemove, }: PillsContainerProps) => React.ReactElement;
+export default PillsContainer;

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

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

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/SideModal/SideModal.d.ts

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

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

@@ -0,0 +1,11 @@
+export interface SideModalProps {
+    open: boolean;
+    onClose: () => void;
+    children?: React.ReactNode;
+    side?: 'left' | 'right';
+    className?: string;
+    backdropClassName?: string;
+    width?: string | number;
+    zIndex?: number;
+    usePortal?: boolean;
+}

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

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

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

@@ -0,0 +1,25 @@
+import React from 'react';
+export type Option = {
+    label: string;
+    value: string | number;
+    dividerBefore?: boolean;
+    colors?: {
+        bgColor?: string;
+        textColor?: string;
+        dotColor?: string;
+    };
+};
+interface SingleSelectDropdownProps {
+    label?: string;
+    options: Option[];
+    selectedValue?: string | number | null;
+    onUpdate: (value: string | number | null) => void;
+    placeholder?: string;
+    allowSearch?: boolean;
+    className?: string;
+    disabled?: boolean;
+    size?: 'sm' | 'md';
+    showRadio?: boolean;
+}
+declare const SingleSelectDropdown: React.FC<SingleSelectDropdownProps>;
+export default SingleSelectDropdown;

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { Color } from "../../../types/styleValues";
+interface StepperColorConfig {
+    focusIconColor: string;
+    completedIconColor: string;
+    pendingIconColor: string;
+    labelColor: string;
+    focusBgColor: string;
+    completedBgColor: string;
+    pendingBgColor: string;
+    lineActiveColor: string;
+    lineGradientFrom: string;
+    lineGradientTo: string;
+}
+export declare const resolveStepperColors: (color: Color) => StepperColorConfig;
+export {};

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,21 @@
+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;
+    labelClassName?: string;
+}
+declare const Tabs: ({ variant, color, tabs, activeTab, onTabChange, className, direction, showLabel, labelClassName, }: 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/Tooltip/Tooltip.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from "react";
+import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+type TooltipLocation = 'top' | 'bottom' | 'left' | 'right';
+interface TooltipProps {
+    text: string;
+    children: ReactNode;
+    icon?: IconDefinition;
+    location?: TooltipLocation;
+    childClassName?: string;
+}
+/**
+ * Smart Tooltip Component
+ * * Automatically detects if the children's text is truncated.
+ * The tooltip bubble only appears if the content overflows its container.
+ * * Usage Note:
+ * By default, it truncates based on the parent's width. To truncate earlier,
+ * pass a specific width class to `childClassName` (e.g., `max-w-[200px]`).
+ */
+declare const Tooltip: ({ text, children, icon, location, childClassName }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export default Tooltip;

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

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

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

@@ -0,0 +1,16 @@
+export type UncontrolledDateInputProps = {
+    currentDate: Date | null;
+    onDateChange: (date: Date | null) => void;
+    label?: string;
+    placeholder?: string;
+    error?: string;
+    translatedKey: string;
+    futureDates?: boolean;
+    pastDates?: boolean;
+    showTimeSelector?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    customDisplay?: React.ReactNode;
+    size?: "sm" | "md";
+};
+export default function UncontrolledDateInput({ currentDate, onDateChange, label, placeholder, error, translatedKey, showTimeSelector, futureDates, pastDates, minDate, maxDate, customDisplay, size, }: UncontrolledDateInputProps): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,23 @@
+export * from "./AlertModal";
+export * from "./CalendarSelector";
+export * from "./CalendarSelector";
+export * from "./CalendarSelector";
+export * from "./DateInput";
+export * from "./DialogModal";
+export * from "./Dropdown";
+export * from "./FileUpload";
+export * from "./FloatingMenu";
+export * from "./IndexedStepper";
+export * from "./InformationContainer";
+export * from "./SearchModal";
+export * from "./Stepper";
+export * from "./Tabs";
+export * from "./UncontrolledDateInput";
+export * from "./AutocompleteInput";
+export * from "./PillsContainer";
+export * from "./SideModal";
+export * from "./FiltersMenu";
+export * from "./MultiSelectDropdown";
+export * from "./SingleSelectDropdown";
+export * from "./EmptyState";
+export * from "./Tooltip";

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/contexts/index.d.ts

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

package/dist/src/contexts/themeContext.d.ts

@@ -0,0 +1,3 @@
+import { LawgicTheme } from "../themes";
+declare const ThemeContext: import("react").Context<LawgicTheme>;
+export default ThemeContext;

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

@@ -0,0 +1,2 @@
+export * from "./useTheme";
+export * from "./useFilterToggler";

package/dist/src/hooks/useFilterToggler.d.ts

@@ -0,0 +1,5 @@
+import { FilterFn, FilterControl } from "../types/filters";
+export declare function useFilterToggler<T>(arr: T[], methods: Record<keyof T | string, FilterFn<T>> | "date" | "search"): {
+    data: T[];
+    filterControl: FilterControl<T>;
+};

package/dist/src/hooks/useTheme.d.ts

@@ -0,0 +1 @@
+export declare const useTheme: () => import("..").LawgicTheme;

package/dist/src/index.d.ts

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

package/dist/src/lab/Laboratory.d.ts

@@ -0,0 +1,2 @@
+declare const Laboratory: () => import("react/jsx-runtime").JSX.Element;
+export default Laboratory;

package/dist/src/lab/LaboratoryLayout.d.ts

@@ -0,0 +1,5 @@
+import '../index.css';
+declare const LaboratoryLayout: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default LaboratoryLayout;

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

@@ -0,0 +1 @@
+import "../index.css";

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

@@ -0,0 +1,7 @@
+import React from "react";
+import { LawgicTheme } from "../themes";
+export interface ThemeProviderProps {
+    theme?: Partial<LawgicTheme>;
+    children: React.ReactNode;
+}
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;

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/cycles.d.ts

@@ -0,0 +1,103 @@
+import { FileStructure } from "legal-cycle-api-types";
+export type CycleEventLabel = "registration_requested" | "registration_granted" | "use_statement_due" | "renewal_due";
+export interface CycleEvent {
+    _id: string;
+    label: CycleEventLabel;
+    start_date: Date | string;
+    end_date: Date | string;
+}
+export interface CycleClient {
+    name: string;
+    address: string;
+    country: string;
+}
+export interface CycleMember {
+    _id: string;
+    email: string;
+    accepted: boolean;
+}
+export interface Cycle {
+    _id: string;
+    name: string;
+    country: string;
+    client?: CycleClient;
+    members: CycleMember[];
+    classes?: {
+        code: string;
+        description: string;
+    }[];
+    expedient_number: string;
+    logo_url?: string;
+    files: (string | FileStructure)[];
+    gaceta_files: (string | FileStructure)[];
+    events: CycleEvent[];
+    created_by: string;
+    created_at: Date;
+    updated_at: Date;
+}
+export type ViewMode = "week" | "month" | "year" | "lustrum" | "decade";
+export interface TimeDivision {
+    label: string;
+    subLabel: string;
+    date: Date;
+    key: string;
+}
+export interface CycleTimelineRowProps {
+    cycle: Cycle;
+    startDate: Date;
+    endDate: Date;
+    hoveredRowIndex: number | null;
+    index: number;
+    bottomBorder: boolean;
+    onRowHover: (index: number) => void;
+    onRowLeave: () => void;
+    onOverlayFocus: () => void;
+    currentViewMode: string;
+    timelineWidth: number;
+    getDivisionWidth: () => number;
+    onScrollY: (scrollEvent: WheelEvent) => void;
+}
+export interface ScrollInfo {
+    scrollLeft: number;
+    scrollWidth: number;
+    clientWidth: number;
+    rightEdgeDistance: number;
+}
+export interface RangeUpdateResult {
+    range: {
+        start: Date;
+        end: Date;
+    };
+    preserveScrollPosition: boolean;
+    addedWidth?: number;
+}
+export interface CycleTimelineProps {
+    cycles: Cycle[];
+    viewMode?: ViewMode;
+}
+export interface JobStructure<T = {
+    lawyer_name: string;
+}> {
+    _id: string;
+    type: "lawyer_scraping" | "expedient_analysis" | "client_scraping";
+    status: "pending" | "processing" | "completed" | "failed";
+    notified: boolean;
+    progress: {
+        total: number;
+        currentStep: string;
+        percentage: number;
+        expedients_to_analyze: {
+            status: "pending" | "processing" | "completed" | "failed";
+            name: string;
+        }[];
+    };
+    created_by: string;
+    params: T;
+    error?: string;
+    createdAt: Date;
+    updatedAt: Date;
+}
+export type Option = {
+    label: string;
+    value: unknown;
+};

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/filters.d.ts

@@ -0,0 +1,22 @@
+import { IconProp } from "@fortawesome/fontawesome-svg-core";
+export type FilterFn<T> = (value: unknown, item: T) => boolean;
+export interface SelectOption {
+    label: string;
+    value: string | number;
+}
+export interface Filter<T> {
+    key: keyof T;
+    value: unknown;
+    label: string;
+    type: "text" | "date" | "select";
+    icon?: IconProp;
+    fn: FilterFn<T>;
+    options?: SelectOption[];
+}
+export interface FilterControl<T> {
+    addFilter: ({ key, value, label, type, icon, options, }: Omit<Filter<T>, "fn">) => void;
+    updateFilter: ({ key, value, }: Omit<Filter<T>, "icon" | "fn" | "options">) => void;
+    removeFilter: ({ key }: Pick<Filter<T>, "key">) => void;
+    clearFilters: () => void;
+    activeFilters: Omit<Filter<T>, "fn">[];
+}

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,10 @@
+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';
+export * from './stepper';

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

@@ -0,0 +1,34 @@
+import { ReactElement } from "react";
+import { CenterModalProps } from "../components/atoms/CenterModal/CenterModal.types";
+import { AlertModalProps } from "../components/molecules";
+import { DialogModalProps } from "../components/molecules/DialogModal/DialogModal.types";
+import { ModalType } from "./modalType";
+export interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    showCloseButton?: boolean;
+}
+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 | Record<string, any>;
+    component?: (open: boolean, onClose: () => void) => ReactElement;
+}

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

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

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/stepper.d.ts

@@ -0,0 +1,23 @@
+import { Color } from "../types/styleValues";
+export type Step = {
+    id: string;
+    label?: string;
+    disabled?: boolean;
+};
+export type StepStatus = 'pending' | 'active' | 'completed' | 'disabled';
+export type StepOrientation = 'horizontal' | 'vertical';
+export interface StepProps {
+    status: "pending" | "focus" | "done";
+    label?: string;
+    shouldAnimate: boolean;
+    color: Color;
+    index: number;
+}
+export interface StepperProps {
+    steps: {
+        label?: string;
+        completed: boolean;
+    }[];
+    direction?: "horizontal" | "vertical";
+    color?: Color;
+}

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';

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

@@ -0,0 +1,29 @@
+export type ToastContent = {
+    title: string;
+    description?: string;
+};
+export type ToastPosition = "top-left" | "top-right" | "top-center" | "bottom-left" | "bottom-right" | "bottom-center";
+export interface ToastOptions {
+    duration?: number;
+    position?: ToastPosition;
+}
+export type ToastType = "success" | "error" | "warning" | "notification" | "loading";
+export interface ToastMethods {
+    success: (content: ToastContent, options?: ToastOptions) => void;
+    error: (content: ToastContent, options?: ToastOptions) => void;
+    warning: (content: ToastContent, options?: ToastOptions) => void;
+    notification: (content: ToastContent, options?: ToastOptions) => void;
+    loading: (messages: {
+        loading: ToastContent;
+        success: ToastContent;
+        error: ToastContent;
+    }, options?: ToastOptions) => {
+        resolve: (value?: unknown) => void;
+        reject: (reason?: unknown) => void;
+    };
+    async: (promise: Promise<unknown>, messages: {
+        loading: ToastContent;
+        success: ToastContent;
+        error: ToastContent;
+    }, options?: ToastOptions) => void;
+}

package/dist/src/utils/cycles.d.ts

@@ -0,0 +1,2 @@
+import { CycleEvent } from "@/types/cycles";
+export declare const isCycleExpired: (events: CycleEvent[]) => boolean;

package/dist/src/utils/dates.d.ts

@@ -0,0 +1 @@
+export declare const formatLocalizedDate: (date: Date | string, dateFormat?: string, language?: "es" | "en") => string;

package/dist/src/utils/files.d.ts

@@ -0,0 +1,8 @@
+export declare const toBase64: (file: File) => Promise<string>;
+/**
+ * Convierte un valor en bytes a la unidad de medida especificada
+ * @param bytes Número de bytes a convertir
+ * @param measureSize Unidad de medida deseada ('b', 'kb', 'mb', 'gb', 'tb', 'pb')
+ * @returns Cadena formateada con el valor convertido y la unidad
+ */
+export declare function translateBytes(bytes: number, measureSize: "b" | "kb" | "mb" | "gb" | "tb" | "pb"): string;

package/dist/src/utils/images.d.ts

@@ -0,0 +1 @@
+export declare const getImageUrl: (imageName: string) => string;

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

@@ -0,0 +1,7 @@
+export * from './dates';
+export * from './files';
+export * from './images';
+export * from './modal';
+export * from './renderContentOptions';
+export * from './strings';
+export * from './toast';

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

@@ -0,0 +1,13 @@
+import { ReactElement } from "react";
+import { ModalOptions } from "../types";
+declare global {
+    interface Window {
+        openModal?: (options: ModalOptions) => void;
+        closeModal?: (id: string) => void;
+        openCustomModal?: (component: (open: boolean, onClose: () => void) => ReactElement) => void;
+    }
+}
+export declare const ModalContainer: () => import("react/jsx-runtime").JSX.Element;
+export declare function openModal(options: ModalOptions): void;
+export declare function openCustomModal(component: (open: boolean, onClose: () => void) => ReactElement): void;
+export declare function closeModal(id: string): void;

package/dist/src/utils/renderContentOptions.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode } from "react";
+import React from "react";
+export declare function renderTabContent<T extends string>(activeTab: T, contentMap: Record<T, ReactNode | React.FC>, contentProps?: Record<string, unknown>): ReactNode;

package/dist/src/utils/stepper.d.ts

@@ -0,0 +1,2 @@
+import { Step, StepStatus } from '../types';
+export declare const getStepStatus: (steps: Step[], stepId: string, currentStepId: string) => StepStatus;

package/dist/src/utils/strings.d.ts

@@ -0,0 +1,2 @@
+export declare const capitalizeFirstLetter: (string: string) => string;
+export declare const stringToColor: (string: string) => string;