@availity/mui-tabs 0.1.3 → 0.1.5
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 +12 -12
- package/dist/index.d.ts +2 -2
- package/dist/index.js +0 -4
- package/dist/index.mjs +0 -4
- package/package.json +4 -5
- package/src/lib/TabList.tsx +2 -9
- package/src/lib/Tabs.tsx +2 -10
package/CHANGELOG.md
CHANGED
|
@@ -2,34 +2,34 @@
|
|
|
2
2
|
|
|
3
3
|
This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
|
|
4
4
|
|
|
5
|
+
## [0.1.5](https://github.com/Availity/element/compare/@availity/mui-tabs@0.1.4...@availity/mui-tabs@0.1.5) (2023-11-07)
|
|
6
|
+
|
|
7
|
+
## [0.1.4](https://github.com/Availity/element/compare/@availity/mui-tabs@0.1.3...@availity/mui-tabs@0.1.4) (2023-10-06)
|
|
8
|
+
|
|
5
9
|
## [0.1.3](https://github.com/Availity/element/compare/@availity/mui-tabs@0.1.2...@availity/mui-tabs@0.1.3) (2023-08-23)
|
|
6
10
|
|
|
7
11
|
## [0.1.2](https://github.com/Availity/element/compare/@availity/mui-tabs@0.1.1...@availity/mui-tabs@0.1.2) (2023-08-22)
|
|
8
12
|
|
|
9
|
-
|
|
10
13
|
### Bug Fixes
|
|
11
14
|
|
|
12
|
-
|
|
15
|
+
- **mui-tabs:** export subcomponents ([f06759f](https://github.com/Availity/element/commit/f06759fa83a32aa8f7f549fa0011ab4fe183e77a))
|
|
13
16
|
|
|
14
17
|
## [0.1.1](https://github.com/Availity/element/compare/@availity/mui-tabs@0.1.0...@availity/mui-tabs@0.1.1) (2023-08-16)
|
|
15
18
|
|
|
16
|
-
|
|
17
19
|
### Bug Fixes
|
|
18
20
|
|
|
19
|
-
|
|
21
|
+
- **mui-tabs:** fix invalid ARIA attributes in Tab stories ([483b1ad](https://github.com/Availity/element/commit/483b1ad0fd30025cbce96e03dec0e496467f75ef))
|
|
20
22
|
|
|
21
23
|
## 0.1.0 (2023-07-14)
|
|
22
24
|
|
|
23
|
-
|
|
24
25
|
### Features
|
|
25
26
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
27
|
+
- **mui-tabs:** tab component initial commit ([8b20c7e](https://github.com/Availity/element/commit/8b20c7e6be1759a256f110be91f2113c011a8727))
|
|
28
|
+
- **mui-tabs:** tabcontext component initial commit ([9b52724](https://github.com/Availity/element/commit/9b52724abcc70aff355377fff3b81177df271441))
|
|
29
|
+
- **mui-tabs:** tablist component initial commit ([9c445a3](https://github.com/Availity/element/commit/9c445a3d963b5d52852e0a216d058c4e6d6e76b4))
|
|
30
|
+
- **mui-tabs:** tabpanel component initial commit ([d3af6d7](https://github.com/Availity/element/commit/d3af6d7ab1487b39f958e8f4ecbfe73d19cf86d9))
|
|
31
|
+
- **mui-tabs:** tabs component initial commit ([d4e7818](https://github.com/Availity/element/commit/d4e7818f4123d215e4cd0f5df475b5fb0eadc69a))
|
|
32
32
|
|
|
33
33
|
### Bug Fixes
|
|
34
34
|
|
|
35
|
-
|
|
35
|
+
- **mui-tabs:** disableRipple is not allowed on DOM elements ([ad0ada9](https://github.com/Availity/element/commit/ad0ada98922f339ec79cf64f081b54c34107c0b1))
|
package/dist/index.d.ts
CHANGED
|
@@ -9,7 +9,7 @@ interface TabContextProps extends TabContextProps$1 {
|
|
|
9
9
|
}
|
|
10
10
|
declare const TabContext: ({ children, ...rest }: TabContextProps) => JSX.Element;
|
|
11
11
|
|
|
12
|
-
interface TabListProps extends Omit<TabListProps$1, 'centered' | 'centerRipple' | '
|
|
12
|
+
interface TabListProps extends Omit<TabListProps$1, 'centered' | 'centerRipple' | 'focusRipple' | 'orientation' | 'TouchRippleProps' | 'touchRippleRef'> {
|
|
13
13
|
children?: React.ReactNode;
|
|
14
14
|
}
|
|
15
15
|
declare const TabList: ({ children, ...rest }: TabListProps) => JSX.Element;
|
|
@@ -19,7 +19,7 @@ interface TabPanelProps extends TabPanelProps$1 {
|
|
|
19
19
|
}
|
|
20
20
|
declare const TabPanel: ({ children, ...rest }: TabPanelProps) => JSX.Element;
|
|
21
21
|
|
|
22
|
-
interface TabsProps extends Omit<TabsProps$1, 'centered' | 'centerRipple' | '
|
|
22
|
+
interface TabsProps extends Omit<TabsProps$1, 'centered' | 'centerRipple' | 'focusRipple' | 'orientation' | 'TouchRippleProps' | 'touchRippleRef'> {
|
|
23
23
|
children?: React.ReactNode;
|
|
24
24
|
}
|
|
25
25
|
declare const Tabs: ({ children, ...rest }: TabsProps) => JSX.Element;
|
package/dist/index.js
CHANGED
|
@@ -56,8 +56,6 @@ var import_jsx_runtime = require("react/jsx-runtime");
|
|
|
56
56
|
var TabList = ({ children, ...rest }) => {
|
|
57
57
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lab2.TabList, {
|
|
58
58
|
...rest,
|
|
59
|
-
disableRipple: true,
|
|
60
|
-
disableTouchRipple: true,
|
|
61
59
|
orientation: "horizontal",
|
|
62
60
|
centered: false,
|
|
63
61
|
children
|
|
@@ -80,8 +78,6 @@ var import_jsx_runtime = require("react/jsx-runtime");
|
|
|
80
78
|
var Tabs = ({ children, ...rest }) => {
|
|
81
79
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material2.Tabs, {
|
|
82
80
|
...rest,
|
|
83
|
-
disableRipple: true,
|
|
84
|
-
disableTouchRipple: true,
|
|
85
81
|
orientation: "horizontal",
|
|
86
82
|
centered: false,
|
|
87
83
|
children
|
package/dist/index.mjs
CHANGED
|
@@ -26,8 +26,6 @@ import { jsx as jsx3 } from "react/jsx-runtime";
|
|
|
26
26
|
var TabList = ({ children, ...rest }) => {
|
|
27
27
|
return /* @__PURE__ */ jsx3(MuiTabList, {
|
|
28
28
|
...rest,
|
|
29
|
-
disableRipple: true,
|
|
30
|
-
disableTouchRipple: true,
|
|
31
29
|
orientation: "horizontal",
|
|
32
30
|
centered: false,
|
|
33
31
|
children
|
|
@@ -50,8 +48,6 @@ import { jsx as jsx5 } from "react/jsx-runtime";
|
|
|
50
48
|
var Tabs = ({ children, ...rest }) => {
|
|
51
49
|
return /* @__PURE__ */ jsx5(MuiTabs, {
|
|
52
50
|
...rest,
|
|
53
|
-
disableRipple: true,
|
|
54
|
-
disableTouchRipple: true,
|
|
55
51
|
orientation: "horizontal",
|
|
56
52
|
centered: false,
|
|
57
53
|
children
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@availity/mui-tabs",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.5",
|
|
4
4
|
"description": "Availity MUI Tabs Component - part of the @availity/element design system",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -28,16 +28,15 @@
|
|
|
28
28
|
"dev": "tsup src/index.ts --format esm,cjs --watch --dts",
|
|
29
29
|
"clean": "rm -rf dist",
|
|
30
30
|
"clean:nm": "rm -rf node_modules",
|
|
31
|
-
"bundlesize": "bundlesize",
|
|
32
31
|
"publish": "yarn npm publish --tolerate-republish --access public",
|
|
33
32
|
"publish:canary": "yarn npm publish --access public --tag canary"
|
|
34
33
|
},
|
|
35
34
|
"dependencies": {
|
|
36
|
-
"@mui/lab": "^5.0.0-alpha.
|
|
35
|
+
"@mui/lab": "^5.0.0-alpha.147"
|
|
37
36
|
},
|
|
38
37
|
"devDependencies": {
|
|
39
|
-
"@availity/mui-divider": "^0.3.
|
|
40
|
-
"@mui/material": "^5.
|
|
38
|
+
"@availity/mui-divider": "^0.3.3",
|
|
39
|
+
"@mui/material": "^5.14.12",
|
|
41
40
|
"react": "18.2.0",
|
|
42
41
|
"react-dom": "18.2.0",
|
|
43
42
|
"tsup": "^5.12.7",
|
package/src/lib/TabList.tsx
CHANGED
|
@@ -3,21 +3,14 @@ import { TabList as MuiTabList, TabListProps as MuiTabListProps } from '@mui/lab
|
|
|
3
3
|
export interface TabListProps
|
|
4
4
|
extends Omit<
|
|
5
5
|
MuiTabListProps,
|
|
6
|
-
| '
|
|
7
|
-
| 'centerRipple'
|
|
8
|
-
| 'disableRipple'
|
|
9
|
-
| 'disableTouchRipple'
|
|
10
|
-
| 'focusRipple'
|
|
11
|
-
| 'orientation'
|
|
12
|
-
| 'TouchRippleProps'
|
|
13
|
-
| 'touchRippleRef'
|
|
6
|
+
'centered' | 'centerRipple' | 'focusRipple' | 'orientation' | 'TouchRippleProps' | 'touchRippleRef'
|
|
14
7
|
> {
|
|
15
8
|
children?: React.ReactNode;
|
|
16
9
|
}
|
|
17
10
|
|
|
18
11
|
export const TabList = ({ children, ...rest }: TabListProps): JSX.Element => {
|
|
19
12
|
return (
|
|
20
|
-
<MuiTabList {...rest}
|
|
13
|
+
<MuiTabList {...rest} orientation="horizontal" centered={false}>
|
|
21
14
|
{children}
|
|
22
15
|
</MuiTabList>
|
|
23
16
|
);
|
package/src/lib/Tabs.tsx
CHANGED
|
@@ -3,22 +3,14 @@ import { Tabs as MuiTabs, TabsProps as MuiTabsProps } from '@mui/material';
|
|
|
3
3
|
export interface TabsProps
|
|
4
4
|
extends Omit<
|
|
5
5
|
MuiTabsProps,
|
|
6
|
-
| '
|
|
7
|
-
| 'centerRipple'
|
|
8
|
-
| 'disableFocusRipple'
|
|
9
|
-
| 'disableRipple'
|
|
10
|
-
| 'disableTouchRipple'
|
|
11
|
-
| 'focusRipple'
|
|
12
|
-
| 'orientation'
|
|
13
|
-
| 'TouchRippleProps'
|
|
14
|
-
| 'touchRippleRef'
|
|
6
|
+
'centered' | 'centerRipple' | 'focusRipple' | 'orientation' | 'TouchRippleProps' | 'touchRippleRef'
|
|
15
7
|
> {
|
|
16
8
|
children?: React.ReactNode;
|
|
17
9
|
}
|
|
18
10
|
|
|
19
11
|
export const Tabs = ({ children, ...rest }: TabsProps): JSX.Element => {
|
|
20
12
|
return (
|
|
21
|
-
<MuiTabs {...rest}
|
|
13
|
+
<MuiTabs {...rest} orientation="horizontal" centered={false}>
|
|
22
14
|
{children}
|
|
23
15
|
</MuiTabs>
|
|
24
16
|
);
|