@producteca/producteca-ui-kit 1.90.0 → 1.91.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/components/breadcrumb/breadcrumb.d.ts +1 -0
  2. package/dist/components/chip/chip.d.ts +1 -1
  3. package/dist/components/dropzone/dropzone.d.ts +1 -1
  4. package/dist/components/icons/checkIcon/checkIcon.d.ts +1 -1
  5. package/dist/components/icons/emptyState/emptyStateIcon.d.ts +1 -1
  6. package/dist/components/icons/errorState/errorStateIcon.d.ts +1 -1
  7. package/dist/components/icons/fileIcon/fileIcon.d.ts +1 -1
  8. package/dist/components/icons/generatingState/generatingStateIcon.d.ts +1 -1
  9. package/dist/components/icons/mailIcon/mailIcon.d.ts +1 -1
  10. package/dist/components/icons/maintenance/maintenanceIcon.d.ts +1 -1
  11. package/dist/components/icons/newState/newStateIcon.d.ts +1 -1
  12. package/dist/components/icons/priceCloseIcon/priceCloseIcon.d.ts +1 -1
  13. package/dist/components/icons/priceDownIcon/priceDownIcon.d.ts +1 -1
  14. package/dist/components/icons/productecaIcon/productecaIcon.d.ts +1 -1
  15. package/dist/components/icons/searchPublication/searchPublication.d.ts +1 -1
  16. package/dist/components/icons/successState/successStateIcon.d.ts +1 -1
  17. package/dist/components/icons/trashIcon/trashIcon.d.ts +1 -1
  18. package/dist/components/index.d.js +1 -0
  19. package/dist/components/index.d.ts +1 -0
  20. package/dist/components/inputs/checkboxInput/checkboxInput.types.d.ts +3 -0
  21. package/dist/components/inputs/switchInput/switchInput.types.d.ts +3 -0
  22. package/dist/components/loaders/progressbar/progressbar.d.ts +1 -1
  23. package/dist/components/loaders/spinner/spinner.d.ts +1 -1
  24. package/dist/components/menu/menuItem/menuItem.types.d.ts +1 -0
  25. package/dist/components/patterns/asyncContent/asyncContent.d.ts +1 -1
  26. package/dist/components/patterns/emptyState/emptyState.d.ts +1 -1
  27. package/dist/components/patterns/fileRow/fileRow.d.ts +1 -1
  28. package/dist/components/patterns/generatingState/generatingState.d.ts +1 -1
  29. package/dist/components/patterns/maintenance/maintenance.d.ts +1 -1
  30. package/dist/components/patterns/pickChannelModal/pickChannelModal.d.ts +1 -1
  31. package/dist/components/permissionOption/permissionOption.d.ts +1 -1
  32. package/dist/components/sidebar/sidebar.d.ts +1 -1
  33. package/dist/components/sidebar/sidebar.types.d.ts +1 -0
  34. package/dist/components/stepper/stepper.types.d.ts +1 -0
  35. package/dist/components/table/table/table.d.ts +1 -1
  36. package/dist/components/table/table/table.types.d.ts +1 -0
  37. package/dist/components/table/tableBody/tableBody.d.ts +1 -1
  38. package/dist/components/table/tableHeader/tableHeader.d.ts +1 -1
  39. package/dist/components/tabs/tabs.types.d.ts +1 -0
  40. package/dist/producteca-ui-kit.es.js +93 -93
  41. package/dist/producteca-ui-kit.umd.js +9 -9
  42. package/dist/style.css +1 -1
  43. package/dist/utils/dataProps.d.js +1 -0
  44. package/dist/utils/dataProps.d.ts +4 -0
  45. package/dist/utils/index.d.js +2 -1
  46. package/dist/utils/index.d.ts +1 -0
  47. package/package.json +1 -1
@@ -4,6 +4,7 @@ interface BreadcrumbItem {
4
4
  text: string;
5
5
  href?: string;
6
6
  onClick?: () => void;
7
+ [key: string]: any;
7
8
  }
