@pushwoosh/dumb-components 1.1.235 → 1.1.237

package/WhatsAppPreview/components/WhatsAppMessageContent/styles.d.ts

@@ -1,6 +1,6 @@
 export declare const MessageText: import("styled-components").StyledComponent<"span", any, {
-    $color?: string | undefined;
-    $uppercase?: boolean | undefined;
-    $ellipsis?: boolean | undefined;
-    $variant?: import("@pushwoosh/kit-typography").TypographyVariant | undefined;
+    $color?: string;
+    $uppercase?: boolean;
+    $ellipsis?: boolean;
+    $variant?: import("@pushwoosh/kit-typography").TypographyVariant;
 }, never>;

package/WhatsAppPreview/styles.d.ts

@@ -1,13 +1,13 @@
 import { Color, ShapeRadius } from '@pushwoosh/kit-constants';
 export declare const Backdrop: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
-    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
-    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
-    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
+    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue;
+    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum;
+    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue;
 } & {
-    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
-    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
+    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense";
+    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
 } & {
     $gridAutoFlow: string;
 } & {
@@ -19,14 +19,14 @@ export declare const Backdrop: import("styled-components").StyledComponent<"div"
     $width: number;
 }, "$gridAutoFlow" | "$bgColor" | "$borderRadius" | "$padding" | "$width" | "$alignContent" | "$justifyItems">;
 export declare const Card: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
-    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
-    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
-    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
+    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue;
+    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum;
+    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue;
 } & {
-    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
-    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
+    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense";
+    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
 } & {
     $gridAutoFlow: string;
 } & {
@@ -39,20 +39,20 @@ export declare const Card: import("styled-components").StyledComponent<"div", an
     $width: number;
 }, "$gridAutoFlow" | "$bgColor" | "$border" | "$borderRadius" | "$padding" | "$width" | "$alignContent" | "$gap">;
 export declare const PreviewText: import("styled-components").StyledComponent<"span", any, {
-    $color?: string | undefined;
-    $uppercase?: boolean | undefined;
-    $ellipsis?: boolean | undefined;
-    $variant?: import("@pushwoosh/kit-typography").TypographyVariant | undefined;
+    $color?: string;
+    $uppercase?: boolean;
+    $ellipsis?: boolean;
+    $variant?: import("@pushwoosh/kit-typography").TypographyVariant;
 }, never>;
 export declare const AppBar: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
-    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
-    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
-    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
+    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue;
+    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum;
+    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue;
 } & {
-    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
-    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
+    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense";
+    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
 } & {
     $gridAutoFlow: string;
 } & {
@@ -65,23 +65,23 @@ export declare const AppBar: import("styled-components").StyledComponent<"div",
     };
 }, "$gridAutoFlow" | "$padding" | "$alignItems" | "$gap" | "$justifyContent">;
 export declare const AppName: import("styled-components").StyledComponent<"span", any, {
-    $color?: string | undefined;
-    $uppercase?: boolean | undefined;
-    $ellipsis?: boolean | undefined;
-    $variant?: import("@pushwoosh/kit-typography").TypographyVariant | undefined;
+    $color?: string;
+    $uppercase?: boolean;
+    $ellipsis?: boolean;
+    $variant?: import("@pushwoosh/kit-typography").TypographyVariant;
 } & {
     $color: Color;
     $ellipsis: boolean;
 }, "$color" | "$ellipsis">;
 export declare const MissedRow: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
-    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
-    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
-    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
+    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue;
+    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum;
+    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue;
 } & {
-    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
-    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
+    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense";
+    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
 } & {
     $sizes: import("@pushwoosh/kit-helpers/styled-helpers").StrNum;
 } & {
@@ -90,14 +90,14 @@ export declare const MissedRow: import("styled-components").StyledComponent<"div
     $sizes: string;
 }, "$alignItems" | "$gap" | "$sizes">;
 export declare const MissedGlyph: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
