@openedx/paragon 23.14.1 → 23.14.2

package/dist/Modal/ModalDialog.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { useMediaQuery } from 'react-responsive';
 import { useIntl } from 'react-intl';
@@ -66,69 +65,6 @@ function ModalDialog(_ref) {
     alt: closeButtonText
   })), children));
 }
-ModalDialog.propTypes = {
-  /**
-   *  Specifies the content of the dialog
-   */
-  children: PropTypes.node.isRequired,
-  /**
-   * The aria-label of the dialog
-   */
-  title: PropTypes.string.isRequired,
-  /**
-   * A callback to close the modal dialog
-   */
-  onClose: PropTypes.func.isRequired,
-  /**
-   * Is the modal dialog open or closed
-   */
-  isOpen: PropTypes.bool,
-  /**
-   * The close 'x' icon button in the top right of the dialog box
-   */
-  hasCloseButton: PropTypes.bool,
-  /**
-   * Sizes determine the maximum width of the dialog box
-   */
-  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),
-  /**
-   * The visual style of the dialog box
-   */
-  variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success', 'dark']),
-  /**
-   * The label supplied to the close icon button if one is rendered
-   */
-  closeLabel: PropTypes.string,
-  /**
-   *  Specifies class name to append to the base element
-   */
-  className: PropTypes.string,
-  /**
-   * Determines where a scrollbar should appear if a modal is too large for the
-   * viewport. When false, the ``ModalDialog``. Body receives a scrollbar, when true
-   * the browser window itself receives the scrollbar.
-   */
-  isFullscreenScroll: PropTypes.bool,
-  /**
-   * To show full screen view on mobile screens
-   */
-  isFullscreenOnMobile: PropTypes.bool,
-  /**
-   * Prevent clicking on the backdrop or pressing Esc to close the modal
-   */
-  isBlocking: PropTypes.bool,
-  /**
-   * Specifies the z-index of the modal
-   */
-  zIndex: PropTypes.number,
-  /**
-   * Specifies whether overflow content inside the modal should be visible.
-   * - `true` - content that exceeds the modal boundaries will remain visible outside the modal's main viewport,
-   * rather than being clipped or hidden.
-   * - `false` - any overflow content will be clipped to fit within the modal's dimensions.
-   */
-  isOverflowVisible: PropTypes.bool.isRequired
-};
 ModalDialog.Header = ModalDialogHeader;
 ModalDialog.Title = ModalDialogTitle;
 ModalDialog.Footer = ModalDialogFooter;

