@atlaskit/dynamic-table - npm Package Compare versions

Comparing version 14.8.2 to 14.8.3

CHANGELOG.md

 # @atlaskit/dynamic-table
 
+## 14.8.3
+
+### Patch Changes
+
+- [`ba5370e80b4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ba5370e80b4) - Update table row background color on drag to better match design token semantics
+
 ## 14.8.2
@@ -4,0 +10,0 @@

dist/cjs/components/stateless.js

@@ -57,3 +57,3 @@ "use strict";
 var packageName = "@atlaskit/dynamic-table";
-var packageVersion = "14.8.2";
+var packageVersion = "14.8.3";
 
@@ -60,0 +60,0 @@ function toggleSortOrder(currentSortOrder) {

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

@@ -26,12 +26,6 @@ "use strict";
 });
-var elevationStyle = "var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")");
-/**
- * TODO: Pass the props here to get particular theme for the table
- * Skipping it for now as it may impact migration as util-shared-styles does not support this feature
- */
-
 var rankingItemStyles = (0, _react2.css)({
-  backgroundColor: "var(--ds-background-neutral, ".concat(_colors.N20, ")"),
+  backgroundColor: "var(--ds-surface-overlay, ".concat(_colors.N20, ")"),
   borderRadius: '2px',
-  boxShadow: elevationStyle
+  boxShadow: "var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")")
 });
@@ -38,0 +32,0 @@ var draggableStyles = (0, _react2.css)({

dist/cjs/version.json

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

dist/es2019/components/stateless.js

@@ -17,3 +17,3 @@ import _extends from "@babel/runtime/helpers/extends";
 const packageName = "@atlaskit/dynamic-table";
-const packageVersion = "14.8.2";
+const packageVersion = "14.8.3";
 
@@ -20,0 +20,0 @@ function toggleSortOrder(currentSortOrder) {

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

@@ -11,12 +11,6 @@ import _extends from "@babel/runtime/helpers/extends";
 });
-const elevationStyle = `var(--ds-shadow-overlay, ${`0 20px 32px -8px ${N50A}, 0 0 1px ${N60A}`})`;
-/**
- * TODO: Pass the props here to get particular theme for the table
- * Skipping it for now as it may impact migration as util-shared-styles does not support this feature
- */
-
 const rankingItemStyles = css({
-  backgroundColor: `var(--ds-background-neutral, ${N20})`,
+  backgroundColor: `var(--ds-surface-overlay, ${N20})`,
   borderRadius: '2px',
-  boxShadow: elevationStyle
+  boxShadow: `var(--ds-shadow-overlay, ${`0 20px 32px -8px ${N50A}, 0 0 1px ${N60A}`})`
 });
@@ -23,0 +17,0 @@ const draggableStyles = css({

dist/es2019/version.json

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

dist/esm/components/stateless.js

@@ -28,3 +28,3 @@ import _extends from "@babel/runtime/helpers/extends";
 var packageName = "@atlaskit/dynamic-table";
-var packageVersion = "14.8.2";
+var packageVersion = "14.8.3";
 
@@ -31,0 +31,0 @@ function toggleSortOrder(currentSortOrder) {

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

@@ -13,12 +13,6 @@ import _extends from "@babel/runtime/helpers/extends";
 });
-var elevationStyle = "var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")");
-/**
- * TODO: Pass the props here to get particular theme for the table
- * Skipping it for now as it may impact migration as util-shared-styles does not support this feature
- */
-
 var rankingItemStyles = css({
-  backgroundColor: "var(--ds-background-neutral, ".concat(N20, ")"),
+  backgroundColor: "var(--ds-surface-overlay, ".concat(N20, ")"),
   borderRadius: '2px',
-  boxShadow: elevationStyle
+  boxShadow: "var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")")
 });
@@ -25,0 +19,0 @@ var draggableStyles = css({

dist/esm/version.json

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

package.json

 {
   "name": "@atlaskit/dynamic-table",
-  "version": "14.8.2",
+  "version": "14.8.3",
   "description": "A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.",
@@ -50,3 +50,3 @@ "publishConfig": {
   "devDependencies": {
-    "@atlaskit/avatar": "^21.0.0",
+    "@atlaskit/avatar": "^21.1.0",
     "@atlaskit/button": "^16.3.0",
@@ -53,0 +53,0 @@ "@atlaskit/docs": "*",

report.api.md

@@ -1,6 +0,9 @@
-## API Report File for "@atlaskit/dynamic-table"
+## API Report File for "@atlaskit/dynamic-table".
 
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+> Do not edit this file. This report is auto-generated by [API Extractor](https://api-extractor.com/).
 
+[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+
 ````ts
+import noop from '@atlaskit/ds-lib/noop';
 import { default as React_2 } from 'react';
@@ -44,4 +47,4 @@ import { Ref } from 'react';
     isRankable: boolean;
-    onSetPage: () => void;
-    onSort: () => void;
+    onSetPage: typeof noop;
+    onSort: typeof noop;
     rowsPerPage: number;
@@ -109,9 +112,9 @@ };
             rowsPerPage: number;
-            onSetPage: () => void;
-            onSort: () => void;
+            onSetPage: typeof noop;
+            onSort: typeof noop;
             page: number;
             isRankable: boolean;
             isRankingDisabled: boolean;
-            onRankStart: () => void;
-            onRankEnd: () => void;
+            onRankStart: typeof noop;
+            onRankEnd: typeof noop;
             paginationi18n: {
@@ -158,7 +161,13 @@ prev: string;
 declare interface HeadCellType extends RowCellType {
-  /** Whether the column the cell sits above is sortable. */
+  /**
+   * Whether the column the cell sits above is sortable.
+   */
   isSortable?: boolean;
-  /** The pixel width of the cell. */
+  /**
+   * The width of the cell as a percentage.
+   */
   width?: number;
-  /** Whether the text in the cell will truncate or not if constrained. */
+  /**
+   * Whether the text in the cell will truncate or not if constrained.
+   */
   shouldTruncate?: boolean;
@@ -269,8 +278,7 @@ }
   /**
-     * Rows to be placed in the table.
-     * Each row contains cells which should map to the ones defined in the head.
-     * Rows accept standard HTML <tr> props in addition to those listed below.
-
-     * Ensure each cell has a unique `key` per column - this is used for both React's reconciliation of lists and column sorting.
-     */
+   * Rows to be placed in the table.
+   * Each row contains cells which should map to the ones defined in the head.
+   * Rows accept standard HTML <tr> props in addition to those listed below.
+   * Ensure each cell has a unique `key` per column - this is used for both React's reconciliation of lists and column sorting.
+   */
   rows?: Array<RowType>;
@@ -295,3 +303,3 @@ /**
   /**
-   * Controls how many rows should be diplayed per page.
+   * Controls how many rows should be displayed per page. If set, also turns on pagination, if there is more than one page to show.
    */
@@ -370,16 +378,15 @@ rowsPerPage?: number;
   /**
-     A `testId` prop is provided for specified elements,
-     which is a unique string that appears as a data attribute
-     `data-testid` in the rendered code, serving as a hook for automated tests.
-
-     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}--pagination` - The table pagination.
-     */
+   * A `testId` prop is provided for specified elements,
+   * which is a unique string that appears as a data attribute
+   * `data-testid` in the rendered code, serving as a hook for automated tests.
+   * 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}--pagination` - The table pagination.
+   */
   testId?: string;
@@ -405,7 +412,7 @@ /**
   /**
-     * Rows to be placed in the table.
-     * Each row contains cells which should map to the ones defined in the head.
-
-     * Ensure each cell has a unique `key` per column - this is used for both Reacts reconcilation of lists and column sorting.
-     */
+   * Rows to be placed in the table.
+   * Each row contains cells which should map to the ones defined in the head.
+   *
+   * Ensure each cell has a unique `key` per column - this is used for both Reacts reconcilation of lists and column sorting.
+   */
   rows?: Array<RowType>;
@@ -452,3 +459,3 @@ /**
   /**
-   * Page the table should show.
+   * Page the table should show. Set by default to 1, so never undefined.
    */
@@ -492,16 +499,16 @@ page?: number;
   /**
-     A `testId` prop is provided for specified elements,
-     which is a unique string that appears as a data attribute
-     `data-testid` in the rendered code, serving as a hook for automated tests.
-
-     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}--pagination` - The table pagination.
-     */
+   *  A `testId` prop is provided for specified elements,
+   *  which is a unique string that appears as a data attribute
+   *  `data-testid` in the rendered code, serving as a hook for automated tests.
+   *
+   *  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}--pagination` - The table pagination.
+   */
   testId?: string;
@@ -508,0 +515,0 @@ /**

No alert changes

Worsened metrics

Total package byte prevSize

459275

decreased by-0.03%

Lines of code

8495

decreased by-0.18%

No dependency changes