@openedx/paragon 23.2.0 → 23.3.0

package/dist/Form/FormAutosuggest.js

@@ -1,19 +1,3 @@
-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", "arrowKeyNavigationSelector", "ignoredArrowKeysNames", "screenReaderText", "value", "isLoading", "isValueRequired", "valueRequiredErrorMessageText", "isSelectionRequired", "selectionRequiredErrorMessageText", "hasCustomError", "customErrorMessageText", "onChange", "helpMessage"],
-  _excluded2 = ["children", "onClick"];
-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); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useEffect, useState, useRef, forwardRef, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
 import { v4 as uuidv4 } from 'uuid';
@@ -26,77 +10,52 @@ import FormControl from './FormControl';
 import FormControlFeedback from './FormControlFeedback';
 import IconButton from '../IconButton';
 import Spinner from '../Spinner';
-import useArrowKeyNavigation from '../hooks/useArrowKeyNavigation';
+import useArrowKeyNavigation from '../hooks/useArrowKeyNavigationHook';
 import messages from './messages';
-var FormAutosuggest = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    arrowKeyNavigationSelector = _ref.arrowKeyNavigationSelector,
-    ignoredArrowKeysNames = _ref.ignoredArrowKeysNames,
-    screenReaderText = _ref.screenReaderText,
-    value = _ref.value,
-    isLoading = _ref.isLoading,
-    isValueRequired = _ref.isValueRequired,
-    valueRequiredErrorMessageText = _ref.valueRequiredErrorMessageText,
-    isSelectionRequired = _ref.isSelectionRequired,
-    selectionRequiredErrorMessageText = _ref.selectionRequiredErrorMessageText,
-    hasCustomError = _ref.hasCustomError,
-    customErrorMessageText = _ref.customErrorMessageText,
-    onChange = _ref.onChange,
-    helpMessage = _ref.helpMessage,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var intl = useIntl();
-  var formControlRef = useRef();
-  var parentRef = useArrowKeyNavigation({
+const FormAutosuggest = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    children,
+    arrowKeyNavigationSelector,
+    ignoredArrowKeysNames,
+    screenReaderText,
+    value,
+    isLoading,
+    isValueRequired,
+    valueRequiredErrorMessageText,
+    isSelectionRequired,
+    selectionRequiredErrorMessageText,
+    hasCustomError,
+    customErrorMessageText,
+    onChange,
+    helpMessage,
+    ...props
+  } = _ref;
+  const intl = useIntl();
+  const formControlRef = useRef();
+  const parentRef = useArrowKeyNavigation({
     selectors: arrowKeyNavigationSelector,
     ignoredKeys: ignoredArrowKeysNames
   });
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isDropdownExpanded = _useState2[0],
-    setIsDropdownExpanded = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isActive = _useState4[0],
-    setIsActive = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    hasValue = _useState6[0],
-    setHasValue = _useState6[1];
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    hasSelection = _useState8[0],
-    setHasSelection = _useState8[1];
-  var _useState9 = useState((value === null || value === void 0 ? void 0 : value.userProvidedText) || ''),
-    _useState10 = _slicedToArray(_useState9, 2),
-    displayValue = _useState10[0],
-    setDisplayValue = _useState10[1];
-  var _useState11 = useState([]),
-    _useState12 = _slicedToArray(_useState11, 2),
-    dropdownItems = _useState12[0],
-    setDropdownItems = _useState12[1];
-  var _useState13 = useState(null),
-    _useState14 = _slicedToArray(_useState13, 2),
-    activeMenuItemId = _useState14[0],
-    setActiveMenuItemId = _useState14[1];
-  var _useState15 = useState(true),
-    _useState16 = _slicedToArray(_useState15, 2),
-    isValid = _useState16[0],
-    setIsValid = _useState16[1];
-  var _useState17 = useState(''),
-    _useState18 = _slicedToArray(_useState17, 2),
-    errorMessage = _useState18[0],
-    setErrorMessage = _useState18[1];
-  var handleMenuItemFocus = function handleMenuItemFocus(menuItemId) {
+  const [isDropdownExpanded, setIsDropdownExpanded] = useState(false);
+  const [isActive, setIsActive] = useState(false);
+  const [hasValue, setHasValue] = useState(false);
+  const [hasSelection, setHasSelection] = useState(false);
+  const [displayValue, setDisplayValue] = useState(value?.userProvidedText || '');
+  const [dropdownItems, setDropdownItems] = useState([]);
+  const [activeMenuItemId, setActiveMenuItemId] = useState(null);
+  const [isValid, setIsValid] = useState(true);
+  const [errorMessage, setErrorMessage] = useState('');
+  const handleMenuItemFocus = menuItemId => {
     setActiveMenuItemId(menuItemId);
   };
-  var collapseDropdown = function collapseDropdown() {
+  const collapseDropdown = () => {
     setDropdownItems([]);
     setIsDropdownExpanded(false);
     setActiveMenuItemId(null);
   };
-  var handleItemSelect = function handleItemSelect(e, onClick) {
-    var selectedValue = e.currentTarget.getAttribute('data-value');
-    var selectedId = e.currentTarget.id;
+  const handleItemSelect = (e, onClick) => {
+    const selectedValue = e.currentTarget.getAttribute('data-value');
+    const selectedId = e.currentTarget.id;
     setHasValue(true);
     setHasSelection(true);
     setDisplayValue(selectedValue);
@@ -113,47 +72,42 @@ var FormAutosuggest = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   };
   function getItems() {
-    var strToFind = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-    var childrenOpt = React.Children.map(children, function (child) {
-      var _child$props$id;
-      var _child$props = child.props,
-        childChildren = _child$props.children,
-        _onClick = _child$props.onClick,
-        rest = _objectWithoutProperties(_child$props, _excluded2);
-      var menuItemId = (_child$props$id = child.props.id) !== null && _child$props$id !== void 0 ? _child$props$id : uuidv4();
-      return /*#__PURE__*/React.cloneElement(child, _objectSpread(_objectSpread({}, rest), {}, {
+    let strToFind = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    let childrenOpt = React.Children.map(children, child => {
+      const {
+        children: childChildren,
+        onClick,
+        ...rest
+      } = child.props;
+      const menuItemId = child.props.id ?? uuidv4();
+      return /*#__PURE__*/React.cloneElement(child, {
+        ...rest,
         children: childChildren,
         'data-value': childChildren,
-        onClick: function onClick(e) {
-          return handleItemSelect(e, _onClick);
-        },
+        onClick: e => handleItemSelect(e, onClick),
         id: menuItemId,
-        onFocus: function onFocus() {
-          return handleMenuItemFocus(menuItemId);
-        }
-      }));
+        onFocus: () => handleMenuItemFocus(menuItemId)
+      });
     });
     if (strToFind.length > 0) {
-      childrenOpt = childrenOpt.filter(function (opt) {
-        return opt.props.children.toLowerCase().includes(strToFind.toLowerCase());
-      });
+      childrenOpt = childrenOpt.filter(opt => opt.props.children.toLowerCase().includes(strToFind.toLowerCase()));
     }
     return childrenOpt;
   }
-  var expandDropdown = function expandDropdown() {
+  const expandDropdown = () => {
     setDropdownItems(getItems(displayValue));
     setIsValid(true);
     setErrorMessage('');
     setIsDropdownExpanded(true);
   };
-  var toggleDropdown = function toggleDropdown() {
+  const toggleDropdown = () => {
     if (isDropdownExpanded) {
       collapseDropdown();
     } else {
       expandDropdown();
     }
   };
-  var iconToggle = /*#__PURE__*/React.createElement(IconButton, {
+  const iconToggle = /*#__PURE__*/React.createElement(IconButton, {
     className: "pgn__form-autosuggest__icon-button",
     "data-testid": "autosuggest-iconbutton",
     tabIndex: "-1",
@@ -164,10 +118,10 @@ var FormAutosuggest = /*#__PURE__*/forwardRef(function (_ref, ref) {
     alt: isDropdownExpanded ? intl.formatMessage(messages.iconButtonClosed) : intl.formatMessage(messages.iconButtonOpened),
     onClick: toggleDropdown
   });
-  var enterControl = function enterControl() {
+  const enterControl = () => {
     setIsActive(true);
   };
-  var updateErrorStateAndErrorMessage = function updateErrorStateAndErrorMessage() {
+  const updateErrorStateAndErrorMessage = () => {
     if (hasCustomError) {
       setIsValid(false);
       setErrorMessage(customErrorMessageText);
@@ -186,19 +140,17 @@ var FormAutosuggest = /*#__PURE__*/forwardRef(function (_ref, ref) {
     setIsValid(true);
     setErrorMessage('');
   };
-  useImperativeHandle(ref, function () {
-    return {
-      // expose updateErrorStateAndErrorMessage so consumers can trigger validation
-      // when changing the value of the control externally
-      updateErrorStateAndErrorMessage: updateErrorStateAndErrorMessage
-    };
-  });
-  var leaveControl = function leaveControl() {
+  useImperativeHandle(ref, () => ({
+    // expose updateErrorStateAndErrorMessage so consumers can trigger validation
+    // when changing the value of the control externally
+    updateErrorStateAndErrorMessage
+  }));
+  const leaveControl = () => {
     setIsActive(false);
     collapseDropdown();
     updateErrorStateAndErrorMessage();
   };
-  var keyDownHandler = function keyDownHandler(e) {
+  const keyDownHandler = e => {
     if (!isActive) {
       return;
     }
@@ -214,30 +166,29 @@ var FormAutosuggest = /*#__PURE__*/forwardRef(function (_ref, ref) {
       leaveControl();
     }
   };
-  var handleDocumentClick = function handleDocumentClick(e) {
+  const handleDocumentClick = e => {
     if (parentRef.current && !parentRef.current.contains(e.target) && isActive) {
       leaveControl();
     }
   };
-  useEffect(function () {
+  useEffect(() => {
     document.addEventListener('keydown', keyDownHandler);
     document.addEventListener('click', handleDocumentClick, true);
-    return function () {
+    return () => {
       document.removeEventListener('click', handleDocumentClick, true);
       document.removeEventListener('keydown', keyDownHandler);
     };
   });
-  useEffect(function () {
-    var _value$userProvidedTe;
-    setDisplayValue(value ? (_value$userProvidedTe = value.userProvidedText) !== null && _value$userProvidedTe !== void 0 ? _value$userProvidedTe : '' : '');
+  useEffect(() => {
+    setDisplayValue(value ? value.userProvidedText ?? '' : '');
     setHasValue(!!value && !!value.userProvidedText);
     setHasSelection(!!value && !!value.selectionValue);
   }, [value]);
-  var handleTextboxClick = function handleTextboxClick() {
+  const handleTextboxClick = () => {
     expandDropdown();
   };
-  var handleTextInput = function handleTextInput(e) {
-    var userProvidedText = e.target.value;
+  const handleTextInput = e => {
+    const userProvidedText = e.target.value;
 
     // If the user has removed all text from the textbox
     if (!userProvidedText.length) {
@@ -266,13 +217,11 @@ var FormAutosuggest = /*#__PURE__*/forwardRef(function (_ref, ref) {
     setHasValue(true);
 
     // filter dropdown based on entered text
-    var filteredItems = getItems(userProvidedText);
+    const filteredItems = getItems(userProvidedText);
     setDropdownItems(filteredItems);
 
     // check for matches in the dropdown
-    var matchingDropdownItem = filteredItems.find(function (o) {
-      return o.props.children.toLowerCase() === userProvidedText.toLowerCase();
-    });
+    const matchingDropdownItem = filteredItems.find(o => o.props.children.toLowerCase() === userProvidedText.toLowerCase());
 
     // if we didn't find a match
     if (!matchingDropdownItem) {
@@ -286,7 +235,7 @@ var FormAutosuggest = /*#__PURE__*/forwardRef(function (_ref, ref) {
       if (onChange) {
         // send an object with the user provided text only
         onChange({
-          userProvidedText: userProvidedText,
+          userProvidedText,
           selectionValue: '',
           selectionId: ''
         });
@@ -311,9 +260,10 @@ var FormAutosuggest = /*#__PURE__*/forwardRef(function (_ref, ref) {
       });
     }
   };
-  var _useFormGroupContext = useFormGroupContext(),
-    getControlProps = _useFormGroupContext.getControlProps;
-  var controlProps = getControlProps(props);
+  const {
+    getControlProps
+  } = useFormGroupContext();
+  const controlProps = getControlProps(props);
   return /*#__PURE__*/React.createElement("div", {
     className: "pgn__form-autosuggest__wrapper",
     ref: parentRef,
@@ -322,10 +272,10 @@ var FormAutosuggest = /*#__PURE__*/forwardRef(function (_ref, ref) {
     "aria-live": "assertive",
     className: "sr-only",
     "data-testid": "autosuggest-screen-reader-options-count"
-  }, "".concat(dropdownItems.length, " options found")), /*#__PURE__*/React.createElement(FormGroupContextProvider, {
+  }, `${dropdownItems.length} options found`), /*#__PURE__*/React.createElement(FormGroupContextProvider, {
     controlId: controlProps.id,
     isInvalid: !isValid
-  }, /*#__PURE__*/React.createElement(FormControl, _objectSpread({
+  }, /*#__PURE__*/React.createElement(FormControl, {
     ref: formControlRef,
     "aria-expanded": (dropdownItems.length > 0).toString(),
     "aria-owns": "pgn__form-autosuggest__dropdown-box",
@@ -338,8 +288,9 @@ var FormAutosuggest = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onChange: handleTextInput,
     onClick: handleTextboxClick,
     trailingElement: iconToggle,
-    "data-testid": "autosuggest-textbox-input"
-  }, controlProps)), helpMessage && isValid && /*#__PURE__*/React.createElement(FormControlFeedback, {
+    "data-testid": "autosuggest-textbox-input",
+    ...controlProps
+  }), helpMessage && isValid && /*#__PURE__*/React.createElement(FormControlFeedback, {
     type: "default"
   }, helpMessage), !isValid && /*#__PURE__*/React.createElement(FormControlFeedback, {
     type: "invalid",

package/dist/Form/FormAutosuggest.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormAutosuggest.js","names":["React","useEffect","useState","useRef","forwardRef","useImperativeHandle","PropTypes","v4","uuidv4","useIntl","requiredWhen","KeyboardArrowUp","KeyboardArrowDown","Icon","FormGroupContextProvider","useFormGroupContext","FormControl","FormControlFeedback","IconButton","Spinner","useArrowKeyNavigation","messages","FormAutosuggest","_ref","ref","children","arrowKeyNavigationSelector","ignoredArrowKeysNames","screenReaderText","value","isLoading","isValueRequired","valueRequiredErrorMessageText","isSelectionRequired","selectionRequiredErrorMessageText","hasCustomError","customErrorMessageText","onChange","helpMessage","props","_objectWithoutProperties","_excluded","intl","formControlRef","parentRef","selectors","ignoredKeys","_useState","_useState2","_slicedToArray","isDropdownExpanded","setIsDropdownExpanded","_useState3","_useState4","isActive","setIsActive","_useState5","_useState6","hasValue","setHasValue","_useState7","_useState8","hasSelection","setHasSelection","_useState9","userProvidedText","_useState10","displayValue","setDisplayValue","_useState11","_useState12","dropdownItems","setDropdownItems","_useState13","_useState14","activeMenuItemId","setActiveMenuItemId","_useState15","_useState16","isValid","setIsValid","_useState17","_useState18","errorMessage","setErrorMessage","handleMenuItemFocus","menuItemId","collapseDropdown","handleItemSelect","e","onClick","selectedValue","currentTarget","getAttribute","selectedId","id","selectionValue","selectionId","getItems","strToFind","arguments","length","undefined","childrenOpt","Children","map","child","_child$props$id","_child$props","childChildren","rest","_excluded2","cloneElement","_objectSpread","onFocus","filter","opt","toLowerCase","includes","expandDropdown","toggleDropdown","iconToggle","createElement","className","tabIndex","src","iconAs","size","variant","alt","formatMessage","iconButtonClosed","iconButtonOpened","enterControl","updateErrorStateAndErrorMessage","leaveControl","keyDownHandler","key","preventDefault","current","focus","handleDocumentClick","contains","target","document","addEventListener","removeEventListener","_value$userProvidedTe","handleTextboxClick","handleTextInput","filteredItems","matchingDropdownItem","find","o","_useFormGroupContext","getControlProps","controlProps","concat","controlId","isInvalid","toString","role","autoComplete","trailingElement","type","name","animation","defaultProps","floatingLabel","placeholder","readOnly","propTypes","string","arrayOf","bool","func","shape","node"],"sources":["../../src/Form/FormAutosuggest.jsx"],"sourcesContent":["import React, {\n  useEffect, useState, useRef, forwardRef, useImperativeHandle,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { v4 as uuidv4 } from 'uuid';\nimport { useIntl } from 'react-intl';\nimport { requiredWhen } from '../utils/propTypes';\nimport { KeyboardArrowUp, KeyboardArrowDown } from '../../icons';\nimport Icon from '../Icon';\nimport { FormGroupContextProvider, useFormGroupContext } from './FormGroupContext';\nimport FormControl from './FormControl';\nimport FormControlFeedback from './FormControlFeedback';\nimport IconButton from '../IconButton';\nimport Spinner from '../Spinner';\nimport useArrowKeyNavigation from '../hooks/useArrowKeyNavigation';\nimport messages from './messages';\n\nconst FormAutosuggest = forwardRef(\n  (\n    {\n      children,\n      arrowKeyNavigationSelector,\n      ignoredArrowKeysNames,\n      screenReaderText,\n      value,\n      isLoading,\n      isValueRequired,\n      valueRequiredErrorMessageText,\n      isSelectionRequired,\n      selectionRequiredErrorMessageText,\n      hasCustomError,\n      customErrorMessageText,\n      onChange,\n      helpMessage,\n      ...props\n    },\n    ref,\n  ) => {\n    const intl = useIntl();\n    const formControlRef = useRef();\n    const parentRef = useArrowKeyNavigation({\n      selectors: arrowKeyNavigationSelector,\n      ignoredKeys: ignoredArrowKeysNames,\n    });\n    const [isDropdownExpanded, setIsDropdownExpanded] = useState(false);\n    const [isActive, setIsActive] = useState(false);\n    const [hasValue, setHasValue] = useState(false);\n    const [hasSelection, setHasSelection] = useState(false);\n    const [displayValue, setDisplayValue] = useState(value?.userProvidedText || '');\n    const [dropdownItems, setDropdownItems] = useState([]);\n    const [activeMenuItemId, setActiveMenuItemId] = useState(null);\n    const [isValid, setIsValid] = useState(true);\n    const [errorMessage, setErrorMessage] = useState('');\n\n    const handleMenuItemFocus = (menuItemId) => {\n      setActiveMenuItemId(menuItemId);\n    };\n\n    const collapseDropdown = () => {\n      setDropdownItems([]);\n      setIsDropdownExpanded(false);\n      setActiveMenuItemId(null);\n    };\n\n    const handleItemSelect = (e, onClick) => {\n      const selectedValue = e.currentTarget.getAttribute('data-value');\n      const selectedId = e.currentTarget.id;\n\n      setHasValue(true);\n      setHasSelection(true);\n      setDisplayValue(selectedValue);\n\n      if (onChange && (!value || (value && selectedValue !== value.selectionValue))) {\n        onChange({\n          userProvidedText: selectedValue,\n          selectionValue: selectedValue,\n          selectionId: selectedId,\n        });\n      }\n\n      collapseDropdown();\n\n      if (onClick) {\n        onClick(e);\n      }\n    };\n\n    function getItems(strToFind = '') {\n      let childrenOpt = React.Children.map(children, (child) => {\n        const { children: childChildren, onClick, ...rest } = child.props;\n        const menuItemId = child.props.id ?? uuidv4();\n\n        return React.cloneElement(child, {\n          ...rest,\n          children: childChildren,\n          'data-value': childChildren,\n          onClick: (e) => handleItemSelect(e, onClick),\n          id: menuItemId,\n          onFocus: () => handleMenuItemFocus(menuItemId),\n        });\n      });\n\n      if (strToFind.length > 0) {\n        childrenOpt = childrenOpt\n          .filter((opt) => (opt.props.children.toLowerCase().includes(strToFind.toLowerCase())));\n      }\n\n      return childrenOpt;\n    }\n\n    const expandDropdown = () => {\n      setDropdownItems(getItems(displayValue));\n      setIsValid(true);\n      setErrorMessage('');\n      setIsDropdownExpanded(true);\n    };\n\n    const toggleDropdown = () => {\n      if (isDropdownExpanded) {\n        collapseDropdown();\n      } else {\n        expandDropdown();\n      }\n    };\n\n    const iconToggle = (\n      <IconButton\n        className=\"pgn__form-autosuggest__icon-button\"\n        data-testid=\"autosuggest-iconbutton\"\n        tabIndex=\"-1\"\n        src={isDropdownExpanded ? KeyboardArrowUp : KeyboardArrowDown}\n        iconAs={Icon}\n        size=\"sm\"\n        variant=\"secondary\"\n        alt={isDropdownExpanded\n          ? intl.formatMessage(messages.iconButtonClosed)\n          : intl.formatMessage(messages.iconButtonOpened)}\n        onClick={toggleDropdown}\n      />\n    );\n\n    const enterControl = () => {\n      setIsActive(true);\n    };\n\n    const updateErrorStateAndErrorMessage = () => {\n      if (hasCustomError) {\n        setIsValid(false);\n        setErrorMessage(customErrorMessageText);\n        return;\n      }\n\n      if (isValueRequired && !hasValue) {\n        setIsValid(false);\n        setErrorMessage(valueRequiredErrorMessageText);\n        return;\n      }\n\n      if (hasValue && isSelectionRequired && !hasSelection) {\n        setIsValid(false);\n        setErrorMessage(selectionRequiredErrorMessageText);\n        return;\n      }\n\n      setIsValid(true);\n      setErrorMessage('');\n    };\n\n    useImperativeHandle(ref, () => ({\n      // expose updateErrorStateAndErrorMessage so consumers can trigger validation\n      // when changing the value of the control externally\n      updateErrorStateAndErrorMessage,\n    }));\n\n    const leaveControl = () => {\n      setIsActive(false);\n      collapseDropdown();\n      updateErrorStateAndErrorMessage();\n    };\n\n    const keyDownHandler = e => {\n      if (!isActive) {\n        return;\n      }\n\n      if (e.key === 'Escape') {\n        e.preventDefault();\n\n        if (formControlRef) {\n          formControlRef.current.focus();\n        }\n\n        collapseDropdown();\n        return;\n      }\n\n      if (e.key === 'Tab') {\n        leaveControl();\n      }\n    };\n\n    const handleDocumentClick = (e) => {\n      if (parentRef.current && !parentRef.current.contains(e.target) && isActive) {\n        leaveControl();\n      }\n    };\n\n    useEffect(() => {\n      document.addEventListener('keydown', keyDownHandler);\n      document.addEventListener('click', handleDocumentClick, true);\n\n      return () => {\n        document.removeEventListener('click', handleDocumentClick, true);\n        document.removeEventListener('keydown', keyDownHandler);\n      };\n    });\n\n    useEffect(() => {\n      setDisplayValue(value ? value.userProvidedText ?? '' : '');\n      setHasValue(!!value && !!value.userProvidedText);\n      setHasSelection(!!value && !!value.selectionValue);\n    }, [value]);\n\n    const handleTextboxClick = () => {\n      expandDropdown();\n    };\n\n    const handleTextInput = (e) => {\n      const userProvidedText = e.target.value;\n\n      // If the user has removed all text from the textbox\n      if (!userProvidedText.length) {\n      // reset to a \"no text, nothing selected\" state\n        setDisplayValue('');\n        setHasValue(false);\n        setHasSelection(false);\n\n        // clear and close the dropdown\n        setDropdownItems([]);\n        collapseDropdown();\n\n        // if the consumer has provided an onChange handler\n        if (onChange) {\n        // send a default empty object\n          onChange({\n            userProvidedText: '',\n            selectionValue: '',\n            selectionId: '',\n          });\n        }\n        return;\n      }\n\n      // the user has entered text, we have a value\n      setHasValue(true);\n\n      // filter dropdown based on entered text\n      const filteredItems = getItems(userProvidedText);\n      setDropdownItems(filteredItems);\n\n      // check for matches in the dropdown\n      const matchingDropdownItem = filteredItems.find((o) => (\n        o.props.children.toLowerCase() === userProvidedText.toLowerCase()\n      ));\n\n      // if we didn't find a match\n      if (!matchingDropdownItem) {\n      // no match means no selection\n        setHasSelection(false);\n\n        // set the text in the state\n        setDisplayValue(userProvidedText);\n\n        // if the consumer has provided an onChange handler\n        if (onChange) {\n        // send an object with the user provided text only\n          onChange({\n            userProvidedText,\n            selectionValue: '',\n            selectionId: '',\n          });\n        }\n        return;\n      }\n\n      // we found a match, we have a selection!\n      setHasSelection(true);\n\n      // set the display value based on the item in the dropdown\n      // this matters because we match case insensitively\n      setDisplayValue(matchingDropdownItem.props.children);\n\n      // if the consumer has provided an onChange handler\n      if (onChange) {\n      // send an object with the selected item values\n        onChange({\n          userProvidedText: matchingDropdownItem.props.children,\n          selectionValue: matchingDropdownItem.props.children,\n          selectionId: matchingDropdownItem.props.id,\n        });\n      }\n    };\n\n    const { getControlProps } = useFormGroupContext();\n    const controlProps = getControlProps(props);\n\n    return (\n      <div className=\"pgn__form-autosuggest__wrapper\" ref={parentRef} onFocus={enterControl}>\n        <div aria-live=\"assertive\" className=\"sr-only\" data-testid=\"autosuggest-screen-reader-options-count\">\n          {`${dropdownItems.length} options found`}\n        </div>\n        <FormGroupContextProvider\n          controlId={controlProps.id}\n          isInvalid={!isValid}\n        >\n          <FormControl\n            ref={formControlRef}\n            aria-expanded={(dropdownItems.length > 0).toString()}\n            aria-owns=\"pgn__form-autosuggest__dropdown-box\"\n            role=\"combobox\"\n            aria-autocomplete=\"list\"\n            autoComplete=\"off\"\n            value={displayValue}\n            aria-invalid={errorMessage}\n            aria-activedescendant={activeMenuItemId}\n            onChange={handleTextInput}\n            onClick={handleTextboxClick}\n            trailingElement={iconToggle}\n            data-testid=\"autosuggest-textbox-input\"\n            {...controlProps}\n          />\n\n          {helpMessage && isValid && (\n          <FormControlFeedback type=\"default\">\n            {helpMessage}\n          </FormControlFeedback>\n          )}\n\n          {!isValid && (\n          <FormControlFeedback type=\"invalid\" feedback-for={controlProps.name}>\n            {errorMessage}\n          </FormControlFeedback>\n          )}\n        </FormGroupContextProvider>\n        <ul\n          id=\"pgn__form-autosuggest__dropdown-box\"\n          className=\"pgn__form-autosuggest__dropdown\"\n          role=\"listbox\"\n        >\n          {isLoading ? (\n            <div className=\"pgn__form-autosuggest__dropdown-loading\">\n              <Spinner\n                animation=\"border\"\n                variant=\"dark\"\n                screenReaderText={screenReaderText}\n                data-testid=\"autosuggest-loading-spinner\"\n              />\n            </div>\n          ) : dropdownItems.length > 0 && dropdownItems}\n        </ul>\n      </div>\n    );\n  },\n);\n\nFormAutosuggest.defaultProps = {\n  arrowKeyNavigationSelector: 'a:not(:disabled),li:not(:disabled, .btn-icon),input:not(:disabled)',\n  ignoredArrowKeysNames: ['ArrowRight', 'ArrowLeft'],\n  isLoading: false,\n  className: null,\n  floatingLabel: null,\n  onChange: null,\n  helpMessage: '',\n  placeholder: '',\n  value: null,\n  isValueRequired: false,\n  valueRequiredErrorMessageText: null,\n  isSelectionRequired: false,\n  selectionRequiredErrorMessageText: null,\n  hasCustomError: false,\n  customErrorMessageText: null,\n  readOnly: false,\n  children: null,\n  name: 'form-autosuggest',\n  screenReaderText: 'loading',\n};\n\nFormAutosuggest.propTypes = {\n  /**\n   * Specifies the CSS selector string that indicates to which elements\n   * the user can navigate using the arrow keys\n  */\n  arrowKeyNavigationSelector: PropTypes.string,\n  /** Specifies ignored hook keys. */\n  ignoredArrowKeysNames: PropTypes.arrayOf(PropTypes.string),\n  /** Specifies loading state. */\n  isLoading: PropTypes.bool,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies floating label to display for the input component. */\n  floatingLabel: PropTypes.string,\n  /** Specifies onChange event handler. */\n  onChange: PropTypes.func,\n  /** Specifies help information for the user. */\n  helpMessage: PropTypes.string,\n  /** Specifies the placeholder text for the input. */\n  placeholder: PropTypes.string,\n  /** Specifies values for the input. */\n  value: PropTypes.shape({\n    userProvidedText: PropTypes.string,\n    selectionValue: PropTypes.string,\n    selectionId: PropTypes.string,\n  }),\n  /** Specifies if empty values trigger an error state */\n  isValueRequired: PropTypes.bool,\n  /** Informs user they must input a value. */\n  valueRequiredErrorMessageText: requiredWhen(PropTypes.string, 'isValueRequired'),\n  /** Specifies if freeform values trigger an error state */\n  isSelectionRequired: PropTypes.bool,\n  /** Informs user they must make a selection. */\n  selectionRequiredErrorMessageText: requiredWhen(PropTypes.string, 'isSelectionRequired'),\n  /** Specifies the control is in a consumer provided error state */\n  hasCustomError: PropTypes.bool,\n  /** Informs user of other errors. */\n  customErrorMessageText: requiredWhen(PropTypes.string, 'hasCustomError'),\n  /** Specifies the name of the base input element. */\n  name: PropTypes.string,\n  /** Selected list item is read-only. */\n  readOnly: PropTypes.bool,\n  /** Specifies the content of the `FormAutosuggest`. */\n  children: PropTypes.node,\n  /** Specifies the screen reader text */\n  screenReaderText: PropTypes.string,\n};\n\nexport default FormAutosuggest;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FormAutosuggest.js","names":["React","useEffect","useState","useRef","forwardRef","useImperativeHandle","PropTypes","v4","uuidv4","useIntl","requiredWhen","KeyboardArrowUp","KeyboardArrowDown","Icon","FormGroupContextProvider","useFormGroupContext","FormControl","FormControlFeedback","IconButton","Spinner","useArrowKeyNavigation","messages","FormAutosuggest","_ref","ref","children","arrowKeyNavigationSelector","ignoredArrowKeysNames","screenReaderText","value","isLoading","isValueRequired","valueRequiredErrorMessageText","isSelectionRequired","selectionRequiredErrorMessageText","hasCustomError","customErrorMessageText","onChange","helpMessage","props","intl","formControlRef","parentRef","selectors","ignoredKeys","isDropdownExpanded","setIsDropdownExpanded","isActive","setIsActive","hasValue","setHasValue","hasSelection","setHasSelection","displayValue","setDisplayValue","userProvidedText","dropdownItems","setDropdownItems","activeMenuItemId","setActiveMenuItemId","isValid","setIsValid","errorMessage","setErrorMessage","handleMenuItemFocus","menuItemId","collapseDropdown","handleItemSelect","e","onClick","selectedValue","currentTarget","getAttribute","selectedId","id","selectionValue","selectionId","getItems","strToFind","arguments","length","undefined","childrenOpt","Children","map","child","childChildren","rest","cloneElement","onFocus","filter","opt","toLowerCase","includes","expandDropdown","toggleDropdown","iconToggle","createElement","className","tabIndex","src","iconAs","size","variant","alt","formatMessage","iconButtonClosed","iconButtonOpened","enterControl","updateErrorStateAndErrorMessage","leaveControl","keyDownHandler","key","preventDefault","current","focus","handleDocumentClick","contains","target","document","addEventListener","removeEventListener","handleTextboxClick","handleTextInput","filteredItems","matchingDropdownItem","find","o","getControlProps","controlProps","controlId","isInvalid","toString","role","autoComplete","trailingElement","type","name","animation","defaultProps","floatingLabel","placeholder","readOnly","propTypes","string","arrayOf","bool","func","shape","node"],"sources":["../../src/Form/FormAutosuggest.jsx"],"sourcesContent":["import React, {\n  useEffect, useState, useRef, forwardRef, useImperativeHandle,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { v4 as uuidv4 } from 'uuid';\nimport { useIntl } from 'react-intl';\nimport { requiredWhen } from '../utils/propTypes';\nimport { KeyboardArrowUp, KeyboardArrowDown } from '../../icons';\nimport Icon from '../Icon';\nimport { FormGroupContextProvider, useFormGroupContext } from './FormGroupContext';\nimport FormControl from './FormControl';\nimport FormControlFeedback from './FormControlFeedback';\nimport IconButton from '../IconButton';\nimport Spinner from '../Spinner';\nimport useArrowKeyNavigation from '../hooks/useArrowKeyNavigationHook';\nimport messages from './messages';\n\nconst FormAutosuggest = forwardRef(\n  (\n    {\n      children,\n      arrowKeyNavigationSelector,\n      ignoredArrowKeysNames,\n      screenReaderText,\n      value,\n      isLoading,\n      isValueRequired,\n      valueRequiredErrorMessageText,\n      isSelectionRequired,\n      selectionRequiredErrorMessageText,\n      hasCustomError,\n      customErrorMessageText,\n      onChange,\n      helpMessage,\n      ...props\n    },\n    ref,\n  ) => {\n    const intl = useIntl();\n    const formControlRef = useRef();\n    const parentRef = useArrowKeyNavigation({\n      selectors: arrowKeyNavigationSelector,\n      ignoredKeys: ignoredArrowKeysNames,\n    });\n    const [isDropdownExpanded, setIsDropdownExpanded] = useState(false);\n    const [isActive, setIsActive] = useState(false);\n    const [hasValue, setHasValue] = useState(false);\n    const [hasSelection, setHasSelection] = useState(false);\n    const [displayValue, setDisplayValue] = useState(value?.userProvidedText || '');\n    const [dropdownItems, setDropdownItems] = useState([]);\n    const [activeMenuItemId, setActiveMenuItemId] = useState(null);\n    const [isValid, setIsValid] = useState(true);\n    const [errorMessage, setErrorMessage] = useState('');\n\n    const handleMenuItemFocus = (menuItemId) => {\n      setActiveMenuItemId(menuItemId);\n    };\n\n    const collapseDropdown = () => {\n      setDropdownItems([]);\n      setIsDropdownExpanded(false);\n      setActiveMenuItemId(null);\n    };\n\n    const handleItemSelect = (e, onClick) => {\n      const selectedValue = e.currentTarget.getAttribute('data-value');\n      const selectedId = e.currentTarget.id;\n\n      setHasValue(true);\n      setHasSelection(true);\n      setDisplayValue(selectedValue);\n\n      if (onChange && (!value || (value && selectedValue !== value.selectionValue))) {\n        onChange({\n          userProvidedText: selectedValue,\n          selectionValue: selectedValue,\n          selectionId: selectedId,\n        });\n      }\n\n      collapseDropdown();\n\n      if (onClick) {\n        onClick(e);\n      }\n    };\n\n    function getItems(strToFind = '') {\n      let childrenOpt = React.Children.map(children, (child) => {\n        const { children: childChildren, onClick, ...rest } = child.props;\n        const menuItemId = child.props.id ?? uuidv4();\n\n        return React.cloneElement(child, {\n          ...rest,\n          children: childChildren,\n          'data-value': childChildren,\n          onClick: (e) => handleItemSelect(e, onClick),\n          id: menuItemId,\n          onFocus: () => handleMenuItemFocus(menuItemId),\n        });\n      });\n\n      if (strToFind.length > 0) {\n        childrenOpt = childrenOpt\n          .filter((opt) => (opt.props.children.toLowerCase().includes(strToFind.toLowerCase())));\n      }\n\n      return childrenOpt;\n    }\n\n    const expandDropdown = () => {\n      setDropdownItems(getItems(displayValue));\n      setIsValid(true);\n      setErrorMessage('');\n      setIsDropdownExpanded(true);\n    };\n\n    const toggleDropdown = () => {\n      if (isDropdownExpanded) {\n        collapseDropdown();\n      } else {\n        expandDropdown();\n      }\n    };\n\n    const iconToggle = (\n      <IconButton\n        className=\"pgn__form-autosuggest__icon-button\"\n        data-testid=\"autosuggest-iconbutton\"\n        tabIndex=\"-1\"\n        src={isDropdownExpanded ? KeyboardArrowUp : KeyboardArrowDown}\n        iconAs={Icon}\n        size=\"sm\"\n        variant=\"secondary\"\n        alt={isDropdownExpanded\n          ? intl.formatMessage(messages.iconButtonClosed)\n          : intl.formatMessage(messages.iconButtonOpened)}\n        onClick={toggleDropdown}\n      />\n    );\n\n    const enterControl = () => {\n      setIsActive(true);\n    };\n\n    const updateErrorStateAndErrorMessage = () => {\n      if (hasCustomError) {\n        setIsValid(false);\n        setErrorMessage(customErrorMessageText);\n        return;\n      }\n\n      if (isValueRequired && !hasValue) {\n        setIsValid(false);\n        setErrorMessage(valueRequiredErrorMessageText);\n        return;\n      }\n\n      if (hasValue && isSelectionRequired && !hasSelection) {\n        setIsValid(false);\n        setErrorMessage(selectionRequiredErrorMessageText);\n        return;\n      }\n\n      setIsValid(true);\n      setErrorMessage('');\n    };\n\n    useImperativeHandle(ref, () => ({\n      // expose updateErrorStateAndErrorMessage so consumers can trigger validation\n      // when changing the value of the control externally\n      updateErrorStateAndErrorMessage,\n    }));\n\n    const leaveControl = () => {\n      setIsActive(false);\n      collapseDropdown();\n      updateErrorStateAndErrorMessage();\n    };\n\n    const keyDownHandler = e => {\n      if (!isActive) {\n        return;\n      }\n\n      if (e.key === 'Escape') {\n        e.preventDefault();\n\n        if (formControlRef) {\n          formControlRef.current.focus();\n        }\n\n        collapseDropdown();\n        return;\n      }\n\n      if (e.key === 'Tab') {\n        leaveControl();\n      }\n    };\n\n    const handleDocumentClick = (e) => {\n      if (parentRef.current && !parentRef.current.contains(e.target) && isActive) {\n        leaveControl();\n      }\n    };\n\n    useEffect(() => {\n      document.addEventListener('keydown', keyDownHandler);\n      document.addEventListener('click', handleDocumentClick, true);\n\n      return () => {\n        document.removeEventListener('click', handleDocumentClick, true);\n        document.removeEventListener('keydown', keyDownHandler);\n      };\n    });\n\n    useEffect(() => {\n      setDisplayValue(value ? value.userProvidedText ?? '' : '');\n      setHasValue(!!value && !!value.userProvidedText);\n      setHasSelection(!!value && !!value.selectionValue);\n    }, [value]);\n\n    const handleTextboxClick = () => {\n      expandDropdown();\n    };\n\n    const handleTextInput = (e) => {\n      const userProvidedText = e.target.value;\n\n      // If the user has removed all text from the textbox\n      if (!userProvidedText.length) {\n      // reset to a \"no text, nothing selected\" state\n        setDisplayValue('');\n        setHasValue(false);\n        setHasSelection(false);\n\n        // clear and close the dropdown\n        setDropdownItems([]);\n        collapseDropdown();\n\n        // if the consumer has provided an onChange handler\n        if (onChange) {\n        // send a default empty object\n          onChange({\n            userProvidedText: '',\n            selectionValue: '',\n            selectionId: '',\n          });\n        }\n        return;\n      }\n\n      // the user has entered text, we have a value\n      setHasValue(true);\n\n      // filter dropdown based on entered text\n      const filteredItems = getItems(userProvidedText);\n      setDropdownItems(filteredItems);\n\n      // check for matches in the dropdown\n      const matchingDropdownItem = filteredItems.find((o) => (\n        o.props.children.toLowerCase() === userProvidedText.toLowerCase()\n      ));\n\n      // if we didn't find a match\n      if (!matchingDropdownItem) {\n      // no match means no selection\n        setHasSelection(false);\n\n        // set the text in the state\n        setDisplayValue(userProvidedText);\n\n        // if the consumer has provided an onChange handler\n        if (onChange) {\n        // send an object with the user provided text only\n          onChange({\n            userProvidedText,\n            selectionValue: '',\n            selectionId: '',\n          });\n        }\n        return;\n      }\n\n      // we found a match, we have a selection!\n      setHasSelection(true);\n\n      // set the display value based on the item in the dropdown\n      // this matters because we match case insensitively\n      setDisplayValue(matchingDropdownItem.props.children);\n\n      // if the consumer has provided an onChange handler\n      if (onChange) {\n      // send an object with the selected item values\n        onChange({\n          userProvidedText: matchingDropdownItem.props.children,\n          selectionValue: matchingDropdownItem.props.children,\n          selectionId: matchingDropdownItem.props.id,\n        });\n      }\n    };\n\n    const { getControlProps } = useFormGroupContext();\n    const controlProps = getControlProps(props);\n\n    return (\n      <div className=\"pgn__form-autosuggest__wrapper\" ref={parentRef} onFocus={enterControl}>\n        <div aria-live=\"assertive\" className=\"sr-only\" data-testid=\"autosuggest-screen-reader-options-count\">\n          {`${dropdownItems.length} options found`}\n        </div>\n        <FormGroupContextProvider\n          controlId={controlProps.id}\n          isInvalid={!isValid}\n        >\n          <FormControl\n            ref={formControlRef}\n            aria-expanded={(dropdownItems.length > 0).toString()}\n            aria-owns=\"pgn__form-autosuggest__dropdown-box\"\n            role=\"combobox\"\n            aria-autocomplete=\"list\"\n            autoComplete=\"off\"\n            value={displayValue}\n            aria-invalid={errorMessage}\n            aria-activedescendant={activeMenuItemId}\n            onChange={handleTextInput}\n            onClick={handleTextboxClick}\n            trailingElement={iconToggle}\n            data-testid=\"autosuggest-textbox-input\"\n            {...controlProps}\n          />\n\n          {helpMessage && isValid && (\n          <FormControlFeedback type=\"default\">\n            {helpMessage}\n          </FormControlFeedback>\n          )}\n\n          {!isValid && (\n          <FormControlFeedback type=\"invalid\" feedback-for={controlProps.name}>\n            {errorMessage}\n          </FormControlFeedback>\n          )}\n        </FormGroupContextProvider>\n        <ul\n          id=\"pgn__form-autosuggest__dropdown-box\"\n          className=\"pgn__form-autosuggest__dropdown\"\n          role=\"listbox\"\n        >\n          {isLoading ? (\n            <div className=\"pgn__form-autosuggest__dropdown-loading\">\n              <Spinner\n                animation=\"border\"\n                variant=\"dark\"\n                screenReaderText={screenReaderText}\n                data-testid=\"autosuggest-loading-spinner\"\n              />\n            </div>\n          ) : dropdownItems.length > 0 && dropdownItems}\n        </ul>\n      </div>\n    );\n  },\n);\n\nFormAutosuggest.defaultProps = {\n  arrowKeyNavigationSelector: 'a:not(:disabled),li:not(:disabled, .btn-icon),input:not(:disabled)',\n  ignoredArrowKeysNames: ['ArrowRight', 'ArrowLeft'],\n  isLoading: false,\n  className: null,\n  floatingLabel: null,\n  onChange: null,\n  helpMessage: '',\n  placeholder: '',\n  value: null,\n  isValueRequired: false,\n  valueRequiredErrorMessageText: null,\n  isSelectionRequired: false,\n  selectionRequiredErrorMessageText: null,\n  hasCustomError: false,\n  customErrorMessageText: null,\n  readOnly: false,\n  children: null,\n  name: 'form-autosuggest',\n  screenReaderText: 'loading',\n};\n\nFormAutosuggest.propTypes = {\n  /**\n   * Specifies the CSS selector string that indicates to which elements\n   * the user can navigate using the arrow keys\n  */\n  arrowKeyNavigationSelector: PropTypes.string,\n  /** Specifies ignored hook keys. */\n  ignoredArrowKeysNames: PropTypes.arrayOf(PropTypes.string),\n  /** Specifies loading state. */\n  isLoading: PropTypes.bool,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies floating label to display for the input component. */\n  floatingLabel: PropTypes.string,\n  /** Specifies onChange event handler. */\n  onChange: PropTypes.func,\n  /** Specifies help information for the user. */\n  helpMessage: PropTypes.string,\n  /** Specifies the placeholder text for the input. */\n  placeholder: PropTypes.string,\n  /** Specifies values for the input. */\n  value: PropTypes.shape({\n    userProvidedText: PropTypes.string,\n    selectionValue: PropTypes.string,\n    selectionId: PropTypes.string,\n  }),\n  /** Specifies if empty values trigger an error state */\n  isValueRequired: PropTypes.bool,\n  /** Informs user they must input a value. */\n  valueRequiredErrorMessageText: requiredWhen(PropTypes.string, 'isValueRequired'),\n  /** Specifies if freeform values trigger an error state */\n  isSelectionRequired: PropTypes.bool,\n  /** Informs user they must make a selection. */\n  selectionRequiredErrorMessageText: requiredWhen(PropTypes.string, 'isSelectionRequired'),\n  /** Specifies the control is in a consumer provided error state */\n  hasCustomError: PropTypes.bool,\n  /** Informs user of other errors. */\n  customErrorMessageText: requiredWhen(PropTypes.string, 'hasCustomError'),\n  /** Specifies the name of the base input element. */\n  name: PropTypes.string,\n  /** Selected list item is read-only. */\n  readOnly: PropTypes.bool,\n  /** Specifies the content of the `FormAutosuggest`. */\n  children: PropTypes.node,\n  /** Specifies the screen reader text */\n  screenReaderText: PropTypes.string,\n};\n\nexport default FormAutosuggest;\n"],"mappings":"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","ignoreList":[]}

package/dist/Form/FormAutosuggestOption.js

@@ -1,29 +1,23 @@
-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", "onClick"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import MenuItem from '../Menu/MenuItem';
 function FormAutosuggestOption(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    onClick = _ref.onClick,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(MenuItem, _objectSpread({
+  let {
+    children,
+    className,
+    onClick,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(MenuItem, {
     as: "li",
     "data-testid": "autosuggest-optionitem",
     role: "option",
     tabIndex: "-1",
     onClick: onClick,
-    className: classNames(className, 'dropdown-item')
-  }, props), children);
+    className: classNames(className, 'dropdown-item'),
+    ...props
+  }, children);
 }
 FormAutosuggestOption.defaultProps = {
   className: null,

package/dist/Form/FormAutosuggestOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormAutosuggestOption.js","names":["React","PropTypes","classNames","MenuItem","FormAutosuggestOption","_ref","children","className","onClick","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","as","role","tabIndex","defaultProps","propTypes","string","func"],"sources":["../../src/Form/FormAutosuggestOption.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport MenuItem from '../Menu/MenuItem';\n\nfunction FormAutosuggestOption({\n  children,\n  className,\n  onClick,\n  ...props\n}) {\n  return (\n    <MenuItem\n      as=\"li\"\n      data-testid=\"autosuggest-optionitem\"\n      role=\"option\"\n      tabIndex=\"-1\"\n      onClick={onClick}\n      className={classNames(className, 'dropdown-item')}\n      {...props}\n    >\n      {children}\n    </MenuItem>\n  );\n}\n\nFormAutosuggestOption.defaultProps = {\n  className: null,\n  children: null,\n  onClick: null,\n};\n\nFormAutosuggestOption.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies the text-content of the `FormAutosuggestOption`. */\n  children: PropTypes.string,\n  /** A click handler for the `FormAutosuggestOption` */\n  onClick: PropTypes.func,\n};\n\nexport default FormAutosuggestOption;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,kBAAkB;AAEvC,SAASC,qBAAqBA,CAAAC,IAAA,EAK3B;EAAA,IAJDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACJC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAER,oBACEX,KAAA,CAAAY,aAAA,CAACT,QAAQ,EAAAU,aAAA;IACPC,EAAE,EAAC,IAAI;IACP,eAAY,wBAAwB;IACpCC,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAC,IAAI;IACbR,OAAO,EAAEA,OAAQ;IACjBD,SAAS,EAAEL,UAAU,CAACK,SAAS,EAAE,eAAe;EAAE,GAC9CE,KAAK,GAERH,QACO,CAAC;AAEf;AAEAF,qBAAqB,CAACa,YAAY,GAAG;EACnCV,SAAS,EAAE,IAAI;EACfD,QAAQ,EAAE,IAAI;EACdE,OAAO,EAAE;AACX,CAAC;AAEDJ,qBAAqB,CAACc,SAAS,GAAG;EAChC;EACAX,SAAS,EAAEN,SAAS,CAACkB,MAAM;EAC3B;EACAb,QAAQ,EAAEL,SAAS,CAACkB,MAAM;EAC1B;EACAX,OAAO,EAAEP,SAAS,CAACmB;AACrB,CAAC;AAED,eAAehB,qBAAqB","ignoreList":[]}
+{"version":3,"file":"FormAutosuggestOption.js","names":["React","PropTypes","classNames","MenuItem","FormAutosuggestOption","_ref","children","className","onClick","props","createElement","as","role","tabIndex","defaultProps","propTypes","string","func"],"sources":["../../src/Form/FormAutosuggestOption.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport MenuItem from '../Menu/MenuItem';\n\nfunction FormAutosuggestOption({\n  children,\n  className,\n  onClick,\n  ...props\n}) {\n  return (\n    <MenuItem\n      as=\"li\"\n      data-testid=\"autosuggest-optionitem\"\n      role=\"option\"\n      tabIndex=\"-1\"\n      onClick={onClick}\n      className={classNames(className, 'dropdown-item')}\n      {...props}\n    >\n      {children}\n    </MenuItem>\n  );\n}\n\nFormAutosuggestOption.defaultProps = {\n  className: null,\n  children: null,\n  onClick: null,\n};\n\nFormAutosuggestOption.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies the text-content of the `FormAutosuggestOption`. */\n  children: PropTypes.string,\n  /** A click handler for the `FormAutosuggestOption` */\n  onClick: PropTypes.func,\n};\n\nexport default FormAutosuggestOption;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,kBAAkB;AAEvC,SAASC,qBAAqBA,CAAAC,IAAA,EAK3B;EAAA,IAL4B;IAC7BC,QAAQ;IACRC,SAAS;IACTC,OAAO;IACP,GAAGC;EACL,CAAC,GAAAJ,IAAA;EACC,oBACEL,KAAA,CAAAU,aAAA,CAACP,QAAQ;IACPQ,EAAE,EAAC,IAAI;IACP,eAAY,wBAAwB;IACpCC,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAC,IAAI;IACbL,OAAO,EAAEA,OAAQ;IACjBD,SAAS,EAAEL,UAAU,CAACK,SAAS,EAAE,eAAe,CAAE;IAAA,GAC9CE;EAAK,GAERH,QACO,CAAC;AAEf;AAEAF,qBAAqB,CAACU,YAAY,GAAG;EACnCP,SAAS,EAAE,IAAI;EACfD,QAAQ,EAAE,IAAI;EACdE,OAAO,EAAE;AACX,CAAC;AAEDJ,qBAAqB,CAACW,SAAS,GAAG;EAChC;EACAR,SAAS,EAAEN,SAAS,CAACe,MAAM;EAC3B;EACAV,QAAQ,EAAEL,SAAS,CAACe,MAAM;EAC1B;EACAR,OAAO,EAAEP,SAAS,CAACgB;AACrB,CAAC;AAED,eAAeb,qBAAqB","ignoreList":[]}