@openedx/paragon 21.12.1 → 21.12.2

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"}

package/dist/DataTable/TableActions.js

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

package/dist/DataTable/TableActions.js.map

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

package/dist/DataTable/TableCell.js

@@ -1,4 +1,4 @@
-const _excluded = ["className"];
+var _excluded = ["className"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _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; }
@@ -6,15 +6,11 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 function TableCell(_ref) {
-  let {
-    getCellProps,
-    render,
-    column
-  } = _ref;
-  const _getCellProps = getCellProps(),
-    {
-      className
-    } = _getCellProps,
+  var getCellProps = _ref.getCellProps,
+    render = _ref.render,
+    column = _ref.column;
+  var _getCellProps = getCellProps(),
+    className = _getCellProps.className,
     rest = _objectWithoutProperties(_getCellProps, _excluded);
   return /*#__PURE__*/React.createElement("td", _extends({}, rest, {
     className: classNames('pgn__data-table-cell-wrap', className, column.cellClassName)

package/dist/DataTable/TableCell.js.map

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

package/dist/DataTable/TableControlBar.js

@@ -9,18 +9,13 @@ import DataViewToggle from './DataViewToggle';
 
 // handles layout for filters, status, and bulk actions
 function TableControlBar(_ref) {
-  let {
-    className
-  } = _ref;
-  const {
-    setFilter,
-    showFiltersInSidebar,
-    dataViewToggleOptions: {
-      togglePlacement
-    }
-  } = useContext(DataTableContext);
-  const invalidTogglePlacement = !togglePlacement || !['left', 'bottom'].includes(togglePlacement);
-  const actionsSectionClassName = classNames({
+  var className = _ref.className;
+  var _useContext = useContext(DataTableContext),
+    setFilter = _useContext.setFilter,
+    showFiltersInSidebar = _useContext.showFiltersInSidebar,
+    togglePlacement = _useContext.dataViewToggleOptions.togglePlacement;
+  var invalidTogglePlacement = !togglePlacement || !['left', 'bottom'].includes(togglePlacement);
+  var actionsSectionClassName = classNames({
     'pgn__data-table-actions-right-toggle-bottom': togglePlacement === 'bottom',
     'pgn__data-table-actions-right': invalidTogglePlacement || togglePlacement === 'left'
   });

package/dist/DataTable/TableControlBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableControlBar.js","names":["React","useContext","PropTypes","classNames","SmartStatus","DropdownFilters","DataTableContext","ActionDisplay","DataViewToggle","TableControlBar","_ref","className","setFilter","showFiltersInSidebar","dataViewToggleOptions","togglePlacement","invalidTogglePlacement","includes","actionsSectionClassName","createElement","propTypes","string","defaultProps"],"sources":["../../src/DataTable/TableControlBar.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport SmartStatus from './SmartStatus';\nimport DropdownFilters from './DropdownFilters';\nimport DataTableContext from './DataTableContext';\nimport ActionDisplay from './ActionDisplay';\nimport DataViewToggle from './DataViewToggle';\n\n// handles layout for filters, status, and bulk actions\nfunction TableControlBar({ className }) {\n  const {\n    setFilter,\n    showFiltersInSidebar,\n    dataViewToggleOptions: { togglePlacement },\n  } = useContext(DataTableContext);\n\n  const invalidTogglePlacement = !togglePlacement || !(['left', 'bottom']).includes(togglePlacement);\n  const actionsSectionClassName = classNames({\n    'pgn__data-table-actions-right-toggle-bottom': togglePlacement === 'bottom',\n    'pgn__data-table-actions-right': invalidTogglePlacement || togglePlacement === 'left',\n  });\n  return (\n    <div className={classNames('pgn__data-table-status-bar', className)} data-testid=\"table-control-bar\">\n      {/* Using setFilter as a proxy for isFilterable */}\n      {(setFilter && !showFiltersInSidebar) && (\n      <div className=\"pgn__data-table-actions\">\n        <div className=\"pgn__data-table-actions-left\">\n          <DropdownFilters />\n        </div>\n        <div className={actionsSectionClassName}>\n          <div>\n            <ActionDisplay />\n          </div>\n        </div>\n\n      </div>\n      )}\n      <div className=\"pgn__data-table-status\">\n        <div className=\"pgn__data-table-status-left\">\n          {togglePlacement !== 'bottom' ? <SmartStatus /> : null}\n        </div>\n        {(!setFilter || (setFilter && showFiltersInSidebar)) && (\n          <div className={actionsSectionClassName}>\n            <div className=\"pgn__data-table-toggle\">\n              {togglePlacement === 'bottom' ? <SmartStatus /> : null}\n              <DataViewToggle />\n            </div>\n            <div>\n              <ActionDisplay />\n            </div>\n          </div>\n        )}\n        {(setFilter && !showFiltersInSidebar) && (\n          <div className=\"pgn__data-table-toggle\">\n            <DataViewToggle />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nTableControlBar.propTypes = {\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n};\n\nTableControlBar.defaultProps = {\n  className: null,\n};\n\nexport default TableControlBar;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,cAAc,MAAM,kBAAkB;;AAE7C;AACA,SAASC,eAAeA,CAAAC,IAAA,EAAgB;EAAA,IAAf;IAAEC;EAAU,CAAC,GAAAD,IAAA;EACpC,MAAM;IACJE,SAAS;IACTC,oBAAoB;IACpBC,qBAAqB,EAAE;MAAEC;IAAgB;EAC3C,CAAC,GAAGd,UAAU,CAACK,gBAAgB,CAAC;EAEhC,MAAMU,sBAAsB,GAAG,CAACD,eAAe,IAAI,CAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAEE,QAAQ,CAACF,eAAe,CAAC;EAClG,MAAMG,uBAAuB,GAAGf,UAAU,CAAC;IACzC,6CAA6C,EAAEY,eAAe,KAAK,QAAQ;IAC3E,+BAA+B,EAAEC,sBAAsB,IAAID,eAAe,KAAK;EACjF,CAAC,CAAC;EACF,oBACEf,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAER,UAAU,CAAC,4BAA4B,EAAEQ,SAAS,CAAE;IAAC,eAAY;EAAmB,GAEhGC,SAAS,IAAI,CAACC,oBAAoB,iBACpCb,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAC;EAAyB,gBACtCX,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAC;EAA8B,gBAC3CX,KAAA,CAAAmB,aAAA,CAACd,eAAe,MAAE,CACf,CAAC,eACNL,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAEO;EAAwB,gBACtClB,KAAA,CAAAmB,aAAA,2BACEnB,KAAA,CAAAmB,aAAA,CAACZ,aAAa,MAAE,CACb,CACF,CAEF,CACJ,eACDP,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAC;EAAwB,gBACrCX,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAC;EAA6B,GACzCI,eAAe,KAAK,QAAQ,gBAAGf,KAAA,CAAAmB,aAAA,CAACf,WAAW,MAAE,CAAC,GAAG,IAC/C,CAAC,EACL,CAAC,CAACQ,SAAS,IAAKA,SAAS,IAAIC,oBAAqB,kBACjDb,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAEO;EAAwB,gBACtClB,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAC;EAAwB,GACpCI,eAAe,KAAK,QAAQ,gBAAGf,KAAA,CAAAmB,aAAA,CAACf,WAAW,MAAE,CAAC,GAAG,IAAI,eACtDJ,KAAA,CAAAmB,aAAA,CAACX,cAAc,MAAE,CACd,CAAC,eACNR,KAAA,CAAAmB,aAAA,2BACEnB,KAAA,CAAAmB,aAAA,CAACZ,aAAa,MAAE,CACb,CACF,CACN,EACCK,SAAS,IAAI,CAACC,oBAAoB,iBAClCb,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAC;EAAwB,gBACrCX,KAAA,CAAAmB,aAAA,CAACX,cAAc,MAAE,CACd,CAEJ,CACF,CAAC;AAEV;AAEAC,eAAe,CAACW,SAAS,GAAG;EAC1B;EACAT,SAAS,EAAET,SAAS,CAACmB;AACvB,CAAC;AAEDZ,eAAe,CAACa,YAAY,GAAG;EAC7BX,SAAS,EAAE;AACb,CAAC;AAED,eAAeF,eAAe"}
+{"version":3,"file":"TableControlBar.js","names":["React","useContext","PropTypes","classNames","SmartStatus","DropdownFilters","DataTableContext","ActionDisplay","DataViewToggle","TableControlBar","_ref","className","_useContext","setFilter","showFiltersInSidebar","togglePlacement","dataViewToggleOptions","invalidTogglePlacement","includes","actionsSectionClassName","createElement","propTypes","string","defaultProps"],"sources":["../../src/DataTable/TableControlBar.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport SmartStatus from './SmartStatus';\nimport DropdownFilters from './DropdownFilters';\nimport DataTableContext from './DataTableContext';\nimport ActionDisplay from './ActionDisplay';\nimport DataViewToggle from './DataViewToggle';\n\n// handles layout for filters, status, and bulk actions\nfunction TableControlBar({ className }) {\n  const {\n    setFilter,\n    showFiltersInSidebar,\n    dataViewToggleOptions: { togglePlacement },\n  } = useContext(DataTableContext);\n\n  const invalidTogglePlacement = !togglePlacement || !(['left', 'bottom']).includes(togglePlacement);\n  const actionsSectionClassName = classNames({\n    'pgn__data-table-actions-right-toggle-bottom': togglePlacement === 'bottom',\n    'pgn__data-table-actions-right': invalidTogglePlacement || togglePlacement === 'left',\n  });\n  return (\n    <div className={classNames('pgn__data-table-status-bar', className)} data-testid=\"table-control-bar\">\n      {/* Using setFilter as a proxy for isFilterable */}\n      {(setFilter && !showFiltersInSidebar) && (\n      <div className=\"pgn__data-table-actions\">\n        <div className=\"pgn__data-table-actions-left\">\n          <DropdownFilters />\n        </div>\n        <div className={actionsSectionClassName}>\n          <div>\n            <ActionDisplay />\n          </div>\n        </div>\n\n      </div>\n      )}\n      <div className=\"pgn__data-table-status\">\n        <div className=\"pgn__data-table-status-left\">\n          {togglePlacement !== 'bottom' ? <SmartStatus /> : null}\n        </div>\n        {(!setFilter || (setFilter && showFiltersInSidebar)) && (\n          <div className={actionsSectionClassName}>\n            <div className=\"pgn__data-table-toggle\">\n              {togglePlacement === 'bottom' ? <SmartStatus /> : null}\n              <DataViewToggle />\n            </div>\n            <div>\n              <ActionDisplay />\n            </div>\n          </div>\n        )}\n        {(setFilter && !showFiltersInSidebar) && (\n          <div className=\"pgn__data-table-toggle\">\n            <DataViewToggle />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nTableControlBar.propTypes = {\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n};\n\nTableControlBar.defaultProps = {\n  className: null,\n};\n\nexport default TableControlBar;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,cAAc,MAAM,kBAAkB;;AAE7C;AACA,SAASC,eAAeA,CAAAC,IAAA,EAAgB;EAAA,IAAbC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAClC,IAAAC,WAAA,GAIIX,UAAU,CAACK,gBAAgB,CAAC;IAH9BO,SAAS,GAAAD,WAAA,CAATC,SAAS;IACTC,oBAAoB,GAAAF,WAAA,CAApBE,oBAAoB;IACKC,eAAe,GAAAH,WAAA,CAAxCI,qBAAqB,CAAID,eAAe;EAG1C,IAAME,sBAAsB,GAAG,CAACF,eAAe,IAAI,CAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAEG,QAAQ,CAACH,eAAe,CAAC;EAClG,IAAMI,uBAAuB,GAAGhB,UAAU,CAAC;IACzC,6CAA6C,EAAEY,eAAe,KAAK,QAAQ;IAC3E,+BAA+B,EAAEE,sBAAsB,IAAIF,eAAe,KAAK;EACjF,CAAC,CAAC;EACF,oBACEf,KAAA,CAAAoB,aAAA;IAAKT,SAAS,EAAER,UAAU,CAAC,4BAA4B,EAAEQ,SAAS,CAAE;IAAC,eAAY;EAAmB,GAEhGE,SAAS,IAAI,CAACC,oBAAoB,iBACpCd,KAAA,CAAAoB,aAAA;IAAKT,SAAS,EAAC;EAAyB,gBACtCX,KAAA,CAAAoB,aAAA;IAAKT,SAAS,EAAC;EAA8B,gBAC3CX,KAAA,CAAAoB,aAAA,CAACf,eAAe,MAAE,CACf,CAAC,eACNL,KAAA,CAAAoB,aAAA;IAAKT,SAAS,EAAEQ;EAAwB,gBACtCnB,KAAA,CAAAoB,aAAA,2BACEpB,KAAA,CAAAoB,aAAA,CAACb,aAAa,MAAE,CACb,CACF,CAEF,CACJ,eACDP,KAAA,CAAAoB,aAAA;IAAKT,SAAS,EAAC;EAAwB,gBACrCX,KAAA,CAAAoB,aAAA;IAAKT,SAAS,EAAC;EAA6B,GACzCI,eAAe,KAAK,QAAQ,gBAAGf,KAAA,CAAAoB,aAAA,CAAChB,WAAW,MAAE,CAAC,GAAG,IAC/C,CAAC,EACL,CAAC,CAACS,SAAS,IAAKA,SAAS,IAAIC,oBAAqB,kBACjDd,KAAA,CAAAoB,aAAA;IAAKT,SAAS,EAAEQ;EAAwB,gBACtCnB,KAAA,CAAAoB,aAAA;IAAKT,SAAS,EAAC;EAAwB,GACpCI,eAAe,KAAK,QAAQ,gBAAGf,KAAA,CAAAoB,aAAA,CAAChB,WAAW,MAAE,CAAC,GAAG,IAAI,eACtDJ,KAAA,CAAAoB,aAAA,CAACZ,cAAc,MAAE,CACd,CAAC,eACNR,KAAA,CAAAoB,aAAA,2BACEpB,KAAA,CAAAoB,aAAA,CAACb,aAAa,MAAE,CACb,CACF,CACN,EACCM,SAAS,IAAI,CAACC,oBAAoB,iBAClCd,KAAA,CAAAoB,aAAA;IAAKT,SAAS,EAAC;EAAwB,gBACrCX,KAAA,CAAAoB,aAAA,CAACZ,cAAc,MAAE,CACd,CAEJ,CACF,CAAC;AAEV;AAEAC,eAAe,CAACY,SAAS,GAAG;EAC1B;EACAV,SAAS,EAAET,SAAS,CAACoB;AACvB,CAAC;AAEDb,eAAe,CAACc,YAAY,GAAG;EAC7BZ,SAAS,EAAE;AACb,CAAC;AAED,eAAeF,eAAe"}

package/dist/DataTable/TableFilters.js

@@ -1,24 +1,26 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Button from '../Button';
-export const TABLE_FILTERS_BUTTON_TEXT = 'Filter';
+export var TABLE_FILTERS_BUTTON_TEXT = 'Filter';
 function TableFilters(_ref) {
-  let {
-    columns,
-    manualFilters,
-    onFilter,
-    currentFilters
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, "Filters"), columns.map(column => /*#__PURE__*/React.createElement("div", {
-    key: column.Header
-  }, column.canFilter ? column.render('Filter') : null)), manualFilters && /*#__PURE__*/React.createElement(Button, {
+  var columns = _ref.columns,
+    manualFilters = _ref.manualFilters,
+    onFilter = _ref.onFilter,
+    currentFilters = _ref.currentFilters;
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, "Filters"), columns.map(function (column) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: column.Header
+    }, column.canFilter ? column.render('Filter') : null);
+  }), manualFilters && /*#__PURE__*/React.createElement(Button, {
     type: "primary",
-    onClick: () => onFilter(currentFilters)
+    onClick: function onClick() {
+      return onFilter(currentFilters);
+    }
   }, TABLE_FILTERS_BUTTON_TEXT));
 }
 TableFilters.defaultProps = {
   manualFilters: false,
-  onFilter: () => {}
+  onFilter: function onFilter() {}
 };
 TableFilters.propTypes = {
   columns: PropTypes.arrayOf(PropTypes.shape({

package/dist/DataTable/TableFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableFilters.js","names":["React","PropTypes","Button","TABLE_FILTERS_BUTTON_TEXT","TableFilters","_ref","columns","manualFilters","onFilter","currentFilters","createElement","map","column","key","Header","canFilter","render","type","onClick","defaultProps","propTypes","arrayOf","shape","oneOfType","elementType","node","isRequired","bool","func"],"sources":["../../src/DataTable/TableFilters.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '../Button';\n\nexport const TABLE_FILTERS_BUTTON_TEXT = 'Filter';\n\nfunction TableFilters({\n  columns, manualFilters, onFilter, currentFilters,\n}) {\n  return (\n    <div>\n      <h4>Filters</h4>\n      {columns.map(column => <div key={column.Header}>{column.canFilter ? column.render('Filter') : null}</div>)}\n      {manualFilters && (\n      <Button\n        type=\"primary\"\n        onClick={() => onFilter(currentFilters)}\n      >\n        {TABLE_FILTERS_BUTTON_TEXT}\n      </Button>\n      )}\n    </div>\n  );\n}\n\nTableFilters.defaultProps = {\n  manualFilters: false,\n  onFilter: () => {},\n};\n\nTableFilters.propTypes = {\n  columns: PropTypes.arrayOf(PropTypes.shape({\n    Header: PropTypes.oneOfType([PropTypes.elementType, PropTypes.node]).isRequired,\n    canFilter: PropTypes.bool,\n    render: PropTypes.func.isRequired,\n  })).isRequired,\n  manualFilters: PropTypes.bool,\n  onFilter: PropTypes.func,\n  currentFilters: PropTypes.arrayOf(PropTypes.shape()).isRequired,\n};\n\nexport default TableFilters;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,WAAW;AAE9B,OAAO,MAAMC,yBAAyB,GAAG,QAAQ;AAEjD,SAASC,YAAYA,CAAAC,IAAA,EAElB;EAAA,IAFmB;IACpBC,OAAO;IAAEC,aAAa;IAAEC,QAAQ;IAAEC;EACpC,CAAC,GAAAJ,IAAA;EACC,oBACEL,KAAA,CAAAU,aAAA,2BACEV,KAAA,CAAAU,aAAA,aAAI,SAAW,CAAC,EACfJ,OAAO,CAACK,GAAG,CAACC,MAAM,iBAAIZ,KAAA,CAAAU,aAAA;IAAKG,GAAG,EAAED,MAAM,CAACE;EAAO,GAAEF,MAAM,CAACG,SAAS,GAAGH,MAAM,CAACI,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAU,CAAC,CAAC,EACzGT,aAAa,iBACdP,KAAA,CAAAU,aAAA,CAACR,MAAM;IACLe,IAAI,EAAC,SAAS;IACdC,OAAO,EAAEA,CAAA,KAAMV,QAAQ,CAACC,cAAc;EAAE,GAEvCN,yBACK,CAEL,CAAC;AAEV;AAEAC,YAAY,CAACe,YAAY,GAAG;EAC1BZ,aAAa,EAAE,KAAK;EACpBC,QAAQ,EAAEA,CAAA,KAAM,CAAC;AACnB,CAAC;AAEDJ,YAAY,CAACgB,SAAS,GAAG;EACvBd,OAAO,EAAEL,SAAS,CAACoB,OAAO,CAACpB,SAAS,CAACqB,KAAK,CAAC;IACzCR,MAAM,EAAEb,SAAS,CAACsB,SAAS,CAAC,CAACtB,SAAS,CAACuB,WAAW,EAAEvB,SAAS,CAACwB,IAAI,CAAC,CAAC,CAACC,UAAU;IAC/EX,SAAS,EAAEd,SAAS,CAAC0B,IAAI;IACzBX,MAAM,EAAEf,SAAS,CAAC2B,IAAI,CAACF;EACzB,CAAC,CAAC,CAAC,CAACA,UAAU;EACdnB,aAAa,EAAEN,SAAS,CAAC0B,IAAI;EAC7BnB,QAAQ,EAAEP,SAAS,CAAC2B,IAAI;EACxBnB,cAAc,EAAER,SAAS,CAACoB,OAAO,CAACpB,SAAS,CAACqB,KAAK,CAAC,CAAC,CAAC,CAACI;AACvD,CAAC;AAED,eAAetB,YAAY"}
+{"version":3,"file":"TableFilters.js","names":["React","PropTypes","Button","TABLE_FILTERS_BUTTON_TEXT","TableFilters","_ref","columns","manualFilters","onFilter","currentFilters","createElement","map","column","key","Header","canFilter","render","type","onClick","defaultProps","propTypes","arrayOf","shape","oneOfType","elementType","node","isRequired","bool","func"],"sources":["../../src/DataTable/TableFilters.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '../Button';\n\nexport const TABLE_FILTERS_BUTTON_TEXT = 'Filter';\n\nfunction TableFilters({\n  columns, manualFilters, onFilter, currentFilters,\n}) {\n  return (\n    <div>\n      <h4>Filters</h4>\n      {columns.map(column => <div key={column.Header}>{column.canFilter ? column.render('Filter') : null}</div>)}\n      {manualFilters && (\n      <Button\n        type=\"primary\"\n        onClick={() => onFilter(currentFilters)}\n      >\n        {TABLE_FILTERS_BUTTON_TEXT}\n      </Button>\n      )}\n    </div>\n  );\n}\n\nTableFilters.defaultProps = {\n  manualFilters: false,\n  onFilter: () => {},\n};\n\nTableFilters.propTypes = {\n  columns: PropTypes.arrayOf(PropTypes.shape({\n    Header: PropTypes.oneOfType([PropTypes.elementType, PropTypes.node]).isRequired,\n    canFilter: PropTypes.bool,\n    render: PropTypes.func.isRequired,\n  })).isRequired,\n  manualFilters: PropTypes.bool,\n  onFilter: PropTypes.func,\n  currentFilters: PropTypes.arrayOf(PropTypes.shape()).isRequired,\n};\n\nexport default TableFilters;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,WAAW;AAE9B,OAAO,IAAMC,yBAAyB,GAAG,QAAQ;AAEjD,SAASC,YAAYA,CAAAC,IAAA,EAElB;EAAA,IADDC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;EAEhD,oBACET,KAAA,CAAAU,aAAA,2BACEV,KAAA,CAAAU,aAAA,aAAI,SAAW,CAAC,EACfJ,OAAO,CAACK,GAAG,CAAC,UAAAC,MAAM;IAAA,oBAAIZ,KAAA,CAAAU,aAAA;MAAKG,GAAG,EAAED,MAAM,CAACE;IAAO,GAAEF,MAAM,CAACG,SAAS,GAAGH,MAAM,CAACI,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAU,CAAC;EAAA,EAAC,EACzGT,aAAa,iBACdP,KAAA,CAAAU,aAAA,CAACR,MAAM;IACLe,IAAI,EAAC,SAAS;IACdC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMV,QAAQ,CAACC,cAAc,CAAC;IAAA;EAAC,GAEvCN,yBACK,CAEL,CAAC;AAEV;AAEAC,YAAY,CAACe,YAAY,GAAG;EAC1BZ,aAAa,EAAE,KAAK;EACpBC,QAAQ,EAAE,SAAAA,SAAA,EAAM,CAAC;AACnB,CAAC;AAEDJ,YAAY,CAACgB,SAAS,GAAG;EACvBd,OAAO,EAAEL,SAAS,CAACoB,OAAO,CAACpB,SAAS,CAACqB,KAAK,CAAC;IACzCR,MAAM,EAAEb,SAAS,CAACsB,SAAS,CAAC,CAACtB,SAAS,CAACuB,WAAW,EAAEvB,SAAS,CAACwB,IAAI,CAAC,CAAC,CAACC,UAAU;IAC/EX,SAAS,EAAEd,SAAS,CAAC0B,IAAI;IACzBX,MAAM,EAAEf,SAAS,CAAC2B,IAAI,CAACF;EACzB,CAAC,CAAC,CAAC,CAACA,UAAU;EACdnB,aAAa,EAAEN,SAAS,CAAC0B,IAAI;EAC7BnB,QAAQ,EAAEP,SAAS,CAAC2B,IAAI;EACxBnB,cAAc,EAAER,SAAS,CAACoB,OAAO,CAACpB,SAAS,CAACqB,KAAK,CAAC,CAAC,CAAC,CAACI;AACvD,CAAC;AAED,eAAetB,YAAY"}

package/dist/DataTable/TableFooter.js

@@ -6,14 +6,11 @@ import RowStatusDefault from './RowStatus';
 import TablePagination from './TablePagination';
 import TablePaginationMinimal from './TablePaginationMinimal';
 function TableFooter(_ref) {
-  let {
-    className,
-    children
-  } = _ref;
-  const {
-    RowStatusComponent
-  } = useContext(DataTableContext);
-  const RowStatus = RowStatusComponent || RowStatusDefault;
+  var className = _ref.className,
+    children = _ref.children;
+  var _useContext = useContext(DataTableContext),
+    RowStatusComponent = _useContext.RowStatusComponent;
+  var RowStatus = RowStatusComponent || RowStatusDefault;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(className, 'pgn__data-table-footer'),
     "data-testid": "table-footer"

package/dist/DataTable/TableFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooter.js","names":["React","useContext","classNames","PropTypes","DataTableContext","RowStatusDefault","TablePagination","TablePaginationMinimal","TableFooter","_ref","className","children","RowStatusComponent","RowStatus","createElement","Fragment","propTypes","node","string","defaultProps","undefined"],"sources":["../../src/DataTable/TableFooter.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport DataTableContext from './DataTableContext';\nimport RowStatusDefault from './RowStatus';\nimport TablePagination from './TablePagination';\nimport TablePaginationMinimal from './TablePaginationMinimal';\n\nfunction TableFooter({ className, children }) {\n  const { RowStatusComponent } = useContext(DataTableContext);\n  const RowStatus = RowStatusComponent || RowStatusDefault;\n\n  return (\n    <div className={classNames(className, 'pgn__data-table-footer')} data-testid=\"table-footer\">\n      {children || (\n        <>\n          <RowStatus />\n          <TablePagination />\n          <TablePaginationMinimal />\n        </>\n      )}\n    </div>\n  );\n}\n\nTableFooter.propTypes = {\n  /** Specifies the content of the `TableFooter` */\n  children: PropTypes.node,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n};\n\nTableFooter.defaultProps = {\n  children: null,\n  className: undefined,\n};\n\nexport default TableFooter;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,gBAAgB,MAAM,aAAa;AAC1C,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,sBAAsB,MAAM,0BAA0B;AAE7D,SAASC,WAAWA,CAAAC,IAAA,EAA0B;EAAA,IAAzB;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAAF,IAAA;EAC1C,MAAM;IAAEG;EAAmB,CAAC,GAAGX,UAAU,CAACG,gBAAgB,CAAC;EAC3D,MAAMS,SAAS,GAAGD,kBAAkB,IAAIP,gBAAgB;EAExD,oBACEL,KAAA,CAAAc,aAAA;IAAKJ,SAAS,EAAER,UAAU,CAACQ,SAAS,EAAE,wBAAwB,CAAE;IAAC,eAAY;EAAc,GACxFC,QAAQ,iBACPX,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,qBACEf,KAAA,CAAAc,aAAA,CAACD,SAAS,MAAE,CAAC,eACbb,KAAA,CAAAc,aAAA,CAACR,eAAe,MAAE,CAAC,eACnBN,KAAA,CAAAc,aAAA,CAACP,sBAAsB,MAAE,CACzB,CAED,CAAC;AAEV;AAEAC,WAAW,CAACQ,SAAS,GAAG;EACtB;EACAL,QAAQ,EAAER,SAAS,CAACc,IAAI;EACxB;EACAP,SAAS,EAAEP,SAAS,CAACe;AACvB,CAAC;AAEDV,WAAW,CAACW,YAAY,GAAG;EACzBR,QAAQ,EAAE,IAAI;EACdD,SAAS,EAAEU;AACb,CAAC;AAED,eAAeZ,WAAW"}
+{"version":3,"file":"TableFooter.js","names":["React","useContext","classNames","PropTypes","DataTableContext","RowStatusDefault","TablePagination","TablePaginationMinimal","TableFooter","_ref","className","children","_useContext","RowStatusComponent","RowStatus","createElement","Fragment","propTypes","node","string","defaultProps","undefined"],"sources":["../../src/DataTable/TableFooter.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport DataTableContext from './DataTableContext';\nimport RowStatusDefault from './RowStatus';\nimport TablePagination from './TablePagination';\nimport TablePaginationMinimal from './TablePaginationMinimal';\n\nfunction TableFooter({ className, children }) {\n  const { RowStatusComponent } = useContext(DataTableContext);\n  const RowStatus = RowStatusComponent || RowStatusDefault;\n\n  return (\n    <div className={classNames(className, 'pgn__data-table-footer')} data-testid=\"table-footer\">\n      {children || (\n        <>\n          <RowStatus />\n          <TablePagination />\n          <TablePaginationMinimal />\n        </>\n      )}\n    </div>\n  );\n}\n\nTableFooter.propTypes = {\n  /** Specifies the content of the `TableFooter` */\n  children: PropTypes.node,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n};\n\nTableFooter.defaultProps = {\n  children: null,\n  className: undefined,\n};\n\nexport default TableFooter;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,gBAAgB,MAAM,aAAa;AAC1C,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,sBAAsB,MAAM,0BAA0B;AAE7D,SAASC,WAAWA,CAAAC,IAAA,EAA0B;EAAA,IAAvBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EACxC,IAAAC,WAAA,GAA+BX,UAAU,CAACG,gBAAgB,CAAC;IAAnDS,kBAAkB,GAAAD,WAAA,CAAlBC,kBAAkB;EAC1B,IAAMC,SAAS,GAAGD,kBAAkB,IAAIR,gBAAgB;EAExD,oBACEL,KAAA,CAAAe,aAAA;IAAKL,SAAS,EAAER,UAAU,CAACQ,SAAS,EAAE,wBAAwB,CAAE;IAAC,eAAY;EAAc,GACxFC,QAAQ,iBACPX,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAgB,QAAA,qBACEhB,KAAA,CAAAe,aAAA,CAACD,SAAS,MAAE,CAAC,eACbd,KAAA,CAAAe,aAAA,CAACT,eAAe,MAAE,CAAC,eACnBN,KAAA,CAAAe,aAAA,CAACR,sBAAsB,MAAE,CACzB,CAED,CAAC;AAEV;AAEAC,WAAW,CAACS,SAAS,GAAG;EACtB;EACAN,QAAQ,EAAER,SAAS,CAACe,IAAI;EACxB;EACAR,SAAS,EAAEP,SAAS,CAACgB;AACvB,CAAC;AAEDX,WAAW,CAACY,YAAY,GAAG;EACzBT,QAAQ,EAAE,IAAI;EACdD,SAAS,EAAEW;AACb,CAAC;AAED,eAAeb,WAAW"}

package/dist/DataTable/TableHeaderCell.js

@@ -4,10 +4,8 @@ import classNames from 'classnames';
 import Icon from '../Icon';
 import { ArrowDropDown, ArrowDropUp, ArrowDropUpDown } from '../../icons';
 export function SortIndicator(_ref) {
-  let {
-    isSorted,
-    isSortedDesc
-  } = _ref;
+  var isSorted = _ref.isSorted,
+    isSortedDesc = _ref.isSortedDesc;
   if (!isSorted) {
     return /*#__PURE__*/React.createElement(Icon, {
       style: {
@@ -33,16 +31,14 @@ SortIndicator.propTypes = {
   isSortedDesc: PropTypes.bool.isRequired
 };
 function TableHeaderCell(_ref2) {
-  let {
-    getHeaderProps,
-    render,
-    canSort,
-    getSortByToggleProps,
-    isSorted,
-    isSortedDesc,
-    headerClassName
-  } = _ref2;
-  const toggleProps = canSort && getSortByToggleProps ? getSortByToggleProps() : {};
+  var getHeaderProps = _ref2.getHeaderProps,
+    render = _ref2.render,
+    canSort = _ref2.canSort,
+    getSortByToggleProps = _ref2.getSortByToggleProps,
+    isSorted = _ref2.isSorted,
+    isSortedDesc = _ref2.isSortedDesc,
+    headerClassName = _ref2.headerClassName;
+  var toggleProps = canSort && getSortByToggleProps ? getSortByToggleProps() : {};
   return /*#__PURE__*/React.createElement("th", getHeaderProps(toggleProps), /*#__PURE__*/React.createElement("span", {
     className: classNames('d-flex align-items-center', headerClassName)
   }, /*#__PURE__*/React.createElement("span", null, render('Header')), canSort && /*#__PURE__*/React.createElement(SortIndicator, {
@@ -55,7 +51,7 @@ TableHeaderCell.defaultProps = {
   isSorted: false,
   isSortedDesc: false,
   canSort: false,
-  getSortByToggleProps: () => {}
+  getSortByToggleProps: function getSortByToggleProps() {}
 };
 TableHeaderCell.propTypes = {
   /** Returns props for the th element */

package/dist/DataTable/TableHeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderCell.js","names":["React","PropTypes","classNames","Icon","ArrowDropDown","ArrowDropUp","ArrowDropUpDown","SortIndicator","_ref","isSorted","isSortedDesc","createElement","style","opacity","src","propTypes","bool","isRequired","TableHeaderCell","_ref2","getHeaderProps","render","canSort","getSortByToggleProps","headerClassName","toggleProps","className","defaultProps","func","string"],"sources":["../../src/DataTable/TableHeaderCell.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Icon from '../Icon';\nimport { ArrowDropDown, ArrowDropUp, ArrowDropUpDown } from '../../icons';\n\nexport function SortIndicator({ isSorted, isSortedDesc }) {\n  if (!isSorted) {\n    return <Icon style={{ opacity: 0.5 }} src={ArrowDropUpDown} data-testid=\"arrow-drop-up-down\" />;\n  }\n\n  if (isSortedDesc) {\n    return <Icon src={ArrowDropDown} data-testid=\"arrow-drop-down\" />;\n  }\n\n  return <Icon src={ArrowDropUp} data-testid=\"arrow-drop-up\" />;\n}\n\nSortIndicator.propTypes = {\n  isSorted: PropTypes.bool.isRequired,\n  isSortedDesc: PropTypes.bool.isRequired,\n};\n\nfunction TableHeaderCell({\n  getHeaderProps, render, canSort, getSortByToggleProps, isSorted, isSortedDesc, headerClassName,\n}) {\n  const toggleProps = canSort && getSortByToggleProps ? getSortByToggleProps() : {};\n\n  return (\n    <th {...getHeaderProps(toggleProps)}>\n      <span className={classNames('d-flex align-items-center', headerClassName)}>\n        <span>{render('Header')}</span>\n        {canSort && <SortIndicator isSorted={isSorted} isSortedDesc={isSortedDesc || false} />}\n      </span>\n    </th>\n  );\n}\n\nTableHeaderCell.defaultProps = {\n  headerClassName: null,\n  isSorted: false,\n  isSortedDesc: false,\n  canSort: false,\n  getSortByToggleProps: () => {},\n};\n\nTableHeaderCell.propTypes = {\n  /** Returns props for the th element */\n  getHeaderProps: PropTypes.func.isRequired,\n  /** Indicates whether or not a column is sorted */\n  isSorted: PropTypes.bool,\n  /** Renders the header content. Passed the string 'Header' */\n  render: PropTypes.func.isRequired,\n  /** Indicates whether the column is sorted in descending order */\n  isSortedDesc: PropTypes.bool,\n  /** Gets props related to sorting that will be passed to th */\n  getSortByToggleProps: PropTypes.func,\n  /** Indicates whether a column is sortable */\n  canSort: PropTypes.bool,\n  /** Class(es) to be applied to header cells */\n  headerClassName: PropTypes.string,\n};\n\nexport default TableHeaderCell;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,IAAI,MAAM,SAAS;AAC1B,SAASC,aAAa,EAAEC,WAAW,EAAEC,eAAe,QAAQ,aAAa;AAEzE,OAAO,SAASC,aAAaA,CAAAC,IAAA,EAA6B;EAAA,IAA5B;IAAEC,QAAQ;IAAEC;EAAa,CAAC,GAAAF,IAAA;EACtD,IAAI,CAACC,QAAQ,EAAE;IACb,oBAAOT,KAAA,CAAAW,aAAA,CAACR,IAAI;MAACS,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAI,CAAE;MAACC,GAAG,EAAER,eAAgB;MAAC,eAAY;IAAoB,CAAE,CAAC;EACjG;EAEA,IAAII,YAAY,EAAE;IAChB,oBAAOV,KAAA,CAAAW,aAAA,CAACR,IAAI;MAACW,GAAG,EAAEV,aAAc;MAAC,eAAY;IAAiB,CAAE,CAAC;EACnE;EAEA,oBAAOJ,KAAA,CAAAW,aAAA,CAACR,IAAI;IAACW,GAAG,EAAET,WAAY;IAAC,eAAY;EAAe,CAAE,CAAC;AAC/D;AAEAE,aAAa,CAACQ,SAAS,GAAG;EACxBN,QAAQ,EAAER,SAAS,CAACe,IAAI,CAACC,UAAU;EACnCP,YAAY,EAAET,SAAS,CAACe,IAAI,CAACC;AAC/B,CAAC;AAED,SAASC,eAAeA,CAAAC,KAAA,EAErB;EAAA,IAFsB;IACvBC,cAAc;IAAEC,MAAM;IAAEC,OAAO;IAAEC,oBAAoB;IAAEd,QAAQ;IAAEC,YAAY;IAAEc;EACjF,CAAC,GAAAL,KAAA;EACC,MAAMM,WAAW,GAAGH,OAAO,IAAIC,oBAAoB,GAAGA,oBAAoB,CAAC,CAAC,GAAG,CAAC,CAAC;EAEjF,oBACEvB,KAAA,CAAAW,aAAA,OAAQS,cAAc,CAACK,WAAW,CAAC,eACjCzB,KAAA,CAAAW,aAAA;IAAMe,SAAS,EAAExB,UAAU,CAAC,2BAA2B,EAAEsB,eAAe;EAAE,gBACxExB,KAAA,CAAAW,aAAA,eAAOU,MAAM,CAAC,QAAQ,CAAQ,CAAC,EAC9BC,OAAO,iBAAItB,KAAA,CAAAW,aAAA,CAACJ,aAAa;IAACE,QAAQ,EAAEA,QAAS;IAACC,YAAY,EAAEA,YAAY,IAAI;EAAM,CAAE,CACjF,CACJ,CAAC;AAET;AAEAQ,eAAe,CAACS,YAAY,GAAG;EAC7BH,eAAe,EAAE,IAAI;EACrBf,QAAQ,EAAE,KAAK;EACfC,YAAY,EAAE,KAAK;EACnBY,OAAO,EAAE,KAAK;EACdC,oBAAoB,EAAEA,CAAA,KAAM,CAAC;AAC/B,CAAC;AAEDL,eAAe,CAACH,SAAS,GAAG;EAC1B;EACAK,cAAc,EAAEnB,SAAS,CAAC2B,IAAI,CAACX,UAAU;EACzC;EACAR,QAAQ,EAAER,SAAS,CAACe,IAAI;EACxB;EACAK,MAAM,EAAEpB,SAAS,CAAC2B,IAAI,CAACX,UAAU;EACjC;EACAP,YAAY,EAAET,SAAS,CAACe,IAAI;EAC5B;EACAO,oBAAoB,EAAEtB,SAAS,CAAC2B,IAAI;EACpC;EACAN,OAAO,EAAErB,SAAS,CAACe,IAAI;EACvB;EACAQ,eAAe,EAAEvB,SAAS,CAAC4B;AAC7B,CAAC;AAED,eAAeX,eAAe"}
+{"version":3,"file":"TableHeaderCell.js","names":["React","PropTypes","classNames","Icon","ArrowDropDown","ArrowDropUp","ArrowDropUpDown","SortIndicator","_ref","isSorted","isSortedDesc","createElement","style","opacity","src","propTypes","bool","isRequired","TableHeaderCell","_ref2","getHeaderProps","render","canSort","getSortByToggleProps","headerClassName","toggleProps","className","defaultProps","func","string"],"sources":["../../src/DataTable/TableHeaderCell.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Icon from '../Icon';\nimport { ArrowDropDown, ArrowDropUp, ArrowDropUpDown } from '../../icons';\n\nexport function SortIndicator({ isSorted, isSortedDesc }) {\n  if (!isSorted) {\n    return <Icon style={{ opacity: 0.5 }} src={ArrowDropUpDown} data-testid=\"arrow-drop-up-down\" />;\n  }\n\n  if (isSortedDesc) {\n    return <Icon src={ArrowDropDown} data-testid=\"arrow-drop-down\" />;\n  }\n\n  return <Icon src={ArrowDropUp} data-testid=\"arrow-drop-up\" />;\n}\n\nSortIndicator.propTypes = {\n  isSorted: PropTypes.bool.isRequired,\n  isSortedDesc: PropTypes.bool.isRequired,\n};\n\nfunction TableHeaderCell({\n  getHeaderProps, render, canSort, getSortByToggleProps, isSorted, isSortedDesc, headerClassName,\n}) {\n  const toggleProps = canSort && getSortByToggleProps ? getSortByToggleProps() : {};\n\n  return (\n    <th {...getHeaderProps(toggleProps)}>\n      <span className={classNames('d-flex align-items-center', headerClassName)}>\n        <span>{render('Header')}</span>\n        {canSort && <SortIndicator isSorted={isSorted} isSortedDesc={isSortedDesc || false} />}\n      </span>\n    </th>\n  );\n}\n\nTableHeaderCell.defaultProps = {\n  headerClassName: null,\n  isSorted: false,\n  isSortedDesc: false,\n  canSort: false,\n  getSortByToggleProps: () => {},\n};\n\nTableHeaderCell.propTypes = {\n  /** Returns props for the th element */\n  getHeaderProps: PropTypes.func.isRequired,\n  /** Indicates whether or not a column is sorted */\n  isSorted: PropTypes.bool,\n  /** Renders the header content. Passed the string 'Header' */\n  render: PropTypes.func.isRequired,\n  /** Indicates whether the column is sorted in descending order */\n  isSortedDesc: PropTypes.bool,\n  /** Gets props related to sorting that will be passed to th */\n  getSortByToggleProps: PropTypes.func,\n  /** Indicates whether a column is sortable */\n  canSort: PropTypes.bool,\n  /** Class(es) to be applied to header cells */\n  headerClassName: PropTypes.string,\n};\n\nexport default TableHeaderCell;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,IAAI,MAAM,SAAS;AAC1B,SAASC,aAAa,EAAEC,WAAW,EAAEC,eAAe,QAAQ,aAAa;AAEzE,OAAO,SAASC,aAAaA,CAAAC,IAAA,EAA6B;EAAA,IAA1BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY;EACpD,IAAI,CAACD,QAAQ,EAAE;IACb,oBAAOT,KAAA,CAAAW,aAAA,CAACR,IAAI;MAACS,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAI,CAAE;MAACC,GAAG,EAAER,eAAgB;MAAC,eAAY;IAAoB,CAAE,CAAC;EACjG;EAEA,IAAII,YAAY,EAAE;IAChB,oBAAOV,KAAA,CAAAW,aAAA,CAACR,IAAI;MAACW,GAAG,EAAEV,aAAc;MAAC,eAAY;IAAiB,CAAE,CAAC;EACnE;EAEA,oBAAOJ,KAAA,CAAAW,aAAA,CAACR,IAAI;IAACW,GAAG,EAAET,WAAY;IAAC,eAAY;EAAe,CAAE,CAAC;AAC/D;AAEAE,aAAa,CAACQ,SAAS,GAAG;EACxBN,QAAQ,EAAER,SAAS,CAACe,IAAI,CAACC,UAAU;EACnCP,YAAY,EAAET,SAAS,CAACe,IAAI,CAACC;AAC/B,CAAC;AAED,SAASC,eAAeA,CAAAC,KAAA,EAErB;EAAA,IADDC,cAAc,GAAAD,KAAA,CAAdC,cAAc;IAAEC,MAAM,GAAAF,KAAA,CAANE,MAAM;IAAEC,OAAO,GAAAH,KAAA,CAAPG,OAAO;IAAEC,oBAAoB,GAAAJ,KAAA,CAApBI,oBAAoB;IAAEd,QAAQ,GAAAU,KAAA,CAARV,QAAQ;IAAEC,YAAY,GAAAS,KAAA,CAAZT,YAAY;IAAEc,eAAe,GAAAL,KAAA,CAAfK,eAAe;EAE9F,IAAMC,WAAW,GAAGH,OAAO,IAAIC,oBAAoB,GAAGA,oBAAoB,CAAC,CAAC,GAAG,CAAC,CAAC;EAEjF,oBACEvB,KAAA,CAAAW,aAAA,OAAQS,cAAc,CAACK,WAAW,CAAC,eACjCzB,KAAA,CAAAW,aAAA;IAAMe,SAAS,EAAExB,UAAU,CAAC,2BAA2B,EAAEsB,eAAe;EAAE,gBACxExB,KAAA,CAAAW,aAAA,eAAOU,MAAM,CAAC,QAAQ,CAAQ,CAAC,EAC9BC,OAAO,iBAAItB,KAAA,CAAAW,aAAA,CAACJ,aAAa;IAACE,QAAQ,EAAEA,QAAS;IAACC,YAAY,EAAEA,YAAY,IAAI;EAAM,CAAE,CACjF,CACJ,CAAC;AAET;AAEAQ,eAAe,CAACS,YAAY,GAAG;EAC7BH,eAAe,EAAE,IAAI;EACrBf,QAAQ,EAAE,KAAK;EACfC,YAAY,EAAE,KAAK;EACnBY,OAAO,EAAE,KAAK;EACdC,oBAAoB,EAAE,SAAAA,qBAAA,EAAM,CAAC;AAC/B,CAAC;AAEDL,eAAe,CAACH,SAAS,GAAG;EAC1B;EACAK,cAAc,EAAEnB,SAAS,CAAC2B,IAAI,CAACX,UAAU;EACzC;EACAR,QAAQ,EAAER,SAAS,CAACe,IAAI;EACxB;EACAK,MAAM,EAAEpB,SAAS,CAAC2B,IAAI,CAACX,UAAU;EACjC;EACAP,YAAY,EAAET,SAAS,CAACe,IAAI;EAC5B;EACAO,oBAAoB,EAAEtB,SAAS,CAAC2B,IAAI;EACpC;EACAN,OAAO,EAAErB,SAAS,CAACe,IAAI;EACvB;EACAQ,eAAe,EAAEvB,SAAS,CAAC4B;AAC7B,CAAC;AAED,eAAeX,eAAe"}

package/dist/DataTable/TableHeaderRow.js

@@ -3,10 +3,12 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import TableHeaderCell from './TableHeaderCell';
 function TableHeaderRow(_ref) {
-  let {
-    headerGroups
-  } = _ref;
-  return /*#__PURE__*/React.createElement("thead", null, headerGroups.map(headerGroup => /*#__PURE__*/React.createElement("tr", headerGroup.getHeaderGroupProps(), headerGroup.headers.map(column => /*#__PURE__*/React.createElement(TableHeaderCell, _extends({}, column, column.getHeaderProps()))))));
+  var headerGroups = _ref.headerGroups;
+  return /*#__PURE__*/React.createElement("thead", null, headerGroups.map(function (headerGroup) {
+    return /*#__PURE__*/React.createElement("tr", headerGroup.getHeaderGroupProps(), headerGroup.headers.map(function (column) {
+      return /*#__PURE__*/React.createElement(TableHeaderCell, _extends({}, column, column.getHeaderProps()));
+    }));
+  }));
 }
 TableHeaderRow.propTypes = {
   headerGroups: PropTypes.arrayOf(PropTypes.shape({

package/dist/DataTable/TableHeaderRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderRow.js","names":["React","PropTypes","TableHeaderCell","TableHeaderRow","_ref","headerGroups","createElement","map","headerGroup","getHeaderGroupProps","headers","column","_extends","getHeaderProps","propTypes","arrayOf","shape","func","isRequired"],"sources":["../../src/DataTable/TableHeaderRow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport TableHeaderCell from './TableHeaderCell';\n\nfunction TableHeaderRow({ headerGroups }) {\n  return (\n    <thead>\n      {headerGroups.map(headerGroup => (\n        <tr {...headerGroup.getHeaderGroupProps()}>\n          {headerGroup.headers.map(column => (\n            <TableHeaderCell {...column} {...column.getHeaderProps()} />\n          ))}\n        </tr>\n      ))}\n    </thead>\n  );\n}\n\nTableHeaderRow.propTypes = {\n  headerGroups: PropTypes.arrayOf(PropTypes.shape({\n    headers: PropTypes.arrayOf(PropTypes.shape({\n      /** Props for the TableHeaderCell component. Must include a key */\n      getHeaderProps: PropTypes.func.isRequired,\n    })).isRequired,\n    /** Returns props for the header tr element */\n    getHeaderGroupProps: PropTypes.func.isRequired,\n  })).isRequired,\n};\n\nexport default TableHeaderRow;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,eAAe,MAAM,mBAAmB;AAE/C,SAASC,cAAcA,CAAAC,IAAA,EAAmB;EAAA,IAAlB;IAAEC;EAAa,CAAC,GAAAD,IAAA;EACtC,oBACEJ,KAAA,CAAAM,aAAA,gBACGD,YAAY,CAACE,GAAG,CAACC,WAAW,iBAC3BR,KAAA,CAAAM,aAAA,OAAQE,WAAW,CAACC,mBAAmB,CAAC,CAAC,EACtCD,WAAW,CAACE,OAAO,CAACH,GAAG,CAACI,MAAM,iBAC7BX,KAAA,CAAAM,aAAA,CAACJ,eAAe,EAAAU,QAAA,KAAKD,MAAM,EAAMA,MAAM,CAACE,cAAc,CAAC,CAAC,CAAG,CAC5D,CACC,CACL,CACI,CAAC;AAEZ;AAEAV,cAAc,CAACW,SAAS,GAAG;EACzBT,YAAY,EAAEJ,SAAS,CAACc,OAAO,CAACd,SAAS,CAACe,KAAK,CAAC;IAC9CN,OAAO,EAAET,SAAS,CAACc,OAAO,CAACd,SAAS,CAACe,KAAK,CAAC;MACzC;MACAH,cAAc,EAAEZ,SAAS,CAACgB,IAAI,CAACC;IACjC,CAAC,CAAC,CAAC,CAACA,UAAU;IACd;IACAT,mBAAmB,EAAER,SAAS,CAACgB,IAAI,CAACC;EACtC,CAAC,CAAC,CAAC,CAACA;AACN,CAAC;AAED,eAAef,cAAc"}
+{"version":3,"file":"TableHeaderRow.js","names":["React","PropTypes","TableHeaderCell","TableHeaderRow","_ref","headerGroups","createElement","map","headerGroup","getHeaderGroupProps","headers","column","_extends","getHeaderProps","propTypes","arrayOf","shape","func","isRequired"],"sources":["../../src/DataTable/TableHeaderRow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport TableHeaderCell from './TableHeaderCell';\n\nfunction TableHeaderRow({ headerGroups }) {\n  return (\n    <thead>\n      {headerGroups.map(headerGroup => (\n        <tr {...headerGroup.getHeaderGroupProps()}>\n          {headerGroup.headers.map(column => (\n            <TableHeaderCell {...column} {...column.getHeaderProps()} />\n          ))}\n        </tr>\n      ))}\n    </thead>\n  );\n}\n\nTableHeaderRow.propTypes = {\n  headerGroups: PropTypes.arrayOf(PropTypes.shape({\n    headers: PropTypes.arrayOf(PropTypes.shape({\n      /** Props for the TableHeaderCell component. Must include a key */\n      getHeaderProps: PropTypes.func.isRequired,\n    })).isRequired,\n    /** Returns props for the header tr element */\n    getHeaderGroupProps: PropTypes.func.isRequired,\n  })).isRequired,\n};\n\nexport default TableHeaderRow;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,eAAe,MAAM,mBAAmB;AAE/C,SAASC,cAAcA,CAAAC,IAAA,EAAmB;EAAA,IAAhBC,YAAY,GAAAD,IAAA,CAAZC,YAAY;EACpC,oBACEL,KAAA,CAAAM,aAAA,gBACGD,YAAY,CAACE,GAAG,CAAC,UAAAC,WAAW;IAAA,oBAC3BR,KAAA,CAAAM,aAAA,OAAQE,WAAW,CAACC,mBAAmB,CAAC,CAAC,EACtCD,WAAW,CAACE,OAAO,CAACH,GAAG,CAAC,UAAAI,MAAM;MAAA,oBAC7BX,KAAA,CAAAM,aAAA,CAACJ,eAAe,EAAAU,QAAA,KAAKD,MAAM,EAAMA,MAAM,CAACE,cAAc,CAAC,CAAC,CAAG,CAAC;IAAA,CAC7D,CACC,CAAC;EAAA,CACN,CACI,CAAC;AAEZ;AAEAV,cAAc,CAACW,SAAS,GAAG;EACzBT,YAAY,EAAEJ,SAAS,CAACc,OAAO,CAACd,SAAS,CAACe,KAAK,CAAC;IAC9CN,OAAO,EAAET,SAAS,CAACc,OAAO,CAACd,SAAS,CAACe,KAAK,CAAC;MACzC;MACAH,cAAc,EAAEZ,SAAS,CAACgB,IAAI,CAACC;IACjC,CAAC,CAAC,CAAC,CAACA,UAAU;IACd;IACAT,mBAAmB,EAAER,SAAS,CAACgB,IAAI,CAACC;EACtC,CAAC,CAAC,CAAC,CAACA;AACN,CAAC;AAED,eAAef,cAAc"}

package/dist/DataTable/TablePagination.js

@@ -2,18 +2,19 @@ import React, { useContext } from 'react';
 import DataTableContext from './DataTableContext';
 import Pagination from '../Pagination';
 function TablePagination() {
-  const {
-    pageCount,
-    state,
-    gotoPage
-  } = useContext(DataTableContext);
+  var _useContext = useContext(DataTableContext),
+    pageCount = _useContext.pageCount,
+    state = _useContext.state,
+    gotoPage = _useContext.gotoPage;
   if (!pageCount || pageCount < 2) {
     return null;
   }
-  const pageIndex = state?.pageIndex;
+  var pageIndex = state === null || state === void 0 ? void 0 : state.pageIndex;
   return /*#__PURE__*/React.createElement(Pagination.Reduced, {
     currentPage: pageIndex + 1,
-    handlePageSelect: pageNum => gotoPage(pageNum - 1),
+    handlePageSelect: function handlePageSelect(pageNum) {
+      return gotoPage(pageNum - 1);
+    },
     pageCount: pageCount
   });
 }

package/dist/DataTable/TablePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.js","names":["React","useContext","DataTableContext","Pagination","TablePagination","pageCount","state","gotoPage","pageIndex","createElement","Reduced","currentPage","handlePageSelect","pageNum"],"sources":["../../src/DataTable/TablePagination.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport DataTableContext from './DataTableContext';\nimport Pagination from '../Pagination';\n\nfunction TablePagination() {\n  const {\n    pageCount, state, gotoPage,\n  } = useContext(DataTableContext);\n\n  if (!pageCount || pageCount < 2) {\n    return null;\n  }\n\n  const pageIndex = state?.pageIndex;\n\n  return (\n    <Pagination.Reduced\n      currentPage={pageIndex + 1}\n      handlePageSelect={(pageNum) => gotoPage(pageNum - 1)}\n      pageCount={pageCount}\n    />\n  );\n}\n\nexport default TablePagination;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,UAAU,MAAM,eAAe;AAEtC,SAASC,eAAeA,CAAA,EAAG;EACzB,MAAM;IACJC,SAAS;IAAEC,KAAK;IAAEC;EACpB,CAAC,GAAGN,UAAU,CAACC,gBAAgB,CAAC;EAEhC,IAAI,CAACG,SAAS,IAAIA,SAAS,GAAG,CAAC,EAAE;IAC/B,OAAO,IAAI;EACb;EAEA,MAAMG,SAAS,GAAGF,KAAK,EAAEE,SAAS;EAElC,oBACER,KAAA,CAAAS,aAAA,CAACN,UAAU,CAACO,OAAO;IACjBC,WAAW,EAAEH,SAAS,GAAG,CAAE;IAC3BI,gBAAgB,EAAGC,OAAO,IAAKN,QAAQ,CAACM,OAAO,GAAG,CAAC,CAAE;IACrDR,SAAS,EAAEA;EAAU,CACtB,CAAC;AAEN;AAEA,eAAeD,eAAe"}
+{"version":3,"file":"TablePagination.js","names":["React","useContext","DataTableContext","Pagination","TablePagination","_useContext","pageCount","state","gotoPage","pageIndex","createElement","Reduced","currentPage","handlePageSelect","pageNum"],"sources":["../../src/DataTable/TablePagination.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport DataTableContext from './DataTableContext';\nimport Pagination from '../Pagination';\n\nfunction TablePagination() {\n  const {\n    pageCount, state, gotoPage,\n  } = useContext(DataTableContext);\n\n  if (!pageCount || pageCount < 2) {\n    return null;\n  }\n\n  const pageIndex = state?.pageIndex;\n\n  return (\n    <Pagination.Reduced\n      currentPage={pageIndex + 1}\n      handlePageSelect={(pageNum) => gotoPage(pageNum - 1)}\n      pageCount={pageCount}\n    />\n  );\n}\n\nexport default TablePagination;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,UAAU,MAAM,eAAe;AAEtC,SAASC,eAAeA,CAAA,EAAG;EACzB,IAAAC,WAAA,GAEIJ,UAAU,CAACC,gBAAgB,CAAC;IAD9BI,SAAS,GAAAD,WAAA,CAATC,SAAS;IAAEC,KAAK,GAAAF,WAAA,CAALE,KAAK;IAAEC,QAAQ,GAAAH,WAAA,CAARG,QAAQ;EAG5B,IAAI,CAACF,SAAS,IAAIA,SAAS,GAAG,CAAC,EAAE;IAC/B,OAAO,IAAI;EACb;EAEA,IAAMG,SAAS,GAAGF,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,SAAS;EAElC,oBACET,KAAA,CAAAU,aAAA,CAACP,UAAU,CAACQ,OAAO;IACjBC,WAAW,EAAEH,SAAS,GAAG,CAAE;IAC3BI,gBAAgB,EAAE,SAAAA,iBAACC,OAAO;MAAA,OAAKN,QAAQ,CAACM,OAAO,GAAG,CAAC,CAAC;IAAA,CAAC;IACrDR,SAAS,EAAEA;EAAU,CACtB,CAAC;AAEN;AAEA,eAAeF,eAAe"}

package/dist/DataTable/TablePaginationMinimal.js

@@ -2,24 +2,25 @@ import React, { useContext } from 'react';
 import DataTableContext from './DataTableContext';
 import Pagination from '../Pagination';
 function TablePaginationMinimal() {
-  const {
-    nextPage,
-    pageCount,
-    gotoPage,
-    state
-  } = useContext(DataTableContext);
+  var _useContext = useContext(DataTableContext),
+    nextPage = _useContext.nextPage,
+    pageCount = _useContext.pageCount,
+    gotoPage = _useContext.gotoPage,
+    state = _useContext.state;
 
   // Use nextPage as a proxy for whether or not the table is paginated
   if (!nextPage) {
     return null;
   }
-  const pageIndex = state?.pageIndex;
+  var pageIndex = state === null || state === void 0 ? void 0 : state.pageIndex;
   return /*#__PURE__*/React.createElement(Pagination, {
     variant: "minimal",
     currentPage: pageIndex + 1,
     pageCount: pageCount,
     paginationLabel: "table pagination",
-    onPageSelect: pageNum => gotoPage(pageNum - 1)
+    onPageSelect: function onPageSelect(pageNum) {
+      return gotoPage(pageNum - 1);
+    }
   });
 }
 export default TablePaginationMinimal;

package/dist/DataTable/TablePaginationMinimal.js.map

@@ -1 +1 @@
-{"version":3,"file":"TablePaginationMinimal.js","names":["React","useContext","DataTableContext","Pagination","TablePaginationMinimal","nextPage","pageCount","gotoPage","state","pageIndex","createElement","variant","currentPage","paginationLabel","onPageSelect","pageNum"],"sources":["../../src/DataTable/TablePaginationMinimal.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport DataTableContext from './DataTableContext';\nimport Pagination from '../Pagination';\n\nfunction TablePaginationMinimal() {\n  const {\n    nextPage, pageCount, gotoPage, state,\n  } = useContext(DataTableContext);\n\n  // Use nextPage as a proxy for whether or not the table is paginated\n  if (!nextPage) {\n    return null;\n  }\n\n  const pageIndex = state?.pageIndex;\n\n  return (\n    <Pagination\n      variant=\"minimal\"\n      currentPage={pageIndex + 1}\n      pageCount={pageCount}\n      paginationLabel=\"table pagination\"\n      onPageSelect={(pageNum) => gotoPage(pageNum - 1)}\n    />\n  );\n}\n\nexport default TablePaginationMinimal;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,UAAU,MAAM,eAAe;AAEtC,SAASC,sBAAsBA,CAAA,EAAG;EAChC,MAAM;IACJC,QAAQ;IAAEC,SAAS;IAAEC,QAAQ;IAAEC;EACjC,CAAC,GAAGP,UAAU,CAACC,gBAAgB,CAAC;;EAEhC;EACA,IAAI,CAACG,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EAEA,MAAMI,SAAS,GAAGD,KAAK,EAAEC,SAAS;EAElC,oBACET,KAAA,CAAAU,aAAA,CAACP,UAAU;IACTQ,OAAO,EAAC,SAAS;IACjBC,WAAW,EAAEH,SAAS,GAAG,CAAE;IAC3BH,SAAS,EAAEA,SAAU;IACrBO,eAAe,EAAC,kBAAkB;IAClCC,YAAY,EAAGC,OAAO,IAAKR,QAAQ,CAACQ,OAAO,GAAG,CAAC;EAAE,CAClD,CAAC;AAEN;AAEA,eAAeX,sBAAsB"}
+{"version":3,"file":"TablePaginationMinimal.js","names":["React","useContext","DataTableContext","Pagination","TablePaginationMinimal","_useContext","nextPage","pageCount","gotoPage","state","pageIndex","createElement","variant","currentPage","paginationLabel","onPageSelect","pageNum"],"sources":["../../src/DataTable/TablePaginationMinimal.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport DataTableContext from './DataTableContext';\nimport Pagination from '../Pagination';\n\nfunction TablePaginationMinimal() {\n  const {\n    nextPage, pageCount, gotoPage, state,\n  } = useContext(DataTableContext);\n\n  // Use nextPage as a proxy for whether or not the table is paginated\n  if (!nextPage) {\n    return null;\n  }\n\n  const pageIndex = state?.pageIndex;\n\n  return (\n    <Pagination\n      variant=\"minimal\"\n      currentPage={pageIndex + 1}\n      pageCount={pageCount}\n      paginationLabel=\"table pagination\"\n      onPageSelect={(pageNum) => gotoPage(pageNum - 1)}\n    />\n  );\n}\n\nexport default TablePaginationMinimal;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,UAAU,MAAM,eAAe;AAEtC,SAASC,sBAAsBA,CAAA,EAAG;EAChC,IAAAC,WAAA,GAEIJ,UAAU,CAACC,gBAAgB,CAAC;IAD9BI,QAAQ,GAAAD,WAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,WAAA,CAATE,SAAS;IAAEC,QAAQ,GAAAH,WAAA,CAARG,QAAQ;IAAEC,KAAK,GAAAJ,WAAA,CAALI,KAAK;;EAGtC;EACA,IAAI,CAACH,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EAEA,IAAMI,SAAS,GAAGD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEC,SAAS;EAElC,oBACEV,KAAA,CAAAW,aAAA,CAACR,UAAU;IACTS,OAAO,EAAC,SAAS;IACjBC,WAAW,EAAEH,SAAS,GAAG,CAAE;IAC3BH,SAAS,EAAEA,SAAU;IACrBO,eAAe,EAAC,kBAAkB;IAClCC,YAAY,EAAE,SAAAA,aAACC,OAAO;MAAA,OAAKR,QAAQ,CAACQ,OAAO,GAAG,CAAC,CAAC;IAAA;EAAC,CAClD,CAAC;AAEN;AAEA,eAAeZ,sBAAsB"}

package/dist/DataTable/TableRow.js

@@ -5,31 +5,28 @@ import classNames from 'classnames';
 import TableCell from './TableCell';
 import DataTableContext from './DataTableContext';
 function TableRow(_ref) {
-  let {
-    row
-  } = _ref;
-  const {
-    getRowProps,
-    cells,
-    id,
-    isSelected,
-    isExpanded
-  } = row;
-  const {
-    renderRowSubComponent,
-    visibleColumns
-  } = useContext(DataTableContext);
+  var row = _ref.row;
+  var getRowProps = row.getRowProps,
+    cells = row.cells,
+    id = row.id,
+    isSelected = row.isSelected,
+    isExpanded = row.isExpanded;
+  var _useContext = useContext(DataTableContext),
+    renderRowSubComponent = _useContext.renderRowSubComponent,
+    visibleColumns = _useContext.visibleColumns;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("tr", getRowProps({
     className: classNames({
       'pgn__data-table-row': true,
       'is-selected': isSelected
     })
-  }), cells.map(cell => /*#__PURE__*/React.createElement(TableCell, _extends({}, cell, {
-    key: `${cell.column.Header}${id}`
-  })))), isExpanded && renderRowSubComponent ? /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+  }), cells.map(function (cell) {
+    return /*#__PURE__*/React.createElement(TableCell, _extends({}, cell, {
+      key: "".concat(cell.column.Header).concat(id)
+    }));
+  })), isExpanded && renderRowSubComponent ? /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
     colSpan: visibleColumns.length
   }, renderRowSubComponent({
-    row
+    row: row
   }))) : null);
 }
 TableRow.propTypes = {