@pushwoosh/dumb-components 1.1.71 → 1.1.72

package/DropdownMenu/components/DropdownMenu/DropdownMenu.js

@@ -10,13 +10,14 @@ export const DropdownMenu = ({
   isScrollable,
   menuZIndex,
   menuPlacement,
+  windowWidth = null,
   openOnMount = false,
   fullWidth,
   onClose,
   children
 }) => {
   const [isOpen, setIsOpen] = useState(openOnMount);
-  const [width, setWidth] = useState(null);
+  const [width, setWidth] = useState(windowWidth);
   const {
     refs,
     floatingStyles

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

@@ -13,6 +13,7 @@ export type DropdownMenuProps = {
     menuZIndex?: number;
     menuPlacement?: Placement;
     fullWidth?: boolean;
+    windowWidth?: number;
     onClose?: () => void;
     renderHandler: (args: HandlerProps) => ReactNode;
     children: (() => ReactNode) | ReactNode;

package/StatisticCard/StatisticCard.js

@@ -40,6 +40,7 @@ export function StatisticCard(props) {
     return React.createElement(StatValue, null, typeof value === 'number' ? formatNumber(value, 'spaced') : value);
   }, [isLoading, value, valueSubtext]);
   const resolvedRightSlot = rightSlot ?? (actions ? React.createElement(DropdownMenu, {
+    windowWidth: 230,
     renderHandler: ({
       onClick,
       ref,
@@ -62,7 +63,9 @@ export function StatisticCard(props) {
     key: a.id,
     onClick: a.onClick,
     disabled: a.disabled
-  }, a.label)))) : null);
+  }, React.createElement(Text, {
+    "$ellipsis": true
+  }, a.label))))) : null);
   return React.createElement(Container, {
     "$active": active,
     "$selectable": selectable,

package/package.json

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