@docsvision/material-ui-pickers 3.2.0-beta.3 → 3.2.0-beta.30

package/src/_shared/hooks/useOpenState.ts

@@ -1,22 +0,0 @@
-/* eslint-disable react-hooks/rules-of-hooks */
-import { BasePickerProps } from '../../typings/BasePicker';
-import { useCallback, useState, Dispatch, SetStateAction } from 'react';
-
-export function useOpenState({ open, onOpen, onClose }: BasePickerProps) {
-  let setIsOpenState: null | Dispatch<SetStateAction<boolean>> = null;
-  if (open === undefined || open === null) {
-    // The component is uncontrolled, so we need to give it its own state.
-    [open, setIsOpenState] = useState<boolean>(false);
-  }
-
-  // prettier-ignore
-  const setIsOpen = useCallback((newIsOpen: boolean) => {
-    setIsOpenState && setIsOpenState(newIsOpen);
-
-    return newIsOpen
-      ? onOpen && onOpen()
-      : onClose && onClose();
-  }, [onOpen, onClose, setIsOpenState]);
-
-  return { isOpen: open, setIsOpen };
-}

package/src/_shared/hooks/usePickerState.ts

@@ -1,135 +0,0 @@
-import { useUtils } from './useUtils';
-import { IUtils } from '@date-io/core/IUtils';
-import { MaterialUiPickersDate } from '../..';
-import { useOpenState } from './useOpenState';
-import { BasePickerProps } from '../../typings/BasePicker';
-import { getDisplayDate, validate } from '../../_helpers/text-field-helper';
-import { useCallback, useDebugValue, useEffect, useMemo, useState, useRef } from 'react';
-
-export interface StateHookOptions {
-  getDefaultFormat: () => string;
-}
-
-const useValueToDate = (
-  utils: IUtils<MaterialUiPickersDate>,
-  { value, initialFocusedDate }: BasePickerProps
-) => {
-  const nowRef = useRef(utils.date());
-  const date = utils.date(value || initialFocusedDate || nowRef.current);
-
-  return date && utils.isValid(date) ? date : nowRef.current;
-};
-
-function useDateValues(props: BasePickerProps, options: StateHookOptions) {
-  const utils = useUtils();
-  const date = useValueToDate(utils, props);
-  const format = props.format || options.getDefaultFormat();
-
-  return { date, format };
-}
-
-export function usePickerState(props: BasePickerProps, options: StateHookOptions) {
-  const { autoOk, disabled, onAccept, onChange, onError, value, variant } = props;
-
-  const utils = useUtils();
-  const { isOpen, setIsOpen } = useOpenState(props);
-  const { date, format } = useDateValues(props, options);
-  const [pickerDate, setPickerDate] = useState(date);
-
-  useEffect(() => {
-    // if value was changed in closed state - treat it as accepted
-    if (!isOpen && !utils.isEqual(pickerDate, date)) {
-      setPickerDate(date);
-    }
-  }, [date, isOpen, pickerDate, utils]);
-
-  const acceptDate = useCallback(
-    (acceptedDate: MaterialUiPickersDate) => {
-      setIsOpen(false);
-      onChange(acceptedDate);
-
-      if (onAccept) {
-        onAccept(acceptedDate);
-      }
-    },
-    [onAccept, onChange, setIsOpen]
-  );
-
-  const wrapperProps = useMemo(
-    () => ({
-      format,
-      open: isOpen,
-      onClear: () => acceptDate(null),
-      onAccept: () => acceptDate(pickerDate),
-      onSetToday: () => setPickerDate(utils.date()),
-      onDismiss: () => {
-        setIsOpen(false);
-      },
-    }),
-    [acceptDate, format, isOpen, pickerDate, setIsOpen, utils]
-  );
-
-  const pickerProps = useMemo(
-    () => ({
-      date: pickerDate,
-      onChange: (newDate: MaterialUiPickersDate, isFinish = true) => {
-        setPickerDate(newDate);
-
-        if (variant === 'inline' || variant === 'static') {
-          onChange(newDate);
-        }
-
-        if (isFinish && autoOk) {
-          acceptDate(newDate);
-        }
-      },
-      onSetToday: () => {
-        let newDate = utils.date();
-        setPickerDate(newDate);
-
-        if (variant === 'inline' || variant === 'static') {
-          onChange(newDate);
-        }
-
-        if (autoOk) {
-          acceptDate(newDate);
-        }
-      },
-      onSetShift: (days: number) => {
-        let newDate = utils.date();
-        newDate = utils.addDays(newDate, days);
-
-        if (variant === 'inline' || variant === 'static') {
-          onChange(newDate);
-        }
-
-        if (autoOk) {
-          acceptDate(newDate);
-        }
-      },
-    }),
-    [acceptDate, autoOk, onChange, pickerDate, variant]
-  );
-
-  const validationError = validate(value, utils, props);
-  useEffect(() => {
-    if (validationError && onError) {
-      onError(validationError, value);
-    }
-  }, [onError, validationError, value]);
-
-  const inputValue = getDisplayDate(date, format, utils, value === null, props);
-  const inputProps = useMemo(
-    () => ({
-      inputValue,
-      validationError,
-      onClick: () => !disabled && setIsOpen(true),
-    }),
-    [disabled, inputValue, setIsOpen, validationError]
-  );
-
-  const pickerState = { pickerProps, inputProps, wrapperProps };
-
-  useDebugValue(pickerState);
-  return pickerState;
-}

