@kajoo-ai/sitecore-react 21.0.4 → 21.0.5

package/dist/index.d.ts

@@ -1,130 +1,131 @@
-/// <reference types="@types/react" />
-import React, { FC, ReactNode } from 'react';
-import { ImageSizeParameters, Link as Link$1, RouteData, LayoutServiceData } from '@sitecore-jss/sitecore-jss-react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { JsonObject } from 'type-fest';
+import React, { ReactNode, FC, ComponentProps, VideoHTMLAttributes } from 'react';
+import { Field, ImageField, Text as Text$1, ImageSizeParameters, Image as Image$1, Link as Link$1, RichText as RichText$1, RouteData, LayoutServiceData } from '@sitecore-jss/sitecore-jss-react';
 
-type ITextField$1 = {
-    value?: string | number;
-    editable?: string;
-};
-interface IButton {
-    text: ITextField$1 | string;
-    [key: string]: unknown;
+interface IButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    text: Field<string> | string;
 }
-declare const Button: FC<IButton>;
+declare const Button: ({ text, children, ...rest }: IButton) => react_jsx_runtime.JSX.Element;
 
-interface IProps$a {
-    className: string;
-    [key: string]: unknown;
-}
-declare const CheckBox: FC<IProps$a>;
+type IProps$g = Omit<JSX.IntrinsicElements["input"], "type">;
+declare const CheckBox: (props: IProps$g) => react_jsx_runtime.JSX.Element;
 
