@papillonarts/components 0.10.0 → 0.11.0

package/build/primer/Pagination/PreviousNext/PreviousNext.js

@@ -0,0 +1,84 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PreviousNext = PreviousNext;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _visibilityDisplay = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/visibility-display.scss"));
+var _pagination = require("@papillonarts/library/pagination");
+var _PreviousNext = require("./PreviousNext.prop");
+var _PreviousNext2 = _interopRequireDefault(require("./PreviousNext.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function PreviousNext(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? _PreviousNext.defaultProps.className : _ref$className,
+    ariaAttr = _ref.ariaAttr,
+    currentPage = _ref.currentPage,
+    _ref$previous = _ref.previous,
+    previous = _ref$previous === void 0 ? _PreviousNext.defaultProps.previous : _ref$previous,
+    _ref$next = _ref.next,
+    next = _ref$next === void 0 ? _PreviousNext.defaultProps.next : _ref$next,
+    _onClick = _ref.onClick,
+    _ref$state = _ref.state,
+    state = _ref$state === void 0 ? _PreviousNext.defaultProps.state : _ref$state;
+  var label = ariaAttr.label;
+  var indexItems = currentPage.indexItems,
+    currentIndex = currentPage.currentIndex,
+    canMoveBackwards = currentPage.canMoveBackwards,
+    canMoveForward = currentPage.canMoveForward;
+  var backwardsAriaProps = !canMoveBackwards ? _objectSpread({}, {
+    'aria-disabled': 'true'
+  }) : null;
+  var forwardAriaProps = !canMoveForward ? _objectSpread({}, {
+    'aria-disabled': 'true'
+  }) : null;
+
+  // @ts-ignore
+  // if (indexItems === [] || currentIndex === -1) {
+  //   return null
+  // }
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
+    className: (0, _classnames["default"])(className, _PreviousNext2["default"]['paginate-container'], (0, _defineProperty2["default"])({}, _PreviousNext2["default"]['previousnext-inactive'], state === _PreviousNext.previousNextState.inactive)),
+    "aria-label": label,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames["default"])(_PreviousNext2["default"].pagination, _visibilityDisplay["default"]['d-flex']),
+      children: [!canMoveBackwards ?
+      /*#__PURE__*/
+      // @ts-ignore
+      (0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({}, backwardsAriaProps), {}, {
+        children: previous.text
+      })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+        onClick: function onClick(event) {
+          event.preventDefault();
+          _onClick(_pagination.paginationActionTypes.onBackwards);
+        },
+        rel: previous.rel,
+        href: previous.href,
+        "aria-label": previous.ariaAttr.label,
+        children: previous.text
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: "Viewing ".concat(currentIndex + 1, " to ").concat(indexItems.length)
+      }), !canMoveForward ?
+      /*#__PURE__*/
+      // @ts-ignore
+      (0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({}, forwardAriaProps), {}, {
+        children: next.text
+      })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+        onClick: function onClick(event) {
+          event.preventDefault();
+          _onClick(_pagination.paginationActionTypes.onForward);
+        },
+        rel: next.rel,
+        href: next.href,
+        "aria-label": next.ariaAttr.label,
+        children: next.text
+      })]
+    })
+  });
+}

package/build/primer/Pagination/PreviousNext/PreviousNext.prop.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.previousNextState = exports.defaultProps = void 0;
+var previousNextState = exports.previousNextState = {
+  active: 'active',
+  inactive: 'inactive'
+};
+var defaultProps = exports.defaultProps = {
+  className: null,
+  previous: {
+    rel: 'previous',
+    href: '#url',
+    ariaAttr: {
+      label: 'Previous'
+    },
+    text: '<'
+  },
+  next: {
+    rel: 'next',
+    href: '#url',
+    ariaAttr: {
+      label: 'Next'
+    },
+    text: '>'
+  },
+  state: previousNextState.active
+};

