@plasmicapp/react-web 0.2.112 → 0.2.113

package/LICENSE.md

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2021 Plasmic
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/dist/all.d.ts

@@ -1,22 +1,24 @@
 import * as React from 'react';
 import React__default, { AriaAttributes, DOMAttributes as DOMAttributes$1, AriaRole, CSSProperties, Key, ReactNode, ReactElement, FocusEvent, KeyboardEvent as KeyboardEvent$1, SyntheticEvent } from 'react';
 
-// This is the only way I found to break circular references between ClassArray and ClassValue
-// https://github.com/Microsoft/TypeScript/issues/3496#issuecomment-128553540
-interface ClassArray extends Array<ClassValue> {} // tslint:disable-line no-empty-interface
+// LICENSE is MIT
+//
+// Copyright (c) 2018
+//   Dave Keen <http://www.keendevelopment.ch>
+//   Adi Dahiya <https://github.com/adidahiya>
+//   Jason Killian <https://github.com/JKillian>
+//   Sean Kelley <https://github.com/seansfkelley>
+//   Michal Adamczyk <https://github.com/mradamczyk>
+//   Marvin Hagemeister <https://github.com/marvinhagemeister>
 
-interface ClassDictionary {
-    [id: string]: any;
-}
-
-type ClassValue = string | number | ClassDictionary | ClassArray | undefined | null | boolean;
-
-type ClassNamesFn = (...classes: ClassValue[]) => string;
+type Value = string | number | boolean | undefined | null;
+type Mapping = { [key: string]: any };
+type Argument = Value | Mapping | Argument[];
 
-type ClassNamesExport = ClassNamesFn & { default: ClassNamesFn };
+declare function classNames$1(...args: Argument[]): string;
 
-declare function pick<T>(obj: T, ...keys: (string | number | symbol)[]): Partial<T>;
-declare function omit<T>(obj: T, ...keys: (keyof T)[]): Partial<T>;
+declare function pick<T extends {}>(obj: T, ...keys: (string | number | symbol)[]): Partial<T>;
+declare function omit<T extends {}>(obj: T, ...keys: (keyof T)[]): Partial<T>;
 
 declare type StrictProps<T, TExpected> = Exclude<keyof T, keyof TExpected> extends never ? {} : Partial<"Unexpected extraneous props">;
 declare type HTMLElementRefOf<T extends keyof JSX.IntrinsicElements> = Exclude<React__default.ComponentProps<T>["ref"], string>;
@@ -265,6 +267,23 @@ declare function genTranslatableString(elt: React__default.ReactNode): {
 };
 declare function Trans({ children }: TransProps): React__default.ReactNode;
 
+interface PlasmicDataSourceContextValue {
+    userAuthToken?: string;
+    user?: {
+        userId: string;
+        email: string;
+        roles: string[];
+        properties: Record<string, unknown> | null;
+    };
+}
+declare function useCurrentUser(): {
+    userId: string;
+    email: string;
+    roles: string[];
+    properties: Record<string, unknown> | null;
+} | undefined;
+declare const PlasmicDataSourceContextProvider: React__default.Provider<PlasmicDataSourceContextValue | undefined>;
+
 interface PlasmicRootProviderProps {
     platform?: "nextjs" | "gatsby";
     children?: React.ReactNode;
@@ -395,7 +414,8 @@ interface DOMAttributes<T = FocusableElement> extends AriaAttributes, DOMAttribu
   id?: string | undefined,
   role?: AriaRole | undefined,
   tabIndex?: number | undefined,
-  style?: CSSProperties | undefined
+  style?: CSSProperties | undefined,
+  className?: string | undefined
 }
 
 /*
@@ -634,7 +654,7 @@ interface TriggerOpts {
  */
 declare function useTrigger(trigger: TriggerType, opts: TriggerOpts): [boolean, React.HTMLAttributes<HTMLElement>];
 
-declare const classNames: ClassNamesExport;
+declare const classNames: typeof classNames$1;
 
 declare function setPlumeStrictMode(mode: boolean): void;
 declare type VariantArgChoices<T> = T extends (infer M)[] ? M : T extends SingleChoiceArg<infer M> ? M : never;
