@instructure/ui-file-drop 8.8.1-snapshot.7 → 8.9.1-snapshot.2

package/src/FileDrop/props.ts

@@ -0,0 +1,212 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import PropTypes from 'prop-types'
+
+import { FormPropTypes } from '@instructure/ui-form-field'
+import { ThemeablePropTypes } from '@instructure/emotion'
+
+import type { FormMessage } from '@instructure/ui-form-field'
+import type { Spacing, WithStyleProps } from '@instructure/emotion'
+import type { PropValidators } from '@instructure/shared-types'
+
+type FileDropOwnProps = {
+  id?: string
+  renderLabel: ((...args: any[]) => any) | React.ReactNode
+  accept?: string | string[]
+  messages?: FormMessage[]
+  onClick?: (...args: any[]) => any
+  onDrop?: (...args: any[]) => any
+  onDropAccepted?: (...args: any[]) => any
+  onDropRejected?: (...args: any[]) => any
+  onDragEnter?: (...args: any[]) => any
+  onDragOver?: (...args: any[]) => any
+  onDragLeave?: (...args: any[]) => any
+  shouldEnablePreview?: boolean
+  shouldAllowMultiple?: boolean
+  shouldAllowRepeats?: boolean
+  maxSize?: number
+  minSize?: number
+  interaction?: 'enabled' | 'disabled' | 'readonly'
+  display?: 'block' | 'inline-block'
+  height?: string | number
+  width?: string | number
+  maxWidth?: string | number
+  minWidth?: string | number
+  margin?: Spacing
+}
+
+type FileDropState = {
+  isDragAccepted: boolean
+  isDragRejected: boolean
+  isFocused: boolean
+  isFileBrowserDisplayed: boolean
+}
+
+type FileDropStyleProps = {
+  functionallyDisabled: boolean
+  visuallyDisabled: boolean
+  dragRejected: boolean
+  dragAccepted: boolean
+}
+
+type PropKeys = keyof FileDropOwnProps
+
+type AllowedPropKeys = Readonly<Array<PropKeys>>
+
+type FileDropProps = FileDropOwnProps & WithStyleProps
+
+const propTypes: PropValidators<PropKeys> = {
+  /**
+   * The id of the input (to link it to its label for a11y)
+   */
+  id: PropTypes.string,
+  /**
+   * The content of FileDrop; can be a component or React node.
+   * Components receive `isDragAccepted` and `isDragRejected` as props.
+   */
+  renderLabel: PropTypes.oneOfType([PropTypes.func, PropTypes.node]).isRequired,
+  /**
+   * The mime media type/s or file extension/s allowed to be dropped inside
+   */
+  accept: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.arrayOf(PropTypes.string)
+  ]),
+  /**
+   * object with shape: `{
+   * text: PropTypes.string,
+   * type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
+   *   }`
+   */
+  messages: PropTypes.arrayOf(FormPropTypes.message),
+  /**
+   * Called when clicking on drop area to select files to upload
+   */
+  onClick: PropTypes.func,
+  /**
+   * Called when dropping files or when file dialog window exits successfully
+   */
+  onDrop: PropTypes.func,
+  /**
+   * Called when dropping allowed files
+   */
+  onDropAccepted: PropTypes.func,
+  /**
+   * Called when dropping rejected files
+   */
+  onDropRejected: PropTypes.func,
+  /**
+   * Called when dragging files
+   * and passing through FileDrop's content for the first time
+   */
+  onDragEnter: PropTypes.func,
+  /**
+   * Called when dragging files and passing through FileDrop's content
+   */
+  onDragOver: PropTypes.func,
+  /**
+   * Called when dragging files and leaving FileDrop's content
+   */
+  onDragLeave: PropTypes.func,
+  /**
+   * Flag to use window.URL.createObjectURL for each dropped file and pass it through file.preview
+   */
+  shouldEnablePreview: PropTypes.bool,
+  /**
+   * Flag to allow multiple files to drop at once
+   */
+  shouldAllowMultiple: PropTypes.bool,
+  /**
+   * Flag to allow upload of the same file more than once
+   */
+  shouldAllowRepeats: PropTypes.bool,
+  /**
+   * the maximum file size allowed
+   */
+  maxSize: PropTypes.number,
+  /**
+   * the minimum file size allowed
+   */
+  minSize: PropTypes.number,
+  /**
+   * Specifies if interaction with the input is enabled, disabled, or readonly.
+   */
+  interaction: PropTypes.oneOf(['enabled', 'disabled', 'readonly']),
+  /**
+   * Set the CSS `display` property on FileInput's outermost element
+   */
+  display: PropTypes.oneOf(['block', 'inline-block']),
+  /**
+   * Set the CSS `height` property on FileInput's outermost element
+   */
+  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  /**
+   * Set the CSS `width` property on FileInput's outermost element
+   */
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  /**
+   * Set the CSS `maxWidth` property on FileInput's outermost element
+   */
+  maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  /**
+   * Set the CSS `minWidth` property on FileInput's outermost element
+   */
+  minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  /**
+   * Valid values are 0, none, auto, xxx-small, xx-small, x-small, small,
+   * medium, large, x-large, xx-large. Apply these values via familiar
+   * CSS-like shorthand. For example: margin="small auto large".
+   */
+  margin: ThemeablePropTypes.spacing
+}
+
+const allowedProps: AllowedPropKeys = [
+  'id',
+  'renderLabel',
+  'accept',
+  'messages',
+  'onClick',
+  'onDrop',
+  'onDropAccepted',
+  'onDropRejected',
+  'onDragEnter',
+  'onDragOver',
+  'onDragLeave',
+  'shouldEnablePreview',
+  'shouldAllowMultiple',
+  'shouldAllowRepeats',
+  'maxSize',
+  'minSize',
+  'interaction',
+  'display',
+  'height',
+  'width',
+  'maxWidth',
+  'minWidth',
+  'margin'
+]
+
+export type { FileDropProps, FileDropState, FileDropStyleProps }
+export { propTypes, allowedProps }

