siesa-ui-kit 1.0.4 → 1.0.5

package/dist/views/TableLayoutView/TableLayoutView.types.d.ts

@@ -1,170 +0,0 @@
-import type { ConventionStatus } from '../../components/POSConvention/POSConvention.types';
-/**
- * Estado de una ubicación/salón
- */
-export interface Location {
-    /**
-     * ID único de la ubicación
-     */
-    id: string;
-    /**
-     * Nombre de la ubicación (ej: "Antejardín", "Terraza", "Bar")
-     */
-    name: string;
-    /**
-     * Estado general de la ubicación
-     */
-    status: ConventionStatus;
-    /**
-     * Capacidad actual (mesas ocupadas/total)
-     */
-    capacity: {
-        current: number;
-        total: number;
-    };
-}
-/**
- * Estado de mesa compatible con POSTable
- * Nota: 'busy' se usa en lugar de 'occupied' para mantener compatibilidad con POSTable
- */
-export type TableStatus = 'available' | 'busy' | 'reserved';
-/**
- * Mesa en el layout
- */
-export interface TableItem {
-    /**
-     * Número de la mesa (ej: "01", "02")
-     */
-    tableNumber: string;
-    /**
-     * Estado actual de la mesa
-     * Nota: usa 'busy' en lugar de 'occupied' para POSTable
-     */
-    status: TableStatus;
-    /**
-     * Forma de la mesa
-     */
-    shape: 'square' | 'circle' | 'rectangle' | 'oval';
-    /**
-     * Cantidad de sillas (2, 4, 6, 8)
-     */
-    chairs: 2 | 4 | 6 | 8;
-    /**
-     * Si la mesa está actualmente seleccionada
-     */
-    isActive?: boolean;
-    /**
-     * Posición en el grid (opcional, para layout libre)
-     */
-    position?: {
-        x: number;
-        y: number;
-    };
-}
-/**
- * Props del componente TableLayoutView
- */
-export interface TableLayoutViewProps {
-    /**
-     * Lista de ubicaciones/salones disponibles
-     */
-    locations?: Location[];
-    /**
-     * ID de la ubicación actualmente seleccionada
-     */
-    activeLocationId?: string;
-    /**
-     * Lista de mesas en el layout actual
-     */
-    tables?: TableItem[];
-    /**
-     * Título del área de mesas (ej: "Mesas de Antejardín")
-     */
-    tablesTitle?: string;
-    /**
-     * Si se está mostrando el panel de selección de personas
-     */
-    showPeopleCountPanel?: boolean;
-    /**
-     * Información de la mesa seleccionada para el panel
-     */
-    selectedTable?: {
-        locationName: string;
-        tableName: string;
-    };
-    /**
-     * Cantidad de personas seleccionada
-     */
-    peopleCount?: number;
-    /**
-     * Callback cuando se selecciona una ubicación/salón
-     */
-    onLocationSelect?: (locationId: string) => void;
-    /**
-     * Callback cuando se selecciona una mesa
-     */
-    onTableSelect?: (tableNumber: string) => void;
-    /**
-     * Callback cuando se hace clic en "Crear Mesas"
-     */
-    onCreateTables?: () => void;
-    /**
-     * Callback cuando se hace clic en "Unir Mesas"
-     */
-    onMergeTables?: () => void;
-    /**
-     * Callback cuando se hace clic en "Separar Mesas"
-     */
-    onSplitTables?: () => void;
-    /**
-     * Callback cuando se selecciona un número de personas
-     */
-    onPeopleCountSelect?: (count: number) => void;
-    /**
-     * Callback cuando se hace clic en "Asignar"
-     */
-    onAssignTable?: () => void;
-    /**
-     * Callback cuando se hace clic en "Transferir"
-     */
-    onTransferTable?: () => void;
-    /**
-     * Callback cuando se hace clic en "Cubiertos"
-     */
-    onSetCutlery?: () => void;
-    /**
-     * Callback cuando se cierra el panel de personas
-     */
-    onClosePeoplePanel?: () => void;
-    /**
-     * Callback cuando cambia el switch de la mesa
-     */
-    onTableSwitchChange?: (checked: boolean) => void;
-    /**
-     * Si se está cargando información
-     */
-    isLoading?: boolean;
-    /**
-     * Mensaje de error (si existe)
-     */
-    errorMessage?: string;
-    /**
-     * Tipo de layout para las mesas:
-     * - 'grid': Grid automático con separación uniforme (por defecto)
-     * - 'free': Posicionamiento libre usando position.x/y de cada mesa
-     */
-    tableLayout?: 'grid' | 'free';
-    /**
-     * Clases CSS adicionales para el contenedor
-     */
-    className?: string;
-    /**
-     * Información del usuario para el navbar
-     */
-    userInfo?: {
-        avatar: string;
-        name: string;
-        role: string;
-    };
-}
-//# sourceMappingURL=TableLayoutView.types.d.ts.map

