@plasmicpkgs/react-aria 0.0.114 → 0.0.116

package/dist/react-aria.js

@@ -34,6 +34,18 @@ var __spreadValues$s = (a, b) => {
   return a;
 };
 var __spreadProps$n = (a, b) => __defProps$n(a, __getOwnPropDescs$n(b));
+var __objRest$o = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$s.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$s)
+    for (var prop of __getOwnPropSymbols$s(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$s.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 function useIsOpen({
   triggerSlotName,
   isOpen,
@@ -107,6 +119,14 @@ function extractPlasmicDataProps(props) {
 function isDefined(thing) {
   return thing !== void 0 && thing !== null;
 }
+function filterHoverProps(props) {
+  const _a = props, otherProps = __objRest$o(_a, [
+    "onHoverStart",
+    "onHoverChange",
+    "onHoverEnd"
+  ]);
+  return otherProps;
+}
 
 var __defProp$r = Object.defineProperty;
 var __getOwnPropSymbols$r = Object.getOwnPropertySymbols;
@@ -1548,14 +1568,14 @@ const inputHelpers$1 = {
     }
   }
 };
-function BaseInput(props) {
+function BaseInput_(props, ref) {
   const _a = props, {
     plasmicUpdateVariant,
     setControlContextData,
     autoComplete,
     value,
     className
-  } = _a, rest = __objRest$i(_a, [
+  } = _a, restProps = __objRest$i(_a, [
     "plasmicUpdateVariant",
     "setControlContextData",
     "autoComplete",
@@ -1564,33 +1584,55 @@ function BaseInput(props) {
   ]);
   const textFieldContext = React__default.default.useContext(PlasmicTextFieldContext);
   const context = React__default.default.useContext(PlasmicInputContext);
+  const [inputContextProps, inputRef] = reactAriaComponents.useContextProps(
+    restProps,
+    ref,
+    reactAriaComponents.InputContext
+  );
+  const { hoverProps, isHovered } = reactAria.useHover(props);
+  const { isFocused, isFocusVisible, focusProps } = reactAria.useFocusRing({
+    isTextInput: true,
+    autoFocus: inputContextProps.autoFocus
+  });
+  const mergedProps = reactAria.mergeProps(
+    filterHoverProps(inputContextProps),
+    focusProps,
+    hoverProps,
+    {
+      style: COMMON_STYLES,
+      value: (context == null ? void 0 : context.isUncontrolled) ? void 0 : value,
+      autoComplete: resolveAutoComplete(autoComplete),
+      className
+    }
+  );
+  const isDisabled = mergedProps.disabled || false;
+  const isInvalid = !!mergedProps["aria-invalid"] && mergedProps["aria-invalid"] !== "false";
   setControlContextData == null ? void 0 : setControlContextData({
     parent: textFieldContext
   });
-  const classNameProp = React.useCallback(
-    ({
-      isDisabled,
-      isFocusVisible,
-      isFocused,
-      isHovered
-    }) => {
-      plasmicUpdateVariant == null ? void 0 : plasmicUpdateVariant({
+  React.useEffect(() => {
+    if (plasmicUpdateVariant) {
+      plasmicUpdateVariant({
         disabled: isDisabled,
         focused: isFocused,
         focusVisible: isFocusVisible,
         hovered: isHovered
       });
-      return className != null ? className : "";
-    },
-    [className, plasmicUpdateVariant]
+    }
+  }, [isFocused, isFocusVisible, isHovered, isDisabled, plasmicUpdateVariant]);
+  return /* @__PURE__ */ React__default.default.createElement(
+    "input",
+    __spreadProps$g(__spreadValues$k({}, mergedProps), {
+      ref: inputRef,
+      "data-focused": isFocused || void 0,
+      "data-disabled": isDisabled || void 0,
+      "data-hovered": isHovered || void 0,
+      "data-focus-visible": isFocusVisible || void 0,
+      "data-invalid": isInvalid || void 0
+    })
   );
-  const mergedProps = reactAria.mergeProps(rest, {
-    value: (context == null ? void 0 : context.isUncontrolled) ? void 0 : value,
-    autoComplete: resolveAutoComplete(autoComplete),
-    className: classNameProp
-  });
-  return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Input, __spreadProps$g(__spreadValues$k({}, mergedProps), { style: COMMON_STYLES }));
 }
+const BaseInput = React__default.default.forwardRef(BaseInput_);
 const INPUT_COMPONENT_NAME = makeComponentName("input");
 function registerInput(loader, overrides) {
   registerComponentHelper(
@@ -3049,20 +3091,28 @@ const { variants: variants$a, withObservedValues: withObservedValues$9 } = pickA
 );
 function BaseOverlayArrow({
   children,
-  plasmicUpdateVariant
+  plasmicUpdateVariant,
+  className
 }) {
   const popoverContext = React__default.default.useContext(reactAriaComponents.PopoverContext);
   const tooltipContext = React__default.default.useContext(reactAriaComponents.TooltipContext);
   const isStandalone = !popoverContext && !tooltipContext;
-  const overlayArrow = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.OverlayArrow, { style: __spreadValues$b({ lineHeight: "0" }, COMMON_STYLES) }, ({ placement }) => withObservedValues$9(
-    children,
+  const overlayArrow = /* @__PURE__ */ React__default.default.createElement(
+    reactAriaComponents.OverlayArrow,
     {
-      placementTop: placement === "top",
-      placementLeft: placement === "left",
-      placementRight: placement === "right"
+      className,
+      style: __spreadValues$b({ lineHeight: "0" }, COMMON_STYLES)
     },
-    plasmicUpdateVariant
-  ));
+    ({ placement }) => withObservedValues$9(
+      children,
+      {
+        placementTop: placement === "top",
+        placementLeft: placement === "left",
+        placementRight: placement === "right"
+      },
+      plasmicUpdateVariant
+    )
+  );
   if (isStandalone) {
     return /* @__PURE__ */ React__default.default.createElement("div", { style: { position: "relative" } }, overlayArrow);
   }
@@ -4632,34 +4682,64 @@ const inputHelpers = {
     }
   }
 };
-function BaseTextArea(props) {
-  const _a = props, { className, plasmicUpdateVariant, setControlContextData } = _a, rest = __objRest$2(_a, ["className", "plasmicUpdateVariant", "setControlContextData"]);
+function BaseTextArea_(props, ref) {
+  const _a = props, {
+    className,
+    plasmicUpdateVariant,
+    setControlContextData
+  } = _a, restProps = __objRest$2(_a, [
+    "className",
+    "plasmicUpdateVariant",
+    "setControlContextData"
+  ]);
   const textFieldContext = React__default.default.useContext(PlasmicTextFieldContext);
+  const [textAreaContextProps, textAreaRef] = reactAriaComponents.useContextProps(
+    restProps,
+    ref,
+    reactAriaComponents.TextAreaContext
+  );
+  const { hoverProps, isHovered } = reactAria.useHover(textAreaContextProps);
+  const { isFocused, isFocusVisible, focusProps } = reactAria.useFocusRing({
+    isTextInput: true,
+    autoFocus: textAreaContextProps.autoFocus
+  });
+  const mergedProps = reactAria.mergeProps(
+    filterHoverProps(textAreaContextProps),
+    focusProps,
+    hoverProps,
+    {
+      style: COMMON_STYLES,
+      className
+    }
+  );
+  const isDisabled = mergedProps.disabled || false;
+  const isInvalid = !!mergedProps["aria-invalid"] && mergedProps["aria-invalid"] !== "false";
   setControlContextData == null ? void 0 : setControlContextData({
     parent: textFieldContext
   });
-  const classNameProp = React.useCallback(
-    ({
-      isDisabled,
-      isFocusVisible,
-      isFocused,
-      isHovered
-    }) => {
-      plasmicUpdateVariant == null ? void 0 : plasmicUpdateVariant({
+  React.useEffect(() => {
+    if (plasmicUpdateVariant) {
+      plasmicUpdateVariant({
         disabled: isDisabled,
         focused: isFocused,
         focusVisible: isFocusVisible,
         hovered: isHovered
       });
-      return className != null ? className : "";
-    },
-    [className, plasmicUpdateVariant]
+    }
+  }, [isFocused, isFocusVisible, isHovered, isDisabled, plasmicUpdateVariant]);
+  return /* @__PURE__ */ React__default.default.createElement(
+    "textarea",
+    __spreadProps$2(__spreadValues$2({}, mergedProps), {
+      ref: textAreaRef,
+      "data-focused": isFocused || void 0,
+      "data-disabled": isDisabled || void 0,
+      "data-hovered": isHovered || void 0,
+      "data-focus-visible": isFocusVisible || void 0,
+      "data-invalid": isInvalid || void 0
+    })
   );
-  const mergedProps = reactAria.mergeProps(rest, {
-    className: classNameProp
-  });
-  return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.TextArea, __spreadProps$2(__spreadValues$2({}, mergedProps), { style: COMMON_STYLES }));
 }
+const BaseTextArea = React__default.default.forwardRef(BaseTextArea_);
 function registerTextArea(loader, overrides) {
   registerComponentHelper(
     loader,