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

package/dist/Popover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","BasePopover","BasePopoverTitle","BasePopoverContent","PLACEMENT_VARIANTS","Popover","forwardRef","_ref","ref","children","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","className","_defineProperty","concat","PopoverTitle","PopoverContent","commonPropTypes","as","elementType","bsPrefix","string","propTypes","_objectSpread","id","isRequired","placement","oneOf","title","arrowProps","shape","oneOfType","func","current","element","style","content","bool","popper","show","node","defaultProps","undefined","Title","Content"],"sources":["../../src/Popover/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport BasePopover from 'react-bootstrap/Popover';\nimport BasePopoverTitle from 'react-bootstrap/PopoverTitle';\nimport BasePopoverContent from 'react-bootstrap/PopoverContent';\n\nconst PLACEMENT_VARIANTS = [\n  'auto',\n  'top',\n  'bottom',\n  'left',\n  'right',\n];\n\nconst Popover = React.forwardRef(({\n  children,\n  variant,\n  ...props\n}, ref) => (\n  <BasePopover\n    {...props}\n    className={classNames({ [`popover-${variant}`]: !!variant }, props.className)}\n    ref={ref}\n  >\n    {children}\n  </BasePopover>\n));\n\nfunction PopoverTitle(props) {\n  return <BasePopoverTitle {...props} />;\n}\nfunction PopoverContent(props) {\n  return <BasePopoverContent {...props} />;\n}\n\nconst commonPropTypes = {\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n};\n\nPopoverTitle.propTypes = commonPropTypes;\nPopoverContent.propTypes = commonPropTypes;\n\nPopover.propTypes = {\n  ...BasePopover.propTypes,\n  /** An html id attribute, necessary for accessibility. */\n  id: PropTypes.string.isRequired,\n  /**\n   * Sets the direction the Popover is positioned towards.\n   *\n   * This is generally provided by the `Overlay` component positioning the popover.\n   */\n  placement: PropTypes.oneOf(PLACEMENT_VARIANTS),\n  /**\n   * When this prop is set, it creates a `Popover` with\n   * a `Popover.Title` inside passing the children directly to it.\n   */\n  title: PropTypes.string,\n  /**\n   * An `Overlay` injected set of props for positioning the popover arrow.\n   *\n   * This is generally provided by the `Overlay` component positioning the popover.\n   */\n  arrowProps: PropTypes.shape({\n    ref: PropTypes.oneOfType([\n      PropTypes.func,\n      PropTypes.shape({ current: PropTypes.element }),\n    ]),\n    style: PropTypes.shape({}),\n  }),\n  /**\n   * When this prop is set, it creates a `Popover` with\n   * a `Popover.Content` inside passing the children directly to it.\n   */\n  content: PropTypes.bool,\n  /** A `Popper.js` config object passed to the the underlying popper instance. */\n  popper: PropTypes.shape({}),\n  /** Whether the `Overlay` is shown. */\n  show: PropTypes.bool,\n  /** Specifies the content of the `Overlay` */\n  children: PropTypes.node,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /** The visual style of the `Overlay` */\n  variant: PropTypes.string,\n};\n\nPopover.defaultProps = {\n  ...BasePopover.defaultProps,\n  placement: 'right',\n  title: undefined,\n  arrowProps: undefined,\n  content: undefined,\n  popper: undefined,\n  show: undefined,\n  children: undefined,\n  className: undefined,\n  variant: undefined,\n};\n\nPopoverTitle.defaultProps = {\n  as: 'div',\n  bsPrefix: 'popover-header',\n};\n\nPopoverContent.defaultProps = {\n  as: 'div',\n  bsPrefix: 'popover-body',\n};\n\nPopover.Title = PopoverTitle;\nPopover.Content = PopoverContent;\n\nexport { PopoverTitle, PopoverContent };\nexport default Popover;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","BasePopover","BasePopoverTitle","BasePopoverContent","PLACEMENT_VARIANTS","Popover","forwardRef","_ref","ref","children","variant","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","_defineProperty","concat","PopoverTitle","PopoverContent","commonPropTypes","as","elementType","bsPrefix","string","propTypes","id","isRequired","placement","oneOf","title","arrowProps","shape","oneOfType","func","current","element","style","content","bool","popper","show","node","defaultProps","undefined","Title","Content"],"sources":["../../src/Popover/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport BasePopover from 'react-bootstrap/Popover';\nimport BasePopoverTitle from 'react-bootstrap/PopoverTitle';\nimport BasePopoverContent from 'react-bootstrap/PopoverContent';\n\nconst PLACEMENT_VARIANTS = [\n  'auto',\n  'top',\n  'bottom',\n  'left',\n  'right',\n];\n\nconst Popover = React.forwardRef(({\n  children,\n  variant,\n  ...props\n}, ref) => (\n  <BasePopover\n    {...props}\n    className={classNames({ [`popover-${variant}`]: !!variant }, props.className)}\n    ref={ref}\n  >\n    {children}\n  </BasePopover>\n));\n\nfunction PopoverTitle(props) {\n  return <BasePopoverTitle {...props} />;\n}\nfunction PopoverContent(props) {\n  return <BasePopoverContent {...props} />;\n}\n\nconst commonPropTypes = {\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n};\n\nPopoverTitle.propTypes = commonPropTypes;\nPopoverContent.propTypes = commonPropTypes;\n\nPopover.propTypes = {\n  ...BasePopover.propTypes,\n  /** An html id attribute, necessary for accessibility. */\n  id: PropTypes.string.isRequired,\n  /**\n   * Sets the direction the Popover is positioned towards.\n   *\n   * This is generally provided by the `Overlay` component positioning the popover.\n   */\n  placement: PropTypes.oneOf(PLACEMENT_VARIANTS),\n  /**\n   * When this prop is set, it creates a `Popover` with\n   * a `Popover.Title` inside passing the children directly to it.\n   */\n  title: PropTypes.string,\n  /**\n   * An `Overlay` injected set of props for positioning the popover arrow.\n   *\n   * This is generally provided by the `Overlay` component positioning the popover.\n   */\n  arrowProps: PropTypes.shape({\n    ref: PropTypes.oneOfType([\n      PropTypes.func,\n      PropTypes.shape({ current: PropTypes.element }),\n    ]),\n    style: PropTypes.shape({}),\n  }),\n  /**\n   * When this prop is set, it creates a `Popover` with\n   * a `Popover.Content` inside passing the children directly to it.\n   */\n  content: PropTypes.bool,\n  /** A `Popper.js` config object passed to the the underlying popper instance. */\n  popper: PropTypes.shape({}),\n  /** Whether the `Overlay` is shown. */\n  show: PropTypes.bool,\n  /** Specifies the content of the `Overlay` */\n  children: PropTypes.node,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /** The visual style of the `Overlay` */\n  variant: PropTypes.string,\n};\n\nPopover.defaultProps = {\n  ...BasePopover.defaultProps,\n  placement: 'right',\n  title: undefined,\n  arrowProps: undefined,\n  content: undefined,\n  popper: undefined,\n  show: undefined,\n  children: undefined,\n  className: undefined,\n  variant: undefined,\n};\n\nPopoverTitle.defaultProps = {\n  as: 'div',\n  bsPrefix: 'popover-header',\n};\n\nPopoverContent.defaultProps = {\n  as: 'div',\n  bsPrefix: 'popover-body',\n};\n\nPopover.Title = PopoverTitle;\nPopover.Content = PopoverContent;\n\nexport { PopoverTitle, PopoverContent };\nexport default Popover;\n"],"mappings":"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","ignoreList":[]}

package/dist/ProductTour/Checkpoint.js

