@plasmicapp/react-web 0.2.201 → 0.2.202

package/skinny/dist/plume/switch/index.js

@@ -1,73 +1,73 @@
-import { b as __assign, p as pick, d as __spreadArray, e as __read } from '../../common-9d6d348d.js';
+import { b as __assign, p as pick, d as __spreadArray, e as __read } from '../../common-ed411407.js';
 import { useSwitch as useSwitch$1 } from '@react-aria/switch';
 import { VisuallyHidden } from '@react-aria/visually-hidden';
 import { useToggleState } from '@react-stately/toggle';
 import * as React from 'react';
-import { m as mergeProps } from '../../react-utils-ee4e03ba.js';
-import { a as useEnsureSSRProvider } from '../../ssr-c9834f50.js';
-import { m as mergeVariantToggles } from '../../plume-utils-7d68bcc0.js';
-import { g as getStyleProps } from '../../props-utils-9f9c761a.js';
+import { m as mergeProps } from '../../react-utils-5ff031c2.js';
+import { a as useEnsureSSRProvider } from '../../ssr-8625df04.js';
+import { m as mergeVariantToggles } from '../../plume-utils-e699cd08.js';
+import { g as getStyleProps } from '../../props-utils-9d74371f.js';
 import 'classnames';
 import '@plasmicapp/data-sources-context';
 import '@react-aria/ssr';
 import '../../render/PlasmicHead/index.js';
 
-function asAriaSwitchProps(props) {
-    var ariaProps = __assign(__assign({}, props), { isSelected: props.isChecked, defaultSelected: props.defaultChecked });
-    delete ariaProps["isChecked"];
-    delete ariaProps["defaultChecked"];
-    return ariaProps;
-}
-function useSwitch(plasmicClass, props, config, ref) {
-    var _a, _b;
-    if (ref === void 0) { ref = null; }
-    var children = props.children, isDisabled = props.isDisabled;
-    useEnsureSSRProvider();
-    var inputRef = React.useRef(null);
-    var rootRef = React.useRef(null);
-    var ariaProps = asAriaSwitchProps(props);
-    var state = useToggleState(ariaProps);
-    var inputProps = useSwitch$1(ariaProps, state, inputRef).inputProps;
-    var variants = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({
-        def: config.isDisabledVariant,
-        active: isDisabled
-    }, {
-        def: config.isCheckedVariant,
-        active: state.isSelected
-    }, {
-        def: config.noLabelVariant,
-        active: !children
-    }));
-    var overrides = (_a = {},
-        _a[config.root] = {
-            as: "label",
-            props: mergeProps(getStyleProps(props), {
-                ref: rootRef
-            }),
-            wrapChildren: function (children) { return (React.createElement(React.Fragment, null,
-                React.createElement(VisuallyHidden, null,
-                    React.createElement("input", __assign({}, inputProps, { ref: inputRef }))),
-                children)); }
-        },
-        _a);
-    var args = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalArgProps), false))), (config.labelSlot ? (_b = {}, _b[config.labelSlot] = children, _b) : {}));
-    var plumeState = React.useMemo(function () { return ({
-        setChecked: function (checked) { return state.setSelected(checked); }
-    }); }, [state]);
-    React.useImperativeHandle(ref, function () { return ({
-        getRoot: function () { return rootRef.current; },
-        focus: function () { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); },
-        blur: function () { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur(); },
-        setChecked: function (checked) { return plumeState.setChecked(checked); }
-    }); }, [rootRef, inputRef, plumeState]);
-    return {
-        plasmicProps: {
-            variants: variants,
-            overrides: overrides,
-            args: args
-        },
-        state: plumeState
-    };
+function asAriaSwitchProps(props) {
+    var ariaProps = __assign(__assign({}, props), { isSelected: props.isChecked, defaultSelected: props.defaultChecked });
+    delete ariaProps["isChecked"];
+    delete ariaProps["defaultChecked"];
+    return ariaProps;
+}
+function useSwitch(plasmicClass, props, config, ref) {
+    var _a, _b;
+    if (ref === void 0) { ref = null; }
+    var children = props.children, isDisabled = props.isDisabled;
+    useEnsureSSRProvider();
+    var inputRef = React.useRef(null);
+    var rootRef = React.useRef(null);
+    var ariaProps = asAriaSwitchProps(props);
+    var state = useToggleState(ariaProps);
+    var inputProps = useSwitch$1(ariaProps, state, inputRef).inputProps;
+    var variants = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({
+        def: config.isDisabledVariant,
+        active: isDisabled,
+    }, {
+        def: config.isCheckedVariant,
+        active: state.isSelected,
+    }, {
+        def: config.noLabelVariant,
+        active: !children,
+    }));
+    var overrides = (_a = {},
+        _a[config.root] = {
+            as: "label",
+            props: mergeProps(getStyleProps(props), {
+                ref: rootRef,
+            }),
+            wrapChildren: function (children) { return (React.createElement(React.Fragment, null,
+                React.createElement(VisuallyHidden, null,
+                    React.createElement("input", __assign({}, inputProps, { ref: inputRef }))),
+                children)); },
+        },
+        _a);
+    var args = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalArgProps), false))), (config.labelSlot ? (_b = {}, _b[config.labelSlot] = children, _b) : {}));
+    var plumeState = React.useMemo(function () { return ({
+        setChecked: function (checked) { return state.setSelected(checked); },
+    }); }, [state]);
+    React.useImperativeHandle(ref, function () { return ({
+        getRoot: function () { return rootRef.current; },
+        focus: function () { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); },
+        blur: function () { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur(); },
+        setChecked: function (checked) { return plumeState.setChecked(checked); },
+    }); }, [rootRef, inputRef, plumeState]);
+    return {
+        plasmicProps: {
+            variants: variants,
+            overrides: overrides,
+            args: args,
+        },
+        state: plumeState,
+    };
 }
 
 export { useSwitch };

