@tamagui/demos 2.0.0-rc.8 → 2.0.0

package/dist/cjs/ToastDemo.native.js

@@ -1,163 +1,250 @@
 "use strict";
 
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var ToastDemo_exports = {};
 __export(ToastDemo_exports, {
   ToastDemo: () => ToastDemo
 });
 module.exports = __toCommonJS(ToastDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_toast = require("@tamagui/toast"),
-  import_react = __toESM(require("react"), 1),
-  import_tamagui = require("tamagui"),
-  ToastDemo = function () {
-    var [native, setNative] = import_react.default.useState(!1);
-    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-      gap: "$4",
-      items: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastControl, {
-        native
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(CurrentToast, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(NativeOptions, {
-        native,
-        setNative
-      })]
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_v2 = require("@tamagui/toast/v2");
+var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
+var import_react = require("react");
+var import_tamagui2 = require("tamagui");
+var ToastDemo = function () {
+  var [position, setPosition] = (0, import_react.useState)("bottom-right");
+  var [gap, setGap] = (0, import_react.useState)(14);
+  var [visibleToasts, setVisibleToasts] = (0, import_react.useState)(4);
+  var [duration, setDuration] = (0, import_react.useState)(4e3);
+  var count = (0, import_react.useRef)(0);
+  var showToast = function (newPosition) {
+    setPosition(newPosition);
+    count.current++;
+    (0, import_v2.toast)(`Toast #${count.current}`, {
+      description: "Swipe to dismiss or wait for auto-close."
     });
-  },
-  CurrentToast = function () {
-    var currentToast = (0, import_toast.useToastState)();
-    return !currentToast || currentToast.isHandledNatively ? null : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast, {
-      duration: currentToast.duration,
-      viewportName: currentToast.viewportName,
-      enterStyle: {
-        opacity: 0,
-        scale: 0.95,
-        y: -80
-      },
-      exitStyle: {
-        opacity: 0,
-        scale: 0.95,
-        y: -80
-      },
-      opacity: 1,
-      scale: 1,
-      y: -50,
-      transition: "quicker",
-      bg: "$color2",
-      boxShadow: "0px 2px 4px rgba(0,0,0,0.12), 0px 8px 24px rgba(0,0,0,0.08)",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-        gap: "$5",
-        items: "center",
-        justify: "space-between",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-          gap: "$0.5",
-          flex: 1,
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Title, {
-            children: currentToast.title
-          }), !!currentToast.message && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Description, {
-            children: currentToast.message
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_v2.Toast, {
+    position,
+    gap: Math.round(gap),
+    visibleToasts,
+    duration,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Viewport, {
+      offset: 16,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.List, {
+        renderItem: function (param) {
+          var {
+            toast: t,
+            index
+          } = param;
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Item, {
+            toast: t,
+            index,
+            testID: "toast-item",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastContent, {
+              toast: t
+            })
+          }, t.id);
+        }
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.YStack, {
+      gap: "$3",
+      self: "center",
+      width: 280,
+      children: [/* Position buttons */
+      /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.YStack, {
+        gap: "$2",
+        self: "center",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.XStack, {
+          gap: "$2",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
+            position: "top-left",
+            current: position,
+            onPress: showToast,
+            Icon: import_lucide_icons_2.ArrowUpLeft
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
+            position: "top-center",
+            current: position,
+            onPress: showToast,
+            Icon: import_lucide_icons_2.ArrowUp
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
+            position: "top-right",
+            current: position,
+            onPress: showToast,
+            Icon: import_lucide_icons_2.ArrowUpRight,
+            testID: "toast-top-right-button"
+          })]
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.XStack, {
+          gap: "$2",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
+            position: "bottom-left",
+            current: position,
+            onPress: showToast,
+            Icon: import_lucide_icons_2.ArrowDownLeft
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
+            position: "bottom-center",
+            current: position,
+            onPress: showToast,
+            Icon: import_lucide_icons_2.ArrowDown
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
+            position: "bottom-right",
+            current: position,
+            onPress: showToast,
+            Icon: import_lucide_icons_2.ArrowDownRight,
+            testID: "toast-show-button"
           })]
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Action, {
-          asChild: !0,
-          altText: "Dismiss toast",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-            size: "$2",
-            children: "Dismiss"
-          })
         })]
-      })
-    }, currentToast.id);
-  },
-  ToastControl = function (param) {
-    var {
-        native
-      } = param,
-      toast = (0, import_toast.useToastController)();
-    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-      gap: "$2",
-      justify: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-        onPress: function () {
-          toast.show("Successfully saved!", {
-            message: "Don't worry, we've got your data.",
-            native,
-            demo: !0
-          });
-        },
-        children: "Show"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-        onPress: function () {
-          toast.hide();
-        },
-        children: "Hide"
+      }), /* Controls */
+      /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.YStack, {
+        gap: "$1",
+        paddingTop: "$1",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(DemoSlider, {
+          label: "Gap",
+          value: gap,
+          min: 0,
+          max: 30,
+          step: 0.1,
+          onChange: setGap
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(DemoSlider, {
+          label: "Visible",
+          value: visibleToasts,
+          min: 1,
+          max: 8,
+          step: 1,
+          onChange: setVisibleToasts
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(DemoSlider, {
+          label: "Duration",
+          value: duration,
+          min: 1e3,
+          max: 1e4,
+          step: 100,
+          onChange: setDuration,
+          format: function (v) {
+            return `${(v / 1e3).toFixed(1)}s`;
+          }
+        })]
       })]
-    });
-  },
-  NativeOptions = function (param) {
-    var {
-      native,
-      setNative
-    } = param;
-    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    })]
+  });
+};
+function ToastContent(param) {
+  var {
+    toast: t
+  } = param;
+  var {
+    handleClose
+  } = (0, import_v2.useToastItem)();
+  var title = typeof t.title === "function" ? t.title() : t.title;
+  var description = typeof t.description === "function" ? t.description() : t.description;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.XStack, {
       gap: "$3",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-        size: "$1",
-        onPress: function () {
-          return setNative(!1);
-        },
-        children: "Custom"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Switch, {
-        theme: "surface2",
-        id: "native-toggle",
-        size: "$1",
-        checked: !!native,
-        onCheckedChange: function (val) {
-          return setNative(val);
-        },
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Switch.Thumb, {
-          theme: "accent",
-          transition: ["quickest", {
-            transform: {
-              overshootClamping: !0
-            }
-          }]
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-        size: "$1",
-        onPress: function () {
-          return setNative(!0);
-        },
-        children: "Native"
+      alignItems: "flex-start",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Icon, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.YStack, {
+        flex: 1,
+        gap: "$0.5",
+        children: [title && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Title, {
+          fontWeight: "600",
+          size: "$3",
+          children: title
+        }), description && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Description, {
+          color: "$color9",
+          size: "$2",
+          children: description
+        })]
       })]
