@pushwoosh/dumb-components 1.0.25 → 1.0.27

package/DropdownMenu/components/DropdownMenuButton/types.d.ts

@@ -9,6 +9,7 @@ export type DropdownMenuButtonProps = {
     color: RequiredButtonProps['color'];
     size?: RequiredButtonProps['size'];
     view?: RequiredButtonProps['view'];
+    className?: string;
     icon?: RequiredButtonProps['icon'];
     rightIcon?: RequiredButtonProps['rightIcon'];
     children: (() => ReactNode) | ReactNode;

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

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

@@ -1,6 +1,7 @@
-import type { PropsWithChildren } from 'react';
+import type { ElementType, PropsWithChildren } from 'react';
 import { type TabCode } from '../../types';
 export type TabsProps = PropsWithChildren<Readonly<{
     activeCode: TabCode;
     onChange: (code: TabCode) => void;
+    container?: ElementType;
 }>>;

package/package.json

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