secullum-react-native-ui 4.16.2-beta.9 → 4.17.0

package/lib/components/TimePicker.js

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimePicker = void 0;
+const React = require("react");
+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 test_1 = require("../modules/test");
+const react_native_1 = require("react-native");
+class TimePicker extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            showModal: false,
+            isDarkModeEnabled: react_native_1.Appearance.getColorScheme() === 'dark'
+        };
+        this.handlePress = () => {
+            this.setState({ showModal: true });
+        };
+        this.handleConfirm = (value) => {
+            this.setState({ showModal: false }, () => {
+                if (this.props.onChange) {
+                    this.props.onChange((0, 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 = (0, 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: (0, 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_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 = (0, 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, testID: (0, test_1.getTestID)(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' }))))));
+    }
+}
+exports.TimePicker = TimePicker;
+TimePicker.defaultProps = {
+    clearable: true
+};

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,88 @@
+"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");
+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 = (0, 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: (0, 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, ref: ref => {
+                if (ref != null) {
+                    //@ts-ignore
+                    ref.tabIndex = -1;
+                }
+            } },
+            React.createElement(react_native_1.View, { style: [styles.container, style, !disabled ? null : styles.readonly] },
+                React.createElement(react_native_1.Text, { style: styles.label }, label),
+                React.createElement(react_native_1.TextInput, { nativeID: nativeID, value: value, style: styles.input, maxLength: 5, onKeyPress: (e) => {
+                        if (e.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 ((0, 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));
+                        }
+                    } }))));
+    }
+}
+exports.TimePicker = TimePicker;
+TimePicker.defaultProps = {
+    disabled: false
+};

package/lib/index.d.ts

@@ -0,0 +1,40 @@
+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 './modules/test';
+export * from './components/NoRecordMessage';

package/lib/index.js

@@ -0,0 +1,56 @@
+"use strict";
+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 });
+__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("./modules/test"), exports);
+__exportStar(require("./components/NoRecordMessage"), exports);

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,51 @@
+"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);
+}
+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 | string, format: string) => string;

package/lib/modules/format.js

@@ -0,0 +1,127 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatDate = exports.getDateFnsLocale = exports.parseDate = exports.getLocale = exports.setLocale = void 0;
+const date_fns_1 = require("date-fns");
+const dfnslocales = {
+    pt: require('date-fns/locale/pt-BR'),
+    en: require('date-fns/locale/en-US'),
+    es: require('date-fns/locale/es')
+};
+let currentLocale = 'pt';
+const setLocale = (locale) => {
+    currentLocale = locale;
+};
+exports.setLocale = setLocale;
+const getLocale = () => {
+    return currentLocale;
+};
+exports.getLocale = getLocale;
+const parseDate = (date, format) => {
+    return (0, date_fns_1.parse)(date, format, new Date());
+};
+exports.parseDate = parseDate;
+const getDateFnsLocale = () => {
+    let fnsLocate = dfnslocales.en;
+    switch (currentLocale) {
+        case 'pt':
+            fnsLocate = dfnslocales.pt;
+            break;
+        case 'es':
+            fnsLocate = dfnslocales.es;
+            break;
+    }
+    if (fnsLocate.default) {
+        return fnsLocate.default;
+    }
+    return fnsLocate;
+};
+exports.getDateFnsLocale = getDateFnsLocale;
+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('sab', 'Sáb');
+    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;
+};
+const formatDate = (date, format) => {
+    if (typeof date === 'string') {
+        // case 135870 - Acontecia casos onde a data/horas estavam sendo alteradas pois o react-native assume o fuso sempre como '00:00',
+        // para que isso não aconteça, se a data for do tipo string o fuso horario será adicionado na data para que não tenha alteração.
+        // A regex busca datas no formato "yyyy-MM-DDTHH:mm:ss", podendo ter ou não milisegundos, mas sem fuso horário informado.
+        if (/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d+)?$/.test(date)) {
+            const timezoneOffset = new Date().getTimezoneOffset();
+            const hours = Math.floor(Math.abs(timezoneOffset) / 60);
+            const minutes = Math.abs(timezoneOffset) % 60;
+            const sign = timezoneOffset > 0 ? '-' : '+';
+            const timezone = sign +
+                hours.toString().padStart(2, '0') +
+                ':' +
+                minutes.toString().padStart(2, '0');
+            date = date + timezone;
+        }
+    }
+    const formattedDate = (0, date_fns_1.format)(typeof date === 'string' ? new Date(date) : date, format, {
+        locale: (0, exports.getDateFnsLocale)()
+    });
+    switch (currentLocale) {
+        case 'pt':
+            return fixPortugueseLowercase(formattedDate);
+        case 'es':
+            return fixSpanishLowercase(formattedDate);
+        default:
+            return formattedDate;
+    }
+};
+exports.formatDate = formatDate;

package/lib/modules/layout.d.ts

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

package/lib/modules/layout.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isTablet = void 0;
+const react_native_1 = require("react-native");
+const 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);
+};
+exports.isTablet = isTablet;

package/lib/modules/test.d.ts

@@ -0,0 +1,2 @@
+export declare const setTestIDPrefix: (value: string) => void;
+export declare const getTestID: (testID?: string) => string | undefined;

package/lib/modules/test.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTestID = exports.setTestIDPrefix = void 0;
+let testIdPrefix = '';
+const setTestIDPrefix = (value) => {
+    testIdPrefix = value;
+};
+exports.setTestIDPrefix = setTestIDPrefix;
+const getTestID = (testID) => {
+    if (!testID) {
+        return testID;
+    }
+    if (testIdPrefix) {
+        return `${testIdPrefix}${testID}`;
+    }
+    return testID;
+};
+exports.getTestID = getTestID;

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;