@loadsmart/loadsmart-ui 6.0.13 → 6.0.15

package/dist/components/Banner/Banner.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import React, { ReactElement } from 'react';
 import DefaultCloseButton from "../../common/CloseButton";
 export interface BannerProps {
     className?: string;
@@ -18,8 +18,8 @@ export interface BannerActionProps extends BannerProps {
 }
 export declare const CloseButton: import("styled-components").StyledComponent<typeof DefaultCloseButton, any, {}, never>;
 export declare const Icon: import("styled-components").StyledComponent<(props: import("../IconFactory").IconProps<import("../IconFactory").IconMapping>) => JSX.Element, any, {}, never>;
-declare function Banner({ scale, variant, icon, title, description, onClose, dismissible, ...others }: BannerProps): JSX.Element | null;
-export declare function BannerLarge({ scale, variant, icon, title, description, onClose, dismissible, ...others }: BannerProps): JSX.Element | null;
+declare function Banner({ scale, variant, icon, title, description, onClose, dismissible, ...others }: BannerProps): React.JSX.Element | null;
+export declare function BannerLarge({ scale, variant, icon, title, description, onClose, dismissible, ...others }: BannerProps): React.JSX.Element | null;
 export declare function BannerAction({ scale, variant, icon, title, action, secondaryAction, onActionButtonClick, onSecondaryActionButtonClick, ...others }: BannerActionProps): JSX.Element;
-export declare function BannerActionLarge({ scale, variant, icon, title, description, action, secondaryAction, onActionButtonClick, onSecondaryActionButtonClick, onClose, dismissible, ...others }: BannerActionProps): JSX.Element | null;
+export declare function BannerActionLarge({ scale, variant, icon, title, description, action, secondaryAction, onActionButtonClick, onSecondaryActionButtonClick, onClose, dismissible, ...others }: BannerActionProps): React.JSX.Element | null;
 export default Banner;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { BannerProps, BannerActionProps } from './Banner';
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
@@ -39,7 +40,7 @@ export declare namespace CustomIcon {
         scale: string;
         variant: string;
         title: string;
-        icon: JSX.Element;
+        icon: React.JSX.Element;
     };
 }
 export declare function Large(args: BannerProps): JSX.Element;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { BackButtonProps } from '../../common/BackButton';
 import type { ButtonProps } from './Button';
 import type { CloseButtonProps } from '../../common/CloseButton';
@@ -8,8 +9,8 @@ export declare namespace Playground {
     var args: {
         scale: string;
         variant: string;
-        leading: JSX.Element;
-        trailing: JSX.Element;
+        leading: React.JSX.Element;
+        trailing: React.JSX.Element;
     };
 }
 export declare function Base(args: ButtonProps): JSX.Element;

package/dist/components/DatePicker/useDatePicker.d.ts