package/skinny/dist/plume/text-input/index.d.ts

@@ -1,36 +1,36 @@
-import * as React from "react";
-import { AnyPlasmicClass, PlasmicClassArgs, PlasmicClassOverrides, PlasmicClassVariants, VariantDef } from "../plume-utils";
-export interface BaseTextInputProps extends Omit<React.ComponentProps<"input">, "type" | "disabled"> {
-    showStartIcon?: boolean;
-    showEndIcon?: boolean;
-    startIcon?: React.ReactNode;
-    endIcon?: React.ReactNode;
-    isDisabled?: boolean;
-    type?: "text" | "password" | "email" | "url" | string;
-    inputClassName?: string;
-    inputStyle?: React.CSSProperties;
-}
-export interface TextInputRefValue {
-    focus: () => void;
-    blur: () => void;
-    getRoot: () => HTMLElement | null;
-    getInput: () => HTMLInputElement | null;
-}
-export type TextInputRef = React.Ref<TextInputRefValue>;
-interface TextInputConfig<C extends AnyPlasmicClass> {
-    showStartIconVariant: VariantDef<PlasmicClassVariants<C>>;
-    showEndIconVariant?: VariantDef<PlasmicClassVariants<C>>;
-    isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
-    startIconSlot?: keyof PlasmicClassArgs<C>;
-    endIconSlot?: keyof PlasmicClassArgs<C>;
-    root: keyof PlasmicClassOverrides<C>;
-    input: keyof PlasmicClassOverrides<C>;
-}
-export declare function useTextInput<P extends BaseTextInputProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: TextInputConfig<C>, ref?: TextInputRef): {
-    plasmicProps: {
-        variants: PlasmicClassVariants<C>;
-        args: PlasmicClassArgs<C>;
-        overrides: PlasmicClassOverrides<C>;
-    };
-};
-export {};
+import * as React from "react";
+import { AnyPlasmicClass, PlasmicClassArgs, PlasmicClassOverrides, PlasmicClassVariants, VariantDef } from "../plume-utils";
+export interface BaseTextInputProps extends Omit<React.ComponentProps<"input">, "type" | "disabled"> {
+    showStartIcon?: boolean;
+    showEndIcon?: boolean;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    isDisabled?: boolean;
+    type?: "text" | "password" | "email" | "url" | string;
+    inputClassName?: string;
+    inputStyle?: React.CSSProperties;
+}
+export interface TextInputRefValue {
+    focus: () => void;
+    blur: () => void;
+    getRoot: () => HTMLElement | null;
+    getInput: () => HTMLInputElement | null;
+}
+export type TextInputRef = React.Ref<TextInputRefValue>;
+interface TextInputConfig<C extends AnyPlasmicClass> {
+    showStartIconVariant: VariantDef<PlasmicClassVariants<C>>;
+    showEndIconVariant?: VariantDef<PlasmicClassVariants<C>>;
+    isDisabledVariant?: VariantDef<PlasmicClassVariants<C>>;
+    startIconSlot?: keyof PlasmicClassArgs<C>;
+    endIconSlot?: keyof PlasmicClassArgs<C>;
+    root: keyof PlasmicClassOverrides<C>;
+    input: keyof PlasmicClassOverrides<C>;
+}
+export declare function useTextInput<P extends BaseTextInputProps, C extends AnyPlasmicClass>(plasmicClass: C, props: P, config: TextInputConfig<C>, ref?: TextInputRef): {
+    plasmicProps: {
+        variants: PlasmicClassVariants<C>;
+        args: PlasmicClassArgs<C>;
+        overrides: PlasmicClassOverrides<C>;
+    };
+};
+export {};

package/skinny/dist/plume/text-input/index.js

@@ -1,50 +1,50 @@
-import { c as __rest, b as __assign, p as pick, d as __spreadArray, e as __read, o as omit } from '../../common-9d6d348d.js';
+import { c as __rest, b as __assign, p as pick, d as __spreadArray, e as __read, o as omit } from '../../common-ed411407.js';
 import * as React from 'react';
-import { m as mergeVariantToggles } from '../../plume-utils-7d68bcc0.js';
+import { m as mergeVariantToggles } from '../../plume-utils-e699cd08.js';
 
