@instructure/ui-table 8.8.1-snapshot.3 → 8.9.0

package/src/Table/RowHeader/{types.ts → props.ts}

@@ -22,9 +22,34 @@
  * SOFTWARE.
  */
 
-export type TableRowHeaderProps = {
-  makeStyles?: (...args: any[]) => any
-  styles?: any
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import type { PropValidators } from '@instructure/shared-types'
+import type { WithStyleProps } from '@instructure/emotion'
+
+type TableRowHeaderOwnProps = {
   isStacked?: boolean
   textAlign?: 'start' | 'center' | 'end'
+  children?: React.ReactNode | ((...args: any[]) => React.ReactNode)
 }
+
+type PropKeys = keyof TableRowHeaderOwnProps
+
+type AllowedPropKeys = Readonly<Array<PropKeys>>
+
+type TableRowHeaderProps = TableRowHeaderOwnProps & WithStyleProps
+
+const propTypes: PropValidators<PropKeys> = {
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  isStacked: PropTypes.bool,
+  /**
+   * Control the text alignment in row header
+   */
+  textAlign: PropTypes.oneOf(['start', 'center', 'end'])
+}
+
+const allowedProps: AllowedPropKeys = ['children', 'isStacked', 'textAlign']
+
+export type { TableRowHeaderProps }
+export { propTypes, allowedProps }

package/src/Table/RowHeader/styles.ts

@@ -23,7 +23,7 @@
  */
 
 import { TableRowHeaderTheme } from '@instructure/shared-types'
-import { TableRowHeaderProps } from './types'
+import { TableRowHeaderProps } from './props'
 
 /**
  * ---

package/src/Table/index.tsx

@@ -24,18 +24,16 @@
 
 /** @jsx jsx */
 import { Component, Children, ReactElement } from 'react'
-import PropTypes from 'prop-types'
 
 import {
   matchComponentTypes,
   safeCloneElement,
   omitProps
 } from '@instructure/ui-react-utils'
-import { Children as ChildrenPropTypes } from '@instructure/ui-prop-types'
 import { View } from '@instructure/ui-view'
 import { ScreenReaderContent } from '@instructure/ui-a11y-content'
 
-import { withStyle, jsx, ThemeablePropTypes } from '@instructure/emotion'
+import { withStyle, jsx } from '@instructure/emotion'
 
 import generateStyle from './styles'
 import generateComponentTheme from './theme'
@@ -46,7 +44,8 @@ import { Row } from './Row'
 import { ColHeader } from './ColHeader'
 import { RowHeader } from './RowHeader'
 import { Cell } from './Cell'
-import { TableProps } from './types'
+import type { TableProps } from './props'
+import { allowedProps, propTypes } from './props'
 
 /**
 ---
@@ -57,48 +56,13 @@ category: components
 class Table extends Component<TableProps> {
   static readonly componentId = 'Table'
 
-  static propTypes = {
-    // eslint-disable-next-line react/require-default-props
-    makeStyles: PropTypes.func,
-    // eslint-disable-next-line react/require-default-props
-    styles: PropTypes.object,
-    /**
-     * Provide a screen reader friendly description. Anything passed to this
-     * prop will be wrapped by `<ScreenReaderContent>` when it is rendered.
-     */
-    caption: PropTypes.node.isRequired,
-    /**
-     * Build table via `Table.Head` and `Table.Body`
-     */
-    children: ChildrenPropTypes.oneOf([Head, Body]),
-    /**
-     * 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,
-    /**
-     * Provide a reference to the underlying html element
-     */
-    elementRef: PropTypes.func,
-    /**
-     * Highlight each row on hover
-     */
-    hover: PropTypes.bool,
-    /**
-     * `auto` lets the browser determine table column widths based on cell content,
-     * while `fixed` forces columns of equal width. `stacked` renders table in one
-     * column to be more readable on narrow screens
-     */
-    layout: PropTypes.oneOf(['auto', 'fixed', 'stacked'])
-  }
+  static allowedProps = allowedProps
+  static propTypes = propTypes
 
   static defaultProps = {
     children: null,
     hover: false,
-    layout: 'auto',
-    margin: undefined,
-    elementRef: undefined
+    layout: 'auto'
   }
 
   static Head = Head
