@telus-uds/components-base 1.2.0 → 1.3.0

package/lib/utils/propTypes.js

@@ -1,566 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.copyPropTypes = exports.componentPropType = exports.spacingProps = exports.responsiveProps = exports.viewProps = exports.linkProps = exports.clickProps = exports.pressProps = exports.hrefAttrsProp = exports.a11yProps = exports.getTokensSetPropType = exports.getTokensPropType = exports.selectTokens = exports.getTokenNames = exports.variantProp = exports.rectProp = exports.paddingProp = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Linking = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Linking"));
-
-var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-
-var _systemThemeTokens = require("@telus-uds/system-theme-tokens");
-
-var _propTypes2 = _interopRequireDefault(require("./a11y/propTypes"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const paddingProp = {
-  propType: _propTypes.default.shape({
-    paddingBottom: _propTypes.default.number,
-    paddingLeft: _propTypes.default.number,
-    paddingRight: _propTypes.default.number,
-    paddingTop: _propTypes.default.number
-  })
-};
-exports.paddingProp = paddingProp;
-const rectProp = {
-  propType: _propTypes.default.shape({
-    bottom: _propTypes.default.number,
-    left: _propTypes.default.number,
-    right: _propTypes.default.number,
-    top: _propTypes.default.number
-  })
-};
-/**
- * @typedef {{[key: string]: string|number|boolean}} AppearanceSet
- * @typedef {AppearanceSet} VariantProp
- */
-
-exports.rectProp = rectProp;
-const variantProp = {
-  /**
-   * 'variant' is an optional object prop on all themable components.
-   *
-   * Contains an object with keys that correspond to the current component theme's allowed
-   * appearances and values that correspond to the allowed values of that component.
-   *
-   * Since the particular keys and values depend on which theme is currently active,
-   * the exact shape of variant props is not enforced using PropTypes.
-   */
-  propType: _propTypes.default.objectOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.bool]))
-}; // Tokens can be primitive values (e.g. `'rgba(0,0,0,0'`, `12`), or objects of such values,
-// such as tokens that describe shadow (e.g. shadow: { inset: true, color: 'rgba(...)' ... }),
-// or components (e.g. Icon tokens)
-
-exports.variantProp = variantProp;
-
-const tokenValue = _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.bool, _propTypes.default.elementType]);
-
-const tokenValueType = _propTypes.default.oneOfType([tokenValue, _propTypes.default.objectOf(tokenValue)]);
-
-const getTokenNames = componentName => {
-  const componentTokenSchema = _systemThemeTokens.components[componentName];
-
-  if (!componentTokenSchema) {
-    throw new Error(`No "${componentName}" tokenKeys in @telus-uds/system-theme-tokens`);
-  }
-
-  return Object.keys(componentTokenSchema);
-};
-/**
- * Returns the subset of a set of tokens that may be accepted by the `tokens` prop of a named component
- * or by a provided array of tokens. A prefix may be provided, for example:
- *
- * @example
- * ```jsx
- * // returns tokens from `themeTokens` that exist in the theme schema for `Button`.
- * selectTokens('Button', themeTokens)
- * ```
- *
- * @example
- * ```jsx
- * // returns `{ backgroundColor, width }` where the values of those keys come from
- * // the source object's `{ containerBackgroundColor, containerWidth }` properties.
- * selectTokens(['backgroundColor', 'width'], themeTokens, 'container')
- * ```
- *
- * @example
- * ```jsx
- * // returns tokens that are defined in the `Button` theme schema, from tokens with
- * // a prefix `'button'` e.g. a token `buttonBorderWidth` outputs as `borderWidth`.
- * selectTokens('Button', themeTokens, 'button')
- * ```
- *
- * @param {string[]|string} specifier - a name of a component in the theme schema, or an array of token names
- * @param {object} tokens - a source object of theme tokens
- * @param {string} [prefix] - if provided, matches keys in the source object with this as the first camelCase item
- * @returns {object} - subset of theme tokens
- */
-
-
-exports.getTokenNames = getTokenNames;
-
-const selectTokens = (specifier, tokens, prefix) => {
-  const tokenNames = typeof specifier === 'string' ? getTokenNames(specifier) : specifier;
-  const filteredTokens = tokenNames.reduce((validTokens, key) => {
-    const prefixedKey = prefix ? `${prefix}${key[0].toUpperCase()}${key.slice(1)}` : key;
-    const token = tokens[prefixedKey];
-    return token !== undefined ? { ...validTokens,
-      [key]: token
-    } : validTokens;
-  }, {});
-  return filteredTokens;
-};
-/**
- * @typedef {string|number|boolean|{[key: string]:string|number|boolean}} TokenValue
- * @typedef {{[key: string]: TokenValue}} TokensSet
- * @typedef {(AppearanceSet) => TokensSet} TokensGetter
- * @typedef {TokensSet|TokensGetter} TokensProp
- */
-
-/**
- * 'tokens' is an optional object prop on all themable components. Its keys must match the
- * token keys in the component's theme schema.
- *
- * This prop is intended to be used as an 'escape hatch' for difficult or exceptional cases
- * where the main theming system doesn't apply. It is intentionally permissive about values.
- *
- * @param {...string} componentsNames - one or more ComponentName, which tokens keys are accepted
- * @return {function} - a custom PropTypes validator
- *
- * @example
- * Component.propTypes = {
- *   // accepts all tokens keys defined in Component schema
- *   tokens: getTokensPropType('Component')
- * }
- *
- * Component.propTypes = {
- *   // accepts all tokens keys defined in schemas for Component1 and Component2
- *   tokens: getTokensPropType('Component1', 'Component2')
- * }
- */
-
-
-exports.selectTokens = selectTokens;
-
-const getTokensPropType = (...componentsNames) => (props, propName, componentName) => {
-  _propTypes.default.checkPropTypes({
-    [propName]: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.func])
-  }, props, propName, componentName);
-
-  if (typeof props[propName] !== 'function') {
-    _propTypes.default.checkPropTypes({
-      [propName]: _propTypes.default.exact(Object.fromEntries(componentsNames.flatMap(component => getTokenNames(component).map(key => [key, tokenValueType]))))
-    }, props, propName, componentName);
-  }
-};
-/**
- * Get a proptypes validator for a set of tokens that is not based on a component in the theme schema.
- *
- * For example, for a set of tokens used in a common style, or for a set of tokens required by
- * a themeless component whose tokens are set by a parent but requires tokens of a certain shape.
- *
- * By default, requires an object with a complete set of tokens (allowing `null`, but not `undefined`).
- *
- * @param {string[]} componentTokenKeys - array of strings of token names
- * @param {object} [options]
- * @param {boolean} [options.partial] - if true, allows tokens to be undefined
- * @param {boolean} [options.allowFunction] - if true, allows functions as well as tokens objects
- * @returns
- */
-
-
-exports.getTokensPropType = getTokensPropType;
-
-const getTokensSetPropType = (componentTokenKeys, {
-  partial = false,
-  allowFunction = false
-} = {}) => {
-  const tokensObjectValidator = _propTypes.default.exact(Object.fromEntries(componentTokenKeys.map(key => [key, partial ? tokenValueType : // Some theme tokens can validly resolve to `null`, but .isRequired treats null as undefined
-  (props, propName, ...args) => props[propName] !== null && tokenValueType.isRequired(props, propName, ...args)])));
-
-  return allowFunction ? _propTypes.default.oneOfType([tokensObjectValidator, _propTypes.default.func]) : tokensObjectValidator;
-};
-
-exports.getTokensSetPropType = getTokensSetPropType;
-
-function getPropSelector(propTypes, regexp) {
-  const keys = Object.keys(propTypes);
-  return props => Object.entries(props).reduce((items, [key, value]) => keys.includes(key) || regexp && regexp.test(key) ? { ...items,
-    [key]: value
-  } : items, {});
-}
-
-const a11yProps = {
-  /**
-   * Proptypes for recognised React Native accessiblity (a11y) props.
-   * Spread this in the propTypes of components that accept React Native a11y props.
-   */
-  types: _propTypes2.default,
-
-  /**
-   * Filters a props object, returning only recognised React Native accessiblity (a11y) props.
-   *
-   * Where components accept React Native a11y props, pass { ...rest } from its props to this,
-   * then spread the returned object into the component's props (usually its outer container).
-   */
-  select: getPropSelector(_propTypes2.default, /^aria-/),
-
-  /**
-   * Use this to disable focus for elements which are visually hidden but still rendered.
-   */
-  nonFocusableProps: {
-    focusable: false,
-    // for android, and for keyboard nav in web
-    ..._Platform.default.select({
-      web: {
-        accessibilityHidden: true // web screenreaders
-
-      },
-      android: {
-        importantForAccessibility: 'no-hide-descendants'
-      },
-      ios: {
-        accessibilityElementsHidden: true
-      }
-    })
-  },
-
-  /**
-   * Generates an object of platform-appropriate a11y props describing an item that has an
-   * ordered position in a set. Examples of usage by accessibility tools includes screenreaders
-   * saying "Item X of Y" when this item is select.
-   *
-   * @param {number} itemsCount - the number of items in the set
-   * @param {number} index - the current item's index in the set
-   * @returns {object} - platform-applicable a11y props describing this position (if available)
-   */
-  getPositionInSet: (itemsCount, index) => _Platform.default.select({
-    web: {
-      // accessibilityPosInSet etc exists in React Native Web main branch
-      // but not in a release compatible with Expo etc; just use `aria-*`
-      'aria-setsize': itemsCount,
-      'aria-posinset': index + 1
-    },
-    // No equivalents exist on the native side
-    default: {}
-  })
-}; // Props related to HTML <a> anchor link attributes.
-
-exports.a11yProps = a11yProps;
-const targetValues = ['_self', '_blank', '_parent', '_top'];
-const hrefAttrsProp = {
-  types: {
-    // React Native Web >= 0.15.0 supports hrefAttrs prop with only these properties
-    // and passes them to <a> if an element has a href prop or accessibilityRole "link"
-    download: _propTypes.default.string,
-    rel: _propTypes.default.string,
-    target: _propTypes.default.oneOf(targetValues)
-  },
-
-  /**
-   * Takes a props object, bundles any hrefAttrs props present into one object
-   * and returns that keyed as `hrefAttrs` and non-hrefAttrs props keyed as `rest`
-   */
-  bundle: ({
-    download,
-    rel,
-    target,
-    ...rest
-  }) => ({
-    hrefAttrs: {
-      download,
-      rel,
-      target
-    },
-    rest
-  })
-};
-exports.hrefAttrsProp = hrefAttrsProp;
-const pressHandlerPropTypes = {
-  onPress: _propTypes.default.func,
-  onPressIn: _propTypes.default.func,
-  onPressOut: _propTypes.default.func,
-  ..._Platform.default.select({
-    web: {
-      onMouseEnter: _propTypes.default.func,
-      onMouseLeave: _propTypes.default.func,
-      onFocus: _propTypes.default.func,
-      onBlur: _propTypes.default.func
-    },
-    default: {
-      onLongPress: _propTypes.default.func
-    }
-  })
-};
-const pressPropTypes = { ...pressHandlerPropTypes,
-  disabled: _propTypes.default.bool,
-  ..._Platform.default.select({
-    web: {},
-    default: {
-      hitSlop: _propTypes.default.number,
-      pressRetentionOffset: _propTypes.default.oneOfType([_propTypes.default.number, rectProp.propType])
-    }
-  })
-};
-const pressProps = {
-  /**
-   * Proptypes for clickable or pressable components, including web-only props
-   */
-  types: pressPropTypes,
-
-  /**
-   * Filters a props object, returning only the platform-relevant press props defined above
-   */
-  select: getPropSelector(pressPropTypes),
-  selectHandlers: getPropSelector(pressHandlerPropTypes)
-};
-exports.pressProps = pressProps;
-const clickHandlerMapping = {
-  onClick: 'onPress',
-  mouseDown: 'onPressIn',
-  mouseUp: 'onPressOut'
-};
-const clickProps = {
-  /**
-   * Web-oriented HTML click handlers that may be mapped to React Native press handlers
-   */
-  types: Object.fromEntries(Object.keys(clickHandlerMapping).map(mouseName => [mouseName, _propTypes.default.func])),
-
-  /**
-   * Takes a set of props and converts HTML mouse click oriented event handlers to closest
-   * equivalent React Native press event handler.
-   *
-   * Use this when a component that expects press-oriented props may need to support third-party
-   * web-oriented tooling that injects web-oriented event handlers directly. For example, for
-   * to support use with NextJS's 'next/link' component, which injects `onClick` prop into its child.
-   */
-  toPressProps: props => Object.fromEntries(Object.entries(props).map(([originalName, value]) => {
-    const translatedName = clickHandlerMapping[originalName];
-    return translatedName ? [translatedName, value] : [originalName, value];
-  }))
-};
-exports.clickProps = clickProps;
-const linkPropTypes = { ...pressPropTypes,
-  href: _propTypes.default.string,
-  hrefAttrs: _propTypes.default.shape(hrefAttrsProp.types),
-  ..._propTypes2.default
-};
-const linkProps = {
-  /**
-   * Proptypes for components that, on Web, can output <a href="..."> link elements
-   */
-  types: linkPropTypes,
-
-  /**
-   * Filters a props object, returning only the platform-relevant link props defined above
-   */
-  select: getPropSelector(linkPropTypes),
-
-  /**
-   * Turn hrefs into press handlers on Native and throw if not given `onPress` or `href`.
-   *
-   * @param {({ onPress?: () => void, href?: string })}
-   * @returns {(() => void)|undefined} Returns a press handler, or undefined on web if href
-   * string is provided. Expects calling component to use href string on web (e.g. in `<a>`).
-   */
-  handleHref: ({
-    onPress,
-    href
-  }) => {
-    if (!href && !onPress) {
-      throw new Error('handleHref requires either href or onPress');
-    }
-
-    return _Platform.default.select({
-      web: onPress,
-      default: (...args) => {
-        if (onPress) onPress(...args);
-        if (href) _Linking.default.openURL(href);
-      }
-    });
-  }
-};
-exports.linkProps = linkProps;
-const viewPropTypes = {
-  pointerEvents: _propTypes.default.oneOf(['all', 'none', 'box-only', 'box-none']),
-  onLayout: _propTypes.default.func,
-  nativeID: _propTypes.default.string,
-  testID: _propTypes.default.string,
-  dataSet: _propTypes.default.object
-};
-const viewProps = {
-  /**
-   * Subset of `View` proptypes that could conceivably be needed on any component
-   * that renders a single View.
-   */
-  types: viewPropTypes,
-
-  /**
-   * Filters a props object, returning only cross-platform View props that are potentially
-   * relevant to any basic layout component that renders one View.
-   */
-  select: getPropSelector(viewPropTypes)
-};
-exports.viewProps = viewProps;
-
-const getByViewport = propType => ({
-  xs: propType,
-  sm: propType,
-  md: propType,
-  lg: propType,
-  xl: propType
-});
-/**
- * Utilities for props that allow different values to be applied at different viewports.
- *
- * These should apply viewport inheritance such that if a viewport is undefined, the value is
- * taken from the next smallest viewport for which a value is available. For example, a
- * responsive prop { xs: 2, lg: 3 } should apply 2 at sizes sm and md, and 3 at size xl.
- *
- * @property {Function} getByViewport - returns an object where each each viewport has a key
- *   containing the provided argument.
- * @property {Function} getTypeByViewport - returns a PropTypes shape validator for an object where
- *   each viewport has a key containing the provided proptype.
- * @property {Function} getTypeOptionallyByViewport - returns a PropTypes validator that accepts
- *   either the provided proptype on its own, or the output of getTypeByViewport
- */
-
-
-const responsiveProps = {
-  getByViewport,
-  getTypeByViewport: propType => _propTypes.default.shape(getByViewport(propType)),
-  getTypeOptionallyByViewport: propType => _propTypes.default.oneOfType([propType, _propTypes.default.shape(getByViewport(propType))])
-};
-/**
- * @typedef {0|1|2|3|4|5|6|7|8|9|10|11} SpacingIndex - value used to select a size on the spacing scale
- *
- * @typedef SpacingOptions
- * @property {VariantProp} [SpacingOptions.variant] - optional theme scale variants e.g. compact, wide
- * @property {number} [SpacingOptions.size] - optional override to force a particular pixel size
- * @property {number} [SpacingOptions.subtract] - optional number to subtract from final pixel size
- *
- * @typedef SpacingObject
- * @property {SpacingIndex} [SpacingObject.xs] - space scale index to use above xs viewport
- * @property {SpacingIndex} [SpacingObject.sm] - space scale index to use above sm viewport
- * @property {SpacingIndex} [SpacingObject.md] - space scale index to use above md viewport
- * @property {SpacingIndex} [SpacingObject.lg] - space scale index to use above lg viewport
- * @property {SpacingIndex} [SpacingObject.xl] - space scale index to use above xl viewport
- * @property {SpacingIndex} [SpacingObject.space] - space scale index to use at all viewports
- * @property {SpacingOptions} [SpacingObject.options] - optional options for this spacing
- *
- * @typedef {SpacingIndex|SpacingObject} SpacingValue
- */
-
-exports.responsiveProps = responsiveProps;
-const spacingScale = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
-
-const spacingIndexPropType = _propTypes.default.oneOf(spacingScale);
-
-const spacingObjectPropType = _propTypes.default.shape({ ...responsiveProps.getByViewport(spacingIndexPropType),
-  space: spacingIndexPropType,
-  options: _propTypes.default.shape({
-    variant: variantProp.propType,
-    size: _propTypes.default.number
-  })
-});
-/**
- * Components and utilities that assign fixed space between components use a theme-defined spacing scale.
- *
- * They typically take one or more props of the {@link SpacingValue} type and turn it into a pixel size value
- * using the hook `useSpacingScale`, which resolves any options or responsive behaviour and returns the
- * appropriate value from the theme spacing scale.
- *
- * - see /ADRs/inter-component-spacing/README.md - ADR on this structure
- * - see /src/utils/spacing/useSpacingScale.js - hook that processes spacing values
- * - @see {@link SpacingIndex} - themes provide spacing scales of up to 12 sizes with optional theme rules.
- * - @see {@link SpacingValue} - either a simple number referencing an index position on the spacing
- *   scale, or an object with an optional `options` key and one or more spacing indexes keyed either by
- *   viewports or `space` to apply at all viewports.
- */
-
-
-const spacingProps = {
-  scale: spacingScale,
-  types: {
-    spacingIndex: spacingIndexPropType,
-    spacingObject: spacingObjectPropType,
-    // Most spacing components and utilities take this prop / arg type:
-    spacingValue: _propTypes.default.oneOfType([spacingIndexPropType, spacingObjectPropType])
-  }
-};
-/**
- * Returns a prop type validator which checks whether a prop is either a component or an array of
- * components of a given type, based on their `name` or `displayName` properties.
- * Use an array of strings for `passedName` to accept more than one component type.
- * For an array the validation fails on the first occurrence of an invalid element.
- *
- * @param {string|string[]} passedName
- * @return {function}
- */
-
-exports.spacingProps = spacingProps;
-
-const componentPropType = passedName => {
-  const passedNames = typeof passedName === 'string' ? [passedName] : passedName;
-
-  const checkProp = (props, propName, componentName) => {
-    var _props$propName$type, _props$propName$type2;
-
-    if (props[propName] === undefined || props[propName] === null) {
-      return undefined;
-    }
-
-    if (Array.isArray(props[propName])) {
-      // Iterates through every child and try to find the first element that does not match the passed name
-      // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean
-      return props[propName].map((_, index) => checkProp(props[propName], index, componentName)).find(Boolean);
-    }
-
-    const nameInProp = ((_props$propName$type = props[propName].type) === null || _props$propName$type === void 0 ? void 0 : _props$propName$type.displayName) || ((_props$propName$type2 = props[propName].type) === null || _props$propName$type2 === void 0 ? void 0 : _props$propName$type2.name);
-
-    if (!nameInProp || !passedNames.includes(nameInProp)) {
-      const propDescription = nameInProp ? `Component ${nameInProp}` : typeof props[propName];
-      return new Error(`${componentName}: ${propDescription} was passed to \`${propName}\` prop; should be ${passedNames.join(' or ')}`);
-    }
-
-    return undefined;
-  };
-
-  const checkRequired = (props, propName, componentName) => {
-    if (props[propName] === undefined) {
-      return new Error(`The prop \`${propName}\` is marked as required in \`${componentName}\`, but its value is ${props[propName]}.`);
-    }
-
-    return undefined;
-  };
-
-  const createValidate = isRequired => {
-    if (isRequired) {
-      return (props, propName, componentName) => {
-        const checkForError = checkProp(props, propName, componentName);
-
-        if (checkForError) {
-          return checkForError;
-        }
-
-        return checkRequired(props, propName, componentName);
-      };
-    }
-
-    return checkProp;
-  };
-
-  const validate = createValidate();
-  validate.isRequired = createValidate(true);
-  return validate;
-};
-
-exports.componentPropType = componentPropType;
-
-const copyPropTypes = _propTypes.default.oneOf(['en', 'fr']);
-
-exports.copyPropTypes = copyPropTypes;

