@openedx/paragon 23.1.1 → 23.3.0

package/dist/ColorPicker/index.js

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

package/dist/ColorPicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","HexColorPicker","Button","Form","ModalPopup","OverlayTrigger","Tooltip","useToggle","ColorPicker","_ref","color","setColor","className","size","_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":";;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,cAAc,QAAQ,gBAAgB;AAE/C,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,qBAAqB;AAC5C,SAASC,cAAc,QAAQ,YAAY;AAC3C,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,SAAS,MAAM,oBAAoB;AAE1C,SAASC,WAAWA,CAAAC,IAAA,EAEjB;EAAA,IADDC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAEC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;EAEhC,IAAAC,UAAA,GAA8BP,SAAS,CAAC,KAAK,CAAC;IAAAQ,WAAA,GAAAC,cAAA,CAAAF,UAAA;IAAvCG,MAAM,GAAAF,WAAA;IAAEG,IAAI,GAAAH,WAAA;IAAEI,KAAK,GAAAJ,WAAA;EAC1B,IAAAK,eAAA,GAA4BtB,KAAK,CAACuB,QAAQ,CAAC,IAAI,CAAC;IAAAC,gBAAA,GAAAN,cAAA,CAAAI,eAAA;IAAzCG,MAAM,GAAAD,gBAAA;IAAEE,SAAS,GAAAF,gBAAA;EAExB,IAAMG,YAAY,GAAG,SAAfA,YAAYA,CAAIC,eAAe,EAAK;IACxC,IAAMC,QAAQ,GAAG,oCAAoC;IACrD,OAAOA,QAAQ,CAACC,IAAI,CAACF,eAAe,CAAC;EACvC,CAAC;EAED,IAAMG,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,WAAW,EAAK;IAC5C,IAAI,CAACA,WAAW,CAACC,UAAU,CAAC,GAAG,CAAC,EAAE;MAChC,OAAO,IAAAC,MAAA,CAAIF,WAAW,EAAGG,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;IACtC;IAEA,OAAOH,WAAW,CAACG,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;EAChC,CAAC;EAED,IAAAC,gBAAA,GAAgCpC,KAAK,CAACuB,QAAQ,CAAC;MAAA,OAAOX,KAAK,KAAK,EAAE,IAAIe,YAAY,CAACI,oBAAoB,CAACnB,KAAK,CAAC,CAAC;IAAA,CAAC,CAAC;IAAAyB,gBAAA,GAAAnB,cAAA,CAAAkB,gBAAA;IAA1GE,QAAQ,GAAAD,gBAAA;IAAEE,WAAW,GAAAF,gBAAA;EAE5B,IAAAG,gBAAA,GAA4CxC,KAAK,CAACuB,QAAQ,CAAC,YAAM;MAC/D,IAAIX,KAAK,KAAK,EAAE,EAAE;QAChB,OAAO,EAAE;MACX;MAEA,OAAOmB,oBAAoB,CAACnB,KAAK,CAAC;IACpC,CAAC,CAAC;IAAA6B,gBAAA,GAAAvB,cAAA,CAAAsB,gBAAA;IANKE,cAAc,GAAAD,gBAAA;IAAEE,iBAAiB,GAAAF,gBAAA;EAOxC,IAAAG,gBAAA,GAA4C5C,KAAK,CAACuB,QAAQ,CAAC,YAAM;MAC/D,IAAMsB,cAAc,GAAGd,oBAAoB,CAACnB,KAAK,CAAC;MAClD,IAAIe,YAAY,CAACkB,cAAc,CAAC,EAAE;QAChC,OAAOA,cAAc;MACvB;MAEA,OAAO,MAAM;IACf,CAAC,CAAC;IAAAC,gBAAA,GAAA5B,cAAA,CAAA0B,gBAAA;IAPKG,cAAc,GAAAD,gBAAA;IAAEE,iBAAiB,GAAAF,gBAAA;EASxC,IAAMG,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,QAAQ,EAAK;IACtC,IAAIA,QAAQ,KAAK,EAAE,EAAE;MACnBX,WAAW,CAAC,IAAI,CAAC;MACjB1B,QAAQ,CAAC,EAAE,CAAC;MACZ8B,iBAAiB,CAAC,EAAE,CAAC;MACrBK,iBAAiB,CAAC,MAAM,CAAC;MACzB;IACF;IAEA,IAAMH,cAAc,GAAGd,oBAAoB,CAACmB,QAAQ,CAAC;IAErD,IAAIvB,YAAY,CAACkB,cAAc,CAAC,EAAE;MAChCN,WAAW,CAAC,IAAI,CAAC;MACjB1B,QAAQ,CAACgC,cAAc,CAAC;MACxBF,iBAAiB,CAACE,cAAc,CAAC;MACjCG,iBAAiB,CAACH,cAAc,CAAC;MACjC;IACF;IAEAN,WAAW,CAAC,KAAK,CAAC;IAClBI,iBAAiB,CAACE,cAAc,CAAC;;IAEjC;IACAhC,QAAQ,CAACgC,cAAc,CAAC;EAC1B,CAAC;EAED,oBACE7C,KAAA,CAAAmD,aAAA,CAAAnD,KAAA,CAAAoD,QAAA,qBACEpD,KAAA,CAAAmD,aAAA;IAAMrC,SAAS,EAAC;EAAQ,gBACtBd,KAAA,CAAAmD,aAAA,CAAC5C,cAAc;IACb8C,SAAS,EAAC,KAAK;IACfC,OAAO,eAAEtD,KAAA,CAAAmD,aAAA,CAAC3C,OAAO;MAAC+C,EAAE,EAAC;IAAsB,GAAC,cAAqB;EAAE,gBAEnEvD,KAAA,CAAAmD,aAAA,CAAC/C,MAAM;IACLoD,GAAG,EAAE9B,SAAU;IACfZ,SAAS,EAAEZ,UAAU,CACnBY,SAAS,EACT,mBAAmB,uBAAAoB,MAAA,CACEnB,IAAI,CAC3B,CAAE;IACF0C,KAAK,EAAAC,aAAA,KACC9C,KAAK,IAAI0B,QAAQ,GAAG;MAAEqB,UAAU,KAAAzB,MAAA,CAAKtB,KAAK;IAAG,CAAC,GAAG,CAAC,CAAC,CACvD;IACFgD,OAAO,EAAExC;EAAK,CACf,CACa,CACZ,CAAC,eACPpB,KAAA,CAAAmD,aAAA,CAAC7C,UAAU;IACTuD,WAAW,EAAEpC,MAAO;IACpBN,MAAM,EAAEA,MAAO;IACfsC,KAAK,EAAE;MAAEE,UAAU,EAAE;IAAQ,CAAE;IAC/BG,OAAO,EAAEzC;EAAM,gBAEfrB,KAAA,CAAAmD,aAAA;IACErC,SAAS,EAAC,iCAAiC;IAC3C2C,KAAK,EAAE;MAAEM,SAAS,EAAE;IAAQ;EAAE,gBAE9B/D,KAAA,CAAAmD,aAAA,CAAChD,cAAc;IAACS,KAAK,EAAEmC,cAAe;IAACiB,QAAQ,EAAEf;EAAkB,CAAE,CAAC,eACtEjD,KAAA,CAAAmD,aAAA,CAAC9C,IAAI,CAAC4D,KAAK;IAACnD,SAAS,EAAC,eAAe;IAACC,IAAI,EAAC;EAAI,gBAC7Cf,KAAA,CAAAmD,aAAA,2BACEnD,KAAA,CAAAmD,aAAA,CAAC9C,IAAI,CAAC6D,KAAK;IAACpD,SAAS,EAAC;EAAgB,GAAC,KAAe,CAAC,eACvDd,KAAA,CAAAmD,aAAA,CAAC9C,IAAI,CAAC8D,OAAO;IACXrD,SAAS,EAAC,gBAAgB;IAC1BsD,SAAS,EAAE,CAAC9B,QAAS;IACrB+B,KAAK,EAAE3B,cAAe;IACtBsB,QAAQ,EAAE,SAAAA,SAACM,CAAC;MAAA,OAAKrB,iBAAiB,CAACqB,CAAC,CAAC7C,MAAM,CAAC4C,KAAK,CAAC;IAAA,CAAC;IACnD,eAAY,WAAW;IACvBE,UAAU,EAAC;EAAO,CACnB,CACE,CAAC,EACL,CAACjC,QAAQ,iBACRtC,KAAA,CAAAmD,aAAA,CAAC9C,IAAI,CAAC8D,OAAO,CAACK,QAAQ;IACpB1D,SAAS,EAAC,kBAAkB;IAC5B2D,IAAI,EAAC;EAAS,GACf,uCAEsB,CAEf,CACT,CACK,CACZ,CAAC;AAEP;AAEA/D,WAAW,CAACgE,YAAY,GAAG;EACzB9D,KAAK,EAAE,EAAE;EACTE,SAAS,EAAE6D,SAAS;EACpB5D,IAAI,EAAE;AACR,CAAC;AAEDL,WAAW,CAACkE,SAAS,GAAG;EACtB;EACAhE,KAAK,EAAEX,SAAS,CAAC4E,MAAM;EACvB;EACAhE,QAAQ,EAAEZ,SAAS,CAAC6E,IAAI,CAACC,UAAU;EACnC;EACAjE,SAAS,EAAEb,SAAS,CAAC4E,MAAM;EAC3B;EACA9D,IAAI,EAAEd,SAAS,CAAC+E,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC;AACpC,CAAC;AAED,eAAetE,WAAW","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","HexColorPicker","Button","Form","ModalPopup","OverlayTrigger","Tooltip","useToggle","ColorPicker","_ref","color","setColor","className","size","isOpen","open","close","target","setTarget","useState","colorIsValid","colorToValidate","hexRegex","test","formatHexColorString","colorString","startsWith","slice","hexValid","setHexValid","hexColorString","setHexColorString","colorToDisplay","setColorToDisplay","formattedColor","setValidatedColor","newColor","createElement","Fragment","placement","overlay","id","ref","style","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/useToggleHook';\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/Container/index.js

