@instructure/ui-drilldown 8.26.4-snapshot-17 → 8.27.1-snapshot-7

package/CHANGELOG.md

@@ -3,17 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [8.26.4-snapshot-17](https://github.com/instructure/instructure-ui/compare/v8.26.3...v8.26.4-snapshot-17) (2022-07-25)
+## [8.27.1-snapshot-7](https://github.com/instructure/instructure-ui/compare/v8.27.0...v8.27.1-snapshot-7) (2022-08-15)
 
 
 ### Features
 
-* support React 18 ([0a2bf0c](https://github.com/instructure/instructure-ui/commit/0a2bf0cdd4d8bcec6e42a7ccf28a787e4a35bc40))
+* **ui-drilldown:** add `minHeight` and `minWidth` props to Drilldown ([7e10b29](https://github.com/instructure/instructure-ui/commit/7e10b2966f4dfb79dfdecca62f12c3f9ba5b62b4))
 
 
 
 
 
+# [8.27.0](https://github.com/instructure/instructure-ui/compare/v8.26.3...v8.27.0) (2022-07-25)
+
+### Features
+
+- support React 18 ([0a2bf0c](https://github.com/instructure/instructure-ui/commit/0a2bf0cdd4d8bcec6e42a7ccf28a787e4a35bc40))
+
 ## [8.26.3](https://github.com/instructure/instructure-ui/compare/v8.26.2...v8.26.3) (2022-07-14)
 
 **Note:** Version bump only for package @instructure/ui-drilldown

package/es/Drilldown/index.js

@@ -1057,6 +1057,8 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
           overflowX = _this$props5.overflowX,
           height = _this$props5.height,
           width = _this$props5.width,
+          minHeight = _this$props5.minHeight,
+          minWidth = _this$props5.minWidth,
           maxHeight = _this$props5.maxHeight,
           maxWidth = _this$props5.maxWidth,
           role = _this$props5.role,
@@ -1100,6 +1102,7 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
         position: "relative",
         borderRadius: "small",
         width: width,
+        minWidth: maxWidth,
         maxWidth: maxWidth,
         role: role,
         "aria-label": label,
@@ -1133,6 +1136,8 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
         overflowX: overflowX,
         height: height,
         width: width,
+        minHeight: minHeight,
+        minWidth: minWidth,
         maxHeight: maxHeight,
         maxWidth: maxWidth,
         css: styles === null || styles === void 0 ? void 0 : styles.container,

package/es/Drilldown/props.js

@@ -40,6 +40,8 @@ const propTypes = {
   overflowY: PropTypes.oneOf(['auto', 'hidden', 'visible']),
   height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  minHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   trigger: PropTypes.node,
@@ -62,6 +64,6 @@ const propTypes = {
   offsetX: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   offsetY: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-const allowedProps = ['rootPageId', 'children', 'id', 'label', 'disabled', 'rotateFocus', 'as', 'role', 'overflowX', 'overflowY', 'height', 'width', 'maxHeight', 'maxWidth', // Popover version props
+const allowedProps = ['rootPageId', 'children', 'id', 'label', 'disabled', 'rotateFocus', 'as', 'role', 'overflowX', 'overflowY', 'height', 'width', 'minHeight', 'minWidth', 'maxHeight', 'maxWidth', // Popover version props
 'trigger', 'placement', 'defaultShow', 'show', 'onToggle', 'onSelect', 'onDismiss', 'onFocus', 'onMouseOver', 'elementRef', 'drilldownRef', 'popoverRef', 'mountNode', 'positionTarget', 'constrain', 'shouldHideOnSelect', 'shouldContainFocus', 'shouldReturnFocus', 'withArrow', 'offsetX', 'offsetY'];
 export { propTypes, allowedProps };

package/lib/Drilldown/index.js

@@ -1068,6 +1068,8 @@ let Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
           overflowX = _this$props5.overflowX,
           height = _this$props5.height,
           width = _this$props5.width,
+          minHeight = _this$props5.minHeight,
+          minWidth = _this$props5.minWidth,
           maxHeight = _this$props5.maxHeight,
           maxWidth = _this$props5.maxWidth,
           role = _this$props5.role,
@@ -1111,6 +1113,7 @@ let Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
         position: "relative",
         borderRadius: "small",
         width: width,
+        minWidth: maxWidth,
         maxWidth: maxWidth,
         role: role,
         "aria-label": label,
@@ -1144,6 +1147,8 @@ let Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
         overflowX: overflowX,
         height: height,
         width: width,
+        minHeight: minHeight,
+        minWidth: minWidth,
         maxHeight: maxHeight,
         maxWidth: maxWidth,
         css: styles === null || styles === void 0 ? void 0 : styles.container,

package/lib/Drilldown/props.js

@@ -55,6 +55,8 @@ const propTypes = {
   overflowY: _propTypes.default.oneOf(['auto', 'hidden', 'visible']),
   height: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   width: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  minHeight: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  minWidth: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   maxHeight: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   maxWidth: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   trigger: _propTypes.default.node,
@@ -78,6 +80,6 @@ const propTypes = {
   offsetY: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])
 };
 exports.propTypes = propTypes;
-const allowedProps = ['rootPageId', 'children', 'id', 'label', 'disabled', 'rotateFocus', 'as', 'role', 'overflowX', 'overflowY', 'height', 'width', 'maxHeight', 'maxWidth', // Popover version props
+const allowedProps = ['rootPageId', 'children', 'id', 'label', 'disabled', 'rotateFocus', 'as', 'role', 'overflowX', 'overflowY', 'height', 'width', 'minHeight', 'minWidth', 'maxHeight', 'maxWidth', // Popover version props
 'trigger', 'placement', 'defaultShow', 'show', 'onToggle', 'onSelect', 'onDismiss', 'onFocus', 'onMouseOver', 'elementRef', 'drilldownRef', 'popoverRef', 'mountNode', 'positionTarget', 'constrain', 'shouldHideOnSelect', 'shouldContainFocus', 'shouldReturnFocus', 'withArrow', 'offsetX', 'offsetY'];
 exports.allowedProps = allowedProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-drilldown",
-  "version": "8.26.4-snapshot-17",
+  "version": "8.27.1-snapshot-7",
   "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.13.10",
-    "@instructure/console": "8.26.4-snapshot-17",
-    "@instructure/emotion": "8.26.4-snapshot-17",
-    "@instructure/shared-types": "8.26.4-snapshot-17",
-    "@instructure/ui-dom-utils": "8.26.4-snapshot-17",
-    "@instructure/ui-icons": "8.26.4-snapshot-17",
-    "@instructure/ui-options": "8.26.4-snapshot-17",
-    "@instructure/ui-popover": "8.26.4-snapshot-17",
-    "@instructure/ui-position": "8.26.4-snapshot-17",
-    "@instructure/ui-prop-types": "8.26.4-snapshot-17",
-    "@instructure/ui-react-utils": "8.26.4-snapshot-17",
-    "@instructure/ui-selectable": "8.26.4-snapshot-17",
-    "@instructure/ui-testable": "8.26.4-snapshot-17",
-    "@instructure/ui-utils": "8.26.4-snapshot-17",
-    "@instructure/ui-view": "8.26.4-snapshot-17",
+    "@instructure/console": "8.27.1-snapshot-7",
+    "@instructure/emotion": "8.27.1-snapshot-7",
+    "@instructure/shared-types": "8.27.1-snapshot-7",
+    "@instructure/ui-dom-utils": "8.27.1-snapshot-7",
+    "@instructure/ui-icons": "8.27.1-snapshot-7",
+    "@instructure/ui-options": "8.27.1-snapshot-7",
+    "@instructure/ui-popover": "8.27.1-snapshot-7",
+    "@instructure/ui-position": "8.27.1-snapshot-7",
+    "@instructure/ui-prop-types": "8.27.1-snapshot-7",
+    "@instructure/ui-react-utils": "8.27.1-snapshot-7",
+    "@instructure/ui-selectable": "8.27.1-snapshot-7",
+    "@instructure/ui-testable": "8.27.1-snapshot-7",
+    "@instructure/ui-utils": "8.27.1-snapshot-7",
+    "@instructure/ui-view": "8.27.1-snapshot-7",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.26.4-snapshot-17",
-    "@instructure/ui-color-utils": "8.26.4-snapshot-17",
-    "@instructure/ui-test-locator": "8.26.4-snapshot-17",
-    "@instructure/ui-test-utils": "8.26.4-snapshot-17",
-    "@instructure/ui-themes": "8.26.4-snapshot-17"
+    "@instructure/ui-babel-preset": "8.27.1-snapshot-7",
+    "@instructure/ui-color-utils": "8.27.1-snapshot-7",
+    "@instructure/ui-test-locator": "8.27.1-snapshot-7",
+    "@instructure/ui-test-utils": "8.27.1-snapshot-7",
+    "@instructure/ui-themes": "8.27.1-snapshot-7"
   },
   "peerDependencies": {
     "react": ">=16.8 <=18"

package/src/Drilldown/index.tsx

@@ -1304,6 +1304,8 @@ class Drilldown extends Component<DrilldownProps, DrilldownState> {
       overflowX,
       height,
       width,
+      minHeight,
+      minWidth,
       maxHeight,
       maxWidth,
       role,
@@ -1353,6 +1355,7 @@ class Drilldown extends Component<DrilldownProps, DrilldownState> {
             position="relative"
             borderRadius="small"
             width={width}
+            minWidth={maxWidth}
             maxWidth={maxWidth}
             role={role}
             aria-label={label}
@@ -1391,6 +1394,8 @@ class Drilldown extends Component<DrilldownProps, DrilldownState> {
               overflowX={overflowX}
               height={height}
               width={width}
+              minHeight={minHeight}
+              minWidth={minWidth}
               maxHeight={maxHeight}
               maxWidth={maxWidth}
               css={styles?.container}

package/src/Drilldown/props.ts

@@ -27,10 +27,12 @@ import PropTypes from 'prop-types'
 
 import { Children, controllable } from '@instructure/ui-prop-types'
 import { PositionPropTypes } from '@instructure/ui-position'
+
 import { Popover } from '@instructure/ui-popover'
-import type { WithDeterministicIdProps } from '@instructure/ui-react-utils'
 
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
+
+import type { WithDeterministicIdProps } from '@instructure/ui-react-utils'
 import type {
   PlacementPropValues,
   PositionConstraint,
@@ -122,6 +124,8 @@ type DrilldownOwnProps = {
   overflowY?: 'auto' | 'hidden' | 'visible'
   height?: string | number
   width?: string | number
+  minHeight?: string | number
+  minWidth?: string | number
   maxHeight?: string | number
   maxWidth?: string | number
 
@@ -300,6 +304,8 @@ const propTypes: PropValidators<PropKeys> = {
   overflowY: PropTypes.oneOf(['auto', 'hidden', 'visible']),
   height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  minHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 
@@ -337,6 +343,8 @@ const allowedProps: AllowedPropKeys = [
   'overflowY',
   'height',
   'width',
+  'minHeight',
+  'minWidth',
   'maxHeight',
   'maxWidth',
 

package/src/index.ts

@@ -23,4 +23,18 @@
  */
 
 export { Drilldown } from './Drilldown'
-export type { DrilldownProps } from './Drilldown/props'
+
+export type {
+  DrilldownProps,
+  PageChild as DrilldownPageChild,
+  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'
+export type {
+  DrilldownPageProps,
+  PageChildren as DrilldownPageChildren
+} from './Drilldown/DrilldownPage/props'
+export type { DrilldownSeparatorProps } from './Drilldown/DrilldownSeparator/props'