@pushwoosh/dumb-components 1.1.72 → 1.1.74

package/DropdownMenu/components/DropdownMenu/DropdownMenu.js

@@ -78,6 +78,7 @@ export const DropdownMenu = ({
     style: floatingStyles,
     "$color": color,
     "$width": width,
+    "$fitContent": windowWidth === null && !fullWidth,
     "$scrollable": isScrollable,
     "$zIndex": menuZIndex
   }, typeof children === 'function' ? children() : children));

package/DropdownMenu/components/DropdownMenu/styles.d.ts

@@ -56,6 +56,7 @@ export declare const Place: import("styled-components").StyledComponent<"div", a
 } & {
     $color?: string;
     $width: number | null;
+    $fitContent?: boolean;
     $zIndex?: number;
     $scrollable?: boolean;
 }, "$gridAutoFlow">;

package/DropdownMenu/components/DropdownMenu/styles.js

@@ -2,14 +2,20 @@ import styled, { css } from 'styled-components';
 import { Color, Shadow, ShapeRadius } from '@pushwoosh/kit-constants';
 import { Vertical } from '@pushwoosh/kit-helpers';
 const scrollableCss = css(["max-height:248px;overflow-y:auto;"]);
+const getWidth = ($width, $fitContent) => {
+  if ($fitContent) return 'max-content';
+  if ($width) return `${$width}px`;
+  return 'auto';
+};
 export const Place = styled(Vertical).withConfig({
   displayName: "Place",
   componentId: "sc-ij8wqc-0"
 })(["border:1px solid ", ";background:", ";width:", ";min-width:140px;max-width:480px;", " border-radius:", ";box-shadow:", ";z-index:", ";"], Color.FORM, ({
   $color
 }) => $color || Color.FROZEN, ({
-  $width
-}) => $width ? `${$width}px` : 'auto', ({
+  $width,
+  $fitContent
+}) => getWidth($width, $fitContent), ({
   $scrollable
 }) => $scrollable && scrollableCss, ShapeRadius.CONTROL, Shadow.REGULAR, ({
   $zIndex

package/EditableField/EditableField.js

@@ -1,5 +1,6 @@
 import React, { useRef } from 'react';
 import { Color } from '@pushwoosh/kit-constants';
+import { Vertical } from '@pushwoosh/kit-helpers';
 import { DropdownIcon, EditIcon } from '@pushwoosh/kit-icons';
 import { Button } from '../Button';
 import { useOnClickOutside } from '../hooks';
@@ -42,6 +43,8 @@ export function EditableField({
     internalWindowRef: rootRef,
     loading: loading,
     zIndex: zIndex
+  }, React.createElement(Vertical, {
+    "$padding": 16
   }, title && React.createElement(TitleBox, null, title), children, React.createElement(ButtonsGroup, {
     "$isLoading": loading
   }, React.createElement(Button, {
@@ -56,5 +59,5 @@ export function EditableField({
     size: "compact",
     isDisabled: loading,
     onClick: onCancel
-  }, "Cancel"))));
+  }, "Cancel")))));
 }

package/StatisticCard/StatisticCard.js

@@ -40,7 +40,6 @@ 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,

package/package.json

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