@openedx/paragon 21.12.0 → 21.12.2

package/dist/CheckBox/index.js

@@ -1,49 +1,75 @@
-const _excluded = ["inputRef"];
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["inputRef"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 import React from 'react';
 import PropTypes from 'prop-types';
 import asInput from '../asInput';
 import withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';
-class Check extends React.Component {
-  constructor(props) {
-    super(props);
-    this.onChange = this.onChange.bind(this);
-    this.state = {
+var Check = /*#__PURE__*/function (_React$Component) {
+  _inherits(Check, _React$Component);
+  var _super = _createSuper(Check);
+  function Check(props) {
+    var _this;
+    _classCallCheck(this, Check);
+    _this = _super.call(this, props);
+    _this.onChange = _this.onChange.bind(_assertThisInitialized(_this));
+    _this.state = {
       checked: props.checked || false
     };
+    return _this;
   }
 
   /* eslint-disable react/no-did-update-set-state */
-  componentDidUpdate(prevProps) {
-    if (prevProps.checked !== this.props.checked) {
-      this.setState({
-        checked: this.props.checked
+  _createClass(Check, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.checked !== this.props.checked) {
+        this.setState({
+          checked: this.props.checked
+        });
+      }
+    }
+  }, {
+    key: "onChange",
+    value: function onChange(event) {
+      this.setState(function (prevState) {
+        return {
+          checked: !prevState.checked
+        };
       });
+      this.props.onChange(event);
     }
-  }
-  onChange(event) {
-    this.setState(prevState => ({
-      checked: !prevState.checked
-    }));
-    this.props.onChange(event);
-  }
-  render() {
-    const _this$props = this.props,
-      {
-        inputRef
-      } = _this$props,
-      others = _objectWithoutProperties(_this$props, _excluded);
-    return /*#__PURE__*/React.createElement("input", _extends({}, others, {
-      type: "checkbox",
-      ref: inputRef,
-      checked: this.state.checked,
-      "aria-checked": this.state.checked,
-      onChange: this.onChange
-    }));
-  }
-}
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        inputRef = _this$props.inputRef,
+        others = _objectWithoutProperties(_this$props, _excluded);
+      return /*#__PURE__*/React.createElement("input", _extends({}, others, {
+        type: "checkbox",
+        ref: inputRef,
+        checked: this.state.checked,
+        "aria-checked": this.state.checked,
+        onChange: this.onChange
+      }));
+    }
+  }]);
+  return Check;
+}(React.Component);
 Check.propTypes = {
   // eslint-disable-next-line max-len
   /** (`Boolean`): `true` if the state should be checked, `false` otherwise. This prop can be used to manage the Checkbox more directly, overriding the default Checkbox checked state. */
@@ -57,14 +83,18 @@ Check.propTypes = {
 };
 Check.defaultProps = {
   checked: false,
-  onChange: () => {},
+  onChange: function onChange() {},
   inputRef: undefined
 };
-const CheckBox = asInput(withDeprecatedProps(Check, 'Checkbox', {
+var CheckBox = asInput(withDeprecatedProps(Check, 'Checkbox', {
   className: {
     deprType: DeprTypes.FORMAT,
-    expect: value => typeof value === 'string',
-    transform: value => Array.isArray(value) ? value.join(' ') : value,
+    expect: function expect(value) {
+      return typeof value === 'string';
+    },
+    transform: function transform(value) {
+      return Array.isArray(value) ? value.join(' ') : value;
+    },
     message: 'It should be a string.'
   }
 }), 'checkbox', false);

package/dist/CheckBox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","asInput","withDeprecatedProps","DeprTypes","Check","Component","constructor","props","onChange","bind","state","checked","componentDidUpdate","prevProps","setState","event","prevState","render","_this$props","inputRef","others","_objectWithoutProperties","_excluded","createElement","_extends","type","ref","propTypes","bool","func","oneOfType","shape","current","instanceOf","element","defaultProps","undefined","CheckBox","className","deprType","FORMAT","expect","value","transform","Array","isArray","join","message"],"sources":["../../src/CheckBox/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport asInput from '../asInput';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nclass Check extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.onChange = this.onChange.bind(this);\n\n    this.state = {\n      checked: props.checked || false,\n    };\n  }\n\n  /* eslint-disable react/no-did-update-set-state */\n  componentDidUpdate(prevProps) {\n    if (prevProps.checked !== this.props.checked) {\n      this.setState({\n        checked: this.props.checked,\n      });\n    }\n  }\n\n  onChange(event) {\n    this.setState(prevState => ({\n      checked: !prevState.checked,\n    }));\n    this.props.onChange(event);\n  }\n\n  render() {\n    const {\n      inputRef,\n      ...others\n    } = this.props;\n    return (\n      <input\n        {...others}\n        type=\"checkbox\"\n        ref={inputRef}\n        checked={this.state.checked}\n        aria-checked={this.state.checked}\n        onChange={this.onChange}\n      />\n    );\n  }\n}\n\nCheck.propTypes = {\n  // eslint-disable-next-line max-len\n  /** (`Boolean`): `true` if the state should be checked, `false` otherwise. This prop can be used to manage the Checkbox more directly, overriding the default Checkbox checked state. */\n  checked: PropTypes.bool,\n  /** (`Boolean`): `true` if the checkbox should be disabled, `false` otherwise */\n  onChange: PropTypes.func,\n  /** function to be called when the checkbox changes state */\n  inputRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.instanceOf(PropTypes.element) }),\n  ]),\n};\n\nCheck.defaultProps = {\n  checked: false,\n  onChange: () => {},\n  inputRef: undefined,\n};\n\nconst CheckBox = asInput(withDeprecatedProps(Check, 'Checkbox', {\n  className: {\n    deprType: DeprTypes.FORMAT,\n    expect: value => typeof value === 'string',\n    transform: value => (Array.isArray(value) ? value.join(' ') : value),\n    message: 'It should be a string.',\n  },\n}), 'checkbox', false);\n\nexport default CheckBox;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,mBAAmB,IAAIC,SAAS,QAAQ,wBAAwB;AAEvE,MAAMC,KAAK,SAASL,KAAK,CAACM,SAAS,CAAC;EAClCC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAEZ,IAAI,CAACC,QAAQ,GAAG,IAAI,CAACA,QAAQ,CAACC,IAAI,CAAC,IAAI,CAAC;IAExC,IAAI,CAACC,KAAK,GAAG;MACXC,OAAO,EAAEJ,KAAK,CAACI,OAAO,IAAI;IAC5B,CAAC;EACH;;EAEA;EACAC,kBAAkBA,CAACC,SAAS,EAAE;IAC5B,IAAIA,SAAS,CAACF,OAAO,KAAK,IAAI,CAACJ,KAAK,CAACI,OAAO,EAAE;MAC5C,IAAI,CAACG,QAAQ,CAAC;QACZH,OAAO,EAAE,IAAI,CAACJ,KAAK,CAACI;MACtB,CAAC,CAAC;IACJ;EACF;EAEAH,QAAQA,CAACO,KAAK,EAAE;IACd,IAAI,CAACD,QAAQ,CAACE,SAAS,KAAK;MAC1BL,OAAO,EAAE,CAACK,SAAS,CAACL;IACtB,CAAC,CAAC,CAAC;IACH,IAAI,CAACJ,KAAK,CAACC,QAAQ,CAACO,KAAK,CAAC;EAC5B;EAEAE,MAAMA,CAAA,EAAG;IACP,MAAAC,WAAA,GAGI,IAAI,CAACX,KAAK;MAHR;QACJY;MAEF,CAAC,GAAAD,WAAA;MADIE,MAAM,GAAAC,wBAAA,CAAAH,WAAA,EAAAI,SAAA;IAEX,oBACEvB,KAAA,CAAAwB,aAAA,UAAAC,QAAA,KACMJ,MAAM;MACVK,IAAI,EAAC,UAAU;MACfC,GAAG,EAAEP,QAAS;MACdR,OAAO,EAAE,IAAI,CAACD,KAAK,CAACC,OAAQ;MAC5B,gBAAc,IAAI,CAACD,KAAK,CAACC,OAAQ;MACjCH,QAAQ,EAAE,IAAI,CAACA;IAAS,EACzB,CAAC;EAEN;AACF;AAEAJ,KAAK,CAACuB,SAAS,GAAG;EAChB;EACA;EACAhB,OAAO,EAAEX,SAAS,CAAC4B,IAAI;EACvB;EACApB,QAAQ,EAAER,SAAS,CAAC6B,IAAI;EACxB;EACAV,QAAQ,EAAEnB,SAAS,CAAC8B,SAAS,CAAC,CAC5B9B,SAAS,CAAC6B,IAAI,EACd7B,SAAS,CAAC+B,KAAK,CAAC;IAAEC,OAAO,EAAEhC,SAAS,CAACiC,UAAU,CAACjC,SAAS,CAACkC,OAAO;EAAE,CAAC,CAAC,CACtE;AACH,CAAC;AAED9B,KAAK,CAAC+B,YAAY,GAAG;EACnBxB,OAAO,EAAE,KAAK;EACdH,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;EAClBW,QAAQ,EAAEiB;AACZ,CAAC;AAED,MAAMC,QAAQ,GAAGpC,OAAO,CAACC,mBAAmB,CAACE,KAAK,EAAE,UAAU,EAAE;EAC9DkC,SAAS,EAAE;IACTC,QAAQ,EAAEpC,SAAS,CAACqC,MAAM;IAC1BC,MAAM,EAAEC,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ;IAC1CC,SAAS,EAAED,KAAK,IAAKE,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,GAAGA,KAAK,CAACI,IAAI,CAAC,GAAG,CAAC,GAAGJ,KAAM;IACpEK,OAAO,EAAE;EACX;AACF,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC;AAEtB,eAAeV,QAAQ"}
+{"version":3,"file":"index.js","names":["React","PropTypes","asInput","withDeprecatedProps","DeprTypes","Check","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","onChange","bind","_assertThisInitialized","state","checked","_createClass","key","value","componentDidUpdate","prevProps","setState","event","prevState","render","_this$props","inputRef","others","_objectWithoutProperties","_excluded","createElement","_extends","type","ref","Component","propTypes","bool","func","oneOfType","shape","current","instanceOf","element","defaultProps","undefined","CheckBox","className","deprType","FORMAT","expect","transform","Array","isArray","join","message"],"sources":["../../src/CheckBox/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport asInput from '../asInput';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nclass Check extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.onChange = this.onChange.bind(this);\n\n    this.state = {\n      checked: props.checked || false,\n    };\n  }\n\n  /* eslint-disable react/no-did-update-set-state */\n  componentDidUpdate(prevProps) {\n    if (prevProps.checked !== this.props.checked) {\n      this.setState({\n        checked: this.props.checked,\n      });\n    }\n  }\n\n  onChange(event) {\n    this.setState(prevState => ({\n      checked: !prevState.checked,\n    }));\n    this.props.onChange(event);\n  }\n\n  render() {\n    const {\n      inputRef,\n      ...others\n    } = this.props;\n    return (\n      <input\n        {...others}\n        type=\"checkbox\"\n        ref={inputRef}\n        checked={this.state.checked}\n        aria-checked={this.state.checked}\n        onChange={this.onChange}\n      />\n    );\n  }\n}\n\nCheck.propTypes = {\n  // eslint-disable-next-line max-len\n  /** (`Boolean`): `true` if the state should be checked, `false` otherwise. This prop can be used to manage the Checkbox more directly, overriding the default Checkbox checked state. */\n  checked: PropTypes.bool,\n  /** (`Boolean`): `true` if the checkbox should be disabled, `false` otherwise */\n  onChange: PropTypes.func,\n  /** function to be called when the checkbox changes state */\n  inputRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.instanceOf(PropTypes.element) }),\n  ]),\n};\n\nCheck.defaultProps = {\n  checked: false,\n  onChange: () => {},\n  inputRef: undefined,\n};\n\nconst CheckBox = asInput(withDeprecatedProps(Check, 'Checkbox', {\n  className: {\n    deprType: DeprTypes.FORMAT,\n    expect: value => typeof value === 'string',\n    transform: value => (Array.isArray(value) ? value.join(' ') : value),\n    message: 'It should be a string.',\n  },\n}), 'checkbox', false);\n\nexport default CheckBox;\n"],"mappings":"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"}

package/dist/Chip/index.js

@@ -1,4 +1,4 @@
-const _excluded = ["children", "className", "variant", "iconBefore", "iconAfter", "onIconBeforeClick", "onIconAfterClick", "disabled"];
+var _excluded = ["children", "className", "variant", "iconBefore", "iconAfter", "onIconBeforeClick", "onIconAfterClick", "disabled"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -7,23 +7,21 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 // @ts-ignore
 import Icon from '../Icon';
-const STYLE_VARIANTS = ['light', 'dark'];
-export const CHIP_PGN_CLASS = 'pgn__chip';
-const Chip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-      children,
-      className,
-      variant,
-      iconBefore,
-      iconAfter,
-      onIconBeforeClick,
-      onIconAfterClick,
-      disabled
-    } = _ref,
+var STYLE_VARIANTS = ['light', 'dark'];
+export var CHIP_PGN_CLASS = 'pgn__chip';
+var Chip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    variant = _ref.variant,
+    iconBefore = _ref.iconBefore,
+    iconAfter = _ref.iconAfter,
+    onIconBeforeClick = _ref.onIconBeforeClick,
+    onIconAfterClick = _ref.onIconAfterClick,
+    disabled = _ref.disabled,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("div", _extends({
-    className: classNames(CHIP_PGN_CLASS, `pgn__chip-${variant}`, className, {
-      disabled
+    className: classNames(CHIP_PGN_CLASS, "pgn__chip-".concat(variant), className, {
+      disabled: disabled
     }),
     ref: ref
   }, props), iconBefore && /*#__PURE__*/React.createElement("div", {

package/dist/Chip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","Icon","STYLE_VARIANTS","CHIP_PGN_CLASS","Chip","forwardRef","_ref","ref","children","className","variant","iconBefore","iconAfter","onIconBeforeClick","onIconAfterClick","disabled","props","_objectWithoutProperties","_excluded","createElement","_extends","src","active","role","onClick","onKeyPress","tabIndex","propTypes","node","isRequired","string","oneOf","bool","oneOfType","element","func","defaultProps","undefined"],"sources":["../../src/Chip/index.tsx"],"sourcesContent":["import React, { ForwardedRef, KeyboardEventHandler, MouseEventHandler } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n// @ts-ignore\nimport Icon from '../Icon';\n\nconst STYLE_VARIANTS = [\n  'light',\n  'dark',\n];\n\nexport interface IChip {\n  children: React.ReactNode,\n  className?: string,\n  variant?: string,\n  iconBefore?: React.ReactElement | Function,\n  iconAfter?: React.ReactElement | Function,\n  onIconBeforeClick?: KeyboardEventHandler & MouseEventHandler,\n  onIconAfterClick?: KeyboardEventHandler & MouseEventHandler,\n  disabled?: boolean,\n}\n\nexport const CHIP_PGN_CLASS = 'pgn__chip';\n\nconst Chip = React.forwardRef(({\n  children,\n  className,\n  variant,\n  iconBefore,\n  iconAfter,\n  onIconBeforeClick,\n  onIconAfterClick,\n  disabled,\n  ...props\n}: IChip, ref: ForwardedRef<HTMLDivElement>) => (\n  <div\n    className={classNames(\n      CHIP_PGN_CLASS,\n      `pgn__chip-${variant}`,\n      className,\n      { disabled },\n    )}\n    ref={ref}\n    {...props}\n  >\n    {iconBefore && (\n      <div\n        className={classNames('pgn__chip__icon-before')}\n      >\n        <Icon src={iconBefore} />\n      </div>\n    )}\n    <div\n      className={classNames('pgn__chip__label', {\n        'p-before': iconBefore,\n        'p-after': iconAfter,\n      })}\n    >\n      {children}\n    </div>\n    {iconAfter && (\n      <div\n        className={classNames('pgn__chip__icon-after', { active: onIconAfterClick })}\n        role=\"button\"\n        onClick={onIconAfterClick}\n        onKeyPress={onIconAfterClick}\n        tabIndex={disabled ? -1 : 0}\n        data-testid=\"icon-after\"\n      >\n        <Icon src={iconAfter} />\n      </div>\n    )}\n  </div>\n));\n\nChip.propTypes = {\n  /** Specifies the content of the `Chip`. */\n  children: PropTypes.node.isRequired,\n  /** Specifies an additional `className` to add to the base element. */\n  className: PropTypes.string,\n  /** The `Chip` style variant to use. */\n  variant: PropTypes.oneOf(STYLE_VARIANTS),\n  /** Disables the `Chip`. */\n  disabled: PropTypes.bool,\n  /**\n   * An icon component to render before the content.\n   * Example import of a Paragon icon component:\n   *\n   * `import { Check } from '@edx/paragon/icons';`\n   */\n  iconBefore: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n  /** A click handler for the `Chip` icon before. */\n  onIconBeforeClick: PropTypes.func,\n  /**\n   * An icon component to render before after the content.\n   * Example import of a Paragon icon component:\n   *\n   * `import { Check } from '@edx/paragon/icons';`\n   */\n  iconAfter: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n  /** A click handler for the `Chip` icon after. */\n  onIconAfterClick: PropTypes.func,\n};\n\nChip.defaultProps = {\n  className: undefined,\n  variant: 'light',\n  disabled: false,\n  iconBefore: undefined,\n  iconAfter: undefined,\n  onIconBeforeClick: undefined,\n  onIconAfterClick: undefined,\n};\n\nexport default Chip;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","Icon","STYLE_VARIANTS","CHIP_PGN_CLASS","Chip","forwardRef","_ref","ref","children","className","variant","iconBefore","iconAfter","onIconBeforeClick","onIconAfterClick","disabled","props","_objectWithoutProperties","_excluded","createElement","_extends","concat","src","active","role","onClick","onKeyPress","tabIndex","propTypes","node","isRequired","string","oneOf","bool","oneOfType","element","func","defaultProps","undefined"],"sources":["../../src/Chip/index.tsx"],"sourcesContent":["import React, { ForwardedRef, KeyboardEventHandler, MouseEventHandler } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n// @ts-ignore\nimport Icon from '../Icon';\n\nconst STYLE_VARIANTS = [\n  'light',\n  'dark',\n];\n\nexport interface IChip {\n  children: React.ReactNode,\n  className?: string,\n  variant?: string,\n  iconBefore?: React.ReactElement | Function,\n  iconAfter?: React.ReactElement | Function,\n  onIconBeforeClick?: KeyboardEventHandler & MouseEventHandler,\n  onIconAfterClick?: KeyboardEventHandler & MouseEventHandler,\n  disabled?: boolean,\n}\n\nexport const CHIP_PGN_CLASS = 'pgn__chip';\n\nconst Chip = React.forwardRef(({\n  children,\n  className,\n  variant,\n  iconBefore,\n  iconAfter,\n  onIconBeforeClick,\n  onIconAfterClick,\n  disabled,\n  ...props\n}: IChip, ref: ForwardedRef<HTMLDivElement>) => (\n  <div\n    className={classNames(\n      CHIP_PGN_CLASS,\n      `pgn__chip-${variant}`,\n      className,\n      { disabled },\n    )}\n    ref={ref}\n    {...props}\n  >\n    {iconBefore && (\n      <div\n        className={classNames('pgn__chip__icon-before')}\n      >\n        <Icon src={iconBefore} />\n      </div>\n    )}\n    <div\n      className={classNames('pgn__chip__label', {\n        'p-before': iconBefore,\n        'p-after': iconAfter,\n      })}\n    >\n      {children}\n    </div>\n    {iconAfter && (\n      <div\n        className={classNames('pgn__chip__icon-after', { active: onIconAfterClick })}\n        role=\"button\"\n        onClick={onIconAfterClick}\n        onKeyPress={onIconAfterClick}\n        tabIndex={disabled ? -1 : 0}\n        data-testid=\"icon-after\"\n      >\n        <Icon src={iconAfter} />\n      </div>\n    )}\n  </div>\n));\n\nChip.propTypes = {\n  /** Specifies the content of the `Chip`. */\n  children: PropTypes.node.isRequired,\n  /** Specifies an additional `className` to add to the base element. */\n  className: PropTypes.string,\n  /** The `Chip` style variant to use. */\n  variant: PropTypes.oneOf(STYLE_VARIANTS),\n  /** Disables the `Chip`. */\n  disabled: PropTypes.bool,\n  /**\n   * An icon component to render before the content.\n   * Example import of a Paragon icon component:\n   *\n   * `import { Check } from '@edx/paragon/icons';`\n   */\n  iconBefore: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n  /** A click handler for the `Chip` icon before. */\n  onIconBeforeClick: PropTypes.func,\n  /**\n   * An icon component to render before after the content.\n   * Example import of a Paragon icon component:\n   *\n   * `import { Check } from '@edx/paragon/icons';`\n   */\n  iconAfter: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n  /** A click handler for the `Chip` icon after. */\n  onIconAfterClick: PropTypes.func,\n};\n\nChip.defaultProps = {\n  className: undefined,\n  variant: 'light',\n  disabled: false,\n  iconBefore: undefined,\n  iconAfter: undefined,\n  onIconBeforeClick: undefined,\n  onIconAfterClick: undefined,\n};\n\nexport default Chip;\n"],"mappings":"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"}

package/dist/ChipCarousel/index.js

@@ -1,10 +1,11 @@
-const _excluded = ["className", "items", "ariaLabel", "disableOpacityMasks", "onScrollPrevious", "onScrollNext", "canScrollHorizontal", "offset", "offsetType", "gap"];
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["className", "items", "ariaLabel", "disableOpacityMasks", "onScrollPrevious", "onScrollNext", "canScrollHorizontal", "offset", "offsetType", "gap"];
 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(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
@@ -22,23 +23,24 @@ import { ArrowForward, ArrowBack } from '../../icons';
 // @ts-ignore
 import messages from './messages';
 import Chip from '../Chip';
-const ChipCarousel = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-      className,
-      items,
-      ariaLabel,
-      disableOpacityMasks,
-      onScrollPrevious,
-      onScrollNext,
-      canScrollHorizontal = false,
-      offset = 120,
-      offsetType = 'fixed',
-      gap
-    } = _ref,
+var ChipCarousel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    items = _ref.items,
+    ariaLabel = _ref.ariaLabel,
+    disableOpacityMasks = _ref.disableOpacityMasks,
+    onScrollPrevious = _ref.onScrollPrevious,
+    onScrollNext = _ref.onScrollNext,
+    _ref$canScrollHorizon = _ref.canScrollHorizontal,
+    canScrollHorizontal = _ref$canScrollHorizon === void 0 ? false : _ref$canScrollHorizon,
+    _ref$offset = _ref.offset,
+    offset = _ref$offset === void 0 ? 120 : _ref$offset,
+    _ref$offsetType = _ref.offsetType,
+    offsetType = _ref$offsetType === void 0 ? 'fixed' : _ref$offsetType,
+    gap = _ref.gap,
     props = _objectWithoutProperties(_ref, _excluded);
-  const intl = useIntl();
+  var intl = useIntl();
   return /*#__PURE__*/React.createElement("div", _extends({
-    className: classNames('pgn__chip-carousel', className, gap ? `pgn__chip-carousel-gap__${gap}` : '')
+    className: classNames('pgn__chip-carousel', className, gap ? "pgn__chip-carousel-gap__".concat(gap) : '')
   }, props, {
     ref: ref
   }), /*#__PURE__*/React.createElement(OverflowScroll, {
@@ -50,14 +52,12 @@ const ChipCarousel = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     onScrollNext: onScrollNext,
     offset: offset,
     offsetType: offsetType
-  }, /*#__PURE__*/React.createElement(OverflowScrollContext.Consumer, null, _ref2 => {
-    let {
-      setOverflowRef,
-      isScrolledToStart,
-      isScrolledToEnd,
-      scrollToPrevious,
-      scrollToNext
-    } = _ref2;
+  }, /*#__PURE__*/React.createElement(OverflowScrollContext.Consumer, null, function (_ref2) {
+    var setOverflowRef = _ref2.setOverflowRef,
+      isScrolledToStart = _ref2.isScrolledToStart,
+      isScrolledToEnd = _ref2.isScrolledToEnd,
+      scrollToPrevious = _ref2.scrollToPrevious,
+      scrollToNext = _ref2.scrollToNext;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(React.Fragment, null, !isScrolledToStart && /*#__PURE__*/React.createElement(IconButton, {
       size: "sm",
       className: "pgn__chip-carousel__left-control",
@@ -75,10 +75,9 @@ const ChipCarousel = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     })), /*#__PURE__*/React.createElement("div", {
       ref: setOverflowRef,
       className: "d-flex"
-    }, /*#__PURE__*/React.createElement(OverflowScroll.Items, null, items?.map((item, id) => {
-      const {
-        children
-      } = item?.props || {};
+    }, /*#__PURE__*/React.createElement(OverflowScroll.Items, null, items === null || items === void 0 ? void 0 : items.map(function (item, id) {
+      var _ref3 = (item === null || item === void 0 ? void 0 : item.props) || {},
+        children = _ref3.children;
       if (!children) {
         return null;
       }

package/dist/ChipCarousel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","useIntl","classNames","OverflowScroll","OverflowScrollContext","IconButton","Icon","ArrowForward","ArrowBack","messages","Chip","ChipCarousel","forwardRef","_ref","ref","className","items","ariaLabel","disableOpacityMasks","onScrollPrevious","onScrollNext","canScrollHorizontal","offset","offsetType","gap","props","_objectWithoutProperties","_excluded","intl","createElement","_extends","hasInteractiveChildren","disableScroll","Consumer","_ref2","setOverflowRef","isScrolledToStart","isScrolledToEnd","scrollToPrevious","scrollToNext","Fragment","size","src","iconAs","alt","formatMessage","onClick","Items","map","item","id","children","_objectSpread","key","propTypes","string","isRequired","arrayOf","element","bool","func","oneOfType","number","oneOf","defaultProps","undefined"],"sources":["../../src/ChipCarousel/index.tsx"],"sourcesContent":["import React, { ForwardedRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\nimport classNames from 'classnames';\n// @ts-ignore\nimport { OverflowScroll, OverflowScrollContext } from '../OverflowScroll';\n// @ts-ignore\nimport IconButton from '../IconButton';\n// @ts-ignore\nimport Icon from '../Icon';\n// @ts-ignore\nimport { ArrowForward, ArrowBack } from '../../icons';\n// @ts-ignore\nimport messages from './messages';\nimport Chip from '../Chip';\n\nexport interface OverflowScrollContextProps {\n  setOverflowRef: () => void,\n  isScrolledToStart: boolean,\n  isScrolledToEnd: boolean,\n  scrollToPrevious: () => void,\n  scrollToNext: () => void,\n}\n\nexport interface ChipCarouselProps {\n  className?: string;\n  items: Array<React.ReactElement>;\n  ariaLabel: string;\n  disableOpacityMasks?: boolean;\n  onScrollPrevious?: () => void;\n  onScrollNext?: () => void;\n  canScrollHorizontal?: boolean;\n  offset?: number | string;\n  offsetType?: 'percentage' | 'fixed';\n  gap?: number;\n}\n\nconst ChipCarousel = React.forwardRef(({\n  className,\n  items,\n  ariaLabel,\n  disableOpacityMasks,\n  onScrollPrevious,\n  onScrollNext,\n  canScrollHorizontal = false,\n  offset = 120,\n  offsetType = 'fixed',\n  gap,\n  ...props\n}: ChipCarouselProps, ref: ForwardedRef<HTMLDivElement>) => {\n  const intl = useIntl();\n\n  return (\n    <div\n      className={classNames('pgn__chip-carousel', className, gap ? `pgn__chip-carousel-gap__${gap}` : '')}\n      {...props}\n      ref={ref}\n    >\n      <OverflowScroll\n        ariaLabel={ariaLabel}\n        hasInteractiveChildren\n        disableScroll={!canScrollHorizontal}\n        disableOpacityMasks={disableOpacityMasks}\n        onScrollPrevious={onScrollPrevious}\n        onScrollNext={onScrollNext}\n        offset={offset}\n        offsetType={offsetType}\n      >\n        <OverflowScrollContext.Consumer>\n          {({\n            setOverflowRef,\n            isScrolledToStart,\n            isScrolledToEnd,\n            scrollToPrevious,\n            scrollToNext,\n          }: OverflowScrollContextProps) => (\n            <>\n              <>\n                {!isScrolledToStart && (\n                  <IconButton\n                    size=\"sm\"\n                    className=\"pgn__chip-carousel__left-control\"\n                    src={ArrowBack}\n                    iconAs={Icon}\n                    alt={intl.formatMessage(messages.scrollToPrevious)}\n                    onClick={scrollToPrevious}\n                  />\n                )}\n                {!isScrolledToEnd && (\n                  <IconButton\n                    size=\"sm\"\n                    className=\"pgn__chip-carousel__right-control\"\n                    src={ArrowForward}\n                    iconAs={Icon}\n                    alt={intl.formatMessage(messages.scrollToNext)}\n                    onClick={scrollToNext}\n                  />\n                )}\n              </>\n              <div ref={setOverflowRef} className=\"d-flex\">\n                <OverflowScroll.Items>\n                  {items?.map((item, id) => {\n                    const { children } = item?.props || {};\n                    if (!children) {\n                      return null;\n                    }\n                    // eslint-disable-next-line react/no-array-index-key\n                    return React.createElement(Chip, { ...item.props, key: id });\n                  })}\n                </OverflowScroll.Items>\n              </div>\n            </>\n          )}\n        </OverflowScrollContext.Consumer>\n      </OverflowScroll>\n    </div>\n  );\n});\n\nChipCarousel.propTypes = {\n  /** Text describing the ChipCarousel for screen readers. */\n  ariaLabel: PropTypes.string.isRequired,\n  /** Specifies class name for the ChipCarousel. */\n  className: PropTypes.string,\n  /** Specifies array of `Chip` elements to be rendered inside the carousel. */\n  // @ts-ignore\n  items: PropTypes.arrayOf(PropTypes.element).isRequired,\n  /** Whether the default opacity masks should be shown at the start/end, if applicable. */\n  disableOpacityMasks: PropTypes.bool,\n  /** Callback function for when the user scrolls to the previous element. */\n  onScrollPrevious: PropTypes.func,\n  /** Callback function for when the user scrolls to the next element. */\n  onScrollNext: PropTypes.func,\n  /** Whether users can scroll within the overflow container. */\n  canScrollHorizontal: PropTypes.bool,\n  /** A value specifying the distance the scroll should move. */\n  offset: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /** Type of offset value (percentage or fixed). */\n  offsetType: PropTypes.oneOf(['percentage', 'fixed']),\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};\n\nChipCarousel.defaultProps = {\n  className: undefined,\n  disableOpacityMasks: undefined,\n  onScrollPrevious: undefined,\n  onScrollNext: undefined,\n  canScrollHorizontal: false,\n  offset: 120,\n  offsetType: 'fixed',\n  gap: 3,\n};\n\nexport default ChipCarousel;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","useIntl","classNames","OverflowScroll","OverflowScrollContext","IconButton","Icon","ArrowForward","ArrowBack","messages","Chip","ChipCarousel","forwardRef","_ref","ref","className","items","ariaLabel","disableOpacityMasks","onScrollPrevious","onScrollNext","_ref$canScrollHorizon","canScrollHorizontal","_ref$offset","offset","_ref$offsetType","offsetType","gap","props","_objectWithoutProperties","_excluded","intl","createElement","_extends","concat","hasInteractiveChildren","disableScroll","Consumer","_ref2","setOverflowRef","isScrolledToStart","isScrolledToEnd","scrollToPrevious","scrollToNext","Fragment","size","src","iconAs","alt","formatMessage","onClick","Items","map","item","id","_ref3","children","_objectSpread","key","propTypes","string","isRequired","arrayOf","element","bool","func","oneOfType","number","oneOf","defaultProps","undefined"],"sources":["../../src/ChipCarousel/index.tsx"],"sourcesContent":["import React, { ForwardedRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\nimport classNames from 'classnames';\n// @ts-ignore\nimport { OverflowScroll, OverflowScrollContext } from '../OverflowScroll';\n// @ts-ignore\nimport IconButton from '../IconButton';\n// @ts-ignore\nimport Icon from '../Icon';\n// @ts-ignore\nimport { ArrowForward, ArrowBack } from '../../icons';\n// @ts-ignore\nimport messages from './messages';\nimport Chip from '../Chip';\n\nexport interface OverflowScrollContextProps {\n  setOverflowRef: () => void,\n  isScrolledToStart: boolean,\n  isScrolledToEnd: boolean,\n  scrollToPrevious: () => void,\n  scrollToNext: () => void,\n}\n\nexport interface ChipCarouselProps {\n  className?: string;\n  items: Array<React.ReactElement>;\n  ariaLabel: string;\n  disableOpacityMasks?: boolean;\n  onScrollPrevious?: () => void;\n  onScrollNext?: () => void;\n  canScrollHorizontal?: boolean;\n  offset?: number | string;\n  offsetType?: 'percentage' | 'fixed';\n  gap?: number;\n}\n\nconst ChipCarousel = React.forwardRef(({\n  className,\n  items,\n  ariaLabel,\n  disableOpacityMasks,\n  onScrollPrevious,\n  onScrollNext,\n  canScrollHorizontal = false,\n  offset = 120,\n  offsetType = 'fixed',\n  gap,\n  ...props\n}: ChipCarouselProps, ref: ForwardedRef<HTMLDivElement>) => {\n  const intl = useIntl();\n\n  return (\n    <div\n      className={classNames('pgn__chip-carousel', className, gap ? `pgn__chip-carousel-gap__${gap}` : '')}\n      {...props}\n      ref={ref}\n    >\n      <OverflowScroll\n        ariaLabel={ariaLabel}\n        hasInteractiveChildren\n        disableScroll={!canScrollHorizontal}\n        disableOpacityMasks={disableOpacityMasks}\n        onScrollPrevious={onScrollPrevious}\n        onScrollNext={onScrollNext}\n        offset={offset}\n        offsetType={offsetType}\n      >\n        <OverflowScrollContext.Consumer>\n          {({\n            setOverflowRef,\n            isScrolledToStart,\n            isScrolledToEnd,\n            scrollToPrevious,\n            scrollToNext,\n          }: OverflowScrollContextProps) => (\n            <>\n              <>\n                {!isScrolledToStart && (\n                  <IconButton\n                    size=\"sm\"\n                    className=\"pgn__chip-carousel__left-control\"\n                    src={ArrowBack}\n                    iconAs={Icon}\n                    alt={intl.formatMessage(messages.scrollToPrevious)}\n                    onClick={scrollToPrevious}\n                  />\n                )}\n                {!isScrolledToEnd && (\n                  <IconButton\n                    size=\"sm\"\n                    className=\"pgn__chip-carousel__right-control\"\n                    src={ArrowForward}\n                    iconAs={Icon}\n                    alt={intl.formatMessage(messages.scrollToNext)}\n                    onClick={scrollToNext}\n                  />\n                )}\n              </>\n              <div ref={setOverflowRef} className=\"d-flex\">\n                <OverflowScroll.Items>\n                  {items?.map((item, id) => {\n                    const { children } = item?.props || {};\n                    if (!children) {\n                      return null;\n                    }\n                    // eslint-disable-next-line react/no-array-index-key\n                    return React.createElement(Chip, { ...item.props, key: id });\n                  })}\n                </OverflowScroll.Items>\n              </div>\n            </>\n          )}\n        </OverflowScrollContext.Consumer>\n      </OverflowScroll>\n    </div>\n  );\n});\n\nChipCarousel.propTypes = {\n  /** Text describing the ChipCarousel for screen readers. */\n  ariaLabel: PropTypes.string.isRequired,\n  /** Specifies class name for the ChipCarousel. */\n  className: PropTypes.string,\n  /** Specifies array of `Chip` elements to be rendered inside the carousel. */\n  // @ts-ignore\n  items: PropTypes.arrayOf(PropTypes.element).isRequired,\n  /** Whether the default opacity masks should be shown at the start/end, if applicable. */\n  disableOpacityMasks: PropTypes.bool,\n  /** Callback function for when the user scrolls to the previous element. */\n  onScrollPrevious: PropTypes.func,\n  /** Callback function for when the user scrolls to the next element. */\n  onScrollNext: PropTypes.func,\n  /** Whether users can scroll within the overflow container. */\n  canScrollHorizontal: PropTypes.bool,\n  /** A value specifying the distance the scroll should move. */\n  offset: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /** Type of offset value (percentage or fixed). */\n  offsetType: PropTypes.oneOf(['percentage', 'fixed']),\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};\n\nChipCarousel.defaultProps = {\n  className: undefined,\n  disableOpacityMasks: undefined,\n  onScrollPrevious: undefined,\n  onScrollNext: undefined,\n  canScrollHorizontal: false,\n  offset: 120,\n  offsetType: 'fixed',\n  gap: 3,\n};\n\nexport default ChipCarousel;\n"],"mappings":"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"}

package/dist/Collapsible/CollapsibleAdvanced.js

@@ -1,90 +1,110 @@
-const _excluded = ["children", "className", "unmountOnExit"];
+var _excluded = ["children", "className", "unmountOnExit"];
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
-export const CollapsibleContext = /*#__PURE__*/React.createContext();
-class CollapsibleAdvanced extends React.Component {
-  static getDerivedStateFromProps(props) {
-    if (props.open !== undefined) {
-      return {
-        // Since this method fires on both props and state changes, local updates
-        // to the controlled value will be ignored, because the props version
-        // always overrides it. In this case, this is exactly what we want.
-        isOpen: props.open
-      };
-    }
-    return null;
-  }
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "open", () => {
-      this.setState({
+export var CollapsibleContext = /*#__PURE__*/React.createContext();
+var CollapsibleAdvanced = /*#__PURE__*/function (_React$Component) {
+  _inherits(CollapsibleAdvanced, _React$Component);
+  var _super = _createSuper(CollapsibleAdvanced);
+  function CollapsibleAdvanced(props) {
+    var _this;
+    _classCallCheck(this, CollapsibleAdvanced);
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "open", function () {
+      _this.setState({
         isOpen: true
       });
-      if (this.props.onOpen) {
-        this.props.onOpen();
+      if (_this.props.onOpen) {
+        _this.props.onOpen();
       }
-      if (this.props.onToggle) {
-        this.props.onToggle(true);
+      if (_this.props.onToggle) {
+        _this.props.onToggle(true);
       }
     });
-    _defineProperty(this, "close", () => {
-      this.setState({
+    _defineProperty(_assertThisInitialized(_this), "close", function () {
+      _this.setState({
         isOpen: false
       });
-      if (this.props.onClose) {
-        this.props.onClose();
+      if (_this.props.onClose) {
+        _this.props.onClose();
       }
-      if (this.props.onToggle) {
-        this.props.onToggle(false);
+      if (_this.props.onToggle) {
+        _this.props.onToggle(false);
       }
     });
-    _defineProperty(this, "toggle", () => {
-      if (this.state.isOpen) {
-        this.close();
+    _defineProperty(_assertThisInitialized(_this), "toggle", function () {
+      if (_this.state.isOpen) {
+        _this.close();
       } else {
-        this.open();
+        _this.open();
       }
     });
-    this.state = {
+    _this.state = {
       isOpen: props.open !== undefined ? props.open : props.defaultOpen
     };
+    return _this;
   }
-  render() {
-    const _this$props = this.props,
-      {
-        children,
-        className,
-        unmountOnExit
-      } = _this$props,
-      props = _objectWithoutProperties(_this$props, _excluded);
+  _createClass(CollapsibleAdvanced, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        children = _this$props.children,
+        className = _this$props.className,
+        unmountOnExit = _this$props.unmountOnExit,
+        props = _objectWithoutProperties(_this$props, _excluded);
 
-    // Unneeded for passthrough props
-    delete props.defaultOpen;
-    delete props.onToggle;
-    delete props.onOpen;
-    delete props.onClose;
-    return /*#__PURE__*/React.createElement("div", _extends({}, props, {
-      className: classNames('pgn_collapsible', className, {
-        'is-open': this.state.isOpen
-      })
-    }), /*#__PURE__*/React.createElement(CollapsibleContext.Provider, {
-      value: {
-        isOpen: this.state.isOpen,
-        open: this.open,
-        close: this.close,
-        toggle: this.toggle,
-        unmountOnExit
+      // Unneeded for passthrough props
+      delete props.defaultOpen;
+      delete props.onToggle;
+      delete props.onOpen;
+      delete props.onClose;
+      return /*#__PURE__*/React.createElement("div", _extends({}, props, {
+        className: classNames('pgn_collapsible', className, {
+          'is-open': this.state.isOpen
+        })
+      }), /*#__PURE__*/React.createElement(CollapsibleContext.Provider, {
+        value: {
+          isOpen: this.state.isOpen,
+          open: this.open,
+          close: this.close,
+          toggle: this.toggle,
+          unmountOnExit: unmountOnExit
+        }
+      }, children));
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(props) {
+      if (props.open !== undefined) {
+        return {
+          // Since this method fires on both props and state changes, local updates
+          // to the controlled value will be ignored, because the props version
+          // always overrides it. In this case, this is exactly what we want.
+          isOpen: props.open
+        };
       }
-    }, children));
-  }
-}
+      return null;
+    }
+  }]);
+  return CollapsibleAdvanced;
+}(React.Component);
 CollapsibleAdvanced.propTypes = {
   /** Specifies contents of the component. */
   children: PropTypes.node,