package/build/primer/Pagination/PreviousNext/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PreviousNext", {
+  enumerable: true,
+  get: function get() {
+    return _PreviousNext.PreviousNext;
+  }
+});
+Object.defineProperty(exports, "previousNextState", {
+  enumerable: true,
+  get: function get() {
+    return _PreviousNext2.previousNextState;
+  }
+});
+var _PreviousNext = require("./PreviousNext");
+var _PreviousNext2 = require("./PreviousNext.prop");

package/build/primer/Pagination/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Pagination = void 0;
+var _PreviousNext = require("./PreviousNext");
+var Pagination = exports.Pagination = {
+  PreviousNext: _PreviousNext.PreviousNext,
+  previousNextState: _PreviousNext.previousNextState
+};

package/build/primer/Popover/Popover.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Popover = Popover;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _boxShadow = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/box-shadow.scss"));
+var _layout = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/layout.scss"));
+var _margin = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/margin.scss"));
+var _padding = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/padding.scss"));
+var _typography = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/typography.scss"));
+var _box = _interopRequireDefault(require("../Box/box.scss"));
+var _Popover = require("./Popover.prop");
+var _Popover2 = _interopRequireDefault(require("./Popover.scss"));
+var _Button = require("../Button");
+var _jsxRuntime = require("react/jsx-runtime");
+function Popover(_ref) {
+  var _cx2;
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? _Popover.defaultProps.className : _ref$className,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? _Popover.defaultProps.variant : _ref$variant,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? _Popover.defaultProps.size : _ref$size,
+    intro = _ref.intro,
+    heading = _ref.heading,
+    message = _ref.message,
+    acknowledge = _ref.acknowledge,
+    introOnClick = _ref.introOnClick,
+    acknowledgeOnClick = _ref.acknowledgeOnClick;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames["default"])(className, _layout["default"]['position-relative'], (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _typography["default"]['text-center'], variant === _Popover.popoverVariant["default"] || variant === _Popover.popoverVariant.bottom), (0, _classnames["default"])(_typography["default"]['text-right'], _padding["default"]['pr-2']), variant === _Popover.popoverVariant.bottomRight)),
+    children: [variant === _Popover.popoverVariant["default"] && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      variant: _Button.buttonVariant.primary,
+      text: intro,
+      onClick: introOnClick
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      // @ts-ignore
+      className: ((0, _classnames["default"])(_Popover2["default"].Popover, _layout["default"]['position-relative']), (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, (0, _classnames["default"])(_layout["default"]['right-0'], _layout["default"]['left-0']), variant === _Popover.popoverVariant["default"]), _padding["default"]['pl-2'], variant === _Popover.popoverVariant.bottomLeft)),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _classnames["default"])(_Popover2["default"]['Popover-message'], _typography["default"]['text-left'], _padding["default"]['p-4'], _box["default"].Box, _boxShadow["default"]['box-shadow-large'], (_cx2 = {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_cx2, (0, _classnames["default"])(_margin["default"]['mx-auto'], _margin["default"]['mt-2']), variant === _Popover.popoverVariant["default"]), (0, _classnames["default"])(_Popover2["default"]['Popover-message--bottom'], _margin["default"]['mx-auto'], _margin["default"]['mb-2']), variant === _Popover.popoverVariant.bottom), (0, _classnames["default"])(_Popover2["default"]['Popover-message--bottom-right'], _margin["default"]['mb-2']), variant === _Popover.popoverVariant.bottomRight), (0, _classnames["default"])(_Popover2["default"]['Popover-message--bottom-left'], _margin["default"]['mb-2']), variant === _Popover.popoverVariant.bottomLeft), _Popover2["default"]['Popover-message--left'], variant === _Popover.popoverVariant.left), _Popover2["default"]['Popover-message--left-bottom'], variant === _Popover.popoverVariant.leftBottom), _Popover2["default"]['Popover-message--left-top'], variant === _Popover.popoverVariant.leftTop), _Popover2["default"]['Popover-message--right'], variant === _Popover.popoverVariant.right), _Popover2["default"]['Popover-message--right-bottom'], variant === _Popover.popoverVariant.rightBottom), _Popover2["default"]['Popover-message--right-top'], variant === _Popover.popoverVariant.rightTop), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_cx2, _Popover2["default"]['Popover-message--top-left'], variant === _Popover.popoverVariant.topLeft), _Popover2["default"]['Popover-message--top-right'], variant === _Popover.popoverVariant.topRight), _Popover2["default"]['Popover-message--large'], size === _Popover.popoverSize.large))),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h4", {
+          className: _margin["default"]['mb-2'],
+          children: heading
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          children: message
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+          className: (0, _classnames["default"])(_margin["default"]['mt-2'], _typography["default"]['text-bold']),
+          text: acknowledge,
+          variant: _Button.buttonVariant.outline,
+          onClick: acknowledgeOnClick
+        })]
+      })
+    }), (variant === _Popover.popoverVariant.bottom || variant === _Popover.popoverVariant.bottomRight || variant === _Popover.popoverVariant.bottomLeft) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      variant: _Button.buttonVariant.primary,
+      text: intro,
+      onClick: introOnClick
+    })]
+  });
+}

