Merge pull request #1989 from gluestack/fix/warnings-depricated-props

feat: warning deprecated props

example/storybook-nativewind/package.json

@@ -29,7 +29,7 @@
     "@geometricpanda/storybook-addon-iframe": "^0.2.2",
     "@gluestack-style/react": "^1.0.52",
     "@gluestack-ui/config": "^1.1.17",
-    "@gluestack-ui/themed": "^1.1.14",
+    "@gluestack-ui/themed": "^1.1.15",
     "@gluestack/design-system": "^0.5.36",
     "@legendapp/motion": "^2.2.0",
     "@react-aria/button": "^3.7.0",
@@ -39,8 +39,8 @@
     "@react-aria/overlays": "^3.13.0",
     "@react-aria/separator": "^3.3.0",
     "@react-aria/utils": "^3.15.0",
-    "@react-native-aria/button": "^0.2.6",
-    "@react-native-aria/overlays": "^0.3.10",
+    "@react-native-aria/button": "^0.2.7",
+    "@react-native-aria/overlays": "^0.3.12",
     "@react-native-aria/separator": "^0.2.6",
     "@react-native-async-storage/async-storage": "~1.17.3",
     "@react-native-community/datetimepicker": "6.5.2",

example/storybook/package.json

@@ -34,8 +34,8 @@
     "@react-aria/overlays": "^3.13.0",
     "@react-aria/separator": "^3.3.0",
     "@react-aria/utils": "^3.15.0",
-    "@react-native-aria/button": "^0.2.6",
-    "@react-native-aria/overlays": "0.3.11",
+    "@react-native-aria/button": "^0.2.7",
+    "@react-native-aria/overlays": "0.3.12",
     "@react-native-aria/separator": "^0.2.6",
     "@react-native-async-storage/async-storage": "~1.17.3",
     "@react-native-community/datetimepicker": "6.5.2",

package.json

@@ -9,7 +9,7 @@
     "test": "bash ./scripts/test.sh",
     "dev": "turbo run dev",
     "build": "turbo run build --filter=@gluestack-style/react --filter=@react-native-aria/* --no-cache && yarn build:rest",
-    "build:rest": "turbo run build --filter=@gluestack-ui/* --filter=@gluestack-style/*  --no-cache",
+    "build:rest": "turbo run build --filter=@gluestack-ui/* --filter=@gluestack-style/* --filter=!@gluestack-ui/nativewind-utils --no-cache",
     "clean": "turbo run clean && rm -rf node_modules",
     "format": "prettier --write \"**/*.{ts,tsx,js,jsx,json,md}\" --ignore-path .gitignore",
     "release": "changeset publish",

packages/config/package.json

@@ -38,42 +38,42 @@
     "@gluestack-style/animation-resolver": "1.0.4",
     "@gluestack-style/legend-motion-animation-driver": "1.0.3",
     "@gluestack-style/react": "1.0.52",
-    "@gluestack-ui/accordion": "1.0.2",
-    "@gluestack-ui/actionsheet": "0.2.38",
+    "@gluestack-ui/accordion": "1.0.3",
+    "@gluestack-ui/actionsheet": "0.2.39",
     "@gluestack-ui/alert": "0.1.12",
-    "@gluestack-ui/alert-dialog": "0.1.26",
+    "@gluestack-ui/alert-dialog": "0.1.27",
     "@gluestack-ui/avatar": "0.1.15",
-    "@gluestack-ui/button": "1.0.2",
-    "@gluestack-ui/checkbox": "0.1.25",
+    "@gluestack-ui/button": "1.0.3",
+    "@gluestack-ui/checkbox": "0.1.26",
     "@gluestack-ui/divider": "0.1.8",
-    "@gluestack-ui/fab": "0.1.19",
+    "@gluestack-ui/fab": "0.1.20",
     "@gluestack-ui/form-control": "0.1.16",
     "@gluestack-ui/icon": "0.1.20",
-    "@gluestack-ui/image": "0.1.8",
-    "@gluestack-ui/input": "0.1.25",
-    "@gluestack-ui/link": "0.1.18",
-    "@gluestack-ui/menu": "0.2.31",
-    "@gluestack-ui/modal": "0.1.30",
-    "@gluestack-ui/overlay": "0.1.13",
-    "@gluestack-ui/popover": "0.1.33",
-    "@gluestack-ui/pressable": "0.1.15",
+    "@gluestack-ui/image": "0.1.9",
+    "@gluestack-ui/input": "0.1.26",
+    "@gluestack-ui/link": "0.1.19",
+    "@gluestack-ui/menu": "0.2.32",
+    "@gluestack-ui/modal": "0.1.31",
+    "@gluestack-ui/overlay": "0.1.14",
+    "@gluestack-ui/popover": "0.1.34",
+    "@gluestack-ui/pressable": "0.1.16",
     "@gluestack-ui/progress": "0.1.13",
