@orangesix/react 1.4.0 → 2.0.3

package/table/index.d.ts

@@ -1,315 +1,2 @@
-import { SortOrder, DataTableRowClickEvent } from 'primereact/datatable';
-import React, { CSSProperties } from 'react';
-import { ColumnHeaderOptions, ColumnBodyOptions, ColumnEditorOptions, ColumnEvent } from 'primereact/column';
-
-interface TableSortProps {
-    
-    /**
-     * Método para realizar ordernação manual
-     */
-    onSort?(field: string, order: SortOrder): void
-}
-
-interface TableGroupProps {
-    /**
-     * Define a representação do objeto de agrupamento
-     */
-    rowGroup?: string
-
-    /**
-     * Define o tipo de agrupamento da tabela
-     */
-    rowGroupMode?: "subheader" | "rowgroup"
-
-    /**
-     * Define se o agrupamento vai ser expandido ou não
-     */
-    rowExpandable?: boolean
-
-    /**
-     * Define o template do agrupamento - Header
-     */
-    rowGroupHeaderTemplate?: any
-
-    /**
-     * Define o template do agrupamento - Footer
-     */
-    rowGroupFooterTemplate?: any
-}
-
-/**
- * Define as tipagens `default` de todos os componentes do pacote
- */
-interface ApiComponentProps {
-
-    /**
-     * Propriedade para identificar o id do elemento
-     */
-    id?: string
-
-    /**
-     * Adiciona no atributo `class` do componente o valor atribuido nessa propriedade
-     */
-    className?: string
-
-    /**
-     * Define o tamanho da box do componente de acordo com o valores abaixo
-     */
-    size?: "5" | "10" | "12-5" | "15" | "17-5" | "20" | "22-5" | "25" | "30" | "33" | "35" | "40" | "45" | "50" | "55" | "60" | "65" | "70" | "75" | "80" | "85" | "90" | "95" | "100"
-
-    /**
-     * Define as propriedades css do component `style`
-     */
-    css?: CSSProperties
-}
-
-interface TableStyleProps {
-    /**
-     * Define estilo da tabela como listrada
-     */
-    styleStriped?: boolean
-
-    /**
-     * Define se as coluna das tabela por ser redimensionadas
-     */
-    styleResizable?: boolean
-
-    /**
-     * Define estilo da tabela com bordar ou sem borda
-     */
-    styleType?: "bordered"
-
-    /**
-     * Define o tamanho da tabela.
-     */
-    styleSize?: "small" | "normal" | "large"
-}
-
-interface TableColumnProps {
-
-    /**
-     * Propriedade de dados de uma linha.
-     */
-    id: string
-
-    /**
-     * Conteúdo do cabeçalho da tabela.
-     */
-    header: React.ReactNode | ((options: ColumnHeaderOptions) => React.ReactNode)
-
-    /**
-     * Alinha o conteúdo da coluna, os valores válidos são à esquerda, à direita e ao centro.
-     */
-    align?: null | "center" | "left" | "right"
-
-    /**
-     * Alinha o header da coluna, os valores válidos são à esquerda, à direita e ao centro.
-     */
-    alignHeader?: null | "center" | "left" | "right"
-
-    /**
-     * Classe de estilo do componente.
-     */
-    className?: string
-
-    /**
-     * Define se o campo vai ser ordernado
-     */
-    sort?: boolean
-
-    /**
-     * Conteúdo do corpo da coluna.
-     */
-    body?: (data: any, options: ColumnBodyOptions) => React.ReactNode
-
-    /**
-     * Define as propriedades `css` para cada coluna
-     */
-    style?: CSSProperties
-
-    /**
-     * Define se coluna vai ser congelada e qual posição
-     */
-    frozen?: boolean
-
-    /**
-     * Define o elemento de edição dentro de cada coluna
-     */
-    editor?: (options: ColumnEditorOptions) => React.ReactNode
-
-    /**
-     * Retorno de chamada a ser executado quando o editor for enviado.
-     */
-    onEditorComplete?: (event: ColumnEvent) => void
-}
-
-interface TableTemplateProps {
-    /**
-     * Conteúdo do cabeçalho personalizado.
-     */
-    templeteHeader?: React.ReactNode
-
-    /**
-     * Conteúdo do rodapé personalizado.
-     */
-    templateFooter?: React.ReactNode
-
-    /**
-     * Contéudo personalizado do lado esquerdo do elemento de `paginação`
-     */
-    templatePaginationLeft?: React.ReactNode
-
-    /**
-     * Contéudo personalizado do lado direiro do elemento de `paginação`
-     */
-    templatePaginationRight?: React.ReactNode
-}
-
-interface TableSelectionProps {
-    /**
-     * Objeto selecionando dentro da tabela
-     */
-    selection?: any
-
-    /**
-     * Define qual tipo de seleção
-     */
-    selectionMode?: "single" | "checkbox"
-
-    /**
-     * Realiza a seleção do element
-     */
-    onSelection?(value: any): void
-}
-
-interface TablePaginationProps {
-
-    /**
-     * Define se tabela vai utilizar paginação de resultado
-     */
-    paginator?: boolean
-
-    /**
-     * Define o numero de elemento por página
-     */
-    paginatorRow?: 5 | 10 | 15 | 20 | 25 | 50 | 100
-
-    /**
-     * Define o alinhamento da paginação
-     */
-    paginatorAlign?: "end" | "center" | "start"
-
-    /**
-     * Define o texto da quantidade de registro na paginação
-     */
-    paginatorTotalElementsLabel?: string
-
-    /**
-     * Método para realizar paginação manual
-     */
-    onPaginator?(number: number, elements: number): void
-}
-
-interface TableReorderProps {
-
-    /**
-     * Quando ativo, linhas e colunas podem ser reordenadas usando drag and drop.
-     */
-    reorder?: "rows" | "columns" | "all"
-
-    /**
-     * Callback para atualizar nova ordem.
-     */
-    onReorder?(data: Array<{ id: any, order: any }>): void;
-}
-
-interface TableClickProps {
-    /**
-     * Aplica o evento de double click
-     */
-    onDoubleClick?(event: DataTableRowClickEvent): void
-}
-
-interface TableEditProps {
-    /**
-     * Define se tabela vai ser do tipo editável
-     */
-    edit?: boolean
-}
-
-type TableLazyProps = {
-
-    /**
-     * Define qual campo vem com a ordernação padrão do back-end
-     */
-    sortField?: string
-
-    /**
-     * Define qual é o tipo de ordenação padrão do back-end
-     */
-    sortOrder?: SortOrder
-
-    /**
-     * Define qual é paginação inicial
-     */
-    paginationPage?: number
-
-    /**
-     * Define o número total de registro da tabela
-     */
-    paginationTotal?: number
-};
-
-interface TableProps<T> extends ApiComponentProps,
-    TableSortProps,
-    TableEditProps,
-    TableStyleProps,
-    TableClickProps,
-    TableGroupProps,
-    TableReorderProps,
-    TableTemplateProps,
-    TableSelectionProps,
-    TablePaginationProps {
-
-    /**
-     * Uma matriz de objeto que renderiza o cabeçalho
-     */
-    column: Array<TableColumnProps>
-
-    /**
-     * Uma matriz de objetos a serem exibidos.
-     */
-    data: Array<T>
-
-    /**
-     * Texto a ser exibido quando não há dados.
-     */
-    emptyMessage?: string
-
-    /**
-     * Define se a gerenciamento da tabela vai ser manual ou dinamica
-     */
-    lazy?: TableLazyProps
-
-    /**
-     * Define se componente `Column` vai ser renderizado todas as vezes que mudar state do selection
-     */
-    cellRender?: boolean
-}
-
-/**
- * Componente - `Table`
- *
- * Um componente versátil que pode ser utilizado para criar tabela de dados.
- * Permite personalizar o estilo e o conteúdo através de propriedades.
- */
-declare function Table<T = any>(props: TableProps<T>): React.JSX.Element;
-declare namespace Table {
-    var displayName: string;
-}
-
-type ITableLazyProps = TableLazyProps;
-type ITableColumnProps = TableColumnProps;
-
-export { Table };
-export type { ITableColumnProps, ITableLazyProps };
+export * from './table';
+export * from './@types/index';

