@openedx/paragon 22.0.0-alpha.24 → 22.1.0

package/dist/DataTable/DropdownFilters.js

@@ -1,3 +1,9 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useContext, useMemo } from 'react';
 import DataTableContext from './DataTableContext';
 import { DropdownButton } from '../Dropdown';
@@ -6,39 +12,46 @@ import breakpoints from '../utils/breakpoints';
 
 /** The first filter will be as an input, additional filters will be available in a dropdown.  */
 function DropdownFilters() {
-  const {
-    width
-  } = useWindowSize();
-  const {
-    columns,
-    numBreakoutFilters
-  } = useContext(DataTableContext);
-  const [breakoutFilters, otherFilters] = useMemo(() => {
-    if (!columns) {
-      return [[], []];
-    }
-    const availableFilters = columns.filter(column => column.canFilter);
-    if (width < breakpoints.small.minWidth) {
-      return [[], availableFilters];
-    }
-    const numberOfBreakoutFilters = numBreakoutFilters || 1;
-    const boFilters = availableFilters.slice(0, numberOfBreakoutFilters);
-    const dropdownFilters = availableFilters.slice(numberOfBreakoutFilters);
-    return [boFilters, dropdownFilters];
-  }, [columns, width, numBreakoutFilters]);
+  var _useWindowSize = useWindowSize(),
+    width = _useWindowSize.width;
+  var _useContext = useContext(DataTableContext),
+    columns = _useContext.columns,
+    numBreakoutFilters = _useContext.numBreakoutFilters;
+  var _useMemo = useMemo(function () {
+      if (!columns) {
+        return [[], []];
+      }
+      var availableFilters = columns.filter(function (column) {
+        return column.canFilter;
+      });
+      if (width < breakpoints.small.minWidth) {
+        return [[], availableFilters];
+      }
+      var numberOfBreakoutFilters = numBreakoutFilters || 1;
+      var boFilters = availableFilters.slice(0, numberOfBreakoutFilters);
+      var dropdownFilters = availableFilters.slice(numberOfBreakoutFilters);
+      return [boFilters, dropdownFilters];
+    }, [columns, width, numBreakoutFilters]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    breakoutFilters = _useMemo2[0],
+    otherFilters = _useMemo2[1];
   return /*#__PURE__*/React.createElement("div", {
     className: "pgn__data-table-filters"
-  }, breakoutFilters.length > 0 && breakoutFilters.map(column => /*#__PURE__*/React.createElement("div", {
-    className: "pgn__data-table-filters-breakout-filter",
-    key: column.Header
-  }, column.render('Filter'))), otherFilters.length > 0 && /*#__PURE__*/React.createElement(DropdownButton, {
+  }, breakoutFilters.length > 0 && breakoutFilters.map(function (column) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "pgn__data-table-filters-breakout-filter",
+      key: column.Header
+    }, column.render('Filter'));
+  }), otherFilters.length > 0 && /*#__PURE__*/React.createElement(DropdownButton, {
     variant: "outline-primary",
     id: "table-filters-dropdown",
     title: "Filters"
-  }, otherFilters.map(column => /*#__PURE__*/React.createElement("div", {
-    key: column.Header,
-    className: "pgn__data-table-filters-dropdown-item"
-  }, column.render('Filter')))));
+  }, otherFilters.map(function (column) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: column.Header,
+      className: "pgn__data-table-filters-dropdown-item"
+    }, column.render('Filter'));
+  })));
 }
 export default DropdownFilters;
 //# sourceMappingURL=DropdownFilters.js.map

