@openedx/paragon 22.0.0-alpha.23 → 22.0.0

package/dist/Collapsible/index.scss

@@ -1,3 +1,5 @@
+@import "variables";
+
 .collapsible-card {
   // stylelint-disable-next-line
   @extend .card;
@@ -5,9 +7,9 @@
   border-radius: 0;
 
   .collapsible-trigger {
-    padding: var(--pgn-spacing-collapsible-card-spacer-y-base) var(--pgn-spacing-collapsible-card-spacer-x-base);
-    border-radius: calc(var(--pgn-size-card-border-radius-base) - var(--pgn-size-card-border-width));
-    border-bottom: var(--pgn-size-card-border-width) solid transparent;
+    padding: $collapsible-card-spacer-y $collapsible-card-spacer-x;
+    border-radius: $card-inner-border-radius;
+    border-bottom: $card-border-width solid transparent;
     transition: border-color 100ms ease 150ms;
     cursor: pointer;
     display: flex;
@@ -21,10 +23,8 @@
     }
 
     &[aria-expanded="true"] {
-      border-radius:
-        calc(var(--pgn-size-card-border-radius-base) - var(--pgn-size-card-border-width))
-        calc(var(--pgn-size-card-border-radius-base) - var(--pgn-size-card-border-width)) 0 0;
-      border-color: var(--pgn-color-card-border-base);
+      border-radius: $card-inner-border-radius $card-inner-border-radius 0 0;
+      border-color: $card-border-color;
       transition: none;
       text-align: start;
     }
@@ -34,8 +34,8 @@
     // stylelint-disable-next-line
     @extend .card-body;
 
-    padding: var(--pgn-spacing-collapsible-card-spacer-y-base) var(--pgn-spacing-collapsible-card-spacer-x-base);
-    padding-left: var(--pgn-spacing-collapsible-card-spacer-left-body);
+    padding: $collapsible-card-spacer-y $collapsible-card-spacer-x;
+    padding-left: $collapsible-card-body-spacer-left;
     text-align: start;
 
     & > *:last-child {
@@ -44,7 +44,7 @@
   }
 
   .collapsible-icon {
-    margin-inline-start: var(--pgn-spacing-collapsible-card-spacer-icon);
+    margin-inline-start: $collapsible-card-spacer-icon;
   }
 }
 
@@ -53,11 +53,11 @@
   @extend .collapsible-card;
 
   .collapsible-trigger {
-    padding: var(--pgn-spacing-collapsible-card-spacer-y-lg) var(--pgn-spacing-collapsible-card-spacer-x-lg);
+    padding: $collapsible-card-spacer-y-lg $collapsible-card-spacer-x-lg;
   }
 
   .collapsible-body {
-    padding: var(--pgn-spacing-collapsible-card-spacer-y-lg) var(--pgn-spacing-collapsible-card-spacer-x-lg);
+    padding: $collapsible-card-spacer-y-lg $collapsible-card-spacer-x-lg;
   }
 }
 
@@ -68,11 +68,11 @@
     align-items: center;
     text-decoration: underline;
     color: theme-color("primary", "default");
-    padding: var(--pgn-spacing-collapsible-card-spacer-basic-y) var(--pgn-spacing-collapsible-card-spacer-basic-x);
+    padding: $collapsible-basic-spacer-y $collapsible-basic-spacer-x;
   }
 
   .collapsible-body {
-    padding: var(--pgn-spacing-collapsible-card-spacer-basic-y) var(--pgn-spacing-collapsible-card-spacer-basic-x);
+    padding: $collapsible-basic-spacer-y $collapsible-basic-spacer-x;
     text-align: start;
 
     &.collapsing {
@@ -81,6 +81,6 @@
   }
 
   .collapsible-icon {
-    margin-left: var(--pgn-spacing-collapsible-card-spacer-basic-icon);
+    margin-left: $collapsible-basic-spacer-icon;
   }
 }

package/dist/ColorPicker/_variables.scss

@@ -0,0 +1,2 @@
+$picker-size-sm:                     2rem !default;
+$picker-size-md:                     calc(1.3333em + 1.125rem + 2px) !default;

package/dist/ColorPicker/index.js

@@ -1,9 +1,16 @@
+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); }
 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); }
