@openedx/paragon 22.3.2 → 23.0.0-alpha.1

package/dist/Collapsible/CollapsibleAdvanced.js

@@ -1,5 +1,5 @@
 var _excluded = ["children", "className", "unmountOnExit"];
-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 _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _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; }
@@ -11,11 +11,11 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Objec
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';

package/dist/Collapsible/CollapsibleAdvanced.js.map

@@ -1 +1 @@
-{"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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"}
+{"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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","ignoreList":[]}

package/dist/Collapsible/CollapsibleBody.js

@@ -1,10 +1,10 @@
-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 _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", "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 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(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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useContext } from 'react';

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

package/dist/Collapsible/CollapsibleTrigger.js

@@ -1,10 +1,10 @@
-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 _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 = ["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 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(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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useContext, useCallback } from 'react';

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

package/dist/Collapsible/CollapsibleVisible.js.map

@@ -1 +1 @@
-{"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"}
+{"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","ignoreList":[]}

package/dist/Collapsible/index.js

@@ -1,11 +1,11 @@
-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 _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["children", "className", "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 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(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(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';
@@ -28,7 +28,6 @@ var styleIcons = {
   }
   // card and card-lg use the defaults specified in defaultProps
 };
-
 var Collapsible = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var children = props.children,
     className = props.className,

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

package/dist/Collapsible/index.scss

@@ -1,5 +1,3 @@
-@import "variables";
-
 .collapsible-card {
   // stylelint-disable-next-line
   @extend .card;
@@ -7,9 +5,9 @@
   border-radius: 0;
 
   .collapsible-trigger {
-    padding: $collapsible-card-spacer-y $collapsible-card-spacer-x;
-    border-radius: $card-inner-border-radius;
-    border-bottom: $card-border-width solid transparent;
+    padding: var(--pgn-spacing-collapsible-card-spacer-y-base) var(--pgn-spacing-collapsible-card-spacer-x-base);
+    border-radius: calc(var(--pgn-size-card-border-radius-base) - var(--pgn-size-card-border-width));
+    border-bottom: var(--pgn-size-card-border-width) solid transparent;
     transition: border-color 100ms ease 150ms;
     cursor: pointer;
     display: flex;
@@ -23,8 +21,10 @@
     }
 
     &[aria-expanded="true"] {
-      border-radius: $card-inner-border-radius $card-inner-border-radius 0 0;
-      border-color: $card-border-color;
+      border-radius:
+        calc(var(--pgn-size-card-border-radius-base) - var(--pgn-size-card-border-width))
+        calc(var(--pgn-size-card-border-radius-base) - var(--pgn-size-card-border-width)) 0 0;
+      border-color: var(--pgn-color-card-border-base);
       transition: none;
       text-align: start;
     }
@@ -34,8 +34,8 @@
     // stylelint-disable-next-line
     @extend .card-body;
 
-    padding: $collapsible-card-spacer-y $collapsible-card-spacer-x;
-    padding-left: $collapsible-card-body-spacer-left;
+    padding: var(--pgn-spacing-collapsible-card-spacer-y-base) var(--pgn-spacing-collapsible-card-spacer-x-base);
+    padding-left: var(--pgn-spacing-collapsible-card-spacer-left-body);
     text-align: start;
 
     & > *:last-child {
@@ -44,7 +44,7 @@
   }
 
   .collapsible-icon {
-    margin-inline-start: $collapsible-card-spacer-icon;
+    margin-inline-start: var(--pgn-spacing-collapsible-card-spacer-icon);
   }
 }
 
@@ -53,11 +53,11 @@
   @extend .collapsible-card;
 
   .collapsible-trigger {
-    padding: $collapsible-card-spacer-y-lg $collapsible-card-spacer-x-lg;
+    padding: var(--pgn-spacing-collapsible-card-spacer-y-lg) var(--pgn-spacing-collapsible-card-spacer-x-lg);
   }
 
   .collapsible-body {
-    padding: $collapsible-card-spacer-y-lg $collapsible-card-spacer-x-lg;
+    padding: var(--pgn-spacing-collapsible-card-spacer-y-lg) var(--pgn-spacing-collapsible-card-spacer-x-lg);
   }
 }
 
