@plasmicpkgs/react-aria 0.0.65 → 0.0.66

package/skinny/registerRadioGroup.cjs.js

@@ -9,7 +9,7 @@ var registerFieldError = require('./registerFieldError.cjs.js');
 var registerLabel = require('./registerLabel.cjs.js');
 var registerRadio = require('./registerRadio.cjs.js');
 var utils = require('./utils-8dbb4d1f.cjs.js');
-var variantUtils = require('./variant-utils-db5b9590.cjs.js');
+var variantUtils = require('./variant-utils-6c6ef452.cjs.js');
 require('./registerText.cjs.js');
 require('@plasmicapp/host/registerComponent');
 

package/skinny/registerRadioGroup.esm.js

@@ -7,7 +7,7 @@ import { registerFieldError } from './registerFieldError.esm.js';
 import { registerLabel, LABEL_COMPONENT_NAME } from './registerLabel.esm.js';
 import { registerRadio, makeDefaultRadioChildren } from './registerRadio.esm.js';
 import { m as makeChildComponentName, r as registerComponentHelper, a as makeComponentName } from './utils-c7662a47.esm.js';
-import { p as pickAriaComponentVariants } from './variant-utils-23360776.esm.js';
+import { p as pickAriaComponentVariants } from './variant-utils-5f90385f.esm.js';
 import './registerText.esm.js';
 import '@plasmicapp/host/registerComponent';
 

package/skinny/registerSelect.cjs.js

@@ -13,7 +13,7 @@ var utils = require('./utils-8dbb4d1f.cjs.js');
 require('./registerListBoxItem.cjs.js');
 require('./registerDescription.cjs.js');
 require('./registerText.cjs.js');
-require('./variant-utils-db5b9590.cjs.js');
+require('./variant-utils-6c6ef452.cjs.js');
 require('./registerSection.cjs.js');
 require('@react-aria/utils');
 require('@plasmicapp/host/registerComponent');

package/skinny/registerSelect.esm.js

