@openedx/paragon 23.14.2 → 23.14.4

package/dist/Collapsible/CollapsibleVisible.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleVisible.js","names":["React","useContext","PropTypes","CollapsibleContext","CollapsibleVisible","_ref","children","whenOpen","visibleWhenOpen","whenClosed","visibleWhenClosed","isOpen","isVisible","createElement","Fragment","propTypes","node","bool","defaultProps","undefined"],"sources":["../../src/Collapsible/CollapsibleVisible.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CollapsibleContext } from './CollapsibleAdvanced';\n\nfunction CollapsibleVisible({\n  children,\n  whenOpen: visibleWhenOpen,\n  whenClosed: visibleWhenClosed,\n}) {\n  const { isOpen } = useContext(CollapsibleContext);\n  const isVisible = (isOpen && visibleWhenOpen) || (!isOpen && visibleWhenClosed);\n\n  if (isVisible) {\n    // eslint-disable-next-line react/jsx-no-useless-fragment\n    return <>{children}</>;\n  }\n  return null;\n}\n\nCollapsibleVisible.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node,\n  /** Specifies whether the content should be visible when `Collapsible` is open. */\n  whenOpen: PropTypes.bool,\n  /** Specifies whether the content should be visible when `Collapsible` is closed. */\n  whenClosed: PropTypes.bool,\n};\n\nCollapsibleVisible.defaultProps = {\n  children: undefined,\n  whenOpen: false,\n  whenClosed: false,\n};\n\nexport default CollapsibleVisible;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,SAASC,kBAAkBA,CAAAC,IAAA,EAIxB;EAAA,IAJyB;IAC1BC,QAAQ;IACRC,QAAQ,EAAEC,eAAe;IACzBC,UAAU,EAAEC;EACd,CAAC,GAAAL,IAAA;EACC,MAAM;IAAEM;EAAO,CAAC,GAAGV,UAAU,CAACE,kBAAkB,CAAC;EACjD,MAAMS,SAAS,GAAID,MAAM,IAAIH,eAAe,IAAM,CAACG,MAAM,IAAID,iBAAkB;EAE/E,IAAIE,SAAS,EAAE;IACb;IACA,oBAAOZ,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAc,QAAA,QAAGR,QAAW,CAAC;EACxB;EACA,OAAO,IAAI;AACb;AAEAF,kBAAkB,CAACW,SAAS,GAAG;EAC7B;EACAT,QAAQ,EAAEJ,SAAS,CAACc,IAAI;EACxB;EACAT,QAAQ,EAAEL,SAAS,CAACe,IAAI;EACxB;EACAR,UAAU,EAAEP,SAAS,CAACe;AACxB,CAAC;AAEDb,kBAAkB,CAACc,YAAY,GAAG;EAChCZ,QAAQ,EAAEa,SAAS;EACnBZ,QAAQ,EAAE,KAAK;EACfE,UAAU,EAAE;AACd,CAAC;AAED,eAAeL,kBAAkB","ignoreList":[]}
+{"version":3,"file":"CollapsibleVisible.js","names":["React","useContext","PropTypes","CollapsibleContext","CollapsibleVisible","children","whenOpen","visibleWhenOpen","whenClosed","visibleWhenClosed","isOpen","isVisible","createElement","Fragment","propTypes","node","bool","defaultProps","undefined"],"sources":["../../src/Collapsible/CollapsibleVisible.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CollapsibleContext } from './CollapsibleAdvanced';\n\nfunction CollapsibleVisible({\n  children,\n  whenOpen: visibleWhenOpen,\n  whenClosed: visibleWhenClosed,\n}) {\n  const { isOpen } = useContext(CollapsibleContext);\n  const isVisible = (isOpen && visibleWhenOpen) || (!isOpen && visibleWhenClosed);\n\n  if (isVisible) {\n    // eslint-disable-next-line react/jsx-no-useless-fragment\n    return <>{children}</>;\n  }\n  return null;\n}\n\nCollapsibleVisible.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node,\n  /** Specifies whether the content should be visible when `Collapsible` is open. */\n  whenOpen: PropTypes.bool,\n  /** Specifies whether the content should be visible when `Collapsible` is closed. */\n  whenClosed: PropTypes.bool,\n};\n\nCollapsibleVisible.defaultProps = {\n  children: undefined,\n  whenOpen: false,\n  whenClosed: false,\n};\n\nexport default CollapsibleVisible;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,SAASC,kBAAkBA,CAAC;EAC1BC,QAAQ;EACRC,QAAQ,EAAEC,eAAe;EACzBC,UAAU,EAAEC;AACd,CAAC,EAAE;EACD,MAAM;IAAEC;EAAO,CAAC,GAAGT,UAAU,CAACE,kBAAkB,CAAC;EACjD,MAAMQ,SAAS,GAAID,MAAM,IAAIH,eAAe,IAAM,CAACG,MAAM,IAAID,iBAAkB;EAE/E,IAAIE,SAAS,EAAE;IACb;IACA,oBAAOX,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAa,QAAA,QAAGR,QAAW,CAAC;EACxB;EACA,OAAO,IAAI;AACb;AAEAD,kBAAkB,CAACU,SAAS,GAAG;EAC7B;EACAT,QAAQ,EAAEH,SAAS,CAACa,IAAI;EACxB;EACAT,QAAQ,EAAEJ,SAAS,CAACc,IAAI;EACxB;EACAR,UAAU,EAAEN,SAAS,CAACc;AACxB,CAAC;AAEDZ,kBAAkB,CAACa,YAAY,GAAG;EAChCZ,QAAQ,EAAEa,SAAS;EACnBZ,QAAQ,EAAE,KAAK;EACfE,UAAU,EAAE;AACd,CAAC;AAED,eAAeJ,kBAAkB","ignoreList":[]}

package/dist/ColorPicker/index.js

@@ -8,13 +8,12 @@ import ModalPopup from '../Modal/ModalPopup';
 import { OverlayTrigger } from '../Overlay';
 import Tooltip from '../Tooltip';
 import useToggle from '../hooks/useToggleHook';
-function ColorPicker(_ref) {
-  let {
-    color,
-    setColor,
-    className,
-    size
-  } = _ref;
+function ColorPicker({
+  color,
+  setColor,
+  className,
+  size
+}) {
   const [isOpen, open, close] = useToggle(false);
   const [target, setTarget] = React.useState(null);
   const colorIsValid = colorToValidate => {

package/dist/ColorPicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","HexColorPicker","Button","Form","ModalPopup","OverlayTrigger","Tooltip","useToggle","ColorPicker","_ref","color","setColor","className","size","isOpen","open","close","target","setTarget","useState","colorIsValid","colorToValidate","hexRegex","test","formatHexColorString","colorString","startsWith","slice","hexValid","setHexValid","hexColorString","setHexColorString","colorToDisplay","setColorToDisplay","formattedColor","setValidatedColor","newColor","createElement","Fragment","placement","overlay","id","ref","style","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/useToggleHook';\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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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","HexColorPicker","Button","Form","ModalPopup","OverlayTrigger","Tooltip","useToggle","ColorPicker","color","setColor","className","size","isOpen","open","close","target","setTarget","useState","colorIsValid","colorToValidate","hexRegex","test","formatHexColorString","colorString","startsWith","slice","hexValid","setHexValid","hexColorString","setHexColorString","colorToDisplay","setColorToDisplay","formattedColor","setValidatedColor","newColor","createElement","Fragment","placement","overlay","id","ref","style","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/useToggleHook';\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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","ignoreList":[]}

package/dist/Container/index.js

@@ -11,18 +11,15 @@ var ContainerSizeClass = /*#__PURE__*/function (ContainerSizeClass) {
   ContainerSizeClass["xl"] = "container-mw-xl";
   return ContainerSizeClass;
 }(ContainerSizeClass || {});
-const Container = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    size,
-    children,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/React.createElement(RBContainer, {
-    ...props,
-    ref: ref,
-    className: classNames(props.className, size && ContainerSizeClass[size])
-  }, children);
-});
+const Container = /*#__PURE__*/React.forwardRef(({
+  size,
+  children,
+  ...props
+}, ref) => /*#__PURE__*/React.createElement(RBContainer, {
+  ...props,
+  ref: ref,
+  className: classNames(props.className, size && ContainerSizeClass[size])
+}, children));
 Container.propTypes = {
   ...RBContainer.propTypes,
   /** Override the base element */

package/dist/Container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classNames","PropTypes","RBContainer","ContainerSizeClass","Container","forwardRef","_ref","ref","size","children","props","createElement","className","propTypes","as","elementType","node","fluid","bool","oneOf","bsPrefix","string","defaultProps","undefined"],"sources":["../../src/Container/index.tsx"],"sourcesContent":["/* eslint-disable react/require-default-props */\nimport React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport RBContainer, { type ContainerProps as RBContainerProps } from 'react-bootstrap/Container';\n\nimport type { ComponentWithAsProp } from '../utils/types/bootstrap';\n\nenum ContainerSizeClass {\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\nexport type ContainerSize = keyof typeof ContainerSizeClass;\n\ninterface ContainerProps extends RBContainerProps {\n  size?: ContainerSize;\n}\n\ntype ContainerType = ComponentWithAsProp<'div', ContainerProps>;\n\nconst Container: ContainerType = React.forwardRef<Element, ContainerProps>(({\n  size,\n  children,\n  ...props\n}, ref) => (\n  <RBContainer\n    {...props}\n    ref={ref}\n    className={classNames(\n      props.className,\n      size && ContainerSizeClass[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. Omiting the prop will remove the max-width */\n  size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),\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;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAmD,2BAA2B;AAAC,IAI5FC,kBAAkB,0BAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAA,OAAlBA,kBAAkB;AAAA,EAAlBA,kBAAkB;AAgBvB,MAAMC,SAAwB,gBAAGL,KAAK,CAACM,UAAU,CAA0B,CAAAC,IAAA,EAIxEC,GAAG;EAAA,IAJsE;IAC1EC,IAAI;IACJC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAAJ,IAAA;EAAA,oBACCP,KAAA,CAAAY,aAAA,CAACT,WAAW;IAAA,GACNQ,KAAK;IACTH,GAAG,EAAEA,GAAI;IACTK,SAAS,EAAEZ,UAAU,CACnBU,KAAK,CAACE,SAAS,EACfJ,IAAI,IAAIL,kBAAkB,CAACK,IAAI,CACjC;EAAE,GAEDC,QACU,CAAC;AAAA,CACf,CAAC;AAEFL,SAAS,CAACS,SAAS,GAAG;EACpB,GAAGX,WAAW,CAACW,SAAS;EACxB;EACAC,EAAE,EAAEb,SAAS,CAACc,WAAW;EACzB;EACAN,QAAQ,EAAER,SAAS,CAACe,IAAI;EACxB;EACAC,KAAK,EAAEhB,SAAS,CAACiB,IAAI;EACrB;EACAV,IAAI,EAAEP,SAAS,CAACkB,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;EACrD;EACAC,QAAQ,EAAEnB,SAAS,CAACoB;AACtB,CAAC;AAEDjB,SAAS,CAACkB,YAAY,GAAG;EACvBR,EAAE,EAAE,KAAK;EACTL,QAAQ,EAAEc,SAAS;EACnBN,KAAK,EAAE,IAAI;EACXT,IAAI,EAAEe,SAAS;EACfH,QAAQ,EAAE;AACZ,CAAC;AAED,eAAehB,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","classNames","PropTypes","RBContainer","ContainerSizeClass","Container","forwardRef","size","children","props","ref","createElement","className","propTypes","as","elementType","node","fluid","bool","oneOf","bsPrefix","string","defaultProps","undefined"],"sources":["../../src/Container/index.tsx"],"sourcesContent":["/* eslint-disable react/require-default-props */\nimport React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport RBContainer, { type ContainerProps as RBContainerProps } from 'react-bootstrap/Container';\n\nimport type { ComponentWithAsProp } from '../utils/types/bootstrap';\n\nenum ContainerSizeClass {\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\nexport type ContainerSize = keyof typeof ContainerSizeClass;\n\ninterface ContainerProps extends RBContainerProps {\n  size?: ContainerSize;\n}\n\ntype ContainerType = ComponentWithAsProp<'div', ContainerProps>;\n\nconst Container: ContainerType = React.forwardRef<Element, ContainerProps>(({\n  size,\n  children,\n  ...props\n}, ref) => (\n  <RBContainer\n    {...props}\n    ref={ref}\n    className={classNames(\n      props.className,\n      size && ContainerSizeClass[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. Omiting the prop will remove the max-width */\n  size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),\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;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAmD,2BAA2B;AAAC,IAI5FC,kBAAkB,0BAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAA,OAAlBA,kBAAkB;AAAA,EAAlBA,kBAAkB;AAgBvB,MAAMC,SAAwB,gBAAGL,KAAK,CAACM,UAAU,CAA0B,CAAC;EAC1EC,IAAI;EACJC,QAAQ;EACR,GAAGC;AACL,CAAC,EAAEC,GAAG,kBACJV,KAAA,CAAAW,aAAA,CAACR,WAAW;EAAA,GACNM,KAAK;EACTC,GAAG,EAAEA,GAAI;EACTE,SAAS,EAAEX,UAAU,CACnBQ,KAAK,CAACG,SAAS,EACfL,IAAI,IAAIH,kBAAkB,CAACG,IAAI,CACjC;AAAE,GAEDC,QACU,CACd,CAAC;AAEFH,SAAS,CAACQ,SAAS,GAAG;EACpB,GAAGV,WAAW,CAACU,SAAS;EACxB;EACAC,EAAE,EAAEZ,SAAS,CAACa,WAAW;EACzB;EACAP,QAAQ,EAAEN,SAAS,CAACc,IAAI;EACxB;EACAC,KAAK,EAAEf,SAAS,CAACgB,IAAI;EACrB;EACAX,IAAI,EAAEL,SAAS,CAACiB,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;EACrD;EACAC,QAAQ,EAAElB,SAAS,CAACmB;AACtB,CAAC;AAEDhB,SAAS,CAACiB,YAAY,GAAG;EACvBR,EAAE,EAAE,KAAK;EACTN,QAAQ,EAAEe,SAAS;EACnBN,KAAK,EAAE,IAAI;EACXV,IAAI,EAAEgB,SAAS;EACfH,QAAQ,EAAE;AACZ,CAAC;AAED,eAAef,SAAS","ignoreList":[]}

package/dist/DataTable/BulkActions.js

@@ -3,11 +3,10 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import DataTableContext from './DataTableContext';
 import Actions from './CollapsibleButtonGroup';
-function BulkActions(_ref) {
-  let {
-    className,
-    ...rest
-  } = _ref;
+function BulkActions({
+  className,
+  ...rest
+}) {
   const tableInstance = useContext(DataTableContext);
   const {
     bulkActions,

package/dist/DataTable/BulkActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"BulkActions.js","names":["React","useContext","PropTypes","classNames","DataTableContext","Actions","BulkActions","_ref","className","rest","tableInstance","bulkActions","selectedFlatRows","controlledTableSelections","isEntireTableSelected","args","createElement","actions","map","action","component","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;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAAF,IAAA;EACzC,MAAMG,aAAa,GAAGT,UAAU,CAACG,gBAAgB,CAAC;EAClD,MAAM;IACJO,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,oBAAOX,KAAA,CAAAgB,aAAA;MAAKR,SAAS,EAAEL,UAAU,CAAC,mBAAmB,EAAEK,SAAS;IAAE,GAAEG,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,oBACEf,KAAA,CAAAgB,aAAA,CAACX,OAAO;IACNG,SAAS,EAAEL,UAAU,CAAC,mBAAmB,EAAEK,SAAS,CAAE;IACtD,eAAY,cAAc;IAC1BS,OAAO,EAAEA,OAAQ;IAAA,GACbR;EAAI,CACT,CAAC;AAEN;AAEAH,WAAW,CAACe,YAAY,GAAG;EACzBb,SAAS,EAAE;AACb,CAAC;AAEDF,WAAW,CAACgB,SAAS,GAAG;EACtB;EACAd,SAAS,EAAEN,SAAS,CAACqB;AACvB,CAAC;AAED,eAAejB,WAAW","ignoreList":[]}
+{"version":3,"file":"BulkActions.js","names":["React","useContext","PropTypes","classNames","DataTableContext","Actions","BulkActions","className","rest","tableInstance","bulkActions","selectedFlatRows","controlledTableSelections","isEntireTableSelected","args","createElement","actions","map","action","component","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,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAK,CAAC,EAAE;EAC3C,MAAMC,aAAa,GAAGR,UAAU,CAACG,gBAAgB,CAAC;EAClD,MAAM;IACJM,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,oBAAOV,KAAA,CAAAe,aAAA;MAAKR,SAAS,EAAEJ,UAAU,CAAC,mBAAmB,EAAEI,SAAS;IAAE,GAAEG,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,oBACEd,KAAA,CAAAe,aAAA,CAACV,OAAO;IACNE,SAAS,EAAEJ,UAAU,CAAC,mBAAmB,EAAEI,SAAS,CAAE;IACtD,eAAY,cAAc;IAC1BS,OAAO,EAAEA,OAAQ;IAAA,GACbR;EAAI,CACT,CAAC;AAEN;AAEAF,WAAW,CAACc,YAAY,GAAG;EACzBb,SAAS,EAAE;AACb,CAAC;AAEDD,WAAW,CAACe,SAAS,GAAG;EACtB;EACAd,SAAS,EAAEL,SAAS,CAACoB;AACvB,CAAC;AAED,eAAehB,WAAW","ignoreList":[]}

package/dist/DataTable/CardView.js

@@ -6,15 +6,14 @@ import DataTableContext from './DataTableContext';
 import { useRows } from './hooks';
 import { selectColumn } from './utils/getVisibleColumns';
 import Card, { CardGrid } from '../Card';
-function CardItem(_ref) {
-  let {
-    row,
-    prepareRow,
-    isSelectable,
-    SelectionComponent,
-    CardComponent,
-    selectionPlacement
-  } = _ref;
+function CardItem({
+  row,
+  prepareRow,
+  isSelectable,
+  SelectionComponent,
+  CardComponent,
+  selectionPlacement
+}) {
   prepareRow(row);
   const {
     isSelected
@@ -47,15 +46,14 @@ function DefaultSkeletonCardComponent() {
   }), /*#__PURE__*/React.createElement(Card.Footer, null));
 }
 export const DEFAULT_SKELETON_CARD_COUNT = 8;
-function CardView(_ref2) {
-  let {
-    columnSizes,
-    CardComponent,
-    className,
-    selectionPlacement,
-    SkeletonCardComponent = DefaultSkeletonCardComponent,
-    skeletonCardCount
-  } = _ref2;
+function CardView({
+  columnSizes,
+  CardComponent,
+  className,
+  selectionPlacement,
+  SkeletonCardComponent = DefaultSkeletonCardComponent,
+  skeletonCardCount
+}) {
   const {
     getTableProps,
     prepareRow,

package/dist/DataTable/CardView.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardView.js","names":["React","useContext","PropTypes","classNames","v4","uuidv4","DataTableContext","useRows","selectColumn","Card","CardGrid","CardItem","_ref","row","prepareRow","isSelectable","SelectionComponent","CardComponent","selectionPlacement","isSelected","createElement","className","DefaultSkeletonCardComponent","isLoading","ImageCap","logoSkeleton","Section","Footer","DEFAULT_SKELETON_CARD_COUNT","CardView","_ref2","columnSizes","SkeletonCardComponent","skeletonCardCount","getTableProps","displayRows","manualSelectColumn","Cell","Array","map","key","id","defaultProps","undefined","propTypes","shape","getToggleRowSelectedProps","func","bool","isRequired","oneOf","xs","lg","xl","string","number","sm","md"],"sources":["../../src/DataTable/CardView.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { v4 as uuidv4 } from 'uuid';\nimport DataTableContext from './DataTableContext';\nimport { useRows } from './hooks';\nimport { selectColumn } from './utils/getVisibleColumns';\nimport Card, { CardGrid } from '../Card';\n\nfunction CardItem({\n  row,\n  prepareRow,\n  isSelectable,\n  SelectionComponent,\n  CardComponent,\n  selectionPlacement,\n}) {\n  prepareRow(row);\n  const { isSelected } = row;\n\n  if (isSelectable && SelectionComponent) {\n    return (\n      <div className={classNames(\n        'pgn__data-table__selectable-card',\n        {\n          'is-selected': isSelected,\n          'selection-right': selectionPlacement === 'right',\n          'selection-left': selectionPlacement !== 'right',\n        },\n      )}\n      >\n        <CardComponent {...row} />\n        <SelectionComponent row={row} />\n      </div>\n    );\n  }\n\n  return <CardComponent {...row} />;\n}\n\nfunction DefaultSkeletonCardComponent() {\n  return (\n    <Card isLoading data-testid=\"default-skeleton-card-component\">\n      <Card.ImageCap logoSkeleton />\n      <Card.Section className=\"pgn__data-table-card-view-default-skeleton-card-section\" />\n      <Card.Footer />\n    </Card>\n  );\n}\n\nexport const DEFAULT_SKELETON_CARD_COUNT = 8;\n\nfunction CardView({\n  columnSizes,\n  CardComponent,\n  className,\n  selectionPlacement,\n  SkeletonCardComponent = DefaultSkeletonCardComponent,\n  skeletonCardCount,\n}) {\n  const {\n    getTableProps, prepareRow, displayRows,\n  } = useRows();\n  const {\n    isSelectable,\n    manualSelectColumn,\n    isLoading,\n  } = useContext(DataTableContext);\n\n  // use the same component for card selection that is used for row selection\n  // otherwise view switching might break if row selection uses component that supports backend filtering / sorting\n  const SelectionComponent = manualSelectColumn?.Cell || selectColumn.Cell;\n\n  if (!getTableProps) {\n    return null;\n  }\n\n  if (isLoading) {\n    return (\n      <CardGrid\n        className={classNames('pgn__data-table-card-view', className)}\n        columnSizes={columnSizes}\n      >\n        {[...new Array(skeletonCardCount)].map(() => <SkeletonCardComponent key={uuidv4()} />)}\n      </CardGrid>\n    );\n  }\n\n  return (\n    <CardGrid\n      className={classNames('pgn__data-table-card-view', className)}\n      columnSizes={columnSizes}\n    >\n      {displayRows.map((row) => (\n        <CardItem\n          key={row.id}\n          CardComponent={CardComponent}\n          SelectionComponent={SelectionComponent}\n          isSelectable={isSelectable}\n          row={row}\n          prepareRow={prepareRow}\n          selectionPlacement={selectionPlacement}\n        />\n      ))}\n    </CardGrid>\n  );\n}\n\nCardItem.defaultProps = {\n  SelectionComponent: undefined,\n};\n\nCardItem.propTypes = {\n  row: PropTypes.shape({\n    getToggleRowSelectedProps: PropTypes.func,\n    isSelected: PropTypes.bool,\n  }).isRequired,\n  prepareRow: PropTypes.func.isRequired,\n  isSelectable: PropTypes.bool.isRequired,\n  CardComponent: PropTypes.func.isRequired,\n  SelectionComponent: PropTypes.func,\n  selectionPlacement: PropTypes.oneOf(['right', 'left']).isRequired,\n};\n\nCardView.defaultProps = {\n  columnSizes: {\n    xs: 12,\n    lg: 6,\n    xl: 4,\n  },\n  className: undefined,\n  selectionPlacement: 'right',\n  SkeletonCardComponent: undefined,\n  skeletonCardCount: 8,\n};\n\nCardView.propTypes = {\n  /** The class name for the CardGrid component */\n  className: PropTypes.string,\n  /**\n   * An object containing the desired column size at each breakpoint, following a similar\n   * props API as ``react-bootstrap/Col``\n   */\n  columnSizes: PropTypes.shape({\n    xs: PropTypes.number,\n    sm: PropTypes.number,\n    md: PropTypes.number,\n    lg: PropTypes.number,\n    xl: PropTypes.number,\n  }),\n  /** Your card component must be individualized to your table.\n   * It will be called with props from the \"row\" of data it will display */\n  CardComponent: PropTypes.func.isRequired,\n  /** If the Cards are selectable this prop determines from which side of the Card to show selection component. */\n  selectionPlacement: PropTypes.oneOf(['left', 'right']),\n  /** Overrides default skeleton card component for loading state in CardView */\n  SkeletonCardComponent: PropTypes.func,\n  /** Customize the number of loading skeleton cards to display in CardView */\n  skeletonCardCount: PropTypes.number,\n};\n\nexport default CardView;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,EAAE,IAAIC,MAAM,QAAQ,MAAM;AACnC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,OAAO,QAAQ,SAAS;AACjC,SAASC,YAAY,QAAQ,2BAA2B;AACxD,OAAOC,IAAI,IAAIC,QAAQ,QAAQ,SAAS;AAExC,SAASC,QAAQA,CAAAC,IAAA,EAOd;EAAA,IAPe;IAChBC,GAAG;IACHC,UAAU;IACVC,YAAY;IACZC,kBAAkB;IAClBC,aAAa;IACbC;EACF,CAAC,GAAAN,IAAA;EACCE,UAAU,CAACD,GAAG,CAAC;EACf,MAAM;IAAEM;EAAW,CAAC,GAAGN,GAAG;EAE1B,IAAIE,YAAY,IAAIC,kBAAkB,EAAE;IACtC,oBACEhB,KAAA,CAAAoB,aAAA;MAAKC,SAAS,EAAElB,UAAU,CACxB,kCAAkC,EAClC;QACE,aAAa,EAAEgB,UAAU;QACzB,iBAAiB,EAAED,kBAAkB,KAAK,OAAO;QACjD,gBAAgB,EAAEA,kBAAkB,KAAK;MAC3C,CACF;IAAE,gBAEAlB,KAAA,CAAAoB,aAAA,CAACH,aAAa;MAAA,GAAKJ;IAAG,CAAG,CAAC,eAC1Bb,KAAA,CAAAoB,aAAA,CAACJ,kBAAkB;MAACH,GAAG,EAAEA;IAAI,CAAE,CAC5B,CAAC;EAEV;EAEA,oBAAOb,KAAA,CAAAoB,aAAA,CAACH,aAAa;IAAA,GAAKJ;EAAG,CAAG,CAAC;AACnC;AAEA,SAASS,4BAA4BA,CAAA,EAAG;EACtC,oBACEtB,KAAA,CAAAoB,aAAA,CAACX,IAAI;IAACc,SAAS;IAAC,eAAY;EAAiC,gBAC3DvB,KAAA,CAAAoB,aAAA,CAACX,IAAI,CAACe,QAAQ;IAACC,YAAY;EAAA,CAAE,CAAC,eAC9BzB,KAAA,CAAAoB,aAAA,CAACX,IAAI,CAACiB,OAAO;IAACL,SAAS,EAAC;EAAyD,CAAE,CAAC,eACpFrB,KAAA,CAAAoB,aAAA,CAACX,IAAI,CAACkB,MAAM,MAAE,CACV,CAAC;AAEX;AAEA,OAAO,MAAMC,2BAA2B,GAAG,CAAC;AAE5C,SAASC,QAAQA,CAAAC,KAAA,EAOd;EAAA,IAPe;IAChBC,WAAW;IACXd,aAAa;IACbI,SAAS;IACTH,kBAAkB;IAClBc,qBAAqB,GAAGV,4BAA4B;IACpDW;EACF,CAAC,GAAAH,KAAA;EACC,MAAM;IACJI,aAAa;IAAEpB,UAAU;IAAEqB;EAC7B,CAAC,GAAG5B,OAAO,CAAC,CAAC;EACb,MAAM;IACJQ,YAAY;IACZqB,kBAAkB;IAClBb;EACF,CAAC,GAAGtB,UAAU,CAACK,gBAAgB,CAAC;;EAEhC;EACA;EACA,MAAMU,kBAAkB,GAAGoB,kBAAkB,EAAEC,IAAI,IAAI7B,YAAY,CAAC6B,IAAI;EAExE,IAAI,CAACH,aAAa,EAAE;IAClB,OAAO,IAAI;EACb;EAEA,IAAIX,SAAS,EAAE;IACb,oBACEvB,KAAA,CAAAoB,aAAA,CAACV,QAAQ;MACPW,SAAS,EAAElB,UAAU,CAAC,2BAA2B,EAAEkB,SAAS,CAAE;MAC9DU,WAAW,EAAEA;IAAY,GAExB,CAAC,GAAG,IAAIO,KAAK,CAACL,iBAAiB,CAAC,CAAC,CAACM,GAAG,CAAC,mBAAMvC,KAAA,CAAAoB,aAAA,CAACY,qBAAqB;MAACQ,GAAG,EAAEnC,MAAM,CAAC;IAAE,CAAE,CAAC,CAC7E,CAAC;EAEf;EAEA,oBACEL,KAAA,CAAAoB,aAAA,CAACV,QAAQ;IACPW,SAAS,EAAElB,UAAU,CAAC,2BAA2B,EAAEkB,SAAS,CAAE;IAC9DU,WAAW,EAAEA;EAAY,GAExBI,WAAW,CAACI,GAAG,CAAE1B,GAAG,iBACnBb,KAAA,CAAAoB,aAAA,CAACT,QAAQ;IACP6B,GAAG,EAAE3B,GAAG,CAAC4B,EAAG;IACZxB,aAAa,EAAEA,aAAc;IAC7BD,kBAAkB,EAAEA,kBAAmB;IACvCD,YAAY,EAAEA,YAAa;IAC3BF,GAAG,EAAEA,GAAI;IACTC,UAAU,EAAEA,UAAW;IACvBI,kBAAkB,EAAEA;EAAmB,CACxC,CACF,CACO,CAAC;AAEf;AAEAP,QAAQ,CAAC+B,YAAY,GAAG;EACtB1B,kBAAkB,EAAE2B;AACtB,CAAC;AAEDhC,QAAQ,CAACiC,SAAS,GAAG;EACnB/B,GAAG,EAAEX,SAAS,CAAC2C,KAAK,CAAC;IACnBC,yBAAyB,EAAE5C,SAAS,CAAC6C,IAAI;IACzC5B,UAAU,EAAEjB,SAAS,CAAC8C;EACxB,CAAC,CAAC,CAACC,UAAU;EACbnC,UAAU,EAAEZ,SAAS,CAAC6C,IAAI,CAACE,UAAU;EACrClC,YAAY,EAAEb,SAAS,CAAC8C,IAAI,CAACC,UAAU;EACvChC,aAAa,EAAEf,SAAS,CAAC6C,IAAI,CAACE,UAAU;EACxCjC,kBAAkB,EAAEd,SAAS,CAAC6C,IAAI;EAClC7B,kBAAkB,EAAEhB,SAAS,CAACgD,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAACD;AACzD,CAAC;AAEDpB,QAAQ,CAACa,YAAY,GAAG;EACtBX,WAAW,EAAE;IACXoB,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN,CAAC;EACDhC,SAAS,EAAEsB,SAAS;EACpBzB,kBAAkB,EAAE,OAAO;EAC3Bc,qBAAqB,EAAEW,SAAS;EAChCV,iBAAiB,EAAE;AACrB,CAAC;AAEDJ,QAAQ,CAACe,SAAS,GAAG;EACnB;EACAvB,SAAS,EAAEnB,SAAS,CAACoD,MAAM;EAC3B;AACF;AACA;AACA;EACEvB,WAAW,EAAE7B,SAAS,CAAC2C,KAAK,CAAC;IAC3BM,EAAE,EAAEjD,SAAS,CAACqD,MAAM;IACpBC,EAAE,EAAEtD,SAAS,CAACqD,MAAM;IACpBE,EAAE,EAAEvD,SAAS,CAACqD,MAAM;IACpBH,EAAE,EAAElD,SAAS,CAACqD,MAAM;IACpBF,EAAE,EAAEnD,SAAS,CAACqD;EAChB,CAAC,CAAC;EACF;AACF;EACEtC,aAAa,EAAEf,SAAS,CAAC6C,IAAI,CAACE,UAAU;EACxC;EACA/B,kBAAkB,EAAEhB,SAAS,CAACgD,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;EACtD;EACAlB,qBAAqB,EAAE9B,SAAS,CAAC6C,IAAI;EACrC;EACAd,iBAAiB,EAAE/B,SAAS,CAACqD;AAC/B,CAAC;AAED,eAAe1B,QAAQ","ignoreList":[]}
+{"version":3,"file":"CardView.js","names":["React","useContext","PropTypes","classNames","v4","uuidv4","DataTableContext","useRows","selectColumn","Card","CardGrid","CardItem","row","prepareRow","isSelectable","SelectionComponent","CardComponent","selectionPlacement","isSelected","createElement","className","DefaultSkeletonCardComponent","isLoading","ImageCap","logoSkeleton","Section","Footer","DEFAULT_SKELETON_CARD_COUNT","CardView","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

@@ -12,12 +12,11 @@ import Stack from '../Stack';
 import Button from '../Button';
 export const ACTION_OVERFLOW_BUTTON_TEXT = 'More actions';
 export const SMALL_SCREEN_ACTION_OVERFLOW_BUTTON_TEXT = 'Actions';
-function CollapsibleButtonGroup(_ref) {
-  let {
-    className,
-    actions,
-    ...rest
-  } = _ref;
+function CollapsibleButtonGroup({
+  className,
+  actions,
+  ...rest
+}) {
   const [isOverflowMenuOpen, openOverflowMenu, closeOverflowMenu] = useToggle(false);
   const [overflowMenuTarget, setOverflowMenuTarget] = useState(null);
   const {

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","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":[]}
+{"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","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/DataTableLayout.js

@@ -3,12 +3,11 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import SidebarFilters from './SidebarFilters';
 import DataTableContext from './DataTableContext';
-function DataTableLayout(_ref) {
-  let {
-    filtersTitle,
-    className,
-    children
-  } = _ref;
+function DataTableLayout({
+  filtersTitle,
+  className,
+  children
+}) {
   const {
     setFilter,
     showFiltersInSidebar

package/dist/DataTable/DataTableLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableLayout.js","names":["React","useContext","PropTypes","classNames","SidebarFilters","DataTableContext","DataTableLayout","_ref","filtersTitle","className","children","setFilter","showFiltersInSidebar","createElement","title","propTypes","string","node","isRequired","oneOfType","element","defaultProps","undefined"],"sources":["../../src/DataTable/DataTableLayout.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport SidebarFilters from './SidebarFilters';\nimport DataTableContext from './DataTableContext';\n\nfunction DataTableLayout({\n  filtersTitle,\n  className,\n  children,\n}) {\n  const { setFilter, showFiltersInSidebar } = useContext(DataTableContext);\n\n  return (\n    <div className={classNames('pgn__data-table-layout-wrapper', className)}>\n      {(showFiltersInSidebar && setFilter) && (\n        <div className=\"pgn__data-table-layout-sidebar\">\n          <SidebarFilters title={filtersTitle} />\n        </div>\n      )}\n      <div className=\"pgn__data-table-layout-main\">\n        {children}\n      </div>\n    </div>\n  );\n}\n\nDataTableLayout.propTypes = {\n  /** A class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies contents of the component. */\n  children: PropTypes.node.isRequired,\n  /** Specifies title of the component. */\n  filtersTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nDataTableLayout.defaultProps = {\n  className: null,\n  filtersTitle: undefined,\n};\n\nexport default DataTableLayout;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,eAAeA,CAAAC,IAAA,EAIrB;EAAA,IAJsB;IACvBC,YAAY;IACZC,SAAS;IACTC;EACF,CAAC,GAAAH,IAAA;EACC,MAAM;IAAEI,SAAS;IAAEC;EAAqB,CAAC,GAAGX,UAAU,CAACI,gBAAgB,CAAC;EAExE,oBACEL,KAAA,CAAAa,aAAA;IAAKJ,SAAS,EAAEN,UAAU,CAAC,gCAAgC,EAAEM,SAAS;EAAE,GACpEG,oBAAoB,IAAID,SAAS,iBACjCX,KAAA,CAAAa,aAAA;IAAKJ,SAAS,EAAC;EAAgC,gBAC7CT,KAAA,CAAAa,aAAA,CAACT,cAAc;IAACU,KAAK,EAAEN;EAAa,CAAE,CACnC,CACN,eACDR,KAAA,CAAAa,aAAA;IAAKJ,SAAS,EAAC;EAA6B,GACzCC,QACE,CACF,CAAC;AAEV;AAEAJ,eAAe,CAACS,SAAS,GAAG;EAC1B;EACAN,SAAS,EAAEP,SAAS,CAACc,MAAM;EAC3B;EACAN,QAAQ,EAAER,SAAS,CAACe,IAAI,CAACC,UAAU;EACnC;EACAV,YAAY,EAAEN,SAAS,CAACiB,SAAS,CAAC,CAACjB,SAAS,CAACc,MAAM,EAAEd,SAAS,CAACkB,OAAO,CAAC;AACzE,CAAC;AAEDd,eAAe,CAACe,YAAY,GAAG;EAC7BZ,SAAS,EAAE,IAAI;EACfD,YAAY,EAAEc;AAChB,CAAC;AAED,eAAehB,eAAe","ignoreList":[]}
+{"version":3,"file":"DataTableLayout.js","names":["React","useContext","PropTypes","classNames","SidebarFilters","DataTableContext","DataTableLayout","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,CAAC;EACvBC,YAAY;EACZC,SAAS;EACTC;AACF,CAAC,EAAE;EACD,MAAM;IAAEC,SAAS;IAAEC;EAAqB,CAAC,GAAGV,UAAU,CAACI,gBAAgB,CAAC;EAExE,oBACEL,KAAA,CAAAY,aAAA;IAAKJ,SAAS,EAAEL,UAAU,CAAC,gCAAgC,EAAEK,SAAS;EAAE,GACpEG,oBAAoB,IAAID,SAAS,iBACjCV,KAAA,CAAAY,aAAA;IAAKJ,SAAS,EAAC;EAAgC,gBAC7CR,KAAA,CAAAY,aAAA,CAACR,cAAc;IAACS,KAAK,EAAEN;EAAa,CAAE,CACnC,CACN,eACDP,KAAA,CAAAY,aAAA;IAAKJ,SAAS,EAAC;EAA6B,GACzCC,QACE,CACF,CAAC;AAEV;AAEAH,eAAe,CAACQ,SAAS,GAAG;EAC1B;EACAN,SAAS,EAAEN,SAAS,CAACa,MAAM;EAC3B;EACAN,QAAQ,EAAEP,SAAS,CAACc,IAAI,CAACC,UAAU;EACnC;EACAV,YAAY,EAAEL,SAAS,CAACgB,SAAS,CAAC,CAAChB,SAAS,CAACa,MAAM,EAAEb,SAAS,CAACiB,OAAO,CAAC;AACzE,CAAC;AAEDb,eAAe,CAACc,YAAY,GAAG;EAC7BZ,SAAS,EAAE,IAAI;EACfD,YAAY,EAAEc;AAChB,CAAC;AAED,eAAef,eAAe","ignoreList":[]}

package/dist/DataTable/EmptyTable.js

@@ -2,12 +2,11 @@ import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import DataTableContext from './DataTableContext';
-function EmptyTable(_ref) {
-  let {
-    content,
-    className,
-    ...rest
-  } = _ref;
+function EmptyTable({
+  content,
+  className,
+  ...rest
+}) {
   const {
     rows,
     isLoading

package/dist/DataTable/EmptyTable.js.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"EmptyTable.js","names":["React","useContext","PropTypes","classNames","DataTableContext","EmptyTable","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,CAAC;EAAEC,OAAO;EAAEC,SAAS;EAAE,GAAGC;AAAK,CAAC,EAAE;EACnD,MAAM;IAAEC,IAAI;IAAEC;EAAU,CAAC,GAAGT,UAAU,CAACG,gBAAgB,CAAC;EACxD,IAAIM,SAAS,IAAI,CAACD,IAAI,IAAIA,IAAI,CAACE,MAAM,GAAG,CAAC,EAAE;IAAE,OAAO,IAAI;EAAE;EAE1D,oBAAQX,KAAA,CAAAY,aAAA;IAAKL,SAAS,EAAEJ,UAAU,CAAC,uBAAuB,EAAEI,SAAS,CAAE;IAAA,GAAKC;EAAI,GAAGF,OAAa,CAAC;AACnG;AAEAD,UAAU,CAACQ,YAAY,GAAG;EACxBN,SAAS,EAAE;AACb,CAAC;AAEDF,UAAU,CAACS,SAAS,GAAG;EACrBP,SAAS,EAAEL,SAAS,CAACa,MAAM;EAC3BT,OAAO,EAAEJ,SAAS,CAACa,MAAM,CAACC;AAC5B,CAAC;AAED,eAAeX,UAAU","ignoreList":[]}

package/dist/DataTable/ExpandAll.js

@@ -2,11 +2,10 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { FormattedMessage } from 'react-intl';
 import Button from '../Button';
-function ExpandAll(_ref) {
-  let {
-    getToggleAllRowsExpandedProps,
-    isAllRowsExpanded
-  } = _ref;
+function ExpandAll({
+  getToggleAllRowsExpandedProps,
+  isAllRowsExpanded
+}) {
   return /*#__PURE__*/React.createElement("span", {
     ...getToggleAllRowsExpandedProps()
   }, isAllRowsExpanded ? /*#__PURE__*/React.createElement(Button, {

package/dist/DataTable/ExpandAll.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandAll.js","names":["React","PropTypes","FormattedMessage","Button","ExpandAll","_ref","getToggleAllRowsExpandedProps","isAllRowsExpanded","createElement","variant","size","id","defaultMessage","description","propTypes","func","isRequired","bool"],"sources":["../../src/DataTable/ExpandAll.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport Button from '../Button';\n\nfunction ExpandAll({ getToggleAllRowsExpandedProps, isAllRowsExpanded }) {\n  return (\n    <span {...getToggleAllRowsExpandedProps()}>\n      {isAllRowsExpanded ? (\n        <Button variant=\"link\" size=\"inline\">\n          <FormattedMessage\n            id=\"pgn.DataTable.ExpandAll.collapseAllLabel\"\n            defaultMessage=\"Collapse all\"\n            description=\"Label of an action button that collapses all expandable rows of DataTable.\"\n          />\n        </Button>\n      ) : (\n        <Button variant=\"link\" size=\"inline\">\n          <FormattedMessage\n            id=\"pgn.DataTable.ExpandAll.expandAllLabel\"\n            defaultMessage=\"Expand all\"\n            description=\"Label of an action button that expands all expandable rows of DataTable.\"\n          />\n        </Button>\n      )}\n    </span>\n  );\n}\n\nExpandAll.propTypes = {\n  /** A helper function that returns props necessary for expand / collapse all rows behaviour. */\n  getToggleAllRowsExpandedProps: PropTypes.func.isRequired,\n  /** Specifies whether all rows are expanded. */\n  isAllRowsExpanded: PropTypes.bool.isRequired,\n};\n\nexport default ExpandAll;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,OAAOC,MAAM,MAAM,WAAW;AAE9B,SAASC,SAASA,CAAAC,IAAA,EAAuD;EAAA,IAAtD;IAAEC,6BAA6B;IAAEC;EAAkB,CAAC,GAAAF,IAAA;EACrE,oBACEL,KAAA,CAAAQ,aAAA;IAAA,GAAUF,6BAA6B,CAAC;EAAC,GACtCC,iBAAiB,gBAChBP,KAAA,CAAAQ,aAAA,CAACL,MAAM;IAACM,OAAO,EAAC,MAAM;IAACC,IAAI,EAAC;EAAQ,gBAClCV,KAAA,CAAAQ,aAAA,CAACN,gBAAgB;IACfS,EAAE,EAAC,0CAA0C;IAC7CC,cAAc,EAAC,cAAc;IAC7BC,WAAW,EAAC;EAA4E,CACzF,CACK,CAAC,gBAETb,KAAA,CAAAQ,aAAA,CAACL,MAAM;IAACM,OAAO,EAAC,MAAM;IAACC,IAAI,EAAC;EAAQ,gBAClCV,KAAA,CAAAQ,aAAA,CAACN,gBAAgB;IACfS,EAAE,EAAC,wCAAwC;IAC3CC,cAAc,EAAC,YAAY;IAC3BC,WAAW,EAAC;EAA0E,CACvF,CACK,CAEN,CAAC;AAEX;AAEAT,SAAS,CAACU,SAAS,GAAG;EACpB;EACAR,6BAA6B,EAAEL,SAAS,CAACc,IAAI,CAACC,UAAU;EACxD;EACAT,iBAAiB,EAAEN,SAAS,CAACgB,IAAI,CAACD;AACpC,CAAC;AAED,eAAeZ,SAAS","ignoreList":[]}
+{"version":3,"file":"ExpandAll.js","names":["React","PropTypes","FormattedMessage","Button","ExpandAll","getToggleAllRowsExpandedProps","isAllRowsExpanded","createElement","variant","size","id","defaultMessage","description","propTypes","func","isRequired","bool"],"sources":["../../src/DataTable/ExpandAll.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport Button from '../Button';\n\nfunction ExpandAll({ getToggleAllRowsExpandedProps, isAllRowsExpanded }) {\n  return (\n    <span {...getToggleAllRowsExpandedProps()}>\n      {isAllRowsExpanded ? (\n        <Button variant=\"link\" size=\"inline\">\n          <FormattedMessage\n            id=\"pgn.DataTable.ExpandAll.collapseAllLabel\"\n            defaultMessage=\"Collapse all\"\n            description=\"Label of an action button that collapses all expandable rows of DataTable.\"\n          />\n        </Button>\n      ) : (\n        <Button variant=\"link\" size=\"inline\">\n          <FormattedMessage\n            id=\"pgn.DataTable.ExpandAll.expandAllLabel\"\n            defaultMessage=\"Expand all\"\n            description=\"Label of an action button that expands all expandable rows of DataTable.\"\n          />\n        </Button>\n      )}\n    </span>\n  );\n}\n\nExpandAll.propTypes = {\n  /** A helper function that returns props necessary for expand / collapse all rows behaviour. */\n  getToggleAllRowsExpandedProps: PropTypes.func.isRequired,\n  /** Specifies whether all rows are expanded. */\n  isAllRowsExpanded: PropTypes.bool.isRequired,\n};\n\nexport default ExpandAll;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,OAAOC,MAAM,MAAM,WAAW;AAE9B,SAASC,SAASA,CAAC;EAAEC,6BAA6B;EAAEC;AAAkB,CAAC,EAAE;EACvE,oBACEN,KAAA,CAAAO,aAAA;IAAA,GAAUF,6BAA6B,CAAC;EAAC,GACtCC,iBAAiB,gBAChBN,KAAA,CAAAO,aAAA,CAACJ,MAAM;IAACK,OAAO,EAAC,MAAM;IAACC,IAAI,EAAC;EAAQ,gBAClCT,KAAA,CAAAO,aAAA,CAACL,gBAAgB;IACfQ,EAAE,EAAC,0CAA0C;IAC7CC,cAAc,EAAC,cAAc;IAC7BC,WAAW,EAAC;EAA4E,CACzF,CACK,CAAC,gBAETZ,KAAA,CAAAO,aAAA,CAACJ,MAAM;IAACK,OAAO,EAAC,MAAM;IAACC,IAAI,EAAC;EAAQ,gBAClCT,KAAA,CAAAO,aAAA,CAACL,gBAAgB;IACfQ,EAAE,EAAC,wCAAwC;IAC3CC,cAAc,EAAC,YAAY;IAC3BC,WAAW,EAAC;EAA0E,CACvF,CACK,CAEN,CAAC;AAEX;AAEAR,SAAS,CAACS,SAAS,GAAG;EACpB;EACAR,6BAA6B,EAAEJ,SAAS,CAACa,IAAI,CAACC,UAAU;EACxD;EACAT,iBAAiB,EAAEL,SAAS,CAACe,IAAI,CAACD;AACpC,CAAC;AAED,eAAeX,SAAS","ignoreList":[]}

package/dist/DataTable/ExpandRow.js

@@ -4,10 +4,9 @@ import { ExpandLess, ExpandMore } from '../../icons';
 import Icon from '../Icon';
 import IconButton from '../IconButton';
 const EXPAND_COLLAPSE_ICON_SIZE = 'inline';
-function ExpandRow(_ref) {
-  let {
-    row
-  } = _ref;
+function ExpandRow({
+  row
+}) {
   return /*#__PURE__*/React.createElement("span", {
     ...row.getToggleRowExpandedProps()
   }, row.isExpanded ? /*#__PURE__*/React.createElement(IconButton, {

package/dist/DataTable/ExpandRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandRow.js","names":["React","PropTypes","ExpandLess","ExpandMore","Icon","IconButton","EXPAND_COLLAPSE_ICON_SIZE","ExpandRow","_ref","row","createElement","getToggleRowExpandedProps","isExpanded","src","iconAs","alt","size","propTypes","shape","bool","func","isRequired"],"sources":["../../src/DataTable/ExpandRow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ExpandLess, ExpandMore } from '../../icons';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\n\nconst EXPAND_COLLAPSE_ICON_SIZE = 'inline';\n\nfunction ExpandRow({ row }) {\n  return (\n    <span {...row.getToggleRowExpandedProps()}>\n      {row.isExpanded\n        ? <IconButton src={ExpandLess} iconAs={Icon} alt=\"Collapse row\" size={EXPAND_COLLAPSE_ICON_SIZE} />\n        : <IconButton src={ExpandMore} iconAs={Icon} alt=\"Expand row\" size={EXPAND_COLLAPSE_ICON_SIZE} />}\n    </span>\n  );\n}\n\nExpandRow.propTypes = {\n  /** Row data that is received from `react-table` API. */\n  row: PropTypes.shape({\n    /** Specifies if row is in expanded state. */\n    isExpanded: PropTypes.bool,\n    /** Function that returns props for the wrapper component to handle expand behaviour. */\n    getToggleRowExpandedProps: PropTypes.func.isRequired,\n  }).isRequired,\n};\n\nexport default ExpandRow;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,EAAEC,UAAU,QAAQ,aAAa;AACpD,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AAEtC,MAAMC,yBAAyB,GAAG,QAAQ;AAE1C,SAASC,SAASA,CAAAC,IAAA,EAAU;EAAA,IAAT;IAAEC;EAAI,CAAC,GAAAD,IAAA;EACxB,oBACER,KAAA,CAAAU,aAAA;IAAA,GAAUD,GAAG,CAACE,yBAAyB,CAAC;EAAC,GACtCF,GAAG,CAACG,UAAU,gBACXZ,KAAA,CAAAU,aAAA,CAACL,UAAU;IAACQ,GAAG,EAAEX,UAAW;IAACY,MAAM,EAAEV,IAAK;IAACW,GAAG,EAAC,cAAc;IAACC,IAAI,EAAEV;EAA0B,CAAE,CAAC,gBACjGN,KAAA,CAAAU,aAAA,CAACL,UAAU;IAACQ,GAAG,EAAEV,UAAW;IAACW,MAAM,EAAEV,IAAK;IAACW,GAAG,EAAC,YAAY;IAACC,IAAI,EAAEV;EAA0B,CAAE,CAC9F,CAAC;AAEX;AAEAC,SAAS,CAACU,SAAS,GAAG;EACpB;EACAR,GAAG,EAAER,SAAS,CAACiB,KAAK,CAAC;IACnB;IACAN,UAAU,EAAEX,SAAS,CAACkB,IAAI;IAC1B;IACAR,yBAAyB,EAAEV,SAAS,CAACmB,IAAI,CAACC;EAC5C,CAAC,CAAC,CAACA;AACL,CAAC;AAED,eAAed,SAAS","ignoreList":[]}
+{"version":3,"file":"ExpandRow.js","names":["React","PropTypes","ExpandLess","ExpandMore","Icon","IconButton","EXPAND_COLLAPSE_ICON_SIZE","ExpandRow","row","createElement","getToggleRowExpandedProps","isExpanded","src","iconAs","alt","size","propTypes","shape","bool","func","isRequired"],"sources":["../../src/DataTable/ExpandRow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ExpandLess, ExpandMore } from '../../icons';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\n\nconst EXPAND_COLLAPSE_ICON_SIZE = 'inline';\n\nfunction ExpandRow({ row }) {\n  return (\n    <span {...row.getToggleRowExpandedProps()}>\n      {row.isExpanded\n        ? <IconButton src={ExpandLess} iconAs={Icon} alt=\"Collapse row\" size={EXPAND_COLLAPSE_ICON_SIZE} />\n        : <IconButton src={ExpandMore} iconAs={Icon} alt=\"Expand row\" size={EXPAND_COLLAPSE_ICON_SIZE} />}\n    </span>\n  );\n}\n\nExpandRow.propTypes = {\n  /** Row data that is received from `react-table` API. */\n  row: PropTypes.shape({\n    /** Specifies if row is in expanded state. */\n    isExpanded: PropTypes.bool,\n    /** Function that returns props for the wrapper component to handle expand behaviour. */\n    getToggleRowExpandedProps: PropTypes.func.isRequired,\n  }).isRequired,\n};\n\nexport default ExpandRow;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,EAAEC,UAAU,QAAQ,aAAa;AACpD,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AAEtC,MAAMC,yBAAyB,GAAG,QAAQ;AAE1C,SAASC,SAASA,CAAC;EAAEC;AAAI,CAAC,EAAE;EAC1B,oBACER,KAAA,CAAAS,aAAA;IAAA,GAAUD,GAAG,CAACE,yBAAyB,CAAC;EAAC,GACtCF,GAAG,CAACG,UAAU,gBACXX,KAAA,CAAAS,aAAA,CAACJ,UAAU;IAACO,GAAG,EAAEV,UAAW;IAACW,MAAM,EAAET,IAAK;IAACU,GAAG,EAAC,cAAc;IAACC,IAAI,EAAET;EAA0B,CAAE,CAAC,gBACjGN,KAAA,CAAAS,aAAA,CAACJ,UAAU;IAACO,GAAG,EAAET,UAAW;IAACU,MAAM,EAAET,IAAK;IAACU,GAAG,EAAC,YAAY;IAACC,IAAI,EAAET;EAA0B,CAAE,CAC9F,CAAC;AAEX;AAEAC,SAAS,CAACS,SAAS,GAAG;EACpB;EACAR,GAAG,EAAEP,SAAS,CAACgB,KAAK,CAAC;IACnB;IACAN,UAAU,EAAEV,SAAS,CAACiB,IAAI;IAC1B;IACAR,yBAAyB,EAAET,SAAS,CAACkB,IAAI,CAACC;EAC5C,CAAC,CAAC,CAACA;AACL,CAAC;AAED,eAAeb,SAAS","ignoreList":[]}

package/dist/DataTable/FilterStatus.js

@@ -3,15 +3,14 @@ import PropTypes from 'prop-types';
 import { FormattedMessage } from 'react-intl';
 import DataTableContext from './DataTableContext';
 import Button from '../Button';
-function FilterStatus(_ref) {
-  let {
-    className,
-    variant,
-    size,
-    clearFiltersText,
-    buttonClassName,
-    showFilteredFields
-  } = _ref;
+function FilterStatus({
+  className,
+  variant,
+  size,
+  clearFiltersText,
+  buttonClassName,
+  showFilteredFields
+}) {
   const {
     state,
     setAllFilters,

package/dist/DataTable/FilterStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterStatus.js","names":["React","useContext","PropTypes","FormattedMessage","DataTableContext","Button","FilterStatus","_ref","className","variant","size","clearFiltersText","buttonClassName","showFilteredFields","state","setAllFilters","headers","headersMap","reduce","cur","acc","id","Header","filterNames","filters","map","filter","filterTexts","createElement","join","onClick","undefined","defaultMessage","description","defaultProps","propTypes","string","oneOfType","element","bool"],"sources":["../../src/DataTable/FilterStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport DataTableContext from './DataTableContext';\nimport Button from '../Button';\n\nfunction FilterStatus({\n  className, variant, size, clearFiltersText, buttonClassName, showFilteredFields,\n}) {\n  const { state, setAllFilters, headers } = useContext(DataTableContext);\n  if (!setAllFilters) {\n    return null;\n  }\n\n  const headersMap = headers.reduce((cur, acc) => {\n    cur[acc.id] = acc.Header;\n    return cur;\n  }, {});\n  const filterNames = state.filters ? state.filters.map((filter) => headersMap[filter.id]) : [];\n  const filterTexts = <p>Filtered by {filterNames.join(', ')}</p>;\n\n  return (\n    <div className={className}>\n      {showFilteredFields && filterTexts}\n      <Button\n        className={buttonClassName}\n        variant={variant}\n        size={size}\n        onClick={() => setAllFilters([])}\n      >\n        {clearFiltersText === undefined\n          ? (\n            <FormattedMessage\n              id=\"pgn.DataTable.FilterStatus.clearFiltersText\"\n              defaultMessage=\"Clear filters\"\n              description=\"A text that appears on the `Clear filters` button\"\n            />\n          )\n          : clearFiltersText}\n      </Button>\n    </div>\n  );\n}\n\nFilterStatus.defaultProps = {\n  /** Specifies class name to append to the base element. */\n  className: null,\n  /** Specifies class name to append to the button. */\n  buttonClassName: 'pgn__smart-status-button',\n  /** The visual style of the `FilterStatus`. */\n  variant: 'link',\n  /** The size of the `FilterStatus`. */\n  size: 'inline',\n  /** A text that appears on the `Clear filters` button, defaults to 'Clear filters'. */\n  clearFiltersText: undefined,\n  /** Whether to display applied filters. */\n  showFilteredFields: true,\n};\n\nFilterStatus.propTypes = {\n  className: PropTypes.string,\n  buttonClassName: PropTypes.string,\n  variant: PropTypes.string,\n  size: PropTypes.string,\n  clearFiltersText: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\n  showFilteredFields: PropTypes.bool,\n};\n\nexport default FilterStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,MAAM,MAAM,WAAW;AAE9B,SAASC,YAAYA,CAAAC,IAAA,EAElB;EAAA,IAFmB;IACpBC,SAAS;IAAEC,OAAO;IAAEC,IAAI;IAAEC,gBAAgB;IAAEC,eAAe;IAAEC;EAC/D,CAAC,GAAAN,IAAA;EACC,MAAM;IAAEO,KAAK;IAAEC,aAAa;IAAEC;EAAQ,CAAC,GAAGf,UAAU,CAACG,gBAAgB,CAAC;EACtE,IAAI,CAACW,aAAa,EAAE;IAClB,OAAO,IAAI;EACb;EAEA,MAAME,UAAU,GAAGD,OAAO,CAACE,MAAM,CAAC,CAACC,GAAG,EAAEC,GAAG,KAAK;IAC9CD,GAAG,CAACC,GAAG,CAACC,EAAE,CAAC,GAAGD,GAAG,CAACE,MAAM;IACxB,OAAOH,GAAG;EACZ,CAAC,EAAE,CAAC,CAAC,CAAC;EACN,MAAMI,WAAW,GAAGT,KAAK,CAACU,OAAO,GAAGV,KAAK,CAACU,OAAO,CAACC,GAAG,CAAEC,MAAM,IAAKT,UAAU,CAACS,MAAM,CAACL,EAAE,CAAC,CAAC,GAAG,EAAE;EAC7F,MAAMM,WAAW,gBAAG3B,KAAA,CAAA4B,aAAA,YAAG,cAAY,EAACL,WAAW,CAACM,IAAI,CAAC,IAAI,CAAK,CAAC;EAE/D,oBACE7B,KAAA,CAAA4B,aAAA;IAAKpB,SAAS,EAAEA;EAAU,GACvBK,kBAAkB,IAAIc,WAAW,eAClC3B,KAAA,CAAA4B,aAAA,CAACvB,MAAM;IACLG,SAAS,EAAEI,eAAgB;IAC3BH,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXoB,OAAO,EAAEA,CAAA,KAAMf,aAAa,CAAC,EAAE;EAAE,GAEhCJ,gBAAgB,KAAKoB,SAAS,gBAE3B/B,KAAA,CAAA4B,aAAA,CAACzB,gBAAgB;IACfkB,EAAE,EAAC,6CAA6C;IAChDW,cAAc,EAAC,eAAe;IAC9BC,WAAW,EAAC;EAAmD,CAChE,CAAC,GAEFtB,gBACE,CACL,CAAC;AAEV;AAEAL,YAAY,CAAC4B,YAAY,GAAG;EAC1B;EACA1B,SAAS,EAAE,IAAI;EACf;EACAI,eAAe,EAAE,0BAA0B;EAC3C;EACAH,OAAO,EAAE,MAAM;EACf;EACAC,IAAI,EAAE,QAAQ;EACd;EACAC,gBAAgB,EAAEoB,SAAS;EAC3B;EACAlB,kBAAkB,EAAE;AACtB,CAAC;AAEDP,YAAY,CAAC6B,SAAS,GAAG;EACvB3B,SAAS,EAAEN,SAAS,CAACkC,MAAM;EAC3BxB,eAAe,EAAEV,SAAS,CAACkC,MAAM;EACjC3B,OAAO,EAAEP,SAAS,CAACkC,MAAM;EACzB1B,IAAI,EAAER,SAAS,CAACkC,MAAM;EACtBzB,gBAAgB,EAAET,SAAS,CAACmC,SAAS,CAAC,CAACnC,SAAS,CAACoC,OAAO,EAAEpC,SAAS,CAACkC,MAAM,CAAC,CAAC;EAC5EvB,kBAAkB,EAAEX,SAAS,CAACqC;AAChC,CAAC;AAED,eAAejC,YAAY","ignoreList":[]}
+{"version":3,"file":"FilterStatus.js","names":["React","useContext","PropTypes","FormattedMessage","DataTableContext","Button","FilterStatus","className","variant","size","clearFiltersText","buttonClassName","showFilteredFields","state","setAllFilters","headers","headersMap","reduce","cur","acc","id","Header","filterNames","filters","map","filter","filterTexts","createElement","join","onClick","undefined","defaultMessage","description","defaultProps","propTypes","string","oneOfType","element","bool"],"sources":["../../src/DataTable/FilterStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport DataTableContext from './DataTableContext';\nimport Button from '../Button';\n\nfunction FilterStatus({\n  className, variant, size, clearFiltersText, buttonClassName, showFilteredFields,\n}) {\n  const { state, setAllFilters, headers } = useContext(DataTableContext);\n  if (!setAllFilters) {\n    return null;\n  }\n\n  const headersMap = headers.reduce((cur, acc) => {\n    cur[acc.id] = acc.Header;\n    return cur;\n  }, {});\n  const filterNames = state.filters ? state.filters.map((filter) => headersMap[filter.id]) : [];\n  const filterTexts = <p>Filtered by {filterNames.join(', ')}</p>;\n\n  return (\n    <div className={className}>\n      {showFilteredFields && filterTexts}\n      <Button\n        className={buttonClassName}\n        variant={variant}\n        size={size}\n        onClick={() => setAllFilters([])}\n      >\n        {clearFiltersText === undefined\n          ? (\n            <FormattedMessage\n              id=\"pgn.DataTable.FilterStatus.clearFiltersText\"\n              defaultMessage=\"Clear filters\"\n              description=\"A text that appears on the `Clear filters` button\"\n            />\n          )\n          : clearFiltersText}\n      </Button>\n    </div>\n  );\n}\n\nFilterStatus.defaultProps = {\n  /** Specifies class name to append to the base element. */\n  className: null,\n  /** Specifies class name to append to the button. */\n  buttonClassName: 'pgn__smart-status-button',\n  /** The visual style of the `FilterStatus`. */\n  variant: 'link',\n  /** The size of the `FilterStatus`. */\n  size: 'inline',\n  /** A text that appears on the `Clear filters` button, defaults to 'Clear filters'. */\n  clearFiltersText: undefined,\n  /** Whether to display applied filters. */\n  showFilteredFields: true,\n};\n\nFilterStatus.propTypes = {\n  className: PropTypes.string,\n  buttonClassName: PropTypes.string,\n  variant: PropTypes.string,\n  size: PropTypes.string,\n  clearFiltersText: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\n  showFilteredFields: PropTypes.bool,\n};\n\nexport default FilterStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,MAAM,MAAM,WAAW;AAE9B,SAASC,YAAYA,CAAC;EACpBC,SAAS;EAAEC,OAAO;EAAEC,IAAI;EAAEC,gBAAgB;EAAEC,eAAe;EAAEC;AAC/D,CAAC,EAAE;EACD,MAAM;IAAEC,KAAK;IAAEC,aAAa;IAAEC;EAAQ,CAAC,GAAGd,UAAU,CAACG,gBAAgB,CAAC;EACtE,IAAI,CAACU,aAAa,EAAE;IAClB,OAAO,IAAI;EACb;EAEA,MAAME,UAAU,GAAGD,OAAO,CAACE,MAAM,CAAC,CAACC,GAAG,EAAEC,GAAG,KAAK;IAC9CD,GAAG,CAACC,GAAG,CAACC,EAAE,CAAC,GAAGD,GAAG,CAACE,MAAM;IACxB,OAAOH,GAAG;EACZ,CAAC,EAAE,CAAC,CAAC,CAAC;EACN,MAAMI,WAAW,GAAGT,KAAK,CAACU,OAAO,GAAGV,KAAK,CAACU,OAAO,CAACC,GAAG,CAAEC,MAAM,IAAKT,UAAU,CAACS,MAAM,CAACL,EAAE,CAAC,CAAC,GAAG,EAAE;EAC7F,MAAMM,WAAW,gBAAG1B,KAAA,CAAA2B,aAAA,YAAG,cAAY,EAACL,WAAW,CAACM,IAAI,CAAC,IAAI,CAAK,CAAC;EAE/D,oBACE5B,KAAA,CAAA2B,aAAA;IAAKpB,SAAS,EAAEA;EAAU,GACvBK,kBAAkB,IAAIc,WAAW,eAClC1B,KAAA,CAAA2B,aAAA,CAACtB,MAAM;IACLE,SAAS,EAAEI,eAAgB;IAC3BH,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXoB,OAAO,EAAEA,CAAA,KAAMf,aAAa,CAAC,EAAE;EAAE,GAEhCJ,gBAAgB,KAAKoB,SAAS,gBAE3B9B,KAAA,CAAA2B,aAAA,CAACxB,gBAAgB;IACfiB,EAAE,EAAC,6CAA6C;IAChDW,cAAc,EAAC,eAAe;IAC9BC,WAAW,EAAC;EAAmD,CAChE,CAAC,GAEFtB,gBACE,CACL,CAAC;AAEV;AAEAJ,YAAY,CAAC2B,YAAY,GAAG;EAC1B;EACA1B,SAAS,EAAE,IAAI;EACf;EACAI,eAAe,EAAE,0BAA0B;EAC3C;EACAH,OAAO,EAAE,MAAM;EACf;EACAC,IAAI,EAAE,QAAQ;EACd;EACAC,gBAAgB,EAAEoB,SAAS;EAC3B;EACAlB,kBAAkB,EAAE;AACtB,CAAC;AAEDN,YAAY,CAAC4B,SAAS,GAAG;EACvB3B,SAAS,EAAEL,SAAS,CAACiC,MAAM;EAC3BxB,eAAe,EAAET,SAAS,CAACiC,MAAM;EACjC3B,OAAO,EAAEN,SAAS,CAACiC,MAAM;EACzB1B,IAAI,EAAEP,SAAS,CAACiC,MAAM;EACtBzB,gBAAgB,EAAER,SAAS,CAACkC,SAAS,CAAC,CAAClC,SAAS,CAACmC,OAAO,EAAEnC,SAAS,CAACiC,MAAM,CAAC,CAAC;EAC5EvB,kBAAkB,EAAEV,SAAS,CAACoC;AAChC,CAAC;AAED,eAAehC,YAAY","ignoreList":[]}

package/dist/DataTable/RowStatus.js

@@ -2,11 +2,10 @@ import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { FormattedMessage } from 'react-intl';
 import DataTableContext from './DataTableContext';
-function RowStatus(_ref) {
-  let {
-    className,
-    statusText
-  } = _ref;
+function RowStatus({
+  className,
+  statusText
+}) {
   const {
     page,
     rows,

package/dist/DataTable/RowStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowStatus.js","names":["React","useContext","PropTypes","FormattedMessage","DataTableContext","RowStatus","_ref","className","statusText","page","rows","itemCount","state","rowCount","length","pageSize","pageIndex","firstRow","lastRow","createElement","id","defaultMessage","description","values","propTypes","string","oneOfType","element","defaultProps","undefined"],"sources":["../../src/DataTable/RowStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport DataTableContext from './DataTableContext';\n\nfunction RowStatus({ className, statusText }) {\n  const {\n    page, rows, itemCount, state,\n  } = useContext(DataTableContext);\n  const rowCount = page?.length || rows?.length;\n  const pageSize = state?.pageSize || 0;\n  const pageIndex = state?.pageIndex || 0;\n  const firstRow = pageSize * pageIndex + 1;\n  const lastRow = firstRow + rowCount - 1;\n\n  if (!rowCount) {\n    return null;\n  }\n  return (\n    <div className={className} data-testid=\"row-status\">\n      {statusText || (\n        <FormattedMessage\n          id=\"pgn.DataTable.RowStatus.statusText\"\n          defaultMessage=\"Showing {firstRow} - {lastRow} of {itemCount}.\"\n          description=\"A text describing how many rows is shown in the table\"\n          values={{ itemCount, firstRow, lastRow }}\n        />\n      )}\n    </div>\n  );\n}\n\nRowStatus.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** A text describing how many rows is shown in the table. */\n  statusText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nRowStatus.defaultProps = {\n  className: undefined,\n  statusText: undefined,\n};\n\nexport default RowStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,SAASA,CAAAC,IAAA,EAA4B;EAAA,IAA3B;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAAF,IAAA;EAC1C,MAAM;IACJG,IAAI;IAAEC,IAAI;IAAEC,SAAS;IAAEC;EACzB,CAAC,GAAGX,UAAU,CAACG,gBAAgB,CAAC;EAChC,MAAMS,QAAQ,GAAGJ,IAAI,EAAEK,MAAM,IAAIJ,IAAI,EAAEI,MAAM;EAC7C,MAAMC,QAAQ,GAAGH,KAAK,EAAEG,QAAQ,IAAI,CAAC;EACrC,MAAMC,SAAS,GAAGJ,KAAK,EAAEI,SAAS,IAAI,CAAC;EACvC,MAAMC,QAAQ,GAAGF,QAAQ,GAAGC,SAAS,GAAG,CAAC;EACzC,MAAME,OAAO,GAAGD,QAAQ,GAAGJ,QAAQ,GAAG,CAAC;EAEvC,IAAI,CAACA,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EACA,oBACEb,KAAA,CAAAmB,aAAA;IAAKZ,SAAS,EAAEA,SAAU;IAAC,eAAY;EAAY,GAChDC,UAAU,iBACTR,KAAA,CAAAmB,aAAA,CAAChB,gBAAgB;IACfiB,EAAE,EAAC,oCAAoC;IACvCC,cAAc,EAAC,gDAAgD;IAC/DC,WAAW,EAAC,uDAAuD;IACnEC,MAAM,EAAE;MAAEZ,SAAS;MAAEM,QAAQ;MAAEC;IAAQ;EAAE,CAC1C,CAEA,CAAC;AAEV;AAEAb,SAAS,CAACmB,SAAS,GAAG;EACpB;EACAjB,SAAS,EAAEL,SAAS,CAACuB,MAAM;EAC3B;EACAjB,UAAU,EAAEN,SAAS,CAACwB,SAAS,CAAC,CAACxB,SAAS,CAACuB,MAAM,EAAEvB,SAAS,CAACyB,OAAO,CAAC;AACvE,CAAC;AAEDtB,SAAS,CAACuB,YAAY,GAAG;EACvBrB,SAAS,EAAEsB,SAAS;EACpBrB,UAAU,EAAEqB;AACd,CAAC;AAED,eAAexB,SAAS","ignoreList":[]}
+{"version":3,"file":"RowStatus.js","names":["React","useContext","PropTypes","FormattedMessage","DataTableContext","RowStatus","className","statusText","page","rows","itemCount","state","rowCount","length","pageSize","pageIndex","firstRow","lastRow","createElement","id","defaultMessage","description","values","propTypes","string","oneOfType","element","defaultProps","undefined"],"sources":["../../src/DataTable/RowStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport DataTableContext from './DataTableContext';\n\nfunction RowStatus({ className, statusText }) {\n  const {\n    page, rows, itemCount, state,\n  } = useContext(DataTableContext);\n  const rowCount = page?.length || rows?.length;\n  const pageSize = state?.pageSize || 0;\n  const pageIndex = state?.pageIndex || 0;\n  const firstRow = pageSize * pageIndex + 1;\n  const lastRow = firstRow + rowCount - 1;\n\n  if (!rowCount) {\n    return null;\n  }\n  return (\n    <div className={className} data-testid=\"row-status\">\n      {statusText || (\n        <FormattedMessage\n          id=\"pgn.DataTable.RowStatus.statusText\"\n          defaultMessage=\"Showing {firstRow} - {lastRow} of {itemCount}.\"\n          description=\"A text describing how many rows is shown in the table\"\n          values={{ itemCount, firstRow, lastRow }}\n        />\n      )}\n    </div>\n  );\n}\n\nRowStatus.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** A text describing how many rows is shown in the table. */\n  statusText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nRowStatus.defaultProps = {\n  className: undefined,\n  statusText: undefined,\n};\n\nexport default RowStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,SAASA,CAAC;EAAEC,SAAS;EAAEC;AAAW,CAAC,EAAE;EAC5C,MAAM;IACJC,IAAI;IAAEC,IAAI;IAAEC,SAAS;IAAEC;EACzB,CAAC,GAAGV,UAAU,CAACG,gBAAgB,CAAC;EAChC,MAAMQ,QAAQ,GAAGJ,IAAI,EAAEK,MAAM,IAAIJ,IAAI,EAAEI,MAAM;EAC7C,MAAMC,QAAQ,GAAGH,KAAK,EAAEG,QAAQ,IAAI,CAAC;EACrC,MAAMC,SAAS,GAAGJ,KAAK,EAAEI,SAAS,IAAI,CAAC;EACvC,MAAMC,QAAQ,GAAGF,QAAQ,GAAGC,SAAS,GAAG,CAAC;EACzC,MAAME,OAAO,GAAGD,QAAQ,GAAGJ,QAAQ,GAAG,CAAC;EAEvC,IAAI,CAACA,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EACA,oBACEZ,KAAA,CAAAkB,aAAA;IAAKZ,SAAS,EAAEA,SAAU;IAAC,eAAY;EAAY,GAChDC,UAAU,iBACTP,KAAA,CAAAkB,aAAA,CAACf,gBAAgB;IACfgB,EAAE,EAAC,oCAAoC;IACvCC,cAAc,EAAC,gDAAgD;IAC/DC,WAAW,EAAC,uDAAuD;IACnEC,MAAM,EAAE;MAAEZ,SAAS;MAAEM,QAAQ;MAAEC;IAAQ;EAAE,CAC1C,CAEA,CAAC;AAEV;AAEAZ,SAAS,CAACkB,SAAS,GAAG;EACpB;EACAjB,SAAS,EAAEJ,SAAS,CAACsB,MAAM;EAC3B;EACAjB,UAAU,EAAEL,SAAS,CAACuB,SAAS,CAAC,CAACvB,SAAS,CAACsB,MAAM,EAAEtB,SAAS,CAACwB,OAAO,CAAC;AACvE,CAAC;AAEDrB,SAAS,CAACsB,YAAY,GAAG;EACvBrB,SAAS,EAAEsB,SAAS;EACpBrB,UAAU,EAAEqB;AACd,CAAC;AAED,eAAevB,SAAS","ignoreList":[]}

package/dist/DataTable/SidebarFilters.js

@@ -3,10 +3,9 @@ import PropTypes from 'prop-types';
 import { FormattedMessage } from 'react-intl';
 import DataTableContext from './DataTableContext';
 import FilterStatus from './FilterStatus';
-function SidebarFilters(_ref) {
-  let {
-    title
-  } = _ref;
+function SidebarFilters({
+  title
+}) {
   const {
     state,
     columns