@openedx/paragon 22.0.0-alpha.23 → 22.0.0

package/dist/DataTable/filters/CheckboxFilter.js

@@ -5,27 +5,28 @@ import Badge from '../../Badge';
 import Stack from '../../Stack';
 import { newId } from '../../utils';
 function CheckboxFilter(_ref) {
-  let {
-    column: {
-      filterValue,
-      setFilter,
-      Header,
-      filterChoices,
-      getHeaderProps
-    }
-  } = _ref;
+  var _ref$column = _ref.column,
+    filterValue = _ref$column.filterValue,
+    setFilter = _ref$column.setFilter,
+    Header = _ref$column.Header,
+    filterChoices = _ref$column.filterChoices,
+    getHeaderProps = _ref$column.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 || [];
-  const changeCheckbox = value => {
+  var ariaLabel = useRef(newId("checkbox-filter-label-".concat(getHeaderProps().key, "-")));
+  var checkedBoxes = filterValue || [];
+  var changeCheckbox = function changeCheckbox(value) {
     if (checkedBoxes.includes(value)) {
-      const newCheckedBoxes = checkedBoxes.filter(val => val !== value);
+      var newCheckedBoxes = checkedBoxes.filter(function (val) {
+        return val !== value;
+      });
       return setFilter(newCheckedBoxes);
     }
     checkedBoxes.push(value);
     return setFilter(checkedBoxes);
   };
-  const headerBasedId = useMemo(() => `checkbox-filter-check-${getHeaderProps().key}-`, [getHeaderProps]);
+  var headerBasedId = useMemo(function () {
+    return "checkbox-filter-check-".concat(getHeaderProps().key, "-");
+  }, [getHeaderProps]);
   return /*#__PURE__*/React.createElement(Form.Group, {
     role: "group",
     "aria-labelledby": ariaLabel.current
@@ -34,17 +35,17 @@ function CheckboxFilter(_ref) {
     className: "pgn__checkbox-filter-label"
   }, Header), /*#__PURE__*/React.createElement(Form.CheckboxSet, {
     name: Header
-  }, filterChoices.map(_ref2 => {
-    let {
-      name,
-      number,
-      value
-    } = _ref2;
+  }, filterChoices.map(function (_ref2) {
+    var name = _ref2.name,
+      number = _ref2.number,
+      value = _ref2.value;
     return /*#__PURE__*/React.createElement(Form.Checkbox, {
-      key: `${headerBasedId}${name}`,
+      key: "".concat(headerBasedId).concat(name),
       value: name,
       checked: checkedBoxes.includes(value),
-      onChange: () => changeCheckbox(value),
+      onChange: function onChange() {
+        return changeCheckbox(value);
+      },
       "aria-label": name
     }, /*#__PURE__*/React.createElement(Stack, {
       direction: "horizontal",

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}>\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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"}
+{"version":3,"file":"CheckboxFilter.js","names":["React","useRef","useMemo","PropTypes","Form","FormLabel","Badge","Stack","newId","CheckboxFilter","_ref","_ref$column","column","filterValue","setFilter","Header","filterChoices","getHeaderProps","ariaLabel","concat","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}>\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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"}

package/dist/DataTable/filters/DropdownFilter.js

@@ -2,19 +2,16 @@ import React, { useRef } from 'react';
 import PropTypes from 'prop-types';
 import Form from '../../Form';
 import { newId } from '../../utils';
-const DEFAULT_VALUE = '';
+var DEFAULT_VALUE = '';
 function DropdownFilter(_ref) {
-  let {
-    column: {
-      setFilter,
-      Header,
-      filterChoices,
-      getHeaderProps
-    }
-  } = _ref;
+  var _ref$column = _ref.column,
+    setFilter = _ref$column.setFilter,
+    Header = _ref$column.Header,
+    filterChoices = _ref$column.filterChoices,
+    getHeaderProps = _ref$column.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 => {
+  var ariaLabel = useRef(newId("dropdown-filter-label-".concat(getHeaderProps().key, "-")));
+  var onChange = function onChange(e) {
     if (e.target.value === DEFAULT_VALUE) {
       // setting undefined resets the filter
       return setFilter(undefined);
@@ -26,21 +23,19 @@ function DropdownFilter(_ref) {
     className: "sr-only"
   }, Header), /*#__PURE__*/React.createElement(Form.Control, {
     as: "select",
-    default: DEFAULT_VALUE,
+    "default": DEFAULT_VALUE,
     onChange: onChange,
     "aria-labelledby": ariaLabel.current
   }, /*#__PURE__*/React.createElement("option", {
     value: DEFAULT_VALUE
-  }, Header), filterChoices.map(_ref2 => {
-    let {
-      name,
-      number,
-      value
-    } = _ref2;
+  }, Header), filterChoices.map(function (_ref2) {
+    var name = _ref2.name,
+      number = _ref2.number,
+      value = _ref2.value;
     return /*#__PURE__*/React.createElement("option", {
       key: value,
       value: value
-    }, name, " ", number && `(${number})`);
+    }, name, " ", number && "(".concat(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,CAAE,yBAAwBQ,cAAc,CAAC,CAAC,CAACE,GAAI,GAAE,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,IAAK,IAAGA,MAAO,GAAW,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"}
+{"version":3,"file":"DropdownFilter.js","names":["React","useRef","PropTypes","Form","newId","DEFAULT_VALUE","DropdownFilter","_ref","_ref$column","column","setFilter","Header","filterChoices","getHeaderProps","ariaLabel","concat","key","onChange","e","target","value","undefined","createElement","Group","Label","id","current","className","Control","as","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":"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"}

package/dist/DataTable/filters/MultiSelectDropdownFilter.js

@@ -6,21 +6,20 @@ import { DropdownButton } from '../../Dropdown';
 import { newId } from '../../utils';
 import Form from '../../Form';
 function MultiSelectDropdownFilter(_ref) {
-  let {
-    column: {
-      setFilter,
-      Header,
-      filterChoices,
-      getHeaderProps,
-      filterValue
-    }
-  } = _ref;
+  var _ref$column = _ref.column,
+    setFilter = _ref$column.setFilter,
+    Header = _ref$column.Header,
+    filterChoices = _ref$column.filterChoices,
+    getHeaderProps = _ref$column.getHeaderProps,
+    filterValue = _ref$column.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 || [];
-  const changeCheckbox = value => {
+  var ariaLabel = useRef(newId("multi-dropdown-filter-label-".concat(getHeaderProps().key, "-")));
+  var checkedBoxes = filterValue || [];
+  var changeCheckbox = function changeCheckbox(value) {
     if (checkedBoxes.includes(value)) {
-      const newCheckedBoxes = checkedBoxes.filter(val => val !== value);
+      var newCheckedBoxes = checkedBoxes.filter(function (val) {
+        return val !== value;
+      });
       return setFilter(newCheckedBoxes);
     }
     checkedBoxes.push(value);
@@ -34,17 +33,17 @@ function MultiSelectDropdownFilter(_ref) {
     className: "pgn__dropdown-filter-checkbox-group",
     name: Header,
     "aria-label": Header
-  }, filterChoices.map(_ref2 => {
-    let {
-      name,
-      number,
-      value
-    } = _ref2;
+  }, filterChoices.map(function (_ref2) {
+    var name = _ref2.name,
+      number = _ref2.number,
+      value = _ref2.value;
     return /*#__PURE__*/React.createElement(Form.Checkbox, {
       key: name,
       value: name,
       checked: checkedBoxes.includes(value),
-      onChange: () => changeCheckbox(value),
+      onChange: function onChange() {
+        return changeCheckbox(value);
+      },
       "aria-label": name
     }, /*#__PURE__*/React.createElement(Stack, {
       direction: "horizontal",

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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"}
+{"version":3,"file":"MultiSelectDropdownFilter.js","names":["React","useRef","PropTypes","Badge","Stack","DropdownButton","newId","Form","MultiSelectDropdownFilter","_ref","_ref$column","column","setFilter","Header","filterChoices","getHeaderProps","filterValue","ariaLabel","concat","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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"}

package/dist/DataTable/filters/TextFilter.js

@@ -1,8 +1,8 @@
 import React, { useRef } from 'react';
 import PropTypes from 'prop-types';
-import Form, { FormLabel, FormControl } from '../../Form';
+import Form from '../../Form';
 import { newId } from '../../utils';
-const formatHeaderForLabel = header => {
+var formatHeaderForLabel = function formatHeaderForLabel(header) {
   if (typeof header === 'function') {
     return header();
   }
@@ -12,25 +12,22 @@ const formatHeaderForLabel = header => {
   return header;
 };
 function TextFilter(_ref) {
-  let {
-    column: {
-      filterValue,
-      setFilter,
-      Header,
-      getHeaderProps
-    }
-  } = _ref;
-  const ariaLabel = useRef(newId(`text-filter-label-${getHeaderProps().key}-`));
-  const formattedHeader = formatHeaderForLabel(Header);
-  const inputText = /*#__PURE__*/React.isValidElement(formattedHeader) ? formattedHeader : `Search ${formattedHeader}`;
-  return /*#__PURE__*/React.createElement(Form.Group, null, /*#__PURE__*/React.createElement(FormLabel, {
-    id: ariaLabel.current,
+  var _ref$column = _ref.column,
+    filterValue = _ref$column.filterValue,
+    setFilter = _ref$column.setFilter,
+    Header = _ref$column.Header,
+    getHeaderProps = _ref$column.getHeaderProps;
+  var ariaLabel = useRef(newId("text-filter-label-".concat(getHeaderProps().key, "-")));
+  var formattedHeader = formatHeaderForLabel(Header);
+  var inputText = /*#__PURE__*/React.isValidElement(formattedHeader) ? formattedHeader : "Search ".concat(formattedHeader);
+  return /*#__PURE__*/React.createElement(Form.Group, {
+    controlId: ariaLabel.current
+  }, /*#__PURE__*/React.createElement(Form.Label, {
     className: "sr-only"
-  }, inputText), /*#__PURE__*/React.createElement(FormControl, {
-    "aria-labelledby": ariaLabel.current,
+  }, inputText), /*#__PURE__*/React.createElement(Form.Control, {
     value: filterValue || '',
     type: "text",
-    onChange: e => {
+    onChange: function onChange(e) {
       setFilter(e.target.value || undefined); // Set undefined to remove the filter entirely
     },
 

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

@@ -1 +1 @@
-{"version":3,"file":"TextFilter.js","names":["React","useRef","PropTypes","Form","FormLabel","FormControl","newId","formatHeaderForLabel","header","toLowerCase","TextFilter","_ref","column","filterValue","setFilter","Header","getHeaderProps","ariaLabel","key","formattedHeader","inputText","isValidElement","createElement","Group","id","current","className","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, { FormLabel, FormControl } 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>\n      <FormLabel id={ariaLabel.current} className=\"sr-only\">{inputText}</FormLabel>\n      <FormControl\n        aria-labelledby={ariaLabel.current}\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,IAAIC,SAAS,EAAEC,WAAW,QAAQ,YAAY;AACzD,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,GAAGhB,MAAM,CAACK,KAAK,CAAE,qBAAoBU,cAAc,CAAC,CAAC,CAACE,GAAI,GAAE,CAAC,CAAC;EAC7E,MAAMC,eAAe,GAAGZ,oBAAoB,CAACQ,MAAM,CAAC;EACpD,MAAMK,SAAS,GAAG,aAAApB,KAAK,CAACqB,cAAc,CAACF,eAAe,CAAC,GAAGA,eAAe,GAAI,UAASA,eAAgB,EAAC;EACvG,oBACEnB,KAAA,CAAAsB,aAAA,CAACnB,IAAI,CAACoB,KAAK,qBACTvB,KAAA,CAAAsB,aAAA,CAAClB,SAAS;IAACoB,EAAE,EAAEP,SAAS,CAACQ,OAAQ;IAACC,SAAS,EAAC;EAAS,GAAEN,SAAqB,CAAC,eAC7EpB,KAAA,CAAAsB,aAAA,CAACjB,WAAW;IACV,mBAAiBY,SAAS,CAACQ,OAAQ;IACnCE,KAAK,EAAEd,WAAW,IAAI,EAAG;IACzBe,IAAI,EAAC,MAAM;IACXC,QAAQ,EAAEC,CAAC,IAAI;MACbhB,SAAS,CAACgB,CAAC,CAACC,MAAM,CAACJ,KAAK,IAAIK,SAAS,CAAC,CAAC,CAAC;IAC1C,CAAE;;IACFC,WAAW,EAAEb;EAAU,CACxB,CACS,CAAC;AAEjB;AAEAV,UAAU,CAACwB,SAAS,GAAG;EACrB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEtB,MAAM,EAAEV,SAAS,CAACiC,KAAK,CAAC;IACtBrB,SAAS,EAAEZ,SAAS,CAACkC,IAAI,CAACC,UAAU;IACpCtB,MAAM,EAAEb,SAAS,CAACoC,SAAS,CAAC,CAACpC,SAAS,CAACqC,WAAW,EAAErC,SAAS,CAACsC,IAAI,CAAC,CAAC,CAACH,UAAU;IAC/ErB,cAAc,EAAEd,SAAS,CAACkC,IAAI,CAACC,UAAU;IACzCxB,WAAW,EAAEX,SAAS,CAACuC;EACzB,CAAC,CAAC,CAACJ;AACL,CAAC;AAED,eAAe3B,UAAU"}
+{"version":3,"file":"TextFilter.js","names":["React","useRef","PropTypes","Form","newId","formatHeaderForLabel","header","toLowerCase","TextFilter","_ref","_ref$column","column","filterValue","setFilter","Header","getHeaderProps","ariaLabel","concat","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,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,MAAM,EAAK;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,IAAAC,WAAA,GAAAD,IAAA,CAHDE,MAAM;IACJC,WAAW,GAAAF,WAAA,CAAXE,WAAW;IAAEC,SAAS,GAAAH,WAAA,CAATG,SAAS;IAAEC,MAAM,GAAAJ,WAAA,CAANI,MAAM;IAAEC,cAAc,GAAAL,WAAA,CAAdK,cAAc;EAGhD,IAAMC,SAAS,GAAGf,MAAM,CAACG,KAAK,sBAAAa,MAAA,CAAsBF,cAAc,CAAC,CAAC,CAACG,GAAG,MAAG,CAAC,CAAC;EAC7E,IAAMC,eAAe,GAAGd,oBAAoB,CAACS,MAAM,CAAC;EACpD,IAAMM,SAAS,GAAG,aAAApB,KAAK,CAACqB,cAAc,CAACF,eAAe,CAAC,GAAGA,eAAe,aAAAF,MAAA,CAAaE,eAAe,CAAE;EACvG,oBACEnB,KAAA,CAAAsB,aAAA,CAACnB,IAAI,CAACoB,KAAK;IAACC,SAAS,EAAER,SAAS,CAACS;EAAQ,gBACvCzB,KAAA,CAAAsB,aAAA,CAACnB,IAAI,CAACuB,KAAK;IAACC,SAAS,EAAC;EAAS,GAAEP,SAAsB,CAAC,eACxDpB,KAAA,CAAAsB,aAAA,CAACnB,IAAI,CAACyB,OAAO;IACXC,KAAK,EAAEjB,WAAW,IAAI,EAAG;IACzBkB,IAAI,EAAC,MAAM;IACXC,QAAQ,EAAE,SAAAA,SAAAC,CAAC,EAAI;MACbnB,SAAS,CAACmB,CAAC,CAACC,MAAM,CAACJ,KAAK,IAAIK,SAAS,CAAC,CAAC,CAAC;IAC1C,CAAE;;IACFC,WAAW,EAAEf;EAAU,CACxB,CACS,CAAC;AAEjB;AAEAZ,UAAU,CAAC4B,SAAS,GAAG;EACrB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEzB,MAAM,EAAET,SAAS,CAACmC,KAAK,CAAC;IACtBxB,SAAS,EAAEX,SAAS,CAACoC,IAAI,CAACC,UAAU;IACpCzB,MAAM,EAAEZ,SAAS,CAACsC,SAAS,CAAC,CAACtC,SAAS,CAACuC,WAAW,EAAEvC,SAAS,CAACwC,IAAI,CAAC,CAAC,CAACH,UAAU;IAC/ExB,cAAc,EAAEb,SAAS,CAACoC,IAAI,CAACC,UAAU;IACzC3B,WAAW,EAAEV,SAAS,CAACyC;EACzB,CAAC,CAAC,CAACJ;AACL,CAAC;AAED,eAAe/B,UAAU"}

package/dist/DataTable/hooks.js

@@ -1,22 +1,27 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useContext } from 'react';
 import DataTableContext from './DataTableContext';
 import { clearSelectionAction } from './selection/data/actions';
-export const useRows = () => {
-  const {
-    getTableProps,
-    prepareRow,
-    page,
-    rows,
-    headerGroups,
-    getTableBodyProps
-  } = useContext(DataTableContext);
-  const displayRows = page || rows;
+export var useRows = function useRows() {
+  var _useContext = useContext(DataTableContext),
+    getTableProps = _useContext.getTableProps,
+    prepareRow = _useContext.prepareRow,
+    page = _useContext.page,
+    rows = _useContext.rows,
+    headerGroups = _useContext.headerGroups,
+    getTableBodyProps = _useContext.getTableBodyProps;
+  var displayRows = page || rows;
   return {
-    getTableProps,
-    prepareRow,
-    displayRows,
-    headerGroups,
-    getTableBodyProps
+    getTableProps: getTableProps,
+    prepareRow: prepareRow,
+    displayRows: displayRows,
+    headerGroups: headerGroups,
+    getTableBodyProps: getTableBodyProps
   };
 };
 
@@ -26,15 +31,14 @@ export const useRows = () => {
  * @param {Array} controlledTableSelections Selection Object and dispatch function
  * @returns
  */
-export const useSelectionActions = (_ref, controlledTableSelections) => {
-  let {
-    toggleAllRowsSelected
-  } = _ref;
-  const [{
-    selectedRows,
-    isEntireTableSelected
-  }, dispatch] = controlledTableSelections;
-  const clearSelection = () => {
+export var useSelectionActions = function useSelectionActions(_ref, controlledTableSelections) {
+  var toggleAllRowsSelected = _ref.toggleAllRowsSelected;
+  var _controlledTableSelec = _slicedToArray(controlledTableSelections, 2),
+    _controlledTableSelec2 = _controlledTableSelec[0],
+    selectedRows = _controlledTableSelec2.selectedRows,
+    isEntireTableSelected = _controlledTableSelec2.isEntireTableSelected,
+    dispatch = _controlledTableSelec[1];
+  var clearSelection = function clearSelection() {
     // if using controlled selection component DataTable.ControlledSelectionStatus
     if (selectedRows.length > 0 || isEntireTableSelected) {
       dispatch(clearSelectionAction());
@@ -43,7 +47,7 @@ export const useSelectionActions = (_ref, controlledTableSelections) => {
     }
   };
   return {
-    clearSelection
+    clearSelection: clearSelection
   };
 };
 //# sourceMappingURL=hooks.js.map

package/dist/DataTable/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","names":["useContext","DataTableContext","clearSelectionAction","useRows","getTableProps","prepareRow","page","rows","headerGroups","getTableBodyProps","displayRows","useSelectionActions","_ref","controlledTableSelections","toggleAllRowsSelected","selectedRows","isEntireTableSelected","dispatch","clearSelection","length"],"sources":["../../src/DataTable/hooks.jsx"],"sourcesContent":["import { useContext } from 'react';\nimport DataTableContext from './DataTableContext';\nimport { clearSelectionAction } from './selection/data/actions';\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"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,oBAAoB,QAAQ,0BAA0B;AAE/D,OAAO,MAAMC,OAAO,GAAGA,CAAA,KAAM;EAC3B,MAAM;IACJC,aAAa;IAAEC,UAAU;IAAEC,IAAI;IAAEC,IAAI;IAAEC,YAAY;IAAEC;EACvD,CAAC,GAAGT,UAAU,CAACC,gBAAgB,CAAC;EAEhC,MAAMS,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,CAAAC,IAAA,EAEjCC,yBAAyB,KACtB;EAAA,IAFH;IAAEC;EAAsB,CAAC,GAAAF,IAAA;EAGzB,MAAM,CAAC;IAAEG,YAAY;IAAEC;EAAsB,CAAC,EAAEC,QAAQ,CAAC,GAAGJ,yBAAyB;EAErF,MAAMK,cAAc,GAAGA,CAAA,KAAM;IAC3B;IACA,IAAIH,YAAY,CAACI,MAAM,GAAG,CAAC,IAAIH,qBAAqB,EAAE;MACpDC,QAAQ,CAACf,oBAAoB,CAAC,CAAC,CAAC;IAClC,CAAC,MAAM;MACLY,qBAAqB,CAAC,KAAK,CAAC;IAC9B;EACF,CAAC;EAED,OAAO;IACLI;EACF,CAAC;AACH,CAAC"}
+{"version":3,"file":"hooks.js","names":["useContext","DataTableContext","clearSelectionAction","useRows","_useContext","getTableProps","prepareRow","page","rows","headerGroups","getTableBodyProps","displayRows","useSelectionActions","_ref","controlledTableSelections","toggleAllRowsSelected","_controlledTableSelec","_slicedToArray","_controlledTableSelec2","selectedRows","isEntireTableSelected","dispatch","clearSelection","length"],"sources":["../../src/DataTable/hooks.jsx"],"sourcesContent":["import { useContext } from 'react';\nimport DataTableContext from './DataTableContext';\nimport { clearSelectionAction } from './selection/data/actions';\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"],"mappings":";;;;;;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,oBAAoB,QAAQ,0BAA0B;AAE/D,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,IAAAC,WAAA,GAEIJ,UAAU,CAACC,gBAAgB,CAAC;IAD9BI,aAAa,GAAAD,WAAA,CAAbC,aAAa;IAAEC,UAAU,GAAAF,WAAA,CAAVE,UAAU;IAAEC,IAAI,GAAAH,WAAA,CAAJG,IAAI;IAAEC,IAAI,GAAAJ,WAAA,CAAJI,IAAI;IAAEC,YAAY,GAAAL,WAAA,CAAZK,YAAY;IAAEC,iBAAiB,GAAAN,WAAA,CAAjBM,iBAAiB;EAGxE,IAAMC,WAAW,GAAGJ,IAAI,IAAIC,IAAI;EAEhC,OAAO;IACLH,aAAa,EAAbA,aAAa;IAAEC,UAAU,EAAVA,UAAU;IAAEK,WAAW,EAAXA,WAAW;IAAEF,YAAY,EAAZA,YAAY;IAAEC,iBAAiB,EAAjBA;EACxD,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAME,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAE9BC,yBAAyB,EACtB;EAAA,IAFDC,qBAAqB,GAAAF,IAAA,CAArBE,qBAAqB;EAGvB,IAAAC,qBAAA,GAAAC,cAAA,CAA4DH,yBAAyB;IAAAI,sBAAA,GAAAF,qBAAA;IAA5EG,YAAY,GAAAD,sBAAA,CAAZC,YAAY;IAAEC,qBAAqB,GAAAF,sBAAA,CAArBE,qBAAqB;IAAIC,QAAQ,GAAAL,qBAAA;EAExD,IAAMM,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;IAC3B;IACA,IAAIH,YAAY,CAACI,MAAM,GAAG,CAAC,IAAIH,qBAAqB,EAAE;MACpDC,QAAQ,CAACnB,oBAAoB,CAAC,CAAC,CAAC;IAClC,CAAC,MAAM;MACLa,qBAAqB,CAAC,KAAK,CAAC;IAC9B;EACF,CAAC;EAED,OAAO;IACLO,cAAc,EAAdA;EACF,CAAC;AACH,CAAC"}