Merge pull request #1766 from gluestack/release/@gluestack-ui/data-props

Release: gluestack-ui data props
gluestack · Feb 12, 2024 · c23851a · c23851a
2 parents 7d44003 + a5ae9c6
commit c23851a
Show file tree

Hide file tree

Showing 72 changed files with 510 additions and 47 deletions.
diff --git a/packages/themed/CHANGELOG.md b/packages/themed/CHANGELOG.md
@@ -1,5 +1,29 @@
 # @gluestack-ui/themed
 
+## 1.1.4
+
+### Patch Changes
+
+- Updated dependencies
+  - @gluestack-ui/alert-dialog@0.1.25
+  - @gluestack-ui/form-control@0.1.16
+  - @gluestack-ui/actionsheet@0.2.37
+  - @gluestack-ui/accordion@1.0.1
+  - @gluestack-ui/pressable@0.1.14
+  - @gluestack-ui/checkbox@0.1.24
+  - @gluestack-ui/textarea@0.1.20
+  - @gluestack-ui/popover@0.1.30
+  - @gluestack-ui/button@1.0.1
+  - @gluestack-ui/select@0.1.23
+  - @gluestack-ui/slider@0.1.20
+  - @gluestack-ui/switch@0.1.19
+  - @gluestack-ui/input@0.1.24
+  - @gluestack-ui/modal@0.1.29
+  - @gluestack-ui/radio@0.1.25
+  - @gluestack-ui/link@0.1.17
+  - @gluestack-ui/menu@0.2.28
+  - @gluestack-ui/fab@0.1.18
+
 ## 1.1.3
 
 ### Patch Changes

diff --git a/packages/themed/package.json b/packages/themed/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@gluestack-ui/themed",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "main": "build/index.js",
   "types": "build/index.d.ts",
   "module": "build/index",
@@ -32,34 +32,34 @@
     "@expo/html-elements": "latest",
     "@gluestack-style/animation-resolver": "1.0.4",
     "@gluestack-style/legend-motion-animation-driver": "1.0.3",
-    "@gluestack-ui/accordion": "1.0.0",
-    "@gluestack-ui/actionsheet": "0.2.36",
+    "@gluestack-ui/accordion": "1.0.1",
+    "@gluestack-ui/actionsheet": "0.2.37",
     "@gluestack-ui/alert": "0.1.12",
-    "@gluestack-ui/alert-dialog": "0.1.24",
+    "@gluestack-ui/alert-dialog": "0.1.25",
     "@gluestack-ui/avatar": "0.1.15",
-    "@gluestack-ui/button": "1.0.0",
-    "@gluestack-ui/checkbox": "0.1.23",
+    "@gluestack-ui/button": "1.0.1",
+    "@gluestack-ui/checkbox": "0.1.24",
     "@gluestack-ui/divider": "0.1.8",
-    "@gluestack-ui/fab": "0.1.17",
-    "@gluestack-ui/form-control": "0.1.15",
+    "@gluestack-ui/fab": "0.1.18",
+    "@gluestack-ui/form-control": "0.1.16",
     "@gluestack-ui/icon": "0.1.20",
     "@gluestack-ui/image": "0.1.7",
-    "@gluestack-ui/input": "0.1.23",
-    "@gluestack-ui/link": "0.1.16",
-    "@gluestack-ui/menu": "0.2.27",
-    "@gluestack-ui/modal": "0.1.28",
+    "@gluestack-ui/input": "0.1.24",
+    "@gluestack-ui/link": "0.1.17",
+    "@gluestack-ui/menu": "0.2.28",
+    "@gluestack-ui/modal": "0.1.29",
     "@gluestack-ui/overlay": "0.1.12",
-    "@gluestack-ui/popover": "0.1.29",
-    "@gluestack-ui/pressable": "0.1.13",
+    "@gluestack-ui/popover": "0.1.30",
+    "@gluestack-ui/pressable": "0.1.14",
     "@gluestack-ui/progress": "0.1.12",
     "@gluestack-ui/provider": "0.1.10",
-    "@gluestack-ui/radio": "0.1.24",
-    "@gluestack-ui/select": "0.1.22",
-    "@gluestack-ui/slider": "0.1.19",
+    "@gluestack-ui/radio": "0.1.25",
+    "@gluestack-ui/select": "0.1.23",
+    "@gluestack-ui/slider": "0.1.20",
     "@gluestack-ui/spinner": "0.1.14",