@@ -1,12 +1,3 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["size", "children"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /* eslint-disable react/require-default-props */
 import React from 'react';
 import classNames from 'classnames';
@@ -20,16 +11,20 @@ var ContainerSizeClass = /*#__PURE__*/function (ContainerSizeClass) {
   ContainerSizeClass["xl"] = "container-mw-xl";
   return ContainerSizeClass;
 }(ContainerSizeClass || {});
-var Container = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var size = _ref.size,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(RBContainer, _objectSpread(_objectSpread({}, props), {}, {
+const Container = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    size,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(RBContainer, {
+    ...props,
     ref: ref,
     className: classNames(props.className, size && ContainerSizeClass[size])
-  }), children);
+  }, children);
 });
-Container.propTypes = _objectSpread(_objectSpread({}, RBContainer.propTypes), {}, {
+Container.propTypes = {
+  ...RBContainer.propTypes,
   /** Override the base element */
   as: PropTypes.elementType,
   /** Specifies the contents of the container */
@@ -40,7 +35,7 @@ Container.propTypes = _objectSpread(_objectSpread({}, RBContainer.propTypes), {}
   size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
   /** Overrides underlying component base CSS class name */
   bsPrefix: PropTypes.string
-});
+};
 Container.defaultProps = {
   as: 'div',
   children: undefined,

package/dist/Container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classNames","PropTypes","RBContainer","ContainerSizeClass","Container","forwardRef","_ref","ref","size","children","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","propTypes","as","elementType","node","fluid","bool","oneOf","bsPrefix","string","defaultProps","undefined"],"sources":["../../src/Container/index.tsx"],"sourcesContent":["/* eslint-disable react/require-default-props */\nimport React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport RBContainer, { type ContainerProps as RBContainerProps } from 'react-bootstrap/Container';\n\nimport type { ComponentWithAsProp } from '../utils/types/bootstrap';\n\nenum ContainerSizeClass {\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\nexport type ContainerSize = keyof typeof ContainerSizeClass;\n\ninterface ContainerProps extends RBContainerProps {\n  size?: ContainerSize;\n}\n\ntype ContainerType = ComponentWithAsProp<'div', ContainerProps>;\n\nconst Container: ContainerType = React.forwardRef<Element, ContainerProps>(({\n  size,\n  children,\n  ...props\n}, ref) => (\n  <RBContainer\n    {...props}\n    ref={ref}\n    className={classNames(\n      props.className,\n      size && ContainerSizeClass[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. Omiting the prop will remove the max-width */\n  size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),\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;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAmD,2BAA2B;AAAC,IAI5FC,kBAAkB,0BAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAA,OAAlBA,kBAAkB;AAAA,EAAlBA,kBAAkB;AAgBvB,IAAMC,SAAwB,gBAAGL,KAAK,CAACM,UAAU,CAA0B,UAAAC,IAAA,EAIxEC,GAAG;EAAA,IAHJC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAAA,oBAERb,KAAA,CAAAc,aAAA,CAACX,WAAW,EAAAY,aAAA,CAAAA,aAAA,KACNJ,KAAK;IACTH,GAAG,EAAEA,GAAI;IACTQ,SAAS,EAAEf,UAAU,CACnBU,KAAK,CAACK,SAAS,EACfP,IAAI,IAAIL,kBAAkB,CAACK,IAAI,CACjC;EAAE,IAEDC,QACU,CAAC;AAAA,CACf,CAAC;AAEFL,SAAS,CAACY,SAAS,GAAAF,aAAA,CAAAA,aAAA,KACdZ,WAAW,CAACc,SAAS;EACxB;EACAC,EAAE,EAAEhB,SAAS,CAACiB,WAAW;EACzB;EACAT,QAAQ,EAAER,SAAS,CAACkB,IAAI;EACxB;EACAC,KAAK,EAAEnB,SAAS,CAACoB,IAAI;EACrB;EACAb,IAAI,EAAEP,SAAS,CAACqB,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;EACrD;EACAC,QAAQ,EAAEtB,SAAS,CAACuB;AAAM,EAC3B;AAEDpB,SAAS,CAACqB,YAAY,GAAG;EACvBR,EAAE,EAAE,KAAK;EACTR,QAAQ,EAAEiB,SAAS;EACnBN,KAAK,EAAE,IAAI;EACXZ,IAAI,EAAEkB,SAAS;EACfH,QAAQ,EAAE;AACZ,CAAC;AAED,eAAenB,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","classNames","PropTypes","RBContainer","ContainerSizeClass","Container","forwardRef","_ref","ref","size","children","props","createElement","className","propTypes","as","elementType","node","fluid","bool","oneOf","bsPrefix","string","defaultProps","undefined"],"sources":["../../src/Container/index.tsx"],"sourcesContent":["/* eslint-disable react/require-default-props */\nimport React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport RBContainer, { type ContainerProps as RBContainerProps } from 'react-bootstrap/Container';\n\nimport type { ComponentWithAsProp } from '../utils/types/bootstrap';\n\nenum ContainerSizeClass {\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\nexport type ContainerSize = keyof typeof ContainerSizeClass;\n\ninterface ContainerProps extends RBContainerProps {\n  size?: ContainerSize;\n}\n\ntype ContainerType = ComponentWithAsProp<'div', ContainerProps>;\n\nconst Container: ContainerType = React.forwardRef<Element, ContainerProps>(({\n  size,\n  children,\n  ...props\n}, ref) => (\n  <RBContainer\n    {...props}\n    ref={ref}\n    className={classNames(\n      props.className,\n      size && ContainerSizeClass[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. Omiting the prop will remove the max-width */\n  size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),\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;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAmD,2BAA2B;AAAC,IAI5FC,kBAAkB,0BAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAA,OAAlBA,kBAAkB;AAAA,EAAlBA,kBAAkB;AAgBvB,MAAMC,SAAwB,gBAAGL,KAAK,CAACM,UAAU,CAA0B,CAAAC,IAAA,EAIxEC,GAAG;EAAA,IAJsE;IAC1EC,IAAI;IACJC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAAJ,IAAA;EAAA,oBACCP,KAAA,CAAAY,aAAA,CAACT,WAAW;IAAA,GACNQ,KAAK;IACTH,GAAG,EAAEA,GAAI;IACTK,SAAS,EAAEZ,UAAU,CACnBU,KAAK,CAACE,SAAS,EACfJ,IAAI,IAAIL,kBAAkB,CAACK,IAAI,CACjC;EAAE,GAEDC,QACU,CAAC;AAAA,CACf,CAAC;AAEFL,SAAS,CAACS,SAAS,GAAG;EACpB,GAAGX,WAAW,CAACW,SAAS;EACxB;EACAC,EAAE,EAAEb,SAAS,CAACc,WAAW;EACzB;EACAN,QAAQ,EAAER,SAAS,CAACe,IAAI;EACxB;EACAC,KAAK,EAAEhB,SAAS,CAACiB,IAAI;EACrB;EACAV,IAAI,EAAEP,SAAS,CAACkB,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;EACrD;EACAC,QAAQ,EAAEnB,SAAS,CAACoB;AACtB,CAAC;AAEDjB,SAAS,CAACkB,YAAY,GAAG;EACvBR,EAAE,EAAE,KAAK;EACTL,QAAQ,EAAEc,SAAS;EACnBN,KAAK,EAAE,IAAI;EACXT,IAAI,EAAEe,SAAS;EACfH,QAAQ,EAAE;AACZ,CAAC;AAED,eAAehB,SAAS","ignoreList":[]}

package/dist/DataTable/ActionDisplay.js

@@ -5,14 +5,15 @@ import DataTableContext from './DataTableContext';
 
 // handles display logic for actions
 function ActionDisplay() {
-  var _useContext = useContext(DataTableContext),
-    bulkActions = _useContext.bulkActions,
-    tableActions = _useContext.tableActions,
-    selectedFlatRows = _useContext.selectedFlatRows;
-  var noBulkActions = typeof bulkActions !== 'function' && (bulkActions === null || bulkActions === void 0 ? void 0 : bulkActions.length) < 1;
-  var noTableActions = typeof tableActions !== 'function' && (tableActions === null || tableActions === void 0 ? void 0 : tableActions.length) < 1;
-  var noActionsAvailable = noBulkActions && noTableActions;
-  var hasRowsSelected = (selectedFlatRows === null || selectedFlatRows === void 0 ? void 0 : selectedFlatRows.length) > 0;
+  const {
+    bulkActions,
+    tableActions,
+    selectedFlatRows
+  } = useContext(DataTableContext);
+  const noBulkActions = typeof bulkActions !== 'function' && bulkActions?.length < 1;
+  const noTableActions = typeof tableActions !== 'function' && tableActions?.length < 1;
+  const noActionsAvailable = noBulkActions && noTableActions;
+  const hasRowsSelected = selectedFlatRows?.length > 0;
 
   // return null if there are no actions or if there are only bulk actions and no selected rows
   if (noActionsAvailable || noTableActions && !hasRowsSelected) {

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","ignoreList":[]}
+{"version":3,"file":"ActionDisplay.js","names":["React","useContext","BulkActions","TableActions","DataTableContext","ActionDisplay","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,MAAM;IAAEC,WAAW;IAAEC,YAAY;IAAEC;EAAiB,CAAC,GAAGP,UAAU,CAACG,gBAAgB,CAAC;EACpF,MAAMK,aAAa,GAAG,OAAOH,WAAW,KAAK,UAAU,IAAIA,WAAW,EAAEI,MAAM,GAAG,CAAC;EAClF,MAAMC,cAAc,GAAG,OAAOJ,YAAY,KAAK,UAAU,IAAIA,YAAY,EAAEG,MAAM,GAAG,CAAC;EACrF,MAAME,kBAAkB,GAAGH,aAAa,IAAIE,cAAc;EAC1D,MAAME,eAAe,GAAGL,gBAAgB,EAAEE,MAAM,GAAG,CAAC;;EAEpD;EACA,IAAIE,kBAAkB,IAAKD,cAAc,IAAI,CAACE,eAAgB,EAAE;IAC9D,OAAO,IAAI;EACb;EACA,IAAI,CAACJ,aAAa,IAAII,eAAe,EAAE;IACrC,oBAAOb,KAAA,CAAAc,aAAA,CAACZ,WAAW,MAAE,CAAC;EACxB;EACA,oBAAOF,KAAA,CAAAc,aAAA,CAACX,YAAY,MAAE,CAAC;AACzB;AAEA,eAAeE,aAAa","ignoreList":[]}

package/dist/DataTable/BulkActions.js

@@ -1,52 +1,41 @@
-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 = ["className"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import DataTableContext from './DataTableContext';
 import Actions from './CollapsibleButtonGroup';
 function BulkActions(_ref) {
-  var className = _ref.className,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var tableInstance = useContext(DataTableContext);
-  var bulkActions = tableInstance.bulkActions,
-    selectedFlatRows = tableInstance.selectedFlatRows,
-    _tableInstance$contro = _slicedToArray(tableInstance.controlledTableSelections, 1),
-    isEntireTableSelected = _tableInstance$contro[0].isEntireTableSelected;
-  var args = {
-    selectedFlatRows: selectedFlatRows,
-    isEntireTableSelected: isEntireTableSelected,
-    tableInstance: tableInstance
+  let {
+    className,
+    ...rest
+  } = _ref;
+  const tableInstance = useContext(DataTableContext);
+  const {
+    bulkActions,
+    selectedFlatRows,
+    controlledTableSelections: [{
+      isEntireTableSelected
+    }]
+  } = tableInstance;
+  const args = {
+    selectedFlatRows,
+    isEntireTableSelected,
+    tableInstance
   };
   if (typeof bulkActions === 'function') {
     return /*#__PURE__*/React.createElement("div", {
       className: classNames('pgn__bulk-actions', className)
     }, bulkActions(args));
   }
-  var actions = bulkActions.map(function (action) {
-    return {
-      component: action,
-      args: args
-    };
-  });
-  return /*#__PURE__*/React.createElement(Actions, _objectSpread({
+  const actions = bulkActions.map(action => ({
+    component: action,
+    args
+  }));
+  return /*#__PURE__*/React.createElement(Actions, {
     className: classNames('pgn__bulk-actions', className),
     "data-testid": "bulk-actions",
-    actions: actions
-  }, rest));
+    actions: actions,
+    ...rest
+  });
 }
 BulkActions.defaultProps = {
   className: null

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","_objectSpread","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,aAAA;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":[]}
+{"version":3,"file":"BulkActions.js","names":["React","useContext","PropTypes","classNames","DataTableContext","Actions","BulkActions","_ref","className","rest","tableInstance","bulkActions","selectedFlatRows","controlledTableSelections","isEntireTableSelected","args","createElement","actions","map","action","component","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,IAAxB;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAAF,IAAA;EACzC,MAAMG,aAAa,GAAGT,UAAU,CAACG,gBAAgB,CAAC;EAClD,MAAM;IACJO,WAAW;IACXC,gBAAgB;IAChBC,yBAAyB,EAAE,CAAC;MAAEC;IAAsB,CAAC;EACvD,CAAC,GAAGJ,aAAa;EAEjB,MAAMK,IAAI,GAAG;IACXH,gBAAgB;IAChBE,qBAAqB;IACrBJ;EACF,CAAC;EAED,IAAI,OAAOC,WAAW,KAAK,UAAU,EAAE;IACrC,oBAAOX,KAAA,CAAAgB,aAAA;MAAKR,SAAS,EAAEL,UAAU,CAAC,mBAAmB,EAAEK,SAAS;IAAE,GAAEG,WAAW,CAACI,IAAI,CAAO,CAAC;EAC9F;EAEA,MAAME,OAAO,GAAGN,WAAW,CAACO,GAAG,CAACC,MAAM,KAAK;IAAEC,SAAS,EAAED,MAAM;IAAEJ;EAAK,CAAC,CAAC,CAAC;EAExE,oBACEf,KAAA,CAAAgB,aAAA,CAACX,OAAO;IACNG,SAAS,EAAEL,UAAU,CAAC,mBAAmB,EAAEK,SAAS,CAAE;IACtD,eAAY,cAAc;IAC1BS,OAAO,EAAEA,OAAQ;IAAA,GACbR;EAAI,CACT,CAAC;AAEN;AAEAH,WAAW,CAACe,YAAY,GAAG;EACzBb,SAAS,EAAE;AACb,CAAC;AAEDF,WAAW,CAACgB,SAAS,GAAG;EACtB;EACAd,SAAS,EAAEN,SAAS,CAACqB;AACvB,CAAC;AAED,eAAejB,WAAW","ignoreList":[]}

package/dist/DataTable/CardView.js

@@ -1,15 +1,3 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -19,14 +7,18 @@ import { useRows } from './hooks';
 import { selectColumn } from './utils/getVisibleColumns';
 import Card, { CardGrid } from '../Card';
 function CardItem(_ref) {
-  var row = _ref.row,
-    prepareRow = _ref.prepareRow,
-    isSelectable = _ref.isSelectable,
-    SelectionComponent = _ref.SelectionComponent,
-    CardComponent = _ref.CardComponent,
-    selectionPlacement = _ref.selectionPlacement;
+  let {
+    row,
+    prepareRow,
+    isSelectable,
+    SelectionComponent,
+    CardComponent,
+    selectionPlacement
+  } = _ref;
   prepareRow(row);
-  var isSelected = row.isSelected;
+  const {
+    isSelected
+  } = row;
   if (isSelectable && SelectionComponent) {
     return /*#__PURE__*/React.createElement("div", {
       className: classNames('pgn__data-table__selectable-card', {
@@ -34,11 +26,15 @@ function CardItem(_ref) {
         'selection-right': selectionPlacement === 'right',
         'selection-left': selectionPlacement !== 'right'
       })
-    }, /*#__PURE__*/React.createElement(CardComponent, _objectSpread({}, row)), /*#__PURE__*/React.createElement(SelectionComponent, {
+    }, /*#__PURE__*/React.createElement(CardComponent, {
+      ...row
+    }), /*#__PURE__*/React.createElement(SelectionComponent, {
       row: row
     }));
   }
-  return /*#__PURE__*/React.createElement(CardComponent, _objectSpread({}, row));
+  return /*#__PURE__*/React.createElement(CardComponent, {
+    ...row
+  });
 }
 function DefaultSkeletonCardComponent() {
   return /*#__PURE__*/React.createElement(Card, {
@@ -50,27 +46,30 @@ function DefaultSkeletonCardComponent() {
     className: "pgn__data-table-card-view-default-skeleton-card-section"
   }), /*#__PURE__*/React.createElement(Card.Footer, null));
 }
-export var DEFAULT_SKELETON_CARD_COUNT = 8;
+export const DEFAULT_SKELETON_CARD_COUNT = 8;
 function CardView(_ref2) {
-  var columnSizes = _ref2.columnSizes,
-    CardComponent = _ref2.CardComponent,
-    className = _ref2.className,
-    selectionPlacement = _ref2.selectionPlacement,
-    _ref2$SkeletonCardCom = _ref2.SkeletonCardComponent,
-    SkeletonCardComponent = _ref2$SkeletonCardCom === void 0 ? DefaultSkeletonCardComponent : _ref2$SkeletonCardCom,
-    skeletonCardCount = _ref2.skeletonCardCount;
-  var _useRows = useRows(),
-    getTableProps = _useRows.getTableProps,
-    prepareRow = _useRows.prepareRow,
-    displayRows = _useRows.displayRows;
-  var _useContext = useContext(DataTableContext),
-    isSelectable = _useContext.isSelectable,
-    manualSelectColumn = _useContext.manualSelectColumn,
-    isLoading = _useContext.isLoading;
+  let {
+    columnSizes,
+    CardComponent,
+    className,
+    selectionPlacement,
+    SkeletonCardComponent = DefaultSkeletonCardComponent,
+    skeletonCardCount
+  } = _ref2;
+  const {
+    getTableProps,
+    prepareRow,
+    displayRows
+  } = useRows();
+  const {
+    isSelectable,
+    manualSelectColumn,
+    isLoading
+  } = useContext(DataTableContext);
 
   // use the same component for card selection that is used for row selection
   // otherwise view switching might break if row selection uses component that supports backend filtering / sorting
-  var SelectionComponent = (manualSelectColumn === null || manualSelectColumn === void 0 ? void 0 : manualSelectColumn.Cell) || selectColumn.Cell;
+  const SelectionComponent = manualSelectColumn?.Cell || selectColumn.Cell;
   if (!getTableProps) {
     return null;
   }
@@ -78,26 +77,22 @@ function CardView(_ref2) {
     return /*#__PURE__*/React.createElement(CardGrid, {
       className: classNames('pgn__data-table-card-view', className),
       columnSizes: columnSizes
-    }, _toConsumableArray(new Array(skeletonCardCount)).map(function () {
-      return /*#__PURE__*/React.createElement(SkeletonCardComponent, {
-        key: uuidv4()
-      });
-    }));
+    }, [...new Array(skeletonCardCount)].map(() => /*#__PURE__*/React.createElement(SkeletonCardComponent, {
+      key: uuidv4()
+    })));
   }
   return /*#__PURE__*/React.createElement(CardGrid, {
     className: classNames('pgn__data-table-card-view', className),
     columnSizes: columnSizes
-  }, displayRows.map(function (row) {
-    return /*#__PURE__*/React.createElement(CardItem, {
-      key: row.id,
-      CardComponent: CardComponent,
-      SelectionComponent: SelectionComponent,
-      isSelectable: isSelectable,
-      row: row,
-      prepareRow: prepareRow,
-      selectionPlacement: selectionPlacement
-    });
-  }));
+  }, displayRows.map(row => /*#__PURE__*/React.createElement(CardItem, {
+    key: row.id,
+    CardComponent: CardComponent,
+    SelectionComponent: SelectionComponent,
+    isSelectable: isSelectable,
+    row: row,
+    prepareRow: prepareRow,
+    selectionPlacement: selectionPlacement
+  })));
 }
 CardItem.defaultProps = {
   SelectionComponent: undefined