Skip to content

Commit

Permalink
feat(table): Add Table and related components (#7607)
Browse files Browse the repository at this point in the history
**Related Issue:** #6697 

## Summary
Adds Table and related components
  • Loading branch information
macandcheese authored Aug 31, 2023
1 parent fe2e70b commit b067e72
Show file tree
Hide file tree
Showing 146 changed files with 10,278 additions and 0 deletions.
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"keyboardDeselect": "Press Enter or Space to deselect row",
"keyboardSelect": "Press Enter or Space to select row",
"row": "row",
"selected": "selected",
"unselected": "unselected"
}
55 changes: 55 additions & 0 deletions packages/calcite-components/src/components/table-cell/readme.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
# calcite-table-cell

<!-- Auto Generated Below -->

## Properties

| Property | Attribute | Description | Type | Default |
| ------------------ | ----------- | ----------------------------------------------------------------------------------------- | ------------------------------ | ----------- |
| `alignment` | `alignment` | Specifies the alignment of the component. | `"center" \| "end" \| "start"` | `"start"` |
| `colSpan` | `col-span` | | `number` | `undefined` |
| `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ focusReadout?: string; }` | `undefined` |
| `rowSpan` | `row-span` | | `number` | `undefined` |
| `scale` | `scale` | Specifies the size of the component. | `"l" \| "m" \| "s"` | `"m"` |
| `value` | `value` | Provide a value to the component - used to sort when table header is sortable and active. | `""` | `undefined` |

## Methods

### `setFocus() => Promise<void>`

Sets focus on the component's first focusable element.

#### Returns

Type: `Promise<void>`

## Slots

| Slot | Description |
| ---- | ------------------------------------------------ |
| | A slot for adding content, usually text content. |

## CSS Custom Properties

| Name | Description |
| ----------------------------------- | ------------------------------------------------ |
| `--calcite-table-cell-background` | Specifies the background color of the component. |
| `--calcite-table-cell-border-color` | Specifies the border color of the component. |

## Dependencies

### Used by

- [calcite-table-row](../table-row)

### Graph

```mermaid
graph TD;
calcite-table-row --> calcite-table-cell
style calcite-table-cell fill:#f9f,stroke:#333,stroke-width:4px
```

---

_Built with [StencilJS](https://stenciljs.com/)_
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
export const CSS = {
numberCell: "number-cell",
footerCell: "footer-cell",
selectionCell: "selection-cell",
selectedCell: "selected-cell",
assistiveText: "assistive-text",
};
Loading

0 comments on commit b067e72

Please sign in to comment.