package/src/FileDrop/styles.ts

@@ -23,7 +23,7 @@
  */
 
 import { FileDropTheme } from '@instructure/shared-types'
-import { FileDropProps, FileDropStyleProps } from './types'
+import { FileDropProps, FileDropStyleProps } from './props'
 
 /**
  * ---

package/src/index.ts

@@ -23,4 +23,4 @@
  */
 
 export { FileDrop } from './FileDrop'
-export type { FileDropProps } from './FileDrop/types'
+export type { FileDropProps } from './FileDrop/props'

package/types/FileDrop/index.d.ts

@@ -1,8 +1,7 @@
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
-import { FileDropProps, FileDropState, FileDropStyleProps } from './types';
+import type { FileDropProps, FileDropState, FileDropStyleProps } from './props';
 /**
 ---
 category: components
@@ -10,112 +9,56 @@ category: components
 **/
 declare class FileDrop extends Component<FileDropProps, FileDropState> {
     static readonly componentId = "FileDrop";
-    static propTypes: {
-        /**
-         * The id of the input (to link it to its label for a11y)
-         */
-        id: PropTypes.Requireable<string>;
-        /**
-         * The content of FileDrop; can be a component or React node.
-         * Components receive `isDragAccepted` and `isDragRejected` as props.
-         */
-        renderLabel: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /**
-         * The mime media type/s or file extension/s allowed to be dropped inside
-         */
-        accept: PropTypes.Requireable<string | (string | null | undefined)[]>;
-        /**
-         * object with shape: `{
-         * text: PropTypes.string,
-         * type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
-         *   }`
-         */
-        messages: PropTypes.Requireable<(PropTypes.InferProps<{
-            text: PropTypes.Requireable<string>;
-            type: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
-        /**
-         * Called when clicking on drop area to select files to upload
-         */
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Called when dropping files or when file dialog window exits successfully
-         */
-        onDrop: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Called when dropping allowed files
-         */
-        onDropAccepted: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Called when dropping rejected files
-         */
-        onDropRejected: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Called when dragging files
-         * and passing through FileDrop's content for the first time
-         */
-        onDragEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Called when dragging files and passing through FileDrop's content
-         */
-        onDragOver: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Called when dragging files and leaving FileDrop's content
-         */
-        onDragLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Flag to use window.URL.createObjectURL for each dropped file and pass it through file.preview
-         */
-        shouldEnablePreview: PropTypes.Requireable<boolean>;
-        /**
-         * Flag to allow multiple files to drop at once
-         */
-        shouldAllowMultiple: PropTypes.Requireable<boolean>;
-        /**
-         * Flag to allow upload of the same file more than once
-         */
-        shouldAllowRepeats: PropTypes.Requireable<boolean>;
-        /**
-         * the maximum file size allowed
-         */
-        maxSize: PropTypes.Requireable<number>;
-        /**
-         * the minimum file size allowed
-         */
-        minSize: PropTypes.Requireable<number>;
-        /**
-         * Specifies if interaction with the input is enabled, disabled, or readonly.
-         */
-        interaction: PropTypes.Requireable<string>;
-        /**
-         * Set the CSS `display` property on FileInput's outermost element
-         */
-        display: PropTypes.Requireable<string>;
-        /**
-         * Set the CSS `height` property on FileInput's outermost element
-         */
-        height: PropTypes.Requireable<string | number>;
-        /**
-         * Set the CSS `width` property on FileInput's outermost element
-         */
-        width: PropTypes.Requireable<string | number>;
-        /**
-         * Set the CSS `maxWidth` property on FileInput's outermost element
-         */
-        maxWidth: PropTypes.Requireable<string | number>;
-        /**
-         * Set the CSS `minWidth` property on FileInput's outermost element
-         */
-        minWidth: PropTypes.Requireable<string | number>;
-        /**
-         * Valid values are 0, none, auto, xxx-small, xx-small, x-small, small,
-         * medium, large, x-large, xx-large. Apply these values via familiar
-         * CSS-like shorthand. For example: margin="small auto large".
-         */
-        margin: (props: any, propName: any, componentName: any, location: any) => any;
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        id?: string | undefined;
+        renderLabel: import("react").ReactNode | ((...args: any[]) => any);
+        accept?: string | string[] | undefined;
+        messages?: import("@instructure/ui-form-field").FormMessage[] | undefined;
+        onClick?: ((...args: any[]) => any) | undefined;
+        onDrop?: ((...args: any[]) => any) | undefined;
+        onDropAccepted?: ((...args: any[]) => any) | undefined;
+        onDropRejected?: ((...args: any[]) => any) | undefined;
+        onDragEnter?: ((...args: any[]) => any) | undefined;
+        onDragOver?: ((...args: any[]) => any) | undefined;
+        onDragLeave?: ((...args: any[]) => any) | undefined;
+        shouldEnablePreview?: boolean | undefined;
+        shouldAllowMultiple?: boolean | undefined;
+        shouldAllowRepeats?: boolean | undefined;
+        maxSize?: number | undefined;
+        minSize?: number | undefined;
+        interaction?: "enabled" | "disabled" | "readonly" | undefined;
+        display?: "block" | "inline-block" | undefined;
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        id?: string | undefined;
+        renderLabel: import("react").ReactNode | ((...args: any[]) => any);
+        accept?: string | string[] | undefined;
+        messages?: import("@instructure/ui-form-field").FormMessage[] | undefined;
+        onClick?: ((...args: any[]) => any) | undefined;
+        onDrop?: ((...args: any[]) => any) | undefined;
+        onDropAccepted?: ((...args: any[]) => any) | undefined;
+        onDropRejected?: ((...args: any[]) => any) | undefined;
+        onDragEnter?: ((...args: any[]) => any) | undefined;
+        onDragOver?: ((...args: any[]) => any) | undefined;
+        onDragLeave?: ((...args: any[]) => any) | undefined;
+        shouldEnablePreview?: boolean | undefined;
+        shouldAllowMultiple?: boolean | undefined;
+        shouldAllowRepeats?: boolean | undefined;
+        maxSize?: number | undefined;
+        minSize?: number | undefined;
+        interaction?: "enabled" | "disabled" | "readonly" | undefined;
+        display?: "block" | "inline-block" | undefined;
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+    })[];
     static defaultProps: {
         onClick: (e: any) => void;
         onDrop: (accepted: any, rejected: any, e: any) => void;
@@ -129,16 +72,8 @@ declare class FileDrop extends Component<FileDropProps, FileDropState> {
         shouldAllowRepeats: boolean;
         maxSize: number;
         minSize: number;
-        interaction: undefined;
         messages: never[];
-        id: undefined;
-        accept: undefined;
         display: string;
-        height: undefined;
-        width: undefined;
-        minWidth: undefined;
-        maxWidth: undefined;
-        margin: undefined;
     };
     constructor(props: FileDropProps);
     componentDidMount(): void;

package/types/FileDrop/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FileDrop/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,SAAS,MAAM,YAAY,CAAA;AAclC,OAAO,EAAa,GAAG,EAAsB,MAAM,sBAAsB,CAAA;AAGzE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAkB1E;;;;GAIG;AACH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IAC5D,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,SAAS;QACd;;WAEG;;QAEH;;;WAGG;;QAGH;;WAEG;;QAKH;;;;;WAKG;;;;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;;WAGG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;;;WAIG;;;;MAMJ;IAED,MAAM,CAAC,YAAY;qBAEK,GAAG;2BAEG,GAAG,YAAY,GAAG,KAAK,GAAG;mCAElB,GAAG,KAAK,GAAG;mCAEX,GAAG,KAAK,GAAG;yBAErB,GAAG;wBAEJ,GAAG;yBAEF,GAAG;;;;;;;;;;;;;;;;MAiB9B;gBACW,KAAK,EAAE,aAAa;IAMhC,iBAAiB;IAGjB,kBAAkB;IAGlB,cAAc,QAAO,kBAAkB,CAOtC;IACD,KAAK,EAAE,aAAa,CAKnB;IACD,YAAY,SAAI;IAChB,WAAW,OAAO;IAClB,SAAS,OAAO;IAChB,IAAI,oBAAoB,YAEvB;IACD,IAAI,WAAW,QAId;IACD,IAAI,WAAW,0DAEd;IACD,IAAI,OAAO,QAOV;IACD,oBAAoB,CAAC,CAAC,EAAE,GAAG,EAAE,mBAAmB,EAAE,GAAG;IAYrD,eAAe,MAAO,GAAG,UAexB;IACD,cAAc,MAAO,GAAG,aAWvB;IACD,eAAe,MAAO,GAAG,UAYxB;IACD,UAAU,CAAC,QAAQ,EAAE,GAAG;IAYxB,YAAY,MAAO,GAAG,UA0BrB;IACD,YAAY,SAAU,GAAG,SAExB;IACD,aAAa,CAAC,IAAI,EAAE,GAAG;IAMvB,gBAAgB,CAAC,KAAK,EAAE,GAAG;IAG3B,SAAS;IAIT,WAAW;IAQX,SAAS,OAAQ,GAAG,UAEnB;IACD,UAAU,aAKT;IACD,WAAW,aAKV;IACD,WAAW,MAAO,GAAG,UAapB;IACD,aAAa,MAAO,GAAG,UAgBtB;IACD,WAAW,MAAO,GAAG,UAUpB;IACD,MAAM;CA6EP;AACD,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FileDrop/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAiBjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAkB/E;;;;GAIG;AACH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IAC5D,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;qBAEK,GAAG;2BAEG,GAAG,YAAY,GAAG,KAAK,GAAG;mCAElB,GAAG,KAAK,GAAG;mCAEX,GAAG,KAAK,GAAG;yBAErB,GAAG;wBAEJ,GAAG;yBAEF,GAAG;;;;;;;;MAS9B;gBAEW,KAAK,EAAE,aAAa;IAOhC,iBAAiB;IAIjB,kBAAkB;IAIlB,cAAc,QAAO,kBAAkB,CAOtC;IAED,KAAK,EAAE,aAAa,CAKnB;IAED,YAAY,SAAI;IAChB,WAAW,OAAO;IAClB,SAAS,OAAO;IAEhB,IAAI,oBAAoB,YAEvB;IAED,IAAI,WAAW,QAId;IAED,IAAI,WAAW,0DAEd;IAED,IAAI,OAAO,QAOV;IAED,oBAAoB,CAAC,CAAC,EAAE,GAAG,EAAE,mBAAmB,EAAE,GAAG;IAarD,eAAe,MAAO,GAAG,UAexB;IAED,cAAc,MAAO,GAAG,aAWvB;IAED,eAAe,MAAO,GAAG,UAYxB;IAED,UAAU,CAAC,QAAQ,EAAE,GAAG;IAaxB,YAAY,MAAO,GAAG,UA0BrB;IAED,YAAY,SAAU,GAAG,SAExB;IAED,aAAa,CAAC,IAAI,EAAE,GAAG;IAOvB,gBAAgB,CAAC,KAAK,EAAE,GAAG;IAI3B,SAAS;IAKT,WAAW;IASX,SAAS,OAAQ,GAAG,UAEnB;IAED,UAAU,aAKT;IAED,WAAW,aAKV;IAED,WAAW,MAAO,GAAG,UAapB;IAED,aAAa,MAAO,GAAG,UAgBtB;IAED,WAAW,MAAO,GAAG,UAUpB;IAED,MAAM;CA8EP;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/types/FileDrop/{types.d.ts → props.d.ts}

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import type { FormMessage } from '@instructure/ui-form-field';
-import type { Spacing } from '@instructure/emotion';
-export declare type FileDropProps = {
+import type { Spacing, WithStyleProps } from '@instructure/emotion';
+import type { PropValidators } from '@instructure/shared-types';
+declare type FileDropOwnProps = {
     id?: string;
     renderLabel: ((...args: any[]) => any) | React.ReactNode;
     accept?: string | string[];
@@ -25,19 +26,24 @@ export declare type FileDropProps = {
     maxWidth?: string | number;
     minWidth?: string | number;
     margin?: Spacing;
-    makeStyles?: (...args: any[]) => any;
-    styles?: any;
 };
-export declare type FileDropState = {
+declare type FileDropState = {
     isDragAccepted: boolean;
     isDragRejected: boolean;
     isFocused: boolean;
     isFileBrowserDisplayed: boolean;
 };
-export declare type FileDropStyleProps = {
+declare type FileDropStyleProps = {
     functionallyDisabled: boolean;
     visuallyDisabled: boolean;
     dragRejected: boolean;
     dragAccepted: boolean;
 };
-//# sourceMappingURL=types.d.ts.map
+declare type PropKeys = keyof FileDropOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type FileDropProps = FileDropOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { FileDropProps, FileDropState, FileDropStyleProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map