@pushwoosh/dumb-components 1.1.46 → 1.1.48

package/Calendar/CalendarSuperForm/components/CalendarTimeInput.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export type CalendarTimeInputProps<T extends {
+    hour: number;
+    minute: number;
+}> = {
+    value?: T;
+    onChange: (newValue: {
+        hour: number;
+        minute: number;
+        second: number;
+        millisecond: number;
+    }) => void;
+    disabled?: boolean;
+    endPeriod?: boolean;
+};
+export declare const CalendarTimeInput: <T extends {
+    hour: number;
+    minute: number;
+}>({ value, onChange, disabled, endPeriod, }: CalendarTimeInputProps<T>) => React.JSX.Element;

package/Calendar/CalendarSuperForm/components/CalendarTimeInput.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { NativeTimeInput } from '../../../native';
+import { formatTwoDigitNumber } from '../../helpers';
+export const CalendarTimeInput = ({
+  value,
+  onChange,
+  disabled,
+  endPeriod
+}) => {
+  const defaultHour = endPeriod ? 23 : 0;
+  const defaultMinute = endPeriod ? 59 : 0;
+  return React.createElement(NativeTimeInput, {
+    value: `${formatTwoDigitNumber((value === null || value === void 0 ? void 0 : value.hour) ?? defaultHour)}:${formatTwoDigitNumber((value === null || value === void 0 ? void 0 : value.minute) ?? defaultMinute)}`,
+    onChange: e => {
+      const [hour, minute] = e.target.value.split(':').map(Number);
+      onChange({
+        hour,
+        minute,
+        second: endPeriod ? 59 : 0,
+        millisecond: endPeriod ? 999 : 0
+      });
+    },
+    disabled: disabled
+  });
+};

package/Calendar/CalendarSuperForm/components/CalendarTimezoneSelect.d.ts

@@ -0,0 +1,9 @@
+import { type FC } from 'react';
+import { type TzValue } from '../../types';
+type CalendarTimezoneSelectProps = {
+    timezone: TzValue;
+    onChange: (timezone: TzValue) => void;
+    isDisabled?: boolean;
+};
+export declare const CalendarTimezoneSelect: FC<CalendarTimezoneSelectProps>;
+export {};

package/Calendar/CalendarSuperForm/components/CalendarTimezoneSelect.js

@@ -0,0 +1,26 @@
+import React, { useMemo } from 'react';
+import { Select } from '../../../Select';
+import { getSortedTimezones } from '../../helpers-tz';
+export const CalendarTimezoneSelect = ({
+  timezone,
+  onChange,
+  isDisabled
+}) => {
+  const timezonesOptions = useMemo(() => {
+    return getSortedTimezones();
+  }, []);
+  return React.createElement(Select, {
+    value: timezonesOptions.find(op => op.value === timezone),
+    onChange: value => onChange(value.value),
+    options: timezonesOptions,
+    isDisabled: isDisabled,
+    menuPortalTarget: document.body,
+    menuPosition: "fixed",
+    styles: {
+      menu: provided => ({
+        ...provided,
+        width: '300px'
+      })
+    }
+  });
+};

package/Calendar/CalendarSuperForm/index.d.ts

@@ -0,0 +1,2 @@
+export { CalendarSuperForm } from './CalendarSuperForm';
+export { type CalendarSuperFormProps } from './types';

package/Calendar/CalendarSuperForm/index.js

@@ -0,0 +1 @@
+export { CalendarSuperForm } from './CalendarSuperForm';

package/Calendar/CalendarSuperForm/types.d.ts

