@tamagui/menu 1.0.1-beta.193 → 1.0.1-beta.194
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.
- package/dist/cjs/Menu.js +1 -16
- package/dist/cjs/Menu.js.map +2 -2
- package/dist/esm/Menu.js +2 -17
- package/dist/esm/Menu.js.map +2 -2
- package/dist/jsx/Menu.js +2 -10
- package/dist/jsx/Menu.js.map +2 -2
- package/package.json +4 -4
- package/src/Menu.tsx +12 -12
- package/types/Menu.d.ts +1 -2
package/dist/cjs/Menu.js
CHANGED
|
@@ -21,9 +21,7 @@ __export(Menu_exports, {
|
|
|
21
21
|
Menu: () => Menu
|
|
22
22
|
});
|
|
23
23
|
module.exports = __toCommonJS(Menu_exports);
|
|
24
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
25
24
|
var import_core = require("@tamagui/core");
|
|
26
|
-
var import_drawer = require("@tamagui/drawer");
|
|
27
25
|
var import_use_controllable_state = require("@tamagui/use-controllable-state");
|
|
28
26
|
var import_react = require("react");
|
|
29
27
|
const MenuItem = (props) => {
|
|
@@ -46,23 +44,10 @@ const Menu = (0, import_core.withStaticProperties)(
|
|
|
46
44
|
}
|
|
47
45
|
};
|
|
48
46
|
}, []);
|
|
49
|
-
if (media.sm) {
|
|
50
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
51
|
-
children: [
|
|
52
|
-
(0, import_react.cloneElement)(trigger, triggerProps),
|
|
53
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drawer.Drawer, {
|
|
54
|
-
open,
|
|
55
|
-
onDismiss: () => setOpen(false),
|
|
56
|
-
children
|
|
57
|
-
})
|
|
58
|
-
]
|
|
59
|
-
});
|
|
60
|
-
}
|
|
61
47
|
return null;
|
|
62
48
|
},
|
|
63
49
|
{
|
|
64
|
-
Item: MenuItem
|
|
65
|
-
Provider: import_drawer.DrawerProvider
|
|
50
|
+
Item: MenuItem
|
|
66
51
|
}
|
|
67
52
|
);
|
|
68
53
|
// Annotate the CommonJS export names for ESM import in node:
|
package/dist/cjs/Menu.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Menu.tsx"],
|
|
4
|
-
"sourcesContent": ["import { useMedia, withStaticProperties } from '@tamagui/core'\
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
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 || false,\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;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA+C;AAE/C,oCAAqC;AACrC,mBAAkE;AAElE,MAAM,WAAW,CAAC,UAAU;AAC1B,SAAO,MAAM;AACf;AAUO,MAAM,WAAO;AAAA,EAClB,CAAC,EAAE,UAAU,MAAM,UAAU,aAAa,SAAS,aAAa,MAAiB;AAC/E,UAAM,YAAQ,sBAAS;AACvB,UAAM,CAAC,MAAM,OAAO,QAAI,oDAAqB;AAAA,MAC3C,MAAM;AAAA,MACN,aAAa,eAAe;AAAA,MAC5B,SAAS,MAAM;AACb,qDAAe;AAAA,MACjB;AAAA,IACF,CAAC;AAED,UAAM,mBAAe,sBAAQ,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,EAER;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/Menu.js
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
2
1
|
import { useMedia, withStaticProperties } from "@tamagui/core";
|
|
3
|
-
import { Drawer, DrawerProvider } from "@tamagui/drawer";
|
|
4
2
|
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
5
|
-
import {
|
|
3
|
+
import { useMemo } from "react";
|
|
6
4
|
const MenuItem = (props) => {
|
|
7
5
|
return props.children;
|
|
8
6
|
};
|
|
@@ -23,23 +21,10 @@ const Menu = withStaticProperties(
|
|
|
23
21
|
}
|
|
24
22
|
};
|
|
25
23
|
}, []);
|
|
26
|
-
if (media.sm) {
|
|
27
|
-
return /* @__PURE__ */ jsxs(Fragment, {
|
|
28
|
-
children: [
|
|
29
|
-
cloneElement(trigger, triggerProps),
|
|
30
|
-
/* @__PURE__ */ jsx(Drawer, {
|
|
31
|
-
open,
|
|
32
|
-
onDismiss: () => setOpen(false),
|
|
33
|
-
children
|
|
34
|
-
})
|
|
35
|
-
]
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
24
|
return null;
|
|
39
25
|
},
|
|
40
26
|
{
|
|
41
|
-
Item: MenuItem
|
|
42
|
-
Provider: DrawerProvider
|
|
27
|
+
Item: MenuItem
|
|
43
28
|
}
|
|
44
29
|
);
|
|
45
30
|
export {
|
package/dist/esm/Menu.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Menu.tsx"],
|
|
4
|
-
"sourcesContent": ["import { useMedia, withStaticProperties } from '@tamagui/core'\
|
|
5
|
-
"mappings": "
|
|
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 || false,\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,eAAe;AAAA,MAC5B,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,EAER;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/jsx/Menu.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { useMedia, withStaticProperties } from "@tamagui/core";
|
|
2
|
-
import { Drawer, DrawerProvider } from "@tamagui/drawer";
|
|
3
2
|
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
4
|
-
import {
|
|
3
|
+
import { useMemo } from "react";
|
|
5
4
|
const MenuItem = (props) => {
|
|
6
5
|
return props.children;
|
|
7
6
|
};
|
|
@@ -22,17 +21,10 @@ const Menu = withStaticProperties(
|
|
|
22
21
|
}
|
|
23
22
|
};
|
|
24
23
|
}, []);
|
|
25
|
-
if (media.sm) {
|
|
26
|
-
return <>
|
|
27
|
-
{cloneElement(trigger, triggerProps)}
|
|
28
|
-
<Drawer open={open} onDismiss={() => setOpen(false)}>{children}</Drawer>
|
|
29
|
-
</>;
|
|
30
|
-
}
|
|
31
24
|
return null;
|
|
32
25
|
},
|
|
33
26
|
{
|
|
34
|
-
Item: MenuItem
|
|
35
|
-
Provider: DrawerProvider
|
|
27
|
+
Item: MenuItem
|
|
36
28
|
}
|
|
37
29
|
);
|
|
38
30
|
export {
|
package/dist/jsx/Menu.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Menu.tsx"],
|
|
4
|
-
"sourcesContent": ["import { useMedia, withStaticProperties } from '@tamagui/core'\
|
|
5
|
-
"mappings": "AAAA,SAAS,UAAU,4BAA4B;
|
|
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 || false,\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,eAAe;AAAA,MAC5B,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,EAER;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/menu",
|
|
3
|
-
"version": "1.0.1-beta.
|
|
3
|
+
"version": "1.0.1-beta.194",
|
|
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.0.1-beta.
|
|
27
|
-
"@tamagui/popover": "^1.0.1-beta.
|
|
26
|
+
"@tamagui/core": "^1.0.1-beta.194",
|
|
27
|
+
"@tamagui/popover": "^1.0.1-beta.194"
|
|
28
28
|
},
|
|
29
29
|
"peerDependencies": {
|
|
30
30
|
"react": "*",
|
|
31
31
|
"react-dom": "*"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
|
-
"@tamagui/build": "^1.0.1-beta.
|
|
34
|
+
"@tamagui/build": "^1.0.1-beta.194",
|
|
35
35
|
"react": "*",
|
|
36
36
|
"react-dom": "*"
|
|
37
37
|
},
|
package/src/Menu.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useMedia, withStaticProperties } from '@tamagui/core'
|
|
2
|
-
import { Drawer, DrawerProvider } from '@tamagui/drawer'
|
|
2
|
+
// import { Drawer, DrawerProvider } from '@tamagui/drawer'
|
|
3
3
|
import { useControllableState } from '@tamagui/use-controllable-state'
|
|
4
4
|
import React, { cloneElement, useEffect, useMemo, useState } from 'react'
|
|
5
5
|
|
|
@@ -34,16 +34,16 @@ export const Menu = withStaticProperties(
|
|
|
34
34
|
}
|
|
35
35
|
}, [])
|
|
36
36
|
|
|
37
|
-
if (media.sm) {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
}
|
|
37
|
+
// if (media.sm) {
|
|
38
|
+
// return (
|
|
39
|
+
// <>
|
|
40
|
+
// {cloneElement(trigger, triggerProps)}
|
|
41
|
+
// <Drawer open={open} onDismiss={() => setOpen(false)}>
|
|
42
|
+
// {children}
|
|
43
|
+
// </Drawer>
|
|
44
|
+
// </>
|
|
45
|
+
// )
|
|
46
|
+
// }
|
|
47
47
|
|
|
48
48
|
return null
|
|
49
49
|
// return (
|
|
@@ -63,6 +63,6 @@ export const Menu = withStaticProperties(
|
|
|
63
63
|
},
|
|
64
64
|
{
|
|
65
65
|
Item: MenuItem,
|
|
66
|
-
Provider: DrawerProvider,
|
|
66
|
+
// Provider: DrawerProvider,
|
|
67
67
|
}
|
|
68
68
|
)
|
package/types/Menu.d.ts
CHANGED
|
@@ -6,9 +6,8 @@ declare type MenuProps = {
|
|
|
6
6
|
trigger?: any;
|
|
7
7
|
onOpenChange?: (next: boolean) => void;
|
|
8
8
|
};
|
|
9
|
-
export declare const Menu: (({ children, open, defaultOpen, trigger, onOpenChange }: MenuProps) =>
|
|
9
|
+
export declare const Menu: (({ children, open, defaultOpen, trigger, onOpenChange }: MenuProps) => null) & {
|
|
10
10
|
Item: (props: any) => any;
|
|
11
|
-
Provider: ({ children, }: import("@gorhom/bottom-sheet/lib/typescript/components/bottomSheetModalProvider/types").BottomSheetModalProviderProps) => JSX.Element;
|
|
12
11
|
};
|
|
13
12
|
export {};
|
|
14
13
|
//# sourceMappingURL=Menu.d.ts.map
|