@redi.run/redi-components 0.0.20 → 0.0.22

package/dist/{components/AdvancedTable/types.d.ts → index.d.ts}

@@ -1,83 +1,122 @@
-export interface Column<T = any> {
-    id: string;
-    label: string;
-    accessor: keyof T | ((row: T) => any);
-    sortable?: boolean;
-    filterable?: boolean;
-    width?: number;
-    minWidth?: number;
-    align?: 'left' | 'center' | 'right';
-    render?: (value: any, row: T, index: number) => React.ReactNode;
-    hidden?: boolean;
-}
-export interface SortConfig {
-    column: string;
-    direction: 'asc' | 'desc';
-}
-export interface FilterConfig {
-    [columnId: string]: {
-        type: 'text' | 'select' | 'multiselect';
-        value: string | string[];
-        textValue?: string;
-        options?: string[];
-    };
-}
-export interface PaginationConfig {
-    page: number;
-    pageSize: number;
-    total: number;
-}
-export interface TableConfig {
-    columns: Column[];
-    sort?: SortConfig;
-    filters: FilterConfig;
-    pagination: PaginationConfig;
-    columnOrder: string[];
-    hiddenColumns: string[];
-}
-export interface LabelsProps {
-    configuration?: string;
-    columnVisibility?: string;
-    clearAllFilters?: string;
-    pagination?: {
-        showingItems: string;
-        to: string;
-        of: string;
-        items: string;
-        showPerPage?: string;
-        perPageItems?: string;
-    };
-}
-export interface AdvancedTableProps<T = any> {
-    data: T[];
-    columns: Column<T>[];
-    defaultSort?: SortConfig;
-    defaultFilters?: FilterConfig;
-    defaultPageSize?: number;
-    pageSizeOptions?: number[];
-    enableSorting?: boolean;
-    enableFiltering?: boolean;
-    enablePagination?: boolean;
-    enableColumnReordering?: boolean;
-    enableExport?: boolean;
-    persistConfig?: boolean;
-    configKey?: string;
-    onRowClick?: (row: T, index: number) => void;
-    onConfigChange?: (config: TableConfig) => void;
-    className?: string;
-    loading?: boolean;
-    emptyMessage?: string;
-    exportFileName?: string;
-    labels?: LabelsProps;
-}
-export interface TableState<T = any> {
-    data: T[];
-    filteredData: T[];
-    paginatedData: T[];
-    sortConfig: SortConfig | undefined;
-    filters: FilterConfig;
-    pagination: PaginationConfig;
-    columnOrder: string[];
-    hiddenColumns: string[];
-    loading: boolean;
-}
+import { JSX } from 'react/jsx-runtime';
+
+export declare const AdvancedTable: <T extends Record<string, unknown>>({ data, columns, defaultSort, defaultFilters, defaultPageSize, pageSizeOptions, enableSorting, enableFiltering, enablePagination, enableExport, persistConfig, configKey, className, labels, }: AdvancedTableProps<T>) => JSX.Element;
+
+export declare interface AdvancedTableProps<T = any> {
+    data: T[];
+    columns: Column<T>[];
+    defaultSort?: SortConfig;
+    defaultFilters?: FilterConfig;
+    defaultPageSize?: number;
+    pageSizeOptions?: number[];
+    enableSorting?: boolean;
+    enableFiltering?: boolean;
+    enablePagination?: boolean;
+    enableColumnReordering?: boolean;
+    enableExport?: boolean;
+    persistConfig?: boolean;
+    configKey?: string;
+    onRowClick?: (row: T, index: number) => void;
+    onConfigChange?: (config: TableConfig) => void;
+    className?: string;
+    loading?: boolean;
+    emptyMessage?: string;
+    exportFileName?: string;
+    labels?: LabelsProps;
+}
+
+/** Primary UI component for user interaction */
+export declare const Button: ({ level, size, type, posIcon, disabled, label, icon, children, ...props }: ButtonProps) => JSX.Element;
+
+export declare type ButtonLevel = 'primary' | 'secondary' | 'tertiary' | 'link' | 'icon';
+
+export declare interface ButtonProps {
+    level?: ButtonLevel;
+    color?: string;
+    backgroundColor?: string;
+    size?: 'small' | 'medium' | 'large';
+    type?: 'button' | 'submit' | 'reset';
+    label?: string;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    icon?: React.ReactNode;
+    posIcon?: 'left' | 'right';
+    disabled?: boolean;
+    children?: React.ReactNode;
+}
+
+export declare interface Column<T = any> {
+    id: string;
+    label: string;
+    accessor: keyof T | ((row: T) => any);
+    sortable?: boolean;
+    filterable?: boolean;
+    width?: number;
+    minWidth?: number;
+    align?: 'left' | 'center' | 'right';
+    render?: (value: any, row: T, index: number) => React.ReactNode;
+    hidden?: boolean;
+}
+
+export declare interface FilterConfig {
+    [columnId: string]: {
+        type: 'text' | 'select' | 'multiselect';
+        value: string | string[];
+        textValue?: string;
+        options?: string[];
+    };
+}
+
+export declare interface IconsProps {
+    color?: string;
+    size?: number;
+    width?: number;
+    height?: number;
+}
+
+export declare interface LabelsProps {
+    configuration?: string;
+    columnVisibility?: string;
+    clearAllFilters?: string;
+    pagination?: {
+        showingItems: string;
+        to: string;
+        of: string;
+        items: string;
+        showPerPage?: string;
+        perPageItems?: string;
+    };
+}
+
+export declare interface PaginationConfig {
+    page: number;
+    pageSize: number;
+    total: number;
+}
+
+export declare interface SortConfig {
+    column: string;
+    direction: 'asc' | 'desc';
+}
+
+export declare interface TableConfig {
+    columns: Column[];
+    sort?: SortConfig;
+    filters: FilterConfig;
+    pagination: PaginationConfig;
+    columnOrder: string[];
+    hiddenColumns: string[];
+}
+
+export declare interface TableState<T = any> {
+    data: T[];
+    filteredData: T[];
+    paginatedData: T[];
+    sortConfig: SortConfig | undefined;
+    filters: FilterConfig;
+    pagination: PaginationConfig;
+    columnOrder: string[];
+    hiddenColumns: string[];
+    loading: boolean;
+}
+
+export { }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@redi.run/redi-components",
   "description": "This project was created to define the style of the UI and improve the UX in all projects from REDI",
