@atlaskit/table 0.15.2 → 1.0.1

package/table/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/table.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/table.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/table.d.ts"
 }

package/td/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/td.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/td.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/td.d.ts"
 }

package/thead/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/thead.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/thead.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/thead.d.ts"
 }

package/dist/types-ts4.5/body.d.ts

@@ -1,13 +0,0 @@
-import React, { type ReactElement } from 'react';
-type BodyProps<Item extends object> = {
-    rows: Item[];
-    children: (row: Item) => ReactElement;
-} | {
-    rows?: never;
-    children: ReactElement[] | ReactElement;
-};
-/**
- * __Table body__
- */
-declare function TBody<ObjectType extends object>({ rows, children, }: BodyProps<ObjectType>): React.JSX.Element;
-export default TBody;

package/dist/types-ts4.5/entry-points/body.d.ts

@@ -1 +0,0 @@
-export { default as TBody } from '../body';

package/dist/types-ts4.5/entry-points/expandable-cell.d.ts

@@ -1 +0,0 @@
-export { default as ExpandableCell } from '../expandable-cell';

package/dist/types-ts4.5/entry-points/expandable-row-content.d.ts

@@ -1 +0,0 @@
-export { default as ExpandableRowContent } from '../expandable-row-content';

package/dist/types-ts4.5/entry-points/expandable-row.d.ts

@@ -1 +0,0 @@
-export { default as ExpandableRow } from '../expandable-row';

package/dist/types-ts4.5/entry-points/head-cell.d.ts

@@ -1 +0,0 @@
-export { default as HeadCell } from '../head-cell';

package/dist/types-ts4.5/entry-points/primitives-bulk-action-overlay.d.ts

@@ -1 +0,0 @@
-export { BulkActionOverlay } from '../ui/bulk-action-overlay';

package/dist/types-ts4.5/entry-points/primitives-expand-icon.d.ts

@@ -1 +0,0 @@
-export { ExpandIcon } from '../ui/expand-icon';

package/dist/types-ts4.5/entry-points/primitives-expandable-cell.d.ts

@@ -1 +0,0 @@
-export { ExpandableCell } from '../ui/expandable-cell';

package/dist/types-ts4.5/entry-points/primitives-selectable-cell.d.ts

@@ -1 +0,0 @@
-export { SelectableCell } from '../ui/selectable-cell';

package/dist/types-ts4.5/entry-points/primitives-sort-icon.d.ts

@@ -1 +0,0 @@
-export { SortIcon } from '../ui/sort-icon';

package/dist/types-ts4.5/entry-points/primitives-table.d.ts

@@ -1 +0,0 @@
-export { Table } from '../ui/table';

package/dist/types-ts4.5/entry-points/primitives-tbody.d.ts

@@ -1 +0,0 @@
-export { TBody } from '../ui/tbody';

package/dist/types-ts4.5/entry-points/primitives-td.d.ts

@@ -1 +0,0 @@
-export { TD } from '../ui/td';

package/dist/types-ts4.5/entry-points/primitives-th.d.ts

@@ -1 +0,0 @@
-export { TH } from '../ui/th';

package/dist/types-ts4.5/entry-points/primitives-thead.d.ts

@@ -1 +0,0 @@
-export { THead } from '../ui/thead';

package/dist/types-ts4.5/entry-points/primitives-tr.d.ts

@@ -1 +0,0 @@
-export { TR } from '../ui/tr';

package/dist/types-ts4.5/entry-points/row.d.ts

@@ -1 +0,0 @@
-export { default as Row } from '../row';

package/dist/types-ts4.5/entry-points/sortable-column.d.ts

@@ -1 +0,0 @@
-export { default as SortableColumn } from '../sortable-column';

package/dist/types-ts4.5/entry-points/table.d.ts

@@ -1 +0,0 @@
-export { default } from '../table';

package/dist/types-ts4.5/entry-points/td.d.ts

@@ -1 +0,0 @@
-export { TD as Cell } from '../ui/td';

package/dist/types-ts4.5/entry-points/thead.d.ts

@@ -1 +0,0 @@
-export { default as THead } from '../thead';

