@touchtech/baselayer-ui 8.1.1 → 8.1.2

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

@@ -1,6 +1,6 @@
 import React, { ReactNode, RefObject } from "react";
 import { Size } from "../../types";
-declare type ButtonProps = {
+type ButtonProps = {
     children: ReactNode;
     className?: string;
     containerRef?: RefObject<HTMLButtonElement>;

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

@@ -0,0 +1,17 @@
+declare namespace _default {
+    export { Button as component };
+    export const title: string;
+}
+export default _default;
+export function Default(): JSX.Element;
+export function Disabled(): JSX.Element;
+export function Inverted(): JSX.Element;
+export function Rounded(): JSX.Element;
+export function NoShadow(): JSX.Element;
+export function NoBorder(): JSX.Element;
+export function Transparent(): JSX.Element;
+export function WithIcon(): JSX.Element;
+export function WithImage(): JSX.Element;
+export function StretchHorizontally(): JSX.Element;
+export function StretchVertically(): JSX.Element;
+import Button from "./Button";

package/dist/components/ButtonBadge/ButtonBadge.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-declare type ButtonBadgeProps = {
+type ButtonBadgeProps = {
     children: ReactNode;
     inverted?: boolean;
     className?: string;

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

@@ -0,0 +1,8 @@
+declare namespace _default {
+    export { ButtonBadge as component };
+    export const title: string;
+}
+export default _default;
+export function Default(): JSX.Element;
+export function Inverted(): JSX.Element;
+import ButtonBadge from "./ButtonBadge";

package/dist/components/ButtonLink/ButtonLink.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode, ElementType, RefObject } from "react";
 import { Size } from "../../types";
-declare type OffsetSide = "left" | "right";
-declare type ButtonLinkProps = {
+type OffsetSide = "left" | "right";
+type ButtonLinkProps = {
     as?: ElementType;
     children: ReactNode;
     className?: string;

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

@@ -0,0 +1,18 @@
+declare namespace _default {
+    export { ButtonLink as component };
+    export const title: string;
+}
+export default _default;
+export function Default(): JSX.Element;
+export function Inverted(): JSX.Element;
+export function Rounded(): JSX.Element;
+export function NoShadow(): JSX.Element;
+export function NoBorder(): JSX.Element;
+export function Transparent(): JSX.Element;
+export function Disabled(): JSX.Element;
+export function WithIcon(): JSX.Element;
+export function WithImage(): JSX.Element;
+export function StretchHorizontally(): JSX.Element;
+export function StretchVertically(): JSX.Element;
+export function CustomButtonLink(): JSX.Element;
+import ButtonLink from "./ButtonLink";

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { Size } from "../../types";
-declare type CheckboxProps = {
+type CheckboxProps = {
     label?: string;
-    onChange: (value: boolean) => void;
+    onChange?: (value: boolean) => void;
     placeholder?: string;
     checked?: boolean;
     disabled?: boolean;

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

@@ -0,0 +1,9 @@
+declare namespace _default {
+    export { Checkbox as component };
+    export const title: string;
+}
+export default _default;
+export function Default(): JSX.Element;
+export function Disabled(): JSX.Element;
+export function Indeterminated(): JSX.Element;
+import Checkbox from "./Checkbox";

package/dist/components/ColorPicker/ColorPicker.d.ts

@@ -1,6 +1,6 @@
 import { RefObject } from "react";
 import { Color } from "../../types";
-declare type ColorPickerProps = {
+type ColorPickerProps = {
     colors: Color[];
     containerRef?: RefObject<HTMLDivElement>;
     direction?: "horizontal" | "vertical";

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

@@ -0,0 +1,9 @@
+declare namespace _default {
+    export { ColorPicker as component };
+    export const title: string;
+}
+export default _default;
+export function Vertical(): JSX.Element;
+export function Horizontal(): JSX.Element;
+export function Togglable(): JSX.Element;
+import ColorPicker from "./ColorPicker";

package/dist/components/ColorSwatch/ColorSwatch.d.ts

@@ -1,6 +1,6 @@
 import { RefObject } from "react";
 import { Color, Size } from "../../types";
-declare type ColorSwatchProps = {
+type ColorSwatchProps = {
     color: Color;
     containerRef?: RefObject<HTMLButtonElement>;
     isSelected?: boolean;

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

@@ -0,0 +1,8 @@
+declare namespace _default {
+    export { ColorSwatch as component };
+    export const title: string;
+}
+export default _default;
+export function Default(): JSX.Element;
+export function Selected(): JSX.Element;
+import ColorSwatch from "./ColorSwatch";

package/dist/components/ConfirmationModal/ConfirmationModal.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, ReactNode, RefObject } from "react";
-declare type ConfirmationModalProps = {
+type ConfirmationModalProps = {
     className?: string;
     buttonsLeft?: ReactElement[];
     buttonsRight?: ReactElement[];

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

@@ -0,0 +1,11 @@
+declare namespace _default {
+    export { ConfirmationModal as component };
+    export const title: string;
+}
+export default _default;
+export function Default(): JSX.Element;
+export function NoPadding(): JSX.Element;
+export function NoOverlay(): JSX.Element;
+export function NoShadow(): JSX.Element;
+export function OnAnotherModal(): JSX.Element;
+import ConfirmationModal from "./ConfirmationModal";

package/dist/components/Dropdown/Clickable.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Item, RenderDisplayProps } from "./Dropdown";
-export declare type ClickableProps<T extends Item> = Omit<RenderDisplayProps<T>, "selectedItem" | "toggleIsOpen"> & {
+export type ClickableProps<T extends Item> = Omit<RenderDisplayProps<T>, "selectedItem" | "toggleIsOpen"> & {
     onClick: RenderDisplayProps<T>["toggleIsOpen"];
 };
 export declare function Clickable<T extends Item>({ display, isDisabled, onClick: handleClick, }: ClickableProps<T>): JSX.Element;

package/dist/components/Dropdown/Dropdown.d.ts

@@ -1,15 +1,15 @@
 import { ReactChild, ReactElement } from "react";
 import { MenuPlacement } from "../Menu";
-export declare type Item = {
+export type Item = {
     id: number | string;
     name: string;
 };
-export declare type RenderDisplayProps<T extends Item> = Pick<DropdownProps<T>, "display" | "selectedItem"> & {
+export type RenderDisplayProps<T extends Item> = Pick<DropdownProps<T>, "display" | "selectedItem"> & {
     isDisabled: boolean;
     toggleIsOpen: () => void;
 };
-export declare type RenderClickableFn<T extends Item> = (props: RenderDisplayProps<T>) => ReactElement;
-export declare type ItemBodyRendererFn<T extends Item> = (state: {
+export type RenderClickableFn<T extends Item> = (props: RenderDisplayProps<T>) => ReactElement;
+export type ItemBodyRendererFn<T extends Item> = (state: {
     item: T;
     isSelected: boolean;
 }) => ReactChild;

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

@@ -0,0 +1,10 @@
+declare namespace _default {
+    export { Dropdown as component };
+    export const title: string;
+}
+export default _default;
+export const Default: any;
+export const WithCustomClickable: any;
+export const WithCustomItemBody: any;
+export const WithCustomPlacement: any;
+import { Dropdown } from "./Dropdown";

package/dist/components/FileInput/FileInput.d.ts

@@ -1,7 +1,7 @@
 import React, { ChangeEvent } from "react";
 import { Size } from "../../types";
-export declare type FileInputSize = Size;
-declare type Props = {
+export type FileInputSize = Size;
+type Props = {
     onChange: (e: ChangeEvent<HTMLInputElement>) => void;
     children: React.ReactNode;
     accept?: string;

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

@@ -0,0 +1,15 @@
+declare namespace _default {
+    export { FileInput as component };
+    export const title: string;
+}
+export default _default;
+export function Default(): JSX.Element;
+export function TextLabel(): JSX.Element;
+export function Rounded(): JSX.Element;
+export function Disabled(): JSX.Element;
+export function Inverted(): JSX.Element;
+export function noShadow(): JSX.Element;
+export function noBorder(): JSX.Element;
+export function noPadding(): JSX.Element;
+export function Transparent(): JSX.Element;
+import FileInput from "./FileInput";

package/dist/components/FloatingPanel/FloatingPanel.d.ts

@@ -1,10 +1,10 @@
 import { ReactNode, RefObject } from "react";
-declare type Placement = {
+type Placement = {
     horizontal: "right" | "rightEdge" | "rightOnEdge" | "left" | "leftEdge" | "leftOnEdge" | "leftOnEdge" | "center";
     vertical: "top" | "topEdge" | "topOnEdge" | "bottom" | "bottomEdge" | "bottomOnEdge" | "center";
     parent: "viewport" | "container";
 };
-declare type FloatingPanelProps = {
+type FloatingPanelProps = {
     className?: string;
     children: ReactNode;
     containerRef?: RefObject<HTMLDivElement>;

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

@@ -0,0 +1,11 @@
+declare namespace _default {
+    export { FloatingPanel as component };
+    export const title: string;
+}
+export default _default;
+export function Default(): JSX.Element;
+export function Edges(): JSX.Element;
+export function OnEdges(): JSX.Element;
+export function Layout(): JSX.Element;
+export function ViewportVsContainer(): JSX.Element;
+import FloatingPanel from "./FloatingPanel";

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

@@ -1,5 +1,5 @@
 import { RefObject } from "react";
-declare type IconProps = {
+type IconProps = {
     alt?: string;
     containerRef?: RefObject<HTMLImageElement>;
     inverted?: boolean;

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

@@ -0,0 +1,8 @@
+export function Inverted(): JSX.Element;
+declare namespace _default {
+    export { Icon as component };
+    export const title: string;
+}
+export default _default;
+export function Default(): JSX.Element;
+import Icon from "./Icon";

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

@@ -1,6 +1,6 @@
 import { ReactNode, RefObject, SyntheticEvent } from "react";
 import { Size } from "../../types";
-declare type IconButtonProps = {
+type IconButtonProps = {
     className?: string;
     containerRef?: RefObject<HTMLButtonElement>;
     children?: ReactNode;

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

@@ -0,0 +1,14 @@
+declare namespace _default {
+    export { IconButton as component };
+    export const title: string;
+}
+export default _default;
+export function Default(): JSX.Element;
+export function WithChildren(): JSX.Element;
+export function Rounded(): JSX.Element;
+export function Disabled(): JSX.Element;
+export function Inverted(): JSX.Element;
+export function noShadow(): JSX.Element;
+export function noBorder(): JSX.Element;
+export function Transparent(): JSX.Element;
+import IconButton from "./IconButton";

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

@@ -1,7 +1,7 @@
 import { ElementType, ReactNode, RefObject } from "react";
 import { Size } from "../../types";
-declare type OffsetSide = "top" | "right" | "bottom" | "left";
-declare type IconButtonLinkProps = {
+type OffsetSide = "top" | "right" | "bottom" | "left";
+type IconButtonLinkProps = {
     as?: ElementType;
     containerRef?: RefObject<HTMLElement>;
     src: string;

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

@@ -0,0 +1,14 @@
+declare namespace _default {
+    export { IconButtonLink as component };
+    export const title: string;
+}
+export default _default;
+export function Default(): JSX.Element;
+export function WithChildren(): JSX.Element;
+export function Rounded(): JSX.Element;
+export function Inverted(): JSX.Element;
+export function noShadow(): JSX.Element;
+export function noBorder(): JSX.Element;
+export function Transparent(): JSX.Element;
+export function Disabled(): JSX.Element;
+import IconButtonLink from "./IconButtonLink";

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

@@ -1,5 +1,5 @@
 import React, { RefObject } from "react";
-export declare type ImageProps = {
+export type ImageProps = {
     alt?: string;
     children?: React.ReactNode;
     containerRef?: RefObject<HTMLDivElement>;

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

@@ -0,0 +1,12 @@
+declare namespace _default {
+    export { Image as component };
+    export const title: string;
+}
+export default _default;
+export function Default(): JSX.Element;
+export function WithOverlay(): JSX.Element;
+export function Contain(): JSX.Element;
+export function Cover(): JSX.Element;
+export function StretchVertically(): JSX.Element;
+export function StretchHorizontally(): JSX.Element;
+import Image from "./Image";

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

@@ -1,5 +1,5 @@
 import { RefObject, ReactNode } from "react";
-declare type LabelInputProps = {
+type LabelInputProps = {
     className?: string;
     children?: ReactNode;
     containerRef?: RefObject<HTMLLabelElement>;

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

@@ -0,0 +1,9 @@
+declare namespace _default {
+    export { Label as component };
+    export const title: string;
+}
+export default _default;
+export function Default(): JSX.Element;
+export function WithChild(): JSX.Element;
+export function WithStyledValue(): JSX.Element;
+import Label from "./Label";

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

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from "react";
-declare type ListViewProps = {
+type ListViewProps = {
     children: ReactNode;
     className?: string;
     containerRef?: RefObject<HTMLDivElement>;

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

@@ -0,0 +1,12 @@
+declare namespace _default {
+    export { ListView as component };
+    export const title: string;
+}
+export default _default;
+export function Default(): JSX.Element;
+export function Active(): JSX.Element;
+export function Disabled(): JSX.Element;
+export function Transparent(): JSX.Element;
+export function NoPadding(): JSX.Element;
+export function CustomHeader(): JSX.Element;
+import ListView from "./ListView";

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

@@ -1,6 +1,6 @@
 import { ReactNode } from "react";
 import { Size } from "../../types";
-declare type ListViewItemProps = {
+type ListViewItemProps = {
     children: ReactNode;
     active?: boolean;
     disabled?: boolean;

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

@@ -1,6 +1,6 @@
 import { ElementType, ReactNode } from "react";
 import { Size } from "../../types";
-declare type ListViewLinkItemProps = {
+type ListViewLinkItemProps = {
     children: ReactNode;
     as?: ElementType;
     active: boolean;

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

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from "react";
-declare type MenuProps = {
+type MenuProps = {
     children: ReactNode;
     containerRef?: RefObject<HTMLDivElement>;
     className?: string;

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

@@ -0,0 +1,72 @@
+declare namespace _default {
+    export { Menu as component };
+    export const title: string;
+    export namespace args {
+        const isOpen: boolean;
+        const verticalPlacement: string;
+        const horizontalPlacement: string;
+        const items: JSX.Element[];
+    }
+    export namespace argTypes {
+        export namespace items_1 {
+            namespace table {
+                const disable: boolean;
+            }
+        }
+        export { items_1 as items };
+        export namespace containerRef {
+            export namespace table_1 {
+                const disable_1: boolean;
+                export { disable_1 as disable };
+            }
+            export { table_1 as table };
+        }
+        export namespace className {
+            export namespace table_2 {
+                const disable_2: boolean;
+                export { disable_2 as disable };
+            }
+            export { table_2 as table };
+        }
+        export namespace verticalPlacement_1 {
+            const control: string;
+            const options: string[];
+        }
+        export { verticalPlacement_1 as verticalPlacement };
+        export namespace horizontalPlacement_1 {
+            const control_1: string;
+            export { control_1 as control };
+            const options_1: string[];
+            export { options_1 as options };
+        }
+        export { horizontalPlacement_1 as horizontalPlacement };
+    }
+}
+export default _default;
+export const Default: any;
+export const Active: any;
+export const WithHeader: any;
+export const WithFooter: any;
+export const NoMenuItemPadding: any;
+export const WithCustomMenuItem: any;
+export function WithSubMenu(args: any): JSX.Element;
+export namespace WithSubMenu {
+    export namespace argTypes_1 {
+        namespace header {
+            export namespace table_3 {
+                const disable_3: boolean;
+                export { disable_3 as disable };
+            }
+            export { table_3 as table };
+        }
+        namespace footer {
+            export namespace table_4 {
+                const disable_4: boolean;
+                export { disable_4 as disable };
+            }
+            export { table_4 as table };
+        }
+    }
+    export { argTypes_1 as argTypes };
+}
+import Menu from "./Menu";

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

@@ -1,9 +1,9 @@
 import React, { ReactNode, ReactElement } from "react";
-export declare type MenuPlacement = {
+export type MenuPlacement = {
     horizontal: "right" | "left";
     vertical: "top" | "bottom";
 };
-declare type MenuContainerProps = {
+type MenuContainerProps = {
     children: ReactNode;
     button?: ReactElement;
     className?: string;

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

@@ -1,5 +1,5 @@
 import { ReactNode, SyntheticEvent } from "react";
-declare type MenuItemProps = {
+type MenuItemProps = {
     children: ReactNode;
     className?: string;
     isActive?: boolean;

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

@@ -1,5 +1,5 @@
 import { ReactNode, ElementType } from "react";
-declare type MenuLinkItemProps = {
+type MenuLinkItemProps = {
     as: ElementType;
     children: ReactNode;
     className: string;

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

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from "react";
-declare type ModalProps = {
+type ModalProps = {
     children: ReactNode;
     containerRef?: RefObject<HTMLDivElement>;
     isOpen: boolean;

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

@@ -0,0 +1,11 @@
+declare namespace _default {
+    export { Modal as component };
+    export const title: string;
+}
+export default _default;
+export function Default(): JSX.Element;
+export function Transparent(): JSX.Element;
+export function NoShadow(): JSX.Element;
+export function NoOverlay(): JSX.Element;
+export function WithButton(): JSX.Element;
+import Modal from "./Modal";

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

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from "react";
-declare type OverlayProps = {
+type OverlayProps = {
     children: ReactNode;
     containerRef?: RefObject<HTMLDivElement>;
     transparent?: boolean;

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

@@ -0,0 +1,8 @@
+declare namespace _default {
+    export { Overlay as component };
+    export const title: string;
+}
+export default _default;
+export function Default(): JSX.Element;
+export function Transparent(): JSX.Element;
+import Overlay from "./Overlay";

package/dist/components/Select/GroupOption/GroupOption.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { OptionType } from "../../../types";
+type Props = {
+    className?: string;
+    label: string;
+    options: Array<OptionType>;
+};
+declare function GroupOption({ className, label, options }: Props): JSX.Element;
+export default GroupOption;

package/dist/components/Select/GroupOption/index.d.ts

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

package/dist/components/Select/Option/Option.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+type Props = {
+    children: string;
+    className?: string;
+    value: string;
+};
+declare function Option({ children, className, value }: Props): JSX.Element;
+export default Option;

package/dist/components/Select/Option/index.d.ts

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

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type Props = {
+    className?: string;
+};
+declare function Search({ className }: Props): JSX.Element;
+export default Search;

package/dist/components/Select/Search/index.d.ts

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

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { GroupOptionType, OptionType, Size } from "../../types";
+type SelectProps = {
+    placeholder: string;
+    className?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    size?: Size;
+    showSelectedAsTags?: boolean;
+    groupedOptionCollapsed?: boolean;
+    options: Array<OptionType | GroupOptionType>;
+    onChange?: (values: Array<string>) => void;
+};
+declare function Select({ placeholder, className, multiple, size, disabled, options, showSelectedAsTags, groupedOptionCollapsed, onChange }: SelectProps): JSX.Element;
+export default Select;

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

@@ -0,0 +1,9 @@
+declare namespace _default {
+    export { Select as component };
+    export const title: string;
+}
+export default _default;
+export function Default(): JSX.Element;
+export function Multi(): JSX.Element;
+export function GroupedOptions(): JSX.Element;
+import Select from "./Select";

package/dist/components/Select/SelectContext.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { GroupOptionType, OptionType } from "../../types";
+type Props = {
+    options: Array<OptionType | GroupOptionType>;
+    children: React.ReactNode;
+    multiple?: boolean;
+    onChange?: (values: Array<string>) => void;
+};
+type SelectContextState = {
+    multiple?: boolean;
+    selectedValues: Array<string>;
+    updateSelectedValues: (value: string) => void;
+    searchKeyword: string;
+    setSearchKeyword: (value: string) => void;
+};
+declare const SelectContext: React.Context<SelectContextState>;
+declare const SelectContextProvider: ({ options, children, multiple, onChange, }: Props) => JSX.Element;
+export { SelectContext, SelectContextProvider };