draft-components 2.6.0 → 2.8.0

package/css/draft-components.css

@@ -3477,6 +3477,11 @@
   background: var(--dc-menu-item-bg);
 }
 
+.dc-menu-btn:disabled {
+  opacity: var(--dc-disabled-state-opacity);
+  cursor: default;
+}
+
 .dc-menu-btn__label {
   flex-grow: 1;
 }

package/dist/components/menu/menu-item.d.ts

@@ -3,6 +3,7 @@ type MenuItemHTMLProps = ComponentPropsWithRef<'button'>;
 type MenuItemBaseProps = Omit<MenuItemHTMLProps, 'children' | 'role'>;
 export type MenuItemProps = {
     role?: 'menuitem' | 'menuitemradio';
+    disabled?: boolean;
     destructive?: boolean;
     iconLeft?: ReactNode;
     iconRight?: ReactNode;

package/dist/components/menu/menu-item.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { classNames } from '../../lib/react-helpers.js';
-export const MenuItem = forwardRef(function MenuItem({ role = 'menuitem', destructive, iconLeft, iconRight, children, className, ...props }, ref) {
+export const MenuItem = forwardRef(function MenuItem({ role = 'menuitem', disabled, destructive, iconLeft, iconRight, children, className, ...props }, ref) {
     let label = children;
     if (iconLeft || iconRight) {
         const className = classNames('dc-menu-btn__label', {
@@ -12,5 +12,5 @@ export const MenuItem = forwardRef(function MenuItem({ role = 'menuitem', destru
     }
     return (_jsx("li", { role: "presentation", children: _jsxs("button", { ...props, ref: ref, className: classNames(className, 'dc-menu-btn', {
                 'dc-menu-btn_destructive': destructive,
-            }), type: "button", role: role, tabIndex: -1, children: [iconLeft, label, iconRight] }) }));
+            }), type: "button", disabled: disabled, role: role, tabIndex: -1, children: [iconLeft, label, iconRight] }) }));
 });

package/dist/components/menu/menu.js

@@ -183,6 +183,6 @@ function getMenuItems(menuId) {
     if (!menuEl) {
         return [];
     }
-    const nodes = menuEl.querySelectorAll('button[role="menuitem"], button[role="menuitemradio"]');
+    const nodes = menuEl.querySelectorAll('button[role="menuitem"]:not(:disabled), button[role="menuitemradio"]:not(:disabled)');
     return Array.from(nodes);
 }

package/dist/components/tabs/tabs.d.ts

@@ -1,7 +1,14 @@
 import { ComponentPropsWithoutRef } from 'react';
 import { TabName, TabSetter } from './types.js';
+import { TabList } from './tab-list.js';
+import { TabPanel } from './tab-panel.js';
 export interface TabsProps extends ComponentPropsWithoutRef<'div'> {
     selectedTab: TabName;
     onSelectTab: TabSetter;
 }
 export declare function Tabs({ className, children, selectedTab, onSelectTab, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Tabs {
+    var List: typeof TabList;
+    var Tab: typeof import("./tab.js").Tab;
+    var Panel: typeof TabPanel;
+}

package/dist/components/tabs/tabs.js

@@ -1,6 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { classNames } from '../../lib/react-helpers.js';
 import { TabsContextProvider } from './tabs-context.js';
+import { TabList } from './tab-list.js';
+import { Tab } from './tab.js';
+import { TabPanel } from './tab-panel.js';
 export function Tabs({ className, children, selectedTab, onSelectTab, ...props }) {
     return (_jsx(TabsContextProvider, { selectedTab: selectedTab, setSelectedTab: onSelectTab, children: _jsx("div", { ...props, className: classNames('dc-tabs', className), children: children }) }));
 }
+Tabs.List = TabList;
+Tabs.Tab = Tab;
+Tabs.Panel = TabPanel;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "draft-components",
-  "version": "2.6.0",
+  "version": "2.8.0",
   "description": "The React based UI components library.",
   "type": "module",
   "exports": {