@instructure/ui-toggle-details 8.24.4 → 8.24.6-snapshot.8

package/types/ToggleDetails/index.d.ts

@@ -1,40 +1,42 @@
 /** @jsx jsx */
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { IconArrowOpenEndSolid, IconArrowOpenDownSolid } from '@instructure/ui-icons';
 import { jsx } from '@instructure/emotion';
 import type { ToggleDetailsProps } from './props';
+import type { ExpandableToggleProps } from '@instructure/ui-expandable';
 /**
 ---
 category: components
 ---
+@tsProps
 **/
 declare class ToggleDetails extends Component<ToggleDetailsProps> {
     static readonly componentId = "ToggleDetails";
     static allowedProps: readonly (keyof {
         variant?: "default" | "filled" | undefined;
-        summary: import("react").ReactNode;
+        summary: React.ReactNode;
         expanded?: boolean | undefined;
         defaultExpanded?: boolean | undefined;
-        onToggle?: ((...args: any[]) => any) | undefined;
-        icon?: ((...args: any[]) => any) | undefined;
-        iconExpanded?: ((...args: any[]) => any) | undefined;
+        onToggle?: ((event: React.MouseEvent<Element, MouseEvent>, expanded: boolean) => void) | undefined;
+        icon?: ((...args: any[]) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) | undefined;
+        iconExpanded?: ((...args: any[]) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) | undefined;
         iconPosition?: "start" | "end" | undefined;
         fluidWidth?: boolean | undefined;
         size?: "small" | "medium" | "large" | undefined;
-        children?: import("react").ReactNode;
+        children?: React.ReactNode;
     })[];
     static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
         variant?: "default" | "filled" | undefined;
-        summary: import("react").ReactNode;
+        summary: React.ReactNode;
         expanded?: boolean | undefined;
         defaultExpanded?: boolean | undefined;
-        onToggle?: ((...args: any[]) => any) | undefined;
-        icon?: ((...args: any[]) => any) | undefined;
-        iconExpanded?: ((...args: any[]) => any) | undefined;
+        onToggle?: ((event: React.MouseEvent<Element, MouseEvent>, expanded: boolean) => void) | undefined;
+        icon?: ((...args: any[]) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) | undefined;
+        iconExpanded?: ((...args: any[]) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) | undefined;
         iconPosition?: "start" | "end" | undefined;
         fluidWidth?: boolean | undefined;
         size?: "small" | "medium" | "large" | undefined;
-        children?: import("react").ReactNode;
+        children?: React.ReactNode;
     }>;
     static defaultProps: {
         variant: string;
@@ -44,21 +46,23 @@ declare class ToggleDetails extends Component<ToggleDetailsProps> {
         iconExpanded: typeof IconArrowOpenDownSolid;
         iconPosition: string;
         defaultExpanded: boolean;
-        onToggle: (event: any, expanded: any) => void;
         children: null;
     };
     ref: Element | null;
+    _button: HTMLElement | null;
     get focused(): boolean;
     focus(): void;
     componentDidMount(): void;
     componentDidUpdate(): void;
-    getButtonRef: (el: any) => any;
-    renderSummary(expanded: any): jsx.JSX.Element;
-    renderToggle(toggleProps: any, expanded: any): jsx.JSX.Element;
-    renderIcon(expanded: any): jsx.JSX.Element | null;
-    renderDetails(expanded: any, detailsProps: any): jsx.JSX.Element;
+    getButtonRef: (el: Element | null) => HTMLElement;
+    renderSummary(expanded: boolean): jsx.JSX.Element;
+    renderToggle(toggleProps: ReturnType<ExpandableToggleProps>, expanded: boolean): jsx.JSX.Element;
+    renderIcon(expanded: boolean): jsx.JSX.Element | null;
+    renderDetails(expanded: boolean, detailsProps: {
+        id: string;
+    }): jsx.JSX.Element;
     renderContent(): jsx.JSX.Element;
-    handleToggle: (event: any, expanded: any) => void;
+    handleToggle: (event: React.MouseEvent, expanded: boolean) => void;
     render(): jsx.JSX.Element;
 }
 export default ToggleDetails;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ToggleDetails/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACvB,MAAM,uBAAuB,CAAA;AAM9B,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,kBAAkB,EAA2B,MAAM,SAAS,CAAA;AAG1E;;;;GAIG;AACH,cAEM,aAAc,SAAQ,SAAS,CAAC,kBAAkB,CAAC;IACvD,MAAM,CAAC,QAAQ,CAAC,WAAW,mBAAkB;IAC7C,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;MAWlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,IAAI,OAAO,YAGV;IAED,KAAK;IAKL,iBAAiB;IAIjB,kBAAkB;IAKlB,YAAY,mBAA8B;IAG1C,aAAa,CAAC,QAAQ,KAAA;IAatB,YAAY,CAAC,WAAW,KAAA,EAAE,QAAQ,KAAA;IA4ClC,UAAU,CAAC,QAAQ,KAAA;IAYnB,aAAa,CAAC,QAAQ,KAAA,EAAE,YAAY,KAAA;IAUpC,aAAa;IAKb,YAAY,sCAIX;IAED,MAAM;CAsBP;AAED,eAAe,aAAa,CAAA;AAC5B,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ToggleDetails/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACvB,MAAM,uBAAuB,CAAA;AAM9B,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAGrD,OAAO,KAAK,EAAE,kBAAkB,EAA2B,MAAM,SAAS,CAAA;AAE1E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAEvE;;;;;GAKG;AACH,cAEM,aAAc,SAAQ,SAAS,CAAC,kBAAkB,CAAC;IACvD,MAAM,CAAC,QAAQ,CAAC,WAAW,mBAAkB;IAC7C,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;MASlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAC1B,OAAO,EAAE,WAAW,GAAG,IAAI,CAAO;IAElC,IAAI,OAAO,YAEV;IAED,KAAK;IAIL,iBAAiB;IAIjB,kBAAkB;IAIlB,YAAY,OAAQ,OAAO,GAAG,IAAI,iBAAuC;IAEzE,aAAa,CAAC,QAAQ,EAAE,OAAO;IAY/B,YAAY,CACV,WAAW,EAAE,UAAU,CAAC,qBAAqB,CAAC,EAC9C,QAAQ,EAAE,OAAO;IA2CnB,UAAU,CAAC,QAAQ,EAAE,OAAO;IAU5B,aAAa,CAAC,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE;IAU7D,aAAa;IAIb,YAAY,UAAW,gBAAgB,YAAY,OAAO,UAKzD;IAED,MAAM;CAsBP;AAED,eAAe,aAAa,CAAA;AAC5B,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/types/ToggleDetails/props.d.ts

