@instructure/ui-drilldown 8.56.3 → 8.56.5-pr-snapshot-1728655013879

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.56.5-pr-snapshot-1728655013879](https://github.com/instructure/instructure-ui/compare/v8.56.4...v8.56.5-pr-snapshot-1728655013879) (2024-10-11)
+
+**Note:** Version bump only for package @instructure/ui-drilldown
+
+
+
+
+
+## [8.56.4](https://github.com/instructure/instructure-ui/compare/v8.56.3...v8.56.4) (2024-10-02)
+
+**Note:** Version bump only for package @instructure/ui-drilldown
+
+
+
+
+
 ## [8.56.3](https://github.com/instructure/instructure-ui/compare/v8.56.2...v8.56.3) (2024-09-18)
 
 **Note:** Version bump only for package @instructure/ui-drilldown

package/lib/Drilldown/DrilldownGroup/props.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = exports.allowedProps = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Children = require("@instructure/ui-prop-types/lib/Children.js");
+var _uiPropTypes = require("@instructure/ui-prop-types");
 var _DrilldownOption = _interopRequireDefault(require("../DrilldownOption"));
 var _DrilldownSeparator = _interopRequireDefault(require("../DrilldownSeparator"));
 /*
@@ -35,7 +35,7 @@ var _DrilldownSeparator = _interopRequireDefault(require("../DrilldownSeparator"
 
 const propTypes = exports.propTypes = {
   id: _propTypes.default.string.isRequired,
-  children: _Children.Children.oneOf([_DrilldownOption.default, _DrilldownSeparator.default]),
+  children: _uiPropTypes.Children.oneOf([_DrilldownOption.default, _DrilldownSeparator.default]),
   renderGroupTitle: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
   withoutSeparators: _propTypes.default.bool,
   disabled: _propTypes.default.bool,

package/lib/Drilldown/DrilldownLocator.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DrilldownLocator = void 0;
-var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
+var _uiTestLocator = require("@instructure/ui-test-locator");
 var _uiTestUtils = require("@instructure/ui-test-utils");
-var _OptionsItemLocator = require("@instructure/ui-options/lib/Options/Item/OptionsItemLocator");
-var _PopoverLocator = require("@instructure/ui-popover/lib/Popover/PopoverLocator");
+var _OptionsItemLocator = require("@instructure/ui-options/es/Options/Item/OptionsItemLocator");
+var _PopoverLocator = require("@instructure/ui-popover/es/Popover/PopoverLocator");
 var _index = require("./index");
 /*
  * The MIT License (MIT)
@@ -99,4 +99,4 @@ const customMethods = {
 };
 
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
-const DrilldownLocator = exports.DrilldownLocator = (0, _locator.locator)(_index.Drilldown.selector, customMethods);
+const DrilldownLocator = exports.DrilldownLocator = (0, _uiTestLocator.locator)(_index.Drilldown.selector, customMethods);

package/lib/Drilldown/DrilldownPage/props.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = exports.allowedProps = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Children = require("@instructure/ui-prop-types/lib/Children.js");
+var _uiPropTypes = require("@instructure/ui-prop-types");
 var _DrilldownGroup = _interopRequireDefault(require("../DrilldownGroup"));
 var _DrilldownOption = _interopRequireDefault(require("../DrilldownOption"));
 var _DrilldownSeparator = _interopRequireDefault(require("../DrilldownSeparator"));
@@ -36,7 +36,7 @@ var _DrilldownSeparator = _interopRequireDefault(require("../DrilldownSeparator"
 
 const propTypes = exports.propTypes = {
   id: _propTypes.default.string.isRequired,
-  children: _Children.Children.oneOf([_DrilldownOption.default, _DrilldownSeparator.default, _DrilldownGroup.default]),
+  children: _uiPropTypes.Children.oneOf([_DrilldownOption.default, _DrilldownSeparator.default, _DrilldownGroup.default]),
   renderTitle: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
   renderActionLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
   renderBackButtonLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),

package/lib/Drilldown/index.js

@@ -9,21 +9,14 @@ exports.default = exports.Drilldown = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _console = require("@instructure/console");
-var _testable = require("@instructure/ui-testable/lib/testable.js");
-var _contains = require("@instructure/ui-dom-utils/lib/contains.js");
-var _containsActiveElement = require("@instructure/ui-dom-utils/lib/containsActiveElement.js");
-var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
-var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
-var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
-var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
-var _View = require("@instructure/ui-view/lib/View");
-var _Options = require("@instructure/ui-options/lib/Options");
-var _Popover = require("@instructure/ui-popover/lib/Popover");
-var _Selectable = require("@instructure/ui-selectable/lib/Selectable");
-var _IconArrowOpenStartSolid = require("@instructure/ui-icons/lib/IconArrowOpenStartSolid.js");
-var _IconArrowOpenEndSolid = require("@instructure/ui-icons/lib/IconArrowOpenEndSolid.js");
-var _IconCheckSolid = require("@instructure/ui-icons/lib/IconCheckSolid.js");
+var _uiTestable = require("@instructure/ui-testable");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiView = require("@instructure/ui-view");
+var _uiOptions = require("@instructure/ui-options");
+var _uiPopover = require("@instructure/ui-popover");
+var _uiSelectable = require("@instructure/ui-selectable");
+var _uiIcons = require("@instructure/ui-icons");
 var _emotion = require("@instructure/emotion");
 var _DrilldownSeparator = require("./DrilldownSeparator");
 var _DrilldownOption = require("./DrilldownOption");
@@ -73,7 +66,7 @@ var _dec, _dec2, _dec3, _class, _class2, _IconArrowOpenEndSoli, _IconArrowOpenSt
 category: components
 ---
 **/
-let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Drilldown extends _react.Component {
+let Drilldown = exports.Drilldown = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Drilldown extends _react.Component {
   constructor(props) {
     super(props);
     this._drilldownRef = null;
@@ -492,7 +485,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
     this.pages.forEach(page => {
       const children = page.props.children;
       this.getChildrenArray(children).forEach(child => {
-        if ((0, _matchComponentTypes.matchComponentTypes)(child, [_DrilldownGroup.DrilldownGroup])) {
+        if ((0, _uiReactUtils.matchComponentTypes)(child, [_DrilldownGroup.DrilldownGroup])) {
           var _this$getChildrenArra;
           const _child$props = child.props,
             groupId = _child$props.id,
@@ -512,7 +505,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
           }
           selectedGroupOptionsMap[groupId] = new Map();
           (_this$getChildrenArra = this.getChildrenArray(groupChildren)) === null || _this$getChildrenArra === void 0 ? void 0 : _this$getChildrenArra.forEach(groupChild => {
-            if ((0, _matchComponentTypes.matchComponentTypes)(groupChild, [_DrilldownOption.DrilldownOption])) {
+            if ((0, _uiReactUtils.matchComponentTypes)(groupChild, [_DrilldownOption.DrilldownOption])) {
               const _groupChild$props = groupChild.props,
                 optionId = _groupChild$props.id,
                 optionValue = _groupChild$props.value,
@@ -554,8 +547,8 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
 
     // Back navigation option
     if (this.previousPage) {
-      const prevPageTitle = (0, _callRenderProp.callRenderProp)(this.previousPage.renderTitle);
-      const backButtonLabel = (0, _callRenderProp.callRenderProp)(renderBackButtonLabel, prevPageTitle);
+      const prevPageTitle = (0, _uiReactUtils.callRenderProp)(this.previousPage.renderTitle);
+      const backButtonLabel = (0, _uiReactUtils.callRenderProp)(renderBackButtonLabel, prevPageTitle);
       headerChildren.push((0, _emotion.jsx)(_DrilldownOption.DrilldownOption, {
         id: this._headerBackId,
         onOptionClick: this.handleBackButtonClick
@@ -567,7 +560,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
 
     // Header title
     if (renderTitle) {
-      const title = (0, _callRenderProp.callRenderProp)(renderTitle);
+      const title = (0, _uiReactUtils.callRenderProp)(renderTitle);
       if (title) {
         headerChildren.push((0, _emotion.jsx)(_DrilldownOption.DrilldownOption, {
           id: this._headerTitleId,
@@ -582,7 +575,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
 
     // Action label
     if (renderActionLabel) {
-      const actionLabel = (0, _callRenderProp.callRenderProp)(renderActionLabel);
+      const actionLabel = (0, _uiReactUtils.callRenderProp)(renderActionLabel);
       if (actionLabel) {
         headerChildren.push((0, _emotion.jsx)(_DrilldownOption.DrilldownOption, {
           id: this._headerActionId,
@@ -641,9 +634,9 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
   }
   focused() {
     if (this.shown) {
-      return (0, _containsActiveElement.containsActiveElement)(this._drilldownRef);
+      return (0, _uiDomUtils.containsActiveElement)(this._drilldownRef);
     } else {
-      return (0, _containsActiveElement.containsActiveElement)(this._trigger);
+      return (0, _uiDomUtils.containsActiveElement)(this._trigger);
     }
   }
   focusOption(id) {
@@ -722,7 +715,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
       /**
        * --- RENDER GROUP ---
        */
-      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_DrilldownGroup.DrilldownGroup])) {
+      if ((0, _uiReactUtils.matchComponentTypes)(child, [_DrilldownGroup.DrilldownGroup])) {
         const isFirstChild = index === 0;
         const isLastChild = index === pageChildren.length - 1;
         const afterSeparator = lastItemWasSeparator;
@@ -736,7 +729,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
         /**
          * --- RENDER SEPARATOR ---
          */
-      } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_DrilldownSeparator.DrilldownSeparator])) {
+      } else if ((0, _uiReactUtils.matchComponentTypes)(child, [_DrilldownSeparator.DrilldownSeparator])) {
         // if the last item was separator, we don't want to duplicate it
         if (lastItemWasSeparator) {
           return null;
@@ -747,7 +740,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
         /**
          * --- RENDER OPTION ---
          */
-      } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_DrilldownOption.DrilldownOption])) {
+      } else if ((0, _uiReactUtils.matchComponentTypes)(child, [_DrilldownOption.DrilldownOption])) {
         lastItemWasSeparator = false;
         return this.renderOption(child, getOptionProps, getDisabledOptionProps);
       } else {
@@ -760,7 +753,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
       id = _separator$props.id,
       themeOverride = _separator$props.themeOverride,
       props = (0, _objectWithoutProperties2.default)(_separator$props, _excluded3);
-    return (0, _emotion.jsx)(_Options.Options.Separator, Object.assign({}, props, {
+    return (0, _emotion.jsx)(_uiOptions.Options.Separator, Object.assign({}, props, {
       id: id,
       key: id,
       role: "separator"
@@ -798,7 +791,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
     // Props passed to the Option.Item
     let optionProps = {
       // passthrough props
-      ...(0, _omitProps.omitProps)(option.props, [..._DrilldownOption.DrilldownOption.allowedProps, ..._Options.Options.Item.allowedProps]),
+      ...(0, _uiReactUtils.omitProps)(option.props, [..._DrilldownOption.DrilldownOption.allowedProps, ..._uiOptions.Options.Item.allowedProps]),
       // props from selectable
       ...getOptionProps({
         id,
@@ -854,13 +847,13 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
     // we set a few manually on Options.Item,
     // the rest are passed directly
     if (subPageId) {
-      optionProps.renderAfterLabel = _IconArrowOpenEndSoli || (_IconArrowOpenEndSoli = (0, _emotion.jsx)(_IconArrowOpenEndSolid.IconArrowOpenEndSolid, null));
+      optionProps.renderAfterLabel = _IconArrowOpenEndSoli || (_IconArrowOpenEndSoli = (0, _emotion.jsx)(_uiIcons.IconArrowOpenEndSolid, null));
       optionProps['aria-haspopup'] = true;
       optionProps.role = customRole || 'button';
       (0, _console.warn)(!renderAfterLabel, `The prop "renderAfterLabel" is reserved on item with id: "${id}". When it has "subPageId" provided, a navigation arrow will render after the label.`);
     }
     if (id === this._headerBackId) {
-      optionProps.renderBeforeLabel = _IconArrowOpenStartSo || (_IconArrowOpenStartSo = (0, _emotion.jsx)(_IconArrowOpenStartSolid.IconArrowOpenStartSolid, null));
+      optionProps.renderBeforeLabel = _IconArrowOpenStartSo || (_IconArrowOpenStartSo = (0, _emotion.jsx)(_uiIcons.IconArrowOpenStartSolid, null));
     }
     const isOptionControlled = typeof option.props.selected === 'boolean';
     if ((groupProps !== null && groupProps !== void 0 && groupProps.selectableType || isOptionControlled) && groupProps) {
@@ -871,7 +864,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
         isSelected = Boolean(option.props.selected);
       }
       optionProps['aria-checked'] = isSelected;
-      optionProps.renderBeforeLabel = (0, _emotion.jsx)(_IconCheckSolid.IconCheckSolid, {
+      optionProps.renderBeforeLabel = (0, _emotion.jsx)(_uiIcons.IconCheckSolid, {
         style: {
           opacity: isSelected ? 1 : 0
         }
@@ -902,7 +895,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
         optionProps.href = href;
       }
     }
-    const optionLabel = (0, _callRenderProp.callRenderProp)(children, {
+    const optionLabel = (0, _uiReactUtils.callRenderProp)(children, {
       id,
       variant: optionProps.variant,
       isSelected
@@ -926,7 +919,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
     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 labelInfo = renderLabelInfo && (0, _callRenderProp.callRenderProp)(renderLabelInfo, renderLabelProps);
+    const labelInfo = renderLabelInfo && (0, _uiReactUtils.callRenderProp)(renderLabelInfo, renderLabelProps);
     const vAlignMap = {
       start: 'flex-start',
       center: 'center',
@@ -936,7 +929,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
     const infoAriaId = `${id}__info`;
     const labelledby = option.props['aria-labelledby'] || labelAriaId;
     const describedby = option.props['aria-describedby'] || (labelInfo ? infoAriaId : void 0);
-    return (0, _emotion.jsx)(_Options.Options.Item, Object.assign({}, optionProps, {
+    return (0, _emotion.jsx)(_uiOptions.Options.Item, Object.assign({}, optionProps, {
       key: id,
       "aria-labelledby": labelledby,
       "aria-describedby": describedby
@@ -973,12 +966,12 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
 
     // add a separator above
     if (needsFirstSeparator) {
-      groupChildren.push(_Options$Separator || (_Options$Separator = (0, _emotion.jsx)(_Options.Options.Separator, null)));
+      groupChildren.push(_Options$Separator || (_Options$Separator = (0, _emotion.jsx)(_uiOptions.Options.Separator, null)));
     }
 
     // create a sublist as a group
     // (a wrapping list item will be created by Options)
-    groupChildren.push((0, _emotion.jsx)(_Options.Options, {
+    groupChildren.push((0, _emotion.jsx)(_uiOptions.Options, {
       id: id,
       key: id,
       role: role,
@@ -989,9 +982,9 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
       ,
       themeOverride: themeOverride
     }, this.getChildrenArray(children).map(child => {
-      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_DrilldownSeparator.DrilldownSeparator])) {
+      if ((0, _uiReactUtils.matchComponentTypes)(child, [_DrilldownSeparator.DrilldownSeparator])) {
         return this.renderSeparator(child);
-      } else if ((0, _matchComponentTypes.matchComponentTypes)(child, [_DrilldownOption.DrilldownOption])) {
+      } else if ((0, _uiReactUtils.matchComponentTypes)(child, [_DrilldownOption.DrilldownOption])) {
         return this.renderOption(child, getOptionProps, getDisabledOptionProps, group.props);
       } else {
         return null;
@@ -1000,7 +993,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
 
     // add a separator below
     if (needsLastSeparator) {
-      groupChildren.push(_Options$Separator2 || (_Options$Separator2 = (0, _emotion.jsx)(_Options.Options.Separator, null)));
+      groupChildren.push(_Options$Separator2 || (_Options$Separator2 = (0, _emotion.jsx)(_uiOptions.Options.Separator, null)));
     }
     return groupChildren;
   }
@@ -1021,7 +1014,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
     if (!this.currentPage) {
       return null;
     }
-    return (0, _emotion.jsx)(_Selectable.Selectable, {
+    return (0, _emotion.jsx)(_uiSelectable.Selectable, {
       isShowingOptions: this.shown,
       highlightedOptionId: this.state.highlightedOptionId,
       selectedOptionId: this.selectedGroupOptionIdsArray,
@@ -1051,7 +1044,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
       getListProps,
       getOptionProps,
       getDisabledOptionProps
-    }) => (0, _emotion.jsx)(_View.View, Object.assign({
+    }) => (0, _emotion.jsx)(_uiView.View, Object.assign({
       as: "div",
       elementRef: this.handleDrilldownRef,
       tabIndex: 0,
@@ -1074,7 +1067,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
       onBlur: event => {
         const target = event.currentTarget;
         const related = event.relatedTarget;
-        const containsRelated = (0, _contains.contains)(target, related);
+        const containsRelated = (0, _uiDomUtils.contains)(target, related);
         if (!related || related === this._drilldownRef || related !== target && !containsRelated) {
           this.setState({
             highlightedOptionId: void 0
@@ -1086,7 +1079,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
           highlightedOptionId: void 0
         });
       }
-    })), (0, _emotion.jsx)(_View.View, {
+    })), (0, _emotion.jsx)(_uiView.View, {
       as: "div",
       overflowY: overflowY,
       overflowX: overflowX,
@@ -1102,7 +1095,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
       elementRef: element => {
         this._containerElement = element;
       }
-    }, (0, _emotion.jsx)(_Options.Options, Object.assign({}, getListProps(), {
+    }, (0, _emotion.jsx)(_uiOptions.Options, Object.assign({}, getListProps(), {
       role: "presentation",
       as: as
     }), this.renderList(getOptionProps, getDisabledOptionProps)))));
@@ -1129,7 +1122,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
       onMouseOver = _this$props6.onMouseOver,
       offsetX = _this$props6.offsetX,
       offsetY = _this$props6.offsetY;
-    return trigger ? (0, _emotion.jsx)(_Popover.Popover, {
+    return trigger ? (0, _emotion.jsx)(_uiPopover.Popover, {
       isShowingContent: show,
       defaultIsShowingContent: defaultShow,
       shouldCloseOnDocumentClick: true,
@@ -1168,7 +1161,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
           popoverRef(el);
         }
       },
-      renderTrigger: (0, _safeCloneElement.safeCloneElement)(trigger, {
+      renderTrigger: (0, _uiReactUtils.safeCloneElement)(trigger, {
         ref: el => {
           this._trigger = el;
         },

package/lib/Drilldown/props.js

@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = exports.allowedProps = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Children = require("@instructure/ui-prop-types/lib/Children.js");
-var _controllable = require("@instructure/ui-prop-types/lib/controllable.js");
-var _PositionPropTypes = require("@instructure/ui-position/lib/PositionPropTypes.js");
+var _uiPropTypes = require("@instructure/ui-prop-types");
+var _uiPosition = require("@instructure/ui-position");
 var _DrilldownPage = require("./DrilldownPage");
 /*
  * The MIT License (MIT)
@@ -36,7 +35,7 @@ var _DrilldownPage = require("./DrilldownPage");
 
 const propTypes = exports.propTypes = {
   rootPageId: _propTypes.default.string.isRequired,
-  children: _Children.Children.oneOf([_DrilldownPage.DrilldownPage]),
+  children: _uiPropTypes.Children.oneOf([_DrilldownPage.DrilldownPage]),
   id: _propTypes.default.string,
   label: _propTypes.default.string,
   disabled: _propTypes.default.bool,
@@ -54,19 +53,19 @@ const propTypes = exports.propTypes = {
   maxHeight: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   maxWidth: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   trigger: _propTypes.default.node,
-  placement: _PositionPropTypes.PositionPropTypes.placement,
+  placement: _uiPosition.PositionPropTypes.placement,
   defaultShow: _propTypes.default.bool,
-  show: (0, _controllable.controllable)(_propTypes.default.bool, 'onToggle', 'defaultShow'),
+  show: (0, _uiPropTypes.controllable)(_propTypes.default.bool, 'onToggle', 'defaultShow'),
   onToggle: _propTypes.default.func,
   onSelect: _propTypes.default.func,
   onDismiss: _propTypes.default.func,
   onFocus: _propTypes.default.func,
   onMouseOver: _propTypes.default.func,
   popoverRef: _propTypes.default.func,
-  mountNode: _PositionPropTypes.PositionPropTypes.mountNode,
-  positionTarget: _PositionPropTypes.PositionPropTypes.mountNode,
+  mountNode: _uiPosition.PositionPropTypes.mountNode,
+  positionTarget: _uiPosition.PositionPropTypes.mountNode,
   positionContainerDisplay: _propTypes.default.oneOf(['inline-block', 'block']),
-  constrain: _PositionPropTypes.PositionPropTypes.constrain,
+  constrain: _uiPosition.PositionPropTypes.constrain,
   shouldHideOnSelect: _propTypes.default.bool,
   shouldContainFocus: _propTypes.default.bool,
   shouldReturnFocus: _propTypes.default.bool,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-drilldown",
-  "version": "8.56.3",
+  "version": "8.56.5-pr-snapshot-1728655013879",
   "description": "A drilldown menu component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,28 +24,28 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.23.2",
-    "@instructure/console": "8.56.3",
-    "@instructure/emotion": "8.56.3",
-    "@instructure/shared-types": "8.56.3",
-    "@instructure/ui-dom-utils": "8.56.3",
-    "@instructure/ui-icons": "8.56.3",
-    "@instructure/ui-options": "8.56.3",
-    "@instructure/ui-popover": "8.56.3",
-    "@instructure/ui-position": "8.56.3",
-    "@instructure/ui-prop-types": "8.56.3",
-    "@instructure/ui-react-utils": "8.56.3",
-    "@instructure/ui-selectable": "8.56.3",
-    "@instructure/ui-testable": "8.56.3",
-    "@instructure/ui-utils": "8.56.3",
-    "@instructure/ui-view": "8.56.3",
+    "@instructure/console": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/emotion": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/shared-types": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-dom-utils": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-icons": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-options": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-popover": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-position": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-prop-types": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-react-utils": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-selectable": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-testable": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-utils": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-view": "8.56.5-pr-snapshot-1728655013879",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.56.3",
-    "@instructure/ui-color-utils": "8.56.3",
-    "@instructure/ui-test-locator": "8.56.3",
-    "@instructure/ui-test-utils": "8.56.3",
-    "@instructure/ui-themes": "8.56.3"
+    "@instructure/ui-babel-preset": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-color-utils": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-test-locator": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-test-utils": "8.56.5-pr-snapshot-1728655013879",
+    "@instructure/ui-themes": "8.56.5-pr-snapshot-1728655013879"
   },
   "peerDependencies": {
     "react": ">=16.8 <=18"