package/build/primer/Popover/Popover.prop.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.popoverVariant = exports.popoverSize = exports.defaultProps = void 0;
+var popoverVariant = exports.popoverVariant = {
+  "default": 'default',
+  bottom: 'bottom',
+  bottomRight: 'bottomRight',
+  bottomLeft: 'bottomLeft',
+  left: 'left',
+  leftBottom: 'leftBottom',
+  leftTop: 'leftTop',
+  right: 'right',
+  rightBottom: 'rightBottom',
+  rightTop: 'rightTop',
+  topLeft: 'topLeft',
+  topRight: 'topRight'
+};
+var popoverSize = exports.popoverSize = {
+  normal: 'normal',
+  large: 'large'
+};
+var defaultProps = exports.defaultProps = {
+  className: null,
+  variant: popoverVariant["default"],
+  size: popoverSize.normal
+};

package/build/primer/Popover/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Popover", {
+  enumerable: true,
+  get: function get() {
+    return _Popover.Popover;
+  }
+});
+Object.defineProperty(exports, "popoverSize", {
+  enumerable: true,
+  get: function get() {
+    return _Popover2.popoverSize;
+  }
+});
+Object.defineProperty(exports, "popoverVariant", {
+  enumerable: true,
+  get: function get() {
+    return _Popover2.popoverVariant;
+  }
+});
+var _Popover = require("./Popover");
+var _Popover2 = require("./Popover.prop");

package/build/primer/Progress/Progress.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Progress = Progress;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _colors = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/colors.scss"));
+var _Progress = require("./Progress.prop");
+var _Progress2 = _interopRequireDefault(require("./Progress.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
+function Progress(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? _Progress.defaultProps.className : _ref$className,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? _Progress.defaultProps.variant : _ref$variant,
+    percentage = _ref.percentage;
+  var percentageStyle = {
+    width: "".concat(percentage, "%")
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    className: (0, _classnames["default"])(className, _Progress2["default"].Progress, (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _Progress2["default"]['Progress--large'], variant === _Progress.progressVariant.large), _Progress2["default"]['Progress--small'], variant === _Progress.progressVariant.small === true)),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: (0, _classnames["default"])(_Progress2["default"]['Progress-item'], _colors["default"]['bg-green']),
+      style: percentageStyle
+    })
+  });
+}

package/build/primer/Progress/Progress.prop.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.progressVariant = exports.defaultProps = void 0;
+var progressVariant = exports.progressVariant = {
+  small: 'small',
+  normal: 'normal',
+  large: 'large'
+};
+var defaultProps = exports.defaultProps = {
+  className: null,
+  variant: progressVariant.normal
+};

