@plasmicapp/react-web 0.2.93 → 0.2.96

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) {
@@ -1338,6 +1352,96 @@ function createUseScreenVariants(isMulti, screenQueries) {
   };
 }
 
+var PlasmicTranslatorContext = /*#__PURE__*/React__default.createContext(undefined);
+
+function isIterable(val) {
+  return val != null && typeof val[Symbol.iterator] === "function";
+}
+
+function genTranslatableString(elt) {
+  var components = {};
+  var componentsCount = 0;
+
+  var getText = function getText(node) {
+    if (!node) {
+      return "";
+    }
+
+    if (typeof node === "number" || typeof node === "boolean" || typeof node === "string") {
+      return node.toString();
+    }
+
+    if (typeof node !== "object") {
+      return "";
+    }
+
+    if (Array.isArray(node) || isIterable(node)) {
+      return Array.from(node).map(function (child) {
+        return getText(child);
+      }).filter(function (child) {
+        return !!child;
+      }).join("");
+    }
+
+    var nodeChildren = hasKey(node, "props") && hasKey(node.props, "children") && node.props.children || hasKey(node, "children") && node.children || [];
+    var contents = "" + React__default.Children.toArray(nodeChildren).map(function (child) {
+      return getText(child);
+    }).filter(function (child) {
+      return !!child;
+    }).join("");
+
+    if (React__default.isValidElement(node) && node.type === React__default.Fragment) {
+      return contents;
+    }
+
+    var componentId = componentsCount + 1;
+    componentsCount++;
+    components[componentId] = React__default.isValidElement(node) ? React__default.cloneElement(node, {
+      key: componentId,
+      children: undefined
+    }) : node;
+    return "<" + componentId + ">" + contents + "</" + componentId + ">";
+  };
+
+  var str = getText(elt);
+  return {
+    str: str,
+    components: components,
+    componentsCount: componentsCount
+  };
+}
+function Trans(_ref) {
+  var children = _ref.children;
+
+  var _t = React__default.useContext(PlasmicTranslatorContext);
+
+  if (!_t) {
+    warnNoTranslationFunctionAtMostOnce();
+    return children;
+  }
+
+  var _genTranslatableStrin = genTranslatableString(children),
+      str = _genTranslatableStrin.str,
+      components = _genTranslatableStrin.components,
+      componentsCount = _genTranslatableStrin.componentsCount;
+
+  return _t(str, componentsCount > 0 ? {
+    components: components
+  } : undefined);
+}
+var hasWarned = false;
+
+function warnNoTranslationFunctionAtMostOnce() {
+  if (!hasWarned) {
+    console.warn("Using Plasmic Translation but no translation function has been provided");
+    hasWarned = true;
+  }
+}
+
+function hasKey(v, key) {
+  return typeof v === "object" && v !== null && key in v;
+}
+
 var PlasmicRootContext = /*#__PURE__*/createContext(undefined);
 function PlasmicRootProvider(props) {
   var platform = props.platform,
@@ -1349,7 +1453,9 @@ function PlasmicRootProvider(props) {
   }, [platform]);
   return createElement(PlasmicRootContext.Provider, {
     value: context
-  }, createElement(SSRProvider, null, children));
+  }, createElement(SSRProvider, null, createElement(PlasmicTranslatorContext.Provider, {
+    value: props.translator
+  }, children)));
 }
 var useIsSSR = useIsSSR$1;
 function useHasPlasmicRoot() {
@@ -3008,5 +3114,5 @@ function useTriggeredOverlay(plasmicClass, props, config, outerRef) {
   };
 }
 
-export { DropdownMenu, PlasmicIcon, PlasmicImg, PlasmicLink, PlasmicRootProvider, PlasmicSlot, Stack, classNames, createPlasmicElementProxy, createUseScreenVariants, deriveRenderOpts, ensureGlobalVariants, getDataProps, hasVariant, makeFragment, omit, pick, renderPlasmicSlot, setPlumeStrictMode, useButton, useCheckbox, useIsSSR, useMenu, useMenuButton, useMenuGroup, useMenuItem, useSelect, useSelectOption, useSelectOptionGroup, useSwitch, useTextInput, useTrigger, useTriggeredOverlay, wrapWithClassName };
+export { DropdownMenu, PlasmicIcon, PlasmicImg, PlasmicLink, PlasmicRootProvider, PlasmicSlot, Stack, Trans, classNames, createPlasmicElementProxy, createUseScreenVariants, deriveRenderOpts, ensureGlobalVariants, genTranslatableString, getDataProps, hasVariant, makeFragment, omit, pick, renderPlasmicSlot, setPlumeStrictMode, useButton, useCheckbox, useIsSSR, useMenu, useMenuButton, useMenuGroup, useMenuItem, useSelect, useSelectOption, useSelectOptionGroup, useSwitch, useTextInput, useTrigger, useTriggeredOverlay, wrapWithClassName };
 //# sourceMappingURL=react-web.esm.js.map