@instructure/ui-drilldown 11.7.2-snapshot-49 → 11.7.2-snapshot-50

package/CHANGELOG.md

@@ -3,16 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [11.7.2-snapshot-49](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-49) (2026-04-16)
+## [11.7.2-snapshot-50](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-50) (2026-04-21)
 
 
 ### Features
 
+* **many:** rework TopNavBar ([bf40e4f](https://github.com/instructure/instructure-ui/commit/bf40e4f380dce5edc45a0f0bc83d5a5070d3be2b))
 * **ui,ui-options,ui-drilldown:** rework Drilldown ([0562fe2](https://github.com/instructure/instructure-ui/commit/0562fe2b43e3235fc78c4981ada504c1a2f10d1a))
 
 
 ### BREAKING CHANGES
 
+* **many:** contains breaking changes due to component using the new theming system
+
+INSTUI-4967
 * **ui,ui-options,ui-drilldown:** contains breaking changes due to component using the new theming system
 
 INSTUI-4792

package/es/Drilldown/v2/index.js

@@ -1037,12 +1037,20 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle),
       isSelected
     };
 
-    // we need to bind our own option props the render functions
+    // Pre-fill drilldown option props into the render functions
     if (typeof optionProps.renderBeforeLabel === 'function' && !((_optionProps$renderBe = optionProps.renderBeforeLabel) !== null && _optionProps$renderBe !== void 0 && (_optionProps$renderBe2 = _optionProps$renderBe.prototype) !== null && _optionProps$renderBe2 !== void 0 && _optionProps$renderBe2.isReactComponent)) {
-      optionProps.renderBeforeLabel = optionProps.renderBeforeLabel.bind(null, renderLabelProps);
+      const _fn = optionProps.renderBeforeLabel;
+      const _props = renderLabelProps;
+      optionProps.renderBeforeLabel = function DrilldownBeforeLabel(itemProps) {
+        return _fn(_props, itemProps);
+      };
     }
     if (typeof optionProps.renderAfterLabel === 'function' && !((_optionProps$renderAf = optionProps.renderAfterLabel) !== null && _optionProps$renderAf !== void 0 && (_optionProps$renderAf2 = _optionProps$renderAf.prototype) !== null && _optionProps$renderAf2 !== void 0 && _optionProps$renderAf2.isReactComponent)) {
-      optionProps.renderAfterLabel = optionProps.renderAfterLabel.bind(null, renderLabelProps);
+      const _fn = optionProps.renderAfterLabel;
+      const _props = renderLabelProps;
+      optionProps.renderAfterLabel = function DrilldownAfterLabel(itemProps) {
+        return _fn(_props, itemProps);
+      };
     }
     const labelInfo = renderLabelInfo && callRenderProp(renderLabelInfo, renderLabelProps);
     const vAlignMap = {

package/lib/Drilldown/v2/index.js

@@ -27,7 +27,7 @@ var _DrilldownOption = require("./DrilldownOption");
 var _DrilldownGroup = require("./DrilldownGroup");
 var _DrilldownPage = require("./DrilldownPage");
 var _styles = _interopRequireDefault(require("./styles"));
-var _props = require("./props");
+var _props2 = require("./props");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _react2 = require("@emotion/react");
 const _excluded = ["groupProps"],
@@ -1049,12 +1049,20 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
       isSelected
     };
 
-    // we need to bind our own option props the render functions
+    // Pre-fill drilldown option props into the render functions
     if (typeof optionProps.renderBeforeLabel === 'function' && !((_optionProps$renderBe = optionProps.renderBeforeLabel) !== null && _optionProps$renderBe !== void 0 && (_optionProps$renderBe2 = _optionProps$renderBe.prototype) !== null && _optionProps$renderBe2 !== void 0 && _optionProps$renderBe2.isReactComponent)) {
-      optionProps.renderBeforeLabel = optionProps.renderBeforeLabel.bind(null, renderLabelProps);
+      const _fn = optionProps.renderBeforeLabel;
+      const _props = renderLabelProps;
+      optionProps.renderBeforeLabel = function DrilldownBeforeLabel(itemProps) {
+        return _fn(_props, itemProps);
+      };
     }
     if (typeof optionProps.renderAfterLabel === 'function' && !((_optionProps$renderAf = optionProps.renderAfterLabel) !== null && _optionProps$renderAf !== void 0 && (_optionProps$renderAf2 = _optionProps$renderAf.prototype) !== null && _optionProps$renderAf2 !== void 0 && _optionProps$renderAf2.isReactComponent)) {
-      optionProps.renderAfterLabel = optionProps.renderAfterLabel.bind(null, renderLabelProps);
+      const _fn = optionProps.renderAfterLabel;
+      const _props = renderLabelProps;
+      optionProps.renderAfterLabel = function DrilldownAfterLabel(itemProps) {
+        return _fn(_props, itemProps);
+      };
     }
     const labelInfo = renderLabelInfo && (0, _callRenderProp.callRenderProp)(renderLabelInfo, renderLabelProps);
     const vAlignMap = {
@@ -1349,7 +1357,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
       children: this.renderPage()
     }) : this.renderPage();
   }
