@atom-learning/components 2.26.0-beta.1 → 2.26.0
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 +209 -0
- package/dist/components/data-table/DataTableContext.d.ts +1 -3
- package/dist/components/data-table/DataTableContext.js +1 -1
- package/dist/components/empty-state/EmptyStateBody.js +1 -1
- package/dist/components/empty-state/EmptyStateImage.d.ts +2 -275
- package/dist/components/empty-state/EmptyStateImage.js +1 -1
- package/dist/components/empty-state/EmptyStateTitle.js +1 -1
- package/dist/components/image/Image.d.ts +1 -3
- package/dist/components/image/Image.js +1 -1
- package/dist/docgen.json +1 -1
- package/dist/docs/Avatar.mdx +1 -1
- package/dist/docs/ChipDismissibleGroup.mdx +1 -1
- package/dist/docs/ChipToggleGroup.mdx +1 -1
- package/dist/docs/DataTable.mdx +2 -0
- package/dist/docs/Dismissible.mdx +1 -1
- package/dist/docs/DismissibleGroup.mdx +1 -1
- package/dist/docs/EmptyState.mdx +3 -6
- package/dist/docs/Tabs.mdx +1 -1
- package/dist/docs/Toast.mdx +1 -0
- package/dist/docs/ToggleGroup.mdx +1 -1
- package/dist/index.cjs.js +1 -1
- package/package.json +3 -2
package/dist/docs/Avatar.mdx
CHANGED
package/dist/docs/DataTable.mdx
CHANGED
|
@@ -77,6 +77,8 @@ If you need more flexibility than the default implementations provide, you can r
|
|
|
77
77
|
|
|
78
78
|
Note also that `useDataTable` can only be called by a child component of `DataTable`. In a real example, you'll probably have a separate named component which makes the `useDataTable` call, because if you're not using the defaults as above then you probably have some complex logic involved. In this example we've got an inline child component for simplicity.
|
|
79
79
|
|
|
80
|
+
Note that if you update the value of the `data` prop, it will reset the state of the table. This is useful if you are manipulating the data outside the context of the table.
|
|
81
|
+
|
|
80
82
|
```tsx
|
|
81
83
|
<DataTable columns={columns} data={data}>
|
|
82
84
|
{() => {
|
package/dist/docs/EmptyState.mdx
CHANGED
|
@@ -9,12 +9,9 @@ category: Content
|
|
|
9
9
|
The message can include Title and/or Body and sometimes they appear together with an illustration and actionable buttons.
|
|
10
10
|
There are 5 different size variants of `EmptyState` ( 'xs', 'sm', 'md', 'lg' and 'xl').
|
|
11
11
|
|
|
12
|
-
```jsx preview
|
|
13
|
-
<EmptyState size="
|
|
14
|
-
<EmptyState.Image
|
|
15
|
-
src="https://app.atomlearning.com/dist/29a378dc127c669808f2.svg"
|
|
16
|
-
alt=""
|
|
17
|
-
/>
|
|
12
|
+
```jsx preview
|
|
13
|
+
<EmptyState size="sm">
|
|
14
|
+
<EmptyState.Image src="https://app.atomlearning.com/dist/29a378dc127c669808f2.svg" alt="" />
|
|
18
15
|
<EmptyState.Title>No users found!</EmptyState.Title>
|
|
19
16
|
<EmptyState.Body>
|
|
20
17
|
You need to add some users before you can use this feature
|
package/dist/docs/Tabs.mdx
CHANGED
package/dist/docs/Toast.mdx
CHANGED