@touchtech/baselayer-ui 4.0.0 → 4.1.0

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

@@ -1 +1 @@
-export { default as Icon } from "./Icon";
+export { default as Icon } from "./Icon";

package/dist/components/IconButton/IconButton.d.ts

@@ -1,21 +1,21 @@
-import { ReactNode, RefObject, SyntheticEvent } from "react";
-import { Size } from "../../types";
-declare type IconButtonProps = {
-    className?: string;
-    containerRef?: RefObject<HTMLButtonElement>;
-    src: string;
-    alt: string;
-    badgeContent?: ReactNode;
-    disabled?: boolean;
-    inverted?: boolean;
-    noShadow?: boolean;
-    noBorder?: boolean;
-    transparent?: boolean;
-    rounded?: boolean;
-    onClick?: (event?: SyntheticEvent<HTMLButtonElement>) => void;
-    size?: Size;
-    type?: "submit" | "reset" | "button";
-    offsetSides?: Array<"top" | "right" | "bottom" | "left">;
-};
-declare function IconButton({ className, containerRef, src, alt, badgeContent, offsetSides, onClick, disabled, inverted, noShadow, noBorder, transparent, rounded, size, type, }: IconButtonProps): JSX.Element;
-export default IconButton;
+import { ReactNode, RefObject, SyntheticEvent } from "react";
+import { Size } from "../../types";
+declare type IconButtonProps = {
+    className?: string;
+    containerRef?: RefObject<HTMLButtonElement>;
+    src: string;
+    alt: string;
+    badgeContent?: ReactNode;
+    disabled?: boolean;
+    inverted?: boolean;
+    noShadow?: boolean;
+    noBorder?: boolean;
+    transparent?: boolean;
+    rounded?: boolean;
+    onClick?: (event?: SyntheticEvent<HTMLButtonElement>) => void;
+    size?: Size;
+    type?: "submit" | "reset" | "button";
+    offsetSides?: Array<"top" | "right" | "bottom" | "left">;
+};
+declare function IconButton({ className, containerRef, src, alt, badgeContent, offsetSides, onClick, disabled, inverted, noShadow, noBorder, transparent, rounded, size, type, }: IconButtonProps): JSX.Element;
+export default IconButton;

package/dist/components/IconButton/__tests__/IconButton.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

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

@@ -1 +1 @@
-export { default as IconButton } from "./IconButton";
+export { default as IconButton } from "./IconButton";

package/dist/components/IconButtonLink/IconButtonLink.d.ts

@@ -1,21 +1,21 @@
-import { ElementType, ReactNode, RefObject } from "react";
-import { Size } from "../../types";
-declare type OffsetSide = "top" | "right" | "bottom" | "left";
-declare type IconButtonLinkProps = {
-    as?: ElementType;
-    containerRef?: RefObject<HTMLElement>;
-    src: string;
-    alt: string;
-    badgeContent?: ReactNode;
-    className?: string;
-    inverted?: boolean;
-    rounded?: boolean;
-    transparent?: boolean;
-    noShadow?: boolean;
-    noBorder?: boolean;
-    size?: Size;
-    offsetSides?: Array<OffsetSide>;
-    disabled?: boolean;
-} | any;
-declare function IconButtonLink({ as: Component, containerRef, className, src, alt, badgeContent, inverted, noShadow, noBorder, transparent, rounded, offsetSides, disabled, size, ...props }: IconButtonLinkProps): JSX.Element;
-export default IconButtonLink;
+import { ElementType, ReactNode, RefObject } from "react";
+import { Size } from "../../types";
+declare type OffsetSide = "top" | "right" | "bottom" | "left";
+declare type IconButtonLinkProps = {
+    as?: ElementType;
+    containerRef?: RefObject<HTMLElement>;
+    src: string;
+    alt: string;
+    badgeContent?: ReactNode;
+    className?: string;
+    inverted?: boolean;
+    rounded?: boolean;
+    transparent?: boolean;
+    noShadow?: boolean;
+    noBorder?: boolean;
+    size?: Size;
+    offsetSides?: Array<OffsetSide>;
+    disabled?: boolean;
+} | any;
+declare function IconButtonLink({ as: Component, containerRef, className, src, alt, badgeContent, inverted, noShadow, noBorder, transparent, rounded, offsetSides, disabled, size, ...props }: IconButtonLinkProps): JSX.Element;
+export default IconButtonLink;

package/dist/components/IconButtonLink/__tests__/IconButtonLink.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

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

@@ -1 +1 @@
-export { default as IconButtonLink } from "./IconButtonLink";
+export { default as IconButtonLink } from "./IconButtonLink";

