@tecsinapse/react-core 1.12.6 → 1.12.10

package/src/utils/ResponsiveFontSize.ts

@@ -2,7 +2,7 @@ import { Dimensions, Platform, StatusBar } from "react-native";
 import { extractNumbersFromString } from "./extractNumbersFromString";
 import { isIphoneX } from "./IPhoneXHelper";
 
-const STANDARD_SCREEN_HEIGHT = 640
+const STANDARD_SCREEN_HEIGHT = 680
 
 /**
  * Use this function when you want to scale a percentage number
@@ -40,7 +40,7 @@ export const RFValue = (fontSize: number, standardScreenHeight: number = STANDAR
 }
 
 /**
- * Same of RFValue, however you can provide string values. E.g: '10px', '-5px'.
+ * Same as RFValue, however you can provide string values. E.g: '10px', '-5px'.
  * 
  * @param fontSize 
  * @param standardScreenHeight 

package/src/utils/extractNumbersFromString.ts

@@ -1,6 +1,5 @@
-export const extractNumbersFromString = (value: string): number => Number(extractDigitsFromString(value));
+export const extractNumbersFromString = (value: string): number =>
+  Number(extractDigitsFromString(value));
 
-/*
- * implemented for the case: string numbers start with 0. Example: 012.345.678-91 Example: 012.345.678-91
- * */
-export const extractDigitsFromString = (value: string): string => value.replace(/[^-0-9]/g, '');
+export const extractDigitsFromString = (value: string): string =>
+  value.replace(/[^0-9]/g, '');

package/dist/components/molecules/DatePicker/Modal.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { ModalProps } from 'react-native';
-import { CalendarProps, SelectionType } from '../Calendar';
-export interface DatePickerModalProps<T extends SelectionType> {
-    CalendarComponent?: React.FC<CalendarProps<T>>;
-    bottomOffset?: number;
-}
-export declare const Modal: <T extends SelectionType>({ type, value, onRequestClose, month, year, onChange, CalendarComponent, bottomOffset, locale, ...modalProps }: CalendarProps<T> & import("react-native").ModalBaseProps & import("react-native").ModalPropsIOS & import("react-native").ModalPropsAndroid & import("react-native").ViewProps & DatePickerModalProps<T>) => JSX.Element;

package/dist/components/molecules/DatePicker/Modal.js

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Modal = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _reactNative = require("react-native");
-
-var _Calendar = require("../Calendar");
-
-var _styled = require("./styled");
-
-var _reactCore = require("@tecsinapse/react-core");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const Component = ({
-  type,
-  value,
-  onRequestClose,
-  month,
-  year,
-  onChange,
-  CalendarComponent = _Calendar.Calendar,
-  bottomOffset = 0,
-  locale,
-  ...modalProps
-}) => {
-  return React.createElement(_reactNative.Modal, _extends({
-    transparent: true,
-    hardwareAccelerated: true,
-    statusBarTranslucent: true
-  }, modalProps, {
-    onRequestClose: onRequestClose
-  }), React.createElement(_styled.Backdrop, {
-    onPress: onRequestClose,
-    effect: "none"
-  }, React.createElement(_reactCore.PressableSurface, null, React.createElement(_styled.ModalContent, {
-    offset: bottomOffset
-  }, React.createElement(CalendarComponent, {
-    pointerEvents: 'box-none',
-    type: type,
-    value: value,
-    month: month,
-    year: year,
-    onChange: onChange,
-    locale: locale
-  })))));
-};
-
-const Modal = Component;
-exports.Modal = Modal;
-//# sourceMappingURL=Modal.js.map

