@terraware/web-components 3.4.18 → 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.
- package/components/Tabs/index.d.ts +7 -5
- package/components/Tabs/index.d.ts.map +1 -1
- package/components/Tabs/index.js +17 -16
- package/components/TextTruncated/index.d.ts +1 -1
- package/components/TextTruncated/index.d.ts.map +1 -1
- package/components/TextTruncated/index.js +1 -1
- package/license-report.html +1 -1
- package/package.json +1 -1
- package/stories/Tabs.stories.d.ts +1 -1
@@ -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;
|
@@ -9,5 +9,5 @@ export interface Props {
|
|
9
9
|
showAllStyle?: Record<string, any>;
|
10
10
|
placeHolder?: React.ReactElement;
|
11
11
|
}
|
12
|
-
export default function TextTruncated(props: Props): JSX.Element;
|
12
|
+
export default function TextTruncated(props: Props): JSX.Element | null;
|
13
13
|
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextTruncated/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAmD5D,MAAM,WAAW,KAAK;IACpB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAClC;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextTruncated/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAmD5D,MAAM,WAAW,KAAK;IACpB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAClC;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAiGtE"}
|
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>;
|