package/src/_shared/hooks/useUtils.ts

@@ -1,20 +0,0 @@
-import { useContext } from 'react';
-import { IUtils } from '@date-io/core/IUtils';
-import { MaterialUiPickersDate } from '../../typings/date';
-import { MuiPickersContext } from '../../MuiPickersUtilsProvider';
-
-export const checkUtils = (utils: IUtils<MaterialUiPickersDate> | null | undefined) => {
-  if (!utils) {
-    // tslint:disable-next-line
-    throw new Error(
-      'Can not find utils in context. You either a) forgot to wrap your component tree in MuiPickersUtilsProvider; or b) mixed named and direct file imports.  Recommendation: use named imports from the module index.'
-    );
-  }
-};
-
-export function useUtils() {
-  const utils = useContext(MuiPickersContext);
-  checkUtils(utils);
-
-  return utils!;
-}

package/src/_shared/hooks/useViews.tsx

@@ -1,31 +0,0 @@
-import * as React from 'react';
-import { MaterialUiPickersDate } from '../..';
-import { PickerView } from '../../Picker/Picker';
-import { arrayIncludes } from '../../_helpers/utils';
-
-export function useViews(
-  views: PickerView[],
-  openTo: PickerView,
-  onChange: (date: MaterialUiPickersDate, isFinish?: boolean) => void
-) {
-  const [openView, setOpenView] = React.useState(
-    openTo && arrayIncludes(views, openTo) ? openTo : views[0]
-  );
-
-  const handleChangeAndOpenNext = React.useCallback(
-    (date: MaterialUiPickersDate, isFinish?: boolean) => {
-      const nextViewToOpen = views[views.indexOf(openView!) + 1];
-      if (isFinish && nextViewToOpen) {
-        // do not close picker if needs to show next view
-        onChange(date, false);
-        setOpenView(nextViewToOpen);
-        return;
-      }
-
-      onChange(date, Boolean(isFinish));
-    },
-    [onChange, openView, views]
-  );
-
-  return { handleChangeAndOpenNext, openView, setOpenView };
-}

package/src/_shared/icons/ArrowLeftIcon.tsx

@@ -1,11 +0,0 @@
-import React from 'react';
-import SvgIcon, { SvgIconProps } from '@material-ui/core/SvgIcon';
-
-export const ArrowLeftIcon: React.SFC<SvgIconProps> = props => {
-  return (
-    <SvgIcon {...props}>
-      <path d="M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z" />
-      <path fill="none" d="M0 0h24v24H0V0z" />
-    </SvgIcon>
-  );
-};

package/src/_shared/icons/ArrowRightIcon.tsx