@@ -78,11 +78,14 @@ declare function useDatePicker(props: DatePickerProps): {
         radioGroup?: string | undefined;
         role?: import("react").AriaRole | undefined;
         about?: string | undefined;
+        content?: string | undefined;
         datatype?: string | undefined;
         inlist?: any;
         prefix?: string | undefined;
         property?: string | undefined;
+        rel?: string | undefined;
         resource?: string | undefined;
+        rev?: string | undefined;
         typeof?: string | undefined;
         vocab?: string | undefined;
         autoCapitalize?: string | undefined;
@@ -148,7 +151,7 @@ declare function useDatePicker(props: DatePickerProps): {
         'aria-valuenow'?: number | undefined;
         'aria-valuetext'?: string | undefined;
         dangerouslySetInnerHTML?: {
-            __html: string;
+            __html: string | TrustedHTML;
         } | undefined;
         onCopy?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
         onCopyCapture?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
@@ -347,11 +350,14 @@ declare function useDatePicker(props: DatePickerProps): {
         radioGroup?: string | undefined;
         role?: import("react").AriaRole | undefined;
         about?: string | undefined;
+        content?: string | undefined;
         datatype?: string | undefined;
         inlist?: any;
         prefix?: string | undefined;
         property?: string | undefined;
+        rel?: string | undefined;
         resource?: string | undefined;
+        rev?: string | undefined;
         typeof?: string | undefined;
         vocab?: string | undefined;
         autoCapitalize?: string | undefined;
@@ -418,7 +424,7 @@ declare function useDatePicker(props: DatePickerProps): {
         'aria-valuetext'?: string | undefined;
         children?: import("react").ReactNode;
         dangerouslySetInnerHTML?: {
-            __html: string;
+            __html: string | TrustedHTML;
         } | undefined;
         onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
         onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;

package/dist/components/DatePicker/useDateRangePicker.d.ts

@@ -71,11 +71,14 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         radioGroup?: string | undefined;
         role?: import("react").AriaRole | undefined;
         about?: string | undefined;
+        content?: string | undefined;
         datatype?: string | undefined;
         inlist?: any;
         prefix?: string | undefined;
         property?: string | undefined;
+        rel?: string | undefined;
         resource?: string | undefined;
+        rev?: string | undefined;
         typeof?: string | undefined;
         vocab?: string | undefined;
         autoCapitalize?: string | undefined;
@@ -141,7 +144,7 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         'aria-valuenow'?: number | undefined;
         'aria-valuetext'?: string | undefined;
         dangerouslySetInnerHTML?: {
-            __html: string;
+            __html: string | TrustedHTML;
         } | undefined;
         onCopy?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
         onCopyCapture?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
@@ -368,11 +371,14 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         radioGroup?: string | undefined;
         role?: import("react").AriaRole | undefined;
         about?: string | undefined;
+        content?: string | undefined;
         datatype?: string | undefined;
         inlist?: any;
         prefix?: string | undefined;
         property?: string | undefined;
+        rel?: string | undefined;
         resource?: string | undefined;
+        rev?: string | undefined;
         typeof?: string | undefined;
         vocab?: string | undefined;
         autoCapitalize?: string | undefined;
@@ -438,7 +444,7 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         'aria-valuenow'?: number | undefined;
         'aria-valuetext'?: string | undefined;
         dangerouslySetInnerHTML?: {
-            __html: string;
+            __html: string | TrustedHTML;
         } | undefined;
         onCopy?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
         onCopyCapture?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
@@ -636,11 +642,14 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         radioGroup?: string | undefined;
         role?: import("react").AriaRole | undefined;
         about?: string | undefined;
+        content?: string | undefined;
         datatype?: string | undefined;
         inlist?: any;
         prefix?: string | undefined;
         property?: string | undefined;
+        rel?: string | undefined;
         resource?: string | undefined;
+        rev?: string | undefined;
         typeof?: string | undefined;
         vocab?: string | undefined;
         autoCapitalize?: string | undefined;
@@ -707,7 +716,7 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         'aria-valuetext'?: string | undefined;
         children?: import("react").ReactNode;
         dangerouslySetInnerHTML?: {
-            __html: string;
+            __html: string | TrustedHTML;
         } | undefined;
         onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
         onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;

package/dist/components/Dialog/Dialog.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import type { ButtonProps } from '../Button';
 interface WithScaleProps {
     scale?: 'small' | 'default' | 'large';
@@ -14,15 +14,15 @@ declare function DialogActions({ scale, direction, children, }: {
     scale?: 'small' | 'default' | 'large';
     direction?: 'vertical' | 'horizontal';
     children: ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;
 export interface DialogActionConfirmProps extends Omit<ButtonProps, 'onClick' | 'variant'> {
     onConfirm: () => void;
 }
-declare function DialogActionConfirm({ onConfirm, children, ...others }: DialogActionConfirmProps): JSX.Element;
+declare function DialogActionConfirm({ onConfirm, children, ...others }: DialogActionConfirmProps): React.JSX.Element;
 export interface DialogActionCancelProps extends Omit<ButtonProps, 'onClick' | 'variant'> {
     onCancel: () => void;
 }
-declare function DialogActionCancel({ onCancel, children, ...others }: DialogActionCancelProps): JSX.Element;
+declare function DialogActionCancel({ onCancel, children, ...others }: DialogActionCancelProps): React.JSX.Element;
 declare function Dialog({ scale, open, ...others }: DialogProps): JSX.Element;
 declare namespace Dialog {
     var Header: import("styled-components").StyledComponent<"h1", any, {}, never>;

package/dist/components/DragDropFile/DragDropFile.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 declare const DragDropFile: {
     (): null;
-    Wrapper: ({ children, ...props }: Partial<import("../..").StackProps>) => JSX.Element;
+    Wrapper: ({ children, ...props }: Partial<import("../..").StackProps>) => import("react").JSX.Element;
     DropZone: ({ className, hint, multiple, accept, disabled, error, renderCustomContent, ...props }: import("./types").DropZoneProps) => JSX.Element;
     FileList: ({ disabled, ...props }: import("./types").FileListProps) => JSX.Element | null;
 };

package/dist/components/DragDropFile/components/Wrapper.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import type { WrapperProps } from '../types';
 /**
  * This is a `Stack` component customized with the needed spacing between the DragDropFile inner components
  */
-declare const Wrapper: ({ children, ...props }: WrapperProps) => JSX.Element;
+declare const Wrapper: ({ children, ...props }: WrapperProps) => React.JSX.Element;
 export default Wrapper;

package/dist/components/DragDropFile/styles.d.ts

@@ -1,10 +1,11 @@
+import React from 'react';
 import { StackProps, Stack } from "../Layout/Stack";
 import type { DropZoneProps } from './types';
 export declare const DragDropFileWrapper: import("styled-components").StyledComponent<typeof Stack, any, {
     withFileList: boolean;
 }, never>;
-export declare const DropZoneWrapper: import("styled-components").StyledComponent<(props: StackProps) => JSX.Element, any, Pick<DropZoneProps, "disabled" | "error">, never>;
+export declare const DropZoneWrapper: import("styled-components").StyledComponent<(props: StackProps) => React.JSX.Element, any, Pick<DropZoneProps, "disabled" | "error">, never>;
 export declare const HiddenInput: import("styled-components").StyledComponent<"input", any, {}, never>;
 export declare const UploadIcon: import("styled-components").StyledComponent<(props: import("../IconFactory").IconProps<import("../IconFactory").IconMapping>) => JSX.Element, any, {}, never>;
-export declare const FileListUL: import("styled-components").StyledComponent<(props: StackProps) => JSX.Element, any, {}, never>;
+export declare const FileListUL: import("styled-components").StyledComponent<(props: StackProps) => React.JSX.Element, any, {}, never>;
 export declare const Divider: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/ErrorMessage/ErrorMessage.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import { TextProps } from "../Text";
 export declare type ErrorMessageProps = Partial<TextProps>;
-declare const ErrorMessage: ({ children, ...props }: ErrorMessageProps) => JSX.Element | null;
+declare const ErrorMessage: ({ children, ...props }: ErrorMessageProps) => React.JSX.Element | null;
 export default ErrorMessage;

package/dist/components/Modal/Modal.d.ts

@@ -14,7 +14,7 @@ declare function Modal({ scale, children, open, fullscreen, onOverlayClick, ...o
 declare namespace Modal {
     var Header: ({ title, children }: React.PropsWithChildren<{
         title: string;
-    }>) => JSX.Element;
+    }>) => React.JSX.Element;
     var Close: import("styled-components").StyledComponent<typeof CloseButton, any, {
         size: 16;
     }, "size">;

package/dist/components/Popover/Popover.types.d.ts

@@ -1,15 +1,13 @@
-import type { HTMLAttributes, MutableRefObject, PropsWithChildren } from 'react';
+import type { UseFloatingReturn } from '@floating-ui/react-dom';
+import type { CSSProperties, HTMLAttributes, MutableRefObject, PropsWithChildren } from 'react';
 export interface UsePopoverReturn {
     register: {
-        reference: (el: HTMLElement) => void;
-        floating: (el: HTMLElement) => void;
-        arrow: (el: HTMLElement) => void;
+        setReference: UseFloatingReturn['refs']['setReference'];
+        setFloating: UseFloatingReturn['refs']['setFloating'];
+        setArrow: MutableRefObject<Element | null>;
     };
     result: {
-        floating: {
-            top: number;
-            left: number;
-        };
+        floatingStyles: CSSProperties;
         arrow: {
             top: number | undefined;
             left: number | undefined;

package/dist/components/Section/Section.d.ts

@@ -1,10 +1,10 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import React, { HTMLAttributes, ReactNode } from 'react';
 export declare type SectionProps = HTMLAttributes<HTMLElement>;
 export interface SectionTitleProps extends HTMLAttributes<HTMLElement> {
     children: ReactNode;
     leading?: ReactNode;
 }
-declare function SectionTitle({ children, leading, ...others }: SectionTitleProps): JSX.Element;
+declare function SectionTitle({ children, leading, ...others }: SectionTitleProps): React.JSX.Element;
 declare function Section({ children, ...others }: SectionProps): JSX.Element;
 declare namespace Section {
     var Title: typeof SectionTitle;

package/dist/components/SideNavigation/Menu/Menu.d.ts

@@ -9,7 +9,7 @@ declare function Menu({ label, children, ...props }: MenuProps): JSX.Element;
 declare type MenuItemProps = {
     active?: boolean;
 } & PropsWithChildren<MenuLinkProps & MenuExpandableProps>;
-declare function MenuItem(props: MenuItemProps): JSX.Element;
+declare function MenuItem(props: MenuItemProps): React.JSX.Element;
 declare const _default: string & import("styled-components").StyledComponentBase<typeof Menu, any, {}, never> & import("hoist-non-react-statics").NonReactStatics<typeof Menu, {}> & {
     Item: typeof MenuItem;
     SubItem: import("styled-components").StyledComponent<({ url, ...props }: MenuLinkProps) => JSX.Element, any, {}, never>;

package/dist/components/SideNavigation/SideNavigation.d.ts

@@ -25,7 +25,7 @@ declare namespace SideNavigation {
             label: string;
         } & {
             children?: React.ReactNode;
-        }) => JSX.Element;
+        }) => React.JSX.Element;
         SubItem: import("styled-components").StyledComponent<({ url, ...props }: import("./Menu/MenuLink").MenuLinkProps) => JSX.Element, any, {}, never>;
     };
     var Separator: typeof import("./Separator/Separator").default;

package/dist/components/Tabs/Tabs.d.ts

@@ -1,16 +1,16 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import React, { HTMLAttributes, ReactNode } from 'react';
 import type { WithDirectionProps } from './Tabs.types';
 declare type TabsItemsProps = HTMLAttributes<HTMLUListElement>;
-declare function TabsItems({ children, ...props }: TabsItemsProps): JSX.Element;
+declare function TabsItems({ children, ...props }: TabsItemsProps): React.JSX.Element;
 interface TabsItemProps extends HTMLAttributes<HTMLInputElement> {
     name: string;
     default?: boolean;
     leading?: ReactNode;
     disabled?: boolean;
 }
-declare function TabsItem({ children, name, default: isDefault, className, onChange, leading, disabled, ...props }: TabsItemProps): JSX.Element;
+declare function TabsItem({ children, name, default: isDefault, className, onChange, leading, disabled, ...props }: TabsItemProps): React.JSX.Element;
 declare type PanelsItemsProps = HTMLAttributes<HTMLDivElement>;
-declare function PanelsItems({ children, ...props }: PanelsItemsProps): JSX.Element;
+declare function PanelsItems({ children, ...props }: PanelsItemsProps): React.JSX.Element;
 interface PanelsItemProps extends HTMLAttributes<HTMLElement> {
     name: string;
     /**
@@ -19,7 +19,7 @@ interface PanelsItemProps extends HTMLAttributes<HTMLElement> {
      */
     lazy?: boolean;
 }
-declare function PanelsItem({ children, name, lazy, ...props }: PanelsItemProps): JSX.Element;
+declare function PanelsItem({ children, name, lazy, ...props }: PanelsItemProps): React.JSX.Element;
 declare namespace PanelsItem {
     var defaultProps: {
         lazy: boolean;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { TagProps } from './Tag';
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
@@ -15,7 +16,7 @@ export declare namespace Icon {
     var args: {
         size: string;
         variant: string;
-        leading: JSX.Element;
+        leading: React.JSX.Element;
         removable: boolean;
     };
 }