@openedx/paragon 23.14.1 → 23.14.3

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":"AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,OAAO,QAAQ,OAAO;AAC9C,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,IAAIC,SAAS,QAAQ,YAAY;AAC5C,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,KAAK,MAAM,aAAa;AAC/B,SAASC,KAAK,QAAQ,aAAa;AAEnC,SAASC,cAAcA,CAAAC,IAAA,EAIpB;EAAA,IAJqB;IACtBC,MAAM,EAAE;MACNC,WAAW;MAAEC,SAAS;MAAEC,MAAM;MAAEC,aAAa;MAAEC;IACjD;EACF,CAAC,GAAAN,IAAA;EACC;EACA,MAAMO,SAAS,GAAGhB,MAAM,CAACO,KAAK,CAAC,yBAAyBQ,cAAc,CAAC,CAAC,CAACE,GAAG,GAAG,CAAC,CAAC;EAEjF,MAAMC,YAAY,GAAGP,WAAW,IAAI,EAAE;EACtC,MAAMQ,cAAc,GAAIC,KAAK,IAAK;IAChC,IAAIF,YAAY,CAACG,QAAQ,CAACD,KAAK,CAAC,EAAE;MAChC,MAAME,eAAe,GAAGJ,YAAY,CAACK,MAAM,CAAEC,GAAG,IAAKA,GAAG,KAAKJ,KAAK,CAAC;MACnE,OAAOR,SAAS,CAACU,eAAe,CAAC;IACnC;IACAJ,YAAY,CAACO,IAAI,CAACL,KAAK,CAAC;IACxB,OAAOR,SAAS,CAACM,YAAY,CAAC;EAChC,CAAC;EACD,MAAMQ,aAAa,GAAGzB,OAAO,CAAC,MAAM,yBAAyBc,cAAc,CAAC,CAAC,CAACE,GAAG,GAAG,EAAE,CAACF,cAAc,CAAC,CAAC;EAEvG,oBACEhB,KAAA,CAAA4B,aAAA,CAACxB,IAAI,CAACyB,KAAK;IAACC,IAAI,EAAC,OAAO;IAAC,mBAAiBb,SAAS,CAACc;EAAQ,gBAC1D/B,KAAA,CAAA4B,aAAA,CAACvB,SAAS;IAAC2B,EAAE,EAAEf,SAAS,CAACc,OAAQ;IAACE,SAAS,EAAC;EAA4B,GAAEnB,MAAkB,CAAC,eAC7Fd,KAAA,CAAA4B,aAAA,CAACxB,IAAI,CAAC8B,WAAW;IAACC,IAAI,EAAErB,MAAO;IAACO,KAAK,EAAEF;EAAa,GACjDJ,aAAa,CAACqB,GAAG,CAACC,KAAA;IAAA,IAAC;MAAEF,IAAI;MAAEG,MAAM;MAAEjB;IAAM,CAAC,GAAAgB,KAAA;IAAA,oBACzCrC,KAAA,CAAA4B,aAAA,CAACxB,IAAI,CAACmC,QAAQ;MACZrB,GAAG,EAAE,GAAGS,aAAa,GAAGQ,IAAI,EAAG;MAC/Bd,KAAK,EAAEc,IAAK;MACZK,OAAO,EAAErB,YAAY,CAACG,QAAQ,CAACD,KAAK,CAAE;MACtCoB,QAAQ,EAAEA,CAAA,KAAMrB,cAAc,CAACC,KAAK,CAAE;MACtC,cAAYc;IAAK,gBAEjBnC,KAAA,CAAA4B,aAAA,CAACrB,KAAK;MAACmC,SAAS,EAAC,YAAY;MAACC,GAAG,EAAE;IAAE,GAClCR,IAAI,EAAC,GAAC,EAACG,MAAM,KAAKM,SAAS,iBAAI5C,KAAA,CAAA4B,aAAA,CAACtB,KAAK;MAACuC,OAAO,EAAC;IAAO,GAAEP,MAAc,CACjE,CACM,CAAC;EAAA,CACjB,CACe,CACR,CAAC;AAEjB;AAEA7B,cAAc,CAACqC,SAAS,GAAG;EACzB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEnC,MAAM,EAAER,SAAS,CAAC4C,KAAK,CAAC;IACtBlC,SAAS,EAAEV,SAAS,CAAC6C,IAAI,CAACC,UAAU;IACpCnC,MAAM,EAAEX,SAAS,CAAC+C,SAAS,CAAC,CAAC/C,SAAS,CAACgD,WAAW,EAAEhD,SAAS,CAACiD,IAAI,CAAC,CAAC,CAACH,UAAU;IAC/ElC,aAAa,EAAEZ,SAAS,CAACkD,OAAO,CAAClD,SAAS,CAAC4C,KAAK,CAAC;MAC/CZ,IAAI,EAAEhC,SAAS,CAACmD,MAAM,CAACL,UAAU;MACjC5B,KAAK,EAAElB,SAAS,CAAC+C,SAAS,CAAC,CAAC/C,SAAS,CAACmD,MAAM,EAAEnD,SAAS,CAACmC,MAAM,CAAC,CAAC;MAChEA,MAAM,EAAEnC,SAAS,CAACmC;IACpB,CAAC,CAAC,CAAC,CAACW,UAAU;IACdjC,cAAc,EAAEb,SAAS,CAAC6C,IAAI,CAACC,UAAU;IACzCrC,WAAW,EAAET,SAAS,CAACkD,OAAO,CAAClD,SAAS,CAACmD,MAAM;EACjD,CAAC,CAAC,CAACL;AACL,CAAC;AAED,eAAexC,cAAc","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":[]}