-interface IProps$9 {
-    bgImage?: {
-        value: {
-            src: string;
-        };
-    };
+interface IProps$f {
+    bgImage?: ImageField | ImageField['value'] | string;
     tag?: keyof JSX.IntrinsicElements;
     [key: string]: any;
-    children: ReactNode | ReactNode[];
+    children?: ReactNode | ReactNode[];
 }
-declare const Container: FC<IProps$9>;
+declare const Container: ({ bgImage, style, tag, children, ...rest }: IProps$f) => react_jsx_runtime.JSX.Element;
 
 declare const Dropdown: FC<any>;
 
-declare const Header: FC<any>;
-
-interface ImageFieldValue {
-    [attributeName: string]: unknown;
-    src?: string;
-    alt?: string;
+type IScText$2 = ComponentProps<typeof Text$1>;
+interface IProps$e extends Omit<IScText$2, 'field'> {
+    text?: Field<string> | string;
 }
-interface ImageField {
-    value?: ImageFieldValue;
-    editable?: string;
-}
-interface IProps$8 {
-    src: ImageField | ImageFieldValue;
+declare const Header: ({ text, ...rest }: IProps$e) => react_jsx_runtime.JSX.Element;
+
+type ISitecoreImage = ComponentProps<typeof Image$1>;
+interface IProps$d extends Omit<ISitecoreImage, "field" | "src" | 'srcSet' | 'alt'> {
+    src: ISitecoreImage['field'] | string;
     alt?: string;
     srcSet?: string | ImageSizeParameters[];
 }
-declare const Image: FC<IProps$8>;
+declare const Image: ({ src, alt, srcSet: htmlSrcSet, ...rest }: IProps$d) => react_jsx_runtime.JSX.Element;
 
-declare const Label: FC<any>;
+type IScText$1 = ComponentProps<typeof Text$1>;
+interface IProps$c extends Omit<IScText$1, 'field'> {
+    text?: Field<string> | string;
+}
+declare const Label: ({ text, ...rest }: IProps$c) => react_jsx_runtime.JSX.Element;
 
-type IProps$7 = JSX.IntrinsicElements["hr"];
-declare const Linebreak: FC<IProps$7>;
+type IProps$b = JSX.IntrinsicElements["hr"];
+declare const Linebreak: (props: IProps$b) => react_jsx_runtime.JSX.Element;
 
 type ISitecoreLink = Parameters<typeof Link$1>[0];
-type ITextField = {
-    value?: string | number;
-    editable?: string;
-};
 interface ILink extends Omit<ISitecoreLink, "field" | "href"> {
-    text?: ITextField | string;
+    text?: Field<string> | string;
     href: ISitecoreLink["field"] | string;
+    [key: string]: any;
 }
-declare const Link: FC<ILink>;
+declare const Link: (props: ILink) => react_jsx_runtime.JSX.Element;
 
 declare const List: FC<any>;
 
-declare const Paragraph: FC<any>;
-
-interface IProps$6 {
-    className: string;
+type IScRichText = ComponentProps<typeof RichText$1>;
+interface IProps$a extends Omit<IScRichText, 'field'> {
+    text?: Field<string> | string;
 }
-declare const ProgressBar: FC<IProps$6>;
+declare const Paragraph: ({ tag, text, ...rest }: IProps$a) => react_jsx_runtime.JSX.Element;
 
-interface IProps$5 {
+interface IProps$9 {
     className: string;
 }
-declare const Radiobutton: FC<IProps$5>;
+declare const ProgressBar: (props: IProps$9) => react_jsx_runtime.JSX.Element;
+
+type IProps$8 = Omit<JSX.IntrinsicElements["input"], "type" | 'name'>;
+declare const Radiobutton: (props: IProps$8) => react_jsx_runtime.JSX.Element;
 
-interface IProps$4 {
+interface IProps$7 {
     className: string;
 }
-declare const Slider: FC<IProps$4>;
+declare const Slider: (props: IProps$7) => react_jsx_runtime.JSX.Element;
 
-type IProps$3 = JSX.IntrinsicElements["textarea"];
-declare const Textarea: FC<IProps$3>;
+type IProps$6 = JSX.IntrinsicElements["textarea"];
+declare const Textarea: (props: IProps$6) => react_jsx_runtime.JSX.Element;
 
-type IProps$2 = Omit<JSX.IntrinsicElements["input"], "type">;
-declare const Textinput: FC<IProps$2>;
+type IProps$5 = Omit<JSX.IntrinsicElements["input"], "type">;
+declare const Textinput: (props: IProps$5) => react_jsx_runtime.JSX.Element;
 
-declare const Toggle: FC<any>;
+interface IProps$4 extends Omit<JSX.IntrinsicElements["input"], "type"> {
+    slider?: string;
+}
+declare const Toggle: (props: IProps$4) => react_jsx_runtime.JSX.Element;
 
 declare const TypeForm: FC<any>;
 
-declare const Video: FC<any>;
+interface IProps$3 extends Omit<VideoHTMLAttributes<HTMLVideoElement>, 'src' | 'muted'> {
+    src?: Field<string> | string;
+    muted?: boolean | string;
+}
+declare const Video: ({ src, ...rest }: IProps$3) => react_jsx_runtime.JSX.Element;
 
-interface IProps$1 {
-    text?: {
-        value?: string | number;
-        editable?: string;
-    } | string;
+type IScText = ComponentProps<typeof Text$1>;
+interface IProps$2 extends Omit<IScText, 'field' | 'tag'> {
+    text?: Field<string> | string;
     tag?: keyof JSX.IntrinsicElements;
-    [key: string]: any;
 }
-declare const Text: FC<IProps$1>;
+declare const Text: ({ text, children, tag, ...rest }: IProps$2) => react_jsx_runtime.JSX.Element;
 
-declare const RichText: FC<any>;
+type ScRichTextProps = ComponentProps<typeof RichText$1>;
+interface IProps$1 extends Omit<ScRichTextProps, 'field'> {
+    value?: Field<string> | string;
+}
+declare const RichText: ({ value, tag, ...rest }: IProps$1) => react_jsx_runtime.JSX.Element;
 
 declare const Repeater: FC<any>;
 
+interface ICompProps {
+    fields: any;
+    children?: JSX.Element[];
+    params?: {
+        styles: string;
+        [key: string]: any;
+    };
+    rootClassName?: string;
+}
 interface IProps {
-    component: ({ fields, children }: React.PropsWithChildren<{
-        fields: JsonObject;
-    }>) => JSX.Element;
+    component: ({ fields, children, params, rootClassName }: React.PropsWithChildren<ICompProps>) => JSX.Element;
     datasource: IConsciaIntegration | IContentstackIntegration | IKontentAiIntegration;
     loadingComponent?: JSX.Element;
     errorComponent?: JSX.Element;
     emptyComponent?: JSX.Element;
     children?: JSX.Element[];
+    rootClassName?: string;
 }
 interface IContentstackIntegration {
-    provider: 'contentstack';
+    provider: "contentstack";
     hostUrl?: string;
     apiKey: string;
     deliveryToken: string;
@@ -135,7 +136,7 @@ interface IContentstackIntegration {
     entryUid: string;
 }
 interface IConsciaIntegration {
-    provider: 'conscia.ai';
+    provider: "conscia.ai";
     hostUrl: string;
     customerCode: string;
     apiToken: string;
@@ -160,4 +161,4 @@ declare class KajooLayoutFactory {
     static registerLayout: (name: string, layout: ILayout) => void;
 }
 
-export { Button, CheckBox as Checkbox, IProps$a as CheckboxProps, Container, Dropdown, Header, Image, KajooComponent, IProps as KajooComponentProps, KajooLayoutFactory, Label, Linebreak, IProps$7 as LinebreakProps, Link, List, Paragraph, ProgressBar, Radiobutton, IProps$5 as RadiobuttonProps, Repeater, RichText, Slider, IProps$4 as SliderProps, Text, Textarea, IProps$3 as TextareaProps, Textinput, IProps$2 as TextinputProps, Toggle, TypeForm, Video };
+export { Button, CheckBox as Checkbox, IProps$g as CheckboxProps, Container, Dropdown, Header, Image, KajooComponent, IProps as KajooComponentProps, KajooLayoutFactory, Label, Linebreak, IProps$b as LinebreakProps, Link, List, Paragraph, ProgressBar, Radiobutton, IProps$8 as RadiobuttonProps, Repeater, RichText, Slider, IProps$7 as SliderProps, Text, Textarea, IProps$6 as TextareaProps, Textinput, IProps$5 as TextinputProps, Toggle, TypeForm, Video };