@openedx/paragon 22.0.0-alpha.24 → 22.1.0

package/dist/DataTable/index.scss

@@ -1,21 +1,23 @@
+@import "variables";
+
 .pgn__data-table-wrapper {
-  font-size: var(--pgn-typography-font-size-sm);
-  border-radius: var(--pgn-size-border-radius-base);
-  background-color: var(--pgn-color-data-table-bg-base);
-  box-shadow: var(--pgn-elevation-data-table-box-shadow);
+  font-size: $font-size-sm;
+  border-radius: $border-radius;
+  background-color: $data-table-background-color;
+  box-shadow: $data-table-box-shadow;
 
   &.hide-shadow {
     box-shadow: none;
   }
 
   > :first-child {
-    border-top-left-radius: var(--pgn-size-border-radius-base);
-    border-top-right-radius: var(--pgn-size-border-radius-base);
+    border-top-left-radius: $border-radius;
+    border-top-right-radius: $border-radius;
   }
 
   > :last-child {
-    border-bottom-left-radius: var(--pgn-size-border-radius-base);
-    border-bottom-right-radius: var(--pgn-size-border-radius-base);
+    border-bottom-left-radius: $border-radius;
+    border-bottom-right-radius: $border-radius;
   }
 }
 
@@ -23,11 +25,11 @@
 .pgn__table-actions {
   display: flex;
 
-  .pgn__data-table__visible-actions {
-    margin-inline-start: var(--pgn-spacing-spacer-2);
+  .pgn__datatable__visible-actions {
+    margin-inline-start: map_get($spacers, 2);
 
     .btn {
-      margin-inline-start: var(--pgn-spacing-spacer-2);
+      margin-inline-start: map_get($spacers, 2);
 
       &:first-child {
         margin-inline-start: 0;
@@ -55,7 +57,7 @@
     width: 100%;
     display: flex;
     align-items: center;
-    margin-top: var(--pgn-spacing-spacer-4);
+    margin-top: map_get($spacers, 4);
   }
 
   .pgn__icon-button-toggle__container {
@@ -77,7 +79,7 @@
     left: 0;
     width: 100%;
     height: 100%;
-    background-color: var(--pgn-color-data-table-bg-is-loading);
+    background-color: rgba($white, .7);
     z-index: 1;
   }
 }
@@ -86,27 +88,27 @@
   display: flex;
   align-items: flex-start;
 
-  @media (--pgn-size-breakpoint-max-width-xl) {
+  @media (max-width: $max-width-xl) {
     overflow-x: scroll;
   }
 
   .pgn__data-table-layout-sidebar {
-    background-color: var(--pgn-color-data-table-bg-base);
-    border-radius: var(--pgn-size-border-radius-base);
-    box-shadow: var(--pgn-elevation-data-table-box-shadow);
-    padding: var(--pgn-spacing-data-table-padding-small);
-    margin-right: var(--pgn-spacing-spacer-4);
-    flex: 0 0 var(--pgn-size-data-table-layout-sidebar-width);
+    background-color: $data-table-background-color;
+    border-radius: $border-radius;
+    box-shadow: $data-table-box-shadow;
+    padding: $data-table-padding-small;
+    margin-right: map_get($spacers, 4);
+    flex: 0 0 $data-table-layout-sidebar-width;
   }
 
   .pgn__data-table-side-filters {
     .pgn__data-table-side-filters-title {
-      margin-bottom: var(--pgn-spacing-spacer-3);
+      margin-bottom: map_get($spacers, 3);
       text-align: start;
     }
 
     .pgn__data-table-side-filters-status {
-      margin-bottom: var(--pgn-spacing-spacer-2);
+      margin-bottom: map_get($spacers, 2);
       display: flex;
       justify-content: flex-end;
     }
@@ -127,23 +129,23 @@
   width: 100%;
 
   &.is-striped tr:nth-child(even) {
-    background-color: var(--pgn-color-light-200);
+    background-color: $light-200;
   }
 
   th {
-    background-color: var(--pgn-color-light-300);
-    padding: var(--pgn-spacing-data-table-padding-cell);
+    background-color: $light-300;
+    padding: $data-table-cell-padding;
     text-align: start;
   }
 
   td {
-    padding: var(--pgn-spacing-data-table-padding-cell);
+    padding: $table-cell-padding;
     line-height: 24px;
     text-align: start;
   }
 
   & tr.is-selected {
-    background-color: var(--pgn-color-info-100) !important;
+    background-color: $info-100 !important;
   }
 }
 
@@ -155,17 +157,17 @@
 }
 
 .pgn__data-table-empty {
-  padding: var(--pgn-spacing-data-table-padding-x) var(--pgn-spacing-data-table-padding-y);
+  padding: $data-table-padding-x $data-table-padding-y;
 }
 
 .pgn__data-table-actions {
   display: flex;
   justify-content: space-between;
-  padding-bottom: var(--pgn-spacing-data-table-padding-small);
+  padding-bottom: $data-table-padding-small;
 }
 
 .pgn__data-table-status-bar {
-  padding: var(--pgn-spacing-data-table-padding-y) var(--pgn-spacing-data-table-padding-x);
+  padding: $data-table-padding-y $data-table-padding-x;
 }
 
 .pgn__data-table-filters {
@@ -173,11 +175,11 @@
 }
 
 .pgn__data-table-filters-breakout-filter {
-  margin-inline-end: var(--pgn-spacing-spacer-2);
+  margin-inline-end: map_get($spacers, 2);
 }
 
 .pgn__data-table-filters-dropdown-item {
-  padding: var(--pgn-spacing-data-table-padding-small) 14px;
+  padding: $data-table-padding-small 14px;
   min-width: 15em;
 
   .pgn__form-checkbox {
@@ -194,9 +196,9 @@
 .pgn__data-table-footer {
   display: flex;
   justify-content: space-between;
-  padding: var(--pgn-spacing-data-table-padding-x) var(--pgn-spacing-data-table-padding-y);
+  padding: $data-table-padding-x $data-table-padding-y;
   align-items: center;
-  border-top: var(--pgn-size-data-table-border) solid var(--pgn-color-data-table-border);
+  border-top: $data-table-border;
 
   .btn-icon .pgn__icon {
     [dir="rtl"] & {
@@ -209,14 +211,14 @@
   display: flex;
 
   .pgn__page-count {
-    align-self: var(--pgn-spacing-data-table-footer-position);
+    align-self: $data-table-footer-position;
   }
 }
 
 .pgn__data-table-pagination-dropdown {
   overflow-y: auto;
-  max-height: var(--pgn-size-data-table-dropdown-pagination-max-height);
-  min-width: var(--pgn-size-data-table-dropdown-pagination-min-width);
+  max-height: $data-table-pagination-dropdown-max-height;
+  min-width: $data-table-pagination-dropdown-min-width;
 
   a {
     text-align: center;
@@ -224,7 +226,7 @@
 }
 
 .pgn__checkbox-filter-label {
-  font-weight: var(--pgn-typography-font-weight-bold);
+  font-weight: $font-weight-bold;
 }
 
 .pgn__checkbox-filter {
@@ -259,15 +261,15 @@
 }
 
 .pgn__data-table-card-view {
-  padding: 0 var(--pgn-spacing-data-table-padding-x);
+  padding: 0 $data-table-padding-x;
 
   .pgn__data-table-card-view-default-skeleton-card-section {
-    margin-top: var(--pgn-spacing-spacer-2);
+    margin-top: map_get($spacers, 2);
   }
 }
 
 .pgn__data-table__action-btn {
-  margin-left: var(--pgn-spacing-spacer-2);
+  margin-left: map_get($spacers, 2);
 
   &:first-child {
     margin-left: 0;
@@ -283,10 +285,10 @@
   overflow: hidden;
 }
 
-.pgn__data-table__overflow-actions-menu {
-  background: var(--pgn-color-white);
-  padding: var(--pgn-spacing-spacer-2);
-  box-shadow: var(--pgn-elevation-box-shadow-level-1);
+.pgn__datatable__overflow-actions-menu {
+  background: #FFFFFF;
+  padding: map_get($spacers, 2);
+  box-shadow: $level-1-box-shadow;
   border-radius: 4px;
 }
 
@@ -307,10 +309,10 @@
 
   &.selection-right {
     > :first-child {
-      margin-right: var(--pgn-spacing-spacer-2);
+      margin-right: map_get($spacers, 2);
 
       [dir="rtl"] & {
-        margin-left: var(--pgn-spacing-spacer-2);
+        margin-left: map_get($spacers, 2);
         margin-right: 0;
       }
     }
@@ -324,5 +326,5 @@
 .pgn__data-table__controlled-select {
   display: flex;
   align-content: center;
-  padding: var(--pgn-spacing-spacer-1);
+  padding: map_get($spacers, 1);
 }

package/dist/DataTable/selection/BaseSelectionStatus.js

@@ -5,55 +5,53 @@ import Button from '../../Button';
 import DataTableContext from '../DataTableContext';
 import { SELECT_ALL_TEST_ID, CLEAR_SELECTION_TEST_ID } from './data/constants';
 function BaseSelectionStatus(_ref) {
-  let {
-    className,
-    clearSelectionText,
-    numSelectedRows,
-    numSelectedRowsOnPage,
-    onSelectAll,
-    onClear,
-    selectAllText,
-    allSelectedText,
-    selectedText
-  } = _ref;
-  const {
-    itemCount,
-    filteredRows,
-    isPaginated,
-    state,
-    isSelectable,
-    maxSelectedRows,
-    manualFilters
-  } = useContext(DataTableContext);
-  const hasAppliedFilters = state?.filters?.length > 0;
-  const isAllRowsSelected = numSelectedRows === itemCount;
-  const filteredItems = manualFilters ? itemCount : filteredRows?.length || itemCount;
-  const hasMaxSelectedRows = isSelectable && maxSelectedRows;
-  const intlAllSelectedText = allSelectedText || /*#__PURE__*/React.createElement(FormattedMessage, {
+  var _state$filters;
+  var className = _ref.className,
+    clearSelectionText = _ref.clearSelectionText,
+    numSelectedRows = _ref.numSelectedRows,
+    numSelectedRowsOnPage = _ref.numSelectedRowsOnPage,
+    onSelectAll = _ref.onSelectAll,
+    onClear = _ref.onClear,
+    selectAllText = _ref.selectAllText,
+    allSelectedText = _ref.allSelectedText,
+    selectedText = _ref.selectedText;
+  var _useContext = useContext(DataTableContext),
+    itemCount = _useContext.itemCount,
+    filteredRows = _useContext.filteredRows,
+    isPaginated = _useContext.isPaginated,
+    state = _useContext.state,
+    isSelectable = _useContext.isSelectable,
+    maxSelectedRows = _useContext.maxSelectedRows,
+    manualFilters = _useContext.manualFilters;
+  var hasAppliedFilters = (state === null || state === void 0 ? void 0 : (_state$filters = state.filters) === null || _state$filters === void 0 ? void 0 : _state$filters.length) > 0;
+  var isAllRowsSelected = numSelectedRows === itemCount;
+  var filteredItems = manualFilters ? itemCount : (filteredRows === null || filteredRows === void 0 ? void 0 : filteredRows.length) || itemCount;
+  var hasMaxSelectedRows = isSelectable && maxSelectedRows;
+  var intlAllSelectedText = allSelectedText || /*#__PURE__*/React.createElement(FormattedMessage, {
     id: "pgn.DataTable.BaseSelectionStatus.allSelectedText",
     defaultMessage: "All {numSelectedRows} selected",
     description: "Text for all selected label",
     values: {
-      numSelectedRows
+      numSelectedRows: numSelectedRows
     }
   });
-  const defaultSelectedText = isPaginated || hasAppliedFilters ? /*#__PURE__*/React.createElement(FormattedMessage, {
+  var defaultSelectedText = isPaginated || hasAppliedFilters ? /*#__PURE__*/React.createElement(FormattedMessage, {
     id: "pgn.DataTable.BaseSelectionStatus.selectedTextPaginated",
     defaultMessage: "{numSelectedRows} selected ({numSelectedRowsOnPage} shown below)",
     description: "Text for selected label when table is paginated",
     values: {
-      numSelectedRows,
-      numSelectedRowsOnPage
+      numSelectedRows: numSelectedRows,
+      numSelectedRowsOnPage: numSelectedRowsOnPage
     }
   }) : /*#__PURE__*/React.createElement(FormattedMessage, {
     id: "pgn.DataTable.BaseSelectionStatus.selectedText",
     defaultMessage: "{numSelectedRows} selected",
     description: "Text for selected label",
     values: {
-      numSelectedRows
+      numSelectedRows: numSelectedRows
     }
   });
-  const intlSelectedText = selectedText || defaultSelectedText;
+  var intlSelectedText = selectedText || defaultSelectedText;
   return /*#__PURE__*/React.createElement("div", {
     className: className,
     "data-testid": "selection-status-component"

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

@@ -1 +1 @@
-{"version":3,"file":"BaseSelectionStatus.js","names":["React","useContext","PropTypes","FormattedMessage","Button","DataTableContext","SELECT_ALL_TEST_ID","CLEAR_SELECTION_TEST_ID","BaseSelectionStatus","_ref","className","clearSelectionText","numSelectedRows","numSelectedRowsOnPage","onSelectAll","onClear","selectAllText","allSelectedText","selectedText","itemCount","filteredRows","isPaginated","state","isSelectable","maxSelectedRows","manualFilters","hasAppliedFilters","filters","length","isAllRowsSelected","filteredItems","hasMaxSelectedRows","intlAllSelectedText","createElement","id","defaultMessage","description","values","defaultSelectedText","intlSelectedText","variant","size","onClick","defaultProps","undefined","propTypes","string","oneOfType","element","number","isRequired","func"],"sources":["../../../src/DataTable/selection/BaseSelectionStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\n\nimport Button from '../../Button';\nimport DataTableContext from '../DataTableContext';\nimport {\n  SELECT_ALL_TEST_ID,\n  CLEAR_SELECTION_TEST_ID,\n} from './data/constants';\n\nfunction BaseSelectionStatus({\n  className,\n  clearSelectionText,\n  numSelectedRows,\n  numSelectedRowsOnPage,\n  onSelectAll,\n  onClear,\n  selectAllText,\n  allSelectedText,\n  selectedText,\n}) {\n  const {\n    itemCount, filteredRows, isPaginated, state,\n    isSelectable, maxSelectedRows, manualFilters,\n  } = useContext(DataTableContext);\n  const hasAppliedFilters = state?.filters?.length > 0;\n  const isAllRowsSelected = numSelectedRows === itemCount;\n  const filteredItems = manualFilters ? itemCount : (filteredRows?.length || itemCount);\n  const hasMaxSelectedRows = isSelectable && maxSelectedRows;\n\n  const intlAllSelectedText = allSelectedText || (\n    <FormattedMessage\n      id=\"pgn.DataTable.BaseSelectionStatus.allSelectedText\"\n      defaultMessage=\"All {numSelectedRows} selected\"\n      description=\"Text for all selected label\"\n      values={{ numSelectedRows }}\n    />\n  );\n\n  const defaultSelectedText = isPaginated || hasAppliedFilters ? (\n    <FormattedMessage\n      id=\"pgn.DataTable.BaseSelectionStatus.selectedTextPaginated\"\n      defaultMessage=\"{numSelectedRows} selected ({numSelectedRowsOnPage} shown below)\"\n      description=\"Text for selected label when table is paginated\"\n      values={{ numSelectedRows, numSelectedRowsOnPage }}\n    />\n  ) : (\n    <FormattedMessage\n      id=\"pgn.DataTable.BaseSelectionStatus.selectedText\"\n      defaultMessage=\"{numSelectedRows} selected\"\n      description=\"Text for selected label\"\n      values={{ numSelectedRows }}\n    />\n  );\n\n  const intlSelectedText = selectedText || defaultSelectedText;\n\n  return (\n    <div className={className} data-testid=\"selection-status-component\">\n      <span data-testid=\"selection-status\">\n        {isAllRowsSelected ? intlAllSelectedText : intlSelectedText}\n      </span>\n      {!isAllRowsSelected && !hasMaxSelectedRows && (\n        <Button\n          data-testid={SELECT_ALL_TEST_ID}\n          variant=\"link\"\n          size=\"inline\"\n          onClick={onSelectAll}\n        >\n          {selectAllText || (\n            <FormattedMessage\n              id=\"pgn.DataTable.BaseSelectionStatus.selectAllText\"\n              defaultMessage=\"Select all {itemCount}\"\n              description=\"A label for select all button.\"\n              values={{ itemCount: filteredItems }}\n            />\n          )}\n        </Button>\n      )}\n      {numSelectedRows > 0 && (\n        <Button\n          data-testid={CLEAR_SELECTION_TEST_ID}\n          variant=\"link\"\n          size=\"inline\"\n          onClick={onClear}\n        >\n          {clearSelectionText || (\n            <FormattedMessage\n              id=\"pgn.DataTable.BaseSelectionStatus.clearSelectionText\"\n              defaultMessage=\"Clear selection\"\n              description=\"A label of clear all selection button.\"\n            />\n          )}\n        </Button>\n      )}\n    </div>\n  );\n}\n\nBaseSelectionStatus.defaultProps = {\n  className: undefined,\n  selectAllText: undefined,\n  allSelectedText: undefined,\n  selectedText: undefined,\n  clearSelectionText: undefined,\n};\n\nBaseSelectionStatus.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  /** Count of selected rows in the table. */\n  numSelectedRows: PropTypes.number.isRequired,\n  /** Count of selected rows on the current page */\n  numSelectedRowsOnPage: PropTypes.number.isRequired,\n  /** A handler for 'Select all' button. */\n  onSelectAll: PropTypes.func.isRequired,\n  /** A handler for 'Clear selection' button. */\n  onClear: PropTypes.func.isRequired,\n  /** A text that appears on the `Select all` button, defaults to 'Select All {itemCount}' */\n  selectAllText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  /** A text that appears when all items have been selected, defaults to 'All {numSelectedRows} selected' */\n  allSelectedText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  /** A text that appears when some items have been selected, defaults to '{numSelectedRows} selected' */\n  selectedText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nexport default BaseSelectionStatus;\n"],"mappings":"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"}
+{"version":3,"file":"BaseSelectionStatus.js","names":["React","useContext","PropTypes","FormattedMessage","Button","DataTableContext","SELECT_ALL_TEST_ID","CLEAR_SELECTION_TEST_ID","BaseSelectionStatus","_ref","_state$filters","className","clearSelectionText","numSelectedRows","numSelectedRowsOnPage","onSelectAll","onClear","selectAllText","allSelectedText","selectedText","_useContext","itemCount","filteredRows","isPaginated","state","isSelectable","maxSelectedRows","manualFilters","hasAppliedFilters","filters","length","isAllRowsSelected","filteredItems","hasMaxSelectedRows","intlAllSelectedText","createElement","id","defaultMessage","description","values","defaultSelectedText","intlSelectedText","variant","size","onClick","defaultProps","undefined","propTypes","string","oneOfType","element","number","isRequired","func"],"sources":["../../../src/DataTable/selection/BaseSelectionStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\n\nimport Button from '../../Button';\nimport DataTableContext from '../DataTableContext';\nimport {\n  SELECT_ALL_TEST_ID,\n  CLEAR_SELECTION_TEST_ID,\n} from './data/constants';\n\nfunction BaseSelectionStatus({\n  className,\n  clearSelectionText,\n  numSelectedRows,\n  numSelectedRowsOnPage,\n  onSelectAll,\n  onClear,\n  selectAllText,\n  allSelectedText,\n  selectedText,\n}) {\n  const {\n    itemCount, filteredRows, isPaginated, state,\n    isSelectable, maxSelectedRows, manualFilters,\n  } = useContext(DataTableContext);\n  const hasAppliedFilters = state?.filters?.length > 0;\n  const isAllRowsSelected = numSelectedRows === itemCount;\n  const filteredItems = manualFilters ? itemCount : (filteredRows?.length || itemCount);\n  const hasMaxSelectedRows = isSelectable && maxSelectedRows;\n\n  const intlAllSelectedText = allSelectedText || (\n    <FormattedMessage\n      id=\"pgn.DataTable.BaseSelectionStatus.allSelectedText\"\n      defaultMessage=\"All {numSelectedRows} selected\"\n      description=\"Text for all selected label\"\n      values={{ numSelectedRows }}\n    />\n  );\n\n  const defaultSelectedText = isPaginated || hasAppliedFilters ? (\n    <FormattedMessage\n      id=\"pgn.DataTable.BaseSelectionStatus.selectedTextPaginated\"\n      defaultMessage=\"{numSelectedRows} selected ({numSelectedRowsOnPage} shown below)\"\n      description=\"Text for selected label when table is paginated\"\n      values={{ numSelectedRows, numSelectedRowsOnPage }}\n    />\n  ) : (\n    <FormattedMessage\n      id=\"pgn.DataTable.BaseSelectionStatus.selectedText\"\n      defaultMessage=\"{numSelectedRows} selected\"\n      description=\"Text for selected label\"\n      values={{ numSelectedRows }}\n    />\n  );\n\n  const intlSelectedText = selectedText || defaultSelectedText;\n\n  return (\n    <div className={className} data-testid=\"selection-status-component\">\n      <span data-testid=\"selection-status\">\n        {isAllRowsSelected ? intlAllSelectedText : intlSelectedText}\n      </span>\n      {!isAllRowsSelected && !hasMaxSelectedRows && (\n        <Button\n          data-testid={SELECT_ALL_TEST_ID}\n          variant=\"link\"\n          size=\"inline\"\n          onClick={onSelectAll}\n        >\n          {selectAllText || (\n            <FormattedMessage\n              id=\"pgn.DataTable.BaseSelectionStatus.selectAllText\"\n              defaultMessage=\"Select all {itemCount}\"\n              description=\"A label for select all button.\"\n              values={{ itemCount: filteredItems }}\n            />\n          )}\n        </Button>\n      )}\n      {numSelectedRows > 0 && (\n        <Button\n          data-testid={CLEAR_SELECTION_TEST_ID}\n          variant=\"link\"\n          size=\"inline\"\n          onClick={onClear}\n        >\n          {clearSelectionText || (\n            <FormattedMessage\n              id=\"pgn.DataTable.BaseSelectionStatus.clearSelectionText\"\n              defaultMessage=\"Clear selection\"\n              description=\"A label of clear all selection button.\"\n            />\n          )}\n        </Button>\n      )}\n    </div>\n  );\n}\n\nBaseSelectionStatus.defaultProps = {\n  className: undefined,\n  selectAllText: undefined,\n  allSelectedText: undefined,\n  selectedText: undefined,\n  clearSelectionText: undefined,\n};\n\nBaseSelectionStatus.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  /** Count of selected rows in the table. */\n  numSelectedRows: PropTypes.number.isRequired,\n  /** Count of selected rows on the current page */\n  numSelectedRowsOnPage: PropTypes.number.isRequired,\n  /** A handler for 'Select all' button. */\n  onSelectAll: PropTypes.func.isRequired,\n  /** A handler for 'Clear selection' button. */\n  onClear: PropTypes.func.isRequired,\n  /** A text that appears on the `Select all` button, defaults to 'Select All {itemCount}' */\n  selectAllText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  /** A text that appears when all items have been selected, defaults to 'All {numSelectedRows} selected' */\n  allSelectedText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  /** A text that appears when some items have been selected, defaults to '{numSelectedRows} selected' */\n  selectedText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nexport default BaseSelectionStatus;\n"],"mappings":"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"}

package/dist/DataTable/selection/ControlledSelect.js

@@ -1,4 +1,10 @@
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useContext, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { CheckboxControl } from '../../Form';
@@ -6,21 +12,19 @@ import DataTableContext from '../DataTableContext';
 import useConvertIndeterminateProp from '../utils/useConvertIndeterminateProp';
 import { deleteSelectedRowAction, addSelectedRowAction } from './data/actions';
 function ControlledSelect(_ref) {
-  let {
-    row
-  } = _ref;
-  const {
-    itemCount,
-    controlledTableSelections: [, dispatch]
-  } = useContext(DataTableContext);
-  const toggleSelected = useCallback(() => {
+  var row = _ref.row;
+  var _useContext = useContext(DataTableContext),
+    itemCount = _useContext.itemCount,
+    _useContext$controlle = _slicedToArray(_useContext.controlledTableSelections, 2),
+    dispatch = _useContext$controlle[1];
+  var toggleSelected = useCallback(function () {
     if (row.isSelected) {
       dispatch(deleteSelectedRowAction(row.id));
     } else {
       dispatch(addSelectedRowAction(row, itemCount));
     }
   }, [itemCount, row, dispatch]);
-  const updatedProps = useConvertIndeterminateProp(row.getToggleRowSelectedProps());
+  var updatedProps = useConvertIndeterminateProp(row.getToggleRowSelectedProps());
   return /*#__PURE__*/React.createElement("div", {
     className: "pgn__data-table__controlled-select"
   }, /*#__PURE__*/React.createElement(CheckboxControl, _extends({}, updatedProps, {

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

@@ -1 +1 @@
-{"version":3,"file":"ControlledSelect.js","names":["React","useContext","useCallback","PropTypes","CheckboxControl","DataTableContext","useConvertIndeterminateProp","deleteSelectedRowAction","addSelectedRowAction","ControlledSelect","_ref","row","itemCount","controlledTableSelections","dispatch","toggleSelected","isSelected","id","updatedProps","getToggleRowSelectedProps","createElement","className","_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"}
+{"version":3,"file":"ControlledSelect.js","names":["React","useContext","useCallback","PropTypes","CheckboxControl","DataTableContext","useConvertIndeterminateProp","deleteSelectedRowAction","addSelectedRowAction","ControlledSelect","_ref","row","_useContext","itemCount","_useContext$controlle","_slicedToArray","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,IAAPC,GAAG,GAAAD,IAAA,CAAHC,GAAG;EAC7B,IAAAC,WAAA,GAGIX,UAAU,CAACI,gBAAgB,CAAC;IAF9BQ,SAAS,GAAAD,WAAA,CAATC,SAAS;IAAAC,qBAAA,GAAAC,cAAA,CAAAH,WAAA,CACTI,yBAAyB;IAAKC,QAAQ,GAAAH,qBAAA;EAGxC,IAAMI,cAAc,GAAGhB,WAAW,CAChC,YAAM;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,EAAEE,SAAS,CAAC,CAAC;IAChD;EACF,CAAC,EACD,CAACA,SAAS,EAAEF,GAAG,EAAEM,QAAQ,CAC3B,CAAC;EAED,IAAMI,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,EAC1B,CACE,CAAC;AAEV;AAEAT,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"}

package/dist/DataTable/selection/ControlledSelectHeader.js

@@ -1,31 +1,35 @@
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useContext, useMemo, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { CheckboxControl } from '../../Form';
 import DataTableContext from '../DataTableContext';
 import { clearPageSelectionAction, setSelectedRowsAction } from './data/actions';
 function ControlledSelectHeader(_ref) {
-  let {
-    rows
-  } = _ref;
-  const {
-    itemCount,
-    controlledTableSelections: [, dispatch],
-    getToggleAllPageRowsSelectedProps,
-    state: {
-      selectedRowIds
-    },
-    isAllPageRowsSelected
-  } = useContext(DataTableContext);
-  const selectedPageRowIds = useMemo(() => Object.keys(selectedRowIds), [selectedRowIds]);
-  const toggleAllPageRowsSelected = useCallback(() => {
+  var rows = _ref.rows;
+  var _useContext = useContext(DataTableContext),
+    itemCount = _useContext.itemCount,
+    _useContext$controlle = _slicedToArray(_useContext.controlledTableSelections, 2),
+    dispatch = _useContext$controlle[1],
+    getToggleAllPageRowsSelectedProps = _useContext.getToggleAllPageRowsSelectedProps,
+    selectedRowIds = _useContext.state.selectedRowIds,
+    isAllPageRowsSelected = _useContext.isAllPageRowsSelected;
+  var selectedPageRowIds = useMemo(function () {
+    return Object.keys(selectedRowIds);
+  }, [selectedRowIds]);
+  var toggleAllPageRowsSelected = useCallback(function () {
     if (isAllPageRowsSelected) {
       dispatch(clearPageSelectionAction(selectedPageRowIds));
     } else {
       dispatch(setSelectedRowsAction(rows, itemCount));
     }
   }, [rows, selectedPageRowIds, isAllPageRowsSelected, dispatch, itemCount]);
-  const toggleAllPageRowsSelectedProps = getToggleAllPageRowsSelectedProps();
+  var toggleAllPageRowsSelectedProps = getToggleAllPageRowsSelectedProps();
   toggleAllPageRowsSelectedProps.isIndeterminate = toggleAllPageRowsSelectedProps.indeterminate;
   // delete unused ``indeterminate`` prop
   delete toggleAllPageRowsSelectedProps.indeterminate;

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

@@ -1 +1 @@
-{"version":3,"file":"ControlledSelectHeader.js","names":["React","useContext","useMemo","useCallback","PropTypes","CheckboxControl","DataTableContext","clearPageSelectionAction","setSelectedRowsAction","ControlledSelectHeader","_ref","rows","itemCount","controlledTableSelections","dispatch","getToggleAllPageRowsSelectedProps","state","selectedRowIds","isAllPageRowsSelected","selectedPageRowIds","Object","keys","toggleAllPageRowsSelected","toggleAllPageRowsSelectedProps","isIndeterminate","indeterminate","createElement","className","_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"}
+{"version":3,"file":"ControlledSelectHeader.js","names":["React","useContext","useMemo","useCallback","PropTypes","CheckboxControl","DataTableContext","clearPageSelectionAction","setSelectedRowsAction","ControlledSelectHeader","_ref","rows","_useContext","itemCount","_useContext$controlle","_slicedToArray","controlledTableSelections","dispatch","getToggleAllPageRowsSelectedProps","selectedRowIds","state","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,IAARC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EACpC,IAAAC,WAAA,GAMIX,UAAU,CAACK,gBAAgB,CAAC;IAL9BO,SAAS,GAAAD,WAAA,CAATC,SAAS;IAAAC,qBAAA,GAAAC,cAAA,CAAAH,WAAA,CACTI,yBAAyB;IAAKC,QAAQ,GAAAH,qBAAA;IACtCI,iCAAiC,GAAAN,WAAA,CAAjCM,iCAAiC;IACxBC,cAAc,GAAAP,WAAA,CAAvBQ,KAAK,CAAID,cAAc;IACvBE,qBAAqB,GAAAT,WAAA,CAArBS,qBAAqB;EAGvB,IAAMC,kBAAkB,GAAGpB,OAAO,CAChC;IAAA,OAAMqB,MAAM,CAACC,IAAI,CAACL,cAAc,CAAC;EAAA,GACjC,CAACA,cAAc,CACjB,CAAC;EAED,IAAMM,yBAAyB,GAAGtB,WAAW,CAC3C,YAAM;IACJ,IAAIkB,qBAAqB,EAAE;MACzBJ,QAAQ,CAACV,wBAAwB,CAACe,kBAAkB,CAAC,CAAC;IACxD,CAAC,MAAM;MACLL,QAAQ,CAACT,qBAAqB,CAACG,IAAI,EAAEE,SAAS,CAAC,CAAC;IAClD;EACF,CAAC,EACD,CAACF,IAAI,EAAEW,kBAAkB,EAAED,qBAAqB,EAAEJ,QAAQ,EAAEJ,SAAS,CACvE,CAAC;EAED,IAAMa,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,EACrC,CACE,CAAC;AAEV;AAEAhB,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"}

package/dist/DataTable/selection/ControlledSelectionStatus.js

@@ -1,3 +1,9 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useContext, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import DataTableContext from '../DataTableContext';
@@ -5,36 +11,40 @@ import BaseSelectionStatus from './BaseSelectionStatus';
 import { clearSelectionAction, setSelectAllRowsAllPagesAction, setSelectedRowsAction } from './data/actions';
 import { getUnselectedPageRows, getRowIds } from './data/helpers';
 function ControlledSelectionStatus(_ref) {
-  let {
-    className,
-    clearSelectionText
-  } = _ref;
-  const {
-    itemCount,
-    page,
-    controlledTableSelections: [{
-      selectedRows,
-      isEntireTableSelected
-    }, dispatch]
-  } = useContext(DataTableContext);
-  useEffect(() => {
+  var className = _ref.className,
+    clearSelectionText = _ref.clearSelectionText;
+  var _useContext = useContext(DataTableContext),
+    itemCount = _useContext.itemCount,
+    page = _useContext.page,
+    _useContext$controlle = _slicedToArray(_useContext.controlledTableSelections, 2),
+    _useContext$controlle2 = _useContext$controlle[0],
+    selectedRows = _useContext$controlle2.selectedRows,
+    isEntireTableSelected = _useContext$controlle2.isEntireTableSelected,
+    dispatch = _useContext$controlle[1];
+  useEffect(function () {
     if (isEntireTableSelected) {
-      const selectedRowIds = getRowIds(selectedRows);
-      const unselectedPageRows = getUnselectedPageRows(selectedRowIds, page);
+      var selectedRowIds = getRowIds(selectedRows);
+      var unselectedPageRows = getUnselectedPageRows(selectedRowIds, page);
       if (unselectedPageRows.length) {
         dispatch(setSelectedRowsAction(unselectedPageRows, itemCount));
       }
     }
   }, [isEntireTableSelected, selectedRows, itemCount, page, dispatch]);
-  const numSelectedRows = isEntireTableSelected ? itemCount : selectedRows.length;
-  const numSelectedRowsOnPage = (page || []).filter(r => r.isSelected).length;
-  const selectionStatusProps = {
-    className,
-    numSelectedRows,
-    numSelectedRowsOnPage,
-    clearSelectionText,
-    onSelectAll: () => dispatch(setSelectAllRowsAllPagesAction()),
-    onClear: () => dispatch(clearSelectionAction())
+  var numSelectedRows = isEntireTableSelected ? itemCount : selectedRows.length;
+  var numSelectedRowsOnPage = (page || []).filter(function (r) {
+    return r.isSelected;
+  }).length;
+  var selectionStatusProps = {
+    className: className,
+    numSelectedRows: numSelectedRows,
+    numSelectedRowsOnPage: numSelectedRowsOnPage,
+    clearSelectionText: clearSelectionText,
+    onSelectAll: function onSelectAll() {
+      return dispatch(setSelectAllRowsAllPagesAction());
+    },
+    onClear: function onClear() {
+      return dispatch(clearSelectionAction());
+    }
   };
   return /*#__PURE__*/React.createElement(BaseSelectionStatus, selectionStatusProps);
 }