@vuu-ui/vuu-popups 0.13.2 → 0.13.4

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.13.2",
+  "version": "0.13.4",
   "description": "VUU popup components - Context Menu, Dialog etc",
   "author": "heswell",
   "license": "Apache-2.0",
@@ -7,11 +7,11 @@
     "@salt-ds/core": "1.43.0",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
-    "@vuu-ui/vuu-context-menu": "0.13.2",
-    "@vuu-ui/vuu-data-types": "0.13.2",
-    "@vuu-ui/vuu-layout": "0.13.2",
-    "@vuu-ui/vuu-utils": "0.13.2",
-    "@vuu-ui/vuu-ui-controls": "0.13.2"
+    "@vuu-ui/vuu-context-menu": "0.13.4",
+    "@vuu-ui/vuu-data-types": "0.13.4",
+    "@vuu-ui/vuu-layout": "0.13.4",
+    "@vuu-ui/vuu-utils": "0.13.4",
+    "@vuu-ui/vuu-ui-controls": "0.13.4"
   },
   "peerDependencies": {
     "clsx": "^2.0.0",
@@ -22,19 +22,16 @@
   "files": [
     "README.md",
     "esm",
-    "cjs",
-    "/types"
+    "cjs"
   ],
   "exports": {
     ".": {
       "require": "./cjs/index.js",
-      "import": "./esm/index.js",
-      "types": "./types/index.d.ts"
+      "import": "./esm/index.js"
     }
   },
   "main": "cjs/index.js",
   "module": "esm/index.js",
   "name": "@vuu-ui/vuu-popups",
-  "type": "module",
-  "types": "types/index.d.ts"
+  "type": "module"
 }

package/types/dialog/index.d.ts

@@ -1 +0,0 @@
-export * from "./useDialog";

package/types/dialog/useDialog.d.ts

