@openedx/paragon 22.0.0-alpha.23 → 22.0.0

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/Scrollable/index.scss

@@ -9,7 +9,7 @@
   &::before {
     content: "";
     background-color: transparent;
-    box-shadow: 5px 0 7px 2px var(--pgn-elevation-scrollable-body-box-shadow);
+    box-shadow: 5px 0 7px 2px rgba(0, 0, 0, .55);
     display: block;
     height: 2px;
     position: sticky;
@@ -21,7 +21,7 @@
   &::after {
     content: "";
     background-color: transparent;
-    box-shadow: 5px 0 7px 2px var(--pgn-elevation-scrollable-body-box-shadow);
+    box-shadow: 5px 0 7px 2px rgba(0, 0, 0, .55);
     display: block;
     height: 2px;
     position: sticky;

package/dist/SearchField/SearchFieldAdvanced.js

@@ -1,78 +1,86 @@
-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 +91,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 +116,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 +154,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,
@@ -158,17 +172,13 @@ SearchFieldAdvanced.defaultProps = {
     clearButton: 'clear search'
   },
   icons: {
-    clear: /*#__PURE__*/React.createElement(Icon, {
-      src: Close
-    }),
-    submit: /*#__PURE__*/React.createElement(Icon, {
-      src: Search
-    })
+    clear: Close,
+    submit: Search
   },
-  onBlur: () => {},
-  onChange: () => {},
-  onFocus: () => {},
-  onClear: () => {},
+  onBlur: function onBlur() {},
+  onChange: function onChange() {},
+  onFocus: function onFocus() {},
+  onClear: function onClear() {},
   disabled: false,
   submitButtonLocation: 'internal'
 };

package/dist/SearchField/SearchFieldAdvanced.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchFieldAdvanced.js","names":["React","useRef","createContext","useState","useEffect","PropTypes","classNames","Search","Close","newId","Icon","SearchFieldContext","BUTTON_LOCATION_VARIANTS","SearchFieldAdvanced","props","children","className","screenReaderText","icons","onSubmit","onClear","onChange","onBlur","onFocus","value","initialValue","formAriaLabel","disabled","submitButtonLocation","rest","_objectWithoutProperties","_excluded","hasFocus","setHasFocus","setValue","isInitialMount","inputId","inputRef","submitButtonRef","current","handleSubmit","event","preventDefault","focus","handleClear","handleFocus","handleBlur","handleChange","target","createElement","_extends","role","onReset","Provider","refs","input","submitButton","propTypes","node","isRequired","func","string","shape","label","oneOfType","element","clearButton","submit","clear","bool","oneOf","defaultProps","undefined","src"],"sources":["../../src/SearchField/SearchFieldAdvanced.jsx"],"sourcesContent":["/* eslint-disable max-len */\nimport React, {\n  useRef, createContext, useState, useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Search, Close } from '../../icons';\nimport newId from '../utils/newId';\n\nimport Icon from '../Icon';\n\nexport const SearchFieldContext = createContext();\n\nconst BUTTON_LOCATION_VARIANTS = [\n  'internal',\n  'external',\n];\n\nfunction SearchFieldAdvanced(props) {\n  const {\n    children,\n    className,\n    screenReaderText,\n    icons,\n    onSubmit,\n    onClear,\n    onChange,\n    onBlur,\n    onFocus,\n    value: initialValue,\n    formAriaLabel,\n    disabled,\n    submitButtonLocation,\n    ...rest\n  } = props;\n\n  const [hasFocus, setHasFocus] = useState(false);\n  const [value, setValue] = useState(initialValue);\n\n  const isInitialMount = useRef(true);\n  const inputId = useRef(`${newId('pgn-searchfield-input-')}`);\n  const inputRef = useRef();\n  const submitButtonRef = useRef();\n\n  useEffect(() => {\n    setValue(initialValue);\n  }, [initialValue]);\n\n  useEffect(() => {\n    if (isInitialMount.current) {\n      isInitialMount.current = false;\n    } else {\n      onChange(value);\n    }\n  }, [value, onChange]);\n\n  const handleSubmit = (event) => {\n    event.preventDefault();\n    onSubmit(value);\n    if (submitButtonRef && submitButtonRef.current) {\n      submitButtonRef.current.focus();\n    }\n  };\n\n  const handleClear = () => {\n    setValue('');\n    onClear();\n    if (inputRef && inputRef.current) {\n      inputRef.current.focus();\n    }\n  };\n\n  const handleFocus = (event) => {\n    setHasFocus(true);\n    onFocus(event);\n  };\n\n  const handleBlur = (event) => {\n    setHasFocus(false);\n    onBlur(event);\n  };\n\n  const handleChange = (event) => {\n    setValue(event.target.value);\n  };\n\n  return (\n    <div\n      className={classNames(\n        'pgn__searchfield',\n        'd-flex',\n        {\n          'has-focus': hasFocus,\n          disabled,\n          'pgn__searchfield--external': submitButtonLocation === 'external',\n        },\n        className,\n      )}\n      {...rest}\n    >\n      <form\n        role=\"search\"\n        onSubmit={handleSubmit}\n        onReset={handleClear}\n        className=\"pgn__searchfield-form\"\n        aria-label={formAriaLabel}\n      >\n        <SearchFieldContext.Provider\n          value={{\n            inputId,\n            screenReaderText,\n            icons,\n            value,\n            disabled,\n            handleFocus,\n            handleBlur,\n            handleChange,\n            refs: {\n              input: inputRef,\n              submitButton: submitButtonRef,\n            },\n          }}\n        >\n          {children}\n        </SearchFieldContext.Provider>\n      </form>\n    </div>\n  );\n}\n\nSearchFieldAdvanced.propTypes = {\n  /** specifies the nested child elements. At a minimum, `SearchField.Label` and `SearchField.Input` are required. */\n  children: PropTypes.node.isRequired,\n  /** specifies a callback function for when the `SearchField` is submitted by the user. For example:\n  ```jsx\n  <SearchField onSubmit={(value) => { console.log(value); } />\n  ``` */\n  onSubmit: PropTypes.func.isRequired,\n  /** specifies a custom class name. */\n  className: PropTypes.string,\n  /** specifies a callback function for when the user loses focus in the `SearchField` component. The default is an empty function. For example:\n  ```jsx\n  <SearchField onBlur={event => console.log(event)} />\n  ``` */\n  onBlur: PropTypes.func,\n  /** specifies a callback function for when the value in `SearchField` is changed by the user. The default is an empty function. For example:\n  ```jsx\n  <SearchField onChange={value => console.log(value)} />\n  ``` */\n  onChange: PropTypes.func,\n  /** specifies a callback function for when the value in `SearchField` is cleared by the user. The default is an empty function. For example:\n  ```jsx\n  <SearchField onClear={() => console.log('search cleared')} />\n  ``` */\n  onClear: PropTypes.func,\n  /** specifies a callback function for when the user focuses in the `SearchField` component. The default is an empty function. For example:\n  ```jsx\n  <SearchField onFocus={event => console.log(event)} />\n  ``` */\n  onFocus: PropTypes.func,\n  /** 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' }`. */\n  screenReaderText: PropTypes.shape({\n    label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n    submitButton: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n    clearButton: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  }),\n  /** specifies the initial value for the input. The default is an empty string. */\n  value: PropTypes.string,\n  /** specifies the icon element(s) to use for the clear and submit buttons. */\n  icons: PropTypes.shape({\n    submit: PropTypes.element.isRequired,\n    clear: PropTypes.element,\n  }),\n  /** specifies the aria-label attribute on the form element. This is useful if you use the `SearchField` component more than once on a page. */\n  formAriaLabel: PropTypes.string,\n  /** Specifies whether the `SearchField` is disabled. */\n  disabled: PropTypes.bool,\n  /** Controls whether the search button is internal as an icon or external as a button. */\n  submitButtonLocation: PropTypes.oneOf(BUTTON_LOCATION_VARIANTS),\n};\n\nSearchFieldAdvanced.defaultProps = {\n  className: undefined,\n  formAriaLabel: undefined,\n  value: '',\n  screenReaderText: {\n    label: 'search',\n    submitButton: 'submit search',\n    clearButton: 'clear search',\n  },\n  icons: {\n    clear: <Icon src={Close} />,\n    submit: <Icon src={Search} />,\n  },\n  onBlur: () => {},\n  onChange: () => {},\n  onFocus: () => {},\n  onClear: () => {},\n  disabled: false,\n  submitButtonLocation: 'internal',\n};\n\nexport default SearchFieldAdvanced;\n"],"mappings":"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"}
+{"version":3,"file":"SearchFieldAdvanced.js","names":["React","useRef","createContext","useState","useEffect","PropTypes","classNames","Search","Close","newId","SearchFieldContext","BUTTON_LOCATION_VARIANTS","SearchFieldAdvanced","props","children","className","screenReaderText","icons","onSubmit","onClear","onChange","onBlur","onFocus","initialValue","value","formAriaLabel","disabled","submitButtonLocation","rest","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","hasFocus","setHasFocus","_useState3","_useState4","setValue","isInitialMount","inputId","concat","inputRef","submitButtonRef","current","handleSubmit","event","preventDefault","focus","handleClear","handleFocus","handleBlur","handleChange","target","createElement","_extends","role","onReset","Provider","refs","input","submitButton","propTypes","node","isRequired","func","string","shape","label","oneOfType","element","clearButton","submit","clear","bool","oneOf","defaultProps","undefined"],"sources":["../../src/SearchField/SearchFieldAdvanced.jsx"],"sourcesContent":["import React, {\n  useRef, createContext, useState, useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Search, Close } from '../../icons';\nimport newId from '../utils/newId';\n\nexport const SearchFieldContext = createContext();\n\nconst BUTTON_LOCATION_VARIANTS = [\n  'internal',\n  'external',\n];\n\nfunction SearchFieldAdvanced(props) {\n  const {\n    children,\n    className,\n    screenReaderText,\n    icons,\n    onSubmit,\n    onClear,\n    onChange,\n    onBlur,\n    onFocus,\n    value: initialValue,\n    formAriaLabel,\n    disabled,\n    submitButtonLocation,\n    ...rest\n  } = props;\n\n  const [hasFocus, setHasFocus] = useState(false);\n  const [value, setValue] = useState(initialValue);\n\n  const isInitialMount = useRef(true);\n  const inputId = useRef(`${newId('pgn-searchfield-input-')}`);\n  const inputRef = useRef();\n  const submitButtonRef = useRef();\n\n  useEffect(() => {\n    setValue(initialValue);\n  }, [initialValue]);\n\n  useEffect(() => {\n    if (isInitialMount.current) {\n      isInitialMount.current = false;\n    } else {\n      onChange(value);\n    }\n  }, [value, onChange]);\n\n  const handleSubmit = (event) => {\n    event.preventDefault();\n    onSubmit(value);\n    if (submitButtonRef && submitButtonRef.current) {\n      submitButtonRef.current.focus();\n    }\n  };\n\n  const handleClear = () => {\n    setValue('');\n    onClear();\n    if (inputRef && inputRef.current) {\n      inputRef.current.focus();\n    }\n  };\n\n  const handleFocus = (event) => {\n    setHasFocus(true);\n    onFocus(event);\n  };\n\n  const handleBlur = (event) => {\n    setHasFocus(false);\n    onBlur(event);\n  };\n\n  const handleChange = (event) => {\n    setValue(event.target.value);\n  };\n\n  return (\n    <div\n      className={classNames(\n        'pgn__searchfield',\n        'd-flex',\n        {\n          'has-focus': hasFocus,\n          disabled,\n          'pgn__searchfield--external': submitButtonLocation === 'external',\n        },\n        className,\n      )}\n      {...rest}\n    >\n      <form\n        role=\"search\"\n        onSubmit={handleSubmit}\n        onReset={handleClear}\n        className=\"pgn__searchfield-form\"\n        aria-label={formAriaLabel}\n      >\n        <SearchFieldContext.Provider\n          value={{\n            inputId,\n            screenReaderText,\n            icons,\n            value,\n            disabled,\n            handleFocus,\n            handleBlur,\n            handleChange,\n            refs: {\n              input: inputRef,\n              submitButton: submitButtonRef,\n            },\n          }}\n        >\n          {children}\n        </SearchFieldContext.Provider>\n      </form>\n    </div>\n  );\n}\n\nSearchFieldAdvanced.propTypes = {\n  /** specifies the nested child elements. At a minimum, `SearchField.Label` and `SearchField.Input` are required. */\n  children: PropTypes.node.isRequired,\n  /** specifies a callback function for when the `SearchField` is submitted by the user. For example:\n  ```jsx\n  <SearchField onSubmit={(value) => { console.log(value); } />\n  ``` */\n  onSubmit: PropTypes.func.isRequired,\n  /** specifies a custom class name. */\n  className: PropTypes.string,\n  /** specifies a callback function for when the user loses focus in the `SearchField` component.\n   * The default is an empty function. For example:\n  ```jsx\n  <SearchField onBlur={event => console.log(event)} />\n  ``` */\n  onBlur: PropTypes.func,\n  /** specifies a callback function for when the value in `SearchField` is changed by the user.\n   * The default is an empty function. For example:\n  ```jsx\n  <SearchField onChange={value => console.log(value)} />\n  ``` */\n  onChange: PropTypes.func,\n  /** specifies a callback function for when the value in `SearchField` is cleared by the user.\n   * The default is an empty function. For example:\n  ```jsx\n  <SearchField onClear={() => console.log('search cleared')} />\n  ``` */\n  onClear: PropTypes.func,\n  /** specifies a callback function for when the user focuses in the `SearchField` component.\n   * The default is an empty function. For example:\n  ```jsx\n  <SearchField onFocus={event => console.log(event)} />\n  ``` */\n  onFocus: PropTypes.func,\n  /** specifies the screenreader text for both the clear and submit buttons (e.g., for i18n translations).\n   * The default is `{ label: 'search', clearButton: 'clear search', searchButton: 'submit search' }`. */\n  screenReaderText: PropTypes.shape({\n    label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n    submitButton: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n    clearButton: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  }),\n  /** specifies the initial value for the input. The default is an empty string. */\n  value: PropTypes.string,\n  /** specifies the icon element(s) to use for the clear and submit buttons. */\n  icons: PropTypes.shape({\n    submit: PropTypes.element.isRequired,\n    clear: PropTypes.element,\n  }),\n  /** specifies the aria-label attribute on the form element. This is useful if you use the `SearchField` component\n   * more than once on a page. */\n  formAriaLabel: PropTypes.string,\n  /** Specifies whether the `SearchField` is disabled. */\n  disabled: PropTypes.bool,\n  /** Controls whether the search button is internal as an icon or external as a button. */\n  submitButtonLocation: PropTypes.oneOf(BUTTON_LOCATION_VARIANTS),\n};\n\nSearchFieldAdvanced.defaultProps = {\n  className: undefined,\n  formAriaLabel: undefined,\n  value: '',\n  screenReaderText: {\n    label: 'search',\n    submitButton: 'submit search',\n    clearButton: 'clear search',\n  },\n  icons: {\n    clear: Close,\n    submit: Search,\n  },\n  onBlur: () => {},\n  onChange: () => {},\n  onFocus: () => {},\n  onClear: () => {},\n  disabled: false,\n  submitButtonLocation: 'internal',\n};\n\nexport default SearchFieldAdvanced;\n"],"mappings":"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"}

package/dist/SearchField/SearchFieldClearButton.js

@@ -1,34 +1,33 @@
 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); }
 import React, { useContext } from 'react';
 import { SearchFieldContext } from './SearchFieldAdvanced';