@@ -0,0 +1,56 @@
+import { type DateStruct, type DateTimeStruct, type RangeValue, type SingleValue, type TzValue } from '../types';
+interface BaseProps {
+    /** Количество видимых месяцев. */
+    visibleCount?: number;
+    /** Ширина одного месяца. */
+    monthWidth?: number;
+    /** Промежуток между месяцами. */
+    gap?: number;
+    /** Отключить даты до этой (включительно). */
+    disableOnAndBefore?: DateStruct;
+    /** Отключить даты после этой (включительно). */
+    disableOnAndAfter?: DateStruct;
+    /** Первый день недели: 0 - воскресенье, 1 - понедельник. По умолчанию 0. */
+    firstDayOfWeek?: 0 | 1;
+}
+export type CalendarMode = 'single-date' | 'single-datetime' | 'range-date' | 'range-datetime';
+export interface CalendarSingleDateProps extends BaseProps {
+    mode: 'single-date';
+    /** Временная зона не нужна и запрещена */
+    timezone?: never;
+    onChangeTimezone?: never;
+    minDays?: never;
+    maxDays?: never;
+    value?: SingleValue<DateStruct>;
+    onChange: (value: SingleValue<DateStruct>) => void;
+}
+export interface CalendarSingleDateTimeProps extends BaseProps {
+    mode: 'single-datetime';
+    /** Требуется, IANA-название таймзоны (напр., 'America/New_York') */
+    timezone: TzValue;
+    onChangeTimezone: (timezone: TzValue) => void;
+    minDays?: never;
+    maxDays?: never;
+    value?: SingleValue<DateTimeStruct>;
+    onChange: (payload: SingleValue<DateTimeStruct>) => void;
+}
+export interface CalendarRangeDateProps extends BaseProps {
+    mode: 'range-date';
+    timezone?: never;
+    onChangeTimezone?: never;
+    minDays?: number;
+    maxDays?: number;
+    value: RangeValue<DateStruct>;
+    onChange: (value: RangeValue<DateStruct>) => void;
+}
+export interface CalendarRangeDateTimeProps extends BaseProps {
+    mode: 'range-datetime';
+    timezone: TzValue;
+    onChangeTimezone: (timezone: TzValue) => void;
+    minDays?: number;
+    maxDays?: number;
+    value: RangeValue<DateTimeStruct>;
+    onChange: (payload: RangeValue<DateTimeStruct>) => void;
+}
+export type CalendarSuperFormProps = CalendarSingleDateProps | CalendarSingleDateTimeProps | CalendarRangeDateProps | CalendarRangeDateTimeProps;
+export {};

package/Calendar/CalendarSuperForm/types.js

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

package/Calendar/constants.d.ts

@@ -0,0 +1,5 @@
+import type { Period } from './types';
+export declare const allPeriods: Period[];
+export declare const periodMethodMap: {
+    [key in Period]: string;
+};

package/Calendar/constants.js

@@ -0,0 +1,10 @@
+export const allPeriods = ['year', 'month', 'day', 'hour', 'minute', 'second', 'millisecond'];
+export const periodMethodMap = {
+  millisecond: 'Milliseconds',
+  second: 'Seconds',
+  minute: 'Minutes',
+  hour: 'Hours',
+  day: 'Date',
+  month: 'Month',
+  year: 'FullYear'
+};

package/Calendar/helpers-tz.d.ts

@@ -0,0 +1,7 @@
+export type TimezoneOption = {
+    value: string;
+    label: string;
+};
+export declare function getSortedTimezones(): TimezoneOption[];
+export declare function groupTimezonesByOffset(at?: Date): [number, string[]][];
+export declare function formatTimezoneShort(timezone: string): string;

package/Calendar/helpers-tz.js

