@openedx/paragon 23.14.1 → 23.14.3

package/dist/ChipCarousel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","useIntl","classNames","OverflowScroll","OverflowScrollContext","IconButton","Icon","ArrowForward","ArrowBack","messages","Chip","ChipCarousel","forwardRef","_ref","ref","className","items","ariaLabel","disableOpacityMasks","onScrollPrevious","onScrollNext","canScrollHorizontal","offset","offsetType","gap","props","intl","createElement","hasInteractiveChildren","disableScroll","Consumer","_ref2","setOverflowRef","isScrolledToStart","isScrolledToEnd","scrollToPrevious","scrollToNext","Fragment","size","src","iconAs","alt","formatMessage","onClick","Items","map","item","id","children","key","propTypes","string","isRequired","arrayOf","element","bool","func","oneOfType","number","oneOf","defaultProps","undefined"],"sources":["../../src/ChipCarousel/index.tsx"],"sourcesContent":["import React, { ForwardedRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\nimport classNames from 'classnames';\n// @ts-ignore\nimport { OverflowScroll, OverflowScrollContext } from '../OverflowScroll';\nimport IconButton from '../IconButton';\nimport Icon from '../Icon';\n// @ts-ignore\nimport { ArrowForward, ArrowBack } from '../../icons';\n// @ts-ignore\nimport messages from './messages';\nimport Chip from '../Chip';\n\nexport interface OverflowScrollContextProps {\n  setOverflowRef: () => void,\n  isScrolledToStart: boolean,\n  isScrolledToEnd: boolean,\n  scrollToPrevious: () => void,\n  scrollToNext: () => void,\n}\n\nexport interface ChipCarouselProps {\n  className?: string;\n  items: Array<React.ReactElement>;\n  ariaLabel: string;\n  disableOpacityMasks?: boolean;\n  onScrollPrevious?: () => void;\n  onScrollNext?: () => void;\n  canScrollHorizontal?: boolean;\n  offset?: number | string;\n  offsetType?: 'percentage' | 'fixed';\n  gap?: number;\n}\n\nconst ChipCarousel = React.forwardRef(({\n  className,\n  items,\n  ariaLabel,\n  disableOpacityMasks,\n  onScrollPrevious,\n  onScrollNext,\n  canScrollHorizontal = false,\n  offset = 120,\n  offsetType = 'fixed',\n  gap,\n  ...props\n}: ChipCarouselProps, ref: ForwardedRef<HTMLDivElement>) => {\n  const intl = useIntl();\n\n  return (\n    <div\n      className={classNames('pgn__chip-carousel', className, gap ? `pgn__chip-carousel-gap__${gap}` : '')}\n      {...props}\n      ref={ref}\n    >\n      <OverflowScroll\n        ariaLabel={ariaLabel}\n        hasInteractiveChildren\n        disableScroll={!canScrollHorizontal}\n        disableOpacityMasks={disableOpacityMasks}\n        onScrollPrevious={onScrollPrevious}\n        onScrollNext={onScrollNext}\n        offset={offset}\n        offsetType={offsetType}\n      >\n        <OverflowScrollContext.Consumer>\n          {({\n            setOverflowRef,\n            isScrolledToStart,\n            isScrolledToEnd,\n            scrollToPrevious,\n            scrollToNext,\n          }: OverflowScrollContextProps) => (\n            <>\n              <>\n                {!isScrolledToStart && (\n                  <IconButton\n                    size=\"sm\"\n                    className=\"pgn__chip-carousel__left-control\"\n                    src={ArrowBack}\n                    iconAs={Icon}\n                    alt={intl.formatMessage(messages.scrollToPrevious)}\n                    onClick={scrollToPrevious}\n                  />\n                )}\n                {!isScrolledToEnd && (\n                  <IconButton\n                    size=\"sm\"\n                    className=\"pgn__chip-carousel__right-control\"\n                    src={ArrowForward}\n                    iconAs={Icon}\n                    alt={intl.formatMessage(messages.scrollToNext)}\n                    onClick={scrollToNext}\n                  />\n                )}\n              </>\n              <div ref={setOverflowRef} className=\"d-flex\">\n                <OverflowScroll.Items>\n                  {items?.map((item, id) => {\n                    const { children } = item?.props || {};\n                    if (!children) {\n                      return null;\n                    }\n                    // eslint-disable-next-line react/no-array-index-key\n                    return React.createElement(Chip, { ...item.props, key: id });\n                  })}\n                </OverflowScroll.Items>\n              </div>\n            </>\n          )}\n        </OverflowScrollContext.Consumer>\n      </OverflowScroll>\n    </div>\n  );\n});\n\nChipCarousel.propTypes = {\n  /** Text describing the ChipCarousel for screen readers. */\n  ariaLabel: PropTypes.string.isRequired,\n  /** Specifies class name for the ChipCarousel. */\n  className: PropTypes.string,\n  /** Specifies array of `Chip` elements to be rendered inside the carousel. */\n  // @ts-ignore\n  items: PropTypes.arrayOf(PropTypes.element).isRequired,\n  /** Whether the default opacity masks should be shown at the start/end, if applicable. */\n  disableOpacityMasks: PropTypes.bool,\n  /** Callback function for when the user scrolls to the previous element. */\n  onScrollPrevious: PropTypes.func,\n  /** Callback function for when the user scrolls to the next element. */\n  onScrollNext: PropTypes.func,\n  /** Whether users can scroll within the overflow container. */\n  canScrollHorizontal: PropTypes.bool,\n  /** A value specifying the distance the scroll should move. */\n  offset: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /** Type of offset value (percentage or fixed). */\n  offsetType: PropTypes.oneOf(['percentage', 'fixed']),\n  /**\n   * Specifies inner space between children blocks.\n   *\n   * Valid values are based on `the spacing classes`:\n   * `0, 0.5, ... 6`.\n   */\n  gap: PropTypes.number,\n};\n\nChipCarousel.defaultProps = {\n  className: undefined,\n  disableOpacityMasks: undefined,\n  onScrollPrevious: undefined,\n  onScrollNext: undefined,\n  canScrollHorizontal: false,\n  offset: 120,\n  offsetType: 'fixed',\n  gap: 3,\n};\n\nexport default ChipCarousel;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","useIntl","classNames","OverflowScroll","OverflowScrollContext","IconButton","Icon","ArrowForward","ArrowBack","messages","Chip","ChipCarousel","forwardRef","className","items","ariaLabel","disableOpacityMasks","onScrollPrevious","onScrollNext","canScrollHorizontal","offset","offsetType","gap","props","ref","intl","createElement","hasInteractiveChildren","disableScroll","Consumer","setOverflowRef","isScrolledToStart","isScrolledToEnd","scrollToPrevious","scrollToNext","Fragment","size","src","iconAs","alt","formatMessage","onClick","Items","map","item","id","children","key","propTypes","string","isRequired","arrayOf","element","bool","func","oneOfType","number","oneOf","defaultProps","undefined"],"sources":["../../src/ChipCarousel/index.tsx"],"sourcesContent":["import React, { ForwardedRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\nimport classNames from 'classnames';\n// @ts-ignore\nimport { OverflowScroll, OverflowScrollContext } from '../OverflowScroll';\nimport IconButton from '../IconButton';\nimport Icon from '../Icon';\n// @ts-ignore\nimport { ArrowForward, ArrowBack } from '../../icons';\n// @ts-ignore\nimport messages from './messages';\nimport Chip from '../Chip';\n\nexport interface OverflowScrollContextProps {\n  setOverflowRef: () => void,\n  isScrolledToStart: boolean,\n  isScrolledToEnd: boolean,\n  scrollToPrevious: () => void,\n  scrollToNext: () => void,\n}\n\nexport interface ChipCarouselProps {\n  className?: string;\n  items: Array<React.ReactElement>;\n  ariaLabel: string;\n  disableOpacityMasks?: boolean;\n  onScrollPrevious?: () => void;\n  onScrollNext?: () => void;\n  canScrollHorizontal?: boolean;\n  offset?: number | string;\n  offsetType?: 'percentage' | 'fixed';\n  gap?: number;\n}\n\nconst ChipCarousel = React.forwardRef(({\n  className,\n  items,\n  ariaLabel,\n  disableOpacityMasks,\n  onScrollPrevious,\n  onScrollNext,\n  canScrollHorizontal = false,\n  offset = 120,\n  offsetType = 'fixed',\n  gap,\n  ...props\n}: ChipCarouselProps, ref: ForwardedRef<HTMLDivElement>) => {\n  const intl = useIntl();\n\n  return (\n    <div\n      className={classNames('pgn__chip-carousel', className, gap ? `pgn__chip-carousel-gap__${gap}` : '')}\n      {...props}\n      ref={ref}\n    >\n      <OverflowScroll\n        ariaLabel={ariaLabel}\n        hasInteractiveChildren\n        disableScroll={!canScrollHorizontal}\n        disableOpacityMasks={disableOpacityMasks}\n        onScrollPrevious={onScrollPrevious}\n        onScrollNext={onScrollNext}\n        offset={offset}\n        offsetType={offsetType}\n      >\n        <OverflowScrollContext.Consumer>\n          {({\n            setOverflowRef,\n            isScrolledToStart,\n            isScrolledToEnd,\n            scrollToPrevious,\n            scrollToNext,\n          }: OverflowScrollContextProps) => (\n            <>\n              <>\n                {!isScrolledToStart && (\n                  <IconButton\n                    size=\"sm\"\n                    className=\"pgn__chip-carousel__left-control\"\n                    src={ArrowBack}\n                    iconAs={Icon}\n                    alt={intl.formatMessage(messages.scrollToPrevious)}\n                    onClick={scrollToPrevious}\n                  />\n                )}\n                {!isScrolledToEnd && (\n                  <IconButton\n                    size=\"sm\"\n                    className=\"pgn__chip-carousel__right-control\"\n                    src={ArrowForward}\n                    iconAs={Icon}\n                    alt={intl.formatMessage(messages.scrollToNext)}\n                    onClick={scrollToNext}\n                  />\n                )}\n              </>\n              <div ref={setOverflowRef} className=\"d-flex\">\n                <OverflowScroll.Items>\n                  {items?.map((item, id) => {\n                    const { children } = item?.props || {};\n                    if (!children) {\n                      return null;\n                    }\n                    // eslint-disable-next-line react/no-array-index-key\n                    return React.createElement(Chip, { ...item.props, key: id });\n                  })}\n                </OverflowScroll.Items>\n              </div>\n            </>\n          )}\n        </OverflowScrollContext.Consumer>\n      </OverflowScroll>\n    </div>\n  );\n});\n\nChipCarousel.propTypes = {\n  /** Text describing the ChipCarousel for screen readers. */\n  ariaLabel: PropTypes.string.isRequired,\n  /** Specifies class name for the ChipCarousel. */\n  className: PropTypes.string,\n  /** Specifies array of `Chip` elements to be rendered inside the carousel. */\n  // @ts-ignore\n  items: PropTypes.arrayOf(PropTypes.element).isRequired,\n  /** Whether the default opacity masks should be shown at the start/end, if applicable. */\n  disableOpacityMasks: PropTypes.bool,\n  /** Callback function for when the user scrolls to the previous element. */\n  onScrollPrevious: PropTypes.func,\n  /** Callback function for when the user scrolls to the next element. */\n  onScrollNext: PropTypes.func,\n  /** Whether users can scroll within the overflow container. */\n  canScrollHorizontal: PropTypes.bool,\n  /** A value specifying the distance the scroll should move. */\n  offset: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /** Type of offset value (percentage or fixed). */\n  offsetType: PropTypes.oneOf(['percentage', 'fixed']),\n  /**\n   * Specifies inner space between children blocks.\n   *\n   * Valid values are based on `the spacing classes`:\n   * `0, 0.5, ... 6`.\n   */\n  gap: PropTypes.number,\n};\n\nChipCarousel.defaultProps = {\n  className: undefined,\n  disableOpacityMasks: undefined,\n  onScrollPrevious: undefined,\n  onScrollNext: undefined,\n  canScrollHorizontal: false,\n  offset: 120,\n  offsetType: 'fixed',\n  gap: 3,\n};\n\nexport default ChipCarousel;\n"],"mappings":"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","ignoreList":[]}

package/dist/ChipCarousel/messages.d.ts

@@ -0,0 +1,13 @@
+declare const messages: {
+    scrollToPrevious: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    scrollToNext: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/ChipCarousel/messages.js

@@ -1,16 +1,15 @@
 import { defineMessages } from 'react-intl';
-
 const messages = defineMessages({
   scrollToPrevious: {
     id: 'pgn.ChipCarousel.scrollToPrevious',
     defaultMessage: 'Scroll to previous',
-    description: 'Accessibility text describing the action for navigating a scrollable carousel to the previous element',
+    description: 'Accessibility text describing the action for navigating a scrollable carousel to the previous element'
   },
   scrollToNext: {
     id: 'pgn.ChipCarousel.scrollToNext',
     defaultMessage: 'Scroll to next',
-    description: 'Accessibility text describing the action for navigating a scrollable carousel to the next element',
-  },
+    description: 'Accessibility text describing the action for navigating a scrollable carousel to the next element'
+  }
 });
-
 export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/ChipCarousel/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","names":["defineMessages","messages","scrollToPrevious","id","defaultMessage","description","scrollToNext"],"sources":["../../src/ChipCarousel/messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nconst messages = defineMessages({\n  scrollToPrevious: {\n    id: 'pgn.ChipCarousel.scrollToPrevious',\n    defaultMessage: 'Scroll to previous',\n    description: 'Accessibility text describing the action for navigating a scrollable carousel to the previous element',\n  },\n  scrollToNext: {\n    id: 'pgn.ChipCarousel.scrollToNext',\n    defaultMessage: 'Scroll to next',\n    description: 'Accessibility text describing the action for navigating a scrollable carousel to the next element',\n  },\n});\n\nexport default messages;\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,YAAY;AAE3C,MAAMC,QAAQ,GAAGD,cAAc,CAAC;EAC9BE,gBAAgB,EAAE;IAChBC,EAAE,EAAE,mCAAmC;IACvCC,cAAc,EAAE,oBAAoB;IACpCC,WAAW,EAAE;EACf,CAAC;EACDC,YAAY,EAAE;IACZH,EAAE,EAAE,+BAA+B;IACnCC,cAAc,EAAE,gBAAgB;IAChCC,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAEF,eAAeJ,QAAQ","ignoreList":[]}

package/dist/CloseButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../src/CloseButton/index.jsx"],"sourcesContent":["export { default } from 'react-bootstrap/CloseButton';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,6BAA6B","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../src/CloseButton/index.tsx"],"sourcesContent":["export { default } from 'react-bootstrap/CloseButton';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,6BAA6B","ignoreList":[]}

package/dist/Collapse/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../src/Collapse/index.jsx"],"sourcesContent":["export { default } from 'react-bootstrap/Collapse';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,0BAA0B","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../src/Collapse/index.tsx"],"sourcesContent":["export { default } from 'react-bootstrap/Collapse';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,0BAA0B","ignoreList":[]}

package/dist/Collapsible/CollapsibleBody.js

@@ -3,13 +3,12 @@ import PropTypes from 'prop-types';
 import Collapse from '../Collapse';
 import { CollapsibleContext } from './CollapsibleAdvanced';
 import TransitionReplace from '../TransitionReplace';
-function CollapsibleBody(_ref) {
-  let {
-    children,
-    transitionWrapper,
-    tag,
-    ...props
-  } = _ref;
+function CollapsibleBody({
+  children,
+  transitionWrapper,
+  tag,
+  ...props
+}) {
   const {
     isOpen,
     unmountOnExit

package/dist/Collapsible/CollapsibleBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleBody.js","names":["React","useContext","PropTypes","Collapse","CollapsibleContext","TransitionReplace","CollapsibleBody","_ref","children","transitionWrapper","tag","props","isOpen","unmountOnExit","content","createElement","key","transitionBody","cloneElement","in","propTypes","node","string","element","defaultProps","undefined"],"sources":["../../src/Collapsible/CollapsibleBody.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Collapse from '../Collapse';\nimport { CollapsibleContext } from './CollapsibleAdvanced';\nimport TransitionReplace from '../TransitionReplace';\n\nfunction CollapsibleBody({\n  children, transitionWrapper, tag, ...props\n}) {\n  const { isOpen, unmountOnExit } = useContext(CollapsibleContext);\n\n  // Keys are added to these elements so that TransitionReplace\n  // will recognize them as unique components and perform the\n  // transition properly.\n  const content = React.createElement(tag, { key: 'body', ...props }, children);\n  const transitionBody = isOpen ? content : <div key=\"empty\" />;\n\n  if (transitionWrapper) {\n    return React.cloneElement(transitionWrapper, {}, transitionBody);\n  }\n  /* istanbul ignore next */\n  return unmountOnExit\n    ? <TransitionReplace>{transitionBody}</TransitionReplace>\n    : <Collapse in={isOpen}>{content}</Collapse>;\n}\n\nCollapsibleBody.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node,\n  /** Specifies content's base element. */\n  tag: PropTypes.string,\n  /** Specifies transition element. */\n  transitionWrapper: PropTypes.element,\n};\n\nCollapsibleBody.defaultProps = {\n  children: undefined,\n  tag: 'div',\n  transitionWrapper: undefined,\n};\n\nexport default CollapsibleBody;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,QAAQ,MAAM,aAAa;AAClC,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,OAAOC,iBAAiB,MAAM,sBAAsB;AAEpD,SAASC,eAAeA,CAAAC,IAAA,EAErB;EAAA,IAFsB;IACvBC,QAAQ;IAAEC,iBAAiB;IAAEC,GAAG;IAAE,GAAGC;EACvC,CAAC,GAAAJ,IAAA;EACC,MAAM;IAAEK,MAAM;IAAEC;EAAc,CAAC,GAAGZ,UAAU,CAACG,kBAAkB,CAAC;;EAEhE;EACA;EACA;EACA,MAAMU,OAAO,gBAAGd,KAAK,CAACe,aAAa,CAACL,GAAG,EAAE;IAAEM,GAAG,EAAE,MAAM;IAAE,GAAGL;EAAM,CAAC,EAAEH,QAAQ,CAAC;EAC7E,MAAMS,cAAc,GAAGL,MAAM,GAAGE,OAAO,gBAAGd,KAAA,CAAAe,aAAA;IAAKC,GAAG,EAAC;EAAO,CAAE,CAAC;EAE7D,IAAIP,iBAAiB,EAAE;IACrB,oBAAOT,KAAK,CAACkB,YAAY,CAACT,iBAAiB,EAAE,CAAC,CAAC,EAAEQ,cAAc,CAAC;EAClE;EACA;EACA,OAAOJ,aAAa,gBAChBb,KAAA,CAAAe,aAAA,CAACV,iBAAiB,QAAEY,cAAkC,CAAC,gBACvDjB,KAAA,CAAAe,aAAA,CAACZ,QAAQ;IAACgB,EAAE,EAAEP;EAAO,GAAEE,OAAkB,CAAC;AAChD;AAEAR,eAAe,CAACc,SAAS,GAAG;EAC1B;EACAZ,QAAQ,EAAEN,SAAS,CAACmB,IAAI;EACxB;EACAX,GAAG,EAAER,SAAS,CAACoB,MAAM;EACrB;EACAb,iBAAiB,EAAEP,SAAS,CAACqB;AAC/B,CAAC;AAEDjB,eAAe,CAACkB,YAAY,GAAG;EAC7BhB,QAAQ,EAAEiB,SAAS;EACnBf,GAAG,EAAE,KAAK;EACVD,iBAAiB,EAAEgB;AACrB,CAAC;AAED,eAAenB,eAAe","ignoreList":[]}
+{"version":3,"file":"CollapsibleBody.js","names":["React","useContext","PropTypes","Collapse","CollapsibleContext","TransitionReplace","CollapsibleBody","children","transitionWrapper","tag","props","isOpen","unmountOnExit","content","createElement","key","transitionBody","cloneElement","in","propTypes","node","string","element","defaultProps","undefined"],"sources":["../../src/Collapsible/CollapsibleBody.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Collapse from '../Collapse';\nimport { CollapsibleContext } from './CollapsibleAdvanced';\nimport TransitionReplace from '../TransitionReplace';\n\nfunction CollapsibleBody({\n  children, transitionWrapper, tag, ...props\n}) {\n  const { isOpen, unmountOnExit } = useContext(CollapsibleContext);\n\n  // Keys are added to these elements so that TransitionReplace\n  // will recognize them as unique components and perform the\n  // transition properly.\n  const content = React.createElement(tag, { key: 'body', ...props }, children);\n  const transitionBody = isOpen ? content : <div key=\"empty\" />;\n\n  if (transitionWrapper) {\n    return React.cloneElement(transitionWrapper, {}, transitionBody);\n  }\n  /* istanbul ignore next */\n  return unmountOnExit\n    ? <TransitionReplace>{transitionBody}</TransitionReplace>\n    : <Collapse in={isOpen}>{content}</Collapse>;\n}\n\nCollapsibleBody.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node,\n  /** Specifies content's base element. */\n  tag: PropTypes.string,\n  /** Specifies transition element. */\n  transitionWrapper: PropTypes.element,\n};\n\nCollapsibleBody.defaultProps = {\n  children: undefined,\n  tag: 'div',\n  transitionWrapper: undefined,\n};\n\nexport default CollapsibleBody;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,QAAQ,MAAM,aAAa;AAClC,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,OAAOC,iBAAiB,MAAM,sBAAsB;AAEpD,SAASC,eAAeA,CAAC;EACvBC,QAAQ;EAAEC,iBAAiB;EAAEC,GAAG;EAAE,GAAGC;AACvC,CAAC,EAAE;EACD,MAAM;IAAEC,MAAM;IAAEC;EAAc,CAAC,GAAGX,UAAU,CAACG,kBAAkB,CAAC;;EAEhE;EACA;EACA;EACA,MAAMS,OAAO,gBAAGb,KAAK,CAACc,aAAa,CAACL,GAAG,EAAE;IAAEM,GAAG,EAAE,MAAM;IAAE,GAAGL;EAAM,CAAC,EAAEH,QAAQ,CAAC;EAC7E,MAAMS,cAAc,GAAGL,MAAM,GAAGE,OAAO,gBAAGb,KAAA,CAAAc,aAAA;IAAKC,GAAG,EAAC;EAAO,CAAE,CAAC;EAE7D,IAAIP,iBAAiB,EAAE;IACrB,oBAAOR,KAAK,CAACiB,YAAY,CAACT,iBAAiB,EAAE,CAAC,CAAC,EAAEQ,cAAc,CAAC;EAClE;EACA;EACA,OAAOJ,aAAa,gBAChBZ,KAAA,CAAAc,aAAA,CAACT,iBAAiB,QAAEW,cAAkC,CAAC,gBACvDhB,KAAA,CAAAc,aAAA,CAACX,QAAQ;IAACe,EAAE,EAAEP;EAAO,GAAEE,OAAkB,CAAC;AAChD;AAEAP,eAAe,CAACa,SAAS,GAAG;EAC1B;EACAZ,QAAQ,EAAEL,SAAS,CAACkB,IAAI;EACxB;EACAX,GAAG,EAAEP,SAAS,CAACmB,MAAM;EACrB;EACAb,iBAAiB,EAAEN,SAAS,CAACoB;AAC/B,CAAC;AAEDhB,eAAe,CAACiB,YAAY,GAAG;EAC7BhB,QAAQ,EAAEiB,SAAS;EACnBf,GAAG,EAAE,KAAK;EACVD,iBAAiB,EAAEgB;AACrB,CAAC;AAED,eAAelB,eAAe","ignoreList":[]}

package/dist/Collapsible/CollapsibleTrigger.js

@@ -1,16 +1,15 @@
 import React, { useContext, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { CollapsibleContext } from './CollapsibleAdvanced';
-function CollapsibleTrigger(_ref) {
-  let {
-    tag,
-    children,
-    openOnly,
-    closeOnly,
-    onClick,
-    onKeyDown,
-    ...props
-  } = _ref;
+function CollapsibleTrigger({
+  tag,
+  children,
+  openOnly,
+  closeOnly,
+  onClick,
+  onKeyDown,
+  ...props
+}) {
   const {
     isOpen,
     open,

package/dist/Collapsible/CollapsibleTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleTrigger.js","names":["React","useContext","useCallback","PropTypes","CollapsibleContext","CollapsibleTrigger","_ref","tag","children","openOnly","closeOnly","onClick","onKeyDown","props","isOpen","open","close","toggle","handleToggle","e","handleClick","handleKeyDown","key","createElement","role","tabIndex","propTypes","node","oneOfType","string","elementType","bool","func","defaultProps","undefined"],"sources":["../../src/Collapsible/CollapsibleTrigger.jsx"],"sourcesContent":["import React, { useContext, useCallback } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CollapsibleContext } from './CollapsibleAdvanced';\n\nfunction CollapsibleTrigger({\n  tag, children, openOnly, closeOnly, onClick, onKeyDown, ...props\n}) {\n  const {\n    isOpen, open, close, toggle,\n  } = useContext(CollapsibleContext);\n\n  const handleToggle = useCallback((e) => {\n    if (openOnly) {\n      open(e);\n    } else if (closeOnly) {\n      close(e);\n    } else {\n      toggle(e);\n    }\n  }, [openOnly, open, closeOnly, close, toggle]);\n\n  const handleClick = useCallback((e) => {\n    if (onClick) {\n      onClick(e);\n    }\n    handleToggle(e);\n  }, [onClick, handleToggle]);\n\n  const handleKeyDown = useCallback((e) => {\n    if (onKeyDown) {\n      onKeyDown(e);\n    }\n    if (e.key === 'Enter') {\n      handleToggle(e);\n    }\n  }, [onKeyDown, handleToggle]);\n\n  return React.createElement(\n    tag,\n    {\n      ...props,\n      onClick: handleClick,\n      onKeyDown: handleKeyDown,\n      role: 'button',\n      tabIndex: 0,\n      'aria-expanded': isOpen,\n    },\n    children,\n  );\n}\n\nCollapsibleTrigger.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node,\n  /** Specifies base element. */\n  tag: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n  /** Specifies whether toggling `Collapsible's` state will always trigger only open action. */\n  openOnly: PropTypes.bool,\n  /** Specifies whether toggling `Collapsible's` state will always trigger only close action. */\n  closeOnly: PropTypes.bool,\n  /** Callback fired when element gets clicked. */\n  onClick: PropTypes.func,\n  /** Callback fired when a key is pressed. */\n  onKeyDown: PropTypes.func,\n};\n\nCollapsibleTrigger.defaultProps = {\n  children: undefined,\n  tag: 'div',\n  openOnly: false,\n  closeOnly: false,\n  onClick: undefined,\n  onKeyDown: undefined,\n};\n\nexport default CollapsibleTrigger;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,QAAQ,OAAO;AACtD,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,SAASC,kBAAkBA,CAAAC,IAAA,EAExB;EAAA,IAFyB;IAC1BC,GAAG;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,OAAO;IAAEC,SAAS;IAAE,GAAGC;EAC7D,CAAC,GAAAP,IAAA;EACC,MAAM;IACJQ,MAAM;IAAEC,IAAI;IAAEC,KAAK;IAAEC;EACvB,CAAC,GAAGhB,UAAU,CAACG,kBAAkB,CAAC;EAElC,MAAMc,YAAY,GAAGhB,WAAW,CAAEiB,CAAC,IAAK;IACtC,IAAIV,QAAQ,EAAE;MACZM,IAAI,CAACI,CAAC,CAAC;IACT,CAAC,MAAM,IAAIT,SAAS,EAAE;MACpBM,KAAK,CAACG,CAAC,CAAC;IACV,CAAC,MAAM;MACLF,MAAM,CAACE,CAAC,CAAC;IACX;EACF,CAAC,EAAE,CAACV,QAAQ,EAAEM,IAAI,EAAEL,SAAS,EAAEM,KAAK,EAAEC,MAAM,CAAC,CAAC;EAE9C,MAAMG,WAAW,GAAGlB,WAAW,CAAEiB,CAAC,IAAK;IACrC,IAAIR,OAAO,EAAE;MACXA,OAAO,CAACQ,CAAC,CAAC;IACZ;IACAD,YAAY,CAACC,CAAC,CAAC;EACjB,CAAC,EAAE,CAACR,OAAO,EAAEO,YAAY,CAAC,CAAC;EAE3B,MAAMG,aAAa,GAAGnB,WAAW,CAAEiB,CAAC,IAAK;IACvC,IAAIP,SAAS,EAAE;MACbA,SAAS,CAACO,CAAC,CAAC;IACd;IACA,IAAIA,CAAC,CAACG,GAAG,KAAK,OAAO,EAAE;MACrBJ,YAAY,CAACC,CAAC,CAAC;IACjB;EACF,CAAC,EAAE,CAACP,SAAS,EAAEM,YAAY,CAAC,CAAC;EAE7B,oBAAOlB,KAAK,CAACuB,aAAa,CACxBhB,GAAG,EACH;IACE,GAAGM,KAAK;IACRF,OAAO,EAAES,WAAW;IACpBR,SAAS,EAAES,aAAa;IACxBG,IAAI,EAAE,QAAQ;IACdC,QAAQ,EAAE,CAAC;IACX,eAAe,EAAEX;EACnB,CAAC,EACDN,QACF,CAAC;AACH;AAEAH,kBAAkB,CAACqB,SAAS,GAAG;EAC7B;EACAlB,QAAQ,EAAEL,SAAS,CAACwB,IAAI;EACxB;EACApB,GAAG,EAAEJ,SAAS,CAACyB,SAAS,CAAC,CAACzB,SAAS,CAAC0B,MAAM,EAAE1B,SAAS,CAAC2B,WAAW,CAAC,CAAC;EACnE;EACArB,QAAQ,EAAEN,SAAS,CAAC4B,IAAI;EACxB;EACArB,SAAS,EAAEP,SAAS,CAAC4B,IAAI;EACzB;EACApB,OAAO,EAAER,SAAS,CAAC6B,IAAI;EACvB;EACApB,SAAS,EAAET,SAAS,CAAC6B;AACvB,CAAC;AAED3B,kBAAkB,CAAC4B,YAAY,GAAG;EAChCzB,QAAQ,EAAE0B,SAAS;EACnB3B,GAAG,EAAE,KAAK;EACVE,QAAQ,EAAE,KAAK;EACfC,SAAS,EAAE,KAAK;EAChBC,OAAO,EAAEuB,SAAS;EAClBtB,SAAS,EAAEsB;AACb,CAAC;AAED,eAAe7B,kBAAkB","ignoreList":[]}
+{"version":3,"file":"CollapsibleTrigger.js","names":["React","useContext","useCallback","PropTypes","CollapsibleContext","CollapsibleTrigger","tag","children","openOnly","closeOnly","onClick","onKeyDown","props","isOpen","open","close","toggle","handleToggle","e","handleClick","handleKeyDown","key","createElement","role","tabIndex","propTypes","node","oneOfType","string","elementType","bool","func","defaultProps","undefined"],"sources":["../../src/Collapsible/CollapsibleTrigger.jsx"],"sourcesContent":["import React, { useContext, useCallback } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CollapsibleContext } from './CollapsibleAdvanced';\n\nfunction CollapsibleTrigger({\n  tag, children, openOnly, closeOnly, onClick, onKeyDown, ...props\n}) {\n  const {\n    isOpen, open, close, toggle,\n  } = useContext(CollapsibleContext);\n\n  const handleToggle = useCallback((e) => {\n    if (openOnly) {\n      open(e);\n    } else if (closeOnly) {\n      close(e);\n    } else {\n      toggle(e);\n    }\n  }, [openOnly, open, closeOnly, close, toggle]);\n\n  const handleClick = useCallback((e) => {\n    if (onClick) {\n      onClick(e);\n    }\n    handleToggle(e);\n  }, [onClick, handleToggle]);\n\n  const handleKeyDown = useCallback((e) => {\n    if (onKeyDown) {\n      onKeyDown(e);\n    }\n    if (e.key === 'Enter') {\n      handleToggle(e);\n    }\n  }, [onKeyDown, handleToggle]);\n\n  return React.createElement(\n    tag,\n    {\n      ...props,\n      onClick: handleClick,\n      onKeyDown: handleKeyDown,\n      role: 'button',\n      tabIndex: 0,\n      'aria-expanded': isOpen,\n    },\n    children,\n  );\n}\n\nCollapsibleTrigger.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node,\n  /** Specifies base element. */\n  tag: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n  /** Specifies whether toggling `Collapsible's` state will always trigger only open action. */\n  openOnly: PropTypes.bool,\n  /** Specifies whether toggling `Collapsible's` state will always trigger only close action. */\n  closeOnly: PropTypes.bool,\n  /** Callback fired when element gets clicked. */\n  onClick: PropTypes.func,\n  /** Callback fired when a key is pressed. */\n  onKeyDown: PropTypes.func,\n};\n\nCollapsibleTrigger.defaultProps = {\n  children: undefined,\n  tag: 'div',\n  openOnly: false,\n  closeOnly: false,\n  onClick: undefined,\n  onKeyDown: undefined,\n};\n\nexport default CollapsibleTrigger;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,QAAQ,OAAO;AACtD,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,SAASC,kBAAkBA,CAAC;EAC1BC,GAAG;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,OAAO;EAAEC,SAAS;EAAE,GAAGC;AAC7D,CAAC,EAAE;EACD,MAAM;IACJC,MAAM;IAAEC,IAAI;IAAEC,KAAK;IAAEC;EACvB,CAAC,GAAGf,UAAU,CAACG,kBAAkB,CAAC;EAElC,MAAMa,YAAY,GAAGf,WAAW,CAAEgB,CAAC,IAAK;IACtC,IAAIV,QAAQ,EAAE;MACZM,IAAI,CAACI,CAAC,CAAC;IACT,CAAC,MAAM,IAAIT,SAAS,EAAE;MACpBM,KAAK,CAACG,CAAC,CAAC;IACV,CAAC,MAAM;MACLF,MAAM,CAACE,CAAC,CAAC;IACX;EACF,CAAC,EAAE,CAACV,QAAQ,EAAEM,IAAI,EAAEL,SAAS,EAAEM,KAAK,EAAEC,MAAM,CAAC,CAAC;EAE9C,MAAMG,WAAW,GAAGjB,WAAW,CAAEgB,CAAC,IAAK;IACrC,IAAIR,OAAO,EAAE;MACXA,OAAO,CAACQ,CAAC,CAAC;IACZ;IACAD,YAAY,CAACC,CAAC,CAAC;EACjB,CAAC,EAAE,CAACR,OAAO,EAAEO,YAAY,CAAC,CAAC;EAE3B,MAAMG,aAAa,GAAGlB,WAAW,CAAEgB,CAAC,IAAK;IACvC,IAAIP,SAAS,EAAE;MACbA,SAAS,CAACO,CAAC,CAAC;IACd;IACA,IAAIA,CAAC,CAACG,GAAG,KAAK,OAAO,EAAE;MACrBJ,YAAY,CAACC,CAAC,CAAC;IACjB;EACF,CAAC,EAAE,CAACP,SAAS,EAAEM,YAAY,CAAC,CAAC;EAE7B,oBAAOjB,KAAK,CAACsB,aAAa,CACxBhB,GAAG,EACH;IACE,GAAGM,KAAK;IACRF,OAAO,EAAES,WAAW;IACpBR,SAAS,EAAES,aAAa;IACxBG,IAAI,EAAE,QAAQ;IACdC,QAAQ,EAAE,CAAC;IACX,eAAe,EAAEX;EACnB,CAAC,EACDN,QACF,CAAC;AACH;AAEAF,kBAAkB,CAACoB,SAAS,GAAG;EAC7B;EACAlB,QAAQ,EAAEJ,SAAS,CAACuB,IAAI;EACxB;EACApB,GAAG,EAAEH,SAAS,CAACwB,SAAS,CAAC,CAACxB,SAAS,CAACyB,MAAM,EAAEzB,SAAS,CAAC0B,WAAW,CAAC,CAAC;EACnE;EACArB,QAAQ,EAAEL,SAAS,CAAC2B,IAAI;EACxB;EACArB,SAAS,EAAEN,SAAS,CAAC2B,IAAI;EACzB;EACApB,OAAO,EAAEP,SAAS,CAAC4B,IAAI;EACvB;EACApB,SAAS,EAAER,SAAS,CAAC4B;AACvB,CAAC;AAED1B,kBAAkB,CAAC2B,YAAY,GAAG;EAChCzB,QAAQ,EAAE0B,SAAS;EACnB3B,GAAG,EAAE,KAAK;EACVE,QAAQ,EAAE,KAAK;EACfC,SAAS,EAAE,KAAK;EAChBC,OAAO,EAAEuB,SAAS;EAClBtB,SAAS,EAAEsB;AACb,CAAC;AAED,eAAe5B,kBAAkB","ignoreList":[]}

package/dist/Collapsible/CollapsibleVisible.js

@@ -1,12 +1,11 @@
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { CollapsibleContext } from './CollapsibleAdvanced';
-function CollapsibleVisible(_ref) {
-  let {
-    children,
-    whenOpen: visibleWhenOpen,
-    whenClosed: visibleWhenClosed
-  } = _ref;
+function CollapsibleVisible({
+  children,
+  whenOpen: visibleWhenOpen,
+  whenClosed: visibleWhenClosed
+}) {
   const {
     isOpen
   } = useContext(CollapsibleContext);

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":"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","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