@@ -1,5 +1,10 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["body", "index", "placement", "target", "title", "totalCheckpoints"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -103,7 +108,7 @@ var Checkpoint = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
   }, /*#__PURE__*/React.createElement("span", {
     className: "sr-only"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.topPositionText, {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, _objectSpread(_objectSpread({}, messages.topPositionText), {}, {
     values: {
       step: index + 1
     }
@@ -112,7 +117,7 @@ var Checkpoint = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React.createElement(CheckpointTitle, null, title), /*#__PURE__*/React.createElement(CheckpointBreadcrumbs, {
     currentIndex: index,
     totalCheckpoints: totalCheckpoints
-  })), /*#__PURE__*/React.createElement(CheckpointBody, null, body), /*#__PURE__*/React.createElement(CheckpointActionRow, _extends({
+  })), /*#__PURE__*/React.createElement(CheckpointBody, null, body), /*#__PURE__*/React.createElement(CheckpointActionRow, _objectSpread({
     isLastCheckpoint: isLastCheckpoint,
     index: index
   }, props)), /*#__PURE__*/React.createElement("div", {
@@ -120,7 +125,7 @@ var Checkpoint = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     "data-popper-arrow": true
   }), /*#__PURE__*/React.createElement("span", {
     className: "sr-only"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.bottomPositionText, {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, _objectSpread(_objectSpread({}, messages.bottomPositionText), {}, {
     values: {
       step: index + 1
     }

package/dist/ProductTour/Checkpoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkpoint.js","names":["React","useEffect","useState","useMediaQuery","PropTypes","createPopper","FormattedMessage","breakpoints","CheckpointActionRow","CheckpointBody","CheckpointBreadcrumbs","CheckpointTitle","messages","Checkpoint","forwardRef","_ref","ref","body","index","placement","target","title","totalCheckpoints","props","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","checkpointVisible","setCheckpointVisible","isMobile","maxWidth","small","targetElement","document","querySelector","checkpoint","checkpointPopper","strategy","modifiers","name","options","padding","offset","tetherOffset","forceUpdate","targetOffset","getBoundingClientRect","top","bottom","global","innerHeight","includes","scrollTo","behavior","button","focus","isLastCheckpoint","isOnlyCheckpoint","createElement","id","className","role","style","visibility","pointerEvents","_extends","topPositionText","values","step","currentIndex","bottomPositionText","defaultProps","advanceButtonText","dismissButtonText","endButtonText","showDismissButton","undefined","propTypes","node","number","isRequired","onAdvance","func","onDismiss","onEnd","oneOf","string","bool"],"sources":["../../src/ProductTour/Checkpoint.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useMediaQuery } from 'react-responsive';\nimport PropTypes from 'prop-types';\nimport { createPopper } from '@popperjs/core';\nimport { FormattedMessage } from 'react-intl';\n\nimport breakpoints from '../utils/breakpoints';\n\nimport CheckpointActionRow from './CheckpointActionRow';\nimport CheckpointBody from './CheckpointBody';\nimport CheckpointBreadcrumbs from './CheckpointBreadcrumbs';\nimport CheckpointTitle from './CheckpointTitle';\nimport messages from './messages';\n\nconst Checkpoint = React.forwardRef(({\n  body,\n  index,\n  placement,\n  target,\n  title,\n  totalCheckpoints,\n  ...props\n}, ref) => {\n  const [checkpointVisible, setCheckpointVisible] = useState(false);\n  const isMobile = useMediaQuery({ maxWidth: breakpoints.small.maxWidth });\n\n  useEffect(() => {\n    const targetElement = document.querySelector(target);\n    const checkpoint = document.querySelector('#pgn__checkpoint');\n    if (targetElement && checkpoint) {\n      // Use the Popper library to translate the Checkpoint to its target's coordinates\n      const checkpointPopper = createPopper(targetElement, checkpoint, {\n        placement: isMobile ? 'top' : placement,\n        strategy: 'fixed',\n        modifiers: [\n          {\n            name: 'arrow',\n            options: {\n              padding: 25,\n            },\n          },\n          {\n            name: 'offset',\n            options: {\n              offset: [0, 20],\n            },\n          },\n          {\n            name: 'preventOverflow',\n            options: {\n              padding: 20,\n              tetherOffset: 35,\n            },\n          },\n        ],\n      });\n      setCheckpointVisible(true);\n      if (checkpointPopper) {\n        checkpointPopper.forceUpdate();\n      }\n    }\n  }, [target, isMobile, placement]);\n\n  useEffect(() => {\n    if (checkpointVisible) {\n      // Scroll the Checkpoint into view once its rendered\n      const targetElement = document.querySelector(target);\n      let targetOffset = targetElement.getBoundingClientRect().top;\n      if ((targetOffset < 0) || (targetElement.getBoundingClientRect().bottom > global.innerHeight)) {\n        if (placement.includes('top')) {\n          if (targetOffset < 0) {\n            targetOffset *= -1;\n          }\n          targetOffset -= 280;\n        } else {\n          targetOffset -= 80;\n        }\n\n        global.scrollTo({\n          top: targetOffset, behavior: 'smooth',\n        });\n      }\n\n      const button = document.querySelector('.pgn__checkpoint-button_advance');\n      button.focus();\n    }\n  }, [target, checkpointVisible, placement]);\n\n  const isLastCheckpoint = index + 1 === totalCheckpoints;\n  const isOnlyCheckpoint = totalCheckpoints === 1;\n\n  return (\n    <div\n      id=\"pgn__checkpoint\"\n      className=\"pgn__checkpoint\"\n      aria-labelledby=\"pgn__checkpoint-title\"\n      ref={ref}\n      role=\"dialog\"\n      style={{ visibility: checkpointVisible ? 'visible' : 'hidden', pointerEvents: checkpointVisible ? 'auto' : 'none' }}\n    >\n      <span className=\"sr-only\">\n        <FormattedMessage\n          {...messages.topPositionText}\n          values={{ step: index + 1 }}\n        />\n      </span>\n      {(title || !isOnlyCheckpoint) && (\n        <div className=\"pgn__checkpoint-header\">\n          <CheckpointTitle>{title}</CheckpointTitle>\n          <CheckpointBreadcrumbs currentIndex={index} totalCheckpoints={totalCheckpoints} />\n        </div>\n      )}\n      <CheckpointBody>{body}</CheckpointBody>\n      <CheckpointActionRow\n        isLastCheckpoint={isLastCheckpoint}\n        index={index}\n        {...props}\n      />\n      <div id=\"pgn__checkpoint-arrow\" data-popper-arrow />\n      <span className=\"sr-only\">\n        <FormattedMessage\n          {...messages.bottomPositionText}\n          values={{ step: index + 1 }}\n        />\n      </span>\n    </div>\n  );\n});\n\nCheckpoint.defaultProps = {\n  advanceButtonText: null,\n  body: null,\n  dismissButtonText: null,\n  endButtonText: null,\n  placement: 'top',\n  title: null,\n  showDismissButton: undefined,\n};\n\nCheckpoint.propTypes = {\n  /** The text displayed on the button used to advance the tour for the given Checkpoint. */\n  advanceButtonText: PropTypes.node,\n  /** The text displayed in the body of the Checkpoint */\n  body: PropTypes.node,\n  /** The text displayed on the button used to dismiss the tour for the given Checkpoint. */\n  dismissButtonText: PropTypes.node,\n  /** The text displayed on the button used to end the tour for the given Checkpoint. */\n  endButtonText: PropTypes.node,\n  /** The current index of the given Checkpoint */\n  index: PropTypes.number.isRequired,\n  /** A function that runs when triggering the `onClick` event of the advance\n   * button for the given Checkpoint. */\n  onAdvance: PropTypes.func.isRequired,\n  /** A function that runs when triggering the `onClick` event of the dismiss\n   * button for the given Checkpoint. */\n  onDismiss: PropTypes.func.isRequired,\n  /** A function that runs when triggering the `onClick` event of the advance\n   * button if the given Checkpoint is the only or last Checkpoint in a tour. */\n  onEnd: PropTypes.func.isRequired,\n  /** A string that dictates the alignment of the Checkpoint around its target. */\n  placement: PropTypes.oneOf([\n    'top', 'top-start', 'top-end', 'right-start', 'right', 'right-end',\n    'left-start', 'left', 'left-end', 'bottom', 'bottom-start', 'bottom-end',\n  ]),\n  /** The CSS selector for the Checkpoint's desired target. */\n  target: PropTypes.string.isRequired,\n  /** The text displayed in the title of the Checkpoint */\n  title: PropTypes.node,\n  /** The total number of Checkpoints in a tour */\n  totalCheckpoints: PropTypes.number.isRequired,\n  /** Enforces visibility of the dismiss button under all circumstances */\n  showDismissButton: PropTypes.bool,\n};\n\nexport default Checkpoint;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Checkpoint.js","names":["React","useEffect","useState","useMediaQuery","PropTypes","createPopper","FormattedMessage","breakpoints","CheckpointActionRow","CheckpointBody","CheckpointBreadcrumbs","CheckpointTitle","messages","Checkpoint","forwardRef","_ref","ref","body","index","placement","target","title","totalCheckpoints","props","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","checkpointVisible","setCheckpointVisible","isMobile","maxWidth","small","targetElement","document","querySelector","checkpoint","checkpointPopper","strategy","modifiers","name","options","padding","offset","tetherOffset","forceUpdate","targetOffset","getBoundingClientRect","top","bottom","global","innerHeight","includes","scrollTo","behavior","button","focus","isLastCheckpoint","isOnlyCheckpoint","createElement","id","className","role","style","visibility","pointerEvents","_objectSpread","topPositionText","values","step","currentIndex","bottomPositionText","defaultProps","advanceButtonText","dismissButtonText","endButtonText","showDismissButton","undefined","propTypes","node","number","isRequired","onAdvance","func","onDismiss","onEnd","oneOf","string","bool"],"sources":["../../src/ProductTour/Checkpoint.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useMediaQuery } from 'react-responsive';\nimport PropTypes from 'prop-types';\nimport { createPopper } from '@popperjs/core';\nimport { FormattedMessage } from 'react-intl';\n\nimport breakpoints from '../utils/breakpoints';\n\nimport CheckpointActionRow from './CheckpointActionRow';\nimport CheckpointBody from './CheckpointBody';\nimport CheckpointBreadcrumbs from './CheckpointBreadcrumbs';\nimport CheckpointTitle from './CheckpointTitle';\nimport messages from './messages';\n\nconst Checkpoint = React.forwardRef(({\n  body,\n  index,\n  placement,\n  target,\n  title,\n  totalCheckpoints,\n  ...props\n}, ref) => {\n  const [checkpointVisible, setCheckpointVisible] = useState(false);\n  const isMobile = useMediaQuery({ maxWidth: breakpoints.small.maxWidth });\n\n  useEffect(() => {\n    const targetElement = document.querySelector(target);\n    const checkpoint = document.querySelector('#pgn__checkpoint');\n    if (targetElement && checkpoint) {\n      // Use the Popper library to translate the Checkpoint to its target's coordinates\n      const checkpointPopper = createPopper(targetElement, checkpoint, {\n        placement: isMobile ? 'top' : placement,\n        strategy: 'fixed',\n        modifiers: [\n          {\n            name: 'arrow',\n            options: {\n              padding: 25,\n            },\n          },\n          {\n            name: 'offset',\n            options: {\n              offset: [0, 20],\n            },\n          },\n          {\n            name: 'preventOverflow',\n            options: {\n              padding: 20,\n              tetherOffset: 35,\n            },\n          },\n        ],\n      });\n      setCheckpointVisible(true);\n      if (checkpointPopper) {\n        checkpointPopper.forceUpdate();\n      }\n    }\n  }, [target, isMobile, placement]);\n\n  useEffect(() => {\n    if (checkpointVisible) {\n      // Scroll the Checkpoint into view once its rendered\n      const targetElement = document.querySelector(target);\n      let targetOffset = targetElement.getBoundingClientRect().top;\n      if ((targetOffset < 0) || (targetElement.getBoundingClientRect().bottom > global.innerHeight)) {\n        if (placement.includes('top')) {\n          if (targetOffset < 0) {\n            targetOffset *= -1;\n          }\n          targetOffset -= 280;\n        } else {\n          targetOffset -= 80;\n        }\n\n        global.scrollTo({\n          top: targetOffset, behavior: 'smooth',\n        });\n      }\n\n      const button = document.querySelector('.pgn__checkpoint-button_advance');\n      button.focus();\n    }\n  }, [target, checkpointVisible, placement]);\n\n  const isLastCheckpoint = index + 1 === totalCheckpoints;\n  const isOnlyCheckpoint = totalCheckpoints === 1;\n\n  return (\n    <div\n      id=\"pgn__checkpoint\"\n      className=\"pgn__checkpoint\"\n      aria-labelledby=\"pgn__checkpoint-title\"\n      ref={ref}\n      role=\"dialog\"\n      style={{ visibility: checkpointVisible ? 'visible' : 'hidden', pointerEvents: checkpointVisible ? 'auto' : 'none' }}\n    >\n      <span className=\"sr-only\">\n        <FormattedMessage\n          {...messages.topPositionText}\n          values={{ step: index + 1 }}\n        />\n      </span>\n      {(title || !isOnlyCheckpoint) && (\n        <div className=\"pgn__checkpoint-header\">\n          <CheckpointTitle>{title}</CheckpointTitle>\n          <CheckpointBreadcrumbs currentIndex={index} totalCheckpoints={totalCheckpoints} />\n        </div>\n      )}\n      <CheckpointBody>{body}</CheckpointBody>\n      <CheckpointActionRow\n        isLastCheckpoint={isLastCheckpoint}\n        index={index}\n        {...props}\n      />\n      <div id=\"pgn__checkpoint-arrow\" data-popper-arrow />\n      <span className=\"sr-only\">\n        <FormattedMessage\n          {...messages.bottomPositionText}\n          values={{ step: index + 1 }}\n        />\n      </span>\n    </div>\n  );\n});\n\nCheckpoint.defaultProps = {\n  advanceButtonText: null,\n  body: null,\n  dismissButtonText: null,\n  endButtonText: null,\n  placement: 'top',\n  title: null,\n  showDismissButton: undefined,\n};\n\nCheckpoint.propTypes = {\n  /** The text displayed on the button used to advance the tour for the given Checkpoint. */\n  advanceButtonText: PropTypes.node,\n  /** The text displayed in the body of the Checkpoint */\n  body: PropTypes.node,\n  /** The text displayed on the button used to dismiss the tour for the given Checkpoint. */\n  dismissButtonText: PropTypes.node,\n  /** The text displayed on the button used to end the tour for the given Checkpoint. */\n  endButtonText: PropTypes.node,\n  /** The current index of the given Checkpoint */\n  index: PropTypes.number.isRequired,\n  /** A function that runs when triggering the `onClick` event of the advance\n   * button for the given Checkpoint. */\n  onAdvance: PropTypes.func.isRequired,\n  /** A function that runs when triggering the `onClick` event of the dismiss\n   * button for the given Checkpoint. */\n  onDismiss: PropTypes.func.isRequired,\n  /** A function that runs when triggering the `onClick` event of the advance\n   * button if the given Checkpoint is the only or last Checkpoint in a tour. */\n  onEnd: PropTypes.func.isRequired,\n  /** A string that dictates the alignment of the Checkpoint around its target. */\n  placement: PropTypes.oneOf([\n    'top', 'top-start', 'top-end', 'right-start', 'right', 'right-end',\n    'left-start', 'left', 'left-end', 'bottom', 'bottom-start', 'bottom-end',\n  ]),\n  /** The CSS selector for the Checkpoint's desired target. */\n  target: PropTypes.string.isRequired,\n  /** The text displayed in the title of the Checkpoint */\n  title: PropTypes.node,\n  /** The total number of Checkpoints in a tour */\n  totalCheckpoints: PropTypes.number.isRequired,\n  /** Enforces visibility of the dismiss button under all circumstances */\n  showDismissButton: PropTypes.bool,\n};\n\nexport default Checkpoint;\n"],"mappings":"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","ignoreList":[]}

package/dist/ProgressBar/index.js

@@ -1,7 +1,12 @@
 var _excluded = ["now", "label", "variant", "threshold", "thresholdLabel", "thresholdVariant", "progressHint", "thresholdHint"];
-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 _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React, { useCallback, useEffect } from 'react';
 import ProgressBarBase from 'react-bootstrap/ProgressBar';
 import PropTypes from 'prop-types';
@@ -14,7 +19,7 @@ var PROGRESS_DEFAULT_VARIANT = 'warning';
 var THRESHOLD_DEFAULT_VARIANT = 'dark';
 var VARIANTS = ['dark', 'warning', 'success', 'error'];
 function ProgressBar(props) {
-  return /*#__PURE__*/React.createElement(ProgressBarBase, props);
+  return /*#__PURE__*/React.createElement(ProgressBarBase, _objectSpread({}, props));
 }
 function ProgressBarAnnotated(_ref) {
   var now = _ref.now,
@@ -63,7 +68,7 @@ function ProgressBarAnnotated(_ref) {
     ref: progressInfoRef
   }, !isProgressHintAfter && getHint(progressHint), /*#__PURE__*/React.createElement(Annotation, {
     variant: progressColor
-  }, label), isProgressHintAfter && getHint(progressHint)), /*#__PURE__*/React.createElement(ProgressBarBase, null, /*#__PURE__*/React.createElement(ProgressBarBase, _extends({}, props, {
+  }, label), isProgressHintAfter && getHint(progressHint)), /*#__PURE__*/React.createElement(ProgressBarBase, null, /*#__PURE__*/React.createElement(ProgressBarBase, _objectSpread(_objectSpread({}, props), {}, {
     now: now,
     className: classNames("pgn__progress-bar--".concat(progressColor), thresholdPercent > 0 ? 'pgn__progress-tick--white' : 'pgn__progress-tick--black'),
     srOnly: true

package/dist/ProgressBar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useEffect","ProgressBarBase","PropTypes","classNames","Annotation","getOffsetStyles","placeInfoAtZero","ANNOTATION_CLASS","HINT_SWAP_PERCENT","PROGRESS_DEFAULT_VARIANT","THRESHOLD_DEFAULT_VARIANT","VARIANTS","ProgressBar","props","createElement","ProgressBarAnnotated","_ref","now","label","variant","threshold","thresholdLabel","thresholdVariant","progressHint","thresholdHint","_objectWithoutProperties","_excluded","progressInfoRef","useRef","thresholdInfoRef","thresholdPercent","isProgressHintAfter","isThresholdHintAfter","progressColor","includes","thresholdColor","direction","window","getComputedStyle","document","body","getPropertyValue","positionAnnotations","observer","ResizeObserver","progressInfoEl","current","observe","unobserve","getHint","text","className","style","ref","_extends","concat","srOnly","arrowPlacement","propTypes","number","node","oneOf","string","defaultProps","undefined","Annotated"],"sources":["../../src/ProgressBar/index.jsx"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport ProgressBarBase from 'react-bootstrap/ProgressBar';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Annotation from '../Annotation';\nimport { getOffsetStyles, placeInfoAtZero } from './utils';\n\nexport const ANNOTATION_CLASS = 'pgn__annotation';\nconst HINT_SWAP_PERCENT = 50;\nconst PROGRESS_DEFAULT_VARIANT = 'warning';\nconst THRESHOLD_DEFAULT_VARIANT = 'dark';\nconst VARIANTS = [\n  'dark',\n  'warning',\n  'success',\n  'error',\n];\n\nfunction ProgressBar(props) {\n  return <ProgressBarBase {...props} />;\n}\n\nfunction ProgressBarAnnotated({\n  now,\n  label,\n  variant,\n  threshold,\n  thresholdLabel,\n  thresholdVariant,\n  progressHint,\n  thresholdHint,\n  ...props\n}) {\n  const progressInfoRef = React.useRef();\n  const thresholdInfoRef = React.useRef();\n  const thresholdPercent = (threshold || 0) - (now || 0);\n  const isProgressHintAfter = now < HINT_SWAP_PERCENT;\n  const isThresholdHintAfter = threshold < HINT_SWAP_PERCENT;\n  const progressColor = VARIANTS.includes(variant) ? variant : PROGRESS_DEFAULT_VARIANT;\n  const thresholdColor = VARIANTS.includes(thresholdVariant) ? thresholdVariant : THRESHOLD_DEFAULT_VARIANT;\n  const direction = window.getComputedStyle(document.body).getPropertyValue('direction');\n\n  const positionAnnotations = useCallback(() => {\n    placeInfoAtZero(progressInfoRef, direction, isProgressHintAfter, ANNOTATION_CLASS);\n    placeInfoAtZero(thresholdInfoRef, direction, isThresholdHintAfter, ANNOTATION_CLASS);\n  }, [direction, isProgressHintAfter, isThresholdHintAfter]);\n\n  useEffect(() => {\n    positionAnnotations();\n    const observer = new ResizeObserver(() => {\n      positionAnnotations();\n    });\n    const progressInfoEl = progressInfoRef.current;\n    observer.observe(progressInfoEl);\n    return () => progressInfoEl && observer.unobserve(progressInfoEl);\n  }, [positionAnnotations]);\n\n  const getHint = (text) => (\n    <span className=\"pgn__progress-hint\" data-testid=\"progress-hint\">\n      {text}\n    </span>\n  );\n\n  return (\n    <div className=\"pgn__progress-annotated\">\n      {!!label && (\n        <div\n          className=\"pgn__progress-info\"\n          style={getOffsetStyles(now, direction)}\n          ref={progressInfoRef}\n        >\n          {!isProgressHintAfter && getHint(progressHint)}\n          <Annotation variant={progressColor}>\n            {label}\n          </Annotation>\n          {isProgressHintAfter && getHint(progressHint)}\n        </div>\n      )}\n      <ProgressBarBase>\n        <ProgressBarBase\n          {...props}\n          now={now}\n          className={classNames(\n            `pgn__progress-bar--${progressColor}`,\n            thresholdPercent > 0 ? 'pgn__progress-tick--white' : 'pgn__progress-tick--black',\n          )}\n          srOnly\n        />\n        {!!threshold && (\n          <ProgressBarBase\n            now={thresholdPercent}\n            className={`pgn__progress-bar--${thresholdColor}`}\n            srOnly\n          />\n        )}\n      </ProgressBarBase>\n      {(!!threshold && !!thresholdLabel) && (\n        <div\n          className=\"pgn__progress-info\"\n          style={getOffsetStyles(threshold, direction)}\n          ref={thresholdInfoRef}\n        >\n          {!isThresholdHintAfter && getHint(thresholdHint)}\n          <Annotation\n            arrowPlacement=\"top\"\n            variant={thresholdColor}\n          >\n            {thresholdLabel}\n          </Annotation>\n          {isThresholdHintAfter && getHint(thresholdHint)}\n        </div>\n      )}\n    </div>\n  );\n}\n\nProgressBarAnnotated.propTypes = {\n  /** Current value of progress. */\n  now: PropTypes.number,\n  /** Show label that represents visual percentage. */\n  label: PropTypes.node,\n  /** The `ProgressBar` style variant to use. */\n  variant: PropTypes.oneOf(VARIANTS),\n  /** Specifies an additional `className` to add to the base element. */\n  className: PropTypes.string,\n  /** Threshold current value. */\n  threshold: PropTypes.number,\n  /** Specifies label for `threshold`. */\n  thresholdLabel: PropTypes.node,\n  /** Variant for threshold value. */\n  thresholdVariant: PropTypes.oneOf(VARIANTS),\n  /** Text near the progress annotation. */\n  progressHint: PropTypes.node,\n  /** Text near the threshold annotation. */\n  thresholdHint: PropTypes.node,\n};\n\nProgressBarAnnotated.defaultProps = {\n  now: undefined,\n  label: undefined,\n  variant: PROGRESS_DEFAULT_VARIANT,\n  className: undefined,\n  threshold: undefined,\n  thresholdLabel: undefined,\n  thresholdVariant: THRESHOLD_DEFAULT_VARIANT,\n  progressHint: undefined,\n  thresholdHint: undefined,\n};\n\nProgressBar.Annotated = ProgressBarAnnotated;\nexport default ProgressBar;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,QAAQ,OAAO;AACrD,OAAOC,eAAe,MAAM,6BAA6B;AACzD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,eAAe,EAAEC,eAAe,QAAQ,SAAS;AAE1D,OAAO,IAAMC,gBAAgB,GAAG,iBAAiB;AACjD,IAAMC,iBAAiB,GAAG,EAAE;AAC5B,IAAMC,wBAAwB,GAAG,SAAS;AAC1C,IAAMC,yBAAyB,GAAG,MAAM;AACxC,IAAMC,QAAQ,GAAG,CACf,MAAM,EACN,SAAS,EACT,SAAS,EACT,OAAO,CACR;AAED,SAASC,WAAWA,CAACC,KAAK,EAAE;EAC1B,oBAAOf,KAAA,CAAAgB,aAAA,CAACb,eAAe,EAAKY,KAAQ,CAAC;AACvC;AAEA,SAASE,oBAAoBA,CAAAC,IAAA,EAU1B;EAAA,IATDC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IACHC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,gBAAgB,GAAAN,IAAA,CAAhBM,gBAAgB;IAChBC,YAAY,GAAAP,IAAA,CAAZO,YAAY;IACZC,aAAa,GAAAR,IAAA,CAAbQ,aAAa;IACVX,KAAK,GAAAY,wBAAA,CAAAT,IAAA,EAAAU,SAAA;EAER,IAAMC,eAAe,GAAG7B,KAAK,CAAC8B,MAAM,CAAC,CAAC;EACtC,IAAMC,gBAAgB,GAAG/B,KAAK,CAAC8B,MAAM,CAAC,CAAC;EACvC,IAAME,gBAAgB,GAAG,CAACV,SAAS,IAAI,CAAC,KAAKH,GAAG,IAAI,CAAC,CAAC;EACtD,IAAMc,mBAAmB,GAAGd,GAAG,GAAGT,iBAAiB;EACnD,IAAMwB,oBAAoB,GAAGZ,SAAS,GAAGZ,iBAAiB;EAC1D,IAAMyB,aAAa,GAAGtB,QAAQ,CAACuB,QAAQ,CAACf,OAAO,CAAC,GAAGA,OAAO,GAAGV,wBAAwB;EACrF,IAAM0B,cAAc,GAAGxB,QAAQ,CAACuB,QAAQ,CAACZ,gBAAgB,CAAC,GAAGA,gBAAgB,GAAGZ,yBAAyB;EACzG,IAAM0B,SAAS,GAAGC,MAAM,CAACC,gBAAgB,CAACC,QAAQ,CAACC,IAAI,CAAC,CAACC,gBAAgB,CAAC,WAAW,CAAC;EAEtF,IAAMC,mBAAmB,GAAG3C,WAAW,CAAC,YAAM;IAC5CO,eAAe,CAACqB,eAAe,EAAES,SAAS,EAAEL,mBAAmB,EAAExB,gBAAgB,CAAC;IAClFD,eAAe,CAACuB,gBAAgB,EAAEO,SAAS,EAAEJ,oBAAoB,EAAEzB,gBAAgB,CAAC;EACtF,CAAC,EAAE,CAAC6B,SAAS,EAAEL,mBAAmB,EAAEC,oBAAoB,CAAC,CAAC;EAE1DhC,SAAS,CAAC,YAAM;IACd0C,mBAAmB,CAAC,CAAC;IACrB,IAAMC,QAAQ,GAAG,IAAIC,cAAc,CAAC,YAAM;MACxCF,mBAAmB,CAAC,CAAC;IACvB,CAAC,CAAC;IACF,IAAMG,cAAc,GAAGlB,eAAe,CAACmB,OAAO;IAC9CH,QAAQ,CAACI,OAAO,CAACF,cAAc,CAAC;IAChC,OAAO;MAAA,OAAMA,cAAc,IAAIF,QAAQ,CAACK,SAAS,CAACH,cAAc,CAAC;IAAA;EACnE,CAAC,EAAE,CAACH,mBAAmB,CAAC,CAAC;EAEzB,IAAMO,OAAO,GAAG,SAAVA,OAAOA,CAAIC,IAAI;IAAA,oBACnBpD,KAAA,CAAAgB,aAAA;MAAMqC,SAAS,EAAC,oBAAoB;MAAC,eAAY;IAAe,GAC7DD,IACG,CAAC;EAAA,CACR;EAED,oBACEpD,KAAA,CAAAgB,aAAA;IAAKqC,SAAS,EAAC;EAAyB,GACrC,CAAC,CAACjC,KAAK,iBACNpB,KAAA,CAAAgB,aAAA;IACEqC,SAAS,EAAC,oBAAoB;IAC9BC,KAAK,EAAE/C,eAAe,CAACY,GAAG,EAAEmB,SAAS,CAAE;IACvCiB,GAAG,EAAE1B;EAAgB,GAEpB,CAACI,mBAAmB,IAAIkB,OAAO,CAAC1B,YAAY,CAAC,eAC9CzB,KAAA,CAAAgB,aAAA,CAACV,UAAU;IAACe,OAAO,EAAEc;EAAc,GAChCf,KACS,CAAC,EACZa,mBAAmB,IAAIkB,OAAO,CAAC1B,YAAY,CACzC,CACN,eACDzB,KAAA,CAAAgB,aAAA,CAACb,eAAe,qBACdH,KAAA,CAAAgB,aAAA,CAACb,eAAe,EAAAqD,QAAA,KACVzC,KAAK;IACTI,GAAG,EAAEA,GAAI;IACTkC,SAAS,EAAEhD,UAAU,uBAAAoD,MAAA,CACGtB,aAAa,GACnCH,gBAAgB,GAAG,CAAC,GAAG,2BAA2B,GAAG,2BACvD,CAAE;IACF0B,MAAM;EAAA,EACP,CAAC,EACD,CAAC,CAACpC,SAAS,iBACVtB,KAAA,CAAAgB,aAAA,CAACb,eAAe;IACdgB,GAAG,EAAEa,gBAAiB;IACtBqB,SAAS,wBAAAI,MAAA,CAAwBpB,cAAc,CAAG;IAClDqB,MAAM;EAAA,CACP,CAEY,CAAC,EAChB,CAAC,CAACpC,SAAS,IAAI,CAAC,CAACC,cAAc,iBAC/BvB,KAAA,CAAAgB,aAAA;IACEqC,SAAS,EAAC,oBAAoB;IAC9BC,KAAK,EAAE/C,eAAe,CAACe,SAAS,EAAEgB,SAAS,CAAE;IAC7CiB,GAAG,EAAExB;EAAiB,GAErB,CAACG,oBAAoB,IAAIiB,OAAO,CAACzB,aAAa,CAAC,eAChD1B,KAAA,CAAAgB,aAAA,CAACV,UAAU;IACTqD,cAAc,EAAC,KAAK;IACpBtC,OAAO,EAAEgB;EAAe,GAEvBd,cACS,CAAC,EACZW,oBAAoB,IAAIiB,OAAO,CAACzB,aAAa,CAC3C,CAEJ,CAAC;AAEV;AAEAT,oBAAoB,CAAC2C,SAAS,GAAG;EAC/B;EACAzC,GAAG,EAAEf,SAAS,CAACyD,MAAM;EACrB;EACAzC,KAAK,EAAEhB,SAAS,CAAC0D,IAAI;EACrB;EACAzC,OAAO,EAAEjB,SAAS,CAAC2D,KAAK,CAAClD,QAAQ,CAAC;EAClC;EACAwC,SAAS,EAAEjD,SAAS,CAAC4D,MAAM;EAC3B;EACA1C,SAAS,EAAElB,SAAS,CAACyD,MAAM;EAC3B;EACAtC,cAAc,EAAEnB,SAAS,CAAC0D,IAAI;EAC9B;EACAtC,gBAAgB,EAAEpB,SAAS,CAAC2D,KAAK,CAAClD,QAAQ,CAAC;EAC3C;EACAY,YAAY,EAAErB,SAAS,CAAC0D,IAAI;EAC5B;EACApC,aAAa,EAAEtB,SAAS,CAAC0D;AAC3B,CAAC;AAED7C,oBAAoB,CAACgD,YAAY,GAAG;EAClC9C,GAAG,EAAE+C,SAAS;EACd9C,KAAK,EAAE8C,SAAS;EAChB7C,OAAO,EAAEV,wBAAwB;EACjC0C,SAAS,EAAEa,SAAS;EACpB5C,SAAS,EAAE4C,SAAS;EACpB3C,cAAc,EAAE2C,SAAS;EACzB1C,gBAAgB,EAAEZ,yBAAyB;EAC3Ca,YAAY,EAAEyC,SAAS;EACvBxC,aAAa,EAAEwC;AACjB,CAAC;AAEDpD,WAAW,CAACqD,SAAS,GAAGlD,oBAAoB;AAC5C,eAAeH,WAAW","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useEffect","ProgressBarBase","PropTypes","classNames","Annotation","getOffsetStyles","placeInfoAtZero","ANNOTATION_CLASS","HINT_SWAP_PERCENT","PROGRESS_DEFAULT_VARIANT","THRESHOLD_DEFAULT_VARIANT","VARIANTS","ProgressBar","props","createElement","_objectSpread","ProgressBarAnnotated","_ref","now","label","variant","threshold","thresholdLabel","thresholdVariant","progressHint","thresholdHint","_objectWithoutProperties","_excluded","progressInfoRef","useRef","thresholdInfoRef","thresholdPercent","isProgressHintAfter","isThresholdHintAfter","progressColor","includes","thresholdColor","direction","window","getComputedStyle","document","body","getPropertyValue","positionAnnotations","observer","ResizeObserver","progressInfoEl","current","observe","unobserve","getHint","text","className","style","ref","concat","srOnly","arrowPlacement","propTypes","number","node","oneOf","string","defaultProps","undefined","Annotated"],"sources":["../../src/ProgressBar/index.jsx"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport ProgressBarBase from 'react-bootstrap/ProgressBar';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Annotation from '../Annotation';\nimport { getOffsetStyles, placeInfoAtZero } from './utils';\n\nexport const ANNOTATION_CLASS = 'pgn__annotation';\nconst HINT_SWAP_PERCENT = 50;\nconst PROGRESS_DEFAULT_VARIANT = 'warning';\nconst THRESHOLD_DEFAULT_VARIANT = 'dark';\nconst VARIANTS = [\n  'dark',\n  'warning',\n  'success',\n  'error',\n];\n\nfunction ProgressBar(props) {\n  return <ProgressBarBase {...props} />;\n}\n\nfunction ProgressBarAnnotated({\n  now,\n  label,\n  variant,\n  threshold,\n  thresholdLabel,\n  thresholdVariant,\n  progressHint,\n  thresholdHint,\n  ...props\n}) {\n  const progressInfoRef = React.useRef();\n  const thresholdInfoRef = React.useRef();\n  const thresholdPercent = (threshold || 0) - (now || 0);\n  const isProgressHintAfter = now < HINT_SWAP_PERCENT;\n  const isThresholdHintAfter = threshold < HINT_SWAP_PERCENT;\n  const progressColor = VARIANTS.includes(variant) ? variant : PROGRESS_DEFAULT_VARIANT;\n  const thresholdColor = VARIANTS.includes(thresholdVariant) ? thresholdVariant : THRESHOLD_DEFAULT_VARIANT;\n  const direction = window.getComputedStyle(document.body).getPropertyValue('direction');\n\n  const positionAnnotations = useCallback(() => {\n    placeInfoAtZero(progressInfoRef, direction, isProgressHintAfter, ANNOTATION_CLASS);\n    placeInfoAtZero(thresholdInfoRef, direction, isThresholdHintAfter, ANNOTATION_CLASS);\n  }, [direction, isProgressHintAfter, isThresholdHintAfter]);\n\n  useEffect(() => {\n    positionAnnotations();\n    const observer = new ResizeObserver(() => {\n      positionAnnotations();\n    });\n    const progressInfoEl = progressInfoRef.current;\n    observer.observe(progressInfoEl);\n    return () => progressInfoEl && observer.unobserve(progressInfoEl);\n  }, [positionAnnotations]);\n\n  const getHint = (text) => (\n    <span className=\"pgn__progress-hint\" data-testid=\"progress-hint\">\n      {text}\n    </span>\n  );\n\n  return (\n    <div className=\"pgn__progress-annotated\">\n      {!!label && (\n        <div\n          className=\"pgn__progress-info\"\n          style={getOffsetStyles(now, direction)}\n          ref={progressInfoRef}\n        >\n          {!isProgressHintAfter && getHint(progressHint)}\n          <Annotation variant={progressColor}>\n            {label}\n          </Annotation>\n          {isProgressHintAfter && getHint(progressHint)}\n        </div>\n      )}\n      <ProgressBarBase>\n        <ProgressBarBase\n          {...props}\n          now={now}\n          className={classNames(\n            `pgn__progress-bar--${progressColor}`,\n            thresholdPercent > 0 ? 'pgn__progress-tick--white' : 'pgn__progress-tick--black',\n          )}\n          srOnly\n        />\n        {!!threshold && (\n          <ProgressBarBase\n            now={thresholdPercent}\n            className={`pgn__progress-bar--${thresholdColor}`}\n            srOnly\n          />\n        )}\n      </ProgressBarBase>\n      {(!!threshold && !!thresholdLabel) && (\n        <div\n          className=\"pgn__progress-info\"\n          style={getOffsetStyles(threshold, direction)}\n          ref={thresholdInfoRef}\n        >\n          {!isThresholdHintAfter && getHint(thresholdHint)}\n          <Annotation\n            arrowPlacement=\"top\"\n            variant={thresholdColor}\n          >\n            {thresholdLabel}\n          </Annotation>\n          {isThresholdHintAfter && getHint(thresholdHint)}\n        </div>\n      )}\n    </div>\n  );\n}\n\nProgressBarAnnotated.propTypes = {\n  /** Current value of progress. */\n  now: PropTypes.number,\n  /** Show label that represents visual percentage. */\n  label: PropTypes.node,\n  /** The `ProgressBar` style variant to use. */\n  variant: PropTypes.oneOf(VARIANTS),\n  /** Specifies an additional `className` to add to the base element. */\n  className: PropTypes.string,\n  /** Threshold current value. */\n  threshold: PropTypes.number,\n  /** Specifies label for `threshold`. */\n  thresholdLabel: PropTypes.node,\n  /** Variant for threshold value. */\n  thresholdVariant: PropTypes.oneOf(VARIANTS),\n  /** Text near the progress annotation. */\n  progressHint: PropTypes.node,\n  /** Text near the threshold annotation. */\n  thresholdHint: PropTypes.node,\n};\n\nProgressBarAnnotated.defaultProps = {\n  now: undefined,\n  label: undefined,\n  variant: PROGRESS_DEFAULT_VARIANT,\n  className: undefined,\n  threshold: undefined,\n  thresholdLabel: undefined,\n  thresholdVariant: THRESHOLD_DEFAULT_VARIANT,\n  progressHint: undefined,\n  thresholdHint: undefined,\n};\n\nProgressBar.Annotated = ProgressBarAnnotated;\nexport default ProgressBar;\n"],"mappings":"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","ignoreList":[]}

package/dist/Scrollable/index.js

@@ -1,6 +1,7 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["children"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -39,7 +40,7 @@ function Scrollable(_ref) {
     var maxScrollHeight = e.currentTarget.scrollHeight - e.currentTarget.clientHeight;
     setValueNow(Math.ceil(100 * e.currentTarget.scrollTop / maxScrollHeight));
   };
-  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("div", _objectSpread(_objectSpread({}, props), {}, {
     className: className,
     role: "scrollbar",
     "aria-valuemin": 0,

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","_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","ignoreList":[]}
+{"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","_objectSpread","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,aAAA,CAAAA,aAAA,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","ignoreList":[]}

package/dist/SearchField/SearchFieldAdvanced.js

@@ -1,5 +1,10 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -77,7 +82,7 @@ function SearchFieldAdvanced(props) {
   var handleChange = function handleChange(event) {
     setValue(event.target.value);
   };
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _objectSpread({
     className: classNames('pgn__searchfield', 'd-flex', {
       'has-focus': hasFocus,
       disabled: disabled,

package/dist/SearchField/SearchFieldAdvanced.js.map

@@ -1 +1 @@
-{"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","elementType","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.elementType.isRequired,\n    clear: PropTypes.elementType,\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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","ignoreList":[]}
+{"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","_objectSpread","role","onReset","Provider","refs","input","submitButton","propTypes","node","isRequired","func","string","shape","label","oneOfType","element","clearButton","submit","elementType","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.elementType.isRequired,\n    clear: PropTypes.elementType,\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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","ignoreList":[]}

package/dist/SearchField/SearchFieldClearButton.js

@@ -1,4 +1,9 @@
-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 _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React, { useContext } from 'react';
 import { SearchFieldContext } from './SearchFieldAdvanced';
 import Icon from '../Icon';
@@ -18,7 +23,7 @@ function SearchFieldClearButton(props) {
       refs.input.current.focus();
     }
   };
-  return /*#__PURE__*/React.createElement(IconButton, _extends({
+  return /*#__PURE__*/React.createElement(IconButton, _objectSpread({
     className: "pgn__searchfield__iconbutton-reset",
     type: "reset",
     src: icons.clear,

package/dist/SearchField/SearchFieldClearButton.js.map

@@ -1 +1 @@
-{"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","ignoreList":[]}
+{"version":3,"file":"SearchFieldClearButton.js","names":["React","useContext","SearchFieldContext","Icon","IconButton","SearchFieldClearButton","props","_useContext","screenReaderText","icons","value","disabled","refs","handleClick","input","current","focus","createElement","_objectSpread","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,aAAA;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","ignoreList":[]}

package/dist/SearchField/SearchFieldInput.js

@@ -1,4 +1,9 @@
-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 _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { FormControl } from '../Form';
@@ -12,7 +17,7 @@ function SearchFieldInput(props) {
     handleBlur = _useContext.handleBlur,
     refs = _useContext.refs,
     disabled = _useContext.disabled;
-  return /*#__PURE__*/React.createElement(FormControl, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(FormControl, _objectSpread(_objectSpread({}, 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","_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 { 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,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,WAAW,EAAAa,QAAA,KACNV,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","ignoreList":[]}
+{"version":3,"file":"SearchFieldInput.js","names":["React","useContext","PropTypes","FormControl","SearchFieldContext","SearchFieldInput","props","_useContext","inputId","value","handleChange","handleFocus","handleBlur","refs","disabled","createElement","_objectSpread","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,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,WAAW,EAAAa,aAAA,CAAAA,aAAA,KACNV,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","ignoreList":[]}

package/dist/SearchField/SearchFieldLabel.js

@@ -1,5 +1,10 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useContext } from 'react';
@@ -12,7 +17,7 @@ function SearchFieldLabel(_ref) {
   var _useContext = useContext(SearchFieldContext),
     screenReaderText = _useContext.screenReaderText,
     inputId = _useContext.inputId;
-  return /*#__PURE__*/React.createElement("label", _extends({
+  return /*#__PURE__*/React.createElement("label", _objectSpread({
     htmlFor: inputId.current,
     className: classNames('m-0', {
       'has-label-text': !!children

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","_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","ignoreList":[]}
+{"version":3,"file":"SearchFieldLabel.js","names":["React","useContext","PropTypes","classNames","SearchFieldContext","SearchFieldLabel","_ref","children","props","_objectWithoutProperties","_excluded","_useContext","screenReaderText","inputId","createElement","_objectSpread","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,aAAA;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","ignoreList":[]}

package/dist/SearchField/SearchFieldSubmitButton.js

@@ -1,5 +1,10 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["variant", "submitButtonLocation", "buttonText"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useContext } from 'react';
@@ -24,7 +29,7 @@ function SearchFieldSubmitButton(props) {
   if (submitButtonLocation === 'internal' && value.length) {
     return null;
   }
-  return submitButtonLocation === 'external' ? /*#__PURE__*/React.createElement(Button, _extends({
+  return submitButtonLocation === 'external' ? /*#__PURE__*/React.createElement(Button, _objectSpread({
     type: "submit",
     ref: refs.submitButton,
     variant: variant === 'light' ? 'primary' : 'brand',
@@ -32,7 +37,7 @@ function SearchFieldSubmitButton(props) {
     disabled: disabled
   }, others), buttonText, /*#__PURE__*/React.createElement("span", {
     className: "sr-only"
-  }, screenReaderText.submitButton)) : /*#__PURE__*/React.createElement(IconButton, _extends({
+  }, screenReaderText.submitButton)) : /*#__PURE__*/React.createElement(IconButton, _objectSpread({
     className: "pgn__searchfield__iconbutton-submit",
     type: "submit",
     src: icons.submit,

package/dist/SearchField/SearchFieldSubmitButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchFieldSubmitButton.js","names":["React","useContext","PropTypes","SearchFieldContext","Button","IconButton","Icon","STYLE_VARIANTS","BUTTON_LOCATION_VARIANTS","SearchFieldSubmitButton","props","variant","submitButtonLocation","buttonText","others","_objectWithoutProperties","_excluded","_useContext","screenReaderText","icons","refs","value","disabled","length","createElement","_extends","type","ref","submitButton","className","src","submit","size","iconAs","alt","propTypes","oneOf","string","defaultProps"],"sources":["../../src/SearchField/SearchFieldSubmitButton.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { SearchFieldContext } from './SearchFieldAdvanced';\nimport Button from '../Button';\nimport IconButton from '../IconButton';\nimport Icon from '../Icon';\n\nconst STYLE_VARIANTS = [\n  'light',\n  'dark',\n];\n\nconst BUTTON_LOCATION_VARIANTS = [\n  'internal',\n  'external',\n];\n\nfunction SearchFieldSubmitButton(props) {\n  const {\n    variant, submitButtonLocation, buttonText, ...others\n  } = props;\n  const {\n    screenReaderText, icons, refs, value, disabled,\n  } = useContext(SearchFieldContext);\n\n  if (submitButtonLocation === 'internal' && value.length) {\n    return null;\n  }\n\n  return submitButtonLocation === 'external' ? (\n    <Button\n      type=\"submit\"\n      ref={refs.submitButton}\n      variant={variant === 'light' ? 'primary' : 'brand'}\n      className=\"pgn__searchfield__button\"\n      disabled={disabled}\n      {...others}\n    >\n      {buttonText}\n      <span className=\"sr-only\">{screenReaderText.submitButton}</span>\n    </Button>\n  ) : (\n    <IconButton\n      className=\"pgn__searchfield__iconbutton-submit\"\n      type=\"submit\"\n      src={icons.submit}\n      size=\"sm\"\n      iconAs={Icon}\n      alt={screenReaderText.submitButton}\n      disabled={disabled}\n      ref={refs.submitButton}\n      {...others}\n    />\n  );\n}\n\nSearchFieldSubmitButton.propTypes = {\n  /** The button style variant to use. */\n  variant: PropTypes.oneOf(STYLE_VARIANTS),\n  /** Controls whether the search button is internal as an icon or external as a button. */\n  submitButtonLocation: PropTypes.oneOf(BUTTON_LOCATION_VARIANTS),\n  /**\n   * Specifies a text that is displayed on the button.\n   * The `submitButtonLocation` prop should be set to `external`.\n   */\n  buttonText: PropTypes.string,\n};\n\nSearchFieldSubmitButton.defaultProps = {\n  variant: 'light',\n  submitButtonLocation: 'internal',\n  buttonText: 'Search',\n};\n\nexport default SearchFieldSubmitButton;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,UAAU,MAAM,eAAe;AACtC,OAAOC,IAAI,MAAM,SAAS;AAE1B,IAAMC,cAAc,GAAG,CACrB,OAAO,EACP,MAAM,CACP;AAED,IAAMC,wBAAwB,GAAG,CAC/B,UAAU,EACV,UAAU,CACX;AAED,SAASC,uBAAuBA,CAACC,KAAK,EAAE;EACtC,IACEC,OAAO,GACLD,KAAK,CADPC,OAAO;IAAEC,oBAAoB,GAC3BF,KAAK,CADEE,oBAAoB;IAAEC,UAAU,GACvCH,KAAK,CADwBG,UAAU;IAAKC,MAAM,GAAAC,wBAAA,CAClDL,KAAK,EAAAM,SAAA;EACT,IAAAC,WAAA,GAEIhB,UAAU,CAACE,kBAAkB,CAAC;IADhCe,gBAAgB,GAAAD,WAAA,CAAhBC,gBAAgB;IAAEC,KAAK,GAAAF,WAAA,CAALE,KAAK;IAAEC,IAAI,GAAAH,WAAA,CAAJG,IAAI;IAAEC,KAAK,GAAAJ,WAAA,CAALI,KAAK;IAAEC,QAAQ,GAAAL,WAAA,CAARK,QAAQ;EAGhD,IAAIV,oBAAoB,KAAK,UAAU,IAAIS,KAAK,CAACE,MAAM,EAAE;IACvD,OAAO,IAAI;EACb;EAEA,OAAOX,oBAAoB,KAAK,UAAU,gBACxCZ,KAAA,CAAAwB,aAAA,CAACpB,MAAM,EAAAqB,QAAA;IACLC,IAAI,EAAC,QAAQ;IACbC,GAAG,EAAEP,IAAI,CAACQ,YAAa;IACvBjB,OAAO,EAAEA,OAAO,KAAK,OAAO,GAAG,SAAS,GAAG,OAAQ;IACnDkB,SAAS,EAAC,0BAA0B;IACpCP,QAAQ,EAAEA;EAAS,GACfR,MAAM,GAETD,UAAU,eACXb,KAAA,CAAAwB,aAAA;IAAMK,SAAS,EAAC;EAAS,GAAEX,gBAAgB,CAACU,YAAmB,CACzD,CAAC,gBAET5B,KAAA,CAAAwB,aAAA,CAACnB,UAAU,EAAAoB,QAAA;IACTI,SAAS,EAAC,qCAAqC;IAC/CH,IAAI,EAAC,QAAQ;IACbI,GAAG,EAAEX,KAAK,CAACY,MAAO;IAClBC,IAAI,EAAC,IAAI;IACTC,MAAM,EAAE3B,IAAK;IACb4B,GAAG,EAAEhB,gBAAgB,CAACU,YAAa;IACnCN,QAAQ,EAAEA,QAAS;IACnBK,GAAG,EAAEP,IAAI,CAACQ;EAAa,GACnBd,MAAM,CACX,CACF;AACH;AAEAL,uBAAuB,CAAC0B,SAAS,GAAG;EAClC;EACAxB,OAAO,EAAET,SAAS,CAACkC,KAAK,CAAC7B,cAAc,CAAC;EACxC;EACAK,oBAAoB,EAAEV,SAAS,CAACkC,KAAK,CAAC5B,wBAAwB,CAAC;EAC/D;AACF;AACA;AACA;EACEK,UAAU,EAAEX,SAAS,CAACmC;AACxB,CAAC;AAED5B,uBAAuB,CAAC6B,YAAY,GAAG;EACrC3B,OAAO,EAAE,OAAO;EAChBC,oBAAoB,EAAE,UAAU;EAChCC,UAAU,EAAE;AACd,CAAC;AAED,eAAeJ,uBAAuB","ignoreList":[]}
+{"version":3,"file":"SearchFieldSubmitButton.js","names":["React","useContext","PropTypes","SearchFieldContext","Button","IconButton","Icon","STYLE_VARIANTS","BUTTON_LOCATION_VARIANTS","SearchFieldSubmitButton","props","variant","submitButtonLocation","buttonText","others","_objectWithoutProperties","_excluded","_useContext","screenReaderText","icons","refs","value","disabled","length","createElement","_objectSpread","type","ref","submitButton","className","src","submit","size","iconAs","alt","propTypes","oneOf","string","defaultProps"],"sources":["../../src/SearchField/SearchFieldSubmitButton.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { SearchFieldContext } from './SearchFieldAdvanced';\nimport Button from '../Button';\nimport IconButton from '../IconButton';\nimport Icon from '../Icon';\n\nconst STYLE_VARIANTS = [\n  'light',\n  'dark',\n];\n\nconst BUTTON_LOCATION_VARIANTS = [\n  'internal',\n  'external',\n];\n\nfunction SearchFieldSubmitButton(props) {\n  const {\n    variant, submitButtonLocation, buttonText, ...others\n  } = props;\n  const {\n    screenReaderText, icons, refs, value, disabled,\n  } = useContext(SearchFieldContext);\n\n  if (submitButtonLocation === 'internal' && value.length) {\n    return null;\n  }\n\n  return submitButtonLocation === 'external' ? (\n    <Button\n      type=\"submit\"\n      ref={refs.submitButton}\n      variant={variant === 'light' ? 'primary' : 'brand'}\n      className=\"pgn__searchfield__button\"\n      disabled={disabled}\n      {...others}\n    >\n      {buttonText}\n      <span className=\"sr-only\">{screenReaderText.submitButton}</span>\n    </Button>\n  ) : (\n    <IconButton\n      className=\"pgn__searchfield__iconbutton-submit\"\n      type=\"submit\"\n      src={icons.submit}\n      size=\"sm\"\n      iconAs={Icon}\n      alt={screenReaderText.submitButton}\n      disabled={disabled}\n      ref={refs.submitButton}\n      {...others}\n    />\n  );\n}\n\nSearchFieldSubmitButton.propTypes = {\n  /** The button style variant to use. */\n  variant: PropTypes.oneOf(STYLE_VARIANTS),\n  /** Controls whether the search button is internal as an icon or external as a button. */\n  submitButtonLocation: PropTypes.oneOf(BUTTON_LOCATION_VARIANTS),\n  /**\n   * Specifies a text that is displayed on the button.\n   * The `submitButtonLocation` prop should be set to `external`.\n   */\n  buttonText: PropTypes.string,\n};\n\nSearchFieldSubmitButton.defaultProps = {\n  variant: 'light',\n  submitButtonLocation: 'internal',\n  buttonText: 'Search',\n};\n\nexport default SearchFieldSubmitButton;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,UAAU,MAAM,eAAe;AACtC,OAAOC,IAAI,MAAM,SAAS;AAE1B,IAAMC,cAAc,GAAG,CACrB,OAAO,EACP,MAAM,CACP;AAED,IAAMC,wBAAwB,GAAG,CAC/B,UAAU,EACV,UAAU,CACX;AAED,SAASC,uBAAuBA,CAACC,KAAK,EAAE;EACtC,IACEC,OAAO,GACLD,KAAK,CADPC,OAAO;IAAEC,oBAAoB,GAC3BF,KAAK,CADEE,oBAAoB;IAAEC,UAAU,GACvCH,KAAK,CADwBG,UAAU;IAAKC,MAAM,GAAAC,wBAAA,CAClDL,KAAK,EAAAM,SAAA;EACT,IAAAC,WAAA,GAEIhB,UAAU,CAACE,kBAAkB,CAAC;IADhCe,gBAAgB,GAAAD,WAAA,CAAhBC,gBAAgB;IAAEC,KAAK,GAAAF,WAAA,CAALE,KAAK;IAAEC,IAAI,GAAAH,WAAA,CAAJG,IAAI;IAAEC,KAAK,GAAAJ,WAAA,CAALI,KAAK;IAAEC,QAAQ,GAAAL,WAAA,CAARK,QAAQ;EAGhD,IAAIV,oBAAoB,KAAK,UAAU,IAAIS,KAAK,CAACE,MAAM,EAAE;IACvD,OAAO,IAAI;EACb;EAEA,OAAOX,oBAAoB,KAAK,UAAU,gBACxCZ,KAAA,CAAAwB,aAAA,CAACpB,MAAM,EAAAqB,aAAA;IACLC,IAAI,EAAC,QAAQ;IACbC,GAAG,EAAEP,IAAI,CAACQ,YAAa;IACvBjB,OAAO,EAAEA,OAAO,KAAK,OAAO,GAAG,SAAS,GAAG,OAAQ;IACnDkB,SAAS,EAAC,0BAA0B;IACpCP,QAAQ,EAAEA;EAAS,GACfR,MAAM,GAETD,UAAU,eACXb,KAAA,CAAAwB,aAAA;IAAMK,SAAS,EAAC;EAAS,GAAEX,gBAAgB,CAACU,YAAmB,CACzD,CAAC,gBAET5B,KAAA,CAAAwB,aAAA,CAACnB,UAAU,EAAAoB,aAAA;IACTI,SAAS,EAAC,qCAAqC;IAC/CH,IAAI,EAAC,QAAQ;IACbI,GAAG,EAAEX,KAAK,CAACY,MAAO;IAClBC,IAAI,EAAC,IAAI;IACTC,MAAM,EAAE3B,IAAK;IACb4B,GAAG,EAAEhB,gBAAgB,CAACU,YAAa;IACnCN,QAAQ,EAAEA,QAAS;IACnBK,GAAG,EAAEP,IAAI,CAACQ;EAAa,GACnBd,MAAM,CACX,CACF;AACH;AAEAL,uBAAuB,CAAC0B,SAAS,GAAG;EAClC;EACAxB,OAAO,EAAET,SAAS,CAACkC,KAAK,CAAC7B,cAAc,CAAC;EACxC;EACAK,oBAAoB,EAAEV,SAAS,CAACkC,KAAK,CAAC5B,wBAAwB,CAAC;EAC/D;AACF;AACA;AACA;EACEK,UAAU,EAAEX,SAAS,CAACmC;AACxB,CAAC;AAED5B,uBAAuB,CAAC6B,YAAY,GAAG;EACrC3B,OAAO,EAAE,OAAO;EAChBC,oBAAoB,EAAE,UAAU;EAChCC,UAAU,EAAE;AACd,CAAC;AAED,eAAeJ,uBAAuB","ignoreList":[]}