@griddo/core 11.4.8 → 11.4.9-rc.1

package/dist/components/CloudinaryBackgroundImage/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import "./styles.css";
 /**
  * @deprecated This component will be removed from Griddo in the future.
@@ -17,5 +17,5 @@ declare function CloudinaryBackgroundImage({ backgroundRepeat, backgroundSize, b
     src: any;
     customLazyClassName?: string | undefined;
     lazy: any;
-}): JSX.Element;
+}): React.JSX.Element;
 export { CloudinaryBackgroundImage };

package/dist/components/CloudinaryImage/index.d.ts

@@ -1,6 +1,7 @@
 import type { CloudinaryImageCrop, CloudinaryImageFormat, CloudinaryResponsiveImageProps } from "../../hooks/useImage";
 import type { ImageDecoding, ImageLoading } from "../../types/core";
 import type { CSSProperties } from "react";
+import * as React from "react";
 import "react-aspect-ratio/aspect-ratio.css";
 export declare const internalDefaults: {
     domain: string;
@@ -23,7 +24,7 @@ export declare const internalDefaults: {
  *
  * @deprecated This component will be removed from Griddo in the future.
  */
-declare function CloudinaryImage(props: CloudinaryImageProps): JSX.Element;
+declare function CloudinaryImage(props: CloudinaryImageProps): React.JSX.Element;
 export interface CloudinaryImageProps {
     alt?: string;
     width?: string;

package/dist/components/Component/ComponentWrapper/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import * as React from "react";
 import "./style.css";
 /**
  * <Wrapper>
  */
-declare const Wrapper: (props: WrapperProps) => JSX.Element;
+declare const Wrapper: (props: WrapperProps) => React.JSX.Element;
 interface WrapperProps {
     selectedEditorID: number | null;
     editorID?: number;

package/dist/components/Component/ComponentWrapper/svg/Delete.d.ts

@@ -1,3 +1,4 @@
 import type { SVGProps } from "react";
-declare const SvgDelete: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+import * as React from "react";
+declare const SvgDelete: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
 export default SvgDelete;

package/dist/components/Component/ComponentWrapper/svg/Duplicate.d.ts

@@ -1,3 +1,4 @@
 import type { SVGProps } from "react";
-declare const SvgDuplicate: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+import * as React from "react";
+declare const SvgDuplicate: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
 export default SvgDuplicate;

package/dist/components/Component/FormWrapper/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import "./styles.css";
 interface FormWrapperProps {
     selectedEditorID: number | null;
@@ -7,5 +7,5 @@ interface FormWrapperProps {
     isSelectionAllowed: boolean;
     children: JSX.Element;
 }
-declare const FormWrapper: (props: FormWrapperProps) => JSX.Element;
+declare const FormWrapper: (props: FormWrapperProps) => React.JSX.Element;
 export { FormWrapper };

package/dist/components/Component/index.d.ts

@@ -1,4 +1,5 @@
 import type { FC } from "react";
+import * as React from "react";
 export interface ComponentProps {
     libComponents: Record<string, any>;
     editorID?: number;
@@ -23,7 +24,7 @@ export interface ComponentProps {
  *   {{ component: 'Hero', ...props }}
  * />
  */
-declare function Component({ libComponents, ...props }: ComponentProps): JSX.Element | null;
+declare function Component({ libComponents, ...props }: ComponentProps): React.JSX.Element | null;
 declare function getComponent(components: Record<string, FC<Omit<ComponentProps, "libComponents">>>, props: {
     component: string;
     [key: string]: unknown;

package/dist/components/GriddoImageExp/GriddoImageExp.stories.d.ts

@@ -6,13 +6,13 @@ export declare const IMAGES: {
     light: string;
     dark: string;
 };
-export declare const FromStarter: () => JSX.Element;
-export declare const OmitEveryWidthHeight: () => JSX.Element;
-export declare const OnlyArtDirection: () => JSX.Element;
-export declare const Simple: () => JSX.Element;
-export declare const WithSizes: () => JSX.Element;
-export declare const OnlyWidth: () => JSX.Element;
-export declare const ArtDirection: () => JSX.Element;
+export declare const FromStarter: () => React.JSX.Element;
+export declare const OmitEveryWidthHeight: () => React.JSX.Element;
+export declare const OnlyArtDirection: () => React.JSX.Element;
+export declare const Simple: () => React.JSX.Element;
+export declare const WithSizes: () => React.JSX.Element;
+export declare const OnlyWidth: () => React.JSX.Element;
+export declare const ArtDirection: () => React.JSX.Element;
 declare const _default: {
     title: string;
     component: React.ForwardRefExoticComponent<(Omit<import("./types").GriddoImageSvgExperimental, "ref"> | Omit<import("./types").GriddoImageGifExperimental, "ref"> | Omit<import("./types").GriddoImageJpgWebpAvifExperimental, "ref">) & React.RefAttributes<HTMLPictureElement>>;

package/dist/components/GriddoLink/index.d.ts

@@ -1,5 +1,6 @@
 import type { Url } from "../../types/api-response-fields";
 import type { ComponentPropsWithoutRef, CSSProperties, MouseEvent, ReactNode, Ref } from "react";
+import * as React from "react";
 /**
  * Renders a router component from internal/external Griddo link.
  * You may want to use `<GriddoLink>` instead of an `<a>` tag for internal Griddo pages.
@@ -11,7 +12,7 @@ import type { ComponentPropsWithoutRef, CSSProperties, MouseEvent, ReactNode, Re
  *   url={ linkToURL: 'https://...' }
  * />
  */
-declare function GriddoLink({ activeClassName, activeStyle, style, children, getProps, partiallyActive, state, url, title, className, ...props }: GriddoLinkProps): JSX.Element;
+declare function GriddoLink({ activeClassName, activeStyle, style, children, getProps, partiallyActive, state, url, title, className, ...props }: GriddoLinkProps): React.JSX.Element;
 export interface HLocation<S = unknown> {
     pathname: string;
     search: string;
@@ -49,7 +50,7 @@ export interface GriddoLinkProps extends Omit<ComponentPropsWithoutRef<"a">, "hr
     /** @deprecated If using React >= 16.4, use ref instead. */
     innerRef?: Ref<HTMLAnchorElement> | undefined;
     /** If using React >=16.4, Link will forward its ref to you. */
-    ref?: (node: HTMLAnchorElement | null) => ReactNode;
+    ref?: Ref<HTMLAnchorElement> | undefined;
     /** onCLick event */
     onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
     children?: ReactNode;

package/dist/components/LdJson/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 /**
  * Inject a google structured data with a `script` tag.
  *
@@ -7,4 +7,4 @@
  */
 export declare function LdJson(props: {
     data: Record<string, unknown>;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/components/Link/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import type { Url } from "../../types/api-response-fields";
+import * as React from "react";
 export interface GetLinkProps {
     href?: string;
     linkToURL?: string;
@@ -7,7 +7,7 @@ export interface GetLinkProps {
 /**
  * @deprecated This component will be removed from Griddo in the future.
  */
-declare function Link(props: LinkProps): JSX.Element;
+declare function Link(props: LinkProps): React.JSX.Element;
 interface LinkProps {
     url: Url;
     linkProp?: string;

package/dist/components/ModulePreview/index.d.ts

@@ -1,10 +1,11 @@
 import type { Page } from "../../types/core";
 import type { FC } from "react";
+import * as React from "react";
 import { type ComponentProps } from "../Component";
 /**
  * <ModulePreview>
  */
-declare function ModulePreview(props: ModulePreviewProps): JSX.Element | null;
+declare function ModulePreview(props: ModulePreviewProps): React.JSX.Element | null;
 export interface ModulePreviewProps {
     component: string;
     content: Pick<Page, "title" | "breadcrumb" | "fullPath" | "fullUrl" | "siteSlug" | "template" | "origin" | "site" | "modified" | "published" | "structuredData" | "structuredDataContent" | "dimensions" | "isHome">;

package/dist/components/Page/index.d.ts

@@ -1,10 +1,11 @@
 import type { Page } from "../../types/core";
 import type { FC } from "react";
+import * as React from "react";
 import { type ComponentProps } from "../Component";
 /**
  * <PageComponent>
  */
-declare function PageComponent(props: PageProps): JSX.Element;
+declare function PageComponent(props: PageProps): React.JSX.Element;
 export interface PageProps extends Pick<Page, "apiUrl" | "footer" | "header" | "languageId" | "pageLanguages" | "siteMetadata"> {
     content: Pick<Page, "component" | "breadcrumb" | "canonicalURL" | "dimensions" | "footerTheme" | "fullPath" | "fullUrl" | "headerTheme" | "id" | "isHome" | "isIndexed" | "metaDescription" | "metasAdvanced" | "metaTitle" | "modified" | "origin" | "published" | "site" | "siteSlug" | "socialDescription" | "socialImage" | "socialTitle" | "structuredData" | "structuredDataContent" | "template" | "theme" | "title">;
     library: {

package/dist/components/Preview/index.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import * as React from "react";
 import { type ModulePreviewProps } from "../ModulePreview";
 import { type PageProps } from "../Page";
 /**
  * <Preview>
  */
-declare function Preview(props: PreviewProps): JSX.Element;
+declare function Preview(props: PreviewProps): React.JSX.Element;
 export type PreviewProps = {
     isPage?: boolean;
 } & (ModulePreviewProps | PageProps);

package/dist/contexts/Navigation/index.d.ts

@@ -3,7 +3,7 @@ declare const NavigationContext: React.Context<NavigationContextProps | null>;
 /**
  * <NavigationProvider>
  */
-declare function NavigationProvider(props: NavigationProviderProps): JSX.Element;
+declare function NavigationProvider(props: NavigationProviderProps): React.JSX.Element;
 interface NavigationContextProps {
     isNavigation: true;
 }

package/dist/contexts/Session/index.d.ts

@@ -3,7 +3,7 @@ declare const SessionContext: React.Context<ProviderValue>;
 /**
  * <SessionProvider>
  */
-declare const SessionProvider: (props: ProviderProps) => JSX.Element;
+declare const SessionProvider: (props: ProviderProps) => React.JSX.Element;
 interface ProviderProps {
     children: JSX.Element | null;
 }

package/dist/contexts/Site/index.d.ts

@@ -5,7 +5,7 @@ declare const SiteContext: React.Context<SiteContextProps>;
 /**
  * <SiteProvider>
  */
-declare function SiteProvider(props: SiteProviderProps): JSX.Element;
+declare function SiteProvider(props: SiteProviderProps): React.JSX.Element;
 interface SiteContextProps extends Site {
     [key: string]: unknown;
     linkComponent: (props: GriddoLinkProps) => JSX.Element;