@@ -0,0 +1,100 @@
+import { formatTwoDigitNumber } from './helpers';
+function getAllTimeZones() {
+  return Intl.supportedValuesOf('timeZone');
+}
+function formatTimezoneOffset(minutes) {
+  const minutesAbs = Math.abs(minutes);
+  const hours = Math.floor(minutesAbs / 60);
+  const mins = minutesAbs % 60;
+  const sign = minutes < 0 ? '-' : '+';
+  if (mins === 0) {
+    return `UTC${sign}${hours}`;
+  } else {
+    return `UTC${sign}${hours}:${formatTwoDigitNumber(mins)}`;
+  }
+}
+function getTimezoneDifferenceInMinutes(timezoneName, at = new Date()) {
+  var _parts$find, _parts$find2, _parts$find3, _parts$find4, _parts$find5, _parts$find6;
+  const dtf = new Intl.DateTimeFormat('en-US', {
+    timeZone: timezoneName,
+    hour12: false,
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit',
+    hour: '2-digit',
+    minute: '2-digit',
+    second: '2-digit'
+  });
+  const parts = dtf.formatToParts(at);
+  const y = Number((_parts$find = parts.find(p => p.type === 'year')) === null || _parts$find === void 0 ? void 0 : _parts$find.value);
+  const mo = Number((_parts$find2 = parts.find(p => p.type === 'month')) === null || _parts$find2 === void 0 ? void 0 : _parts$find2.value) - 1;
+  const d = Number((_parts$find3 = parts.find(p => p.type === 'day')) === null || _parts$find3 === void 0 ? void 0 : _parts$find3.value);
+  const h = Number((_parts$find4 = parts.find(p => p.type === 'hour')) === null || _parts$find4 === void 0 ? void 0 : _parts$find4.value);
+  const mi = Number((_parts$find5 = parts.find(p => p.type === 'minute')) === null || _parts$find5 === void 0 ? void 0 : _parts$find5.value);
+  const s = Number((_parts$find6 = parts.find(p => p.type === 'second')) === null || _parts$find6 === void 0 ? void 0 : _parts$find6.value);
+  const asUTC = Date.UTC(y, mo, d, h, mi, s);
+  return Math.round((asUTC - at.getTime()) / 60000);
+}
+export function getSortedTimezones() {
+  const timezones = getAllTimeZones();
+  const now = new Date();
+  return [...timezones, 'UTC'].map(tz => {
+    const offset = getTimezoneDifferenceInMinutes(tz, now);
+    const offsetFormatted = formatTimezoneOffset(offset);
+    let displayName;
+    if (tz === 'UTC') {
+      displayName = 'Coordinated Universal Time';
+    } else if (tz.includes('/')) {
+      const parts = tz.split('/');
+      if (parts.length >= 2) {
+        const country = parts[0].replace(/_/g, ' ');
+        const city = parts[parts.length - 1].replace(/_/g, ' ');
+        displayName = `${city} / ${country}`;
+      } else {
+        displayName = tz.replace(/_/g, ' ');
+      }
+    } else {
+      displayName = tz.replace(/_/g, ' ');
+    }
+    return {
+      value: tz,
+      label: `${offsetFormatted} – ${displayName}`
+    };
+  }).sort((a, b) => {
+    if (a.value === 'UTC') return -1;
+    if (b.value === 'UTC') return 1;
+    return a.label.localeCompare(b.label);
+  });
+}
+export function groupTimezonesByOffset(at = new Date()) {
+  const zones = getAllTimeZones();
+  const groups = new Map();
+  for (const tz of zones) {
+    try {
+      const diff = getTimezoneDifferenceInMinutes(tz, at);
+      const arr = groups.get(diff);
+      if (arr) {
+        arr.push(tz);
+      } else {
+        groups.set(diff, [tz]);
+      }
+    } catch (e) {
+      console.warn(`Cannot get timezone info for "${tz}"`, e);
+    }
+  }
+  const result = [];
+  for (const [diff, list] of groups) {
+    list.sort((a, b) => a.localeCompare(b));
+    result.push([diff, list]);
+  }
+  result.sort((a, b) => a[0] - b[0]);
+  return result;
+}
+export function formatTimezoneShort(timezone) {
+  const offsetMinutes = getTimezoneDifferenceInMinutes(timezone, new Date());
+  const formattedOffset = formatTimezoneOffset(offsetMinutes);
+  if (formattedOffset === 'UTC+0' || formattedOffset === 'UTC-0') {
+    return 'UTC';
+  }
+  return formattedOffset;
+}

package/Calendar/helpers.d.ts

@@ -0,0 +1,22 @@
+import type { DateStruct, DateTimeStruct, Period } from './types';
+export declare const utcDateToStruct: (date: Date) => DateTimeStruct;
+export declare const parseStringToArray: <T extends string>(datetime: T) => number[];
+export declare const createStruct: (year: number, month?: number, day?: number, hour?: number, minute?: number, second?: number, millisecond?: number) => DateTimeStruct;
+export declare const createUTCDate: (year: number, month?: number, day?: number, hour?: number, minute?: number, second?: number, millisecond?: number) => Date;
+export declare const parseStringToDate: (date: string) => Date;
+export declare const formatTwoDigitNumber: (value: number) => string;
+export declare const formatStruct: (ds: DateStruct, template: string) => string;
+export declare const addPeriod: <T extends DateTimeStruct | DateStruct>(ds: T, period: Period, value: number) => T;
+export declare const pickDateStruct: (date: DateTimeStruct) => DateStruct;
+export declare const setPeriodStruct: <T extends DateTimeStruct | DateStruct>(ds: T, period: Period, value: number) => T;
+export declare const extendPeriodStruct: (struct: DateTimeStruct, extend: Partial<DateTimeStruct>) => DateTimeStruct;
+export declare const differenceInDays: (ds1: DateStruct, ds2: DateStruct) => number;
+export declare const monthName: (month: number, monthFormat?: "short" | "long") => string;
+export declare const isSamePeriod: <T extends DateTimeStruct | DateStruct>(ds1: T, ds2: T, period: Period) => boolean;
+export declare const compareStructs: <T extends DateTimeStruct | DateStruct>(ds1: T, ds2: T) => 1 | 0 | -1;
+export declare const getFirstDayOfWeek: (date: DateStruct, firstDayOfWeek?: number) => DateStruct;
+export declare const getLastDayOfMonth: (date: DateStruct) => DateStruct;
+export declare const getPeriodStart: (date: DateTimeStruct | DateStruct, period: Period) => DateTimeStruct;
+export declare const getPeriodEnd: (date: DateTimeStruct | DateStruct, period: Period) => DateTimeStruct;
+export declare const dateToStruct: (date: Date, tzOffsetMinutes: number) => DateTimeStruct;
+export declare const structToDate: (ds: DateTimeStruct, tzOffsetMinutes: number) => Date;

