@pushwoosh/dumb-components 1.0.24 → 1.0.26

package/Checkbox/Checkbox.js

@@ -1,7 +1,5 @@
-import React, { useRef, useState, useEffect } from 'react';
+import React, { useRef, useEffect } from 'react';
 import { NativeLabel, NativeCheckbox } from './styles';
-// eslint-disable-next-line prefer-const
-let counter = 0;
 export function Checkbox(props) {
   const {
     label,
@@ -16,13 +14,6 @@ export function Checkbox(props) {
     onChange,
     className
   } = props;
-  const [localId] = useState(() => {
-    if (id) {
-      return id;
-    }
-    const newCounter = counter + 1;
-    return `checkbox-${newCounter}`;
-  });
   const checkboxRef = useRef(null);
   useEffect(() => {
     if (checkboxRef.current) {
@@ -30,12 +21,12 @@ export function Checkbox(props) {
     }
   }, [checkboxRef, isIndeterminate]);
   return React.createElement(NativeLabel, {
-    htmlFor: localId,
+    htmlFor: id,
     "$color": color,
     className: className
   }, React.createElement(NativeCheckbox, {
     type: "checkbox",
-    id: localId,
+    id: id,
     ref: checkboxRef,
     value: value,
     color: activeCheckboxColor,

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/Tabs/Tabs.js

@@ -11,7 +11,8 @@ export function Tabs(props) {
     activeTabCode,
     setActiveTabCode
   }), [activeTabCode, setActiveTabCode]);
+  const Container = props.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.24",
+  "version": "1.0.26",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",