@openedx/paragon 23.2.0 → 23.3.0

package/dist/DataTable/ExpandAll.js

@@ -1,17 +1,15 @@
-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); }
 import React from 'react';
 import PropTypes from 'prop-types';
 import { FormattedMessage } from 'react-intl';
 import Button from '../Button';
 function ExpandAll(_ref) {
-  var getToggleAllRowsExpandedProps = _ref.getToggleAllRowsExpandedProps,
-    isAllRowsExpanded = _ref.isAllRowsExpanded;
-  return /*#__PURE__*/React.createElement("span", _objectSpread({}, getToggleAllRowsExpandedProps()), isAllRowsExpanded ? /*#__PURE__*/React.createElement(Button, {
+  let {
+    getToggleAllRowsExpandedProps,
+    isAllRowsExpanded
+  } = _ref;
+  return /*#__PURE__*/React.createElement("span", {
+    ...getToggleAllRowsExpandedProps()
+  }, isAllRowsExpanded ? /*#__PURE__*/React.createElement(Button, {
     variant: "link",
     size: "inline"
   }, /*#__PURE__*/React.createElement(FormattedMessage, {

package/dist/DataTable/ExpandAll.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandAll.js","names":["React","PropTypes","FormattedMessage","Button","ExpandAll","_ref","getToggleAllRowsExpandedProps","isAllRowsExpanded","createElement","_objectSpread","variant","size","id","defaultMessage","description","propTypes","func","isRequired","bool"],"sources":["../../src/DataTable/ExpandAll.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport Button from '../Button';\n\nfunction ExpandAll({ getToggleAllRowsExpandedProps, isAllRowsExpanded }) {\n  return (\n    <span {...getToggleAllRowsExpandedProps()}>\n      {isAllRowsExpanded ? (\n        <Button variant=\"link\" size=\"inline\">\n          <FormattedMessage\n            id=\"pgn.DataTable.ExpandAll.collapseAllLabel\"\n            defaultMessage=\"Collapse all\"\n            description=\"Label of an action button that collapses all expandable rows of DataTable.\"\n          />\n        </Button>\n      ) : (\n        <Button variant=\"link\" size=\"inline\">\n          <FormattedMessage\n            id=\"pgn.DataTable.ExpandAll.expandAllLabel\"\n            defaultMessage=\"Expand all\"\n            description=\"Label of an action button that expands all expandable rows of DataTable.\"\n          />\n        </Button>\n      )}\n    </span>\n  );\n}\n\nExpandAll.propTypes = {\n  /** A helper function that returns props necessary for expand / collapse all rows behaviour. */\n  getToggleAllRowsExpandedProps: PropTypes.func.isRequired,\n  /** Specifies whether all rows are expanded. */\n  isAllRowsExpanded: PropTypes.bool.isRequired,\n};\n\nexport default ExpandAll;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,OAAOC,MAAM,MAAM,WAAW;AAE9B,SAASC,SAASA,CAAAC,IAAA,EAAuD;EAAA,IAApDC,6BAA6B,GAAAD,IAAA,CAA7BC,6BAA6B;IAAEC,iBAAiB,GAAAF,IAAA,CAAjBE,iBAAiB;EACnE,oBACEP,KAAA,CAAAQ,aAAA,SAAAC,aAAA,KAAUH,6BAA6B,CAAC,CAAC,GACtCC,iBAAiB,gBAChBP,KAAA,CAAAQ,aAAA,CAACL,MAAM;IAACO,OAAO,EAAC,MAAM;IAACC,IAAI,EAAC;EAAQ,gBAClCX,KAAA,CAAAQ,aAAA,CAACN,gBAAgB;IACfU,EAAE,EAAC,0CAA0C;IAC7CC,cAAc,EAAC,cAAc;IAC7BC,WAAW,EAAC;EAA4E,CACzF,CACK,CAAC,gBAETd,KAAA,CAAAQ,aAAA,CAACL,MAAM;IAACO,OAAO,EAAC,MAAM;IAACC,IAAI,EAAC;EAAQ,gBAClCX,KAAA,CAAAQ,aAAA,CAACN,gBAAgB;IACfU,EAAE,EAAC,wCAAwC;IAC3CC,cAAc,EAAC,YAAY;IAC3BC,WAAW,EAAC;EAA0E,CACvF,CACK,CAEN,CAAC;AAEX;AAEAV,SAAS,CAACW,SAAS,GAAG;EACpB;EACAT,6BAA6B,EAAEL,SAAS,CAACe,IAAI,CAACC,UAAU;EACxD;EACAV,iBAAiB,EAAEN,SAAS,CAACiB,IAAI,CAACD;AACpC,CAAC;AAED,eAAeb,SAAS","ignoreList":[]}
+{"version":3,"file":"ExpandAll.js","names":["React","PropTypes","FormattedMessage","Button","ExpandAll","_ref","getToggleAllRowsExpandedProps","isAllRowsExpanded","createElement","variant","size","id","defaultMessage","description","propTypes","func","isRequired","bool"],"sources":["../../src/DataTable/ExpandAll.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport Button from '../Button';\n\nfunction ExpandAll({ getToggleAllRowsExpandedProps, isAllRowsExpanded }) {\n  return (\n    <span {...getToggleAllRowsExpandedProps()}>\n      {isAllRowsExpanded ? (\n        <Button variant=\"link\" size=\"inline\">\n          <FormattedMessage\n            id=\"pgn.DataTable.ExpandAll.collapseAllLabel\"\n            defaultMessage=\"Collapse all\"\n            description=\"Label of an action button that collapses all expandable rows of DataTable.\"\n          />\n        </Button>\n      ) : (\n        <Button variant=\"link\" size=\"inline\">\n          <FormattedMessage\n            id=\"pgn.DataTable.ExpandAll.expandAllLabel\"\n            defaultMessage=\"Expand all\"\n            description=\"Label of an action button that expands all expandable rows of DataTable.\"\n          />\n        </Button>\n      )}\n    </span>\n  );\n}\n\nExpandAll.propTypes = {\n  /** A helper function that returns props necessary for expand / collapse all rows behaviour. */\n  getToggleAllRowsExpandedProps: PropTypes.func.isRequired,\n  /** Specifies whether all rows are expanded. */\n  isAllRowsExpanded: PropTypes.bool.isRequired,\n};\n\nexport default ExpandAll;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,OAAOC,MAAM,MAAM,WAAW;AAE9B,SAASC,SAASA,CAAAC,IAAA,EAAuD;EAAA,IAAtD;IAAEC,6BAA6B;IAAEC;EAAkB,CAAC,GAAAF,IAAA;EACrE,oBACEL,KAAA,CAAAQ,aAAA;IAAA,GAAUF,6BAA6B,CAAC;EAAC,GACtCC,iBAAiB,gBAChBP,KAAA,CAAAQ,aAAA,CAACL,MAAM;IAACM,OAAO,EAAC,MAAM;IAACC,IAAI,EAAC;EAAQ,gBAClCV,KAAA,CAAAQ,aAAA,CAACN,gBAAgB;IACfS,EAAE,EAAC,0CAA0C;IAC7CC,cAAc,EAAC,cAAc;IAC7BC,WAAW,EAAC;EAA4E,CACzF,CACK,CAAC,gBAETb,KAAA,CAAAQ,aAAA,CAACL,MAAM;IAACM,OAAO,EAAC,MAAM;IAACC,IAAI,EAAC;EAAQ,gBAClCV,KAAA,CAAAQ,aAAA,CAACN,gBAAgB;IACfS,EAAE,EAAC,wCAAwC;IAC3CC,cAAc,EAAC,YAAY;IAC3BC,WAAW,EAAC;EAA0E,CACvF,CACK,CAEN,CAAC;AAEX;AAEAT,SAAS,CAACU,SAAS,GAAG;EACpB;EACAR,6BAA6B,EAAEL,SAAS,CAACc,IAAI,CAACC,UAAU;EACxD;EACAT,iBAAiB,EAAEN,SAAS,CAACgB,IAAI,CAACD;AACpC,CAAC;AAED,eAAeZ,SAAS","ignoreList":[]}

package/dist/DataTable/ExpandRow.js

@@ -1,18 +1,16 @@
-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); }
 import React from 'react';
 import PropTypes from 'prop-types';
 import { ExpandLess, ExpandMore } from '../../icons';
 import Icon from '../Icon';
 import IconButton from '../IconButton';
-var EXPAND_COLLAPSE_ICON_SIZE = 'inline';
+const EXPAND_COLLAPSE_ICON_SIZE = 'inline';
 function ExpandRow(_ref) {
-  var row = _ref.row;
-  return /*#__PURE__*/React.createElement("span", _objectSpread({}, row.getToggleRowExpandedProps()), row.isExpanded ? /*#__PURE__*/React.createElement(IconButton, {
+  let {
+    row
+  } = _ref;
+  return /*#__PURE__*/React.createElement("span", {
+    ...row.getToggleRowExpandedProps()
+  }, row.isExpanded ? /*#__PURE__*/React.createElement(IconButton, {
     src: ExpandLess,
     iconAs: Icon,
     alt: "Collapse row",

package/dist/DataTable/ExpandRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandRow.js","names":["React","PropTypes","ExpandLess","ExpandMore","Icon","IconButton","EXPAND_COLLAPSE_ICON_SIZE","ExpandRow","_ref","row","createElement","_objectSpread","getToggleRowExpandedProps","isExpanded","src","iconAs","alt","size","propTypes","shape","bool","func","isRequired"],"sources":["../../src/DataTable/ExpandRow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ExpandLess, ExpandMore } from '../../icons';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\n\nconst EXPAND_COLLAPSE_ICON_SIZE = 'inline';\n\nfunction ExpandRow({ row }) {\n  return (\n    <span {...row.getToggleRowExpandedProps()}>\n      {row.isExpanded\n        ? <IconButton src={ExpandLess} iconAs={Icon} alt=\"Collapse row\" size={EXPAND_COLLAPSE_ICON_SIZE} />\n        : <IconButton src={ExpandMore} iconAs={Icon} alt=\"Expand row\" size={EXPAND_COLLAPSE_ICON_SIZE} />}\n    </span>\n  );\n}\n\nExpandRow.propTypes = {\n  /** Row data that is received from `react-table` API. */\n  row: PropTypes.shape({\n    /** Specifies if row is in expanded state. */\n    isExpanded: PropTypes.bool,\n    /** Function that returns props for the wrapper component to handle expand behaviour. */\n    getToggleRowExpandedProps: PropTypes.func.isRequired,\n  }).isRequired,\n};\n\nexport default ExpandRow;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,EAAEC,UAAU,QAAQ,aAAa;AACpD,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AAEtC,IAAMC,yBAAyB,GAAG,QAAQ;AAE1C,SAASC,SAASA,CAAAC,IAAA,EAAU;EAAA,IAAPC,GAAG,GAAAD,IAAA,CAAHC,GAAG;EACtB,oBACET,KAAA,CAAAU,aAAA,SAAAC,aAAA,KAAUF,GAAG,CAACG,yBAAyB,CAAC,CAAC,GACtCH,GAAG,CAACI,UAAU,gBACXb,KAAA,CAAAU,aAAA,CAACL,UAAU;IAACS,GAAG,EAAEZ,UAAW;IAACa,MAAM,EAAEX,IAAK;IAACY,GAAG,EAAC,cAAc;IAACC,IAAI,EAAEX;EAA0B,CAAE,CAAC,gBACjGN,KAAA,CAAAU,aAAA,CAACL,UAAU;IAACS,GAAG,EAAEX,UAAW;IAACY,MAAM,EAAEX,IAAK;IAACY,GAAG,EAAC,YAAY;IAACC,IAAI,EAAEX;EAA0B,CAAE,CAC9F,CAAC;AAEX;AAEAC,SAAS,CAACW,SAAS,GAAG;EACpB;EACAT,GAAG,EAAER,SAAS,CAACkB,KAAK,CAAC;IACnB;IACAN,UAAU,EAAEZ,SAAS,CAACmB,IAAI;IAC1B;IACAR,yBAAyB,EAAEX,SAAS,CAACoB,IAAI,CAACC;EAC5C,CAAC,CAAC,CAACA;AACL,CAAC;AAED,eAAef,SAAS","ignoreList":[]}
+{"version":3,"file":"ExpandRow.js","names":["React","PropTypes","ExpandLess","ExpandMore","Icon","IconButton","EXPAND_COLLAPSE_ICON_SIZE","ExpandRow","_ref","row","createElement","getToggleRowExpandedProps","isExpanded","src","iconAs","alt","size","propTypes","shape","bool","func","isRequired"],"sources":["../../src/DataTable/ExpandRow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ExpandLess, ExpandMore } from '../../icons';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\n\nconst EXPAND_COLLAPSE_ICON_SIZE = 'inline';\n\nfunction ExpandRow({ row }) {\n  return (\n    <span {...row.getToggleRowExpandedProps()}>\n      {row.isExpanded\n        ? <IconButton src={ExpandLess} iconAs={Icon} alt=\"Collapse row\" size={EXPAND_COLLAPSE_ICON_SIZE} />\n        : <IconButton src={ExpandMore} iconAs={Icon} alt=\"Expand row\" size={EXPAND_COLLAPSE_ICON_SIZE} />}\n    </span>\n  );\n}\n\nExpandRow.propTypes = {\n  /** Row data that is received from `react-table` API. */\n  row: PropTypes.shape({\n    /** Specifies if row is in expanded state. */\n    isExpanded: PropTypes.bool,\n    /** Function that returns props for the wrapper component to handle expand behaviour. */\n    getToggleRowExpandedProps: PropTypes.func.isRequired,\n  }).isRequired,\n};\n\nexport default ExpandRow;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,EAAEC,UAAU,QAAQ,aAAa;AACpD,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AAEtC,MAAMC,yBAAyB,GAAG,QAAQ;AAE1C,SAASC,SAASA,CAAAC,IAAA,EAAU;EAAA,IAAT;IAAEC;EAAI,CAAC,GAAAD,IAAA;EACxB,oBACER,KAAA,CAAAU,aAAA;IAAA,GAAUD,GAAG,CAACE,yBAAyB,CAAC;EAAC,GACtCF,GAAG,CAACG,UAAU,gBACXZ,KAAA,CAAAU,aAAA,CAACL,UAAU;IAACQ,GAAG,EAAEX,UAAW;IAACY,MAAM,EAAEV,IAAK;IAACW,GAAG,EAAC,cAAc;IAACC,IAAI,EAAEV;EAA0B,CAAE,CAAC,gBACjGN,KAAA,CAAAU,aAAA,CAACL,UAAU;IAACQ,GAAG,EAAEV,UAAW;IAACW,MAAM,EAAEV,IAAK;IAACW,GAAG,EAAC,YAAY;IAACC,IAAI,EAAEV;EAA0B,CAAE,CAC9F,CAAC;AAEX;AAEAC,SAAS,CAACU,SAAS,GAAG;EACpB;EACAR,GAAG,EAAER,SAAS,CAACiB,KAAK,CAAC;IACnB;IACAN,UAAU,EAAEX,SAAS,CAACkB,IAAI;IAC1B;IACAR,yBAAyB,EAAEV,SAAS,CAACmB,IAAI,CAACC;EAC5C,CAAC,CAAC,CAACA;AACL,CAAC;AAED,eAAed,SAAS","ignoreList":[]}

package/dist/DataTable/FilterStatus.js

@@ -4,36 +4,35 @@ import { FormattedMessage } from 'react-intl';
 import DataTableContext from './DataTableContext';
 import Button from '../Button';
 function FilterStatus(_ref) {
-  var className = _ref.className,
-    variant = _ref.variant,
-    size = _ref.size,
-    clearFiltersText = _ref.clearFiltersText,
-    buttonClassName = _ref.buttonClassName,
-    showFilteredFields = _ref.showFilteredFields;
-  var _useContext = useContext(DataTableContext),
-    state = _useContext.state,
-    setAllFilters = _useContext.setAllFilters,
-    headers = _useContext.headers;
+  let {
+    className,
+    variant,
+    size,
+    clearFiltersText,
+    buttonClassName,
+    showFilteredFields
+  } = _ref;
+  const {
+    state,
+    setAllFilters,
+    headers
+  } = useContext(DataTableContext);
   if (!setAllFilters) {
     return null;
   }
-  var headersMap = headers.reduce(function (cur, acc) {
+  const headersMap = headers.reduce((cur, acc) => {
     cur[acc.id] = acc.Header;
     return cur;
   }, {});
-  var filterNames = state.filters ? state.filters.map(function (filter) {
-    return headersMap[filter.id];
-  }) : [];
-  var filterTexts = /*#__PURE__*/React.createElement("p", null, "Filtered by ", filterNames.join(', '));
+  const filterNames = state.filters ? state.filters.map(filter => headersMap[filter.id]) : [];
+  const filterTexts = /*#__PURE__*/React.createElement("p", null, "Filtered by ", filterNames.join(', '));
   return /*#__PURE__*/React.createElement("div", {
     className: className
   }, showFilteredFields && filterTexts, /*#__PURE__*/React.createElement(Button, {
     className: buttonClassName,
     variant: variant,
     size: size,
-    onClick: function onClick() {
-      return setAllFilters([]);
-    }
+    onClick: () => setAllFilters([])
   }, clearFiltersText === undefined ? /*#__PURE__*/React.createElement(FormattedMessage, {
     id: "pgn.DataTable.FilterStatus.clearFiltersText",
     defaultMessage: "Clear filters",

package/dist/DataTable/FilterStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterStatus.js","names":["React","useContext","PropTypes","FormattedMessage","DataTableContext","Button","FilterStatus","_ref","className","variant","size","clearFiltersText","buttonClassName","showFilteredFields","_useContext","state","setAllFilters","headers","headersMap","reduce","cur","acc","id","Header","filterNames","filters","map","filter","filterTexts","createElement","join","onClick","undefined","defaultMessage","description","defaultProps","propTypes","string","oneOfType","element","bool"],"sources":["../../src/DataTable/FilterStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport DataTableContext from './DataTableContext';\nimport Button from '../Button';\n\nfunction FilterStatus({\n  className, variant, size, clearFiltersText, buttonClassName, showFilteredFields,\n}) {\n  const { state, setAllFilters, headers } = useContext(DataTableContext);\n  if (!setAllFilters) {\n    return null;\n  }\n\n  const headersMap = headers.reduce((cur, acc) => {\n    cur[acc.id] = acc.Header;\n    return cur;\n  }, {});\n  const filterNames = state.filters ? state.filters.map((filter) => headersMap[filter.id]) : [];\n  const filterTexts = <p>Filtered by {filterNames.join(', ')}</p>;\n\n  return (\n    <div className={className}>\n      {showFilteredFields && filterTexts}\n      <Button\n        className={buttonClassName}\n        variant={variant}\n        size={size}\n        onClick={() => setAllFilters([])}\n      >\n        {clearFiltersText === undefined\n          ? (\n            <FormattedMessage\n              id=\"pgn.DataTable.FilterStatus.clearFiltersText\"\n              defaultMessage=\"Clear filters\"\n              description=\"A text that appears on the `Clear filters` button\"\n            />\n          )\n          : clearFiltersText}\n      </Button>\n    </div>\n  );\n}\n\nFilterStatus.defaultProps = {\n  /** Specifies class name to append to the base element. */\n  className: null,\n  /** Specifies class name to append to the button. */\n  buttonClassName: 'pgn__smart-status-button',\n  /** The visual style of the `FilterStatus`. */\n  variant: 'link',\n  /** The size of the `FilterStatus`. */\n  size: 'inline',\n  /** A text that appears on the `Clear filters` button, defaults to 'Clear filters'. */\n  clearFiltersText: undefined,\n  /** Whether to display applied filters. */\n  showFilteredFields: true,\n};\n\nFilterStatus.propTypes = {\n  className: PropTypes.string,\n  buttonClassName: PropTypes.string,\n  variant: PropTypes.string,\n  size: PropTypes.string,\n  clearFiltersText: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\n  showFilteredFields: PropTypes.bool,\n};\n\nexport default FilterStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,MAAM,MAAM,WAAW;AAE9B,SAASC,YAAYA,CAAAC,IAAA,EAElB;EAAA,IADDC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,gBAAgB,GAAAJ,IAAA,CAAhBI,gBAAgB;IAAEC,eAAe,GAAAL,IAAA,CAAfK,eAAe;IAAEC,kBAAkB,GAAAN,IAAA,CAAlBM,kBAAkB;EAE/E,IAAAC,WAAA,GAA0Cb,UAAU,CAACG,gBAAgB,CAAC;IAA9DW,KAAK,GAAAD,WAAA,CAALC,KAAK;IAAEC,aAAa,GAAAF,WAAA,CAAbE,aAAa;IAAEC,OAAO,GAAAH,WAAA,CAAPG,OAAO;EACrC,IAAI,CAACD,aAAa,EAAE;IAClB,OAAO,IAAI;EACb;EAEA,IAAME,UAAU,GAAGD,OAAO,CAACE,MAAM,CAAC,UAACC,GAAG,EAAEC,GAAG,EAAK;IAC9CD,GAAG,CAACC,GAAG,CAACC,EAAE,CAAC,GAAGD,GAAG,CAACE,MAAM;IACxB,OAAOH,GAAG;EACZ,CAAC,EAAE,CAAC,CAAC,CAAC;EACN,IAAMI,WAAW,GAAGT,KAAK,CAACU,OAAO,GAAGV,KAAK,CAACU,OAAO,CAACC,GAAG,CAAC,UAACC,MAAM;IAAA,OAAKT,UAAU,CAACS,MAAM,CAACL,EAAE,CAAC;EAAA,EAAC,GAAG,EAAE;EAC7F,IAAMM,WAAW,gBAAG5B,KAAA,CAAA6B,aAAA,YAAG,cAAY,EAACL,WAAW,CAACM,IAAI,CAAC,IAAI,CAAK,CAAC;EAE/D,oBACE9B,KAAA,CAAA6B,aAAA;IAAKrB,SAAS,EAAEA;EAAU,GACvBK,kBAAkB,IAAIe,WAAW,eAClC5B,KAAA,CAAA6B,aAAA,CAACxB,MAAM;IACLG,SAAS,EAAEI,eAAgB;IAC3BH,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXqB,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMf,aAAa,CAAC,EAAE,CAAC;IAAA;EAAC,GAEhCL,gBAAgB,KAAKqB,SAAS,gBAE3BhC,KAAA,CAAA6B,aAAA,CAAC1B,gBAAgB;IACfmB,EAAE,EAAC,6CAA6C;IAChDW,cAAc,EAAC,eAAe;IAC9BC,WAAW,EAAC;EAAmD,CAChE,CAAC,GAEFvB,gBACE,CACL,CAAC;AAEV;AAEAL,YAAY,CAAC6B,YAAY,GAAG;EAC1B;EACA3B,SAAS,EAAE,IAAI;EACf;EACAI,eAAe,EAAE,0BAA0B;EAC3C;EACAH,OAAO,EAAE,MAAM;EACf;EACAC,IAAI,EAAE,QAAQ;EACd;EACAC,gBAAgB,EAAEqB,SAAS;EAC3B;EACAnB,kBAAkB,EAAE;AACtB,CAAC;AAEDP,YAAY,CAAC8B,SAAS,GAAG;EACvB5B,SAAS,EAAEN,SAAS,CAACmC,MAAM;EAC3BzB,eAAe,EAAEV,SAAS,CAACmC,MAAM;EACjC5B,OAAO,EAAEP,SAAS,CAACmC,MAAM;EACzB3B,IAAI,EAAER,SAAS,CAACmC,MAAM;EACtB1B,gBAAgB,EAAET,SAAS,CAACoC,SAAS,CAAC,CAACpC,SAAS,CAACqC,OAAO,EAAErC,SAAS,CAACmC,MAAM,CAAC,CAAC;EAC5ExB,kBAAkB,EAAEX,SAAS,CAACsC;AAChC,CAAC;AAED,eAAelC,YAAY","ignoreList":[]}
+{"version":3,"file":"FilterStatus.js","names":["React","useContext","PropTypes","FormattedMessage","DataTableContext","Button","FilterStatus","_ref","className","variant","size","clearFiltersText","buttonClassName","showFilteredFields","state","setAllFilters","headers","headersMap","reduce","cur","acc","id","Header","filterNames","filters","map","filter","filterTexts","createElement","join","onClick","undefined","defaultMessage","description","defaultProps","propTypes","string","oneOfType","element","bool"],"sources":["../../src/DataTable/FilterStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport DataTableContext from './DataTableContext';\nimport Button from '../Button';\n\nfunction FilterStatus({\n  className, variant, size, clearFiltersText, buttonClassName, showFilteredFields,\n}) {\n  const { state, setAllFilters, headers } = useContext(DataTableContext);\n  if (!setAllFilters) {\n    return null;\n  }\n\n  const headersMap = headers.reduce((cur, acc) => {\n    cur[acc.id] = acc.Header;\n    return cur;\n  }, {});\n  const filterNames = state.filters ? state.filters.map((filter) => headersMap[filter.id]) : [];\n  const filterTexts = <p>Filtered by {filterNames.join(', ')}</p>;\n\n  return (\n    <div className={className}>\n      {showFilteredFields && filterTexts}\n      <Button\n        className={buttonClassName}\n        variant={variant}\n        size={size}\n        onClick={() => setAllFilters([])}\n      >\n        {clearFiltersText === undefined\n          ? (\n            <FormattedMessage\n              id=\"pgn.DataTable.FilterStatus.clearFiltersText\"\n              defaultMessage=\"Clear filters\"\n              description=\"A text that appears on the `Clear filters` button\"\n            />\n          )\n          : clearFiltersText}\n      </Button>\n    </div>\n  );\n}\n\nFilterStatus.defaultProps = {\n  /** Specifies class name to append to the base element. */\n  className: null,\n  /** Specifies class name to append to the button. */\n  buttonClassName: 'pgn__smart-status-button',\n  /** The visual style of the `FilterStatus`. */\n  variant: 'link',\n  /** The size of the `FilterStatus`. */\n  size: 'inline',\n  /** A text that appears on the `Clear filters` button, defaults to 'Clear filters'. */\n  clearFiltersText: undefined,\n  /** Whether to display applied filters. */\n  showFilteredFields: true,\n};\n\nFilterStatus.propTypes = {\n  className: PropTypes.string,\n  buttonClassName: PropTypes.string,\n  variant: PropTypes.string,\n  size: PropTypes.string,\n  clearFiltersText: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\n  showFilteredFields: PropTypes.bool,\n};\n\nexport default FilterStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,MAAM,MAAM,WAAW;AAE9B,SAASC,YAAYA,CAAAC,IAAA,EAElB;EAAA,IAFmB;IACpBC,SAAS;IAAEC,OAAO;IAAEC,IAAI;IAAEC,gBAAgB;IAAEC,eAAe;IAAEC;EAC/D,CAAC,GAAAN,IAAA;EACC,MAAM;IAAEO,KAAK;IAAEC,aAAa;IAAEC;EAAQ,CAAC,GAAGf,UAAU,CAACG,gBAAgB,CAAC;EACtE,IAAI,CAACW,aAAa,EAAE;IAClB,OAAO,IAAI;EACb;EAEA,MAAME,UAAU,GAAGD,OAAO,CAACE,MAAM,CAAC,CAACC,GAAG,EAAEC,GAAG,KAAK;IAC9CD,GAAG,CAACC,GAAG,CAACC,EAAE,CAAC,GAAGD,GAAG,CAACE,MAAM;IACxB,OAAOH,GAAG;EACZ,CAAC,EAAE,CAAC,CAAC,CAAC;EACN,MAAMI,WAAW,GAAGT,KAAK,CAACU,OAAO,GAAGV,KAAK,CAACU,OAAO,CAACC,GAAG,CAAEC,MAAM,IAAKT,UAAU,CAACS,MAAM,CAACL,EAAE,CAAC,CAAC,GAAG,EAAE;EAC7F,MAAMM,WAAW,gBAAG3B,KAAA,CAAA4B,aAAA,YAAG,cAAY,EAACL,WAAW,CAACM,IAAI,CAAC,IAAI,CAAK,CAAC;EAE/D,oBACE7B,KAAA,CAAA4B,aAAA;IAAKpB,SAAS,EAAEA;EAAU,GACvBK,kBAAkB,IAAIc,WAAW,eAClC3B,KAAA,CAAA4B,aAAA,CAACvB,MAAM;IACLG,SAAS,EAAEI,eAAgB;IAC3BH,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXoB,OAAO,EAAEA,CAAA,KAAMf,aAAa,CAAC,EAAE;EAAE,GAEhCJ,gBAAgB,KAAKoB,SAAS,gBAE3B/B,KAAA,CAAA4B,aAAA,CAACzB,gBAAgB;IACfkB,EAAE,EAAC,6CAA6C;IAChDW,cAAc,EAAC,eAAe;IAC9BC,WAAW,EAAC;EAAmD,CAChE,CAAC,GAEFtB,gBACE,CACL,CAAC;AAEV;AAEAL,YAAY,CAAC4B,YAAY,GAAG;EAC1B;EACA1B,SAAS,EAAE,IAAI;EACf;EACAI,eAAe,EAAE,0BAA0B;EAC3C;EACAH,OAAO,EAAE,MAAM;EACf;EACAC,IAAI,EAAE,QAAQ;EACd;EACAC,gBAAgB,EAAEoB,SAAS;EAC3B;EACAlB,kBAAkB,EAAE;AACtB,CAAC;AAEDP,YAAY,CAAC6B,SAAS,GAAG;EACvB3B,SAAS,EAAEN,SAAS,CAACkC,MAAM;EAC3BxB,eAAe,EAAEV,SAAS,CAACkC,MAAM;EACjC3B,OAAO,EAAEP,SAAS,CAACkC,MAAM;EACzB1B,IAAI,EAAER,SAAS,CAACkC,MAAM;EACtBzB,gBAAgB,EAAET,SAAS,CAACmC,SAAS,CAAC,CAACnC,SAAS,CAACoC,OAAO,EAAEpC,SAAS,CAACkC,MAAM,CAAC,CAAC;EAC5EvB,kBAAkB,EAAEX,SAAS,CAACqC;AAChC,CAAC;AAED,eAAejC,YAAY","ignoreList":[]}

package/dist/DataTable/RowStatus.js

@@ -3,18 +3,21 @@ import PropTypes from 'prop-types';
 import { FormattedMessage } from 'react-intl';
 import DataTableContext from './DataTableContext';
 function RowStatus(_ref) {
-  var className = _ref.className,
-    statusText = _ref.statusText;
-  var _useContext = useContext(DataTableContext),
-    page = _useContext.page,
-    rows = _useContext.rows,
-    itemCount = _useContext.itemCount,
-    state = _useContext.state;
-  var rowCount = (page === null || page === void 0 ? void 0 : page.length) || (rows === null || rows === void 0 ? void 0 : rows.length);
-  var pageSize = (state === null || state === void 0 ? void 0 : state.pageSize) || 0;
-  var pageIndex = (state === null || state === void 0 ? void 0 : state.pageIndex) || 0;
-  var firstRow = pageSize * pageIndex + 1;
-  var lastRow = firstRow + rowCount - 1;
+  let {
+    className,
+    statusText
+  } = _ref;
+  const {
+    page,
+    rows,
+    itemCount,
+    state
+  } = useContext(DataTableContext);
+  const rowCount = page?.length || rows?.length;
+  const pageSize = state?.pageSize || 0;
+  const pageIndex = state?.pageIndex || 0;
+  const firstRow = pageSize * pageIndex + 1;
+  const lastRow = firstRow + rowCount - 1;
   if (!rowCount) {
     return null;
   }
@@ -26,9 +29,9 @@ function RowStatus(_ref) {
     defaultMessage: "Showing {firstRow} - {lastRow} of {itemCount}.",
     description: "A text describing how many rows is shown in the table",
     values: {
-      itemCount: itemCount,
-      firstRow: firstRow,
-      lastRow: lastRow
+      itemCount,
+      firstRow,
+      lastRow
     }
   }));
 }

package/dist/DataTable/RowStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowStatus.js","names":["React","useContext","PropTypes","FormattedMessage","DataTableContext","RowStatus","_ref","className","statusText","_useContext","page","rows","itemCount","state","rowCount","length","pageSize","pageIndex","firstRow","lastRow","createElement","id","defaultMessage","description","values","propTypes","string","oneOfType","element","defaultProps","undefined"],"sources":["../../src/DataTable/RowStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport DataTableContext from './DataTableContext';\n\nfunction RowStatus({ className, statusText }) {\n  const {\n    page, rows, itemCount, state,\n  } = useContext(DataTableContext);\n  const rowCount = page?.length || rows?.length;\n  const pageSize = state?.pageSize || 0;\n  const pageIndex = state?.pageIndex || 0;\n  const firstRow = pageSize * pageIndex + 1;\n  const lastRow = firstRow + rowCount - 1;\n\n  if (!rowCount) {\n    return null;\n  }\n  return (\n    <div className={className} data-testid=\"row-status\">\n      {statusText || (\n        <FormattedMessage\n          id=\"pgn.DataTable.RowStatus.statusText\"\n          defaultMessage=\"Showing {firstRow} - {lastRow} of {itemCount}.\"\n          description=\"A text describing how many rows is shown in the table\"\n          values={{ itemCount, firstRow, lastRow }}\n        />\n      )}\n    </div>\n  );\n}\n\nRowStatus.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** A text describing how many rows is shown in the table. */\n  statusText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nRowStatus.defaultProps = {\n  className: undefined,\n  statusText: undefined,\n};\n\nexport default RowStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,SAASA,CAAAC,IAAA,EAA4B;EAAA,IAAzBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;EACxC,IAAAC,WAAA,GAEIR,UAAU,CAACG,gBAAgB,CAAC;IAD9BM,IAAI,GAAAD,WAAA,CAAJC,IAAI;IAAEC,IAAI,GAAAF,WAAA,CAAJE,IAAI;IAAEC,SAAS,GAAAH,WAAA,CAATG,SAAS;IAAEC,KAAK,GAAAJ,WAAA,CAALI,KAAK;EAE9B,IAAMC,QAAQ,GAAG,CAAAJ,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEK,MAAM,MAAIJ,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEI,MAAM;EAC7C,IAAMC,QAAQ,GAAG,CAAAH,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEG,QAAQ,KAAI,CAAC;EACrC,IAAMC,SAAS,GAAG,CAAAJ,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEI,SAAS,KAAI,CAAC;EACvC,IAAMC,QAAQ,GAAGF,QAAQ,GAAGC,SAAS,GAAG,CAAC;EACzC,IAAME,OAAO,GAAGD,QAAQ,GAAGJ,QAAQ,GAAG,CAAC;EAEvC,IAAI,CAACA,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EACA,oBACEd,KAAA,CAAAoB,aAAA;IAAKb,SAAS,EAAEA,SAAU;IAAC,eAAY;EAAY,GAChDC,UAAU,iBACTR,KAAA,CAAAoB,aAAA,CAACjB,gBAAgB;IACfkB,EAAE,EAAC,oCAAoC;IACvCC,cAAc,EAAC,gDAAgD;IAC/DC,WAAW,EAAC,uDAAuD;IACnEC,MAAM,EAAE;MAAEZ,SAAS,EAATA,SAAS;MAAEM,QAAQ,EAARA,QAAQ;MAAEC,OAAO,EAAPA;IAAQ;EAAE,CAC1C,CAEA,CAAC;AAEV;AAEAd,SAAS,CAACoB,SAAS,GAAG;EACpB;EACAlB,SAAS,EAAEL,SAAS,CAACwB,MAAM;EAC3B;EACAlB,UAAU,EAAEN,SAAS,CAACyB,SAAS,CAAC,CAACzB,SAAS,CAACwB,MAAM,EAAExB,SAAS,CAAC0B,OAAO,CAAC;AACvE,CAAC;AAEDvB,SAAS,CAACwB,YAAY,GAAG;EACvBtB,SAAS,EAAEuB,SAAS;EACpBtB,UAAU,EAAEsB;AACd,CAAC;AAED,eAAezB,SAAS","ignoreList":[]}
+{"version":3,"file":"RowStatus.js","names":["React","useContext","PropTypes","FormattedMessage","DataTableContext","RowStatus","_ref","className","statusText","page","rows","itemCount","state","rowCount","length","pageSize","pageIndex","firstRow","lastRow","createElement","id","defaultMessage","description","values","propTypes","string","oneOfType","element","defaultProps","undefined"],"sources":["../../src/DataTable/RowStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport DataTableContext from './DataTableContext';\n\nfunction RowStatus({ className, statusText }) {\n  const {\n    page, rows, itemCount, state,\n  } = useContext(DataTableContext);\n  const rowCount = page?.length || rows?.length;\n  const pageSize = state?.pageSize || 0;\n  const pageIndex = state?.pageIndex || 0;\n  const firstRow = pageSize * pageIndex + 1;\n  const lastRow = firstRow + rowCount - 1;\n\n  if (!rowCount) {\n    return null;\n  }\n  return (\n    <div className={className} data-testid=\"row-status\">\n      {statusText || (\n        <FormattedMessage\n          id=\"pgn.DataTable.RowStatus.statusText\"\n          defaultMessage=\"Showing {firstRow} - {lastRow} of {itemCount}.\"\n          description=\"A text describing how many rows is shown in the table\"\n          values={{ itemCount, firstRow, lastRow }}\n        />\n      )}\n    </div>\n  );\n}\n\nRowStatus.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** A text describing how many rows is shown in the table. */\n  statusText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nRowStatus.defaultProps = {\n  className: undefined,\n  statusText: undefined,\n};\n\nexport default RowStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,SAASA,CAAAC,IAAA,EAA4B;EAAA,IAA3B;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAAF,IAAA;EAC1C,MAAM;IACJG,IAAI;IAAEC,IAAI;IAAEC,SAAS;IAAEC;EACzB,CAAC,GAAGX,UAAU,CAACG,gBAAgB,CAAC;EAChC,MAAMS,QAAQ,GAAGJ,IAAI,EAAEK,MAAM,IAAIJ,IAAI,EAAEI,MAAM;EAC7C,MAAMC,QAAQ,GAAGH,KAAK,EAAEG,QAAQ,IAAI,CAAC;EACrC,MAAMC,SAAS,GAAGJ,KAAK,EAAEI,SAAS,IAAI,CAAC;EACvC,MAAMC,QAAQ,GAAGF,QAAQ,GAAGC,SAAS,GAAG,CAAC;EACzC,MAAME,OAAO,GAAGD,QAAQ,GAAGJ,QAAQ,GAAG,CAAC;EAEvC,IAAI,CAACA,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EACA,oBACEb,KAAA,CAAAmB,aAAA;IAAKZ,SAAS,EAAEA,SAAU;IAAC,eAAY;EAAY,GAChDC,UAAU,iBACTR,KAAA,CAAAmB,aAAA,CAAChB,gBAAgB;IACfiB,EAAE,EAAC,oCAAoC;IACvCC,cAAc,EAAC,gDAAgD;IAC/DC,WAAW,EAAC,uDAAuD;IACnEC,MAAM,EAAE;MAAEZ,SAAS;MAAEM,QAAQ;MAAEC;IAAQ;EAAE,CAC1C,CAEA,CAAC;AAEV;AAEAb,SAAS,CAACmB,SAAS,GAAG;EACpB;EACAjB,SAAS,EAAEL,SAAS,CAACuB,MAAM;EAC3B;EACAjB,UAAU,EAAEN,SAAS,CAACwB,SAAS,CAAC,CAACxB,SAAS,CAACuB,MAAM,EAAEvB,SAAS,CAACyB,OAAO,CAAC;AACvE,CAAC;AAEDtB,SAAS,CAACuB,YAAY,GAAG;EACvBrB,SAAS,EAAEsB,SAAS;EACpBrB,UAAU,EAAEqB;AACd,CAAC;AAED,eAAexB,SAAS","ignoreList":[]}

package/dist/DataTable/SidebarFilters.js

@@ -4,16 +4,15 @@ import { FormattedMessage } from 'react-intl';
 import DataTableContext from './DataTableContext';
 import FilterStatus from './FilterStatus';
 function SidebarFilters(_ref) {
-  var title = _ref.title;
-  var _useContext = useContext(DataTableContext),
-    state = _useContext.state,
-    columns = _useContext.columns;
-  var availableFilters = useMemo(function () {
-    return columns.filter(function (column) {
-      return column.canFilter;
-    });
-  }, [columns]);
-  var filtersApplied = (state === null || state === void 0 ? void 0 : state.filters) && state.filters.length > 0;
+  let {
+    title
+  } = _ref;
+  const {
+    state,
+    columns
+  } = useContext(DataTableContext);
+  const availableFilters = useMemo(() => columns.filter(column => column.canFilter), [columns]);
+  const filtersApplied = state?.filters && state.filters.length > 0;
   return /*#__PURE__*/React.createElement("div", {
     className: "pgn__data-table-side-filters"
   }, /*#__PURE__*/React.createElement("h3", {
@@ -22,12 +21,10 @@ function SidebarFilters(_ref) {
     id: "pgn.DataTable.SidebarFilters.title",
     defaultMessage: "Filters",
     description: "Title for the sidebar filters component"
-  })), /*#__PURE__*/React.createElement("hr", null), availableFilters.map(function (column) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: column.Header,
-      className: "pgn__data-table-side-filters-item"
-    }, column.render('Filter'));
-  }), filtersApplied && /*#__PURE__*/React.createElement(FilterStatus, {
+  })), /*#__PURE__*/React.createElement("hr", null), availableFilters.map(column => /*#__PURE__*/React.createElement("div", {
+    key: column.Header,
+    className: "pgn__data-table-side-filters-item"
+  }, column.render('Filter'))), filtersApplied && /*#__PURE__*/React.createElement(FilterStatus, {
     className: "pgn__data-table-side-filters-status",
     showFilteredFields: false,
     variant: "tertiary"

package/dist/DataTable/SidebarFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarFilters.js","names":["React","useContext","useMemo","PropTypes","FormattedMessage","DataTableContext","FilterStatus","SidebarFilters","_ref","title","_useContext","state","columns","availableFilters","filter","column","canFilter","filtersApplied","filters","length","createElement","className","id","defaultMessage","description","map","key","Header","render","showFilteredFields","variant","propTypes","oneOfType","string","element","defaultProps","undefined"],"sources":["../../src/DataTable/SidebarFilters.jsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\n\nimport DataTableContext from './DataTableContext';\nimport FilterStatus from './FilterStatus';\n\nfunction SidebarFilters({ title }) {\n  const { state, columns } = useContext(DataTableContext);\n  const availableFilters = useMemo(() => columns.filter((column) => column.canFilter), [columns]);\n  const filtersApplied = state?.filters && state.filters.length > 0;\n  return (\n    <div className=\"pgn__data-table-side-filters\">\n      <h3 className=\"pgn__data-table-side-filters-title\">\n        {title || (\n          <FormattedMessage\n            id=\"pgn.DataTable.SidebarFilters.title\"\n            defaultMessage=\"Filters\"\n            description=\"Title for the sidebar filters component\"\n          />\n        )}\n      </h3>\n      <hr />\n      {availableFilters.map(column => (\n        <div\n          key={column.Header}\n          className=\"pgn__data-table-side-filters-item\"\n        >\n          {column.render('Filter')}\n        </div>\n      ))}\n      {filtersApplied && (\n      <FilterStatus\n        className=\"pgn__data-table-side-filters-status\"\n        showFilteredFields={false}\n        variant=\"tertiary\"\n      />\n      )}\n    </div>\n  );\n}\n\nSidebarFilters.propTypes = {\n  /** Specifies the title to show near the filters, default to 'Filters'. */\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nSidebarFilters.defaultProps = {\n  title: undefined,\n};\n\nexport default SidebarFilters;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAE7C,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,SAASC,cAAcA,CAAAC,IAAA,EAAY;EAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAC7B,IAAAC,WAAA,GAA2BT,UAAU,CAACI,gBAAgB,CAAC;IAA/CM,KAAK,GAAAD,WAAA,CAALC,KAAK;IAAEC,OAAO,GAAAF,WAAA,CAAPE,OAAO;EACtB,IAAMC,gBAAgB,GAAGX,OAAO,CAAC;IAAA,OAAMU,OAAO,CAACE,MAAM,CAAC,UAACC,MAAM;MAAA,OAAKA,MAAM,CAACC,SAAS;IAAA,EAAC;EAAA,GAAE,CAACJ,OAAO,CAAC,CAAC;EAC/F,IAAMK,cAAc,GAAG,CAAAN,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEO,OAAO,KAAIP,KAAK,CAACO,OAAO,CAACC,MAAM,GAAG,CAAC;EACjE,oBACEnB,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC;EAA8B,gBAC3CrB,KAAA,CAAAoB,aAAA;IAAIC,SAAS,EAAC;EAAoC,GAC/CZ,KAAK,iBACJT,KAAA,CAAAoB,aAAA,CAAChB,gBAAgB;IACfkB,EAAE,EAAC,oCAAoC;IACvCC,cAAc,EAAC,SAAS;IACxBC,WAAW,EAAC;EAAyC,CACtD,CAED,CAAC,eACLxB,KAAA,CAAAoB,aAAA,WAAK,CAAC,EACLP,gBAAgB,CAACY,GAAG,CAAC,UAAAV,MAAM;IAAA,oBAC1Bf,KAAA,CAAAoB,aAAA;MACEM,GAAG,EAAEX,MAAM,CAACY,MAAO;MACnBN,SAAS,EAAC;IAAmC,GAE5CN,MAAM,CAACa,MAAM,CAAC,QAAQ,CACpB,CAAC;EAAA,CACP,CAAC,EACDX,cAAc,iBACfjB,KAAA,CAAAoB,aAAA,CAACd,YAAY;IACXe,SAAS,EAAC,qCAAqC;IAC/CQ,kBAAkB,EAAE,KAAM;IAC1BC,OAAO,EAAC;EAAU,CACnB,CAEE,CAAC;AAEV;AAEAvB,cAAc,CAACwB,SAAS,GAAG;EACzB;EACAtB,KAAK,EAAEN,SAAS,CAAC6B,SAAS,CAAC,CAAC7B,SAAS,CAAC8B,MAAM,EAAE9B,SAAS,CAAC+B,OAAO,CAAC;AAClE,CAAC;AAED3B,cAAc,CAAC4B,YAAY,GAAG;EAC5B1B,KAAK,EAAE2B;AACT,CAAC;AAED,eAAe7B,cAAc","ignoreList":[]}
+{"version":3,"file":"SidebarFilters.js","names":["React","useContext","useMemo","PropTypes","FormattedMessage","DataTableContext","FilterStatus","SidebarFilters","_ref","title","state","columns","availableFilters","filter","column","canFilter","filtersApplied","filters","length","createElement","className","id","defaultMessage","description","map","key","Header","render","showFilteredFields","variant","propTypes","oneOfType","string","element","defaultProps","undefined"],"sources":["../../src/DataTable/SidebarFilters.jsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\n\nimport DataTableContext from './DataTableContext';\nimport FilterStatus from './FilterStatus';\n\nfunction SidebarFilters({ title }) {\n  const { state, columns } = useContext(DataTableContext);\n  const availableFilters = useMemo(() => columns.filter((column) => column.canFilter), [columns]);\n  const filtersApplied = state?.filters && state.filters.length > 0;\n  return (\n    <div className=\"pgn__data-table-side-filters\">\n      <h3 className=\"pgn__data-table-side-filters-title\">\n        {title || (\n          <FormattedMessage\n            id=\"pgn.DataTable.SidebarFilters.title\"\n            defaultMessage=\"Filters\"\n            description=\"Title for the sidebar filters component\"\n          />\n        )}\n      </h3>\n      <hr />\n      {availableFilters.map(column => (\n        <div\n          key={column.Header}\n          className=\"pgn__data-table-side-filters-item\"\n        >\n          {column.render('Filter')}\n        </div>\n      ))}\n      {filtersApplied && (\n      <FilterStatus\n        className=\"pgn__data-table-side-filters-status\"\n        showFilteredFields={false}\n        variant=\"tertiary\"\n      />\n      )}\n    </div>\n  );\n}\n\nSidebarFilters.propTypes = {\n  /** Specifies the title to show near the filters, default to 'Filters'. */\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nSidebarFilters.defaultProps = {\n  title: undefined,\n};\n\nexport default SidebarFilters;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAE7C,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,SAASC,cAAcA,CAAAC,IAAA,EAAY;EAAA,IAAX;IAAEC;EAAM,CAAC,GAAAD,IAAA;EAC/B,MAAM;IAAEE,KAAK;IAAEC;EAAQ,CAAC,GAAGV,UAAU,CAACI,gBAAgB,CAAC;EACvD,MAAMO,gBAAgB,GAAGV,OAAO,CAAC,MAAMS,OAAO,CAACE,MAAM,CAAEC,MAAM,IAAKA,MAAM,CAACC,SAAS,CAAC,EAAE,CAACJ,OAAO,CAAC,CAAC;EAC/F,MAAMK,cAAc,GAAGN,KAAK,EAAEO,OAAO,IAAIP,KAAK,CAACO,OAAO,CAACC,MAAM,GAAG,CAAC;EACjE,oBACElB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAC;EAA8B,gBAC3CpB,KAAA,CAAAmB,aAAA;IAAIC,SAAS,EAAC;EAAoC,GAC/CX,KAAK,iBACJT,KAAA,CAAAmB,aAAA,CAACf,gBAAgB;IACfiB,EAAE,EAAC,oCAAoC;IACvCC,cAAc,EAAC,SAAS;IACxBC,WAAW,EAAC;EAAyC,CACtD,CAED,CAAC,eACLvB,KAAA,CAAAmB,aAAA,WAAK,CAAC,EACLP,gBAAgB,CAACY,GAAG,CAACV,MAAM,iBAC1Bd,KAAA,CAAAmB,aAAA;IACEM,GAAG,EAAEX,MAAM,CAACY,MAAO;IACnBN,SAAS,EAAC;EAAmC,GAE5CN,MAAM,CAACa,MAAM,CAAC,QAAQ,CACpB,CACN,CAAC,EACDX,cAAc,iBACfhB,KAAA,CAAAmB,aAAA,CAACb,YAAY;IACXc,SAAS,EAAC,qCAAqC;IAC/CQ,kBAAkB,EAAE,KAAM;IAC1BC,OAAO,EAAC;EAAU,CACnB,CAEE,CAAC;AAEV;AAEAtB,cAAc,CAACuB,SAAS,GAAG;EACzB;EACArB,KAAK,EAAEN,SAAS,CAAC4B,SAAS,CAAC,CAAC5B,SAAS,CAAC6B,MAAM,EAAE7B,SAAS,CAAC8B,OAAO,CAAC;AAClE,CAAC;AAED1B,cAAc,CAAC2B,YAAY,GAAG;EAC5BzB,KAAK,EAAE0B;AACT,CAAC;AAED,eAAe5B,cAAc","ignoreList":[]}

package/dist/DataTable/SmartStatus.js

@@ -3,26 +3,28 @@ import DataTableContext from './DataTableContext';
 import FilterStatusDefault from './FilterStatus';
 import RowStatusDefault from './RowStatus';
 import SelectionStatusDefault from './selection/SelectionStatus';
-var SMART_STATUS_CLASS = 'pgn__smart-status';
+const SMART_STATUS_CLASS = 'pgn__smart-status';
 function SmartStatus() {
-  var _state$filters;
-  var _useContext = useContext(DataTableContext),
-    state = _useContext.state,
-    SelectionStatusComponent = _useContext.SelectionStatusComponent,
-    FilterStatusComponent = _useContext.FilterStatusComponent,
-    RowStatusComponent = _useContext.RowStatusComponent,
-    showFiltersInSidebar = _useContext.showFiltersInSidebar;
-  var selectedRowIds = state.selectedRowIds;
-  var numSelectedRows = Object.keys(selectedRowIds || {}).length;
-  var SelectionStatus = SelectionStatusComponent || SelectionStatusDefault;
-  var FilterStatus = FilterStatusComponent || FilterStatusDefault;
-  var RowStatus = RowStatusComponent || RowStatusDefault;
+  const {
+    state,
+    SelectionStatusComponent,
+    FilterStatusComponent,
+    RowStatusComponent,
+    showFiltersInSidebar
+  } = useContext(DataTableContext);
+  const {
+    selectedRowIds
+  } = state;
+  const numSelectedRows = Object.keys(selectedRowIds || {}).length;
+  const SelectionStatus = SelectionStatusComponent || SelectionStatusDefault;
+  const FilterStatus = FilterStatusComponent || FilterStatusDefault;
+  const RowStatus = RowStatusComponent || RowStatusDefault;
   if (numSelectedRows > 0) {
     return /*#__PURE__*/React.createElement(SelectionStatus, {
       className: SMART_STATUS_CLASS
     });
   }
-  if ((state === null || state === void 0 ? void 0 : (_state$filters = state.filters) === null || _state$filters === void 0 ? void 0 : _state$filters.length) > 0 && !showFiltersInSidebar) {
+  if (state?.filters?.length > 0 && !showFiltersInSidebar) {
     return /*#__PURE__*/React.createElement(FilterStatus, {
       className: SMART_STATUS_CLASS
     });

package/dist/DataTable/SmartStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmartStatus.js","names":["React","useContext","DataTableContext","FilterStatusDefault","RowStatusDefault","SelectionStatusDefault","SMART_STATUS_CLASS","SmartStatus","_state$filters","_useContext","state","SelectionStatusComponent","FilterStatusComponent","RowStatusComponent","showFiltersInSidebar","selectedRowIds","numSelectedRows","Object","keys","length","SelectionStatus","FilterStatus","RowStatus","createElement","className","filters"],"sources":["../../src/DataTable/SmartStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport DataTableContext from './DataTableContext';\nimport FilterStatusDefault from './FilterStatus';\nimport RowStatusDefault from './RowStatus';\nimport SelectionStatusDefault from './selection/SelectionStatus';\n\nconst SMART_STATUS_CLASS = 'pgn__smart-status';\n\nfunction SmartStatus() {\n  const {\n    state,\n    SelectionStatusComponent,\n    FilterStatusComponent,\n    RowStatusComponent,\n    showFiltersInSidebar,\n  } = useContext(DataTableContext);\n  const { selectedRowIds } = state;\n  const numSelectedRows = Object.keys(selectedRowIds || {}).length;\n  const SelectionStatus = SelectionStatusComponent || SelectionStatusDefault;\n  const FilterStatus = FilterStatusComponent || FilterStatusDefault;\n  const RowStatus = RowStatusComponent || RowStatusDefault;\n\n  if (numSelectedRows > 0) {\n    return (\n      <SelectionStatus\n        className={SMART_STATUS_CLASS}\n      />\n    );\n  }\n  if (state?.filters?.length > 0 && !showFiltersInSidebar) {\n    return (\n      <FilterStatus\n        className={SMART_STATUS_CLASS}\n      />\n    );\n  }\n  return (\n    <RowStatus\n      className={SMART_STATUS_CLASS}\n    />\n  );\n}\n\nexport default SmartStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,mBAAmB,MAAM,gBAAgB;AAChD,OAAOC,gBAAgB,MAAM,aAAa;AAC1C,OAAOC,sBAAsB,MAAM,6BAA6B;AAEhE,IAAMC,kBAAkB,GAAG,mBAAmB;AAE9C,SAASC,WAAWA,CAAA,EAAG;EAAA,IAAAC,cAAA;EACrB,IAAAC,WAAA,GAMIR,UAAU,CAACC,gBAAgB,CAAC;IAL9BQ,KAAK,GAAAD,WAAA,CAALC,KAAK;IACLC,wBAAwB,GAAAF,WAAA,CAAxBE,wBAAwB;IACxBC,qBAAqB,GAAAH,WAAA,CAArBG,qBAAqB;IACrBC,kBAAkB,GAAAJ,WAAA,CAAlBI,kBAAkB;IAClBC,oBAAoB,GAAAL,WAAA,CAApBK,oBAAoB;EAEtB,IAAQC,cAAc,GAAKL,KAAK,CAAxBK,cAAc;EACtB,IAAMC,eAAe,GAAGC,MAAM,CAACC,IAAI,CAACH,cAAc,IAAI,CAAC,CAAC,CAAC,CAACI,MAAM;EAChE,IAAMC,eAAe,GAAGT,wBAAwB,IAAIN,sBAAsB;EAC1E,IAAMgB,YAAY,GAAGT,qBAAqB,IAAIT,mBAAmB;EACjE,IAAMmB,SAAS,GAAGT,kBAAkB,IAAIT,gBAAgB;EAExD,IAAIY,eAAe,GAAG,CAAC,EAAE;IACvB,oBACEhB,KAAA,CAAAuB,aAAA,CAACH,eAAe;MACdI,SAAS,EAAElB;IAAmB,CAC/B,CAAC;EAEN;EACA,IAAI,CAAAI,KAAK,aAALA,KAAK,wBAAAF,cAAA,GAALE,KAAK,CAAEe,OAAO,cAAAjB,cAAA,uBAAdA,cAAA,CAAgBW,MAAM,IAAG,CAAC,IAAI,CAACL,oBAAoB,EAAE;IACvD,oBACEd,KAAA,CAAAuB,aAAA,CAACF,YAAY;MACXG,SAAS,EAAElB;IAAmB,CAC/B,CAAC;EAEN;EACA,oBACEN,KAAA,CAAAuB,aAAA,CAACD,SAAS;IACRE,SAAS,EAAElB;EAAmB,CAC/B,CAAC;AAEN;AAEA,eAAeC,WAAW","ignoreList":[]}
+{"version":3,"file":"SmartStatus.js","names":["React","useContext","DataTableContext","FilterStatusDefault","RowStatusDefault","SelectionStatusDefault","SMART_STATUS_CLASS","SmartStatus","state","SelectionStatusComponent","FilterStatusComponent","RowStatusComponent","showFiltersInSidebar","selectedRowIds","numSelectedRows","Object","keys","length","SelectionStatus","FilterStatus","RowStatus","createElement","className","filters"],"sources":["../../src/DataTable/SmartStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport DataTableContext from './DataTableContext';\nimport FilterStatusDefault from './FilterStatus';\nimport RowStatusDefault from './RowStatus';\nimport SelectionStatusDefault from './selection/SelectionStatus';\n\nconst SMART_STATUS_CLASS = 'pgn__smart-status';\n\nfunction SmartStatus() {\n  const {\n    state,\n    SelectionStatusComponent,\n    FilterStatusComponent,\n    RowStatusComponent,\n    showFiltersInSidebar,\n  } = useContext(DataTableContext);\n  const { selectedRowIds } = state;\n  const numSelectedRows = Object.keys(selectedRowIds || {}).length;\n  const SelectionStatus = SelectionStatusComponent || SelectionStatusDefault;\n  const FilterStatus = FilterStatusComponent || FilterStatusDefault;\n  const RowStatus = RowStatusComponent || RowStatusDefault;\n\n  if (numSelectedRows > 0) {\n    return (\n      <SelectionStatus\n        className={SMART_STATUS_CLASS}\n      />\n    );\n  }\n  if (state?.filters?.length > 0 && !showFiltersInSidebar) {\n    return (\n      <FilterStatus\n        className={SMART_STATUS_CLASS}\n      />\n    );\n  }\n  return (\n    <RowStatus\n      className={SMART_STATUS_CLASS}\n    />\n  );\n}\n\nexport default SmartStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,mBAAmB,MAAM,gBAAgB;AAChD,OAAOC,gBAAgB,MAAM,aAAa;AAC1C,OAAOC,sBAAsB,MAAM,6BAA6B;AAEhE,MAAMC,kBAAkB,GAAG,mBAAmB;AAE9C,SAASC,WAAWA,CAAA,EAAG;EACrB,MAAM;IACJC,KAAK;IACLC,wBAAwB;IACxBC,qBAAqB;IACrBC,kBAAkB;IAClBC;EACF,CAAC,GAAGX,UAAU,CAACC,gBAAgB,CAAC;EAChC,MAAM;IAAEW;EAAe,CAAC,GAAGL,KAAK;EAChC,MAAMM,eAAe,GAAGC,MAAM,CAACC,IAAI,CAACH,cAAc,IAAI,CAAC,CAAC,CAAC,CAACI,MAAM;EAChE,MAAMC,eAAe,GAAGT,wBAAwB,IAAIJ,sBAAsB;EAC1E,MAAMc,YAAY,GAAGT,qBAAqB,IAAIP,mBAAmB;EACjE,MAAMiB,SAAS,GAAGT,kBAAkB,IAAIP,gBAAgB;EAExD,IAAIU,eAAe,GAAG,CAAC,EAAE;IACvB,oBACEd,KAAA,CAAAqB,aAAA,CAACH,eAAe;MACdI,SAAS,EAAEhB;IAAmB,CAC/B,CAAC;EAEN;EACA,IAAIE,KAAK,EAAEe,OAAO,EAAEN,MAAM,GAAG,CAAC,IAAI,CAACL,oBAAoB,EAAE;IACvD,oBACEZ,KAAA,CAAAqB,aAAA,CAACF,YAAY;MACXG,SAAS,EAAEhB;IAAmB,CAC/B,CAAC;EAEN;EACA,oBACEN,KAAA,CAAAqB,aAAA,CAACD,SAAS;IACRE,SAAS,EAAEhB;EAAmB,CAC/B,CAAC;AAEN;AAEA,eAAeC,WAAW","ignoreList":[]}

package/dist/DataTable/Table.js

@@ -1,9 +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); }
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -13,24 +7,26 @@ import TableRow from './TableRow';
 import { useRows } from './hooks';
 import DataTableContext from './DataTableContext';
 function Table(_ref) {
-  var isStriped = _ref.isStriped;
-  var _useRows = useRows(),
-    getTableProps = _useRows.getTableProps,
-    prepareRow = _useRows.prepareRow,
-    displayRows = _useRows.displayRows,
-    headerGroups = _useRows.headerGroups,
-    getTableBodyProps = _useRows.getTableBodyProps;
-  var _useContext = useContext(DataTableContext),
-    isLoading = _useContext.isLoading;
-  var renderRows = function renderRows() {
-    return displayRows.map(function (row) {
-      prepareRow(row);
-      return /*#__PURE__*/React.createElement(TableRow, {
-        row: row,
-        key: row.id
-      });
+  let {
+    isStriped
+  } = _ref;
+  const {
+    getTableProps,
+    prepareRow,
+    displayRows,
+    headerGroups,
+    getTableBodyProps
+  } = useRows();
+  const {
+    isLoading
+  } = useContext(DataTableContext);
+  const renderRows = () => displayRows.map(row => {
+    prepareRow(row);
+    return /*#__PURE__*/React.createElement(TableRow, {
+      row: row,
+      key: row.id
     });
-  };
+  });
   if (!getTableProps) {
     return null;
   }
@@ -45,14 +41,18 @@ function Table(_ref) {
   }, /*#__PURE__*/React.createElement(Spinner, {
     animation: "border",
     screenReaderText: "loading"
-  })), /*#__PURE__*/React.createElement("table", _objectSpread({}, getTableProps({
-    className: classNames({
-      'pgn__data-table': true,
-      'is-striped': isStriped
+  })), /*#__PURE__*/React.createElement("table", {
+    ...getTableProps({
+      className: classNames({
+        'pgn__data-table': true,
+        'is-striped': isStriped
+      })
     })
-  })), /*#__PURE__*/React.createElement(TableHeaderRow, {
+  }, /*#__PURE__*/React.createElement(TableHeaderRow, {
     headerGroups: headerGroups
-  }), /*#__PURE__*/React.createElement("tbody", _objectSpread({}, getTableBodyProps()), renderRows())));
+  }), /*#__PURE__*/React.createElement("tbody", {
+    ...getTableBodyProps()
+  }, renderRows())));
 }
 Table.defaultProps = {
   isStriped: true

package/dist/DataTable/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","names":["React","useContext","PropTypes","classNames","Spinner","TableHeaderRow","TableRow","useRows","DataTableContext","Table","_ref","isStriped","_useRows","getTableProps","prepareRow","displayRows","headerGroups","getTableBodyProps","_useContext","isLoading","renderRows","map","row","createElement","key","id","className","animation","screenReaderText","_objectSpread","defaultProps","propTypes","bool"],"sources":["../../src/DataTable/Table.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Spinner from '../Spinner';\nimport TableHeaderRow from './TableHeaderRow';\nimport TableRow from './TableRow';\nimport { useRows } from './hooks';\nimport DataTableContext from './DataTableContext';\n\nfunction Table({\n  isStriped,\n}) {\n  const {\n    getTableProps, prepareRow, displayRows, headerGroups, getTableBodyProps,\n  } = useRows();\n  const { isLoading } = useContext(DataTableContext);\n\n  const renderRows = () => displayRows.map((row) => {\n    prepareRow(row);\n    return (\n      <TableRow row={row} key={row.id} />\n    );\n  });\n\n  if (!getTableProps) {\n    return null;\n  }\n\n  return (\n    <div\n      className={classNames('pgn__data-table-container', { 'is-loading': isLoading })}\n      data-testid=\"data-table-container\"\n    >\n      {isLoading && (\n        <div className=\"pgn__data-table-spinner\" data-testid=\"data-table-spinner\">\n          <Spinner animation=\"border\" screenReaderText=\"loading\" />\n        </div>\n      )}\n      <table {...getTableProps({\n        className: classNames({ 'pgn__data-table': true, 'is-striped': isStriped }),\n      })}\n      >\n        <TableHeaderRow headerGroups={headerGroups} />\n        <tbody {...getTableBodyProps()}>\n          {renderRows()}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nTable.defaultProps = {\n  isStriped: true,\n};\n\nTable.propTypes = {\n  /** should table rows be striped */\n  isStriped: PropTypes.bool,\n};\n\nexport default Table;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,OAAO,QAAQ,SAAS;AACjC,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,KAAKA,CAAAC,IAAA,EAEX;EAAA,IADDC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAET,IAAAC,QAAA,GAEIL,OAAO,CAAC,CAAC;IADXM,aAAa,GAAAD,QAAA,CAAbC,aAAa;IAAEC,UAAU,GAAAF,QAAA,CAAVE,UAAU;IAAEC,WAAW,GAAAH,QAAA,CAAXG,WAAW;IAAEC,YAAY,GAAAJ,QAAA,CAAZI,YAAY;IAAEC,iBAAiB,GAAAL,QAAA,CAAjBK,iBAAiB;EAEzE,IAAAC,WAAA,GAAsBjB,UAAU,CAACO,gBAAgB,CAAC;IAA1CW,SAAS,GAAAD,WAAA,CAATC,SAAS;EAEjB,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAA;IAAA,OAASL,WAAW,CAACM,GAAG,CAAC,UAACC,GAAG,EAAK;MAChDR,UAAU,CAACQ,GAAG,CAAC;MACf,oBACEtB,KAAA,CAAAuB,aAAA,CAACjB,QAAQ;QAACgB,GAAG,EAAEA,GAAI;QAACE,GAAG,EAAEF,GAAG,CAACG;MAAG,CAAE,CAAC;IAEvC,CAAC,CAAC;EAAA;EAEF,IAAI,CAACZ,aAAa,EAAE;IAClB,OAAO,IAAI;EACb;EAEA,oBACEb,KAAA,CAAAuB,aAAA;IACEG,SAAS,EAAEvB,UAAU,CAAC,2BAA2B,EAAE;MAAE,YAAY,EAAEgB;IAAU,CAAC,CAAE;IAChF,eAAY;EAAsB,GAEjCA,SAAS,iBACRnB,KAAA,CAAAuB,aAAA;IAAKG,SAAS,EAAC,yBAAyB;IAAC,eAAY;EAAoB,gBACvE1B,KAAA,CAAAuB,aAAA,CAACnB,OAAO;IAACuB,SAAS,EAAC,QAAQ;IAACC,gBAAgB,EAAC;EAAS,CAAE,CACrD,CACN,eACD5B,KAAA,CAAAuB,aAAA,UAAAM,aAAA,KAAWhB,aAAa,CAAC;IACvBa,SAAS,EAAEvB,UAAU,CAAC;MAAE,iBAAiB,EAAE,IAAI;MAAE,YAAY,EAAEQ;IAAU,CAAC;EAC5E,CAAC,CAAC,gBAEAX,KAAA,CAAAuB,aAAA,CAAClB,cAAc;IAACW,YAAY,EAAEA;EAAa,CAAE,CAAC,eAC9ChB,KAAA,CAAAuB,aAAA,UAAAM,aAAA,KAAWZ,iBAAiB,CAAC,CAAC,GAC3BG,UAAU,CAAC,CACP,CACF,CACJ,CAAC;AAEV;AAEAX,KAAK,CAACqB,YAAY,GAAG;EACnBnB,SAAS,EAAE;AACb,CAAC;AAEDF,KAAK,CAACsB,SAAS,GAAG;EAChB;EACApB,SAAS,EAAET,SAAS,CAAC8B;AACvB,CAAC;AAED,eAAevB,KAAK","ignoreList":[]}
+{"version":3,"file":"Table.js","names":["React","useContext","PropTypes","classNames","Spinner","TableHeaderRow","TableRow","useRows","DataTableContext","Table","_ref","isStriped","getTableProps","prepareRow","displayRows","headerGroups","getTableBodyProps","isLoading","renderRows","map","row","createElement","key","id","className","animation","screenReaderText","defaultProps","propTypes","bool"],"sources":["../../src/DataTable/Table.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Spinner from '../Spinner';\nimport TableHeaderRow from './TableHeaderRow';\nimport TableRow from './TableRow';\nimport { useRows } from './hooks';\nimport DataTableContext from './DataTableContext';\n\nfunction Table({\n  isStriped,\n}) {\n  const {\n    getTableProps, prepareRow, displayRows, headerGroups, getTableBodyProps,\n  } = useRows();\n  const { isLoading } = useContext(DataTableContext);\n\n  const renderRows = () => displayRows.map((row) => {\n    prepareRow(row);\n    return (\n      <TableRow row={row} key={row.id} />\n    );\n  });\n\n  if (!getTableProps) {\n    return null;\n  }\n\n  return (\n    <div\n      className={classNames('pgn__data-table-container', { 'is-loading': isLoading })}\n      data-testid=\"data-table-container\"\n    >\n      {isLoading && (\n        <div className=\"pgn__data-table-spinner\" data-testid=\"data-table-spinner\">\n          <Spinner animation=\"border\" screenReaderText=\"loading\" />\n        </div>\n      )}\n      <table {...getTableProps({\n        className: classNames({ 'pgn__data-table': true, 'is-striped': isStriped }),\n      })}\n      >\n        <TableHeaderRow headerGroups={headerGroups} />\n        <tbody {...getTableBodyProps()}>\n          {renderRows()}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nTable.defaultProps = {\n  isStriped: true,\n};\n\nTable.propTypes = {\n  /** should table rows be striped */\n  isStriped: PropTypes.bool,\n};\n\nexport default Table;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,OAAO,QAAQ,SAAS;AACjC,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,KAAKA,CAAAC,IAAA,EAEX;EAAA,IAFY;IACbC;EACF,CAAC,GAAAD,IAAA;EACC,MAAM;IACJE,aAAa;IAAEC,UAAU;IAAEC,WAAW;IAAEC,YAAY;IAAEC;EACxD,CAAC,GAAGT,OAAO,CAAC,CAAC;EACb,MAAM;IAAEU;EAAU,CAAC,GAAGhB,UAAU,CAACO,gBAAgB,CAAC;EAElD,MAAMU,UAAU,GAAGA,CAAA,KAAMJ,WAAW,CAACK,GAAG,CAAEC,GAAG,IAAK;IAChDP,UAAU,CAACO,GAAG,CAAC;IACf,oBACEpB,KAAA,CAAAqB,aAAA,CAACf,QAAQ;MAACc,GAAG,EAAEA,GAAI;MAACE,GAAG,EAAEF,GAAG,CAACG;IAAG,CAAE,CAAC;EAEvC,CAAC,CAAC;EAEF,IAAI,CAACX,aAAa,EAAE;IAClB,OAAO,IAAI;EACb;EAEA,oBACEZ,KAAA,CAAAqB,aAAA;IACEG,SAAS,EAAErB,UAAU,CAAC,2BAA2B,EAAE;MAAE,YAAY,EAAEc;IAAU,CAAC,CAAE;IAChF,eAAY;EAAsB,GAEjCA,SAAS,iBACRjB,KAAA,CAAAqB,aAAA;IAAKG,SAAS,EAAC,yBAAyB;IAAC,eAAY;EAAoB,gBACvExB,KAAA,CAAAqB,aAAA,CAACjB,OAAO;IAACqB,SAAS,EAAC,QAAQ;IAACC,gBAAgB,EAAC;EAAS,CAAE,CACrD,CACN,eACD1B,KAAA,CAAAqB,aAAA;IAAA,GAAWT,aAAa,CAAC;MACvBY,SAAS,EAAErB,UAAU,CAAC;QAAE,iBAAiB,EAAE,IAAI;QAAE,YAAY,EAAEQ;MAAU,CAAC;IAC5E,CAAC;EAAC,gBAEAX,KAAA,CAAAqB,aAAA,CAAChB,cAAc;IAACU,YAAY,EAAEA;EAAa,CAAE,CAAC,eAC9Cf,KAAA,CAAAqB,aAAA;IAAA,GAAWL,iBAAiB,CAAC;EAAC,GAC3BE,UAAU,CAAC,CACP,CACF,CACJ,CAAC;AAEV;AAEAT,KAAK,CAACkB,YAAY,GAAG;EACnBhB,SAAS,EAAE;AACb,CAAC;AAEDF,KAAK,CAACmB,SAAS,GAAG;EAChB;EACAjB,SAAS,EAAET,SAAS,CAAC2B;AACvB,CAAC;AAED,eAAepB,KAAK","ignoreList":[]}

package/dist/DataTable/TableActions.js

@@ -4,23 +4,25 @@ import classNames from 'classnames';
 import DataTableContext from './DataTableContext';
 import Actions from './CollapsibleButtonGroup';
 function TableActions(_ref) {
-  var className = _ref.className;
-  var tableInstance = useContext(DataTableContext);
-  var tableActions = tableInstance.tableActions;
-  var args = {
-    tableInstance: tableInstance
+  let {
+    className
+  } = _ref;
+  const tableInstance = useContext(DataTableContext);
+  const {
+    tableActions
+  } = tableInstance;
+  const args = {
+    tableInstance
   };
   if (typeof tableActions === 'function') {
     return /*#__PURE__*/React.createElement("div", {
       className: classNames('pgn__table-actions', className)
     }, tableActions(tableInstance));
   }
-  var actions = tableActions.map(function (action) {
-    return {
-      component: action,
-      args: args
-    };
-  });
+  const actions = tableActions.map(action => ({
+    component: action,
+    args
+  }));
   return /*#__PURE__*/React.createElement(Actions, {
     className: classNames('pgn__table-actions', className),
     "data-testid": "table-actions",

package/dist/DataTable/TableActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableActions.js","names":["React","useContext","PropTypes","classNames","DataTableContext","Actions","TableActions","_ref","className","tableInstance","tableActions","args","createElement","actions","map","action","component","defaultProps","undefined","propTypes","string"],"sources":["../../src/DataTable/TableActions.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 TableActions({ className }) {\n  const tableInstance = useContext(DataTableContext);\n  const { tableActions } = tableInstance;\n\n  const args = {\n    tableInstance,\n  };\n\n  if (typeof tableActions === 'function') {\n    return <div className={classNames('pgn__table-actions', className)}>{tableActions(tableInstance)}</div>;\n  }\n\n  const actions = tableActions.map(action => ({ component: action, args }));\n\n  return (\n    <Actions\n      className={classNames('pgn__table-actions', className)}\n      data-testid=\"table-actions\"\n      actions={actions}\n    />\n  );\n}\n\nTableActions.defaultProps = {\n  className: undefined,\n};\n\nTableActions.propTypes = {\n  /** class names for the div wrapping the button components */\n  className: PropTypes.string,\n};\n\nexport default TableActions;\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,YAAYA,CAAAC,IAAA,EAAgB;EAAA,IAAbC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAC/B,IAAMC,aAAa,GAAGR,UAAU,CAACG,gBAAgB,CAAC;EAClD,IAAQM,YAAY,GAAKD,aAAa,CAA9BC,YAAY;EAEpB,IAAMC,IAAI,GAAG;IACXF,aAAa,EAAbA;EACF,CAAC;EAED,IAAI,OAAOC,YAAY,KAAK,UAAU,EAAE;IACtC,oBAAOV,KAAA,CAAAY,aAAA;MAAKJ,SAAS,EAAEL,UAAU,CAAC,oBAAoB,EAAEK,SAAS;IAAE,GAAEE,YAAY,CAACD,aAAa,CAAO,CAAC;EACzG;EAEA,IAAMI,OAAO,GAAGH,YAAY,CAACI,GAAG,CAAC,UAAAC,MAAM;IAAA,OAAK;MAAEC,SAAS,EAAED,MAAM;MAAEJ,IAAI,EAAJA;IAAK,CAAC;EAAA,CAAC,CAAC;EAEzE,oBACEX,KAAA,CAAAY,aAAA,CAACP,OAAO;IACNG,SAAS,EAAEL,UAAU,CAAC,oBAAoB,EAAEK,SAAS,CAAE;IACvD,eAAY,eAAe;IAC3BK,OAAO,EAAEA;EAAQ,CAClB,CAAC;AAEN;AAEAP,YAAY,CAACW,YAAY,GAAG;EAC1BT,SAAS,EAAEU;AACb,CAAC;AAEDZ,YAAY,CAACa,SAAS,GAAG;EACvB;EACAX,SAAS,EAAEN,SAAS,CAACkB;AACvB,CAAC;AAED,eAAed,YAAY","ignoreList":[]}
+{"version":3,"file":"TableActions.js","names":["React","useContext","PropTypes","classNames","DataTableContext","Actions","TableActions","_ref","className","tableInstance","tableActions","args","createElement","actions","map","action","component","defaultProps","undefined","propTypes","string"],"sources":["../../src/DataTable/TableActions.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 TableActions({ className }) {\n  const tableInstance = useContext(DataTableContext);\n  const { tableActions } = tableInstance;\n\n  const args = {\n    tableInstance,\n  };\n\n  if (typeof tableActions === 'function') {\n    return <div className={classNames('pgn__table-actions', className)}>{tableActions(tableInstance)}</div>;\n  }\n\n  const actions = tableActions.map(action => ({ component: action, args }));\n\n  return (\n    <Actions\n      className={classNames('pgn__table-actions', className)}\n      data-testid=\"table-actions\"\n      actions={actions}\n    />\n  );\n}\n\nTableActions.defaultProps = {\n  className: undefined,\n};\n\nTableActions.propTypes = {\n  /** class names for the div wrapping the button components */\n  className: PropTypes.string,\n};\n\nexport default TableActions;\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,YAAYA,CAAAC,IAAA,EAAgB;EAAA,IAAf;IAAEC;EAAU,CAAC,GAAAD,IAAA;EACjC,MAAME,aAAa,GAAGR,UAAU,CAACG,gBAAgB,CAAC;EAClD,MAAM;IAAEM;EAAa,CAAC,GAAGD,aAAa;EAEtC,MAAME,IAAI,GAAG;IACXF;EACF,CAAC;EAED,IAAI,OAAOC,YAAY,KAAK,UAAU,EAAE;IACtC,oBAAOV,KAAA,CAAAY,aAAA;MAAKJ,SAAS,EAAEL,UAAU,CAAC,oBAAoB,EAAEK,SAAS;IAAE,GAAEE,YAAY,CAACD,aAAa,CAAO,CAAC;EACzG;EAEA,MAAMI,OAAO,GAAGH,YAAY,CAACI,GAAG,CAACC,MAAM,KAAK;IAAEC,SAAS,EAAED,MAAM;IAAEJ;EAAK,CAAC,CAAC,CAAC;EAEzE,oBACEX,KAAA,CAAAY,aAAA,CAACP,OAAO;IACNG,SAAS,EAAEL,UAAU,CAAC,oBAAoB,EAAEK,SAAS,CAAE;IACvD,eAAY,eAAe;IAC3BK,OAAO,EAAEA;EAAQ,CAClB,CAAC;AAEN;AAEAP,YAAY,CAACW,YAAY,GAAG;EAC1BT,SAAS,EAAEU;AACb,CAAC;AAEDZ,YAAY,CAACa,SAAS,GAAG;EACvB;EACAX,SAAS,EAAEN,SAAS,CAACkB;AACvB,CAAC;AAED,eAAed,YAAY","ignoreList":[]}

package/dist/DataTable/TableCell.js

@@ -1,25 +1,20 @@
-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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 function TableCell(_ref) {
-  var getCellProps = _ref.getCellProps,
-    render = _ref.render,
-    column = _ref.column;
-  var _getCellProps = getCellProps(),
-    className = _getCellProps.className,
-    rest = _objectWithoutProperties(_getCellProps, _excluded);
-  return /*#__PURE__*/React.createElement("td", _objectSpread(_objectSpread({}, rest), {}, {
+  let {
+    getCellProps,
+    render,
+    column
+  } = _ref;
+  const {
+    className,
+    ...rest
+  } = getCellProps();
+  return /*#__PURE__*/React.createElement("td", {
+    ...rest,
     className: classNames('pgn__data-table-cell-wrap', className, column.cellClassName)
-  }), render('Cell'));
+  }, render('Cell'));
 }
 TableCell.propTypes = {
   /** Props for the td element */

package/dist/DataTable/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","names":["React","PropTypes","classNames","TableCell","_ref","getCellProps","render","column","_getCellProps","className","rest","_objectWithoutProperties","_excluded","createElement","_objectSpread","cellClassName","propTypes","func","isRequired","shape","string"],"sources":["../../src/DataTable/TableCell.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction TableCell({ getCellProps, render, column }) {\n  const { className, ...rest } = getCellProps();\n  return (\n    <td {...rest} className={classNames('pgn__data-table-cell-wrap', className, column.cellClassName)}>\n      {render('Cell')}\n    </td>\n  );\n}\n\nTableCell.propTypes = {\n  /** Props for the td element */\n  getCellProps: PropTypes.func.isRequired,\n  /** Function that renders the cell contents. Will be called with the string 'Cell' */\n  render: PropTypes.func.isRequired,\n  /** Table column */\n  column: PropTypes.shape({\n    /** Class(es) to be applied to the cells in the given column */\n    cellClassName: PropTypes.string,\n  }).isRequired,\n};\n\nexport default TableCell;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,SAASA,CAAAC,IAAA,EAAmC;EAAA,IAAhCC,YAAY,GAAAD,IAAA,CAAZC,YAAY;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,MAAM,GAAAH,IAAA,CAANG,MAAM;EAC/C,IAAAC,aAAA,GAA+BH,YAAY,CAAC,CAAC;IAArCI,SAAS,GAAAD,aAAA,CAATC,SAAS;IAAKC,IAAI,GAAAC,wBAAA,CAAAH,aAAA,EAAAI,SAAA;EAC1B,oBACEZ,KAAA,CAAAa,aAAA,OAAAC,aAAA,CAAAA,aAAA,KAAQJ,IAAI;IAAED,SAAS,EAAEP,UAAU,CAAC,2BAA2B,EAAEO,SAAS,EAAEF,MAAM,CAACQ,aAAa;EAAE,IAC/FT,MAAM,CAAC,MAAM,CACZ,CAAC;AAET;AAEAH,SAAS,CAACa,SAAS,GAAG;EACpB;EACAX,YAAY,EAAEJ,SAAS,CAACgB,IAAI,CAACC,UAAU;EACvC;EACAZ,MAAM,EAAEL,SAAS,CAACgB,IAAI,CAACC,UAAU;EACjC;EACAX,MAAM,EAAEN,SAAS,CAACkB,KAAK,CAAC;IACtB;IACAJ,aAAa,EAAEd,SAAS,CAACmB;EAC3B,CAAC,CAAC,CAACF;AACL,CAAC;AAED,eAAef,SAAS","ignoreList":[]}
+{"version":3,"file":"TableCell.js","names":["React","PropTypes","classNames","TableCell","_ref","getCellProps","render","column","className","rest","createElement","cellClassName","propTypes","func","isRequired","shape","string"],"sources":["../../src/DataTable/TableCell.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction TableCell({ getCellProps, render, column }) {\n  const { className, ...rest } = getCellProps();\n  return (\n    <td {...rest} className={classNames('pgn__data-table-cell-wrap', className, column.cellClassName)}>\n      {render('Cell')}\n    </td>\n  );\n}\n\nTableCell.propTypes = {\n  /** Props for the td element */\n  getCellProps: PropTypes.func.isRequired,\n  /** Function that renders the cell contents. Will be called with the string 'Cell' */\n  render: PropTypes.func.isRequired,\n  /** Table column */\n  column: PropTypes.shape({\n    /** Class(es) to be applied to the cells in the given column */\n    cellClassName: PropTypes.string,\n  }).isRequired,\n};\n\nexport default TableCell;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,SAASA,CAAAC,IAAA,EAAmC;EAAA,IAAlC;IAAEC,YAAY;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAAH,IAAA;EACjD,MAAM;IAAEI,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAGJ,YAAY,CAAC,CAAC;EAC7C,oBACEL,KAAA,CAAAU,aAAA;IAAA,GAAQD,IAAI;IAAED,SAAS,EAAEN,UAAU,CAAC,2BAA2B,EAAEM,SAAS,EAAED,MAAM,CAACI,aAAa;EAAE,GAC/FL,MAAM,CAAC,MAAM,CACZ,CAAC;AAET;AAEAH,SAAS,CAACS,SAAS,GAAG;EACpB;EACAP,YAAY,EAAEJ,SAAS,CAACY,IAAI,CAACC,UAAU;EACvC;EACAR,MAAM,EAAEL,SAAS,CAACY,IAAI,CAACC,UAAU;EACjC;EACAP,MAAM,EAAEN,SAAS,CAACc,KAAK,CAAC;IACtB;IACAJ,aAAa,EAAEV,SAAS,CAACe;EAC3B,CAAC,CAAC,CAACF;AACL,CAAC;AAED,eAAeX,SAAS","ignoreList":[]}