@pushwoosh/dumb-components 1.1.48 → 1.1.50

package/Calendar/helpers-tz.js

@@ -1,4 +1,4 @@
-import { formatTwoDigitNumber } from './helpers';
+import { formatTwoDigitNumber, getTimezoneOffset } from './helpers';
 function getAllTimeZones() {
   return Intl.supportedValuesOf('timeZone');
 }
@@ -13,33 +13,11 @@ function formatTimezoneOffset(minutes) {
     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 offset = getTimezoneOffset(tz, now);
     const offsetFormatted = formatTimezoneOffset(offset);
     let displayName;
     if (tz === 'UTC') {
@@ -71,7 +49,7 @@ export function groupTimezonesByOffset(at = new Date()) {
   const groups = new Map();
   for (const tz of zones) {
     try {
-      const diff = getTimezoneDifferenceInMinutes(tz, at);
+      const diff = getTimezoneOffset(tz, at);
       const arr = groups.get(diff);
       if (arr) {
         arr.push(tz);
@@ -91,7 +69,7 @@ export function groupTimezonesByOffset(at = new Date()) {
   return result;
 }
 export function formatTimezoneShort(timezone) {
-  const offsetMinutes = getTimezoneDifferenceInMinutes(timezone, new Date());
+  const offsetMinutes = getTimezoneOffset(timezone, new Date());
   const formattedOffset = formatTimezoneOffset(offsetMinutes);
   if (formattedOffset === 'UTC+0' || formattedOffset === 'UTC-0') {
     return 'UTC';

package/Calendar/helpers.d.ts

@@ -20,3 +20,6 @@ export declare const getPeriodStart: (date: DateTimeStruct | DateStruct, period:
 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;
+export declare function getTimezoneOffset(timezoneName: string, at?: Date): number;
+export declare const dateToStructTz: (date: Date, tzName: string) => DateTimeStruct;
+export declare const structToDateTz: (ds: DateTimeStruct, tzName: string) => Date;

package/Calendar/helpers.js

@@ -131,4 +131,35 @@ export const dateToStruct = (date, tzOffsetMinutes) => {
 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);
+};
+export function getTimezoneOffset(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 const dateToStructTz = (date, tzName) => {
+  const tzOffsetMinutes = getTimezoneOffset(tzName, date);
+  return dateToStruct(date, tzOffsetMinutes);
+};
+export const structToDateTz = (ds, tzName) => {
+  const tentativeDate = new Date(Date.UTC(ds.year, ds.month - 1, ds.day, ds.hour, ds.minute, ds.second, ds.millisecond));
+  const tzOffsetMinutes = getTimezoneOffset(tzName, tentativeDate);
+  return structToDate(ds, tzOffsetMinutes);
 };

package/Calendar/index.d.ts

@@ -1,2 +1,3 @@
 export { CalendarSuperForm, type CalendarSuperFormProps } from './CalendarSuperForm';
 export { CalendarDropdown, type CalendarDropdownProps } from './CalendarDropdown';
+export { dateToStruct, structToDate, dateToStructTz, structToDateTz, getTimezoneOffset } from './helpers';

package/Calendar/index.js

@@ -1,2 +1,3 @@
 export { CalendarSuperForm } from './CalendarSuperForm';
-export { CalendarDropdown } from './CalendarDropdown';
+export { CalendarDropdown } from './CalendarDropdown';
+export { dateToStruct, structToDate, dateToStructTz, structToDateTz, getTimezoneOffset } from './helpers';

package/DropdownMenu/components/DropdownMenuSection/DropdownMenuSection.js

@@ -5,9 +5,12 @@ import { Text } from '@pushwoosh/kit-typography';
 import { DropdownMenuSectionRoot } from './styles';
 export const DropdownMenuSection = ({
   title,
+  bgColor,
   children
 }) => {
-  return React.createElement(DropdownMenuSectionRoot, null, title && React.createElement(Horizontal, {
+  return React.createElement(DropdownMenuSectionRoot, {
+    "$bgColor": bgColor
+  }, title && React.createElement(Horizontal, {
     "$padding": "8px 12px"
   }, React.createElement(Text, {
     "$variant": "h5",

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

@@ -1,4 +1,5 @@
 import { type PropsWithChildren } from 'react';
 export type DropdownMenuSectionProps = PropsWithChildren<{
     title?: string;
+    bgColor?: string;
 }>;

package/index.d.ts

@@ -5,7 +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 { CalendarSuperForm, type CalendarSuperFormProps, CalendarDropdown, type CalendarDropdownProps, dateToStruct, structToDate, dateToStructTz, structToDateTz, getTimezoneOffset, } from './Calendar';
 export { DatePicker, DatePickerField, DateTimePicker, DateTimePickerField, } from './DateTimePicker';
 export { DropdownMenu, DropdownMenuButton, DropdownMenuSection, DropdownMenuItem, } from './DropdownMenu';
 export { GetStartedPage } from './GetStartedPage';

package/index.js

@@ -5,7 +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 { CalendarSuperForm, CalendarDropdown, dateToStruct, structToDate, dateToStructTz, structToDateTz, getTimezoneOffset } from './Calendar';
 export { DatePicker, DatePickerField, DateTimePicker, DateTimePickerField } from './DateTimePicker';
 export { DropdownMenu, DropdownMenuButton, DropdownMenuSection, DropdownMenuItem } from './DropdownMenu';
 export { GetStartedPage } from './GetStartedPage';

package/package.json

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