@overmap-ai/blocks 0.0.2-alpha.0 → 0.0.2-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,34 @@
1
+ import { FC, ReactNode, ReactElement } from "react";
2
+ export interface LeftAndRightPanelsProps {
3
+ /** content to be rendered within the center panel */
4
+ children: ReactNode;
5
+ /** state to determine whether to show or hide the left panel*/
6
+ showLeft?: boolean;
7
+ /** content to be rendered within the left panel*/
8
+ leftPanel?: ReactElement;
9
+ /** minimum width of the left panel when resizing */
10
+ leftMinWidth?: number;
11
+ /** maximum width of the left panel when resizing */
12
+ leftMaxWidth?: number;
13
+ /** state to determine whether to show or hide the right panel*/
14
+ showRight?: boolean;
15
+ /** content to be rendered within the left panel*/
16
+ rightPanel?: ReactElement;
17
+ /** minimum width of the left panel when resizing */
18
+ rightMinWidth?: number;
19
+ /** maximum width of the left panel when resizing */
20
+ rightMaxWidth?: number;
21
+ /** used to disable or enable resizing on the left and right panels */
22
+ resizeable?: {
23
+ left?: boolean;
24
+ right?: boolean;
25
+ };
26
+ }
27
+ /** Panels are graphical elements that divide a screen or window into distinct sections, each of which can contain
28
+ * different types of content or functionality. They are often used to organize and present information in a structured
29
+ * manner. In many graphical user interfaces (GUIs), panels are draggable and resizable, allowing users to customize
30
+ * the layout to suit their preferences. Panels can be used for a variety of purposes, such as displaying navigation
31
+ * menus, presenting data, providing tools or controls, or hosting multimedia content. LeftAndRightPanels renders main
32
+ * content and provides left and right resizable, toggleable panels. This component can be rendered within any element
33
+ * as its container and the Panels will be scoped to the height and appear to the left and right of that container. */
34
+ export declare const LeftAndRightPanels: FC<LeftAndRightPanelsProps>;
@@ -0,0 +1 @@
1
+ export * from "./LeftAndRightPanels";
@@ -0,0 +1,30 @@
1
+ /// <reference types="react" />
2
+ import { DialogContentProps } from "@radix-ui/react-dialog";
3
+ interface SidebarProps extends Omit<DialogContentProps, "asChild" | "forceMount"> {
4
+ /** determines what side the Sidebar appears from within its rendered container */
5
+ side?: "left" | "right";
6
+ /** when true, interactions with any elements outside the Sidebar will be disabled */
7
+ modal?: boolean;
8
+ /** The minimum width to which the Sidebar can be resized to
9
+ * @default 300px
10
+ * */
11
+ minWidth?: number | string;
12
+ /** The maximum width to which the Sidebar can be resized to
13
+ * @default 500px
14
+ * */
15
+ maxWidth?: number | string;
16
+ /** determines if the Sidebar can be resized
17
+ * @default true
18
+ * */
19
+ resizable?: boolean;
20
+ /** prop to control whether the Sidebar is open or not */
21
+ open?: boolean;
22
+ /** a selector string for the desired container for the Sidebar to render within
23
+ * @default '[data-is-root-theme="true"]'
24
+ * */
25
+ containerSelector?: string;
26
+ /** determine whether the Sidebar also renders with an Overlay*/
27
+ overlay?: boolean;
28
+ }
29
+ export declare const Sidebar: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<SidebarProps & import("react").RefAttributes<HTMLDivElement>>>;
30
+ export {};
@@ -0,0 +1 @@
1
+ export * from "./Sidebar";
@@ -1,6 +1,4 @@
1
1
  import { FC } from "react";
2
- import { ToastContextProviderProps, ToastProps } from "./typings";
3
- /** this is a hack to allow toasts to be shown outside of components where hooks cannot be used */
4
- export declare let unsafeShowToast: ((toastProps: ToastProps) => void) | undefined;
2
+ import { ToastContextProviderProps } from "./typings";
5
3
  /** Toasts will be displayed in the top-right handle corner of the screen */
6
4
  export declare const ToastProvider: FC<ToastContextProviderProps>;