-    "@gluestack-ui/switch": "0.1.18",
+    "@gluestack-ui/switch": "0.1.19",
     "@gluestack-ui/tabs": "0.1.14",
-    "@gluestack-ui/textarea": "0.1.19",
+    "@gluestack-ui/textarea": "0.1.20",
     "@gluestack-ui/toast": "1.0.4",
     "@gluestack-ui/tooltip": "0.1.25",
     "@legendapp/motion": "latest"

diff --git a/packages/unstyled/accordion/CHANGELOG.md b/packages/unstyled/accordion/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @gluestack-ui/accordion
 
+## 1.0.1
+
+### Patch Changes
+
+- Feature
+  Added Support of data-state-\* props
+
 ## 1.0.0
 
 ### Major Changes

diff --git a/packages/unstyled/accordion/package.json b/packages/unstyled/accordion/package.json
@@ -15,7 +15,7 @@
     "ios",
     "nextjs"
   ],
-  "version": "1.0.0",
+  "version": "1.0.1",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
   "types": "lib/typescript/index.d.ts",

diff --git a/packages/unstyled/accordion/src/AccordionTrigger.tsx b/packages/unstyled/accordion/src/AccordionTrigger.tsx
@@ -47,6 +47,14 @@ export const AccordionTrigger = (StyledAccordionTrigger: any) =>
             focusVisible: isFocusVisibleProp || isFocusVisible,
             active: isPressedProp || isPressed,
           }}
+          dataSet={{
+            disabled: isDisabled ? 'true' : 'false',
+            hover: isHoveredProp || isHovered ? 'true' : 'false',
+            focus: isFocusedProp || isFocused ? 'true' : 'false',
+            focusVisible:
+              isFocusVisibleProp || isFocusVisible ? 'true' : 'false',
+            active: isPressedProp || isPressed ? 'true' : 'false',
+          }}
           disabled={isDisabled}
           onPressIn={composeEventHandlers(
             props?.onPressIn,

diff --git a/packages/unstyled/actionsheet/CHANGELOG.md b/packages/unstyled/actionsheet/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @gluestack-ui/actionsheet
 
+## 0.2.37
+
+### Patch Changes
+
+- Feature
+  Added Support of data-state-\* props
+
 ## 0.2.36
 
 ### Patch Changes

diff --git a/packages/unstyled/actionsheet/package.json b/packages/unstyled/actionsheet/package.json
@@ -15,7 +15,7 @@
     "ios",
     "nextjs"
   ],
-  "version": "0.2.36",
+  "version": "0.2.37",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
   "types": "lib/typescript/index.d.ts",

diff --git a/packages/unstyled/actionsheet/src/ActionsheetItem.tsx b/packages/unstyled/actionsheet/src/ActionsheetItem.tsx
@@ -64,10 +64,19 @@ export function ActionsheetItem<T>(
             hover: isHoveredProp || isHovered,
             focus: isFocusedProp || isFocused,
             // @ts-ignore
-            active: isPressedProp || isPressed || props?.states?.active,
+            active: isPressedProp || isPressed,
             disabled: isDisabled,
             focusVisible: isFocusVisibleProp || isFocusVisible,
           }}
+          dataSet={{
+            hover: isHoveredProp || isHovered ? 'true' : 'false',
+            focus: isFocusedProp || isFocused ? 'true' : 'false',
+            // @ts-ignore
+            active: isPressedProp || isPressed ? 'true' : 'false',
+            disabled: isDisabled ? 'true' : 'false',
+            focusVisible:
+              isFocusVisibleProp || isFocusVisible ? 'true' : 'false',
+          }}
         >
           {children}
         </StyledActionsheetItem>

diff --git a/packages/unstyled/alert-dialog/CHANGELOG.md b/packages/unstyled/alert-dialog/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @gluestack-ui/alert-dialog
 
+## 0.1.25
+
+### Patch Changes
+
+- Feature
+  Added Support of data-state-\* props
+
 ## 0.1.24
 
 ### Patch Changes

diff --git a/packages/unstyled/alert-dialog/package.json b/packages/unstyled/alert-dialog/package.json
@@ -15,7 +15,7 @@
     "ios",
     "nextjs"
   ],
-  "version": "0.1.24",
+  "version": "0.1.25",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
   "types": "lib/typescript/index.d.ts",

