@atlaskit/table 0.1.0

package/dist/types/ui/tr.d.ts

@@ -0,0 +1,16 @@
+/** @jsx jsx */
+import { FC } from 'react';
+interface TRProps {
+    testId?: string;
+    isSelected?: boolean;
+    isBodyRow?: boolean;
+}
+/**
+ * __Row__
+ *
+ * A row primitive.
+ *
+ * - [Examples](https://atlassian.design/components/table/examples)
+ */
+export declare const TR: FC<TRProps>;
+export {};

package/package.json

@@ -0,0 +1,101 @@
+{
+  "name": "@atlaskit/table",
+  "version": "0.1.0",
+  "description": "A table is used to display data.",
+  "author": "Atlassian Pty Ltd",
+  "license": "Apache-2.0",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "homepage": "https://atlassian.design/components/table",
+  "atlassian": {
+    "team": "Design System Team",
+    "inPublicMirror": false,
+    "releaseModel": "continuous",
+    "website": {
+      "name": "Table",
+      "category": "Components",
+      "draft": true
+    }
+  },
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "module:es2019": "dist/es2019/index.js",
+  "types": "dist/types/index.d.ts",
+  "sideEffects": false,
+  "atlaskit:src": "src/index.tsx",
+  "af:exports": {
+    ".": "./src/index.tsx",
+    "./primitives": "./src/ui/index.tsx"
+  },
+  "dependencies": {
+    "@atlaskit/button": "^16.4.1",
+    "@atlaskit/checkbox": "^12.4.1",
+    "@atlaskit/ds-explorations": "^1.3.2",
+    "@atlaskit/ds-lib": "^2.1.2",
+    "@atlaskit/focus-ring": "^1.2.1",
+    "@atlaskit/icon": "^21.11.2",
+    "@atlaskit/tokens": "^0.11.4",
+    "@atlaskit/tooltip": "^17.5.16",
+    "@atlaskit/visually-hidden": "^1.0.0",
+    "@babel/runtime": "^7.0.0",
+    "@emotion/react": "^11.7.1",
+    "tiny-invariant": "^1.2.0"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0"
+  },
+  "devDependencies": {
+    "@atlaskit/avatar": "*",
+    "@atlaskit/code": "*",
+    "@atlaskit/date": "*",
+    "@atlaskit/docs": "*",
+    "@atlaskit/ds-lib": "*",
+    "@atlaskit/dynamic-table": "*",
+    "@atlaskit/lozenge": "*",
+    "@atlaskit/ssr": "*",
+    "@atlaskit/visual-regression": "*",
+    "@atlaskit/webdriver-runner": "*",
+    "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
+    "@testing-library/react": "^12.1.5",
+    "@testing-library/react-hooks": "^8.0.1",
+    "react-dom": "^16.8.0",
+    "storybook-addon-designs": "^6.3.1",
+    "typescript": "4.5.5",
+    "wait-for-expect": "^1.2.0"
+  },
+  "techstack": {
+    "@atlassian/frontend": {
+      "import-structure": [
+        "atlassian-conventions"
+      ],
+      "circular-dependencies": [
+        "file-and-folder-level"
+      ]
+    },
+    "@repo/internal": {
+      "dom-events": "use-bind-event-listener",
+      "analytics": [
+        "analytics-next"
+      ],
+      "theming": [
+        "react-context",
+        "tokens"
+      ],
+      "ui-components": [
+        "lite-mode"
+      ],
+      "design-system": "v1",
+      "design-tokens": "spacing",
+      "deprecation": [
+        "no-deprecated-imports"
+      ],
+      "styling": [
+        "static",
+        "emotion"
+      ]
+    }
+  },
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
+}

package/primitives/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/table/primitives",
+  "main": "../dist/cjs/ui/index.js",
+  "module": "../dist/esm/ui/index.js",
+  "module:es2019": "../dist/es2019/ui/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/ui/index.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/ui/index.d.ts"
+      ]
+    }
+  }
+}

package/report.api.md

