secullum-react-native-ui 4.3.8-beta.2 → 4.3.10

package/lib/components/TimePicker.d.ts

@@ -0,0 +1,63 @@
+import * as React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export interface TimePickerProperties {
+    label: string;
+    value: string;
+    clearable?: boolean;
+    disabled?: boolean;
+    onChange?: (value: string) => void;
+    onCancel?: () => void;
+    style?: StyleProp<ViewStyle>;
+    nativeID?: string;
+}
+export interface TimePickerState {
+    showModal: boolean;
+    isDarkModeEnabled: boolean;
+}
+export declare class TimePicker extends React.Component<TimePickerProperties, TimePickerState> {
+    static defaultProps: {
+        clearable: boolean;
+    };
+    state: TimePickerState;
+    appearanceSubscription: any;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    handlePress: () => void;
+    handleConfirm: (value: Date) => void;
+    handleCancel: () => void;
+    handleClear: () => void;
+    getStyles: () => {
+        container: {
+            paddingHorizontal: number;
+            paddingVertical: number;
+            borderWidth: number;
+            borderColor: string;
+            borderRadius: number;
+            flexDirection: "row";
+            alignItems: "center";
+        };
+        label: {
+            color: string;
+            fontFamily: string;
+            fontSize: number;
+            lineHeight: number;
+        };
+        value: {
+            color: string;
+            fontFamily: string;
+            fontSize: number;
+            lineHeight: number;
+            minHeight: number;
+        };
+        readonly: {
+            backgroundColor: string;
+        };
+        clearIcon: {
+            borderWidth: number;
+            marginLeft: string;
+            height: string;
+            width: string;
+        };
+    };
+    render(): JSX.Element;
+}

package/lib/components/TimePicker.js

@@ -0,0 +1,111 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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");
+const layout_1 = require("../modules/layout");
+const theme_1 = require("../modules/theme");
+const react_native_1 = require("react-native");
+class TimePicker extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            showModal: false,
+            isDarkModeEnabled: react_native_appearance_1.Appearance.getColorScheme() === 'dark'
+        };
+        this.handlePress = () => {
+            this.setState({ showModal: true });
+        };
+        this.handleConfirm = (value) => {
+            this.setState({ showModal: false }, () => {
+                if (this.props.onChange) {
+                    this.props.onChange(format_1.formatDate(value, 'HH:mm'));
+                }
+            });
+        };
+        this.handleCancel = () => {
+            this.setState({ showModal: false }, () => {
+                if (this.props.onCancel) {
+                    this.props.onCancel();
+                }
+            });
+        };
+        this.handleClear = () => {
+            if (this.props.onChange) {
+                this.props.onChange('');
+            }
+        };
+        this.getStyles = () => {
+            const theme = theme_1.getTheme();
+            const styles = react_native_1.StyleSheet.create({
+                container: {
+                    paddingHorizontal: 16,
+                    paddingVertical: 8,
+                    borderWidth: 1,
+                    borderColor: theme.borderColor1,
+                    borderRadius: 3,
+                    flexDirection: 'row',
+                    alignItems: 'center'
+                },
+                label: {
+                    color: theme.textColor2,
+                    fontFamily: theme.fontFamily3,
+                    fontSize: layout_1.isTablet() ? 15 : 12,
+                    lineHeight: 16
+                },
+                value: {
+                    color: theme.textColor1,
+                    fontFamily: theme.fontFamily1,
+                    fontSize: 16,
+                    lineHeight: 22,
+                    minHeight: 22
+                },
+                readonly: {
+                    backgroundColor: theme.disabledColor
+                },
+                clearIcon: {
+                    borderWidth: 0,
+                    marginLeft: 'auto',
+                    height: 'auto',
+                    width: 'auto'
+                }
+            });
+            return styles;
+        };
+    }
+    componentDidMount() {
+        this.appearanceSubscription = react_native_appearance_1.Appearance.addChangeListener(({ colorScheme }) => {
+            this.setState({ isDarkModeEnabled: colorScheme === 'dark' });
+        });
+    }
+    componentWillUnmount() {
+        this.appearanceSubscription.remove();
+    }
+    render() {
+        const { label, value, clearable, style, disabled, nativeID } = this.props;
+        const { showModal, isDarkModeEnabled } = this.state;
+        const date = new Date();
+        const hourRegex = /(\d{2}):(\d{2})/;
+        const matches = hourRegex.exec(value);
+        const styles = this.getStyles();
+        const theme = theme_1.getTheme();
+        if (matches) {
+            date.setHours(parseInt(matches[1], 10));
+            date.setMinutes(parseInt(matches[2], 10));
+        }
+        return (React.createElement(React.Fragment, null,
+            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)),
+                    !disabled && (React.createElement(ImageButton_1.ImageButton, { icon: value && clearable ? 'times' : 'clock-o', 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, { mode: "time", date: date, isVisible: showModal, onConfirm: this.handleConfirm, onCancel: this.handleCancel, isDarkModeEnabled: isDarkModeEnabled, display: react_native_1.Platform.OS == 'ios' ? 'spinner' : 'default' }))))));
+    }
+}
+TimePicker.defaultProps = {
+    clearable: true
+};
+exports.TimePicker = TimePicker;

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

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { StyleProp, TextInput, ViewStyle, TextInputProps } from 'react-native';
+export interface TextBoxInputProps extends TextInputProps {
+    ref: (ref: TextInput) => void;
+}
+export interface TimePickerProperties {
+    label: string;
+    value: string;
+    clearable?: boolean;
+    disabled?: boolean;
+    onChange: (value: string) => void;
+    style?: StyleProp<ViewStyle>;
+    nativeID?: string;
+}
+export declare class TimePicker extends React.Component<TimePickerProperties> {
+    private backspace;
+    static defaultProps: {
+        disabled: boolean;
+    };
+    getStyles: () => {
+        container: {
+            paddingHorizontal: number;
+            paddingVertical: number;
+            borderWidth: number;
+            borderColor: string;
+            borderRadius: number;
+        };
+        label: {
+            color: string;
+            fontFamily: string;
+            fontSize: number;
+            lineHeight: number;
+        };
+        input: {
+            color: string;
+            fontFamily: string;
+            fontSize: number;
+            minHeight: number;
+            padding: number;
+            margin: number;
+            outlineStyle: string;
+        };
+        readonly: {
+            backgroundColor: string;
+        };
+    };
+    render(): JSX.Element;
+}

