@tecsinapse/react-core 1.12.8 → 1.12.9

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;