-}, _Drilldown.displayName = "Drilldown", _Drilldown.componentId = 'Drilldown', _Drilldown.allowedProps = _props.allowedProps, _Drilldown.defaultProps = {
+}, _Drilldown.displayName = "Drilldown", _Drilldown.componentId = 'Drilldown', _Drilldown.allowedProps = _props2.allowedProps, _Drilldown.defaultProps = {
   disabled: false,
   rotateFocus: true,
   as: 'ul',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-drilldown",
-  "version": "11.7.2-snapshot-49",
+  "version": "11.7.2-snapshot-50",
   "description": "A drilldown menu component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,29 +15,29 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.27.6",
-    "@instructure/console": "11.7.2-snapshot-49",
-    "@instructure/ui-dom-utils": "11.7.2-snapshot-49",
-    "@instructure/emotion": "11.7.2-snapshot-49",
-    "@instructure/shared-types": "11.7.2-snapshot-49",
-    "@instructure/ui-icons": "11.7.2-snapshot-49",
-    "@instructure/ui-options": "11.7.2-snapshot-49",
-    "@instructure/ui-popover": "11.7.2-snapshot-49",
-    "@instructure/ui-react-utils": "11.7.2-snapshot-49",
-    "@instructure/ui-position": "11.7.2-snapshot-49",
-    "@instructure/ui-utils": "11.7.2-snapshot-49",
-    "@instructure/ui-selectable": "11.7.2-snapshot-49",
-    "@instructure/ui-view": "11.7.2-snapshot-49"
+    "@instructure/console": "11.7.2-snapshot-50",
+    "@instructure/shared-types": "11.7.2-snapshot-50",
+    "@instructure/ui-dom-utils": "11.7.2-snapshot-50",
+    "@instructure/ui-icons": "11.7.2-snapshot-50",
+    "@instructure/emotion": "11.7.2-snapshot-50",
+    "@instructure/ui-options": "11.7.2-snapshot-50",
+    "@instructure/ui-popover": "11.7.2-snapshot-50",
+    "@instructure/ui-position": "11.7.2-snapshot-50",
+    "@instructure/ui-selectable": "11.7.2-snapshot-50",
+    "@instructure/ui-react-utils": "11.7.2-snapshot-50",
+    "@instructure/ui-utils": "11.7.2-snapshot-50",
+    "@instructure/ui-view": "11.7.2-snapshot-50"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "15.0.7",
     "@testing-library/user-event": "^14.6.1",
     "vitest": "^3.2.2",
-    "@instructure/ui-axe-check": "11.7.2-snapshot-49",
-    "@instructure/ui-babel-preset": "11.7.2-snapshot-49",
-    "@instructure/ui-color-utils": "11.7.2-snapshot-49",
-    "@instructure/ui-scripts": "11.7.2-snapshot-49",
-    "@instructure/ui-themes": "11.7.2-snapshot-49"
+    "@instructure/ui-axe-check": "11.7.2-snapshot-50",
+    "@instructure/ui-babel-preset": "11.7.2-snapshot-50",
+    "@instructure/ui-color-utils": "11.7.2-snapshot-50",
+    "@instructure/ui-scripts": "11.7.2-snapshot-50",
+    "@instructure/ui-themes": "11.7.2-snapshot-50"
   },
   "peerDependencies": {
     "react": ">=18 <=19"

package/src/Drilldown/v2/index.tsx

@@ -1307,22 +1307,36 @@ class Drilldown extends Component<DrilldownProps, DrilldownState> {
       isSelected
     }
 
-    // we need to bind our own option props the render functions
+    // Pre-fill drilldown option props into the render functions
     if (
       typeof optionProps.renderBeforeLabel === 'function' &&
       !optionProps.renderBeforeLabel?.prototype?.isReactComponent
     ) {
-      optionProps.renderBeforeLabel = (
-        optionProps.renderBeforeLabel as (args: any) => ReactNode
-      ).bind(null, renderLabelProps)
+      const _fn = optionProps.renderBeforeLabel as (
+        drilldownProps: any,
+        itemProps: any
+      ) => ReactNode
+      const _props = renderLabelProps
+      optionProps.renderBeforeLabel = function DrilldownBeforeLabel(
+        itemProps: any
+      ) {
+        return _fn(_props, itemProps)
+      }
     }
     if (
       typeof optionProps.renderAfterLabel === 'function' &&
       !optionProps.renderAfterLabel?.prototype?.isReactComponent
     ) {
-      optionProps.renderAfterLabel = (
-        optionProps.renderAfterLabel as (args: any) => ReactNode
-      ).bind(null, renderLabelProps)
+      const _fn = optionProps.renderAfterLabel as (
+        drilldownProps: any,
+        itemProps: any
+      ) => ReactNode
+      const _props = renderLabelProps
+      optionProps.renderAfterLabel = function DrilldownAfterLabel(
+        itemProps: any
+      ) {
+        return _fn(_props, itemProps)
+      }
     }
 
     const labelInfo =