@atlaskit/dropdown-menu 10.1.8 → 11.0.2

package/codemods/__tests__/replace-shouldAllowMultipleLine.test.tsx

@@ -0,0 +1,122 @@
+// eslint-disable-next-line @repo/internal/fs/filename-pattern-match
+jest.autoMockOff();
+
+import { createTransformer } from '@atlaskit/codemod-utils';
+
+import replaceShouldAllowMultiline from '../migrates/replace-shouldAllowMultiline';
+
+const transformer = createTransformer([replaceShouldAllowMultiline]);
+
+const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
+
+describe('delete items prop', () => {
+  defineInlineTest(
+    { default: transformer, parser: 'tsx' },
+    {},
+    `
+    import React from "react";
+    import DropdownMenu from "@atlaskit/dropdown-menu";
+
+    export default () => (
+      <DropdownMenu trigger="Click to open" triggerType="button">
+      </DropdownMenu>
+    );
+    `,
+    `
+    import React from "react";
+    import DropdownMenu from "@atlaskit/dropdown-menu";
+
+    export default () => (
+      <DropdownMenu trigger="Click to open" triggerType="button">
+      </DropdownMenu>
+    );
+    `,
+    'should not change anything when items is not used ',
+  );
+
+  defineInlineTest(
+    { default: transformer, parser: 'tsx' },
+    {},
+    `
+    import React from "react";
+    import DropdownMenu from "@atlaskit/dropdown-menu";
+
+    export default () => (
+      <DropdownMenu trigger="Click to open" triggerType="button" shouldAllowMultiline>
+      </DropdownMenu>
+    );
+    `,
+    `
+    import React from "react";
+    import DropdownMenu from "@atlaskit/dropdown-menu";
+
+    export default () => (
+      <DropdownMenu
+        trigger="Click to open"
+        triggerType="button"
+        shouldTitleWrap
+        shouldDescriptionWrap>
+      </DropdownMenu>
+    );
+    `,
+    'should replace shouldAllowMultiline with shouldTitleWrap and shouldDescriptionWrap - default value',
+  );
+
+  defineInlineTest(
+    { default: transformer, parser: 'tsx' },
+    {},
+    `
+    import React from "react";
+    import DropdownMenu from "@atlaskit/dropdown-menu";
+
+    export default () => (
+      <DropdownMenu trigger="Click to open" triggerType="button" shouldAllowMultiline={false}>
+      </DropdownMenu>
+    );
+    `,
+    `
+    import React from "react";
+    import DropdownMenu from "@atlaskit/dropdown-menu";
+
+    export default () => (
+      <DropdownMenu
+        trigger="Click to open"
+        triggerType="button"
+        shouldTitleWrap={false}
+        shouldDescriptionWrap={false}>
+      </DropdownMenu>
+    );
+    `,
+    'should replace shouldAllowMultiline with shouldTitleWrap and shouldDescriptionWrap - with value',
+  );
+
+  defineInlineTest(
+    { default: transformer, parser: 'tsx' },
+    {},
+    `
+    import React from "react";
+    import DropdownMenu from "@atlaskit/dropdown-menu";
+
+    const flag = false;
+    export default () => (
+      <DropdownMenu trigger="Click to open" triggerType="button" shouldAllowMultiline={flag}>
+      </DropdownMenu>
+    );
+    `,
+    `
+    import React from "react";
+    import DropdownMenu from "@atlaskit/dropdown-menu";
+
+    const flag = false;
+    export default () => (
+      <DropdownMenu
+        trigger="Click to open"
+        triggerType="button"
+        shouldTitleWrap={flag}
+        shouldDescriptionWrap={flag}>
+      </DropdownMenu>
+    );
+    `,
+    'should replace shouldAllowMultiline with shouldTitleWrap and shouldDescriptionWrap - variable',
+  );
+});

package/codemods/__tests__/update-component-callsites.tsx