package/lib/components/TimePicker.web.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const react_native_1 = require("react-native");
+const theme_1 = require("../modules/theme");
+const layout_1 = require("../modules/layout");
+const validation_1 = require("../modules/validation");
+class TimePicker extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.backspace = false;
+        this.getStyles = () => {
+            const theme = theme_1.getTheme();
+            const styles = react_native_1.StyleSheet.create({
+                container: {
+                    paddingHorizontal: 16,
+                    paddingVertical: 8,
+                    borderWidth: 1,
+                    borderColor: theme.borderColor1,
+                    borderRadius: 3
+                },
+                label: {
+                    color: theme.textColor2,
+                    fontFamily: theme.fontFamily3,
+                    fontSize: layout_1.isTablet() ? 15 : 12,
+                    lineHeight: 16
+                },
+                input: {
+                    color: theme.textColor1,
+                    fontFamily: theme.fontFamily1,
+                    fontSize: 16,
+                    minHeight: 22,
+                    padding: 0,
+                    margin: 0,
+                    outlineStyle: 'none'
+                },
+                readonly: {
+                    backgroundColor: theme.disabledColor
+                }
+            });
+            return styles;
+        };
+    }
+    render() {
+        const { label, style, disabled, value, nativeID } = this.props;
+        const styles = this.getStyles();
+        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') {
+                            this.backspace = true;
+                        }
+                    }, onChangeText: (text) => {
+                        if (value.length > 0 && value.match(/[a-zA-Z]+/) == null) {
+                            if (text.length === 2 && !this.backspace) {
+                                text += ':';
+                            }
+                            if (text.length === 3 && !text.includes(':')) {
+                                text = text.substr(0, 2) + ':' + text.substr(2);
+                            }
+                            if (text.length <= 2) {
+                                this.backspace = false;
+                            }
+                            if (validation_1.isHour(text + '00:00'.substr(text.length))) {
+                                this.props.onChange(text);
+                            }
+                        }
+                        else {
+                            this.props.onChange(text);
+                        }
+                    }, onBlur: () => {
+                        if (value.length > 0 && value.match(/[a-zA-Z]+/) == null) {
+                            this.props.onChange(value + '00:00'.substr(value.length));
+                        }
+                    } }))));
+    }
+}
+TimePicker.defaultProps = {
+    disabled: false
+};
+exports.TimePicker = TimePicker;