@@ -3,15 +3,42 @@ import type { OtherHTMLAttributes, PropValidators, ToggleDetailsTheme } from '@i
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
 declare type ToggleDetailsOwnProps = {
     variant?: 'default' | 'filled';
+    /**
+     * The summary that displays and can be interacted with
+     */
     summary: React.ReactNode;
+    /**
+     * Whether the content is expanded or hidden
+     */
     expanded?: boolean;
+    /**
+     * Whether the content is initially expanded or hidden (uncontrolled)
+     */
     defaultExpanded?: boolean;
-    onToggle?: (...args: any[]) => any;
-    icon?: (...args: any[]) => any;
-    iconExpanded?: (...args: any[]) => any;
+    onToggle?: (event: React.MouseEvent, expanded: boolean) => void;
+    /**
+     * The icon to display next to the summary text when content is hidden
+     */
+    icon?: (...args: any[]) => React.ReactElement;
+    /**
+     * The icon to display when content is expanded
+     */
+    iconExpanded?: (...args: any[]) => React.ReactElement;
+    /**
+     * Icon position at the start or end of the summary text
+     */
     iconPosition?: 'start' | 'end';
+    /**
+     * should the summary fill the width of its container
+     */
     fluidWidth?: boolean;
+    /**
+     * Choose a size for the expand/collapse icon
+     */
     size?: 'small' | 'medium' | 'large';
+    /**
+     * The toggleable content passed inside the ToggleDetails component
+     */
     children?: React.ReactNode;
 };
 declare type PropKeys = keyof ToggleDetailsOwnProps;

package/types/ToggleDetails/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ToggleDetails/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,kBAAkB,EACnB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,qBAAqB,GAAG;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAC9B,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACtC,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,qBAAqB,CAAA;AAE3C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,kBAAkB,GAAG,qBAAqB,GAC7C,cAAc,CAAC,kBAAkB,EAAE,kBAAkB,CAAC,GACtD,mBAAmB,CAAC,qBAAqB,CAAC,CAAA;AAE5C,aAAK,kBAAkB,GAAG,cAAc,CACpC,eAAe,GACf,SAAS,GACT,aAAa,GACb,QAAQ,GACR,MAAM,GACN,SAAS,GACT,SAAS,CACZ,CAAA;AAED,aAAK,uBAAuB,GAAG;IAC7B,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAuCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,CAAA;AAC/E,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ToggleDetails/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,kBAAkB,EACnB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,qBAAqB,GAAG;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC9B;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/D;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,YAAY,CAAA;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,YAAY,CAAA;IACrD;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,qBAAqB,CAAA;AAE3C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,kBAAkB,GAAG,qBAAqB,GAC7C,cAAc,CAAC,kBAAkB,EAAE,kBAAkB,CAAC,GACtD,mBAAmB,CAAC,qBAAqB,CAAC,CAAA;AAE5C,aAAK,kBAAkB,GAAG,cAAc,CACpC,eAAe,GACf,SAAS,GACT,aAAa,GACb,QAAQ,GACR,MAAM,GACN,SAAS,GACT,SAAS,CACZ,CAAA;AAED,aAAK,uBAAuB,GAAG;IAC7B,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAYvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,CAAA;AAC/E,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/ToggleGroup/index.d.ts