package/dist/DataTable/filters/MultiSelectDropdownFilter.js

@@ -5,16 +5,15 @@ import Stack from '../../Stack';
 import { DropdownButton } from '../../Dropdown';
 import { newId } from '../../utils';
 import Form from '../../Form';
-function MultiSelectDropdownFilter(_ref) {
-  let {
-    column: {
-      setFilter,
-      Header,
-      filterChoices,
-      getHeaderProps,
-      filterValue
-    }
-  } = _ref;
+function MultiSelectDropdownFilter({
+  column: {
+    setFilter,
+    Header,
+    filterChoices,
+    getHeaderProps,
+    filterValue
+  }
+}) {
   // 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(`multi-dropdown-filter-label-${getHeaderProps().key}-`));
   const checkedBoxes = filterValue || [];
@@ -34,25 +33,22 @@ function MultiSelectDropdownFilter(_ref) {
     className: "pgn__dropdown-filter-checkbox-group",
     name: Header,
     "aria-label": Header
-  }, filterChoices.map(_ref2 => {
-    let {
-      name,
-      number,
-      value
-    } = _ref2;
-    return /*#__PURE__*/React.createElement(Form.Checkbox, {
-      key: name,
-      value: name,
-      checked: checkedBoxes.includes(value),
-      onChange: () => changeCheckbox(value),
-      "aria-label": name
-    }, /*#__PURE__*/React.createElement(Stack, {
-      direction: "horizontal",
-      gap: 2
-    }, name, " ", number && /*#__PURE__*/React.createElement(Badge, {
-      variant: "light"
-    }, number)));
-  })));
+  }, filterChoices.map(({
+    name,
+    number,
+    value
+  }) => /*#__PURE__*/React.createElement(Form.Checkbox, {
+    key: name,
+    value: name,
+    checked: checkedBoxes.includes(value),
+    onChange: () => changeCheckbox(value),
+    "aria-label": name
+  }, /*#__PURE__*/React.createElement(Stack, {
+    direction: "horizontal",
+    gap: 2
+  }, name, " ", number && /*#__PURE__*/React.createElement(Badge, {
+    variant: "light"
+  }, number))))));
 }
 MultiSelectDropdownFilter.propTypes = {
   /**

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectDropdownFilter.js","names":["React","useRef","PropTypes","Badge","Stack","DropdownButton","newId","Form","MultiSelectDropdownFilter","_ref","column","setFilter","Header","filterChoices","getHeaderProps","filterValue","ariaLabel","key","checkedBoxes","changeCheckbox","value","includes","newCheckedBoxes","filter","val","push","createElement","variant","id","current","title","CheckboxSet","className","name","map","_ref2","number","Checkbox","checked","onChange","direction","gap","propTypes","shape","func","isRequired","oneOfType","elementType","node","arrayOf","string"],"sources":["../../../src/DataTable/filters/MultiSelectDropdownFilter.jsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport Badge from '../../Badge';\nimport Stack from '../../Stack';\nimport { DropdownButton } from '../../Dropdown';\nimport { newId } from '../../utils';\nimport Form from '../../Form';\n\nfunction MultiSelectDropdownFilter({\n  column: {\n    setFilter, Header, filterChoices, getHeaderProps, filterValue,\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(`multi-dropdown-filter-label-${getHeaderProps().key}-`));\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\n  return (\n    <DropdownButton variant=\"outline-primary\" id={ariaLabel.current} title={Header}>\n      <Form.CheckboxSet\n        className=\"pgn__dropdown-filter-checkbox-group\"\n        name={Header}\n        aria-label={Header}\n      >\n        {filterChoices.map(({ name, number, value }) => (\n          <Form.Checkbox\n            key={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 && <Badge variant=\"light\">{number}</Badge>}\n            </Stack>\n          </Form.Checkbox>\n        ))}\n      </Form.CheckboxSet>\n    </DropdownButton>\n  );\n}\n\nMultiSelectDropdownFilter.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    /** Function to set the filter value */\n    setFilter: PropTypes.func.isRequired,\n    /** Column header used for labels and placeholders */\n    Header: PropTypes.oneOfType([PropTypes.elementType, PropTypes.node]).isRequired,\n    /** Names and values for the select options */\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    /** Generates a key unique to the column being filtered */\n    getHeaderProps: PropTypes.func.isRequired,\n    filterValue: PropTypes.arrayOf(PropTypes.string),\n  }).isRequired,\n};\n\nexport default MultiSelectDropdownFilter;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MultiSelectDropdownFilter.js","names":["React","useRef","PropTypes","Badge","Stack","DropdownButton","newId","Form","MultiSelectDropdownFilter","column","setFilter","Header","filterChoices","getHeaderProps","filterValue","ariaLabel","key","checkedBoxes","changeCheckbox","value","includes","newCheckedBoxes","filter","val","push","createElement","variant","id","current","title","CheckboxSet","className","name","map","number","Checkbox","checked","onChange","direction","gap","propTypes","shape","func","isRequired","oneOfType","elementType","node","arrayOf","string"],"sources":["../../../src/DataTable/filters/MultiSelectDropdownFilter.jsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport Badge from '../../Badge';\nimport Stack from '../../Stack';\nimport { DropdownButton } from '../../Dropdown';\nimport { newId } from '../../utils';\nimport Form from '../../Form';\n\nfunction MultiSelectDropdownFilter({\n  column: {\n    setFilter, Header, filterChoices, getHeaderProps, filterValue,\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(`multi-dropdown-filter-label-${getHeaderProps().key}-`));\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\n  return (\n    <DropdownButton variant=\"outline-primary\" id={ariaLabel.current} title={Header}>\n      <Form.CheckboxSet\n        className=\"pgn__dropdown-filter-checkbox-group\"\n        name={Header}\n        aria-label={Header}\n      >\n        {filterChoices.map(({ name, number, value }) => (\n          <Form.Checkbox\n            key={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 && <Badge variant=\"light\">{number}</Badge>}\n            </Stack>\n          </Form.Checkbox>\n        ))}\n      </Form.CheckboxSet>\n    </DropdownButton>\n  );\n}\n\nMultiSelectDropdownFilter.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    /** Function to set the filter value */\n    setFilter: PropTypes.func.isRequired,\n    /** Column header used for labels and placeholders */\n    Header: PropTypes.oneOfType([PropTypes.elementType, PropTypes.node]).isRequired,\n    /** Names and values for the select options */\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    /** Generates a key unique to the column being filtered */\n    getHeaderProps: PropTypes.func.isRequired,\n    filterValue: PropTypes.arrayOf(PropTypes.string),\n  }).isRequired,\n};\n\nexport default MultiSelectDropdownFilter;\n"],"mappings":"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","ignoreList":[]}

package/dist/DataTable/filters/TextFilter.js

@@ -11,15 +11,14 @@ const formatHeaderForLabel = header => {
   }
   return header;
 };