package/dist/views/TableLayoutView/TableLayoutView.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableLayoutView.types.d.ts","sourceRoot":"","sources":["../../../src/views/TableLayoutView/TableLayoutView.types.ts"],"names":[],"mappings":"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"}

package/dist/views/TableLayoutView/icons.d.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-/**
- * Iconos para TableLayoutView
- * Basados en Heroicons Micro (16x16px)
- */
-export declare const PlusIcon: React.FC<{
-    className?: string;
-}>;
-export declare const ArrowsPointingInIcon: React.FC<{
-    className?: string;
-}>;
-export declare const ArrowsPointingOutIcon: React.FC<{
-    className?: string;
-}>;
-export declare const ArrowRightEndOnRectangleIcon: React.FC<{
-    className?: string;
-}>;
-export declare const ArrowsRightLeftIcon: React.FC<{
-    className?: string;
-}>;
-export declare const RectangleGroupIcon: React.FC<{
-    className?: string;
-}>;
-export declare const XMarkIcon: React.FC<{
-    className?: string;
-}>;
-//# sourceMappingURL=icons.d.ts.map

package/dist/views/TableLayoutView/icons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/views/TableLayoutView/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AAGH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAUrD,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAcjE,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAclE,CAAC;AAGF,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAczE,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAchE,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAU/D,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAUtD,CAAC"}

package/dist/views/TableLayoutView/index.d.ts

@@ -1,3 +0,0 @@
-export { TableLayoutView } from './TableLayoutView';
-export type { TableLayoutViewProps, Location, TableItem, } from './TableLayoutView.types';
-//# sourceMappingURL=index.d.ts.map

package/dist/views/TableLayoutView/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/TableLayoutView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EACV,oBAAoB,EACpB,QAAQ,EACR,SAAS,GACV,MAAM,yBAAyB,CAAC"}

package/src/components/DropdownItemCollapsible/DropdownItemCollapsible.stories.tsx

