Socket
Socket
Sign inDemoInstall

@atlaskit/dynamic-table

Package Overview
Dependencies
126
Maintainers
1
Versions
193
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 14.7.1 to 14.8.0

11

CHANGELOG.md
# @atlaskit/dynamic-table
## 14.8.0
### Minor Changes
- [`f88eb89b356`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f88eb89b356) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
### Patch Changes
- [`12e03c6416b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/12e03c6416b) - Allow `className` on internal components for css prop functionality. There should be no change in behaviour.
- Updated dependencies
## 14.7.1

@@ -4,0 +15,0 @@

2

dist/cjs/components/stateless.js

@@ -57,3 +57,3 @@ "use strict";

var packageName = "@atlaskit/dynamic-table";
var packageVersion = "14.7.1";
var packageVersion = "14.8.0";

@@ -60,0 +60,0 @@ function toggleSortOrder(currentSortOrder) {

@@ -12,3 +12,3 @@ "use strict";

var _core = require("@emotion/core");
var _react = require("@emotion/react");

@@ -19,7 +19,7 @@ var _constants = require("@atlaskit/theme/constants");

var gridSize = (0, _constants.gridSize)();
var truncationWidthStyles = (0, _core.css)({
var truncationWidthStyles = (0, _react.css)({
width: "var(".concat(CSS_VAR_WIDTH, ")")
});
exports.truncationWidthStyles = truncationWidthStyles;
var fixedSizeTruncateStyles = (0, _core.css)({
var fixedSizeTruncateStyles = (0, _react.css)({
textOverflow: 'ellipsis',

@@ -29,3 +29,3 @@ whiteSpace: 'nowrap'

exports.fixedSizeTruncateStyles = fixedSizeTruncateStyles;
var overflowTruncateStyles = (0, _core.css)({
var overflowTruncateStyles = (0, _react.css)({
overflow: 'hidden'

@@ -41,3 +41,3 @@ });

exports.getTruncationStyleVars = getTruncationStyleVars;
var cellStyles = (0, _core.css)({
var cellStyles = (0, _react.css)({
padding: "".concat(gridSize / 2, "px ").concat(gridSize, "px"),

@@ -44,0 +44,0 @@ border: 'none',

@@ -18,3 +18,3 @@ "use strict";

var _core = require("@emotion/core");
var _react2 = require("@emotion/react");

@@ -36,6 +36,6 @@ var _constants = require("@atlaskit/theme/constants");

exports.tableRowCSSVars = tableRowCSSVars;
var fixedSizeTableStyles = (0, _core.css)({
var fixedSizeTableStyles = (0, _react2.css)({
tableLayout: 'fixed'
});
var tableStyles = (0, _core.css)({
var tableStyles = (0, _react2.css)({
width: '100%',

@@ -45,3 +45,3 @@ borderCollapse: 'separate',

});
var bodyBorder = (0, _core.css)({
var bodyBorder = (0, _react2.css)({
borderBottom: "2px solid ".concat(_theme.tableBorder.borderColor)

@@ -56,3 +56,3 @@ });

rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
return (0, _core.jsx)("table", (0, _extends2.default)({
return (0, _react2.jsx)("table", (0, _extends2.default)({
style: (_ref2 = {}, (0, _defineProperty2.default)(_ref2, tableRowCSSVars.CSS_VAR_HOVER_BACKGROUND, _theme.row.hoverBackground), (0, _defineProperty2.default)(_ref2, tableRowCSSVars.CSS_VAR_HIGHLIGHTED_BACKGROUND, _theme.row.highlightedBackground), (0, _defineProperty2.default)(_ref2, tableRowCSSVars.CSS_VAR_HOVER_HIGHLIGHTED_BACKGROUND, _theme.row.hoverHighlightedBackground), (0, _defineProperty2.default)(_ref2, tableRowCSSVars.CSS_VAR_ROW_FOCUS_OUTLINE, _theme.row.focusOutline), _ref2),

@@ -64,3 +64,3 @@ css: [tableStyles, isFixedSize && fixedSizeTableStyles, hasDataRow && bodyBorder],

exports.Table = Table;
var captionStyles = (0, _core.css)({
var captionStyles = (0, _react2.css)({
marginTop: "".concat(gridSize * 3.5, "px"),

@@ -84,3 +84,3 @@ marginBottom: "".concat(gridSize, "px"),

var children = _ref3.children;
return (0, _core.jsx)("caption", {
return (0, _react2.jsx)("caption", {
css: captionStyles

@@ -91,3 +91,3 @@ }, children);

exports.Caption = Caption;
var paginationWrapperStyles = (0, _core.css)({
var paginationWrapperStyles = (0, _react2.css)({
display: 'flex',

@@ -99,3 +99,3 @@ justifyContent: 'center'

var children = _ref4.children;
return (0, _core.jsx)("div", {
return (0, _react2.jsx)("div", {
css: paginationWrapperStyles

@@ -102,0 +102,0 @@ }, children);

@@ -8,3 +8,3 @@ "use strict";

var _core = require("@emotion/core");
var _react = require("@emotion/react");

@@ -16,3 +16,3 @@ var _constants = require("@atlaskit/theme/constants");

/** @jsx jsx */
var fixedHeightStyles = (0, _core.css)({
var fixedHeightStyles = (0, _react.css)({
height: "".concat((0, _constants.gridSize)() * 18, "px")

@@ -23,3 +23,3 @@ });

var children = _ref.children;
return (0, _core.jsx)("div", {
return (0, _react.jsx)("div", {
css: fixedHeightStyles

@@ -30,3 +30,3 @@ }, children);

exports.EmptyViewWithFixedHeight = EmptyViewWithFixedHeight;
var emptyViewContainerStyles = (0, _core.css)({
var emptyViewContainerStyles = (0, _react.css)({
width: '50%',

@@ -40,3 +40,3 @@ margin: 'auto',

var children = _ref2.children;
return (0, _core.jsx)("div", {
return (0, _react.jsx)("div", {
css: emptyViewContainerStyles

@@ -43,0 +43,0 @@ }, children);

@@ -14,3 +14,3 @@ "use strict";

var _core = require("@emotion/core");
var _react2 = require("@emotion/react");

@@ -22,3 +22,3 @@ var _constants = require("@atlaskit/theme/constants");

/** @jsx jsx */
var containerStyles = (0, _core.css)({
var containerStyles = (0, _react2.css)({
marginBottom: "".concat((0, _constants.gridSize)() * 3, "px"),

@@ -30,3 +30,3 @@ position: 'relative'

return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
(0, _core.jsx)("div", (0, _extends2.default)({
(0, _react2.jsx)("div", (0, _extends2.default)({
css: containerStyles

@@ -38,3 +38,3 @@ }, props))

exports.Container = Container;
var spinnerBackdropStyles = (0, _core.css)({
var spinnerBackdropStyles = (0, _react2.css)({
display: 'flex',

@@ -53,3 +53,3 @@ position: 'absolute',

var children = _ref.children;
return (0, _core.jsx)("div", {
return (0, _react2.jsx)("div", {
css: spinnerBackdropStyles

@@ -60,3 +60,3 @@ }, children);

exports.SpinnerBackdrop = SpinnerBackdrop;
var spinnerContainerStyles = (0, _core.css)({
var spinnerContainerStyles = (0, _react2.css)({
position: 'relative',

@@ -67,3 +67,3 @@ top: 0

var children = _ref2.children;
return (0, _core.jsx)("div", {
return (0, _react2.jsx)("div", {
css: spinnerContainerStyles,

@@ -70,0 +70,0 @@ ref: ref

@@ -12,3 +12,3 @@ "use strict";

var _core = require("@emotion/core");
var _react = require("@emotion/react");

@@ -19,3 +19,3 @@ /* eslint-disable @repo/internal/react/require-jsdoc */

var CSS_VAR_CONTENTS_OPACITY = '--contents-opacity';
var containerStyles = (0, _core.css)({
var containerStyles = (0, _react.css)({
position: 'relative'

@@ -26,3 +26,3 @@ });

var children = _ref.children;
return (0, _core.jsx)("div", {
return (0, _react.jsx)("div", {
css: containerStyles

@@ -33,3 +33,3 @@ }, children);

exports.Container = Container;
var contentsContainerStyles = (0, _core.css)({
var contentsContainerStyles = (0, _react.css)({
opacity: "var(".concat(CSS_VAR_CONTENTS_OPACITY, ")"),

@@ -42,3 +42,3 @@ pointerEvents: 'none'

children = _ref2.children;
return (0, _core.jsx)("div", {
return (0, _react.jsx)("div", {
style: (0, _defineProperty2.default)({}, CSS_VAR_CONTENTS_OPACITY, contentsOpacity),

@@ -50,3 +50,3 @@ css: [contentsContainerStyles]

exports.ContentsContainer = ContentsContainer;
var spinnerContainerStyles = (0, _core.css)({
var spinnerContainerStyles = (0, _react.css)({
display: 'flex',

@@ -64,3 +64,3 @@ position: 'absolute',

var children = _ref4.children;
return (0, _core.jsx)("div", {
return (0, _react.jsx)("div", {
css: spinnerContainerStyles

@@ -67,0 +67,0 @@ }, children);

@@ -12,6 +12,6 @@ "use strict";

var _core = require("@emotion/core");
var _react = require("@emotion/react");
/** @jsx jsx */
var rowPlaceholderStyles = (0, _core.css)({
var rowPlaceholderStyles = (0, _react.css)({
padding: 0

@@ -22,3 +22,3 @@ }); // eslint-disable-next-line @repo/internal/react/require-jsdoc

return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
(0, _core.jsx)("td", (0, _extends2.default)({
(0, _react.jsx)("td", (0, _extends2.default)({
css: rowPlaceholderStyles

@@ -25,0 +25,0 @@ }, props))

@@ -14,3 +14,3 @@ "use strict";

var _core = require("@emotion/core");
var _react = require("@emotion/react");

@@ -20,3 +20,3 @@ var _tableCell = require("../table-cell");

var _excluded = ["isRanking", "innerRef"];
var rankingStyles = (0, _core.css)({
var rankingStyles = (0, _react.css)({
boxSizing: 'border-box'

@@ -29,3 +29,3 @@ }); // eslint-disable-next-line @repo/internal/react/require-jsdoc

props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
return (0, _core.jsx)(_tableCell.TableBodyCell, (0, _extends2.default)({
return (0, _react.jsx)(_tableCell.TableBodyCell, (0, _extends2.default)({
css: isRanking && rankingStyles // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props

@@ -32,0 +32,0 @@

@@ -16,3 +16,3 @@ "use strict";

var _core = require("@emotion/core");
var _react2 = require("@emotion/react");

@@ -24,3 +24,3 @@ var _colors = require("@atlaskit/theme/colors");

var _excluded = ["isRanking", "isRankingItem"];
var rankingStyles = (0, _core.css)({
var rankingStyles = (0, _react2.css)({
display: 'block'

@@ -34,3 +34,3 @@ });

var rankingItemStyles = (0, _core.css)({
var rankingItemStyles = (0, _react2.css)({
backgroundColor: "var(--ds-background-neutral, ".concat(_colors.N20, ")"),

@@ -40,3 +40,3 @@ borderRadius: '2px',

});
var draggableStyles = (0, _core.css)({
var draggableStyles = (0, _react2.css)({
outlineWidth: '2px',

@@ -53,3 +53,3 @@ '&:focus': {

props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
return (0, _core.jsx)(_tableRow.TableBodyRow, (0, _extends2.default)({
return (0, _react2.jsx)(_tableRow.TableBodyRow, (0, _extends2.default)({
css: [isRanking && rankingStyles, isRankingItem && rankingItemStyles, draggableStyles],

@@ -56,0 +56,0 @@ ref: ref

@@ -14,3 +14,3 @@ "use strict";

var _core = require("@emotion/core");
var _react = require("@emotion/react");

@@ -28,3 +28,3 @@ var _constants = require("./constants");

props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
return (0, _core.jsx)("td", (0, _extends2.default)({
return (0, _react.jsx)("td", (0, _extends2.default)({
style: (0, _constants.getTruncationStyleVars)({

@@ -31,0 +31,0 @@ width: width

@@ -18,3 +18,3 @@ "use strict";

var _core = require("@emotion/core");
var _react2 = require("@emotion/react");

@@ -40,6 +40,6 @@ var _colors = require("@atlaskit/theme/colors");

var CSS_VAR_TEXT_COLOR = '--local-dynamic-table-text-color';
var rankingStyles = (0, _core.css)({
var rankingStyles = (0, _react2.css)({
display: 'block'
});
var headStyles = (0, _core.css)({
var headStyles = (0, _react2.css)({
borderBottom: "none"

@@ -51,3 +51,3 @@ });

props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
return (0, _core.jsx)("thead", (0, _extends2.default)({
return (0, _react2.jsx)("thead", (0, _extends2.default)({
css: [headStyles, isRanking && rankingStyles] // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props

@@ -59,3 +59,3 @@

exports.Head = Head;
var headCellStyles = (0, _core.css)([_constants3.cellStyles, {
var headCellStyles = (0, _react2.css)([_constants3.cellStyles, {
boxSizing: 'border-box',

@@ -74,3 +74,3 @@ position: 'relative',

}]);
var onClickStyles = (0, _core.css)({
var onClickStyles = (0, _react2.css)({
'&:hover': {

@@ -81,3 +81,3 @@ backgroundColor: "var(--ds-background-neutral-hovered, ".concat(_colors.N30A, ")"),

});
var baseStyles = (0, _core.css)({
var baseStyles = (0, _react2.css)({
'& > span': {

@@ -117,3 +117,3 @@ position: 'relative',

});
var ascendingStyles = (0, _core.css)({
var ascendingStyles = (0, _react2.css)({
'& > span': {

@@ -132,3 +132,3 @@ '&::before': {

});
var descendingStyles = (0, _core.css)({
var descendingStyles = (0, _react2.css)({
'& > span': {

@@ -164,3 +164,3 @@ '&::after': {

var isDESC = sortOrder === _constants2.DESC;
return (0, _core.jsx)("th", (0, _extends2.default)({
return (0, _react2.jsx)("th", (0, _extends2.default)({
style: mergedStyles,

@@ -167,0 +167,0 @@ css: [headCellStyles, onClick && onClickStyles, _constants3.truncationWidthStyles, isFixedSize && shouldTruncate && _constants3.fixedSizeTruncateStyles, isFixedSize && _constants3.overflowTruncateStyles, isSortable && baseStyles, isASC && ascendingStyles, isDESC && descendingStyles],

@@ -16,3 +16,3 @@ "use strict";

var _core = require("@emotion/core");
var _react2 = require("@emotion/react");

@@ -22,3 +22,3 @@ var _dynamicTable = require("./dynamic-table");

var _excluded = ["isHighlighted", "children", "style"];
var rowStyles = (0, _core.css)({
var rowStyles = (0, _react2.css)({
'&:focus': {

@@ -29,3 +29,3 @@ outline: "2px solid ".concat("var(--ds-border-focused, ".concat("var(".concat(_dynamicTable.tableRowCSSVars.CSS_VAR_HOVER_BACKGROUND, ")"), ")")),

});
var rowBackgroundStyles = (0, _core.css)({
var rowBackgroundStyles = (0, _react2.css)({
'&:hover': {

@@ -35,3 +35,3 @@ backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat("var(".concat(_dynamicTable.tableRowCSSVars.CSS_VAR_HOVER_BACKGROUND, ")"), ")")

});
var rowHighlightedBackgroundStyles = (0, _core.css)({
var rowHighlightedBackgroundStyles = (0, _react2.css)({
backgroundColor: "var(--ds-background-selected, ".concat("var(".concat(_dynamicTable.tableRowCSSVars.CSS_VAR_HIGHLIGHTED_BACKGROUND, ")"), ")"),

@@ -48,3 +48,3 @@ '&:hover': {

rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
return (0, _core.jsx)("tr", (0, _extends2.default)({
return (0, _react2.jsx)("tr", (0, _extends2.default)({
style: style,

@@ -51,0 +51,0 @@ css: [rowStyles, isHighlighted ? rowHighlightedBackgroundStyles : rowBackgroundStyles]

{
"name": "@atlaskit/dynamic-table",
"version": "14.7.1",
"version": "14.8.0",
"sideEffects": false
}

@@ -17,3 +17,3 @@ import _extends from "@babel/runtime/helpers/extends";

const packageName = "@atlaskit/dynamic-table";
const packageVersion = "14.7.1";
const packageVersion = "14.8.0";

@@ -20,0 +20,0 @@ function toggleSortOrder(currentSortOrder) {

@@ -1,2 +0,2 @@

import { css } from '@emotion/core';
import { css } from '@emotion/react';
import { gridSize as getGridSize } from '@atlaskit/theme/constants';

@@ -3,0 +3,0 @@ const CSS_VAR_WIDTH = '--local-dynamic-table-width';

@@ -7,3 +7,3 @@ import _extends from "@babel/runtime/helpers/extends";

import { forwardRef } from 'react';
import { css, jsx } from '@emotion/core';
import { css, jsx } from '@emotion/react';
import { gridSize as getGridSize } from '@atlaskit/theme/constants';

@@ -10,0 +10,0 @@ import { row, tableBorder } from '../theme';

/* eslint-disable @repo/internal/react/require-jsdoc */
/** @jsx jsx */
import { css, jsx } from '@emotion/core';
import { css, jsx } from '@emotion/react';
import { gridSize } from '@atlaskit/theme/constants';

@@ -6,0 +6,0 @@ const fixedHeightStyles = css({

@@ -7,3 +7,3 @@ import _extends from "@babel/runtime/helpers/extends";

import { forwardRef } from 'react';
import { css, jsx } from '@emotion/core';
import { css, jsx } from '@emotion/react';
import { gridSize } from '@atlaskit/theme/constants';

@@ -10,0 +10,0 @@ const containerStyles = css({

/* eslint-disable @repo/internal/react/require-jsdoc */
/** @jsx jsx */
import { css, jsx } from '@emotion/core';
import { css, jsx } from '@emotion/react';
const CSS_VAR_CONTENTS_OPACITY = '--contents-opacity';

@@ -6,0 +6,0 @@ const containerStyles = css({

import _extends from "@babel/runtime/helpers/extends";
/** @jsx jsx */
import { css, jsx } from '@emotion/core';
import { css, jsx } from '@emotion/react';
const rowPlaceholderStyles = css({

@@ -6,0 +6,0 @@ padding: 0

import _extends from "@babel/runtime/helpers/extends";
/** @jsx jsx */
import { css, jsx } from '@emotion/core';
import { css, jsx } from '@emotion/react';
import { TableBodyCell } from '../table-cell';

@@ -6,0 +6,0 @@ const rankingStyles = css({

@@ -5,3 +5,3 @@ import _extends from "@babel/runtime/helpers/extends";

import { forwardRef } from 'react';
import { css, jsx } from '@emotion/core';
import { css, jsx } from '@emotion/react';
import { B100, N20, N50A, N60A } from '@atlaskit/theme/colors';

@@ -8,0 +8,0 @@ import { TableBodyRow } from '../table-row';

import _extends from "@babel/runtime/helpers/extends";
/** @jsx jsx */
import { jsx } from '@emotion/core';
import { jsx } from '@emotion/react';
import { cellStyles, fixedSizeTruncateStyles, getTruncationStyleVars, overflowTruncateStyles, truncationWidthStyles } from './constants'; // eslint-disable-next-line @repo/internal/react/require-jsdoc

@@ -6,0 +6,0 @@

@@ -7,3 +7,3 @@ import _extends from "@babel/runtime/helpers/extends";

import { forwardRef } from 'react';
import { css, jsx } from '@emotion/core';
import { css, jsx } from '@emotion/react';
import { B100, N30A } from '@atlaskit/theme/colors';

@@ -10,0 +10,0 @@ import { gridSize as getGridSize } from '@atlaskit/theme/constants';

@@ -5,3 +5,3 @@ import _extends from "@babel/runtime/helpers/extends";

import { forwardRef } from 'react';
import { css, jsx } from '@emotion/core';
import { css, jsx } from '@emotion/react';
import { tableRowCSSVars as cssVars } from './dynamic-table';

@@ -8,0 +8,0 @@ const rowStyles = css({

{
"name": "@atlaskit/dynamic-table",
"version": "14.7.1",
"version": "14.8.0",
"sideEffects": false
}

@@ -28,3 +28,3 @@ import _extends from "@babel/runtime/helpers/extends";

var packageName = "@atlaskit/dynamic-table";
var packageVersion = "14.7.1";
var packageVersion = "14.8.0";

@@ -31,0 +31,0 @@ function toggleSortOrder(currentSortOrder) {

import _defineProperty from "@babel/runtime/helpers/defineProperty";
import { css } from '@emotion/core';
import { css } from '@emotion/react';
import { gridSize as getGridSize } from '@atlaskit/theme/constants';

@@ -4,0 +4,0 @@ var CSS_VAR_WIDTH = '--local-dynamic-table-width';

@@ -10,3 +10,3 @@ import _extends from "@babel/runtime/helpers/extends";

import { forwardRef } from 'react';
import { css, jsx } from '@emotion/core';
import { css, jsx } from '@emotion/react';
import { gridSize as getGridSize } from '@atlaskit/theme/constants';

@@ -13,0 +13,0 @@ import { row, tableBorder } from '../theme';

/* eslint-disable @repo/internal/react/require-jsdoc */
/** @jsx jsx */
import { css, jsx } from '@emotion/core';
import { css, jsx } from '@emotion/react';
import { gridSize } from '@atlaskit/theme/constants';

@@ -6,0 +6,0 @@ var fixedHeightStyles = css({

@@ -7,3 +7,3 @@ import _extends from "@babel/runtime/helpers/extends";

import { forwardRef } from 'react';
import { css, jsx } from '@emotion/core';
import { css, jsx } from '@emotion/react';
import { gridSize } from '@atlaskit/theme/constants';

@@ -10,0 +10,0 @@ var containerStyles = css({

@@ -6,3 +6,3 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";

/** @jsx jsx */
import { css, jsx } from '@emotion/core';
import { css, jsx } from '@emotion/react';
var CSS_VAR_CONTENTS_OPACITY = '--contents-opacity';

@@ -9,0 +9,0 @@ var containerStyles = css({

import _extends from "@babel/runtime/helpers/extends";
/** @jsx jsx */
import { css, jsx } from '@emotion/core';
import { css, jsx } from '@emotion/react';
var rowPlaceholderStyles = css({

@@ -6,0 +6,0 @@ padding: 0

@@ -6,3 +6,3 @@ import _extends from "@babel/runtime/helpers/extends";

/** @jsx jsx */
import { css, jsx } from '@emotion/core';
import { css, jsx } from '@emotion/react';
import { TableBodyCell } from '../table-cell';

@@ -9,0 +9,0 @@ var rankingStyles = css({

@@ -7,3 +7,3 @@ import _extends from "@babel/runtime/helpers/extends";

import { forwardRef } from 'react';
import { css, jsx } from '@emotion/core';
import { css, jsx } from '@emotion/react';
import { B100, N20, N50A, N60A } from '@atlaskit/theme/colors';

@@ -10,0 +10,0 @@ import { TableBodyRow } from '../table-row';

@@ -6,3 +6,3 @@ import _extends from "@babel/runtime/helpers/extends";

/** @jsx jsx */
import { jsx } from '@emotion/core';
import { jsx } from '@emotion/react';
import { cellStyles, fixedSizeTruncateStyles, getTruncationStyleVars, overflowTruncateStyles, truncationWidthStyles } from './constants'; // eslint-disable-next-line @repo/internal/react/require-jsdoc

@@ -9,0 +9,0 @@

@@ -15,3 +15,3 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";

import { forwardRef } from 'react';
import { css, jsx } from '@emotion/core';
import { css, jsx } from '@emotion/react';
import { B100, N30A } from '@atlaskit/theme/colors';

@@ -18,0 +18,0 @@ import { gridSize as getGridSize } from '@atlaskit/theme/constants';

@@ -7,3 +7,3 @@ import _extends from "@babel/runtime/helpers/extends";

import { forwardRef } from 'react';
import { css, jsx } from '@emotion/core';
import { css, jsx } from '@emotion/react';
import { tableRowCSSVars as cssVars } from './dynamic-table';

@@ -10,0 +10,0 @@ var rowStyles = css({

{
"name": "@atlaskit/dynamic-table",
"version": "14.7.1",
"version": "14.8.0",
"sideEffects": false
}

@@ -9,9 +9,10 @@ import { LegacyRef, ReactNode } from 'react';

innerRef?: LegacyRef<HTMLTableCellElement | HTMLTableRowElement> | undefined;
className?: string;
}
export declare const truncationWidthStyles: import("@emotion/utils").SerializedStyles;
export declare const fixedSizeTruncateStyles: import("@emotion/utils").SerializedStyles;
export declare const overflowTruncateStyles: import("@emotion/utils").SerializedStyles;
export declare const truncationWidthStyles: import("@emotion/react").SerializedStyles;
export declare const fixedSizeTruncateStyles: import("@emotion/react").SerializedStyles;
export declare const overflowTruncateStyles: import("@emotion/react").SerializedStyles;
export declare const getTruncationStyleVars: ({ width }: TruncateStyleProps) => {
"--local-dynamic-table-width": string;
} | undefined;
export declare const cellStyles: import("@emotion/utils").SerializedStyles;
export declare const cellStyles: import("@emotion/react").SerializedStyles;

@@ -13,4 +13,4 @@ /** @jsx jsx */

};
export declare const Table: import("react").ForwardRefExoticComponent<Pick<TableProps, "cite" | "data" | "form" | "label" | "span" | "style" | "summary" | "title" | "pattern" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "content" | "height" | "width" | "start" | "size" | "default" | "wrap" | "open" | "multiple" | "disabled" | "isFixedSize" | "hasDataRow" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "name" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "value" | "wmode"> & import("react").RefAttributes<HTMLTableElement>>;
export declare const Table: import("react").ForwardRefExoticComponent<Pick<TableProps, "cite" | "data" | "form" | "label" | "span" | "style" | "summary" | "title" | "pattern" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "content" | "height" | "width" | "start" | "size" | "default" | "wrap" | "open" | "multiple" | "disabled" | "isFixedSize" | "hasDataRow" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "name" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "value" | "wmode"> & import("react").RefAttributes<HTMLTableElement>>;
export declare const Caption: FC;
export declare const PaginationWrapper: FC;
/** @jsx jsx */
import { FC, HTMLProps } from 'react';
export declare const Container: (props: HTMLProps<HTMLDivElement>) => JSX.Element;
import { jsx } from '@emotion/react';
export declare const Container: (props: HTMLProps<HTMLDivElement>) => jsx.JSX.Element;
export declare const SpinnerBackdrop: FC;
export declare const SpinnerContainer: import("react").ForwardRefExoticComponent<Pick<HTMLProps<HTMLDivElement>, "cite" | "data" | "form" | "label" | "span" | "style" | "summary" | "title" | "pattern" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "content" | "height" | "width" | "start" | "size" | "default" | "wrap" | "open" | "multiple" | "disabled" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "name" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "value" | "wmode"> & import("react").RefAttributes<HTMLDivElement>>;
export declare const SpinnerContainer: import("react").ForwardRefExoticComponent<Pick<HTMLProps<HTMLDivElement>, "cite" | "data" | "form" | "label" | "span" | "style" | "summary" | "title" | "pattern" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "content" | "height" | "width" | "start" | "size" | "default" | "wrap" | "open" | "multiple" | "disabled" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "name" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "value" | "wmode"> & import("react").RefAttributes<HTMLDivElement>>;

@@ -14,3 +14,3 @@ /** @jsx jsx */

};
export declare const HeadCell: import("react").ForwardRefExoticComponent<Pick<HeadCellProps, "cite" | "data" | "form" | "label" | "span" | "style" | "summary" | "title" | "pattern" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "content" | "height" | "width" | "start" | "size" | "default" | "wrap" | "open" | "multiple" | "disabled" | "isFixedSize" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "name" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "value" | "wmode" | "sortOrder" | "shouldTruncate" | "innerRef" | "testId" | "isSortable"> & import("react").RefAttributes<HTMLTableCellElement>>;
export declare const HeadCell: import("react").ForwardRefExoticComponent<Pick<HeadCellProps, "cite" | "data" | "form" | "label" | "span" | "style" | "summary" | "title" | "pattern" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "content" | "height" | "width" | "start" | "size" | "default" | "wrap" | "open" | "multiple" | "disabled" | "isFixedSize" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "name" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "value" | "wmode" | "sortOrder" | "shouldTruncate" | "innerRef" | "testId" | "isSortable"> & import("react").RefAttributes<HTMLTableCellElement>>;
export {};

@@ -7,3 +7,4 @@ /** @jsx jsx */

style?: CSSProperties;
className?: string;
};
export declare const TableBodyRow: import("react").ForwardRefExoticComponent<ITableRowProps & import("react").RefAttributes<HTMLTableRowElement>>;
{
"name": "@atlaskit/dynamic-table",
"version": "14.7.1",
"version": "14.8.0",
"description": "A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.",

@@ -30,8 +30,8 @@ "publishConfig": {

"@atlaskit/ds-lib": "^2.1.0",
"@atlaskit/pagination": "^14.0.0",
"@atlaskit/pagination": "^14.2.0",
"@atlaskit/spinner": "^15.0.0",
"@atlaskit/theme": "^12.1.0",
"@atlaskit/theme": "^12.2.0",
"@atlaskit/tokens": "^0.10.0",
"@babel/runtime": "^7.0.0",
"@emotion/core": "^10.0.9",
"@emotion/react": "^11.7.1",
"react-beautiful-dnd": "^12.1.1"

@@ -47,13 +47,12 @@ },

"@atlaskit/docs": "*",
"@atlaskit/dropdown-menu": "^11.3.0",
"@atlaskit/dropdown-menu": "^11.4.0",
"@atlaskit/ssr": "*",
"@atlaskit/toggle": "^12.4.0",
"@atlaskit/toggle": "^12.5.0",
"@atlaskit/visual-regression": "*",
"@atlaskit/webdriver-runner": "*",
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
"@emotion/styled": "^10.0.7",
"@emotion/styled": "^11.0.0",
"@testing-library/react": "^8.0.1",
"enzyme": "^3.10.0",
"react-dom": "^16.8.0",
"styled-components": "^3.2.6",
"typescript": "4.3.5",

@@ -60,0 +59,0 @@ "uuid": "^3.1.0"

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc