@producteca/producteca-ui-kit 1.14.0 → 1.15.0

package/dist/components/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+
+interface BreadcrumbItem {
+    text: string;
+    href?: string;
+    onClick?: () => void;
+    isActive?: boolean;
+}
+interface BreadcrumbProps {
+    items: BreadcrumbItem[];
+    className?: string;
+}
+export declare const Breadcrumb: React.FC<BreadcrumbProps>;
+export type { BreadcrumbProps, BreadcrumbItem };
+export default Breadcrumb;

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

@@ -0,0 +1,2 @@
+export { Breadcrumb, type BreadcrumbProps, type BreadcrumbItem } from './breadcrumb';
+export { Breadcrumb as default } from './breadcrumb';

package/dist/components/image/image.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+
+interface ImageProps {
+    src: string;
+    className?: string;
+    sx?: React.CSSProperties;
+    alt?: string;
+}
+export declare const Image: React.FC<ImageProps>;
+export type { ImageProps };
+export default Image;

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

@@ -0,0 +1 @@
+export { Image, type ImageProps } from './image';

package/dist/components/index.d.ts

@@ -5,3 +5,6 @@ export * from './patterns';
 export * from './loaders';
 export * from './alert/alert';
 export * from './tooltip';
+export * from './image';
+export * from './breadcrumb';
+export * from './menuAction';

package/dist/components/inputs/datePicker/datePickerTypes.d.ts

@@ -6,10 +6,9 @@ export interface DatePickerSpecificProps {
     minDate?: InputValue;
     maxDate?: InputValue;
     format?: string;
-    size?: "md" | "lg";
 }
 type UnusedFormFieldProps = 'max' | 'min' | 'isClearable' | 'leftIcon' | 'rightIcon' | 'type' | 'inputRef' | 'children';
-type OverriddenFormFieldProps = 'value' | 'size';
+type OverriddenFormFieldProps = 'value';
 export interface DatePickerProps extends Omit<FormFieldProps, UnusedFormFieldProps | OverriddenFormFieldProps>, DatePickerSpecificProps {
 }
 export {};