package/lib/index.d.ts

@@ -0,0 +1,39 @@
+export * from './components/AppShell';
+export * from './components/Button';
+export * from './components/Card';
+export * from './components/CheckBox';
+export * from './components/DatePicker';
+export * from './components/Details';
+export * from './components/DetailsHeader';
+export * from './components/DimensionsMonitor';
+export * from './components/DropDown';
+export * from './components/FilePicker';
+export * from './components/Header';
+export * from './components/HeaderDesktop';
+export * from './components/ImageButton';
+export * from './components/KeyboardAvoidingView';
+export * from './components/Link';
+export * from './components/Loading';
+export * from './components/MenuMobile';
+export * from './components/MenuDesktop';
+export * from './components/Message';
+export * from './components/Modal';
+export * from './components/MultiSelect';
+export * from './components/Question';
+export * from './components/RadioButton';
+export * from './components/RadioGroup';
+export * from './components/RangeDatePicker';
+export * from './components/Space';
+export * from './components/StatusBar';
+export * from './components/Switch';
+export * from './components/Table';
+export * from './components/Text';
+export * from './components/TextBox';
+export * from './components/TimePicker';
+export * from './components/ErrorMessage';
+export * from './components/TextBoxMask';
+export * from './modules/format';
+export * from './modules/layout';
+export * from './modules/theme';
+export * from './modules/validation';
+export * from './components/NoRecordMessage';

package/lib/index.js

