@papillonbits/components 1.13.1 → 1.14.1

package/build/primer/Button/Button.js

@@ -1,78 +1,69 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Button = Button;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _hooks = require("@papillonbits/library/hooks");
-var _margin = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/margin.scss"));
-var _Button = require("./Button.prop");
-var _Button2 = _interopRequireDefault(require("./Button.scss"));
-var _Icon = require("../Icon");
-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 Button(_ref) {
-  var _ref$dataTest = _ref.dataTest,
-    dataTest = _ref$dataTest === void 0 ? _Button.defaultProps.dataTest : _ref$dataTest,
-    _ref$id = _ref.id,
-    id = _ref$id === void 0 ? _Button.defaultProps.id : _ref$id,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Button.defaultProps.className : _ref$className,
-    _ref$element = _ref.element,
-    element = _ref$element === void 0 ? _Button.defaultProps.element : _ref$element,
-    _ref$href = _ref.href,
-    href = _ref$href === void 0 ? _Button.defaultProps.href : _ref$href,
-    text = _ref.text,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? _Button.defaultProps.variant : _ref$variant,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? _Button.defaultProps.size : _ref$size,
-    _ref$state = _ref.state,
-    state = _ref$state === void 0 ? _Button.defaultProps.state : _ref$state,
-    _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? _Button.defaultProps.icon : _ref$icon,
-    _onClick = _ref.onClick,
-    _ref$inputType = _ref.inputType,
-    inputType = _ref$inputType === void 0 ? _Button.defaultProps.inputType : _ref$inputType,
-    _ref$autoFocus = _ref.autoFocus,
-    autoFocus = _ref$autoFocus === void 0 ? _Button.defaultProps.autoFocus : _ref$autoFocus;
-  var stateProps = state === _Button.buttonState.inactive ? _objectSpread({}, {
-    disabled: 'true',
-    'aria-disabled': 'true'
-  }) : null;
-  var fileInputRef = (0, _hooks.useRef)(null);
-  if (element === _Button.buttonElement.button) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread({
+import cx from 'classnames';
+import { useRef } from '@papillonbits/library/hooks';
+import utilityStyles from '@papillonbits/css/build/primer/utilities/margin.scss';
+import { propTypes, defaultProps, buttonElement, buttonVariant, buttonSize, buttonState, iconAlignment, buttonInputType } from './Button.prop';
+import styles from './Button.scss';
+import { Icon, iconSize } from '../Icon';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Button({
+  dataTest = defaultProps.dataTest,
+  id = defaultProps.id,
+  className = defaultProps.className,
+  element = defaultProps.element,
+  href = defaultProps.href,
+  text,
+  variant = defaultProps.variant,
+  size = defaultProps.size,
+  state = defaultProps.state,
+  icon = defaultProps.icon,
+  onClick,
+  inputType = defaultProps.inputType,
+  autoFocus = defaultProps.autoFocus
+}) {
+  const stateProps = state === buttonState.inactive ? {
+    ...{
+      disabled: 'true',
+      'aria-disabled': 'true'
+    }
+  } : null;
+  const fileInputRef = useRef(null);
+  if (element === buttonElement.button) {
+    return /*#__PURE__*/_jsxs("button", {
       "data-test": dataTest,
       id: id,
-      className: (0, _classnames["default"])(className, _Button2["default"].btn, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _Button2["default"]['btn-sm'], size === _Button.buttonSize.small), _Button2["default"]['btn-large'], size === _Button.buttonSize.large), _Button2["default"]['btn-primary'], variant === _Button.buttonVariant.primary), _Button2["default"]['btn-danger'], variant === _Button.buttonVariant.danger), _Button2["default"]['btn-outline'], variant === _Button.buttonVariant.outline), _Button2["default"]['btn-blue'], variant === _Button.buttonVariant.blue), _Button2["default"]['btn-orange'], variant === _Button.buttonVariant.orange), _Button2["default"]['button-inactive'], state === _Button.buttonState.inactive)),
+      className: cx(className, styles.btn, {
+        [styles['btn-sm']]: size === buttonSize.small,
+        [styles['btn-large']]: size === buttonSize.large,
+        [styles['btn-primary']]: variant === buttonVariant.primary,
+        [styles['btn-danger']]: variant === buttonVariant.danger,
+        [styles['btn-outline']]: variant === buttonVariant.outline,
+        [styles['btn-blue']]: variant === buttonVariant.blue,
+        [styles['btn-orange']]: variant === buttonVariant.orange,
+        [styles['button-inactive']]: state === buttonState.inactive
+      }),
       type: "button",
       autoFocus: autoFocus // eslint-disable-line
       ,
