@docsvision/material-ui-pickers 3.2.0-beta.25 → 3.2.0-beta.26

package/src/wrappers/Wrapper.tsx

@@ -0,0 +1,75 @@
+import * as React from 'react';
+import { Omit } from '@material-ui/core';
+import { StaticWrapper } from './StaticWrapper';
+import { PureDateInputProps } from '../_shared/PureDateInput';
+import { ModalWrapper, ModalWrapperProps } from './ModalWrapper';
+import { InlineWrapper, InlineWrapperProps } from './InlineWrapper';
+import { KeyboardDateInputProps } from '../_shared/KeyboardDateInput';
+
+export type WrapperVariant = 'dialog' | 'inline' | 'static';
+
+export interface WrapperProps<T> {
+  open: boolean;
+  onAccept: () => void;
+  onDismiss: () => void;
+  onClear: () => void;
+  onSetToday: () => void;
+  InputComponent: React.FC<T>;
+  DateInputProps: T;
+  wider?: boolean;
+  showTabs?: boolean;
+}
+
+type OmitInnerWrapperProps<T extends WrapperProps<any>> = Omit<
+  T,
+  keyof WrapperProps<any> | 'showTabs'
+>;
+
+export type ModalRoot = OmitInnerWrapperProps<ModalWrapperProps>;
+
+export type InlineRoot = OmitInnerWrapperProps<InlineWrapperProps>;
+
+// prettier-ignore
+export type ExtendWrapper<TInput extends PureDateInputProps | KeyboardDateInputProps> = {
+  /**
+   * Picker container option
+   * @default 'dialog'
+   */
+  variant?: WrapperVariant
+} & ModalRoot
+  & InlineRoot
+  & Omit<TInput, 'inputValue' | 'onChange' | 'format' | 'validationError' | 'format' | 'forwardedRef'>
+
+export function getWrapperFromVariant<T>(
+  variant?: WrapperVariant
+): React.ComponentType<InlineWrapperProps<T> | ModalWrapperProps<T>> {
+  switch (variant) {
+    case 'inline':
+      return InlineWrapper as any;
+
+    case 'static':
+      return StaticWrapper as any;
+
+    default:
+      return ModalWrapper as any;
+  }
+}
+
+type Props<T> = {
+  variant?: WrapperVariant;
+  children?: React.ReactChild;
+} & (ModalWrapperProps<T> | InlineWrapperProps<T>);
+
+export const VariantContext = React.createContext<WrapperVariant | null>(null);
+
+export const Wrapper: <T extends KeyboardDateInputProps | PureDateInputProps>(
+  p: Props<T>
+) => React.ReactElement<Props<T>> = ({ variant, ...props }) => {
+  const Component = getWrapperFromVariant<typeof props.DateInputProps>(variant);
+
+  return (
+    <VariantContext.Provider value={variant || 'dialog'}>
+      <Component {...props} />
+    </VariantContext.Provider>
+  );
+};

package/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "outDir": "build",
+    "declaration": true,
+    "target": "es5",
+    "lib": ["dom", "es2016"],
+    "skipLibCheck": true,
+    "jsx": "react",
+    "moduleResolution": "node",
+    "noImplicitAny": true,
+    "strict": true,
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "esModuleInterop": true,
+    "suppressImplicitAnyIndexErrors": true,
+    "resolveJsonModule": true
+  },
+  "include": ["src/**/*.ts*", "typings.d.ts"],
+  "exclude": ["./src/__tests__/**/*", "build"]
+}

package/typings.d.ts

@@ -0,0 +1,6 @@
+declare module '@date-io/type' {
+  import { Moment } from 'moment';
+  import { DateTime } from 'luxon';
+
+  export type DateType = Moment | DateTime | Date;
+}