@moda/om 18.5.0 → 19.1.0

package/dist/index.esm.js

@@ -11451,21 +11451,25 @@ var Tag = function Tag(_ref) {
   }, /*#__PURE__*/React__default.createElement(Exit16, null)));
 };
 
-var _excluded$4 = ["tabs", "onTabClicked", "activeTab", "className"];
+var _excluded$4 = ["tabs", "onTabClicked", "defaultActiveTab", "activeTab", "className"];
 var Tabs = function Tabs(_ref) {
   var tabs = _ref.tabs,
     onTabClicked = _ref.onTabClicked,
+    defaultActiveTab = _ref.defaultActiveTab,
     activeTab = _ref.activeTab,
     className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded$4);
-  var _useState = useState(activeTab || tabs[0].name),
+  var _useState = useState(activeTab || defaultActiveTab || tabs[0].name),
     _useState2 = _slicedToArray(_useState, 2),
     activePanel = _useState2[0],
     setActivePanel = _useState2[1];
   var handleTabClick = function handleTabClick(tabName) {
-    setActivePanel(tabName);
+    if (!activeTab) setActivePanel(tabName);
     if (onTabClicked) onTabClicked(tabName);
   };
+  useEffect(function () {
+    if (activeTab) setActivePanel(activeTab);
+  }, [activeTab]);
   return /*#__PURE__*/React__default.createElement("div", _extends$1({
     className: classNames('Tabs', className)
   }, rest), /*#__PURE__*/React__default.createElement(TabList, {
@@ -11670,4 +11674,4 @@ var Utilities = {
   States: States
 };
 
-export { ArcWindow, AspectRatioBox, Badge, Bradley, Brancusi, Breadcrumb, Breadcrumbs, Breakpoint, BreakpointContext, BreakpointProvider, Button, Checkbox, Circle, Clickable, ColorSwatch, Constrain, ControlLink, CreditCardNumberInput, DEFAULT_PRODUCT_ASPECT_HEIGHT, DEFAULT_PRODUCT_ASPECT_RATIO, DEFAULT_PRODUCT_ASPECT_WIDTH, DefinitionList, Diamond, Divider, ExceedConstrain, Expandable, Field, FocusOn, Field as Input, Keyhole, Label, Loading, LoadingBalls, LoadingShapes, Mirror, Modal, ModalOverlay, MultiSelect, NavigationPreventer, NoLineDivider, Oval, Overlay, POPOVER_MOUSEOUT_DELAY_MS, Paginator, PasswordInput, Popover, PromoBanner, RadioButton, SKU_COLORS, SearchInput, Select, SelectableButton, SlidingPane, Stack, Tab, TabList, TabPanel, TabPanels, Tabs, Tag, Text, TextInput, Textarea, Toast, Triangle, TwoLineDivider, UNMOUNT_DELAY_MS, Utilities, VerticalDivider, Window, discriminate, tokens, useBreakpoint, useClickOutside, useKeyboardListNavigation, useUpdateEffect };
+export { ArcWindow, AspectRatioBox, Badge, Bradley, Brancusi, Breadcrumb, Breadcrumbs, Breakpoint, BreakpointContext, BreakpointProvider, Button, Checkbox, Circle, Clickable, ColorSwatch, Constrain, ControlLink, CreditCardNumberInput, DEFAULT_PRODUCT_ASPECT_HEIGHT, DEFAULT_PRODUCT_ASPECT_RATIO, DEFAULT_PRODUCT_ASPECT_WIDTH, DefinitionList, Diamond, Divider, ExceedConstrain, Expandable, Field, FocusOn, Field as Input, Keyhole, Label, Loading, LoadingBalls, LoadingShapes, Mirror, Modal, ModalOverlay, MultiSelect, NavigationPreventer, NoLineDivider, Oval, Overlay, POPOVER_MOUSEOUT_DELAY_MS, Paginator, PasswordInput, Popover, PromoBanner, RadioButton, SKU_COLORS, SearchInput, Select, SelectableButton, SlidingPane, Stack, Tab, TabList, TabPanel, TabPanels, Tabs, Tag, Text, TextInput, Textarea, Toast, Triangle, TwoLineDivider, UNMOUNT_DELAY_MS, Utilities, VerticalDivider, Window, discriminate, tokens, useBreakpoint, useClickOutside, useKeyboardListNavigation, usePreventNavigation, useUpdateEffect };