package/table/index.esm.js

@@ -1,2 +1,5 @@
-import e,{useState as o}from"react";import{classNames as r}from"primereact/utils";import{Column as t}from"primereact/column";import{DataTable as n}from"primereact/datatable";const i=({children:o,...t})=>{const n={size:`box-size-${t.size??"100"}`,direction:`box-direction-${t.direction??"row"}`,justify:void 0===t.justify?"":Array.isArray(t.justify)?t.justify?.join(" "):t.justify,align:void 0===t.align?"":Array.isArray(t.align)?t.align?.join(" "):t.align},i={className:r(["box",t.className??"",n.size,n.direction,n.justify,n.align]),style:t.css,id:t.id};return e.createElement("div",{...i},o)};function a(e){return{dataKey:"id",value:e.data,lazy:void 0!==e.lazy,resizableColumns:e.styleResizable??!1,columnResizeMode:"expand",emptyMessage:e.emptyMessage??"Não há informações disponíveis no momento.",header:e.templeteHeader,footer:e.templateFooter,stripedRows:e.styleStriped,size:e.styleSize,showGridlines:"bordered"===e.styleType,...(o=e.cellRender,void 0===o?{}:{cellMemo:e.cellRender??void 0})};var o}function l(e){return{sortField:e.lazy?.sortField,sortOrder:e.lazy?.sortOrder??null,onSort:void 0!==e.lazy?function(o){e.onSort&&e.onSort(o.sortField,o.sortOrder)}:void 0}}function d(e){return{onRowDoubleClick:function(o){e.onDoubleClick&&e.onDoubleClick(o)}}}function s(e,o,r){return{groupRowsBy:e.rowGroup,rowGroupMode:e.rowGroupMode,rowGroupHeaderTemplate:e.rowGroupHeaderTemplate,rowGroupFooterTemplate:e.rowGroupFooterTemplate,expandableRowGroups:e.rowExpandable??!1,expandedRows:o,onRowToggle(e){r(e.data)}}}function c(e){return{reorderableColumns:"all"===e.reorder||"columns"===e.reorder,reorderableRows:"all"===e.reorder||"rows"===e.reorder,onRowReorder:function(o){if(e.onReorder){let r=o.value,t=r.map((e=>e.order)).sort(((e,o)=>e-o));if(r.forEach(((e,o)=>{e.order=t[o]})),o.dragIndex<o.dropIndex)return e.onReorder(r.filter(((e,r)=>r>=o.dragIndex&&r<=o.dropIndex)));if(o.dragIndex>o.dropIndex)return e.onReorder(r.filter(((e,r)=>r>=o.dropIndex&&r<=o.dragIndex)))}}}}function p(e){return{paginator:{root:{className:r([`justify-content-${e.paginatorAlign??"center"}`])}}}}function u(e){return{metaKeySelection:void 0!==e.onSelection,selection:e.selection,selectionMode:void 0!==e.onSelection?e.selectionMode??"single":void 0,onSelectionChange:function(o){e.onSelection&&e.onSelection(o.value)}}}function m(o){return{paginator:o.paginator??!1,totalRecords:o?.lazy?.paginationTotal??void 0,first:void 0===o?.lazy?.paginationPage?0:((o?.lazy?.paginationPage??0)-1)*(o.paginatorRow??10),rows:o.paginator?o.paginatorRow??10:void 0,rowsPerPageOptions:[5,10,15,20,50,100],paginatorTemplate:{layout:"RowsPerPageDropdown FirstPageLink PageLinks LastPageLink CurrentPageReport",CurrentPageReport:r=>e.createElement("span",{className:"ms-2"},o.paginatorTotalElementsLabel??"Total",": ",r.totalRecords)},paginatorDropdownAppendTo:"self",paginatorRight:o.templatePaginationRight,paginatorLeft:o.templatePaginationLeft,onPage:void 0!==o.lazy?function(e){let r=e.first/(o.paginatorRow??10);o.onPaginator&&o.onPaginator(r+1,e.rows)}:void 0}}function g(r){const[g,y]=o([]);return e.createElement(i,{className:"p-0",size:r.size??"100"},e.createElement(n,{editMode:r.edit?"cell":void 0,pt:{...p(r)},tableClassName:r.className,...a(r),...l(r),...d(r),...c(r),...u(r),...m(r),...s(r,g,y)},("all"===r.reorder||"rows"===r.reorder)&&e.createElement(t,{rowReorder:!0,align:"center",columnKey:"key-fixed-reorder",field:"key-fixed-reorder",headerStyle:{width:"2.5rem"},key:"key-fixed-reorder"}),"checkbox"===r.selectionMode&&e.createElement(t,{align:"center",columnKey:"key-fixed-select",field:"key-fixed-select",headerStyle:{width:"2.5rem"},key:"key-fixed-select",selectionMode:"multiple"}),r.column.map((o=>e.createElement(t,{align:o.align,alignFrozen:o.frozen?"right":void 0,alignHeader:o.alignHeader,body:o.body,columnKey:o.id,editor:o.editor,field:o.id,frozen:void 0!==o.frozen,header:o.header,key:o.id,sortable:o.sort??!1,style:o.style,onCellEditComplete:o.onEditorComplete})))))}i.displayName="Box",g.displayName="Table";export{g as Table};
+import { Table as r } from "./table/index.esm.js";
+export {
+  r as Table
+};
 //# sourceMappingURL=index.esm.js.map

