Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@kalamazoo/droplist

stevenselcuk32Apache-2.01.0.2

Droplist component

atlaskit, react, ui

readme

Droplist

This is a base (internal) component which should be used to build all the 'dropdown' lists.

Installation

yarn add @kalamazoo/droplist

Usage

Detailed docs and example usage can be found here.

changelog

@kalamazoo/droplist

9.1.0

Minor Changes

  • [minor]0e2241e904:

    Adding an optional prop testId that will set the attribute value data-testid. It will help products to write better integration and end to end tests.

9.0.19

Patch Changes

  • [patch]35d2229b2a:

    Adding missing license to packages and update to Copyright 2019 Atlassian Pty Ltd.

9.0.18

Patch Changes

  • [patch]a2d0043716:

    Updated version of analytics-next to fix potential incompatibilities with TS 3.6

9.0.17

Patch Changes

  • [patch]097b696613:

    Components now depend on TS 3.6 internally, in order to fix an issue with TS resolving non-relative imports as relative imports

9.0.16

Patch Changes

9.0.15

Patch Changes

  • [patch]708028db86:

    Change all the imports to theme in Core to use multi entry points

9.0.14

Patch Changes

  • [patch]de35ce8c67:

    Updates component maintainers

9.0.13

9.0.12

Patch Changes

  • [patch]d905cbc0ac:

    Adding a condition to check if the component are referenced in tests running in CI. It reduces the noise and help reading the CI log.

9.0.11

Patch Changes

  • [patch]226a5fece8:

    Upating deprecation messages and adding console warning to improve visibility

9.0.10

Patch Changes

  • [patch]27ae405d29:

    Removed unused dependencies from package.json for droplist: keycode and classnames were unused.

9.0.9

Patch Changes

  • [patch]9f8ab1084b:

    Consume analytics-next ts type definitions as an ambient declaration.

9.0.8

9.0.7

Patch Changes

  • [patch]6fe990954c:

    Adjusted the offset prop for Popper to not use the deprecated format

9.0.6

Patch Changes

  • [patch]4615439434:

    index.ts will now be ignored when publishing to npm

9.0.5

9.0.4

9.0.3

  • [patch]b0ef06c685:

    • This is just a safety release in case anything strange happened in in the previous one. See Pull Request #5942 for details

9.0.2

9.0.1

  • [patch]21854842b5:

    • Clean couple of TODO's that were already done

9.0.0

  • [major]7c17b35107:

    • Updates react and react-dom peer dependencies to react@^16.8.0 and react-dom@^16.8.0. To use this package, please ensure you use at least this version of react and react-dom.

8.0.5

8.0.4

  • [patch]6fd20256f3:

    • Add positionFixed property to Popper

8.0.3

8.0.2

  • [patch]98e11001ff:

    • Removes duplicate babel-runtime dependency

8.0.1

8.0.0

  • [major]76299208e6:

    • Drop ES5 from all the flow modules

    Dropping CJS support in all @atlaskit packages

    As a breaking change, all @atlaskit packages will be dropping cjs distributions and will only distribute esm. This means all distributed code will be transpiled, but will still contain import and export declarations.

    The major reason for doing this is to allow us to support multiple entry points in packages, e.g:

    import colors from `@kalamazoo/theme/colors`;

    Previously this was sort of possible for consumers by doing something like:

    import colors from `@kalamazoo/theme/dist/esm/colors`;

    This has a couple of issues. 1, it treats the file system as API making internal refactors harder, we have to worry about how consumers might be using things that aren't actually supposed to be used. 2. We are unable to do this internally in @atlaskit packages. This leads to lots of packages bundling all of theme, just to use a single color, especially in situations where tree shaking fails.

    To support being able to use multiple entrypoints internally, we unfortunately cannot have multiple distributions as they would need to have very different imports from of their own internal dependencies.

    ES Modules are widely supported by all modern bundlers and can be worked around in node environments.

    We may choose to revisit this solution in the future if we find any unintended condequences, but we see this as a pretty sane path forward which should lead to some major bundle size decreases, saner API's and simpler package architecture.

    Please reach out to #fabric-build (if in Atlassian) or create an issue in Design System Support (for external) if you have any questions or queries about this.