-function useTextInput(plasmicClass, props, config, ref) {
-    var _a, _b, _c;
-    if (ref === void 0) { ref = null; }
-    var isDisabled = props.isDisabled, startIcon = props.startIcon, endIcon = props.endIcon, showStartIcon = props.showStartIcon, showEndIcon = props.showEndIcon, className = props.className, style = props.style, inputClassName = props.inputClassName, inputStyle = props.inputStyle, rest = __rest(props, ["isDisabled", "startIcon", "endIcon", "showStartIcon", "showEndIcon", "className", "style", "inputClassName", "inputStyle"]);
-    var rootRef = React.useRef(null);
-    var inputRef = React.useRef(null);
-    React.useImperativeHandle(ref, function () { return ({
-        focus: function () {
-            var _a;
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        },
-        blur: function () {
-            var _a;
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-        },
-        getRoot: function () {
-            return rootRef.current;
-        },
-        getInput: function () {
-            return inputRef.current;
-        }
-    }); }, [rootRef, inputRef]);
-    var variants = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({ def: config.showStartIconVariant, active: showStartIcon }, { def: config.showEndIconVariant, active: showEndIcon }, { def: config.isDisabledVariant, active: isDisabled }));
-    var args = __assign(__assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalArgProps), false))), (config.startIconSlot && (_a = {}, _a[config.startIconSlot] = startIcon, _a))), (config.endIconSlot && (_b = {}, _b[config.endIconSlot] = endIcon, _b)));
-    var overrides = (_c = {},
-        _c[config.root] = {
-            props: {
-                ref: rootRef,
-                className: className,
-                style: style
-            }
-        },
-        _c[config.input] = {
-            props: __assign(__assign({}, omit.apply(void 0, __spreadArray(__spreadArray([rest], __read(plasmicClass.internalArgProps.filter(function (prop) { return prop !== "required"; })), false), __read(plasmicClass.internalVariantProps), false))), { disabled: isDisabled, ref: inputRef, className: inputClassName, style: inputStyle })
-        },
-        _c);
-    return {
-        plasmicProps: {
-            variants: variants,
-            args: args,
-            overrides: overrides
-        }
-    };
+function useTextInput(plasmicClass, props, config, ref) {
+    var _a, _b, _c;
+    if (ref === void 0) { ref = null; }
+    var isDisabled = props.isDisabled, startIcon = props.startIcon, endIcon = props.endIcon, showStartIcon = props.showStartIcon, showEndIcon = props.showEndIcon, className = props.className, style = props.style, inputClassName = props.inputClassName, inputStyle = props.inputStyle, rest = __rest(props, ["isDisabled", "startIcon", "endIcon", "showStartIcon", "showEndIcon", "className", "style", "inputClassName", "inputStyle"]);
+    var rootRef = React.useRef(null);
+    var inputRef = React.useRef(null);
+    React.useImperativeHandle(ref, function () { return ({
+        focus: function () {
+            var _a;
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        },
+        blur: function () {
+            var _a;
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+        },
+        getRoot: function () {
+            return rootRef.current;
+        },
+        getInput: function () {
+            return inputRef.current;
+        },
+    }); }, [rootRef, inputRef]);
+    var variants = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({ def: config.showStartIconVariant, active: showStartIcon }, { def: config.showEndIconVariant, active: showEndIcon }, { def: config.isDisabledVariant, active: isDisabled }));
+    var args = __assign(__assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalArgProps), false))), (config.startIconSlot && (_a = {}, _a[config.startIconSlot] = startIcon, _a))), (config.endIconSlot && (_b = {}, _b[config.endIconSlot] = endIcon, _b)));
+    var overrides = (_c = {},
+        _c[config.root] = {
+            props: {
+                ref: rootRef,
+                className: className,
+                style: style,
+            },
+        },
+        _c[config.input] = {
+            props: __assign(__assign({}, omit.apply(void 0, __spreadArray(__spreadArray([rest], __read(plasmicClass.internalArgProps.filter(function (prop) { return prop !== "required"; })), false), __read(plasmicClass.internalVariantProps), false))), { disabled: isDisabled, ref: inputRef, className: inputClassName, style: inputStyle }),
+        },
+        _c);
+    return {
+        plasmicProps: {
+            variants: variants,
+            args: args,
+            overrides: overrides,
+        },
+    };
 }
 
 export { useTextInput };

package/skinny/dist/plume/triggered-overlay/context.d.ts

@@ -1,14 +1,14 @@
-import type { Placement } from "@react-types/overlays";
-import type { FocusStrategy } from "@react-types/shared";
-import * as React from "react";
-import type { OverlayTriggerState } from "@react-stately/overlays";
-export interface TriggeredOverlayContextValue {
-    triggerRef: React.RefObject<HTMLElement>;
-    state: OverlayTriggerState;
-    autoFocus?: boolean | FocusStrategy;
-    placement?: Placement;
-    overlayMatchTriggerWidth?: boolean;
-    overlayMinTriggerWidth?: boolean;
-    overlayWidth?: number;
-}
-export declare const TriggeredOverlayContext: React.Context<TriggeredOverlayContextValue | undefined>;
+import type { Placement } from "@react-types/overlays";
+import type { FocusStrategy } from "@react-types/shared";
+import * as React from "react";
+import type { OverlayTriggerState } from "@react-stately/overlays";
+export interface TriggeredOverlayContextValue {
+    triggerRef: React.RefObject<HTMLElement>;
+    state: OverlayTriggerState;
+    autoFocus?: boolean | FocusStrategy;
+    placement?: Placement;
+    overlayMatchTriggerWidth?: boolean;
+    overlayMinTriggerWidth?: boolean;
+    overlayWidth?: number;
+}
+export declare const TriggeredOverlayContext: React.Context<TriggeredOverlayContextValue | undefined>;