@@ -1,11 +0,0 @@
-import React from 'react';
-import SvgIcon, { SvgIconProps } from '@material-ui/core/SvgIcon';
-
-export const ArrowRightIcon: React.SFC<SvgIconProps> = props => {
-  return (
-    <SvgIcon {...props}>
-      <path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z" />
-      <path fill="none" d="M0 0h24v24H0V0z" />
-    </SvgIcon>
-  );
-};

package/src/_shared/icons/DateRangeIcon.tsx

@@ -1,11 +0,0 @@
-import React from 'react';
-import SvgIcon, { SvgIconProps } from '@material-ui/core/SvgIcon';
-
-export const DateRangeIcon: React.SFC<SvgIconProps> = props => {
-  return (
-    <SvgIcon {...props}>
-      <path d="M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z" />
-      <path fill="none" d="M0 0h24v24H0z" />
-    </SvgIcon>
-  );
-};

package/src/_shared/icons/KeyboardIcon.tsx

@@ -1,11 +0,0 @@
-import React from 'react';
-import SvgIcon, { SvgIconProps } from '@material-ui/core/SvgIcon';
-
-export const KeyboardIcon: React.SFC<SvgIconProps> = props => {
-  return (
-    <SvgIcon {...props}>
-      <path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z" />
-      <path fill="none" d="M0 0h24v24H0z" />
-    </SvgIcon>
-  );
-};

package/src/_shared/icons/TimeIcon.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-import SvgIcon, { SvgIconProps } from '@material-ui/core/SvgIcon';
-
-export const TimeIcon: React.SFC<SvgIconProps> = props => {
-  return (
-    <SvgIcon {...props}>
-      <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" />
-      <path fill="none" d="M0 0h24v24H0z" />
-      <path d="M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z" />
-    </SvgIcon>
-  );
-};

package/src/constants/ClockType.ts

@@ -1,11 +0,0 @@
-enum ClockType {
-  HOURS = 'hours',
-
-  MINUTES = 'minutes',
-
-  SECONDS = 'seconds',
-}
-
-export type ClockViewType = 'hours' | 'minutes' | 'seconds';
-
-export default ClockType;

package/src/constants/dimensions.ts

@@ -1,5 +0,0 @@
-export const DIALOG_WIDTH = 310;
-
-export const DIALOG_WIDTH_WIDER = 325;
-
-export const VIEW_HEIGHT = 305;

package/src/constants/prop-types.ts

@@ -1,37 +0,0 @@
-import * as PropTypes from 'prop-types';
-import { BaseTimePickerProps } from '../TimePicker/TimePicker';
-import { BaseDatePickerProps } from '../DatePicker/DatePicker';
-
-const date = PropTypes.oneOfType([
-  PropTypes.object,
-  PropTypes.string,
-  PropTypes.number,
-  PropTypes.instanceOf(Date),
-]);
-
-const datePickerView = PropTypes.oneOf(['year', 'month', 'day']);
-
-export type ParsableDate = object | string | number | Date | null | undefined;
-
-export const DomainPropTypes = { date, datePickerView };
-
-/* eslint-disable @typescript-eslint/no-object-literal-type-assertion */
-export const timePickerDefaultProps = {
-  ampm: true,
-  invalidDateMessage: 'Invalid Time Format',
-} as BaseTimePickerProps;
-
-export const datePickerDefaultProps = {
-  minDate: new Date('1900-01-01'),
-  maxDate: new Date('2100-01-01'),
-  invalidDateMessage: 'Invalid Date Format',
-  minDateMessage: 'Date should not be before minimal date',
-  maxDateMessage: 'Date should not be after maximal date',
-  allowKeyboardControl: true,
-} as BaseDatePickerProps;
-
-export const dateTimePickerDefaultProps = {
-  ...timePickerDefaultProps,
-  ...datePickerDefaultProps,
-  showTabs: true,
-} as BaseTimePickerProps & BaseDatePickerProps;

package/src/index.ts