-import React, { useCallback, useEffect } from 'react';
+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 _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 from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { HexColorPicker } from 'react-colorful';
@@ -14,31 +21,76 @@ import { OverlayTrigger } from '../Overlay';
 import Tooltip from '../Tooltip';
 import useToggle from '../hooks/useToggle';
 function ColorPicker(_ref) {
-  let {
-    color,
-    setColor,
-    className,
-    size
-  } = _ref;
-  const [isOpen, open, close] = useToggle(false);
-  const [target, setTarget] = React.useState(null);
-  const [hexValid, setHexValid] = React.useState(true);
-  const validateHex = useCallback(input => {
-    const hexRegex = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/;
-    if (input.length > 1 && !input.startsWith('#')) {
-      setColor(`#${input}`);
-    } else {
-      setColor(input);
+  var color = _ref.color,
+    setColor = _ref.setColor,
+    className = _ref.className,
+    size = _ref.size;
+  var _useToggle = useToggle(false),
+    _useToggle2 = _slicedToArray(_useToggle, 3),
+    isOpen = _useToggle2[0],
+    open = _useToggle2[1],
+    close = _useToggle2[2];
+  var _React$useState = React.useState(null),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    target = _React$useState2[0],
+    setTarget = _React$useState2[1];
+  var colorIsValid = function colorIsValid(colorToValidate) {
+    var hexRegex = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/;
+    return hexRegex.test(colorToValidate);
+  };
+  var formatHexColorString = function formatHexColorString(colorString) {
+    if (!colorString.startsWith('#')) {
+      return "#".concat(colorString).slice(0, 7);
     }
-    if (input === '' || hexRegex.test(input) === true) {
+    return colorString.slice(0, 7);
+  };
+  var _React$useState3 = React.useState(function () {
+      return color === '' || colorIsValid(formatHexColorString(color));
+    }),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    hexValid = _React$useState4[0],
+    setHexValid = _React$useState4[1];
+  var _React$useState5 = React.useState(function () {
+      if (color === '') {
+        return '';
+      }
+      return formatHexColorString(color);
+    }),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    hexColorString = _React$useState6[0],
+    setHexColorString = _React$useState6[1];
+  var _React$useState7 = React.useState(function () {
+      var formattedColor = formatHexColorString(color);
+      if (colorIsValid(formattedColor)) {
+        return formattedColor;
+      }
+      return '#fff';
+    }),
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    colorToDisplay = _React$useState8[0],
+    setColorToDisplay = _React$useState8[1];
+  var setValidatedColor = function setValidatedColor(newColor) {
+    if (newColor === '') {
       setHexValid(true);
-    } else {
-      setHexValid(false);
+      setColor('');
+      setHexColorString('');
+      setColorToDisplay('#fff');
+      return;
     }
-  }, [setColor]);
+    var formattedColor = formatHexColorString(newColor);
+    if (colorIsValid(formattedColor)) {
+      setHexValid(true);
+      setColor(formattedColor);
+      setHexColorString(formattedColor);
+      setColorToDisplay(formattedColor);
+      return;
+    }
+    setHexValid(false);
+    setHexColorString(formattedColor);
 
-  // this is needed for when a user changes the color through the sliders
-  useEffect(() => validateHex(color), [validateHex, color]);
+    // ensure the picker value stays in sync with the textbox
+    setColor(formattedColor);
+  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     className: "d-flex"
   }, /*#__PURE__*/React.createElement(OverlayTrigger, {
@@ -48,9 +100,9 @@ function ColorPicker(_ref) {
     }, "Color picker")
   }, /*#__PURE__*/React.createElement(Button, {
     ref: setTarget,
-    className: classNames(className, 'pgn__color-picker', `pgn__color-picker-${size}`),
+    className: classNames(className, 'pgn__color-picker', "pgn__color-picker-".concat(size)),
     style: _objectSpread({}, color && hexValid ? {
-      background: `${color}`
+      background: "".concat(color)
     } : {}),
     onClick: open
   }))), /*#__PURE__*/React.createElement(ModalPopup, {
@@ -66,8 +118,8 @@ function ColorPicker(_ref) {
       textAlign: 'start'
     }
   }, /*#__PURE__*/React.createElement(HexColorPicker, {
-    color: color || '',
-    onChange: setColor
+    color: colorToDisplay,
+    onChange: setValidatedColor
   }), /*#__PURE__*/React.createElement(Form.Group, {
     className: "pgn__hex-form",
     size: "sm"
@@ -76,9 +128,12 @@ function ColorPicker(_ref) {
   }, "Hex"), /*#__PURE__*/React.createElement(Form.Control, {
     className: "pgn__hex-field",
     isInvalid: !hexValid,
-    value: color,
-    onChange: e => validateHex(e.target.value),
-    "data-testid": "hex-input"
+    value: hexColorString,
+    onChange: function onChange(e) {
+      return setValidatedColor(e.target.value);
+    },
+    "data-testid": "hex-input",
+    spellCheck: "false"
   })), !hexValid && /*#__PURE__*/React.createElement(Form.Control.Feedback, {
     className: "pgn__color-error",
     type: "invalid"

package/dist/ColorPicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useEffect","PropTypes","classNames","HexColorPicker","Button","Form","ModalPopup","OverlayTrigger","Tooltip","useToggle","ColorPicker","_ref","color","setColor","className","size","isOpen","open","close","target","setTarget","useState","hexValid","setHexValid","validateHex","input","hexRegex","length","startsWith","test","createElement","Fragment","placement","overlay","id","ref","style","_objectSpread","background","onClick","positionRef","onClose","textAlign","onChange","Group","Label","Control","isInvalid","value","e","Feedback","type","defaultProps","undefined","propTypes","string","func","isRequired","oneOf"],"sources":["../../src/ColorPicker/index.jsx"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { HexColorPicker } from 'react-colorful';\n\nimport Button from '../Button';\nimport Form from '../Form';\nimport ModalPopup from '../Modal/ModalPopup';\nimport { OverlayTrigger } from '../Overlay';\nimport Tooltip from '../Tooltip';\nimport useToggle from '../hooks/useToggle';\n\nfunction ColorPicker({\n  color, setColor, className, size,\n}) {\n  const [isOpen, open, close] = useToggle(false);\n  const [target, setTarget] = React.useState(null);\n  const [hexValid, setHexValid] = React.useState(true);\n\n  const validateHex = useCallback((input) => {\n    const hexRegex = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/;\n    if (input.length > 1 && !input.startsWith('#')) {\n      setColor(`#${input}`);\n    } else {\n      setColor(input);\n    }\n    if (input === '' || hexRegex.test(input) === true) {\n      setHexValid(true);\n    } else {\n      setHexValid(false);\n    }\n  }, [setColor]);\n\n  // this is needed for when a user changes the color through the sliders\n  useEffect(() => validateHex(color), [validateHex, color]);\n\n  return (\n    <>\n      <span className=\"d-flex\">\n        <OverlayTrigger\n          placement=\"top\"\n          overlay={<Tooltip id=\"color-picker-tooltip\">Color picker</Tooltip>}\n        >\n          <Button\n            ref={setTarget}\n            className={classNames(\n              className,\n              'pgn__color-picker',\n              `pgn__color-picker-${size}`,\n            )}\n            style={{\n              ...(color && hexValid ? { background: `${color}` } : {}),\n            }}\n            onClick={open}\n          />\n        </OverlayTrigger>\n      </span>\n      <ModalPopup\n        positionRef={target}\n        isOpen={isOpen}\n        style={{ background: 'black' }}\n        onClose={close}\n      >\n        <div\n          className=\"pgn__color-modal rounded shadow\"\n          style={{ textAlign: 'start' }}\n        >\n          <HexColorPicker color={color || ''} onChange={setColor} />\n          <Form.Group className=\"pgn__hex-form\" size=\"sm\">\n            <div>\n              <Form.Label className=\"pgn__hex-label\">Hex</Form.Label>\n              <Form.Control\n                className=\"pgn__hex-field\"\n                isInvalid={!hexValid}\n                value={color}\n                onChange={(e) => validateHex(e.target.value)}\n                data-testid=\"hex-input\"\n              />\n            </div>\n            {!hexValid && (\n              <Form.Control.Feedback\n                className=\"pgn__color-error\"\n                type=\"invalid\"\n              >\n                Colors must be in hexadecimal format.\n              </Form.Control.Feedback>\n            )}\n          </Form.Group>\n        </div>\n      </ModalPopup>\n    </>\n  );\n}\n\nColorPicker.defaultProps = {\n  color: '',\n  className: undefined,\n  size: 'md',\n};\n\nColorPicker.propTypes = {\n  /** A default hex code to preset the picker to display. */\n  color: PropTypes.string,\n  /** Passing setState function allows parent to alter the color. */\n  setColor: PropTypes.func.isRequired,\n  /** A class name to append to the base element. */\n  className: PropTypes.string,\n  /** Size of the color picker */\n  size: PropTypes.oneOf(['sm', 'md']),\n};\n\nexport default ColorPicker;\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,QAAQ,OAAO;AACrD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,cAAc,QAAQ,gBAAgB;AAE/C,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,qBAAqB;AAC5C,SAASC,cAAc,QAAQ,YAAY;AAC3C,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,SAAS,MAAM,oBAAoB;AAE1C,SAASC,WAAWA,CAAAC,IAAA,EAEjB;EAAA,IAFkB;IACnBC,KAAK;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAC9B,CAAC,GAAAJ,IAAA;EACC,MAAM,CAACK,MAAM,EAAEC,IAAI,EAAEC,KAAK,CAAC,GAAGT,SAAS,CAAC,KAAK,CAAC;EAC9C,MAAM,CAACU,MAAM,EAAEC,SAAS,CAAC,GAAGtB,KAAK,CAACuB,QAAQ,CAAC,IAAI,CAAC;EAChD,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGzB,KAAK,CAACuB,QAAQ,CAAC,IAAI,CAAC;EAEpD,MAAMG,WAAW,GAAGzB,WAAW,CAAE0B,KAAK,IAAK;IACzC,MAAMC,QAAQ,GAAG,oCAAoC;IACrD,IAAID,KAAK,CAACE,MAAM,GAAG,CAAC,IAAI,CAACF,KAAK,CAACG,UAAU,CAAC,GAAG,CAAC,EAAE;MAC9Cf,QAAQ,CAAE,IAAGY,KAAM,EAAC,CAAC;IACvB,CAAC,MAAM;MACLZ,QAAQ,CAACY,KAAK,CAAC;IACjB;IACA,IAAIA,KAAK,KAAK,EAAE,IAAIC,QAAQ,CAACG,IAAI,CAACJ,KAAK,CAAC,KAAK,IAAI,EAAE;MACjDF,WAAW,CAAC,IAAI,CAAC;IACnB,CAAC,MAAM;MACLA,WAAW,CAAC,KAAK,CAAC;IACpB;EACF,CAAC,EAAE,CAACV,QAAQ,CAAC,CAAC;;EAEd;EACAb,SAAS,CAAC,MAAMwB,WAAW,CAACZ,KAAK,CAAC,EAAE,CAACY,WAAW,EAAEZ,KAAK,CAAC,CAAC;EAEzD,oBACEd,KAAA,CAAAgC,aAAA,CAAAhC,KAAA,CAAAiC,QAAA,qBACEjC,KAAA,CAAAgC,aAAA;IAAMhB,SAAS,EAAC;EAAQ,gBACtBhB,KAAA,CAAAgC,aAAA,CAACvB,cAAc;IACbyB,SAAS,EAAC,KAAK;IACfC,OAAO,eAAEnC,KAAA,CAAAgC,aAAA,CAACtB,OAAO;MAAC0B,EAAE,EAAC;IAAsB,GAAC,cAAqB;EAAE,gBAEnEpC,KAAA,CAAAgC,aAAA,CAAC1B,MAAM;IACL+B,GAAG,EAAEf,SAAU;IACfN,SAAS,EAAEZ,UAAU,CACnBY,SAAS,EACT,mBAAmB,EAClB,qBAAoBC,IAAK,EAC5B,CAAE;IACFqB,KAAK,EAAAC,aAAA,KACCzB,KAAK,IAAIU,QAAQ,GAAG;MAAEgB,UAAU,EAAG,GAAE1B,KAAM;IAAE,CAAC,GAAG,CAAC,CAAC,CACvD;IACF2B,OAAO,EAAEtB;EAAK,CACf,CACa,CACZ,CAAC,eACPnB,KAAA,CAAAgC,aAAA,CAACxB,UAAU;IACTkC,WAAW,EAAErB,MAAO;IACpBH,MAAM,EAAEA,MAAO;IACfoB,KAAK,EAAE;MAAEE,UAAU,EAAE;IAAQ,CAAE;IAC/BG,OAAO,EAAEvB;EAAM,gBAEfpB,KAAA,CAAAgC,aAAA;IACEhB,SAAS,EAAC,iCAAiC;IAC3CsB,KAAK,EAAE;MAAEM,SAAS,EAAE;IAAQ;EAAE,gBAE9B5C,KAAA,CAAAgC,aAAA,CAAC3B,cAAc;IAACS,KAAK,EAAEA,KAAK,IAAI,EAAG;IAAC+B,QAAQ,EAAE9B;EAAS,CAAE,CAAC,eAC1Df,KAAA,CAAAgC,aAAA,CAACzB,IAAI,CAACuC,KAAK;IAAC9B,SAAS,EAAC,eAAe;IAACC,IAAI,EAAC;EAAI,gBAC7CjB,KAAA,CAAAgC,aAAA,2BACEhC,KAAA,CAAAgC,aAAA,CAACzB,IAAI,CAACwC,KAAK;IAAC/B,SAAS,EAAC;EAAgB,GAAC,KAAe,CAAC,eACvDhB,KAAA,CAAAgC,aAAA,CAACzB,IAAI,CAACyC,OAAO;IACXhC,SAAS,EAAC,gBAAgB;IAC1BiC,SAAS,EAAE,CAACzB,QAAS;IACrB0B,KAAK,EAAEpC,KAAM;IACb+B,QAAQ,EAAGM,CAAC,IAAKzB,WAAW,CAACyB,CAAC,CAAC9B,MAAM,CAAC6B,KAAK,CAAE;IAC7C,eAAY;EAAW,CACxB,CACE,CAAC,EACL,CAAC1B,QAAQ,iBACRxB,KAAA,CAAAgC,aAAA,CAACzB,IAAI,CAACyC,OAAO,CAACI,QAAQ;IACpBpC,SAAS,EAAC,kBAAkB;IAC5BqC,IAAI,EAAC;EAAS,GACf,uCAEsB,CAEf,CACT,CACK,CACZ,CAAC;AAEP;AAEAzC,WAAW,CAAC0C,YAAY,GAAG;EACzBxC,KAAK,EAAE,EAAE;EACTE,SAAS,EAAEuC,SAAS;EACpBtC,IAAI,EAAE;AACR,CAAC;AAEDL,WAAW,CAAC4C,SAAS,GAAG;EACtB;EACA1C,KAAK,EAAEX,SAAS,CAACsD,MAAM;EACvB;EACA1C,QAAQ,EAAEZ,SAAS,CAACuD,IAAI,CAACC,UAAU;EACnC;EACA3C,SAAS,EAAEb,SAAS,CAACsD,MAAM;EAC3B;EACAxC,IAAI,EAAEd,SAAS,CAACyD,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC;AACpC,CAAC;AAED,eAAehD,WAAW"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","HexColorPicker","Button","Form","ModalPopup","OverlayTrigger","Tooltip","useToggle","ColorPicker","_ref","color","setColor","className","size","_useToggle","_useToggle2","_slicedToArray","isOpen","open","close","_React$useState","useState","_React$useState2","target","setTarget","colorIsValid","colorToValidate","hexRegex","test","formatHexColorString","colorString","startsWith","concat","slice","_React$useState3","_React$useState4","hexValid","setHexValid","_React$useState5","_React$useState6","hexColorString","setHexColorString","_React$useState7","formattedColor","_React$useState8","colorToDisplay","setColorToDisplay","setValidatedColor","newColor","createElement","Fragment","placement","overlay","id","ref","style","_objectSpread","background","onClick","positionRef","onClose","textAlign","onChange","Group","Label","Control","isInvalid","value","e","spellCheck","Feedback","type","defaultProps","undefined","propTypes","string","func","isRequired","oneOf"],"sources":["../../src/ColorPicker/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { HexColorPicker } from 'react-colorful';\n\nimport Button from '../Button';\nimport Form from '../Form';\nimport ModalPopup from '../Modal/ModalPopup';\nimport { OverlayTrigger } from '../Overlay';\nimport Tooltip from '../Tooltip';\nimport useToggle from '../hooks/useToggle';\n\nfunction ColorPicker({\n  color, setColor, className, size,\n}) {\n  const [isOpen, open, close] = useToggle(false);\n  const [target, setTarget] = React.useState(null);\n\n  const colorIsValid = (colorToValidate) => {\n    const hexRegex = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/;\n    return hexRegex.test(colorToValidate);\n  };\n\n  const formatHexColorString = (colorString) => {\n    if (!colorString.startsWith('#')) {\n      return `#${colorString}`.slice(0, 7);\n    }\n\n    return colorString.slice(0, 7);\n  };\n\n  const [hexValid, setHexValid] = React.useState(() => (color === '' || colorIsValid(formatHexColorString(color))));\n\n  const [hexColorString, setHexColorString] = React.useState(() => {\n    if (color === '') {\n      return '';\n    }\n\n    return formatHexColorString(color);\n  });\n  const [colorToDisplay, setColorToDisplay] = React.useState(() => {\n    const formattedColor = formatHexColorString(color);\n    if (colorIsValid(formattedColor)) {\n      return formattedColor;\n    }\n\n    return '#fff';\n  });\n\n  const setValidatedColor = (newColor) => {\n    if (newColor === '') {\n      setHexValid(true);\n      setColor('');\n      setHexColorString('');\n      setColorToDisplay('#fff');\n      return;\n    }\n\n    const formattedColor = formatHexColorString(newColor);\n\n    if (colorIsValid(formattedColor)) {\n      setHexValid(true);\n      setColor(formattedColor);\n      setHexColorString(formattedColor);\n      setColorToDisplay(formattedColor);\n      return;\n    }\n\n    setHexValid(false);\n    setHexColorString(formattedColor);\n\n    // ensure the picker value stays in sync with the textbox\n    setColor(formattedColor);\n  };\n\n  return (\n    <>\n      <span className=\"d-flex\">\n        <OverlayTrigger\n          placement=\"top\"\n          overlay={<Tooltip id=\"color-picker-tooltip\">Color picker</Tooltip>}\n        >\n          <Button\n            ref={setTarget}\n            className={classNames(\n              className,\n              'pgn__color-picker',\n              `pgn__color-picker-${size}`,\n            )}\n            style={{\n              ...(color && hexValid ? { background: `${color}` } : {}),\n            }}\n            onClick={open}\n          />\n        </OverlayTrigger>\n      </span>\n      <ModalPopup\n        positionRef={target}\n        isOpen={isOpen}\n        style={{ background: 'black' }}\n        onClose={close}\n      >\n        <div\n          className=\"pgn__color-modal rounded shadow\"\n          style={{ textAlign: 'start' }}\n        >\n          <HexColorPicker color={colorToDisplay} onChange={setValidatedColor} />\n          <Form.Group className=\"pgn__hex-form\" size=\"sm\">\n            <div>\n              <Form.Label className=\"pgn__hex-label\">Hex</Form.Label>\n              <Form.Control\n                className=\"pgn__hex-field\"\n                isInvalid={!hexValid}\n                value={hexColorString}\n                onChange={(e) => setValidatedColor(e.target.value)}\n                data-testid=\"hex-input\"\n                spellCheck=\"false\"\n              />\n            </div>\n            {!hexValid && (\n              <Form.Control.Feedback\n                className=\"pgn__color-error\"\n                type=\"invalid\"\n              >\n                Colors must be in hexadecimal format.\n              </Form.Control.Feedback>\n            )}\n          </Form.Group>\n        </div>\n      </ModalPopup>\n    </>\n  );\n}\n\nColorPicker.defaultProps = {\n  color: '',\n  className: undefined,\n  size: 'md',\n};\n\nColorPicker.propTypes = {\n  /** A default hex code to preset the picker to display. */\n  color: PropTypes.string,\n  /** Passing setState function allows parent to alter the color. */\n  setColor: PropTypes.func.isRequired,\n  /** A class name to append to the base element. */\n  className: PropTypes.string,\n  /** Size of the color picker */\n  size: PropTypes.oneOf(['sm', 'md']),\n};\n\nexport default ColorPicker;\n"],"mappings":"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"}

package/dist/ColorPicker/index.scss

@@ -1,5 +1,7 @@
+@import "variables";
+
 .pgn__color-picker {
-  box-shadow: 0 0 3px 1px var(--pgn-color-gray-300);
+  box-shadow: 0 0 3px 1px $gray-300;
   border: none;
   background:
     linear-gradient(to bottom right,
@@ -13,20 +15,20 @@
   );
 
   &.pgn__color-picker-sm {
-    height: var(--pgn-size-color-picker-sm);
-    width: var(--pgn-size-color-picker-sm);
+    height: $picker-size-sm;
+    width: $picker-size-sm;
   }
 
   &.pgn__color-picker-md {
-    height: var(--pgn-size-color-picker-md);
-    width: var(--pgn-size-color-picker-md);
+    height: $picker-size-md;
+    width: $picker-size-md;
   }
 }
 
 .pgn__color-modal {
-  background: var(--pgn-color-white);
+  background: $white;
   padding-bottom: .1rem;
-  margin-bottom: var(--pgn-spacing-spacer-base);
+  margin-bottom: 1rem;
 }
 
 .pgn__color-error {
@@ -37,7 +39,7 @@
 
 .pgn__hex-label {
   font-weight: bold;
-  font-size: var(--pgn-typography-font-size-mobile-h5);
+  font-size: $h5-mobile-font-size;
   padding: .5rem;
   margin-bottom: 0 !important;
 }
@@ -53,7 +55,7 @@
   }
 
   .pgn__hex-field {
-    @media (--pgn-size-breakpoint-min-width-sm) {
+    @media (min-width: map-get($grid-breakpoints, "sm")) {
       margin-inline-end: 0;
     }
   }

package/dist/Container/_variables.scss

@@ -0,0 +1,5 @@
+$max-width-xs: 464px !default;
+$max-width-sm: 708px !default;
+$max-width-md: 952px !default;
+$max-width-lg: 1192px !default;
+$max-width-xl: 1440px !default;

package/dist/Container/index.js

@@ -1,9 +1,10 @@
-const _excluded = ["size", "children"];
+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 = ["size", "children"];
 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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -11,18 +12,16 @@ import React, { forwardRef } from 'react';
 import classNames from 'classnames';
 import RBContainer from 'react-bootstrap/Container';
 import PropTypes from 'prop-types';
-const SIZE_CLASS_NAMES = {
+var SIZE_CLASS_NAMES = {
   xs: 'container-mw-xs',
   sm: 'container-mw-sm',
   md: 'container-mw-md',
   lg: 'container-mw-lg',
   xl: 'container-mw-xl'
 };
-const Container = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      size,
-      children
-    } = _ref,
+var Container = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var size = _ref.size,
+    children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(RBContainer, _extends({}, props, {
     ref: ref,
@@ -32,17 +31,21 @@ const Container = /*#__PURE__*/forwardRef((_ref, ref) => {
 Container.propTypes = _objectSpread(_objectSpread({}, RBContainer.propTypes), {}, {
   /** Override the base element */
   as: PropTypes.elementType,
+  /** Specifies the contents of the container */
   children: PropTypes.node,
   /** Fill all available space at any breakpoint */
   fluid: PropTypes.bool,
   /** Set the maximum width for the container */
-  size: PropTypes.oneOf(Object.keys(SIZE_CLASS_NAMES))
+  size: PropTypes.oneOf(Object.keys(SIZE_CLASS_NAMES)),
+  /** Overrides underlying component base CSS class name */
+  bsPrefix: PropTypes.string
 });
 Container.defaultProps = {
   as: 'div',
   children: undefined,
   fluid: true,
-  size: undefined
+  size: undefined,
+  bsPrefix: 'container'
 };
 export default Container;
 //# sourceMappingURL=index.js.map

package/dist/Container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","forwardRef","classNames","RBContainer","PropTypes","SIZE_CLASS_NAMES","xs","sm","md","lg","xl","Container","_ref","ref","size","children","props","_objectWithoutProperties","_excluded","createElement","_extends","className","propTypes","_objectSpread","as","elementType","node","fluid","bool","oneOf","Object","keys","defaultProps","undefined"],"sources":["../../src/Container/index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport RBContainer from 'react-bootstrap/Container';\nimport PropTypes from 'prop-types';\n\nconst SIZE_CLASS_NAMES = {\n  xs: 'container-mw-xs',\n  sm: 'container-mw-sm',\n  md: 'container-mw-md',\n  lg: 'container-mw-lg',\n  xl: 'container-mw-xl',\n};\n\nconst Container = forwardRef(({ size, children, ...props }, ref) => (\n  <RBContainer\n    {...props}\n    ref={ref}\n    className={classNames(\n      props.className,\n      SIZE_CLASS_NAMES[size],\n    )}\n  >\n    {children}\n  </RBContainer>\n));\n\nContainer.propTypes = {\n  ...RBContainer.propTypes,\n  /** Override the base element */\n  as: PropTypes.elementType,\n  children: PropTypes.node,\n  /** Fill all available space at any breakpoint */\n  fluid: PropTypes.bool,\n  /** Set the maximum width for the container */\n  size: PropTypes.oneOf(Object.keys(SIZE_CLASS_NAMES)),\n};\n\nContainer.defaultProps = {\n  as: 'div',\n  children: undefined,\n  fluid: true,\n  size: undefined,\n};\n\nexport default Container;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,gBAAgB,GAAG;EACvBC,EAAE,EAAE,iBAAiB;EACrBC,EAAE,EAAE,iBAAiB;EACrBC,EAAE,EAAE,iBAAiB;EACrBC,EAAE,EAAE,iBAAiB;EACrBC,EAAE,EAAE;AACN,CAAC;AAED,MAAMC,SAAS,gBAAGV,UAAU,CAAC,CAAAW,IAAA,EAA+BC,GAAG;EAAA,IAAjC;MAAEC,IAAI;MAAEC;IAAmB,CAAC,GAAAH,IAAA;IAAPI,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAAA,oBACtDlB,KAAA,CAAAmB,aAAA,CAAChB,WAAW,EAAAiB,QAAA,KACNJ,KAAK;IACTH,GAAG,EAAEA,GAAI;IACTQ,SAAS,EAAEnB,UAAU,CACnBc,KAAK,CAACK,SAAS,EACfhB,gBAAgB,CAACS,IAAI,CACvB;EAAE,IAEDC,QACU,CAAC;AAAA,CACf,CAAC;AAEFJ,SAAS,CAACW,SAAS,GAAAC,aAAA,CAAAA,aAAA,KACdpB,WAAW,CAACmB,SAAS;EACxB;EACAE,EAAE,EAAEpB,SAAS,CAACqB,WAAW;EACzBV,QAAQ,EAAEX,SAAS,CAACsB,IAAI;EACxB;EACAC,KAAK,EAAEvB,SAAS,CAACwB,IAAI;EACrB;EACAd,IAAI,EAAEV,SAAS,CAACyB,KAAK,CAACC,MAAM,CAACC,IAAI,CAAC1B,gBAAgB,CAAC;AAAC,EACrD;AAEDM,SAAS,CAACqB,YAAY,GAAG;EACvBR,EAAE,EAAE,KAAK;EACTT,QAAQ,EAAEkB,SAAS;EACnBN,KAAK,EAAE,IAAI;EACXb,IAAI,EAAEmB;AACR,CAAC;AAED,eAAetB,SAAS"}
+{"version":3,"file":"index.js","names":["React","forwardRef","classNames","RBContainer","PropTypes","SIZE_CLASS_NAMES","xs","sm","md","lg","xl","Container","_ref","ref","size","children","props","_objectWithoutProperties","_excluded","createElement","_extends","className","propTypes","_objectSpread","as","elementType","node","fluid","bool","oneOf","Object","keys","bsPrefix","string","defaultProps","undefined"],"sources":["../../src/Container/index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport RBContainer from 'react-bootstrap/Container';\nimport PropTypes from 'prop-types';\n\nconst SIZE_CLASS_NAMES = {\n  xs: 'container-mw-xs',\n  sm: 'container-mw-sm',\n  md: 'container-mw-md',\n  lg: 'container-mw-lg',\n  xl: 'container-mw-xl',\n};\n\nconst Container = forwardRef(({ size, children, ...props }, ref) => (\n  <RBContainer\n    {...props}\n    ref={ref}\n    className={classNames(\n      props.className,\n      SIZE_CLASS_NAMES[size],\n    )}\n  >\n    {children}\n  </RBContainer>\n));\n\nContainer.propTypes = {\n  ...RBContainer.propTypes,\n  /** Override the base element */\n  as: PropTypes.elementType,\n  /** Specifies the contents of the container */\n  children: PropTypes.node,\n  /** Fill all available space at any breakpoint */\n  fluid: PropTypes.bool,\n  /** Set the maximum width for the container */\n  size: PropTypes.oneOf(Object.keys(SIZE_CLASS_NAMES)),\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n};\n\nContainer.defaultProps = {\n  as: 'div',\n  children: undefined,\n  fluid: true,\n  size: undefined,\n  bsPrefix: 'container',\n};\n\nexport default Container;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,SAAS,MAAM,YAAY;AAElC,IAAMC,gBAAgB,GAAG;EACvBC,EAAE,EAAE,iBAAiB;EACrBC,EAAE,EAAE,iBAAiB;EACrBC,EAAE,EAAE,iBAAiB;EACrBC,EAAE,EAAE,iBAAiB;EACrBC,EAAE,EAAE;AACN,CAAC;AAED,IAAMC,SAAS,gBAAGV,UAAU,CAAC,UAAAW,IAAA,EAA+BC,GAAG;EAAA,IAA/BC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAAA,oBACtDlB,KAAA,CAAAmB,aAAA,CAAChB,WAAW,EAAAiB,QAAA,KACNJ,KAAK;IACTH,GAAG,EAAEA,GAAI;IACTQ,SAAS,EAAEnB,UAAU,CACnBc,KAAK,CAACK,SAAS,EACfhB,gBAAgB,CAACS,IAAI,CACvB;EAAE,IAEDC,QACU,CAAC;AAAA,CACf,CAAC;AAEFJ,SAAS,CAACW,SAAS,GAAAC,aAAA,CAAAA,aAAA,KACdpB,WAAW,CAACmB,SAAS;EACxB;EACAE,EAAE,EAAEpB,SAAS,CAACqB,WAAW;EACzB;EACAV,QAAQ,EAAEX,SAAS,CAACsB,IAAI;EACxB;EACAC,KAAK,EAAEvB,SAAS,CAACwB,IAAI;EACrB;EACAd,IAAI,EAAEV,SAAS,CAACyB,KAAK,CAACC,MAAM,CAACC,IAAI,CAAC1B,gBAAgB,CAAC,CAAC;EACpD;EACA2B,QAAQ,EAAE5B,SAAS,CAAC6B;AAAM,EAC3B;AAEDtB,SAAS,CAACuB,YAAY,GAAG;EACvBV,EAAE,EAAE,KAAK;EACTT,QAAQ,EAAEoB,SAAS;EACnBR,KAAK,EAAE,IAAI;EACXb,IAAI,EAAEqB,SAAS;EACfH,QAAQ,EAAE;AACZ,CAAC;AAED,eAAerB,SAAS"}

package/dist/DataTable/ActionDisplay.js

@@ -5,15 +5,14 @@ import DataTableContext from './DataTableContext';
 
 // handles display logic for actions
 function ActionDisplay() {
-  const {
-    bulkActions,
-    tableActions,
-    selectedFlatRows
-  } = useContext(DataTableContext);
-  const noBulkActions = typeof bulkActions !== 'function' && bulkActions?.length < 1;
-  const noTableActions = typeof tableActions !== 'function' && tableActions?.length < 1;
-  const noActionsAvailable = noBulkActions && noTableActions;
-  const hasRowsSelected = selectedFlatRows?.length > 0;
+  var _useContext = useContext(DataTableContext),
+    bulkActions = _useContext.bulkActions,
+    tableActions = _useContext.tableActions,
+    selectedFlatRows = _useContext.selectedFlatRows;
+  var noBulkActions = typeof bulkActions !== 'function' && (bulkActions === null || bulkActions === void 0 ? void 0 : bulkActions.length) < 1;
+  var noTableActions = typeof tableActions !== 'function' && (tableActions === null || tableActions === void 0 ? void 0 : tableActions.length) < 1;
+  var noActionsAvailable = noBulkActions && noTableActions;
+  var hasRowsSelected = (selectedFlatRows === null || selectedFlatRows === void 0 ? void 0 : selectedFlatRows.length) > 0;
 
   // return null if there are no actions or if there are only bulk actions and no selected rows
   if (noActionsAvailable || noTableActions && !hasRowsSelected) {

package/dist/DataTable/ActionDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionDisplay.js","names":["React","useContext","BulkActions","TableActions","DataTableContext","ActionDisplay","bulkActions","tableActions","selectedFlatRows","noBulkActions","length","noTableActions","noActionsAvailable","hasRowsSelected","createElement"],"sources":["../../src/DataTable/ActionDisplay.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport BulkActions from './BulkActions';\nimport TableActions from './TableActions';\nimport DataTableContext from './DataTableContext';\n\n// handles display logic for actions\nfunction ActionDisplay() {\n  const { bulkActions, tableActions, selectedFlatRows } = useContext(DataTableContext);\n  const noBulkActions = typeof bulkActions !== 'function' && bulkActions?.length < 1;\n  const noTableActions = typeof tableActions !== 'function' && tableActions?.length < 1;\n  const noActionsAvailable = noBulkActions && noTableActions;\n  const hasRowsSelected = selectedFlatRows?.length > 0;\n\n  // return null if there are no actions or if there are only bulk actions and no selected rows\n  if (noActionsAvailable || (noTableActions && !hasRowsSelected)) {\n    return null;\n  }\n  if (!noBulkActions && hasRowsSelected) {\n    return <BulkActions />;\n  }\n  return <TableActions />;\n}\n\nexport default ActionDisplay;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,gBAAgB,MAAM,oBAAoB;;AAEjD;AACA,SAASC,aAAaA,CAAA,EAAG;EACvB,MAAM;IAAEC,WAAW;IAAEC,YAAY;IAAEC;EAAiB,CAAC,GAAGP,UAAU,CAACG,gBAAgB,CAAC;EACpF,MAAMK,aAAa,GAAG,OAAOH,WAAW,KAAK,UAAU,IAAIA,WAAW,EAAEI,MAAM,GAAG,CAAC;EAClF,MAAMC,cAAc,GAAG,OAAOJ,YAAY,KAAK,UAAU,IAAIA,YAAY,EAAEG,MAAM,GAAG,CAAC;EACrF,MAAME,kBAAkB,GAAGH,aAAa,IAAIE,cAAc;EAC1D,MAAME,eAAe,GAAGL,gBAAgB,EAAEE,MAAM,GAAG,CAAC;;EAEpD;EACA,IAAIE,kBAAkB,IAAKD,cAAc,IAAI,CAACE,eAAgB,EAAE;IAC9D,OAAO,IAAI;EACb;EACA,IAAI,CAACJ,aAAa,IAAII,eAAe,EAAE;IACrC,oBAAOb,KAAA,CAAAc,aAAA,CAACZ,WAAW,MAAE,CAAC;EACxB;EACA,oBAAOF,KAAA,CAAAc,aAAA,CAACX,YAAY,MAAE,CAAC;AACzB;AAEA,eAAeE,aAAa"}
+{"version":3,"file":"ActionDisplay.js","names":["React","useContext","BulkActions","TableActions","DataTableContext","ActionDisplay","_useContext","bulkActions","tableActions","selectedFlatRows","noBulkActions","length","noTableActions","noActionsAvailable","hasRowsSelected","createElement"],"sources":["../../src/DataTable/ActionDisplay.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport BulkActions from './BulkActions';\nimport TableActions from './TableActions';\nimport DataTableContext from './DataTableContext';\n\n// handles display logic for actions\nfunction ActionDisplay() {\n  const { bulkActions, tableActions, selectedFlatRows } = useContext(DataTableContext);\n  const noBulkActions = typeof bulkActions !== 'function' && bulkActions?.length < 1;\n  const noTableActions = typeof tableActions !== 'function' && tableActions?.length < 1;\n  const noActionsAvailable = noBulkActions && noTableActions;\n  const hasRowsSelected = selectedFlatRows?.length > 0;\n\n  // return null if there are no actions or if there are only bulk actions and no selected rows\n  if (noActionsAvailable || (noTableActions && !hasRowsSelected)) {\n    return null;\n  }\n  if (!noBulkActions && hasRowsSelected) {\n    return <BulkActions />;\n  }\n  return <TableActions />;\n}\n\nexport default ActionDisplay;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,gBAAgB,MAAM,oBAAoB;;AAEjD;AACA,SAASC,aAAaA,CAAA,EAAG;EACvB,IAAAC,WAAA,GAAwDL,UAAU,CAACG,gBAAgB,CAAC;IAA5EG,WAAW,GAAAD,WAAA,CAAXC,WAAW;IAAEC,YAAY,GAAAF,WAAA,CAAZE,YAAY;IAAEC,gBAAgB,GAAAH,WAAA,CAAhBG,gBAAgB;EACnD,IAAMC,aAAa,GAAG,OAAOH,WAAW,KAAK,UAAU,IAAI,CAAAA,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEI,MAAM,IAAG,CAAC;EAClF,IAAMC,cAAc,GAAG,OAAOJ,YAAY,KAAK,UAAU,IAAI,CAAAA,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEG,MAAM,IAAG,CAAC;EACrF,IAAME,kBAAkB,GAAGH,aAAa,IAAIE,cAAc;EAC1D,IAAME,eAAe,GAAG,CAAAL,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAEE,MAAM,IAAG,CAAC;;EAEpD;EACA,IAAIE,kBAAkB,IAAKD,cAAc,IAAI,CAACE,eAAgB,EAAE;IAC9D,OAAO,IAAI;EACb;EACA,IAAI,CAACJ,aAAa,IAAII,eAAe,EAAE;IACrC,oBAAOd,KAAA,CAAAe,aAAA,CAACb,WAAW,MAAE,CAAC;EACxB;EACA,oBAAOF,KAAA,CAAAe,aAAA,CAACZ,YAAY,MAAE,CAAC;AACzB;AAEA,eAAeE,aAAa"}

package/dist/DataTable/BulkActions.js

@@ -1,5 +1,11 @@
-const _excluded = ["className"];
+var _excluded = ["className"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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';
@@ -8,32 +14,29 @@ import classNames from 'classnames';
 import DataTableContext from './DataTableContext';
 import Actions from './CollapsibleButtonGroup';
 function BulkActions(_ref) {
-  let {
-      className
-    } = _ref,
+  var className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);
-  const tableInstance = useContext(DataTableContext);
-  const {
-    bulkActions,
-    selectedFlatRows,
-    controlledTableSelections: [{
-      isEntireTableSelected
-    }]
-  } = tableInstance;
-  const args = {
-    selectedFlatRows,
-    isEntireTableSelected,
-    tableInstance
+  var tableInstance = useContext(DataTableContext);
+  var bulkActions = tableInstance.bulkActions,
+    selectedFlatRows = tableInstance.selectedFlatRows,
+    _tableInstance$contro = _slicedToArray(tableInstance.controlledTableSelections, 1),
+    isEntireTableSelected = _tableInstance$contro[0].isEntireTableSelected;
+  var args = {
+    selectedFlatRows: selectedFlatRows,
+    isEntireTableSelected: isEntireTableSelected,
+    tableInstance: tableInstance
   };
   if (typeof bulkActions === 'function') {
     return /*#__PURE__*/React.createElement("div", {
       className: classNames('pgn__bulk-actions', className)
     }, bulkActions(args));
   }
-  const actions = bulkActions.map(action => ({
-    component: action,
-    args
-  }));
+  var actions = bulkActions.map(function (action) {
+    return {
+      component: action,
+      args: args
+    };
+  });
   return /*#__PURE__*/React.createElement(Actions, _extends({
     className: classNames('pgn__bulk-actions', className),
     "data-testid": "bulk-actions",

package/dist/DataTable/BulkActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"BulkActions.js","names":["React","useContext","PropTypes","classNames","DataTableContext","Actions","BulkActions","_ref","className","rest","_objectWithoutProperties","_excluded","tableInstance","bulkActions","selectedFlatRows","controlledTableSelections","isEntireTableSelected","args","createElement","actions","map","action","component","_extends","defaultProps","propTypes","string"],"sources":["../../src/DataTable/BulkActions.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport DataTableContext from './DataTableContext';\nimport Actions from './CollapsibleButtonGroup';\n\nfunction BulkActions({ className, ...rest }) {\n  const tableInstance = useContext(DataTableContext);\n  const {\n    bulkActions,\n    selectedFlatRows,\n    controlledTableSelections: [{ isEntireTableSelected }],\n  } = tableInstance;\n\n  const args = {\n    selectedFlatRows,\n    isEntireTableSelected,\n    tableInstance,\n  };\n\n  if (typeof bulkActions === 'function') {\n    return <div className={classNames('pgn__bulk-actions', className)}>{bulkActions(args)}</div>;\n  }\n\n  const actions = bulkActions.map(action => ({ component: action, args }));\n\n  return (\n    <Actions\n      className={classNames('pgn__bulk-actions', className)}\n      data-testid=\"bulk-actions\"\n      actions={actions}\n      {...rest}\n    />\n  );\n}\n\nBulkActions.defaultProps = {\n  className: null,\n};\n\nBulkActions.propTypes = {\n  /** class names for the div wrapping the button components */\n  className: PropTypes.string,\n};\n\nexport default BulkActions;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,OAAO,MAAM,0BAA0B;AAE9C,SAASC,WAAWA,CAAAC,IAAA,EAAyB;EAAA,IAAxB;MAAEC;IAAmB,CAAC,GAAAD,IAAA;IAANE,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACvC,MAAMC,aAAa,GAAGX,UAAU,CAACG,gBAAgB,CAAC;EAClD,MAAM;IACJS,WAAW;IACXC,gBAAgB;IAChBC,yBAAyB,EAAE,CAAC;MAAEC;IAAsB,CAAC;EACvD,CAAC,GAAGJ,aAAa;EAEjB,MAAMK,IAAI,GAAG;IACXH,gBAAgB;IAChBE,qBAAqB;IACrBJ;EACF,CAAC;EAED,IAAI,OAAOC,WAAW,KAAK,UAAU,EAAE;IACrC,oBAAOb,KAAA,CAAAkB,aAAA;MAAKV,SAAS,EAAEL,UAAU,CAAC,mBAAmB,EAAEK,SAAS;IAAE,GAAEK,WAAW,CAACI,IAAI,CAAO,CAAC;EAC9F;EAEA,MAAME,OAAO,GAAGN,WAAW,CAACO,GAAG,CAACC,MAAM,KAAK;IAAEC,SAAS,EAAED,MAAM;IAAEJ;EAAK,CAAC,CAAC,CAAC;EAExE,oBACEjB,KAAA,CAAAkB,aAAA,CAACb,OAAO,EAAAkB,QAAA;IACNf,SAAS,EAAEL,UAAU,CAAC,mBAAmB,EAAEK,SAAS,CAAE;IACtD,eAAY,cAAc;IAC1BW,OAAO,EAAEA;EAAQ,GACbV,IAAI,CACT,CAAC;AAEN;AAEAH,WAAW,CAACkB,YAAY,GAAG;EACzBhB,SAAS,EAAE;AACb,CAAC;AAEDF,WAAW,CAACmB,SAAS,GAAG;EACtB;EACAjB,SAAS,EAAEN,SAAS,CAACwB;AACvB,CAAC;AAED,eAAepB,WAAW"}
+{"version":3,"file":"BulkActions.js","names":["React","useContext","PropTypes","classNames","DataTableContext","Actions","BulkActions","_ref","className","rest","_objectWithoutProperties","_excluded","tableInstance","bulkActions","selectedFlatRows","_tableInstance$contro","_slicedToArray","controlledTableSelections","isEntireTableSelected","args","createElement","actions","map","action","component","_extends","defaultProps","propTypes","string"],"sources":["../../src/DataTable/BulkActions.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport DataTableContext from './DataTableContext';\nimport Actions from './CollapsibleButtonGroup';\n\nfunction BulkActions({ className, ...rest }) {\n  const tableInstance = useContext(DataTableContext);\n  const {\n    bulkActions,\n    selectedFlatRows,\n    controlledTableSelections: [{ isEntireTableSelected }],\n  } = tableInstance;\n\n  const args = {\n    selectedFlatRows,\n    isEntireTableSelected,\n    tableInstance,\n  };\n\n  if (typeof bulkActions === 'function') {\n    return <div className={classNames('pgn__bulk-actions', className)}>{bulkActions(args)}</div>;\n  }\n\n  const actions = bulkActions.map(action => ({ component: action, args }));\n\n  return (\n    <Actions\n      className={classNames('pgn__bulk-actions', className)}\n      data-testid=\"bulk-actions\"\n      actions={actions}\n      {...rest}\n    />\n  );\n}\n\nBulkActions.defaultProps = {\n  className: null,\n};\n\nBulkActions.propTypes = {\n  /** class names for the div wrapping the button components */\n  className: PropTypes.string,\n};\n\nexport default BulkActions;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,OAAO,MAAM,0BAA0B;AAE9C,SAASC,WAAWA,CAAAC,IAAA,EAAyB;EAAA,IAAtBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAKC,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACvC,IAAMC,aAAa,GAAGX,UAAU,CAACG,gBAAgB,CAAC;EAClD,IACES,WAAW,GAGTD,aAAa,CAHfC,WAAW;IACXC,gBAAgB,GAEdF,aAAa,CAFfE,gBAAgB;IAAAC,qBAAA,GAAAC,cAAA,CAEdJ,aAAa,CADfK,yBAAyB;IAAKC,qBAAqB,GAAAH,qBAAA,IAArBG,qBAAqB;EAGrD,IAAMC,IAAI,GAAG;IACXL,gBAAgB,EAAhBA,gBAAgB;IAChBI,qBAAqB,EAArBA,qBAAqB;IACrBN,aAAa,EAAbA;EACF,CAAC;EAED,IAAI,OAAOC,WAAW,KAAK,UAAU,EAAE;IACrC,oBAAOb,KAAA,CAAAoB,aAAA;MAAKZ,SAAS,EAAEL,UAAU,CAAC,mBAAmB,EAAEK,SAAS;IAAE,GAAEK,WAAW,CAACM,IAAI,CAAO,CAAC;EAC9F;EAEA,IAAME,OAAO,GAAGR,WAAW,CAACS,GAAG,CAAC,UAAAC,MAAM;IAAA,OAAK;MAAEC,SAAS,EAAED,MAAM;MAAEJ,IAAI,EAAJA;IAAK,CAAC;EAAA,CAAC,CAAC;EAExE,oBACEnB,KAAA,CAAAoB,aAAA,CAACf,OAAO,EAAAoB,QAAA;IACNjB,SAAS,EAAEL,UAAU,CAAC,mBAAmB,EAAEK,SAAS,CAAE;IACtD,eAAY,cAAc;IAC1Ba,OAAO,EAAEA;EAAQ,GACbZ,IAAI,CACT,CAAC;AAEN;AAEAH,WAAW,CAACoB,YAAY,GAAG;EACzBlB,SAAS,EAAE;AACb,CAAC;AAEDF,WAAW,CAACqB,SAAS,GAAG;EACtB;EACAnB,SAAS,EAAEN,SAAS,CAAC0B;AACvB,CAAC;AAED,eAAetB,WAAW"}