@producteca/producteca-ui-kit 1.23.0 → 1.25.0

package/dist/components/dropdown/dropdown.d.ts

@@ -0,0 +1,4 @@
+import { DropdownProps } from './dropdown.types';
+import * as React from 'react';
+export declare const Dropdown: React.FC<DropdownProps>;
+export default Dropdown;

package/dist/components/dropdown/dropdown.sx.d.ts

@@ -0,0 +1,6 @@
+import { MenuProps } from '@mui/material/Menu';
+
+export declare const StyledMenu: import('@emotion/styled').StyledComponent<MenuProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, {}, {}>;
+export declare const StyledButton: import('@emotion/styled').StyledComponent<import('@mui/material/Button').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+}, "variant" | "size" | "className" | "disabled" | "children" | "color" | "style" | "classes" | "sx" | "tabIndex" | "href" | "action" | "loading" | "loadingIndicator" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "fullWidth" | "disableFocusRipple" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, {}, {}>;

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

@@ -0,0 +1,20 @@
+import { DropdownItem } from '../menu/menuItem/menuItem.types';
+
+export interface DropdownProps {
+    label: string;
+    items: DropdownItem[];
+    disabled?: boolean;
+    open?: boolean;
+    onToggle?: (open: boolean) => void;
+    onItemSelect?: (item: DropdownItem) => void;
+    anchorOrigin?: {
+        vertical: 'top' | 'bottom';
+        horizontal: 'left' | 'center' | 'right';
+    };
+    transformOrigin?: {
+        vertical: 'top' | 'bottom';
+        horizontal: 'left' | 'center' | 'right';
+    };
+    className?: string;
+    size?: 'sm' | 'lg';
+}

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

@@ -0,0 +1,3 @@
+export { Dropdown } from './dropdown';
+export type { DropdownProps } from './dropdown.types';
+export type { DropdownItem } from '../menu/menuItem/menuItem.types';

package/dist/components/index.d.ts

@@ -8,7 +8,7 @@ export * from './alert/alert';
 export * from './tooltip';
 export * from './image';
 export * from './breadcrumb';
-export * from './menuAction';
+export * from './menu/menuAction';
 export * from './modals';
 export * from './tabs';
 export * from './sidebar';

package/dist/components/menu/menuAction/index.d.ts

@@ -0,0 +1,3 @@
+export { MenuAction, type MenuActionProps, type MenuActionItemProps } from './menuAction';
+export { MenuItemComponent, type MenuItemProps } from '../menuItem/menuItem';
+export { type BaseMenuItemProps, type MenuItemWithId, type DropdownItem, type MenuActionItemProps as MenuActionItemPropsType } from '../menuItem/menuItem.types';

package/dist/components/menu/menuAction/menuAction.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { MenuActionItemProps } from '../menuItem/menuItem.types';
+import { MenuActionProps } from './menuAction.types';
+
+export declare const MenuAction: React.FC<MenuActionProps>;
+export type { MenuActionProps, MenuActionItemProps };
+export default MenuAction;

package/dist/components/menu/menuAction/menuAction.sx.d.ts

@@ -0,0 +1,3 @@
+import { SxProps, Theme } from '@mui/material/styles';
+
+export declare const menuPaperSx: SxProps<Theme>;

package/dist/components/menu/menuAction/menuAction.types.d.ts

@@ -0,0 +1,10 @@
+import { MenuActionItemProps } from '../menuItem/menuItem.types';
+import { default as React } from 'react';
+
+export interface MenuActionProps {
+    items: MenuActionItemProps[];
+    id?: string;
+    maxItemsVisible?: number;
+    icon?: React.ReactNode;
+    otherProps?: React.HTMLAttributes<HTMLButtonElement>;
+}

package/dist/components/menu/menuItem/menuItem.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { BaseMenuItemProps } from './menuItem.types';
+
+interface MenuItemProps extends BaseMenuItemProps {
+    onClose?: () => void;
+    size?: "lg" | "md" | "sm";
+}
+export declare const MenuItemComponent: React.FC<MenuItemProps>;
+export type { MenuItemProps };
+export default MenuItemComponent;

package/dist/components/menu/menuItem/menuItem.sx.d.ts

@@ -0,0 +1,3 @@
+import { SxProps, Theme } from '@mui/material/styles';
+
+export declare const menuItemSx: SxProps<Theme>;

package/dist/components/menu/menuItem/menuItem.types.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+
+export interface BaseMenuItemProps {
+    label: React.ReactNode;
+    icon?: React.ReactElement;
+    onClick?: () => void;
+    disabled?: boolean;
+    selected?: boolean;
+}
+export interface MenuItemWithId extends BaseMenuItemProps {
+    id: string;
+    divider?: boolean;
+}
+export type MenuItemProps = BaseMenuItemProps;
+export type DropdownItem = MenuItemWithId;
+export type MenuActionItemProps = BaseMenuItemProps;

