@adriansteffan/reactive 0.0.33 → 0.0.35

package/dist/{mod-E7J43-ME.js → mod-bwTFfeeq.js}

@@ -12,7 +12,7 @@ var al = (d, h, p, f) => ({
   }
 });
 import * as pi from "react";
-import tt, { useRef as dt, useEffect as tr, useState as Vt, useCallback as qt, createElement as U0, useSyncExternalStore as z0, useLayoutEffect as sg, isValidElement as _o, cloneElement as Mc, useMemo as Nc } from "react";
+import tt, { useRef as dt, useEffect as tr, useState as Vt, useCallback as qt, createElement as U0, useLayoutEffect as sg, useSyncExternalStore as z0, isValidElement as _o, cloneElement as Mc, useMemo as Nc } from "react";
 import W0 from "react-dom";
 function $0(d, h = 1) {
   const p = [];
@@ -1124,61 +1124,62 @@ function rp({
   content: d,
   buttonText: h = "Click me",
   className: p = "",
-  next: f,
-  animate: g = !1,
-  allowedKeys: C = !1
+  containerClass: f = "",
+  next: g,
+  animate: C = !1,
+  allowedKeys: x = !1
 }) {
-  const x = dt(0);
+  const w = dt(0);
   tr(() => {
-    x.current = br();
-    const V = (b) => {
-      const S = br();
-      if (C === !0 || Array.isArray(C) && C.includes(b.key)) {
-        const k = S - x.current;
-        f({
-          key: b.key,
-          time: S,
-          reactionTime: k
+    w.current = br();
+    const b = (S) => {
+      const D = br();
+      if (x === !0 || Array.isArray(x) && x.includes(S.key)) {
+        const W = D - w.current;
+        g({
+          key: S.key,
+          time: D,
+          reactionTime: W
         });
       }
     };
-    return C && window.addEventListener("keydown", V), () => {
-      C && window.removeEventListener("keydown", V);
+    return x && window.addEventListener("keydown", b), () => {
+      x && window.removeEventListener("keydown", b);
     };
-  }, [f, C]);
-  const w = () => {
-    const V = br(), b = V - x.current;
-    f({
+  }, [g, x]);
+  const V = () => {
+    const b = br(), S = b - w.current;
+    g({
       key: "button",
-      time: V,
-      reactionTime: b
+      time: b,
+      reactionTime: S
     });
   };
-  return /* @__PURE__ */ z.jsxs("div", { className: `max-w-prose mx-auto ${p} mt-20 mb-20 px-4 `, children: [
+  return /* @__PURE__ */ z.jsx("div", { className: `${f}`, children: /* @__PURE__ */ z.jsxs("div", { className: `max-w-prose mx-auto ${p} mt-20 mb-20 px-4 `, children: [
     /* @__PURE__ */ z.jsx(
       "article",
       {
         className: `prose prose-2xl prose-slate text-xl prose-a:text-blue-600 prose-a:underline prose-h1:text-4xl prose-h1:mb-10 prose-h1:font-bold prose-p:mb-4 prose-strong:font-bold text-black leading-relaxed
-            ${g ? "animate-slide-down opacity-0" : ""}`,
+            ${C ? "animate-slide-down opacity-0" : ""}`,
         children: d
       }
     ),
     h && /* @__PURE__ */ z.jsx(
       "div",
       {
-        className: `mt-16 flex justify-center ${g ? "animate-fade-in opacity-0" : ""}`,
-        style: g ? { animationDelay: "1s" } : {},
+        className: `mt-16 flex justify-center ${C ? "animate-fade-in opacity-0" : ""}`,
+        style: C ? { animationDelay: "1s" } : {},
         children: /* @__PURE__ */ z.jsx(
           "button",
           {
-            onClick: w,
+            onClick: V,
             className: "bg-white cursor-pointer px-8 py-3 border-2 border-black font-bold text-black text-lg rounded-xl shadow-[2px_2px_0px_rgba(0,0,0,1)] hover:translate-x-[2px] hover:translate-y-[2px] hover:shadow-none",
             children: h
           }
         )
       }
     )
-  ] });
+  ] }) });
 }
 function u1({
   content: d,
@@ -70879,7 +70880,7 @@ var Yc;
   d.UTF8 = "utf8", d.ASCII = "ascii", d.UTF16 = "utf16";
 })(Yc || (Yc = {}));
 const Yi = na("Filesystem", {
-  web: () => import("./web-a2dmy96o.js").then((d) => new d.FilesystemWeb())
+  web: () => import("./web-BDYezuEB.js").then((d) => new d.FilesystemWeb())
 });
 ug("Upload", [
   {
@@ -71188,7 +71189,7 @@ var Wh;
   d.None = "NONE", d.Slide = "SLIDE", d.Fade = "FADE";
 })(Wh || (Wh = {}));
 const vm = na("StatusBar"), bm = na("ImmersiveMode", {
-  web: () => import("./web-CPiYvLVz.js").then((d) => new d.ImmersiveModeWeb())
+  web: () => import("./web-rfSabFi1.js").then((d) => new d.ImmersiveModeWeb())
 });
 function $x({
   content: d,
@@ -71560,11 +71561,7 @@ const r5 = typeof window < "u" ? sg : tr, Cl = (d) => {
   }(De)), tt.createElement(W, { isIn: ie, done: ee, position: q, preventExitTransition: p, nodeRef: f, playToast: C }, tt.createElement("div", { id: B, onClick: b, "data-in": ie, className: N, ...g, style: P, ref: f }, tt.createElement("div", { ...ie && { role: Q }, className: Gr(I) ? I({ type: S }) : bi("Toastify__toast-body", I), style: L }, ue != null && tt.createElement("div", { className: bi("Toastify__toast-icon", { "Toastify--animate-icon Toastify__zoom-enter": !ae }) }, ue), tt.createElement("div", null, w)), ce, tt.createElement(Xx, { ...J && !he ? { key: `pb-${J}` } : {}, rtl: H, theme: te, delay: V, isRunning: h, isIn: ie, closeToast: k, hide: D, type: S, style: K, className: M, controlledProgress: he, progress: G || 0 })));
 }, Ul = function(d, h) {
   return h === void 0 && (h = !1), { enter: `Toastify--animate Toastify__${d}-enter`, exit: `Toastify--animate Toastify__${d}-exit`, appendPosition: h };
-}, i5 = Ql(Ul("bounce", !0));
-Ql(Ul("slide", !0));
-Ql(Ul("zoom"));
-Ql(Ul("flip"));
-const o5 = { position: "top-right", transition: i5, autoClose: 5e3, closeButton: !0, pauseOnHover: !0, pauseOnFocusLoss: !0, draggable: "touch", draggablePercent: 80, draggableDirection: "x", role: "alert", theme: "light" };
+}, i5 = Ql(Ul("bounce", !0)), S5 = Ql(Ul("slide", !0)), j5 = Ql(Ul("zoom")), E5 = Ql(Ul("flip")), o5 = { position: "top-right", transition: i5, autoClose: 5e3, closeButton: !0, pauseOnHover: !0, pauseOnFocusLoss: !0, draggable: "touch", draggablePercent: 80, draggableDirection: "x", role: "alert", theme: "light" };
 function s5(d) {
   let h = { ...o5, ...d };
   const p = d.stacked, [f, g] = Vt(!0), C = dt(null), { getToastToRender: x, isToastActive: w, count: V } = Kx(h), { className: b, style: S, rtl: D, containerId: k } = h;
@@ -72092,7 +72089,7 @@ const a5 = ({
     ) })
   ] });
 }, l5 = new Z1();
-function S5({ children: d, disableSettings: h }) {
+function V5({ children: d, disableSettings: h }) {
   return window.location.pathname.endsWith("/settings") && !h ? /* @__PURE__ */ z.jsx(
     a5,
     {
@@ -72779,7 +72776,7 @@ const g5 = {
 function Jh(d) {
   return typeof d == "object" && d !== null && typeof d.type == "string";
 }
-function j5({
+function O5({
   timeline: d,
   config: h = {
     showProgressBar: !1
@@ -72974,13 +72971,19 @@ export {
   Rt as B,
   f5 as C,
   Yc as E,
+  S5 as F,
+  i5 as H,
+  Kx as L,
   S1 as M,
+  Yx as N,
   Fc as P,
   V1 as Q,
   u5 as R,
   rp as T,
   Wx as U,
   ag as W,
+  j5 as X,
+  E5 as Y,
   G0 as a,
   i1 as b,
   J0 as c,
@@ -73000,7 +73003,11 @@ export {
   Gx as q,
   C5 as r,
   $0 as s,
-  S5 as t,
-  j5 as u,
-  d5 as v
+  V5 as t,
+  O5 as u,
+  d5 as v,
+  s5 as w,
+  Zx as x,
+  Ql as y,
+  kc as z
 };

package/dist/mod.d.ts

@@ -2,7 +2,6 @@ import { ComponentType } from 'react';
 import { default as default_2 } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-import { toast } from 'react-toastify';
 
 export declare interface BaseComponentProps {
     next: (data?: object, actualStartTime?: number, actualStopTime?: number) => void;
@@ -244,11 +243,12 @@ declare type StoreUpdateFunction = (data?: RefinedTrialData[], store?: Store_2)
 
 export declare function subsetExperimentByParam(experiment: any[]): any[];
 
-declare function Text_2({ content, buttonText, className, next, animate, allowedKeys, }: {
+declare function Text_2({ content, buttonText, className, containerClass, next, animate, allowedKeys, }: {
     content: default_2.ReactNode;
     buttonText?: string;
     onButtonClick?: () => void;
     className?: string;
+    containerClass?: string;
     animate?: boolean;
     allowedKeys?: string[] | boolean;
 } & BaseComponentProps): JSX_2.Element;
@@ -256,8 +256,6 @@ export { Text_2 as Text }
 
 declare type TimelineItem = ControlFlowItem | any;
 
-export { toast }
-
 export declare interface TrialData {
     index: number;
     trialNumber: number;
@@ -293,6 +291,9 @@ declare interface WhileBlockItem {
     timeline: TimelineItem[];
 }
 
+
+export * from "react-toastify";
+
 export { }
 
 declare global {

package/dist/reactive.es.js

@@ -1,32 +1,42 @@
-import { C as e, v as r, o as n, q as t, t as i, u as o, M as l, P as m, l as p, m as c, Q as u, R as P, T as x, U as E, k as g, c as f, g as k, e as C, d, i as h, n as v, p as F, r as B, h as R, f as q, s as w, a as y, j as D, B as M } from "./mod-E7J43-ME.js";
+import { H as e, C as n, v as r, o as t, q as i, t as o, u as l, Y as c, z as m, M as p, P as u, l as P, m as x, Q as C, R as E, F as g, T, w as d, U as f, X as k, k as F, c as h, x as v, y as B, g as w, e as y, d as R, i as q, n as D, p as I, r as M, h as Q, f as U, s as b, a as j, j as z, B as A, N as H, L } from "./mod-bwTFfeeq.js";
 export {
-  e as CanvasBlock,
+  e as Bounce,
+  n as CanvasBlock,
   r as CheckDevice,
-  n as EnterFullscreen,
-  t as ExitFullscreen,
-  i as ExperimentProvider,
-  o as ExperimentRunner,
-  l as MicCheck,
-  m as Param,
-  p as PlainInput,
-  c as ProlificEnding,
-  u as Quest,
-  P as RequestFilePermission,
-  x as Text,
-  E as Upload,
-  g as canvasCountdown,
-  f as chunk,
-  k as getParam,
-  C as getPlatform,
-  d as isDesktop,
-  h as isFullscreen,
-  v as now,
-  F as pipe,
-  B as registerArrayExtensions,
-  R as registerComponentParams,
-  q as registerExperimentParams,
-  w as sample,
-  y as shuffle,
-  D as subsetExperimentByParam,
-  M as toast
+  t as EnterFullscreen,
+  i as ExitFullscreen,
+  o as ExperimentProvider,
+  l as ExperimentRunner,
+  c as Flip,
+  m as Icons,
+  p as MicCheck,
+  u as Param,
+  P as PlainInput,
+  x as ProlificEnding,
+  C as Quest,
+  E as RequestFilePermission,
+  g as Slide,
+  T as Text,
+  d as ToastContainer,
+  f as Upload,
+  k as Zoom,
+  F as canvasCountdown,
+  h as chunk,
+  v as collapseToast,
+  B as cssTransition,
+  w as getParam,
+  y as getPlatform,
+  R as isDesktop,
+  q as isFullscreen,
+  D as now,
+  I as pipe,
+  M as registerArrayExtensions,
+  Q as registerComponentParams,
+  U as registerExperimentParams,
+  b as sample,
+  j as shuffle,
+  z as subsetExperimentByParam,
+  A as toast,
+  H as useToast,
+  L as useToastContainer
 };