@openedx/paragon 23.14.1 → 23.14.3

package/dist/IconButton/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import { type Placement } from 'react-bootstrap/Overlay';
 interface Props extends React.HTMLAttributes<HTMLButtonElement> {
+    /** Component that renders the icon, currently defaults to `Icon` */
     iconAs?: React.ComponentType<any>;
     /** Additional CSS class[es] to apply to this button */
     className?: string;
@@ -19,7 +19,7 @@ interface Props extends React.HTMLAttributes<HTMLButtonElement> {
     iconClassNames?: string;
     /** Click handler for the button */
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    /** whether to show the `IconButton` in an active state, whose styling is distinct from default state */
+    /** Whether to show the `IconButton` in an active state, whose styling is distinct from default state */
     isActive?: boolean;
     /** @deprecated Using FontAwesome icons is deprecated. Instead, pass iconAs={Icon} src={...} */
     icon?: {
@@ -27,319 +27,23 @@ interface Props extends React.HTMLAttributes<HTMLButtonElement> {
         iconName?: string;
         icon?: any[];
     };
-    /** Type of button (uses Bootstrap options) */
+    /** Type of button (uses Bootstrap options). */
     variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'light' | 'dark' | 'black' | 'brand';
-    /** size of button to render */
+    /** Size of button to render */
     size?: 'sm' | 'md' | 'inline';
-    /** no children */
+    /** No children */
     children?: never;
 }
 interface PropsWithTooltip extends Props {
-    /** choose from https://popper.js.org/docs/v2/constructors/#options */
-    tooltipPlacement: Placement;
-    /** any content to pass to tooltip content area */
+    /** Tooltip placement can be top, left, right etc, choose from https://popper.js.org/docs/v2/constructors/#options */
+    tooltipPlacement?: Placement;
+    /** Any content to pass to tooltip content area */
     tooltipContent: React.ReactNode;
 }
 /**
  * An icon button wrapped in overlaytrigger to display a tooltip.
  */
 declare function IconButtonWithTooltip({ tooltipPlacement, tooltipContent, ...props }: PropsWithTooltip): import("react/jsx-runtime").JSX.Element;
-declare namespace IconButtonWithTooltip {
-    var defaultProps: {
-        tooltipPlacement: string;
-        iconAs?: React.ComponentType<any> | undefined;
-        className?: string | undefined;
-        alt?: string | undefined;
-        invertColors?: boolean | undefined;
-        src?: React.ComponentType<{}> | undefined;
-        iconClassNames?: string | undefined;
-        onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        isActive?: boolean | undefined;
-        icon?: {
-            prefix?: string | undefined;
-            iconName?: string | undefined;
-            icon?: any[] | undefined;
-        } | undefined;
-        variant?: "primary" | "secondary" | "success" | "danger" | "warning" | "dark" | "light" | "black" | "brand" | undefined;
-        size?: "sm" | "md" | "inline" | undefined;
-        children?: undefined;
-        defaultChecked?: boolean | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {}) | undefined;
-        autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
-        hidden?: boolean | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        nonce?: string | undefined;
-        slot?: string | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        style?: React.CSSProperties | undefined;
-        tabIndex?: number | undefined;
-        title?: string | undefined;
-        translate?: "yes" | "no" | undefined;
-        radioGroup?: string | undefined;
-        role?: React.AriaRole | undefined;
-        about?: string | undefined;
-        content?: string | undefined;
-        datatype?: string | undefined;
-        inlist?: any;
-        prefix?: string | undefined;
-        property?: string | undefined;
-        rel?: string | undefined;
-        resource?: string | undefined;
-        rev?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autoCorrect?: string | undefined;
-        autoSave?: string | undefined;
-        color?: string | undefined;
-        itemProp?: string | undefined;
-        itemScope?: boolean | undefined;
-        itemType?: string | undefined;
-        itemID?: string | undefined;
-        itemRef?: string | undefined;
-        results?: number | undefined;
-        security?: string | undefined;
-        unselectable?: "off" | "on" | undefined;
-        inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-        is?: string | undefined;
-        "aria-activedescendant"?: string | undefined;
-        "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "inline" | "list" | "none" | "both" | undefined;
-        "aria-braillelabel"?: string | undefined;
-        "aria-brailleroledescription"?: string | undefined;
-        "aria-busy"?: (boolean | "true" | "false") | undefined;
-        "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
-        "aria-colcount"?: number | undefined;
-        "aria-colindex"?: number | undefined;
-        "aria-colindextext"?: string | undefined;
-        "aria-colspan"?: number | undefined;
-        "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
-        "aria-describedby"?: string | undefined;
-        "aria-description"?: string | undefined;
-        "aria-details"?: string | undefined;
-        "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
-        "aria-errormessage"?: string | undefined;
-        "aria-expanded"?: (boolean | "true" | "false") | undefined;
-        "aria-flowto"?: string | undefined;
-        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
-        "aria-hidden"?: (boolean | "true" | "false") | undefined;
-        "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-        "aria-keyshortcuts"?: string | undefined;
-        "aria-label"?: string | undefined;
-        "aria-labelledby"?: string | undefined;
-        "aria-level"?: number | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined;
-        "aria-modal"?: (boolean | "true" | "false") | undefined;
-        "aria-multiline"?: (boolean | "true" | "false") | undefined;
-        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined;
-        "aria-owns"?: string | undefined;
-        "aria-placeholder"?: string | undefined;
-        "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
-        "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-        "aria-required"?: (boolean | "true" | "false") | undefined;
-        "aria-roledescription"?: string | undefined;
-        "aria-rowcount"?: number | undefined;
-        "aria-rowindex"?: number | undefined;
-        "aria-rowindextext"?: string | undefined;
-        "aria-rowspan"?: number | undefined;
-        "aria-selected"?: (boolean | "true" | "false") | undefined;
-        "aria-setsize"?: number | undefined;
-        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-        "aria-valuemax"?: number | undefined;
-        "aria-valuemin"?: number | undefined;
-        "aria-valuenow"?: number | undefined;
-        "aria-valuetext"?: string | undefined;
-        dangerouslySetInnerHTML?: {
-            __html: string | TrustedHTML;
-        } | undefined;
-        onCopy?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onCut?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onCutCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onPaste?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onPasteCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onCompositionEnd?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-        onCompositionEndCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-        onCompositionStart?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-        onCompositionStartCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-        onCompositionUpdate?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-        onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-        onFocusCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-        onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-        onChange?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onReset?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onResetCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmit?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmitCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalidCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onLoad?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onError?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onErrorCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onKeyDownCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onKeyPress?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onKeyPressCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onKeyUpCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onAbort?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onAbortCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onCanPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onCanPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onCanPlayThrough?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onCanPlayThroughCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onDurationChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onDurationChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onEmptied?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onEmptiedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onEncrypted?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onEncryptedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onEnded?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onEndedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadedData?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadedDataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadedMetadata?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadedMetadataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadStart?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadStartCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onPause?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onPauseCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onPlaying?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onPlayingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onProgress?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onProgressCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onRateChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onResize?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onResizeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSeeked?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSeeking?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSeekingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onStalled?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onStalledCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSuspend?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSuspendCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onTimeUpdate?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onTimeUpdateCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onVolumeChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onVolumeChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onWaiting?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onWaitingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onAuxClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onAuxClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onContextMenu?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onContextMenuCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onDoubleClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onDoubleClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onDrag?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragEnd?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragEndCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragEnter?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragEnterCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragExit?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragExitCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragLeave?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragLeaveCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragOver?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragOverCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragStart?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragStartCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDrop?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDropCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onMouseDown?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseDownCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseEnter?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseLeave?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseMove?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseMoveCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseOut?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseOutCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseOver?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseOverCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseUp?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseUpCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onSelect?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSelectCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onTouchCancel?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchCancelCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchEnd?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchEndCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchMove?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchMoveCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchStart?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchStartCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onPointerDown?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerDownCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerMove?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerMoveCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerUp?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerUpCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerCancel?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerCancelCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerEnter?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerLeave?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerOver?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerOverCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerOut?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerOutCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onGotPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onLostPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onScroll?: React.UIEventHandler<HTMLButtonElement> | undefined;
-        onScrollCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
-        onWheel?: React.WheelEventHandler<HTMLButtonElement> | undefined;
-        onWheelCapture?: React.WheelEventHandler<HTMLButtonElement> | undefined;
-        onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-        onAnimationStartCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-        onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-        onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-        onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-        onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-        onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-        onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-        ref?: React.LegacyRef<HTMLButtonElement> | undefined;
-        key?: React.Key | null | undefined;
-    };
-    var propTypes: {
-        /** tooltip placement can be top, left, right etc, per https://popper.js.org/docs/v2/constructors/#options  */
-        tooltipPlacement: PropTypes.Requireable<string>;
-        /** any valid JSX or text to be rendered as tooltip contents */
-        tooltipContent: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        /** Type of button (uses Bootstrap options) */
-        variant: PropTypes.Requireable<string>;
-        /** Changes icon styles for dark background */
-        invertColors: PropTypes.Requireable<boolean>;
-    };
-}
 declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>> & {
     IconButtonWithTooltip: typeof IconButtonWithTooltip;
 };

package/dist/IconButton/index.js

@@ -1,26 +1,24 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { OverlayTrigger } from '../Overlay';
 import Tooltip from '../Tooltip';
 import Icon from '../Icon';
-const IconButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    className,
-    alt,
-    invertColors,
-    icon,
-    src,
-    iconClassNames,
-    onClick,
-    size,
-    variant,
-    iconAs,
-    isActive,
-    children,
-    // unused, just here because we don't want it to be part of 'attrs'
-    ...attrs
-  } = _ref;
+const IconButton = /*#__PURE__*/React.forwardRef(({
+  className,
+  alt,
+  invertColors = false,
+  icon,
+  src,
+  iconClassNames,
+  onClick = () => {},
+  size = 'md',
+  variant = 'primary',
+  iconAs = Icon,
+  isActive = false,
+  children,
+  // unused, just here because we don't want it to be part of 'attrs'
+  ...attrs
+}, ref) => {
   const invert = invertColors ? 'inverse-' : '';
   const activeStyle = isActive ? `${variant}-` : '';
   const IconComponent = iconAs;
@@ -41,61 +39,14 @@ const IconButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     src: src
   })));
 });
