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

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

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _useId = require("@atlaskit/ds-lib/use-id");
var _section = _interopRequireDefault(require("@atlaskit/menu/section"));
var _groupTitle = _interopRequireDefault(require("../internal/components/group-title"));
var _checkboxGroupContext = require("../internal/context/checkbox-group-context");
var _excluded = ["children", "hasSeparator", "id", "isList", "isScrollable", "testId", "title"];
/**
 * __Dropdown item checkbox group__
 *
 * A wrapping element for dropdown menu checkbox items.
 *
 */
var DropdownItemCheckboxGroup = function DropdownItemCheckboxGroup(_ref) {
  var children = _ref.children,
    hasSeparator = _ref.hasSeparator,
    id = _ref.id,
    isList = _ref.isList,
    isScrollable = _ref.isScrollable,
    testId = _ref.testId,
    title = _ref.title,
    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  var uid = (0, _useId.useId)();
  var titleId = "dropdown-menu-item-checkbox-group-title-".concat(uid);
  return /*#__PURE__*/_react.default.createElement(_checkboxGroupContext.CheckboxGroupContext.Provider, {
    value: id
  }, /*#__PURE__*/_react.default.createElement(_section.default, (0, _extends2.default)({
    hasSeparator: hasSeparator,
    id: id,
    isList: isList,
    isScrollable: isScrollable,
    testId: testId,
    titleId: title ? titleId : undefined
    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
  }, rest), title && /*#__PURE__*/_react.default.createElement(_groupTitle.default, {
    id: titleId,
    title: title
  }), children));
};
var _default = exports.default = DropdownItemCheckboxGroup;