@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/ContextMenuDemo.native.js

@@ -1,193 +1,166 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ContextMenu } from "@tamagui/context-menu";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Calendar, Check, ChevronRight } from "@tamagui/lucide-icons-2";
 import React from "react";
 import { Text, View, YStack } from "tamagui";
+import { ContextMenu } from "./MenuSkins.native.js";
+
 function ContextMenuDemo() {
-  var [bookmarksChecked, setBookmarksChecked] = React.useState(true);
-  var [native, setNative] = React.useState(true);
-  var onSelect = function () {
-    console.info("onSelect");
-  };
-  return /* @__PURE__ */_jsxs(ContextMenu, {
-    native,
-    children: [/* @__PURE__ */_jsx(ContextMenu.Trigger, {
-      asChild: true,
-      children: /* @__PURE__ */_jsx(View, {
-        p: "$4",
-        rounded: "$4",
-        borderWidth: 1,
-        borderStyle: "dashed",
-        borderColor: "$color6",
-        cursor: "default",
-        children: /* @__PURE__ */_jsx(Text, {
-          text: "center",
-          select: "none",
-          color: "$color10",
-          children: "Right Click or Long Press"
-        })
-      })
-    }), /* @__PURE__ */_jsx(ContextMenu.Portal, {
-      zIndex: 100,
-      children: /* @__PURE__ */_jsxs(ContextMenu.Content, {
-        p: "$1.5",
-        minW: 180,
-        borderWidth: 1,
-        borderColor: "$borderColor",
-        transformOrigin: "left top",
-        enterStyle: {
-          scale: 0.9,
-          opacity: 0,
-          y: -5
-        },
-        exitStyle: {
-          scale: 0.95,
-          opacity: 0,
-          y: -3
-        },
-        elevation: "$3",
-        transition: "100ms",
-        children: [/* @__PURE__ */_jsx(ContextMenu.Arrow, {
-          size: "$4",
-          borderWidth: 1,
-          borderColor: "$borderColor"
-        }), /* @__PURE__ */_jsx(ContextMenu.Preview, {
-          children: function () {
-            return /* @__PURE__ */_jsx(YStack, {
-              items: "center",
-              justify: "center",
-              height: 100,
-              width: 250,
-              bg: "pink",
-              children: /* @__PURE__ */_jsx(Text, {
-                children: "Your Preview here"
-              })
-            });
-          }
-        }), /* @__PURE__ */_jsx(ContextMenu.Item, {
-          onSelect,
-          children: /* @__PURE__ */_jsx(ContextMenu.ItemTitle, {
-            children: "About Notes"
-          })
-        }, "about-notes"), /* @__PURE__ */_jsx(ContextMenu.Separator, {}), /* @__PURE__ */_jsx(ContextMenu.Item, {
-          onSelect,
-          children: /* @__PURE__ */_jsx(ContextMenu.ItemTitle, {
-            children: "Settings"
-          })
-        }, "settings"), /* @__PURE__ */_jsxs(ContextMenu.Item, {
-          onSelect,
-          justify: "space-between",
-          textValue: "Calendar",
-          children: [/* @__PURE__ */_jsx(ContextMenu.ItemTitle, {
-            children: "Calendar"
-          }), /* @__PURE__ */_jsx(ContextMenu.ItemIcon, {
-            androidIconName: "ic_menu_today",
-            ios: {
-              name: "calendar"
-            },
-            children: /* @__PURE__ */_jsx(Calendar, {
-              color: "gray",
-              size: 14
-            })
-          })]
-        }, "accounts"), /* @__PURE__ */_jsx(ContextMenu.Separator, {}), /* @__PURE__ */_jsx(ContextMenu.Item, {
-          onSelect,
-          disabled: true,
-          textValue: "Locked Notes",
-          children: /* @__PURE__ */_jsx(ContextMenu.ItemTitle, {
-            color: "gray",
-            children: "Locked Notes"
-          })
-        }, "close-notes"), /* @__PURE__ */_jsx(ContextMenu.Item, {
-          destructive: true,
-          onSelect,
-          children: /* @__PURE__ */_jsx(ContextMenu.ItemTitle, {
-            color: "red",
-            children: "Delete all"
-          })
-        }, "delete-all"), /* @__PURE__ */_jsx(ContextMenu.Separator, {}), /* Submenu */
-        /* @__PURE__ */_jsxs(ContextMenu.Sub, {
-          children: [/* @__PURE__ */_jsxs(ContextMenu.SubTrigger, {
-            justify: "space-between",
-            textValue: "Actions",
-            children: [/* @__PURE__ */_jsx(ContextMenu.ItemTitle, {
-              children: "Actions"
-            }), /* @__PURE__ */_jsx(ChevronRight, {
-              size: 12,
-              color: "$color10"
-            })]
-          }, "actions-trigger"), /* @__PURE__ */_jsx(ContextMenu.Portal, {
-            zIndex: 200,
-            children: /* @__PURE__ */_jsxs(ContextMenu.SubContent, {
-              enterStyle: {
-                scale: 0.9,
-                opacity: 0,
-                x: -5
-              },
-              exitStyle: {
-                scale: 0.95,
-                opacity: 0,
-                x: -3
-              },
-              transition: "100ms",
-              transformOrigin: "left top",
-              elevation: "$3",
-              minW: 160,
-              bg: "$background",
-              p: "$1.5",
-              borderWidth: 1,
-              borderColor: "$borderColor",
-              children: [/* @__PURE__ */_jsx(ContextMenu.Label, {
-                children: "Note settings"
-              }), /* @__PURE__ */_jsx(ContextMenu.Item, {
-                onSelect,
-                textValue: "Create note",
-                children: /* @__PURE__ */_jsx(ContextMenu.ItemTitle, {
-                  children: "Create note"
-                })
-              }, "create-note"), /* @__PURE__ */_jsx(ContextMenu.Item, {
-                onSelect,
-                textValue: "Delete all notes",
-                children: /* @__PURE__ */_jsx(ContextMenu.ItemTitle, {
-                  children: "Delete all notes"
-                })
-              }, "delete-all-notes"), /* @__PURE__ */_jsx(ContextMenu.Item, {
-                onSelect,
-                textValue: "Sync notes",
-                children: /* @__PURE__ */_jsx(ContextMenu.ItemTitle, {
-                  children: "Sync notes"
-                })
-              }, "sync-all")]
-            })
-          })]
-        }), /* @__PURE__ */_jsx(ContextMenu.Separator, {}), /* @__PURE__ */_jsxs(ContextMenu.CheckboxItem, {
-          checked: bookmarksChecked,
-          onCheckedChange: setBookmarksChecked,
-          justify: "space-between",
-          children: [/* @__PURE__ */_jsx(ContextMenu.ItemTitle, {
-            children: "Mark as read"
-          }), /* @__PURE__ */_jsx(ContextMenu.ItemIndicator, {
-            children: /* @__PURE__ */_jsx(Check, {
-              size: 12,
-              color: "$color10"
-            })
-          })]
-        }, "show-hidden"), /* @__PURE__ */_jsxs(ContextMenu.CheckboxItem, {
-          checked: native,
-          onCheckedChange: setNative,
-          justify: "space-between",
-          children: [/* @__PURE__ */_jsx(ContextMenu.ItemTitle, {
-            children: "Enable Native"
-          }), /* @__PURE__ */_jsx(ContextMenu.ItemIndicator, {
-            children: /* @__PURE__ */_jsx(Check, {
-              size: 12,
-              color: "$color10"
-            })
-          })]
-        }, "show-other-notes")]
-      })
-    })]
-  });
+	var [bookmarksChecked, setBookmarksChecked] = React.useState(true);
+	var [native, setNative] = React.useState(true);
+	var onSelect = function() {
+		console.info("onSelect");
+	};
+	return /* @__PURE__ */ jsxs(ContextMenu, {
+		native,
+		children: [/* @__PURE__ */ jsx(ContextMenu.Trigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(View, {
+				p: "4",
+				rounded: "4",
+				borderWidth: 1,
+				borderStyle: "dashed",
+				borderColor: "color6",
+				cursor: "default",
+				children: /* @__PURE__ */ jsx(Text, {
+					text: "center",
+					select: "none",
+					color: "color10",
+					children: "Right Click or Long Press"
+				})
+			})
+		}), /* @__PURE__ */ jsx(ContextMenu.Portal, {
+			zIndex: 100,
+			children: /* @__PURE__ */ jsxs(ContextMenu.Content, {
+				p: "1-5",
+				minW: 180,
+				borderWidth: 1,
+				borderColor: "border-color",
+				transformOrigin: "left top",
+				scale: "enter:0.9 exit:0.95",
+				opacity: "enter:0 exit:0",
+				y: "enter:-5px exit:-3px",
+				transition: "100ms",
+				children: [
+					/* @__PURE__ */ jsx(ContextMenu.Arrow, {
+						size: 13,
+						borderWidth: 1,
+						borderColor: "border-color"
+					}),
+					/* @__PURE__ */ jsx(ContextMenu.Preview, { children: function() {
+						return /* @__PURE__ */ jsx(YStack, {
+							items: "center",
+							justify: "center",
+							height: 100,
+							width: 250,
+							bg: "pink",
+							children: /* @__PURE__ */ jsx(Text, { children: "Your Preview here" })
+						});
+					} }),
+					/* @__PURE__ */ jsx(ContextMenu.Item, {
+						onSelect,
+						children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "About Notes" })
+					}, "about-notes"),
+					/* @__PURE__ */ jsx(ContextMenu.Separator, {}),
+					/* @__PURE__ */ jsx(ContextMenu.Item, {
+						onSelect,
+						children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Settings" })
+					}, "settings"),
+					/* @__PURE__ */ jsxs(ContextMenu.Item, {
+						onSelect,
+						justify: "space-between",
+						textValue: "Calendar",
+						children: [/* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Calendar" }), /* @__PURE__ */ jsx(ContextMenu.ItemIcon, {
+							androidIconName: "ic_menu_today",
+							ios: { name: "calendar" },
+							children: /* @__PURE__ */ jsx(Calendar, {
+								color: "gray",
+								size: 14
+							})
+						})]
+					}, "accounts"),
+					/* @__PURE__ */ jsx(ContextMenu.Separator, {}),
+					/* @__PURE__ */ jsx(ContextMenu.Item, {
+						onSelect,
+						disabled: true,
+						textValue: "Locked Notes",
+						children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, {
+							color: "gray",
+							children: "Locked Notes"
+						})
+					}, "close-notes"),
+					/* @__PURE__ */ jsx(ContextMenu.Item, {
+						destructive: true,
+						onSelect,
+						children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, {
+							color: "red",
+							children: "Delete all"
+						})
+					}, "delete-all"),
+					/* @__PURE__ */ jsx(ContextMenu.Separator, {}),
+					/* @__PURE__ */ jsxs(ContextMenu.Sub, { children: [/* @__PURE__ */ jsxs(ContextMenu.SubTrigger, {
+						justify: "space-between",
+						textValue: "Actions",
+						children: [/* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Actions" }), /* @__PURE__ */ jsx(ChevronRight, {
+							size: 12,
+							color: "color10"
+						})]
+					}, "actions-trigger"), /* @__PURE__ */ jsx(ContextMenu.Portal, {
+						zIndex: 200,
+						children: /* @__PURE__ */ jsxs(ContextMenu.SubContent, {
+							scale: "enter:0.9 exit:0.95",
+							opacity: "enter:0 exit:0",
+							x: "enter:-5px exit:-3px",
+							transition: "100ms",
+							transformOrigin: "left top",
+							minW: 160,
+							bg: "background",
+							p: "1-5",
+							borderWidth: 1,
+							borderColor: "border-color",
+							children: [
+								/* @__PURE__ */ jsx(ContextMenu.Label, { children: "Note settings" }),
+								/* @__PURE__ */ jsx(ContextMenu.Item, {
+									onSelect,
+									textValue: "Create note",
+									children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Create note" })
+								}, "create-note"),
+								/* @__PURE__ */ jsx(ContextMenu.Item, {
+									onSelect,
+									textValue: "Delete all notes",
+									children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Delete all notes" })
+								}, "delete-all-notes"),
+								/* @__PURE__ */ jsx(ContextMenu.Item, {
+									onSelect,
+									textValue: "Sync notes",
+									children: /* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Sync notes" })
+								}, "sync-all")
+							]
+						})
+					})] }),
+					/* @__PURE__ */ jsx(ContextMenu.Separator, {}),
+					/* @__PURE__ */ jsxs(ContextMenu.CheckboxItem, {
+						checked: bookmarksChecked,
+						onCheckedChange: setBookmarksChecked,
+						justify: "space-between",
+						children: [/* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Mark as read" }), /* @__PURE__ */ jsx(ContextMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, {
+							size: 12,
+							color: "color10"
+						}) })]
+					}, "show-hidden"),
+					/* @__PURE__ */ jsxs(ContextMenu.CheckboxItem, {
+						checked: native,
+						onCheckedChange: setNative,
+						justify: "space-between",
+						children: [/* @__PURE__ */ jsx(ContextMenu.ItemTitle, { children: "Enable Native" }), /* @__PURE__ */ jsx(ContextMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, {
+							size: 12,
+							color: "color10"
+						}) })]
+					}, "show-other-notes")
+				]
+			})
+		})]
+	});
 }
+
 export { ContextMenuDemo };
 //# sourceMappingURL=ContextMenuDemo.native.js.map

package/dist/esm/ContextMenuDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ContextMenu","Calendar","Check","ChevronRight","React","Text","View","YStack","ContextMenuDemo","bookmarksChecked","setBookmarksChecked","useState","native","setNative","onSelect","console","info","children","Trigger","asChild","p","rounded","borderWidth","borderStyle","borderColor","cursor","text","select","color","Portal","zIndex","Content","minW","transformOrigin","enterStyle","scale","opacity","y","exitStyle","elevation","transition","Arrow","size","Preview","items","justify","height","width","bg","Item","ItemTitle","Separator","textValue","ItemIcon","androidIconName","ios","name","disabled","destructive","Sub","SubTrigger","SubContent","x","Label"],"sources":["../../src/ContextMenuDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ContextMenuDemo.native.js","names":[],"sources":["esm/ContextMenuDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Calendar, Check, ChevronRight } from \"@tamagui/lucide-icons-2\";\nimport React from \"react\";\nimport { Text, View, YStack } from \"tamagui\";\nimport { ContextMenu } from \"./MenuSkins\";\nfunction ContextMenuDemo() {\n  var [bookmarksChecked, setBookmarksChecked] = React.useState(true);\n  var [native, setNative] = React.useState(true);\n  var onSelect = function() {\n    console.info(\"onSelect\");\n  };\n  return /* @__PURE__ */ _jsxs(ContextMenu, {\n    native,\n    children: [\n      /* @__PURE__ */ _jsx(ContextMenu.Trigger, {\n        asChild: true,\n        children: /* @__PURE__ */ _jsx(View, {\n          p: \"4\",\n          rounded: \"4\",\n          borderWidth: 1,\n          borderStyle: \"dashed\",\n          borderColor: \"color6\",\n          cursor: \"default\",\n          children: /* @__PURE__ */ _jsx(Text, {\n            text: \"center\",\n            select: \"none\",\n            color: \"color10\",\n            children: \"Right Click or Long Press\"\n          })\n        })\n      }),\n      /* @__PURE__ */ _jsx(ContextMenu.Portal, {\n        zIndex: 100,\n        children: /* @__PURE__ */ _jsxs(ContextMenu.Content, {\n          p: \"1-5\",\n          minW: 180,\n          borderWidth: 1,\n          borderColor: \"border-color\",\n          transformOrigin: \"left top\",\n          scale: \"enter:0.9 exit:0.95\",\n          opacity: \"enter:0 exit:0\",\n          y: \"enter:-5px exit:-3px\",\n          transition: \"100ms\",\n          children: [\n            /* @__PURE__ */ _jsx(ContextMenu.Arrow, {\n              size: 13,\n              borderWidth: 1,\n              borderColor: \"border-color\"\n            }),\n            /* @__PURE__ */ _jsx(ContextMenu.Preview, {\n              children: function() {\n                return /* @__PURE__ */ _jsx(YStack, {\n                  items: \"center\",\n                  justify: \"center\",\n                  height: 100,\n                  width: 250,\n                  bg: \"pink\",\n                  children: /* @__PURE__ */ _jsx(Text, {\n                    children: \"Your Preview here\"\n                  })\n                });\n              }\n            }),\n            /* @__PURE__ */ _jsx(ContextMenu.Item, {\n              onSelect,\n              children: /* @__PURE__ */ _jsx(ContextMenu.ItemTitle, {\n                children: \"About Notes\"\n              })\n            }, \"about-notes\"),\n            /* @__PURE__ */ _jsx(ContextMenu.Separator, {}),\n            /* @__PURE__ */ _jsx(ContextMenu.Item, {\n              onSelect,\n              children: /* @__PURE__ */ _jsx(ContextMenu.ItemTitle, {\n                children: \"Settings\"\n              })\n            }, \"settings\"),\n            /* @__PURE__ */ _jsxs(ContextMenu.Item, {\n              onSelect,\n              justify: \"space-between\",\n              textValue: \"Calendar\",\n              children: [\n                /* @__PURE__ */ _jsx(ContextMenu.ItemTitle, {\n                  children: \"Calendar\"\n                }),\n                /* @__PURE__ */ _jsx(ContextMenu.ItemIcon, {\n                  androidIconName: \"ic_menu_today\",\n                  ios: {\n                    name: \"calendar\"\n                  },\n                  children: /* @__PURE__ */ _jsx(Calendar, {\n                    color: \"gray\",\n                    size: 14\n                  })\n                })\n              ]\n            }, \"accounts\"),\n            /* @__PURE__ */ _jsx(ContextMenu.Separator, {}),\n            /* @__PURE__ */ _jsx(ContextMenu.Item, {\n              onSelect,\n              disabled: true,\n              textValue: \"Locked Notes\",\n              children: /* @__PURE__ */ _jsx(ContextMenu.ItemTitle, {\n                color: \"gray\",\n                children: \"Locked Notes\"\n              })\n            }, \"close-notes\"),\n            /* @__PURE__ */ _jsx(ContextMenu.Item, {\n              destructive: true,\n              onSelect,\n              children: /* @__PURE__ */ _jsx(ContextMenu.ItemTitle, {\n                color: \"red\",\n                children: \"Delete all\"\n              })\n            }, \"delete-all\"),\n            /* @__PURE__ */ _jsx(ContextMenu.Separator, {}),\n            /* Submenu */\n            /* @__PURE__ */ _jsxs(ContextMenu.Sub, {\n              children: [\n                /* @__PURE__ */ _jsxs(ContextMenu.SubTrigger, {\n                  justify: \"space-between\",\n                  textValue: \"Actions\",\n                  children: [\n                    /* @__PURE__ */ _jsx(ContextMenu.ItemTitle, {\n                      children: \"Actions\"\n                    }),\n                    /* @__PURE__ */ _jsx(ChevronRight, {\n                      size: 12,\n                      color: \"color10\"\n                    })\n                  ]\n                }, \"actions-trigger\"),\n                /* @__PURE__ */ _jsx(ContextMenu.Portal, {\n                  zIndex: 200,\n                  children: /* @__PURE__ */ _jsxs(ContextMenu.SubContent, {\n                    scale: \"enter:0.9 exit:0.95\",\n                    opacity: \"enter:0 exit:0\",\n                    x: \"enter:-5px exit:-3px\",\n                    transition: \"100ms\",\n                    transformOrigin: \"left top\",\n                    minW: 160,\n                    bg: \"background\",\n                    p: \"1-5\",\n                    borderWidth: 1,\n                    borderColor: \"border-color\",\n                    children: [\n                      /* @__PURE__ */ _jsx(ContextMenu.Label, {\n                        children: \"Note settings\"\n                      }),\n                      /* @__PURE__ */ _jsx(ContextMenu.Item, {\n                        onSelect,\n                        textValue: \"Create note\",\n                        children: /* @__PURE__ */ _jsx(ContextMenu.ItemTitle, {\n                          children: \"Create note\"\n                        })\n                      }, \"create-note\"),\n                      /* @__PURE__ */ _jsx(ContextMenu.Item, {\n                        onSelect,\n                        textValue: \"Delete all notes\",\n                        children: /* @__PURE__ */ _jsx(ContextMenu.ItemTitle, {\n                          children: \"Delete all notes\"\n                        })\n                      }, \"delete-all-notes\"),\n                      /* @__PURE__ */ _jsx(ContextMenu.Item, {\n                        onSelect,\n                        textValue: \"Sync notes\",\n                        children: /* @__PURE__ */ _jsx(ContextMenu.ItemTitle, {\n                          children: \"Sync notes\"\n                        })\n                      }, \"sync-all\")\n                    ]\n                  })\n                })\n              ]\n            }),\n            /* @__PURE__ */ _jsx(ContextMenu.Separator, {}),\n            /* @__PURE__ */ _jsxs(ContextMenu.CheckboxItem, {\n              checked: bookmarksChecked,\n              onCheckedChange: setBookmarksChecked,\n              justify: \"space-between\",\n              children: [\n                /* @__PURE__ */ _jsx(ContextMenu.ItemTitle, {\n                  children: \"Mark as read\"\n                }),\n                /* @__PURE__ */ _jsx(ContextMenu.ItemIndicator, {\n                  children: /* @__PURE__ */ _jsx(Check, {\n                    size: 12,\n                    color: \"color10\"\n                  })\n                })\n              ]\n            }, \"show-hidden\"),\n            /* @__PURE__ */ _jsxs(ContextMenu.CheckboxItem, {\n              checked: native,\n              onCheckedChange: setNative,\n              justify: \"space-between\",\n              children: [\n                /* @__PURE__ */ _jsx(ContextMenu.ItemTitle, {\n                  children: \"Enable Native\"\n                }),\n                /* @__PURE__ */ _jsx(ContextMenu.ItemIndicator, {\n                  children: /* @__PURE__ */ _jsx(Check, {\n                    size: 12,\n                    color: \"color10\"\n                  })\n                })\n              ]\n            }, \"show-other-notes\")\n          ]\n        })\n      })\n    ]\n  });\n}\nexport {\n  ContextMenuDemo\n};\n//# sourceMappingURL=ContextMenuDemo.js.map\n"],"mappings":"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"}