@archbase/components 3.0.0

package/src/datagrid/modals/print-modal.tsx

@@ -0,0 +1,200 @@
+import React, { useState, useCallback } from 'react';
+import { Modal, Stack, Group, Button, TextInput, Checkbox, Select, Box, ScrollArea } from '@mantine/core';
+import { useArchbaseTranslation } from '@archbase/core';
+import { PrintConfig } from './print-data';
+
+// Props do modal de impressão
+export interface PrintModalProps {
+  opened: boolean;
+  onClose: () => void;
+  onPrint: (config: PrintConfig) => void;
+  columns: any[];
+  defaultConfig?: Partial<PrintConfig>;
+}
+
+// Componente Modal para configuração de impressão com ScrollArea
+export function PrintModal({
+  opened,
+  onClose,
+  onPrint,
+  columns,
+  defaultConfig = {}
+}: PrintModalProps) {
+  const { t } = useArchbaseTranslation();
+  const [config, setConfig] = useState<PrintConfig>({
+    orientation: 'landscape',
+    pageSize: 'A4',
+    showHeader: true,
+    showFooter: true,
+    showPageNumbers: true,
+    showDate: true,
+    selectedColumns: columns.map((col) => col.id),
+    ...defaultConfig
+  });
+
+  const handlePrint = useCallback(() => {
+    onPrint(config);
+  }, [config, onPrint]);
+
+  const handleOrientationChange = useCallback((value: string | null) => {
+    if (value && (value === 'portrait' || value === 'landscape')) {
+      setConfig((prev) => ({ ...prev, orientation: value as 'portrait' | 'landscape' }));
+    }
+  }, []);
+
+  const handlePageSizeChange = useCallback((value: string | null) => {
+    if (value && (value === 'A4' || value === 'A3' || value === 'Letter')) {
+      setConfig((prev) => ({ ...prev, pageSize: value as 'A4' | 'A3' | 'Letter' }));
+    }
+  }, []);
+
+  return (
+    <Modal 
+      opened={opened} 
+      onClose={onClose} 
+      title={`${t('Configuração de Impressão')}`} 
+      size="lg"
+      styles={{
+        body: {
+          padding: 0, // Removendo padding para o ScrollArea ocupar todo o espaço
+          paddingBottom: 60 // Espaço para os botões fixos
+        }
+      }}
+    >
+      <ScrollArea.Autosize mah="70vh" p="md" offsetScrollbars>
+        <Stack gap="md" pb={8}>
+          <TextInput
+            label={`${t('Título')}`}
+            value={config.title}
+            onChange={(e) => setConfig((prev) => ({ ...prev, title: e.target.value }))}
+          />
+
+          <TextInput
+            label={`${t('Subtítulo')}`}
+            value={config.subtitle}
+            onChange={(e) => setConfig((prev) => ({ ...prev, subtitle: e.target.value }))}
+          />
+
+          <Group grow>
+            <Select
+              label={`${t('Tamanho da Página')}`}
+              value={config.pageSize}
+              onChange={handlePageSizeChange}
+              data={[
+                { value: 'A4', label: 'A4' },
+                { value: 'A3', label: 'A3' },
+                { value: 'Letter', label: 'Carta' }
+              ]}
+            />
+
+            <Select
+              label={`${t('Orientação')}`}
+              value={config.orientation}
+              onChange={handleOrientationChange}
+              data={[
+                { value: 'portrait', label: `${t('Retrato')}` },
+                { value: 'landscape', label: `${t('Paisagem')}` }
+              ]}
+            />
+          </Group>
+
+          <Box>
+            <Box mb="xs">{`${t('Opções')}`}</Box>
+            <Stack gap="xs">
+              <Checkbox
+                label={`${t('Mostrar Cabeçalho')}`}
+                checked={config.showHeader}
+                onChange={(e) =>
+                  setConfig((prev) => ({ ...prev, showHeader: e.currentTarget.checked }))
+                }
+              />
+              {config.showHeader && (
+                <TextInput
+                  label={`${t('Texto do Cabeçalho')}`}
+                  value={config.headerText}
+                  onChange={(e) => setConfig((prev) => ({ ...prev, headerText: e.target.value }))}
+                />
+              )}
+
+              <Checkbox
+                label={`${t('Mostrar Rodapé')}`}
+                checked={config.showFooter}
+                onChange={(e) =>
+                  setConfig((prev) => ({ ...prev, showFooter: e.currentTarget.checked }))
+                }
+              />
+              {config.showFooter && (
+                <TextInput
+                  label={`${t('Texto do Rodapé')}`}
+                  value={config.footerText}
+                  onChange={(e) => setConfig((prev) => ({ ...prev, footerText: e.target.value }))}
+                />
+              )}
+
+              <Checkbox
+                label={`${t('Mostrar Números das Páginas')}`}
+                checked={config.showPageNumbers}
+                onChange={(e) =>
+                  setConfig((prev) => ({
+                    ...prev,
+                    showPageNumbers: e.currentTarget.checked
+                  }))
+                }
+              />
+
+              <Checkbox
+                label={`${t('Mostrar Data')}`}
+                checked={config.showDate}
+                onChange={(e) =>
+                  setConfig((prev) => ({ ...prev, showDate: e.currentTarget.checked }))
+                }
+              />
+            </Stack>
+          </Box>
+
+          <Box>
+            <Box mb="xs">{`${t('Selecionar Colunas')}`}</Box>
+            <Stack gap="xs">
+              {columns.map((column) => (
+                <Checkbox
+                  key={column.id}
+                  label={column.title}
+                  checked={config.selectedColumns?.includes(column.id)}
+                  onChange={(e) => {
+                    const checked = e.currentTarget.checked;
+                    setConfig((prev) => ({
+                      ...prev,
+                      selectedColumns: checked
+                        ? [...(prev.selectedColumns || []), column.id]
+                        : prev.selectedColumns?.filter((id) => id !== column.id)
+                    }));
+                  }}
+                />
+              ))}
+            </Stack>
+          </Box>
+        </Stack>
+      </ScrollArea.Autosize>
+      
+      {/* Botões fixos na parte inferior */}
+      <Group 
+        justify="right" 
+        style={{
+          position: 'absolute',
+          bottom: 0,
+          left: 0,
+          right: 0,
+          padding: '16px',
+          borderTop: '1px solid #e0e0e0',
+          background: 'white',
+          marginTop: 'auto'
+        }}
+      >
+        <Button variant="light" onClick={onClose}>
+          {`${t('Cancelar')}`}
+        </Button>
+        <Button onClick={handlePrint}>{`${t('Imprimir')}`}</Button>
+      </Group>
+    </Modal>
+  );
+}