7.0.19

  • [patch]08d8be9370:

    • Close droplist on 'Esc' key down to be compatible with IE and Edge

7.0.18

7.0.17

7.0.16

7.0.15

  • [patch]7fbe95e:

    • Prevented onOpenChange from being called repeatedly when closed

7.0.14

7.0.13

7.0.12

  • [patch] Adds missing implicit @babel/runtime dependency b71751b

7.0.11

  • [patch] Fix the dropdown menu height exceeding viewport height when appearance prop is set to ‘tall’ 0deec63

7.0.10

7.0.9

  • [patch] Adds sideEffects: false to allow proper tree shaking b5d6d04

7.0.7

7.0.6

7.0.5

7.0.4

7.0.3

7.0.2

7.0.1

7.0.0

6.2.2

6.2.1

6.2.0

  • [minor] Add optional onPositioned prop to inform when the menu has been positioned by the underlying Layer component. 95a4592
  • [minor] Updated dependencies 95a4592

6.1.2

6.1.1

6.1.0

6.0.1

6.0.0

5.1.1

  • [patch] removed errorneous CSS cursor styles from droplist 535d585
  • [none] Updated dependencies 535d585

5.1.0

  • [minor] Add isMenuFixed prop to force menu to render with position fixed to allow it to break out of non-visible overflow containers at the cost of scroll detachment. e20ac40
  • [none] Updated dependencies e710cfa

5.0.3

5.0.1

  • [patch] Fix clipping of dropdown item content due to line height issues a0392ec

5.0.0

  • [major] Bump to React 16.3. 4251858

4.12.2

  • [patch] Re-releasing due to potentially broken babel release 9ed0bba

4.12.1

  • [patch] Update links in documentation c4f7497

4.12.0

  • [minor] Update styled-components dependency to support versions 1.4.6 - 3 ceccf30

4.11.11

4.11.10

  • [patch] fixes AK-4178 , added fix for double color icon in navigation c6121d6

4.11.8

  • [patch] Packages Flow types for elements components 3111e74

4.11.7

  • [patch] Change incorrect type info ce915ea

4.11.6

  • [patch] transparent background for selected item in droplist 75445a6

4.11.5

  • [patch] migrate from ak to mk2 -> droplist 3b0ae0c

4.11.4 (2017-12-04)

  • bug fix; updated backgorund and color for droplist item in selected mode (issues closed: ak-3624) (c1cb987)

4.11.3 (2017-11-15)

  • bug fix; bumping to latest major version of internal dependencies (be44c19)

4.11.2 (2017-10-22)

  • bug fix; update dependencies for react-16 (077d1ad)

4.11.1 (2017-09-21)

  • bug fix; update item dependency (issues closed: ak-3418) (4f64804)

4.11.0 (2017-08-31)

  • bug fix; droplist dependencies bumped to latest (issues closed: ak-3392) (f24b3ba)
  • feature; adding the ability to pass a boundariesElement to the Layer component (issues closed: ak-3416) (f6a215e)

4.10.0 (2017-08-29)

  • bug fix; remove unused theme file (5481b6b)
  • feature; droplist has darkmode style options (issues closed: ak-3399) (f4e1c65)

4.9.0 (2017-08-11)

  • bug fix; fix the theme-dependency (db90333)
  • feature; implement darkmode for droplist (35f9281)

4.8.0 (2017-08-11)

  • feature; implement darkmode for droplist (35f9281)

4.6.2 (2017-07-27)

  • fix; rename jsnext:main to jsnext:experimental:main temporarily (c7508e0)
  • feature; convert dropdown-menu and droplist to declarative API (f6e0292)

4.6.1 (2017-07-25)

  • fix; use class transform in loose mode in babel to improve load performance in apps (fde719a)

4.2.0 (2017-07-17)

  • fix; rerelease, failed prepublish scripts (5fd82f8)

4.2.0 (2017-07-17)

  • feature; adds maxHeight prop to droplist (9a25a5a)
  • feature; added ES module builds to dist and add jsnext:main to most ADG packages (ea76507)