package/dist/locales/description.d.ts

@@ -13,3 +13,4 @@ export declare const searcherExample = " \n    Note la diferencia entre onChange
 export declare const saveBarExample = "\n  #### Uso b\u00E1sico\n  ```typescript\n    <SaveBar\n      saveProps={{\n        onSave: () => handleSave(),\n        label: 'Save'\n      }}\n      cancelProps={{\n        onCancel: () => handleCancel(),\n        label: 'Cancel'\n      }}\n    />\n  ```\n    #### Con bot\u00F3n de navegaci\u00F3n\n  ```typescript\n    <SaveBar\n      saveProps={{\n        onSave: () => handleSave(),\n        label: 'Save',\n        variant: 'primary'\n      }}\n      cancelProps={{\n        onCancel: () => handleCancel(),\n        label: 'Cancel'\n      }}\n      previousProps={{\n        onPrevious: () => handlePrevious(),\n        label: 'Previous'\n      }}\n    />\n  ```\n    #### Ejemplo completo\n  ```typescript\n    <SaveBar\n      saveProps={{\n        onSave: () => handleSave(),\n        label: 'Guardar cambios',\n        variant: 'success',\n        disabled: false,\n        onClick: () => {},\n      }}\n      cancelProps={{\n        onCancel: () => handleCancel(),\n        label: 'Descartar',\n      }}\n      previousProps={{\n        onPrevious: () => handlePrevious(),\n        label: 'Anterior',\n        variant: 'primary',\n        outline: true,\n        disabled: false,\n        onClick: () => console.log('Previous clicked'),\n      }}\n    />\n  ```\n";
 export declare const checkboxInputReduxFormExample = "\n  #### Ejemplo de uso con Redux Form - CheckboxInput\n  \n  ```typescript\n    <Field\n      name=\"salesSync\"\n      component={CheckboxInput}\n      classComponent={'decrease-stock'}\n      props={{\n        name: 'cancelSales',\n        value: this.salesSync().cancelSales,\n        checked: this.salesSync().cancelSales,\n        label: this.context.localize('settings.cancelSales')\n      }}\n    />\n  ```\n";
 export declare const breadcrumbItemFormat = "\n  ## Formato de BreadcrumbItem\n\n  El componente Breadcrumb acepta un array de objetos `BreadcrumbItem` con las siguientes propiedades:\n\n  ### Propiedades disponibles:\n\n  - **`text`** (string, requerido): El texto que se muestra para el item del breadcrumb\n  - **`onClick`** (function, opcional): Funci\u00F3n que se ejecuta al hacer click en el item\n  - **`isActive`** (boolean, opcional): Indica si el item est\u00E1 activo. Por defecto, el \u00FAltimo item se considera activo\n  - **`href`** (string, opcional): URL del enlace (actualmente no implementado en el renderizado)\n\n  ### Comportamiento:\n\n  - Los items con `onClick` se renderizan como botones clickeables\n  - Los items sin `onClick` se renderizan como texto est\u00E1tico\n  - El \u00FAltimo item siempre se considera activo (a menos que se especifique `isActive: true` en otro item)\n  - Cada item se separa autom\u00E1ticamente con el s\u00EDmbolo \">\"\n\n  ### Ejemplo de uso:\n\n  ```tsx\n  const breadcrumbItems = [\n    { text: 'Dashboard' },\n    { text: 'Productos', onClick: () => navigate('/products') },\n    { text: 'Detalles', isActive: true }\n  ]\n\n  <Breadcrumb items={breadcrumbItems} />\n  ```\n";
+export declare const menuItems = "Lista de \u00EDtems que se mostrar\u00E1n en el men\u00FA.\n      \n**Tipo:** `MenuActionItem[]`\n\n```ts\ninterface MenuActionItem {\n  label: React.ReactNode\n  icon?: React.ReactElement\n  onClick?: () => void\n  selected?: boolean\n  disabled?: boolean\n}\n```\n";

package/dist/locales/es.d.ts

@@ -224,6 +224,32 @@ declare const _default: {
         tab2: string;
         tab3: string;
     };
+    menuAction: {
+        edit: string;
+        delete: string;
+        duplicate: string;
+        itemsDescription: string;
+        id: string;
+        maxItems: string;
+        icon: string;
+    };
+    dropdown: {
+        label: string;
+        variant: string;
+        color: string;
+        disabled: string;
+        onItemSelect: string;
+        onToggle: string;
+        options: string;
+        edit: string;
+        duplicate: string;
+        archive: string;
+        more: string;
+        delete: string;
+        share: string;
+        divider: string;
+        size: string;
+    };
     sidebar: {
         monitoringCenter: string;
         history: string;