secullum-react-native-ui 4.3.13 → 4.4.0-beta.0

package/lib/components/Header.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = void 0;
 const React = require("react");
 const react_native_1 = require("react-native");
 const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
@@ -9,11 +10,11 @@ class Header extends React.Component {
     constructor() {
         super(...arguments);
         this.getStyles = () => {
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             const styles = react_native_1.StyleSheet.create({
                 header: {
                     backgroundColor: theme.backgroundColor3,
-                    height: layout_1.isTablet() ? 65 : 50,
+                    height: (0, layout_1.isTablet)() ? 65 : 50,
                     flexDirection: 'row',
                     alignItems: 'center',
                     justifyContent: 'center'
@@ -21,17 +22,17 @@ class Header extends React.Component {
                 title: {
                     color: theme.textColor4,
                     fontFamily: theme.fontFamily1,
-                    fontSize: layout_1.isTablet() ? 25 : 18,
+                    fontSize: (0, layout_1.isTablet)() ? 25 : 18,
                     marginHorizontal: 35
                 },
                 button: {
-                    padding: layout_1.isTablet() ? 14 : 10
+                    padding: (0, layout_1.isTablet)() ? 14 : 10
                 },
                 counterContainer: {
                     position: 'absolute',
                     backgroundColor: theme.counterBackgroundColor,
-                    height: layout_1.isTablet() ? 20 : 15,
-                    width: layout_1.isTablet() ? 20 : 15,
+                    height: (0, layout_1.isTablet)() ? 20 : 15,
+                    width: (0, layout_1.isTablet)() ? 20 : 15,
                     top: 5,
                     left: 18,
                     borderRadius: 50
@@ -39,16 +40,18 @@ class Header extends React.Component {
                 counterText: {
                     textAlign: 'center',
                     color: theme.counterTextColor,
-                    fontSize: layout_1.isTablet() ? 15 : 10
+                    fontSize: (0, layout_1.isTablet)() ? 15 : 10
                 }
             });
             return styles;
         };
         this.renderButton = (button, type) => {
             const styles = this.getStyles();
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             const icon = (React.createElement(React.Fragment, null,
-                React.createElement(FontAwesome_1.default, { nativeID: button.nativeID, name: button.icon, size: layout_1.isTablet() ? 30 : 20, color: button.disabled ? theme.textColor1 : theme.textColor4, style: button.buttonStyle }),
+                React.createElement(FontAwesome_1.default, { nativeID: button.nativeID, name: button.icon, size: (0, layout_1.isTablet)() ? 30 : 20, color: button.disabled ? theme.textColor1 : theme.textColor4, 
+                    // @ts-ignore : The component uses a different version of typing
+                    style: button.buttonStyle }),
                 button.counter ? (React.createElement(react_native_1.View, { style: styles.counterContainer },
                     React.createElement(react_native_1.Text, { style: styles.counterText }, button.counter))) : null));
             const style = [
@@ -82,8 +85,8 @@ class Header extends React.Component {
                 : this.renderButtonInvisible('right')));
     }
 }
+exports.Header = Header;
 Header.defaultProps = {
     leftButtonType: 'menu'
 };
-Header.height = layout_1.isTablet() ? 65 : 50;
-exports.Header = Header;
+Header.height = (0, layout_1.isTablet)() ? 65 : 50;

package/lib/components/HeaderDesktop.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderDesktop = void 0;
 const React = require("react");
 const theme_1 = require("../modules/theme");
 const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
@@ -9,7 +10,7 @@ class HeaderDesktop extends React.Component {
     constructor() {
         super(...arguments);
         this.getStyles = () => {
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             const styles = react_native_1.StyleSheet.create({
                 container: {
                     backgroundColor: theme.backgroundColor3,
@@ -33,13 +34,13 @@ class HeaderDesktop extends React.Component {
                     marginRight: 20
                 },
                 button: {
-                    padding: layout_1.isTablet() ? 14 : 10
+                    padding: (0, layout_1.isTablet)() ? 14 : 10
                 },
                 counterContainer: {
                     position: 'absolute',
                     backgroundColor: theme.counterBackgroundColor,
-                    height: layout_1.isTablet() ? 20 : 15,
-                    width: layout_1.isTablet() ? 20 : 15,
+                    height: (0, layout_1.isTablet)() ? 20 : 15,
+                    width: (0, layout_1.isTablet)() ? 20 : 15,
                     top: 5,
                     left: 18,
                     borderRadius: 50
@@ -47,16 +48,18 @@ class HeaderDesktop extends React.Component {
                 counterText: {
                     textAlign: 'center',
                     color: theme.counterTextColor,
-                    fontSize: layout_1.isTablet() ? 15 : 10
+                    fontSize: (0, layout_1.isTablet)() ? 15 : 10
                 }
             });
             return styles;
         };
         this.renderRightButton = (button) => {
             const styles = this.getStyles();
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             const icon = (React.createElement(React.Fragment, null,
-                React.createElement(FontAwesome_1.default, { nativeID: button.nativeID, name: button.icon, size: layout_1.isTablet() ? 30 : 20, color: button.disabled ? theme.textColor1 : theme.textColor4, style: button.buttonStyle }),
+                React.createElement(FontAwesome_1.default, { nativeID: button.nativeID, name: button.icon, size: (0, layout_1.isTablet)() ? 30 : 20, color: button.disabled ? theme.textColor1 : theme.textColor4, 
+                    // @ts-ignore : The component uses a different version of typing
+                    style: button.buttonStyle }),
                 button.counter ? (React.createElement(react_native_1.View, { style: styles.counterContainer },
                     React.createElement(react_native_1.Text, { nativeID: `${button.nativeID}-counter`, style: styles.counterText }, button.counter))) : null));
             const style = [styles.button];
@@ -76,5 +79,5 @@ class HeaderDesktop extends React.Component {
             rightButton && this.renderRightButton(rightButton)));
     }
 }
-HeaderDesktop.height = 60;
 exports.HeaderDesktop = HeaderDesktop;
+HeaderDesktop.height = 60;

package/lib/components/ImageButton.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageButton = void 0;
 const React = require("react");
 const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
 const theme_1 = require("../modules/theme");
@@ -19,7 +20,7 @@ class ImageButton extends React.Component {
     }
 }
 exports.ImageButton = ImageButton;
-const theme = theme_1.getTheme();
+const theme = (0, theme_1.getTheme)();
 const styles = react_native_1.StyleSheet.create({
     container: {
         borderWidth: 1,

package/lib/components/KeyboardAvoidingView.d.ts

@@ -3,7 +3,7 @@ import { EmitterSubscription, KeyboardEvent, NativeScrollEvent, RefreshControlPr
 export interface KeyboardAvoidingViewProperties {
     extraFieldHeight: number;
     extraWindowHeight: number;
-    refreshControl?: React.ReactElement<RefreshControlProps>;
+    refreshControl?: React.ReactElement<RefreshControlProps> | undefined;
     children: (options: {
         availableHeight: number;
     }) => JSX.Element;

package/lib/components/KeyboardAvoidingView.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.KeyboardAvoidingView = void 0;
 const React = require("react");
 const react_native_1 = require("react-native");
 class KeyboardAvoidingView extends React.Component {
@@ -25,9 +26,9 @@ class KeyboardAvoidingView extends React.Component {
                 return;
             }
             const { extraFieldHeight, extraWindowHeight } = this.props;
-            const currentlyFocusedInputNode = react_native_1.findNodeHandle(currentlyFocusedInput);
+            const currentlyFocusedInputNode = (0, react_native_1.findNodeHandle)(currentlyFocusedInput);
             // @ts-ignore: no types :(
-            react_native_1.UIManager.viewIsDescendantOf(currentlyFocusedInputNode, react_native_1.findNodeHandle(scrollView), (isDescendant) => {
+            react_native_1.UIManager.viewIsDescendantOf(currentlyFocusedInputNode, (0, react_native_1.findNodeHandle)(scrollView), (isDescendant) => {
                 if (!isDescendant) {
                     return;
                 }
@@ -77,16 +78,18 @@ class KeyboardAvoidingView extends React.Component {
             this.state.keyboardHeight -
             this.props.extraWindowHeight;
         return (React.createElement(react_native_1.View, { style: [{ height: availableHeight }, !keyBoardShow && { flex: 1 }] },
-            React.createElement(react_native_1.ScrollView, { ref: this.scrollViewRef, refreshControl: refreshControl, scrollEnabled: scrollEnabled, onScroll: (e) => {
+            React.createElement(react_native_1.ScrollView, { ref: this.scrollViewRef, 
+                // @ts-ignore: O react-native não tem auto, mas o react-native-web aceita
+                refreshControl: refreshControl, scrollEnabled: scrollEnabled, onScroll: (e) => {
                     if (onScroll) {
                         onScroll(e.nativeEvent);
                     }
                 }, scrollEventThrottle: 16 }, children({ availableHeight }))));
     }
 }
+exports.KeyboardAvoidingView = KeyboardAvoidingView;
 KeyboardAvoidingView.defaultProps = {
     extraFieldHeight: 0,
     extraWindowHeight: 0,
     scrollEnabled: true
 };
-exports.KeyboardAvoidingView = KeyboardAvoidingView;

package/lib/components/Link.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Link = void 0;
 const React = require("react");
 const theme_1 = require("../modules/theme");
 const react_native_1 = require("react-native");
@@ -7,7 +8,7 @@ class Link extends React.Component {
     constructor() {
         super(...arguments);
         this.getStyles = () => {
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             const styles = react_native_1.StyleSheet.create({
                 link: {
                     fontFamily: theme.fontFamily2,

package/lib/components/Loading.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Loading = void 0;
 const React = require("react");
 const react_native_1 = require("react-native");
 class Loading extends React.Component {

package/lib/components/Menu.d.ts

@@ -31,7 +31,7 @@ export declare class Menu extends React.Component<MenuProperties, MenuState> {
     state: MenuState;
     componentDidMount(): void;
     handleParentMenuPress: (index: number) => void;
-    handleMenuPress: (path?: string | undefined) => void;
+    handleMenuPress: (path?: string) => void;
     getStyles: () => {
         submenuText: {
             paddingLeft: number;

package/lib/components/Menu.js

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Menu = exports.MenuItem = void 0;
 const React = require("react");
 const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
 const theme_1 = require("../modules/theme");
 const layout_1 = require("../modules/layout");
 const react_native_1 = require("react-native");
 function MenuItem(props) {
-    const theme = theme_1.getTheme();
+    const theme = (0, theme_1.getTheme)();
     const styles = react_native_1.StyleSheet.create({
         container: {
             flexDirection: 'row',
@@ -17,8 +18,8 @@ function MenuItem(props) {
         text: {
             color: theme.textColor1,
             fontFamily: theme.fontFamily1,
-            fontSize: layout_1.isTablet() ? 20 : 16,
-            paddingVertical: layout_1.isTablet() ? 15 : 14
+            fontSize: (0, layout_1.isTablet)() ? 20 : 16,
+            paddingVertical: (0, layout_1.isTablet)() ? 15 : 14
         },
         textDisabled: {
             color: theme.borderColor1
@@ -73,7 +74,7 @@ class Menu extends React.Component {
             const styles = react_native_1.StyleSheet.create({
                 submenuText: {
                     paddingLeft: 20,
-                    paddingVertical: layout_1.isTablet() ? 10 : 8
+                    paddingVertical: (0, layout_1.isTablet)() ? 10 : 8
                 }
             });
             return styles;

package/lib/components/MenuDesktop.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuDesktop = void 0;
 const React = require("react");
 const react_native_1 = require("react-native");
 const theme_1 = require("../modules/theme");
@@ -8,7 +9,7 @@ class MenuDesktop extends React.Component {
     constructor() {
         super(...arguments);
         this.getStyles = () => {
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             const styles = react_native_1.StyleSheet.create({
                 container: {
                     backgroundColor: theme.backgroundColor1,
@@ -32,7 +33,7 @@ class MenuDesktop extends React.Component {
             React.createElement(Menu_1.Menu, { menu: menu, isCurrentMenuPath: isCurrentMenuPath, onMenuPress: onMenuPress })));
     }
 }
+exports.MenuDesktop = MenuDesktop;
 MenuDesktop.defaultProps = {
     headerHeight: 0
 };
-exports.MenuDesktop = MenuDesktop;

package/lib/components/MenuMobile.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuMobile = void 0;
 const React = require("react");
 const react_native_1 = require("react-native");
 const react_native_drawer_layout_1 = require("react-native-drawer-layout");
@@ -35,7 +36,7 @@ class MenuMobile extends React.Component {
             }
         };
         this.getStyles = () => {
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             const styles = react_native_1.StyleSheet.create({
                 container: {
                     flex: 1
@@ -78,8 +79,8 @@ class MenuMobile extends React.Component {
         react_native_1.BackHandler.removeEventListener('hardwareBackPress', this.handleBackButton);
     }
     render() {
-        const theme = theme_1.getTheme();
-        return (React.createElement(react_native_drawer_layout_1.default, { ref: drawer => (this.drawer = drawer), drawerLockMode: this.props.drawerLockMode, drawerBackgroundColor: theme.backgroundColor1, drawerWidth: layout_1.isTablet() ? 450 : 300, drawerPosition: react_native_drawer_layout_1.default.positions.Left, renderNavigationView: this.renderNavigationView, onDrawerOpen: () => this.setState({ opened: true }), onDrawerClose: () => this.setState({ opened: false }) }, this.props.children));
+        const theme = (0, theme_1.getTheme)();
+        return (React.createElement(react_native_drawer_layout_1.default, { ref: drawer => (this.drawer = drawer), drawerLockMode: this.props.drawerLockMode, drawerBackgroundColor: theme.backgroundColor1, drawerWidth: (0, layout_1.isTablet)() ? 450 : 300, drawerPosition: react_native_drawer_layout_1.default.positions.Left, renderNavigationView: this.renderNavigationView, onDrawerOpen: () => this.setState({ opened: true }), onDrawerClose: () => this.setState({ opened: false }) }, this.props.children));
     }
 }
 exports.MenuMobile = MenuMobile;

package/lib/components/Message.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Message = void 0;
 const React = require("react");
 const react_native_1 = require("react-native");
 const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
@@ -10,7 +11,7 @@ class Message extends React.Component {
     constructor() {
         super(...arguments);
         this.getStyles = () => {
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             return react_native_1.StyleSheet.create({
                 overlay: {
                     alignItems: 'center'
@@ -18,17 +19,17 @@ class Message extends React.Component {
                 container: {
                     backgroundColor: theme.backgroundColor1,
                     borderRadius: 6,
-                    padding: layout_1.isTablet() ? 25 : 16,
-                    width: layout_1.isTablet() ? 350 : 250,
-                    marginTop: layout_1.isTablet() ? 250 : 140,
+                    padding: (0, layout_1.isTablet)() ? 25 : 16,
+                    width: (0, layout_1.isTablet)() ? 350 : 250,
+                    marginTop: (0, layout_1.isTablet)() ? 250 : 140,
                     alignItems: 'center'
                 },
                 text: {
                     color: theme.textColor3,
                     fontFamily: theme.fontFamily1,
-                    fontSize: layout_1.isTablet() ? 25 : 16,
+                    fontSize: (0, layout_1.isTablet)() ? 25 : 16,
                     textAlign: 'center',
-                    marginTop: layout_1.isTablet() ? 15 : 5,
+                    marginTop: (0, layout_1.isTablet)() ? 15 : 5,
                     width: '100%'
                 }
             });
@@ -37,14 +38,14 @@ class Message extends React.Component {
     render() {
         const { message, visible, type, onRequestClose, nativeID, textStyle } = this.props;
         const styles = this.getStyles();
-        const theme = theme_1.getTheme();
+        const theme = (0, theme_1.getTheme)();
         return (React.createElement(Modal_1.Modal, { visible: visible, onRequestClose: onRequestClose, overlayStyle: styles.overlay },
             React.createElement(react_native_1.View, { nativeID: nativeID, style: styles.container },
-                React.createElement(FontAwesome_1.default, { name: type === 'warning' ? 'warning' : 'check-circle', color: type === 'warning' ? theme.warningColor : theme.successColor, size: layout_1.isTablet() ? 52 : 42 }),
+                React.createElement(FontAwesome_1.default, { name: type === 'warning' ? 'warning' : 'check-circle', color: type === 'warning' ? theme.warningColor : theme.successColor, size: (0, layout_1.isTablet)() ? 52 : 42 }),
                 React.createElement(react_native_1.Text, { style: [styles.text, textStyle] }, message))));
     }
 }
+exports.Message = Message;
 Message.defaultProps = {
     type: 'info'
 };
-exports.Message = Message;

package/lib/components/Modal.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Modal = void 0;
 const React = require("react");
 const react_native_web_modal_1 = require("react-native-web-modal");
 const react_native_1 = require("react-native");

package/lib/components/MultiSelect.d.ts

@@ -43,7 +43,7 @@ export declare class MultiSelect extends React.Component<MultiSelectProperties,
     renderClosedWithOneLabel: (label: string) => JSX.Element;
     renderClosedWithOneIcon: (icon: string) => JSX.Element;
     renderClosedWithOneLabelAndIcon: (label: string, icon: string) => JSX.Element;
-    renderClosedWithOne: (label?: string | undefined, icon?: string | undefined) => JSX.Element | null;
+    renderClosedWithOne: (label?: string, icon?: string) => JSX.Element | null;
     renderClosedWithMany: () => JSX.Element;
     renderClosedMultiSelect: (items: any, numOptions: number) => JSX.Element | null;
     getStyles: () => any;

package/lib/components/MultiSelect.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiSelect = void 0;
 const React = require("react");
 const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
 const theme_1 = require("../modules/theme");
@@ -13,7 +14,7 @@ class MultiSelectItem extends React.Component {
     constructor() {
         super(...arguments);
         this.getStyles = () => {
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             const width = react_native_1.Dimensions.get('screen').width;
             const styles = react_native_1.StyleSheet.create({
                 text: {
@@ -60,7 +61,7 @@ class MultiSelectItem extends React.Component {
         };
         this.renderWithLabelAndIcon = (label, icon) => {
             const { value, iconComponent, handleAdd, handleRemove } = this.props;
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             const styles = this.getStyles();
             return (React.createElement(react_native_1.View, { style: styles.rowView },
                 React.createElement(react_native_1.View, { style: styles.switch },
@@ -97,7 +98,7 @@ class MultiSelectItem extends React.Component {
         };
         this.renderWithIcon = (icon) => {
             const { value, iconComponent, handleAdd, handleRemove } = this.props;
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             const styles = this.getStyles();
             return (React.createElement(react_native_1.View, { style: styles.rowView },
                 React.createElement(react_native_1.View, { style: styles.switch },
@@ -188,7 +189,7 @@ class MultiSelect extends React.Component {
         };
         this.renderClosedWithOneIcon = (icon) => {
             const { iconComponent } = this.props;
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             const styles = this.getStyles();
             return (React.createElement(react_native_1.View, { style: styles.rowView },
                 iconComponent ? (React.createElement(iconComponent, {
@@ -200,7 +201,7 @@ class MultiSelect extends React.Component {
         };
         this.renderClosedWithOneLabelAndIcon = (label, icon) => {
             const { iconComponent } = this.props;
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             const styles = this.getStyles();
             return (React.createElement(react_native_1.View, { style: styles.rowView },
                 React.createElement(react_native_1.View, { style: styles.iconView }, iconComponent ? (React.createElement(iconComponent, {
@@ -246,7 +247,7 @@ class MultiSelect extends React.Component {
             }
         };
         this.getStyles = () => {
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             const styles = react_native_1.StyleSheet.create({
                 container: {
                     paddingHorizontal: 16,
@@ -258,7 +259,7 @@ class MultiSelect extends React.Component {
                 label: {
                     color: theme.textColor2,
                     fontFamily: theme.fontFamily2,
-                    fontSize: layout_1.isTablet() ? 15 : 12,
+                    fontSize: (0, layout_1.isTablet)() ? 15 : 12,
                     lineHeight: 16
                 },
                 textView: {
@@ -332,7 +333,7 @@ class MultiSelect extends React.Component {
         const { label, items, emptyMessage, disabled, iconComponent, okButtonDescription, cancelButtonDescription } = this.props;
         const selectedItems = items.filter(x => selectedValues.includes(x.value));
         const styles = this.getStyles();
-        const theme = theme_1.getTheme();
+        const theme = (0, theme_1.getTheme)();
         return (React.createElement(react_native_1.TouchableWithoutFeedback, { onPress: () => this.setState({ modalOpen: true }), disabled: disabled },
             React.createElement(react_native_1.View, { style: [styles.container, disabled ? styles.readonly : null] },
                 React.createElement(react_native_1.Text, { style: styles.label }, label),
@@ -365,6 +366,7 @@ class MultiSelect extends React.Component {
                             React.createElement(Button_1.Button, { text: okButtonDescription || 'Ok', style: styles.buttonOk, onPress: this.handleSave })))))));
     }
 }
+exports.MultiSelect = MultiSelect;
 MultiSelect.defaultProps = {
     emptyMessage: 'Não há registros cadastrados',
     selectedAllDescription: 'Todos',
@@ -373,4 +375,3 @@ MultiSelect.defaultProps = {
     okButtonDescription: 'Ok',
     cancelButtonDescription: 'Cancelar'
 };
-exports.MultiSelect = MultiSelect;

package/lib/components/NoRecordMessage.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.NoRecordMessage = void 0;
 const React = require("react");
 const react_native_1 = require("react-native");
 const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
@@ -11,7 +12,7 @@ class NoRecordMessage extends React.Component {
         this.getStyles = () => {
             return react_native_1.StyleSheet.create({
                 text: {
-                    fontSize: layout_1.isTablet() ? 28 : 18,
+                    fontSize: (0, layout_1.isTablet)() ? 28 : 18,
                     color: '#969696',
                     textAlign: 'center'
                 },
@@ -27,7 +28,7 @@ class NoRecordMessage extends React.Component {
         }
         const styles = this.getStyles();
         return (React.createElement(react_native_1.View, { style: styles.view },
-            React.createElement(FontAwesome_1.default, { name: 'exclamation-triangle', size: layout_1.isTablet() ? 80 : 60, style: styles.icon }),
+            React.createElement(FontAwesome_1.default, { name: 'exclamation-triangle', size: (0, layout_1.isTablet)() ? 80 : 60, style: styles.icon }),
             React.createElement(Space_1.Space, { height: 5 }),
             React.createElement(react_native_1.Text, { style: styles.text }, message)));
     }

package/lib/components/Question.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Question = void 0;
 const React = require("react");
 const react_native_web_modal_1 = require("react-native-web-modal");
 const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
@@ -12,7 +13,7 @@ class Question extends React.Component {
     constructor() {
         super(...arguments);
         this.getStyles = () => {
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             const styles = react_native_1.StyleSheet.create({
                 botoesAcao: {
                     flexDirection: 'row',
@@ -28,22 +29,22 @@ class Question extends React.Component {
                 text: {
                     color: theme.questionTextColor,
                     fontFamily: theme.fontFamily1,
-                    fontSize: layout_1.isTablet() ? 25 : 16,
+                    fontSize: (0, layout_1.isTablet)() ? 25 : 16,
                     textAlign: 'center',
-                    marginTop: layout_1.isTablet() ? 15 : 5,
+                    marginTop: (0, layout_1.isTablet)() ? 15 : 5,
                     width: '100%'
                 },
                 container: {
                     backgroundColor: theme.backgroundColor1,
                     borderRadius: 6,
-                    padding: layout_1.isTablet() ? 25 : 16,
-                    width: layout_1.isTablet() ? 350 : 250,
-                    marginTop: layout_1.isTablet() ? 250 : 140,
+                    padding: (0, layout_1.isTablet)() ? 25 : 16,
+                    width: (0, layout_1.isTablet)() ? 350 : 250,
+                    marginTop: (0, layout_1.isTablet)() ? 250 : 140,
                     alignItems: 'center'
                 },
                 icon: {
                     color: theme.textColor3,
-                    fontSize: layout_1.isTablet() ? 52 : 42
+                    fontSize: (0, layout_1.isTablet)() ? 52 : 42
                 }
             });
             return styles;
@@ -60,11 +61,11 @@ class Question extends React.Component {
                     React.createElement(Space_1.Space, null),
                     React.createElement(react_native_1.View, { style: styles.botoesAcao },
                         React.createElement(Button_1.Button, { text: cancelButton.text, onPress: cancelButton.onPress, style: [
-                                { flex: 1, marginRight: layout_1.isTablet() ? 13 : 8 },
+                                { flex: 1, marginRight: (0, layout_1.isTablet)() ? 13 : 8 },
                                 cancelButton.style
                             ], textStyle: cancelButton.textStyle, primary: false, nativeID: cancelButton.nativeID }),
                         React.createElement(Button_1.Button, { text: okButton.text, onPress: okButton.onPress, style: [
-                                { flex: 1, marginLeft: layout_1.isTablet() ? 13 : 8 },
+                                { flex: 1, marginLeft: (0, layout_1.isTablet)() ? 13 : 8 },
                                 okButton.style
                             ], textStyle: okButton.textStyle, primary: true, nativeID: okButton.nativeID }))))));
     }

package/lib/components/RadioButton.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioButton = void 0;
 const React = require("react");
 const react_native_1 = require("react-native");
 const theme_1 = require("../modules/theme");
@@ -7,7 +8,7 @@ class RadioButton extends React.Component {
     constructor() {
         super(...arguments);
         this.getStyles = () => {
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             const styles = react_native_1.StyleSheet.create({
                 radioContainer: {
                     flexDirection: 'row',

package/lib/components/RadioGroup.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroup = void 0;
 const React = require("react");
 const react_native_1 = require("react-native");
 const theme_1 = require("../modules/theme");
@@ -8,7 +9,7 @@ class RadioGroup extends React.Component {
     constructor() {
         super(...arguments);
         this.getStyles = () => {
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             const styles = react_native_1.StyleSheet.create({
                 container: {
                     borderColor: theme.borderColor1,
@@ -19,15 +20,15 @@ class RadioGroup extends React.Component {
                     justifyContent: 'space-around'
                 },
                 item: {
-                    paddingVertical: layout_1.isTablet() ? 10 : 5,
+                    paddingVertical: (0, layout_1.isTablet)() ? 10 : 5,
                     borderColor: theme.borderColor1,
                     flex: 1,
                     alignItems: 'center'
                 },
                 itemText: {
                     fontFamily: theme.fontFamily1,
-                    fontSize: layout_1.isTablet() ? 16 : 12,
-                    lineHeight: layout_1.isTablet() ? 20 : 16,
+                    fontSize: (0, layout_1.isTablet)() ? 16 : 12,
+                    lineHeight: (0, layout_1.isTablet)() ? 20 : 16,
                     color: theme.textColor3
                 },
                 selectedItem: {