@instructure/ui-drilldown 11.6.0 → 11.6.1-snapshot-129

package/es/Drilldown/{index.js → v1/index.js}

@@ -32,12 +32,12 @@ import { warn, error } from '@instructure/console';
 import { contains, containsActiveElement } from '@instructure/ui-dom-utils';
 import { deepEqual } from '@instructure/ui-utils';
 import { callRenderProp, matchComponentTypes, omitProps, safeCloneElement, withDeterministicId } from '@instructure/ui-react-utils';
-import { View } from '@instructure/ui-view';
-import { Options } from '@instructure/ui-options';
-import { Popover } from '@instructure/ui-popover';
+import { View } from '@instructure/ui-view/v11_6';
+import { Options } from '@instructure/ui-options/v11_6';
+import { Popover } from '@instructure/ui-popover/v11_6';
 import { Selectable } from '@instructure/ui-selectable';
 import { IconArrowOpenStartSolid, IconArrowOpenEndSolid, IconCheckSolid } from '@instructure/ui-icons';
-import { withStyle } from '@instructure/emotion';
+import { withStyleLegacy as withStyle } from '@instructure/emotion';
 import { DrilldownSeparator } from "./DrilldownSeparator/index.js";
 import { DrilldownOption } from "./DrilldownOption/index.js";
 import { DrilldownGroup } from "./DrilldownGroup/index.js";

package/es/{index.js → exports/a.js}

@@ -21,8 +21,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-export { Drilldown } from "./Drilldown/index.js";
-export { DrilldownGroup } from "./Drilldown/DrilldownGroup/index.js";
-export { DrilldownOption } from "./Drilldown/DrilldownOption/index.js";
-export { DrilldownPage } from "./Drilldown/DrilldownPage/index.js";
-export { DrilldownSeparator } from "./Drilldown/DrilldownSeparator/index.js";
+export { Drilldown } from "../Drilldown/v1/index.js";
+export { DrilldownGroup } from "../Drilldown/v1/DrilldownGroup/index.js";
+export { DrilldownOption } from "../Drilldown/v1/DrilldownOption/index.js";
+export { DrilldownPage } from "../Drilldown/v1/DrilldownPage/index.js";
+export { DrilldownSeparator } from "../Drilldown/v1/DrilldownSeparator/index.js";

package/lib/Drilldown/{DrilldownGroup → v1/DrilldownGroup}/index.js

@@ -42,7 +42,7 @@ id: Drilldown.Group
 **/
 // needed for listing the available theme variables on docs page,
 // we pass the themeOverrides to Options