package/dist/DataTable/DropdownFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFilters.js","names":["React","useContext","useMemo","DataTableContext","DropdownButton","useWindowSize","breakpoints","DropdownFilters","width","columns","numBreakoutFilters","breakoutFilters","otherFilters","availableFilters","filter","column","canFilter","small","minWidth","numberOfBreakoutFilters","boFilters","slice","dropdownFilters","createElement","className","length","map","key","Header","render","variant","id","title"],"sources":["../../src/DataTable/DropdownFilters.jsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport DataTableContext from './DataTableContext';\nimport { DropdownButton } from '../Dropdown';\nimport useWindowSize from '../hooks/useWindowSize';\nimport breakpoints from '../utils/breakpoints';\n\n/** The first filter will be as an input, additional filters will be available in a dropdown.  */\nfunction DropdownFilters() {\n  const { width } = useWindowSize();\n  const { columns, numBreakoutFilters } = useContext(DataTableContext);\n\n  const [breakoutFilters, otherFilters] = useMemo(() => {\n    if (!columns) {\n      return [[], []];\n    }\n    const availableFilters = columns.filter((column) => column.canFilter);\n    if (width < breakpoints.small.minWidth) {\n      return [[], availableFilters];\n    }\n\n    const numberOfBreakoutFilters = numBreakoutFilters || 1;\n    const boFilters = availableFilters.slice(0, numberOfBreakoutFilters);\n    const dropdownFilters = availableFilters.slice(numberOfBreakoutFilters);\n\n    return [boFilters, dropdownFilters];\n  }, [columns, width, numBreakoutFilters]);\n\n  return (\n    <div className=\"pgn__data-table-filters\">\n      {breakoutFilters.length > 0 && breakoutFilters.map((column) => (\n        <div className=\"pgn__data-table-filters-breakout-filter\" key={column.Header}>\n          {column.render('Filter')}\n        </div>\n      ))}\n      {otherFilters.length > 0 && (\n        <DropdownButton variant=\"outline-primary\" id=\"table-filters-dropdown\" title=\"Filters\">\n          {otherFilters.map((column) => (\n            <div\n              key={column.Header}\n              className=\"pgn__data-table-filters-dropdown-item\"\n            >\n              {column.render('Filter')}\n            </div>\n          ))}\n        </DropdownButton>\n      )}\n    </div>\n  );\n}\n\nexport default DropdownFilters;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,cAAc,QAAQ,aAAa;AAC5C,OAAOC,aAAa,MAAM,wBAAwB;AAClD,OAAOC,WAAW,MAAM,sBAAsB;;AAE9C;AACA,SAASC,eAAeA,CAAA,EAAG;EACzB,MAAM;IAAEC;EAAM,CAAC,GAAGH,aAAa,CAAC,CAAC;EACjC,MAAM;IAAEI,OAAO;IAAEC;EAAmB,CAAC,GAAGT,UAAU,CAACE,gBAAgB,CAAC;EAEpE,MAAM,CAACQ,eAAe,EAAEC,YAAY,CAAC,GAAGV,OAAO,CAAC,MAAM;IACpD,IAAI,CAACO,OAAO,EAAE;MACZ,OAAO,CAAC,EAAE,EAAE,EAAE,CAAC;IACjB;IACA,MAAMI,gBAAgB,GAAGJ,OAAO,CAACK,MAAM,CAAEC,MAAM,IAAKA,MAAM,CAACC,SAAS,CAAC;IACrE,IAAIR,KAAK,GAAGF,WAAW,CAACW,KAAK,CAACC,QAAQ,EAAE;MACtC,OAAO,CAAC,EAAE,EAAEL,gBAAgB,CAAC;IAC/B;IAEA,MAAMM,uBAAuB,GAAGT,kBAAkB,IAAI,CAAC;IACvD,MAAMU,SAAS,GAAGP,gBAAgB,CAACQ,KAAK,CAAC,CAAC,EAAEF,uBAAuB,CAAC;IACpE,MAAMG,eAAe,GAAGT,gBAAgB,CAACQ,KAAK,CAACF,uBAAuB,CAAC;IAEvE,OAAO,CAACC,SAAS,EAAEE,eAAe,CAAC;EACrC,CAAC,EAAE,CAACb,OAAO,EAAED,KAAK,EAAEE,kBAAkB,CAAC,CAAC;EAExC,oBACEV,KAAA,CAAAuB,aAAA;IAAKC,SAAS,EAAC;EAAyB,GACrCb,eAAe,CAACc,MAAM,GAAG,CAAC,IAAId,eAAe,CAACe,GAAG,CAAEX,MAAM,iBACxDf,KAAA,CAAAuB,aAAA;IAAKC,SAAS,EAAC,yCAAyC;IAACG,GAAG,EAAEZ,MAAM,CAACa;EAAO,GACzEb,MAAM,CAACc,MAAM,CAAC,QAAQ,CACpB,CACN,CAAC,EACDjB,YAAY,CAACa,MAAM,GAAG,CAAC,iBACtBzB,KAAA,CAAAuB,aAAA,CAACnB,cAAc;IAAC0B,OAAO,EAAC,iBAAiB;IAACC,EAAE,EAAC,wBAAwB;IAACC,KAAK,EAAC;EAAS,GAClFpB,YAAY,CAACc,GAAG,CAAEX,MAAM,iBACvBf,KAAA,CAAAuB,aAAA;IACEI,GAAG,EAAEZ,MAAM,CAACa,MAAO;IACnBJ,SAAS,EAAC;EAAuC,GAEhDT,MAAM,CAACc,MAAM,CAAC,QAAQ,CACpB,CACN,CACa,CAEf,CAAC;AAEV;AAEA,eAAetB,eAAe"}
+{"version":3,"file":"DropdownFilters.js","names":["React","useContext","useMemo","DataTableContext","DropdownButton","useWindowSize","breakpoints","DropdownFilters","_useWindowSize","width","_useContext","columns","numBreakoutFilters","_useMemo","availableFilters","filter","column","canFilter","small","minWidth","numberOfBreakoutFilters","boFilters","slice","dropdownFilters","_useMemo2","_slicedToArray","breakoutFilters","otherFilters","createElement","className","length","map","key","Header","render","variant","id","title"],"sources":["../../src/DataTable/DropdownFilters.jsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport DataTableContext from './DataTableContext';\nimport { DropdownButton } from '../Dropdown';\nimport useWindowSize from '../hooks/useWindowSize';\nimport breakpoints from '../utils/breakpoints';\n\n/** The first filter will be as an input, additional filters will be available in a dropdown.  */\nfunction DropdownFilters() {\n  const { width } = useWindowSize();\n  const { columns, numBreakoutFilters } = useContext(DataTableContext);\n\n  const [breakoutFilters, otherFilters] = useMemo(() => {\n    if (!columns) {\n      return [[], []];\n    }\n    const availableFilters = columns.filter((column) => column.canFilter);\n    if (width < breakpoints.small.minWidth) {\n      return [[], availableFilters];\n    }\n\n    const numberOfBreakoutFilters = numBreakoutFilters || 1;\n    const boFilters = availableFilters.slice(0, numberOfBreakoutFilters);\n    const dropdownFilters = availableFilters.slice(numberOfBreakoutFilters);\n\n    return [boFilters, dropdownFilters];\n  }, [columns, width, numBreakoutFilters]);\n\n  return (\n    <div className=\"pgn__data-table-filters\">\n      {breakoutFilters.length > 0 && breakoutFilters.map((column) => (\n        <div className=\"pgn__data-table-filters-breakout-filter\" key={column.Header}>\n          {column.render('Filter')}\n        </div>\n      ))}\n      {otherFilters.length > 0 && (\n        <DropdownButton variant=\"outline-primary\" id=\"table-filters-dropdown\" title=\"Filters\">\n          {otherFilters.map((column) => (\n            <div\n              key={column.Header}\n              className=\"pgn__data-table-filters-dropdown-item\"\n            >\n              {column.render('Filter')}\n            </div>\n          ))}\n        </DropdownButton>\n      )}\n    </div>\n  );\n}\n\nexport default DropdownFilters;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,cAAc,QAAQ,aAAa;AAC5C,OAAOC,aAAa,MAAM,wBAAwB;AAClD,OAAOC,WAAW,MAAM,sBAAsB;;AAE9C;AACA,SAASC,eAAeA,CAAA,EAAG;EACzB,IAAAC,cAAA,GAAkBH,aAAa,CAAC,CAAC;IAAzBI,KAAK,GAAAD,cAAA,CAALC,KAAK;EACb,IAAAC,WAAA,GAAwCT,UAAU,CAACE,gBAAgB,CAAC;IAA5DQ,OAAO,GAAAD,WAAA,CAAPC,OAAO;IAAEC,kBAAkB,GAAAF,WAAA,CAAlBE,kBAAkB;EAEnC,IAAAC,QAAA,GAAwCX,OAAO,CAAC,YAAM;MACpD,IAAI,CAACS,OAAO,EAAE;QACZ,OAAO,CAAC,EAAE,EAAE,EAAE,CAAC;MACjB;MACA,IAAMG,gBAAgB,GAAGH,OAAO,CAACI,MAAM,CAAC,UAACC,MAAM;QAAA,OAAKA,MAAM,CAACC,SAAS;MAAA,EAAC;MACrE,IAAIR,KAAK,GAAGH,WAAW,CAACY,KAAK,CAACC,QAAQ,EAAE;QACtC,OAAO,CAAC,EAAE,EAAEL,gBAAgB,CAAC;MAC/B;MAEA,IAAMM,uBAAuB,GAAGR,kBAAkB,IAAI,CAAC;MACvD,IAAMS,SAAS,GAAGP,gBAAgB,CAACQ,KAAK,CAAC,CAAC,EAAEF,uBAAuB,CAAC;MACpE,IAAMG,eAAe,GAAGT,gBAAgB,CAACQ,KAAK,CAACF,uBAAuB,CAAC;MAEvE,OAAO,CAACC,SAAS,EAAEE,eAAe,CAAC;IACrC,CAAC,EAAE,CAACZ,OAAO,EAAEF,KAAK,EAAEG,kBAAkB,CAAC,CAAC;IAAAY,SAAA,GAAAC,cAAA,CAAAZ,QAAA;IAdjCa,eAAe,GAAAF,SAAA;IAAEG,YAAY,GAAAH,SAAA;EAgBpC,oBACExB,KAAA,CAAA4B,aAAA;IAAKC,SAAS,EAAC;EAAyB,GACrCH,eAAe,CAACI,MAAM,GAAG,CAAC,IAAIJ,eAAe,CAACK,GAAG,CAAC,UAACf,MAAM;IAAA,oBACxDhB,KAAA,CAAA4B,aAAA;MAAKC,SAAS,EAAC,yCAAyC;MAACG,GAAG,EAAEhB,MAAM,CAACiB;IAAO,GACzEjB,MAAM,CAACkB,MAAM,CAAC,QAAQ,CACpB,CAAC;EAAA,CACP,CAAC,EACDP,YAAY,CAACG,MAAM,GAAG,CAAC,iBACtB9B,KAAA,CAAA4B,aAAA,CAACxB,cAAc;IAAC+B,OAAO,EAAC,iBAAiB;IAACC,EAAE,EAAC,wBAAwB;IAACC,KAAK,EAAC;EAAS,GAClFV,YAAY,CAACI,GAAG,CAAC,UAACf,MAAM;IAAA,oBACvBhB,KAAA,CAAA4B,aAAA;MACEI,GAAG,EAAEhB,MAAM,CAACiB,MAAO;MACnBJ,SAAS,EAAC;IAAuC,GAEhDb,MAAM,CAACkB,MAAM,CAAC,QAAQ,CACpB,CAAC;EAAA,CACP,CACa,CAEf,CAAC;AAEV;AAEA,eAAe3B,eAAe"}

package/dist/DataTable/EmptyTable.js

@@ -1,4 +1,4 @@
-const _excluded = ["content", "className"];
+var _excluded = ["content", "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 _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; }
@@ -7,15 +7,12 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import DataTableContext from './DataTableContext';
 function EmptyTable(_ref) {
-  let {
-      content,
-      className
-    } = _ref,
+  var content = _ref.content,
+    className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);
-  const {
-    rows,
-    isLoading
-  } = useContext(DataTableContext);
+  var _useContext = useContext(DataTableContext),
+    rows = _useContext.rows,
+    isLoading = _useContext.isLoading;
   if (isLoading || !rows || rows.length > 0) {
     return null;
   }

package/dist/DataTable/EmptyTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyTable.js","names":["React","useContext","PropTypes","classNames","DataTableContext","EmptyTable","_ref","content","className","rest","_objectWithoutProperties","_excluded","rows","isLoading","length","createElement","_extends","defaultProps","propTypes","string","isRequired"],"sources":["../../src/DataTable/EmptyTable.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport DataTableContext from './DataTableContext';\n\nfunction EmptyTable({ content, className, ...rest }) {\n  const { rows, isLoading } = useContext(DataTableContext);\n  if (isLoading || !rows || rows.length > 0) { return null; }\n\n  return (<div className={classNames('pgn__data-table-empty', className)} {...rest}>{content}</div>);\n}\n\nEmptyTable.defaultProps = {\n  className: null,\n};\n\nEmptyTable.propTypes = {\n  className: PropTypes.string,\n  content: PropTypes.string.isRequired,\n};\n\nexport default EmptyTable;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,UAAUA,CAAAC,IAAA,EAAkC;EAAA,IAAjC;MAAEC,OAAO;MAAEC;IAAmB,CAAC,GAAAF,IAAA;IAANG,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAC/C,MAAM;IAAEC,IAAI;IAAEC;EAAU,CAAC,GAAGZ,UAAU,CAACG,gBAAgB,CAAC;EACxD,IAAIS,SAAS,IAAI,CAACD,IAAI,IAAIA,IAAI,CAACE,MAAM,GAAG,CAAC,EAAE;IAAE,OAAO,IAAI;EAAE;EAE1D,oBAAQd,KAAA,CAAAe,aAAA,QAAAC,QAAA;IAAKR,SAAS,EAAEL,UAAU,CAAC,uBAAuB,EAAEK,SAAS;EAAE,GAAKC,IAAI,GAAGF,OAAa,CAAC;AACnG;AAEAF,UAAU,CAACY,YAAY,GAAG;EACxBT,SAAS,EAAE;AACb,CAAC;AAEDH,UAAU,CAACa,SAAS,GAAG;EACrBV,SAAS,EAAEN,SAAS,CAACiB,MAAM;EAC3BZ,OAAO,EAAEL,SAAS,CAACiB,MAAM,CAACC;AAC5B,CAAC;AAED,eAAef,UAAU"}
+{"version":3,"file":"EmptyTable.js","names":["React","useContext","PropTypes","classNames","DataTableContext","EmptyTable","_ref","content","className","rest","_objectWithoutProperties","_excluded","_useContext","rows","isLoading","length","createElement","_extends","defaultProps","propTypes","string","isRequired"],"sources":["../../src/DataTable/EmptyTable.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport DataTableContext from './DataTableContext';\n\nfunction EmptyTable({ content, className, ...rest }) {\n  const { rows, isLoading } = useContext(DataTableContext);\n  if (isLoading || !rows || rows.length > 0) { return null; }\n\n  return (<div className={classNames('pgn__data-table-empty', className)} {...rest}>{content}</div>);\n}\n\nEmptyTable.defaultProps = {\n  className: null,\n};\n\nEmptyTable.propTypes = {\n  className: PropTypes.string,\n  content: PropTypes.string.isRequired,\n};\n\nexport default EmptyTable;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,UAAUA,CAAAC,IAAA,EAAkC;EAAA,IAA/BC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAKC,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAC/C,IAAAC,WAAA,GAA4BX,UAAU,CAACG,gBAAgB,CAAC;IAAhDS,IAAI,GAAAD,WAAA,CAAJC,IAAI;IAAEC,SAAS,GAAAF,WAAA,CAATE,SAAS;EACvB,IAAIA,SAAS,IAAI,CAACD,IAAI,IAAIA,IAAI,CAACE,MAAM,GAAG,CAAC,EAAE;IAAE,OAAO,IAAI;EAAE;EAE1D,oBAAQf,KAAA,CAAAgB,aAAA,QAAAC,QAAA;IAAKT,SAAS,EAAEL,UAAU,CAAC,uBAAuB,EAAEK,SAAS;EAAE,GAAKC,IAAI,GAAGF,OAAa,CAAC;AACnG;AAEAF,UAAU,CAACa,YAAY,GAAG;EACxBV,SAAS,EAAE;AACb,CAAC;AAEDH,UAAU,CAACc,SAAS,GAAG;EACrBX,SAAS,EAAEN,SAAS,CAACkB,MAAM;EAC3Bb,OAAO,EAAEL,SAAS,CAACkB,MAAM,CAACC;AAC5B,CAAC;AAED,eAAehB,UAAU"}

package/dist/DataTable/ExpandAll.js

@@ -3,10 +3,8 @@ import PropTypes from 'prop-types';
 import { FormattedMessage } from 'react-intl';
 import Button from '../Button';
 function ExpandAll(_ref) {
-  let {
-    getToggleAllRowsExpandedProps,
-    isAllRowsExpanded
-  } = _ref;
+  var getToggleAllRowsExpandedProps = _ref.getToggleAllRowsExpandedProps,
+    isAllRowsExpanded = _ref.isAllRowsExpanded;
   return /*#__PURE__*/React.createElement("span", getToggleAllRowsExpandedProps(), isAllRowsExpanded ? /*#__PURE__*/React.createElement(Button, {
     variant: "link",
     size: "inline"

package/dist/DataTable/ExpandAll.js.map

@@ -1 +1 @@
-{"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,SAAUF,6BAA6B,CAAC,CAAC,EACtCC,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"}
+{"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,IAApDC,6BAA6B,GAAAD,IAAA,CAA7BC,6BAA6B;IAAEC,iBAAiB,GAAAF,IAAA,CAAjBE,iBAAiB;EACnE,oBACEP,KAAA,CAAAQ,aAAA,SAAUF,6BAA6B,CAAC,CAAC,EACtCC,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"}

package/dist/DataTable/ExpandRow.js

@@ -3,11 +3,9 @@ import PropTypes from 'prop-types';
 import { ExpandLess, ExpandMore } from '../../icons';
 import Icon from '../Icon';
 import IconButton from '../IconButton';
-const EXPAND_COLLAPSE_ICON_SIZE = 'inline';
+var EXPAND_COLLAPSE_ICON_SIZE = 'inline';
 function ExpandRow(_ref) {
-  let {
-    row
-  } = _ref;
+  var row = _ref.row;
   return /*#__PURE__*/React.createElement("span", row.getToggleRowExpandedProps(), row.isExpanded ? /*#__PURE__*/React.createElement(IconButton, {
     src: ExpandLess,
     iconAs: Icon,

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","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,SAAUD,GAAG,CAACE,yBAAyB,CAAC,CAAC,EACtCF,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"}
+{"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,IAAMC,yBAAyB,GAAG,QAAQ;AAE1C,SAASC,SAASA,CAAAC,IAAA,EAAU;EAAA,IAAPC,GAAG,GAAAD,IAAA,CAAHC,GAAG;EACtB,oBACET,KAAA,CAAAU,aAAA,SAAUD,GAAG,CAACE,yBAAyB,CAAC,CAAC,EACtCF,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"}

package/dist/DataTable/FilterStatus.js

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

package/dist/DataTable/RowStatus.js

@@ -3,21 +3,18 @@ import PropTypes from 'prop-types';
 import { FormattedMessage } from 'react-intl';
 import DataTableContext from './DataTableContext';
 function RowStatus(_ref) {
-  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;
+  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;
   if (!rowCount) {
     return null;
   }
@@ -29,9 +26,9 @@ function RowStatus(_ref) {
     defaultMessage: "Showing {firstRow} - {lastRow} of {itemCount}.",
     description: "A text describing how many rows is shown in the table",
     values: {
-      itemCount,
-      firstRow,
-      lastRow
+      itemCount: itemCount,
+      firstRow: firstRow,
+      lastRow: lastRow
     }
   }));
 }

package/dist/DataTable/RowStatus.js.map

@@ -1 +1 @@
-{"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"}
+{"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"}

package/dist/DataTable/SidebarFilters.js

@@ -4,15 +4,16 @@ import { FormattedMessage } from 'react-intl';
 import DataTableContext from './DataTableContext';
 import FilterStatus from './FilterStatus';
 function SidebarFilters(_ref) {
-  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;
+  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;
   return /*#__PURE__*/React.createElement("div", {
     className: "pgn__data-table-side-filters"
   }, /*#__PURE__*/React.createElement("h3", {
@@ -21,10 +22,12 @@ function SidebarFilters(_ref) {
     id: "pgn.DataTable.SidebarFilters.title",
     defaultMessage: "Filters",
     description: "Title for the sidebar filters component"
-  })), /*#__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, {
+  })), /*#__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, {
     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","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"}
+{"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"}

package/dist/DataTable/SmartStatus.js

@@ -3,28 +3,26 @@ import DataTableContext from './DataTableContext';
 import FilterStatusDefault from './FilterStatus';
 import RowStatusDefault from './RowStatus';
 import SelectionStatusDefault from './selection/SelectionStatus';
-const SMART_STATUS_CLASS = 'pgn__smart-status';
+var SMART_STATUS_CLASS = 'pgn__smart-status';
 function SmartStatus() {
-  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;
+  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;
   if (numSelectedRows > 0) {
     return /*#__PURE__*/React.createElement(SelectionStatus, {
       className: SMART_STATUS_CLASS
     });
   }
-  if (state?.filters?.length > 0 && !showFiltersInSidebar) {
+  if ((state === null || state === void 0 ? void 0 : (_state$filters = state.filters) === null || _state$filters === void 0 ? void 0 : _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","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"}
+{"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"}

package/dist/DataTable/Table.js

@@ -7,26 +7,24 @@ import TableRow from './TableRow';
 import { useRows } from './hooks';
 import DataTableContext from './DataTableContext';
 function Table(_ref) {
-  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
+  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
+      });
     });
-  });
+  };
   if (!getTableProps) {
     return null;
   }

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","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,UAAWT,aAAa,CAAC;IACvBY,SAAS,EAAErB,UAAU,CAAC;MAAE,iBAAiB,EAAE,IAAI;MAAE,YAAY,EAAEQ;IAAU,CAAC;EAC5E,CAAC,CAAC,eAEAX,KAAA,CAAAqB,aAAA,CAAChB,cAAc;IAACU,YAAY,EAAEA;EAAa,CAAE,CAAC,eAC9Cf,KAAA,CAAAqB,aAAA,UAAWL,iBAAiB,CAAC,CAAC,EAC3BE,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"}
+{"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","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,UAAWV,aAAa,CAAC;IACvBa,SAAS,EAAEvB,UAAU,CAAC;MAAE,iBAAiB,EAAE,IAAI;MAAE,YAAY,EAAEQ;IAAU,CAAC;EAC5E,CAAC,CAAC,eAEAX,KAAA,CAAAuB,aAAA,CAAClB,cAAc;IAACW,YAAY,EAAEA;EAAa,CAAE,CAAC,eAC9ChB,KAAA,CAAAuB,aAAA,UAAWN,iBAAiB,CAAC,CAAC,EAC3BG,UAAU,CAAC,CACP,CACF,CACJ,CAAC;AAEV;AAEAX,KAAK,CAACoB,YAAY,GAAG;EACnBlB,SAAS,EAAE;AACb,CAAC;AAEDF,KAAK,CAACqB,SAAS,GAAG;EAChB;EACAnB,SAAS,EAAET,SAAS,CAAC6B;AACvB,CAAC;AAED,eAAetB,KAAK"}