@openedx/paragon 23.2.0 → 23.3.1

package/dist/DataTable/filters/DropdownFilter.js

@@ -2,16 +2,19 @@ import React, { useRef } from 'react';
 import PropTypes from 'prop-types';
 import Form from '../../Form';
 import { newId } from '../../utils';
-var DEFAULT_VALUE = '';
+const DEFAULT_VALUE = '';
 function DropdownFilter(_ref) {
-  var _ref$column = _ref.column,
-    setFilter = _ref$column.setFilter,
-    Header = _ref$column.Header,
-    filterChoices = _ref$column.filterChoices,
-    getHeaderProps = _ref$column.getHeaderProps;
+  let {
+    column: {
+      setFilter,
+      Header,
+      filterChoices,
+      getHeaderProps
+    }
+  } = _ref;
   // creates a unique label that does not change on re-render in case there are multiple checkbox filters in the dom
-  var ariaLabel = useRef(newId("dropdown-filter-label-".concat(getHeaderProps().key, "-")));
-  var onChange = function onChange(e) {
+  const ariaLabel = useRef(newId(`dropdown-filter-label-${getHeaderProps().key}-`));
+  const onChange = e => {
     if (e.target.value === DEFAULT_VALUE) {
       // setting undefined resets the filter
       return setFilter(undefined);
@@ -23,19 +26,21 @@ 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(function (_ref2) {
-    var name = _ref2.name,
-      number = _ref2.number,
-      value = _ref2.value;
+  }, Header), filterChoices.map(_ref2 => {
+    let {
+      name,
+      number,
+      value
+    } = _ref2;
     return /*#__PURE__*/React.createElement("option", {
       key: value,
       value: value
-    }, name, " ", number && "(".concat(number, ")"));
+    }, name, " ", number && `(${number})`);
   })));
 }
 DropdownFilter.propTypes = {

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

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

package/dist/DataTable/filters/MultiSelectDropdownFilter.js

@@ -6,20 +6,21 @@ import { DropdownButton } from '../../Dropdown';
 import { newId } from '../../utils';
 import Form from '../../Form';
 function MultiSelectDropdownFilter(_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;
+  let {
+    column: {
+      setFilter,
+      Header,
+      filterChoices,
+      getHeaderProps,
+      filterValue
+    }
+  } = _ref;
   // creates a unique label that does not change on re-render in case there are multiple checkbox filters in the dom
-  var ariaLabel = useRef(newId("multi-dropdown-filter-label-".concat(getHeaderProps().key, "-")));
-  var checkedBoxes = filterValue || [];
-  var changeCheckbox = function changeCheckbox(value) {
+  const ariaLabel = useRef(newId(`multi-dropdown-filter-label-${getHeaderProps().key}-`));
+  const checkedBoxes = filterValue || [];
+  const changeCheckbox = value => {
     if (checkedBoxes.includes(value)) {
-      var newCheckedBoxes = checkedBoxes.filter(function (val) {
-        return val !== value;
-      });
+      const newCheckedBoxes = checkedBoxes.filter(val => val !== value);
       return setFilter(newCheckedBoxes);
     }
     checkedBoxes.push(value);
@@ -33,17 +34,17 @@ function MultiSelectDropdownFilter(_ref) {
     className: "pgn__dropdown-filter-checkbox-group",
     name: Header,
     "aria-label": Header
-  }, filterChoices.map(function (_ref2) {
-    var name = _ref2.name,
-      number = _ref2.number,
-      value = _ref2.value;
+  }, filterChoices.map(_ref2 => {
+    let {
+      name,
+      number,
+      value
+    } = _ref2;
     return /*#__PURE__*/React.createElement(Form.Checkbox, {
       key: name,
       value: name,
       checked: checkedBoxes.includes(value),
-      onChange: function onChange() {
-        return changeCheckbox(value);
-      },
+      onChange: () => 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","_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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","ignoreList":[]}
+{"version":3,"file":"MultiSelectDropdownFilter.js","names":["React","useRef","PropTypes","Badge","Stack","DropdownButton","newId","Form","MultiSelectDropdownFilter","_ref","column","setFilter","Header","filterChoices","getHeaderProps","filterValue","ariaLabel","key","checkedBoxes","changeCheckbox","value","includes","newCheckedBoxes","filter","val","push","createElement","variant","id","current","title","CheckboxSet","className","name","map","_ref2","number","Checkbox","checked","onChange","direction","gap","propTypes","shape","func","isRequired","oneOfType","elementType","node","arrayOf","string"],"sources":["../../../src/DataTable/filters/MultiSelectDropdownFilter.jsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport Badge from '../../Badge';\nimport Stack from '../../Stack';\nimport { DropdownButton } from '../../Dropdown';\nimport { newId } from '../../utils';\nimport Form from '../../Form';\n\nfunction MultiSelectDropdownFilter({\n  column: {\n    setFilter, Header, filterChoices, getHeaderProps, filterValue,\n  },\n}) {\n  // creates a unique label that does not change on re-render in case there are multiple checkbox filters in the dom\n  const ariaLabel = useRef(newId(`multi-dropdown-filter-label-${getHeaderProps().key}-`));\n  const checkedBoxes = filterValue || [];\n  const changeCheckbox = (value) => {\n    if (checkedBoxes.includes(value)) {\n      const newCheckedBoxes = checkedBoxes.filter((val) => val !== value);\n      return setFilter(newCheckedBoxes);\n    }\n    checkedBoxes.push(value);\n    return setFilter(checkedBoxes);\n  };\n\n  return (\n    <DropdownButton variant=\"outline-primary\" id={ariaLabel.current} title={Header}>\n      <Form.CheckboxSet\n        className=\"pgn__dropdown-filter-checkbox-group\"\n        name={Header}\n        aria-label={Header}\n      >\n        {filterChoices.map(({ name, number, value }) => (\n          <Form.Checkbox\n            key={name}\n            value={name}\n            checked={checkedBoxes.includes(value)}\n            onChange={() => changeCheckbox(value)}\n            aria-label={name}\n          >\n            <Stack direction=\"horizontal\" gap={2}>\n              {name} {number && <Badge variant=\"light\">{number}</Badge>}\n            </Stack>\n          </Form.Checkbox>\n        ))}\n      </Form.CheckboxSet>\n    </DropdownButton>\n  );\n}\n\nMultiSelectDropdownFilter.propTypes = {\n  /**\n   * Specifies a column object.\n   *\n   * `setFilter`: Function to set the filter value.\n   *\n   * `Header`: Column header used for labels and placeholders.\n   *\n   * `filterChoices`: Specifies array of choices.\n   *\n   * `getHeaderProps`: Generates a key unique to the column being filtered.\n   *\n   * `filterValue`: Value for the filter input.\n   */\n  column: PropTypes.shape({\n    /** Function to set the filter value */\n    setFilter: PropTypes.func.isRequired,\n    /** Column header used for labels and placeholders */\n    Header: PropTypes.oneOfType([PropTypes.elementType, PropTypes.node]).isRequired,\n    /** Names and values for the select options */\n    filterChoices: PropTypes.arrayOf(PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      number: PropTypes.number,\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n    })).isRequired,\n    /** Generates a key unique to the column being filtered */\n    getHeaderProps: PropTypes.func.isRequired,\n    filterValue: PropTypes.arrayOf(PropTypes.string),\n  }).isRequired,\n};\n\nexport default MultiSelectDropdownFilter;\n"],"mappings":"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","ignoreList":[]}

package/dist/DataTable/filters/TextFilter.js

@@ -2,7 +2,7 @@ import React, { useRef } from 'react';
 import PropTypes from 'prop-types';
 import Form from '../../Form';
 import { newId } from '../../utils';
-var formatHeaderForLabel = function formatHeaderForLabel(header) {
+const formatHeaderForLabel = header => {
   if (typeof header === 'function') {
     return header();
   }
@@ -12,14 +12,17 @@ var formatHeaderForLabel = function formatHeaderForLabel(header) {
   return header;
 };
 function TextFilter(_ref) {
-  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);
+  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, {
     controlId: ariaLabel.current
   }, /*#__PURE__*/React.createElement(Form.Label, {
@@ -27,7 +30,7 @@ function TextFilter(_ref) {
   }, inputText), /*#__PURE__*/React.createElement(Form.Control, {
     value: filterValue || '',
     type: "text",
-    onChange: function onChange(e) {
+    onChange: e => {
       setFilter(e.target.value || undefined); // Set undefined to remove the filter entirely
     },
     placeholder: inputText

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

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

package/dist/DataTable/hooks.js

@@ -1,27 +1,22 @@
-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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useContext } from 'react';
 import DataTableContext from './DataTableContext';
 import { clearSelectionAction } from './selection/data/actions';
-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;
+export const useRows = () => {
+  const {
+    getTableProps,
+    prepareRow,
+    page,
+    rows,
+    headerGroups,
+    getTableBodyProps
+  } = useContext(DataTableContext);
+  const displayRows = page || rows;
   return {
-    getTableProps: getTableProps,
-    prepareRow: prepareRow,
-    displayRows: displayRows,
-    headerGroups: headerGroups,
-    getTableBodyProps: getTableBodyProps
+    getTableProps,
+    prepareRow,
+    displayRows,
+    headerGroups,
+    getTableBodyProps
   };
 };
 
@@ -31,14 +26,15 @@ export var useRows = function useRows() {
  * @param {Array} controlledTableSelections Selection Object and dispatch function
  * @returns
  */
-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() {
+export const useSelectionActions = (_ref, controlledTableSelections) => {
+  let {
+    toggleAllRowsSelected
+  } = _ref;
+  const [{
+    selectedRows,
+    isEntireTableSelected
+  }, dispatch] = controlledTableSelections;
+  const clearSelection = () => {
     // if using controlled selection component DataTable.ControlledSelectionStatus
     if (selectedRows.length > 0 || isEntireTableSelected) {
       dispatch(clearSelectionAction());
@@ -47,7 +43,7 @@ export var useSelectionActions = function useSelectionActions(_ref, controlledTa
     }
   };
   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","_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","ignoreList":[]}
+{"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","ignoreList":[]}