@openedx/paragon 21.12.1 → 21.12.2

package/dist/Container/index.js

@@ -1,9 +1,10 @@
-const _excluded = ["size", "children"];
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _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,18 +12,16 @@ import React, { forwardRef } from 'react';
 import classNames from 'classnames';
 import RBContainer from 'react-bootstrap/Container';
 import PropTypes from 'prop-types';
-const SIZE_CLASS_NAMES = {
+var SIZE_CLASS_NAMES = {
   xs: 'container-mw-xs',
   sm: 'container-mw-sm',
   md: 'container-mw-md',
   lg: 'container-mw-lg',
   xl: 'container-mw-xl'
 };
-const Container = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      size,
-      children
-    } = _ref,
+var Container = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var size = _ref.size,
+    children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(RBContainer, _extends({}, props, {
     ref: ref,

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,MAAMC,gBAAgB,GAAG;EACvBC,EAAE,EAAE,iBAAiB;EACrBC,EAAE,EAAE,iBAAiB;EACrBC,EAAE,EAAE,iBAAiB;EACrBC,EAAE,EAAE,iBAAiB;EACrBC,EAAE,EAAE;AACN,CAAC;AAED,MAAMC,SAAS,gBAAGV,UAAU,CAAC,CAAAW,IAAA,EAA+BC,GAAG;EAAA,IAAjC;MAAEC,IAAI;MAAEC;IAAmB,CAAC,GAAAH,IAAA;IAAPI,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"}

package/dist/DataTable/ActionDisplay.js

@@ -5,15 +5,14 @@ import DataTableContext from './DataTableContext';
 
 // handles display logic for actions
 function ActionDisplay() {
-  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;
+  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;
 
   // 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","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"}
+{"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"}

package/dist/DataTable/BulkActions.js

@@ -1,5 +1,11 @@
-const _excluded = ["className"];
+var _excluded = ["className"];
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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';
@@ -8,32 +14,29 @@ import classNames from 'classnames';
 import DataTableContext from './DataTableContext';
 import Actions from './CollapsibleButtonGroup';
 function BulkActions(_ref) {
-  let {
-      className
-    } = _ref,
+  var className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);
-  const tableInstance = useContext(DataTableContext);
-  const {
-    bulkActions,
-    selectedFlatRows,
-    controlledTableSelections: [{
-      isEntireTableSelected
-    }]
-  } = tableInstance;
-  const args = {
-    selectedFlatRows,
-    isEntireTableSelected,
-    tableInstance
+  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
   };
   if (typeof bulkActions === 'function') {
     return /*#__PURE__*/React.createElement("div", {
       className: classNames('pgn__bulk-actions', className)
     }, bulkActions(args));
   }
-  const actions = bulkActions.map(action => ({
-    component: action,
-    args
-  }));
+  var actions = bulkActions.map(function (action) {
+    return {
+      component: action,
+      args: args
+    };
+  });
   return /*#__PURE__*/React.createElement(Actions, _extends({
     className: classNames('pgn__bulk-actions', className),
     "data-testid": "bulk-actions",

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","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,IAAxB;MAAEC;IAAmB,CAAC,GAAAD,IAAA;IAANE,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACvC,MAAMC,aAAa,GAAGX,UAAU,CAACG,gBAAgB,CAAC;EAClD,MAAM;IACJS,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,oBAAOb,KAAA,CAAAkB,aAAA;MAAKV,SAAS,EAAEL,UAAU,CAAC,mBAAmB,EAAEK,SAAS;IAAE,GAAEK,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,oBACEjB,KAAA,CAAAkB,aAAA,CAACb,OAAO,EAAAkB,QAAA;IACNf,SAAS,EAAEL,UAAU,CAAC,mBAAmB,EAAEK,SAAS,CAAE;IACtD,eAAY,cAAc;IAC1BW,OAAO,EAAEA;EAAQ,GACbV,IAAI,CACT,CAAC;AAEN;AAEAH,WAAW,CAACkB,YAAY,GAAG;EACzBhB,SAAS,EAAE;AACb,CAAC;AAEDF,WAAW,CAACmB,SAAS,GAAG;EACtB;EACAjB,SAAS,EAAEN,SAAS,CAACwB;AACvB,CAAC;AAED,eAAepB,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"}

package/dist/DataTable/CardView.js

@@ -1,3 +1,9 @@
+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; }
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -7,18 +13,14 @@ import { useRows } from './hooks';
 import { selectColumn } from './utils/getVisibleColumns';
 import Card, { CardGrid } from '../Card';
 function CardItem(_ref) {
-  let {
-    row,
-    prepareRow,
-    isSelectable,
-    SelectionComponent,
-    CardComponent,
-    selectionPlacement
-  } = _ref;
+  var row = _ref.row,
+    prepareRow = _ref.prepareRow,
+    isSelectable = _ref.isSelectable,
+    SelectionComponent = _ref.SelectionComponent,
+    CardComponent = _ref.CardComponent,
+    selectionPlacement = _ref.selectionPlacement;
   prepareRow(row);
-  const {
-    isSelected
-  } = row;
+  var isSelected = row.isSelected;
   if (isSelectable && SelectionComponent) {
     return /*#__PURE__*/React.createElement("div", {
       className: classNames('pgn__data-table__selectable-card', {
@@ -42,30 +44,27 @@ function DefaultSkeletonCardComponent() {
     className: "pgn__data-table-card-view-default-skeleton-card-section"
   }), /*#__PURE__*/React.createElement(Card.Footer, null));
 }
-export const DEFAULT_SKELETON_CARD_COUNT = 8;
+export var DEFAULT_SKELETON_CARD_COUNT = 8;
 function CardView(_ref2) {
-  let {
-    columnSizes,
-    CardComponent,
-    className,
-    selectionPlacement,
-    SkeletonCardComponent = DefaultSkeletonCardComponent,
-    skeletonCardCount
-  } = _ref2;
-  const {
-    getTableProps,
-    prepareRow,
-    displayRows
-  } = useRows();
-  const {
-    isSelectable,
-    manualSelectColumn,
-    isLoading
-  } = useContext(DataTableContext);
+  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;
 
   // 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
-  const SelectionComponent = manualSelectColumn?.Cell || selectColumn.Cell;
+  var SelectionComponent = (manualSelectColumn === null || manualSelectColumn === void 0 ? void 0 : manualSelectColumn.Cell) || selectColumn.Cell;
   if (!getTableProps) {
     return null;
   }
@@ -73,22 +72,26 @@ function CardView(_ref2) {
     return /*#__PURE__*/React.createElement(CardGrid, {
       className: classNames('pgn__data-table-card-view', className),
       columnSizes: columnSizes
-    }, [...new Array(skeletonCardCount)].map(() => /*#__PURE__*/React.createElement(SkeletonCardComponent, {
-      key: uuidv4()
-    })));
+    }, _toConsumableArray(new Array(skeletonCardCount)).map(function () {
+      return /*#__PURE__*/React.createElement(SkeletonCardComponent, {
+        key: uuidv4()
+      });
+    }));
   }
   return /*#__PURE__*/React.createElement(CardGrid, {
     className: classNames('pgn__data-table-card-view', className),
     columnSizes: columnSizes
-  }, displayRows.map(row => /*#__PURE__*/React.createElement(CardItem, {
-    key: row.id,
-    CardComponent: CardComponent,
-    SelectionComponent: SelectionComponent,
-    isSelectable: isSelectable,
-    row: row,
-    prepareRow: prepareRow,
-    selectionPlacement: selectionPlacement
-  })));
+  }, displayRows.map(function (row) {
+    return /*#__PURE__*/React.createElement(CardItem, {
+      key: row.id,
+      CardComponent: CardComponent,
+      SelectionComponent: SelectionComponent,
+      isSelectable: isSelectable,
+      row: row,
+      prepareRow: prepareRow,
+      selectionPlacement: selectionPlacement
+    });
+  }));
 }
 CardItem.defaultProps = {
   SelectionComponent: undefined

package/dist/DataTable/CardView.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardView.js","names":["React","useContext","PropTypes","classNames","v4","uuidv4","DataTableContext","useRows","selectColumn","Card","CardGrid","CardItem","_ref","row","prepareRow","isSelectable","SelectionComponent","CardComponent","selectionPlacement","isSelected","createElement","className","DefaultSkeletonCardComponent","isLoading","ImageCap","logoSkeleton","Section","Footer","DEFAULT_SKELETON_CARD_COUNT","CardView","_ref2","columnSizes","SkeletonCardComponent","skeletonCardCount","getTableProps","displayRows","manualSelectColumn","Cell","Array","map","key","id","defaultProps","undefined","propTypes","shape","getToggleRowSelectedProps","func","bool","isRequired","oneOf","xs","lg","xl","string","number","sm","md"],"sources":["../../src/DataTable/CardView.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { v4 as uuidv4 } from 'uuid';\nimport DataTableContext from './DataTableContext';\nimport { useRows } from './hooks';\nimport { selectColumn } from './utils/getVisibleColumns';\nimport Card, { CardGrid } from '../Card';\n\nfunction CardItem({\n  row,\n  prepareRow,\n  isSelectable,\n  SelectionComponent,\n  CardComponent,\n  selectionPlacement,\n}) {\n  prepareRow(row);\n  const { isSelected } = row;\n\n  if (isSelectable && SelectionComponent) {\n    return (\n      <div className={classNames(\n        'pgn__data-table__selectable-card',\n        {\n          'is-selected': isSelected,\n          'selection-right': selectionPlacement === 'right',\n          'selection-left': selectionPlacement !== 'right',\n        },\n      )}\n      >\n        <CardComponent {...row} />\n        <SelectionComponent row={row} />\n      </div>\n    );\n  }\n\n  return <CardComponent {...row} />;\n}\n\nfunction DefaultSkeletonCardComponent() {\n  return (\n    <Card isLoading data-testid=\"default-skeleton-card-component\">\n      <Card.ImageCap logoSkeleton />\n      <Card.Section className=\"pgn__data-table-card-view-default-skeleton-card-section\" />\n      <Card.Footer />\n    </Card>\n  );\n}\n\nexport const DEFAULT_SKELETON_CARD_COUNT = 8;\n\nfunction CardView({\n  columnSizes,\n  CardComponent,\n  className,\n  selectionPlacement,\n  SkeletonCardComponent = DefaultSkeletonCardComponent,\n  skeletonCardCount,\n}) {\n  const {\n    getTableProps, prepareRow, displayRows,\n  } = useRows();\n  const {\n    isSelectable,\n    manualSelectColumn,\n    isLoading,\n  } = useContext(DataTableContext);\n\n  // use the same component for card selection that is used for row selection\n  // otherwise view switching might break if row selection uses component that supports backend filtering / sorting\n  const SelectionComponent = manualSelectColumn?.Cell || selectColumn.Cell;\n\n  if (!getTableProps) {\n    return null;\n  }\n\n  if (isLoading) {\n    return (\n      <CardGrid\n        className={classNames('pgn__data-table-card-view', className)}\n        columnSizes={columnSizes}\n      >\n        {[...new Array(skeletonCardCount)].map(() => <SkeletonCardComponent key={uuidv4()} />)}\n      </CardGrid>\n    );\n  }\n\n  return (\n    <CardGrid\n      className={classNames('pgn__data-table-card-view', className)}\n      columnSizes={columnSizes}\n    >\n      {displayRows.map((row) => (\n        <CardItem\n          key={row.id}\n          CardComponent={CardComponent}\n          SelectionComponent={SelectionComponent}\n          isSelectable={isSelectable}\n          row={row}\n          prepareRow={prepareRow}\n          selectionPlacement={selectionPlacement}\n        />\n      ))}\n    </CardGrid>\n  );\n}\n\nCardItem.defaultProps = {\n  SelectionComponent: undefined,\n};\n\nCardItem.propTypes = {\n  row: PropTypes.shape({\n    getToggleRowSelectedProps: PropTypes.func,\n    isSelected: PropTypes.bool,\n  }).isRequired,\n  prepareRow: PropTypes.func.isRequired,\n  isSelectable: PropTypes.bool.isRequired,\n  CardComponent: PropTypes.func.isRequired,\n  SelectionComponent: PropTypes.func,\n  selectionPlacement: PropTypes.oneOf(['right', 'left']).isRequired,\n};\n\nCardView.defaultProps = {\n  columnSizes: {\n    xs: 12,\n    lg: 6,\n    xl: 4,\n  },\n  className: undefined,\n  selectionPlacement: 'right',\n  SkeletonCardComponent: undefined,\n  skeletonCardCount: 8,\n};\n\nCardView.propTypes = {\n  /** The class name for the CardGrid component */\n  className: PropTypes.string,\n  /**\n   * An object containing the desired column size at each breakpoint, following a similar\n   * props API as ``react-bootstrap/Col``\n   */\n  columnSizes: PropTypes.shape({\n    xs: PropTypes.number,\n    sm: PropTypes.number,\n    md: PropTypes.number,\n    lg: PropTypes.number,\n    xl: PropTypes.number,\n  }),\n  /** Your card component must be individualized to your table.\n   * It will be called with props from the \"row\" of data it will display */\n  CardComponent: PropTypes.func.isRequired,\n  /** If the Cards are selectable this prop determines from which side of the Card to show selection component. */\n  selectionPlacement: PropTypes.oneOf(['left', 'right']),\n  /** Overrides default skeleton card component for loading state in CardView */\n  SkeletonCardComponent: PropTypes.func,\n  /** Customize the number of loading skeleton cards to display in CardView */\n  skeletonCardCount: PropTypes.number,\n};\n\nexport default CardView;\n"],"mappings":"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"}
+{"version":3,"file":"CardView.js","names":["React","useContext","PropTypes","classNames","v4","uuidv4","DataTableContext","useRows","selectColumn","Card","CardGrid","CardItem","_ref","row","prepareRow","isSelectable","SelectionComponent","CardComponent","selectionPlacement","isSelected","createElement","className","DefaultSkeletonCardComponent","isLoading","ImageCap","logoSkeleton","Section","Footer","DEFAULT_SKELETON_CARD_COUNT","CardView","_ref2","columnSizes","_ref2$SkeletonCardCom","SkeletonCardComponent","skeletonCardCount","_useRows","getTableProps","displayRows","_useContext","manualSelectColumn","Cell","_toConsumableArray","Array","map","key","id","defaultProps","undefined","propTypes","shape","getToggleRowSelectedProps","func","bool","isRequired","oneOf","xs","lg","xl","string","number","sm","md"],"sources":["../../src/DataTable/CardView.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { v4 as uuidv4 } from 'uuid';\nimport DataTableContext from './DataTableContext';\nimport { useRows } from './hooks';\nimport { selectColumn } from './utils/getVisibleColumns';\nimport Card, { CardGrid } from '../Card';\n\nfunction CardItem({\n  row,\n  prepareRow,\n  isSelectable,\n  SelectionComponent,\n  CardComponent,\n  selectionPlacement,\n}) {\n  prepareRow(row);\n  const { isSelected } = row;\n\n  if (isSelectable && SelectionComponent) {\n    return (\n      <div className={classNames(\n        'pgn__data-table__selectable-card',\n        {\n          'is-selected': isSelected,\n          'selection-right': selectionPlacement === 'right',\n          'selection-left': selectionPlacement !== 'right',\n        },\n      )}\n      >\n        <CardComponent {...row} />\n        <SelectionComponent row={row} />\n      </div>\n    );\n  }\n\n  return <CardComponent {...row} />;\n}\n\nfunction DefaultSkeletonCardComponent() {\n  return (\n    <Card isLoading data-testid=\"default-skeleton-card-component\">\n      <Card.ImageCap logoSkeleton />\n      <Card.Section className=\"pgn__data-table-card-view-default-skeleton-card-section\" />\n      <Card.Footer />\n    </Card>\n  );\n}\n\nexport const DEFAULT_SKELETON_CARD_COUNT = 8;\n\nfunction CardView({\n  columnSizes,\n  CardComponent,\n  className,\n  selectionPlacement,\n  SkeletonCardComponent = DefaultSkeletonCardComponent,\n  skeletonCardCount,\n}) {\n  const {\n    getTableProps, prepareRow, displayRows,\n  } = useRows();\n  const {\n    isSelectable,\n    manualSelectColumn,\n    isLoading,\n  } = useContext(DataTableContext);\n\n  // use the same component for card selection that is used for row selection\n  // otherwise view switching might break if row selection uses component that supports backend filtering / sorting\n  const SelectionComponent = manualSelectColumn?.Cell || selectColumn.Cell;\n\n  if (!getTableProps) {\n    return null;\n  }\n\n  if (isLoading) {\n    return (\n      <CardGrid\n        className={classNames('pgn__data-table-card-view', className)}\n        columnSizes={columnSizes}\n      >\n        {[...new Array(skeletonCardCount)].map(() => <SkeletonCardComponent key={uuidv4()} />)}\n      </CardGrid>\n    );\n  }\n\n  return (\n    <CardGrid\n      className={classNames('pgn__data-table-card-view', className)}\n      columnSizes={columnSizes}\n    >\n      {displayRows.map((row) => (\n        <CardItem\n          key={row.id}\n          CardComponent={CardComponent}\n          SelectionComponent={SelectionComponent}\n          isSelectable={isSelectable}\n          row={row}\n          prepareRow={prepareRow}\n          selectionPlacement={selectionPlacement}\n        />\n      ))}\n    </CardGrid>\n  );\n}\n\nCardItem.defaultProps = {\n  SelectionComponent: undefined,\n};\n\nCardItem.propTypes = {\n  row: PropTypes.shape({\n    getToggleRowSelectedProps: PropTypes.func,\n    isSelected: PropTypes.bool,\n  }).isRequired,\n  prepareRow: PropTypes.func.isRequired,\n  isSelectable: PropTypes.bool.isRequired,\n  CardComponent: PropTypes.func.isRequired,\n  SelectionComponent: PropTypes.func,\n  selectionPlacement: PropTypes.oneOf(['right', 'left']).isRequired,\n};\n\nCardView.defaultProps = {\n  columnSizes: {\n    xs: 12,\n    lg: 6,\n    xl: 4,\n  },\n  className: undefined,\n  selectionPlacement: 'right',\n  SkeletonCardComponent: undefined,\n  skeletonCardCount: 8,\n};\n\nCardView.propTypes = {\n  /** The class name for the CardGrid component */\n  className: PropTypes.string,\n  /**\n   * An object containing the desired column size at each breakpoint, following a similar\n   * props API as ``react-bootstrap/Col``\n   */\n  columnSizes: PropTypes.shape({\n    xs: PropTypes.number,\n    sm: PropTypes.number,\n    md: PropTypes.number,\n    lg: PropTypes.number,\n    xl: PropTypes.number,\n  }),\n  /** Your card component must be individualized to your table.\n   * It will be called with props from the \"row\" of data it will display */\n  CardComponent: PropTypes.func.isRequired,\n  /** If the Cards are selectable this prop determines from which side of the Card to show selection component. */\n  selectionPlacement: PropTypes.oneOf(['left', 'right']),\n  /** Overrides default skeleton card component for loading state in CardView */\n  SkeletonCardComponent: PropTypes.func,\n  /** Customize the number of loading skeleton cards to display in CardView */\n  skeletonCardCount: PropTypes.number,\n};\n\nexport default CardView;\n"],"mappings":"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"}

package/dist/DataTable/CollapsibleButtonGroup.js

@@ -1,10 +1,21 @@
-const _excluded = ["className", "actions"];
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["className", "actions"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _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 _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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, useMemo, useState } from 'react';
@@ -19,48 +30,55 @@ import breakpoints from '../utils/breakpoints';
 import ModalPopup from '../Modal/ModalPopup';
 import Stack from '../Stack';
 import Button from '../Button';
-export const ACTION_OVERFLOW_BUTTON_TEXT = 'More actions';
-export const SMALL_SCREEN_ACTION_OVERFLOW_BUTTON_TEXT = 'Actions';
+export var ACTION_OVERFLOW_BUTTON_TEXT = 'More actions';
+export var SMALL_SCREEN_ACTION_OVERFLOW_BUTTON_TEXT = 'Actions';
 function CollapsibleButtonGroup(_ref) {
-  let {
-      className,
-      actions
-    } = _ref,
+  var className = _ref.className,
+    actions = _ref.actions,
     rest = _objectWithoutProperties(_ref, _excluded);
-  const [isOverflowMenuOpen, openOverflowMenu, closeOverflowMenu] = useToggle(false);
-  const [overflowMenuTarget, setOverflowMenuTarget] = useState(null);
-  const {
-    controlledTableSelections: [{
-      isEntireTableSelected
-    }],
-    selectedFlatRows,
-    rows
-  } = useContext(DataTableContext);
-  const {
-    width
-  } = useWindowSize();
-  const selectedRows = selectedFlatRows || rows;
-  const [visibleActions, dropdownActions] = useMemo(() => {
-    if (width < breakpoints.small.minWidth) {
-      // On a small screen, all actions will be in the overflow menu
-      return [[], [...actions]];
-    }
-    // The first two actions will be displayed as buttons, the rest will go in an overflow menu
-    const firstTwoActions = [...actions].splice(0, 2);
-    const extraActions = [...actions].slice(2);
+  var _useToggle = useToggle(false),
+    _useToggle2 = _slicedToArray(_useToggle, 3),
+    isOverflowMenuOpen = _useToggle2[0],
+    openOverflowMenu = _useToggle2[1],
+    closeOverflowMenu = _useToggle2[2];
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    overflowMenuTarget = _useState2[0],
+    setOverflowMenuTarget = _useState2[1];
+  var _useContext = useContext(DataTableContext),
+    _useContext$controlle = _slicedToArray(_useContext.controlledTableSelections, 1),
+    isEntireTableSelected = _useContext$controlle[0].isEntireTableSelected,
+    selectedFlatRows = _useContext.selectedFlatRows,
+    rows = _useContext.rows;
+  var _useWindowSize = useWindowSize(),
+    width = _useWindowSize.width;
+  var selectedRows = selectedFlatRows || rows;
+  var _useMemo = useMemo(function () {
+      if (width < breakpoints.small.minWidth) {
+        // On a small screen, all actions will be in the overflow menu
+        return [[], _toConsumableArray(actions)];
+      }
+      // The first two actions will be displayed as buttons, the rest will go in an overflow menu
+      var firstTwoActions = _toConsumableArray(actions).splice(0, 2);
+      var extraActions = _toConsumableArray(actions).slice(2);
 
-    /*  Reversing the array because to the user it makes sense to put the primary button first,
-        but we want it on the right */
-    return [firstTwoActions.reverse(), extraActions];
-  }, [actions, width]);
+      /*  Reversing the array because to the user it makes sense to put the primary button first,
+          but we want it on the right */
+      return [firstTwoActions.reverse(), extraActions];
+    }, [actions, width]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    visibleActions = _useMemo2[0],
+    dropdownActions = _useMemo2[1];
   if (!isEntireTableSelected && !selectedRows) {
     return null;
   }
-  const cloneAction = (action, index) => /*#__PURE__*/React.cloneElement(action.component, _objectSpread({
-    // eslint-disable-next-line react/no-array-index-key
-    key: `${action}${index}`,
-    as: Button
-  }, action.args));
+  var cloneAction = function cloneAction(action, index) {
+    return /*#__PURE__*/React.cloneElement(action.component, _objectSpread({
+      // eslint-disable-next-line react/no-array-index-key
+      key: "".concat(action).concat(index),
+      as: Button
+    }, action.args));
+  };
   return /*#__PURE__*/React.createElement("div", _extends({
     className: className
   }, rest), dropdownActions.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconButton, {

package/dist/DataTable/CollapsibleButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleButtonGroup.js","names":["React","useContext","useMemo","useState","PropTypes","MoreVert","useToggle","useWindowSize","DataTableContext","Icon","IconButton","breakpoints","ModalPopup","Stack","Button","ACTION_OVERFLOW_BUTTON_TEXT","SMALL_SCREEN_ACTION_OVERFLOW_BUTTON_TEXT","CollapsibleButtonGroup","_ref","className","actions","rest","_objectWithoutProperties","_excluded","isOverflowMenuOpen","openOverflowMenu","closeOverflowMenu","overflowMenuTarget","setOverflowMenuTarget","controlledTableSelections","isEntireTableSelected","selectedFlatRows","rows","width","selectedRows","visibleActions","dropdownActions","small","minWidth","firstTwoActions","splice","extraActions","slice","reverse","cloneAction","action","index","cloneElement","component","_objectSpread","key","as","args","createElement","_extends","length","Fragment","variant","iconAs","src","alt","id","ref","onClick","positionRef","onClose","placement","isOpen","gap","map","defaultProps","propTypes","string","arrayOf","shape","oneOfType","element","elementType","isRequired"],"sources":["../../src/DataTable/CollapsibleButtonGroup.jsx"],"sourcesContent":["import React, { useContext, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { MoreVert } from '../../icons';\nimport useToggle from '../hooks/useToggle';\nimport useWindowSize from '../hooks/useWindowSize';\nimport DataTableContext from './DataTableContext';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\nimport breakpoints from '../utils/breakpoints';\nimport ModalPopup from '../Modal/ModalPopup';\nimport Stack from '../Stack';\nimport Button from '../Button';\n\nexport const ACTION_OVERFLOW_BUTTON_TEXT = 'More actions';\nexport const SMALL_SCREEN_ACTION_OVERFLOW_BUTTON_TEXT = 'Actions';\n\nfunction CollapsibleButtonGroup({\n  className,\n  actions,\n  ...rest\n}) {\n  const [isOverflowMenuOpen, openOverflowMenu, closeOverflowMenu] = useToggle(false);\n  const [overflowMenuTarget, setOverflowMenuTarget] = useState(null);\n  const {\n    controlledTableSelections: [{ isEntireTableSelected }],\n    selectedFlatRows,\n    rows,\n  } = useContext(DataTableContext);\n  const { width } = useWindowSize();\n  const selectedRows = selectedFlatRows || rows;\n\n  const [visibleActions, dropdownActions] = useMemo(() => {\n    if (width < breakpoints.small.minWidth) {\n      // On a small screen, all actions will be in the overflow menu\n      return [[], [...actions]];\n    }\n    // The first two actions will be displayed as buttons, the rest will go in an overflow menu\n    const firstTwoActions = [...actions].splice(0, 2);\n    const extraActions = [...actions].slice(2);\n\n    /*  Reversing the array because to the user it makes sense to put the primary button first,\n        but we want it on the right */\n    return [firstTwoActions.reverse(), extraActions];\n  }, [actions, width]);\n\n  if (!isEntireTableSelected && !selectedRows) {\n    return null;\n  }\n\n  const cloneAction = (action, index) => React.cloneElement(\n    action.component,\n    {\n      // eslint-disable-next-line react/no-array-index-key\n      key: `${action}${index}`,\n      as: Button, // for backwards compatibility this is needed\n      ...action.args,\n    },\n  );\n\n  return (\n    <div className={className} {...rest}>\n      {dropdownActions.length > 0 && (\n        <>\n          <IconButton\n            variant=\"secondary\"\n            iconAs={Icon}\n            src={MoreVert}\n            alt={width > breakpoints.small.minWidth\n              ? ACTION_OVERFLOW_BUTTON_TEXT : SMALL_SCREEN_ACTION_OVERFLOW_BUTTON_TEXT}\n            id=\"actions-dropdown\"\n            ref={setOverflowMenuTarget}\n            onClick={openOverflowMenu}\n          />\n          <ModalPopup\n            positionRef={overflowMenuTarget}\n            onClose={closeOverflowMenu}\n            placement=\"bottom-end\"\n            isOpen={isOverflowMenuOpen}\n          >\n            <div className=\"pgn__datatable__overflow-actions-menu\">\n              <Stack gap={2}>\n                {dropdownActions.map(cloneAction)}\n              </Stack>\n            </div>\n          </ModalPopup>\n        </>\n      )}\n      <div className=\"pgn__datatable__visible-actions\">\n        {visibleActions.map(cloneAction)}\n      </div>\n    </div>\n  );\n}\n\nCollapsibleButtonGroup.defaultProps = {\n  className: null,\n};\n\nCollapsibleButtonGroup.propTypes = {\n  /** Class names for the div wrapping the button components */\n  className: PropTypes.string,\n  /** Array of action objects, containing a component and their callback args */\n  actions: PropTypes.arrayOf(PropTypes.shape({\n    component: PropTypes.oneOfType([PropTypes.element, PropTypes.elementType]).isRequired,\n    args: PropTypes.shape({}),\n  })).isRequired,\n};\n\nexport default CollapsibleButtonGroup;\n"],"mappings":"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"}
+{"version":3,"file":"CollapsibleButtonGroup.js","names":["React","useContext","useMemo","useState","PropTypes","MoreVert","useToggle","useWindowSize","DataTableContext","Icon","IconButton","breakpoints","ModalPopup","Stack","Button","ACTION_OVERFLOW_BUTTON_TEXT","SMALL_SCREEN_ACTION_OVERFLOW_BUTTON_TEXT","CollapsibleButtonGroup","_ref","className","actions","rest","_objectWithoutProperties","_excluded","_useToggle","_useToggle2","_slicedToArray","isOverflowMenuOpen","openOverflowMenu","closeOverflowMenu","_useState","_useState2","overflowMenuTarget","setOverflowMenuTarget","_useContext","_useContext$controlle","controlledTableSelections","isEntireTableSelected","selectedFlatRows","rows","_useWindowSize","width","selectedRows","_useMemo","small","minWidth","_toConsumableArray","firstTwoActions","splice","extraActions","slice","reverse","_useMemo2","visibleActions","dropdownActions","cloneAction","action","index","cloneElement","component","_objectSpread","key","concat","as","args","createElement","_extends","length","Fragment","variant","iconAs","src","alt","id","ref","onClick","positionRef","onClose","placement","isOpen","gap","map","defaultProps","propTypes","string","arrayOf","shape","oneOfType","element","elementType","isRequired"],"sources":["../../src/DataTable/CollapsibleButtonGroup.jsx"],"sourcesContent":["import React, { useContext, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { MoreVert } from '../../icons';\nimport useToggle from '../hooks/useToggle';\nimport useWindowSize from '../hooks/useWindowSize';\nimport DataTableContext from './DataTableContext';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\nimport breakpoints from '../utils/breakpoints';\nimport ModalPopup from '../Modal/ModalPopup';\nimport Stack from '../Stack';\nimport Button from '../Button';\n\nexport const ACTION_OVERFLOW_BUTTON_TEXT = 'More actions';\nexport const SMALL_SCREEN_ACTION_OVERFLOW_BUTTON_TEXT = 'Actions';\n\nfunction CollapsibleButtonGroup({\n  className,\n  actions,\n  ...rest\n}) {\n  const [isOverflowMenuOpen, openOverflowMenu, closeOverflowMenu] = useToggle(false);\n  const [overflowMenuTarget, setOverflowMenuTarget] = useState(null);\n  const {\n    controlledTableSelections: [{ isEntireTableSelected }],\n    selectedFlatRows,\n    rows,\n  } = useContext(DataTableContext);\n  const { width } = useWindowSize();\n  const selectedRows = selectedFlatRows || rows;\n\n  const [visibleActions, dropdownActions] = useMemo(() => {\n    if (width < breakpoints.small.minWidth) {\n      // On a small screen, all actions will be in the overflow menu\n      return [[], [...actions]];\n    }\n    // The first two actions will be displayed as buttons, the rest will go in an overflow menu\n    const firstTwoActions = [...actions].splice(0, 2);\n    const extraActions = [...actions].slice(2);\n\n    /*  Reversing the array because to the user it makes sense to put the primary button first,\n        but we want it on the right */\n    return [firstTwoActions.reverse(), extraActions];\n  }, [actions, width]);\n\n  if (!isEntireTableSelected && !selectedRows) {\n    return null;\n  }\n\n  const cloneAction = (action, index) => React.cloneElement(\n    action.component,\n    {\n      // eslint-disable-next-line react/no-array-index-key\n      key: `${action}${index}`,\n      as: Button, // for backwards compatibility this is needed\n      ...action.args,\n    },\n  );\n\n  return (\n    <div className={className} {...rest}>\n      {dropdownActions.length > 0 && (\n        <>\n          <IconButton\n            variant=\"secondary\"\n            iconAs={Icon}\n            src={MoreVert}\n            alt={width > breakpoints.small.minWidth\n              ? ACTION_OVERFLOW_BUTTON_TEXT : SMALL_SCREEN_ACTION_OVERFLOW_BUTTON_TEXT}\n            id=\"actions-dropdown\"\n            ref={setOverflowMenuTarget}\n            onClick={openOverflowMenu}\n          />\n          <ModalPopup\n            positionRef={overflowMenuTarget}\n            onClose={closeOverflowMenu}\n            placement=\"bottom-end\"\n            isOpen={isOverflowMenuOpen}\n          >\n            <div className=\"pgn__datatable__overflow-actions-menu\">\n              <Stack gap={2}>\n                {dropdownActions.map(cloneAction)}\n              </Stack>\n            </div>\n          </ModalPopup>\n        </>\n      )}\n      <div className=\"pgn__datatable__visible-actions\">\n        {visibleActions.map(cloneAction)}\n      </div>\n    </div>\n  );\n}\n\nCollapsibleButtonGroup.defaultProps = {\n  className: null,\n};\n\nCollapsibleButtonGroup.propTypes = {\n  /** Class names for the div wrapping the button components */\n  className: PropTypes.string,\n  /** Array of action objects, containing a component and their callback args */\n  actions: PropTypes.arrayOf(PropTypes.shape({\n    component: PropTypes.oneOfType([PropTypes.element, PropTypes.elementType]).isRequired,\n    args: PropTypes.shape({}),\n  })).isRequired,\n};\n\nexport default CollapsibleButtonGroup;\n"],"mappings":"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"}

package/dist/DataTable/DataTableContext.js

@@ -1,4 +1,4 @@
 import { createContext } from 'react';
-const DataTableContext = /*#__PURE__*/createContext({});
+var DataTableContext = /*#__PURE__*/createContext({});
 export default DataTableContext;
 //# sourceMappingURL=DataTableContext.js.map

package/dist/DataTable/DataTableContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableContext.js","names":["createContext","DataTableContext"],"sources":["../../src/DataTable/DataTableContext.jsx"],"sourcesContent":["import { createContext } from 'react';\n\nconst DataTableContext = createContext({});\n\nexport default DataTableContext;\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,OAAO;AAErC,MAAMC,gBAAgB,gBAAGD,aAAa,CAAC,CAAC,CAAC,CAAC;AAE1C,eAAeC,gBAAgB"}
+{"version":3,"file":"DataTableContext.js","names":["createContext","DataTableContext"],"sources":["../../src/DataTable/DataTableContext.jsx"],"sourcesContent":["import { createContext } from 'react';\n\nconst DataTableContext = createContext({});\n\nexport default DataTableContext;\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,OAAO;AAErC,IAAMC,gBAAgB,gBAAGD,aAAa,CAAC,CAAC,CAAC,CAAC;AAE1C,eAAeC,gBAAgB"}

package/dist/DataTable/DataTableLayout.js

@@ -4,15 +4,12 @@ import classNames from 'classnames';
 import SidebarFilters from './SidebarFilters';
 import DataTableContext from './DataTableContext';
 function DataTableLayout(_ref) {
-  let {
-    filtersTitle,
-    className,
-    children
-  } = _ref;
-  const {
-    setFilter,
-    showFiltersInSidebar
-  } = useContext(DataTableContext);
+  var filtersTitle = _ref.filtersTitle,
+    className = _ref.className,
+    children = _ref.children;
+  var _useContext = useContext(DataTableContext),
+    setFilter = _useContext.setFilter,
+    showFiltersInSidebar = _useContext.showFiltersInSidebar;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('pgn__data-table-layout-wrapper', className)
   }, showFiltersInSidebar && setFilter && /*#__PURE__*/React.createElement("div", {

package/dist/DataTable/DataTableLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableLayout.js","names":["React","useContext","PropTypes","classNames","SidebarFilters","DataTableContext","DataTableLayout","_ref","filtersTitle","className","children","setFilter","showFiltersInSidebar","createElement","title","propTypes","string","node","isRequired","oneOfType","element","defaultProps","undefined"],"sources":["../../src/DataTable/DataTableLayout.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport SidebarFilters from './SidebarFilters';\nimport DataTableContext from './DataTableContext';\n\nfunction DataTableLayout({\n  filtersTitle,\n  className,\n  children,\n}) {\n  const { setFilter, showFiltersInSidebar } = useContext(DataTableContext);\n\n  return (\n    <div className={classNames('pgn__data-table-layout-wrapper', className)}>\n      {(showFiltersInSidebar && setFilter) && (\n        <div className=\"pgn__data-table-layout-sidebar\">\n          <SidebarFilters title={filtersTitle} />\n        </div>\n      )}\n      <div className=\"pgn__data-table-layout-main\">\n        {children}\n      </div>\n    </div>\n  );\n}\n\nDataTableLayout.propTypes = {\n  /** A class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies contents of the component. */\n  children: PropTypes.node.isRequired,\n  /** Specifies title of the component. */\n  filtersTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nDataTableLayout.defaultProps = {\n  className: null,\n  filtersTitle: undefined,\n};\n\nexport default DataTableLayout;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,eAAeA,CAAAC,IAAA,EAIrB;EAAA,IAJsB;IACvBC,YAAY;IACZC,SAAS;IACTC;EACF,CAAC,GAAAH,IAAA;EACC,MAAM;IAAEI,SAAS;IAAEC;EAAqB,CAAC,GAAGX,UAAU,CAACI,gBAAgB,CAAC;EAExE,oBACEL,KAAA,CAAAa,aAAA;IAAKJ,SAAS,EAAEN,UAAU,CAAC,gCAAgC,EAAEM,SAAS;EAAE,GACpEG,oBAAoB,IAAID,SAAS,iBACjCX,KAAA,CAAAa,aAAA;IAAKJ,SAAS,EAAC;EAAgC,gBAC7CT,KAAA,CAAAa,aAAA,CAACT,cAAc;IAACU,KAAK,EAAEN;EAAa,CAAE,CACnC,CACN,eACDR,KAAA,CAAAa,aAAA;IAAKJ,SAAS,EAAC;EAA6B,GACzCC,QACE,CACF,CAAC;AAEV;AAEAJ,eAAe,CAACS,SAAS,GAAG;EAC1B;EACAN,SAAS,EAAEP,SAAS,CAACc,MAAM;EAC3B;EACAN,QAAQ,EAAER,SAAS,CAACe,IAAI,CAACC,UAAU;EACnC;EACAV,YAAY,EAAEN,SAAS,CAACiB,SAAS,CAAC,CAACjB,SAAS,CAACc,MAAM,EAAEd,SAAS,CAACkB,OAAO,CAAC;AACzE,CAAC;AAEDd,eAAe,CAACe,YAAY,GAAG;EAC7BZ,SAAS,EAAE,IAAI;EACfD,YAAY,EAAEc;AAChB,CAAC;AAED,eAAehB,eAAe"}
+{"version":3,"file":"DataTableLayout.js","names":["React","useContext","PropTypes","classNames","SidebarFilters","DataTableContext","DataTableLayout","_ref","filtersTitle","className","children","_useContext","setFilter","showFiltersInSidebar","createElement","title","propTypes","string","node","isRequired","oneOfType","element","defaultProps","undefined"],"sources":["../../src/DataTable/DataTableLayout.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport SidebarFilters from './SidebarFilters';\nimport DataTableContext from './DataTableContext';\n\nfunction DataTableLayout({\n  filtersTitle,\n  className,\n  children,\n}) {\n  const { setFilter, showFiltersInSidebar } = useContext(DataTableContext);\n\n  return (\n    <div className={classNames('pgn__data-table-layout-wrapper', className)}>\n      {(showFiltersInSidebar && setFilter) && (\n        <div className=\"pgn__data-table-layout-sidebar\">\n          <SidebarFilters title={filtersTitle} />\n        </div>\n      )}\n      <div className=\"pgn__data-table-layout-main\">\n        {children}\n      </div>\n    </div>\n  );\n}\n\nDataTableLayout.propTypes = {\n  /** A class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies contents of the component. */\n  children: PropTypes.node.isRequired,\n  /** Specifies title of the component. */\n  filtersTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nDataTableLayout.defaultProps = {\n  className: null,\n  filtersTitle: undefined,\n};\n\nexport default DataTableLayout;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,eAAeA,CAAAC,IAAA,EAIrB;EAAA,IAHDC,YAAY,GAAAD,IAAA,CAAZC,YAAY;IACZC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EAER,IAAAC,WAAA,GAA4CV,UAAU,CAACI,gBAAgB,CAAC;IAAhEO,SAAS,GAAAD,WAAA,CAATC,SAAS;IAAEC,oBAAoB,GAAAF,WAAA,CAApBE,oBAAoB;EAEvC,oBACEb,KAAA,CAAAc,aAAA;IAAKL,SAAS,EAAEN,UAAU,CAAC,gCAAgC,EAAEM,SAAS;EAAE,GACpEI,oBAAoB,IAAID,SAAS,iBACjCZ,KAAA,CAAAc,aAAA;IAAKL,SAAS,EAAC;EAAgC,gBAC7CT,KAAA,CAAAc,aAAA,CAACV,cAAc;IAACW,KAAK,EAAEP;EAAa,CAAE,CACnC,CACN,eACDR,KAAA,CAAAc,aAAA;IAAKL,SAAS,EAAC;EAA6B,GACzCC,QACE,CACF,CAAC;AAEV;AAEAJ,eAAe,CAACU,SAAS,GAAG;EAC1B;EACAP,SAAS,EAAEP,SAAS,CAACe,MAAM;EAC3B;EACAP,QAAQ,EAAER,SAAS,CAACgB,IAAI,CAACC,UAAU;EACnC;EACAX,YAAY,EAAEN,SAAS,CAACkB,SAAS,CAAC,CAAClB,SAAS,CAACe,MAAM,EAAEf,SAAS,CAACmB,OAAO,CAAC;AACzE,CAAC;AAEDf,eAAe,CAACgB,YAAY,GAAG;EAC7Bb,SAAS,EAAE,IAAI;EACfD,YAAY,EAAEe;AAChB,CAAC;AAED,eAAejB,eAAe"}