package/Calendar/helpers.js

@@ -0,0 +1,134 @@
+import { allPeriods, periodMethodMap } from './constants';
+export const utcDateToStruct = date => ({
+  year: date.getUTCFullYear(),
+  month: date.getUTCMonth() + 1,
+  day: date.getUTCDate(),
+  hour: date.getUTCHours(),
+  minute: date.getUTCMinutes(),
+  second: date.getUTCSeconds(),
+  millisecond: date.getUTCMilliseconds()
+});
+export const parseStringToArray = datetime => datetime.split(/[.\s-T:]/).map(Number);
+export const createStruct = (year, month = 1, day = 1, hour = 0, minute = 0, second = 0, millisecond = 0) => {
+  return {
+    year,
+    month,
+    day,
+    hour,
+    minute,
+    second,
+    millisecond
+  };
+};
+export const createUTCDate = (year, month = 1, day = 1, hour = 0, minute = 0, second = 0, millisecond = 0) => new Date(Date.UTC(year, month - 1, day, hour, minute, second, millisecond));
+export const parseStringToDate = date => {
+  const args = parseStringToArray(date);
+  return createUTCDate(...args);
+};
+export const formatTwoDigitNumber = value => `${value}`.padStart(2, '0');
+export const formatStruct = (ds, template) => {
+  return template.replace(/[a-z]+/g, match => {
+    const value = ds[match];
+    return value !== undefined ? formatTwoDigitNumber(value) : match;
+  });
+};
+export const addPeriod = (ds, period, value) => {
+  const date = createUTCDate(ds.year, ds.month, ds.day, ds.hour, ds.minute, ds.second);
+  const method = periodMethodMap[period];
+  date[`setUTC${method}`](date[`getUTC${method}`]() + value);
+  return utcDateToStruct(date);
+};
+export const pickDateStruct = date => {
+  return {
+    year: date.year,
+    month: date.month,
+    day: date.day
+  };
+};
+export const setPeriodStruct = (ds, period, value) => {
+  const date = createUTCDate(ds.year, ds.month, ds.day, ds.hour, ds.minute, ds.second);
+  const method = periodMethodMap[period];
+  date[`setUTC${method}`](period === 'month' ? value - 1 : value);
+  return utcDateToStruct(date);
+};
+export const extendPeriodStruct = (struct, extend) => {
+  return {
+    ...struct,
+    ...extend
+  };
+};
+export const differenceInDays = (ds1, ds2) => {
+  const date1 = createUTCDate(ds1.year, ds1.month, ds1.day);
+  const date2 = createUTCDate(ds2.year, ds2.month, ds2.day);
+  const diff = Math.abs(date1.getTime() - date2.getTime());
+  return Math.floor(diff / (1000 * 3600 * 24));
+};
+export const monthName = (month, monthFormat = 'long') => {
+  const date = new Date(2023, month - 1, 1);
+  return date.toLocaleString('default', {
+    month: monthFormat
+  });
+};
+export const isSamePeriod = (ds1, ds2, period) => {
+  const periodIdx = allPeriods.indexOf(period);
+  for (let i = 0; i <= periodIdx; i += 1) {
+    const value1 = ds1[allPeriods[i]];
+    const value2 = ds2[allPeriods[i]];
+    if (value1 !== value2) {
+      return false;
+    }
+  }
+  return true;
+};
+export const compareStructs = (ds1, ds2) => {
+  const date1 = createUTCDate(ds1.year, ds1.month, ds1.day, ds1.hour, ds1.minute, ds1.second);
+  const date2 = createUTCDate(ds2.year, ds2.month, ds2.day, ds2.hour, ds2.minute, ds2.second);
+  if (date1.getTime() === date2.getTime()) {
+    return 0;
+  }
+  return date1 > date2 ? 1 : -1;
+};
+export const getFirstDayOfWeek = (date, firstDayOfWeek = 0) => {
+  const utcDate = createUTCDate(date.year, date.month, date.day);
+  const day = utcDate.getUTCDay();
+  let diff;
+  if (firstDayOfWeek === 0) {
+    diff = day;
+  } else {
+    diff = day === 0 ? 6 : day - 1;
+  }
+  if (diff > 0) {
+    utcDate.setUTCDate(utcDate.getUTCDate() - diff);
+  }
+  return utcDateToStruct(utcDate);
+};
+export const getLastDayOfMonth = date => {
+  const d = createUTCDate(date.year, date.month, 1);
+  d.setUTCMonth(d.getUTCMonth() + 1);
+  d.setUTCDate(0);
+  return utcDateToStruct(d);
+};
+export const getPeriodStart = (date, period) => {
+  const idx = allPeriods.indexOf(period);
+  const values = allPeriods.slice(0, idx + 1).map(period => date[period] || 0);
+  const dateObj = createUTCDate(...values);
+  return utcDateToStruct(dateObj);
+};
+export const getPeriodEnd = (date, period) => {
+  const idx = allPeriods.indexOf(period);
+  const values = allPeriods.slice(0, idx + 1).map(period => date[period] || 0);
+  const dateObj = createUTCDate(...values);
+  const method = periodMethodMap[period];
+  dateObj[`setUTC${method}`](dateObj[`getUTC${method}`]() + 1);
+  dateObj.setMilliseconds(-1);
+  return utcDateToStruct(dateObj);
+};
+export const dateToStruct = (date, tzOffsetMinutes) => {
+  const utcTime = date.getTime() + date.getTimezoneOffset() * 60_000;
+  const localTime = new Date(utcTime + tzOffsetMinutes * 60_000);
+  return utcDateToStruct(localTime);
+};
+export const structToDate = (ds, tzOffsetMinutes) => {
+  const utcTime = Date.UTC(ds.year, ds.month - 1, ds.day, ds.hour, ds.minute, ds.second, ds.millisecond);
+  return new Date(utcTime - tzOffsetMinutes * 60_000);
+};