package/table/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../src/box/box.tsx","../../src/table/core/core.tsx","../../src/table/core/sort.tsx","../../src/table/core/click.tsx","../../src/table/core/group.tsx","../../src/table/core/reorder.tsx","../../src/table/styled.ts","../../src/table/core/selection.tsx","../../src/table/core/pagination.tsx","../../src/table/table.tsx"],"sourcesContent":["import { BoxProps } from \"./types\";\r\nimport React, { HTMLAttributes } from \"react\";\r\nimport { classNames } from \"primereact/utils\";\r\n\r\n/**\r\n * Componente - `Box`\r\n *\r\n * Um componente versátil que pode ser utilizado para criar seções ou caixas em uma página.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n *\r\n * Exemplo de uso:\r\n * ```tsx\r\n * <Box align=\"align-items-center\"\r\n *      justify=\"justify-content-end\"\r\n *      size=\"25\">\r\n *   ...conteúdo HTML\r\n * </Box>\r\n * ```\r\n */\r\nexport const Box = ({ children, ...props }: BoxProps) => {\r\n    const css = {\r\n        size: `box-size-${(props.size ?? \"100\")}`,\r\n        direction: `box-direction-${props.direction ?? \"row\"}`,\r\n        justify: props.justify === undefined ? \"\" : Array.isArray(props.justify) ? props.justify?.join(\" \") : props.justify,\r\n        align: props.align === undefined ? \"\" : Array.isArray(props.align) ? props.align?.join(\" \") : props.align\r\n    };\r\n\r\n    const attr: HTMLAttributes<\"div\"> & Omit<BoxProps, \"children\"> = {\r\n        className: classNames([\r\n            \"box\",\r\n            props.className ?? \"\",\r\n            css.size,\r\n            css.direction,\r\n            css.justify,\r\n            css.align\r\n        ]),\r\n        style: props.css,\r\n        id: props.id\r\n    };\r\n\r\n    return (\r\n        <div {...attr as any}>{children}</div>\r\n    );\r\n};\r\n\r\nBox.displayName = \"Box\";","import { TableProps } from \"../types\";\r\nimport { DataTableBaseProps } from \"primereact/datatable\";\r\n\r\n/**\r\n * Componente - `Table`\r\n *\r\n * Define as configurações do modo principal da tabela.\r\n */\r\nexport function tableCore(\r\n    props: TableProps<any>\r\n): Partial<DataTableBaseProps<any>> {\r\n\r\n    const cellRender = (isRender?: boolean) => {\r\n        return isRender === undefined ? {} : {\r\n            cellMemo: props.cellRender ?? undefined\r\n        };\r\n    };\r\n\r\n    return {\r\n        dataKey: \"id\",\r\n        value: props.data as any,\r\n        lazy: props.lazy !== undefined,\r\n        resizableColumns: props.styleResizable ?? false,\r\n        columnResizeMode: \"expand\",\r\n        emptyMessage: props.emptyMessage ?? \"Não há informações disponíveis no momento.\",\r\n        header: props.templeteHeader,\r\n        footer: props.templateFooter,\r\n        stripedRows: props.styleStriped,\r\n        size: props.styleSize,\r\n        showGridlines: props.styleType === \"bordered\",\r\n        ...cellRender(props.cellRender)\r\n    };\r\n}","import { TableProps } from \"../types\";\r\nimport { DataTableProps, DataTableStateEvent } from \"primereact/datatable\";\r\n\r\n/**\r\n * Componente - `Table`\r\n *\r\n * Define as configurações do modo de ordenação de resultado.\r\n */\r\nexport function tableSort(\r\n    props: TableProps<any>\r\n): Partial<DataTableProps<any>> {\r\n\r\n    function onSort(event: DataTableStateEvent) {\r\n        if (props.onSort) {\r\n            props.onSort(event.sortField, event.sortOrder);\r\n        }\r\n    }\r\n\r\n    return {\r\n        sortField: props.lazy?.sortField,\r\n        sortOrder: props.lazy?.sortOrder ?? null,\r\n        onSort: props.lazy !== undefined ? onSort : undefined\r\n    };\r\n}","import { TableProps } from \"../types\";\r\nimport { DataTableProps, DataTableRowClickEvent, DataTableSelectionSingleChangeEvent } from \"primereact/datatable\";\r\n\r\n/**\r\n * Componente - `Table`\r\n *\r\n * Define as configurações do modo de seleção de dados.\r\n */\r\nexport function tableClick(\r\n    props: TableProps<any>\r\n): Partial<DataTableProps<any>> {\r\n\r\n    function onDoubleClick(e: DataTableRowClickEvent) {\r\n        if (props.onDoubleClick) {\r\n            props.onDoubleClick(e);\r\n        }\r\n    }\r\n\r\n    return {\r\n        onRowDoubleClick: onDoubleClick\r\n    };\r\n}","import React from \"react\";\r\nimport { TableProps } from \"../types\";\r\nimport { DataTableBaseProps, DataTableRowToggleEvent } from \"primereact/datatable\";\r\n\r\n/**\r\n * Componente - `Table`\r\n *\r\n * Define as configurações de agrupamento da tabela.\r\n */\r\nexport function tableGroup(\r\n    props: TableProps<any>,\r\n    expandedRows: any,\r\n    setExpandedRows: React.Dispatch<any>\r\n): Partial<DataTableBaseProps<any>> {\r\n    return {\r\n        groupRowsBy: props.rowGroup,\r\n        rowGroupMode: props.rowGroupMode,\r\n        rowGroupHeaderTemplate: props.rowGroupHeaderTemplate,\r\n        rowGroupFooterTemplate: props.rowGroupFooterTemplate,\r\n        expandableRowGroups: props.rowExpandable ?? false,\r\n        expandedRows: expandedRows,\r\n        onRowToggle(event: DataTableRowToggleEvent) {\r\n            setExpandedRows(event.data);\r\n        }\r\n    };\r\n}","import { TableProps } from \"../types\";\r\nimport { DataTableProps, DataTableRowReorderEvent } from \"primereact/datatable\";\r\n\r\n/**\r\n * Componente - `Table`\r\n *\r\n * Define as configurações do modo de ordenação colunas e tabelas.\r\n */\r\nexport function tableReorder(\r\n    props: TableProps<any>\r\n): Partial<DataTableProps<any>> {\r\n\r\n    function onReorder(e: DataTableRowReorderEvent<any>) {\r\n        if (props.onReorder) {\r\n            let data: any = e.value;\r\n            let orders = data.map((item: any) => item.order).sort((a: any, b: any) => a - b);\r\n            data.forEach((item: any, index: number) => {\r\n                item.order = orders[index];\r\n            });\r\n\r\n            if (e.dragIndex < e.dropIndex) {\r\n                return props.onReorder(data.filter((_: any, index: number) => {\r\n                    return index >= e.dragIndex && index <= e.dropIndex;\r\n                }));\r\n            }\r\n\r\n            if (e.dragIndex > e.dropIndex) {\r\n                return props.onReorder(data.filter((_: any, index: number) => {\r\n                    return index >= e.dropIndex && index <= e.dragIndex;\r\n                }));\r\n            }\r\n        }\r\n    }\r\n\r\n    return {\r\n        reorderableColumns: props.reorder === \"all\" || props.reorder === \"columns\",\r\n        reorderableRows: props.reorder === \"all\" || props.reorder === \"rows\",\r\n        onRowReorder: onReorder\r\n    };\r\n}\r\n","import { TableProps } from \"./types\";\r\nimport { classNames } from \"primereact/utils\";\r\nimport { DataTablePassThroughOptions } from \"primereact/datatable\";\r\n\r\n/**\r\n * Realiza a personalização na TABLE\r\n */\r\nexport function bootstrapTableStyle(props: TableProps<any>): DataTablePassThroughOptions {\r\n    return {\r\n        paginator: {\r\n            root: {\r\n                className: classNames([\r\n                    `justify-content-${props.paginatorAlign ?? \"center\"}`\r\n                ]),\r\n            }\r\n        }\r\n    };\r\n}","import { TableProps } from \"../types\";\r\nimport { DataTableProps, DataTableSelectionSingleChangeEvent } from \"primereact/datatable\";\r\n\r\n/**\r\n * Componente - `Table`\r\n *\r\n * Define as configurações do modo de seleção de dados.\r\n */\r\nexport function tableSelection(\r\n    props: TableProps<any>\r\n): Partial<DataTableProps<any>> {\r\n\r\n    function onSelect(e: DataTableSelectionSingleChangeEvent<any>) {\r\n        if (props.onSelection) {\r\n            props.onSelection(e.value);\r\n        }\r\n    }\r\n\r\n    return {\r\n        metaKeySelection: props.onSelection !== undefined,\r\n        selection: props.selection,\r\n        selectionMode: props.onSelection !== undefined ? (props.selectionMode as any ?? \"single\") : undefined,\r\n        onSelectionChange: onSelect,\r\n    };\r\n}","import React from \"react\";\r\nimport { TableProps } from \"../types\";\r\nimport { DataTableBaseProps, DataTableStateEvent } from \"primereact/datatable\";\r\n\r\n/**\r\n * Componente - `Table`\r\n *\r\n * Define as configurações do modo de paginação de resultado.\r\n */\r\nexport function tablePagination(\r\n    props: TableProps<any>\r\n): Partial<DataTableBaseProps<any>> {\r\n\r\n    function onPage(event: DataTableStateEvent) {\r\n        let paginationPage = event.first / (props.paginatorRow ?? 10);\r\n        if (props.onPaginator) {\r\n            props.onPaginator(paginationPage + 1, event.rows);\r\n        }\r\n    }\r\n\r\n    return {\r\n        paginator: props.paginator ?? false,\r\n        totalRecords: props?.lazy?.paginationTotal ?? undefined,\r\n        first: props?.lazy?.paginationPage === undefined ? 0 : ((props?.lazy?.paginationPage ?? 0) - 1) * (props.paginatorRow ?? 10),\r\n        rows: props.paginator ? (props.paginatorRow ?? 10) : undefined,\r\n        rowsPerPageOptions: [5, 10, 15, 20, 50, 100],\r\n        paginatorTemplate: {\r\n            layout: \"RowsPerPageDropdown FirstPageLink PageLinks LastPageLink CurrentPageReport\",\r\n            CurrentPageReport: options => {\r\n                return (\r\n                    <span\r\n                        className=\"ms-2\">{props.paginatorTotalElementsLabel ?? \"Total\"}: {options.totalRecords}</span>\r\n                );\r\n            },\r\n        },\r\n        paginatorDropdownAppendTo: \"self\",\r\n        paginatorRight: props.templatePaginationRight,\r\n        paginatorLeft: props.templatePaginationLeft,\r\n        onPage: props.lazy !== undefined ? onPage : undefined,\r\n    };\r\n}","import { Box } from \"../box\";\r\nimport { TableProps } from \"./types\";\r\nimport React, { useState } from \"react\";\r\nimport { tableCore } from \"./core/core\";\r\nimport { tableSort } from \"./core/sort\";\r\nimport { tableClick } from \"./core/click\";\r\nimport { tableGroup } from \"./core/group\";\r\nimport { Column } from \"primereact/column\";\r\nimport { tableReorder } from \"./core/reorder\";\r\nimport { bootstrapTableStyle } from \"./styled\";\r\nimport { DataTable } from \"primereact/datatable\";\r\nimport { tableSelection } from \"./core/selection\";\r\nimport { tablePagination } from \"./core/pagination\";\r\n\r\n/**\r\n * Componente - `Table`\r\n *\r\n * Um componente versátil que pode ser utilizado para criar tabela de dados.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n */\r\nexport function Table<T = any>(props: TableProps<T>) {\r\n    const [expandedRows, setExpandedRows] = useState([]);\r\n\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <Box className=\"p-0\"\r\n             size={props.size ?? \"100\"}>\r\n            {/*@ts-ignore*/}\r\n            <DataTable<any>\r\n                editMode={props.edit ? \"cell\" : undefined}\r\n                pt={{ ...bootstrapTableStyle(props) }}\r\n                tableClassName={props.className}\r\n                {...tableCore(props)}\r\n                {...tableSort(props)}\r\n                {...tableClick(props)}\r\n                {...tableReorder(props)}\r\n                {...tableSelection(props)}\r\n                {...tablePagination(props)}\r\n                {...tableGroup(props, expandedRows, setExpandedRows)}>\r\n                {(props.reorder === \"all\" || props.reorder === \"rows\") && (\r\n                    <Column rowReorder\r\n                            align=\"center\"\r\n                            columnKey=\"key-fixed-reorder\"\r\n                            field=\"key-fixed-reorder\"\r\n                            headerStyle={{ width: \"2.5rem\" }}\r\n                            key=\"key-fixed-reorder\"/>)}\r\n                {props.selectionMode === \"checkbox\"\r\n                    && <Column align=\"center\"\r\n                               columnKey=\"key-fixed-select\"\r\n                               field=\"key-fixed-select\"\r\n                               headerStyle={{ width: \"2.5rem\" }}\r\n                               key=\"key-fixed-select\"\r\n                               selectionMode=\"multiple\"/>}\r\n                {props.column.map(obj => {\r\n                    return (\r\n                        <Column align={obj.align}\r\n                                alignFrozen={obj.frozen ? \"right\" : undefined}\r\n                                alignHeader={obj.alignHeader}\r\n                                body={obj.body}\r\n                                columnKey={obj.id}\r\n                                editor={obj.editor}\r\n                                field={obj.id}\r\n                                frozen={obj.frozen !== undefined}\r\n                                header={obj.header}\r\n                                key={obj.id}\r\n                                sortable={obj.sort ?? false}\r\n                                style={obj.style}\r\n                                onCellEditComplete={obj.onEditorComplete}/>\r\n                    );\r\n                })}\r\n            </DataTable>\r\n        </Box>\r\n    );\r\n}\r\n\r\nTable.displayName = \"Table\";"],"names":["Box","children","props","css","size","direction","justify","undefined","Array","isArray","join","align","attr","className","classNames","style","id","React","createElement","tableCore","dataKey","value","data","lazy","resizableColumns","styleResizable","columnResizeMode","emptyMessage","header","templeteHeader","footer","templateFooter","stripedRows","styleStriped","styleSize","showGridlines","styleType","isRender","cellRender","cellMemo","tableSort","sortField","sortOrder","onSort","event","tableClick","onRowDoubleClick","e","onDoubleClick","tableGroup","expandedRows","setExpandedRows","groupRowsBy","rowGroup","rowGroupMode","rowGroupHeaderTemplate","rowGroupFooterTemplate","expandableRowGroups","rowExpandable","onRowToggle","tableReorder","reorderableColumns","reorder","reorderableRows","onRowReorder","onReorder","orders","map","item","order","sort","a","b","forEach","index","dragIndex","dropIndex","filter","_","bootstrapTableStyle","paginator","root","paginatorAlign","tableSelection","metaKeySelection","onSelection","selection","selectionMode","onSelectionChange","tablePagination","totalRecords","paginationTotal","first","paginationPage","paginatorRow","rows","rowsPerPageOptions","paginatorTemplate","layout","CurrentPageReport","options","paginatorTotalElementsLabel","paginatorDropdownAppendTo","paginatorRight","templatePaginationRight","paginatorLeft","templatePaginationLeft","onPage","onPaginator","Table","useState","DataTable","editMode","edit","pt","tableClassName","Column","rowReorder","columnKey","field","headerStyle","width","key","column","obj","alignFrozen","frozen","alignHeader","body","editor","sortable","onCellEditComplete","onEditorComplete","displayName"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/table/styled/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("primereact/utils");function o(t){return{paginator:{root:{className:e.classNames([`justify-content-${t.paginatorAlign??"center"}`])}}}}exports.bootstrapTableStyle=o;
+//# sourceMappingURL=index.cjs.js.map

package/table/styled/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../src/table/styled.ts"],"sourcesContent":["import { TableProps } from \".\";\nimport { classNames } from \"primereact/utils\";\nimport { DataTablePassThroughOptions } from \"primereact/datatable\";\n\n/**\n * Realiza a personalização na TABLE\n */\nexport function bootstrapTableStyle(props: TableProps<any>): DataTablePassThroughOptions {\n    return {\n        paginator: {\n            root: {\n                className: classNames([\n                    `justify-content-${props.paginatorAlign ?? \"center\"}`\n                ]),\n            }\n        }\n    };\n}"],"names":["bootstrapTableStyle","props","classNames"],"mappings":"oHAOO,SAASA,EAAoBC,EAAqD,CACrF,MAAO,CACH,UAAW,CACP,KAAM,CACF,UAAWC,EAAAA,WAAW,CAClB,mBAAmBD,EAAM,gBAAkB,QAAQ,EAAA,CACtD,CAAA,CACL,CACJ,CAER"}