@@ -1,48 +0,0 @@
-import { MaterialUiPickersDate } from './typings/date';
-import { KeyboardTimePickerProps } from './TimePicker';
-import { DatePickerProps, KeyboardDatePickerProps } from './DatePicker';
-import { DateTimePickerProps, KeyboardDateTimePickerProps } from './DateTimePicker';
-
-export type TimePickerProps = KeyboardTimePickerProps;
-
-export type KeyboardTimePickerProps = KeyboardTimePickerProps;
-
-export type DatePickerProps = DatePickerProps;
-
-export type KeyboardDatePickerProps = KeyboardDatePickerProps;
-
-export type DateTimePickerProps = DateTimePickerProps;
-
-export type KeyboardDateTimePickerProps = KeyboardDateTimePickerProps;
-
-export type MaterialUiPickersDate = MaterialUiPickersDate;
-
-export { DatePicker, KeyboardDatePicker } from './DatePicker';
-
-export { TimePicker, KeyboardTimePicker } from './TimePicker';
-
-export { DateTimePicker, KeyboardDateTimePicker } from './DateTimePicker';
-
-export { default as Calendar } from './views/Calendar/Calendar';
-
-export { default as Day } from './views/Calendar/Day';
-
-export { default as TimePickerView } from './views/Clock/ClockView';
-
-export { default as Clock } from './views/Clock/Clock';
-
-export { Picker } from './Picker/Picker';
-
-export { makePurePicker } from './Picker/WrappedPurePicker';
-
-export { makeKeyboardPicker } from './Picker/WrappedKeyboardPicker';
-
-export { validate } from './_helpers/text-field-helper';
-
-export { useUtils } from './_shared/hooks/useUtils';
-
-export { usePickerState } from './_shared/hooks/usePickerState';
-
-export { useKeyboardPickerState } from './_shared/hooks/useKeyboardPickerState';
-
-export { default as MuiPickersUtilsProvider, MuiPickersContext } from './MuiPickersUtilsProvider';

package/src/typings/BasePicker.tsx

@@ -1,58 +0,0 @@
-import { MaterialUiPickersDate } from './date';
-import { WrapperVariant } from '../wrappers/Wrapper';
-import { ParsableDate } from '../constants/prop-types';
-import { ToolbarComponentProps } from '../Picker/Picker';
-
-export interface BasePickerProps {
-  /** Picker value */
-  value: ParsableDate;
-  /** onChange callback */
-  onChange: (date: MaterialUiPickersDate) => void;
-  /**
-   * Auto accept date on selection
-   * @default false
-   */
-  autoOk?: boolean;
-  /** Format string */
-  format?: string;
-  /** Disable datepicker and text field */
-  disabled?: boolean;
-  /** Dynamic formatter of text field value */
-  labelFunc?: (date: MaterialUiPickersDate, invalidLabel: string) => string;
-  /** Date that will be initially highlighted if null was passed */
-  initialFocusedDate?: ParsableDate;
-  /**
-   * Message displaying in text field if date is invalid (doesn't work in keyboard mode)
-   * @default 'unknown'
-   */
-  invalidLabel?: string;
-  /**
-   * Message displaying in text field, if null passed (doesn't work in keyboard mode)
-   * @default ' '
-   */
-  emptyLabel?: string;
-  /** Callback fired when date is accepted */
-  onAccept?: (date: MaterialUiPickersDate) => void;
-  /** Callback fired when new error should be displayed */
-  onError?: (error: React.ReactNode, value: MaterialUiPickersDate | ParsableDate) => void;
-  /** On open callback */
-  onOpen?: () => void;
-  /** On close callback */
-  onClose?: () => void;
-  /** Controlled picker open state */
-  open?: boolean;
-  /**
-   * Hide toolbar and show only date/time views
-   * @default false
-   */
-  disableToolbar?: boolean;
-  /**
-   * Force rendering in particular orientation
-   * @default "portrait"
-   */
-  orientation?: 'portrait' | 'landscape';
-  /* Component that will replace default toolbar renderer */
-  ToolbarComponent?: React.ComponentType<ToolbarComponentProps>;
-  variant?: WrapperVariant;
-  showShiftButtons?: boolean;
-}

package/src/typings/date.ts

@@ -1,3 +0,0 @@
-import { DateType } from '@date-io/type';
-
-export type MaterialUiPickersDate = DateType | null;

package/src/typings/extendMui.ts

