@ttoss/components 2.1.2 → 2.1.3

package/README.md

@@ -189,12 +189,6 @@ The `Table` component is a flexible and customizable table that supports sorting
 import * as React from 'react';
 import {
   Table,
-  TableBody,
-  TableCell,
-  TableFooter,
-  TableHead,
-  TableHeader,
-  TableRow,
   createColumnHelper,
   flexRender,
   getCoreRowModel,
@@ -311,61 +305,61 @@ const RenderTable = () => {
 
   return (
     <Table>
-      <TableHead>
+      <Table.Head>
         {table.getHeaderGroups().map((headerGroup) => {
           return (
-            <TableRow key={headerGroup.id}>
+            <Table.Row key={headerGroup.id}>
               {headerGroup.headers.map((header) => {
                 return (
-                  <TableHeader key={header.id}>
+                  <Table.Header key={header.id}>
                     {header.isPlaceholder
                       ? null
                       : flexRender(
                           header.column.columnDef.header,
                           header.getContext()
                         )}
-                  </TableHeader>
+                  </Table.Header>
                 );
               })}
-            </TableRow>
+            </Table.Row>
           );
         })}
-      </TableHead>
-      <TableBody>
+      </Table.Head>
+      <Table.Body>
         {table.getRowModel().rows.map((row) => {
           return (
-            <TableRow key={row.id}>
+            <Table.Row key={row.id}>
               {row.getVisibleCells().map((cell) => {
                 return (
-                  <TableCell key={cell.id}>
+                  <Table.Cell key={cell.id}>
                     {flexRender(cell.column.columnDef.cell, cell.getContext())}
-                  </TableCell>
+                  </Table.Cell>
                 );
               })}
-            </TableRow>
+            </Table.Row>
           );
         })}
-      </TableBody>
-      <TableFooter>
+      </Table.Body>
+      <Table.Footer>
         {table.getFooterGroups().map((footerGroup) => {
           return (
-            <TableRow key={footerGroup.id}>
+            <Table.Row key={footerGroup.id}>
               {footerGroup.headers.map((header) => {
                 return (
-                  <TableHeader key={header.id}>
+                  <Table.Header key={header.id}>
                     {header.isPlaceholder
                       ? null
                       : flexRender(
                           header.column.columnDef.footer,
                           header.getContext()
                         )}
-                  </TableHeader>
+                  </Table.Header>
                 );
               })}
-            </TableRow>
+            </Table.Row>
           );
         })}
-      </TableFooter>
+      </Table.Footer>
     </Table>
   );
 };

package/dist/Table/index.d.ts

@@ -1,14 +1,16 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { BoxProps } from '@ttoss/ui';
-export * from '@tanstack/react-table';
+export { createCell, createColumnHelper, flexRender, getCoreRowModel, useReactTable } from '@tanstack/react-table';
 
-declare const Table: (props: BoxProps) => react_jsx_runtime.JSX.Element;
-declare const TableHead: (props: BoxProps) => react_jsx_runtime.JSX.Element;
-declare const TableBody: (props: BoxProps) => react_jsx_runtime.JSX.Element;
-declare const TableRow: (props: BoxProps) => react_jsx_runtime.JSX.Element;
-declare const TableCell: (props: BoxProps) => react_jsx_runtime.JSX.Element;
-declare const TableHeader: (props: BoxProps) => react_jsx_runtime.JSX.Element;
-declare const TableCaption: (props: BoxProps) => react_jsx_runtime.JSX.Element;
-declare const TableFooter: (props: BoxProps) => react_jsx_runtime.JSX.Element;
+declare const Table: {
+    (props: BoxProps): react_jsx_runtime.JSX.Element;
+    Head: (props: BoxProps) => react_jsx_runtime.JSX.Element;
+    Body: (props: BoxProps) => react_jsx_runtime.JSX.Element;
+    Row: (props: BoxProps) => react_jsx_runtime.JSX.Element;
+    Cell: (props: BoxProps) => react_jsx_runtime.JSX.Element;
+    Header: (props: BoxProps) => react_jsx_runtime.JSX.Element;
+    Caption: (props: BoxProps) => react_jsx_runtime.JSX.Element;
+    Footer: (props: BoxProps) => react_jsx_runtime.JSX.Element;
+};
 
-export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+export { Table };

package/dist/esm/Search/index.js

@@ -1,5 +1,4 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import "../chunk-ESDEGKXL.js";
 
 // src/components/Search/Search.tsx
 import * as React from "react";

package/dist/esm/Table/index.js

@@ -1,34 +1,8 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { __export, __reExport } from "../chunk-ESDEGKXL.js";
-
-// src/components/Table/index.ts
-var Table_exports2 = {};
-__export(Table_exports2, {
-  Table: () => Table,
-  TableBody: () => TableBody,
-  TableCaption: () => TableCaption,
-  TableCell: () => TableCell,
-  TableFooter: () => TableFooter,
-  TableHead: () => TableHead,
-  TableHeader: () => TableHeader,
-  TableRow: () => TableRow
-});
 
 // src/components/Table/Table.tsx
-var Table_exports = {};
-__export(Table_exports, {
-  Table: () => Table,
-  TableBody: () => TableBody,
-  TableCaption: () => TableCaption,
-  TableCell: () => TableCell,
-  TableFooter: () => TableFooter,
-  TableHead: () => TableHead,
-  TableHeader: () => TableHeader,
-  TableRow: () => TableRow
-});
-__reExport(Table_exports, react_table_star);
 import { Box } from "@ttoss/ui";
-import * as react_table_star from "@tanstack/react-table";
+import { createCell, createColumnHelper, flexRender, getCoreRowModel, useReactTable } from "@tanstack/react-table";
 import { jsx } from "react/jsx-runtime";
 var Table = props => {
   return /* @__PURE__ */jsx(Box, {
@@ -78,7 +52,11 @@ var TableFooter = props => {
     ...props
   });
 };
-
-// src/components/Table/index.ts
-__reExport(Table_exports2, Table_exports);
-export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+Table.Head = TableHead;
+Table.Body = TableBody;
+Table.Row = TableRow;
+Table.Cell = TableCell;
+Table.Header = TableHeader;
+Table.Caption = TableCaption;
+Table.Footer = TableFooter;
+export { Table, createCell, createColumnHelper, flexRender, getCoreRowModel, useReactTable };

package/dist/esm/Toast/index.js

@@ -1,5 +1,4 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import "../chunk-ESDEGKXL.js";
 
 // src/components/Toast/Toast.tsx
 import { css as createClassName } from "@emotion/css";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/components",
-  "version": "2.1.2",
+  "version": "2.1.3",
   "description": "React components for ttoss ecosystem.",
   "license": "MIT",
   "author": "ttoss",
@@ -88,8 +88,8 @@
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/react-hooks": "^2.0.10",
-    "@ttoss/ui": "^5.2.1"
+    "@ttoss/ui": "^5.2.1",
+    "@ttoss/react-hooks": "^2.0.10"
   },
   "devDependencies": {
     "@types/jest": "^29.5.14",
@@ -98,11 +98,11 @@
     "react": "^19.0.0",
     "tsup": "^8.3.5",
     "tsx": "^4.19.2",
-    "@ttoss/config": "^1.35.2",
+    "@ttoss/react-hooks": "^2.0.10",
     "@ttoss/react-icons": "^0.4.9",
+    "@ttoss/ui": "^5.2.1",
     "@ttoss/test-utils": "^2.1.22",
-    "@ttoss/react-hooks": "^2.0.10",
-    "@ttoss/ui": "^5.2.1"
+    "@ttoss/config": "^1.35.2"
   },
   "keywords": [
     "React",

package/dist/esm/chunk-ESDEGKXL.js

@@ -1,22 +0,0 @@
-/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-export { __export, __reExport };