@tamagui/menu 1.0.1-beta.113 → 1.0.1-beta.116
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.map +2 -2
- package/dist/esm/Menu.js.map +2 -2
- package/dist/jsx/Menu.js.map +2 -2
- package/package.json +5 -5
- package/src/Menu.tsx +0 -1
- package/types/Menu.d.ts.map +1 -1
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'\
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA+C;AAC/C,oBAAuC;AACvC,oCAAqC;AACrC,mBAAkE;
|
|
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 onChangeOpen?: (next: boolean) => void\n}\n\nexport const Menu = withStaticProperties(\n ({ children, open: openProp, defaultOpen, trigger, onChangeOpen }: MenuProps) => {\n const media = useMedia()\n const [open, setOpen] = useControllableState({\n prop: openProp,\n defaultProp: defaultOpen || false,\n onChange(next) {\n onChangeOpen?.(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 // onChangeOpen={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;AAC/C,oBAAuC;AACvC,oCAAqC;AACrC,mBAAkE;AAElE,MAAM,WAAW,CAAC,UAAU;AAC1B,SAAO,MAAM;AACf;AAUO,MAAM,OAAO,sCAClB,CAAC,EAAE,UAAU,MAAM,UAAU,aAAa,SAAS,mBAA8B;AAC/E,QAAM,QAAQ,0BAAS;AACvB,QAAM,CAAC,MAAM,WAAW,wDAAqB;AAAA,IAC3C,MAAM;AAAA,IACN,aAAa,eAAe;AAAA,IAC5B,SAAS,MAAM;AACb,mDAAe;AAAA,IACjB;AAAA,EACF,CAAC;AAED,QAAM,eAAe,0BAAQ,MAAM;AACjC,WAAO;AAAA,MACL,SAAS,MAAM;AACb,gBAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,MACnB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,MAAI,MAAM,IAAI;AACZ,WACE,wFACG,+BAAa,SAAS,YAAY,GACnC,mDAAC;AAAA,MAAO;AAAA,MAAY,WAAW,MAAM,QAAQ,KAAK;AAAA,OAC/C,QACH,CACF;AAAA,EAEJ;AAEA,SAAO;AAeT,GACA;AAAA,EACE,MAAM;AAAA,EACN,UAAU;AACZ,CACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
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'\
|
|
5
|
-
"mappings": "AAAA;AACA;AACA;AACA;
|
|
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 onChangeOpen?: (next: boolean) => void\n}\n\nexport const Menu = withStaticProperties(\n ({ children, open: openProp, defaultOpen, trigger, onChangeOpen }: MenuProps) => {\n const media = useMedia()\n const [open, setOpen] = useControllableState({\n prop: openProp,\n defaultProp: defaultOpen || false,\n onChange(next) {\n onChangeOpen?.(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 // onChangeOpen={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;AACA;AACA;AACA;AAEA,MAAM,WAAW,CAAC,UAAU;AAC1B,SAAO,MAAM;AACf;AAUO,MAAM,OAAO,qBAClB,CAAC,EAAE,UAAU,MAAM,UAAU,aAAa,SAAS,mBAA8B;AAC/E,QAAM,QAAQ,SAAS;AACvB,QAAM,CAAC,MAAM,WAAW,qBAAqB;AAAA,IAC3C,MAAM;AAAA,IACN,aAAa,eAAe;AAAA,IAC5B,SAAS,MAAM;AACb,mDAAe;AAAA,IACjB;AAAA,EACF,CAAC;AAED,QAAM,eAAe,QAAQ,MAAM;AACjC,WAAO;AAAA,MACL,SAAS,MAAM;AACb,gBAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,MACnB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,MAAI,MAAM,IAAI;AACZ,WACE,0DACG,aAAa,SAAS,YAAY,GACnC,oCAAC;AAAA,MAAO;AAAA,MAAY,WAAW,MAAM,QAAQ,KAAK;AAAA,OAC/C,QACH,CACF;AAAA,EAEJ;AAEA,SAAO;AAeT,GACA;AAAA,EACE,MAAM;AAAA,EACN,UAAU;AACZ,CACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
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'\
|
|
5
|
-
"mappings": "AAAA;AACA;AACA;AACA;
|
|
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 onChangeOpen?: (next: boolean) => void\n}\n\nexport const Menu = withStaticProperties(\n ({ children, open: openProp, defaultOpen, trigger, onChangeOpen }: MenuProps) => {\n const media = useMedia()\n const [open, setOpen] = useControllableState({\n prop: openProp,\n defaultProp: defaultOpen || false,\n onChange(next) {\n onChangeOpen?.(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 // onChangeOpen={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;AACA;AACA;AACA;AAEA,MAAM,WAAW,CAAC,UAAU;AAC1B,SAAO,MAAM;AACf;AAUO,MAAM,OAAO,qBAClB,CAAC,EAAE,UAAU,MAAM,UAAU,aAAa,SAAS,mBAA8B;AAC/E,QAAM,QAAQ,SAAS;AACvB,QAAM,CAAC,MAAM,WAAW,qBAAqB;AAAA,IAC3C,MAAM;AAAA,IACN,aAAa,eAAe;AAAA,IAC5B,SAAS,MAAM;AACb,mDAAe;AAAA,IACjB;AAAA,EACF,CAAC;AAED,QAAM,eAAe,QAAQ,MAAM;AACjC,WAAO;AAAA,MACL,SAAS,MAAM;AACb,gBAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,MACnB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,MAAI,MAAM,IAAI;AACZ,WACE;AAAA,OACG,aAAa,SAAS,YAAY;AAAA,MACnC,CAAC,OAAO,MAAM,MAAM,WAAW,MAAM,QAAQ,KAAK,IAC/C,SACH,EAFC;AAAA,IAGH;AAAA,EAEJ;AAEA,SAAO;AAeT,GACA;AAAA,EACE,MAAM;AAAA,EACN,UAAU;AACZ,CACF;",
|
|
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.116",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -21,9 +21,9 @@
|
|
|
21
21
|
"clean:build": "tamagui-build clean:build"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@tamagui/core": "^1.0.1-beta.
|
|
25
|
-
"@tamagui/polyfill-dev": "^1.0.1-beta.
|
|
26
|
-
"@tamagui/use-controllable-state": "^1.0.1-beta.
|
|
24
|
+
"@tamagui/core": "^1.0.1-beta.116",
|
|
25
|
+
"@tamagui/polyfill-dev": "^1.0.1-beta.116",
|
|
26
|
+
"@tamagui/use-controllable-state": "^1.0.1-beta.116",
|
|
27
27
|
"react-native-gesture-handler": "*",
|
|
28
28
|
"react-native-reanimated": "^2.8.0"
|
|
29
29
|
},
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"react-dom": "*"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@tamagui/build": "^1.0.1-beta.
|
|
35
|
+
"@tamagui/build": "^1.0.1-beta.116",
|
|
36
36
|
"react": "*",
|
|
37
37
|
"react-dom": "*"
|
|
38
38
|
},
|
package/src/Menu.tsx
CHANGED
|
@@ -2,7 +2,6 @@ import { useMedia, withStaticProperties } from '@tamagui/core'
|
|
|
2
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
|
-
import { Popover, YStack } from 'tamagui'
|
|
6
5
|
|
|
7
6
|
const MenuItem = (props) => {
|
|
8
7
|
return props.children
|
package/types/Menu.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../src/Menu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqD,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../src/Menu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqD,MAAM,OAAO,CAAA;AAMzE,aAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC,CAAA;AAED,eAAO,MAAM,IAAI,sEACoD,SAAS;;;CAiD7E,CAAA"}
|