package/table/styled/index.esm.js

@@ -0,0 +1,16 @@
+import { classNames as o } from "primereact/utils";
+function r(t) {
+  return {
+    paginator: {
+      root: {
+        className: o([
+          `justify-content-${t.paginatorAlign ?? "center"}`
+        ])
+      }
+    }
+  };
+}
+export {
+  r as bootstrapTableStyle
+};
+//# sourceMappingURL=index.esm.js.map

package/table/styled/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../src/table/styled.ts"],"sourcesContent":["import { TableProps } from \".\";\nimport { classNames } from \"primereact/utils\";\nimport { DataTablePassThroughOptions } from \"primereact/datatable\";\n\n/**\n * Realiza a personalização na TABLE\n */\nexport function bootstrapTableStyle(props: TableProps<any>): DataTablePassThroughOptions {\n    return {\n        paginator: {\n            root: {\n                className: classNames([\n                    `justify-content-${props.paginatorAlign ?? \"center\"}`\n                ]),\n            }\n        }\n    };\n}"],"names":["bootstrapTableStyle","props","classNames"],"mappings":";AAOO,SAASA,EAAoBC,GAAqD;AACrF,SAAO;AAAA,IACH,WAAW;AAAA,MACP,MAAM;AAAA,QACF,WAAWC,EAAW;AAAA,UAClB,mBAAmBD,EAAM,kBAAkB,QAAQ;AAAA,QAAA,CACtD;AAAA,MAAA;AAAA,IACL;AAAA,EACJ;AAER;"}