package/dist/components/inputs/dateRangePicker/dateRangePicker.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { DateRangePickerProps } from './dateRangePickerTypes';
+
+export declare const DateRangePickerInput: React.FC<DateRangePickerProps>;
+export declare const DateRangePicker: ({ label, rightAdornment, value, ...props }: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/dateRangePicker/dateRangePickerTypes.d.ts

@@ -0,0 +1,14 @@
+import { InputValue } from '../../../validators';
+import { DatePickerProps } from '../datePicker';
+
+export interface DateRangeValue {
+    from: InputValue;
+    to: InputValue;
+}
+export interface DateRangePickerSpecificProps {
+    value?: DateRangeValue;
+}
+type OverriddenDatePickerProps = 'value';
+export interface DateRangePickerProps extends Omit<DatePickerProps, OverriddenDatePickerProps>, DateRangePickerSpecificProps {
+}
+export {};

package/dist/components/inputs/dateRangePicker/dateRangePickerUtils.d.ts

@@ -0,0 +1,9 @@
+import { DateRange, Matcher } from 'react-day-picker';
+import { InputValue } from '../../../validators';
+
+export declare const fromInputValue: (inputValue: InputValue) => DateRange | undefined;
+export declare const getDisplayRange: (range: DateRange | undefined, format?: string) => string;
+export declare const convertToDate: (val: InputValue | undefined) => Date | undefined;
+export declare const CustomWeekday: (props: any) => import("react/jsx-runtime").JSX.Element;
+export type DisabledDays = Matcher | Matcher[] | undefined;
+export declare const getDisabledDays: (disabled: boolean, minDate?: InputValue, maxDate?: InputValue) => DisabledDays;

package/dist/components/inputs/dateRangePicker/index.d.ts

@@ -0,0 +1,3 @@
+export { DateRangePicker, DateRangePickerInput } from './dateRangePicker';
+export type { DateRangePickerProps } from './dateRangePickerTypes';
+export type { DateRangeValue } from './dateRangePickerTypes';

package/dist/components/inputs/formField/textInput.d.ts

@@ -17,7 +17,7 @@ export interface TextInputProps {
     leftIcon?: React.ReactNode;
     rightIcon?: React.ReactNode;
     isValid?: (value: InputValue) => boolean;
-    type?: 'text' | 'number' | 'password' | 'date' | undefined;
+    type?: 'text' | 'number' | 'password' | 'date' | 'dateRange' | undefined;
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
     input?: ReduxFormInput;
     inputRef?: React.RefObject<HTMLInputElement>;

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

@@ -4,4 +4,5 @@ export * from './formField/textInput';
 export * from './checkboxInput';
 export * from './searcher/searcher';
 export * from './switchInput';
-export * from './datePicker/datePicker';
+export * from './datePicker';
+export * from './dateRangePicker';

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

@@ -0,0 +1 @@
+export { MenuAction, type MenuActionProps, type MenuActionItem } from './menuAction';

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

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+
+interface MenuActionItem {
+    label: React.ReactNode;
+    onClick?: () => void;
+    selected?: boolean;
+    disabled?: boolean;
+}
+interface MenuActionProps {
+    items: MenuActionItem[];
+    id?: string;
+    maxItemsVisible?: number;
+    icon?: React.ReactNode;
+    otherProps?: React.HTMLAttributes<HTMLButtonElement>;
+}
+export declare const MenuAction: React.FC<MenuActionProps>;
+export type { MenuActionProps, MenuActionItem };
+export default MenuAction;

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

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

package/dist/components/patterns/headerSection/headerSection.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+
+interface HeaderSectionProps {
+    breadcrumb?: React.ReactNode;
+    image?: React.ReactNode;
+    dense?: boolean;
+    title?: string;
+    subtitle?: React.ReactNode;
+    link?: React.ReactNode;
+    menuAction?: React.ReactNode;
+}
+export declare const HeaderSection: React.FC<HeaderSectionProps>;
+export type { HeaderSectionProps };
+export default HeaderSection;

package/dist/components/patterns/headerSection/index.d.ts

@@ -0,0 +1 @@
+export { HeaderSection, type HeaderSectionProps } from './headerSection';

package/dist/components/patterns/iconWithIdentifier/iconWithIdentifier.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+
+interface IconWithIdentifierProps {
+    text: string;
+    showDivider?: boolean;
+    icon?: React.ReactNode;
+    color?: string;
+}
+export declare const IconWithIdentifier: React.FC<IconWithIdentifierProps>;
+export type { IconWithIdentifierProps };
+export default IconWithIdentifier;

package/dist/components/patterns/iconWithIdentifier/index.d.ts

@@ -0,0 +1 @@
+export { IconWithIdentifier, type IconWithIdentifierProps } from './iconWithIdentifier';

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

@@ -1,4 +1,6 @@
 export * from './emptyState/emptyState';
 export * from './actionBar/actionBar';
 export * from './copyButton/copyButton';
-export * from '../tooltip';
+export * from './headerSection';
+export * from './linkWithIcon';
+export * from './iconWithIdentifier';

package/dist/components/patterns/linkWithIcon/index.d.ts

@@ -0,0 +1 @@
+export { LinkWithIcon, type LinkComponentProps } from './linkWithIcon';

package/dist/components/patterns/linkWithIcon/linkWithIcon.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { ButtonProps } from '../../button/button';
+
+interface LinkWithIconProps {
+    text: string;
+    icon?: React.ReactElement;
+    onClick: () => void;
+    className?: string;
+    size?: ButtonProps['size'];
+    otherProps?: Record<string, any>;
+}
+export declare const LinkWithIcon: React.FC<LinkWithIconProps>;
+export type { LinkWithIconProps as LinkComponentProps };
+export default LinkWithIcon;

package/dist/locales/description.d.ts

@@ -12,3 +12,4 @@ export declare const checkboxInputExample = " \n    Versi\u00F3n con una sola op
 export declare const searcherExample = " \n    Note la diferencia entre onChange y onInputChange (oficia de onSearch):\n    \n    ```typescript\n      <Searcher\n        label=\"Search label\"\n        name=\"Searcher\"\n        onChange={(event) => onSelectOption(event.target.value)}\n        onInputChange={(event) => handleSearch(event.target.value)}\n        options={[{ label: 'text', value: 1 }]}\n      />\n    ```\n";
 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";

package/dist/locales/es.d.ts

@@ -90,6 +90,9 @@ declare const _default: {
             noResults: string;
             writeToSearch: string;
         };
+        breadcrumb: {
+            itemFormat: string;
+        };
         alert: {
             message: string;
             infoMessage: string;
@@ -97,6 +100,11 @@ declare const _default: {
             customAlert: string;
         };
     };
+    headerSection: {
+        edit: string;
+        duplicate: string;
+        delete: string;
+    };
     error: {
         required: string;
         notValid: string;
@@ -112,6 +120,23 @@ declare const _default: {
         running: string;
         alert: string;
     };
+    linkWithIcon: {
+        historyChange: string;
+        edit: string;
+        customAction: string;
+    };
+    breadcrumb: {
+        historyChanges: string;
+        products: string;
+        dashboard: string;
+        categories: string;
+        electronics: string;
+        details: string;
+        page1: string;
+        page2: string;
+        page3: string;
+        home: string;
+    };
     datePicker: {
         name: string;
         value: string;
@@ -146,5 +171,25 @@ declare const _default: {
         selectTime: string;
         selectDateTime: string;
     };
+    dateRangePicker: {
+        size: string;
+        disabled: string;
+        required: string;
+        noErrors: string;
+        placeholder: string;
+        label: string;
+        format: string;
+        minDate: string;
+        maxDate: string;
+        onChange: string;
+        selectDateRange: string;
+        dateRangeLabel: string;
+        disabledRange: string;
+        disabledComponent: string;
+        rangeWithMinMax: string;
+        restrictedRange: string;
+        disabledWithRestrictions: string;
+        completelyDisabled: string;
+    };
 };
 export default _default;