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

package/lib/components/RangeDatePicker.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RangeDatePicker = 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 FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
 const format_1 = require("../modules/format");
@@ -15,7 +15,7 @@ class RangeDatePicker extends React.Component {
         this.state = {
             showStartDateModal: false,
             showEndDateModal: false,
-            isDarkModeEnabled: react_native_appearance_1.Appearance.getColorScheme() === 'dark'
+            isDarkModeEnabled: react_native_1.Appearance.getColorScheme() === 'dark'
         };
         this.handleDatePickerPress = () => {
             this.setState({
@@ -60,7 +60,7 @@ class RangeDatePicker 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,
@@ -74,7 +74,7 @@ class RangeDatePicker 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: {
@@ -93,7 +93,7 @@ class RangeDatePicker 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' });
         });
     }
@@ -104,9 +104,9 @@ class RangeDatePicker extends React.Component {
         const { label, startDate, endDate, style, nativeID } = this.props;
         const { showStartDateModal, showEndDateModal, isDarkModeEnabled } = this.state;
         const displayFormat = 'MMM D, YYYY';
-        const displayText = format_1.formatDate(startDate, displayFormat) +
+        const displayText = (0, format_1.formatDate)(startDate, displayFormat) +
             ' - ' +
-            format_1.formatDate(endDate, displayFormat);
+            (0, format_1.formatDate)(endDate, displayFormat);
         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] },

package/lib/components/RangeDatePicker.web.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RangeDatePicker = void 0;
 const React = require("react");
 const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
 const format_1 = require("../modules/format");
@@ -42,7 +43,7 @@ class RangeDatePicker extends React.Component {
             this.setState({ count: 1 });
         };
         this.getStyles = () => {
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             const styles = react_native_1.StyleSheet.create({
                 container: {
                     paddingHorizontal: 16,
@@ -60,7 +61,7 @@ class RangeDatePicker 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: {
@@ -88,10 +89,10 @@ class RangeDatePicker extends React.Component {
         const { label, startDate, endDate, style, nativeID } = this.props;
         const { showStartDateModal } = this.state;
         const displayFormat = 'MMM D, YYYY';
-        const displayText = format_1.formatDate(startDate, displayFormat) +
+        const displayText = (0, format_1.formatDate)(startDate, displayFormat) +
             ' - ' +
-            format_1.formatDate(endDate, displayFormat);
-        const theme = theme_1.getTheme();
+            (0, format_1.formatDate)(endDate, displayFormat);
+        const theme = (0, theme_1.getTheme)();
         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] },
@@ -107,7 +108,7 @@ class RangeDatePicker extends React.Component {
                             marginTop: '-150px',
                             fontFamily: theme.fontFamily1
                         } },
-                        React.createElement(react_date_range_1.DateRange, { locale: format_1.getDateFnsLocale(), showDateDisplay: false, ranges: [
+                        React.createElement(react_date_range_1.DateRange, { locale: (0, format_1.getDateFnsLocale)(), showDateDisplay: false, ranges: [
                                 {
                                     startDate: startDate,
                                     endDate: endDate,

package/lib/components/Space.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Space = void 0;
 const React = require("react");
 const react_native_1 = require("react-native");
 class Space extends React.Component {
@@ -8,7 +9,7 @@ class Space extends React.Component {
         return React.createElement(react_native_1.View, { style: { height, width } });
     }
 }
+exports.Space = Space;
 Space.defaultProps = {
     height: 16
 };
-exports.Space = Space;

package/lib/components/StatusBar.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusBar = void 0;
 const React = require("react");
 const theme_1 = require("../modules/theme");
 const react_native_1 = require("react-native");
@@ -7,7 +8,7 @@ class StatusBar 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({
                 statusBar: {
                     backgroundColor: theme.statusBarColor,
@@ -23,5 +24,5 @@ class StatusBar extends React.Component {
             React.createElement(react_native_1.StatusBar, { backgroundColor: "transparent", barStyle: "light-content", translucent: true })));
     }
 }
-StatusBar.height = react_native_1.StatusBar.currentHeight || 20;
 exports.StatusBar = StatusBar;
+StatusBar.height = react_native_1.StatusBar.currentHeight || 20;

package/lib/components/Switch.js

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

package/lib/components/Table.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Table = void 0;
 const React = require("react");
 const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
 const theme_1 = require("../modules/theme");
@@ -29,12 +30,14 @@ class Table extends React.Component {
                     const style = cellStyle &&
                         cellStyle[row[idAttribute].toString()] &&
                         cellStyle[row[idAttribute].toString()][column.key];
-                    return column.type === 'icon' ? (React.createElement(FontAwesome_1.default, { key: column.key, name: row[column.key].toString(), style: [styles.cellIcon, style, column.style] })) : column.type === 'checkbox' ? (React.createElement(CheckBox_1.CheckBox, { key: column.key, style: { marginLeft: 8 }, value: row.selected || false, onChange: value => onSelect && onSelect(row[column.key].toString(), value) })) : (React.createElement(react_native_1.Text, { key: column.key, style: [styles.cell, style, column.style] }, row[column.key].toString()));
+                    return column.type === 'icon' ? (React.createElement(FontAwesome_1.default, { key: column.key, name: row[column.key].toString(), 
+                        // @ts-ignore : The component uses a different version of typing
+                        style: [styles.cellIcon, style, column.style] })) : column.type === 'checkbox' ? (React.createElement(CheckBox_1.CheckBox, { key: column.key, style: { marginLeft: 8 }, value: row.selected || false, onChange: value => onSelect && onSelect(row[column.key].toString(), value) })) : (React.createElement(react_native_1.Text, { key: column.key, style: [styles.cell, style, column.style] }, row[column.key].toString()));
                 })))))));
     }
 }
 exports.Table = Table;
-const theme = theme_1.getTheme();
+const theme = (0, theme_1.getTheme)();
 const styles = react_native_1.StyleSheet.create({
     row: {
         flexDirection: 'row',

package/lib/components/Table.web.d.ts

@@ -11,7 +11,7 @@ export declare class Table extends React.Component<Props & TableProperties, Stat
     static defaultProps: {
         heightContainer: number;
     };
-    renderHeaderTable: (headerData: TableColumn[]) => JSX.Element;
+    renderHeaderTable: (headerData: Array<TableColumn>) => JSX.Element;
     renderDataTable: () => JSX.Element;
     render(): JSX.Element;
 }

package/lib/components/Table.web.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Table = void 0;
 const React = require("react");
 const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
 const theme_1 = require("../modules/theme");
@@ -28,7 +29,7 @@ class Table extends React.Component {
                         position: 'absolute',
                         left: leftHeader,
                         display: 'flex',
-                        paddingTop: browser_1.ehIE() ? 15 : 0
+                        paddingTop: (0, browser_1.ehIE)() ? 15 : 0
                     } }, headerData.map((column, index) => {
                     const headerId = nativeID && `${nativeID}-header-${index + 1}`;
                     return column.type === 'checkbox' ? (React.createElement(CheckBox_1.CheckBox, { nativeID: headerId, key: column.key, style: { marginLeft: 8 }, value: data.every(x => x.selected) || false, onChange: value => onSelectAll && onSelectAll(value) })) : (React.createElement(react_native_1.Text, { nativeID: headerId, key: column.key, style: [
@@ -63,7 +64,9 @@ class Table extends React.Component {
                                 cellStyle[item[idAttribute].toString()] &&
                                 cellStyle[item[idAttribute].toString()][column.key];
                             const cellID = nativeID && `${nativeID}-${index + 1}-${columnIndex + 1}`;
-                            return column.type === 'icon' ? (React.createElement(FontAwesome_1.default, { nativeID: cellID, key: column.key, name: item[column.key].toString(), style: [styles.cellIcon, style, column.style] })) : column.type === 'checkbox' ? (React.createElement(CheckBox_1.CheckBox, { nativeID: cellID, key: column.key, style: { marginLeft: 8 }, value: item.selected || false, onChange: value => onSelect && onSelect(item[column.key].toString(), value) })) : (React.createElement(react_native_1.Text, { nativeID: cellID, key: column.key, style: [styles.cell, style, column.style] }, item[column.key].toString()));
+                            return column.type === 'icon' ? (React.createElement(FontAwesome_1.default, { nativeID: cellID, key: column.key, name: item[column.key].toString(), 
+                                // @ts-ignore : The component uses a different version of typing
+                                style: [styles.cellIcon, style, column.style] })) : column.type === 'checkbox' ? (React.createElement(CheckBox_1.CheckBox, { nativeID: cellID, key: column.key, style: { marginLeft: 8 }, value: item.selected || false, onChange: value => onSelect && onSelect(item[column.key].toString(), value) })) : (React.createElement(react_native_1.Text, { nativeID: cellID, key: column.key, style: [styles.cell, style, column.style] }, item[column.key].toString()));
                         }))) }))));
         };
     }