@@ -0,0 +1,66 @@
+// eslint-disable-next-line @repo/internal/fs/filename-pattern-match
+jest.autoMockOff();
+
+import { createTransformer } from '@atlaskit/codemod-utils';
+
+import {
+  updateDropdownItemGroupCheckboxCallsite,
+  updateDropdownItemGroupRadioCallsite,
+} from '../migrates/update-component-callsites';
+
+const transformDropdownItemGroupRadio = createTransformer([
+  updateDropdownItemGroupRadioCallsite,
+]);
+const transformDropdownItemGroupCheckbox = createTransformer([
+  updateDropdownItemGroupCheckboxCallsite,
+]);
+
+const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
+
+describe('DropdownItemGroupRadio', () => {
+  defineInlineTest(
+    { default: transformDropdownItemGroupRadio, parser: 'tsx' },
+    {},
+    `
+    <DropdownItemGroupRadio id="actions">
+      <DropdownItemRadio id="edit" defaultSelected>
+        Edit
+      </DropdownItemRadio>
+      <DropdownItemRadio id="move">Move</DropdownItemRadio>
+    </DropdownItemGroupRadio>
+    `,
+    `
+    <DropdownItemRadioGroup id="actions">
+      <DropdownItemRadio id="edit" defaultSelected>
+        Edit
+      </DropdownItemRadio>
+      <DropdownItemRadio id="move">Move</DropdownItemRadio>
+    </DropdownItemRadioGroup>
+    `,
+    'should transform DropdownItemGroupRadio to DropdownItemRadioGroup',
+  );
+});
+
+describe('DropdownItemGroupCheckbox', () => {
+  defineInlineTest(
+    { default: transformDropdownItemGroupCheckbox, parser: 'tsx' },
+    {},
+    `
+    <DropdownItemGroupCheckbox id="actions">
+      <DropdownItemCheckbox id="edit" defaultSelected>
+        Edit
+      </DropdownItemCheckbox>
+      <DropdownItemCheckbox id="move">Move</DropdownItemCheckbox>
+    </DropdownItemGroupCheckbox>
+    `,
+    `
+    <DropdownItemCheckboxGroup id="actions">
+      <DropdownItemCheckbox id="edit" defaultSelected>
+        Edit
+      </DropdownItemCheckbox>
+      <DropdownItemCheckbox id="move">Move</DropdownItemCheckbox>
+    </DropdownItemCheckboxGroup>
+    `,
+    'should transform DropdownItemGroupCheckbox to DropdownItemCheckboxGroup',
+  );
+});

package/codemods/migrates/convert-trigger-type.tsx

@@ -0,0 +1,57 @@
+import core, { ASTPath, JSXElement } from 'jscodeshift';
+import { Collection } from 'jscodeshift/src/Collection';
+
+import {
+  addCommentBefore,
+  getDefaultSpecifier,
+  getJSXAttributesByName,
+} from '@atlaskit/codemod-utils';
+
+const comment = `
+  The usage of the 'trigger', 'triggerType' and 'triggerButtonProps' prop in this component could not be transformed and requires manual intervention.
+  Since version 11.0.0, we simplified the API and lean towards to only use 'trigger' prop.
+  For more info please reach out to #help-design-system-code.
+  `;
+
+const convertTriggerType = (j: core.JSCodeshift, source: Collection<Node>) => {
+  const defaultSpecifier = getDefaultSpecifier(
+    j,
+    source,
+    '@atlaskit/dropdown-menu',
+  );
+
+  if (!defaultSpecifier) {
+    return;
+  }
+
+  const elements = source.findJSXElements(defaultSpecifier);
+
+  elements.forEach((element: ASTPath<JSXElement>) => {
+    const triggerTypeProp = getJSXAttributesByName(j, element, 'triggerType');
+    const triggerProp = getJSXAttributesByName(j, element, 'trigger');
+
+    // just skip when triggerType or trigger is not defined
+    if (triggerTypeProp.length === 0 || triggerProp.length === 0) {
+      return;
+    }
+
+    const triggerButtonPropsProp = getJSXAttributesByName(
+      j,
+      element,
+      'triggerButtonProps',
+    );
+    const type = triggerProp.get().value.value.type;
+
+    // we're safe to do the conversion for string only trigger
+    if (type === 'StringLiteral' && triggerButtonPropsProp.length === 0) {
+      triggerTypeProp.forEach((attribute: any) => {
+        j(attribute).remove();
+      });
+    } else {
+      // for anything else we left a inline message
+      addCommentBefore(j, elements, comment);
+    }
+  });
+};
+
+export default convertTriggerType;

