@plasmicpkgs/plasmic-basic-components 0.0.190 → 0.0.192

package/dist/plasmic-basic-components.esm.js

@@ -1,8 +1,88 @@
-import { applySelector as applySelector$1, useSelector as useSelector$1, useSelectors as useSelectors$1, useDataEnv as useDataEnv$1, DataProvider as DataProvider$1, repeatedElement, usePlasmicCanvasContext, PlasmicCanvasContext, registerComponent as registerComponent$1 } from '@plasmicapp/host';
 import registerComponent from '@plasmicapp/host/registerComponent';
-import React, { createElement, useRef, useEffect, useContext, useState, Suspense } from 'react';
+import React, { createElement, useRef, useEffect, useContext, Suspense, useState } from 'react';
+import { applySelector as applySelector$1, useSelector as useSelector$1, useSelectors as useSelectors$1, useDataEnv as useDataEnv$1, DataProvider as DataProvider$1, repeatedElement, usePlasmicCanvasContext, PlasmicCanvasContext, registerComponent as registerComponent$1 } from '@plasmicapp/host';
+import registerGlobalContext from '@plasmicapp/host/registerGlobalContext';
 import { isPlasmicPrepass } from '@plasmicapp/query';
 
+function ConditionGuardOnNotSatisfied(_ref) {
+  var onNotSatisfied = _ref.onNotSatisfied;
+  var ref = React.useRef(false);
+  React.useEffect(function () {
+    if (!ref.current) {
+      ref.current = true;
+      onNotSatisfied == null || onNotSatisfied();
+    }
+  }, [onNotSatisfied]);
+  return null;
+}
+function isCurrentLocationInSkipPaths(skipPaths) {
+  var _globalThis$__PLASMIC;
+  var pathname = window.location.pathname;
+  // Ignore search params
+  var currentPath = window.location.origin + pathname;
+  var plasmicPathname = globalThis == null || (_globalThis$__PLASMIC = globalThis["__PLASMIC_STUDIO_PATH"]) == null ? void 0 : _globalThis$__PLASMIC.call(globalThis);
+  return skipPaths == null ? void 0 : skipPaths.some(function (_ref2) {
+    var path = _ref2.path;
+    return path === pathname || path === currentPath || path === plasmicPathname;
+  });
+}
+function ConditionGuard(_ref3) {
+  var condition = _ref3.condition,
+    onNotSatisfied = _ref3.onNotSatisfied,
+    children = _ref3.children,
+    skipPaths = _ref3.skipPaths;
+  if (!condition && !isCurrentLocationInSkipPaths(skipPaths)) {
+    return React.createElement(ConditionGuardOnNotSatisfied, {
+      onNotSatisfied: onNotSatisfied
+    });
+  }
+  return React.createElement(React.Fragment, null, children);
+}
+var conditionGuardMeta = {
+  name: "hostless-condition-guard",
+  displayName: "Condition Guard",
+  description: "Ensure some condition, or else run an interaction. Examples: ensure all users have a database row, or require new users to setup a profile.",
+  importName: "ConditionGuard",
+  importPath: "@plasmicpkgs/plasmic-basic-components",
+  props: {
+    children: "slot",
+    condition: {
+      type: "boolean",
+      displayName: "Condition",
+      description: "The condition to guard against",
+      helpText: "Condition to check. Render contents only if true. Run interaction if false.",
+      defaultValue: true
+    },
+    onNotSatisfied: {
+      type: "eventHandler",
+      displayName: "On condition false",
+      description: "The action to run when the condition is not satisfied",
+      argTypes: []
+    },
+    skipPaths: {
+      type: "array",
+      displayName: "Skip Paths",
+      description: "Paths that the action should not run",
+      itemType: {
+        type: "object",
+        fields: {
+          path: "href"
+        },
+        nameFunc: function nameFunc(item) {
+          return item == null ? void 0 : item.path;
+        }
+      }
+    }
+  }
+};
+function registerConditionGuard(loader, customConditionGuardMeta) {
+  if (loader) {
+    loader.registerComponent(ConditionGuard, customConditionGuardMeta != null ? customConditionGuardMeta : conditionGuardMeta);
+  } else {
+    registerComponent(ConditionGuard, customConditionGuardMeta != null ? customConditionGuardMeta : conditionGuardMeta);
+  }
+}
+
 function _regeneratorRuntime() {
   _regeneratorRuntime = function () {
     return e;
@@ -592,6 +672,7 @@ function registerDynamicImage(loader, customDynamicImageMeta) {
   }
 }
 
+console.log(typeof registerGlobalContext);
 function ensure(x) {
   if (x === null || x === undefined) {
     debugger;
@@ -600,6 +681,8 @@ function ensure(x) {
     return x;
   }
 }
+var isBrowser = typeof window !== "undefined";
+var useIsomorphicLayoutEffect = isBrowser ? React.useLayoutEffect : React.useEffect;
 
 /**
  * A common use case for embedding HTML snippets is loading/running script tags, so most of the logic here is for
@@ -781,6 +864,90 @@ function registerIframe(loader, customIframeMeta) {
   }
 }
 
+var reactMajorVersion = + /*#__PURE__*/React.version.split(".")[0];
+if (reactMajorVersion < 18) {
+  console.warn("The LoadingBoundary component only works with React 18+");
+}
+var enableLoadingBoundaryKey = "plasmicInternalEnableLoadingBoundary";
+var hasLoadingBoundaryKey = "plasmicInternalHasLoadingBoundary";
+function useIsClient() {
+  var _useState = useState(false),
+    loaded = _useState[0],
+    setLoaded = _useState[1];
+  useIsomorphicLayoutEffect(function () {
+    setLoaded(true);
+  }, []);
+  return loaded;
+}
+var hasWarnedDisabledLoadingBoundary = false;
+function warnDisabledLoadingBoundary() {
+  if (!hasWarnedDisabledLoadingBoundary) {
+    hasWarnedDisabledLoadingBoundary = true;
+    console.warn("LoadingBoundary feature is not enabled. To use the LoadingBoundary component make sure to upgrade your @plasmicapp/* dependencies to the latest version and to wrap you App inside <PlasmicRootProvider />");
+  }
+}
+function LoadingBoundary(_ref) {
+  var _useDataEnv;
+  var children = _ref.children,
+    forceLoading = _ref.forceLoading,
+    loadingState = _ref.loadingState;
+  var isClient = useIsClient();
+  var enableLoadingBoundary = !!((_useDataEnv = useDataEnv$1()) != null && _useDataEnv[enableLoadingBoundaryKey]);
+  if (!isClient && !(isPlasmicPrepass != null && isPlasmicPrepass())) {
+    return null;
+  }
+  if (forceLoading) {
+    return React.createElement(React.Fragment, null, loadingState != null ? loadingState : null);
+  }
+  if (reactMajorVersion < 18) {
+    return React.createElement(React.Fragment, null, children != null ? children : null);
+  }
+  if (!enableLoadingBoundary) {
+    warnDisabledLoadingBoundary();
+    return React.createElement(React.Fragment, null, children != null ? children : null);
+  }
+  return React.createElement(Suspense, {
+    fallback: React.createElement(React.Fragment, null, loadingState != null ? loadingState : null)
+  }, React.createElement(DataProvider$1, {
+    hidden: true,
+    name: hasLoadingBoundaryKey,
+    data: true
+  }, children != null ? children : null));
+}
+var loadingBoundaryMeta = {
+  name: "hostless-loading-boundary",
+  displayName: "Loading Boundary",
+  importName: "LoadingBoundary",
+  importPath: "@plasmicpkgs/plasmic-basic-components",
+  props: {
+    children: "slot",
+    loadingState: {
+      type: "slot",
+      displayName: "Loading State",
+      defaultValue: {
+        type: "text",
+        value: "Loading..."
+      }
+    },
+    forceLoading: {
+      type: "boolean",
+      editOnly: true,
+      displayName: "Force Loading",
+      description: "Force rendering the 'Loading' state"
+    }
+  },
+  providesData: true,
+  styleSections: false,
+  description: "Handle the loading state of queries and integrations"
+};
+function registerLoadingBoundary(loader, customLoadingBoundaryMeta) {
+  if (loader) {
+    loader.registerComponent(LoadingBoundary, customLoadingBoundaryMeta != null ? customLoadingBoundaryMeta : loadingBoundaryMeta);
+  } else {
+    registerComponent(LoadingBoundary, customLoadingBoundaryMeta != null ? customLoadingBoundaryMeta : loadingBoundaryMeta);
+  }
+}
+
 var thisModule$1 = "@plasmicpkgs/plasmic-basic-components";
 var defaultItemName = "currentItem";
 var defaultIndexName = "currentIndex";
@@ -936,6 +1103,117 @@ function registerScrollRevealer(loader, customScrollRevealerMeta) {
   }
 }
 
+function SideEffect(_ref) {
+  var deps = _ref.deps,
+    onMount = _ref.onMount,
+    onUnmount = _ref.onUnmount;
+  React.useEffect(function () {
+    onMount == null || onMount();
+    return function () {
+      onUnmount == null || onUnmount();
+    };
+  }, deps != null ? deps : []);
+  return null;
+}
+var sideEffectMeta = {
+  name: "hostless-side-effect",
+  displayName: "Side Effect",
+  description: "Run actions on load, unload, and when data changes.",
+  importName: "SideEffect",
+  importPath: "@plasmicpkgs/plasmic-basic-components",
+  props: {
+    onMount: {
+      type: "eventHandler",
+      displayName: "On load",
+      description: "Actions to run when this Side Effect component is mounted.",
+      argTypes: []
+    },
+    onUnmount: {
+      type: "eventHandler",
+      displayName: "On unload",
+      description: "Actions to run when this Side Effect component is unmounted.",
+      argTypes: []
+    },
+    deps: {
+      type: "array",
+      displayName: "When data changes",
+      description: "List of values which should trigger a re-run of the actions if changed."
+    }
+  }
+};
+function registerSideEffect(loader, customMeta) {
+  if (loader) {
+    loader.registerComponent(SideEffect, customMeta != null ? customMeta : sideEffectMeta);
+  } else {
+    registerComponent(SideEffect, customMeta != null ? customMeta : sideEffectMeta);
+  }
+}
+
+function useInterval(callback, delay) {
+  var savedCallback = useRef(callback);
+  // Remember the latest callback if it changes.
+  useIsomorphicLayoutEffect(function () {
+    savedCallback.current = callback;
+  }, [callback]);
+  // Set up the interval.
+  useEffect(function () {
+    // Don't schedule if no delay is specified.
+    // Note: 0 is a valid value for delay.
+    if (!delay && delay !== 0) {
+      return;
+    }
+    var id = setInterval(function () {
+      return savedCallback.current();
+    }, delay);
+    return function () {
+      return clearInterval(id);
+    };
+  }, [delay]);
+}
+function Timer(_ref) {
+  var _ref$intervalSeconds = _ref.intervalSeconds,
+    intervalSeconds = _ref$intervalSeconds === void 0 ? 1 : _ref$intervalSeconds,
+    _ref$isRunning = _ref.isRunning,
+    isRunning = _ref$isRunning === void 0 ? false : _ref$isRunning,
+    _ref$onTick = _ref.onTick,
+    onTick = _ref$onTick === void 0 ? function () {} : _ref$onTick;
+  useInterval(onTick,
+  // Delay in milliseconds or null to stop it
+  isRunning ? intervalSeconds * 1000 : null);
+  return null;
+}
+var timerMeta = {
+  name: "hostless-timer",
+  displayName: "Timer",
+  description: "Run something periodically",
+  importName: "Timer",
+  importPath: "@plasmicpkgs/plasmic-basic-components",
+  props: {
+    onTick: {
+      type: "eventHandler",
+      displayName: "Run periodically",
+      description: "Actions to run periodically",
+      argTypes: []
+    },
+    isRunning: {
+      type: "boolean",
+      displayName: "Is Running?"
+    },
+    intervalSeconds: {
+      type: "number",
+      displayName: "Seconds",
+      description: "Interval in seconds"
+    }
+  }
+};
+function registerTimer(loader, customMeta) {
+  if (loader) {
+    loader.registerComponent(Timer, customMeta != null ? customMeta : timerMeta);
+  } else {
+    registerComponent(Timer, customMeta != null ? customMeta : timerMeta);
+  }
+}
+
 var Video = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return React.createElement("video", Object.assign({
     ref: ref
@@ -1006,216 +1284,5 @@ function registerVideo(loader, customVideoMeta) {
   }
 }
 
-var reactMajorVersion = + /*#__PURE__*/React.version.split(".")[0];
-if (reactMajorVersion < 18) {
-  console.warn("The LoadingBoundary component only works with React 18+");
-}
-var isBrowser = typeof window !== "undefined";
-var enableLoadingBoundaryKey = "plasmicInternalEnableLoadingBoundary";
-var hasLoadingBoundaryKey = "plasmicInternalHasLoadingBoundary";
-var useIsomorphicLayoutEffect = isBrowser ? React.useLayoutEffect : React.useEffect;
-function useIsClient() {
-  var _useState = useState(false),
-    loaded = _useState[0],
-    setLoaded = _useState[1];
-  useIsomorphicLayoutEffect(function () {
-    setLoaded(true);
-  }, []);
-  return loaded;
-}
-var hasWarnedDisabledLoadingBoundary = false;
-function warnDisabledLoadingBoundary() {
-  if (!hasWarnedDisabledLoadingBoundary) {
-    hasWarnedDisabledLoadingBoundary = true;
-    console.warn("LoadingBoundary feature is not enabled. To use the LoadingBoundary component make sure to upgrade your @plasmicapp/* dependencies to the latest version and to wrap you App inside <PlasmicRootProvider />");
-  }
-}
-function LoadingBoundary(_ref) {
-  var _useDataEnv;
-  var children = _ref.children,
-    forceLoading = _ref.forceLoading,
-    loadingState = _ref.loadingState;
-  var isClient = useIsClient();
-  var enableLoadingBoundary = !!((_useDataEnv = useDataEnv$1()) != null && _useDataEnv[enableLoadingBoundaryKey]);
-  if (!isClient && !(isPlasmicPrepass != null && isPlasmicPrepass())) {
-    return null;
-  }
-  if (forceLoading) {
-    return React.createElement(React.Fragment, null, loadingState != null ? loadingState : null);
-  }
-  if (reactMajorVersion < 18) {
-    return React.createElement(React.Fragment, null, children != null ? children : null);
-  }
-  if (!enableLoadingBoundary) {
-    warnDisabledLoadingBoundary();
-    return React.createElement(React.Fragment, null, children != null ? children : null);
-  }
-  return React.createElement(Suspense, {
-    fallback: React.createElement(React.Fragment, null, loadingState != null ? loadingState : null)
-  }, React.createElement(DataProvider$1, {
-    hidden: true,
-    name: hasLoadingBoundaryKey,
-    data: true
-  }, children != null ? children : null));
-}
-var loadingBoundaryMeta = {
-  name: "hostless-loading-boundary",
-  displayName: "Loading Boundary",
-  importName: "LoadingBoundary",
-  importPath: "@plasmicpkgs/plasmic-basic-components",
-  props: {
-    children: "slot",
-    loadingState: {
-      type: "slot",
-      displayName: "Loading State",
-      defaultValue: {
-        type: "text",
-        value: "Loading..."
-      }
-    },
-    forceLoading: {
-      type: "boolean",
-      editOnly: true,
-      displayName: "Force Loading",
-      description: "Force rendering the 'Loading' state"
-    }
-  },
-  providesData: true,
-  styleSections: false,
-  description: "Handle the loading state of queries and integrations"
-};
-function registerLoadingBoundary(loader, customLoadingBoundaryMeta) {
-  if (loader) {
-    loader.registerComponent(LoadingBoundary, customLoadingBoundaryMeta != null ? customLoadingBoundaryMeta : loadingBoundaryMeta);
-  } else {
-    registerComponent(LoadingBoundary, customLoadingBoundaryMeta != null ? customLoadingBoundaryMeta : loadingBoundaryMeta);
-  }
-}
-
-function ConditionGuardOnNotSatisfied(_ref) {
-  var onNotSatisfied = _ref.onNotSatisfied;
-  var ref = React.useRef(false);
-  React.useEffect(function () {
-    if (!ref.current) {
-      ref.current = true;
-      onNotSatisfied == null || onNotSatisfied();
-    }
-  }, [onNotSatisfied]);
-  return null;
-}
-function isCurrentLocationInSkipPaths(skipPaths) {
-  var _globalThis$__PLASMIC;
-  var pathname = window.location.pathname;
-  // Ignore search params
-  var currentPath = window.location.origin + pathname;
-  var plasmicPathname = globalThis == null || (_globalThis$__PLASMIC = globalThis["__PLASMIC_STUDIO_PATH"]) == null ? void 0 : _globalThis$__PLASMIC.call(globalThis);
-  return skipPaths == null ? void 0 : skipPaths.some(function (_ref2) {
-    var path = _ref2.path;
-    return path === pathname || path === currentPath || path === plasmicPathname;
-  });
-}
-function ConditionGuard(_ref3) {
-  var condition = _ref3.condition,
-    onNotSatisfied = _ref3.onNotSatisfied,
-    children = _ref3.children,
-    skipPaths = _ref3.skipPaths;
-  if (!condition && !isCurrentLocationInSkipPaths(skipPaths)) {
-    return React.createElement(ConditionGuardOnNotSatisfied, {
-      onNotSatisfied: onNotSatisfied
-    });
-  }
-  return React.createElement(React.Fragment, null, children);
-}
-var conditionGuardMeta = {
-  name: "hostless-condition-guard",
-  displayName: "Condition Guard",
-  description: "Ensure some condition, or else run an interaction. Examples: ensure all users have a database row, or require new users to setup a profile.",
-  importName: "ConditionGuard",
-  importPath: "@plasmicpkgs/plasmic-basic-components",
-  props: {
-    children: "slot",
-    condition: {
-      type: "boolean",
-      displayName: "Condition",
-      description: "The condition to guard against",
-      helpText: "Condition to check. Render contents only if true. Run interaction if false.",
-      defaultValue: true
-    },
-    onNotSatisfied: {
-      type: "eventHandler",
-      displayName: "On condition false",
-      description: "The action to run when the condition is not satisfied",
-      argTypes: []
-    },
-    skipPaths: {
-      type: "array",
-      displayName: "Skip Paths",
-      description: "Paths that the action should not run",
-      itemType: {
-        type: "object",
-        fields: {
-          path: "href"
-        },
-        nameFunc: function nameFunc(item) {
-          return item == null ? void 0 : item.path;
-        }
-      }
-    }
-  }
-};
-function registerConditionGuard(loader, customConditionGuardMeta) {
-  if (loader) {
-    loader.registerComponent(ConditionGuard, customConditionGuardMeta != null ? customConditionGuardMeta : conditionGuardMeta);
-  } else {
-    registerComponent(ConditionGuard, customConditionGuardMeta != null ? customConditionGuardMeta : conditionGuardMeta);
-  }
-}
-
-function SideEffect(_ref) {
-  var deps = _ref.deps,
-    onMount = _ref.onMount,
-    onUnmount = _ref.onUnmount;
-  React.useEffect(function () {
-    onMount == null || onMount();
-    return function () {
-      onUnmount == null || onUnmount();
-    };
-  }, deps != null ? deps : []);
-  return null;
-}
-var sideEffectMeta = {
-  name: "hostless-side-effect",
-  displayName: "Side Effect",
-  description: "Run actions on load, unload, and when data changes.",
-  importName: "SideEffect",
-  importPath: "@plasmicpkgs/plasmic-basic-components",
-  props: {
-    onMount: {
-      type: "eventHandler",
-      displayName: "On load",
-      description: "Actions to run when this Side Effect component is mounted.",
-      argTypes: []
-    },
-    onUnmount: {
-      type: "eventHandler",
-      displayName: "On unload",
-      description: "Actions to run when this Side Effect component is unmounted.",
-      argTypes: []
-    },
-    deps: {
-      type: "array",
-      displayName: "When data changes",
-      description: "List of values which should trigger a re-run of the actions if changed."
-    }
-  }
-};
-function registerSideEffect(loader, customMeta) {
-  if (loader) {
-    loader.registerComponent(SideEffect, customMeta != null ? customMeta : sideEffectMeta);
-  } else {
-    registerComponent(SideEffect, customMeta != null ? customMeta : sideEffectMeta);
-  }
-}
-
-export { ConditionGuard, DataProvider, DynamicElement, DynamicImage, DynamicRepeater, DynamicText, Embed, Iframe, LoadingBoundary, Repeater, ScrollRevealer, SideEffect, Video, applySelector, conditionGuardMeta, dataProviderMeta, dynamicElementMeta, dynamicImageMeta, dynamicRepeaterMeta, dynamicRepeaterProps, dynamicTextMeta, embedMeta, iframeMeta, isBrowser, loadingBoundaryMeta, registerConditionGuard, registerDataProvider, registerDynamicElement, registerDynamicImage, registerDynamicRepeater, registerDynamicText, registerEmbed, registerIframe, registerLoadingBoundary, registerRepeater, registerScrollRevealer, registerSideEffect, registerVideo, repeaterMeta, scrollRevealerMeta, sideEffectMeta, useDataEnv, useDirectionalIntersection, useIsomorphicLayoutEffect, useSelector, useSelectors, videoMeta };
+export { ConditionGuard, DataProvider, DynamicElement, DynamicImage, DynamicRepeater, DynamicText, Embed, Iframe, LoadingBoundary, Repeater, ScrollRevealer, SideEffect, Timer, Video, applySelector, conditionGuardMeta, dataProviderMeta, dynamicElementMeta, dynamicImageMeta, dynamicRepeaterMeta, dynamicRepeaterProps, dynamicTextMeta, embedMeta, iframeMeta, loadingBoundaryMeta, registerConditionGuard, registerDataProvider, registerDynamicElement, registerDynamicImage, registerDynamicRepeater, registerDynamicText, registerEmbed, registerIframe, registerLoadingBoundary, registerRepeater, registerScrollRevealer, registerSideEffect, registerTimer, registerVideo, repeaterMeta, scrollRevealerMeta, sideEffectMeta, timerMeta, useDataEnv, useDirectionalIntersection, useInterval, useSelector, useSelectors, videoMeta };
 //# sourceMappingURL=plasmic-basic-components.esm.js.map