@wireapp/react-ui-kit 9.75.0 → 9.76.0

package/lib/Surface/DropdownMenu/DropdownMenu.d.ts

@@ -49,8 +49,14 @@ export declare const DropdownMenu: {
         children: ReactNode;
         onClick: () => void;
     }) => import("@emotion/react/jsx-runtime").JSX.Element;
-    SubContent: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuSubContentProps & import("react").RefAttributes<HTMLDivElement>>;
-    SubTrigger: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
+    SubTrigger: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & {
+        cssObj?: CSSObject;
+        showIndicator?: boolean;
+        indicator?: ReactNode;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    SubContent: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuSubContentProps & {
+        cssObj?: CSSObject;
+    } & import("react").RefAttributes<HTMLDivElement>>;
     Sub: import("react").FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
 };
 //# sourceMappingURL=DropdownMenu.d.ts.map

package/lib/Surface/DropdownMenu/DropdownMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/Surface/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAIvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,YAAY;mBAAgB;QAAC,QAAQ,EAAE,SAAS,CAAA;KAAC;8CAQ3D;QACD,QAAQ,EAAE,SAAS,CAAC;QACpB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,MAAM,CAAC,EAAE,SAAS,CAAC;KACpB;4BAUwC;QAAC,QAAQ,EAAE,SAAS,CAAA;KAAC;kCAYf;QAAC,QAAQ,EAAE,SAAS,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAC;;;;CAhCxF,CAAC"}
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/Surface/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAa,SAAS,EAAC,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAWvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,YAAY;mBAAgB;QAAC,QAAQ,EAAE,SAAS,CAAA;KAAC;8CAQ3D;QACD,QAAQ,EAAE,SAAS,CAAC;QACpB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,MAAM,CAAC,EAAE,SAAS,CAAC;KACpB;4BAUwC;QAAC,QAAQ,EAAE,SAAS,CAAA;KAAC;kCAYf;QAAC,QAAQ,EAAE,SAAS,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAC;;iBAwB5E,SAAS;wBACF,OAAO;oBACX,SAAS;;;iBAmBuC,SAAS;;;CA7ExE,CAAC"}

package/lib/Surface/DropdownMenu/DropdownMenu.js

@@ -25,6 +25,25 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropdownMenu = void 0;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/*
+ * Wire
+ * Copyright (C) 2025 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+const react_1 = require("react");
 const DropdownMenuPrimitive = __importStar(require("@radix-ui/react-dropdown-menu"));
 const DropdownMenu_styles_1 = require("./DropdownMenu.styles");
 /**
@@ -75,6 +94,15 @@ const DropdownMenuItem = ({ children, onClick }) => {
     return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Item, { css: DropdownMenu_styles_1.itemStyle, onClick: onClick, children: (0, jsx_runtime_1.jsx)("span", { css: DropdownMenu_styles_1.textStyles, children: children }) }));
 };
 exports.DropdownMenu.Item = DropdownMenuItem;
-exports.DropdownMenu.SubContent = DropdownMenuPrimitive.SubContent;
-exports.DropdownMenu.SubTrigger = DropdownMenuPrimitive.SubTrigger;
+const defaultSubmenuIndicator = ((0, jsx_runtime_1.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", focusable: "false", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.85355 12.1464C5.53857 12.4614 5 12.2383 5 11.7929L5 4.20711C5 3.76165 5.53857 3.53857 5.85355 3.85355L9.64645 7.64645C9.84171 7.84171 9.84171 8.15829 9.64645 8.35355L5.85355 12.1464Z", fill: "currentColor" }) }));
+const DropdownMenuSubTrigger = (0, react_1.forwardRef)(({ children, cssObj, showIndicator = true, indicator, ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsxs)(DropdownMenuPrimitive.SubTrigger, { ref: ref, css: { ...DropdownMenu_styles_1.itemStyle, ...DropdownMenu_styles_1.subTriggerStyle, ...cssObj }, ...props, children: [(0, jsx_runtime_1.jsx)("span", { css: DropdownMenu_styles_1.textStyles, children: children }), showIndicator ? ((0, jsx_runtime_1.jsx)("span", { css: { display: 'inline-flex', flexShrink: 0 }, children: indicator ?? defaultSubmenuIndicator })) : null] }));
+});
+DropdownMenuSubTrigger.displayName = 'DropdownMenuSubTrigger';
+exports.DropdownMenu.SubTrigger = DropdownMenuSubTrigger;
+const DropdownMenuSubContent = (0, react_1.forwardRef)(({ children, cssObj, ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.SubContent, { ref: ref, css: { ...DropdownMenu_styles_1.contentStyle, ...DropdownMenu_styles_1.subContentStyle, ...cssObj }, ...props, children: children }) }));
+});
+DropdownMenuSubContent.displayName = 'DropdownMenuSubContent';
+exports.DropdownMenu.SubContent = DropdownMenuSubContent;
 exports.DropdownMenu.Sub = DropdownMenuPrimitive.Sub;

package/lib/Surface/DropdownMenu/DropdownMenu.styles.d.ts

@@ -3,4 +3,6 @@ export declare const contentStyle: CSSObject;
 export declare const itemStyle: CSSObject;
 export declare const textStyles: CSSObject;
 export declare const triggerStyles: CSSObject;
+export declare const subTriggerStyle: CSSObject;
+export declare const subContentStyle: CSSObject;
 //# sourceMappingURL=DropdownMenu.styles.d.ts.map

package/lib/Surface/DropdownMenu/DropdownMenu.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.styles.d.ts","sourceRoot":"","sources":["../../../src/Surface/DropdownMenu/DropdownMenu.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAY,MAAM,gBAAgB,CAAC;AAkDpD,eAAO,MAAM,YAAY,EAAE,SA0B1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,SAkBvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,SAIxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,SAS3B,CAAC"}
+{"version":3,"file":"DropdownMenu.styles.d.ts","sourceRoot":"","sources":["../../../src/Surface/DropdownMenu/DropdownMenu.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAY,MAAM,gBAAgB,CAAC;AAkDpD,eAAO,MAAM,YAAY,EAAE,SA0B1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,SAkBvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,SAIxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,SAS3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,SAE7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,SAE7B,CAAC"}

package/lib/Surface/DropdownMenu/DropdownMenu.styles.js

@@ -18,7 +18,7 @@
  *
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.triggerStyles = exports.textStyles = exports.itemStyle = exports.contentStyle = void 0;
+exports.subContentStyle = exports.subTriggerStyle = exports.triggerStyles = exports.textStyles = exports.itemStyle = exports.contentStyle = void 0;
 const react_1 = require("@emotion/react");
 const util_1 = require("../../utils/util");
 const slideUpAndFade = (0, react_1.keyframes) `
@@ -121,3 +121,9 @@ exports.triggerStyles = {
     background: 'none',
     cursor: 'pointer',
 };
+exports.subTriggerStyle = {
+    justifyContent: 'space-between',
+};
+exports.subContentStyle = {
+    minWidth: '160px',
+};

package/package.json

@@ -79,6 +79,6 @@
     "test:watch": "jest --watch",
     "test:update": "jest --updateSnapshot"
   },
-  "version": "9.75.0",
-  "gitHead": "69baa7f2d0d5370be526465f242fe7c2e712755a"
+  "version": "9.76.0",
+  "gitHead": "f707884ff7384fb48b777498c2eedb4796378612"
 }