unicorn-demo-app 7.25.0 → 7.26.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unicorn-demo-app",
-  "version": "7.25.0",
+  "version": "7.26.0",
   "main": "src/index.js",
   "author": "Ethan Sharabi <ethan.shar@gmail.com>",
   "license": "MIT",

package/src/screens/__tests__/__snapshots__/TextFieldScreen.spec.js.snap

@@ -1899,6 +1899,8 @@ exports[`TextField Screen renders screen 1`] = `
               }
             >
               <Image
+                accessibilityRole="image"
+                accessible={false}
                 source={
                   {
                     "testUri": "../../../demo/src/assets/icons/info.png",
@@ -2695,6 +2697,7 @@ exports[`TextField Screen renders screen 1`] = `
                 ],
               ]
             }
+            testID="undefined.clearButton.container"
           >
             <View
               accessibilityLabel="clear"
@@ -2753,8 +2756,6 @@ exports[`TextField Screen renders screen 1`] = `
               <Image
                 accessibilityRole="image"
                 accessible={false}
-                assetGroup="icons"
-                onError={[Function]}
                 source={
                   {
                     "testUri": "../../../src/assets/icons/xFlat.png",
@@ -2762,16 +2763,6 @@ exports[`TextField Screen renders screen 1`] = `
                 }
                 style={
                   [
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    false,
                     [
                       {
                         "tintColor": "#5A48F5",
@@ -2780,7 +2771,12 @@ exports[`TextField Screen renders screen 1`] = `
                         "tintColor": "#A6ACB1",
                       },
                     ],
-                    false,
+                    undefined,
+                    undefined,
+                    undefined,
+                    {
+                      "tintColor": "#5A48F5",
+                    },
                   ]
                 }
                 testID="undefined.clearButton.icon"
@@ -2788,6 +2784,8 @@ exports[`TextField Screen renders screen 1`] = `
             </View>
           </View>
           <Image
+            accessibilityRole="image"
+            accessible={false}
             source={
               {
                 "testUri": "../../../demo/src/assets/icons/search.png",
@@ -3427,8 +3425,6 @@ exports[`TextField Screen renders screen 1`] = `
             <Image
               accessibilityRole="image"
               accessible={false}
-              assetGroup="icons"
-              onError={[Function]}
               source={
                 {
                   "testUri": "../../../demo/src/assets/icons/search.png",
@@ -3436,23 +3432,18 @@ exports[`TextField Screen renders screen 1`] = `
               }
               style={
                 [
-                  undefined,
-                  undefined,
-                  undefined,
-                  undefined,
-                  undefined,
-                  undefined,
-                  undefined,
-                  undefined,
-                  undefined,
-                  false,
                   [
                     {
                       "tintColor": "#20303C",
                     },
                     undefined,
                   ],
-                  false,
+                  undefined,
+                  undefined,
+                  undefined,
+                  {
+                    "tintColor": "#20303C",
+                  },
                 ]
               }
               testID="undefined.icon"
@@ -5398,6 +5389,8 @@ exports[`TextField Screen renders screen 1`] = `
             }
           >
             <Image
+              accessibilityRole="image"
+              accessible={false}
               marginL-s1={true}
               source={
                 {

package/src/screens/componentScreens/PickerScreen.tsx

@@ -82,6 +82,7 @@ const dialogOptions = [
   {label: 'Option 7', value: 6},
   {label: 'Option 8', value: 6}
 ];
+
 export default class PickerScreen extends Component {
   picker = React.createRef<PickerMethods>();
   state = {
@@ -99,7 +100,7 @@ export default class PickerScreen extends Component {
     contact: 0
   };
 
-  renderDialog: PickerProps['renderCustomModal'] = (modalProps: RenderCustomModalProps) => {
+  renderDialog: PickerProps['renderOverlay'] = (modalProps: RenderCustomModalProps) => {
     const {visible, children, toggleModal, onDone} = modalProps;
     return (
       <Incubator.Dialog
@@ -128,6 +129,7 @@ export default class PickerScreen extends Component {
           <Text text40 $textDefault>
             Picker
           </Text>
+          
           <Picker
             placeholder="Favorite Language"
             floatingPlaceholder
@@ -170,7 +172,7 @@ export default class PickerScreen extends Component {
             onChange={items => this.setState({customModalValues: items})}
             mode={Picker.modes.MULTI}
             trailingAccessory={dropdownIcon}
-            renderCustomModal={this.renderDialog}
+            renderOverlay={this.renderDialog}
             items={options}
           />
 
@@ -183,7 +185,7 @@ export default class PickerScreen extends Component {
             onChange={item => this.setState({option: item})}
             topBarProps={{title: 'Languages'}}
             useDialog
-            renderCustomDialogHeader={({onDone, onCancel}) => (
+            renderHeader={({onDone, onCancel}) => (
               <View padding-s5 row spread>
                 <Button link label="Cancel" onPress={onCancel}/>
                 <Button link label="Done" onPress={onDone}/>
@@ -194,13 +196,14 @@ export default class PickerScreen extends Component {
             searchPlaceholder={'Search a language'}
             items={dialogOptions}
           />
+          
           <Text marginB-10 text70 $textDefault>
             Custom Picker:
           </Text>
           <Picker
             value={this.state.filter}
             onChange={filter => this.setState({filter})}
-            renderPicker={(_value?: any, label?: string) => {
+            renderInput={(_value?: any, label?: string) => {
               return (
                 <View row>
                   <Icon
@@ -216,6 +219,7 @@ export default class PickerScreen extends Component {
             }}
             items={filters}
           />
+
           <Text marginT-20 marginB-10 text70 $textDefault>
             Custom Picker Items:
           </Text>
@@ -225,7 +229,7 @@ export default class PickerScreen extends Component {
             onChange={contact => {
               this.setState({contact});
             }}
-            renderPicker={(contactValue?: number) => {
+            renderInput={(contactValue?: number) => {
               const contact = contacts[contactValue!] ?? undefined;
               return (
                 <View row>
@@ -252,6 +256,7 @@ export default class PickerScreen extends Component {
             style={{alignSelf: 'flex-start'}}
             onPress={() => this.picker.current?.openExpandable?.()}
           />
+          
           <Text text60 marginT-s5>
             Different Field Types
           </Text>