-    "@gluestack-ui/provider": "0.1.11",
-    "@gluestack-ui/radio": "0.1.26",
+    "@gluestack-ui/provider": "0.1.12",
+    "@gluestack-ui/radio": "0.1.27",
     "@gluestack-ui/select": "0.1.25",
-    "@gluestack-ui/slider": "0.1.22",
+    "@gluestack-ui/slider": "0.1.23",
     "@gluestack-ui/spinner": "0.1.14",
-    "@gluestack-ui/switch": "0.1.20",
-    "@gluestack-ui/tabs": "0.1.15",
+    "@gluestack-ui/switch": "0.1.21",
+    "@gluestack-ui/tabs": "0.1.16",
     "@gluestack-ui/textarea": "0.1.20",
-    "@gluestack-ui/themed": "1.1.14",
+    "@gluestack-ui/themed": "1.1.15",
     "@gluestack-ui/toast": "1.0.4",
-    "@gluestack-ui/tooltip": "0.1.28",
+    "@gluestack-ui/tooltip": "0.1.29",
     "@legendapp/motion": "latest"
   },
   "peerDependencies": {
     "@gluestack-style/react": ">=1.0",
-    "@gluestack-ui/themed": ">=1.1.14"
+    "@gluestack-ui/themed": ">=1.1.15"
   },
   "release-it": {
     "git": {

packages/react-native-aria/button/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @react-native-aria/button
 
+## 0.2.7
+
+### Patch Changes
+
+- @react-native-aria/interactions@0.2.13
+
 ## 0.2.6
 
 ### Patch Changes

packages/react-native-aria/button/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native-aria/button",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "mono repo setup with bob",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -52,7 +52,7 @@
   },
   "dependencies": {
     "@react-aria/utils": "^3.6.0",
-    "@react-native-aria/interactions": "0.2.12",
+    "@react-native-aria/interactions": "0.2.13",
     "@react-stately/toggle": "^3.2.1",
     "@react-types/checkbox": "^3.2.1"
   },

packages/react-native-aria/checkbox/CHANGELOG.md

@@ -0,0 +1,9 @@
+# @react-native-aria/checkbox
+
+## 0.2.9
+
+### Patch Changes
+
+- Updated dependencies
+  - @react-native-aria/utils@0.2.11
+  - @react-native-aria/toggle@0.2.8

packages/react-native-aria/checkbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native-aria/checkbox",
-  "version": "0.2.8",
+  "version": "0.2.9",
   "description": "mono repo setup with bob",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -53,8 +53,8 @@
   "dependencies": {
     "@react-aria/checkbox": "3.2.1",
     "@react-aria/utils": "^3.6.0",
-    "@react-native-aria/toggle": "^0.2.6",
-    "@react-native-aria/utils": "^0.2.10",
+    "@react-native-aria/toggle": "^0.2.8",
+    "@react-native-aria/utils": "0.2.11",
     "@react-stately/toggle": "^3.2.1"
   },
   "peerDependencies": {

packages/react-native-aria/combobox/CHANGELOG.md

@@ -0,0 +1,8 @@
+# @react-native-aria/combobox
+
+## 0.2.6
+
+### Patch Changes
+
+- Updated dependencies
+  - @react-native-aria/utils@0.2.11

packages/react-native-aria/combobox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native-aria/combobox",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "description": "mono repo setup with bob",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -60,7 +60,7 @@
     "@react-aria/live-announcer": "^3.0.0-alpha.0",
     "@react-aria/overlays": "^3.7.0",
     "@react-aria/utils": "^3.6.0",
-    "@react-native-aria/utils": "^0.2.10",
+    "@react-native-aria/utils": "0.2.11",
     "@react-types/button": "^3.3.1"
   },
   "jest": {

packages/react-native-aria/dialog/CHANGELOG.md

@@ -0,0 +1,8 @@
+# @react-native-aria/dialog
+
+## 0.0.4
+
+### Patch Changes
+
+- Updated dependencies
+  - @react-native-aria/utils@0.2.11

packages/react-native-aria/dialog/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native-aria/dialog",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "mono repo setup with bob",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -57,7 +57,7 @@
   },
   "dependencies": {
     "@react-aria/dialog": "*",
-    "@react-native-aria/utils": "*",
+    "@react-native-aria/utils": "0.2.11",
     "@react-types/dialog": "*",
     "@react-types/shared": "*"
   },

packages/react-native-aria/disclosure/CHANGELOG.md

@@ -0,0 +1,9 @@
+# @react-native-aria/disclosure
+
+## 0.2.7
+
+### Patch Changes
+
+- fix: warnings of deprecated props
+- Updated dependencies
+  - @react-native-aria/utils@0.2.11

packages/react-native-aria/disclosure/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native-aria/disclosure",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "mono repo setup with bob",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -58,7 +58,7 @@
   },
   "dependencies": {
     "@react-aria/utils": "^3.6.0",
-    "@react-native-aria/utils": "^0.2.10"
+    "@react-native-aria/utils": "0.2.11"
   },
   "jest": {
     "preset": "react-native",

packages/react-native-aria/disclosure/src/useDisclosure.web.ts

@@ -8,7 +8,7 @@ export function useDisclosure(props: ViewProps, state: ToggleState) {
 
   return {
     disclosureProps: mergeProps(props, {
-      nativeID: id,
+      id,
     }),
   };
 }

packages/react-native-aria/interactions/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @react-native-aria/interactions
 
+## 0.2.13
+
+### Patch Changes
+
+- Updated dependencies
+  - @react-native-aria/utils@0.2.11
+
 ## 0.2.12
 
 ### Patch Changes

packages/react-native-aria/interactions/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native-aria/interactions",
-  "version": "0.2.12",
+  "version": "0.2.13",
   "description": "mono repo setup with bob",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -53,7 +53,7 @@
   "dependencies": {
     "@react-aria/interactions": "^3.3.2",
     "@react-aria/utils": "^3.6.0",
-    "@react-native-aria/utils": "^0.2.10"
+    "@react-native-aria/utils": "0.2.11"
   },
   "peerDependencies": {
     "react": "*",

packages/react-native-aria/listbox/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @react-native-aria/listbox
 
+## 0.2.6
+
+### Patch Changes
+
+- fix: warnings of deprecated props
+- Updated dependencies
+  - @react-native-aria/utils@0.2.11
+  - @react-native-aria/interactions@0.2.13
+
 ## 0.2.5
 
 ### Patch Changes

packages/react-native-aria/listbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native-aria/listbox",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "description": "mono repo setup with bob",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -61,8 +61,8 @@
     "@react-aria/listbox": "^3.2.4",
     "@react-aria/selection": "^3.3.2",
     "@react-aria/utils": "^3.6.0",
-    "@react-native-aria/interactions": "0.2.12",
-    "@react-native-aria/utils": "^0.2.10",
+    "@react-native-aria/interactions": "0.2.13",
+    "@react-native-aria/utils": "0.2.11",
     "@react-types/listbox": "^3.1.1",
     "@react-types/shared": "^3.4.0"
   },

packages/react-native-aria/listbox/src/useOption.web.ts

@@ -140,10 +140,10 @@ export function useOption<T>(
   return {
     optionProps,
     labelProps: {
-      nativeID: labelId,
+      id: labelId,
     },
     descriptionProps: {
-      nativeID: descriptionId,
+      id: descriptionId,
     },
   };
 }

packages/react-native-aria/menu/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @react-native-aria/menu
 
+## 0.2.12
+
+### Patch Changes
+
+- fix: warnings of deprecated props
+- Updated dependencies
+  - @react-native-aria/utils@0.2.11
+  - @react-native-aria/interactions@0.2.13
+  - @react-native-aria/overlays@0.3.12
+
 ## 0.2.11
 
 ### Patch Changes

packages/react-native-aria/menu/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native-aria/menu",
-  "version": "0.2.11",
+  "version": "0.2.12",
   "description": "mono repo setup with bob",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -55,9 +55,9 @@
     "@react-aria/menu": "^3.1.3",
     "@react-aria/selection": "^3.3.1",
     "@react-aria/utils": "^3.6.0",
-    "@react-native-aria/interactions": "0.2.12",
-    "@react-native-aria/overlays": "^0.3.10",
-    "@react-native-aria/utils": "^0.2.10",
+    "@react-native-aria/interactions": "0.2.13",
+    "@react-native-aria/overlays": "^0.3.12",
+    "@react-native-aria/utils": "0.2.11",
     "@react-stately/collections": "^3.3.0",
     "@react-stately/menu": "^3.2.1",
     "@react-stately/tree": "^3.1.2",

packages/react-native-aria/menu/src/useMenuItem.web.ts

@@ -191,13 +191,13 @@ export function useMenuItem<T>(
       ...mergeProps(pressProps, hoverProps, keyboardProps),
     },
     labelProps: {
-      nativeID: labelId,
+      id: labelId,
     },
     descriptionProps: {
-      nativeID: descriptionId,
+      id: descriptionId,
     },
     keyboardShortcutProps: {
-      nativeID: keyboardId,
+      id: keyboardId,
     },
   };
 }

packages/react-native-aria/menu/src/useMenuSection.ts

@@ -38,7 +38,7 @@ export function useMenuSection(props: AriaMenuSectionProps): MenuSectionAria {
           // Techincally, menus cannot contain headings according to ARIA.
           // We hide the heading from assistive technology, and only use it
           // as a label for the nested group.
-          'nativeID': headingId,
+          'id': headingId,
           'aria-hidden': true,
         }
       : {},

packages/react-native-aria/menu/src/useMenuTrigger.web.ts

@@ -43,7 +43,7 @@ export function useMenuTrigger(
   params.menuProps = mapDomPropsToRN(params.menuProps);
   params.menuTriggerProps = mapDomPropsToRN(params.menuTriggerProps);
   // @ts-ignore - Get types for Universal apps
-  params.menuTriggerProps.accessibilityRole = 'button';
+  params.menuTriggerProps.role = 'button';
 
   return params;
 }