@plasmicapp/react-web 0.2.116 → 0.2.118

package/dist/all.d.ts

@@ -1,5 +1,5 @@
 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';
+import React__default, { AriaAttributes, DOMAttributes as DOMAttributes$1, AriaRole, CSSProperties, Key as Key$1, ReactNode, ReactElement, FocusEvent, KeyboardEvent as KeyboardEvent$1, SyntheticEvent } from 'react';
 
 // LICENSE is MIT
 //
@@ -17,6 +17,152 @@ type Argument = Value | Mapping | Argument[];
 
 declare function classNames$1(...args: Argument[]): string;
 
+declare type FetcherResponse<Data = unknown> = Data | Promise<Data>;
+declare type BareFetcher<Data = unknown> = (...args: any[]) => FetcherResponse<Data>;
+declare type Fetcher$1<Data = unknown, SWRKey extends Key = Key> = SWRKey extends () => readonly [...infer Args] | null | undefined | false ? (...args: [...Args]) => FetcherResponse<Data> : SWRKey extends readonly [...infer Args] ? (...args: [...Args]) => FetcherResponse<Data> : SWRKey extends () => infer Arg | null | undefined | false ? (...args: [Arg]) => FetcherResponse<Data> : SWRKey extends null | undefined | false ? never : SWRKey extends infer Arg ? (...args: [Arg]) => FetcherResponse<Data> : never;
+interface InternalConfiguration {
+    cache: Cache;
+    mutate: ScopedMutator;
+}
+interface PublicConfiguration<Data = any, Error = any, Fn extends Fetcher$1 = BareFetcher> {
+    errorRetryInterval: number;
+    errorRetryCount?: number;
+    loadingTimeout: number;
+    focusThrottleInterval: number;
+    dedupingInterval: number;
+    refreshInterval?: number | ((latestData: Data | undefined) => number);
+    refreshWhenHidden?: boolean;
+    refreshWhenOffline?: boolean;
+    revalidateOnFocus: boolean;
+    revalidateOnReconnect: boolean;
+    revalidateOnMount?: boolean;
+    revalidateIfStale: boolean;
+    shouldRetryOnError: boolean | ((err: Error) => boolean);
+    suspense?: boolean;
+    fallbackData?: Data;
+    fetcher?: Fn;
+    use?: Middleware[];
+    fallback: {
+        [key: string]: any;
+    };
+    isPaused: () => boolean;
+    onLoadingSlow: (key: string, config: Readonly<PublicConfiguration<Data, Error, Fn>>) => void;
+    onSuccess: (data: Data, key: string, config: Readonly<PublicConfiguration<Data, Error, Fn>>) => void;
+    onError: (err: Error, key: string, config: Readonly<PublicConfiguration<Data, Error, Fn>>) => void;
+    onErrorRetry: (err: Error, key: string, config: Readonly<PublicConfiguration<Data, Error, Fn>>, revalidate: Revalidator, revalidateOpts: Required<RevalidatorOptions>) => void;
+    onDiscarded: (key: string) => void;
+    compare: (a: Data | undefined, b: Data | undefined) => boolean;
+    isOnline: () => boolean;
+    isVisible: () => boolean;
+}
+declare type FullConfiguration = InternalConfiguration & PublicConfiguration;
+interface SWRHook {
+    <Data = any, Error = any, SWRKey extends Key = null>(key: SWRKey): SWRResponse<Data, Error>;
+    <Data = any, Error = any, SWRKey extends Key = null>(key: SWRKey, fetcher: Fetcher$1<Data, SWRKey> | null): SWRResponse<Data, Error>;
+    <Data = any, Error = any, SWRKey extends Key = null>(key: SWRKey, config: SWRConfiguration<Data, Error, Fetcher$1<Data, SWRKey>> | undefined): SWRResponse<Data, Error>;
+    <Data = any, Error = any, SWRKey extends Key = null>(key: SWRKey, fetcher: Fetcher$1<Data, SWRKey> | null, config: SWRConfiguration<Data, Error, Fetcher$1<Data, SWRKey>> | undefined): SWRResponse<Data, Error>;
+    <Data = any, Error = any>(key: Key): SWRResponse<Data, Error>;
+    <Data = any, Error = any>(key: Key, fetcher: BareFetcher<Data> | null): SWRResponse<Data, Error>;
+    <Data = any, Error = any>(key: Key, config: SWRConfiguration<Data, Error, BareFetcher<Data>> | undefined): SWRResponse<Data, Error>;
+    <Data = any, Error = any>(key: Key, fetcher: BareFetcher<Data> | null, config: SWRConfiguration<Data, Error, BareFetcher<Data>> | undefined): SWRResponse<Data, Error>;
+}
+declare type Middleware = (useSWRNext: SWRHook) => <Data = any, Error = any>(key: Key, fetcher: BareFetcher<Data> | null, config: SWRConfiguration<Data, Error, BareFetcher<Data>>) => SWRResponse<Data, Error>;
+declare type ArgumentsTuple = [any, ...unknown[]] | readonly [any, ...unknown[]];
+declare type Arguments = string | ArgumentsTuple | Record<any, any> | null | undefined | false;
+declare type Key = Arguments | (() => Arguments);
+declare type MutatorCallback<Data = any> = (currentData?: Data) => Promise<undefined | Data> | undefined | Data;
+declare type MutatorOptions<Data = any> = {
+    revalidate?: boolean;
+    populateCache?: boolean | ((result: any, currentData: Data) => Data);
+    optimisticData?: Data | ((currentData?: Data) => Data);
+    rollbackOnError?: boolean;
+};
+interface ScopedMutator<Data = any> {
+    /** This is used for bound mutator */
+    (key: Key, data?: Data | Promise<Data> | MutatorCallback<Data>, opts?: boolean | MutatorOptions<Data>): Promise<Data | undefined>;
+    /** This is used for global mutator */
+    <T = any>(key: Key, data?: T | Promise<T> | MutatorCallback<T>, opts?: boolean | MutatorOptions<Data>): Promise<T | undefined>;
+}
+declare type KeyedMutator<Data> = (data?: Data | Promise<Data> | MutatorCallback<Data>, opts?: boolean | MutatorOptions<Data>) => Promise<Data | undefined>;
+declare type SWRConfiguration<Data = any, Error = any, Fn extends BareFetcher<any> = BareFetcher<any>> = Partial<PublicConfiguration<Data, Error, Fn>>;
+interface SWRResponse<Data = any, Error = any> {
+    data?: Data;
+    error?: Error;
+    mutate: KeyedMutator<Data>;
+    isValidating: boolean;
+}
+interface RevalidatorOptions {
+    retryCount?: number;
+    dedupe?: boolean;
+}
+declare type Revalidator = (revalidateOpts?: RevalidatorOptions) => Promise<boolean> | void;
+interface Cache<Data = any> {
+    get(key: Key): Data | null | undefined;
+    set(key: Key, value: Data): void;
+    delete(key: Key): void;
+}
+
+declare function usePlasmicDataConfig(): FullConfiguration;
+
+interface Pagination {
+    pageSize: number;
+    pageIndex: number;
+}
+interface DataSourceSchema {
+    tables: TableSchema[];
+}
+interface TableSchema {
+    id: string;
+    label?: string;
+    fields: TableFieldSchema[];
+}
+interface TableFieldSchema {
+    id: string;
+    label?: string;
+    type: TableFieldType;
+}
+declare type TableFieldType = 'text' | 'boolean' | 'number' | 'datetime' | 'unknown';
+interface SingleRowResult<T = any> {
+    data: T;
+    schema?: TableSchema;
+}
+interface ManyRowsResult<T = any> {
+    data: T[];
+    total?: number;
+    schema?: TableSchema;
+    paginate?: Pagination;
+}
+
+interface DataOp {
+    sourceId: string;
+    opId: string;
+    userArgs?: Record<string, any>;
+    cacheKey?: string;
+    invalidatedKeys?: string[];
+}
+declare function executePlasmicDataOp<T = any>(op: DataOp, opts?: {
+    userAuthToken?: string;
+    includeSchema?: boolean;
+    paginate?: Pagination;
+}): Promise<T>;
+
+declare function Fetcher(props: {
+    dataOp?: DataOp;
+    name?: string;
+    children?: React__default.ReactNode;
+    includeSchema?: boolean;
+    pageIndex?: number;
+    pageSize?: number;
+}): JSX.Element;
+
+declare function usePlasmicDataOp<T = any, E = any>(dataOp: DataOp | undefined, opts?: {
+    includeSchema?: boolean;
+    paginate?: Pagination;
+}): SWRResponse<T, E>;
+declare function usePlasmicDataMutationOp<T = any>(dataOp: DataOp | undefined, opts?: {
+    includeSchema?: boolean;
+}): () => Promise<T | undefined>;
+
 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>;
 
