@terraware/web-components 2.3.50 → 2.3.52
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 +3 -1
- package/components/Tabs/index.d.ts.map +1 -1
- package/components/Tabs/index.js +18 -4
- package/index.d.ts +3 -1
- package/index.d.ts.map +1 -1
- package/index.js +7 -0
- package/package.json +1 -1
- package/stories/Tabs.stories.d.ts +2 -1
- package/stories/Tabs.stories.d.ts.map +1 -1
|
@@ -6,7 +6,9 @@ export type Tab = {
|
|
|
6
6
|
};
|
|
7
7
|
export type TabsProps = {
|
|
8
8
|
tabs: Tab[];
|
|
9
|
+
onTabChange?: (tab: string) => void;
|
|
10
|
+
activeTab?: string;
|
|
9
11
|
};
|
|
10
|
-
declare const Tabs: ({ tabs }: TabsProps) => JSX.Element;
|
|
12
|
+
declare const Tabs: ({ tabs, onTabChange, activeTab }: TabsProps) => JSX.Element;
|
|
11
13
|
export default Tabs;
|
|
12
14
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,MAAM,MAAM,GAAG,GAAG;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,IAAI,qCAAsC,SAAS,KAAG,WAqE3D,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/components/Tabs/index.js
CHANGED
|
@@ -12,9 +12,11 @@ var _lab = require("@mui/lab");
|
|
|
12
12
|
var _material = require("@mui/material");
|
|
13
13
|
var _utils = require("../../utils");
|
|
14
14
|
var Tabs = function Tabs(_ref) {
|
|
15
|
-
var _tabs
|
|
16
|
-
var tabs = _ref.tabs
|
|
17
|
-
|
|
15
|
+
var _ref2, _tabs$;
|
|
16
|
+
var tabs = _ref.tabs,
|
|
17
|
+
onTabChange = _ref.onTabChange,
|
|
18
|
+
activeTab = _ref.activeTab;
|
|
19
|
+
var _useState = (0, _react.useState)((_ref2 = activeTab !== null && activeTab !== void 0 ? activeTab : (_tabs$ = tabs[0]) === null || _tabs$ === void 0 ? void 0 : _tabs$.label) !== null && _ref2 !== void 0 ? _ref2 : ''),
|
|
18
20
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
19
21
|
selectedTab = _useState2[0],
|
|
20
22
|
setSelectedTab = _useState2[1];
|
|
@@ -39,6 +41,18 @@ var Tabs = function Tabs(_ref) {
|
|
|
39
41
|
var tabPanelStyles = {
|
|
40
42
|
padding: 0
|
|
41
43
|
};
|
|
44
|
+
var setTab = function setTab(tab) {
|
|
45
|
+
if (onTabChange) {
|
|
46
|
+
onTabChange(tab);
|
|
47
|
+
} else {
|
|
48
|
+
setSelectedTab(tab);
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
(0, _react.useEffect)(function () {
|
|
52
|
+
if (activeTab !== undefined) {
|
|
53
|
+
setSelectedTab(activeTab);
|
|
54
|
+
}
|
|
55
|
+
}, [activeTab]);
|
|
42
56
|
return /*#__PURE__*/_react.default.createElement(_material.Box, {
|
|
43
57
|
sx: {
|
|
44
58
|
width: '100%'
|
|
@@ -53,7 +67,7 @@ var Tabs = function Tabs(_ref) {
|
|
|
53
67
|
minHeight: theme.spacing(4.5)
|
|
54
68
|
},
|
|
55
69
|
onChange: function onChange(unused, value) {
|
|
56
|
-
return
|
|
70
|
+
return setTab(value);
|
|
57
71
|
},
|
|
58
72
|
TabIndicatorProps: {
|
|
59
73
|
style: {
|
package/index.d.ts
CHANGED
|
@@ -33,6 +33,7 @@ import SummaryBox from './components/SummaryBox';
|
|
|
33
33
|
import Textfield from './components/Textfield/Textfield';
|
|
34
34
|
import TextTruncated from './components/TextTruncated';
|
|
35
35
|
import Table from './components/table';
|
|
36
|
+
import Tabs from './components/Tabs';
|
|
36
37
|
import { descendingComparator, getComparator, SortOrder, stableSort } from './components/table/sort';
|
|
37
38
|
import CellRenderer, { CellDateRenderer, TableRowType } from './components/table/TableCellRenderer';
|
|
38
39
|
import { EnhancedTableDetailsRow, RendererProps, TableColumnType } from './components/table/types';
|
|
@@ -50,5 +51,6 @@ export type { FormButton } from './components/FormBottomBar';
|
|
|
50
51
|
export type { PhotoChooserErrorType, PhotoChooserProps } from './components/PhotoChooser';
|
|
51
52
|
export type { PhotoItem } from './components/ViewPhotosDialog';
|
|
52
53
|
export type { SliderMark } from './components/Slider';
|
|
53
|
-
export {
|
|
54
|
+
export type { Tab, TabsProps } from './components/Tabs';
|
|
55
|
+
export { Autocomplete, BusySpinner, Button, CellRenderer, CellDateRenderer, Checkbox, DatePicker, descendingComparator, DialogBox, Divisor, Dropdown, DropdownV1, ErrorBox, FormBottomBar, getComparator, icons, Icon, IconTooltip, Message, MultiSelect, NavFooter, NavItem, NavSection, Navbar, Note, PageForm, Pill, PillList, PhotoChooser, Popover, PopoverMenu, PopoverMultiSelect, ProgressCircle, RadioButton, Select, SelectT, Slider, stableSort, SummaryBox, Svg, Table, Tabs, Textfield, TextTruncated, theme, Tooltip, ViewPhotosDialog };
|
|
54
56
|
//# sourceMappingURL=index.d.ts.map
|
package/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAClE,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAC5D,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,QAAQ,EAAE,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,QAAQ,MAAM,gCAAgC,CAAC;AACtD,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,KAAK,MAAM,yBAAyB,CAAC;AAC5C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,SAAS,MAAM,+BAA+B,CAAC;AACtD,OAAO,OAAO,MAAM,6BAA6B,CAAC;AAClD,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,OAAO,MAAM,kCAAkC,CAAC;AACvD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,kBAAkB,MAAM,iCAAiC,CAAC;AACjE,OAAO,cAAc,MAAM,4CAA4C,CAAC;AACxE,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,OAAO,MAAM,6BAA6B,CAAC;AAClD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrG,OAAO,YAAY,EAAE,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpG,OAAO,EAAE,uBAAuB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACnG,OAAO,KAAK,GAAG,MAAM,kBAAkB,CAAC;AACxC,OAAO,OAAO,MAAM,8BAA8B,CAAC;AACnD,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,OAAO,MAAM,8BAA8B,CAAC;AACnD,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAE7D,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACzD,YAAY,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,YAAY,EAAE,uBAAuB,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;AACjG,YAAY,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC7D,YAAY,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC1F,YAAY,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC/D,YAAY,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/index.js
CHANGED
|
@@ -222,6 +222,12 @@ Object.defineProperty(exports, "Table", {
|
|
|
222
222
|
return _table.default;
|
|
223
223
|
}
|
|
224
224
|
});
|
|
225
|
+
Object.defineProperty(exports, "Tabs", {
|
|
226
|
+
enumerable: true,
|
|
227
|
+
get: function get() {
|
|
228
|
+
return _Tabs.default;
|
|
229
|
+
}
|
|
230
|
+
});
|
|
225
231
|
Object.defineProperty(exports, "TextTruncated", {
|
|
226
232
|
enumerable: true,
|
|
227
233
|
get: function get() {
|
|
@@ -311,6 +317,7 @@ var _SummaryBox = _interopRequireDefault(require("./components/SummaryBox"));
|
|
|
311
317
|
var _Textfield = _interopRequireDefault(require("./components/Textfield/Textfield"));
|
|
312
318
|
var _TextTruncated = _interopRequireDefault(require("./components/TextTruncated"));
|
|
313
319
|
var _table = _interopRequireDefault(require("./components/table"));
|
|
320
|
+
var _Tabs = _interopRequireDefault(require("./components/Tabs"));
|
|
314
321
|
var _sort = require("./components/table/sort");
|
|
315
322
|
var _TableCellRenderer = _interopRequireWildcard(require("./components/table/TableCellRenderer"));
|
|
316
323
|
var Svg = _interopRequireWildcard(require("./components/svg"));
|
package/package.json
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { TabsProps } from '../components/Tabs';
|
|
2
2
|
declare const _default: {
|
|
3
3
|
title: string;
|
|
4
|
-
component: ({ tabs }: TabsProps) => JSX.Element;
|
|
4
|
+
component: ({ tabs, onTabChange, activeTab }: TabsProps) => JSX.Element;
|
|
5
5
|
};
|
|
6
6
|
export default _default;
|
|
7
7
|
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TabsProps>;
|
|
8
|
+
export declare const OverrideActiveTab: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TabsProps>;
|
|
8
9
|
//# sourceMappingURL=Tabs.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Tabs.stories.tsx"],"names":[],"mappings":"AAEA,OAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;;;;;AAErD,wBAGE;
|
|
1
|
+
{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Tabs.stories.tsx"],"names":[],"mappings":"AAEA,OAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;;;;;AAErD,wBAGE;AAoBF,eAAO,MAAM,OAAO,0GAAoB,CAAC;AASzC,eAAO,MAAM,iBAAiB,0GAA4B,CAAC"}
|