lawgic-dev-kit 0.21.6 → 0.22.2

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" | "base";
+};
+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,22 @@
+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 "./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;

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

@@ -0,0 +1,15 @@
+import { ToastContent, ToastMethods, ToastOptions } from "../types/toast";
+export declare const showToastAsync: (promise: Promise<unknown>, messages: {
+    loading: ToastContent;
+    success: ToastContent;
+    error: ToastContent;
+}, options?: ToastOptions) => void;
+export declare const showToastLoading: (messages: {
+    loading: ToastContent;
+    success: ToastContent;
+    error: ToastContent;
+}, options?: ToastOptions) => {
+    resolve: (value?: unknown) => void;
+    reject: (reason?: unknown) => void;
+};
+export declare const toast: ToastMethods;

package/dist/types/index.d.ts

@@ -7,3 +7,4 @@ export * from './modalType';
 export * from './navbarOption';
 export * from './sidebarOption';
 export * from './toast';
+export * from './stepper';

package/dist/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/types/toast.d.ts

@@ -1,15 +1,18 @@
-export type ToastContent = React.ReactNode;
+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" | "info" | "loading";
+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;
-    info: (content: ToastContent, options?: ToastOptions) => void;
+    notification: (content: ToastContent, options?: ToastOptions) => void;
     loading: (messages: {
         loading: ToastContent;
         success: ToastContent;

package/dist/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/utils/toast.js

@@ -104,17 +104,17 @@ const p = (t, o, e = {}) => {
   });
   return p(n, t, o), {
     resolve: (s) => {
-      typeof s == "string" && (t.success = s), e(s);
+      typeof s == "string" && (t.success = { title: "Success", description: s }), e(s);
     },
     reject: (s) => {
-      typeof s == "string" && (t.error = s), i(s);
+      typeof s == "string" && (t.error = { title: "Error", description: s }), i(s);
     }
   };
 }, F = {
   success: (t, o = {}) => a(t, "success", o),
   error: (t, o = {}) => a(t, "error", o),
   warning: (t, o = {}) => a(t, "warning", o),
-  info: (t, o = {}) => a(t, "info", o),
+  notification: (t, o = {}) => a(t, "notification", o),
   async: (t, o, e = {}) => p(t, o, e),
   loading: (t, o = {}) => b(t, o)
 };

package/dist/vite-env.d.ts

@@ -1 +1 @@
-/// <reference types="vite/client" />
+/// <reference types="vite/client" />

package/dist/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;