@hero-design/rn 7.16.0 → 7.16.2

package/src/components/Select/StyledSelect.tsx

@@ -1,20 +1,7 @@
-import { View, TouchableOpacity } from 'react-native';
+import { View } from 'react-native';
 import styled from '@emotion/native';
 import Typography from '../Typography';
 
-const OptionWrapper = styled(TouchableOpacity)<{
-  themeSelected: boolean;
-}>(({ theme, themeSelected }) => ({
-  flexDirection: 'row',
-  justifyContent: 'space-between',
-  alignItems: 'center',
-  borderRadius: theme.__hd__.select.radii.option,
-  padding: theme.__hd__.select.space.optionPadding,
-  backgroundColor: themeSelected
-    ? theme.__hd__.select.colors.checkedOption
-    : theme.__hd__.select.colors.option,
-}));
-
 const Spacer = styled(View)(({ theme }) => ({
   marginTop: theme.__hd__.select.space.optionListSpacing,
 }));
@@ -29,4 +16,4 @@ const StyledSearchBar = styled(View)(({ theme }) => ({
   paddingBottom: theme.__hd__.select.space.searchBarBottomSpacing,
 }));
 
-export { OptionWrapper, Spacer, FooterText, StyledSearchBar };
+export { Spacer, FooterText, StyledSearchBar };

package/src/components/Select/__tests__/StyledSelect.spec.tsx

@@ -1,20 +1,6 @@
 import React from 'react';
 import renderWithTheme from '../../../testHelpers/renderWithTheme';
-import { OptionWrapper, Spacer, FooterText } from '../StyledSelect';
-
-describe('OptionWrapper', () => {
-  it.each`
-    themeSelected
-    ${true}
-    ${false}
-  `('has selected style: $themeSelected', ({ themeSelected }) => {
-    const { toJSON } = renderWithTheme(
-      <OptionWrapper themeSelected={themeSelected} />
-    );
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-});
+import { Spacer, FooterText } from '../StyledSelect';
 
 describe('Spacer', () => {
   it('has correct style', () => {

package/src/components/Select/__tests__/__snapshots__/StyledSelect.spec.tsx.snap

@@ -27,60 +27,6 @@ exports[`FooterText has correct style 1`] = `
 </Text>
 `;
 
-exports[`OptionWrapper has selected style: false 1`] = `
-<View
-  accessible={true}
-  collapsable={false}
-  focusable={false}
-  nativeID="animatedComponent"
-  onClick={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    Object {
-      "alignItems": "center",
-      "backgroundColor": "#ffffff",
-      "borderRadius": 4,
-      "flexDirection": "row",
-      "justifyContent": "space-between",
-      "opacity": 1,
-      "padding": 16,
-    }
-  }
-/>
-`;
-
-exports[`OptionWrapper has selected style: true 1`] = `
-<View
-  accessible={true}
-  collapsable={false}
-  focusable={false}
-  nativeID="animatedComponent"
-  onClick={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    Object {
-      "alignItems": "center",
-      "backgroundColor": "#f1e9fb",
-      "borderRadius": 4,
-      "flexDirection": "row",
-      "justifyContent": "space-between",
-      "opacity": 1,
-      "padding": 16,
-    }
-  }
-/>
-`;
-
 exports[`Spacer has correct style 1`] = `
 <View
   style={

package/src/components/TimePicker/TimePickerIOS.tsx

@@ -23,7 +23,7 @@ const TimePickerIOS = ({
   style,
   testID,
 }: TimePickerProps) => {
-  const [selectingDate, setSelectingDate] = useState<Date | undefined>(value);
+  const [selectingDate, setSelectingDate] = useState<Date>(value || new Date());
   const [open, setOpen] = useState(false);
 
   const is12Hour = displayFormat.includes('hh');
@@ -71,7 +71,7 @@ const TimePickerIOS = ({
         <StyledPickerWrapper>
           <DateTimePicker
             testID="timePickerIOS"
-            value={selectingDate || new Date()}
+            value={selectingDate}
             mode="time"
             // Current prop is24Hour config only available for Android.
             // This is a work around to get the picker to display 24 hour format for iOS.

package/src/theme/__tests__/__snapshots__/index.spec.ts.snap

@@ -552,9 +552,7 @@ Object {
     },
     "select": Object {
       "colors": Object {
-        "checkedOption": "#f1e9fb",
         "footerText": "#7622d7",
-        "option": "#ffffff",
       },
       "radii": Object {
         "option": 4,

package/src/theme/components/select.ts

@@ -2,8 +2,6 @@ import { GlobalTheme } from '../global';
 
 const getSelectTheme = (theme: GlobalTheme) => {
   const colors = {
-    option: theme.colors.platformBackground,
-    checkedOption: theme.colors.primaryBackground,
     footerText: theme.colors.primary,
   };
 

package/types/components/Select/StyledSelect.d.ts

@@ -1,12 +1,4 @@
-import { View, TouchableOpacity } from 'react-native';
-declare const OptionWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    themeSelected: boolean;
-}, {}, {
-    ref?: import("react").Ref<TouchableOpacity> | undefined;
-}>;
+import { View } from 'react-native';
 declare const Spacer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
@@ -23,4 +15,4 @@ declare const StyledSearchBar: import("@emotion/native").StyledComponent<import(
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-export { OptionWrapper, Spacer, FooterText, StyledSearchBar };
+export { Spacer, FooterText, StyledSearchBar };

package/types/theme/components/select.d.ts

@@ -10,8 +10,6 @@ declare const getSelectTheme: (theme: GlobalTheme) => {
         searchBarBottomSpacing: number;
     };
     colors: {
-        option: string;
-        checkedOption: string;
         footerText: string;
     };
     radii: {