@terraware/web-components 3.4.19 → 3.4.20
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.
|
@@ -1,17 +1,19 @@
|
|
|
1
|
+
import { SxProps, Theme } from '@mui/material';
|
|
1
2
|
import React from 'react';
|
|
2
3
|
import { IconName } from '../Icon/icons';
|
|
3
4
|
export type Tab = {
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
disabled?: boolean;
|
|
4
7
|
icon?: IconName;
|
|
5
8
|
id: string;
|
|
6
9
|
label: string;
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
disabled?: boolean;
|
|
9
10
|
};
|
|
10
11
|
export type TabsProps = {
|
|
11
|
-
tabs: Tab[];
|
|
12
|
-
onTabChange?: (tab: string) => void;
|
|
13
12
|
activeTab?: string;
|
|
13
|
+
onTabChange?: (tab: string) => void;
|
|
14
|
+
tabs: Tab[];
|
|
15
|
+
tabStyle?: SxProps<Theme>;
|
|
14
16
|
};
|
|
15
|
-
declare const Tabs: ({
|
|
17
|
+
declare const Tabs: ({ activeTab, onTabChange, tabs, tabStyle }: TabsProps) => JSX.Element;
|
|
16
18
|
export default Tabs;
|
|
17
19
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsB,OAAO,EAAE,KAAK,EAAY,MAAM,eAAe,CAAC;AAC7E,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,GAAG,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,IAAI,+CAAgD,SAAS,KAAG,WAgGrE,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/components/Tabs/index.js
CHANGED
|
@@ -6,30 +6,31 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.default = void 0;
|
|
9
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
10
9
|
var _lab = require("@mui/lab");
|
|
11
10
|
var _material = require("@mui/material");
|
|
11
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _utils = require("../../utils");
|
|
13
13
|
var _Icon = _interopRequireDefault(require("../Icon/Icon"));
|
|
14
14
|
const Tabs = _ref => {
|
|
15
15
|
var _ref2, _tabs$;
|
|
16
16
|
let {
|
|
17
|
-
|
|
17
|
+
activeTab,
|
|
18
18
|
onTabChange,
|
|
19
|
-
|
|
19
|
+
tabs,
|
|
20
|
+
tabStyle
|
|
20
21
|
} = _ref;
|
|
21
22
|
const [selectedTab, setSelectedTab] = (0, _react.useState)((_ref2 = activeTab !== null && activeTab !== void 0 ? activeTab : (_tabs$ = tabs[0]) === null || _tabs$ === void 0 ? void 0 : _tabs$.id) !== null && _ref2 !== void 0 ? _ref2 : '');
|
|
22
23
|
const theme = (0, _material.useTheme)();
|
|
23
24
|
const {
|
|
24
25
|
isMobile
|
|
25
26
|
} = (0, _utils.useDeviceInfo)();
|
|
26
|
-
const tabStyles = {
|
|
27
|
+
const tabStyles = [{
|
|
27
28
|
color: theme.palette.TwClrTxtSecondary,
|
|
28
29
|
fontSize: '16px',
|
|
29
30
|
fontWeight: 600,
|
|
30
31
|
lineHeight: '24px',
|
|
31
|
-
padding: theme.spacing(1, 2),
|
|
32
32
|
minHeight: theme.spacing(4.5),
|
|
33
|
+
padding: theme.spacing(1, 2),
|
|
33
34
|
textTransform: 'capitalize',
|
|
34
35
|
'&:hover': {
|
|
35
36
|
backgroundColor: theme.palette.TwClrBgHover
|
|
@@ -38,9 +39,9 @@ const Tabs = _ref => {
|
|
|
38
39
|
color: theme.palette.TwClrTxtBrand
|
|
39
40
|
},
|
|
40
41
|
'&.MuiTab-labelIcon': {
|
|
42
|
+
alignItems: 'center',
|
|
41
43
|
display: 'flex',
|
|
42
|
-
flexDirection: 'row'
|
|
43
|
-
alignItems: 'center'
|
|
44
|
+
flexDirection: 'row'
|
|
44
45
|
},
|
|
45
46
|
'& .MuiTab-iconWrapper': {
|
|
46
47
|
fill: theme.palette.TwClrIcnSecondary,
|
|
@@ -50,7 +51,7 @@ const Tabs = _ref => {
|
|
|
50
51
|
'&.Mui-selected .MuiTab-iconWrapper': {
|
|
51
52
|
fill: theme.palette.TwClrIcnBrand
|
|
52
53
|
}
|
|
53
|
-
};
|
|
54
|
+
}, ...(Array.isArray(tabStyle) ? tabStyle : [tabStyle])];
|
|
54
55
|
const tabHeaderProps = {
|
|
55
56
|
borderBottom: 1,
|
|
56
57
|
borderColor: 'divider',
|
|
@@ -80,30 +81,30 @@ const Tabs = _ref => {
|
|
|
80
81
|
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
|
81
82
|
sx: tabHeaderProps
|
|
82
83
|
}, /*#__PURE__*/_react.default.createElement(_lab.TabList, {
|
|
83
|
-
|
|
84
|
+
onChange: (unused, value) => setTab(value),
|
|
84
85
|
sx: {
|
|
85
86
|
minHeight: theme.spacing(4.5)
|
|
86
87
|
},
|
|
87
|
-
onChange: (unused, value) => setTab(value),
|
|
88
88
|
TabIndicatorProps: {
|
|
89
89
|
style: {
|
|
90
90
|
background: theme.palette.TwClrBgBrand,
|
|
91
91
|
height: '4px'
|
|
92
92
|
}
|
|
93
|
-
}
|
|
93
|
+
},
|
|
94
|
+
variant: "scrollable"
|
|
94
95
|
}, tabs.map((tab, index) => /*#__PURE__*/_react.default.createElement(_material.Tab, {
|
|
96
|
+
disabled: tab.disabled,
|
|
95
97
|
icon: tab.icon ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
|
|
96
98
|
name: tab.icon
|
|
97
99
|
}) : undefined,
|
|
100
|
+
key: index,
|
|
98
101
|
label: tab.label,
|
|
99
|
-
value: tab.id,
|
|
100
102
|
sx: tabStyles,
|
|
101
|
-
|
|
102
|
-
disabled: tab.disabled
|
|
103
|
+
value: tab.id
|
|
103
104
|
})))), tabs.map((tab, index) => /*#__PURE__*/_react.default.createElement(_lab.TabPanel, {
|
|
104
|
-
value: tab.id,
|
|
105
105
|
key: index,
|
|
106
|
-
sx: tabPanelStyles
|
|
106
|
+
sx: tabPanelStyles,
|
|
107
|
+
value: tab.id
|
|
107
108
|
}, tab.children))));
|
|
108
109
|
};
|
|
109
110
|
var _default = exports.default = Tabs;
|
package/license-report.html
CHANGED
|
@@ -45,6 +45,6 @@ th, td {
|
|
|
45
45
|
padding: 15px;
|
|
46
46
|
}
|
|
47
47
|
</style>
|
|
48
|
-
<table><thead><tr><th class="string">department</th><th class="string">related to</th><th class="string">name</th><th class="string">license period</th><th class="string">material / not material</th><th class="string">license type</th><th class="string">link</th><th class="string">remote version</th><th class="string">installed version</th><th class="string">defined version</th><th class="string">author</th></tr></thead><tbody><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@dnd-kit/core</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">6.3.1</td><td class="string">6.1.0</td><td class="string">^6.0.7</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@dnd-kit/sortable</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">7.0.2</td><td class="string">7.0.2</td><td class="string">^7.0.2</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@emotion/react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.14.0</td><td class="string">11.11.4</td><td class="string">^11.11.3</td><td class="string">Emotion Contributors</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@emotion/styled</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.14.0</td><td class="string">11.11.5</td><td class="string">^11.11.3</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/icons-material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.17.1</td><td class="string">5.15.18</td><td class="string">^5.15.3</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/lab</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.0.0-alpha.176</td><td class="string">5.0.0-alpha.170</td><td class="string">^5.0.0-alpha.159</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.17.1</td><td class="string">5.15.18</td><td class="string">^5.15.15</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/styles</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.17.1</td><td class="string">5.15.18</td><td class="string">^5.15.15</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/x-date-pickers</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/mui-x.git</td><td class="string">7.
|
|
48
|
+
<table><thead><tr><th class="string">department</th><th class="string">related to</th><th class="string">name</th><th class="string">license period</th><th class="string">material / not material</th><th class="string">license type</th><th class="string">link</th><th class="string">remote version</th><th class="string">installed version</th><th class="string">defined version</th><th class="string">author</th></tr></thead><tbody><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@dnd-kit/core</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">6.3.1</td><td class="string">6.1.0</td><td class="string">^6.0.7</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@dnd-kit/sortable</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">7.0.2</td><td class="string">7.0.2</td><td class="string">^7.0.2</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@emotion/react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.14.0</td><td class="string">11.11.4</td><td class="string">^11.11.3</td><td class="string">Emotion Contributors</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@emotion/styled</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.14.0</td><td class="string">11.11.5</td><td class="string">^11.11.3</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/icons-material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.17.1</td><td class="string">5.15.18</td><td class="string">^5.15.3</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/lab</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.0.0-alpha.176</td><td class="string">5.0.0-alpha.170</td><td class="string">^5.0.0-alpha.159</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.17.1</td><td class="string">5.15.18</td><td class="string">^5.15.15</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/styles</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.17.1</td><td class="string">5.15.18</td><td class="string">^5.15.15</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/x-date-pickers</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/mui-x.git</td><td class="string">7.29.1</td><td class="string">7.22.0</td><td class="string">^7.22.0</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">classnames</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/JedWatson/classnames.git</td><td class="string">2.5.1</td><td class="string">2.5.1</td><td class="string">^2.3.2</td><td class="string">Jed Watson</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">luxon</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/luxon.git</td><td class="string">3.6.1</td><td class="string">3.4.4</td><td class="string">^3.3.0</td><td class="string">Isaac Cambron</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">18.3.1</td><td class="string">18.3.1</td><td class="string">^18.2.0</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-dom</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">18.3.1</td><td class="string">18.3.1</td><td class="string">^18.2.0</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-intersection-observer</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/thebuilder/react-intersection-observer.git</td><td class="string">9.16.0</td><td class="string">9.10.2</td><td class="string">^9.5.2</td><td class="string">Daniel Schmidt</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-multi-carousel</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/YIZHUANG/react-multi-carousel.git</td><td class="string">2.8.6</td><td class="string">2.8.5</td><td class="string">^2.8.2</td><td class="string">YI ZHUANG https://github.com/YIZHUANG</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-responsive</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git://github.com/contra/react-responsive.git</td><td class="string">9.0.2</td><td class="string">9.0.2</td><td class="string">^9.0.2</td><td class="string">Contra <yo@contra.io> (https://contra.io)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-sortable-hoc</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/react-sortable-hoc.git</td><td class="string">2.0.0</td><td class="string">2.0.0</td><td class="string">^2.0.0</td><td class="string">Clauderic Demers me@ced.io</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">sass</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/sass/dart-sass.git</td><td class="string">1.87.0</td><td class="string">1.77.2</td><td class="string">^1.75.0</td><td class="string">Natalie Weizenbaum nweiz@google.com https://github.com/nex3</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">tinycolor2</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/bgrins/TinyColor.git</td><td class="string">1.6.0</td><td class="string">1.6.0</td><td class="string">^1.6.0</td><td class="string">Brian Grinstead <briangrinstead@gmail.com> (http://briangrinstead.com)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">tslint</td><td class="string">perpetual</td><td class="string">material</td><td class="string">Apache-2.0</td><td class="string">https://github.com/palantir/tslint.git</td><td class="string">6.1.3</td><td class="string">6.1.3</td><td class="string">^6.1.3</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">web-vitals</td><td class="string">perpetual</td><td class="string">material</td><td class="string">Apache-2.0</td><td class="string">git+https://github.com/GoogleChrome/web-vitals.git</td><td class="string">3.5.2</td><td class="string">3.5.2</td><td class="string">^3.5.2</td><td class="string">Philip Walton philip@philipwalton.com http://philipwalton.com</td></tr></tbody></table>
|
|
49
49
|
</body>
|
|
50
50
|
</html>
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { TabsProps } from '../components/Tabs';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({
|
|
5
|
+
component: ({ activeTab, onTabChange, tabs, tabStyle }: TabsProps) => JSX.Element;
|
|
6
6
|
};
|
|
7
7
|
export default _default;
|
|
8
8
|
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TabsProps>;
|