@pushwoosh/dumb-components 1.0.26 → 1.0.28

package/Tabs/components/TabPanel/TabPanel.js

@@ -4,6 +4,7 @@ import { useTabsContext } from '../../context';
 export const TabPanel = props => {
   const {
     code,
+    container,
     children
   } = props;
   const {
@@ -12,5 +13,6 @@ export const TabPanel = props => {
   if (code !== activeTabCode) {
     return null;
   }
-  return React.createElement(TabPanelContainer, null, children);
+  const Container = container || TabPanelContainer;
+  return React.createElement(Container, null, children);
 };

package/Tabs/components/TabPanel/types.d.ts

@@ -1,5 +1,6 @@
-import type { PropsWithChildren } from 'react';
+import type { ElementType, PropsWithChildren } from 'react';
 import type { TabCode } from '../../types';
 export type TabPanelProps = PropsWithChildren<Readonly<{
     code: TabCode;
+    container?: ElementType;
 }>>;

package/Tabs/components/Tabs/Tabs.js

@@ -5,13 +5,14 @@ export function Tabs(props) {
   const {
     activeCode: activeTabCode,
     onChange: setActiveTabCode,
+    container,
     children
   } = props;
   const contextValue = useMemo(() => ({
     activeTabCode,
     setActiveTabCode
   }), [activeTabCode, setActiveTabCode]);
-  const Container = props.container || TabsContainer;
+  const Container = container || TabsContainer;
   return React.createElement(TabContext.Provider, {
     value: contextValue
   }, React.createElement(Container, null, children));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.0.26",
+  "version": "1.0.28",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",