@@ -1,40 +1,42 @@
 import React, { Component } from 'react';
+import type { ExpandableToggleProps } from '@instructure/ui-expandable';
 import { IconArrowOpenEndSolid, IconArrowOpenDownSolid } from '@instructure/ui-icons';
 import type { ToggleGroupProps } from './props';
 /**
 ---
 category: components
 ---
+@tsProps
 **/
 declare class ToggleGroup extends Component<ToggleGroupProps> {
     static readonly componentId = "ToggleGroup";
     static allowedProps: readonly (keyof {
         children: React.ReactNode;
         summary: React.ReactNode;
-        toggleLabel: React.ReactNode | ((...args: any[]) => any);
+        toggleLabel: React.ReactNode | ((expanded: boolean) => React.ReactNode);
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
         elementRef?: ((element: Element | null) => void) | undefined;
         size?: "small" | "medium" | "large" | undefined;
-        expanded?: any;
+        expanded?: boolean | undefined;
         defaultExpanded?: boolean | undefined;
-        onToggle?: ((...args: any[]) => any) | undefined;
-        icon?: React.ReactNode | ((...args: any[]) => any);
-        iconExpanded?: React.ReactNode | ((...args: any[]) => any);
+        onToggle?: ((event: React.MouseEvent<Element, MouseEvent>, expanded: boolean) => void) | undefined;
+        icon?: React.ReactNode | ((...args: any[]) => React.ReactElement<any, string | React.JSXElementConstructor<any>>);
+        iconExpanded?: React.ReactNode | ((...args: any[]) => React.ReactElement<any, string | React.JSXElementConstructor<any>>);
         transition?: boolean | undefined;
         border?: boolean | undefined;
     })[];
     static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
         children: React.ReactNode;
         summary: React.ReactNode;
-        toggleLabel: React.ReactNode | ((...args: any[]) => any);
+        toggleLabel: React.ReactNode | ((expanded: boolean) => React.ReactNode);
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
         elementRef?: ((element: Element | null) => void) | undefined;
         size?: "small" | "medium" | "large" | undefined;
-        expanded?: any;
+        expanded?: boolean | undefined;
         defaultExpanded?: boolean | undefined;
-        onToggle?: ((...args: any[]) => any) | undefined;
-        icon?: React.ReactNode | ((...args: any[]) => any);
-        iconExpanded?: React.ReactNode | ((...args: any[]) => any);
+        onToggle?: ((event: React.MouseEvent<Element, MouseEvent>, expanded: boolean) => void) | undefined;
+        icon?: React.ReactNode | ((...args: any[]) => React.ReactElement<any, string | React.JSXElementConstructor<any>>);
+        iconExpanded?: React.ReactNode | ((...args: any[]) => React.ReactElement<any, string | React.JSXElementConstructor<any>>);
         transition?: boolean | undefined;
         border?: boolean | undefined;
     }>;
@@ -43,23 +45,23 @@ declare class ToggleGroup extends Component<ToggleGroupProps> {
         readonly icon: typeof IconArrowOpenEndSolid;
         readonly iconExpanded: typeof IconArrowOpenDownSolid;
         readonly defaultExpanded: false;
-        readonly onToggle: (event: any, expanded: any) => void;
         readonly transition: true;
         readonly as: "span";
-        readonly elementRef: (el: any) => void;
         readonly border: true;
     };
     ref: Element | null;
-    _button: Element | null;
+    _button: HTMLElement | null;
     _shouldTransition: boolean;
     handleRef: (el: Element | null) => void;
     handleButtonRef: (el: Element | null) => void;
     get focused(): boolean;
     focus(): void;
     componentDidMount(): void;
