Remove propTypes

Author: wojtekmaj

packages/react-daterange-picker/package.json

@@ -51,7 +51,6 @@
   "dependencies": {
     "clsx": "^2.0.0",
     "make-event-props": "^1.6.0",
-    "prop-types": "^15.6.0",
     "react-calendar": "^4.6.0",
     "react-date-picker": "^10.5.0",
     "react-fit": "^1.7.0"

packages/react-daterange-picker/src/DateRangePicker.tsx

@@ -2,17 +2,13 @@
 
 import { createElement, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
-import PropTypes from 'prop-types';
 import makeEventProps from 'make-event-props';
 import clsx from 'clsx';
 import Calendar from 'react-calendar';
 import Fit from 'react-fit';
 
 import DateInput from 'react-date-picker/dist/esm/DateInput';
 
-import { isMaxDate, isMinDate, rangeOf } from './shared/propTypes.js';
-
-import type { ReactNodeArray } from 'prop-types';
 import type {
   ClassName,
   CloseReason,
@@ -22,11 +18,8 @@ import type {
   Value,
 } from './shared/types.js';
 
-const isBrowser = typeof document !== 'undefined';
-
 const baseClassName = 'react-daterange-picker';
 const outsideActionEvents = ['mousedown', 'focusin', 'touchstart'] as const;
-const allViews = ['century', 'decade', 'year', 'month'] as const;
 
 const iconProps = {
   xmlns: 'http://www.w3.org/2000/svg',
@@ -58,7 +51,9 @@ const ClearIcon = (
   </svg>
 );
 
-type Icon = React.ReactElement | ReactNodeArray | null | string | number | boolean;
+type ReactNodeLike = React.ReactNode | string | number | boolean | null | undefined;
+
+type Icon = ReactNodeLike | ReactNodeLike[];
 
 type IconOrRenderFunction = Icon | React.ComponentType | React.ReactElement;
 
@@ -686,50 +681,4 @@ const DateRangePicker: React.FC<DateRangePickerProps> = function DateRangePicker
   );
 };
 
-const isValue = PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(Date)]);
-
-const isValueOrValueArray = PropTypes.oneOfType([isValue, rangeOf(isValue)]);
-
-DateRangePicker.propTypes = {
-  autoFocus: PropTypes.bool,
-  calendarAriaLabel: PropTypes.string,
-  calendarClassName: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
-  calendarIcon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-  className: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
-  clearAriaLabel: PropTypes.string,
-  clearIcon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-  closeCalendar: PropTypes.bool,
-  'data-testid': PropTypes.string,
-  dayAriaLabel: PropTypes.string,
-  dayPlaceholder: PropTypes.string,
-  disableCalendar: PropTypes.bool,
-  disabled: PropTypes.bool,
-  format: PropTypes.string,
-  id: PropTypes.string,
-  isOpen: PropTypes.bool,
-  locale: PropTypes.string,
-  maxDate: isMaxDate,
-  maxDetail: PropTypes.oneOf(allViews),
-  minDate: isMinDate,
-  monthAriaLabel: PropTypes.string,
-  monthPlaceholder: PropTypes.string,
-  name: PropTypes.string,
-  nativeInputAriaLabel: PropTypes.string,
-  onCalendarClose: PropTypes.func,
-  onCalendarOpen: PropTypes.func,
-  onChange: PropTypes.func,
-  onFocus: PropTypes.func,
-  openCalendarOnFocus: PropTypes.bool,
-  rangeDivider: PropTypes.node,
-  required: PropTypes.bool,
-  showLeadingZeros: PropTypes.bool,
-  value: isValueOrValueArray,
-  yearAriaLabel: PropTypes.string,
-  yearPlaceholder: PropTypes.string,
-};
-
-if (isBrowser) {
-  DateRangePicker.propTypes.portalContainer = PropTypes.instanceOf(HTMLElement);
-}
-
 export default DateRangePicker;

packages/react-daterange-picker/src/shared/propTypes.ts

@@ -16,7 +16,6 @@
   "license": "MIT",
   "dependencies": {
     "@wojtekmaj/react-daterange-picker": "latest",
-    "prop-types": "^15.6.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

sample/package.json

@@ -1221,7 +1221,6 @@ __metadata:
     make-event-props: "npm:^1.6.0"
     nodemon: "npm:^3.0.0"
     prettier: "npm:^3.2.0"
-    prop-types: "npm:^15.6.0"
     react: "npm:^18.2.0"
     react-calendar: "npm:^4.6.0"
     react-date-picker: "npm:^10.5.0"