@openedx/paragon 23.0.0-alpha.5 → 23.0.0-alpha.7

package/dist/SearchField/index.js

@@ -1,5 +1,10 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["label", "placeholder", "inputProps", "variant", "submitButtonLocation", "buttonText"];
-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 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) { _defineProperty(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 _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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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; }
 import React, { useCallback } from 'react';
@@ -29,9 +34,9 @@ function SearchField(props) {
       className: "pgn__searchfield_wrapper"
     }, wrapperProps.children) : wrapperProps.children;
   }, [submitButtonLocation]);
-  return /*#__PURE__*/React.createElement(SearchField.Advanced, _extends({}, others, {
+  return /*#__PURE__*/React.createElement(SearchField.Advanced, _objectSpread(_objectSpread({}, others), {}, {
     submitButtonLocation: submitButtonLocation
-  }), /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(SearchField.Label, null, label), /*#__PURE__*/React.createElement(SearchField.Input, _extends({
+  }), /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(SearchField.Label, null, label), /*#__PURE__*/React.createElement(SearchField.Input, _objectSpread({
     placeholder: placeholder
   }, inputProps)), /*#__PURE__*/React.createElement(SearchField.ClearButton, null)), /*#__PURE__*/React.createElement(SearchField.SubmitButton, {
     variant: variant,

package/dist/SearchField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","Search","Close","SearchFieldAdvanced","SearchFieldContext","SearchFieldLabel","SearchFieldInput","SearchFieldClearButton","SearchFieldSubmitButton","SEARCH_FIELD_SCREEN_READER_TEXT_LABEL","SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON","SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON","SEARCH_FIELD_BUTTON_TEXT","STYLE_VARIANTS","BUTTON_LOCATION_VARIANTS","SearchField","props","label","placeholder","inputProps","variant","submitButtonLocation","buttonText","others","_objectWithoutProperties","_excluded","Wrapper","wrapperProps","createElement","className","children","Advanced","_extends","Label","Input","ClearButton","SubmitButton","propTypes","onSubmit","func","isRequired","oneOfType","string","element","onBlur","onChange","onClear","onFocus","screenReaderText","shape","submitButton","clearButton","value","icons","submit","elementType","clear","formAriaLabel","oneOf","disabled","bool","defaultProps","undefined","Context"],"sources":["../../src/SearchField/index.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Search, Close } from '../../icons';\nimport SearchFieldAdvanced, { SearchFieldContext } from './SearchFieldAdvanced';\nimport SearchFieldLabel from './SearchFieldLabel';\nimport SearchFieldInput from './SearchFieldInput';\nimport SearchFieldClearButton from './SearchFieldClearButton';\nimport SearchFieldSubmitButton from './SearchFieldSubmitButton';\n\nexport const SEARCH_FIELD_SCREEN_READER_TEXT_LABEL = 'search';\nexport const SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON = 'submit search';\nexport const SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON = 'clear search';\nexport const SEARCH_FIELD_BUTTON_TEXT = 'search';\n\nconst STYLE_VARIANTS = [\n  'light',\n  'dark',\n];\n\nconst BUTTON_LOCATION_VARIANTS = [\n  'internal',\n  'external',\n];\n\nfunction SearchField(props) {\n  const {\n    label,\n    placeholder,\n    inputProps,\n    variant,\n    submitButtonLocation,\n    buttonText,\n    ...others\n  } = props;\n\n  const Wrapper = useCallback(\n    (wrapperProps) => (submitButtonLocation === 'external'\n      ? <div className=\"pgn__searchfield_wrapper\">{wrapperProps.children}</div>\n      : wrapperProps.children),\n    [submitButtonLocation],\n  );\n\n  return (\n    <SearchField.Advanced {...others} submitButtonLocation={submitButtonLocation}>\n      <Wrapper>\n        <SearchField.Label>{label}</SearchField.Label>\n        <SearchField.Input placeholder={placeholder} {...inputProps} />\n        <SearchField.ClearButton />\n      </Wrapper>\n      <SearchField.SubmitButton\n        variant={variant}\n        submitButtonLocation={submitButtonLocation}\n        buttonText={buttonText}\n      />\n    </SearchField.Advanced>\n  );\n}\n\nSearchField.propTypes = {\n  /**\n   * Specifies a callback function for when the `SearchField` is submitted by the user. For example:\n   *\n   *```jsx\n   * <SearchField onSubmit={(value) => { console.log(value); } />\n   * ```\n   */\n  onSubmit: PropTypes.func.isRequired,\n  /** Specifies the label to use for the input field (e.g., for i18n translations). */\n  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  /** Specifies a custom class name. */\n  className: PropTypes.string,\n  /**\n   * Specifies a callback function for when the user loses focus in the\n   * `SearchField` component. The default is an empty function. For example:\n   *\n   * ```jsx\n   * <SearchField onBlur={event => console.log(event)} />\n   * ```\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Specifies a callback function for when the value in `SearchField`\n   * is changed by the user. The default is an empty function. For example:\n   *\n   * ```jsx\n   * <SearchField onChange={value => console.log(value)} />\n   * ```\n   */\n  onChange: PropTypes.func,\n  /**\n   * Specifies a callback function for when the value in `SearchField`\n   * is cleared by the user. The default is an empty function. For example:\n   *\n   * ```jsx\n   * <SearchField onClear={() => console.log('search cleared')} />\n   * ```\n   */\n  onClear: PropTypes.func,\n  /**\n   * Specifies a callback function for when the user focuses in the `SearchField`\n   * component. The default is an empty function. For example:\n   *\n   * ```jsx\n   * <SearchField onFocus={event => console.log(event)} />\n   * ```\n   */\n  onFocus: PropTypes.func,\n  /** Specifies the placeholder text for the input. */\n  placeholder: PropTypes.string,\n  /**\n   * Specifies the screenreader text for both the clear and submit buttons\n   * (e.g., for i18n translations). The default is `{ label: 'search',\n   * clearButton: 'clear search', searchButton: 'submit search' }`.\n   */\n  screenReaderText: PropTypes.shape({\n    label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n    submitButton: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n    clearButton: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  }),\n  /** Specifies the initial value for the input. The default is an empty string. */\n  value: PropTypes.string,\n  /**\n   * Specifies the icon element(s) to use for the clear and submit buttons.\n   * The default is:\n   *\n   * ```jsx\n   * {\n   *   submit: import {Search} from '@openedx/paragon/icons';,\n   *   clear: import {Close} from '@openedx/paragon/icons'.\n   * }\n   * ```\n   */\n  icons: PropTypes.shape({\n    submit: PropTypes.elementType.isRequired,\n    clear: PropTypes.elementType,\n  }),\n  /**\n   * Specifies the aria-label attribute on the form element.\n   * This is useful if you use the `SearchField` component more than once on a page.\n   */\n  formAriaLabel: PropTypes.string,\n  /** Props to be passed to the form input */\n  inputProps: PropTypes.shape({}),\n  /** The button style variant to use. */\n  variant: PropTypes.oneOf(STYLE_VARIANTS),\n  /** Specifies whether the `SearchField` is disabled. */\n  disabled: PropTypes.bool,\n  /** Controls whether the search button is internal as an icon or external as a button. */\n  submitButtonLocation: PropTypes.oneOf(BUTTON_LOCATION_VARIANTS),\n  /**\n   * Specifies a text that is displayed on the button.\n   * The `submitButtonLocation` prop should be set to `external`.\n   */\n  buttonText: PropTypes.string,\n};\n\nSearchField.defaultProps = {\n  label: undefined,\n  placeholder: undefined,\n  className: undefined,\n  formAriaLabel: undefined,\n  value: '',\n  screenReaderText: {\n    label: SEARCH_FIELD_SCREEN_READER_TEXT_LABEL,\n    submitButton: SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON,\n    clearButton: SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON,\n  },\n  icons: {\n    clear: Close,\n    submit: Search,\n  },\n  onBlur: () => {},\n  onChange: () => {},\n  onFocus: () => {},\n  onClear: () => {},\n  inputProps: {},\n  variant: 'light',\n  disabled: false,\n  submitButtonLocation: 'internal',\n  buttonText: SEARCH_FIELD_BUTTON_TEXT,\n};\n\nSearchField.Advanced = SearchFieldAdvanced;\nSearchField.Label = SearchFieldLabel;\nSearchField.Input = SearchFieldInput;\nSearchField.ClearButton = SearchFieldClearButton;\nSearchField.SubmitButton = SearchFieldSubmitButton;\nSearchField.Context = SearchFieldContext;\n\nexport default SearchField;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","Search","Close","SearchFieldAdvanced","SearchFieldContext","SearchFieldLabel","SearchFieldInput","SearchFieldClearButton","SearchFieldSubmitButton","SEARCH_FIELD_SCREEN_READER_TEXT_LABEL","SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON","SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON","SEARCH_FIELD_BUTTON_TEXT","STYLE_VARIANTS","BUTTON_LOCATION_VARIANTS","SearchField","props","label","placeholder","inputProps","variant","submitButtonLocation","buttonText","others","_objectWithoutProperties","_excluded","Wrapper","wrapperProps","createElement","className","children","Advanced","_objectSpread","Label","Input","ClearButton","SubmitButton","propTypes","onSubmit","func","isRequired","oneOfType","string","element","onBlur","onChange","onClear","onFocus","screenReaderText","shape","submitButton","clearButton","value","icons","submit","elementType","clear","formAriaLabel","oneOf","disabled","bool","defaultProps","undefined","Context"],"sources":["../../src/SearchField/index.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Search, Close } from '../../icons';\nimport SearchFieldAdvanced, { SearchFieldContext } from './SearchFieldAdvanced';\nimport SearchFieldLabel from './SearchFieldLabel';\nimport SearchFieldInput from './SearchFieldInput';\nimport SearchFieldClearButton from './SearchFieldClearButton';\nimport SearchFieldSubmitButton from './SearchFieldSubmitButton';\n\nexport const SEARCH_FIELD_SCREEN_READER_TEXT_LABEL = 'search';\nexport const SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON = 'submit search';\nexport const SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON = 'clear search';\nexport const SEARCH_FIELD_BUTTON_TEXT = 'search';\n\nconst STYLE_VARIANTS = [\n  'light',\n  'dark',\n];\n\nconst BUTTON_LOCATION_VARIANTS = [\n  'internal',\n  'external',\n];\n\nfunction SearchField(props) {\n  const {\n    label,\n    placeholder,\n    inputProps,\n    variant,\n    submitButtonLocation,\n    buttonText,\n    ...others\n  } = props;\n\n  const Wrapper = useCallback(\n    (wrapperProps) => (submitButtonLocation === 'external'\n      ? <div className=\"pgn__searchfield_wrapper\">{wrapperProps.children}</div>\n      : wrapperProps.children),\n    [submitButtonLocation],\n  );\n\n  return (\n    <SearchField.Advanced {...others} submitButtonLocation={submitButtonLocation}>\n      <Wrapper>\n        <SearchField.Label>{label}</SearchField.Label>\n        <SearchField.Input placeholder={placeholder} {...inputProps} />\n        <SearchField.ClearButton />\n      </Wrapper>\n      <SearchField.SubmitButton\n        variant={variant}\n        submitButtonLocation={submitButtonLocation}\n        buttonText={buttonText}\n      />\n    </SearchField.Advanced>\n  );\n}\n\nSearchField.propTypes = {\n  /**\n   * Specifies a callback function for when the `SearchField` is submitted by the user. For example:\n   *\n   *```jsx\n   * <SearchField onSubmit={(value) => { console.log(value); } />\n   * ```\n   */\n  onSubmit: PropTypes.func.isRequired,\n  /** Specifies the label to use for the input field (e.g., for i18n translations). */\n  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  /** Specifies a custom class name. */\n  className: PropTypes.string,\n  /**\n   * Specifies a callback function for when the user loses focus in the\n   * `SearchField` component. The default is an empty function. For example:\n   *\n   * ```jsx\n   * <SearchField onBlur={event => console.log(event)} />\n   * ```\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Specifies a callback function for when the value in `SearchField`\n   * is changed by the user. The default is an empty function. For example:\n   *\n   * ```jsx\n   * <SearchField onChange={value => console.log(value)} />\n   * ```\n   */\n  onChange: PropTypes.func,\n  /**\n   * Specifies a callback function for when the value in `SearchField`\n   * is cleared by the user. The default is an empty function. For example:\n   *\n   * ```jsx\n   * <SearchField onClear={() => console.log('search cleared')} />\n   * ```\n   */\n  onClear: PropTypes.func,\n  /**\n   * Specifies a callback function for when the user focuses in the `SearchField`\n   * component. The default is an empty function. For example:\n   *\n   * ```jsx\n   * <SearchField onFocus={event => console.log(event)} />\n   * ```\n   */\n  onFocus: PropTypes.func,\n  /** Specifies the placeholder text for the input. */\n  placeholder: PropTypes.string,\n  /**\n   * Specifies the screenreader text for both the clear and submit buttons\n   * (e.g., for i18n translations). The default is `{ label: 'search',\n   * clearButton: 'clear search', searchButton: 'submit search' }`.\n   */\n  screenReaderText: PropTypes.shape({\n    label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n    submitButton: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n    clearButton: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  }),\n  /** Specifies the initial value for the input. The default is an empty string. */\n  value: PropTypes.string,\n  /**\n   * Specifies the icon element(s) to use for the clear and submit buttons.\n   * The default is:\n   *\n   * ```jsx\n   * {\n   *   submit: import {Search} from '@openedx/paragon/icons';,\n   *   clear: import {Close} from '@openedx/paragon/icons'.\n   * }\n   * ```\n   */\n  icons: PropTypes.shape({\n    submit: PropTypes.elementType.isRequired,\n    clear: PropTypes.elementType,\n  }),\n  /**\n   * Specifies the aria-label attribute on the form element.\n   * This is useful if you use the `SearchField` component more than once on a page.\n   */\n  formAriaLabel: PropTypes.string,\n  /** Props to be passed to the form input */\n  inputProps: PropTypes.shape({}),\n  /** The button style variant to use. */\n  variant: PropTypes.oneOf(STYLE_VARIANTS),\n  /** Specifies whether the `SearchField` is disabled. */\n  disabled: PropTypes.bool,\n  /** Controls whether the search button is internal as an icon or external as a button. */\n  submitButtonLocation: PropTypes.oneOf(BUTTON_LOCATION_VARIANTS),\n  /**\n   * Specifies a text that is displayed on the button.\n   * The `submitButtonLocation` prop should be set to `external`.\n   */\n  buttonText: PropTypes.string,\n};\n\nSearchField.defaultProps = {\n  label: undefined,\n  placeholder: undefined,\n  className: undefined,\n  formAriaLabel: undefined,\n  value: '',\n  screenReaderText: {\n    label: SEARCH_FIELD_SCREEN_READER_TEXT_LABEL,\n    submitButton: SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON,\n    clearButton: SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON,\n  },\n  icons: {\n    clear: Close,\n    submit: Search,\n  },\n  onBlur: () => {},\n  onChange: () => {},\n  onFocus: () => {},\n  onClear: () => {},\n  inputProps: {},\n  variant: 'light',\n  disabled: false,\n  submitButtonLocation: 'internal',\n  buttonText: SEARCH_FIELD_BUTTON_TEXT,\n};\n\nSearchField.Advanced = SearchFieldAdvanced;\nSearchField.Label = SearchFieldLabel;\nSearchField.Input = SearchFieldInput;\nSearchField.ClearButton = SearchFieldClearButton;\nSearchField.SubmitButton = SearchFieldSubmitButton;\nSearchField.Context = SearchFieldContext;\n\nexport default SearchField;\n"],"mappings":"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","ignoreList":[]}

package/dist/SelectableBox/index.js

@@ -1,6 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["type", "value", "checked", "children", "isIndeterminate", "isInvalid", "onClick", "onFocus", "inputHidden", "className", "showActiveBoxState"];
-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 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) { _defineProperty(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 _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; }
@@ -63,7 +62,7 @@ var SelectableBox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       };
     }
   }, [onClick]);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _objectSpread({
     role: "button",
     onKeyPress: function onKeyPress() {
       return inputRef.current.click();

package/dist/SelectableBox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useRef","useEffect","PropTypes","classNames","SelectableBoxSet","useCheckboxSetContext","useRadioSetContext","getInputType","INPUT_TYPES","SelectableBox","forwardRef","_ref","ref","type","value","checked","children","isIndeterminate","isInvalid","onClick","onFocus","inputHidden","className","showActiveBoxState","props","_objectWithoutProperties","_excluded","inputType","_useRadioSetContext","radioValue","_useCheckboxSetContex","_useCheckboxSetContex2","checkboxValues","isChecked","includes","inputRef","input","createElement","_objectSpread","hidden","tabIndex","onChange","current","onclick","_extends","role","onKeyPress","click","propTypes","node","isRequired","oneOfType","string","number","bool","oneOf","func","defaultProps","undefined","Set"],"sources":["../../src/SelectableBox/index.jsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport SelectableBoxSet from './SelectableBoxSet';\nimport { useCheckboxSetContext } from '../Form/FormCheckboxSetContext';\nimport { useRadioSetContext } from '../Form/FormRadioSetContext';\nimport { getInputType } from './utils';\n\nconst INPUT_TYPES = [\n  'radio',\n  'checkbox',\n];\n\nconst SelectableBox = React.forwardRef(({\n  type,\n  value,\n  checked,\n  children,\n  isIndeterminate,\n  isInvalid,\n  onClick,\n  onFocus,\n  inputHidden,\n  className,\n  showActiveBoxState,\n  ...props\n}, ref) => {\n  const inputType = getInputType('SelectableBox', type);\n  const { value: radioValue } = useRadioSetContext();\n  const { value: checkboxValues = [] } = useCheckboxSetContext();\n\n  const isChecked = () => {\n    switch (type) {\n      case 'radio':\n        return radioValue === value;\n      case 'checkbox':\n        return checkboxValues.includes(value);\n      default:\n        return radioValue === value;\n    }\n  };\n\n  const inputRef = useRef(null);\n  const input = React.createElement(inputType, {\n    value,\n    checked,\n    hidden: inputHidden,\n    ref: inputRef,\n    tabIndex: -1,\n    onChange: () => {},\n    ...(type === 'checkbox' ? { ...props, isIndeterminate } : { ...props }),\n  }, null);\n\n  useEffect(() => {\n    if (onClick && inputRef.current) {\n      inputRef.current.onclick = () => onClick(inputRef.current);\n    }\n  }, [onClick]);\n\n  return (\n    <div\n      role=\"button\"\n      onKeyPress={() => inputRef.current.click()}\n      onClick={() => inputRef.current.click()}\n      onFocus={onFocus}\n      className={classNames('pgn__selectable_box', className, {\n        'pgn__selectable_box-active': (!inputHidden && !showActiveBoxState) ? false : isChecked() || checked,\n        'pgn__selectable_box-invalid': isInvalid,\n      })}\n      tabIndex={0}\n      ref={ref}\n      {...props}\n    >\n      {input}\n      {children}\n    </div>\n  );\n});\n\nSelectableBox.propTypes = {\n  /** Content of the `SelectableBox`. */\n  children: PropTypes.node.isRequired,\n  /** A value that is passed to the input tag. */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Controls whether `SelectableBox` is checked. */\n  checked: PropTypes.bool,\n  /** Indicates the input type: checkbox or radio. */\n  type: PropTypes.oneOf(INPUT_TYPES),\n  /** Function that is called when the `SelectableBox` is clicked. */\n  onClick: PropTypes.func,\n  /** Function that is called when the `SelectableBox` is focused. */\n  onFocus: PropTypes.func,\n  /** Controls display of the input (checkbox or radio button) on the `SelectableBox`. */\n  inputHidden: PropTypes.bool,\n  /** Indicates a state for the 'checkbox' `type` when `SelectableBox` is neither checked nor unchecked. */\n  isIndeterminate: PropTypes.bool,\n  /** Adds errors styles to the `SelectableBox`. */\n  isInvalid: PropTypes.bool,\n  /** A class that is appended to the base element. */\n  className: PropTypes.string,\n  /** Controls the visibility of the active state for the `SelectableBox`. */\n  showActiveBoxState: PropTypes.bool,\n};\n\nSelectableBox.defaultProps = {\n  value: undefined,\n  checked: false,\n  type: 'radio',\n  onClick: () => {},\n  onFocus: () => {},\n  inputHidden: true,\n  isIndeterminate: false,\n  isInvalid: false,\n  className: undefined,\n  showActiveBoxState: true,\n};\n\nSelectableBox.Set = SelectableBoxSet;\nexport default SelectableBox;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useRef","useEffect","PropTypes","classNames","SelectableBoxSet","useCheckboxSetContext","useRadioSetContext","getInputType","INPUT_TYPES","SelectableBox","forwardRef","_ref","ref","type","value","checked","children","isIndeterminate","isInvalid","onClick","onFocus","inputHidden","className","showActiveBoxState","props","_objectWithoutProperties","_excluded","inputType","_useRadioSetContext","radioValue","_useCheckboxSetContex","_useCheckboxSetContex2","checkboxValues","isChecked","includes","inputRef","input","createElement","_objectSpread","hidden","tabIndex","onChange","current","onclick","role","onKeyPress","click","propTypes","node","isRequired","oneOfType","string","number","bool","oneOf","func","defaultProps","undefined","Set"],"sources":["../../src/SelectableBox/index.jsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport SelectableBoxSet from './SelectableBoxSet';\nimport { useCheckboxSetContext } from '../Form/FormCheckboxSetContext';\nimport { useRadioSetContext } from '../Form/FormRadioSetContext';\nimport { getInputType } from './utils';\n\nconst INPUT_TYPES = [\n  'radio',\n  'checkbox',\n];\n\nconst SelectableBox = React.forwardRef(({\n  type,\n  value,\n  checked,\n  children,\n  isIndeterminate,\n  isInvalid,\n  onClick,\n  onFocus,\n  inputHidden,\n  className,\n  showActiveBoxState,\n  ...props\n}, ref) => {\n  const inputType = getInputType('SelectableBox', type);\n  const { value: radioValue } = useRadioSetContext();\n  const { value: checkboxValues = [] } = useCheckboxSetContext();\n\n  const isChecked = () => {\n    switch (type) {\n      case 'radio':\n        return radioValue === value;\n      case 'checkbox':\n        return checkboxValues.includes(value);\n      default:\n        return radioValue === value;\n    }\n  };\n\n  const inputRef = useRef(null);\n  const input = React.createElement(inputType, {\n    value,\n    checked,\n    hidden: inputHidden,\n    ref: inputRef,\n    tabIndex: -1,\n    onChange: () => {},\n    ...(type === 'checkbox' ? { ...props, isIndeterminate } : { ...props }),\n  }, null);\n\n  useEffect(() => {\n    if (onClick && inputRef.current) {\n      inputRef.current.onclick = () => onClick(inputRef.current);\n    }\n  }, [onClick]);\n\n  return (\n    <div\n      role=\"button\"\n      onKeyPress={() => inputRef.current.click()}\n      onClick={() => inputRef.current.click()}\n      onFocus={onFocus}\n      className={classNames('pgn__selectable_box', className, {\n        'pgn__selectable_box-active': (!inputHidden && !showActiveBoxState) ? false : isChecked() || checked,\n        'pgn__selectable_box-invalid': isInvalid,\n      })}\n      tabIndex={0}\n      ref={ref}\n      {...props}\n    >\n      {input}\n      {children}\n    </div>\n  );\n});\n\nSelectableBox.propTypes = {\n  /** Content of the `SelectableBox`. */\n  children: PropTypes.node.isRequired,\n  /** A value that is passed to the input tag. */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Controls whether `SelectableBox` is checked. */\n  checked: PropTypes.bool,\n  /** Indicates the input type: checkbox or radio. */\n  type: PropTypes.oneOf(INPUT_TYPES),\n  /** Function that is called when the `SelectableBox` is clicked. */\n  onClick: PropTypes.func,\n  /** Function that is called when the `SelectableBox` is focused. */\n  onFocus: PropTypes.func,\n  /** Controls display of the input (checkbox or radio button) on the `SelectableBox`. */\n  inputHidden: PropTypes.bool,\n  /** Indicates a state for the 'checkbox' `type` when `SelectableBox` is neither checked nor unchecked. */\n  isIndeterminate: PropTypes.bool,\n  /** Adds errors styles to the `SelectableBox`. */\n  isInvalid: PropTypes.bool,\n  /** A class that is appended to the base element. */\n  className: PropTypes.string,\n  /** Controls the visibility of the active state for the `SelectableBox`. */\n  showActiveBoxState: PropTypes.bool,\n};\n\nSelectableBox.defaultProps = {\n  value: undefined,\n  checked: false,\n  type: 'radio',\n  onClick: () => {},\n  onFocus: () => {},\n  inputHidden: true,\n  isIndeterminate: false,\n  isInvalid: false,\n  className: undefined,\n  showActiveBoxState: true,\n};\n\nSelectableBox.Set = SelectableBoxSet;\nexport default SelectableBox;\n"],"mappings":"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","ignoreList":[]}

package/dist/Spinner/index.js

@@ -1,6 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["className", "screenReaderText"];
-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 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) { _defineProperty(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 _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; }
@@ -20,7 +19,7 @@ var Spinner = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     className: classNames('pgn__spinner', className),
     role: screenReaderText ? 'status' : undefined
   });
-  return /*#__PURE__*/React.createElement(BaseSpinner, _extends({}, spinnerProps, {
+  return /*#__PURE__*/React.createElement(BaseSpinner, _objectSpread(_objectSpread({}, spinnerProps), {}, {
     ref: ref
   }), screenReaderText && /*#__PURE__*/React.createElement("span", {
     className: "sr-only"

package/dist/Spinner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","BaseSpinner","Spinner","forwardRef","_ref","ref","className","screenReaderText","attrs","_objectWithoutProperties","_excluded","spinnerProps","_objectSpread","role","undefined","createElement","_extends","propTypes","string","node","defaultProps"],"sources":["../../src/Spinner/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport BaseSpinner from 'react-bootstrap/Spinner';\n\nconst Spinner = React.forwardRef(({\n  className,\n  screenReaderText,\n  ...attrs\n}, ref) => {\n  const spinnerProps = {\n    ...attrs,\n    className: classNames('pgn__spinner', className),\n    role: screenReaderText ? 'status' : undefined,\n  };\n  return (\n    <BaseSpinner {...spinnerProps} ref={ref}>\n      {screenReaderText && <span className=\"sr-only\">{screenReaderText}</span>}\n    </BaseSpinner>\n  );\n});\n\nSpinner.propTypes = {\n  /** Specifies the class name for the component. */\n  className: PropTypes.string,\n  /** Specifies the screen reader content for a11y. */\n  screenReaderText: PropTypes.node,\n};\n\nSpinner.defaultProps = {\n  className: undefined,\n  screenReaderText: undefined,\n};\n\nexport default Spinner;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,WAAW,MAAM,yBAAyB;AAEjD,IAAMC,OAAO,gBAAGJ,KAAK,CAACK,UAAU,CAAC,UAAAC,IAAA,EAI9BC,GAAG,EAAK;EAAA,IAHTC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;IACbC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAER,IAAMC,YAAY,GAAAC,aAAA,CAAAA,aAAA,KACbJ,KAAK;IACRF,SAAS,EAAEN,UAAU,CAAC,cAAc,EAAEM,SAAS,CAAC;IAChDO,IAAI,EAAEN,gBAAgB,GAAG,QAAQ,GAAGO;EAAS,EAC9C;EACD,oBACEhB,KAAA,CAAAiB,aAAA,CAACd,WAAW,EAAAe,QAAA,KAAKL,YAAY;IAAEN,GAAG,EAAEA;EAAI,IACrCE,gBAAgB,iBAAIT,KAAA,CAAAiB,aAAA;IAAMT,SAAS,EAAC;EAAS,GAAEC,gBAAuB,CAC5D,CAAC;AAElB,CAAC,CAAC;AAEFL,OAAO,CAACe,SAAS,GAAG;EAClB;EACAX,SAAS,EAAEP,SAAS,CAACmB,MAAM;EAC3B;EACAX,gBAAgB,EAAER,SAAS,CAACoB;AAC9B,CAAC;AAEDjB,OAAO,CAACkB,YAAY,GAAG;EACrBd,SAAS,EAAEQ,SAAS;EACpBP,gBAAgB,EAAEO;AACpB,CAAC;AAED,eAAeZ,OAAO","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","BaseSpinner","Spinner","forwardRef","_ref","ref","className","screenReaderText","attrs","_objectWithoutProperties","_excluded","spinnerProps","_objectSpread","role","undefined","createElement","propTypes","string","node","defaultProps"],"sources":["../../src/Spinner/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport BaseSpinner from 'react-bootstrap/Spinner';\n\nconst Spinner = React.forwardRef(({\n  className,\n  screenReaderText,\n  ...attrs\n}, ref) => {\n  const spinnerProps = {\n    ...attrs,\n    className: classNames('pgn__spinner', className),\n    role: screenReaderText ? 'status' : undefined,\n  };\n  return (\n    <BaseSpinner {...spinnerProps} ref={ref}>\n      {screenReaderText && <span className=\"sr-only\">{screenReaderText}</span>}\n    </BaseSpinner>\n  );\n});\n\nSpinner.propTypes = {\n  /** Specifies the class name for the component. */\n  className: PropTypes.string,\n  /** Specifies the screen reader content for a11y. */\n  screenReaderText: PropTypes.node,\n};\n\nSpinner.defaultProps = {\n  className: undefined,\n  screenReaderText: undefined,\n};\n\nexport default Spinner;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,WAAW,MAAM,yBAAyB;AAEjD,IAAMC,OAAO,gBAAGJ,KAAK,CAACK,UAAU,CAAC,UAAAC,IAAA,EAI9BC,GAAG,EAAK;EAAA,IAHTC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;IACbC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAER,IAAMC,YAAY,GAAAC,aAAA,CAAAA,aAAA,KACbJ,KAAK;IACRF,SAAS,EAAEN,UAAU,CAAC,cAAc,EAAEM,SAAS,CAAC;IAChDO,IAAI,EAAEN,gBAAgB,GAAG,QAAQ,GAAGO;EAAS,EAC9C;EACD,oBACEhB,KAAA,CAAAiB,aAAA,CAACd,WAAW,EAAAW,aAAA,CAAAA,aAAA,KAAKD,YAAY;IAAEN,GAAG,EAAEA;EAAI,IACrCE,gBAAgB,iBAAIT,KAAA,CAAAiB,aAAA;IAAMT,SAAS,EAAC;EAAS,GAAEC,gBAAuB,CAC5D,CAAC;AAElB,CAAC,CAAC;AAEFL,OAAO,CAACc,SAAS,GAAG;EAClB;EACAV,SAAS,EAAEP,SAAS,CAACkB,MAAM;EAC3B;EACAV,gBAAgB,EAAER,SAAS,CAACmB;AAC9B,CAAC;AAEDhB,OAAO,CAACiB,YAAY,GAAG;EACrBb,SAAS,EAAEQ,SAAS;EACpBP,gBAAgB,EAAEO;AACpB,CAAC;AAED,eAAeZ,OAAO","ignoreList":[]}

package/dist/Stack/index.js

@@ -1,5 +1,10 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["direction", "gap", "reversed", "children", "className"];
-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 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) { _defineProperty(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 _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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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; }
 import React, { forwardRef } from 'react';
@@ -13,7 +18,7 @@ var Stack = /*#__PURE__*/forwardRef(function (_ref, ref) {
     children = _ref.children,
     className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _objectSpread({
     ref: ref,
     className: classNames(direction === 'horizontal' ? 'pgn__hstack' : 'pgn__vstack', gap ? "pgn__stack-gap--".concat(gap) : '', reversed ? 'pgn__stack-reversed' : '', className)
   }, rest), children);

package/dist/Stack/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","forwardRef","PropTypes","classNames","DIRECTION_VARIANTS","Stack","_ref","ref","direction","gap","reversed","children","className","rest","_objectWithoutProperties","_excluded","createElement","_extends","concat","propTypes","node","isRequired","oneOf","number","bool","string","defaultProps","undefined"],"sources":["../../src/Stack/index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst DIRECTION_VARIANTS = [\n  'horizontal',\n  'vertical',\n];\n\nconst Stack = forwardRef(({\n  direction,\n  gap,\n  reversed,\n  children,\n  className,\n  ...rest\n}, ref) => (\n  <div\n    ref={ref}\n    className={classNames(\n      direction === 'horizontal' ? 'pgn__hstack' : 'pgn__vstack',\n      gap ? `pgn__stack-gap--${gap}` : '',\n      reversed ? 'pgn__stack-reversed' : '',\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </div>\n));\n\nStack.propTypes = {\n  /** Specifies the content of the `Stack`. */\n  children: PropTypes.node.isRequired,\n  /** Specifies direction of the children blocks (column/row). */\n  direction: PropTypes.oneOf(DIRECTION_VARIANTS),\n  /**\n   * Specifies inner space between children blocks.\n   *\n   * Valid values are based on `the spacing classes`:\n   * `0, 0.5, ... 6`.\n   */\n  gap: PropTypes.number,\n  /** Specifies the order of the children. */\n  reversed: PropTypes.bool,\n  /** Specifies an additional `className` to add to the base element. */\n  className: PropTypes.string,\n};\n\nStack.defaultProps = {\n  direction: 'vertical',\n  gap: 0,\n  className: undefined,\n  reversed: false,\n};\n\nexport default Stack;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,IAAMC,kBAAkB,GAAG,CACzB,YAAY,EACZ,UAAU,CACX;AAED,IAAMC,KAAK,gBAAGJ,UAAU,CAAC,UAAAK,IAAA,EAOtBC,GAAG;EAAA,IANJC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,GAAG,GAAAH,IAAA,CAAHG,GAAG;IACHC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACNC,IAAI,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAAA,oBAEPf,KAAA,CAAAgB,aAAA,QAAAC,QAAA;IACEV,GAAG,EAAEA,GAAI;IACTK,SAAS,EAAET,UAAU,CACnBK,SAAS,KAAK,YAAY,GAAG,aAAa,GAAG,aAAa,EAC1DC,GAAG,sBAAAS,MAAA,CAAsBT,GAAG,IAAK,EAAE,EACnCC,QAAQ,GAAG,qBAAqB,GAAG,EAAE,EACrCE,SACF;EAAE,GACEC,IAAI,GAEPF,QACE,CAAC;AAAA,CACP,CAAC;AAEFN,KAAK,CAACc,SAAS,GAAG;EAChB;EACAR,QAAQ,EAAET,SAAS,CAACkB,IAAI,CAACC,UAAU;EACnC;EACAb,SAAS,EAAEN,SAAS,CAACoB,KAAK,CAAClB,kBAAkB,CAAC;EAC9C;AACF;AACA;AACA;AACA;AACA;EACEK,GAAG,EAAEP,SAAS,CAACqB,MAAM;EACrB;EACAb,QAAQ,EAAER,SAAS,CAACsB,IAAI;EACxB;EACAZ,SAAS,EAAEV,SAAS,CAACuB;AACvB,CAAC;AAEDpB,KAAK,CAACqB,YAAY,GAAG;EACnBlB,SAAS,EAAE,UAAU;EACrBC,GAAG,EAAE,CAAC;EACNG,SAAS,EAAEe,SAAS;EACpBjB,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeL,KAAK","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","forwardRef","PropTypes","classNames","DIRECTION_VARIANTS","Stack","_ref","ref","direction","gap","reversed","children","className","rest","_objectWithoutProperties","_excluded","createElement","_objectSpread","concat","propTypes","node","isRequired","oneOf","number","bool","string","defaultProps","undefined"],"sources":["../../src/Stack/index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst DIRECTION_VARIANTS = [\n  'horizontal',\n  'vertical',\n];\n\nconst Stack = forwardRef(({\n  direction,\n  gap,\n  reversed,\n  children,\n  className,\n  ...rest\n}, ref) => (\n  <div\n    ref={ref}\n    className={classNames(\n      direction === 'horizontal' ? 'pgn__hstack' : 'pgn__vstack',\n      gap ? `pgn__stack-gap--${gap}` : '',\n      reversed ? 'pgn__stack-reversed' : '',\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </div>\n));\n\nStack.propTypes = {\n  /** Specifies the content of the `Stack`. */\n  children: PropTypes.node.isRequired,\n  /** Specifies direction of the children blocks (column/row). */\n  direction: PropTypes.oneOf(DIRECTION_VARIANTS),\n  /**\n   * Specifies inner space between children blocks.\n   *\n   * Valid values are based on `the spacing classes`:\n   * `0, 0.5, ... 6`.\n   */\n  gap: PropTypes.number,\n  /** Specifies the order of the children. */\n  reversed: PropTypes.bool,\n  /** Specifies an additional `className` to add to the base element. */\n  className: PropTypes.string,\n};\n\nStack.defaultProps = {\n  direction: 'vertical',\n  gap: 0,\n  className: undefined,\n  reversed: false,\n};\n\nexport default Stack;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,IAAMC,kBAAkB,GAAG,CACzB,YAAY,EACZ,UAAU,CACX;AAED,IAAMC,KAAK,gBAAGJ,UAAU,CAAC,UAAAK,IAAA,EAOtBC,GAAG;EAAA,IANJC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,GAAG,GAAAH,IAAA,CAAHG,GAAG;IACHC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACNC,IAAI,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAAA,oBAEPf,KAAA,CAAAgB,aAAA,QAAAC,aAAA;IACEV,GAAG,EAAEA,GAAI;IACTK,SAAS,EAAET,UAAU,CACnBK,SAAS,KAAK,YAAY,GAAG,aAAa,GAAG,aAAa,EAC1DC,GAAG,sBAAAS,MAAA,CAAsBT,GAAG,IAAK,EAAE,EACnCC,QAAQ,GAAG,qBAAqB,GAAG,EAAE,EACrCE,SACF;EAAE,GACEC,IAAI,GAEPF,QACE,CAAC;AAAA,CACP,CAAC;AAEFN,KAAK,CAACc,SAAS,GAAG;EAChB;EACAR,QAAQ,EAAET,SAAS,CAACkB,IAAI,CAACC,UAAU;EACnC;EACAb,SAAS,EAAEN,SAAS,CAACoB,KAAK,CAAClB,kBAAkB,CAAC;EAC9C;AACF;AACA;AACA;AACA;AACA;EACEK,GAAG,EAAEP,SAAS,CAACqB,MAAM;EACrB;EACAb,QAAQ,EAAER,SAAS,CAACsB,IAAI;EACxB;EACAZ,SAAS,EAAEV,SAAS,CAACuB;AACvB,CAAC;AAEDpB,KAAK,CAACqB,YAAY,GAAG;EACnBlB,SAAS,EAAE,UAAU;EACrBC,GAAG,EAAE,CAAC;EACNG,SAAS,EAAEe,SAAS;EACpBjB,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeL,KAAK","ignoreList":[]}

package/dist/StatefulButton/index.js

@@ -1,5 +1,10 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["className", "state", "labels", "icons", "disabledStates", "onClick"];
-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 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) { _defineProperty(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 _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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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; }
 import React from 'react';
@@ -19,7 +24,7 @@ function StatefulButton(_ref) {
   var isDisabled = disabledStates.indexOf(state) !== -1;
   var icon = icons[state] !== undefined ? icons[state] : icons["default"];
   var label = labels[state] !== undefined ? labels[state] : labels["default"];
-  return /*#__PURE__*/React.createElement(Button, _extends({
+  return /*#__PURE__*/React.createElement(Button, _objectSpread({
     "aria-live": "assertive",
     "aria-disabled": isDisabled,
     className: classNames('pgn__stateful-btn', "pgn__stateful-btn-state-".concat(state), className, {

package/dist/StatefulButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","Cancel","CheckCircleOutline","SpinnerSimple","Button","Icon","StatefulButton","_ref","className","state","labels","icons","disabledStates","onClick","attributes","_objectWithoutProperties","_excluded","isDisabled","indexOf","icon","undefined","label","createElement","_extends","concat","disabled","e","preventDefault","propTypes","string","objectOf","node","isRequired","arrayOf","func","defaultProps","pending","src","complete","error"],"sources":["../../src/StatefulButton/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Cancel, CheckCircleOutline, SpinnerSimple } from '../../icons';\nimport Button from '../Button';\nimport Icon from '../Icon';\n\nfunction StatefulButton({\n  className,\n  state,\n  labels,\n  icons,\n  disabledStates,\n  onClick,\n  ...attributes\n}) {\n  const isDisabled = disabledStates.indexOf(state) !== -1;\n  const icon = icons[state] !== undefined ? icons[state] : icons.default;\n  const label = labels[state] !== undefined ? labels[state] : labels.default;\n\n  return (\n    <Button\n      aria-live=\"assertive\"\n      aria-disabled={isDisabled}\n      className={classNames(\n        'pgn__stateful-btn',\n        `pgn__stateful-btn-state-${state}`,\n        className,\n        { disabled: isDisabled },\n      )}\n      onClick={(e) => {\n        // Swallow clicks if the button is disabled.\n        // We do this instead of disabling the button to prevent\n        // it from losing focus (disabled elements cannot have focus).\n        if (isDisabled) {\n          e.preventDefault();\n          return;\n        }\n\n        if (onClick) {\n          onClick(e);\n        }\n      }}\n      {...attributes}\n    >\n      <span className=\"d-flex align-items-center justify-content-center\">\n        {icon && <span className={classNames({ 'pgn__stateful-btn-icon': !!label })}>{icon}</span>}\n        {label ? <span>{label}</span> : <span className=\"sr-only\">{state}</span>}\n      </span>\n    </Button>\n  );\n}\n\nStatefulButton.propTypes = {\n  className: PropTypes.string,\n  /**\n   * Each state has:\n   * - A label (required)\n   * - An icon\n   * - an option to be disabled\n   *\n   * Control the state with the `state` prop. Example usage:\n   *\n   * ```jsx\n   * <StatefulButton\n   *   state=\"pending\"\n   *   labels={{\n   *     default: 'Download',\n   *     pending: 'Downloading',\n   *     complete: 'Downloaded',\n   *   }}\n   *   icons={{\n   *     default: <Icon className=\"fa fa-download\" />,\n   *     pending: <Icon className=\"fa fa-spinner fa-spin\" />,\n   *     complete: <Icon className=\"fa fa-check\" />,\n   *   }}\n   *   disabledStates=['pending']\n   *   className='btn-primary mr-2'\n   * />\n   * ```\n   */\n  state: PropTypes.string,\n  /** Required. Each state has a `label`. */\n  labels: PropTypes.objectOf(PropTypes.node).isRequired,\n  /** Required. Each state has an `icon`. */\n  icons: PropTypes.objectOf(PropTypes.node),\n  /** Required. Each state has a `disabledState` */\n  disabledStates: PropTypes.arrayOf(PropTypes.string),\n  /** Specifies the callback function when the button is clicked */\n  onClick: PropTypes.func,\n};\n\nStatefulButton.defaultProps = {\n  className: undefined,\n  state: 'default',\n  icons: {\n    default: undefined,\n    pending: <Icon src={SpinnerSimple} className={classNames('icon-spin')} />,\n    complete: <Icon src={CheckCircleOutline} />,\n    error: <Icon src={Cancel} />,\n  },\n  disabledStates: ['pending', 'complete'],\n  onClick: undefined,\n};\n\nexport default StatefulButton;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","Cancel","CheckCircleOutline","SpinnerSimple","Button","Icon","StatefulButton","_ref","className","state","labels","icons","disabledStates","onClick","attributes","_objectWithoutProperties","_excluded","isDisabled","indexOf","icon","undefined","label","createElement","_objectSpread","concat","disabled","e","preventDefault","propTypes","string","objectOf","node","isRequired","arrayOf","func","defaultProps","pending","src","complete","error"],"sources":["../../src/StatefulButton/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Cancel, CheckCircleOutline, SpinnerSimple } from '../../icons';\nimport Button from '../Button';\nimport Icon from '../Icon';\n\nfunction StatefulButton({\n  className,\n  state,\n  labels,\n  icons,\n  disabledStates,\n  onClick,\n  ...attributes\n}) {\n  const isDisabled = disabledStates.indexOf(state) !== -1;\n  const icon = icons[state] !== undefined ? icons[state] : icons.default;\n  const label = labels[state] !== undefined ? labels[state] : labels.default;\n\n  return (\n    <Button\n      aria-live=\"assertive\"\n      aria-disabled={isDisabled}\n      className={classNames(\n        'pgn__stateful-btn',\n        `pgn__stateful-btn-state-${state}`,\n        className,\n        { disabled: isDisabled },\n      )}\n      onClick={(e) => {\n        // Swallow clicks if the button is disabled.\n        // We do this instead of disabling the button to prevent\n        // it from losing focus (disabled elements cannot have focus).\n        if (isDisabled) {\n          e.preventDefault();\n          return;\n        }\n\n        if (onClick) {\n          onClick(e);\n        }\n      }}\n      {...attributes}\n    >\n      <span className=\"d-flex align-items-center justify-content-center\">\n        {icon && <span className={classNames({ 'pgn__stateful-btn-icon': !!label })}>{icon}</span>}\n        {label ? <span>{label}</span> : <span className=\"sr-only\">{state}</span>}\n      </span>\n    </Button>\n  );\n}\n\nStatefulButton.propTypes = {\n  className: PropTypes.string,\n  /**\n   * Each state has:\n   * - A label (required)\n   * - An icon\n   * - an option to be disabled\n   *\n   * Control the state with the `state` prop. Example usage:\n   *\n   * ```jsx\n   * <StatefulButton\n   *   state=\"pending\"\n   *   labels={{\n   *     default: 'Download',\n   *     pending: 'Downloading',\n   *     complete: 'Downloaded',\n   *   }}\n   *   icons={{\n   *     default: <Icon className=\"fa fa-download\" />,\n   *     pending: <Icon className=\"fa fa-spinner fa-spin\" />,\n   *     complete: <Icon className=\"fa fa-check\" />,\n   *   }}\n   *   disabledStates=['pending']\n   *   className='btn-primary mr-2'\n   * />\n   * ```\n   */\n  state: PropTypes.string,\n  /** Required. Each state has a `label`. */\n  labels: PropTypes.objectOf(PropTypes.node).isRequired,\n  /** Required. Each state has an `icon`. */\n  icons: PropTypes.objectOf(PropTypes.node),\n  /** Required. Each state has a `disabledState` */\n  disabledStates: PropTypes.arrayOf(PropTypes.string),\n  /** Specifies the callback function when the button is clicked */\n  onClick: PropTypes.func,\n};\n\nStatefulButton.defaultProps = {\n  className: undefined,\n  state: 'default',\n  icons: {\n    default: undefined,\n    pending: <Icon src={SpinnerSimple} className={classNames('icon-spin')} />,\n    complete: <Icon src={CheckCircleOutline} />,\n    error: <Icon src={Cancel} />,\n  },\n  disabledStates: ['pending', 'complete'],\n  onClick: undefined,\n};\n\nexport default StatefulButton;\n"],"mappings":"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","ignoreList":[]}

package/dist/Stepper/StepperHeader.js

@@ -1,5 +1,10 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["label"];
-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 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) { _defineProperty(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 _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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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; }
 import React, { useContext } from 'react';
@@ -25,7 +30,7 @@ function StepList(_ref) {
       stepProps = _objectWithoutProperties(_ref2, _excluded);
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: stepProps.eventKey
-    }, index !== 0 && /*#__PURE__*/React.createElement(StepListSeparator, null), /*#__PURE__*/React.createElement(StepperHeaderStep, _extends({}, stepProps, {
+    }, index !== 0 && /*#__PURE__*/React.createElement(StepListSeparator, null), /*#__PURE__*/React.createElement(StepperHeaderStep, _objectSpread(_objectSpread({}, stepProps), {}, {
       index: index,
       isActive: activeKey === stepProps.eventKey
     }), label));
@@ -54,7 +59,7 @@ function StepperHeader(_ref4) {
     var activeStep = steps[activeStepIndex];
     return /*#__PURE__*/React.createElement("div", {
       className: classNames('pgn__stepper-header', className)
-    }, /*#__PURE__*/React.createElement(StepperHeaderStep, _extends({}, activeStep, {
+    }, /*#__PURE__*/React.createElement(StepperHeaderStep, _objectSpread(_objectSpread({}, activeStep), {}, {
       index: activeStepIndex,
       isActive: true
     })), /*#__PURE__*/React.createElement("div", {

package/dist/Stepper/StepperHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperHeader.js","names":["React","useContext","PropTypes","classNames","StepperHeaderStep","StepperContext","useWindowSize","breakpoints","Size","StepListSeparator","createElement","className","StepList","_ref","steps","activeKey","map","_ref2","index","label","stepProps","_objectWithoutProperties","_excluded","Fragment","key","eventKey","_extends","isActive","PageCount","_ref3","activeStepIndex","totalSteps","concat","StepperHeader","_ref4","PageCountComponent","compactWidth","_useContext","windowDimensions","size","breakpointWidth","maxWidth","Infinity","isCompactView","width","findIndex","step","activeStep","length","propTypes","string","elementType","oneOf","defaultProps","arrayOf","shape","title","description","hasError","bool","isRequired","Step"],"sources":["../../src/Stepper/StepperHeader.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport StepperHeaderStep from './StepperHeaderStep';\nimport { StepperContext } from './StepperContext';\nimport useWindowSize from '../hooks/useWindowSize';\nimport breakpoints, { Size } from '../utils/breakpoints';\n\nfunction StepListSeparator() {\n  return <li aria-hidden=\"true\" className=\"pgn__stepper-header-line\" />;\n}\n\nfunction StepList({ steps, activeKey }) {\n  return (\n    <ul className=\"pgn__stepper-header-step-list\">\n      {steps.map(({ label, ...stepProps }, index) => (\n        <React.Fragment key={stepProps.eventKey}>\n          {index !== 0 && <StepListSeparator />}\n          <StepperHeaderStep\n            {...stepProps}\n            index={index}\n            isActive={activeKey === stepProps.eventKey}\n          >\n            {label}\n          </StepperHeaderStep>\n        </React.Fragment>\n      ))}\n    </ul>\n  );\n}\n\nconst PageCount = ({ activeStepIndex, totalSteps }) => `Step ${activeStepIndex + 1} of ${totalSteps}`;\n\nfunction StepperHeader({ className, PageCountComponent, compactWidth }) {\n  const { steps, activeKey } = useContext(StepperContext);\n  const windowDimensions = useWindowSize();\n  const size = Size[compactWidth] || 'small';\n  const breakpointWidth = breakpoints[size].maxWidth || Infinity;\n  const isCompactView = windowDimensions.width < breakpointWidth;\n\n  if (isCompactView) {\n    const activeStepIndex = steps.findIndex(step => step.eventKey === activeKey);\n    const activeStep = steps[activeStepIndex];\n    return (\n      <div className={classNames('pgn__stepper-header', className)}>\n        <StepperHeaderStep\n          {...activeStep}\n          index={activeStepIndex}\n          isActive\n        />\n        <div className=\"flex-grow-1\" />\n        <div>\n          <PageCountComponent\n            activeStepIndex={activeStepIndex}\n            totalSteps={steps.length}\n          />\n        </div>\n      </div>\n    );\n  }\n\n  // Show all steps\n  return (\n    <div className={classNames('pgn__stepper-header', className)}>\n      <StepList steps={steps} activeKey={activeKey} />\n    </div>\n  );\n}\n\nStepperHeader.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** A component that receives `activeStepIndex` and `totalSteps` props to display them. */\n  PageCountComponent: PropTypes.elementType,\n  /** The max width in which the compact view of the header will switch to display the step number that is\n   * currently in progress. Options include 'xs', 'sm', 'md', 'lg', 'xl', and 'xxl'.\n   */\n  compactWidth: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl', 'xxl']),\n};\n\nStepperHeader.defaultProps = {\n  className: null,\n  PageCountComponent: PageCount,\n  compactWidth: 'sm',\n};\n\nStepList.propTypes = {\n  steps: PropTypes.arrayOf(PropTypes.shape({\n    eventKey: PropTypes.string,\n    title: PropTypes.string,\n    description: PropTypes.string,\n    hasError: PropTypes.bool,\n  })),\n  activeKey: PropTypes.string.isRequired,\n};\n\nStepList.defaultProps = {\n  steps: [],\n};\n\nStepperHeader.Step = StepperHeaderStep;\n\nexport default StepperHeader;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"StepperHeader.js","names":["React","useContext","PropTypes","classNames","StepperHeaderStep","StepperContext","useWindowSize","breakpoints","Size","StepListSeparator","createElement","className","StepList","_ref","steps","activeKey","map","_ref2","index","label","stepProps","_objectWithoutProperties","_excluded","Fragment","key","eventKey","_objectSpread","isActive","PageCount","_ref3","activeStepIndex","totalSteps","concat","StepperHeader","_ref4","PageCountComponent","compactWidth","_useContext","windowDimensions","size","breakpointWidth","maxWidth","Infinity","isCompactView","width","findIndex","step","activeStep","length","propTypes","string","elementType","oneOf","defaultProps","arrayOf","shape","title","description","hasError","bool","isRequired","Step"],"sources":["../../src/Stepper/StepperHeader.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport StepperHeaderStep from './StepperHeaderStep';\nimport { StepperContext } from './StepperContext';\nimport useWindowSize from '../hooks/useWindowSize';\nimport breakpoints, { Size } from '../utils/breakpoints';\n\nfunction StepListSeparator() {\n  return <li aria-hidden=\"true\" className=\"pgn__stepper-header-line\" />;\n}\n\nfunction StepList({ steps, activeKey }) {\n  return (\n    <ul className=\"pgn__stepper-header-step-list\">\n      {steps.map(({ label, ...stepProps }, index) => (\n        <React.Fragment key={stepProps.eventKey}>\n          {index !== 0 && <StepListSeparator />}\n          <StepperHeaderStep\n            {...stepProps}\n            index={index}\n            isActive={activeKey === stepProps.eventKey}\n          >\n            {label}\n          </StepperHeaderStep>\n        </React.Fragment>\n      ))}\n    </ul>\n  );\n}\n\nconst PageCount = ({ activeStepIndex, totalSteps }) => `Step ${activeStepIndex + 1} of ${totalSteps}`;\n\nfunction StepperHeader({ className, PageCountComponent, compactWidth }) {\n  const { steps, activeKey } = useContext(StepperContext);\n  const windowDimensions = useWindowSize();\n  const size = Size[compactWidth] || 'small';\n  const breakpointWidth = breakpoints[size].maxWidth || Infinity;\n  const isCompactView = windowDimensions.width < breakpointWidth;\n\n  if (isCompactView) {\n    const activeStepIndex = steps.findIndex(step => step.eventKey === activeKey);\n    const activeStep = steps[activeStepIndex];\n    return (\n      <div className={classNames('pgn__stepper-header', className)}>\n        <StepperHeaderStep\n          {...activeStep}\n          index={activeStepIndex}\n          isActive\n        />\n        <div className=\"flex-grow-1\" />\n        <div>\n          <PageCountComponent\n            activeStepIndex={activeStepIndex}\n            totalSteps={steps.length}\n          />\n        </div>\n      </div>\n    );\n  }\n\n  // Show all steps\n  return (\n    <div className={classNames('pgn__stepper-header', className)}>\n      <StepList steps={steps} activeKey={activeKey} />\n    </div>\n  );\n}\n\nStepperHeader.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** A component that receives `activeStepIndex` and `totalSteps` props to display them. */\n  PageCountComponent: PropTypes.elementType,\n  /** The max width in which the compact view of the header will switch to display the step number that is\n   * currently in progress. Options include 'xs', 'sm', 'md', 'lg', 'xl', and 'xxl'.\n   */\n  compactWidth: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl', 'xxl']),\n};\n\nStepperHeader.defaultProps = {\n  className: null,\n  PageCountComponent: PageCount,\n  compactWidth: 'sm',\n};\n\nStepList.propTypes = {\n  steps: PropTypes.arrayOf(PropTypes.shape({\n    eventKey: PropTypes.string,\n    title: PropTypes.string,\n    description: PropTypes.string,\n    hasError: PropTypes.bool,\n  })),\n  activeKey: PropTypes.string.isRequired,\n};\n\nStepList.defaultProps = {\n  steps: [],\n};\n\nStepperHeader.Step = StepperHeaderStep;\n\nexport default StepperHeader;\n"],"mappings":"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","ignoreList":[]}

package/dist/Sticky/index.js

@@ -1,5 +1,10 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["position", "children", "offset", "className"];
-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 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) { _defineProperty(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 _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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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); }
@@ -51,7 +56,7 @@ var Sticky = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       };
     }
   }, [position, resolvedRef]);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _objectSpread({
     className: classNames('pgn__sticky', "pgn__sticky-".concat(position || 'top'), offset ? "pgn__sticky-offset--".concat(offset) : '', {
       'pgn__sticky-shadow': isSticky
     }, className),

package/dist/Sticky/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useLayoutEffect","useState","PropTypes","classNames","POSITION_VARIANTS","Sticky","forwardRef","_ref","ref","position","children","offset","className","rest","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","isSticky","setIsSticky","defaultRef","useRef","resolvedRef","current","stickyElement","elementStyles","window","getComputedStyle","elementOffset","elementWithOffset","parseInt","observer","IntersectionObserver","_ref2","_ref3","entry","intersectionRatio","threshold","rootMargin","concat","observe","unobserve","createElement","_extends","propTypes","node","isRequired","oneOf","oneOfType","number","string","defaultProps","undefined"],"sources":["../../src/Sticky/index.jsx"],"sourcesContent":["import React, { useLayoutEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst POSITION_VARIANTS = [\n  'top',\n  'bottom',\n];\n\nconst Sticky = React.forwardRef(({\n  position,\n  children,\n  offset,\n  className,\n  ...rest\n}, ref) => {\n  const [isSticky, setIsSticky] = useState(false);\n  const defaultRef = React.useRef();\n  const resolvedRef = ref || defaultRef;\n\n  // eslint-disable-next-line consistent-return\n  useLayoutEffect(() => {\n    if (resolvedRef.current) {\n      const stickyElement = resolvedRef.current;\n      // getComputedStyle is used to get real top/bottom\n      // values on the page for proper shadows display\n      const elementStyles = window.getComputedStyle(stickyElement);\n      const elementOffset = elementStyles[position || 'top'];\n      // Margin calculations according to the offset.\n      // 1 pixel above/bellow + offset pixels that determines\n      // when callback function is called\n      const elementWithOffset = 1 + (parseInt(elementOffset, 10) || 0);\n      const observer = new IntersectionObserver(\n        ([entry]) => setIsSticky(entry.intersectionRatio < 1),\n        {\n          threshold: [1],\n          rootMargin: position === 'bottom'\n            ? `0px 0px -${elementWithOffset}px 0px`\n            : `-${elementWithOffset}px 0px 0px 0px`,\n        },\n      );\n      observer.observe(stickyElement);\n\n      return () => {\n        observer.unobserve(stickyElement);\n      };\n    }\n  }, [position, resolvedRef]);\n\n  return (\n    <div\n      className={classNames(\n        'pgn__sticky',\n        `pgn__sticky-${position || 'top'}`,\n        offset ? `pgn__sticky-offset--${offset}` : '',\n        { 'pgn__sticky-shadow': isSticky },\n        className,\n      )}\n      ref={resolvedRef}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nSticky.propTypes = {\n  /** Specifies content of the component. */\n  children: PropTypes.node.isRequired,\n  /** Specifies position of the element. */\n  position: PropTypes.oneOf(POSITION_VARIANTS),\n  /**\n   * Specifies offset from top/bottom depending on the `position` property.\n   *\n   * Valid values are based on `the spacing classes`:\n   * `0, 0.5, ... 6`.\n   */\n  offset: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /** Specifies an additional `className` to add to the base element. */\n  className: PropTypes.string,\n};\n\nSticky.defaultProps = {\n  position: 'top',\n  offset: undefined,\n  className: undefined,\n};\n\nexport default Sticky;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useLayoutEffect","useState","PropTypes","classNames","POSITION_VARIANTS","Sticky","forwardRef","_ref","ref","position","children","offset","className","rest","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","isSticky","setIsSticky","defaultRef","useRef","resolvedRef","current","stickyElement","elementStyles","window","getComputedStyle","elementOffset","elementWithOffset","parseInt","observer","IntersectionObserver","_ref2","_ref3","entry","intersectionRatio","threshold","rootMargin","concat","observe","unobserve","createElement","_objectSpread","propTypes","node","isRequired","oneOf","oneOfType","number","string","defaultProps","undefined"],"sources":["../../src/Sticky/index.jsx"],"sourcesContent":["import React, { useLayoutEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst POSITION_VARIANTS = [\n  'top',\n  'bottom',\n];\n\nconst Sticky = React.forwardRef(({\n  position,\n  children,\n  offset,\n  className,\n  ...rest\n}, ref) => {\n  const [isSticky, setIsSticky] = useState(false);\n  const defaultRef = React.useRef();\n  const resolvedRef = ref || defaultRef;\n\n  // eslint-disable-next-line consistent-return\n  useLayoutEffect(() => {\n    if (resolvedRef.current) {\n      const stickyElement = resolvedRef.current;\n      // getComputedStyle is used to get real top/bottom\n      // values on the page for proper shadows display\n      const elementStyles = window.getComputedStyle(stickyElement);\n      const elementOffset = elementStyles[position || 'top'];\n      // Margin calculations according to the offset.\n      // 1 pixel above/bellow + offset pixels that determines\n      // when callback function is called\n      const elementWithOffset = 1 + (parseInt(elementOffset, 10) || 0);\n      const observer = new IntersectionObserver(\n        ([entry]) => setIsSticky(entry.intersectionRatio < 1),\n        {\n          threshold: [1],\n          rootMargin: position === 'bottom'\n            ? `0px 0px -${elementWithOffset}px 0px`\n            : `-${elementWithOffset}px 0px 0px 0px`,\n        },\n      );\n      observer.observe(stickyElement);\n\n      return () => {\n        observer.unobserve(stickyElement);\n      };\n    }\n  }, [position, resolvedRef]);\n\n  return (\n    <div\n      className={classNames(\n        'pgn__sticky',\n        `pgn__sticky-${position || 'top'}`,\n        offset ? `pgn__sticky-offset--${offset}` : '',\n        { 'pgn__sticky-shadow': isSticky },\n        className,\n      )}\n      ref={resolvedRef}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nSticky.propTypes = {\n  /** Specifies content of the component. */\n  children: PropTypes.node.isRequired,\n  /** Specifies position of the element. */\n  position: PropTypes.oneOf(POSITION_VARIANTS),\n  /**\n   * Specifies offset from top/bottom depending on the `position` property.\n   *\n   * Valid values are based on `the spacing classes`:\n   * `0, 0.5, ... 6`.\n   */\n  offset: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /** Specifies an additional `className` to add to the base element. */\n  className: PropTypes.string,\n};\n\nSticky.defaultProps = {\n  position: 'top',\n  offset: undefined,\n  className: undefined,\n};\n\nexport default Sticky;\n"],"mappings":"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","ignoreList":[]}

package/dist/Tabs/Tab.js

@@ -1,8 +1,14 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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) { _defineProperty(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 _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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
 import PropTypes from 'prop-types';
 import BaseTab from 'react-bootstrap/Tab';
 function Tab(props) {
-  return /*#__PURE__*/React.createElement(BaseTab, props);
+  return /*#__PURE__*/React.createElement(BaseTab, _objectSpread({}, props));
 }
 Tab.propTypes = {
   /** Specifies the `Tab` navigation title. */

package/dist/Tabs/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","names":["React","PropTypes","BaseTab","Tab","props","createElement","propTypes","title","node","isRequired","notification","disabled","bool","eventKey","oneOfType","string","number","tabClassName","defaultProps","undefined"],"sources":["../../src/Tabs/Tab.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BaseTab from 'react-bootstrap/Tab';\n\nfunction Tab(props) {\n  return <BaseTab {...props} />;\n}\n\nTab.propTypes = {\n  /** Specifies the `Tab` navigation title. */\n  title: PropTypes.node.isRequired,\n  /** Specifies notification bubble content. It appears on the top right of the `Tab`. */\n  notification: PropTypes.node,\n  /** Specifies whether `Tab` is disabled. */\n  disabled: PropTypes.bool,\n  /**\n   * A unique identifier for the Component, the `eventKey` makes it distinguishable\n   * from others in a set. Similar to React's `key` prop, in that it only needs to be\n   * unique amongst the Components siblings, not globally.\n   */\n  eventKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Specifies class name to append to the base element. */\n  tabClassName: PropTypes.string,\n};\n\nTab.defaultProps = {\n  notification: undefined,\n  disabled: undefined,\n  eventKey: undefined,\n  tabClassName: undefined,\n};\n\nexport default Tab;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,qBAAqB;AAEzC,SAASC,GAAGA,CAACC,KAAK,EAAE;EAClB,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,OAAO,EAAKE,KAAQ,CAAC;AAC/B;AAEAD,GAAG,CAACG,SAAS,GAAG;EACd;EACAC,KAAK,EAAEN,SAAS,CAACO,IAAI,CAACC,UAAU;EAChC;EACAC,YAAY,EAAET,SAAS,CAACO,IAAI;EAC5B;EACAG,QAAQ,EAAEV,SAAS,CAACW,IAAI;EACxB;AACF;AACA;AACA;AACA;EACEC,QAAQ,EAAEZ,SAAS,CAACa,SAAS,CAAC,CAACb,SAAS,CAACc,MAAM,EAAEd,SAAS,CAACe,MAAM,CAAC,CAAC;EACnE;EACAC,YAAY,EAAEhB,SAAS,CAACc;AAC1B,CAAC;AAEDZ,GAAG,CAACe,YAAY,GAAG;EACjBR,YAAY,EAAES,SAAS;EACvBR,QAAQ,EAAEQ,SAAS;EACnBN,QAAQ,EAAEM,SAAS;EACnBF,YAAY,EAAEE;AAChB,CAAC;AAED,eAAehB,GAAG","ignoreList":[]}
+{"version":3,"file":"Tab.js","names":["React","PropTypes","BaseTab","Tab","props","createElement","_objectSpread","propTypes","title","node","isRequired","notification","disabled","bool","eventKey","oneOfType","string","number","tabClassName","defaultProps","undefined"],"sources":["../../src/Tabs/Tab.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BaseTab from 'react-bootstrap/Tab';\n\nfunction Tab(props) {\n  return <BaseTab {...props} />;\n}\n\nTab.propTypes = {\n  /** Specifies the `Tab` navigation title. */\n  title: PropTypes.node.isRequired,\n  /** Specifies notification bubble content. It appears on the top right of the `Tab`. */\n  notification: PropTypes.node,\n  /** Specifies whether `Tab` is disabled. */\n  disabled: PropTypes.bool,\n  /**\n   * A unique identifier for the Component, the `eventKey` makes it distinguishable\n   * from others in a set. Similar to React's `key` prop, in that it only needs to be\n   * unique amongst the Components siblings, not globally.\n   */\n  eventKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Specifies class name to append to the base element. */\n  tabClassName: PropTypes.string,\n};\n\nTab.defaultProps = {\n  notification: undefined,\n  disabled: undefined,\n  eventKey: undefined,\n  tabClassName: undefined,\n};\n\nexport default Tab;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,qBAAqB;AAEzC,SAASC,GAAGA,CAACC,KAAK,EAAE;EAClB,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,OAAO,EAAAI,aAAA,KAAKF,KAAK,CAAG,CAAC;AAC/B;AAEAD,GAAG,CAACI,SAAS,GAAG;EACd;EACAC,KAAK,EAAEP,SAAS,CAACQ,IAAI,CAACC,UAAU;EAChC;EACAC,YAAY,EAAEV,SAAS,CAACQ,IAAI;EAC5B;EACAG,QAAQ,EAAEX,SAAS,CAACY,IAAI;EACxB;AACF;AACA;AACA;AACA;EACEC,QAAQ,EAAEb,SAAS,CAACc,SAAS,CAAC,CAACd,SAAS,CAACe,MAAM,EAAEf,SAAS,CAACgB,MAAM,CAAC,CAAC;EACnE;EACAC,YAAY,EAAEjB,SAAS,CAACe;AAC1B,CAAC;AAEDb,GAAG,CAACgB,YAAY,GAAG;EACjBR,YAAY,EAAES,SAAS;EACvBR,QAAQ,EAAEQ,SAAS;EACnBN,QAAQ,EAAEM,SAAS;EACnBF,YAAY,EAAEE;AAChB,CAAC;AAED,eAAejB,GAAG","ignoreList":[]}

package/dist/Tabs/index.js

@@ -1,7 +1,6 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["children", "className", "moreTabText", "defaultActiveKey", "activeKey"],
   _excluded2 = ["title", "notification", "tabClassName"];
-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 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) { _defineProperty(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 _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; }
@@ -169,10 +168,10 @@ function Tabs(_ref) {
   }, [activeKey, children, defaultActiveKey, indexOfLastVisibleChild, moreTabText, handleDropdownTabClick]);
   return /*#__PURE__*/React.createElement("div", {
     ref: setContainerElementRef
-  }, /*#__PURE__*/React.createElement(BaseTabs, _extends({
+  }, /*#__PURE__*/React.createElement(BaseTabs, _objectSpread(_objectSpread({
     defaultActiveKey: defaultActiveKey,
     activeKey: activeKey
-  }, props, {
+  }, props), {}, {
     className: classNames(className, 'pgn__tabs')
   }), tabsChildren));
 }

package/dist/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useEffect","useMemo","useRef","useState","useCallback","classNames","PropTypes","BaseTabs","Bubble","Dropdown","useIndexOfLastVisibleChild","Tab","MORE_TAB_TEXT","Tabs","_ref","_overflowElementRef$c","_overflowElementRef$c3","children","className","_ref$moreTabText","moreTabText","defaultActiveKey","activeKey","props","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","containerElementRef","setContainerElementRef","overflowElementRef","indexOfLastVisibleChild","firstChild","current","parentNode","observer","MutationObserver","mutations","forEach","mutation","eventKey","target","getAttribute","isActive","element","querySelector","concat","moreTab","classList","add","remove","observe","attributes","subtree","attributeFilter","disconnect","undefined","_overflowElementRef$c2","tabIndex","handleDropdownTabClick","hiddenTab","click","tabsChildren","indexOfOverflowStart","handleDropdownKeyPress","e","key","childrenList","Children","map","child","index","_child$type","type","name","process","env","NODE_ENV","console","error","isValidElement","_child$props","title","notification","tabClassName","rest","_excluded2","newTitle","createElement","Fragment","variant","role","expandable","tabClass","modifiedTab","cloneElement","_objectSpread","moreTabHasNotification","overflowChildren","slice","overflowChild","Item","as","onClick","onKeyPress","disabled","datakey","active","splice","length","ref","Toggle","id","Menu","_extends","propTypes","oneOf","node","isRequired","string","defaultProps","default","TabContainer","TabContent","TabPane"],"sources":["../../src/Tabs/index.jsx"],"sourcesContent":["import React, {\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  useCallback,\n} from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport BaseTabs from 'react-bootstrap/Tabs';\nimport Bubble from '../Bubble';\nimport Dropdown from '../Dropdown';\nimport useIndexOfLastVisibleChild from '../hooks/useIndexOfLastVisibleChild';\nimport Tab from './Tab';\n\nexport const MORE_TAB_TEXT = 'More...';\n\nfunction Tabs({\n  children,\n  className,\n  moreTabText = MORE_TAB_TEXT,\n  defaultActiveKey,\n  activeKey,\n  ...props\n}) {\n  const [containerElementRef, setContainerElementRef] = useState(null);\n  const overflowElementRef = useRef(null);\n  const indexOfLastVisibleChild = useIndexOfLastVisibleChild(\n    containerElementRef?.firstChild,\n    overflowElementRef.current?.parentNode,\n  );\n\n  useEffect(() => {\n    if (containerElementRef) {\n      const observer = new MutationObserver((mutations => {\n        mutations.forEach(mutation => {\n          // React-Bootstrap attribute 'data-rb-event-key' is responsible for the tab identification\n          const eventKey = mutation.target.getAttribute('data-rb-event-key');\n          // React-Bootstrap attribute 'aria-selected' is responsible for selected/unselected state\n          const isActive = mutation.target.getAttribute('aria-selected') === 'true';\n          // datakey attribute is added manually to the dropdown\n          // elements so that they correspond to the native tabs' eventKey\n          const element = containerElementRef.querySelector(`[datakey='${eventKey}']`);\n          const moreTab = containerElementRef.querySelector('.pgn__tab_more');\n          if (isActive) {\n            element?.classList.add('active');\n            // Here we add active class to the 'More Tab' if element exists in the dropdown\n            if (element) {\n              moreTab.classList.add('active');\n            } else {\n              moreTab.classList.remove('active');\n            }\n          } else {\n            element?.classList.remove('active');\n          }\n        });\n      }));\n      observer.observe(containerElementRef, {\n        attributes: true, subtree: true, attributeFilter: ['aria-selected'],\n      });\n      return () => observer.disconnect();\n    }\n    return undefined;\n  }, [containerElementRef]);\n\n  useEffect(() => {\n    if (overflowElementRef.current?.parentNode) {\n      overflowElementRef.current.parentNode.tabIndex = -1;\n    }\n  }, [overflowElementRef.current?.parentNode]);\n\n  const handleDropdownTabClick = useCallback((eventKey) => {\n    const hiddenTab = containerElementRef.querySelector(`[data-rb-event-key='${eventKey}']`);\n    hiddenTab.click();\n  }, [containerElementRef]);\n\n  const tabsChildren = useMemo(() => {\n    const indexOfOverflowStart = indexOfLastVisibleChild + 1;\n    const handleDropdownKeyPress = (e, eventKey) => {\n      if (e.key === 'Enter') {\n        handleDropdownTabClick(eventKey);\n      }\n    };\n    const childrenList = React.Children.map(children, (child, index) => {\n      if (child?.type?.name !== 'Tab' && process.env.NODE_ENV === 'development') {\n        // eslint-disable-next-line no-console\n        console.error(\n          `Tabs children can only be of type Tab. ${children[index]} was passed instead.`,\n        );\n      }\n      if (!React.isValidElement(child)) {\n        return child;\n      }\n      const {\n        title, notification, tabClassName, ...rest\n      } = child.props;\n      let newTitle;\n      if (notification) {\n        newTitle = (\n          <>\n            {title}\n            <Bubble\n              variant=\"error\"\n              role=\"status\"\n              className=\"pgn__tab-notification\"\n              aria-live=\"polite\"\n              expandable\n            >\n              {notification}\n            </Bubble>\n          </>\n        );\n      } else {\n        newTitle = title;\n      }\n      const tabClass = index > indexOfLastVisibleChild ? 'pgn__tab_invisible' : '';\n      const modifiedTab = React.cloneElement(child, {\n        ...rest,\n        title: newTitle,\n        tabClassName: classNames(tabClass, tabClassName),\n      });\n      return modifiedTab;\n    });\n    let moreTabHasNotification = false;\n    const overflowChildren = childrenList.slice(indexOfOverflowStart)\n      .map(overflowChild => {\n        if (!moreTabHasNotification && overflowChild.props.notification) {\n          moreTabHasNotification = true;\n        }\n        return (\n          <Dropdown.Item\n            as=\"li\"\n            tabIndex=\"0\"\n            key={`${overflowChild.props.eventKey}overflow`}\n            onClick={() => handleDropdownTabClick(overflowChild.props.eventKey)}\n            onKeyPress={(e) => handleDropdownKeyPress(e, overflowChild.props.eventKey)}\n            disabled={overflowChild.props.disabled}\n            datakey={overflowChild.props.eventKey}\n            className={classNames({\n              active: overflowChild.props.eventKey === defaultActiveKey || overflowChild.props.eventKey === activeKey,\n            }, 'pgn__tabs__dropdown-item')}\n          >\n            {overflowChild.props.title}\n          </Dropdown.Item>\n        );\n      });\n\n    childrenList.splice(indexOfOverflowStart, 0, (<Tab\n      key=\"moreTabKey\"\n      tabClassName={classNames(!overflowChildren.length && 'pgn__tab_invisible', 'pgn__tab_more')}\n      title={(\n        <Dropdown ref={overflowElementRef}>\n          <Dropdown.Toggle\n            variant=\"link\"\n            className=\"nav-link\"\n            id=\"pgn__tab-toggle\"\n          >\n            {moreTabText}\n            {moreTabHasNotification && (\n              <Bubble\n                variant=\"error\"\n                role=\"status\"\n                className=\"pgn__tab-notification\"\n              />\n            )}\n          </Dropdown.Toggle>\n          <Dropdown.Menu as=\"ul\" className=\"dropdown-menu-right\">{overflowChildren}</Dropdown.Menu>\n        </Dropdown>\n      )}\n    />\n    ));\n    return childrenList;\n  }, [activeKey, children, defaultActiveKey, indexOfLastVisibleChild, moreTabText, handleDropdownTabClick]);\n\n  return (\n    <div ref={setContainerElementRef}>\n      <BaseTabs\n        defaultActiveKey={defaultActiveKey}\n        activeKey={activeKey}\n        {...props}\n        className={classNames(className, 'pgn__tabs')}\n      >\n        {tabsChildren}\n      </BaseTabs>\n    </div>\n  );\n}\n\nTabs.propTypes = {\n  /** Specifies variant to use. */\n  variant: PropTypes.oneOf(['tabs', 'pills', 'inverse-tabs', 'inverse-pills', 'button-group']),\n  /** Specifies elements that is processed to create tabs. */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies text for the 'More' tab. */\n  moreTabText: PropTypes.string,\n  /** Specifies default active tab (uncontrolled usage). */\n  defaultActiveKey: PropTypes.string,\n  /** Specifies active tab (controlled usage). */\n  activeKey: PropTypes.string,\n};\n\nTabs.defaultProps = {\n  variant: 'tabs',\n  className: undefined,\n  moreTabText: MORE_TAB_TEXT,\n  defaultActiveKey: undefined,\n  activeKey: undefined,\n};\n\nexport default Tabs;\nexport { Tab };\nexport { default as TabContainer } from 'react-bootstrap/TabContainer';\nexport { default as TabContent } from 'react-bootstrap/TabContent';\nexport { default as TabPane } from 'react-bootstrap/TabPane';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useEffect","useMemo","useRef","useState","useCallback","classNames","PropTypes","BaseTabs","Bubble","Dropdown","useIndexOfLastVisibleChild","Tab","MORE_TAB_TEXT","Tabs","_ref","_overflowElementRef$c","_overflowElementRef$c3","children","className","_ref$moreTabText","moreTabText","defaultActiveKey","activeKey","props","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","containerElementRef","setContainerElementRef","overflowElementRef","indexOfLastVisibleChild","firstChild","current","parentNode","observer","MutationObserver","mutations","forEach","mutation","eventKey","target","getAttribute","isActive","element","querySelector","concat","moreTab","classList","add","remove","observe","attributes","subtree","attributeFilter","disconnect","undefined","_overflowElementRef$c2","tabIndex","handleDropdownTabClick","hiddenTab","click","tabsChildren","indexOfOverflowStart","handleDropdownKeyPress","e","key","childrenList","Children","map","child","index","_child$type","type","name","process","env","NODE_ENV","console","error","isValidElement","_child$props","title","notification","tabClassName","rest","_excluded2","newTitle","createElement","Fragment","variant","role","expandable","tabClass","modifiedTab","cloneElement","_objectSpread","moreTabHasNotification","overflowChildren","slice","overflowChild","Item","as","onClick","onKeyPress","disabled","datakey","active","splice","length","ref","Toggle","id","Menu","propTypes","oneOf","node","isRequired","string","defaultProps","default","TabContainer","TabContent","TabPane"],"sources":["../../src/Tabs/index.jsx"],"sourcesContent":["import React, {\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  useCallback,\n} from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport BaseTabs from 'react-bootstrap/Tabs';\nimport Bubble from '../Bubble';\nimport Dropdown from '../Dropdown';\nimport useIndexOfLastVisibleChild from '../hooks/useIndexOfLastVisibleChild';\nimport Tab from './Tab';\n\nexport const MORE_TAB_TEXT = 'More...';\n\nfunction Tabs({\n  children,\n  className,\n  moreTabText = MORE_TAB_TEXT,\n  defaultActiveKey,\n  activeKey,\n  ...props\n}) {\n  const [containerElementRef, setContainerElementRef] = useState(null);\n  const overflowElementRef = useRef(null);\n  const indexOfLastVisibleChild = useIndexOfLastVisibleChild(\n    containerElementRef?.firstChild,\n    overflowElementRef.current?.parentNode,\n  );\n\n  useEffect(() => {\n    if (containerElementRef) {\n      const observer = new MutationObserver((mutations => {\n        mutations.forEach(mutation => {\n          // React-Bootstrap attribute 'data-rb-event-key' is responsible for the tab identification\n          const eventKey = mutation.target.getAttribute('data-rb-event-key');\n          // React-Bootstrap attribute 'aria-selected' is responsible for selected/unselected state\n          const isActive = mutation.target.getAttribute('aria-selected') === 'true';\n          // datakey attribute is added manually to the dropdown\n          // elements so that they correspond to the native tabs' eventKey\n          const element = containerElementRef.querySelector(`[datakey='${eventKey}']`);\n          const moreTab = containerElementRef.querySelector('.pgn__tab_more');\n          if (isActive) {\n            element?.classList.add('active');\n            // Here we add active class to the 'More Tab' if element exists in the dropdown\n            if (element) {\n              moreTab.classList.add('active');\n            } else {\n              moreTab.classList.remove('active');\n            }\n          } else {\n            element?.classList.remove('active');\n          }\n        });\n      }));\n      observer.observe(containerElementRef, {\n        attributes: true, subtree: true, attributeFilter: ['aria-selected'],\n      });\n      return () => observer.disconnect();\n    }\n    return undefined;\n  }, [containerElementRef]);\n\n  useEffect(() => {\n    if (overflowElementRef.current?.parentNode) {\n      overflowElementRef.current.parentNode.tabIndex = -1;\n    }\n  }, [overflowElementRef.current?.parentNode]);\n\n  const handleDropdownTabClick = useCallback((eventKey) => {\n    const hiddenTab = containerElementRef.querySelector(`[data-rb-event-key='${eventKey}']`);\n    hiddenTab.click();\n  }, [containerElementRef]);\n\n  const tabsChildren = useMemo(() => {\n    const indexOfOverflowStart = indexOfLastVisibleChild + 1;\n    const handleDropdownKeyPress = (e, eventKey) => {\n      if (e.key === 'Enter') {\n        handleDropdownTabClick(eventKey);\n      }\n    };\n    const childrenList = React.Children.map(children, (child, index) => {\n      if (child?.type?.name !== 'Tab' && process.env.NODE_ENV === 'development') {\n        // eslint-disable-next-line no-console\n        console.error(\n          `Tabs children can only be of type Tab. ${children[index]} was passed instead.`,\n        );\n      }\n      if (!React.isValidElement(child)) {\n        return child;\n      }\n      const {\n        title, notification, tabClassName, ...rest\n      } = child.props;\n      let newTitle;\n      if (notification) {\n        newTitle = (\n          <>\n            {title}\n            <Bubble\n              variant=\"error\"\n              role=\"status\"\n              className=\"pgn__tab-notification\"\n              aria-live=\"polite\"\n              expandable\n            >\n              {notification}\n            </Bubble>\n          </>\n        );\n      } else {\n        newTitle = title;\n      }\n      const tabClass = index > indexOfLastVisibleChild ? 'pgn__tab_invisible' : '';\n      const modifiedTab = React.cloneElement(child, {\n        ...rest,\n        title: newTitle,\n        tabClassName: classNames(tabClass, tabClassName),\n      });\n      return modifiedTab;\n    });\n    let moreTabHasNotification = false;\n    const overflowChildren = childrenList.slice(indexOfOverflowStart)\n      .map(overflowChild => {\n        if (!moreTabHasNotification && overflowChild.props.notification) {\n          moreTabHasNotification = true;\n        }\n        return (\n          <Dropdown.Item\n            as=\"li\"\n            tabIndex=\"0\"\n            key={`${overflowChild.props.eventKey}overflow`}\n            onClick={() => handleDropdownTabClick(overflowChild.props.eventKey)}\n            onKeyPress={(e) => handleDropdownKeyPress(e, overflowChild.props.eventKey)}\n            disabled={overflowChild.props.disabled}\n            datakey={overflowChild.props.eventKey}\n            className={classNames({\n              active: overflowChild.props.eventKey === defaultActiveKey || overflowChild.props.eventKey === activeKey,\n            }, 'pgn__tabs__dropdown-item')}\n          >\n            {overflowChild.props.title}\n          </Dropdown.Item>\n        );\n      });\n\n    childrenList.splice(indexOfOverflowStart, 0, (<Tab\n      key=\"moreTabKey\"\n      tabClassName={classNames(!overflowChildren.length && 'pgn__tab_invisible', 'pgn__tab_more')}\n      title={(\n        <Dropdown ref={overflowElementRef}>\n          <Dropdown.Toggle\n            variant=\"link\"\n            className=\"nav-link\"\n            id=\"pgn__tab-toggle\"\n          >\n            {moreTabText}\n            {moreTabHasNotification && (\n              <Bubble\n                variant=\"error\"\n                role=\"status\"\n                className=\"pgn__tab-notification\"\n              />\n            )}\n          </Dropdown.Toggle>\n          <Dropdown.Menu as=\"ul\" className=\"dropdown-menu-right\">{overflowChildren}</Dropdown.Menu>\n        </Dropdown>\n      )}\n    />\n    ));\n    return childrenList;\n  }, [activeKey, children, defaultActiveKey, indexOfLastVisibleChild, moreTabText, handleDropdownTabClick]);\n\n  return (\n    <div ref={setContainerElementRef}>\n      <BaseTabs\n        defaultActiveKey={defaultActiveKey}\n        activeKey={activeKey}\n        {...props}\n        className={classNames(className, 'pgn__tabs')}\n      >\n        {tabsChildren}\n      </BaseTabs>\n    </div>\n  );\n}\n\nTabs.propTypes = {\n  /** Specifies variant to use. */\n  variant: PropTypes.oneOf(['tabs', 'pills', 'inverse-tabs', 'inverse-pills', 'button-group']),\n  /** Specifies elements that is processed to create tabs. */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies text for the 'More' tab. */\n  moreTabText: PropTypes.string,\n  /** Specifies default active tab (uncontrolled usage). */\n  defaultActiveKey: PropTypes.string,\n  /** Specifies active tab (controlled usage). */\n  activeKey: PropTypes.string,\n};\n\nTabs.defaultProps = {\n  variant: 'tabs',\n  className: undefined,\n  moreTabText: MORE_TAB_TEXT,\n  defaultActiveKey: undefined,\n  activeKey: undefined,\n};\n\nexport default Tabs;\nexport { Tab };\nexport { default as TabContainer } from 'react-bootstrap/TabContainer';\nexport { default as TabContent } from 'react-bootstrap/TabContent';\nexport { default as TabPane } from 'react-bootstrap/TabPane';\n"],"mappings":"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","ignoreList":[]}