@@ -1,317 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { DropdownItemCollapsible } from './DropdownItemCollapsible';
-import { UserIcon } from './icons';
-
-const meta = {
-  title: 'Components/DropdownItemCollapsible',
-  component: DropdownItemCollapsible,
-  parameters: {
-    layout: 'padded',
-    backgrounds: {
-      default: 'light',
-    },
-  },
-  tags: ['autodocs'],
-} satisfies Meta<typeof DropdownItemCollapsible>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-/**
- * Item colapsable básico sin encabezado ni divisor
- * Muestra estructura simple con header colapsable
- */
-export const Basic: Story = {
-  render: () => (
-    <DropdownItemCollapsible
-      label="Users"
-      icon={<UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />}
-      children={[
-        {
-          label: 'Active Users',
-          icon: <UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />,
-        },
-        {
-          label: 'Inactive Users',
-          icon: <UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />,
-        },
-      ]}
-    />
-  ),
-  args: {
-    label: 'Users',
-  },
-};
-
-/**
- * Item colapsable con encabezado de sección
- * Útil para agrupar items relacionados
- */
-export const WithHeading: Story = {
-  render: () => (
-    <DropdownItemCollapsible
-      label="Customers"
-      icon={<UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />}
-      showHeading={true}
-      headingLabel="SECTION 1"
-      children={[
-        {
-          label: 'Enterprise',
-          icon: <UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />,
-        },
-        {
-          label: 'SMB',
-          icon: <UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />,
-        },
-        {
-          label: 'Startup',
-          icon: <UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />,
-        },
-      ]}
-      showDivider={true}
-    />
-  ),
-  args: {
-    label: 'Customers',
-  },
-};
-
-/**
- * Item colapsable expandido por defecto
- */
-export const DefaultOpen: Story = {
-  render: () => (
-    <DropdownItemCollapsible
-      label="Departments"
-      icon={<UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />}
-      defaultOpen={true}
-      children={[
-        {
-          label: 'Sales',
-          icon: <UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />,
-        },
-        {
-          label: 'Marketing',
-          icon: <UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />,
-        },
-        {
-          label: 'Engineering',
-          icon: <UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />,
-        },
-        {
-          label: 'Operations',
-          icon: <UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />,
-        },
-      ]}
-    />
-  ),
-  args: {
-    label: 'Departments',
-  },
-};
-
-/**
- * Item deshabilitado
- * No se puede expandir ni interactuar
- */
-export const Disabled: Story = {
-  render: () => (
-    <DropdownItemCollapsible
-      label="Archived"
-      icon={<UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />}
-      disabled={true}
-      children={[
-        {
-          label: 'Old Item 1',
-          icon: <UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />,
-        },
-        {
-          label: 'Old Item 2',
-          icon: <UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />,
-        },
-      ]}
-    />
-  ),
-  args: {
-    label: 'Archived',
-  },
-};
-
-/**
- * Item simple sin items anidados (no colapsable)
- * Actúa como un botón normal
- */
-export const Simple: Story = {
-  args: {
-    label: 'Single Item',
-    icon: <UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />,
-    isCollapsible: false,
-  },
-};
-
-/**
- * Item sin icono
- */
-export const WithoutIcon: Story = {
-  render: () => (
-    <DropdownItemCollapsible
-      label="No Icon Item"
-      children={[
-        {
-          label: 'Child 1',
-        },
-        {
-          label: 'Child 2',
-        },
-        {
-          label: 'Child 3',
-        },
-      ]}
-    />
-  ),
-  args: {
-    label: 'No Icon Item',
-  },
-};
-
-/**
- * Items anidados sin iconos
- */
-export const ChildrenWithoutIcons: Story = {
-  render: () => (
-    <DropdownItemCollapsible
-      label="Groups"
-      icon={<UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />}
-      children={[
-        {
-          label: 'Admins',
-        },
-        {
-          label: 'Users',
-        },
-        {
-          label: 'Guests',
-        },
-      ]}
-    />
-  ),
-  args: {
-    label: 'Groups',
-  },
-};
-
-/**
- * Múltiples items colapsables para simular dropdown completo
- */
-export const MultipleItems: Story = {
-  args: {
-    label: 'Multi Demo',
-  },
-  render: () => (
-    <div className="flex flex-col gap-0 w-56 bg-bg-primary dark:bg-dark-bg-primary rounded-lg border border-border-primary dark:border-dark-border-primary p-2">
-      <DropdownItemCollapsible
-        label="Users"
-        icon={<UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />}
-        showHeading={true}
-        headingLabel="RESOURCES"
-        showDivider={true}
-        children={[
-          {
-            label: 'Active Users',
-            icon: <UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />,
-          },
-          {
-            label: 'Inactive Users',
-            icon: <UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />,
-          },
-        ]}
-      />
-
-      <DropdownItemCollapsible
-        label="Departments"
-        icon={<UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />}
-        showDivider={true}
-        children={[
-          {
-            label: 'Sales',
-            icon: <UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />,
-          },
-          {
-            label: 'Marketing',
-            icon: <UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />,
-          },
-          {
-            label: 'Engineering',
-            icon: <UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />,
-          },
-        ]}
-      />
-
-      <DropdownItemCollapsible
-        label="Settings"
-        icon={<UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />}
-        showDivider={false}
-        isCollapsible={false}
-      />
-    </div>
-  ),
-};
-
-/**
- * Ejemplo con callbacks
- */
-export const WithCallbacks: Story = {
-  render: () => (
-    <DropdownItemCollapsible
-      label="Actions"
-      icon={<UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />}
-      defaultOpen={false}
-      children={[
-        {
-          label: 'Edit',
-          icon: <UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />,
-          onClick: () => console.log('Edit clicked'),
-        },
-        {
-          label: 'Delete',
-          icon: <UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />,
-          onClick: () => console.log('Delete clicked'),
-        },
-        {
-          label: 'Archive',
-          disabled: true,
-          icon: <UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />,
-        },
-      ]}
-      onOpenChange={(open) => console.log('Toggle state:', open)}
-    />
-  ),
-  args: {
-    label: 'Actions',
-  },
-};
-
-/**
- * Item con muchos items anidados
- */
-export const ManyChildren: Story = {
-  render: () => (
-    <DropdownItemCollapsible
-      label="Countries"
-      icon={<UserIcon className="w-4 h-4 stroke-content-secondary dark:stroke-content-secondary" />}
-      children={[
-        { label: 'United States' },
-        { label: 'Canada' },
-        { label: 'Mexico' },
-        { label: 'Brazil' },
-        { label: 'Argentina' },
-        { label: 'Chile' },
-        { label: 'Colombia' },
-        { label: 'Peru' },
-      ]}
-    />
-  ),
-  args: {
-    label: 'Countries',
-  },
-};