package/build/primer/Progress/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Progress", {
+  enumerable: true,
+  get: function get() {
+    return _Progress.Progress;
+  }
+});
+Object.defineProperty(exports, "progressVariant", {
+  enumerable: true,
+  get: function get() {
+    return _Progress2.progressVariant;
+  }
+});
+var _Progress = require("./Progress");
+var _Progress2 = require("./Progress.prop");

package/build/primer/Select/Select.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Select = Select;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _uuid = require("uuid");
+var _layout = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/layout.scss"));
+var _array = require("@papillonarts/library/array");
+var _Select = require("./Select.prop");
+var _Select2 = _interopRequireDefault(require("./Select.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
+function Select(_ref) {
+  var _ref$id = _ref.id,
+    id = _ref$id === void 0 ? _Select.defaultProps.id : _ref$id,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? _Select.defaultProps.className : _ref$className,
+    selectedText = _ref.selectedText,
+    items = _ref.items,
+    onChange = _ref.onChange,
+    _ref$state = _ref.state,
+    state = _ref$state === void 0 ? _Select.defaultProps.state : _ref$state;
+  var indexItems = (0, _array.getIndexItems)(items);
+  var handleOnChange = function handleOnChange(event) {
+    var indexItem = indexItems.find(function (item) {
+      return item.text === event.target.value;
+    });
+    var newIndexItems = (0, _array.getIndexItemsWithSelected)(indexItems, indexItem);
+    onChange({
+      selectedText: indexItem.text,
+      items: newIndexItems.map(function (newIndexItem) {
+        return function (_ref2) {
+          var newIndexItemText = _ref2.text,
+            newIndexItemIsSelected = _ref2.isSelected;
+          return {
+            text: newIndexItemText,
+            isSelected: newIndexItemIsSelected
+          };
+        }(newIndexItem);
+      })
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames["default"])(className, _Select2["default"].select),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("select", {
+      id: id
+      // @ts-ignore
+      ,
+      readOnly: false,
+      onChange: handleOnChange,
+      className: (0, _classnames["default"])(_Select2["default"]['select-menu'], _layout["default"]['width-full'], (0, _defineProperty2["default"])({}, _Select2["default"]['select-inactive'], state === _Select.selectState.inactive)),
+      value: selectedText,
+      children: items && indexItems.map(function (indexItem) {
+        var text = indexItem.text,
+          isSelected = indexItem.isSelected;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
+          value: text,
+          selected: isSelected,
+          children: text
+        }, (0, _uuid.v1)());
+      })
+    })
+  });
+}

package/build/primer/Select/Select.prop.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectState = exports.defaultProps = void 0;
+var selectState = exports.selectState = {
+  active: 'active',
+  inactive: 'inactive'
+};
+var defaultProps = exports.defaultProps = {
+  id: null,
+  className: null,
+  state: selectState.active
+};

package/build/primer/Select/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function get() {
+    return _Select.Select;
+  }
+});
+Object.defineProperty(exports, "selectState", {
+  enumerable: true,
+  get: function get() {
+    return _Select2.selectState;
+  }
+});
+var _Select = require("./Select");
+var _Select2 = require("./Select.prop");

package/build/primer/SelectMenu/SelectMenu.js

