@openedx/paragon 23.14.2 → 23.14.4

package/dist/DataTable/selection/ControlledSelect.js

@@ -4,10 +4,9 @@ import { CheckboxControl } from '../../Form';
 import DataTableContext from '../DataTableContext';
 import useConvertIndeterminateProp from '../utils/useConvertIndeterminateProp';
 import { deleteSelectedRowAction, addSelectedRowAction } from './data/actions';
-function ControlledSelect(_ref) {
-  let {
-    row
-  } = _ref;
+function ControlledSelect({
+  row
+}) {
   const {
     itemCount,
     controlledTableSelections: [, dispatch]

package/dist/DataTable/selection/ControlledSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"ControlledSelect.js","names":["React","useContext","useCallback","PropTypes","CheckboxControl","DataTableContext","useConvertIndeterminateProp","deleteSelectedRowAction","addSelectedRowAction","ControlledSelect","_ref","row","itemCount","controlledTableSelections","dispatch","toggleSelected","isSelected","id","updatedProps","getToggleRowSelectedProps","createElement","className","onChange","propTypes","shape","oneOfType","string","number","isRequired","func","bool"],"sources":["../../../src/DataTable/selection/ControlledSelect.jsx"],"sourcesContent":["import React, { useContext, useCallback } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CheckboxControl } from '../../Form';\nimport DataTableContext from '../DataTableContext';\nimport useConvertIndeterminateProp from '../utils/useConvertIndeterminateProp';\n\nimport {\n  deleteSelectedRowAction,\n  addSelectedRowAction,\n} from './data/actions';\n\nfunction ControlledSelect({ row }) {\n  const {\n    itemCount,\n    controlledTableSelections: [, dispatch],\n  } = useContext(DataTableContext);\n\n  const toggleSelected = useCallback(\n    () => {\n      if (row.isSelected) {\n        dispatch(deleteSelectedRowAction(row.id));\n      } else {\n        dispatch(addSelectedRowAction(row, itemCount));\n      }\n    },\n    [itemCount, row, dispatch],\n  );\n\n  const updatedProps = useConvertIndeterminateProp(row.getToggleRowSelectedProps());\n\n  return (\n    <div className=\"pgn__data-table__controlled-select\">\n      <CheckboxControl\n        {...updatedProps}\n        onChange={toggleSelected}\n      />\n    </div>\n  );\n}\n\nControlledSelect.propTypes = {\n  row: PropTypes.shape({\n    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n    getToggleRowSelectedProps: PropTypes.func.isRequired,\n    isSelected: PropTypes.bool.isRequired,\n  }).isRequired,\n};\n\nexport default ControlledSelect;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,QAAQ,OAAO;AACtD,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,eAAe,QAAQ,YAAY;AAC5C,OAAOC,gBAAgB,MAAM,qBAAqB;AAClD,OAAOC,2BAA2B,MAAM,sCAAsC;AAE9E,SACEC,uBAAuB,EACvBC,oBAAoB,QACf,gBAAgB;AAEvB,SAASC,gBAAgBA,CAAAC,IAAA,EAAU;EAAA,IAAT;IAAEC;EAAI,CAAC,GAAAD,IAAA;EAC/B,MAAM;IACJE,SAAS;IACTC,yBAAyB,EAAE,GAAGC,QAAQ;EACxC,CAAC,GAAGb,UAAU,CAACI,gBAAgB,CAAC;EAEhC,MAAMU,cAAc,GAAGb,WAAW,CAChC,MAAM;IACJ,IAAIS,GAAG,CAACK,UAAU,EAAE;MAClBF,QAAQ,CAACP,uBAAuB,CAACI,GAAG,CAACM,EAAE,CAAC,CAAC;IAC3C,CAAC,MAAM;MACLH,QAAQ,CAACN,oBAAoB,CAACG,GAAG,EAAEC,SAAS,CAAC,CAAC;IAChD;EACF,CAAC,EACD,CAACA,SAAS,EAAED,GAAG,EAAEG,QAAQ,CAC3B,CAAC;EAED,MAAMI,YAAY,GAAGZ,2BAA2B,CAACK,GAAG,CAACQ,yBAAyB,CAAC,CAAC,CAAC;EAEjF,oBACEnB,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC;EAAoC,gBACjDrB,KAAA,CAAAoB,aAAA,CAAChB,eAAe;IAAA,GACVc,YAAY;IAChBI,QAAQ,EAAEP;EAAe,CAC1B,CACE,CAAC;AAEV;AAEAN,gBAAgB,CAACc,SAAS,GAAG;EAC3BZ,GAAG,EAAER,SAAS,CAACqB,KAAK,CAAC;IACnBP,EAAE,EAAEd,SAAS,CAACsB,SAAS,CAAC,CAACtB,SAAS,CAACuB,MAAM,EAAEvB,SAAS,CAACwB,MAAM,CAAC,CAAC,CAACC,UAAU;IACxET,yBAAyB,EAAEhB,SAAS,CAAC0B,IAAI,CAACD,UAAU;IACpDZ,UAAU,EAAEb,SAAS,CAAC2B,IAAI,CAACF;EAC7B,CAAC,CAAC,CAACA;AACL,CAAC;AAED,eAAenB,gBAAgB","ignoreList":[]}
+{"version":3,"file":"ControlledSelect.js","names":["React","useContext","useCallback","PropTypes","CheckboxControl","DataTableContext","useConvertIndeterminateProp","deleteSelectedRowAction","addSelectedRowAction","ControlledSelect","row","itemCount","controlledTableSelections","dispatch","toggleSelected","isSelected","id","updatedProps","getToggleRowSelectedProps","createElement","className","onChange","propTypes","shape","oneOfType","string","number","isRequired","func","bool"],"sources":["../../../src/DataTable/selection/ControlledSelect.jsx"],"sourcesContent":["import React, { useContext, useCallback } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CheckboxControl } from '../../Form';\nimport DataTableContext from '../DataTableContext';\nimport useConvertIndeterminateProp from '../utils/useConvertIndeterminateProp';\n\nimport {\n  deleteSelectedRowAction,\n  addSelectedRowAction,\n} from './data/actions';\n\nfunction ControlledSelect({ row }) {\n  const {\n    itemCount,\n    controlledTableSelections: [, dispatch],\n  } = useContext(DataTableContext);\n\n  const toggleSelected = useCallback(\n    () => {\n      if (row.isSelected) {\n        dispatch(deleteSelectedRowAction(row.id));\n      } else {\n        dispatch(addSelectedRowAction(row, itemCount));\n      }\n    },\n    [itemCount, row, dispatch],\n  );\n\n  const updatedProps = useConvertIndeterminateProp(row.getToggleRowSelectedProps());\n\n  return (\n    <div className=\"pgn__data-table__controlled-select\">\n      <CheckboxControl\n        {...updatedProps}\n        onChange={toggleSelected}\n      />\n    </div>\n  );\n}\n\nControlledSelect.propTypes = {\n  row: PropTypes.shape({\n    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n    getToggleRowSelectedProps: PropTypes.func.isRequired,\n    isSelected: PropTypes.bool.isRequired,\n  }).isRequired,\n};\n\nexport default ControlledSelect;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,QAAQ,OAAO;AACtD,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,eAAe,QAAQ,YAAY;AAC5C,OAAOC,gBAAgB,MAAM,qBAAqB;AAClD,OAAOC,2BAA2B,MAAM,sCAAsC;AAE9E,SACEC,uBAAuB,EACvBC,oBAAoB,QACf,gBAAgB;AAEvB,SAASC,gBAAgBA,CAAC;EAAEC;AAAI,CAAC,EAAE;EACjC,MAAM;IACJC,SAAS;IACTC,yBAAyB,EAAE,GAAGC,QAAQ;EACxC,CAAC,GAAGZ,UAAU,CAACI,gBAAgB,CAAC;EAEhC,MAAMS,cAAc,GAAGZ,WAAW,CAChC,MAAM;IACJ,IAAIQ,GAAG,CAACK,UAAU,EAAE;MAClBF,QAAQ,CAACN,uBAAuB,CAACG,GAAG,CAACM,EAAE,CAAC,CAAC;IAC3C,CAAC,MAAM;MACLH,QAAQ,CAACL,oBAAoB,CAACE,GAAG,EAAEC,SAAS,CAAC,CAAC;IAChD;EACF,CAAC,EACD,CAACA,SAAS,EAAED,GAAG,EAAEG,QAAQ,CAC3B,CAAC;EAED,MAAMI,YAAY,GAAGX,2BAA2B,CAACI,GAAG,CAACQ,yBAAyB,CAAC,CAAC,CAAC;EAEjF,oBACElB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAC;EAAoC,gBACjDpB,KAAA,CAAAmB,aAAA,CAACf,eAAe;IAAA,GACVa,YAAY;IAChBI,QAAQ,EAAEP;EAAe,CAC1B,CACE,CAAC;AAEV;AAEAL,gBAAgB,CAACa,SAAS,GAAG;EAC3BZ,GAAG,EAAEP,SAAS,CAACoB,KAAK,CAAC;IACnBP,EAAE,EAAEb,SAAS,CAACqB,SAAS,CAAC,CAACrB,SAAS,CAACsB,MAAM,EAAEtB,SAAS,CAACuB,MAAM,CAAC,CAAC,CAACC,UAAU;IACxET,yBAAyB,EAAEf,SAAS,CAACyB,IAAI,CAACD,UAAU;IACpDZ,UAAU,EAAEZ,SAAS,CAAC0B,IAAI,CAACF;EAC7B,CAAC,CAAC,CAACA;AACL,CAAC;AAED,eAAelB,gBAAgB","ignoreList":[]}

package/dist/DataTable/selection/ControlledSelectHeader.js

@@ -3,10 +3,9 @@ import PropTypes from 'prop-types';
 import { CheckboxControl } from '../../Form';
 import DataTableContext from '../DataTableContext';
 import { clearPageSelectionAction, setSelectedRowsAction } from './data/actions';
-function ControlledSelectHeader(_ref) {
-  let {
-    rows
-  } = _ref;
+function ControlledSelectHeader({
+  rows
+}) {
   const {
     itemCount,
     controlledTableSelections: [, dispatch],

package/dist/DataTable/selection/ControlledSelectHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ControlledSelectHeader.js","names":["React","useContext","useMemo","useCallback","PropTypes","CheckboxControl","DataTableContext","clearPageSelectionAction","setSelectedRowsAction","ControlledSelectHeader","_ref","rows","itemCount","controlledTableSelections","dispatch","getToggleAllPageRowsSelectedProps","state","selectedRowIds","isAllPageRowsSelected","selectedPageRowIds","Object","keys","toggleAllPageRowsSelected","toggleAllPageRowsSelectedProps","isIndeterminate","indeterminate","createElement","className","onChange","propTypes","arrayOf","shape","id","oneOfType","string","number","isRequired"],"sources":["../../../src/DataTable/selection/ControlledSelectHeader.jsx"],"sourcesContent":["import React, { useContext, useMemo, useCallback } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CheckboxControl } from '../../Form';\nimport DataTableContext from '../DataTableContext';\n\nimport {\n  clearPageSelectionAction,\n  setSelectedRowsAction,\n} from './data/actions';\n\nfunction ControlledSelectHeader({ rows }) {\n  const {\n    itemCount,\n    controlledTableSelections: [, dispatch],\n    getToggleAllPageRowsSelectedProps,\n    state: { selectedRowIds },\n    isAllPageRowsSelected,\n  } = useContext(DataTableContext);\n\n  const selectedPageRowIds = useMemo(\n    () => Object.keys(selectedRowIds),\n    [selectedRowIds],\n  );\n\n  const toggleAllPageRowsSelected = useCallback(\n    () => {\n      if (isAllPageRowsSelected) {\n        dispatch(clearPageSelectionAction(selectedPageRowIds));\n      } else {\n        dispatch(setSelectedRowsAction(rows, itemCount));\n      }\n    },\n    [rows, selectedPageRowIds, isAllPageRowsSelected, dispatch, itemCount],\n  );\n\n  const toggleAllPageRowsSelectedProps = getToggleAllPageRowsSelectedProps();\n  toggleAllPageRowsSelectedProps.isIndeterminate = toggleAllPageRowsSelectedProps.indeterminate;\n  // delete unused ``indeterminate`` prop\n  delete toggleAllPageRowsSelectedProps.indeterminate;\n\n  return (\n    <div className=\"pgn__data-table__controlled-select\">\n      <CheckboxControl\n        {...toggleAllPageRowsSelectedProps}\n        onChange={toggleAllPageRowsSelected}\n      />\n    </div>\n  );\n}\n\nControlledSelectHeader.propTypes = {\n  rows: PropTypes.arrayOf(PropTypes.shape({\n    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  })).isRequired,\n};\n\nexport default ControlledSelectHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,EAAEC,WAAW,QAAQ,OAAO;AAC/D,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,eAAe,QAAQ,YAAY;AAC5C,OAAOC,gBAAgB,MAAM,qBAAqB;AAElD,SACEC,wBAAwB,EACxBC,qBAAqB,QAChB,gBAAgB;AAEvB,SAASC,sBAAsBA,CAAAC,IAAA,EAAW;EAAA,IAAV;IAAEC;EAAK,CAAC,GAAAD,IAAA;EACtC,MAAM;IACJE,SAAS;IACTC,yBAAyB,EAAE,GAAGC,QAAQ,CAAC;IACvCC,iCAAiC;IACjCC,KAAK,EAAE;MAAEC;IAAe,CAAC;IACzBC;EACF,CAAC,GAAGjB,UAAU,CAACK,gBAAgB,CAAC;EAEhC,MAAMa,kBAAkB,GAAGjB,OAAO,CAChC,MAAMkB,MAAM,CAACC,IAAI,CAACJ,cAAc,CAAC,EACjC,CAACA,cAAc,CACjB,CAAC;EAED,MAAMK,yBAAyB,GAAGnB,WAAW,CAC3C,MAAM;IACJ,IAAIe,qBAAqB,EAAE;MACzBJ,QAAQ,CAACP,wBAAwB,CAACY,kBAAkB,CAAC,CAAC;IACxD,CAAC,MAAM;MACLL,QAAQ,CAACN,qBAAqB,CAACG,IAAI,EAAEC,SAAS,CAAC,CAAC;IAClD;EACF,CAAC,EACD,CAACD,IAAI,EAAEQ,kBAAkB,EAAED,qBAAqB,EAAEJ,QAAQ,EAAEF,SAAS,CACvE,CAAC;EAED,MAAMW,8BAA8B,GAAGR,iCAAiC,CAAC,CAAC;EAC1EQ,8BAA8B,CAACC,eAAe,GAAGD,8BAA8B,CAACE,aAAa;EAC7F;EACA,OAAOF,8BAA8B,CAACE,aAAa;EAEnD,oBACEzB,KAAA,CAAA0B,aAAA;IAAKC,SAAS,EAAC;EAAoC,gBACjD3B,KAAA,CAAA0B,aAAA,CAACrB,eAAe;IAAA,GACVkB,8BAA8B;IAClCK,QAAQ,EAAEN;EAA0B,CACrC,CACE,CAAC;AAEV;AAEAb,sBAAsB,CAACoB,SAAS,GAAG;EACjClB,IAAI,EAAEP,SAAS,CAAC0B,OAAO,CAAC1B,SAAS,CAAC2B,KAAK,CAAC;IACtCC,EAAE,EAAE5B,SAAS,CAAC6B,SAAS,CAAC,CAAC7B,SAAS,CAAC8B,MAAM,EAAE9B,SAAS,CAAC+B,MAAM,CAAC,CAAC,CAACC;EAChE,CAAC,CAAC,CAAC,CAACA;AACN,CAAC;AAED,eAAe3B,sBAAsB","ignoreList":[]}
+{"version":3,"file":"ControlledSelectHeader.js","names":["React","useContext","useMemo","useCallback","PropTypes","CheckboxControl","DataTableContext","clearPageSelectionAction","setSelectedRowsAction","ControlledSelectHeader","rows","itemCount","controlledTableSelections","dispatch","getToggleAllPageRowsSelectedProps","state","selectedRowIds","isAllPageRowsSelected","selectedPageRowIds","Object","keys","toggleAllPageRowsSelected","toggleAllPageRowsSelectedProps","isIndeterminate","indeterminate","createElement","className","onChange","propTypes","arrayOf","shape","id","oneOfType","string","number","isRequired"],"sources":["../../../src/DataTable/selection/ControlledSelectHeader.jsx"],"sourcesContent":["import React, { useContext, useMemo, useCallback } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CheckboxControl } from '../../Form';\nimport DataTableContext from '../DataTableContext';\n\nimport {\n  clearPageSelectionAction,\n  setSelectedRowsAction,\n} from './data/actions';\n\nfunction ControlledSelectHeader({ rows }) {\n  const {\n    itemCount,\n    controlledTableSelections: [, dispatch],\n    getToggleAllPageRowsSelectedProps,\n    state: { selectedRowIds },\n    isAllPageRowsSelected,\n  } = useContext(DataTableContext);\n\n  const selectedPageRowIds = useMemo(\n    () => Object.keys(selectedRowIds),\n    [selectedRowIds],\n  );\n\n  const toggleAllPageRowsSelected = useCallback(\n    () => {\n      if (isAllPageRowsSelected) {\n        dispatch(clearPageSelectionAction(selectedPageRowIds));\n      } else {\n        dispatch(setSelectedRowsAction(rows, itemCount));\n      }\n    },\n    [rows, selectedPageRowIds, isAllPageRowsSelected, dispatch, itemCount],\n  );\n\n  const toggleAllPageRowsSelectedProps = getToggleAllPageRowsSelectedProps();\n  toggleAllPageRowsSelectedProps.isIndeterminate = toggleAllPageRowsSelectedProps.indeterminate;\n  // delete unused ``indeterminate`` prop\n  delete toggleAllPageRowsSelectedProps.indeterminate;\n\n  return (\n    <div className=\"pgn__data-table__controlled-select\">\n      <CheckboxControl\n        {...toggleAllPageRowsSelectedProps}\n        onChange={toggleAllPageRowsSelected}\n      />\n    </div>\n  );\n}\n\nControlledSelectHeader.propTypes = {\n  rows: PropTypes.arrayOf(PropTypes.shape({\n    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  })).isRequired,\n};\n\nexport default ControlledSelectHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,EAAEC,WAAW,QAAQ,OAAO;AAC/D,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,eAAe,QAAQ,YAAY;AAC5C,OAAOC,gBAAgB,MAAM,qBAAqB;AAElD,SACEC,wBAAwB,EACxBC,qBAAqB,QAChB,gBAAgB;AAEvB,SAASC,sBAAsBA,CAAC;EAAEC;AAAK,CAAC,EAAE;EACxC,MAAM;IACJC,SAAS;IACTC,yBAAyB,EAAE,GAAGC,QAAQ,CAAC;IACvCC,iCAAiC;IACjCC,KAAK,EAAE;MAAEC;IAAe,CAAC;IACzBC;EACF,CAAC,GAAGhB,UAAU,CAACK,gBAAgB,CAAC;EAEhC,MAAMY,kBAAkB,GAAGhB,OAAO,CAChC,MAAMiB,MAAM,CAACC,IAAI,CAACJ,cAAc,CAAC,EACjC,CAACA,cAAc,CACjB,CAAC;EAED,MAAMK,yBAAyB,GAAGlB,WAAW,CAC3C,MAAM;IACJ,IAAIc,qBAAqB,EAAE;MACzBJ,QAAQ,CAACN,wBAAwB,CAACW,kBAAkB,CAAC,CAAC;IACxD,CAAC,MAAM;MACLL,QAAQ,CAACL,qBAAqB,CAACE,IAAI,EAAEC,SAAS,CAAC,CAAC;IAClD;EACF,CAAC,EACD,CAACD,IAAI,EAAEQ,kBAAkB,EAAED,qBAAqB,EAAEJ,QAAQ,EAAEF,SAAS,CACvE,CAAC;EAED,MAAMW,8BAA8B,GAAGR,iCAAiC,CAAC,CAAC;EAC1EQ,8BAA8B,CAACC,eAAe,GAAGD,8BAA8B,CAACE,aAAa;EAC7F;EACA,OAAOF,8BAA8B,CAACE,aAAa;EAEnD,oBACExB,KAAA,CAAAyB,aAAA;IAAKC,SAAS,EAAC;EAAoC,gBACjD1B,KAAA,CAAAyB,aAAA,CAACpB,eAAe;IAAA,GACViB,8BAA8B;IAClCK,QAAQ,EAAEN;EAA0B,CACrC,CACE,CAAC;AAEV;AAEAZ,sBAAsB,CAACmB,SAAS,GAAG;EACjClB,IAAI,EAAEN,SAAS,CAACyB,OAAO,CAACzB,SAAS,CAAC0B,KAAK,CAAC;IACtCC,EAAE,EAAE3B,SAAS,CAAC4B,SAAS,CAAC,CAAC5B,SAAS,CAAC6B,MAAM,EAAE7B,SAAS,CAAC8B,MAAM,CAAC,CAAC,CAACC;EAChE,CAAC,CAAC,CAAC,CAACA;AACN,CAAC;AAED,eAAe1B,sBAAsB","ignoreList":[]}

package/dist/DataTable/selection/ControlledSelectionStatus.js

@@ -3,11 +3,10 @@ import PropTypes from 'prop-types';
 import DataTableContext from '../DataTableContext';
 import BaseSelectionStatus from './BaseSelectionStatus';
 import { clearSelectionAction, setSelectAllRowsAllPagesAction } from './data/actions';
-function ControlledSelectionStatus(_ref) {
-  let {
-    className,
-    clearSelectionText
-  } = _ref;
+function ControlledSelectionStatus({
+  className,
+  clearSelectionText
+}) {
   const {
     itemCount,
     page,

package/dist/DataTable/selection/ControlledSelectionStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"ControlledSelectionStatus.js","names":["React","useContext","PropTypes","DataTableContext","BaseSelectionStatus","clearSelectionAction","setSelectAllRowsAllPagesAction","ControlledSelectionStatus","_ref","className","clearSelectionText","itemCount","page","controlledTableSelections","selectedRows","isSelectAllEnabled","selectionsDispatch","numSelectedRows","length","numSelectedRowsOnPage","filter","r","isSelected","selectionStatusProps","onSelectAll","onClear","createElement","defaultProps","undefined","propTypes","string","oneOfType","element"],"sources":["../../../src/DataTable/selection/ControlledSelectionStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport DataTableContext from '../DataTableContext';\nimport BaseSelectionStatus from './BaseSelectionStatus';\n\nimport {\n  clearSelectionAction,\n  setSelectAllRowsAllPagesAction,\n} from './data/actions';\n\nfunction ControlledSelectionStatus({ className, clearSelectionText }) {\n  const {\n    itemCount,\n    page,\n    controlledTableSelections: [\n      { selectedRows, isSelectAllEnabled },\n      selectionsDispatch,\n    ],\n  } = useContext(DataTableContext);\n\n  const numSelectedRows = itemCount === selectedRows.length || isSelectAllEnabled ? itemCount : selectedRows.length;\n  const numSelectedRowsOnPage = (page || []).filter(r => r.isSelected).length;\n\n  const selectionStatusProps = {\n    className,\n    numSelectedRows,\n    numSelectedRowsOnPage,\n    clearSelectionText,\n    onSelectAll: () => selectionsDispatch(setSelectAllRowsAllPagesAction()),\n    onClear: () => selectionsDispatch(clearSelectionAction()),\n  };\n  return <BaseSelectionStatus {...selectionStatusProps} />;\n}\n\nControlledSelectionStatus.defaultProps = {\n  className: undefined,\n  clearSelectionText: undefined,\n};\n\nControlledSelectionStatus.propTypes = {\n  /** A class name to append to the base element */\n  className: PropTypes.string,\n  /** A text that appears on the `Clear selection` button, defaults to 'Clear Selection' */\n  clearSelectionText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nexport default ControlledSelectionStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,gBAAgB,MAAM,qBAAqB;AAClD,OAAOC,mBAAmB,MAAM,uBAAuB;AAEvD,SACEC,oBAAoB,EACpBC,8BAA8B,QACzB,gBAAgB;AAEvB,SAASC,yBAAyBA,CAAAC,IAAA,EAAoC;EAAA,IAAnC;IAAEC,SAAS;IAAEC;EAAmB,CAAC,GAAAF,IAAA;EAClE,MAAM;IACJG,SAAS;IACTC,IAAI;IACJC,yBAAyB,EAAE,CACzB;MAAEC,YAAY;MAAEC;IAAmB,CAAC,EACpCC,kBAAkB;EAEtB,CAAC,GAAGf,UAAU,CAACE,gBAAgB,CAAC;EAEhC,MAAMc,eAAe,GAAGN,SAAS,KAAKG,YAAY,CAACI,MAAM,IAAIH,kBAAkB,GAAGJ,SAAS,GAAGG,YAAY,CAACI,MAAM;EACjH,MAAMC,qBAAqB,GAAG,CAACP,IAAI,IAAI,EAAE,EAAEQ,MAAM,CAACC,CAAC,IAAIA,CAAC,CAACC,UAAU,CAAC,CAACJ,MAAM;EAE3E,MAAMK,oBAAoB,GAAG;IAC3Bd,SAAS;IACTQ,eAAe;IACfE,qBAAqB;IACrBT,kBAAkB;IAClBc,WAAW,EAAEA,CAAA,KAAMR,kBAAkB,CAACV,8BAA8B,CAAC,CAAC,CAAC;IACvEmB,OAAO,EAAEA,CAAA,KAAMT,kBAAkB,CAACX,oBAAoB,CAAC,CAAC;EAC1D,CAAC;EACD,oBAAOL,KAAA,CAAA0B,aAAA,CAACtB,mBAAmB;IAAA,GAAKmB;EAAoB,CAAG,CAAC;AAC1D;AAEAhB,yBAAyB,CAACoB,YAAY,GAAG;EACvClB,SAAS,EAAEmB,SAAS;EACpBlB,kBAAkB,EAAEkB;AACtB,CAAC;AAEDrB,yBAAyB,CAACsB,SAAS,GAAG;EACpC;EACApB,SAAS,EAAEP,SAAS,CAAC4B,MAAM;EAC3B;EACApB,kBAAkB,EAAER,SAAS,CAAC6B,SAAS,CAAC,CAAC7B,SAAS,CAAC4B,MAAM,EAAE5B,SAAS,CAAC8B,OAAO,CAAC;AAC/E,CAAC;AAED,eAAezB,yBAAyB","ignoreList":[]}
+{"version":3,"file":"ControlledSelectionStatus.js","names":["React","useContext","PropTypes","DataTableContext","BaseSelectionStatus","clearSelectionAction","setSelectAllRowsAllPagesAction","ControlledSelectionStatus","className","clearSelectionText","itemCount","page","controlledTableSelections","selectedRows","isSelectAllEnabled","selectionsDispatch","numSelectedRows","length","numSelectedRowsOnPage","filter","r","isSelected","selectionStatusProps","onSelectAll","onClear","createElement","defaultProps","undefined","propTypes","string","oneOfType","element"],"sources":["../../../src/DataTable/selection/ControlledSelectionStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport DataTableContext from '../DataTableContext';\nimport BaseSelectionStatus from './BaseSelectionStatus';\n\nimport {\n  clearSelectionAction,\n  setSelectAllRowsAllPagesAction,\n} from './data/actions';\n\nfunction ControlledSelectionStatus({ className, clearSelectionText }) {\n  const {\n    itemCount,\n    page,\n    controlledTableSelections: [\n      { selectedRows, isSelectAllEnabled },\n      selectionsDispatch,\n    ],\n  } = useContext(DataTableContext);\n\n  const numSelectedRows = itemCount === selectedRows.length || isSelectAllEnabled ? itemCount : selectedRows.length;\n  const numSelectedRowsOnPage = (page || []).filter(r => r.isSelected).length;\n\n  const selectionStatusProps = {\n    className,\n    numSelectedRows,\n    numSelectedRowsOnPage,\n    clearSelectionText,\n    onSelectAll: () => selectionsDispatch(setSelectAllRowsAllPagesAction()),\n    onClear: () => selectionsDispatch(clearSelectionAction()),\n  };\n  return <BaseSelectionStatus {...selectionStatusProps} />;\n}\n\nControlledSelectionStatus.defaultProps = {\n  className: undefined,\n  clearSelectionText: undefined,\n};\n\nControlledSelectionStatus.propTypes = {\n  /** A class name to append to the base element */\n  className: PropTypes.string,\n  /** A text that appears on the `Clear selection` button, defaults to 'Clear Selection' */\n  clearSelectionText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nexport default ControlledSelectionStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,gBAAgB,MAAM,qBAAqB;AAClD,OAAOC,mBAAmB,MAAM,uBAAuB;AAEvD,SACEC,oBAAoB,EACpBC,8BAA8B,QACzB,gBAAgB;AAEvB,SAASC,yBAAyBA,CAAC;EAAEC,SAAS;EAAEC;AAAmB,CAAC,EAAE;EACpE,MAAM;IACJC,SAAS;IACTC,IAAI;IACJC,yBAAyB,EAAE,CACzB;MAAEC,YAAY;MAAEC;IAAmB,CAAC,EACpCC,kBAAkB;EAEtB,CAAC,GAAGd,UAAU,CAACE,gBAAgB,CAAC;EAEhC,MAAMa,eAAe,GAAGN,SAAS,KAAKG,YAAY,CAACI,MAAM,IAAIH,kBAAkB,GAAGJ,SAAS,GAAGG,YAAY,CAACI,MAAM;EACjH,MAAMC,qBAAqB,GAAG,CAACP,IAAI,IAAI,EAAE,EAAEQ,MAAM,CAACC,CAAC,IAAIA,CAAC,CAACC,UAAU,CAAC,CAACJ,MAAM;EAE3E,MAAMK,oBAAoB,GAAG;IAC3Bd,SAAS;IACTQ,eAAe;IACfE,qBAAqB;IACrBT,kBAAkB;IAClBc,WAAW,EAAEA,CAAA,KAAMR,kBAAkB,CAACT,8BAA8B,CAAC,CAAC,CAAC;IACvEkB,OAAO,EAAEA,CAAA,KAAMT,kBAAkB,CAACV,oBAAoB,CAAC,CAAC;EAC1D,CAAC;EACD,oBAAOL,KAAA,CAAAyB,aAAA,CAACrB,mBAAmB;IAAA,GAAKkB;EAAoB,CAAG,CAAC;AAC1D;AAEAf,yBAAyB,CAACmB,YAAY,GAAG;EACvClB,SAAS,EAAEmB,SAAS;EACpBlB,kBAAkB,EAAEkB;AACtB,CAAC;AAEDpB,yBAAyB,CAACqB,SAAS,GAAG;EACpC;EACApB,SAAS,EAAEN,SAAS,CAAC2B,MAAM;EAC3B;EACApB,kBAAkB,EAAEP,SAAS,CAAC4B,SAAS,CAAC,CAAC5B,SAAS,CAAC2B,MAAM,EAAE3B,SAAS,CAAC6B,OAAO,CAAC;AAC/E,CAAC;AAED,eAAexB,yBAAyB","ignoreList":[]}

package/dist/DataTable/selection/SelectionStatus.js

@@ -3,11 +3,10 @@ import PropTypes from 'prop-types';
 import DataTableContext from '../DataTableContext';
 import BaseSelectionStatus from './BaseSelectionStatus';
 import { useRows } from '../hooks';
-function SelectionStatus(_ref) {
-  let {
-    className,
-    clearSelectionText
-  } = _ref;
+function SelectionStatus({
+  className,
+  clearSelectionText
+}) {
   const {
     toggleAllRowsSelected,
     state

package/dist/DataTable/selection/SelectionStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionStatus.js","names":["React","useContext","PropTypes","DataTableContext","BaseSelectionStatus","useRows","SelectionStatus","_ref","className","clearSelectionText","toggleAllRowsSelected","state","displayRows","selectedRowIds","numSelectedRows","Object","keys","length","numSelectedRowsOnPage","filter","r","isSelected","selectionStatusProps","onSelectAll","onClear","createElement","propTypes","string","oneOfType","element","defaultProps","undefined"],"sources":["../../../src/DataTable/selection/SelectionStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport DataTableContext from '../DataTableContext';\nimport BaseSelectionStatus from './BaseSelectionStatus';\nimport { useRows } from '../hooks';\n\nfunction SelectionStatus({ className, clearSelectionText }) {\n  const { toggleAllRowsSelected, state } = useContext(DataTableContext);\n  const { displayRows } = useRows();\n  const { selectedRowIds } = state;\n  const numSelectedRows = Object.keys(selectedRowIds || {}).length;\n  const numSelectedRowsOnPage = displayRows.filter(r => r.isSelected).length;\n  const selectionStatusProps = {\n    className,\n    numSelectedRows,\n    numSelectedRowsOnPage,\n    clearSelectionText,\n    onSelectAll: () => toggleAllRowsSelected(true),\n    onClear: () => toggleAllRowsSelected(false),\n  };\n  return <BaseSelectionStatus {...selectionStatusProps} />;\n}\n\nSelectionStatus.propTypes = {\n  /** A class name to append to the base element */\n  className: PropTypes.string,\n  /** A text that appears on the `Clear selection` button, defaults to 'Clear Selection' */\n  clearSelectionText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nSelectionStatus.defaultProps = {\n  className: undefined,\n  clearSelectionText: undefined,\n};\n\nexport default SelectionStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,gBAAgB,MAAM,qBAAqB;AAClD,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,SAASC,OAAO,QAAQ,UAAU;AAElC,SAASC,eAAeA,CAAAC,IAAA,EAAoC;EAAA,IAAnC;IAAEC,SAAS;IAAEC;EAAmB,CAAC,GAAAF,IAAA;EACxD,MAAM;IAAEG,qBAAqB;IAAEC;EAAM,CAAC,GAAGV,UAAU,CAACE,gBAAgB,CAAC;EACrE,MAAM;IAAES;EAAY,CAAC,GAAGP,OAAO,CAAC,CAAC;EACjC,MAAM;IAAEQ;EAAe,CAAC,GAAGF,KAAK;EAChC,MAAMG,eAAe,GAAGC,MAAM,CAACC,IAAI,CAACH,cAAc,IAAI,CAAC,CAAC,CAAC,CAACI,MAAM;EAChE,MAAMC,qBAAqB,GAAGN,WAAW,CAACO,MAAM,CAACC,CAAC,IAAIA,CAAC,CAACC,UAAU,CAAC,CAACJ,MAAM;EAC1E,MAAMK,oBAAoB,GAAG;IAC3Bd,SAAS;IACTM,eAAe;IACfI,qBAAqB;IACrBT,kBAAkB;IAClBc,WAAW,EAAEA,CAAA,KAAMb,qBAAqB,CAAC,IAAI,CAAC;IAC9Cc,OAAO,EAAEA,CAAA,KAAMd,qBAAqB,CAAC,KAAK;EAC5C,CAAC;EACD,oBAAOV,KAAA,CAAAyB,aAAA,CAACrB,mBAAmB;IAAA,GAAKkB;EAAoB,CAAG,CAAC;AAC1D;AAEAhB,eAAe,CAACoB,SAAS,GAAG;EAC1B;EACAlB,SAAS,EAAEN,SAAS,CAACyB,MAAM;EAC3B;EACAlB,kBAAkB,EAAEP,SAAS,CAAC0B,SAAS,CAAC,CAAC1B,SAAS,CAACyB,MAAM,EAAEzB,SAAS,CAAC2B,OAAO,CAAC;AAC/E,CAAC;AAEDvB,eAAe,CAACwB,YAAY,GAAG;EAC7BtB,SAAS,EAAEuB,SAAS;EACpBtB,kBAAkB,EAAEsB;AACtB,CAAC;AAED,eAAezB,eAAe","ignoreList":[]}
+{"version":3,"file":"SelectionStatus.js","names":["React","useContext","PropTypes","DataTableContext","BaseSelectionStatus","useRows","SelectionStatus","className","clearSelectionText","toggleAllRowsSelected","state","displayRows","selectedRowIds","numSelectedRows","Object","keys","length","numSelectedRowsOnPage","filter","r","isSelected","selectionStatusProps","onSelectAll","onClear","createElement","propTypes","string","oneOfType","element","defaultProps","undefined"],"sources":["../../../src/DataTable/selection/SelectionStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport DataTableContext from '../DataTableContext';\nimport BaseSelectionStatus from './BaseSelectionStatus';\nimport { useRows } from '../hooks';\n\nfunction SelectionStatus({ className, clearSelectionText }) {\n  const { toggleAllRowsSelected, state } = useContext(DataTableContext);\n  const { displayRows } = useRows();\n  const { selectedRowIds } = state;\n  const numSelectedRows = Object.keys(selectedRowIds || {}).length;\n  const numSelectedRowsOnPage = displayRows.filter(r => r.isSelected).length;\n  const selectionStatusProps = {\n    className,\n    numSelectedRows,\n    numSelectedRowsOnPage,\n    clearSelectionText,\n    onSelectAll: () => toggleAllRowsSelected(true),\n    onClear: () => toggleAllRowsSelected(false),\n  };\n  return <BaseSelectionStatus {...selectionStatusProps} />;\n}\n\nSelectionStatus.propTypes = {\n  /** A class name to append to the base element */\n  className: PropTypes.string,\n  /** A text that appears on the `Clear selection` button, defaults to 'Clear Selection' */\n  clearSelectionText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nSelectionStatus.defaultProps = {\n  className: undefined,\n  clearSelectionText: undefined,\n};\n\nexport default SelectionStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,gBAAgB,MAAM,qBAAqB;AAClD,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,SAASC,OAAO,QAAQ,UAAU;AAElC,SAASC,eAAeA,CAAC;EAAEC,SAAS;EAAEC;AAAmB,CAAC,EAAE;EAC1D,MAAM;IAAEC,qBAAqB;IAAEC;EAAM,CAAC,GAAGT,UAAU,CAACE,gBAAgB,CAAC;EACrE,MAAM;IAAEQ;EAAY,CAAC,GAAGN,OAAO,CAAC,CAAC;EACjC,MAAM;IAAEO;EAAe,CAAC,GAAGF,KAAK;EAChC,MAAMG,eAAe,GAAGC,MAAM,CAACC,IAAI,CAACH,cAAc,IAAI,CAAC,CAAC,CAAC,CAACI,MAAM;EAChE,MAAMC,qBAAqB,GAAGN,WAAW,CAACO,MAAM,CAACC,CAAC,IAAIA,CAAC,CAACC,UAAU,CAAC,CAACJ,MAAM;EAC1E,MAAMK,oBAAoB,GAAG;IAC3Bd,SAAS;IACTM,eAAe;IACfI,qBAAqB;IACrBT,kBAAkB;IAClBc,WAAW,EAAEA,CAAA,KAAMb,qBAAqB,CAAC,IAAI,CAAC;IAC9Cc,OAAO,EAAEA,CAAA,KAAMd,qBAAqB,CAAC,KAAK;EAC5C,CAAC;EACD,oBAAOT,KAAA,CAAAwB,aAAA,CAACpB,mBAAmB;IAAA,GAAKiB;EAAoB,CAAG,CAAC;AAC1D;AAEAf,eAAe,CAACmB,SAAS,GAAG;EAC1B;EACAlB,SAAS,EAAEL,SAAS,CAACwB,MAAM;EAC3B;EACAlB,kBAAkB,EAAEN,SAAS,CAACyB,SAAS,CAAC,CAACzB,SAAS,CAACwB,MAAM,EAAExB,SAAS,CAAC0B,OAAO,CAAC;AAC/E,CAAC;AAEDtB,eAAe,CAACuB,YAAY,GAAG;EAC7BtB,SAAS,EAAEuB,SAAS;EACpBtB,kBAAkB,EAAEsB;AACtB,CAAC;AAED,eAAexB,eAAe","ignoreList":[]}

package/dist/DataTable/utils/getVisibleColumns.js

@@ -9,12 +9,11 @@ export const selectColumn = {
   // not (i.e., ``page`` is defined).
   // Proptypes disabled as these props are passed in separately
   /* eslint-disable-next-line react/prop-types */
-  Header: _ref => {
-    let {
-      getToggleAllPageRowsSelectedProps,
-      getToggleAllRowsSelectedProps,
-      page
-    } = _ref;
+  Header: ({
+    getToggleAllPageRowsSelectedProps,
+    getToggleAllRowsSelectedProps,
+    page
+  }) => {
     const {
       isSelectable,
       maxSelectedRows
@@ -40,10 +39,9 @@ export const selectColumn = {
   // to the render a checkbox
   // Proptypes disabled as this prop is passed in separately
   /* eslint-disable react/prop-types */
-  Cell: _ref2 => {
-    let {
-      row
-    } = _ref2;
+  Cell: ({
+    row
+  }) => {
     const {
       isSelectable,
       maxSelectedRows,
@@ -79,9 +77,7 @@ export const selectColumn = {
   /* eslint-enable react/prop-types */
   disableSortBy: true
 };
-const getVisibleColumns = function (isSelectable, visibleColumns) {
-  let additionalColumns = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  let manualSelectColumn = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : selectColumn;
+const getVisibleColumns = (isSelectable, visibleColumns, additionalColumns = [], manualSelectColumn = selectColumn) => {
   let columns = [];
   if (isSelectable) {
     columns.push(manualSelectColumn);

package/dist/DataTable/utils/getVisibleColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"getVisibleColumns.js","names":["React","useMemo","useContext","useEffect","CheckboxControl","DataTableContext","useConvertIndeterminateProp","selectColumn","id","Header","_ref","getToggleAllPageRowsSelectedProps","getToggleAllRowsSelectedProps","page","isSelectable","maxSelectedRows","toggleRowsSelectedProps","getToggleRowsSelectedProps","updatedProps","formatMaxSelectedRows","Math","max","createElement","className","Cell","_ref2","row","onMaxSelectedRows","state","selectedRowIds","selectedRowsOrdered","getToggleRowSelectedProps","index","isRowSelected","selectedRowsLength","Object","keys","length","hasMaxSelectedRows","disableCheck","lastRowSelected","disabled","disableSortBy","getVisibleColumns","visibleColumns","additionalColumns","arguments","undefined","manualSelectColumn","columns","push","concat"],"sources":["../../../src/DataTable/utils/getVisibleColumns.jsx"],"sourcesContent":["import React, { useMemo, useContext, useEffect } from 'react';\n\nimport { CheckboxControl } from '../../Form';\nimport DataTableContext from '../DataTableContext';\nimport useConvertIndeterminateProp from './useConvertIndeterminateProp';\n\nexport const selectColumn = {\n  id: 'selection',\n  // The header can use the table's getToggleAllPageRowsSelectedProps or getToggleAllRowsSelectedProps\n  // method to render a checkbox. The method is determined based on whether pagination is enabled or\n  // not (i.e., ``page`` is defined).\n  // Proptypes disabled as these props are passed in separately\n  /* eslint-disable-next-line react/prop-types */\n  Header: ({ getToggleAllPageRowsSelectedProps, getToggleAllRowsSelectedProps, page }) => {\n    const { isSelectable, maxSelectedRows } = useContext(DataTableContext);\n    const toggleRowsSelectedProps = useMemo(\n      () => {\n        // determine if this selection is for an individual page or the entire table\n        const getToggleRowsSelectedProps = page ? getToggleAllPageRowsSelectedProps : getToggleAllRowsSelectedProps;\n        return getToggleRowsSelectedProps();\n      },\n      [getToggleAllPageRowsSelectedProps, getToggleAllRowsSelectedProps, page],\n    );\n    const updatedProps = useConvertIndeterminateProp(toggleRowsSelectedProps);\n    const formatMaxSelectedRows = Math.max(0, maxSelectedRows);\n\n    if (isSelectable && formatMaxSelectedRows >= 0) {\n      return null;\n    }\n\n    return (\n      <div className=\"pgn__data-table__controlled-select\">\n        <CheckboxControl\n          {...updatedProps}\n          data-testid=\"datatable-select-column-checkbox-header\"\n        />\n      </div>\n    );\n  },\n  // The cell can use the individual row's getToggleRowSelectedProps method\n  // to the render a checkbox\n  // Proptypes disabled as this prop is passed in separately\n  /* eslint-disable react/prop-types */\n  Cell: ({ row }) => {\n    const {\n      isSelectable, maxSelectedRows, onMaxSelectedRows, state: { selectedRowIds, selectedRowsOrdered },\n    } = useContext(DataTableContext);\n    const updatedProps = useConvertIndeterminateProp(row.getToggleRowSelectedProps());\n    const { index } = row;\n    const isRowSelected = index in selectedRowIds;\n    const selectedRowsLength = Object.keys(selectedRowIds).length;\n    const formatMaxSelectedRows = Math.max(0, maxSelectedRows);\n    const hasMaxSelectedRows = formatMaxSelectedRows === selectedRowsLength;\n    const disableCheck = isSelectable && hasMaxSelectedRows && !isRowSelected;\n    const lastRowSelected = selectedRowsOrdered?.[selectedRowsOrdered.length - 1] ?? null;\n\n    useEffect(() => {\n      if (hasMaxSelectedRows && lastRowSelected === index) {\n        onMaxSelectedRows?.();\n      }\n    }, [hasMaxSelectedRows, index, isRowSelected, lastRowSelected, onMaxSelectedRows, selectedRowIds]);\n\n    return (\n      <div className=\"pgn__data-table__controlled-select\">\n        <CheckboxControl\n          {...updatedProps}\n          disabled={disableCheck}\n          data-testid=\"datatable-select-column-checkbox-cell\"\n        />\n      </div>\n    );\n  },\n  /* eslint-enable react/prop-types */\n  disableSortBy: true,\n};\n\nconst getVisibleColumns = (\n  isSelectable,\n  visibleColumns,\n  additionalColumns = [],\n  manualSelectColumn = selectColumn,\n) => {\n  let columns = [];\n  if (isSelectable) {\n    columns.push(manualSelectColumn);\n  }\n  columns = columns.concat(visibleColumns);\n  if (additionalColumns.length > 0) {\n    columns = columns.concat(additionalColumns);\n  }\n  return columns;\n};\n\nexport default getVisibleColumns;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"getVisibleColumns.js","names":["React","useMemo","useContext","useEffect","CheckboxControl","DataTableContext","useConvertIndeterminateProp","selectColumn","id","Header","getToggleAllPageRowsSelectedProps","getToggleAllRowsSelectedProps","page","isSelectable","maxSelectedRows","toggleRowsSelectedProps","getToggleRowsSelectedProps","updatedProps","formatMaxSelectedRows","Math","max","createElement","className","Cell","row","onMaxSelectedRows","state","selectedRowIds","selectedRowsOrdered","getToggleRowSelectedProps","index","isRowSelected","selectedRowsLength","Object","keys","length","hasMaxSelectedRows","disableCheck","lastRowSelected","disabled","disableSortBy","getVisibleColumns","visibleColumns","additionalColumns","manualSelectColumn","columns","push","concat"],"sources":["../../../src/DataTable/utils/getVisibleColumns.jsx"],"sourcesContent":["import React, { useMemo, useContext, useEffect } from 'react';\n\nimport { CheckboxControl } from '../../Form';\nimport DataTableContext from '../DataTableContext';\nimport useConvertIndeterminateProp from './useConvertIndeterminateProp';\n\nexport const selectColumn = {\n  id: 'selection',\n  // The header can use the table's getToggleAllPageRowsSelectedProps or getToggleAllRowsSelectedProps\n  // method to render a checkbox. The method is determined based on whether pagination is enabled or\n  // not (i.e., ``page`` is defined).\n  // Proptypes disabled as these props are passed in separately\n  /* eslint-disable-next-line react/prop-types */\n  Header: ({ getToggleAllPageRowsSelectedProps, getToggleAllRowsSelectedProps, page }) => {\n    const { isSelectable, maxSelectedRows } = useContext(DataTableContext);\n    const toggleRowsSelectedProps = useMemo(\n      () => {\n        // determine if this selection is for an individual page or the entire table\n        const getToggleRowsSelectedProps = page ? getToggleAllPageRowsSelectedProps : getToggleAllRowsSelectedProps;\n        return getToggleRowsSelectedProps();\n      },\n      [getToggleAllPageRowsSelectedProps, getToggleAllRowsSelectedProps, page],\n    );\n    const updatedProps = useConvertIndeterminateProp(toggleRowsSelectedProps);\n    const formatMaxSelectedRows = Math.max(0, maxSelectedRows);\n\n    if (isSelectable && formatMaxSelectedRows >= 0) {\n      return null;\n    }\n\n    return (\n      <div className=\"pgn__data-table__controlled-select\">\n        <CheckboxControl\n          {...updatedProps}\n          data-testid=\"datatable-select-column-checkbox-header\"\n        />\n      </div>\n    );\n  },\n  // The cell can use the individual row's getToggleRowSelectedProps method\n  // to the render a checkbox\n  // Proptypes disabled as this prop is passed in separately\n  /* eslint-disable react/prop-types */\n  Cell: ({ row }) => {\n    const {\n      isSelectable, maxSelectedRows, onMaxSelectedRows, state: { selectedRowIds, selectedRowsOrdered },\n    } = useContext(DataTableContext);\n    const updatedProps = useConvertIndeterminateProp(row.getToggleRowSelectedProps());\n    const { index } = row;\n    const isRowSelected = index in selectedRowIds;\n    const selectedRowsLength = Object.keys(selectedRowIds).length;\n    const formatMaxSelectedRows = Math.max(0, maxSelectedRows);\n    const hasMaxSelectedRows = formatMaxSelectedRows === selectedRowsLength;\n    const disableCheck = isSelectable && hasMaxSelectedRows && !isRowSelected;\n    const lastRowSelected = selectedRowsOrdered?.[selectedRowsOrdered.length - 1] ?? null;\n\n    useEffect(() => {\n      if (hasMaxSelectedRows && lastRowSelected === index) {\n        onMaxSelectedRows?.();\n      }\n    }, [hasMaxSelectedRows, index, isRowSelected, lastRowSelected, onMaxSelectedRows, selectedRowIds]);\n\n    return (\n      <div className=\"pgn__data-table__controlled-select\">\n        <CheckboxControl\n          {...updatedProps}\n          disabled={disableCheck}\n          data-testid=\"datatable-select-column-checkbox-cell\"\n        />\n      </div>\n    );\n  },\n  /* eslint-enable react/prop-types */\n  disableSortBy: true,\n};\n\nconst getVisibleColumns = (\n  isSelectable,\n  visibleColumns,\n  additionalColumns = [],\n  manualSelectColumn = selectColumn,\n) => {\n  let columns = [];\n  if (isSelectable) {\n    columns.push(manualSelectColumn);\n  }\n  columns = columns.concat(visibleColumns);\n  if (additionalColumns.length > 0) {\n    columns = columns.concat(additionalColumns);\n  }\n  return columns;\n};\n\nexport default getVisibleColumns;\n"],"mappings":"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","ignoreList":[]}

package/dist/Dropdown/index.js

@@ -9,15 +9,14 @@ import Button from '../Button';
 import IconButton from '../IconButton';
 const Dropdown = /*#__PURE__*/React.forwardRef(
 // eslint-disable-next-line prefer-arrow-callback
-function Dropdown(_ref, ref) {
-  let {
-    show,
-    autoClose,
-    onToggle,
-    variant,
-    className,
-    ...rest
-  } = _ref;
+function Dropdown({
+  show,
+  autoClose,
+  onToggle,
+  variant,
+  className,
+  ...rest
+}, ref) {
   const [internalShow, setInternalShow] = React.useState(show);
   const isClosingPermitted = source => {
     // autoClose=false only permits close on button click
@@ -78,12 +77,11 @@ Dropdown.defaultProps = {
 };
 const DropdownToggle = /*#__PURE__*/React.forwardRef(
 // eslint-disable-next-line prefer-arrow-callback
-function DropdownToggle(_ref2, ref) {
-  let {
-    as,
-    bsPrefix,
-    ...otherProps
-  } = _ref2;
+function DropdownToggle({
+  as,
+  bsPrefix,
+  ...otherProps
+}, ref) {
   // hide arrow from the toggle if it is rendered as IconButton
   // because it hinders the positioning of IconButton
   const prefix = as === IconButton ? 'pgn__dropdown-toggle-iconbutton' : bsPrefix;
@@ -108,11 +106,10 @@ DropdownToggle.defaultProps = {
 };
 Dropdown.Item = /*#__PURE__*/React.forwardRef(
 // eslint-disable-next-line prefer-arrow-callback
-function DropdownItem(_ref3, ref) {
-  let {
-    className,
-    ...otherProps
-  } = _ref3;
+function DropdownItem({
+  className,
+  ...otherProps
+}, ref) {
   return /*#__PURE__*/React.createElement(BaseDropdownItem, {
     className: classNames(className, 'pgn__dropdown-item'),
     ref: ref,

package/dist/Dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classNames","PropTypes","BaseDropdown","DropdownMenu","BaseDropdownItem","BaseDropdownToggle","Button","IconButton","Dropdown","forwardRef","_ref","ref","show","autoClose","onToggle","variant","className","rest","internalShow","setInternalShow","useState","isClosingPermitted","source","handleToggle","isOpen","event","metadata","currentTarget","document","key","createElement","propTypes","oneOfType","string","bool","func","oneOf","defaultProps","undefined","DropdownToggle","_ref2","as","bsPrefix","otherProps","prefix","elementType","id","number","isRequired","Item","DropdownItem","_ref3","Toggle","Menu","Header","Divider","default","DropdownButton","SplitButton"],"sources":["../../src/Dropdown/index.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport BaseDropdown from 'react-bootstrap/Dropdown';\nimport DropdownMenu from 'react-bootstrap/DropdownMenu';\nimport BaseDropdownItem from 'react-bootstrap/DropdownItem';\nimport BaseDropdownToggle from 'react-bootstrap/DropdownToggle';\nimport Button from '../Button';\nimport IconButton from '../IconButton';\n\nconst Dropdown = React.forwardRef(\n  // eslint-disable-next-line prefer-arrow-callback\n  function Dropdown({\n    show,\n    autoClose,\n    onToggle,\n    variant,\n    className,\n    ...rest\n  }, ref) {\n    const [internalShow, setInternalShow] = React.useState(show);\n    const isClosingPermitted = (source) => {\n      // autoClose=false only permits close on button click\n      if (autoClose === false) {\n        return source === 'click';\n      }\n      // autoClose=inside doesn't permit close on rootClose\n      if (autoClose === 'inside') {\n        return source !== 'rootClose';\n      }\n      // autoClose=outside doesn't permit close on select\n      if (autoClose === 'outside') {\n        return source !== 'select';\n      }\n      return true;\n    };\n\n    const handleToggle = (isOpen, event, metadata) => {\n      if (isOpen) {\n        setInternalShow(true);\n        onToggle?.(isOpen, event, metadata);\n        return;\n      }\n      let { source } = { ...metadata };\n\n      if (event.currentTarget === document && (source !== 'keydown' || event.key === 'Escape')) {\n        source = 'rootClose';\n      }\n      if (isClosingPermitted(source)) {\n        setInternalShow(false);\n        onToggle?.(isOpen, event, metadata);\n      }\n    };\n\n    return (\n      <BaseDropdown\n        className={classNames(\n          'pgn__dropdown',\n          `pgn__dropdown-${variant}`,\n          className,\n        )}\n        data-testid=\"dropdown\"\n        onToggle={handleToggle}\n        ref={ref}\n        show={internalShow}\n        {...rest}\n      />\n    );\n  },\n);\n\nDropdown.propTypes = {\n  autoClose: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  className: PropTypes.string,\n  onToggle: PropTypes.func,\n  show: PropTypes.bool,\n  variant: PropTypes.oneOf(['light', 'dark']),\n};\n\nDropdown.defaultProps = {\n  autoClose: true,\n  className: '',\n  onToggle: undefined,\n  show: false,\n  variant: 'light',\n};\n\nconst DropdownToggle = React.forwardRef(\n  // eslint-disable-next-line prefer-arrow-callback\n  function DropdownToggle({\n    as,\n    bsPrefix,\n    ...otherProps\n  }, ref) {\n    // hide arrow from the toggle if it is rendered as IconButton\n    // because it hinders the positioning of IconButton\n    const prefix = as === IconButton ? 'pgn__dropdown-toggle-iconbutton' : bsPrefix;\n    return <BaseDropdownToggle {...otherProps} as={as} bsPrefix={prefix} ref={ref} />;\n  },\n);\n\nDropdownToggle.propTypes = {\n  /** Specifies the base element. */\n  as: PropTypes.elementType,\n  /** Overrides underlying component base CSS class name. */\n  bsPrefix: PropTypes.string,\n  /** An html id attribute, necessary for assistive technologies, such as screen readers. */\n  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n};\n\nDropdownToggle.defaultProps = {\n  as: Button,\n  bsPrefix: 'dropdown-toggle',\n};\n\nDropdown.Item = React.forwardRef(\n  // eslint-disable-next-line prefer-arrow-callback\n  function DropdownItem({ className, ...otherProps }, ref) {\n    return (\n      <BaseDropdownItem\n        className={classNames(className, 'pgn__dropdown-item')}\n        ref={ref}\n        {...otherProps}\n      />\n    );\n  },\n);\n\nDropdown.Item.propTypes = {\n  className: PropTypes.string,\n};\n\nDropdown.Item.defaultProps = {\n  className: undefined,\n};\n\nDropdown.Toggle = DropdownToggle;\nDropdown.Menu = DropdownMenu;\nDropdown.Header = BaseDropdown.Header;\nDropdown.Divider = BaseDropdown.Divider;\n\nexport default Dropdown;\nexport { DropdownToggle };\nexport { default as DropdownButton } from 'react-bootstrap/DropdownButton';\nexport { default as SplitButton } from 'react-bootstrap/SplitButton';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","classNames","PropTypes","BaseDropdown","DropdownMenu","BaseDropdownItem","BaseDropdownToggle","Button","IconButton","Dropdown","forwardRef","show","autoClose","onToggle","variant","className","rest","ref","internalShow","setInternalShow","useState","isClosingPermitted","source","handleToggle","isOpen","event","metadata","currentTarget","document","key","createElement","propTypes","oneOfType","string","bool","func","oneOf","defaultProps","undefined","DropdownToggle","as","bsPrefix","otherProps","prefix","elementType","id","number","isRequired","Item","DropdownItem","Toggle","Menu","Header","Divider","default","DropdownButton","SplitButton"],"sources":["../../src/Dropdown/index.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport BaseDropdown from 'react-bootstrap/Dropdown';\nimport DropdownMenu from 'react-bootstrap/DropdownMenu';\nimport BaseDropdownItem from 'react-bootstrap/DropdownItem';\nimport BaseDropdownToggle from 'react-bootstrap/DropdownToggle';\nimport Button from '../Button';\nimport IconButton from '../IconButton';\n\nconst Dropdown = React.forwardRef(\n  // eslint-disable-next-line prefer-arrow-callback\n  function Dropdown({\n    show,\n    autoClose,\n    onToggle,\n    variant,\n    className,\n    ...rest\n  }, ref) {\n    const [internalShow, setInternalShow] = React.useState(show);\n    const isClosingPermitted = (source) => {\n      // autoClose=false only permits close on button click\n      if (autoClose === false) {\n        return source === 'click';\n      }\n      // autoClose=inside doesn't permit close on rootClose\n      if (autoClose === 'inside') {\n        return source !== 'rootClose';\n      }\n      // autoClose=outside doesn't permit close on select\n      if (autoClose === 'outside') {\n        return source !== 'select';\n      }\n      return true;\n    };\n\n    const handleToggle = (isOpen, event, metadata) => {\n      if (isOpen) {\n        setInternalShow(true);\n        onToggle?.(isOpen, event, metadata);\n        return;\n      }\n      let { source } = { ...metadata };\n\n      if (event.currentTarget === document && (source !== 'keydown' || event.key === 'Escape')) {\n        source = 'rootClose';\n      }\n      if (isClosingPermitted(source)) {\n        setInternalShow(false);\n        onToggle?.(isOpen, event, metadata);\n      }\n    };\n\n    return (\n      <BaseDropdown\n        className={classNames(\n          'pgn__dropdown',\n          `pgn__dropdown-${variant}`,\n          className,\n        )}\n        data-testid=\"dropdown\"\n        onToggle={handleToggle}\n        ref={ref}\n        show={internalShow}\n        {...rest}\n      />\n    );\n  },\n);\n\nDropdown.propTypes = {\n  autoClose: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  className: PropTypes.string,\n  onToggle: PropTypes.func,\n  show: PropTypes.bool,\n  variant: PropTypes.oneOf(['light', 'dark']),\n};\n\nDropdown.defaultProps = {\n  autoClose: true,\n  className: '',\n  onToggle: undefined,\n  show: false,\n  variant: 'light',\n};\n\nconst DropdownToggle = React.forwardRef(\n  // eslint-disable-next-line prefer-arrow-callback\n  function DropdownToggle({\n    as,\n    bsPrefix,\n    ...otherProps\n  }, ref) {\n    // hide arrow from the toggle if it is rendered as IconButton\n    // because it hinders the positioning of IconButton\n    const prefix = as === IconButton ? 'pgn__dropdown-toggle-iconbutton' : bsPrefix;\n    return <BaseDropdownToggle {...otherProps} as={as} bsPrefix={prefix} ref={ref} />;\n  },\n);\n\nDropdownToggle.propTypes = {\n  /** Specifies the base element. */\n  as: PropTypes.elementType,\n  /** Overrides underlying component base CSS class name. */\n  bsPrefix: PropTypes.string,\n  /** An html id attribute, necessary for assistive technologies, such as screen readers. */\n  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n};\n\nDropdownToggle.defaultProps = {\n  as: Button,\n  bsPrefix: 'dropdown-toggle',\n};\n\nDropdown.Item = React.forwardRef(\n  // eslint-disable-next-line prefer-arrow-callback\n  function DropdownItem({ className, ...otherProps }, ref) {\n    return (\n      <BaseDropdownItem\n        className={classNames(className, 'pgn__dropdown-item')}\n        ref={ref}\n        {...otherProps}\n      />\n    );\n  },\n);\n\nDropdown.Item.propTypes = {\n  className: PropTypes.string,\n};\n\nDropdown.Item.defaultProps = {\n  className: undefined,\n};\n\nDropdown.Toggle = DropdownToggle;\nDropdown.Menu = DropdownMenu;\nDropdown.Header = BaseDropdown.Header;\nDropdown.Divider = BaseDropdown.Divider;\n\nexport default Dropdown;\nexport { DropdownToggle };\nexport { default as DropdownButton } from 'react-bootstrap/DropdownButton';\nexport { default as SplitButton } from 'react-bootstrap/SplitButton';\n"],"mappings":"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","ignoreList":[]}

package/dist/Dropzone/DefaultContent.js

@@ -5,12 +5,11 @@ import { getTypesString, formatBytes } from './utils';
 import messages from './messages';
 import Icon from '../Icon';
 import { FileUpload } from '../../icons';
-function DefaultContent(_ref) {
-  let {
-    accept,
-    minSize,
-    maxSize
-  } = _ref;
+function DefaultContent({
+  accept,
+  minSize,
+  maxSize
+}) {
   const intl = useIntl();
   const getFileRestrictionMessage = () => {
     let fileTypePart;

package/dist/Dropzone/DefaultContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultContent.js","names":["React","PropTypes","FormattedMessage","useIntl","getTypesString","formatBytes","messages","Icon","FileUpload","DefaultContent","_ref","accept","minSize","maxSize","intl","getFileRestrictionMessage","fileTypePart","fileSizePart","allTypes","lastTypeSeparatorLocation","lastIndexOf","formatMessage","fileTypeRestriction","count","firstPart","slice","secondPart","Number","isFinite","fileSizeBetween","sizeMin","sizeMax","fileSizeMax","fileSizeMin","createElement","Fragment","className","src","id","description","defaultMessage","some","value","propTypes","objectOf","arrayOf","string","number","defaultProps","undefined"],"sources":["../../src/Dropzone/DefaultContent.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage, useIntl } from 'react-intl';\nimport { getTypesString, formatBytes } from './utils';\nimport messages from './messages';\nimport Icon from '../Icon';\nimport { FileUpload } from '../../icons';\n\nfunction DefaultContent({ accept, minSize, maxSize }) {\n  const intl = useIntl();\n\n  const getFileRestrictionMessage = () => {\n    let fileTypePart;\n    let fileSizePart;\n\n    if (accept) {\n      const allTypes = getTypesString(accept);\n      const lastTypeSeparatorLocation = allTypes.lastIndexOf(',');\n      fileTypePart = intl.formatMessage(messages.fileTypeRestriction, {\n        count: lastTypeSeparatorLocation === -1 ? 1 : 2,\n        firstPart: lastTypeSeparatorLocation === -1 ? allTypes : allTypes.slice(0, lastTypeSeparatorLocation),\n        secondPart: lastTypeSeparatorLocation !== -1 && allTypes.slice(lastTypeSeparatorLocation + 1),\n      });\n    }\n\n    if (minSize && maxSize && Number.isFinite(maxSize)) {\n      fileSizePart = intl.formatMessage(messages.fileSizeBetween, {\n        sizeMin: formatBytes(minSize),\n        sizeMax: formatBytes(maxSize),\n      });\n    } else if (maxSize && Number.isFinite(maxSize)) {\n      fileSizePart = intl.formatMessage(messages.fileSizeMax, { sizeMax: formatBytes(maxSize) });\n    } else if (minSize) {\n      fileSizePart = intl.formatMessage(messages.fileSizeMin, { sizeMin: formatBytes(minSize) });\n    }\n\n    if (fileTypePart && fileSizePart) {\n      return `${fileTypePart} (${fileSizePart})`;\n    }\n    if (fileTypePart) {\n      return fileTypePart;\n    }\n    return fileSizePart;\n  };\n\n  return (\n    <>\n      <div className=\"pgn__dropzone__upload-icon-wrapper\">\n        <Icon src={FileUpload} className=\"pgn__dropzone__upload-icon\" />\n      </div>\n      <p>\n        <FormattedMessage\n          id=\"pgn.Dropzone.DefaultContent.label\"\n          description=\"A text that appears as a label for input of Dropzone component.\"\n          defaultMessage=\"Drag and drop your file here or click to upload.\"\n        />\n      </p>\n      {[accept, minSize, maxSize].some(value => value) && (\n        <p className=\"pgn__dropzone__upload-restriction-message\">\n          {getFileRestrictionMessage()}\n        </p>\n      )}\n    </>\n  );\n}\n\nDefaultContent.propTypes = {\n  accept: PropTypes.objectOf(PropTypes.arrayOf(PropTypes.string)),\n  maxSize: PropTypes.number,\n  minSize: PropTypes.number,\n};\n\nDefaultContent.defaultProps = {\n  accept: undefined,\n  maxSize: undefined,\n  minSize: undefined,\n};\n\nexport default DefaultContent;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DefaultContent.js","names":["React","PropTypes","FormattedMessage","useIntl","getTypesString","formatBytes","messages","Icon","FileUpload","DefaultContent","accept","minSize","maxSize","intl","getFileRestrictionMessage","fileTypePart","fileSizePart","allTypes","lastTypeSeparatorLocation","lastIndexOf","formatMessage","fileTypeRestriction","count","firstPart","slice","secondPart","Number","isFinite","fileSizeBetween","sizeMin","sizeMax","fileSizeMax","fileSizeMin","createElement","Fragment","className","src","id","description","defaultMessage","some","value","propTypes","objectOf","arrayOf","string","number","defaultProps","undefined"],"sources":["../../src/Dropzone/DefaultContent.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage, useIntl } from 'react-intl';\nimport { getTypesString, formatBytes } from './utils';\nimport messages from './messages';\nimport Icon from '../Icon';\nimport { FileUpload } from '../../icons';\n\nfunction DefaultContent({ accept, minSize, maxSize }) {\n  const intl = useIntl();\n\n  const getFileRestrictionMessage = () => {\n    let fileTypePart;\n    let fileSizePart;\n\n    if (accept) {\n      const allTypes = getTypesString(accept);\n      const lastTypeSeparatorLocation = allTypes.lastIndexOf(',');\n      fileTypePart = intl.formatMessage(messages.fileTypeRestriction, {\n        count: lastTypeSeparatorLocation === -1 ? 1 : 2,\n        firstPart: lastTypeSeparatorLocation === -1 ? allTypes : allTypes.slice(0, lastTypeSeparatorLocation),\n        secondPart: lastTypeSeparatorLocation !== -1 && allTypes.slice(lastTypeSeparatorLocation + 1),\n      });\n    }\n\n    if (minSize && maxSize && Number.isFinite(maxSize)) {\n      fileSizePart = intl.formatMessage(messages.fileSizeBetween, {\n        sizeMin: formatBytes(minSize),\n        sizeMax: formatBytes(maxSize),\n      });\n    } else if (maxSize && Number.isFinite(maxSize)) {\n      fileSizePart = intl.formatMessage(messages.fileSizeMax, { sizeMax: formatBytes(maxSize) });\n    } else if (minSize) {\n      fileSizePart = intl.formatMessage(messages.fileSizeMin, { sizeMin: formatBytes(minSize) });\n    }\n\n    if (fileTypePart && fileSizePart) {\n      return `${fileTypePart} (${fileSizePart})`;\n    }\n    if (fileTypePart) {\n      return fileTypePart;\n    }\n    return fileSizePart;\n  };\n\n  return (\n    <>\n      <div className=\"pgn__dropzone__upload-icon-wrapper\">\n        <Icon src={FileUpload} className=\"pgn__dropzone__upload-icon\" />\n      </div>\n      <p>\n        <FormattedMessage\n          id=\"pgn.Dropzone.DefaultContent.label\"\n          description=\"A text that appears as a label for input of Dropzone component.\"\n          defaultMessage=\"Drag and drop your file here or click to upload.\"\n        />\n      </p>\n      {[accept, minSize, maxSize].some(value => value) && (\n        <p className=\"pgn__dropzone__upload-restriction-message\">\n          {getFileRestrictionMessage()}\n        </p>\n      )}\n    </>\n  );\n}\n\nDefaultContent.propTypes = {\n  accept: PropTypes.objectOf(PropTypes.arrayOf(PropTypes.string)),\n  maxSize: PropTypes.number,\n  minSize: PropTypes.number,\n};\n\nDefaultContent.defaultProps = {\n  accept: undefined,\n  maxSize: undefined,\n  minSize: undefined,\n};\n\nexport default DefaultContent;\n"],"mappings":"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","ignoreList":[]}

package/dist/Dropzone/DragError.js

@@ -1,9 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-function DragError(_ref) {
-  let {
-    message
-  } = _ref;
+function DragError({
+  message
+}) {
   return /*#__PURE__*/React.createElement("div", {
     className: "pgn__dropzone-error-wrapper"
   }, message);

package/dist/Dropzone/DragError.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragError.js","names":["React","PropTypes","DragError","_ref","message","createElement","className","propTypes","oneOfType","string","element","isRequired"],"sources":["../../src/Dropzone/DragError.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction DragError({ message }) {\n  return (\n    <div className=\"pgn__dropzone-error-wrapper\">\n      {message}\n    </div>\n  );\n}\n\nDragError.propTypes = {\n  message: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n};\n\nexport default DragError;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,SAASA,CAAAC,IAAA,EAAc;EAAA,IAAb;IAAEC;EAAQ,CAAC,GAAAD,IAAA;EAC5B,oBACEH,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAC;EAA6B,GACzCF,OACE,CAAC;AAEV;AAEAF,SAAS,CAACK,SAAS,GAAG;EACpBH,OAAO,EAAEH,SAAS,CAACO,SAAS,CAAC,CAACP,SAAS,CAACQ,MAAM,EAAER,SAAS,CAACS,OAAO,CAAC,CAAC,CAACC;AACtE,CAAC;AAED,eAAeT,SAAS","ignoreList":[]}
+{"version":3,"file":"DragError.js","names":["React","PropTypes","DragError","message","createElement","className","propTypes","oneOfType","string","element","isRequired"],"sources":["../../src/Dropzone/DragError.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction DragError({ message }) {\n  return (\n    <div className=\"pgn__dropzone-error-wrapper\">\n      {message}\n    </div>\n  );\n}\n\nDragError.propTypes = {\n  message: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n};\n\nexport default DragError;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,SAASA,CAAC;EAAEC;AAAQ,CAAC,EAAE;EAC9B,oBACEH,KAAA,CAAAI,aAAA;IAAKC,SAAS,EAAC;EAA6B,GACzCF,OACE,CAAC;AAEV;AAEAD,SAAS,CAACI,SAAS,GAAG;EACpBH,OAAO,EAAEF,SAAS,CAACM,SAAS,CAAC,CAACN,SAAS,CAACO,MAAM,EAAEP,SAAS,CAACQ,OAAO,CAAC,CAAC,CAACC;AACtE,CAAC;AAED,eAAeR,SAAS","ignoreList":[]}

package/dist/Dropzone/GenericError.js

@@ -2,11 +2,10 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Alert from '../Alert';
 import { Info } from '../../icons';
-function GenericError(_ref) {
-  let {
-    errorMsgs,
-    ...rest
-  } = _ref;
+function GenericError({
+  errorMsgs,
+  ...rest
+}) {
   return /*#__PURE__*/React.createElement(Alert, {
     variant: "danger",
     icon: Info,

package/dist/Dropzone/GenericError.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenericError.js","names":["React","PropTypes","Alert","Info","GenericError","_ref","errorMsgs","rest","createElement","variant","icon","className","map","msg","key","propTypes","arrayOf","string","isRequired"],"sources":["../../src/Dropzone/GenericError.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Alert from '../Alert';\nimport { Info } from '../../icons';\n\nfunction GenericError({ errorMsgs, ...rest }) {\n  return (\n    <Alert\n      variant=\"danger\"\n      icon={Info}\n      className=\"pgn__dropzone-generic-alert\"\n      {...rest}\n    >\n      {errorMsgs.map(msg => (\n        <span key={msg}>{msg}</span>\n      ))}\n    </Alert>\n  );\n}\n\nGenericError.propTypes = {\n  errorMsgs: PropTypes.arrayOf(PropTypes.string).isRequired,\n};\n\nexport default GenericError;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,UAAU;AAC5B,SAASC,IAAI,QAAQ,aAAa;AAElC,SAASC,YAAYA,CAAAC,IAAA,EAAyB;EAAA,IAAxB;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAAF,IAAA;EAC1C,oBACEL,KAAA,CAAAQ,aAAA,CAACN,KAAK;IACJO,OAAO,EAAC,QAAQ;IAChBC,IAAI,EAAEP,IAAK;IACXQ,SAAS,EAAC,6BAA6B;IAAA,GACnCJ;EAAI,GAEPD,SAAS,CAACM,GAAG,CAACC,GAAG,iBAChBb,KAAA,CAAAQ,aAAA;IAAMM,GAAG,EAAED;EAAI,GAAEA,GAAU,CAC5B,CACI,CAAC;AAEZ;AAEAT,YAAY,CAACW,SAAS,GAAG;EACvBT,SAAS,EAAEL,SAAS,CAACe,OAAO,CAACf,SAAS,CAACgB,MAAM,CAAC,CAACC;AACjD,CAAC;AAED,eAAed,YAAY","ignoreList":[]}
+{"version":3,"file":"GenericError.js","names":["React","PropTypes","Alert","Info","GenericError","errorMsgs","rest","createElement","variant","icon","className","map","msg","key","propTypes","arrayOf","string","isRequired"],"sources":["../../src/Dropzone/GenericError.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Alert from '../Alert';\nimport { Info } from '../../icons';\n\nfunction GenericError({ errorMsgs, ...rest }) {\n  return (\n    <Alert\n      variant=\"danger\"\n      icon={Info}\n      className=\"pgn__dropzone-generic-alert\"\n      {...rest}\n    >\n      {errorMsgs.map(msg => (\n        <span key={msg}>{msg}</span>\n      ))}\n    </Alert>\n  );\n}\n\nGenericError.propTypes = {\n  errorMsgs: PropTypes.arrayOf(PropTypes.string).isRequired,\n};\n\nexport default GenericError;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,UAAU;AAC5B,SAASC,IAAI,QAAQ,aAAa;AAElC,SAASC,YAAYA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAK,CAAC,EAAE;EAC5C,oBACEN,KAAA,CAAAO,aAAA,CAACL,KAAK;IACJM,OAAO,EAAC,QAAQ;IAChBC,IAAI,EAAEN,IAAK;IACXO,SAAS,EAAC,6BAA6B;IAAA,GACnCJ;EAAI,GAEPD,SAAS,CAACM,GAAG,CAACC,GAAG,iBAChBZ,KAAA,CAAAO,aAAA;IAAMM,GAAG,EAAED;EAAI,GAAEA,GAAU,CAC5B,CACI,CAAC;AAEZ;AAEAR,YAAY,CAACU,SAAS,GAAG;EACvBT,SAAS,EAAEJ,SAAS,CAACc,OAAO,CAACd,SAAS,CAACe,MAAM,CAAC,CAACC;AACjD,CAAC;AAED,eAAeb,YAAY","ignoreList":[]}

package/dist/Dropzone/UploadProgress.js

@@ -4,13 +4,12 @@ import { FormattedMessage } from 'react-intl';
 import Button from '../Button';
 import ProgressBar from '../ProgressBar';
 import Spinner from '../Spinner';
-function UploadProgress(_ref) {
-  let {
-    percent,
-    variant,
-    name,
-    onCancel
-  } = _ref;
+function UploadProgress({
+  percent,
+  variant,
+  name,
+  onCancel
+}) {
   if (variant === 'spinner') {
     return /*#__PURE__*/React.createElement(Spinner, {
       animation: "border",

package/dist/Dropzone/UploadProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadProgress.js","names":["React","PropTypes","FormattedMessage","Button","ProgressBar","Spinner","UploadProgress","_ref","percent","variant","name","onCancel","createElement","animation","screenReaderText","className","id","defaultMessage","description","values","filename","now","label","onClick","propTypes","oneOf","isRequired","number","string","func"],"sources":["../../src/Dropzone/UploadProgress.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport Button from '../Button';\nimport ProgressBar from '../ProgressBar';\nimport Spinner from '../Spinner';\n\nfunction UploadProgress({\n  percent, variant, name, onCancel,\n}) {\n  if (variant === 'spinner') {\n    return (\n      <Spinner\n        animation=\"border\"\n        aria-live=\"polite\"\n        screenReaderText={`Uploading ${name}, ${percent}% done.`}\n        data-testid=\"upload-spinner\"\n      />\n    );\n  }\n\n  return (\n    <div className=\"w-50\">\n      <p className=\"text-muted\">\n        <FormattedMessage\n          id=\"pgn.Dropzone.UploadProgress.uploadLabel\"\n          defaultMessage=\"Uploading {filename}.\"\n          description=\"A text that is shown near a progress bar during file upload in Dropzone component.\"\n          values={{ filename: name }}\n        />\n      </p>\n      <div className=\"d-flex justify-content-between align-items-center w-100\">\n        <ProgressBar\n          now={percent}\n          label={`${percent}%`}\n          variant=\"success\"\n          className=\"flex-grow-1\"\n          data-testid=\"upload-progress-bar\"\n        />\n        <Button variant=\"tertiary\" className=\"ml-3\" onClick={onCancel}>\n          <FormattedMessage\n            id=\"pgn.Dropzone.UploadProgress.cancelLabel\"\n            defaultMessage=\"Cancel\"\n            description=\"Label of a cancel button that is shown during file upload in Dropzone component.\"\n          />\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nUploadProgress.propTypes = {\n  variant: PropTypes.oneOf(['spinner', 'bar']).isRequired,\n  percent: PropTypes.number.isRequired,\n  name: PropTypes.string.isRequired,\n  onCancel: PropTypes.func.isRequired,\n};\n\nexport default UploadProgress;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,WAAW,MAAM,gBAAgB;AACxC,OAAOC,OAAO,MAAM,YAAY;AAEhC,SAASC,cAAcA,CAAAC,IAAA,EAEpB;EAAA,IAFqB;IACtBC,OAAO;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAC1B,CAAC,GAAAJ,IAAA;EACC,IAAIE,OAAO,KAAK,SAAS,EAAE;IACzB,oBACET,KAAA,CAAAY,aAAA,CAACP,OAAO;MACNQ,SAAS,EAAC,QAAQ;MAClB,aAAU,QAAQ;MAClBC,gBAAgB,EAAE,aAAaJ,IAAI,KAAKF,OAAO,SAAU;MACzD,eAAY;IAAgB,CAC7B,CAAC;EAEN;EAEA,oBACER,KAAA,CAAAY,aAAA;IAAKG,SAAS,EAAC;EAAM,gBACnBf,KAAA,CAAAY,aAAA;IAAGG,SAAS,EAAC;EAAY,gBACvBf,KAAA,CAAAY,aAAA,CAACV,gBAAgB;IACfc,EAAE,EAAC,yCAAyC;IAC5CC,cAAc,EAAC,uBAAuB;IACtCC,WAAW,EAAC,oFAAoF;IAChGC,MAAM,EAAE;MAAEC,QAAQ,EAAEV;IAAK;EAAE,CAC5B,CACA,CAAC,eACJV,KAAA,CAAAY,aAAA;IAAKG,SAAS,EAAC;EAAyD,gBACtEf,KAAA,CAAAY,aAAA,CAACR,WAAW;IACViB,GAAG,EAAEb,OAAQ;IACbc,KAAK,EAAE,GAAGd,OAAO,GAAI;IACrBC,OAAO,EAAC,SAAS;IACjBM,SAAS,EAAC,aAAa;IACvB,eAAY;EAAqB,CAClC,CAAC,eACFf,KAAA,CAAAY,aAAA,CAACT,MAAM;IAACM,OAAO,EAAC,UAAU;IAACM,SAAS,EAAC,MAAM;IAACQ,OAAO,EAAEZ;EAAS,gBAC5DX,KAAA,CAAAY,aAAA,CAACV,gBAAgB;IACfc,EAAE,EAAC,yCAAyC;IAC5CC,cAAc,EAAC,QAAQ;IACvBC,WAAW,EAAC;EAAkF,CAC/F,CACK,CACL,CACF,CAAC;AAEV;AAEAZ,cAAc,CAACkB,SAAS,GAAG;EACzBf,OAAO,EAAER,SAAS,CAACwB,KAAK,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAACC,UAAU;EACvDlB,OAAO,EAAEP,SAAS,CAAC0B,MAAM,CAACD,UAAU;EACpChB,IAAI,EAAET,SAAS,CAAC2B,MAAM,CAACF,UAAU;EACjCf,QAAQ,EAAEV,SAAS,CAAC4B,IAAI,CAACH;AAC3B,CAAC;AAED,eAAepB,cAAc","ignoreList":[]}
+{"version":3,"file":"UploadProgress.js","names":["React","PropTypes","FormattedMessage","Button","ProgressBar","Spinner","UploadProgress","percent","variant","name","onCancel","createElement","animation","screenReaderText","className","id","defaultMessage","description","values","filename","now","label","onClick","propTypes","oneOf","isRequired","number","string","func"],"sources":["../../src/Dropzone/UploadProgress.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport Button from '../Button';\nimport ProgressBar from '../ProgressBar';\nimport Spinner from '../Spinner';\n\nfunction UploadProgress({\n  percent, variant, name, onCancel,\n}) {\n  if (variant === 'spinner') {\n    return (\n      <Spinner\n        animation=\"border\"\n        aria-live=\"polite\"\n        screenReaderText={`Uploading ${name}, ${percent}% done.`}\n        data-testid=\"upload-spinner\"\n      />\n    );\n  }\n\n  return (\n    <div className=\"w-50\">\n      <p className=\"text-muted\">\n        <FormattedMessage\n          id=\"pgn.Dropzone.UploadProgress.uploadLabel\"\n          defaultMessage=\"Uploading {filename}.\"\n          description=\"A text that is shown near a progress bar during file upload in Dropzone component.\"\n          values={{ filename: name }}\n        />\n      </p>\n      <div className=\"d-flex justify-content-between align-items-center w-100\">\n        <ProgressBar\n          now={percent}\n          label={`${percent}%`}\n          variant=\"success\"\n          className=\"flex-grow-1\"\n          data-testid=\"upload-progress-bar\"\n        />\n        <Button variant=\"tertiary\" className=\"ml-3\" onClick={onCancel}>\n          <FormattedMessage\n            id=\"pgn.Dropzone.UploadProgress.cancelLabel\"\n            defaultMessage=\"Cancel\"\n            description=\"Label of a cancel button that is shown during file upload in Dropzone component.\"\n          />\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nUploadProgress.propTypes = {\n  variant: PropTypes.oneOf(['spinner', 'bar']).isRequired,\n  percent: PropTypes.number.isRequired,\n  name: PropTypes.string.isRequired,\n  onCancel: PropTypes.func.isRequired,\n};\n\nexport default UploadProgress;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,WAAW,MAAM,gBAAgB;AACxC,OAAOC,OAAO,MAAM,YAAY;AAEhC,SAASC,cAAcA,CAAC;EACtBC,OAAO;EAAEC,OAAO;EAAEC,IAAI;EAAEC;AAC1B,CAAC,EAAE;EACD,IAAIF,OAAO,KAAK,SAAS,EAAE;IACzB,oBACER,KAAA,CAAAW,aAAA,CAACN,OAAO;MACNO,SAAS,EAAC,QAAQ;MAClB,aAAU,QAAQ;MAClBC,gBAAgB,EAAE,aAAaJ,IAAI,KAAKF,OAAO,SAAU;MACzD,eAAY;IAAgB,CAC7B,CAAC;EAEN;EAEA,oBACEP,KAAA,CAAAW,aAAA;IAAKG,SAAS,EAAC;EAAM,gBACnBd,KAAA,CAAAW,aAAA;IAAGG,SAAS,EAAC;EAAY,gBACvBd,KAAA,CAAAW,aAAA,CAACT,gBAAgB;IACfa,EAAE,EAAC,yCAAyC;IAC5CC,cAAc,EAAC,uBAAuB;IACtCC,WAAW,EAAC,oFAAoF;IAChGC,MAAM,EAAE;MAAEC,QAAQ,EAAEV;IAAK;EAAE,CAC5B,CACA,CAAC,eACJT,KAAA,CAAAW,aAAA;IAAKG,SAAS,EAAC;EAAyD,gBACtEd,KAAA,CAAAW,aAAA,CAACP,WAAW;IACVgB,GAAG,EAAEb,OAAQ;IACbc,KAAK,EAAE,GAAGd,OAAO,GAAI;IACrBC,OAAO,EAAC,SAAS;IACjBM,SAAS,EAAC,aAAa;IACvB,eAAY;EAAqB,CAClC,CAAC,eACFd,KAAA,CAAAW,aAAA,CAACR,MAAM;IAACK,OAAO,EAAC,UAAU;IAACM,SAAS,EAAC,MAAM;IAACQ,OAAO,EAAEZ;EAAS,gBAC5DV,KAAA,CAAAW,aAAA,CAACT,gBAAgB;IACfa,EAAE,EAAC,yCAAyC;IAC5CC,cAAc,EAAC,QAAQ;IACvBC,WAAW,EAAC;EAAkF,CAC/F,CACK,CACL,CACF,CAAC;AAEV;AAEAX,cAAc,CAACiB,SAAS,GAAG;EACzBf,OAAO,EAAEP,SAAS,CAACuB,KAAK,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAACC,UAAU;EACvDlB,OAAO,EAAEN,SAAS,CAACyB,MAAM,CAACD,UAAU;EACpChB,IAAI,EAAER,SAAS,CAAC0B,MAAM,CAACF,UAAU;EACjCf,QAAQ,EAAET,SAAS,CAAC2B,IAAI,CAACH;AAC3B,CAAC;AAED,eAAenB,cAAc","ignoreList":[]}

package/dist/Dropzone/index.js

@@ -10,21 +10,20 @@ import UploadProgress from './UploadProgress';
 import DefaultContent from './DefaultContent';
 import messages from './messages';
 import { getTypesString, isMultipleTypes, formatBytes } from './utils';
-function Dropzone(_ref) {
-  let {
-    className,
-    accept,
-    minSize,
-    maxSize,
-    validator,
-    errorMessages,
-    progressVariant,
-    inputComponent,
-    onProcessUpload,
-    onUploadProgress,
-    onUploadCancel,
-    ...props
-  } = _ref;
+function Dropzone({
+  className,
+  accept,
+  minSize,
+  maxSize,
+  validator,
+  errorMessages,
+  progressVariant,
+  inputComponent,
+  onProcessUpload,
+  onUploadProgress,
+  onUploadCancel,
+  ...props
+}) {
   const [isMultipleDragged, setIsMultipleDragged] = useState(false);
   const [errors, setErrors] = useState([]);
   const [progress, setProgress] = useState(0);