package/dist/components/molecules/DatePicker/Modal.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/molecules/DatePicker/Modal.tsx"],"names":["Component","type","value","onRequestClose","month","year","onChange","CalendarComponent","Calendar","bottomOffset","locale","modalProps","Modal"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAOA,MAAMA,SAAS,GAAG,CAA0B;AAC1CC,EAAAA,IAD0C;AAE1CC,EAAAA,KAF0C;AAG1CC,EAAAA,cAH0C;AAI1CC,EAAAA,KAJ0C;AAK1CC,EAAAA,IAL0C;AAM1CC,EAAAA,QAN0C;AAO1CC,EAAAA,iBAAiB,GAAGC,kBAPsB;AAQ1CC,EAAAA,YAAY,GAAG,CAR2B;AAS1CC,EAAAA,MAT0C;AAU1C,KAAGC;AAVuC,CAA1B,KAW0D;AAC1E,SACE,oBAAC,kBAAD;AACE,IAAA,WAAW,MADb;AAEE,IAAA,mBAAmB,MAFrB;AAGE,IAAA,oBAAoB;AAHtB,KAIMA,UAJN;AAKE,IAAA,cAAc,EAAER;AALlB,MAOE,oBAAC,gBAAD;AAAU,IAAA,OAAO,EAAEA,cAAnB;AAAmC,IAAA,MAAM,EAAC;AAA1C,KACE,oBAAC,2BAAD,QACE,oBAAC,oBAAD;AAAc,IAAA,MAAM,EAAEM;AAAtB,KACE,oBAAC,iBAAD;AACE,IAAA,aAAa,EAAE,UADjB;AAEE,IAAA,IAAI,EAAER,IAFR;AAGE,IAAA,KAAK,EAAEC,KAHT;AAIE,IAAA,KAAK,EAAEE,KAJT;AAKE,IAAA,IAAI,EAAEC,IALR;AAME,IAAA,QAAQ,EAAEC,QANZ;AAOE,IAAA,MAAM,EAAEI;AAPV,IADF,CADF,CADF,CAPF,CADF;AAyBD,CArCD;;AAuCO,MAAME,KAAK,GAAGZ,SAAd","sourcesContent":["import * as React from 'react';\nimport { Modal as RNModal, ModalProps } from 'react-native';\nimport { Calendar, CalendarProps, SelectionType } from '../Calendar';\nimport { Backdrop, ModalContent } from './styled';\nimport { PressableSurface } from '@tecsinapse/react-core';\n\nexport interface DatePickerModalProps<T extends SelectionType> {\n  CalendarComponent?: React.FC<CalendarProps<T>>;\n  bottomOffset?: number;\n}\n\nconst Component = <T extends SelectionType>({\n  type,\n  value,\n  onRequestClose,\n  month,\n  year,\n  onChange,\n  CalendarComponent = Calendar,\n  bottomOffset = 0,\n  locale,\n  ...modalProps\n}: CalendarProps<T> & ModalProps & DatePickerModalProps<T>): JSX.Element => {\n  return (\n    <RNModal\n      transparent\n      hardwareAccelerated\n      statusBarTranslucent\n      {...modalProps}\n      onRequestClose={onRequestClose}\n    >\n      <Backdrop onPress={onRequestClose} effect=\"none\">\n        <PressableSurface>\n          <ModalContent offset={bottomOffset}>\n            <CalendarComponent\n              pointerEvents={'box-none'}\n              type={type}\n              value={value}\n              month={month}\n              year={year}\n              onChange={onChange}\n              locale={locale}\n            />\n          </ModalContent>\n        </PressableSurface>\n      </Backdrop>\n    </RNModal>\n  );\n};\n\nexport const Modal = Component;\n"],"file":"Modal.js"}

package/dist/components/molecules/DateTimePicker/Modal.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { DateTimeSelectorProps } from '../DateTimeSelector';
-export interface DateTimePickerModalProps {
-    DateTimeSelectorComponent?: React.FC<DateTimeSelectorProps>;
-    bottomOffset?: number;
-}
-export declare const Modal: React.FC<DateTimeSelectorProps & import("react-native").ModalBaseProps & import("react-native").ModalPropsIOS & import("react-native").ModalPropsAndroid & import("react-native").ViewProps & DateTimePickerModalProps>;

package/dist/components/molecules/DateTimePicker/Modal.js

