@plasmicpkgs/plasmic-basic-components 0.0.233 → 0.0.235

package/dist/ConditionGuard.d.ts

@@ -8,7 +8,7 @@ export interface ConditionGuardProps {
         path: string;
     }>;
 }
-export default function ConditionGuard({ condition, onNotSatisfied, children, skipPaths, }: ConditionGuardProps): React.JSX.Element;
+export declare function ConditionGuard({ condition, onNotSatisfied, children, skipPaths, }: ConditionGuardProps): React.JSX.Element;
 export declare const conditionGuardMeta: ComponentMeta<ConditionGuardProps>;
 export declare function registerConditionGuard(loader?: {
     registerComponent: typeof registerComponent;

package/dist/Embed.d.ts

@@ -17,7 +17,7 @@ export interface EmbedProps {
  * One last complication is that Next.js can run the effect multiple times in development mode. There's nothing actually
  * that we can/should do about that, but just something to be aware of if you are here debugging issues.
  */
-export default function Embed({ className, code, hideInEditor, }: EmbedProps): React.JSX.Element;
+export declare function Embed({ className, code, hideInEditor }: EmbedProps): React.JSX.Element;
 export declare const embedMeta: ComponentMeta<EmbedProps>;
 export declare function registerEmbed(loader?: {
     registerComponent: typeof registerComponent;

package/dist/Embed.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from "@storybook/react";
+import React from "react";
+import { Embed } from "./Embed";
+declare const _default: {
+    title: string;
+    component: typeof Embed;
+    args: {
+        code: string;
+    };
+    render: (args: any) => React.JSX.Element;
+};
+export default _default;
+declare type Story = StoryObj<typeof Embed>;
+export declare const HtmlCssJs: Story;
+export declare const HtmlCssJsSsr: Story;
+export declare const Iframe: Story;
+export declare const ScriptsLoadedSequentially: Story;

package/dist/Iframe.d.ts

@@ -7,7 +7,7 @@ export interface IframeProps {
     className?: string;
     onLoad?: React.ComponentProps<"iframe">["onLoad"];
 }
-export default function Iframe({ preview, src, className, onLoad, }: IframeProps): React.JSX.Element;
+export declare function Iframe({ preview, src, className, onLoad }: IframeProps): React.JSX.Element;
 export declare const iframeMeta: ComponentMeta<IframeProps>;
 export declare function registerIframe(loader?: {
     registerComponent: typeof registerComponent;

package/dist/LoadingBoundary.d.ts

@@ -5,7 +5,7 @@ interface LoadingBoundaryProps {
     children?: React.ReactNode;
     forceLoading?: boolean;
 }
-export default function LoadingBoundary({ children, forceLoading, loadingState, }: LoadingBoundaryProps): React.JSX.Element | null;
+export declare function LoadingBoundary({ children, forceLoading, loadingState, }: LoadingBoundaryProps): React.JSX.Element | null;
 export declare const loadingBoundaryMeta: ComponentMeta<LoadingBoundaryProps>;
 export declare function registerLoadingBoundary(loader?: {
     registerComponent: typeof registerComponent;

package/dist/Repeater.d.ts

@@ -6,9 +6,9 @@ interface RepeaterProps<T> {
     itemName?: string;
     indexName?: string;
 }
-declare function Repeater<T>(props: RepeaterProps<T>): React.JSX.Element;
+export declare function Repeater<T>(props: RepeaterProps<T>): React.JSX.Element;
 export declare const repeaterMeta: ComponentMeta<RepeaterProps<any>>;
 export declare function registerRepeater(loader?: {
     registerComponent: typeof registerComponent;
 }, customRepeaterMeta?: ComponentMeta<RepeaterProps<any>>): void;
-export default Repeater;
+export {};

package/dist/ScrollRevealer.d.ts

@@ -19,7 +19,7 @@ export interface ScrollRevealerProps {
  *
  * TODO: Merge this inta a general Reveal component, perhaps forking react-awesome-reveal, so that we don't have two different reveal components for users.
  */
-export default function ScrollRevealer({ children, className, scrollDownThreshold, scrollUpThreshold, }: ScrollRevealerProps): React.JSX.Element;
+export declare function ScrollRevealer({ children, className, scrollDownThreshold, scrollUpThreshold, }: ScrollRevealerProps): React.JSX.Element;
 export declare const scrollRevealerMeta: ComponentMeta<ScrollRevealerProps>;
 export declare function registerScrollRevealer(loader?: {
     registerComponent: typeof registerComponent;

package/dist/SideEffect.d.ts

@@ -4,7 +4,7 @@ export interface SideEffectProps {
     onUnmount?: () => Promise<void>;
     deps?: unknown[];
 }
-export default function SideEffect({ deps, onMount, onUnmount, }: SideEffectProps): null;
+export declare function SideEffect({ deps, onMount, onUnmount }: SideEffectProps): null;
 export declare const sideEffectMeta: CodeComponentMeta<SideEffectProps>;
 export declare function registerSideEffect(loader?: {
     registerComponent: typeof registerComponent;

package/dist/Timer.d.ts

@@ -7,7 +7,7 @@ export interface TimerProps {
     "data-plasmic-canvas-envs"?: number;
 }
 export declare function useInterval(callback: () => void, delay: number | null): void;
-export default function Timer({ intervalSeconds, isRunning, onTick, runWhileEditing, "data-plasmic-canvas-envs": canvasId, }: TimerProps): null;
+export declare function Timer({ intervalSeconds, isRunning, onTick, runWhileEditing, "data-plasmic-canvas-envs": canvasId, }: TimerProps): null;
 export declare const timerMeta: CodeComponentMeta<TimerProps>;
 export declare function registerTimer(loader?: {
     registerComponent: typeof registerComponent;

package/dist/Video.d.ts

@@ -1,8 +1,7 @@
 import registerComponent, { ComponentMeta } from "@plasmicapp/host/registerComponent";
 import React from "react";
 export declare type VideoProps = Pick<React.ComponentProps<"video">, "autoPlay" | "controls" | "loop" | "muted" | "playsInline" | "poster" | "preload" | "src">;
-declare const Video: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, "autoPlay" | "controls" | "loop" | "muted" | "playsInline" | "poster" | "preload" | "src"> & React.RefAttributes<HTMLVideoElement>>;
-export default Video;
+export declare const Video: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, "autoPlay" | "controls" | "loop" | "muted" | "playsInline" | "poster" | "preload" | "src"> & React.RefAttributes<HTMLVideoElement>>;
 export declare const videoMeta: ComponentMeta<VideoProps>;
 export declare function registerVideo(loader?: {
     registerComponent: typeof registerComponent;

package/dist/index.d.ts

@@ -1,19 +1,10 @@
 export * from "./ConditionGuard";
-export { default as ConditionGuard } from "./ConditionGuard";
 export * from "./Data";
 export * from "./Embed";
-export { default as Embed } from "./Embed";
 export * from "./Iframe";
-export { default as Iframe } from "./Iframe";
 export * from "./LoadingBoundary";
-export { default as LoadingBoundary } from "./LoadingBoundary";
 export * from "./Repeater";
-export { default as Repeater } from "./Repeater";
 export * from "./ScrollRevealer";
-export { default as ScrollRevealer } from "./ScrollRevealer";
 export * from "./SideEffect";
-export { default as SideEffect } from "./SideEffect";
 export * from "./Timer";
-export { default as Timer } from "./Timer";
 export * from "./Video";
-export { default as Video } from "./Video";

package/dist/plasmic-basic-components.cjs.development.js

@@ -89,6 +89,49 @@ function registerConditionGuard(loader, customConditionGuardMeta) {
   }
 }
 
+function asyncGeneratorStep(n, t, e, r, o, a, c) {
+  try {
+    var i = n[a](c),
+      u = i.value;
+  } catch (n) {
+    return void e(n);
+  }
+  i.done ? t(u) : Promise.resolve(u).then(r, o);
+}
+function _asyncToGenerator(n) {
+  return function () {
+    var t = this,
+      e = arguments;
+    return new Promise(function (r, o) {
+      var a = n.apply(t, e);
+      function _next(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
+      }
+      function _throw(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
+      }
+      _next(void 0);
+    });
+  };
+}
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
 function _regeneratorRuntime() {
   _regeneratorRuntime = function () {
     return e;
@@ -197,7 +240,7 @@ function _regeneratorRuntime() {
   function makeInvokeMethod(e, r, n) {
     var o = h;
     return function (i, a) {
-      if (o === f) throw new Error("Generator is already running");
+      if (o === f) throw Error("Generator is already running");
       if (o === s) {
         if ("throw" === i) throw a;
         return {
@@ -339,7 +382,7 @@ function _regeneratorRuntime() {
           } else if (c) {
             if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
           } else {
-            if (!u) throw new Error("try statement without catch or finally");
+            if (!u) throw Error("try statement without catch or finally");
             if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
           }
         }
@@ -379,7 +422,7 @@ function _regeneratorRuntime() {
           return o;
         }
       }
-      throw new Error("illegal catch attempt");
+      throw Error("illegal catch attempt");
     },
     delegateYield: function (e, r, n) {
       return this.delegate = {
@@ -390,62 +433,6 @@ function _regeneratorRuntime() {
     }
   }, e;
 }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg);
-    var value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-  if (info.done) {
-    resolve(value);
-  } else {
-    Promise.resolve(value).then(_next, _throw);
-  }
-}
-function _asyncToGenerator(fn) {
-  return function () {
-    var self = this,
-      args = arguments;
-    return new Promise(function (resolve, reject) {
-      var gen = fn.apply(self, args);
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-      }
-      _next(undefined);
-    });
-  };
-}
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
 
 var _excluded = ["tag", "className", "children", "propSelectors"],
   _excluded2 = ["selector", "propSelectors"],
@@ -729,8 +716,9 @@ function Embed(_ref) {
       return;
     }
     // Load scripts sequentially one at a time, since later scripts can depend on earlier ones.
+    var cleanup = false;
     _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var _loop, _i, _Array$from;
+      var _loop, _ret, _i, _Array$from;
       return _regeneratorRuntime().wrap(function _callee$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -750,7 +738,7 @@ function Embed(_ref) {
                     ensure(oldScript.parentNode).replaceChild(newScript, oldScript);
                     // Only scripts with src will ever fire a load event.
                     if (!newScript.src) {
-                      _context.next = 9;
+                      _context.next = 11;
                       break;
                     }
                     _context.next = 9;
@@ -758,6 +746,14 @@ function Embed(_ref) {
                       return newScript.addEventListener("load", resolve);
                     });
                   case 9:
+                    if (!cleanup) {
+                      _context.next = 11;
+                      break;
+                    }
+                    return _context.abrupt("return", {
+                      v: void 0
+                    });
+                  case 11:
                   case "end":
                     return _context.stop();
                 }
@@ -766,21 +762,32 @@ function Embed(_ref) {
             _i = 0, _Array$from = Array.from(ensure(rootElt.current).querySelectorAll("script"));
           case 2:
             if (!(_i < _Array$from.length)) {
-              _context2.next = 7;
+              _context2.next = 10;
               break;
             }
             return _context2.delegateYield(_loop(), "t0", 4);
           case 4:
+            _ret = _context2.t0;
+            if (!_ret) {
+              _context2.next = 7;
+              break;
+            }
+            return _context2.abrupt("return", _ret.v);
+          case 7:
             _i++;
             _context2.next = 2;
             break;
-          case 7:
+          case 10:
+            return _context2.abrupt("return", function () {
+              cleanup = true;
+            });
+          case 11:
           case "end":
             return _context2.stop();
         }
       }, _callee);
     }))();
-  }, [htmlId, firstRender, code, hideInEditor, inEditor]);
+  }, [htmlId, code, hideInEditor, inEditor]);
   var effectiveCode = hideInEditor && inEditor ? "" : inEditor || !htmlId ? code : addIdentifierScript(htmlId, code);
   return React__default.createElement("div", {
     ref: rootElt,