@papillonbits/components 0.45.0 → 0.47.0

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

@@ -1,54 +1,41 @@
 "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("@papillonbits/css/build/primer/utilities/visibility-display.scss"));
-
 var _pagination = require("@papillonbits/library/pagination");
-
 var _PreviousNext = require("./PreviousNext.prop");
-
 var _PreviousNext2 = _interopRequireDefault(require("./PreviousNext.scss"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function PreviousNext(_ref) {
   var className = _ref.className,
-      ariaAttr = _ref.ariaAttr,
-      currentPage = _ref.currentPage,
-      previous = _ref.previous,
-      next = _ref.next,
-      _onClick = _ref.onClick,
-      state = _ref.state;
+    ariaAttr = _ref.ariaAttr,
+    currentPage = _ref.currentPage,
+    previous = _ref.previous,
+    next = _ref.next,
+    _onClick = _ref.onClick,
+    state = _ref.state;
   var label = ariaAttr.label;
   var indexItems = currentPage.indexItems,
-      currentIndex = currentPage.currentIndex,
-      canMoveBackwards = currentPage.canMoveBackwards,
-      canMoveForward = currentPage.canMoveForward;
+    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;
-
   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,
@@ -59,7 +46,6 @@ function PreviousNext(_ref) {
       })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
         onClick: function onClick(event) {
           event.preventDefault();
-
           _onClick(_pagination.paginationActionTypes.onBackwards);
         },
         rel: previous.rel,
@@ -73,7 +59,6 @@ function PreviousNext(_ref) {
       })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
         onClick: function onClick(event) {
           event.preventDefault();
-
           _onClick(_pagination.paginationActionTypes.onForward);
         },
         rel: next.rel,
@@ -84,6 +69,5 @@ function PreviousNext(_ref) {
     })
   });
 }
-
 PreviousNext.propTypes = _PreviousNext.propTypes;
 PreviousNext.defaultProps = _PreviousNext.defaultProps;

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

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = exports.previousNextState = exports.defaultProps = void 0;
-
 var _propTypes = require("prop-types");
-
 var previousNextState = {
   active: 'active',
   inactive: 'inactive'

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

@@ -15,7 +15,5 @@ Object.defineProperty(exports, "previousNextState", {
     return _PreviousNext2.previousNextState;
   }
 });
-
 var _PreviousNext = require("./PreviousNext");
-
 var _PreviousNext2 = require("./PreviousNext.prop");

package/build/primer/Pagination/index.js

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

package/build/primer/Popover/Popover.js

@@ -1,48 +1,33 @@
 "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("@papillonbits/css/build/primer/utilities/box-shadow.scss"));
-
 var _layout = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/layout.scss"));
-
 var _margin = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/margin.scss"));
-
 var _padding = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/padding.scss"));
-
 var _typography = _interopRequireDefault(require("@papillonbits/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 _cx, _ref2, _cx2;
-
   var className = _ref.className,
-      variant = _ref.variant,
-      size = _ref.size,
-      intro = _ref.intro,
-      heading = _ref.heading,
-      message = _ref.message,
-      acknowledge = _ref.acknowledge,
-      introOnClick = _ref.introOnClick,
-      acknowledgeOnClick = _ref.acknowledgeOnClick;
+    variant = _ref.variant,
+    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'], (_cx = {}, (0, _defineProperty2["default"])(_cx, _typography["default"]['text-center'], variant === _Popover.popoverVariant["default"] || variant === _Popover.popoverVariant.bottom), (0, _defineProperty2["default"])(_cx, (0, _classnames["default"])(_typography["default"]['text-right'], _padding["default"]['pr-2']), variant === _Popover.popoverVariant.bottomRight), _cx)),
     children: [variant === _Popover.popoverVariant["default"] && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
@@ -72,6 +57,5 @@ function Popover(_ref) {
     })]
   });
 }
-
 Popover.propTypes = _Popover.propTypes;
 Popover.defaultProps = _Popover.defaultProps;

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

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = exports.popoverVariant = exports.popoverSize = exports.defaultProps = void 0;
-
 var _propTypes = require("prop-types");
-
 var popoverVariant = {
   "default": 'default',
   bottom: 'bottom',

package/build/primer/Popover/index.js

@@ -21,7 +21,5 @@ Object.defineProperty(exports, "popoverVariant", {
     return _Popover2.popoverVariant;
   }
 });
-
 var _Popover = require("./Popover");
-
 var _Popover2 = require("./Popover.prop");

package/build/primer/Progress/Progress.js