package/dist/types-ts4.5/expandable-cell.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-/**
- * __Expandable cell__
- *
- * A cell with an expand button that controls the expanded state
- * of the `<ExpandableRow>`.
- */
-declare const ExpandableCell: React.MemoExoticComponent<() => React.JSX.Element>;
-export default ExpandableCell;

package/dist/types-ts4.5/expandable-row-content.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-type ExpandableRowContentProps = {
-    children?: React.ReactNode;
-};
-/**
- * __Expandable row content__
- *
- * Contains expandable content. Uses a context provider to allow children
- * to identify if they are expandable content.
- */
-declare const ExpandableRowContent: ({ children }: ExpandableRowContentProps) => React.JSX.Element;
-export default ExpandableRowContent;

package/dist/types-ts4.5/expandable-row.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-type ExpandableRowProps = {
-    children: React.ReactNode;
-    /**
-     * Controlled: If the row is expanded.
-     */
-    isExpanded?: boolean;
-    /**
-     * Uncontrolled: If the row is expanded by default.
-     */
-    isDefaultExpanded?: boolean;
-};
-/**
- * __Expandable row__
- *
- * A context provider for `<Row>` to support expandable content.
- */
-declare const ExpandableRow: ({ children, isExpanded, isDefaultExpanded, }: ExpandableRowProps) => React.JSX.Element;
-export default ExpandableRow;

package/dist/types-ts4.5/head-cell.d.ts

@@ -1,9 +0,0 @@
-import { type FC } from 'react';
-import { type THProps } from './ui/th';
-/**
- * __HeadCell__
- *
- * HeadCell element
- */
-declare const HeadCell: FC<THProps>;
-export default HeadCell;

package/dist/types-ts4.5/hooks/selection-provider.d.ts

@@ -1,21 +0,0 @@
-import React, { type FC, type ReactNode } from 'react';
-import { type SelectableActions, type SelectableState } from './use-selectable';
-type SelectionContext = [
-    SelectableState,
-    (
-    /**
-     * Context actions will be undefined without a `SelectionProvider` mounted.
-     */
-    SelectableActions | Partial<SelectableActions>)
-];
-declare const SelectionContext: React.Context<SelectionContext>;
-/**
- * __Selection provider__
- *
- * A selection provider injects selection specific state into the table.
- */
-declare const SelectionProvider: FC<{
-    children: ReactNode;
-}>;
-export declare const useSelection: () => SelectionContext;
-export default SelectionProvider;

package/dist/types-ts4.5/hooks/use-expand-content.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-type ExpandContentContext = {
-    isExpandableContent: boolean;
-};
-declare const ExpandContentContext: React.Context<ExpandContentContext>;
-/**
- * __Expand content provider__
- *
- * An expand content provider allows `<Row>` to determine if it is a subitem.
- */
-export declare const ExpandContentContextProvider: ({ children, }: {
-    children: React.ReactNode;
-}) => React.JSX.Element;
-declare const useExpandContent: () => ExpandContentContext;
-export default useExpandContent;

package/dist/types-ts4.5/hooks/use-expand.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-type ExpandContextState = {
-    isExpanded: boolean;
-    toggleExpanded(): void;
-};
-/**
- * __Expand context provider__
- *
- * An expand context provider.
- */
-export declare const ExpandContextProvider: (props: {
-    children: React.ReactNode;
-    isExpanded?: boolean;
-    isDefaultExpanded?: boolean;
-}) => React.JSX.Element;
-declare const useExpand: () => ExpandContextState;
-export default useExpand;

package/dist/types-ts4.5/hooks/use-row-id.d.ts

@@ -1,9 +0,0 @@
-/**
- * @internal
- */
-export declare const useRowId: () => number | undefined;
-/**
- * __Row provider__
- * @internal
- */
-export declare const RowProvider: import('react').Provider<number | undefined>;

package/dist/types-ts4.5/hooks/use-selectable.d.ts