package/codemods/migrates/deprecate-items.tsx

@@ -0,0 +1,9 @@
+// eslint-disable-next-line @repo/internal/fs/filename-pattern-match
+import { createRemoveFuncAddCommentFor } from '@atlaskit/codemod-utils';
+
+const deprecateItems = createRemoveFuncAddCommentFor(
+  '@atlaskit/dropdown-menu',
+  'items',
+);
+
+export default deprecateItems;

package/codemods/migrates/deprecate-onItemActivated.tsx

@@ -0,0 +1,9 @@
+// eslint-disable-next-line @repo/internal/fs/filename-pattern-match
+import { createRemoveFuncAddCommentFor } from '@atlaskit/codemod-utils';
+
+const deprecateOnItemActivated = createRemoveFuncAddCommentFor(
+  '@atlaskit/dropdown-menu',
+  'onItemActivated',
+);
+
+export default deprecateOnItemActivated;

package/codemods/migrates/deprecate-onPositioned.tsx

@@ -0,0 +1,9 @@
+// eslint-disable-next-line @repo/internal/fs/filename-pattern-match
+import { createRemoveFuncAddCommentFor } from '@atlaskit/codemod-utils';
+
+const deprecateOnPositioned = createRemoveFuncAddCommentFor(
+  '@atlaskit/dropdown-menu',
+  'onPositioned',
+);
+
+export default deprecateOnPositioned;

package/codemods/migrates/deprecate-shouldFitContainer.tsx

@@ -0,0 +1,9 @@
+// eslint-disable-next-line @repo/internal/fs/filename-pattern-match
+import { createRemoveFuncAddCommentFor } from '@atlaskit/codemod-utils';
+
+const deprecateShouldFitContainer = createRemoveFuncAddCommentFor(
+  '@atlaskit/dropdown-menu',
+  'shouldFitContainer',
+);
+
+export default deprecateShouldFitContainer;

package/codemods/migrates/rename-imports.tsx

@@ -0,0 +1,22 @@
+import { createRenameImportFor } from '../utils/create-rename-import';
+
+export const renameDropdownItemGroupRadio = createRenameImportFor({
+  componentName: 'DropdownItemGroupRadio',
+  newComponentName: 'DropdownItemRadioGroup',
+  packagePath: '@atlaskit/dropdown-menu',
+  isDefaultImport: false,
+});
+
+export const renameDropdownItemGroupCheckbox = createRenameImportFor({
+  componentName: 'DropdownItemGroupCheckbox',
+  newComponentName: 'DropdownItemCheckboxGroup',
+  packagePath: '@atlaskit/dropdown-menu',
+  isDefaultImport: false,
+});
+
+export const renameDropdownMenuStateless = createRenameImportFor({
+  componentName: 'DropdownMenuStateless',
+  newComponentName: 'DropdownMenuStateless',
+  packagePath: '@atlaskit/dropdown-menu',
+  isDefaultImport: true,
+});

package/codemods/migrates/replace-position-to-placement.tsx