-function TextFilter(_ref) {
-  let {
-    column: {
-      filterValue,
-      setFilter,
-      Header,
-      getHeaderProps
-    }
-  } = _ref;
+function TextFilter({
+  column: {
+    filterValue,
+    setFilter,
+    Header,
+    getHeaderProps
+  }
+}) {
   const ariaLabel = useRef(newId(`text-filter-label-${getHeaderProps().key}-`));
   const formattedHeader = formatHeaderForLabel(Header);
   const inputText = /*#__PURE__*/React.isValidElement(formattedHeader) ? formattedHeader : `Search ${formattedHeader}`;

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

@@ -1 +1 @@
-{"version":3,"file":"TextFilter.js","names":["React","useRef","PropTypes","Form","newId","formatHeaderForLabel","header","toLowerCase","TextFilter","_ref","column","filterValue","setFilter","Header","getHeaderProps","ariaLabel","key","formattedHeader","inputText","isValidElement","createElement","Group","controlId","current","Label","className","Control","value","type","onChange","e","target","undefined","placeholder","propTypes","shape","func","isRequired","oneOfType","elementType","node","string"],"sources":["../../../src/DataTable/filters/TextFilter.jsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport Form from '../../Form';\nimport { newId } from '../../utils';\n\nconst formatHeaderForLabel = (header) => {\n  if (typeof header === 'function') {\n    return header();\n  }\n  if (typeof header === 'string') {\n    return header.toLowerCase();\n  }\n  return header;\n};\n\nfunction TextFilter({\n  column: {\n    filterValue, setFilter, Header, getHeaderProps,\n  },\n}) {\n  const ariaLabel = useRef(newId(`text-filter-label-${getHeaderProps().key}-`));\n  const formattedHeader = formatHeaderForLabel(Header);\n  const inputText = React.isValidElement(formattedHeader) ? formattedHeader : `Search ${formattedHeader}`;\n  return (\n    <Form.Group controlId={ariaLabel.current}>\n      <Form.Label className=\"sr-only\">{inputText}</Form.Label>\n      <Form.Control\n        value={filterValue || ''}\n        type=\"text\"\n        onChange={e => {\n          setFilter(e.target.value || undefined); // Set undefined to remove the filter entirely\n        }}\n        placeholder={inputText}\n      />\n    </Form.Group>\n  );\n}\n\nTextFilter.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   * `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    getHeaderProps: PropTypes.func.isRequired,\n    filterValue: PropTypes.string,\n  }).isRequired,\n};\n\nexport default TextFilter;\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,oBAAoB,GAAIC,MAAM,IAAK;EACvC,IAAI,OAAOA,MAAM,KAAK,UAAU,EAAE;IAChC,OAAOA,MAAM,CAAC,CAAC;EACjB;EACA,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;IAC9B,OAAOA,MAAM,CAACC,WAAW,CAAC,CAAC;EAC7B;EACA,OAAOD,MAAM;AACf,CAAC;AAED,SAASE,UAAUA,CAAAC,IAAA,EAIhB;EAAA,IAJiB;IAClBC,MAAM,EAAE;MACNC,WAAW;MAAEC,SAAS;MAAEC,MAAM;MAAEC;IAClC;EACF,CAAC,GAAAL,IAAA;EACC,MAAMM,SAAS,GAAGd,MAAM,CAACG,KAAK,CAAC,qBAAqBU,cAAc,CAAC,CAAC,CAACE,GAAG,GAAG,CAAC,CAAC;EAC7E,MAAMC,eAAe,GAAGZ,oBAAoB,CAACQ,MAAM,CAAC;EACpD,MAAMK,SAAS,GAAG,aAAAlB,KAAK,CAACmB,cAAc,CAACF,eAAe,CAAC,GAAGA,eAAe,GAAG,UAAUA,eAAe,EAAE;EACvG,oBACEjB,KAAA,CAAAoB,aAAA,CAACjB,IAAI,CAACkB,KAAK;IAACC,SAAS,EAAEP,SAAS,CAACQ;EAAQ,gBACvCvB,KAAA,CAAAoB,aAAA,CAACjB,IAAI,CAACqB,KAAK;IAACC,SAAS,EAAC;EAAS,GAAEP,SAAsB,CAAC,eACxDlB,KAAA,CAAAoB,aAAA,CAACjB,IAAI,CAACuB,OAAO;IACXC,KAAK,EAAEhB,WAAW,IAAI,EAAG;IACzBiB,IAAI,EAAC,MAAM;IACXC,QAAQ,EAAEC,CAAC,IAAI;MACblB,SAAS,CAACkB,CAAC,CAACC,MAAM,CAACJ,KAAK,IAAIK,SAAS,CAAC,CAAC,CAAC;IAC1C,CAAE;IACFC,WAAW,EAAEf;EAAU,CACxB,CACS,CAAC;AAEjB;AAEAV,UAAU,CAAC0B,SAAS,GAAG;EACrB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACExB,MAAM,EAAER,SAAS,CAACiC,KAAK,CAAC;IACtBvB,SAAS,EAAEV,SAAS,CAACkC,IAAI,CAACC,UAAU;IACpCxB,MAAM,EAAEX,SAAS,CAACoC,SAAS,CAAC,CAACpC,SAAS,CAACqC,WAAW,EAAErC,SAAS,CAACsC,IAAI,CAAC,CAAC,CAACH,UAAU;IAC/EvB,cAAc,EAAEZ,SAAS,CAACkC,IAAI,CAACC,UAAU;IACzC1B,WAAW,EAAET,SAAS,CAACuC;EACzB,CAAC,CAAC,CAACJ;AACL,CAAC;AAED,eAAe7B,UAAU","ignoreList":[]}
+{"version":3,"file":"TextFilter.js","names":["React","useRef","PropTypes","Form","newId","formatHeaderForLabel","header","toLowerCase","TextFilter","column","filterValue","setFilter","Header","getHeaderProps","ariaLabel","key","formattedHeader","inputText","isValidElement","createElement","Group","controlId","current","Label","className","Control","value","type","onChange","e","target","undefined","placeholder","propTypes","shape","func","isRequired","oneOfType","elementType","node","string"],"sources":["../../../src/DataTable/filters/TextFilter.jsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport Form from '../../Form';\nimport { newId } from '../../utils';\n\nconst formatHeaderForLabel = (header) => {\n  if (typeof header === 'function') {\n    return header();\n  }\n  if (typeof header === 'string') {\n    return header.toLowerCase();\n  }\n  return header;\n};\n\nfunction TextFilter({\n  column: {\n    filterValue, setFilter, Header, getHeaderProps,\n  },\n}) {\n  const ariaLabel = useRef(newId(`text-filter-label-${getHeaderProps().key}-`));\n  const formattedHeader = formatHeaderForLabel(Header);\n  const inputText = React.isValidElement(formattedHeader) ? formattedHeader : `Search ${formattedHeader}`;\n  return (\n    <Form.Group controlId={ariaLabel.current}>\n      <Form.Label className=\"sr-only\">{inputText}</Form.Label>\n      <Form.Control\n        value={filterValue || ''}\n        type=\"text\"\n        onChange={e => {\n          setFilter(e.target.value || undefined); // Set undefined to remove the filter entirely\n        }}\n        placeholder={inputText}\n      />\n    </Form.Group>\n  );\n}\n\nTextFilter.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   * `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    getHeaderProps: PropTypes.func.isRequired,\n    filterValue: PropTypes.string,\n  }).isRequired,\n};\n\nexport default TextFilter;\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,oBAAoB,GAAIC,MAAM,IAAK;EACvC,IAAI,OAAOA,MAAM,KAAK,UAAU,EAAE;IAChC,OAAOA,MAAM,CAAC,CAAC;EACjB;EACA,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;IAC9B,OAAOA,MAAM,CAACC,WAAW,CAAC,CAAC;EAC7B;EACA,OAAOD,MAAM;AACf,CAAC;AAED,SAASE,UAAUA,CAAC;EAClBC,MAAM,EAAE;IACNC,WAAW;IAAEC,SAAS;IAAEC,MAAM;IAAEC;EAClC;AACF,CAAC,EAAE;EACD,MAAMC,SAAS,GAAGb,MAAM,CAACG,KAAK,CAAC,qBAAqBS,cAAc,CAAC,CAAC,CAACE,GAAG,GAAG,CAAC,CAAC;EAC7E,MAAMC,eAAe,GAAGX,oBAAoB,CAACO,MAAM,CAAC;EACpD,MAAMK,SAAS,GAAG,aAAAjB,KAAK,CAACkB,cAAc,CAACF,eAAe,CAAC,GAAGA,eAAe,GAAG,UAAUA,eAAe,EAAE;EACvG,oBACEhB,KAAA,CAAAmB,aAAA,CAAChB,IAAI,CAACiB,KAAK;IAACC,SAAS,EAAEP,SAAS,CAACQ;EAAQ,gBACvCtB,KAAA,CAAAmB,aAAA,CAAChB,IAAI,CAACoB,KAAK;IAACC,SAAS,EAAC;EAAS,GAAEP,SAAsB,CAAC,eACxDjB,KAAA,CAAAmB,aAAA,CAAChB,IAAI,CAACsB,OAAO;IACXC,KAAK,EAAEhB,WAAW,IAAI,EAAG;IACzBiB,IAAI,EAAC,MAAM;IACXC,QAAQ,EAAEC,CAAC,IAAI;MACblB,SAAS,CAACkB,CAAC,CAACC,MAAM,CAACJ,KAAK,IAAIK,SAAS,CAAC,CAAC,CAAC;IAC1C,CAAE;IACFC,WAAW,EAAEf;EAAU,CACxB,CACS,CAAC;AAEjB;AAEAT,UAAU,CAACyB,SAAS,GAAG;EACrB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACExB,MAAM,EAAEP,SAAS,CAACgC,KAAK,CAAC;IACtBvB,SAAS,EAAET,SAAS,CAACiC,IAAI,CAACC,UAAU;IACpCxB,MAAM,EAAEV,SAAS,CAACmC,SAAS,CAAC,CAACnC,SAAS,CAACoC,WAAW,EAAEpC,SAAS,CAACqC,IAAI,CAAC,CAAC,CAACH,UAAU;IAC/EvB,cAAc,EAAEX,SAAS,CAACiC,IAAI,CAACC,UAAU;IACzC1B,WAAW,EAAER,SAAS,CAACsC;EACzB,CAAC,CAAC,CAACJ;AACL,CAAC;AAED,eAAe5B,UAAU","ignoreList":[]}

package/dist/DataTable/hooks.js

@@ -27,10 +27,9 @@ export const useRows = () => {
  * @param {Array} controlledTableSelections Selection Object and dispatch function
  * @returns
  */
-export const useSelectionActions = (_ref, controlledTableSelections) => {
-  let {
-    toggleAllRowsSelected
-  } = _ref;
+export const useSelectionActions = ({
+  toggleAllRowsSelected
+}, controlledTableSelections) => {
   const [{
     selectedRows,
     isEntireTableSelected
@@ -53,15 +52,14 @@ export const useSelectionActions = (_ref, controlledTableSelections) => {
  * selections with API-driven data.
  *
  */
-export const useDataTableSelections = _ref2 => {
-  let {
-    selections,
-    selectionsDispatch,
-    itemCount,
-    selectedRows,
-    page,
-    isAllPageRowsSelected
-  } = _ref2;
+export const useDataTableSelections = ({
+  selections,
+  selectionsDispatch,
+  itemCount,
+  selectedRows,
+  page,
+  isAllPageRowsSelected
+}) => {
   // If "Select all" is explicitly opted in by the user, ensure that all unselected rows are selected
   // when the user navigates to a new page.
   useEffect(() => {

package/dist/DataTable/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","names":["useContext","useEffect","DataTableContext","clearSelectionAction","setSelectedRowsAction","toggleIsEntireTableSelected","getRowIds","getUnselectedPageRows","useRows","getTableProps","prepareRow","page","rows","headerGroups","getTableBodyProps","displayRows","useSelectionActions","_ref","controlledTableSelections","toggleAllRowsSelected","selectedRows","isEntireTableSelected","dispatch","clearSelection","length","useDataTableSelections","_ref2","selections","selectionsDispatch","itemCount","isAllPageRowsSelected","isSelectAllEnabled","selectedRowIds","unselectedPageRows"],"sources":["../../src/DataTable/hooks.jsx"],"sourcesContent":["import { useContext, useEffect } from 'react';\nimport DataTableContext from './DataTableContext';\nimport { clearSelectionAction, setSelectedRowsAction, toggleIsEntireTableSelected } from './selection/data/actions';\nimport { getRowIds, getUnselectedPageRows } from './selection/data/helpers';\n\nexport const useRows = () => {\n  const {\n    getTableProps, prepareRow, page, rows, headerGroups, getTableBodyProps,\n  } = useContext(DataTableContext);\n\n  const displayRows = page || rows;\n\n  return {\n    getTableProps, prepareRow, displayRows, headerGroups, getTableBodyProps,\n  };\n};\n\n/**\n * Hook that provides selection state functionality\n * @param {Object} param0 Table instance\n * @param {Array} controlledTableSelections Selection Object and dispatch function\n * @returns\n */\nexport const useSelectionActions = (\n  { toggleAllRowsSelected },\n  controlledTableSelections,\n) => {\n  const [{ selectedRows, isEntireTableSelected }, dispatch] = controlledTableSelections;\n\n  const clearSelection = () => {\n    // if using controlled selection component DataTable.ControlledSelectionStatus\n    if (selectedRows.length > 0 || isEntireTableSelected) {\n      dispatch(clearSelectionAction());\n    } else {\n      toggleAllRowsSelected(false);\n    }\n  };\n\n  return {\n    clearSelection,\n  };\n};\n\n/**\n * Provides business logic around managing selection state, notably for controlled\n * selections with API-driven data.\n *\n */\nexport const useDataTableSelections = ({\n  selections,\n  selectionsDispatch,\n  itemCount,\n  selectedRows,\n  page,\n  isAllPageRowsSelected,\n}) => {\n  // If \"Select all\" is explicitly opted in by the user, ensure that all unselected rows are selected\n  // when the user navigates to a new page.\n  useEffect(\n    () => {\n      if (selections.isSelectAllEnabled && (itemCount > selectedRows.length || !isAllPageRowsSelected)) {\n        const selectedRowIds = getRowIds(selectedRows);\n        const unselectedPageRows = getUnselectedPageRows(selectedRowIds, page);\n        if (unselectedPageRows.length) {\n          selectionsDispatch(setSelectedRowsAction(unselectedPageRows, itemCount));\n        }\n      }\n    },\n    [selectedRows, itemCount, page, selectionsDispatch, selections.isSelectAllEnabled, isAllPageRowsSelected],\n  );\n\n  // When `selections.isSelectAllEnabled` is true, ensure `selections.isEntireTableSelected` is true.\n  useEffect(() => {\n    if (selections.isSelectAllEnabled && !selections.isEntireTableSelected) {\n      selectionsDispatch(toggleIsEntireTableSelected());\n    }\n  }, [selectionsDispatch, selections.isEntireTableSelected, selections.isSelectAllEnabled]);\n\n  // When `selections.isSelectAllEnabled` differs from `selections.isEntireTableSelected` and\n  // `isAllPageRowsSelected` matches `selections.isSelectAllEnabled`, toggle `selections.isEntireTableSelected`.\n  useEffect(() => {\n    if (!selections.isSelectAllEnabled && selections.isEntireTableSelected && !isAllPageRowsSelected) {\n      selectionsDispatch(toggleIsEntireTableSelected());\n    }\n    if (selections.isSelectAllEnabled && !selections.isEntireTableSelected && isAllPageRowsSelected) {\n      selectionsDispatch(toggleIsEntireTableSelected());\n    }\n  }, [\n    selectionsDispatch,\n    isAllPageRowsSelected,\n    selections.isEntireTableSelected,\n    selections.isSelectAllEnabled,\n  ]);\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"hooks.js","names":["useContext","useEffect","DataTableContext","clearSelectionAction","setSelectedRowsAction","toggleIsEntireTableSelected","getRowIds","getUnselectedPageRows","useRows","getTableProps","prepareRow","page","rows","headerGroups","getTableBodyProps","displayRows","useSelectionActions","toggleAllRowsSelected","controlledTableSelections","selectedRows","isEntireTableSelected","dispatch","clearSelection","length","useDataTableSelections","selections","selectionsDispatch","itemCount","isAllPageRowsSelected","isSelectAllEnabled","selectedRowIds","unselectedPageRows"],"sources":["../../src/DataTable/hooks.jsx"],"sourcesContent":["import { useContext, useEffect } from 'react';\nimport DataTableContext from './DataTableContext';\nimport { clearSelectionAction, setSelectedRowsAction, toggleIsEntireTableSelected } from './selection/data/actions';\nimport { getRowIds, getUnselectedPageRows } from './selection/data/helpers';\n\nexport const useRows = () => {\n  const {\n    getTableProps, prepareRow, page, rows, headerGroups, getTableBodyProps,\n  } = useContext(DataTableContext);\n\n  const displayRows = page || rows;\n\n  return {\n    getTableProps, prepareRow, displayRows, headerGroups, getTableBodyProps,\n  };\n};\n\n/**\n * Hook that provides selection state functionality\n * @param {Object} param0 Table instance\n * @param {Array} controlledTableSelections Selection Object and dispatch function\n * @returns\n */\nexport const useSelectionActions = (\n  { toggleAllRowsSelected },\n  controlledTableSelections,\n) => {\n  const [{ selectedRows, isEntireTableSelected }, dispatch] = controlledTableSelections;\n\n  const clearSelection = () => {\n    // if using controlled selection component DataTable.ControlledSelectionStatus\n    if (selectedRows.length > 0 || isEntireTableSelected) {\n      dispatch(clearSelectionAction());\n    } else {\n      toggleAllRowsSelected(false);\n    }\n  };\n\n  return {\n    clearSelection,\n  };\n};\n\n/**\n * Provides business logic around managing selection state, notably for controlled\n * selections with API-driven data.\n *\n */\nexport const useDataTableSelections = ({\n  selections,\n  selectionsDispatch,\n  itemCount,\n  selectedRows,\n  page,\n  isAllPageRowsSelected,\n}) => {\n  // If \"Select all\" is explicitly opted in by the user, ensure that all unselected rows are selected\n  // when the user navigates to a new page.\n  useEffect(\n    () => {\n      if (selections.isSelectAllEnabled && (itemCount > selectedRows.length || !isAllPageRowsSelected)) {\n        const selectedRowIds = getRowIds(selectedRows);\n        const unselectedPageRows = getUnselectedPageRows(selectedRowIds, page);\n        if (unselectedPageRows.length) {\n          selectionsDispatch(setSelectedRowsAction(unselectedPageRows, itemCount));\n        }\n      }\n    },\n    [selectedRows, itemCount, page, selectionsDispatch, selections.isSelectAllEnabled, isAllPageRowsSelected],\n  );\n\n  // When `selections.isSelectAllEnabled` is true, ensure `selections.isEntireTableSelected` is true.\n  useEffect(() => {\n    if (selections.isSelectAllEnabled && !selections.isEntireTableSelected) {\n      selectionsDispatch(toggleIsEntireTableSelected());\n    }\n  }, [selectionsDispatch, selections.isEntireTableSelected, selections.isSelectAllEnabled]);\n\n  // When `selections.isSelectAllEnabled` differs from `selections.isEntireTableSelected` and\n  // `isAllPageRowsSelected` matches `selections.isSelectAllEnabled`, toggle `selections.isEntireTableSelected`.\n  useEffect(() => {\n    if (!selections.isSelectAllEnabled && selections.isEntireTableSelected && !isAllPageRowsSelected) {\n      selectionsDispatch(toggleIsEntireTableSelected());\n    }\n    if (selections.isSelectAllEnabled && !selections.isEntireTableSelected && isAllPageRowsSelected) {\n      selectionsDispatch(toggleIsEntireTableSelected());\n    }\n  }, [\n    selectionsDispatch,\n    isAllPageRowsSelected,\n    selections.isEntireTableSelected,\n    selections.isSelectAllEnabled,\n  ]);\n};\n"],"mappings":"AAAA,SAASA,UAAU,EAAEC,SAAS,QAAQ,OAAO;AAC7C,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,oBAAoB,EAAEC,qBAAqB,EAAEC,2BAA2B,QAAQ,0BAA0B;AACnH,SAASC,SAAS,EAAEC,qBAAqB,QAAQ,0BAA0B;AAE3E,OAAO,MAAMC,OAAO,GAAGA,CAAA,KAAM;EAC3B,MAAM;IACJC,aAAa;IAAEC,UAAU;IAAEC,IAAI;IAAEC,IAAI;IAAEC,YAAY;IAAEC;EACvD,CAAC,GAAGd,UAAU,CAACE,gBAAgB,CAAC;EAEhC,MAAMa,WAAW,GAAGJ,IAAI,IAAIC,IAAI;EAEhC,OAAO;IACLH,aAAa;IAAEC,UAAU;IAAEK,WAAW;IAAEF,YAAY;IAAEC;EACxD,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAME,mBAAmB,GAAGA,CACjC;EAAEC;AAAsB,CAAC,EACzBC,yBAAyB,KACtB;EACH,MAAM,CAAC;IAAEC,YAAY;IAAEC;EAAsB,CAAC,EAAEC,QAAQ,CAAC,GAAGH,yBAAyB;EAErF,MAAMI,cAAc,GAAGA,CAAA,KAAM;IAC3B;IACA,IAAIH,YAAY,CAACI,MAAM,GAAG,CAAC,IAAIH,qBAAqB,EAAE;MACpDC,QAAQ,CAAClB,oBAAoB,CAAC,CAAC,CAAC;IAClC,CAAC,MAAM;MACLc,qBAAqB,CAAC,KAAK,CAAC;IAC9B;EACF,CAAC;EAED,OAAO;IACLK;EACF,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAME,sBAAsB,GAAGA,CAAC;EACrCC,UAAU;EACVC,kBAAkB;EAClBC,SAAS;EACTR,YAAY;EACZR,IAAI;EACJiB;AACF,CAAC,KAAK;EACJ;EACA;EACA3B,SAAS,CACP,MAAM;IACJ,IAAIwB,UAAU,CAACI,kBAAkB,KAAKF,SAAS,GAAGR,YAAY,CAACI,MAAM,IAAI,CAACK,qBAAqB,CAAC,EAAE;MAChG,MAAME,cAAc,GAAGxB,SAAS,CAACa,YAAY,CAAC;MAC9C,MAAMY,kBAAkB,GAAGxB,qBAAqB,CAACuB,cAAc,EAAEnB,IAAI,CAAC;MACtE,IAAIoB,kBAAkB,CAACR,MAAM,EAAE;QAC7BG,kBAAkB,CAACtB,qBAAqB,CAAC2B,kBAAkB,EAAEJ,SAAS,CAAC,CAAC;MAC1E;IACF;EACF,CAAC,EACD,CAACR,YAAY,EAAEQ,SAAS,EAAEhB,IAAI,EAAEe,kBAAkB,EAAED,UAAU,CAACI,kBAAkB,EAAED,qBAAqB,CAC1G,CAAC;;EAED;EACA3B,SAAS,CAAC,MAAM;IACd,IAAIwB,UAAU,CAACI,kBAAkB,IAAI,CAACJ,UAAU,CAACL,qBAAqB,EAAE;MACtEM,kBAAkB,CAACrB,2BAA2B,CAAC,CAAC,CAAC;IACnD;EACF,CAAC,EAAE,CAACqB,kBAAkB,EAAED,UAAU,CAACL,qBAAqB,EAAEK,UAAU,CAACI,kBAAkB,CAAC,CAAC;;EAEzF;EACA;EACA5B,SAAS,CAAC,MAAM;IACd,IAAI,CAACwB,UAAU,CAACI,kBAAkB,IAAIJ,UAAU,CAACL,qBAAqB,IAAI,CAACQ,qBAAqB,EAAE;MAChGF,kBAAkB,CAACrB,2BAA2B,CAAC,CAAC,CAAC;IACnD;IACA,IAAIoB,UAAU,CAACI,kBAAkB,IAAI,CAACJ,UAAU,CAACL,qBAAqB,IAAIQ,qBAAqB,EAAE;MAC/FF,kBAAkB,CAACrB,2BAA2B,CAAC,CAAC,CAAC;IACnD;EACF,CAAC,EAAE,CACDqB,kBAAkB,EAClBE,qBAAqB,EACrBH,UAAU,CAACL,qBAAqB,EAChCK,UAAU,CAACI,kBAAkB,CAC9B,CAAC;AACJ,CAAC","ignoreList":[]}