@openedx/paragon 22.0.0-alpha.23 → 22.0.0

package/dist/DataTable/CardView.js

@@ -1,3 +1,9 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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; }
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -7,18 +13,14 @@ import { useRows } from './hooks';
 import { selectColumn } from './utils/getVisibleColumns';
 import Card, { CardGrid } from '../Card';
 function CardItem(_ref) {
-  let {
-    row,
-    prepareRow,
-    isSelectable,
-    SelectionComponent,
-    CardComponent,
-    selectionPlacement
-  } = _ref;
+  var row = _ref.row,
+    prepareRow = _ref.prepareRow,
+    isSelectable = _ref.isSelectable,
+    SelectionComponent = _ref.SelectionComponent,
+    CardComponent = _ref.CardComponent,
+    selectionPlacement = _ref.selectionPlacement;
   prepareRow(row);
-  const {
-    isSelected
-  } = row;
+  var isSelected = row.isSelected;
   if (isSelectable && SelectionComponent) {
     return /*#__PURE__*/React.createElement("div", {
       className: classNames('pgn__data-table__selectable-card', {
@@ -42,30 +44,27 @@ function DefaultSkeletonCardComponent() {
     className: "pgn__data-table-card-view-default-skeleton-card-section"
   }), /*#__PURE__*/React.createElement(Card.Footer, null));
 }
-export const DEFAULT_SKELETON_CARD_COUNT = 8;
+export var DEFAULT_SKELETON_CARD_COUNT = 8;
 function CardView(_ref2) {
-  let {
-    columnSizes,
-    CardComponent,
-    className,
-    selectionPlacement,
-    SkeletonCardComponent = DefaultSkeletonCardComponent,
-    skeletonCardCount
-  } = _ref2;
-  const {
-    getTableProps,
-    prepareRow,
-    displayRows
-  } = useRows();
-  const {
-    isSelectable,
-    manualSelectColumn,
-    isLoading
-  } = useContext(DataTableContext);
+  var columnSizes = _ref2.columnSizes,
+    CardComponent = _ref2.CardComponent,
+    className = _ref2.className,
+    selectionPlacement = _ref2.selectionPlacement,
+    _ref2$SkeletonCardCom = _ref2.SkeletonCardComponent,
+    SkeletonCardComponent = _ref2$SkeletonCardCom === void 0 ? DefaultSkeletonCardComponent : _ref2$SkeletonCardCom,
+    skeletonCardCount = _ref2.skeletonCardCount;
+  var _useRows = useRows(),
+    getTableProps = _useRows.getTableProps,
+    prepareRow = _useRows.prepareRow,
+    displayRows = _useRows.displayRows;
+  var _useContext = useContext(DataTableContext),
+    isSelectable = _useContext.isSelectable,
+    manualSelectColumn = _useContext.manualSelectColumn,
+    isLoading = _useContext.isLoading;
 
   // use the same component for card selection that is used for row selection
   // otherwise view switching might break if row selection uses component that supports backend filtering / sorting
-  const SelectionComponent = manualSelectColumn?.Cell || selectColumn.Cell;
+  var SelectionComponent = (manualSelectColumn === null || manualSelectColumn === void 0 ? void 0 : manualSelectColumn.Cell) || selectColumn.Cell;
   if (!getTableProps) {
     return null;
   }
@@ -73,22 +72,26 @@ function CardView(_ref2) {
     return /*#__PURE__*/React.createElement(CardGrid, {
       className: classNames('pgn__data-table-card-view', className),
       columnSizes: columnSizes
-    }, [...new Array(skeletonCardCount)].map(() => /*#__PURE__*/React.createElement(SkeletonCardComponent, {
-      key: uuidv4()
-    })));
+    }, _toConsumableArray(new Array(skeletonCardCount)).map(function () {
+      return /*#__PURE__*/React.createElement(SkeletonCardComponent, {
+        key: uuidv4()
+      });
+    }));
   }
   return /*#__PURE__*/React.createElement(CardGrid, {
     className: classNames('pgn__data-table-card-view', className),
     columnSizes: columnSizes
-  }, displayRows.map(row => /*#__PURE__*/React.createElement(CardItem, {
-    key: row.id,
-    CardComponent: CardComponent,
-    SelectionComponent: SelectionComponent,
-    isSelectable: isSelectable,
-    row: row,
-    prepareRow: prepareRow,
-    selectionPlacement: selectionPlacement
-  })));
+  }, displayRows.map(function (row) {
+    return /*#__PURE__*/React.createElement(CardItem, {
+      key: row.id,
+      CardComponent: CardComponent,
+      SelectionComponent: SelectionComponent,
+      isSelectable: isSelectable,
+      row: row,
+      prepareRow: prepareRow,
+      selectionPlacement: selectionPlacement
+    });
+  }));
 }
 CardItem.defaultProps = {
   SelectionComponent: undefined

package/dist/DataTable/CardView.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardView.js","names":["React","useContext","PropTypes","classNames","v4","uuidv4","DataTableContext","useRows","selectColumn","Card","CardGrid","CardItem","_ref","row","prepareRow","isSelectable","SelectionComponent","CardComponent","selectionPlacement","isSelected","createElement","className","DefaultSkeletonCardComponent","isLoading","ImageCap","logoSkeleton","Section","Footer","DEFAULT_SKELETON_CARD_COUNT","CardView","_ref2","columnSizes","SkeletonCardComponent","skeletonCardCount","getTableProps","displayRows","manualSelectColumn","Cell","Array","map","key","id","defaultProps","undefined","propTypes","shape","getToggleRowSelectedProps","func","bool","isRequired","oneOf","xs","lg","xl","string","number","sm","md"],"sources":["../../src/DataTable/CardView.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { v4 as uuidv4 } from 'uuid';\nimport DataTableContext from './DataTableContext';\nimport { useRows } from './hooks';\nimport { selectColumn } from './utils/getVisibleColumns';\nimport Card, { CardGrid } from '../Card';\n\nfunction CardItem({\n  row,\n  prepareRow,\n  isSelectable,\n  SelectionComponent,\n  CardComponent,\n  selectionPlacement,\n}) {\n  prepareRow(row);\n  const { isSelected } = row;\n\n  if (isSelectable && SelectionComponent) {\n    return (\n      <div className={classNames(\n        'pgn__data-table__selectable-card',\n        {\n          'is-selected': isSelected,\n          'selection-right': selectionPlacement === 'right',\n          'selection-left': selectionPlacement !== 'right',\n        },\n      )}\n      >\n        <CardComponent {...row} />\n        <SelectionComponent row={row} />\n      </div>\n    );\n  }\n\n  return <CardComponent {...row} />;\n}\n\nfunction DefaultSkeletonCardComponent() {\n  return (\n    <Card isLoading data-testid=\"default-skeleton-card-component\">\n      <Card.ImageCap logoSkeleton />\n      <Card.Section className=\"pgn__data-table-card-view-default-skeleton-card-section\" />\n      <Card.Footer />\n    </Card>\n  );\n}\n\nexport const DEFAULT_SKELETON_CARD_COUNT = 8;\n\nfunction CardView({\n  columnSizes,\n  CardComponent,\n  className,\n  selectionPlacement,\n  SkeletonCardComponent = DefaultSkeletonCardComponent,\n  skeletonCardCount,\n}) {\n  const {\n    getTableProps, prepareRow, displayRows,\n  } = useRows();\n  const {\n    isSelectable,\n    manualSelectColumn,\n    isLoading,\n  } = useContext(DataTableContext);\n\n  // use the same component for card selection that is used for row selection\n  // otherwise view switching might break if row selection uses component that supports backend filtering / sorting\n  const SelectionComponent = manualSelectColumn?.Cell || selectColumn.Cell;\n\n  if (!getTableProps) {\n    return null;\n  }\n\n  if (isLoading) {\n    return (\n      <CardGrid\n        className={classNames('pgn__data-table-card-view', className)}\n        columnSizes={columnSizes}\n      >\n        {[...new Array(skeletonCardCount)].map(() => <SkeletonCardComponent key={uuidv4()} />)}\n      </CardGrid>\n    );\n  }\n\n  return (\n    <CardGrid\n      className={classNames('pgn__data-table-card-view', className)}\n      columnSizes={columnSizes}\n    >\n      {displayRows.map((row) => (\n        <CardItem\n          key={row.id}\n          CardComponent={CardComponent}\n          SelectionComponent={SelectionComponent}\n          isSelectable={isSelectable}\n          row={row}\n          prepareRow={prepareRow}\n          selectionPlacement={selectionPlacement}\n        />\n      ))}\n    </CardGrid>\n  );\n}\n\nCardItem.defaultProps = {\n  SelectionComponent: undefined,\n};\n\nCardItem.propTypes = {\n  row: PropTypes.shape({\n    getToggleRowSelectedProps: PropTypes.func,\n    isSelected: PropTypes.bool,\n  }).isRequired,\n  prepareRow: PropTypes.func.isRequired,\n  isSelectable: PropTypes.bool.isRequired,\n  CardComponent: PropTypes.func.isRequired,\n  SelectionComponent: PropTypes.func,\n  selectionPlacement: PropTypes.oneOf(['right', 'left']).isRequired,\n};\n\nCardView.defaultProps = {\n  columnSizes: {\n    xs: 12,\n    lg: 6,\n    xl: 4,\n  },\n  className: undefined,\n  selectionPlacement: 'right',\n  SkeletonCardComponent: undefined,\n  skeletonCardCount: 8,\n};\n\nCardView.propTypes = {\n  /** The class name for the CardGrid component */\n  className: PropTypes.string,\n  /**\n   * An object containing the desired column size at each breakpoint, following a similar\n   * props API as ``react-bootstrap/Col``\n   */\n  columnSizes: PropTypes.shape({\n    xs: PropTypes.number,\n    sm: PropTypes.number,\n    md: PropTypes.number,\n    lg: PropTypes.number,\n    xl: PropTypes.number,\n  }),\n  /** Your card component must be individualized to your table.\n   * It will be called with props from the \"row\" of data it will display */\n  CardComponent: PropTypes.func.isRequired,\n  /** If the Cards are selectable this prop determines from which side of the Card to show selection component. */\n  selectionPlacement: PropTypes.oneOf(['left', 'right']),\n  /** Overrides default skeleton card component for loading state in CardView */\n  SkeletonCardComponent: PropTypes.func,\n  /** Customize the number of loading skeleton cards to display in CardView */\n  skeletonCardCount: PropTypes.number,\n};\n\nexport default CardView;\n"],"mappings":"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"}
+{"version":3,"file":"CardView.js","names":["React","useContext","PropTypes","classNames","v4","uuidv4","DataTableContext","useRows","selectColumn","Card","CardGrid","CardItem","_ref","row","prepareRow","isSelectable","SelectionComponent","CardComponent","selectionPlacement","isSelected","createElement","className","DefaultSkeletonCardComponent","isLoading","ImageCap","logoSkeleton","Section","Footer","DEFAULT_SKELETON_CARD_COUNT","CardView","_ref2","columnSizes","_ref2$SkeletonCardCom","SkeletonCardComponent","skeletonCardCount","_useRows","getTableProps","displayRows","_useContext","manualSelectColumn","Cell","_toConsumableArray","Array","map","key","id","defaultProps","undefined","propTypes","shape","getToggleRowSelectedProps","func","bool","isRequired","oneOf","xs","lg","xl","string","number","sm","md"],"sources":["../../src/DataTable/CardView.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { v4 as uuidv4 } from 'uuid';\nimport DataTableContext from './DataTableContext';\nimport { useRows } from './hooks';\nimport { selectColumn } from './utils/getVisibleColumns';\nimport Card, { CardGrid } from '../Card';\n\nfunction CardItem({\n  row,\n  prepareRow,\n  isSelectable,\n  SelectionComponent,\n  CardComponent,\n  selectionPlacement,\n}) {\n  prepareRow(row);\n  const { isSelected } = row;\n\n  if (isSelectable && SelectionComponent) {\n    return (\n      <div className={classNames(\n        'pgn__data-table__selectable-card',\n        {\n          'is-selected': isSelected,\n          'selection-right': selectionPlacement === 'right',\n          'selection-left': selectionPlacement !== 'right',\n        },\n      )}\n      >\n        <CardComponent {...row} />\n        <SelectionComponent row={row} />\n      </div>\n    );\n  }\n\n  return <CardComponent {...row} />;\n}\n\nfunction DefaultSkeletonCardComponent() {\n  return (\n    <Card isLoading data-testid=\"default-skeleton-card-component\">\n      <Card.ImageCap logoSkeleton />\n      <Card.Section className=\"pgn__data-table-card-view-default-skeleton-card-section\" />\n      <Card.Footer />\n    </Card>\n  );\n}\n\nexport const DEFAULT_SKELETON_CARD_COUNT = 8;\n\nfunction CardView({\n  columnSizes,\n  CardComponent,\n  className,\n  selectionPlacement,\n  SkeletonCardComponent = DefaultSkeletonCardComponent,\n  skeletonCardCount,\n}) {\n  const {\n    getTableProps, prepareRow, displayRows,\n  } = useRows();\n  const {\n    isSelectable,\n    manualSelectColumn,\n    isLoading,\n  } = useContext(DataTableContext);\n\n  // use the same component for card selection that is used for row selection\n  // otherwise view switching might break if row selection uses component that supports backend filtering / sorting\n  const SelectionComponent = manualSelectColumn?.Cell || selectColumn.Cell;\n\n  if (!getTableProps) {\n    return null;\n  }\n\n  if (isLoading) {\n    return (\n      <CardGrid\n        className={classNames('pgn__data-table-card-view', className)}\n        columnSizes={columnSizes}\n      >\n        {[...new Array(skeletonCardCount)].map(() => <SkeletonCardComponent key={uuidv4()} />)}\n      </CardGrid>\n    );\n  }\n\n  return (\n    <CardGrid\n      className={classNames('pgn__data-table-card-view', className)}\n      columnSizes={columnSizes}\n    >\n      {displayRows.map((row) => (\n        <CardItem\n          key={row.id}\n          CardComponent={CardComponent}\n          SelectionComponent={SelectionComponent}\n          isSelectable={isSelectable}\n          row={row}\n          prepareRow={prepareRow}\n          selectionPlacement={selectionPlacement}\n        />\n      ))}\n    </CardGrid>\n  );\n}\n\nCardItem.defaultProps = {\n  SelectionComponent: undefined,\n};\n\nCardItem.propTypes = {\n  row: PropTypes.shape({\n    getToggleRowSelectedProps: PropTypes.func,\n    isSelected: PropTypes.bool,\n  }).isRequired,\n  prepareRow: PropTypes.func.isRequired,\n  isSelectable: PropTypes.bool.isRequired,\n  CardComponent: PropTypes.func.isRequired,\n  SelectionComponent: PropTypes.func,\n  selectionPlacement: PropTypes.oneOf(['right', 'left']).isRequired,\n};\n\nCardView.defaultProps = {\n  columnSizes: {\n    xs: 12,\n    lg: 6,\n    xl: 4,\n  },\n  className: undefined,\n  selectionPlacement: 'right',\n  SkeletonCardComponent: undefined,\n  skeletonCardCount: 8,\n};\n\nCardView.propTypes = {\n  /** The class name for the CardGrid component */\n  className: PropTypes.string,\n  /**\n   * An object containing the desired column size at each breakpoint, following a similar\n   * props API as ``react-bootstrap/Col``\n   */\n  columnSizes: PropTypes.shape({\n    xs: PropTypes.number,\n    sm: PropTypes.number,\n    md: PropTypes.number,\n    lg: PropTypes.number,\n    xl: PropTypes.number,\n  }),\n  /** Your card component must be individualized to your table.\n   * It will be called with props from the \"row\" of data it will display */\n  CardComponent: PropTypes.func.isRequired,\n  /** If the Cards are selectable this prop determines from which side of the Card to show selection component. */\n  selectionPlacement: PropTypes.oneOf(['left', 'right']),\n  /** Overrides default skeleton card component for loading state in CardView */\n  SkeletonCardComponent: PropTypes.func,\n  /** Customize the number of loading skeleton cards to display in CardView */\n  skeletonCardCount: PropTypes.number,\n};\n\nexport default CardView;\n"],"mappings":"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"}

package/dist/DataTable/CollapsibleButtonGroup.js

@@ -1,10 +1,21 @@
-const _excluded = ["className", "actions"];
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["className", "actions"];
 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 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 _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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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; }
 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, useState } from 'react';