-IconButton.defaultProps = {
-  iconAs: Icon,
-  src: undefined,
-  icon: undefined,
-  iconClassNames: undefined,
-  className: undefined,
-  invertColors: false,
-  variant: 'primary',
-  size: 'md',
-  onClick: () => {},
-  isActive: false,
-  children: undefined
-};
-IconButton.propTypes = {
-  /** A custom class name. */
-  className: PropTypes.string,
-  /** Component that renders the icon, currently defaults to `Icon` */
-  iconAs: PropTypes.elementType,
-  /** An icon component to render. Example import of a Paragon icon component:
-   * `import { Check } from '@openedx/paragon/icons';`
-   * */
-  src: PropTypes.elementType,
-  /** Alt text for your icon. For best practice, avoid using alt text to describe
-   * the image in the `IconButton`. Instead, we recommend describing the function
-   * of the button. */
-  alt: PropTypes.string.isRequired,
-  /** Changes icon styles for dark background */
-  invertColors: PropTypes.bool,
-  /** Accepts a [Paragon icon](https://paragon-openedx.netlify.app/foundations/icons) */
-  icon: PropTypes.shape({
-    prefix: PropTypes.string,
-    iconName: PropTypes.string,
-    // eslint-disable-next-line react/forbid-prop-types
-    icon: PropTypes.array
-  }),
-  /** Extra class names that will be added to the icon */
-  iconClassNames: PropTypes.string,
-  /** Click handler for the button */
-  onClick: PropTypes.func,
-  /** Type of button (uses Bootstrap options) */
-  variant: PropTypes.oneOf(['primary', 'secondary', 'success', 'warning', 'danger', 'light', 'dark', 'black', 'brand']),
-  /** size of button to render */
-  size: PropTypes.oneOf(['sm', 'md', 'inline']),
-  /** whether to show the `IconButton` in an active state, whose styling is distinct from default state */
-  isActive: PropTypes.bool
-};
 /**
  * An icon button wrapped in overlaytrigger to display a tooltip.
  */
