@tamagui/menu 1.0.1-beta.167 → 1.0.1-beta.168
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 +2 -2
- package/dist/cjs/Menu.js.map +1 -1
- package/dist/esm/Menu.js +2 -2
- package/dist/esm/Menu.js.map +1 -1
- package/dist/jsx/Menu.js +2 -2
- package/dist/jsx/Menu.js.map +1 -1
- package/package.json +4 -4
- package/src/Menu.tsx +4 -4
- package/types/Menu.d.ts +2 -2
package/dist/cjs/Menu.js
CHANGED
|
@@ -30,13 +30,13 @@ const MenuItem = (props) => {
|
|
|
30
30
|
return props.children;
|
|
31
31
|
};
|
|
32
32
|
const Menu = (0, import_core.withStaticProperties)(
|
|
33
|
-
({ children, open: openProp, defaultOpen, trigger,
|
|
33
|
+
({ children, open: openProp, defaultOpen, trigger, onOpenChange }) => {
|
|
34
34
|
const media = (0, import_core.useMedia)();
|
|
35
35
|
const [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
|
|
36
36
|
prop: openProp,
|
|
37
37
|
defaultProp: defaultOpen || false,
|
|
38
38
|
onChange(next) {
|
|
39
|
-
|
|
39
|
+
onOpenChange == null ? void 0 : onOpenChange(next);
|
|
40
40
|
}
|
|
41
41
|
});
|
|
42
42
|
const triggerProps = (0, import_react.useMemo)(() => {
|
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'\nimport { 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
|
|
4
|
+
"sourcesContent": ["import { useMedia, withStaticProperties } from '@tamagui/core'\nimport { 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
5
|
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsCQ;AAtCR,kBAA+C;AAC/C,oBAAuC;AACvC,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;AAEL,QAAI,MAAM,IAAI;AACZ,aACE;AAAA,QACG;AAAA,yCAAa,SAAS,YAAY;AAAA,UACnC,4CAAC;AAAA,YAAO;AAAA,YAAY,WAAW,MAAM,QAAQ,KAAK;AAAA,YAC/C;AAAA,WACH;AAAA;AAAA,OACF;AAAA,IAEJ;AAEA,WAAO;AAAA,EAeT;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/Menu.js
CHANGED
|
@@ -7,13 +7,13 @@ const MenuItem = (props) => {
|
|
|
7
7
|
return props.children;
|
|
8
8
|
};
|
|
9
9
|
const Menu = withStaticProperties(
|
|
10
|
-
({ children, open: openProp, defaultOpen, trigger,
|
|
10
|
+
({ children, open: openProp, defaultOpen, trigger, onOpenChange }) => {
|
|
11
11
|
const media = useMedia();
|
|
12
12
|
const [open, setOpen] = useControllableState({
|
|
13
13
|
prop: openProp,
|
|
14
14
|
defaultProp: defaultOpen || false,
|
|
15
15
|
onChange(next) {
|
|
16
|
-
|
|
16
|
+
onOpenChange == null ? void 0 : onOpenChange(next);
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
19
|
const triggerProps = useMemo(() => {
|
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'\nimport { 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
|
|
4
|
+
"sourcesContent": ["import { useMedia, withStaticProperties } from '@tamagui/core'\nimport { 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
5
|
"mappings": "AAsCQ,mBAEE,KAFF;AAtCR,SAAS,UAAU,4BAA4B;AAC/C,SAAS,QAAQ,sBAAsB;AACvC,SAAS,4BAA4B;AACrC,SAAgB,cAAyB,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;AAEL,QAAI,MAAM,IAAI;AACZ,aACE;AAAA,QACG;AAAA,uBAAa,SAAS,YAAY;AAAA,UACnC,oBAAC;AAAA,YAAO;AAAA,YAAY,WAAW,MAAM,QAAQ,KAAK;AAAA,YAC/C;AAAA,WACH;AAAA;AAAA,OACF;AAAA,IAEJ;AAEA,WAAO;AAAA,EAeT;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/jsx/Menu.js
CHANGED
|
@@ -6,13 +6,13 @@ const MenuItem = (props) => {
|
|
|
6
6
|
return props.children;
|
|
7
7
|
};
|
|
8
8
|
const Menu = withStaticProperties(
|
|
9
|
-
({ children, open: openProp, defaultOpen, trigger,
|
|
9
|
+
({ children, open: openProp, defaultOpen, trigger, onOpenChange }) => {
|
|
10
10
|
const media = useMedia();
|
|
11
11
|
const [open, setOpen] = useControllableState({
|
|
12
12
|
prop: openProp,
|
|
13
13
|
defaultProp: defaultOpen || false,
|
|
14
14
|
onChange(next) {
|
|
15
|
-
|
|
15
|
+
onOpenChange?.(next);
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
const triggerProps = useMemo(() => {
|
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'\nimport { 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
|
|
4
|
+
"sourcesContent": ["import { useMedia, withStaticProperties } from '@tamagui/core'\nimport { 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
5
|
"mappings": "AAAA,SAAS,UAAU,4BAA4B;AAC/C,SAAS,QAAQ,sBAAsB;AACvC,SAAS,4BAA4B;AACrC,SAAgB,cAAyB,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;AAEL,QAAI,MAAM,IAAI;AACZ,aACE;AAAA,SACG,aAAa,SAAS,YAAY;AAAA,QACnC,CAAC,OAAO,MAAM,MAAM,WAAW,MAAM,QAAQ,KAAK,IAC/C,SACH,EAFC;AAAA,MAGH;AAAA,IAEJ;AAEA,WAAO;AAAA,EAeT;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;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.168",
|
|
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.168",
|
|
27
|
+
"@tamagui/popover": "^1.0.1-beta.168"
|
|
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.168",
|
|
35
35
|
"react": "*",
|
|
36
36
|
"react-dom": "*"
|
|
37
37
|
},
|
package/src/Menu.tsx
CHANGED
|
@@ -12,17 +12,17 @@ type MenuProps = {
|
|
|
12
12
|
open?: boolean
|
|
13
13
|
defaultOpen?: boolean
|
|
14
14
|
trigger?: any
|
|
15
|
-
|
|
15
|
+
onOpenChange?: (next: boolean) => void
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
export const Menu = withStaticProperties(
|
|
19
|
-
({ children, open: openProp, defaultOpen, trigger,
|
|
19
|
+
({ children, open: openProp, defaultOpen, trigger, onOpenChange }: MenuProps) => {
|
|
20
20
|
const media = useMedia()
|
|
21
21
|
const [open, setOpen] = useControllableState({
|
|
22
22
|
prop: openProp,
|
|
23
23
|
defaultProp: defaultOpen || false,
|
|
24
24
|
onChange(next) {
|
|
25
|
-
|
|
25
|
+
onOpenChange?.(next)
|
|
26
26
|
},
|
|
27
27
|
})
|
|
28
28
|
|
|
@@ -50,7 +50,7 @@ export const Menu = withStaticProperties(
|
|
|
50
50
|
// <Popover
|
|
51
51
|
// trigger={(props) => cloneElement(trigger, { ...props, ...triggerProps })}
|
|
52
52
|
// open={open}
|
|
53
|
-
//
|
|
53
|
+
// onOpenChange={setOpen}
|
|
54
54
|
// >
|
|
55
55
|
// <Popover.Content>
|
|
56
56
|
// <Popover.Arrow />
|
package/types/Menu.d.ts
CHANGED
|
@@ -4,9 +4,9 @@ declare type MenuProps = {
|
|
|
4
4
|
open?: boolean;
|
|
5
5
|
defaultOpen?: boolean;
|
|
6
6
|
trigger?: any;
|
|
7
|
-
|
|
7
|
+
onOpenChange?: (next: boolean) => void;
|
|
8
8
|
};
|
|
9
|
-
export declare const Menu: (({ children, open, defaultOpen, trigger,
|
|
9
|
+
export declare const Menu: (({ children, open, defaultOpen, trigger, onOpenChange }: MenuProps) => JSX.Element | null) & {
|
|
10
10
|
Item: (props: any) => any;
|
|
11
11
|
Provider: ({ children, }: import("@gorhom/bottom-sheet/lib/typescript/components/bottomSheetModalProvider/types").BottomSheetModalProviderProps) => JSX.Element;
|
|
12
12
|
};
|