@availity/mui-empty-state 0.1.0 → 0.1.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 +10 -3
- package/package.json +1 -1
- package/src/lib/EmptyState.stories.tsx +24 -2
package/CHANGELOG.md
CHANGED
|
@@ -2,13 +2,20 @@
|
|
|
2
2
|
|
|
3
3
|
This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
|
|
4
4
|
|
|
5
|
+
## [0.1.1](https://github.com/Availity/element/compare/@availity/mui-empty-state@0.1.0...@availity/mui-empty-state@0.1.1) (2023-12-27)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* **mui-block-ui:** merge main branch ([8ec0ca6](https://github.com/Availity/element/commit/8ec0ca617a5b279f3657122e2c7c6b20281e3ebc))
|
|
11
|
+
|
|
5
12
|
## 0.1.0 (2023-12-19)
|
|
6
13
|
|
|
7
14
|
### Dependency Updates
|
|
8
15
|
|
|
9
|
-
|
|
10
|
-
|
|
16
|
+
- `mui-layout` updated to version `0.1.3`
|
|
17
|
+
- `mui-link` updated to version `0.2.4`
|
|
11
18
|
|
|
12
19
|
### Features
|
|
13
20
|
|
|
14
|
-
|
|
21
|
+
- **mui-empty-state:** add EmptyState package ([59e8641](https://github.com/Availity/element/commit/59e86418686355fe11a97e63b8e16501d1f01a6c))
|
package/package.json
CHANGED
|
@@ -1,12 +1,33 @@
|
|
|
1
1
|
// Each exported component in the package should have its own stories file
|
|
2
2
|
|
|
3
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
import type { Meta, StoryObj, Decorator } from '@storybook/react';
|
|
4
4
|
import { Box, Button, List, ListItem, Typography } from '@mui/material';
|
|
5
|
+
import { visuallyHidden } from '@mui/utils';
|
|
5
6
|
import { Link } from '@availity/mui-link';
|
|
6
7
|
import { EmptyState, EmptyStateProps } from './EmptyState';
|
|
7
8
|
import { SystemPropsList } from '../../../../data/MuiSystemProperties';
|
|
8
9
|
|
|
9
|
-
/**
|
|
10
|
+
/** Remove 508 warning of Heading Level Jump while leaving Story heading levels realistic */
|
|
11
|
+
const HeadingLevelDecorator: Decorator = (Story, context) => (
|
|
12
|
+
<>
|
|
13
|
+
{context.viewMode !== 'docs' ? (
|
|
14
|
+
<>
|
|
15
|
+
<Typography variant="h1" sx={visuallyHidden}>
|
|
16
|
+
Component: Empty State
|
|
17
|
+
</Typography>
|
|
18
|
+
<Typography variant="h2" sx={visuallyHidden}>
|
|
19
|
+
Story: {context.name}
|
|
20
|
+
</Typography>
|
|
21
|
+
</>
|
|
22
|
+
) : null}
|
|
23
|
+
<Story />
|
|
24
|
+
</>
|
|
25
|
+
);
|
|
26
|
+
|
|
27
|
+
/** Built on top of the `Stack` component, `EmptyState` will add the desired spacing to every direct descendant.
|
|
28
|
+
*
|
|
29
|
+
* _Accessibility Note: Check the appropriate heading level needed for your usage to not create a heading jump._
|
|
30
|
+
*/
|
|
10
31
|
export default {
|
|
11
32
|
title: 'Components/EmptyState/EmptyState',
|
|
12
33
|
component: EmptyState,
|
|
@@ -14,6 +35,7 @@ export default {
|
|
|
14
35
|
args: {
|
|
15
36
|
variant: 'NoSearchFound',
|
|
16
37
|
},
|
|
38
|
+
decorators: [HeadingLevelDecorator],
|
|
17
39
|
parameters: {
|
|
18
40
|
docs: {
|
|
19
41
|
controls: {
|