package/src/datagrid/types/grid-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-props.d.ts","sourceRoot":"","sources":["grid-props.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,EAAE;QACN,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,EAAE,CAAC,EAAE,MAAM,CAAC;KACb,CAAC;CACH;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB"}

package/src/datagrid/types/grid-props.tsx

@@ -0,0 +1,53 @@
+/**
+ * Interface para props do modal de exportação
+ */
+export interface ExportModalProps {
+  opened: boolean;
+  onClose: () => void;
+  onExport: (config: any) => void;
+  columns: any[];
+  defaultConfig?: Partial<any>;
+}
+
+/**
+ * Interface para props do modal de impressão
+ */
+export interface PrintModalProps {
+  opened: boolean;
+  onClose: () => void;
+  onPrint: (config: any) => void;
+  columns: any[];
+  defaultConfig?: Partial<any>;
+}
+
+/**
+ * Interface para props de paginação
+ */
+export interface PaginationProps {
+  currentPage: number;
+  pageSize: number;
+  totalRecords: number;
+  pageSizeOptions?: number[];
+  onPageChange: (page: number) => void;
+  onPageSizeChange: (pageSize: number) => void;
+  showPageSizeSelector?: boolean;
+  showNavigationButtons?: boolean;
+  showRecordInfo?: boolean;
+  labels: {
+    totalRecords?: string;
+    pageSize?: string;
+    currentPage?: string;
+    of?: string;
+  };
+}
+
+/**
+ * Interface para props de pesquisa global
+ */
+export interface GlobalSearchInputProps {
+  value: string;
+  onChange: (value: string) => void;
+  onClear: () => void;
+}
+
+

package/src/datagrid/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/src/datagrid/types/index.tsx

@@ -0,0 +1 @@
+export * from './grid-props';