4.1.0 (2017-06-21)

  • feature; adds appearance prop to droplist (allowing appearance="primary") (6c07808)

4.0.1 (2017-05-31)

  • fix; remove tabIndex attribute from the item with 'option' type (a09821d)

4.0.0 (2017-05-29)

  • replace LESS with SC (4532bf8)
  • breaking; removed TypeScript
  • ISSUES CLOSED: AK-1517

3.9.0 (2017-05-26)

  • fix; add prop-types as a dependency to avoid React 15.x warnings (92598eb)
  • feature; add isLoading to Droplist (4de3242)

3.8.1 (2017-05-16)

  • fix; fix type definition for droplist published in npm (ebb882c)

3.7.0 (2017-05-10)

  • feature; add tooltip support to droplist items. (2a2debc)
  • feature; bumping icon in droplist component to 6.5.2 (e99d87a)

3.6.0 (2017-05-01)

  • feature; fix overflown items + additional property shouldAllowMultilineItems (6af80cc)

3.5.1 (2017-04-20)

  • fix; unmounting a droplist no longer leaves an event listener bound to the document (6d3f7ef)

3.5.0 (2017-04-20)

  • feature; removed explicit style! imports, set style-loader in webpack config (891fc3c)

3.4.1 (2017-04-18)

  • fix; fix problem with text descenders being cut off (6b8e621)

3.3.2 (2017-04-18)

  • fix; bumps Layer version in droplist to allow fix from Layer (2a1b3d2)
  • feature; updated avatar dependency versions for comment, dropdown-menu, droplist, and page (e4d2ae7)

3.3.1 (2017-04-06)

  • fix; only remove maxHeight style for tall appearance (76ef554)

3.3.0 (2017-04-05)

  • feature; avoid setting max-height when not required (1cc2893)

3.2.0 (2017-03-29)

  • feature; description in items is implemented (73b19b1)

3.0.3 (2017-03-21)

  • fix; maintainers for all the packages were added (261d00a)
  • feature; title property for the item sub-component is added. (c508706)

3.0.2 (2017-03-20)

  • fix; fix some colors and paddings according to ADG3 specs (bf03ac9)

3.0.1 (2017-03-14)

  • fix; fix colors and some paddings to be them more adg3 (c51eb40)

3.0.0 (2017-03-07)

  • fix; fix ts definition (0f9969a)
  • fix; fix ts definitions (94d3efc)
  • feature; clean up droplist component from all keyboard interactions and trigger (22b2034)
  • breaking; Trigger is removed from export | isKeyboardInteractionDisabled property is removed |
  • isTriggerDisabled property is removed | isTriggerNotTabbable property is removed | listContext roperty is removed | all keyboard functionality is removed | all focus functionality is removed
  • ISSUES CLOSED: AK-1714

2.0.0 (2017-03-03)

  • feature; merge droplist's subcomponents into the main package (104f740)
  • breaking; droplist-item, droplist-trigger, droplist-group components are now deprecated. Droplist exports them as a named export.

1.3.11 (2017-02-28)

  • fix; dummy commit to release stories (3df5d9f)

1.3.9 (2017-02-28)

  • fix; dummy commit to fix broken stories and missing registry pages (a31e92a)

1.3.9 (2017-02-28)

  • fix; dummy commit to release stories for components (a105c02)

1.3.8 (2017-02-28)

  • fix; Removes jsdoc annotation from droplist (a575f49)

1.3.7 (2017-02-27)

  • empty commit to make components release themselves (5511fbe)

1.3.6 (2017-02-24)

  • fix the 'dummy search' behavior when dropdown is open (4176ab3)

1.3.4 (2017-02-15)

  • fix situation when there is no items (d249ae6)
  • height of the dropdown list is calculated correctly now (baaedc7)

1.3.2 (2017-02-14)

  • fix broken focus ring and scrolling (6e30737)

1.3.1 (2017-02-10)

  • fix; fix broken focus ring (1959f0f)
  • fix; refactor stories to use // rather than http:// (a0826cf)

1.2.1 (2017-02-09)

  • fix; avoiding binding render to this (40c9951)
  • feature; isKeyboardInteractionDisabled prop is added (2b1ec2c)