@canonical/react-components 0.47.1 → 0.47.2

package/dist/__mocks__/nanoid.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.nanoid = void 0;
-var id = 0;
-beforeEach(function () {
+let id = 0;
+beforeEach(() => {
   id = 0;
 });
-var nanoid = function nanoid() {
+const nanoid = () => {
   id++;
   return "mock-nanoid-".concat(id);
 };

package/dist/components/Accordion/Accordion.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,46 +7,35 @@ exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _AccordionSection = _interopRequireDefault(require("./AccordionSection"));
-var _excluded = ["key"],
-  _excluded2 = ["className", "expanded", "externallyControlled", "onExpandedChange", "sections", "titleElement"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var generateSections = function generateSections(sections, setExpanded, expanded, titleElement) {
-  return sections.map(function (_ref, i) {
-    var key = _ref.key,
-      props = _objectWithoutProperties(_ref, _excluded);
-    return /*#__PURE__*/_react.default.createElement(_AccordionSection.default, _extends({
-      expanded: expanded,
-      key: key || i,
-      sectionKey: key === null || key === void 0 ? void 0 : key.toString(),
-      setExpanded: setExpanded,
-      titleElement: titleElement
-    }, props));
-  });
-};
-var Accordion = function Accordion(_ref2) {
-  var className = _ref2.className,
-    expanded = _ref2.expanded,
-    externallyControlled = _ref2.externallyControlled,
-    onExpandedChange = _ref2.onExpandedChange,
-    sections = _ref2.sections,
-    titleElement = _ref2.titleElement,
-    asideProps = _objectWithoutProperties(_ref2, _excluded2);
-  var _useState = (0, _react.useState)(expanded),
-    _useState2 = _slicedToArray(_useState, 2),
-    expandedSection = _useState2[0],
-    setExpandedSection = _useState2[1];
-  var setExpanded = function setExpanded(id, title) {
+const generateSections = (sections, setExpanded, expanded, titleElement) => sections.map((_ref, i) => {
+  let {
+    key,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_AccordionSection.default, _extends({
+    expanded: expanded,
+    key: key || i,
+    sectionKey: key === null || key === void 0 ? void 0 : key.toString(),
+    setExpanded: setExpanded,
+    titleElement: titleElement
+  }, props));
+});
+const Accordion = _ref2 => {
+  let {
+    className,
+    expanded,
+    externallyControlled,
+    onExpandedChange,
+    sections,
+    titleElement,
+    ...asideProps
+  } = _ref2;
+  const [expandedSection, setExpandedSection] = (0, _react.useState)(expanded);
+  const setExpanded = (id, title) => {
     setExpandedSection(id);
     onExpandedChange && onExpandedChange(id, title);
   };
@@ -60,5 +48,4 @@ var Accordion = function Accordion(_ref2) {
     className: "p-accordion__list"
   }, generateSections(sections, setExpanded, externallyControlled ? expanded : expandedSection, titleElement)));
 };
-var _default = Accordion;
-exports.default = _default;
+var _default = exports.default = Accordion;

package/dist/components/Accordion/AccordionSection/AccordionSection.js

@@ -7,21 +7,22 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _useId = require("../../../hooks/useId");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var AccordionSection = function AccordionSection(_ref) {
-  var content = _ref.content,
-    expanded = _ref.expanded,
-    onTitleClick = _ref.onTitleClick,
-    sectionKey = _ref.sectionKey,
-    setExpanded = _ref.setExpanded,
-    title = _ref.title,
-    titleElement = _ref.titleElement,
-    _ref$headingLevel = _ref.headingLevel,
-    headingLevel = _ref$headingLevel === void 0 ? 3 : _ref$headingLevel;
-  var sectionId = (0, _useId.useId)();
-  var tabId = (0, _useId.useId)();
-  var key = sectionKey || sectionId;
-  var isExpanded = expanded === key;
-  var Title = titleElement || "div";
+const AccordionSection = _ref => {
+  let {
+    content,
+    expanded,
+    onTitleClick,
+    sectionKey,
+    setExpanded,
+    title,
+    titleElement,
+    headingLevel = 3
+  } = _ref;
+  const sectionId = (0, _useId.useId)();
+  const tabId = (0, _useId.useId)();
+  const key = sectionKey || sectionId;
+  const isExpanded = expanded === key;
+  const Title = titleElement || "div";
   return /*#__PURE__*/_react.default.createElement("li", {
     className: "p-accordion__group"
   }, /*#__PURE__*/_react.default.createElement(Title, {
@@ -33,7 +34,7 @@ var AccordionSection = function AccordionSection(_ref) {
     "aria-expanded": isExpanded ? "true" : "false",
     className: "p-accordion__tab",
     id: tabId,
-    onClick: function onClick() {
+    onClick: () => {
       if (isExpanded) {
         setExpanded(null, null);
       } else {
@@ -51,5 +52,4 @@ var AccordionSection = function AccordionSection(_ref) {
     role: "tabpanel"
   }, content));
 };
-var _default = AccordionSection;
-exports.default = _default;
+var _default = exports.default = AccordionSection;

package/dist/components/Accordion/AccordionSection/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _AccordionSection.default;
   }
 });

package/dist/components/Accordion/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Accordion.default;
   }
 });

package/dist/components/ActionButton/ActionButton.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,63 +7,37 @@ exports.default = exports.SUCCESS_DURATION = exports.Label = exports.LOADER_MIN_
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _Icon = _interopRequireDefault(require("../Icon"));
-var _excluded = ["appearance", "children", "className", "disabled", "inline", "loading", "success"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var LOADER_MIN_DURATION = 400; // minimium duration (ms) loader displays
-exports.LOADER_MIN_DURATION = LOADER_MIN_DURATION;
-var SUCCESS_DURATION = 2000; // duration (ms) success tick is displayed
-exports.SUCCESS_DURATION = SUCCESS_DURATION;
-var Label = /*#__PURE__*/function (Label) {
+const LOADER_MIN_DURATION = exports.LOADER_MIN_DURATION = 400; // minimium duration (ms) loader displays
+const SUCCESS_DURATION = exports.SUCCESS_DURATION = 2000; // duration (ms) success tick is displayed
+let Label = exports.Label = /*#__PURE__*/function (Label) {
   Label["WAITING"] = "Waiting for action to complete";
   Label["SUCCESS"] = "Action completed";
   return Label;
 }({});
-exports.Label = Label;
-var ActionButton = function ActionButton(_ref) {
-  var appearance = _ref.appearance,
-    children = _ref.children,
-    className = _ref.className,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$inline = _ref.inline,
-    inline = _ref$inline === void 0 ? false : _ref$inline,
-    _ref$loading = _ref.loading,
-    loading = _ref$loading === void 0 ? false : _ref$loading,
-    _ref$success = _ref.success,
-    success = _ref$success === void 0 ? false : _ref$success,
-    buttonProps = _objectWithoutProperties(_ref, _excluded);
-  var _useState = (0, _react.useState)(),
-    _useState2 = _slicedToArray(_useState, 2),
-    height = _useState2[0],
-    setHeight = _useState2[1];
-  var _useState3 = (0, _react.useState)(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    width = _useState4[0],
-    setWidth = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    showLoader = _useState6[0],
-    setShowLoader = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    showSuccess = _useState8[0],
-    setShowSuccess = _useState8[1];
-  var ref = (0, _react.useRef)(null);
+const ActionButton = _ref => {
+  let {
+    appearance,
+    children,
+    className,
+    disabled = false,
+    inline = false,
+    loading = false,
+    success = false,
+    ...buttonProps
+  } = _ref;
+  const [height, setHeight] = (0, _react.useState)();
+  const [width, setWidth] = (0, _react.useState)();
+  const [showLoader, setShowLoader] = (0, _react.useState)(false);
+  const [showSuccess, setShowSuccess] = (0, _react.useState)(false);
+  const ref = (0, _react.useRef)(null);
 
   // Set up loader timer
-  (0, _react.useEffect)(function () {
-    var loaderTimeout;
+  (0, _react.useEffect)(() => {
+    let loaderTimeout;
     if (loading) {
       // Explicitly set button dimensions
       if (ref.current && !!ref.current.getBoundingClientRect()) {
@@ -74,7 +47,7 @@ var ActionButton = function ActionButton(_ref) {
       setShowLoader(true);
     }
     if (!loading && showLoader) {
-      loaderTimeout = window.setTimeout(function () {
+      loaderTimeout = window.setTimeout(() => {
         setShowLoader(false);
         if (success) {
           setShowSuccess(true);
@@ -85,33 +58,29 @@ var ActionButton = function ActionButton(_ref) {
       setHeight(null);
       setWidth(null);
     }
-    return function () {
-      return window.clearTimeout(loaderTimeout);
-    };
+    return () => window.clearTimeout(loaderTimeout);
   }, [loading, showLoader, success]);
 
   // Set up success timer
-  (0, _react.useEffect)(function () {
-    var successTimeout;
+  (0, _react.useEffect)(() => {
+    let successTimeout;
     if (showSuccess) {
-      successTimeout = window.setTimeout(function () {
+      successTimeout = window.setTimeout(() => {
         setHeight(null);
         setWidth(null);
         setShowSuccess(false);
       }, SUCCESS_DURATION);
     }
-    return function () {
-      return window.clearTimeout(successTimeout);
-    };
+    return () => window.clearTimeout(successTimeout);
   }, [showSuccess]);
-  var buttonClasses = (0, _classnames.default)(className, "p-action-button", appearance ? "p-button--".concat(appearance) : "p-button", {
+  const buttonClasses = (0, _classnames.default)(className, "p-action-button", appearance ? "p-button--".concat(appearance) : "p-button", {
     "is-processing": showLoader || showSuccess,
     "is-disabled": disabled,
     "is-inline": inline
   });
-  var showIcon = showLoader || showSuccess;
-  var icon = showLoader && "spinner" || showSuccess && "success" || null;
-  var iconLight = appearance === "positive" || appearance === "negative";
+  const showIcon = showLoader || showSuccess;
+  const icon = showLoader && "spinner" || showSuccess && "success" || null;
+  const iconLight = appearance === "positive" || appearance === "negative";
 
   // This component uses the base button element instead of the Button component
   // as the button requires a ref and Button would have to be updated to use
@@ -132,5 +101,4 @@ var ActionButton = function ActionButton(_ref) {
     name: icon
   }) : children);
 };
-var _default = ActionButton;
-exports.default = _default;
+var _default = exports.default = ActionButton;

package/dist/components/ActionButton/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ActionButton.default;
   }
 });

package/dist/components/ArticlePagination/ArticlePagination.js

@@ -6,18 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
-var _excluded = ["className", "nextURL", "nextLabel", "previousURL", "previousLabel"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var ArticlePagination = function ArticlePagination(_ref) {
-  var className = _ref.className,
-    nextURL = _ref.nextURL,
-    nextLabel = _ref.nextLabel,
-    previousURL = _ref.previousURL,
-    previousLabel = _ref.previousLabel,
-    props = _objectWithoutProperties(_ref, _excluded);
+const ArticlePagination = _ref => {
+  let {
+    className,
+    nextURL,
+    nextLabel,
+    previousURL,
+    previousLabel,
+    ...props
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("footer", _extends({
     className: (0, _classnames.default)(className, "p-article-pagination")
   }, props), previousURL && previousLabel && /*#__PURE__*/_react.default.createElement("a", {
@@ -36,5 +35,4 @@ var ArticlePagination = function ArticlePagination(_ref) {
     className: "p-article-pagination__title"
   }, nextLabel)));
 };
-var _default = ArticlePagination;
-exports.default = _default;
+var _default = exports.default = ArticlePagination;

package/dist/components/ArticlePagination/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ArticlePagination.default;
   }
 });

package/dist/components/Badge/Badge.js

@@ -1,21 +1,14 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.BadgeType = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
-var _excluded = ["value", "badgeType", "className", "isNegative"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var BadgeType = {
+const BadgeType = exports.BadgeType = {
   ROUNDED_LARGE_NUMBER: "ROUNDED_LARGE_NUMBER",
   UNDEFINED_LARGE_NUMBER: "UNDEFINED_LARGE_NUMBER"
 };
@@ -23,45 +16,47 @@ var BadgeType = {
 /**
  * The props for the Badge component.
  */
-exports.BadgeType = BadgeType;
-var MAX_VAL = 999;
-var units = ["", "k", "M", "B", "T"];
-var round = function round(value) {
-  var unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+
+const MAX_VAL = 999;
+const units = ["", "k", "M", "B", "T"];
+const round = function (value) {
+  let unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   if (value < 1000) {
-    var truncatedValue = Number(value.toString().slice(0, 3));
+    const truncatedValue = Number(value.toString().slice(0, 3));
     return "".concat(truncatedValue).concat(units[unit]);
   }
   if (unit >= units.length - 1) {
     return "999T";
   }
-  var newValue = value / 1000;
+  const newValue = value / 1000;
   return round(newValue, unit + 1);
 };
-var clamp = function clamp(value) {
+const clamp = value => {
   if (value > MAX_VAL) {
     return "".concat(MAX_VAL, "+");
   }
   return value;
 };
-var Badge = function Badge(_ref) {
-  var _classNames;
-  var value = _ref.value,
-    _ref$badgeType = _ref.badgeType,
-    badgeType = _ref$badgeType === void 0 ? BadgeType.UNDEFINED_LARGE_NUMBER : _ref$badgeType,
-    className = _ref.className,
-    isNegative = _ref.isNegative,
-    spanProps = _objectWithoutProperties(_ref, _excluded);
-  var badgeClassName = (0, _classnames.default)((_classNames = {}, _defineProperty(_classNames, "p-badge--negative", !!isNegative), _defineProperty(_classNames, "p-badge", !isNegative), _classNames), className);
-  var safeValue = Math.round(value);
+const Badge = _ref => {
+  let {
+    value,
+    badgeType = BadgeType.UNDEFINED_LARGE_NUMBER,
+    className,
+    isNegative,
+    ...spanProps
+  } = _ref;
+  const badgeClassName = (0, _classnames.default)({
+    ["p-badge--negative"]: !!isNegative,
+    "p-badge": !isNegative
+  }, className);
+  let safeValue = Math.round(value);
   if (value < 0) {
     console.error("The value used in the badge should be positive");
     safeValue = 0;
   }
-  var formattedValue = badgeType === BadgeType.ROUNDED_LARGE_NUMBER ? round(safeValue) : clamp(safeValue);
+  const formattedValue = badgeType === BadgeType.ROUNDED_LARGE_NUMBER ? round(safeValue) : clamp(safeValue);
   return /*#__PURE__*/_react.default.createElement("span", _extends({}, spanProps, {
     className: badgeClassName
   }), formattedValue);
 };
-var _default = Badge;
-exports.default = _default;
+var _default = exports.default = Badge;

package/dist/components/Badge/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Badge.default;
   }
 });

package/dist/components/Button/Button.js

@@ -6,12 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.ButtonAppearance = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
-var _excluded = ["appearance", "children", "className", "dense", "disabled", "element", "hasIcon", "inline", "onClick", "small"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var ButtonAppearance = {
+const ButtonAppearance = exports.ButtonAppearance = {
   BASE: "base",
   BRAND: "brand",
   DEFAULT: "",
@@ -24,36 +21,35 @@ var ButtonAppearance = {
  * The type of the Button props.
  * @template P - The type of the props if providing a component to `element`
  */
-exports.ButtonAppearance = ButtonAppearance;
+
 /**
  * A component for the Vanilla button.
  * @template P - The type of the props if providing a component to `element`
  */
-var Button = function Button(_ref) {
-  var appearance = _ref.appearance,
-    children = _ref.children,
-    className = _ref.className,
-    dense = _ref.dense,
-    disabled = _ref.disabled,
-    _ref$element = _ref.element,
-    Component = _ref$element === void 0 ? "button" : _ref$element,
-    hasIcon = _ref.hasIcon,
-    inline = _ref.inline,
-    onClick = _ref.onClick,
-    small = _ref.small,
-    buttonProps = _objectWithoutProperties(_ref, _excluded);
-  var classes = (0, _classnames.default)(appearance ? "p-button--".concat(appearance) : "p-button", {
+const Button = _ref => {
+  let {
+    appearance,
+    children,
+    className,
+    dense,
+    disabled,
+    element: Component = "button",
+    hasIcon,
+    inline,
+    onClick,
+    small,
+    ...buttonProps
+  } = _ref;
+  const classes = (0, _classnames.default)(appearance ? "p-button--".concat(appearance) : "p-button", {
     "has-icon": hasIcon,
     "is-dense": dense,
     "is-disabled": Component !== "button" && disabled,
     "is-inline": inline,
     "is-small": small
   }, className);
-  var onClickDisabled = function onClickDisabled(e) {
-    return e.preventDefault();
-  };
-  var disabledProp = Component === "button" ? {
-    disabled: disabled
+  const onClickDisabled = e => e.preventDefault();
+  const disabledProp = Component === "button" ? {
+    disabled
   } : {
     "aria-disabled": disabled
   };
@@ -62,5 +58,4 @@ var Button = function Button(_ref) {
     onClick: disabled ? onClickDisabled : onClick
   }, disabledProp, buttonProps), children);
 };
-var _default = Button;
-exports.default = _default;
+var _default = exports.default = Button;

package/dist/components/Button/index.js

@@ -1,21 +1,20 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "ButtonAppearance", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Button.ButtonAppearance;
   }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Button.default;
   }
 });
 var _Button = _interopRequireWildcard(require("./Button"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }