@instructure/ui-view 10.26.1-snapshot-2 → 10.26.2

package/src/View/props.ts

@@ -23,10 +23,17 @@
  */
 
 import React from 'react'
-import type { Cursor } from '@instructure/shared-types'
+import PropTypes from 'prop-types'
+
+import { cursor as cursorPropTypes } from '@instructure/ui-prop-types'
+import { textDirectionContextConsumer } from '@instructure/ui-i18n'
+import type { Cursor } from '@instructure/ui-prop-types'
+import { ThemeablePropTypes } from '@instructure/emotion'
+
 import type {
   AsElementType,
   OtherHTMLAttributes,
+  PropValidators,
   ViewTheme
 } from '@instructure/shared-types'
 import type {
@@ -225,6 +232,69 @@ type ViewStyle = ComponentStyle<'view'> & {
   inlineStyles: StyleObject
 }
 
+const propTypes: PropValidators<PropKeys> = {
+  as: PropTypes.elementType,
+  elementRef: PropTypes.func,
+  display: PropTypes.oneOf([
+    'auto',
+    'inline',
+    'block',
+    'inline-block',
+    'flex',
+    'inline-flex'
+  ]),
+  overflowX: PropTypes.oneOf(['auto', 'hidden', 'visible']),
+  overflowY: PropTypes.oneOf(['auto', 'hidden', 'visible']),
+  margin: PropTypes.string,
+  padding: PropTypes.string,
+  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  minHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  children: PropTypes.node,
+  textAlign: PropTypes.oneOf(['start', 'center', 'end']),
+  borderWidth: ThemeablePropTypes.borderWidth,
+  borderRadius: PropTypes.string,
+  borderColor: PropTypes.string,
+  background: PropTypes.oneOf([
+    'transparent',
+    'primary',
+    'secondary',
+    'primary-inverse',
+    'brand',
+    'info',
+    'alert',
+    'success',
+    'danger',
+    'warning'
+  ]),
+  shadow: ThemeablePropTypes.shadow,
+  stacking: ThemeablePropTypes.stacking,
+  cursor: cursorPropTypes,
+  position: PropTypes.oneOf([
+    'static',
+    'absolute',
+    'relative',
+    'sticky',
+    'fixed'
+  ]),
+  insetInlineStart: PropTypes.string,
+  insetInlineEnd: PropTypes.string,
+  insetBlockStart: PropTypes.string,
+  insetBlockEnd: PropTypes.string,
+  withFocusOutline: PropTypes.bool,
+  focusPosition: PropTypes.oneOf(['offset', 'inset']),
+  focusColor: PropTypes.oneOf(['info', 'inverse', 'success', 'danger']),
+  shouldAnimateFocus: PropTypes.bool,
+  withVisualDebug: PropTypes.bool,
+  dir: PropTypes.oneOf(Object.values(textDirectionContextConsumer.DIRECTION)),
+  overscrollBehavior: PropTypes.oneOf(['auto', 'contain', 'none']),
+  focusRingBorderRadius: PropTypes.string,
+  focusWithin: PropTypes.bool
+}
+
 // This variable will be attached as static property on the `View` component
 // so we don't rely on the `PropTypes` validators for our internal logic.
 // This means on prod builds the consuming applications can safely delete propTypes.
@@ -267,5 +337,5 @@ const allowedProps: AllowedPropKeys = [
   'focusWithin'
 ]
 
-export { allowedProps }
+export { propTypes, allowedProps }
 export type { ViewProps, ViewOwnProps, ViewStyle, BorderColor }

package/tsconfig.build.json

@@ -28,7 +28,12 @@
     {
       "path": "../ui-position/tsconfig.build.json"
     },
-    { "path": "../ui-react-utils/tsconfig.build.json" },
+    {
+      "path": "../ui-prop-types/tsconfig.build.json"
+    },
+    {
+      "path": "../ui-react-utils/tsconfig.build.json"
+    },
     {
       "path": "../ui-babel-preset/tsconfig.build.json"
     },