@@ -11,7 +11,7 @@ import { e as extractPlasmicDataProps, r as registerComponentHelper, a as makeCo
 import './registerListBoxItem.esm.js';
 import './registerDescription.esm.js';
 import './registerText.esm.js';
-import './variant-utils-23360776.esm.js';
+import './variant-utils-5f90385f.esm.js';
 import './registerSection.esm.js';
 import '@react-aria/utils';
 import '@plasmicapp/host/registerComponent';

package/skinny/registerSlider.cjs.js

@@ -9,7 +9,7 @@ var registerSliderOutput = require('./registerSliderOutput.cjs.js');
 var registerSliderThumb = require('./registerSliderThumb.cjs.js');
 var registerSliderTrack = require('./registerSliderTrack.cjs.js');
 var utils = require('./utils-8dbb4d1f.cjs.js');
-var variantUtils = require('./variant-utils-db5b9590.cjs.js');
+var variantUtils = require('./variant-utils-6c6ef452.cjs.js');
 require('react-aria');
 require('react-keyed-flatten-children');
 require('@plasmicapp/host/registerComponent');

package/skinny/registerSlider.esm.js

@@ -7,7 +7,7 @@ import { registerSliderOutput } from './registerSliderOutput.esm.js';
 import { registerSliderThumb } from './registerSliderThumb.esm.js';
 import { registerSliderTrack } from './registerSliderTrack.esm.js';
 import { r as registerComponentHelper, a as makeComponentName } from './utils-c7662a47.esm.js';
-import { p as pickAriaComponentVariants } from './variant-utils-23360776.esm.js';
+import { p as pickAriaComponentVariants } from './variant-utils-5f90385f.esm.js';
 import 'react-aria';
 import 'react-keyed-flatten-children';
 import '@plasmicapp/host/registerComponent';

package/skinny/registerSliderOutput.cjs.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var utils = require('./utils-8dbb4d1f.cjs.js');
-var variantUtils = require('./variant-utils-db5b9590.cjs.js');
+var variantUtils = require('./variant-utils-6c6ef452.cjs.js');
 require('@plasmicapp/host/registerComponent');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/skinny/registerSliderOutput.esm.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { SliderOutput } from 'react-aria-components';
 import { a as makeComponentName, r as registerComponentHelper } from './utils-c7662a47.esm.js';
-import { p as pickAriaComponentVariants } from './variant-utils-23360776.esm.js';
+import { p as pickAriaComponentVariants } from './variant-utils-5f90385f.esm.js';
 import '@plasmicapp/host/registerComponent';
 
 var __defProp = Object.defineProperty;

package/skinny/registerSliderThumb.cjs.js

@@ -6,7 +6,7 @@ var reactAriaComponents = require('react-aria-components');
 var common = require('./common-2e984ab4.cjs.js');
 var contexts = require('./contexts-baa37b74.cjs.js');
 var utils = require('./utils-8dbb4d1f.cjs.js');
-var variantUtils = require('./variant-utils-db5b9590.cjs.js');
+var variantUtils = require('./variant-utils-6c6ef452.cjs.js');
 require('@plasmicapp/host/registerComponent');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/skinny/registerSliderThumb.esm.js

@@ -4,7 +4,7 @@ import { SliderThumb, Slider, SliderTrack } from 'react-aria-components';
 import { g as getCommonProps } from './common-0c4336fe.esm.js';
 import { f as PlasmicSliderContext } from './contexts-081d65a0.esm.js';
 import { a as makeComponentName, r as registerComponentHelper } from './utils-c7662a47.esm.js';
-import { p as pickAriaComponentVariants } from './variant-utils-23360776.esm.js';
+import { p as pickAriaComponentVariants } from './variant-utils-5f90385f.esm.js';
 import '@plasmicapp/host/registerComponent';
 
 class ErrorBoundary extends Component {

package/skinny/registerSliderTrack.cjs.js

@@ -6,7 +6,7 @@ var reactAriaComponents = require('react-aria-components');
 var flattenChildren = require('react-keyed-flatten-children');
 var contexts = require('./contexts-baa37b74.cjs.js');
 var utils = require('./utils-8dbb4d1f.cjs.js');
-var variantUtils = require('./variant-utils-db5b9590.cjs.js');
+var variantUtils = require('./variant-utils-6c6ef452.cjs.js');
 require('@plasmicapp/host/registerComponent');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/skinny/registerSliderTrack.esm.js

@@ -4,7 +4,7 @@ import { SliderTrack, Slider } from 'react-aria-components';
 import flattenChildren from 'react-keyed-flatten-children';
 import { f as PlasmicSliderContext } from './contexts-081d65a0.esm.js';
 import { i as isDefined, a as makeComponentName, r as registerComponentHelper } from './utils-c7662a47.esm.js';
-import { p as pickAriaComponentVariants } from './variant-utils-23360776.esm.js';
+import { p as pickAriaComponentVariants } from './variant-utils-5f90385f.esm.js';
 import '@plasmicapp/host/registerComponent';
 
 var __defProp = Object.defineProperty;

package/skinny/registerSwitch.cjs.js

@@ -6,7 +6,7 @@ var common = require('./common-2e984ab4.cjs.js');
 var registerDescription = require('./registerDescription.cjs.js');
 var registerLabel = require('./registerLabel.cjs.js');
 var utils = require('./utils-8dbb4d1f.cjs.js');
-var variantUtils = require('./variant-utils-db5b9590.cjs.js');
+var variantUtils = require('./variant-utils-6c6ef452.cjs.js');
 require('./registerText.cjs.js');
 require('@plasmicapp/host/registerComponent');
 

package/skinny/registerSwitch.esm.js

@@ -4,7 +4,7 @@ import { g as getCommonProps } from './common-0c4336fe.esm.js';
 import { DESCRIPTION_COMPONENT_NAME } from './registerDescription.esm.js';
 import { LABEL_COMPONENT_NAME } from './registerLabel.esm.js';
 import { r as registerComponentHelper, a as makeComponentName } from './utils-c7662a47.esm.js';
-import { p as pickAriaComponentVariants } from './variant-utils-23360776.esm.js';
+import { p as pickAriaComponentVariants } from './variant-utils-5f90385f.esm.js';
 import './registerText.esm.js';
 import '@plasmicapp/host/registerComponent';
 

package/skinny/registerTextArea.cjs.js

@@ -6,7 +6,7 @@ var reactAriaComponents = require('react-aria-components');
 var common = require('./common-2e984ab4.cjs.js');
 var contexts = require('./contexts-baa37b74.cjs.js');
 var utils = require('./utils-8dbb4d1f.cjs.js');
-var variantUtils = require('./variant-utils-db5b9590.cjs.js');
+var variantUtils = require('./variant-utils-6c6ef452.cjs.js');
 require('@plasmicapp/host/registerComponent');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/skinny/registerTextArea.esm.js

@@ -4,7 +4,7 @@ import { TextArea } from 'react-aria-components';
 import { g as getCommonProps } from './common-0c4336fe.esm.js';
 import { g as PlasmicTextFieldContext } from './contexts-081d65a0.esm.js';
 import { r as registerComponentHelper, a as makeComponentName } from './utils-c7662a47.esm.js';
-import { p as pickAriaComponentVariants } from './variant-utils-23360776.esm.js';
+import { p as pickAriaComponentVariants } from './variant-utils-5f90385f.esm.js';
 import '@plasmicapp/host/registerComponent';
 
 var __defProp = Object.defineProperty;

package/skinny/registerTextField.cjs.js

@@ -10,7 +10,7 @@ var registerInput = require('./registerInput.cjs.js');
 var registerLabel = require('./registerLabel.cjs.js');
 var registerTextArea = require('./registerTextArea.cjs.js');
 var utils = require('./utils-8dbb4d1f.cjs.js');
-var variantUtils = require('./variant-utils-db5b9590.cjs.js');
+var variantUtils = require('./variant-utils-6c6ef452.cjs.js');
 require('./registerText.cjs.js');
 require('react-aria');
 require('@plasmicapp/host/registerComponent');

package/skinny/registerTextField.esm.js

@@ -8,7 +8,7 @@ import { registerInput, INPUT_COMPONENT_NAME } from './registerInput.esm.js';
 import { registerLabel, LABEL_COMPONENT_NAME } from './registerLabel.esm.js';
 import { registerTextArea } from './registerTextArea.esm.js';
 import { a as makeComponentName, r as registerComponentHelper, m as makeChildComponentName } from './utils-c7662a47.esm.js';
-import { p as pickAriaComponentVariants } from './variant-utils-23360776.esm.js';
+import { p as pickAriaComponentVariants } from './variant-utils-5f90385f.esm.js';
 import './registerText.esm.js';
 import 'react-aria';
 import '@plasmicapp/host/registerComponent';

package/skinny/registerTooltip.cjs.js

@@ -1,12 +1,12 @@
 'use strict';
 
 var host = require('@plasmicapp/host');
-var utils = require('@react-aria/utils');
 var React = require('react');
 var reactAria = require('react-aria');
+var reactAriaComponents = require('react-aria-components');
 var flattenChildren = require('react-keyed-flatten-children');
-var reactStately = require('react-stately');
-var utils$1 = require('./utils-8dbb4d1f.cjs.js');
+var utils = require('./utils-8dbb4d1f.cjs.js');
+var variantUtils = require('./variant-utils-6c6ef452.cjs.js');
 require('@plasmicapp/host/registerComponent');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -15,6 +15,8 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var flattenChildren__default = /*#__PURE__*/_interopDefault(flattenChildren);
 
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -30,52 +32,94 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-function BaseTooltip(props) {
-  var _b;
-  const _a = props, { children, tooltipContent, className, resetClassName } = _a, restProps = __objRest(_a, ["children", "tooltipContent", "className", "resetClassName"]);
-  const { isSelected, selectedSlotName } = (_b = host.usePlasmicCanvasComponentInfo(props)) != null ? _b : {};
-  const isAutoOpen = selectedSlotName !== "children" && isSelected;
-  const state = reactStately.useTooltipTriggerState(restProps);
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+function isForwardRefComponent(element) {
+  var _a;
+  return ((_a = element == null ? void 0 : element.type) == null ? void 0 : _a.$$typeof) === Symbol.for("react.forward_ref");
+}
+const TOOLTIP_VARIANTS = [
+  "placementTop",
+  "placementBottom",
+  "placementLeft",
+  "placementRight"
+];
+const { variants, withObservedValues } = variantUtils.pickAriaComponentVariants(TOOLTIP_VARIANTS);
+function TooltipButton(props) {
   const ref = React__default.default.useRef(null);
-  const { triggerProps, tooltipProps } = reactAria.useTooltipTrigger(
-    restProps,
-    state,
+  const { buttonProps } = reactAria.useButton(props, ref);
+  const { children } = props;
+  if (!isForwardRefComponent(children)) {
+    return children;
+  }
+  return React__default.default.cloneElement(children, __spreadProps(__spreadValues({}, buttonProps), {
     ref
-  );
-  const hasContent = tooltipContent && tooltipContent.type.name !== "CanvasSlotPlaceholder";
+  }));
+}
+function BaseTooltip(props) {
+  var _a;
+  const {
+    children,
+    isDisabled,
+    delay,
+    closeDelay,
+    trigger,
+    isOpen,
+    defaultOpen,
+    tooltipContent,
+    resetClassName,
+    placement,
+    offset,
+    crossOffset,
+    shouldFlip,
+    arrowBoundaryOffset,
+    className,
+    onOpenChange,
+    plasmicUpdateVariant
+  } = props;
+  const { isSelected, selectedSlotName } = (_a = host.usePlasmicCanvasComponentInfo(props)) != null ? _a : {};
+  const isAutoOpen = selectedSlotName !== "children" && isSelected;
   const focusableChild = flattenChildren__default.default(children)[0];
+  const _isOpen = isAutoOpen || isOpen;
   return /* @__PURE__ */ React__default.default.createElement(
-    "div",
+    reactAriaComponents.TooltipTrigger,
     {
-      style: { position: "relative" },
-      className: resetClassName
+      isDisabled,
+      delay,
+      closeDelay,
+      trigger,
+      isOpen: _isOpen,
+      defaultOpen,
+      onOpenChange
     },
-    React__default.default.isValidElement(focusableChild) ? React__default.default.cloneElement(focusableChild, __spreadValues({
-      ref
-    }, utils.mergeProps(
-      focusableChild.props,
-      triggerProps
-    ))) : null,
-    (isAutoOpen || state.isOpen) && /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, React__default.default.cloneElement(
-      hasContent ? tooltipContent : /* @__PURE__ */ React__default.default.createElement("p", null, "Add some content to the tooltip..."),
-      utils.mergeProps(tooltipProps, tooltipContent == null ? void 0 : tooltipContent.props.attrs, { className })
-    ))
+    /* @__PURE__ */ React__default.default.createElement(TooltipButton, null, focusableChild),
+    /* @__PURE__ */ React__default.default.createElement(
+      reactAriaComponents.Tooltip,
+      {
+        isOpen: _isOpen,
+        offset,
+        crossOffset,
+        shouldFlip,
+        arrowBoundaryOffset,
+        defaultOpen,
+        className: `${className} ${resetClassName}`,
+        onOpenChange,
+        placement
+      },
+      ({ placement: _placement }) => withObservedValues(
+        tooltipContent,
+        {
+          placementTop: _placement === "top",
+          placementBottom: _placement === "bottom",
+          placementLeft: _placement === "left",
+          placementRight: _placement === "right"
+        },
+        plasmicUpdateVariant
+      )
+    )
   );
 }
 function registerTooltip(loader, overrides) {
-  utils$1.registerComponentHelper(
+  utils.registerComponentHelper(
     loader,
     BaseTooltip,
     {
@@ -85,14 +129,18 @@ function registerTooltip(loader, overrides) {
       importName: "BaseTooltip",
       isAttachment: true,
       styleSections: true,
+      variants,
       props: {
         children: {
           type: "slot",
-          displayName: "Trigger",
           mergeWithParent: true,
+          displayName: "Trigger",
           defaultValue: {
             type: "text",
-            value: "Hover me!"
+            value: "Hover me!",
+            styles: {
+              width: "hug"
+            }
           }
         },
         tooltipContent: {
@@ -102,7 +150,11 @@ function registerTooltip(loader, overrides) {
           // NOTE: This is not applied in attachment
           defaultValue: {
             type: "text",
-            value: "Hello from Tooltip!"
+            value: "Hello from Tooltip!",
+            styles: {
+              // So the text does not overlap with existing content
+              backgroundColor: "white"
+            }
           }
         },
         resetClassName: {
@@ -113,12 +165,16 @@ function registerTooltip(loader, overrides) {
         },
         delay: {
           type: "number",
-          defaultValueHint: 1500,
+          // Default value is explicitly set to 0 to prevent users from mistakenly thinking the tooltip isn’t opening due to a delay.
+          defaultValue: 0,
+          defaultValueHint: 0,
           description: "The delay (in milliseconds) for the tooltip to show up."
         },
         closeDelay: {
           type: "number",
-          defaultValueHint: 500,
+          // Default value is explicitly set to 0 to prevent users from mistakenly thinking the tooltip isn’t closing due to a delay.
+          defaultValue: 0,
+          defaultValueHint: 0,
           description: "The delay (in milliseconds) for the tooltip to close."
         },
         trigger: {
@@ -126,6 +182,21 @@ function registerTooltip(loader, overrides) {
           options: ["focus", "focus and hover"],
           defaultValueHint: "focus and hover"
         },
+        placement: {
+          type: "choice",
+          description: "Default placement of the popover relative to the trigger, if there is enough space",
+          defaultValueHint: "top",
+          // Not providing more options because https://github.com/adobe/react-spectrum/issues/6517
+          options: ["top", "bottom", "left", "right"]
+        },
+        isOpen: {
+          type: "boolean",
+          editOnly: true,
+          uncontrolledProp: "defaultOpen",
+          description: "Whether the overlay is open by default",
+          defaultValueHint: false,
+          hidden: () => true
+        },
         onOpenChange: {
           type: "eventHandler",
           argTypes: [{ name: "isOpen", type: "boolean" }]
@@ -133,7 +204,8 @@ function registerTooltip(loader, overrides) {
       },
       states: {
         isOpen: {
-          type: "readonly",
+          type: "writable",
+          valueProp: "isOpen",
           onChangeProp: "onOpenChange",
           variableType: "boolean"
         }

package/skinny/registerTooltip.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerTooltip.cjs.js","sources":["../src/registerTooltip.tsx"],"sourcesContent":["import { usePlasmicCanvasComponentInfo } from \"@plasmicapp/host\";\nimport { mergeProps } from \"@react-aria/utils\";\nimport React from \"react\";\nimport { useTooltipTrigger } from \"react-aria\";\nimport { TooltipProps } from \"react-aria-components\";\nimport flattenChildren from \"react-keyed-flatten-children\";\nimport { TooltipTriggerProps, useTooltipTriggerState } from \"react-stately\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport interface BaseTooltipProps extends TooltipTriggerProps, TooltipProps {\n  children?: React.ReactElement<HTMLElement>;\n  tooltipContent?: React.ReactElement;\n  resetClassName?: string;\n  className?: string;\n}\n\nexport function BaseTooltip(props: BaseTooltipProps) {\n  const { children, tooltipContent, className, resetClassName, ...restProps } =\n    props;\n\n  const { isSelected, selectedSlotName } =\n    usePlasmicCanvasComponentInfo(props) ?? {};\n  const isAutoOpen = selectedSlotName !== \"children\" && isSelected;\n\n  const state = useTooltipTriggerState(restProps);\n  const ref = React.useRef(null);\n  const { triggerProps, tooltipProps } = useTooltipTrigger(\n    restProps,\n    state,\n    ref\n  );\n\n  const hasContent =\n    tooltipContent &&\n    (tooltipContent.type as any).name !== \"CanvasSlotPlaceholder\";\n\n  /** We are only accepting a single child here, so we can just use the first one.\n   * This is because the trigger props will be applied to the child to enable the triggering of the tooltip.\n   * If there has to be more than one things here, wrap them in a horizontal stack for instance.\n   * */\n  const focusableChild = flattenChildren(children)[0];\n\n  return (\n    <div\n      // this is to ensure that the absolutely positioned tooltip can be positioned correctly within this relatively positioned container.\n      style={{ position: \"relative\" }}\n      className={resetClassName}\n    >\n      {React.isValidElement(focusableChild)\n        ? React.cloneElement(focusableChild, {\n            ref,\n            ...mergeProps(\n              focusableChild.props as Record<string, any>,\n              triggerProps\n            ),\n          } as Record<string, any> & { ref?: React.Ref<HTMLElement> })\n        : null}\n      {(isAutoOpen || state.isOpen) && (\n        <>\n          {React.cloneElement(\n            hasContent ? (\n              tooltipContent\n            ) : (\n              <p>Add some content to the tooltip...</p>\n            ),\n            mergeProps(tooltipProps, tooltipContent?.props.attrs, { className })\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n\nexport function registerTooltip(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseTooltip>\n) {\n  registerComponentHelper(\n    loader,\n    BaseTooltip,\n    {\n      name: \"plasmic-react-aria-tooltip\",\n      displayName: \"Aria Tooltip\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerTooltip\",\n      importName: \"BaseTooltip\",\n      isAttachment: true,\n      styleSections: true,\n      props: {\n        children: {\n          type: \"slot\",\n          displayName: \"Trigger\",\n          mergeWithParent: true,\n          defaultValue: {\n            type: \"text\",\n            value: \"Hover me!\",\n          },\n        },\n        tooltipContent: {\n          type: \"slot\",\n          mergeWithParent: true,\n          displayName: \"Tooltip Content\",\n          // NOTE: This is not applied in attachment\n          defaultValue: {\n            type: \"text\",\n            value: \"Hello from Tooltip!\",\n          },\n        },\n        resetClassName: {\n          type: \"themeResetClass\",\n        },\n        isDisabled: {\n          type: \"boolean\",\n        },\n        delay: {\n          type: \"number\",\n          defaultValueHint: 1500,\n          description:\n            \"The delay (in milliseconds) for the tooltip to show up.\",\n        },\n        closeDelay: {\n          type: \"number\",\n          defaultValueHint: 500,\n          description: \"The delay (in milliseconds) for the tooltip to close.\",\n        },\n        trigger: {\n          type: \"choice\",\n          options: [\"focus\", \"focus and hover\"],\n          defaultValueHint: \"focus and hover\",\n        },\n        onOpenChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n        },\n      },\n      states: {\n        isOpen: {\n          type: \"readonly\",\n          onChangeProp: \"onOpenChange\",\n          variableType: \"boolean\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["useTooltipTriggerState","React","useTooltipTrigger","flattenChildren","mergeProps","registerComponentHelper"],"mappings":"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"}
+{"version":3,"file":"registerTooltip.cjs.js","sources":["../src/registerTooltip.tsx"],"sourcesContent":["import { usePlasmicCanvasComponentInfo } from \"@plasmicapp/host\";\nimport React from \"react\";\nimport { AriaButtonProps, useButton } from \"react-aria\";\nimport { Tooltip, TooltipProps, TooltipTrigger } from \"react-aria-components\";\nimport flattenChildren from \"react-keyed-flatten-children\";\nimport { TooltipTriggerProps } from \"react-stately\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\nimport { pickAriaComponentVariants, WithVariants } from \"./variant-utils\";\n\nfunction isForwardRefComponent(element: any): element is React.ReactElement {\n  return element?.type?.$$typeof === Symbol.for(\"react.forward_ref\");\n}\n\nconst TOOLTIP_VARIANTS = [\n  \"placementTop\" as const,\n  \"placementBottom\" as const,\n  \"placementLeft\" as const,\n  \"placementRight\" as const,\n];\n\nexport interface BaseTooltipProps\n  extends TooltipTriggerProps,\n    TooltipProps,\n    WithVariants<typeof TOOLTIP_VARIANTS> {\n  children?: React.ReactElement<HTMLElement>;\n  tooltipContent?: React.ReactElement;\n  resetClassName?: string;\n  className?: string;\n}\n\nconst { variants, withObservedValues } =\n  pickAriaComponentVariants(TOOLTIP_VARIANTS);\n\n/*\n\nReact Aria's TooltipTrigger only allows Aria Button component to act as a trigger.\nhttps://react-spectrum.adobe.com/react-aria/Tooltip.html#example\n\nTo bypass that limitation, we originally used the useTooltipTrigger custom hooks for advanced customization, so the trigger could become anything we want.\nOne of the limitations with that was the placement prop - the useTooltipTrigger did not provide placement prop, and that caused issues with tooltip positioning.\n\nWe have a better fix now - instead of using useTooltipTrigger, we use useButton,\nso that anything we add to the slot can be treated as an Aria Button.\nThat means we can use the ready-made components provided by react-aria-components (like <TooltipTrigger> and <Tooltip>)\nand still be able to use any other component as a trigger.\n\n*/\n\nfunction TooltipButton(props: AriaButtonProps) {\n  const ref = React.useRef<HTMLButtonElement | null>(null);\n  const { buttonProps } = useButton(props, ref);\n  const { children } = props;\n  if (!isForwardRefComponent(children)) {\n    // The tooltip will not be triggered because the trigger component needs to be a forward ref.\n    return children;\n  }\n\n  return React.cloneElement(children, {\n    ...buttonProps,\n    ref,\n  });\n}\n\nexport function BaseTooltip(props: BaseTooltipProps) {\n  const {\n    children,\n    isDisabled,\n    delay,\n    closeDelay,\n    trigger,\n    isOpen,\n    defaultOpen,\n    tooltipContent,\n    resetClassName,\n    placement,\n    offset,\n    crossOffset,\n    shouldFlip,\n    arrowBoundaryOffset,\n    className,\n    onOpenChange,\n    plasmicUpdateVariant,\n  } = props;\n\n  const { isSelected, selectedSlotName } =\n    usePlasmicCanvasComponentInfo(props) ?? {};\n  const isAutoOpen = selectedSlotName !== \"children\" && isSelected;\n\n  /** We are only accepting a single child here, so we can just use the first one.\n   * This is because the trigger props will be applied to the child to enable the triggering of the tooltip.\n   * If there has to be more than one things here, wrap them in a horizontal stack for instance.\n   * */\n  const focusableChild = flattenChildren(children)[0];\n  const _isOpen = isAutoOpen || isOpen;\n\n  return (\n    <TooltipTrigger\n      isDisabled={isDisabled}\n      delay={delay}\n      closeDelay={closeDelay}\n      trigger={trigger}\n      isOpen={_isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n    >\n      <TooltipButton>{focusableChild}</TooltipButton>\n      <Tooltip\n        isOpen={_isOpen}\n        offset={offset}\n        crossOffset={crossOffset}\n        shouldFlip={shouldFlip}\n        arrowBoundaryOffset={arrowBoundaryOffset}\n        defaultOpen={defaultOpen}\n        className={`${className} ${resetClassName}`}\n        onOpenChange={onOpenChange}\n        placement={placement}\n      >\n        {({ placement: _placement }) =>\n          withObservedValues(\n            tooltipContent,\n            {\n              placementTop: _placement === \"top\",\n              placementBottom: _placement === \"bottom\",\n              placementLeft: _placement === \"left\",\n              placementRight: _placement === \"right\",\n            },\n            plasmicUpdateVariant\n          )\n        }\n      </Tooltip>\n    </TooltipTrigger>\n  );\n}\n\nexport function registerTooltip(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseTooltip>\n) {\n  registerComponentHelper(\n    loader,\n    BaseTooltip,\n    {\n      name: \"plasmic-react-aria-tooltip\",\n      displayName: \"Aria Tooltip\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerTooltip\",\n      importName: \"BaseTooltip\",\n      isAttachment: true,\n      styleSections: true,\n      variants,\n      props: {\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          displayName: \"Trigger\",\n          defaultValue: {\n            type: \"text\",\n            value: \"Hover me!\",\n            styles: {\n              width: \"hug\",\n            },\n          },\n        },\n        tooltipContent: {\n          type: \"slot\",\n          mergeWithParent: true,\n          displayName: \"Tooltip Content\",\n          // NOTE: This is not applied in attachment\n          defaultValue: {\n            type: \"text\",\n            value: \"Hello from Tooltip!\",\n            styles: {\n              // So the text does not overlap with existing content\n              backgroundColor: \"white\",\n            },\n          },\n        },\n        resetClassName: {\n          type: \"themeResetClass\",\n        },\n        isDisabled: {\n          type: \"boolean\",\n        },\n        delay: {\n          type: \"number\",\n          // Default value is explicitly set to 0 to prevent users from mistakenly thinking the tooltip isn’t opening due to a delay.\n          defaultValue: 0,\n          defaultValueHint: 0,\n          description:\n            \"The delay (in milliseconds) for the tooltip to show up.\",\n        },\n        closeDelay: {\n          type: \"number\",\n          // Default value is explicitly set to 0 to prevent users from mistakenly thinking the tooltip isn’t closing due to a delay.\n          defaultValue: 0,\n          defaultValueHint: 0,\n          description: \"The delay (in milliseconds) for the tooltip to close.\",\n        },\n        trigger: {\n          type: \"choice\",\n          options: [\"focus\", \"focus and hover\"],\n          defaultValueHint: \"focus and hover\",\n        },\n        placement: {\n          type: \"choice\",\n          description:\n            \"Default placement of the popover relative to the trigger, if there is enough space\",\n          defaultValueHint: \"top\",\n          // Not providing more options because https://github.com/adobe/react-spectrum/issues/6517\n          options: [\"top\", \"bottom\", \"left\", \"right\"],\n        },\n        isOpen: {\n          type: \"boolean\",\n          editOnly: true,\n          uncontrolledProp: \"defaultOpen\",\n          description: \"Whether the overlay is open by default\",\n          defaultValueHint: false,\n          hidden: () => true,\n        },\n        onOpenChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n        },\n      },\n      states: {\n        isOpen: {\n          type: \"writable\",\n          valueProp: \"isOpen\",\n          onChangeProp: \"onOpenChange\",\n          variableType: \"boolean\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","useButton","flattenChildren","TooltipTrigger","Tooltip","registerComponentHelper"],"mappings":"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"}

package/skinny/registerTooltip.d.ts

@@ -2,7 +2,9 @@ import React from "react";
 import { TooltipProps } from "react-aria-components";
 import { TooltipTriggerProps } from "react-stately";
 import { CodeComponentMetaOverrides, Registerable } from "./utils";
-export interface BaseTooltipProps extends TooltipTriggerProps, TooltipProps {
+import { WithVariants } from "./variant-utils";
+declare const TOOLTIP_VARIANTS: ("placementLeft" | "placementRight" | "placementTop" | "placementBottom")[];
+export interface BaseTooltipProps extends TooltipTriggerProps, TooltipProps, WithVariants<typeof TOOLTIP_VARIANTS> {
     children?: React.ReactElement<HTMLElement>;
     tooltipContent?: React.ReactElement;
     resetClassName?: string;
@@ -10,3 +12,4 @@ export interface BaseTooltipProps extends TooltipTriggerProps, TooltipProps {
 }
 export declare function BaseTooltip(props: BaseTooltipProps): React.JSX.Element;
 export declare function registerTooltip(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseTooltip>): void;
+export {};