@@ -35,6 +181,7 @@ interface $StateSpec<T> {
     type: "private" | "readonly" | "writable";
     valueProp?: string;
     onChangeProp?: string;
+    isArray?: boolean;
 }
 declare function useDollarState(specs: $StateSpec<any>[], props: Record<string, any>): any;
 
@@ -465,7 +612,7 @@ interface InputBase {
 
 type SelectionMode = 'none' | 'single' | 'multiple';
 type SelectionBehavior = 'toggle' | 'replace';
-type Selection = 'all' | Set<Key>;
+type Selection = 'all' | Set<Key$1>;
 
 type FocusStrategy = 'first' | 'last';
 type DisabledBehavior = 'selection' | 'all';
@@ -492,32 +639,32 @@ interface Collection<T> extends Iterable<T> {
   readonly size: number,
 
   /** Iterate over all keys in the collection. */
-  getKeys(): Iterable<Key>,
+  getKeys(): Iterable<Key$1>,
 
   /** Get an item by its key. */
-  getItem(key: Key): T,
+  getItem(key: Key$1): T,
 
   /** Get an item by the index of its key. */
   at(idx: number): T,
 
   /** Get the key that comes before the given key in the collection. */
-  getKeyBefore(key: Key): Key | null,
+  getKeyBefore(key: Key$1): Key$1 | null,
 
   /** Get the key that comes after the given key in the collection. */
-  getKeyAfter(key: Key): Key | null,
+  getKeyAfter(key: Key$1): Key$1 | null,
 
   /** Get the first key in the collection. */
-  getFirstKey(): Key | null,
+  getFirstKey(): Key$1 | null,
 
   /** Get the last key in the collection. */
-  getLastKey(): Key | null
+  getLastKey(): Key$1 | null
 }
 
 interface Node<T> {
   /** The type of item this node represents. */
   type: string,
   /** A unique key for the node. */
-  key: Key,
+  key: Key$1,
   /** The object value the node was created from. */
   value: T,
   /** The level of depth this node is at in the heirarchy. */
@@ -537,11 +684,11 @@ interface Node<T> {
   /** A function that should be called to wrap the rendered node. */
   wrapper?: (element: ReactElement) => ReactElement,
   /** The key of the parent node. */
-  parentKey?: Key,
+  parentKey?: Key$1,
   /** The key of the node before this node. */
-  prevKey?: Key,
+  prevKey?: Key$1,
   /** The key of the node after this node. */
-  nextKey?: Key,
+  nextKey?: Key$1,
   /** Additional properties specific to a particular node type. */
   props?: any,
   /** @private */
@@ -1284,11 +1431,11 @@ interface FocusState {
     /** Sets whether the collection is focused. */
     setFocused(isFocused: boolean): void;
     /** The current focused key in the collection. */
-    readonly focusedKey: Key;
+    readonly focusedKey: Key$1;
     /** Whether the first or last child of the focused key should receive focus. */
     readonly childFocusStrategy: FocusStrategy;
     /** Sets the focused key, and optionally, whether the first or last child of that key should receive focus. */
-    setFocusedKey(key: Key, child?: FocusStrategy): void;
+    setFocusedKey(key: Key$1, child?: FocusStrategy): void;
 }
 interface MultipleSelectionState extends FocusState {
     /** The type of selection that is allowed in the collection. */
@@ -1304,7 +1451,7 @@ interface MultipleSelectionState extends FocusState {
     /** Sets the selected keys in the collection. */
     setSelectedKeys(keys: Selection): void;
     /** The currently disabled keys in the collection. */
-    readonly disabledKeys: Set<Key>;
+    readonly disabledKeys: Set<Key$1>;
     /** Whether `disabledKeys` applies to selection, actions, or both. */
     readonly disabledBehavior: DisabledBehavior;
 }
@@ -1316,31 +1463,31 @@ interface MultipleSelectionManager extends FocusState {
     /** Whether the collection allows empty selection. */
     readonly disallowEmptySelection?: boolean;
     /** The currently selected keys in the collection. */
-    readonly selectedKeys: Set<Key>;
+    readonly selectedKeys: Set<Key$1>;
     /** Whether the selection is empty. */
     readonly isEmpty: boolean;
     /** Whether all items in the collection are selected. */
     readonly isSelectAll: boolean;
     /** The first selected key in the collection. */
-    readonly firstSelectedKey: Key | null;
+    readonly firstSelectedKey: Key$1 | null;
     /** The last selected key in the collection. */
-    readonly lastSelectedKey: Key | null;
+    readonly lastSelectedKey: Key$1 | null;
     /** The currently disabled keys in the collection. */
-    readonly disabledKeys: Set<Key>;
+    readonly disabledKeys: Set<Key$1>;
     /** Whether `disabledKeys` applies to selection, actions, or both. */
     readonly disabledBehavior: DisabledBehavior;
     /** Returns whether a key is selected. */
-    isSelected(key: Key): boolean;
+    isSelected(key: Key$1): boolean;
     /** Returns whether the current selection is equal to the given selection. */
-    isSelectionEqual(selection: Set<Key>): boolean;
+    isSelectionEqual(selection: Set<Key$1>): boolean;
     /** Extends the selection to the given key. */
-    extendSelection(toKey: Key): void;
+    extendSelection(toKey: Key$1): void;
     /** Toggles whether the given key is selected. */
-    toggleSelection(key: Key): void;
+    toggleSelection(key: Key$1): void;
     /** Replaces the selection with only the given key. */
-    replaceSelection(key: Key): void;
+    replaceSelection(key: Key$1): void;
     /** Replaces the selection with the given keys. */
-    setSelectedKeys(keys: Iterable<Key>): void;
+    setSelectedKeys(keys: Iterable<Key$1>): void;
     /** Selects all items in the collection. */
     selectAll(): void;
     /** Removes all keys from the selection. */
@@ -1351,11 +1498,11 @@ interface MultipleSelectionManager extends FocusState {
      * Toggles, replaces, or extends selection to the given key depending
      * on the pointer event and collection's selection mode.
      */
-    select(key: Key, e?: PressEvent | LongPressEvent | PointerEvent): void;
+    select(key: Key$1, e?: PressEvent | LongPressEvent | PointerEvent): void;
     /** Returns whether the given key can be selected. */
-    canSelectItem(key: Key): boolean;
+    canSelectItem(key: Key$1): boolean;
     /** Returns whether the given key is non-interactive, i.e. both selection and actions are disabled. */
-    isDisabled(key: Key): boolean;
+    isDisabled(key: Key$1): boolean;
     /** Sets the selection behavior for the collection. */
     setSelectionBehavior(selectionBehavior: SelectionBehavior): void;
 }
@@ -1394,17 +1541,17 @@ declare class SelectionManager implements MultipleSelectionManager {
     /**
      * The current focused key in the collection.
      */
-    get focusedKey(): Key;
+    get focusedKey(): Key$1;
     /** Whether the first or last child of the focused key should receive focus. */
     get childFocusStrategy(): FocusStrategy;
     /**
      * Sets the focused key.
      */
-    setFocusedKey(key: Key, childFocusStrategy?: FocusStrategy): void;
+    setFocusedKey(key: Key$1, childFocusStrategy?: FocusStrategy): void;
     /**
      * The currently selected keys in the collection.
      */
-    get selectedKeys(): Set<Key>;
+    get selectedKeys(): Set<Key$1>;
     /**
      * The raw selection value for the collection.
      * Either 'all' for select all, or a set of keys.
@@ -1413,7 +1560,7 @@ declare class SelectionManager implements MultipleSelectionManager {
     /**
      * Returns whether a key is selected.
      */
-    isSelected(key: Key): boolean;
+    isSelected(key: Key$1): boolean;
     /**
      * Whether the selection is empty.
      */
@@ -1422,26 +1569,26 @@ declare class SelectionManager implements MultipleSelectionManager {
      * Whether all items in the collection are selected.
      */
     get isSelectAll(): boolean;
-    get firstSelectedKey(): Key | null;
-    get lastSelectedKey(): Key | null;
-    get disabledKeys(): Set<Key>;
+    get firstSelectedKey(): Key$1 | null;
+    get lastSelectedKey(): Key$1 | null;
+    get disabledKeys(): Set<Key$1>;
     get disabledBehavior(): DisabledBehavior;
     /**
      * Extends the selection to the given key.
      */
-    extendSelection(toKey: Key): void;
+    extendSelection(toKey: Key$1): void;
     /**
      * Toggles whether the given key is selected.
      */
-    toggleSelection(key: Key): void;
+    toggleSelection(key: Key$1): void;
     /**
      * Replaces the selection with only the given key.
      */
-    replaceSelection(key: Key): void;
+    replaceSelection(key: Key$1): void;
     /**
      * Replaces the selection with the given keys.
      */
-    setSelectedKeys(keys: Iterable<Key>): void;
+    setSelectedKeys(keys: Iterable<Key$1>): void;
     /**
      * Selects all items in the collection.
      */
@@ -1454,20 +1601,20 @@ declare class SelectionManager implements MultipleSelectionManager {
      * Toggles between select all and an empty selection.
      */
     toggleSelectAll(): void;
-    select(key: Key, e?: PressEvent | LongPressEvent | PointerEvent): void;
+    select(key: Key$1, e?: PressEvent | LongPressEvent | PointerEvent): void;
     /**
      * Returns whether the current selection is equal to the given selection.
      */
-    isSelectionEqual(selection: Set<Key>): boolean;
-    canSelectItem(key: Key): boolean;
-    isDisabled(key: Key): boolean;
+    isSelectionEqual(selection: Set<Key$1>): boolean;
+    canSelectItem(key: Key$1): boolean;
+    isDisabled(key: Key$1): boolean;
 }
 
 interface ListState<T> {
     /** A collection of items in the list. */
     collection: Collection<Node<T>>;
     /** A set of items that are disabled. */
-    disabledKeys: Set<Key>;
+    disabledKeys: Set<Key$1>;
     /** A selection manager to read and update multiple selection state. */
     selectionManager: SelectionManager;
 }
@@ -1636,4 +1783,4 @@ interface TriggeredOverlayContextValue {
 }
 declare const TriggeredOverlayContext: React.Context<TriggeredOverlayContextValue | undefined>;
 
-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, dlv as get, 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 };
+export { $State$1 as $State, BaseButtonProps, BaseMenuButtonProps, BaseMenuGroupProps, BaseMenuItemProps, BaseMenuProps, BaseSelectOptionGroupProps, BaseSelectOptionProps, BaseSelectProps, BaseTextInputProps, BaseTriggeredOverlayProps, ButtonRef, CheckboxProps, CheckboxRef, CheckboxRefValue, DataOp, DataSourceSchema, DropdownMenu, Fetcher, Flex, HTMLElementRefOf, HtmlAnchorOnlyProps, HtmlButtonOnlyProps, ManyRowsResult, MenuButtonRef, MenuButtonRefValue, MenuRef, MenuRefValue, MultiChoiceArg, Pagination, PlasmicDataSourceContextProvider, PlasmicHead, PlasmicIcon, PlasmicImg, PlasmicLink, PlasmicRootProvider, PlasmicSlot, SelectContext, SelectOptionRef, SelectRef, SelectRefValue, SingleBooleanChoiceArg, SingleChoiceArg, SingleRowResult, Stack, StrictProps, SwitchProps, SwitchRef, SwitchRefValue, TableFieldSchema, TableFieldType, TableSchema, TextInputRef, TextInputRefValue, Trans, TriggeredOverlayConfig, TriggeredOverlayContext, TriggeredOverlayRef, classNames, createPlasmicElementProxy, createUseScreenVariants, deriveRenderOpts, ensureGlobalVariants, executePlasmicDataOp, genTranslatableString, generateStateOnChangeProp, generateStateValueProp, dlv as get, getDataProps, hasVariant, makeFragment, mergeVariantsWithStates, omit, pick, plasmicHeadMeta, renderPlasmicSlot, set, setPlumeStrictMode, useButton, useCanvasDollarState, useCheckbox, useCurrentUser, useDollarState, useIsSSR, useMenu, useMenuButton, useMenuGroup, useMenuItem, usePlasmicDataConfig, usePlasmicDataMutationOp, usePlasmicDataOp, useSelect, useSelectOption, useSelectOptionGroup, useSwitch, useTextInput, useTrigger, useTriggeredOverlay, wrapWithClassName };

package/dist/index-common.d.ts

@@ -1,5 +1,5 @@
 import _classNames from "classnames";
-export declare const classNames: typeof _classNames;
+export { DataOp, DataSourceSchema, executePlasmicDataOp, Fetcher, ManyRowsResult, Pagination, SingleRowResult, TableFieldSchema, TableFieldType, TableSchema, usePlasmicDataConfig, usePlasmicDataMutationOp, usePlasmicDataOp, } from "@plasmicapp/data-sources";
 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";
@@ -16,3 +16,4 @@ export { genTranslatableString, Trans } from "./render/translation";
 export { useTrigger } from "./render/triggers";
 export * from "./states/helpers";
 export { $State, default as useDollarState, useCanvasDollarState, } from "./states/valtio";
+export declare const classNames: typeof _classNames;

package/dist/index.d.ts

@@ -9,5 +9,3 @@ export * from "./plume/select";
 export * from "./plume/switch";
 export * from "./plume/text-input";
 export * from "./plume/triggered-overlay";
-export * from "./states/helpers";
-export { $State, default as useDollarState, useCanvasDollarState, } from "./states/valtio";

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
 var classNames$1 = _interopDefault(require('classnames'));
+var dataSources = require('@plasmicapp/data-sources');
 var _get = _interopDefault(require('dlv'));
 var React = require('react');
 var React__default = _interopDefault(React);
@@ -1982,13 +1983,33 @@ function initializeStateValue($$state, initialStatePath, initialSpec) {
     });
     $$state.unsubscriptionsByState[initialStateKey].push(unsubscribe);
   });
-  var untrackedInitialValue = mkUntrackedValue(initialSpec.initFunc($$state.props, $state, getIndexes(initialStatePath, initialSpec)));
+  var initialValue = initialSpec.initFunc($$state.props, $state, getIndexes(initialStatePath, initialSpec));
+  saveStateInitialValue($$state, initialStatePath, initialSpec, initialValue);
+  return initialValue;
+}
+
+function saveStateInitialValue($$state, path, spec, initialValue) {
+  // array states are a special case.Wwe listen for changes in the array and in the array cells.
+  // for example: $state.people.push(...), $state.people.splice(...), $state.people[0] = ...
+  // that's why we need to track the array object
+  if (spec.isArray && Array.isArray(initialValue)) {
+    var array = initialValue.map(function (val) {
+      return mkUntrackedValue(val);
+    });
+
+    set($$state.stateValues, path, array); // we need to make the array untracked for initStateValues
+    // so we can distinguish between stateValue and initStateValue.
+    // otherwise they would reference the same array.
 
-  set($$state.initStateValues, initialStatePath, untrackedInitialValue);
 
-  set($$state.stateValues, initialStatePath, untrackedInitialValue);
+    set($$state.initStateValues, path, mkUntrackedValue(array));
+  } else {
+    var untrackedValue = mkUntrackedValue(initialValue);
+
+    set($$state.stateValues, path, untrackedValue);
 
-  return untrackedInitialValue;
+    set($$state.initStateValues, path, untrackedValue);
+  }
 }
 
 function useDollarState(specs, props) {
@@ -2017,11 +2038,8 @@ function useDollarState(specs, props) {
       var _spec$initVal;
 
       saveNewState($$state, path, spec);
-      var untrackedValue = !spec.initFunc ? mkUntrackedValue((_spec$initVal = spec.initVal) != null ? _spec$initVal : undefined) : initializeStateValue($$state, path, spec);
-
-      set($$state.stateValues, path, untrackedValue);
-
-      set($$state.initStateValues, path, untrackedValue);
+      var initialValue = !spec.initFunc ? (_spec$initVal = spec.initVal) != null ? _spec$initVal : undefined : initializeStateValue($$state, path, spec);
+      saveStateInitialValue($$state, path, spec, initialValue);
     }
 
     return {
@@ -2318,9 +2336,7 @@ function useCheckbox(plasmicClass, props, config, ref) {
       ref: rootRef
     }),
     wrapChildren: function wrapChildren(children) {
-      return React.createElement(React.Fragment, null, React.createElement(visuallyHidden.VisuallyHidden, {
-        isFocusable: true
-      }, React.createElement("input", Object.assign({}, inputProps, {
+      return React.createElement(React.Fragment, null, React.createElement(visuallyHidden.VisuallyHidden, null, React.createElement("input", Object.assign({}, inputProps, {
         ref: inputRef
       }))), children);
     }
@@ -3461,9 +3477,7 @@ function useSwitch(plasmicClass, props, config, ref) {
       ref: rootRef
     }),
     wrapChildren: function wrapChildren(children) {
-      return React.createElement(React.Fragment, null, React.createElement(visuallyHidden.VisuallyHidden, {
-        isFocusable: true
-      }, React.createElement("input", Object.assign({}, inputProps, {
+      return React.createElement(React.Fragment, null, React.createElement(visuallyHidden.VisuallyHidden, null, React.createElement("input", Object.assign({}, inputProps, {
         ref: inputRef
       }))), children);
     }
@@ -3716,6 +3730,36 @@ function useTriggeredOverlay(plasmicClass, props, config, outerRef, isDismissabl
   };
 }
 
+Object.defineProperty(exports, 'Fetcher', {
+  enumerable: true,
+  get: function () {
+    return dataSources.Fetcher;
+  }
+});
+Object.defineProperty(exports, 'executePlasmicDataOp', {
+  enumerable: true,
+  get: function () {
+    return dataSources.executePlasmicDataOp;
+  }
+});
+Object.defineProperty(exports, 'usePlasmicDataConfig', {
+  enumerable: true,
+  get: function () {
+    return dataSources.usePlasmicDataConfig;
+  }
+});
+Object.defineProperty(exports, 'usePlasmicDataMutationOp', {
+  enumerable: true,
+  get: function () {
+    return dataSources.usePlasmicDataMutationOp;
+  }
+});
+Object.defineProperty(exports, 'usePlasmicDataOp', {
+  enumerable: true,
+  get: function () {
+    return dataSources.usePlasmicDataOp;
+  }
+});
 exports.get = _get;
 Object.defineProperty(exports, 'PlasmicDataSourceContextProvider', {
   enumerable: true,