@atlaskit/dynamic-table 14.17.0 → 14.17.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (90) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/components/rankable/table-cell.js +3 -1
  3. package/dist/cjs/components/rankable/table-row.js +3 -1
  4. package/dist/cjs/components/stateless.js +1 -1
  5. package/dist/cjs/components/table-head-cell.js +3 -1
  6. package/dist/cjs/styled/dynamic-table.js +12 -11
  7. package/dist/cjs/styled/empty-body.js +1 -4
  8. package/dist/cjs/styled/loading-container-advanced.js +3 -3
  9. package/dist/cjs/styled/loading-container.js +1 -0
  10. package/dist/cjs/styled/table-cell.js +1 -0
  11. package/dist/cjs/styled/table-head.js +15 -7
  12. package/dist/cjs/styled/table-row.js +1 -0
  13. package/dist/cjs/types.js +3 -1
  14. package/dist/es2019/components/rankable/table-cell.js +3 -1
  15. package/dist/es2019/components/rankable/table-row.js +3 -1
  16. package/dist/es2019/components/stateless.js +1 -1
  17. package/dist/es2019/components/table-head-cell.js +3 -1
  18. package/dist/es2019/styled/dynamic-table.js +12 -12
  19. package/dist/es2019/styled/empty-body.js +1 -4
  20. package/dist/es2019/styled/loading-container-advanced.js +3 -3
  21. package/dist/es2019/styled/loading-container.js +1 -0
  22. package/dist/es2019/styled/table-cell.js +1 -0
  23. package/dist/es2019/styled/table-head.js +15 -7
  24. package/dist/es2019/styled/table-row.js +1 -0
  25. package/dist/es2019/types.js +1 -14
  26. package/dist/esm/components/rankable/table-cell.js +3 -1
  27. package/dist/esm/components/rankable/table-row.js +3 -1
  28. package/dist/esm/components/stateless.js +1 -1
  29. package/dist/esm/components/table-head-cell.js +3 -1
  30. package/dist/esm/styled/dynamic-table.js +12 -12
  31. package/dist/esm/styled/empty-body.js +1 -4
  32. package/dist/esm/styled/loading-container-advanced.js +3 -3
  33. package/dist/esm/styled/loading-container.js +1 -0
  34. package/dist/esm/styled/table-cell.js +1 -0
  35. package/dist/esm/styled/table-head.js +15 -7
  36. package/dist/esm/styled/table-row.js +1 -0
  37. package/dist/esm/types.js +1 -14
  38. package/dist/types/components/body.d.ts +2 -2
  39. package/dist/types/components/error-boundary.d.ts +1 -1
  40. package/dist/types/components/managed-pagination.d.ts +1 -1
  41. package/dist/types/components/rankable/body.d.ts +3 -3
  42. package/dist/types/components/rankable/table-cell.d.ts +2 -2
  43. package/dist/types/components/rankable/table-head-cell.d.ts +2 -2
  44. package/dist/types/components/rankable/table-row.d.ts +2 -2
  45. package/dist/types/components/stateful.d.ts +2 -2
  46. package/dist/types/components/stateless.d.ts +2 -2
  47. package/dist/types/components/table-head-cell.d.ts +2 -2
  48. package/dist/types/components/table-head.d.ts +1 -1
  49. package/dist/types/components/table-row.d.ts +1 -1
  50. package/dist/types/hoc/with-dimensions.d.ts +1 -1
  51. package/dist/types/hoc/with-sorted-page-rows.d.ts +1 -1
  52. package/dist/types/internal/helpers.d.ts +1 -1
  53. package/dist/types/styled/constants.d.ts +1 -1
  54. package/dist/types/styled/dynamic-table.d.ts +1 -1
  55. package/dist/types/styled/empty-body.d.ts +1 -1
  56. package/dist/types/styled/loading-container-advanced.d.ts +1 -1
  57. package/dist/types/styled/loading-container.d.ts +1 -1
  58. package/dist/types/styled/rankable/table-cell.d.ts +2 -2
  59. package/dist/types/styled/rankable/table-row.d.ts +2 -2
  60. package/dist/types/styled/table-cell.d.ts +2 -2
  61. package/dist/types/styled/table-head.d.ts +3 -3
  62. package/dist/types/styled/table-row.d.ts +1 -1
  63. package/dist/types/types.d.ts +2 -2
  64. package/dist/types-ts4.5/components/body.d.ts +2 -2
  65. package/dist/types-ts4.5/components/error-boundary.d.ts +1 -1
  66. package/dist/types-ts4.5/components/managed-pagination.d.ts +1 -1
  67. package/dist/types-ts4.5/components/rankable/body.d.ts +3 -3
  68. package/dist/types-ts4.5/components/rankable/table-cell.d.ts +2 -2
  69. package/dist/types-ts4.5/components/rankable/table-head-cell.d.ts +2 -2
  70. package/dist/types-ts4.5/components/rankable/table-row.d.ts +2 -2
  71. package/dist/types-ts4.5/components/stateful.d.ts +2 -2
  72. package/dist/types-ts4.5/components/stateless.d.ts +2 -2
  73. package/dist/types-ts4.5/components/table-head-cell.d.ts +2 -2
  74. package/dist/types-ts4.5/components/table-head.d.ts +1 -1
  75. package/dist/types-ts4.5/components/table-row.d.ts +1 -1
  76. package/dist/types-ts4.5/hoc/with-dimensions.d.ts +1 -1
  77. package/dist/types-ts4.5/hoc/with-sorted-page-rows.d.ts +1 -1
  78. package/dist/types-ts4.5/internal/helpers.d.ts +1 -1
  79. package/dist/types-ts4.5/styled/constants.d.ts +1 -1
  80. package/dist/types-ts4.5/styled/dynamic-table.d.ts +1 -1
  81. package/dist/types-ts4.5/styled/empty-body.d.ts +1 -1
  82. package/dist/types-ts4.5/styled/loading-container-advanced.d.ts +1 -1
  83. package/dist/types-ts4.5/styled/loading-container.d.ts +1 -1
  84. package/dist/types-ts4.5/styled/rankable/table-cell.d.ts +2 -2
  85. package/dist/types-ts4.5/styled/rankable/table-row.d.ts +2 -2
  86. package/dist/types-ts4.5/styled/table-cell.d.ts +2 -2
  87. package/dist/types-ts4.5/styled/table-head.d.ts +3 -3
  88. package/dist/types-ts4.5/styled/table-row.d.ts +1 -1
  89. package/dist/types-ts4.5/types.d.ts +2 -2
  90. package/package.json +9 -3