diff --git a/packages/unstyled/alert-dialog/src/AlertDialogCloseButton.tsx b/packages/unstyled/alert-dialog/src/AlertDialogCloseButton.tsx
@@ -70,6 +70,14 @@ const AlertDialogCloseButton = (StyledAlertDialogCloseButton: any) =>
             disabled: isDisabled,
             focusVisible: isFocusVisibleProp || isFocusVisible,
           }}
+          dataSet={{
+            hover: isHoveredProp || isHovered ? 'true' : 'false',
+            focus: isFocusedProp || isFocused ? 'true' : 'false',
+            active: isPressedProp || isPressed ? 'true' : 'false',
+            disabled: isDisabled ? 'true' : 'false',
+            focusVisible:
+              isFocusVisibleProp || isFocusVisible ? 'true' : 'false',
+          }}
           disabled={isDisabled}
           {...resolvedProps}
         >

diff --git a/packages/unstyled/button/CHANGELOG.md b/packages/unstyled/button/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @gluestack-ui/button
 
+## 1.0.1
+
+### Patch Changes
+
+- Feature
+  Added Support of data-state-\* props
+
 ## 1.0.0
 
 ### Major Changes

diff --git a/packages/unstyled/button/package.json b/packages/unstyled/button/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@gluestack-ui/button",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
   "types": "lib/typescript/index.d.ts",

diff --git a/packages/unstyled/button/src/Button.tsx b/packages/unstyled/button/src/Button.tsx
@@ -56,6 +56,14 @@ export const Button = <T,>(StyledButton: React.ComponentType<T>) =>
             disabled: isDisabled,
             focusVisible: isFocusVisibleProp || isFocusVisible,
           }}
+          dataSet={{
+            hover: isHoveredProp || isHovered ? 'true' : 'false',
+            focus: isFocusedProp || isFocused ? 'true' : 'false',
+            active: isPressedProp || isPressed ? 'true' : 'false',
+            disabled: isDisabled ? 'true' : 'false',
+            focusVisible:
+              isFocusVisibleProp || isFocusVisible ? 'true' : 'false',
+          }}
           disabled={isDisabled}
           {...(props as T)}
           onPressIn={composeEventHandlers(

diff --git a/packages/unstyled/checkbox/CHANGELOG.md b/packages/unstyled/checkbox/CHANGELOG.md
@@ -1,5 +1,14 @@
 # @gluestack-ui/checkbox
 
+## 0.1.24
+
+### Patch Changes
+
+- Feature
+  Added Support of data-state-\* props
+- Updated dependencies
+  - @gluestack-ui/form-control@0.1.16
+
 ## 0.1.23
 
 ### Patch Changes

diff --git a/packages/unstyled/checkbox/package.json b/packages/unstyled/checkbox/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@gluestack-ui/checkbox",
-  "version": "0.1.23",
+  "version": "0.1.24",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
   "types": "lib/typescript/index.d.ts",
@@ -43,7 +43,7 @@
     "typescript": "^4.7.4"
   },
   "dependencies": {
-    "@gluestack-ui/form-control": "^0.1.14",
+    "@gluestack-ui/form-control": "^0.1.16",
     "@gluestack-ui/utils": "^0.1.12",
     "@react-aria/visually-hidden": "^3.8.6",
     "@react-native-aria/checkbox": "^0.2.6",

diff --git a/packages/unstyled/checkbox/src/Checkbox.tsx b/packages/unstyled/checkbox/src/Checkbox.tsx
@@ -135,6 +135,18 @@ export const Checkbox = (StyledCheckbox: any) =>
             indeterminate: isIndeterminate || isIndeterminateProp,
             focusVisible: isFocusVisible,
           }}
+          dataSet={{
+            checked: isChecked || isCheckedProp ? 'true' : 'false',
+            disabled: isDisabled || isDisabledProp ? 'true' : 'false',
+            hover: isHovered || isHoveredProp ? 'true' : 'false',
+            invalid: isInvalid || isInvalidProp ? 'true' : 'false',
+            readonly: isReadOnly || isReadOnlyProp ? 'true' : 'false',
+            active: isPressed ? 'true' : 'false',
+            focus: isFocused ? 'true' : 'false',
+            indeterminate:
+              isIndeterminate || isIndeterminateProp ? 'true' : 'false',
+            focusVisible: isFocusVisible ? 'true' : 'false',
+          }}
         >
           <CheckboxProvider
             isChecked={isChecked || isCheckedProp}

