@producteca/producteca-ui-kit 1.52.0 → 1.52.2

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

@@ -2,7 +2,7 @@ import { ConditionalOperatorProps } from './conditionalOperator.types';
 
 export { VALUE_OR, VALUE_AND, type ConditionalOperatorOption, type ConditionalOperatorProps } from './conditionalOperator.types';
 export declare const ConditionalOperator: {
-    ({ value, onOperatorChange, options: optionsProp, ...props }: ConditionalOperatorProps): import("react/jsx-runtime").JSX.Element;
+    ({ name, value, onChange, options: optionsProp, ...props }: ConditionalOperatorProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
     VALUE_OR: string;
     VALUE_AND: string;

package/dist/components/patterns/conditionalOperator/conditionalOperator.types.d.ts

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
+
 export declare const VALUE_OR = "or";
 export declare const VALUE_AND = "and";
 export interface ConditionalOperatorOption {
@@ -5,7 +7,8 @@ export interface ConditionalOperatorOption {
     label: string;
 }
 export interface ConditionalOperatorProps {
+    name?: string;
     value?: string;
-    onOperatorChange?: (value: string) => void;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     options?: [ConditionalOperatorOption, ConditionalOperatorOption];
 }

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

@@ -4,4 +4,5 @@ export * from './actionBar/actionBar';
 export * from './copyButton/copyButton';
 export * from './headerSection';
 export * from './linkWithIcon';
-export * from './iconWithIdentifier';
+export * from './iconWithIdentifier';
+export * from './conditionalOperator';

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

@@ -5,3 +5,4 @@ export * from './copyButton/copyButton';
 export * from './headerSection';
 export * from './linkWithIcon';
 export * from './iconWithIdentifier';
+export * from './conditionalOperator';

package/dist/locales/description.d.ts

@@ -34,7 +34,7 @@ export declare const copyButtonExample = "\n## Uso del componente\n\nEl componen
 export declare const headerSectionExample = "\n## Uso del componente\n\nEl componente `HeaderSection` agrupa breadcrumb, t\u00EDtulo, subt\u00EDtulo, imagen, link y men\u00FA de acciones en una cabecera de p\u00E1gina o detalle.\n\n### Ejemplo b\u00E1sico:\n\n```tsx\n<HeaderSection\n  title=\"Pedido N\u00B0 150078523\"\n  breadcrumb={<Breadcrumb items={[{ text: 'Inicio' }, { text: 'Pedidos' }]} />}\n  subtitle={<IconWithIdentifier text=\"#ID123\" icon={<Image src=\"...\" />} />}\n  image={<Image src=\"...\" />}\n  link={<LinkWithIcon text=\"Historial\" icon={<History />} onClick={() => {}} />}\n  menuAction={<MenuAction items={[{ label: 'Editar', onClick: () => {} }]} />}\n/>\n```\n";
 export declare const iconWithIdentifierExample = "\n## Uso del componente\n\nEl componente `IconWithIdentifier` muestra un \u00EDcono junto a un texto (por ejemplo un ID o c\u00F3digo).\n\n### Ejemplo b\u00E1sico:\n\n```tsx\n<IconWithIdentifier\n  icon={<Image src=\"/flag.png\" />}\n  text=\"#ID8765\"\n  showDivider\n/>\n```\n";
 export declare const linkWithIconExample = "\n## Uso del componente\n\nEl componente `LinkWithIcon` muestra un enlace con un \u00EDcono a la izquierda.\n\n### Ejemplo b\u00E1sico:\n\n```tsx\n<LinkWithIcon\n  text=\"Historial de cambios\"\n  icon={<CustomIcon><History /></CustomIcon>}\n  onClick={() => navigate('/history')}\n/>\n```\n";
-export declare const conditionalOperatorExample = "\n## Uso del componente\n\nEl componente `ConditionalOperator` permite elegir entre operador l\u00F3gico \"Y\" u \"O\" para filtrar o combinar condiciones.\n\n### Ejemplo b\u00E1sico:\n\n```tsx\n<ConditionalOperator\n  value=\"or\"\n  options={[{ value: 'and', label: 'Y' }, { value: 'or', label: 'O' }]}\n  onOperatorChange={(value) => setOperator(value)}\n/>\n```\n";
+export declare const conditionalOperatorExample = "\n## Uso del componente\n\nEl componente `ConditionalOperator` permite elegir entre operador l\u00F3gico \"Y\" u \"O\" para filtrar o combinar condiciones.\n\n### Ejemplo b\u00E1sico:\n\n```tsx\n<ConditionalOperator\n  value=\"or\"\n  options={[{ value: 'and', label: 'Y' }, { value: 'or', label: 'O' }]}\n  onChange={(event) => setOperator(event.target.value)}\n/>\n```\n";
 export declare const emptyStateExample = "\n## Uso del componente\n\nEl componente `EmptyState` muestra un estado vac\u00EDo con mensaje, \u00EDcono opcional y acci\u00F3n (por ejemplo \"Agregar\").\n\n### Ejemplo b\u00E1sico:\n\n```tsx\n<EmptyState\n  message=\"No hay resultados\"\n  actionLabel=\"Agregar\"\n  onAction={() => openCreate()}\n/>\n```\n";
 export declare const asyncContentExample = "\n## Uso del componente\n\nEl componente `AsyncContent` maneja los estados de una operaci\u00F3n as\u00EDncrona: `loading`, `error`, `empty` y `success`. Muestra el contenido solo en `success`.\n\n### Ejemplo b\u00E1sico:\n\n```tsx\n<AsyncContent\n  status={status}\n  errorText=\"Ocurri\u00F3 un error\"\n  emptyText=\"No hay datos\"\n  onRetry={() => refetch()}\n>\n  <div>Contenido cuando status === 'success'</div>\n</AsyncContent>\n```\n";
 export declare const tooltipExample = "\n## Uso del componente\n\nLos componentes de tooltip (`WithTooltip`, `WithOverflowTooltip`) muestran un mensaje al hacer hover o click. `WithOverflowTooltip` solo muestra el tooltip cuando el contenido se desborda.\n\n### Ejemplo b\u00E1sico:\n\n```tsx\n<WithTooltip content=\"Texto del tooltip\" placement=\"top\">\n  <span>Hover sobre m\u00ED</span>\n</WithTooltip>\n```\n\n### Solo si hay overflow:\n\n```tsx\n<WithOverflowTooltip maxWidth=\"200px\">\n  <span>Texto que puede truncarse...</span>\n</WithOverflowTooltip>\n```\n";