siesa-ui-kit 1.0.2 → 1.0.4

package/src/views/ProductsView/ProductsView.types.ts

@@ -1,238 +1,238 @@
-import type { ReactNode } from 'react';
-
-/**
- * Categoría de producto
- */
-export interface ProductCategory {
-  id: string;
-  label: string;
-  image: string;
-}
-
-/**
- * Producto individual
- */
-export interface Product {
-  id: string;
-  name: string;
-  price: string;
-  image: string;
-  categoryId: string;
-}
-
-/**
- * Item en el carrito/pedido
- */
-export interface OrderItem {
-  productId: string;
-  productName: string;
-  categoryLabel: string;
-  categoryColor?:
-    | 'lime'
-    | 'red'
-    | 'orange'
-    | 'amber'
-    | 'yellow'
-    | 'green'
-    | 'emerald'
-    | 'teal'
-    | 'cyan'
-    | 'sky'
-    | 'blue'
-    | 'indigo'
-    | 'violet'
-    | 'purple'
-    | 'fuchsia'
-    | 'pink'
-    | 'rose'
-    | 'zinc'
-    | 'primary';
-  productRef: string;
-  price: string;
-  quantity: number;
-  descriptionItems?: Array<{
-    description: string;
-    price: string;
-  }>;
-}
-
-/**
- * Menú disponible
- */
-export interface Menu {
-  id: string;
-  label: string;
-}
-
-/**
- * Props del componente ProductsView
- */
-export interface ProductsViewProps {
-  /**
-   * Título del header (ej: "Mesa 1")
-   * @default "Mesa 1"
-   */
-  tableTitle?: string;
-
-  /**
-   * Label del botón de cambiar mesa
-   * @default "Cambiar Mesa"
-   */
-  changeTableLabel?: string;
-
-  /**
-   * Título de la sección de menús
-   * @default "Menús"
-   */
-  menusTitle?: string;
-
-  /**
-   * Lista de menús disponibles
-   */
-  menus?: Menu[];
-
-  /**
-   * ID del menú seleccionado actualmente
-   */
-  selectedMenuId?: string;
-
-  /**
-   * Handler cuando se selecciona un menú
-   */
-  onMenuSelect?: (menuId: string) => void;
-
-  /**
-   * Handler cuando se hace clic en cambiar mesa
-   */
-  onChangeTable?: () => void;
-
-  /**
-   * Título de la sección de categorías
-   * @default "Categoría"
-   */
-  categoryTitle?: string;
-
-  /**
-   * Lista de categorías de productos
-   */
-  categories?: ProductCategory[];
-
-  /**
-   * ID de la categoría seleccionada actualmente
-   */
-  selectedCategoryId?: string;
-
-  /**
-   * Handler cuando se selecciona una categoría
-   */
-  onCategorySelect?: (categoryId: string) => void;
-
-  /**
-   * Título de la sección de productos
-   * @default "Productos"
-   */
-  productsTitle?: string;
-
-  /**
-   * Lista de productos a mostrar
-   */
-  products?: Product[];
-
-  /**
-   * Handler cuando se agrega un producto
-   */
-  onAddProduct?: (productId: string) => void;
-
-  /**
-   * Tab activo en el sidebar ("products" | "client")
-   * @default "products"
-   */
-  activeTab?: 'products' | 'client';
-
-  /**
-   * Handler cuando se cambia de tab
-   */
-  onTabChange?: (tab: 'products' | 'client') => void;
-
-  /**
-   * Items del pedido actual
-   */
-  orderItems?: OrderItem[];
-
-  /**
-   * Handler cuando cambia la cantidad de un item
-   */
-  onOrderItemQuantityChange?: (itemId: string, quantity: number) => void;
-
-  /**
-   * Handler cuando se elimina un item del pedido
-   */
-  onOrderItemDelete?: (itemId: string) => void;
-
-  /**
-   * Subtotal del pedido
-   */
-  subtotal?: string;
-
-  /**
-   * Impuestos del pedido
-   */
-  taxes?: string;
-
-  /**
-   * Total del pedido
-   */
-  total?: string;
-
-  /**
-   * Label del botón confirmar
-   * @default "Confirmar Pedido"
-   */
-  confirmLabel?: string;
-
-  /**
-   * Handler cuando se confirma el pedido
-   */
-  onConfirmOrder?: () => void;
-
-  /**
-   * Estado de carga
-   * @default false
-   */
-  isLoading?: boolean;
-
-  /**
-   * Mensaje de error (si existe)
-   */
-  errorMessage?: string;
-
-  /**
-   * Icono/avatar del usuario (opcional)
-   */
-  userAvatar?: string;
-
-  /**
-   * Nombre del usuario
-   */
-  userName?: string;
-
-  /**
-   * Rol del usuario
-   */
-  userRole?: string;
-
-  /**
-   * Logo del negocio
-   */
-  businessLogo?: string | ReactNode;
-
-  /**
-   * Logo de Siesa
-   */
-  siesaLogo?: string | ReactNode;
-
-  /**
-   * Clases CSS adicionales
-   */
-  className?: string;
-}
+import type { ReactNode } from 'react';
+
+/**
+ * Categoría de producto
+ */
+export interface ProductCategory {
+  id: string;
+  label: string;
+  image: string;
+}
+
+/**
+ * Producto individual
+ */
+export interface Product {
+  id: string;
+  name: string;
+  price: string;
+  image: string;
+  categoryId: string;
+}
+
+/**
+ * Item en el carrito/pedido
+ */
+export interface OrderItem {
+  productId: string;
+  productName: string;
+  categoryLabel: string;
+  categoryColor?:
+    | 'lime'
+    | 'red'
+    | 'orange'
+    | 'amber'
+    | 'yellow'
+    | 'green'
+    | 'emerald'
+    | 'teal'
+    | 'cyan'
+    | 'sky'
+    | 'blue'
+    | 'indigo'
+    | 'violet'
+    | 'purple'
+    | 'fuchsia'
+    | 'pink'
+    | 'rose'
+    | 'zinc'
+    | 'primary';
+  productRef: string;
+  price: string;
+  quantity: number;
+  descriptionItems?: Array<{
+    description: string;
+    price: string;
+  }>;
+}
+
+/**
+ * Menú disponible
+ */
+export interface Menu {
+  id: string;
+  label: string;
+}
+
+/**
+ * Props del componente ProductsView
+ */
+export interface ProductsViewProps {
+  /**
+   * Título del header (ej: "Mesa 1")
+   * @default "Mesa 1"
+   */
+  tableTitle?: string;
+
+  /**
+   * Label del botón de cambiar mesa
+   * @default "Cambiar Mesa"
+   */
+  changeTableLabel?: string;
+
+  /**
+   * Título de la sección de menús
+   * @default "Menús"
+   */
+  menusTitle?: string;
+
+  /**
+   * Lista de menús disponibles
+   */
+  menus?: Menu[];
+
+  /**
+   * ID del menú seleccionado actualmente
+   */
+  selectedMenuId?: string;
+
+  /**
+   * Handler cuando se selecciona un menú
+   */
+  onMenuSelect?: (menuId: string) => void;
+
+  /**
+   * Handler cuando se hace clic en cambiar mesa
+   */
+  onChangeTable?: () => void;
+
+  /**
+   * Título de la sección de categorías
+   * @default "Categoría"
+   */
+  categoryTitle?: string;
+
+  /**
+   * Lista de categorías de productos
+   */
+  categories?: ProductCategory[];
+
+  /**
+   * ID de la categoría seleccionada actualmente
+   */
+  selectedCategoryId?: string;
+
+  /**
+   * Handler cuando se selecciona una categoría
+   */
+  onCategorySelect?: (categoryId: string) => void;
+
+  /**
+   * Título de la sección de productos
+   * @default "Productos"
+   */
+  productsTitle?: string;
+
+  /**
+   * Lista de productos a mostrar
+   */
+  products?: Product[];
+
+  /**
+   * Handler cuando se agrega un producto
+   */
+  onAddProduct?: (productId: string) => void;
+
+  /**
+   * Tab activo en el sidebar ("products" | "client")
+   * @default "products"
+   */
+  activeTab?: 'products' | 'client';
+
+  /**
+   * Handler cuando se cambia de tab
+   */
+  onTabChange?: (tab: 'products' | 'client') => void;
+
+  /**
+   * Items del pedido actual
+   */
+  orderItems?: OrderItem[];
+
+  /**
+   * Handler cuando cambia la cantidad de un item
+   */
+  onOrderItemQuantityChange?: (itemId: string, quantity: number) => void;
+
+  /**
+   * Handler cuando se elimina un item del pedido
+   */
+  onOrderItemDelete?: (itemId: string) => void;
+
+  /**
+   * Subtotal del pedido
+   */
+  subtotal?: string;
+
+  /**
+   * Impuestos del pedido
+   */
+  taxes?: string;
+
+  /**
+   * Total del pedido
+   */
+  total?: string;
+
+  /**
+   * Label del botón confirmar
+   * @default "Confirmar Pedido"
+   */
+  confirmLabel?: string;
+
+  /**
+   * Handler cuando se confirma el pedido
+   */
+  onConfirmOrder?: () => void;
+
+  /**
+   * Estado de carga
+   * @default false
+   */
+  isLoading?: boolean;
+
+  /**
+   * Mensaje de error (si existe)
+   */
+  errorMessage?: string;
+
+  /**
+   * Icono/avatar del usuario (opcional)
+   */
+  userAvatar?: string;
+
+  /**
+   * Nombre del usuario
+   */
+  userName?: string;
+
+  /**
+   * Rol del usuario
+   */
+  userRole?: string;
+
+  /**
+   * Logo del negocio
+   */
+  businessLogo?: string | ReactNode;
+
+  /**
+   * Logo de Siesa
+   */
+  siesaLogo?: string | ReactNode;
+
+  /**
+   * Clases CSS adicionales
+   */
+  className?: string;
+}