diff --git a/packages/unstyled/checkbox/src/Checkbox.web.tsx b/packages/unstyled/checkbox/src/Checkbox.web.tsx
@@ -102,6 +102,18 @@ export const Checkbox = (StyledCheckbox: any) =>
           indeterminate: isIndeterminate || isIndeterminateProp,
           focusVisible: isFocusVisible || isFocusVisibleProp,
         }}
+        dataSet={{
+          checked: isChecked || isCheckedProp ? 'true' : 'false',
+          disabled: isDisabled || isDisabledProp ? 'true' : 'false',
+          hover: isHovered || isHoveredProp ? 'true' : 'false',
+          invalid: isInvalid || isInvalidProp ? 'true' : 'false',
+          readonly: isReadOnly || isReadOnlyProp ? 'true' : 'false',
+          active: isPressed ? 'true' : 'false',
+          focus: isFocused ? 'true' : 'false',
+          indeterminate:
+            isIndeterminate || isIndeterminateProp ? 'true' : 'false',
+          focusVisible: isFocusVisible || isFocusVisibleProp ? 'true' : 'false',
+        }}
       >
         <CheckboxProvider
           isChecked={isChecked || isCheckedProp}

diff --git a/packages/unstyled/checkbox/src/CheckboxIcon.tsx b/packages/unstyled/checkbox/src/CheckboxIcon.tsx
@@ -30,6 +30,17 @@ const CheckboxIcon = (StyledCheckboxIcon: any) =>
               focused: isFocused,
               indeterminate: isIndeterminate,
             }}
+            dataSet={{
+              hover: isHovered ? 'true' : 'false',
+              checked: isChecked ? 'true' : 'false',
+              disabled: isDisabled ? 'true' : 'false',
+              focusVisible: isFocusVisible ? 'true' : 'false',
+              invalid: isInvalid ? 'true' : 'false',
+              readOnly: isReadOnly ? 'true' : 'false',
+              pressed: isPressed ? 'true' : 'false',
+              focused: isFocused ? 'true' : 'false',
+              indeterminate: isIndeterminate ? 'true' : 'false',
+            }}
             {...props}
             ref={ref}
           >

diff --git a/packages/unstyled/checkbox/src/CheckboxIndicator.tsx b/packages/unstyled/checkbox/src/CheckboxIndicator.tsx
@@ -28,6 +28,17 @@ const CheckboxIndicator = (StyledCheckboxIndicator: any) =>
           focused: isFocused,
           indeterminate: isIndeterminate,
         }}
+        dataSet={{
+          hover: isHovered ? 'true' : 'false',
+          checked: isChecked ? 'true' : 'false',
+          disabled: isDisabled ? 'true' : 'false',
+          focusVisible: isFocusVisible ? 'true' : 'false',
+          invalid: isInvalid ? 'true' : 'false',
+          readOnly: isReadOnly ? 'true' : 'false',
+          active: isPressed ? 'true' : 'false',
+          focused: isFocused ? 'true' : 'false',
+          indeterminate: isIndeterminate ? 'true' : 'false',
+        }}
         {...props}
         ref={ref}
       >

diff --git a/packages/unstyled/checkbox/src/CheckboxLabel.tsx b/packages/unstyled/checkbox/src/CheckboxLabel.tsx
@@ -28,6 +28,17 @@ const CheckboxLabel = (StyledCheckboxLabel: any) =>
           focused: isFocused,
           indeterminate: isIndeterminate,
         }}
+        dataSet={{
+          hover: isHovered ? 'true' : 'false',
+          checked: isChecked ? 'true' : 'false',
+          disabled: isDisabled ? 'true' : 'false',
+          focusVisible: isFocusVisible ? 'true' : 'false',
+          invalid: isInvalid ? 'true' : 'false',
+          readOnly: isReadOnly ? 'true' : 'false',
+          pressed: isPressed ? 'true' : 'false',
+          focused: isFocused ? 'true' : 'false',
+          indeterminate: isIndeterminate ? 'true' : 'false',
+        }}
         {...props}
         ref={ref}
       >

diff --git a/packages/unstyled/fab/CHANGELOG.md b/packages/unstyled/fab/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @gluestack-ui/fab
 
+## 0.1.18
+
+### Patch Changes
+
+- Feature
+  Added Support of data-state-\* props
+
 ## 0.1.12
 
 ### Patch Changes

diff --git a/packages/unstyled/fab/package.json b/packages/unstyled/fab/package.json
@@ -15,7 +15,7 @@
     "ios",
     "nextjs"
   ],
-  "version": "0.1.17",
+  "version": "0.1.18",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
   "types": "lib/typescript/index.d.ts",