-    renderIcon(expanded: any): JSX.Element;
-    renderToggle(toggleProps: any, expanded: any): JSX.Element;
-    renderDetails(detailsProps: any): JSX.Element;
+    renderIcon(expanded: boolean): any;
+    renderToggle(toggleProps: ReturnType<ExpandableToggleProps>, expanded: boolean): JSX.Element;
+    renderDetails(detailsProps: {
+        id: string;
+    }): JSX.Element;
     render(): JSX.Element;
 }
 export default ToggleGroup;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ToggleGroup/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAaxC,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACvB,MAAM,uBAAuB,CAAA;AAE9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG/C;;;;GAIG;AACH,cACM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;MAYT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAC1B,OAAO,EAAE,OAAO,GAAG,IAAI,CAAO;IAC9B,iBAAiB,UAAQ;IAEzB,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,eAAe,OAAQ,OAAO,GAAG,IAAI,UAEpC;IAED,IAAI,OAAO,YAEV;IAED,KAAK;IAKL,iBAAiB;IAKjB,UAAU,CAAC,QAAQ,KAAA;IAOnB,YAAY,CAAC,WAAW,KAAA,EAAE,QAAQ,KAAA;IAuBlC,aAAa,CAAC,YAAY,KAAA;IAkB1B,MAAM;CAyCP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ToggleGroup/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWxC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAIvE,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACvB,MAAM,uBAAuB,CAAA;AAE9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG/C;;;;;GAKG;AACH,cACM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;MAQT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAC1B,OAAO,EAAE,WAAW,GAAG,IAAI,CAAO;IAClC,iBAAiB,UAAQ;IAEzB,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,eAAe,OAAQ,OAAO,GAAG,IAAI,UAEpC;IAED,IAAI,OAAO,YAEV;IAED,KAAK;IAIL,iBAAiB;IAIjB,UAAU,CAAC,QAAQ,EAAE,OAAO;IAK5B,YAAY,CACV,WAAW,EAAE,UAAU,CAAC,qBAAqB,CAAC,EAC9C,QAAQ,EAAE,OAAO;IAyBnB,aAAa,CAAC,YAAY,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE;IAkB1C,MAAM;CAyCP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/types/ToggleGroup/props.d.ts

@@ -1,18 +1,55 @@
 import React from 'react';
 import { AsElementType, OtherHTMLAttributes, PropValidators } from '@instructure/shared-types';
 declare type ToggleGroupOwnProps = {
+    /**
+     * the content to show and hide
+     */
     children: React.ReactNode;
+    /**
+     * the content area next to the toggle button
+     */
     summary: React.ReactNode;
-    toggleLabel: React.ReactNode | ((...args: any[]) => any);
+    /**
+     * provides a screenreader label for the toggle button
+     * (takes `expanded` as an argument if a function)
+     */
+    toggleLabel: React.ReactNode | ((expanded: boolean) => React.ReactNode);
+    /**
+     * the element type to render as
+     */
     as?: AsElementType;
+    /**
+     * provides a reference to the underlying html root element
+     */
     elementRef?: (element: Element | null) => void;
     size?: 'small' | 'medium' | 'large';
-    expanded?: any;
+    /**
+     * Whether the content is expanded or hidden
+     */
+    expanded?: boolean;
+    /**
+     * Whether the content is initially expanded or hidden (uncontrolled)
+     */
     defaultExpanded?: boolean;
-    onToggle?: (...args: any[]) => any;
-    icon?: React.ReactNode | ((...args: any[]) => any);
-    iconExpanded?: React.ReactNode | ((...args: any[]) => any);
+    /**
+     * Fired when the content display is toggled
+     */
+    onToggle?: (event: React.MouseEvent, expanded: boolean) => void;
+    /**
+     * The icon displayed in the toggle button when the content is hidden
+     */
+    icon?: React.ReactNode | ((...args: any[]) => React.ReactElement);
+    /**
+     * The icon displayed in the toggle button when the content is showing
+     */
+    iconExpanded?: React.ReactNode | ((...args: any[]) => React.ReactElement);
+    /**
+     * Transition content into view
+     */
     transition?: boolean;
+    /**
+     * Toggle the border around the component
+     */
     border?: boolean;
 };
 declare type PropKeys = keyof ToggleGroupOwnProps;

package/types/ToggleGroup/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ToggleGroup/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EACL,aAAa,EACb,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,aAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,WAAW,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACxD,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IAClD,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,gBAAgB,GAAG,mBAAmB,GACzC,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;AAE1C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAmDvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAcnB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ToggleGroup/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EACL,aAAa,EACb,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,aAAK,mBAAmB,GAAG;IACzB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB;;;OAGG;IACH,WAAW,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,QAAQ,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IACvE;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/D;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,YAAY,CAAC,CAAA;IACjE;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,YAAY,CAAC,CAAA;IACzE;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,gBAAgB,GAAG,mBAAmB,GACzC,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;AAE1C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAcvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAcnB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}