@pushwoosh/dumb-components 1.1.70 → 1.1.72

package/Calendar/CalendarDropdown/CalendarDropdown.js

@@ -12,7 +12,10 @@ export const CalendarDropdown = props => {
   const {
     mode,
     calendarProps,
-    buttonColor = 'secondary'
+    buttonColor = 'secondary',
+    buttonSize = 'field',
+    buttonTextCustom,
+    allowEmpty
   } = props;
   const isRangePicker = mode === 'range-date' || mode === 'range-datetime';
   const withTime = mode === 'single-datetime' || mode === 'range-datetime';
@@ -56,14 +59,15 @@ export const CalendarDropdown = props => {
   }, React.createElement(Button, {
     boxRef: buttonRef,
     type: "button",
+    size: buttonSize,
     color: buttonColor,
     icon: React.createElement(CalendarIcon, {
-      size: "medium",
+      size: buttonSize === 'compact' ? 'small' : 'medium',
       view: "lined"
     }),
     onClick: () => isOpen ? closePopover() : openPopover(),
     isOpen: isOpen
-  }, buttonText), React.createElement(Popover, {
+  }, buttonTextCustom ?? buttonText), React.createElement(Popover, {
     open: isOpen,
     anchorEl: buttonRef,
     internalWindowRef: popoverRef,
@@ -144,7 +148,14 @@ export const CalendarDropdown = props => {
     color: "primary",
     size: "compact",
     onClick: () => {
-      const isInvalid = isRangePicker ? (value === null || value === void 0 ? void 0 : value.length) !== 2 : !value;
+      let isInvalid;
+      if (isRangePicker) {
+        const range = value;
+        const length = (range === null || range === void 0 ? void 0 : range.length) ?? 0;
+        isInvalid = allowEmpty ? length === 1 : length !== 2;
+      } else {
+        isInvalid = allowEmpty ? false : !value;
+      }
       if (isInvalid) {
         setIsShaking(true);
       } else {

package/Calendar/CalendarDropdown/types.d.ts

@@ -2,23 +2,27 @@ import { type ReactNode } from 'react';
 import { type RequiredButtonProps } from '../../Button';
 import type { CalendarRangeDateProps, CalendarRangeDateTimeProps, CalendarSingleDateProps, CalendarSingleDateTimeProps } from '../CalendarSuperForm/types';
 import type { DateStruct, DateTimeStruct, RangeValue, TzValue } from '../types';
-export type CalendarDropdownSingleDateProps = {
+interface BaseProps {
+    buttonSize?: RequiredButtonProps['size'];
+    buttonColor?: RequiredButtonProps['color'];
+    buttonTextCustom?: string;
+    allowEmpty?: boolean;
+}
+export interface CalendarDropdownSingleDateProps extends BaseProps {
     mode: 'single-date';
     calendarProps: Omit<CalendarSingleDateProps, 'mode' | 'value' | 'onChange'>;
     value?: DateStruct;
     onChange?: (value: DateStruct) => void;
     onSubmit: (value: DateStruct, tz: TzValue) => void;
-    buttonColor?: RequiredButtonProps['color'];
-};
-export type CalendarDropdownSingleDateTimeProps = {
+}
+export interface CalendarDropdownSingleDateTimeProps extends BaseProps {
     mode: 'single-datetime';
     calendarProps: Omit<CalendarSingleDateTimeProps, 'mode' | 'value' | 'onChange'>;
     value?: DateTimeStruct;
     onChange?: (value: DateTimeStruct) => void;
     onSubmit: (value: DateTimeStruct, tz: TzValue) => void;
-    buttonColor?: RequiredButtonProps['color'];
-};
-export type CalendarDropdownRangeDateProps = {
+}
+export interface CalendarDropdownRangeDateProps extends BaseProps {
     mode: 'range-date';
     calendarProps: Omit<CalendarRangeDateProps, 'mode' | 'value' | 'onChange'>;
     value?: RangeValue<DateStruct>;
@@ -28,9 +32,8 @@ export type CalendarDropdownRangeDateProps = {
         label: ReactNode | string;
         value: [DateStruct, DateStruct];
     }>;
-    buttonColor?: RequiredButtonProps['color'];
-};
-export type CalendarDropdownRangeDateTimeProps = {
+}
+export interface CalendarDropdownRangeDateTimeProps extends BaseProps {
     mode: 'range-datetime';
     calendarProps: Omit<CalendarRangeDateTimeProps, 'mode' | 'value' | 'onChange'>;
     value?: RangeValue<DateTimeStruct>;
@@ -40,6 +43,6 @@ export type CalendarDropdownRangeDateTimeProps = {
         label: ReactNode | string;
         value: [DateTimeStruct, DateTimeStruct];
     }>;
-    buttonColor?: RequiredButtonProps['color'];
-};
+}
 export type CalendarDropdownProps = CalendarDropdownSingleDateProps | CalendarDropdownSingleDateTimeProps | CalendarDropdownRangeDateProps | CalendarDropdownRangeDateTimeProps;
+export {};

package/Calendar/CalendarDropdown/types.js

@@ -1 +1,5 @@
+;
+;
+;
+;
 export {};

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.70",
+  "version": "1.1.72",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",