@acvl/frontend-components 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,441 @@
+import * as _mui_material from '@mui/material';
+import { ButtonProps, ButtonGroupProps, AlertProps, AutocompleteProps, SliderProps, SwitchProps, BoxProps, MenuProps } from '@mui/material';
+import * as React from 'react';
+import React__default, { ReactNode, RefObject, Dispatch } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { GridRowId, GridRowSelectionModel, GridRenderEditCellParams, GridRowModesModel } from '@mui/x-data-grid';
+import { DataGridProps, GridBaseColDef } from '@mui/x-data-grid/internals';
+import * as zod_v4_core from 'zod/v4/core';
+import * as zod from 'zod';
+import { coerce } from 'zod';
+import { NumericFormatProps } from 'react-number-format';
+import { TextFieldProps } from '@mui/material/TextField';
+export { default as dayjs } from 'dayjs';
+import * as _emotion_styled from '@emotion/styled';
+import * as _mui_system from '@mui/system';
+
+interface NormalOrIconProps {
+    buttonProps: ButtonProps;
+    type?: 'button' | 'icon';
+}
+declare const NormalOrIcon: React__default.FC<NormalOrIconProps>;
+
+interface EditButtonProps {
+    navigate: any;
+}
+declare const EditButton: (props: EditButtonProps) => react_jsx_runtime.JSX.Element;
+
+interface DeleteConfirmationDialogProps {
+    mutation: any;
+    open: boolean;
+    handleClose: () => void;
+    id?: GridRowId;
+    disableNavBack?: boolean;
+}
+declare const DeleteConfirmationDialog: (props: DeleteConfirmationDialogProps) => react_jsx_runtime.JSX.Element;
+
+type DeleteButtonProps = Omit<DeleteConfirmationDialogProps, 'open' | 'handleClose'>;
+declare const DeleteButton: (props: DeleteButtonProps) => react_jsx_runtime.JSX.Element;
+
+interface SaveCancelButtonProps {
+    slotProps?: {
+        buttonGroup?: Partial<ButtonGroupProps>;
+        saveBtn?: Partial<ButtonProps>;
+        cancelBtn?: Partial<ButtonProps>;
+    };
+}
+declare const SaveCancelButton: (props: SaveCancelButtonProps) => react_jsx_runtime.JSX.Element;
+
+interface CreateButtonBaseProps {
+    open?: boolean;
+    handleClick: () => void;
+    buttonProps?: Partial<ButtonProps>;
+}
+declare const CreateButtonBase: React__default.FC<CreateButtonBaseProps>;
+
+interface CSVMenuOptionProps {
+    endpoint: string;
+    title?: string;
+    custom?: string;
+}
+interface CreateButtonWithMenuOptionsProps {
+    permission: string;
+    csv_upload?: {
+        enable: boolean;
+        extraOptions?: CSVMenuOptionProps[];
+    };
+    pathname: string;
+    navigate: any;
+}
+declare const CreateButtonWithMenuOptions: React__default.FC<CreateButtonWithMenuOptionsProps>;
+
+interface StatusBadgeProps {
+    severity?: AlertProps['severity'];
+    title: string;
+}
+declare const StatusBadge: React__default.FC<StatusBadgeProps>;
+
+interface CoverPageCardProps$1 {
+    title: string;
+    description?: string;
+    permission: string;
+    url: string;
+    icon: ReactNode;
+}
+declare const ModuleCard: React__default.FC<CoverPageCardProps$1>;
+
+type PageType = 'detail' | 'list' | 'edit' | 'create';
+interface ComoOpcionesProps {
+    endpoint: string;
+    filters?: any;
+    variation?: string;
+}
+
+interface GridColDefPropsOverrides extends GridBaseColDef {
+    extra?: {
+        queryArgs?: ComoOpcionesProps;
+        options?: {
+            value: any;
+            label: string;
+        }[];
+        max?: number;
+    };
+    input?: any;
+    filterName?: string;
+}
+interface MyGridFilterModel {
+    items: {
+        [key: string]: any;
+    };
+    quickFilterValues?: string;
+}
+interface MyDataGridProps extends DataGridProps {
+    initialState?: DataGridProps['initialState'] & {
+        filters?: {
+            filterModel: MyGridFilterModel;
+        };
+    };
+    rowSelectionExtraFunction?: (selection: GridRowSelectionModel) => void;
+}
+
+interface EditGridAPIProps {
+    mutation: any;
+    disabled?: boolean;
+    options?: {
+        [key: string]: unknown[] | undefined;
+    };
+    parser?: {
+        [key: string]: {
+            ignore?: boolean;
+            format?: string;
+        };
+    };
+    dnd?: {
+        field: string;
+        args?: {
+            [key: string]: any;
+        };
+    };
+}
+
+interface BaseGridProps {
+    pathname: string;
+    navigate: any;
+    dataGridProps: Partial<MyDataGridProps>;
+    api: {
+        data: {
+            query: any;
+            args?: any;
+            protectFilters?: string[];
+            options?: {
+                [k: string]: any;
+            };
+        };
+        edit?: EditGridAPIProps;
+        delete?: {
+            mutation: any;
+        };
+    };
+    slotProps?: {
+        navigation?: string;
+        tab?: string;
+        loading?: boolean[];
+        columnsFilter?: string;
+        filtersRef?: RefObject<MyGridFilterModel | null>;
+        dontSaveState?: boolean;
+    };
+    ref?: RefObject<any>;
+}
+declare const Base: React__default.FC<BaseGridProps>;
+
+interface ActiveCellProps {
+    value?: boolean;
+}
+declare const ActiveCell: React__default.FC<ActiveCellProps>;
+
+declare function renderEditCellWithErrorTooltip(params: GridRenderEditCellParams, mutationErrors: any, path?: string): react_jsx_runtime.JSX.Element;
+
+declare const MyGridEditSingleSelect: React__default.FC<GridRenderEditCellParams>;
+
+interface EditGridColumnsProps {
+    displayEdit?: boolean;
+    rowModesModel: GridRowModesModel;
+    setRowModesModel: Dispatch<any>;
+    mutationErrors?: any;
+    options?: {
+        [key: string]: unknown[];
+    };
+}
+declare const editColumn: (props: EditGridColumnsProps) => GridColDefPropsOverrides[];
+
+interface DeleteGridColumnsProps {
+    displayDelete?: boolean;
+    handleOpen: (id: GridRowId) => () => void;
+}
+declare const deleteColumn: (props: DeleteGridColumnsProps) => GridColDefPropsOverrides[];
+
+interface JSONParserProps {
+    [key: string]: {
+        ignore?: boolean;
+        format?: string;
+        extra_validation?: (value: any) => boolean;
+        alter_key?: (key: string) => string;
+    };
+}
+interface JSONFormProps {
+    submitData: any;
+    data?: any;
+    useLabel?: boolean;
+    props?: JSONParserProps;
+}
+declare const jsonForm: ({ submitData, data, useLabel, props }: JSONFormProps) => any;
+declare const formDataForm: (object: any) => FormData;
+declare const setErrors: (form: any, error: any) => void;
+
+declare const valueLabel: zod.ZodObject<{
+    value: coerce.ZodCoercedString<unknown>;
+    label: zod.ZodString;
+}, zod_v4_core.$strip>;
+
+interface CSVUploadProps {
+    postAction?: (response: any) => void;
+    open: boolean;
+    drawerToggle: () => void;
+    data?: CSVMenuOptionProps;
+}
+declare const CSVUpload: React__default.FC<CSVUploadProps>;
+
+interface BaseControlledFieldProps {
+    name: string;
+    label?: string;
+    control: any;
+}
+
+interface ControlledDateProps extends BaseControlledFieldProps {
+    fieldProps?: any;
+    extraProps: {
+        type: 'date' | 'datetime' | 'range';
+        disableHT?: boolean;
+    };
+}
+declare const ControlledDate: React__default.FC<ControlledDateProps>;
+
+interface ControlledDropdownProps extends BaseControlledFieldProps {
+    fieldProps?: Partial<AutocompleteProps<any, any, any, any>>;
+    extraProps: {
+        queryArgs?: ComoOpcionesProps;
+        options?: {
+            value: any;
+            label: string;
+        }[];
+        disableHT?: boolean;
+    };
+}
+declare const ControlledDropdown: React__default.FC<ControlledDropdownProps>;
+
+interface Props$1 {
+    name: string;
+    control: any;
+    setValid: (value: boolean) => void;
+    csvProps: any;
+}
+declare const FileUploadBox: (props: Props$1) => react_jsx_runtime.JSX.Element;
+
+interface ControlledNumberProps extends BaseControlledFieldProps {
+    fieldProps?: Partial<NumericFormatProps<any>>;
+}
+declare const ControlledNumber: React__default.FC<ControlledNumberProps>;
+
+interface ControlledPhoneNumberProps extends BaseControlledFieldProps {
+    fieldProps?: any;
+    extraProps?: null;
+}
+declare const ControlledPhoneNumber: React__default.FC<ControlledPhoneNumberProps>;
+
+interface ControlledSelectProps extends BaseControlledFieldProps {
+    fieldProps?: Partial<AutocompleteProps<any, any, any, any>>;
+    extraProps: {
+        queryArgs?: ComoOpcionesProps;
+        options?: {
+            value: any;
+            label: string;
+        }[];
+    };
+}
+declare const ControlledSelect: React__default.FC<ControlledSelectProps>;
+
+interface ControlledSliderProps extends BaseControlledFieldProps {
+    fieldProps?: Partial<SliderProps>;
+    extraProps?: {
+        getValue: any;
+        setValue: any;
+    };
+}
+declare const ControlledSlider: React__default.FC<ControlledSliderProps>;
+
+interface ControlledSwitchProps extends BaseControlledFieldProps {
+    fieldProps?: SwitchProps;
+}
+declare const ControlledSwitch: React__default.FC<ControlledSwitchProps>;
+
+interface ControlledTextProps extends BaseControlledFieldProps {
+    fieldProps?: TextFieldProps;
+    extraProps?: {
+        password?: boolean;
+    };
+}
+declare const ControlledText: React__default.FC<ControlledTextProps>;
+
+interface ControlledToggleButtonsProps extends BaseControlledFieldProps {
+    fieldProps?: SwitchProps;
+    extraProps: {
+        options: {
+            value: string;
+            icon: ReactNode;
+        }[];
+    };
+}
+declare const ControlledToggleButtons: React__default.FC<ControlledToggleButtonsProps>;
+
+interface UncontrolledTextProps {
+    name: string;
+    label: string;
+    password?: boolean;
+    textFieldProps?: TextFieldProps;
+}
+declare const UncontrolledText: React__default.FC<UncontrolledTextProps>;
+
+interface CoverPageCardProps {
+    title: string;
+    description?: string;
+    permission: string;
+    url: string;
+    icon: ReactNode;
+}
+interface CoverPageProps {
+    permission: string;
+    permissions: {
+        [key: string]: any;
+    };
+    cards: CoverPageCardProps[];
+}
+declare const CoverPage: React__default.FC<CoverPageProps>;
+
+/**
+ * Muestra animación de cargado hasta arriba de la página
+**/
+declare const Loadable: (Component: any) => (props: any) => react_jsx_runtime.JSX.Element;
+
+interface LoadingComponentProps {
+    height: string | number;
+    children: ReactNode;
+    isLoading?: boolean;
+}
+declare const LoadingComponent: React__default.FC<LoadingComponentProps>;
+
+/**
+ * Muestra el logo de la empresa
+**/
+declare const Logo: () => react_jsx_runtime.JSX.Element;
+
+interface MyTab {
+    value: string;
+    label: string;
+    icon?: ReactNode;
+    children: ReactNode;
+}
+interface MyTabProps {
+    pathname: string;
+    tabs: MyTab[];
+    initialValue?: string;
+    type?: PageType;
+}
+/**
+ * Pestañas customizables
+**/
+declare const Tabs: React__default.FC<MyTabProps>;
+
+interface TransitionsProps {
+    children?: ReactNode;
+    position?: 'top-left' | 'top-right' | 'top' | 'bottom-left' | 'bottom-right' | 'bottom';
+    type?: 'grow' | 'fade' | 'collapse' | 'slide' | 'zoom';
+    direction?: 'up' | 'down' | 'left' | 'right';
+    boxSX?: BoxProps;
+    [x: string]: any;
+}
+/**
+ * Componente customizable para generar efectos de transición
+**/
+declare const Transitions: React.ForwardRefExoticComponent<Omit<TransitionsProps, "ref"> & React.RefAttributes<unknown>>;
+
+declare const useHasPermission: (path: string) => boolean;
+
+interface APIcontextProps {
+    useLazyGetComoOpcionesQuery: any;
+    useLazyGetHistorialQuery: any;
+    useLazyDescargarCSVQuery: any;
+    useValidarCSVMutation: any;
+    useSubirCSVMutation: any;
+    useRemoverCSVMutation: any;
+}
+declare const APIContext: React.Context<APIcontextProps | null>;
+declare const APIProvider: ({ children, ...endpoints }: APIcontextProps & {
+    children: ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const useAPI: () => APIcontextProps;
+
+declare const mergeSettings: (baseSettings: object, mergingSettings?: object) => any;
+declare const filterQuery: ({ filters }: {
+    filters: {
+        [key: string]: any;
+    };
+}) => string[];
+declare const query: (data: any, url: string, type: "grid" | "single" | "simpleFilter") => string;
+declare const tags: (result: any, type: string, invalidate?: {
+    request: "post" | "patch";
+}) => any[];
+declare function manualCacheRefresh(api: any, id: any, dispatch: any, queryFulfilled: any, endpoints: {
+    single?: string;
+    multiple?: string;
+}): Promise<void>;
+
+interface Props {
+    handleClick: () => void;
+    disabled?: boolean;
+    isLoading?: boolean;
+    children: ReactNode;
+}
+declare const MenuItemWithLoading: (props: Props) => react_jsx_runtime.JSX.Element;
+
+declare const StyledMenu: _emotion_styled.StyledComponent<MenuProps & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
+
+interface ObjectProgressStackProps {
+    snacks: {
+        [key: string]: any;
+    };
+}
+declare const ObjectProgressStack: React__default.FC<ObjectProgressStackProps>;
+
+export { APIContext, APIProvider, ActiveCell, Base, CSVUpload, ControlledDate, ControlledDropdown, FileUploadBox as ControlledFileUploadBox, ControlledNumber, ControlledPhoneNumber, ControlledSelect, ControlledSlider, ControlledSwitch, ControlledText, ControlledToggleButtons, CoverPage, CreateButtonBase, CreateButtonWithMenuOptions, DeleteButton, DeleteConfirmationDialog, EditButton, Loadable, LoadingComponent, Logo, MenuItemWithLoading, ModuleCard, MyGridEditSingleSelect, NormalOrIcon, ObjectProgressStack, SaveCancelButton, StatusBadge, StyledMenu, Tabs, Transitions, UncontrolledText, deleteColumn, editColumn, filterQuery, formDataForm, jsonForm, manualCacheRefresh, mergeSettings, query, renderEditCellWithErrorTooltip, setErrors, tags, useAPI, useHasPermission, valueLabel };
+export type { APIcontextProps, JSONFormProps, JSONParserProps };

package/package.json

@@ -0,0 +1,102 @@
+{
+  "name": "@acvl/frontend-components",
+  "version": "0.0.1",
+  "description": "Component library for ACV frontend projects.",
+  "homepage": "https://github.com/ACV-Logistics/acv-frontend-components#readme",
+  "access": "public",
+  "bugs": {
+    "url": "https://github.com/ACV-Logistics/acv-frontend-components/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ACV-Logistics/acv-frontend-components.git"
+  },
+  "license": "MIT",
+  "author": "mario.aftimos",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "rollup -c --watch",
+    "build": "rimraf dist && rollup --config rollup.config.ts --configPlugin @rollup/plugin-typescript"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.29.0",
+    "@babel/preset-env": "^7.29.2",
+    "@babel/preset-react": "^7.28.5",
+    "@babel/preset-typescript": "^7.28.5",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@hookform/resolvers": "^5.2.2",
+    "@mui/icons-material": "^7.3.9",
+    "@mui/lab": "^7.0.1-beta.23",
+    "@mui/material": "^7.3.9",
+    "@mui/styled-engine-sc": "^7.3.9",
+    "@mui/x-data-grid": "^8.28.2",
+    "@reduxjs/toolkit": "^2.11.2",
+    "@rollup/plugin-commonjs": "^29.0.2",
+    "@rollup/plugin-image": "^3.0.3",
+    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@rollup/plugin-terser": "^1.0.0",
+    "@rollup/plugin-typescript": "^12.3.0",
+    "@toolpad/core": "^0.16.0",
+    "@types/lodash": "^4.17.24",
+    "@types/node": "^25.5.2",
+    "@types/react": "^19.2.14",
+    "@types/rollup-plugin-peer-deps-external": "^2.2.6",
+    "async-mutex": "^0.5.0",
+    "immer": "^11.1.4",
+    "lodash": "^4.18.1",
+    "mui-tel-input": "^10.0.0",
+    "postcss": "^8.5.8",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.4",
+    "react-dropzone": "^15.0.0",
+    "react-hook-form": "^7.72.1",
+    "react-number-format": "^5.4.5",
+    "react-redux": "^9.2.0",
+    "rimraf": "^6.1.3",
+    "rollup": "^4.60.1",
+    "rollup-plugin-dts": "^6.4.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-preserve-directives": "^0.4.0",
+    "rollup-plugin-typescript2": "^0.37.0",
+    "styled-components": "^6.3.12",
+    "tslib": "^2.8.1",
+    "typescript": "^5.9.3",
+    "zod": "^4.3.6"
+  },
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
+  },
+  "babel": {
+    "sourceType": "unambiguous",
+    "presets": [
+      [
+        "@babel/preset-env",
+        {
+          "targets": {
+            "chrome": 100,
+            "safari": 15,
+            "firefox": 91
+          }
+        }
+      ],
+      [
+        "@babel/preset-react",
+        {
+          "runtime": "automatic"
+        }
+      ],
+      "@babel/preset-typescript"
+    ]
+  }
+}