package/src/datagrid/utils/formatter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatter.d.ts","sourceRoot":"","sources":["formatter.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,GAAG,EACf,WAAW,CAAC,EAAE,GAAG,GAChB,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAqFlC;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,GAAG,EACf,UAAU,CAAC,EAAE,MAAM,GAClB,MAAM,CA2CR;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAClC,aAAa,GAAE,MAAU,EACzB,oBAAoB,GAAE,OAAc,GACnC,MAAM,CAoBR;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAClC,QAAQ,GAAE,MAAc,EACxB,MAAM,GAAE,MAAgB,GACvB,MAAM,CAgBR;AAED;;GAEG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAChC,UAAU,GAAE,MAAqB,GAChC,MAAM,CAUR;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAChC,cAAc,GAAE,MAA8B,GAC7C,MAAM,CAUR;AAED;;GAEG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,EACzC,UAAU,GAAE,MAAmB,GAC9B,MAAM,CAoCR;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,EACjC,SAAS,GAAE,MAAc,EACzB,UAAU,GAAE,MAAc,GACzB,MAAM,CAGR;AAED;;GAEG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,GAAG,EACV,OAAO,EAAE;IAAE,KAAK,EAAE,GAAG,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,GACvC,MAAM,CAKR"}

package/src/datagrid/utils/formatter.tsx