package/src/utils/a11y/propTypes.js

@@ -1,61 +0,0 @@
-import PropTypes from 'prop-types'
-
-import nativePropTypes from './propTypes.native'
-
-export default {
-  ...nativePropTypes,
-  // React Native Web adds many a11y props that alias aria-* attributes
-  // Types based on https://necolas.github.io/react-native-web/docs/accessibility/
-  accessibilityActiveDescendant: PropTypes.string,
-  accessibilityAtomic: PropTypes.bool,
-  accessibilityAutoComplete: PropTypes.string,
-  accessibilityBusy: PropTypes.bool,
-  accessibilityChecked: PropTypes.oneOf([true, false, 'mixed']),
-  accessibilityColumnCount: PropTypes.number,
-  accessibilityColumnIndex: PropTypes.number,
-  accessibilityColumnSpan: PropTypes.number,
-  accessibilityControls: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.arrayOf(PropTypes.string)
-  ]),
-  accessibilityCurrent: PropTypes.oneOf([true, false, 'page', 'step', 'location', 'date', 'time']),
-  accessibilityDescribedBy: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.arrayOf(PropTypes.string)
-  ]),
-  accessibilityDetails: PropTypes.string,
-  accessibilityDisabled: PropTypes.bool,
-  accessibilityErrorMessage: PropTypes.string,
-  accessibilityExpanded: PropTypes.bool,
-  accessibilityFlowTo: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
-  accessibilityHasPopup: PropTypes.string,
-  accessibilityHidden: PropTypes.bool,
-  accessibilityInvalid: PropTypes.bool,
-  accessibilityKeyShortcuts: PropTypes.string,
-  accessibilityLabelledBy: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.arrayOf(PropTypes.string)
-  ]),
-  accessibilityLevel: PropTypes.number,
-  accessibilityModal: PropTypes.bool,
-  accessibilityMultiline: PropTypes.bool,
-  accessibilityMultiSelectable: PropTypes.bool,
-  accessibilityOrientation: PropTypes.oneOf(['horizontal', 'vertical']),
-  accessibilityOwns: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
-  accessibilityPlaceholder: PropTypes.string,
-  accessibilityPosInSet: PropTypes.number,
-  accessibilityPressed: PropTypes.bool,
-  accessibilityReadOnly: PropTypes.bool,
-  accessibilityRequired: PropTypes.bool,
-  accessibilityRoleDescription: PropTypes.string,
-  accessibilityRowCount: PropTypes.number,
-  accessibilityRowIndex: PropTypes.number,
-  accessibilityRowSpan: PropTypes.number,
-  accessibilitySelected: PropTypes.bool,
-  accessibilitySetSize: PropTypes.number,
-  accessibilitySort: PropTypes.oneOf(['ascending', 'descending', 'none', 'other']),
-  accessibilityValueMax: PropTypes.number,
-  accessibilityValueMin: PropTypes.number,
-  accessibilityValueNow: PropTypes.number,
-  accessibilityValueText: PropTypes.string
-}

