@webiny/admin-ui 6.4.12-beta.5 → 6.5.0-beta.1

package/ToggleGroup/primitives/ToggleGroupPrimitive.d.ts

@@ -5,9 +5,9 @@ import type { ToggleGroupItemFormatted, ToggleGroupItemParams } from "../domains
  * Toggle Group Item
  */
 declare const toggleGroupItemVariants: (props?: ({
-    variant?: "primary" | "ghost" | "ghost-negative" | "outline" | null | undefined;
-    size?: "sm" | "md" | null | undefined;
-    contentLayout?: "text" | "icon" | null | undefined;
+    variant?: "ghost" | "ghost-negative" | "outline" | "primary" | null | undefined;
+    size?: "md" | "sm" | null | undefined;
+    contentLayout?: "icon" | "text" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ToggleGroupVariant = VariantProps<typeof toggleGroupItemVariants>["variant"];
 type ToggleGroupSize = VariantProps<typeof toggleGroupItemVariants>["size"];
@@ -33,21 +33,25 @@ type ToggleGroupPrimitiveProps = ToggleGroupPrimitiveBaseProps & (ToggleGroupSin
 type ToggleGroupVm = {
     items: ToggleGroupItemFormatted[];
 };
-declare const ToggleGroupPrimitive: ((props: ToggleGroupPrimitiveProps) => React.JSX.Element) & {
-    original: (props: ToggleGroupPrimitiveProps) => React.JSX.Element;
+/**
+ * Toggle Group Primitive
+ */
+declare const DecoratableToggleGroupPrimitive: (props: ToggleGroupPrimitiveProps) => React.JSX.Element;
+declare const ToggleGroupPrimitive: typeof DecoratableToggleGroupPrimitive & {
+    original: typeof DecoratableToggleGroupPrimitive;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: ToggleGroupPrimitiveProps) => React.JSX.Element) & {
-        original: (props: ToggleGroupPrimitiveProps) => React.JSX.Element;
+    original: typeof DecoratableToggleGroupPrimitive & {
+        original: typeof DecoratableToggleGroupPrimitive;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: ToggleGroupPrimitiveProps) => React.JSX.Element) & {
-        original: (props: ToggleGroupPrimitiveProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DecoratableToggleGroupPrimitive & {
+        original: typeof DecoratableToggleGroupPrimitive;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Tooltip/Tooltip.d.ts

@@ -12,21 +12,22 @@ interface TooltipProps extends Omit<TooltipPrimitive.TooltipContentProps, "conte
     trigger: React.ReactNode;
     rawTrigger?: boolean;
 }
-declare const Tooltip: (({ align, content, onOpenChange, showArrow, side, variant, trigger, delay, ...props }: TooltipProps) => React.JSX.Element) & {
-    original: ({ align, content, onOpenChange, showArrow, side, variant, trigger, delay, ...props }: TooltipProps) => React.JSX.Element;
+declare const DecoratableTooltip: ({ align, content, onOpenChange, showArrow, side, variant, trigger, delay, ...props }: TooltipProps) => React.JSX.Element;
+declare const Tooltip: typeof DecoratableTooltip & {
+    original: typeof DecoratableTooltip;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ align, content, onOpenChange, showArrow, side, variant, trigger, delay, ...props }: TooltipProps) => React.JSX.Element) & {
-        original: ({ align, content, onOpenChange, showArrow, side, variant, trigger, delay, ...props }: TooltipProps) => React.JSX.Element;
+    original: typeof DecoratableTooltip & {
+        original: typeof DecoratableTooltip;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ align, content, onOpenChange, showArrow, side, variant, trigger, delay, ...props }: TooltipProps) => React.JSX.Element) & {
-        original: ({ align, content, onOpenChange, showArrow, side, variant, trigger, delay, ...props }: TooltipProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DecoratableTooltip & {
+        original: typeof DecoratableTooltip;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Tree/Tree.d.ts

@@ -27,21 +27,22 @@ export interface TreeProps<TData = Record<string, any>> {
     rootId?: string;
     sort?: boolean | ((a: NodeDto<TData>, b: NodeDto<TData>) => number);
 }
-declare const Tree: (<TData>(props: TreeProps<TData>) => React.JSX.Element) & {
-    original: <TData>(props: TreeProps<TData>) => React.JSX.Element;
+declare const BaseTree: <TData>(props: TreeProps<TData>) => React.JSX.Element;
+declare const Tree: typeof BaseTree & {
+    original: typeof BaseTree;
     originalName: string;
     displayName: string;
 } & {
-    original: (<TData>(props: TreeProps<TData>) => React.JSX.Element) & {
-        original: <TData>(props: TreeProps<TData>) => React.JSX.Element;
+    original: typeof BaseTree & {
+        original: typeof BaseTree;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(<TData>(props: TreeProps<TData>) => React.JSX.Element) & {
-        original: <TData>(props: TreeProps<TData>) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof BaseTree & {
+        original: typeof BaseTree;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Tree/components/Item.d.ts

@@ -5,21 +5,22 @@ declare const itemVariants: (props?: ({
     loading?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ItemProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof itemVariants>;
-declare const Item: (({ children, className, active, loading, ...props }: ItemProps) => React.JSX.Element) & {
-    original: ({ children, className, active, loading, ...props }: ItemProps) => React.JSX.Element;
+declare const BaseItem: ({ children, className, active, loading, ...props }: ItemProps) => React.JSX.Element;
+declare const Item: typeof BaseItem & {
+    original: typeof BaseItem;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ children, className, active, loading, ...props }: ItemProps) => React.JSX.Element) & {
-        original: ({ children, className, active, loading, ...props }: ItemProps) => React.JSX.Element;
+    original: typeof BaseItem & {
+        original: typeof BaseItem;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ children, className, active, loading, ...props }: ItemProps) => React.JSX.Element) & {
-        original: ({ children, className, active, loading, ...props }: ItemProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof BaseItem & {
+        original: typeof BaseItem;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Tree/components/ItemCollapseTrigger.d.ts

@@ -4,21 +4,22 @@ interface ItemCollapseTriggerProps extends IconButtonProps {
     open?: boolean;
     loading?: boolean;
 }
-declare const ItemCollapseTrigger: (({ open, loading, ...props }: ItemCollapseTriggerProps) => React.JSX.Element) & {
-    original: ({ open, loading, ...props }: ItemCollapseTriggerProps) => React.JSX.Element;
+declare const BaseItemCollapseTrigger: ({ open, loading, ...props }: ItemCollapseTriggerProps) => React.JSX.Element;
+declare const ItemCollapseTrigger: typeof BaseItemCollapseTrigger & {
+    original: typeof BaseItemCollapseTrigger;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ open, loading, ...props }: ItemCollapseTriggerProps) => React.JSX.Element) & {
-        original: ({ open, loading, ...props }: ItemCollapseTriggerProps) => React.JSX.Element;
+    original: typeof BaseItemCollapseTrigger & {
+        original: typeof BaseItemCollapseTrigger;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ open, loading, ...props }: ItemCollapseTriggerProps) => React.JSX.Element) & {
-        original: ({ open, loading, ...props }: ItemCollapseTriggerProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof BaseItemCollapseTrigger & {
+        original: typeof BaseItemCollapseTrigger;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Tree/components/ItemContent.d.ts

@@ -1,21 +1,23 @@
 import React from "react";
 export type ItemContentProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const ItemContent: (({ children, className, ...props }: ItemContentProps) => React.JSX.Element) & {
-    original: ({ children, className, ...props }: ItemContentProps) => React.JSX.Element;
+declare const BaseItemContent: ({ children, className, ...props }: ItemContentProps) => React.JSX.Element;
+export declare const ItemContent: typeof BaseItemContent & {
+    original: typeof BaseItemContent;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ children, className, ...props }: ItemContentProps) => React.JSX.Element) & {
-        original: ({ children, className, ...props }: ItemContentProps) => React.JSX.Element;
+    original: typeof BaseItemContent & {
+        original: typeof BaseItemContent;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ children, className, ...props }: ItemContentProps) => React.JSX.Element) & {
-        original: ({ children, className, ...props }: ItemContentProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof BaseItemContent & {
+        original: typeof BaseItemContent;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
+export {};

package/Tree/components/ItemDragHandle.d.ts

@@ -3,21 +3,22 @@ import React from "react";
 type ItemDragHandleProps = {
     handleRef?: RefObject<HTMLDivElement | null>;
 };
-declare const ItemDragHandle: (({ handleRef }: ItemDragHandleProps) => React.JSX.Element) & {
-    original: ({ handleRef }: ItemDragHandleProps) => React.JSX.Element;
+declare const BaseItemDragHandle: ({ handleRef }: ItemDragHandleProps) => React.JSX.Element;
+declare const ItemDragHandle: typeof BaseItemDragHandle & {
+    original: typeof BaseItemDragHandle;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ handleRef }: ItemDragHandleProps) => React.JSX.Element) & {
-        original: ({ handleRef }: ItemDragHandleProps) => React.JSX.Element;
+    original: typeof BaseItemDragHandle & {
+        original: typeof BaseItemDragHandle;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ handleRef }: ItemDragHandleProps) => React.JSX.Element) & {
-        original: ({ handleRef }: ItemDragHandleProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof BaseItemDragHandle & {
+        original: typeof BaseItemDragHandle;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Tree/components/ItemIcon.d.ts

@@ -4,21 +4,22 @@ interface ItemIconProps extends Omit<IconProps, "icon"> {
     element?: React.ReactNode;
     active?: boolean;
 }
-declare const ItemIcon: (({ element, active, ...props }: ItemIconProps) => React.JSX.Element) & {
-    original: ({ element, active, ...props }: ItemIconProps) => React.JSX.Element;
+declare const BaseItemIcon: ({ element, active, ...props }: ItemIconProps) => React.JSX.Element;
+declare const ItemIcon: typeof BaseItemIcon & {
+    original: typeof BaseItemIcon;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ element, active, ...props }: ItemIconProps) => React.JSX.Element) & {
-        original: ({ element, active, ...props }: ItemIconProps) => React.JSX.Element;
+    original: typeof BaseItemIcon & {
+        original: typeof BaseItemIcon;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ element, active, ...props }: ItemIconProps) => React.JSX.Element) & {
-        original: ({ element, active, ...props }: ItemIconProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof BaseItemIcon & {
+        original: typeof BaseItemIcon;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Tree/components/ItemPlaceholder.d.ts

@@ -2,21 +2,22 @@ import React from "react";
 interface ItemPlaceholderProps {
     depth: number;
 }
-declare const ItemPlaceholder: (({ depth }: ItemPlaceholderProps) => React.JSX.Element) & {
-    original: ({ depth }: ItemPlaceholderProps) => React.JSX.Element;
+declare const BaseItemPlaceholder: ({ depth }: ItemPlaceholderProps) => React.JSX.Element;
+declare const ItemPlaceholder: typeof BaseItemPlaceholder & {
+    original: typeof BaseItemPlaceholder;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ depth }: ItemPlaceholderProps) => React.JSX.Element) & {
-        original: ({ depth }: ItemPlaceholderProps) => React.JSX.Element;
+    original: typeof BaseItemPlaceholder & {
+        original: typeof BaseItemPlaceholder;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ depth }: ItemPlaceholderProps) => React.JSX.Element) & {
-        original: ({ depth }: ItemPlaceholderProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof BaseItemPlaceholder & {
+        original: typeof BaseItemPlaceholder;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Tree/components/ItemSubIndentation.d.ts

@@ -2,21 +2,22 @@ import React from "react";
 interface ItemSubIndentationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "content"> {
     level: number;
 }
-declare const ItemSubIndentation: (({ level }: ItemSubIndentationProps) => React.JSX.Element) & {
-    original: ({ level }: ItemSubIndentationProps) => React.JSX.Element;
+declare const BaseItemSubIndentation: ({ level }: ItemSubIndentationProps) => React.JSX.Element;
+declare const ItemSubIndentation: typeof BaseItemSubIndentation & {
+    original: typeof BaseItemSubIndentation;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ level }: ItemSubIndentationProps) => React.JSX.Element) & {
-        original: ({ level }: ItemSubIndentationProps) => React.JSX.Element;
+    original: typeof BaseItemSubIndentation & {
+        original: typeof BaseItemSubIndentation;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ level }: ItemSubIndentationProps) => React.JSX.Element) & {
-        original: ({ level }: ItemSubIndentationProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof BaseItemSubIndentation & {
+        original: typeof BaseItemSubIndentation;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Widget/Widget.d.ts

@@ -14,39 +14,25 @@ interface WidgetProps extends Omit<React.ComponentPropsWithoutRef<typeof WidgetC
     outline?: boolean;
     children: React.ReactNode;
 }
-declare const Widget: {
+declare const WidgetBase: {
     (props: WidgetProps): React.JSX.Element;
     displayName: string;
-} & {
-    original: {
-        (props: WidgetProps): React.JSX.Element;
-        displayName: string;
-    };
+};
+declare const Widget: typeof WidgetBase & {
+    original: typeof WidgetBase;
     originalName: string;
     displayName: string;
 } & {
-    original: {
-        (props: WidgetProps): React.JSX.Element;
-        displayName: string;
-    } & {
-        original: {
-            (props: WidgetProps): React.JSX.Element;
-            displayName: string;
-        };
+    original: typeof WidgetBase & {
+        original: typeof WidgetBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<{
-        (props: WidgetProps): React.JSX.Element;
-        displayName: string;
-    } & {
-        original: {
-            (props: WidgetProps): React.JSX.Element;
-            displayName: string;
-        };
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof WidgetBase & {
+        original: typeof WidgetBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Widget/components/Icon.d.ts

@@ -1,21 +1,22 @@
 import * as React from "react";
 import type { IconProps as IconComponentProps } from "../../Icon/index.js";
 type IconProps = IconComponentProps;
-export declare const Icon: ((props: IconProps) => React.JSX.Element) & {
-    original: (props: IconProps) => React.JSX.Element;
+declare const IconBase: (props: IconProps) => React.JSX.Element;
+export declare const Icon: typeof IconBase & {
+    original: typeof IconBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: IconProps) => React.JSX.Element) & {
-        original: (props: IconProps) => React.JSX.Element;
+    original: typeof IconBase & {
+        original: typeof IconBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<((props: IconProps) => React.JSX.Element) & {
-        original: (props: IconProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof IconBase & {
+        original: typeof IconBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Widget/components/WidgetAction.d.ts

@@ -1,21 +1,23 @@
 import * as React from "react";
 import { ButtonProps } from "../../Button/index.js";
-export declare const WidgetAction: ((props: ButtonProps) => React.JSX.Element) & {
-    original: (props: ButtonProps) => React.JSX.Element;
+declare const WidgetActionBase: (props: ButtonProps) => React.JSX.Element;
+export declare const WidgetAction: typeof WidgetActionBase & {
+    original: typeof WidgetActionBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: ButtonProps) => React.JSX.Element) & {
-        original: (props: ButtonProps) => React.JSX.Element;
+    original: typeof WidgetActionBase & {
+        original: typeof WidgetActionBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: ButtonProps) => React.JSX.Element) & {
-        original: (props: ButtonProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof WidgetActionBase & {
+        original: typeof WidgetActionBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
+export {};

package/Widget/components/WidgetContent.d.ts

@@ -2,15 +2,15 @@ import * as React from "react";
 import { type VariantProps } from "../../utils.js";
 declare const widgetContentVariants: (props?: ({
     variant?: "accent" | "base" | "light" | null | undefined;
-    elevation?: "sm" | "md" | "none" | "lg" | null | undefined;
+    elevation?: "lg" | "md" | "none" | "sm" | null | undefined;
     outline?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface WidgetContentProps extends VariantProps<typeof widgetContentVariants> {
     className?: string;
     children: React.ReactNode;
 }
-declare const WidgetContent: {
-    ({ children }: WidgetContentProps): React.JSX.Element;
-    displayName: string;
-};
+declare function WidgetContent({ children }: WidgetContentProps): React.JSX.Element;
+declare namespace WidgetContent {
+    var displayName: string;
+}
 export { WidgetContent };

package/exports/admin/ui.d.ts

@@ -3,6 +3,7 @@ export { Accordion } from "../../Accordion/index.js";
 export { Alert } from "../../Alert/index.js";
 export { AutoComplete } from "../../AutoComplete/index.js";
 export { Avatar } from "../../Avatar/index.js";
+export { BetaBadge } from "../../BetaBadge/BetaBadge.js";
 export { Button, CopyButton, IconButton } from "../../Button/index.js";
 export { Card } from "../../Card/index.js";
 export { Checkbox } from "../../Checkbox/index.js";
@@ -16,6 +17,7 @@ export { Dialog } from "../../Dialog/index.js";
 export { Drawer } from "../../Drawer/index.js";
 export { DropdownMenu } from "../../DropdownMenu/index.js";
 export { DynamicFieldset } from "../../DynamicFieldset/index.js";
+export { EmptyState } from "../../EmptyState/index.js";
 export { FilePicker } from "../../FilePicker/index.js";
 export { FillViewportHeight, FillViewportWidth, FillViewport } from "../../FillViewport/index.js";
 export { Grid } from "../../Grid/index.js";

package/exports/admin/ui.js

@@ -3,6 +3,7 @@ export { Accordion } from "../../Accordion/index.js";
 export { Alert } from "../../Alert/index.js";
 export { AutoComplete } from "../../AutoComplete/index.js";
 export { Avatar } from "../../Avatar/index.js";
+export { BetaBadge } from "../../BetaBadge/BetaBadge.js";
 export { Button, CopyButton, IconButton } from "../../Button/index.js";
 export { Card } from "../../Card/index.js";
 export { Checkbox } from "../../Checkbox/index.js";
@@ -16,6 +17,7 @@ export { Dialog } from "../../Dialog/index.js";
 export { Drawer } from "../../Drawer/index.js";
 export { DropdownMenu } from "../../DropdownMenu/index.js";
 export { DynamicFieldset } from "../../DynamicFieldset/index.js";
+export { EmptyState } from "../../EmptyState/index.js";
 export { FilePicker } from "../../FilePicker/index.js";
 export { FillViewport, FillViewportHeight, FillViewportWidth } from "../../FillViewport/index.js";
 export { Grid } from "../../Grid/index.js";

package/hooks/index.d.ts

@@ -1 +1,2 @@
 export * from "./useDisclosure.js";
+export * from "./useEscapeScrollLock.js";

package/hooks/index.js

@@ -1 +1,2 @@
 export * from "./useDisclosure.js";
+export * from "./useEscapeScrollLock.js";

package/hooks/useEscapeScrollLock.d.ts

@@ -0,0 +1,13 @@
+/**
+ * A modal `Dialog` locks scrolling by preventing every `wheel` and `touchmove` event that lands
+ * outside of its content. The listener sits on `document`, so layers that are portaled to
+ * `document.body` - popovers and the lists they render - count as "outside" and stop scrolling
+ * while the dialog is open.
+ *
+ * Stopping those events on the layer itself keeps them away from the `document` listener: the
+ * browser scrolls the layer as it normally would, and the lock still holds everywhere else.
+ *
+ * Attach the returned callback ref to the element whose subtree must remain scrollable. It has to
+ * be a callback ref, because layers like the popover mount their element after the first render.
+ */
+export declare const useEscapeScrollLock: <T extends HTMLElement>() => (element: T | null) => void;

package/hooks/useEscapeScrollLock.js

@@ -0,0 +1,21 @@
+import { useCallback, useRef } from "react";
+const useEscapeScrollLock = ()=>{
+    const detach = useRef(null);
+    return useCallback((element)=>{
+        if (detach.current) {
+            detach.current();
+            detach.current = null;
+        }
+        if (!element) return;
+        const stopPropagation = (event)=>event.stopPropagation();
+        element.addEventListener("wheel", stopPropagation);
+        element.addEventListener("touchmove", stopPropagation);
+        detach.current = ()=>{
+            element.removeEventListener("wheel", stopPropagation);
+            element.removeEventListener("touchmove", stopPropagation);
+        };
+    }, []);
+};
+export { useEscapeScrollLock };
+
+//# sourceMappingURL=useEscapeScrollLock.js.map

package/hooks/useEscapeScrollLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks/useEscapeScrollLock.js","sources":["../../src/hooks/useEscapeScrollLock.ts"],"sourcesContent":["import { useCallback, useRef } from \"react\";\n\n/**\n * A modal `Dialog` locks scrolling by preventing every `wheel` and `touchmove` event that lands\n * outside of its content. The listener sits on `document`, so layers that are portaled to\n * `document.body` - popovers and the lists they render - count as \"outside\" and stop scrolling\n * while the dialog is open.\n *\n * Stopping those events on the layer itself keeps them away from the `document` listener: the\n * browser scrolls the layer as it normally would, and the lock still holds everywhere else.\n *\n * Attach the returned callback ref to the element whose subtree must remain scrollable. It has to\n * be a callback ref, because layers like the popover mount their element after the first render.\n */\nexport const useEscapeScrollLock = <T extends HTMLElement>() => {\n    const detach = useRef<(() => void) | null>(null);\n\n    return useCallback((element: T | null) => {\n        if (detach.current) {\n            detach.current();\n            detach.current = null;\n        }\n\n        if (!element) {\n            return;\n        }\n\n        const stopPropagation = (event: Event) => event.stopPropagation();\n\n        element.addEventListener(\"wheel\", stopPropagation);\n        element.addEventListener(\"touchmove\", stopPropagation);\n\n        detach.current = () => {\n            element.removeEventListener(\"wheel\", stopPropagation);\n            element.removeEventListener(\"touchmove\", stopPropagation);\n        };\n    }, []);\n};\n"],"names":["useEscapeScrollLock","detach","useRef","useCallback","element","stopPropagation","event"],"mappings":";AAcO,MAAMA,sBAAsB;IAC/B,MAAMC,SAASC,OAA4B;IAE3C,OAAOC,YAAY,CAACC;QAChB,IAAIH,OAAO,OAAO,EAAE;YAChBA,OAAO,OAAO;YACdA,OAAO,OAAO,GAAG;QACrB;QAEA,IAAI,CAACG,SACD;QAGJ,MAAMC,kBAAkB,CAACC,QAAiBA,MAAM,eAAe;QAE/DF,QAAQ,gBAAgB,CAAC,SAASC;QAClCD,QAAQ,gBAAgB,CAAC,aAAaC;QAEtCJ,OAAO,OAAO,GAAG;YACbG,QAAQ,mBAAmB,CAAC,SAASC;YACrCD,QAAQ,mBAAmB,CAAC,aAAaC;QAC7C;IACJ,GAAG,EAAE;AACT"}

package/index.d.ts

@@ -2,6 +2,7 @@ export * from "./Accordion/index.js";
 export * from "./Alert/index.js";
 export * from "./AutoComplete/index.js";
 export * from "./Avatar/index.js";
+export * from "./BetaBadge/BetaBadge.js";
 export * from "./Button/index.js";
 export * from "./Card/index.js";
 export * from "./Checkbox/index.js";
@@ -19,6 +20,7 @@ export * from "./Drawer/index.js";
 export * from "./DropdownMenu/index.js";
 export * from "./DynamicFieldset/index.js";
 export * from "./EditableTitle/index.js";
+export * from "./EmptyState/index.js";
 export * from "./FilePicker/index.js";
 export * from "./FillViewport/index.js";
 export * from "./FormComponent/index.js";
@@ -29,6 +31,7 @@ export * from "./Heading/index.js";
 export * from "./Icon/index.js";
 export * from "./IconPicker/index.js";
 export * from "./Image/index.js";
+export * from "./ImageEditor/index.js";
 export * from "./Input/index.js";
 export * from "./Label/index.js";
 export * from "./Link/index.js";

package/index.js

@@ -2,6 +2,7 @@ export * from "./Accordion/index.js";
 export * from "./Alert/index.js";
 export * from "./AutoComplete/index.js";
 export * from "./Avatar/index.js";
+export * from "./BetaBadge/BetaBadge.js";
 export * from "./Button/index.js";
 export * from "./Card/index.js";
 export * from "./Checkbox/index.js";
@@ -19,6 +20,7 @@ export * from "./Drawer/index.js";
 export * from "./DropdownMenu/index.js";
 export * from "./DynamicFieldset/index.js";
 export * from "./EditableTitle/index.js";
+export * from "./EmptyState/index.js";
 export * from "./FilePicker/index.js";
 export * from "./FillViewport/index.js";
 export * from "./FormComponent/index.js";
@@ -28,6 +30,7 @@ export * from "./Heading/index.js";
 export * from "./Icon/index.js";
 export * from "./IconPicker/index.js";
 export * from "./Image/index.js";
+export * from "./ImageEditor/index.js";
 export * from "./Input/index.js";
 export * from "./Label/index.js";
 export * from "./Link/index.js";