@@ -68,11 +68,11 @@
     align-items: center;
     text-decoration: underline;
     color: theme-color("primary", "default");
-    padding: $collapsible-basic-spacer-y $collapsible-basic-spacer-x;
+    padding: var(--pgn-spacing-collapsible-card-spacer-basic-y) var(--pgn-spacing-collapsible-card-spacer-basic-x);
   }
 
   .collapsible-body {
-    padding: $collapsible-basic-spacer-y $collapsible-basic-spacer-x;
+    padding: var(--pgn-spacing-collapsible-card-spacer-basic-y) var(--pgn-spacing-collapsible-card-spacer-basic-x);
     text-align: start;
 
     &.collapsing {
@@ -81,6 +81,6 @@
   }
 
   .collapsible-icon {
-    margin-left: $collapsible-basic-spacer-icon;
+    margin-left: var(--pgn-spacing-collapsible-card-spacer-basic-icon);
   }
 }

package/dist/ColorPicker/index.js

@@ -1,14 +1,14 @@
-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 _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React from 'react';
 import PropTypes from 'prop-types';

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

package/dist/ColorPicker/index.scss

@@ -1,7 +1,5 @@
-@import "variables";
-
 .pgn__color-picker {
-  box-shadow: 0 0 3px 1px $gray-300;
+  box-shadow: 0 0 3px 1px var(--pgn-color-gray-300);
   border: none;
   background:
     linear-gradient(to bottom right,
@@ -15,20 +13,20 @@
   );
 
   &.pgn__color-picker-sm {
-    height: $picker-size-sm;
-    width: $picker-size-sm;
+    height: var(--pgn-size-color-picker-sm);
+    width: var(--pgn-size-color-picker-sm);
   }
 
   &.pgn__color-picker-md {
-    height: $picker-size-md;
-    width: $picker-size-md;
+    height: var(--pgn-size-color-picker-md);
+    width: var(--pgn-size-color-picker-md);
   }
 }
 
 .pgn__color-modal {
-  background: $white;
+  background: var(--pgn-color-white);
   padding-bottom: .1rem;
-  margin-bottom: 1rem;
+  margin-bottom: var(--pgn-spacing-spacer-base);
 }
 
 .pgn__color-error {
@@ -39,7 +37,7 @@
 
 .pgn__hex-label {
   font-weight: bold;
-  font-size: $h5-mobile-font-size;
+  font-size: var(--pgn-typography-font-size-mobile-h5);
   padding: .5rem;
   margin-bottom: 0 !important;
 }
@@ -55,7 +53,7 @@
   }
 
   .pgn__hex-field {
-    @media (min-width: map-get($grid-breakpoints, "sm")) {
+    @media (--pgn-size-breakpoint-min-width-sm) {
       margin-inline-end: 0;
     }
   }

package/dist/Container/index.js

@@ -1,10 +1,10 @@
-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 _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 = ["size", "children"];
-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 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(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(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 _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; }

package/dist/Container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","forwardRef","classNames","RBContainer","PropTypes","SIZE_CLASS_NAMES","xs","sm","md","lg","xl","Container","_ref","ref","size","children","props","_objectWithoutProperties","_excluded","createElement","_extends","className","propTypes","_objectSpread","as","elementType","node","fluid","bool","oneOf","Object","keys","bsPrefix","string","defaultProps","undefined"],"sources":["../../src/Container/index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport RBContainer from 'react-bootstrap/Container';\nimport PropTypes from 'prop-types';\n\nconst SIZE_CLASS_NAMES = {\n  xs: 'container-mw-xs',\n  sm: 'container-mw-sm',\n  md: 'container-mw-md',\n  lg: 'container-mw-lg',\n  xl: 'container-mw-xl',\n};\n\nconst Container = forwardRef(({ size, children, ...props }, ref) => (\n  <RBContainer\n    {...props}\n    ref={ref}\n    className={classNames(\n      props.className,\n      SIZE_CLASS_NAMES[size],\n    )}\n  >\n    {children}\n  </RBContainer>\n));\n\nContainer.propTypes = {\n  ...RBContainer.propTypes,\n  /** Override the base element */\n  as: PropTypes.elementType,\n  /** Specifies the contents of the container */\n  children: PropTypes.node,\n  /** Fill all available space at any breakpoint */\n  fluid: PropTypes.bool,\n  /** Set the maximum width for the container */\n  size: PropTypes.oneOf(Object.keys(SIZE_CLASS_NAMES)),\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n};\n\nContainer.defaultProps = {\n  as: 'div',\n  children: undefined,\n  fluid: true,\n  size: undefined,\n  bsPrefix: 'container',\n};\n\nexport default Container;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,SAAS,MAAM,YAAY;AAElC,IAAMC,gBAAgB,GAAG;EACvBC,EAAE,EAAE,iBAAiB;EACrBC,EAAE,EAAE,iBAAiB;EACrBC,EAAE,EAAE,iBAAiB;EACrBC,EAAE,EAAE,iBAAiB;EACrBC,EAAE,EAAE;AACN,CAAC;AAED,IAAMC,SAAS,gBAAGV,UAAU,CAAC,UAAAW,IAAA,EAA+BC,GAAG;EAAA,IAA/BC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAAA,oBACtDlB,KAAA,CAAAmB,aAAA,CAAChB,WAAW,EAAAiB,QAAA,KACNJ,KAAK;IACTH,GAAG,EAAEA,GAAI;IACTQ,SAAS,EAAEnB,UAAU,CACnBc,KAAK,CAACK,SAAS,EACfhB,gBAAgB,CAACS,IAAI,CACvB;EAAE,IAEDC,QACU,CAAC;AAAA,CACf,CAAC;AAEFJ,SAAS,CAACW,SAAS,GAAAC,aAAA,CAAAA,aAAA,KACdpB,WAAW,CAACmB,SAAS;EACxB;EACAE,EAAE,EAAEpB,SAAS,CAACqB,WAAW;EACzB;EACAV,QAAQ,EAAEX,SAAS,CAACsB,IAAI;EACxB;EACAC,KAAK,EAAEvB,SAAS,CAACwB,IAAI;EACrB;EACAd,IAAI,EAAEV,SAAS,CAACyB,KAAK,CAACC,MAAM,CAACC,IAAI,CAAC1B,gBAAgB,CAAC,CAAC;EACpD;EACA2B,QAAQ,EAAE5B,SAAS,CAAC6B;AAAM,EAC3B;AAEDtB,SAAS,CAACuB,YAAY,GAAG;EACvBV,EAAE,EAAE,KAAK;EACTT,QAAQ,EAAEoB,SAAS;EACnBR,KAAK,EAAE,IAAI;EACXb,IAAI,EAAEqB,SAAS;EACfH,QAAQ,EAAE;AACZ,CAAC;AAED,eAAerB,SAAS"}
+{"version":3,"file":"index.js","names":["React","forwardRef","classNames","RBContainer","PropTypes","SIZE_CLASS_NAMES","xs","sm","md","lg","xl","Container","_ref","ref","size","children","props","_objectWithoutProperties","_excluded","createElement","_extends","className","propTypes","_objectSpread","as","elementType","node","fluid","bool","oneOf","Object","keys","bsPrefix","string","defaultProps","undefined"],"sources":["../../src/Container/index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport RBContainer from 'react-bootstrap/Container';\nimport PropTypes from 'prop-types';\n\nconst SIZE_CLASS_NAMES = {\n  xs: 'container-mw-xs',\n  sm: 'container-mw-sm',\n  md: 'container-mw-md',\n  lg: 'container-mw-lg',\n  xl: 'container-mw-xl',\n};\n\nconst Container = forwardRef(({ size, children, ...props }, ref) => (\n  <RBContainer\n    {...props}\n    ref={ref}\n    className={classNames(\n      props.className,\n      SIZE_CLASS_NAMES[size],\n    )}\n  >\n    {children}\n  </RBContainer>\n));\n\nContainer.propTypes = {\n  ...RBContainer.propTypes,\n  /** Override the base element */\n  as: PropTypes.elementType,\n  /** Specifies the contents of the container */\n  children: PropTypes.node,\n  /** Fill all available space at any breakpoint */\n  fluid: PropTypes.bool,\n  /** Set the maximum width for the container */\n  size: PropTypes.oneOf(Object.keys(SIZE_CLASS_NAMES)),\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n};\n\nContainer.defaultProps = {\n  as: 'div',\n  children: undefined,\n  fluid: true,\n  size: undefined,\n  bsPrefix: 'container',\n};\n\nexport default Container;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,SAAS,MAAM,YAAY;AAElC,IAAMC,gBAAgB,GAAG;EACvBC,EAAE,EAAE,iBAAiB;EACrBC,EAAE,EAAE,iBAAiB;EACrBC,EAAE,EAAE,iBAAiB;EACrBC,EAAE,EAAE,iBAAiB;EACrBC,EAAE,EAAE;AACN,CAAC;AAED,IAAMC,SAAS,gBAAGV,UAAU,CAAC,UAAAW,IAAA,EAA+BC,GAAG;EAAA,IAA/BC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAAA,oBACtDlB,KAAA,CAAAmB,aAAA,CAAChB,WAAW,EAAAiB,QAAA,KACNJ,KAAK;IACTH,GAAG,EAAEA,GAAI;IACTQ,SAAS,EAAEnB,UAAU,CACnBc,KAAK,CAACK,SAAS,EACfhB,gBAAgB,CAACS,IAAI,CACvB;EAAE,IAEDC,QACU,CAAC;AAAA,CACf,CAAC;AAEFJ,SAAS,CAACW,SAAS,GAAAC,aAAA,CAAAA,aAAA,KACdpB,WAAW,CAACmB,SAAS;EACxB;EACAE,EAAE,EAAEpB,SAAS,CAACqB,WAAW;EACzB;EACAV,QAAQ,EAAEX,SAAS,CAACsB,IAAI;EACxB;EACAC,KAAK,EAAEvB,SAAS,CAACwB,IAAI;EACrB;EACAd,IAAI,EAAEV,SAAS,CAACyB,KAAK,CAACC,MAAM,CAACC,IAAI,CAAC1B,gBAAgB,CAAC,CAAC;EACpD;EACA2B,QAAQ,EAAE5B,SAAS,CAAC6B;AAAM,EAC3B;AAEDtB,SAAS,CAACuB,YAAY,GAAG;EACvBV,EAAE,EAAE,KAAK;EACTT,QAAQ,EAAEoB,SAAS;EACnBR,KAAK,EAAE,IAAI;EACXb,IAAI,EAAEqB,SAAS;EACfH,QAAQ,EAAE;AACZ,CAAC;AAED,eAAerB,SAAS","ignoreList":[]}

package/dist/DataTable/ActionDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionDisplay.js","names":["React","useContext","BulkActions","TableActions","DataTableContext","ActionDisplay","_useContext","bulkActions","tableActions","selectedFlatRows","noBulkActions","length","noTableActions","noActionsAvailable","hasRowsSelected","createElement"],"sources":["../../src/DataTable/ActionDisplay.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport BulkActions from './BulkActions';\nimport TableActions from './TableActions';\nimport DataTableContext from './DataTableContext';\n\n// handles display logic for actions\nfunction ActionDisplay() {\n  const { bulkActions, tableActions, selectedFlatRows } = useContext(DataTableContext);\n  const noBulkActions = typeof bulkActions !== 'function' && bulkActions?.length < 1;\n  const noTableActions = typeof tableActions !== 'function' && tableActions?.length < 1;\n  const noActionsAvailable = noBulkActions && noTableActions;\n  const hasRowsSelected = selectedFlatRows?.length > 0;\n\n  // return null if there are no actions or if there are only bulk actions and no selected rows\n  if (noActionsAvailable || (noTableActions && !hasRowsSelected)) {\n    return null;\n  }\n  if (!noBulkActions && hasRowsSelected) {\n    return <BulkActions />;\n  }\n  return <TableActions />;\n}\n\nexport default ActionDisplay;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,gBAAgB,MAAM,oBAAoB;;AAEjD;AACA,SAASC,aAAaA,CAAA,EAAG;EACvB,IAAAC,WAAA,GAAwDL,UAAU,CAACG,gBAAgB,CAAC;IAA5EG,WAAW,GAAAD,WAAA,CAAXC,WAAW;IAAEC,YAAY,GAAAF,WAAA,CAAZE,YAAY;IAAEC,gBAAgB,GAAAH,WAAA,CAAhBG,gBAAgB;EACnD,IAAMC,aAAa,GAAG,OAAOH,WAAW,KAAK,UAAU,IAAI,CAAAA,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEI,MAAM,IAAG,CAAC;EAClF,IAAMC,cAAc,GAAG,OAAOJ,YAAY,KAAK,UAAU,IAAI,CAAAA,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEG,MAAM,IAAG,CAAC;EACrF,IAAME,kBAAkB,GAAGH,aAAa,IAAIE,cAAc;EAC1D,IAAME,eAAe,GAAG,CAAAL,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAEE,MAAM,IAAG,CAAC;;EAEpD;EACA,IAAIE,kBAAkB,IAAKD,cAAc,IAAI,CAACE,eAAgB,EAAE;IAC9D,OAAO,IAAI;EACb;EACA,IAAI,CAACJ,aAAa,IAAII,eAAe,EAAE;IACrC,oBAAOd,KAAA,CAAAe,aAAA,CAACb,WAAW,MAAE,CAAC;EACxB;EACA,oBAAOF,KAAA,CAAAe,aAAA,CAACZ,YAAY,MAAE,CAAC;AACzB;AAEA,eAAeE,aAAa"}
+{"version":3,"file":"ActionDisplay.js","names":["React","useContext","BulkActions","TableActions","DataTableContext","ActionDisplay","_useContext","bulkActions","tableActions","selectedFlatRows","noBulkActions","length","noTableActions","noActionsAvailable","hasRowsSelected","createElement"],"sources":["../../src/DataTable/ActionDisplay.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport BulkActions from './BulkActions';\nimport TableActions from './TableActions';\nimport DataTableContext from './DataTableContext';\n\n// handles display logic for actions\nfunction ActionDisplay() {\n  const { bulkActions, tableActions, selectedFlatRows } = useContext(DataTableContext);\n  const noBulkActions = typeof bulkActions !== 'function' && bulkActions?.length < 1;\n  const noTableActions = typeof tableActions !== 'function' && tableActions?.length < 1;\n  const noActionsAvailable = noBulkActions && noTableActions;\n  const hasRowsSelected = selectedFlatRows?.length > 0;\n\n  // return null if there are no actions or if there are only bulk actions and no selected rows\n  if (noActionsAvailable || (noTableActions && !hasRowsSelected)) {\n    return null;\n  }\n  if (!noBulkActions && hasRowsSelected) {\n    return <BulkActions />;\n  }\n  return <TableActions />;\n}\n\nexport default ActionDisplay;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,gBAAgB,MAAM,oBAAoB;;AAEjD;AACA,SAASC,aAAaA,CAAA,EAAG;EACvB,IAAAC,WAAA,GAAwDL,UAAU,CAACG,gBAAgB,CAAC;IAA5EG,WAAW,GAAAD,WAAA,CAAXC,WAAW;IAAEC,YAAY,GAAAF,WAAA,CAAZE,YAAY;IAAEC,gBAAgB,GAAAH,WAAA,CAAhBG,gBAAgB;EACnD,IAAMC,aAAa,GAAG,OAAOH,WAAW,KAAK,UAAU,IAAI,CAAAA,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEI,MAAM,IAAG,CAAC;EAClF,IAAMC,cAAc,GAAG,OAAOJ,YAAY,KAAK,UAAU,IAAI,CAAAA,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEG,MAAM,IAAG,CAAC;EACrF,IAAME,kBAAkB,GAAGH,aAAa,IAAIE,cAAc;EAC1D,IAAME,eAAe,GAAG,CAAAL,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAEE,MAAM,IAAG,CAAC;;EAEpD;EACA,IAAIE,kBAAkB,IAAKD,cAAc,IAAI,CAACE,eAAgB,EAAE;IAC9D,OAAO,IAAI;EACb;EACA,IAAI,CAACJ,aAAa,IAAII,eAAe,EAAE;IACrC,oBAAOd,KAAA,CAAAe,aAAA,CAACb,WAAW,MAAE,CAAC;EACxB;EACA,oBAAOF,KAAA,CAAAe,aAAA,CAACZ,YAAY,MAAE,CAAC;AACzB;AAEA,eAAeE,aAAa","ignoreList":[]}

package/dist/DataTable/BulkActions.js

@@ -4,7 +4,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
 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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

package/dist/DataTable/BulkActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"BulkActions.js","names":["React","useContext","PropTypes","classNames","DataTableContext","Actions","BulkActions","_ref","className","rest","_objectWithoutProperties","_excluded","tableInstance","bulkActions","selectedFlatRows","_tableInstance$contro","_slicedToArray","controlledTableSelections","isEntireTableSelected","args","createElement","actions","map","action","component","_extends","defaultProps","propTypes","string"],"sources":["../../src/DataTable/BulkActions.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport DataTableContext from './DataTableContext';\nimport Actions from './CollapsibleButtonGroup';\n\nfunction BulkActions({ className, ...rest }) {\n  const tableInstance = useContext(DataTableContext);\n  const {\n    bulkActions,\n    selectedFlatRows,\n    controlledTableSelections: [{ isEntireTableSelected }],\n  } = tableInstance;\n\n  const args = {\n    selectedFlatRows,\n    isEntireTableSelected,\n    tableInstance,\n  };\n\n  if (typeof bulkActions === 'function') {\n    return <div className={classNames('pgn__bulk-actions', className)}>{bulkActions(args)}</div>;\n  }\n\n  const actions = bulkActions.map(action => ({ component: action, args }));\n\n  return (\n    <Actions\n      className={classNames('pgn__bulk-actions', className)}\n      data-testid=\"bulk-actions\"\n      actions={actions}\n      {...rest}\n    />\n  );\n}\n\nBulkActions.defaultProps = {\n  className: null,\n};\n\nBulkActions.propTypes = {\n  /** class names for the div wrapping the button components */\n  className: PropTypes.string,\n};\n\nexport default BulkActions;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,OAAO,MAAM,0BAA0B;AAE9C,SAASC,WAAWA,CAAAC,IAAA,EAAyB;EAAA,IAAtBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAKC,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACvC,IAAMC,aAAa,GAAGX,UAAU,CAACG,gBAAgB,CAAC;EAClD,IACES,WAAW,GAGTD,aAAa,CAHfC,WAAW;IACXC,gBAAgB,GAEdF,aAAa,CAFfE,gBAAgB;IAAAC,qBAAA,GAAAC,cAAA,CAEdJ,aAAa,CADfK,yBAAyB;IAAKC,qBAAqB,GAAAH,qBAAA,IAArBG,qBAAqB;EAGrD,IAAMC,IAAI,GAAG;IACXL,gBAAgB,EAAhBA,gBAAgB;IAChBI,qBAAqB,EAArBA,qBAAqB;IACrBN,aAAa,EAAbA;EACF,CAAC;EAED,IAAI,OAAOC,WAAW,KAAK,UAAU,EAAE;IACrC,oBAAOb,KAAA,CAAAoB,aAAA;MAAKZ,SAAS,EAAEL,UAAU,CAAC,mBAAmB,EAAEK,SAAS;IAAE,GAAEK,WAAW,CAACM,IAAI,CAAO,CAAC;EAC9F;EAEA,IAAME,OAAO,GAAGR,WAAW,CAACS,GAAG,CAAC,UAAAC,MAAM;IAAA,OAAK;MAAEC,SAAS,EAAED,MAAM;MAAEJ,IAAI,EAAJA;IAAK,CAAC;EAAA,CAAC,CAAC;EAExE,oBACEnB,KAAA,CAAAoB,aAAA,CAACf,OAAO,EAAAoB,QAAA;IACNjB,SAAS,EAAEL,UAAU,CAAC,mBAAmB,EAAEK,SAAS,CAAE;IACtD,eAAY,cAAc;IAC1Ba,OAAO,EAAEA;EAAQ,GACbZ,IAAI,CACT,CAAC;AAEN;AAEAH,WAAW,CAACoB,YAAY,GAAG;EACzBlB,SAAS,EAAE;AACb,CAAC;AAEDF,WAAW,CAACqB,SAAS,GAAG;EACtB;EACAnB,SAAS,EAAEN,SAAS,CAAC0B;AACvB,CAAC;AAED,eAAetB,WAAW"}
+{"version":3,"file":"BulkActions.js","names":["React","useContext","PropTypes","classNames","DataTableContext","Actions","BulkActions","_ref","className","rest","_objectWithoutProperties","_excluded","tableInstance","bulkActions","selectedFlatRows","_tableInstance$contro","_slicedToArray","controlledTableSelections","isEntireTableSelected","args","createElement","actions","map","action","component","_extends","defaultProps","propTypes","string"],"sources":["../../src/DataTable/BulkActions.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport DataTableContext from './DataTableContext';\nimport Actions from './CollapsibleButtonGroup';\n\nfunction BulkActions({ className, ...rest }) {\n  const tableInstance = useContext(DataTableContext);\n  const {\n    bulkActions,\n    selectedFlatRows,\n    controlledTableSelections: [{ isEntireTableSelected }],\n  } = tableInstance;\n\n  const args = {\n    selectedFlatRows,\n    isEntireTableSelected,\n    tableInstance,\n  };\n\n  if (typeof bulkActions === 'function') {\n    return <div className={classNames('pgn__bulk-actions', className)}>{bulkActions(args)}</div>;\n  }\n\n  const actions = bulkActions.map(action => ({ component: action, args }));\n\n  return (\n    <Actions\n      className={classNames('pgn__bulk-actions', className)}\n      data-testid=\"bulk-actions\"\n      actions={actions}\n      {...rest}\n    />\n  );\n}\n\nBulkActions.defaultProps = {\n  className: null,\n};\n\nBulkActions.propTypes = {\n  /** class names for the div wrapping the button components */\n  className: PropTypes.string,\n};\n\nexport default BulkActions;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,OAAO,MAAM,0BAA0B;AAE9C,SAASC,WAAWA,CAAAC,IAAA,EAAyB;EAAA,IAAtBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAKC,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACvC,IAAMC,aAAa,GAAGX,UAAU,CAACG,gBAAgB,CAAC;EAClD,IACES,WAAW,GAGTD,aAAa,CAHfC,WAAW;IACXC,gBAAgB,GAEdF,aAAa,CAFfE,gBAAgB;IAAAC,qBAAA,GAAAC,cAAA,CAEdJ,aAAa,CADfK,yBAAyB;IAAKC,qBAAqB,GAAAH,qBAAA,IAArBG,qBAAqB;EAGrD,IAAMC,IAAI,GAAG;IACXL,gBAAgB,EAAhBA,gBAAgB;IAChBI,qBAAqB,EAArBA,qBAAqB;IACrBN,aAAa,EAAbA;EACF,CAAC;EAED,IAAI,OAAOC,WAAW,KAAK,UAAU,EAAE;IACrC,oBAAOb,KAAA,CAAAoB,aAAA;MAAKZ,SAAS,EAAEL,UAAU,CAAC,mBAAmB,EAAEK,SAAS;IAAE,GAAEK,WAAW,CAACM,IAAI,CAAO,CAAC;EAC9F;EAEA,IAAME,OAAO,GAAGR,WAAW,CAACS,GAAG,CAAC,UAAAC,MAAM;IAAA,OAAK;MAAEC,SAAS,EAAED,MAAM;MAAEJ,IAAI,EAAJA;IAAK,CAAC;EAAA,CAAC,CAAC;EAExE,oBACEnB,KAAA,CAAAoB,aAAA,CAACf,OAAO,EAAAoB,QAAA;IACNjB,SAAS,EAAEL,UAAU,CAAC,mBAAmB,EAAEK,SAAS,CAAE;IACtD,eAAY,cAAc;IAC1Ba,OAAO,EAAEA;EAAQ,GACbZ,IAAI,CACT,CAAC;AAEN;AAEAH,WAAW,CAACoB,YAAY,GAAG;EACzBlB,SAAS,EAAE;AACb,CAAC;AAEDF,WAAW,CAACqB,SAAS,GAAG;EACtB;EACAnB,SAAS,EAAEN,SAAS,CAAC0B;AACvB,CAAC;AAED,eAAetB,WAAW","ignoreList":[]}