-    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
-    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
-    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
+    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue;
+    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum;
+    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue;
 } & {
-    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
-    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
+    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense";
+    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
 } & {
     $gridAutoFlow: string;
 } & {
@@ -109,19 +109,19 @@ export declare const MissedGlyph: import("styled-components").StyledComponent<"d
     $height: number;
 }, "$gridAutoFlow" | "$bgColor" | "$borderRadius" | "$height" | "$width" | "$alignItems" | "$justifyContent">;
 export declare const MissedTitle: import("styled-components").StyledComponent<"span", any, {
-    $color?: string | undefined;
-    $uppercase?: boolean | undefined;
-    $ellipsis?: boolean | undefined;
-    $variant?: import("@pushwoosh/kit-typography").TypographyVariant | undefined;
+    $color?: string;
+    $uppercase?: boolean;
+    $ellipsis?: boolean;
+    $variant?: import("@pushwoosh/kit-typography").TypographyVariant;
 } & {
     $color: Color;
     $ellipsis: boolean;
 }, "$color" | "$ellipsis">;
 export declare const MissedHint: import("styled-components").StyledComponent<"span", any, {
-    $color?: string | undefined;
-    $uppercase?: boolean | undefined;
-    $ellipsis?: boolean | undefined;
-    $variant?: import("@pushwoosh/kit-typography").TypographyVariant | undefined;
+    $color?: string;
+    $uppercase?: boolean;
+    $ellipsis?: boolean;
+    $variant?: import("@pushwoosh/kit-typography").TypographyVariant;
 } & {
     $color: Color;
 }, "$color">;

package/helpers/timezones.d.ts

@@ -19,5 +19,3 @@ export declare function resolveTimezoneOption(timezone: string, at?: Date): Time
 export declare function listTimezones(at?: Date, include?: Array<string | null | undefined>): TimezoneOption[];
 /** Option matching a stored value: by zone name, or for a legacy numeric offset (minutes east of UTC) the first zone with that offset at `at`. */
 export declare function findTimezoneOption(options: TimezoneOption[], value: string | number | null | undefined, at?: Date): TimezoneOption | null;
-/** @deprecated Use `listTimezones`; kept for one release so consumers can migrate without a build break. */
-export declare const getSortedTimezones: typeof listTimezones;

package/helpers/timezones.js

@@ -77,6 +77,4 @@ export function findTimezoneOption(options, value, at = new Date()) {
   const offset = Number(value);
   if (!Number.isFinite(offset)) return null;
   return options.find(option => getTimezoneOffsetSafe(option.value, at) === offset) ?? null;
-}
-/** @deprecated Use `listTimezones`; kept for one release so consumers can migrate without a build break. */
-export const getSortedTimezones = listTimezones;
+}

package/index.d.ts

@@ -59,4 +59,4 @@ export { ApplicationPreloader, type ApplicationPreloaderProps, } from './Applica
 export { NotificationInbox, NotificationBar, NotificationBell, type Notification, type NotificationInboxProps, type NotificationSeverity, type NotificationBarType, type NotificationBarProps, type NotificationBellProps, } from './NotificationInbox';
 export { LeafletTheme } from './LeafletTheme';
 export { buildBarcodeUrl, barcodePlaceholderSafeEscape, isBarcodePlaceholder, type BarcodeSymbology, type BarcodeUrlParams, } from './helpers/barcodeUrl';
-export { canonicalizeTimezone, findTimezoneOption, formatTimezoneLabel, formatTimezoneOffset, getBrowserTimezone, getSortedTimezones, getTimezoneOffsetSafe, listTimezones, resolveTimezoneOption, type TimezoneOption, } from './helpers/timezones';
+export { canonicalizeTimezone, findTimezoneOption, formatTimezoneLabel, formatTimezoneOffset, getBrowserTimezone, getTimezoneOffsetSafe, listTimezones, resolveTimezoneOption, type TimezoneOption, } from './helpers/timezones';

package/index.js

@@ -57,4 +57,4 @@ export { ApplicationPreloader } from './ApplicationPreloader';
 export { NotificationInbox, NotificationBar, NotificationBell } from './NotificationInbox';
 export { LeafletTheme } from './LeafletTheme';
 export { buildBarcodeUrl, barcodePlaceholderSafeEscape, isBarcodePlaceholder } from './helpers/barcodeUrl';