@@ -0,0 +1,38 @@
+import core, { ASTPath, JSXElement } from 'jscodeshift';
+import { Collection } from 'jscodeshift/src/Collection';
+
+import {
+  getDefaultSpecifier,
+  getJSXAttributesByName,
+} from '@atlaskit/codemod-utils';
+
+import convertPosition from '../utils/convert-position';
+
+const updatePositionValue = (j: core.JSCodeshift, source: Collection<Node>) => {
+  const defaultSpecifier = getDefaultSpecifier(
+    j,
+    source,
+    '@atlaskit/dropdown-menu',
+  );
+
+  if (!defaultSpecifier) {
+    return;
+  }
+
+  source
+    .findJSXElements(defaultSpecifier)
+    .forEach((element: ASTPath<JSXElement>) => {
+      getJSXAttributesByName(j, element, 'position').forEach(
+        (attribute: any) => {
+          j(attribute).replaceWith(
+            j.jsxAttribute(
+              j.jsxIdentifier('placement'),
+              j.literal(convertPosition(attribute.node.value.value)),
+            ),
+          );
+        },
+      );
+    });
+};
+
+export default updatePositionValue;

package/codemods/migrates/replace-shouldAllowMultiline.tsx

@@ -0,0 +1,47 @@
+/* eslint-disable @repo/internal/fs/filename-pattern-match */
+import core, { ASTPath, JSXElement } from 'jscodeshift';
+import { Collection } from 'jscodeshift/src/Collection';
+
+import {
+  getDefaultSpecifier,
+  getJSXAttributesByName,
+} from '@atlaskit/codemod-utils';
+
+const replaceShouldAllowMultiline = (
+  j: core.JSCodeshift,
+  source: Collection<Node>,
+) => {
+  const defaultSpecifier = getDefaultSpecifier(
+    j,
+    source,
+    '@atlaskit/dropdown-menu',
+  );
+
+  if (!defaultSpecifier) {
+    return;
+  }
+
+  source
+    .findJSXElements(defaultSpecifier)
+    .forEach((element: ASTPath<JSXElement>) => {
+      getJSXAttributesByName(j, element, 'shouldAllowMultiline').forEach(
+        (attribute: any) => {
+          const shouldTitleWrap = j.jsxAttribute(
+            j.jsxIdentifier('shouldTitleWrap'),
+            attribute.node.value,
+          );
+          const shouldDescriptionWrap = j.jsxAttribute(
+            j.jsxIdentifier('shouldDescriptionWrap'),
+            attribute.node.value,
+          );
+
+          j(attribute).insertBefore(shouldTitleWrap);
+          j(attribute).insertBefore(shouldDescriptionWrap);
+
+          j(attribute).remove();
+        },
+      );
+    });
+};
+
+export default replaceShouldAllowMultiline;

package/codemods/migrates/update-component-callsites.tsx

@@ -0,0 +1,13 @@
+import { createUpdateCallsite } from '../utils/create-update-callsite';
+
+export const updateDropdownItemGroupCheckboxCallsite = createUpdateCallsite({
+  componentName: 'DropdownItemGroupCheckbox',
+  newComponentName: 'DropdownItemCheckboxGroup',
+  packagePath: '@atlaskit/dropdown-menu',
+});
+
+export const updateDropdownItemGroupRadioCallsite = createUpdateCallsite({
+  componentName: 'DropdownItemGroupRadio',
+  newComponentName: 'DropdownItemRadioGroup',
+  packagePath: '@atlaskit/dropdown-menu',
+});

package/codemods/utils/convert-position.tsx

@@ -0,0 +1,24 @@
+type Entity = {
+  [key: string]: string;
+};
+
+const positionMap: Entity = {
+  'top left': 'top-start',
+  'top center': 'top',
+  'top right': 'top-end',
+  'right top': 'right-start',
+  'right middle': 'right',
+  'right bottom': 'right-end',
+  'bottom left': 'bottom-start',
+  'bottom center': 'bottom',
+  'bottom right': 'bottom-end',
+  'left top': 'left-start',
+  'left middle': 'left',
+  'left bottom': 'left-end',
+};
+
+const convertPosition = (position: string | undefined = ''): string => {
+  return positionMap[position.trim()] || 'bottom-start';
+};
+
+export default convertPosition;

package/codemods/utils/create-rename-import.tsx