package/dist/Modal/ModalDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDialog.js","names":["React","PropTypes","classNames","useMediaQuery","useIntl","ModalLayer","ModalCloseButton","ModalDialogHeader","ModalDialogTitle","ModalDialogFooter","ModalDialogBody","ModalDialogHero","Icon","IconButton","Close","messages","ModalDialog","_ref","children","title","isOpen","onClose","size","variant","hasCloseButton","closeLabel","isFullscreenScroll","className","isFullscreenOnMobile","isBlocking","zIndex","isOverflowVisible","intl","closeButtonText","formatMessage","isMobile","query","showFullScreen","createElement","role","as","iconAs","invertColors","src","alt","propTypes","node","isRequired","string","func","bool","oneOf","number","Header","Title","Footer","CloseButton","Body","Hero"],"sources":["../../src/Modal/ModalDialog.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useMediaQuery } from 'react-responsive';\nimport { useIntl } from 'react-intl';\nimport ModalLayer from './ModalLayer';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalCloseButton from './ModalCloseButton';\nimport ModalDialogHeader from './ModalDialogHeader';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalDialogTitle from './ModalDialogTitle';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalDialogFooter from './ModalDialogFooter';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalDialogBody from './ModalDialogBody';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalDialogHero from './ModalDialogHero';\n\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\nimport { Close } from '../../icons';\nimport messages from './messages';\n\ninterface Props {\n  /** Specifies the content of the dialog */\n  children: React.ReactNode;\n  /** The aria-label of the dialog */\n  title: string;\n  /** A callback to close the modal dialog, e.g. when Escape is pressed */\n  onClose: () => void;\n  /** Is the modal dialog open or closed? */\n  isOpen?: boolean;\n  /** The close 'x' icon button in the top right of the dialog box */\n  hasCloseButton?: boolean;\n  /** Size determines the maximum width of the dialog box */\n  size?: 'sm' | 'md' | 'lg' | 'xl' | 'fullscreen';\n  /** The visual style of the dialog box */\n  variant?: 'default' | 'warning' | 'danger' | 'success' | 'dark';\n  /** The label supplied to the close icon button if one is rendered */\n  closeLabel?: string;\n  /** Specifies class name to append to the base element */\n  className?: string;\n  /**\n   * Determines where a scrollbar should appear if a modal is too large for the\n   * viewport. When false, the ``ModalDialog``. Body receives a scrollbar, when true\n   * the browser window itself receives the scrollbar.\n   */\n  isFullscreenScroll?: boolean;\n  /** To show full screen view on mobile screens */\n  isFullscreenOnMobile?: boolean;\n  /** Prevent clicking on the backdrop or pressing Esc to close the modal */\n  isBlocking?: boolean;\n  /** Specifies the z-index of the modal */\n  zIndex?: number;\n  /** Specifies whether overflow is visible in the modal */\n  isOverflowVisible: boolean;\n}\n\nfunction ModalDialog({\n  children,\n  title,\n  isOpen = false,\n  onClose,\n  size = 'md',\n  variant = 'default',\n  hasCloseButton = true,\n  closeLabel,\n  isFullscreenScroll = false,\n  className,\n  isFullscreenOnMobile = false,\n  isBlocking = false,\n  zIndex,\n  isOverflowVisible,\n}: Props) {\n  const intl = useIntl();\n  const closeButtonText = closeLabel || intl.formatMessage(messages.closeButtonText);\n  const isMobile = useMediaQuery({ query: '(max-width: 767.98px)' });\n  const showFullScreen = (isFullscreenOnMobile && isMobile);\n  return (\n    <ModalLayer isOpen={isOpen} onClose={onClose} isBlocking={isBlocking} zIndex={zIndex}>\n      <div\n        role=\"dialog\"\n        aria-label={title}\n        className={classNames(\n          'pgn__modal',\n          {\n            [`pgn__modal-${showFullScreen ? 'fullscreen' : size}`]: size,\n            [`pgn__modal-${variant}`]: variant,\n            'pgn__modal-scroll-fullscreen': isFullscreenScroll,\n            'pgn__modal-visible-overflow': isOverflowVisible,\n          },\n          className,\n        )}\n      >\n        {hasCloseButton && (\n          <div className=\"pgn__modal-close-container\">\n            <ModalCloseButton\n              as={IconButton}\n              iconAs={Icon}\n              invertColors={variant === 'dark'}\n              src={Close}\n              alt={closeButtonText}\n            />\n          </div>\n        )}\n        {children}\n      </div>\n    </ModalLayer>\n  );\n}\n\nModalDialog.propTypes = {\n  /**\n   *  Specifies the content of the dialog\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * The aria-label of the dialog\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * A callback to close the modal dialog\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * Is the modal dialog open or closed\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * The close 'x' icon button in the top right of the dialog box\n   */\n  hasCloseButton: PropTypes.bool,\n  /**\n   * Sizes determine the maximum width of the dialog box\n   */\n  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n  /**\n   * The visual style of the dialog box\n   */\n  variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success', 'dark']),\n  /**\n   * The label supplied to the close icon button if one is rendered\n   */\n  closeLabel: PropTypes.string,\n  /**\n   *  Specifies class name to append to the base element\n   */\n  className: PropTypes.string,\n  /**\n   * Determines where a scrollbar should appear if a modal is too large for the\n   * viewport. When false, the ``ModalDialog``. Body receives a scrollbar, when true\n   * the browser window itself receives the scrollbar.\n   */\n  isFullscreenScroll: PropTypes.bool,\n  /**\n   * To show full screen view on mobile screens\n   */\n  isFullscreenOnMobile: PropTypes.bool,\n  /**\n   * Prevent clicking on the backdrop or pressing Esc to close the modal\n   */\n  isBlocking: PropTypes.bool,\n  /**\n   * Specifies the z-index of the modal\n   */\n  zIndex: PropTypes.number,\n  /**\n   * Specifies whether overflow content inside the modal should be visible.\n   * - `true` - content that exceeds the modal boundaries will remain visible outside the modal's main viewport,\n   * rather than being clipped or hidden.\n   * - `false` - any overflow content will be clipped to fit within the modal's dimensions.\n   */\n  isOverflowVisible: PropTypes.bool.isRequired,\n};\n\nModalDialog.Header = ModalDialogHeader;\nModalDialog.Title = ModalDialogTitle;\nModalDialog.Footer = ModalDialogFooter;\nModalDialog.CloseButton = ModalCloseButton;\nModalDialog.Body = ModalDialogBody;\nModalDialog.Hero = ModalDialogHero;\n\nexport default ModalDialog;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ModalDialog.js","names":["React","classNames","useMediaQuery","useIntl","ModalLayer","ModalCloseButton","ModalDialogHeader","ModalDialogTitle","ModalDialogFooter","ModalDialogBody","ModalDialogHero","Icon","IconButton","Close","messages","ModalDialog","_ref","children","title","isOpen","onClose","size","variant","hasCloseButton","closeLabel","isFullscreenScroll","className","isFullscreenOnMobile","isBlocking","zIndex","isOverflowVisible","intl","closeButtonText","formatMessage","isMobile","query","showFullScreen","createElement","role","as","iconAs","invertColors","src","alt","Header","Title","Footer","CloseButton","Body","Hero"],"sources":["../../src/Modal/ModalDialog.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { useMediaQuery } from 'react-responsive';\nimport { useIntl } from 'react-intl';\nimport ModalLayer from './ModalLayer';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalCloseButton from './ModalCloseButton';\nimport ModalDialogHeader from './ModalDialogHeader';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalDialogTitle from './ModalDialogTitle';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalDialogFooter from './ModalDialogFooter';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalDialogBody from './ModalDialogBody';\n// @ts-ignore for now - this needs to be converted to TypeScript\nimport ModalDialogHero from './ModalDialogHero';\n\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\nimport { Close } from '../../icons';\nimport messages from './messages';\n\ninterface Props {\n  /** Specifies the content of the dialog */\n  children: React.ReactNode;\n  /** The aria-label of the dialog */\n  title: string;\n  /** A callback to close the modal dialog, e.g. when Escape is pressed */\n  onClose: () => void;\n  /** Is the modal dialog open or closed? */\n  isOpen?: boolean;\n  /** The close 'x' icon button in the top right of the dialog box */\n  hasCloseButton?: boolean;\n  /** Size determines the maximum width of the dialog box */\n  size?: 'sm' | 'md' | 'lg' | 'xl' | 'fullscreen';\n  /** The visual style of the dialog box */\n  variant?: 'default' | 'warning' | 'danger' | 'success' | 'dark';\n  /** The label supplied to the close icon button if one is rendered */\n  closeLabel?: string;\n  /** Specifies class name to append to the base element */\n  className?: string;\n  /**\n   * Determines where a scrollbar should appear if a modal is too large for the\n   * viewport. When false, the ``ModalDialog``. Body receives a scrollbar, when true\n   * the browser window itself receives the scrollbar.\n   */\n  isFullscreenScroll?: boolean;\n  /** To show full screen view on mobile screens */\n  isFullscreenOnMobile?: boolean;\n  /** Prevent clicking on the backdrop or pressing Esc to close the modal */\n  isBlocking?: boolean;\n  /** Specifies the z-index of the modal */\n  zIndex?: number;\n  /**\n   * Specifies whether overflow content inside the modal should be visible.\n   * - `true` - content that exceeds the modal boundaries will remain visible outside the modal's main viewport,\n   * rather than being clipped or hidden.\n   * - `false` - any overflow content will be clipped to fit within the modal's dimensions.\n   */\n  isOverflowVisible: boolean;\n}\n\nfunction ModalDialog({\n  children,\n  title,\n  isOpen = false,\n  onClose,\n  size = 'md',\n  variant = 'default',\n  hasCloseButton = true,\n  closeLabel,\n  isFullscreenScroll = false,\n  className,\n  isFullscreenOnMobile = false,\n  isBlocking = false,\n  zIndex,\n  isOverflowVisible,\n}: Props) {\n  const intl = useIntl();\n  const closeButtonText = closeLabel || intl.formatMessage(messages.closeButtonText);\n  const isMobile = useMediaQuery({ query: '(max-width: 767.98px)' });\n  const showFullScreen = (isFullscreenOnMobile && isMobile);\n  return (\n    <ModalLayer isOpen={isOpen} onClose={onClose} isBlocking={isBlocking} zIndex={zIndex}>\n      <div\n        role=\"dialog\"\n        aria-label={title}\n        className={classNames(\n          'pgn__modal',\n          {\n            [`pgn__modal-${showFullScreen ? 'fullscreen' : size}`]: size,\n            [`pgn__modal-${variant}`]: variant,\n            'pgn__modal-scroll-fullscreen': isFullscreenScroll,\n            'pgn__modal-visible-overflow': isOverflowVisible,\n          },\n          className,\n        )}\n      >\n        {hasCloseButton && (\n          <div className=\"pgn__modal-close-container\">\n            <ModalCloseButton\n              as={IconButton}\n              iconAs={Icon}\n              invertColors={variant === 'dark'}\n              src={Close}\n              alt={closeButtonText}\n            />\n          </div>\n        )}\n        {children}\n      </div>\n    </ModalLayer>\n  );\n}\n\nModalDialog.Header = ModalDialogHeader;\nModalDialog.Title = ModalDialogTitle;\nModalDialog.Footer = ModalDialogFooter;\nModalDialog.CloseButton = ModalCloseButton;\nModalDialog.Body = ModalDialogBody;\nModalDialog.Hero = ModalDialogHero;\n\nexport default ModalDialog;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,OAAO,QAAQ,YAAY;AACpC,OAAOC,UAAU,MAAM,cAAc;AACrC;AACA,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD;AACA,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD;AACA,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD;AACA,OAAOC,eAAe,MAAM,mBAAmB;AAC/C;AACA,OAAOC,eAAe,MAAM,mBAAmB;AAE/C,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,KAAK,QAAQ,aAAa;AACnC,OAAOC,QAAQ,MAAM,YAAY;AA0CjC,SAASC,WAAWA,CAAAC,IAAA,EAeV;EAAA,IAfW;IACnBC,QAAQ;IACRC,KAAK;IACLC,MAAM,GAAG,KAAK;IACdC,OAAO;IACPC,IAAI,GAAG,IAAI;IACXC,OAAO,GAAG,SAAS;IACnBC,cAAc,GAAG,IAAI;IACrBC,UAAU;IACVC,kBAAkB,GAAG,KAAK;IAC1BC,SAAS;IACTC,oBAAoB,GAAG,KAAK;IAC5BC,UAAU,GAAG,KAAK;IAClBC,MAAM;IACNC;EACK,CAAC,GAAAd,IAAA;EACN,MAAMe,IAAI,GAAG5B,OAAO,CAAC,CAAC;EACtB,MAAM6B,eAAe,GAAGR,UAAU,IAAIO,IAAI,CAACE,aAAa,CAACnB,QAAQ,CAACkB,eAAe,CAAC;EAClF,MAAME,QAAQ,GAAGhC,aAAa,CAAC;IAAEiC,KAAK,EAAE;EAAwB,CAAC,CAAC;EAClE,MAAMC,cAAc,GAAIT,oBAAoB,IAAIO,QAAS;EACzD,oBACElC,KAAA,CAAAqC,aAAA,CAACjC,UAAU;IAACe,MAAM,EAAEA,MAAO;IAACC,OAAO,EAAEA,OAAQ;IAACQ,UAAU,EAAEA,UAAW;IAACC,MAAM,EAAEA;EAAO,gBACnF7B,KAAA,CAAAqC,aAAA;IACEC,IAAI,EAAC,QAAQ;IACb,cAAYpB,KAAM;IAClBQ,SAAS,EAAEzB,UAAU,CACnB,YAAY,EACZ;MACE,CAAC,cAAcmC,cAAc,GAAG,YAAY,GAAGf,IAAI,EAAE,GAAGA,IAAI;MAC5D,CAAC,cAAcC,OAAO,EAAE,GAAGA,OAAO;MAClC,8BAA8B,EAAEG,kBAAkB;MAClD,6BAA6B,EAAEK;IACjC,CAAC,EACDJ,SACF;EAAE,GAEDH,cAAc,iBACbvB,KAAA,CAAAqC,aAAA;IAAKX,SAAS,EAAC;EAA4B,gBACzC1B,KAAA,CAAAqC,aAAA,CAAChC,gBAAgB;IACfkC,EAAE,EAAE3B,UAAW;IACf4B,MAAM,EAAE7B,IAAK;IACb8B,YAAY,EAAEnB,OAAO,KAAK,MAAO;IACjCoB,GAAG,EAAE7B,KAAM;IACX8B,GAAG,EAAEX;EAAgB,CACtB,CACE,CACN,EACAf,QACE,CACK,CAAC;AAEjB;AAEAF,WAAW,CAAC6B,MAAM,GAAGtC,iBAAiB;AACtCS,WAAW,CAAC8B,KAAK,GAAGtC,gBAAgB;AACpCQ,WAAW,CAAC+B,MAAM,GAAGtC,iBAAiB;AACtCO,WAAW,CAACgC,WAAW,GAAG1C,gBAAgB;AAC1CU,WAAW,CAACiC,IAAI,GAAGvC,eAAe;AAClCM,WAAW,CAACkC,IAAI,GAAGvC,eAAe;AAElC,eAAeK,WAAW","ignoreList":[]}

package/dist/Modal/ModalLayer.d.ts

@@ -1,21 +1,10 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 declare function ModalBackdrop({ onClick }: {
     onClick?: () => void;
 }): import("react/jsx-runtime").JSX.Element;
-declare namespace ModalBackdrop {
-    var propTypes: {
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-}
 declare function ModalContentContainer({ children }: {
     children?: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-declare namespace ModalContentContainer {
-    var propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
-}
 interface Props {
     /** Specifies the contents of the modal */
     children: React.ReactNode;
@@ -35,19 +24,5 @@ interface Props {
  * component is that if a modal object is visible then it is "enabled"
  */
 declare function ModalLayer({ children, onClose, isOpen, isBlocking, zIndex, }: Props): import("react/jsx-runtime").JSX.Element | null;
-declare namespace ModalLayer {
-    var propTypes: {
-        /** Specifies the contents of the modal */
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        /** A callback function for when the modal is dismissed */
-        onClose: PropTypes.Validator<(...args: any[]) => any>;
-        /** Is the modal dialog open or closed */
-        isOpen: PropTypes.Validator<boolean>;
-        /** Prevent clicking on the backdrop or pressing Esc to close the modal */
-        isBlocking: PropTypes.Requireable<boolean>;
-        /** Specifies the z-index of the modal */
-        zIndex: PropTypes.Requireable<number>;
-    };
-}
 export { ModalBackdrop, ModalContentContainer };
 export default ModalLayer;

package/dist/Modal/ModalLayer.js

@@ -1,6 +1,5 @@
 import React, { useEffect } from 'react';
 import classNames from 'classnames';
-import PropTypes from 'prop-types';
 import { FocusOn } from 'react-focus-on';
 import Portal from './Portal';
 import { ModalContextProvider } from './ModalContext';
@@ -21,9 +20,6 @@ function ModalBackdrop(_ref) {
     })
   );
 }
-ModalBackdrop.propTypes = {
-  onClick: PropTypes.func
-};
 
 // istanbul ignore next
 function ModalContentContainer(_ref2) {
@@ -34,9 +30,6 @@ function ModalContentContainer(_ref2) {
     className: "pgn__modal-content-container"
   }, children);
 }
-ModalContentContainer.propTypes = {
-  children: PropTypes.node
-};
 /**
  * The ModalLayer should be used for any component that wishes to engage the user
  * in a "mode" where a layer on top of the application is interactive while the
@@ -80,18 +73,6 @@ function ModalLayer(_ref3) {
     onClick: handleClose
   }), children))));
 }
-ModalLayer.propTypes = {
-  /** Specifies the contents of the modal */
-  children: PropTypes.node.isRequired,
-  /** A callback function for when the modal is dismissed */
-  onClose: PropTypes.func.isRequired,
-  /** Is the modal dialog open or closed */
-  isOpen: PropTypes.bool.isRequired,
-  /** Prevent clicking on the backdrop or pressing Esc to close the modal */
-  isBlocking: PropTypes.bool,
-  /** Specifies the z-index of the modal */
-  zIndex: PropTypes.number
-};
 export { ModalBackdrop, ModalContentContainer };
 export default ModalLayer;
 //# sourceMappingURL=ModalLayer.js.map

package/dist/Modal/ModalLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalLayer.js","names":["React","useEffect","classNames","PropTypes","FocusOn","Portal","ModalContextProvider","ModalBackdrop","_ref","onClick","createElement","className","onKeyDown","propTypes","func","ModalContentContainer","_ref2","children","node","ModalLayer","_ref3","onClose","isOpen","isBlocking","zIndex","document","body","classList","add","remove","handleClose","undefined","allowPinchZoom","scrollLock","enabled","onEscapeKey","onClickOutside","isRequired","bool","number"],"sources":["../../src/Modal/ModalLayer.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { FocusOn } from 'react-focus-on';\nimport Portal from './Portal';\nimport { ModalContextProvider } from './ModalContext';\n\n// istanbul ignore next\nfunction ModalBackdrop({ onClick }: { onClick?: () => void }) {\n  return (\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n    <div\n      className=\"pgn__modal-backdrop\"\n      onClick={onClick}\n      onKeyDown={onClick}\n      data-testid=\"modal-backdrop\"\n    />\n  );\n}\n\nModalBackdrop.propTypes = {\n  onClick: PropTypes.func,\n};\n\n// istanbul ignore next\nfunction ModalContentContainer({ children = null }: { children?: React.ReactNode }) {\n  return <div className=\"pgn__modal-content-container\">{children}</div>;\n}\n\nModalContentContainer.propTypes = {\n  children: PropTypes.node,\n};\n\ninterface Props {\n  /** Specifies the contents of the modal */\n  children: React.ReactNode;\n  /** A callback function for when the modal is dismissed */\n  onClose: () => void;\n  /** Is the modal dialog open or closed */\n  isOpen: boolean;\n  /** Prevent clicking on the backdrop or pressing Esc to close the modal */\n  isBlocking?: boolean;\n  /** Specifies the z-index of the modal */\n  zIndex?: number;\n}\n\n/**\n * The ModalLayer should be used for any component that wishes to engage the user\n * in a \"mode\" where a layer on top of the application is interactive while the\n * rest of the application is made non-interactive. The assumption made by this\n * component is that if a modal object is visible then it is \"enabled\"\n */\nfunction ModalLayer({\n  children, onClose, isOpen, isBlocking = false, zIndex,\n}: Props) {\n  useEffect(() => {\n    if (isOpen) {\n      document.body.classList.add('pgn__hidden-scroll-padding-right');\n    } else {\n      document.body.classList.remove('pgn__hidden-scroll-padding-right');\n    }\n    return () => {\n      document.body.classList.remove('pgn__hidden-scroll-padding-right');\n    };\n  }, [isOpen]);\n\n  if (!isOpen) {\n    return null;\n  }\n\n  const handleClose = isBlocking ? undefined : onClose;\n\n  return (\n    <ModalContextProvider onClose={onClose} isOpen={isOpen} isBlocking={isBlocking}>\n      <Portal>\n        <FocusOn\n          allowPinchZoom\n          scrollLock\n          enabled={isOpen}\n          onEscapeKey={handleClose}\n          onClickOutside={handleClose}\n          className={classNames(\n            'pgn__modal-layer',\n            zIndex ? `zindex-${zIndex}` : '',\n          )}\n        >\n          <ModalContentContainer>\n            <ModalBackdrop onClick={handleClose} />\n            {children}\n          </ModalContentContainer>\n        </FocusOn>\n      </Portal>\n    </ModalContextProvider>\n  );\n}\n\nModalLayer.propTypes = {\n  /** Specifies the contents of the modal */\n  children: PropTypes.node.isRequired,\n  /** A callback function for when the modal is dismissed */\n  onClose: PropTypes.func.isRequired,\n  /** Is the modal dialog open or closed */\n  isOpen: PropTypes.bool.isRequired,\n  /** Prevent clicking on the backdrop or pressing Esc to close the modal */\n  isBlocking: PropTypes.bool,\n  /** Specifies the z-index of the modal */\n  zIndex: PropTypes.number,\n};\n\nexport { ModalBackdrop, ModalContentContainer };\nexport default ModalLayer;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ModalLayer.js","names":["React","useEffect","classNames","FocusOn","Portal","ModalContextProvider","ModalBackdrop","_ref","onClick","createElement","className","onKeyDown","ModalContentContainer","_ref2","children","ModalLayer","_ref3","onClose","isOpen","isBlocking","zIndex","document","body","classList","add","remove","handleClose","undefined","allowPinchZoom","scrollLock","enabled","onEscapeKey","onClickOutside"],"sources":["../../src/Modal/ModalLayer.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport classNames from 'classnames';\nimport { FocusOn } from 'react-focus-on';\nimport Portal from './Portal';\nimport { ModalContextProvider } from './ModalContext';\n\n// istanbul ignore next\nfunction ModalBackdrop({ onClick }: { onClick?: () => void }) {\n  return (\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n    <div\n      className=\"pgn__modal-backdrop\"\n      onClick={onClick}\n      onKeyDown={onClick}\n      data-testid=\"modal-backdrop\"\n    />\n  );\n}\n\n// istanbul ignore next\nfunction ModalContentContainer({ children = null }: { children?: React.ReactNode }) {\n  return <div className=\"pgn__modal-content-container\">{children}</div>;\n}\n\ninterface Props {\n  /** Specifies the contents of the modal */\n  children: React.ReactNode;\n  /** A callback function for when the modal is dismissed */\n  onClose: () => void;\n  /** Is the modal dialog open or closed */\n  isOpen: boolean;\n  /** Prevent clicking on the backdrop or pressing Esc to close the modal */\n  isBlocking?: boolean;\n  /** Specifies the z-index of the modal */\n  zIndex?: number;\n}\n\n/**\n * The ModalLayer should be used for any component that wishes to engage the user\n * in a \"mode\" where a layer on top of the application is interactive while the\n * rest of the application is made non-interactive. The assumption made by this\n * component is that if a modal object is visible then it is \"enabled\"\n */\nfunction ModalLayer({\n  children, onClose, isOpen, isBlocking = false, zIndex,\n}: Props) {\n  useEffect(() => {\n    if (isOpen) {\n      document.body.classList.add('pgn__hidden-scroll-padding-right');\n    } else {\n      document.body.classList.remove('pgn__hidden-scroll-padding-right');\n    }\n    return () => {\n      document.body.classList.remove('pgn__hidden-scroll-padding-right');\n    };\n  }, [isOpen]);\n\n  if (!isOpen) {\n    return null;\n  }\n\n  const handleClose = isBlocking ? undefined : onClose;\n\n  return (\n    <ModalContextProvider onClose={onClose} isOpen={isOpen} isBlocking={isBlocking}>\n      <Portal>\n        <FocusOn\n          allowPinchZoom\n          scrollLock\n          enabled={isOpen}\n          onEscapeKey={handleClose}\n          onClickOutside={handleClose}\n          className={classNames(\n            'pgn__modal-layer',\n            zIndex ? `zindex-${zIndex}` : '',\n          )}\n        >\n          <ModalContentContainer>\n            <ModalBackdrop onClick={handleClose} />\n            {children}\n          </ModalContentContainer>\n        </FocusOn>\n      </Portal>\n    </ModalContextProvider>\n  );\n}\n\nexport { ModalBackdrop, ModalContentContainer };\nexport default ModalLayer;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,OAAO,QAAQ,gBAAgB;AACxC,OAAOC,MAAM,MAAM,UAAU;AAC7B,SAASC,oBAAoB,QAAQ,gBAAgB;;AAErD;AACA,SAASC,aAAaA,CAAAC,IAAA,EAAwC;EAAA,IAAvC;IAAEC;EAAkC,CAAC,GAAAD,IAAA;EAC1D;IAAA;IACE;IACAP,KAAA,CAAAS,aAAA;MACEC,SAAS,EAAC,qBAAqB;MAC/BF,OAAO,EAAEA,OAAQ;MACjBG,SAAS,EAAEH,OAAQ;MACnB,eAAY;IAAgB,CAC7B;EAAC;AAEN;;AAEA;AACA,SAASI,qBAAqBA,CAAAC,KAAA,EAAsD;EAAA,IAArD;IAAEC,QAAQ,GAAG;EAAqC,CAAC,GAAAD,KAAA;EAChF,oBAAOb,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAC;EAA8B,GAAEI,QAAc,CAAC;AACvE;AAeA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,UAAUA,CAAAC,KAAA,EAET;EAAA,IAFU;IAClBF,QAAQ;IAAEG,OAAO;IAAEC,MAAM;IAAEC,UAAU,GAAG,KAAK;IAAEC;EAC1C,CAAC,GAAAJ,KAAA;EACNf,SAAS,CAAC,MAAM;IACd,IAAIiB,MAAM,EAAE;MACVG,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACC,GAAG,CAAC,kCAAkC,CAAC;IACjE,CAAC,MAAM;MACLH,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACE,MAAM,CAAC,kCAAkC,CAAC;IACpE;IACA,OAAO,MAAM;MACXJ,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACE,MAAM,CAAC,kCAAkC,CAAC;IACpE,CAAC;EACH,CAAC,EAAE,CAACP,MAAM,CAAC,CAAC;EAEZ,IAAI,CAACA,MAAM,EAAE;IACX,OAAO,IAAI;EACb;EAEA,MAAMQ,WAAW,GAAGP,UAAU,GAAGQ,SAAS,GAAGV,OAAO;EAEpD,oBACEjB,KAAA,CAAAS,aAAA,CAACJ,oBAAoB;IAACY,OAAO,EAAEA,OAAQ;IAACC,MAAM,EAAEA,MAAO;IAACC,UAAU,EAAEA;EAAW,gBAC7EnB,KAAA,CAAAS,aAAA,CAACL,MAAM,qBACLJ,KAAA,CAAAS,aAAA,CAACN,OAAO;IACNyB,cAAc;IACdC,UAAU;IACVC,OAAO,EAAEZ,MAAO;IAChBa,WAAW,EAAEL,WAAY;IACzBM,cAAc,EAAEN,WAAY;IAC5BhB,SAAS,EAAER,UAAU,CACnB,kBAAkB,EAClBkB,MAAM,GAAG,UAAUA,MAAM,EAAE,GAAG,EAChC;EAAE,gBAEFpB,KAAA,CAAAS,aAAA,CAACG,qBAAqB,qBACpBZ,KAAA,CAAAS,aAAA,CAACH,aAAa;IAACE,OAAO,EAAEkB;EAAY,CAAE,CAAC,EACtCZ,QACoB,CAChB,CACH,CACY,CAAC;AAE3B;AAEA,SAASR,aAAa,EAAEM,qBAAqB;AAC7C,eAAeG,UAAU","ignoreList":[]}

package/dist/Spinner/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { type SpinnerProps as BaseSpinnerProps } from 'react-bootstrap/Spinner';
+interface SpinnerProps extends BaseSpinnerProps {
+    /** Optionally specify additional CSS classes to give this spinner's `<div>`. */
+    className?: string;
+    /** Specifies the screen reader content for a11y. */
+    screenReaderText?: React.ReactNode;
+}
+/** A spinning animation that indicates loading. */
+declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLDivElement>>;
+export default Spinner;

package/dist/Spinner/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import BaseSpinner from 'react-bootstrap/Spinner';
+/** A spinning animation that indicates loading. */
 const Spinner = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     className,
@@ -20,15 +20,5 @@ const Spinner = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     className: "sr-only"
   }, screenReaderText));
 });
