unlayer-types 1.95.0 → 1.101.0

package/embed.d.ts

@@ -2332,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;
@@ -2346,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';
@@ -2463,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;
@@ -2527,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';
@@ -2696,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";

package/package.json

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