@atlaskit/dropdown-menu/dist/cjs/dropdown-menu-item-group.js

A dropdown menu displays a list of actions or options to a user.

/* dropdown-menu-item-group.tsx generated by @compiled/babel-plugin v3.0.2 */
"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.DropdownItemGroup = void 0;
require("./dropdown-menu-item-group.compiled.css");
var _runtime = require("@compiled/react/runtime");
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireWildcard(require("react"));
var _useId = require("@atlaskit/ds-lib/use-id");
var _section = _interopRequireDefault(require("@atlaskit/menu/section"));
var _fg = require("@atlaskit/platform-feature-flags/fg");
var _groupTitle = _interopRequireDefault(require("./internal/components/group-title"));
var _spacingContext = require("./internal/context/spacing-context");
var _excluded = ["children", "id", "isList", "isScrollable", "title", "testId", "hasSeparator", "titleId", "label"];
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var styles = {
  root: "_1reo1wug _18m91wug _18zrutpp _1e0c1txw _kqswpfqs _2lx21bp4 _1p57v77o _1q51utpp _85i5utpp _1o9zidpf",
  compact: "_18zru2gc _1q51u2gc _85i5u2gc",
  separator: "_qgnu1l7x _1sw7nqa1 _7myae4h9",
  scrollable: "_1reo1wug _18m91wug _1o9zkb7n"
};

/**
 * __Dropdown item group__
 *
 * A wrapping element for dropdown menu items.
 *
 */
var DropdownItemGroup = exports.DropdownItemGroup = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
  var children = _ref.children,
    id = _ref.id,
    isList = _ref.isList,
    isScrollable = _ref.isScrollable,
    title = _ref.title,
    testId = _ref.testId,
    hasSeparator = _ref.hasSeparator,
    titleId = _ref.titleId,
    label = _ref.label,
    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  var spacing = (0, _react.useContext)(_spacingContext.NewSpacingContext);
  var isCompact = spacing === 'compact';
  var uid = (0, _useId.useId)();
  var oldTitleId = "dropdown-menu-item-group-title-".concat(uid);
  var groupTitleId = titleId || (title ? "dropdown-menu-item-group-title-".concat(uid) : undefined);
  if ((0, _fg.fg)('platform-dst-new-menu')) {
    return /*#__PURE__*/_react.default.createElement("div", {
      role: "group",
      "data-testid": testId,
      "aria-label": label,
      "aria-labelledby": groupTitleId,
      id: id,
      ref: ref,
      className: (0, _runtime.ax)([styles.root, isCompact && styles.compact, hasSeparator && styles.separator, isScrollable && styles.scrollable])
    }, title && /*#__PURE__*/_react.default.createElement(_groupTitle.default, {
      id: groupTitleId,
      title: title
    }), children);
  }
  return /*#__PURE__*/_react.default.createElement(_section.default, (0, _extends2.default)({
    id: id,
    ref: ref,
    isList: isList,
    isScrollable: isScrollable,
    hasSeparator: hasSeparator,
    testId: testId,
    titleId: title ? oldTitleId : titleId,
    label: label
  }, rest), title && /*#__PURE__*/_react.default.createElement(_groupTitle.default, {
    id: oldTitleId,
    title: title
  }), children);
});
var _default = exports.default = DropdownItemGroup;