package/dist/components/Image/Image.d.ts

@@ -1,14 +1,14 @@
-import React, { RefObject } from "react";
-export declare type ImageProps = {
-    alt?: string;
-    children?: React.ReactNode;
-    containerRef?: RefObject<HTMLDivElement>;
-    layout?: "cover" | "contain" | "stretchHorizontally" | "stretchVertically";
-    src: string;
-    srcWidth?: number;
-    srcHeight?: number;
-    decoding?: "async" | "sync" | "auto";
-    loading?: "eager" | "lazy";
-};
-declare function ImageComponent({ src, alt, srcWidth, srcHeight, children, containerRef, layout, decoding, loading }: ImageProps): JSX.Element;
-export default ImageComponent;
+import React, { RefObject } from "react";
+export declare type ImageProps = {
+    alt?: string;
+    children?: React.ReactNode;
+    containerRef?: RefObject<HTMLDivElement>;
+    layout?: "cover" | "contain" | "stretchHorizontally" | "stretchVertically";
+    src: string;
+    srcWidth?: number;
+    srcHeight?: number;
+    decoding?: "async" | "sync" | "auto";
+    loading?: "eager" | "lazy";
+};
+declare function ImageComponent({ src, alt, srcWidth, srcHeight, children, containerRef, layout, decoding, loading }: ImageProps): JSX.Element;
+export default ImageComponent;

package/dist/components/Image/__tests__/Image.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

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

@@ -1 +1 @@
-export { default as Image, ImageProps } from "./Image";
+export { default as Image, ImageProps } from "./Image";

package/dist/components/Label/Label.d.ts

@@ -1,9 +1,9 @@
-import { RefObject, ReactNode } from "react";
-declare type LabelInputProps = {
-    className?: string;
-    children?: ReactNode;
-    containerRef?: RefObject<HTMLLabelElement>;
-    value: ReactNode;
-};
-declare function Label({ className, children, value, containerRef }: LabelInputProps): JSX.Element;
-export default Label;
+import { RefObject, ReactNode } from "react";
+declare type LabelInputProps = {
+    className?: string;
+    children?: ReactNode;
+    containerRef?: RefObject<HTMLLabelElement>;
+    value: ReactNode;
+};
+declare function Label({ className, children, value, containerRef }: LabelInputProps): JSX.Element;
+export default Label;

package/dist/components/Label/__tests/Label.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

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

@@ -1 +1 @@
-export { default as Label } from "./Label";
+export { default as Label } from "./Label";

package/dist/components/ListView/ListView.d.ts

@@ -1,10 +1,10 @@
-import { ReactNode, RefObject } from "react";
-declare type ListViewProps = {
-    children: ReactNode;
-    className?: string;
-    containerRef?: RefObject<HTMLDivElement>;
-    header?: string;
-    headerActions?: ReactNode;
-};
-declare function ListView({ children, className, containerRef, header, headerActions, }: ListViewProps): JSX.Element;
-export default ListView;
+import { ReactNode, RefObject } from "react";
+declare type ListViewProps = {
+    children: ReactNode;
+    className?: string;
+    containerRef?: RefObject<HTMLDivElement>;
+    header?: string;
+    headerActions?: ReactNode;
+};
+declare function ListView({ children, className, containerRef, header, headerActions, }: ListViewProps): JSX.Element;
+export default ListView;

package/dist/components/ListView/ListViewItem.d.ts

@@ -1,14 +1,14 @@
-import { ReactNode } from "react";
-import { Size } from "../../types";
-declare type ListViewItemProps = {
-    children: ReactNode;
-    active?: boolean;
-    disabled?: boolean;
-    transparent?: boolean;
-    noPadding?: boolean;
-    size?: Size;
-    align?: "left" | "center";
-    onClick?: () => void;
-};
-declare function ListViewItem({ children, active, disabled, transparent, noPadding, size, align, onClick, }: ListViewItemProps): JSX.Element;
-export default ListViewItem;
+import { ReactNode } from "react";
+import { Size } from "../../types";
+declare type ListViewItemProps = {
+    children: ReactNode;
+    active?: boolean;
+    disabled?: boolean;
+    transparent?: boolean;
+    noPadding?: boolean;
+    size?: Size;
+    align?: "left" | "center";
+    onClick?: () => void;
+};
+declare function ListViewItem({ children, active, disabled, transparent, noPadding, size, align, onClick, }: ListViewItemProps): JSX.Element;
+export default ListViewItem;

package/dist/components/ListView/ListViewLinkItem.d.ts