@@ -75,12 +78,12 @@ class Table extends React.Component {
             this.renderDataTable()));
     }
 }
+exports.Table = Table;
 Table.defaultProps = {
     //Top = 60px, padding = 16px, filters = 143px, padding = 16px, header = 45px, padding = 16
     heightContainer: react_native_1.Dimensions.get('window').height - 296
 };
-exports.Table = Table;
-const theme = theme_1.getTheme();
+const theme = (0, theme_1.getTheme)();
 const styles = react_native_1.StyleSheet.create({
     row: {
         flexDirection: 'row',

package/lib/components/Text.d.ts

@@ -15,7 +15,7 @@ export declare class Text extends React.Component<TextProperties> {
             color: string;
             flex: number | undefined;
             fontSize: number;
-            textAlign: "left" | "right" | "center" | "auto" | "justify" | undefined;
+            textAlign: "left" | "right" | "auto" | "center" | "justify" | undefined;
             fontFamily: string;
         };
     };

package/lib/components/Text.js

@@ -1,15 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
 const React = require("react");
 const react_native_1 = require("react-native");
 const theme_1 = require("../modules/theme");
-const theme = theme_1.getTheme();
+const theme = (0, theme_1.getTheme)();
 class Text extends React.Component {
     constructor() {
         super(...arguments);
         this.getStyles = () => {
             const { bold, color, size, flex, align } = this.props;
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             const styles = react_native_1.StyleSheet.create({
                 text: {
                     color,
@@ -28,9 +29,9 @@ class Text extends React.Component {
         return (React.createElement(react_native_1.Text, { nativeID: nativeID, style: [textStyle.text, style] }, children));
     }
 }
+exports.Text = Text;
 Text.defaultProps = {
     bold: false,
     size: 14,
     color: theme.textColor1
 };
-exports.Text = Text;

package/lib/components/TextBox.d.ts

@@ -43,13 +43,7 @@ export declare class TextBox extends React.Component<TextBoxProperties> {
     };
     getStyles: () => {
         container: {
-            flexDirection: "row";
-            paddingHorizontal: number;
-            paddingVertical: number;
-            borderWidth: number;
-            borderColor: string;
-            borderRadius: number;
-        } | {
+            flexDirection?: "row" | undefined;
             paddingHorizontal: number;
             paddingVertical: number;
             borderWidth: number;
@@ -70,34 +64,8 @@ export declare class TextBox extends React.Component<TextBoxProperties> {
             lineHeight: number;
         };
         input: {
-            flex: number;
-            outline: string;
-            color: string;
-            fontFamily: string;
-            fontWeight: "normal";
-            fontSize: number;
-            minHeight: number;
-            padding: number;
-            margin: number;
-        } | {
-            outline: string;
-            color: string;
-            fontFamily: string;
-            fontWeight: "normal";
-            fontSize: number;
-            minHeight: number;
-            padding: number;
-            margin: number;
-        } | {
-            flex: number;
-            color: string;
-            fontFamily: string;
-            fontWeight: "normal";
-            fontSize: number;
-            minHeight: number;
-            padding: number;
-            margin: number;
-        } | {
+            flex?: number | undefined;
+            outline?: string | undefined;
             color: string;
             fontFamily: string;
             fontWeight: "normal";

package/lib/components/TextBox.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextBox = void 0;
 const React = require("react");
 const theme_1 = require("../modules/theme");
 const layout_1 = require("../modules/layout");
@@ -10,13 +11,13 @@ class TextBox extends React.Component {
         super(...arguments);
         this.input = 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 ? { flexDirection: 'row' } : {})),
                 icon: {
                     color: theme.textColor2,
-                    fontSize: layout_1.isTablet() ? 21 : 19,
+                    fontSize: (0, layout_1.isTablet)() ? 21 : 19,
                     marginRight: 10,
                     alignSelf: 'center',
                     minHeight: 22
@@ -24,10 +25,10 @@ class TextBox 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
                 },
-                input: Object.assign({ color: theme.textColor1, fontFamily: this.props.value ? theme.fontFamily1 : theme.fontFamily3, fontWeight: 'normal', fontSize: 16, minHeight: 22, padding: 0, margin: 0 }, (react_native_1.Platform.OS === 'web' ? { outline: 'none' } : {}), (icon ? { flex: 1 } : {})),
+                input: Object.assign(Object.assign({ color: theme.textColor1, fontFamily: this.props.value ? theme.fontFamily1 : theme.fontFamily3, fontWeight: 'normal', fontSize: 16, minHeight: 22, padding: 0, margin: 0 }, (react_native_1.Platform.OS === 'web' ? { outline: 'none' } : {})), (icon ? { flex: 1 } : {})),
                 readonly: {
                     backgroundColor: theme.disabledColor
                 }
@@ -93,9 +94,9 @@ class TextBox extends React.Component {
                     : this.renderInput(incomingProps))));
     }
 }
+exports.TextBox = TextBox;
 TextBox.defaultProps = {
     editable: true,
     autoCorrect: false,
     blurOnSubmit: true
 };
-exports.TextBox = TextBox;

package/lib/components/TextBoxMask.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.TextBoxMask = void 0;
 const React = require("react");
 const TextBox_1 = require("./TextBox");
 const react_native_1 = require("react-native");
@@ -22,7 +25,9 @@ class TextBoxMask extends React.Component {
                 // @ts-ignore :Waiting for typing https://github.com/benhurott/react-native-masked-text/pull/74
                 React.createElement(react_native_masked_text_1.TextInputMask, Object.assign({}, otherProps, { type: type, options: options }))) : (
                 // @ts-ignore :Waiting for typing https://github.com/benhurott/react-native-masked-text/pull/74
-                React.createElement(react_native_masked_text_1.TextInputMask, Object.assign({}, otherProps, { refInput: ref, type: type, options: options })));
+                React.createElement(react_native_masked_text_1.TextInputMask, Object.assign({}, otherProps, { 
+                    // @ts-ignore : The component uses a different version of typing
+                    refInput: ref, type: type, options: options })));
             } })));
     }
 }