@@ -9,6 +9,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
9
9
  /** @jsx jsx */
10
10
  import { forwardRef } from 'react';
11
11
  import { css, jsx } from '@emotion/react';
12
+ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
12
13
  import { B100, N30A } from '@atlaskit/theme/colors';
13
14
  import { ASC, DESC } from '../internal/constants';
14
15
  import { arrow, head, MSThemeColors, tableBorder } from '../theme';
@@ -30,20 +31,25 @@ export var Head = function Head(_ref) {
30
31
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
31
32
  }, props));
32
33
  };
33
- var headCellStyles = css([cellStyles, {
34
+ var headCellBaseStyles = css({
34
35
  boxSizing: 'border-box',
35
36
  position: 'relative',
36
37
  border: 'none',
37
- borderBottom: "2px solid ".concat(tableBorder.borderColor),
38
+ borderBlockEnd: "2px solid ".concat(tableBorder.borderColor),
38
39
  color: "var(--ds-text-subtlest, ".concat("var(".concat(CSS_VAR_TEXT_COLOR, ")"), ")"),
39
- fontSize: '12px',
40
- fontWeight: 600,
41
40
  textAlign: 'left',
42
41
  verticalAlign: 'top',
43
42
  '&:focus-visible': {
44
43
  outline: "solid 2px ".concat("var(--ds-border-focused, ".concat(B100, ")"))
45
44
  }
46
- }]);
45
+ });
46
+ var headCellOldStyles = css({
47
+ fontSize: '0.75rem',
48
+ fontWeight: "var(--ds-font-weight-semibold, 600)"
49
+ });
50
+ var headCellNewStyles = css({
51
+ font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
52
+ });
47
53
  var onClickStyles = css({
48
54
  '&:hover': {
49
55
  backgroundColor: "var(--ds-background-neutral-hovered, ".concat(N30A, ")"),
@@ -149,9 +155,11 @@ export var HeadCell = /*#__PURE__*/forwardRef(function (_ref2, ref) {
149
155
  // https://dequeuniversity.com/rules/axe/4.7/empty-table-header
150
156
  var Component = children ? 'th' : 'td';
151
157
  return jsx(Component, _extends({
152
- "aria-sort": getFormattedSortOrder(),
158
+ "aria-sort": getFormattedSortOrder()
159
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
160
+ ,
153
161
  style: mergedStyles,
154
- css: [headCellStyles, onClick && onClickStyles, truncationWidthStyles, isFixedSize && shouldTruncate && fixedSizeTruncateStyles, isFixedSize && overflowTruncateStyles, isSortable && baseStyles, isASC && ascendingStyles, isDESC && descendingStyles],
162
+ css: [cellStyles, headCellBaseStyles, getBooleanFF('platform.design-system-team.dynamic-table-typography_7zio6') ? headCellNewStyles : headCellOldStyles, onClick && onClickStyles, truncationWidthStyles, isFixedSize && shouldTruncate && fixedSizeTruncateStyles, isFixedSize && overflowTruncateStyles, isSortable && baseStyles, isASC && ascendingStyles, isDESC && descendingStyles],
155
163
  onClick: onClick,
156
164
  ref: ref,
157
165
  "data-testid": testId
@@ -32,6 +32,7 @@ export var TableBodyRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
32
32
  testId = _ref.testId,
33
33
  rest = _objectWithoutProperties(_ref, _excluded);
34
34
  return jsx("tr", _extends({
35
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
35
36
  style: style,
36
37
  css: [rowStyles, isHighlighted ? rowHighlightedBackgroundStyles : rowBackgroundStyles]
37
38
  }, rest, {
package/dist/esm/types.js CHANGED
@@ -1,14 +1 @@
1
- /* eslint-disable @repo/internal/react/consistent-types-definitions */
2
-
3
- import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
4
-
5
- /**
6
- * Enum style type to determine whether sort results are ascending or descending.
7
- */
8
-
9
- /**
10
- * Determines the size of the table loading spinner.
11
- * This matches the underlying `Size` type in `@atlaskit/spinner`
12
- */
13
-
14
- // TODO should this be removed?
1
+ export {};
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { WithSortedPageRowsProps } from '../hoc/with-sorted-page-rows';
3
- import { HeadType } from '../types';
2
+ import { type WithSortedPageRowsProps } from '../hoc/with-sorted-page-rows';
3
+ import { type HeadType } from '../types';
4
4
  interface BodyProps extends WithSortedPageRowsProps {
5
5
  head?: HeadType;
6
6
  highlightedRowIndex?: number | number[];
@@ -1,4 +1,4 @@
1
- import React, { ReactNode } from 'react';
1
+ import React, { type ReactNode } from 'react';
2
2
  type ErrorBoundaryProps = {
3
3
  children: ReactNode;
4
4
  fallback: ReactNode;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
2
+ import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
3
3
  import type { I18nShape } from '../types';
4
4
  interface ManagedPaginationProps {
5
5
  value?: number;
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
- import { DragStart, DropResult } from 'react-beautiful-dnd';
3
- import { WithSortedPageRowsProps } from '../../hoc/with-sorted-page-rows';
4
- import { HeadType, RankEnd, RankStart } from '../../types';
2
+ import { type DragStart, type DropResult } from 'react-beautiful-dnd';
3
+ import { type WithSortedPageRowsProps } from '../../hoc/with-sorted-page-rows';
4
+ import { type HeadType, type RankEnd, type RankStart } from '../../types';
5
5
  export interface RankableBodyProps extends WithSortedPageRowsProps {
6
6
  highlightedRowIndex?: number | number[];
7
7
  onRankStart: (rankStart: RankStart) => void;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { WithDimensionsProps } from '../../hoc/with-dimensions';
3
- import { HeadCellType, RowCellType } from '../../types';
2
+ import { type WithDimensionsProps } from '../../hoc/with-dimensions';
3
+ import { type HeadCellType, type RowCellType } from '../../types';
4
4
  export interface RankableTableCellProps extends WithDimensionsProps {
5
5
  head?: HeadCellType;
6
6
  cell: RowCellType;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { WithDimensionsProps } from '../../hoc/with-dimensions';
3
- import { TableHeadCellProps } from '../table-head-cell';
2
+ import { type WithDimensionsProps } from '../../hoc/with-dimensions';
3
+ import { type TableHeadCellProps } from '../table-head-cell';
4
4
  declare const _default: React.ComponentClass<Omit<WithDimensionsProps & TableHeadCellProps, "innerRef" | "refWidth" | "refHeight">, import("../../hoc/with-dimensions").State>;
5
5
  export default _default;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { WithDimensionsProps } from '../../hoc/with-dimensions';
3
- import { HeadType, RowType } from '../../types';
2
+ import { type WithDimensionsProps } from '../../hoc/with-dimensions';
3
+ import { type HeadType, type RowType } from '../../types';
4
4
  export interface RankableTableRowProps extends WithDimensionsProps {
5
5
  head?: HeadType;
6
6
  isFixedSize: boolean;
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
- import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
2
+ import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
3
3
  import noop from '@atlaskit/ds-lib/noop';
4
- import { RankEnd, RowType, SortOrderType, StatefulProps } from '../types';
4
+ import { type RankEnd, type RowType, type SortOrderType, type StatefulProps } from '../types';
5
5
  interface State {
6
6
  page?: number;
7
7
  sortKey?: string;
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
- import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
2
+ import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
3
3
  import noop from '@atlaskit/ds-lib/noop';
4
- import { StatelessProps as Props, RankEnd, RankStart, RowCellType } from '../types';
4
+ import { type StatelessProps as Props, type RankEnd, type RankStart, type RowCellType } from '../types';
5
5
  export interface State {
6
6
  isRanking: boolean;
7
7
  }
@@ -1,5 +1,5 @@
1
- import React, { FC, LegacyRef } from 'react';
2
- import { SortOrderType } from '../types';
1
+ import React, { type FC, type LegacyRef } from 'react';
2
+ import { type SortOrderType } from '../types';
3
3
  export interface TableHeadCellProps {
4
4
  colSpan?: number;
5
5
  sortKey?: string;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { HeadType, RowCellType, SortOrderType } from '../types';
2
+ import { type HeadType, type RowCellType, type SortOrderType } from '../types';
3
3
  interface TableHeadProps {
4
4
  head: HeadType;
5
5
  sortKey?: string;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { HeadType, RowType } from '../types';
2
+ import { type HeadType, type RowType } from '../types';
3
3
  interface RowProps {
4
4
  head?: HeadType;
5
5
  isFixedSize: boolean;
@@ -1,4 +1,4 @@
1
- import React, { LegacyRef } from 'react';
1
+ import React, { type LegacyRef } from 'react';
2
2
  export interface State {
3
3
  refWidth: number;
4
4
  refHeight: number;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { HeadType, RowType, SortOrderType } from '../types';
2
+ import { type HeadType, type RowType, type SortOrderType } from '../types';
3
3
  export interface TableProps {
4
4
  head?: HeadType;
5
5
  page?: number;
@@ -1,4 +1,4 @@
1
- import { HeadType, RankEnd, RowType } from '../types';
1
+ import { type HeadType, type RankEnd, type RowType } from '../types';
2
2
  export declare const getPageRows: (allRows: Array<RowType>, pageNumber?: number, rowsPerPage?: number) => Array<RowType>;
3
3
  export declare const assertIsSortable: (head?: HeadType) => void;
4
4
  export declare const validateSortKey: (sortKey?: string, head?: HeadType) => void;
@@ -1,4 +1,4 @@
1
- import { LegacyRef, ReactNode } from 'react';
1
+ import { type LegacyRef, type ReactNode } from 'react';
2
2
  export interface TruncateStyleProps {
3
3
  width?: number;
4
4
  isFixedSize?: boolean;
@@ -1,5 +1,5 @@
1
1
  /** @jsx jsx */
2
- import { FC, HTMLProps, ReactNode } from 'react';
2
+ import { type FC, type HTMLProps, type ReactNode } from 'react';
3
3
  export type TableProps = HTMLProps<HTMLTableElement> & {
4
4
  isFixedSize?: boolean;
5
5
  isLoading?: boolean;
@@ -1,5 +1,5 @@
1
1
  /** @jsx jsx */
2
- import { FC, ReactNode } from 'react';
2
+ import { type FC, type ReactNode } from 'react';
3
3
  type EmptyViewWithFixedHeightProps = {
4
4
  testId?: string;
5
5
  children?: ReactNode;
@@ -1,5 +1,5 @@
1
1
  /** @jsx jsx */
2
- import { FC, HTMLProps, ReactNode } from 'react';
2
+ import { type FC, type HTMLProps, type ReactNode } from 'react';
3
3
  type ContainerProps = HTMLProps<HTMLDivElement> & {
4
4
  testId?: string;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  /** @jsx jsx */
2
- import { FC, ReactNode } from 'react';
2
+ import { type FC, type ReactNode } from 'react';
3
3
  export declare const CSS_VAR_CONTENTS_OPACITY = "--contents-opacity";
4
4
  type ContainerProps = {
5
5
  testId?: string;
@@ -1,6 +1,6 @@
1
1
  /** @jsx jsx */
2
- import { FC, HTMLProps, ReactNode } from 'react';
3
- import { TruncateStyleProps } from '../constants';
2
+ import { type FC, type HTMLProps, type ReactNode } from 'react';
3
+ import { type TruncateStyleProps } from '../constants';
4
4
  type RankableTableBodyCellProps = HTMLProps<HTMLTableCellElement | HTMLTableRowElement> & TruncateStyleProps & {
5
5
  isRanking?: boolean;
6
6
  children?: ReactNode;
@@ -1,6 +1,6 @@
1
1
  /** @jsx jsx */
2
- import { HTMLAttributes } from 'react';
3
- import { ITableRowProps } from '../table-row';
2
+ import { type HTMLAttributes } from 'react';
3
+ import { type ITableRowProps } from '../table-row';
4
4
  export type RankableTableBodyRowProps = HTMLAttributes<HTMLTableRowElement> & ITableRowProps & {
5
5
  isRanking?: boolean;
6
6
  isRankingItem?: boolean;
@@ -1,4 +1,4 @@
1
1
  /** @jsx jsx */
2
- import { FC } from 'react';
3
- import { TruncateStyleProps } from './constants';
2
+ import { type FC } from 'react';
3
+ import { type TruncateStyleProps } from './constants';
4
4
  export declare const TableBodyCell: FC<TruncateStyleProps>;
@@ -1,7 +1,7 @@
1
1
  /** @jsx jsx */
2
- import { FC, HTMLProps, ReactNode } from 'react';
3
- import { SortOrderType } from '../types';
4
- import { TruncateStyleProps } from './constants';
2
+ import { type FC, type HTMLProps, type ReactNode } from 'react';
3
+ import { type SortOrderType } from '../types';
4
+ import { type TruncateStyleProps } from './constants';
5
5
  interface HeadProps {
6
6
  isRanking?: boolean;
7
7
  children: ReactNode;
@@ -1,5 +1,5 @@
1
1
  /** @jsx jsx */
2
- import { CSSProperties, ReactNode } from 'react';
2
+ import { type CSSProperties, type ReactNode } from 'react';
3
3
  export type ITableRowProps = {
4
4
  isHighlighted?: boolean;
5
5
  children?: ReactNode;
@@ -1,5 +1,5 @@
1
- import React, { Ref } from 'react';
2
- import { UIAnalyticsEvent, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
1
+ import { type default as React, type Ref } from 'react';
2
+ import { type UIAnalyticsEvent, type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
3
3
  import type { Size as SizeType } from '@atlaskit/spinner';
4
4
  export interface RowCellType {
5
5
  /**
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { WithSortedPageRowsProps } from '../hoc/with-sorted-page-rows';
3
- import { HeadType } from '../types';
2
+ import { type WithSortedPageRowsProps } from '../hoc/with-sorted-page-rows';
3
+ import { type HeadType } from '../types';
4
4
  interface BodyProps extends WithSortedPageRowsProps {
5
5
  head?: HeadType;
6
6
  highlightedRowIndex?: number | number[];
@@ -1,4 +1,4 @@
1
- import React, { ReactNode } from 'react';
1
+ import React, { type ReactNode } from 'react';
2
2
  type ErrorBoundaryProps = {
3
3
  children: ReactNode;
4
4
  fallback: ReactNode;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
2
+ import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
3
3
  import type { I18nShape } from '../types';
4
4
  interface ManagedPaginationProps {
5
5
  value?: number;
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
- import { DragStart, DropResult } from 'react-beautiful-dnd';
3
- import { WithSortedPageRowsProps } from '../../hoc/with-sorted-page-rows';
4
- import { HeadType, RankEnd, RankStart } from '../../types';
2
+ import { type DragStart, type DropResult } from 'react-beautiful-dnd';
3
+ import { type WithSortedPageRowsProps } from '../../hoc/with-sorted-page-rows';
4
+ import { type HeadType, type RankEnd, type RankStart } from '../../types';
5
5
  export interface RankableBodyProps extends WithSortedPageRowsProps {
6
6
  highlightedRowIndex?: number | number[];
7
7
  onRankStart: (rankStart: RankStart) => void;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { WithDimensionsProps } from '../../hoc/with-dimensions';
3
- import { HeadCellType, RowCellType } from '../../types';
2
+ import { type WithDimensionsProps } from '../../hoc/with-dimensions';
3
+ import { type HeadCellType, type RowCellType } from '../../types';
4
4
  export interface RankableTableCellProps extends WithDimensionsProps {
5
5
  head?: HeadCellType;
6
6
  cell: RowCellType;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { WithDimensionsProps } from '../../hoc/with-dimensions';
3
- import { TableHeadCellProps } from '../table-head-cell';
2
+ import { type WithDimensionsProps } from '../../hoc/with-dimensions';
3
+ import { type TableHeadCellProps } from '../table-head-cell';
4
4
  declare const _default: React.ComponentClass<Omit<WithDimensionsProps & TableHeadCellProps, "innerRef" | "refWidth" | "refHeight">, import("../../hoc/with-dimensions").State>;
5
5
  export default _default;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { WithDimensionsProps } from '../../hoc/with-dimensions';
3
- import { HeadType, RowType } from '../../types';
2
+ import { type WithDimensionsProps } from '../../hoc/with-dimensions';
3
+ import { type HeadType, type RowType } from '../../types';
4
4
  export interface RankableTableRowProps extends WithDimensionsProps {
5
5
  head?: HeadType;
6
6
  isFixedSize: boolean;
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
- import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
2
+ import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
3
3
  import noop from '@atlaskit/ds-lib/noop';
4
- import { RankEnd, RowType, SortOrderType, StatefulProps } from '../types';
4
+ import { type RankEnd, type RowType, type SortOrderType, type StatefulProps } from '../types';
5
5
  interface State {
6
6
  page?: number;
7
7
  sortKey?: string;
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
- import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
2
+ import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
3
3
  import noop from '@atlaskit/ds-lib/noop';
4
- import { StatelessProps as Props, RankEnd, RankStart, RowCellType } from '../types';
4
+ import { type StatelessProps as Props, type RankEnd, type RankStart, type RowCellType } from '../types';
5
5
  export interface State {
6
6
  isRanking: boolean;
7
7
  }
@@ -1,5 +1,5 @@
1
- import React, { FC, LegacyRef } from 'react';
2
- import { SortOrderType } from '../types';
1
+ import React, { type FC, type LegacyRef } from 'react';
2
+ import { type SortOrderType } from '../types';
3
3
  export interface TableHeadCellProps {
4
4
  colSpan?: number;
5
5
  sortKey?: string;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { HeadType, RowCellType, SortOrderType } from '../types';
2
+ import { type HeadType, type RowCellType, type SortOrderType } from '../types';
3
3
  interface TableHeadProps {
4
4
  head: HeadType;
5
5
  sortKey?: string;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { HeadType, RowType } from '../types';
2
+ import { type HeadType, type RowType } from '../types';
3
3
  interface RowProps {
4
4
  head?: HeadType;
5
5
  isFixedSize: boolean;
@@ -1,4 +1,4 @@
1
- import React, { LegacyRef } from 'react';
1
+ import React, { type LegacyRef } from 'react';
2
2
  export interface State {
3
3
  refWidth: number;
4
4
  refHeight: number;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { HeadType, RowType, SortOrderType } from '../types';
2
+ import { type HeadType, type RowType, type SortOrderType } from '../types';
3
3
  export interface TableProps {
4
4
  head?: HeadType;
5
5
  page?: number;
@@ -1,4 +1,4 @@
1
- import { HeadType, RankEnd, RowType } from '../types';
1
+ import { type HeadType, type RankEnd, type RowType } from '../types';
2
2
  export declare const getPageRows: (allRows: Array<RowType>, pageNumber?: number, rowsPerPage?: number) => Array<RowType>;
3
3
  export declare const assertIsSortable: (head?: HeadType) => void;
4
4
  export declare const validateSortKey: (sortKey?: string, head?: HeadType) => void;
@@ -1,4 +1,4 @@
1
- import { LegacyRef, ReactNode } from 'react';
1
+ import { type LegacyRef, type ReactNode } from 'react';
2
2
  export interface TruncateStyleProps {
3
3
  width?: number;
4
4
  isFixedSize?: boolean;
@@ -1,5 +1,5 @@
1
1
  /** @jsx jsx */
2
- import { FC, HTMLProps, ReactNode } from 'react';
2
+ import { type FC, type HTMLProps, type ReactNode } from 'react';
3
3
  export type TableProps = HTMLProps<HTMLTableElement> & {
4
4
  isFixedSize?: boolean;
5
5
  isLoading?: boolean;
@@ -1,5 +1,5 @@
1
1
  /** @jsx jsx */
2
- import { FC, ReactNode } from 'react';
2
+ import { type FC, type ReactNode } from 'react';
3
3
  type EmptyViewWithFixedHeightProps = {
4
4
  testId?: string;
5
5
  children?: ReactNode;
@@ -1,5 +1,5 @@
1
1
  /** @jsx jsx */
2
- import { FC, HTMLProps, ReactNode } from 'react';
2
+ import { type FC, type HTMLProps, type ReactNode } from 'react';
3
3
  type ContainerProps = HTMLProps<HTMLDivElement> & {
4
4
  testId?: string;
5
5
  };
@@ -1,5 +1,5 @@
1
1
  /** @jsx jsx */
2
- import { FC, ReactNode } from 'react';
2
+ import { type FC, type ReactNode } from 'react';
3
3
  export declare const CSS_VAR_CONTENTS_OPACITY = "--contents-opacity";
4
4
  type ContainerProps = {
5
5
  testId?: string;
@@ -1,6 +1,6 @@
1
1
  /** @jsx jsx */
2
- import { FC, HTMLProps, ReactNode } from 'react';
3
- import { TruncateStyleProps } from '../constants';
2
+ import { type FC, type HTMLProps, type ReactNode } from 'react';
3
+ import { type TruncateStyleProps } from '../constants';
4
4
  type RankableTableBodyCellProps = HTMLProps<HTMLTableCellElement | HTMLTableRowElement> & TruncateStyleProps & {
5
5
  isRanking?: boolean;
6
6
  children?: ReactNode;
@@ -1,6 +1,6 @@
1
1
  /** @jsx jsx */
2
- import { HTMLAttributes } from 'react';
3
- import { ITableRowProps } from '../table-row';
2
+ import { type HTMLAttributes } from 'react';
3
+ import { type ITableRowProps } from '../table-row';
4
4
  export type RankableTableBodyRowProps = HTMLAttributes<HTMLTableRowElement> & ITableRowProps & {
5
5
  isRanking?: boolean;
6
6
  isRankingItem?: boolean;
@@ -1,4 +1,4 @@
1
1
  /** @jsx jsx */
2
- import { FC } from 'react';
3
- import { TruncateStyleProps } from './constants';
2
+ import { type FC } from 'react';
3
+ import { type TruncateStyleProps } from './constants';
4
4
  export declare const TableBodyCell: FC<TruncateStyleProps>;
@@ -1,7 +1,7 @@
1
1
  /** @jsx jsx */
2
- import { FC, HTMLProps, ReactNode } from 'react';
3
- import { SortOrderType } from '../types';
4
- import { TruncateStyleProps } from './constants';
2
+ import { type FC, type HTMLProps, type ReactNode } from 'react';
3
+ import { type SortOrderType } from '../types';
4
+ import { type TruncateStyleProps } from './constants';
5
5
  interface HeadProps {
6
6
  isRanking?: boolean;
7
7
  children: ReactNode;
@@ -1,5 +1,5 @@
1
1
  /** @jsx jsx */
2
- import { CSSProperties, ReactNode } from 'react';
2
+ import { type CSSProperties, type ReactNode } from 'react';
3
3
  export type ITableRowProps = {
4
4
  isHighlighted?: boolean;
5
5
  children?: ReactNode;
@@ -1,5 +1,5 @@
1
- import React, { Ref } from 'react';
2
- import { UIAnalyticsEvent, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
1
+ import { type default as React, type Ref } from 'react';
2
+ import { type UIAnalyticsEvent, type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
3
3
  import type { Size as SizeType } from '@atlaskit/spinner';
4
4
  export interface RowCellType {
5
5
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/dynamic-table",
3
- "version": "14.17.0",
3
+ "version": "14.17.1",
4
4
  "description": "A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -44,9 +44,10 @@
44
44
  "@atlaskit/analytics-next": "^9.3.0",
45
45
  "@atlaskit/ds-lib": "^2.3.0",
46
46
  "@atlaskit/pagination": "^14.7.0",
47
+ "@atlaskit/platform-feature-flags": "^0.2.5",
47
48
  "@atlaskit/spinner": "^16.1.0",
48
49
  "@atlaskit/theme": "^12.8.0",
49
- "@atlaskit/tokens": "^1.48.0",
50
+ "@atlaskit/tokens": "^1.49.0",
50
51
  "@babel/runtime": "^7.0.0",
51
52
  "@emotion/react": "^11.7.1",
52
53
  "react-beautiful-dnd": "^12.1.1"
@@ -86,5 +87,10 @@
86
87
  ]
87
88
  }
88
89
  },
89
- "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
90
+ "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
91
+ "platform-feature-flags": {
92
+ "platform.design-system-team.dynamic-table-typography_7zio6": {
93
+ "type": "boolean"
94
+ }
95
+ }
90
96
  }