@atom-learning/components 2.6.0 → 2.6.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.
- package/CHANGELOG.md +8 -25
- package/dist/docs/DataTable.mdx +2 -6
- package/dist/docs/TopBar.mdx +18 -4
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,32 +1,15 @@
|
|
|
1
|
-
|
|
1
|
+
## [2.6.1](https://github.com/Atom-Learning/components/compare/v2.6.0...v2.6.1) (2022-09-30)
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
### Bug Fixes
|
|
5
5
|
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
11
|
-
*
|
|
12
|
-
*
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
### Features
|
|
16
|
-
|
|
17
|
-
* add global search ([d69f9ae](https://github.com/Atom-Learning/components/commit/d69f9ae90496d575f0b9922ab9c0c465a46f2d3a))
|
|
18
|
-
* configurable page size for Pagination component ([5389854](https://github.com/Atom-Learning/components/commit/5389854364db990cddc6bae4bb9d88a693c24368))
|
|
19
|
-
* configurable page size for Pagination component ([6f345a9](https://github.com/Atom-Learning/components/commit/6f345a9550acef42e2e2b47b9e078e84aa3d3c2a))
|
|
20
|
-
* datatable tests ([30ecbe8](https://github.com/Atom-Learning/components/commit/30ecbe8de6f7584aa82ea5a8b28ea5d95ef9cdf0))
|
|
21
|
-
* datatable tests ([2548b8a](https://github.com/Atom-Learning/components/commit/2548b8aadb525ca6645f58f7b5eccfe06dd3aca7))
|
|
22
|
-
* initial datatable tests ([2e277b8](https://github.com/Atom-Learning/components/commit/2e277b8d9b8440e783ec7344b5449474572e66c3))
|
|
23
|
-
* move sortable state to provider ([8ec8f9d](https://github.com/Atom-Learning/components/commit/8ec8f9d673e465973022980ab6415dc41c5ea2da))
|
|
24
|
-
* renaming, some doc comments ([086df58](https://github.com/Atom-Learning/components/commit/086df58eae2563fd1dd71b7eb1c35647a94b32e5))
|
|
25
|
-
* snapshot test ([1845725](https://github.com/Atom-Learning/components/commit/1845725cd5c267bb6525b20c68518a2de7728f60))
|
|
26
|
-
* update sorting API ([24369e1](https://github.com/Atom-Learning/components/commit/24369e128f4ffe5878a5c74dcf3e369eceeea418))
|
|
27
|
-
* update sorting API again ([7e7b2d4](https://github.com/Atom-Learning/components/commit/7e7b2d49a937f48c1334bd4c4f1b59ba5217b532))
|
|
28
|
-
* wip docs ([6d2ce65](https://github.com/Atom-Learning/components/commit/6d2ce657d761c1c744d8dda5dff1fe9bd81a5381))
|
|
29
|
-
* working Pagination component, wip context setup ([e6ac621](https://github.com/Atom-Learning/components/commit/e6ac62155459bfe4ded60869ac535e0b31b42e24))
|
|
6
|
+
* production site build ([4af124d](https://github.com/Atom-Learning/components/commit/4af124d742b3d5f485fceec9a79286161d95348c))
|
|
7
|
+
* production site build ([ca25aa0](https://github.com/Atom-Learning/components/commit/ca25aa0844dc2489f411555ebacb5d0b32933b6b))
|
|
8
|
+
* render topbar logo in docs ([56964e6](https://github.com/Atom-Learning/components/commit/56964e6dfb86b1e35181c4e536231c1ec60c56b3))
|
|
9
|
+
* render topbar logo in docs ([ee51cee](https://github.com/Atom-Learning/components/commit/ee51ceefb665f6dd9255b65dca600613c493b995))
|
|
10
|
+
* test ignoring TS errors in next ([966694c](https://github.com/Atom-Learning/components/commit/966694cbb07f745a277b9a5f2d1df2ae71417e91))
|
|
11
|
+
* test removing sandbox components ([671bd0c](https://github.com/Atom-Learning/components/commit/671bd0ccd2ea6169cef3daea907d381218c5599d))
|
|
12
|
+
* use a github actions-friendly node version ([c55eacd](https://github.com/Atom-Learning/components/commit/c55eacd8ccf326d3287dd6a96ef8b3c76e99ba6f))
|
|
30
13
|
|
|
31
14
|
# [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
|
|
32
15
|
|
package/dist/docs/DataTable.mdx
CHANGED
|
@@ -1,12 +1,8 @@
|
|
|
1
|
-
import { DataTableExample } from './DataTableExample'
|
|
2
|
-
|
|
3
1
|
---
|
|
4
|
-
|
|
5
2
|
title: DataTable
|
|
6
|
-
component: DataTable, DataTable.Table, DataTable.Head, DataTable.
|
|
3
|
+
component: DataTable, DataTable.Table, DataTable.Head, DataTable.HeaderCell, DataTable.Body, DataTable.Row, DataTable.DataCell, DataTable.GlobalFilter
|
|
7
4
|
description: Displays tabular data with features such as sorting and pagination
|
|
8
5
|
category: Content
|
|
9
|
-
|
|
10
6
|
---
|
|
11
7
|
|
|
12
8
|
`DataTable` provides complex features for tables, like sorting and pagination. It's built around the `@tanstack/react-table` library and exposes the `table` state from that library directly. All util functions from the library are also compatible with `DataTable`. It's worth a good read of [`@tanstack/react-table`'s documentation](https://tanstack.com/table/v8/docs/guide/introduction) too, since we won't be repeating much of it here.
|
|
@@ -24,7 +20,7 @@ Other `DataTable` components call `useDataTable` and provide useful default impl
|
|
|
24
20
|
Here's a simple config for some table data and columns.
|
|
25
21
|
|
|
26
22
|
```tsx
|
|
27
|
-
import { createColumnHelper } from '@tanstack/react-table'
|
|
23
|
+
// import { createColumnHelper } from '@tanstack/react-table'
|
|
28
24
|
|
|
29
25
|
const columnHelper = createColumnHelper<{
|
|
30
26
|
name: string
|
package/dist/docs/TopBar.mdx
CHANGED
|
@@ -32,7 +32,11 @@ TopBar has a default size of `md` which means that the default height of the com
|
|
|
32
32
|
```tsx preview
|
|
33
33
|
<TopBar>
|
|
34
34
|
<TopBar.Brand href="atomlearning.co.uk">
|
|
35
|
-
<TopBar.BrandLogo
|
|
35
|
+
<TopBar.BrandLogo
|
|
36
|
+
src={
|
|
37
|
+
'https://space-1.atomlearning.com/static/f61e49cfb245016e612a34818e27dcfb.svg'
|
|
38
|
+
}
|
|
39
|
+
/>
|
|
36
40
|
</TopBar.Brand>
|
|
37
41
|
</TopBar>
|
|
38
42
|
```
|
|
@@ -42,7 +46,11 @@ If size `lg` is passed to the `TopBar` it will be 96px in height and the `TopBar
|
|
|
42
46
|
```tsx preview
|
|
43
47
|
<TopBar size="lg">
|
|
44
48
|
<TopBar.Brand href="atomlearning.co.uk">
|
|
45
|
-
<TopBar.BrandLogo
|
|
49
|
+
<TopBar.BrandLogo
|
|
50
|
+
src={
|
|
51
|
+
'https://space-1.atomlearning.com/static/f61e49cfb245016e612a34818e27dcfb.svg'
|
|
52
|
+
}
|
|
53
|
+
/>
|
|
46
54
|
</TopBar.Brand>
|
|
47
55
|
</TopBar>
|
|
48
56
|
```
|
|
@@ -52,13 +60,19 @@ If size `lg` is passed to the `TopBar` it will be 96px in height and the `TopBar
|
|
|
52
60
|
`TopBar.Brand` renders a styled link.
|
|
53
61
|
|
|
54
62
|
```tsx
|
|
55
|
-
import logo
|
|
63
|
+
// You'll import the logo like this in practice, but it doesn't work
|
|
64
|
+
// in these previews
|
|
65
|
+
// import logo from '@atom-learning/theme/lib/assets/logo.svg'
|
|
56
66
|
|
|
57
67
|
const App = () => {
|
|
58
68
|
return (
|
|
59
69
|
<TopBar>
|
|
60
70
|
<TopBar.Brand href="atomlearning.co.uk">
|
|
61
|
-
<TopBar.BrandLogo
|
|
71
|
+
<TopBar.BrandLogo
|
|
72
|
+
src={
|
|
73
|
+
'https://space-1.atomlearning.com/static/f61e49cfb245016e612a34818e27dcfb.svg'
|
|
74
|
+
}
|
|
75
|
+
/>
|
|
62
76
|
<TopBar.BrandName>Admin Panel</TopBar.BrandName>
|
|
63
77
|
</TopBar.Brand>
|
|
64
78
|
</TopBar>
|