unlayer-types 1.82.0 → 1.101.0

package/embed.d.ts

@@ -306,6 +306,13 @@ declare module "editor/themes/types" {
                         backgroundColor?: ColorValue;
                         textColor?: ColorValue;
                     };
+                    ':highlighted'?: {
+                        backgroundColor?: ColorValue;
+                        textColor?: ColorValue;
+                    };
+                };
+                separator: {
+                    borderColor?: ColorValue;
                 };
             };
             input: {
@@ -1151,6 +1158,15 @@ declare module "state/types/types" {
         value: string;
         label: string;
         enabled?: boolean;
+        highlight?: boolean;
+        onClick?: (_option: {
+            label?: string;
+            value: string;
+        }, _meta: object, done: (result: {
+            value: string;
+        }) => void) => void;
+    } | {
+        type: 'separator';
     };
     export interface LinkTypeField {
         name: string;
@@ -1177,6 +1193,7 @@ declare module "state/types/types" {
             target?: string;
             onClick?: string | Function;
             class?: string;
+            download?: boolean;
             [key: string]: any;
         };
         fields?: LinkTypeField[];
@@ -1416,6 +1433,25 @@ declare module "engine/config/features" {
             text: string;
         }, callback: (text: string) => void) => void;
     }
+    export type ColorGroup = {} & ({
+        id: 'brand_colors' | 'common_colors' | 'template_colors';
+        label?: string;
+        colors?: string[];
+        default?: boolean;
+    } | {
+        id?: never;
+        label: string;
+        colors: string[];
+        default?: boolean;
+    });
+    export interface ColorPicker {
+        /** @deprecated Use colors: string[] or colors: [{ id: "common_colors", label: 'Common Colors', colors: string[] }] instead */
+        presets?: string[];
+        /** @deprecated Use colors: [{ id: "brand_colors", label: 'Brand Colors', colors: string[] }] instead */
+        brandColors?: string[];
+        colors?: string[] | ColorGroup[];
+        limit?: number;
+    }
     export interface Features {
         audit?: boolean;
         blocks?: boolean;
@@ -1448,9 +1484,7 @@ declare module "engine/config/features" {
             defaultFontSize?: string;
             customButtons?: TextEditorCustomButton[];
         };
-        colorPicker?: {
-            presets?: string[];
-        };
+        colorPicker?: ColorPicker;
         legacy?: {
             disableHoverButtonColors?: boolean;
         };
@@ -1472,7 +1506,9 @@ declare module "engine/config/features" {
         sendTestEmail?: boolean;
     }
     export function setFeatures(newFeatures: Features): void;
-    export function setOverrideFeatures(overrideFeatures: Features): void;
+    export function setOverrideFeatures(overrideFeatures: Features, options?: {
+        deepmerge?: boolean;
+    }): void;
     export function overrideFeatures(newOverrideFeatures: Features): void;
     export function getFeatures(): Features;
     export function getFeature(path: string | string[]): any;
@@ -1642,6 +1678,7 @@ declare module "embed/Config" {
     export interface ExportHtmlOptions {
         amp?: boolean;
         cleanup?: boolean;
+        inlineStyles?: boolean;
         textDirection?: TextDirection;
         isPreview?: boolean;
         language?: string;
@@ -1911,6 +1948,10 @@ declare module "editor/design-system/components/Tooltip" {
     }
     export function Tooltip(props: TooltipProps): JSX.Element;
 }
+declare module "editor/helpers/intl" {
+    import { IntlShape } from 'react-intl';
+    export function getIntlLabel<Label extends any>(intl: IntlShape, label: string | Label): string | Label;
+}
 declare module "editor/design-system/components/Dropdown" {
     import React from 'react';
     import * as Ariakit from '@ariakit/react';
@@ -1945,6 +1986,7 @@ declare module "editor/design-system/components/Dropdown" {
         caret?: boolean;
         disabled?: boolean;
         fallbackLabel?: string;
+        id?: string;
         label?: React.ReactNode;
         multi?: boolean;
         triggerLabel?: string | React.ReactNode;
@@ -2290,9 +2332,6 @@ declare module "editor/components/common/ImageUploadButton" {
     }
     export const ImageUploadButton: React.ForwardRefExoticComponent<ImageUploadButtonProps & React.RefAttributes<ImageUploadButtonInstance>>;
 }
-declare module "engine/tools/content/image" {
-    export const DEFAULT_IMAGE_PLACEHOLDER = "https://cdn.tools.unlayer.com/image/placeholder.png";
-}
 declare module "editor/design-system/components/Progress" {
     export interface ProgressBarProps {
         progress: number;
@@ -2304,90 +2343,13 @@ declare module "editor/design-system/components/Progress" {
     }
     export function Progress(props: ProgressBarProps): JSX.Element;
 }
-declare module "engine/tools/content/carousel" {
-    export const DEFAULT_CAROUSEL_PLACEHOLDER = "https://cdn.tools.unlayer.com/carousel/placeholder.png";
-}
-declare module "editor/components/common/Dropzone" {
-    import React from 'react';
-    import { DropzoneOptions } from 'react-dropzone';
-    export interface DropzoneProps {
-        children?: React.ReactNode;
-        disabled?: boolean;
-        isUploading?: boolean;
-        maxSize?: number;
-        options?: DropzoneOptions;
-        uploadProgress?: number;
-        imageUrl?: string;
-        imageWidth?: number;
-        imageHeight?: number;
-        imageSize?: number;
-        imageName?: string;
-        isEditImageButtonDisabled?: boolean;
-        onEditImageClick?: () => void;
-        shouldRender?: {
-            dropzone?: boolean;
-            editImageButton?: boolean;
-            imageInfo?: boolean;
-        };
-    }
-    export function Dropzone(props: DropzoneProps): JSX.Element;
-}
-declare module "editor/components/common/ImageUploadErrorMessage" {
-    import { IntlShape } from 'react-intl';
-    export interface ImageUploadErrorMessageProps {
-        error: Error | boolean | null | undefined;
-        maxSize?: number;
-        onClick?: () => void;
-    }
-    export function getImageUploadErrorMessage(error: ImageUploadErrorMessageProps['error'], { maxSize, intl }: {
-        maxSize: number;
-        intl: IntlShape;
-    }): any;
-    export function ImageUploadErrorMessage(props: ImageUploadErrorMessageProps): JSX.Element;
-}
-declare module "editor/components/editors/ImageUploader" {
-    import { RefObject } from 'react';
-    import { DropEvent, FileRejection } from 'react-dropzone';
-    import { ImageUploadButtonInstance, ImageUploadButtonProps } from "editor/components/common/ImageUploadButton";
-    import { Location } from "state/types/types";
-    export interface ImageUploaderProps {
-        disabled?: boolean;
-        shouldRender: {
-            dropzone?: boolean;
-            editImageButton?: boolean;
-            /** @deprecated Use editImageButton instead */
-            effects?: boolean;
-            imageInfo?: boolean;
-            moreImages?: boolean;
-            stockImages?: boolean;
-            uploadButton?: boolean;
-            userUploads?: boolean;
-        };
-        label: string;
-        optionName: string;
-        location: Location;
-        maxSize: number;
-        intl: any;
-        onDropAccepted: (files: File[]) => void;
-        onDropRejected: (fileRejections: FileRejection[], event: DropEvent) => void;
-        isUploading?: boolean;
-        uploadProgress?: number;
-        imageUrl?: string;
-        imageWidth?: number;
-        imageHeight?: number;
-        imageSize?: number;
-        togglePixieModal: () => void;
-        imageExists?: boolean;
-        error: boolean | Error | null;
-        onImageSelect: ImageUploadButtonProps['onImageSelect'];
-        onImageUpload: ImageUploadButtonProps['onImageUpload'];
-        onUploadProgressChange: ImageUploadButtonProps['onUploadProgressChange'];
-        onUploadStatusChange: ImageUploadButtonProps['onUploadStatusChange'];
-        onErrorChange: (error: Error | null) => void;
-        imageUploadButtonRef: RefObject<ImageUploadButtonInstance>;
-        showError?: boolean;
-    }
-    export const ImageUploader: ({ disabled, shouldRender: _shouldRender, label, optionName, location, maxSize, intl, onDropAccepted, onDropRejected, isUploading, uploadProgress, imageUrl, imageWidth, imageHeight, imageSize, togglePixieModal, imageExists, error, onImageSelect, onImageUpload, onUploadProgressChange, onUploadStatusChange, onErrorChange, imageUploadButtonRef, showError, ...restProps }: ImageUploaderProps) => JSX.Element;
+declare module "engine/utils/explodePaddingsOrMargins" {
+    export function explodePaddingsOrMargins(value: number | string | undefined): {
+        top: number | undefined;
+        right: number | undefined;
+        bottom: number | undefined;
+        left: number | undefined;
+    };
 }
 declare module "editor/components/editors/common/WidgetLabel" {
     import React from 'react';
@@ -2421,6 +2383,56 @@ declare module "editor/components/editors/common/WidgetLabel" {
         showResetButton: boolean;
     };
 }
+declare module "editor/design-system/components/ToggleSwitch" {
+    import React from 'react';
+    export interface ToggleSwitchProps {
+        children?: React.ReactNode;
+        className?: string;
+        disabled?: boolean;
+        isChecked: boolean;
+        left?: React.ReactNode;
+        onChange: (isChecked: boolean) => void;
+        right?: React.ReactNode;
+        toggleLeft?: React.ReactNode;
+        size?: number;
+        style?: React.CSSProperties;
+    }
+    export const ToggleSwitch: React.ForwardRefExoticComponent<ToggleSwitchProps & React.RefAttributes<HTMLLabelElement>>;
+}
+declare module "editor/components/editors/AutoWidthEditor" {
+    import { EditorProps } from "editor/components/editors/types";
+    import { WidgetLabelProps } from "editor/components/editors/common/WidgetLabel";
+    import { Device } from "state/types/types";
+    export interface AutoWidthEditorValue {
+        autoWidth?: boolean;
+        width?: number | string;
+    }
+    export type AutoWidthEditorProps = EditorProps<AutoWidthEditorValue> & {
+        widgetParams?: {
+            hint?: string | {
+                id: string;
+                defaultValue: string;
+            };
+        };
+    };
+    export interface AutoWidthEditorBaseProps extends Pick<AutoWidthEditorProps, 'value' | 'defaultValue' | 'disabled' | 'isLockedByStyleGuide'> {
+        defaultWidthIsCalculated?: boolean;
+        deviceName?: Device;
+        widgetLabelProps: Omit<WidgetLabelProps, 'defaultValue' | 'onReset'>;
+        handlers: {
+            onToggleAutoWidth: (autoWidth: AutoWidthEditorValue['autoWidth']) => void;
+            onChangeWidth: (width: number) => void;
+            onReset: NonNullable<WidgetLabelProps['onReset']>;
+        };
+    }
+    export const AutoWidthEditorBase: (props: AutoWidthEditorBaseProps) => JSX.Element;
+}
+declare module "engine/tools/content/carousel" {
+    export const DEFAULT_CAROUSEL_PLACEHOLDER = "https://cdn.tools.unlayer.com/carousel/placeholder.png";
+}
+declare module "engine/tools/content/image" {
+    export const DEFAULT_IMAGE_PLACEHOLDER = "https://cdn.tools.unlayer.com/image/placeholder.png";
+}
 declare module "editor/themes/helpers" {
     import { Theme } from "editor/themes/types";
     export function parseThemeValues<T extends Theme>(theme: T): T;
@@ -2485,22 +2497,6 @@ declare module "editor/components/editors/pixie/pixie.umd" {
     };
     export = _exports;
 }
-declare module "editor/design-system/components/ToggleSwitch" {
-    import React from 'react';
-    export interface ToggleSwitchProps {
-        children?: React.ReactNode;
-        className?: string;
-        disabled?: boolean;
-        isChecked: boolean;
-        left?: React.ReactNode;
-        onChange: (isChecked: boolean) => void;
-        right?: React.ReactNode;
-        toggleLeft?: React.ReactNode;
-        size?: number;
-        style?: React.CSSProperties;
-    }
-    export const ToggleSwitch: React.ForwardRefExoticComponent<ToggleSwitchProps & React.RefAttributes<HTMLLabelElement>>;
-}
 declare module "editor/design-system/components/Popover" {
     import React from 'react';
     import * as Ariakit from '@ariakit/react';
@@ -2654,6 +2650,120 @@ declare module "editor/components/editors/pixie/PixieImageEditor" {
     const PixieImageEditor: (props: PixieImageEditorProps) => JSX.Element;
     export default PixieImageEditor;
 }
+declare module "editor/components/editors/ImageEditor" {
+    import { EditorProps } from "editor/components/editors/types";
+    export type ImageEditorValue = {
+        url: string;
+        width?: number;
+        height?: number;
+        autoWidth?: boolean;
+        maxWidth?: string;
+        optimistic?: boolean;
+    };
+    export type ImageEditorProps = EditorProps<ImageEditorValue> & {
+        widgetParams?: {
+            shouldRender?: {
+                dropzone?: boolean;
+                editImageButton?: boolean;
+                /** @deprecated Use editImageButton instead */
+                effects?: boolean;
+                moreImages?: boolean;
+                stockImages?: boolean;
+                uploadButton?: boolean;
+                url?: boolean;
+                userUploads?: boolean;
+                width?: boolean;
+            } | false;
+            hint?: string | {
+                id: string;
+                defaultValue: string;
+            };
+        };
+    };
+    export function isDefaultImage(imageUrl: string | undefined): boolean;
+}
+declare module "editor/components/common/Dropzone" {
+    import React from 'react';
+    import { DropzoneOptions } from 'react-dropzone';
+    export interface DropzoneProps {
+        children?: React.ReactNode;
+        disabled?: boolean;
+        isUploading?: boolean;
+        maxSize?: number;
+        options?: DropzoneOptions;
+        uploadProgress?: number;
+        imageUrl?: string;
+        imageWidth?: number;
+        imageHeight?: number;
+        imageSize?: number;
+        imageName?: string;
+        isEditImageButtonDisabled?: boolean;
+        onEditImageClick?: () => void;
+        shouldRender?: {
+            dropzone?: boolean;
+            editImageButton?: boolean;
+            imageInfo?: boolean;
+        };
+    }
+    export function Dropzone(props: DropzoneProps): JSX.Element;
+}
+declare module "editor/components/common/ImageUploadErrorMessage" {
+    import { IntlShape } from 'react-intl';
+    export interface ImageUploadErrorMessageProps {
+        error: Error | boolean | null | undefined;
+        maxSize?: number;
+        onClick?: () => void;
+    }
+    export function getImageUploadErrorMessage(error: ImageUploadErrorMessageProps['error'], { maxSize, intl }: {
+        maxSize: number;
+        intl: IntlShape;
+    }): any;
+    export function ImageUploadErrorMessage(props: ImageUploadErrorMessageProps): JSX.Element;
+}
+declare module "editor/components/editors/ImageUploader" {
+    import { RefObject } from 'react';
+    import { DropEvent, FileRejection } from 'react-dropzone';
+    import { ImageUploadButtonInstance, ImageUploadButtonProps } from "editor/components/common/ImageUploadButton";
+    import { Location } from "state/types/types";
+    export interface ImageUploaderProps {
+        disabled?: boolean;
+        shouldRender: {
+            dropzone?: boolean;
+            editImageButton?: boolean;
+            /** @deprecated Use editImageButton instead */
+            effects?: boolean;
+            imageInfo?: boolean;
+            moreImages?: boolean;
+            stockImages?: boolean;
+            uploadButton?: boolean;
+            userUploads?: boolean;
+        };
+        label: string;
+        optionName: string;
+        location: Location;
+        maxSize: number;
+        intl: any;
+        onDropAccepted: (files: File[]) => void;
+        onDropRejected: (fileRejections: FileRejection[], event: DropEvent) => void;
+        isUploading?: boolean;
+        uploadProgress?: number;
+        imageUrl?: string;
+        imageWidth?: number;
+        imageHeight?: number;
+        imageSize?: number;
+        togglePixieModal: () => void;
+        imageExists?: boolean;
+        error: boolean | Error | null;
+        onImageSelect: ImageUploadButtonProps['onImageSelect'];
+        onImageUpload: ImageUploadButtonProps['onImageUpload'];
+        onUploadProgressChange: ImageUploadButtonProps['onUploadProgressChange'];
+        onUploadStatusChange: ImageUploadButtonProps['onUploadStatusChange'];
+        onErrorChange: (error: Error | null) => void;
+        imageUploadButtonRef: RefObject<ImageUploadButtonInstance>;
+        showError?: boolean;
+    }
+    export const ImageUploader: ({ disabled, shouldRender: _shouldRender, label, optionName, location, maxSize, intl, onDropAccepted, onDropRejected, isUploading, uploadProgress, imageUrl, imageWidth, imageHeight, imageSize, togglePixieModal, imageExists, error, onImageSelect, onImageUpload, onUploadProgressChange, onUploadStatusChange, onErrorChange, imageUploadButtonRef, showError, ...restProps }: ImageUploaderProps) => JSX.Element;
+}
 declare module "editor/components/editors/BackgroundImageEditor" {
     import { EditorProps } from "editor/components/editors/types";
     import { Position } from "engine/utils/position";
@@ -2737,15 +2847,21 @@ declare module "embed/Editor" {
     import { BodyValues } from "engine/options/bodies";
     import { Locale, TextDirection } from "engine/config/intl";
     import { DeepPartial } from "editor/components/editors/types";
+    import { ColorPicker } from "engine/config/features";
     export const LATEST_VERSION: string;
     export const STABLE_VERSION: string;
-    export const DEFAULT_VERSION: string;
+    export const ENV_VERSION: string;
     export class Editor {
         frame: Frame | null;
         constructor(config?: Config);
         init(config?: Config): void;
         destroy(): void;
-        version: string | undefined;
+        versions: {
+            current: string;
+            latest: string;
+            stable: string;
+        };
+        get version(): string;
         loadEditor(config: Config): void;
         renderEditor(config: Config): void;
         initEditor(config: Config): void;
@@ -2805,6 +2921,7 @@ declare module "embed/Editor" {
         clearValidators(): void;
         setCurrentLanguage(language: string): void;
         setLanguages(languages: Language[]): void;
+        setColorPickerConfig(colorPickerConfig: ColorPicker): void;
         registerContainerExporter(): void;
         registerItemExporter(): void;
         registerTool(): void;

package/package.json

@@ -1,5 +1,5 @@
 {
   "name": "unlayer-types",
-  "version": "1.82.0",
+  "version": "1.101.0",
   "license": "MIT"
 }