@atlaskit/dynamic-table 14.4.1 → 14.4.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/dynamic-table
 
+## 14.4.2
+
+### Patch Changes
+
+- [`78a7ffa81f8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/78a7ffa81f8) - Fixes a bug that meant an undefined width would still be stringifed and applied to the inline styles of table cells.
+
 ## 14.4.1
 
 ### Patch Changes

package/README.md

@@ -1,4 +1,4 @@
-# Dynamic-table
+# Dynamic table
 
 Table component with pagination and sorting functionality.
 

package/dist/cjs/components/Stateless.js

@@ -52,7 +52,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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.4.1";
+var packageVersion = "14.4.2";
 
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {

package/dist/cjs/styled/constants.js

@@ -31,7 +31,7 @@ exports.overflowTruncateStyles = overflowTruncateStyles;
 
 var getTruncationStyleVars = function getTruncationStyleVars(_ref) {
   var width = _ref.width;
-  return (0, _defineProperty2.default)({}, CSS_VAR_WIDTH, "".concat(width, "%"));
+  return (0, _defineProperty2.default)({}, CSS_VAR_WIDTH, typeof width !== 'undefined' ? "".concat(width, "%") : undefined);
 };
 
 exports.getTruncationStyleVars = getTruncationStyleVars;

package/dist/cjs/version.json

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

package/dist/es2019/components/Stateless.js

@@ -13,7 +13,7 @@ import ManagedPagination from './managed-pagination';
 import RankableTableBody from './rankable/Body';
 import TableHead from './TableHead';
 const packageName = "@atlaskit/dynamic-table";
-const packageVersion = "14.4.1";
+const packageVersion = "14.4.2";
 
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {

package/dist/es2019/styled/constants.js

@@ -16,7 +16,7 @@ export const getTruncationStyleVars = ({
   width
 }) => {
   return {
-    [CSS_VAR_WIDTH]: `${width}%`
+    [CSS_VAR_WIDTH]: typeof width !== 'undefined' ? `${width}%` : undefined
   };
 };
 export const cellStyles = css({

package/dist/es2019/version.json

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

package/dist/esm/components/Stateless.js

@@ -24,7 +24,7 @@ import ManagedPagination from './managed-pagination';
 import RankableTableBody from './rankable/Body';
 import TableHead from './TableHead';
 var packageName = "@atlaskit/dynamic-table";
-var packageVersion = "14.4.1";
+var packageVersion = "14.4.2";
 
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {

package/dist/esm/styled/constants.js

@@ -15,7 +15,7 @@ export var overflowTruncateStyles = css({
 });
 export var getTruncationStyleVars = function getTruncationStyleVars(_ref) {
   var width = _ref.width;
-  return _defineProperty({}, CSS_VAR_WIDTH, "".concat(width, "%"));
+  return _defineProperty({}, CSS_VAR_WIDTH, typeof width !== 'undefined' ? "".concat(width, "%") : undefined);
 };
 export var cellStyles = css({
   border: 'none',

package/dist/esm/version.json

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

package/dist/types/styled/constants.d.ts

@@ -12,7 +12,7 @@ export declare const truncationWidthStyles: import("@emotion/core").SerializedSt
 export declare const fixedSizeTruncateStyles: import("@emotion/core").SerializedStyles;
 export declare const overflowTruncateStyles: import("@emotion/core").SerializedStyles;
 export declare const getTruncationStyleVars: ({ width }: TruncateStyleProps) => {
-    "--local-dynamic-table-width": string;
+    "--local-dynamic-table-width": string | undefined;
 };
 export declare const cellStyles: import("@emotion/core").SerializedStyles;
 export {};

package/dist/types/types.d.ts

@@ -129,18 +129,18 @@ export interface StatelessProps extends WithAnalyticsEventsProps {
      */
     highlightedRowIndex?: number | 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.
+      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.
+      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?: string;
     /**
@@ -260,18 +260,18 @@ export interface StatefulProps extends WithAnalyticsEventsProps {
      */
     highlightedRowIndex?: number | 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.
+      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?: string;
     /**
@@ -303,7 +303,7 @@ export interface RowType extends React.ComponentPropsWithoutRef<'tr'> {
  */
 export declare type SortOrderType = 'ASC' | 'DESC';
 /**
- * Determines the size of the Table loading spinner.
+ * Determines the size of the table loading spinner.
  * This matches the underlying `Size` type in `@atlaskit/spinner`
  */
 export declare type SpinnerSizeType = SizeType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/dynamic-table",
-  "version": "14.4.1",
+  "version": "14.4.2",
   "description": "A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"