@openedx/paragon 23.2.0 → 23.3.0

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","_objectSpread","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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","ignoreList":[]}
+{"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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","ignoreList":[]}

package/dist/DataTable/CollapsibleButtonGroup.js

@@ -1,27 +1,8 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["className", "actions"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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';
 import PropTypes from 'prop-types';
 import { MoreVert } from '../../icons';
-import useToggle from '../hooks/useToggle';
-import useWindowSize from '../hooks/useWindowSize';
+import useToggle from '../hooks/useToggleHook';
+import useWindowSize from '../hooks/useWindowSizeHook';
 import DataTableContext from './DataTableContext';
 import Icon from '../Icon';
 import IconButton from '../IconButton';
@@ -29,58 +10,54 @@ import breakpoints from '../utils/breakpoints';
 import ModalPopup from '../Modal/ModalPopup';
 import Stack from '../Stack';
 import Button from '../Button';
-export var ACTION_OVERFLOW_BUTTON_TEXT = 'More actions';
-export var SMALL_SCREEN_ACTION_OVERFLOW_BUTTON_TEXT = 'Actions';
+export const ACTION_OVERFLOW_BUTTON_TEXT = 'More actions';
+export const SMALL_SCREEN_ACTION_OVERFLOW_BUTTON_TEXT = 'Actions';
 function CollapsibleButtonGroup(_ref) {
-  var className = _ref.className,
-    actions = _ref.actions,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  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);
+  let {
+    className,
+    actions,
+    ...rest
+  } = _ref;
+  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);
 