@@ -1,10 +0,0 @@
-import { Omit } from '@material-ui/core';
-/**
- * All standard components exposed by `material-ui` are `StyledComponents` with
- * certain `classes`, on which one can also set a top-level `className` and inline
- * `style`.
- */
-export type ExtendMui<C, Removals extends keyof C = never> = Omit<
-  C,
-  'classes' | 'theme' | Removals
->;

package/src/typings/overrides.ts

@@ -1,54 +0,0 @@
-import { styles as ClockStyles } from '../views/Clock/Clock';
-import { useStyles as DayStyles } from '../views/Calendar/Day';
-import { styles as ModalDialogStyles } from '../_shared/ModalDialog';
-import { styles as CalendarStyles } from '../views/Calendar/Calendar';
-import { useStyles as MuiPickersYearStyles } from '../views/Year/Year';
-import { styles as ToolbarButtonStyles } from '../_shared/ToolbarButton';
-import { useStyles as MuiPickersMonthStyles } from '../views/Month/Month';
-import { styles as ClockPointerStyles } from '../views/Clock/ClockPointer';
-import { useStyles as PickerToolbarStyles } from '../_shared/PickerToolbar';
-import { useStyles as ClockNumberStyles } from '../views/Clock/ClockNumber';
-import { useStyles as DTTabsStyles } from '../DateTimePicker/DateTimePickerTabs';
-import { useStyles as DatePickerRootStyles } from '../DatePicker/DatePickerToolbar';
-import { useStyles as MuiPickersYearSelectionStyles } from '../views/Year/YearView';
-import { StyleRules, StyleRulesCallback } from '@material-ui/core/styles/withStyles';
-import { useStyles as CalendarHeaderStyles } from '../views/Calendar/CalendarHeader';
-import { useStyles as DTHeaderStyles } from '../DateTimePicker/DateTimePickerToolbar';
-import { useStyles as TimePickerToolbarStyles } from '../TimePicker/TimePickerToolbar';
-import { useStyles as SlideTransitionStyles } from '../views/Calendar/SlideTransition';
-import { useStyles as MuiPickersMonthSelectionStyles } from '../views/Month/MonthView';
-import { useStyles as MuiPickerDTToolbarStyles } from '../DateTimePicker/DateTimePickerToolbar';
-
-type Classes<T> = Partial<
-  StyleRules<
-    T extends string
-      ? T
-      : T extends StyleRulesCallback<infer K>
-      ? K
-      : T extends StyleRules<infer D>
-      ? D
-      : never
-  >
->;
-
-export interface MuiPickersOverrides {
-  MuiPickersDay?: Classes<typeof DayStyles>;
-  MuiPickerDTHeader?: Classes<typeof DTHeaderStyles>;
-  MuiPickerDTTabs?: Classes<typeof DTTabsStyles>;
-  MuiPickersCalendar?: Classes<typeof CalendarStyles>;
-  MuiPickersCalendarHeader?: Classes<typeof CalendarHeaderStyles>;
-  MuiPickersSlideTransition?: Classes<typeof SlideTransitionStyles>;
-  MuiPickersYearSelectionStyles?: Classes<typeof MuiPickersYearSelectionStyles>;
-  MuiPickersYear?: Classes<typeof MuiPickersYearStyles>;
-  MuiPickersMonthSelection?: Classes<typeof MuiPickersMonthSelectionStyles>;
-  MuiPickersMonth?: Classes<typeof MuiPickersMonthStyles>;
-  MuiPickersTimePickerToolbar?: Classes<typeof TimePickerToolbarStyles>;
-  MuiPickersClock?: Classes<typeof ClockStyles>;
-  MuiPickersClockNumber?: Classes<typeof ClockNumberStyles>;
-  MuiPickersClockPointer?: Classes<typeof ClockPointerStyles>;
-  MuiPickersModal?: Classes<typeof ModalDialogStyles>;
-  MuiPickersToolbar?: Classes<typeof PickerToolbarStyles>;
-  MuiPickersToolbarButton?: Classes<typeof ToolbarButtonStyles>;
-  MuiPickersDatePickerRoot?: Classes<typeof DatePickerRootStyles>;
-  MuiPickerDTToolbar?: Classes<typeof MuiPickerDTToolbarStyles>;
-}