@atlaskit/table 0.4.17 → 0.4.19

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/table
 
+## 0.4.19
+
+### Patch Changes
+
+- [#65875](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/65875) [`98e49fd3f04d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/98e49fd3f04d) - [ux] Updated buttons in table to consume new buttons.
+
+## 0.4.18
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.4.17
 
 ### Patch Changes

package/dist/cjs/expandable-cell.js

@@ -8,7 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _react2 = require("@emotion/react");
-var _button = _interopRequireDefault(require("@atlaskit/button"));
+var _new = require("@atlaskit/button/new");
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-down"));
+var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-up"));
 var _useExpand2 = _interopRequireDefault(require("./hooks/use-expand"));
 var Primitives = _interopRequireWildcard(require("./ui"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -30,15 +32,15 @@ var ExpandableCell = /*#__PURE__*/(0, _react.memo)(function () {
   }, [toggleExpanded]);
   return (0, _react2.jsx)(Primitives.ExpandableCell, {
     as: "td"
-  }, (0, _react2.jsx)(_button.default, {
+  }, (0, _react2.jsx)(_new.IconButton, {
     spacing: "compact",
     appearance: "subtle",
-    iconAfter: (0, _react2.jsx)(Primitives.ExpandIcon, {
-      isExpanded: isExpanded
-    }),
+    icon: isExpanded ? _chevronUp.default : _chevronDown.default,
+    label: "Expand row",
+    "aria-label": "Expand row",
+    UNSAFE_size: "small",
     onClick: handleClick,
-    "aria-pressed": isExpanded,
-    "aria-label": "Expand row"
+    "aria-pressed": isExpanded
   }));
 });
 var _default = exports.default = ExpandableCell;

package/dist/cjs/sortable-column.js

@@ -84,7 +84,9 @@ var SortableColumn = function SortableColumn(_ref) {
         name: name
       })
     }, tooltipProps, {
-      onClick: updateSortState,
+      onClick: updateSortState
+      // TODO: (from codemod) Buttons with "css" or "style" prop can't be migrated for now. Please wait for the support of xcss prop.
+      ,
       css: overrideStyles
       // TODO: i18n support for this attr
       ,

package/dist/es2019/expandable-cell.js

@@ -1,7 +1,9 @@
 /** @jsx jsx */
 import { memo, useCallback } from 'react';
 import { jsx } from '@emotion/react';
-import Button from '@atlaskit/button';
+import { IconButton } from '@atlaskit/button/new';
+import ChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
+import ChevronUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-up';
 import useExpand from './hooks/use-expand';
 import * as Primitives from './ui';
 
@@ -21,15 +23,15 @@ const ExpandableCell = /*#__PURE__*/memo(() => {
   }, [toggleExpanded]);
   return jsx(Primitives.ExpandableCell, {
     as: "td"
-  }, jsx(Button, {
+  }, jsx(IconButton, {
     spacing: "compact",
     appearance: "subtle",
-    iconAfter: jsx(Primitives.ExpandIcon, {
-      isExpanded: isExpanded
-    }),
+    icon: isExpanded ? ChevronUpIcon : ChevronDownIcon,
+    label: "Expand row",
+    "aria-label": "Expand row",
+    UNSAFE_size: "small",
     onClick: handleClick,
-    "aria-pressed": isExpanded,
-    "aria-label": "Expand row"
+    "aria-pressed": isExpanded
   }));
 });
 export default ExpandableCell;

package/dist/es2019/sortable-column.js

@@ -74,7 +74,9 @@ const SortableColumn = ({
       name: name
     })
   }, tooltipProps, {
-    onClick: updateSortState,
+    onClick: updateSortState
+    // TODO: (from codemod) Buttons with "css" or "style" prop can't be migrated for now. Please wait for the support of xcss prop.
+    ,
     css: overrideStyles
     // TODO: i18n support for this attr
     ,

package/dist/esm/expandable-cell.js

@@ -1,7 +1,9 @@
 /** @jsx jsx */
 import { memo, useCallback } from 'react';
 import { jsx } from '@emotion/react';
-import Button from '@atlaskit/button';
+import { IconButton } from '@atlaskit/button/new';
+import ChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
+import ChevronUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-up';
 import useExpand from './hooks/use-expand';
 import * as Primitives from './ui';
 
@@ -20,15 +22,15 @@ var ExpandableCell = /*#__PURE__*/memo(function () {
   }, [toggleExpanded]);
   return jsx(Primitives.ExpandableCell, {
     as: "td"
-  }, jsx(Button, {
+  }, jsx(IconButton, {
     spacing: "compact",
     appearance: "subtle",
-    iconAfter: jsx(Primitives.ExpandIcon, {
-      isExpanded: isExpanded
-    }),
+    icon: isExpanded ? ChevronUpIcon : ChevronDownIcon,
+    label: "Expand row",
+    "aria-label": "Expand row",
+    UNSAFE_size: "small",
     onClick: handleClick,
-    "aria-pressed": isExpanded,
-    "aria-label": "Expand row"
+    "aria-pressed": isExpanded
   }));
 });
 export default ExpandableCell;

