unlayer-types 1.111.0 → 1.126.0

package/embed.d.ts

@@ -1,7 +1,3 @@
-/// <reference types="react" />
-/// <reference types="dompurify" />
-/// <reference types="lodash" />
-/// <reference types="react-modal" />
 declare module "engine/config/editorSettings" {
     export interface EditorSettings {
         minHeaders?: number;
@@ -1591,7 +1587,7 @@ declare module "engine/config/safeHtml" {
         allowOnClick?: boolean;
         force?: boolean;
         domPurifyOptions?: SafeHtmlOptions['domPurifyOptions'];
-    }): any;
+    }): TrustedHTML;
     export const toSafeHtml: typeof _toSafeHtml & import("lodash").MemoizedFunction;
 }
 declare module "engine/translations/types" {
@@ -1808,7 +1804,7 @@ declare module "editor/components/common/Modal" {
         innerContentStyle?: React.CSSProperties;
         overlayStyle?: React.CSSProperties;
     }
-    export function Modal(props: ModalProps): JSX.Element;
+    export function Modal(props: ModalProps): React.JSX.Element;
 }
 declare module "editor/components/common/ConditionalWrap" {
     import React from 'react';
@@ -1832,11 +1828,11 @@ declare module "editor/components/common/Loader" {
         loadingClassName?: string;
         size?: 'small' | 'normal';
     }
-    export function Loader(props: LoaderProps): JSX.Element;
+    export function Loader(props: LoaderProps): React.JSX.Element;
 }
 declare module "engine/utils/withHook" {
     import React from 'react';
-    export function withHook<P extends object, C extends React.ComponentType<P>, HookName extends string, HookFn extends (props: P) => any>(Component: C, hookName: HookName, useHook: HookFn): React.MemoExoticComponent<React.ForwardRefExoticComponent<React.PropsWithoutRef<P & Record<HookName, ReturnType<HookFn>>> & React.RefAttributes<unknown>>>;
+    export function withHook<P extends object, C extends React.ComponentType<P>, HookName extends string, HookFn extends (props: P) => any>(Component: C, hookName: HookName, useHook: HookFn): React.MemoExoticComponent<React.ForwardRefExoticComponent<React.RefAttributes<unknown>>>;
 }
 declare module "editor/hooks/useForceRerender" {
     export function useForceRerender({ debounce, throttle, }?: {
@@ -1847,7 +1843,7 @@ declare module "editor/hooks/useForceRerender" {
 declare module "editor/hooks/useConfig" {
     import React from 'react';
     export function useConfig(): any;
-    export function withConfig<C extends React.ComponentType>(Component: C): React.MemoExoticComponent<React.ForwardRefExoticComponent<object & Record<"config", any> & React.RefAttributes<unknown>>>;
+    export function withConfig<C extends React.ComponentType>(Component: C): React.MemoExoticComponent<React.ForwardRefExoticComponent<React.RefAttributes<unknown>>>;
 }
 declare module "engine/utils/position" {
     import { DisplayMode } from "state/types/types";
@@ -1872,14 +1868,14 @@ declare module "editor/components/editors/PositionEditor" {
     export type PositionEditorProps = EditorProps<PositionEditorValue, {
         positions?: Position[];
     }>;
-    export function PositionEditor(props: PositionEditorProps): JSX.Element;
+    export function PositionEditor(props: PositionEditorProps): React.JSX.Element;
     export function PositionEditorBase(props: Pick<PositionEditorProps, 'updateValue' | 'value' | 'widgetParams'> & {
         className?: string;
         itemSize?: number;
         spacing?: number;
         style?: React.CSSProperties;
         valueLabelPosition?: 'left' | 'right' | 'none';
-    }): JSX.Element;
+    }): React.JSX.Element;
 }
 declare module "editor/hooks/useDynamicRef" {
     export function useDynamicRef<T>(value: T): import("react").MutableRefObject<T>;
@@ -1903,7 +1899,7 @@ declare module "editor/design-system/components/Input" {
         validationStatus?: 'error' | 'warn' | 'success';
         value: string | number;
     }
-    export const Input: React.ForwardRefExoticComponent<Pick<InputProps, keyof InputProps> & React.RefAttributes<HTMLInputElement>>;
+    export const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
     export const S: {
         Form: import("styled-components").StyledComponent<any, any, any, any>;
         FormInputGroup: import("styled-components").StyledComponent<any, any, any, any>;
@@ -1946,7 +1942,7 @@ declare module "editor/design-system/components/Tooltip" {
         tooltip: Ariakit.TooltipProps['children'];
         tooltipWrapper?: Ariakit.TooltipAnchorProps['render'];
     }
-    export function Tooltip(props: TooltipProps): JSX.Element;
+    export function Tooltip(props: TooltipProps): React.JSX.Element;
 }
 declare module "editor/helpers/intl" {
     import { IntlShape } from 'react-intl';
@@ -2016,7 +2012,7 @@ declare module "editor/design-system/components/Dropdown" {
         groupedOptions?: never;
         renderOptionGroupHeader?: never;
     });
-    export function Dropdown(props: DropdownProps): JSX.Element;
+    export function Dropdown(props: DropdownProps): React.JSX.Element;
 }
 declare module "editor/design-system/components/CounterInput" {
     import React from 'react';
@@ -2040,14 +2036,15 @@ declare module "editor/design-system/components/CounterInput" {
         validationDOMTarget?: InputProps['validationDOMTarget'];
         value: number | string;
     }
-    export default function CounterInput(props: CounterInputProps): JSX.Element;
+    export default function CounterInput(props: CounterInputProps): React.JSX.Element;
 }
 declare module "editor/components/editors/common/Counter" {
+    import React from 'react';
     import { CounterInputProps } from "editor/design-system/components/CounterInput";
     export interface CounterProps extends Omit<CounterInputProps, 'displayMode'> {
         right?: boolean;
     }
-    export default function Counter(props: CounterProps): JSX.Element;
+    export default function Counter(props: CounterProps): React.JSX.Element;
 }
 declare module "engine/utils/sizeUtils" {
     import { DisplayMode } from "state/types/types";
@@ -2163,7 +2160,7 @@ declare module "editor/design-system/components/SegmentedControl" {
         items: SegmentedControlItem[];
         renderLabel?: (item: SegmentedControlItem) => React.ReactNode;
     }
-    export function SegmentedControl(props: SegmentedControlProps): JSX.Element;
+    export function SegmentedControl(props: SegmentedControlProps): React.JSX.Element;
 }
 declare module "state/types/RootState" {
     import { StateType } from 'typesafe-actions';
@@ -2333,6 +2330,7 @@ declare module "editor/components/common/ImageUploadButton" {
     export const ImageUploadButton: React.ForwardRefExoticComponent<ImageUploadButtonProps & React.RefAttributes<ImageUploadButtonInstance>>;
 }
 declare module "editor/design-system/components/Progress" {
+    import React from 'react';
     export interface ProgressBarProps {
         progress: number;
         className?: string;
@@ -2341,7 +2339,7 @@ declare module "editor/design-system/components/Progress" {
         height?: string;
         animationDuration?: number;
     }
-    export function Progress(props: ProgressBarProps): JSX.Element;
+    export function Progress(props: ProgressBarProps): React.JSX.Element;
 }
 declare module "engine/utils/explodePaddingsOrMargins" {
     export function explodePaddingsOrMargins(value: number | string | undefined): {
@@ -2370,7 +2368,7 @@ declare module "editor/components/editors/common/WidgetLabel" {
             deviceName: Device | undefined;
         }) => void;
     };
-    export function WidgetLabel(props: WidgetLabelProps): JSX.Element;
+    export function WidgetLabel(props: WidgetLabelProps): React.JSX.Element;
     export function getOptionModificationInfo({ defaultValue, deviceName, getValue, optionName, }: {
         defaultValue: any;
         deviceName: Device | null | undefined;
@@ -2400,6 +2398,7 @@ declare module "editor/design-system/components/ToggleSwitch" {
     export const ToggleSwitch: React.ForwardRefExoticComponent<ToggleSwitchProps & React.RefAttributes<HTMLLabelElement>>;
 }
 declare module "editor/components/editors/AutoWidthEditor" {
+    import * as React from 'react';
     import { EditorProps } from "editor/components/editors/types";
     import { WidgetLabelProps } from "editor/components/editors/common/WidgetLabel";
     import { Device } from "state/types/types";
@@ -2425,7 +2424,7 @@ declare module "editor/components/editors/AutoWidthEditor" {
             onReset: NonNullable<WidgetLabelProps['onReset']>;
         };
     }
-    export const AutoWidthEditorBase: (props: AutoWidthEditorBaseProps) => JSX.Element;
+    export const AutoWidthEditorBase: (props: AutoWidthEditorBaseProps) => React.JSX.Element;
 }
 declare module "engine/tools/content/carousel" {
     export const DEFAULT_CAROUSEL_PLACEHOLDER = "https://cdn.tools.unlayer.com/carousel/placeholder.png";
@@ -2635,9 +2634,10 @@ declare module "editor/design-system/components/Bar" {
         tooltipPlacement?: TooltipProps['placement'];
         popoverPlacement?: PopoverProps['placement'];
     }
-    export function Bar(props: BarProps): JSX.Element;
+    export function Bar(props: BarProps): React.JSX.Element;
 }
 declare module "editor/components/editors/pixie/PixieImageEditor" {
+    import React from 'react';
     type ImageBlob = {
         lastModifiedDate?: Date;
         name?: string;
@@ -2647,7 +2647,7 @@ declare module "editor/components/editors/pixie/PixieImageEditor" {
         toggleModal: () => void;
         onComplete: (blob: ImageBlob) => void;
     }
-    const PixieImageEditor: (props: PixieImageEditorProps) => JSX.Element;
+    const PixieImageEditor: (props: PixieImageEditorProps) => React.JSX.Element;
     export default PixieImageEditor;
 }
 declare module "editor/components/editors/ImageEditor" {
@@ -2705,9 +2705,10 @@ declare module "editor/components/common/Dropzone" {
             imageInfo?: boolean;
         };
     }
-    export function Dropzone(props: DropzoneProps): JSX.Element;
+    export function Dropzone(props: DropzoneProps): React.JSX.Element;
 }
 declare module "editor/components/common/ImageUploadErrorMessage" {
+    import React from 'react';
     import { IntlShape } from 'react-intl';
     export interface ImageUploadErrorMessageProps {
         error: Error | boolean | null | undefined;
@@ -2718,10 +2719,10 @@ declare module "editor/components/common/ImageUploadErrorMessage" {
         maxSize: number;
         intl: IntlShape;
     }): any;
-    export function ImageUploadErrorMessage(props: ImageUploadErrorMessageProps): JSX.Element;
+    export function ImageUploadErrorMessage(props: ImageUploadErrorMessageProps): React.JSX.Element;
 }
 declare module "editor/components/editors/ImageUploader" {
-    import { RefObject } from 'react';
+    import React, { RefObject } from 'react';
     import { DropEvent, FileRejection } from 'react-dropzone';
     import { ImageUploadButtonInstance, ImageUploadButtonProps } from "editor/components/common/ImageUploadButton";
     import { Location } from "state/types/types";
@@ -2762,7 +2763,7 @@ declare module "editor/components/editors/ImageUploader" {
         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;
+    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) => React.JSX.Element;
 }
 declare module "editor/components/editors/BackgroundImageEditor" {
     import { EditorProps } from "editor/components/editors/types";
@@ -2851,13 +2852,14 @@ declare module "embed/Editor" {
     export const LATEST_VERSION: string;
     export const STABLE_VERSION: string;
     export const ENV_VERSION: string;
+    export const DEFAULT_VERSION: string;
     export class Editor {
         frame: Frame | null;
         constructor(config?: Config);
         init(config?: Config): void;
         destroy(): void;
         versions: {
-            current: string;
+            current: string | undefined;
             latest: string;
             stable: string;
         };

package/package.json

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