@openedx/paragon 22.9.0 → 22.11.0

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","value","initialValue","formAriaLabel","disabled","submitButtonLocation","rest","hasFocus","setHasFocus","setValue","isInitialMount","inputId","inputRef","submitButtonRef","current","handleSubmit","event","preventDefault","focus","handleClear","handleFocus","handleBlur","handleChange","target","createElement","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,24 +1,24 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { useContext } from 'react';
 import { SearchFieldContext } from './SearchFieldAdvanced';
 import Icon from '../Icon';
 import IconButton from '../IconButton';
 function SearchFieldClearButton(props) {
-  var _useContext = useContext(SearchFieldContext),
-    screenReaderText = _useContext.screenReaderText,
-    icons = _useContext.icons,
-    value = _useContext.value,
-    disabled = _useContext.disabled,
-    refs = _useContext.refs;
+  const {
+    screenReaderText,
+    icons,
+    value,
+    disabled,
+    refs
+  } = useContext(SearchFieldContext);
   if (!value) {
     return null;
   }
-  var handleClick = function handleClick() {
+  const handleClick = () => {
     if (refs.input.current) {
       refs.input.current.focus();
     }
   };
-  return /*#__PURE__*/React.createElement(IconButton, _extends({
+  return /*#__PURE__*/React.createElement(IconButton, {
     className: "pgn__searchfield__iconbutton-reset",
     type: "reset",
     src: icons.clear,
@@ -26,8 +26,9 @@ function SearchFieldClearButton(props) {
     iconAs: Icon,
     alt: screenReaderText.clearButton,
     disabled: disabled,
-    onClick: handleClick
-  }, props));
+    onClick: handleClick,
+    ...props
+  });
 }
 export default SearchFieldClearButton;
 //# sourceMappingURL=SearchFieldClearButton.js.map

package/dist/SearchField/SearchFieldClearButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchFieldClearButton.js","names":["React","useContext","SearchFieldContext","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","screenReaderText","icons","value","disabled","refs","handleClick","input","current","focus","createElement","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,MAAM;IACJC,gBAAgB;IAAEC,KAAK;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAC5C,CAAC,GAAGV,UAAU,CAACC,kBAAkB,CAAC;EAElC,IAAI,CAACO,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,MAAMG,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAID,IAAI,CAACE,KAAK,CAACC,OAAO,EAAE;MACtBH,IAAI,CAACE,KAAK,CAACC,OAAO,CAACC,KAAK,CAAC,CAAC;IAC5B;EACF,CAAC;EAED,oBACEf,KAAA,CAAAgB,aAAA,CAACZ,UAAU;IACTa,SAAS,EAAC,oCAAoC;IAC9CC,IAAI,EAAC,OAAO;IACZC,GAAG,EAAEX,KAAK,CAACY,KAAM;IACjBC,IAAI,EAAC,IAAI;IACTC,MAAM,EAAEnB,IAAK;IACboB,GAAG,EAAEhB,gBAAgB,CAACiB,WAAY;IAClCd,QAAQ,EAAEA,QAAS;IACnBe,OAAO,EAAEb,WAAY;IAAA,GACjBN;EAAK,CACV,CAAC;AAEN;AAEA,eAAeD,sBAAsB","ignoreList":[]}

package/dist/SearchField/SearchFieldInput.js

@@ -1,18 +1,19 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import Input from '../Input';
 import { SearchFieldContext } from './SearchFieldAdvanced';
 function SearchFieldInput(props) {
-  var _useContext = useContext(SearchFieldContext),
-    inputId = _useContext.inputId,
-    value = _useContext.value,
-    handleChange = _useContext.handleChange,
-    handleFocus = _useContext.handleFocus,
-    handleBlur = _useContext.handleBlur,
-    refs = _useContext.refs,
-    disabled = _useContext.disabled;
-  return /*#__PURE__*/React.createElement(Input, _extends({}, props, {
+  const {
+    inputId,
+    value,
+    handleChange,
+    handleFocus,
+    handleBlur,
+    refs,
+    disabled
+  } = useContext(SearchFieldContext);
+  return /*#__PURE__*/React.createElement(Input, {
+    ...props,
     ref: refs.input,
     type: "text",
     role: "searchbox",
@@ -23,7 +24,7 @@ function SearchFieldInput(props) {
     onBlur: handleBlur,
     onChange: handleChange,
     disabled: disabled
-  }));
+  });
 }
 SearchFieldInput.propTypes = {
   /** specifies a custom class name. */

package/dist/SearchField/SearchFieldInput.js.map

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

package/dist/SearchField/SearchFieldLabel.js

@@ -1,23 +1,23 @@
-var _excluded = ["children"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { SearchFieldContext } from './SearchFieldAdvanced';
 function SearchFieldLabel(_ref) {
-  var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useContext = useContext(SearchFieldContext),
-    screenReaderText = _useContext.screenReaderText,
-    inputId = _useContext.inputId;
-  return /*#__PURE__*/React.createElement("label", _extends({
+  let {
+    children,
+    ...props
+  } = _ref;
+  const {
+    screenReaderText,
+    inputId
+  } = useContext(SearchFieldContext);
+  return /*#__PURE__*/React.createElement("label", {
     htmlFor: inputId.current,
     className: classNames('m-0', {
       'has-label-text': !!children
-    })
-  }, props), children || /*#__PURE__*/React.createElement("span", {
+    }),
+    ...props
+  }, children || /*#__PURE__*/React.createElement("span", {
     className: "sr-only"
   }, screenReaderText.label));
 }

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","screenReaderText","inputId","createElement","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,IAAxB;IAAEC,QAAQ;IAAE,GAAGC;EAAM,CAAC,GAAAF,IAAA;EAC9C,MAAM;IAAEG,gBAAgB;IAAEC;EAAQ,CAAC,GAAGT,UAAU,CAACG,kBAAkB,CAAC;EAEpE,oBACEJ,KAAA,CAAAW,aAAA;IACEC,OAAO,EAAEF,OAAO,CAACG,OAAQ;IACzBC,SAAS,EAAEX,UAAU,CAAC,KAAK,EAAE;MAAE,gBAAgB,EAAE,CAAC,CAACI;IAAS,CAAC,CAAE;IAAA,GAC3DC;EAAK,GAERD,QAAQ,iBAAIP,KAAA,CAAAW,aAAA;IAAMG,SAAS,EAAC;EAAS,GAAEL,gBAAgB,CAACM,KAAY,CAChE,CAAC;AAEZ;AAEAV,gBAAgB,CAACW,SAAS,GAAG;EAC3B;AACF;AACA;AACA;AACA;EACET,QAAQ,EAAEL,SAAS,CAACe,SAAS,CAAC,CAACf,SAAS,CAACgB,MAAM,EAAEhB,SAAS,CAACiB,OAAO,CAAC;AACrE,CAAC;AAEDd,gBAAgB,CAACe,YAAY,GAAG;EAC9Bb,QAAQ,EAAEc;AACZ,CAAC;AAED,eAAehB,gBAAgB","ignoreList":[]}

package/dist/SearchField/SearchFieldSubmitButton.js

@@ -1,38 +1,38 @@
-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 _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';
 import PropTypes from 'prop-types';
 import { SearchFieldContext } from './SearchFieldAdvanced';
 import Button from '../Button';
 import IconButton from '../IconButton';
 import Icon from '../Icon';
-var STYLE_VARIANTS = ['light', 'dark'];
-var BUTTON_LOCATION_VARIANTS = ['internal', 'external'];
+const STYLE_VARIANTS = ['light', 'dark'];
+const BUTTON_LOCATION_VARIANTS = ['internal', 'external'];
 function SearchFieldSubmitButton(props) {
-  var variant = props.variant,
-    submitButtonLocation = props.submitButtonLocation,
-    buttonText = props.buttonText,
-    others = _objectWithoutProperties(props, _excluded);
-  var _useContext = useContext(SearchFieldContext),
-    screenReaderText = _useContext.screenReaderText,
-    icons = _useContext.icons,
-    refs = _useContext.refs,
-    value = _useContext.value,
-    disabled = _useContext.disabled;
+  const {
+    variant,
+    submitButtonLocation,
+    buttonText,
+    ...others
+  } = props;
+  const {
+    screenReaderText,
+    icons,
+    refs,
+    value,
+    disabled
+  } = useContext(SearchFieldContext);
   if (submitButtonLocation === 'internal' && value.length) {
     return null;
   }
-  return submitButtonLocation === 'external' ? /*#__PURE__*/React.createElement(Button, _extends({
+  return submitButtonLocation === 'external' ? /*#__PURE__*/React.createElement(Button, {
     type: "submit",
     ref: refs.submitButton,
     variant: variant === 'light' ? 'primary' : 'brand',
     className: "pgn__searchfield__button",
-    disabled: disabled
-  }, others), buttonText, /*#__PURE__*/React.createElement("span", {
+    disabled: disabled,
+    ...others
+  }, buttonText, /*#__PURE__*/React.createElement("span", {
     className: "sr-only"
-  }, screenReaderText.submitButton)) : /*#__PURE__*/React.createElement(IconButton, _extends({
+  }, screenReaderText.submitButton)) : /*#__PURE__*/React.createElement(IconButton, {
     className: "pgn__searchfield__iconbutton-submit",
     type: "submit",
     src: icons.submit,
@@ -40,8 +40,9 @@ function SearchFieldSubmitButton(props) {
     iconAs: Icon,
     alt: screenReaderText.submitButton,
     disabled: disabled,
-    ref: refs.submitButton
-  }, others));
+    ref: refs.submitButton,
+    ...others
+  });
 }
 SearchFieldSubmitButton.propTypes = {
   /** The button style variant to use. */

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","screenReaderText","icons","refs","value","disabled","length","createElement","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,MAAMC,cAAc,GAAG,CACrB,OAAO,EACP,MAAM,CACP;AAED,MAAMC,wBAAwB,GAAG,CAC/B,UAAU,EACV,UAAU,CACX;AAED,SAASC,uBAAuBA,CAACC,KAAK,EAAE;EACtC,MAAM;IACJC,OAAO;IAAEC,oBAAoB;IAAEC,UAAU;IAAE,GAAGC;EAChD,CAAC,GAAGJ,KAAK;EACT,MAAM;IACJK,gBAAgB;IAAEC,KAAK;IAAEC,IAAI;IAAEC,KAAK;IAAEC;EACxC,CAAC,GAAGlB,UAAU,CAACE,kBAAkB,CAAC;EAElC,IAAIS,oBAAoB,KAAK,UAAU,IAAIM,KAAK,CAACE,MAAM,EAAE;IACvD,OAAO,IAAI;EACb;EAEA,OAAOR,oBAAoB,KAAK,UAAU,gBACxCZ,KAAA,CAAAqB,aAAA,CAACjB,MAAM;IACLkB,IAAI,EAAC,QAAQ;IACbC,GAAG,EAAEN,IAAI,CAACO,YAAa;IACvBb,OAAO,EAAEA,OAAO,KAAK,OAAO,GAAG,SAAS,GAAG,OAAQ;IACnDc,SAAS,EAAC,0BAA0B;IACpCN,QAAQ,EAAEA,QAAS;IAAA,GACfL;EAAM,GAETD,UAAU,eACXb,KAAA,CAAAqB,aAAA;IAAMI,SAAS,EAAC;EAAS,GAAEV,gBAAgB,CAACS,YAAmB,CACzD,CAAC,gBAETxB,KAAA,CAAAqB,aAAA,CAAChB,UAAU;IACToB,SAAS,EAAC,qCAAqC;IAC/CH,IAAI,EAAC,QAAQ;IACbI,GAAG,EAAEV,KAAK,CAACW,MAAO;IAClBC,IAAI,EAAC,IAAI;IACTC,MAAM,EAAEvB,IAAK;IACbwB,GAAG,EAAEf,gBAAgB,CAACS,YAAa;IACnCL,QAAQ,EAAEA,QAAS;IACnBI,GAAG,EAAEN,IAAI,CAACO,YAAa;IAAA,GACnBV;EAAM,CACX,CACF;AACH;AAEAL,uBAAuB,CAACsB,SAAS,GAAG;EAClC;EACApB,OAAO,EAAET,SAAS,CAAC8B,KAAK,CAACzB,cAAc,CAAC;EACxC;EACAK,oBAAoB,EAAEV,SAAS,CAAC8B,KAAK,CAACxB,wBAAwB,CAAC;EAC/D;AACF;AACA;AACA;EACEK,UAAU,EAAEX,SAAS,CAAC+B;AACxB,CAAC;AAEDxB,uBAAuB,CAACyB,YAAY,GAAG;EACrCvB,OAAO,EAAE,OAAO;EAChBC,oBAAoB,EAAE,UAAU;EAChCC,UAAU,EAAE;AACd,CAAC;AAED,eAAeJ,uBAAuB","ignoreList":[]}

package/dist/SearchField/index.js

@@ -1,7 +1,3 @@
-var _excluded = ["label", "placeholder", "inputProps", "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 _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, { useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { Search, Close } from '../../icons';
@@ -10,30 +6,32 @@ import SearchFieldLabel from './SearchFieldLabel';
 import SearchFieldInput from './SearchFieldInput';
 import SearchFieldClearButton from './SearchFieldClearButton';
 import SearchFieldSubmitButton from './SearchFieldSubmitButton';
-export var SEARCH_FIELD_SCREEN_READER_TEXT_LABEL = 'search';
-export var SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON = 'submit search';
-export var SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON = 'clear search';
-export var SEARCH_FIELD_BUTTON_TEXT = 'search';
-var STYLE_VARIANTS = ['light', 'dark'];
-var BUTTON_LOCATION_VARIANTS = ['internal', 'external'];
+export const SEARCH_FIELD_SCREEN_READER_TEXT_LABEL = 'search';
+export const SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON = 'submit search';
+export const SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON = 'clear search';
+export const SEARCH_FIELD_BUTTON_TEXT = 'search';
+const STYLE_VARIANTS = ['light', 'dark'];
+const BUTTON_LOCATION_VARIANTS = ['internal', 'external'];
 function SearchField(props) {
-  var label = props.label,
-    placeholder = props.placeholder,
-    inputProps = props.inputProps,
-    variant = props.variant,
-    submitButtonLocation = props.submitButtonLocation,
-    buttonText = props.buttonText,
-    others = _objectWithoutProperties(props, _excluded);
-  var Wrapper = useCallback(function (wrapperProps) {
-    return submitButtonLocation === 'external' ? /*#__PURE__*/React.createElement("div", {
-      className: "pgn__searchfield_wrapper"
-    }, wrapperProps.children) : wrapperProps.children;
-  }, [submitButtonLocation]);
-  return /*#__PURE__*/React.createElement(SearchField.Advanced, _extends({}, others, {
+  const {
+    label,
+    placeholder,
+    inputProps,
+    variant,
+    submitButtonLocation,
+    buttonText,
+    ...others
+  } = props;
+  const Wrapper = useCallback(wrapperProps => submitButtonLocation === 'external' ? /*#__PURE__*/React.createElement("div", {
+    className: "pgn__searchfield_wrapper"
+  }, wrapperProps.children) : wrapperProps.children, [submitButtonLocation]);
+  return /*#__PURE__*/React.createElement(SearchField.Advanced, {
+    ...others,
     submitButtonLocation: submitButtonLocation
-  }), /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(SearchField.Label, null, label), /*#__PURE__*/React.createElement(SearchField.Input, _extends({
-    placeholder: placeholder
-  }, inputProps)), /*#__PURE__*/React.createElement(SearchField.ClearButton, null)), /*#__PURE__*/React.createElement(SearchField.SubmitButton, {
+  }, /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(SearchField.Label, null, label), /*#__PURE__*/React.createElement(SearchField.Input, {
+    placeholder: placeholder,
+    ...inputProps
+  }), /*#__PURE__*/React.createElement(SearchField.ClearButton, null)), /*#__PURE__*/React.createElement(SearchField.SubmitButton, {
     variant: variant,
     submitButtonLocation: submitButtonLocation,
     buttonText: buttonText
@@ -151,10 +149,10 @@ SearchField.defaultProps = {
     clear: Close,
     submit: Search
   },
-  onBlur: function onBlur() {},
-  onChange: function onChange() {},
-  onFocus: function onFocus() {},
-  onClear: function onClear() {},
+  onBlur: () => {},
+  onChange: () => {},
+  onFocus: () => {},
+  onClear: () => {},
   inputProps: {},
   variant: 'light',
   disabled: false,

package/dist/SearchField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","Search","Close","SearchFieldAdvanced","SearchFieldContext","SearchFieldLabel","SearchFieldInput","SearchFieldClearButton","SearchFieldSubmitButton","SEARCH_FIELD_SCREEN_READER_TEXT_LABEL","SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON","SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON","SEARCH_FIELD_BUTTON_TEXT","STYLE_VARIANTS","BUTTON_LOCATION_VARIANTS","SearchField","props","label","placeholder","inputProps","variant","submitButtonLocation","buttonText","others","_objectWithoutProperties","_excluded","Wrapper","wrapperProps","createElement","className","children","Advanced","_extends","Label","Input","ClearButton","SubmitButton","propTypes","onSubmit","func","isRequired","oneOfType","string","element","onBlur","onChange","onClear","onFocus","screenReaderText","shape","submitButton","clearButton","value","icons","submit","elementType","clear","formAriaLabel","oneOf","disabled","bool","defaultProps","undefined","Context"],"sources":["../../src/SearchField/index.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Search, Close } from '../../icons';\nimport SearchFieldAdvanced, { SearchFieldContext } from './SearchFieldAdvanced';\nimport SearchFieldLabel from './SearchFieldLabel';\nimport SearchFieldInput from './SearchFieldInput';\nimport SearchFieldClearButton from './SearchFieldClearButton';\nimport SearchFieldSubmitButton from './SearchFieldSubmitButton';\n\nexport const SEARCH_FIELD_SCREEN_READER_TEXT_LABEL = 'search';\nexport const SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON = 'submit search';\nexport const SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON = 'clear search';\nexport const SEARCH_FIELD_BUTTON_TEXT = 'search';\n\nconst STYLE_VARIANTS = [\n  'light',\n  'dark',\n];\n\nconst BUTTON_LOCATION_VARIANTS = [\n  'internal',\n  'external',\n];\n\nfunction SearchField(props) {\n  const {\n    label,\n    placeholder,\n    inputProps,\n    variant,\n    submitButtonLocation,\n    buttonText,\n    ...others\n  } = props;\n\n  const Wrapper = useCallback(\n    (wrapperProps) => (submitButtonLocation === 'external'\n      ? <div className=\"pgn__searchfield_wrapper\">{wrapperProps.children}</div>\n      : wrapperProps.children),\n    [submitButtonLocation],\n  );\n\n  return (\n    <SearchField.Advanced {...others} submitButtonLocation={submitButtonLocation}>\n      <Wrapper>\n        <SearchField.Label>{label}</SearchField.Label>\n        <SearchField.Input placeholder={placeholder} {...inputProps} />\n        <SearchField.ClearButton />\n      </Wrapper>\n      <SearchField.SubmitButton\n        variant={variant}\n        submitButtonLocation={submitButtonLocation}\n        buttonText={buttonText}\n      />\n    </SearchField.Advanced>\n  );\n}\n\nSearchField.propTypes = {\n  /**\n   * Specifies a callback function for when the `SearchField` is submitted by the user. For example:\n   *\n   *```jsx\n   * <SearchField onSubmit={(value) => { console.log(value); } />\n   * ```\n   */\n  onSubmit: PropTypes.func.isRequired,\n  /** Specifies the label to use for the input field (e.g., for i18n translations). */\n  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  /** Specifies a custom class name. */\n  className: PropTypes.string,\n  /**\n   * Specifies a callback function for when the user loses focus in the\n   * `SearchField` component. The default is an empty function. For example:\n   *\n   * ```jsx\n   * <SearchField onBlur={event => console.log(event)} />\n   * ```\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Specifies a callback function for when the value in `SearchField`\n   * is changed by the user. The default is an empty function. For example:\n   *\n   * ```jsx\n   * <SearchField onChange={value => console.log(value)} />\n   * ```\n   */\n  onChange: PropTypes.func,\n  /**\n   * Specifies a callback function for when the value in `SearchField`\n   * is cleared by the user. The default is an empty function. For example:\n   *\n   * ```jsx\n   * <SearchField onClear={() => console.log('search cleared')} />\n   * ```\n   */\n  onClear: PropTypes.func,\n  /**\n   * Specifies a callback function for when the user focuses in the `SearchField`\n   * component. The default is an empty function. For example:\n   *\n   * ```jsx\n   * <SearchField onFocus={event => console.log(event)} />\n   * ```\n   */\n  onFocus: PropTypes.func,\n  /** Specifies the placeholder text for the input. */\n  placeholder: PropTypes.string,\n  /**\n   * Specifies the screenreader text for both the clear and submit buttons\n   * (e.g., for i18n translations). The default is `{ label: 'search',\n   * clearButton: 'clear search', searchButton: 'submit search' }`.\n   */\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  /**\n   * Specifies the icon element(s) to use for the clear and submit buttons.\n   * The default is:\n   *\n   * ```jsx\n   * {\n   *   submit: import {Search} from '@openedx/paragon/icons';,\n   *   clear: import {Close} from '@openedx/paragon/icons'.\n   * }\n   * ```\n   */\n  icons: PropTypes.shape({\n    submit: PropTypes.elementType.isRequired,\n    clear: PropTypes.elementType,\n  }),\n  /**\n   * Specifies the aria-label attribute on the form element.\n   * This is useful if you use the `SearchField` component more than once on a page.\n   */\n  formAriaLabel: PropTypes.string,\n  /** Props to be passed to the form input */\n  inputProps: PropTypes.shape({}),\n  /** The button style variant to use. */\n  variant: PropTypes.oneOf(STYLE_VARIANTS),\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   * 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\nSearchField.defaultProps = {\n  label: undefined,\n  placeholder: undefined,\n  className: undefined,\n  formAriaLabel: undefined,\n  value: '',\n  screenReaderText: {\n    label: SEARCH_FIELD_SCREEN_READER_TEXT_LABEL,\n    submitButton: SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON,\n    clearButton: SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON,\n  },\n  icons: {\n    clear: Close,\n    submit: Search,\n  },\n  onBlur: () => {},\n  onChange: () => {},\n  onFocus: () => {},\n  onClear: () => {},\n  inputProps: {},\n  variant: 'light',\n  disabled: false,\n  submitButtonLocation: 'internal',\n  buttonText: SEARCH_FIELD_BUTTON_TEXT,\n};\n\nSearchField.Advanced = SearchFieldAdvanced;\nSearchField.Label = SearchFieldLabel;\nSearchField.Input = SearchFieldInput;\nSearchField.ClearButton = SearchFieldClearButton;\nSearchField.SubmitButton = SearchFieldSubmitButton;\nSearchField.Context = SearchFieldContext;\n\nexport default SearchField;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,MAAM,EAAEC,KAAK,QAAQ,aAAa;AAC3C,OAAOC,mBAAmB,IAAIC,kBAAkB,QAAQ,uBAAuB;AAC/E,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,sBAAsB,MAAM,0BAA0B;AAC7D,OAAOC,uBAAuB,MAAM,2BAA2B;AAE/D,OAAO,IAAMC,qCAAqC,GAAG,QAAQ;AAC7D,OAAO,IAAMC,6CAA6C,GAAG,eAAe;AAC5E,OAAO,IAAMC,4CAA4C,GAAG,cAAc;AAC1E,OAAO,IAAMC,wBAAwB,GAAG,QAAQ;AAEhD,IAAMC,cAAc,GAAG,CACrB,OAAO,EACP,MAAM,CACP;AAED,IAAMC,wBAAwB,GAAG,CAC/B,UAAU,EACV,UAAU,CACX;AAED,SAASC,WAAWA,CAACC,KAAK,EAAE;EAC1B,IACEC,KAAK,GAOHD,KAAK,CAPPC,KAAK;IACLC,WAAW,GAMTF,KAAK,CANPE,WAAW;IACXC,UAAU,GAKRH,KAAK,CALPG,UAAU;IACVC,OAAO,GAILJ,KAAK,CAJPI,OAAO;IACPC,oBAAoB,GAGlBL,KAAK,CAHPK,oBAAoB;IACpBC,UAAU,GAERN,KAAK,CAFPM,UAAU;IACPC,MAAM,GAAAC,wBAAA,CACPR,KAAK,EAAAS,SAAA;EAET,IAAMC,OAAO,GAAG3B,WAAW,CACzB,UAAC4B,YAAY;IAAA,OAAMN,oBAAoB,KAAK,UAAU,gBAClDvB,KAAA,CAAA8B,aAAA;MAAKC,SAAS,EAAC;IAA0B,GAAEF,YAAY,CAACG,QAAc,CAAC,GACvEH,YAAY,CAACG,QAAQ;EAAA,CAAC,EAC1B,CAACT,oBAAoB,CACvB,CAAC;EAED,oBACEvB,KAAA,CAAA8B,aAAA,CAACb,WAAW,CAACgB,QAAQ,EAAAC,QAAA,KAAKT,MAAM;IAAEF,oBAAoB,EAAEA;EAAqB,iBAC3EvB,KAAA,CAAA8B,aAAA,CAACF,OAAO,qBACN5B,KAAA,CAAA8B,aAAA,CAACb,WAAW,CAACkB,KAAK,QAAEhB,KAAyB,CAAC,eAC9CnB,KAAA,CAAA8B,aAAA,CAACb,WAAW,CAACmB,KAAK,EAAAF,QAAA;IAACd,WAAW,EAAEA;EAAY,GAAKC,UAAU,CAAG,CAAC,eAC/DrB,KAAA,CAAA8B,aAAA,CAACb,WAAW,CAACoB,WAAW,MAAE,CACnB,CAAC,eACVrC,KAAA,CAAA8B,aAAA,CAACb,WAAW,CAACqB,YAAY;IACvBhB,OAAO,EAAEA,OAAQ;IACjBC,oBAAoB,EAAEA,oBAAqB;IAC3CC,UAAU,EAAEA;EAAW,CACxB,CACmB,CAAC;AAE3B;AAEAP,WAAW,CAACsB,SAAS,GAAG;EACtB;AACF;AACA;AACA;AACA;AACA;AACA;EACEC,QAAQ,EAAEtC,SAAS,CAACuC,IAAI,CAACC,UAAU;EACnC;EACAvB,KAAK,EAAEjB,SAAS,CAACyC,SAAS,CAAC,CAACzC,SAAS,CAAC0C,MAAM,EAAE1C,SAAS,CAAC2C,OAAO,CAAC,CAAC;EACjE;EACAd,SAAS,EAAE7B,SAAS,CAAC0C,MAAM;EAC3B;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEE,MAAM,EAAE5C,SAAS,CAACuC,IAAI;EACtB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEM,QAAQ,EAAE7C,SAAS,CAACuC,IAAI;EACxB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEO,OAAO,EAAE9C,SAAS,CAACuC,IAAI;EACvB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEQ,OAAO,EAAE/C,SAAS,CAACuC,IAAI;EACvB;EACArB,WAAW,EAAElB,SAAS,CAAC0C,MAAM;EAC7B;AACF;AACA;AACA;AACA;EACEM,gBAAgB,EAAEhD,SAAS,CAACiD,KAAK,CAAC;IAChChC,KAAK,EAAEjB,SAAS,CAACyC,SAAS,CAAC,CAACzC,SAAS,CAAC0C,MAAM,EAAE1C,SAAS,CAAC2C,OAAO,CAAC,CAAC,CAACH,UAAU;IAC5EU,YAAY,EAAElD,SAAS,CAACyC,SAAS,CAAC,CAACzC,SAAS,CAAC0C,MAAM,EAAE1C,SAAS,CAAC2C,OAAO,CAAC,CAAC,CAACH,UAAU;IACnFW,WAAW,EAAEnD,SAAS,CAACyC,SAAS,CAAC,CAACzC,SAAS,CAAC0C,MAAM,EAAE1C,SAAS,CAAC2C,OAAO,CAAC;EACxE,CAAC,CAAC;EACF;EACAS,KAAK,EAAEpD,SAAS,CAAC0C,MAAM;EACvB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEW,KAAK,EAAErD,SAAS,CAACiD,KAAK,CAAC;IACrBK,MAAM,EAAEtD,SAAS,CAACuD,WAAW,CAACf,UAAU;IACxCgB,KAAK,EAAExD,SAAS,CAACuD;EACnB,CAAC,CAAC;EACF;AACF;AACA;AACA;EACEE,aAAa,EAAEzD,SAAS,CAAC0C,MAAM;EAC/B;EACAvB,UAAU,EAAEnB,SAAS,CAACiD,KAAK,CAAC,CAAC,CAAC,CAAC;EAC/B;EACA7B,OAAO,EAAEpB,SAAS,CAAC0D,KAAK,CAAC7C,cAAc,CAAC;EACxC;EACA8C,QAAQ,EAAE3D,SAAS,CAAC4D,IAAI;EACxB;EACAvC,oBAAoB,EAAErB,SAAS,CAAC0D,KAAK,CAAC5C,wBAAwB,CAAC;EAC/D;AACF;AACA;AACA;EACEQ,UAAU,EAAEtB,SAAS,CAAC0C;AACxB,CAAC;AAED3B,WAAW,CAAC8C,YAAY,GAAG;EACzB5C,KAAK,EAAE6C,SAAS;EAChB5C,WAAW,EAAE4C,SAAS;EACtBjC,SAAS,EAAEiC,SAAS;EACpBL,aAAa,EAAEK,SAAS;EACxBV,KAAK,EAAE,EAAE;EACTJ,gBAAgB,EAAE;IAChB/B,KAAK,EAAER,qCAAqC;IAC5CyC,YAAY,EAAExC,6CAA6C;IAC3DyC,WAAW,EAAExC;EACf,CAAC;EACD0C,KAAK,EAAE;IACLG,KAAK,EAAEtD,KAAK;IACZoD,MAAM,EAAErD;EACV,CAAC;EACD2C,MAAM,EAAE,SAAAA,OAAA,EAAM,CAAC,CAAC;EAChBC,QAAQ,EAAE,SAAAA,SAAA,EAAM,CAAC,CAAC;EAClBE,OAAO,EAAE,SAAAA,QAAA,EAAM,CAAC,CAAC;EACjBD,OAAO,EAAE,SAAAA,QAAA,EAAM,CAAC,CAAC;EACjB3B,UAAU,EAAE,CAAC,CAAC;EACdC,OAAO,EAAE,OAAO;EAChBuC,QAAQ,EAAE,KAAK;EACftC,oBAAoB,EAAE,UAAU;EAChCC,UAAU,EAAEV;AACd,CAAC;AAEDG,WAAW,CAACgB,QAAQ,GAAG5B,mBAAmB;AAC1CY,WAAW,CAACkB,KAAK,GAAG5B,gBAAgB;AACpCU,WAAW,CAACmB,KAAK,GAAG5B,gBAAgB;AACpCS,WAAW,CAACoB,WAAW,GAAG5B,sBAAsB;AAChDQ,WAAW,CAACqB,YAAY,GAAG5B,uBAAuB;AAClDO,WAAW,CAACgD,OAAO,GAAG3D,kBAAkB;AAExC,eAAeW,WAAW","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","Search","Close","SearchFieldAdvanced","SearchFieldContext","SearchFieldLabel","SearchFieldInput","SearchFieldClearButton","SearchFieldSubmitButton","SEARCH_FIELD_SCREEN_READER_TEXT_LABEL","SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON","SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON","SEARCH_FIELD_BUTTON_TEXT","STYLE_VARIANTS","BUTTON_LOCATION_VARIANTS","SearchField","props","label","placeholder","inputProps","variant","submitButtonLocation","buttonText","others","Wrapper","wrapperProps","createElement","className","children","Advanced","Label","Input","ClearButton","SubmitButton","propTypes","onSubmit","func","isRequired","oneOfType","string","element","onBlur","onChange","onClear","onFocus","screenReaderText","shape","submitButton","clearButton","value","icons","submit","elementType","clear","formAriaLabel","oneOf","disabled","bool","defaultProps","undefined","Context"],"sources":["../../src/SearchField/index.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Search, Close } from '../../icons';\nimport SearchFieldAdvanced, { SearchFieldContext } from './SearchFieldAdvanced';\nimport SearchFieldLabel from './SearchFieldLabel';\nimport SearchFieldInput from './SearchFieldInput';\nimport SearchFieldClearButton from './SearchFieldClearButton';\nimport SearchFieldSubmitButton from './SearchFieldSubmitButton';\n\nexport const SEARCH_FIELD_SCREEN_READER_TEXT_LABEL = 'search';\nexport const SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON = 'submit search';\nexport const SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON = 'clear search';\nexport const SEARCH_FIELD_BUTTON_TEXT = 'search';\n\nconst STYLE_VARIANTS = [\n  'light',\n  'dark',\n];\n\nconst BUTTON_LOCATION_VARIANTS = [\n  'internal',\n  'external',\n];\n\nfunction SearchField(props) {\n  const {\n    label,\n    placeholder,\n    inputProps,\n    variant,\n    submitButtonLocation,\n    buttonText,\n    ...others\n  } = props;\n\n  const Wrapper = useCallback(\n    (wrapperProps) => (submitButtonLocation === 'external'\n      ? <div className=\"pgn__searchfield_wrapper\">{wrapperProps.children}</div>\n      : wrapperProps.children),\n    [submitButtonLocation],\n  );\n\n  return (\n    <SearchField.Advanced {...others} submitButtonLocation={submitButtonLocation}>\n      <Wrapper>\n        <SearchField.Label>{label}</SearchField.Label>\n        <SearchField.Input placeholder={placeholder} {...inputProps} />\n        <SearchField.ClearButton />\n      </Wrapper>\n      <SearchField.SubmitButton\n        variant={variant}\n        submitButtonLocation={submitButtonLocation}\n        buttonText={buttonText}\n      />\n    </SearchField.Advanced>\n  );\n}\n\nSearchField.propTypes = {\n  /**\n   * Specifies a callback function for when the `SearchField` is submitted by the user. For example:\n   *\n   *```jsx\n   * <SearchField onSubmit={(value) => { console.log(value); } />\n   * ```\n   */\n  onSubmit: PropTypes.func.isRequired,\n  /** Specifies the label to use for the input field (e.g., for i18n translations). */\n  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  /** Specifies a custom class name. */\n  className: PropTypes.string,\n  /**\n   * Specifies a callback function for when the user loses focus in the\n   * `SearchField` component. The default is an empty function. For example:\n   *\n   * ```jsx\n   * <SearchField onBlur={event => console.log(event)} />\n   * ```\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Specifies a callback function for when the value in `SearchField`\n   * is changed by the user. The default is an empty function. For example:\n   *\n   * ```jsx\n   * <SearchField onChange={value => console.log(value)} />\n   * ```\n   */\n  onChange: PropTypes.func,\n  /**\n   * Specifies a callback function for when the value in `SearchField`\n   * is cleared by the user. The default is an empty function. For example:\n   *\n   * ```jsx\n   * <SearchField onClear={() => console.log('search cleared')} />\n   * ```\n   */\n  onClear: PropTypes.func,\n  /**\n   * Specifies a callback function for when the user focuses in the `SearchField`\n   * component. The default is an empty function. For example:\n   *\n   * ```jsx\n   * <SearchField onFocus={event => console.log(event)} />\n   * ```\n   */\n  onFocus: PropTypes.func,\n  /** Specifies the placeholder text for the input. */\n  placeholder: PropTypes.string,\n  /**\n   * Specifies the screenreader text for both the clear and submit buttons\n   * (e.g., for i18n translations). The default is `{ label: 'search',\n   * clearButton: 'clear search', searchButton: 'submit search' }`.\n   */\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  /**\n   * Specifies the icon element(s) to use for the clear and submit buttons.\n   * The default is:\n   *\n   * ```jsx\n   * {\n   *   submit: import {Search} from '@openedx/paragon/icons';,\n   *   clear: import {Close} from '@openedx/paragon/icons'.\n   * }\n   * ```\n   */\n  icons: PropTypes.shape({\n    submit: PropTypes.elementType.isRequired,\n    clear: PropTypes.elementType,\n  }),\n  /**\n   * Specifies the aria-label attribute on the form element.\n   * This is useful if you use the `SearchField` component more than once on a page.\n   */\n  formAriaLabel: PropTypes.string,\n  /** Props to be passed to the form input */\n  inputProps: PropTypes.shape({}),\n  /** The button style variant to use. */\n  variant: PropTypes.oneOf(STYLE_VARIANTS),\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   * 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\nSearchField.defaultProps = {\n  label: undefined,\n  placeholder: undefined,\n  className: undefined,\n  formAriaLabel: undefined,\n  value: '',\n  screenReaderText: {\n    label: SEARCH_FIELD_SCREEN_READER_TEXT_LABEL,\n    submitButton: SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON,\n    clearButton: SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON,\n  },\n  icons: {\n    clear: Close,\n    submit: Search,\n  },\n  onBlur: () => {},\n  onChange: () => {},\n  onFocus: () => {},\n  onClear: () => {},\n  inputProps: {},\n  variant: 'light',\n  disabled: false,\n  submitButtonLocation: 'internal',\n  buttonText: SEARCH_FIELD_BUTTON_TEXT,\n};\n\nSearchField.Advanced = SearchFieldAdvanced;\nSearchField.Label = SearchFieldLabel;\nSearchField.Input = SearchFieldInput;\nSearchField.ClearButton = SearchFieldClearButton;\nSearchField.SubmitButton = SearchFieldSubmitButton;\nSearchField.Context = SearchFieldContext;\n\nexport default SearchField;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,MAAM,EAAEC,KAAK,QAAQ,aAAa;AAC3C,OAAOC,mBAAmB,IAAIC,kBAAkB,QAAQ,uBAAuB;AAC/E,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,sBAAsB,MAAM,0BAA0B;AAC7D,OAAOC,uBAAuB,MAAM,2BAA2B;AAE/D,OAAO,MAAMC,qCAAqC,GAAG,QAAQ;AAC7D,OAAO,MAAMC,6CAA6C,GAAG,eAAe;AAC5E,OAAO,MAAMC,4CAA4C,GAAG,cAAc;AAC1E,OAAO,MAAMC,wBAAwB,GAAG,QAAQ;AAEhD,MAAMC,cAAc,GAAG,CACrB,OAAO,EACP,MAAM,CACP;AAED,MAAMC,wBAAwB,GAAG,CAC/B,UAAU,EACV,UAAU,CACX;AAED,SAASC,WAAWA,CAACC,KAAK,EAAE;EAC1B,MAAM;IACJC,KAAK;IACLC,WAAW;IACXC,UAAU;IACVC,OAAO;IACPC,oBAAoB;IACpBC,UAAU;IACV,GAAGC;EACL,CAAC,GAAGP,KAAK;EAET,MAAMQ,OAAO,GAAGzB,WAAW,CACxB0B,YAAY,IAAMJ,oBAAoB,KAAK,UAAU,gBAClDvB,KAAA,CAAA4B,aAAA;IAAKC,SAAS,EAAC;EAA0B,GAAEF,YAAY,CAACG,QAAc,CAAC,GACvEH,YAAY,CAACG,QAAS,EAC1B,CAACP,oBAAoB,CACvB,CAAC;EAED,oBACEvB,KAAA,CAAA4B,aAAA,CAACX,WAAW,CAACc,QAAQ;IAAA,GAAKN,MAAM;IAAEF,oBAAoB,EAAEA;EAAqB,gBAC3EvB,KAAA,CAAA4B,aAAA,CAACF,OAAO,qBACN1B,KAAA,CAAA4B,aAAA,CAACX,WAAW,CAACe,KAAK,QAAEb,KAAyB,CAAC,eAC9CnB,KAAA,CAAA4B,aAAA,CAACX,WAAW,CAACgB,KAAK;IAACb,WAAW,EAAEA,WAAY;IAAA,GAAKC;EAAU,CAAG,CAAC,eAC/DrB,KAAA,CAAA4B,aAAA,CAACX,WAAW,CAACiB,WAAW,MAAE,CACnB,CAAC,eACVlC,KAAA,CAAA4B,aAAA,CAACX,WAAW,CAACkB,YAAY;IACvBb,OAAO,EAAEA,OAAQ;IACjBC,oBAAoB,EAAEA,oBAAqB;IAC3CC,UAAU,EAAEA;EAAW,CACxB,CACmB,CAAC;AAE3B;AAEAP,WAAW,CAACmB,SAAS,GAAG;EACtB;AACF;AACA;AACA;AACA;AACA;AACA;EACEC,QAAQ,EAAEnC,SAAS,CAACoC,IAAI,CAACC,UAAU;EACnC;EACApB,KAAK,EAAEjB,SAAS,CAACsC,SAAS,CAAC,CAACtC,SAAS,CAACuC,MAAM,EAAEvC,SAAS,CAACwC,OAAO,CAAC,CAAC;EACjE;EACAb,SAAS,EAAE3B,SAAS,CAACuC,MAAM;EAC3B;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEE,MAAM,EAAEzC,SAAS,CAACoC,IAAI;EACtB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEM,QAAQ,EAAE1C,SAAS,CAACoC,IAAI;EACxB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEO,OAAO,EAAE3C,SAAS,CAACoC,IAAI;EACvB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEQ,OAAO,EAAE5C,SAAS,CAACoC,IAAI;EACvB;EACAlB,WAAW,EAAElB,SAAS,CAACuC,MAAM;EAC7B;AACF;AACA;AACA;AACA;EACEM,gBAAgB,EAAE7C,SAAS,CAAC8C,KAAK,CAAC;IAChC7B,KAAK,EAAEjB,SAAS,CAACsC,SAAS,CAAC,CAACtC,SAAS,CAACuC,MAAM,EAAEvC,SAAS,CAACwC,OAAO,CAAC,CAAC,CAACH,UAAU;IAC5EU,YAAY,EAAE/C,SAAS,CAACsC,SAAS,CAAC,CAACtC,SAAS,CAACuC,MAAM,EAAEvC,SAAS,CAACwC,OAAO,CAAC,CAAC,CAACH,UAAU;IACnFW,WAAW,EAAEhD,SAAS,CAACsC,SAAS,CAAC,CAACtC,SAAS,CAACuC,MAAM,EAAEvC,SAAS,CAACwC,OAAO,CAAC;EACxE,CAAC,CAAC;EACF;EACAS,KAAK,EAAEjD,SAAS,CAACuC,MAAM;EACvB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEW,KAAK,EAAElD,SAAS,CAAC8C,KAAK,CAAC;IACrBK,MAAM,EAAEnD,SAAS,CAACoD,WAAW,CAACf,UAAU;IACxCgB,KAAK,EAAErD,SAAS,CAACoD;EACnB,CAAC,CAAC;EACF;AACF;AACA;AACA;EACEE,aAAa,EAAEtD,SAAS,CAACuC,MAAM;EAC/B;EACApB,UAAU,EAAEnB,SAAS,CAAC8C,KAAK,CAAC,CAAC,CAAC,CAAC;EAC/B;EACA1B,OAAO,EAAEpB,SAAS,CAACuD,KAAK,CAAC1C,cAAc,CAAC;EACxC;EACA2C,QAAQ,EAAExD,SAAS,CAACyD,IAAI;EACxB;EACApC,oBAAoB,EAAErB,SAAS,CAACuD,KAAK,CAACzC,wBAAwB,CAAC;EAC/D;AACF;AACA;AACA;EACEQ,UAAU,EAAEtB,SAAS,CAACuC;AACxB,CAAC;AAEDxB,WAAW,CAAC2C,YAAY,GAAG;EACzBzC,KAAK,EAAE0C,SAAS;EAChBzC,WAAW,EAAEyC,SAAS;EACtBhC,SAAS,EAAEgC,SAAS;EACpBL,aAAa,EAAEK,SAAS;EACxBV,KAAK,EAAE,EAAE;EACTJ,gBAAgB,EAAE;IAChB5B,KAAK,EAAER,qCAAqC;IAC5CsC,YAAY,EAAErC,6CAA6C;IAC3DsC,WAAW,EAAErC;EACf,CAAC;EACDuC,KAAK,EAAE;IACLG,KAAK,EAAEnD,KAAK;IACZiD,MAAM,EAAElD;EACV,CAAC;EACDwC,MAAM,EAAEA,CAAA,KAAM,CAAC,CAAC;EAChBC,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;EAClBE,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;EACjBD,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;EACjBxB,UAAU,EAAE,CAAC,CAAC;EACdC,OAAO,EAAE,OAAO;EAChBoC,QAAQ,EAAE,KAAK;EACfnC,oBAAoB,EAAE,UAAU;EAChCC,UAAU,EAAEV;AACd,CAAC;AAEDG,WAAW,CAACc,QAAQ,GAAG1B,mBAAmB;AAC1CY,WAAW,CAACe,KAAK,GAAGzB,gBAAgB;AACpCU,WAAW,CAACgB,KAAK,GAAGzB,gBAAgB;AACpCS,WAAW,CAACiB,WAAW,GAAGzB,sBAAsB;AAChDQ,WAAW,CAACkB,YAAY,GAAGzB,uBAAuB;AAClDO,WAAW,CAAC6C,OAAO,GAAGxD,kBAAkB;AAExC,eAAeW,WAAW","ignoreList":[]}

package/dist/SelectableBox/SelectableBoxSet.js

@@ -1,42 +1,36 @@
-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", "name", "value", "defaultValue", "onChange", "type", "columns", "className", "ariaLabel", "ariaLabelledby"];
-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 { getInputType } from './utils';
 import { requiredWhenNot } from '../utils/propTypes';
-var INPUT_TYPES = ['radio', 'checkbox'];
-var DEFAULT_COLUMNS_NUMBER = 2;
-var SelectableBoxSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    name = _ref.name,
-    value = _ref.value,
-    defaultValue = _ref.defaultValue,
-    onChange = _ref.onChange,
-    type = _ref.type,
-    columns = _ref.columns,
-    className = _ref.className,
-    ariaLabel = _ref.ariaLabel,
-    ariaLabelledby = _ref.ariaLabelledby,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var inputType = getInputType('SelectableBoxSet', type);
-  return /*#__PURE__*/React.createElement(inputType, _objectSpread({
-    name: name,
-    value: value,
-    defaultValue: defaultValue,
-    onChange: onChange,
-    ref: ref,
-    className: classNames('pgn__selectable_box-set', "pgn__selectable_box-set--".concat(columns || DEFAULT_COLUMNS_NUMBER), className),
+const INPUT_TYPES = ['radio', 'checkbox'];
+const DEFAULT_COLUMNS_NUMBER = 2;
+const SelectableBoxSet = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    children,
+    name,
+    value,
+    defaultValue,
+    onChange,
+    type,
+    columns,
+    className,
+    ariaLabel,
+    ariaLabelledby,
+    ...props
+  } = _ref;
+  const inputType = getInputType('SelectableBoxSet', type);
+  return /*#__PURE__*/React.createElement(inputType, {
+    name,
+    value,
+    defaultValue,
+    onChange,
+    ref,
+    className: classNames('pgn__selectable_box-set', `pgn__selectable_box-set--${columns || DEFAULT_COLUMNS_NUMBER}`, className),
     'aria-label': ariaLabel,
-    'aria-labelledby': ariaLabelledby
-  }, props), children);
+    'aria-labelledby': ariaLabelledby,
+    ...props
+  }, children);
 });
 SelectableBoxSet.propTypes = {
   /** Specifies a name for the group of `SelectableBox`'es. */
@@ -74,7 +68,7 @@ SelectableBoxSet.propTypes = {
 };
 SelectableBoxSet.defaultProps = {
   children: undefined,
-  onChange: function onChange() {},
+  onChange: () => {},
   value: undefined,
   defaultValue: undefined,
   type: 'radio',

package/dist/SelectableBox/SelectableBoxSet.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectableBoxSet.js","names":["React","PropTypes","classNames","getInputType","requiredWhenNot","INPUT_TYPES","DEFAULT_COLUMNS_NUMBER","SelectableBoxSet","forwardRef","_ref","ref","children","name","value","defaultValue","onChange","type","columns","className","ariaLabel","ariaLabelledby","props","_objectWithoutProperties","_excluded","inputType","createElement","_objectSpread","concat","propTypes","string","isRequired","node","func","oneOfType","number","array","oneOf","defaultProps","undefined"],"sources":["../../src/SelectableBox/SelectableBoxSet.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { getInputType } from './utils';\nimport { requiredWhenNot } from '../utils/propTypes';\n\nconst INPUT_TYPES = [\n  'radio',\n  'checkbox',\n];\n\nconst DEFAULT_COLUMNS_NUMBER = 2;\n\nconst SelectableBoxSet = React.forwardRef(({\n  children,\n  name,\n  value,\n  defaultValue,\n  onChange,\n  type,\n  columns,\n  className,\n  ariaLabel,\n  ariaLabelledby,\n  ...props\n}, ref) => {\n  const inputType = getInputType('SelectableBoxSet', type);\n\n  return React.createElement(\n    inputType,\n    {\n      name,\n      value,\n      defaultValue,\n      onChange,\n      ref,\n      className: classNames(\n        'pgn__selectable_box-set',\n        `pgn__selectable_box-set--${columns || DEFAULT_COLUMNS_NUMBER}`,\n        className,\n      ),\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      ...props,\n    },\n    children,\n  );\n});\n\nSelectableBoxSet.propTypes = {\n  /** Specifies a name for the group of `SelectableBox`'es. */\n  name: PropTypes.string.isRequired,\n  /** Content of the `SelectableBoxSet`. */\n  children: PropTypes.node,\n  /** A function that receives event of the clicked `SelectableBox` and can be used to handle the value change. */\n  onChange: PropTypes.func,\n  /** Indicates selected `SelectableBox`'es. */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]),\n  /** Specifies default values for the `SelectableBox`'es. */\n  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Indicates the input type: checkbox or radio. */\n  type: PropTypes.oneOf(INPUT_TYPES),\n  /**\n   * Specifies number of `SelectableBox`'es in a row.\n   *\n   * Class that is responsible for the columns number: `pgn__selectable_box-set--{columns}`.\n   * Max number of columns: `12`.\n   */\n  columns: PropTypes.number,\n  /** A class that is be appended to the base element. */\n  className: PropTypes.string,\n  /**\n   * The ID of the label for the `SelectableBoxSet`.\n   *\n   * An accessible label must be provided to the `SelectableBoxSet`.\n   */\n  ariaLabelledby: PropTypes.string,\n  /**\n   * A label for the `SelectableBoxSet`.\n   *\n   * If not using `ariaLabelledby`, then `ariaLabel` must be provided */\n  ariaLabel: requiredWhenNot(PropTypes.string, 'ariaLabelledby'),\n};\n\nSelectableBoxSet.defaultProps = {\n  children: undefined,\n  onChange: () => {},\n  value: undefined,\n  defaultValue: undefined,\n  type: 'radio',\n  columns: DEFAULT_COLUMNS_NUMBER,\n  className: undefined,\n  ariaLabelledby: undefined,\n  ariaLabel: undefined,\n};\n\nexport default SelectableBoxSet;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SelectableBoxSet.js","names":["React","PropTypes","classNames","getInputType","requiredWhenNot","INPUT_TYPES","DEFAULT_COLUMNS_NUMBER","SelectableBoxSet","forwardRef","_ref","ref","children","name","value","defaultValue","onChange","type","columns","className","ariaLabel","ariaLabelledby","props","inputType","createElement","propTypes","string","isRequired","node","func","oneOfType","number","array","oneOf","defaultProps","undefined"],"sources":["../../src/SelectableBox/SelectableBoxSet.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { getInputType } from './utils';\nimport { requiredWhenNot } from '../utils/propTypes';\n\nconst INPUT_TYPES = [\n  'radio',\n  'checkbox',\n];\n\nconst DEFAULT_COLUMNS_NUMBER = 2;\n\nconst SelectableBoxSet = React.forwardRef(({\n  children,\n  name,\n  value,\n  defaultValue,\n  onChange,\n  type,\n  columns,\n  className,\n  ariaLabel,\n  ariaLabelledby,\n  ...props\n}, ref) => {\n  const inputType = getInputType('SelectableBoxSet', type);\n\n  return React.createElement(\n    inputType,\n    {\n      name,\n      value,\n      defaultValue,\n      onChange,\n      ref,\n      className: classNames(\n        'pgn__selectable_box-set',\n        `pgn__selectable_box-set--${columns || DEFAULT_COLUMNS_NUMBER}`,\n        className,\n      ),\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      ...props,\n    },\n    children,\n  );\n});\n\nSelectableBoxSet.propTypes = {\n  /** Specifies a name for the group of `SelectableBox`'es. */\n  name: PropTypes.string.isRequired,\n  /** Content of the `SelectableBoxSet`. */\n  children: PropTypes.node,\n  /** A function that receives event of the clicked `SelectableBox` and can be used to handle the value change. */\n  onChange: PropTypes.func,\n  /** Indicates selected `SelectableBox`'es. */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]),\n  /** Specifies default values for the `SelectableBox`'es. */\n  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Indicates the input type: checkbox or radio. */\n  type: PropTypes.oneOf(INPUT_TYPES),\n  /**\n   * Specifies number of `SelectableBox`'es in a row.\n   *\n   * Class that is responsible for the columns number: `pgn__selectable_box-set--{columns}`.\n   * Max number of columns: `12`.\n   */\n  columns: PropTypes.number,\n  /** A class that is be appended to the base element. */\n  className: PropTypes.string,\n  /**\n   * The ID of the label for the `SelectableBoxSet`.\n   *\n   * An accessible label must be provided to the `SelectableBoxSet`.\n   */\n  ariaLabelledby: PropTypes.string,\n  /**\n   * A label for the `SelectableBoxSet`.\n   *\n   * If not using `ariaLabelledby`, then `ariaLabel` must be provided */\n  ariaLabel: requiredWhenNot(PropTypes.string, 'ariaLabelledby'),\n};\n\nSelectableBoxSet.defaultProps = {\n  children: undefined,\n  onChange: () => {},\n  value: undefined,\n  defaultValue: undefined,\n  type: 'radio',\n  columns: DEFAULT_COLUMNS_NUMBER,\n  className: undefined,\n  ariaLabelledby: undefined,\n  ariaLabel: undefined,\n};\n\nexport default SelectableBoxSet;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,YAAY,QAAQ,SAAS;AACtC,SAASC,eAAe,QAAQ,oBAAoB;AAEpD,MAAMC,WAAW,GAAG,CAClB,OAAO,EACP,UAAU,CACX;AAED,MAAMC,sBAAsB,GAAG,CAAC;AAEhC,MAAMC,gBAAgB,gBAAGP,KAAK,CAACQ,UAAU,CAAC,CAAAC,IAAA,EAYvCC,GAAG,KAAK;EAAA,IAZgC;IACzCC,QAAQ;IACRC,IAAI;IACJC,KAAK;IACLC,YAAY;IACZC,QAAQ;IACRC,IAAI;IACJC,OAAO;IACPC,SAAS;IACTC,SAAS;IACTC,cAAc;IACd,GAAGC;EACL,CAAC,GAAAZ,IAAA;EACC,MAAMa,SAAS,GAAGnB,YAAY,CAAC,kBAAkB,EAAEa,IAAI,CAAC;EAExD,oBAAOhB,KAAK,CAACuB,aAAa,CACxBD,SAAS,EACT;IACEV,IAAI;IACJC,KAAK;IACLC,YAAY;IACZC,QAAQ;IACRL,GAAG;IACHQ,SAAS,EAAEhB,UAAU,CACnB,yBAAyB,EACxB,4BAA2Be,OAAO,IAAIX,sBAAuB,EAAC,EAC/DY,SACF,CAAC;IACD,YAAY,EAAEC,SAAS;IACvB,iBAAiB,EAAEC,cAAc;IACjC,GAAGC;EACL,CAAC,EACDV,QACF,CAAC;AACH,CAAC,CAAC;AAEFJ,gBAAgB,CAACiB,SAAS,GAAG;EAC3B;EACAZ,IAAI,EAAEX,SAAS,CAACwB,MAAM,CAACC,UAAU;EACjC;EACAf,QAAQ,EAAEV,SAAS,CAAC0B,IAAI;EACxB;EACAZ,QAAQ,EAAEd,SAAS,CAAC2B,IAAI;EACxB;EACAf,KAAK,EAAEZ,SAAS,CAAC4B,SAAS,CAAC,CAAC5B,SAAS,CAACwB,MAAM,EAAExB,SAAS,CAAC6B,MAAM,EAAE7B,SAAS,CAAC8B,KAAK,CAAC,CAAC;EACjF;EACAjB,YAAY,EAAEb,SAAS,CAAC4B,SAAS,CAAC,CAAC5B,SAAS,CAACwB,MAAM,EAAExB,SAAS,CAAC6B,MAAM,CAAC,CAAC;EACvE;EACAd,IAAI,EAAEf,SAAS,CAAC+B,KAAK,CAAC3B,WAAW,CAAC;EAClC;AACF;AACA;AACA;AACA;AACA;EACEY,OAAO,EAAEhB,SAAS,CAAC6B,MAAM;EACzB;EACAZ,SAAS,EAAEjB,SAAS,CAACwB,MAAM;EAC3B;AACF;AACA;AACA;AACA;EACEL,cAAc,EAAEnB,SAAS,CAACwB,MAAM;EAChC;AACF;AACA;AACA;EACEN,SAAS,EAAEf,eAAe,CAACH,SAAS,CAACwB,MAAM,EAAE,gBAAgB;AAC/D,CAAC;AAEDlB,gBAAgB,CAAC0B,YAAY,GAAG;EAC9BtB,QAAQ,EAAEuB,SAAS;EACnBnB,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;EAClBF,KAAK,EAAEqB,SAAS;EAChBpB,YAAY,EAAEoB,SAAS;EACvBlB,IAAI,EAAE,OAAO;EACbC,OAAO,EAAEX,sBAAsB;EAC/BY,SAAS,EAAEgB,SAAS;EACpBd,cAAc,EAAEc,SAAS;EACzBf,SAAS,EAAEe;AACb,CAAC;AAED,eAAe3B,gBAAgB","ignoreList":[]}