@openedx/paragon 21.7.0 → 21.7.2

package/README.md

@@ -15,6 +15,14 @@ Documentation lives at https://paragon-openedx.netlify.app/.
 
 ## Getting Started
 
+### Getting Help
+
+Please reach out to the Paragon Working Group (PWG):
+
+* Open edX Slack ([request an invite](https://openedx.org/slack)): [#wg-paragon](https://openedx.slack.com/archives/C02NR285KV4)
+* [Github Issues](https://github.com/openedx/paragon/issues/new?template=blank-issue.md)
+* [Weekly PWG Meeting](https://calendar.google.com/calendar/embed?src=c_v86shrnegshsqgp4fj2k94u7bc%40group.calendar.google.com&ctz=America%2FNew_York)
+
 ### React Components
 
 Paragon components require React 16 or higher. To install Paragon into your project:
@@ -65,14 +73,6 @@ The Paragon CLI (Command Line Interface) is a tool that provides various utility
 
 Use `paragon help` to see more information.
 
-## Getting Help
-
-Please reach out to the Paragon Working Group (PWG):
-
-* Open edX Slack ([request an invite](https://openedx.org/slack)): [#wg-paragon](https://openedx.slack.com/archives/C02NR285KV4)
-* [Github Issues](https://github.com/openedx/paragon/issues/new?template=blank-issue.md)
-* [Weekly PWG Meeting](https://calendar.google.com/calendar/embed?src=c_v86shrnegshsqgp4fj2k94u7bc%40group.calendar.google.com&ctz=America%2FNew_York)
-
 ## Internationalization
 
 Paragon supports internationalization for its components out of the box with the support of [react-intl](https://formatjs.io/docs/react-intl/). You may view translated strings for each component on the documentation website by switching languages in the settings.

package/dist/Card/_variables.scss

@@ -29,7 +29,6 @@ $card-columns-gap:                   1.25rem !default;
 $card-columns-margin:                $card-spacer-y !default;
 
 $card-divider-bg:                    $light-400 !default;
-$card-divider-margin-y:              $card-spacer-y !default;
 
 $card-footer-actions-gap:            .5rem !default;
 

package/dist/DataTable/ExpandRow.js

@@ -1,7 +1,3 @@
-const _excluded = ["row"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
 import PropTypes from 'prop-types';
 import { ExpandLess, ExpandMore } from '../../icons';
@@ -10,10 +6,9 @@ import IconButton from '../IconButton';
 const EXPAND_COLLAPSE_ICON_SIZE = 'inline';
 function ExpandRow(_ref) {
   let {
-      row
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("span", _extends({}, row.getToggleRowExpandedProps(), rest), row.isExpanded ? /*#__PURE__*/React.createElement(IconButton, {
+    row
+  } = _ref;
+  return /*#__PURE__*/React.createElement("span", row.getToggleRowExpandedProps(), row.isExpanded ? /*#__PURE__*/React.createElement(IconButton, {
     src: ExpandLess,
     iconAs: Icon,
     alt: "Collapse row",

package/dist/DataTable/ExpandRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandRow.js","names":["React","PropTypes","ExpandLess","ExpandMore","Icon","IconButton","EXPAND_COLLAPSE_ICON_SIZE","ExpandRow","_ref","row","rest","_objectWithoutProperties","_excluded","createElement","_extends","getToggleRowExpandedProps","isExpanded","src","iconAs","alt","size","propTypes","shape","bool","func","isRequired"],"sources":["../../src/DataTable/ExpandRow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ExpandLess, ExpandMore } from '../../icons';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\n\nconst EXPAND_COLLAPSE_ICON_SIZE = 'inline';\n\nfunction ExpandRow({ row, ...rest }) {\n  return (\n    <span {...row.getToggleRowExpandedProps()} {...rest}>\n      {row.isExpanded\n        ? <IconButton src={ExpandLess} iconAs={Icon} alt=\"Collapse row\" size={EXPAND_COLLAPSE_ICON_SIZE} />\n        : <IconButton src={ExpandMore} iconAs={Icon} alt=\"Expand row\" size={EXPAND_COLLAPSE_ICON_SIZE} />}\n    </span>\n  );\n}\n\nExpandRow.propTypes = {\n  /** Row data that is received from `react-table` API. */\n  row: PropTypes.shape({\n    /** Specifies if row is in expanded state. */\n    isExpanded: PropTypes.bool,\n    /** Function that returns props for the wrapper component to handle expand behaviour. */\n    getToggleRowExpandedProps: PropTypes.func.isRequired,\n  }).isRequired,\n};\n\nexport default ExpandRow;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,EAAEC,UAAU,QAAQ,aAAa;AACpD,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AAEtC,MAAMC,yBAAyB,GAAG,QAAQ;AAE1C,SAASC,SAASA,CAAAC,IAAA,EAAmB;EAAA,IAAlB;MAAEC;IAAa,CAAC,GAAAD,IAAA;IAANE,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAC/B,oBACEZ,KAAA,CAAAa,aAAA,SAAAC,QAAA,KAAUL,GAAG,CAACM,yBAAyB,CAAC,CAAC,EAAML,IAAI,GAChDD,GAAG,CAACO,UAAU,gBACXhB,KAAA,CAAAa,aAAA,CAACR,UAAU;IAACY,GAAG,EAAEf,UAAW;IAACgB,MAAM,EAAEd,IAAK;IAACe,GAAG,EAAC,cAAc;IAACC,IAAI,EAAEd;EAA0B,CAAE,CAAC,gBACjGN,KAAA,CAAAa,aAAA,CAACR,UAAU;IAACY,GAAG,EAAEd,UAAW;IAACe,MAAM,EAAEd,IAAK;IAACe,GAAG,EAAC,YAAY;IAACC,IAAI,EAAEd;EAA0B,CAAE,CAC9F,CAAC;AAEX;AAEAC,SAAS,CAACc,SAAS,GAAG;EACpB;EACAZ,GAAG,EAAER,SAAS,CAACqB,KAAK,CAAC;IACnB;IACAN,UAAU,EAAEf,SAAS,CAACsB,IAAI;IAC1B;IACAR,yBAAyB,EAAEd,SAAS,CAACuB,IAAI,CAACC;EAC5C,CAAC,CAAC,CAACA;AACL,CAAC;AAED,eAAelB,SAAS"}
+{"version":3,"file":"ExpandRow.js","names":["React","PropTypes","ExpandLess","ExpandMore","Icon","IconButton","EXPAND_COLLAPSE_ICON_SIZE","ExpandRow","_ref","row","createElement","getToggleRowExpandedProps","isExpanded","src","iconAs","alt","size","propTypes","shape","bool","func","isRequired"],"sources":["../../src/DataTable/ExpandRow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ExpandLess, ExpandMore } from '../../icons';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\n\nconst EXPAND_COLLAPSE_ICON_SIZE = 'inline';\n\nfunction ExpandRow({ row }) {\n  return (\n    <span {...row.getToggleRowExpandedProps()}>\n      {row.isExpanded\n        ? <IconButton src={ExpandLess} iconAs={Icon} alt=\"Collapse row\" size={EXPAND_COLLAPSE_ICON_SIZE} />\n        : <IconButton src={ExpandMore} iconAs={Icon} alt=\"Expand row\" size={EXPAND_COLLAPSE_ICON_SIZE} />}\n    </span>\n  );\n}\n\nExpandRow.propTypes = {\n  /** Row data that is received from `react-table` API. */\n  row: PropTypes.shape({\n    /** Specifies if row is in expanded state. */\n    isExpanded: PropTypes.bool,\n    /** Function that returns props for the wrapper component to handle expand behaviour. */\n    getToggleRowExpandedProps: PropTypes.func.isRequired,\n  }).isRequired,\n};\n\nexport default ExpandRow;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,EAAEC,UAAU,QAAQ,aAAa;AACpD,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AAEtC,MAAMC,yBAAyB,GAAG,QAAQ;AAE1C,SAASC,SAASA,CAAAC,IAAA,EAAU;EAAA,IAAT;IAAEC;EAAI,CAAC,GAAAD,IAAA;EACxB,oBACER,KAAA,CAAAU,aAAA,SAAUD,GAAG,CAACE,yBAAyB,CAAC,CAAC,EACtCF,GAAG,CAACG,UAAU,gBACXZ,KAAA,CAAAU,aAAA,CAACL,UAAU;IAACQ,GAAG,EAAEX,UAAW;IAACY,MAAM,EAAEV,IAAK;IAACW,GAAG,EAAC,cAAc;IAACC,IAAI,EAAEV;EAA0B,CAAE,CAAC,gBACjGN,KAAA,CAAAU,aAAA,CAACL,UAAU;IAACQ,GAAG,EAAEV,UAAW;IAACW,MAAM,EAAEV,IAAK;IAACW,GAAG,EAAC,YAAY;IAACC,IAAI,EAAEV;EAA0B,CAAE,CAC9F,CAAC;AAEX;AAEAC,SAAS,CAACU,SAAS,GAAG;EACpB;EACAR,GAAG,EAAER,SAAS,CAACiB,KAAK,CAAC;IACnB;IACAN,UAAU,EAAEX,SAAS,CAACkB,IAAI;IAC1B;IACAR,yBAAyB,EAAEV,SAAS,CAACmB,IAAI,CAACC;EAC5C,CAAC,CAAC,CAACA;AACL,CAAC;AAED,eAAed,SAAS"}

package/dist/DataTable/selection/ControlledSelect.js

@@ -1,7 +1,4 @@
-const _excluded = ["row"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useContext, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { CheckboxControl } from '../../Form';
@@ -10,9 +7,8 @@ import useConvertIndeterminateProp from '../utils/useConvertIndeterminateProp';
 import { deleteSelectedRowAction, addSelectedRowAction } from './data/actions';
 function ControlledSelect(_ref) {
   let {
-      row
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+    row
+  } = _ref;
   const {
     itemCount,
     controlledTableSelections: [, dispatch]
@@ -29,7 +25,7 @@ function ControlledSelect(_ref) {
     className: "pgn__data-table__controlled-select"
   }, /*#__PURE__*/React.createElement(CheckboxControl, _extends({}, updatedProps, {
     onChange: toggleSelected
-  }, rest)));
+  })));
 }
 ControlledSelect.propTypes = {
   row: PropTypes.shape({

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","rest","_objectWithoutProperties","_excluded","itemCount","controlledTableSelections","dispatch","toggleSelected","isSelected","id","updatedProps","getToggleRowSelectedProps","createElement","className","_extends","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, ...rest }) {\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        {...rest}\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,EAAmB;EAAA,IAAlB;MAAEC;IAAa,CAAC,GAAAD,IAAA;IAANE,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACtC,MAAM;IACJC,SAAS;IACTC,yBAAyB,EAAE,GAAGC,QAAQ;EACxC,CAAC,GAAGhB,UAAU,CAACI,gBAAgB,CAAC;EAEhC,MAAMa,cAAc,GAAGhB,WAAW,CAChC,MAAM;IACJ,IAAIS,GAAG,CAACQ,UAAU,EAAE;MAClBF,QAAQ,CAACV,uBAAuB,CAACI,GAAG,CAACS,EAAE,CAAC,CAAC;IAC3C,CAAC,MAAM;MACLH,QAAQ,CAACT,oBAAoB,CAACG,GAAG,EAAEI,SAAS,CAAC,CAAC;IAChD;EACF,CAAC,EACD,CAACA,SAAS,EAAEJ,GAAG,EAAEM,QAAQ,CAC3B,CAAC;EAED,MAAMI,YAAY,GAAGf,2BAA2B,CAACK,GAAG,CAACW,yBAAyB,CAAC,CAAC,CAAC;EAEjF,oBACEtB,KAAA,CAAAuB,aAAA;IAAKC,SAAS,EAAC;EAAoC,gBACjDxB,KAAA,CAAAuB,aAAA,CAACnB,eAAe,EAAAqB,QAAA,KACVJ,YAAY;IAChBK,QAAQ,EAAER;EAAe,GACrBN,IAAI,CACT,CACE,CAAC;AAEV;AAEAH,gBAAgB,CAACkB,SAAS,GAAG;EAC3BhB,GAAG,EAAER,SAAS,CAACyB,KAAK,CAAC;IACnBR,EAAE,EAAEjB,SAAS,CAAC0B,SAAS,CAAC,CAAC1B,SAAS,CAAC2B,MAAM,EAAE3B,SAAS,CAAC4B,MAAM,CAAC,CAAC,CAACC,UAAU;IACxEV,yBAAyB,EAAEnB,SAAS,CAAC8B,IAAI,CAACD,UAAU;IACpDb,UAAU,EAAEhB,SAAS,CAAC+B,IAAI,CAACF;EAC7B,CAAC,CAAC,CAACA;AACL,CAAC;AAED,eAAevB,gBAAgB"}
+{"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","_extends","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,EAAAkB,QAAA,KACVJ,YAAY;IAChBK,QAAQ,EAAER;EAAe,EAC1B,CACE,CAAC;AAEV;AAEAN,gBAAgB,CAACe,SAAS,GAAG;EAC3Bb,GAAG,EAAER,SAAS,CAACsB,KAAK,CAAC;IACnBR,EAAE,EAAEd,SAAS,CAACuB,SAAS,CAAC,CAACvB,SAAS,CAACwB,MAAM,EAAExB,SAAS,CAACyB,MAAM,CAAC,CAAC,CAACC,UAAU;IACxEV,yBAAyB,EAAEhB,SAAS,CAAC2B,IAAI,CAACD,UAAU;IACpDb,UAAU,EAAEb,SAAS,CAAC4B,IAAI,CAACF;EAC7B,CAAC,CAAC,CAACA;AACL,CAAC;AAED,eAAepB,gBAAgB"}

package/dist/DataTable/selection/ControlledSelectHeader.js

@@ -1,7 +1,4 @@
-const _excluded = ["rows"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useContext, useMemo, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { CheckboxControl } from '../../Form';
@@ -9,9 +6,8 @@ import DataTableContext from '../DataTableContext';
 import { clearPageSelectionAction, setSelectedRowsAction } from './data/actions';
 function ControlledSelectHeader(_ref) {
   let {
-      rows
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+    rows
+  } = _ref;
   const {
     itemCount,
     controlledTableSelections: [, dispatch],
@@ -37,7 +33,7 @@ function ControlledSelectHeader(_ref) {
     className: "pgn__data-table__controlled-select"
   }, /*#__PURE__*/React.createElement(CheckboxControl, _extends({}, toggleAllPageRowsSelectedProps, {
     onChange: toggleAllPageRowsSelected
-  }, rest)));
+  })));
 }
 ControlledSelectHeader.propTypes = {
   rows: PropTypes.arrayOf(PropTypes.shape({

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","rest","_objectWithoutProperties","_excluded","itemCount","controlledTableSelections","dispatch","getToggleAllPageRowsSelectedProps","state","selectedRowIds","isAllPageRowsSelected","selectedPageRowIds","Object","keys","toggleAllPageRowsSelected","toggleAllPageRowsSelectedProps","isIndeterminate","indeterminate","createElement","className","_extends","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, ...rest }) {\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        {...rest}\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,EAAoB;EAAA,IAAnB;MAAEC;IAAc,CAAC,GAAAD,IAAA;IAANE,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAC7C,MAAM;IACJC,SAAS;IACTC,yBAAyB,EAAE,GAAGC,QAAQ,CAAC;IACvCC,iCAAiC;IACjCC,KAAK,EAAE;MAAEC;IAAe,CAAC;IACzBC;EACF,CAAC,GAAGpB,UAAU,CAACK,gBAAgB,CAAC;EAEhC,MAAMgB,kBAAkB,GAAGpB,OAAO,CAChC,MAAMqB,MAAM,CAACC,IAAI,CAACJ,cAAc,CAAC,EACjC,CAACA,cAAc,CACjB,CAAC;EAED,MAAMK,yBAAyB,GAAGtB,WAAW,CAC3C,MAAM;IACJ,IAAIkB,qBAAqB,EAAE;MACzBJ,QAAQ,CAACV,wBAAwB,CAACe,kBAAkB,CAAC,CAAC;IACxD,CAAC,MAAM;MACLL,QAAQ,CAACT,qBAAqB,CAACG,IAAI,EAAEI,SAAS,CAAC,CAAC;IAClD;EACF,CAAC,EACD,CAACJ,IAAI,EAAEW,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,oBACE5B,KAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAC;EAAoC,gBACjD9B,KAAA,CAAA6B,aAAA,CAACxB,eAAe,EAAA0B,QAAA,KACVL,8BAA8B;IAClCM,QAAQ,EAAEP;EAA0B,GAChCb,IAAI,CACT,CACE,CAAC;AAEV;AAEAH,sBAAsB,CAACwB,SAAS,GAAG;EACjCtB,IAAI,EAAEP,SAAS,CAAC8B,OAAO,CAAC9B,SAAS,CAAC+B,KAAK,CAAC;IACtCC,EAAE,EAAEhC,SAAS,CAACiC,SAAS,CAAC,CAACjC,SAAS,CAACkC,MAAM,EAAElC,SAAS,CAACmC,MAAM,CAAC,CAAC,CAACC;EAChE,CAAC,CAAC,CAAC,CAACA;AACN,CAAC;AAED,eAAe/B,sBAAsB"}
+{"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","_extends","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,EAAAuB,QAAA,KACVL,8BAA8B;IAClCM,QAAQ,EAAEP;EAA0B,EACrC,CACE,CAAC;AAEV;AAEAb,sBAAsB,CAACqB,SAAS,GAAG;EACjCnB,IAAI,EAAEP,SAAS,CAAC2B,OAAO,CAAC3B,SAAS,CAAC4B,KAAK,CAAC;IACtCC,EAAE,EAAE7B,SAAS,CAAC8B,SAAS,CAAC,CAAC9B,SAAS,CAAC+B,MAAM,EAAE/B,SAAS,CAACgC,MAAM,CAAC,CAAC,CAACC;EAChE,CAAC,CAAC,CAAC,CAACA;AACN,CAAC;AAED,eAAe5B,sBAAsB"}

package/dist/DataTable/selection/ControlledSelectionStatus.js

@@ -1,11 +1,3 @@
-const _excluded = ["className", "clearSelectionText"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useContext, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import DataTableContext from '../DataTableContext';
@@ -14,10 +6,9 @@ import { clearSelectionAction, setSelectAllRowsAllPagesAction, setSelectedRowsAc
 import { getUnselectedPageRows, getRowIds } from './data/helpers';
 function ControlledSelectionStatus(_ref) {
   let {
-      className,
-      clearSelectionText
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+    className,
+    clearSelectionText
+  } = _ref;
   const {
     itemCount,
     page,
@@ -37,14 +28,14 @@ function ControlledSelectionStatus(_ref) {
   }, [isEntireTableSelected, selectedRows, itemCount, page, dispatch]);
   const numSelectedRows = isEntireTableSelected ? itemCount : selectedRows.length;
   const numSelectedRowsOnPage = (page || []).filter(r => r.isSelected).length;
-  const selectionStatusProps = _objectSpread({
+  const selectionStatusProps = {
     className,
     numSelectedRows,
     numSelectedRowsOnPage,
     clearSelectionText,
     onSelectAll: () => dispatch(setSelectAllRowsAllPagesAction()),
     onClear: () => dispatch(clearSelectionAction())
-  }, rest);
+  };
   return /*#__PURE__*/React.createElement(BaseSelectionStatus, selectionStatusProps);
 }
 ControlledSelectionStatus.defaultProps = {

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

@@ -1 +1 @@
-{"version":3,"file":"ControlledSelectionStatus.js","names":["React","useContext","useEffect","PropTypes","DataTableContext","BaseSelectionStatus","clearSelectionAction","setSelectAllRowsAllPagesAction","setSelectedRowsAction","getUnselectedPageRows","getRowIds","ControlledSelectionStatus","_ref","className","clearSelectionText","rest","_objectWithoutProperties","_excluded","itemCount","page","controlledTableSelections","selectedRows","isEntireTableSelected","dispatch","selectedRowIds","unselectedPageRows","length","numSelectedRows","numSelectedRowsOnPage","filter","r","isSelected","selectionStatusProps","_objectSpread","onSelectAll","onClear","createElement","defaultProps","undefined","propTypes","string","oneOfType","element"],"sources":["../../../src/DataTable/selection/ControlledSelectionStatus.jsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport DataTableContext from '../DataTableContext';\nimport BaseSelectionStatus from './BaseSelectionStatus';\n\nimport {\n  clearSelectionAction,\n  setSelectAllRowsAllPagesAction,\n  setSelectedRowsAction,\n} from './data/actions';\nimport {\n  getUnselectedPageRows,\n  getRowIds,\n} from './data/helpers';\n\nfunction ControlledSelectionStatus({ className, clearSelectionText, ...rest }) {\n  const {\n    itemCount,\n    page,\n    controlledTableSelections: [{ selectedRows, isEntireTableSelected }, dispatch],\n  } = useContext(DataTableContext);\n\n  useEffect(\n    () => {\n      if (isEntireTableSelected) {\n        const selectedRowIds = getRowIds(selectedRows);\n        const unselectedPageRows = getUnselectedPageRows(selectedRowIds, page);\n        if (unselectedPageRows.length) {\n          dispatch(setSelectedRowsAction(unselectedPageRows, itemCount));\n        }\n      }\n    },\n    [isEntireTableSelected, selectedRows, itemCount, page, dispatch],\n  );\n\n  const numSelectedRows = isEntireTableSelected ? 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: () => dispatch(setSelectAllRowsAllPagesAction()),\n    onClear: () => dispatch(clearSelectionAction()),\n    ...rest,\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,EAAEC,SAAS,QAAQ,OAAO;AACpD,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,gBAAgB,MAAM,qBAAqB;AAClD,OAAOC,mBAAmB,MAAM,uBAAuB;AAEvD,SACEC,oBAAoB,EACpBC,8BAA8B,EAC9BC,qBAAqB,QAChB,gBAAgB;AACvB,SACEC,qBAAqB,EACrBC,SAAS,QACJ,gBAAgB;AAEvB,SAASC,yBAAyBA,CAAAC,IAAA,EAA6C;EAAA,IAA5C;MAAEC,SAAS;MAAEC;IAA4B,CAAC,GAAAF,IAAA;IAANG,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACzE,MAAM;IACJC,SAAS;IACTC,IAAI;IACJC,yBAAyB,EAAE,CAAC;MAAEC,YAAY;MAAEC;IAAsB,CAAC,EAAEC,QAAQ;EAC/E,CAAC,GAAGtB,UAAU,CAACG,gBAAgB,CAAC;EAEhCF,SAAS,CACP,MAAM;IACJ,IAAIoB,qBAAqB,EAAE;MACzB,MAAME,cAAc,GAAGd,SAAS,CAACW,YAAY,CAAC;MAC9C,MAAMI,kBAAkB,GAAGhB,qBAAqB,CAACe,cAAc,EAAEL,IAAI,CAAC;MACtE,IAAIM,kBAAkB,CAACC,MAAM,EAAE;QAC7BH,QAAQ,CAACf,qBAAqB,CAACiB,kBAAkB,EAAEP,SAAS,CAAC,CAAC;MAChE;IACF;EACF,CAAC,EACD,CAACI,qBAAqB,EAAED,YAAY,EAAEH,SAAS,EAAEC,IAAI,EAAEI,QAAQ,CACjE,CAAC;EAED,MAAMI,eAAe,GAAGL,qBAAqB,GAAGJ,SAAS,GAAGG,YAAY,CAACK,MAAM;EAC/E,MAAME,qBAAqB,GAAG,CAACT,IAAI,IAAI,EAAE,EAAEU,MAAM,CAACC,CAAC,IAAIA,CAAC,CAACC,UAAU,CAAC,CAACL,MAAM;EAE3E,MAAMM,oBAAoB,GAAAC,aAAA;IACxBpB,SAAS;IACTc,eAAe;IACfC,qBAAqB;IACrBd,kBAAkB;IAClBoB,WAAW,EAAEA,CAAA,KAAMX,QAAQ,CAAChB,8BAA8B,CAAC,CAAC,CAAC;IAC7D4B,OAAO,EAAEA,CAAA,KAAMZ,QAAQ,CAACjB,oBAAoB,CAAC,CAAC;EAAC,GAC5CS,IAAI,CACR;EACD,oBAAOf,KAAA,CAAAoC,aAAA,CAAC/B,mBAAmB,EAAK2B,oBAAuB,CAAC;AAC1D;AAEArB,yBAAyB,CAAC0B,YAAY,GAAG;EACvCxB,SAAS,EAAEyB,SAAS;EACpBxB,kBAAkB,EAAEwB;AACtB,CAAC;AAED3B,yBAAyB,CAAC4B,SAAS,GAAG;EACpC;EACA1B,SAAS,EAAEV,SAAS,CAACqC,MAAM;EAC3B;EACA1B,kBAAkB,EAAEX,SAAS,CAACsC,SAAS,CAAC,CAACtC,SAAS,CAACqC,MAAM,EAAErC,SAAS,CAACuC,OAAO,CAAC;AAC/E,CAAC;AAED,eAAe/B,yBAAyB"}
+{"version":3,"file":"ControlledSelectionStatus.js","names":["React","useContext","useEffect","PropTypes","DataTableContext","BaseSelectionStatus","clearSelectionAction","setSelectAllRowsAllPagesAction","setSelectedRowsAction","getUnselectedPageRows","getRowIds","ControlledSelectionStatus","_ref","className","clearSelectionText","itemCount","page","controlledTableSelections","selectedRows","isEntireTableSelected","dispatch","selectedRowIds","unselectedPageRows","length","numSelectedRows","numSelectedRowsOnPage","filter","r","isSelected","selectionStatusProps","onSelectAll","onClear","createElement","defaultProps","undefined","propTypes","string","oneOfType","element"],"sources":["../../../src/DataTable/selection/ControlledSelectionStatus.jsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport DataTableContext from '../DataTableContext';\nimport BaseSelectionStatus from './BaseSelectionStatus';\n\nimport {\n  clearSelectionAction,\n  setSelectAllRowsAllPagesAction,\n  setSelectedRowsAction,\n} from './data/actions';\nimport {\n  getUnselectedPageRows,\n  getRowIds,\n} from './data/helpers';\n\nfunction ControlledSelectionStatus({ className, clearSelectionText }) {\n  const {\n    itemCount,\n    page,\n    controlledTableSelections: [{ selectedRows, isEntireTableSelected }, dispatch],\n  } = useContext(DataTableContext);\n\n  useEffect(\n    () => {\n      if (isEntireTableSelected) {\n        const selectedRowIds = getRowIds(selectedRows);\n        const unselectedPageRows = getUnselectedPageRows(selectedRowIds, page);\n        if (unselectedPageRows.length) {\n          dispatch(setSelectedRowsAction(unselectedPageRows, itemCount));\n        }\n      }\n    },\n    [isEntireTableSelected, selectedRows, itemCount, page, dispatch],\n  );\n\n  const numSelectedRows = isEntireTableSelected ? 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: () => dispatch(setSelectAllRowsAllPagesAction()),\n    onClear: () => dispatch(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,EAAEC,SAAS,QAAQ,OAAO;AACpD,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,gBAAgB,MAAM,qBAAqB;AAClD,OAAOC,mBAAmB,MAAM,uBAAuB;AAEvD,SACEC,oBAAoB,EACpBC,8BAA8B,EAC9BC,qBAAqB,QAChB,gBAAgB;AACvB,SACEC,qBAAqB,EACrBC,SAAS,QACJ,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,CAAC;MAAEC,YAAY;MAAEC;IAAsB,CAAC,EAAEC,QAAQ;EAC/E,CAAC,GAAGnB,UAAU,CAACG,gBAAgB,CAAC;EAEhCF,SAAS,CACP,MAAM;IACJ,IAAIiB,qBAAqB,EAAE;MACzB,MAAME,cAAc,GAAGX,SAAS,CAACQ,YAAY,CAAC;MAC9C,MAAMI,kBAAkB,GAAGb,qBAAqB,CAACY,cAAc,EAAEL,IAAI,CAAC;MACtE,IAAIM,kBAAkB,CAACC,MAAM,EAAE;QAC7BH,QAAQ,CAACZ,qBAAqB,CAACc,kBAAkB,EAAEP,SAAS,CAAC,CAAC;MAChE;IACF;EACF,CAAC,EACD,CAACI,qBAAqB,EAAED,YAAY,EAAEH,SAAS,EAAEC,IAAI,EAAEI,QAAQ,CACjE,CAAC;EAED,MAAMI,eAAe,GAAGL,qBAAqB,GAAGJ,SAAS,GAAGG,YAAY,CAACK,MAAM;EAC/E,MAAME,qBAAqB,GAAG,CAACT,IAAI,IAAI,EAAE,EAAEU,MAAM,CAACC,CAAC,IAAIA,CAAC,CAACC,UAAU,CAAC,CAACL,MAAM;EAE3E,MAAMM,oBAAoB,GAAG;IAC3BhB,SAAS;IACTW,eAAe;IACfC,qBAAqB;IACrBX,kBAAkB;IAClBgB,WAAW,EAAEA,CAAA,KAAMV,QAAQ,CAACb,8BAA8B,CAAC,CAAC,CAAC;IAC7DwB,OAAO,EAAEA,CAAA,KAAMX,QAAQ,CAACd,oBAAoB,CAAC,CAAC;EAChD,CAAC;EACD,oBAAON,KAAA,CAAAgC,aAAA,CAAC3B,mBAAmB,EAAKwB,oBAAuB,CAAC;AAC1D;AAEAlB,yBAAyB,CAACsB,YAAY,GAAG;EACvCpB,SAAS,EAAEqB,SAAS;EACpBpB,kBAAkB,EAAEoB;AACtB,CAAC;AAEDvB,yBAAyB,CAACwB,SAAS,GAAG;EACpC;EACAtB,SAAS,EAAEV,SAAS,CAACiC,MAAM;EAC3B;EACAtB,kBAAkB,EAAEX,SAAS,CAACkC,SAAS,CAAC,CAAClC,SAAS,CAACiC,MAAM,EAAEjC,SAAS,CAACmC,OAAO,CAAC;AAC/E,CAAC;AAED,eAAe3B,yBAAyB"}

package/dist/Form/_index.scss

@@ -46,6 +46,20 @@ $select-icon-padding: .5625rem !default;
   flex-grow: 1;
   align-items: flex-start;
 
+  textarea {
+    &.form-control {
+      min-height: $input-height;
+    }
+
+    &.form-control-lg {
+      min-height: $input-height-lg;
+    }
+
+    &.form-control-sm {
+      min-height: $input-height-sm;
+    }
+  }
+
   @media (min-width: map-get($grid-breakpoints, "sm")) {
     margin-inline-end: $custom-control-gutter;
   }

package/dist/Nav/_variables.scss

@@ -56,4 +56,3 @@ $nav-inverse-tabs-link-active-bg:                  $nav-inverse-tabs-link-hover-
 $nav-inverse-tabs-link-active-border-bottom-width: $nav-tabs-border-width !default;
 $nav-inverse-tabs-tab-content-color:               $nav-inverse-tabs-link-color !default;
 $nav-inverse-tabs-dropdown-border-color:           $nav-inverse-tabs-link-active-hover-bg !default;
-$nav-inverse-tabs-dropdown-bottom-gap:             .4375rem !default;

package/dist/Pagination/_variables.scss

@@ -7,12 +7,9 @@ $pagination-padding-x-sm:           .6rem !default;
 $pagination-padding-y-lg:           .75rem !default;
 $pagination-padding-x-lg:           1.5rem !default;
 $pagination-margin-x:               .5rem !default;
-$pagination-margin-y:               .5rem !default;
 $pagination-line-height:            1.5rem !default;
 $pagination-font-size-sm:           .875rem !default;
 
-$pagination-icon-size:              1.375rem !default;
-$pagination-icon-size-sm:           1rem !default;
 $pagination-icon-width:             2.25rem !default;
 $pagination-icon-height:            2.25rem !default;
 $pagination-padding-icon:           .5rem !default;

package/dist/SearchField/_variables.scss

@@ -3,12 +3,10 @@ $search-btn-variants: (
   "dark":   $brand-500,
 );
 $search-border-radius:                0 !default;
-$search-line-height:                  1.5rem !default;
 $search-border-color:                 $gray-500 !default;
 $search-form-background-color:        $white !default;
 $search-border-color-interaction:     $black !default;
 $search-border-width:                 .0625rem !default;
-$search-border-width-interaction:     .125rem !default;
 $search-disabled-opacity:             .3 !default;
 $search-button-margin:                .5rem !default;
 $input-height-search:                 calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;

package/dist/paragon.css

@@ -24,7 +24,13 @@
   1.3333em + 1.125rem + 2px
 );margin:0;overflow:hidden;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#0a3055;box-shadow:0 0 0 1px #0a3055}.custom-file-input[disabled]~.custom-file-label,.custom-file-input:disabled~.custom-file-label{background-color:#ebebeb}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(
   1.3333em + 1.125rem + 2px
-);padding:.5625rem 1rem;overflow:hidden;font-weight:400;line-height:1.3333;color:#454545;background-color:#fff;border:1px solid #707070;border-radius:.375rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.3333em + 1.125rem);padding:.5625rem 1rem;line-height:1.3333;color:#454545;content:"Browse";background-color:#ebebeb;border-left:inherit;border-radius:0 .375rem .375rem 0}.custom-range{width:100%;height:calc(1rem + 2px);padding:0;background-color:rgba(0,0,0,0);appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 1px #0a3055}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 1px #0a3055}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 1px #0a3055}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-0.25rem;background-color:#0a3055;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media(prefers-reduced-motion: reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#2b8ae6}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:rgba(0,0,0,0);cursor:pointer;background-color:#adadad;border-color:rgba(0,0,0,0);border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#0a3055;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media(prefers-reduced-motion: reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:#2b8ae6}.custom-range::-moz-range-track{width:100%;height:.5rem;color:rgba(0,0,0,0);cursor:pointer;background-color:#adadad;border-color:rgba(0,0,0,0);border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:1px;margin-left:1px;background-color:#0a3055;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media(prefers-reduced-motion: reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#2b8ae6}.custom-range::-ms-track{width:100%;height:.5rem;color:rgba(0,0,0,0);cursor:pointer;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#adadad;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#adadad;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#707070}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#707070}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#707070}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.pgn__form-text{font-size:87.5%;display:flex;align-items:center}.pgn__form-text .pgn__icon{height:1em;margin-inline-end:.25em;width:1em;display:inline-block}.pgn__form-text~.pgn__form-text{margin-top:.25rem}.form-control+.pgn__form-text,.pgn__form-control-set+.pgn__form-text,.pgn__form-control-decorator-group+.pgn__form-text{margin-top:.25rem}.pgn__form-text-default{color:#707070}.pgn__form-text-valid{color:#178253}.pgn__form-text-invalid{color:#c32d3a}.pgn__form-text-warning{color:#212529}.pgn__form-text-criteria-empty .pgn__icon{color:#707070}.pgn__form-text-criteria-valid .pgn__icon{color:#178253}.pgn__form-text-criteria-invalid .pgn__icon{color:#c32d3a}.pgn__form-control-set{display:flex;align-items:flex-start;flex-direction:column}.pgn__form-control-set>*+*{margin:.75rem 0 0}.pgn__form-control-set-inline{flex-flow:row wrap;align-items:flex-start}.pgn__form-control-set-inline>*+*{margin:0 0 0 .5em}[dir=rtl] .pgn__form-control-set-inline>*{margin-left:.5em}.form-control.is-invalid.is-invalid-nodanger{border-color:#707070}.form-control.is-invalid.is-invalid-nodanger:focus{color:#454545;background-color:#fff;border-color:#0a3055;outline:0;box-shadow:0 0 0 1px #0a3055}.form-control:hover{border:solid 1px #1f3226}.pgn__form-group{margin-bottom:1rem;text-align:start}[dir=rtl] .pgn__form-group .form-check{padding-left:0;padding-right:1.25rem}[dir=rtl] .pgn__form-group .form-check .form-check-input{margin-left:0;margin-right:-1.25rem}.pgn__form-control-decorator-group{position:relative;display:flex;flex-grow:1;align-items:flex-start;font-size:1.125rem;line-height:1.3333}@media(min-width: 576px){.pgn__form-control-decorator-group{margin-inline-end:.5rem}}.pgn__form-control-decorator-group.has-prepended-node .form-control{padding-inline-start:calc(1rem + 32px)}[dir=rtl] .pgn__form-control-decorator-group.has-prepended-node .form-control{background-position:left .5625rem center}.pgn__form-control-decorator-group.has-prepended-node .form-control-lg{padding-inline-start:calc(1.25rem + 32px)}.pgn__form-control-decorator-group.has-prepended-node .form-control-sm{padding-inline-start:calc(0.75rem + 32px)}.pgn__form-control-decorator-group.has-appended-node .form-control{padding-inline-end:calc(1rem + 32px)}.pgn__form-control-decorator-group.has-appended-node .form-control-lg{padding-inline-end:calc(1.25rem + 32px)}.pgn__form-control-decorator-group.has-appended-node .form-control-sm{padding-inline-end:calc(0.75rem + 32px)}.pgn__form-control-decorator-group.pgn__form-control-decorator-group-sm{font-size:.875rem;line-height:1.4286}.pgn__form-control-decorator-group.pgn__form-control-decorator-group-lg{font-size:1.325rem;line-height:1.5}.pgn__form-control-decorator{position:absolute;pointer-events:none;height:calc(
+);padding:.5625rem 1rem;overflow:hidden;font-weight:400;line-height:1.3333;color:#454545;background-color:#fff;border:1px solid #707070;border-radius:.375rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.3333em + 1.125rem);padding:.5625rem 1rem;line-height:1.3333;color:#454545;content:"Browse";background-color:#ebebeb;border-left:inherit;border-radius:0 .375rem .375rem 0}.custom-range{width:100%;height:calc(1rem + 2px);padding:0;background-color:rgba(0,0,0,0);appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 1px #0a3055}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 1px #0a3055}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 1px #0a3055}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-0.25rem;background-color:#0a3055;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media(prefers-reduced-motion: reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#2b8ae6}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:rgba(0,0,0,0);cursor:pointer;background-color:#adadad;border-color:rgba(0,0,0,0);border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#0a3055;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media(prefers-reduced-motion: reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:#2b8ae6}.custom-range::-moz-range-track{width:100%;height:.5rem;color:rgba(0,0,0,0);cursor:pointer;background-color:#adadad;border-color:rgba(0,0,0,0);border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:1px;margin-left:1px;background-color:#0a3055;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media(prefers-reduced-motion: reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#2b8ae6}.custom-range::-ms-track{width:100%;height:.5rem;color:rgba(0,0,0,0);cursor:pointer;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#adadad;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#adadad;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#707070}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#707070}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#707070}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.pgn__form-text{font-size:87.5%;display:flex;align-items:center}.pgn__form-text .pgn__icon{height:1em;margin-inline-end:.25em;width:1em;display:inline-block}.pgn__form-text~.pgn__form-text{margin-top:.25rem}.form-control+.pgn__form-text,.pgn__form-control-set+.pgn__form-text,.pgn__form-control-decorator-group+.pgn__form-text{margin-top:.25rem}.pgn__form-text-default{color:#707070}.pgn__form-text-valid{color:#178253}.pgn__form-text-invalid{color:#c32d3a}.pgn__form-text-warning{color:#212529}.pgn__form-text-criteria-empty .pgn__icon{color:#707070}.pgn__form-text-criteria-valid .pgn__icon{color:#178253}.pgn__form-text-criteria-invalid .pgn__icon{color:#c32d3a}.pgn__form-control-set{display:flex;align-items:flex-start;flex-direction:column}.pgn__form-control-set>*+*{margin:.75rem 0 0}.pgn__form-control-set-inline{flex-flow:row wrap;align-items:flex-start}.pgn__form-control-set-inline>*+*{margin:0 0 0 .5em}[dir=rtl] .pgn__form-control-set-inline>*{margin-left:.5em}.form-control.is-invalid.is-invalid-nodanger{border-color:#707070}.form-control.is-invalid.is-invalid-nodanger:focus{color:#454545;background-color:#fff;border-color:#0a3055;outline:0;box-shadow:0 0 0 1px #0a3055}.form-control:hover{border:solid 1px #1f3226}.pgn__form-group{margin-bottom:1rem;text-align:start}[dir=rtl] .pgn__form-group .form-check{padding-left:0;padding-right:1.25rem}[dir=rtl] .pgn__form-group .form-check .form-check-input{margin-left:0;margin-right:-1.25rem}.pgn__form-control-decorator-group{position:relative;display:flex;flex-grow:1;align-items:flex-start;font-size:1.125rem;line-height:1.3333}.pgn__form-control-decorator-group textarea.form-control{min-height:calc(
+  1.3333em + 1.125rem + 2px
+)}.pgn__form-control-decorator-group textarea.form-control-lg{min-height:calc(
+  1.5em + 1.375rem + 2px
+)}.pgn__form-control-decorator-group textarea.form-control-sm{min-height:calc(
+  1.4286em + 0.875rem + 2px
+)}@media(min-width: 576px){.pgn__form-control-decorator-group{margin-inline-end:.5rem}}.pgn__form-control-decorator-group.has-prepended-node .form-control{padding-inline-start:calc(1rem + 32px)}[dir=rtl] .pgn__form-control-decorator-group.has-prepended-node .form-control{background-position:left .5625rem center}.pgn__form-control-decorator-group.has-prepended-node .form-control-lg{padding-inline-start:calc(1.25rem + 32px)}.pgn__form-control-decorator-group.has-prepended-node .form-control-sm{padding-inline-start:calc(0.75rem + 32px)}.pgn__form-control-decorator-group.has-appended-node .form-control{padding-inline-end:calc(1rem + 32px)}.pgn__form-control-decorator-group.has-appended-node .form-control-lg{padding-inline-end:calc(1.25rem + 32px)}.pgn__form-control-decorator-group.has-appended-node .form-control-sm{padding-inline-end:calc(0.75rem + 32px)}.pgn__form-control-decorator-group.pgn__form-control-decorator-group-sm{font-size:.875rem;line-height:1.4286}.pgn__form-control-decorator-group.pgn__form-control-decorator-group-lg{font-size:1.325rem;line-height:1.5}.pgn__form-control-decorator{position:absolute;pointer-events:none;height:calc(
   1.3333em + 1.125rem + 2px
 );min-width:calc(
   1.3333em + 1.125rem + 2px

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openedx/paragon",
-  "version": "21.7.0",
+  "version": "21.7.2",
   "description": "Accessible, responsive UI component library based on Bootstrap.",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/src/Avatar/README.md

@@ -5,7 +5,6 @@ components:
 - Avatar
 categories:
 - Imagery & Iconography
-- Content
 status: 'New'
 designStatus: 'Done'
 devStatus: 'Done'

package/src/Card/_variables.scss

@@ -29,7 +29,6 @@ $card-columns-gap:                   1.25rem !default;
 $card-columns-margin:                $card-spacer-y !default;
 
 $card-divider-bg:                    $light-400 !default;
-$card-divider-margin-y:              $card-spacer-y !default;
 
 $card-footer-actions-gap:            .5rem !default;
 

package/src/CheckBox/README.md

@@ -7,7 +7,7 @@ categories:
 - Forms (deprecated)
 status: 'Deprecate Soon'
 designStatus: 'TBD'
-devStatus: 'To Do'
+devStatus: 'Done'
 notes: |
   Replaced by Form.Checkbox
 ---

package/src/DataTable/ExpandRow.jsx

@@ -6,9 +6,9 @@ import IconButton from '../IconButton';
 
 const EXPAND_COLLAPSE_ICON_SIZE = 'inline';
 
-function ExpandRow({ row, ...rest }) {
+function ExpandRow({ row }) {
   return (
-    <span {...row.getToggleRowExpandedProps()} {...rest}>
+    <span {...row.getToggleRowExpandedProps()}>
       {row.isExpanded
         ? <IconButton src={ExpandLess} iconAs={Icon} alt="Collapse row" size={EXPAND_COLLAPSE_ICON_SIZE} />
         : <IconButton src={ExpandMore} iconAs={Icon} alt="Expand row" size={EXPAND_COLLAPSE_ICON_SIZE} />}

package/src/DataTable/selection/ControlledSelect.jsx

@@ -10,7 +10,7 @@ import {
   addSelectedRowAction,
 } from './data/actions';
 
-function ControlledSelect({ row, ...rest }) {
+function ControlledSelect({ row }) {
   const {
     itemCount,
     controlledTableSelections: [, dispatch],
@@ -34,7 +34,6 @@ function ControlledSelect({ row, ...rest }) {
       <CheckboxControl
         {...updatedProps}
         onChange={toggleSelected}
-        {...rest}
       />
     </div>
   );

package/src/DataTable/selection/ControlledSelectHeader.jsx

@@ -9,7 +9,7 @@ import {
   setSelectedRowsAction,
 } from './data/actions';
 
-function ControlledSelectHeader({ rows, ...rest }) {
+function ControlledSelectHeader({ rows }) {
   const {
     itemCount,
     controlledTableSelections: [, dispatch],
@@ -44,7 +44,6 @@ function ControlledSelectHeader({ rows, ...rest }) {
       <CheckboxControl
         {...toggleAllPageRowsSelectedProps}
         onChange={toggleAllPageRowsSelected}
-        {...rest}
       />
     </div>
   );

package/src/DataTable/selection/ControlledSelectionStatus.jsx

@@ -14,7 +14,7 @@ import {
   getRowIds,
 } from './data/helpers';
 
-function ControlledSelectionStatus({ className, clearSelectionText, ...rest }) {
+function ControlledSelectionStatus({ className, clearSelectionText }) {
   const {
     itemCount,
     page,
@@ -44,7 +44,6 @@ function ControlledSelectionStatus({ className, clearSelectionText, ...rest }) {
     clearSelectionText,
     onSelectAll: () => dispatch(setSelectAllRowsAllPagesAction()),
     onClear: () => dispatch(clearSelectionAction()),
-    ...rest,
   };
   return <BaseSelectionStatus {...selectionStatusProps} />;
 }

package/src/DataTable/tests/ExpandRow.test.jsx

@@ -10,10 +10,7 @@ const row = {
 
 describe('<ExpandRow />', () => {
   it('renders expand row element if rows is not expanded', () => {
-    const { getByTestId, getByLabelText } = render(<ExpandRow row={row} data-testid="span-expand-row" />);
-
-    const labelWrapper = getByTestId('span-expand-row');
-    expect(labelWrapper).toBeInTheDocument();
+    const { getByLabelText } = render(<ExpandRow row={row} />);
 
     const iconButton = getByLabelText('Expand row');
     expect(iconButton).toBeInTheDocument();
@@ -21,10 +18,7 @@ describe('<ExpandRow />', () => {
 
   it('renders collapse row element if row is expanded', () => {
     const expandedRow = { ...row, isExpanded: true };
-    const { getByTestId, getByLabelText } = render(<ExpandRow row={expandedRow} data-testid="span-collapse-row" />);
-
-    const labelWrapper = getByTestId('span-collapse-row');
-    expect(labelWrapper).toBeInTheDocument();
+    const { getByLabelText } = render(<ExpandRow row={expandedRow} />);
 
     const iconButton = getByLabelText('Collapse row');
     expect(iconButton).toBeInTheDocument();

package/src/Form/_index.scss

@@ -46,6 +46,20 @@ $select-icon-padding: .5625rem !default;
   flex-grow: 1;
   align-items: flex-start;
 
+  textarea {
+    &.form-control {
+      min-height: $input-height;
+    }
+
+    &.form-control-lg {
+      min-height: $input-height-lg;
+    }
+
+    &.form-control-sm {
+      min-height: $input-height-sm;
+    }
+  }
+
   @media (min-width: map-get($grid-breakpoints, "sm")) {
     margin-inline-end: $custom-control-gutter;
   }

package/src/Image/README.md

@@ -3,7 +3,6 @@ title: 'Image'
 type: 'component'
 categories:
 - Imagery & Iconography
-- Content
 components:
 - Image
 status: 'Stable'

package/src/Nav/_variables.scss

@@ -56,4 +56,3 @@ $nav-inverse-tabs-link-active-bg:                  $nav-inverse-tabs-link-hover-
 $nav-inverse-tabs-link-active-border-bottom-width: $nav-tabs-border-width !default;
 $nav-inverse-tabs-tab-content-color:               $nav-inverse-tabs-link-color !default;
 $nav-inverse-tabs-dropdown-border-color:           $nav-inverse-tabs-link-active-hover-bg !default;
-$nav-inverse-tabs-dropdown-bottom-gap:             .4375rem !default;

package/src/Pagination/_variables.scss

@@ -7,12 +7,9 @@ $pagination-padding-x-sm:           .6rem !default;
 $pagination-padding-y-lg:           .75rem !default;
 $pagination-padding-x-lg:           1.5rem !default;
 $pagination-margin-x:               .5rem !default;
-$pagination-margin-y:               .5rem !default;
 $pagination-line-height:            1.5rem !default;
 $pagination-font-size-sm:           .875rem !default;
 
-$pagination-icon-size:              1.375rem !default;
-$pagination-icon-size-sm:           1rem !default;
 $pagination-icon-width:             2.25rem !default;
 $pagination-icon-height:            2.25rem !default;
 $pagination-padding-icon:           .5rem !default;

package/src/SearchField/README.md

@@ -10,7 +10,6 @@ components:
 - SearchFieldSubmitButton
 categories:
 - Forms
-- Navigation
 status: 'Stable'
 designStatus: 'Needs Review'
 devStatus: 'Done'

package/src/SearchField/_variables.scss

@@ -3,12 +3,10 @@ $search-btn-variants: (
   "dark":   $brand-500,
 );
 $search-border-radius:                0 !default;
-$search-line-height:                  1.5rem !default;
 $search-border-color:                 $gray-500 !default;
 $search-form-background-color:        $white !default;
 $search-border-color-interaction:     $black !default;
 $search-border-width:                 .0625rem !default;
-$search-border-width-interaction:     .125rem !default;
 $search-disabled-opacity:             .3 !default;
 $search-button-margin:                .5rem !default;
 $input-height-search:                 calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;

package/src/SelectableBox/README.md

@@ -6,7 +6,6 @@ components:
 - SelectableBoxSet
 categories:
 - Forms
-- Content
 status: 'New'
 designStatus: 'Done'
 devStatus: 'In progress'

package/src/Spinner/README.md

@@ -6,7 +6,6 @@ components:
 - Spinner
 categories:
 - Status & metadata
-- Choreography
 designStatus: 'Done'
 devStatus: 'Done'
 notes: |

package/src/Stepper/README.md

@@ -10,7 +10,6 @@ components:
 - StepperHeaderStep
 categories:
 - Navigation
-- Content
 designStatus: 'Done'
 devStatus: 'Done'
 notes: |

package/src/Table/README.md

@@ -1,5 +1,5 @@
 ---
-title: 'Table (Deprecated)'
+title: 'Table'
 type: 'component'
 components:
 - TableDeprecated

package/src/Truncate/README.md

@@ -3,6 +3,8 @@ title: 'Truncate'
 type: 'component'
 components:
 - Truncate
+categories:
+- Content
 status: 'New'
 designStatus: 'Done'
 devStatus: 'Done'

package/src/hooks/useIndexOfLastVisibleChild.mdx

@@ -3,7 +3,6 @@ title: 'useIndexOfLastVisibleChild'
 type: 'hook'
 categories:
 - Hooks
-- Layout
 components:
 - useIndexOfLastVisibleChild
 status: 'New'

package/src/hooks/useIsVisible.mdx

@@ -3,7 +3,6 @@ title: 'useIsVisible'
 type: 'hook'
 categories:
 - Hooks
-- Layout
 components:
 - useIsVisible
 status: 'Stable'

package/src/hooks/useWindowSize.mdx

@@ -3,7 +3,6 @@ title: 'useWindowSize'
 type: 'hook'
 categories:
 - Hooks
-- Layout
 components:
 - useWindowSize
 status: 'New'