@@ -1,41 +0,0 @@
-export type SelectableState = {
-    /**
-     * The localised ids that have been checked.
-     */
-    checked: number[];
-    /**
-     * Whether all list items are checked.
-     */
-    allChecked: boolean;
-    /**
-     * Whether any single row item is checked.
-     */
-    anyChecked: boolean;
-    /**
-     * Equal to the data length of the table, i.e. the maximum number of checked items.
-     */
-    maxChecked: number;
-    /**
-     * Indicates where a selection begins, i.e. the last selection where the Shift key was **not pressed**
-     */
-    selectionStart: number;
-    /**
-     * Indicates the most recent selection range where the Shift key was pressed.
-     * This provides the ability to uncheck ids that are not part of a new selection range, but were in the previous selection range,
-     * mimicking behaviour such as that in macOS
-     * e.g. [2, 3, 4] indicates ids from 2 to 4 were selected the last time the Shift key was pressed.
-     */
-    previousSelection: number[];
-};
-export type SelectableActions = {
-    setAll: () => void;
-    removeAll: () => void;
-    toggleSelection: (id: number, shiftHeld: boolean) => void;
-    setMax: (max: number) => void;
-};
-export declare const defaultSelectableState: SelectableState;
-declare function useSelectable(): [
-    SelectableState,
-    SelectableActions
-];
-export default useSelectable;

package/dist/types-ts4.5/hooks/use-sorting.d.ts

@@ -1,7 +0,0 @@
-import { type SortDirection, type SortKey } from './use-table';
-export declare const useSorting: <ItemType extends object>(sortKey: SortKey<keyof ItemType>) => {
-    sortKey: 'unset' | keyof ItemType;
-    sortDirection: SortDirection | undefined;
-    setSortState: (key: SortKey<keyof ItemType>) => void;
-    sortFn: (rowA: ItemType, rowB: ItemType) => number;
-};

package/dist/types-ts4.5/hooks/use-table-body.d.ts

@@ -1,6 +0,0 @@
-/**
- * __Table body provider__
- * Ensures correct nesting of table elements.
- */
-export declare const TableBodyProvider: import('react').Provider<boolean>;
-export declare const useTableBody: () => void;

package/dist/types-ts4.5/hooks/use-table.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-export type SortDirection = 'ascending' | 'descending';
-export type SortKey<Key extends string | symbol | number> = Key | 'unset';
-type TableContext<T, K extends keyof T = keyof T> = {
-    isSelectable?: boolean;
-    sortKey: SortKey<K>;
-    sortDirection?: SortDirection;
-    sortFn?: (a: T, b: T) => number;
-    setSortState: (key: SortKey<K>) => void;
-};
-declare const TableContext: React.Context<TableContext<object, never>>;
-/**
- * __Table state provider__
- *
- * The table context provides the data required for more complex functionality.
- *
- * - [Examples](https://atlassian.design/components/table/examples)
- */
-export declare function TableProvider<T extends object>({ children, state, }: {
-    children: React.ReactNode;
-    state: TableContext<T>;
-}): React.JSX.Element;
-export declare const useTable: <TableItem extends object>() => TableContext<TableItem>;
-export {};

package/dist/types-ts4.5/index.d.ts

@@ -1,10 +0,0 @@
-export { default } from './table';
-export { default as TBody } from './body';
-export { default as Row } from './row';
-export { TD as Cell } from './ui';
-export { default as ExpandableCell } from './expandable-cell';
-export { default as ExpandableRow } from './expandable-row';
-export { default as ExpandableRowContent } from './expandable-row-content';
-export { default as HeadCell } from './head-cell';
-export { default as SortableColumn } from './sortable-column';
-export { default as THead } from './thead';

package/dist/types-ts4.5/row.d.ts

@@ -1,21 +0,0 @@
-import { type FC, type ReactNode } from 'react';
-type RowProps = {
-    /**
-     * A `testId` prop is a unique string that appears as a data attribute `data-testid`
-     * in the rendered code, serving as a hook for automated tests.
-     */
-    testId?: string;
-    /**
-     * Content of the row.
-     */
-    children?: ReactNode;
-};
-/**
- * __Row__
- *
- * A table row.
- *
- * - [Examples](https://atlassian.design/components/table/examples)
- */
-declare const Row: FC<RowProps>;
-export default Row;

package/dist/types-ts4.5/selectable-cell.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const SelectableCell: React.NamedExoticComponent<{}>;
-export default SelectableCell;

package/dist/types-ts4.5/sortable-column.d.ts

