@launchpad-ui/table - npm Package Compare versions

Comparing version 0.3.0 to 0.3.1

dist/index.es.js

@@ -12,10 +12,8 @@ import './style.css';
   isResourceTable,
-  testId,
-  ...props
+  ...rest
 }) => {
   const classes = cx("Table", auto && "Table--auto", compact && "Table--compact", isResourceTable && "Table--resourceTable", className);
   return /* @__PURE__ */ jsx("table", {
-    ...props,
+    ...rest,
     className: classes,
-    "data-test-id": testId,
     children
@@ -27,7 +25,7 @@ });
   children,
-  ...props
+  ...rest
 }) => {
   const classes = cx("Table-body", className);
   return /* @__PURE__ */ jsx("tbody", {
-    ...props,
+    ...rest,
     className: classes,
@@ -63,6 +61,6 @@ children
   children,
-  ...props
+  ...rest
 }) => {
   const classes = cx("Table-cell", `Table-cell--${align}`, className);
-  const restProps = props;
+  const restProps = rest;
   if ("hasScope" in restProps) {
@@ -80,7 +78,7 @@ delete restProps.hasScope;
   children,
-  ...props
+  ...rest
 }) => {
   const classes = cx("Table-header", className);
   return /* @__PURE__ */ jsx("thead", {
-    ...props,
+    ...rest,
     className: classes,
@@ -92,8 +90,7 @@ children
   align = TableAlignType.LEFT,
-  "aria-label": ariaLabel,
   className,
   children,
   defaultColWidth,
-  id,
-  scope = "col"
+  scope = "col",
+  ...rest
 }) => {
@@ -104,5 +101,4 @@ const width = camelCase(`width-${defaultColWidth}`);
   return /* @__PURE__ */ jsx("th", {
-    "aria-label": ariaLabel,
+    ...rest,
     className: classes,
-    id,
     scope,
@@ -115,5 +111,4 @@ children
   children,
-  testId,
   verticalAlign,
-  ...props
+  ...rest
 }) => {
@@ -123,5 +118,4 @@ const verticalAlignClass = verticalAlign ? `Table-row--${verticalAlign}` : "";
   return /* @__PURE__ */ jsx("tr", {
-    ...props,
+    ...rest,
     className: classes,
-    "data-test-id": testId,
     children
@@ -128,0 +122,0 @@ });

dist/index.js

@@ -16,10 +16,8 @@ require('./style.css');
   isResourceTable,
-  testId,
-  ...props
+  ...rest
 }) => {
   const classes = classix.cx("Table", auto && "Table--auto", compact && "Table--compact", isResourceTable && "Table--resourceTable", className);
   return /* @__PURE__ */ jsxRuntime.jsx("table", {
-    ...props,
+    ...rest,
     className: classes,
-    "data-test-id": testId,
     children
@@ -31,7 +29,7 @@ });
   children,
-  ...props
+  ...rest
 }) => {
   const classes = classix.cx("Table-body", className);
   return /* @__PURE__ */ jsxRuntime.jsx("tbody", {
-    ...props,
+    ...rest,
     className: classes,
@@ -67,6 +65,6 @@ children
   children,
-  ...props
+  ...rest
 }) => {
   const classes = classix.cx("Table-cell", `Table-cell--${align}`, className);
-  const restProps = props;
+  const restProps = rest;
   if ("hasScope" in restProps) {
@@ -84,7 +82,7 @@ delete restProps.hasScope;
   children,
-  ...props
+  ...rest
 }) => {
   const classes = classix.cx("Table-header", className);
   return /* @__PURE__ */ jsxRuntime.jsx("thead", {
-    ...props,
+    ...rest,
     className: classes,
@@ -96,8 +94,7 @@ children
   align = TableAlignType.LEFT,
-  "aria-label": ariaLabel,
   className,
   children,
   defaultColWidth,
-  id,
-  scope = "col"
+  scope = "col",
+  ...rest
 }) => {
@@ -108,5 +105,4 @@ const width = camelCase__default.default(`width-${defaultColWidth}`);
   return /* @__PURE__ */ jsxRuntime.jsx("th", {
-    "aria-label": ariaLabel,
+    ...rest,
     className: classes,
-    id,
     scope,
@@ -119,5 +115,4 @@ children
   children,
-  testId,
   verticalAlign,
-  ...props
+  ...rest
 }) => {
@@ -127,5 +122,4 @@ const verticalAlignClass = verticalAlign ? `Table-row--${verticalAlign}` : "";
   return /* @__PURE__ */ jsxRuntime.jsx("tr", {
-    ...props,
+    ...rest,
     className: classes,
-    "data-test-id": testId,
     children
@@ -132,0 +126,0 @@ });

dist/Table.d.ts

@@ -1,15 +0,12 @@
-import type { ReactNode } from 'react';
+import type { TableHTMLAttributes } from 'react';
 import './styles/Table.css';
-declare type TableProps = {
+declare type TableProps = TableHTMLAttributes<HTMLTableElement> & {
     auto?: boolean;
     compact?: boolean;
-    children: ReactNode;
-    className?: string;
     isResourceTable?: boolean;
     summary?: string;
-    testId?: string;
 };
-declare const Table: ({ auto, compact, className, children, isResourceTable, testId, ...props }: TableProps) => JSX.Element;
+declare const Table: ({ auto, compact, className, children, isResourceTable, ...rest }: TableProps) => JSX.Element;
 export { Table };
 export type { TableProps };
 //# sourceMappingURL=Table.d.ts.map

dist/TableBody.d.ts

@@ -1,10 +0,7 @@
-import type { ReactNode } from 'react';
+import type { HTMLAttributes } from 'react';
 import './styles/Table.css';
-declare type TableBodyProps = {
-    className?: string;
-    children: ReactNode;
-};
-declare const TableBody: ({ className, children, ...props }: TableBodyProps) => JSX.Element;
+declare type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
+declare const TableBody: ({ className, children, ...rest }: TableBodyProps) => JSX.Element;
 export { TableBody };
 export type { TableBodyProps };
 //# sourceMappingURL=TableBody.d.ts.map

dist/TableCell.d.ts

@@ -1,25 +0,17 @@
-import type { ReactNode } from 'react';
+import type { TdHTMLAttributes } from 'react';
 import './styles/Table.css';
-import { TableAlignType } from './types';
-declare type CommonTableCellProps = {
-    className?: string;
-    children: ReactNode;
-    align?: TableAlignType;
-    colSpan?: number;
-    rowSpan?: number;
-};
 declare type TableCellWithHeadersProps = {
     headers: string;
-} & CommonTableCellProps;
+} & TdHTMLAttributes<HTMLTableCellElement>;
 declare type TableCellWithDirectScopeProps = {
     scope: 'row' | 'col';
-} & CommonTableCellProps;
+} & TdHTMLAttributes<HTMLTableCellElement>;
 declare type TableCellWithScopedProps = {
     hasScope: boolean;
-} & CommonTableCellProps;
+} & TdHTMLAttributes<HTMLTableCellElement>;
 declare type TableCellWithScopeProps = TableCellWithDirectScopeProps | TableCellWithScopedProps;
 declare type TableCellProps = TableCellWithHeadersProps | TableCellWithScopeProps | (TableCellWithHeadersProps & TableCellWithScopeProps);
-declare const TableCell: ({ align, className, children, ...props }: TableCellProps) => JSX.Element;
+declare const TableCell: ({ align, className, children, ...rest }: TableCellProps) => JSX.Element;
 export { TableCell };
 export type { TableCellProps };
 //# sourceMappingURL=TableCell.d.ts.map

dist/TableHead.d.ts

@@ -1,10 +0,7 @@
-import type { ReactNode } from 'react';
+import type { HTMLAttributes } from 'react';
 import './styles/Table.css';
-declare type TableHeadProps = {
-    className?: string;
-    children: ReactNode;
-};
-declare const TableHead: ({ className, children, ...props }: TableHeadProps) => JSX.Element;
+declare type TableHeadProps = HTMLAttributes<HTMLTableSectionElement>;
+declare const TableHead: ({ className, children, ...rest }: TableHeadProps) => JSX.Element;
 export { TableHead };
 export type { TableHeadProps };
 //# sourceMappingURL=TableHead.d.ts.map

dist/TableHeadCell.d.ts

 import type { TableColumnWidths } from './types';
-import type { ReactNode } from 'react';
+import type { ThHTMLAttributes } from 'react';
 import './styles/Table.css';
-import { TableAlignType } from './types';
-declare type TableHeadCellProps = {
-    align?: TableAlignType;
-    'aria-label'?: string;
-    className?: string;
-    children?: ReactNode;
+declare type TableHeadCellProps = ThHTMLAttributes<HTMLTableCellElement> & {
     defaultColWidth?: TableColumnWidths;
-    id?: string;
     scope?: 'col' | 'row' | 'colgroup' | 'rowgroup';
 };
-declare const TableHeadCell: ({ align, "aria-label": ariaLabel, className, children, defaultColWidth, id, scope, }: TableHeadCellProps) => JSX.Element;
+declare const TableHeadCell: ({ align, className, children, defaultColWidth, scope, ...rest }: TableHeadCellProps) => JSX.Element;
 export { TableHeadCell };
 export type { TableHeadCellProps };
 //# sourceMappingURL=TableHeadCell.d.ts.map

dist/TableRow.d.ts

@@ -5,8 +5,7 @@ import type { TableVerticalAlignType } from './types';
 declare type TableRowProps = HTMLProps<HTMLTableRowElement> & {
-    testId?: string;
     verticalAlign?: TableVerticalAlignType;
 };
-declare const TableRow: ({ className, children, testId, verticalAlign, ...props }: TableRowProps) => JSX.Element;
+declare const TableRow: ({ className, children, verticalAlign, ...rest }: TableRowProps) => JSX.Element;
 export { TableRow };
 export type { TableRowProps };
 //# sourceMappingURL=TableRow.d.ts.map

package.json

 {
   "name": "@launchpad-ui/table",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "status": "beta",
@@ -5,0 +5,0 @@ "publishConfig": {

No alert changes

Worsened metrics

Total package byte prevSize

34893

decreased by-5.33%

Lines of code

445

decreased by-7.48%

No dependency changes