package/Calendar/index.d.ts

@@ -0,0 +1,2 @@
+export { CalendarSuperForm, type CalendarSuperFormProps } from './CalendarSuperForm';
+export { CalendarDropdown, type CalendarDropdownProps } from './CalendarDropdown';

package/Calendar/index.js

@@ -0,0 +1,2 @@
+export { CalendarSuperForm } from './CalendarSuperForm';
+export { CalendarDropdown } from './CalendarDropdown';

package/Calendar/types.d.ts

@@ -0,0 +1,19 @@
+export type Period = 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second' | 'millisecond';
+export type DateStruct = {
+    year: number;
+    month: number;
+    day: number;
+};
+export type DateTimeStruct = {
+    year: number;
+    month: number;
+    day: number;
+    hour: number;
+    minute: number;
+    second: number;
+    millisecond: number;
+};
+export type SingleValue<T> = T;
+export type RangeValue<T> = [from: T, to: T] | [from: T] | [];
+/** Тип для значения часового пояса (IANA-название). */
+export type TzValue = string;

package/Calendar/types.js

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

package/Popover/styles.js

@@ -1,6 +1,6 @@
 import Tippy from '@tippyjs/react';
 import styled from 'styled-components';
-import { Color, ShapeRadius, Spacing } from '@pushwoosh/kit-constants';
+import { Color, ShapeRadius } from '@pushwoosh/kit-constants';
 export const PopoverContainer = styled.div.withConfig({
   displayName: "PopoverContainer",
   componentId: "sc-qsqk3z-0"
@@ -8,9 +8,9 @@ export const PopoverContainer = styled.div.withConfig({
 export const PopoverContainerWindow = styled.div.withConfig({
   displayName: "PopoverContainerWindow",
   componentId: "sc-qsqk3z-1"
-})(["min-width:", ";padding:", ";border:1px solid ", ";border-radius:", ";background:", ";transition:visibility 50ms linear;> *{opacity:", ";}"], ({
+})(["min-width:", ";border:1px solid ", ";border-radius:", ";background:", ";transition:visibility 50ms linear;> *{opacity:", ";}"], ({
   $minWidth
-}) => $minWidth ? `${$minWidth}px` : 'auto', Spacing.S5, Color.FORM, ShapeRadius.DIALOG, Color.CLEAR, ({
+}) => $minWidth ? `${$minWidth}px` : 'auto', Color.FORM, ShapeRadius.DIALOG, Color.CLEAR, ({
   $isLoading
 }) => $isLoading ? '0.5' : '1');
 export const PopoverContainerPortal = styled(Tippy).withConfig({

package/index.d.ts

@@ -5,6 +5,7 @@ export { Button, GhostButton } from './Button';
 export { CardMetric } from './CardMetric';
 export { Checkbox } from './Checkbox';
 export { Drawer, DrawerHeader, DrawerTitle, DrawerBody, DrawerDocs, useDocs, } from './Drawer';
+export { CalendarSuperForm, type CalendarSuperFormProps, CalendarDropdown, type CalendarDropdownProps, } from './Calendar';
 export { DatePicker, DatePickerField, DateTimePicker, DateTimePickerField, } from './DateTimePicker';
 export { DropdownMenu, DropdownMenuButton, DropdownMenuSection, DropdownMenuItem, } from './DropdownMenu';
 export { GetStartedPage } from './GetStartedPage';

package/index.js

@@ -5,6 +5,7 @@ export { Button, GhostButton } from './Button';
 export { CardMetric } from './CardMetric';
 export { Checkbox } from './Checkbox';
 export { Drawer, DrawerHeader, DrawerTitle, DrawerBody, DrawerDocs, useDocs } from './Drawer';
+export { CalendarSuperForm, CalendarDropdown } from './Calendar';
 export { DatePicker, DatePickerField, DateTimePicker, DateTimePickerField } from './DateTimePicker';
 export { DropdownMenu, DropdownMenuButton, DropdownMenuSection, DropdownMenuItem } from './DropdownMenu';
 export { GetStartedPage } from './GetStartedPage';

package/native/NativeTimeInput.js

@@ -1,8 +1,8 @@
 import styled from 'styled-components';
-import { Color } from '@pushwoosh/kit-constants';
+import { Color, FontSize, LineHeight, ShapeRadius, UnitSize } from '@pushwoosh/kit-constants';
 export const NativeTimeInput = styled.input.attrs({
   type: 'time'
 }).withConfig({
   displayName: "NativeTimeInput",
   componentId: "sc-r1vjhd-0"
-})(["border:1px solid ", ";border-radius:4px;color:", ";font-size:14px;line-height:1.4;padding:8px 12px;height:36px;box-sizing:border-box;appearance:none;&:focus{border-color:", ";outline:none;}&::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none;}"], Color.FORM, Color.MAIN, Color.BRIGHT);
+})(["border:1px solid ", ";border-radius:", ";color:", ";font-size:", ";line-height:", ";padding:8px 12px;height:", ";box-sizing:border-box;appearance:none;&:focus{border-color:", ";outline:none;}&::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none;}"], Color.FORM, ShapeRadius.CONTROL, Color.MAIN, FontSize.REGULAR, LineHeight.REGULAR, UnitSize.FIELD_HEIGHT, Color.BRIGHT);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.1.46",
+  "version": "1.1.48",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",
@@ -12,6 +12,7 @@
     "copy-docs": "node scripts/copy-docs.js",
     "check": "npm run check:lint && npm run check:types",
     "check:lint": "echo \"Run check:lint\" && eslint src",
+    "check:lint-fix": "echo \"Run check:lint\" && eslint src --fix",
     "check:types": "echo \"Run check:types\" && pushwoosh-engine lib:check-types"
   },
   "pre-commit": "check",
@@ -20,7 +21,7 @@
     "npm": ">= 7"
   },
   "devDependencies": {
-    "@pushwoosh/frontend-builder-engine": "^1.0.16",
+    "@pushwoosh/frontend-builder-engine": "^1.0.21",
     "@svgr/webpack": "^8.1.0",
     "@types/lodash": "^4.17.13",
     "@types/react": "^18.2.69",