@instructure/ui-toggle-details 10.23.1-snapshot-4 → 10.23.1-snapshot-5

package/CHANGELOG.md

@@ -3,9 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [10.23.1-snapshot-4](https://github.com/instructure/instructure-ui/compare/v10.23.0...v10.23.1-snapshot-4) (2025-07-18)
+## [10.23.1-snapshot-5](https://github.com/instructure/instructure-ui/compare/v10.23.0...v10.23.1-snapshot-5) (2025-07-18)
 
-**Note:** Version bump only for package @instructure/ui-toggle-details
+
+### Bug Fixes
+
+* **ui-toggle-details,ui-expandable:** improve typing for onClick prop ([e086e31](https://github.com/instructure/instructure-ui/commit/e086e3194f93565a0314233a10bba804f48c3a16))
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-toggle-details",
-  "version": "10.23.1-snapshot-4",
+  "version": "10.23.1-snapshot-5",
   "description": "A styled toggleable, accordion-like component.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,9 +23,9 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-axe-check": "10.23.1-snapshot-4",
-    "@instructure/ui-babel-preset": "10.23.1-snapshot-4",
-    "@instructure/ui-themes": "10.23.1-snapshot-4",
+    "@instructure/ui-axe-check": "10.23.1-snapshot-5",
+    "@instructure/ui-babel-preset": "10.23.1-snapshot-5",
+    "@instructure/ui-themes": "10.23.1-snapshot-5",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.6.1",
@@ -33,20 +33,20 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.27.6",
-    "@instructure/emotion": "10.23.1-snapshot-4",
-    "@instructure/shared-types": "10.23.1-snapshot-4",
-    "@instructure/ui-buttons": "10.23.1-snapshot-4",
-    "@instructure/ui-dom-utils": "10.23.1-snapshot-4",
-    "@instructure/ui-expandable": "10.23.1-snapshot-4",
-    "@instructure/ui-flex": "10.23.1-snapshot-4",
-    "@instructure/ui-icons": "10.23.1-snapshot-4",
-    "@instructure/ui-motion": "10.23.1-snapshot-4",
-    "@instructure/ui-prop-types": "10.23.1-snapshot-4",
-    "@instructure/ui-react-utils": "10.23.1-snapshot-4",
-    "@instructure/ui-testable": "10.23.1-snapshot-4",
-    "@instructure/ui-utils": "10.23.1-snapshot-4",
-    "@instructure/ui-view": "10.23.1-snapshot-4",
-    "@instructure/uid": "10.23.1-snapshot-4",
+    "@instructure/emotion": "10.23.1-snapshot-5",
+    "@instructure/shared-types": "10.23.1-snapshot-5",
+    "@instructure/ui-buttons": "10.23.1-snapshot-5",
+    "@instructure/ui-dom-utils": "10.23.1-snapshot-5",
+    "@instructure/ui-expandable": "10.23.1-snapshot-5",
+    "@instructure/ui-flex": "10.23.1-snapshot-5",
+    "@instructure/ui-icons": "10.23.1-snapshot-5",
+    "@instructure/ui-motion": "10.23.1-snapshot-5",
+    "@instructure/ui-prop-types": "10.23.1-snapshot-5",
+    "@instructure/ui-react-utils": "10.23.1-snapshot-5",
+    "@instructure/ui-testable": "10.23.1-snapshot-5",
+    "@instructure/ui-utils": "10.23.1-snapshot-5",
+    "@instructure/ui-view": "10.23.1-snapshot-5",
+    "@instructure/uid": "10.23.1-snapshot-5",
     "prop-types": "^15.8.1"
   },
   "peerDependencies": {

package/src/ToggleDetails/index.tsx

@@ -39,6 +39,7 @@ import generateComponentTheme from './theme'
 import type { ToggleDetailsProps } from './props'
 import { allowedProps, propTypes } from './props'
 import type { ExpandableToggleProps } from '@instructure/ui-expandable'
+import type { ViewProps } from '@instructure/ui-view'
 
 /**
 ---
@@ -168,7 +169,10 @@ class ToggleDetails extends Component<ToggleDetailsProps> {
     return <div css={this.props.styles?.content}>{this.props.children}</div>
   }
 
-  handleToggle = (event: React.MouseEvent, expanded: boolean) => {
+  handleToggle = (
+    event: React.KeyboardEvent<ViewProps> | React.MouseEvent<ViewProps>,
+    expanded: boolean
+  ) => {
     if (typeof this.props.onToggle === 'function') {
       this.props.onToggle(event, expanded)
     }

package/src/ToggleDetails/props.ts

@@ -33,6 +33,7 @@ import type {
   ToggleDetailsTheme
 } from '@instructure/shared-types'
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
+import type { ViewProps } from '@instructure/ui-view'
 
 type ToggleDetailsOwnProps = {
   variant?: 'default' | 'filled'
@@ -48,7 +49,10 @@ type ToggleDetailsOwnProps = {
    * Whether the content is initially expanded or hidden (uncontrolled)
    */
   defaultExpanded?: boolean
-  onToggle?: (event: React.MouseEvent, expanded: boolean) => void
+  onToggle?: (
+    event: React.KeyboardEvent<ViewProps> | React.MouseEvent<ViewProps>,
+    expanded: boolean
+  ) => void
   /**
    * The icon to display next to the summary text when content is hidden
    */