-let DrilldownGroup = exports.DrilldownGroup = (_dec = (0, _emotion.withStyle)(null, _uiOptions.optionsThemeGenerator), _dec(_class = (_DrilldownGroup = class DrilldownGroup extends _react.Component {
+let DrilldownGroup = exports.DrilldownGroup = (_dec = (0, _emotion.withStyleLegacy)(null, _uiOptions.optionsThemeGenerator), _dec(_class = (_DrilldownGroup = class DrilldownGroup extends _react.Component {
   render() {
     // this component is only used for prop validation.
     // Drilldown.Group is parsed in Drilldown as an Options component.

package/lib/Drilldown/{DrilldownOption → v1/DrilldownOption}/index.js

@@ -41,7 +41,7 @@ id: Drilldown.Option
 **/
 // needed for listing the available theme variables on docs page,
 // we pass the themeOverrides to Options.Item
-let DrilldownOption = exports.DrilldownOption = (_dec = (0, _emotion.withStyle)(null, _uiOptions.optionsItemThemeGenerator), _dec(_class = (_DrilldownOption = class DrilldownOption extends _react.Component {
+let DrilldownOption = exports.DrilldownOption = (_dec = (0, _emotion.withStyleLegacy)(null, _uiOptions.optionsItemThemeGenerator), _dec(_class = (_DrilldownOption = class DrilldownOption extends _react.Component {
   render() {
     // this component is only used for prop validation. Drilldown.Option children
     // are parsed in Drilldown and rendered as Options.Item components

package/lib/Drilldown/{DrilldownSeparator → v1/DrilldownSeparator}/index.js

@@ -41,7 +41,7 @@ id: Drilldown.Separator
 **/
 // needed for listing the available theme variables on docs page,
 // we pass the themeOverrides to Options.Separator
-let DrilldownSeparator = exports.DrilldownSeparator = (_dec = (0, _emotion.withStyle)(null, _uiOptions.optionsSeparatorThemeGenerator), _dec(_class = (_DrilldownSeparator = class DrilldownSeparator extends _react.Component {
+let DrilldownSeparator = exports.DrilldownSeparator = (_dec = (0, _emotion.withStyleLegacy)(null, _uiOptions.optionsSeparatorThemeGenerator), _dec(_class = (_DrilldownSeparator = class DrilldownSeparator extends _react.Component {
   render() {
     // this component is only used for prop validation. Drilldown.Separator children
     // are parsed in Drilldown and rendered as Options.Separator components

package/lib/Drilldown/{index.js → v1/index.js}

@@ -16,13 +16,13 @@ var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchCompone
 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 _v11_ = require("@instructure/ui-view/v11_6");
+var _v11_2 = require("@instructure/ui-options/v11_6");
+var _v11_3 = require("@instructure/ui-popover/v11_6");
 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 _IconArrowOpenStartSolid = require("@instructure/ui-icons/lib/generated/IconArrowOpenStartSolid.js");
+var _IconArrowOpenEndSolid = require("@instructure/ui-icons/lib/generated/IconArrowOpenEndSolid.js");
+var _IconCheckSolid = require("@instructure/ui-icons/lib/generated/IconCheckSolid.js");
 var _emotion = require("@instructure/emotion");
 var _DrilldownSeparator = require("./DrilldownSeparator");
 var _DrilldownOption = require("./DrilldownOption");
@@ -72,7 +72,7 @@ var _dec, _dec2, _class, _Drilldown, _IconArrowOpenEndSoli, _IconArrowOpenStartS
 category: components
 ---
 **/
-let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = (_Drilldown = class Drilldown extends _react.Component {
+let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = _dec2(_class = (_Drilldown = class Drilldown extends _react.Component {
   constructor(props) {
     super(props);
     this._drilldownRef = null;
@@ -884,7 +884,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, _react2.createElement)(_Options.Options.Separator, {
+    return (0, _react2.createElement)(_v11_2.Options.Separator, {
       ...props,
       id: id,
       key: id,
@@ -928,7 +928,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, _omitProps.omitProps)(option.props, [..._DrilldownOption.DrilldownOption.allowedProps, ..._v11_2.Options.Item.allowedProps]),
       // props from selectable
       ...getOptionProps({
         id,
@@ -1068,7 +1068,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, _react2.createElement)(_Options.Options.Item, {
+    return (0, _react2.createElement)(_v11_2.Options.Item, {
       ...optionProps,
       key: id,
       "aria-labelledby": labelledby,
@@ -1111,12 +1111,12 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
 
     // add a separator above
     if (needsFirstSeparator) {
-      groupChildren.push(_Options$Separator || (_Options$Separator = (0, _jsxRuntime.jsx)(_Options.Options.Separator, {}, "drilldown-options-separator")));
+      groupChildren.push(_Options$Separator || (_Options$Separator = (0, _jsxRuntime.jsx)(_v11_2.Options.Separator, {}, "drilldown-options-separator")));
     }
 
     // create a sublist as a group
     // (a wrapping list item will be created by Options)
-    groupChildren.push((0, _jsxRuntime.jsx)(_Options.Options, {
+    groupChildren.push((0, _jsxRuntime.jsx)(_v11_2.Options, {
       id: id,
       role: role,
       as: as || this.props.as,
@@ -1138,7 +1138,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
 
     // add a separator below
     if (needsLastSeparator) {
-      groupChildren.push(_Options$Separator2 || (_Options$Separator2 = (0, _jsxRuntime.jsx)(_Options.Options.Separator, {}, "drilldown-options-separator-2")));
+      groupChildren.push(_Options$Separator2 || (_Options$Separator2 = (0, _jsxRuntime.jsx)(_v11_2.Options.Separator, {}, "drilldown-options-separator-2")));
     }
     return groupChildren;
   }
@@ -1190,7 +1190,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
         getListProps,
         getOptionProps,
         getDisabledOptionProps
-      }) => (0, _jsxRuntime.jsx)(_View.View
+      }) => (0, _jsxRuntime.jsx)(_v11_.View
       // if there is a trigger the border needs to be rendered by the <Popover>
       // (because it has an arrow)
       , {
@@ -1233,7 +1233,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
             });
           }
         }),
-        children: (0, _jsxRuntime.jsx)(_View.View, {
+        children: (0, _jsxRuntime.jsx)(_v11_.View, {
           as: "div",
           overflowY: overflowY,
           overflowX: overflowX,
@@ -1249,7 +1249,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
           elementRef: element => {
             this._containerElement = element;
           },
-          children: (0, _jsxRuntime.jsx)(_Options.Options, {
+          children: (0, _jsxRuntime.jsx)(_v11_2.Options, {
             ...getListProps(),
             role: "presentation",
             as: as,
@@ -1285,7 +1285,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
       shouldSetAriaExpanded = _this$props7.shouldSetAriaExpanded,
       styles = _this$props7.styles;
     const borderColor = styles === null || styles === void 0 ? void 0 : (_styles$drilldown = styles.drilldown) === null || _styles$drilldown === void 0 ? void 0 : _styles$drilldown.borderColor;
-    return trigger ? (0, _jsxRuntime.jsx)(_Popover.Popover, {
+    return trigger ? (0, _jsxRuntime.jsx)(_v11_3.Popover, {
       "data-cid": "Drilldown",
       themeOverride: {
         // use here own theme's color

package/lib/{index.js → exports/a.js}

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "Drilldown", {
   enumerable: true,
   get: function () {
-    return _Drilldown.Drilldown;
+    return _v.Drilldown;
   }
 });
 Object.defineProperty(exports, "DrilldownGroup", {
@@ -33,8 +33,8 @@ Object.defineProperty(exports, "DrilldownSeparator", {
     return _DrilldownSeparator.DrilldownSeparator;
   }
 });
-var _Drilldown = require("./Drilldown");
-var _DrilldownGroup = require("./Drilldown/DrilldownGroup");
-var _DrilldownOption = require("./Drilldown/DrilldownOption");
-var _DrilldownPage = require("./Drilldown/DrilldownPage");
-var _DrilldownSeparator = require("./Drilldown/DrilldownSeparator");
+var _v = require("../Drilldown/v1");
+var _DrilldownGroup = require("../Drilldown/v1/DrilldownGroup");
+var _DrilldownOption = require("../Drilldown/v1/DrilldownOption");
+var _DrilldownPage = require("../Drilldown/v1/DrilldownPage");
+var _DrilldownSeparator = require("../Drilldown/v1/DrilldownSeparator");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-drilldown",
-  "version": "11.6.0",
+  "version": "11.6.1-snapshot-129",
   "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.6.0",
-    "@instructure/shared-types": "11.6.0",
-    "@instructure/ui-dom-utils": "11.6.0",
-    "@instructure/ui-icons": "11.6.0",
-    "@instructure/emotion": "11.6.0",
-    "@instructure/ui-options": "11.6.0",
-    "@instructure/ui-popover": "11.6.0",
-    "@instructure/ui-position": "11.6.0",
-    "@instructure/ui-selectable": "11.6.0",
-    "@instructure/ui-utils": "11.6.0",
-    "@instructure/ui-react-utils": "11.6.0",
-    "@instructure/ui-view": "11.6.0"
+    "@instructure/console": "11.6.1-snapshot-129",
+    "@instructure/emotion": "11.6.1-snapshot-129",
+    "@instructure/ui-dom-utils": "11.6.1-snapshot-129",
+    "@instructure/ui-icons": "11.6.1-snapshot-129",
+    "@instructure/shared-types": "11.6.1-snapshot-129",
+    "@instructure/ui-options": "11.6.1-snapshot-129",
+    "@instructure/ui-popover": "11.6.1-snapshot-129",
+    "@instructure/ui-position": "11.6.1-snapshot-129",
+    "@instructure/ui-react-utils": "11.6.1-snapshot-129",
+    "@instructure/ui-selectable": "11.6.1-snapshot-129",
+    "@instructure/ui-view": "11.6.1-snapshot-129",
+    "@instructure/ui-utils": "11.6.1-snapshot-129"
   },
   "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.6.0",
-    "@instructure/ui-babel-preset": "11.6.0",
-    "@instructure/ui-scripts": "11.6.0",
-    "@instructure/ui-themes": "11.6.0",
-    "@instructure/ui-color-utils": "11.6.0"
+    "@instructure/ui-axe-check": "11.6.1-snapshot-129",
+    "@instructure/ui-babel-preset": "11.6.1-snapshot-129",
+    "@instructure/ui-color-utils": "11.6.1-snapshot-129",
+    "@instructure/ui-scripts": "11.6.1-snapshot-129",
+    "@instructure/ui-themes": "11.6.1-snapshot-129"
   },
   "peerDependencies": {
     "react": ">=18 <=19"
@@ -47,17 +47,39 @@
   },
   "sideEffects": false,
   "exports": {
-    ".": {
-      "types": "./types/index.d.ts",
-      "import": "./es/index.js",
-      "require": "./lib/index.js",
-      "default": "./es/index.js"
-    },
     "./lib/*": "./lib/*",
     "./es/*": "./es/*",
     "./types/*": "./types/*",
     "./package.json": "./package.json",
-    "./src/*": "./src/*"
+    "./src/*": "./src/*",
+    ".": {
+      "src": "./src/exports/a.ts",
+      "types": "./types/exports/a.d.ts",
+      "import": "./es/exports/a.js",
+      "require": "./lib/exports/a.js",
+      "default": "./es/exports/a.js"
+    },
+    "./v11_6": {
+      "src": "./src/exports/a.ts",
+      "types": "./types/exports/a.d.ts",
+      "import": "./es/exports/a.js",
+      "require": "./lib/exports/a.js",
+      "default": "./es/exports/a.js"
+    },
+    "./v11_7": {
+      "src": "./src/exports/a.ts",
+      "types": "./types/exports/a.d.ts",
+      "import": "./es/exports/a.js",
+      "require": "./lib/exports/a.js",
+      "default": "./es/exports/a.js"
+    },
+    "./latest": {
+      "src": "./src/exports/a.ts",
+      "types": "./types/exports/a.d.ts",
+      "import": "./es/exports/a.js",
+      "require": "./lib/exports/a.js",
+      "default": "./es/exports/a.js"
+    }
   },
   "scripts": {
     "lint": "ui-scripts lint",

package/src/Drilldown/{DrilldownGroup → v1/DrilldownGroup}/index.tsx

@@ -24,7 +24,7 @@
 
 import { Component } from 'react'
 
-import { withStyle } from '@instructure/emotion'
+import { withStyleLegacy as withStyle } from '@instructure/emotion'
 import { optionsThemeGenerator } from '@instructure/ui-options'
 
 import { allowedProps } from './props'

package/src/Drilldown/{DrilldownOption → v1/DrilldownOption}/index.tsx

@@ -24,7 +24,7 @@
 
 import { Component } from 'react'
 
-import { withStyle } from '@instructure/emotion'
+import { withStyleLegacy as withStyle } from '@instructure/emotion'
 import { optionsItemThemeGenerator } from '@instructure/ui-options'
 
 import { allowedProps } from './props'

package/src/Drilldown/{DrilldownOption → v1/DrilldownOption}/props.ts

@@ -32,7 +32,7 @@ import type { WithStyleProps } from '@instructure/emotion'
 import type {
   OptionsItemRenderProps,
   OptionsItemProps
-} from '@instructure/ui-options'
+} from '@instructure/ui-options/v11_6'
 
 import Drilldown from '../index'
 import { Renderable } from '@instructure/shared-types'

package/src/Drilldown/{DrilldownSeparator → v1/DrilldownSeparator}/index.tsx

@@ -24,7 +24,7 @@
 
 import { Component } from 'react'
 
-import { withStyle } from '@instructure/emotion'
+import { withStyleLegacy as withStyle } from '@instructure/emotion'
 import { optionsSeparatorThemeGenerator } from '@instructure/ui-options'
 
 import { allowedProps } from './props'

package/src/Drilldown/{DrilldownSeparator → v1/DrilldownSeparator}/props.ts

@@ -29,7 +29,7 @@ import type {
   OptionsSeparatorTheme
 } from '@instructure/shared-types'
 import type { WithStyleProps } from '@instructure/emotion'
-import type { OptionsSeparatorProps } from '@instructure/ui-options'
+import type { OptionsSeparatorProps } from '@instructure/ui-options/v11_6'
 
 type DrilldownSeparatorOwnProps = {
   id: string

package/src/Drilldown/{index.tsx → v1/index.tsx}

@@ -35,14 +35,14 @@ import {
   withDeterministicId
 } from '@instructure/ui-react-utils'
 
-import { View } from '@instructure/ui-view'
-import { Options } from '@instructure/ui-options'
+import { View } from '@instructure/ui-view/v11_6'
+import { Options } from '@instructure/ui-options/v11_6'
 import type {
   OptionsProps,
   OptionsItemProps,
   OptionsSeparatorProps
-} from '@instructure/ui-options'
-import { Popover } from '@instructure/ui-popover'
+} from '@instructure/ui-options/v11_6'
+import { Popover } from '@instructure/ui-popover/v11_6'
 import { Selectable } from '@instructure/ui-selectable'
 import type { SelectableRender } from '@instructure/ui-selectable'
 import {
@@ -51,7 +51,7 @@ import {
   IconCheckSolid
 } from '@instructure/ui-icons'
 
-import { withStyle } from '@instructure/emotion'
+import { withStyleLegacy as withStyle } from '@instructure/emotion'
 
 import { DrilldownSeparator } from './DrilldownSeparator'
 import { DrilldownOption } from './DrilldownOption'
@@ -870,12 +870,11 @@ class Drilldown extends Component<DrilldownProps, DrilldownState> {
     }
 
     const isOptionDisabled =
-    id !== this._headerBackId && (
-      this.props.disabled ||
-      this.currentPage?.disabled ||
-      selectedOption.groupProps?.disabled ||
-      selectedOption.props.disabled
-      )
+      id !== this._headerBackId &&
+      (this.props.disabled ||
+        this.currentPage?.disabled ||
+        selectedOption.groupProps?.disabled ||
+        selectedOption.props.disabled)
 
     if (isOptionDisabled) {
       event.preventDefault()

package/src/Drilldown/{props.ts → v1/props.ts}

@@ -24,7 +24,7 @@
 
 import React from 'react'
 
-import { Popover } from '@instructure/ui-popover'
+import { Popover } from '@instructure/ui-popover/v11_6'
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 import type { WithDeterministicIdProps } from '@instructure/ui-react-utils'
 import type {

package/src/{index.ts → exports/a.ts}

@@ -22,11 +22,11 @@
  * SOFTWARE.
  */
 
-export { Drilldown } from './Drilldown'
-export { DrilldownGroup } from './Drilldown/DrilldownGroup'
-export { DrilldownOption } from './Drilldown/DrilldownOption'
-export { DrilldownPage } from './Drilldown/DrilldownPage'
-export { DrilldownSeparator } from './Drilldown/DrilldownSeparator'
+export { Drilldown } from '../Drilldown/v1'
+export { DrilldownGroup } from '../Drilldown/v1/DrilldownGroup'
+export { DrilldownOption } from '../Drilldown/v1/DrilldownOption'
+export { DrilldownPage } from '../Drilldown/v1/DrilldownPage'
+export { DrilldownSeparator } from '../Drilldown/v1/DrilldownSeparator'
 
 export type {
   DrilldownProps,
@@ -34,11 +34,11 @@ export type {
   GroupChild as DrilldownGroupChild,
   OptionChild as DrilldownOptionChild,
   SeparatorChild as DrilldownSeparatorChild
-} from './Drilldown/props'
-export type { DrilldownGroupProps } from './Drilldown/DrilldownGroup/props'
-export type { DrilldownOptionProps } from './Drilldown/DrilldownOption/props'
+} from '../Drilldown/v1/props'
+export type { DrilldownGroupProps } from '../Drilldown/v1/DrilldownGroup/props'
+export type { DrilldownOptionProps } from '../Drilldown/v1/DrilldownOption/props'
 export type {
   DrilldownPageProps,
   PageChildren as DrilldownPageChildren
-} from './Drilldown/DrilldownPage/props'
-export type { DrilldownSeparatorProps } from './Drilldown/DrilldownSeparator/props'
+} from '../Drilldown/v1/DrilldownPage/props'
+export type { DrilldownSeparatorProps } from '../Drilldown/v1/DrilldownSeparator/props'