-      onClick: function onClick() {
-        if (inputType === _Button.buttonInputType.file) {
+      onClick: () => {
+        if (inputType === buttonInputType.file) {
           fileInputRef.current.click();
         }
         if (!inputType) {
-          _onClick();
+          onClick();
         }
-      }
-    }, stateProps), {}, {
-      children: [(icon === null || icon === void 0 ? void 0 : icon.alignment) === _Button.iconAlignment.left && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-        className: _margin["default"]['mr-2'],
+      },
+      ...stateProps,
+      children: [icon?.alignment === iconAlignment.left && /*#__PURE__*/_jsx(Icon, {
+        className: utilityStyles['mr-2'],
         icon: icon.name,
-        size: _Icon.iconSize.small
-      }), text, (icon === null || icon === void 0 ? void 0 : icon.alignment) === _Button.iconAlignment.right && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-        className: _margin["default"]['ml-2'],
+        size: iconSize.small
+      }), text, icon?.alignment === iconAlignment.right && /*#__PURE__*/_jsx(Icon, {
+        className: utilityStyles['ml-2'],
         icon: icon.name,
-        size: _Icon.iconSize.small
-      }), inputType && inputType === _Button.buttonInputType.file && /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-        onChange: function onChange() {
-          _onClick(fileInputRef.current.files);
+        size: iconSize.small
+      }), inputType && inputType === buttonInputType.file && /*#__PURE__*/_jsx("input", {
+        onChange: () => {
+          onClick(fileInputRef.current.files);
         },
         ref: fileInputRef,
         type: "file",
@@ -83,17 +74,17 @@ function Button(_ref) {
           display: 'none'
         }
       })]
-    }));
+    });
   }
-  if (element === _Button.buttonElement.a) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", _objectSpread(_objectSpread({
-      className: (0, _classnames["default"])(className, _Button2["default"].btn),
+  if (element === buttonElement.a) {
+    return /*#__PURE__*/_jsx("a", {
+      className: cx(className, styles.btn),
       href: href,
       role: "button",
-      onClick: _onClick
-    }, stateProps), {}, {
+      onClick: onClick,
+      ...stateProps,
       children: text
-    }));
+    });
   }
 }
-Button.propTypes = _Button.propTypes;
+Button.propTypes = propTypes;

package/build/primer/Button/Button.prop.js

