@plasmicapp/react-web 0.2.95 → 0.2.98

package/dist/react-web.esm.js

@@ -2,8 +2,22 @@ import classNames$1 from 'classnames';
 import * as React from 'react';
 import React__default, { forwardRef, createElement, Fragment, isValidElement, useState, useRef, useMemo, createContext, useContext, useImperativeHandle, useCallback, cloneElement } from 'react';
 import ReactDOM__default, { createPortal } from 'react-dom';
-import { SSRProvider, useIsSSR as useIsSSR$1, useFocusRing, useCheckbox as useCheckbox$1, VisuallyHidden, useMenu as useMenu$1, useMenuSection, useSeparator, useMenuItem as useMenuItem$1, useMenuTrigger as useMenuTrigger$1, usePress, useFocusable, useSelect as useSelect$1, HiddenSelect, useListBox, useOption, useListBoxSection, useSwitch as useSwitch$1, useOverlay, useOverlayPosition, FocusScope, DismissButton } from 'react-aria';
-import { useToggleState, Item, Section, useTreeState, useMenuTriggerState, useSelectState } from 'react-stately';
+import { SSRProvider, useIsSSR as useIsSSR$1 } from '@react-aria/ssr';
+import { useFocusRing, useFocusable, FocusScope } from '@react-aria/focus';
+import { useCheckbox as useCheckbox$1 } from '@react-aria/checkbox';
+import { VisuallyHidden } from '@react-aria/visually-hidden';
+import { useToggleState } from '@react-stately/toggle';
+import { useMenu as useMenu$1, useMenuSection, useMenuItem as useMenuItem$1, useMenuTrigger as useMenuTrigger$1 } from '@react-aria/menu';
+import { useTreeState } from '@react-stately/tree';
+import { Item, Section } from '@react-stately/collections';
+import { useSeparator } from '@react-aria/separator';
+import { useMenuTriggerState } from '@react-stately/menu';
+import { usePress } from '@react-aria/interactions';
+import { useSelect as useSelect$1, HiddenSelect } from '@react-aria/select';
+import { useListBox, useOption, useListBoxSection } from '@react-aria/listbox';
+import { useSelectState } from '@react-stately/select';
+import { useSwitch as useSwitch$1 } from '@react-aria/switch';
+import { useOverlay, useOverlayPosition, DismissButton } from '@react-aria/overlays';
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -890,10 +904,10 @@ var PlasmicImg = /*#__PURE__*/React__default.forwardRef(function PlasmicImg(prop
   if (displayWidth != null && displayWidth !== "auto") {
     // If width is set, set it on the wrapper along with min/max width
     // and just use `width: 100%` on the spacer
-    spacerStyle.width = "100%";
-    wrapperStyle.width = displayWidth;
-    wrapperStyle.minWidth = displayMinWidth;
-    wrapperStyle.maxWidth = displayMaxWidth;
+    spacerStyle.width = "100%"; // Rely on the styles set by `classname` on the wrapper:
+    // wrapperStyle.width = displayWidth;
+    // wrapperStyle.minWidth = displayMinWidth;
+    // wrapperStyle.maxWidth = displayMaxWidth;
   } else {
     // Otherwise, we want auto sizing from the spacer, so set width there.
     //
@@ -906,13 +920,13 @@ var PlasmicImg = /*#__PURE__*/React__default.forwardRef(function PlasmicImg(prop
     wrapperStyle.width = "auto";
 
     if (displayMinWidth) {
-      spacerStyle.minWidth = "100%";
-      wrapperStyle.minWidth = displayMinWidth;
+      spacerStyle.minWidth = "100%"; // Rely on min-width set by `classname` on the wrapper:
+      // wrapperStyle.minWidth = displayMinWidth;
     }
 
     if (displayMaxWidth != null && displayMaxWidth !== "none") {
-      spacerStyle.maxWidth = "100%";
-      wrapperStyle.maxWidth = displayMaxWidth;
+      spacerStyle.maxWidth = "100%"; // Rely on max-width set by `classname` on the wrapper:
+      // wrapperStyle.maxWidth = displayMaxWidth;
     }
   }
 
@@ -2960,7 +2974,9 @@ function useTextInput(plasmicClass, props, config, ref) {
       style: style
     }
   }, _overrides[config.input] = {
-    props: _extends({}, omit.apply(void 0, [rest].concat(plasmicClass.internalArgProps, plasmicClass.internalVariantProps)), {
+    props: _extends({}, omit.apply(void 0, [rest].concat(plasmicClass.internalArgProps.filter(function (prop) {
+      return prop !== "required";
+    }), plasmicClass.internalVariantProps)), {
       disabled: isDisabled,
       ref: inputRef,
       className: inputClassName,