-    });
-  };
+    }), import_tamagui.isWeb && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Close, {
+      testID: "toast-close-button",
+      position: "absolute",
+      top: -6,
+      left: -6,
+      zIndex: 1
+    })]
+  });
+}
+function DemoSlider(param) {
+  var {
+    label,
+    value,
+    min,
+    max,
+    step,
+    onChange,
+    format
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.XStack, {
+    gap: "$2",
+    alignItems: "center",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Label, {
+      size: "$2",
+      width: 55,
+      children: label
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.Slider, {
+      flex: 1,
+      value: [value],
+      min,
+      max,
+      step,
+      onValueChange: function (param2) {
+        var [v] = param2;
+        return onChange(v);
+      },
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Slider.Track, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Slider.TrackActive, {})
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Slider.Thumb, {
+        theme: "accent",
+        size: 16,
+        borderRadius: 100,
+        index: 0
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.SizableText, {
+      userSelect: "none",
+      size: "$2",
+      width: 35,
+      textAlign: "right",
+      children: format ? format(value) : Math.round(value)
+    })]
+  });
+}
+var PositionButton = function (param) {
+  var {
+    position,
+    current,
+    onPress,
+    Icon,
+    testID
+  } = param;
+  var isActive = position === current;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Button, {
+    icon: Icon,
+    circular: true,
+    theme: isActive ? "accent" : void 0,
+    onPress: function () {
+      return onPress(position);
+    },
+    testID
+  });
+};
 //# sourceMappingURL=ToastDemo.native.js.map