package/src/utils/a11y/propTypes.native.js

@@ -1,39 +0,0 @@
-import PropTypes from 'prop-types'
-
-// React Native exports a11y prop definitions as TypeScript Interfaces, but no longer exports PropTypes
-// so we have to define them ourselves.
-export default {
-  accessible: PropTypes.bool,
-  focusable: PropTypes.bool,
-
-  accessibilityElementsHidden: PropTypes.bool,
-  accessibilityHint: PropTypes.string, // react-native-web ignores `accessibilityHint`
-  accessibilityIgnoresInvertColors: PropTypes.bool,
-  accessibilityLabel: PropTypes.string,
-  accessibilityRole: PropTypes.string,
-  accessibilityActions: PropTypes.arrayOf(
-    PropTypes.shape({
-      name: PropTypes.string.isRequired,
-      label: PropTypes.string
-    })
-  ),
-  accessibilityLiveRegion: PropTypes.oneOf(['none', 'polite', 'assertive']),
-  accessibilityState: PropTypes.shape({
-    disabled: PropTypes.bool,
-    selected: PropTypes.bool,
-    checked: PropTypes.oneOf([true, false, 'mixed']),
-    busy: PropTypes.bool,
-    expanded: PropTypes.bool
-  }),
-  accessibilityValue: PropTypes.shape({
-    min: PropTypes.number,
-    max: PropTypes.number,
-    now: PropTypes.number,
-    text: PropTypes.string
-  }),
-  accessibilityViewIsModal: PropTypes.bool,
-  importantForAccessibility: PropTypes.oneOf(['auto', 'yes', 'no', 'no-hide-descendants']),
-  onAccessibilityAction: PropTypes.func,
-  onAccessibilityEscape: PropTypes.func,
-  onAccessibilityTap: PropTypes.func
-}