package/table/styled.d.ts

@@ -0,0 +1,6 @@
+import { TableProps } from '.';
+import { DataTablePassThroughOptions } from 'primereact/datatable';
+/**
+ * Realiza a personalização na TABLE
+ */
+export declare function bootstrapTableStyle(props: TableProps<any>): DataTablePassThroughOptions;

package/table/table/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("../../box/box/index.cjs.js"),o=require("react"),c=require("../core/core/index.cjs.js"),s=require("../core/sort/index.cjs.js"),u=require("../core/click/index.cjs.js"),m=require("../core/group/index.cjs.js"),l=require("primereact/column"),y=require("../core/reorder/index.cjs.js"),x=require("../styled/index.cjs.js"),f=require("primereact/datatable"),g=require("../core/selection/index.cjs.js"),q=require("../core/pagination/index.cjs.js");function i(e){const[n,a]=o.useState([]);return r.jsx(d.Box,{className:"p-0",size:e.size??"100",children:r.jsxs(f.DataTable,{editMode:e.edit?"cell":void 0,pt:{...x.bootstrapTableStyle(e)},tableClassName:e.className,...c.tableCore(e),...s.tableSort(e),...u.tableClick(e),...y.tableReorder(e),...g.tableSelection(e),...q.tablePagination(e),...m.tableGroup(e,n,a),children:[(e.reorder==="all"||e.reorder==="rows")&&r.jsx(l.Column,{rowReorder:!0,align:"center",columnKey:"key-fixed-reorder",field:"key-fixed-reorder",headerStyle:{width:"2.5rem"}},"key-fixed-reorder"),e.selectionMode==="checkbox"&&r.jsx(l.Column,{align:"center",columnKey:"key-fixed-select",field:"key-fixed-select",headerStyle:{width:"2.5rem"},selectionMode:"multiple"},"key-fixed-select"),e.column.map(t=>r.jsx(l.Column,{align:t.align,alignFrozen:t.frozen?"right":void 0,alignHeader:t.alignHeader,body:t.body,columnKey:t.id,editor:t.editor,field:t.id,frozen:t.frozen!==void 0,header:t.header,sortable:t.sort??!1,style:t.style,onCellEditComplete:t.onEditorComplete},t.id))]})})}i.displayName="Table";exports.Table=i;
+//# sourceMappingURL=index.cjs.js.map