package/dist/cjs/ToastDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToastDemo_exports","__export","ToastDemo","module","exports","import_jsx_runtime","require","import_toast","import_react","__toESM","import_tamagui","native","setNative","default","useState","jsxs","YStack","gap","items","children","jsx","ToastControl","CurrentToast","NativeOptions","currentToast","useToastState","isHandledNatively","Toast","duration","viewportName","enterStyle","opacity","scale","y","exitStyle","transition","bg","boxShadow","XStack","justify","flex","Title","title","message","Description","Action","asChild","altText","Button","size","id","param","toast","useToastController","onPress","show","demo","hide"],"sources":["../../src/ToastDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToastDemo_exports","__export","ToastDemo","module","exports","import_jsx_runtime","require","import_tamagui","import_v2","import_lucide_icons_2","import_react","import_tamagui2","position","setPosition","useState","gap","setGap","visibleToasts","setVisibleToasts","duration","setDuration","count","useRef","showToast","newPosition","current","toast","description","jsxs","Toast","Math","round","children","jsx","Viewport","offset","List","renderItem","param","t","index","Item","testID","ToastContent","id","YStack","self","width","XStack","PositionButton","onPress","Icon","ArrowUpLeft","ArrowUp","ArrowUpRight","ArrowDownLeft","ArrowDown","ArrowDownRight","paddingTop","DemoSlider","label","min","max","step","onChange","format","v","toFixed","handleClose","useToastItem","title","Fragment","alignItems","flex","Title","fontWeight","size","Description","color","isWeb","Close","top","left","zIndex","Label","Slider","onValueChange","param2","Track","TrackActive","Thumb"],"sources":["../../src/ToastDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/ToastDuplicateDemo.cjs

@@ -1,83 +1,72 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var ToastDuplicateDemo_exports = {};
 __export(ToastDuplicateDemo_exports, {
   ToastDuplicateDemo: () => ToastDuplicateDemo
 });
 module.exports = __toCommonJS(ToastDuplicateDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"),
-  import_toast = require("@tamagui/toast"),
-  import_react = __toESM(require("react"), 1),
-  import_tamagui = require("tamagui"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
+var import_v2 = require("@tamagui/toast/v2");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
 const ToastDuplicateDemo = () => {
-  const [savedCount, setSavedCount] = import_react.default.useState(0);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    items: "center",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-      onPress: () => {
-        setSavedCount(old => old + 1);
-      },
-      children: "Show toast"
-    }), [...Array(savedCount)].map((_, index) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast, {
-      viewportName: "viewport-multiple",
-      duration: 4e3,
-      enterStyle: {
-        opacity: 0,
-        scale: 0.5,
-        y: -25
-      },
-      exitStyle: {
-        opacity: 0,
-        scale: 1,
-        y: -20
-      },
-      y: 0,
-      opacity: 1,
-      scale: 1,
-      transition: "100ms",
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_v2.Toast, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Viewport, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastList, {})
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      items: "center",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        onPress: () => {
+          (0, import_v2.toast)("Successfully saved!", {
+            description: "Don't worry... We've got your data."
+          });
+        },
+        children: "Show toast"
+      })
+    })]
+  });
+};
+const ToastList = () => {
+  const {
+    toasts
+  } = (0, import_v2.useToasts)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children: toasts.map((t, index) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Item, {
+      toast: t,
+      index,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
         gap: "$4",
         items: "center",
         children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons.CheckCircle2, {})
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.CheckCircle2, {})
         }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Title, {
-            children: "Successfully saved!"
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Description, {
-            children: "Don't worry... We've got your data."
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Title, {
+            children: typeof t.title === "function" ? t.title() : t.title
+          }), t.description && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Description, {
+            children: typeof t.description === "function" ? t.description() : t.description
           })]
         })]
       })
-    }, index))]
+    }, t.id))
   });
 };