@@ -0,0 +1,94 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectMenu = SelectMenu;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _uuid = require("uuid");
+var _array = require("@papillonarts/library/array");
+var _hooks = require("@papillonarts/library/hooks");
+var _margin = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/margin.scss"));
+var _details = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/details.scss"));
+var _SelectMenu = require("./SelectMenu.prop");
+var _SelectMenu2 = _interopRequireDefault(require("./SelectMenu.scss"));
+var _Button = _interopRequireDefault(require("../Button/Button.scss"));
+var _Icon = require("../Icon");
+var _jsxRuntime = require("react/jsx-runtime");
+function SelectMenu(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? _SelectMenu.defaultProps.className : _ref$className,
+    summary = _ref.summary,
+    icon = _ref.icon,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? _SelectMenu.defaultProps.title : _ref$title,
+    ariaAttr = _ref.ariaAttr,
+    items = _ref.items,
+    _onClick = _ref.onClick;
+  var _useState = (0, _hooks.useState)((0, _array.getIndexItems)(items)),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    indexItems = _useState2[0],
+    setIndexItems = _useState2[1];
+  var haspopup = ariaAttr.haspopup;
+  var details = (0, _hooks.useRef)(null);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("details", {
+    ref: details,
+    className: (0, _classnames["default"])(className, _details["default"]['details-reset'], _details["default"]['details-overlay']),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("summary", {
+      className: (0, _classnames["default"])(_Button["default"].btn, _Button["default"]['btn-outline']),
+      "aria-haspopup": haspopup,
+      children: [summary, " ", /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        className: (0, _classnames["default"])(_margin["default"]['ml-2']),
+        icon: icon,
+        size: _Icon.iconSize.small
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _SelectMenu2["default"].SelectMenu,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _SelectMenu2["default"]['SelectMenu-modal'],
+        children: [title && /*#__PURE__*/(0, _jsxRuntime.jsxs)("header", {
+          className: _SelectMenu2["default"]['SelectMenu-header'],
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+            className: _SelectMenu2["default"]['SelectMenu-title'],
+            children: title
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+            className: _SelectMenu2["default"]['SelectMenu-closeButton'],
+            type: "button"
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: _SelectMenu2["default"]['SelectMenu-list'],
+          children: indexItems.map(function (indexItem) {
+            var text = indexItem.text;
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+              type: "button",
+              onClick: function onClick(e) {
+                e.preventDefault();
+                var newIndexItems = (0, _array.getIndexItemsWithSelected)(indexItems, indexItem);
+                setIndexItems(newIndexItems);
+                _onClick({
+                  ariaAttr: ariaAttr,
+                  items: newIndexItems.map(function (newIndexItem) {
+                    return function (_ref2) {
+                      var text = _ref2.text,
+                        isSelected = _ref2.isSelected;
+                      return {
+                        text: text,
+                        isSelected: isSelected
+                      };
+                    }(newIndexItem);
+                  }) // eslint-disable-line
+                });
+                details.current.removeAttribute('open');
+              },
+              className: _SelectMenu2["default"]['SelectMenu-item'],
+              role: "menuitem",
+              children: text
+            }, (0, _uuid.v1)());
+          })
+        })]
+      })
+    })]
+  });
+}

package/build/primer/SelectMenu/SelectMenu.prop.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = exports.defaultProps = {
+  className: null,
+  title: null
+};

package/build/primer/SelectMenu/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SelectMenu", {
+  enumerable: true,
+  get: function get() {
+    return _SelectMenu.SelectMenu;
+  }
+});
+var _SelectMenu = require("./SelectMenu");

package/build/primer/Subhead/Subhead.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Subhead = Subhead;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Subhead = require("./Subhead.prop");
+var _Subhead2 = _interopRequireDefault(require("./Subhead.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
+function Subhead(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? _Subhead.defaultProps.className : _ref$className,
+    heading = _ref.heading,
+    _ref$isSpacious = _ref.isSpacious,
+    isSpacious = _ref$isSpacious === void 0 ? _Subhead.defaultProps.isSpacious : _ref$isSpacious;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames["default"])(className, _Subhead2["default"].Subhead, (0, _defineProperty2["default"])({}, _Subhead2["default"]['Subhead--spacious'], isSpacious === true)),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _Subhead2["default"]['Subhead-heading'],
+      children: heading
+    })
+  });
+}

package/build/primer/Subhead/Subhead.prop.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = exports.defaultProps = {
+  className: null,
+  isSpacious: false
+};

package/build/primer/Subhead/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Subhead", {
+  enumerable: true,
+  get: function get() {
+    return _Subhead.Subhead;
+  }
+});
+var _Subhead = require("./Subhead");