package/lib/components/TimePicker.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimePicker = 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 ImageButton_1 = require("./ImageButton");
 const format_1 = require("../modules/format");
@@ -13,7 +13,7 @@ class TimePicker 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 });
@@ -21,7 +21,7 @@ class TimePicker extends React.Component {
         this.handleConfirm = (value) => {
             this.setState({ showModal: false }, () => {
                 if (this.props.onChange) {
-                    this.props.onChange(format_1.formatDate(value, 'HH:mm'));
+                    this.props.onChange((0, format_1.formatDate)(value, 'HH:mm'));
                 }
             });
         };
@@ -38,7 +38,7 @@ class TimePicker 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,
@@ -52,7 +52,7 @@ class TimePicker 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 TimePicker 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' });
         });
     }
@@ -90,7 +90,7 @@ class TimePicker extends React.Component {
         const hourRegex = /(\d{2}):(\d{2})/;
         const matches = hourRegex.exec(value);
         const styles = this.getStyles();
-        const theme = theme_1.getTheme();
+        const theme = (0, theme_1.getTheme)();
         if (matches) {
             date.setHours(parseInt(matches[1], 10));
             date.setMinutes(parseInt(matches[2], 10));
@@ -105,7 +105,7 @@ class TimePicker extends React.Component {
                     react_native_1.Platform.OS !== 'web' && (React.createElement(react_native_modal_datetime_picker_1.default, { mode: "time", date: date, isVisible: showModal, onConfirm: this.handleConfirm, onCancel: this.handleCancel, isDarkModeEnabled: isDarkModeEnabled, display: react_native_1.Platform.OS == 'ios' ? 'spinner' : 'default' }))))));
     }
 }
