@terraware/web-components 2.3.51 → 2.3.52

package/components/Tabs/index.d.ts

@@ -6,7 +6,9 @@ export type Tab = {
 };
 export type TabsProps = {
     tabs: Tab[];
+    onTabChange?: (tab: string) => void;
+    activeTab?: string;
 };
-declare const Tabs: ({ tabs }: TabsProps) => JSX.Element;
+declare const Tabs: ({ tabs, onTabChange, activeTab }: TabsProps) => JSX.Element;
 export default Tabs;
 //# sourceMappingURL=index.d.ts.map

package/components/Tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,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;CACb,CAAC;AAEF,QAAA,MAAM,IAAI,aAAc,SAAS,KAAG,WAuDnC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"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

@@ -12,9 +12,11 @@ var _lab = require("@mui/lab");
 var _material = require("@mui/material");
 var _utils = require("../../utils");
 var Tabs = function Tabs(_ref) {
-  var _tabs$0$label;
-  var tabs = _ref.tabs;
-  var _useState = (0, _react.useState)((_tabs$0$label = tabs[0].label) !== null && _tabs$0$label !== void 0 ? _tabs$0$label : ''),
+  var _ref2, _tabs$;
+  var tabs = _ref.tabs,
+    onTabChange = _ref.onTabChange,
+    activeTab = _ref.activeTab;
+  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 : ''),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     selectedTab = _useState2[0],
     setSelectedTab = _useState2[1];
@@ -39,6 +41,18 @@ var Tabs = function Tabs(_ref) {
   var tabPanelStyles = {
     padding: 0
   };
+  var setTab = function setTab(tab) {
+    if (onTabChange) {
+      onTabChange(tab);
+    } else {
+      setSelectedTab(tab);
+    }
+  };
+  (0, _react.useEffect)(function () {
+    if (activeTab !== undefined) {
+      setSelectedTab(activeTab);
+    }
+  }, [activeTab]);
   return /*#__PURE__*/_react.default.createElement(_material.Box, {
     sx: {
       width: '100%'
@@ -53,7 +67,7 @@ var Tabs = function Tabs(_ref) {
       minHeight: theme.spacing(4.5)
     },
     onChange: function onChange(unused, value) {
-      return setSelectedTab(value);
+      return setTab(value);
     },
     TabIndicatorProps: {
       style: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@terraware/web-components",
-  "version": "2.3.51",
+  "version": "2.3.52",
   "author": "Terraformation Inc.",
   "license": "Apache-2.0",
   "repository": {

package/stories/Tabs.stories.d.ts

@@ -1,8 +1,9 @@
 import { TabsProps } from '../components/Tabs';
 declare const _default: {
     title: string;
-    component: ({ tabs }: TabsProps) => JSX.Element;
+    component: ({ tabs, onTabChange, activeTab }: TabsProps) => JSX.Element;
 };
 export default _default;
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TabsProps>;
+export declare const OverrideActiveTab: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TabsProps>;
 //# sourceMappingURL=Tabs.stories.d.ts.map

package/stories/Tabs.stories.d.ts.map

@@ -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;AAMF,eAAO,MAAM,OAAO,0GAAoB,CAAC"}
+{"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"}