-  "version": "0.0.20",
+  "version": "0.0.22",
   "type": "module",
   "author": {
     "name": "Jonathan Manchego Sosa",
@@ -29,10 +29,12 @@
   "files": [
     "dist"
   ],
+  "types": "./dist/index.d.ts",
   "main": "./dist/redi-components.umd.cjs",
   "module": "./dist/redi-components.js",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/redi-components.js",
       "require": "./dist/redi-components.umd.cjs"
     },

package/dist/components/AdvancedTable/AdvancedFilter.d.ts

@@ -1,18 +0,0 @@
-export interface FilterOption {
-    value: string;
-    count: number;
-    label: string;
-}
-interface AdvancedFilterProps {
-    color?: string;
-    columnId: string;
-    label: string;
-    options: FilterOption[];
-    textValue: string;
-    selectedValues: string[];
-    onTextChange: (value: string) => void;
-    onSelectionChange: (values: string[]) => void;
-    onClose: () => void;
-}
-declare const AdvancedFilter: React.FC<AdvancedFilterProps>;
-export default AdvancedFilter;

package/dist/components/AdvancedTable/AdvancedTable.d.ts

@@ -1,3 +0,0 @@
-import { AdvancedTableProps } from './types';
-declare const AdvancedTable: <T extends Record<string, unknown>>({ data, columns, defaultSort, defaultFilters, defaultPageSize, pageSizeOptions, enableSorting, enableFiltering, enablePagination, enableExport, persistConfig, configKey, className, labels, }: AdvancedTableProps<T>) => import("react/jsx-runtime").JSX.Element;
-export default AdvancedTable;

package/dist/components/AdvancedTable/AdvancedTable.stories.d.ts

@@ -1,16 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    args: {
-        onRowClick: import('@vitest/spy').Mock<(...args: any[]) => any>;
-        onConfigChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
-    };
-    component: <T extends Record<string, unknown>>({ data, columns, defaultSort, defaultFilters, defaultPageSize, pageSizeOptions, enableSorting, enableFiltering, enablePagination, enableExport, persistConfig, configKey, className, labels, }: import('./types').AdvancedTableProps<T>) => import("react/jsx-runtime").JSX.Element;
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/dist/components/AdvancedTable/FilterDropdown.d.ts

@@ -1,9 +0,0 @@
-interface FilterDropdownProps {
-    label: string;
-    options: string[];
-    selectedValues: string[];
-    onSelectionChange: (values: string[]) => void;
-    placeholder?: string;
-}
-declare const FilterDropdown: React.FC<FilterDropdownProps>;
-export default FilterDropdown;

package/dist/components/AdvancedTable/hooks/useAdvancedTable.d.ts