@@ -1,30 +1,21 @@
 "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("@papillonbits/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 _cx;
-
   var className = _ref.className,
-      variant = _ref.variant,
-      percentage = _ref.percentage;
+    variant = _ref.variant,
+    percentage = _ref.percentage;
   var percentageStyle = {
     width: "".concat(percentage, "%")
   };
@@ -36,6 +27,5 @@ function Progress(_ref) {
     })
   });
 }
-
 Progress.propTypes = _Progress.propTypes;
 Progress.defaultProps = _Progress.defaultProps;

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

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = exports.progressVariant = exports.defaultProps = void 0;
-
 var _propTypes = require("prop-types");
-
 var progressVariant = {
   small: 'small',
   normal: 'normal',

package/build/primer/Progress/index.js

@@ -15,7 +15,5 @@ Object.defineProperty(exports, "progressVariant", {
     return _Progress2.progressVariant;
   }
 });
-
 var _Progress = require("./Progress");
-
 var _Progress2 = require("./Progress.prop");

package/build/primer/Select/Select.js

@@ -1,38 +1,26 @@
 "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("@papillonbits/css/build/primer/utilities/layout.scss"));
-
 var _array = require("@papillonbits/library/array");
-
 var _Select = require("./Select.prop");
-
 var _Select2 = _interopRequireDefault(require("./Select.scss"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
-/* eslint-disable jsx-a11y/no-onchange  */
 function Select(_ref) {
   var id = _ref.id,
-      className = _ref.className,
-      selectedText = _ref.selectedText,
-      items = _ref.items,
-      onChange = _ref.onChange,
-      state = _ref.state;
+    className = _ref.className,
+    selectedText = _ref.selectedText,
+    items = _ref.items,
+    onChange = _ref.onChange,
+    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;
@@ -43,7 +31,7 @@ function Select(_ref) {
       items: newIndexItems.map(function (newIndexItem) {
         return function (_ref2) {
           var newIndexItemText = _ref2.text,
-              newIndexItemIsSelected = _ref2.isSelected;
+            newIndexItemIsSelected = _ref2.isSelected;
           return {
             text: newIndexItemText,
             isSelected: newIndexItemIsSelected
@@ -52,7 +40,6 @@ function Select(_ref) {
       })
     });
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classnames["default"])(className, _Select2["default"].select),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("select", {
@@ -63,7 +50,7 @@ function Select(_ref) {
       value: selectedText,
       children: items && indexItems.map(function (indexItem) {
         var text = indexItem.text,
-            isSelected = indexItem.isSelected;
+          isSelected = indexItem.isSelected;
         return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
           value: text,
           selected: isSelected,
@@ -73,6 +60,5 @@ function Select(_ref) {
     })
   });
 }
-
 Select.propTypes = _Select.propTypes;
 Select.defaultProps = _Select.defaultProps;

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

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectState = exports.propTypes = exports.defaultProps = void 0;
-
 var _propTypes = require("prop-types");
-
 var selectState = {
   active: 'active',
   inactive: 'inactive'

package/build/primer/Select/index.js

@@ -15,7 +15,5 @@ Object.defineProperty(exports, "selectState", {
     return _Select2.selectState;
   }
 });
-
 var _Select = require("./Select");
-
 var _Select2 = require("./Select.prop");

package/build/primer/SelectMenu/SelectMenu.js

@@ -1,50 +1,34 @@
 "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("@papillonbits/library/array");
-
 var _hooks = require("@papillonbits/library/hooks");
-
 var _margin = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/margin.scss"));
-
 var _details = _interopRequireDefault(require("@papillonbits/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 className = _ref.className,
-      summary = _ref.summary,
-      icon = _ref.icon,
-      title = _ref.title,
-      ariaAttr = _ref.ariaAttr,
-      items = _ref.items,
-      _onClick = _ref.onClick;
-
+    summary = _ref.summary,
+    icon = _ref.icon,
+    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];
-
+    _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", {
@@ -81,20 +65,18 @@ function SelectMenu(_ref) {
                 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;
+                        isSelected = _ref2.isSelected;
                       return {
                         text: text,
                         isSelected: isSelected
                       };
                     }(newIndexItem);
                   }) // eslint-disable-line
-
                 });
 
                 details.current.removeAttribute('open');
@@ -109,6 +91,5 @@ function SelectMenu(_ref) {
     })]
   });
 }
-
 SelectMenu.propTypes = _SelectMenu.propTypes;
 SelectMenu.defaultProps = _SelectMenu.defaultProps;

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

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = exports.defaultProps = void 0;
-
 var _propTypes = require("prop-types");