@@ -1,89 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Modal = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _reactNative = require("react-native");
-
-var _DateTimeSelector = require("../DateTimeSelector");
-
-var _styled = require("./styled");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const Component = ({
-  onRequestClose,
-  onChange,
-  value,
-  mode,
-  format,
-  locale,
-  upperDateThreshold,
-  lowerDateThreshold,
-  offsetThreshold,
-  upperOffsetThreshold,
-  lowerOffsetThreshold,
-  dateModalTitle,
-  timeModalTitle,
-  dateConfirmButtonText,
-  timeConfirmButtonText,
-  dayLabel,
-  monthLabel,
-  yearLabel,
-  hourLabel,
-  minuteLabel,
-  DateTimeSelectorComponent = _DateTimeSelector.DateTimeSelector,
-  bottomOffset = 0,
-  ...modalProps
-}) => {
-  const handleDateTimeSelectorChange = date => {
-    onChange === null || onChange === void 0 ? void 0 : onChange(date);
-    onRequestClose === null || onRequestClose === void 0 ? void 0 : onRequestClose();
-  };
-
-  const StyledDateTimeSelector = (0, _styled.getStyledDateTimeSelector)(DateTimeSelectorComponent);
-  return React.createElement(_reactNative.Modal, _extends({
-    transparent: true,
-    hardwareAccelerated: true,
-    statusBarTranslucent: true
-  }, modalProps, {
-    onRequestClose: onRequestClose
-  }), React.createElement(_styled.Backdrop, {
-    onPress: onRequestClose,
-    effect: "none"
-  }, React.createElement(_styled.ModalContent, {
-    offset: bottomOffset
-  }, React.createElement(StyledDateTimeSelector, {
-    value: value,
-    mode: mode,
-    format: format,
-    locale: locale,
-    upperDateThreshold: upperDateThreshold,
-    lowerDateThreshold: lowerDateThreshold,
-    offsetThreshold: offsetThreshold,
-    upperOffsetThreshold: upperOffsetThreshold,
-    lowerOffsetThreshold: lowerOffsetThreshold,
-    dateModalTitle: dateModalTitle,
-    timeModalTitle: timeModalTitle,
-    dateConfirmButtonText: dateConfirmButtonText,
-    timeConfirmButtonText: timeConfirmButtonText,
-    dayLabel: dayLabel,
-    monthLabel: monthLabel,
-    yearLabel: yearLabel,
-    hourLabel: hourLabel,
-    minuteLabel: minuteLabel,
-    onChange: handleDateTimeSelectorChange
-  }))));
-};
-
-const Modal = Component;
-exports.Modal = Modal;
-//# sourceMappingURL=Modal.js.map