@@ -0,0 +1,308 @@
+import { format } from 'date-fns';
+
+/**
+ * Função para formatar valor com base no tipo de dados
+ */
+export function getFormattedValueByDataType(
+  value: any, 
+  dataType: string, 
+  appContext: any, 
+  maskOptions?: any
+): string | number | boolean | null {
+  if (value === null || value === undefined) {
+    return '';
+  }
+
+  switch (dataType) {
+    case 'text':
+      if (maskOptions) {
+        // Aplicar máscara se disponível via libs externas
+        return String(value);
+      }
+      return String(value);
+
+    case 'integer':
+      return Number.isNaN(Number(value)) ? 0 : Number(value);
+      
+    case 'currency':
+      try {
+        const numValue = Number.isNaN(Number(value)) ? 0 : Number(value);
+        return new Intl.NumberFormat('pt-BR', {
+          style: 'currency',
+          currency: 'BRL'
+        }).format(numValue);
+      } catch (e) {
+        return Number.isNaN(Number(value)) ? 0 : Number(value);
+      }
+      
+    case 'boolean':
+      return Boolean(value);
+      
+    case 'date':
+      try {
+        if (!value) return '';
+        const date = typeof value === 'string' ? new Date(value) : value;
+        return format(date, appContext.dateFormat || 'dd/MM/yyyy');
+      } catch (e) {
+        return 'Data inválida';
+      }
+      
+    case 'datetime':
+      try {
+        if (!value) return '';
+        const date = typeof value === 'string' ? new Date(value) : value;
+        return format(date, appContext.dateTimeFormat || 'dd/MM/yyyy HH:mm:ss');
+      } catch (e) {
+        return 'Data/hora inválida';
+      }
+      
+    case 'time':
+      try {
+        if (!value) return '';
+        
+        if (typeof value === 'string') {
+          return value; // Se já vier formatado como string
+        }
+        
+        if (value instanceof Date) {
+          return format(value, 'HH:mm:ss');
+        }
+        
+        // Se for número, assume que são milissegundos desde meia-noite
+        if (typeof value === 'number') {
+          const hours = Math.floor(value / 3600000);
+          const minutes = Math.floor((value % 3600000) / 60000);
+          const seconds = Math.floor((value % 60000) / 1000);
+          
+          return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
+        }
+        
+        return 'Hora inválida';
+      } catch (e) {
+        return 'Hora inválida';
+      }
+      
+    case 'enum':
+      const enumValues = maskOptions; // Neste caso, maskOptions contém os valores de enum
+      if (Array.isArray(enumValues)) {
+        const option = enumValues.find(opt => opt.value === value);
+        return option ? option.label : String(value);
+      }
+      return String(value);
+      
+    default:
+      return String(value);
+  }
+}
+
+/**
+ * Função para formatar valor para exportação
+ */
+export function getFormattedValueForExport(
+  value: any, 
+  dataType: string, 
+  appContext: any, 
+  dateFormat?: string
+): string {
+  // Adicione logs ou validações para garantir que a formatação está correta
+
+  if (value === null || value === undefined) {
+    return '';
+  }
+
+  switch (dataType) {
+    case 'currency':
+      try {
+        const numValue = Number.isNaN(Number(value)) ? 0 : Number(value);
+        return new Intl.NumberFormat('pt-BR', {
+          style: 'currency',
+          currency: 'BRL'
+        }).format(numValue);
+      } catch (e) {
+        return String(value);
+      }
+      
+    case 'boolean':
+      return value ? 'Sim' : 'Não';
+      
+    case 'date':
+      try {
+        if (!value) return '';
+        const date = typeof value === 'string' ? new Date(value) : value;
+        return format(date, dateFormat || appContext.dateFormat || 'dd/MM/yyyy');
+      } catch (e) {
+        return 'Data inválida';
+      }
+      
+    case 'datetime':
+      try {
+        if (!value) return '';
+        const date = typeof value === 'string' ? new Date(value) : value;
+        return format(date, appContext.dateTimeFormat || 'dd/MM/yyyy HH:mm:ss');
+      } catch (e) {
+        return 'Data/hora inválida';
+      }
+      
+    default:
+      return String(value);
+  }
+}
+
+/**
+ * Formata um valor decimal com número específico de casas decimais
+ */
+export function formatDecimal(
+  value: number | string | undefined, 
+  decimalPlaces: number = 2,
+  useThousandSeparator: boolean = true
+): string {
+  if (value === undefined || value === null || value === '') return '';
+  
+  try {
+    const numValue = typeof value === 'string' ? Number(value) : value;
+    
+    if (Number.isNaN(numValue)) return '0';
+    
+    if (useThousandSeparator) {
+      return new Intl.NumberFormat('pt-BR', { 
+        minimumFractionDigits: decimalPlaces,
+        maximumFractionDigits: decimalPlaces 
+      }).format(numValue);
+    } else {
+      return numValue.toFixed(decimalPlaces);
+    }
+  } catch (e) {
+    console.error('Error formatting decimal:', e);
+    return String(value);
+  }
+}
+
+/**
+ * Formata um valor como moeda
+ */
+export function formatCurrency(
+  value: number | string | undefined, 
+  currency: string = 'BRL',
+  locale: string = 'pt-BR'
+): string {
+  if (value === undefined || value === null || value === '') return '';
+  
+  try {
+    const numValue = typeof value === 'string' ? Number(value) : value;
+    
+    if (Number.isNaN(numValue)) return '';
+    
+    return new Intl.NumberFormat(locale, { 
+      style: 'currency', 
+      currency: currency 
+    }).format(numValue);
+  } catch (e) {
+    console.error('Error formatting currency:', e);
+    return String(value);
+  }
+}
+
+/**
+ * Formata um valor como data
+ */
+export function formatDate(
+  value: string | Date | undefined,
+  dateFormat: string = 'dd/MM/yyyy'
+): string {
+  if (!value) return '';
+  
+  try {
+    const date = typeof value === 'string' ? new Date(value) : value;
+    return format(date, dateFormat);
+  } catch (e) {
+    console.error('Error formatting date:', e);
+    return 'Data inválida';
+  }
+}
+
+/**
+ * Formata um valor como data e hora
+ */
+export function formatDateTime(
+  value: string | Date | undefined,
+  dateTimeFormat: string = 'dd/MM/yyyy HH:mm:ss'
+): string {
+  if (!value) return '';
+  
+  try {
+    const date = typeof value === 'string' ? new Date(value) : value;
+    return format(date, dateTimeFormat);
+  } catch (e) {
+    console.error('Error formatting datetime:', e);
+    return 'Data/hora inválida';
+  }
+}
+
+/**
+ * Formata um valor como hora
+ */
+export function formatTime(
+  value: string | Date | number | undefined,
+  timeFormat: string = 'HH:mm:ss'
+): string {
+  if (value === undefined || value === null) return '';
+  
+  try {
+    if (typeof value === 'string') {
+      // Verifica se é uma hora no formato HH:mm:ss
+      if (/^\d{2}:\d{2}(:\d{2})?$/.test(value)) {
+        return value;
+      }
+      
+      // Tenta converter de string para Date
+      return format(new Date(value), timeFormat);
+    }
+    
+    if (value instanceof Date) {
+      return format(value, timeFormat);
+    }
+    
+    // Se for número, assume que são milissegundos desde meia-noite
+    if (typeof value === 'number') {
+      const hours = Math.floor(value / 3600000);
+      const minutes = Math.floor((value % 3600000) / 60000);
+      const seconds = Math.floor((value % 60000) / 1000);
+      
+      if (timeFormat === 'HH:mm:ss') {
+        return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
+      } else if (timeFormat === 'HH:mm') {
+        return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}`;
+      }
+    }
+    
+    return String(value);
+  } catch (e) {
+    console.error('Error formatting time:', e);
+    return 'Hora inválida';
+  }
+}
+
+/**
+ * Formata um valor booleano
+ */
+export function formatBoolean(
+  value: boolean | undefined | null,
+  trueLabel: string = 'Sim',
+  falseLabel: string = 'Não'
+): string {
+  if (value === undefined || value === null) return '';
+  return value ? trueLabel : falseLabel;
+}
+
+/**
+ * Formata um valor enum com base em opções
+ */
+export function formatEnum(
+  value: any,
+  options: { value: any; label: string }[]
+): string {
+  if (value === undefined || value === null) return '';
+  
+  const option = options.find(opt => opt.value === value);
+  return option ? option.label : String(value);
+}

package/src/datagrid/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/src/datagrid/utils/index.tsx

@@ -0,0 +1 @@
+export * from './formatter';

package/src/debug/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AACpF,YAAY,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC"}

package/src/debug/index.ts

@@ -0,0 +1,4 @@
+export { ArchbaseJsonView } from './jsonview/index';
+export { ArchbaseJsonPathPicker } from './jsonpathpicker';
+export { ArchbaseObjectInspector, ArchbaseDebugInspector } from './objectinspector';
+export type { ArchbaseObjectToInspect } from './objectinspector';

package/src/debug/jsonpathpicker/ArchbaseJsonPathPicker.css

@@ -0,0 +1,46 @@
+/* Syntax highlighting for JSON objects */
+ul.json-dict, ol.json-array {
+  list-style-type: none;
+  margin: 0 0 0 1px;
+  border-left: 1px dotted #ccc;
+  padding-left: 2em;
+}
+.json-string {
+  color: #0B7500;
+}
+.json-literal {
+  color: #1A01CC;
+  font-weight: bold;
+}
+
+/* Toggle button */
+a.json-toggle {
+  position: relative;
+  color: inherit;
+  text-decoration: none;
+}
+a.json-toggle:focus {
+  outline: none;
+}
+
+/* Collapsable placeholder links */
+a.json-placeholder {
+  color: #aaa;
+  padding: 0 1em;
+  text-decoration: none;
+}
+a.json-placeholder:hover {
+  text-decoration: underline;
+}
+
+/* Copy path icon */
+.pick-path {
+  color: cornflowerblue;
+  cursor: pointer;
+  margin-left: 3px;
+}
+
+.pick-path:hover {
+  color: coral;
+  cursor: pointer;
+}

package/src/debug/jsonpathpicker/ArchbaseJsonPathPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArchbaseJsonPathPicker.d.ts","sourceRoot":"","sources":["ArchbaseJsonPathPicker.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,8BAA8B,CAAC;AAEtC,MAAM,WAAW,6BAA6B;IAC7C,eAAe,EAAE,OAAO,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,sBAAsB,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3C,oBAAoB,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;CACvB;AAeD,MAAM,WAAW,2BAA2B;IAC3C,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,6BAA6B,CAAC;CACxC;AAuED,qBAAa,sBAAuB,SAAQ,SAAS,CAAC,2BAA2B,CAAC;IACjF,MAAM,CAAC,YAAY;;MAEjB;IACF,OAAO,CAAC,SAAS,CAAM;IACvB,OAAO,CAAC,OAAO,CAAM;IACrB,OAAO,CAAC,sBAAsB,CAAM;gBACxB,KAAK,EAAE,2BAA2B;IAK9C,QAAQ,qFAwEN;IAEF,kBAAkB,iCA0BhB;IAEF,mBAAmB,uBAcjB;IAEF,oBAAoB,iCAMlB;IAEF,0BAA0B,uBAYxB;IAEF,eAAe,qBA0Db;IAEF,iBAAiB,uBAUf;IAEF,iBAAiB;IAMjB,MAAM;CAGN"}