package/table/table/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../src/table/table.tsx"],"sourcesContent":["import { Box } from \"../box\";\nimport { TableProps } from \".\";\nimport React, { useState } from \"react\";\nimport { tableCore } from \"./core/core\";\nimport { tableSort } from \"./core/sort\";\nimport { tableClick } from \"./core/click\";\nimport { tableGroup } from \"./core/group\";\nimport { Column } from \"primereact/column\";\nimport { tableReorder } from \"./core/reorder\";\nimport { bootstrapTableStyle } from \"./styled\";\nimport { DataTable } from \"primereact/datatable\";\nimport { tableSelection } from \"./core/selection\";\nimport { tablePagination } from \"./core/pagination\";\n\n/**\n * Componente - `Table`\n *\n * Um componente versátil que pode ser utilizado para criar tabela de dados.\n * Permite personalizar o estilo e o conteúdo através de propriedades.\n */\nexport function Table<T = any>(props: TableProps<T>) {\n    const [expandedRows, setExpandedRows] = useState([]);\n\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Box className=\"p-0\"\n             size={props.size ?? \"100\"}>\n            {/*@ts-ignore*/}\n            <DataTable<any>\n                editMode={props.edit ? \"cell\" : undefined}\n                pt={{ ...bootstrapTableStyle(props) }}\n                tableClassName={props.className}\n                {...tableCore(props)}\n                {...tableSort(props)}\n                {...tableClick(props)}\n                {...tableReorder(props)}\n                {...tableSelection(props)}\n                {...tablePagination(props)}\n                {...tableGroup(props, expandedRows, setExpandedRows)}>\n                {(props.reorder === \"all\" || props.reorder === \"rows\") && (\n                    <Column rowReorder\n                            align=\"center\"\n                            columnKey=\"key-fixed-reorder\"\n                            field=\"key-fixed-reorder\"\n                            headerStyle={{ width: \"2.5rem\" }}\n                            key=\"key-fixed-reorder\"/>)}\n                {props.selectionMode === \"checkbox\"\n                    && <Column align=\"center\"\n                               columnKey=\"key-fixed-select\"\n                               field=\"key-fixed-select\"\n                               headerStyle={{ width: \"2.5rem\" }}\n                               key=\"key-fixed-select\"\n                               selectionMode=\"multiple\"/>}\n                {props.column.map(obj => {\n                    return (\n                        <Column align={obj.align}\n                                alignFrozen={obj.frozen ? \"right\" : undefined}\n                                alignHeader={obj.alignHeader}\n                                body={obj.body}\n                                columnKey={obj.id}\n                                editor={obj.editor}\n                                field={obj.id}\n                                frozen={obj.frozen !== undefined}\n                                header={obj.header}\n                                key={obj.id}\n                                sortable={obj.sort ?? false}\n                                style={obj.style}\n                                onCellEditComplete={obj.onEditorComplete}/>\n                    );\n                })}\n            </DataTable>\n        </Box>\n    );\n}\n\nTable.displayName = \"Table\";"],"names":["Table","props","expandedRows","setExpandedRows","useState","jsx","Box","jsxs","DataTable","bootstrapTableStyle","tableCore","tableSort","tableClick","tableReorder","tableSelection","tablePagination","tableGroup","Column","obj"],"mappings":"sjBAoBO,SAASA,EAAeC,EAAsB,CACjD,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAAA,SAAS,CAAA,CAAE,EAOnD,OACIC,EAAAA,IAACC,EAAAA,IAAA,CAAI,UAAU,MACV,KAAML,EAAM,MAAQ,MAErB,SAAAM,EAAAA,KAACC,EAAAA,UAAA,CACG,SAAUP,EAAM,KAAO,OAAS,OAChC,GAAI,CAAE,GAAGQ,sBAAoBR,CAAK,CAAA,EAClC,eAAgBA,EAAM,UACrB,GAAGS,EAAAA,UAAUT,CAAK,EAClB,GAAGU,EAAAA,UAAUV,CAAK,EAClB,GAAGW,EAAAA,WAAWX,CAAK,EACnB,GAAGY,EAAAA,aAAaZ,CAAK,EACrB,GAAGa,EAAAA,eAAeb,CAAK,EACvB,GAAGc,EAAAA,gBAAgBd,CAAK,EACxB,GAAGe,aAAWf,EAAOC,EAAcC,CAAe,EACjD,SAAA,EAAAF,EAAM,UAAY,OAASA,EAAM,UAAY,SAC3CI,EAAAA,IAACY,EAAAA,OAAA,CAAO,WAAU,GACV,MAAM,SACN,UAAU,oBACV,MAAM,oBACN,YAAa,CAAE,MAAO,QAAA,CAAS,EAC3B,mBAAA,EACfhB,EAAM,gBAAkB,YAClBI,EAAAA,IAACY,EAAAA,OAAA,CAAO,MAAM,SACN,UAAU,mBACV,MAAM,mBACN,YAAa,CAAE,MAAO,QAAA,EAEtB,cAAc,UAAA,EADV,kBAAA,EAElBhB,EAAM,OAAO,IAAIiB,GAEVb,EAAAA,IAACY,EAAAA,OAAA,CAAO,MAAOC,EAAI,MACX,YAAaA,EAAI,OAAS,QAAU,OACpC,YAAaA,EAAI,YACjB,KAAMA,EAAI,KACV,UAAWA,EAAI,GACf,OAAQA,EAAI,OACZ,MAAOA,EAAI,GACX,OAAQA,EAAI,SAAW,OACvB,OAAQA,EAAI,OAEZ,SAAUA,EAAI,MAAQ,GACtB,MAAOA,EAAI,MACX,mBAAoBA,EAAI,gBAAA,EAHnBA,EAAI,EAAA,CAKxB,CAAA,CAAA,CAAA,CACL,CAAA,CAGZ,CAEAlB,EAAM,YAAc"}

