blue-react 10.0.0-rc1 → 10.0.0-rc2

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

@@ -1,16 +1,9 @@
-import React from "react";
-import "blue-web/dist/js/side-layout";
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "side-layout": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
-        }
-    }
-}
-export interface LayoutProps {
-    children?: React.ReactNode;
-    header?: React.ReactNode;
-    side?: React.ReactNode;
-    pageBorder?: boolean;
-}
-export default function Layout({ children, header, side, pageBorder }: LayoutProps): JSX.Element;
+import React from "react";
+import "blue-web/dist/js/side-layout";
+export interface LayoutProps {
+    children?: React.ReactNode;
+    header?: React.ReactNode;
+    side?: React.ReactNode;
+    noPageBorder?: boolean;
+}
+export default function Layout({ children, header, side, noPageBorder }: LayoutProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,149 +1,149 @@
-import React, { CSSProperties } from "react";
-export interface MenuItemProps {
-    /**
-     * Sets `to` prop, e.g. when you use the `NavLink` component from React Router.
-     */
-    to?: string;
-    /**
-     * Prop for components by React Router.
-     */
-    exact?: boolean;
-    href?: string;
-    onClick?: (event: React.MouseEvent) => void;
-    /**
-     * Will be fired after `onClick`
-     */
-    onClickAttached?: (event: React.MouseEvent) => void;
-    /**
-     * Icon component or a class name.
-     */
-    icon?: any;
-    /**
-     * Addition to class name of icon wrapper element
-     */
-    iconClassName?: string;
-    /**
-     * Icon component or a class name when the MenuItem is active.
-     */
-    iconForActive?: any;
-    /**
-     * Label of the link.
-     */
-    label?: any;
-    /**
-     * Addition to class name of label wrapper element
-     */
-    labelClassName?: string;
-    /**
-     * Addition to class name of caret
-     */
-    caretClassName?: string;
-    /**
-     * Addition to style of caret
-     */
-    caretStyle?: CSSProperties;
-    /**
-     * Should be set as active.
-     */
-    isActive?: boolean;
-    /**
-     * Set true to highlight the current menu item.
-     */
-    highlighted?: boolean;
-    /**
-     * When using Blue React's routing system: define this link as home page link.
-     */
-    isHome?: boolean;
-    /**
-     * Extends class name of the dropdown menu.
-     */
-    dropdownClassName?: string;
-    /**
-     * Extends style of the dropdown menu.
-     */
-    dropdownStyle?: CSSProperties;
-    /**
-     * Set children to create a nested `MenuItem` as a dropdown.
-     */
-    children?: any;
-    /**
-     * Defines class name.
-     */
-    className?: any;
-    /**
-     * Defines dropdown status from outside.
-     */
-    showDropdown?: boolean;
-    /**
-     * Callback when `showDropdown` changes.
-     */
-    onShowDropdown?: (showDropdown: boolean) => void;
-    /**
-     * Close on click outside.
-     */
-    supportOutside?: boolean;
-    /**
-     * Overrides default class list to be ignored on click outside.
-     * Hint: If you want this menu item to stay open when others will open, set:
-     * `outsideIgnoreClasses={["blue-menu-item-wrapper"]}`.
-     */
-    outsideIgnoreClasses?: string[];
-    /**
-     * By default, MenuItem is a `"button"`. If you set a `href`, it's a `"a"`.
-     * If you want to have it another type, you can pass a component reference with this prop (e.g. `Link`).
-     */
-    elementType?: any;
-    target?: string;
-    rel?: string;
-    title?: string;
-    type?: string;
-    /**
-     * Fired on the draggable target (the source element): occurs when the user starts to drag an element
-     */
-    onDragStart?: (event: React.DragEvent) => void | React.DragEventHandler;
-    /**
-     * Fired on the draggable target (the source element): occurs when an element is being dragged
-     */
-    onDrag?: (event: React.DragEvent) => void | React.DragEventHandler;
-    /**
-     * Fired on the draggable target (the source element): occurs when the user has finished dragging the element
-     */
-    onDragEnd?: (event: React.DragEvent) => void | React.DragEventHandler;
-    /**
-     * Fired on the drop target: occurs when the dragged element enters the drop target
-     */
-    onDragEnter?: (event: React.DragEvent) => void | React.DragEventHandler;
-    /**
-     * Fired on the drop target: occurs when the dragged element is over the drop target
-     */
-    onDragOver?: (event: React.DragEvent) => void | React.DragEventHandler;
-    /**
-     * Fired on the drop target: occurs when the dragged element leaves the drop target
-     */
-    onDragLeave?: (event: React.DragEvent) => void | React.DragEventHandler;
-    /**
-     * Fired on the drop target: occurs when the dragged element is dropped on the drop target
-     */
-    onDrop?: (event: React.DragEvent) => void | React.DragEventHandler;
-    /**
-     * Specifies whether an element is draggable or not.
-     *
-     * **Important:** To make draggable menu items work in Firefox, the elementType must not be `"button"`. Set it to something else, like `"div"`.
-     */
-    draggable?: boolean;
-    hideDraggableIcon?: boolean;
-    "data-tooltip"?: string;
-    /**
-     * Specifies whether an element is disabled or not.
-     */
-    disabled?: boolean;
-    /**
-     * Specifies style of an element.
-     */
-    style?: React.CSSProperties;
-    id?: string;
-}
-/**
- * Link, button or custom component for Sidebar, Actions or ActionMenu
- */
-export default function MenuItem(props: MenuItemProps): JSX.Element;
+import React, { CSSProperties } from "react";
+export interface MenuItemProps {
+    /**
+     * Sets `to` prop, e.g. when you use the `NavLink` component from React Router.
+     */
+    to?: string;
+    /**
+     * Prop for components by React Router.
+     */
+    exact?: boolean;
+    href?: string;
+    onClick?: (event: React.MouseEvent) => void;
+    /**
+     * Will be fired after `onClick`
+     */
+    onClickAttached?: (event: React.MouseEvent) => void;
+    /**
+     * Icon component or a class name.
+     */
+    icon?: any;
+    /**
+     * Addition to class name of icon wrapper element
+     */
+    iconClassName?: string;
+    /**
+     * Icon component or a class name when the MenuItem is active.
+     */
+    iconForActive?: any;
+    /**
+     * Label of the link.
+     */
+    label?: any;
+    /**
+     * Addition to class name of label wrapper element
+     */
+    labelClassName?: string;
+    /**
+     * Addition to class name of caret
+     */
+    caretClassName?: string;
+    /**
+     * Addition to style of caret
+     */
+    caretStyle?: CSSProperties;
+    /**
+     * Should be set as active.
+     */
+    isActive?: boolean;
+    /**
+     * Set true to highlight the current menu item.
+     */
+    highlighted?: boolean;
+    /**
+     * When using Blue React's routing system: define this link as home page link.
+     */
+    isHome?: boolean;
+    /**
+     * Extends class name of the dropdown menu.
+     */
+    dropdownClassName?: string;
+    /**
+     * Extends style of the dropdown menu.
+     */
+    dropdownStyle?: CSSProperties;
+    /**
+     * Set children to create a nested `MenuItem` as a dropdown.
+     */
+    children?: any;
+    /**
+     * Defines class name.
+     */
+    className?: any;
+    /**
+     * Defines dropdown status from outside.
+     */
+    showDropdown?: boolean;
+    /**
+     * Callback when `showDropdown` changes.
+     */
+    onShowDropdown?: (showDropdown: boolean) => void;
+    /**
+     * Close on click outside.
+     */
+    supportOutside?: boolean;
+    /**
+     * Overrides default class list to be ignored on click outside.
+     * Hint: If you want this menu item to stay open when others will open, set:
+     * `outsideIgnoreClasses={["blue-menu-item-wrapper"]}`.
+     */
+    outsideIgnoreClasses?: string[];
+    /**
+     * By default, MenuItem is a `"button"`. If you set a `href`, it's a `"a"`.
+     * If you want to have it another type, you can pass a component reference with this prop (e.g. `Link`).
+     */
+    elementType?: any;
+    target?: string;
+    rel?: string;
+    title?: string;
+    type?: string;
+    /**
+     * Fired on the draggable target (the source element): occurs when the user starts to drag an element
+     */
+    onDragStart?: (event: React.DragEvent) => void | React.DragEventHandler;
+    /**
+     * Fired on the draggable target (the source element): occurs when an element is being dragged
+     */
+    onDrag?: (event: React.DragEvent) => void | React.DragEventHandler;
+    /**
+     * Fired on the draggable target (the source element): occurs when the user has finished dragging the element
+     */
+    onDragEnd?: (event: React.DragEvent) => void | React.DragEventHandler;
+    /**
+     * Fired on the drop target: occurs when the dragged element enters the drop target
+     */
+    onDragEnter?: (event: React.DragEvent) => void | React.DragEventHandler;
+    /**
+     * Fired on the drop target: occurs when the dragged element is over the drop target
+     */
+    onDragOver?: (event: React.DragEvent) => void | React.DragEventHandler;
+    /**
+     * Fired on the drop target: occurs when the dragged element leaves the drop target
+     */
+    onDragLeave?: (event: React.DragEvent) => void | React.DragEventHandler;
+    /**
+     * Fired on the drop target: occurs when the dragged element is dropped on the drop target
+     */
+    onDrop?: (event: React.DragEvent) => void | React.DragEventHandler;
+    /**
+     * Specifies whether an element is draggable or not.
+     *
+     * **Important:** To make draggable menu items work in Firefox, the elementType must not be `"button"`. Set it to something else, like `"div"`.
+     */
+    draggable?: boolean;
+    hideDraggableIcon?: boolean;
+    "data-tooltip"?: string;
+    /**
+     * Specifies whether an element is disabled or not.
+     */
+    disabled?: boolean;
+    /**
+     * Specifies style of an element.
+     */
+    style?: React.CSSProperties;
+    id?: string;
+}
+/**
+ * Link, button or custom component for Sidebar, Actions or ActionMenu
+ */
+export default function MenuItem(props: MenuItemProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,30 +1,30 @@
-import { ReactNode } from "react";
-import { ModalType } from "./shared";
-export interface ModalProps {
-    modalContent?: string;
-    modalTitle?: string;
-    modalIcon?: ReactNode;
-    unSetModalContent: (modalContent?: string) => void;
-    /**
-     * Type of `input` depends on `type` prop and which action occured.
-     * When it's a string, the user entered something. When it's a boolean, the user clicked "Yes" or "No".
-     * When it's `null`, the user cancelled the modal.
-     */
-    onSubmit?: (input: string | boolean | null) => void;
-    defaultInput?: string;
-    /**
-     * `"ask"` | `"tell"` | `"verify"`
-     */
-    type: ModalType;
-    inputType?: string;
-    switchPrimaryBtn?: boolean;
-    acceptBtnText?: string;
-    cancelBtnText?: string;
-}
-/**
- * Simple modal/dialog. Designed to work as an alternative to JavaScript's native `alert()`, `prompt()` and `confirm()` functions.
- * It uses Bootstrap's Modal components.
- *
- * For easy use, you should use the hook `useModal` together with `ModalProvider`. See the example there.
- */
-export default function Modal({ modalContent, modalTitle, modalIcon, unSetModalContent, onSubmit, defaultInput, type, inputType, switchPrimaryBtn, acceptBtnText, cancelBtnText }: ModalProps): JSX.Element;
+import { ReactNode } from "react";
+import { ModalType } from "./shared";
+export interface ModalProps {
+    modalContent?: string;
+    modalTitle?: string;
+    modalIcon?: ReactNode;
+    unSetModalContent: (modalContent?: string) => void;
+    /**
+     * Type of `input` depends on `type` prop and which action occured.
+     * When it's a string, the user entered something. When it's a boolean, the user clicked "Yes" or "No".
+     * When it's `null`, the user cancelled the modal.
+     */
+    onSubmit?: (input: string | boolean | null) => void;
+    defaultInput?: string;
+    /**
+     * `"ask"` | `"tell"` | `"verify"`
+     */
+    type: ModalType;
+    inputType?: string;
+    switchPrimaryBtn?: boolean;
+    acceptBtnText?: string;
+    cancelBtnText?: string;
+}
+/**
+ * Simple modal/dialog. Designed to work as an alternative to JavaScript's native `alert()`, `prompt()` and `confirm()` functions.
+ * It uses Bootstrap's Modal components.
+ *
+ * For easy use, you should use the hook `useModal` together with `ModalProvider`. See the example there.
+ */
+export default function Modal({ modalContent, modalTitle, modalIcon, unSetModalContent, onSubmit, defaultInput, type, inputType, switchPrimaryBtn, acceptBtnText, cancelBtnText }: ModalProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,21 +1,21 @@
-import { ReactNode } from "react";
-interface ModelAlertOptions {
-    title?: string;
-    icon?: ReactNode;
-    switchPrimaryBtn?: boolean;
-    acceptBtnText?: string;
-    cancelBtnText?: string;
-}
-interface ModelAskOptions extends ModelAlertOptions {
-    inputType?: string;
-}
-export interface ModalProviderProps {
-    children?: ReactNode;
-}
-declare const ModalProvider: ({ children, ...rest }: ModalProviderProps) => JSX.Element;
-declare const useModal: () => {
-    ask: (text: string, options?: ModelAskOptions) => Promise<string | boolean>;
-    tell: (text: string, options?: ModelAlertOptions) => Promise<boolean>;
-    verify: (text: string, options?: ModelAlertOptions) => Promise<boolean>;
-};
-export { ModalProvider, useModal };
+import { ReactNode } from "react";
+interface ModelAlertOptions {
+    title?: string;
+    icon?: ReactNode;
+    switchPrimaryBtn?: boolean;
+    acceptBtnText?: string;
+    cancelBtnText?: string;
+}
+interface ModelAskOptions extends ModelAlertOptions {
+    inputType?: string;
+}
+export interface ModalProviderProps {
+    children?: ReactNode;
+}
+declare const ModalProvider: ({ children, ...rest }: ModalProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const useModal: () => {
+    ask: (text: string, options?: ModelAskOptions) => Promise<string | boolean>;
+    tell: (text: string, options?: ModelAlertOptions) => Promise<boolean>;
+    verify: (text: string, options?: ModelAlertOptions) => Promise<boolean>;
+};
+export { ModalProvider, useModal };

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

@@ -1,17 +1,17 @@
-import { CSSProperties, MouseEventHandler, MutableRefObject, RefObject } from "react";
-/**
- * Hook that alerts clicks outside of the passed ref
- */
-export declare function useOutside(ref: MutableRefObject<any>, callback?: (event: MouseEvent) => void): void;
-export interface OutsideProps {
-    children: any;
-    className?: string;
-    onClickOutside?: (event: MouseEvent) => void;
-    onClick?: MouseEventHandler<HTMLDivElement> | undefined;
-    style?: CSSProperties;
-    wrapperRef?: RefObject<HTMLDivElement>;
-}
-/**
- * Component that fires an event if you click outside of it
- */
-export default function Outside({ children, className, onClickOutside, onClick, style, wrapperRef }: OutsideProps): JSX.Element;
+import { CSSProperties, MouseEventHandler, MutableRefObject, RefObject } from "react";
+/**
+ * Hook that alerts clicks outside of the passed ref
+ */
+export declare function useOutside(ref: MutableRefObject<any>, callback?: (event: MouseEvent) => void): void;
+export interface OutsideProps {
+    children: any;
+    className?: string;
+    onClickOutside?: (event: MouseEvent) => void;
+    onClick?: MouseEventHandler<HTMLDivElement> | undefined;
+    style?: CSSProperties;
+    wrapperRef?: RefObject<HTMLDivElement | null>;
+}
+/**
+ * Component that fires an event if you click outside of it
+ */
+export default function Outside({ children, className, onClickOutside, onClick, style, wrapperRef }: OutsideProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,11 @@
-/// <reference types="react" />
-export interface PageProps {
-    /**
-     * Will be set to the document's `<title>` tag.
-     */
-    title?: string;
-    children?: any;
-}
-/**
- * Main component for each page.
- */
-export default function Page({ children, title }: PageProps): JSX.Element;
+export interface PageProps {
+    /**
+     * Will be set to the document's `<title>` tag.
+     */
+    title?: string;
+    children?: any;
+}
+/**
+ * Main component for each page.
+ */
+export default function Page({ children, title }: PageProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,36 +1,36 @@
-import React, { ReactNode, RefObject } from "react";
-export interface SearchProps {
-    autoFocus?: boolean;
-    /**
-     * Is component inside of a page?
-     */
-    body?: boolean;
-    className?: string;
-    icon?: any;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onSubmit?: (event: React.FormEvent<HTMLFormElement>) => void;
-    placeholder?: string;
-    /**
-     * Allow reset?
-     */
-    reset?: boolean;
-    /**
-     * Define custom icon for the reset button.
-     */
-    resetIcon?: any;
-    /**
-     * Is component inside of the sidebar?
-     */
-    sidebar?: boolean;
-    value?: string;
-    children?: ReactNode;
-    id?: string;
-    /**
-     * Set `ref` prop of the input element. Let's you take control of it from the outside, e.g. to set focus.
-     */
-    inputRef?: RefObject<HTMLInputElement>;
-}
-/**
- * A search bar that can be placed to the sidebar or on a page.
- */
-export default function Search(props: SearchProps): JSX.Element;
+import React, { ReactNode, RefObject } from "react";
+export interface SearchProps {
+    autoFocus?: boolean;
+    /**
+     * Is component inside of a page?
+     */
+    body?: boolean;
+    className?: string;
+    icon?: any;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onSubmit?: (event: React.FormEvent<HTMLFormElement>) => void;
+    placeholder?: string;
+    /**
+     * Allow reset?
+     */
+    reset?: boolean;
+    /**
+     * Define custom icon for the reset button.
+     */
+    resetIcon?: any;
+    /**
+     * Is component inside of the sidebar?
+     */
+    sidebar?: boolean;
+    value?: string;
+    children?: ReactNode;
+    id?: string;
+    /**
+     * Set `ref` prop of the input element. Let's you take control of it from the outside, e.g. to set focus.
+     */
+    inputRef?: RefObject<HTMLInputElement | null>;
+}
+/**
+ * A search bar that can be placed to the sidebar or on a page.
+ */
+export default function Search(props: SearchProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,32 +1,31 @@
-/// <reference types="react" />
-export interface SidebarMenuProps {
-    /**
-     * Extends the class name by the sidebar.
-     */
-    sidebarClass?: string;
-    /**
-     * Sets the `style` prop by the sidebar.
-     */
-    sidebarStyle?: object;
-    /**
-     * Extends the class name by the menu.
-     */
-    menuClass?: string;
-    /**
-     * Sets the `style` prop by the menu.
-     */
-    menuStyle?: object;
-    /**
-     * Content on top of the menu.
-     */
-    topContent?: any;
-    /**
-     * Content for the bottom part of the sidebar.
-     */
-    bottomContent?: any;
-    children?: any;
-}
-/**
- * Sidebar for the `Layout` component.
- */
-export default function SidebarMenu(props: SidebarMenuProps): JSX.Element;
+export interface SidebarMenuProps {
+    /**
+     * Extends the class name by the sidebar.
+     */
+    sidebarClass?: string;
+    /**
+     * Sets the `style` prop by the sidebar.
+     */
+    sidebarStyle?: object;
+    /**
+     * Extends the class name by the menu.
+     */
+    menuClass?: string;
+    /**
+     * Sets the `style` prop by the menu.
+     */
+    menuStyle?: object;
+    /**
+     * Content on top of the menu.
+     */
+    topContent?: any;
+    /**
+     * Content for the bottom part of the sidebar.
+     */
+    bottomContent?: any;
+    children?: any;
+}
+/**
+ * Sidebar for the `Layout` component.
+ */
+export default function SidebarMenu(props: SidebarMenuProps): import("react/jsx-runtime").JSX.Element;