@openedx/paragon 21.12.1 → 21.12.2

package/dist/Collapsible/CollapsibleAdvanced.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleAdvanced.js","names":["React","classNames","PropTypes","CollapsibleContext","createContext","CollapsibleAdvanced","Component","getDerivedStateFromProps","props","open","undefined","isOpen","constructor","_defineProperty","setState","onOpen","onToggle","onClose","state","close","defaultOpen","render","_this$props","children","className","unmountOnExit","_objectWithoutProperties","_excluded","createElement","_extends","Provider","value","toggle","propTypes","node","string","bool","func","defaultProps"],"sources":["../../src/Collapsible/CollapsibleAdvanced.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nexport const CollapsibleContext = React.createContext();\n\nclass CollapsibleAdvanced extends React.Component {\n  static getDerivedStateFromProps(props) {\n    if (props.open !== undefined) {\n      return {\n        // Since this method fires on both props and state changes, local updates\n        // to the controlled value will be ignored, because the props version\n        // always overrides it. In this case, this is exactly what we want.\n        isOpen: props.open,\n      };\n    }\n    return null;\n  }\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      isOpen: props.open !== undefined ? props.open : props.defaultOpen,\n    };\n  }\n\n  open = () => {\n    this.setState({ isOpen: true });\n\n    if (this.props.onOpen) {\n      this.props.onOpen();\n    }\n    if (this.props.onToggle) {\n      this.props.onToggle(true);\n    }\n  };\n\n  close = () => {\n    this.setState({ isOpen: false });\n\n    if (this.props.onClose) {\n      this.props.onClose();\n    }\n    if (this.props.onToggle) {\n      this.props.onToggle(false);\n    }\n  };\n\n  toggle = () => {\n    if (this.state.isOpen) {\n      this.close();\n    } else {\n      this.open();\n    }\n  };\n\n  render() {\n    const {\n      children,\n      className,\n      unmountOnExit,\n      ...props\n    } = this.props;\n\n    // Unneeded for passthrough props\n    delete props.defaultOpen;\n    delete props.onToggle;\n    delete props.onOpen;\n    delete props.onClose;\n\n    return (\n      <div\n        {...props}\n        className={classNames('pgn_collapsible', className, {\n          'is-open': this.state.isOpen,\n        })}\n      >\n        <CollapsibleContext.Provider\n          value={{\n            isOpen: this.state.isOpen,\n            open: this.open,\n            close: this.close,\n            toggle: this.toggle,\n            unmountOnExit,\n          }}\n        >\n          {children}\n        </CollapsibleContext.Provider>\n      </div>\n    );\n  }\n}\n\nCollapsibleAdvanced.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node,\n  /** Specifies classname to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies whether `Collapsible` should be initially open. */\n  defaultOpen: PropTypes.bool,\n  /** Specifies whether `Collapsible` is open. */\n  open: PropTypes.bool,\n  /** Callback fired when `Collapsible's` state is toggled. */\n  onToggle: PropTypes.func,\n  /** Callback fired when `Collapsible` opens. */\n  onOpen: PropTypes.func,\n  /** Callback fired when `Collapsible` closes. */\n  onClose: PropTypes.func,\n  /** Unmount the component (remove it from the DOM) when it is collapsed. */\n  unmountOnExit: PropTypes.bool,\n};\n\nCollapsibleAdvanced.defaultProps = {\n  children: undefined,\n  className: undefined,\n  defaultOpen: false,\n  open: undefined,\n  onToggle: undefined,\n  onOpen: undefined,\n  onClose: undefined,\n  unmountOnExit: true,\n};\n\nexport default CollapsibleAdvanced;\n"],"mappings":"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"}
+{"version":3,"file":"CollapsibleAdvanced.js","names":["React","classNames","PropTypes","CollapsibleContext","createContext","CollapsibleAdvanced","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","setState","isOpen","onOpen","onToggle","onClose","state","close","open","undefined","defaultOpen","_createClass","key","value","render","_this$props","children","className","unmountOnExit","_objectWithoutProperties","_excluded","createElement","_extends","Provider","toggle","getDerivedStateFromProps","Component","propTypes","node","string","bool","func","defaultProps"],"sources":["../../src/Collapsible/CollapsibleAdvanced.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nexport const CollapsibleContext = React.createContext();\n\nclass CollapsibleAdvanced extends React.Component {\n  static getDerivedStateFromProps(props) {\n    if (props.open !== undefined) {\n      return {\n        // Since this method fires on both props and state changes, local updates\n        // to the controlled value will be ignored, because the props version\n        // always overrides it. In this case, this is exactly what we want.\n        isOpen: props.open,\n      };\n    }\n    return null;\n  }\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      isOpen: props.open !== undefined ? props.open : props.defaultOpen,\n    };\n  }\n\n  open = () => {\n    this.setState({ isOpen: true });\n\n    if (this.props.onOpen) {\n      this.props.onOpen();\n    }\n    if (this.props.onToggle) {\n      this.props.onToggle(true);\n    }\n  };\n\n  close = () => {\n    this.setState({ isOpen: false });\n\n    if (this.props.onClose) {\n      this.props.onClose();\n    }\n    if (this.props.onToggle) {\n      this.props.onToggle(false);\n    }\n  };\n\n  toggle = () => {\n    if (this.state.isOpen) {\n      this.close();\n    } else {\n      this.open();\n    }\n  };\n\n  render() {\n    const {\n      children,\n      className,\n      unmountOnExit,\n      ...props\n    } = this.props;\n\n    // Unneeded for passthrough props\n    delete props.defaultOpen;\n    delete props.onToggle;\n    delete props.onOpen;\n    delete props.onClose;\n\n    return (\n      <div\n        {...props}\n        className={classNames('pgn_collapsible', className, {\n          'is-open': this.state.isOpen,\n        })}\n      >\n        <CollapsibleContext.Provider\n          value={{\n            isOpen: this.state.isOpen,\n            open: this.open,\n            close: this.close,\n            toggle: this.toggle,\n            unmountOnExit,\n          }}\n        >\n          {children}\n        </CollapsibleContext.Provider>\n      </div>\n    );\n  }\n}\n\nCollapsibleAdvanced.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node,\n  /** Specifies classname to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies whether `Collapsible` should be initially open. */\n  defaultOpen: PropTypes.bool,\n  /** Specifies whether `Collapsible` is open. */\n  open: PropTypes.bool,\n  /** Callback fired when `Collapsible's` state is toggled. */\n  onToggle: PropTypes.func,\n  /** Callback fired when `Collapsible` opens. */\n  onOpen: PropTypes.func,\n  /** Callback fired when `Collapsible` closes. */\n  onClose: PropTypes.func,\n  /** Unmount the component (remove it from the DOM) when it is collapsed. */\n  unmountOnExit: PropTypes.bool,\n};\n\nCollapsibleAdvanced.defaultProps = {\n  children: undefined,\n  className: undefined,\n  defaultOpen: false,\n  open: undefined,\n  onToggle: undefined,\n  onOpen: undefined,\n  onClose: undefined,\n  unmountOnExit: true,\n};\n\nexport default CollapsibleAdvanced;\n"],"mappings":"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"}

package/dist/Collapsible/CollapsibleBody.js

@@ -1,9 +1,10 @@
-const _excluded = ["children", "transitionWrapper", "tag"];
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["children", "transitionWrapper", "tag"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useContext } from 'react';
@@ -12,24 +13,21 @@ import Collapse from '../Collapse';
 import { CollapsibleContext } from './CollapsibleAdvanced';
 import TransitionReplace from '../TransitionReplace';
 function CollapsibleBody(_ref) {
-  let {
-      children,
-      transitionWrapper,
-      tag
-    } = _ref,
+  var children = _ref.children,
+    transitionWrapper = _ref.transitionWrapper,
+    tag = _ref.tag,
     props = _objectWithoutProperties(_ref, _excluded);
-  const {
-    isOpen,
-    unmountOnExit
-  } = useContext(CollapsibleContext);
+  var _useContext = useContext(CollapsibleContext),
+    isOpen = _useContext.isOpen,
+    unmountOnExit = _useContext.unmountOnExit;
 
   // Keys are added to these elements so that TransitionReplace
   // will recognize them as unique components and perform the
   // transition properly.
-  const content = /*#__PURE__*/React.createElement(tag, _objectSpread({
+  var content = /*#__PURE__*/React.createElement(tag, _objectSpread({
     key: 'body'
   }, props), children);
-  const transitionBody = isOpen ? content : /*#__PURE__*/React.createElement("div", {
+  var transitionBody = isOpen ? content : /*#__PURE__*/React.createElement("div", {
     key: "empty"
   });
   if (transitionWrapper) {
@@ -37,7 +35,7 @@ function CollapsibleBody(_ref) {
   }
   /* istanbul ignore next */
   return unmountOnExit ? /*#__PURE__*/React.createElement(TransitionReplace, null, transitionBody) : /*#__PURE__*/React.createElement(Collapse, {
-    in: isOpen
+    "in": isOpen
   }, content);
 }
 CollapsibleBody.propTypes = {

package/dist/Collapsible/CollapsibleBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleBody.js","names":["React","useContext","PropTypes","Collapse","CollapsibleContext","TransitionReplace","CollapsibleBody","_ref","children","transitionWrapper","tag","props","_objectWithoutProperties","_excluded","isOpen","unmountOnExit","content","createElement","_objectSpread","key","transitionBody","cloneElement","in","propTypes","node","string","element","defaultProps","undefined"],"sources":["../../src/Collapsible/CollapsibleBody.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Collapse from '../Collapse';\nimport { CollapsibleContext } from './CollapsibleAdvanced';\nimport TransitionReplace from '../TransitionReplace';\n\nfunction CollapsibleBody({\n  children, transitionWrapper, tag, ...props\n}) {\n  const { isOpen, unmountOnExit } = useContext(CollapsibleContext);\n\n  // Keys are added to these elements so that TransitionReplace\n  // will recognize them as unique components and perform the\n  // transition properly.\n  const content = React.createElement(tag, { key: 'body', ...props }, children);\n  const transitionBody = isOpen ? content : <div key=\"empty\" />;\n\n  if (transitionWrapper) {\n    return React.cloneElement(transitionWrapper, {}, transitionBody);\n  }\n  /* istanbul ignore next */\n  return unmountOnExit\n    ? <TransitionReplace>{transitionBody}</TransitionReplace>\n    : <Collapse in={isOpen}>{content}</Collapse>;\n}\n\nCollapsibleBody.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node,\n  /** Specifies content's base element. */\n  tag: PropTypes.string,\n  /** Specifies transition element. */\n  transitionWrapper: PropTypes.element,\n};\n\nCollapsibleBody.defaultProps = {\n  children: undefined,\n  tag: 'div',\n  transitionWrapper: undefined,\n};\n\nexport default CollapsibleBody;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,QAAQ,MAAM,aAAa;AAClC,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,OAAOC,iBAAiB,MAAM,sBAAsB;AAEpD,SAASC,eAAeA,CAAAC,IAAA,EAErB;EAAA,IAFsB;MACvBC,QAAQ;MAAEC,iBAAiB;MAAEC;IAC/B,CAAC,GAAAH,IAAA;IADsCI,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAE1C,MAAM;IAAEC,MAAM;IAAEC;EAAc,CAAC,GAAGd,UAAU,CAACG,kBAAkB,CAAC;;EAEhE;EACA;EACA;EACA,MAAMY,OAAO,gBAAGhB,KAAK,CAACiB,aAAa,CAACP,GAAG,EAAAQ,aAAA;IAAIC,GAAG,EAAE;EAAM,GAAKR,KAAK,GAAIH,QAAQ,CAAC;EAC7E,MAAMY,cAAc,GAAGN,MAAM,GAAGE,OAAO,gBAAGhB,KAAA,CAAAiB,aAAA;IAAKE,GAAG,EAAC;EAAO,CAAE,CAAC;EAE7D,IAAIV,iBAAiB,EAAE;IACrB,oBAAOT,KAAK,CAACqB,YAAY,CAACZ,iBAAiB,EAAE,CAAC,CAAC,EAAEW,cAAc,CAAC;EAClE;EACA;EACA,OAAOL,aAAa,gBAChBf,KAAA,CAAAiB,aAAA,CAACZ,iBAAiB,QAAEe,cAAkC,CAAC,gBACvDpB,KAAA,CAAAiB,aAAA,CAACd,QAAQ;IAACmB,EAAE,EAAER;EAAO,GAAEE,OAAkB,CAAC;AAChD;AAEAV,eAAe,CAACiB,SAAS,GAAG;EAC1B;EACAf,QAAQ,EAAEN,SAAS,CAACsB,IAAI;EACxB;EACAd,GAAG,EAAER,SAAS,CAACuB,MAAM;EACrB;EACAhB,iBAAiB,EAAEP,SAAS,CAACwB;AAC/B,CAAC;AAEDpB,eAAe,CAACqB,YAAY,GAAG;EAC7BnB,QAAQ,EAAEoB,SAAS;EACnBlB,GAAG,EAAE,KAAK;EACVD,iBAAiB,EAAEmB;AACrB,CAAC;AAED,eAAetB,eAAe"}
+{"version":3,"file":"CollapsibleBody.js","names":["React","useContext","PropTypes","Collapse","CollapsibleContext","TransitionReplace","CollapsibleBody","_ref","children","transitionWrapper","tag","props","_objectWithoutProperties","_excluded","_useContext","isOpen","unmountOnExit","content","createElement","_objectSpread","key","transitionBody","cloneElement","propTypes","node","string","element","defaultProps","undefined"],"sources":["../../src/Collapsible/CollapsibleBody.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Collapse from '../Collapse';\nimport { CollapsibleContext } from './CollapsibleAdvanced';\nimport TransitionReplace from '../TransitionReplace';\n\nfunction CollapsibleBody({\n  children, transitionWrapper, tag, ...props\n}) {\n  const { isOpen, unmountOnExit } = useContext(CollapsibleContext);\n\n  // Keys are added to these elements so that TransitionReplace\n  // will recognize them as unique components and perform the\n  // transition properly.\n  const content = React.createElement(tag, { key: 'body', ...props }, children);\n  const transitionBody = isOpen ? content : <div key=\"empty\" />;\n\n  if (transitionWrapper) {\n    return React.cloneElement(transitionWrapper, {}, transitionBody);\n  }\n  /* istanbul ignore next */\n  return unmountOnExit\n    ? <TransitionReplace>{transitionBody}</TransitionReplace>\n    : <Collapse in={isOpen}>{content}</Collapse>;\n}\n\nCollapsibleBody.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node,\n  /** Specifies content's base element. */\n  tag: PropTypes.string,\n  /** Specifies transition element. */\n  transitionWrapper: PropTypes.element,\n};\n\nCollapsibleBody.defaultProps = {\n  children: undefined,\n  tag: 'div',\n  transitionWrapper: undefined,\n};\n\nexport default CollapsibleBody;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,QAAQ,MAAM,aAAa;AAClC,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,OAAOC,iBAAiB,MAAM,sBAAsB;AAEpD,SAASC,eAAeA,CAAAC,IAAA,EAErB;EAAA,IADDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,iBAAiB,GAAAF,IAAA,CAAjBE,iBAAiB;IAAEC,GAAG,GAAAH,IAAA,CAAHG,GAAG;IAAKC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAE1C,IAAAC,WAAA,GAAkCb,UAAU,CAACG,kBAAkB,CAAC;IAAxDW,MAAM,GAAAD,WAAA,CAANC,MAAM;IAAEC,aAAa,GAAAF,WAAA,CAAbE,aAAa;;EAE7B;EACA;EACA;EACA,IAAMC,OAAO,gBAAGjB,KAAK,CAACkB,aAAa,CAACR,GAAG,EAAAS,aAAA;IAAIC,GAAG,EAAE;EAAM,GAAKT,KAAK,GAAIH,QAAQ,CAAC;EAC7E,IAAMa,cAAc,GAAGN,MAAM,GAAGE,OAAO,gBAAGjB,KAAA,CAAAkB,aAAA;IAAKE,GAAG,EAAC;EAAO,CAAE,CAAC;EAE7D,IAAIX,iBAAiB,EAAE;IACrB,oBAAOT,KAAK,CAACsB,YAAY,CAACb,iBAAiB,EAAE,CAAC,CAAC,EAAEY,cAAc,CAAC;EAClE;EACA;EACA,OAAOL,aAAa,gBAChBhB,KAAA,CAAAkB,aAAA,CAACb,iBAAiB,QAAEgB,cAAkC,CAAC,gBACvDrB,KAAA,CAAAkB,aAAA,CAACf,QAAQ;IAAC,MAAIY;EAAO,GAAEE,OAAkB,CAAC;AAChD;AAEAX,eAAe,CAACiB,SAAS,GAAG;EAC1B;EACAf,QAAQ,EAAEN,SAAS,CAACsB,IAAI;EACxB;EACAd,GAAG,EAAER,SAAS,CAACuB,MAAM;EACrB;EACAhB,iBAAiB,EAAEP,SAAS,CAACwB;AAC/B,CAAC;AAEDpB,eAAe,CAACqB,YAAY,GAAG;EAC7BnB,QAAQ,EAAEoB,SAAS;EACnBlB,GAAG,EAAE,KAAK;EACVD,iBAAiB,EAAEmB;AACrB,CAAC;AAED,eAAetB,eAAe"}

package/dist/Collapsible/CollapsibleTrigger.js

@@ -1,31 +1,29 @@
-const _excluded = ["tag", "children", "openOnly", "closeOnly", "onClick", "onKeyDown"];
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["tag", "children", "openOnly", "closeOnly", "onClick", "onKeyDown"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _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, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { CollapsibleContext } from './CollapsibleAdvanced';
 function CollapsibleTrigger(_ref) {
-  let {
-      tag,
-      children,
-      openOnly,
-      closeOnly,
-      onClick,
-      onKeyDown
-    } = _ref,
+  var tag = _ref.tag,
+    children = _ref.children,
+    openOnly = _ref.openOnly,
+    closeOnly = _ref.closeOnly,
+    onClick = _ref.onClick,
+    onKeyDown = _ref.onKeyDown,
     props = _objectWithoutProperties(_ref, _excluded);
-  const {
-    isOpen,
-    open,
-    close,
-    toggle
-  } = useContext(CollapsibleContext);
-  const handleToggle = useCallback(e => {
+  var _useContext = useContext(CollapsibleContext),
+    isOpen = _useContext.isOpen,
+    open = _useContext.open,
+    close = _useContext.close,
+    toggle = _useContext.toggle;
+  var handleToggle = useCallback(function (e) {
     if (openOnly) {
       open(e);
     } else if (closeOnly) {
@@ -34,13 +32,13 @@ function CollapsibleTrigger(_ref) {
       toggle(e);
     }
   }, [openOnly, open, closeOnly, close, toggle]);
-  const handleClick = useCallback(e => {
+  var handleClick = useCallback(function (e) {
     if (onClick) {
       onClick(e);
     }
     handleToggle(e);
   }, [onClick, handleToggle]);
-  const handleKeyDown = useCallback(e => {
+  var handleKeyDown = useCallback(function (e) {
     if (onKeyDown) {
       onKeyDown(e);
     }

package/dist/Collapsible/CollapsibleTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleTrigger.js","names":["React","useContext","useCallback","PropTypes","CollapsibleContext","CollapsibleTrigger","_ref","tag","children","openOnly","closeOnly","onClick","onKeyDown","props","_objectWithoutProperties","_excluded","isOpen","open","close","toggle","handleToggle","e","handleClick","handleKeyDown","key","createElement","_objectSpread","role","tabIndex","propTypes","node","oneOfType","string","elementType","bool","func","defaultProps","undefined"],"sources":["../../src/Collapsible/CollapsibleTrigger.jsx"],"sourcesContent":["import React, { useContext, useCallback } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CollapsibleContext } from './CollapsibleAdvanced';\n\nfunction CollapsibleTrigger({\n  tag, children, openOnly, closeOnly, onClick, onKeyDown, ...props\n}) {\n  const {\n    isOpen, open, close, toggle,\n  } = useContext(CollapsibleContext);\n\n  const handleToggle = useCallback((e) => {\n    if (openOnly) {\n      open(e);\n    } else if (closeOnly) {\n      close(e);\n    } else {\n      toggle(e);\n    }\n  }, [openOnly, open, closeOnly, close, toggle]);\n\n  const handleClick = useCallback((e) => {\n    if (onClick) {\n      onClick(e);\n    }\n    handleToggle(e);\n  }, [onClick, handleToggle]);\n\n  const handleKeyDown = useCallback((e) => {\n    if (onKeyDown) {\n      onKeyDown(e);\n    }\n    if (e.key === 'Enter') {\n      handleToggle(e);\n    }\n  }, [onKeyDown, handleToggle]);\n\n  return React.createElement(\n    tag,\n    {\n      ...props,\n      onClick: handleClick,\n      onKeyDown: handleKeyDown,\n      role: 'button',\n      tabIndex: 0,\n      'aria-expanded': isOpen,\n    },\n    children,\n  );\n}\n\nCollapsibleTrigger.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node,\n  /** Specifies base element. */\n  tag: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n  /** Specifies whether toggling `Collapsible's` state will always trigger only open action. */\n  openOnly: PropTypes.bool,\n  /** Specifies whether toggling `Collapsible's` state will always trigger only close action. */\n  closeOnly: PropTypes.bool,\n  /** Callback fired when element gets clicked. */\n  onClick: PropTypes.func,\n  /** Callback fired when a key is pressed. */\n  onKeyDown: PropTypes.func,\n};\n\nCollapsibleTrigger.defaultProps = {\n  children: undefined,\n  tag: 'div',\n  openOnly: false,\n  closeOnly: false,\n  onClick: undefined,\n  onKeyDown: undefined,\n};\n\nexport default CollapsibleTrigger;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,QAAQ,OAAO;AACtD,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,SAASC,kBAAkBA,CAAAC,IAAA,EAExB;EAAA,IAFyB;MAC1BC,GAAG;MAAEC,QAAQ;MAAEC,QAAQ;MAAEC,SAAS;MAAEC,OAAO;MAAEC;IAC/C,CAAC,GAAAN,IAAA;IAD4DO,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAEhE,MAAM;IACJC,MAAM;IAAEC,IAAI;IAAEC,KAAK;IAAEC;EACvB,CAAC,GAAGlB,UAAU,CAACG,kBAAkB,CAAC;EAElC,MAAMgB,YAAY,GAAGlB,WAAW,CAAEmB,CAAC,IAAK;IACtC,IAAIZ,QAAQ,EAAE;MACZQ,IAAI,CAACI,CAAC,CAAC;IACT,CAAC,MAAM,IAAIX,SAAS,EAAE;MACpBQ,KAAK,CAACG,CAAC,CAAC;IACV,CAAC,MAAM;MACLF,MAAM,CAACE,CAAC,CAAC;IACX;EACF,CAAC,EAAE,CAACZ,QAAQ,EAAEQ,IAAI,EAAEP,SAAS,EAAEQ,KAAK,EAAEC,MAAM,CAAC,CAAC;EAE9C,MAAMG,WAAW,GAAGpB,WAAW,CAAEmB,CAAC,IAAK;IACrC,IAAIV,OAAO,EAAE;MACXA,OAAO,CAACU,CAAC,CAAC;IACZ;IACAD,YAAY,CAACC,CAAC,CAAC;EACjB,CAAC,EAAE,CAACV,OAAO,EAAES,YAAY,CAAC,CAAC;EAE3B,MAAMG,aAAa,GAAGrB,WAAW,CAAEmB,CAAC,IAAK;IACvC,IAAIT,SAAS,EAAE;MACbA,SAAS,CAACS,CAAC,CAAC;IACd;IACA,IAAIA,CAAC,CAACG,GAAG,KAAK,OAAO,EAAE;MACrBJ,YAAY,CAACC,CAAC,CAAC;IACjB;EACF,CAAC,EAAE,CAACT,SAAS,EAAEQ,YAAY,CAAC,CAAC;EAE7B,oBAAOpB,KAAK,CAACyB,aAAa,CACxBlB,GAAG,EAAAmB,aAAA,CAAAA,aAAA,KAEEb,KAAK;IACRF,OAAO,EAAEW,WAAW;IACpBV,SAAS,EAAEW,aAAa;IACxBI,IAAI,EAAE,QAAQ;IACdC,QAAQ,EAAE,CAAC;IACX,eAAe,EAAEZ;EAAM,IAEzBR,QACF,CAAC;AACH;AAEAH,kBAAkB,CAACwB,SAAS,GAAG;EAC7B;EACArB,QAAQ,EAAEL,SAAS,CAAC2B,IAAI;EACxB;EACAvB,GAAG,EAAEJ,SAAS,CAAC4B,SAAS,CAAC,CAAC5B,SAAS,CAAC6B,MAAM,EAAE7B,SAAS,CAAC8B,WAAW,CAAC,CAAC;EACnE;EACAxB,QAAQ,EAAEN,SAAS,CAAC+B,IAAI;EACxB;EACAxB,SAAS,EAAEP,SAAS,CAAC+B,IAAI;EACzB;EACAvB,OAAO,EAAER,SAAS,CAACgC,IAAI;EACvB;EACAvB,SAAS,EAAET,SAAS,CAACgC;AACvB,CAAC;AAED9B,kBAAkB,CAAC+B,YAAY,GAAG;EAChC5B,QAAQ,EAAE6B,SAAS;EACnB9B,GAAG,EAAE,KAAK;EACVE,QAAQ,EAAE,KAAK;EACfC,SAAS,EAAE,KAAK;EAChBC,OAAO,EAAE0B,SAAS;EAClBzB,SAAS,EAAEyB;AACb,CAAC;AAED,eAAehC,kBAAkB"}
+{"version":3,"file":"CollapsibleTrigger.js","names":["React","useContext","useCallback","PropTypes","CollapsibleContext","CollapsibleTrigger","_ref","tag","children","openOnly","closeOnly","onClick","onKeyDown","props","_objectWithoutProperties","_excluded","_useContext","isOpen","open","close","toggle","handleToggle","e","handleClick","handleKeyDown","key","createElement","_objectSpread","role","tabIndex","propTypes","node","oneOfType","string","elementType","bool","func","defaultProps","undefined"],"sources":["../../src/Collapsible/CollapsibleTrigger.jsx"],"sourcesContent":["import React, { useContext, useCallback } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CollapsibleContext } from './CollapsibleAdvanced';\n\nfunction CollapsibleTrigger({\n  tag, children, openOnly, closeOnly, onClick, onKeyDown, ...props\n}) {\n  const {\n    isOpen, open, close, toggle,\n  } = useContext(CollapsibleContext);\n\n  const handleToggle = useCallback((e) => {\n    if (openOnly) {\n      open(e);\n    } else if (closeOnly) {\n      close(e);\n    } else {\n      toggle(e);\n    }\n  }, [openOnly, open, closeOnly, close, toggle]);\n\n  const handleClick = useCallback((e) => {\n    if (onClick) {\n      onClick(e);\n    }\n    handleToggle(e);\n  }, [onClick, handleToggle]);\n\n  const handleKeyDown = useCallback((e) => {\n    if (onKeyDown) {\n      onKeyDown(e);\n    }\n    if (e.key === 'Enter') {\n      handleToggle(e);\n    }\n  }, [onKeyDown, handleToggle]);\n\n  return React.createElement(\n    tag,\n    {\n      ...props,\n      onClick: handleClick,\n      onKeyDown: handleKeyDown,\n      role: 'button',\n      tabIndex: 0,\n      'aria-expanded': isOpen,\n    },\n    children,\n  );\n}\n\nCollapsibleTrigger.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node,\n  /** Specifies base element. */\n  tag: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n  /** Specifies whether toggling `Collapsible's` state will always trigger only open action. */\n  openOnly: PropTypes.bool,\n  /** Specifies whether toggling `Collapsible's` state will always trigger only close action. */\n  closeOnly: PropTypes.bool,\n  /** Callback fired when element gets clicked. */\n  onClick: PropTypes.func,\n  /** Callback fired when a key is pressed. */\n  onKeyDown: PropTypes.func,\n};\n\nCollapsibleTrigger.defaultProps = {\n  children: undefined,\n  tag: 'div',\n  openOnly: false,\n  closeOnly: false,\n  onClick: undefined,\n  onKeyDown: undefined,\n};\n\nexport default CollapsibleTrigger;\n"],"mappings":"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"}

package/dist/Collapsible/CollapsibleVisible.js

@@ -2,15 +2,12 @@ import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { CollapsibleContext } from './CollapsibleAdvanced';
 function CollapsibleVisible(_ref) {
-  let {
-    children,
-    whenOpen: visibleWhenOpen,
-    whenClosed: visibleWhenClosed
-  } = _ref;
-  const {
-    isOpen
-  } = useContext(CollapsibleContext);
-  const isVisible = isOpen && visibleWhenOpen || !isOpen && visibleWhenClosed;
+  var children = _ref.children,
+    visibleWhenOpen = _ref.whenOpen,
+    visibleWhenClosed = _ref.whenClosed;
+  var _useContext = useContext(CollapsibleContext),
+    isOpen = _useContext.isOpen;
+  var isVisible = isOpen && visibleWhenOpen || !isOpen && visibleWhenClosed;
   if (isVisible) {
     // eslint-disable-next-line react/jsx-no-useless-fragment
     return /*#__PURE__*/React.createElement(React.Fragment, null, children);

package/dist/Collapsible/CollapsibleVisible.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleVisible.js","names":["React","useContext","PropTypes","CollapsibleContext","CollapsibleVisible","_ref","children","whenOpen","visibleWhenOpen","whenClosed","visibleWhenClosed","isOpen","isVisible","createElement","Fragment","propTypes","node","bool","defaultProps","undefined"],"sources":["../../src/Collapsible/CollapsibleVisible.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CollapsibleContext } from './CollapsibleAdvanced';\n\nfunction CollapsibleVisible({\n  children,\n  whenOpen: visibleWhenOpen,\n  whenClosed: visibleWhenClosed,\n}) {\n  const { isOpen } = useContext(CollapsibleContext);\n  const isVisible = (isOpen && visibleWhenOpen) || (!isOpen && visibleWhenClosed);\n\n  if (isVisible) {\n    // eslint-disable-next-line react/jsx-no-useless-fragment\n    return <>{children}</>;\n  }\n  return null;\n}\n\nCollapsibleVisible.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node,\n  /** Specifies whether the content should be visible when `Collapsible` is open. */\n  whenOpen: PropTypes.bool,\n  /** Specifies whether the content should be visible when `Collapsible` is closed. */\n  whenClosed: PropTypes.bool,\n};\n\nCollapsibleVisible.defaultProps = {\n  children: undefined,\n  whenOpen: false,\n  whenClosed: false,\n};\n\nexport default CollapsibleVisible;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,SAASC,kBAAkBA,CAAAC,IAAA,EAIxB;EAAA,IAJyB;IAC1BC,QAAQ;IACRC,QAAQ,EAAEC,eAAe;IACzBC,UAAU,EAAEC;EACd,CAAC,GAAAL,IAAA;EACC,MAAM;IAAEM;EAAO,CAAC,GAAGV,UAAU,CAACE,kBAAkB,CAAC;EACjD,MAAMS,SAAS,GAAID,MAAM,IAAIH,eAAe,IAAM,CAACG,MAAM,IAAID,iBAAkB;EAE/E,IAAIE,SAAS,EAAE;IACb;IACA,oBAAOZ,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAc,QAAA,QAAGR,QAAW,CAAC;EACxB;EACA,OAAO,IAAI;AACb;AAEAF,kBAAkB,CAACW,SAAS,GAAG;EAC7B;EACAT,QAAQ,EAAEJ,SAAS,CAACc,IAAI;EACxB;EACAT,QAAQ,EAAEL,SAAS,CAACe,IAAI;EACxB;EACAR,UAAU,EAAEP,SAAS,CAACe;AACxB,CAAC;AAEDb,kBAAkB,CAACc,YAAY,GAAG;EAChCZ,QAAQ,EAAEa,SAAS;EACnBZ,QAAQ,EAAE,KAAK;EACfE,UAAU,EAAE;AACd,CAAC;AAED,eAAeL,kBAAkB"}
+{"version":3,"file":"CollapsibleVisible.js","names":["React","useContext","PropTypes","CollapsibleContext","CollapsibleVisible","_ref","children","visibleWhenOpen","whenOpen","visibleWhenClosed","whenClosed","_useContext","isOpen","isVisible","createElement","Fragment","propTypes","node","bool","defaultProps","undefined"],"sources":["../../src/Collapsible/CollapsibleVisible.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CollapsibleContext } from './CollapsibleAdvanced';\n\nfunction CollapsibleVisible({\n  children,\n  whenOpen: visibleWhenOpen,\n  whenClosed: visibleWhenClosed,\n}) {\n  const { isOpen } = useContext(CollapsibleContext);\n  const isVisible = (isOpen && visibleWhenOpen) || (!isOpen && visibleWhenClosed);\n\n  if (isVisible) {\n    // eslint-disable-next-line react/jsx-no-useless-fragment\n    return <>{children}</>;\n  }\n  return null;\n}\n\nCollapsibleVisible.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node,\n  /** Specifies whether the content should be visible when `Collapsible` is open. */\n  whenOpen: PropTypes.bool,\n  /** Specifies whether the content should be visible when `Collapsible` is closed. */\n  whenClosed: PropTypes.bool,\n};\n\nCollapsibleVisible.defaultProps = {\n  children: undefined,\n  whenOpen: false,\n  whenClosed: false,\n};\n\nexport default CollapsibleVisible;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,SAASC,kBAAkBA,CAAAC,IAAA,EAIxB;EAAA,IAHDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACEC,eAAe,GAAAF,IAAA,CAAzBG,QAAQ;IACIC,iBAAiB,GAAAJ,IAAA,CAA7BK,UAAU;EAEV,IAAAC,WAAA,GAAmBV,UAAU,CAACE,kBAAkB,CAAC;IAAzCS,MAAM,GAAAD,WAAA,CAANC,MAAM;EACd,IAAMC,SAAS,GAAID,MAAM,IAAIL,eAAe,IAAM,CAACK,MAAM,IAAIH,iBAAkB;EAE/E,IAAII,SAAS,EAAE;IACb;IACA,oBAAOb,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,QAAGT,QAAW,CAAC;EACxB;EACA,OAAO,IAAI;AACb;AAEAF,kBAAkB,CAACY,SAAS,GAAG;EAC7B;EACAV,QAAQ,EAAEJ,SAAS,CAACe,IAAI;EACxB;EACAT,QAAQ,EAAEN,SAAS,CAACgB,IAAI;EACxB;EACAR,UAAU,EAAER,SAAS,CAACgB;AACxB,CAAC;AAEDd,kBAAkB,CAACe,YAAY,GAAG;EAChCb,QAAQ,EAAEc,SAAS;EACnBZ,QAAQ,EAAE,KAAK;EACfE,UAAU,EAAE;AACd,CAAC;AAED,eAAeN,kBAAkB"}

package/dist/Collapsible/index.js

@@ -1,10 +1,11 @@
-const _excluded = ["children", "className", "title", "styling", "iconWhenClosed", "iconWhenOpen"];
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["children", "className", "title", "styling", "iconWhenClosed", "iconWhenOpen"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _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';
@@ -16,7 +17,7 @@ import CollapsibleBody from './CollapsibleBody';
 import CollapsibleTrigger from './CollapsibleTrigger';
 import CollapsibleVisible from './CollapsibleVisible';
 import Icon from '../Icon';
-const styleIcons = {
+var styleIcons = {
   basic: {
     iconWhenClosed: /*#__PURE__*/React.createElement(Icon, {
       src: ExpandMore
@@ -28,23 +29,21 @@ const styleIcons = {
   // card and card-lg use the defaults specified in defaultProps
 };
 
-const Collapsible = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const {
-      children,
-      className,
-      title,
-      styling,
-      iconWhenClosed,
-      iconWhenOpen
-    } = props,
+var Collapsible = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var children = props.children,
+    className = props.className,
+    title = props.title,
+    styling = props.styling,
+    iconWhenClosed = props.iconWhenClosed,
+    iconWhenOpen = props.iconWhenOpen,
     other = _objectWithoutProperties(props, _excluded);
-  const icons = _objectSpread({
-    iconWhenClosed,
-    iconWhenOpen
+  var icons = _objectSpread({
+    iconWhenClosed: iconWhenClosed,
+    iconWhenOpen: iconWhenOpen
   }, styleIcons[styling]);
-  const titleElement = /*#__PURE__*/React.isValidElement(title) ? title : /*#__PURE__*/React.createElement("span", null, title);
+  var titleElement = /*#__PURE__*/React.isValidElement(title) ? title : /*#__PURE__*/React.createElement("span", null, title);
   return /*#__PURE__*/React.createElement(Collapsible.Advanced, _extends({}, other, {
-    className: classNames(className, `collapsible-${styling}`),
+    className: classNames(className, "collapsible-".concat(styling)),
     ref: ref
   }), /*#__PURE__*/React.createElement(Collapsible.Trigger, {
     className: "collapsible-trigger"

package/dist/Collapsible/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classNames","PropTypes","ExpandLess","ExpandMore","CollapsibleAdvanced","CollapsibleContext","CollapsibleBody","CollapsibleTrigger","CollapsibleVisible","Icon","styleIcons","basic","iconWhenClosed","createElement","src","iconWhenOpen","Collapsible","forwardRef","props","ref","children","className","title","styling","other","_objectWithoutProperties","_excluded","icons","_objectSpread","titleElement","isValidElement","Advanced","_extends","Trigger","Visible","whenClosed","whenOpen","Body","propTypes","node","isRequired","string","defaultOpen","bool","element","onClose","func","onOpen","onToggle","open","oneOf","unmountOnExit","defaultProps","undefined","Context"],"sources":["../../src/Collapsible/index.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport { ExpandLess, ExpandMore } from '../../icons';\nimport CollapsibleAdvanced, { CollapsibleContext } from './CollapsibleAdvanced';\nimport CollapsibleBody from './CollapsibleBody';\nimport CollapsibleTrigger from './CollapsibleTrigger';\nimport CollapsibleVisible from './CollapsibleVisible';\nimport Icon from '../Icon';\n\nconst styleIcons = {\n  basic: {\n    iconWhenClosed: <Icon src={ExpandMore} />,\n    iconWhenOpen: <Icon src={ExpandLess} />,\n  },\n  // card and card-lg use the defaults specified in defaultProps\n};\n\nconst Collapsible = React.forwardRef((props, ref) => {\n  const {\n    children,\n    className,\n    title,\n    styling,\n    iconWhenClosed,\n    iconWhenOpen,\n    ...other\n  } = props;\n\n  const icons = { iconWhenClosed, iconWhenOpen, ...styleIcons[styling] };\n  const titleElement = React.isValidElement(title) ? title : <span>{title}</span>;\n\n  return (\n    <Collapsible.Advanced\n      {...other}\n      className={classNames(className, `collapsible-${styling}`)}\n      ref={ref}\n    >\n      <Collapsible.Trigger className=\"collapsible-trigger\">\n        {titleElement}\n        <span className=\"collapsible-icon\">\n          <Collapsible.Visible whenClosed>{icons.iconWhenClosed}</Collapsible.Visible>\n          <Collapsible.Visible whenOpen>{icons.iconWhenOpen}</Collapsible.Visible>\n        </span>\n      </Collapsible.Trigger>\n\n      <Collapsible.Body className=\"collapsible-body\">{children}</Collapsible.Body>\n    </Collapsible.Advanced>\n  );\n});\n\nCollapsible.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies whether the `Collapsible` should be initially open. */\n  defaultOpen: PropTypes.bool,\n  /** Specifies icon to show when `Collapsible` is closed. */\n  iconWhenClosed: PropTypes.element,\n  /** Specifies icon to show when `Collapsible` is open. */\n  iconWhenOpen: PropTypes.element,\n  /** Callback fired when `Collapsible` closes. */\n  onClose: PropTypes.func,\n  /** Callback fired when `Collapsible` opens. */\n  onOpen: PropTypes.func,\n  /** Callback fired when `Collapsible's` state is toggled. */\n  onToggle: PropTypes.func,\n  /** Specifies whether `Collapsible` is open. */\n  open: PropTypes.bool,\n  /** Specifies style variant. */\n  styling: PropTypes.oneOf(['basic', 'card', 'card-lg']),\n  /** Specifies title. */\n  title: PropTypes.node.isRequired,\n  /** Unmount the component (remove it from the DOM) when it is collapsed */\n  unmountOnExit: PropTypes.bool,\n};\n\nCollapsible.defaultProps = {\n  className: undefined,\n  defaultOpen: false,\n  iconWhenClosed: <Icon src={ExpandMore} />,\n  iconWhenOpen: <Icon src={ExpandLess} />,\n  onClose: undefined,\n  onOpen: undefined,\n  onToggle: undefined,\n  open: undefined,\n  styling: 'card',\n  unmountOnExit: true,\n};\n\nCollapsible.Advanced = CollapsibleAdvanced;\nCollapsible.Body = CollapsibleBody;\nCollapsible.Trigger = CollapsibleTrigger;\nCollapsible.Visible = CollapsibleVisible;\nCollapsible.Context = CollapsibleContext;\n\nexport default Collapsible;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","classNames","PropTypes","ExpandLess","ExpandMore","CollapsibleAdvanced","CollapsibleContext","CollapsibleBody","CollapsibleTrigger","CollapsibleVisible","Icon","styleIcons","basic","iconWhenClosed","createElement","src","iconWhenOpen","Collapsible","forwardRef","props","ref","children","className","title","styling","other","_objectWithoutProperties","_excluded","icons","_objectSpread","titleElement","isValidElement","Advanced","_extends","concat","Trigger","Visible","whenClosed","whenOpen","Body","propTypes","node","isRequired","string","defaultOpen","bool","element","onClose","func","onOpen","onToggle","open","oneOf","unmountOnExit","defaultProps","undefined","Context"],"sources":["../../src/Collapsible/index.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport { ExpandLess, ExpandMore } from '../../icons';\nimport CollapsibleAdvanced, { CollapsibleContext } from './CollapsibleAdvanced';\nimport CollapsibleBody from './CollapsibleBody';\nimport CollapsibleTrigger from './CollapsibleTrigger';\nimport CollapsibleVisible from './CollapsibleVisible';\nimport Icon from '../Icon';\n\nconst styleIcons = {\n  basic: {\n    iconWhenClosed: <Icon src={ExpandMore} />,\n    iconWhenOpen: <Icon src={ExpandLess} />,\n  },\n  // card and card-lg use the defaults specified in defaultProps\n};\n\nconst Collapsible = React.forwardRef((props, ref) => {\n  const {\n    children,\n    className,\n    title,\n    styling,\n    iconWhenClosed,\n    iconWhenOpen,\n    ...other\n  } = props;\n\n  const icons = { iconWhenClosed, iconWhenOpen, ...styleIcons[styling] };\n  const titleElement = React.isValidElement(title) ? title : <span>{title}</span>;\n\n  return (\n    <Collapsible.Advanced\n      {...other}\n      className={classNames(className, `collapsible-${styling}`)}\n      ref={ref}\n    >\n      <Collapsible.Trigger className=\"collapsible-trigger\">\n        {titleElement}\n        <span className=\"collapsible-icon\">\n          <Collapsible.Visible whenClosed>{icons.iconWhenClosed}</Collapsible.Visible>\n          <Collapsible.Visible whenOpen>{icons.iconWhenOpen}</Collapsible.Visible>\n        </span>\n      </Collapsible.Trigger>\n\n      <Collapsible.Body className=\"collapsible-body\">{children}</Collapsible.Body>\n    </Collapsible.Advanced>\n  );\n});\n\nCollapsible.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies whether the `Collapsible` should be initially open. */\n  defaultOpen: PropTypes.bool,\n  /** Specifies icon to show when `Collapsible` is closed. */\n  iconWhenClosed: PropTypes.element,\n  /** Specifies icon to show when `Collapsible` is open. */\n  iconWhenOpen: PropTypes.element,\n  /** Callback fired when `Collapsible` closes. */\n  onClose: PropTypes.func,\n  /** Callback fired when `Collapsible` opens. */\n  onOpen: PropTypes.func,\n  /** Callback fired when `Collapsible's` state is toggled. */\n  onToggle: PropTypes.func,\n  /** Specifies whether `Collapsible` is open. */\n  open: PropTypes.bool,\n  /** Specifies style variant. */\n  styling: PropTypes.oneOf(['basic', 'card', 'card-lg']),\n  /** Specifies title. */\n  title: PropTypes.node.isRequired,\n  /** Unmount the component (remove it from the DOM) when it is collapsed */\n  unmountOnExit: PropTypes.bool,\n};\n\nCollapsible.defaultProps = {\n  className: undefined,\n  defaultOpen: false,\n  iconWhenClosed: <Icon src={ExpandMore} />,\n  iconWhenOpen: <Icon src={ExpandLess} />,\n  onClose: undefined,\n  onOpen: undefined,\n  onToggle: undefined,\n  open: undefined,\n  styling: 'card',\n  unmountOnExit: true,\n};\n\nCollapsible.Advanced = CollapsibleAdvanced;\nCollapsible.Body = CollapsibleBody;\nCollapsible.Trigger = CollapsibleTrigger;\nCollapsible.Visible = CollapsibleVisible;\nCollapsible.Context = CollapsibleContext;\n\nexport default Collapsible;\n"],"mappings":"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"}

package/dist/ColorPicker/index.js

@@ -1,8 +1,15 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -14,39 +21,55 @@ import { OverlayTrigger } from '../Overlay';
 import Tooltip from '../Tooltip';
 import useToggle from '../hooks/useToggle';
 function ColorPicker(_ref) {
-  let {
-    color,
-    setColor,
-    className,
-    size
-  } = _ref;
-  const [isOpen, open, close] = useToggle(false);
-  const [target, setTarget] = React.useState(null);
-  const colorIsValid = colorToValidate => {
-    const hexRegex = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/;
+  var color = _ref.color,
+    setColor = _ref.setColor,
+    className = _ref.className,
+    size = _ref.size;
+  var _useToggle = useToggle(false),
+    _useToggle2 = _slicedToArray(_useToggle, 3),
+    isOpen = _useToggle2[0],
+    open = _useToggle2[1],
+    close = _useToggle2[2];
+  var _React$useState = React.useState(null),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    target = _React$useState2[0],
+    setTarget = _React$useState2[1];
+  var colorIsValid = function colorIsValid(colorToValidate) {
+    var hexRegex = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/;
     return hexRegex.test(colorToValidate);
   };
-  const formatHexColorString = colorString => {
+  var formatHexColorString = function formatHexColorString(colorString) {
     if (!colorString.startsWith('#')) {
-      return `#${colorString}`.slice(0, 7);
+      return "#".concat(colorString).slice(0, 7);
     }
     return colorString.slice(0, 7);
   };
-  const [hexValid, setHexValid] = React.useState(() => color === '' || colorIsValid(formatHexColorString(color)));
-  const [hexColorString, setHexColorString] = React.useState(() => {
-    if (color === '') {
-      return '';
-    }
-    return formatHexColorString(color);
-  });
-  const [colorToDisplay, setColorToDisplay] = React.useState(() => {
-    const formattedColor = formatHexColorString(color);
-    if (colorIsValid(formattedColor)) {
-      return formattedColor;
-    }
-    return '#fff';
-  });
-  const setValidatedColor = newColor => {
+  var _React$useState3 = React.useState(function () {
+      return color === '' || colorIsValid(formatHexColorString(color));
+    }),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    hexValid = _React$useState4[0],
+    setHexValid = _React$useState4[1];
+  var _React$useState5 = React.useState(function () {
+      if (color === '') {
+        return '';
+      }
+      return formatHexColorString(color);
+    }),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    hexColorString = _React$useState6[0],
+    setHexColorString = _React$useState6[1];
+  var _React$useState7 = React.useState(function () {
+      var formattedColor = formatHexColorString(color);
+      if (colorIsValid(formattedColor)) {
+        return formattedColor;
+      }
+      return '#fff';
+    }),
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    colorToDisplay = _React$useState8[0],
+    setColorToDisplay = _React$useState8[1];
+  var setValidatedColor = function setValidatedColor(newColor) {
     if (newColor === '') {
       setHexValid(true);
       setColor('');
@@ -54,7 +77,7 @@ function ColorPicker(_ref) {
       setColorToDisplay('#fff');
       return;
     }
-    const formattedColor = formatHexColorString(newColor);
+    var formattedColor = formatHexColorString(newColor);
     if (colorIsValid(formattedColor)) {
       setHexValid(true);
       setColor(formattedColor);
@@ -77,9 +100,9 @@ function ColorPicker(_ref) {
     }, "Color picker")
   }, /*#__PURE__*/React.createElement(Button, {
     ref: setTarget,
-    className: classNames(className, 'pgn__color-picker', `pgn__color-picker-${size}`),
+    className: classNames(className, 'pgn__color-picker', "pgn__color-picker-".concat(size)),
     style: _objectSpread({}, color && hexValid ? {
-      background: `${color}`
+      background: "".concat(color)
     } : {}),
     onClick: open
   }))), /*#__PURE__*/React.createElement(ModalPopup, {
@@ -106,7 +129,9 @@ function ColorPicker(_ref) {
     className: "pgn__hex-field",
     isInvalid: !hexValid,
     value: hexColorString,
-    onChange: e => setValidatedColor(e.target.value),
+    onChange: function onChange(e) {
+      return setValidatedColor(e.target.value);
+    },
     "data-testid": "hex-input",
     spellCheck: "false"
   })), !hexValid && /*#__PURE__*/React.createElement(Form.Control.Feedback, {

package/dist/ColorPicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","HexColorPicker","Button","Form","ModalPopup","OverlayTrigger","Tooltip","useToggle","ColorPicker","_ref","color","setColor","className","size","isOpen","open","close","target","setTarget","useState","colorIsValid","colorToValidate","hexRegex","test","formatHexColorString","colorString","startsWith","slice","hexValid","setHexValid","hexColorString","setHexColorString","colorToDisplay","setColorToDisplay","formattedColor","setValidatedColor","newColor","createElement","Fragment","placement","overlay","id","ref","style","_objectSpread","background","onClick","positionRef","onClose","textAlign","onChange","Group","Label","Control","isInvalid","value","e","spellCheck","Feedback","type","defaultProps","undefined","propTypes","string","func","isRequired","oneOf"],"sources":["../../src/ColorPicker/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { HexColorPicker } from 'react-colorful';\n\nimport Button from '../Button';\nimport Form from '../Form';\nimport ModalPopup from '../Modal/ModalPopup';\nimport { OverlayTrigger } from '../Overlay';\nimport Tooltip from '../Tooltip';\nimport useToggle from '../hooks/useToggle';\n\nfunction ColorPicker({\n  color, setColor, className, size,\n}) {\n  const [isOpen, open, close] = useToggle(false);\n  const [target, setTarget] = React.useState(null);\n\n  const colorIsValid = (colorToValidate) => {\n    const hexRegex = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/;\n    return hexRegex.test(colorToValidate);\n  };\n\n  const formatHexColorString = (colorString) => {\n    if (!colorString.startsWith('#')) {\n      return `#${colorString}`.slice(0, 7);\n    }\n\n    return colorString.slice(0, 7);\n  };\n\n  const [hexValid, setHexValid] = React.useState(() => (color === '' || colorIsValid(formatHexColorString(color))));\n\n  const [hexColorString, setHexColorString] = React.useState(() => {\n    if (color === '') {\n      return '';\n    }\n\n    return formatHexColorString(color);\n  });\n  const [colorToDisplay, setColorToDisplay] = React.useState(() => {\n    const formattedColor = formatHexColorString(color);\n    if (colorIsValid(formattedColor)) {\n      return formattedColor;\n    }\n\n    return '#fff';\n  });\n\n  const setValidatedColor = (newColor) => {\n    if (newColor === '') {\n      setHexValid(true);\n      setColor('');\n      setHexColorString('');\n      setColorToDisplay('#fff');\n      return;\n    }\n\n    const formattedColor = formatHexColorString(newColor);\n\n    if (colorIsValid(formattedColor)) {\n      setHexValid(true);\n      setColor(formattedColor);\n      setHexColorString(formattedColor);\n      setColorToDisplay(formattedColor);\n      return;\n    }\n\n    setHexValid(false);\n    setHexColorString(formattedColor);\n\n    // ensure the picker value stays in sync with the textbox\n    setColor(formattedColor);\n  };\n\n  return (\n    <>\n      <span className=\"d-flex\">\n        <OverlayTrigger\n          placement=\"top\"\n          overlay={<Tooltip id=\"color-picker-tooltip\">Color picker</Tooltip>}\n        >\n          <Button\n            ref={setTarget}\n            className={classNames(\n              className,\n              'pgn__color-picker',\n              `pgn__color-picker-${size}`,\n            )}\n            style={{\n              ...(color && hexValid ? { background: `${color}` } : {}),\n            }}\n            onClick={open}\n          />\n        </OverlayTrigger>\n      </span>\n      <ModalPopup\n        positionRef={target}\n        isOpen={isOpen}\n        style={{ background: 'black' }}\n        onClose={close}\n      >\n        <div\n          className=\"pgn__color-modal rounded shadow\"\n          style={{ textAlign: 'start' }}\n        >\n          <HexColorPicker color={colorToDisplay} onChange={setValidatedColor} />\n          <Form.Group className=\"pgn__hex-form\" size=\"sm\">\n            <div>\n              <Form.Label className=\"pgn__hex-label\">Hex</Form.Label>\n              <Form.Control\n                className=\"pgn__hex-field\"\n                isInvalid={!hexValid}\n                value={hexColorString}\n                onChange={(e) => setValidatedColor(e.target.value)}\n                data-testid=\"hex-input\"\n                spellCheck=\"false\"\n              />\n            </div>\n            {!hexValid && (\n              <Form.Control.Feedback\n                className=\"pgn__color-error\"\n                type=\"invalid\"\n              >\n                Colors must be in hexadecimal format.\n              </Form.Control.Feedback>\n            )}\n          </Form.Group>\n        </div>\n      </ModalPopup>\n    </>\n  );\n}\n\nColorPicker.defaultProps = {\n  color: '',\n  className: undefined,\n  size: 'md',\n};\n\nColorPicker.propTypes = {\n  /** A default hex code to preset the picker to display. */\n  color: PropTypes.string,\n  /** Passing setState function allows parent to alter the color. */\n  setColor: PropTypes.func.isRequired,\n  /** A class name to append to the base element. */\n  className: PropTypes.string,\n  /** Size of the color picker */\n  size: PropTypes.oneOf(['sm', 'md']),\n};\n\nexport default ColorPicker;\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,cAAc,QAAQ,gBAAgB;AAE/C,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,qBAAqB;AAC5C,SAASC,cAAc,QAAQ,YAAY;AAC3C,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,SAAS,MAAM,oBAAoB;AAE1C,SAASC,WAAWA,CAAAC,IAAA,EAEjB;EAAA,IAFkB;IACnBC,KAAK;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAC9B,CAAC,GAAAJ,IAAA;EACC,MAAM,CAACK,MAAM,EAAEC,IAAI,EAAEC,KAAK,CAAC,GAAGT,SAAS,CAAC,KAAK,CAAC;EAC9C,MAAM,CAACU,MAAM,EAAEC,SAAS,CAAC,GAAGpB,KAAK,CAACqB,QAAQ,CAAC,IAAI,CAAC;EAEhD,MAAMC,YAAY,GAAIC,eAAe,IAAK;IACxC,MAAMC,QAAQ,GAAG,oCAAoC;IACrD,OAAOA,QAAQ,CAACC,IAAI,CAACF,eAAe,CAAC;EACvC,CAAC;EAED,MAAMG,oBAAoB,GAAIC,WAAW,IAAK;IAC5C,IAAI,CAACA,WAAW,CAACC,UAAU,CAAC,GAAG,CAAC,EAAE;MAChC,OAAQ,IAAGD,WAAY,EAAC,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;IACtC;IAEA,OAAOF,WAAW,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;EAChC,CAAC;EAED,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG/B,KAAK,CAACqB,QAAQ,CAAC,MAAOT,KAAK,KAAK,EAAE,IAAIU,YAAY,CAACI,oBAAoB,CAACd,KAAK,CAAC,CAAE,CAAC;EAEjH,MAAM,CAACoB,cAAc,EAAEC,iBAAiB,CAAC,GAAGjC,KAAK,CAACqB,QAAQ,CAAC,MAAM;IAC/D,IAAIT,KAAK,KAAK,EAAE,EAAE;MAChB,OAAO,EAAE;IACX;IAEA,OAAOc,oBAAoB,CAACd,KAAK,CAAC;EACpC,CAAC,CAAC;EACF,MAAM,CAACsB,cAAc,EAAEC,iBAAiB,CAAC,GAAGnC,KAAK,CAACqB,QAAQ,CAAC,MAAM;IAC/D,MAAMe,cAAc,GAAGV,oBAAoB,CAACd,KAAK,CAAC;IAClD,IAAIU,YAAY,CAACc,cAAc,CAAC,EAAE;MAChC,OAAOA,cAAc;IACvB;IAEA,OAAO,MAAM;EACf,CAAC,CAAC;EAEF,MAAMC,iBAAiB,GAAIC,QAAQ,IAAK;IACtC,IAAIA,QAAQ,KAAK,EAAE,EAAE;MACnBP,WAAW,CAAC,IAAI,CAAC;MACjBlB,QAAQ,CAAC,EAAE,CAAC;MACZoB,iBAAiB,CAAC,EAAE,CAAC;MACrBE,iBAAiB,CAAC,MAAM,CAAC;MACzB;IACF;IAEA,MAAMC,cAAc,GAAGV,oBAAoB,CAACY,QAAQ,CAAC;IAErD,IAAIhB,YAAY,CAACc,cAAc,CAAC,EAAE;MAChCL,WAAW,CAAC,IAAI,CAAC;MACjBlB,QAAQ,CAACuB,cAAc,CAAC;MACxBH,iBAAiB,CAACG,cAAc,CAAC;MACjCD,iBAAiB,CAACC,cAAc,CAAC;MACjC;IACF;IAEAL,WAAW,CAAC,KAAK,CAAC;IAClBE,iBAAiB,CAACG,cAAc,CAAC;;IAEjC;IACAvB,QAAQ,CAACuB,cAAc,CAAC;EAC1B,CAAC;EAED,oBACEpC,KAAA,CAAAuC,aAAA,CAAAvC,KAAA,CAAAwC,QAAA,qBACExC,KAAA,CAAAuC,aAAA;IAAMzB,SAAS,EAAC;EAAQ,gBACtBd,KAAA,CAAAuC,aAAA,CAAChC,cAAc;IACbkC,SAAS,EAAC,KAAK;IACfC,OAAO,eAAE1C,KAAA,CAAAuC,aAAA,CAAC/B,OAAO;MAACmC,EAAE,EAAC;IAAsB,GAAC,cAAqB;EAAE,gBAEnE3C,KAAA,CAAAuC,aAAA,CAACnC,MAAM;IACLwC,GAAG,EAAExB,SAAU;IACfN,SAAS,EAAEZ,UAAU,CACnBY,SAAS,EACT,mBAAmB,EAClB,qBAAoBC,IAAK,EAC5B,CAAE;IACF8B,KAAK,EAAAC,aAAA,KACClC,KAAK,IAAIkB,QAAQ,GAAG;MAAEiB,UAAU,EAAG,GAAEnC,KAAM;IAAE,CAAC,GAAG,CAAC,CAAC,CACvD;IACFoC,OAAO,EAAE/B;EAAK,CACf,CACa,CACZ,CAAC,eACPjB,KAAA,CAAAuC,aAAA,CAACjC,UAAU;IACT2C,WAAW,EAAE9B,MAAO;IACpBH,MAAM,EAAEA,MAAO;IACf6B,KAAK,EAAE;MAAEE,UAAU,EAAE;IAAQ,CAAE;IAC/BG,OAAO,EAAEhC;EAAM,gBAEflB,KAAA,CAAAuC,aAAA;IACEzB,SAAS,EAAC,iCAAiC;IAC3C+B,KAAK,EAAE;MAAEM,SAAS,EAAE;IAAQ;EAAE,gBAE9BnD,KAAA,CAAAuC,aAAA,CAACpC,cAAc;IAACS,KAAK,EAAEsB,cAAe;IAACkB,QAAQ,EAAEf;EAAkB,CAAE,CAAC,eACtErC,KAAA,CAAAuC,aAAA,CAAClC,IAAI,CAACgD,KAAK;IAACvC,SAAS,EAAC,eAAe;IAACC,IAAI,EAAC;EAAI,gBAC7Cf,KAAA,CAAAuC,aAAA,2BACEvC,KAAA,CAAAuC,aAAA,CAAClC,IAAI,CAACiD,KAAK;IAACxC,SAAS,EAAC;EAAgB,GAAC,KAAe,CAAC,eACvDd,KAAA,CAAAuC,aAAA,CAAClC,IAAI,CAACkD,OAAO;IACXzC,SAAS,EAAC,gBAAgB;IAC1B0C,SAAS,EAAE,CAAC1B,QAAS;IACrB2B,KAAK,EAAEzB,cAAe;IACtBoB,QAAQ,EAAGM,CAAC,IAAKrB,iBAAiB,CAACqB,CAAC,CAACvC,MAAM,CAACsC,KAAK,CAAE;IACnD,eAAY,WAAW;IACvBE,UAAU,EAAC;EAAO,CACnB,CACE,CAAC,EACL,CAAC7B,QAAQ,iBACR9B,KAAA,CAAAuC,aAAA,CAAClC,IAAI,CAACkD,OAAO,CAACK,QAAQ;IACpB9C,SAAS,EAAC,kBAAkB;IAC5B+C,IAAI,EAAC;EAAS,GACf,uCAEsB,CAEf,CACT,CACK,CACZ,CAAC;AAEP;AAEAnD,WAAW,CAACoD,YAAY,GAAG;EACzBlD,KAAK,EAAE,EAAE;EACTE,SAAS,EAAEiD,SAAS;EACpBhD,IAAI,EAAE;AACR,CAAC;AAEDL,WAAW,CAACsD,SAAS,GAAG;EACtB;EACApD,KAAK,EAAEX,SAAS,CAACgE,MAAM;EACvB;EACApD,QAAQ,EAAEZ,SAAS,CAACiE,IAAI,CAACC,UAAU;EACnC;EACArD,SAAS,EAAEb,SAAS,CAACgE,MAAM;EAC3B;EACAlD,IAAI,EAAEd,SAAS,CAACmE,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC;AACpC,CAAC;AAED,eAAe1D,WAAW"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","HexColorPicker","Button","Form","ModalPopup","OverlayTrigger","Tooltip","useToggle","ColorPicker","_ref","color","setColor","className","size","_useToggle","_useToggle2","_slicedToArray","isOpen","open","close","_React$useState","useState","_React$useState2","target","setTarget","colorIsValid","colorToValidate","hexRegex","test","formatHexColorString","colorString","startsWith","concat","slice","_React$useState3","_React$useState4","hexValid","setHexValid","_React$useState5","_React$useState6","hexColorString","setHexColorString","_React$useState7","formattedColor","_React$useState8","colorToDisplay","setColorToDisplay","setValidatedColor","newColor","createElement","Fragment","placement","overlay","id","ref","style","_objectSpread","background","onClick","positionRef","onClose","textAlign","onChange","Group","Label","Control","isInvalid","value","e","spellCheck","Feedback","type","defaultProps","undefined","propTypes","string","func","isRequired","oneOf"],"sources":["../../src/ColorPicker/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { HexColorPicker } from 'react-colorful';\n\nimport Button from '../Button';\nimport Form from '../Form';\nimport ModalPopup from '../Modal/ModalPopup';\nimport { OverlayTrigger } from '../Overlay';\nimport Tooltip from '../Tooltip';\nimport useToggle from '../hooks/useToggle';\n\nfunction ColorPicker({\n  color, setColor, className, size,\n}) {\n  const [isOpen, open, close] = useToggle(false);\n  const [target, setTarget] = React.useState(null);\n\n  const colorIsValid = (colorToValidate) => {\n    const hexRegex = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/;\n    return hexRegex.test(colorToValidate);\n  };\n\n  const formatHexColorString = (colorString) => {\n    if (!colorString.startsWith('#')) {\n      return `#${colorString}`.slice(0, 7);\n    }\n\n    return colorString.slice(0, 7);\n  };\n\n  const [hexValid, setHexValid] = React.useState(() => (color === '' || colorIsValid(formatHexColorString(color))));\n\n  const [hexColorString, setHexColorString] = React.useState(() => {\n    if (color === '') {\n      return '';\n    }\n\n    return formatHexColorString(color);\n  });\n  const [colorToDisplay, setColorToDisplay] = React.useState(() => {\n    const formattedColor = formatHexColorString(color);\n    if (colorIsValid(formattedColor)) {\n      return formattedColor;\n    }\n\n    return '#fff';\n  });\n\n  const setValidatedColor = (newColor) => {\n    if (newColor === '') {\n      setHexValid(true);\n      setColor('');\n      setHexColorString('');\n      setColorToDisplay('#fff');\n      return;\n    }\n\n    const formattedColor = formatHexColorString(newColor);\n\n    if (colorIsValid(formattedColor)) {\n      setHexValid(true);\n      setColor(formattedColor);\n      setHexColorString(formattedColor);\n      setColorToDisplay(formattedColor);\n      return;\n    }\n\n    setHexValid(false);\n    setHexColorString(formattedColor);\n\n    // ensure the picker value stays in sync with the textbox\n    setColor(formattedColor);\n  };\n\n  return (\n    <>\n      <span className=\"d-flex\">\n        <OverlayTrigger\n          placement=\"top\"\n          overlay={<Tooltip id=\"color-picker-tooltip\">Color picker</Tooltip>}\n        >\n          <Button\n            ref={setTarget}\n            className={classNames(\n              className,\n              'pgn__color-picker',\n              `pgn__color-picker-${size}`,\n            )}\n            style={{\n              ...(color && hexValid ? { background: `${color}` } : {}),\n            }}\n            onClick={open}\n          />\n        </OverlayTrigger>\n      </span>\n      <ModalPopup\n        positionRef={target}\n        isOpen={isOpen}\n        style={{ background: 'black' }}\n        onClose={close}\n      >\n        <div\n          className=\"pgn__color-modal rounded shadow\"\n          style={{ textAlign: 'start' }}\n        >\n          <HexColorPicker color={colorToDisplay} onChange={setValidatedColor} />\n          <Form.Group className=\"pgn__hex-form\" size=\"sm\">\n            <div>\n              <Form.Label className=\"pgn__hex-label\">Hex</Form.Label>\n              <Form.Control\n                className=\"pgn__hex-field\"\n                isInvalid={!hexValid}\n                value={hexColorString}\n                onChange={(e) => setValidatedColor(e.target.value)}\n                data-testid=\"hex-input\"\n                spellCheck=\"false\"\n              />\n            </div>\n            {!hexValid && (\n              <Form.Control.Feedback\n                className=\"pgn__color-error\"\n                type=\"invalid\"\n              >\n                Colors must be in hexadecimal format.\n              </Form.Control.Feedback>\n            )}\n          </Form.Group>\n        </div>\n      </ModalPopup>\n    </>\n  );\n}\n\nColorPicker.defaultProps = {\n  color: '',\n  className: undefined,\n  size: 'md',\n};\n\nColorPicker.propTypes = {\n  /** A default hex code to preset the picker to display. */\n  color: PropTypes.string,\n  /** Passing setState function allows parent to alter the color. */\n  setColor: PropTypes.func.isRequired,\n  /** A class name to append to the base element. */\n  className: PropTypes.string,\n  /** Size of the color picker */\n  size: PropTypes.oneOf(['sm', 'md']),\n};\n\nexport default ColorPicker;\n"],"mappings":"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"}