@plasmicapp/react-web 0.2.105 → 0.2.106

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() {
@@ -3587,5 +3666,5 @@ function fillUninitializedStateValues(specs, props, stateValues, states) {
   return initFuncDeps;
 }
 
-export { DropdownMenu, PlasmicIcon, PlasmicImg, PlasmicLink, PlasmicRootProvider, PlasmicSlot, SelectContext, Stack, Trans, TriggeredOverlayContext, 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