@openedx/paragon 21.12.0 → 21.12.2

package/dist/RadioButtonGroup/index.js

@@ -1,119 +1,150 @@
-const _excluded = ["children", "index", "isChecked", "name", "value"],
+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 = ["children", "index", "isChecked", "name", "value"],
   _excluded2 = ["children", "label", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "selectedIndex"];
 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); }
 /* eslint-disable react/no-multi-comp, max-classes-per-file, max-len */
 import React from 'react';
 import PropTypes from 'prop-types';
-class RadioButton extends React.PureComponent {
-  constructor(props) {
-    super(props);
-    const {
-      onBlur,
-      onClick,
-      onFocus,
-      onKeyDown
-    } = props;
-    this.onBlur = onBlur.bind(this);
-    this.onClick = onClick.bind(this);
-    this.onFocus = onFocus.bind(this);
-    this.onKeyDown = onKeyDown.bind(this);
+var RadioButton = /*#__PURE__*/function (_React$PureComponent) {
+  _inherits(RadioButton, _React$PureComponent);
+  var _super = _createSuper(RadioButton);
+  function RadioButton(props) {
+    var _this;
+    _classCallCheck(this, RadioButton);
+    _this = _super.call(this, props);
+    var onBlur = props.onBlur,
+      onClick = props.onClick,
+      onFocus = props.onFocus,
+      onKeyDown = props.onKeyDown;
+    _this.onBlur = onBlur.bind(_assertThisInitialized(_this));
+    _this.onClick = onClick.bind(_assertThisInitialized(_this));
+    _this.onFocus = onFocus.bind(_assertThisInitialized(_this));
+    _this.onKeyDown = onKeyDown.bind(_assertThisInitialized(_this));
+    return _this;
   }
-  render() {
-    const _this$props = this.props,
-      {
-        children,
-        index,
-        isChecked,
-        name,
-        value
-      } = _this$props,
-      other = _objectWithoutProperties(_this$props, _excluded);
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", _extends({
-      type: "radio",
-      name: name,
-      "aria-checked": isChecked,
-      defaultChecked: isChecked,
-      value: value,
-      "aria-label": children,
-      "data-index": index,
-      onBlur: this.onBlur,
-      onClick: this.onClick,
-      onFocus: this.onFocus,
-      onKeyDown: this.onKeyDown
-    }, other)), children);
-  }
-}
-class RadioButtonGroup extends React.Component {
-  constructor(props) {
-    super();
+  _createClass(RadioButton, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        children = _this$props.children,
+        index = _this$props.index,
+        isChecked = _this$props.isChecked,
+        name = _this$props.name,
+        value = _this$props.value,
+        other = _objectWithoutProperties(_this$props, _excluded);
+      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", _extends({
+        type: "radio",
+        name: name,
+        "aria-checked": isChecked,
+        defaultChecked: isChecked,
+        value: value,
+        "aria-label": children,
+        "data-index": index,
+        onBlur: this.onBlur,
+        onClick: this.onClick,
+        onFocus: this.onFocus,
+        onKeyDown: this.onKeyDown
+      }, other)), children);
+    }
+  }]);
+  return RadioButton;
+}(React.PureComponent);
+var RadioButtonGroup = /*#__PURE__*/function (_React$Component) {
+  _inherits(RadioButtonGroup, _React$Component);
+  var _super2 = _createSuper(RadioButtonGroup);
+  function RadioButtonGroup(props) {
+    var _this2;
+    _classCallCheck(this, RadioButtonGroup);
+    _this2 = _super2.call(this);
     // Bind the method to the component context
-    this.renderChildren = this.renderChildren.bind(this);
-    this.onChange = this.onChange.bind(this);
-    this.state = {
+    _this2.renderChildren = _this2.renderChildren.bind(_assertThisInitialized(_this2));
+    _this2.onChange = _this2.onChange.bind(_assertThisInitialized(_this2));
+    _this2.state = {
       selectedIndex: props.selectedIndex
     };
+    return _this2;
   }
-  onChange(event) {
-    if (event.target.checked && event.target.hasAttribute('data-index')) {
-      this.setState({
-        selectedIndex: parseInt(event.target.getAttribute('data-index'), 10)
+  _createClass(RadioButtonGroup, [{
+    key: "onChange",
+    value: function onChange(event) {
+      if (event.target.checked && event.target.hasAttribute('data-index')) {
+        this.setState({
+          selectedIndex: parseInt(event.target.getAttribute('data-index'), 10)
+        });
+      }
+      this.props.onChange(event);
+    }
+  }, {
+    key: "renderChildren",
+    value: function renderChildren() {
+      var _this3 = this;
+      var _this$props2 = this.props,
+        children = _this$props2.children,
+        name = _this$props2.name,
+        onBlur = _this$props2.onBlur,
+        onClick = _this$props2.onClick,
+        onFocus = _this$props2.onFocus,
+        onKeyDown = _this$props2.onKeyDown;
+      return React.Children.map(children, function (child, index) {
+        return /*#__PURE__*/React.cloneElement(child, {
+          name: name,
+          value: child.props.value,
+          isChecked: index === _this3.state.selectedIndex,
+          onBlur: onBlur,
+          onClick: onClick,
+          onFocus: onFocus,
+          onKeyDown: onKeyDown,
+          index: index
+        });
       });
     }
-    this.props.onChange(event);
-  }
-  renderChildren() {
-    const {
-      children,
-      name,
-      onBlur,
-      onClick,
-      onFocus,
-      onKeyDown
-    } = this.props;
-    return React.Children.map(children, (child, index) => /*#__PURE__*/React.cloneElement(child, {
-      name,
-      value: child.props.value,
-      isChecked: index === this.state.selectedIndex,
-      onBlur,
-      onClick,
-      onFocus,
-      onKeyDown,
-      index
-    }));
-  }
-  render() {
-    const _this$props2 = this.props,
-      {
-        children,
-        label,
-        name,
-        onBlur,
-        onChange,
-        onClick,
-        onFocus,
-        onKeyDown,
-        selectedIndex
-      } = _this$props2,
-      other = _objectWithoutProperties(_this$props2, _excluded2);
-    return /*#__PURE__*/React.createElement("div", _extends({
-      role: "radiogroup",
-      "aria-label": label,
-      onChange: this.onChange,
-      tabIndex: -1
-    }, other), this.renderChildren());
-  }
-}
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+        children = _this$props3.children,
+        label = _this$props3.label,
+        name = _this$props3.name,
+        onBlur = _this$props3.onBlur,
+        onChange = _this$props3.onChange,
+        onClick = _this$props3.onClick,
+        onFocus = _this$props3.onFocus,
+        onKeyDown = _this$props3.onKeyDown,
+        selectedIndex = _this$props3.selectedIndex,
+        other = _objectWithoutProperties(_this$props3, _excluded2);
+      return /*#__PURE__*/React.createElement("div", _extends({
+        role: "radiogroup",
+        "aria-label": label,
+        onChange: this.onChange,
+        tabIndex: -1
+      }, other), this.renderChildren());
+    }
+  }]);
+  return RadioButtonGroup;
+}(React.Component);
 RadioButton.defaultProps = {
   children: undefined,
   index: undefined,
   isChecked: false,
   name: undefined,
-  onBlur: () => {},
-  onClick: () => {},
-  onFocus: () => {},
-  onKeyDown: () => {}
+  onBlur: function onBlur() {},
+  onClick: function onClick() {},
+  onFocus: function onFocus() {},
+  onKeyDown: function onKeyDown() {}
 };
 RadioButton.propTypes = {
   children: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]),
@@ -127,11 +158,11 @@ RadioButton.propTypes = {
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]).isRequired
 };
 RadioButtonGroup.defaultProps = {
-  onBlur: () => {},
-  onChange: () => {},
-  onClick: () => {},
-  onFocus: () => {},
-  onKeyDown: () => {},
+  onBlur: function onBlur() {},
+  onChange: function onChange() {},
+  onClick: function onClick() {},
+  onFocus: function onFocus() {},
+  onKeyDown: function onKeyDown() {},
   selectedIndex: undefined
 };
 RadioButtonGroup.propTypes = {

package/dist/RadioButtonGroup/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","RadioButton","PureComponent","constructor","props","onBlur","onClick","onFocus","onKeyDown","bind","render","_this$props","children","index","isChecked","name","value","other","_objectWithoutProperties","_excluded","createElement","_extends","type","defaultChecked","RadioButtonGroup","Component","renderChildren","onChange","state","selectedIndex","event","target","checked","hasAttribute","setState","parseInt","getAttribute","Children","map","child","cloneElement","_this$props2","label","_excluded2","role","tabIndex","defaultProps","undefined","propTypes","oneOfType","string","number","bool","func","isRequired","arrayOf","element","default"],"sources":["../../src/RadioButtonGroup/index.jsx"],"sourcesContent":["/* eslint-disable react/no-multi-comp, max-classes-per-file, max-len */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nclass RadioButton extends React.PureComponent {\n  constructor(props) {\n    super(props);\n\n    const {\n      onBlur,\n      onClick,\n      onFocus,\n      onKeyDown,\n    } = props;\n\n    this.onBlur = onBlur.bind(this);\n    this.onClick = onClick.bind(this);\n    this.onFocus = onFocus.bind(this);\n    this.onKeyDown = onKeyDown.bind(this);\n  }\n\n  render() {\n    const {\n      children,\n      index,\n      isChecked,\n      name,\n      value,\n      ...other\n    } = this.props;\n\n    return (\n      <div>\n        <input\n          type=\"radio\"\n          name={name}\n          aria-checked={isChecked}\n          defaultChecked={isChecked}\n          value={value}\n          aria-label={children}\n          data-index={index}\n          onBlur={this.onBlur}\n          onClick={this.onClick}\n          onFocus={this.onFocus}\n          onKeyDown={this.onKeyDown}\n          {...other}\n        />{children}\n      </div>\n    );\n  }\n}\n\nclass RadioButtonGroup extends React.Component {\n  constructor(props) {\n    super();\n    // Bind the method to the component context\n    this.renderChildren = this.renderChildren.bind(this);\n    this.onChange = this.onChange.bind(this);\n\n    this.state = {\n      selectedIndex: props.selectedIndex,\n    };\n  }\n\n  onChange(event) {\n    if (event.target.checked && event.target.hasAttribute('data-index')) {\n      this.setState({\n        selectedIndex: parseInt(event.target.getAttribute('data-index'), 10),\n      });\n    }\n\n    this.props.onChange(event);\n  }\n\n  renderChildren() {\n    const {\n      children,\n      name,\n      onBlur,\n      onClick,\n      onFocus,\n      onKeyDown,\n    } = this.props;\n\n    return React.Children.map((children), (child, index) => React.cloneElement(child, {\n      name,\n      value: child.props.value,\n      isChecked: index === this.state.selectedIndex,\n      onBlur,\n      onClick,\n      onFocus,\n      onKeyDown,\n      index,\n    }));\n  }\n\n  render() {\n    const {\n      children,\n      label,\n      name,\n      onBlur,\n      onChange,\n      onClick,\n      onFocus,\n      onKeyDown,\n      selectedIndex,\n      ...other\n    } = this.props;\n\n    return (\n      <div\n        role=\"radiogroup\"\n        aria-label={label}\n        onChange={this.onChange}\n        tabIndex={-1}\n        {...other}\n      >\n        {this.renderChildren()}\n      </div>\n    );\n  }\n}\n\nRadioButton.defaultProps = {\n  children: undefined,\n  index: undefined,\n  isChecked: false,\n  name: undefined,\n  onBlur: () => {},\n  onClick: () => {},\n  onFocus: () => {},\n  onKeyDown: () => {},\n};\n\nRadioButton.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.bool,\n  ]),\n  index: PropTypes.number,\n  isChecked: PropTypes.bool,\n  name: PropTypes.string,\n  onBlur: PropTypes.func,\n  onClick: PropTypes.func,\n  onFocus: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  value: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.bool,\n  ]).isRequired,\n};\n\nRadioButtonGroup.defaultProps = {\n  onBlur: () => {},\n  onChange: () => {},\n  onClick: () => {},\n  onFocus: () => {},\n  onKeyDown: () => {},\n  selectedIndex: undefined,\n};\n\nRadioButtonGroup.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.element).isRequired,\n  /** specifies the `aria-label` value for the `RadioButtonGroup` */\n  label: PropTypes.string.isRequired,\n  /** specifies the `name` value for the `RadioButtonGroup` so that no more than one `RadioButton` can be selected at any given time */\n  name: PropTypes.string.isRequired,\n  /** specifies the callback for the `onBlur` event for each `RadioButton` within the group. The default value is a no-op function. */\n  onBlur: PropTypes.func,\n  /** specifies the callback for the onChange event for each RadioButton within the group. The default value is a no-op function. */\n  onChange: PropTypes.func,\n  /** specifies the callback for the `onClick` event for each `RadioButton` within the group. The default value is a no-op function. */\n  onClick: PropTypes.func,\n  /** specifies the callback for the `onFocus` event for each `RadioButton` within the group. The default value is a no-op function. */\n  onFocus: PropTypes.func,\n  /** specifies the callback for the `onKeyDown` event for each `RadioButton` within the group. The default value is a no-op function. */\n  onKeyDown: PropTypes.func,\n  /** specifies which `RadioButton` is initially selected. The default value is `undefined` which signifies that no `RadioButton` is initially selected. */\n  selectedIndex: PropTypes.number,\n};\n\nexport { RadioButtonGroup as default, RadioButton };\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","RadioButton","_React$PureComponent","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","onBlur","onClick","onFocus","onKeyDown","bind","_assertThisInitialized","_createClass","key","value","render","_this$props","children","index","isChecked","name","other","_objectWithoutProperties","_excluded","createElement","_extends","type","defaultChecked","PureComponent","RadioButtonGroup","_React$Component","_super2","_this2","renderChildren","onChange","state","selectedIndex","event","target","checked","hasAttribute","setState","parseInt","getAttribute","_this3","_this$props2","Children","map","child","cloneElement","_this$props3","label","_excluded2","role","tabIndex","Component","defaultProps","undefined","propTypes","oneOfType","string","number","bool","func","isRequired","arrayOf","element","default"],"sources":["../../src/RadioButtonGroup/index.jsx"],"sourcesContent":["/* eslint-disable react/no-multi-comp, max-classes-per-file, max-len */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nclass RadioButton extends React.PureComponent {\n  constructor(props) {\n    super(props);\n\n    const {\n      onBlur,\n      onClick,\n      onFocus,\n      onKeyDown,\n    } = props;\n\n    this.onBlur = onBlur.bind(this);\n    this.onClick = onClick.bind(this);\n    this.onFocus = onFocus.bind(this);\n    this.onKeyDown = onKeyDown.bind(this);\n  }\n\n  render() {\n    const {\n      children,\n      index,\n      isChecked,\n      name,\n      value,\n      ...other\n    } = this.props;\n\n    return (\n      <div>\n        <input\n          type=\"radio\"\n          name={name}\n          aria-checked={isChecked}\n          defaultChecked={isChecked}\n          value={value}\n          aria-label={children}\n          data-index={index}\n          onBlur={this.onBlur}\n          onClick={this.onClick}\n          onFocus={this.onFocus}\n          onKeyDown={this.onKeyDown}\n          {...other}\n        />{children}\n      </div>\n    );\n  }\n}\n\nclass RadioButtonGroup extends React.Component {\n  constructor(props) {\n    super();\n    // Bind the method to the component context\n    this.renderChildren = this.renderChildren.bind(this);\n    this.onChange = this.onChange.bind(this);\n\n    this.state = {\n      selectedIndex: props.selectedIndex,\n    };\n  }\n\n  onChange(event) {\n    if (event.target.checked && event.target.hasAttribute('data-index')) {\n      this.setState({\n        selectedIndex: parseInt(event.target.getAttribute('data-index'), 10),\n      });\n    }\n\n    this.props.onChange(event);\n  }\n\n  renderChildren() {\n    const {\n      children,\n      name,\n      onBlur,\n      onClick,\n      onFocus,\n      onKeyDown,\n    } = this.props;\n\n    return React.Children.map((children), (child, index) => React.cloneElement(child, {\n      name,\n      value: child.props.value,\n      isChecked: index === this.state.selectedIndex,\n      onBlur,\n      onClick,\n      onFocus,\n      onKeyDown,\n      index,\n    }));\n  }\n\n  render() {\n    const {\n      children,\n      label,\n      name,\n      onBlur,\n      onChange,\n      onClick,\n      onFocus,\n      onKeyDown,\n      selectedIndex,\n      ...other\n    } = this.props;\n\n    return (\n      <div\n        role=\"radiogroup\"\n        aria-label={label}\n        onChange={this.onChange}\n        tabIndex={-1}\n        {...other}\n      >\n        {this.renderChildren()}\n      </div>\n    );\n  }\n}\n\nRadioButton.defaultProps = {\n  children: undefined,\n  index: undefined,\n  isChecked: false,\n  name: undefined,\n  onBlur: () => {},\n  onClick: () => {},\n  onFocus: () => {},\n  onKeyDown: () => {},\n};\n\nRadioButton.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.bool,\n  ]),\n  index: PropTypes.number,\n  isChecked: PropTypes.bool,\n  name: PropTypes.string,\n  onBlur: PropTypes.func,\n  onClick: PropTypes.func,\n  onFocus: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  value: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.bool,\n  ]).isRequired,\n};\n\nRadioButtonGroup.defaultProps = {\n  onBlur: () => {},\n  onChange: () => {},\n  onClick: () => {},\n  onFocus: () => {},\n  onKeyDown: () => {},\n  selectedIndex: undefined,\n};\n\nRadioButtonGroup.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.element).isRequired,\n  /** specifies the `aria-label` value for the `RadioButtonGroup` */\n  label: PropTypes.string.isRequired,\n  /** specifies the `name` value for the `RadioButtonGroup` so that no more than one `RadioButton` can be selected at any given time */\n  name: PropTypes.string.isRequired,\n  /** specifies the callback for the `onBlur` event for each `RadioButton` within the group. The default value is a no-op function. */\n  onBlur: PropTypes.func,\n  /** specifies the callback for the onChange event for each RadioButton within the group. The default value is a no-op function. */\n  onChange: PropTypes.func,\n  /** specifies the callback for the `onClick` event for each `RadioButton` within the group. The default value is a no-op function. */\n  onClick: PropTypes.func,\n  /** specifies the callback for the `onFocus` event for each `RadioButton` within the group. The default value is a no-op function. */\n  onFocus: PropTypes.func,\n  /** specifies the callback for the `onKeyDown` event for each `RadioButton` within the group. The default value is a no-op function. */\n  onKeyDown: PropTypes.func,\n  /** specifies which `RadioButton` is initially selected. The default value is `undefined` which signifies that no `RadioButton` is initially selected. */\n  selectedIndex: PropTypes.number,\n};\n\nexport { RadioButtonGroup as default, RadioButton };\n"],"mappings":"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"}

package/dist/Scrollable/index.js

@@ -1,27 +1,42 @@
-const _excluded = ["children"];
+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 = ["children"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import useIsVisible from '../hooks/useIsVisible';
-export const CLASSNAME_SCROLL_TOP = 'pgn__scrollable-body-scroll-top';
-export const CLASSNAME_SCROLL_BOTTOM = 'pgn__scrollable-body-scroll-bottom';
+export var CLASSNAME_SCROLL_TOP = 'pgn__scrollable-body-scroll-top';
+export var CLASSNAME_SCROLL_BOTTOM = 'pgn__scrollable-body-scroll-bottom';
 function Scrollable(_ref) {
-  let {
-      children
-    } = _ref,
+  var _classNames;
+  var children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
-  const [isScrolledToTop, topSentinelRef] = useIsVisible();
-  const [isScrolledToBottom, bottomSentinelRef] = useIsVisible();
-  const [valueNow, setValueNow] = useState(0);
-  const className = classNames('pgn__scrollable-body', props.className, {
-    [CLASSNAME_SCROLL_TOP]: isScrolledToTop,
-    [CLASSNAME_SCROLL_BOTTOM]: isScrolledToBottom
-  });
-  const handleScroll = e => {
-    const maxScrollHeight = e.currentTarget.scrollHeight - e.currentTarget.clientHeight;
+  var _useIsVisible = useIsVisible(),
+    _useIsVisible2 = _slicedToArray(_useIsVisible, 2),
+    isScrolledToTop = _useIsVisible2[0],
+    topSentinelRef = _useIsVisible2[1];
+  var _useIsVisible3 = useIsVisible(),
+    _useIsVisible4 = _slicedToArray(_useIsVisible3, 2),
+    isScrolledToBottom = _useIsVisible4[0],
+    bottomSentinelRef = _useIsVisible4[1];
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    valueNow = _useState2[0],
+    setValueNow = _useState2[1];
+  var className = classNames('pgn__scrollable-body', props.className, (_classNames = {}, _defineProperty(_classNames, CLASSNAME_SCROLL_TOP, isScrolledToTop), _defineProperty(_classNames, CLASSNAME_SCROLL_BOTTOM, isScrolledToBottom), _classNames));
+  var handleScroll = function handleScroll(e) {
+    var maxScrollHeight = e.currentTarget.scrollHeight - e.currentTarget.clientHeight;
     setValueNow(Math.ceil(100 * e.currentTarget.scrollTop / maxScrollHeight));
   };
   return /*#__PURE__*/React.createElement("div", _extends({}, props, {

package/dist/Scrollable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","PropTypes","classNames","useIsVisible","CLASSNAME_SCROLL_TOP","CLASSNAME_SCROLL_BOTTOM","Scrollable","_ref","children","props","_objectWithoutProperties","_excluded","isScrolledToTop","topSentinelRef","isScrolledToBottom","bottomSentinelRef","valueNow","setValueNow","className","handleScroll","e","maxScrollHeight","currentTarget","scrollHeight","clientHeight","Math","ceil","scrollTop","createElement","_extends","role","tabIndex","onScroll","ref","propTypes","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Scrollable/index.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport useIsVisible from '../hooks/useIsVisible';\n\nexport const CLASSNAME_SCROLL_TOP = 'pgn__scrollable-body-scroll-top';\nexport const CLASSNAME_SCROLL_BOTTOM = 'pgn__scrollable-body-scroll-bottom';\n\nfunction Scrollable({ children, ...props }) {\n  const [isScrolledToTop, topSentinelRef] = useIsVisible();\n  const [isScrolledToBottom, bottomSentinelRef] = useIsVisible();\n  const [valueNow, setValueNow] = useState(0);\n  const className = classNames(\n    'pgn__scrollable-body',\n    props.className,\n    {\n      [CLASSNAME_SCROLL_TOP]: isScrolledToTop,\n      [CLASSNAME_SCROLL_BOTTOM]: isScrolledToBottom,\n    },\n  );\n\n  const handleScroll = (e) => {\n    const maxScrollHeight = e.currentTarget.scrollHeight - e.currentTarget.clientHeight;\n    setValueNow(Math.ceil((100 * e.currentTarget.scrollTop) / maxScrollHeight));\n  };\n\n  return (\n    <div\n      {...props}\n      className={className}\n      role=\"scrollbar\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={valueNow}\n      aria-controls=\"scrollbar\"\n      tabIndex=\"0\"\n      onScroll={handleScroll}\n    >\n      <div ref={topSentinelRef} />\n      <div className=\"pgn__scrollable-body-content\">\n        {children}\n      </div>\n      <div ref={bottomSentinelRef} />\n    </div>\n  );\n}\n\nScrollable.propTypes = {\n  /** Specifies the content of the `Scrollable`. */\n  children: PropTypes.node.isRequired,\n  /** Additional classnames for this component. */\n  className: PropTypes.string,\n};\n\nScrollable.defaultProps = {\n  className: undefined,\n};\n\nexport default Scrollable;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,YAAY,MAAM,uBAAuB;AAEhD,OAAO,MAAMC,oBAAoB,GAAG,iCAAiC;AACrE,OAAO,MAAMC,uBAAuB,GAAG,oCAAoC;AAE3E,SAASC,UAAUA,CAAAC,IAAA,EAAyB;EAAA,IAAxB;MAAEC;IAAmB,CAAC,GAAAD,IAAA;IAAPE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACtC,MAAM,CAACC,eAAe,EAAEC,cAAc,CAAC,GAAGV,YAAY,CAAC,CAAC;EACxD,MAAM,CAACW,kBAAkB,EAAEC,iBAAiB,CAAC,GAAGZ,YAAY,CAAC,CAAC;EAC9D,MAAM,CAACa,QAAQ,EAAEC,WAAW,CAAC,GAAGjB,QAAQ,CAAC,CAAC,CAAC;EAC3C,MAAMkB,SAAS,GAAGhB,UAAU,CAC1B,sBAAsB,EACtBO,KAAK,CAACS,SAAS,EACf;IACE,CAACd,oBAAoB,GAAGQ,eAAe;IACvC,CAACP,uBAAuB,GAAGS;EAC7B,CACF,CAAC;EAED,MAAMK,YAAY,GAAIC,CAAC,IAAK;IAC1B,MAAMC,eAAe,GAAGD,CAAC,CAACE,aAAa,CAACC,YAAY,GAAGH,CAAC,CAACE,aAAa,CAACE,YAAY;IACnFP,WAAW,CAACQ,IAAI,CAACC,IAAI,CAAE,GAAG,GAAGN,CAAC,CAACE,aAAa,CAACK,SAAS,GAAIN,eAAe,CAAC,CAAC;EAC7E,CAAC;EAED,oBACEtB,KAAA,CAAA6B,aAAA,QAAAC,QAAA,KACMpB,KAAK;IACTS,SAAS,EAAEA,SAAU;IACrBY,IAAI,EAAC,WAAW;IAChB,iBAAe,CAAE;IACjB,iBAAe,GAAI;IACnB,iBAAed,QAAS;IACxB,iBAAc,WAAW;IACzBe,QAAQ,EAAC,GAAG;IACZC,QAAQ,EAAEb;EAAa,iBAEvBpB,KAAA,CAAA6B,aAAA;IAAKK,GAAG,EAAEpB;EAAe,CAAE,CAAC,eAC5Bd,KAAA,CAAA6B,aAAA;IAAKV,SAAS,EAAC;EAA8B,GAC1CV,QACE,CAAC,eACNT,KAAA,CAAA6B,aAAA;IAAKK,GAAG,EAAElB;EAAkB,CAAE,CAC3B,CAAC;AAEV;AAEAT,UAAU,CAAC4B,SAAS,GAAG;EACrB;EACA1B,QAAQ,EAAEP,SAAS,CAACkC,IAAI,CAACC,UAAU;EACnC;EACAlB,SAAS,EAAEjB,SAAS,CAACoC;AACvB,CAAC;AAED/B,UAAU,CAACgC,YAAY,GAAG;EACxBpB,SAAS,EAAEqB;AACb,CAAC;AAED,eAAejC,UAAU"}
+{"version":3,"file":"index.js","names":["React","useState","PropTypes","classNames","useIsVisible","CLASSNAME_SCROLL_TOP","CLASSNAME_SCROLL_BOTTOM","Scrollable","_ref","_classNames","children","props","_objectWithoutProperties","_excluded","_useIsVisible","_useIsVisible2","_slicedToArray","isScrolledToTop","topSentinelRef","_useIsVisible3","_useIsVisible4","isScrolledToBottom","bottomSentinelRef","_useState","_useState2","valueNow","setValueNow","className","_defineProperty","handleScroll","e","maxScrollHeight","currentTarget","scrollHeight","clientHeight","Math","ceil","scrollTop","createElement","_extends","role","tabIndex","onScroll","ref","propTypes","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Scrollable/index.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport useIsVisible from '../hooks/useIsVisible';\n\nexport const CLASSNAME_SCROLL_TOP = 'pgn__scrollable-body-scroll-top';\nexport const CLASSNAME_SCROLL_BOTTOM = 'pgn__scrollable-body-scroll-bottom';\n\nfunction Scrollable({ children, ...props }) {\n  const [isScrolledToTop, topSentinelRef] = useIsVisible();\n  const [isScrolledToBottom, bottomSentinelRef] = useIsVisible();\n  const [valueNow, setValueNow] = useState(0);\n  const className = classNames(\n    'pgn__scrollable-body',\n    props.className,\n    {\n      [CLASSNAME_SCROLL_TOP]: isScrolledToTop,\n      [CLASSNAME_SCROLL_BOTTOM]: isScrolledToBottom,\n    },\n  );\n\n  const handleScroll = (e) => {\n    const maxScrollHeight = e.currentTarget.scrollHeight - e.currentTarget.clientHeight;\n    setValueNow(Math.ceil((100 * e.currentTarget.scrollTop) / maxScrollHeight));\n  };\n\n  return (\n    <div\n      {...props}\n      className={className}\n      role=\"scrollbar\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={valueNow}\n      aria-controls=\"scrollbar\"\n      tabIndex=\"0\"\n      onScroll={handleScroll}\n    >\n      <div ref={topSentinelRef} />\n      <div className=\"pgn__scrollable-body-content\">\n        {children}\n      </div>\n      <div ref={bottomSentinelRef} />\n    </div>\n  );\n}\n\nScrollable.propTypes = {\n  /** Specifies the content of the `Scrollable`. */\n  children: PropTypes.node.isRequired,\n  /** Additional classnames for this component. */\n  className: PropTypes.string,\n};\n\nScrollable.defaultProps = {\n  className: undefined,\n};\n\nexport default Scrollable;\n"],"mappings":";;;;;;;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,YAAY,MAAM,uBAAuB;AAEhD,OAAO,IAAMC,oBAAoB,GAAG,iCAAiC;AACrE,OAAO,IAAMC,uBAAuB,GAAG,oCAAoC;AAE3E,SAASC,UAAUA,CAAAC,IAAA,EAAyB;EAAA,IAAAC,WAAA;EAAA,IAAtBC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACtC,IAAAC,aAAA,GAA0CV,YAAY,CAAC,CAAC;IAAAW,cAAA,GAAAC,cAAA,CAAAF,aAAA;IAAjDG,eAAe,GAAAF,cAAA;IAAEG,cAAc,GAAAH,cAAA;EACtC,IAAAI,cAAA,GAAgDf,YAAY,CAAC,CAAC;IAAAgB,cAAA,GAAAJ,cAAA,CAAAG,cAAA;IAAvDE,kBAAkB,GAAAD,cAAA;IAAEE,iBAAiB,GAAAF,cAAA;EAC5C,IAAAG,SAAA,GAAgCtB,QAAQ,CAAC,CAAC,CAAC;IAAAuB,UAAA,GAAAR,cAAA,CAAAO,SAAA;IAApCE,QAAQ,GAAAD,UAAA;IAAEE,WAAW,GAAAF,UAAA;EAC5B,IAAMG,SAAS,GAAGxB,UAAU,CAC1B,sBAAsB,EACtBQ,KAAK,CAACgB,SAAS,GAAAlB,WAAA,OAAAmB,eAAA,CAAAnB,WAAA,EAEZJ,oBAAoB,EAAGY,eAAe,GAAAW,eAAA,CAAAnB,WAAA,EACtCH,uBAAuB,EAAGe,kBAAkB,GAAAZ,WAAA,CAEjD,CAAC;EAED,IAAMoB,YAAY,GAAG,SAAfA,YAAYA,CAAIC,CAAC,EAAK;IAC1B,IAAMC,eAAe,GAAGD,CAAC,CAACE,aAAa,CAACC,YAAY,GAAGH,CAAC,CAACE,aAAa,CAACE,YAAY;IACnFR,WAAW,CAACS,IAAI,CAACC,IAAI,CAAE,GAAG,GAAGN,CAAC,CAACE,aAAa,CAACK,SAAS,GAAIN,eAAe,CAAC,CAAC;EAC7E,CAAC;EAED,oBACE/B,KAAA,CAAAsC,aAAA,QAAAC,QAAA,KACM5B,KAAK;IACTgB,SAAS,EAAEA,SAAU;IACrBa,IAAI,EAAC,WAAW;IAChB,iBAAe,CAAE;IACjB,iBAAe,GAAI;IACnB,iBAAef,QAAS;IACxB,iBAAc,WAAW;IACzBgB,QAAQ,EAAC,GAAG;IACZC,QAAQ,EAAEb;EAAa,iBAEvB7B,KAAA,CAAAsC,aAAA;IAAKK,GAAG,EAAEzB;EAAe,CAAE,CAAC,eAC5BlB,KAAA,CAAAsC,aAAA;IAAKX,SAAS,EAAC;EAA8B,GAC1CjB,QACE,CAAC,eACNV,KAAA,CAAAsC,aAAA;IAAKK,GAAG,EAAErB;EAAkB,CAAE,CAC3B,CAAC;AAEV;AAEAf,UAAU,CAACqC,SAAS,GAAG;EACrB;EACAlC,QAAQ,EAAER,SAAS,CAAC2C,IAAI,CAACC,UAAU;EACnC;EACAnB,SAAS,EAAEzB,SAAS,CAAC6C;AACvB,CAAC;AAEDxC,UAAU,CAACyC,YAAY,GAAG;EACxBrB,SAAS,EAAEsB;AACb,CAAC;AAED,eAAe1C,UAAU"}

package/dist/SearchField/SearchFieldAdvanced.js

@@ -1,78 +1,87 @@
-const _excluded = ["children", "className", "screenReaderText", "icons", "onSubmit", "onClear", "onChange", "onBlur", "onFocus", "value", "formAriaLabel", "disabled", "submitButtonLocation"];
+var _excluded = ["children", "className", "screenReaderText", "icons", "onSubmit", "onClear", "onChange", "onBlur", "onFocus", "value", "formAriaLabel", "disabled", "submitButtonLocation"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-/* eslint-disable max-len */
 import React, { useRef, createContext, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { Search, Close } from '../../icons';
 import newId from '../utils/newId';
 import Icon from '../Icon';
-export const SearchFieldContext = /*#__PURE__*/createContext();
-const BUTTON_LOCATION_VARIANTS = ['internal', 'external'];
+export var SearchFieldContext = /*#__PURE__*/createContext();
+var BUTTON_LOCATION_VARIANTS = ['internal', 'external'];
 function SearchFieldAdvanced(props) {
-  const {
-      children,
-      className,
-      screenReaderText,
-      icons,
-      onSubmit,
-      onClear,
-      onChange,
-      onBlur,
-      onFocus,
-      value: initialValue,
-      formAriaLabel,
-      disabled,
-      submitButtonLocation
-    } = props,
+  var children = props.children,
+    className = props.className,
+    screenReaderText = props.screenReaderText,
+    icons = props.icons,
+    onSubmit = props.onSubmit,
+    onClear = props.onClear,
+    onChange = props.onChange,
+    onBlur = props.onBlur,
+    onFocus = props.onFocus,
+    initialValue = props.value,
+    formAriaLabel = props.formAriaLabel,
+    disabled = props.disabled,
+    submitButtonLocation = props.submitButtonLocation,
     rest = _objectWithoutProperties(props, _excluded);
-  const [hasFocus, setHasFocus] = useState(false);
-  const [value, setValue] = useState(initialValue);
-  const isInitialMount = useRef(true);
-  const inputId = useRef(`${newId('pgn-searchfield-input-')}`);
-  const inputRef = useRef();
-  const submitButtonRef = useRef();
-  useEffect(() => {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hasFocus = _useState2[0],
+    setHasFocus = _useState2[1];
+  var _useState3 = useState(initialValue),
+    _useState4 = _slicedToArray(_useState3, 2),
+    value = _useState4[0],
+    setValue = _useState4[1];
+  var isInitialMount = useRef(true);
+  var inputId = useRef("".concat(newId('pgn-searchfield-input-')));
+  var inputRef = useRef();
+  var submitButtonRef = useRef();
+  useEffect(function () {
     setValue(initialValue);
   }, [initialValue]);
-  useEffect(() => {
+  useEffect(function () {
     if (isInitialMount.current) {
       isInitialMount.current = false;
     } else {
       onChange(value);
     }
   }, [value, onChange]);
-  const handleSubmit = event => {
+  var handleSubmit = function handleSubmit(event) {
     event.preventDefault();
     onSubmit(value);
     if (submitButtonRef && submitButtonRef.current) {
       submitButtonRef.current.focus();
     }
   };
-  const handleClear = () => {
+  var handleClear = function handleClear() {
     setValue('');
     onClear();
     if (inputRef && inputRef.current) {
       inputRef.current.focus();
     }
   };
-  const handleFocus = event => {
+  var handleFocus = function handleFocus(event) {
     setHasFocus(true);
     onFocus(event);
   };
-  const handleBlur = event => {
+  var handleBlur = function handleBlur(event) {
     setHasFocus(false);
     onBlur(event);
   };
-  const handleChange = event => {
+  var handleChange = function handleChange(event) {
     setValue(event.target.value);
   };
   return /*#__PURE__*/React.createElement("div", _extends({
     className: classNames('pgn__searchfield', 'd-flex', {
       'has-focus': hasFocus,
-      disabled,
+      disabled: disabled,
       'pgn__searchfield--external': submitButtonLocation === 'external'
     }, className)
   }, rest), /*#__PURE__*/React.createElement("form", {
@@ -83,14 +92,14 @@ function SearchFieldAdvanced(props) {
     "aria-label": formAriaLabel
   }, /*#__PURE__*/React.createElement(SearchFieldContext.Provider, {
     value: {
-      inputId,
-      screenReaderText,
-      icons,
-      value,
-      disabled,
-      handleFocus,
-      handleBlur,
-      handleChange,
+      inputId: inputId,
+      screenReaderText: screenReaderText,
+      icons: icons,
+      value: value,
+      disabled: disabled,
+      handleFocus: handleFocus,
+      handleBlur: handleBlur,
+      handleChange: handleChange,
       refs: {
         input: inputRef,
         submitButton: submitButtonRef
@@ -108,27 +117,32 @@ SearchFieldAdvanced.propTypes = {
   onSubmit: PropTypes.func.isRequired,
   /** specifies a custom class name. */
   className: PropTypes.string,
-  /** specifies a callback function for when the user loses focus in the `SearchField` component. The default is an empty function. For example:
+  /** specifies a callback function for when the user loses focus in the `SearchField` component.
+   * The default is an empty function. For example:
   ```jsx
   <SearchField onBlur={event => console.log(event)} />
   ``` */
   onBlur: PropTypes.func,
-  /** specifies a callback function for when the value in `SearchField` is changed by the user. The default is an empty function. For example:
+  /** specifies a callback function for when the value in `SearchField` is changed by the user.
+   * The default is an empty function. For example:
   ```jsx
   <SearchField onChange={value => console.log(value)} />
   ``` */
   onChange: PropTypes.func,
-  /** specifies a callback function for when the value in `SearchField` is cleared by the user. The default is an empty function. For example:
+  /** specifies a callback function for when the value in `SearchField` is cleared by the user.
+   * The default is an empty function. For example:
   ```jsx
   <SearchField onClear={() => console.log('search cleared')} />
   ``` */
   onClear: PropTypes.func,
-  /** specifies a callback function for when the user focuses in the `SearchField` component. The default is an empty function. For example:
+  /** specifies a callback function for when the user focuses in the `SearchField` component.
+   * The default is an empty function. For example:
   ```jsx
   <SearchField onFocus={event => console.log(event)} />
   ``` */
   onFocus: PropTypes.func,
-  /** specifies the screenreader text for both the clear and submit buttons (e.g., for i18n translations). The default is `{ label: 'search', clearButton: 'clear search', searchButton: 'submit search' }`. */
+  /** specifies the screenreader text for both the clear and submit buttons (e.g., for i18n translations).
+   * The default is `{ label: 'search', clearButton: 'clear search', searchButton: 'submit search' }`. */
   screenReaderText: PropTypes.shape({
     label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,
     submitButton: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,
@@ -141,7 +155,8 @@ SearchFieldAdvanced.propTypes = {
     submit: PropTypes.element.isRequired,
     clear: PropTypes.element
   }),
-  /** specifies the aria-label attribute on the form element. This is useful if you use the `SearchField` component more than once on a page. */
+  /** specifies the aria-label attribute on the form element. This is useful if you use the `SearchField` component
+   * more than once on a page. */
   formAriaLabel: PropTypes.string,
   /** Specifies whether the `SearchField` is disabled. */
   disabled: PropTypes.bool,
@@ -165,10 +180,10 @@ SearchFieldAdvanced.defaultProps = {
       src: Search
     })
   },
-  onBlur: () => {},
-  onChange: () => {},
-  onFocus: () => {},
-  onClear: () => {},
+  onBlur: function onBlur() {},
+  onChange: function onChange() {},
+  onFocus: function onFocus() {},
+  onClear: function onClear() {},
   disabled: false,
   submitButtonLocation: 'internal'
 };