package/dist/components/molecules/DateTimePicker/Modal.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/molecules/DateTimePicker/Modal.tsx"],"names":["Component","onRequestClose","onChange","value","mode","format","locale","upperDateThreshold","lowerDateThreshold","offsetThreshold","upperOffsetThreshold","lowerOffsetThreshold","dateModalTitle","timeModalTitle","dateConfirmButtonText","timeConfirmButtonText","dayLabel","monthLabel","yearLabel","hourLabel","minuteLabel","DateTimeSelectorComponent","DateTimeSelector","bottomOffset","modalProps","handleDateTimeSelectorChange","date","StyledDateTimeSelector","Modal"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAOA,MAAMA,SAEL,GAAG,CAAC;AACHC,EAAAA,cADG;AAEHC,EAAAA,QAFG;AAGHC,EAAAA,KAHG;AAIHC,EAAAA,IAJG;AAKHC,EAAAA,MALG;AAMHC,EAAAA,MANG;AAOHC,EAAAA,kBAPG;AAQHC,EAAAA,kBARG;AASHC,EAAAA,eATG;AAUHC,EAAAA,oBAVG;AAWHC,EAAAA,oBAXG;AAYHC,EAAAA,cAZG;AAaHC,EAAAA,cAbG;AAcHC,EAAAA,qBAdG;AAeHC,EAAAA,qBAfG;AAgBHC,EAAAA,QAhBG;AAiBHC,EAAAA,UAjBG;AAkBHC,EAAAA,SAlBG;AAmBHC,EAAAA,SAnBG;AAoBHC,EAAAA,WApBG;AAqBHC,EAAAA,yBAAyB,GAAGC,kCArBzB;AAsBHC,EAAAA,YAAY,GAAG,CAtBZ;AAuBH,KAAGC;AAvBA,CAAD,KAwBE;AACJ,QAAMC,4BAA4B,GAAIC,IAAD,IAAgB;AACnDxB,IAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGwB,IAAH,CAAR;AACAzB,IAAAA,cAAc,SAAd,IAAAA,cAAc,WAAd,YAAAA,cAAc;AACf,GAHD;;AAKA,QAAM0B,sBAAsB,GAAG,uCAC7BN,yBAD6B,CAA/B;AAIA,SACE,oBAAC,kBAAD;AACE,IAAA,WAAW,MADb;AAEE,IAAA,mBAAmB,MAFrB;AAGE,IAAA,oBAAoB;AAHtB,KAIMG,UAJN;AAKE,IAAA,cAAc,EAAEvB;AALlB,MAOE,oBAAC,gBAAD;AAAU,IAAA,OAAO,EAAEA,cAAnB;AAAmC,IAAA,MAAM,EAAC;AAA1C,KACE,oBAAC,oBAAD;AAAc,IAAA,MAAM,EAAEsB;AAAtB,KACE,oBAAC,sBAAD;AACE,IAAA,KAAK,EAAEpB,KADT;AAEE,IAAA,IAAI,EAAEC,IAFR;AAGE,IAAA,MAAM,EAAEC,MAHV;AAIE,IAAA,MAAM,EAAEC,MAJV;AAKE,IAAA,kBAAkB,EAAEC,kBALtB;AAME,IAAA,kBAAkB,EAAEC,kBANtB;AAOE,IAAA,eAAe,EAAEC,eAPnB;AAQE,IAAA,oBAAoB,EAAEC,oBARxB;AASE,IAAA,oBAAoB,EAAEC,oBATxB;AAUE,IAAA,cAAc,EAAEC,cAVlB;AAWE,IAAA,cAAc,EAAEC,cAXlB;AAYE,IAAA,qBAAqB,EAAEC,qBAZzB;AAaE,IAAA,qBAAqB,EAAEC,qBAbzB;AAcE,IAAA,QAAQ,EAAEC,QAdZ;AAeE,IAAA,UAAU,EAAEC,UAfd;AAgBE,IAAA,SAAS,EAAEC,SAhBb;AAiBE,IAAA,SAAS,EAAEC,SAjBb;AAkBE,IAAA,WAAW,EAAEC,WAlBf;AAmBE,IAAA,QAAQ,EAAEK;AAnBZ,IADF,CADF,CAPF,CADF;AAmCD,CAvED;;AAyEO,MAAMG,KAAK,GAAG5B,SAAd","sourcesContent":["import * as React from 'react';\nimport { Modal as RNModal, ModalProps } from 'react-native';\nimport { DateTimeSelector, DateTimeSelectorProps } from '../DateTimeSelector';\nimport { Backdrop, getStyledDateTimeSelector, ModalContent } from './styled';\n\nexport interface DateTimePickerModalProps {\n  DateTimeSelectorComponent?: React.FC<DateTimeSelectorProps>;\n  bottomOffset?: number;\n}\n\nconst Component: React.FC<\n  DateTimeSelectorProps & ModalProps & DateTimePickerModalProps\n> = ({\n  onRequestClose,\n  onChange,\n  value,\n  mode,\n  format,\n  locale,\n  upperDateThreshold,\n  lowerDateThreshold,\n  offsetThreshold,\n  upperOffsetThreshold,\n  lowerOffsetThreshold,\n  dateModalTitle,\n  timeModalTitle,\n  dateConfirmButtonText,\n  timeConfirmButtonText,\n  dayLabel,\n  monthLabel,\n  yearLabel,\n  hourLabel,\n  minuteLabel,\n  DateTimeSelectorComponent = DateTimeSelector,\n  bottomOffset = 0,\n  ...modalProps\n}) => {\n  const handleDateTimeSelectorChange = (date: Date) => {\n    onChange?.(date);\n    onRequestClose?.();\n  };\n\n  const StyledDateTimeSelector = getStyledDateTimeSelector(\n    DateTimeSelectorComponent\n  );\n\n  return (\n    <RNModal\n      transparent\n      hardwareAccelerated\n      statusBarTranslucent\n      {...modalProps}\n      onRequestClose={onRequestClose}\n    >\n      <Backdrop onPress={onRequestClose} effect=\"none\">\n        <ModalContent offset={bottomOffset}>\n          <StyledDateTimeSelector\n            value={value}\n            mode={mode}\n            format={format}\n            locale={locale}\n            upperDateThreshold={upperDateThreshold}\n            lowerDateThreshold={lowerDateThreshold}\n            offsetThreshold={offsetThreshold}\n            upperOffsetThreshold={upperOffsetThreshold}\n            lowerOffsetThreshold={lowerOffsetThreshold}\n            dateModalTitle={dateModalTitle}\n            timeModalTitle={timeModalTitle}\n            dateConfirmButtonText={dateConfirmButtonText}\n            timeConfirmButtonText={timeConfirmButtonText}\n            dayLabel={dayLabel}\n            monthLabel={monthLabel}\n            yearLabel={yearLabel}\n            hourLabel={hourLabel}\n            minuteLabel={minuteLabel}\n            onChange={handleDateTimeSelectorChange}\n          />\n        </ModalContent>\n      </Backdrop>\n    </RNModal>\n  );\n};\n\nexport const Modal = Component;\n"],"file":"Modal.js"}