-function IconButtonWithTooltip(_ref2) {
-  let {
-    tooltipPlacement,
-    tooltipContent,
-    ...props
-  } = _ref2;
+function IconButtonWithTooltip({
+  tooltipPlacement = 'top',
+  tooltipContent,
+  ...props
+}) {
   const invert = props.invertColors ? 'inverse-' : '';
   return /*#__PURE__*/React.createElement(OverlayTrigger, {
     placement: tooltipPlacement,
@@ -107,20 +58,6 @@ function IconButtonWithTooltip(_ref2) {
     ...props
   }));
 }
-IconButtonWithTooltip.defaultProps = {
-  ...IconButton.defaultProps,
-  tooltipPlacement: 'top'
-};
-IconButtonWithTooltip.propTypes = {
-  /** tooltip placement can be top, left, right etc, per https://popper.js.org/docs/v2/constructors/#options  */
-  tooltipPlacement: PropTypes.string,
-  /** any valid JSX or text to be rendered as tooltip contents */
-  tooltipContent: PropTypes.node.isRequired,
-  /** Type of button (uses Bootstrap options) */
-  variant: PropTypes.oneOf(['primary', 'secondary', 'success', 'warning', 'danger', 'light', 'dark', 'black', 'brand']),
-  /** Changes icon styles for dark background */
-  invertColors: PropTypes.bool
-};
 IconButton.IconButtonWithTooltip = IconButtonWithTooltip;
 export default IconButton;
 export { IconButtonWithTooltip };

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","invert","activeStyle","IconComponent","createElement","type","defaultProps","undefined","propTypes","string","elementType","isRequired","bool","shape","prefix","iconName","array","func","oneOf","IconButtonWithTooltip","_ref2","tooltipPlacement","tooltipContent","props","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":[]}
+{"version":3,"file":"index.js","names":["React","classNames","OverlayTrigger","Tooltip","Icon","IconButton","forwardRef","className","alt","invertColors","icon","src","iconClassNames","onClick","size","variant","iconAs","isActive","children","attrs","ref","invert","activeStyle","IconComponent","createElement","type","IconButtonWithTooltip","tooltipPlacement","tooltipContent","props","placement","overlay","id","undefined"],"sources":["../../src/IconButton/index.tsx"],"sourcesContent":["import React from 'react';\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  /** Component that renders the icon, currently defaults to `Icon` */\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(({\n  className,\n  alt,\n  invertColors = false,\n  icon,\n  src,\n  iconClassNames,\n  onClick = () => {},\n  size = 'md',\n  variant = 'primary',\n  iconAs = Icon,\n  isActive = false,\n  children, // unused, just here because we don't want it to be part of 'attrs'\n  ...attrs\n} : Props, ref: React.ForwardedRef<HTMLButtonElement>) => {\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\ninterface PropsWithTooltip extends Props {\n  /** Tooltip placement can be top, left, right etc, 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 = 'top', 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\n(IconButton as any).IconButtonWithTooltip = IconButtonWithTooltip;\n\nexport default IconButton as typeof IconButton & {\n  IconButtonWithTooltip: typeof IconButtonWithTooltip,\n};\nexport { IconButtonWithTooltip };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,cAAc,QAAQ,YAAY;AAC3C,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,IAAI,MAAM,SAAS;AAmC1B,MAAMC,UAAU,gBAAGL,KAAK,CAACM,UAAU,CAAC,CAAC;EACnCC,SAAS;EACTC,GAAG;EACHC,YAAY,GAAG,KAAK;EACpBC,IAAI;EACJC,GAAG;EACHC,cAAc;EACdC,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;EAClBC,IAAI,GAAG,IAAI;EACXC,OAAO,GAAG,SAAS;EACnBC,MAAM,GAAGZ,IAAI;EACba,QAAQ,GAAG,KAAK;EAChBC,QAAQ;EAAE;EACV,GAAGC;AACG,CAAC,EAAEC,GAA0C,KAAK;EACxD,MAAMC,MAAM,GAAGZ,YAAY,GAAG,UAAU,GAAG,EAAE;EAC7C,MAAMa,WAAW,GAAGL,QAAQ,GAAG,GAAGF,OAAO,GAAG,GAAG,EAAE;EACjD,MAAMQ,aAAa,GAAGP,MAAM;EAE5B,oBACEhB,KAAA,CAAAwB,aAAA;IACE,cAAYhB,GAAI;IAChBD,SAAS,EAAEN,UAAU,CACnB,UAAU,EACV,YAAYoB,MAAM,GAAGN,OAAO,EAAE,EAC9B,YAAYD,IAAI,EAAE,EAClB;MACE,CAAC,YAAYO,MAAM,GAAGC,WAAW,QAAQ,GAAGL;IAC9C,CAAC,EACDV,SACF,CAAE;IACFM,OAAO,EAAEA,OAAQ;IACjBY,IAAI,EAAC,QAAQ;IACbL,GAAG,EAAEA,GAAI;IAAA,GACLD;EAAK,gBAETnB,KAAA,CAAAwB,aAAA;IAAMjB,SAAS,EAAC;EAA0B,GACvCgB,aAAa,iBACZvB,KAAA,CAAAwB,aAAA,CAACD,aAAa;IACZhB,SAAS,EAAEN,UAAU,CAAC,gBAAgB,EAAEW,cAAc,CAAE;IACxDF,IAAI,EAAEA,IAAY;IAClBC,GAAG,EAAEA;EAAI,CACV,CAEC,CACA,CAAC;AAEb,CAAC,CAAC;AASF;AACA;AACA;AACA,SAASe,qBAAqBA,CAAC;EAC7BC,gBAAgB,GAAG,KAAK;EAAEC,cAAc;EAAE,GAAGC;AAC7B,CAAC,EAAE;EACnB,MAAMR,MAAM,GAAGQ,KAAK,CAACpB,YAAY,GAAG,UAAU,GAAG,EAAE;EACnD,oBACET,KAAA,CAAAwB,aAAA,CAACtB,cAAc;IACb4B,SAAS,EAAEH,gBAAiB;IAC5BI,OAAO,eACL/B,KAAA,CAAAwB,aAAA,CAACrB,OAAO;MACN6B,EAAE,EAAE,sBAAsBL,gBAAgB,EAAG;MAC7CZ,OAAO,EAAEM,MAAM,GAAG,OAAO,GAAGY;IAAU,GAErCL,cACM;EACT,gBAEF5B,KAAA,CAAAwB,aAAA,CAACnB,UAAU;IAAA,GAAKwB;EAAK,CAAG,CACV,CAAC;AAErB;AAECxB,UAAU,CAASqB,qBAAqB,GAAGA,qBAAqB;AAEjE,eAAerB,UAAU;AAGzB,SAASqB,qBAAqB","ignoreList":[]}

package/dist/IconButtonToggle/index.js

@@ -11,12 +11,11 @@ import PropTypes from 'prop-types';
  * @param {Array<IconButton>} args.children children components expected to be IconButton
  * @returns {React.Component} A React component
  */
-function IconButtonToggle(_ref) {
-  let {
-    activeValue,
-    onChange,
-    children
-  } = _ref;
+function IconButtonToggle({
+  activeValue,
+  onChange,
+  children
+}) {
   const iconButtons = useMemo(() => React.Children.map(children, iconButton => {
     const isActive = iconButton.props.value === activeValue;
     return /*#__PURE__*/React.cloneElement(iconButton, {

package/dist/IconButtonToggle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","IconButtonToggle","_ref","activeValue","onChange","children","iconButtons","Children","map","iconButton","isActive","props","value","cloneElement","onClick","createElement","className","defaultProps","undefined","propTypes","string","func","node","isRequired"],"sources":["../../src/IconButtonToggle/index.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\n/**\n *\n * @param {object} args arguments\n * @param {boolean} args.activeValue the current value of the active/selected iconButton.\n *                                   if not provided, none of the iconButtons will initially be active\n * @param {Function} args.onChange callback to call when toggle value changes.\n *                                 Receives value of the selected toggle button.\n * @param {Array<IconButton>} args.children children components expected to be IconButton\n * @returns {React.Component} A React component\n */\nfunction IconButtonToggle({ activeValue, onChange, children }) {\n  const iconButtons = useMemo(\n    () => React.Children.map(children, iconButton => {\n      const isActive = iconButton.props.value === activeValue;\n      return React.cloneElement(iconButton, {\n        onClick: () => { onChange(iconButton.props.value); },\n        isActive,\n        'aria-selected': isActive,\n        'data-testid': `icon-btn-val-${iconButton.props.value}`,\n      });\n    }),\n    [children, activeValue, onChange],\n  );\n  return <div className=\"pgn__icon-button-toggle__container\">{iconButtons}</div>;\n}\n\nIconButtonToggle.defaultProps = {\n  onChange: () => {},\n  activeValue: undefined,\n};\n\nIconButtonToggle.propTypes = {\n  /** value to use to check which button to set to active */\n  activeValue: PropTypes.string,\n  /** handler that is passed the currently active button's value when a button is selected */\n  onChange: PropTypes.func,\n  /** child nodes of type `IconButton` (or its subcomponents) to be rendered within toggle group */\n  children: PropTypes.node.isRequired,\n};\n\nexport default IconButtonToggle;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,SAAS,MAAM,YAAY;;AAElC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,gBAAgBA,CAAAC,IAAA,EAAsC;EAAA,IAArC;IAAEC,WAAW;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAAH,IAAA;EAC3D,MAAMI,WAAW,GAAGP,OAAO,CACzB,MAAMD,KAAK,CAACS,QAAQ,CAACC,GAAG,CAACH,QAAQ,EAAEI,UAAU,IAAI;IAC/C,MAAMC,QAAQ,GAAGD,UAAU,CAACE,KAAK,CAACC,KAAK,KAAKT,WAAW;IACvD,oBAAOL,KAAK,CAACe,YAAY,CAACJ,UAAU,EAAE;MACpCK,OAAO,EAAEA,CAAA,KAAM;QAAEV,QAAQ,CAACK,UAAU,CAACE,KAAK,CAACC,KAAK,CAAC;MAAE,CAAC;MACpDF,QAAQ;MACR,eAAe,EAAEA,QAAQ;MACzB,aAAa,EAAE,gBAAgBD,UAAU,CAACE,KAAK,CAACC,KAAK;IACvD,CAAC,CAAC;EACJ,CAAC,CAAC,EACF,CAACP,QAAQ,EAAEF,WAAW,EAAEC,QAAQ,CAClC,CAAC;EACD,oBAAON,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAC;EAAoC,GAAEV,WAAiB,CAAC;AAChF;AAEAL,gBAAgB,CAACgB,YAAY,GAAG;EAC9Bb,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;EAClBD,WAAW,EAAEe;AACf,CAAC;AAEDjB,gBAAgB,CAACkB,SAAS,GAAG;EAC3B;EACAhB,WAAW,EAAEH,SAAS,CAACoB,MAAM;EAC7B;EACAhB,QAAQ,EAAEJ,SAAS,CAACqB,IAAI;EACxB;EACAhB,QAAQ,EAAEL,SAAS,CAACsB,IAAI,CAACC;AAC3B,CAAC;AAED,eAAetB,gBAAgB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","IconButtonToggle","activeValue","onChange","children","iconButtons","Children","map","iconButton","isActive","props","value","cloneElement","onClick","createElement","className","defaultProps","undefined","propTypes","string","func","node","isRequired"],"sources":["../../src/IconButtonToggle/index.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\n/**\n *\n * @param {object} args arguments\n * @param {boolean} args.activeValue the current value of the active/selected iconButton.\n *                                   if not provided, none of the iconButtons will initially be active\n * @param {Function} args.onChange callback to call when toggle value changes.\n *                                 Receives value of the selected toggle button.\n * @param {Array<IconButton>} args.children children components expected to be IconButton\n * @returns {React.Component} A React component\n */\nfunction IconButtonToggle({ activeValue, onChange, children }) {\n  const iconButtons = useMemo(\n    () => React.Children.map(children, iconButton => {\n      const isActive = iconButton.props.value === activeValue;\n      return React.cloneElement(iconButton, {\n        onClick: () => { onChange(iconButton.props.value); },\n        isActive,\n        'aria-selected': isActive,\n        'data-testid': `icon-btn-val-${iconButton.props.value}`,\n      });\n    }),\n    [children, activeValue, onChange],\n  );\n  return <div className=\"pgn__icon-button-toggle__container\">{iconButtons}</div>;\n}\n\nIconButtonToggle.defaultProps = {\n  onChange: () => {},\n  activeValue: undefined,\n};\n\nIconButtonToggle.propTypes = {\n  /** value to use to check which button to set to active */\n  activeValue: PropTypes.string,\n  /** handler that is passed the currently active button's value when a button is selected */\n  onChange: PropTypes.func,\n  /** child nodes of type `IconButton` (or its subcomponents) to be rendered within toggle group */\n  children: PropTypes.node.isRequired,\n};\n\nexport default IconButtonToggle;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,SAAS,MAAM,YAAY;;AAElC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,gBAAgBA,CAAC;EAAEC,WAAW;EAAEC,QAAQ;EAAEC;AAAS,CAAC,EAAE;EAC7D,MAAMC,WAAW,GAAGN,OAAO,CACzB,MAAMD,KAAK,CAACQ,QAAQ,CAACC,GAAG,CAACH,QAAQ,EAAEI,UAAU,IAAI;IAC/C,MAAMC,QAAQ,GAAGD,UAAU,CAACE,KAAK,CAACC,KAAK,KAAKT,WAAW;IACvD,oBAAOJ,KAAK,CAACc,YAAY,CAACJ,UAAU,EAAE;MACpCK,OAAO,EAAEA,CAAA,KAAM;QAAEV,QAAQ,CAACK,UAAU,CAACE,KAAK,CAACC,KAAK,CAAC;MAAE,CAAC;MACpDF,QAAQ;MACR,eAAe,EAAEA,QAAQ;MACzB,aAAa,EAAE,gBAAgBD,UAAU,CAACE,KAAK,CAACC,KAAK;IACvD,CAAC,CAAC;EACJ,CAAC,CAAC,EACF,CAACP,QAAQ,EAAEF,WAAW,EAAEC,QAAQ,CAClC,CAAC;EACD,oBAAOL,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAC;EAAoC,GAAEV,WAAiB,CAAC;AAChF;AAEAJ,gBAAgB,CAACe,YAAY,GAAG;EAC9Bb,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;EAClBD,WAAW,EAAEe;AACf,CAAC;AAEDhB,gBAAgB,CAACiB,SAAS,GAAG;EAC3B;EACAhB,WAAW,EAAEF,SAAS,CAACmB,MAAM;EAC7B;EACAhB,QAAQ,EAAEH,SAAS,CAACoB,IAAI;EACxB;EACAhB,QAAQ,EAAEJ,SAAS,CAACqB,IAAI,CAACC;AAC3B,CAAC;AAED,eAAerB,gBAAgB","ignoreList":[]}

package/dist/Image/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Figure"],"sources":["../../src/Image/index.jsx"],"sourcesContent":["export { default } from 'react-bootstrap/Image';\nexport { default as Figure } from 'react-bootstrap/Figure';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,uBAAuB;AAC/C,SAASA,OAAO,IAAIC,MAAM,QAAQ,wBAAwB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default","Figure"],"sources":["../../src/Image/index.tsx"],"sourcesContent":["export { default } from 'react-bootstrap/Image';\nexport { default as Figure } from 'react-bootstrap/Figure';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,uBAAuB;AAC/C,SAASA,OAAO,IAAIC,MAAM,QAAQ,wBAAwB","ignoreList":[]}

package/dist/Layout/index.js

@@ -8,11 +8,10 @@ const LayoutElement = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*
   ref: ref,
   ...props
 }));
-const Layout = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    children,
-    ...props
-  } = _ref;
+const Layout = /*#__PURE__*/React.forwardRef(({
+  children,
+  ...props
+}, ref) => {
   const childrenLength = children.length;
   const isValidDimensions = (dataList, validLength) => !dataList || dataList.length === validLength;
   const errors = {};

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","Layout","_ref","children","childrenLength","length","isValidDimensions","dataList","validLength","errors","layout","Children","map","child","index","newProps","forEach","size","sizeProps","span","offset","undefined","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","Layout","children","childrenLength","length","isValidDimensions","dataList","validLength","errors","layout","Children","map","child","index","newProps","forEach","size","sizeProps","span","offset","undefined","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/Media/index.js.map

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