@leafygreen-ui/combobox 5.0.2 → 5.0.3

package/dist/utils/flattenChildren.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flattenChildren.d.ts","sourceRoot":"","sources":["../../src/utils/flattenChildren.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,cACf,MAAM,SAAS,KACzB,MAAM,YAAY,CAgCpB,CAAC"}
+{"version":3,"file":"flattenChildren.d.ts","sourceRoot":"","sources":["../../src/utils/flattenChildren.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAIjD;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,cACf,MAAM,SAAS,KACzB,MAAM,YAAY,CAgCpB,CAAC"}

package/dist/utils/getNameAndValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getNameAndValue.d.ts","sourceRoot":"","sources":["../../src/utils/getNameAndValue.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAExD;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,+CAGzB,mBAAmB,KAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CAMrB,CAAC"}
+{"version":3,"file":"getNameAndValue.d.ts","sourceRoot":"","sources":["../../src/utils/getNameAndValue.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAExD;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,+CAGzB,mBAAmB,KAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CAMrB,CAAC"}

package/dist/utils/index.d.ts

@@ -1,5 +1,5 @@
-export { wrapJSX } from './wrapJSX';
-export { getNameAndValue } from './getNameAndValue';
-export { getOptionObjectFromValue, getDisplayNameForValue, getValueForDisplayName, } from './OptionObjectUtils';
 export { flattenChildren } from './flattenChildren';
+export { getNameAndValue } from './getNameAndValue';
+export { getDisplayNameForValue, getOptionObjectFromValue, getValueForDisplayName, } from './OptionObjectUtils';
+export { wrapJSX } from './wrapJSX';
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EACL,wBAAwB,EACxB,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EACL,sBAAsB,EACtB,wBAAwB,EACxB,sBAAsB,GACvB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leafygreen-ui/combobox",
-  "version": "5.0.2",
+  "version": "5.0.3",
   "description": "leafyGreen UI Kit Combobox",
   "main": "./dist/index.js",
   "module": "./dist/esm/index.js",
@@ -20,17 +20,18 @@
     "access": "public"
   },
   "dependencies": {
-    "@leafygreen-ui/checkbox": "^12.0.2",
+    "@leafygreen-ui/checkbox": "^12.0.3",
     "@leafygreen-ui/emotion": "^4.0.3",
     "@leafygreen-ui/hooks": "^7.3.3",
-    "@leafygreen-ui/icon": "^11.12.1",
-    "@leafygreen-ui/icon-button": "^15.0.1",
-    "@leafygreen-ui/inline-definition": "^6.0.0",
+    "@leafygreen-ui/icon": "^11.12.2",
+    "@leafygreen-ui/icon-button": "^15.0.2",
+    "@leafygreen-ui/inline-definition": "^6.0.1",
     "@leafygreen-ui/lib": "^10.0.0",
-    "@leafygreen-ui/palette": "^3.4.4",
-    "@leafygreen-ui/popover": "^11.0.1",
-    "@leafygreen-ui/tokens": "^1.4.0",
-    "@leafygreen-ui/typography": "^15.1.0",
+    "@leafygreen-ui/palette": "^3.4.5",
+    "@leafygreen-ui/popover": "^11.0.2",
+    "@leafygreen-ui/tokens": "^1.4.1",
+    "@leafygreen-ui/typography": "^15.1.1",
+    "chalk": "^5.1.2",
     "lodash": "^4.17.21",
     "polished": "^4.2.2"
   },
@@ -38,7 +39,7 @@
     "@leafygreen-ui/leafygreen-provider": "^3.1.0"
   },
   "devDependencies": {
-    "chalk": "^2.4.2"
+    "@leafygreen-ui/button": "^19.0.2"
   },
   "homepage": "https://github.com/mongodb/leafygreen-ui/tree/main/packages/combobox",
   "repository": {

package/src/Chip.tsx

@@ -1,17 +1,19 @@
 import React, { useContext, useEffect, useMemo, useRef } from 'react';
-import Icon from '@leafygreen-ui/icon';
+
 import { css, cx } from '@leafygreen-ui/emotion';
-import { palette } from '@leafygreen-ui/palette';
+import Icon from '@leafygreen-ui/icon';
 import InlineDefinition from '@leafygreen-ui/inline-definition';
 import { keyMap, Theme } from '@leafygreen-ui/lib';
+import { palette } from '@leafygreen-ui/palette';
 import { transitionDuration, typeScales } from '@leafygreen-ui/tokens';
-import { ChipProps, ComboboxSize as Size } from './Combobox.types';
-import { ComboboxContext } from './ComboboxContext';
+
 import {
   chipClassName,
   chipWrapperPaddingY,
   inputHeight,
 } from './Combobox.styles';
+import { ChipProps, ComboboxSize as Size } from './Combobox.types';
+import { ComboboxContext } from './ComboboxContext';
 
 const chipWrapperBaseStyle = css`
   display: inline-flex;

package/src/Combobox.spec.tsx

@@ -1,19 +1,24 @@
 /* eslint-disable jest/no-standalone-expect */
 /* eslint jest/expect-expect: ["error", { "assertFunctionNames": ["expect", "expectSelection"] }] */
-import flatten from 'lodash/flatten';
-import isUndefined from 'lodash/isUndefined';
-import startCase from 'lodash/startCase';
 import React from 'react';
 import {
-  waitForElementToBeRemoved,
   act,
-  waitFor,
+  fireEvent,
   queryByText,
   render,
-  fireEvent,
+  waitFor,
+  waitForElementToBeRemoved,
 } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { axe } from 'jest-axe';
+import flatten from 'lodash/flatten';
+import isUndefined from 'lodash/isUndefined';
+import startCase from 'lodash/startCase';
+
+import Button from '@leafygreen-ui/button';
+import { keyMap } from '@leafygreen-ui/lib';
+
+import { OptionObject } from './Combobox.types';
 import {
   defaultOptions,
   getComboboxJSX,
@@ -23,9 +28,6 @@ import {
   Select,
   testif,
 } from './ComboboxTestUtils';
-import { OptionObject } from './Combobox.types';
-import Button from '@leafygreen-ui/button';
-import { keyMap } from '@leafygreen-ui/lib';
 
 /**
  * Tests

package/src/Combobox.story.tsx

@@ -1,9 +1,10 @@
 import React, { useState } from 'react';
-import Icon from '@leafygreen-ui/icon';
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+
 import Button from '@leafygreen-ui/button';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { css } from '@leafygreen-ui/emotion';
-import { Combobox, ComboboxOption, ComboboxGroup } from '.';
+import Icon from '@leafygreen-ui/icon';
+
 import {
   ComboboxSize,
   Overflow,
@@ -11,6 +12,7 @@ import {
   State,
   TruncationLocation,
 } from './Combobox.types';
+import { Combobox, ComboboxGroup, ComboboxOption } from '.';
 
 const wrapperStyle = css`
   width: 256px;

package/src/Combobox.styles.ts

@@ -9,6 +9,7 @@ import {
   transitionDuration,
   typeScales,
 } from '@leafygreen-ui/tokens';
+
 import { ComboboxSize as Size, Overflow } from './Combobox.types';
 
 /**

package/src/Combobox.tsx

@@ -1,9 +1,3 @@
-import clone from 'lodash/clone';
-import isArray from 'lodash/isArray';
-import isEqual from 'lodash/isEqual';
-import isNull from 'lodash/isNull';
-import isString from 'lodash/isString';
-import isUndefined from 'lodash/isUndefined';
 import React, {
   useCallback,
   useEffect,
@@ -11,8 +5,15 @@ import React, {
   useRef,
   useState,
 } from 'react';
+import clone from 'lodash/clone';
+import isArray from 'lodash/isArray';
+import isEqual from 'lodash/isEqual';
+import isNull from 'lodash/isNull';
+import isString from 'lodash/isString';
+import isUndefined from 'lodash/isUndefined';
 import PropTypes from 'prop-types';
-import { Description, Label } from '@leafygreen-ui/typography';
+
+import { cx } from '@leafygreen-ui/emotion';
 import {
   useDynamicRefs,
   useEventListener,
@@ -21,56 +22,57 @@ import {
 } from '@leafygreen-ui/hooks';
 import Icon from '@leafygreen-ui/icon';
 import IconButton from '@leafygreen-ui/icon-button';
-import { cx } from '@leafygreen-ui/emotion';
-import { palette } from '@leafygreen-ui/palette';
-import { consoleOnce, isComponentType, keyMap } from '@leafygreen-ui/lib';
 import { useDarkMode } from '@leafygreen-ui/leafygreen-provider';
+import { consoleOnce, isComponentType, keyMap } from '@leafygreen-ui/lib';
+import { palette } from '@leafygreen-ui/palette';
+import { Description, Label } from '@leafygreen-ui/typography';
+
+import { ComboboxMenu } from './ComboboxMenu/ComboboxMenu';
+import { Chip } from './Chip';
+import {
+  baseComboboxStyles,
+  baseInputElementStyle,
+  clearButtonStyle,
+  comboboxDisabledStyles,
+  comboboxErrorStyles,
+  comboboxFocusStyle,
+  comboboxParentStyle,
+  comboboxSelectionStyles,
+  comboboxSizeStyles,
+  comboboxThemeStyles,
+  endIconStyle,
+  errorMessageSizeStyle,
+  errorMessageThemeStyle,
+  inputElementSizeStyle,
+  inputElementThemeStyle,
+  inputElementTransitionStyles,
+  inputWrapperStyle,
+  labelDescriptionContainerStyle,
+  multiselectInputElementStyle,
+} from './Combobox.styles';
 import {
+  ComboboxElement,
   ComboboxProps,
+  ComboboxSize,
   getNullSelection,
   onChangeType,
-  SelectValueType,
   OptionObject,
-  ComboboxElement,
-  ComboboxSize,
-  State,
   Overflow,
-  TruncationLocation,
   SearchState,
+  SelectValueType,
+  State,
+  TruncationLocation,
 } from './Combobox.types';
+import { ComboboxContext } from './ComboboxContext';
+import { InternalComboboxGroup } from './ComboboxGroup';
+import { InternalComboboxOption } from './ComboboxOption';
 import {
   flattenChildren,
-  getOptionObjectFromValue,
   getDisplayNameForValue,
-  getValueForDisplayName,
   getNameAndValue,
+  getOptionObjectFromValue,
+  getValueForDisplayName,
 } from './utils';
-import { ComboboxContext } from './ComboboxContext';
-import { InternalComboboxGroup } from './ComboboxGroup';
-import { InternalComboboxOption } from './ComboboxOption';
-import { Chip } from './Chip';
-import {
-  comboboxFocusStyle,
-  inputWrapperStyle,
-  baseComboboxStyles,
-  comboboxThemeStyles,
-  comboboxSizeStyles,
-  comboboxDisabledStyles,
-  comboboxErrorStyles,
-  comboboxParentStyle,
-  baseInputElementStyle,
-  inputElementSizeStyle,
-  inputElementTransitionStyles,
-  multiselectInputElementStyle,
-  clearButtonStyle,
-  endIconStyle,
-  errorMessageThemeStyle,
-  errorMessageSizeStyle,
-  labelDescriptionContainerStyle,
-  inputElementThemeStyle,
-  comboboxSelectionStyles,
-} from './Combobox.styles';
-import { ComboboxMenu } from './ComboboxMenu/ComboboxMenu';
 
 /**
  * Combobox is a combination of a Select and TextInput,

package/src/Combobox.types.ts

@@ -1,4 +1,5 @@
 import { ReactElement, ReactNode } from 'react';
+
 import { Either, HTMLElementProps } from '@leafygreen-ui/lib';
 
 /**

package/src/ComboboxContext.tsx

@@ -1,5 +1,7 @@
-import { Theme } from '@leafygreen-ui/lib';
 import { createContext } from 'react';
+
+import { Theme } from '@leafygreen-ui/lib';
+
 import {
   ComboboxSize,
   SearchState,

package/src/ComboboxGroup.tsx

@@ -1,11 +1,13 @@
+import React, { useContext } from 'react';
+import PropTypes from 'prop-types';
+
 import { css, cx } from '@leafygreen-ui/emotion';
 import { useIdAllocator } from '@leafygreen-ui/hooks';
+import { Theme } from '@leafygreen-ui/lib';
 import { palette } from '@leafygreen-ui/palette';
-import React, { useContext } from 'react';
-import PropTypes from 'prop-types';
+
 import { ComboboxGroupProps } from './Combobox.types';
 import { ComboboxContext } from './ComboboxContext';
-import { Theme } from '@leafygreen-ui/lib';
 
 const comboboxGroupStyle: Record<Theme, string> = {
   [Theme.Light]: css`

package/src/ComboboxMenu/ComboboxMenu.tsx

@@ -1,23 +1,26 @@
 import React, { useContext, useMemo } from 'react';
+import isUndefined from 'lodash/isUndefined';
+
+import { css, cx } from '@leafygreen-ui/emotion';
+import { useAvailableSpace, useForwardedRef } from '@leafygreen-ui/hooks';
+import Icon from '@leafygreen-ui/icon';
+import { palette } from '@leafygreen-ui/palette';
 import Popover from '@leafygreen-ui/popover';
+
+import { ComboboxProps } from '../Combobox.types';
 import { ComboboxContext } from '../ComboboxContext';
-import { useAvailableSpace, useForwardedRef } from '@leafygreen-ui/hooks';
+
 import {
+  loadingIconStyle,
   menuBaseStyle,
   menuList,
   menuMessageBaseStyle,
-  menuMessageThemeStyle,
   menuMessageSizeStyle,
+  menuMessageThemeStyle,
   menuThemeStyle,
   popoverStyle,
-  loadingIconStyle,
   popoverThemeStyle,
 } from './Menu.styles';
-import { css, cx } from '@leafygreen-ui/emotion';
-import Icon from '@leafygreen-ui/icon';
-import { ComboboxProps } from '../Combobox.types';
-import { palette } from '@leafygreen-ui/palette';
-import isUndefined from 'lodash/isUndefined';
 
 type ComboboxMenuProps = {
   children?: React.ReactNode;

package/src/ComboboxMenu/Menu.styles.ts

@@ -1,8 +1,10 @@
+import { transparentize } from 'polished';
+
 import { css, keyframes } from '@leafygreen-ui/emotion';
 import { Theme } from '@leafygreen-ui/lib';
 import { palette } from '@leafygreen-ui/palette';
 import { fontFamilies, spacing, typeScales } from '@leafygreen-ui/tokens';
-import { transparentize } from 'polished';
+
 import { ComboboxSize as Size } from '../Combobox.types';
 
 export const menuItemPadding: Record<Size, { x: number; y: number }> = {

package/src/ComboboxOption.tsx

@@ -1,20 +1,22 @@
 import React, { useCallback, useContext, useMemo } from 'react';
 import PropTypes from 'prop-types';
+
+import Checkbox from '@leafygreen-ui/checkbox';
 import { css, cx } from '@leafygreen-ui/emotion';
-import { palette } from '@leafygreen-ui/palette';
-import { Theme } from '@leafygreen-ui/lib';
 import { useForwardedRef, useIdAllocator } from '@leafygreen-ui/hooks';
-import Checkbox from '@leafygreen-ui/checkbox';
 import Icon, { isComponentGlyph } from '@leafygreen-ui/icon';
+import { Theme } from '@leafygreen-ui/lib';
+import { palette } from '@leafygreen-ui/palette';
+import { fontFamilies, spacing, typeScales } from '@leafygreen-ui/tokens';
+
+import { menuItemHeight, menuItemPadding } from './ComboboxMenu/Menu.styles';
 import {
   ComboboxOptionProps,
-  InternalComboboxOptionProps,
   ComboboxSize as Size,
+  InternalComboboxOptionProps,
 } from './Combobox.types';
 import { ComboboxContext } from './ComboboxContext';
 import { wrapJSX } from './utils';
-import { fontFamilies, spacing, typeScales } from '@leafygreen-ui/tokens';
-import { menuItemHeight, menuItemPadding } from './ComboboxMenu/Menu.styles';
 
 /**
  * Styles

package/src/ComboboxTestUtils.tsx

@@ -1,23 +1,25 @@
-import isArray from 'lodash/isArray';
-import isNull from 'lodash/isNull';
 import React from 'react';
 import {
-  render,
   configure,
-  queryByText,
-  queryByAttribute,
-  queryAllByTestId,
   queryAllByAttribute,
+  queryAllByTestId,
+  queryByAttribute,
+  queryByText,
+  render,
 } from '@testing-library/react';
-import chalk from 'chalk';
 import userEvent from '@testing-library/user-event';
+import chalk from 'chalk';
+import isArray from 'lodash/isArray';
+import isNull from 'lodash/isNull';
+
 import LeafyGreenProvider from '@leafygreen-ui/leafygreen-provider';
-import { Combobox, ComboboxGroup, ComboboxOption } from '.';
+
 import {
   BaseComboboxProps,
   ComboboxMultiselectProps,
   OptionObject,
 } from './Combobox.types';
+import { Combobox, ComboboxGroup, ComboboxOption } from '.';
 
 export interface NestedObject {
   label: string;

package/src/Menu.styles.ts

@@ -2,6 +2,7 @@ import { css, keyframes } from '@leafygreen-ui/emotion';
 import { Theme } from '@leafygreen-ui/lib';
 import { uiColors } from '@leafygreen-ui/palette';
 import { fontFamilies, typeScales } from '@leafygreen-ui/tokens';
+
 import { ComboboxSize } from './Combobox.types';
 
 /** Height of a menu item (in px) */

package/src/index.ts

@@ -1,3 +1,3 @@
 export { Combobox } from './Combobox';
-export { ComboboxOption } from './ComboboxOption';
 export { default as ComboboxGroup } from './ComboboxGroup';
+export { ComboboxOption } from './ComboboxOption';

package/src/utils/ComboboxUtils.spec.tsx

@@ -1,8 +1,11 @@
-import { render } from '@testing-library/react';
 import React from 'react';
+import { render } from '@testing-library/react';
+
 import Icon from '@leafygreen-ui/icon';
-import { wrapJSX, getNameAndValue, flattenChildren } from '.';
-import { ComboboxOption, ComboboxGroup } from '..';
+
+import { ComboboxGroup, ComboboxOption } from '..';
+
+import { flattenChildren, getNameAndValue, wrapJSX } from '.';
 
 describe('packages/combobox/utils', () => {
   describe('wrapJSX', () => {

package/src/utils/flattenChildren.tsx

@@ -1,6 +1,9 @@
 import React from 'react';
+
 import { isComponentType, keyMap as _keyMap } from '@leafygreen-ui/lib';
+
 import { OptionObject } from '../Combobox.types';
+
 import { getNameAndValue } from './getNameAndValue';
 
 /**

package/src/utils/getNameAndValue.ts

@@ -1,4 +1,5 @@
 import kebabCase from 'lodash/kebabCase';
+
 import { ComboboxOptionProps } from '../Combobox.types';
 
 /**

package/src/utils/index.ts

@@ -1,8 +1,8 @@
-export { wrapJSX } from './wrapJSX';
+export { flattenChildren } from './flattenChildren';
 export { getNameAndValue } from './getNameAndValue';
 export {
-  getOptionObjectFromValue,
   getDisplayNameForValue,
+  getOptionObjectFromValue,
   getValueForDisplayName,
 } from './OptionObjectUtils';
-export { flattenChildren } from './flattenChildren';
+export { wrapJSX } from './wrapJSX';