@openedx/paragon 23.14.1 → 23.14.3

package/dist/Card/CardImageCap.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardImageCap.js","names":["React","useContext","useState","PropTypes","classNames","Skeleton","CardContext","cardSrcFallbackImg","SKELETON_HEIGHT_VALUE","LOGO_SKELETON_HEIGHT_VALUE","CardImageCap","forwardRef","_ref","ref","src","fallbackSrc","srcAlt","logoSrc","fallbackLogoSrc","logoAlt","skeletonHeight","skeletonWidth","logoSkeleton","logoSkeletonHeight","logoSkeletonWidth","className","imageLoadingType","orientation","isLoading","showImageCap","setShowImageCap","showLogoCap","setShowLogoCap","wrapperClassName","createElement","containerClassName","height","width","handleSrcFallback","event","altSrc","imageKey","currentTarget","endsWith","show","onError","onLoad","alt","loading","propTypes","string","number","bool","oneOf","defaultProps","undefined"],"sources":["../../src/Card/CardImageCap.jsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Skeleton from 'react-loading-skeleton';\nimport CardContext from './CardContext';\nimport { cardSrcFallbackImg } from './CardFallbackDefaultImage';\n\nconst SKELETON_HEIGHT_VALUE = 140;\nconst LOGO_SKELETON_HEIGHT_VALUE = 41;\n\nconst CardImageCap = React.forwardRef(({\n  src,\n  fallbackSrc,\n  srcAlt,\n  logoSrc,\n  fallbackLogoSrc,\n  logoAlt,\n  skeletonHeight,\n  skeletonWidth,\n  logoSkeleton,\n  logoSkeletonHeight,\n  logoSkeletonWidth,\n  className,\n  imageLoadingType,\n}, ref) => {\n  const { orientation, isLoading } = useContext(CardContext);\n  const [showImageCap, setShowImageCap] = useState(false);\n  const [showLogoCap, setShowLogoCap] = useState(false);\n\n  const wrapperClassName = `pgn__card-wrapper-image-cap ${orientation}`;\n\n  if (isLoading) {\n    return (\n      <div\n        className={classNames(wrapperClassName, className)}\n        data-testid=\"image-loader-wrapper\"\n      >\n        <Skeleton\n          containerClassName=\"pgn__card-image-cap-loader\"\n          height={orientation === 'horizontal' ? '100%' : skeletonHeight}\n          width={skeletonWidth}\n        />\n        {logoSkeleton && (\n          <Skeleton\n            containerClassName=\"pgn__card-logo-cap\"\n            height={logoSkeletonHeight}\n            width={logoSkeletonWidth}\n          />\n        )}\n      </div>\n    );\n  }\n\n  const handleSrcFallback = (event, altSrc, imageKey) => {\n    const { currentTarget } = event;\n\n    if (!altSrc || currentTarget.src.endsWith(altSrc)) {\n      if (imageKey === 'imageCap') {\n        currentTarget.src = cardSrcFallbackImg;\n      } else {\n        setShowLogoCap(false);\n      }\n\n      return;\n    }\n\n    currentTarget.src = altSrc;\n  };\n\n  return (\n    <div className={classNames(className, wrapperClassName)} ref={ref}>\n      {!!src && (\n        <img\n          className={classNames('pgn__card-image-cap', { show: showImageCap })}\n          src={src}\n          onError={(event) => handleSrcFallback(event, fallbackSrc, 'imageCap')}\n          onLoad={() => setShowImageCap(true)}\n          alt={srcAlt}\n          loading={imageLoadingType}\n        />\n      )}\n      {!!logoSrc && (\n        <img\n          className={classNames('pgn__card-logo-cap', { show: showLogoCap })}\n          src={logoSrc}\n          onError={(event) => handleSrcFallback(event, fallbackLogoSrc, 'logoCap')}\n          onLoad={() => setShowLogoCap(true)}\n          alt={logoAlt}\n          loading={imageLoadingType}\n        />\n      )}\n    </div>\n  );\n});\n\nCardImageCap.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies image src. */\n  src: PropTypes.string,\n  /** Specifies fallback image src. */\n  fallbackSrc: PropTypes.string,\n  /** Specifies image alt text. */\n  srcAlt: PropTypes.string,\n  /** Specifies logo src to put on top of the image. */\n  logoSrc: PropTypes.string,\n  /** Specifies fallback image logo src. */\n  fallbackLogoSrc: PropTypes.string,\n  /** Specifies logo image alt text. */\n  logoAlt: PropTypes.string,\n  /** Specifies height of Image skeleton in loading state. */\n  skeletonHeight: PropTypes.number,\n  /** Specifies width of Image skeleton in loading state. */\n  skeletonWidth: PropTypes.number,\n  /** Specifies whether the cap should be displayed during loading. */\n  logoSkeleton: PropTypes.bool,\n  /** Specifies height of Logo skeleton in loading state. */\n  logoSkeletonHeight: PropTypes.number,\n  /** Specifies width of Logo skeleton in loading state. */\n  logoSkeletonWidth: PropTypes.number,\n  /** Specifies loading type for images */\n  imageLoadingType: PropTypes.oneOf(['eager', 'lazy']),\n};\n\nCardImageCap.defaultProps = {\n  src: undefined,\n  fallbackSrc: cardSrcFallbackImg,\n  logoSrc: undefined,\n  fallbackLogoSrc: undefined,\n  className: undefined,\n  srcAlt: undefined,\n  logoAlt: undefined,\n  skeletonHeight: SKELETON_HEIGHT_VALUE,\n  logoSkeleton: false,\n  logoSkeletonHeight: LOGO_SKELETON_HEIGHT_VALUE,\n  skeletonWidth: undefined,\n  logoSkeletonWidth: undefined,\n  imageLoadingType: 'eager',\n};\n\nexport default CardImageCap;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CardImageCap.js","names":["React","useContext","useState","PropTypes","classNames","Skeleton","CardContext","cardSrcFallbackImg","SKELETON_HEIGHT_VALUE","LOGO_SKELETON_HEIGHT_VALUE","CardImageCap","forwardRef","src","fallbackSrc","srcAlt","logoSrc","fallbackLogoSrc","logoAlt","skeletonHeight","skeletonWidth","logoSkeleton","logoSkeletonHeight","logoSkeletonWidth","className","imageLoadingType","ref","orientation","isLoading","showImageCap","setShowImageCap","showLogoCap","setShowLogoCap","wrapperClassName","createElement","containerClassName","height","width","handleSrcFallback","event","altSrc","imageKey","currentTarget","endsWith","show","onError","onLoad","alt","loading","propTypes","string","number","bool","oneOf","defaultProps","undefined"],"sources":["../../src/Card/CardImageCap.jsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Skeleton from 'react-loading-skeleton';\nimport CardContext from './CardContext';\nimport { cardSrcFallbackImg } from './CardFallbackDefaultImage';\n\nconst SKELETON_HEIGHT_VALUE = 140;\nconst LOGO_SKELETON_HEIGHT_VALUE = 41;\n\nconst CardImageCap = React.forwardRef(({\n  src,\n  fallbackSrc,\n  srcAlt,\n  logoSrc,\n  fallbackLogoSrc,\n  logoAlt,\n  skeletonHeight,\n  skeletonWidth,\n  logoSkeleton,\n  logoSkeletonHeight,\n  logoSkeletonWidth,\n  className,\n  imageLoadingType,\n}, ref) => {\n  const { orientation, isLoading } = useContext(CardContext);\n  const [showImageCap, setShowImageCap] = useState(false);\n  const [showLogoCap, setShowLogoCap] = useState(false);\n\n  const wrapperClassName = `pgn__card-wrapper-image-cap ${orientation}`;\n\n  if (isLoading) {\n    return (\n      <div\n        className={classNames(wrapperClassName, className)}\n        data-testid=\"image-loader-wrapper\"\n      >\n        <Skeleton\n          containerClassName=\"pgn__card-image-cap-loader\"\n          height={orientation === 'horizontal' ? '100%' : skeletonHeight}\n          width={skeletonWidth}\n        />\n        {logoSkeleton && (\n          <Skeleton\n            containerClassName=\"pgn__card-logo-cap\"\n            height={logoSkeletonHeight}\n            width={logoSkeletonWidth}\n          />\n        )}\n      </div>\n    );\n  }\n\n  const handleSrcFallback = (event, altSrc, imageKey) => {\n    const { currentTarget } = event;\n\n    if (!altSrc || currentTarget.src.endsWith(altSrc)) {\n      if (imageKey === 'imageCap') {\n        currentTarget.src = cardSrcFallbackImg;\n      } else {\n        setShowLogoCap(false);\n      }\n\n      return;\n    }\n\n    currentTarget.src = altSrc;\n  };\n\n  return (\n    <div className={classNames(className, wrapperClassName)} ref={ref}>\n      {!!src && (\n        <img\n          className={classNames('pgn__card-image-cap', { show: showImageCap })}\n          src={src}\n          onError={(event) => handleSrcFallback(event, fallbackSrc, 'imageCap')}\n          onLoad={() => setShowImageCap(true)}\n          alt={srcAlt}\n          loading={imageLoadingType}\n        />\n      )}\n      {!!logoSrc && (\n        <img\n          className={classNames('pgn__card-logo-cap', { show: showLogoCap })}\n          src={logoSrc}\n          onError={(event) => handleSrcFallback(event, fallbackLogoSrc, 'logoCap')}\n          onLoad={() => setShowLogoCap(true)}\n          alt={logoAlt}\n          loading={imageLoadingType}\n        />\n      )}\n    </div>\n  );\n});\n\nCardImageCap.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies image src. */\n  src: PropTypes.string,\n  /** Specifies fallback image src. */\n  fallbackSrc: PropTypes.string,\n  /** Specifies image alt text. */\n  srcAlt: PropTypes.string,\n  /** Specifies logo src to put on top of the image. */\n  logoSrc: PropTypes.string,\n  /** Specifies fallback image logo src. */\n  fallbackLogoSrc: PropTypes.string,\n  /** Specifies logo image alt text. */\n  logoAlt: PropTypes.string,\n  /** Specifies height of Image skeleton in loading state. */\n  skeletonHeight: PropTypes.number,\n  /** Specifies width of Image skeleton in loading state. */\n  skeletonWidth: PropTypes.number,\n  /** Specifies whether the cap should be displayed during loading. */\n  logoSkeleton: PropTypes.bool,\n  /** Specifies height of Logo skeleton in loading state. */\n  logoSkeletonHeight: PropTypes.number,\n  /** Specifies width of Logo skeleton in loading state. */\n  logoSkeletonWidth: PropTypes.number,\n  /** Specifies loading type for images */\n  imageLoadingType: PropTypes.oneOf(['eager', 'lazy']),\n};\n\nCardImageCap.defaultProps = {\n  src: undefined,\n  fallbackSrc: cardSrcFallbackImg,\n  logoSrc: undefined,\n  fallbackLogoSrc: undefined,\n  className: undefined,\n  srcAlt: undefined,\n  logoAlt: undefined,\n  skeletonHeight: SKELETON_HEIGHT_VALUE,\n  logoSkeleton: false,\n  logoSkeletonHeight: LOGO_SKELETON_HEIGHT_VALUE,\n  skeletonWidth: undefined,\n  logoSkeletonWidth: undefined,\n  imageLoadingType: 'eager',\n};\n\nexport default CardImageCap;\n"],"mappings":"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","ignoreList":[]}

package/dist/Card/CardSection.js

@@ -4,16 +4,15 @@ import classNames from 'classnames';
 import Skeleton from 'react-loading-skeleton';
 import CardContext from './CardContext';
 const SKELETON_HEIGHT_VALUE = 100;
-const CardSection = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    className,
-    children,
-    title,
-    actions,
-    muted,
-    skeletonHeight,
-    skeletonWidth
-  } = _ref;
+const CardSection = /*#__PURE__*/React.forwardRef(({
+  className,
+  children,
+  title,
+  actions,
+  muted,
+  skeletonHeight,
+  skeletonWidth
+}, ref) => {
   const {
     isLoading
   } = useContext(CardContext);

package/dist/Card/CardSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardSection.js","names":["React","useContext","PropTypes","classNames","Skeleton","CardContext","SKELETON_HEIGHT_VALUE","CardSection","forwardRef","_ref","ref","className","children","title","actions","muted","skeletonHeight","skeletonWidth","isLoading","createElement","containerClassName","height","width","propTypes","string","node","bool","number","defaultProps","undefined"],"sources":["../../src/Card/CardSection.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Skeleton from 'react-loading-skeleton';\nimport CardContext from './CardContext';\n\nconst SKELETON_HEIGHT_VALUE = 100;\n\nconst CardSection = React.forwardRef(({\n  className,\n  children,\n  title,\n  actions,\n  muted,\n  skeletonHeight,\n  skeletonWidth,\n}, ref) => {\n  const { isLoading } = useContext(CardContext);\n\n  if (isLoading) {\n    return (\n      <div className={classNames('pgn__card-section', className, { 'is-muted': muted })}>\n        <Skeleton\n          containerClassName=\"pgn__card-section-loader\"\n          height={skeletonHeight}\n          width={skeletonWidth}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={classNames('pgn__card-section', className, { 'is-muted': muted })}\n      ref={ref}\n    >\n      {title && <div className=\"pgn__card-section-title\">{title}</div>}\n      {children}\n      {actions && <div className=\"pgn__card-section-actions\">{actions}</div>}\n    </div>\n  );\n});\n\nCardSection.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies contents of the component. */\n  children: PropTypes.node,\n  /** Specifies title of the `Section`. */\n  title: PropTypes.node,\n  /** Specifies node to render on the bottom right of the `Section` (i.e. `ActionRow`). */\n  actions: PropTypes.node,\n  /** Specifies whether to display `Section` with muted styling. */\n  muted: PropTypes.bool,\n  /** Specifies height of skeleton in loading state. */\n  skeletonHeight: PropTypes.number,\n  /** Specifies width of skeleton in loading state. */\n  skeletonWidth: PropTypes.number,\n};\n\nCardSection.defaultProps = {\n  children: null,\n  className: undefined,\n  title: undefined,\n  actions: undefined,\n  muted: false,\n  skeletonHeight: SKELETON_HEIGHT_VALUE,\n  skeletonWidth: undefined,\n};\n\nexport default CardSection;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,WAAW,MAAM,eAAe;AAEvC,MAAMC,qBAAqB,GAAG,GAAG;AAEjC,MAAMC,WAAW,gBAAGP,KAAK,CAACQ,UAAU,CAAC,CAAAC,IAAA,EAQlCC,GAAG,KAAK;EAAA,IAR2B;IACpCC,SAAS;IACTC,QAAQ;IACRC,KAAK;IACLC,OAAO;IACPC,KAAK;IACLC,cAAc;IACdC;EACF,CAAC,GAAAR,IAAA;EACC,MAAM;IAAES;EAAU,CAAC,GAAGjB,UAAU,CAACI,WAAW,CAAC;EAE7C,IAAIa,SAAS,EAAE;IACb,oBACElB,KAAA,CAAAmB,aAAA;MAAKR,SAAS,EAAER,UAAU,CAAC,mBAAmB,EAAEQ,SAAS,EAAE;QAAE,UAAU,EAAEI;MAAM,CAAC;IAAE,gBAChFf,KAAA,CAAAmB,aAAA,CAACf,QAAQ;MACPgB,kBAAkB,EAAC,0BAA0B;MAC7CC,MAAM,EAAEL,cAAe;MACvBM,KAAK,EAAEL;IAAc,CACtB,CACE,CAAC;EAEV;EAEA,oBACEjB,KAAA,CAAAmB,aAAA;IACER,SAAS,EAAER,UAAU,CAAC,mBAAmB,EAAEQ,SAAS,EAAE;MAAE,UAAU,EAAEI;IAAM,CAAC,CAAE;IAC7EL,GAAG,EAAEA;EAAI,GAERG,KAAK,iBAAIb,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAC;EAAyB,GAAEE,KAAW,CAAC,EAC/DD,QAAQ,EACRE,OAAO,iBAAId,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAC;EAA2B,GAAEG,OAAa,CAClE,CAAC;AAEV,CAAC,CAAC;AAEFP,WAAW,CAACgB,SAAS,GAAG;EACtB;EACAZ,SAAS,EAAET,SAAS,CAACsB,MAAM;EAC3B;EACAZ,QAAQ,EAAEV,SAAS,CAACuB,IAAI;EACxB;EACAZ,KAAK,EAAEX,SAAS,CAACuB,IAAI;EACrB;EACAX,OAAO,EAAEZ,SAAS,CAACuB,IAAI;EACvB;EACAV,KAAK,EAAEb,SAAS,CAACwB,IAAI;EACrB;EACAV,cAAc,EAAEd,SAAS,CAACyB,MAAM;EAChC;EACAV,aAAa,EAAEf,SAAS,CAACyB;AAC3B,CAAC;AAEDpB,WAAW,CAACqB,YAAY,GAAG;EACzBhB,QAAQ,EAAE,IAAI;EACdD,SAAS,EAAEkB,SAAS;EACpBhB,KAAK,EAAEgB,SAAS;EAChBf,OAAO,EAAEe,SAAS;EAClBd,KAAK,EAAE,KAAK;EACZC,cAAc,EAAEV,qBAAqB;EACrCW,aAAa,EAAEY;AACjB,CAAC;AAED,eAAetB,WAAW","ignoreList":[]}
+{"version":3,"file":"CardSection.js","names":["React","useContext","PropTypes","classNames","Skeleton","CardContext","SKELETON_HEIGHT_VALUE","CardSection","forwardRef","className","children","title","actions","muted","skeletonHeight","skeletonWidth","ref","isLoading","createElement","containerClassName","height","width","propTypes","string","node","bool","number","defaultProps","undefined"],"sources":["../../src/Card/CardSection.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Skeleton from 'react-loading-skeleton';\nimport CardContext from './CardContext';\n\nconst SKELETON_HEIGHT_VALUE = 100;\n\nconst CardSection = React.forwardRef(({\n  className,\n  children,\n  title,\n  actions,\n  muted,\n  skeletonHeight,\n  skeletonWidth,\n}, ref) => {\n  const { isLoading } = useContext(CardContext);\n\n  if (isLoading) {\n    return (\n      <div className={classNames('pgn__card-section', className, { 'is-muted': muted })}>\n        <Skeleton\n          containerClassName=\"pgn__card-section-loader\"\n          height={skeletonHeight}\n          width={skeletonWidth}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={classNames('pgn__card-section', className, { 'is-muted': muted })}\n      ref={ref}\n    >\n      {title && <div className=\"pgn__card-section-title\">{title}</div>}\n      {children}\n      {actions && <div className=\"pgn__card-section-actions\">{actions}</div>}\n    </div>\n  );\n});\n\nCardSection.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies contents of the component. */\n  children: PropTypes.node,\n  /** Specifies title of the `Section`. */\n  title: PropTypes.node,\n  /** Specifies node to render on the bottom right of the `Section` (i.e. `ActionRow`). */\n  actions: PropTypes.node,\n  /** Specifies whether to display `Section` with muted styling. */\n  muted: PropTypes.bool,\n  /** Specifies height of skeleton in loading state. */\n  skeletonHeight: PropTypes.number,\n  /** Specifies width of skeleton in loading state. */\n  skeletonWidth: PropTypes.number,\n};\n\nCardSection.defaultProps = {\n  children: null,\n  className: undefined,\n  title: undefined,\n  actions: undefined,\n  muted: false,\n  skeletonHeight: SKELETON_HEIGHT_VALUE,\n  skeletonWidth: undefined,\n};\n\nexport default CardSection;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,WAAW,MAAM,eAAe;AAEvC,MAAMC,qBAAqB,GAAG,GAAG;AAEjC,MAAMC,WAAW,gBAAGP,KAAK,CAACQ,UAAU,CAAC,CAAC;EACpCC,SAAS;EACTC,QAAQ;EACRC,KAAK;EACLC,OAAO;EACPC,KAAK;EACLC,cAAc;EACdC;AACF,CAAC,EAAEC,GAAG,KAAK;EACT,MAAM;IAAEC;EAAU,CAAC,GAAGhB,UAAU,CAACI,WAAW,CAAC;EAE7C,IAAIY,SAAS,EAAE;IACb,oBACEjB,KAAA,CAAAkB,aAAA;MAAKT,SAAS,EAAEN,UAAU,CAAC,mBAAmB,EAAEM,SAAS,EAAE;QAAE,UAAU,EAAEI;MAAM,CAAC;IAAE,gBAChFb,KAAA,CAAAkB,aAAA,CAACd,QAAQ;MACPe,kBAAkB,EAAC,0BAA0B;MAC7CC,MAAM,EAAEN,cAAe;MACvBO,KAAK,EAAEN;IAAc,CACtB,CACE,CAAC;EAEV;EAEA,oBACEf,KAAA,CAAAkB,aAAA;IACET,SAAS,EAAEN,UAAU,CAAC,mBAAmB,EAAEM,SAAS,EAAE;MAAE,UAAU,EAAEI;IAAM,CAAC,CAAE;IAC7EG,GAAG,EAAEA;EAAI,GAERL,KAAK,iBAAIX,KAAA,CAAAkB,aAAA;IAAKT,SAAS,EAAC;EAAyB,GAAEE,KAAW,CAAC,EAC/DD,QAAQ,EACRE,OAAO,iBAAIZ,KAAA,CAAAkB,aAAA;IAAKT,SAAS,EAAC;EAA2B,GAAEG,OAAa,CAClE,CAAC;AAEV,CAAC,CAAC;AAEFL,WAAW,CAACe,SAAS,GAAG;EACtB;EACAb,SAAS,EAAEP,SAAS,CAACqB,MAAM;EAC3B;EACAb,QAAQ,EAAER,SAAS,CAACsB,IAAI;EACxB;EACAb,KAAK,EAAET,SAAS,CAACsB,IAAI;EACrB;EACAZ,OAAO,EAAEV,SAAS,CAACsB,IAAI;EACvB;EACAX,KAAK,EAAEX,SAAS,CAACuB,IAAI;EACrB;EACAX,cAAc,EAAEZ,SAAS,CAACwB,MAAM;EAChC;EACAX,aAAa,EAAEb,SAAS,CAACwB;AAC3B,CAAC;AAEDnB,WAAW,CAACoB,YAAY,GAAG;EACzBjB,QAAQ,EAAE,IAAI;EACdD,SAAS,EAAEmB,SAAS;EACpBjB,KAAK,EAAEiB,SAAS;EAChBhB,OAAO,EAAEgB,SAAS;EAClBf,KAAK,EAAE,KAAK;EACZC,cAAc,EAAER,qBAAqB;EACrCS,aAAa,EAAEa;AACjB,CAAC;AAED,eAAerB,WAAW","ignoreList":[]}

package/dist/Card/CardStatus.js

@@ -4,16 +4,15 @@ import classNames from 'classnames';
 import Skeleton from 'react-loading-skeleton';
 import Icon from '../Icon';
 import CardContext from './CardContext';
-const CardStatus = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    className,
-    children,
-    variant,
-    icon,
-    title,
-    actions,
-    ...props
-  } = _ref;
+const CardStatus = /*#__PURE__*/React.forwardRef(({
+  className,
+  children,
+  variant,
+  icon,
+  title,
+  actions,
+  ...props
+}, ref) => {
   const {
     isLoading
   } = useContext(CardContext);

package/dist/Card/CardStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardStatus.js","names":["React","useContext","PropTypes","classNames","Skeleton","Icon","CardContext","CardStatus","forwardRef","_ref","ref","className","children","variant","icon","title","actions","props","isLoading","createElement","src","propTypes","node","isRequired","string","func","oneOf","oneOfType","element","defaultProps","undefined"],"sources":["../../src/Card/CardStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Skeleton from 'react-loading-skeleton';\nimport Icon from '../Icon';\nimport CardContext from './CardContext';\n\nconst CardStatus = React.forwardRef(({\n  className,\n  children,\n  variant,\n  icon,\n  title,\n  actions,\n  ...props\n}, ref) => {\n  const { isLoading } = useContext(CardContext);\n\n  if (isLoading) {\n    return (\n      <div\n        className={classNames(\n          'pgn__card-status',\n          className,\n        )}\n        data-testid=\"card-status-skeleton\"\n        ref={ref}\n      >\n        <Skeleton />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={classNames(\n        'pgn__card-status',\n        `pgn__card-status__${variant}`,\n        className,\n      )}\n      ref={ref}\n      {...props}\n    >\n      <div className=\"pgn__card-status__content\">\n        {icon && <Icon className=\"pgn__card-status__content-icon\" src={icon} />}\n        <div className=\"pgn__card-status__message-content\">\n          {title && <div className=\"pgn__card-status__heading\">{title}</div>}\n          {children}\n        </div>\n      </div>\n      {!!actions && (\n        <div className=\"pgn__card-status__actions\">\n          {actions}\n        </div>\n      )}\n    </div>\n  );\n});\n\nCardStatus.propTypes = {\n  /** Specifies the content of the component. */\n  children: PropTypes.node.isRequired,\n  /** The class to append to the base element. */\n  className: PropTypes.string,\n  /** Icon that will be shown in the top-left corner. */\n  icon: PropTypes.func,\n  /** Specifies variant to use. */\n  variant: PropTypes.oneOf([\n    'primary',\n    'success',\n    'danger',\n    'warning',\n  ]),\n  /** Specifies title for the `Card.Status`. */\n  title: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\n  /** Specifies any optional actions, e.g. button(s). */\n  actions: PropTypes.node,\n};\n\nCardStatus.defaultProps = {\n  className: undefined,\n  icon: undefined,\n  variant: 'warning',\n  title: undefined,\n  actions: undefined,\n};\n\nexport default CardStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,WAAW,MAAM,eAAe;AAEvC,MAAMC,UAAU,gBAAGP,KAAK,CAACQ,UAAU,CAAC,CAAAC,IAAA,EAQjCC,GAAG,KAAK;EAAA,IAR0B;IACnCC,SAAS;IACTC,QAAQ;IACRC,OAAO;IACPC,IAAI;IACJC,KAAK;IACLC,OAAO;IACP,GAAGC;EACL,CAAC,GAAAR,IAAA;EACC,MAAM;IAAES;EAAU,CAAC,GAAGjB,UAAU,CAACK,WAAW,CAAC;EAE7C,IAAIY,SAAS,EAAE;IACb,oBACElB,KAAA,CAAAmB,aAAA;MACER,SAAS,EAAER,UAAU,CACnB,kBAAkB,EAClBQ,SACF,CAAE;MACF,eAAY,sBAAsB;MAClCD,GAAG,EAAEA;IAAI,gBAETV,KAAA,CAAAmB,aAAA,CAACf,QAAQ,MAAE,CACR,CAAC;EAEV;EAEA,oBACEJ,KAAA,CAAAmB,aAAA;IACER,SAAS,EAAER,UAAU,CACnB,kBAAkB,EAClB,qBAAqBU,OAAO,EAAE,EAC9BF,SACF,CAAE;IACFD,GAAG,EAAEA,GAAI;IAAA,GACLO;EAAK,gBAETjB,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAC;EAA2B,GACvCG,IAAI,iBAAId,KAAA,CAAAmB,aAAA,CAACd,IAAI;IAACM,SAAS,EAAC,gCAAgC;IAACS,GAAG,EAAEN;EAAK,CAAE,CAAC,eACvEd,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAC;EAAmC,GAC/CI,KAAK,iBAAIf,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAC;EAA2B,GAAEI,KAAW,CAAC,EACjEH,QACE,CACF,CAAC,EACL,CAAC,CAACI,OAAO,iBACRhB,KAAA,CAAAmB,aAAA;IAAKR,SAAS,EAAC;EAA2B,GACvCK,OACE,CAEJ,CAAC;AAEV,CAAC,CAAC;AAEFT,UAAU,CAACc,SAAS,GAAG;EACrB;EACAT,QAAQ,EAAEV,SAAS,CAACoB,IAAI,CAACC,UAAU;EACnC;EACAZ,SAAS,EAAET,SAAS,CAACsB,MAAM;EAC3B;EACAV,IAAI,EAAEZ,SAAS,CAACuB,IAAI;EACpB;EACAZ,OAAO,EAAEX,SAAS,CAACwB,KAAK,CAAC,CACvB,SAAS,EACT,SAAS,EACT,QAAQ,EACR,SAAS,CACV,CAAC;EACF;EACAX,KAAK,EAAEb,SAAS,CAACyB,SAAS,CAAC,CAACzB,SAAS,CAAC0B,OAAO,EAAE1B,SAAS,CAACsB,MAAM,CAAC,CAAC;EACjE;EACAR,OAAO,EAAEd,SAAS,CAACoB;AACrB,CAAC;AAEDf,UAAU,CAACsB,YAAY,GAAG;EACxBlB,SAAS,EAAEmB,SAAS;EACpBhB,IAAI,EAAEgB,SAAS;EACfjB,OAAO,EAAE,SAAS;EAClBE,KAAK,EAAEe,SAAS;EAChBd,OAAO,EAAEc;AACX,CAAC;AAED,eAAevB,UAAU","ignoreList":[]}
+{"version":3,"file":"CardStatus.js","names":["React","useContext","PropTypes","classNames","Skeleton","Icon","CardContext","CardStatus","forwardRef","className","children","variant","icon","title","actions","props","ref","isLoading","createElement","src","propTypes","node","isRequired","string","func","oneOf","oneOfType","element","defaultProps","undefined"],"sources":["../../src/Card/CardStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Skeleton from 'react-loading-skeleton';\nimport Icon from '../Icon';\nimport CardContext from './CardContext';\n\nconst CardStatus = React.forwardRef(({\n  className,\n  children,\n  variant,\n  icon,\n  title,\n  actions,\n  ...props\n}, ref) => {\n  const { isLoading } = useContext(CardContext);\n\n  if (isLoading) {\n    return (\n      <div\n        className={classNames(\n          'pgn__card-status',\n          className,\n        )}\n        data-testid=\"card-status-skeleton\"\n        ref={ref}\n      >\n        <Skeleton />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={classNames(\n        'pgn__card-status',\n        `pgn__card-status__${variant}`,\n        className,\n      )}\n      ref={ref}\n      {...props}\n    >\n      <div className=\"pgn__card-status__content\">\n        {icon && <Icon className=\"pgn__card-status__content-icon\" src={icon} />}\n        <div className=\"pgn__card-status__message-content\">\n          {title && <div className=\"pgn__card-status__heading\">{title}</div>}\n          {children}\n        </div>\n      </div>\n      {!!actions && (\n        <div className=\"pgn__card-status__actions\">\n          {actions}\n        </div>\n      )}\n    </div>\n  );\n});\n\nCardStatus.propTypes = {\n  /** Specifies the content of the component. */\n  children: PropTypes.node.isRequired,\n  /** The class to append to the base element. */\n  className: PropTypes.string,\n  /** Icon that will be shown in the top-left corner. */\n  icon: PropTypes.func,\n  /** Specifies variant to use. */\n  variant: PropTypes.oneOf([\n    'primary',\n    'success',\n    'danger',\n    'warning',\n  ]),\n  /** Specifies title for the `Card.Status`. */\n  title: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\n  /** Specifies any optional actions, e.g. button(s). */\n  actions: PropTypes.node,\n};\n\nCardStatus.defaultProps = {\n  className: undefined,\n  icon: undefined,\n  variant: 'warning',\n  title: undefined,\n  actions: undefined,\n};\n\nexport default CardStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,WAAW,MAAM,eAAe;AAEvC,MAAMC,UAAU,gBAAGP,KAAK,CAACQ,UAAU,CAAC,CAAC;EACnCC,SAAS;EACTC,QAAQ;EACRC,OAAO;EACPC,IAAI;EACJC,KAAK;EACLC,OAAO;EACP,GAAGC;AACL,CAAC,EAAEC,GAAG,KAAK;EACT,MAAM;IAAEC;EAAU,CAAC,GAAGhB,UAAU,CAACK,WAAW,CAAC;EAE7C,IAAIW,SAAS,EAAE;IACb,oBACEjB,KAAA,CAAAkB,aAAA;MACET,SAAS,EAAEN,UAAU,CACnB,kBAAkB,EAClBM,SACF,CAAE;MACF,eAAY,sBAAsB;MAClCO,GAAG,EAAEA;IAAI,gBAEThB,KAAA,CAAAkB,aAAA,CAACd,QAAQ,MAAE,CACR,CAAC;EAEV;EAEA,oBACEJ,KAAA,CAAAkB,aAAA;IACET,SAAS,EAAEN,UAAU,CACnB,kBAAkB,EAClB,qBAAqBQ,OAAO,EAAE,EAC9BF,SACF,CAAE;IACFO,GAAG,EAAEA,GAAI;IAAA,GACLD;EAAK,gBAETf,KAAA,CAAAkB,aAAA;IAAKT,SAAS,EAAC;EAA2B,GACvCG,IAAI,iBAAIZ,KAAA,CAAAkB,aAAA,CAACb,IAAI;IAACI,SAAS,EAAC,gCAAgC;IAACU,GAAG,EAAEP;EAAK,CAAE,CAAC,eACvEZ,KAAA,CAAAkB,aAAA;IAAKT,SAAS,EAAC;EAAmC,GAC/CI,KAAK,iBAAIb,KAAA,CAAAkB,aAAA;IAAKT,SAAS,EAAC;EAA2B,GAAEI,KAAW,CAAC,EACjEH,QACE,CACF,CAAC,EACL,CAAC,CAACI,OAAO,iBACRd,KAAA,CAAAkB,aAAA;IAAKT,SAAS,EAAC;EAA2B,GACvCK,OACE,CAEJ,CAAC;AAEV,CAAC,CAAC;AAEFP,UAAU,CAACa,SAAS,GAAG;EACrB;EACAV,QAAQ,EAAER,SAAS,CAACmB,IAAI,CAACC,UAAU;EACnC;EACAb,SAAS,EAAEP,SAAS,CAACqB,MAAM;EAC3B;EACAX,IAAI,EAAEV,SAAS,CAACsB,IAAI;EACpB;EACAb,OAAO,EAAET,SAAS,CAACuB,KAAK,CAAC,CACvB,SAAS,EACT,SAAS,EACT,QAAQ,EACR,SAAS,CACV,CAAC;EACF;EACAZ,KAAK,EAAEX,SAAS,CAACwB,SAAS,CAAC,CAACxB,SAAS,CAACyB,OAAO,EAAEzB,SAAS,CAACqB,MAAM,CAAC,CAAC;EACjE;EACAT,OAAO,EAAEZ,SAAS,CAACmB;AACrB,CAAC;AAEDd,UAAU,CAACqB,YAAY,GAAG;EACxBnB,SAAS,EAAEoB,SAAS;EACpBjB,IAAI,EAAEiB,SAAS;EACflB,OAAO,EAAE,SAAS;EAClBE,KAAK,EAAEgB,SAAS;EAChBf,OAAO,EAAEe;AACX,CAAC;AAED,eAAetB,UAAU","ignoreList":[]}

package/dist/Card/index.js

@@ -12,16 +12,15 @@ import CardBody from './CardBody';
 import CardStatus from './CardStatus';
 import withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';
 export const CARD_VARIANTS = ['light', 'dark', 'muted'];
-const Card = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    orientation,
-    isLoading,
-    className,
-    isClickable,
-    muted,
-    variant,
-    ...props
-  } = _ref;
+const Card = /*#__PURE__*/React.forwardRef(({
+  orientation,
+  isLoading,
+  className,
+  isClickable,
+  muted,
+  variant,
+  ...props
+}, ref) => {
   const resolvedVariant = muted ? 'muted' : variant;
   return /*#__PURE__*/React.createElement(CardContextProvider, {
     orientation: orientation,

package/dist/Card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","BaseCard","CardContext","CardContextProvider","CardHeader","CardDivider","CardSection","CardFooter","CardImageCap","CardBody","CardStatus","withDeprecatedProps","DeprTypes","CARD_VARIANTS","Card","forwardRef","_ref","ref","orientation","isLoading","className","isClickable","muted","variant","props","resolvedVariant","createElement","horizontal","clickable","tabIndex","default","CardColumns","CardDeck","CardCarousel","CardImg","CardGroup","CardGrid","propTypes","string","oneOf","bool","defaultProps","undefined","CardWithDeprecatedProp","deprType","REMOVED","message","Status","Header","Divider","Section","Footer","ImageCap","Context","Body"],"sources":["../../src/Card/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport BaseCard from './BaseCard';\nimport CardContext, { CardContextProvider } from './CardContext';\nimport CardHeader from './CardHeader';\nimport CardDivider from './CardDivider';\nimport CardSection from './CardSection';\nimport CardFooter from './CardFooter';\nimport CardImageCap from './CardImageCap';\nimport CardBody from './CardBody';\nimport CardStatus from './CardStatus';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nexport const CARD_VARIANTS = ['light', 'dark', 'muted'];\n\nconst Card = React.forwardRef(({\n  orientation,\n  isLoading,\n  className,\n  isClickable,\n  muted,\n  variant,\n  ...props\n}, ref) => {\n  const resolvedVariant = muted ? 'muted' : variant;\n\n  return (\n    <CardContextProvider\n      orientation={orientation}\n      isLoading={isLoading}\n      variant={resolvedVariant}\n    >\n      <BaseCard\n        {...props}\n        className={classNames(className, 'pgn__card', {\n          horizontal: orientation === 'horizontal',\n          clickable: isClickable,\n          [`pgn__card-${resolvedVariant}`]: resolvedVariant,\n        })}\n        ref={ref}\n        tabIndex={isClickable ? 0 : -1}\n      />\n    </CardContextProvider>\n  );\n});\n\nexport { default as CardColumns } from 'react-bootstrap/CardColumns';\nexport { default as CardDeck } from './CardDeck';\nexport { default as CardCarousel } from './CardCarousel/CardCarousel';\nexport { default as CardImg } from 'react-bootstrap/CardImg';\nexport { default as CardGroup } from 'react-bootstrap/CardGroup';\nexport { default as CardGrid } from './CardGrid';\n\nCard.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies which orientation to use. */\n  orientation: PropTypes.oneOf(['vertical', 'horizontal']),\n  /** Specifies whether the `Card` is clickable, if `true` appropriate `hover` and `focus` styling will be added. */\n  isClickable: PropTypes.bool,\n  /** Specifies loading state. */\n  isLoading: PropTypes.bool,\n  /** Specifies `Card` style variant. */\n  variant: PropTypes.oneOf(CARD_VARIANTS),\n  /** **Deprecated**. Specifies whether `Card` uses `muted` variant. Use `variant=\"muted\"` instead. */\n  muted: PropTypes.bool,\n};\n\nCard.defaultProps = {\n  ...BaseCard.defaultProps,\n  className: undefined,\n  orientation: 'vertical',\n  isClickable: false,\n  variant: 'light',\n  isLoading: false,\n};\n\nconst CardWithDeprecatedProp = withDeprecatedProps(Card, 'Card', {\n  muted: {\n    deprType: DeprTypes.REMOVED,\n    message: 'Use \"variant\" prop instead, i.e. variant=\"muted\"',\n  },\n});\n\nCardWithDeprecatedProp.Status = CardStatus;\nCardWithDeprecatedProp.Header = CardHeader;\nCardWithDeprecatedProp.Divider = CardDivider;\nCardWithDeprecatedProp.Section = CardSection;\nCardWithDeprecatedProp.Footer = CardFooter;\nCardWithDeprecatedProp.ImageCap = CardImageCap;\nCardWithDeprecatedProp.Context = CardContext;\nCardWithDeprecatedProp.Body = CardBody;\n\nexport default CardWithDeprecatedProp;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","BaseCard","CardContext","CardContextProvider","CardHeader","CardDivider","CardSection","CardFooter","CardImageCap","CardBody","CardStatus","withDeprecatedProps","DeprTypes","CARD_VARIANTS","Card","forwardRef","orientation","isLoading","className","isClickable","muted","variant","props","ref","resolvedVariant","createElement","horizontal","clickable","tabIndex","default","CardColumns","CardDeck","CardCarousel","CardImg","CardGroup","CardGrid","propTypes","string","oneOf","bool","defaultProps","undefined","CardWithDeprecatedProp","deprType","REMOVED","message","Status","Header","Divider","Section","Footer","ImageCap","Context","Body"],"sources":["../../src/Card/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport BaseCard from './BaseCard';\nimport CardContext, { CardContextProvider } from './CardContext';\nimport CardHeader from './CardHeader';\nimport CardDivider from './CardDivider';\nimport CardSection from './CardSection';\nimport CardFooter from './CardFooter';\nimport CardImageCap from './CardImageCap';\nimport CardBody from './CardBody';\nimport CardStatus from './CardStatus';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nexport const CARD_VARIANTS = ['light', 'dark', 'muted'];\n\nconst Card = React.forwardRef(({\n  orientation,\n  isLoading,\n  className,\n  isClickable,\n  muted,\n  variant,\n  ...props\n}, ref) => {\n  const resolvedVariant = muted ? 'muted' : variant;\n\n  return (\n    <CardContextProvider\n      orientation={orientation}\n      isLoading={isLoading}\n      variant={resolvedVariant}\n    >\n      <BaseCard\n        {...props}\n        className={classNames(className, 'pgn__card', {\n          horizontal: orientation === 'horizontal',\n          clickable: isClickable,\n          [`pgn__card-${resolvedVariant}`]: resolvedVariant,\n        })}\n        ref={ref}\n        tabIndex={isClickable ? 0 : -1}\n      />\n    </CardContextProvider>\n  );\n});\n\nexport { default as CardColumns } from 'react-bootstrap/CardColumns';\nexport { default as CardDeck } from './CardDeck';\nexport { default as CardCarousel } from './CardCarousel/CardCarousel';\nexport { default as CardImg } from 'react-bootstrap/CardImg';\nexport { default as CardGroup } from 'react-bootstrap/CardGroup';\nexport { default as CardGrid } from './CardGrid';\n\nCard.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies which orientation to use. */\n  orientation: PropTypes.oneOf(['vertical', 'horizontal']),\n  /** Specifies whether the `Card` is clickable, if `true` appropriate `hover` and `focus` styling will be added. */\n  isClickable: PropTypes.bool,\n  /** Specifies loading state. */\n  isLoading: PropTypes.bool,\n  /** Specifies `Card` style variant. */\n  variant: PropTypes.oneOf(CARD_VARIANTS),\n  /** **Deprecated**. Specifies whether `Card` uses `muted` variant. Use `variant=\"muted\"` instead. */\n  muted: PropTypes.bool,\n};\n\nCard.defaultProps = {\n  ...BaseCard.defaultProps,\n  className: undefined,\n  orientation: 'vertical',\n  isClickable: false,\n  variant: 'light',\n  isLoading: false,\n};\n\nconst CardWithDeprecatedProp = withDeprecatedProps(Card, 'Card', {\n  muted: {\n    deprType: DeprTypes.REMOVED,\n    message: 'Use \"variant\" prop instead, i.e. variant=\"muted\"',\n  },\n});\n\nCardWithDeprecatedProp.Status = CardStatus;\nCardWithDeprecatedProp.Header = CardHeader;\nCardWithDeprecatedProp.Divider = CardDivider;\nCardWithDeprecatedProp.Section = CardSection;\nCardWithDeprecatedProp.Footer = CardFooter;\nCardWithDeprecatedProp.ImageCap = CardImageCap;\nCardWithDeprecatedProp.Context = CardContext;\nCardWithDeprecatedProp.Body = CardBody;\n\nexport default CardWithDeprecatedProp;\n"],"mappings":"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","ignoreList":[]}

package/dist/Chip/ChipIcon.js

@@ -3,15 +3,14 @@ import PropTypes from 'prop-types';
 import Icon from '../Icon';
 import IconButton from '../IconButton';
 import { STYLE_VARIANTS } from './constants';
-function ChipIcon(_ref) {
-  let {
-    className,
-    src,
-    onClick,
-    alt,
-    variant,
-    disabled
-  } = _ref;
+function ChipIcon({
+  className,
+  src,
+  onClick,
+  alt,
+  variant,
+  disabled
+}) {
   if (onClick) {
     return /*#__PURE__*/React.createElement(IconButton, {
       className: className,

package/dist/Chip/ChipIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipIcon.js","names":["React","PropTypes","Icon","IconButton","STYLE_VARIANTS","ChipIcon","_ref","className","src","onClick","alt","variant","disabled","createElement","iconAs","invertColors","DARK","tabIndex","size","propTypes","string","isRequired","oneOfType","element","func","bool","defaultProps","undefined","LIGHT"],"sources":["../../src/Chip/ChipIcon.tsx"],"sourcesContent":["import React, { KeyboardEventHandler, MouseEventHandler } from 'react';\nimport PropTypes from 'prop-types';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\nimport { STYLE_VARIANTS } from './constants';\n\nexport type ChipIconProps = {\n  className: string,\n  src: React.ComponentType,\n  variant: typeof STYLE_VARIANTS[keyof typeof STYLE_VARIANTS],\n  disabled?: boolean,\n} & (\n  // Either _both_ onClick and alt are provided, or neither is:\n  | { onClick: KeyboardEventHandler<HTMLButtonElement> & MouseEventHandler<HTMLButtonElement>, alt: string }\n  | { onClick?: undefined, alt?: undefined }\n);\n\nfunction ChipIcon({\n  className, src, onClick, alt, variant, disabled,\n}: ChipIconProps) {\n  if (onClick) {\n    return (\n      <IconButton\n        className={className}\n        src={src}\n        onClick={onClick}\n        iconAs={Icon}\n        alt={alt}\n        invertColors={variant === STYLE_VARIANTS.DARK}\n        tabIndex={disabled ? -1 : 0}\n      />\n    );\n  }\n\n  return <Icon src={src} className={className} size=\"sm\" />;\n}\n\nChipIcon.propTypes = {\n  className: PropTypes.string.isRequired,\n  src: PropTypes.oneOfType([PropTypes.element, PropTypes.func]).isRequired,\n  onClick: PropTypes.func,\n  alt: PropTypes.string,\n  variant: PropTypes.string,\n  disabled: PropTypes.bool,\n};\n\nChipIcon.defaultProps = {\n  onClick: undefined,\n  alt: undefined,\n  variant: STYLE_VARIANTS.LIGHT,\n  disabled: false,\n};\n\nexport default ChipIcon;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAmD,OAAO;AACtE,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,cAAc,QAAQ,aAAa;AAa5C,SAASC,QAAQA,CAAAC,IAAA,EAEC;EAAA,IAFA;IAChBC,SAAS;IAAEC,GAAG;IAAEC,OAAO;IAAEC,GAAG;IAAEC,OAAO;IAAEC;EAC1B,CAAC,GAAAN,IAAA;EACd,IAAIG,OAAO,EAAE;IACX,oBACET,KAAA,CAAAa,aAAA,CAACV,UAAU;MACTI,SAAS,EAAEA,SAAU;MACrBC,GAAG,EAAEA,GAAI;MACTC,OAAO,EAAEA,OAAQ;MACjBK,MAAM,EAAEZ,IAAK;MACbQ,GAAG,EAAEA,GAAI;MACTK,YAAY,EAAEJ,OAAO,KAAKP,cAAc,CAACY,IAAK;MAC9CC,QAAQ,EAAEL,QAAQ,GAAG,CAAC,CAAC,GAAG;IAAE,CAC7B,CAAC;EAEN;EAEA,oBAAOZ,KAAA,CAAAa,aAAA,CAACX,IAAI;IAACM,GAAG,EAAEA,GAAI;IAACD,SAAS,EAAEA,SAAU;IAACW,IAAI,EAAC;EAAI,CAAE,CAAC;AAC3D;AAEAb,QAAQ,CAACc,SAAS,GAAG;EACnBZ,SAAS,EAAEN,SAAS,CAACmB,MAAM,CAACC,UAAU;EACtCb,GAAG,EAAEP,SAAS,CAACqB,SAAS,CAAC,CAACrB,SAAS,CAACsB,OAAO,EAAEtB,SAAS,CAACuB,IAAI,CAAC,CAAC,CAACH,UAAU;EACxEZ,OAAO,EAAER,SAAS,CAACuB,IAAI;EACvBd,GAAG,EAAET,SAAS,CAACmB,MAAM;EACrBT,OAAO,EAAEV,SAAS,CAACmB,MAAM;EACzBR,QAAQ,EAAEX,SAAS,CAACwB;AACtB,CAAC;AAEDpB,QAAQ,CAACqB,YAAY,GAAG;EACtBjB,OAAO,EAAEkB,SAAS;EAClBjB,GAAG,EAAEiB,SAAS;EACdhB,OAAO,EAAEP,cAAc,CAACwB,KAAK;EAC7BhB,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeP,QAAQ","ignoreList":[]}
+{"version":3,"file":"ChipIcon.js","names":["React","PropTypes","Icon","IconButton","STYLE_VARIANTS","ChipIcon","className","src","onClick","alt","variant","disabled","createElement","iconAs","invertColors","DARK","tabIndex","size","propTypes","string","isRequired","oneOfType","element","func","bool","defaultProps","undefined","LIGHT"],"sources":["../../src/Chip/ChipIcon.tsx"],"sourcesContent":["import React, { KeyboardEventHandler, MouseEventHandler } from 'react';\nimport PropTypes from 'prop-types';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\nimport { STYLE_VARIANTS } from './constants';\n\nexport type ChipIconProps = {\n  className: string,\n  src: React.ComponentType,\n  variant: typeof STYLE_VARIANTS[keyof typeof STYLE_VARIANTS],\n  disabled?: boolean,\n} & (\n  // Either _both_ onClick and alt are provided, or neither is:\n  | { onClick: KeyboardEventHandler<HTMLButtonElement> & MouseEventHandler<HTMLButtonElement>, alt: string }\n  | { onClick?: undefined, alt?: undefined }\n);\n\nfunction ChipIcon({\n  className, src, onClick, alt, variant, disabled,\n}: ChipIconProps) {\n  if (onClick) {\n    return (\n      <IconButton\n        className={className}\n        src={src}\n        onClick={onClick}\n        iconAs={Icon}\n        alt={alt}\n        invertColors={variant === STYLE_VARIANTS.DARK}\n        tabIndex={disabled ? -1 : 0}\n      />\n    );\n  }\n\n  return <Icon src={src} className={className} size=\"sm\" />;\n}\n\nChipIcon.propTypes = {\n  className: PropTypes.string.isRequired,\n  src: PropTypes.oneOfType([PropTypes.element, PropTypes.func]).isRequired,\n  onClick: PropTypes.func,\n  alt: PropTypes.string,\n  variant: PropTypes.string,\n  disabled: PropTypes.bool,\n};\n\nChipIcon.defaultProps = {\n  onClick: undefined,\n  alt: undefined,\n  variant: STYLE_VARIANTS.LIGHT,\n  disabled: false,\n};\n\nexport default ChipIcon;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAmD,OAAO;AACtE,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,cAAc,QAAQ,aAAa;AAa5C,SAASC,QAAQA,CAAC;EAChBC,SAAS;EAAEC,GAAG;EAAEC,OAAO;EAAEC,GAAG;EAAEC,OAAO;EAAEC;AAC1B,CAAC,EAAE;EAChB,IAAIH,OAAO,EAAE;IACX,oBACER,KAAA,CAAAY,aAAA,CAACT,UAAU;MACTG,SAAS,EAAEA,SAAU;MACrBC,GAAG,EAAEA,GAAI;MACTC,OAAO,EAAEA,OAAQ;MACjBK,MAAM,EAAEX,IAAK;MACbO,GAAG,EAAEA,GAAI;MACTK,YAAY,EAAEJ,OAAO,KAAKN,cAAc,CAACW,IAAK;MAC9CC,QAAQ,EAAEL,QAAQ,GAAG,CAAC,CAAC,GAAG;IAAE,CAC7B,CAAC;EAEN;EAEA,oBAAOX,KAAA,CAAAY,aAAA,CAACV,IAAI;IAACK,GAAG,EAAEA,GAAI;IAACD,SAAS,EAAEA,SAAU;IAACW,IAAI,EAAC;EAAI,CAAE,CAAC;AAC3D;AAEAZ,QAAQ,CAACa,SAAS,GAAG;EACnBZ,SAAS,EAAEL,SAAS,CAACkB,MAAM,CAACC,UAAU;EACtCb,GAAG,EAAEN,SAAS,CAACoB,SAAS,CAAC,CAACpB,SAAS,CAACqB,OAAO,EAAErB,SAAS,CAACsB,IAAI,CAAC,CAAC,CAACH,UAAU;EACxEZ,OAAO,EAAEP,SAAS,CAACsB,IAAI;EACvBd,GAAG,EAAER,SAAS,CAACkB,MAAM;EACrBT,OAAO,EAAET,SAAS,CAACkB,MAAM;EACzBR,QAAQ,EAAEV,SAAS,CAACuB;AACtB,CAAC;AAEDnB,QAAQ,CAACoB,YAAY,GAAG;EACtBjB,OAAO,EAAEkB,SAAS;EAClBjB,GAAG,EAAEiB,SAAS;EACdhB,OAAO,EAAEN,cAAc,CAACuB,KAAK;EAC7BhB,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeN,QAAQ","ignoreList":[]}

package/dist/Chip/index.d.ts

@@ -2,17 +2,39 @@ import React, { KeyboardEventHandler, MouseEventHandler } from 'react';
 import { STYLE_VARIANTS } from './constants';
 export declare const CHIP_PGN_CLASS = "pgn__chip";
 export interface IChip {
+    /** Specifies the content of the `Chip`. */
     children: React.ReactNode;
+    /** Click handler for the whole `Chip`, has effect only when Chip does not have any interactive icons. */
     onClick?: KeyboardEventHandler & MouseEventHandler;
+    /** Specifies an additional `className` to add to the base element. */
     className?: string;
+    /** The `Chip` style [variant](https://github.com/openedx/paragon/blob/release-23.x/src/Chip/constants.ts) to use. */
     variant?: typeof STYLE_VARIANTS[keyof typeof STYLE_VARIANTS];
+    /**
+     * An icon component to render before the content.
+     * Example import of a Paragon icon component:
+     *
+     * `import { Check } from '@openedx/paragon/icons';`
+     */
     iconBefore?: React.ComponentType;
+    /** Specifies icon alt text. */
     iconBeforeAlt?: string;
+    /**
+     * An icon component to render before after the content.
+     * Example import of a Paragon icon component:
+     *
+     * `import { Check } from '@openedx/paragon/icons';`
+     */
     iconAfter?: React.ComponentType;
+    /** Specifies icon alt text. */
     iconAfterAlt?: string;
+    /** A click handler for the `Chip` icon before. */
     onIconBeforeClick?: KeyboardEventHandler & MouseEventHandler;
+    /** A click handler for the `Chip` icon after. */
     onIconAfterClick?: KeyboardEventHandler & MouseEventHandler;
+    /** Disables the `Chip`. */
     disabled?: boolean;
+    /** Indicates if `Chip` has been selected. */
     isSelected?: boolean;
 }
 declare const Chip: React.ForwardRefExoticComponent<IChip & React.RefAttributes<HTMLDivElement>>;

package/dist/Chip/index.js

@@ -1,27 +1,22 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
-// @ts-ignore
-import { requiredWhen } from '../utils/propTypes';
-import { STYLE_VARIANTS } from './constants';
 import ChipIcon from './ChipIcon';
 export const CHIP_PGN_CLASS = 'pgn__chip';
-const Chip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    children,
-    className,
-    variant,
-    iconBefore,
-    iconBeforeAlt,
-    iconAfter,
-    iconAfterAlt,
-    onIconBeforeClick,
-    onIconAfterClick,
-    disabled,
-    isSelected,
-    onClick,
-    ...props
-  } = _ref;
+const Chip = /*#__PURE__*/React.forwardRef(({
+  children,
+  className,
+  variant = 'light',
+  iconBefore,
+  iconBeforeAlt,
+  iconAfter,
+  iconAfterAlt,
+  onIconBeforeClick,
+  onIconAfterClick,
+  disabled = false,
+  isSelected = false,
+  onClick,
+  ...props
+}, ref) => {
   const hasInteractiveIcons = !!(onIconBeforeClick || onIconAfterClick);
   const isChipInteractive = !hasInteractiveIcons && !!onClick;
   const interactionProps = isChipInteractive ? {
@@ -60,55 +55,5 @@ const Chip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     disabled: disabled
   }));
 });
-Chip.propTypes = {
-  /** Specifies the content of the `Chip`. */
-  // @ts-ignore
-  children: PropTypes.node.isRequired,
-  /** Specifies an additional `className` to add to the base element. */
-  className: PropTypes.string,
-  /** The `Chip` style variant to use. */
-  variant: PropTypes.oneOf(['light', 'dark']),
-  /** Disables the `Chip`. */
-  disabled: PropTypes.bool,
-  /** Click handler for the whole Chip, has effect only when Chip does not have any interactive icons. */
-  onClick: PropTypes.func,
-  /**
-   * An icon component to render before the content.
-   * Example import of a Paragon icon component:
-   *
-   * `import { Check } from '@openedx/paragon/icons';`
-   */
-  iconBefore: PropTypes.elementType,
-  /** Specifies icon alt text. */
-  iconBeforeAlt: requiredWhen(PropTypes.string, ['iconBefore', 'onIconBeforeClick']),
-  /** A click handler for the `Chip` icon before. */
-  onIconBeforeClick: PropTypes.func,
-  /**
-   * An icon component to render before after the content.
-   * Example import of a Paragon icon component:
-   *
-   * `import { Check } from '@openedx/paragon/icons';`
-   */
-  iconAfter: PropTypes.elementType,
-  /** Specifies icon alt text. */
-  iconAfterAlt: requiredWhen(PropTypes.string, ['iconAfter', 'onIconAfterClick']),
-  /** A click handler for the `Chip` icon after. */
-  onIconAfterClick: PropTypes.func,
-  /** Indicates if `Chip` has been selected. */
-  isSelected: PropTypes.bool
-};
-Chip.defaultProps = {
-  className: undefined,
-  variant: STYLE_VARIANTS.LIGHT,
-  disabled: false,
-  onClick: undefined,
-  iconBefore: undefined,
-  iconAfter: undefined,
-  onIconBeforeClick: undefined,
-  onIconAfterClick: undefined,
-  isSelected: false,
-  iconAfterAlt: undefined,
-  iconBeforeAlt: undefined
-};
 export default Chip;
 //# sourceMappingURL=index.js.map

package/dist/Chip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","requiredWhen","STYLE_VARIANTS","ChipIcon","CHIP_PGN_CLASS","Chip","forwardRef","_ref","ref","children","className","variant","iconBefore","iconBeforeAlt","iconAfter","iconAfterAlt","onIconBeforeClick","onIconAfterClick","disabled","isSelected","onClick","props","hasInteractiveIcons","isChipInteractive","interactionProps","onKeyPress","tabIndex","role","createElement","selected","interactive","src","alt","propTypes","node","isRequired","string","oneOf","bool","func","elementType","defaultProps","undefined","LIGHT"],"sources":["../../src/Chip/index.tsx"],"sourcesContent":["import React, { ForwardedRef, KeyboardEventHandler, MouseEventHandler } from 'react';\nimport PropTypes, { type Requireable } from 'prop-types';\nimport classNames from 'classnames';\n// @ts-ignore\nimport { requiredWhen } from '../utils/propTypes';\nimport { STYLE_VARIANTS } from './constants';\nimport ChipIcon from './ChipIcon';\n\nexport const CHIP_PGN_CLASS = 'pgn__chip';\n\nexport interface IChip {\n  children: React.ReactNode,\n  onClick?: KeyboardEventHandler & MouseEventHandler,\n  className?: string,\n  variant?: typeof STYLE_VARIANTS[keyof typeof STYLE_VARIANTS],\n  iconBefore?: React.ComponentType,\n  iconBeforeAlt?: string,\n  iconAfter?: React.ComponentType,\n  iconAfterAlt?: string,\n  onIconBeforeClick?: KeyboardEventHandler & MouseEventHandler,\n  onIconAfterClick?: KeyboardEventHandler & MouseEventHandler,\n  disabled?: boolean,\n  isSelected?: boolean,\n}\n\nconst Chip = React.forwardRef(({\n  children,\n  className,\n  variant,\n  iconBefore,\n  iconBeforeAlt,\n  iconAfter,\n  iconAfterAlt,\n  onIconBeforeClick,\n  onIconAfterClick,\n  disabled,\n  isSelected,\n  onClick,\n  ...props\n}: IChip, ref: ForwardedRef<HTMLDivElement>) => {\n  const hasInteractiveIcons = !!(onIconBeforeClick || onIconAfterClick);\n  const isChipInteractive = !hasInteractiveIcons && !!onClick;\n\n  const interactionProps = isChipInteractive ? {\n    onClick,\n    onKeyPress: onClick,\n    tabIndex: 0,\n    role: 'button',\n  } : {};\n\n  return (\n    <div\n      className={classNames(\n        CHIP_PGN_CLASS,\n        `pgn__chip-${variant}`,\n        className,\n        { disabled, selected: isSelected, interactive: isChipInteractive },\n      )}\n      ref={ref}\n      {...interactionProps}\n      {...props}\n    >\n      {iconBefore && (\n        <ChipIcon\n          className={`${CHIP_PGN_CLASS}__icon-before`}\n          src={iconBefore}\n          onClick={onIconBeforeClick}\n          alt={iconBeforeAlt}\n          variant={variant}\n          disabled={disabled}\n        />\n      )}\n      <div\n        className={classNames(`${CHIP_PGN_CLASS}__label`, {\n          'p-before': iconBefore,\n          'p-after': iconAfter,\n        })}\n      >\n        {children}\n      </div>\n      {iconAfter && (\n        <ChipIcon\n          className={`${CHIP_PGN_CLASS}__icon-after`}\n          src={iconAfter}\n          onClick={onIconAfterClick}\n          alt={iconAfterAlt}\n          variant={variant}\n          disabled={disabled}\n        />\n      )}\n    </div>\n  );\n});\n\nChip.propTypes = {\n  /** Specifies the content of the `Chip`. */\n  // @ts-ignore\n  children: PropTypes.node.isRequired,\n  /** Specifies an additional `className` to add to the base element. */\n  className: PropTypes.string,\n  /** The `Chip` style variant to use. */\n  variant: PropTypes.oneOf(['light', 'dark']),\n  /** Disables the `Chip`. */\n  disabled: PropTypes.bool,\n  /** Click handler for the whole Chip, has effect only when Chip does not have any interactive icons. */\n  onClick: PropTypes.func,\n  /**\n   * An icon component to render before the content.\n   * Example import of a Paragon icon component:\n   *\n   * `import { Check } from '@openedx/paragon/icons';`\n   */\n  iconBefore: PropTypes.elementType as Requireable<React.ComponentType>,\n  /** Specifies icon alt text. */\n  iconBeforeAlt: requiredWhen(PropTypes.string, ['iconBefore', 'onIconBeforeClick']),\n  /** A click handler for the `Chip` icon before. */\n  onIconBeforeClick: PropTypes.func,\n  /**\n   * An icon component to render before after the content.\n   * Example import of a Paragon icon component:\n   *\n   * `import { Check } from '@openedx/paragon/icons';`\n   */\n  iconAfter: PropTypes.elementType as Requireable<React.ComponentType>,\n  /** Specifies icon alt text. */\n  iconAfterAlt: requiredWhen(PropTypes.string, ['iconAfter', 'onIconAfterClick']),\n  /** A click handler for the `Chip` icon after. */\n  onIconAfterClick: PropTypes.func,\n  /** Indicates if `Chip` has been selected. */\n  isSelected: PropTypes.bool,\n};\n\nChip.defaultProps = {\n  className: undefined,\n  variant: STYLE_VARIANTS.LIGHT,\n  disabled: false,\n  onClick: undefined,\n  iconBefore: undefined,\n  iconAfter: undefined,\n  onIconBeforeClick: undefined,\n  onIconAfterClick: undefined,\n  isSelected: false,\n  iconAfterAlt: undefined,\n  iconBeforeAlt: undefined,\n};\n\nexport default Chip;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","classNames","ChipIcon","CHIP_PGN_CLASS","Chip","forwardRef","children","className","variant","iconBefore","iconBeforeAlt","iconAfter","iconAfterAlt","onIconBeforeClick","onIconAfterClick","disabled","isSelected","onClick","props","ref","hasInteractiveIcons","isChipInteractive","interactionProps","onKeyPress","tabIndex","role","createElement","selected","interactive","src","alt"],"sources":["../../src/Chip/index.tsx"],"sourcesContent":["import React, { ForwardedRef, KeyboardEventHandler, MouseEventHandler } from 'react';\nimport classNames from 'classnames';\nimport ChipIcon from './ChipIcon';\nimport { STYLE_VARIANTS } from './constants';\n\nexport const CHIP_PGN_CLASS = 'pgn__chip';\n\nexport interface IChip {\n  /** Specifies the content of the `Chip`. */\n  children: React.ReactNode,\n  /** Click handler for the whole `Chip`, has effect only when Chip does not have any interactive icons. */\n  onClick?: KeyboardEventHandler & MouseEventHandler,\n  /** Specifies an additional `className` to add to the base element. */\n  className?: string,\n  /** The `Chip` style [variant](https://github.com/openedx/paragon/blob/release-23.x/src/Chip/constants.ts) to use. */\n  variant?: typeof STYLE_VARIANTS[keyof typeof STYLE_VARIANTS],\n  /**\n   * An icon component to render before the content.\n   * Example import of a Paragon icon component:\n   *\n   * `import { Check } from '@openedx/paragon/icons';`\n   */\n  iconBefore?: React.ComponentType,\n  /** Specifies icon alt text. */\n  iconBeforeAlt?: string,\n  /**\n   * An icon component to render before after the content.\n   * Example import of a Paragon icon component:\n   *\n   * `import { Check } from '@openedx/paragon/icons';`\n   */\n  iconAfter?: React.ComponentType,\n  /** Specifies icon alt text. */\n  iconAfterAlt?: string,\n  /** A click handler for the `Chip` icon before. */\n  onIconBeforeClick?: KeyboardEventHandler & MouseEventHandler,\n  /** A click handler for the `Chip` icon after. */\n  onIconAfterClick?: KeyboardEventHandler & MouseEventHandler,\n  /** Disables the `Chip`. */\n  disabled?: boolean,\n  /** Indicates if `Chip` has been selected. */\n  isSelected?: boolean,\n}\n\nconst Chip = React.forwardRef(({\n  children,\n  className,\n  variant = 'light',\n  iconBefore,\n  iconBeforeAlt,\n  iconAfter,\n  iconAfterAlt,\n  onIconBeforeClick,\n  onIconAfterClick,\n  disabled = false,\n  isSelected = false,\n  onClick,\n  ...props\n}: IChip, ref: ForwardedRef<HTMLDivElement>) => {\n  const hasInteractiveIcons = !!(onIconBeforeClick || onIconAfterClick);\n  const isChipInteractive = !hasInteractiveIcons && !!onClick;\n\n  const interactionProps = isChipInteractive ? {\n    onClick,\n    onKeyPress: onClick,\n    tabIndex: 0,\n    role: 'button',\n  } : {};\n\n  return (\n    <div\n      className={classNames(\n        CHIP_PGN_CLASS,\n        `pgn__chip-${variant}`,\n        className,\n        { disabled, selected: isSelected, interactive: isChipInteractive },\n      )}\n      ref={ref}\n      {...interactionProps}\n      {...props}\n    >\n      {iconBefore && (\n        <ChipIcon\n          className={`${CHIP_PGN_CLASS}__icon-before`}\n          src={iconBefore}\n          onClick={onIconBeforeClick}\n          alt={iconBeforeAlt}\n          variant={variant}\n          disabled={disabled}\n        />\n      )}\n      <div\n        className={classNames(`${CHIP_PGN_CLASS}__label`, {\n          'p-before': iconBefore,\n          'p-after': iconAfter,\n        })}\n      >\n        {children}\n      </div>\n      {iconAfter && (\n        <ChipIcon\n          className={`${CHIP_PGN_CLASS}__icon-after`}\n          src={iconAfter}\n          onClick={onIconAfterClick}\n          alt={iconAfterAlt}\n          variant={variant}\n          disabled={disabled}\n        />\n      )}\n    </div>\n  );\n});\n\nexport default Chip;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAiE,OAAO;AACpF,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,YAAY;AAGjC,OAAO,MAAMC,cAAc,GAAG,WAAW;AAuCzC,MAAMC,IAAI,gBAAGJ,KAAK,CAACK,UAAU,CAAC,CAAC;EAC7BC,QAAQ;EACRC,SAAS;EACTC,OAAO,GAAG,OAAO;EACjBC,UAAU;EACVC,aAAa;EACbC,SAAS;EACTC,YAAY;EACZC,iBAAiB;EACjBC,gBAAgB;EAChBC,QAAQ,GAAG,KAAK;EAChBC,UAAU,GAAG,KAAK;EAClBC,OAAO;EACP,GAAGC;AACE,CAAC,EAAEC,GAAiC,KAAK;EAC9C,MAAMC,mBAAmB,GAAG,CAAC,EAAEP,iBAAiB,IAAIC,gBAAgB,CAAC;EACrE,MAAMO,iBAAiB,GAAG,CAACD,mBAAmB,IAAI,CAAC,CAACH,OAAO;EAE3D,MAAMK,gBAAgB,GAAGD,iBAAiB,GAAG;IAC3CJ,OAAO;IACPM,UAAU,EAAEN,OAAO;IACnBO,QAAQ,EAAE,CAAC;IACXC,IAAI,EAAE;EACR,CAAC,GAAG,CAAC,CAAC;EAEN,oBACEzB,KAAA,CAAA0B,aAAA;IACEnB,SAAS,EAAEN,UAAU,CACnBE,cAAc,EACd,aAAaK,OAAO,EAAE,EACtBD,SAAS,EACT;MAAEQ,QAAQ;MAAEY,QAAQ,EAAEX,UAAU;MAAEY,WAAW,EAAEP;IAAkB,CACnE,CAAE;IACFF,GAAG,EAAEA,GAAI;IAAA,GACLG,gBAAgB;IAAA,GAChBJ;EAAK,GAERT,UAAU,iBACTT,KAAA,CAAA0B,aAAA,CAACxB,QAAQ;IACPK,SAAS,EAAE,GAAGJ,cAAc,eAAgB;IAC5C0B,GAAG,EAAEpB,UAAW;IAChBQ,OAAO,EAAEJ,iBAAkB;IAC3BiB,GAAG,EAAEpB,aAAc;IACnBF,OAAO,EAAEA,OAAQ;IACjBO,QAAQ,EAAEA;EAAS,CACpB,CACF,eACDf,KAAA,CAAA0B,aAAA;IACEnB,SAAS,EAAEN,UAAU,CAAC,GAAGE,cAAc,SAAS,EAAE;MAChD,UAAU,EAAEM,UAAU;MACtB,SAAS,EAAEE;IACb,CAAC;EAAE,GAEFL,QACE,CAAC,EACLK,SAAS,iBACRX,KAAA,CAAA0B,aAAA,CAACxB,QAAQ;IACPK,SAAS,EAAE,GAAGJ,cAAc,cAAe;IAC3C0B,GAAG,EAAElB,SAAU;IACfM,OAAO,EAAEH,gBAAiB;IAC1BgB,GAAG,EAAElB,YAAa;IAClBJ,OAAO,EAAEA,OAAQ;IACjBO,QAAQ,EAAEA;EAAS,CACpB,CAEA,CAAC;AAEV,CAAC,CAAC;AAEF,eAAeX,IAAI","ignoreList":[]}

package/dist/ChipCarousel/index.js

@@ -11,20 +11,19 @@ import { ArrowForward, ArrowBack } from '../../icons';
 // @ts-ignore
 import messages from './messages';
 import Chip from '../Chip';
-const ChipCarousel = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    className,
-    items,
-    ariaLabel,
-    disableOpacityMasks,
-    onScrollPrevious,
-    onScrollNext,
-    canScrollHorizontal = false,
-    offset = 120,
-    offsetType = 'fixed',
-    gap,
-    ...props
-  } = _ref;
+const ChipCarousel = /*#__PURE__*/React.forwardRef(({
+  className,
+  items,
+  ariaLabel,
+  disableOpacityMasks,
+  onScrollPrevious,
+  onScrollNext,
+  canScrollHorizontal = false,
+  offset = 120,
+  offsetType = 'fixed',
+  gap,
+  ...props
+}, ref) => {
   const intl = useIntl();
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('pgn__chip-carousel', className, gap ? `pgn__chip-carousel-gap__${gap}` : ''),
@@ -39,45 +38,42 @@ const ChipCarousel = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     onScrollNext: onScrollNext,
     offset: offset,
     offsetType: offsetType
-  }, /*#__PURE__*/React.createElement(OverflowScrollContext.Consumer, null, _ref2 => {
-    let {
-      setOverflowRef,
-      isScrolledToStart,
-      isScrolledToEnd,
-      scrollToPrevious,
-      scrollToNext
-    } = _ref2;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(React.Fragment, null, !isScrolledToStart && /*#__PURE__*/React.createElement(IconButton, {
-      size: "sm",
-      className: "pgn__chip-carousel__left-control",
-      src: ArrowBack,
-      iconAs: Icon,
-      alt: intl.formatMessage(messages.scrollToPrevious),
-      onClick: scrollToPrevious
-    }), !isScrolledToEnd && /*#__PURE__*/React.createElement(IconButton, {
-      size: "sm",
-      className: "pgn__chip-carousel__right-control",
-      src: ArrowForward,
-      iconAs: Icon,
-      alt: intl.formatMessage(messages.scrollToNext),
-      onClick: scrollToNext
-    })), /*#__PURE__*/React.createElement("div", {
-      ref: setOverflowRef,
-      className: "d-flex"
-    }, /*#__PURE__*/React.createElement(OverflowScroll.Items, null, items?.map((item, id) => {
-      const {
-        children
-      } = item?.props || {};
-      if (!children) {
-        return null;
-      }
-      // eslint-disable-next-line react/no-array-index-key
-      return /*#__PURE__*/React.createElement(Chip, {
-        ...item.props,
-        key: id
-      });
-    }))));
-  })));
+  }, /*#__PURE__*/React.createElement(OverflowScrollContext.Consumer, null, ({
+    setOverflowRef,
+    isScrolledToStart,
+    isScrolledToEnd,
+    scrollToPrevious,
+    scrollToNext
+  }) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(React.Fragment, null, !isScrolledToStart && /*#__PURE__*/React.createElement(IconButton, {
+    size: "sm",
+    className: "pgn__chip-carousel__left-control",
+    src: ArrowBack,
+    iconAs: Icon,
+    alt: intl.formatMessage(messages.scrollToPrevious),
+    onClick: scrollToPrevious
+  }), !isScrolledToEnd && /*#__PURE__*/React.createElement(IconButton, {
+    size: "sm",
+    className: "pgn__chip-carousel__right-control",
+    src: ArrowForward,
+    iconAs: Icon,
+    alt: intl.formatMessage(messages.scrollToNext),
+    onClick: scrollToNext
+  })), /*#__PURE__*/React.createElement("div", {
+    ref: setOverflowRef,
+    className: "d-flex"
+  }, /*#__PURE__*/React.createElement(OverflowScroll.Items, null, items?.map((item, id) => {
+    const {
+      children
+    } = item?.props || {};
+    if (!children) {
+      return null;
+    }
+    // eslint-disable-next-line react/no-array-index-key
+    return /*#__PURE__*/React.createElement(Chip, {
+      ...item.props,
+      key: id
+    });
+  })))))));
 });
 ChipCarousel.propTypes = {
   /** Text describing the ChipCarousel for screen readers. */