@@ -1612,4 +1632,4 @@ declare function generateStateValueProp($state: $State, path: (string | number)[
  */
 declare function set(obj: any, keys: any, val: any): void;
 
-export { $State$1 as $State, BaseButtonProps, BaseMenuButtonProps, BaseMenuGroupProps, BaseMenuItemProps, BaseMenuProps, BaseSelectOptionGroupProps, BaseSelectOptionProps, BaseSelectProps, BaseTextInputProps, BaseTriggeredOverlayProps, ButtonRef, CheckboxProps, CheckboxRef, CheckboxRefValue, DropdownMenu, Flex, HTMLElementRefOf, HtmlAnchorOnlyProps, HtmlButtonOnlyProps, MenuButtonRef, MenuButtonRefValue, MenuRef, MenuRefValue, MultiChoiceArg, PlasmicHead, PlasmicIcon, PlasmicImg, PlasmicLink, PlasmicRootProvider, PlasmicSlot, SelectContext, SelectOptionRef, SelectRef, SelectRefValue, SingleBooleanChoiceArg, SingleChoiceArg, Stack, StrictProps, SwitchProps, SwitchRef, SwitchRefValue, TextInputRef, TextInputRefValue, Trans, TriggeredOverlayConfig, TriggeredOverlayContext, TriggeredOverlayRef, classNames, createPlasmicElementProxy, createUseScreenVariants, deriveRenderOpts, ensureGlobalVariants, genTranslatableString, generateStateOnChangeProp, generateStateValueProp, getDataProps, hasVariant, makeFragment, mergeVariantsWithStates, omit, pick, plasmicHeadMeta, renderPlasmicSlot, set, setPlumeStrictMode, useButton, useCanvasDollarState, useCheckbox, useDollarState, useIsSSR, useMenu, useMenuButton, useMenuGroup, useMenuItem, useSelect, useSelectOption, useSelectOptionGroup, useSwitch, useTextInput, useTrigger, useTriggeredOverlay, wrapWithClassName };
+export { $State$1 as $State, BaseButtonProps, BaseMenuButtonProps, BaseMenuGroupProps, BaseMenuItemProps, BaseMenuProps, BaseSelectOptionGroupProps, BaseSelectOptionProps, BaseSelectProps, BaseTextInputProps, BaseTriggeredOverlayProps, ButtonRef, CheckboxProps, CheckboxRef, CheckboxRefValue, DropdownMenu, Flex, HTMLElementRefOf, HtmlAnchorOnlyProps, HtmlButtonOnlyProps, MenuButtonRef, MenuButtonRefValue, MenuRef, MenuRefValue, MultiChoiceArg, PlasmicDataSourceContextProvider, PlasmicHead, PlasmicIcon, PlasmicImg, PlasmicLink, PlasmicRootProvider, PlasmicSlot, SelectContext, SelectOptionRef, SelectRef, SelectRefValue, SingleBooleanChoiceArg, SingleChoiceArg, Stack, StrictProps, SwitchProps, SwitchRef, SwitchRefValue, TextInputRef, TextInputRefValue, Trans, TriggeredOverlayConfig, TriggeredOverlayContext, TriggeredOverlayRef, classNames, createPlasmicElementProxy, createUseScreenVariants, deriveRenderOpts, ensureGlobalVariants, genTranslatableString, generateStateOnChangeProp, generateStateValueProp, getDataProps, hasVariant, makeFragment, mergeVariantsWithStates, omit, pick, plasmicHeadMeta, renderPlasmicSlot, set, setPlumeStrictMode, useButton, useCanvasDollarState, useCheckbox, useCurrentUser, useDollarState, useIsSSR, useMenu, useMenuButton, useMenuGroup, useMenuItem, useSelect, useSelectOption, useSelectOptionGroup, useSwitch, useTextInput, useTrigger, useTriggeredOverlay, wrapWithClassName };

package/dist/common.d.ts

@@ -1,7 +1,7 @@
 export declare function notNil<T>(x: T | undefined | null): x is T;
-export declare function pick<T>(obj: T, ...keys: (string | number | symbol)[]): Partial<T>;
-export declare function pickBy<T>(obj: T, func: (key: string, val: any) => boolean): Partial<T>;
-export declare function omit<T>(obj: T, ...keys: (keyof T)[]): Partial<T>;
+export declare function pick<T extends {}>(obj: T, ...keys: (string | number | symbol)[]): Partial<T>;
+export declare function pickBy<T extends {}>(obj: T, func: (key: string, val: any) => boolean): Partial<T>;
+export declare function omit<T extends {}>(obj: T, ...keys: (keyof T)[]): Partial<T>;
 export declare function isSubset<T>(a1: T[], a2: T[]): boolean;
 export declare function chainSingleArgFuncs<A>(...funcs: ((arg: A) => A)[]): ((arg: A) => A) | undefined;
 export declare function ensure<T>(x: T | null | undefined): T;

package/dist/index-common.d.ts

@@ -1,4 +1,5 @@
-export declare const classNames: import("classnames/types").ClassNamesExport;
+import _classNames from "classnames";
+export declare const classNames: typeof _classNames;
 export { omit, pick } from "./common";
 export { HTMLElementRefOf, StrictProps } from "./react-utils";
 export { createPlasmicElementProxy, deriveRenderOpts, Flex, hasVariant, makeFragment, mergeVariantsWithStates, MultiChoiceArg, SingleBooleanChoiceArg, SingleChoiceArg, wrapWithClassName, } from "./render/elements";
@@ -9,7 +10,7 @@ export { PlasmicImg } from "./render/PlasmicImg";
 export { PlasmicLink } from "./render/PlasmicLink";
 export { PlasmicSlot, renderPlasmicSlot } from "./render/PlasmicSlot";
 export { createUseScreenVariants } from "./render/screen-variants";
-export { PlasmicRootProvider, useIsSSR } from "./render/ssr";
+export { PlasmicDataSourceContextProvider, PlasmicRootProvider, useCurrentUser, useIsSSR, } from "./render/ssr";
 export { Stack } from "./render/Stack";
 export { genTranslatableString, Trans } from "./render/translation";
 export { useTrigger } from "./render/triggers";

package/dist/react-web.cjs.development.js

@@ -82,28 +82,24 @@ function _arrayLikeToArray(arr, len) {
 }
 
 function _createForOfIteratorHelperLoose(o, allowArrayLike) {
-  var it;
+  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+  if (it) return (it = it.call(o)).next.bind(it);
 
-  if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
-    if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
-      if (it) o = it;
-      var i = 0;
-      return function () {
-        if (i >= o.length) return {
-          done: true
-        };
-        return {
-          done: false,
-          value: o[i++]
-        };
+  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+    if (it) o = it;
+    var i = 0;
+    return function () {
+      if (i >= o.length) return {
+        done: true
       };
-    }
-
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+      return {
+        done: false,
+        value: o[i++]
+      };
+    };
   }
 
-  it = o[Symbol.iterator]();
-  return it.next.bind(it);
+  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
 function notNil(x) {
@@ -377,9 +373,13 @@ function getElementTypeName(element) {
   }
 }
 
+var _excluded = ["children"],
+    _excluded2 = ["as", "hasGap"],
+    _excluded3 = ["hasGap"];
+
 function renderStack(as, props, hasGap, ref) {
   var children = props.children,
-      rest = _objectWithoutPropertiesLoose(props, ["children"]);
+      rest = _objectWithoutPropertiesLoose(props, _excluded);
 
   var wrappedChildren = wrapFlexContainerChildren(children, hasGap != null ? hasGap : false);
   return createElementWithChildren(as, _extends({
@@ -390,7 +390,7 @@ function renderStack(as, props, hasGap, ref) {
 function FlexStack_(props, outerRef) {
   var as = props.as,
       hasGap = props.hasGap,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "hasGap"]);
+      rest = _objectWithoutPropertiesLoose(props, _excluded2);
 
   return renderStack(as != null ? as : "div", rest, hasGap, outerRef);
 }
@@ -400,7 +400,7 @@ var FlexStack = /*#__PURE__*/React.forwardRef(FlexStack_);
 var makeStackImpl = function makeStackImpl(as) {
   return React.forwardRef(function (props, ref) {
     var hasGap = props.hasGap,
-        rest = _objectWithoutPropertiesLoose(props, ["hasGap"]);
+        rest = _objectWithoutPropertiesLoose(props, _excluded3);
 
     return renderStack(as, rest, hasGap, ref);
   });
@@ -906,13 +906,15 @@ var plasmicHeadMeta = {
   }
 };
 
+var _excluded$1 = ["PlasmicIconType"];
 function PlasmicIcon(props) {
   var PlasmicIconType = props.PlasmicIconType,
-      rest = _objectWithoutPropertiesLoose(props, ["PlasmicIconType"]);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$1);
 
   return React.createElement(PlasmicIconType, Object.assign({}, rest));
 }
 
+var _excluded$2 = ["src", "className", "displayWidth", "displayHeight", "displayMinWidth", "displayMinHeight", "displayMaxWidth", "displayMaxHeight", "quality", "loader", "imgRef", "style", "loading"];
 // TODO: make this configurable?
 
 var IMG_SIZES = [16, 32, 48, 64, 96, 128, 256, 384];
@@ -932,7 +934,7 @@ var PlasmicImg = /*#__PURE__*/React__default.forwardRef(function PlasmicImg(prop
       imgRef = props.imgRef,
       style = props.style,
       loading = props.loading,
-      rest = _objectWithoutPropertiesLoose(props, ["src", "className", "displayWidth", "displayHeight", "displayMinWidth", "displayMinHeight", "displayMaxWidth", "displayMaxHeight", "quality", "loader", "imgRef", "style", "loading"]);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$2);
 
   var imgProps = Object.assign({}, rest, {
     // Default loading to "lazy" if not specified (which is different from the
@@ -1391,6 +1393,7 @@ function hasKey(v, key) {
   return typeof v === "object" && v !== null && key in v;
 }
 
+var _excluded$3 = ["as", "defaultContents", "value"];
 function PlasmicSlot(props) {
   return renderPlasmicSlot(props);
 }
@@ -1398,7 +1401,7 @@ function renderPlasmicSlot(opts) {
   var as = opts.as,
       defaultContents = opts.defaultContents,
       value = opts.value,
-      rest = _objectWithoutPropertiesLoose(opts, ["as", "defaultContents", "value"]);
+      rest = _objectWithoutPropertiesLoose(opts, _excluded$3);
 
   var content = value === undefined ? defaultContents : value;
 
@@ -1550,7 +1553,8 @@ var PlasmicRootContext = /*#__PURE__*/React.createContext(undefined);
 function PlasmicRootProvider(props) {
   var platform = props.platform,
       children = props.children,
-      userAuthToken = props.userAuthToken;
+      userAuthToken = props.userAuthToken,
+      user = props.user;
   var context = React.useMemo(function () {
     return {
       platform: platform
@@ -1558,9 +1562,10 @@ function PlasmicRootProvider(props) {
   }, [platform]);
   var dataSourceContextValue = React.useMemo(function () {
     return {
-      userAuthToken: userAuthToken
+      userAuthToken: userAuthToken,
+      user: user
     };
-  }, [userAuthToken]);
+  }, [userAuthToken, user]);
   return React.createElement(PlasmicRootContext.Provider, {
     value: context
   }, React.createElement(ssr.SSRProvider, null, React.createElement(dataSourcesContext.PlasmicDataSourceContextProvider, {
@@ -1723,6 +1728,7 @@ function getPlumeType(child) {
   return childType.__plumeType || (childType.getPlumeType == null ? void 0 : childType.getPlumeType(child.props));
 }
 
+var _excluded$4 = ["link", "isDisabled", "startIcon", "endIcon", "showStartIcon", "showEndIcon", "children"];
 function useButton(plasmicClass, props, config, ref) {
   var _ref, _ref2, _extends2, _overrides;
 
@@ -1737,7 +1743,7 @@ function useButton(plasmicClass, props, config, ref) {
       showStartIcon = props.showStartIcon,
       showEndIcon = props.showEndIcon,
       children = props.children,
-      rest = _objectWithoutPropertiesLoose(props, ["link", "isDisabled", "startIcon", "endIcon", "showStartIcon", "showEndIcon", "children"]);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$4);
 
   var variants = _extends({}, pick.apply(void 0, [props].concat(plasmicClass.internalVariantProps)), mergeVariantToggles({
     def: config.showStartIconVariant,
@@ -2087,6 +2093,7 @@ var TriggeredOverlayContext = /*#__PURE__*/React.createContext(undefined);
 
 var MenuContext = /*#__PURE__*/React.createContext(undefined);
 
+var _excluded$5 = ["children"];
 var COLLECTION_OPTS = {
   itemPlumeType: "menu-item",
   sectionPlumeType: "menu-group"
@@ -2097,7 +2104,7 @@ var COLLECTION_OPTS = {
 
 function asAriaMenuProps(props) {
   var children = props.children,
-      rest = _objectWithoutPropertiesLoose(props, ["children"]);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$5);
 
   var _useDerivedItemsFromC = useDerivedItemsFromChildren(children, _extends({}, COLLECTION_OPTS, {
     invalidChildError: "Can only use Menu.Item and Menu.Group as children to Menu",
@@ -2540,6 +2547,7 @@ function useMenuButton(plasmicClass, props, config, outerRef) {
 
 var SelectContext = /*#__PURE__*/React.createContext(undefined);
 
+var _excluded$6 = ["value", "defaultValue", "children", "onChange", "placement", "menuMatchTriggerWidth", "menuWidth"];
 var COLLECTION_OPTS$1 = {
   itemPlumeType: "select-option",
   sectionPlumeType: "select-option-group"
@@ -2585,7 +2593,7 @@ function useAriaSelectProps(props) {
       defaultValue = props.defaultValue,
       children = props.children,
       onChange = props.onChange,
-      rest = _objectWithoutPropertiesLoose(props, ["value", "defaultValue", "children", "onChange", "placement", "menuMatchTriggerWidth", "menuWidth"]);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$6);
 
   var _useDerivedItemsFromC = useDerivedItemsFromChildren(children, _extends({}, COLLECTION_OPTS$1, {
     invalidChildError: "Can only use Select.Option and Select.OptionGroup as children to Select",
@@ -3027,6 +3035,7 @@ function useSwitch(plasmicClass, props, config, ref) {
   };
 }
 
+var _excluded$7 = ["isDisabled", "startIcon", "endIcon", "showStartIcon", "showEndIcon", "className", "style", "inputClassName", "inputStyle"];
 function useTextInput(plasmicClass, props, config, ref) {
   var _ref, _ref2, _overrides;
 
@@ -3043,7 +3052,7 @@ function useTextInput(plasmicClass, props, config, ref) {
       style = props.style,
       inputClassName = props.inputClassName,
       inputStyle = props.inputStyle,
-      rest = _objectWithoutPropertiesLoose(props, ["isDisabled", "startIcon", "endIcon", "showStartIcon", "showEndIcon", "className", "style", "inputClassName", "inputStyle"]);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$7);
 
   var rootRef = React.useRef(null);
   var inputRef = React.useRef(null);
@@ -3705,6 +3714,18 @@ function useCanvasDollarState(specs, props) {
   return $state;
 }
 
+Object.defineProperty(exports, 'PlasmicDataSourceContextProvider', {
+  enumerable: true,
+  get: function () {
+    return dataSourcesContext.PlasmicDataSourceContextProvider;
+  }
+});
+Object.defineProperty(exports, 'useCurrentUser', {
+  enumerable: true,
+  get: function () {
+    return dataSourcesContext.useCurrentUser;
+  }
+});
 exports.DropdownMenu = DropdownMenu;
 exports.PlasmicHead = PlasmicHead;
 exports.PlasmicIcon = PlasmicIcon;