@@ -0,0 +1,41 @@
+import core from 'jscodeshift';
+import { Collection } from 'jscodeshift/src/Collection';
+
+export const createRenameImportFor = ({
+  componentName,
+  newComponentName,
+  packagePath,
+  isDefaultImport,
+}: {
+  componentName: string;
+  newComponentName: string;
+  packagePath: string;
+  isDefaultImport: boolean;
+}) => (j: core.JSCodeshift, source: Collection<Node>) => {
+  source
+    .find(j.ImportDeclaration)
+    .filter((path) => path.node.source.value === packagePath)
+    .find(j.ImportSpecifier)
+    .filter((path) => path.node.imported.name === componentName)
+    .replaceWith((importSpecifier) => {
+      const specifier = j.identifier(newComponentName);
+
+      let importAlias;
+      if (
+        importSpecifier &&
+        importSpecifier.node &&
+        importSpecifier.node.local
+      ) {
+        importAlias =
+          importSpecifier.node.local.name !== importSpecifier.node.imported.name
+            ? j.identifier(importSpecifier.node.local.name)
+            : null;
+      }
+
+      return isDefaultImport
+        ? j.importDefaultSpecifier(importAlias || specifier)
+        : j.importSpecifier(specifier, importAlias);
+    });
+
+  return source.toSource();
+};

package/codemods/utils/create-update-callsite.tsx

@@ -0,0 +1,32 @@
+import core from 'jscodeshift';
+import { Collection } from 'jscodeshift/src/Collection';
+
+export const createUpdateCallsite = ({
+  componentName,
+  newComponentName,
+  packagePath,
+}: {
+  componentName: string;
+  newComponentName: string;
+  packagePath: string;
+}) => (j: core.JSCodeshift, source: Collection<Node>) => {
+  source
+    .find(j.JSXElement)
+    // @ts-ignore
+    .filter((path) => path.node.openingElement.name.name === componentName)
+    .replaceWith((element) => {
+      const elementName = j.jsxIdentifier(newComponentName);
+      const newComponent = j.jsxElement(
+        j.jsxOpeningElement(
+          elementName,
+          element.node.openingElement.attributes,
+        ),
+        j.jsxClosingElement(elementName),
+        element.node.children,
+      );
+
+      return newComponent;
+    });
+
+  return source.toSource();
+};

package/dist/cjs/checkbox/dropdown-item-checkbox-group.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _section = _interopRequireDefault(require("@atlaskit/menu/section"));
+
+var _checkboxGroupContext = require("../internal/context/checkbox-group-context");
+
+/**
+ * __Dropdown item checkbox group__
+ *
+ * A wrapping element for dropdown menu checkbox items.
+ *
+ */
+var DropdownItemCheckboxGroup = function DropdownItemCheckboxGroup(props) {
+  var children = props.children,
+      id = props.id;
+  return /*#__PURE__*/_react.default.createElement(_checkboxGroupContext.CheckboxGroupContext.Provider, {
+    value: id
+  }, /*#__PURE__*/_react.default.createElement(_section.default, props, children));
+};
+
+var _default = DropdownItemCheckboxGroup;
+exports.default = _default;

package/dist/cjs/checkbox/dropdown-item-checkbox.js

