@tamagui/menu 1.2.8 → 1.2.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,34 @@
1
+ import { useMedia, withStaticProperties } from "@tamagui/core";
2
+ import { useControllableState } from "@tamagui/use-controllable-state";
3
+ import { useMemo } from "react";
4
+ const MenuItem = (props) => {
5
+ return props.children;
6
+ };
7
+ const Menu = withStaticProperties(
8
+ ({ children, open: openProp, defaultOpen, trigger, onOpenChange }) => {
9
+ const media = useMedia();
10
+ const [open, setOpen] = useControllableState({
11
+ prop: openProp,
12
+ defaultProp: defaultOpen,
13
+ onChange(next) {
14
+ onOpenChange == null ? void 0 : onOpenChange(next);
15
+ }
16
+ });
17
+ const triggerProps = useMemo(() => {
18
+ return {
19
+ onPress: () => {
20
+ setOpen((x) => !x);
21
+ }
22
+ };
23
+ }, []);
24
+ return null;
25
+ },
26
+ {
27
+ Item: MenuItem
28
+ // Provider: DrawerProvider,
29
+ }
30
+ );
31
+ export {
32
+ Menu
33
+ };
34
+ //# sourceMappingURL=Menu.mjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/Menu.tsx"],
4
+ "sourcesContent": ["import { useMedia, withStaticProperties } from '@tamagui/core'\n// import { Drawer, DrawerProvider } from '@tamagui/drawer'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport React, { cloneElement, useEffect, useMemo, useState } from 'react'\n\nconst MenuItem = (props) => {\n return props.children\n}\n\ntype MenuProps = {\n children?: React.ReactNode\n open?: boolean\n defaultOpen?: boolean\n trigger?: any\n onOpenChange?: (next: boolean) => void\n}\n\nexport const Menu = withStaticProperties(\n ({ children, open: openProp, defaultOpen, trigger, onOpenChange }: MenuProps) => {\n const media = useMedia()\n const [open, setOpen] = useControllableState({\n prop: openProp,\n defaultProp: defaultOpen,\n onChange(next) {\n onOpenChange?.(next)\n },\n })\n\n const triggerProps = useMemo(() => {\n return {\n onPress: () => {\n setOpen((x) => !x)\n },\n }\n }, [])\n\n // if (media.sm) {\n // return (\n // <>\n // {cloneElement(trigger, triggerProps)}\n // <Drawer open={open} onDismiss={() => setOpen(false)}>\n // {children}\n // </Drawer>\n // </>\n // )\n // }\n\n return null\n // return (\n // <Popover\n // trigger={(props) => cloneElement(trigger, { ...props, ...triggerProps })}\n // open={open}\n // onOpenChange={setOpen}\n // >\n // <Popover.Content>\n // <Popover.Arrow />\n // <YStack backgroundColor=\"$background\" borderRadius=\"$2\">\n // {children}\n // </YStack>\n // </Popover.Content>\n // </Popover>\n // )\n },\n {\n Item: MenuItem,\n // Provider: DrawerProvider,\n },\n)\n"],
5
+ "mappings": "AAAA,SAAS,UAAU,4BAA4B;AAE/C,SAAS,4BAA4B;AACrC,SAAyC,eAAyB;AAElE,MAAM,WAAW,CAAC,UAAU;AAC1B,SAAO,MAAM;AACf;AAUO,MAAM,OAAO;AAAA,EAClB,CAAC,EAAE,UAAU,MAAM,UAAU,aAAa,SAAS,aAAa,MAAiB;AAC/E,UAAM,QAAQ,SAAS;AACvB,UAAM,CAAC,MAAM,OAAO,IAAI,qBAAqB;AAAA,MAC3C,MAAM;AAAA,MACN,aAAa;AAAA,MACb,SAAS,MAAM;AACb,qDAAe;AAAA,MACjB;AAAA,IACF,CAAC;AAED,UAAM,eAAe,QAAQ,MAAM;AACjC,aAAO;AAAA,QACL,SAAS,MAAM;AACb,kBAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,QACnB;AAAA,MACF;AAAA,IACF,GAAG,CAAC,CAAC;AAaL,WAAO;AAAA,EAeT;AAAA,EACA;AAAA,IACE,MAAM;AAAA;AAAA,EAER;AACF;",
6
+ "names": []
7
+ }
@@ -0,0 +1,3 @@
1
+ import "@tamagui/polyfill-dev";
2
+ export * from "./Menu";
3
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/index.tsx"],
4
+ "sourcesContent": ["import '@tamagui/polyfill-dev'\nexport * from './Menu'\n"],
5
+ "mappings": "AAAA,OAAO;AACP,cAAc;",
6
+ "names": []
7
+ }
@@ -0,0 +1,34 @@
1
+ import { useMedia, withStaticProperties } from "@tamagui/core";
2
+ import { useControllableState } from "@tamagui/use-controllable-state";
3
+ import { useMemo } from "react";
4
+ const MenuItem = (props) => {
5
+ return props.children;
6
+ };
7
+ const Menu = withStaticProperties(
8
+ ({ children, open: openProp, defaultOpen, trigger, onOpenChange }) => {
9
+ const media = useMedia();
10
+ const [open, setOpen] = useControllableState({
11
+ prop: openProp,
12
+ defaultProp: defaultOpen,
13
+ onChange(next) {
14
+ onOpenChange?.(next);
15
+ }
16
+ });
17
+ const triggerProps = useMemo(() => {
18
+ return {
19
+ onPress: () => {
20
+ setOpen((x) => !x);
21
+ }
22
+ };
23
+ }, []);
24
+ return null;
25
+ },
26
+ {
27
+ Item: MenuItem
28
+ // Provider: DrawerProvider,
29
+ }
30
+ );
31
+ export {
32
+ Menu
33
+ };
34
+ //# sourceMappingURL=Menu.mjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/Menu.tsx"],
4
+ "sourcesContent": ["import { useMedia, withStaticProperties } from '@tamagui/core'\n// import { Drawer, DrawerProvider } from '@tamagui/drawer'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport React, { cloneElement, useEffect, useMemo, useState } from 'react'\n\nconst MenuItem = (props) => {\n return props.children\n}\n\ntype MenuProps = {\n children?: React.ReactNode\n open?: boolean\n defaultOpen?: boolean\n trigger?: any\n onOpenChange?: (next: boolean) => void\n}\n\nexport const Menu = withStaticProperties(\n ({ children, open: openProp, defaultOpen, trigger, onOpenChange }: MenuProps) => {\n const media = useMedia()\n const [open, setOpen] = useControllableState({\n prop: openProp,\n defaultProp: defaultOpen,\n onChange(next) {\n onOpenChange?.(next)\n },\n })\n\n const triggerProps = useMemo(() => {\n return {\n onPress: () => {\n setOpen((x) => !x)\n },\n }\n }, [])\n\n // if (media.sm) {\n // return (\n // <>\n // {cloneElement(trigger, triggerProps)}\n // <Drawer open={open} onDismiss={() => setOpen(false)}>\n // {children}\n // </Drawer>\n // </>\n // )\n // }\n\n return null\n // return (\n // <Popover\n // trigger={(props) => cloneElement(trigger, { ...props, ...triggerProps })}\n // open={open}\n // onOpenChange={setOpen}\n // >\n // <Popover.Content>\n // <Popover.Arrow />\n // <YStack backgroundColor=\"$background\" borderRadius=\"$2\">\n // {children}\n // </YStack>\n // </Popover.Content>\n // </Popover>\n // )\n },\n {\n Item: MenuItem,\n // Provider: DrawerProvider,\n },\n)\n"],
5
+ "mappings": "AAAA,SAAS,UAAU,4BAA4B;AAE/C,SAAS,4BAA4B;AACrC,SAAyC,eAAyB;AAElE,MAAM,WAAW,CAAC,UAAU;AAC1B,SAAO,MAAM;AACf;AAUO,MAAM,OAAO;AAAA,EAClB,CAAC,EAAE,UAAU,MAAM,UAAU,aAAa,SAAS,aAAa,MAAiB;AAC/E,UAAM,QAAQ,SAAS;AACvB,UAAM,CAAC,MAAM,OAAO,IAAI,qBAAqB;AAAA,MAC3C,MAAM;AAAA,MACN,aAAa;AAAA,MACb,SAAS,MAAM;AACb,uBAAe,IAAI;AAAA,MACrB;AAAA,IACF,CAAC;AAED,UAAM,eAAe,QAAQ,MAAM;AACjC,aAAO;AAAA,QACL,SAAS,MAAM;AACb,kBAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,QACnB;AAAA,MACF;AAAA,IACF,GAAG,CAAC,CAAC;AAaL,WAAO;AAAA,EAeT;AAAA,EACA;AAAA,IACE,MAAM;AAAA;AAAA,EAER;AACF;",
6
+ "names": []
7
+ }
@@ -0,0 +1,3 @@
1
+ import "@tamagui/polyfill-dev";
2
+ export * from "./Menu";
3
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/index.tsx"],
4
+ "sourcesContent": ["import '@tamagui/polyfill-dev'\nexport * from './Menu'\n"],
5
+ "mappings": "AAAA,OAAO;AACP,cAAc;",
6
+ "names": []
7
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/menu",
3
- "version": "1.2.8",
3
+ "version": "1.2.10",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -23,15 +23,15 @@
23
23
  "clean:build": "tamagui-build clean:build"
24
24
  },
25
25
  "dependencies": {
26
- "@tamagui/core": "^1.2.8",
27
- "@tamagui/popover": "^1.2.8"
26
+ "@tamagui/core": "^1.2.10",
27
+ "@tamagui/popover": "^1.2.10"
28
28
  },
29
29
  "peerDependencies": {
30
30
  "react": "*",
31
31
  "react-dom": "*"
32
32
  },
33
33
  "devDependencies": {
34
- "@tamagui/build": "^1.2.8",
34
+ "@tamagui/build": "^1.2.10",
35
35
  "react": "^18.2.0",
36
36
  "react-dom": "^18.2.0"
37
37
  },