@plasmicapp/react-web 0.2.104 → 0.2.107

package/dist/react-web.esm.js

@@ -1,6 +1,6 @@
 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 React__default, { forwardRef, createElement, Fragment, isValidElement, useContext, createContext, useState, useRef, useMemo, useImperativeHandle, useCallback, cloneElement } from 'react';
 import ReactDOM__default, { createPortal } from 'react-dom';
 import { SSRProvider, useIsSSR as useIsSSR$1 } from '@react-aria/ssr';
 import { useFocusRing, useFocusable, FocusScope } from '@react-aria/focus';
@@ -804,6 +804,83 @@ function ensureGlobalVariants(globalVariantValues) {
   return globalVariantValues;
 }
 
+var PlasmicHeadContext = /*#__PURE__*/createContext(undefined);
+function PlasmicHead(props) {
+  var Head = useContext(PlasmicHeadContext);
+
+  if (!Head) {
+    console.warn("Plasmic: Head meta tags are being ignored. To make them work, pass a Head component into PlasmicRootProvider."); // TODO: Link to doc about Head.
+
+    return null;
+  }
+
+  return createElement(Head, null, props.image ? createElement(Fragment, null, createElement("meta", {
+    name: "twitter:card",
+    content: "summary_large_image"
+  }), createElement("meta", {
+    key: "og:image",
+    property: "og:image",
+    content: props.image
+  }), createElement("meta", {
+    key: "twitter:image",
+    name: "twitter:image",
+    content: props.image
+  })) : createElement("meta", {
+    name: "twitter:card",
+    content: "summary"
+  }), props.title && createElement(Fragment, null, createElement("title", {
+    key: "title"
+  }, props.title), createElement("meta", {
+    key: "og:title",
+    property: "og:title",
+    content: props.title
+  }), createElement("meta", {
+    key: "twitter:title",
+    property: "twitter:title",
+    content: props.title
+  })), props.description && createElement(Fragment, null, createElement("meta", {
+    key: "description",
+    name: "description",
+    content: props.description
+  }), createElement("meta", {
+    key: "og:description",
+    property: "og:description",
+    content: props.description
+  }), createElement("meta", {
+    key: "twitter:description",
+    name: "twitter:description",
+    content: props.description
+  })), props.canonical && createElement("link", {
+    ref: "canonical",
+    href: props.canonical
+  }));
+}
+var plasmicHeadMeta = {
+  name: "hostless-plasmic-head",
+  displayName: "Head",
+  description: "Used to add page metadata to HEAD tag",
+  importName: "PlasmicHead",
+  importPath: "@plasmicapp/react-web",
+  props: {
+    title: {
+      type: "string",
+      displayName: "Title"
+    },
+    description: {
+      type: "string",
+      displayName: "Description"
+    },
+    image: {
+      type: "imageUrl",
+      displayName: "Image"
+    },
+    canonical: {
+      type: "string",
+      displayName: "Canonical URL"
+    }
+  }
+};
+
 function PlasmicIcon(props) {
   var PlasmicIconType = props.PlasmicIconType,
       rest = _objectWithoutPropertiesLoose(props, ["PlasmicIconType"]);
@@ -1457,7 +1534,9 @@ function PlasmicRootProvider(props) {
     value: context
   }, createElement(SSRProvider, null, createElement(PlasmicTranslatorContext.Provider, {
     value: props.translator
-  }, children)));
+  }, createElement(PlasmicHeadContext.Provider, {
+    value: props.Head
+  }, children))));
 }
 var useIsSSR = useIsSSR$1;
 function useHasPlasmicRoot() {
@@ -2994,13 +3073,17 @@ function useTextInput(plasmicClass, props, config, ref) {
   };
 }
 
-function useTriggeredOverlay(plasmicClass, props, config, outerRef) {
+function useTriggeredOverlay(plasmicClass, props, config, outerRef, isDismissable) {
   var _extends2, _overrides;
 
   if (outerRef === void 0) {
     outerRef = null;
   }
 
+  if (isDismissable === void 0) {
+    isDismissable = true;
+  }
+
   var overlayRef = useRef(null);
   var onOverlayRef = mergeRefs(overlayRef, outerRef);
   var context = useContext(TriggeredOverlayContext);
@@ -3038,7 +3121,7 @@ function useTriggeredOverlay(plasmicClass, props, config, outerRef) {
   var _useOverlay = useOverlay({
     isOpen: state.isOpen,
     onClose: state.close,
-    isDismissable: true,
+    isDismissable: isDismissable,
     shouldCloseOnBlur: true
   }, overlayRef),
       overlayAriaProps = _useOverlay.overlayProps;
@@ -3587,5 +3670,5 @@ function fillUninitializedStateValues(specs, props, stateValues, states) {
   return initFuncDeps;
 }
 
-export { DropdownMenu, PlasmicIcon, PlasmicImg, PlasmicLink, PlasmicRootProvider, PlasmicSlot, Stack, Trans, classNames, createPlasmicElementProxy, createUseScreenVariants, deriveRenderOpts, ensureGlobalVariants, genTranslatableString, generateStateOnChangeProp, generateStateValueProp, getDataProps, hasVariant, makeFragment, omit, pick, renderPlasmicSlot, setPlumeStrictMode, useButton, useCheckbox, useVanillaDollarState as useDollarState, useIsSSR, useMenu, useMenuButton, useMenuGroup, useMenuItem, useSelect, useSelectOption, useSelectOptionGroup, useSwitch, useTextInput, useTrigger, useTriggeredOverlay, wrapWithClassName };
+export { DropdownMenu, PlasmicHead, PlasmicIcon, PlasmicImg, PlasmicLink, PlasmicRootProvider, PlasmicSlot, SelectContext, Stack, Trans, TriggeredOverlayContext, classNames, createPlasmicElementProxy, createUseScreenVariants, deriveRenderOpts, ensureGlobalVariants, genTranslatableString, generateStateOnChangeProp, generateStateValueProp, getDataProps, hasVariant, makeFragment, omit, pick, plasmicHeadMeta, renderPlasmicSlot, setPlumeStrictMode, useButton, useCheckbox, useVanillaDollarState as useDollarState, useIsSSR, useMenu, useMenuButton, useMenuGroup, useMenuItem, useSelect, useSelectOption, useSelectOptionGroup, useSwitch, useTextInput, useTrigger, useTriggeredOverlay, wrapWithClassName };
 //# sourceMappingURL=react-web.esm.js.map