@@ -1,25 +0,0 @@
-import { ReactElement, ReactNode } from "react";
-export type DialogState = {
-    actions?: ReactElement[];
-    content: ReactElement;
-    title: string;
-    hideCloseButton?: boolean;
-};
-export type SetDialog = (dialogState?: DialogState) => void;
-export type ShowDialog = (dialogContent: ReactElement, title: string, dialogActionButtons?: ReactElement[], hideCloseButton?: boolean) => void;
-export interface DialogContextProps {
-    showDialog: ShowDialog;
-    closeDialog: () => void;
-    setDialogDispatchers: (showDialog: ShowDialog, closeDialog: () => void) => void;
-}
-export declare const useDialog: () => {
-    dialog: import("react/jsx-runtime").JSX.Element | null;
-    setDialogState: import("react").Dispatch<import("react").SetStateAction<DialogState | undefined>>;
-};
-export declare const DialogProvider: ({ children }: {
-    children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const useDialogContext: () => {
-    showDialog: ShowDialog;
-    closeDialog: () => void;
-};

package/types/dialog-header/DialogHeader.d.ts

@@ -1,6 +0,0 @@
-import { HTMLAttributes } from "react";
-export interface DialogHeaderProps extends HTMLAttributes<HTMLDivElement> {
-    hideCloseButton?: boolean;
-    onClose: () => void;
-}
-export declare const DialogHeader: ({ hideCloseButton, title, onClose, ...htmlAttributes }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/types/dialog-header/index.d.ts

@@ -1 +0,0 @@
-export * from "./DialogHeader";

package/types/index.d.ts

@@ -1,8 +0,0 @@
-export * from "./dialog";
-export * from "./dialog-header";
-export * from "./popup";
-export * from "./popup-menu";
-export * from "./portal";
-export * from "./prompt";
-export * from "./tooltip";
-export * from "./notifications";

package/types/notifications/NotificationsCenter.d.ts

@@ -1,5 +0,0 @@
-import { NotificationsContext } from "./NotificationsProvider";
-export interface NotificationsCenterProps {
-    notificationsContext: NotificationsContext;
-}
-export declare const NotificationsCenter: ({ notificationsContext, }: NotificationsCenterProps) => import("react/jsx-runtime").JSX.Element;

package/types/notifications/NotificationsProvider.d.ts

@@ -1,11 +0,0 @@
-import { ReactElement } from "react";
-import { Notification } from "./notificationTypes";
-export type DispatchNotification = (notification: Omit<Notification, "id">) => void;
-export type NotificationsContext = {
-    notify: DispatchNotification;
-    setNotify: (dispatcher: DispatchNotification) => void;
-};
-export declare const NotificationsProvider: (props: {
-    children: ReactElement | ReactElement[];
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const useNotifications: () => DispatchNotification;

package/types/notifications/ToastNotification.d.ts

@@ -1,7 +0,0 @@
-import type { Notification } from "./notificationTypes";
-export type ToastNotificationProps = {
-    top: number;
-    notification: Notification;
-    animated?: boolean;
-};
-export declare const ToastNotification: (props: ToastNotificationProps) => import("react/jsx-runtime").JSX.Element;

package/types/notifications/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./NotificationsProvider";
-export * from "./notificationTypes";
-export * from "./ToastNotification";

package/types/notifications/notificationTypes.d.ts

@@ -1,7 +0,0 @@
-export type NotificationLevel = "info" | "success" | "warning" | "error";
-export type Notification = {
-    type: NotificationLevel;
-    header: string;
-    body: string;
-    id: string;
-};

package/types/popup/Popup.d.ts

@@ -1,12 +0,0 @@
-import { HTMLAttributes, RefObject } from "react";
-import { Position } from "./getPositionRelativeToAnchor";
-export type PopupPlacement = "absolute" | "auto" | "below" | "below-center" | "below-right" | "below-full-width" | "center" | "right";
-export interface PopupComponentProps extends HTMLAttributes<HTMLDivElement> {
-    anchorElement: RefObject<HTMLElement | null>;
-    minWidth?: number | string;
-    offsetLeft?: number;
-    offsetTop?: number;
-    placement: PopupPlacement;
-    position?: Position;
-}
-export declare const PopupComponent: ({ children, className, anchorElement, minWidth, offsetLeft, offsetTop, placement, position: positionProp, }: PopupComponentProps) => import("react/jsx-runtime").JSX.Element | null;

package/types/popup/getPositionRelativeToAnchor.d.ts

@@ -1,19 +0,0 @@
-import { PopupPlacement } from "./Popup";
-export type Visibility = "hidden" | "visible";
-export type Position = {
-    left: number;
-    minWidth?: number | string;
-    top: number;
-    visibility?: Visibility;
-    width?: number;
-};
-export declare const getPositionRelativeToAnchor: (anchorElement: HTMLElement, placement: PopupPlacement, offsetLeft: number, offsetTop: number, minWidth?: number | string, dimensions?: {
-    height: number;
-    width: number;
-}) => {
-    left: number;
-    minWidth?: number | string;
-    top: number;
-    visibility?: Visibility;
-    width?: number;
-};

package/types/popup/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./Popup";
-export * from "./useAnchoredPosition";

package/types/popup/useAnchoredPosition.d.ts

@@ -1,7 +0,0 @@
-import { Position } from "./getPositionRelativeToAnchor";
-import { PopupComponentProps } from "./Popup";
-export type AnchoredPositionHookProps = Pick<PopupComponentProps, "anchorElement" | "minWidth" | "offsetLeft" | "offsetTop" | "placement" | "position">;
-export declare const useAnchoredPosition: ({ anchorElement, minWidth, offsetLeft, offsetTop, placement, position: positionProp, }: AnchoredPositionHookProps) => {
-    position: Position | undefined;
-    popupRef: ((el: HTMLDivElement | null) => void) | undefined;
-};

package/types/popup-menu/PopupMenu.d.ts

@@ -1,45 +0,0 @@
-import { ButtonProps } from "@salt-ds/core";
-import { MenuActionHandler, MenuBuilder } from "@vuu-ui/vuu-context-menu";
-import { HTMLAttributes, KeyboardEvent, RefObject } from "react";
-import { PopupPlacement } from "../popup/Popup";
-export type TabAwayClosePopup = {
-    closedBy?: string;
-    type: "tab-away";
-    event: KeyboardEvent;
-};
-export type ClickAwayClosePopup = {
-    closedBy?: string;
-    type: "click-away";
-    mouseEvt: MouseEvent;
-};
-export type EscapeClosePopup = {
-    closedBy?: string;
-    event: KeyboardEvent;
-    type: "escape";
-};
-export type MenuActionClosePopup = {
-    closedBy?: string;
-    menuId: string;
-    options: unknown;
-    type: "menu-action";
-};
-export type PopupCloseReason = ClickAwayClosePopup | EscapeClosePopup | MenuActionClosePopup | TabAwayClosePopup;
-export type MenuCloseHandler = (reason?: PopupCloseReason) => void;
-export interface PopupMenuProps extends HTMLAttributes<HTMLButtonElement> {
-    anchorElement?: RefObject<HTMLElement | null>;
-    disabled?: boolean;
-    icon?: string;
-    label?: string;
-    menuActionHandler?: MenuActionHandler;
-    menuBuilder?: MenuBuilder;
-    menuClassName?: string;
-    menuLocation?: string;
-    menuOptions?: {
-        [key: string]: unknown;
-    };
-    onMenuClose?: MenuCloseHandler;
-    onMenuOpen?: () => void;
-    popupPlacement?: PopupPlacement;
-    variant?: ButtonProps["variant"];
-}
-export declare const PopupMenu: ({ anchorElement, className, disabled, label, icon, id: idProp, menuActionHandler, menuBuilder, menuClassName, menuLocation, menuOptions, onMenuClose, onMenuOpen, popupPlacement, tabIndex, variant, ...htmlAttributes }: PopupMenuProps) => import("react/jsx-runtime").JSX.Element | null;

package/types/popup-menu/index.d.ts

@@ -1 +0,0 @@
-export * from "./PopupMenu";

package/types/popup-menu/usePopupMenu.d.ts

@@ -1,19 +0,0 @@
-import { AriaAttributes, MouseEvent } from "react";
-import { PopupMenuProps } from "./PopupMenu";
-import { PopupPlacement } from "../popup/Popup";
-export interface PopupMenuHookProps extends Pick<PopupMenuProps, "anchorElement" | "menuActionHandler" | "menuBuilder" | "menuClassName" | "menuOptions" | "onMenuClose" | "onMenuOpen"> {
-    id: string;
-    menuLocation: string;
-    popupPlacement: PopupPlacement;
-    tabIndex: number;
-}
-export declare const usePopupMenu: ({ anchorElement, id, menuActionHandler, menuBuilder, menuLocation, menuOptions, onMenuClose, onMenuOpen, popupPlacement, tabIndex, }: PopupMenuHookProps) => {
-    ariaAttributes: AriaAttributes;
-    buttonProps: {
-        id: string;
-        onClick: (e: MouseEvent<HTMLElement>) => void;
-        tabIndex: number;
-    };
-    menuOpen: boolean;
-    rootRef: import("react").RefObject<HTMLButtonElement | null>;
-};

package/types/portal/Portal.d.ts

@@ -1,42 +0,0 @@
-import { ThemeAttributes } from "@vuu-ui/vuu-utils";
-import { ReactNode } from "react";
-export interface PortalProps {
-    /**
-     * The children to render into the `container`.
-     */
-    children?: ReactNode;
-    /**
-     * An HTML element, component instance, or function that returns either.
-     * The `container` will have the portal children appended to it.
-     *
-     * By default, it uses the body of the top-level document object,
-     * so it's simply `document.body` most of the time.
-     */
-    container?: Element | (() => Element | null) | null;
-    /**
-     * Id of element into which portal will be rendered. If this node does not exist on the document,
-     * it will be created for you. If more than one value is provided, the first element found will
-     * be used.
-     */
-    id?: string | string[];
-    /**
-     * Callback invoked immediately after render (in layoutEffect). Can be
-     * used to check position vis-a-vis viewport and adjust if out of bounds
-     */
-    onRender?: () => void;
-    /**
-     * Allow conditional rendering of this Portal, if false, will render nothing.
-     * Defaults to true
-     */
-    open?: boolean;
-    /**
-     * ThemeAttributes can be passed in for cases where ContextMenu is
-     * rendered via popup-service showPopup, outside the Context hierarchy.
-     */
-    themeAttributes?: ThemeAttributes;
-}
-/**
- * Portals provide a first-class way to render children into a DOM node
- * that exists outside the DOM hierarchy of the parent component.
- */
-export declare const Portal: ({ children, container: containerProp, id, onRender, open, themeAttributes, }: PortalProps) => import("react").ReactPortal | null;

package/types/portal/index.d.ts

@@ -1 +0,0 @@
-export * from "./Portal";

package/types/prompt/Prompt.d.ts

@@ -1,13 +0,0 @@
-import { HTMLAttributes } from "react";
-import { PopupComponentProps } from "../popup";
-export interface PromptProps extends HTMLAttributes<HTMLDialogElement> {
-    PopupProps?: Partial<PopupComponentProps>;
-    cancelButtonLabel?: string;
-    confirmButtonLabel?: string;
-    onCancel: () => void;
-    onConfirm: () => void;
-    icon?: string;
-    text: string;
-    variant?: "warn" | "error" | "info";
-}
-export declare const Prompt: ({ PopupProps, cancelButtonLabel, confirmButtonLabel, icon, onCancel, onConfirm, style, text, title, variant, ...htmlAttributes }: PromptProps) => import("react/jsx-runtime").JSX.Element;

package/types/prompt/index.d.ts

@@ -1 +0,0 @@
-export * from "./Prompt";

package/types/tooltip/Tooltip.d.ts

@@ -1,15 +0,0 @@
-import { CSSProperties, MouseEventHandler, ReactNode, RefObject } from "react";
-import { TooltipPlacement } from "./useTooltipAnchoredPosition";
-export type TooltipStatus = "warning" | "error" | "info";
-export interface TooltipProps {
-    anchorElement: RefObject<HTMLElement | null>;
-    children: ReactNode;
-    className?: string;
-    id?: string;
-    onMouseEnter: MouseEventHandler;
-    onMouseLeave: MouseEventHandler;
-    placement: TooltipPlacement | TooltipPlacement[];
-    status?: TooltipStatus;
-    style?: CSSProperties;
-}
-export declare const Tooltip: ({ anchorElement, children, className, id, onMouseEnter, onMouseLeave, placement: placementProp, status, style: styleProp, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;

package/types/tooltip/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./Tooltip";
-export * from "./useTooltip";

package/types/tooltip/useTooltip.d.ts

@@ -1,19 +0,0 @@
-import { MouseEvent, ReactNode } from "react";
-import { TooltipProps } from "./Tooltip";
-import { TooltipPlacement } from "./useTooltipAnchoredPosition";
-export interface TooltipHookProps {
-    anchorQuery?: string;
-    id: string;
-    placement?: TooltipPlacement | TooltipPlacement[];
-    tooltipContent: ReactNode;
-}
-export declare const useTooltip: ({ anchorQuery, id: idProp, placement, tooltipContent, }: TooltipHookProps) => {
-    anchorProps: {
-        "aria-describedby": string;
-        onMouseEnter: (evt: MouseEvent) => void;
-        onMouseLeave: () => void;
-    };
-    hideTooltip: (defer?: number) => void;
-    showTooltip: (ref?: import("react").RefObject<HTMLElement | null>) => void;
-    tooltipProps: TooltipProps | undefined;
-};

package/types/tooltip/useTooltipAnchoredPosition.d.ts

@@ -1,7 +0,0 @@
-import { RefCallback, RefObject } from "react";
-export type TooltipPlacement = "above" | "right" | "below" | "left";
-export interface TooltipAnchoredPositionHookProps {
-    anchorElement: RefObject<HTMLElement | null>;
-    placement: TooltipPlacement | TooltipPlacement[];
-}
-export declare const useTooltipAnchoredPosition: ({ anchorElement, placement, }: TooltipAnchoredPositionHookProps) => RefCallback<HTMLDivElement>;