package/table/table/index.esm.js

@@ -0,0 +1,85 @@
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import { Box as a } from "../../box/box/index.esm.js";
+import { useState as m } from "react";
+import { tableCore as n } from "../core/core/index.esm.js";
+import { tableSort as f } from "../core/sort/index.esm.js";
+import { tableClick as c } from "../core/click/index.esm.js";
+import { tableGroup as y } from "../core/group/index.esm.js";
+import { Column as i } from "primereact/column";
+import { tableReorder as s } from "../core/reorder/index.esm.js";
+import { bootstrapTableStyle as x } from "../styled/index.esm.js";
+import { DataTable as u } from "primereact/datatable";
+import { tableSelection as h } from "../core/selection/index.esm.js";
+import { tablePagination as g } from "../core/pagination/index.esm.js";
+function k(e) {
+  const [l, o] = m([]);
+  return /* @__PURE__ */ t(
+    a,
+    {
+      className: "p-0",
+      size: e.size ?? "100",
+      children: /* @__PURE__ */ d(
+        u,
+        {
+          editMode: e.edit ? "cell" : void 0,
+          pt: { ...x(e) },
+          tableClassName: e.className,
+          ...n(e),
+          ...f(e),
+          ...c(e),
+          ...s(e),
+          ...h(e),
+          ...g(e),
+          ...y(e, l, o),
+          children: [
+            (e.reorder === "all" || e.reorder === "rows") && /* @__PURE__ */ t(
+              i,
+              {
+                rowReorder: !0,
+                align: "center",
+                columnKey: "key-fixed-reorder",
+                field: "key-fixed-reorder",
+                headerStyle: { width: "2.5rem" }
+              },
+              "key-fixed-reorder"
+            ),
+            e.selectionMode === "checkbox" && /* @__PURE__ */ t(
+              i,
+              {
+                align: "center",
+                columnKey: "key-fixed-select",
+                field: "key-fixed-select",
+                headerStyle: { width: "2.5rem" },
+                selectionMode: "multiple"
+              },
+              "key-fixed-select"
+            ),
+            e.column.map((r) => /* @__PURE__ */ t(
+              i,
+              {
+                align: r.align,
+                alignFrozen: r.frozen ? "right" : void 0,
+                alignHeader: r.alignHeader,
+                body: r.body,
+                columnKey: r.id,
+                editor: r.editor,
+                field: r.id,
+                frozen: r.frozen !== void 0,
+                header: r.header,
+                sortable: r.sort ?? !1,
+                style: r.style,
+                onCellEditComplete: r.onEditorComplete
+              },
+              r.id
+            ))
+          ]
+        }
+      )
+    }
+  );
+}
+k.displayName = "Table";
+export {
+  k as Table
+};
+//# sourceMappingURL=index.esm.js.map