+exports.TimePicker = TimePicker;
 TimePicker.defaultProps = {
     clearable: true
 };
-exports.TimePicker = TimePicker;

package/lib/components/TimePicker.web.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimePicker = void 0;
 const React = require("react");
 const react_native_1 = require("react-native");
 const theme_1 = require("../modules/theme");
@@ -10,7 +11,7 @@ class TimePicker extends React.Component {
         super(...arguments);
         this.backspace = false;
         this.getStyles = () => {
-            const theme = theme_1.getTheme();
+            const theme = (0, theme_1.getTheme)();
             const styles = react_native_1.StyleSheet.create({
                 container: {
                     paddingHorizontal: 16,
@@ -22,7 +23,7 @@ class TimePicker 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
                 },
                 input: {
@@ -47,8 +48,8 @@ class TimePicker extends React.Component {
         return (React.createElement(react_native_1.TouchableWithoutFeedback, { accessible: false, disabled: disabled },
             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: (nativeEvent) => {
-                        if (nativeEvent.key === 'Backspace') {
+                React.createElement(react_native_1.TextInput, { nativeID: nativeID, value: value, style: styles.input, maxLength: 5, onKeyPress: (e) => {
+                        if (e.nativeEvent.key === 'Backspace') {
                             this.backspace = true;
                         }
                     }, onChangeText: (text) => {
@@ -62,7 +63,7 @@ class TimePicker extends React.Component {
                             if (text.length <= 2) {
                                 this.backspace = false;
                             }
-                            if (validation_1.isHour(text + '00:00'.substr(text.length))) {
+                            if ((0, validation_1.isHour)(text + '00:00'.substr(text.length))) {
                                 this.props.onChange(text);
                             }
                         }
@@ -76,7 +77,7 @@ class TimePicker extends React.Component {
                     } }))));
     }
 }
+exports.TimePicker = TimePicker;
 TimePicker.defaultProps = {
     disabled: false
 };
-exports.TimePicker = TimePicker;

package/lib/index.js

@@ -1,44 +1,55 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-__export(require("./components/AppShell"));
-__export(require("./components/Button"));
-__export(require("./components/Card"));
-__export(require("./components/CheckBox"));
-__export(require("./components/DatePicker"));
-__export(require("./components/Details"));
-__export(require("./components/DetailsHeader"));
-__export(require("./components/DimensionsMonitor"));
-__export(require("./components/DropDown"));
-__export(require("./components/FilePicker"));
-__export(require("./components/Header"));
-__export(require("./components/HeaderDesktop"));
-__export(require("./components/ImageButton"));
-__export(require("./components/KeyboardAvoidingView"));
-__export(require("./components/Link"));
-__export(require("./components/Loading"));
-__export(require("./components/MenuMobile"));
-__export(require("./components/MenuDesktop"));
-__export(require("./components/Message"));
-__export(require("./components/Modal"));
-__export(require("./components/MultiSelect"));
-__export(require("./components/Question"));
-__export(require("./components/RadioButton"));
-__export(require("./components/RadioGroup"));
-__export(require("./components/RangeDatePicker"));
-__export(require("./components/Space"));
-__export(require("./components/StatusBar"));
-__export(require("./components/Switch"));
-__export(require("./components/Table"));
-__export(require("./components/Text"));
-__export(require("./components/TextBox"));
-__export(require("./components/TimePicker"));
-__export(require("./components/ErrorMessage"));
-__export(require("./components/TextBoxMask"));
-__export(require("./modules/format"));
-__export(require("./modules/layout"));
-__export(require("./modules/theme"));
-__export(require("./modules/validation"));
-__export(require("./components/NoRecordMessage"));
+__exportStar(require("./components/AppShell"), exports);
+__exportStar(require("./components/Button"), exports);
+__exportStar(require("./components/Card"), exports);
+__exportStar(require("./components/CheckBox"), exports);
+__exportStar(require("./components/DatePicker"), exports);
+__exportStar(require("./components/Details"), exports);
+__exportStar(require("./components/DetailsHeader"), exports);
+__exportStar(require("./components/DimensionsMonitor"), exports);
+__exportStar(require("./components/DropDown"), exports);
+__exportStar(require("./components/FilePicker"), exports);
+__exportStar(require("./components/Header"), exports);
+__exportStar(require("./components/HeaderDesktop"), exports);
+__exportStar(require("./components/ImageButton"), exports);
+__exportStar(require("./components/KeyboardAvoidingView"), exports);
+__exportStar(require("./components/Link"), exports);
+__exportStar(require("./components/Loading"), exports);
+__exportStar(require("./components/MenuMobile"), exports);
+__exportStar(require("./components/MenuDesktop"), exports);
+__exportStar(require("./components/Message"), exports);
+__exportStar(require("./components/Modal"), exports);
+__exportStar(require("./components/MultiSelect"), exports);
+__exportStar(require("./components/Question"), exports);
+__exportStar(require("./components/RadioButton"), exports);
+__exportStar(require("./components/RadioGroup"), exports);
+__exportStar(require("./components/RangeDatePicker"), exports);
+__exportStar(require("./components/Space"), exports);
+__exportStar(require("./components/StatusBar"), exports);
+__exportStar(require("./components/Switch"), exports);
+__exportStar(require("./components/Table"), exports);
+__exportStar(require("./components/Text"), exports);
+__exportStar(require("./components/TextBox"), exports);
+__exportStar(require("./components/TimePicker"), exports);
+__exportStar(require("./components/ErrorMessage"), exports);
+__exportStar(require("./components/TextBoxMask"), exports);
+__exportStar(require("./modules/format"), exports);
+__exportStar(require("./modules/layout"), exports);
+__exportStar(require("./modules/theme"), exports);
+__exportStar(require("./modules/validation"), exports);
+__exportStar(require("./components/NoRecordMessage"), exports);

package/lib/modules/browser.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.setDatePickerColor = exports.ehIE = void 0;
 const react_native_1 = require("react-native");
 function ehIE() {
     return /MSIE|Trident\//.test(navigator.userAgent);