@producteca/producteca-ui-kit 1.24.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/es.d.ts

@@ -233,6 +233,23 @@ declare const _default: {
         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;