@metropolle/design-system 1.0.0-beta.20250821024300.dfbe136 → 1.0.0-beta.2026.1.10.2327.6729fca

package/dist/css/tokens.css

@@ -1,6 +1,39 @@
 :root {
   /* Metropolle Design System Tokens */
 
+  /* COLORS */
+  --mds-colors-color-brand-primary-default: #0055FF;
+  --mds-colors-color-brand-primary-hover: #0044CC;
+  --mds-colors-color-brand-primary-active: #003399;
+  --mds-colors-color-brand-primary-disabled: #80AAFF;
+  --mds-colors-color-brand-secondary-default: #FF9900;
+  --mds-colors-color-brand-secondary-hover: #E68A00;
+  --mds-colors-color-brand-secondary-active: #CC7A00;
+  --mds-colors-color-brand-secondary-disabled: #FFCC80;
+  --mds-colors-color-brand-neutral: #333333;
+  --mds-colors-color-semantic-success-default: #10B981;
+  --mds-colors-color-semantic-success-light: #D1FAE5;
+  --mds-colors-color-semantic-success-dark: #065F46;
+  --mds-colors-color-semantic-warning-default: #F59E0B;
+  --mds-colors-color-semantic-warning-light: #FEF3C7;
+  --mds-colors-color-semantic-warning-dark: #92400E;
+  --mds-colors-color-semantic-error-default: #EF4444;
+  --mds-colors-color-semantic-error-light: #FEE2E2;
+  --mds-colors-color-semantic-error-dark: #991B1B;
+  --mds-colors-color-semantic-info-default: #3B82F6;
+  --mds-colors-color-semantic-info-light: #DBEAFE;
+  --mds-colors-color-semantic-info-dark: #1E40AF;
+  --mds-colors-color-background-primary: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #2a2a2a 100%);
+  --mds-colors-color-background-secondary: rgba(255, 255, 255, 0.05);
+  --mds-colors-color-background-glass-light: rgba(255, 255, 255, 0.15);
+  --mds-colors-color-background-glass-dark: rgba(60, 60, 60, 0.8);
+  --mds-colors-color-text-primary: #ffffff;
+  --mds-colors-color-text-secondary: rgba(255, 255, 255, 0.7);
+  --mds-colors-color-text-muted: rgba(255, 255, 255, 0.5);
+  --mds-colors-color-border-light: rgba(255, 255, 255, 0.1);
+  --mds-colors-color-border-medium: rgba(255, 255, 255, 0.2);
+  --mds-colors-color-border-strong: rgba(255, 255, 255, 0.3);
+
   /* TYPOGRAPHY */
   --mds-typography-fontFamily-brand: Helvetica, Inter Tight, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
   --mds-typography-fontFamily-mono: 'SF Mono', Monaco, 'Inconsolata', 'Roboto Mono', 'Source Code Pro', monospace;
@@ -33,6 +66,40 @@
   --mds-spacing-xl: 2rem;
   --mds-spacing-2xl: 3rem;
   --mds-spacing-3xl: 4rem;
+  --mds-spacing-borderRadius-sm: 0.25rem;
+  --mds-spacing-borderRadius-md: 0.5rem;
+  --mds-spacing-borderRadius-lg: 1rem;
+  --mds-spacing-borderRadius-xl: 1.25rem;
+  --mds-spacing-borderRadius-full: 50%;
+  --mds-spacing-shadow-glass-light: 0 8px 32px rgba(0, 0, 0, 0.1);
+  --mds-spacing-shadow-glass-lightHover: 0 12px 40px rgba(0, 0, 0, 0.15);
+  --mds-spacing-shadow-glass-dark: 0 8px 32px rgba(0, 0, 0, 0.3);
+  --mds-spacing-shadow-glass-darkHover: 0 12px 40px rgba(0, 0, 0, 0.4);
+  --mds-spacing-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
+  --mds-spacing-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
+  --mds-spacing-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
+  --mds-spacing-blur-glass-default: 20px;
+  --mds-spacing-blur-glass-light: 15px;
+  --mds-spacing-blur-glass-heavy: 30px;
+
+  /* EFFECTS */
+  --mds-effects-transition-fast: 0.15s ease;
+  --mds-effects-transition-normal: 0.3s ease;
+  --mds-effects-transition-slow: 0.5s ease;
+  --mds-effects-animation-fadeIn: fadeIn 0.3s ease-in-out;
+  --mds-effects-animation-slideUp: slideUp 0.3s ease-out;
+  --mds-effects-animation-bounce: bounce 0.6s ease-in-out;
+  --mds-effects-backdrop-glass-filter: blur(var(--blur, 20px));
+  --mds-effects-backdrop-glass-webkitFilter: blur(var(--blur, 20px));
+  --mds-effects-transform-hoverUp: translateY(-2px);
+  --mds-effects-transform-scale-hover: scale(1.02);
+  --mds-effects-transform-scale-active: scale(0.98);
+  --mds-effects-opacity-glass-light-default: 0.15;
+  --mds-effects-opacity-glass-light-hover: 0.2;
+  --mds-effects-opacity-glass-dark-default: 0.8;
+  --mds-effects-opacity-glass-dark-hover: 0.85;
+  --mds-effects-opacity-disabled: 0.5;
+  --mds-effects-opacity-muted: 0.7;
 
 }
 

