secullum-react-native-ui 4.7.3 → 4.7.5

package/lib/components/DatePicker.web.js

@@ -84,9 +84,7 @@ class DatePicker extends React.Component {
         const theme = (0, theme_1.getTheme)();
         return (React.createElement(react_native_1.TouchableWithoutFeedback, { onPress: this.handlePress },
             React.createElement(react_native_1.View, { nativeID: nativeID, style: [styles.container, style] },
-                React.createElement(react_native_1.View, { ref: ref => ref &&
-                        ref.setNativeProps &&
-                        ref.setNativeProps({ id: 'date-picker' }) },
+                React.createElement(react_native_1.View, null,
                     React.createElement(react_native_1.Text, { style: styles.label }, label),
                     React.createElement(react_native_1.Text, { style: styles.value }, value != undefined ? (0, format_1.formatDate)(value, dateFormat) : '')),
                 React.createElement(ImageButton_1.ImageButton, { icon: value && clearable ? 'times' : 'calendar', style: styles.clearIcon, iconColor: value && clearable ? theme.textColor1 : theme.textColor2, onPress: value && clearable ? this.handleClear : this.handlePress, hitBoxSize: 30 }),

package/lib/components/DimensionsMonitor.js

@@ -14,7 +14,8 @@ class DimensionsMonitor extends React.Component {
             }
         };
         this.isDesktop = (size) => {
-            return size.width >= 1024;
+            const largura = react_native_1.Platform.OS === 'web' ? window.innerWidth : size.width;
+            return largura >= 1024;
         };
         this.state = {
             isDesktop: this.isDesktop(react_native_1.Dimensions.get('window'))

package/lib/components/RangeDatePicker.web.js

@@ -96,9 +96,7 @@ class RangeDatePicker extends React.Component {
         const styles = this.getStyles();
         return (React.createElement(react_native_1.TouchableWithoutFeedback, { onPress: this.handleDatePickerPress },
             React.createElement(react_native_1.View, { nativeID: nativeID, style: [styles.container, style] },
-                React.createElement(react_native_1.View, { ref: ref => ref &&
-                        ref.setNativeProps &&
-                        ref.setNativeProps({ id: 'range-date-picker' }) },
+                React.createElement(react_native_1.View, null,
                     React.createElement(react_native_1.Text, { style: styles.label }, label),
                     React.createElement(react_native_1.Text, { style: styles.value }, displayText)),
                 React.createElement(FontAwesome_1.default, { name: "calendar", style: styles.icon }),

package/lib/components/TextBox.js

@@ -88,13 +88,12 @@ class TextBox extends React.Component {
                 this.props.onKeyPress(react_native_1.Platform.OS === 'web' ? event : event.nativeEvent);
             }
         };
-        return (React.createElement(react_native_1.TouchableWithoutFeedback, { accessible: false, onPress: () => (onPress ? onPress() : this.focus()), ref: react_native_1.Platform.OS === 'web'
-                ? ref => ref &&
-                    //@ts-ignore
-                    ref.setNativeProps &&
-                    //@ts-ignore
-                    ref.setNativeProps({ tabIndex: -1 })
-                : undefined },
+        return (React.createElement(react_native_1.TouchableWithoutFeedback, { accessible: false, onPress: () => (onPress ? onPress() : this.focus()), ref: ref => {
+                if (react_native_1.Platform.OS === 'web' && ref != null) {
+                    // @ts-ignore na web, a ref recebida é o próprio elemento DOM
+                    ref.tabIndex = -1;
+                }
+            } },
             React.createElement(react_native_1.View, { style: [styles.container, style, editable ? null : styles.readonly] },
                 icon ? (React.createElement(FontAwesome_1.default, { name: icon, style: styles.icon })) : (React.createElement(react_native_1.Text, { style: [styles.label, labelStyle] }, label)),
                 renderInput

package/lib/components/TimePicker.web.js

@@ -45,9 +45,12 @@ class TimePicker extends React.Component {
     render() {
         const { label, style, disabled, value, nativeID } = this.props;
         const styles = this.getStyles();
-        return (React.createElement(react_native_1.TouchableWithoutFeedback, { accessible: false, disabled: disabled, ref: ref => 
-            //@ts-ignore
-            ref && ref.setNativeProps && ref.setNativeProps({ tabIndex: -1 }) },
+        return (React.createElement(react_native_1.TouchableWithoutFeedback, { accessible: false, disabled: disabled, ref: ref => {
+                if (ref != null) {
+                    //@ts-ignore
+                    ref.tabIndex = -1;
+                }
+            } },
             React.createElement(react_native_1.View, { style: [styles.container, style, !disabled ? null : styles.readonly] },
                 React.createElement(react_native_1.Text, { style: styles.label }, label),
                 React.createElement(react_native_1.TextInput, { nativeID: nativeID, value: value, style: styles.input, maxLength: 5, onKeyPress: (e) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "secullum-react-native-ui",
-  "version": "4.7.3",
+  "version": "4.7.5",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "files": [