-Spinner.propTypes = {
-  /** Specifies the class name for the component. */
-  className: PropTypes.string,
-  /** Specifies the screen reader content for a11y. */
-  screenReaderText: PropTypes.node
-};
-Spinner.defaultProps = {
-  className: undefined,
-  screenReaderText: undefined
-};
 export default Spinner;
 //# sourceMappingURL=index.js.map

package/dist/Spinner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","BaseSpinner","Spinner","forwardRef","_ref","ref","className","screenReaderText","attrs","spinnerProps","role","undefined","createElement","propTypes","string","node","defaultProps"],"sources":["../../src/Spinner/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport BaseSpinner from 'react-bootstrap/Spinner';\n\nconst Spinner = React.forwardRef(({\n  className,\n  screenReaderText,\n  ...attrs\n}, ref) => {\n  const spinnerProps = {\n    ...attrs,\n    className: classNames('pgn__spinner', className),\n    role: screenReaderText ? 'status' : undefined,\n  };\n  return (\n    <BaseSpinner {...spinnerProps} ref={ref}>\n      {screenReaderText && <span className=\"sr-only\">{screenReaderText}</span>}\n    </BaseSpinner>\n  );\n});\n\nSpinner.propTypes = {\n  /** Specifies the class name for the component. */\n  className: PropTypes.string,\n  /** Specifies the screen reader content for a11y. */\n  screenReaderText: PropTypes.node,\n};\n\nSpinner.defaultProps = {\n  className: undefined,\n  screenReaderText: undefined,\n};\n\nexport default Spinner;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,WAAW,MAAM,yBAAyB;AAEjD,MAAMC,OAAO,gBAAGJ,KAAK,CAACK,UAAU,CAAC,CAAAC,IAAA,EAI9BC,GAAG,KAAK;EAAA,IAJuB;IAChCC,SAAS;IACTC,gBAAgB;IAChB,GAAGC;EACL,CAAC,GAAAJ,IAAA;EACC,MAAMK,YAAY,GAAG;IACnB,GAAGD,KAAK;IACRF,SAAS,EAAEN,UAAU,CAAC,cAAc,EAAEM,SAAS,CAAC;IAChDI,IAAI,EAAEH,gBAAgB,GAAG,QAAQ,GAAGI;EACtC,CAAC;EACD,oBACEb,KAAA,CAAAc,aAAA,CAACX,WAAW;IAAA,GAAKQ,YAAY;IAAEJ,GAAG,EAAEA;EAAI,GACrCE,gBAAgB,iBAAIT,KAAA,CAAAc,aAAA;IAAMN,SAAS,EAAC;EAAS,GAAEC,gBAAuB,CAC5D,CAAC;AAElB,CAAC,CAAC;AAEFL,OAAO,CAACW,SAAS,GAAG;EAClB;EACAP,SAAS,EAAEP,SAAS,CAACe,MAAM;EAC3B;EACAP,gBAAgB,EAAER,SAAS,CAACgB;AAC9B,CAAC;AAEDb,OAAO,CAACc,YAAY,GAAG;EACrBV,SAAS,EAAEK,SAAS;EACpBJ,gBAAgB,EAAEI;AACpB,CAAC;AAED,eAAeT,OAAO","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","classNames","BaseSpinner","Spinner","forwardRef","_ref","ref","className","screenReaderText","attrs","spinnerProps","role","undefined","createElement"],"sources":["../../src/Spinner/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport BaseSpinner, { type SpinnerProps as BaseSpinnerProps } from 'react-bootstrap/Spinner';\n\ninterface SpinnerProps extends BaseSpinnerProps {\n  /** Optionally specify additional CSS classes to give this spinner's `<div>`. */\n  className?: string;\n  /** Specifies the screen reader content for a11y. */\n  screenReaderText?: React.ReactNode;\n}\n\n/** A spinning animation that indicates loading. */\nconst Spinner = React.forwardRef(({\n  className,\n  screenReaderText,\n  ...attrs\n}: SpinnerProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n  const spinnerProps = {\n    ...attrs,\n    className: classNames('pgn__spinner', className),\n    role: screenReaderText ? 'status' : undefined,\n  };\n  return (\n    <BaseSpinner {...spinnerProps} ref={ref}>\n      {screenReaderText && <span className=\"sr-only\">{screenReaderText}</span>}\n    </BaseSpinner>\n  );\n});\n\nexport default Spinner;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,WAAW,MAAiD,yBAAyB;AAS5F;AACA,MAAMC,OAAO,gBAAGH,KAAK,CAACI,UAAU,CAAC,CAAAC,IAAA,EAIhBC,GAAuC,KAAK;EAAA,IAJ3B;IAChCC,SAAS;IACTC,gBAAgB;IAChB,GAAGC;EACS,CAAC,GAAAJ,IAAA;EACb,MAAMK,YAAY,GAAG;IACnB,GAAGD,KAAK;IACRF,SAAS,EAAEN,UAAU,CAAC,cAAc,EAAEM,SAAS,CAAC;IAChDI,IAAI,EAAEH,gBAAgB,GAAG,QAAQ,GAAGI;EACtC,CAAC;EACD,oBACEZ,KAAA,CAAAa,aAAA,CAACX,WAAW;IAAA,GAAKQ,YAAY;IAAEJ,GAAG,EAAEA;EAAI,GACrCE,gBAAgB,iBAAIR,KAAA,CAAAa,aAAA;IAAMN,SAAS,EAAC;EAAS,GAAEC,gBAAuB,CAC5D,CAAC;AAElB,CAAC,CAAC;AAEF,eAAeL,OAAO","ignoreList":[]}

package/dist/index.d.ts

@@ -13,6 +13,7 @@ export { default as ModalDialog } from './Modal/ModalDialog';
 export { default as ModalLayer } from './Modal/ModalLayer';
 export { default as Overlay, OverlayTrigger } from './Overlay';
 export { default as Portal } from './Modal/Portal';
+export { default as Spinner } from './Spinner';
 export { default as Toast, TOAST_CLOSE_LABEL_TEXT, TOAST_DELAY } from './Toast';
 export { default as Tooltip } from './Tooltip';
 export { default as useWindowSize, type WindowSizeData } from './hooks/useWindowSizeHook';
@@ -61,7 +62,6 @@ export { default as ProductTour } from './ProductTour';
 export { default as ResponsiveEmbed } from './ResponsiveEmbed';
 export { default as SearchField, SEARCH_FIELD_SCREEN_READER_TEXT_LABEL, SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON, SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON, SEARCH_FIELD_BUTTON_TEXT, } from './SearchField';
 export { default as Sheet } from './Sheet';
-export { default as Spinner } from './Spinner';
 export { default as Stepper } from './Stepper';
 export { default as StatefulButton } from './StatefulButton';
 export { default as Tabs, Tab, TabContainer, TabContent, TabPane, } from './Tabs';

package/dist/index.js

@@ -16,6 +16,7 @@ export { default as ModalDialog } from './Modal/ModalDialog';
 export { default as ModalLayer } from './Modal/ModalLayer';
 export { default as Overlay, OverlayTrigger } from './Overlay';
 export { default as Portal } from './Modal/Portal';
+export { default as Spinner } from './Spinner';
 export { default as Toast, TOAST_CLOSE_LABEL_TEXT, TOAST_DELAY } from './Toast';
 export { default as Tooltip } from './Tooltip';
 export { default as useWindowSize } from './hooks/useWindowSizeHook';
@@ -115,8 +116,6 @@ export { default as SearchField, SEARCH_FIELD_SCREEN_READER_TEXT_LABEL, SEARCH_F
 // @ts-ignore: has yet to be converted to TypeScript
 export { default as Sheet } from './Sheet';
 // @ts-ignore: has yet to be converted to TypeScript
-export { default as Spinner } from './Spinner';
-// @ts-ignore: has yet to be converted to TypeScript
 export { default as Stepper } from './Stepper';
 // @ts-ignore: has yet to be converted to TypeScript
 export { default as StatefulButton } from './StatefulButton';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Alert","ALERT_CLOSE_LABEL_TEXT","Bubble","Button","ButtonGroup","ButtonToolbar","Chip","CHIP_PGN_CLASS","ChipCarousel","Container","Form","RadioControl","CheckboxControl","SwitchControl","FormSwitchSet","FormControl","FormControlDecoratorGroup","FormControlFeedback","FormCheck","FormFile","FormRadio","FormRadioSet","FormRadioSetContext","FormGroup","FormLabel","useCheckboxSetValues","FormText","FormAutosuggest","FormAutosuggestOption","InputGroup","Hyperlink","Icon","IconButton","IconButtonWithTooltip","ModalContext","ModalDialog","ModalLayer","Overlay","OverlayTrigger","Portal","Toast","TOAST_CLOSE_LABEL_TEXT","TOAST_DELAY","Tooltip","useWindowSize","useToggle","useArrowKeyNavigation","useIndexOfLastVisibleChild","useIsVisible","breakpoints","asInput","ActionRow","Annotation","Avatar","AvatarButton","Badge","Breadcrumb","Card","CardColumns","CardDeck","CardImg","CardGroup","CardGrid","CardCarousel","CARD_VARIANTS","Carousel","CarouselItem","CAROUSEL_NEXT_LABEL_TEXT","CAROUSEL_PREV_LABEL_TEXT","CloseButton","Layout","Col","Row","Collapse","Collapsible","Scrollable","Dropdown","DropdownToggle","DropdownButton","SplitButton","Fade","IconButtonToggle","Image","Figure","MailtoLink","MAIL_TO_LINK_EXTERNAL_LINK_ALTERNATIVE_TEXT","MAIL_TO_LINK_EXTERNAL_LINK_TITLE","Media","Menu","MenuItem","SelectMenu","SELECT_MENU_DEFAULT_MESSAGE","ModalCloseButton","FullscreenModal","FULLSCREEN_MODAL_CLOSE_LABEL","MarketingModal","StandardModal","STANDARD_MODAL_CLOSE_LABEL","AlertModal","ModalPopup","PopperElement","Nav","NavDropdown","NavItem","NavLink","Navbar","NavbarBrand","NAVBAR_LABEL","PageBanner","PAGE_BANNER_DISMISS_ALT_TEXT","Pagination","PAGINATION_BUTTON_LABEL_PREV","PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT","PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT","PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT","PAGINATION_BUTTON_LABEL_CURRENT_PAGE","PAGINATION_BUTTON_LABEL_NEXT","PAGINATION_BUTTON_LABEL_PAGE","Popover","PopoverTitle","PopoverContent","ProgressBar","ProductTour","ResponsiveEmbed","SearchField","SEARCH_FIELD_SCREEN_READER_TEXT_LABEL","SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON","SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON","SEARCH_FIELD_BUTTON_TEXT","Sheet","Spinner","Stepper","StatefulButton","Tabs","Tab","TabContainer","TabContent","TabPane","TransitionReplace","ValidationMessage","DataTable","TextFilter","CheckboxFilter","DropdownFilter","MultiSelectDropdownFilter","TableHeaderCell","TableCell","TableFilters","TABLE_FILTERS_BUTTON_TEXT","TableHeader","TableRow","TablePagination","TablePaginationMinimal","DataTableContext","BulkActions","TableControlBar","TableFooter","CardView","Skeleton","SkeletonTheme","Stack","ToggleButton","ToggleButtonGroup","Sticky","SelectableBox","Variant","OverflowScrollContext","OverflowScroll","useOverflowScroll","useOverflowScrollItems","Dropzone","messages","Truncate","ColorPicker","MediaQuery","useMediaQuery","Context","ResponsiveContext","useTable","useFilters","useGlobalFilter","useSortBy","useGroupBy","useExpanded","usePagination","useRowSelect","useRowState","useColumnOrder","useResizeColumns","useBlockLayout","useAbsoluteLayout","useFlexLayout"],"sources":["../src/index.ts"],"sourcesContent":["// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// Things that have types\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\nexport { default as Alert, ALERT_CLOSE_LABEL_TEXT } from './Alert';\nexport { default as Bubble } from './Bubble';\nexport { default as Button, ButtonGroup, ButtonToolbar } from './Button';\nexport { default as Chip, CHIP_PGN_CLASS } from './Chip';\nexport { default as ChipCarousel } from './ChipCarousel';\nexport { default as Container, type ContainerSize } from './Container';\nexport {\n  default as Form,\n  RadioControl,\n  CheckboxControl,\n  SwitchControl,\n  FormSwitchSet,\n  FormControl,\n  FormControlDecoratorGroup,\n  FormControlFeedback,\n  FormCheck,\n  FormFile,\n  FormRadio,\n  FormRadioSet,\n  FormRadioSetContext,\n  FormGroup,\n  FormLabel,\n  useCheckboxSetValues,\n  FormText,\n  FormAutosuggest,\n  FormAutosuggestOption,\n  InputGroup,\n} from './Form';\nexport { default as Hyperlink } from './Hyperlink';\nexport { default as Icon } from './Icon';\nexport { default as IconButton, IconButtonWithTooltip } from './IconButton';\nexport { default as ModalContext } from './Modal/ModalContext';\nexport { default as ModalDialog } from './Modal/ModalDialog';\nexport { default as ModalLayer } from './Modal/ModalLayer';\nexport { default as Overlay, OverlayTrigger } from './Overlay';\nexport { default as Portal } from './Modal/Portal';\nexport { default as Toast, TOAST_CLOSE_LABEL_TEXT, TOAST_DELAY } from './Toast';\nexport { default as Tooltip } from './Tooltip';\nexport { default as useWindowSize, type WindowSizeData } from './hooks/useWindowSizeHook';\nexport { default as useToggle, type Toggler, type ToggleHandlers } from './hooks/useToggleHook';\nexport { default as useArrowKeyNavigation, type ArrowKeyNavProps } from './hooks/useArrowKeyNavigationHook';\nexport { default as useIndexOfLastVisibleChild } from './hooks/useIndexOfLastVisibleChildHook';\nexport { default as useIsVisible } from './hooks/useIsVisibleHook';\nexport { default as breakpoints } from './utils/breakpoints';\n\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// Things that don't have types\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as asInput } from './asInput';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ActionRow } from './ActionRow';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Annotation } from './Annotation';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Avatar } from './Avatar';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as AvatarButton } from './AvatarButton';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Badge } from './Badge';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Breadcrumb } from './Breadcrumb';\n\nexport {\n  default as Card,\n  CardColumns,\n  CardDeck,\n  CardImg,\n  CardGroup,\n  CardGrid,\n  CardCarousel,\n  CARD_VARIANTS,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Card';\nexport {\n  default as Carousel, CarouselItem, CAROUSEL_NEXT_LABEL_TEXT, CAROUSEL_PREV_LABEL_TEXT,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Carousel';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as CloseButton } from './CloseButton';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Layout, Col, Row } from './Layout';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Collapse } from './Collapse';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Collapsible } from './Collapsible';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Scrollable } from './Scrollable';\nexport {\n  default as Dropdown,\n  DropdownToggle,\n  DropdownButton,\n  SplitButton,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Dropdown';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Fade } from './Fade';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as IconButtonToggle } from './IconButtonToggle';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Image, Figure } from './Image';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MailtoLink, MAIL_TO_LINK_EXTERNAL_LINK_ALTERNATIVE_TEXT, MAIL_TO_LINK_EXTERNAL_LINK_TITLE } from './MailtoLink';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Media } from './Media';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Menu } from './Menu';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MenuItem } from './Menu/MenuItem';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as SelectMenu, SELECT_MENU_DEFAULT_MESSAGE } from './Menu/SelectMenu';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ModalCloseButton } from './Modal/ModalCloseButton';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as FullscreenModal, FULLSCREEN_MODAL_CLOSE_LABEL } from './Modal/FullscreenModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MarketingModal } from './Modal/MarketingModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as StandardModal, STANDARD_MODAL_CLOSE_LABEL } from './Modal/StandardModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as AlertModal } from './Modal/AlertModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ModalPopup } from './Modal/ModalPopup';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as PopperElement } from './Modal/PopperElement';\n\nexport {\n  default as Nav,\n  NavDropdown,\n  NavItem,\n  NavLink,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Nav';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Navbar, NavbarBrand, NAVBAR_LABEL } from './Navbar';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as PageBanner, PAGE_BANNER_DISMISS_ALT_TEXT } from './PageBanner';\nexport {\n  default as Pagination,\n  PAGINATION_BUTTON_LABEL_PREV,\n  PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT,\n  PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT,\n  PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT,\n  PAGINATION_BUTTON_LABEL_CURRENT_PAGE,\n  PAGINATION_BUTTON_LABEL_NEXT,\n  PAGINATION_BUTTON_LABEL_PAGE,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Pagination';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Popover, PopoverTitle, PopoverContent } from './Popover';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ProgressBar } from './ProgressBar';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ProductTour } from './ProductTour';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ResponsiveEmbed } from './ResponsiveEmbed';\nexport {\n  default as SearchField,\n  SEARCH_FIELD_SCREEN_READER_TEXT_LABEL,\n  SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON,\n  SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON,\n  SEARCH_FIELD_BUTTON_TEXT,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './SearchField';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Sheet } from './Sheet';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Spinner } from './Spinner';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Stepper } from './Stepper';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as StatefulButton } from './StatefulButton';\nexport {\n  default as Tabs,\n  Tab,\n  TabContainer,\n  TabContent,\n  TabPane,\n// @ts-ignore: has yet to be converted to TypeScript\n} from './Tabs';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TransitionReplace } from './TransitionReplace';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ValidationMessage } from './ValidationMessage';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as DataTable } from './DataTable';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TextFilter } from './DataTable/filters/TextFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as CheckboxFilter } from './DataTable/filters/CheckboxFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as DropdownFilter } from './DataTable/filters/DropdownFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MultiSelectDropdownFilter } from './DataTable/filters/MultiSelectDropdownFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableHeaderCell } from './DataTable/TableHeaderCell';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableCell } from './DataTable/TableCell';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableFilters, TABLE_FILTERS_BUTTON_TEXT } from './DataTable/TableFilters';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableHeader } from './DataTable/TableHeaderRow';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableRow } from './DataTable/TableRow';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TablePagination } from './DataTable/TablePagination';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TablePaginationMinimal } from './DataTable/TablePaginationMinimal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as DataTableContext } from './DataTable/DataTableContext';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as BulkActions } from './DataTable/BulkActions';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableControlBar } from './DataTable/TableControlBar';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableFooter } from './DataTable/TableFooter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as CardView } from './DataTable/CardView';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Skeleton, SkeletonTheme } from './Skeleton/index';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Stack } from './Stack';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ToggleButton, ToggleButtonGroup } from './ToggleButton';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Sticky } from './Sticky';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as SelectableBox } from './SelectableBox';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Variant } from './utils/constants';\nexport {\n  OverflowScrollContext,\n  OverflowScroll,\n  useOverflowScroll,\n  useOverflowScrollItems,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './OverflowScroll';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Dropzone } from './Dropzone';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as messages } from './i18n';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Truncate } from './Truncate';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ColorPicker } from './ColorPicker';\n\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// Pass through any needed whole third-party library functionality\n// useTable for example is needed to use the DataTable component seamlessly\n// rather than setting a peer dependency in this project, we opt to tightly\n// couple these dependencies by passing through needed functionality.\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\nexport {\n  default as MediaQuery,\n  useMediaQuery,\n  Context as ResponsiveContext,\n} from 'react-responsive';\nexport {\n  useTable,\n  useFilters,\n  useGlobalFilter,\n  useSortBy,\n  useGroupBy,\n  useExpanded,\n  usePagination,\n  useRowSelect,\n  useRowState,\n  useColumnOrder,\n  useResizeColumns,\n  useBlockLayout,\n  useAbsoluteLayout,\n  useFlexLayout,\n} from 'react-table';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default","Alert","ALERT_CLOSE_LABEL_TEXT","Bubble","Button","ButtonGroup","ButtonToolbar","Chip","CHIP_PGN_CLASS","ChipCarousel","Container","Form","RadioControl","CheckboxControl","SwitchControl","FormSwitchSet","FormControl","FormControlDecoratorGroup","FormControlFeedback","FormCheck","FormFile","FormRadio","FormRadioSet","FormRadioSetContext","FormGroup","FormLabel","useCheckboxSetValues","FormText","FormAutosuggest","FormAutosuggestOption","InputGroup","Hyperlink","Icon","IconButton","IconButtonWithTooltip","ModalContext","ModalDialog","ModalLayer","Overlay","OverlayTrigger","Portal","Spinner","Toast","TOAST_CLOSE_LABEL_TEXT","TOAST_DELAY","Tooltip","useWindowSize","useToggle","useArrowKeyNavigation","useIndexOfLastVisibleChild","useIsVisible","breakpoints","asInput","ActionRow","Annotation","Avatar","AvatarButton","Badge","Breadcrumb","Card","CardColumns","CardDeck","CardImg","CardGroup","CardGrid","CardCarousel","CARD_VARIANTS","Carousel","CarouselItem","CAROUSEL_NEXT_LABEL_TEXT","CAROUSEL_PREV_LABEL_TEXT","CloseButton","Layout","Col","Row","Collapse","Collapsible","Scrollable","Dropdown","DropdownToggle","DropdownButton","SplitButton","Fade","IconButtonToggle","Image","Figure","MailtoLink","MAIL_TO_LINK_EXTERNAL_LINK_ALTERNATIVE_TEXT","MAIL_TO_LINK_EXTERNAL_LINK_TITLE","Media","Menu","MenuItem","SelectMenu","SELECT_MENU_DEFAULT_MESSAGE","ModalCloseButton","FullscreenModal","FULLSCREEN_MODAL_CLOSE_LABEL","MarketingModal","StandardModal","STANDARD_MODAL_CLOSE_LABEL","AlertModal","ModalPopup","PopperElement","Nav","NavDropdown","NavItem","NavLink","Navbar","NavbarBrand","NAVBAR_LABEL","PageBanner","PAGE_BANNER_DISMISS_ALT_TEXT","Pagination","PAGINATION_BUTTON_LABEL_PREV","PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT","PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT","PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT","PAGINATION_BUTTON_LABEL_CURRENT_PAGE","PAGINATION_BUTTON_LABEL_NEXT","PAGINATION_BUTTON_LABEL_PAGE","Popover","PopoverTitle","PopoverContent","ProgressBar","ProductTour","ResponsiveEmbed","SearchField","SEARCH_FIELD_SCREEN_READER_TEXT_LABEL","SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON","SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON","SEARCH_FIELD_BUTTON_TEXT","Sheet","Stepper","StatefulButton","Tabs","Tab","TabContainer","TabContent","TabPane","TransitionReplace","ValidationMessage","DataTable","TextFilter","CheckboxFilter","DropdownFilter","MultiSelectDropdownFilter","TableHeaderCell","TableCell","TableFilters","TABLE_FILTERS_BUTTON_TEXT","TableHeader","TableRow","TablePagination","TablePaginationMinimal","DataTableContext","BulkActions","TableControlBar","TableFooter","CardView","Skeleton","SkeletonTheme","Stack","ToggleButton","ToggleButtonGroup","Sticky","SelectableBox","Variant","OverflowScrollContext","OverflowScroll","useOverflowScroll","useOverflowScrollItems","Dropzone","messages","Truncate","ColorPicker","MediaQuery","useMediaQuery","Context","ResponsiveContext","useTable","useFilters","useGlobalFilter","useSortBy","useGroupBy","useExpanded","usePagination","useRowSelect","useRowState","useColumnOrder","useResizeColumns","useBlockLayout","useAbsoluteLayout","useFlexLayout"],"sources":["../src/index.ts"],"sourcesContent":["// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// Things that have types\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\nexport { default as Alert, ALERT_CLOSE_LABEL_TEXT } from './Alert';\nexport { default as Bubble } from './Bubble';\nexport { default as Button, ButtonGroup, ButtonToolbar } from './Button';\nexport { default as Chip, CHIP_PGN_CLASS } from './Chip';\nexport { default as ChipCarousel } from './ChipCarousel';\nexport { default as Container, type ContainerSize } from './Container';\nexport {\n  default as Form,\n  RadioControl,\n  CheckboxControl,\n  SwitchControl,\n  FormSwitchSet,\n  FormControl,\n  FormControlDecoratorGroup,\n  FormControlFeedback,\n  FormCheck,\n  FormFile,\n  FormRadio,\n  FormRadioSet,\n  FormRadioSetContext,\n  FormGroup,\n  FormLabel,\n  useCheckboxSetValues,\n  FormText,\n  FormAutosuggest,\n  FormAutosuggestOption,\n  InputGroup,\n} from './Form';\nexport { default as Hyperlink } from './Hyperlink';\nexport { default as Icon } from './Icon';\nexport { default as IconButton, IconButtonWithTooltip } from './IconButton';\nexport { default as ModalContext } from './Modal/ModalContext';\nexport { default as ModalDialog } from './Modal/ModalDialog';\nexport { default as ModalLayer } from './Modal/ModalLayer';\nexport { default as Overlay, OverlayTrigger } from './Overlay';\nexport { default as Portal } from './Modal/Portal';\nexport { default as Spinner } from './Spinner';\nexport { default as Toast, TOAST_CLOSE_LABEL_TEXT, TOAST_DELAY } from './Toast';\nexport { default as Tooltip } from './Tooltip';\nexport { default as useWindowSize, type WindowSizeData } from './hooks/useWindowSizeHook';\nexport { default as useToggle, type Toggler, type ToggleHandlers } from './hooks/useToggleHook';\nexport { default as useArrowKeyNavigation, type ArrowKeyNavProps } from './hooks/useArrowKeyNavigationHook';\nexport { default as useIndexOfLastVisibleChild } from './hooks/useIndexOfLastVisibleChildHook';\nexport { default as useIsVisible } from './hooks/useIsVisibleHook';\nexport { default as breakpoints } from './utils/breakpoints';\n\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// Things that don't have types\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as asInput } from './asInput';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ActionRow } from './ActionRow';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Annotation } from './Annotation';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Avatar } from './Avatar';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as AvatarButton } from './AvatarButton';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Badge } from './Badge';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Breadcrumb } from './Breadcrumb';\n\nexport {\n  default as Card,\n  CardColumns,\n  CardDeck,\n  CardImg,\n  CardGroup,\n  CardGrid,\n  CardCarousel,\n  CARD_VARIANTS,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Card';\nexport {\n  default as Carousel, CarouselItem, CAROUSEL_NEXT_LABEL_TEXT, CAROUSEL_PREV_LABEL_TEXT,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Carousel';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as CloseButton } from './CloseButton';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Layout, Col, Row } from './Layout';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Collapse } from './Collapse';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Collapsible } from './Collapsible';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Scrollable } from './Scrollable';\nexport {\n  default as Dropdown,\n  DropdownToggle,\n  DropdownButton,\n  SplitButton,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Dropdown';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Fade } from './Fade';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as IconButtonToggle } from './IconButtonToggle';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Image, Figure } from './Image';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MailtoLink, MAIL_TO_LINK_EXTERNAL_LINK_ALTERNATIVE_TEXT, MAIL_TO_LINK_EXTERNAL_LINK_TITLE } from './MailtoLink';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Media } from './Media';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Menu } from './Menu';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MenuItem } from './Menu/MenuItem';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as SelectMenu, SELECT_MENU_DEFAULT_MESSAGE } from './Menu/SelectMenu';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ModalCloseButton } from './Modal/ModalCloseButton';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as FullscreenModal, FULLSCREEN_MODAL_CLOSE_LABEL } from './Modal/FullscreenModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MarketingModal } from './Modal/MarketingModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as StandardModal, STANDARD_MODAL_CLOSE_LABEL } from './Modal/StandardModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as AlertModal } from './Modal/AlertModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ModalPopup } from './Modal/ModalPopup';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as PopperElement } from './Modal/PopperElement';\n\nexport {\n  default as Nav,\n  NavDropdown,\n  NavItem,\n  NavLink,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Nav';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Navbar, NavbarBrand, NAVBAR_LABEL } from './Navbar';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as PageBanner, PAGE_BANNER_DISMISS_ALT_TEXT } from './PageBanner';\nexport {\n  default as Pagination,\n  PAGINATION_BUTTON_LABEL_PREV,\n  PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT,\n  PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT,\n  PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT,\n  PAGINATION_BUTTON_LABEL_CURRENT_PAGE,\n  PAGINATION_BUTTON_LABEL_NEXT,\n  PAGINATION_BUTTON_LABEL_PAGE,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './Pagination';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Popover, PopoverTitle, PopoverContent } from './Popover';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ProgressBar } from './ProgressBar';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ProductTour } from './ProductTour';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ResponsiveEmbed } from './ResponsiveEmbed';\nexport {\n  default as SearchField,\n  SEARCH_FIELD_SCREEN_READER_TEXT_LABEL,\n  SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON,\n  SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON,\n  SEARCH_FIELD_BUTTON_TEXT,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './SearchField';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Sheet } from './Sheet';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Stepper } from './Stepper';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as StatefulButton } from './StatefulButton';\nexport {\n  default as Tabs,\n  Tab,\n  TabContainer,\n  TabContent,\n  TabPane,\n// @ts-ignore: has yet to be converted to TypeScript\n} from './Tabs';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TransitionReplace } from './TransitionReplace';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ValidationMessage } from './ValidationMessage';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as DataTable } from './DataTable';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TextFilter } from './DataTable/filters/TextFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as CheckboxFilter } from './DataTable/filters/CheckboxFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as DropdownFilter } from './DataTable/filters/DropdownFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MultiSelectDropdownFilter } from './DataTable/filters/MultiSelectDropdownFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableHeaderCell } from './DataTable/TableHeaderCell';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableCell } from './DataTable/TableCell';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableFilters, TABLE_FILTERS_BUTTON_TEXT } from './DataTable/TableFilters';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableHeader } from './DataTable/TableHeaderRow';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableRow } from './DataTable/TableRow';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TablePagination } from './DataTable/TablePagination';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TablePaginationMinimal } from './DataTable/TablePaginationMinimal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as DataTableContext } from './DataTable/DataTableContext';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as BulkActions } from './DataTable/BulkActions';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableControlBar } from './DataTable/TableControlBar';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableFooter } from './DataTable/TableFooter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as CardView } from './DataTable/CardView';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Skeleton, SkeletonTheme } from './Skeleton/index';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Stack } from './Stack';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ToggleButton, ToggleButtonGroup } from './ToggleButton';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Sticky } from './Sticky';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as SelectableBox } from './SelectableBox';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Variant } from './utils/constants';\nexport {\n  OverflowScrollContext,\n  OverflowScroll,\n  useOverflowScroll,\n  useOverflowScrollItems,\n  // @ts-ignore: has yet to be converted to TypeScript\n} from './OverflowScroll';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Dropzone } from './Dropzone';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as messages } from './i18n';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Truncate } from './Truncate';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ColorPicker } from './ColorPicker';\n\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// Pass through any needed whole third-party library functionality\n// useTable for example is needed to use the DataTable component seamlessly\n// rather than setting a peer dependency in this project, we opt to tightly\n// couple these dependencies by passing through needed functionality.\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\nexport {\n  default as MediaQuery,\n  useMediaQuery,\n  Context as ResponsiveContext,\n} from 'react-responsive';\nexport {\n  useTable,\n  useFilters,\n  useGlobalFilter,\n  useSortBy,\n  useGroupBy,\n  useExpanded,\n  usePagination,\n  useRowSelect,\n  useRowState,\n  useColumnOrder,\n  useResizeColumns,\n  useBlockLayout,\n  useAbsoluteLayout,\n  useFlexLayout,\n} from 'react-table';\n"],"mappings":"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","ignoreList":[]}

package/dist/theme-urls.json

@@ -1,11 +1,5 @@
 {
   "themeUrls": {
-    "core": {
-      "paths": {
-        "default": "./core.css",
-        "minified": "./core.min.css"
-      }
-    },
     "defaults": {
       "light": "light"
     },
@@ -16,6 +10,12 @@
           "minified": "./light.min.css"
         }
       }
+    },
+    "core": {
+      "paths": {
+        "default": "./core.css",
+        "minified": "./core.min.css"
+      }
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openedx/paragon",
-  "version": "23.14.1",
+  "version": "23.14.2",
   "description": "Accessible, responsive UI component library based on Bootstrap.",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -120,7 +120,7 @@
     "@babel/preset-react": "^7.16.7",
     "@babel/preset-typescript": "^7.16.7",
     "@edx/browserslist-config": "^1.5.0",
-    "@edx/eslint-config": "^4.3.0",
+    "@edx/eslint-config": "^4.4.0",
     "@edx/stylelint-config-edx": "^2.3.0",
     "@edx/typescript-config": "^1.1.0",
     "@formatjs/cli": "^5.0.2",

package/src/Bubble/index.tsx

@@ -1,27 +1,29 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
-const STYLE_VARIANTS = ['primary', 'success', 'error', 'warning'] as const;
-
-export type BubbleVariant = typeof STYLE_VARIANTS[number];
+export type BubbleVariant = 'primary' | 'success' | 'error' | 'warning';
 
 export interface BubbleProps {
+  /** Specifies contents of the component. */
   children: React.ReactNode;
+  /** The `Bubble` style variant to use. */
   variant?: BubbleVariant;
+  /** Activates disabled variant. */
   disabled?: boolean;
+  /** Optional class name(s) to append to the base element. */
   className?: string;
+  /** Specifies whether to add padding to the `Bubble` or not. */
   expandable?: boolean;
 }
 
-const Bubble = React.forwardRef<HTMLDivElement, BubbleProps>(({
-  variant,
+const Bubble = React.forwardRef(({
+  variant = 'primary',
   className,
-  children,
-  disabled,
-  expandable,
+  children = null,
+  disabled = false,
+  expandable = false,
   ...props
-}, ref) => (
+}: BubbleProps, ref: React.ForwardedRef<HTMLDivElement>) => (
   <div
     ref={ref}
     className={classNames(
@@ -36,26 +38,4 @@ const Bubble = React.forwardRef<HTMLDivElement, BubbleProps>(({
   </div>
 ));
 
-Bubble.propTypes = {
-  /** Specifies contents of the component. */
-  // @ts-ignore
-  children: PropTypes.node,
-  /** The `Bubble` style variant to use. */
-  variant: PropTypes.oneOf(STYLE_VARIANTS),
-  /** Activates disabled variant. */
-  disabled: PropTypes.bool,
-  /** A class name to append to the base element. */
-  className: PropTypes.string,
-  /** Specifies whether to add padding to the `Bubble` or not. */
-  expandable: PropTypes.bool,
-};
-
-Bubble.defaultProps = {
-  children: null,
-  variant: 'primary',
-  disabled: false,
-  className: undefined,
-  expandable: false,
-};
-
 export default Bubble;

package/src/DataTable/DropdownFilters.jsx

@@ -1,13 +1,18 @@
 import React, { useContext, useMemo } from 'react';
+import { useIntl } from 'react-intl';
 import DataTableContext from './DataTableContext';
 import { DropdownButton } from '../Dropdown';
 import useWindowSize from '../hooks/useWindowSizeHook';
 import breakpoints from '../utils/breakpoints';
+import messages from './messages';
 
 /** The first filter will be as an input, additional filters will be available in a dropdown.  */
 function DropdownFilters() {
+  const intl = useIntl();
   const { width } = useWindowSize();
-  const { columns, numBreakoutFilters } = useContext(DataTableContext);
+  const {
+    columns, numBreakoutFilters, filtersTitle,
+  } = useContext(DataTableContext);
 
   const [breakoutFilters, otherFilters] = useMemo(() => {
     if (!columns) {
@@ -25,6 +30,8 @@ function DropdownFilters() {
     return [boFilters, dropdownFilters];
   }, [columns, width, numBreakoutFilters]);
 
+  const dropdownTitle = filtersTitle || intl.formatMessage(messages.filtersDropdownTitle);
+
   return (
     <div className="pgn__data-table-filters">
       {breakoutFilters.length > 0 && breakoutFilters.map((column) => (
@@ -33,7 +40,7 @@ function DropdownFilters() {
         </div>
       ))}
       {otherFilters.length > 0 && (
-        <DropdownButton variant="outline-primary" id="table-filters-dropdown" title="Filters">
+        <DropdownButton variant="outline-primary" id="table-filters-dropdown" title={dropdownTitle}>
           {otherFilters.map((column) => (
             <div
               key={column.Header}