@@ -109,14 +73,11 @@ class Table extends Component<TableProps> {
   static Cell = Cell
 
   componentDidMount() {
-    // @ts-expect-error ts-migrate(2722) FIXME: Cannot invoke an object which is possibly 'undefin... Remove this comment to see the full error message
-    this.props.makeStyles()
+    this.props.makeStyles?.()
   }
 
-  // @ts-expect-error ts-migrate(6133) FIXME: 'prevProps' is declared but its value is never rea... Remove this comment to see the full error message
-  componentDidUpdate(prevProps, prevState, snapshot) {
-    // @ts-expect-error ts-migrate(2722) FIXME: Cannot invoke an object which is possibly 'undefin... Remove this comment to see the full error message
-    this.props.makeStyles()
+  componentDidUpdate() {
+    this.props.makeStyles?.()
   }
 
   getHeaders() {
@@ -158,9 +119,9 @@ class Table extends Component<TableProps> {
         as={isStacked ? 'div' : 'table'}
         margin={margin}
         elementRef={elementRef}
-        css={styles.table}
-        role={isStacked ? 'table' : null}
-        aria-label={isStacked ? (caption as string) : null}
+        css={styles?.table}
+        role={isStacked ? 'table' : undefined}
+        aria-label={isStacked ? (caption as string) : undefined}
       >
         {!isStacked && (
           <caption>

package/src/Table/props.ts

@@ -0,0 +1,93 @@
+/*
+ * 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 React from 'react'
+import PropTypes from 'prop-types'
+
+import { Children as ChildrenPropTypes } from '@instructure/ui-prop-types'
+import { ThemeablePropTypes } from '@instructure/emotion'
+
+import { Head } from './Head'
+import { Body } from './Body'
+
+import type { Spacing, WithStyleProps } from '@instructure/emotion'
+import type { PropValidators } from '@instructure/shared-types'
+
+type TableOwnProps = {
+  caption: React.ReactNode
+  margin?: Spacing
+  elementRef?: (...args: any[]) => any
+  hover?: boolean
+  layout?: 'auto' | 'fixed' | 'stacked'
+  children?: React.ReactNode
+}
+
+type PropKeys = keyof TableOwnProps
+
+type AllowedPropKeys = Readonly<Array<PropKeys>>
+
+type TableProps = TableOwnProps & WithStyleProps
+
+const propTypes: PropValidators<PropKeys> = {
+  /**
+   * Provide a screen reader friendly description. Anything passed to this
+   * prop will be wrapped by `<ScreenReaderContent>` when it is rendered.
+   */
+  caption: PropTypes.node.isRequired,
+  /**
+   * Build table via `Table.Head` and `Table.Body`
+   */
+  children: ChildrenPropTypes.oneOf([Head, Body]),
+  /**
+   * 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,
+  /**
+   * Provide a reference to the underlying html element
+   */
+  elementRef: PropTypes.func,
+  /**
+   * Highlight each row on hover
+   */
+  hover: PropTypes.bool,
+  /**
+   * `auto` lets the browser determine table column widths based on cell content,
+   * while `fixed` forces columns of equal width. `stacked` renders table in one
+   * column to be more readable on narrow screens
+   */
+  layout: PropTypes.oneOf(['auto', 'fixed', 'stacked'])
+}
+
+const allowedProps: AllowedPropKeys = [
+  'caption',
+  'children',
+  'margin',
+  'elementRef',
+  'hover',
+  'layout'
+]
+
+export type { TableProps }
+export { propTypes, allowedProps }

package/src/Table/styles.ts

@@ -23,7 +23,7 @@
  */
 
 import { TableTheme } from '@instructure/shared-types'
-import { TableProps } from './types'
+import { TableProps } from './props'
 
 /**
  * ---

package/src/index.ts

@@ -23,10 +23,10 @@
  */
 export { Table } from './Table'
 
-export type { TableProps } from './Table/types'
-export type { TableBodyProps } from './Table/Body/types'
-export type { TableCellProps } from './Table/Cell/types'
-export type { TableColHeaderProps } from './Table/ColHeader/types'
-export type { TableHeadProps } from './Table/Head/types'
-export type { TableRowProps } from './Table/Row/types'
-export type { TableRowHeaderProps } from './Table/RowHeader/types'
+export type { TableProps } from './Table/props'
+export type { TableBodyProps } from './Table/Body/props'
+export type { TableCellProps } from './Table/Cell/props'
+export type { TableColHeaderProps } from './Table/ColHeader/props'
+export type { TableHeadProps } from './Table/Head/props'
+export type { TableRowProps } from './Table/Row/props'
+export type { TableRowHeaderProps } from './Table/RowHeader/props'

package/types/Table/Body/index.d.ts

@@ -1,8 +1,7 @@
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
-import { TableBodyProps } from './types';
+import type { TableBodyProps } from './props';
 /**
 ---
 parent: Table
@@ -11,20 +10,18 @@ id: Table.Body
 **/
 declare class Body extends Component<TableBodyProps> {
     static readonly componentId = "Table.Body";
-    static propTypes: {
-        /**
-         * `Table.Row`
-         */
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-        children: {
-            (props: Record<string, any>, propName: string, componentName: string): Error | null;
-            isRequired: (props: Record<string, any>, propName: string, componentName: string, location?: string | undefined, propFullName?: string | undefined) => Error | null;
-        };
-        hover: PropTypes.Requireable<boolean>;
-        isStacked: PropTypes.Requireable<boolean>;
-        headers: PropTypes.Requireable<(string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray | null | undefined)[]>;
-    };
+    static allowedProps: readonly (keyof {
+        hover?: boolean | undefined;
+        isStacked?: boolean | undefined;
+        headers?: (import("react").ReactNode | ((...args: any[]) => any))[] | undefined;
+        children?: import("react").ReactNode;
+    })[];
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        hover?: boolean | undefined;
+        isStacked?: boolean | undefined;
+        headers?: (import("react").ReactNode | ((...args: any[]) => any))[] | undefined;
+        children?: import("react").ReactNode;
+    }>;
     static defaultProps: {
         children: null;
     };

package/types/Table/Body/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/Body/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAA;AACzD,OAAO,SAAS,MAAM,YAAY,CAAA;AASlC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAExC;;;;;GAKG;AACH,cACM,IAAK,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC1C,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAG1C,MAAM,CAAC,SAAS;QACd;;WAEG;;;;;;;;;;MAWJ;IAGD,MAAM,CAAC,YAAY;;MAElB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CAwBP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/Body/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAA;AAQzD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAG7C;;;;;GAKG;AACH,cACM,IAAK,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC1C,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;MAElB;IAED,iBAAiB;IAKjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAIjD,MAAM;CAwBP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/types/Table/Body/props.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { PropValidators } from '@instructure/shared-types';
+import type { WithStyleProps } from '@instructure/emotion';
+declare type TableBodyOwnProps = {
+    hover?: boolean;
+    isStacked?: boolean;
+    headers?: (React.ReactNode | ((...args: any[]) => any))[];
+    children?: React.ReactNode;
+};
+declare type PropKeys = keyof TableBodyOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type TableBodyProps = TableBodyOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { TableBodyProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/Table/Body/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Table/Body/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,aAAK,iBAAiB,GAAG;IACvB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAC,EAAE,CAAA;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,iBAAiB,CAAA;AAEvC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,cAAc,GAAG,iBAAiB,GAAG,cAAc,CAAA;AAExD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAUvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAKnB,CAAA;AAED,YAAY,EAAE,cAAc,EAAE,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Table/Cell/index.d.ts

@@ -1,8 +1,7 @@
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
-import { TableCellProps } from './types';
+import type { TableCellProps } from './props';
 /**
 ---
 parent: Table
@@ -11,23 +10,24 @@ id: Table.Cell
 **/
 declare class Cell extends Component<TableCellProps> {
     static readonly componentId = "Table.Cell";
-    static propTypes: {
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-        children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        isStacked: PropTypes.Requireable<boolean>;
-        header: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /**
-         * Control the text alignment in cell
-         */
-        textAlign: PropTypes.Requireable<string>;
-    };
+    static allowedProps: readonly (keyof {
+        isStacked?: boolean | undefined;
+        header?: import("react").ReactNode | ((...args: any[]) => any);
+        textAlign?: "start" | "center" | "end" | undefined;
+        children?: import("react").ReactNode | ((...args: any[]) => import("react").ReactNode);
+    })[];
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        isStacked?: boolean | undefined;
+        header?: import("react").ReactNode | ((...args: any[]) => any);
+        textAlign?: "start" | "center" | "end" | undefined;
+        children?: import("react").ReactNode | ((...args: any[]) => import("react").ReactNode);
+    }>;
     static defaultProps: {
         textAlign: string;
         children: null;
     };
     componentDidMount(): void;
-    componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
+    componentDidUpdate(): void;
     render(): jsx.JSX.Element;
 }
 export default Cell;

package/types/Table/Cell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/Cell/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,SAAS,MAAM,YAAY,CAAA;AAKlC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAExC;;;;;GAKG;AACH,cACM,IAAK,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC1C,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAG1C,MAAM,CAAC,SAAS;;;;;;QAQd;;WAEG;;MAEJ;IAGD,MAAM,CAAC,YAAY;;;MAGlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CAgBP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/Cell/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAG7C;;;;;GAKG;AACH,cACM,IAAK,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC1C,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;MAGlB;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,MAAM;CAgBP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/types/Table/Cell/props.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { WithStyleProps } from '@instructure/emotion';
+import type { PropValidators } from '@instructure/shared-types';
+declare type TableCellOwnProps = {
+    isStacked?: boolean;
+    header?: React.ReactNode | ((...args: any[]) => any);
+    textAlign?: 'start' | 'center' | 'end';
+    children?: React.ReactNode | ((...args: any[]) => React.ReactNode);
+};
+declare type PropKeys = keyof TableCellOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type TableCellProps = TableCellOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { TableCellProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/Table/Cell/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Table/Cell/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,aAAK,iBAAiB,GAAG;IACvB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACpD,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;CACnE,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,iBAAiB,CAAA;AAEvC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,cAAc,GAAG,iBAAiB,GAAG,cAAc,CAAA;AAExD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAQvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAKnB,CAAA;AAED,YAAY,EAAE,cAAc,EAAE,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Table/Cell/styles.d.ts

@@ -1,5 +1,5 @@
 import { TableCellTheme } from '@instructure/shared-types';
-import { TableCellProps } from './types';
+import { TableCellProps } from './props';
 /**
  * ---
  * private: true

package/types/Table/ColHeader/index.d.ts

@@ -1,8 +1,7 @@
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
-import { TableColHeaderProps } from './types';
+import type { TableColHeaderProps } from './props';
 /**
 ---
 parent: Table
@@ -11,51 +10,34 @@ id: Table.ColHeader
 **/
 declare class ColHeader extends Component<TableColHeaderProps> {
     static readonly componentId = "Table.ColHeader";
-    static propTypes: {
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-        /**
-         * A unique id for this column. The `id` is also used as option in combobox,
-         * when sortable table is in stacked layout,
-         * and no `stackedSortByLabel` is provided.
-         */
-        id: PropTypes.Validator<string>;
-        /**
-         * A custom string to display as option text in the combobox (instead of
-         * using the `id` prop), when sortable table is in stacked layout.
-         */
-        stackedSortByLabel: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /**
-         * Control the width of column.
-         */
-        width: PropTypes.Requireable<string | number>;
-        /**
-         * Control the text alignment in column header
-         */
-        textAlign: PropTypes.Requireable<string>;
-        /**
-         * The string of sorting direction
-         */
-        sortDirection: PropTypes.Requireable<string>;
-        /**
-         * Callback fired when column header is clicked. Parameters: `(event, { id })`
-         */
-        onRequestSort: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * The column header scope attribute. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th#attr-scope
-         */
-        scope: PropTypes.Requireable<string>;
-    };
+    static allowedProps: readonly (keyof {
+        id: string;
+        stackedSortByLabel?: string | undefined;
+        width?: string | number | undefined;
+        textAlign?: "start" | "center" | "end" | undefined;
+        sortDirection?: "none" | "ascending" | "descending" | undefined;
+        onRequestSort?: ((...args: any[]) => any) | undefined;
+        scope?: "row" | "col" | "rowgroup" | "colgroup" | "auto" | undefined;
+        children?: import("react").ReactNode | ((...args: any[]) => import("react").ReactNode);
+    })[];
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        id: string;
+        stackedSortByLabel?: string | undefined;
+        width?: string | number | undefined;
+        textAlign?: "start" | "center" | "end" | undefined;
+        sortDirection?: "none" | "ascending" | "descending" | undefined;
+        onRequestSort?: ((...args: any[]) => any) | undefined;
+        scope?: "row" | "col" | "rowgroup" | "colgroup" | "auto" | undefined;
+        children?: import("react").ReactNode | ((...args: any[]) => import("react").ReactNode);
+    }>;
     static defaultProps: {
         textAlign: string;
         sortDirection: string;
-        stackedSortByLabel: undefined;
         children: null;
         scope: string;
     };
     componentDidMount(): void;
-    componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
+    componentDidUpdate(): void;
     handleClick: (event: any) => void;
     renderSortArrow(): jsx.JSX.Element | null;
     render(): jsx.JSX.Element;