@@ -1,25 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type FC, type ReactNode } from 'react';
-interface CellProps {
-    /**
-     * Unique key used for sorting table data by this column
-     */
-    name: string;
-    /**
-     * A `testId` prop is a unique string that appears as a data attribute `data-testid`
-     * in the rendered code, serving as a hook for automated tests.
-     */
-    testId?: string;
-    onClick?: React.MouseEventHandler;
-    children?: ReactNode;
-}
-/**
- * __SortableColumn__
- *
- * SortableColumn is used in place of the default Column when sorting is desired.
- */
-declare const SortableColumn: FC<CellProps>;
-export default SortableColumn;

package/dist/types-ts4.5/table.d.ts

@@ -1,28 +0,0 @@
-import React, { type ReactElement } from 'react';
-import { type SortKey } from './hooks/use-table';
-type TableProps<ItemType extends object = {}> = {
-    /**
-     * A `testId` prop is a unique string that appears as a data attribute `data-testid`
-     * in the rendered code, serving as a hook for automated tests.
-     */
-    testId?: string;
-    /**
-     * default sort key to be applied. If unspecified will use default ordering
-     */
-    sortKey?: SortKey<keyof ItemType>;
-    children: ReactElement[] | ReactElement;
-} & ({
-    isSelectable: true;
-    defaultSelected?: number;
-} | {
-    isSelectable?: false;
-});
-/**
- * __Table__
- *
- * A data table is used to display dynamic data.
- *
- * - [Examples](https://atlassian.design/components/table/examples)
- */
-declare function Table<ItemType extends object = object>({ children, isSelectable, sortKey, testId, }: TableProps<ItemType>): React.JSX.Element;
-export default Table;

package/dist/types-ts4.5/thead.d.ts

@@ -1,7 +0,0 @@
-import { type FC, type ReactNode } from 'react';
-type THeadProps = {
-    actions?: (selected: number[]) => ReactNode;
-    children?: ReactNode;
-};
-declare const THead: FC<THeadProps>;
-export default THead;

package/dist/types-ts4.5/ui/base-cell.d.ts

@@ -1,55 +0,0 @@
-import React, { type ReactNode } from 'react';
-import { type BoxProps } from '@atlaskit/primitives';
-export type BaseCellProps = {
-    /**
-     * A percentage of pixel width of the table to apply to a column.
-     */
-    width?: string;
-    /**
-     * Horizontal alignment of content.
-     */
-    align?: 'icon' | 'text' | 'number';
-    /**
-     * Whether the cell should render as a `td` or `th` element.
-     */
-    as?: 'td' | 'th';
-    /**
-     * Same behavior as the HTML attribute.
-     *
-     * @see 'https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th#attr-scope'
-     */
-    scope?: 'col' | 'row';
-    /**
-     * A `testId` prop is a unique string that appears as a data attribute `data-testid`
-     * in the rendered code, serving as a hook for automated tests.
-     */
-    testId?: string;
-    /**
-     * Content of the cell.
-     */
-    children?: ReactNode;
-    /**
-     * Number of columns to span.
-     */
-    colSpan?: number;
-    /**
-     * Number of rows to span.
-     */
-    rowSpan?: number;
-} & Pick<BoxProps<any>, 'paddingBlock' | 'paddingInline' | 'backgroundColor' | 'xcss'>;
-/**
- * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-sort
- */
-export type SortDirection = 'ascending' | 'descending' | 'none' | 'other';
-type InternalBaseCellProps = BaseCellProps & {
-    sortDirection?: SortDirection;
-};
-/**
- * __BaseCell__
- *
- * @internal
- *
- * Basic cell element.
- */
-export declare const BaseCell: React.ForwardRefExoticComponent<React.PropsWithoutRef<InternalBaseCellProps> & React.RefAttributes<HTMLTableCellElement>>;
-export {};

package/dist/types-ts4.5/ui/bulk-action-overlay.d.ts

@@ -1,9 +0,0 @@
-import { type FC, type ReactNode } from 'react';
-/**
- * __Bulk action overlay__
- *
- * A bulk action overlay is used to conditionally render when a user makes a row selection
- */
-export declare const BulkActionOverlay: FC<{
-    children: ReactNode;
-}>;

