@touchtech/baselayer-ui 4.1.2-beta.5 → 5.1.0

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

@@ -1,10 +1,11 @@
 import { RefObject } from "react";
-import { Color } from "../../types";
+import { Color, Size } from "../../types";
 declare type ColorSwatchProps = {
     color: Color;
     containerRef?: RefObject<HTMLButtonElement>;
     isSelected?: boolean;
+    size?: Size;
     onClick?: () => void;
 };
-declare function ColorSwatch({ color, containerRef, onClick, isSelected, }: ColorSwatchProps): JSX.Element;
+declare function ColorSwatch({ color, containerRef, isSelected, size, onClick, }: ColorSwatchProps): JSX.Element;
 export default ColorSwatch;

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

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

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

@@ -1,25 +1,24 @@
-import { ReactChild } from "react";
+import { ReactChild, ReactElement } from "react";
 export declare type Item = {
     id: number | string;
     name: string;
 };
-export declare type PromptFn<T> = (selectedItem: T | null) => ReactChild;
-export declare type ItemBodyRendererFn<T> = (state: {
+export declare 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: {
     item: T;
     isSelected: boolean;
 }) => ReactChild;
-export interface DropdownProps<T> {
+export interface DropdownProps<T extends Item> {
     itemBodyRenderer?: ItemBodyRendererFn<T>;
     items: T[];
     onSelect: (item: T) => void;
-    prompt: string | PromptFn<T>;
+    display: ReactChild;
+    renderClickable?: RenderClickableFn<T>;
     selectedItem: T | null;
-    label?: string;
-    stretchPromptHorizontally?: boolean;
-    stretchPromptVertically?: boolean;
-    noPromptPadding?: boolean;
-    noPromptShadow?: boolean;
-    noPromptBorder?: boolean;
 }
-declare function Dropdown<T extends Item>({ items, itemBodyRenderer, label, onSelect: handleSelect, prompt, selectedItem, stretchPromptHorizontally, stretchPromptVertically, noPromptPadding, noPromptShadow, noPromptBorder, }: DropdownProps<T>): JSX.Element;
+export declare function Dropdown<T extends Item>({ itemBodyRenderer, items, onSelect: handleSelect, display, renderClickable, selectedItem, }: DropdownProps<T>): JSX.Element;
 export default Dropdown;

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

@@ -1 +1,2 @@
-export { default as Dropdown, DropdownProps, Item, PromptFn, ItemBodyRendererFn, } from "./Dropdown";
+export { Dropdown, DropdownProps, Item as DropdownItem, ItemBodyRendererFn as DropdownItemBodyRendererFn, RenderClickableFn as DropdownRenderClickableFn, RenderDisplayProps as DropdownRenderDisplayProps, } from "./Dropdown";
+export { Clickable as DropdownClickable, ClickableProps as DropdownClickableProps } from "./Clickable";

package/dist/index.d.ts

@@ -1,22 +1,22 @@
-export * from "./components/ButtonBadge";
 export * from "./components/Button";
+export * from "./components/ButtonBadge";
 export * from "./components/ButtonLink";
 export * from "./components/Checkbox";
 export * from "./components/ColorPicker";
 export * from "./components/ColorSwatch";
 export * from "./components/ConfirmationModal";
-export { Dropdown, DropdownProps, Item as DropdownItem, ItemBodyRendererFn as DropdownItemBodyRendererFn, PromptFn as DropdownPromptFn, } from "./components/Dropdown";
+export * from "./components/Dropdown";
 export * from "./components/FileInput";
 export * from "./components/FloatingPanel";
 export * from "./components/Icon";
 export * from "./components/IconButton";
 export * from "./components/IconButtonLink";
 export * from "./components/Image";
+export * from "./components/Label";
 export * from "./components/ListView";
 export * from "./components/Menu";
 export * from "./components/Modal";
 export * from "./components/Overlay";
-export * from "./components/Label";
 export * from "./components/TextInput";
 export * from "./components/Toast";
 export * from "./components/Video";