package/skinny/dist/plume/triggered-overlay/index.d.ts

@@ -1,2 +1,2 @@
-export { BaseTriggeredOverlayProps, TriggeredOverlayConfig, TriggeredOverlayRef, useTriggeredOverlay, } from "./triggered-overlay";
-export { TriggeredOverlayContext } from "./context";
+export { BaseTriggeredOverlayProps, TriggeredOverlayConfig, TriggeredOverlayRef, useTriggeredOverlay, } from "./triggered-overlay";
+export { TriggeredOverlayContext } from "./context";

package/skinny/dist/plume/triggered-overlay/index.js

@@ -1,112 +1,112 @@
-import { e as __read, b as __assign, p as pick, d as __spreadArray } from '../../common-9d6d348d.js';
+import { e as __read, b as __assign, p as pick, d as __spreadArray } from '../../common-ed411407.js';
 import { usePlasmicCanvasContext } from '@plasmicapp/host';
 import { FocusScope } from '@react-aria/focus';
 import { useOverlay, useOverlayPosition, DismissButton } from '@react-aria/overlays';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
-import { d as mergeRefs, u as useIsomorphicLayoutEffect, m as mergeProps } from '../../react-utils-ee4e03ba.js';
-import { m as mergeVariantToggles } from '../../plume-utils-7d68bcc0.js';
-import { g as getStyleProps } from '../../props-utils-9f9c761a.js';
+import { d as mergeRefs, u as useIsomorphicLayoutEffect, m as mergeProps } from '../../react-utils-5ff031c2.js';
+import { m as mergeVariantToggles } from '../../plume-utils-e699cd08.js';
+import { g as getStyleProps } from '../../props-utils-9d74371f.js';
 import { T as TriggeredOverlayContext } from '../../context-034b8d25.js';
 export { T as TriggeredOverlayContext } from '../../context-034b8d25.js';
 import 'classnames';
 