package/dist/react/components/react/Button/Button.d.ts

@@ -1,7 +1,7 @@
 import React, { ButtonHTMLAttributes } from 'react';
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /** Variante visual do botão */
-    variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'glass';
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'subtle' | 'glass' | 'danger';
     /** Tamanho do botão */
     size?: 'sm' | 'md' | 'lg';
     /** Estado de loading */

package/dist/react/components/react/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGhE,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,+BAA+B;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;IAClE,uBAAuB;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,wBAAwB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,MAAM,uFA4DjB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGhE,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,+BAA+B;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACxF,uBAAuB;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,wBAAwB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,MAAM,uFA4DjB,CAAC"}

package/dist/react/components/react/DataTable/DataTable.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DataTableProps } from './types';
+export declare const DataTable: React.FC<DataTableProps>;
+//# sourceMappingURL=DataTable.d.ts.map

package/dist/react/components/react/DataTable/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,cAAc,EAAe,MAAM,SAAS,CAAC;AAItD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAsM9C,CAAC"}

package/dist/react/components/react/DataTable/TableHeader.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TableHeaderProps } from './types';
+export declare const TableHeader: React.FC<TableHeaderProps>;
+//# sourceMappingURL=TableHeader.d.ts.map

package/dist/react/components/react/DataTable/TableHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/DataTable/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4ElD,CAAC"}

package/dist/react/components/react/DataTable/TableRow.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TableRowProps } from './types';
+export declare const TableRow: React.FC<TableRowProps>;
+//# sourceMappingURL=TableRow.d.ts.map

package/dist/react/components/react/DataTable/TableRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/DataTable/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAe,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgH5C,CAAC"}

package/dist/react/components/react/DataTable/examples.d.ts

@@ -0,0 +1,28 @@
+import { TableColumn, TableAction } from './types';
+export declare const parametersTableConfig: {
+    columns: TableColumn[];
+    actions: TableAction[];
+};
+export declare const regionsTableConfig: {
+    columns: TableColumn[];
+    actions: TableAction[];
+};
+export declare const countriesTableConfig: {
+    columns: TableColumn[];
+    actions: TableAction[];
+};
+export declare const auditLogTableConfig: {
+    columns: TableColumn[];
+};
+export declare const statesTableConfig: {
+    columns: TableColumn[];
+    actions: TableAction[];
+};
+export declare const citiesTableConfig: {
+    columns: TableColumn[];
+    actions: TableAction[];
+};
+export declare const getTableConfig: (type: string) => {
+    columns: TableColumn[];
+};
+//# sourceMappingURL=examples.d.ts.map

package/dist/react/components/react/DataTable/examples.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"examples.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/DataTable/examples.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAInD,eAAO,MAAM,qBAAqB;aAyB3B,WAAW,EAAE;aAkBb,WAAW,EAAE;CACnB,CAAC;AAGF,eAAO,MAAM,kBAAkB;aAgCxB,WAAW,EAAE;aAgBb,WAAW,EAAE;CACnB,CAAC;AAGF,eAAO,MAAM,oBAAoB;aAmC1B,WAAW,EAAE;aAeb,WAAW,EAAE;CACnB,CAAC;AAGF,eAAO,MAAM,mBAAmB;aA8DzB,WAAW,EAAE;CACnB,CAAC;AAGF,eAAO,MAAM,iBAAiB;aA0BvB,WAAW,EAAE;aAeb,WAAW,EAAE;CACnB,CAAC;AAGF,eAAO,MAAM,iBAAiB;aAoCvB,WAAW,EAAE;aAeb,WAAW,EAAE;CACnB,CAAC;AAGF,eAAO,MAAM,cAAc,GAAI,MAAM,MAAM;aAxGpC,WAAW,EAAE;CAyHnB,CAAC"}

