@khanacademy/wonder-blocks-dropdown 5.4.1 → 5.4.2

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @khanacademy/wonder-blocks-dropdown
 
+## 5.4.2
+
+### Patch Changes
+
+-   559e82d5: Update to build tooling, generating smaller output
+-   Updated dependencies [559e82d5]
+    -   @khanacademy/wonder-blocks-cell@3.4.2
+    -   @khanacademy/wonder-blocks-clickable@4.2.5
+    -   @khanacademy/wonder-blocks-core@6.4.3
+    -   @khanacademy/wonder-blocks-icon@4.1.3
+    -   @khanacademy/wonder-blocks-layout@2.1.2
+    -   @khanacademy/wonder-blocks-modal@5.1.8
+    -   @khanacademy/wonder-blocks-search-field@2.2.20
+    -   @khanacademy/wonder-blocks-timing@5.0.1
+    -   @khanacademy/wonder-blocks-tokens@1.3.1
+    -   @khanacademy/wonder-blocks-typography@2.1.14
+
 ## 5.4.1
 
 ### Patch Changes

package/dist/es/index.js

@@ -1,9 +1,11 @@
+import _extends from '@babel/runtime/helpers/extends';
 import * as React from 'react';
 import { StyleSheet } from 'aphrodite';
 import { CompactCell, DetailCell } from '@khanacademy/wonder-blocks-cell';
 import * as tokens from '@khanacademy/wonder-blocks-tokens';
 import { spacing, color, mix, fade } from '@khanacademy/wonder-blocks-tokens';
 import { LabelMedium, LabelSmall, LabelLarge } from '@khanacademy/wonder-blocks-typography';
+import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/objectWithoutPropertiesLoose';
 import { View, addStyle, IDProvider, useUniqueIdWithMock } from '@khanacademy/wonder-blocks-core';
 import { Strut } from '@khanacademy/wonder-blocks-layout';
 import { PhosphorIcon } from '@khanacademy/wonder-blocks-icon';
@@ -18,21 +20,6 @@ import { maybeGetPortalMountedModalHostElement } from '@khanacademy/wonder-block
 import { detectOverflow } from '@popperjs/core';
 import caretDownIcon from '@phosphor-icons/core/bold/caret-down-bold.svg';
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
 const keyCodes = {
   tab: 9,
   enter: 13,
@@ -155,19 +142,6 @@ const styles$9 = StyleSheet.create({
   }
 });
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
 const Check = function Check(props) {
   const {
     selected

package/dist/index.js

@@ -2,11 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var aphrodite = require('aphrodite');
 var wonderBlocksCell = require('@khanacademy/wonder-blocks-cell');
 var tokens = require('@khanacademy/wonder-blocks-tokens');
 var wonderBlocksTypography = require('@khanacademy/wonder-blocks-typography');
+var _objectWithoutPropertiesLoose = require('@babel/runtime/helpers/objectWithoutPropertiesLoose');
 var wonderBlocksCore = require('@khanacademy/wonder-blocks-core');
 var wonderBlocksLayout = require('@khanacademy/wonder-blocks-layout');
 var wonderBlocksIcon = require('@khanacademy/wonder-blocks-icon');
@@ -24,45 +26,32 @@ var caretDownIcon = require('@phosphor-icons/core/bold/caret-down-bold.svg');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
         });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