package/table/table/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../src/table/table.tsx"],"sourcesContent":["import { Box } from \"../box\";\nimport { TableProps } from \".\";\nimport React, { useState } from \"react\";\nimport { tableCore } from \"./core/core\";\nimport { tableSort } from \"./core/sort\";\nimport { tableClick } from \"./core/click\";\nimport { tableGroup } from \"./core/group\";\nimport { Column } from \"primereact/column\";\nimport { tableReorder } from \"./core/reorder\";\nimport { bootstrapTableStyle } from \"./styled\";\nimport { DataTable } from \"primereact/datatable\";\nimport { tableSelection } from \"./core/selection\";\nimport { tablePagination } from \"./core/pagination\";\n\n/**\n * Componente - `Table`\n *\n * Um componente versátil que pode ser utilizado para criar tabela de dados.\n * Permite personalizar o estilo e o conteúdo através de propriedades.\n */\nexport function Table<T = any>(props: TableProps<T>) {\n    const [expandedRows, setExpandedRows] = useState([]);\n\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Box className=\"p-0\"\n             size={props.size ?? \"100\"}>\n            {/*@ts-ignore*/}\n            <DataTable<any>\n                editMode={props.edit ? \"cell\" : undefined}\n                pt={{ ...bootstrapTableStyle(props) }}\n                tableClassName={props.className}\n                {...tableCore(props)}\n                {...tableSort(props)}\n                {...tableClick(props)}\n                {...tableReorder(props)}\n                {...tableSelection(props)}\n                {...tablePagination(props)}\n                {...tableGroup(props, expandedRows, setExpandedRows)}>\n                {(props.reorder === \"all\" || props.reorder === \"rows\") && (\n                    <Column rowReorder\n                            align=\"center\"\n                            columnKey=\"key-fixed-reorder\"\n                            field=\"key-fixed-reorder\"\n                            headerStyle={{ width: \"2.5rem\" }}\n                            key=\"key-fixed-reorder\"/>)}\n                {props.selectionMode === \"checkbox\"\n                    && <Column align=\"center\"\n                               columnKey=\"key-fixed-select\"\n                               field=\"key-fixed-select\"\n                               headerStyle={{ width: \"2.5rem\" }}\n                               key=\"key-fixed-select\"\n                               selectionMode=\"multiple\"/>}\n                {props.column.map(obj => {\n                    return (\n                        <Column align={obj.align}\n                                alignFrozen={obj.frozen ? \"right\" : undefined}\n                                alignHeader={obj.alignHeader}\n                                body={obj.body}\n                                columnKey={obj.id}\n                                editor={obj.editor}\n                                field={obj.id}\n                                frozen={obj.frozen !== undefined}\n                                header={obj.header}\n                                key={obj.id}\n                                sortable={obj.sort ?? false}\n                                style={obj.style}\n                                onCellEditComplete={obj.onEditorComplete}/>\n                    );\n                })}\n            </DataTable>\n        </Box>\n    );\n}\n\nTable.displayName = \"Table\";"],"names":["Table","props","expandedRows","setExpandedRows","useState","jsx","Box","jsxs","DataTable","bootstrapTableStyle","tableCore","tableSort","tableClick","tableReorder","tableSelection","tablePagination","tableGroup","Column","obj"],"mappings":";;;;;;;;;;;;;AAoBO,SAASA,EAAeC,GAAsB;AACjD,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAS,CAAA,CAAE;AAOnD,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MAAI,WAAU;AAAA,MACV,MAAML,EAAM,QAAQ;AAAA,MAErB,UAAA,gBAAAM;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,UAAUP,EAAM,OAAO,SAAS;AAAA,UAChC,IAAI,EAAE,GAAGQ,EAAoBR,CAAK,EAAA;AAAA,UAClC,gBAAgBA,EAAM;AAAA,UACrB,GAAGS,EAAUT,CAAK;AAAA,UAClB,GAAGU,EAAUV,CAAK;AAAA,UAClB,GAAGW,EAAWX,CAAK;AAAA,UACnB,GAAGY,EAAaZ,CAAK;AAAA,UACrB,GAAGa,EAAeb,CAAK;AAAA,UACvB,GAAGc,EAAgBd,CAAK;AAAA,UACxB,GAAGe,EAAWf,GAAOC,GAAcC,CAAe;AAAA,UACjD,UAAA;AAAA,aAAAF,EAAM,YAAY,SAASA,EAAM,YAAY,WAC3C,gBAAAI;AAAA,cAACY;AAAA,cAAA;AAAA,gBAAO,YAAU;AAAA,gBACV,OAAM;AAAA,gBACN,WAAU;AAAA,gBACV,OAAM;AAAA,gBACN,aAAa,EAAE,OAAO,SAAA;AAAA,cAAS;AAAA,cAC3B;AAAA,YAAA;AAAA,YACfhB,EAAM,kBAAkB,cAClB,gBAAAI;AAAA,cAACY;AAAA,cAAA;AAAA,gBAAO,OAAM;AAAA,gBACN,WAAU;AAAA,gBACV,OAAM;AAAA,gBACN,aAAa,EAAE,OAAO,SAAA;AAAA,gBAEtB,eAAc;AAAA,cAAA;AAAA,cADV;AAAA,YAAA;AAAA,YAElBhB,EAAM,OAAO,IAAI,CAAAiB,MAEV,gBAAAb;AAAA,cAACY;AAAA,cAAA;AAAA,gBAAO,OAAOC,EAAI;AAAA,gBACX,aAAaA,EAAI,SAAS,UAAU;AAAA,gBACpC,aAAaA,EAAI;AAAA,gBACjB,MAAMA,EAAI;AAAA,gBACV,WAAWA,EAAI;AAAA,gBACf,QAAQA,EAAI;AAAA,gBACZ,OAAOA,EAAI;AAAA,gBACX,QAAQA,EAAI,WAAW;AAAA,gBACvB,QAAQA,EAAI;AAAA,gBAEZ,UAAUA,EAAI,QAAQ;AAAA,gBACtB,OAAOA,EAAI;AAAA,gBACX,oBAAoBA,EAAI;AAAA,cAAA;AAAA,cAHnBA,EAAI;AAAA,YAAA,CAKxB;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGZ;AAEAlB,EAAM,cAAc;"}

package/table/table.d.ts

@@ -0,0 +1,12 @@
+import { TableProps } from '.';
+import { default as React } from 'react';
+/**
+ * Componente - `Table`
+ *
+ * Um componente versátil que pode ser utilizado para criar tabela de dados.
+ * Permite personalizar o estilo e o conteúdo através de propriedades.
+ */
+export declare function Table<T = any>(props: TableProps<T>): React.JSX.Element;
+export declare namespace Table {
+    var displayName: string;
+}

package/tablepivot/@types/index.d.ts

@@ -0,0 +1,52 @@
+import { ApiComponentProps } from '../../api';
+import * as Webdatarocks from "./webdatarocks";
+
+export interface TablePivotProps extends ApiComponentProps {
+    /**
+     * Define se vai ser exibido o cabeçalho de opções
+     */
+    toolbar?: boolean
+
+    /**
+     * Define as opções que será exibidas no cabeçalho de opções
+     */
+    toolbarOptions?: {
+        connect?: boolean
+        open?: boolean
+        save?: boolean
+        export?: boolean
+        format?: boolean
+        options?: boolean
+        fields?: boolean
+        fullscreen?: boolean
+    }
+
+    /**
+     * Define a altura do componente de pivot table
+     */
+    height?: string | number
+
+    /**
+     * Define a estrutura de dados do pivot table
+     */
+    pivotDataSource?: object[]
+
+    /**
+     * Define o comportamento do pivot table
+     */
+    pivotOptions?: Webdatarocks.Options
+
+    /**
+     * Define o comportamento das linhas e colunas do pivot table
+     */
+    pivotSlice?: Webdatarocks.Slice
+
+    /**
+     * Realiza a personalização visual dos dados do pivot table
+     */
+    pivotCustomizeCell?: (cellBuilder: any, cellData: any) => void
+}
+
+export interface TablePivotRefProps {
+    webdatarocks: Webdatarocks.Ref
+}