@atlaskit/table 0.3.3 → 0.4.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/table
 
+## 0.4.0
+
+### Minor Changes
+
+- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.3.4
+
+### Patch Changes
+
+- [`4ba10567310`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ba10567310) - Internal changes.
+
 ## 0.3.3
 
 ### Patch Changes

package/README.md

@@ -22,7 +22,7 @@ import Table, { Row, Cell, TBody, THead, HeadCell } from '@atlaskit/table';
 
 import { presidents } from './data';
 
-type President = typeof presidents[number];
+type President = (typeof presidents)[number];
 
 /**
  * Primary UI component for user interaction

package/dist/cjs/ui/bulk-action-overlay.js

@@ -11,10 +11,8 @@ var _inline = _interopRequireDefault(require("@atlaskit/primitives/inline"));
 /** @jsx jsx */
 
 var overlayStyles = (0, _react.css)({
-  top: 0,
-  right: 0,
-  bottom: 0,
-  left: 32
+  inset: 0,
+  left: "var(--ds-space-400, 32px)"
 });
 
 /**

package/dist/cjs/ui/tbody.js

@@ -13,9 +13,9 @@ var bodyStyles = (0, _react.css)({
   border: 'none',
   '&:after': {
     position: 'absolute',
+    inset: 0,
     boxShadow: "inset 0 -2px 0 0 ".concat("var(--ds-border, #eee)"),
     content: "''",
-    inset: 0,
     pointerEvents: 'none'
   }
 });

package/dist/cjs/ui/thead.js

@@ -10,11 +10,11 @@ var _react = require("@emotion/react");
 var baseStyles = (0, _react.css)({
   position: 'sticky',
   zIndex: 1,
+  inset: 0,
   backgroundColor: "var(--ds-surface, white)",
   border: 'none',
   borderBottom: "2px solid ".concat("var(--ds-border, #eee)"),
-  borderTop: '2px solid transparent',
-  inset: 0
+  borderTop: '2px solid transparent'
 });
 
 /**

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/table",
-	"version": "0.3.3",
+	"version": "0.4.0",
 	"sideEffects": false
 }

package/dist/es2019/ui/bulk-action-overlay.js

@@ -4,10 +4,8 @@ import { css, jsx } from '@emotion/react';
 import { UNSAFE_Box as Box } from '@atlaskit/ds-explorations';
 import Inline from '@atlaskit/primitives/inline';
 const overlayStyles = css({
-  top: 0,
-  right: 0,
-  bottom: 0,
-  left: 32
+  inset: 0,
+  left: "var(--ds-space-400, 32px)"
 });
 
 /**

package/dist/es2019/ui/tbody.js

@@ -7,9 +7,9 @@ const bodyStyles = css({
   border: 'none',
   '&:after': {
     position: 'absolute',
+    inset: 0,
     boxShadow: `inset 0 -2px 0 0 ${"var(--ds-border, #eee)"}`,
     content: "''",
-    inset: 0,
     pointerEvents: 'none'
   }
 });

package/dist/es2019/ui/thead.js

@@ -4,11 +4,11 @@ import { css, jsx } from '@emotion/react';
 const baseStyles = css({
   position: 'sticky',
   zIndex: 1,
+  inset: 0,
   backgroundColor: "var(--ds-surface, white)",
   border: 'none',
   borderBottom: `2px solid ${"var(--ds-border, #eee)"}`,
-  borderTop: '2px solid transparent',
-  inset: 0
+  borderTop: '2px solid transparent'
 });
 
 /**

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/table",
-	"version": "0.3.3",
+	"version": "0.4.0",
 	"sideEffects": false
 }

package/dist/esm/ui/bulk-action-overlay.js

@@ -4,10 +4,8 @@ import { css, jsx } from '@emotion/react';
 import { UNSAFE_Box as Box } from '@atlaskit/ds-explorations';
 import Inline from '@atlaskit/primitives/inline';
 var overlayStyles = css({
-  top: 0,
-  right: 0,
-  bottom: 0,
-  left: 32
+  inset: 0,
+  left: "var(--ds-space-400, 32px)"
 });
 
 /**

package/dist/esm/ui/tbody.js

@@ -7,9 +7,9 @@ var bodyStyles = css({
   border: 'none',
   '&:after': {
     position: 'absolute',
+    inset: 0,
     boxShadow: "inset 0 -2px 0 0 ".concat("var(--ds-border, #eee)"),
     content: "''",
-    inset: 0,
     pointerEvents: 'none'
   }
 });

package/dist/esm/ui/thead.js

@@ -4,11 +4,11 @@ import { css, jsx } from '@emotion/react';
 var baseStyles = css({
   position: 'sticky',
   zIndex: 1,
+  inset: 0,
   backgroundColor: "var(--ds-surface, white)",
   border: 'none',
   borderBottom: "2px solid ".concat("var(--ds-border, #eee)"),
-  borderTop: '2px solid transparent',
-  inset: 0
+  borderTop: '2px solid transparent'
 });
 
 /**

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/table",
-	"version": "0.3.3",
+	"version": "0.4.0",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/table",
-  "version": "0.3.3",
+  "version": "0.4.0",
   "description": "A table is used to display data.",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -32,16 +32,16 @@
     "./primitives": "./src/ui/index.tsx"
   },
   "dependencies": {
-    "@atlaskit/button": "^16.6.0",
-    "@atlaskit/checkbox": "^12.4.1",
-    "@atlaskit/ds-explorations": "^2.0.0",
-    "@atlaskit/ds-lib": "^2.1.2",
-    "@atlaskit/focus-ring": "^1.2.1",
-    "@atlaskit/icon": "^21.11.2",
-    "@atlaskit/primitives": "^0.8.0",
-    "@atlaskit/tokens": "^1.2.0",
-    "@atlaskit/tooltip": "^17.7.0",
-    "@atlaskit/visually-hidden": "^1.0.0",
+    "@atlaskit/button": "^16.7.0",
+    "@atlaskit/checkbox": "^12.5.0",
+    "@atlaskit/ds-explorations": "^2.1.0",
+    "@atlaskit/ds-lib": "^2.2.0",
+    "@atlaskit/focus-ring": "^1.3.0",
+    "@atlaskit/icon": "^21.12.0",
+    "@atlaskit/primitives": "^0.9.0",
+    "@atlaskit/tokens": "^1.3.0",
+    "@atlaskit/tooltip": "^17.8.0",
+    "@atlaskit/visually-hidden": "^1.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "tiny-invariant": "^1.2.0"
@@ -57,7 +57,7 @@
     "@atlaskit/ds-lib": "*",
     "@atlaskit/dynamic-table": "*",
     "@atlaskit/lozenge": "*",
-    "@atlaskit/section-message": "^6.3.0",
+    "@atlaskit/section-message": "^6.4.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",

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

@@ -1,130 +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/ds-explorations/box';
-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';
-import { SerializedStyles } from '@emotion/react';
-
-// @public (undocumented)
-const alignMap: {
-    readonly text: SerializedStyles;
-    readonly number: SerializedStyles;
-    readonly icon: SerializedStyles;
-};
-
-// @public (undocumented)
-type BaseCellProps = {
-    width?: string;
-    align?: keyof typeof alignMap;
-    as?: 'td' | 'th';
-    scope?: 'col' | 'row';
-    testId?: string;
-    children?: ReactNode;
-    colSpan?: number;
-} & Pick<BoxProps, 'backgroundColor' | 'className' | 'paddingBlock' | 'paddingInline'>;
-
-// @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)
-
-```