@@ -1,13 +1,13 @@
-import { ElementType, ReactNode } from "react";
-import { Size } from "../../types";
-declare type ListViewLinkItemProps = {
-    children: ReactNode;
-    as?: ElementType;
-    active: boolean;
-    transparent: boolean;
-    noPadding: boolean;
-    align: "left" | "center";
-    size: Size;
-} | any;
-declare function ListViewLinkItem({ children, as: Component, active, transparent, noPadding, align, size, ...props }: ListViewLinkItemProps): JSX.Element;
-export default ListViewLinkItem;
+import { ElementType, ReactNode } from "react";
+import { Size } from "../../types";
+declare type ListViewLinkItemProps = {
+    children: ReactNode;
+    as?: ElementType;
+    active: boolean;
+    transparent: boolean;
+    noPadding: boolean;
+    align: "left" | "center";
+    size: Size;
+} | any;
+declare function ListViewLinkItem({ children, as: Component, active, transparent, noPadding, align, size, ...props }: ListViewLinkItemProps): JSX.Element;
+export default ListViewLinkItem;

package/dist/components/ListView/__tests__/ListView.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

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

@@ -1,3 +1,3 @@
-export { default as ListView } from "./ListView";
-export { default as ListViewItem } from "./ListViewItem";
-export { default as ListViewLinkItem } from "./ListViewLinkItem";
+export { default as ListView } from "./ListView";
+export { default as ListViewItem } from "./ListViewItem";
+export { default as ListViewLinkItem } from "./ListViewLinkItem";

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

@@ -1,11 +1,11 @@
-import { ReactNode, RefObject } from "react";
-declare type MenuProps = {
-    children: ReactNode;
-    containerRef?: RefObject<HTMLDivElement>;
-    className?: string;
-    isOpen?: boolean;
-    header?: string;
-    footer?: ReactNode;
-};
-declare function Menu({ children, containerRef, className, isOpen, header, footer, }: MenuProps): JSX.Element;
-export default Menu;
+import { ReactNode, RefObject } from "react";
+declare type MenuProps = {
+    children: ReactNode;
+    containerRef?: RefObject<HTMLDivElement>;
+    className?: string;
+    isOpen?: boolean;
+    header?: string;
+    footer?: ReactNode;
+};
+declare function Menu({ children, containerRef, className, isOpen, header, footer, }: MenuProps): JSX.Element;
+export default Menu;

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

@@ -1,13 +1,13 @@
-import React, { ReactNode, ReactElement } from "react";
-export declare type MenuPlacement = {
-    horizontal: "right" | "left";
-    vertical: "top" | "bottom";
-};
-declare type MenuContainerProps = {
-    children: ReactNode;
-    button?: ReactElement;
-    className?: string;
-    placement?: MenuPlacement;
-};
-declare const _default: React.ForwardRefExoticComponent<MenuContainerProps & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+import React, { ReactNode, ReactElement } from "react";
+export declare type MenuPlacement = {
+    horizontal: "right" | "left";
+    vertical: "top" | "bottom";
+};
+declare type MenuContainerProps = {
+    children: ReactNode;
+    button?: ReactElement;
+    className?: string;
+    placement?: MenuPlacement;
+};
+declare const _default: React.ForwardRefExoticComponent<MenuContainerProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;

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

@@ -1,10 +1,10 @@
-import { ReactNode, SyntheticEvent } from "react";
-declare type MenuItemProps = {
-    children: ReactNode;
-    className?: string;
-    isActive?: boolean;
-    noPadding?: boolean;
-    onClick?: (event?: SyntheticEvent<HTMLLIElement>) => void;
-};
-declare function MenuItem({ children, className, onClick, noPadding, isActive, }: MenuItemProps): JSX.Element;
-export default MenuItem;
+import { ReactNode, SyntheticEvent } from "react";
+declare type MenuItemProps = {
+    children: ReactNode;
+    className?: string;
+    isActive?: boolean;
+    noPadding?: boolean;
+    onClick?: (event?: SyntheticEvent<HTMLLIElement>) => void;
+};
+declare function MenuItem({ children, className, onClick, noPadding, isActive, }: MenuItemProps): JSX.Element;
+export default MenuItem;

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

@@ -1,9 +1,9 @@
-import { ReactNode, ElementType } from "react";
-declare type MenuLinkItemProps = {
-    as: ElementType;
-    children: ReactNode;
-    className: string;
-    noPadding?: boolean;
-} | any;
-declare function MenuLinkItem({ as: Component, children, className, noPadding, ...props }: MenuLinkItemProps): JSX.Element;
-export default MenuLinkItem;
+import { ReactNode, ElementType } from "react";
+declare type MenuLinkItemProps = {
+    as: ElementType;
+    children: ReactNode;
+    className: string;
+    noPadding?: boolean;
+} | any;
+declare function MenuLinkItem({ as: Component, children, className, noPadding, ...props }: MenuLinkItemProps): JSX.Element;
+export default MenuLinkItem;

