@instructure/ui-date-input 10.26.1 → 11.0.0

package/src/DateInput2/index.tsx

@@ -22,13 +22,7 @@
  * SOFTWARE.
  */
 
-import {
-  useState,
-  useEffect,
-  forwardRef,
-  ForwardedRef,
-  ValidationMap
-} from 'react'
+import { useState, useEffect, forwardRef, ForwardedRef } from 'react'
 import type { SyntheticEvent } from 'react'
 import { Calendar } from '@instructure/ui-calendar'
 import { IconButton } from '@instructure/ui-buttons'
@@ -42,7 +36,6 @@ import { TextInput } from '@instructure/ui-text-input'
 import { callRenderProp, passthroughProps } from '@instructure/ui-react-utils'
 import { getLocale, getTimezone } from '@instructure/ui-i18n'
 
-import { propTypes } from './props'
 import type { DateInput2Props } from './props'
 import type { FormMessage } from '@instructure/ui-form-field'
 import type { Moment } from '@instructure/ui-i18n'
@@ -130,7 +123,6 @@ function parseLocaleDate(
 category: components
 ---
 **/
-// eslint-disable-next-line react/display-name
 const DateInput2 = forwardRef(
   (
     {
@@ -341,7 +333,8 @@ const DateInput2 = forwardRef(
   }
 )
 
-DateInput2.propTypes = propTypes as ValidationMap<DateInput2Props>
+// TODO this is probably needed?
+DateInput2.displayName = 'DateInput2'
 
 export default DateInput2
 export { DateInput2 }

package/src/DateInput2/props.ts

@@ -22,17 +22,9 @@
  * SOFTWARE.
  */
 
-import PropTypes from 'prop-types'
 import type { SyntheticEvent, InputHTMLAttributes } from 'react'
-
-import { controllable } from '@instructure/ui-prop-types'
-import { FormPropTypes } from '@instructure/ui-form-field'
 import type { FormMessage } from '@instructure/ui-form-field'
-import type {
-  OtherHTMLAttributes,
-  Renderable,
-  PropValidators
-} from '@instructure/shared-types'
+import type { OtherHTMLAttributes, Renderable } from '@instructure/shared-types'
 import type { Spacing } from '@instructure/emotion'
 
 type DateInput2OwnProps = {
@@ -90,12 +82,10 @@ type DateInput2OwnProps = {
    */
   width?: string
   /**
-   * Displays messages and validation for the input. It should be an object
-   * with the following shape:
-   * `{
-   *   text: PropTypes.node,
-   *   type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
-   * }`
+   * Displays informational and error messages, used for input validation,
+   * can also display screenreader-only messages.
+   * Also changes the border color of the component on success/error.
+   * This is automatically set to `invalidDateErrorMessage` when the date is invalid
    */
   messages?: FormMessage[]
   /**
@@ -188,40 +178,9 @@ type DateInput2OwnProps = {
   inputRef?: (inputElement: HTMLInputElement | null) => void
 }
 
-type PropKeys = keyof DateInput2OwnProps
-
 type DateInput2Props = DateInput2OwnProps &
   OtherHTMLAttributes<
     DateInput2OwnProps,
     InputHTMLAttributes<DateInput2OwnProps & Element>
   >
-
-const propTypes: PropValidators<PropKeys> = {
-  renderLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
-  screenReaderLabels: PropTypes.object.isRequired,
-  value: controllable(PropTypes.string),
-  placeholder: PropTypes.string,
-  onChange: PropTypes.func,
-  onBlur: PropTypes.func,
-  interaction: PropTypes.oneOf(['enabled', 'disabled', 'readonly']),
-  isRequired: PropTypes.bool,
-  isInline: PropTypes.bool,
-  width: PropTypes.string,
-  messages: PropTypes.arrayOf(FormPropTypes.message),
-  invalidDateErrorMessage: PropTypes.oneOfType([
-    PropTypes.func,
-    PropTypes.string
-  ]),
-  locale: PropTypes.string,
-  timezone: PropTypes.string,
-  withYearPicker: PropTypes.object,
-  dateFormat: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-  onRequestValidateDate: PropTypes.func,
-  renderCalendarIcon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-  margin: PropTypes.string,
-  disabledDates: PropTypes.oneOfType([PropTypes.array, PropTypes.func]),
-  inputRef: PropTypes.func
-}
-
 export type { DateInput2Props }
-export { propTypes }

package/tsconfig.build.json

@@ -15,11 +15,9 @@
     { "path": "../ui-icons/tsconfig.build.json" },
     { "path": "../ui-popover/tsconfig.build.json" },
     { "path": "../ui-position/tsconfig.build.json" },
-    { "path": "../ui-prop-types/tsconfig.build.json" },
     { "path": "../ui-react-utils/tsconfig.build.json" },
     { "path": "../ui-selectable/tsconfig.build.json" },
     { "path": "../shared-types/tsconfig.build.json" },
-    { "path": "../ui-testable/tsconfig.build.json" },
     { "path": "../ui-text-input/tsconfig.build.json" },
     { "path": "../ui-utils/tsconfig.build.json" },
     { "path": "../ui-i18n/tsconfig.build.json" },