@@ -0,0 +1,108 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
+
+var _checkbox = _interopRequireDefault(require("@atlaskit/icon/glyph/checkbox"));
+
+var _buttonItem = _interopRequireDefault(require("@atlaskit/menu/button-item"));
+
+var _useCheckboxState3 = _interopRequireDefault(require("../internal/hooks/use-checkbox-state"));
+
+var _useRegisterItemWithFocusManager = _interopRequireDefault(require("../internal/hooks/use-register-item-with-focus-manager"));
+
+var _getIconColors = _interopRequireDefault(require("../internal/utils/get-icon-colors"));
+
+var _isVoiceOverSupported = _interopRequireDefault(require("../internal/utils/is-voice-over-supported"));
+
+var _excluded = ["id", "isSelected", "defaultSelected", "onClick", "shouldTitleWrap", "shouldDescriptionWrap"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/**
+ * __Dropdown item checkbox__
+ *
+ * A dropdown item checkbox creates groups that have multiple selections.
+ *
+ * - [Examples](https://atlassian.design/components/dropdown-menu/dropdown-item-checkbox/examples)
+ * - [Code](https://atlassian.design/components/dropdown-menu/dropdown-item-checkbox/code)
+ * - [Usage](https://atlassian.design/components/dropdown-menu/dropdown-item-checkbox/usage)
+ */
+var DropdownItemCheckbox = function DropdownItemCheckbox(props) {
+  var id = props.id,
+      isSelected = props.isSelected,
+      defaultSelected = props.defaultSelected,
+      _props$onClick = props.onClick,
+      providedOnClick = _props$onClick === void 0 ? _noop.default : _props$onClick,
+      _props$shouldTitleWra = props.shouldTitleWrap,
+      shouldTitleWrap = _props$shouldTitleWra === void 0 ? true : _props$shouldTitleWra,
+      _props$shouldDescript = props.shouldDescriptionWrap,
+      shouldDescriptionWrap = _props$shouldDescript === void 0 ? true : _props$shouldDescript,
+      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+
+  if (process.env.NODE_ENV !== 'production' && typeof isSelected !== 'undefined' && typeof defaultSelected !== 'undefined') {
+    // eslint-disable-next-line no-console
+    console.warn("[DropdownItemCheckbox] You've used both `defaultSelected` and `isSelected` props. This is dangerous and can lead to unexpected results. Use one or the other depending if you want to control the components state yourself.");
+  }
+
+  var _useCheckboxState = (0, _useCheckboxState3.default)({
+    id: id,
+    isSelected: isSelected,
+    defaultSelected: defaultSelected
+  }),
+      _useCheckboxState2 = (0, _slicedToArray2.default)(_useCheckboxState, 2),
+      selected = _useCheckboxState2[0],
+      setSelected = _useCheckboxState2[1];
+
+  var _useState = (0, _react.useState)((0, _getIconColors.default)(defaultSelected)),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      iconColors = _useState2[0],
+      setIconColors = _useState2[1];
+
+  var onClickHandler = (0, _react.useCallback)(function (event) {
+    setSelected(function (selected) {
+      return !selected;
+    });
+    providedOnClick(event);
+  }, [providedOnClick, setSelected]);
+  (0, _react.useEffect)(function () {
+    setIconColors((0, _getIconColors.default)(selected));
+  }, [selected]);
+  var itemRef = (0, _useRegisterItemWithFocusManager.default)();
+  return /*#__PURE__*/_react.default.createElement(_buttonItem.default, (0, _extends2.default)({
+    id: id,
+    onClick: onClickHandler,
+    role: (0, _isVoiceOverSupported.default)() ? 'checkbox' : 'menuitemcheckbox',
+    "aria-checked": selected,
+    shouldTitleWrap: shouldTitleWrap,
+    shouldDescriptionWrap: shouldDescriptionWrap,
+    iconBefore: /*#__PURE__*/_react.default.createElement(_checkbox.default, {
+      label: "",
+      size: "medium",
+      primaryColor: iconColors.primary,
+      secondaryColor: iconColors.secondary
+    }),
+    ref: itemRef
+  }, rest));
+};
+
+var _default = DropdownItemCheckbox;
+exports.default = _default;

package/dist/cjs/dropdown-menu-item-group.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _section = _interopRequireDefault(require("@atlaskit/menu/section"));
+
+/**
+ * __Section__
+ *
+ * A dropdown item group includes all the actions or items in a dropdown menu.
+ *
+ * - [Examples](https://atlassian.design/components/dropdown-menu/dropdown-item-group/examples)
+ * - [Code](https://atlassian.design/components/dropdown-menu/dropdown-item-group/code)
+ * - [Usage](https://atlassian.design/components/dropdown-menu/dropdown-item-group/usage)
+ */
+var _default = _section.default;
+exports.default = _default;