+    }
+    n["default"] = e;
+    return Object.freeze(n);
 }
 
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var tokens__namespace = /*#__PURE__*/_interopNamespace(tokens);
+var _objectWithoutPropertiesLoose__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutPropertiesLoose);
 var checkIcon__default = /*#__PURE__*/_interopDefaultLegacy(checkIcon);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 var SearchField__default = /*#__PURE__*/_interopDefaultLegacy(SearchField);
 var caretDownIcon__default = /*#__PURE__*/_interopDefaultLegacy(caretDownIcon);
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
 const keyCodes = {
   tab: 9,
   enter: 13,
@@ -121,7 +110,7 @@ class ActionItem extends React__namespace.Component {
     const labelComponent = typeof label === "string" ? React__namespace.createElement(wonderBlocksTypography.LabelMedium, {
       lang: lang,
       style: styles$9.label
-    }, label) : React__namespace.cloneElement(label, _extends({
+    }, label) : React__namespace.cloneElement(label, _extends__default["default"]({
       lang,
       style: styles$9.label
     }, label.props));
@@ -185,19 +174,6 @@ const styles$9 = aphrodite.StyleSheet.create({
   }
 });
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
 const Check = function Check(props) {
   const {
     selected
@@ -312,10 +288,10 @@ class OptionItem extends React__namespace.Component {
         subtitle2,
         role
       } = _this$props,
-      sharedProps = _objectWithoutPropertiesLoose(_this$props, _excluded$5);
+      sharedProps = _objectWithoutPropertiesLoose__default["default"](_this$props, _excluded$5);
     const CheckComponent = this.getCheckComponent();
     const defaultStyle = [styles$6.item, style];
-    return React__namespace.createElement(wonderBlocksCell.DetailCell, _extends({
+    return React__namespace.createElement(wonderBlocksCell.DetailCell, _extends__default["default"]({
       disabled: disabled,
       horizontalRule: horizontalRule,
       rootStyle: parentComponent === "listbox" ? styles$6.listboxItem : defaultStyle,
@@ -527,13 +503,13 @@ class DropdownOpener extends React__namespace.Component {
       "aria-haspopup": ariaHasPopUp,
       id
     } = this.props;
-    const renderedChildren = this.props.children(_extends({}, eventState, {
+    const renderedChildren = this.props.children(_extends__default["default"]({}, eventState, {
       text,
       opened
     }));
     const childrenProps = renderedChildren.props;
     const childrenTestId = this.getTestIdFromProps(childrenProps);
-    return React__namespace.cloneElement(renderedChildren, _extends({}, clickableChildrenProps, {
+    return React__namespace.cloneElement(renderedChildren, _extends__default["default"]({}, clickableChildrenProps, {
       disabled,
       "aria-controls": ariaControls,
       id,
@@ -578,7 +554,7 @@ class DropdownVirtualizedItem extends React__namespace.Component {
         role,
         ref
       } = item;
-      return React__namespace.cloneElement(component, _extends({
+      return React__namespace.cloneElement(component, _extends__default["default"]({
         style
       }, populatedProps, {
         key: index,
@@ -718,7 +694,7 @@ function modifyMaxHeight({
   const [basePlacement] = state.placement.split("-");
   const heightProp = basePlacement === "top" ? "top" : "bottom";
   const maxHeight = height - overflow[heightProp] - y;
-  state.styles.popper = _extends({}, state.styles.popper, {
+  state.styles.popper = _extends__default["default"]({}, state.styles.popper, {
     maxHeight: `${maxHeight}px`,
     ["--popper-max-height"]: `${maxHeight}px`
   });
@@ -997,7 +973,7 @@ class DropdownCore extends React__namespace.Component {
       prevItems: this.props.items,
       itemRefs: [],
       sameItemsFocusable: false,
-      labels: _extends({
+      labels: _extends__default["default"]({
         noResults: defaultLabels.noResults,
         someResults: defaultLabels.someSelected
       }, props.labels)
@@ -1037,7 +1013,7 @@ class DropdownCore extends React__namespace.Component {
       }
       if (this.props.labels !== prevProps.labels) {
         this.setState({
-          labels: _extends({}, this.state.labels, this.props.labels)
+          labels: _extends__default["default"]({}, this.state.labels, this.props.labels)
         });
       }
     }
@@ -1200,7 +1176,7 @@ class DropdownCore extends React__namespace.Component {
       }
       const focusIndex = focusCounter - 1;
       const currentRef = this.state.itemRefs[focusIndex] ? this.state.itemRefs[focusIndex].ref : null;
-      return React__namespace.cloneElement(component, _extends({}, populatedProps, {
+      return React__namespace.cloneElement(component, _extends__default["default"]({}, populatedProps, {
         key: index,
         onClick: () => {
           this.handleItemClick(focusIndex, item);
@@ -1221,7 +1197,7 @@ class DropdownCore extends React__namespace.Component {
         focusCounter += 1;
       }
       const focusIndex = focusCounter - 1;
-      return _extends({}, item, {
+      return _extends__default["default"]({}, item, {
         role: populatedProps.role || itemRole,
         ref: item.focusable ? this.state.itemRefs[focusIndex] ? this.state.itemRefs[focusIndex].ref : null : null,
         onClick: () => {
@@ -1402,7 +1378,7 @@ class ActionMenuOpenerCore extends React__namespace.Component {
         opened,
         "aria-label": ariaLabel
       } = _this$props,
-      restProps = _objectWithoutPropertiesLoose(_this$props, _excluded$4);
+      restProps = _objectWithoutPropertiesLoose__default["default"](_this$props, _excluded$4);
     const buttonColor = tokens.color.blue;
     const buttonStyles = _generateStyles$1(buttonColor);
     const disabled = disabledProp;
@@ -1410,7 +1386,7 @@ class ActionMenuOpenerCore extends React__namespace.Component {
     const label = React__namespace.createElement(wonderBlocksTypography.LabelLarge, {
       style: sharedStyles.text
     }, children);
-    return React__namespace.createElement(StyledButton$1, _extends({
+    return React__namespace.createElement(StyledButton$1, _extends__default["default"]({
       "aria-expanded": opened ? "true" : "false",
       "aria-haspopup": "menu",
       "aria-label": ariaLabel,
@@ -1582,7 +1558,7 @@ class ActionMenu extends React__namespace.Component {
         populatedProps: {}
       };
       if (ActionItem.isClassOf(item)) {
-        return _extends({}, itemObject, {
+        return _extends__default["default"]({}, itemObject, {
           populatedProps: {
             indent: isOptionItemIncluded,
             onClick: this.handleItemSelected
@@ -1590,7 +1566,7 @@ class ActionMenu extends React__namespace.Component {
         });
       } else if (OptionItem.isClassOf(item)) {
         const selected = selectedValues ? selectedValues.includes(value) : false;
-        return _extends({}, itemObject, {
+        return _extends__default["default"]({}, itemObject, {
           populatedProps: {
             onToggle: this.handleOptionSelected,
             selected,
@@ -1630,8 +1606,8 @@ class ActionMenu extends React__namespace.Component {
       const {
           opened
         } = openerProps,
-        eventState = _objectWithoutPropertiesLoose(openerProps, _excluded$3);
-      return React__namespace.createElement(ActionMenuOpenerCore, _extends({}, eventState, {
+        eventState = _objectWithoutPropertiesLoose__default["default"](openerProps, _excluded$3);
+      return React__namespace.createElement(ActionMenuOpenerCore, _extends__default["default"]({}, eventState, {
         disabled: disabled,
         opened: !!opened,
         testId: testId
@@ -1729,11 +1705,11 @@ class SelectOpener extends React__namespace.Component {
         open,
         testId
       } = _this$props,
-      sharedProps = _objectWithoutPropertiesLoose(_this$props, _excluded$2);
+      sharedProps = _objectWithoutPropertiesLoose__default["default"](_this$props, _excluded$2);
     const stateStyles = _generateStyles(light, isPlaceholder, error);
     const iconColor = light ? disabled || error ? "currentColor" : tokens__namespace.color.white : disabled ? tokens__namespace.color.offBlack32 : tokens__namespace.color.offBlack64;
     const style = [styles$1.shared, stateStyles.default, disabled && stateStyles.disabled, !disabled && this.state.pressed && stateStyles.pressed];
-    return React__namespace.createElement(StyledButton, _extends({}, sharedProps, {
+    return React__namespace.createElement(StyledButton, _extends__default["default"]({}, sharedProps, {
       "aria-disabled": disabled,
       "aria-expanded": open ? "true" : "false",
       "aria-haspopup": "listbox",
@@ -2001,7 +1977,7 @@ class SingleSelect extends React__namespace.Component {
         selectedValue,
         testId
       } = _this$props,
-      sharedProps = _objectWithoutPropertiesLoose(_this$props, _excluded$1);
+      sharedProps = _objectWithoutPropertiesLoose__default["default"](_this$props, _excluded$1);
     const items = React__namespace.Children.toArray(children);
     const selectedItem = items.find(option => option.props.value === selectedValue);
     const menuText = selectedItem ? getLabel(selectedItem.props) : placeholder;
@@ -2018,7 +1994,7 @@ class SingleSelect extends React__namespace.Component {
         ref: this.handleOpenerRef,
         text: menuText,
         opened: this.state.open
-      }, opener) : React__namespace.createElement(SelectOpener, _extends({}, sharedProps, {
+      }, opener) : React__namespace.createElement(SelectOpener, _extends__default["default"]({}, sharedProps, {
         "aria-controls": dropdownId,
         disabled: isDisabled,
         id: uniqueOpenerId,
@@ -2181,9 +2157,9 @@ class MultiSelect extends React__namespace.Component {
       open: false,
       searchText: "",
       lastSelectedValues: [],
-      labels: _extends({}, defaultLabels, props.labels)
+      labels: _extends__default["default"]({}, defaultLabels, props.labels)
     };
-    this.labels = _extends({}, defaultLabels, props.labels);
+    this.labels = _extends__default["default"]({}, defaultLabels, props.labels);
   }
   static getDerivedStateFromProps(props, state) {
     return {
@@ -2193,7 +2169,7 @@ class MultiSelect extends React__namespace.Component {
   componentDidUpdate(prevProps) {
     if (this.props.labels !== prevProps.labels) {
       this.setState({
-        labels: _extends({}, this.state.labels, this.props.labels)
+        labels: _extends__default["default"]({}, this.state.labels, this.props.labels)
       });
     }
   }
@@ -2317,7 +2293,7 @@ class MultiSelect extends React__namespace.Component {
         opener,
         testId
       } = _this$props,
-      sharedProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
+      sharedProps = _objectWithoutPropertiesLoose__default["default"](_this$props, _excluded);
     const {
       noneSelected
     } = this.state.labels;
@@ -2335,7 +2311,7 @@ class MultiSelect extends React__namespace.Component {
         ref: this.handleOpenerRef,
         text: menuText,
         opened: this.state.open
-      }, opener) : React__namespace.createElement(SelectOpener, _extends({}, sharedProps, {
+      }, opener) : React__namespace.createElement(SelectOpener, _extends__default["default"]({}, sharedProps, {
         disabled: isDisabled,
         id: uniqueOpenerId,
         "aria-controls": dropdownId,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-dropdown",
-  "version": "5.4.1",
+  "version": "5.4.2",
   "design": "v1",
   "description": "Dropdown variants for Wonder Blocks.",
   "main": "dist/index.js",
@@ -16,16 +16,16 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-cell": "^3.4.1",
-    "@khanacademy/wonder-blocks-clickable": "^4.2.4",
-    "@khanacademy/wonder-blocks-core": "^6.4.2",
-    "@khanacademy/wonder-blocks-icon": "^4.1.2",
-    "@khanacademy/wonder-blocks-layout": "^2.1.1",
-    "@khanacademy/wonder-blocks-modal": "^5.1.7",
-    "@khanacademy/wonder-blocks-search-field": "^2.2.19",
-    "@khanacademy/wonder-blocks-timing": "^5.0.0",
-    "@khanacademy/wonder-blocks-tokens": "^1.3.0",
-    "@khanacademy/wonder-blocks-typography": "^2.1.13"
+    "@khanacademy/wonder-blocks-cell": "^3.4.2",
+    "@khanacademy/wonder-blocks-clickable": "^4.2.5",
+    "@khanacademy/wonder-blocks-core": "^6.4.3",
+    "@khanacademy/wonder-blocks-icon": "^4.1.3",
+    "@khanacademy/wonder-blocks-layout": "^2.1.2",
+    "@khanacademy/wonder-blocks-modal": "^5.1.8",
+    "@khanacademy/wonder-blocks-search-field": "^2.2.20",
+    "@khanacademy/wonder-blocks-timing": "^5.0.1",
+    "@khanacademy/wonder-blocks-tokens": "^1.3.1",
+    "@khanacademy/wonder-blocks-typography": "^2.1.14"
   },
   "peerDependencies": {
     "@phosphor-icons/core": "^2.0.2",
@@ -39,7 +39,7 @@
     "react-window": "^1.8.5"
   },
   "devDependencies": {
-    "@khanacademy/wonder-blocks-button": "^6.3.5",
-    "@khanacademy/wb-dev-build-settings": "^1.0.0"
+    "@khanacademy/wonder-blocks-button": "^6.3.6",
+    "@khanacademy/wb-dev-build-settings": "^1.0.1"
   }
 }