package/dist/types-ts4.5/ui/expand-icon.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-/**
- * __Expand icon__
- *
- * An icon used to display the expanded state in an `<ExpandableCell>`.
- */
-export declare const ExpandIcon: React.MemoExoticComponent<({ isExpanded }: {
-    isExpanded: boolean;
-}) => React.JSX.Element>;

package/dist/types-ts4.5/ui/expandable-cell.d.ts

@@ -1,12 +0,0 @@
-import React, { type ReactNode } from 'react';
-type ExpandableCellProps = {
-    as: 'td' | 'th';
-    children?: ReactNode;
-};
-/**
- * __Expandable cell__
- *
- * An expandable cell primitive designed to be used for light weight composition.
- */
-export declare const ExpandableCell: ({ children, as }: ExpandableCellProps) => React.JSX.Element;
-export {};

package/dist/types-ts4.5/ui/index.d.ts

@@ -1,14 +0,0 @@
-/**
- * File exposes the HTML table primitives for use
- */
-export { Table } from './table';
-export { TBody } from './tbody';
-export { TR } from './tr';
-export { TD } from './td';
-export { TH } from './th';
-export { SelectableCell } from './selectable-cell';
-export { ExpandableCell } from './expandable-cell';
-export { ExpandIcon } from './expand-icon';
-export { THead } from './thead';
-export { BulkActionOverlay } from './bulk-action-overlay';
-export { SortIcon } from './sort-icon';

package/dist/types-ts4.5/ui/selectable-cell.d.ts

@@ -1,12 +0,0 @@
-import React, { type ReactNode } from 'react';
-type SelectableCellProps = {
-    as: 'td' | 'th';
-    children?: ReactNode;
-};
-/**
- * __Selectable cell__
- *
- * A selectable cell primitive designed to be used for light weight composition.
- */
-export declare const SelectableCell: ({ children, as }: SelectableCellProps) => React.JSX.Element;
-export {};

package/dist/types-ts4.5/ui/sort-icon.d.ts

@@ -1,9 +0,0 @@
-import { type FC } from 'react';
-/**
- * __SortIcon__
- *
- * SortIcon is used to display the sort state in our SortableColumn.
- */
-export declare const SortIcon: FC<{
-    name: string;
-}>;

package/dist/types-ts4.5/ui/table.d.ts

@@ -1,30 +0,0 @@
-import { type FC, type ReactNode } from 'react';
-type TableProps = {
-    /**
-     * A `testId` prop is a unique string that appears as a data attribute `data-testid`
-     * in the rendered code, serving as a hook for automated tests.
-     */
-    testId?: string;
-    /**
-     * Accessible description of the table data.
-     *
-     * @see 'https://www.w3.org/WAI/EO/Drafts/tutorials/tables/summary/'
-     */
-    summary?: string;
-    /**
-     * Table content.
-     */
-    children: ReactNode;
-};
-/**
- * __Table__
- *
- * A primitive table container. Applies the HTML native element with no other styling.
- *
- * - [Examples](https://atlassian.design/components/table/examples)
- *
- * @primitive
- * @see https://hello.atlassian.net/wiki/spaces/DST/pages/1947062524/Dynamic+table+2.0+implementation+spec
- */
-export declare const Table: FC<TableProps>;
-export {};

package/dist/types-ts4.5/ui/tbody.d.ts

@@ -1,12 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type FC, type ReactNode } from 'react';
-/**
- * __TBody__
- * @primitive
- */
-export declare const TBody: FC<{
-    children: ReactNode;
-}>;

package/dist/types-ts4.5/ui/td.d.ts

@@ -1,10 +0,0 @@
-import { type FC } from 'react';
-import { type BaseCellProps } from './base-cell';
-/**
- * __Cell__
- *
- * A data cell.
- *
- * @primitive
- */
-export declare const TD: FC<Omit<BaseCellProps, 'as'>>;

package/dist/types-ts4.5/ui/th.d.ts

@@ -1,15 +0,0 @@
-import { type FC } from 'react';
-import { type BaseCellProps, type SortDirection } from './base-cell';
-export type THProps = Omit<BaseCellProps, 'as'>;
-type InternalTHProps = THProps & {
-    sortDirection?: SortDirection;
-};
-/**
- * __Head cell__
- *
- * A head cell.
- *
- * @primitive
- */
-export declare const TH: FC<InternalTHProps>;
-export {};