@zendeskgarden/react-tables 9.0.0-next.9 → 9.1.0

package/dist/typings/elements/OverflowButton.d.ts

@@ -4,18 +4,10 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { ButtonHTMLAttributes } from 'react';
-export interface IOverflowButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /** @ignore Applies hover styling */
-    isHovered?: boolean;
-    /** @ignore Applies active styling */
-    isActive?: boolean;
-    /** @ignore Applies focus styling */
-    isFocused?: boolean;
-}
+import React from 'react';
 /**
  * @deprecated use `Table.OverflowButton` instead
  *
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
  */
-export declare const OverflowButton: React.ForwardRefExoticComponent<IOverflowButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const OverflowButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

package/dist/typings/elements/Table.d.ts

@@ -16,11 +16,11 @@ import { HeaderRow } from './HeaderRow';
 import { OverflowButton } from './OverflowButton';
 import { Row } from './Row';
 import { SortableCell } from './SortableCell';
-export declare const TableComponent: React.ForwardRefExoticComponent<ITableProps & React.RefAttributes<HTMLTableElement>>;
 /**
  * @extends TableHTMLAttributes<HTMLTableElement>
  */
-export declare const Table: React.ForwardRefExoticComponent<ITableProps & React.RefAttributes<HTMLTableElement>> & {
+export declare const TableComponent: React.ForwardRefExoticComponent<ITableProps & React.RefAttributes<HTMLTableElement>>;
+export declare const Table: typeof TableComponent & {
     Body: typeof Body;
     Caption: typeof Caption;
     Cell: typeof Cell;

package/dist/typings/styled/StyledBaseRow.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { DefaultTheme } from 'styled-components';
+export interface IStyledBaseRowProps {
+    $isStriped?: boolean;
+}
+export declare const StyledBaseRow: import("styled-components").StyledComponent<"tr", DefaultTheme, IStyledBaseRowProps, never>;

package/dist/typings/styled/StyledCell.d.ts

@@ -6,7 +6,10 @@
  */
 import { DefaultTheme } from 'styled-components';
 import { ICellProps, ITableProps } from '../types';
-export interface IStyledCellProps extends Pick<ICellProps, 'isMinimum' | 'isTruncated' | 'hasOverflow' | 'width'> {
-    size?: ITableProps['size'];
+export interface IStyledCellProps extends Pick<ICellProps, 'width'> {
+    $size?: ITableProps['size'];
+    $isMinimum?: boolean;
+    $isTruncated?: boolean;
+    $hasOverflow?: boolean;
 }
 export declare const StyledCell: import("styled-components").StyledComponent<"td", DefaultTheme, IStyledCellProps, never>;

package/dist/typings/styled/StyledGroupRow.d.ts

@@ -5,8 +5,12 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
-import { IStyledRowProps } from './StyledRow';
-export declare const StyledGroupRow: import("styled-components").StyledComponent<"tr", DefaultTheme, IStyledRowProps & {
+import { ITableProps } from '../types';
+interface IStyledGroupRowProps {
+    $size?: ITableProps['size'];
+}
+export declare const StyledGroupRow: import("styled-components").StyledComponent<"tr", DefaultTheme, import("./StyledBaseRow").IStyledBaseRowProps & {
     'data-garden-id': string;
     'data-garden-version': string;
-}, "data-garden-id" | "data-garden-version">;
+} & IStyledGroupRowProps, "data-garden-id" | "data-garden-version">;
+export {};

package/dist/typings/styled/StyledHead.d.ts

@@ -6,7 +6,7 @@
  */
 import { DefaultTheme } from 'styled-components';
 interface IStyledHeadProps {
-    isSticky?: boolean;
+    $isSticky?: boolean;
 }
 export declare const StyledHead: import("styled-components").StyledComponent<"thead", DefaultTheme, {
     'data-garden-id': string;

package/dist/typings/styled/StyledHeaderRow.d.ts

@@ -5,8 +5,12 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
-import { IStyledRowProps } from './StyledRow';
-export declare const StyledHeaderRow: import("styled-components").StyledComponent<"tr", DefaultTheme, IStyledRowProps & {
+import { ITableProps } from '../types';
+interface IStyledHeaderRowProps {
+    $size?: ITableProps['size'];
+}
+export declare const StyledHeaderRow: import("styled-components").StyledComponent<"tr", DefaultTheme, import("./StyledBaseRow").IStyledBaseRowProps & {
     'data-garden-id': string;
     'data-garden-version': string;
-}, "data-garden-id" | "data-garden-version">;
+} & IStyledHeaderRowProps, "data-garden-id" | "data-garden-version">;
+export {};

package/dist/typings/styled/StyledOverflowButton.d.ts

@@ -4,18 +4,15 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { DefaultTheme } from 'styled-components';
 import { ITableProps } from '../types';
 interface IStyledOverflowButtonProps {
-    isHovered?: boolean;
-    isActive?: boolean;
-    isFocused?: boolean;
-    size?: ITableProps['size'];
+    $size?: ITableProps['size'];
 }
 /**
- * 1. Reset for <button> element
- * 2. Reset for <a>nchor element
+ * 1. Overrides IconButton sizing
  */
-export declare const StyledOverflowButton: import("styled-components").StyledComponent<"button", DefaultTheme, IStyledOverflowButtonProps, never>;
-export declare const StyledOverflowButtonIconWrapper: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
+export declare const StyledOverflowButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-buttons").IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledOverflowButtonProps, "data-garden-id" | "data-garden-version">;
 export {};

package/dist/typings/styled/StyledRow.d.ts

@@ -7,12 +7,14 @@
 import { DefaultTheme } from 'styled-components';
 import { ITableProps } from '../types';
 export interface IStyledRowProps {
-    isStriped?: boolean;
-    isFocused?: boolean;
-    isHovered?: boolean;
-    isSelected?: boolean;
-    isReadOnly?: ITableProps['isReadOnly'];
-    size?: ITableProps['size'];
+    $isStriped?: boolean;
+    $isFocused?: boolean;
+    $isHovered?: boolean;
+    $isSelected?: boolean;
+    $isReadOnly?: ITableProps['isReadOnly'];
+    $size?: ITableProps['size'];
 }
-export declare const StyledBaseRow: import("styled-components").StyledComponent<"tr", DefaultTheme, IStyledRowProps, never>;
-export declare const StyledRow: import("styled-components").StyledComponent<"tr", DefaultTheme, IStyledRowProps, never>;
+export declare const StyledRow: import("styled-components").StyledComponent<"tr", DefaultTheme, import("./StyledBaseRow").IStyledBaseRowProps & {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledRowProps, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/StyledSortableButton.d.ts

@@ -4,16 +4,17 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
+import { DefaultTheme } from 'styled-components';
 import { ISortableCellProps } from '../types';
-export declare const StyledSortableStrokeIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledSortableFillIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledSortableStrokeIconWrapper: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
+export declare const StyledSortableFillIconWrapper: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
 interface IStyledSortableButtonProps {
-    sort?: ISortableCellProps['sort'];
+    $sort?: ISortableCellProps['sort'];
     width?: ISortableCellProps['width'];
 }
 /**
  * 1. Reset for <button> element
  * 2. Reset for <a>nchor element
  */
-export declare const StyledSortableButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, IStyledSortableButtonProps, never>;
+export declare const StyledSortableButton: import("styled-components").StyledComponent<"button", DefaultTheme, IStyledSortableButtonProps, never>;
 export {};

package/dist/typings/styled/StyledTable.d.ts

@@ -5,13 +5,11 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { ThemeProps, DefaultTheme } from 'styled-components';
-import { ITableProps } from '../types';
-interface IStyledTableProps {
-    size?: ITableProps['size'];
-}
 export declare const getLineHeight: (props: ThemeProps<DefaultTheme>) => string;
 /**
  * 1. <table> reset
  */
-export declare const StyledTable: import("styled-components").StyledComponent<"table", DefaultTheme, IStyledTableProps, never>;
-export {};
+export declare const StyledTable: import("styled-components").StyledComponent<"table", DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+}, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/index.d.ts

@@ -14,5 +14,5 @@ export { StyledTable } from './StyledTable';
 export { StyledHeaderCell } from './StyledHeaderCell';
 export { StyledHiddenCell } from './StyledHiddenCell';
 export { StyledSortableButton, StyledSortableFillIconWrapper, StyledSortableStrokeIconWrapper } from './StyledSortableButton';
-export { StyledOverflowButton, StyledOverflowButtonIconWrapper } from './StyledOverflowButton';
+export { StyledOverflowButton } from './StyledOverflowButton';
 export { StyledRow } from './StyledRow';

package/dist/typings/styled/style-utils.d.ts

@@ -7,5 +7,5 @@
 import { ThemeProps, DefaultTheme } from 'styled-components';
 import { ITableProps } from '../types';
 export declare const getRowHeight: (props: {
-    size?: ITableProps['size'];
+    $size?: ITableProps["size"];
 } & ThemeProps<DefaultTheme>) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-tables",
-  "version": "9.0.0-next.9",
+  "version": "9.1.0",
   "description": "Components relating to tables in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -22,21 +22,22 @@
   "types": "dist/typings/index.d.ts",
   "dependencies": {
     "@zendeskgarden/container-utilities": "^2.0.0",
+    "@zendeskgarden/react-buttons": "^9.1.0",
     "dom-helpers": "^5.1.0",
-    "polished": "^4.0.0",
+    "polished": "^4.3.1",
     "prop-types": "^15.5.7"
   },
   "peerDependencies": {
     "@zendeskgarden/react-theming": ">=9.0.0-next",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0",
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "styled-components": "^5.3.1"
   },
   "devDependencies": {
     "@types/react-beautiful-dnd": "13.1.8",
     "@types/react-window": "1.8.8",
-    "@zendeskgarden/react-theming": "^9.0.0-next.9",
-    "@zendeskgarden/svg-icons": "7.0.0",
+    "@zendeskgarden/react-theming": "^9.1.0",
+    "@zendeskgarden/svg-icons": "7.3.0",
     "react-beautiful-dnd": "13.1.1",
     "react-window": "1.8.10"
   },
@@ -50,5 +51,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "771281b562d376a6aee04b0cd71dd888b3ae4a1d"
+  "gitHead": "a2842d18615ad057d75988fde4df5a0c79d2714e"
 }

package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/overflow-stroke.svg.js

@@ -1,36 +0,0 @@
-/**
-* Copyright Zendesk, Inc.
-*
-* Use of this source code is governed under the Apache License, Version 2.0
-* found at http://www.apache.org/licenses/LICENSE-2.0.
-*/
-import * as React from 'react';
-
-var _g;
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var SvgOverflowStroke = function SvgOverflowStroke(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
-    focusable: "false",
-    viewBox: "0 0 16 16",
-    "aria-hidden": "true"
-  }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
-    fill: "currentColor"
-  }, /*#__PURE__*/React.createElement("circle", {
-    cx: 2.5,
-    cy: 8,
-    r: 1.5
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: 8,
-    cy: 8,
-    r: 1.5
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: 13.5,
-    cy: 8,
-    r: 1.5
-  }))));
-};
-
-export { SvgOverflowStroke as default };