package/src/components/molecules/DatePicker/DatePicker.stories.tsx

@@ -1,44 +0,0 @@
-import { Story } from '@storybook/react';
-import React from 'react';
-import { ptBR } from 'date-fns/locale';
-import DatePicker, { DatePickerProps } from './DatePicker';
-import { DateRange } from '../Calendar';
-
-export default {
-  title: 'Hybrid/Date Picker',
-  component: DatePicker,
-};
-
-const Template: Story<DatePickerProps<'range'>> = args => {
-  const [value, setValue] = React.useState<DateRange>();
-
-  return (
-    <DatePicker {...args} value={value} onChange={setValue} locale={ptBR} />
-  );
-};
-
-export const Range = Template.bind({});
-
-Range.args = {
-  label: 'Select date',
-  placeholder: 'Select date',
-  type: 'range',
-  closeOnPick: true,
-};
-
-const TemplateDay: Story<DatePickerProps<'day'>> = args => {
-  const [value, setValue] = React.useState<Date>();
-
-  return (
-    <DatePicker {...args} value={value} onChange={setValue} locale={ptBR} />
-  );
-};
-
-export const Day = TemplateDay.bind({});
-
-Day.args = {
-  label: 'Select date',
-  placeholder: 'Select date',
-  type: 'day',
-  closeOnPick: true,
-};

package/src/components/molecules/DatePicker/Modal.tsx

@@ -1,51 +0,0 @@
-import * as React from 'react';
-import { Modal as RNModal, ModalProps } from 'react-native';
-import { Calendar, CalendarProps, SelectionType } from '../Calendar';
-import { Backdrop, ModalContent } from './styled';
-import { PressableSurface } from '@tecsinapse/react-core';
-
-export interface DatePickerModalProps<T extends SelectionType> {
-  CalendarComponent?: React.FC<CalendarProps<T>>;
-  bottomOffset?: number;
-}
-
-const Component = <T extends SelectionType>({
-  type,
-  value,
-  onRequestClose,
-  month,
-  year,
-  onChange,
-  CalendarComponent = Calendar,
-  bottomOffset = 0,
-  locale,
-  ...modalProps
-}: CalendarProps<T> & ModalProps & DatePickerModalProps<T>): JSX.Element => {
-  return (
-    <RNModal
-      transparent
-      hardwareAccelerated
-      statusBarTranslucent
-      {...modalProps}
-      onRequestClose={onRequestClose}
-    >
-      <Backdrop onPress={onRequestClose} effect="none">
-        <PressableSurface>
-          <ModalContent offset={bottomOffset}>
-            <CalendarComponent
-              pointerEvents={'box-none'}
-              type={type}
-              value={value}
-              month={month}
-              year={year}
-              onChange={onChange}
-              locale={locale}
-            />
-          </ModalContent>
-        </PressableSurface>
-      </Backdrop>
-    </RNModal>
-  );
-};
-
-export const Modal = Component;