8
9
  interface BreadcrumbProps {
9
10
  items: BreadcrumbItem[];
@@ -14,5 +14,5 @@ export interface ChipProps {
14
14
  isActive?: boolean;
15
15
  onClick?: (event: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>) => void;
16
16
  }
17
- export declare const Chip: ({ isActive, title, text, content, onRemove, onClick, disabled, variant, tab, size }: ChipProps) => import("react/jsx-runtime").JSX.Element;
17
+ export declare const Chip: ({ isActive, title, text, content, onRemove, onClick, disabled, variant, tab, size, ...props }: ChipProps) => import("react/jsx-runtime").JSX.Element;
18
18
  export default Chip;
@@ -1,4 +1,4 @@
1
1
  import { DropzoneProps } from './dropzone.types';
2
2
 
3
- export declare const Dropzone: ({ onDrop, onReject, accept, maxSize, maxFiles, label, error, isLoading, loadingText, disabled, name, }: DropzoneProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const Dropzone: ({ onDrop, onReject, accept, maxSize, maxFiles, label, error, isLoading, loadingText, disabled, name, ...props }: DropzoneProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export default Dropzone;
@@ -1,5 +1,5 @@
1
1
  import { IconInterface } from '../parameters';
2
2
 
3
- export declare const CheckIcon: ({ size, color }: IconInterface) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const CheckIcon: ({ size, color, ...props }: IconInterface) => import("react/jsx-runtime").JSX.Element;
4
4
  export type { IconInterface };
5
5
  export default CheckIcon;
@@ -1,5 +1,5 @@
1
1
  import { IconInterface } from '../parameters';
2
2
 
3
- export declare const EmptyStateIcon: ({ size, color, }: IconInterface) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const EmptyStateIcon: ({ size, color, ...props }: IconInterface) => import("react/jsx-runtime").JSX.Element;
4
4
  export type { IconInterface };
5
5
  export default EmptyStateIcon;
@@ -1,5 +1,5 @@
1
1
  import { IconInterface } from '../parameters';
2
2
 
3
- export declare const ErrorStateIcon: ({ size, color, }: IconInterface) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const ErrorStateIcon: ({ size, color, ...props }: IconInterface) => import("react/jsx-runtime").JSX.Element;
4
4
  export type { IconInterface };
5
5
  export default ErrorStateIcon;
@@ -1,5 +1,5 @@
1
1
  import { IconInterface } from '../parameters';
2
2
 
3
- export declare const FileIcon: ({ size, color }: IconInterface) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const FileIcon: ({ size, color, ...props }: IconInterface) => import("react/jsx-runtime").JSX.Element;
4
4
  export type { IconInterface };
5
5
  export default FileIcon;
@@ -1,5 +1,5 @@
1
1
  import { IconInterface } from '../parameters';
2
2
 
3
- export declare const GeneratingStateIcon: ({ size, color, }: IconInterface) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const GeneratingStateIcon: ({ size, color, ...props }: IconInterface) => import("react/jsx-runtime").JSX.Element;
4
4
  export type { IconInterface };
5
5
  export default GeneratingStateIcon;
@@ -1,5 +1,5 @@
1
1
  import { IconInterface } from '../parameters';
2
2
 
3
- export declare const MailIcon: ({ size, color }: IconInterface) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const MailIcon: ({ size, color, ...props }: IconInterface) => import("react/jsx-runtime").JSX.Element;
4
4
  export type { IconInterface };
5
5
  export default MailIcon;
@@ -1,5 +1,5 @@
1
1
  import { IconInterface } from '../parameters';
2
2
 
3
- export declare const MaintenanceIcon: ({ size, color, }: IconInterface) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const MaintenanceIcon: ({ size, color, ...props }: IconInterface) => import("react/jsx-runtime").JSX.Element;
4
4
  export type { IconInterface };
5
5
  export default MaintenanceIcon;
@@ -1,5 +1,5 @@
1
1
  import { IconInterface } from '../parameters';
2
2
 
3
- export declare const NewStateIcon: ({ size, color, }: IconInterface) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const NewStateIcon: ({ size, color, ...props }: IconInterface) => import("react/jsx-runtime").JSX.Element;
4
4
  export type { IconInterface };
5
5
  export default NewStateIcon;
@@ -1,5 +1,5 @@
1
1
  import { IconInterface } from '../parameters';
2
2
 
3
- export declare const PriceCloseIcon: ({ size, color }: IconInterface) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const PriceCloseIcon: ({ size, color, ...props }: IconInterface) => import("react/jsx-runtime").JSX.Element;
4
4
  export type { IconInterface };
5
5
  export default PriceCloseIcon;
@@ -1,5 +1,5 @@
1
1
  import { IconInterface } from '../parameters';
2
2
 
3
- export declare const PriceDownIcon: ({ size, color }: IconInterface) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const PriceDownIcon: ({ size, color, ...props }: IconInterface) => import("react/jsx-runtime").JSX.Element;
4
4
  export type { IconInterface };
5
5
  export default PriceDownIcon;
@@ -1,5 +1,5 @@
1
1
  import { IconInterface } from '../parameters';
2
2
 
3
- export declare const ProductecaIcon: ({ size, color }: IconInterface) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const ProductecaIcon: ({ size, color, ...props }: IconInterface) => import("react/jsx-runtime").JSX.Element;
4
4
  export type { IconInterface };
5
5
  export default ProductecaIcon;
@@ -1,5 +1,5 @@
1
1
  import { IconInterface } from '../parameters';
2
2
 
3
- export declare const SearchPublication: ({ size, color }: IconInterface) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const SearchPublication: ({ size, color, ...props }: IconInterface) => import("react/jsx-runtime").JSX.Element;
4
4
  export type { IconInterface };
5
5
  export default SearchPublication;
@@ -1,5 +1,5 @@
1
1
  import { IconInterface } from '../parameters';
2
2
 
3
- export declare const SuccessStateIcon: ({ size, color, }: IconInterface) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const SuccessStateIcon: ({ size, color, ...props }: IconInterface) => import("react/jsx-runtime").JSX.Element;
4
4
  export type { IconInterface };
5
5
  export default SuccessStateIcon;
@@ -1,5 +1,5 @@
1
1
  import { IconInterface } from '../parameters';
2
2
 
3
- export declare const TrashIcon: ({ size, color }: IconInterface) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const TrashIcon: ({ size, color, ...props }: IconInterface) => import("react/jsx-runtime").JSX.Element;
4
4
  export type { IconInterface };
5
5
  export default TrashIcon;
@@ -16,6 +16,7 @@ export * from './sidebar';
16
16
  export * from './dropdown';
17
17
  export * from './link';
18
18
  export * from './draggableList';
19
+ export * from './dropzone';
19
20
  export * from './stepper';
20
21
  export * from './table';
21
22
  export * from './permissionOption';
@@ -16,6 +16,7 @@ export * from './sidebar';
16
16
  export * from './dropdown';
17
17
  export * from './link';
18
18
  export * from './draggableList';
19
+ export * from './dropzone';
19
20
  export * from './stepper';
20
21
  export * from './table';
21
22
  export * from './permissionOption';
@@ -1,5 +1,6 @@
1
1
  import { default as React } from 'react';
2
2
  import { ReduxFormInput } from '../../../hooks/useReduxFormField';
3
+ import { Meta } from '../../../validators';
3
4
 
4
5
  export interface CheckboxItem {
5
6
  id?: string;
@@ -8,6 +9,7 @@ export interface CheckboxItem {
8
9
  value?: any;
9
10
  checked?: boolean;
10
11
  disabled?: boolean;
12
+ [key: string]: any;
11
13
  }
12
14
  export interface CheckboxInputProps {
13
15
  id?: string;
@@ -18,6 +20,7 @@ export interface CheckboxInputProps {
18
20
  type?: 'checkbox' | 'radio';
19
21
  size?: 'sm' | 'md' | 'lg';
20
22
  input?: ReduxFormInput;
23
+ meta?: Meta;
21
24
  }
22
25
  export type CheckboxInputSingleProps = Omit<CheckboxInputProps, 'items'> & {
23
26
  checked?: boolean;
@@ -1,5 +1,6 @@
1
1
  import { default as React } from 'react';
2
2
  import { ReduxFormInput } from '../../../hooks/useReduxFormField';
3
+ import { Meta } from '../../../validators';
3
4
 
4
5
  export interface SwitchItem {
5
6
  id?: string;
@@ -8,6 +9,7 @@ export interface SwitchItem {
8
9
  value?: any;
9
10
  checked?: boolean;
10
11
  disabled?: boolean;
12
+ [key: string]: any;
11
13
  }
12
14
  export interface SwitchInputProps {
13
15
  name: string;
@@ -16,6 +18,7 @@ export interface SwitchInputProps {
16
18
  title?: string;
17
19
  size?: 'sm' | 'md' | 'lg';
18
20
  input?: ReduxFormInput;
21
+ meta?: Meta;
19
22
  }
20
23
  export type SwitchInputSingleProps = Omit<SwitchInputProps, 'items'> & {
21
24
  id?: string;
@@ -3,6 +3,6 @@ interface ProgressbarProps {
3
3
  progress?: number;
4
4
  variant?: 'determinate' | 'indeterminate' | 'buffer' | 'query';
5
5
  }
6
- export declare const Progressbar: ({ size, progress: initialProgress, variant, }: ProgressbarProps) => import("react/jsx-runtime").JSX.Element;
6
+ export declare const Progressbar: ({ size, progress: initialProgress, variant, ...props }: ProgressbarProps) => import("react/jsx-runtime").JSX.Element;
7
7
  export type { ProgressbarProps };
8
8
  export default Progressbar;
@@ -1,6 +1,6 @@
1
1
  interface SpinnerProps {
2
2
  size?: 'sm' | 'lg';
3
3
  }
4
- export declare const Spinner: ({ size }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
4
+ export declare const Spinner: ({ size, ...props }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
5
5
  export type { SpinnerProps };
6
6
  export default Spinner;
@@ -15,6 +15,7 @@ export interface MenuItemProps {
15
15
  size?: ButtonProps['size'];
16
16
  onClose?: () => void;
17
17
  tooltipProps?: MenuItemTooltipProps;
18
+ [key: string]: any;
18
19
  }
19
20
  export interface MenuItemWithId extends MenuItemProps {
20
21
  id: string;
@@ -1,6 +1,6 @@
1
1
  import { default as React } from 'react';
2
2
  import { AsyncContentProps, AsyncContentStatus, AsyncContentErrorProps, AsyncContentEmptyProps, AsyncContentSuccessProps } from './asyncContent.types';
3
3
 
4
- export declare const AsyncContent: React.MemoExoticComponent<({ error, empty, success, children, className, isLoading, }: AsyncContentProps) => import("react/jsx-runtime").JSX.Element>;
4
+ export declare const AsyncContent: React.MemoExoticComponent<({ error, empty, success, children, className, isLoading, ...props }: AsyncContentProps) => import("react/jsx-runtime").JSX.Element>;
5
5
  export type { AsyncContentProps, AsyncContentStatus, AsyncContentErrorProps, AsyncContentEmptyProps, AsyncContentSuccessProps, };
6
6
  export default AsyncContent;
@@ -1,5 +1,5 @@
1
1
  import { EmptyStateProps } from './emptyState.types';
2
2
 
3
- export declare const EmptyState: ({ onActionClick, icon, actionText, text, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const EmptyState: ({ onActionClick, icon, actionText, text, ...props }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export type { EmptyStateProps };
5
5
  export default EmptyState;
@@ -1,4 +1,4 @@
1
1
  import { FileRowProps } from './fileRow.types';
2
2
 
3
- export declare const FileRow: ({ name, progress, autoload, autoloadDuration, onAutoloadComplete, error, onRemove, showRemoveAction, }: FileRowProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const FileRow: ({ name, progress, autoload, autoloadDuration, onAutoloadComplete, error, onRemove, showRemoveAction, ...props }: FileRowProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export default FileRow;
@@ -1,5 +1,5 @@
1
1
  import { GeneratingStateProps } from './generatingState.types';
2
2
 
3
- export declare const GeneratingState: ({ highlight, icon, text, description, }: GeneratingStateProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const GeneratingState: ({ highlight, icon, text, description, ...props }: GeneratingStateProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export type { GeneratingStateProps };
5
5
  export default GeneratingState;
@@ -1,5 +1,5 @@
1
1
  import { MaintenanceProps } from './maintenance.types';
2
2
 
3
- export declare const Maintenance: ({ title, description, subtitle, }: MaintenanceProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const Maintenance: ({ title, description, subtitle, ...props }: MaintenanceProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export type { MaintenanceProps };
5
5
  export default Maintenance;
@@ -1,5 +1,5 @@
1
1
  import { PickChannelModalChannel, PickChannelModalProps } from './pickChannelModal.types';
2
2
 
3
3
  export declare const productecaStrategy: PickChannelModalChannel;
4
- export declare const PickChannelModal: ({ open, onClose, channels, fitContent, generalEditionTitle, channelEditionTitle, generalEditionDescription, channelEditionDescription, showGeneralEdition, onSelectChannel, titleProps, }: PickChannelModalProps) => import("react/jsx-runtime").JSX.Element;
4
+ export declare const PickChannelModal: ({ open, onClose, channels, fitContent, generalEditionTitle, channelEditionTitle, generalEditionDescription, channelEditionDescription, showGeneralEdition, onSelectChannel, titleProps, ...props }: PickChannelModalProps) => import("react/jsx-runtime").JSX.Element;
5
5
  export default PickChannelModal;
@@ -1,4 +1,4 @@
1
1
  import { PermissionOptionProps } from './permissionOption.types';
2
2
 
3
- export declare const PermissionOption: ({ permission, isActive, disabled, showBackground, label, icon, onClick }: PermissionOptionProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const PermissionOption: ({ permission, isActive, disabled, showBackground, label, icon, onClick, ...props }: PermissionOptionProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export default PermissionOption;
@@ -1,5 +1,5 @@
1
1
  import { SidebarProps } from './sidebar.types';
2
2
 
3
- export declare const AppSidebar: ({ title, items }: SidebarProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const AppSidebar: ({ title, items, ...props }: SidebarProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export default AppSidebar;
5
5
  export type { SidebarProps, SidebarItemProps, SidebarItemTooltipProps, SidebarMenuItemProps, } from './sidebar.types';
@@ -11,6 +11,7 @@ export type SidebarItemProps = {
11
11
  isActive?: boolean;
12
12
  disabled?: boolean;
13
13
  tooltipProps?: SidebarItemTooltipProps;
14
+ [key: string]: any;
14
15
  };
15
16
  export type SidebarProps = {
16
17
  title?: string;
@@ -2,6 +2,7 @@ export type StepStatus = 'completed' | 'current' | 'pending';
2
2
  export interface StepItem {
3
3
  label: string;
4
4
  status?: StepStatus;
5
+ [key: string]: any;
5
6
  }
6
7
  export interface StepperProps {
7
8
  steps: StepItem[];
@@ -1,3 +1,3 @@
1
1
  import { TableProps } from './table.types';
2
2
 
3
- export declare const Table: ({ columns, children, className }: TableProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const Table: ({ columns, children, className, ...props }: TableProps) => import("react/jsx-runtime").JSX.Element;
@@ -6,6 +6,7 @@ export interface TableColumn<T> {
6
6
  header?: string;
7
7
  sx?: SxProps<Theme>;
8
8
  render?: (row: T, index: number) => React.ReactNode;
9
+ [key: string]: any;
9
10
  }
10
11
  export interface TableProps {
11
12
  className?: string;
@@ -1,3 +1,3 @@
1
1
  import { TableBodyProps } from './tableBody.types';
2
2
 
3
- export declare const TableBody: <T>({ data, isLoading, error, empty, success }: TableBodyProps<T>) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const TableBody: <T>({ data, isLoading, error, empty, success, ...props }: TableBodyProps<T>) => import("react/jsx-runtime").JSX.Element;
@@ -1,3 +1,3 @@
1
1
  import { TableHeaderProps } from './tableHeader.types';
2
2
 
3
- export declare const TableHeader: ({ columns: columnsProp }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const TableHeader: ({ columns: columnsProp, ...props }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;
@@ -12,6 +12,7 @@ export interface TabItem {
12
12
  onClick?: () => void;
13
13
  label: React.ReactNode;
14
14
  tooltipProps?: TabItemTooltipProps;
15
+ [key: string]: any;
15
16
  }
16
17
  export interface TabsProps {
17
18
  value?: string;