-      /*  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];
+    /*  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]);
   if (!isEntireTableSelected && !selectedRows) {
     return null;
   }
-  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", _objectSpread({
-    className: className
-  }, rest), dropdownActions.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconButton, {
+  const cloneAction = (action, index) => /*#__PURE__*/React.cloneElement(action.component, {
+    // eslint-disable-next-line react/no-array-index-key
+    key: `${action}${index}`,
+    as: Button,
+    // for backwards compatibility this is needed
+    ...action.args
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: className,
+    ...rest
+  }, dropdownActions.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconButton, {
     variant: "secondary",
     iconAs: Icon,
     src: MoreVert,

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","_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","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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","ignoreList":[]}
+{"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","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","key","as","args","createElement","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/useToggleHook';\nimport useWindowSize from '../hooks/useWindowSizeHook';\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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","ignoreList":[]}

package/dist/DataTable/DataTableContext.js

@@ -1,4 +1,4 @@
 import { createContext } from 'react';
-var DataTableContext = /*#__PURE__*/createContext({});
+const 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,IAAMC,gBAAgB,gBAAGD,aAAa,CAAC,CAAC,CAAC,CAAC;AAE1C,eAAeC,gBAAgB","ignoreList":[]}
+{"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","ignoreList":[]}

package/dist/DataTable/DataTableLayout.js

@@ -4,12 +4,15 @@ import classNames from 'classnames';
 import SidebarFilters from './SidebarFilters';
 import DataTableContext from './DataTableContext';
 function DataTableLayout(_ref) {
-  var filtersTitle = _ref.filtersTitle,
-    className = _ref.className,
-    children = _ref.children;
-  var _useContext = useContext(DataTableContext),
-    setFilter = _useContext.setFilter,
-    showFiltersInSidebar = _useContext.showFiltersInSidebar;
+  let {
+    filtersTitle,
+    className,
+    children
+  } = _ref;
+  const {
+    setFilter,
+    showFiltersInSidebar
+  } = useContext(DataTableContext);
   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","_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","ignoreList":[]}
+{"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","ignoreList":[]}

package/dist/DataTable/DataViewToggle.js

@@ -1,16 +1,10 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import 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 var DATA_VIEW_TOGGLE_VALUES = {
+export const DATA_VIEW_TOGGLE_VALUES = {
   card: {
     value: 'card',
     alt: 'Card',
@@ -23,32 +17,33 @@ export var DATA_VIEW_TOGGLE_VALUES = {
   }
 };
 function DataViewToggle() {
-  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];
+  const {
+    dataViewToggleOptions: {
+      isDataViewToggleEnabled,
+      onDataViewToggle,
+      defaultActiveStateValue
+    }
+  } = useContext(DataTableContext);
+  const [activeValue, setActiveValue] = useState(defaultActiveStateValue || 'card');
   if (!isDataViewToggleEnabled) {
     return null;
   }
-  var handleOnChange = function handleOnChange(value) {
+  const handleOnChange = value => {
     setActiveValue(value);
     if (onDataViewToggle) {
       onDataViewToggle(value);
     }
   };
-  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;
+  const {
+    value: cardValue,
+    alt: cardAlt,
+    tooltipContent: cardTooltip
+  } = DATA_VIEW_TOGGLE_VALUES.card;
+  const {
+    value: listValue,
+    alt: listAlt,
+    tooltipContent: listTooltip
+  } = DATA_VIEW_TOGGLE_VALUES.list;
   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","_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","ignoreList":[]}
+{"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","ignoreList":[]}

package/dist/DataTable/DropdownFilters.js

@@ -1,57 +1,44 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useContext, useMemo } from 'react';
 import DataTableContext from './DataTableContext';
 import { DropdownButton } from '../Dropdown';
-import useWindowSize from '../hooks/useWindowSize';
+import useWindowSize from '../hooks/useWindowSizeHook';
 import breakpoints from '../utils/breakpoints';
 
 /** The first filter will be as an input, additional filters will be available in a dropdown.  */
 function DropdownFilters() {
-  var _useWindowSize = useWindowSize(),
-    width = _useWindowSize.width;
-  var _useContext = useContext(DataTableContext),
-    columns = _useContext.columns,
-    numBreakoutFilters = _useContext.numBreakoutFilters;
-  var _useMemo = useMemo(function () {
-      if (!columns) {
-        return [[], []];
-      }
-      var availableFilters = columns.filter(function (column) {
-        return column.canFilter;
-      });
-      if (width < breakpoints.small.minWidth) {
-        return [[], availableFilters];
-      }
-      var numberOfBreakoutFilters = numBreakoutFilters || 1;
-      var boFilters = availableFilters.slice(0, numberOfBreakoutFilters);
-      var dropdownFilters = availableFilters.slice(numberOfBreakoutFilters);
-      return [boFilters, dropdownFilters];
-    }, [columns, width, numBreakoutFilters]),
-    _useMemo2 = _slicedToArray(_useMemo, 2),
-    breakoutFilters = _useMemo2[0],
-    otherFilters = _useMemo2[1];
+  const {
+    width
+  } = useWindowSize();
+  const {
+    columns,
+    numBreakoutFilters
+  } = useContext(DataTableContext);
+  const [breakoutFilters, otherFilters] = useMemo(() => {
+    if (!columns) {
+      return [[], []];
+    }
+    const availableFilters = columns.filter(column => column.canFilter);
+    if (width < breakpoints.small.minWidth) {
+      return [[], availableFilters];
+    }
+    const numberOfBreakoutFilters = numBreakoutFilters || 1;
+    const boFilters = availableFilters.slice(0, numberOfBreakoutFilters);
+    const dropdownFilters = availableFilters.slice(numberOfBreakoutFilters);
+    return [boFilters, dropdownFilters];
+  }, [columns, width, numBreakoutFilters]);
   return /*#__PURE__*/React.createElement("div", {
     className: "pgn__data-table-filters"
-  }, breakoutFilters.length > 0 && breakoutFilters.map(function (column) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "pgn__data-table-filters-breakout-filter",
-      key: column.Header
-    }, column.render('Filter'));
-  }), otherFilters.length > 0 && /*#__PURE__*/React.createElement(DropdownButton, {
+  }, breakoutFilters.length > 0 && breakoutFilters.map(column => /*#__PURE__*/React.createElement("div", {
+    className: "pgn__data-table-filters-breakout-filter",
+    key: column.Header
+  }, column.render('Filter'))), otherFilters.length > 0 && /*#__PURE__*/React.createElement(DropdownButton, {
     variant: "outline-primary",
     id: "table-filters-dropdown",
     title: "Filters"
-  }, otherFilters.map(function (column) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: column.Header,
-      className: "pgn__data-table-filters-dropdown-item"
-    }, column.render('Filter'));
-  })));
+  }, otherFilters.map(column => /*#__PURE__*/React.createElement("div", {
+    key: column.Header,
+    className: "pgn__data-table-filters-dropdown-item"
+  }, column.render('Filter')))));
 }
 export default DropdownFilters;
 //# sourceMappingURL=DropdownFilters.js.map