package/dist/components/Menu/__tests__/Menu.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/components/Menu/__tests__/MenuLinkItem.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

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

@@ -1,4 +1,4 @@
-export { default as Menu } from "./Menu";
-export { default as MenuContainer, MenuPlacement } from "./MenuContainer";
-export { default as MenuItem } from "./MenuItem";
-export { default as MenuLinkItem } from "./MenuLinkItem";
+export { default as Menu } from "./Menu";
+export { default as MenuContainer, MenuPlacement } from "./MenuContainer";
+export { default as MenuItem } from "./MenuItem";
+export { default as MenuLinkItem } from "./MenuLinkItem";

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

@@ -1,14 +1,14 @@
-import { ReactNode, RefObject } from "react";
-declare type ModalProps = {
-    children: ReactNode;
-    containerRef?: RefObject<HTMLDivElement>;
-    isOpen: boolean;
-    onClose?: () => void;
-    button?: ReactNode;
-    transparent?: boolean;
-    noShadow?: boolean;
-    noOverlay?: boolean;
-    baseZIndex?: number;
-};
-declare function Modal({ children, containerRef, isOpen, button, transparent, noShadow, noOverlay, onClose, baseZIndex, }: ModalProps): JSX.Element;
-export default Modal;
+import { ReactNode, RefObject } from "react";
+declare type ModalProps = {
+    children: ReactNode;
+    containerRef?: RefObject<HTMLDivElement>;
+    isOpen: boolean;
+    onClose?: () => void;
+    button?: ReactNode;
+    transparent?: boolean;
+    noShadow?: boolean;
+    noOverlay?: boolean;
+    baseZIndex?: number;
+};
+declare function Modal({ children, containerRef, isOpen, button, transparent, noShadow, noOverlay, onClose, baseZIndex, }: ModalProps): JSX.Element;
+export default Modal;

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

@@ -1 +1 @@
-export {};
+export {};

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

@@ -1 +1 @@
-export { default as Modal } from "./Modal";
+export { default as Modal } from "./Modal";

package/dist/components/Overlay/Overlay.d.ts

@@ -1,10 +1,10 @@
-import { ReactNode, RefObject } from "react";
-declare type OverlayProps = {
-    children: ReactNode;
-    containerRef?: RefObject<HTMLDivElement>;
-    transparent?: boolean;
-    isFixed?: boolean;
-    onClick?: () => void;
-};
-declare function Overlay({ children, containerRef, transparent, isFixed, onClick, }: OverlayProps): JSX.Element;
-export default Overlay;
+import { ReactNode, RefObject } from "react";
+declare type OverlayProps = {
+    children: ReactNode;
+    containerRef?: RefObject<HTMLDivElement>;
+    transparent?: boolean;
+    isFixed?: boolean;
+    onClick?: () => void;
+};
+declare function Overlay({ children, containerRef, transparent, isFixed, onClick, }: OverlayProps): JSX.Element;
+export default Overlay;

package/dist/components/Overlay/__tests__/Overlay.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

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

@@ -1 +1 @@
-export { default as Overlay } from "./Overlay";
+export { default as Overlay } from "./Overlay";

package/dist/components/TextInput/TextInput.d.ts

@@ -1,18 +1,18 @@
-import React from "react";
-import { Size, TextInputType } from "../../types";
-declare type TextInputProps = {
-    label?: string;
-    onChange?: (value: string) => void;
-    onBlur?: () => void;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    placeholder?: string;
-    value?: string;
-    name?: string;
-    type?: TextInputType;
-    size?: Size;
-    noBorder?: boolean;
-    autoFocus?: boolean;
-    inputRef?: React.RefObject<HTMLInputElement>;
-};
-declare function TextInput({ label, onChange, onBlur, onKeyDown, placeholder, value, name, inputRef, size, type, autoFocus, noBorder, }: TextInputProps): JSX.Element;
-export default TextInput;
+import React from "react";
+import { Size, TextInputType } from "../../types";
+declare type TextInputProps = {
+    label?: string;
+    onChange?: (value: string) => void;
+    onBlur?: () => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    value?: string;
+    name?: string;
+    type?: TextInputType;
+    size?: Size;
+    noBorder?: boolean;
+    autoFocus?: boolean;
+    inputRef?: React.RefObject<HTMLInputElement>;
+};
+declare function TextInput({ label, onChange, onBlur, onKeyDown, placeholder, value, name, inputRef, size, type, autoFocus, noBorder, }: TextInputProps): JSX.Element;
+export default TextInput;

