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

package/build/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@docsvision/material-ui-pickers",
+  "version": "3.2.0-beta.26",
+  "description": "Fork @material-ui/pickers that implements advanced features required for DocsVision WebClient. Original repository https://github.com/mui-org/material-ui-pickers",
+  "keywords": [
+    "material-ui",
+    "pickers",
+    "@material-ui/pickers",
+    "datepicker",
+    "timepicker",
+    "date-picker",
+    "time-picker",
+    "react",
+    "react-component",
+    "material design",
+    "Docsvision",
+    "WebClient"
+  ],
+  "sideEffects": false,
+  "license": "MIT",
+  "author": {
+    "name": "Docsvision"
+  },
+  "peerDependencies": {
+    "@date-io/core": "^1.3.6",
+    "@material-ui/core": "^4.0.0",
+    "prop-types": "^15.6.0",
+    "react": "^16.8.6",
+    "react-dom": "^16.8.6"
+  },
+  "dependencies": {
+    "@types/styled-jsx": "^2.2.8",
+    "clsx": "^1.0.2",
+    "react-transition-group": "^4.0.0",
+    "tslib": "^1.9.3"
+  },
+  "size-limit": [
+    {
+      "path": "build/dist/@material-ui/pickers.esm.js",
+      "limit": "30 KB"
+    }
+  ],
+  "scripts": {
+    "test": "jest",
+    "test:date-fns": "UTILS=date-fns npm run test",
+    "test:luxon": "UTILS=luxon npm run test",
+    "test:moment": "UTILS=moment npm run test",
+    "start": "rollup --config rollup.config.dev.js --watch & npx tsc --watch",
+    "prebuild": "rimraf build",
+    "build:copy": "node copy.js",
+    "build:bundle": "rollup --config",
+    "build:typescript": "tsc --project tsconfig.json",
+    "build": "npm run build:typescript && npm run build:bundle && npm run build:copy",
+    "build:analyze": "npm run build",
+    "release": "yarn test && yarn version && yarn build && yarn publish --non-interactive build",
+    "publish": "npm publish build"
+  },
+  "private": false,
+  "main": "./dist/material-ui-pickers.js",
+  "module": "./dist/material-ui-pickers.esm.js",
+  "typings": "./index.d.ts"
+}

package/{views → build/views}/Calendar/Calendar.js