+import Icon from '../Icon';
+import IconButton from '../IconButton';
 function SearchFieldClearButton(props) {
-  const {
-    screenReaderText,
-    icons,
-    value,
-    disabled,
-    refs
-  } = useContext(SearchFieldContext);
+  var _useContext = useContext(SearchFieldContext),
+    screenReaderText = _useContext.screenReaderText,
+    icons = _useContext.icons,
+    value = _useContext.value,
+    disabled = _useContext.disabled,
+    refs = _useContext.refs;
   if (!value) {
     return null;
   }
-  const handleClick = () => {
+  var handleClick = function handleClick() {
     if (refs.input.current) {
       refs.input.current.focus();
     }
   };
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line react/button-has-type
-    React.createElement("button", _extends({
-      type: "reset",
-      className: "btn",
-      disabled: disabled,
-      onClick: handleClick
-    }, props), icons.clear, /*#__PURE__*/React.createElement("span", {
-      className: "sr-only"
-    }, screenReaderText.clearButton))
-  );
+  return /*#__PURE__*/React.createElement(IconButton, _extends({
+    className: "pgn__searchfield__iconbutton-reset",
+    type: "reset",
+    src: icons.clear,
+    size: "sm",
+    iconAs: Icon,
+    alt: screenReaderText.clearButton,
+    disabled: disabled,
+    onClick: handleClick
+  }, props));
 }
 export default SearchFieldClearButton;
 //# sourceMappingURL=SearchFieldClearButton.js.map