-
 var _Icon = require("../Icon/Icon.prop");
-
 var propTypes = {
   className: _propTypes.string,
   summary: _propTypes.string.isRequired,

package/build/primer/SelectMenu/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "SelectMenu", {
     return _SelectMenu.SelectMenu;
   }
 });
-
 var _SelectMenu = require("./SelectMenu");

package/build/primer/Subhead/Subhead.js

@@ -1,26 +1,19 @@
 "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 className = _ref.className,
-      heading = _ref.heading,
-      isSpacious = _ref.isSpacious;
+    heading = _ref.heading,
+    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", {
@@ -29,6 +22,5 @@ function Subhead(_ref) {
     })
   });
 }
-
 Subhead.propTypes = _Subhead.propTypes;
 Subhead.defaultProps = _Subhead.defaultProps;

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

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = exports.defaultProps = void 0;
-
 var _propTypes = require("prop-types");
-
 var propTypes = {
   className: _propTypes.string,
   heading: _propTypes.string.isRequired,

package/build/primer/Subhead/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "Subhead", {
     return _Subhead.Subhead;
   }
 });
-
 var _Subhead = require("./Subhead");

package/build/primer/Toast/Toast.js

@@ -1,34 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Toast = Toast;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _padding = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/padding.scss"));
-
 var _Toast = require("./Toast.prop");
-
 var _Toast2 = _interopRequireDefault(require("./Toast.scss"));
-
 var _Icon = require("../Icon");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function Toast(_ref) {
   var _cx;
-
   var className = _ref.className,
-      variant = _ref.variant,
-      text = _ref.text,
-      isDismissable = _ref.isDismissable,
-      onClick = _ref.onClick;
+    variant = _ref.variant,
+    text = _ref.text,
+    isDismissable = _ref.isDismissable,
+    onClick = _ref.onClick;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classnames["default"])(className, _padding["default"]['p-1']),
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -59,6 +49,5 @@ function Toast(_ref) {
     })
   });
 }
-
 Toast.propTypes = _Toast.propTypes;
 Toast.defaultProps = _Toast.defaultProps;

package/build/primer/Toast/Toast.prop.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.toastVariant = exports.propTypes = exports.defaultProps = void 0;
-
 var _propTypes = require("prop-types");
-
 var toastVariant = {
   info: 'info',
   success: 'success',

package/build/primer/Toast/index.js

@@ -15,7 +15,5 @@ Object.defineProperty(exports, "toastVariant", {
     return _Toast2.toastVariant;
   }
 });
-
 var _Toast = require("./Toast");
-
 var _Toast2 = require("./Toast.prop");

package/build/primer/index.js

@@ -4,47 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.primer = void 0;
-
 var _Alert = require("./Alert");
-
 var _Breadcrumb = require("./Breadcrumb");
-
 var _Blankslate = require("./Blankslate");
-
 var _Button = require("./Button");
-
 var _Dropdown = require("./Dropdown");
-
 var _ErrorBoundary = require("./ErrorBoundary");
-
 var _Form = require("./Form");
-
 var _Grid = require("./Grid");
-
 var _Icon = require("./Icon");
-
 var _Label = require("./Label");
-
 var _Loader = require("./Loader");
-
 var _Navigation = require("./Navigation");
-
 var _Pagination = require("./Pagination");
-
 var _Popover = require("./Popover");
-
 var _Progress = require("./Progress");
-
 var _Select = require("./Select");
-
 var _SelectMenu = require("./SelectMenu");
-
 var _Subhead = require("./Subhead");
-
 var _Toast = require("./Toast");
-
 require("@papillonbits/css/build/primer/index.scss");
-
 var primer = {
   Alert: {
     Alert: _Alert.Alert,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@papillonbits/components",
-  "version": "0.45.0",
+  "version": "0.47.0",
   "description": "Papillon Bits Components",
   "homepage": "https://github.com/papillonbits/papillonbits/tree/master/packages/components",
   "repository": {
@@ -29,8 +29,8 @@
     "build-release": "npm run build"
   },
   "dependencies": {
-    "@papillonbits/css": "^0.45.0",
-    "@papillonbits/library": "^0.45.0"
+    "@papillonbits/css": "^0.47.0",
+    "@papillonbits/library": "^0.47.0"
   },
-  "gitHead": "7b11ed501700a3a393461f3aa6069dc6c05d6a2c"
+  "gitHead": "bdafe7613159c8915f2cb17720e90951631fc1d9"
 }