@helpscout/hsds-react/utilities/specs/dropdown.specs.js

React component library for Help Scout's Design System

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.plainItems = exports.disabledItems = exports.regularItems = exports.groupAndDividerItems = exports.simpleGroupedItems = exports.groupedItems = exports.itemsWithDivider = exports.ItemSpec = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _helix = require("@helpscout/helix");

var ItemSpec = (0, _helix.createSpec)({
  id: _helix.faker.datatype.uuid(),
  value: _helix.faker.company.companyName(),
  label: _helix.faker.name.firstName() // onClick: () => (value, props) => console.log('Clicked!', value),

});
exports.ItemSpec = ItemSpec;
var itemsWithDivider = ItemSpec.generate(8).map(function (item, index) {
  if (index !== 2) return item;
  return {
    type: 'divider'
  };
});
exports.itemsWithDivider = itemsWithDivider;
var groupedItems = [{
  items: [(0, _extends2.default)({}, ItemSpec.generate(), {
    items: ItemSpec.generate(8)
  })].concat(ItemSpec.generate(8)),
  label: 'Group 1',
  value: 'thing',
  type: 'group'
}, {
  items: ItemSpec.generate(8),
  label: 'Group 2',
  type: 'group',
  value: 'thing2'
}];
exports.groupedItems = groupedItems;
var simpleGroupedItems = [{
  items: ItemSpec.generate(3),
  label: 'Group 1',
  value: 'thing',
  type: 'group'
}, {
  items: ItemSpec.generate(5),
  label: 'Group 2',
  type: 'group',
  value: 'thing2'
}];
exports.simpleGroupedItems = simpleGroupedItems;
var groupAndDividerItems = [{
  items: [{
    label: '0001',
    value: '0001'
  }, {
    label: '0002',
    value: '0002'
  }],
  label: 'Group 1',
  value: 'thing',
  type: 'group'
}, {
  type: 'divider'
}, {
  label: '0004',
  value: '0004'
}, {
  label: '0005',
  value: '0005'
}, {
  type: 'divider'
}, {
  items: [{
    label: '0008',
    value: '0008'
  }, {
    label: '0009',
    value: '0009'
  }, {
    label: '0010 is disabled',
    value: '0010',
    isDisabled: true
  }],
  label: 'Group 2',
  type: 'group',
  value: 'thing2'
}];
exports.groupAndDividerItems = groupAndDividerItems;
var regularItems = ItemSpec.generate(15);
exports.regularItems = regularItems;
var disabledItems = ItemSpec.generate(10).map(function (item, index) {
  if (index % 2 === 0) {
    item.isDisabled = true;
  }

  return item;
});
exports.disabledItems = disabledItems;
var plainItems = ['hello', 'hola', 'goodbye', 'adios', 'alo', 'arrivederci', 'gutten tag'];
exports.plainItems = plainItems;