@@ -0,0 +1,139 @@
+<!-- API Report Version: 2.3 -->
+
+## API Report File for "@atlaskit/table"
+
+> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+
+### Table of contents
+
+- [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
+
+### Main Entry Types
+
+<!--SECTION START: Main Entry Types-->
+
+```ts
+import { BoxProps } from '@atlaskit/ds-explorations/box';
+import { FC } from 'react';
+import { jsx } from '@emotion/react';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+
+// @public (undocumented)
+const alignMap: {
+  readonly text: 'flexStart';
+  readonly number: 'flexEnd';
+  readonly icon: 'center';
+};
+
+// @public (undocumented)
+type BaseCellProps = {
+  align?: keyof typeof alignMap;
+  as?: 'td' | 'th';
+  scope?: 'col' | 'row';
+  testId?: string;
+  children?: ReactNode;
+} & Pick<
+  BoxProps,
+  'backgroundColor' | 'className' | 'paddingBlock' | 'paddingInline'
+>;
+
+// @public (undocumented)
+type BodyProps<Item extends object> =
+  | {
+      rows: Item[];
+      children: (row: Item) => ReactElement;
+    }
+  | {
+      rows?: never;
+      children: ReactElement | ReactElement[];
+    };
+
+// @public
+export const Cell: FC<Omit<BaseCellProps, 'as'>>;
+
+// @public (undocumented)
+interface CellProps {
+  name: string;
+  // (undocumented)
+  onClick?: React.MouseEventHandler;
+  // (undocumented)
+  testId?: string;
+}
+
+// @public
+export const HeadCell: FC<THProps>;
+
+// @public
+export const Row: FC<RowProps>;
+
+// @public (undocumented)
+type RowProps = {
+  testId?: string;
+};
+
+// @public
+export const SortableColumn: FC<CellProps>;
+
+// @public (undocumented)
+type SortKey<Key extends number | string | symbol> = 'unset' | Key;
+
+// @public
+function Table<ItemType extends object = object>({
+  children,
+  isSelectable,
+  sortKey,
+  testId,
+}: TableProps<ItemType>): jsx.JSX.Element;
+export default Table;
+
+// @public (undocumented)
+type TableProps<ItemType extends object = {}> = {
+  testId?: string;
+  sortKey?: SortKey<keyof ItemType>;
+  children: ReactElement | ReactElement[];
+} & (
+  | {
+      isSelectable: true;
+      defaultSelected?: number;
+    }
+  | {
+      isSelectable?: false;
+    }
+);
+
+// @public
+export function TBody<ObjectType extends object>({
+  rows,
+  children,
+}: BodyProps<ObjectType>): jsx.JSX.Element;
+
+// @public (undocumented)
+export const THead: FC<THeadProps>;
+
+// @public (undocumented)
+type THeadProps = {
+  actions?: (selected: number[]) => ReactNode;
+};
+
+// @public (undocumented)
+type THProps = Omit<BaseCellProps, 'as'>;
+
+// (No @packageDocumentation comment for this package)
+```
+
+<!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "react": "^16.8.0"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->

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

@@ -0,0 +1,99 @@
+## API Report File for "@atlaskit/table"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import { BoxProps } from '@atlaskit/ds-explorations/box';
+import { FC } from 'react';
+import { jsx } from '@emotion/react';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+
+// @public (undocumented)
+const alignMap: {
+    readonly text: "flexStart";
+    readonly number: "flexEnd";
+    readonly icon: "center";
+};
+
+// @public (undocumented)
+type BaseCellProps = {
+    align?: keyof typeof alignMap;
+    as?: 'td' | 'th';
+    scope?: 'col' | 'row';
+    testId?: string;
+    children?: ReactNode;
+} & Pick<BoxProps, 'backgroundColor' | 'className' | 'paddingBlock' | 'paddingInline'>;
+
+// @public (undocumented)
+type BodyProps<Item extends object> = {
+    rows: Item[];
+    children: (row: Item) => ReactElement;
+} | {
+    rows?: never;
+    children: ReactElement | ReactElement[];
+};
+
+// @public
+export const Cell: FC<Omit<BaseCellProps, 'as'>>;
+
+// @public (undocumented)
+interface CellProps {
+    name: string;
+    // (undocumented)
+    onClick?: React.MouseEventHandler;
+    // (undocumented)
+    testId?: string;
+}
+
+// @public
+export const HeadCell: FC<THProps>;
+
+// @public
+export const Row: FC<RowProps>;
+
+// @public (undocumented)
+type RowProps = {
+    testId?: string;
+};
+
+// @public
+export const SortableColumn: FC<CellProps>;
+
+// @public (undocumented)
+type SortKey<Key extends number | string | symbol> = 'unset' | Key;
+
+// @public
+function Table<ItemType extends object = object>({ children, isSelectable, sortKey, testId, }: TableProps<ItemType>): jsx.JSX.Element;
+export default Table;
+
+// @public (undocumented)
+type TableProps<ItemType extends object = {}> = {
+    testId?: string;
+    sortKey?: SortKey<keyof ItemType>;
+    children: ReactElement | ReactElement[];
+} & ({
+    isSelectable: true;
+    defaultSelected?: number;
+} | {
+    isSelectable?: false;
+});
+
+// @public
+export function TBody<ObjectType extends object>({ rows, children, }: BodyProps<ObjectType>): jsx.JSX.Element;
+
+// @public (undocumented)
+export const THead: FC<THeadProps>;
+
+// @public (undocumented)
+type THeadProps = {
+    actions?: (selected: number[]) => ReactNode;
+};
+
+// @public (undocumented)
+type THProps = Omit<BaseCellProps, 'as'>;
+
+// (No @packageDocumentation comment for this package)
+
+```