package/dist/components/TextInput/__tests__/TextInput.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

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

@@ -1 +1 @@
-export { default as TextInput } from "./TextInput";
+export { default as TextInput } from "./TextInput";

package/dist/components/Toast/Toast.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode, RefObject } from "react";
-declare type ToastProps = {
-    children: ReactNode;
-    containerRef?: RefObject<HTMLDivElement>;
-    onClick?: () => void;
-};
-declare function Toast({ children, containerRef, onClick }: ToastProps): JSX.Element;
-export default Toast;
+import { ReactNode, RefObject } from "react";
+declare type ToastProps = {
+    children: ReactNode;
+    containerRef?: RefObject<HTMLDivElement>;
+    onClick?: () => void;
+};
+declare function Toast({ children, containerRef, onClick }: ToastProps): JSX.Element;
+export default Toast;

package/dist/components/Toast/ToastContainer.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from "react";
-declare type ToastContainerProps = {
-    children?: ReactNode;
-    baseZIndex?: number;
-};
-declare function ToastContainer({ children, baseZIndex }: ToastContainerProps): JSX.Element;
-export default ToastContainer;
+import { ReactNode } from "react";
+declare type ToastContainerProps = {
+    children?: ReactNode;
+    baseZIndex?: number;
+};
+declare function ToastContainer({ children, baseZIndex }: ToastContainerProps): JSX.Element;
+export default ToastContainer;

package/dist/components/Toast/__tests__/Toast.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/components/Toast/__tests__/ToastContainer.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

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

@@ -1,2 +1,2 @@
-export { default as Toast } from "./Toast";
-export { default as ToastContainer } from "./ToastContainer";
+export { default as Toast } from "./Toast";
+export { default as ToastContainer } from "./ToastContainer";

package/dist/components/Video/Video.d.ts

@@ -1,23 +1,23 @@
-import { ReactNode, RefObject } from "react";
-/**
- * There is a known issue in React in regards to the 'muted' property which causes the warning:
- * "Warning: unstable_flushDiscreteUpdates: Cannot flush updates when React is already rendering."
- *
- * https://github.com/facebook/react/issues/10389
- * https://github.com/facebook/react/issues/6544
- * https://github.com/testing-library/react-testing-library/issues/470
- */
-declare type Layout = "cover" | "contain" | "stretchHorizontally" | "stretchVertically";
-export declare type VideoProps = {
-    src: string;
-    type: string;
-    layout?: Layout;
-    autoPlay?: boolean;
-    loop?: boolean;
-    muted?: boolean;
-    children?: ReactNode;
-    containerRef?: RefObject<HTMLDivElement>;
-    poster?: string;
-};
-declare function Video({ src, type, children, containerRef, poster, muted, loop, autoPlay, layout, }: VideoProps): JSX.Element;
-export default Video;
+import { ReactNode, RefObject } from "react";
+/**
+ * There is a known issue in React in regards to the 'muted' property which causes the warning:
+ * "Warning: unstable_flushDiscreteUpdates: Cannot flush updates when React is already rendering."
+ *
+ * https://github.com/facebook/react/issues/10389
+ * https://github.com/facebook/react/issues/6544
+ * https://github.com/testing-library/react-testing-library/issues/470
+ */
+declare type Layout = "cover" | "contain" | "stretchHorizontally" | "stretchVertically";
+export declare type VideoProps = {
+    src: string;
+    type: string;
+    layout?: Layout;
+    autoPlay?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    children?: ReactNode;
+    containerRef?: RefObject<HTMLDivElement>;
+    poster?: string;
+};
+declare function Video({ src, type, children, containerRef, poster, muted, loop, autoPlay, layout, }: VideoProps): JSX.Element;
+export default Video;

package/dist/components/Video/__tests__/Video.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

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

@@ -1 +1 @@
-export { default as Video, VideoProps } from "./Video";
+export { default as Video, VideoProps } from "./Video";

package/dist/hooks/__tests__/useToggle.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { default as useToggle } from "./useToggle";
+export { default as useOutsideClick } from "./useOutsideClick";

package/dist/hooks/useOutsideClick.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare type Callback = (event: Event) => void;
+export default function useOutsideClick(callback: Callback): import("react").MutableRefObject<HTMLDivElement>;
+export {};

package/dist/hooks/useToggle.d.ts

@@ -0,0 +1 @@
+export default function useToggle(initialValue?: boolean): [boolean, (newValue?: boolean) => void];