-export { canonicalizeTimezone, findTimezoneOption, formatTimezoneLabel, formatTimezoneOffset, getBrowserTimezone, getSortedTimezones, getTimezoneOffsetSafe, listTimezones, resolveTimezoneOption } from './helpers/timezones';
+export { canonicalizeTimezone, findTimezoneOption, formatTimezoneLabel, formatTimezoneOffset, getBrowserTimezone, getTimezoneOffsetSafe, listTimezones, resolveTimezoneOption } from './helpers/timezones';

package/package.json

@@ -1,45 +1,34 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.1.235",
+  "version": "1.1.237",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",
   "types": "index.d.ts",
   "sideEffects": false,
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "directory": "dist"
   },
-  "scripts": {
-    "start": "npm --prefix ./storybook run storybook",
-    "build": "pushwoosh-engine lib:build",
-    "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",
-    "test": "jest"
-  },
-  "pre-commit": "check",
   "engines": {
-    "node": ">= 22",
-    "npm": ">= 7"
+    "node": ">= 24"
   },
   "devDependencies": {
-    "@pushwoosh/frontend-builder-engine": "^3.1.0",
     "@svgr/webpack": "^8.1.0",
+    "@testing-library/dom": "^10.4.2",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
     "@types/jest": "^30.0.0",
     "@types/lodash": "^4.17.13",
-    "@types/react": "^18.2.69",
-    "@types/react-dom": "^18.2.22",
+    "@types/react": "^18.3.31",
+    "@types/react-dom": "^18.3.7",
     "@types/react-transition-group": "^4.4.12",
-    "@types/styled-components": "^5.1.36",
+    "@types/styled-components": "^5.1.34",
     "glob": "^11.0.3",
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.2.0",
-    "pre-commit": "^1.2.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "styled-components": "^5.3.11",
     "ts-jest": "^29.4.6"
   },
@@ -47,16 +36,19 @@
     "@codemirror/lang-html": "^6.4.9",
     "@codemirror/lang-json": "^6.0.1",
     "@codemirror/lang-liquid": "^6.2.2",
+    "@codemirror/language": "^6.12.4",
+    "@codemirror/view": "^6.43.11",
     "@floating-ui/react-dom": "^2.1.2",
     "@lezer/highlight": "^1.2.1",
-    "@pushwoosh/kit-constants": "^1.9.0",
-    "@pushwoosh/kit-helpers": "^4.11.0",
+    "@pushwoosh/kit-constants": "^1.12.3",
+    "@pushwoosh/kit-helpers": "^4.12.5",
     "@pushwoosh/kit-icons": "^2.1.16",
-    "@pushwoosh/kit-typography": "^1.7.5",
+    "@pushwoosh/kit-typography": "^1.8.4",
     "@tippyjs/react": "^4.2.6",
     "@uiw/codemirror-themes": "^4.23.8",
     "@uiw/react-codemirror": "^4.23.8",
     "emoji-mart": "^5.6.0",
+    "es-toolkit": "^1.52.0",
     "liquidjs": "^10.18.0",
     "lodash": "^4.17.23",
     "polished": "^4.3.1",
@@ -64,11 +56,21 @@
     "react-transition-group": "^4.4.5",
     "slate": "^0.126.0",
     "slate-history": "^0.113.1",
-    "slate-react": "^0.126.0"
+    "slate-react": "^0.126.0",
+    "tippy.js": "^6.3.7"
   },
   "peerDependencies": {
     "react": "^16.14.0 || ^18.3.1",
     "react-dom": "^16.14.0 || ^18.3.1",
     "styled-components": "^5.3.3 || ^6.0.0"
+  },
+  "scripts": {
+    "start": "pnpm --dir storybook start",
+    "build": "pushwoosh-engine lib:build",
+    "check": "pnpm run check:lint && pnpm 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",
+    "test": "jest"
   }
-}
+}