@tamagui/menu 1.0.1-rc.5.1 → 1.0.1-rc.6

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 CHANGED
@@ -32,7 +32,7 @@ const Menu = (0, import_core.withStaticProperties)(
32
32
  const media = (0, import_core.useMedia)();
33
33
  const [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
34
34
  prop: openProp,
35
- defaultProp: defaultOpen || false,
35
+ defaultProp: defaultOpen,
36
36
  onChange(next) {
37
37
  onOpenChange == null ? void 0 : onOpenChange(next);
38
38
  }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
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 || 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;",
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;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;AAAA,MACb,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
@@ -9,7 +9,7 @@ const Menu = withStaticProperties(
9
9
  const media = useMedia();
10
10
  const [open, setOpen] = useControllableState({
11
11
  prop: openProp,
12
- defaultProp: defaultOpen || false,
12
+ defaultProp: defaultOpen,
13
13
  onChange(next) {
14
14
  onOpenChange == null ? void 0 : onOpenChange(next);
15
15
  }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
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 || 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;",
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,EAER;AACF;",
6
6
  "names": []
7
7
  }
package/dist/jsx/Menu.js CHANGED
@@ -9,7 +9,7 @@ const Menu = withStaticProperties(
9
9
  const media = useMedia();
10
10
  const [open, setOpen] = useControllableState({
11
11
  prop: openProp,
12
- defaultProp: defaultOpen || false,
12
+ defaultProp: defaultOpen,
13
13
  onChange(next) {
14
14
  onOpenChange?.(next);
15
15
  }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
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 || 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;",
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,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-rc.5.1",
3
+ "version": "1.0.1-rc.6",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -17,21 +17,21 @@
17
17
  "scripts": {
18
18
  "build": "tamagui-build",
19
19
  "watch": "tamagui-build --watch",
20
- "lint": "eslint src",
21
- "lint:fix": "yarn lint --fix",
20
+ "lint": "../../node_modules/.bin/rome check src",
21
+ "lint:fix": "../../node_modules/.bin/rome check --apply-suggested src",
22
22
  "clean": "tamagui-build clean",
23
23
  "clean:build": "tamagui-build clean:build"
24
24
  },
25
25
  "dependencies": {
26
- "@tamagui/core": "^1.0.1-rc.5.1",
27
- "@tamagui/popover": "^1.0.1-rc.5.1"
26
+ "@tamagui/core": "^1.0.1-rc.6",
27
+ "@tamagui/popover": "^1.0.1-rc.6"
28
28
  },
29
29
  "peerDependencies": {
30
30
  "react": "^18.2.0",
31
31
  "react-dom": "^18.2.0"
32
32
  },
33
33
  "devDependencies": {
34
- "@tamagui/build": "^1.0.1-rc.5.1",
34
+ "@tamagui/build": "^1.0.1-rc.6",
35
35
  "react": "^18.2.0",
36
36
  "react-dom": "^18.2.0"
37
37
  },
package/src/Menu.tsx CHANGED
@@ -20,7 +20,7 @@ export const Menu = withStaticProperties(
20
20
  const media = useMedia()
21
21
  const [open, setOpen] = useControllableState({
22
22
  prop: openProp,
23
- defaultProp: defaultOpen || false,
23
+ defaultProp: defaultOpen,
24
24
  onChange(next) {
25
25
  onOpenChange?.(next)
26
26
  },
@@ -64,5 +64,5 @@ export const Menu = withStaticProperties(
64
64
  {
65
65
  Item: MenuItem,
66
66
  // Provider: DrawerProvider,
67
- }
67
+ },
68
68
  )