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

package/lib/components/AppShell.d.ts

@@ -3,7 +3,7 @@ import { HeaderButton } from './Header';
 import { GreetingMessage } from './HeaderDesktop';
 import { MenuProperties } from './Menu';
 import { MenuMobile } from './MenuMobile';
-import { StyleProp, TextStyle } from 'react-native';
+import { StyleSheet, StyleProp, TextStyle } from 'react-native';
 export declare type AppShellProperties = MenuProperties & {
     logoHeader: () => React.ReactNode;
     logoMenu: () => React.ReactNode;
@@ -16,8 +16,34 @@ export declare type AppShellProperties = MenuProperties & {
 };
 export declare class AppShell extends React.Component<AppShellProperties> {
     menu: MenuMobile | null;
-    getMobileStyles: () => any;
-    getDesktopStyles: () => any;
+    getMobileStyles: () => StyleSheet.NamedStyles<any> | StyleSheet.NamedStyles<{
+        container: {
+            flex: number;
+            padding: number;
+            height: number;
+            overflow: "auto";
+        };
+        logoText: {
+            color: string;
+            fontFamily: string;
+            fontSize: number;
+            marginLeft: number;
+            display: "flex";
+            alignItems: "center";
+        };
+    }>;
+    getDesktopStyles: () => StyleSheet.NamedStyles<any> | StyleSheet.NamedStyles<{
+        container: {
+            flexDirection: "row";
+            flex: number;
+        };
+        content: {
+            flex: number;
+            padding: number;
+            height: number;
+            overflow: "auto";
+        };
+    }>;
     renderMobile: () => JSX.Element;
     renderDesktop: () => JSX.Element;
     render(): JSX.Element;

package/lib/components/AppShell.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppShell = void 0;
 const React = require("react");
 const DimensionsMonitor_1 = require("./DimensionsMonitor");
 const Header_1 = require("./Header");
@@ -13,7 +14,7 @@ class AppShell extends React.Component {
         super(...arguments);
         this.menu = null;
         this.getMobileStyles = () => {
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             const styles = react_native_1.StyleSheet.create({
                 container: {
                     flex: 1,

package/lib/components/Button.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
 const React = require("react");
 const theme_1 = require("../modules/theme");
 const react_native_1 = require("react-native");
@@ -8,14 +9,14 @@ class Button 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({
                 touchable: {
                     backgroundColor: theme.backgroundColor1,
                     borderColor: theme.borderColor1,
                     borderWidth: 1,
                     borderRadius: 3,
-                    height: layout_1.isTablet() ? 45 : 40,
+                    height: (0, layout_1.isTablet)() ? 45 : 40,
                     alignItems: 'center',
                     justifyContent: 'center'
                 },
@@ -25,7 +26,7 @@ class Button extends React.Component {
                 },
                 text: {
                     fontFamily: theme.fontFamily1,
-                    fontSize: layout_1.isTablet() ? 18 : 13,
+                    fontSize: (0, layout_1.isTablet)() ? 18 : 13,
                     paddingHorizontal: 11,
                     color: theme.textColor1
                 },
@@ -59,7 +60,7 @@ class Button extends React.Component {
                 ] }, text)));
     }
 }
+exports.Button = Button;
 Button.defaultProps = {
     primary: true
 };
-exports.Button = Button;

package/lib/components/Card.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StyleProp, TextStyle, ViewProperties, ViewStyle } from 'react-native';
+import { StyleProp, TextStyle, ViewProps, ViewStyle } from 'react-native';
 export interface CardHeaderProperties {
     title: string;
     titleStyle?: StyleProp<TextStyle>;
@@ -31,16 +31,16 @@ export declare class CardHeader extends React.Component<CardHeaderProperties> {
     };
     render(): JSX.Element;
 }
-export declare class CardFooter extends React.Component<ViewProperties> {
+export declare class CardFooter extends React.Component<ViewProps> {
     render(): JSX.Element;
 }
-export declare class CardSection extends React.Component<ViewProperties> {
+export declare class CardSection extends React.Component<ViewProps> {
     render(): JSX.Element;
 }
-export declare class CardModal extends React.Component<ViewProperties> {
+export declare class CardModal extends React.Component<ViewProps> {
     render(): JSX.Element;
 }
-export interface CardProperties extends ViewProperties {
+export interface CardProperties extends ViewProps {
     children: React.ReactNode;
     style?: StyleProp<ViewStyle>;
 }

package/lib/components/Card.js

@@ -4,11 +4,14 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Card = exports.CardModal = exports.CardSection = exports.CardFooter = exports.CardHeader = void 0;
 const React = require("react");
 const react_native_elevated_view_1 = require("react-native-elevated-view");
 const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
@@ -19,7 +22,7 @@ class CardHeader 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: {
                     padding: 16
@@ -27,7 +30,7 @@ class CardHeader extends React.Component {
                 title: {
                     color: theme.textColor1,
                     fontFamily: theme.fontFamily1,
-                    fontSize: layout_1.isTablet() ? 22 : 18,
+                    fontSize: (0, layout_1.isTablet)() ? 22 : 18,
                     marginRight: 10
                 },
                 help: {
@@ -36,7 +39,7 @@ class CardHeader extends React.Component {
                     top: 5
                 },
                 helpIcon: {
-                    fontSize: layout_1.isTablet() ? 24 : 20,
+                    fontSize: (0, layout_1.isTablet)() ? 24 : 20,
                     color: '#6d819c'
                 }
             });
@@ -78,7 +81,7 @@ class Card 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: {
                     borderRadius: 3,
@@ -105,14 +108,16 @@ class Card extends React.Component {
                 React.createElement(react_native_1.View, { style: styles.cardChild }),
                 child));
         });
-        return react_native_1.Platform.OS == 'web' ? (React.createElement(react_native_1.View, Object.assign({ style: [styles.container, style] }, otherProps), childrenMapped)) : (React.createElement(react_native_elevated_view_1.default, Object.assign({ elevation: 5, style: [styles.container, style] }, otherProps), childrenMapped));
+        return react_native_1.Platform.OS == 'web' ? (React.createElement(react_native_1.View, Object.assign({ style: [styles.container, style] }, otherProps), childrenMapped)) : (React.createElement(react_native_elevated_view_1.default, Object.assign({ elevation: 5, 
+            // @ts-ignore : The component uses a different version of typing
+            style: [styles.container, style] }, otherProps), childrenMapped));
     }
 }
+exports.Card = Card;
 Card.Header = CardHeader;
 Card.Section = CardSection;
 Card.Footer = CardFooter;
 Card.Modal = CardModal;
-exports.Card = Card;
 const cardSectionStyles = react_native_1.StyleSheet.create({
     container: {
         padding: 16

package/lib/components/CheckBox.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckBox = void 0;
 const React = require("react");
 const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
 const layout_1 = require("../modules/layout");
@@ -9,7 +10,7 @@ class CheckBox extends React.Component {
     constructor() {
         super(...arguments);
         this.getStyles = () => {
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             const { disabled } = this.props;
             return react_native_1.StyleSheet.create({
                 container: {
@@ -26,7 +27,7 @@ class CheckBox extends React.Component {
                 label: {
                     color: disabled ? theme.disabledColor : theme.textColor1,
                     fontFamily: theme.fontFamily3,
-                    fontSize: layout_1.isTablet() ? 15 : 12
+                    fontSize: (0, layout_1.isTablet)() ? 15 : 12
                 }
             });
         };

package/lib/components/DatePicker.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePicker = void 0;
 const React = require("react");
-const react_native_appearance_1 = require("react-native-appearance");
 const react_native_modal_datetime_picker_1 = require("react-native-modal-datetime-picker");
 const format_1 = require("../modules/format");
 const layout_1 = require("../modules/layout");
@@ -13,7 +13,7 @@ class DatePicker extends React.Component {
         super(...arguments);
         this.state = {
             showModal: false,
-            isDarkModeEnabled: react_native_appearance_1.Appearance.getColorScheme() === 'dark'
+            isDarkModeEnabled: react_native_1.Appearance.getColorScheme() === 'dark'
         };
         this.handlePress = () => {
             this.setState({ showModal: true });
@@ -34,7 +34,7 @@ class DatePicker extends React.Component {
             this.props.onChange(undefined);
         };
         this.getStyles = () => {
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             const styles = react_native_1.StyleSheet.create({
                 container: {
                     paddingLeft: 16,
@@ -49,7 +49,7 @@ class DatePicker extends React.Component {
                 label: {
                     color: theme.textColor2,
                     fontFamily: theme.fontFamily3,
-                    fontSize: layout_1.isTablet() ? 15 : 12,
+                    fontSize: (0, layout_1.isTablet)() ? 15 : 12,
                     lineHeight: 16
                 },
                 value: {
@@ -76,7 +76,7 @@ class DatePicker extends React.Component {
         };
     }
     componentDidMount() {
-        this.appearanceSubscription = react_native_appearance_1.Appearance.addChangeListener(({ colorScheme }) => {
+        this.appearanceSubscription = react_native_1.Appearance.addChangeListener(({ colorScheme }) => {
             this.setState({ isDarkModeEnabled: colorScheme === 'dark' });
         });
     }
@@ -87,19 +87,19 @@ class DatePicker extends React.Component {
         const { label, value, clearable, style, nativeID, disabled } = this.props;
         const { showModal, isDarkModeEnabled } = this.state;
         const styles = this.getStyles();
-        const theme = theme_1.getTheme();
+        const theme = (0, theme_1.getTheme)();
         return (React.createElement(react_native_1.TouchableWithoutFeedback, { disabled: disabled, onPress: this.handlePress },
             React.createElement(react_native_1.View, { nativeID: nativeID, style: [styles.container, style, disabled ? styles.readonly : null] },
                 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 ? format_1.formatDate(value, 'dddd, DD/MM/YYYY') : '')),
+                    React.createElement(react_native_1.Text, { style: styles.value }, value != undefined ? (0, format_1.formatDate)(value, 'dddd, DD/MM/YYYY') : '')),
                 !disabled && (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 })),
                 react_native_1.Platform.OS !== 'web' && (React.createElement(react_native_modal_datetime_picker_1.default, { date: value, isVisible: showModal, onConfirm: this.handleConfirm, onCancel: this.handleCancel, isDarkModeEnabled: isDarkModeEnabled, 
                     //@ts-ignore
                     display: react_native_1.Platform.OS == 'ios' ? 'inline' : 'default' })))));
     }
 }
+exports.DatePicker = DatePicker;
 DatePicker.defaultProps = {
     clearable: true
 };
-exports.DatePicker = DatePicker;

package/lib/components/DatePicker.web.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePicker = void 0;
 const React = require("react");
 const theme_1 = require("../modules/theme");
 const layout_1 = require("../modules/layout");
@@ -34,7 +35,7 @@ class DatePicker extends React.Component {
             this.setState({ showModal: false });
         };
         this.getStyles = () => {
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             const styles = react_native_1.StyleSheet.create({
                 container: {
                     paddingLeft: 16,
@@ -53,7 +54,7 @@ class DatePicker extends React.Component {
                 label: {
                     color: theme.textColor2,
                     fontFamily: theme.fontFamily3,
-                    fontSize: layout_1.isTablet() ? 15 : 12,
+                    fontSize: (0, layout_1.isTablet)() ? 15 : 12,
                     lineHeight: 16
                 },
                 value: {
@@ -80,12 +81,12 @@ class DatePicker extends React.Component {
     render() {
         const { label, value, clearable, style, dateFormat, nativeID } = this.props;
         const styles = this.getStyles();
-        const theme = theme_1.getTheme();
+        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({ id: 'date-picker' }) },
                     React.createElement(react_native_1.Text, { style: styles.label }, label),
-                    React.createElement(react_native_1.Text, { style: styles.value }, value != undefined ? format_1.formatDate(value, dateFormat) : '')),
+                    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 }),
                 React.createElement(Modal_1.Modal, { visible: this.state.showModal, overlayStyle: styles.modalOverlay },
                     React.createElement("div", { ref: this.calendarRef, style: {
@@ -95,11 +96,11 @@ class DatePicker extends React.Component {
                             marginTop: '-150px',
                             fontFamily: theme.fontFamily1
                         } },
-                        React.createElement(react_date_range_1.Calendar, { locale: format_1.getDateFnsLocale(), date: value, onChange: this.handleConfirm }))))));
+                        React.createElement(react_date_range_1.Calendar, { locale: (0, format_1.getDateFnsLocale)(), date: value, onChange: this.handleConfirm }))))));
     }
 }
+exports.DatePicker = DatePicker;
 DatePicker.defaultProps = {
     clearable: true,
     dateFormat: 'dddd, DD/MM/YYYY'
 };
-exports.DatePicker = DatePicker;

package/lib/components/Delay.d.ts

@@ -8,5 +8,5 @@ export interface DelayState {
 export declare class Delay extends React.Component<DelayProperties, DelayState> {
     state: DelayState;
     componentDidMount(): void;
-    render(): {} | null | undefined;
+    render(): React.ReactNode;
 }

package/lib/components/Delay.js

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

package/lib/components/Details.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Details = void 0;
 const React = require("react");
 const react_native_1 = require("react-native");
 const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
@@ -11,11 +12,11 @@ class Details 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({
                 title: {
                     fontFamily: theme.fontFamily1,
-                    fontSize: layout_1.isTablet() ? 22 : 18,
+                    fontSize: (0, layout_1.isTablet)() ? 22 : 18,
                     color: theme.textColor1
                 },
                 lineSection: {
@@ -30,7 +31,7 @@ class Details extends React.Component {
                 },
                 lineText: {
                     fontFamily: theme.fontFamily2,
-                    fontSize: layout_1.isTablet() ? 18 : 14,
+                    fontSize: (0, layout_1.isTablet)() ? 18 : 14,
                     color: theme.textColor1,
                     minWidth: 40
                 },

package/lib/components/DetailsHeader.d.ts

@@ -34,6 +34,6 @@ export declare class DetailsHeader extends React.Component<DetailsHeaderProperti
             width: number;
         };
     };
-    renderButton: (type: "left" | "right", onPress: (() => void) | undefined) => JSX.Element;
+    renderButton: (type: 'left' | 'right', onPress: (() => void) | undefined) => JSX.Element;
     render(): JSX.Element;
 }

package/lib/components/DetailsHeader.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DetailsHeader = 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 DetailsHeader 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: {
                     flexDirection: 'row',
@@ -19,14 +20,14 @@ class DetailsHeader extends React.Component {
                 },
                 text: {
                     fontFamily: theme.fontFamily1,
-                    fontSize: layout_1.isTablet() ? 22 : 18,
+                    fontSize: (0, layout_1.isTablet)() ? 22 : 18,
                     color: theme.textColor1,
                     width: '80%',
                     textAlign: 'center'
                 },
                 button: {
-                    height: layout_1.isTablet() ? 28 : 24,
-                    width: layout_1.isTablet() ? 28 : 24,
+                    height: (0, layout_1.isTablet)() ? 28 : 24,
+                    width: (0, layout_1.isTablet)() ? 28 : 24,
                     alignItems: 'center',
                     justifyContent: 'center',
                     borderColor: theme.borderColor1,
@@ -34,15 +35,15 @@ class DetailsHeader extends React.Component {
                     borderRadius: 24
                 },
                 buttonPlaceholder: {
-                    height: layout_1.isTablet() ? 28 : 24,
-                    width: layout_1.isTablet() ? 28 : 24
+                    height: (0, layout_1.isTablet)() ? 28 : 24,
+                    width: (0, layout_1.isTablet)() ? 28 : 24
                 }
             });
             return styles;
         };
         this.renderButton = (type, onPress) => {
             const styles = this.getStyles();
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             if (onPress) {
                 return (React.createElement(react_native_1.TouchableOpacity, { style: styles.button, onPress: onPress },
                     React.createElement(FontAwesome_1.default, { name: type === 'left' ? 'angle-left' : 'angle-right', color: theme.textColor3, size: 14 })));

package/lib/components/DimensionsMonitor.d.ts

@@ -17,5 +17,5 @@ export declare class DimensionsMonitor extends React.Component<DimensionsMonitor
         window: ScaledSize;
     }) => void;
     isDesktop: (size: ScaledSize) => boolean;
-    render(): {} | null | undefined;
+    render(): React.ReactNode;
 }

package/lib/components/DimensionsMonitor.js

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

package/lib/components/DropDown.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropDown = void 0;
 const React = require("react");
 const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
 const Modal_1 = require("./Modal");
@@ -10,7 +11,7 @@ class DropDownItem extends React.PureComponent {
     constructor() {
         super(...arguments);
         this.getStyles = () => {
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             const styles = react_native_1.StyleSheet.create({
                 modalItem: {
                     paddingHorizontal: 16,
@@ -45,7 +46,7 @@ class DropDownItem extends React.PureComponent {
         };
         this.renderOpenDropDownItem = () => {
             const { label, icon, iconComponent, nativeID } = this.props;
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             const styles = this.getStyles();
             if (label && icon) {
                 return (React.createElement(react_native_1.View, { nativeID: nativeID, style: styles.rowView },
@@ -73,7 +74,7 @@ class DropDownItem extends React.PureComponent {
     }
     render() {
         const { first, last, value, onPress } = this.props;
-        const theme = theme_1.getTheme();
+        const theme = (0, theme_1.getTheme)();
         return (React.createElement(react_native_1.TouchableHighlight, { onPress: () => onPress(value), underlayColor: theme.backgroundColor2, style: {
                 borderTopLeftRadius: first ? 5 : 0,
                 borderTopRightRadius: first ? 5 : 0,
@@ -95,7 +96,7 @@ class DropDown extends React.Component {
         };
         this.renderClosedDropDown = (item, inputStyle) => {
             const { iconComponent } = this.props;
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             const styles = this.getStyles();
             if (!item) {
                 return (React.createElement(React.Fragment, null,
@@ -130,7 +131,7 @@ class DropDown extends React.Component {
             return null;
         };
         this.getStyles = () => {
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             const { icon } = this.props;
             const styles = react_native_1.StyleSheet.create({
                 container: Object.assign({ paddingHorizontal: 16, paddingVertical: 8, borderWidth: 1, borderColor: theme.borderColor1, borderRadius: 3 }, (icon
@@ -142,7 +143,7 @@ class DropDown extends React.Component {
                 label: {
                     color: theme.textColor2,
                     fontFamily: theme.fontFamily3,
-                    fontSize: layout_1.isTablet() ? 15 : 12,
+                    fontSize: (0, layout_1.isTablet)() ? 15 : 12,
                     lineHeight: 16
                 },
                 text: {
@@ -218,7 +219,7 @@ class DropDown extends React.Component {
                 },
                 iconOnLine: {
                     color: theme.textColor2,
-                    fontSize: layout_1.isTablet() ? 21 : 19,
+                    fontSize: (0, layout_1.isTablet)() ? 21 : 19,
                     marginRight: 10,
                     minWidth: 25,
                     textAlignVertical: 'center',
@@ -233,7 +234,7 @@ class DropDown extends React.Component {
         const { label, items, value, emptyMessage, style, disabled, labelStyle, inputStyle, iconComponent, nativeID, icon } = this.props;
         const selectedItem = items.find(x => x.value === 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, { nativeID: nativeID, style: [styles.container, style, disabled ? styles.readonly : null] },
                 icon ? (React.createElement(FontAwesome_1.default, { name: icon, style: styles.iconOnLine })) : (React.createElement(react_native_1.Text, { style: [styles.label, labelStyle] }, label)),
@@ -257,7 +258,7 @@ class DropDown extends React.Component {
                             React.createElement(react_native_1.Text, { style: styles.modalItem }, emptyMessage)))))))));
     }
 }
+exports.DropDown = DropDown;
 DropDown.defaultProps = {
     emptyMessage: 'Não há registros cadastrados'
 };
-exports.DropDown = DropDown;

package/lib/components/ErrorMessage.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorMessage = void 0;
 const React = require("react");
 const react_native_1 = require("react-native");
 const theme_1 = require("../modules/theme");
@@ -7,7 +8,7 @@ class ErrorMessage 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({
                 errorMessage: {
                     fontFamily: theme.fontFamily3,

package/lib/components/FilePicker.d.ts

@@ -3,6 +3,7 @@ export interface FilePickerProperties {
     label: string;
     onPress: () => void;
     icon: string;
+    nativeID?: string;
 }
 export declare class FilePicker extends React.Component<FilePickerProperties> {
     static defaultProps: {

package/lib/components/FilePicker.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilePicker = void 0;
 const React = require("react");
 const react_native_1 = require("react-native");
 const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
@@ -9,7 +10,7 @@ class FilePicker 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: {
                     borderRadius: 3,
@@ -20,7 +21,7 @@ class FilePicker extends React.Component {
                 },
                 text: {
                     fontFamily: theme.fontFamily1,
-                    fontSize: layout_1.isTablet() ? 15 : 12,
+                    fontSize: (0, layout_1.isTablet)() ? 15 : 12,
                     color: theme.textColor3,
                     width: 200,
                     textAlign: 'center'
@@ -30,15 +31,15 @@ class FilePicker extends React.Component {
         };
     }
     render() {
-        const { label, onPress, icon } = this.props;
-        const theme = theme_1.getTheme();
+        const { label, onPress, icon, nativeID } = this.props;
+        const theme = (0, theme_1.getTheme)();
         const styles = this.getStyles();
         return (React.createElement(react_native_1.TouchableOpacity, { activeOpacity: 0.5, style: styles.container, onPress: onPress },
             React.createElement(FontAwesome_1.default, { name: icon, color: theme.textColor3, size: 30 }),
-            React.createElement(react_native_1.Text, { style: styles.text }, label)));
+            React.createElement(react_native_1.Text, { nativeID: nativeID, style: styles.text }, label)));
     }
 }
+exports.FilePicker = FilePicker;
 FilePicker.defaultProps = {
     icon: 'cloud-upload'
 };
-exports.FilePicker = FilePicker;

package/lib/components/Header.d.ts

@@ -50,7 +50,7 @@ export declare class Header extends React.Component<HeaderProperties> {
             fontSize: number;
         };
     };
-    renderButton: (button: HeaderButton, type: "left" | "right") => JSX.Element;
-    renderButtonInvisible: (type: "left" | "right") => JSX.Element;
+    renderButton: (button: HeaderButton, type: 'left' | 'right') => JSX.Element;
+    renderButtonInvisible: (type: 'left' | 'right') => JSX.Element;
     render(): JSX.Element;
 }