@@ -1,15 +0,0 @@
-import { AdvancedTableProps, Column, TableState } from '../types';
-export declare const useAdvancedTable: <T>(props: AdvancedTableProps<T>) => {
-    state: TableState<T>;
-    orderedColumns: Column<T>[];
-    pageSizeOptions: number[];
-    handleSort: (columnId: string) => void;
-    handleFilter: (columnId: string, filterValue: string | string[], filterType?: "text" | "select" | "multiselect") => void;
-    clearFilter: (columnId: string) => void;
-    clearAllFilters: () => void;
-    handlePageChange: (page: number) => void;
-    handlePageSizeChange: (pageSize: number) => void;
-    handleColumnReorder: (newOrder: string[]) => void;
-    handleToggleColumn: (columnId: string) => void;
-    allColumns: Column<T>[];
-};

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

@@ -1,2 +0,0 @@
-export { default } from './AdvancedTable';
-export * from './types';

package/dist/components/Button/Button.d.ts

@@ -1,4 +0,0 @@
-import { ButtonProps } from './types';
-/** Primary UI component for user interaction */
-declare const Button: ({ level, size, type, posIcon, disabled, label, icon, children, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default Button;

package/dist/components/Button/Button.stories.d.ts

@@ -1,19 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: ({ level, size, type, posIcon, disabled, label, icon, children, ...props }: import('./types').ButtonProps) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    args: {
-        onClick: import('@vitest/spy').Mock<(...args: any[]) => any>;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const ButtonPrimary: Story;
-export declare const ButtonSecondary: Story;
-export declare const ButtonTertiary: Story;
-export declare const ButtonLink: Story;
-export declare const ButtonIcon: Story;

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

@@ -1,2 +0,0 @@
-export { default } from './Button';
-export * from './types';

package/dist/components/Button/types.d.ts

@@ -1,20 +0,0 @@
-export type ButtonLevel = 'primary' | 'secondary' | 'tertiary' | 'link' | 'icon';
-export interface ButtonProps {
-    level?: ButtonLevel;
-    color?: string;
-    backgroundColor?: string;
-    size?: 'small' | 'medium' | 'large';
-    type?: 'button' | 'submit' | 'reset';
-    label?: string;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    icon?: React.ReactNode;
-    posIcon?: 'left' | 'right';
-    disabled?: boolean;
-    children?: React.ReactNode;
-}
-export interface IconsProps {
-    color?: string;
-    size?: number;
-    width?: number;
-    height?: number;
-}

package/dist/components/forms/Input/Input.d.ts

@@ -1,3 +0,0 @@
-import { RediInputProps } from './types';
-declare const RediInput: ({ placeholder, value, onChange }: RediInputProps) => import("react/jsx-runtime").JSX.Element;
-export default RediInput;

package/dist/components/forms/Input/Input.stories.d.ts

@@ -1,12 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: ({ placeholder, value, onChange }: import('./types').RediInputProps) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const InputDefault: Story;

package/dist/components/forms/Input/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './Input';
-export * from './types';

package/dist/components/forms/Input/types.d.ts

@@ -1,10 +0,0 @@
-export type InputType = 'text' | 'password' | 'email' | 'number' | 'phone';
-export interface RediInputProps {
-    value: string;
-    onChange: (value: string) => void;
-    placeholder?: string;
-    disabled?: boolean;
-    error?: string;
-    hint?: string;
-    type?: InputType;
-}

package/dist/icons/CloseIcon.d.ts

@@ -1,2 +0,0 @@
-import { IconsProps } from '../components/Button';
-export declare const CloseIcon: ({ color, size }: IconsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/icons/DownloadIcon.d.ts

@@ -1,2 +0,0 @@
-import { IconsProps } from '../components/Button';
-export declare const DownloadIcon: ({ color, size }: IconsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/icons/EyeIcon.d.ts

@@ -1,2 +0,0 @@
-import { IconsProps } from '../components/Button';
-export declare const EyeIcon: ({ color, size }: IconsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/icons/FilterIcon.d.ts

@@ -1,2 +0,0 @@
-import { IconsProps } from '../components/Button';
-export declare const FilterIcon: ({ color, size }: IconsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/icons/YinYanIcon.d.ts

@@ -1,2 +0,0 @@
-import { IconsProps } from '../components/Button';
-export declare const YinYanIcon: ({ color, size }: IconsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/main.d.ts

@@ -1,2 +0,0 @@
-export { default as AdvancedTable } from './components/AdvancedTable';
-export { default as Button } from './components/Button';

package/dist/mocks/AdvancedTable.d.ts

@@ -1,16 +0,0 @@
-import { Column } from '../components/AdvancedTable';
-export interface Contract extends Record<string, unknown> {
-    id: string;
-    contractNumber: string;
-    property: string;
-    responsible: string;
-    createdBy: string;
-    openingDate: string;
-    type: string;
-    subtype: string;
-    status: string;
-    province: string;
-    population: string;
-}
-export declare const sampleData: Contract[];
-export declare const columns: Column<Contract>[];

package/dist/utils/exportUtils.d.ts

@@ -1 +0,0 @@
-export declare const formatCellValue: <T>(value: T) => string;