package/dist/DataTable/DropdownFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFilters.js","names":["React","useContext","useMemo","DataTableContext","DropdownButton","useWindowSize","breakpoints","DropdownFilters","_useWindowSize","width","_useContext","columns","numBreakoutFilters","_useMemo","availableFilters","filter","column","canFilter","small","minWidth","numberOfBreakoutFilters","boFilters","slice","dropdownFilters","_useMemo2","_slicedToArray","breakoutFilters","otherFilters","createElement","className","length","map","key","Header","render","variant","id","title"],"sources":["../../src/DataTable/DropdownFilters.jsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport DataTableContext from './DataTableContext';\nimport { DropdownButton } from '../Dropdown';\nimport useWindowSize from '../hooks/useWindowSize';\nimport breakpoints from '../utils/breakpoints';\n\n/** The first filter will be as an input, additional filters will be available in a dropdown.  */\nfunction DropdownFilters() {\n  const { width } = useWindowSize();\n  const { columns, numBreakoutFilters } = useContext(DataTableContext);\n\n  const [breakoutFilters, otherFilters] = useMemo(() => {\n    if (!columns) {\n      return [[], []];\n    }\n    const availableFilters = columns.filter((column) => column.canFilter);\n    if (width < breakpoints.small.minWidth) {\n      return [[], availableFilters];\n    }\n\n    const numberOfBreakoutFilters = numBreakoutFilters || 1;\n    const boFilters = availableFilters.slice(0, numberOfBreakoutFilters);\n    const dropdownFilters = availableFilters.slice(numberOfBreakoutFilters);\n\n    return [boFilters, dropdownFilters];\n  }, [columns, width, numBreakoutFilters]);\n\n  return (\n    <div className=\"pgn__data-table-filters\">\n      {breakoutFilters.length > 0 && breakoutFilters.map((column) => (\n        <div className=\"pgn__data-table-filters-breakout-filter\" key={column.Header}>\n          {column.render('Filter')}\n        </div>\n      ))}\n      {otherFilters.length > 0 && (\n        <DropdownButton variant=\"outline-primary\" id=\"table-filters-dropdown\" title=\"Filters\">\n          {otherFilters.map((column) => (\n            <div\n              key={column.Header}\n              className=\"pgn__data-table-filters-dropdown-item\"\n            >\n              {column.render('Filter')}\n            </div>\n          ))}\n        </DropdownButton>\n      )}\n    </div>\n  );\n}\n\nexport default DropdownFilters;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,cAAc,QAAQ,aAAa;AAC5C,OAAOC,aAAa,MAAM,wBAAwB;AAClD,OAAOC,WAAW,MAAM,sBAAsB;;AAE9C;AACA,SAASC,eAAeA,CAAA,EAAG;EACzB,IAAAC,cAAA,GAAkBH,aAAa,CAAC,CAAC;IAAzBI,KAAK,GAAAD,cAAA,CAALC,KAAK;EACb,IAAAC,WAAA,GAAwCT,UAAU,CAACE,gBAAgB,CAAC;IAA5DQ,OAAO,GAAAD,WAAA,CAAPC,OAAO;IAAEC,kBAAkB,GAAAF,WAAA,CAAlBE,kBAAkB;EAEnC,IAAAC,QAAA,GAAwCX,OAAO,CAAC,YAAM;MACpD,IAAI,CAACS,OAAO,EAAE;QACZ,OAAO,CAAC,EAAE,EAAE,EAAE,CAAC;MACjB;MACA,IAAMG,gBAAgB,GAAGH,OAAO,CAACI,MAAM,CAAC,UAACC,MAAM;QAAA,OAAKA,MAAM,CAACC,SAAS;MAAA,EAAC;MACrE,IAAIR,KAAK,GAAGH,WAAW,CAACY,KAAK,CAACC,QAAQ,EAAE;QACtC,OAAO,CAAC,EAAE,EAAEL,gBAAgB,CAAC;MAC/B;MAEA,IAAMM,uBAAuB,GAAGR,kBAAkB,IAAI,CAAC;MACvD,IAAMS,SAAS,GAAGP,gBAAgB,CAACQ,KAAK,CAAC,CAAC,EAAEF,uBAAuB,CAAC;MACpE,IAAMG,eAAe,GAAGT,gBAAgB,CAACQ,KAAK,CAACF,uBAAuB,CAAC;MAEvE,OAAO,CAACC,SAAS,EAAEE,eAAe,CAAC;IACrC,CAAC,EAAE,CAACZ,OAAO,EAAEF,KAAK,EAAEG,kBAAkB,CAAC,CAAC;IAAAY,SAAA,GAAAC,cAAA,CAAAZ,QAAA;IAdjCa,eAAe,GAAAF,SAAA;IAAEG,YAAY,GAAAH,SAAA;EAgBpC,oBACExB,KAAA,CAAA4B,aAAA;IAAKC,SAAS,EAAC;EAAyB,GACrCH,eAAe,CAACI,MAAM,GAAG,CAAC,IAAIJ,eAAe,CAACK,GAAG,CAAC,UAACf,MAAM;IAAA,oBACxDhB,KAAA,CAAA4B,aAAA;MAAKC,SAAS,EAAC,yCAAyC;MAACG,GAAG,EAAEhB,MAAM,CAACiB;IAAO,GACzEjB,MAAM,CAACkB,MAAM,CAAC,QAAQ,CACpB,CAAC;EAAA,CACP,CAAC,EACDP,YAAY,CAACG,MAAM,GAAG,CAAC,iBACtB9B,KAAA,CAAA4B,aAAA,CAACxB,cAAc;IAAC+B,OAAO,EAAC,iBAAiB;IAACC,EAAE,EAAC,wBAAwB;IAACC,KAAK,EAAC;EAAS,GAClFV,YAAY,CAACI,GAAG,CAAC,UAACf,MAAM;IAAA,oBACvBhB,KAAA,CAAA4B,aAAA;MACEI,GAAG,EAAEhB,MAAM,CAACiB,MAAO;MACnBJ,SAAS,EAAC;IAAuC,GAEhDb,MAAM,CAACkB,MAAM,CAAC,QAAQ,CACpB,CAAC;EAAA,CACP,CACa,CAEf,CAAC;AAEV;AAEA,eAAe3B,eAAe","ignoreList":[]}
+{"version":3,"file":"DropdownFilters.js","names":["React","useContext","useMemo","DataTableContext","DropdownButton","useWindowSize","breakpoints","DropdownFilters","width","columns","numBreakoutFilters","breakoutFilters","otherFilters","availableFilters","filter","column","canFilter","small","minWidth","numberOfBreakoutFilters","boFilters","slice","dropdownFilters","createElement","className","length","map","key","Header","render","variant","id","title"],"sources":["../../src/DataTable/DropdownFilters.jsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport DataTableContext from './DataTableContext';\nimport { DropdownButton } from '../Dropdown';\nimport useWindowSize from '../hooks/useWindowSizeHook';\nimport breakpoints from '../utils/breakpoints';\n\n/** The first filter will be as an input, additional filters will be available in a dropdown.  */\nfunction DropdownFilters() {\n  const { width } = useWindowSize();\n  const { columns, numBreakoutFilters } = useContext(DataTableContext);\n\n  const [breakoutFilters, otherFilters] = useMemo(() => {\n    if (!columns) {\n      return [[], []];\n    }\n    const availableFilters = columns.filter((column) => column.canFilter);\n    if (width < breakpoints.small.minWidth) {\n      return [[], availableFilters];\n    }\n\n    const numberOfBreakoutFilters = numBreakoutFilters || 1;\n    const boFilters = availableFilters.slice(0, numberOfBreakoutFilters);\n    const dropdownFilters = availableFilters.slice(numberOfBreakoutFilters);\n\n    return [boFilters, dropdownFilters];\n  }, [columns, width, numBreakoutFilters]);\n\n  return (\n    <div className=\"pgn__data-table-filters\">\n      {breakoutFilters.length > 0 && breakoutFilters.map((column) => (\n        <div className=\"pgn__data-table-filters-breakout-filter\" key={column.Header}>\n          {column.render('Filter')}\n        </div>\n      ))}\n      {otherFilters.length > 0 && (\n        <DropdownButton variant=\"outline-primary\" id=\"table-filters-dropdown\" title=\"Filters\">\n          {otherFilters.map((column) => (\n            <div\n              key={column.Header}\n              className=\"pgn__data-table-filters-dropdown-item\"\n            >\n              {column.render('Filter')}\n            </div>\n          ))}\n        </DropdownButton>\n      )}\n    </div>\n  );\n}\n\nexport default DropdownFilters;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,cAAc,QAAQ,aAAa;AAC5C,OAAOC,aAAa,MAAM,4BAA4B;AACtD,OAAOC,WAAW,MAAM,sBAAsB;;AAE9C;AACA,SAASC,eAAeA,CAAA,EAAG;EACzB,MAAM;IAAEC;EAAM,CAAC,GAAGH,aAAa,CAAC,CAAC;EACjC,MAAM;IAAEI,OAAO;IAAEC;EAAmB,CAAC,GAAGT,UAAU,CAACE,gBAAgB,CAAC;EAEpE,MAAM,CAACQ,eAAe,EAAEC,YAAY,CAAC,GAAGV,OAAO,CAAC,MAAM;IACpD,IAAI,CAACO,OAAO,EAAE;MACZ,OAAO,CAAC,EAAE,EAAE,EAAE,CAAC;IACjB;IACA,MAAMI,gBAAgB,GAAGJ,OAAO,CAACK,MAAM,CAAEC,MAAM,IAAKA,MAAM,CAACC,SAAS,CAAC;IACrE,IAAIR,KAAK,GAAGF,WAAW,CAACW,KAAK,CAACC,QAAQ,EAAE;MACtC,OAAO,CAAC,EAAE,EAAEL,gBAAgB,CAAC;IAC/B;IAEA,MAAMM,uBAAuB,GAAGT,kBAAkB,IAAI,CAAC;IACvD,MAAMU,SAAS,GAAGP,gBAAgB,CAACQ,KAAK,CAAC,CAAC,EAAEF,uBAAuB,CAAC;IACpE,MAAMG,eAAe,GAAGT,gBAAgB,CAACQ,KAAK,CAACF,uBAAuB,CAAC;IAEvE,OAAO,CAACC,SAAS,EAAEE,eAAe,CAAC;EACrC,CAAC,EAAE,CAACb,OAAO,EAAED,KAAK,EAAEE,kBAAkB,CAAC,CAAC;EAExC,oBACEV,KAAA,CAAAuB,aAAA;IAAKC,SAAS,EAAC;EAAyB,GACrCb,eAAe,CAACc,MAAM,GAAG,CAAC,IAAId,eAAe,CAACe,GAAG,CAAEX,MAAM,iBACxDf,KAAA,CAAAuB,aAAA;IAAKC,SAAS,EAAC,yCAAyC;IAACG,GAAG,EAAEZ,MAAM,CAACa;EAAO,GACzEb,MAAM,CAACc,MAAM,CAAC,QAAQ,CACpB,CACN,CAAC,EACDjB,YAAY,CAACa,MAAM,GAAG,CAAC,iBACtBzB,KAAA,CAAAuB,aAAA,CAACnB,cAAc;IAAC0B,OAAO,EAAC,iBAAiB;IAACC,EAAE,EAAC,wBAAwB;IAACC,KAAK,EAAC;EAAS,GAClFpB,YAAY,CAACc,GAAG,CAAEX,MAAM,iBACvBf,KAAA,CAAAuB,aAAA;IACEI,GAAG,EAAEZ,MAAM,CAACa,MAAO;IACnBJ,SAAS,EAAC;EAAuC,GAEhDT,MAAM,CAACc,MAAM,CAAC,QAAQ,CACpB,CACN,CACa,CAEf,CAAC;AAEV;AAEA,eAAetB,eAAe","ignoreList":[]}

package/dist/DataTable/EmptyTable.js

@@ -1,29 +1,24 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["content", "className"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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 } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import DataTableContext from './DataTableContext';
 function EmptyTable(_ref) {
-  var content = _ref.content,
-    className = _ref.className,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useContext = useContext(DataTableContext),
-    rows = _useContext.rows,
-    isLoading = _useContext.isLoading;
+  let {
+    content,
+    className,
+    ...rest
+  } = _ref;
+  const {
+    rows,
+    isLoading
+  } = useContext(DataTableContext);
   if (isLoading || !rows || rows.length > 0) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("div", _objectSpread({
-    className: classNames('pgn__data-table-empty', className)
-  }, rest), content);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('pgn__data-table-empty', className),
+    ...rest
+  }, content);
 }
 EmptyTable.defaultProps = {
   className: null

package/dist/DataTable/EmptyTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyTable.js","names":["React","useContext","PropTypes","classNames","DataTableContext","EmptyTable","_ref","content","className","rest","_objectWithoutProperties","_excluded","_useContext","rows","isLoading","length","createElement","_objectSpread","defaultProps","propTypes","string","isRequired"],"sources":["../../src/DataTable/EmptyTable.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport DataTableContext from './DataTableContext';\n\nfunction EmptyTable({ content, className, ...rest }) {\n  const { rows, isLoading } = useContext(DataTableContext);\n  if (isLoading || !rows || rows.length > 0) { return null; }\n\n  return (<div className={classNames('pgn__data-table-empty', className)} {...rest}>{content}</div>);\n}\n\nEmptyTable.defaultProps = {\n  className: null,\n};\n\nEmptyTable.propTypes = {\n  className: PropTypes.string,\n  content: PropTypes.string.isRequired,\n};\n\nexport default EmptyTable;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,UAAUA,CAAAC,IAAA,EAAkC;EAAA,IAA/BC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAKC,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAC/C,IAAAC,WAAA,GAA4BX,UAAU,CAACG,gBAAgB,CAAC;IAAhDS,IAAI,GAAAD,WAAA,CAAJC,IAAI;IAAEC,SAAS,GAAAF,WAAA,CAATE,SAAS;EACvB,IAAIA,SAAS,IAAI,CAACD,IAAI,IAAIA,IAAI,CAACE,MAAM,GAAG,CAAC,EAAE;IAAE,OAAO,IAAI;EAAE;EAE1D,oBAAQf,KAAA,CAAAgB,aAAA,QAAAC,aAAA;IAAKT,SAAS,EAAEL,UAAU,CAAC,uBAAuB,EAAEK,SAAS;EAAE,GAAKC,IAAI,GAAGF,OAAa,CAAC;AACnG;AAEAF,UAAU,CAACa,YAAY,GAAG;EACxBV,SAAS,EAAE;AACb,CAAC;AAEDH,UAAU,CAACc,SAAS,GAAG;EACrBX,SAAS,EAAEN,SAAS,CAACkB,MAAM;EAC3Bb,OAAO,EAAEL,SAAS,CAACkB,MAAM,CAACC;AAC5B,CAAC;AAED,eAAehB,UAAU","ignoreList":[]}
+{"version":3,"file":"EmptyTable.js","names":["React","useContext","PropTypes","classNames","DataTableContext","EmptyTable","_ref","content","className","rest","rows","isLoading","length","createElement","defaultProps","propTypes","string","isRequired"],"sources":["../../src/DataTable/EmptyTable.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport DataTableContext from './DataTableContext';\n\nfunction EmptyTable({ content, className, ...rest }) {\n  const { rows, isLoading } = useContext(DataTableContext);\n  if (isLoading || !rows || rows.length > 0) { return null; }\n\n  return (<div className={classNames('pgn__data-table-empty', className)} {...rest}>{content}</div>);\n}\n\nEmptyTable.defaultProps = {\n  className: null,\n};\n\nEmptyTable.propTypes = {\n  className: PropTypes.string,\n  content: PropTypes.string.isRequired,\n};\n\nexport default EmptyTable;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,UAAUA,CAAAC,IAAA,EAAkC;EAAA,IAAjC;IAAEC,OAAO;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAAH,IAAA;EACjD,MAAM;IAAEI,IAAI;IAAEC;EAAU,CAAC,GAAGV,UAAU,CAACG,gBAAgB,CAAC;EACxD,IAAIO,SAAS,IAAI,CAACD,IAAI,IAAIA,IAAI,CAACE,MAAM,GAAG,CAAC,EAAE;IAAE,OAAO,IAAI;EAAE;EAE1D,oBAAQZ,KAAA,CAAAa,aAAA;IAAKL,SAAS,EAAEL,UAAU,CAAC,uBAAuB,EAAEK,SAAS,CAAE;IAAA,GAAKC;EAAI,GAAGF,OAAa,CAAC;AACnG;AAEAF,UAAU,CAACS,YAAY,GAAG;EACxBN,SAAS,EAAE;AACb,CAAC;AAEDH,UAAU,CAACU,SAAS,GAAG;EACrBP,SAAS,EAAEN,SAAS,CAACc,MAAM;EAC3BT,OAAO,EAAEL,SAAS,CAACc,MAAM,CAACC;AAC5B,CAAC;AAED,eAAeZ,UAAU","ignoreList":[]}