@@ -19,48 +30,55 @@ import breakpoints from '../utils/breakpoints';
 import ModalPopup from '../Modal/ModalPopup';
 import Stack from '../Stack';
 import Button from '../Button';
-export const ACTION_OVERFLOW_BUTTON_TEXT = 'More actions';
-export const SMALL_SCREEN_ACTION_OVERFLOW_BUTTON_TEXT = 'Actions';
+export var ACTION_OVERFLOW_BUTTON_TEXT = 'More actions';
+export var SMALL_SCREEN_ACTION_OVERFLOW_BUTTON_TEXT = 'Actions';
 function CollapsibleButtonGroup(_ref) {
-  let {
-      className,
-      actions
-    } = _ref,
+  var className = _ref.className,
+    actions = _ref.actions,
     rest = _objectWithoutProperties(_ref, _excluded);
-  const [isOverflowMenuOpen, openOverflowMenu, closeOverflowMenu] = useToggle(false);
-  const [overflowMenuTarget, setOverflowMenuTarget] = useState(null);
-  const {
-    controlledTableSelections: [{
-      isEntireTableSelected
-    }],
-    selectedFlatRows,
-    rows
-  } = useContext(DataTableContext);
-  const {
-    width
-  } = useWindowSize();
-  const selectedRows = selectedFlatRows || rows;
-  const [visibleActions, dropdownActions] = useMemo(() => {
-    if (width < breakpoints.small.minWidth) {
-      // On a small screen, all actions will be in the overflow menu
-      return [[], [...actions]];
-    }
-    // The first two actions will be displayed as buttons, the rest will go in an overflow menu
-    const firstTwoActions = [...actions].splice(0, 2);
-    const extraActions = [...actions].slice(2);
+  var _useToggle = useToggle(false),
+    _useToggle2 = _slicedToArray(_useToggle, 3),
+    isOverflowMenuOpen = _useToggle2[0],
+    openOverflowMenu = _useToggle2[1],
+    closeOverflowMenu = _useToggle2[2];
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    overflowMenuTarget = _useState2[0],
+    setOverflowMenuTarget = _useState2[1];
+  var _useContext = useContext(DataTableContext),
+    _useContext$controlle = _slicedToArray(_useContext.controlledTableSelections, 1),
+    isEntireTableSelected = _useContext$controlle[0].isEntireTableSelected,
+    selectedFlatRows = _useContext.selectedFlatRows,
+    rows = _useContext.rows;
+  var _useWindowSize = useWindowSize(),
+    width = _useWindowSize.width;
+  var selectedRows = selectedFlatRows || rows;
+  var _useMemo = useMemo(function () {
+      if (width < breakpoints.small.minWidth) {
+        // On a small screen, all actions will be in the overflow menu
+        return [[], _toConsumableArray(actions)];
+      }
+      // The first two actions will be displayed as buttons, the rest will go in an overflow menu
+      var firstTwoActions = _toConsumableArray(actions).splice(0, 2);
+      var extraActions = _toConsumableArray(actions).slice(2);
 
-    /*  Reversing the array because to the user it makes sense to put the primary button first,
-        but we want it on the right */
-    return [firstTwoActions.reverse(), extraActions];
-  }, [actions, width]);
+      /*  Reversing the array because to the user it makes sense to put the primary button first,
+          but we want it on the right */
+      return [firstTwoActions.reverse(), extraActions];
+    }, [actions, width]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    visibleActions = _useMemo2[0],
+    dropdownActions = _useMemo2[1];
   if (!isEntireTableSelected && !selectedRows) {
     return null;
   }
-  const cloneAction = (action, index) => /*#__PURE__*/React.cloneElement(action.component, _objectSpread({
-    // eslint-disable-next-line react/no-array-index-key
-    key: `${action}${index}`,
-    as: Button
-  }, action.args));
+  var cloneAction = function cloneAction(action, index) {
+    return /*#__PURE__*/React.cloneElement(action.component, _objectSpread({
+      // eslint-disable-next-line react/no-array-index-key
+      key: "".concat(action).concat(index),
+      as: Button
+    }, action.args));
+  };
   return /*#__PURE__*/React.createElement("div", _extends({
     className: className
   }, rest), dropdownActions.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconButton, {
@@ -77,11 +95,11 @@ function CollapsibleButtonGroup(_ref) {
     placement: "bottom-end",
     isOpen: isOverflowMenuOpen
   }, /*#__PURE__*/React.createElement("div", {
-    className: "pgn__data-table__overflow-actions-menu"
+    className: "pgn__datatable__overflow-actions-menu"
   }, /*#__PURE__*/React.createElement(Stack, {
     gap: 2
   }, dropdownActions.map(cloneAction))))), /*#__PURE__*/React.createElement("div", {
-    className: "pgn__data-table__visible-actions"
+    className: "pgn__datatable__visible-actions"
   }, visibleActions.map(cloneAction)));
 }
 CollapsibleButtonGroup.defaultProps = {

package/dist/DataTable/CollapsibleButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleButtonGroup.js","names":["React","useContext","useMemo","useState","PropTypes","MoreVert","useToggle","useWindowSize","DataTableContext","Icon","IconButton","breakpoints","ModalPopup","Stack","Button","ACTION_OVERFLOW_BUTTON_TEXT","SMALL_SCREEN_ACTION_OVERFLOW_BUTTON_TEXT","CollapsibleButtonGroup","_ref","className","actions","rest","_objectWithoutProperties","_excluded","isOverflowMenuOpen","openOverflowMenu","closeOverflowMenu","overflowMenuTarget","setOverflowMenuTarget","controlledTableSelections","isEntireTableSelected","selectedFlatRows","rows","width","selectedRows","visibleActions","dropdownActions","small","minWidth","firstTwoActions","splice","extraActions","slice","reverse","cloneAction","action","index","cloneElement","component","_objectSpread","key","as","args","createElement","_extends","length","Fragment","variant","iconAs","src","alt","id","ref","onClick","positionRef","onClose","placement","isOpen","gap","map","defaultProps","propTypes","string","arrayOf","shape","oneOfType","element","elementType","isRequired"],"sources":["../../src/DataTable/CollapsibleButtonGroup.jsx"],"sourcesContent":["import React, { useContext, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { MoreVert } from '../../icons';\nimport useToggle from '../hooks/useToggle';\nimport useWindowSize from '../hooks/useWindowSize';\nimport DataTableContext from './DataTableContext';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\nimport breakpoints from '../utils/breakpoints';\nimport ModalPopup from '../Modal/ModalPopup';\nimport Stack from '../Stack';\nimport Button from '../Button';\n\nexport const ACTION_OVERFLOW_BUTTON_TEXT = 'More actions';\nexport const SMALL_SCREEN_ACTION_OVERFLOW_BUTTON_TEXT = 'Actions';\n\nfunction CollapsibleButtonGroup({\n  className,\n  actions,\n  ...rest\n}) {\n  const [isOverflowMenuOpen, openOverflowMenu, closeOverflowMenu] = useToggle(false);\n  const [overflowMenuTarget, setOverflowMenuTarget] = useState(null);\n  const {\n    controlledTableSelections: [{ isEntireTableSelected }],\n    selectedFlatRows,\n    rows,\n  } = useContext(DataTableContext);\n  const { width } = useWindowSize();\n  const selectedRows = selectedFlatRows || rows;\n\n  const [visibleActions, dropdownActions] = useMemo(() => {\n    if (width < breakpoints.small.minWidth) {\n      // On a small screen, all actions will be in the overflow menu\n      return [[], [...actions]];\n    }\n    // The first two actions will be displayed as buttons, the rest will go in an overflow menu\n    const firstTwoActions = [...actions].splice(0, 2);\n    const extraActions = [...actions].slice(2);\n\n    /*  Reversing the array because to the user it makes sense to put the primary button first,\n        but we want it on the right */\n    return [firstTwoActions.reverse(), extraActions];\n  }, [actions, width]);\n\n  if (!isEntireTableSelected && !selectedRows) {\n    return null;\n  }\n\n  const cloneAction = (action, index) => React.cloneElement(\n    action.component,\n    {\n      // eslint-disable-next-line react/no-array-index-key\n      key: `${action}${index}`,\n      as: Button, // for backwards compatibility this is needed\n      ...action.args,\n    },\n  );\n\n  return (\n    <div className={className} {...rest}>\n      {dropdownActions.length > 0 && (\n        <>\n          <IconButton\n            variant=\"secondary\"\n            iconAs={Icon}\n            src={MoreVert}\n            alt={width > breakpoints.small.minWidth\n              ? ACTION_OVERFLOW_BUTTON_TEXT : SMALL_SCREEN_ACTION_OVERFLOW_BUTTON_TEXT}\n            id=\"actions-dropdown\"\n            ref={setOverflowMenuTarget}\n            onClick={openOverflowMenu}\n          />\n          <ModalPopup\n            positionRef={overflowMenuTarget}\n            onClose={closeOverflowMenu}\n            placement=\"bottom-end\"\n            isOpen={isOverflowMenuOpen}\n          >\n            <div className=\"pgn__data-table__overflow-actions-menu\">\n              <Stack gap={2}>\n                {dropdownActions.map(cloneAction)}\n              </Stack>\n            </div>\n          </ModalPopup>\n        </>\n      )}\n      <div className=\"pgn__data-table__visible-actions\">\n        {visibleActions.map(cloneAction)}\n      </div>\n    </div>\n  );\n}\n\nCollapsibleButtonGroup.defaultProps = {\n  className: null,\n};\n\nCollapsibleButtonGroup.propTypes = {\n  /** Class names for the div wrapping the button components */\n  className: PropTypes.string,\n  /** Array of action objects, containing a component and their callback args */\n  actions: PropTypes.arrayOf(PropTypes.shape({\n    component: PropTypes.oneOfType([PropTypes.element, PropTypes.elementType]).isRequired,\n    args: PropTypes.shape({}),\n  })).isRequired,\n};\n\nexport default CollapsibleButtonGroup;\n"],"mappings":"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"}
+{"version":3,"file":"CollapsibleButtonGroup.js","names":["React","useContext","useMemo","useState","PropTypes","MoreVert","useToggle","useWindowSize","DataTableContext","Icon","IconButton","breakpoints","ModalPopup","Stack","Button","ACTION_OVERFLOW_BUTTON_TEXT","SMALL_SCREEN_ACTION_OVERFLOW_BUTTON_TEXT","CollapsibleButtonGroup","_ref","className","actions","rest","_objectWithoutProperties","_excluded","_useToggle","_useToggle2","_slicedToArray","isOverflowMenuOpen","openOverflowMenu","closeOverflowMenu","_useState","_useState2","overflowMenuTarget","setOverflowMenuTarget","_useContext","_useContext$controlle","controlledTableSelections","isEntireTableSelected","selectedFlatRows","rows","_useWindowSize","width","selectedRows","_useMemo","small","minWidth","_toConsumableArray","firstTwoActions","splice","extraActions","slice","reverse","_useMemo2","visibleActions","dropdownActions","cloneAction","action","index","cloneElement","component","_objectSpread","key","concat","as","args","createElement","_extends","length","Fragment","variant","iconAs","src","alt","id","ref","onClick","positionRef","onClose","placement","isOpen","gap","map","defaultProps","propTypes","string","arrayOf","shape","oneOfType","element","elementType","isRequired"],"sources":["../../src/DataTable/CollapsibleButtonGroup.jsx"],"sourcesContent":["import React, { useContext, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { MoreVert } from '../../icons';\nimport useToggle from '../hooks/useToggle';\nimport useWindowSize from '../hooks/useWindowSize';\nimport DataTableContext from './DataTableContext';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\nimport breakpoints from '../utils/breakpoints';\nimport ModalPopup from '../Modal/ModalPopup';\nimport Stack from '../Stack';\nimport Button from '../Button';\n\nexport const ACTION_OVERFLOW_BUTTON_TEXT = 'More actions';\nexport const SMALL_SCREEN_ACTION_OVERFLOW_BUTTON_TEXT = 'Actions';\n\nfunction CollapsibleButtonGroup({\n  className,\n  actions,\n  ...rest\n}) {\n  const [isOverflowMenuOpen, openOverflowMenu, closeOverflowMenu] = useToggle(false);\n  const [overflowMenuTarget, setOverflowMenuTarget] = useState(null);\n  const {\n    controlledTableSelections: [{ isEntireTableSelected }],\n    selectedFlatRows,\n    rows,\n  } = useContext(DataTableContext);\n  const { width } = useWindowSize();\n  const selectedRows = selectedFlatRows || rows;\n\n  const [visibleActions, dropdownActions] = useMemo(() => {\n    if (width < breakpoints.small.minWidth) {\n      // On a small screen, all actions will be in the overflow menu\n      return [[], [...actions]];\n    }\n    // The first two actions will be displayed as buttons, the rest will go in an overflow menu\n    const firstTwoActions = [...actions].splice(0, 2);\n    const extraActions = [...actions].slice(2);\n\n    /*  Reversing the array because to the user it makes sense to put the primary button first,\n        but we want it on the right */\n    return [firstTwoActions.reverse(), extraActions];\n  }, [actions, width]);\n\n  if (!isEntireTableSelected && !selectedRows) {\n    return null;\n  }\n\n  const cloneAction = (action, index) => React.cloneElement(\n    action.component,\n    {\n      // eslint-disable-next-line react/no-array-index-key\n      key: `${action}${index}`,\n      as: Button, // for backwards compatibility this is needed\n      ...action.args,\n    },\n  );\n\n  return (\n    <div className={className} {...rest}>\n      {dropdownActions.length > 0 && (\n        <>\n          <IconButton\n            variant=\"secondary\"\n            iconAs={Icon}\n            src={MoreVert}\n            alt={width > breakpoints.small.minWidth\n              ? ACTION_OVERFLOW_BUTTON_TEXT : SMALL_SCREEN_ACTION_OVERFLOW_BUTTON_TEXT}\n            id=\"actions-dropdown\"\n            ref={setOverflowMenuTarget}\n            onClick={openOverflowMenu}\n          />\n          <ModalPopup\n            positionRef={overflowMenuTarget}\n            onClose={closeOverflowMenu}\n            placement=\"bottom-end\"\n            isOpen={isOverflowMenuOpen}\n          >\n            <div className=\"pgn__datatable__overflow-actions-menu\">\n              <Stack gap={2}>\n                {dropdownActions.map(cloneAction)}\n              </Stack>\n            </div>\n          </ModalPopup>\n        </>\n      )}\n      <div className=\"pgn__datatable__visible-actions\">\n        {visibleActions.map(cloneAction)}\n      </div>\n    </div>\n  );\n}\n\nCollapsibleButtonGroup.defaultProps = {\n  className: null,\n};\n\nCollapsibleButtonGroup.propTypes = {\n  /** Class names for the div wrapping the button components */\n  className: PropTypes.string,\n  /** Array of action objects, containing a component and their callback args */\n  actions: PropTypes.arrayOf(PropTypes.shape({\n    component: PropTypes.oneOfType([PropTypes.element, PropTypes.elementType]).isRequired,\n    args: PropTypes.shape({}),\n  })).isRequired,\n};\n\nexport default CollapsibleButtonGroup;\n"],"mappings":"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"}

package/dist/DataTable/DataTableContext.js

@@ -1,4 +1,4 @@
 import { createContext } from 'react';
-const DataTableContext = /*#__PURE__*/createContext({});
+var DataTableContext = /*#__PURE__*/createContext({});
 export default DataTableContext;
 //# sourceMappingURL=DataTableContext.js.map

package/dist/DataTable/DataTableContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableContext.js","names":["createContext","DataTableContext"],"sources":["../../src/DataTable/DataTableContext.jsx"],"sourcesContent":["import { createContext } from 'react';\n\nconst DataTableContext = createContext({});\n\nexport default DataTableContext;\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,OAAO;AAErC,MAAMC,gBAAgB,gBAAGD,aAAa,CAAC,CAAC,CAAC,CAAC;AAE1C,eAAeC,gBAAgB"}
+{"version":3,"file":"DataTableContext.js","names":["createContext","DataTableContext"],"sources":["../../src/DataTable/DataTableContext.jsx"],"sourcesContent":["import { createContext } from 'react';\n\nconst DataTableContext = createContext({});\n\nexport default DataTableContext;\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,OAAO;AAErC,IAAMC,gBAAgB,gBAAGD,aAAa,CAAC,CAAC,CAAC,CAAC;AAE1C,eAAeC,gBAAgB"}

package/dist/DataTable/DataTableLayout.js

@@ -4,15 +4,12 @@ import classNames from 'classnames';
 import SidebarFilters from './SidebarFilters';
 import DataTableContext from './DataTableContext';
 function DataTableLayout(_ref) {
-  let {
-    filtersTitle,
-    className,
-    children
-  } = _ref;
-  const {
-    setFilter,
-    showFiltersInSidebar
-  } = useContext(DataTableContext);
+  var filtersTitle = _ref.filtersTitle,
+    className = _ref.className,
+    children = _ref.children;
+  var _useContext = useContext(DataTableContext),
+    setFilter = _useContext.setFilter,
+    showFiltersInSidebar = _useContext.showFiltersInSidebar;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('pgn__data-table-layout-wrapper', className)
   }, showFiltersInSidebar && setFilter && /*#__PURE__*/React.createElement("div", {

package/dist/DataTable/DataTableLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableLayout.js","names":["React","useContext","PropTypes","classNames","SidebarFilters","DataTableContext","DataTableLayout","_ref","filtersTitle","className","children","setFilter","showFiltersInSidebar","createElement","title","propTypes","string","node","isRequired","oneOfType","element","defaultProps","undefined"],"sources":["../../src/DataTable/DataTableLayout.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport SidebarFilters from './SidebarFilters';\nimport DataTableContext from './DataTableContext';\n\nfunction DataTableLayout({\n  filtersTitle,\n  className,\n  children,\n}) {\n  const { setFilter, showFiltersInSidebar } = useContext(DataTableContext);\n\n  return (\n    <div className={classNames('pgn__data-table-layout-wrapper', className)}>\n      {(showFiltersInSidebar && setFilter) && (\n        <div className=\"pgn__data-table-layout-sidebar\">\n          <SidebarFilters title={filtersTitle} />\n        </div>\n      )}\n      <div className=\"pgn__data-table-layout-main\">\n        {children}\n      </div>\n    </div>\n  );\n}\n\nDataTableLayout.propTypes = {\n  /** A class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies contents of the component. */\n  children: PropTypes.node.isRequired,\n  /** Specifies title of the component. */\n  filtersTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nDataTableLayout.defaultProps = {\n  className: null,\n  filtersTitle: undefined,\n};\n\nexport default DataTableLayout;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,eAAeA,CAAAC,IAAA,EAIrB;EAAA,IAJsB;IACvBC,YAAY;IACZC,SAAS;IACTC;EACF,CAAC,GAAAH,IAAA;EACC,MAAM;IAAEI,SAAS;IAAEC;EAAqB,CAAC,GAAGX,UAAU,CAACI,gBAAgB,CAAC;EAExE,oBACEL,KAAA,CAAAa,aAAA;IAAKJ,SAAS,EAAEN,UAAU,CAAC,gCAAgC,EAAEM,SAAS;EAAE,GACpEG,oBAAoB,IAAID,SAAS,iBACjCX,KAAA,CAAAa,aAAA;IAAKJ,SAAS,EAAC;EAAgC,gBAC7CT,KAAA,CAAAa,aAAA,CAACT,cAAc;IAACU,KAAK,EAAEN;EAAa,CAAE,CACnC,CACN,eACDR,KAAA,CAAAa,aAAA;IAAKJ,SAAS,EAAC;EAA6B,GACzCC,QACE,CACF,CAAC;AAEV;AAEAJ,eAAe,CAACS,SAAS,GAAG;EAC1B;EACAN,SAAS,EAAEP,SAAS,CAACc,MAAM;EAC3B;EACAN,QAAQ,EAAER,SAAS,CAACe,IAAI,CAACC,UAAU;EACnC;EACAV,YAAY,EAAEN,SAAS,CAACiB,SAAS,CAAC,CAACjB,SAAS,CAACc,MAAM,EAAEd,SAAS,CAACkB,OAAO,CAAC;AACzE,CAAC;AAEDd,eAAe,CAACe,YAAY,GAAG;EAC7BZ,SAAS,EAAE,IAAI;EACfD,YAAY,EAAEc;AAChB,CAAC;AAED,eAAehB,eAAe"}
+{"version":3,"file":"DataTableLayout.js","names":["React","useContext","PropTypes","classNames","SidebarFilters","DataTableContext","DataTableLayout","_ref","filtersTitle","className","children","_useContext","setFilter","showFiltersInSidebar","createElement","title","propTypes","string","node","isRequired","oneOfType","element","defaultProps","undefined"],"sources":["../../src/DataTable/DataTableLayout.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport SidebarFilters from './SidebarFilters';\nimport DataTableContext from './DataTableContext';\n\nfunction DataTableLayout({\n  filtersTitle,\n  className,\n  children,\n}) {\n  const { setFilter, showFiltersInSidebar } = useContext(DataTableContext);\n\n  return (\n    <div className={classNames('pgn__data-table-layout-wrapper', className)}>\n      {(showFiltersInSidebar && setFilter) && (\n        <div className=\"pgn__data-table-layout-sidebar\">\n          <SidebarFilters title={filtersTitle} />\n        </div>\n      )}\n      <div className=\"pgn__data-table-layout-main\">\n        {children}\n      </div>\n    </div>\n  );\n}\n\nDataTableLayout.propTypes = {\n  /** A class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies contents of the component. */\n  children: PropTypes.node.isRequired,\n  /** Specifies title of the component. */\n  filtersTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nDataTableLayout.defaultProps = {\n  className: null,\n  filtersTitle: undefined,\n};\n\nexport default DataTableLayout;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,eAAeA,CAAAC,IAAA,EAIrB;EAAA,IAHDC,YAAY,GAAAD,IAAA,CAAZC,YAAY;IACZC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EAER,IAAAC,WAAA,GAA4CV,UAAU,CAACI,gBAAgB,CAAC;IAAhEO,SAAS,GAAAD,WAAA,CAATC,SAAS;IAAEC,oBAAoB,GAAAF,WAAA,CAApBE,oBAAoB;EAEvC,oBACEb,KAAA,CAAAc,aAAA;IAAKL,SAAS,EAAEN,UAAU,CAAC,gCAAgC,EAAEM,SAAS;EAAE,GACpEI,oBAAoB,IAAID,SAAS,iBACjCZ,KAAA,CAAAc,aAAA;IAAKL,SAAS,EAAC;EAAgC,gBAC7CT,KAAA,CAAAc,aAAA,CAACV,cAAc;IAACW,KAAK,EAAEP;EAAa,CAAE,CACnC,CACN,eACDR,KAAA,CAAAc,aAAA;IAAKL,SAAS,EAAC;EAA6B,GACzCC,QACE,CACF,CAAC;AAEV;AAEAJ,eAAe,CAACU,SAAS,GAAG;EAC1B;EACAP,SAAS,EAAEP,SAAS,CAACe,MAAM;EAC3B;EACAP,QAAQ,EAAER,SAAS,CAACgB,IAAI,CAACC,UAAU;EACnC;EACAX,YAAY,EAAEN,SAAS,CAACkB,SAAS,CAAC,CAAClB,SAAS,CAACe,MAAM,EAAEf,SAAS,CAACmB,OAAO,CAAC;AACzE,CAAC;AAEDf,eAAe,CAACgB,YAAY,GAAG;EAC7Bb,SAAS,EAAE,IAAI;EACfD,YAAY,EAAEe;AAChB,CAAC;AAED,eAAejB,eAAe"}

package/dist/DataTable/DataViewToggle.js

@@ -1,10 +1,16 @@
+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, useState } from 'react';
 import { GridView, ListView } from '../../icons';
 import DataTableContext from './DataTableContext';
 import Icon from '../Icon';
 import IconButtonToggle from '../IconButtonToggle';
 import { IconButtonWithTooltip } from '../IconButton';
-export const DATA_VIEW_TOGGLE_VALUES = {
+export var DATA_VIEW_TOGGLE_VALUES = {
   card: {
     value: 'card',
     alt: 'Card',
@@ -17,33 +23,32 @@ export const DATA_VIEW_TOGGLE_VALUES = {
   }
 };
 function DataViewToggle() {
-  const {
-    dataViewToggleOptions: {
-      isDataViewToggleEnabled,
-      onDataViewToggle,
-      defaultActiveStateValue
-    }
-  } = useContext(DataTableContext);
-  const [activeValue, setActiveValue] = useState(defaultActiveStateValue || 'card');
+  var _useContext = useContext(DataTableContext),
+    _useContext$dataViewT = _useContext.dataViewToggleOptions,
+    isDataViewToggleEnabled = _useContext$dataViewT.isDataViewToggleEnabled,
+    onDataViewToggle = _useContext$dataViewT.onDataViewToggle,
+    defaultActiveStateValue = _useContext$dataViewT.defaultActiveStateValue;
+  var _useState = useState(defaultActiveStateValue || 'card'),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeValue = _useState2[0],
+    setActiveValue = _useState2[1];
   if (!isDataViewToggleEnabled) {
     return null;
   }
-  const handleOnChange = value => {
+  var handleOnChange = function handleOnChange(value) {
     setActiveValue(value);
     if (onDataViewToggle) {
       onDataViewToggle(value);
     }
   };
-  const {
-    value: cardValue,
-    alt: cardAlt,
-    tooltipContent: cardTooltip
-  } = DATA_VIEW_TOGGLE_VALUES.card;
-  const {
-    value: listValue,
-    alt: listAlt,
-    tooltipContent: listTooltip
-  } = DATA_VIEW_TOGGLE_VALUES.list;
+  var _DATA_VIEW_TOGGLE_VAL = DATA_VIEW_TOGGLE_VALUES.card,
+    cardValue = _DATA_VIEW_TOGGLE_VAL.value,
+    cardAlt = _DATA_VIEW_TOGGLE_VAL.alt,
+    cardTooltip = _DATA_VIEW_TOGGLE_VAL.tooltipContent;
+  var _DATA_VIEW_TOGGLE_VAL2 = DATA_VIEW_TOGGLE_VALUES.list,
+    listValue = _DATA_VIEW_TOGGLE_VAL2.value,
+    listAlt = _DATA_VIEW_TOGGLE_VAL2.alt,
+    listTooltip = _DATA_VIEW_TOGGLE_VAL2.tooltipContent;
   return /*#__PURE__*/React.createElement("div", {
     role: "group",
     className: "pgn__data-table-dataview-toggle"

package/dist/DataTable/DataViewToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataViewToggle.js","names":["React","useContext","useState","GridView","ListView","DataTableContext","Icon","IconButtonToggle","IconButtonWithTooltip","DATA_VIEW_TOGGLE_VALUES","card","value","alt","tooltipContent","list","DataViewToggle","dataViewToggleOptions","isDataViewToggleEnabled","onDataViewToggle","defaultActiveStateValue","activeValue","setActiveValue","handleOnChange","cardValue","cardAlt","cardTooltip","listValue","listAlt","listTooltip","createElement","role","className","onChange","src","iconAs"],"sources":["../../src/DataTable/DataViewToggle.jsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport { GridView, ListView } from '../../icons';\nimport DataTableContext from './DataTableContext';\nimport Icon from '../Icon';\nimport IconButtonToggle from '../IconButtonToggle';\nimport { IconButtonWithTooltip } from '../IconButton';\n\nexport const DATA_VIEW_TOGGLE_VALUES = {\n  card: { value: 'card', alt: 'Card', tooltipContent: 'Card view' },\n  list: { value: 'list', alt: 'List', tooltipContent: 'List view' },\n};\n\nfunction DataViewToggle() {\n  const {\n    dataViewToggleOptions: {\n      isDataViewToggleEnabled,\n      onDataViewToggle,\n      defaultActiveStateValue,\n    },\n  } = useContext(DataTableContext);\n\n  const [activeValue, setActiveValue] = useState(defaultActiveStateValue || 'card');\n\n  if (!isDataViewToggleEnabled) { return null; }\n\n  const handleOnChange = value => {\n    setActiveValue(value);\n    if (onDataViewToggle) {\n      onDataViewToggle(value);\n    }\n  };\n  const { value: cardValue, alt: cardAlt, tooltipContent: cardTooltip } = DATA_VIEW_TOGGLE_VALUES.card;\n  const { value: listValue, alt: listAlt, tooltipContent: listTooltip } = DATA_VIEW_TOGGLE_VALUES.list;\n  return (\n    <div role=\"group\" className=\"pgn__data-table-dataview-toggle\">\n      <IconButtonToggle\n        activeValue={activeValue}\n        onChange={handleOnChange}\n      >\n        <IconButtonWithTooltip\n          tooltipContent={cardTooltip}\n          value={cardValue}\n          src={GridView}\n          iconAs={Icon}\n          alt={cardAlt}\n        />\n        <IconButtonWithTooltip\n          tooltipContent={listTooltip}\n          value={listValue}\n          src={ListView}\n          iconAs={Icon}\n          alt={listAlt}\n        />\n      </IconButtonToggle>\n    </div>\n  );\n}\n\nexport default DataViewToggle;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AACnD,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,aAAa;AAChD,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,gBAAgB,MAAM,qBAAqB;AAClD,SAASC,qBAAqB,QAAQ,eAAe;AAErD,OAAO,MAAMC,uBAAuB,GAAG;EACrCC,IAAI,EAAE;IAAEC,KAAK,EAAE,MAAM;IAAEC,GAAG,EAAE,MAAM;IAAEC,cAAc,EAAE;EAAY,CAAC;EACjEC,IAAI,EAAE;IAAEH,KAAK,EAAE,MAAM;IAAEC,GAAG,EAAE,MAAM;IAAEC,cAAc,EAAE;EAAY;AAClE,CAAC;AAED,SAASE,cAAcA,CAAA,EAAG;EACxB,MAAM;IACJC,qBAAqB,EAAE;MACrBC,uBAAuB;MACvBC,gBAAgB;MAChBC;IACF;EACF,CAAC,GAAGlB,UAAU,CAACI,gBAAgB,CAAC;EAEhC,MAAM,CAACe,WAAW,EAAEC,cAAc,CAAC,GAAGnB,QAAQ,CAACiB,uBAAuB,IAAI,MAAM,CAAC;EAEjF,IAAI,CAACF,uBAAuB,EAAE;IAAE,OAAO,IAAI;EAAE;EAE7C,MAAMK,cAAc,GAAGX,KAAK,IAAI;IAC9BU,cAAc,CAACV,KAAK,CAAC;IACrB,IAAIO,gBAAgB,EAAE;MACpBA,gBAAgB,CAACP,KAAK,CAAC;IACzB;EACF,CAAC;EACD,MAAM;IAAEA,KAAK,EAAEY,SAAS;IAAEX,GAAG,EAAEY,OAAO;IAAEX,cAAc,EAAEY;EAAY,CAAC,GAAGhB,uBAAuB,CAACC,IAAI;EACpG,MAAM;IAAEC,KAAK,EAAEe,SAAS;IAAEd,GAAG,EAAEe,OAAO;IAAEd,cAAc,EAAEe;EAAY,CAAC,GAAGnB,uBAAuB,CAACK,IAAI;EACpG,oBACEd,KAAA,CAAA6B,aAAA;IAAKC,IAAI,EAAC,OAAO;IAACC,SAAS,EAAC;EAAiC,gBAC3D/B,KAAA,CAAA6B,aAAA,CAACtB,gBAAgB;IACfa,WAAW,EAAEA,WAAY;IACzBY,QAAQ,EAAEV;EAAe,gBAEzBtB,KAAA,CAAA6B,aAAA,CAACrB,qBAAqB;IACpBK,cAAc,EAAEY,WAAY;IAC5Bd,KAAK,EAAEY,SAAU;IACjBU,GAAG,EAAE9B,QAAS;IACd+B,MAAM,EAAE5B,IAAK;IACbM,GAAG,EAAEY;EAAQ,CACd,CAAC,eACFxB,KAAA,CAAA6B,aAAA,CAACrB,qBAAqB;IACpBK,cAAc,EAAEe,WAAY;IAC5BjB,KAAK,EAAEe,SAAU;IACjBO,GAAG,EAAE7B,QAAS;IACd8B,MAAM,EAAE5B,IAAK;IACbM,GAAG,EAAEe;EAAQ,CACd,CACe,CACf,CAAC;AAEV;AAEA,eAAeZ,cAAc"}
+{"version":3,"file":"DataViewToggle.js","names":["React","useContext","useState","GridView","ListView","DataTableContext","Icon","IconButtonToggle","IconButtonWithTooltip","DATA_VIEW_TOGGLE_VALUES","card","value","alt","tooltipContent","list","DataViewToggle","_useContext","_useContext$dataViewT","dataViewToggleOptions","isDataViewToggleEnabled","onDataViewToggle","defaultActiveStateValue","_useState","_useState2","_slicedToArray","activeValue","setActiveValue","handleOnChange","_DATA_VIEW_TOGGLE_VAL","cardValue","cardAlt","cardTooltip","_DATA_VIEW_TOGGLE_VAL2","listValue","listAlt","listTooltip","createElement","role","className","onChange","src","iconAs"],"sources":["../../src/DataTable/DataViewToggle.jsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport { GridView, ListView } from '../../icons';\nimport DataTableContext from './DataTableContext';\nimport Icon from '../Icon';\nimport IconButtonToggle from '../IconButtonToggle';\nimport { IconButtonWithTooltip } from '../IconButton';\n\nexport const DATA_VIEW_TOGGLE_VALUES = {\n  card: { value: 'card', alt: 'Card', tooltipContent: 'Card view' },\n  list: { value: 'list', alt: 'List', tooltipContent: 'List view' },\n};\n\nfunction DataViewToggle() {\n  const {\n    dataViewToggleOptions: {\n      isDataViewToggleEnabled,\n      onDataViewToggle,\n      defaultActiveStateValue,\n    },\n  } = useContext(DataTableContext);\n\n  const [activeValue, setActiveValue] = useState(defaultActiveStateValue || 'card');\n\n  if (!isDataViewToggleEnabled) { return null; }\n\n  const handleOnChange = value => {\n    setActiveValue(value);\n    if (onDataViewToggle) {\n      onDataViewToggle(value);\n    }\n  };\n  const { value: cardValue, alt: cardAlt, tooltipContent: cardTooltip } = DATA_VIEW_TOGGLE_VALUES.card;\n  const { value: listValue, alt: listAlt, tooltipContent: listTooltip } = DATA_VIEW_TOGGLE_VALUES.list;\n  return (\n    <div role=\"group\" className=\"pgn__data-table-dataview-toggle\">\n      <IconButtonToggle\n        activeValue={activeValue}\n        onChange={handleOnChange}\n      >\n        <IconButtonWithTooltip\n          tooltipContent={cardTooltip}\n          value={cardValue}\n          src={GridView}\n          iconAs={Icon}\n          alt={cardAlt}\n        />\n        <IconButtonWithTooltip\n          tooltipContent={listTooltip}\n          value={listValue}\n          src={ListView}\n          iconAs={Icon}\n          alt={listAlt}\n        />\n      </IconButtonToggle>\n    </div>\n  );\n}\n\nexport default DataViewToggle;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AACnD,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,aAAa;AAChD,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,gBAAgB,MAAM,qBAAqB;AAClD,SAASC,qBAAqB,QAAQ,eAAe;AAErD,OAAO,IAAMC,uBAAuB,GAAG;EACrCC,IAAI,EAAE;IAAEC,KAAK,EAAE,MAAM;IAAEC,GAAG,EAAE,MAAM;IAAEC,cAAc,EAAE;EAAY,CAAC;EACjEC,IAAI,EAAE;IAAEH,KAAK,EAAE,MAAM;IAAEC,GAAG,EAAE,MAAM;IAAEC,cAAc,EAAE;EAAY;AAClE,CAAC;AAED,SAASE,cAAcA,CAAA,EAAG;EACxB,IAAAC,WAAA,GAMIf,UAAU,CAACI,gBAAgB,CAAC;IAAAY,qBAAA,GAAAD,WAAA,CAL9BE,qBAAqB;IACnBC,uBAAuB,GAAAF,qBAAA,CAAvBE,uBAAuB;IACvBC,gBAAgB,GAAAH,qBAAA,CAAhBG,gBAAgB;IAChBC,uBAAuB,GAAAJ,qBAAA,CAAvBI,uBAAuB;EAI3B,IAAAC,SAAA,GAAsCpB,QAAQ,CAACmB,uBAAuB,IAAI,MAAM,CAAC;IAAAE,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAA1EG,WAAW,GAAAF,UAAA;IAAEG,cAAc,GAAAH,UAAA;EAElC,IAAI,CAACJ,uBAAuB,EAAE;IAAE,OAAO,IAAI;EAAE;EAE7C,IAAMQ,cAAc,GAAG,SAAjBA,cAAcA,CAAGhB,KAAK,EAAI;IAC9Be,cAAc,CAACf,KAAK,CAAC;IACrB,IAAIS,gBAAgB,EAAE;MACpBA,gBAAgB,CAACT,KAAK,CAAC;IACzB;EACF,CAAC;EACD,IAAAiB,qBAAA,GAAwEnB,uBAAuB,CAACC,IAAI;IAArFmB,SAAS,GAAAD,qBAAA,CAAhBjB,KAAK;IAAkBmB,OAAO,GAAAF,qBAAA,CAAZhB,GAAG;IAA2BmB,WAAW,GAAAH,qBAAA,CAA3Bf,cAAc;EACtD,IAAAmB,sBAAA,GAAwEvB,uBAAuB,CAACK,IAAI;IAArFmB,SAAS,GAAAD,sBAAA,CAAhBrB,KAAK;IAAkBuB,OAAO,GAAAF,sBAAA,CAAZpB,GAAG;IAA2BuB,WAAW,GAAAH,sBAAA,CAA3BnB,cAAc;EACtD,oBACEb,KAAA,CAAAoC,aAAA;IAAKC,IAAI,EAAC,OAAO;IAACC,SAAS,EAAC;EAAiC,gBAC3DtC,KAAA,CAAAoC,aAAA,CAAC7B,gBAAgB;IACfkB,WAAW,EAAEA,WAAY;IACzBc,QAAQ,EAAEZ;EAAe,gBAEzB3B,KAAA,CAAAoC,aAAA,CAAC5B,qBAAqB;IACpBK,cAAc,EAAEkB,WAAY;IAC5BpB,KAAK,EAAEkB,SAAU;IACjBW,GAAG,EAAErC,QAAS;IACdsC,MAAM,EAAEnC,IAAK;IACbM,GAAG,EAAEkB;EAAQ,CACd,CAAC,eACF9B,KAAA,CAAAoC,aAAA,CAAC5B,qBAAqB;IACpBK,cAAc,EAAEsB,WAAY;IAC5BxB,KAAK,EAAEsB,SAAU;IACjBO,GAAG,EAAEpC,QAAS;IACdqC,MAAM,EAAEnC,IAAK;IACbM,GAAG,EAAEsB;EAAQ,CACd,CACe,CACf,CAAC;AAEV;AAEA,eAAenB,cAAc"}