package/dist/esm/sortable-column.js

@@ -77,7 +77,9 @@ var SortableColumn = function SortableColumn(_ref) {
         name: name
       })
     }, tooltipProps, {
-      onClick: updateSortState,
+      onClick: updateSortState
+      // TODO: (from codemod) Buttons with "css" or "style" prop can't be migrated for now. Please wait for the support of xcss prop.
+      ,
       css: overrideStyles
       // TODO: i18n support for this attr
       ,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/table",
-  "version": "0.4.17",
+  "version": "0.4.19",
   "description": "A table is used to display data.",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -40,14 +40,14 @@
     "./primitives": "./src/ui/index.tsx"
   },
   "dependencies": {
-    "@atlaskit/button": "^16.16.0",
+    "@atlaskit/button": "^17.2.0",
     "@atlaskit/checkbox": "^13.0.0",
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/focus-ring": "^1.3.0",
     "@atlaskit/icon": "^22.0.0",
-    "@atlaskit/primitives": "^1.10.0",
-    "@atlaskit/tokens": "^1.28.0",
-    "@atlaskit/tooltip": "^18.0.0",
+    "@atlaskit/primitives": "^1.19.0",
+    "@atlaskit/tokens": "^1.34.0",
+    "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/visually-hidden": "^1.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",

package/tmp/api-report-tmp.d.ts

@@ -1,122 +0,0 @@
-## API Report File for "@atlaskit/table"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-/// <reference types="react" />
-
-import { BoxProps } from '@atlaskit/primitives';
-import { FC } from 'react';
-import { jsx } from '@emotion/react';
-import { MemoExoticComponent } from 'react';
-import { default as React_2 } from 'react';
-import { ReactElement } from 'react';
-import { ReactNode } from 'react';
-
-// @public (undocumented)
-type BaseCellProps = {
-    width?: string;
-    align?: 'icon' | 'number' | 'text';
-    as?: 'td' | 'th';
-    scope?: 'col' | 'row';
-    testId?: string;
-    children?: ReactNode;
-    colSpan?: number;
-} & Pick<BoxProps<any>, 'backgroundColor' | 'paddingBlock' | 'paddingInline' | 'xcss'>;
-
-// @public (undocumented)
-type BodyProps<Item extends object> = {
-    rows: Item[];
-    children: (row: Item) => ReactElement;
-} | {
-    rows?: never;
-    children: ReactElement | ReactElement[];
-};
-
-// @public
-export const Cell: FC<Omit<BaseCellProps, 'as'>>;
-
-// @public (undocumented)
-interface CellProps {
-    // (undocumented)
-    children?: ReactNode;
-    name: string;
-    // (undocumented)
-    onClick?: React.MouseEventHandler;
-    testId?: string;
-}
-
-// @public
-export const ExpandableCell: MemoExoticComponent<() => jsx.JSX.Element>;
-
-// @public
-export const ExpandableRow: ({ children, isExpanded, isDefaultExpanded, }: ExpandableRowProps) => JSX.Element;
-
-// @public
-export const ExpandableRowContent: ({ children }: ExpandableRowContentProps) => JSX.Element;
-
-// @public (undocumented)
-type ExpandableRowContentProps = {
-    children?: React_2.ReactNode;
-};
-
-// @public (undocumented)
-type ExpandableRowProps = {
-    children: React_2.ReactNode;
-    isExpanded?: boolean;
-    isDefaultExpanded?: boolean;
-};
-
-// @public
-export const HeadCell: FC<THProps>;
-
-// @public
-export const Row: FC<RowProps>;
-
-// @public (undocumented)
-type RowProps = {
-    testId?: string;
-    children?: ReactNode;
-};
-
-// @public
-export const SortableColumn: FC<CellProps>;
-
-// @public (undocumented)
-type SortKey<Key extends number | string | symbol> = 'unset' | Key;
-
-// @public
-function Table<ItemType extends object = object>({ children, isSelectable, sortKey, testId, }: TableProps<ItemType>): jsx.JSX.Element;
-export default Table;
-
-// @public (undocumented)
-type TableProps<ItemType extends object = {}> = {
-    testId?: string;
-    sortKey?: SortKey<keyof ItemType>;
-    children: ReactElement | ReactElement[];
-} & ({
-    isSelectable: true;
-    defaultSelected?: number;
-} | {
-    isSelectable?: false;
-});
-
-// @public
-export function TBody<ObjectType extends object>({ rows, children, }: BodyProps<ObjectType>): jsx.JSX.Element;
-
-// @public (undocumented)
-export const THead: FC<THeadProps>;
-
-// @public (undocumented)
-type THeadProps = {
-    actions?: (selected: number[]) => ReactNode;
-    children?: ReactNode;
-};
-
-// @public (undocumented)
-type THProps = Omit<BaseCellProps, 'as'>;
-
-// (No @packageDocumentation comment for this package)
-
-```