package/dist/react/components/react/DataTable/index.d.ts

@@ -0,0 +1,7 @@
+export { DataTable } from './DataTable';
+export { TableHeader } from './TableHeader';
+export { TableRow } from './TableRow';
+export { CellRenderers, ActionIcons } from './renderers';
+export { parametersTableConfig, regionsTableConfig, countriesTableConfig, statesTableConfig, citiesTableConfig, auditLogTableConfig, getTableConfig } from './examples';
+export type { DataTableProps, TableColumn, TableAction, TableRowProps, TableHeaderProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/react/components/react/DataTable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/DataTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EACL,qBAAqB,EACrB,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACf,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,cAAc,EACd,WAAW,EACX,WAAW,EACX,aAAa,EACb,gBAAgB,EACjB,MAAM,SAAS,CAAC"}

package/dist/react/components/react/DataTable/migration-example.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Exemplo de Migração: ParametersTable → DataTable
+ *
+ * Este arquivo mostra como migrar a tabela de parâmetros existente
+ * para usar o novo componente DataTable padronizado.
+ */
+import React from 'react';
+interface Parameter {
+    name: string;
+    value: string;
+    type: 'String' | 'SecureString' | 'StringList';
+    description: string;
+}
+interface ParametersDataTableProps {
+    parameters: Parameter[];
+    loading: boolean;
+    onEdit: (parameter: Parameter) => void;
+    onDelete: (parameter: Parameter) => void;
+    deletingParameterName?: string;
+    searchTerm?: string;
+}
+export declare const ParametersTableOld: ({ parameters, loading, onEdit, onDelete }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const ParametersDataTable: React.FC<ParametersDataTableProps>;
+export declare const ExampleUsage: () => import("react/jsx-runtime").JSX.Element;
+export {};
+/**
+ * VANTAGENS DA MIGRAÇÃO:
+ *
+ * 1. ✅ Código reduzido: De ~280 linhas para ~50 linhas
+ * 2. ✅ Responsividade automática: Mobile/tablet otimizados
+ * 3. ✅ Estilos consistentes: Mesmo visual em toda plataforma
+ * 4. ✅ Manutenção centralizada: Updates no design system
+ * 5. ✅ Acessibilidade: ARIA roles automáticos
+ * 6. ✅ Performance: Renderização otimizada
+ * 7. ✅ TypeScript: Tipagem completa e IntelliSense
+ *
+ * PASSOS DA MIGRAÇÃO:
+ *
+ * 1. Substituir import: ParametersTable → DataTable
+ * 2. Configurar columns array com render functions
+ * 3. Configurar actions array com handlers
+ * 4. Remover código inline de estilo/layout
+ * 5. Testar responsividade mobile
+ * 6. Remover componente antigo após validação
+ */ 
+//# sourceMappingURL=migration-example.d.ts.map

package/dist/react/components/react/DataTable/migration-example.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"migration-example.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/DataTable/migration-example.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,GAAG,cAAc,GAAG,YAAY,CAAC;IAC/C,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,wBAAwB;IAChC,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAGD,eAAO,MAAM,kBAAkB,GAAI,2CAA2C,GAAG,4CAehF,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAwElE,CAAC;AAGF,eAAO,MAAM,YAAY,+CAqCxB,CAAC;;AAEF;;;;;;;;;;;;;;;;;;;GAmBG"}

package/dist/react/components/react/DataTable/renderers.d.ts

@@ -0,0 +1,24 @@
+export declare const CellRenderers: {
+    id: (value: any) => import("react/jsx-runtime").JSX.Element;
+    name: (value: any) => import("react/jsx-runtime").JSX.Element;
+    parameterValue: (value: any, item: any) => import("react/jsx-runtime").JSX.Element;
+    badge: (value: any, variant?: "primary" | "success" | "warning" | "danger" | "info") => import("react/jsx-runtime").JSX.Element;
+    parameterType: (value: any) => import("react/jsx-runtime").JSX.Element;
+    environment: (value: any, item: any) => import("react/jsx-runtime").JSX.Element;
+    actionType: (value: any) => import("react/jsx-runtime").JSX.Element;
+    date: (value: any) => import("react/jsx-runtime").JSX.Element;
+    description: (value: any) => import("react/jsx-runtime").JSX.Element;
+    jsonPreview: (value: any) => import("react/jsx-runtime").JSX.Element;
+    combined: (mainValue: any, description: any) => import("react/jsx-runtime").JSX.Element;
+    combinedWithBadges: (mainValue: any, badges: Array<{
+        value: any;
+        variant?: string;
+    }>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const ActionIcons: {
+    edit: import("react/jsx-runtime").JSX.Element;
+    delete: import("react/jsx-runtime").JSX.Element;
+    view: import("react/jsx-runtime").JSX.Element;
+    loading: import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=renderers.d.ts.map

package/dist/react/components/react/DataTable/renderers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderers.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/DataTable/renderers.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;gBAEZ,GAAG;kBAeD,GAAG;4BAcO,GAAG,QAAQ,GAAG;mBAqBvB,GAAG,YAAW,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM;2BAO3D,GAAG;yBAOL,GAAG,QAAQ,GAAG;wBAOf,GAAG;kBAOT,GAAG;yBAUI,GAAG;yBAcH,GAAG;0BAoBF,GAAG,eAAe,GAAG;oCAQX,GAAG,UAAU,KAAK,CAAC;QAAC,KAAK,EAAE,GAAG,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC;CAYnF,CAAC;AAGF,eAAO,MAAM,WAAW;;;;;CAqBvB,CAAC"}

package/dist/react/components/react/DataTable/types.d.ts

@@ -0,0 +1,58 @@
+export interface TableColumn {
+    key: string;
+    label: string;
+    width?: string;
+    align?: 'left' | 'center' | 'right';
+    sortable?: boolean;
+    render?: (value: any, item: any, index: number) => React.ReactNode;
+    responsive?: {
+        mobile?: 'hide' | 'stack' | 'show';
+        tablet?: 'hide' | 'stack' | 'show';
+    };
+}
+export interface TableAction {
+    key: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    variant?: 'primary' | 'secondary' | 'danger';
+    disabled?: (item: any) => boolean;
+    loading?: (item: any) => boolean;
+    onClick: (item: any) => void;
+}
+export interface DataTableProps {
+    data: any[];
+    columns: TableColumn[];
+    loading?: boolean;
+    searchTerm?: string;
+    actions?: TableAction[];
+    variant?: 'default' | 'compact' | 'audit';
+    responsive?: 'stack' | 'scroll' | 'hide-columns';
+    onSort?: (column: string, direction: 'asc' | 'desc') => void;
+    emptyMessage?: string;
+    loadingMessage?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    maxHeight?: string;
+    showSearchCount?: boolean;
+    rowHover?: boolean;
+    striped?: boolean;
+}
+export interface TableRowProps {
+    item: any;
+    index: number;
+    columns: TableColumn[];
+    actions?: TableAction[];
+    gridTemplate: string;
+    isLast: boolean;
+    variant: 'default' | 'compact' | 'audit';
+    onActionClick: (action: TableAction, item: any) => void;
+}
+export interface TableHeaderProps {
+    columns: TableColumn[];
+    gridTemplate: string;
+    onSort?: (column: string) => void;
+    sortColumn?: string;
+    sortDirection?: 'asc' | 'desc';
+    hasActions?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/react/components/react/DataTable/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/DataTable/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACnE,UAAU,CAAC,EAAE;QACX,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;QACnC,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;KACpC,CAAC;CACH;AAED,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC;IAClC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC;IACjC,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC1C,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,cAAc,CAAC;IACjD,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,GAAG,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACzC,aAAa,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;CACzD;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/dist/react/components/react/DetailModal/DetailModal.d.ts

@@ -0,0 +1,55 @@
+import React from 'react';
+export interface DetailModalProps {
+    /** Modal open state */
+    open: boolean;
+    /** Close handler */
+    onClose: () => void;
+    /** Modal title */
+    title: string;
+    /** Header icon (left side, contextual to content) */
+    icon?: React.ReactNode;
+    /** Optional subtitle/description */
+    subtitle?: string;
+    /** Content (InfoBox, tables, data displays) */
+    children: React.ReactNode;
+    /** Close button text */
+    closeText?: string;
+    /** Optional action button */
+    action?: {
+        label: string;
+        onClick: () => void;
+        variant?: 'primary' | 'secondary' | 'ghost';
+        disabled?: boolean;
+    };
+    /** Modal size */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Additional className */
+    className?: string;
+}
+/**
+ * DetailModal - Normalized template for read-only detail modals
+ *
+ * Pattern extracted from GeographyDetailsModal, AuditLogDetailModal (backoffice)
+ * Provides consistent structure for viewing entity details
+ *
+ * @example
+ * <DetailModal
+ *   open={showDetails}
+ *   onClose={() => setShowDetails(false)}
+ *   title="User Details"
+ *   subtitle="Created on Jan 1, 2024"
+ *   action={{
+ *     label: 'Edit',
+ *     onClick: handleEdit,
+ *     variant: 'primary'
+ *   }}
+ * >
+ *   <InfoBox title="Basic Information">
+ *     <InfoRow label="Name" value={user.name} />
+ *     <InfoRow label="Email" value={user.email} />
+ *   </InfoBox>
+ * </DetailModal>
+ */
+export declare function DetailModal({ open, onClose, title, icon, subtitle, children, closeText, action, size, className }: DetailModalProps): import("react/jsx-runtime").JSX.Element;
+export default DetailModal;
+//# sourceMappingURL=DetailModal.d.ts.map

package/dist/react/components/react/DetailModal/DetailModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/DetailModal/DetailModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,gBAAgB;IAC/B,uBAAuB;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;QAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;IACF,iBAAiB;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,SAAmB,EACnB,MAAM,EACN,IAAW,EACX,SAAc,EACf,EAAE,gBAAgB,2CAoHlB;AAED,eAAe,WAAW,CAAC"}

package/dist/react/components/react/DetailModal/index.d.ts

@@ -0,0 +1,3 @@
+export { DetailModal, type DetailModalProps } from './DetailModal';
+export { default } from './DetailModal';
+//# sourceMappingURL=index.d.ts.map

package/dist/react/components/react/DetailModal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/DetailModal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/dist/react/components/react/FormField/FormField.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+export interface FormFieldProps {
+    /** Label text */
+    label: string;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Error message to display */
+    error?: string;
+    /** Helper text below the input */
+    helper?: string;
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Children (input element) */
+    children: React.ReactNode;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * FormField - Normalized wrapper for form inputs
+ *
+ * Pattern extracted from AdminUserModal.tsx (backoffice/users)
+ * Provides consistent label, error, and helper text styling
+ */
+export declare function FormField({ label, required, error, helper, disabled, children, className }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
+export default FormField;
+//# sourceMappingURL=FormField.d.ts.map

package/dist/react/components/react/FormField/FormField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/FormField/FormField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC7B,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAgB,EAChB,KAAK,EACL,MAAM,EACN,QAAgB,EAChB,QAAQ,EACR,SAAc,EACf,EAAE,cAAc,2CA+ChB;AAED,eAAe,SAAS,CAAC"}

package/dist/react/components/react/FormField/index.d.ts

@@ -0,0 +1,3 @@
+export { FormField, type FormFieldProps } from './FormField';
+export { default } from './FormField';
+//# sourceMappingURL=index.d.ts.map

package/dist/react/components/react/FormField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/FormField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}

package/dist/react/components/react/FormGrid/FormGrid.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface FormGridProps {
+    /** Number of columns (1 or 2) */
+    columns?: 1 | 2;
+    /** Gap between fields */
+    gap?: 'sm' | 'md' | 'lg';
+    /** Children (FormField components) */
+    children: React.ReactNode;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * FormGrid - Normalized grid layout for form fields
+ *
+ * Pattern extracted from AdminUserModal.tsx (backoffice/users)
+ * Provides consistent 1 or 2 column layouts with proper gap
+ */
+export declare function FormGrid({ columns, gap, children, className }: FormGridProps): import("react/jsx-runtime").JSX.Element;
+export default FormGrid;
+//# sourceMappingURL=FormGrid.d.ts.map

package/dist/react/components/react/FormGrid/FormGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGrid.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/FormGrid/FormGrid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,aAAa;IAC5B,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAChB,yBAAyB;IACzB,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAW,EACX,GAAU,EACV,QAAQ,EACR,SAAc,EACf,EAAE,aAAa,2CAaf;AAED,eAAe,QAAQ,CAAC"}

package/dist/react/components/react/FormGrid/index.d.ts

@@ -0,0 +1,3 @@
+export { FormGrid, type FormGridProps } from './FormGrid';
+export { default } from './FormGrid';
+//# sourceMappingURL=index.d.ts.map

package/dist/react/components/react/FormGrid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/FormGrid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

package/dist/react/components/react/FormModal/FormModal.d.ts

@@ -0,0 +1,58 @@
+import React from 'react';
+export interface FormModalProps {
+    /** Modal open state */
+    open: boolean;
+    /** Close handler */
+    onClose: () => void;
+    /** Form submit handler */
+    onSubmit: (e: React.FormEvent) => void;
+    /** Modal title */
+    title: string;
+    /** Header icon (left side, contextual to action) */
+    icon?: React.ReactNode;
+    /** Optional subtitle/description */
+    subtitle?: string;
+    /** Info box content (shown above form) */
+    info?: React.ReactNode;
+    /** Info box variant */
+    infoVariant?: 'info' | 'warning' | 'success' | 'danger';
+    /** Form content (FormField, FormGrid, FormSection) */
+    children: React.ReactNode;
+    /** Submit button text */
+    submitText?: string;
+    /** Cancel button text */
+    cancelText?: string;
+    /** Loading state */
+    loading?: boolean;
+    /** Disable submit button */
+    submitDisabled?: boolean;
+    /** Modal size */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Additional className */
+    className?: string;
+}
+/**
+ * FormModal - Normalized template for CRUD modal forms
+ *
+ * Pattern extracted from AdminUserModal.tsx (backoffice/users)
+ * Provides consistent structure for create/edit entity modals
+ *
+ * @example
+ * <FormModal
+ *   open={showModal}
+ *   onClose={() => setShowModal(false)}
+ *   onSubmit={handleSubmit}
+ *   title="Edit User"
+ *   info="Changes will be saved immediately."
+ *   infoVariant="info"
+ *   loading={isSaving}
+ *   submitText="Save"
+ * >
+ *   <FormField label="Name" required error={errors.name}>
+ *     <input className="mds-input" value={name} onChange={...} />
+ *   </FormField>
+ * </FormModal>
+ */
+export declare function FormModal({ open, onClose, onSubmit, title, icon, subtitle, info, infoVariant, children, submitText, cancelText, loading, submitDisabled, size, className }: FormModalProps): import("react/jsx-runtime").JSX.Element;
+export default FormModal;
+//# sourceMappingURL=FormModal.d.ts.map

package/dist/react/components/react/FormModal/FormModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/FormModal/FormModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,cAAc;IAC7B,uBAAuB;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,0BAA0B;IAC1B,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IACvC,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxD,sDAAsD;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4BAA4B;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,WAAoB,EACpB,QAAQ,EACR,UAAmB,EACnB,UAAqB,EACrB,OAAe,EACf,cAAsB,EACtB,IAAW,EACX,SAAc,EACf,EAAE,cAAc,2CA0IhB;AAED,eAAe,SAAS,CAAC"}

package/dist/react/components/react/FormModal/index.d.ts

@@ -0,0 +1,3 @@
+export { FormModal, type FormModalProps } from './FormModal';
+export { default } from './FormModal';
+//# sourceMappingURL=index.d.ts.map

package/dist/react/components/react/FormModal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/FormModal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}

package/dist/react/components/react/FormSection/FormSection.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface FormSectionProps {
+    /** Section title */
+    title?: string;
+    /** Section description */
+    description?: string;
+    /** Children (FormField or FormGrid components) */
+    children: React.ReactNode;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * FormSection - Normalized section wrapper for grouping form fields
+ *
+ * Pattern extracted from AdminUserModal.tsx (backoffice/users)
+ * Provides consistent section headers and spacing
+ */
+export declare function FormSection({ title, description, children, className }: FormSectionProps): import("react/jsx-runtime").JSX.Element;
+export default FormSection;
+//# sourceMappingURL=FormSection.d.ts.map

package/dist/react/components/react/FormSection/FormSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/FormSection/FormSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,gBAAgB;IAC/B,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAc,EACf,EAAE,gBAAgB,2CAsClB;AAED,eAAe,WAAW,CAAC"}

package/dist/react/components/react/FormSection/index.d.ts

@@ -0,0 +1,3 @@
+export { FormSection, type FormSectionProps } from './FormSection';
+export { default } from './FormSection';
+//# sourceMappingURL=index.d.ts.map

package/dist/react/components/react/FormSection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/FormSection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}