package/src/components/molecules/DateTimePicker/DateTimePicker.stories.tsx

@@ -1,26 +0,0 @@
-import { Story } from '@storybook/react';
-import React from 'react';
-import { ptBR } from 'date-fns/locale';
-import { DateTimePicker, DateTimePickerProps } from './index';
-
-export default {
-  title: 'Hybrid/Date Time Picker',
-  component: DateTimePicker,
-};
-
-const Template: Story<DateTimePickerProps> = ({ ...args }) => {
-  const [value, setValue] = React.useState<Date>();
-
-  return (
-    <DateTimePicker
-      label={'Select date and time'}
-      placeholder={'Select date and time'}
-      mode={'datetime'}
-      value={value}
-      onChange={setValue}
-      locale={ptBR}
-    />
-  );
-};
-
-export const Base = Template.bind({});

package/src/components/molecules/DateTimePicker/Modal.tsx

@@ -1,84 +0,0 @@
-import * as React from 'react';
-import { Modal as RNModal, ModalProps } from 'react-native';
-import { DateTimeSelector, DateTimeSelectorProps } from '../DateTimeSelector';
-import { Backdrop, getStyledDateTimeSelector, ModalContent } from './styled';
-
-export interface DateTimePickerModalProps {
-  DateTimeSelectorComponent?: React.FC<DateTimeSelectorProps>;
-  bottomOffset?: number;
-}
-
-const Component: React.FC<
-  DateTimeSelectorProps & ModalProps & DateTimePickerModalProps
-> = ({
-  onRequestClose,
-  onChange,
-  value,
-  mode,
-  format,
-  locale,
-  upperDateThreshold,
-  lowerDateThreshold,
-  offsetThreshold,
-  upperOffsetThreshold,
-  lowerOffsetThreshold,
-  dateModalTitle,
-  timeModalTitle,
-  dateConfirmButtonText,
-  timeConfirmButtonText,
-  dayLabel,
-  monthLabel,
-  yearLabel,
-  hourLabel,
-  minuteLabel,
-  DateTimeSelectorComponent = DateTimeSelector,
-  bottomOffset = 0,
-  ...modalProps
-}) => {
-  const handleDateTimeSelectorChange = (date: Date) => {
-    onChange?.(date);
-    onRequestClose?.();
-  };
-
-  const StyledDateTimeSelector = getStyledDateTimeSelector(
-    DateTimeSelectorComponent
-  );
-
-  return (
-    <RNModal
-      transparent
-      hardwareAccelerated
-      statusBarTranslucent
-      {...modalProps}
-      onRequestClose={onRequestClose}
-    >
-      <Backdrop onPress={onRequestClose} effect="none">
-        <ModalContent offset={bottomOffset}>
-          <StyledDateTimeSelector
-            value={value}
-            mode={mode}
-            format={format}
-            locale={locale}
-            upperDateThreshold={upperDateThreshold}
-            lowerDateThreshold={lowerDateThreshold}
-            offsetThreshold={offsetThreshold}
-            upperOffsetThreshold={upperOffsetThreshold}
-            lowerOffsetThreshold={lowerOffsetThreshold}
-            dateModalTitle={dateModalTitle}
-            timeModalTitle={timeModalTitle}
-            dateConfirmButtonText={dateConfirmButtonText}
-            timeConfirmButtonText={timeConfirmButtonText}
-            dayLabel={dayLabel}
-            monthLabel={monthLabel}
-            yearLabel={yearLabel}
-            hourLabel={hourLabel}
-            minuteLabel={minuteLabel}
-            onChange={handleDateTimeSelectorChange}
-          />
-        </ModalContent>
-      </Backdrop>
-    </RNModal>
-  );
-};
-
-export const Modal = Component;