@openedx/paragon 23.0.0-alpha.6 → 23.0.0

package/dist/Icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","newId","withDeprecatedProps","DeprTypes","Icon","_ref","Component","src","id","className","hidden","screenReaderText","svgAttrs","size","attrs","_objectWithoutProperties","_excluded","hasAriaLabel","mergedSvgProps","_objectSpread","undefined","createElement","_extends","_defineProperty","concat","role","focusable","Fragment","propTypes","elementType","shape","string","oneOf","bool","oneOfType","element","defaultProps","deprType","FORMAT","expect","value","transform","Array","isArray","join","message"],"sources":["../../src/Icon/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport newId from '../utils/newId';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\n/**\n * An svg with an \"img\" role must satisfy the following a11y requirements\n * - It needs a text alternative in the form of aria-label, aria-labelledby, or screen-reader only text.\n * - If no label is desired, aria-label will be set to an empty string and aria-hidden to \"true\".\n * - focusable is set to false on the svg in all cases as a workaround for an ie11 bug\n */\n\nfunction Icon({\n  src: Component,\n  id,\n  className,\n  hidden,\n  screenReaderText,\n  svgAttrs,\n  size,\n  ...attrs\n}) {\n  if (Component) {\n    // If no aria label is specified, hide this icon from screenreaders\n    const hasAriaLabel = svgAttrs['aria-label'] || svgAttrs['aria-labelledby'];\n\n    const mergedSvgProps = { ...svgAttrs };\n\n    if (!hasAriaLabel) {\n      mergedSvgProps['aria-label'] = undefined;\n      mergedSvgProps['aria-hidden'] = true;\n    }\n\n    return (\n      <span\n        className={classNames('pgn__icon', { [`pgn__icon__${size}`]: !!size }, className)}\n        id={id}\n        {...attrs}\n      >\n        <Component\n          role=\"img\"\n          focusable={false}\n          {...mergedSvgProps}\n        />\n        {screenReaderText && (\n          <span className=\"sr-only\">\n            {screenReaderText}\n          </span>\n        )}\n      </span>\n    );\n  }\n\n  return (\n    <>\n      <span\n        id={id || newId('Icon')}\n        className={className}\n        aria-hidden={hidden}\n      />\n      {screenReaderText && (\n        <span className=\"sr-only\">\n          {screenReaderText}\n        </span>\n      )}\n    </>\n  );\n}\n\nIcon.propTypes = {\n  /**\n   * An icon component to render.\n   * Example import of a Paragon icon component: `import { Check } from '@openedx/paragon/icons';`\n   */\n  src: PropTypes.elementType,\n  /** HTML element attributes to pass through to the underlying svg element */\n  svgAttrs: PropTypes.shape({\n    'aria-label': PropTypes.string,\n    'aria-labelledby': PropTypes.string,\n  }),\n  /**\n   * the `id` property of the Icon element, by default this value is generated\n   * with the `newId` function with the `prefix` of `Icon`.\n   */\n  id: PropTypes.string,\n  /** The size of the icon. */\n  size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg']),\n  /** A class name that will define what the Icon looks like. */\n  className: PropTypes.string,\n  /**\n   * a boolean that determines the value of `aria-hidden` attribute on the Icon span,\n   * this value is `true` by default.\n   */\n  hidden: PropTypes.bool,\n  /**\n   * a string or an element that will be used on a secondary span leveraging the `sr-only` style\n   * for screenreader only text, this value is `undefined` by default. This value is recommended for use unless\n   * the Icon is being used in a way that is purely decorative or provides no additional context for screen\n   * reader users. This field should be thought of the same way an `alt` attribute would be used for `image` tags.\n   */\n  screenReaderText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nIcon.defaultProps = {\n  src: null,\n  svgAttrs: {},\n  id: undefined,\n  hidden: true,\n  screenReaderText: undefined,\n  size: undefined,\n  className: undefined,\n};\n\nexport default withDeprecatedProps(Icon, 'Icon', {\n  className: {\n    deprType: DeprTypes.FORMAT,\n    expect: value => typeof value === 'string',\n    transform: value => (Array.isArray(value) ? value.join(' ') : value),\n    message: 'It should be a string.',\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","newId","withDeprecatedProps","DeprTypes","Icon","_ref","Component","src","id","className","hidden","screenReaderText","svgAttrs","size","attrs","_objectWithoutProperties","_excluded","hasAriaLabel","mergedSvgProps","_objectSpread","undefined","createElement","_defineProperty","concat","role","focusable","Fragment","propTypes","elementType","shape","string","oneOf","bool","oneOfType","element","defaultProps","deprType","FORMAT","expect","value","transform","Array","isArray","join","message"],"sources":["../../src/Icon/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport newId from '../utils/newId';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\n/**\n * An svg with an \"img\" role must satisfy the following a11y requirements\n * - It needs a text alternative in the form of aria-label, aria-labelledby, or screen-reader only text.\n * - If no label is desired, aria-label will be set to an empty string and aria-hidden to \"true\".\n * - focusable is set to false on the svg in all cases as a workaround for an ie11 bug\n */\n\nfunction Icon({\n  src: Component,\n  id,\n  className,\n  hidden,\n  screenReaderText,\n  svgAttrs,\n  size,\n  ...attrs\n}) {\n  if (Component) {\n    // If no aria label is specified, hide this icon from screenreaders\n    const hasAriaLabel = svgAttrs['aria-label'] || svgAttrs['aria-labelledby'];\n\n    const mergedSvgProps = { ...svgAttrs };\n\n    if (!hasAriaLabel) {\n      mergedSvgProps['aria-label'] = undefined;\n      mergedSvgProps['aria-hidden'] = true;\n    }\n\n    return (\n      <span\n        className={classNames('pgn__icon', { [`pgn__icon__${size}`]: !!size }, className)}\n        id={id}\n        {...attrs}\n      >\n        <Component\n          role=\"img\"\n          focusable={false}\n          {...mergedSvgProps}\n        />\n        {screenReaderText && (\n          <span className=\"sr-only\">\n            {screenReaderText}\n          </span>\n        )}\n      </span>\n    );\n  }\n\n  return (\n    <>\n      <span\n        id={id || newId('Icon')}\n        className={className}\n        aria-hidden={hidden}\n      />\n      {screenReaderText && (\n        <span className=\"sr-only\">\n          {screenReaderText}\n        </span>\n      )}\n    </>\n  );\n}\n\nIcon.propTypes = {\n  /**\n   * An icon component to render.\n   * Example import of a Paragon icon component: `import { Check } from '@openedx/paragon/icons';`\n   */\n  src: PropTypes.elementType,\n  /** HTML element attributes to pass through to the underlying svg element */\n  svgAttrs: PropTypes.shape({\n    'aria-label': PropTypes.string,\n    'aria-labelledby': PropTypes.string,\n  }),\n  /**\n   * the `id` property of the Icon element, by default this value is generated\n   * with the `newId` function with the `prefix` of `Icon`.\n   */\n  id: PropTypes.string,\n  /** The size of the icon. */\n  size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg']),\n  /** A class name that will define what the Icon looks like. */\n  className: PropTypes.string,\n  /**\n   * a boolean that determines the value of `aria-hidden` attribute on the Icon span,\n   * this value is `true` by default.\n   */\n  hidden: PropTypes.bool,\n  /**\n   * a string or an element that will be used on a secondary span leveraging the `sr-only` style\n   * for screenreader only text, this value is `undefined` by default. This value is recommended for use unless\n   * the Icon is being used in a way that is purely decorative or provides no additional context for screen\n   * reader users. This field should be thought of the same way an `alt` attribute would be used for `image` tags.\n   */\n  screenReaderText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nIcon.defaultProps = {\n  src: null,\n  svgAttrs: {},\n  id: undefined,\n  hidden: true,\n  screenReaderText: undefined,\n  size: undefined,\n  className: undefined,\n};\n\nexport default withDeprecatedProps(Icon, 'Icon', {\n  className: {\n    deprType: DeprTypes.FORMAT,\n    expect: value => typeof value === 'string',\n    transform: value => (Array.isArray(value) ? value.join(' ') : value),\n    message: 'It should be a string.',\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/IconButton/index.js

@@ -3,7 +3,6 @@ var _excluded = ["className", "alt", "invertColors", "icon", "src", "iconClassNa
   _excluded2 = ["tooltipPlacement", "tooltipContent"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -32,7 +31,7 @@ var IconButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var invert = invertColors ? 'inverse-' : '';
   var activeStyle = isActive ? "".concat(variant, "-") : '';
   var IconComponent = iconAs;
-  return /*#__PURE__*/React.createElement("button", _extends({
+  return /*#__PURE__*/React.createElement("button", _objectSpread({
     "aria-label": alt,
     className: classNames('btn-icon', "btn-icon-".concat(invert).concat(variant), "btn-icon-".concat(size), _defineProperty({}, "btn-icon-".concat(invert).concat(activeStyle, "active"), isActive), className),
     onClick: onClick,
@@ -106,7 +105,7 @@ function IconButtonWithTooltip(_ref2) {
       id: "iconbutton-tooltip-".concat(tooltipPlacement),
       variant: invert ? 'light' : undefined
     }, tooltipContent)
-  }, /*#__PURE__*/React.createElement(IconButton, props));
+  }, /*#__PURE__*/React.createElement(IconButton, _objectSpread({}, props)));
 }
 IconButtonWithTooltip.defaultProps = _objectSpread(_objectSpread({}, IconButton.defaultProps), {}, {
   tooltipPlacement: 'top'

package/dist/IconButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","OverlayTrigger","Tooltip","Icon","IconButton","forwardRef","_ref","ref","className","alt","invertColors","icon","src","iconClassNames","onClick","size","variant","iconAs","isActive","children","attrs","_objectWithoutProperties","_excluded","invert","activeStyle","concat","IconComponent","createElement","_extends","_defineProperty","type","defaultProps","undefined","propTypes","string","elementType","isRequired","bool","shape","prefix","iconName","array","func","oneOf","IconButtonWithTooltip","_ref2","tooltipPlacement","tooltipContent","props","_excluded2","placement","overlay","id","_objectSpread","node"],"sources":["../../src/IconButton/index.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { type Placement } from 'react-bootstrap/Overlay';\nimport { OverlayTrigger } from '../Overlay';\nimport Tooltip from '../Tooltip';\nimport Icon from '../Icon';\n\ninterface Props extends React.HTMLAttributes<HTMLButtonElement> {\n  iconAs?: React.ComponentType<any>,\n  /** Additional CSS class[es] to apply to this button */\n  className?: string;\n  /** Alt text for your icon. For best practice, avoid using alt text to describe\n   * the image in the `IconButton`. Instead, we recommend describing the function\n   * of the button. */\n  alt: string;\n  /** Changes icon styles for dark background */\n  invertColors?: boolean;\n  /** An icon component to render. Example import of a Paragon icon component:\n   * `import { Check } from '@openedx/paragon/icons';`\n   * */\n  // Note: React.ComponentType is what we want here. React.ElementType would allow some element type strings like \"div\",\n  // but we only want to allow components like 'Add' (a specific icon component function/class)\n  src?: React.ComponentType;\n  /** Extra class names that will be added to the icon */\n  iconClassNames?: string;\n  /** Click handler for the button */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  /** whether to show the `IconButton` in an active state, whose styling is distinct from default state */\n  isActive?: boolean;\n  /** @deprecated Using FontAwesome icons is deprecated. Instead, pass iconAs={Icon} src={...} */\n  icon?: { prefix?: string; iconName?: string, icon?: any[] },\n  /** Type of button (uses Bootstrap options) */\n  variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'light' | 'dark' | 'black' | 'brand';\n  /** size of button to render */\n  size?: 'sm' | 'md' | 'inline';\n  /** no children */\n  children?: never;\n}\n\nconst IconButton = React.forwardRef<HTMLButtonElement, Props>(({\n  className,\n  alt,\n  invertColors,\n  icon,\n  src,\n  iconClassNames,\n  onClick,\n  size,\n  variant,\n  iconAs,\n  isActive,\n  children, // unused, just here because we don't want it to be part of 'attrs'\n  ...attrs\n}, ref) => {\n  const invert = invertColors ? 'inverse-' : '';\n  const activeStyle = isActive ? `${variant}-` : '';\n  const IconComponent = iconAs;\n\n  return (\n    <button\n      aria-label={alt}\n      className={classNames(\n        'btn-icon',\n        `btn-icon-${invert}${variant}`,\n        `btn-icon-${size}`,\n        {\n          [`btn-icon-${invert}${activeStyle}active`]: isActive,\n        },\n        className,\n      )}\n      onClick={onClick}\n      type=\"button\"\n      ref={ref}\n      {...attrs}\n    >\n      <span className=\"btn-icon__icon-container\">\n        {IconComponent && (\n          <IconComponent\n            className={classNames('btn-icon__icon', iconClassNames)}\n            icon={icon as any}\n            src={src}\n          />\n        )}\n      </span>\n    </button>\n  );\n});\n\nIconButton.defaultProps = {\n  iconAs: Icon,\n  src: undefined,\n  icon: undefined,\n  iconClassNames: undefined,\n  className: undefined,\n  invertColors: false,\n  variant: 'primary',\n  size: 'md',\n  onClick: () => {},\n  isActive: false,\n  children: undefined,\n};\n\nIconButton.propTypes = {\n  /** A custom class name. */\n  className: PropTypes.string,\n  /** Component that renders the icon, currently defaults to `Icon` */\n  iconAs: PropTypes.elementType as any,\n  /** An icon component to render. Example import of a Paragon icon component:\n   * `import { Check } from '@openedx/paragon/icons';`\n   * */\n  src: PropTypes.elementType as any,\n  /** Alt text for your icon. For best practice, avoid using alt text to describe\n   * the image in the `IconButton`. Instead, we recommend describing the function\n   * of the button. */\n  alt: PropTypes.string.isRequired,\n  /** Changes icon styles for dark background */\n  invertColors: PropTypes.bool,\n  /** Accepts a [Paragon icon](https://paragon-openedx.netlify.app/foundations/icons) */\n  icon: PropTypes.shape({\n    prefix: PropTypes.string,\n    iconName: PropTypes.string,\n    // eslint-disable-next-line react/forbid-prop-types\n    icon: PropTypes.array,\n  }) as any,\n  /** Extra class names that will be added to the icon */\n  iconClassNames: PropTypes.string,\n  /** Click handler for the button */\n  onClick: PropTypes.func,\n  /** Type of button (uses Bootstrap options) */\n  variant: PropTypes.oneOf(['primary', 'secondary', 'success', 'warning', 'danger', 'light', 'dark', 'black', 'brand']),\n  /** size of button to render */\n  size: PropTypes.oneOf(['sm', 'md', 'inline']),\n  /** whether to show the `IconButton` in an active state, whose styling is distinct from default state */\n  isActive: PropTypes.bool,\n};\n\ninterface PropsWithTooltip extends Props {\n  /** choose from https://popper.js.org/docs/v2/constructors/#options */\n  tooltipPlacement: Placement,\n  /** any content to pass to tooltip content area */\n  tooltipContent: React.ReactNode,\n}\n\n/**\n * An icon button wrapped in overlaytrigger to display a tooltip.\n */\nfunction IconButtonWithTooltip({\n  tooltipPlacement, tooltipContent, ...props\n}: PropsWithTooltip) {\n  const invert = props.invertColors ? 'inverse-' : '';\n  return (\n    <OverlayTrigger\n      placement={tooltipPlacement}\n      overlay={(\n        <Tooltip\n          id={`iconbutton-tooltip-${tooltipPlacement}`}\n          variant={invert ? 'light' : undefined}\n        >\n          {tooltipContent}\n        </Tooltip>\n      )}\n    >\n      <IconButton {...props} />\n    </OverlayTrigger>\n  );\n}\n\nIconButtonWithTooltip.defaultProps = {\n  ...IconButton.defaultProps,\n  tooltipPlacement: 'top',\n};\n\nIconButtonWithTooltip.propTypes = {\n  /** tooltip placement can be top, left, right etc, per https://popper.js.org/docs/v2/constructors/#options  */\n  tooltipPlacement: PropTypes.string,\n  /** any valid JSX or text to be rendered as tooltip contents */\n  tooltipContent: PropTypes.node.isRequired,\n  /** Type of button (uses Bootstrap options) */\n  variant: PropTypes.oneOf(['primary', 'secondary', 'success', 'warning', 'danger', 'light', 'dark', 'black', 'brand']),\n  /** Changes icon styles for dark background */\n  invertColors: PropTypes.bool,\n};\n\n(IconButton as any).IconButtonWithTooltip = IconButtonWithTooltip;\n\nexport default IconButton as typeof IconButton & {\n  IconButtonWithTooltip: typeof IconButtonWithTooltip,\n};\nexport { IconButtonWithTooltip };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","OverlayTrigger","Tooltip","Icon","IconButton","forwardRef","_ref","ref","className","alt","invertColors","icon","src","iconClassNames","onClick","size","variant","iconAs","isActive","children","attrs","_objectWithoutProperties","_excluded","invert","activeStyle","concat","IconComponent","createElement","_objectSpread","_defineProperty","type","defaultProps","undefined","propTypes","string","elementType","isRequired","bool","shape","prefix","iconName","array","func","oneOf","IconButtonWithTooltip","_ref2","tooltipPlacement","tooltipContent","props","_excluded2","placement","overlay","id","node"],"sources":["../../src/IconButton/index.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { type Placement } from 'react-bootstrap/Overlay';\nimport { OverlayTrigger } from '../Overlay';\nimport Tooltip from '../Tooltip';\nimport Icon from '../Icon';\n\ninterface Props extends React.HTMLAttributes<HTMLButtonElement> {\n  iconAs?: React.ComponentType<any>,\n  /** Additional CSS class[es] to apply to this button */\n  className?: string;\n  /** Alt text for your icon. For best practice, avoid using alt text to describe\n   * the image in the `IconButton`. Instead, we recommend describing the function\n   * of the button. */\n  alt: string;\n  /** Changes icon styles for dark background */\n  invertColors?: boolean;\n  /** An icon component to render. Example import of a Paragon icon component:\n   * `import { Check } from '@openedx/paragon/icons';`\n   * */\n  // Note: React.ComponentType is what we want here. React.ElementType would allow some element type strings like \"div\",\n  // but we only want to allow components like 'Add' (a specific icon component function/class)\n  src?: React.ComponentType;\n  /** Extra class names that will be added to the icon */\n  iconClassNames?: string;\n  /** Click handler for the button */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  /** whether to show the `IconButton` in an active state, whose styling is distinct from default state */\n  isActive?: boolean;\n  /** @deprecated Using FontAwesome icons is deprecated. Instead, pass iconAs={Icon} src={...} */\n  icon?: { prefix?: string; iconName?: string, icon?: any[] },\n  /** Type of button (uses Bootstrap options) */\n  variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'light' | 'dark' | 'black' | 'brand';\n  /** size of button to render */\n  size?: 'sm' | 'md' | 'inline';\n  /** no children */\n  children?: never;\n}\n\nconst IconButton = React.forwardRef<HTMLButtonElement, Props>(({\n  className,\n  alt,\n  invertColors,\n  icon,\n  src,\n  iconClassNames,\n  onClick,\n  size,\n  variant,\n  iconAs,\n  isActive,\n  children, // unused, just here because we don't want it to be part of 'attrs'\n  ...attrs\n}, ref) => {\n  const invert = invertColors ? 'inverse-' : '';\n  const activeStyle = isActive ? `${variant}-` : '';\n  const IconComponent = iconAs;\n\n  return (\n    <button\n      aria-label={alt}\n      className={classNames(\n        'btn-icon',\n        `btn-icon-${invert}${variant}`,\n        `btn-icon-${size}`,\n        {\n          [`btn-icon-${invert}${activeStyle}active`]: isActive,\n        },\n        className,\n      )}\n      onClick={onClick}\n      type=\"button\"\n      ref={ref}\n      {...attrs}\n    >\n      <span className=\"btn-icon__icon-container\">\n        {IconComponent && (\n          <IconComponent\n            className={classNames('btn-icon__icon', iconClassNames)}\n            icon={icon as any}\n            src={src}\n          />\n        )}\n      </span>\n    </button>\n  );\n});\n\nIconButton.defaultProps = {\n  iconAs: Icon,\n  src: undefined,\n  icon: undefined,\n  iconClassNames: undefined,\n  className: undefined,\n  invertColors: false,\n  variant: 'primary',\n  size: 'md',\n  onClick: () => {},\n  isActive: false,\n  children: undefined,\n};\n\nIconButton.propTypes = {\n  /** A custom class name. */\n  className: PropTypes.string,\n  /** Component that renders the icon, currently defaults to `Icon` */\n  iconAs: PropTypes.elementType as any,\n  /** An icon component to render. Example import of a Paragon icon component:\n   * `import { Check } from '@openedx/paragon/icons';`\n   * */\n  src: PropTypes.elementType as any,\n  /** Alt text for your icon. For best practice, avoid using alt text to describe\n   * the image in the `IconButton`. Instead, we recommend describing the function\n   * of the button. */\n  alt: PropTypes.string.isRequired,\n  /** Changes icon styles for dark background */\n  invertColors: PropTypes.bool,\n  /** Accepts a [Paragon icon](https://paragon-openedx.netlify.app/foundations/icons) */\n  icon: PropTypes.shape({\n    prefix: PropTypes.string,\n    iconName: PropTypes.string,\n    // eslint-disable-next-line react/forbid-prop-types\n    icon: PropTypes.array,\n  }) as any,\n  /** Extra class names that will be added to the icon */\n  iconClassNames: PropTypes.string,\n  /** Click handler for the button */\n  onClick: PropTypes.func,\n  /** Type of button (uses Bootstrap options) */\n  variant: PropTypes.oneOf(['primary', 'secondary', 'success', 'warning', 'danger', 'light', 'dark', 'black', 'brand']),\n  /** size of button to render */\n  size: PropTypes.oneOf(['sm', 'md', 'inline']),\n  /** whether to show the `IconButton` in an active state, whose styling is distinct from default state */\n  isActive: PropTypes.bool,\n};\n\ninterface PropsWithTooltip extends Props {\n  /** choose from https://popper.js.org/docs/v2/constructors/#options */\n  tooltipPlacement: Placement,\n  /** any content to pass to tooltip content area */\n  tooltipContent: React.ReactNode,\n}\n\n/**\n * An icon button wrapped in overlaytrigger to display a tooltip.\n */\nfunction IconButtonWithTooltip({\n  tooltipPlacement, tooltipContent, ...props\n}: PropsWithTooltip) {\n  const invert = props.invertColors ? 'inverse-' : '';\n  return (\n    <OverlayTrigger\n      placement={tooltipPlacement}\n      overlay={(\n        <Tooltip\n          id={`iconbutton-tooltip-${tooltipPlacement}`}\n          variant={invert ? 'light' : undefined}\n        >\n          {tooltipContent}\n        </Tooltip>\n      )}\n    >\n      <IconButton {...props} />\n    </OverlayTrigger>\n  );\n}\n\nIconButtonWithTooltip.defaultProps = {\n  ...IconButton.defaultProps,\n  tooltipPlacement: 'top',\n};\n\nIconButtonWithTooltip.propTypes = {\n  /** tooltip placement can be top, left, right etc, per https://popper.js.org/docs/v2/constructors/#options  */\n  tooltipPlacement: PropTypes.string,\n  /** any valid JSX or text to be rendered as tooltip contents */\n  tooltipContent: PropTypes.node.isRequired,\n  /** Type of button (uses Bootstrap options) */\n  variant: PropTypes.oneOf(['primary', 'secondary', 'success', 'warning', 'danger', 'light', 'dark', 'black', 'brand']),\n  /** Changes icon styles for dark background */\n  invertColors: PropTypes.bool,\n};\n\n(IconButton as any).IconButtonWithTooltip = IconButtonWithTooltip;\n\nexport default IconButton as typeof IconButton & {\n  IconButtonWithTooltip: typeof IconButtonWithTooltip,\n};\nexport { IconButtonWithTooltip };\n"],"mappings":"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","ignoreList":[]}

package/dist/Layout/index.js

@@ -1,13 +1,12 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["children"];
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import Col from 'react-bootstrap/Col';
 import Row from 'react-bootstrap/Row';
@@ -15,7 +14,7 @@ import PropTypes from 'prop-types';
 var COL_VALUES = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 'auto'];
 var SIZES = ['xs', 'sm', 'md', 'lg', 'xl'];
 var LayoutElement = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _objectSpread({
     ref: ref
   }, props));
 });

package/dist/Layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Col","Row","PropTypes","COL_VALUES","SIZES","LayoutElement","forwardRef","props","ref","createElement","_extends","Layout","_ref","children","_objectWithoutProperties","_excluded","childrenLength","length","isValidDimensions","dataList","validLength","errors","layout","Children","map","child","index","newProps","_objectSpread","forEach","size","sizeProps","_ref2","_ref2$span","span","_ref2$offset","offset","undefined","concat","Object","keys","breakpoint","console","error","defaultProps","xs","sm","md","lg","xl","propTypes","node","isRequired","arrayOf","shape","oneOf","sizeDefaultProps","Element"],"sources":["../../src/Layout/index.jsx"],"sourcesContent":["import React from 'react';\nimport Col from 'react-bootstrap/Col';\nimport Row from 'react-bootstrap/Row';\nimport PropTypes from 'prop-types';\n\nconst COL_VALUES = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 'auto'];\nconst SIZES = ['xs', 'sm', 'md', 'lg', 'xl'];\n\nconst LayoutElement = React.forwardRef((props, ref) => <div ref={ref} {...props} />);\n\nconst Layout = React.forwardRef(({ children, ...props }, ref) => {\n  const childrenLength = children.length;\n\n  const isValidDimensions = (dataList, validLength) => !dataList || dataList.length === validLength;\n  const errors = {};\n\n  const layout = React.Children.map(children, (child, index) => {\n    const newProps = { ...child.props };\n    SIZES.forEach(size => {\n      const sizeProps = props[size];\n      const { span = 0, offset = 0 } = (sizeProps && sizeProps[index]) || {};\n      if (errors[size] === undefined) {\n        errors[size] = false;\n        if (!isValidDimensions(sizeProps, childrenLength)) {\n          errors[size] = `${size} prop accepts array which length must be equal to the number of children.`;\n        }\n      }\n      newProps[size] = { span, offset };\n    });\n    newProps.ref = child.ref;\n    return React.createElement(Col, newProps, child.props.children);\n  });\n\n  Object.keys(errors).forEach(breakpoint => {\n    if (errors[breakpoint]) {\n      // eslint-disable-next-line no-console\n      console.error(errors[breakpoint]);\n    }\n  });\n\n  return (\n    <Row ref={ref}>\n      {layout}\n    </Row>\n  );\n});\n\nLayout.defaultProps = {\n  xs: undefined,\n  sm: undefined,\n  md: undefined,\n  lg: undefined,\n  xl: undefined,\n};\n\nLayout.propTypes = {\n  children: PropTypes.node.isRequired,\n  xs: PropTypes.arrayOf(PropTypes.shape({\n    span: PropTypes.oneOf(COL_VALUES).isRequired,\n    offset: PropTypes.oneOf(COL_VALUES),\n  })),\n  sm: PropTypes.arrayOf(PropTypes.shape({\n    span: PropTypes.oneOf(COL_VALUES).isRequired,\n    offset: PropTypes.oneOf(COL_VALUES),\n  })),\n  md: PropTypes.arrayOf(PropTypes.shape({\n    span: PropTypes.oneOf(COL_VALUES).isRequired,\n    offset: PropTypes.oneOf(COL_VALUES),\n  })),\n  lg: PropTypes.arrayOf(PropTypes.shape({\n    span: PropTypes.oneOf(COL_VALUES).isRequired,\n    offset: PropTypes.oneOf(COL_VALUES),\n  })),\n  xl: PropTypes.arrayOf(PropTypes.shape({\n    span: PropTypes.oneOf(COL_VALUES).isRequired,\n    offset: PropTypes.oneOf(COL_VALUES),\n  })),\n};\n\nconst sizeDefaultProps = { span: [], offset: [] };\n\nSIZES.forEach(size => {\n  // eslint-disable-next-line react/default-props-match-prop-types\n  Layout.defaultProps[size] = sizeDefaultProps;\n});\n\nexport { Col, Row };\nLayout.Element = LayoutElement;\nexport default Layout;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","Col","Row","PropTypes","COL_VALUES","SIZES","LayoutElement","forwardRef","props","ref","createElement","_objectSpread","Layout","_ref","children","_objectWithoutProperties","_excluded","childrenLength","length","isValidDimensions","dataList","validLength","errors","layout","Children","map","child","index","newProps","forEach","size","sizeProps","_ref2","_ref2$span","span","_ref2$offset","offset","undefined","concat","Object","keys","breakpoint","console","error","defaultProps","xs","sm","md","lg","xl","propTypes","node","isRequired","arrayOf","shape","oneOf","sizeDefaultProps","Element"],"sources":["../../src/Layout/index.jsx"],"sourcesContent":["import React from 'react';\nimport Col from 'react-bootstrap/Col';\nimport Row from 'react-bootstrap/Row';\nimport PropTypes from 'prop-types';\n\nconst COL_VALUES = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 'auto'];\nconst SIZES = ['xs', 'sm', 'md', 'lg', 'xl'];\n\nconst LayoutElement = React.forwardRef((props, ref) => <div ref={ref} {...props} />);\n\nconst Layout = React.forwardRef(({ children, ...props }, ref) => {\n  const childrenLength = children.length;\n\n  const isValidDimensions = (dataList, validLength) => !dataList || dataList.length === validLength;\n  const errors = {};\n\n  const layout = React.Children.map(children, (child, index) => {\n    const newProps = { ...child.props };\n    SIZES.forEach(size => {\n      const sizeProps = props[size];\n      const { span = 0, offset = 0 } = (sizeProps && sizeProps[index]) || {};\n      if (errors[size] === undefined) {\n        errors[size] = false;\n        if (!isValidDimensions(sizeProps, childrenLength)) {\n          errors[size] = `${size} prop accepts array which length must be equal to the number of children.`;\n        }\n      }\n      newProps[size] = { span, offset };\n    });\n    newProps.ref = child.ref;\n    return React.createElement(Col, newProps, child.props.children);\n  });\n\n  Object.keys(errors).forEach(breakpoint => {\n    if (errors[breakpoint]) {\n      // eslint-disable-next-line no-console\n      console.error(errors[breakpoint]);\n    }\n  });\n\n  return (\n    <Row ref={ref}>\n      {layout}\n    </Row>\n  );\n});\n\nLayout.defaultProps = {\n  xs: undefined,\n  sm: undefined,\n  md: undefined,\n  lg: undefined,\n  xl: undefined,\n};\n\nLayout.propTypes = {\n  children: PropTypes.node.isRequired,\n  xs: PropTypes.arrayOf(PropTypes.shape({\n    span: PropTypes.oneOf(COL_VALUES).isRequired,\n    offset: PropTypes.oneOf(COL_VALUES),\n  })),\n  sm: PropTypes.arrayOf(PropTypes.shape({\n    span: PropTypes.oneOf(COL_VALUES).isRequired,\n    offset: PropTypes.oneOf(COL_VALUES),\n  })),\n  md: PropTypes.arrayOf(PropTypes.shape({\n    span: PropTypes.oneOf(COL_VALUES).isRequired,\n    offset: PropTypes.oneOf(COL_VALUES),\n  })),\n  lg: PropTypes.arrayOf(PropTypes.shape({\n    span: PropTypes.oneOf(COL_VALUES).isRequired,\n    offset: PropTypes.oneOf(COL_VALUES),\n  })),\n  xl: PropTypes.arrayOf(PropTypes.shape({\n    span: PropTypes.oneOf(COL_VALUES).isRequired,\n    offset: PropTypes.oneOf(COL_VALUES),\n  })),\n};\n\nconst sizeDefaultProps = { span: [], offset: [] };\n\nSIZES.forEach(size => {\n  // eslint-disable-next-line react/default-props-match-prop-types\n  Layout.defaultProps[size] = sizeDefaultProps;\n});\n\nexport { Col, Row };\nLayout.Element = LayoutElement;\nexport default Layout;\n"],"mappings":"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","ignoreList":[]}

package/dist/MailtoLink/index.js

@@ -1,6 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["to", "cc", "bcc", "subject", "body", "children", "target", "onClick", "externalLink", "className"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -46,7 +45,7 @@ var MailtoLink = /*#__PURE__*/React.forwardRef(function (props, ref) {
     externalLinkAlternativeText: externalLinkAlternativeText,
     externalLinkTitle: externalLinkTitle
   }, attrs);
-  return /*#__PURE__*/React.createElement(Hyperlink, _extends({
+  return /*#__PURE__*/React.createElement(Hyperlink, _objectSpread({
     ref: ref,
     className: classNames('pgn__mailtolink', className)
   }, hyperlinkProps), children);

package/dist/MailtoLink/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","emailPropType","isRequiredIf","mailtoLink","classNames","Hyperlink","withDeprecatedProps","DeprTypes","MAIL_TO_LINK_EXTERNAL_LINK_ALTERNATIVE_TEXT","MAIL_TO_LINK_EXTERNAL_LINK_TITLE","MailtoLink","forwardRef","props","ref","to","cc","bcc","subject","body","children","target","onClick","externalLink","className","attrs","_objectWithoutProperties","_excluded","externalLinkAlternativeText","alternativeText","externalLinkTitle","title","destination","hyperlinkProps","_objectSpread","createElement","_extends","defaultProps","undefined","propTypes","node","isRequired","string","oneOfType","arrayOf","func","shape","content","deprType","MOVED","newName"],"sources":["../../src/MailtoLink/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport emailPropType from 'email-prop-type';\nimport isRequiredIf from 'react-proptype-conditional-require';\nimport mailtoLink from 'mailto-link';\nimport classNames from 'classnames';\n\nimport Hyperlink from '../Hyperlink';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nexport const MAIL_TO_LINK_EXTERNAL_LINK_ALTERNATIVE_TEXT = 'Dismiss';\nexport const MAIL_TO_LINK_EXTERNAL_LINK_TITLE = 'Opens in a new tab';\n\nconst MailtoLink = React.forwardRef((props, ref) => {\n  const {\n    to,\n    cc,\n    bcc,\n    subject,\n    body,\n    children,\n    target,\n    onClick,\n    externalLink,\n    className,\n    ...attrs\n  } = props;\n\n  const externalLinkAlternativeText = externalLink.alternativeText;\n  const externalLinkTitle = externalLink.title;\n  const destination = mailtoLink({\n    to, cc, bcc, subject, body,\n  });\n\n  const hyperlinkProps = {\n    destination,\n    target,\n    onClick,\n    externalLinkAlternativeText,\n    externalLinkTitle,\n    ...attrs,\n  };\n\n  return (\n    <Hyperlink\n      ref={ref}\n      className={classNames('pgn__mailtolink', className)}\n      {...hyperlinkProps}\n    >\n      {children}\n    </Hyperlink>\n  );\n});\n\nMailtoLink.defaultProps = {\n  to: [],\n  cc: [],\n  bcc: [],\n  subject: '',\n  body: '',\n  target: '_self',\n  onClick: null,\n  externalLink: {\n    alternativeText: MAIL_TO_LINK_EXTERNAL_LINK_ALTERNATIVE_TEXT,\n    title: MAIL_TO_LINK_EXTERNAL_LINK_TITLE,\n  },\n  className: undefined,\n};\n\nMailtoLink.propTypes = {\n  /** Content of the ``MailToLink`` */\n  children: PropTypes.node.isRequired,\n  /** Custom class names for the ``MailToLink`` */\n  className: PropTypes.string,\n  /** Specifies the email's recipients */\n  to: PropTypes.oneOfType([PropTypes.arrayOf(emailPropType), emailPropType]),\n  /** Specifies the email's carbon copy recipients */\n  cc: PropTypes.oneOfType([PropTypes.arrayOf(emailPropType), emailPropType]),\n  /** Specifies the email's blind carbon copy recipients */\n  bcc: PropTypes.oneOfType([PropTypes.arrayOf(emailPropType), emailPropType]),\n  /** Specifies the email's subject */\n  subject: PropTypes.string,\n  /** Specifies the email's body */\n  body: PropTypes.string,\n  /** Specifies where the link should open. The default behavior is `_self`,\n   * which means that the URL will be loaded into the same browsing context as the current one */\n  target: PropTypes.string,\n  /** Specifies the callback function when the link is clicked */\n  onClick: PropTypes.func,\n  /** The object that contains the `alternativeText` and `title` fields which specify\n   * the text and title for links with a `_blank` target (which loads the URL in a new browsing context). */\n  externalLink: PropTypes.shape({\n    alternativeText: isRequiredIf(PropTypes.string, props => props.target === '_blank'),\n    title: isRequiredIf(PropTypes.string, props => props.target === '_blank'),\n  }),\n};\n\nexport default withDeprecatedProps(MailtoLink, 'MailtoLink', {\n  content: {\n    deprType: DeprTypes.MOVED,\n    newName: 'children',\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","emailPropType","isRequiredIf","mailtoLink","classNames","Hyperlink","withDeprecatedProps","DeprTypes","MAIL_TO_LINK_EXTERNAL_LINK_ALTERNATIVE_TEXT","MAIL_TO_LINK_EXTERNAL_LINK_TITLE","MailtoLink","forwardRef","props","ref","to","cc","bcc","subject","body","children","target","onClick","externalLink","className","attrs","_objectWithoutProperties","_excluded","externalLinkAlternativeText","alternativeText","externalLinkTitle","title","destination","hyperlinkProps","_objectSpread","createElement","defaultProps","undefined","propTypes","node","isRequired","string","oneOfType","arrayOf","func","shape","content","deprType","MOVED","newName"],"sources":["../../src/MailtoLink/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport emailPropType from 'email-prop-type';\nimport isRequiredIf from 'react-proptype-conditional-require';\nimport mailtoLink from 'mailto-link';\nimport classNames from 'classnames';\n\nimport Hyperlink from '../Hyperlink';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nexport const MAIL_TO_LINK_EXTERNAL_LINK_ALTERNATIVE_TEXT = 'Dismiss';\nexport const MAIL_TO_LINK_EXTERNAL_LINK_TITLE = 'Opens in a new tab';\n\nconst MailtoLink = React.forwardRef((props, ref) => {\n  const {\n    to,\n    cc,\n    bcc,\n    subject,\n    body,\n    children,\n    target,\n    onClick,\n    externalLink,\n    className,\n    ...attrs\n  } = props;\n\n  const externalLinkAlternativeText = externalLink.alternativeText;\n  const externalLinkTitle = externalLink.title;\n  const destination = mailtoLink({\n    to, cc, bcc, subject, body,\n  });\n\n  const hyperlinkProps = {\n    destination,\n    target,\n    onClick,\n    externalLinkAlternativeText,\n    externalLinkTitle,\n    ...attrs,\n  };\n\n  return (\n    <Hyperlink\n      ref={ref}\n      className={classNames('pgn__mailtolink', className)}\n      {...hyperlinkProps}\n    >\n      {children}\n    </Hyperlink>\n  );\n});\n\nMailtoLink.defaultProps = {\n  to: [],\n  cc: [],\n  bcc: [],\n  subject: '',\n  body: '',\n  target: '_self',\n  onClick: null,\n  externalLink: {\n    alternativeText: MAIL_TO_LINK_EXTERNAL_LINK_ALTERNATIVE_TEXT,\n    title: MAIL_TO_LINK_EXTERNAL_LINK_TITLE,\n  },\n  className: undefined,\n};\n\nMailtoLink.propTypes = {\n  /** Content of the ``MailToLink`` */\n  children: PropTypes.node.isRequired,\n  /** Custom class names for the ``MailToLink`` */\n  className: PropTypes.string,\n  /** Specifies the email's recipients */\n  to: PropTypes.oneOfType([PropTypes.arrayOf(emailPropType), emailPropType]),\n  /** Specifies the email's carbon copy recipients */\n  cc: PropTypes.oneOfType([PropTypes.arrayOf(emailPropType), emailPropType]),\n  /** Specifies the email's blind carbon copy recipients */\n  bcc: PropTypes.oneOfType([PropTypes.arrayOf(emailPropType), emailPropType]),\n  /** Specifies the email's subject */\n  subject: PropTypes.string,\n  /** Specifies the email's body */\n  body: PropTypes.string,\n  /** Specifies where the link should open. The default behavior is `_self`,\n   * which means that the URL will be loaded into the same browsing context as the current one */\n  target: PropTypes.string,\n  /** Specifies the callback function when the link is clicked */\n  onClick: PropTypes.func,\n  /** The object that contains the `alternativeText` and `title` fields which specify\n   * the text and title for links with a `_blank` target (which loads the URL in a new browsing context). */\n  externalLink: PropTypes.shape({\n    alternativeText: isRequiredIf(PropTypes.string, props => props.target === '_blank'),\n    title: isRequiredIf(PropTypes.string, props => props.target === '_blank'),\n  }),\n};\n\nexport default withDeprecatedProps(MailtoLink, 'MailtoLink', {\n  content: {\n    deprType: DeprTypes.MOVED,\n    newName: 'children',\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/Menu/SelectMenu.js

@@ -1,5 +1,10 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["defaultMessage", "children", "className", "variant", "disabled"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -99,7 +104,7 @@ function SelectMenu(_ref) {
     }
     prevOpenRef.current = isOpen;
   }, [isOpen, children.length, defaultIndex, itemsCollection, selected, triggerTarget]);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _objectSpread({
     className: classNames('pgn__menu-select', className)
   }, props), /*#__PURE__*/React.createElement(Button, {
     "aria-haspopup": "true",

package/dist/Menu/SelectMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectMenu.js","names":["React","useState","useEffect","useCallback","PropTypes","classNames","ExpandMore","Button","ModalPopup","useToggle","Menu","withDeprecatedProps","DeprTypes","SELECT_MENU_DEFAULT_MESSAGE","SelectMenu","_ref","defaultMessage","children","className","variant","disabled","props","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","triggerTarget","setTriggerTarget","focusMenuRef","useRef","itemsCollection","useMemo","Array","from","length","map","createRef","defaultIndex","i","defaultSelected","undefined","_useState3","_useState4","selected","setSelected","_useToggle","_useToggle2","isOpen","open","close","createMenuItems","Children","child","index","newProps","onClick","e","current","id","concat","toString","role","cloneElement","prevOpenRef","numItems","scrollIntoView","block","focus","preventScroll","createElement","_extends","ref","iconAfter","placement","positionRef","onClose","modifiers","name","options","padding","top","bottom","key","propTypes","string","node","isRequired","bool","defaultProps","SelectMenuWithDeprecatedProp","isLink","deprType","MOVED_AND_FORMAT","message","newName","transform"],"sources":["../../src/Menu/SelectMenu.jsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { ExpandMore } from '../../icons';\nimport Button from '../Button';\nimport ModalPopup from '../Modal/ModalPopup';\nimport useToggle from '../hooks/useToggle';\nimport Menu from '.';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nexport const SELECT_MENU_DEFAULT_MESSAGE = 'Select...';\n\nfunction SelectMenu({\n  defaultMessage,\n  children,\n  className,\n  variant,\n  disabled,\n  ...props\n}) {\n  const [triggerTarget, setTriggerTarget] = useState(null);\n  // this ref is used to focus the menu open button after any menu option is clicked.\n  // triggerTarget.current.focus() inside the onCLick() function didn't guarantee element focus.\n  const focusMenuRef = React.useRef(false);\n  const itemsCollection = React.useMemo(\n    () => Array.from({ length: children.length }).map(() => React.createRef()),\n    [children.length],\n  );\n\n  const defaultIndex = useCallback(() => {\n    for (let i = 0; i < children.length; i++) {\n      if (children[i].props && children[i].props.defaultSelected) {\n        return i;\n      }\n    }\n    return undefined;\n  }, [children]);\n\n  const [selected, setSelected] = useState(defaultIndex());\n  const [isOpen, open, close] = useToggle(false);\n\n  const createMenuItems = () => React.Children.map(children, (child, index) => {\n    const newProps = {\n      onClick(e) {\n        if (child.props.onClick) {\n          child.props.onClick(e);\n        }\n        setSelected(index);\n        close();\n        focusMenuRef.current = true;\n      },\n      id: `${index.toString()}_pgn__menu-item`,\n      role: 'link',\n    };\n    if (selected === index) {\n      newProps['aria-current'] = 'page';\n    }\n    return React.cloneElement(child, newProps);\n  });\n\n  const prevOpenRef = React.useRef();\n\n  useEffect(() => {\n    if (isOpen && selected) {\n      const numItems = children.length;\n      if (numItems > 6 && selected > 1 && numItems - selected > 2) {\n        // on \"middle elements\", set offset to center of block and scroll to center\n        itemsCollection[selected].current.children[0].scrollIntoView({\n          block: 'center',\n        });\n      }\n    }\n    // set focus on open\n    if (isOpen && !prevOpenRef.current && selected) {\n      itemsCollection[selected].current.children[0].focus({ preventScroll: (defaultIndex() === selected) });\n    }\n    if (focusMenuRef.current) {\n      triggerTarget.focus();\n      focusMenuRef.current = false;\n    }\n    prevOpenRef.current = isOpen;\n  }, [isOpen, children.length, defaultIndex, itemsCollection, selected, triggerTarget]);\n\n  return (\n    <div className={classNames('pgn__menu-select', className)} {...props}>\n      <Button\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        ref={setTriggerTarget}\n        variant={variant}\n        iconAfter={ExpandMore}\n        onClick={open}\n        disabled={disabled}\n      >\n        {selected !== undefined && children[selected] ? children[selected].props.children : defaultMessage}\n      </Button>\n      <div className=\"pgn__menu-select-popup\">\n        <ModalPopup\n          placement=\"bottom-start\"\n          positionRef={triggerTarget}\n          isOpen={isOpen}\n          onClose={close}\n          modifiers={\n            [\n              {\n                name: 'flip',\n                options: {\n                  padding: { top: 150, bottom: 150 },\n                },\n              },\n            ]\n          }\n        >\n          <Menu aria-label=\"Select Menu\">\n            {createMenuItems().map((child, index) => (\n              <div key={child.props.id} ref={itemsCollection[index]}>\n                {child}\n              </div>\n            ))}\n          </Menu>\n        </ModalPopup>\n      </div>\n    </div>\n  );\n}\n\nSelectMenu.propTypes = {\n  /** String that is displayed for default value of the ``SelectMenu`` */\n  defaultMessage: PropTypes.string,\n  /** Specifies the content of the ``SelectMenu`` */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /** Specifies variant to use. */\n  variant: PropTypes.string,\n  /** Specifies if the `SelectMenu` is disabled. */\n  disabled: PropTypes.bool,\n};\n\nSelectMenu.defaultProps = {\n  defaultMessage: SELECT_MENU_DEFAULT_MESSAGE,\n  className: undefined,\n  variant: 'outline-primary',\n  disabled: false,\n};\n\nconst SelectMenuWithDeprecatedProp = withDeprecatedProps(SelectMenu, 'SelectMenu', {\n  isLink: {\n    deprType: DeprTypes.MOVED_AND_FORMAT,\n    message: 'Use \"variant\" prop instead, i.e. variant=\"link\"',\n    newName: 'variant',\n    transform: () => 'link',\n  },\n});\n\nexport default SelectMenuWithDeprecatedProp;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SelectMenu.js","names":["React","useState","useEffect","useCallback","PropTypes","classNames","ExpandMore","Button","ModalPopup","useToggle","Menu","withDeprecatedProps","DeprTypes","SELECT_MENU_DEFAULT_MESSAGE","SelectMenu","_ref","defaultMessage","children","className","variant","disabled","props","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","triggerTarget","setTriggerTarget","focusMenuRef","useRef","itemsCollection","useMemo","Array","from","length","map","createRef","defaultIndex","i","defaultSelected","undefined","_useState3","_useState4","selected","setSelected","_useToggle","_useToggle2","isOpen","open","close","createMenuItems","Children","child","index","newProps","onClick","e","current","id","concat","toString","role","cloneElement","prevOpenRef","numItems","scrollIntoView","block","focus","preventScroll","createElement","_objectSpread","ref","iconAfter","placement","positionRef","onClose","modifiers","name","options","padding","top","bottom","key","propTypes","string","node","isRequired","bool","defaultProps","SelectMenuWithDeprecatedProp","isLink","deprType","MOVED_AND_FORMAT","message","newName","transform"],"sources":["../../src/Menu/SelectMenu.jsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { ExpandMore } from '../../icons';\nimport Button from '../Button';\nimport ModalPopup from '../Modal/ModalPopup';\nimport useToggle from '../hooks/useToggle';\nimport Menu from '.';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nexport const SELECT_MENU_DEFAULT_MESSAGE = 'Select...';\n\nfunction SelectMenu({\n  defaultMessage,\n  children,\n  className,\n  variant,\n  disabled,\n  ...props\n}) {\n  const [triggerTarget, setTriggerTarget] = useState(null);\n  // this ref is used to focus the menu open button after any menu option is clicked.\n  // triggerTarget.current.focus() inside the onCLick() function didn't guarantee element focus.\n  const focusMenuRef = React.useRef(false);\n  const itemsCollection = React.useMemo(\n    () => Array.from({ length: children.length }).map(() => React.createRef()),\n    [children.length],\n  );\n\n  const defaultIndex = useCallback(() => {\n    for (let i = 0; i < children.length; i++) {\n      if (children[i].props && children[i].props.defaultSelected) {\n        return i;\n      }\n    }\n    return undefined;\n  }, [children]);\n\n  const [selected, setSelected] = useState(defaultIndex());\n  const [isOpen, open, close] = useToggle(false);\n\n  const createMenuItems = () => React.Children.map(children, (child, index) => {\n    const newProps = {\n      onClick(e) {\n        if (child.props.onClick) {\n          child.props.onClick(e);\n        }\n        setSelected(index);\n        close();\n        focusMenuRef.current = true;\n      },\n      id: `${index.toString()}_pgn__menu-item`,\n      role: 'link',\n    };\n    if (selected === index) {\n      newProps['aria-current'] = 'page';\n    }\n    return React.cloneElement(child, newProps);\n  });\n\n  const prevOpenRef = React.useRef();\n\n  useEffect(() => {\n    if (isOpen && selected) {\n      const numItems = children.length;\n      if (numItems > 6 && selected > 1 && numItems - selected > 2) {\n        // on \"middle elements\", set offset to center of block and scroll to center\n        itemsCollection[selected].current.children[0].scrollIntoView({\n          block: 'center',\n        });\n      }\n    }\n    // set focus on open\n    if (isOpen && !prevOpenRef.current && selected) {\n      itemsCollection[selected].current.children[0].focus({ preventScroll: (defaultIndex() === selected) });\n    }\n    if (focusMenuRef.current) {\n      triggerTarget.focus();\n      focusMenuRef.current = false;\n    }\n    prevOpenRef.current = isOpen;\n  }, [isOpen, children.length, defaultIndex, itemsCollection, selected, triggerTarget]);\n\n  return (\n    <div className={classNames('pgn__menu-select', className)} {...props}>\n      <Button\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        ref={setTriggerTarget}\n        variant={variant}\n        iconAfter={ExpandMore}\n        onClick={open}\n        disabled={disabled}\n      >\n        {selected !== undefined && children[selected] ? children[selected].props.children : defaultMessage}\n      </Button>\n      <div className=\"pgn__menu-select-popup\">\n        <ModalPopup\n          placement=\"bottom-start\"\n          positionRef={triggerTarget}\n          isOpen={isOpen}\n          onClose={close}\n          modifiers={\n            [\n              {\n                name: 'flip',\n                options: {\n                  padding: { top: 150, bottom: 150 },\n                },\n              },\n            ]\n          }\n        >\n          <Menu aria-label=\"Select Menu\">\n            {createMenuItems().map((child, index) => (\n              <div key={child.props.id} ref={itemsCollection[index]}>\n                {child}\n              </div>\n            ))}\n          </Menu>\n        </ModalPopup>\n      </div>\n    </div>\n  );\n}\n\nSelectMenu.propTypes = {\n  /** String that is displayed for default value of the ``SelectMenu`` */\n  defaultMessage: PropTypes.string,\n  /** Specifies the content of the ``SelectMenu`` */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /** Specifies variant to use. */\n  variant: PropTypes.string,\n  /** Specifies if the `SelectMenu` is disabled. */\n  disabled: PropTypes.bool,\n};\n\nSelectMenu.defaultProps = {\n  defaultMessage: SELECT_MENU_DEFAULT_MESSAGE,\n  className: undefined,\n  variant: 'outline-primary',\n  disabled: false,\n};\n\nconst SelectMenuWithDeprecatedProp = withDeprecatedProps(SelectMenu, 'SelectMenu', {\n  isLink: {\n    deprType: DeprTypes.MOVED_AND_FORMAT,\n    message: 'Use \"variant\" prop instead, i.e. variant=\"link\"',\n    newName: 'variant',\n    transform: () => 'link',\n  },\n});\n\nexport default SelectMenuWithDeprecatedProp;\n"],"mappings":"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","ignoreList":[]}

package/dist/Modal/AlertModal.js

@@ -1,5 +1,10 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["children", "footerNode", "icon"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
@@ -13,7 +18,7 @@ function AlertModal(_ref) {
     footerNode = _ref.footerNode,
     icon = _ref.icon,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(ModalDialog, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(ModalDialog, _objectSpread(_objectSpread({}, props), {}, {
     className: classNames('pgn__alert-modal', props.className)
   }), /*#__PURE__*/React.createElement(ModalDialog.Header, null, /*#__PURE__*/React.createElement(ModalDialog.Title, null, icon && /*#__PURE__*/React.createElement(Icon, {
     "data-testid": "title-icon",

package/dist/Modal/AlertModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertModal.js","names":["React","PropTypes","classNames","requiredWhenNot","Icon","ModalDialog","AlertModal","_ref","children","footerNode","icon","props","_objectWithoutProperties","_excluded","createElement","_extends","className","Header","Title","src","title","Body","Footer","propTypes","node","isRequired","string","isOpen","bool","isBlocking","hasCloseButton","onClose","func","size","oneOf","variant","closeLabel","isFullscreenScroll","elementType","defaultProps","undefined"],"sources":["../../src/Modal/AlertModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { requiredWhenNot } from '../utils/propTypes';\nimport Icon from '../Icon';\nimport ModalDialog from './ModalDialog';\n\nfunction AlertModal({\n  children,\n  footerNode,\n  icon,\n  ...props\n}) {\n  return (\n    <ModalDialog\n      {...props}\n      className={classNames('pgn__alert-modal', props.className)}\n    >\n      <ModalDialog.Header>\n        <ModalDialog.Title>\n          {icon && (\n          <Icon\n            data-testid=\"title-icon\"\n            src={icon}\n            className={classNames('pgn__alert-modal__title_icon')}\n          />\n          )}\n          {props.title}\n        </ModalDialog.Title>\n      </ModalDialog.Header>\n      <ModalDialog.Body>{children}</ModalDialog.Body>\n      {footerNode && <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>}\n    </ModalDialog>\n  );\n}\n\nAlertModal.propTypes = {\n  children: PropTypes.node.isRequired,\n  /** The aria-label of the dialog */\n  title: PropTypes.string.isRequired,\n  /** Is the modal dialog open or closed */\n  isOpen: PropTypes.bool,\n  /** Prevent clicking on the backdrop or pressing Esc to close the modal */\n  isBlocking: PropTypes.bool,\n  /** Specifies whether the dialog box should contain 'x' icon button in the top right */\n  hasCloseButton: PropTypes.bool,\n  /** A callback to close the modal dialog */\n  onClose: requiredWhenNot(PropTypes.func, 'isBlocking'),\n  /** Sizes determine the maximum width of the dialog box */\n  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n  /** The visual style of the dialog box */\n  variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success']),\n  /** The label supplied to the close icon button if one is rendered */\n  closeLabel: PropTypes.string,\n  /** Specifies class name to append to the base element */\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  /** Specifies what should be displayed in the footer of the dialog box */\n  footerNode: PropTypes.node,\n  /** Icon that will be shown in the header of modal */\n  icon: PropTypes.elementType,\n};\n\nAlertModal.defaultProps = {\n  isOpen: false,\n  isBlocking: false,\n  hasCloseButton: false,\n  onClose: () => {},\n  size: 'md',\n  variant: 'default',\n  closeLabel: 'Close',\n  className: undefined,\n  isFullscreenScroll: false,\n  footerNode: null,\n  icon: undefined,\n};\n\nexport default AlertModal;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,eAAe,QAAQ,oBAAoB;AACpD,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,WAAW,MAAM,eAAe;AAEvC,SAASC,UAAUA,CAAAC,IAAA,EAKhB;EAAA,IAJDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACDC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAER,oBACEb,KAAA,CAAAc,aAAA,CAACT,WAAW,EAAAU,QAAA,KACNJ,KAAK;IACTK,SAAS,EAAEd,UAAU,CAAC,kBAAkB,EAAES,KAAK,CAACK,SAAS;EAAE,iBAE3DhB,KAAA,CAAAc,aAAA,CAACT,WAAW,CAACY,MAAM,qBACjBjB,KAAA,CAAAc,aAAA,CAACT,WAAW,CAACa,KAAK,QACfR,IAAI,iBACLV,KAAA,CAAAc,aAAA,CAACV,IAAI;IACH,eAAY,YAAY;IACxBe,GAAG,EAAET,IAAK;IACVM,SAAS,EAAEd,UAAU,CAAC,8BAA8B;EAAE,CACvD,CACA,EACAS,KAAK,CAACS,KACU,CACD,CAAC,eACrBpB,KAAA,CAAAc,aAAA,CAACT,WAAW,CAACgB,IAAI,QAAEb,QAA2B,CAAC,EAC9CC,UAAU,iBAAIT,KAAA,CAAAc,aAAA,CAACT,WAAW,CAACiB,MAAM,QAAEb,UAA+B,CACxD,CAAC;AAElB;AAEAH,UAAU,CAACiB,SAAS,GAAG;EACrBf,QAAQ,EAAEP,SAAS,CAACuB,IAAI,CAACC,UAAU;EACnC;EACAL,KAAK,EAAEnB,SAAS,CAACyB,MAAM,CAACD,UAAU;EAClC;EACAE,MAAM,EAAE1B,SAAS,CAAC2B,IAAI;EACtB;EACAC,UAAU,EAAE5B,SAAS,CAAC2B,IAAI;EAC1B;EACAE,cAAc,EAAE7B,SAAS,CAAC2B,IAAI;EAC9B;EACAG,OAAO,EAAE5B,eAAe,CAACF,SAAS,CAAC+B,IAAI,EAAE,YAAY,CAAC;EACtD;EACAC,IAAI,EAAEhC,SAAS,CAACiC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;EACAC,OAAO,EAAElC,SAAS,CAACiC,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;EACrE;EACAE,UAAU,EAAEnC,SAAS,CAACyB,MAAM;EAC5B;EACAV,SAAS,EAAEf,SAAS,CAACyB,MAAM;EAC3B;AACF;AACA;AACA;AACA;EACEW,kBAAkB,EAAEpC,SAAS,CAAC2B,IAAI;EAClC;EACAnB,UAAU,EAAER,SAAS,CAACuB,IAAI;EAC1B;EACAd,IAAI,EAAET,SAAS,CAACqC;AAClB,CAAC;AAEDhC,UAAU,CAACiC,YAAY,GAAG;EACxBZ,MAAM,EAAE,KAAK;EACbE,UAAU,EAAE,KAAK;EACjBC,cAAc,EAAE,KAAK;EACrBC,OAAO,EAAE,SAAAA,QAAA,EAAM,CAAC,CAAC;EACjBE,IAAI,EAAE,IAAI;EACVE,OAAO,EAAE,SAAS;EAClBC,UAAU,EAAE,OAAO;EACnBpB,SAAS,EAAEwB,SAAS;EACpBH,kBAAkB,EAAE,KAAK;EACzB5B,UAAU,EAAE,IAAI;EAChBC,IAAI,EAAE8B;AACR,CAAC;AAED,eAAelC,UAAU","ignoreList":[]}
+{"version":3,"file":"AlertModal.js","names":["React","PropTypes","classNames","requiredWhenNot","Icon","ModalDialog","AlertModal","_ref","children","footerNode","icon","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","Header","Title","src","title","Body","Footer","propTypes","node","isRequired","string","isOpen","bool","isBlocking","hasCloseButton","onClose","func","size","oneOf","variant","closeLabel","isFullscreenScroll","elementType","defaultProps","undefined"],"sources":["../../src/Modal/AlertModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { requiredWhenNot } from '../utils/propTypes';\nimport Icon from '../Icon';\nimport ModalDialog from './ModalDialog';\n\nfunction AlertModal({\n  children,\n  footerNode,\n  icon,\n  ...props\n}) {\n  return (\n    <ModalDialog\n      {...props}\n      className={classNames('pgn__alert-modal', props.className)}\n    >\n      <ModalDialog.Header>\n        <ModalDialog.Title>\n          {icon && (\n          <Icon\n            data-testid=\"title-icon\"\n            src={icon}\n            className={classNames('pgn__alert-modal__title_icon')}\n          />\n          )}\n          {props.title}\n        </ModalDialog.Title>\n      </ModalDialog.Header>\n      <ModalDialog.Body>{children}</ModalDialog.Body>\n      {footerNode && <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>}\n    </ModalDialog>\n  );\n}\n\nAlertModal.propTypes = {\n  children: PropTypes.node.isRequired,\n  /** The aria-label of the dialog */\n  title: PropTypes.string.isRequired,\n  /** Is the modal dialog open or closed */\n  isOpen: PropTypes.bool,\n  /** Prevent clicking on the backdrop or pressing Esc to close the modal */\n  isBlocking: PropTypes.bool,\n  /** Specifies whether the dialog box should contain 'x' icon button in the top right */\n  hasCloseButton: PropTypes.bool,\n  /** A callback to close the modal dialog */\n  onClose: requiredWhenNot(PropTypes.func, 'isBlocking'),\n  /** Sizes determine the maximum width of the dialog box */\n  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n  /** The visual style of the dialog box */\n  variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success']),\n  /** The label supplied to the close icon button if one is rendered */\n  closeLabel: PropTypes.string,\n  /** Specifies class name to append to the base element */\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  /** Specifies what should be displayed in the footer of the dialog box */\n  footerNode: PropTypes.node,\n  /** Icon that will be shown in the header of modal */\n  icon: PropTypes.elementType,\n};\n\nAlertModal.defaultProps = {\n  isOpen: false,\n  isBlocking: false,\n  hasCloseButton: false,\n  onClose: () => {},\n  size: 'md',\n  variant: 'default',\n  closeLabel: 'Close',\n  className: undefined,\n  isFullscreenScroll: false,\n  footerNode: null,\n  icon: undefined,\n};\n\nexport default AlertModal;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,eAAe,QAAQ,oBAAoB;AACpD,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,WAAW,MAAM,eAAe;AAEvC,SAASC,UAAUA,CAAAC,IAAA,EAKhB;EAAA,IAJDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACDC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAER,oBACEb,KAAA,CAAAc,aAAA,CAACT,WAAW,EAAAU,aAAA,CAAAA,aAAA,KACNJ,KAAK;IACTK,SAAS,EAAEd,UAAU,CAAC,kBAAkB,EAAES,KAAK,CAACK,SAAS;EAAE,iBAE3DhB,KAAA,CAAAc,aAAA,CAACT,WAAW,CAACY,MAAM,qBACjBjB,KAAA,CAAAc,aAAA,CAACT,WAAW,CAACa,KAAK,QACfR,IAAI,iBACLV,KAAA,CAAAc,aAAA,CAACV,IAAI;IACH,eAAY,YAAY;IACxBe,GAAG,EAAET,IAAK;IACVM,SAAS,EAAEd,UAAU,CAAC,8BAA8B;EAAE,CACvD,CACA,EACAS,KAAK,CAACS,KACU,CACD,CAAC,eACrBpB,KAAA,CAAAc,aAAA,CAACT,WAAW,CAACgB,IAAI,QAAEb,QAA2B,CAAC,EAC9CC,UAAU,iBAAIT,KAAA,CAAAc,aAAA,CAACT,WAAW,CAACiB,MAAM,QAAEb,UAA+B,CACxD,CAAC;AAElB;AAEAH,UAAU,CAACiB,SAAS,GAAG;EACrBf,QAAQ,EAAEP,SAAS,CAACuB,IAAI,CAACC,UAAU;EACnC;EACAL,KAAK,EAAEnB,SAAS,CAACyB,MAAM,CAACD,UAAU;EAClC;EACAE,MAAM,EAAE1B,SAAS,CAAC2B,IAAI;EACtB;EACAC,UAAU,EAAE5B,SAAS,CAAC2B,IAAI;EAC1B;EACAE,cAAc,EAAE7B,SAAS,CAAC2B,IAAI;EAC9B;EACAG,OAAO,EAAE5B,eAAe,CAACF,SAAS,CAAC+B,IAAI,EAAE,YAAY,CAAC;EACtD;EACAC,IAAI,EAAEhC,SAAS,CAACiC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;EACAC,OAAO,EAAElC,SAAS,CAACiC,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;EACrE;EACAE,UAAU,EAAEnC,SAAS,CAACyB,MAAM;EAC5B;EACAV,SAAS,EAAEf,SAAS,CAACyB,MAAM;EAC3B;AACF;AACA;AACA;AACA;EACEW,kBAAkB,EAAEpC,SAAS,CAAC2B,IAAI;EAClC;EACAnB,UAAU,EAAER,SAAS,CAACuB,IAAI;EAC1B;EACAd,IAAI,EAAET,SAAS,CAACqC;AAClB,CAAC;AAEDhC,UAAU,CAACiC,YAAY,GAAG;EACxBZ,MAAM,EAAE,KAAK;EACbE,UAAU,EAAE,KAAK;EACjBC,cAAc,EAAE,KAAK;EACrBC,OAAO,EAAE,SAAAA,QAAA,EAAM,CAAC,CAAC;EACjBE,IAAI,EAAE,IAAI;EACVE,OAAO,EAAE,SAAS;EAClBC,UAAU,EAAE,OAAO;EACnBpB,SAAS,EAAEwB,SAAS;EACpBH,kBAAkB,EAAE,KAAK;EACzB5B,UAAU,EAAE,IAAI;EAChBC,IAAI,EAAE8B;AACR,CAAC;AAED,eAAelC,UAAU","ignoreList":[]}

package/dist/Modal/FullscreenModal.js

@@ -1,4 +1,10 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["children", "footerNode", "beforeBodyNode", "afterBodyNode"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
@@ -11,7 +17,7 @@ function FullscreenModal(_ref) {
     beforeBodyNode = _ref.beforeBodyNode,
     afterBodyNode = _ref.afterBodyNode,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(ModalDialog, props, /*#__PURE__*/React.createElement(ModalDialog.Header, null, /*#__PURE__*/React.createElement(ModalDialog.Title, null, props.title)), beforeBodyNode, /*#__PURE__*/React.createElement(ModalDialog.Body, {
+  return /*#__PURE__*/React.createElement(ModalDialog, _objectSpread({}, props), /*#__PURE__*/React.createElement(ModalDialog.Header, null, /*#__PURE__*/React.createElement(ModalDialog.Title, null, props.title)), beforeBodyNode, /*#__PURE__*/React.createElement(ModalDialog.Body, {
     className: props.modalBodyClassName
   }, children), afterBodyNode, footerNode && /*#__PURE__*/React.createElement(ModalDialog.Footer, null, footerNode));
 }

package/dist/Modal/FullscreenModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullscreenModal.js","names":["React","PropTypes","ModalDialog","FULLSCREEN_MODAL_CLOSE_LABEL","FullscreenModal","_ref","children","footerNode","beforeBodyNode","afterBodyNode","props","_objectWithoutProperties","_excluded","createElement","Header","Title","title","Body","className","modalBodyClassName","Footer","propTypes","node","isRequired","string","onClose","func","isOpen","bool","hasCloseButton","size","oneOf","variant","closeLabel","isFullscreenScroll","defaultProps","undefined"],"sources":["../../src/Modal/FullscreenModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ModalDialog from './ModalDialog';\n\nexport const FULLSCREEN_MODAL_CLOSE_LABEL = 'Close';\n\nfunction FullscreenModal({\n  children,\n  footerNode,\n  beforeBodyNode,\n  afterBodyNode,\n  ...props\n}) {\n  return (\n    <ModalDialog {...props}>\n      <ModalDialog.Header>\n        <ModalDialog.Title>{props.title}</ModalDialog.Title>\n      </ModalDialog.Header>\n      {beforeBodyNode}\n      <ModalDialog.Body className={props.modalBodyClassName}>{children}</ModalDialog.Body>\n      {afterBodyNode}\n      {footerNode && <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>}\n    </ModalDialog>\n  );\n}\n\nFullscreenModal.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies the aria-label of the dialog. */\n  title: PropTypes.string.isRequired,\n  /** Specifies a callback to close the modal dialog. */\n  onClose: PropTypes.func.isRequired,\n  /** Specifies whether the modal is open. */\n  isOpen: PropTypes.bool,\n  /** Specifies whether the model hase close 'x' icon button in the top right of the dialog box. */\n  hasCloseButton: PropTypes.bool,\n  /** Specifies size of the dialog box. */\n  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n  /** Specifies visual style of the dialog box. */\n  variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success', 'dark']),\n  /** The label supplied to the close icon button if one is rendered */\n  closeLabel: 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  /** Specifies footer for the dialog box. */\n  footerNode: PropTypes.node,\n  /** Specifies content that should be rendered before modal's body. */\n  beforeBodyNode: PropTypes.node,\n  /** Specifies content that should be rendered after modal's body. */\n  afterBodyNode: PropTypes.node,\n  /** Specifies class name for modal's body component. */\n  modalBodyClassName: PropTypes.string,\n};\n\nFullscreenModal.defaultProps = {\n  isOpen: false,\n  hasCloseButton: true,\n  size: 'fullscreen',\n  variant: 'dark',\n  closeLabel: FULLSCREEN_MODAL_CLOSE_LABEL,\n  className: undefined,\n  isFullscreenScroll: false,\n  footerNode: null,\n  beforeBodyNode: null,\n  afterBodyNode: null,\n  modalBodyClassName: '',\n};\n\nexport default FullscreenModal;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,eAAe;AAEvC,OAAO,IAAMC,4BAA4B,GAAG,OAAO;AAEnD,SAASC,eAAeA,CAAAC,IAAA,EAMrB;EAAA,IALDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACVC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAER,oBACEZ,KAAA,CAAAa,aAAA,CAACX,WAAW,EAAKQ,KAAK,eACpBV,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACY,MAAM,qBACjBd,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACa,KAAK,QAAEL,KAAK,CAACM,KAAyB,CACjC,CAAC,EACpBR,cAAc,eACfR,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACe,IAAI;IAACC,SAAS,EAAER,KAAK,CAACS;EAAmB,GAAEb,QAA2B,CAAC,EACnFG,aAAa,EACbF,UAAU,iBAAIP,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACkB,MAAM,QAAEb,UAA+B,CACxD,CAAC;AAElB;AAEAH,eAAe,CAACiB,SAAS,GAAG;EAC1B;EACAf,QAAQ,EAAEL,SAAS,CAACqB,IAAI,CAACC,UAAU;EACnC;EACAL,SAAS,EAAEjB,SAAS,CAACuB,MAAM;EAC3B;EACAR,KAAK,EAAEf,SAAS,CAACuB,MAAM,CAACD,UAAU;EAClC;EACAE,OAAO,EAAExB,SAAS,CAACyB,IAAI,CAACH,UAAU;EAClC;EACAI,MAAM,EAAE1B,SAAS,CAAC2B,IAAI;EACtB;EACAC,cAAc,EAAE5B,SAAS,CAAC2B,IAAI;EAC9B;EACAE,IAAI,EAAE7B,SAAS,CAAC8B,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;EACAC,OAAO,EAAE/B,SAAS,CAAC8B,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;EAC7E;EACAE,UAAU,EAAEhC,SAAS,CAACuB,MAAM;EAC5B;AACF;AACA;AACA;AACA;EACEU,kBAAkB,EAAEjC,SAAS,CAAC2B,IAAI;EAClC;EACArB,UAAU,EAAEN,SAAS,CAACqB,IAAI;EAC1B;EACAd,cAAc,EAAEP,SAAS,CAACqB,IAAI;EAC9B;EACAb,aAAa,EAAER,SAAS,CAACqB,IAAI;EAC7B;EACAH,kBAAkB,EAAElB,SAAS,CAACuB;AAChC,CAAC;AAEDpB,eAAe,CAAC+B,YAAY,GAAG;EAC7BR,MAAM,EAAE,KAAK;EACbE,cAAc,EAAE,IAAI;EACpBC,IAAI,EAAE,YAAY;EAClBE,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE9B,4BAA4B;EACxCe,SAAS,EAAEkB,SAAS;EACpBF,kBAAkB,EAAE,KAAK;EACzB3B,UAAU,EAAE,IAAI;EAChBC,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE,IAAI;EACnBU,kBAAkB,EAAE;AACtB,CAAC;AAED,eAAef,eAAe","ignoreList":[]}
+{"version":3,"file":"FullscreenModal.js","names":["React","PropTypes","ModalDialog","FULLSCREEN_MODAL_CLOSE_LABEL","FullscreenModal","_ref","children","footerNode","beforeBodyNode","afterBodyNode","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","Header","Title","title","Body","className","modalBodyClassName","Footer","propTypes","node","isRequired","string","onClose","func","isOpen","bool","hasCloseButton","size","oneOf","variant","closeLabel","isFullscreenScroll","defaultProps","undefined"],"sources":["../../src/Modal/FullscreenModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ModalDialog from './ModalDialog';\n\nexport const FULLSCREEN_MODAL_CLOSE_LABEL = 'Close';\n\nfunction FullscreenModal({\n  children,\n  footerNode,\n  beforeBodyNode,\n  afterBodyNode,\n  ...props\n}) {\n  return (\n    <ModalDialog {...props}>\n      <ModalDialog.Header>\n        <ModalDialog.Title>{props.title}</ModalDialog.Title>\n      </ModalDialog.Header>\n      {beforeBodyNode}\n      <ModalDialog.Body className={props.modalBodyClassName}>{children}</ModalDialog.Body>\n      {afterBodyNode}\n      {footerNode && <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>}\n    </ModalDialog>\n  );\n}\n\nFullscreenModal.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies the aria-label of the dialog. */\n  title: PropTypes.string.isRequired,\n  /** Specifies a callback to close the modal dialog. */\n  onClose: PropTypes.func.isRequired,\n  /** Specifies whether the modal is open. */\n  isOpen: PropTypes.bool,\n  /** Specifies whether the model hase close 'x' icon button in the top right of the dialog box. */\n  hasCloseButton: PropTypes.bool,\n  /** Specifies size of the dialog box. */\n  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n  /** Specifies visual style of the dialog box. */\n  variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success', 'dark']),\n  /** The label supplied to the close icon button if one is rendered */\n  closeLabel: 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  /** Specifies footer for the dialog box. */\n  footerNode: PropTypes.node,\n  /** Specifies content that should be rendered before modal's body. */\n  beforeBodyNode: PropTypes.node,\n  /** Specifies content that should be rendered after modal's body. */\n  afterBodyNode: PropTypes.node,\n  /** Specifies class name for modal's body component. */\n  modalBodyClassName: PropTypes.string,\n};\n\nFullscreenModal.defaultProps = {\n  isOpen: false,\n  hasCloseButton: true,\n  size: 'fullscreen',\n  variant: 'dark',\n  closeLabel: FULLSCREEN_MODAL_CLOSE_LABEL,\n  className: undefined,\n  isFullscreenScroll: false,\n  footerNode: null,\n  beforeBodyNode: null,\n  afterBodyNode: null,\n  modalBodyClassName: '',\n};\n\nexport default FullscreenModal;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,eAAe;AAEvC,OAAO,IAAMC,4BAA4B,GAAG,OAAO;AAEnD,SAASC,eAAeA,CAAAC,IAAA,EAMrB;EAAA,IALDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACVC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAER,oBACEZ,KAAA,CAAAa,aAAA,CAACX,WAAW,EAAAY,aAAA,KAAKJ,KAAK,gBACpBV,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACa,MAAM,qBACjBf,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACc,KAAK,QAAEN,KAAK,CAACO,KAAyB,CACjC,CAAC,EACpBT,cAAc,eACfR,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACgB,IAAI;IAACC,SAAS,EAAET,KAAK,CAACU;EAAmB,GAAEd,QAA2B,CAAC,EACnFG,aAAa,EACbF,UAAU,iBAAIP,KAAA,CAAAa,aAAA,CAACX,WAAW,CAACmB,MAAM,QAAEd,UAA+B,CACxD,CAAC;AAElB;AAEAH,eAAe,CAACkB,SAAS,GAAG;EAC1B;EACAhB,QAAQ,EAAEL,SAAS,CAACsB,IAAI,CAACC,UAAU;EACnC;EACAL,SAAS,EAAElB,SAAS,CAACwB,MAAM;EAC3B;EACAR,KAAK,EAAEhB,SAAS,CAACwB,MAAM,CAACD,UAAU;EAClC;EACAE,OAAO,EAAEzB,SAAS,CAAC0B,IAAI,CAACH,UAAU;EAClC;EACAI,MAAM,EAAE3B,SAAS,CAAC4B,IAAI;EACtB;EACAC,cAAc,EAAE7B,SAAS,CAAC4B,IAAI;EAC9B;EACAE,IAAI,EAAE9B,SAAS,CAAC+B,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;EACAC,OAAO,EAAEhC,SAAS,CAAC+B,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;EAC7E;EACAE,UAAU,EAAEjC,SAAS,CAACwB,MAAM;EAC5B;AACF;AACA;AACA;AACA;EACEU,kBAAkB,EAAElC,SAAS,CAAC4B,IAAI;EAClC;EACAtB,UAAU,EAAEN,SAAS,CAACsB,IAAI;EAC1B;EACAf,cAAc,EAAEP,SAAS,CAACsB,IAAI;EAC9B;EACAd,aAAa,EAAER,SAAS,CAACsB,IAAI;EAC7B;EACAH,kBAAkB,EAAEnB,SAAS,CAACwB;AAChC,CAAC;AAEDrB,eAAe,CAACgC,YAAY,GAAG;EAC7BR,MAAM,EAAE,KAAK;EACbE,cAAc,EAAE,IAAI;EACpBC,IAAI,EAAE,YAAY;EAClBE,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE/B,4BAA4B;EACxCgB,SAAS,EAAEkB,SAAS;EACpBF,kBAAkB,EAAE,KAAK;EACzB5B,UAAU,EAAE,IAAI;EAChBC,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE,IAAI;EACnBW,kBAAkB,EAAE;AACtB,CAAC;AAED,eAAehB,eAAe","ignoreList":[]}

package/dist/Modal/MarketingModal.js

@@ -1,5 +1,10 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["children", "footerNode", "heroNode", "heroIsDark", "beforeBodyNode", "afterBodyNode"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
@@ -14,7 +19,7 @@ function MarketingModal(_ref) {
     beforeBodyNode = _ref.beforeBodyNode,
     afterBodyNode = _ref.afterBodyNode,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(ModalDialog, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(ModalDialog, _objectSpread(_objectSpread({}, props), {}, {
     variant: heroIsDark ? 'dark' : 'default'
   }), heroNode, beforeBodyNode, /*#__PURE__*/React.createElement(ModalDialog.Body, null, children), afterBodyNode, footerNode && /*#__PURE__*/React.createElement(ModalDialog.Footer, null, footerNode));
 }

package/dist/Modal/MarketingModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarketingModal.js","names":["React","PropTypes","requiredWhenNot","ModalDialog","MarketingModal","_ref","children","footerNode","heroNode","heroIsDark","beforeBodyNode","afterBodyNode","props","_objectWithoutProperties","_excluded","createElement","_extends","variant","Body","Footer","propTypes","node","isRequired","title","string","isOpen","bool","isBlocking","hasCloseButton","onClose","func","size","oneOf","closeLabel","className","isFullscreenScroll","defaultProps","undefined"],"sources":["../../src/Modal/MarketingModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { requiredWhenNot } from '../utils/propTypes';\nimport ModalDialog from './ModalDialog';\n\nfunction MarketingModal({\n  children,\n  footerNode,\n  heroNode,\n  heroIsDark,\n  beforeBodyNode,\n  afterBodyNode,\n  ...props\n}) {\n  return (\n    <ModalDialog\n      {...props}\n      variant={heroIsDark ? 'dark' : 'default'}\n    >\n      {heroNode}\n      {beforeBodyNode}\n      <ModalDialog.Body>{children}</ModalDialog.Body>\n      {afterBodyNode}\n      {footerNode && (\n      <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>\n      )}\n    </ModalDialog>\n  );\n}\n\nMarketingModal.propTypes = {\n  /** Specifies the content of the modal */\n  children: PropTypes.node.isRequired,\n  /** Title of the modal */\n  title: PropTypes.string.isRequired,\n  /** Is the modal dialog open or closed */\n  isOpen: PropTypes.bool,\n  /** Prevent clicking on the backdrop or pressing Esc to close the modal */\n  isBlocking: PropTypes.bool,\n  /** The close 'x' icon button in the top right corner */\n  hasCloseButton: PropTypes.bool,\n  /** Callback function for when the modal is dismissed */\n  onClose: requiredWhenNot(PropTypes.func, 'isBlocking'),\n  /** Size of the modal window */\n  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n  /** Specifies the ``aria-label`` attribute for the close button */\n  closeLabel: PropTypes.string,\n  /** Specifies class name to append to the base element */\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  /** Specifies what should be displayed in the footer of the nodal */\n  footerNode: PropTypes.node,\n  /** Enables dark theme for the modal */\n  heroIsDark: PropTypes.bool,\n  /** Specifies what should be displayed in the header of the modal */\n  heroNode: PropTypes.node,\n  /** Specifies what should be displayed before the body block */\n  beforeBodyNode: PropTypes.node,\n  /** Specifies what should be displayed after the body block */\n  afterBodyNode: PropTypes.node,\n};\n\nMarketingModal.defaultProps = {\n  isOpen: false,\n  isBlocking: false,\n  hasCloseButton: true,\n  onClose: () => {},\n  size: 'md',\n  closeLabel: 'Close',\n  className: undefined,\n  isFullscreenScroll: true,\n  footerNode: null,\n  heroIsDark: true,\n  heroNode: null,\n  beforeBodyNode: null,\n  afterBodyNode: null,\n};\n\nexport default MarketingModal;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,eAAe,QAAQ,oBAAoB;AACpD,OAAOC,WAAW,MAAM,eAAe;AAEvC,SAASC,cAAcA,CAAAC,IAAA,EAQpB;EAAA,IAPDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;IACVC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACVC,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAER,oBACEd,KAAA,CAAAe,aAAA,CAACZ,WAAW,EAAAa,QAAA,KACNJ,KAAK;IACTK,OAAO,EAAER,UAAU,GAAG,MAAM,GAAG;EAAU,IAExCD,QAAQ,EACRE,cAAc,eACfV,KAAA,CAAAe,aAAA,CAACZ,WAAW,CAACe,IAAI,QAAEZ,QAA2B,CAAC,EAC9CK,aAAa,EACbJ,UAAU,iBACXP,KAAA,CAAAe,aAAA,CAACZ,WAAW,CAACgB,MAAM,QAAEZ,UAA+B,CAEzC,CAAC;AAElB;AAEAH,cAAc,CAACgB,SAAS,GAAG;EACzB;EACAd,QAAQ,EAAEL,SAAS,CAACoB,IAAI,CAACC,UAAU;EACnC;EACAC,KAAK,EAAEtB,SAAS,CAACuB,MAAM,CAACF,UAAU;EAClC;EACAG,MAAM,EAAExB,SAAS,CAACyB,IAAI;EACtB;EACAC,UAAU,EAAE1B,SAAS,CAACyB,IAAI;EAC1B;EACAE,cAAc,EAAE3B,SAAS,CAACyB,IAAI;EAC9B;EACAG,OAAO,EAAE3B,eAAe,CAACD,SAAS,CAAC6B,IAAI,EAAE,YAAY,CAAC;EACtD;EACAC,IAAI,EAAE9B,SAAS,CAAC+B,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;EACAC,UAAU,EAAEhC,SAAS,CAACuB,MAAM;EAC5B;EACAU,SAAS,EAAEjC,SAAS,CAACuB,MAAM;EAC3B;AACF;AACA;AACA;AACA;EACEW,kBAAkB,EAAElC,SAAS,CAACyB,IAAI;EAClC;EACAnB,UAAU,EAAEN,SAAS,CAACoB,IAAI;EAC1B;EACAZ,UAAU,EAAER,SAAS,CAACyB,IAAI;EAC1B;EACAlB,QAAQ,EAAEP,SAAS,CAACoB,IAAI;EACxB;EACAX,cAAc,EAAET,SAAS,CAACoB,IAAI;EAC9B;EACAV,aAAa,EAAEV,SAAS,CAACoB;AAC3B,CAAC;AAEDjB,cAAc,CAACgC,YAAY,GAAG;EAC5BX,MAAM,EAAE,KAAK;EACbE,UAAU,EAAE,KAAK;EACjBC,cAAc,EAAE,IAAI;EACpBC,OAAO,EAAE,SAAAA,QAAA,EAAM,CAAC,CAAC;EACjBE,IAAI,EAAE,IAAI;EACVE,UAAU,EAAE,OAAO;EACnBC,SAAS,EAAEG,SAAS;EACpBF,kBAAkB,EAAE,IAAI;EACxB5B,UAAU,EAAE,IAAI;EAChBE,UAAU,EAAE,IAAI;EAChBD,QAAQ,EAAE,IAAI;EACdE,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE;AACjB,CAAC;AAED,eAAeP,cAAc","ignoreList":[]}
+{"version":3,"file":"MarketingModal.js","names":["React","PropTypes","requiredWhenNot","ModalDialog","MarketingModal","_ref","children","footerNode","heroNode","heroIsDark","beforeBodyNode","afterBodyNode","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","variant","Body","Footer","propTypes","node","isRequired","title","string","isOpen","bool","isBlocking","hasCloseButton","onClose","func","size","oneOf","closeLabel","className","isFullscreenScroll","defaultProps","undefined"],"sources":["../../src/Modal/MarketingModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { requiredWhenNot } from '../utils/propTypes';\nimport ModalDialog from './ModalDialog';\n\nfunction MarketingModal({\n  children,\n  footerNode,\n  heroNode,\n  heroIsDark,\n  beforeBodyNode,\n  afterBodyNode,\n  ...props\n}) {\n  return (\n    <ModalDialog\n      {...props}\n      variant={heroIsDark ? 'dark' : 'default'}\n    >\n      {heroNode}\n      {beforeBodyNode}\n      <ModalDialog.Body>{children}</ModalDialog.Body>\n      {afterBodyNode}\n      {footerNode && (\n      <ModalDialog.Footer>{footerNode}</ModalDialog.Footer>\n      )}\n    </ModalDialog>\n  );\n}\n\nMarketingModal.propTypes = {\n  /** Specifies the content of the modal */\n  children: PropTypes.node.isRequired,\n  /** Title of the modal */\n  title: PropTypes.string.isRequired,\n  /** Is the modal dialog open or closed */\n  isOpen: PropTypes.bool,\n  /** Prevent clicking on the backdrop or pressing Esc to close the modal */\n  isBlocking: PropTypes.bool,\n  /** The close 'x' icon button in the top right corner */\n  hasCloseButton: PropTypes.bool,\n  /** Callback function for when the modal is dismissed */\n  onClose: requiredWhenNot(PropTypes.func, 'isBlocking'),\n  /** Size of the modal window */\n  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n  /** Specifies the ``aria-label`` attribute for the close button */\n  closeLabel: PropTypes.string,\n  /** Specifies class name to append to the base element */\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  /** Specifies what should be displayed in the footer of the nodal */\n  footerNode: PropTypes.node,\n  /** Enables dark theme for the modal */\n  heroIsDark: PropTypes.bool,\n  /** Specifies what should be displayed in the header of the modal */\n  heroNode: PropTypes.node,\n  /** Specifies what should be displayed before the body block */\n  beforeBodyNode: PropTypes.node,\n  /** Specifies what should be displayed after the body block */\n  afterBodyNode: PropTypes.node,\n};\n\nMarketingModal.defaultProps = {\n  isOpen: false,\n  isBlocking: false,\n  hasCloseButton: true,\n  onClose: () => {},\n  size: 'md',\n  closeLabel: 'Close',\n  className: undefined,\n  isFullscreenScroll: true,\n  footerNode: null,\n  heroIsDark: true,\n  heroNode: null,\n  beforeBodyNode: null,\n  afterBodyNode: null,\n};\n\nexport default MarketingModal;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,eAAe,QAAQ,oBAAoB;AACpD,OAAOC,WAAW,MAAM,eAAe;AAEvC,SAASC,cAAcA,CAAAC,IAAA,EAQpB;EAAA,IAPDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;IACVC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACVC,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAER,oBACEd,KAAA,CAAAe,aAAA,CAACZ,WAAW,EAAAa,aAAA,CAAAA,aAAA,KACNJ,KAAK;IACTK,OAAO,EAAER,UAAU,GAAG,MAAM,GAAG;EAAU,IAExCD,QAAQ,EACRE,cAAc,eACfV,KAAA,CAAAe,aAAA,CAACZ,WAAW,CAACe,IAAI,QAAEZ,QAA2B,CAAC,EAC9CK,aAAa,EACbJ,UAAU,iBACXP,KAAA,CAAAe,aAAA,CAACZ,WAAW,CAACgB,MAAM,QAAEZ,UAA+B,CAEzC,CAAC;AAElB;AAEAH,cAAc,CAACgB,SAAS,GAAG;EACzB;EACAd,QAAQ,EAAEL,SAAS,CAACoB,IAAI,CAACC,UAAU;EACnC;EACAC,KAAK,EAAEtB,SAAS,CAACuB,MAAM,CAACF,UAAU;EAClC;EACAG,MAAM,EAAExB,SAAS,CAACyB,IAAI;EACtB;EACAC,UAAU,EAAE1B,SAAS,CAACyB,IAAI;EAC1B;EACAE,cAAc,EAAE3B,SAAS,CAACyB,IAAI;EAC9B;EACAG,OAAO,EAAE3B,eAAe,CAACD,SAAS,CAAC6B,IAAI,EAAE,YAAY,CAAC;EACtD;EACAC,IAAI,EAAE9B,SAAS,CAAC+B,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;EAC7D;EACAC,UAAU,EAAEhC,SAAS,CAACuB,MAAM;EAC5B;EACAU,SAAS,EAAEjC,SAAS,CAACuB,MAAM;EAC3B;AACF;AACA;AACA;AACA;EACEW,kBAAkB,EAAElC,SAAS,CAACyB,IAAI;EAClC;EACAnB,UAAU,EAAEN,SAAS,CAACoB,IAAI;EAC1B;EACAZ,UAAU,EAAER,SAAS,CAACyB,IAAI;EAC1B;EACAlB,QAAQ,EAAEP,SAAS,CAACoB,IAAI;EACxB;EACAX,cAAc,EAAET,SAAS,CAACoB,IAAI;EAC9B;EACAV,aAAa,EAAEV,SAAS,CAACoB;AAC3B,CAAC;AAEDjB,cAAc,CAACgC,YAAY,GAAG;EAC5BX,MAAM,EAAE,KAAK;EACbE,UAAU,EAAE,KAAK;EACjBC,cAAc,EAAE,IAAI;EACpBC,OAAO,EAAE,SAAAA,QAAA,EAAM,CAAC,CAAC;EACjBE,IAAI,EAAE,IAAI;EACVE,UAAU,EAAE,OAAO;EACnBC,SAAS,EAAEG,SAAS;EACpBF,kBAAkB,EAAE,IAAI;EACxB5B,UAAU,EAAE,IAAI;EAChBE,UAAU,EAAE,IAAI;EAChBD,QAAQ,EAAE,IAAI;EACdE,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE;AACjB,CAAC;AAED,eAAeP,cAAc","ignoreList":[]}

package/dist/Modal/ModalPopup.js

@@ -1,5 +1,10 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["children", "onClose", "isOpen", "positionRef", "isBlocking", "withPortal", "placement", "hasArrow"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
@@ -47,7 +52,7 @@ function ModalPopup(_ref) {
     onClose: onClose,
     isOpen: isOpen,
     isBlocking: isBlocking
-  }, /*#__PURE__*/React.createElement(RootComponent, null, /*#__PURE__*/React.createElement(PopperElement, _extends({
+  }, /*#__PURE__*/React.createElement(RootComponent, null, /*#__PURE__*/React.createElement(PopperElement, _objectSpread({
     modifiers: hasArrow ? popperParams : null,
     target: positionRef,
     placement: placement