@@ -0,0 +1,44 @@
+"use strict";
+function __export(m) {
+    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = 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"));

package/lib/modules/browser.d.ts

@@ -0,0 +1,2 @@
+export declare function ehIE(): boolean;
+export declare function setDatePickerColor(color: string): void;

package/lib/modules/browser.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_native_1 = require("react-native");
+function ehIE() {
+    return /MSIE|Trident\//.test(navigator.userAgent);
+}
+exports.ehIE = ehIE;
+function setDatePickerColor(color) {
+    if (['ios', 'android'].includes(react_native_1.Platform.OS)) {
+        return;
+    }
+    const STYLE_ID = 'custom-datepicker-color';
+    removeElements(`style#${STYLE_ID}`);
+    const style = document.createElement('style');
+    style.id = STYLE_ID;
+    style.innerHTML = `
+  .rdrMonthAndYearWrapper {
+    background-color: ${color};
+  }
+
+  .rdrDayToday .rdrDayNumber span:after {
+    background: ${color}
+  }
+
+  .rdrSelected,
+  .rdrInRange,
+  .rdrStartEdge,
+  .rdrEndEdge {
+    background: ${color};
+  }
+
+  .rdrDay {
+    color: ${color} !important;
+  }
+
+  .rdrDayStartPreview,
+  .rdrDayInPreview,
+  .rdrDayEndPreview {
+    border: 0px solid ${color};
+  }
+  `;
+    document.body.appendChild(style);
+}
+exports.setDatePickerColor = setDatePickerColor;
+function removeElements(query) {
+    const elements = document.querySelectorAll(query);
+    if (elements) {
+        elements.forEach(el => el.remove());
+    }
+}

package/lib/modules/format.d.ts

@@ -0,0 +1,6 @@
+export declare type Locale = 'pt' | 'en' | 'es';
+export declare const setLocale: (locale: Locale) => void;
+export declare const getLocale: () => Locale;
+export declare const parseDate: (date: string, format: string) => Date;
+export declare const getDateFnsLocale: () => any;
+export declare const formatDate: (date: Date, format: string) => string;

package/lib/modules/format.js

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const date_fns_1 = require("date-fns");
+const dfnslocales = {
+    pt: require('date-fns/locale/pt'),
+    en: require('date-fns/locale/en-US'),
+    es: require('date-fns/locale/es')
+};
+let currentLocale = 'pt';
+exports.setLocale = (locale) => {
+    currentLocale = locale;
+};
+exports.getLocale = () => {
+    return currentLocale;
+};
+exports.parseDate = (date, format) => {
+    return date_fns_1.parse(date, format, new Date());
+};
+exports.getDateFnsLocale = () => {
+    switch (currentLocale) {
+        case 'pt':
+            return dfnslocales.pt;
+        case 'es':
+            return dfnslocales.es;
+        default:
+            return dfnslocales.en;
+    }
+};
+const fixPortugueseLowercase = (formattedDate) => {
+    formattedDate = formattedDate.replace('segunda-feira', 'Segunda-Feira');
+    formattedDate = formattedDate.replace('terça-feira', 'Terça-Feira');
+    formattedDate = formattedDate.replace('quarta-feira', 'Quarta-Feira');
+    formattedDate = formattedDate.replace('quinta-feira', 'Quinta-Feira');
+    formattedDate = formattedDate.replace('sexta-feira', 'Sexta-Feira');
+    formattedDate = formattedDate.replace('sábado', 'Sábado');
+    formattedDate = formattedDate.replace('domingo', 'Domingo');
+    formattedDate = formattedDate.replace('seg', 'Seg');
+    formattedDate = formattedDate.replace('ter', 'Ter');
+    formattedDate = formattedDate.replace('qua', 'Qua');
+    formattedDate = formattedDate.replace('qui', 'Qui');
+    formattedDate = formattedDate.replace('sex', 'Sex');
+    formattedDate = formattedDate.replace('sáb', 'Sáb');
+    formattedDate = formattedDate.replace('dom', 'Dom');
+    formattedDate = formattedDate.replace('janeiro', 'Janeiro');
+    formattedDate = formattedDate.replace('fevereiro', 'Fevereiro');
+    formattedDate = formattedDate.replace('março', 'Março');
+    formattedDate = formattedDate.replace('abril', 'Abril');
+    formattedDate = formattedDate.replace('maio', 'Maio');
+    formattedDate = formattedDate.replace('junho', 'Junho');
+    formattedDate = formattedDate.replace('julho', 'Julho');
+    formattedDate = formattedDate.replace('agosto', 'Agosto');
+    formattedDate = formattedDate.replace('setembro', 'Setembro');
+    formattedDate = formattedDate.replace('outubro', 'Outubro');
+    formattedDate = formattedDate.replace('novembro', 'Novembro');
+    formattedDate = formattedDate.replace('dezembro', 'Dezembro');
+    return formattedDate;
+};
+const fixSpanishLowercase = (formattedDate) => {
+    formattedDate = formattedDate.replace('lunes', 'Lunes');
+    formattedDate = formattedDate.replace('martes', 'Martes');
+    formattedDate = formattedDate.replace('miércoles', 'Miércoles');
+    formattedDate = formattedDate.replace('jueves', 'Jueves');
+    formattedDate = formattedDate.replace('viernes', 'Viernes');
+    formattedDate = formattedDate.replace('sábado', 'Sábado');
+    formattedDate = formattedDate.replace('domingo', 'Domingo');
+    formattedDate = formattedDate.replace('lun', 'Lun');
+    formattedDate = formattedDate.replace('mar', 'Mar');
+    formattedDate = formattedDate.replace('mié', 'Mié');
+    formattedDate = formattedDate.replace('jue', 'Jue');
+    formattedDate = formattedDate.replace('vie', 'Vie');
+    formattedDate = formattedDate.replace('sáb', 'Sáb');
+    formattedDate = formattedDate.replace('dom', 'Dom');
+    formattedDate = formattedDate.replace('enero', 'Enero');
+    formattedDate = formattedDate.replace('febrero', 'Febrero');
+    formattedDate = formattedDate.replace('marzo', 'Marzo');
+    formattedDate = formattedDate.replace('abril', 'Abril');
+    formattedDate = formattedDate.replace('mayo', 'Mayo');
+    formattedDate = formattedDate.replace('junio', 'Junio');
+    formattedDate = formattedDate.replace('julio', 'Julio');
+    formattedDate = formattedDate.replace('agosto', 'Agosto');
+    formattedDate = formattedDate.replace('septiembre', 'Septiembre');
+    formattedDate = formattedDate.replace('octubre', 'Octubre');
+    formattedDate = formattedDate.replace('noviembre', 'Noviembre');
+    formattedDate = formattedDate.replace('diciembre', 'Diciembre');
+    return formattedDate;
+};
+exports.formatDate = (date, format) => {
+    const formattedDate = date_fns_1.format(date, format, {
+        locale: exports.getDateFnsLocale()
+    });
+    switch (currentLocale) {
+        case 'pt':
+            return fixPortugueseLowercase(formattedDate);
+        case 'es':
+            return fixSpanishLowercase(formattedDate);
+        default:
+            return formattedDate;
+    }
+};

package/lib/modules/layout.d.ts

@@ -0,0 +1 @@
+export declare const isTablet: () => boolean;

package/lib/modules/layout.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_native_1 = require("react-native");
+exports.isTablet = () => {
+    if (react_native_1.Platform.OS === 'web') {
+        return false;
+    }
+    return (react_native_1.Dimensions.get('window').height >= 800 &&
+        react_native_1.Dimensions.get('window').width >= 500);
+};

package/lib/modules/theme.d.ts

@@ -0,0 +1,41 @@
+export declare const BLACK = "#282c37";
+export declare const WHITE = "#ffffff";
+export declare const GRAY = "#555";
+export declare const GRAY_1 = "#eef1f6";
+export declare const GRAY_2 = "#dddddd";
+export declare const GRAY_3 = "#c2c2c2";
+export declare const GRAY_4 = "#aabec6";
+export declare const BLUE = "#0047a9";
+export declare const BLUE_LIGHT = "#0c65c7";
+export declare const BLUE_LIGHT_2 = "#59cbe8";
+export declare const YELLOW = "#f5a623";
+export declare const GREEN = "#34bf6d";
+export declare const GREEN_LIGHT = "#2ec562";
+export declare const RED = "#d62729";
+export interface Theme {
+    textColor1: string;
+    textColor2: string;
+    textColor3: string;
+    textColor4: string;
+    messageTextColor: string;
+    counterTextColor: string;
+    dropDownTextColor: string;
+    questionTextColor: string;
+    datePickerColor: string;
+    backgroundColor1: string;
+    backgroundColor2: string;
+    backgroundColor3: string;
+    borderColor1: string;
+    shadowColor1: string;
+    statusBarColor: string;
+    successColor: string;
+    warningColor: string;
+    errorColor: string;
+    disabledColor: string;
+    counterBackgroundColor: string;
+    fontFamily1: string;
+    fontFamily2: string;
+    fontFamily3: string;
+}
+export declare const setTheme: (newTheme: Partial<Theme>) => void;
+export declare const getTheme: () => Theme;

package/lib/modules/theme.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const browser_1 = require("./browser");
+exports.BLACK = '#282c37';
+exports.WHITE = '#ffffff';
+exports.GRAY = '#555';
+exports.GRAY_1 = '#eef1f6';
+exports.GRAY_2 = '#dddddd';
+exports.GRAY_3 = '#c2c2c2';
+exports.GRAY_4 = '#aabec6';
+exports.BLUE = '#0047a9';
+exports.BLUE_LIGHT = '#0c65c7';
+exports.BLUE_LIGHT_2 = '#59cbe8';
+exports.YELLOW = '#f5a623';
+exports.GREEN = '#34bf6d';
+exports.GREEN_LIGHT = '#2ec562';
+exports.RED = '#d62729';
+let theme = {
+    textColor1: exports.BLACK,
+    textColor2: exports.BLUE_LIGHT,
+    textColor3: exports.GRAY,
+    textColor4: exports.WHITE,
+    messageTextColor: exports.BLACK,
+    counterTextColor: exports.WHITE,
+    dropDownTextColor: exports.BLACK,
+    questionTextColor: exports.BLACK,
+    datePickerColor: exports.BLUE_LIGHT_2,
+    backgroundColor1: exports.WHITE,
+    backgroundColor2: exports.GRAY_1,
+    backgroundColor3: exports.BLUE_LIGHT,
+    borderColor1: exports.GRAY_3,
+    shadowColor1: exports.GRAY_4,
+    statusBarColor: exports.BLUE,
+    successColor: exports.GREEN_LIGHT,
+    warningColor: exports.YELLOW,
+    errorColor: exports.RED,
+    disabledColor: exports.GRAY_2,
+    counterBackgroundColor: exports.GREEN,
+    fontFamily1: 'Roboto-Medium',
+    fontFamily2: 'Roboto',
+    fontFamily3: 'Roboto-Light'
+};
+exports.setTheme = (newTheme) => {
+    theme = Object.assign({}, theme, newTheme);
+    browser_1.setDatePickerColor(theme.datePickerColor);
+};
+exports.getTheme = () => {
+    return theme;
+};

package/lib/modules/validation.d.ts

@@ -0,0 +1,3 @@
+export declare const validateCPF: (value: any) => boolean;
+export declare const validateCNPJ: (value: any) => boolean;
+export declare const isHour: (value: string) => boolean;