@@ -1,64 +1,58 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = exports.iconAlignment = exports.defaultProps = exports.buttonVariant = exports.buttonState = exports.buttonSize = exports.buttonInputType = exports.buttonElement = void 0;
-var _propTypes = require("prop-types");
-var _Icon = require("../Icon/Icon.prop");
-var buttonElement = exports.buttonElement = {
+import { string, oneOf, shape, func, bool } from 'prop-types';
+import { iconName } from '../Icon/Icon.prop';
+export const buttonElement = {
   button: 'button',
   a: 'a'
 };
-var buttonVariant = exports.buttonVariant = {
-  "default": 'default',
+export const buttonVariant = {
+  default: 'default',
   primary: 'primary',
   danger: 'danger',
   outline: 'outline',
   blue: 'blue',
   orange: 'orange'
 };
-var buttonSize = exports.buttonSize = {
+export const buttonSize = {
   small: 'small',
   normal: 'normal',
   large: 'large'
 };
-var buttonState = exports.buttonState = {
+export const buttonState = {
   active: 'active',
   inactive: 'inactive'
 };
-var iconAlignment = exports.iconAlignment = {
+export const iconAlignment = {
   left: 'left',
   right: 'right'
 };
-var buttonInputType = exports.buttonInputType = {
+export const buttonInputType = {
   file: 'file'
 };
-var propTypes = exports.propTypes = {
-  dataTest: _propTypes.string,
-  id: _propTypes.string,
-  className: _propTypes.string,
-  element: (0, _propTypes.oneOf)(Object.keys(buttonElement)),
-  href: _propTypes.string,
-  text: _propTypes.string.isRequired,
-  variant: (0, _propTypes.oneOf)(Object.keys(buttonVariant)),
-  size: (0, _propTypes.oneOf)(Object.keys(buttonSize)),
-  state: (0, _propTypes.oneOf)(Object.keys(buttonState)),
-  icon: (0, _propTypes.shape)({
-    name: (0, _propTypes.oneOf)(Object.keys(_Icon.iconName)).isRequired,
-    alignment: (0, _propTypes.oneOf)(Object.keys(iconAlignment))
+export const propTypes = {
+  dataTest: string,
+  id: string,
+  className: string,
+  element: oneOf(Object.keys(buttonElement)),
+  href: string,
+  text: string.isRequired,
+  variant: oneOf(Object.keys(buttonVariant)),
+  size: oneOf(Object.keys(buttonSize)),
+  state: oneOf(Object.keys(buttonState)),
+  icon: shape({
+    name: oneOf(Object.keys(iconName)).isRequired,
+    alignment: oneOf(Object.keys(iconAlignment))
   }),
-  onClick: _propTypes.func.isRequired,
-  inputType: (0, _propTypes.oneOf)(Object.keys(buttonInputType)),
-  autoFocus: _propTypes.bool
+  onClick: func.isRequired,
+  inputType: oneOf(Object.keys(buttonInputType)),
+  autoFocus: bool
 };
-var defaultProps = exports.defaultProps = {
+export const defaultProps = {
   dataTest: null,
   id: null,
   className: null,
   element: buttonElement.button,
   href: null,
-  variant: buttonVariant["default"],
+  variant: buttonVariant.default,
   size: buttonSize.normal,
   state: buttonState.active,
   icon: null,

package/build/primer/Button/index.js

@@ -1,49 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Button", {
-  enumerable: true,
-  get: function get() {
-    return _Button.Button;
-  }
-});
-Object.defineProperty(exports, "buttonElement", {
-  enumerable: true,
-  get: function get() {
-    return _Button2.buttonElement;
-  }
-});
-Object.defineProperty(exports, "buttonInputType", {
-  enumerable: true,
-  get: function get() {
-    return _Button2.buttonInputType;
-  }
-});
-Object.defineProperty(exports, "buttonSize", {
-  enumerable: true,
-  get: function get() {
-    return _Button2.buttonSize;
-  }
-});
-Object.defineProperty(exports, "buttonState", {
-  enumerable: true,
-  get: function get() {
-    return _Button2.buttonState;
-  }
-});
-Object.defineProperty(exports, "buttonVariant", {
-  enumerable: true,
-  get: function get() {
-    return _Button2.buttonVariant;
-  }
-});
-Object.defineProperty(exports, "iconAlignment", {
-  enumerable: true,
-  get: function get() {
-    return _Button2.iconAlignment;
-  }
-});
-var _Button = require("./Button");
-var _Button2 = require("./Button.prop");
+export { Button } from './Button';
+export { buttonElement, buttonVariant, buttonSize, buttonState, iconAlignment, buttonInputType } from './Button.prop';

package/build/primer/Dropdown/Dropdown.js

@@ -1,104 +1,98 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Dropdown = Dropdown;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _uuid = require("uuid");
-var _details = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/details.scss"));
-var _visibilityDisplay = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/visibility-display.scss"));
-var _layout = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/layout.scss"));
-var _flexbox = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/flexbox.scss"));
-var _array = require("@papillonbits/library/array");
-var _hooks = require("@papillonbits/library/hooks");
-var _Button = _interopRequireDefault(require("../Button/Button.scss"));
-var _Dropdown = require("./Dropdown.prop");
-var _Dropdown2 = _interopRequireDefault(require("./Dropdown.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 Dropdown(_ref) {
-  var _ariaAttr$haspopup;
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Dropdown.defaultProps.className : _ref$className,
-    summary = _ref.summary,
-    _ref$ariaAttr = _ref.ariaAttr,
-    ariaAttr = _ref$ariaAttr === void 0 ? _Dropdown.defaultProps.ariaAttr : _ref$ariaAttr,
-    items = _ref.items,
-    _onClick = _ref.onClick,
-    _ref$state = _ref.state,
-    state = _ref$state === void 0 ? _Dropdown.defaultProps.state : _ref$state;
-  var details = (0, _hooks.useRef)(null);
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.map.js";
+import cx from 'classnames';
+import { v1 as uuidv1 } from 'uuid';
+import detailsUtilityStyles from '@papillonbits/css/build/primer/utilities/details.scss';
+import displayStyles from '@papillonbits/css/build/primer/utilities/visibility-display.scss';
+import layoutStyles from '@papillonbits/css/build/primer/utilities/layout.scss';
+import flexboxStyles from '@papillonbits/css/build/primer/utilities/flexbox.scss';
+import { getIndexItems, getIndexItemsWithSelected } from '@papillonbits/library/array';
+import { useRef } from '@papillonbits/library/hooks';
+import buttonStyles from '../Button/Button.scss';
+import { propTypes, defaultProps, dropdownState } from './Dropdown.prop';
+import styles from './Dropdown.scss';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Dropdown({
+  className = defaultProps.className,
+  summary,
+  ariaAttr = defaultProps.ariaAttr,
+  items,
+  onClick,
+  state = defaultProps.state
+}) {
+  const details = useRef(null);
   if (!items) {
     return null;
   }
-  var indexItems = (0, _array.getIndexItems)(items);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  const indexItems = getIndexItems(items);
+  return /*#__PURE__*/_jsx("div", {
     className: className,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("details", {
+    children: /*#__PURE__*/_jsxs("details", {
       ref: details,
-      className: (0, _classnames["default"])(_Dropdown2["default"].dropdown, _details["default"]['details-reset'], _details["default"]['details-overlay'], _visibilityDisplay["default"]['d-inline-block'], (0, _defineProperty2["default"])({}, _Dropdown2["default"]['dropdown-inactive'], state === _Dropdown.dropdownState.inactive)),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("summary", {
-        className: (0, _classnames["default"])(_Button["default"].btn),
-        "aria-haspopup": (_ariaAttr$haspopup = ariaAttr === null || ariaAttr === void 0 ? void 0 : ariaAttr.haspopup) !== null && _ariaAttr$haspopup !== void 0 ? _ariaAttr$haspopup : false,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: (0, _classnames["default"])(_visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-justify-between'], _flexbox["default"]['flex-items-center'], (0, _defineProperty2["default"])({}, _Dropdown2["default"]['dropdown-inactive'], state === _Dropdown.dropdownState.inactive)),
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: cx(styles.dropdown, detailsUtilityStyles['details-reset'], detailsUtilityStyles['details-overlay'], displayStyles['d-inline-block'], {
+        [styles['dropdown-inactive']]: state === dropdownState.inactive
+      }),
+      children: [/*#__PURE__*/_jsx("summary", {
+        className: cx(buttonStyles.btn),
+        "aria-haspopup": ariaAttr?.haspopup ?? false,
+        children: /*#__PURE__*/_jsxs("div", {
+          className: cx(displayStyles['d-flex'], flexboxStyles['flex-justify-between'], flexboxStyles['flex-items-center'], {
+            [styles['dropdown-inactive']]: state === dropdownState.inactive
+          }),
+          children: [/*#__PURE__*/_jsx("div", {
             children: summary
-          }), " ", /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: _Dropdown2["default"]['dropdown-caret']
+          }), " ", /*#__PURE__*/_jsx("div", {
+            className: styles['dropdown-caret']
           })]
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
-        className: (0, _classnames["default"])(_Dropdown2["default"]['dropdown-menu'], _Dropdown2["default"]['dropdown-menu-se'], _layout["default"]['width-full']),
-        children: indexItems.map(function (indexItem) {
-          var href = indexItem.href,
-            text = indexItem.text,
-            isSelected = indexItem.isSelected;
-          var itemOtherProps = isSelected ? _objectSpread({}, {
-            'aria-current': ariaAttr === null || ariaAttr === void 0 ? void 0 : ariaAttr.current
-          }) : null;
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", _objectSpread(_objectSpread({
-              onClick: function onClick(e) {
+      }), /*#__PURE__*/_jsx("ul", {
+        className: cx(styles['dropdown-menu'], styles['dropdown-menu-se'], layoutStyles['width-full']),
+        children: indexItems.map(indexItem => {
+          const {
+            href,
+            text,
+            isSelected
+          } = indexItem;
+          const itemOtherProps = isSelected ? {
+            ...{
+              'aria-current': ariaAttr?.current
+            }
+          } : null;
+          return /*#__PURE__*/_jsx("li", {
+            children: /*#__PURE__*/_jsx("a", {
+              onClick: e => {
                 e.preventDefault();
-                var newIndexItems = (0, _array.getIndexItemsWithSelected)(indexItems, indexItem);
-                _onClick({
+                const newIndexItems = getIndexItemsWithSelected(indexItems, indexItem);
+                onClick({
                   summary: text,
-                  ariaAttr: ariaAttr,
-                  items: newIndexItems.map(function (newIndexItem) {
-                    return function (_ref2) {
-                      var newIndexItemId = _ref2.id,
-                        newIndexItemHref = _ref2.href,
-                        newIndexItemText = _ref2.text,
-                        dateModified = _ref2['date-modified'],
-                        dateCreated = _ref2['date-created'],
-                        newIndexItemIsSelected = _ref2.isSelected;
-                      return {
-                        id: newIndexItemId,
-                        href: newIndexItemHref,
-                        text: newIndexItemText,
-                        'date-modified': dateModified,
-                        'date-created': dateCreated,
-                        isSelected: newIndexItemIsSelected
-                      };
-                    }(newIndexItem);
-                  })
+                  ariaAttr,
+                  items: newIndexItems.map(newIndexItem => (({
+                    id: newIndexItemId,
+                    href: newIndexItemHref,
+                    text: newIndexItemText,
+                    'date-modified': dateModified,
+                    'date-created': dateCreated,
+                    isSelected: newIndexItemIsSelected
+                  }) => ({
+                    id: newIndexItemId,
+                    href: newIndexItemHref,
+                    text: newIndexItemText,
+                    'date-modified': dateModified,
+                    'date-created': dateCreated,
+                    isSelected: newIndexItemIsSelected
+                  }))(newIndexItem))
                 });
                 details.current.removeAttribute('open');
               },
-              className: _Dropdown2["default"]['dropdown-item'],
-              href: href
-            }, itemOtherProps), {}, {
+              className: styles['dropdown-item'],
+              href: href,
+              ...itemOtherProps,
               children: text
-            }))
-          }, (0, _uuid.v1)());
+            })
+          }, uuidv1());
         })
       })]
     })
   });
 }
-Dropdown.propTypes = _Dropdown.propTypes;
+Dropdown.propTypes = propTypes;

package/build/primer/Dropdown/Dropdown.prop.js

@@ -1,30 +1,24 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = exports.dropdownState = exports.defaultProps = void 0;
-var _propTypes = require("prop-types");
-var dropdownState = exports.dropdownState = {
+import { string, arrayOf, oneOf, shape, bool, func } from 'prop-types';
+export const dropdownState = {
   active: 'active',
   inactive: 'inactive'
 };
-var propTypes = exports.propTypes = {
-  className: _propTypes.string,
-  summary: _propTypes.string.isRequired,
-  ariaAttr: (0, _propTypes.shape)({
-    haspopup: _propTypes.bool,
-    current: _propTypes.string
+export const propTypes = {
+  className: string,
+  summary: string.isRequired,
+  ariaAttr: shape({
+    haspopup: bool,
+    current: string
   }),
-  items: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    href: _propTypes.string,
-    text: _propTypes.string,
-    isSelected: _propTypes.bool
+  items: arrayOf(shape({
+    href: string,
+    text: string,
+    isSelected: bool
   })).isRequired,
-  onClick: _propTypes.func.isRequired,
-  state: (0, _propTypes.oneOf)(Object.keys(dropdownState))
+  onClick: func.isRequired,
+  state: oneOf(Object.keys(dropdownState))
 };
-var defaultProps = exports.defaultProps = {
+export const defaultProps = {
   className: null,
   ariaAttr: {
     haspopup: false,

package/build/primer/Dropdown/index.js

@@ -1,19 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Dropdown", {
-  enumerable: true,
-  get: function get() {
-    return _Dropdown.Dropdown;
-  }
-});
-Object.defineProperty(exports, "dropdownState", {
-  enumerable: true,
-  get: function get() {
-    return _Dropdown2.dropdownState;
-  }
-});
-var _Dropdown = require("./Dropdown");
-var _Dropdown2 = require("./Dropdown.prop");
+export { Dropdown } from './Dropdown';
+export { dropdownState } from './Dropdown.prop';