-function useTriggeredOverlay(plasmicClass, props, config, outerRef, isDismissable) {
-    var _a, _b;
-    if (outerRef === void 0) { outerRef = null; }
-    if (isDismissable === void 0) { isDismissable = true; }
-    var overlayRef = React.useRef(null);
-    var onOverlayRef = mergeRefs(overlayRef, outerRef);
-    var context = React.useContext(TriggeredOverlayContext);
-    if (!context) {
-        // If no context, then we are not being correctly used.  Either complain, or
-        // exit early.  It's okay to exit early and break the rules of React hooks
-        // because we won't suddenly have the appropriate context anyway for this instance.
-        {
-            throw new Error("You can only use a triggered overlay with a TriggeredOverlayContext");
-        }
-    }
-    var children = props.children;
-    var triggerRef = context.triggerRef, placement = context.placement, overlayMatchTriggerWidth = context.overlayMatchTriggerWidth, overlayMinTriggerWidth = context.overlayMinTriggerWidth, overlayWidth = context.overlayWidth, state = context.state;
-    // Measure the width of the trigger to inform the width of the menu (below).
-    var _c = __read(React.useState(false), 2), isRendered = _c[0], setRendered = _c[1];
-    var triggerWidth = triggerRef.current && (overlayMatchTriggerWidth || overlayMinTriggerWidth)
-        ? triggerRef.current.offsetWidth
-        : undefined;
-    useIsomorphicLayoutEffect(function () {
-        if (!isRendered &&
-            triggerRef.current &&
-            (overlayMatchTriggerWidth || overlayMinTriggerWidth)) {
-            setRendered(true);
-        }
-    }, [
-        triggerRef,
-        isRendered,
-        overlayMatchTriggerWidth,
-        overlayMinTriggerWidth,
-    ]);
-    var overlayAriaProps = useOverlay({
-        isOpen: state.isOpen,
-        onClose: state.close,
-        isDismissable: isDismissable,
-        shouldCloseOnBlur: true
-    }, overlayRef).overlayProps;
-    var _d = useOverlayPosition({
-        targetRef: triggerRef,
-        overlayRef: overlayRef,
-        placement: placement !== null && placement !== void 0 ? placement : "bottom left",
-        shouldFlip: true,
-        isOpen: state.isOpen,
-        onClose: state.close,
-        containerPadding: 0
-    }), overlayPositionProps = _d.overlayProps, updatePosition = _d.updatePosition, placementAxis = _d.placement;
-    useIsomorphicLayoutEffect(function () {
-        if (state.isOpen) {
-            requestAnimationFrame(function () {
-                updatePosition();
-            });
-        }
-    }, [state.isOpen, updatePosition]);
-    var overlayProps = mergeProps({
-        style: {
-            left: "auto",
-            right: "auto",
-            top: "auto",
-            bottom: "auto",
-            position: "absolute",
-            width: overlayWidth !== null && overlayWidth !== void 0 ? overlayWidth : (overlayMatchTriggerWidth ? triggerWidth : "auto"),
-            minWidth: overlayMinTriggerWidth ? triggerWidth : "auto"
-        }
-    }, overlayAriaProps, overlayPositionProps);
-    var variants = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({ def: config.isPlacedTopVariant, active: placementAxis === "top" }, { def: config.isPlacedBottomVariant, active: placementAxis === "bottom" }, { def: config.isPlacedLeftVariant, active: placementAxis === "left" }, { def: config.isPlacedRightVariant, active: placementAxis === "right" }));
-    var canvasCtx = usePlasmicCanvasContext();
-    var args = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalArgProps), false))), (_a = {}, _a[config.contentSlot] = canvasCtx ? (children) : (React.createElement(FocusScope, { restoreFocus: true },
-        React.createElement(DismissButton, { onDismiss: state.close }),
-        children)), _a));
-    var overrides = (_b = {},
-        _b[config.root] = {
-            props: mergeProps(overlayProps, getStyleProps(props), {
-                ref: onOverlayRef
-            }),
-            wrap: function (root) {
-                if (typeof document !== "undefined") {
-                    return ReactDOM.createPortal(root, document.body);
-                }
-                else {
-                    // Possibly being invoked on the server during SSR; no need to
-                    // bother with a portal in that case.
-                    return root;
-                }
-            }
-        },
-        _b);
-    return {
-        plasmicProps: {
-            variants: variants,
-            args: args,
-            overrides: overrides
-        }
-    };
+function useTriggeredOverlay(plasmicClass, props, config, outerRef, isDismissable) {
+    var _a, _b;
+    if (outerRef === void 0) { outerRef = null; }
+    if (isDismissable === void 0) { isDismissable = true; }
+    var overlayRef = React.useRef(null);
+    var onOverlayRef = mergeRefs(overlayRef, outerRef);
+    var context = React.useContext(TriggeredOverlayContext);
+    if (!context) {
+        // If no context, then we are not being correctly used.  Either complain, or
+        // exit early.  It's okay to exit early and break the rules of React hooks
+        // because we won't suddenly have the appropriate context anyway for this instance.
+        {
+            throw new Error("You can only use a triggered overlay with a TriggeredOverlayContext");
+        }
+    }
+    var children = props.children;
+    var triggerRef = context.triggerRef, placement = context.placement, overlayMatchTriggerWidth = context.overlayMatchTriggerWidth, overlayMinTriggerWidth = context.overlayMinTriggerWidth, overlayWidth = context.overlayWidth, state = context.state;
+    // Measure the width of the trigger to inform the width of the menu (below).
+    var _c = __read(React.useState(false), 2), isRendered = _c[0], setRendered = _c[1];
+    var triggerWidth = triggerRef.current && (overlayMatchTriggerWidth || overlayMinTriggerWidth)
+        ? triggerRef.current.offsetWidth
+        : undefined;
+    useIsomorphicLayoutEffect(function () {
+        if (!isRendered &&
+            triggerRef.current &&
+            (overlayMatchTriggerWidth || overlayMinTriggerWidth)) {
+            setRendered(true);
+        }
+    }, [
+        triggerRef,
+        isRendered,
+        overlayMatchTriggerWidth,
+        overlayMinTriggerWidth,
+    ]);
+    var overlayAriaProps = useOverlay({
+        isOpen: state.isOpen,
+        onClose: state.close,
+        isDismissable: isDismissable,
+        shouldCloseOnBlur: true,
+    }, overlayRef).overlayProps;
+    var _d = useOverlayPosition({
+        targetRef: triggerRef,
+        overlayRef: overlayRef,
+        placement: placement !== null && placement !== void 0 ? placement : "bottom left",
+        shouldFlip: true,
+        isOpen: state.isOpen,
+        onClose: state.close,
+        containerPadding: 0,
+    }), overlayPositionProps = _d.overlayProps, updatePosition = _d.updatePosition, placementAxis = _d.placement;
+    useIsomorphicLayoutEffect(function () {
+        if (state.isOpen) {
+            requestAnimationFrame(function () {
+                updatePosition();
+            });
+        }
+    }, [state.isOpen, updatePosition]);
+    var overlayProps = mergeProps({
+        style: {
+            left: "auto",
+            right: "auto",
+            top: "auto",
+            bottom: "auto",
+            position: "absolute",
+            width: overlayWidth !== null && overlayWidth !== void 0 ? overlayWidth : (overlayMatchTriggerWidth ? triggerWidth : "auto"),
+            minWidth: overlayMinTriggerWidth ? triggerWidth : "auto",
+        },
+    }, overlayAriaProps, overlayPositionProps);
+    var variants = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({ def: config.isPlacedTopVariant, active: placementAxis === "top" }, { def: config.isPlacedBottomVariant, active: placementAxis === "bottom" }, { def: config.isPlacedLeftVariant, active: placementAxis === "left" }, { def: config.isPlacedRightVariant, active: placementAxis === "right" }));
+    var canvasCtx = usePlasmicCanvasContext();
+    var args = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalArgProps), false))), (_a = {}, _a[config.contentSlot] = canvasCtx && !canvasCtx.interactive ? (children) : (React.createElement(FocusScope, { restoreFocus: true },
+        React.createElement(DismissButton, { onDismiss: state.close }),
+        children)), _a));
+    var overrides = (_b = {},
+        _b[config.root] = {
+            props: mergeProps(overlayProps, getStyleProps(props), {
+                ref: onOverlayRef,
+            }),
+            wrap: function (root) {
+                if (typeof document !== "undefined") {
+                    return ReactDOM.createPortal(root, document.body);
+                }
+                else {
+                    // Possibly being invoked on the server during SSR; no need to
+                    // bother with a portal in that case.
+                    return root;
+                }
+            },
+        },
+        _b);
+    return {
+        plasmicProps: {
+            variants: variants,
+            args: args,
+            overrides: overrides,
+        },
+    };
 }
 
 export { useTriggeredOverlay };

