@atlaskit/dynamic-table 14.11.0 → 14.11.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/dynamic-table
 
+## 14.11.2
+
+### Patch Changes
+
+- [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing.
+
+## 14.11.1
+
+### Patch Changes
+
+- [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
+
 ## 14.11.0
 
 ### Minor Changes

package/dist/cjs/components/stateless.js

@@ -29,7 +29,7 @@ var _tableHead = _interopRequireDefault(require("./table-head"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var packageName = "@atlaskit/dynamic-table";
-var packageVersion = "14.11.0";
+var packageVersion = "14.11.2";
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {
     case _constants.DESC:

package/dist/cjs/styled/dynamic-table.js

@@ -54,7 +54,7 @@ var Table = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
 });
 exports.Table = Table;
 var captionStyles = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   marginTop: "".concat(gridSize * 3.5, "px"),
   marginBottom: "var(--ds-space-100, 8px)",
   fontSize: '1.42857143em',

package/dist/cjs/styled/empty-body.js

@@ -25,9 +25,9 @@ var EmptyViewWithFixedHeight = function EmptyViewWithFixedHeight(_ref) {
 exports.EmptyViewWithFixedHeight = EmptyViewWithFixedHeight;
 var emptyViewContainerStyles = (0, _react.css)({
   width: '50%',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   margin: 'auto',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   padding: '10px',
   textAlign: 'center'
 });

package/dist/cjs/styled/loading-container-advanced.js

@@ -50,7 +50,7 @@ var SpinnerBackdrop = function SpinnerBackdrop(_ref) {
 exports.SpinnerBackdrop = SpinnerBackdrop;
 var spinnerContainerStyles = (0, _react2.css)({
   position: 'relative',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   top: 0
 });
 var SpinnerContainer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {

package/dist/cjs/styled/rankable/table-row.js

@@ -18,11 +18,11 @@ var rankingStyles = (0, _react2.css)({
 });
 var rankingItemStyles = (0, _react2.css)({
   backgroundColor: "var(--ds-surface-overlay, ".concat(_colors.N20, ")"),
-  borderRadius: '2px',
+  borderRadius: "var(--ds-border-radius-050, 2px)",
   boxShadow: "var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")")
 });
 var draggableStyles = (0, _react2.css)({
-  outlineWidth: '2px',
+  outlineWidth: "var(--ds-border-width, 2px)",
   '&:focus': {
     outlineColor: "var(--ds-border-focused, ".concat(_colors.B100, ")"),
     outlineStyle: 'solid'

package/dist/cjs/styled/table-head.js

@@ -77,18 +77,18 @@ var baseStyles = (0, _react2.css)({
       width: 0,
       height: 0,
       position: 'absolute',
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
       right: "-".concat(gridSize, "px"),
       border: '3px solid transparent',
       content: '""'
     },
     '&::before': {
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
       bottom: '8px',
       borderBottom: "3px solid ".concat(_theme.arrow.defaultColor)
     },
     '&::after': {
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
       bottom: 0,
       borderTop: "3px solid ".concat(_theme.arrow.defaultColor)
     }

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/dynamic-table",
-	"version": "14.11.0",
+	"version": "14.11.2",
 	"sideEffects": false
 }

package/dist/es2019/components/stateless.js

@@ -14,7 +14,7 @@ import ManagedPagination from './managed-pagination';
 import RankableTableBody from './rankable/body';
 import TableHead from './table-head';
 const packageName = "@atlaskit/dynamic-table";
-const packageVersion = "14.11.0";
+const packageVersion = "14.11.2";
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {
     case DESC:

package/dist/es2019/styled/dynamic-table.js

@@ -48,7 +48,7 @@ export const Table = /*#__PURE__*/forwardRef(({
   }), children);
 });
 const captionStyles = css({
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   marginTop: `${gridSize * 3.5}px`,
   marginBottom: "var(--ds-space-100, 8px)",
   fontSize: '1.42857143em',

package/dist/es2019/styled/empty-body.js

@@ -17,9 +17,9 @@ export const EmptyViewWithFixedHeight = ({
 }, children);
 const emptyViewContainerStyles = css({
   width: '50%',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   margin: 'auto',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   padding: '10px',
   textAlign: 'center'
 });

package/dist/es2019/styled/loading-container-advanced.js

@@ -40,7 +40,7 @@ export const SpinnerBackdrop = ({
 }, children);
 const spinnerContainerStyles = css({
   position: 'relative',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   top: 0
 });
 export const SpinnerContainer = /*#__PURE__*/forwardRef(({

package/dist/es2019/styled/rankable/table-row.js

@@ -9,11 +9,11 @@ const rankingStyles = css({
 });
 const rankingItemStyles = css({
   backgroundColor: `var(--ds-surface-overlay, ${N20})`,
-  borderRadius: '2px',
+  borderRadius: "var(--ds-border-radius-050, 2px)",
   boxShadow: `var(--ds-shadow-overlay, ${`0 20px 32px -8px ${N50A}, 0 0 1px ${N60A}`})`
 });
 const draggableStyles = css({
-  outlineWidth: '2px',
+  outlineWidth: "var(--ds-border-width, 2px)",
   '&:focus': {
     outlineColor: `var(--ds-border-focused, ${B100})`,
     outlineStyle: 'solid'

package/dist/es2019/styled/table-head.js

@@ -64,18 +64,18 @@ const baseStyles = css({
       width: 0,
       height: 0,
       position: 'absolute',
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
       right: `-${gridSize}px`,
       border: '3px solid transparent',
       content: '""'
     },
     '&::before': {
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
       bottom: '8px',
       borderBottom: `3px solid ${arrow.defaultColor}`
     },
     '&::after': {
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
       bottom: 0,
       borderTop: `3px solid ${arrow.defaultColor}`
     }

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/dynamic-table",
-	"version": "14.11.0",
+	"version": "14.11.2",
 	"sideEffects": false
 }

package/dist/esm/components/stateless.js

@@ -22,7 +22,7 @@ import ManagedPagination from './managed-pagination';
 import RankableTableBody from './rankable/body';
 import TableHead from './table-head';
 var packageName = "@atlaskit/dynamic-table";
-var packageVersion = "14.11.0";
+var packageVersion = "14.11.2";
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {
     case DESC:

package/dist/esm/styled/dynamic-table.js

@@ -46,7 +46,7 @@ export var Table = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }), children);
 });
 var captionStyles = css({
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   marginTop: "".concat(gridSize * 3.5, "px"),
   marginBottom: "var(--ds-space-100, 8px)",
   fontSize: '1.42857143em',

package/dist/esm/styled/empty-body.js

@@ -18,9 +18,9 @@ export var EmptyViewWithFixedHeight = function EmptyViewWithFixedHeight(_ref) {
 };
 var emptyViewContainerStyles = css({
   width: '50%',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   margin: 'auto',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   padding: '10px',
   textAlign: 'center'
 });

package/dist/esm/styled/loading-container-advanced.js

@@ -41,7 +41,7 @@ export var SpinnerBackdrop = function SpinnerBackdrop(_ref) {
 };
 var spinnerContainerStyles = css({
   position: 'relative',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   top: 0
 });
 export var SpinnerContainer = /*#__PURE__*/forwardRef(function (_ref2, ref) {

package/dist/esm/styled/rankable/table-row.js

@@ -11,11 +11,11 @@ var rankingStyles = css({
 });
 var rankingItemStyles = css({
   backgroundColor: "var(--ds-surface-overlay, ".concat(N20, ")"),
-  borderRadius: '2px',
+  borderRadius: "var(--ds-border-radius-050, 2px)",
   boxShadow: "var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")")
 });
 var draggableStyles = css({
-  outlineWidth: '2px',
+  outlineWidth: "var(--ds-border-width, 2px)",
   '&:focus': {
     outlineColor: "var(--ds-border-focused, ".concat(B100, ")"),
     outlineStyle: 'solid'

package/dist/esm/styled/table-head.js

@@ -69,18 +69,18 @@ var baseStyles = css({
       width: 0,
       height: 0,
       position: 'absolute',
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
       right: "-".concat(gridSize, "px"),
       border: '3px solid transparent',
       content: '""'
     },
     '&::before': {
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
       bottom: '8px',
       borderBottom: "3px solid ".concat(arrow.defaultColor)
     },
     '&::after': {
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
       bottom: 0,
       borderTop: "3px solid ".concat(arrow.defaultColor)
     }

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/dynamic-table",
-	"version": "14.11.0",
+	"version": "14.11.2",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/dynamic-table",
-  "version": "14.11.0",
+  "version": "14.11.2",
   "description": "A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -41,7 +41,7 @@
     "@atlaskit/pagination": "^14.4.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.6.0",
+    "@atlaskit/tokens": "^1.11.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "react-beautiful-dnd": "^12.1.1"
@@ -51,12 +51,8 @@
     "react-dom": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/avatar": "^21.3.0",
-    "@atlaskit/button": "^16.7.0",
-    "@atlaskit/docs": "*",
-    "@atlaskit/dropdown-menu": "^11.9.0",
+    "@af/accessibility-testing": "*",
     "@atlaskit/ssr": "*",
-    "@atlaskit/toggle": "^12.6.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",

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

@@ -1,215 +0,0 @@
-## API Report File for "@atlaskit/dynamic-table"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-import noop from '@atlaskit/ds-lib/noop';
-import { default as React_2 } from 'react';
-import { Ref } from 'react';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { WithContextProps } from '@atlaskit/analytics-next';
-
-// @public
-class DynamicTable extends React_2.Component<StatefulProps, State> {
-    // (undocumented)
-    static defaultProps: {
-        defaultPage: number;
-        isLoading: boolean;
-        isFixedSize: boolean;
-        isRankable: boolean;
-        onSetPage: typeof noop;
-        onSort: typeof noop;
-        rowsPerPage: number;
-    };
-    // (undocumented)
-    onRankEndHandler: (params: RankEnd) => void;
-    // (undocumented)
-    onRankEndIfExistsHandler: (params: RankEnd) => void;
-    // (undocumented)
-    onSetPageHandler: (page: number, analyticsEvent?: UIAnalyticsEvent) => void;
-    // (undocumented)
-    onSortHandler: ({ key, item, sortOrder }: any, analyticsEvent?: UIAnalyticsEvent) => void;
-    // (undocumented)
-    render(): JSX.Element;
-    // (undocumented)
-    state: {
-        page: number | undefined;
-        sortKey: string | undefined;
-        sortOrder: SortOrderType | undefined;
-        rows: RowType[] | undefined;
-    };
-    // (undocumented)
-    UNSAFE_componentWillReceiveProps(newProps: StatefulProps): void;
-}
-export default DynamicTable;
-
-// @public (undocumented)
-export const DynamicTableStateless: React_2.ForwardRefExoticComponent<Pick<Pick<Omit<StatelessProps, keyof WithAnalyticsEventsProps>, "caption" | "emptyView" | "head" | "highlightedRowIndex" | "label" | "loadingSpinnerSize" | "onPageRowsUpdate" | "rows" | "sortKey" | "sortOrder" | "testId" | "totalRows"> & Partial<Pick<Omit<StatelessProps, keyof WithAnalyticsEventsProps>, "isFixedSize" | "isLoading" | "isRankable" | "isRankingDisabled" | "onRankEnd" | "onRankStart" | "onSetPage" | "onSort" | "page" | "paginationi18n" | "rowsPerPage">> & Partial<Pick<{
-    isLoading: boolean;
-    isFixedSize: boolean;
-    rowsPerPage: number;
-    onSetPage: typeof noop;
-    onSort: typeof noop;
-    page: number;
-    isRankable: boolean;
-    isRankingDisabled: boolean;
-    onRankStart: typeof noop;
-    onRankEnd: typeof noop;
-    paginationi18n: {
-        prev: string;
-        next: string;
-        label: string;
-        pageLabel: string;
-    };
-}, never>> & React_2.RefAttributes<any> & WithContextProps, "analyticsContext" | "caption" | "emptyView" | "head" | "highlightedRowIndex" | "isFixedSize" | "isLoading" | "isRankable" | "isRankingDisabled" | "key" | "label" | "loadingSpinnerSize" | "onPageRowsUpdate" | "onRankEnd" | "onRankStart" | "onSetPage" | "onSort" | "page" | "paginationi18n" | "rows" | "rowsPerPage" | "sortKey" | "sortOrder" | "testId" | "totalRows"> & React_2.RefAttributes<any>>;
-
-// @public (undocumented)
-interface HeadCellType extends RowCellType {
-    isSortable?: boolean;
-    shouldTruncate?: boolean;
-    width?: number;
-}
-
-// @public (undocumented)
-interface HeadType {
-    // (undocumented)
-    cells: Array<HeadCellType>;
-}
-
-// @public (undocumented)
-interface I18nShape {
-    label: string;
-    next: string;
-    pageLabel?: string;
-    prev: string;
-}
-
-// @public (undocumented)
-type LoadingSpinnerSizeType = 'large' | 'small';
-
-// @public (undocumented)
-interface RankEnd {
-    // (undocumented)
-    destination?: RankEndLocation;
-    // (undocumented)
-    sourceIndex: number;
-    // (undocumented)
-    sourceKey: string;
-}
-
-// @public (undocumented)
-interface RankEndLocation {
-    // (undocumented)
-    afterKey?: string;
-    // (undocumented)
-    beforeKey?: string;
-    // (undocumented)
-    index: number;
-}
-
-// @public (undocumented)
-interface RankStart {
-    // (undocumented)
-    index: number;
-    // (undocumented)
-    key: string;
-}
-
-// @public (undocumented)
-interface RowCellType {
-    colSpan?: number;
-    content?: React_2.ReactNode | string;
-    key?: number | string;
-    testId?: string;
-}
-
-// @public (undocumented)
-interface RowType extends React_2.ComponentPropsWithoutRef<'tr'> {
-    // (undocumented)
-    cells: Array<RowCellType>;
-    isHighlighted?: boolean;
-    // (undocumented)
-    key?: string;
-    onClick?: React_2.MouseEventHandler;
-    onKeyPress?: React_2.KeyboardEventHandler;
-    // (undocumented)
-    ref?: Ref<HTMLTableRowElement>;
-    testId?: string;
-}
-
-// @public
-type SortOrderType = 'ASC' | 'DESC';
-
-// @public (undocumented)
-interface State {
-    // (undocumented)
-    page?: number;
-    // (undocumented)
-    rows?: RowType[];
-    // (undocumented)
-    sortKey?: string;
-    // (undocumented)
-    sortOrder?: SortOrderType;
-}
-
-// @public (undocumented)
-interface StatefulProps extends WithAnalyticsEventsProps {
-    caption?: React_2.ReactNode;
-    defaultPage?: number;
-    defaultSortKey?: string;
-    defaultSortOrder?: SortOrderType;
-    emptyView?: React_2.ReactElement<any>;
-    head?: HeadType;
-    highlightedRowIndex?: number | number[];
-    isFixedSize?: boolean;
-    isLoading?: boolean;
-    isRankable?: boolean;
-    isRankingDisabled?: boolean;
-    label?: string;
-    loadingSpinnerSize?: LoadingSpinnerSizeType;
-    onPageRowsUpdate?: (pageRows: Array<RowType>) => void;
-    onRankEnd?: (rankEnd: RankEnd) => void;
-    onRankStart?: (rankStart: RankStart) => void;
-    onSetPage?: (page: number, UIAnalyticsEvent?: UIAnalyticsEvent) => void;
-    onSort?: (data: any, UIAnalyticsEvent?: UIAnalyticsEvent) => void;
-    page?: number;
-    paginationi18n?: I18nShape;
-    rows?: Array<RowType>;
-    rowsPerPage?: number;
-    sortKey?: string;
-    sortOrder?: SortOrderType;
-    testId?: string;
-}
-
-// @public (undocumented)
-interface StatelessProps extends WithAnalyticsEventsProps {
-    caption?: React_2.ReactNode;
-    emptyView?: React_2.ReactElement<any>;
-    head?: HeadType;
-    highlightedRowIndex?: number | number[];
-    isFixedSize?: boolean;
-    isLoading?: boolean;
-    isRankable?: boolean;
-    isRankingDisabled?: boolean;
-    label?: string;
-    loadingSpinnerSize?: LoadingSpinnerSizeType;
-    onPageRowsUpdate?: (pageRows: Array<RowType>) => void;
-    onRankEnd?: (rankEnd: RankEnd, uiAnalyticsEvent?: UIAnalyticsEvent) => void;
-    onRankStart?: (rankStart: RankStart) => void;
-    onSetPage?: (page: number, UIAnalyticsEvent?: UIAnalyticsEvent) => void;
-    onSort?: (data: any, UIAnalyticsEvent?: UIAnalyticsEvent) => void;
-    page?: number;
-    paginationi18n?: I18nShape;
-    rows?: Array<RowType>;
-    rowsPerPage?: number;
-    sortKey?: string;
-    sortOrder?: SortOrderType;
-    testId?: string;
-    totalRows?: number;
-}
-
-// (No @packageDocumentation comment for this package)
-
-```