@openedx/paragon 23.14.2 → 23.14.4

package/dist/DataTable/SidebarFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarFilters.js","names":["React","useContext","useMemo","PropTypes","FormattedMessage","DataTableContext","FilterStatus","SidebarFilters","_ref","title","state","columns","availableFilters","filter","column","canFilter","filtersApplied","filters","length","createElement","className","id","defaultMessage","description","map","key","Header","render","showFilteredFields","variant","propTypes","oneOfType","string","element","defaultProps","undefined"],"sources":["../../src/DataTable/SidebarFilters.jsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\n\nimport DataTableContext from './DataTableContext';\nimport FilterStatus from './FilterStatus';\n\nfunction SidebarFilters({ title }) {\n  const { state, columns } = useContext(DataTableContext);\n  const availableFilters = useMemo(() => columns.filter((column) => column.canFilter), [columns]);\n  const filtersApplied = state?.filters && state.filters.length > 0;\n  return (\n    <div className=\"pgn__data-table-side-filters\">\n      <h3 className=\"pgn__data-table-side-filters-title\">\n        {title || (\n          <FormattedMessage\n            id=\"pgn.DataTable.SidebarFilters.title\"\n            defaultMessage=\"Filters\"\n            description=\"Title for the sidebar filters component\"\n          />\n        )}\n      </h3>\n      <hr />\n      {availableFilters.map(column => (\n        <div\n          key={column.Header}\n          className=\"pgn__data-table-side-filters-item\"\n        >\n          {column.render('Filter')}\n        </div>\n      ))}\n      {filtersApplied && (\n      <FilterStatus\n        className=\"pgn__data-table-side-filters-status\"\n        showFilteredFields={false}\n        variant=\"tertiary\"\n      />\n      )}\n    </div>\n  );\n}\n\nSidebarFilters.propTypes = {\n  /** Specifies the title to show near the filters, default to 'Filters'. */\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nSidebarFilters.defaultProps = {\n  title: undefined,\n};\n\nexport default SidebarFilters;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAE7C,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,SAASC,cAAcA,CAAAC,IAAA,EAAY;EAAA,IAAX;IAAEC;EAAM,CAAC,GAAAD,IAAA;EAC/B,MAAM;IAAEE,KAAK;IAAEC;EAAQ,CAAC,GAAGV,UAAU,CAACI,gBAAgB,CAAC;EACvD,MAAMO,gBAAgB,GAAGV,OAAO,CAAC,MAAMS,OAAO,CAACE,MAAM,CAAEC,MAAM,IAAKA,MAAM,CAACC,SAAS,CAAC,EAAE,CAACJ,OAAO,CAAC,CAAC;EAC/F,MAAMK,cAAc,GAAGN,KAAK,EAAEO,OAAO,IAAIP,KAAK,CAACO,OAAO,CAACC,MAAM,GAAG,CAAC;EACjE,oBACElB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAC;EAA8B,gBAC3CpB,KAAA,CAAAmB,aAAA;IAAIC,SAAS,EAAC;EAAoC,GAC/CX,KAAK,iBACJT,KAAA,CAAAmB,aAAA,CAACf,gBAAgB;IACfiB,EAAE,EAAC,oCAAoC;IACvCC,cAAc,EAAC,SAAS;IACxBC,WAAW,EAAC;EAAyC,CACtD,CAED,CAAC,eACLvB,KAAA,CAAAmB,aAAA,WAAK,CAAC,EACLP,gBAAgB,CAACY,GAAG,CAACV,MAAM,iBAC1Bd,KAAA,CAAAmB,aAAA;IACEM,GAAG,EAAEX,MAAM,CAACY,MAAO;IACnBN,SAAS,EAAC;EAAmC,GAE5CN,MAAM,CAACa,MAAM,CAAC,QAAQ,CACpB,CACN,CAAC,EACDX,cAAc,iBACfhB,KAAA,CAAAmB,aAAA,CAACb,YAAY;IACXc,SAAS,EAAC,qCAAqC;IAC/CQ,kBAAkB,EAAE,KAAM;IAC1BC,OAAO,EAAC;EAAU,CACnB,CAEE,CAAC;AAEV;AAEAtB,cAAc,CAACuB,SAAS,GAAG;EACzB;EACArB,KAAK,EAAEN,SAAS,CAAC4B,SAAS,CAAC,CAAC5B,SAAS,CAAC6B,MAAM,EAAE7B,SAAS,CAAC8B,OAAO,CAAC;AAClE,CAAC;AAED1B,cAAc,CAAC2B,YAAY,GAAG;EAC5BzB,KAAK,EAAE0B;AACT,CAAC;AAED,eAAe5B,cAAc","ignoreList":[]}
+{"version":3,"file":"SidebarFilters.js","names":["React","useContext","useMemo","PropTypes","FormattedMessage","DataTableContext","FilterStatus","SidebarFilters","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,CAAC;EAAEC;AAAM,CAAC,EAAE;EACjC,MAAM;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGT,UAAU,CAACI,gBAAgB,CAAC;EACvD,MAAMM,gBAAgB,GAAGT,OAAO,CAAC,MAAMQ,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,oBACEjB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAA8B,gBAC3CnB,KAAA,CAAAkB,aAAA;IAAIC,SAAS,EAAC;EAAoC,GAC/CX,KAAK,iBACJR,KAAA,CAAAkB,aAAA,CAACd,gBAAgB;IACfgB,EAAE,EAAC,oCAAoC;IACvCC,cAAc,EAAC,SAAS;IACxBC,WAAW,EAAC;EAAyC,CACtD,CAED,CAAC,eACLtB,KAAA,CAAAkB,aAAA,WAAK,CAAC,EACLP,gBAAgB,CAACY,GAAG,CAACV,MAAM,iBAC1Bb,KAAA,CAAAkB,aAAA;IACEM,GAAG,EAAEX,MAAM,CAACY,MAAO;IACnBN,SAAS,EAAC;EAAmC,GAE5CN,MAAM,CAACa,MAAM,CAAC,QAAQ,CACpB,CACN,CAAC,EACDX,cAAc,iBACff,KAAA,CAAAkB,aAAA,CAACZ,YAAY;IACXa,SAAS,EAAC,qCAAqC;IAC/CQ,kBAAkB,EAAE,KAAM;IAC1BC,OAAO,EAAC;EAAU,CACnB,CAEE,CAAC;AAEV;AAEArB,cAAc,CAACsB,SAAS,GAAG;EACzB;EACArB,KAAK,EAAEL,SAAS,CAAC2B,SAAS,CAAC,CAAC3B,SAAS,CAAC4B,MAAM,EAAE5B,SAAS,CAAC6B,OAAO,CAAC;AAClE,CAAC;AAEDzB,cAAc,CAAC0B,YAAY,GAAG;EAC5BzB,KAAK,EAAE0B;AACT,CAAC;AAED,eAAe3B,cAAc","ignoreList":[]}

package/dist/DataTable/Table.js

@@ -6,10 +6,9 @@ import TableHeaderRow from './TableHeaderRow';
 import TableRow from './TableRow';
 import { useRows } from './hooks';
 import DataTableContext from './DataTableContext';
-function Table(_ref) {
-  let {
-    isStriped
-  } = _ref;
+function Table({
+  isStriped
+}) {
   const {
     getTableProps,
     prepareRow,

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;IAAA,GAAWT,aAAa,CAAC;MACvBY,SAAS,EAAErB,UAAU,CAAC;QAAE,iBAAiB,EAAE,IAAI;QAAE,YAAY,EAAEQ;MAAU,CAAC;IAC5E,CAAC;EAAC,gBAEAX,KAAA,CAAAqB,aAAA,CAAChB,cAAc;IAACU,YAAY,EAAEA;EAAa,CAAE,CAAC,eAC9Cf,KAAA,CAAAqB,aAAA;IAAA,GAAWL,iBAAiB,CAAC;EAAC,GAC3BE,UAAU,CAAC,CACP,CACF,CACJ,CAAC;AAEV;AAEAT,KAAK,CAACkB,YAAY,GAAG;EACnBhB,SAAS,EAAE;AACb,CAAC;AAEDF,KAAK,CAACmB,SAAS,GAAG;EAChB;EACAjB,SAAS,EAAET,SAAS,CAAC2B;AACvB,CAAC;AAED,eAAepB,KAAK","ignoreList":[]}
+{"version":3,"file":"Table.js","names":["React","useContext","PropTypes","classNames","Spinner","TableHeaderRow","TableRow","useRows","DataTableContext","Table","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,CAAC;EACbC;AACF,CAAC,EAAE;EACD,MAAM;IACJC,aAAa;IAAEC,UAAU;IAAEC,WAAW;IAAEC,YAAY;IAAEC;EACxD,CAAC,GAAGR,OAAO,CAAC,CAAC;EACb,MAAM;IAAES;EAAU,CAAC,GAAGf,UAAU,CAACO,gBAAgB,CAAC;EAElD,MAAMS,UAAU,GAAGA,CAAA,KAAMJ,WAAW,CAACK,GAAG,CAAEC,GAAG,IAAK;IAChDP,UAAU,CAACO,GAAG,CAAC;IACf,oBACEnB,KAAA,CAAAoB,aAAA,CAACd,QAAQ;MAACa,GAAG,EAAEA,GAAI;MAACE,GAAG,EAAEF,GAAG,CAACG;IAAG,CAAE,CAAC;EAEvC,CAAC,CAAC;EAEF,IAAI,CAACX,aAAa,EAAE;IAClB,OAAO,IAAI;EACb;EAEA,oBACEX,KAAA,CAAAoB,aAAA;IACEG,SAAS,EAAEpB,UAAU,CAAC,2BAA2B,EAAE;MAAE,YAAY,EAAEa;IAAU,CAAC,CAAE;IAChF,eAAY;EAAsB,GAEjCA,SAAS,iBACRhB,KAAA,CAAAoB,aAAA;IAAKG,SAAS,EAAC,yBAAyB;IAAC,eAAY;EAAoB,gBACvEvB,KAAA,CAAAoB,aAAA,CAAChB,OAAO;IAACoB,SAAS,EAAC,QAAQ;IAACC,gBAAgB,EAAC;EAAS,CAAE,CACrD,CACN,eACDzB,KAAA,CAAAoB,aAAA;IAAA,GAAWT,aAAa,CAAC;MACvBY,SAAS,EAAEpB,UAAU,CAAC;QAAE,iBAAiB,EAAE,IAAI;QAAE,YAAY,EAAEO;MAAU,CAAC;IAC5E,CAAC;EAAC,gBAEAV,KAAA,CAAAoB,aAAA,CAACf,cAAc;IAACS,YAAY,EAAEA;EAAa,CAAE,CAAC,eAC9Cd,KAAA,CAAAoB,aAAA;IAAA,GAAWL,iBAAiB,CAAC;EAAC,GAC3BE,UAAU,CAAC,CACP,CACF,CACJ,CAAC;AAEV;AAEAR,KAAK,CAACiB,YAAY,GAAG;EACnBhB,SAAS,EAAE;AACb,CAAC;AAEDD,KAAK,CAACkB,SAAS,GAAG;EAChB;EACAjB,SAAS,EAAER,SAAS,CAAC0B;AACvB,CAAC;AAED,eAAenB,KAAK","ignoreList":[]}

package/dist/DataTable/TableActions.js

@@ -3,10 +3,9 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import DataTableContext from './DataTableContext';
 import Actions from './CollapsibleButtonGroup';
-function TableActions(_ref) {
-  let {
-    className
-  } = _ref;
+function TableActions({
+  className
+}) {
   const tableInstance = useContext(DataTableContext);
   const {
     tableActions

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","ignoreList":[]}
+{"version":3,"file":"TableActions.js","names":["React","useContext","PropTypes","classNames","DataTableContext","Actions","TableActions","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,CAAC;EAAEC;AAAU,CAAC,EAAE;EACnC,MAAMC,aAAa,GAAGP,UAAU,CAACG,gBAAgB,CAAC;EAClD,MAAM;IAAEK;EAAa,CAAC,GAAGD,aAAa;EAEtC,MAAME,IAAI,GAAG;IACXF;EACF,CAAC;EAED,IAAI,OAAOC,YAAY,KAAK,UAAU,EAAE;IACtC,oBAAOT,KAAA,CAAAW,aAAA;MAAKJ,SAAS,EAAEJ,UAAU,CAAC,oBAAoB,EAAEI,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,oBACEV,KAAA,CAAAW,aAAA,CAACN,OAAO;IACNE,SAAS,EAAEJ,UAAU,CAAC,oBAAoB,EAAEI,SAAS,CAAE;IACvD,eAAY,eAAe;IAC3BK,OAAO,EAAEA;EAAQ,CAClB,CAAC;AAEN;AAEAN,YAAY,CAACU,YAAY,GAAG;EAC1BT,SAAS,EAAEU;AACb,CAAC;AAEDX,YAAY,CAACY,SAAS,GAAG;EACvB;EACAX,SAAS,EAAEL,SAAS,CAACiB;AACvB,CAAC;AAED,eAAeb,YAAY","ignoreList":[]}

package/dist/DataTable/TableCell.js

@@ -1,12 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-function TableCell(_ref) {
-  let {
-    getCellProps,
-    render,
-    column
-  } = _ref;
+function TableCell({
+  getCellProps,
+  render,
+  column
+}) {
   const {
     className,
     ...rest

package/dist/DataTable/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","names":["React","PropTypes","classNames","TableCell","_ref","getCellProps","render","column","className","rest","createElement","cellClassName","propTypes","func","isRequired","shape","string"],"sources":["../../src/DataTable/TableCell.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction TableCell({ getCellProps, render, column }) {\n  const { className, ...rest } = getCellProps();\n  return (\n    <td {...rest} className={classNames('pgn__data-table-cell-wrap', className, column.cellClassName)}>\n      {render('Cell')}\n    </td>\n  );\n}\n\nTableCell.propTypes = {\n  /** Props for the td element */\n  getCellProps: PropTypes.func.isRequired,\n  /** Function that renders the cell contents. Will be called with the string 'Cell' */\n  render: PropTypes.func.isRequired,\n  /** Table column */\n  column: PropTypes.shape({\n    /** Class(es) to be applied to the cells in the given column */\n    cellClassName: PropTypes.string,\n  }).isRequired,\n};\n\nexport default TableCell;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,SAASA,CAAAC,IAAA,EAAmC;EAAA,IAAlC;IAAEC,YAAY;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAAH,IAAA;EACjD,MAAM;IAAEI,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAGJ,YAAY,CAAC,CAAC;EAC7C,oBACEL,KAAA,CAAAU,aAAA;IAAA,GAAQD,IAAI;IAAED,SAAS,EAAEN,UAAU,CAAC,2BAA2B,EAAEM,SAAS,EAAED,MAAM,CAACI,aAAa;EAAE,GAC/FL,MAAM,CAAC,MAAM,CACZ,CAAC;AAET;AAEAH,SAAS,CAACS,SAAS,GAAG;EACpB;EACAP,YAAY,EAAEJ,SAAS,CAACY,IAAI,CAACC,UAAU;EACvC;EACAR,MAAM,EAAEL,SAAS,CAACY,IAAI,CAACC,UAAU;EACjC;EACAP,MAAM,EAAEN,SAAS,CAACc,KAAK,CAAC;IACtB;IACAJ,aAAa,EAAEV,SAAS,CAACe;EAC3B,CAAC,CAAC,CAACF;AACL,CAAC;AAED,eAAeX,SAAS","ignoreList":[]}
+{"version":3,"file":"TableCell.js","names":["React","PropTypes","classNames","TableCell","getCellProps","render","column","className","rest","createElement","cellClassName","propTypes","func","isRequired","shape","string"],"sources":["../../src/DataTable/TableCell.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction TableCell({ getCellProps, render, column }) {\n  const { className, ...rest } = getCellProps();\n  return (\n    <td {...rest} className={classNames('pgn__data-table-cell-wrap', className, column.cellClassName)}>\n      {render('Cell')}\n    </td>\n  );\n}\n\nTableCell.propTypes = {\n  /** Props for the td element */\n  getCellProps: PropTypes.func.isRequired,\n  /** Function that renders the cell contents. Will be called with the string 'Cell' */\n  render: PropTypes.func.isRequired,\n  /** Table column */\n  column: PropTypes.shape({\n    /** Class(es) to be applied to the cells in the given column */\n    cellClassName: PropTypes.string,\n  }).isRequired,\n};\n\nexport default TableCell;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,SAASA,CAAC;EAAEC,YAAY;EAAEC,MAAM;EAAEC;AAAO,CAAC,EAAE;EACnD,MAAM;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAGJ,YAAY,CAAC,CAAC;EAC7C,oBACEJ,KAAA,CAAAS,aAAA;IAAA,GAAQD,IAAI;IAAED,SAAS,EAAEL,UAAU,CAAC,2BAA2B,EAAEK,SAAS,EAAED,MAAM,CAACI,aAAa;EAAE,GAC/FL,MAAM,CAAC,MAAM,CACZ,CAAC;AAET;AAEAF,SAAS,CAACQ,SAAS,GAAG;EACpB;EACAP,YAAY,EAAEH,SAAS,CAACW,IAAI,CAACC,UAAU;EACvC;EACAR,MAAM,EAAEJ,SAAS,CAACW,IAAI,CAACC,UAAU;EACjC;EACAP,MAAM,EAAEL,SAAS,CAACa,KAAK,CAAC;IACtB;IACAJ,aAAa,EAAET,SAAS,CAACc;EAC3B,CAAC,CAAC,CAACF;AACL,CAAC;AAED,eAAeV,SAAS","ignoreList":[]}

package/dist/DataTable/TableControlBar.js

@@ -8,10 +8,9 @@ import ActionDisplay from './ActionDisplay';
 import DataViewToggle from './DataViewToggle';
 
 // handles layout for filters, status, and bulk actions
-function TableControlBar(_ref) {
-  let {
-    className
-  } = _ref;
+function TableControlBar({
+  className
+}) {
   const {
     setFilter,
     showFiltersInSidebar,

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","ignoreList":[]}
+{"version":3,"file":"TableControlBar.js","names":["React","useContext","PropTypes","classNames","SmartStatus","DropdownFilters","DataTableContext","ActionDisplay","DataViewToggle","TableControlBar","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,CAAC;EAAEC;AAAU,CAAC,EAAE;EACtC,MAAM;IACJC,SAAS;IACTC,oBAAoB;IACpBC,qBAAqB,EAAE;MAAEC;IAAgB;EAC3C,CAAC,GAAGb,UAAU,CAACK,gBAAgB,CAAC;EAEhC,MAAMS,sBAAsB,GAAG,CAACD,eAAe,IAAI,CAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAEE,QAAQ,CAACF,eAAe,CAAC;EAClG,MAAMG,uBAAuB,GAAGd,UAAU,CAAC;IACzC,6CAA6C,EAAEW,eAAe,KAAK,QAAQ;IAC3E,+BAA+B,EAAEC,sBAAsB,IAAID,eAAe,KAAK;EACjF,CAAC,CAAC;EACF,oBACEd,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAEP,UAAU,CAAC,4BAA4B,EAAEO,SAAS,CAAE;IAAC,eAAY;EAAmB,GAEhGC,SAAS,IAAI,CAACC,oBAAoB,iBACpCZ,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAC;EAAyB,gBACtCV,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAC;EAA8B,gBAC3CV,KAAA,CAAAkB,aAAA,CAACb,eAAe,MAAE,CACf,CAAC,eACNL,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAEO;EAAwB,gBACtCjB,KAAA,CAAAkB,aAAA,2BACElB,KAAA,CAAAkB,aAAA,CAACX,aAAa,MAAE,CACb,CACF,CAEF,CACJ,eACDP,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAC;EAAwB,gBACrCV,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAC;EAA6B,GACzCI,eAAe,KAAK,QAAQ,gBAAGd,KAAA,CAAAkB,aAAA,CAACd,WAAW,MAAE,CAAC,GAAG,IAC/C,CAAC,EACL,CAAC,CAACO,SAAS,IAAKA,SAAS,IAAIC,oBAAqB,kBACjDZ,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAEO;EAAwB,gBACtCjB,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAC;EAAwB,GACpCI,eAAe,KAAK,QAAQ,gBAAGd,KAAA,CAAAkB,aAAA,CAACd,WAAW,MAAE,CAAC,GAAG,IAAI,eACtDJ,KAAA,CAAAkB,aAAA,CAACV,cAAc,MAAE,CACd,CAAC,eACNR,KAAA,CAAAkB,aAAA,2BACElB,KAAA,CAAAkB,aAAA,CAACX,aAAa,MAAE,CACb,CACF,CACN,EACCI,SAAS,IAAI,CAACC,oBAAoB,iBAClCZ,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAC;EAAwB,gBACrCV,KAAA,CAAAkB,aAAA,CAACV,cAAc,MAAE,CACd,CAEJ,CACF,CAAC;AAEV;AAEAC,eAAe,CAACU,SAAS,GAAG;EAC1B;EACAT,SAAS,EAAER,SAAS,CAACkB;AACvB,CAAC;AAEDX,eAAe,CAACY,YAAY,GAAG;EAC7BX,SAAS,EAAE;AACb,CAAC;AAED,eAAeD,eAAe","ignoreList":[]}

package/dist/DataTable/TableFilters.js

@@ -2,13 +2,12 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Button from '../Button';
 export const TABLE_FILTERS_BUTTON_TEXT = 'Filter';
-function TableFilters(_ref) {
-  let {
-    columns,
-    manualFilters,
-    onFilter,
-    currentFilters
-  } = _ref;
+function TableFilters({
+  columns,
+  manualFilters,
+  onFilter,
+  currentFilters
+}) {
   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, {

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","ignoreList":[]}
+{"version":3,"file":"TableFilters.js","names":["React","PropTypes","Button","TABLE_FILTERS_BUTTON_TEXT","TableFilters","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,CAAC;EACpBC,OAAO;EAAEC,aAAa;EAAEC,QAAQ;EAAEC;AACpC,CAAC,EAAE;EACD,oBACER,KAAA,CAAAS,aAAA,2BACET,KAAA,CAAAS,aAAA,aAAI,SAAW,CAAC,EACfJ,OAAO,CAACK,GAAG,CAACC,MAAM,iBAAIX,KAAA,CAAAS,aAAA;IAAKG,GAAG,EAAED,MAAM,CAACE;EAAO,GAAEF,MAAM,CAACG,SAAS,GAAGH,MAAM,CAACI,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAU,CAAC,CAAC,EACzGT,aAAa,iBACdN,KAAA,CAAAS,aAAA,CAACP,MAAM;IACLc,IAAI,EAAC,SAAS;IACdC,OAAO,EAAEA,CAAA,KAAMV,QAAQ,CAACC,cAAc;EAAE,GAEvCL,yBACK,CAEL,CAAC;AAEV;AAEAC,YAAY,CAACc,YAAY,GAAG;EAC1BZ,aAAa,EAAE,KAAK;EACpBC,QAAQ,EAAEA,CAAA,KAAM,CAAC;AACnB,CAAC;AAEDH,YAAY,CAACe,SAAS,GAAG;EACvBd,OAAO,EAAEJ,SAAS,CAACmB,OAAO,CAACnB,SAAS,CAACoB,KAAK,CAAC;IACzCR,MAAM,EAAEZ,SAAS,CAACqB,SAAS,CAAC,CAACrB,SAAS,CAACsB,WAAW,EAAEtB,SAAS,CAACuB,IAAI,CAAC,CAAC,CAACC,UAAU;IAC/EX,SAAS,EAAEb,SAAS,CAACyB,IAAI;IACzBX,MAAM,EAAEd,SAAS,CAAC0B,IAAI,CAACF;EACzB,CAAC,CAAC,CAAC,CAACA,UAAU;EACdnB,aAAa,EAAEL,SAAS,CAACyB,IAAI;EAC7BnB,QAAQ,EAAEN,SAAS,CAAC0B,IAAI;EACxBnB,cAAc,EAAEP,SAAS,CAACmB,OAAO,CAACnB,SAAS,CAACoB,KAAK,CAAC,CAAC,CAAC,CAACI;AACvD,CAAC;AAED,eAAerB,YAAY","ignoreList":[]}

package/dist/DataTable/TableFooter.js

@@ -5,11 +5,10 @@ import DataTableContext from './DataTableContext';
 import RowStatusDefault from './RowStatus';
 import TablePagination from './TablePagination';
 import TablePaginationMinimal from './TablePaginationMinimal';
-function TableFooter(_ref) {
-  let {
-    className,
-    children
-  } = _ref;
+function TableFooter({
+  className,
+  children
+}) {
   const {
     RowStatusComponent
   } = useContext(DataTableContext);

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","ignoreList":[]}
+{"version":3,"file":"TableFooter.js","names":["React","useContext","classNames","PropTypes","DataTableContext","RowStatusDefault","TablePagination","TablePaginationMinimal","TableFooter","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,CAAC;EAAEC,SAAS;EAAEC;AAAS,CAAC,EAAE;EAC5C,MAAM;IAAEC;EAAmB,CAAC,GAAGV,UAAU,CAACG,gBAAgB,CAAC;EAC3D,MAAMQ,SAAS,GAAGD,kBAAkB,IAAIN,gBAAgB;EAExD,oBACEL,KAAA,CAAAa,aAAA;IAAKJ,SAAS,EAAEP,UAAU,CAACO,SAAS,EAAE,wBAAwB,CAAE;IAAC,eAAY;EAAc,GACxFC,QAAQ,iBACPV,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAc,QAAA,qBACEd,KAAA,CAAAa,aAAA,CAACD,SAAS,MAAE,CAAC,eACbZ,KAAA,CAAAa,aAAA,CAACP,eAAe,MAAE,CAAC,eACnBN,KAAA,CAAAa,aAAA,CAACN,sBAAsB,MAAE,CACzB,CAED,CAAC;AAEV;AAEAC,WAAW,CAACO,SAAS,GAAG;EACtB;EACAL,QAAQ,EAAEP,SAAS,CAACa,IAAI;EACxB;EACAP,SAAS,EAAEN,SAAS,CAACc;AACvB,CAAC;AAEDT,WAAW,CAACU,YAAY,GAAG;EACzBR,QAAQ,EAAE,IAAI;EACdD,SAAS,EAAEU;AACb,CAAC;AAED,eAAeX,WAAW","ignoreList":[]}

package/dist/DataTable/TableHeaderCell.js

@@ -3,11 +3,10 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Icon from '../Icon';
 import { ArrowDropDown, ArrowDropUp, ArrowDropUpDown } from '../../icons';
-export function SortIndicator(_ref) {
-  let {
-    isSorted,
-    isSortedDesc
-  } = _ref;
+export function SortIndicator({
+  isSorted,
+  isSortedDesc
+}) {
   if (!isSorted) {
     return /*#__PURE__*/React.createElement(Icon, {
       style: {
@@ -32,16 +31,15 @@ SortIndicator.propTypes = {
   isSorted: PropTypes.bool.isRequired,
   isSortedDesc: PropTypes.bool.isRequired
 };
-function TableHeaderCell(_ref2) {
-  let {
-    getHeaderProps,
-    render,
-    canSort,
-    getSortByToggleProps,
-    isSorted,
-    isSortedDesc,
-    headerClassName
-  } = _ref2;
+function TableHeaderCell({
+  getHeaderProps,
+  render,
+  canSort,
+  getSortByToggleProps,
+  isSorted,
+  isSortedDesc,
+  headerClassName
+}) {
   const toggleProps = canSort && getSortByToggleProps ? getSortByToggleProps() : {};
   return /*#__PURE__*/React.createElement("th", {
     ...getHeaderProps(toggleProps)

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;IAAA,GAAQS,cAAc,CAACK,WAAW;EAAC,gBACjCzB,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","ignoreList":[]}
+{"version":3,"file":"TableHeaderCell.js","names":["React","PropTypes","classNames","Icon","ArrowDropDown","ArrowDropUp","ArrowDropUpDown","SortIndicator","isSorted","isSortedDesc","createElement","style","opacity","src","propTypes","bool","isRequired","TableHeaderCell","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,CAAC;EAAEC,QAAQ;EAAEC;AAAa,CAAC,EAAE;EACxD,IAAI,CAACD,QAAQ,EAAE;IACb,oBAAOR,KAAA,CAAAU,aAAA,CAACP,IAAI;MAACQ,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAI,CAAE;MAACC,GAAG,EAAEP,eAAgB;MAAC,eAAY;IAAoB,CAAE,CAAC;EACjG;EAEA,IAAIG,YAAY,EAAE;IAChB,oBAAOT,KAAA,CAAAU,aAAA,CAACP,IAAI;MAACU,GAAG,EAAET,aAAc;MAAC,eAAY;IAAiB,CAAE,CAAC;EACnE;EAEA,oBAAOJ,KAAA,CAAAU,aAAA,CAACP,IAAI;IAACU,GAAG,EAAER,WAAY;IAAC,eAAY;EAAe,CAAE,CAAC;AAC/D;AAEAE,aAAa,CAACO,SAAS,GAAG;EACxBN,QAAQ,EAAEP,SAAS,CAACc,IAAI,CAACC,UAAU;EACnCP,YAAY,EAAER,SAAS,CAACc,IAAI,CAACC;AAC/B,CAAC;AAED,SAASC,eAAeA,CAAC;EACvBC,cAAc;EAAEC,MAAM;EAAEC,OAAO;EAAEC,oBAAoB;EAAEb,QAAQ;EAAEC,YAAY;EAAEa;AACjF,CAAC,EAAE;EACD,MAAMC,WAAW,GAAGH,OAAO,IAAIC,oBAAoB,GAAGA,oBAAoB,CAAC,CAAC,GAAG,CAAC,CAAC;EAEjF,oBACErB,KAAA,CAAAU,aAAA;IAAA,GAAQQ,cAAc,CAACK,WAAW;EAAC,gBACjCvB,KAAA,CAAAU,aAAA;IAAMc,SAAS,EAAEtB,UAAU,CAAC,2BAA2B,EAAEoB,eAAe;EAAE,gBACxEtB,KAAA,CAAAU,aAAA,eAAOS,MAAM,CAAC,QAAQ,CAAQ,CAAC,EAC9BC,OAAO,iBAAIpB,KAAA,CAAAU,aAAA,CAACH,aAAa;IAACC,QAAQ,EAAEA,QAAS;IAACC,YAAY,EAAEA,YAAY,IAAI;EAAM,CAAE,CACjF,CACJ,CAAC;AAET;AAEAQ,eAAe,CAACQ,YAAY,GAAG;EAC7BH,eAAe,EAAE,IAAI;EACrBd,QAAQ,EAAE,KAAK;EACfC,YAAY,EAAE,KAAK;EACnBW,OAAO,EAAE,KAAK;EACdC,oBAAoB,EAAEA,CAAA,KAAM,CAAC;AAC/B,CAAC;AAEDJ,eAAe,CAACH,SAAS,GAAG;EAC1B;EACAI,cAAc,EAAEjB,SAAS,CAACyB,IAAI,CAACV,UAAU;EACzC;EACAR,QAAQ,EAAEP,SAAS,CAACc,IAAI;EACxB;EACAI,MAAM,EAAElB,SAAS,CAACyB,IAAI,CAACV,UAAU;EACjC;EACAP,YAAY,EAAER,SAAS,CAACc,IAAI;EAC5B;EACAM,oBAAoB,EAAEpB,SAAS,CAACyB,IAAI;EACpC;EACAN,OAAO,EAAEnB,SAAS,CAACc,IAAI;EACvB;EACAO,eAAe,EAAErB,SAAS,CAAC0B;AAC7B,CAAC;AAED,eAAeV,eAAe","ignoreList":[]}

package/dist/DataTable/TableHeaderRow.js

@@ -1,10 +1,9 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import TableHeaderCell from './TableHeaderCell';
-function TableHeaderRow(_ref) {
-  let {
-    headerGroups
-  } = _ref;
+function TableHeaderRow({
+  headerGroups
+}) {
   return /*#__PURE__*/React.createElement("thead", null, headerGroups.map(headerGroup => /*#__PURE__*/React.createElement("tr", {
     ...headerGroup.getHeaderGroupProps()
   }, headerGroup.headers.map(column => /*#__PURE__*/React.createElement(TableHeaderCell, {

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","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;IAAA,GAAQE,WAAW,CAACC,mBAAmB,CAAC;EAAC,GACtCD,WAAW,CAACE,OAAO,CAACH,GAAG,CAACI,MAAM,iBAC7BX,KAAA,CAAAM,aAAA,CAACJ,eAAe;IAAA,GAAKS,MAAM;IAAA,GAAMA,MAAM,CAACC,cAAc,CAAC;EAAC,CAAG,CAC5D,CACC,CACL,CACI,CAAC;AAEZ;AAEAT,cAAc,CAACU,SAAS,GAAG;EACzBR,YAAY,EAAEJ,SAAS,CAACa,OAAO,CAACb,SAAS,CAACc,KAAK,CAAC;IAC9CL,OAAO,EAAET,SAAS,CAACa,OAAO,CAACb,SAAS,CAACc,KAAK,CAAC;MACzC;MACAH,cAAc,EAAEX,SAAS,CAACe,IAAI,CAACC;IACjC,CAAC,CAAC,CAAC,CAACA,UAAU;IACd;IACAR,mBAAmB,EAAER,SAAS,CAACe,IAAI,CAACC;EACtC,CAAC,CAAC,CAAC,CAACA;AACN,CAAC;AAED,eAAed,cAAc","ignoreList":[]}
+{"version":3,"file":"TableHeaderRow.js","names":["React","PropTypes","TableHeaderCell","TableHeaderRow","headerGroups","createElement","map","headerGroup","getHeaderGroupProps","headers","column","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,CAAC;EAAEC;AAAa,CAAC,EAAE;EACxC,oBACEJ,KAAA,CAAAK,aAAA,gBACGD,YAAY,CAACE,GAAG,CAACC,WAAW,iBAC3BP,KAAA,CAAAK,aAAA;IAAA,GAAQE,WAAW,CAACC,mBAAmB,CAAC;EAAC,GACtCD,WAAW,CAACE,OAAO,CAACH,GAAG,CAACI,MAAM,iBAC7BV,KAAA,CAAAK,aAAA,CAACH,eAAe;IAAA,GAAKQ,MAAM;IAAA,GAAMA,MAAM,CAACC,cAAc,CAAC;EAAC,CAAG,CAC5D,CACC,CACL,CACI,CAAC;AAEZ;AAEAR,cAAc,CAACS,SAAS,GAAG;EACzBR,YAAY,EAAEH,SAAS,CAACY,OAAO,CAACZ,SAAS,CAACa,KAAK,CAAC;IAC9CL,OAAO,EAAER,SAAS,CAACY,OAAO,CAACZ,SAAS,CAACa,KAAK,CAAC;MACzC;MACAH,cAAc,EAAEV,SAAS,CAACc,IAAI,CAACC;IACjC,CAAC,CAAC,CAAC,CAACA,UAAU;IACd;IACAR,mBAAmB,EAAEP,SAAS,CAACc,IAAI,CAACC;EACtC,CAAC,CAAC,CAAC,CAACA;AACN,CAAC;AAED,eAAeb,cAAc","ignoreList":[]}

package/dist/DataTable/TableRow.js

@@ -3,10 +3,9 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import TableCell from './TableCell';
 import DataTableContext from './DataTableContext';
-function TableRow(_ref) {
-  let {
-    row
-  } = _ref;
+function TableRow({
+  row
+}) {
   const {
     getRowProps,
     cells,

package/dist/DataTable/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","names":["React","useContext","PropTypes","classNames","TableCell","DataTableContext","TableRow","_ref","row","getRowProps","cells","id","isSelected","isExpanded","renderRowSubComponent","visibleColumns","createElement","Fragment","className","map","cell","key","column","Header","colSpan","length","propTypes","shape","func","isRequired","arrayOf","string","bool"],"sources":["../../src/DataTable/TableRow.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport TableCell from './TableCell';\nimport DataTableContext from './DataTableContext';\n\nfunction TableRow({ row }) {\n  const {\n    getRowProps, cells, id, isSelected, isExpanded,\n  } = row;\n  const { renderRowSubComponent, visibleColumns } = useContext(DataTableContext);\n\n  return (\n    <>\n      <tr {...getRowProps({\n        className: classNames({\n          'pgn__data-table-row': true,\n          'is-selected': isSelected,\n        }),\n      })}\n      >\n        {cells.map(cell => <TableCell {...cell} key={`${cell.column.Header}${id}`} />)}\n      </tr>\n      {isExpanded && renderRowSubComponent ? (\n        <tr>\n          <td colSpan={visibleColumns.length}>\n            {renderRowSubComponent({ row })}\n          </td>\n        </tr>\n      ) : null}\n    </>\n  );\n}\n\nTableRow.propTypes = {\n  /** Row data that is received from `react-table` API. */\n  row: PropTypes.shape({\n    /** props to include on the tr tag (must include id) */\n    getRowProps: PropTypes.func.isRequired,\n    /** cells in the row */\n    cells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n    /** row id */\n    id: PropTypes.string.isRequired,\n    /** indicates if row has been selected */\n    isSelected: PropTypes.bool,\n    /** Indicates if row has been expanded. */\n    isExpanded: PropTypes.bool,\n  }).isRequired,\n};\n\nexport default TableRow;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,QAAQA,CAAAC,IAAA,EAAU;EAAA,IAAT;IAAEC;EAAI,CAAC,GAAAD,IAAA;EACvB,MAAM;IACJE,WAAW;IAAEC,KAAK;IAAEC,EAAE;IAAEC,UAAU;IAAEC;EACtC,CAAC,GAAGL,GAAG;EACP,MAAM;IAAEM,qBAAqB;IAAEC;EAAe,CAAC,GAAGd,UAAU,CAACI,gBAAgB,CAAC;EAE9E,oBACEL,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAAiB,QAAA,qBACEjB,KAAA,CAAAgB,aAAA;IAAA,GAAQP,WAAW,CAAC;MAClBS,SAAS,EAAEf,UAAU,CAAC;QACpB,qBAAqB,EAAE,IAAI;QAC3B,aAAa,EAAES;MACjB,CAAC;IACH,CAAC;EAAC,GAECF,KAAK,CAACS,GAAG,CAACC,IAAI,iBAAIpB,KAAA,CAAAgB,aAAA,CAACZ,SAAS;IAAA,GAAKgB,IAAI;IAAEC,GAAG,EAAE,GAAGD,IAAI,CAACE,MAAM,CAACC,MAAM,GAAGZ,EAAE;EAAG,CAAE,CAAC,CAC3E,CAAC,EACJE,UAAU,IAAIC,qBAAqB,gBAClCd,KAAA,CAAAgB,aAAA,0BACEhB,KAAA,CAAAgB,aAAA;IAAIQ,OAAO,EAAET,cAAc,CAACU;EAAO,GAChCX,qBAAqB,CAAC;IAAEN;EAAI,CAAC,CAC5B,CACF,CAAC,GACH,IACJ,CAAC;AAEP;AAEAF,QAAQ,CAACoB,SAAS,GAAG;EACnB;EACAlB,GAAG,EAAEN,SAAS,CAACyB,KAAK,CAAC;IACnB;IACAlB,WAAW,EAAEP,SAAS,CAAC0B,IAAI,CAACC,UAAU;IACtC;IACAnB,KAAK,EAAER,SAAS,CAAC4B,OAAO,CAAC5B,SAAS,CAACyB,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAACE,UAAU;IACxD;IACAlB,EAAE,EAAET,SAAS,CAAC6B,MAAM,CAACF,UAAU;IAC/B;IACAjB,UAAU,EAAEV,SAAS,CAAC8B,IAAI;IAC1B;IACAnB,UAAU,EAAEX,SAAS,CAAC8B;EACxB,CAAC,CAAC,CAACH;AACL,CAAC;AAED,eAAevB,QAAQ","ignoreList":[]}
+{"version":3,"file":"TableRow.js","names":["React","useContext","PropTypes","classNames","TableCell","DataTableContext","TableRow","row","getRowProps","cells","id","isSelected","isExpanded","renderRowSubComponent","visibleColumns","createElement","Fragment","className","map","cell","key","column","Header","colSpan","length","propTypes","shape","func","isRequired","arrayOf","string","bool"],"sources":["../../src/DataTable/TableRow.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport TableCell from './TableCell';\nimport DataTableContext from './DataTableContext';\n\nfunction TableRow({ row }) {\n  const {\n    getRowProps, cells, id, isSelected, isExpanded,\n  } = row;\n  const { renderRowSubComponent, visibleColumns } = useContext(DataTableContext);\n\n  return (\n    <>\n      <tr {...getRowProps({\n        className: classNames({\n          'pgn__data-table-row': true,\n          'is-selected': isSelected,\n        }),\n      })}\n      >\n        {cells.map(cell => <TableCell {...cell} key={`${cell.column.Header}${id}`} />)}\n      </tr>\n      {isExpanded && renderRowSubComponent ? (\n        <tr>\n          <td colSpan={visibleColumns.length}>\n            {renderRowSubComponent({ row })}\n          </td>\n        </tr>\n      ) : null}\n    </>\n  );\n}\n\nTableRow.propTypes = {\n  /** Row data that is received from `react-table` API. */\n  row: PropTypes.shape({\n    /** props to include on the tr tag (must include id) */\n    getRowProps: PropTypes.func.isRequired,\n    /** cells in the row */\n    cells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n    /** row id */\n    id: PropTypes.string.isRequired,\n    /** indicates if row has been selected */\n    isSelected: PropTypes.bool,\n    /** Indicates if row has been expanded. */\n    isExpanded: PropTypes.bool,\n  }).isRequired,\n};\n\nexport default TableRow;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,QAAQA,CAAC;EAAEC;AAAI,CAAC,EAAE;EACzB,MAAM;IACJC,WAAW;IAAEC,KAAK;IAAEC,EAAE;IAAEC,UAAU;IAAEC;EACtC,CAAC,GAAGL,GAAG;EACP,MAAM;IAAEM,qBAAqB;IAAEC;EAAe,CAAC,GAAGb,UAAU,CAACI,gBAAgB,CAAC;EAE9E,oBACEL,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAgB,QAAA,qBACEhB,KAAA,CAAAe,aAAA;IAAA,GAAQP,WAAW,CAAC;MAClBS,SAAS,EAAEd,UAAU,CAAC;QACpB,qBAAqB,EAAE,IAAI;QAC3B,aAAa,EAAEQ;MACjB,CAAC;IACH,CAAC;EAAC,GAECF,KAAK,CAACS,GAAG,CAACC,IAAI,iBAAInB,KAAA,CAAAe,aAAA,CAACX,SAAS;IAAA,GAAKe,IAAI;IAAEC,GAAG,EAAE,GAAGD,IAAI,CAACE,MAAM,CAACC,MAAM,GAAGZ,EAAE;EAAG,CAAE,CAAC,CAC3E,CAAC,EACJE,UAAU,IAAIC,qBAAqB,gBAClCb,KAAA,CAAAe,aAAA,0BACEf,KAAA,CAAAe,aAAA;IAAIQ,OAAO,EAAET,cAAc,CAACU;EAAO,GAChCX,qBAAqB,CAAC;IAAEN;EAAI,CAAC,CAC5B,CACF,CAAC,GACH,IACJ,CAAC;AAEP;AAEAD,QAAQ,CAACmB,SAAS,GAAG;EACnB;EACAlB,GAAG,EAAEL,SAAS,CAACwB,KAAK,CAAC;IACnB;IACAlB,WAAW,EAAEN,SAAS,CAACyB,IAAI,CAACC,UAAU;IACtC;IACAnB,KAAK,EAAEP,SAAS,CAAC2B,OAAO,CAAC3B,SAAS,CAACwB,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAACE,UAAU;IACxD;IACAlB,EAAE,EAAER,SAAS,CAAC4B,MAAM,CAACF,UAAU;IAC/B;IACAjB,UAAU,EAAET,SAAS,CAAC6B,IAAI;IAC1B;IACAnB,UAAU,EAAEV,SAAS,CAAC6B;EACxB,CAAC,CAAC,CAACH;AACL,CAAC;AAED,eAAetB,QAAQ","ignoreList":[]}

package/dist/DataTable/filters/CheckboxFilter.js

@@ -4,16 +4,15 @@ import Form, { FormLabel } from '../../Form';
 import Badge from '../../Badge';
 import Stack from '../../Stack';
 import { newId } from '../../utils';
-function CheckboxFilter(_ref) {
-  let {
-    column: {
-      filterValue,
-      setFilter,
-      Header,
-      filterChoices,
-      getHeaderProps
-    }
-  } = _ref;
+function CheckboxFilter({
+  column: {
+    filterValue,
+    setFilter,
+    Header,
+    filterChoices,
+    getHeaderProps
+  }
+}) {
   // creates a unique label that does not change on re-render in case there are multiple checkbox filters in the dom
   const ariaLabel = useRef(newId(`checkbox-filter-label-${getHeaderProps().key}-`));
   const checkedBoxes = filterValue || [];
@@ -35,25 +34,22 @@ function CheckboxFilter(_ref) {
   }, Header), /*#__PURE__*/React.createElement(Form.CheckboxSet, {
     name: Header,
     value: checkedBoxes
-  }, filterChoices.map(_ref2 => {
-    let {
-      name,
-      number,
-      value
-    } = _ref2;
-    return /*#__PURE__*/React.createElement(Form.Checkbox, {
-      key: `${headerBasedId}${name}`,
-      value: name,
-      checked: checkedBoxes.includes(value),
-      onChange: () => changeCheckbox(value),
-      "aria-label": name
-    }, /*#__PURE__*/React.createElement(Stack, {
-      direction: "horizontal",
-      gap: 2
-    }, name, " ", number !== undefined && /*#__PURE__*/React.createElement(Badge, {
-      variant: "light"
-    }, number)));
-  })));
+  }, filterChoices.map(({
+    name,
+    number,
+    value
+  }) => /*#__PURE__*/React.createElement(Form.Checkbox, {
+    key: `${headerBasedId}${name}`,
+    value: name,
+    checked: checkedBoxes.includes(value),
+    onChange: () => changeCheckbox(value),
+    "aria-label": name
+  }, /*#__PURE__*/React.createElement(Stack, {
+    direction: "horizontal",
+    gap: 2
+  }, name, " ", number !== undefined && /*#__PURE__*/React.createElement(Badge, {
+    variant: "light"
+  }, number))))));
 }
 CheckboxFilter.propTypes = {
   /**

package/dist/DataTable/filters/CheckboxFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxFilter.js","names":["React","useRef","useMemo","PropTypes","Form","FormLabel","Badge","Stack","newId","CheckboxFilter","_ref","column","filterValue","setFilter","Header","filterChoices","getHeaderProps","ariaLabel","key","checkedBoxes","changeCheckbox","value","includes","newCheckedBoxes","filter","val","push","headerBasedId","createElement","Group","role","current","id","className","CheckboxSet","name","map","_ref2","number","Checkbox","checked","onChange","direction","gap","undefined","variant","propTypes","shape","func","isRequired","oneOfType","elementType","node","arrayOf","string"],"sources":["../../../src/DataTable/filters/CheckboxFilter.jsx"],"sourcesContent":["import React, { useRef, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport Form, { FormLabel } from '../../Form';\nimport Badge from '../../Badge';\nimport Stack from '../../Stack';\nimport { newId } from '../../utils';\n\nfunction CheckboxFilter({\n  column: {\n    filterValue, setFilter, Header, filterChoices, getHeaderProps,\n  },\n}) {\n  // creates a unique label that does not change on re-render in case there are multiple checkbox filters in the dom\n  const ariaLabel = useRef(newId(`checkbox-filter-label-${getHeaderProps().key}-`));\n\n  const checkedBoxes = filterValue || [];\n  const changeCheckbox = (value) => {\n    if (checkedBoxes.includes(value)) {\n      const newCheckedBoxes = checkedBoxes.filter((val) => val !== value);\n      return setFilter(newCheckedBoxes);\n    }\n    checkedBoxes.push(value);\n    return setFilter(checkedBoxes);\n  };\n  const headerBasedId = useMemo(() => `checkbox-filter-check-${getHeaderProps().key}-`, [getHeaderProps]);\n\n  return (\n    <Form.Group role=\"group\" aria-labelledby={ariaLabel.current}>\n      <FormLabel id={ariaLabel.current} className=\"pgn__checkbox-filter-label\">{Header}</FormLabel>\n      <Form.CheckboxSet name={Header} value={checkedBoxes}>\n        {filterChoices.map(({ name, number, value }) => (\n          <Form.Checkbox\n            key={`${headerBasedId}${name}`}\n            value={name}\n            checked={checkedBoxes.includes(value)}\n            onChange={() => changeCheckbox(value)}\n            aria-label={name}\n          >\n            <Stack direction=\"horizontal\" gap={2}>\n              {name} {number !== undefined && <Badge variant=\"light\">{number}</Badge>}\n            </Stack>\n          </Form.Checkbox>\n        ))}\n      </Form.CheckboxSet>\n    </Form.Group>\n  );\n}\n\nCheckboxFilter.propTypes = {\n  /**\n   * Specifies a column object.\n   *\n   * `setFilter`: Function to set the filter value.\n   *\n   * `Header`: Column header used for labels and placeholders.\n   *\n   * `filterChoices`: Specifies array of choices.\n   *\n   * `getHeaderProps`: Generates a key unique to the column being filtered.\n   *\n   * `filterValue`: Value for the filter input.\n   */\n  column: PropTypes.shape({\n    setFilter: PropTypes.func.isRequired,\n    Header: PropTypes.oneOfType([PropTypes.elementType, PropTypes.node]).isRequired,\n    filterChoices: PropTypes.arrayOf(PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      number: PropTypes.number,\n    })).isRequired,\n    getHeaderProps: PropTypes.func.isRequired,\n    filterValue: PropTypes.arrayOf(PropTypes.string),\n  }).isRequired,\n};\n\nexport default CheckboxFilter;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CheckboxFilter.js","names":["React","useRef","useMemo","PropTypes","Form","FormLabel","Badge","Stack","newId","CheckboxFilter","column","filterValue","setFilter","Header","filterChoices","getHeaderProps","ariaLabel","key","checkedBoxes","changeCheckbox","value","includes","newCheckedBoxes","filter","val","push","headerBasedId","createElement","Group","role","current","id","className","CheckboxSet","name","map","number","Checkbox","checked","onChange","direction","gap","undefined","variant","propTypes","shape","func","isRequired","oneOfType","elementType","node","arrayOf","string"],"sources":["../../../src/DataTable/filters/CheckboxFilter.jsx"],"sourcesContent":["import React, { useRef, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport Form, { FormLabel } from '../../Form';\nimport Badge from '../../Badge';\nimport Stack from '../../Stack';\nimport { newId } from '../../utils';\n\nfunction CheckboxFilter({\n  column: {\n    filterValue, setFilter, Header, filterChoices, getHeaderProps,\n  },\n}) {\n  // creates a unique label that does not change on re-render in case there are multiple checkbox filters in the dom\n  const ariaLabel = useRef(newId(`checkbox-filter-label-${getHeaderProps().key}-`));\n\n  const checkedBoxes = filterValue || [];\n  const changeCheckbox = (value) => {\n    if (checkedBoxes.includes(value)) {\n      const newCheckedBoxes = checkedBoxes.filter((val) => val !== value);\n      return setFilter(newCheckedBoxes);\n    }\n    checkedBoxes.push(value);\n    return setFilter(checkedBoxes);\n  };\n  const headerBasedId = useMemo(() => `checkbox-filter-check-${getHeaderProps().key}-`, [getHeaderProps]);\n\n  return (\n    <Form.Group role=\"group\" aria-labelledby={ariaLabel.current}>\n      <FormLabel id={ariaLabel.current} className=\"pgn__checkbox-filter-label\">{Header}</FormLabel>\n      <Form.CheckboxSet name={Header} value={checkedBoxes}>\n        {filterChoices.map(({ name, number, value }) => (\n          <Form.Checkbox\n            key={`${headerBasedId}${name}`}\n            value={name}\n            checked={checkedBoxes.includes(value)}\n            onChange={() => changeCheckbox(value)}\n            aria-label={name}\n          >\n            <Stack direction=\"horizontal\" gap={2}>\n              {name} {number !== undefined && <Badge variant=\"light\">{number}</Badge>}\n            </Stack>\n          </Form.Checkbox>\n        ))}\n      </Form.CheckboxSet>\n    </Form.Group>\n  );\n}\n\nCheckboxFilter.propTypes = {\n  /**\n   * Specifies a column object.\n   *\n   * `setFilter`: Function to set the filter value.\n   *\n   * `Header`: Column header used for labels and placeholders.\n   *\n   * `filterChoices`: Specifies array of choices.\n   *\n   * `getHeaderProps`: Generates a key unique to the column being filtered.\n   *\n   * `filterValue`: Value for the filter input.\n   */\n  column: PropTypes.shape({\n    setFilter: PropTypes.func.isRequired,\n    Header: PropTypes.oneOfType([PropTypes.elementType, PropTypes.node]).isRequired,\n    filterChoices: PropTypes.arrayOf(PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      number: PropTypes.number,\n    })).isRequired,\n    getHeaderProps: PropTypes.func.isRequired,\n    filterValue: PropTypes.arrayOf(PropTypes.string),\n  }).isRequired,\n};\n\nexport default CheckboxFilter;\n"],"mappings":"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","ignoreList":[]}

package/dist/DataTable/filters/DropdownFilter.js

@@ -3,15 +3,14 @@ import PropTypes from 'prop-types';
 import Form from '../../Form';
 import { newId } from '../../utils';
 const DEFAULT_VALUE = '';
-function DropdownFilter(_ref) {
-  let {
-    column: {
-      setFilter,
-      Header,
-      filterChoices,
-      getHeaderProps
-    }
-  } = _ref;
+function DropdownFilter({
+  column: {
+    setFilter,
+    Header,
+    filterChoices,
+    getHeaderProps
+  }
+}) {
   // creates a unique label that does not change on re-render in case there are multiple checkbox filters in the dom
   const ariaLabel = useRef(newId(`dropdown-filter-label-${getHeaderProps().key}-`));
   const onChange = e => {
@@ -31,17 +30,14 @@ function DropdownFilter(_ref) {
     "aria-labelledby": ariaLabel.current
   }, /*#__PURE__*/React.createElement("option", {
     value: DEFAULT_VALUE
-  }, Header), filterChoices.map(_ref2 => {
-    let {
-      name,
-      number,
-      value
-    } = _ref2;
-    return /*#__PURE__*/React.createElement("option", {
-      key: value,
-      value: value
-    }, name, " ", number && `(${number})`);
-  })));
+  }, Header), filterChoices.map(({
+    name,
+    number,
+    value
+  }) => /*#__PURE__*/React.createElement("option", {
+    key: value,
+    value: value
+  }, name, " ", number && `(${number})`))));
 }
 DropdownFilter.propTypes = {
   /**

package/dist/DataTable/filters/DropdownFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFilter.js","names":["React","useRef","PropTypes","Form","newId","DEFAULT_VALUE","DropdownFilter","_ref","column","setFilter","Header","filterChoices","getHeaderProps","ariaLabel","key","onChange","e","target","value","undefined","createElement","Group","Label","id","current","className","Control","as","default","map","_ref2","name","number","propTypes","shape","func","isRequired","oneOfType","elementType","node","arrayOf","string"],"sources":["../../../src/DataTable/filters/DropdownFilter.jsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport Form from '../../Form';\nimport { newId } from '../../utils';\n\nconst DEFAULT_VALUE = '';\n\nfunction DropdownFilter({\n  column: {\n    setFilter, Header, filterChoices, getHeaderProps,\n  },\n}) {\n  // creates a unique label that does not change on re-render in case there are multiple checkbox filters in the dom\n  const ariaLabel = useRef(newId(`dropdown-filter-label-${getHeaderProps().key}-`));\n  const onChange = (e) => {\n    if (e.target.value === DEFAULT_VALUE) {\n      // setting undefined resets the filter\n      return setFilter(undefined);\n    }\n    return setFilter(e.target.value);\n  };\n\n  return (\n    <Form.Group>\n      <Form.Label id={ariaLabel.current} className=\"sr-only\">{Header}</Form.Label>\n      <Form.Control\n        as=\"select\"\n        default={DEFAULT_VALUE}\n        onChange={onChange}\n        aria-labelledby={ariaLabel.current}\n      >\n        <option value={DEFAULT_VALUE}>{Header}</option>\n        {filterChoices.map(({ name, number, value }) => (<option key={value} value={value}>{name} {number && `(${number})`}</option>))}\n      </Form.Control>\n    </Form.Group>\n  );\n}\n\nDropdownFilter.propTypes = {\n  /**\n   * Specifies a column object.\n   *\n   * `setFilter`: Function to set the filter value.\n   *\n   * `Header`: Column header used for labels and placeholders.\n   *\n   * `filterChoices`: Specifies array of choices.\n   *\n   * `getHeaderProps`: Generates a key unique to the column being filtered.\n   */\n  column: PropTypes.shape({\n    setFilter: PropTypes.func.isRequired,\n    Header: PropTypes.oneOfType([PropTypes.elementType, PropTypes.node]).isRequired,\n    filterChoices: PropTypes.arrayOf(PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      number: PropTypes.number,\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n    })).isRequired,\n    getHeaderProps: PropTypes.func.isRequired,\n  }).isRequired,\n};\n\nexport default DropdownFilter;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,YAAY;AAC7B,SAASC,KAAK,QAAQ,aAAa;AAEnC,MAAMC,aAAa,GAAG,EAAE;AAExB,SAASC,cAAcA,CAAAC,IAAA,EAIpB;EAAA,IAJqB;IACtBC,MAAM,EAAE;MACNC,SAAS;MAAEC,MAAM;MAAEC,aAAa;MAAEC;IACpC;EACF,CAAC,GAAAL,IAAA;EACC;EACA,MAAMM,SAAS,GAAGZ,MAAM,CAACG,KAAK,CAAC,yBAAyBQ,cAAc,CAAC,CAAC,CAACE,GAAG,GAAG,CAAC,CAAC;EACjF,MAAMC,QAAQ,GAAIC,CAAC,IAAK;IACtB,IAAIA,CAAC,CAACC,MAAM,CAACC,KAAK,KAAKb,aAAa,EAAE;MACpC;MACA,OAAOI,SAAS,CAACU,SAAS,CAAC;IAC7B;IACA,OAAOV,SAAS,CAACO,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC;EAClC,CAAC;EAED,oBACElB,KAAA,CAAAoB,aAAA,CAACjB,IAAI,CAACkB,KAAK,qBACTrB,KAAA,CAAAoB,aAAA,CAACjB,IAAI,CAACmB,KAAK;IAACC,EAAE,EAAEV,SAAS,CAACW,OAAQ;IAACC,SAAS,EAAC;EAAS,GAAEf,MAAmB,CAAC,eAC5EV,KAAA,CAAAoB,aAAA,CAACjB,IAAI,CAACuB,OAAO;IACXC,EAAE,EAAC,QAAQ;IACXC,OAAO,EAAEvB,aAAc;IACvBU,QAAQ,EAAEA,QAAS;IACnB,mBAAiBF,SAAS,CAACW;EAAQ,gBAEnCxB,KAAA,CAAAoB,aAAA;IAAQF,KAAK,EAAEb;EAAc,GAAEK,MAAe,CAAC,EAC9CC,aAAa,CAACkB,GAAG,CAACC,KAAA;IAAA,IAAC;MAAEC,IAAI;MAAEC,MAAM;MAAEd;IAAM,CAAC,GAAAY,KAAA;IAAA,oBAAM9B,KAAA,CAAAoB,aAAA;MAAQN,GAAG,EAAEI,KAAM;MAACA,KAAK,EAAEA;IAAM,GAAEa,IAAI,EAAC,GAAC,EAACC,MAAM,IAAI,IAAIA,MAAM,GAAY,CAAC;EAAA,CAAC,CACjH,CACJ,CAAC;AAEjB;AAEA1B,cAAc,CAAC2B,SAAS,GAAG;EACzB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEzB,MAAM,EAAEN,SAAS,CAACgC,KAAK,CAAC;IACtBzB,SAAS,EAAEP,SAAS,CAACiC,IAAI,CAACC,UAAU;IACpC1B,MAAM,EAAER,SAAS,CAACmC,SAAS,CAAC,CAACnC,SAAS,CAACoC,WAAW,EAAEpC,SAAS,CAACqC,IAAI,CAAC,CAAC,CAACH,UAAU;IAC/EzB,aAAa,EAAET,SAAS,CAACsC,OAAO,CAACtC,SAAS,CAACgC,KAAK,CAAC;MAC/CH,IAAI,EAAE7B,SAAS,CAACuC,MAAM,CAACL,UAAU;MACjCJ,MAAM,EAAE9B,SAAS,CAAC8B,MAAM;MACxBd,KAAK,EAAEhB,SAAS,CAACmC,SAAS,CAAC,CAACnC,SAAS,CAACuC,MAAM,EAAEvC,SAAS,CAAC8B,MAAM,CAAC,CAAC,CAACI;IACnE,CAAC,CAAC,CAAC,CAACA,UAAU;IACdxB,cAAc,EAAEV,SAAS,CAACiC,IAAI,CAACC;EACjC,CAAC,CAAC,CAACA;AACL,CAAC;AAED,eAAe9B,cAAc","ignoreList":[]}
+{"version":3,"file":"DropdownFilter.js","names":["React","useRef","PropTypes","Form","newId","DEFAULT_VALUE","DropdownFilter","column","setFilter","Header","filterChoices","getHeaderProps","ariaLabel","key","onChange","e","target","value","undefined","createElement","Group","Label","id","current","className","Control","as","default","map","name","number","propTypes","shape","func","isRequired","oneOfType","elementType","node","arrayOf","string"],"sources":["../../../src/DataTable/filters/DropdownFilter.jsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport Form from '../../Form';\nimport { newId } from '../../utils';\n\nconst DEFAULT_VALUE = '';\n\nfunction DropdownFilter({\n  column: {\n    setFilter, Header, filterChoices, getHeaderProps,\n  },\n}) {\n  // creates a unique label that does not change on re-render in case there are multiple checkbox filters in the dom\n  const ariaLabel = useRef(newId(`dropdown-filter-label-${getHeaderProps().key}-`));\n  const onChange = (e) => {\n    if (e.target.value === DEFAULT_VALUE) {\n      // setting undefined resets the filter\n      return setFilter(undefined);\n    }\n    return setFilter(e.target.value);\n  };\n\n  return (\n    <Form.Group>\n      <Form.Label id={ariaLabel.current} className=\"sr-only\">{Header}</Form.Label>\n      <Form.Control\n        as=\"select\"\n        default={DEFAULT_VALUE}\n        onChange={onChange}\n        aria-labelledby={ariaLabel.current}\n      >\n        <option value={DEFAULT_VALUE}>{Header}</option>\n        {filterChoices.map(({ name, number, value }) => (<option key={value} value={value}>{name} {number && `(${number})`}</option>))}\n      </Form.Control>\n    </Form.Group>\n  );\n}\n\nDropdownFilter.propTypes = {\n  /**\n   * Specifies a column object.\n   *\n   * `setFilter`: Function to set the filter value.\n   *\n   * `Header`: Column header used for labels and placeholders.\n   *\n   * `filterChoices`: Specifies array of choices.\n   *\n   * `getHeaderProps`: Generates a key unique to the column being filtered.\n   */\n  column: PropTypes.shape({\n    setFilter: PropTypes.func.isRequired,\n    Header: PropTypes.oneOfType([PropTypes.elementType, PropTypes.node]).isRequired,\n    filterChoices: PropTypes.arrayOf(PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      number: PropTypes.number,\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n    })).isRequired,\n    getHeaderProps: PropTypes.func.isRequired,\n  }).isRequired,\n};\n\nexport default DropdownFilter;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,YAAY;AAC7B,SAASC,KAAK,QAAQ,aAAa;AAEnC,MAAMC,aAAa,GAAG,EAAE;AAExB,SAASC,cAAcA,CAAC;EACtBC,MAAM,EAAE;IACNC,SAAS;IAAEC,MAAM;IAAEC,aAAa;IAAEC;EACpC;AACF,CAAC,EAAE;EACD;EACA,MAAMC,SAAS,GAAGX,MAAM,CAACG,KAAK,CAAC,yBAAyBO,cAAc,CAAC,CAAC,CAACE,GAAG,GAAG,CAAC,CAAC;EACjF,MAAMC,QAAQ,GAAIC,CAAC,IAAK;IACtB,IAAIA,CAAC,CAACC,MAAM,CAACC,KAAK,KAAKZ,aAAa,EAAE;MACpC;MACA,OAAOG,SAAS,CAACU,SAAS,CAAC;IAC7B;IACA,OAAOV,SAAS,CAACO,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC;EAClC,CAAC;EAED,oBACEjB,KAAA,CAAAmB,aAAA,CAAChB,IAAI,CAACiB,KAAK,qBACTpB,KAAA,CAAAmB,aAAA,CAAChB,IAAI,CAACkB,KAAK;IAACC,EAAE,EAAEV,SAAS,CAACW,OAAQ;IAACC,SAAS,EAAC;EAAS,GAAEf,MAAmB,CAAC,eAC5ET,KAAA,CAAAmB,aAAA,CAAChB,IAAI,CAACsB,OAAO;IACXC,EAAE,EAAC,QAAQ;IACXC,OAAO,EAAEtB,aAAc;IACvBS,QAAQ,EAAEA,QAAS;IACnB,mBAAiBF,SAAS,CAACW;EAAQ,gBAEnCvB,KAAA,CAAAmB,aAAA;IAAQF,KAAK,EAAEZ;EAAc,GAAEI,MAAe,CAAC,EAC9CC,aAAa,CAACkB,GAAG,CAAC,CAAC;IAAEC,IAAI;IAAEC,MAAM;IAAEb;EAAM,CAAC,kBAAMjB,KAAA,CAAAmB,aAAA;IAAQN,GAAG,EAAEI,KAAM;IAACA,KAAK,EAAEA;EAAM,GAAEY,IAAI,EAAC,GAAC,EAACC,MAAM,IAAI,IAAIA,MAAM,GAAY,CAAE,CACjH,CACJ,CAAC;AAEjB;AAEAxB,cAAc,CAACyB,SAAS,GAAG;EACzB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACExB,MAAM,EAAEL,SAAS,CAAC8B,KAAK,CAAC;IACtBxB,SAAS,EAAEN,SAAS,CAAC+B,IAAI,CAACC,UAAU;IACpCzB,MAAM,EAAEP,SAAS,CAACiC,SAAS,CAAC,CAACjC,SAAS,CAACkC,WAAW,EAAElC,SAAS,CAACmC,IAAI,CAAC,CAAC,CAACH,UAAU;IAC/ExB,aAAa,EAAER,SAAS,CAACoC,OAAO,CAACpC,SAAS,CAAC8B,KAAK,CAAC;MAC/CH,IAAI,EAAE3B,SAAS,CAACqC,MAAM,CAACL,UAAU;MACjCJ,MAAM,EAAE5B,SAAS,CAAC4B,MAAM;MACxBb,KAAK,EAAEf,SAAS,CAACiC,SAAS,CAAC,CAACjC,SAAS,CAACqC,MAAM,EAAErC,SAAS,CAAC4B,MAAM,CAAC,CAAC,CAACI;IACnE,CAAC,CAAC,CAAC,CAACA,UAAU;IACdvB,cAAc,EAAET,SAAS,CAAC+B,IAAI,CAACC;EACjC,CAAC,CAAC,CAACA;AACL,CAAC;AAED,eAAe5B,cAAc","ignoreList":[]}