package/skinny/dist/plume/triggered-overlay/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/plume/triggered-overlay/triggered-overlay.tsx"],"sourcesContent":["import { usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport { FocusScope } from \"@react-aria/focus\";\nimport {\n  DismissButton,\n  useOverlay,\n  useOverlayPosition,\n} from \"@react-aria/overlays\";\nimport { DOMProps } from \"@react-types/shared\";\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { pick } from \"../../common\";\nimport {\n  mergeProps,\n  mergeRefs,\n  useIsomorphicLayoutEffect,\n} from \"../../react-utils\";\nimport { Overrides } from \"../../render/elements\";\nimport {\n  AnyPlasmicClass,\n  mergeVariantToggles,\n  PlasmicClassArgs,\n  PlasmicClassOverrides,\n  PlasmicClassVariants,\n  PLUME_STRICT_MODE,\n  VariantDef,\n} from \"../plume-utils\";\nimport {\n  getDefaultPlasmicProps,\n  getStyleProps,\n  StyleProps,\n} from \"../props-utils\";\nimport { TriggeredOverlayContext } from \"./context\";\n\nexport interface BaseTriggeredOverlayProps extends StyleProps, DOMProps {\n  children?: React.ReactNode;\n}\n\nexport interface TriggeredOverlayConfig<C extends AnyPlasmicClass> {\n  isPlacedTopVariant?: VariantDef<PlasmicClassVariants<C>>;\n  isPlacedBottomVariant?: VariantDef<PlasmicClassVariants<C>>;\n  isPlacedLeftVariant?: VariantDef<PlasmicClassVariants<C>>;\n  isPlacedRightVariant?: VariantDef<PlasmicClassVariants<C>>;\n\n  contentSlot: keyof PlasmicClassArgs<C>;\n  root: keyof PlasmicClassOverrides<C>;\n  contentContainer: keyof PlasmicClassOverrides<C>;\n}\n\nexport type TriggeredOverlayRef = React.Ref<HTMLElement>;\n\nexport function useTriggeredOverlay<\n  P extends BaseTriggeredOverlayProps,\n  C extends AnyPlasmicClass\n>(\n  plasmicClass: C,\n  props: P,\n  config: TriggeredOverlayConfig<C>,\n  outerRef: TriggeredOverlayRef = null,\n  isDismissable = true\n) {\n  const overlayRef = React.useRef<HTMLElement>(null);\n  const onOverlayRef = mergeRefs(overlayRef, outerRef);\n\n  const context = React.useContext(TriggeredOverlayContext);\n\n  if (!context) {\n    // If no context, then we are not being correctly used.  Either complain, or\n    // exit early.  It's okay to exit early and break the rules of React hooks\n    // because we won't suddenly have the appropriate context anyway for this instance.\n    if (PLUME_STRICT_MODE) {\n      throw new Error(\n        \"You can only use a triggered overlay with a TriggeredOverlayContext\"\n      );\n    }\n    return getDefaultPlasmicProps(plasmicClass, props);\n  }\n\n  const { children } = props;\n  const {\n    triggerRef,\n    placement,\n    overlayMatchTriggerWidth,\n    overlayMinTriggerWidth,\n    overlayWidth,\n    state,\n  } = context;\n\n  // Measure the width of the trigger to inform the width of the menu (below).\n  const [isRendered, setRendered] = React.useState(false);\n  const triggerWidth =\n    triggerRef.current && (overlayMatchTriggerWidth || overlayMinTriggerWidth)\n      ? triggerRef.current.offsetWidth\n      : undefined;\n\n  useIsomorphicLayoutEffect(() => {\n    if (\n      !isRendered &&\n      triggerRef.current &&\n      (overlayMatchTriggerWidth || overlayMinTriggerWidth)\n    ) {\n      setRendered(true);\n    }\n  }, [\n    triggerRef,\n    isRendered,\n    overlayMatchTriggerWidth,\n    overlayMinTriggerWidth,\n  ]);\n\n  const { overlayProps: overlayAriaProps } = useOverlay(\n    {\n      isOpen: state.isOpen,\n      onClose: state.close,\n      isDismissable,\n      shouldCloseOnBlur: true,\n    },\n    overlayRef\n  );\n\n  const {\n    overlayProps: overlayPositionProps,\n    updatePosition,\n    placement: placementAxis,\n  } = useOverlayPosition({\n    targetRef: triggerRef,\n    overlayRef,\n    placement: placement ?? \"bottom left\",\n    shouldFlip: true,\n    isOpen: state.isOpen,\n    onClose: state.close,\n    containerPadding: 0,\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    if (state.isOpen) {\n      requestAnimationFrame(() => {\n        updatePosition();\n      });\n    }\n  }, [state.isOpen, updatePosition]);\n\n  const overlayProps = mergeProps(\n    {\n      style: {\n        left: \"auto\",\n        right: \"auto\",\n        top: \"auto\",\n        bottom: \"auto\",\n        position: \"absolute\",\n        width:\n          overlayWidth ?? (overlayMatchTriggerWidth ? triggerWidth : \"auto\"),\n        minWidth: overlayMinTriggerWidth ? triggerWidth : \"auto\",\n      },\n    },\n    overlayAriaProps,\n    overlayPositionProps\n  );\n\n  const variants = {\n    ...pick(props, ...plasmicClass.internalVariantProps),\n    ...mergeVariantToggles(\n      { def: config.isPlacedTopVariant, active: placementAxis === \"top\" },\n      { def: config.isPlacedBottomVariant, active: placementAxis === \"bottom\" },\n      { def: config.isPlacedLeftVariant, active: placementAxis === \"left\" },\n      { def: config.isPlacedRightVariant, active: placementAxis === \"right\" }\n    ),\n  };\n\n  const canvasCtx = usePlasmicCanvasContext();\n  const args = {\n    ...pick(props, ...plasmicClass.internalArgProps),\n    [config.contentSlot]: canvasCtx ? (\n      children\n    ) : (\n      <FocusScope restoreFocus>\n        <DismissButton onDismiss={state.close} />\n        {children}\n        {/* We don't use the DismissButton at the end because it ends up taking up 1px space :-/ */}\n        {/* <DismissButton onDismiss={state.close} /> */}\n      </FocusScope>\n    ),\n  };\n\n  const overrides: Overrides = {\n    [config.root]: {\n      props: mergeProps(overlayProps, getStyleProps(props), {\n        ref: onOverlayRef,\n      }),\n      wrap: (root) => {\n        if (typeof document !== \"undefined\") {\n          return ReactDOM.createPortal(root, document.body);\n        } else {\n          // Possibly being invoked on the server during SSR; no need to\n          // bother with a portal in that case.\n          return root;\n        }\n      },\n    },\n  };\n\n  return {\n    plasmicProps: {\n      variants: variants as PlasmicClassVariants<C>,\n      args: args as PlasmicClassArgs<C>,\n      overrides: overrides as PlasmicClassOverrides<C>,\n    },\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/plume/triggered-overlay/triggered-overlay.tsx"],"sourcesContent":["import { usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport { FocusScope } from \"@react-aria/focus\";\nimport {\n  DismissButton,\n  useOverlay,\n  useOverlayPosition,\n} from \"@react-aria/overlays\";\nimport { DOMProps } from \"@react-types/shared\";\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { pick } from \"../../common\";\nimport {\n  mergeProps,\n  mergeRefs,\n  useIsomorphicLayoutEffect,\n} from \"../../react-utils\";\nimport { Overrides } from \"../../render/elements\";\nimport {\n  AnyPlasmicClass,\n  mergeVariantToggles,\n  PlasmicClassArgs,\n  PlasmicClassOverrides,\n  PlasmicClassVariants,\n  PLUME_STRICT_MODE,\n  VariantDef,\n} from \"../plume-utils\";\nimport {\n  getDefaultPlasmicProps,\n  getStyleProps,\n  StyleProps,\n} from \"../props-utils\";\nimport { TriggeredOverlayContext } from \"./context\";\n\nexport interface BaseTriggeredOverlayProps extends StyleProps, DOMProps {\n  children?: React.ReactNode;\n}\n\nexport interface TriggeredOverlayConfig<C extends AnyPlasmicClass> {\n  isPlacedTopVariant?: VariantDef<PlasmicClassVariants<C>>;\n  isPlacedBottomVariant?: VariantDef<PlasmicClassVariants<C>>;\n  isPlacedLeftVariant?: VariantDef<PlasmicClassVariants<C>>;\n  isPlacedRightVariant?: VariantDef<PlasmicClassVariants<C>>;\n\n  contentSlot: keyof PlasmicClassArgs<C>;\n  root: keyof PlasmicClassOverrides<C>;\n  contentContainer: keyof PlasmicClassOverrides<C>;\n}\n\nexport type TriggeredOverlayRef = React.Ref<HTMLElement>;\n\nexport function useTriggeredOverlay<\n  P extends BaseTriggeredOverlayProps,\n  C extends AnyPlasmicClass\n>(\n  plasmicClass: C,\n  props: P,\n  config: TriggeredOverlayConfig<C>,\n  outerRef: TriggeredOverlayRef = null,\n  isDismissable = true\n) {\n  const overlayRef = React.useRef<HTMLElement>(null);\n  const onOverlayRef = mergeRefs(overlayRef, outerRef);\n\n  const context = React.useContext(TriggeredOverlayContext);\n\n  if (!context) {\n    // If no context, then we are not being correctly used.  Either complain, or\n    // exit early.  It's okay to exit early and break the rules of React hooks\n    // because we won't suddenly have the appropriate context anyway for this instance.\n    if (PLUME_STRICT_MODE) {\n      throw new Error(\n        \"You can only use a triggered overlay with a TriggeredOverlayContext\"\n      );\n    }\n    return getDefaultPlasmicProps(plasmicClass, props);\n  }\n\n  const { children } = props;\n  const {\n    triggerRef,\n    placement,\n    overlayMatchTriggerWidth,\n    overlayMinTriggerWidth,\n    overlayWidth,\n    state,\n  } = context;\n\n  // Measure the width of the trigger to inform the width of the menu (below).\n  const [isRendered, setRendered] = React.useState(false);\n  const triggerWidth =\n    triggerRef.current && (overlayMatchTriggerWidth || overlayMinTriggerWidth)\n      ? triggerRef.current.offsetWidth\n      : undefined;\n\n  useIsomorphicLayoutEffect(() => {\n    if (\n      !isRendered &&\n      triggerRef.current &&\n      (overlayMatchTriggerWidth || overlayMinTriggerWidth)\n    ) {\n      setRendered(true);\n    }\n  }, [\n    triggerRef,\n    isRendered,\n    overlayMatchTriggerWidth,\n    overlayMinTriggerWidth,\n  ]);\n\n  const { overlayProps: overlayAriaProps } = useOverlay(\n    {\n      isOpen: state.isOpen,\n      onClose: state.close,\n      isDismissable,\n      shouldCloseOnBlur: true,\n    },\n    overlayRef\n  );\n\n  const {\n    overlayProps: overlayPositionProps,\n    updatePosition,\n    placement: placementAxis,\n  } = useOverlayPosition({\n    targetRef: triggerRef,\n    overlayRef,\n    placement: placement ?? \"bottom left\",\n    shouldFlip: true,\n    isOpen: state.isOpen,\n    onClose: state.close,\n    containerPadding: 0,\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    if (state.isOpen) {\n      requestAnimationFrame(() => {\n        updatePosition();\n      });\n    }\n  }, [state.isOpen, updatePosition]);\n\n  const overlayProps = mergeProps(\n    {\n      style: {\n        left: \"auto\",\n        right: \"auto\",\n        top: \"auto\",\n        bottom: \"auto\",\n        position: \"absolute\",\n        width:\n          overlayWidth ?? (overlayMatchTriggerWidth ? triggerWidth : \"auto\"),\n        minWidth: overlayMinTriggerWidth ? triggerWidth : \"auto\",\n      },\n    },\n    overlayAriaProps,\n    overlayPositionProps\n  );\n\n  const variants = {\n    ...pick(props, ...plasmicClass.internalVariantProps),\n    ...mergeVariantToggles(\n      { def: config.isPlacedTopVariant, active: placementAxis === \"top\" },\n      { def: config.isPlacedBottomVariant, active: placementAxis === \"bottom\" },\n      { def: config.isPlacedLeftVariant, active: placementAxis === \"left\" },\n      { def: config.isPlacedRightVariant, active: placementAxis === \"right\" }\n    ),\n  };\n\n  const canvasCtx = usePlasmicCanvasContext();\n  const args = {\n    ...pick(props, ...plasmicClass.internalArgProps),\n    [config.contentSlot]:\n      canvasCtx && !canvasCtx.interactive ? (\n        children\n      ) : (\n        <FocusScope restoreFocus>\n          <DismissButton onDismiss={state.close} />\n          {children}\n          {/* We don't use the DismissButton at the end because it ends up taking up 1px space :-/ */}\n          {/* <DismissButton onDismiss={state.close} /> */}\n        </FocusScope>\n      ),\n  };\n\n  const overrides: Overrides = {\n    [config.root]: {\n      props: mergeProps(overlayProps, getStyleProps(props), {\n        ref: onOverlayRef,\n      }),\n      wrap: (root: React.ReactNode) => {\n        if (typeof document !== \"undefined\") {\n          return ReactDOM.createPortal(root, document.body);\n        } else {\n          // Possibly being invoked on the server during SSR; no need to\n          // bother with a portal in that case.\n          return root;\n        }\n      },\n    },\n  };\n\n  return {\n    plasmicProps: {\n      variants: variants as PlasmicClassVariants<C>,\n      args: args as PlasmicClassArgs<C>,\n      overrides: overrides as PlasmicClassOverrides<C>,\n    },\n  };\n}\n"],"names":[],"mappings":"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"}