@@ -79,7 +79,7 @@ var Calendar = /** @class */ (function (_super) {
             var now = utils.date();
             var moment = utils.moment;
             return Boolean((disableFuture && utils.isAfterDay(day, now)) ||
-                (disablePast && moment(day).isBefore(now, "second")) ||
+                (disablePast && moment(day).isBefore(now, 'second')) ||
                 (minDate && utils.isBeforeDay(day, utils.date(minDate))) ||
                 (maxDate && utils.isAfterDay(day, utils.date(maxDate))));
         };
@@ -195,7 +195,7 @@ var Calendar = /** @class */ (function (_super) {
     };
     Calendar.defaultProps = {
         minDate: new Date('1900-01-01'),
-        maxDate: new Date('2100-01-01'),
+        maxDate: new Date('2200-01-01'),
         disablePast: false,
         disableFuture: false,
         allowKeyboardControl: true,

package/{views → build/views}/Clock/Clock.d.ts

@@ -24,6 +24,6 @@ export declare class Clock extends React.Component<ClockProps> {
     hasSelected: () => boolean;
     render(): JSX.Element;
 }
-export declare const styles: (theme: Theme) => Record<"container" | "clock" | "squareMask" | "pin", import("@material-ui/core/styles/withStyles").CSSProperties>;
+export declare const styles: (theme: Theme) => Record<"container" | "clock" | "squareMask" | "pin", import("@material-ui/styles").CSSProperties | (() => import("@material-ui/styles").CSSProperties)>;
 declare const _default: React.ComponentType<(Pick<ClockProps, "children" | "onChange" | "type" | "value" | "ampm" | "minutesStep"> & import("@material-ui/core/styles").StyledComponentProps<"container" | "clock" | "squareMask" | "pin">) | (Pick<React.PropsWithChildren<ClockProps>, "children" | "onChange" | "type" | "value" | "ampm" | "minutesStep"> & import("@material-ui/core/styles").StyledComponentProps<"container" | "clock" | "squareMask" | "pin">)>;
 export default _default;

package/{views → build/views}/Clock/ClockPointer.d.ts

@@ -26,6 +26,6 @@ export declare class ClockPointer extends React.Component<ClockPointerProps> {
     };
     render(): JSX.Element;
 }
-export declare const styles: (theme: Theme) => Record<"animateTransform" | "pointer" | "thumb" | "noPoint", import("@material-ui/core/styles/withStyles").CSSProperties>;
+export declare const styles: (theme: Theme) => Record<"animateTransform" | "pointer" | "thumb" | "noPoint", import("@material-ui/styles").CSSProperties | (() => import("@material-ui/styles").CSSProperties)>;
 declare const _default: React.ComponentType<(Pick<ClockPointerProps, "type" | "value" | "hasSelected" | "isInner"> & import("@material-ui/core").StyledComponentProps<"animateTransform" | "pointer" | "thumb" | "noPoint">) | (Pick<React.PropsWithChildren<ClockPointerProps>, "children" | "type" | "value" | "hasSelected" | "isInner"> & import("@material-ui/core").StyledComponentProps<"animateTransform" | "pointer" | "thumb" | "noPoint">)>;
 export default _default;

package/copy.js

@@ -0,0 +1,58 @@
+const path = require('path');
+const fse = require('fs-extra');
+
+function copyReadme() {
+  return fse
+    .copyFile(
+      path.resolve(__dirname, '..', 'README.md'),
+      path.resolve(__dirname, 'build', 'README.md')
+    )
+    .then(() => console.log('Copied README.md'));
+}
+
+function createPackageFile() {
+  return new Promise(resolve => {
+    fse.readFile(path.resolve(__dirname, 'package.json'), 'utf8', (err, data) => {
+      if (err) {
+        throw err;
+      }
+
+      resolve(data);
+    });
+  })
+    .then(data => JSON.parse(data))
+    .then(packageData => {
+      // cleanup produced package
+      const {
+        devDependencies,
+        jest,
+        husky,
+        main,
+        module,
+        'lint-staged': ls,
+        ...other
+      } = packageData;
+
+      const newPackage = {
+        ...other,
+        private: false,
+        main: './dist/material-ui-pickers.js',
+        module: './dist/material-ui-pickers.esm.js',
+        typings: './index.d.ts',
+      };
+
+      return new Promise(resolve => {
+        const buildPath = path.resolve(__dirname, 'build', 'package.json');
+        const data = JSON.stringify(newPackage, null, 2);
+        fse.writeFile(buildPath, data, err => {
+          if (err) throw err;
+          console.log(`Created package.json in ${buildPath}`);
+          resolve();
+        });
+      });
+    });
+}
+
+createPackageFile()
+  .then(() => copyReadme())
+  .then(console.error);

package/package.json

@@ -1,62 +1,135 @@
-{
-  "name": "@docsvision/material-ui-pickers",
-  "version": "3.2.0-beta.25",
-  "description": "Fork @material-ui/pickers that implements advanced features required for DocsVision WebClient. Original repository https://github.com/mui-org/material-ui-pickers",
-  "keywords": [
-    "material-ui",
-    "pickers",
-    "@material-ui/pickers",
-    "datepicker",
-    "timepicker",
-    "date-picker",
-    "time-picker",
-    "react",
-    "react-component",
-    "material design",
-    "Docsvision",
-    "WebClient"
-  ],
-  "sideEffects": false,
-  "license": "MIT",
-  "author": {
-    "name": "Docsvision"
-  },
-  "peerDependencies": {
-    "@date-io/core": "^1.3.6",
-    "@material-ui/core": "^4.0.0",
-    "prop-types": "^15.6.0",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6"
-  },
-  "dependencies": {
-    "@types/styled-jsx": "^2.2.8",
-    "clsx": "^1.0.2",
-    "react-transition-group": "^4.0.0",
-    "tslib": "^1.9.3"
-  },
-  "size-limit": [
-    {
-      "path": "build/dist/@material-ui/pickers.esm.js",
-      "limit": "30 KB"
-    }
-  ],
-  "scripts": {
-    "test": "jest",
-    "test:date-fns": "UTILS=date-fns npm run test",
-    "test:luxon": "UTILS=luxon npm run test",
-    "test:moment": "UTILS=moment npm run test",
-    "start": "rollup --config rollup.config.dev.js --watch & npx tsc --watch",
-    "prebuild": "rimraf build",
-    "build:copy": "node copy.js",
-    "build:bundle": "rollup --config",
-    "build:typescript": "tsc --project tsconfig.json",
-    "build": "npm run build:typescript && npm run build:bundle && npm run build:copy",
-    "build:analyze": "npm run build",
-    "release": "yarn test && yarn version && yarn build && yarn publish --non-interactive build",
-    "publish": "npm publish build"
-  },
-  "private": false,
-  "main": "./dist/material-ui-pickers.js",
-  "module": "./dist/material-ui-pickers.esm.js",
-  "typings": "./index.d.ts"
-}
+{
+  "name": "@docsvision/material-ui-pickers",
+  "version": "3.2.0-beta.26",
+  "description": "Fork @material-ui/pickers that implements advanced features required for DocsVision WebClient. Original repository https://github.com/mui-org/material-ui-pickers",
+  "main": "./src/index.ts",
+  "module": "./src/index.ts",
+  "keywords": [
+    "material-ui",
+    "pickers",
+    "@material-ui/pickers",
+    "datepicker",
+    "timepicker",
+    "date-picker",
+    "time-picker",
+    "react",
+    "react-component",
+    "material design",
+    "Docsvision",
+    "WebClient"
+  ],
+  "sideEffects": false,
+  "license": "MIT",
+  "author": {
+    "name": "Docsvision"
+  },
+  "peerDependencies": {
+    "@date-io/core": "^1.3.6",
+    "@material-ui/core": "^4.0.0",
+    "prop-types": "^15.6.0",
+    "react": "^16.8.6",
+    "react-dom": "^16.8.6"
+  },
+  "dependencies": {
+    "@types/styled-jsx": "^2.2.8",
+    "clsx": "^1.0.2",
+    "react-transition-group": "^4.0.0",
+    "tslib": "^1.9.3"
+  },
+  "size-limit": [
+    {
+      "path": "build/dist/@material-ui/pickers.esm.js",
+      "limit": "30 KB"
+    }
+  ],
+  "scripts": {
+    "test": "jest",
+    "test:date-fns": "UTILS=date-fns npm run test",
+    "test:luxon": "UTILS=luxon npm run test",
+    "test:moment": "UTILS=moment npm run test",
+    "start": "rollup --config rollup.config.dev.js --watch & npx tsc --watch",
+    "prebuild": "rimraf build",
+    "build:copy": "node copy.js",
+    "build:bundle": "rollup --config",
+    "build:typescript": "tsc --project tsconfig.json",
+    "build": "npm run build:typescript && npm run build:bundle && npm run build:copy",
+    "build:analyze": "npm run build",
+    "release": "yarn test && yarn version && yarn build && yarn publish --non-interactive build",
+    "publish": "npm publish build"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.2.2",
+    "@date-io/core": "^1.2.0",
+    "@date-io/date-fns": "^1.3.0",
+    "@date-io/luxon": "^1.3.0",
+    "@date-io/moment": "^1.3.0",
+    "@material-ui/core": "^4.0.0",
+    "@material-ui/icons": "^3.0.2",
+    "@material-ui/styles": "^4.0.0",
+    "@types/enzyme": "^3.1.17",
+    "@types/enzyme-adapter-react-16": "^1.0.3",
+    "@types/fs-extra": "^5.0.4",
+    "@types/glob": "^7.1.1",
+    "@types/jest": "^23.3.14",
+    "@types/jss": "^9.5.7",
+    "@types/luxon": "^1.11.0",
+    "@types/prettier": "^1.16.0",
+    "@types/prop-types": "^15.5.8",
+    "@types/react": "^16.8.2",
+    "@types/react-dom": "^16.8.0",
+    "@types/react-transition-group": "^2.0.15",
+    "codecov": "^3.1.0",
+    "cross-env": "^5.2.0",
+    "date-fns": "^2.0.0-alpha.27",
+    "enzyme": "^3.8.0",
+    "enzyme-adapter-react-16": "^1.9.1",
+    "fs-extra": "^7.0.1",
+    "full-icu": "^1.2.1",
+    "glob": "^7.1.3",
+    "jest": "^24.1.0",
+    "luxon": "^1.11.1",
+    "moment": "2.22.2",
+    "prop-types": "^15.6.2",
+    "react": "^16.8.6",
+    "react-dom": "^16.8.6",
+    "rollup": "^1.1.2",
+    "rollup-plugin-babel": "^4.3.2",
+    "rollup-plugin-commonjs": "^9.2.0",
+    "rollup-plugin-node-resolve": "^4.0.1",
+    "rollup-plugin-size-snapshot": "^0.8.0",
+    "rollup-plugin-terser": "^4.0.4",
+    "rollup-plugin-typescript": "^1.0.0",
+    "size-limit": "^0.21.1",
+    "ts-jest": "^24.0.1",
+    "ts-lib": "0.0.5",
+    "tslint-config-prettier": "^1.18.0",
+    "typescript": "^3.3.3"
+  },
+  "jest": {
+    "setupFilesAfterEnv": [
+      "<rootDir>/src/__tests__/setup.js"
+    ],
+    "testRegex": "./src/__tests__/.*\\.test\\.(js|tsx)$",
+    "testURL": "http://localhost/",
+    "collectCoverage": true,
+    "transform": {
+      "^.+\\.tsx?$": "ts-jest"
+    },
+    "moduleFileExtensions": [
+      "ts",
+      "tsx",
+      "js",
+      "jsx",
+      "json",
+      "node"
+    ],
+    "coveragePathIgnorePatterns": [
+      "<rootDir>/src/__tests__/"
+    ],
+    "globals": {
+      "ts-jest": {
+        "tsConfig": "./src/__tests__/tsconfig.json"
+      }
+    }
+  }
+}

package/remove-prop-types.js

@@ -0,0 +1,37 @@
+const removePropTypes = api => {
+  const { types, template } = api;
+  const visitedKey = `remove-prop-types-${Date.now()}`;
+  return {
+    visitor: {
+      AssignmentExpression(path) {
+        if (
+          types.isMemberExpression(path.node.left) &&
+          types.isIdentifier(path.node.left.property) &&
+          path.node.left.property.name === 'propTypes'
+        ) {
+          // Prevent infinity loop.
+          if (path.node[visitedKey]) {
+            return;
+          }
+          path.node[visitedKey] = true;
+
+          const unsafeWrapTemplate = template(
+            `
+              if (process.env.NODE_ENV !== "production") {
+                NODE;
+              }
+            `,
+            { placeholderPattern: /^NODE$/ }
+          );
+          path.replaceWith(
+            unsafeWrapTemplate({
+              NODE: path.node,
+            })
+          );
+        }
+      },
+    },
+  };
+};
+
+module.exports = removePropTypes;

package/rollup.config.js

@@ -0,0 +1,145 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import path from 'path';
+// @ts-ignore
+import pkg from './package.json';
+import typescript from 'typescript';
+import babel from 'rollup-plugin-babel';
+import replace from 'rollup-plugin-replace';
+import commonjs from 'rollup-plugin-commonjs';
+import nodeResolve from 'rollup-plugin-node-resolve';
+import typescriptPlugin from 'rollup-plugin-typescript';
+import { terser } from 'rollup-plugin-terser';
+import { sizeSnapshot } from 'rollup-plugin-size-snapshot';
+
+const tsconfig = path.join(__dirname, 'tsconfig.json');
+console.info(`Using tsconfig: ${tsconfig}`);
+
+const currentSourceFolder = path.join(__dirname, 'src\\');
+
+// treat as externals not relative and not absolute paths
+const external = id => {
+  // console.log(id);
+  return !id.startsWith('.') && !id.startsWith('/') && !id.includes(currentSourceFolder);
+};
+
+const input = './src/index.ts';
+const globals = {
+  react: 'React',
+  'react-dom': 'ReactDOM',
+  'prop-types': 'PropTypes',
+  '@material-ui/core/Icon': 'material-ui.Icon',
+  '@material-ui/core/Button/': 'material-ui/Button.',
+  '@material-ui/core/IconButton': 'material-ui.IconButton',
+  '@material-ui/core/InputAdornment': 'material-ui.InputAdornment',
+  '@material-ui/core/TextField': 'material-ui.TextField',
+  '@material-ui/core/Button': 'material-ui.Button',
+  '@material-ui/core/Dialog': 'material-ui.Dialog',
+  '@material-ui/core/DialogActions': 'material-ui.DialogActions',
+  '@material-ui/core/DialogContent': 'material-ui.DialogContent',
+  '@material-ui/styles/withStyles': 'material-ui.withStyles',
+  '@material-ui/styles/createStyles': 'material-ui.createStyles',
+  '@material-ui/core/Toolbar': 'material-ui.Toolbar',
+  '@material-ui/core/Typography': 'material-ui.Typography',
+  '@material-ui/core/Popover': 'material-ui.Popover',
+  '@material-ui/core/Paper': 'material-ui.Paper',
+  '@material-ui/styles/withTheme': 'material-ui.withTheme',
+  '@material-ui/core/Tab': 'material-ui.Tab',
+  '@material-ui/core/Tabs': 'material-ui.Tabs',
+  '@material-ui/styles': 'material-ui.styles',
+  '@material-ui/core/SvgIcon': 'material-ui.SvgIcon',
+  '@material-ui/core/styles/colorManipulator': 'material-ui.styles.colorManipulator',
+};
+
+const extensions = ['.ts', '.tsx'];
+
+const babelOptions = {
+  babelrc: false,
+  extensions,
+  plugins: ['./remove-prop-types.js'],
+};
+
+const commonjsOptions = {
+  include: /node_modules/,
+  namedExports: {
+    'react-is': ['ForwardRef'],
+  },
+};
+
+export default [
+  {
+    input,
+    external,
+    output: {
+      file: 'build/dist/material-ui-pickers.js',
+      format: 'cjs',
+      sourcemap: true,
+    },
+    plugins: [
+      nodeResolve({ extensions }),
+      typescriptPlugin({ typescript, tsconfig }),
+      babel(babelOptions),
+    ],
+  },
+
+  {
+    input,
+    external,
+    output: {
+      file: 'build/dist/material-ui-pickers.esm.js',
+      format: 'esm',
+      sourcemap: true,
+    },
+    plugins: [
+      nodeResolve({ extensions }),
+      typescriptPlugin({ typescript, tsconfig }),
+      babel(babelOptions),
+      replace({
+        delimiters: ['', ''],
+        values: { '/** @class */': '/*@__PURE__*/' },
+      }),
+      sizeSnapshot(),
+    ],
+  },
+
+  {
+    input,
+    external: Object.keys(globals),
+    output: {
+      globals,
+      format: 'umd',
+      name: pkg.name,
+      file: 'build/dist/material-ui-pickers.umd.js',
+    },
+
+    plugins: [
+      nodeResolve({ extensions }),
+      typescriptPlugin({ typescript, tsconfig }),
+      babel(babelOptions),
+      commonjs(commonjsOptions),
+      replace({ 'process.env.NODE_ENV': JSON.stringify('development') }),
+      sizeSnapshot(),
+    ],
+  },
+
+  {
+    input,
+    external: Object.keys(globals),
+    output: {
+      globals,
+      format: 'umd',
+      name: pkg.name,
+      file: 'build/dist/material-ui-pickers.umd.min.js',
+    },
+    plugins: [
+      nodeResolve({ extensions }),
+      typescriptPlugin({ typescript, tsconfig }),
+      babel(babelOptions),
+      commonjs(commonjsOptions),
+      replace({ 'process.env.NODE_ENV': JSON.stringify('production') }),
+      sizeSnapshot(),
+      terser({
+        mangle: false,
+      }),
+    ],
+  },
+];

package/src/DatePicker/DatePicker.tsx

@@ -0,0 +1,91 @@
+import { useUtils } from '../_shared/hooks/useUtils';
+import { DatePickerToolbar } from './DatePickerToolbar';
+import { MaterialUiPickersDate } from '../typings/date';
+import { getFormatByViews } from '../_helpers/date-utils';
+import { OutterCalendarProps } from '../views/Calendar/Calendar';
+import { datePickerDefaultProps, ParsableDate } from '../constants/prop-types';
+import { WrappedPurePickerProps, makePurePicker } from '../Picker/WrappedPurePicker';
+import { makeKeyboardPicker, WrappedKeyboardPickerProps } from '../Picker/WrappedKeyboardPicker';
+
+export type DatePickerView = 'year' | 'date' | 'month';
+
+export interface BaseDatePickerProps extends OutterCalendarProps {
+  /**
+   * Min selectable date
+   * @default Date(1900-01-01)
+   */
+  minDate?: ParsableDate;
+  /**
+   * Max selectable date
+   * @default Date(2200-01-01)
+   */
+  maxDate?: ParsableDate;
+
+  /**
+   * Compare dates by the exact timestamp, instead of start/end of date
+   * @default false
+   */
+  strictCompareDates?: boolean;
+
+  /**
+   * Disable past dates
+   * @default false
+   */
+  disablePast?: boolean;
+  /**
+   * Disable future dates
+   * @default false
+   */
+  disableFuture?: boolean;
+  /**
+   * To animate scrolling to current year (using scrollIntoView)
+   * @default false
+   */
+  animateYearScrolling?: boolean;
+  /** Callback firing on year change */
+  onYearChange?: (date: MaterialUiPickersDate) => void;
+}
+
+export interface DatePickerViewsProps extends BaseDatePickerProps {
+  /**
+   * Array of views to show
+   * @type {Array<"year" | "date" | "month">}
+   */
+  views?: DatePickerView[];
+  /** Open to DatePicker */
+  openTo?: DatePickerView;
+}
+
+export type DatePickerProps = WrappedPurePickerProps & DatePickerViewsProps;
+
+export type KeyboardDatePickerProps = WrappedKeyboardPickerProps & DatePickerViewsProps;
+
+const defaultProps = {
+  ...datePickerDefaultProps,
+  openTo: 'date' as DatePickerView,
+  views: ['year', 'date'] as DatePickerView[],
+  showActionsBar: false,
+  todayLabel: 'TODAY',
+};
+
+function useOptions(props: DatePickerViewsProps) {
+  const utils = useUtils();
+
+  return {
+    getDefaultFormat: () => getFormatByViews(props.views!, utils),
+  };
+}
+
+export const DatePicker = makePurePicker<DatePickerViewsProps>({
+  useOptions,
+  DefaultToolbarComponent: DatePickerToolbar,
+});
+
+export const KeyboardDatePicker = makeKeyboardPicker<DatePickerViewsProps>({
+  useOptions,
+  DefaultToolbarComponent: DatePickerToolbar,
+});
+
+DatePicker.defaultProps = defaultProps;
+
+KeyboardDatePicker.defaultProps = defaultProps;