package/dist/SearchField/SearchFieldClearButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchFieldClearButton.js","names":["React","useContext","SearchFieldContext","SearchFieldClearButton","props","screenReaderText","icons","value","disabled","refs","handleClick","input","current","focus","createElement","_extends","type","className","onClick","clear","clearButton"],"sources":["../../src/SearchField/SearchFieldClearButton.jsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { SearchFieldContext } from './SearchFieldAdvanced';\n\nfunction SearchFieldClearButton(props) {\n  const {\n    screenReaderText, icons, value, disabled, refs,\n  } = useContext(SearchFieldContext);\n\n  if (!value) {\n    return null;\n  }\n\n  const handleClick = () => {\n    if (refs.input.current) {\n      refs.input.current.focus();\n    }\n  };\n\n  return (\n    // eslint-disable-next-line react/button-has-type\n    <button type=\"reset\" className=\"btn\" disabled={disabled} onClick={handleClick} {...props}>\n      {icons.clear}\n      <span className=\"sr-only\">{screenReaderText.clearButton}</span>\n    </button>\n  );\n}\n\nexport default SearchFieldClearButton;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,SAASC,sBAAsBA,CAACC,KAAK,EAAE;EACrC,MAAM;IACJC,gBAAgB;IAAEC,KAAK;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAC5C,CAAC,GAAGR,UAAU,CAACC,kBAAkB,CAAC;EAElC,IAAI,CAACK,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,MAAMG,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAID,IAAI,CAACE,KAAK,CAACC,OAAO,EAAE;MACtBH,IAAI,CAACE,KAAK,CAACC,OAAO,CAACC,KAAK,CAAC,CAAC;IAC5B;EACF,CAAC;EAED;IAAA;IACE;IACAb,KAAA,CAAAc,aAAA,WAAAC,QAAA;MAAQC,IAAI,EAAC,OAAO;MAACC,SAAS,EAAC,KAAK;MAACT,QAAQ,EAAEA,QAAS;MAACU,OAAO,EAAER;IAAY,GAAKN,KAAK,GACrFE,KAAK,CAACa,KAAK,eACZnB,KAAA,CAAAc,aAAA;MAAMG,SAAS,EAAC;IAAS,GAAEZ,gBAAgB,CAACe,WAAkB,CACxD;EAAC;AAEb;AAEA,eAAejB,sBAAsB"}
+{"version":3,"file":"SearchFieldClearButton.js","names":["React","useContext","SearchFieldContext","Icon","IconButton","SearchFieldClearButton","props","_useContext","screenReaderText","icons","value","disabled","refs","handleClick","input","current","focus","createElement","_extends","className","type","src","clear","size","iconAs","alt","clearButton","onClick"],"sources":["../../src/SearchField/SearchFieldClearButton.jsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { SearchFieldContext } from './SearchFieldAdvanced';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\n\nfunction SearchFieldClearButton(props) {\n  const {\n    screenReaderText, icons, value, disabled, refs,\n  } = useContext(SearchFieldContext);\n\n  if (!value) {\n    return null;\n  }\n\n  const handleClick = () => {\n    if (refs.input.current) {\n      refs.input.current.focus();\n    }\n  };\n\n  return (\n    <IconButton\n      className=\"pgn__searchfield__iconbutton-reset\"\n      type=\"reset\"\n      src={icons.clear}\n      size=\"sm\"\n      iconAs={Icon}\n      alt={screenReaderText.clearButton}\n      disabled={disabled}\n      onClick={handleClick}\n      {...props}\n    />\n  );\n}\n\nexport default SearchFieldClearButton;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AAEtC,SAASC,sBAAsBA,CAACC,KAAK,EAAE;EACrC,IAAAC,WAAA,GAEIN,UAAU,CAACC,kBAAkB,CAAC;IADhCM,gBAAgB,GAAAD,WAAA,CAAhBC,gBAAgB;IAAEC,KAAK,GAAAF,WAAA,CAALE,KAAK;IAAEC,KAAK,GAAAH,WAAA,CAALG,KAAK;IAAEC,QAAQ,GAAAJ,WAAA,CAARI,QAAQ;IAAEC,IAAI,GAAAL,WAAA,CAAJK,IAAI;EAGhD,IAAI,CAACF,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,IAAMG,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxB,IAAID,IAAI,CAACE,KAAK,CAACC,OAAO,EAAE;MACtBH,IAAI,CAACE,KAAK,CAACC,OAAO,CAACC,KAAK,CAAC,CAAC;IAC5B;EACF,CAAC;EAED,oBACEhB,KAAA,CAAAiB,aAAA,CAACb,UAAU,EAAAc,QAAA;IACTC,SAAS,EAAC,oCAAoC;IAC9CC,IAAI,EAAC,OAAO;IACZC,GAAG,EAAEZ,KAAK,CAACa,KAAM;IACjBC,IAAI,EAAC,IAAI;IACTC,MAAM,EAAErB,IAAK;IACbsB,GAAG,EAAEjB,gBAAgB,CAACkB,WAAY;IAClCf,QAAQ,EAAEA,QAAS;IACnBgB,OAAO,EAAEd;EAAY,GACjBP,KAAK,CACV,CAAC;AAEN;AAEA,eAAeD,sBAAsB"}

package/dist/SearchField/SearchFieldInput.js

@@ -1,19 +1,18 @@
 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); }
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
-import { FormControl } from '../Form';
+import Input from '../Input';
 import { SearchFieldContext } from './SearchFieldAdvanced';
 function SearchFieldInput(props) {
-  const {
-    inputId,
-    value,
-    handleChange,
-    handleFocus,
-    handleBlur,
-    refs,
-    disabled
-  } = useContext(SearchFieldContext);
-  return /*#__PURE__*/React.createElement(FormControl, _extends({}, props, {
+  var _useContext = useContext(SearchFieldContext),
+    inputId = _useContext.inputId,
+    value = _useContext.value,
+    handleChange = _useContext.handleChange,
+    handleFocus = _useContext.handleFocus,
+    handleBlur = _useContext.handleBlur,
+    refs = _useContext.refs,
+    disabled = _useContext.disabled;
+  return /*#__PURE__*/React.createElement(Input, _extends({}, props, {
     ref: refs.input,
     type: "text",
     role: "searchbox",

package/dist/SearchField/SearchFieldInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchFieldInput.js","names":["React","useContext","PropTypes","FormControl","SearchFieldContext","SearchFieldInput","props","inputId","value","handleChange","handleFocus","handleBlur","refs","disabled","createElement","_extends","ref","input","type","role","id","current","name","onFocus","onBlur","onChange","propTypes","className","string","placeholder","defaultProps","undefined"],"sources":["../../src/SearchField/SearchFieldInput.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { FormControl } from '../Form';\nimport { SearchFieldContext } from './SearchFieldAdvanced';\n\nfunction SearchFieldInput(props) {\n  const {\n    inputId, value, handleChange, handleFocus, handleBlur, refs, disabled,\n  } = useContext(SearchFieldContext);\n\n  return (\n    <FormControl\n      {...props}\n      ref={refs.input}\n      type=\"text\"\n      role=\"searchbox\"\n      id={inputId.current}\n      name=\"searchfield-input\"\n      value={value}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      onChange={handleChange}\n      disabled={disabled}\n    />\n  );\n}\n\nSearchFieldInput.propTypes = {\n  /** specifies a custom class name. */\n  className: PropTypes.string,\n  /** specifies the placeholder text for the input. */\n  placeholder: PropTypes.string,\n};\n\nSearchFieldInput.defaultProps = {\n  className: undefined,\n  placeholder: undefined,\n};\n\nexport default SearchFieldInput;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,WAAW,QAAQ,SAAS;AACrC,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,SAASC,gBAAgBA,CAACC,KAAK,EAAE;EAC/B,MAAM;IACJC,OAAO;IAAEC,KAAK;IAAEC,YAAY;IAAEC,WAAW;IAAEC,UAAU;IAAEC,IAAI;IAAEC;EAC/D,CAAC,GAAGZ,UAAU,CAACG,kBAAkB,CAAC;EAElC,oBACEJ,KAAA,CAAAc,aAAA,CAACX,WAAW,EAAAY,QAAA,KACNT,KAAK;IACTU,GAAG,EAAEJ,IAAI,CAACK,KAAM;IAChBC,IAAI,EAAC,MAAM;IACXC,IAAI,EAAC,WAAW;IAChBC,EAAE,EAAEb,OAAO,CAACc,OAAQ;IACpBC,IAAI,EAAC,mBAAmB;IACxBd,KAAK,EAAEA,KAAM;IACbe,OAAO,EAAEb,WAAY;IACrBc,MAAM,EAAEb,UAAW;IACnBc,QAAQ,EAAEhB,YAAa;IACvBI,QAAQ,EAAEA;EAAS,EACpB,CAAC;AAEN;AAEAR,gBAAgB,CAACqB,SAAS,GAAG;EAC3B;EACAC,SAAS,EAAEzB,SAAS,CAAC0B,MAAM;EAC3B;EACAC,WAAW,EAAE3B,SAAS,CAAC0B;AACzB,CAAC;AAEDvB,gBAAgB,CAACyB,YAAY,GAAG;EAC9BH,SAAS,EAAEI,SAAS;EACpBF,WAAW,EAAEE;AACf,CAAC;AAED,eAAe1B,gBAAgB"}
+{"version":3,"file":"SearchFieldInput.js","names":["React","useContext","PropTypes","Input","SearchFieldContext","SearchFieldInput","props","_useContext","inputId","value","handleChange","handleFocus","handleBlur","refs","disabled","createElement","_extends","ref","input","type","role","id","current","name","onFocus","onBlur","onChange","propTypes","className","string","placeholder","defaultProps","undefined"],"sources":["../../src/SearchField/SearchFieldInput.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Input from '../Input';\nimport { SearchFieldContext } from './SearchFieldAdvanced';\n\nfunction SearchFieldInput(props) {\n  const {\n    inputId, value, handleChange, handleFocus, handleBlur, refs, disabled,\n  } = useContext(SearchFieldContext);\n\n  return (\n    <Input\n      {...props}\n      ref={refs.input}\n      type=\"text\"\n      role=\"searchbox\"\n      id={inputId.current}\n      name=\"searchfield-input\"\n      value={value}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      onChange={handleChange}\n      disabled={disabled}\n    />\n  );\n}\n\nSearchFieldInput.propTypes = {\n  /** specifies a custom class name. */\n  className: PropTypes.string,\n  /** specifies the placeholder text for the input. */\n  placeholder: PropTypes.string,\n};\n\nSearchFieldInput.defaultProps = {\n  className: undefined,\n  placeholder: undefined,\n};\n\nexport default SearchFieldInput;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,KAAK,MAAM,UAAU;AAC5B,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,SAASC,gBAAgBA,CAACC,KAAK,EAAE;EAC/B,IAAAC,WAAA,GAEIN,UAAU,CAACG,kBAAkB,CAAC;IADhCI,OAAO,GAAAD,WAAA,CAAPC,OAAO;IAAEC,KAAK,GAAAF,WAAA,CAALE,KAAK;IAAEC,YAAY,GAAAH,WAAA,CAAZG,YAAY;IAAEC,WAAW,GAAAJ,WAAA,CAAXI,WAAW;IAAEC,UAAU,GAAAL,WAAA,CAAVK,UAAU;IAAEC,IAAI,GAAAN,WAAA,CAAJM,IAAI;IAAEC,QAAQ,GAAAP,WAAA,CAARO,QAAQ;EAGvE,oBACEd,KAAA,CAAAe,aAAA,CAACZ,KAAK,EAAAa,QAAA,KACAV,KAAK;IACTW,GAAG,EAAEJ,IAAI,CAACK,KAAM;IAChBC,IAAI,EAAC,MAAM;IACXC,IAAI,EAAC,WAAW;IAChBC,EAAE,EAAEb,OAAO,CAACc,OAAQ;IACpBC,IAAI,EAAC,mBAAmB;IACxBd,KAAK,EAAEA,KAAM;IACbe,OAAO,EAAEb,WAAY;IACrBc,MAAM,EAAEb,UAAW;IACnBc,QAAQ,EAAEhB,YAAa;IACvBI,QAAQ,EAAEA;EAAS,EACpB,CAAC;AAEN;AAEAT,gBAAgB,CAACsB,SAAS,GAAG;EAC3B;EACAC,SAAS,EAAE1B,SAAS,CAAC2B,MAAM;EAC3B;EACAC,WAAW,EAAE5B,SAAS,CAAC2B;AACzB,CAAC;AAEDxB,gBAAgB,CAAC0B,YAAY,GAAG;EAC9BH,SAAS,EAAEI,SAAS;EACpBF,WAAW,EAAEE;AACf,CAAC;AAED,eAAe3B,gBAAgB"}

package/dist/SearchField/SearchFieldLabel.js

@@ -1,21 +1,17 @@
-const _excluded = ["children"];
+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 _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, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { SearchFieldContext } from './SearchFieldAdvanced';
 function SearchFieldLabel(_ref) {
-  let {
-      children
-    } = _ref,
+  var children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
-  const {
-    screenReaderText,
-    inputId
-  } = useContext(SearchFieldContext);
+  var _useContext = useContext(SearchFieldContext),
+    screenReaderText = _useContext.screenReaderText,
+    inputId = _useContext.inputId;
   return /*#__PURE__*/React.createElement("label", _extends({
     htmlFor: inputId.current,
     className: classNames('m-0', {
@@ -27,8 +23,9 @@ function SearchFieldLabel(_ref) {
 }
 SearchFieldLabel.propTypes = {
   /**
-   * specifies the label to use for the input field (e.g., for i18n translations). Note: if `children` is not provided,
-   * a screenreader-only label will be used in its placed based on the `screenReaderText.label` prop for `SearchField.Advanced`.
+   * specifies the label to use for the input field (e.g., for i18n translations).
+   * Note: if `children` is not provided, a screenreader-only label will be used in
+   * its placed based on the `screenReaderText.label` prop for `SearchField.Advanced`.
    */
   children: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
 };

package/dist/SearchField/SearchFieldLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchFieldLabel.js","names":["React","useContext","PropTypes","classNames","SearchFieldContext","SearchFieldLabel","_ref","children","props","_objectWithoutProperties","_excluded","screenReaderText","inputId","createElement","_extends","htmlFor","current","className","label","propTypes","oneOfType","string","element","defaultProps","undefined"],"sources":["../../src/SearchField/SearchFieldLabel.jsx"],"sourcesContent":["/* eslint-disable max-len */\nimport React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { SearchFieldContext } from './SearchFieldAdvanced';\n\nfunction SearchFieldLabel({ children, ...props }) {\n  const { screenReaderText, inputId } = useContext(SearchFieldContext);\n\n  return (\n    <label\n      htmlFor={inputId.current}\n      className={classNames('m-0', { 'has-label-text': !!children })}\n      {...props}\n    >\n      {children || <span className=\"sr-only\">{screenReaderText.label}</span>}\n    </label>\n  );\n}\n\nSearchFieldLabel.propTypes = {\n  /**\n   * specifies the label to use for the input field (e.g., for i18n translations). Note: if `children` is not provided,\n   * a screenreader-only label will be used in its placed based on the `screenReaderText.label` prop for `SearchField.Advanced`.\n   */\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nSearchFieldLabel.defaultProps = {\n  children: undefined,\n};\n\nexport default SearchFieldLabel;\n"],"mappings":";;;;AAAA;AACA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,SAASC,gBAAgBA,CAAAC,IAAA,EAAyB;EAAA,IAAxB;MAAEC;IAAmB,CAAC,GAAAD,IAAA;IAAPE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAC5C,MAAM;IAAEC,gBAAgB;IAAEC;EAAQ,CAAC,GAAGX,UAAU,CAACG,kBAAkB,CAAC;EAEpE,oBACEJ,KAAA,CAAAa,aAAA,UAAAC,QAAA;IACEC,OAAO,EAAEH,OAAO,CAACI,OAAQ;IACzBC,SAAS,EAAEd,UAAU,CAAC,KAAK,EAAE;MAAE,gBAAgB,EAAE,CAAC,CAACI;IAAS,CAAC;EAAE,GAC3DC,KAAK,GAERD,QAAQ,iBAAIP,KAAA,CAAAa,aAAA;IAAMI,SAAS,EAAC;EAAS,GAAEN,gBAAgB,CAACO,KAAY,CAChE,CAAC;AAEZ;AAEAb,gBAAgB,CAACc,SAAS,GAAG;EAC3B;AACF;AACA;AACA;EACEZ,QAAQ,EAAEL,SAAS,CAACkB,SAAS,CAAC,CAAClB,SAAS,CAACmB,MAAM,EAAEnB,SAAS,CAACoB,OAAO,CAAC;AACrE,CAAC;AAEDjB,gBAAgB,CAACkB,YAAY,GAAG;EAC9BhB,QAAQ,EAAEiB;AACZ,CAAC;AAED,eAAenB,gBAAgB"}
+{"version":3,"file":"SearchFieldLabel.js","names":["React","useContext","PropTypes","classNames","SearchFieldContext","SearchFieldLabel","_ref","children","props","_objectWithoutProperties","_excluded","_useContext","screenReaderText","inputId","createElement","_extends","htmlFor","current","className","label","propTypes","oneOfType","string","element","defaultProps","undefined"],"sources":["../../src/SearchField/SearchFieldLabel.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { SearchFieldContext } from './SearchFieldAdvanced';\n\nfunction SearchFieldLabel({ children, ...props }) {\n  const { screenReaderText, inputId } = useContext(SearchFieldContext);\n\n  return (\n    <label\n      htmlFor={inputId.current}\n      className={classNames('m-0', { 'has-label-text': !!children })}\n      {...props}\n    >\n      {children || <span className=\"sr-only\">{screenReaderText.label}</span>}\n    </label>\n  );\n}\n\nSearchFieldLabel.propTypes = {\n  /**\n   * specifies the label to use for the input field (e.g., for i18n translations).\n   * Note: if `children` is not provided, a screenreader-only label will be used in\n   * its placed based on the `screenReaderText.label` prop for `SearchField.Advanced`.\n   */\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nSearchFieldLabel.defaultProps = {\n  children: undefined,\n};\n\nexport default SearchFieldLabel;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,SAASC,gBAAgBA,CAAAC,IAAA,EAAyB;EAAA,IAAtBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAC5C,IAAAC,WAAA,GAAsCV,UAAU,CAACG,kBAAkB,CAAC;IAA5DQ,gBAAgB,GAAAD,WAAA,CAAhBC,gBAAgB;IAAEC,OAAO,GAAAF,WAAA,CAAPE,OAAO;EAEjC,oBACEb,KAAA,CAAAc,aAAA,UAAAC,QAAA;IACEC,OAAO,EAAEH,OAAO,CAACI,OAAQ;IACzBC,SAAS,EAAEf,UAAU,CAAC,KAAK,EAAE;MAAE,gBAAgB,EAAE,CAAC,CAACI;IAAS,CAAC;EAAE,GAC3DC,KAAK,GAERD,QAAQ,iBAAIP,KAAA,CAAAc,aAAA;IAAMI,SAAS,EAAC;EAAS,GAAEN,gBAAgB,CAACO,KAAY,CAChE,CAAC;AAEZ;AAEAd,gBAAgB,CAACe,SAAS,GAAG;EAC3B;AACF;AACA;AACA;AACA;EACEb,QAAQ,EAAEL,SAAS,CAACmB,SAAS,CAAC,CAACnB,SAAS,CAACoB,MAAM,EAAEpB,SAAS,CAACqB,OAAO,CAAC;AACrE,CAAC;AAEDlB,gBAAgB,CAACmB,YAAY,GAAG;EAC9BjB,QAAQ,EAAEkB;AACZ,CAAC;AAED,eAAepB,gBAAgB"}