@atlaskit/dynamic-table - npm Package Compare versions

Comparing version 14.5.5 to 14.6.0

CHANGELOG.md

 # @atlaskit/dynamic-table
 
+## 14.6.0
+
+### Minor Changes
+
+- [`1cc3c9f1c8f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1cc3c9f1c8f) - Add test ID to table pagination so it can be queried in tests. It will be prefixed with the `testId` prop: `{testId}--pagination`.
+
+### Patch Changes
+
+- [`0b545855a57`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0b545855a57) - [ux] Updated tokens in `@atlaskit/dynamic-table`
+
 ## 14.5.5
@@ -4,0 +14,0 @@

dist/cjs/components/managed-pagination.js

@@ -62,3 +62,4 @@ "use strict";
           value = _this$props$value === void 0 ? 1 : _this$props$value,
-          i18n = _this$props.i18n;
+          i18n = _this$props.i18n,
+          testId = _this$props.testId;
       var pages = (0, _toConsumableArray2.default)(Array(total)).map(function (_, index) {
@@ -76,3 +77,4 @@ return index + 1;
         onChange: this.onChange,
-        pages: pages
+        pages: pages,
+        testId: testId && "".concat(testId, "--pagination")
       });
@@ -79,0 +81,0 @@ }

dist/cjs/components/Stateless.js

@@ -55,3 +55,3 @@ "use strict";
 var packageName = "@atlaskit/dynamic-table";
-var packageVersion = "14.5.5";
+var packageVersion = "14.6.0";
 
@@ -281,3 +281,4 @@ function toggleSortOrder(currentSortOrder) {
         total: totalPages,
-        i18n: paginationi18n
+        i18n: paginationi18n,
+        testId: testId
       })), !rowsExist && emptyBody && /*#__PURE__*/_react.default.createElement(_LoadingContainer.default, {
@@ -284,0 +285,0 @@ isLoading: isLoading,

dist/cjs/styled/TableHead.js

@@ -47,5 +47,5 @@ "use strict";
   return (0, _core.css)({
-    borderBottom: "2px solid ".concat("var(--ds-border, ".concat(_theme.head.borderColor({
+    borderBottom: "2px solid ".concat(_theme.head.borderColor({
       theme: theme
-    }), ")"))
+    }))
   });
@@ -52,0 +52,0 @@ };

dist/cjs/theme.js

@@ -27,12 +27,12 @@ "use strict";
   defaultColor: (0, _components.themed)({
-    light: "var(--ds-background-neutral, ".concat(colors.N40, ")"),
-    dark: "var(--ds-background-neutral, ".concat(colors.DN40, ")")
+    light: "var(--ds-icon-disabled, ".concat(colors.N40, ")"),
+    dark: "var(--ds-icon-disabled, ".concat(colors.DN40, ")")
   }),
   selectedColor: (0, _components.themed)({
-    light: "var(--ds-text-subtlest, ".concat(colors.N300, ")"),
-    dark: "var(--ds-text-subtlest, ".concat(colors.DN300, ")")
+    light: "var(--ds-icon-subtle, ".concat(colors.N300, ")"),
+    dark: "var(--ds-icon-subtle, ".concat(colors.DN300, ")")
   }),
   hoverColor: (0, _components.themed)({
-    light: "var(--ds-background-neutral-pressed, ".concat(colors.N60, ")"),
-    dark: "var(--ds-background-neutral-pressed, ".concat(colors.DN60, ")")
+    light: "var(--ds-icon-disabled, ".concat(colors.N60, ")"),
+    dark: "var(--ds-icon-disabled, ".concat(colors.DN60, ")")
   })
@@ -51,4 +51,4 @@ };
   hoverBackground: (0, _components.themed)({
-    light: "var(--ds-background-input, ".concat(colors.N10, ")"),
-    dark: "var(--ds-background-input, ".concat(colors.DN40, ")")
+    light: "var(--ds-background-neutral-subtle-hovered, ".concat(colors.N10, ")"),
+    dark: "var(--ds-background-neutral-subtle-hovered, ".concat(colors.DN40, ")")
   }),
@@ -55,0 +55,0 @@ hoverHighlightedBackground: (0, _components.themed)({

dist/cjs/version.json

 {
 	"name": "@atlaskit/dynamic-table",
-	"version": "14.5.5",
+	"version": "14.6.0",
 	"sideEffects": false
 }

dist/es2019/components/managed-pagination.js

@@ -17,3 +17,4 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
       value = 1,
-      i18n
+      i18n,
+      testId
     } = this.props;
@@ -30,3 +31,4 @@ const pages = [...Array(total)].map((_, index) => index + 1); // Pagination accepts array now thus selectedIndex starts with 0
       onChange: this.onChange,
-      pages: pages
+      pages: pages,
+      testId: testId && `${testId}--pagination`
     });
@@ -33,0 +35,0 @@ }

dist/es2019/components/Stateless.js

@@ -16,3 +16,3 @@ import _extends from "@babel/runtime/helpers/extends";
 const packageName = "@atlaskit/dynamic-table";
-const packageVersion = "14.5.5";
+const packageVersion = "14.6.0";
 
@@ -234,3 +234,4 @@ function toggleSortOrder(currentSortOrder) {
       total: totalPages,
-      i18n: paginationi18n
+      i18n: paginationi18n,
+      testId: testId
     })), !rowsExist && emptyBody && /*#__PURE__*/React.createElement(LoadingContainer, {
@@ -237,0 +238,0 @@ isLoading: isLoading,

dist/es2019/styled/TableHead.js

@@ -19,5 +19,5 @@ import _extends from "@babel/runtime/helpers/extends";
 const getHeadStyles = theme => css({
-  borderBottom: `2px solid ${`var(--ds-border, ${head.borderColor({
+  borderBottom: `2px solid ${head.borderColor({
     theme
-  })})`}`
+  })}`
 });
@@ -24,0 +24,0 @@

dist/es2019/theme.js

@@ -11,12 +11,12 @@ import * as colors from '@atlaskit/theme/colors';
   defaultColor: themed({
-    light: `var(--ds-background-neutral, ${colors.N40})`,
-    dark: `var(--ds-background-neutral, ${colors.DN40})`
+    light: `var(--ds-icon-disabled, ${colors.N40})`,
+    dark: `var(--ds-icon-disabled, ${colors.DN40})`
   }),
   selectedColor: themed({
-    light: `var(--ds-text-subtlest, ${colors.N300})`,
-    dark: `var(--ds-text-subtlest, ${colors.DN300})`
+    light: `var(--ds-icon-subtle, ${colors.N300})`,
+    dark: `var(--ds-icon-subtle, ${colors.DN300})`
   }),
   hoverColor: themed({
-    light: `var(--ds-background-neutral-pressed, ${colors.N60})`,
-    dark: `var(--ds-background-neutral-pressed, ${colors.DN60})`
+    light: `var(--ds-icon-disabled, ${colors.N60})`,
+    dark: `var(--ds-icon-disabled, ${colors.DN60})`
   })
@@ -34,4 +34,4 @@ };
   hoverBackground: themed({
-    light: `var(--ds-background-input, ${colors.N10})`,
-    dark: `var(--ds-background-input, ${colors.DN40})`
+    light: `var(--ds-background-neutral-subtle-hovered, ${colors.N10})`,
+    dark: `var(--ds-background-neutral-subtle-hovered, ${colors.DN40})`
   }),
@@ -38,0 +38,0 @@ hoverHighlightedBackground: themed({

dist/es2019/version.json

 {
 	"name": "@atlaskit/dynamic-table",
-	"version": "14.5.5",
+	"version": "14.6.0",
 	"sideEffects": false
 }

dist/esm/components/managed-pagination.js

@@ -47,3 +47,4 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
           value = _this$props$value === void 0 ? 1 : _this$props$value,
-          i18n = _this$props.i18n;
+          i18n = _this$props.i18n,
+          testId = _this$props.testId;
 
@@ -63,3 +64,4 @@ var pages = _toConsumableArray(Array(total)).map(function (_, index) {
         onChange: this.onChange,
-        pages: pages
+        pages: pages,
+        testId: testId && "".concat(testId, "--pagination")
       });
@@ -66,0 +68,0 @@ }

dist/esm/components/Stateless.js

@@ -27,3 +27,3 @@ import _extends from "@babel/runtime/helpers/extends";
 var packageName = "@atlaskit/dynamic-table";
-var packageVersion = "14.5.5";
+var packageVersion = "14.6.0";
 
@@ -261,3 +261,4 @@ function toggleSortOrder(currentSortOrder) {
         total: totalPages,
-        i18n: paginationi18n
+        i18n: paginationi18n,
+        testId: testId
       })), !rowsExist && emptyBody && /*#__PURE__*/React.createElement(LoadingContainer, {
@@ -264,0 +265,0 @@ isLoading: isLoading,

dist/esm/styled/TableHead.js

@@ -28,5 +28,5 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
   return css({
-    borderBottom: "2px solid ".concat("var(--ds-border, ".concat(head.borderColor({
+    borderBottom: "2px solid ".concat(head.borderColor({
       theme: theme
-    }), ")"))
+    }))
   });
@@ -33,0 +33,0 @@ };

dist/esm/theme.js

@@ -11,12 +11,12 @@ import * as colors from '@atlaskit/theme/colors';
   defaultColor: themed({
-    light: "var(--ds-background-neutral, ".concat(colors.N40, ")"),
-    dark: "var(--ds-background-neutral, ".concat(colors.DN40, ")")
+    light: "var(--ds-icon-disabled, ".concat(colors.N40, ")"),
+    dark: "var(--ds-icon-disabled, ".concat(colors.DN40, ")")
   }),
   selectedColor: themed({
-    light: "var(--ds-text-subtlest, ".concat(colors.N300, ")"),
-    dark: "var(--ds-text-subtlest, ".concat(colors.DN300, ")")
+    light: "var(--ds-icon-subtle, ".concat(colors.N300, ")"),
+    dark: "var(--ds-icon-subtle, ".concat(colors.DN300, ")")
   }),
   hoverColor: themed({
-    light: "var(--ds-background-neutral-pressed, ".concat(colors.N60, ")"),
-    dark: "var(--ds-background-neutral-pressed, ".concat(colors.DN60, ")")
+    light: "var(--ds-icon-disabled, ".concat(colors.N60, ")"),
+    dark: "var(--ds-icon-disabled, ".concat(colors.DN60, ")")
   })
@@ -34,4 +34,4 @@ };
   hoverBackground: themed({
-    light: "var(--ds-background-input, ".concat(colors.N10, ")"),
-    dark: "var(--ds-background-input, ".concat(colors.DN40, ")")
+    light: "var(--ds-background-neutral-subtle-hovered, ".concat(colors.N10, ")"),
+    dark: "var(--ds-background-neutral-subtle-hovered, ".concat(colors.DN40, ")")
   }),
@@ -38,0 +38,0 @@ hoverHighlightedBackground: themed({

dist/esm/version.json

 {
 	"name": "@atlaskit/dynamic-table",
-	"version": "14.5.5",
+	"version": "14.6.0",
 	"sideEffects": false
 }

dist/types/components/managed-pagination.d.ts

@@ -9,2 +9,3 @@ import React from 'react';
     i18n?: I18nShape;
+    testId?: string;
 }
@@ -11,0 +12,0 @@ export default class ManagedPagination extends React.Component<ManagedPaginationProps> {

dist/types/theme.d.ts

@@ -8,5 +8,5 @@ export declare const MSThemeColors: {
 export declare const arrow: {
-    defaultColor: import("@atlaskit/theme").ThemedValue<"var(--ds-background-neutral)">;
-    selectedColor: import("@atlaskit/theme").ThemedValue<"var(--ds-text-subtlest)">;
-    hoverColor: import("@atlaskit/theme").ThemedValue<"var(--ds-background-neutral-pressed)">;
+    defaultColor: import("@atlaskit/theme").ThemedValue<"var(--ds-icon-disabled)">;
+    selectedColor: import("@atlaskit/theme").ThemedValue<"var(--ds-icon-subtle)">;
+    hoverColor: import("@atlaskit/theme").ThemedValue<"var(--ds-icon-disabled)">;
 };
@@ -16,3 +16,3 @@ export declare const row: {
     highlightedBackground: import("@atlaskit/theme").ThemedValue<"var(--ds-background-selected)">;
-    hoverBackground: import("@atlaskit/theme").ThemedValue<"var(--ds-background-input)">;
+    hoverBackground: import("@atlaskit/theme").ThemedValue<"var(--ds-background-neutral-subtle-hovered)">;
     hoverHighlightedBackground: import("@atlaskit/theme").ThemedValue<"var(--ds-background-selected-hovered)">;
@@ -19,0 +19,0 @@ };

dist/types/types.d.ts

@@ -137,9 +137,10 @@ import React, { Ref } from 'react';
       The value of `testId` is used to prefix `testId` props in given elements.
-      + `${testId}--table` - Table.
-      + `${testId}--head` - Table header.
-      + `${testId}--head--{content of the cell}` - Table header cell can be identified by their content.
-      + `${testId}--row--{index - content of the first cell}` - Table row.
-      + `${testId}--body` - Table body.
-      + `${testId}--body--{content of the cell}` - Table body cell can be identified by their content.
-      + `${testId}--loadingSpinner` - The spinner overlaid when loading.
+      - `{testId}--table` - Table.
+      - `{testId}--head` - Table header.
+      - `{testId}--head--{content of the cell}` - Table header cell can be identified by their content.
+      - `{testId}--row--{index - content of the first cell}` - Table row.
+      - `{testId}--body` - Table body.
+      - `{testId}--body--{content of the cell}` - Table body cell can be identified by their content.
+      - `{testId}--loadingSpinner` - The spinner overlaid when loading.
+      - `{testId}--pagination` - The table pagination.
      */
@@ -269,9 +270,10 @@ testId?: string;
       The value of `testId` is used to prefix `testId` props in given elements.
-      + `${testId}--table` - Table.
-      + `${testId}--head` - Table header.
-      + `${testId}--head--{content of the cell}` - Table header cell can be identified by their content.
-      + `${testId}--row--{index - content of the first cell}` - Table row.
-      + `${testId}--body` - Table body.
-      + `${testId}--body--{content of the cell}` - Table body cell can be identified by their content.
-      + `${testId}--loadingSpinner` - The spinner overlaid when loading.
+      - `{testId}--table` - Table.
+      - `{testId}--head` - Table header.
+      - `{testId}--head--{content of the cell}` - Table header cell can be identified by their content.
+      - `{testId}--row--{index - content of the first cell}` - Table row.
+      - `{testId}--body` - Table body.
+      - `{testId}--body--{content of the cell}` - Table body cell can be identified by their content.
+      - `{testId}--loadingSpinner` - The spinner overlaid when loading.
+      - `{testId}--pagination` - The table pagination.
      */
@@ -278,0 +280,0 @@ testId?: string;

package.json

 {
   "name": "@atlaskit/dynamic-table",
-  "version": "14.5.5",
+  "version": "14.6.0",
   "description": "A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.",
@@ -9,3 +9,3 @@ "publishConfig": {
   "homepage": "https://atlassian.design/components/dynamic-table/",
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
   "author": "Atlassian Pty Ltd",
@@ -42,6 +42,6 @@ "license": "Apache-2.0",
   "devDependencies": {
-    "@atlaskit/avatar": "^20.5.0",
+    "@atlaskit/avatar": "^21.0.0",
     "@atlaskit/button": "^16.3.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/dropdown-menu": "^11.1.0",
+    "@atlaskit/dropdown-menu": "^11.2.0",
     "@atlaskit/ssr": "*",
@@ -48,0 +48,0 @@ "@atlaskit/toggle": "^12.4.0",

New alerts

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Fixed alerts

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

376241

increased by0.2%

Lines of code

7406

increased by0.16%

No dependency changes