@openedx/paragon 22.10.0 → 22.11.1

package/dist/DataTable/DropdownFilters.js

@@ -1,9 +1,3 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useContext, useMemo } from 'react';
 import DataTableContext from './DataTableContext';
 import { DropdownButton } from '../Dropdown';
@@ -12,46 +6,39 @@ import breakpoints from '../utils/breakpoints';
 
 /** The first filter will be as an input, additional filters will be available in a dropdown.  */
 function DropdownFilters() {
-  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];
+  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]);
   return /*#__PURE__*/React.createElement("div", {
     className: "pgn__data-table-filters"
-  }, 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, {
+  }, 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, {
     variant: "outline-primary",
     id: "table-filters-dropdown",
     title: "Filters"
-  }, otherFilters.map(function (column) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: column.Header,
-      className: "pgn__data-table-filters-dropdown-item"
-    }, column.render('Filter'));
-  })));
+  }, otherFilters.map(column => /*#__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","_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","ignoreList":[]}
+{"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","ignoreList":[]}

package/dist/DataTable/EmptyTable.js

@@ -1,24 +1,24 @@
-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; }
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import DataTableContext from './DataTableContext';
 function EmptyTable(_ref) {
-  var content = _ref.content,
-    className = _ref.className,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useContext = useContext(DataTableContext),
-    rows = _useContext.rows,
-    isLoading = _useContext.isLoading;
+  let {
+    content,
+    className,
+    ...rest
+  } = _ref;
+  const {
+    rows,
+    isLoading
+  } = useContext(DataTableContext);
   if (isLoading || !rows || rows.length > 0) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: classNames('pgn__data-table-empty', className)
-  }, rest), content);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('pgn__data-table-empty', className),
+    ...rest
+  }, content);
 }
 EmptyTable.defaultProps = {
   className: 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","_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","ignoreList":[]}
+{"version":3,"file":"EmptyTable.js","names":["React","useContext","PropTypes","classNames","DataTableContext","EmptyTable","_ref","content","className","rest","rows","isLoading","length","createElement","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;IAAEC,OAAO;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAAH,IAAA;EACjD,MAAM;IAAEI,IAAI;IAAEC;EAAU,CAAC,GAAGV,UAAU,CAACG,gBAAgB,CAAC;EACxD,IAAIO,SAAS,IAAI,CAACD,IAAI,IAAIA,IAAI,CAACE,MAAM,GAAG,CAAC,EAAE;IAAE,OAAO,IAAI;EAAE;EAE1D,oBAAQZ,KAAA,CAAAa,aAAA;IAAKL,SAAS,EAAEL,UAAU,CAAC,uBAAuB,EAAEK,SAAS,CAAE;IAAA,GAAKC;EAAI,GAAGF,OAAa,CAAC;AACnG;AAEAF,UAAU,CAACS,YAAY,GAAG;EACxBN,SAAS,EAAE;AACb,CAAC;AAEDH,UAAU,CAACU,SAAS,GAAG;EACrBP,SAAS,EAAEN,SAAS,CAACc,MAAM;EAC3BT,OAAO,EAAEL,SAAS,CAACc,MAAM,CAACC;AAC5B,CAAC;AAED,eAAeZ,UAAU","ignoreList":[]}

package/dist/DataTable/ExpandAll.js

@@ -3,9 +3,13 @@ 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", 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","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","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

@@ -3,10 +3,14 @@ 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", 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","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","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

@@ -7,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;
   }
@@ -39,14 +41,18 @@ function Table(_ref) {
   }, /*#__PURE__*/React.createElement(Spinner, {
     animation: "border",
     screenReaderText: "loading"
-  })), /*#__PURE__*/React.createElement("table", 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", getTableBodyProps(), renderRows())));
+  }), /*#__PURE__*/React.createElement("tbody", {
+    ...getTableBodyProps()
+  }, renderRows())));
 }
 Table.defaultProps = {
   isStriped: true