@activecollab/components 2.0.254 → 2.0.255

package/dist/cjs/components/AvatarGroup/AvatarGroup.js

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _Styles = require("./Styles");
 var _Tooltip = require("../Tooltip");
 var _Typography = require("../Typography/Typography");
-var _excluded = ["limit", "size", "children", "hasTooltip"];
+var _excluded = ["limit", "size", "children", "hasTooltip", "className"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -29,6 +29,7 @@ var AvatarGroup = exports.AvatarGroup = /*#__PURE__*/(0, _react.forwardRef)(func
     children = _ref.children,
     _ref$hasTooltip = _ref.hasTooltip,
     hasTooltip = _ref$hasTooltip === void 0 ? false : _ref$hasTooltip,
+    className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);
   // always display counter with min +2 as +1 can takes space of an 1 more Avatar
   var minChildren = _react.Children.count(children) - limit > 1 ? false : true;
@@ -47,6 +48,7 @@ var AvatarGroup = exports.AvatarGroup = /*#__PURE__*/(0, _react.forwardRef)(func
     return props.alt;
   });
   return /*#__PURE__*/_react.default.createElement(_Styles.AvatarGroupsStyles, _extends({
+    className: className,
     hasTooltip: hasTooltip,
     ref: ref
   }, rest), _children.map(function (child, index) {

package/dist/cjs/components/AvatarGroup/AvatarGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.js","names":["_react","_interopRequireWildcard","require","_Styles","_Tooltip","_Typography","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_interopRequireDefault","obj","_extends","assign","bind","target","arguments","length","source","key","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","_toPrimitive","String","Symbol","toPrimitive","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","AvatarGroup","exports","forwardRef","_ref","ref","_Children$toArray","limit","_ref$size","size","children","_ref$hasTooltip","hasTooltip","rest","minChildren","Children","count","gap","_children","toArray","slice","handleVariant","useMemo","nameArr","map","item","_ref2","props","alt","createElement","AvatarGroupsStyles","child","index","tooltipText","concat","Tooltip","title","disable","cloneElement","style","marginLeft","outline","_StyledTooltip","join","_StyledLengthCountStyles","role","$_css","Typography","variant","weight","displayName","_styledComponents","withConfig","componentId","whiteSpace","lineHeight","LengthCountStyles","p"],"sources":["../../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, {\n  Children,\n  cloneElement,\n  PropsWithChildren,\n  ReactElement,\n  useMemo,\n  forwardRef,\n} from \"react\";\n\nimport { AvatarGroupsStyles, LengthCountStyles } from \"./Styles\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport interface AvatarGroupsProps {\n  limit: number;\n  size?: number;\n  hasTooltip?: boolean;\n}\n\nexport const AvatarGroup = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<AvatarGroupsProps>\n>(({ limit, size = 34, children, hasTooltip = false, ...rest }, ref) => {\n  // always display counter with min +2 as +1 can takes space of an 1 more Avatar\n  const minChildren = Children.count(children) - limit > 1 ? false : true;\n  // gap between Avatars\n  const gap = 8;\n\n  const _children = minChildren\n    ? Children.toArray(children)\n    : Children.toArray(children).slice(0, limit);\n\n  const handleVariant = useMemo(() => {\n    if (size >= 34) return \"Caption 1\";\n    return \"Caption 2\";\n  }, [size]);\n\n  // get all names indexed above limit number from alt tag on Avatar for counter tooltip\n  const nameArr = Children.toArray(children)\n    ?.slice(limit)\n    .map((item) => {\n      const { props } = item as ReactElement;\n      return props.alt;\n    });\n\n  return (\n    <AvatarGroupsStyles hasTooltip={hasTooltip} ref={ref} {...rest}>\n      {_children.map((child, index) => {\n        const item = child as ReactElement<AvatarProps>;\n        const tooltipText = item.props.alt;\n        const alt = `Image of ${tooltipText}`;\n        return (\n          <Tooltip\n            title={tooltipText ? tooltipText : \"\"}\n            disable={!hasTooltip}\n            key={alt}\n          >\n            {cloneElement(item, {\n              ...item.props,\n              size: size,\n              alt: alt,\n              style: {\n                // component preserves it's width\n                marginLeft: `-${index === 0 ? null : gap}px`,\n                outline: \"1px solid var(--page-paper-main)\",\n              },\n            })}\n          </Tooltip>\n        );\n      })}\n\n      {limit >= Children.count(children) || minChildren ? null : (\n        <Tooltip\n          title={nameArr.join(\",\\n\")}\n          disable={!hasTooltip}\n          css={{\n            whiteSpace: \"break-spaces\",\n            lineHeight: \"18px\",\n          }}\n        >\n          <LengthCountStyles\n            size={size}\n            role=\"status\"\n            aria-label=\"Rest of the users\"\n            css={{\n              marginLeft: `-${gap}px`,\n            }}\n          >\n            <Typography variant={handleVariant} weight=\"medium\">\n              +{Children.count(children) - limit}\n            </Typography>\n          </LengthCountStyles>\n        </Tooltip>\n      )}\n    </AvatarGroupsStyles>\n  );\n});\n\nAvatarGroup.displayName = \"AvatarGroup\";\n"],"mappings":"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"}
+{"version":3,"file":"AvatarGroup.js","names":["_react","_interopRequireWildcard","require","_Styles","_Tooltip","_Typography","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_interopRequireDefault","obj","_extends","assign","bind","target","arguments","length","source","key","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","_toPrimitive","String","Symbol","toPrimitive","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","AvatarGroup","exports","forwardRef","_ref","ref","_Children$toArray","limit","_ref$size","size","children","_ref$hasTooltip","hasTooltip","className","rest","minChildren","Children","count","gap","_children","toArray","slice","handleVariant","useMemo","nameArr","map","item","_ref2","props","alt","createElement","AvatarGroupsStyles","child","index","tooltipText","concat","Tooltip","title","disable","cloneElement","style","marginLeft","outline","_StyledTooltip","join","_StyledLengthCountStyles","role","$_css","Typography","variant","weight","displayName","_styledComponents","withConfig","componentId","whiteSpace","lineHeight","LengthCountStyles","p"],"sources":["../../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, {\n  Children,\n  cloneElement,\n  PropsWithChildren,\n  ReactElement,\n  useMemo,\n  forwardRef,\n} from \"react\";\n\nimport { AvatarGroupsStyles, LengthCountStyles } from \"./Styles\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport interface AvatarGroupsProps {\n  limit: number;\n  size?: number;\n  hasTooltip?: boolean;\n  className?: string;\n}\n\nexport const AvatarGroup = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<AvatarGroupsProps>\n>(\n  (\n    { limit, size = 34, children, hasTooltip = false, className, ...rest },\n    ref\n  ) => {\n    // always display counter with min +2 as +1 can takes space of an 1 more Avatar\n    const minChildren = Children.count(children) - limit > 1 ? false : true;\n    // gap between Avatars\n    const gap = 8;\n\n    const _children = minChildren\n      ? Children.toArray(children)\n      : Children.toArray(children).slice(0, limit);\n\n    const handleVariant = useMemo(() => {\n      if (size >= 34) return \"Caption 1\";\n      return \"Caption 2\";\n    }, [size]);\n\n    // get all names indexed above limit number from alt tag on Avatar for counter tooltip\n    const nameArr = Children.toArray(children)\n      ?.slice(limit)\n      .map((item) => {\n        const { props } = item as ReactElement;\n        return props.alt;\n      });\n\n    return (\n      <AvatarGroupsStyles\n        className={className}\n        hasTooltip={hasTooltip}\n        ref={ref}\n        {...rest}\n      >\n        {_children.map((child, index) => {\n          const item = child as ReactElement<AvatarProps>;\n          const tooltipText = item.props.alt;\n          const alt = `Image of ${tooltipText}`;\n          return (\n            <Tooltip\n              title={tooltipText ? tooltipText : \"\"}\n              disable={!hasTooltip}\n              key={alt}\n            >\n              {cloneElement(item, {\n                ...item.props,\n                size: size,\n                alt: alt,\n                style: {\n                  // component preserves it's width\n                  marginLeft: `-${index === 0 ? null : gap}px`,\n                  outline: \"1px solid var(--page-paper-main)\",\n                },\n              })}\n            </Tooltip>\n          );\n        })}\n\n        {limit >= Children.count(children) || minChildren ? null : (\n          <Tooltip\n            title={nameArr.join(\",\\n\")}\n            disable={!hasTooltip}\n            css={{\n              whiteSpace: \"break-spaces\",\n              lineHeight: \"18px\",\n            }}\n          >\n            <LengthCountStyles\n              size={size}\n              role=\"status\"\n              aria-label=\"Rest of the users\"\n              css={{\n                marginLeft: `-${gap}px`,\n              }}\n            >\n              <Typography variant={handleVariant} weight=\"medium\">\n                +{Children.count(children) - limit}\n              </Typography>\n            </LengthCountStyles>\n          </Tooltip>\n        )}\n      </AvatarGroupsStyles>\n    );\n  }\n);\n\nAvatarGroup.displayName = \"AvatarGroup\";\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AASA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAsD,IAAAI,SAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAY,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAjB,UAAA,GAAAiB,GAAA,KAAAhB,OAAA,EAAAgB,GAAA;AAAA,SAAAC,SAAA,IAAAA,QAAA,GAAAX,MAAA,CAAAY,MAAA,GAAAZ,MAAA,CAAAY,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,MAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,GAAA,IAAAD,MAAA,QAAAjB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAW,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAAA,SAAAK,QAAA/B,CAAA,EAAAE,CAAA,QAAAC,CAAA,GAAAQ,MAAA,CAAAqB,IAAA,CAAAhC,CAAA,OAAAW,MAAA,CAAAsB,qBAAA,QAAAC,CAAA,GAAAvB,MAAA,CAAAsB,qBAAA,CAAAjC,CAAA,GAAAE,CAAA,KAAAgC,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAjC,CAAA,WAAAS,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAE,CAAA,EAAAkC,UAAA,OAAAjC,CAAA,CAAAkC,IAAA,CAAAP,KAAA,CAAA3B,CAAA,EAAA+B,CAAA,YAAA/B,CAAA;AAAA,SAAAmC,cAAAtC,CAAA,aAAAE,CAAA,MAAAA,CAAA,GAAAwB,SAAA,CAAAC,MAAA,EAAAzB,CAAA,UAAAC,CAAA,WAAAuB,SAAA,CAAAxB,CAAA,IAAAwB,SAAA,CAAAxB,CAAA,QAAAA,CAAA,OAAA6B,OAAA,CAAApB,MAAA,CAAAR,CAAA,OAAAoC,OAAA,WAAArC,CAAA,IAAAsC,eAAA,CAAAxC,CAAA,EAAAE,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAS,MAAA,CAAA8B,yBAAA,GAAA9B,MAAA,CAAA+B,gBAAA,CAAA1C,CAAA,EAAAW,MAAA,CAAA8B,yBAAA,CAAAtC,CAAA,KAAA4B,OAAA,CAAApB,MAAA,CAAAR,CAAA,GAAAoC,OAAA,WAAArC,CAAA,IAAAS,MAAA,CAAAC,cAAA,CAAAZ,CAAA,EAAAE,CAAA,EAAAS,MAAA,CAAAE,wBAAA,CAAAV,CAAA,EAAAD,CAAA,iBAAAF,CAAA;AAAA,SAAAwC,gBAAAnB,GAAA,EAAAQ,GAAA,EAAAc,KAAA,IAAAd,GAAA,GAAAe,cAAA,CAAAf,GAAA,OAAAA,GAAA,IAAAR,GAAA,IAAAV,MAAA,CAAAC,cAAA,CAAAS,GAAA,EAAAQ,GAAA,IAAAc,KAAA,EAAAA,KAAA,EAAAP,UAAA,QAAAS,YAAA,QAAAC,QAAA,oBAAAzB,GAAA,CAAAQ,GAAA,IAAAc,KAAA,WAAAtB,GAAA;AAAA,SAAAuB,eAAAzC,CAAA,QAAAe,CAAA,GAAA6B,YAAA,CAAA5C,CAAA,uCAAAe,CAAA,GAAAA,CAAA,GAAA8B,MAAA,CAAA9B,CAAA;AAAA,SAAA6B,aAAA5C,CAAA,EAAAD,CAAA,2BAAAC,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAH,CAAA,GAAAG,CAAA,CAAA8C,MAAA,CAAAC,WAAA,kBAAAlD,CAAA,QAAAkB,CAAA,GAAAlB,CAAA,CAAAiB,IAAA,CAAAd,CAAA,EAAAD,CAAA,uCAAAgB,CAAA,SAAAA,CAAA,YAAAiC,SAAA,yEAAAjD,CAAA,GAAA8C,MAAA,GAAAI,MAAA,EAAAjD,CAAA;AAAA,SAAAkD,yBAAAzB,MAAA,EAAA0B,QAAA,QAAA1B,MAAA,yBAAAH,MAAA,GAAA8B,6BAAA,CAAA3B,MAAA,EAAA0B,QAAA,OAAAzB,GAAA,EAAAX,CAAA,MAAAP,MAAA,CAAAsB,qBAAA,QAAAuB,gBAAA,GAAA7C,MAAA,CAAAsB,qBAAA,CAAAL,MAAA,QAAAV,CAAA,MAAAA,CAAA,GAAAsC,gBAAA,CAAA7B,MAAA,EAAAT,CAAA,MAAAW,GAAA,GAAA2B,gBAAA,CAAAtC,CAAA,OAAAoC,QAAA,CAAAG,OAAA,CAAA5B,GAAA,uBAAAlB,MAAA,CAAAI,SAAA,CAAA2C,oBAAA,CAAAzC,IAAA,CAAAW,MAAA,EAAAC,GAAA,aAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAJ,MAAA;AAAA,SAAA8B,8BAAA3B,MAAA,EAAA0B,QAAA,QAAA1B,MAAA,yBAAAH,MAAA,WAAAkC,UAAA,GAAAhD,MAAA,CAAAqB,IAAA,CAAAJ,MAAA,OAAAC,GAAA,EAAAX,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAyC,UAAA,CAAAhC,MAAA,EAAAT,CAAA,MAAAW,GAAA,GAAA8B,UAAA,CAAAzC,CAAA,OAAAoC,QAAA,CAAAG,OAAA,CAAA5B,GAAA,kBAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAJ,MAAA;AAS/C,IAAMmC,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAG,IAAAE,iBAAU,EAInC,UAAAC,IAAA,EAEEC,GAAG,EACA;EAAA,IAAAC,iBAAA;EAAA,IAFDC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAAC,SAAA,GAAAJ,IAAA,CAAEK,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,EAAE,GAAAA,SAAA;IAAEE,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAAC,eAAA,GAAAP,IAAA,CAAEQ,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;IAAEE,SAAS,GAAAT,IAAA,CAATS,SAAS;IAAKC,IAAI,GAAApB,wBAAA,CAAAU,IAAA,EAAAjE,SAAA;EAGpE;EACA,IAAM4E,WAAW,GAAGC,eAAQ,CAACC,KAAK,CAACP,QAAQ,CAAC,GAAGH,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,IAAI;EACvE;EACA,IAAMW,GAAG,GAAG,CAAC;EAEb,IAAMC,SAAS,GAAGJ,WAAW,GACzBC,eAAQ,CAACI,OAAO,CAACV,QAAQ,CAAC,GAC1BM,eAAQ,CAACI,OAAO,CAACV,QAAQ,CAAC,CAACW,KAAK,CAAC,CAAC,EAAEd,KAAK,CAAC;EAE9C,IAAMe,aAAa,GAAG,IAAAC,cAAO,EAAC,YAAM;IAClC,IAAId,IAAI,IAAI,EAAE,EAAE,OAAO,WAAW;IAClC,OAAO,WAAW;EACpB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;;EAEV;EACA,IAAMe,OAAO,IAAAlB,iBAAA,GAAGU,eAAQ,CAACI,OAAO,CAACV,QAAQ,CAAC,cAAAJ,iBAAA,uBAA1BA,iBAAA,CACZe,KAAK,CAACd,KAAK,CAAC,CACbkB,GAAG,CAAC,UAACC,IAAI,EAAK;IACb,IAAAC,KAAA,GAAkBD,IAAI;MAAdE,KAAK,GAAAD,KAAA,CAALC,KAAK;IACb,OAAOA,KAAK,CAACC,GAAG;EAClB,CAAC,CAAC;EAEJ,oBACEhG,MAAA,CAAAa,OAAA,CAAAoF,aAAA,CAAC9F,OAAA,CAAA+F,kBAAkB,EAAApE,QAAA;IACjBkD,SAAS,EAAEA,SAAU;IACrBD,UAAU,EAAEA,UAAW;IACvBP,GAAG,EAAEA;EAAI,GACLS,IAAI,GAEPK,SAAS,CAACM,GAAG,CAAC,UAACO,KAAK,EAAEC,KAAK,EAAK;IAC/B,IAAMP,IAAI,GAAGM,KAAkC;IAC/C,IAAME,WAAW,GAAGR,IAAI,CAACE,KAAK,CAACC,GAAG;IAClC,IAAMA,GAAG,eAAAM,MAAA,CAAeD,WAAW,CAAE;IACrC,oBACErG,MAAA,CAAAa,OAAA,CAAAoF,aAAA,CAAC7F,QAAA,CAAAmG,OAAO;MACNC,KAAK,EAAEH,WAAW,GAAGA,WAAW,GAAG,EAAG;MACtCI,OAAO,EAAE,CAAC1B,UAAW;MACrB1C,GAAG,EAAE2D;IAAI,gBAER,IAAAU,mBAAY,EAACb,IAAI,EAAA/C,aAAA,CAAAA,aAAA,KACb+C,IAAI,CAACE,KAAK;MACbnB,IAAI,EAAEA,IAAI;MACVoB,GAAG,EAAEA,GAAG;MACRW,KAAK,EAAE;QACL;QACAC,UAAU,MAAAN,MAAA,CAAMF,KAAK,KAAK,CAAC,GAAG,IAAI,GAAGf,GAAG,OAAI;QAC5CwB,OAAO,EAAE;MACX;IAAC,EACF,CACM,CAAC;EAEd,CAAC,CAAC,EAEDnC,KAAK,IAAIS,eAAQ,CAACC,KAAK,CAACP,QAAQ,CAAC,IAAIK,WAAW,GAAG,IAAI,gBACtDlF,MAAA,CAAAa,OAAA,CAAAoF,aAAA,CAAAa,cAAA;IACEN,KAAK,EAAEb,OAAO,CAACoB,IAAI,CAAC,KAAK,CAAE;IAC3BN,OAAO,EAAE,CAAC1B;EAAW,gBAMrB/E,MAAA,CAAAa,OAAA,CAAAoF,aAAA,CAAAe,wBAAA;IACEpC,IAAI,EAAEA,IAAK;IACXqC,IAAI,EAAC,QAAQ;IACb,cAAW,mBAAmB;IAAAC,KAAA,MAAAZ,MAAA,CAEZjB,GAAG;EAAA,gBAGrBrF,MAAA,CAAAa,OAAA,CAAAoF,aAAA,CAAC5F,WAAA,CAAA8G,UAAU;IAACC,OAAO,EAAE3B,aAAc;IAAC4B,MAAM,EAAC;EAAQ,GAAC,GACjD,EAAClC,eAAQ,CAACC,KAAK,CAACP,QAAQ,CAAC,GAAGH,KACnB,CACK,CACZ,CAEO,CAAC;AAEzB,CACF,CAAC;AAEDN,WAAW,CAACkD,WAAW,GAAG,aAAa;AAAC,IAAAR,cAAA,OAAAS,iBAAA,CAAA1G,OAAA,EAAAT,QAAA,CAAAmG,OAAA,EAAAiB,UAAA;EAAAF,WAAA;EAAAG,WAAA;AAAA,GAxBvB;EACHC,UAAU,EAAE,cAAc;EAC1BC,UAAU,EAAE;AACd,CAAC;AAAA,IAAAX,wBAAA,OAAAO,iBAAA,CAAA1G,OAAA,EAAAV,OAAA,CAAAyH,iBAAA,EAAAJ,UAAA;EAAAF,WAAA;EAAAG,WAAA;AAAA,aAAAI,CAAA;EAAA,OAMM;IACHjB,UAAU,EAAAiB,CAAA,CAAAX;EACZ,CAAC;AAAA"}

package/dist/esm/components/AvatarGroup/AvatarGroup.d.ts

@@ -3,6 +3,7 @@ export interface AvatarGroupsProps {
     limit: number;
     size?: number;
     hasTooltip?: boolean;
+    className?: string;
 }
 export declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupsProps & {
     children?: React.ReactNode;

package/dist/esm/components/AvatarGroup/AvatarGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,WAAW;;wCA6EtB,CAAC"}
+{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW;;wCAuFvB,CAAC"}

package/dist/esm/components/AvatarGroup/AvatarGroup.js

@@ -12,6 +12,7 @@ export const AvatarGroup = /*#__PURE__*/forwardRef((_ref, ref) => {
     size = 34,
     children,
     hasTooltip = false,
+    className,
     ...rest
   } = _ref;
   // always display counter with min +2 as +1 can takes space of an 1 more Avatar
@@ -32,6 +33,7 @@ export const AvatarGroup = /*#__PURE__*/forwardRef((_ref, ref) => {
     return props.alt;
   });
   return /*#__PURE__*/React.createElement(AvatarGroupsStyles, _extends({
+    className: className,
     hasTooltip: hasTooltip,
     ref: ref
   }, rest), _children.map((child, index) => {

package/dist/esm/components/AvatarGroup/AvatarGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.js","names":["React","Children","cloneElement","useMemo","forwardRef","AvatarGroupsStyles","LengthCountStyles","Tooltip","Typography","AvatarGroup","_ref","ref","_Children$toArray","limit","size","children","hasTooltip","rest","minChildren","count","gap","_children","toArray","slice","handleVariant","nameArr","map","item","props","alt","createElement","_extends","child","index","tooltipText","title","disable","key","style","marginLeft","outline","_StyledTooltip","join","_StyledLengthCountStyles","role","$_css","variant","weight","displayName","_styled","withConfig","componentId","whiteSpace","lineHeight","p"],"sources":["../../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, {\n  Children,\n  cloneElement,\n  PropsWithChildren,\n  ReactElement,\n  useMemo,\n  forwardRef,\n} from \"react\";\n\nimport { AvatarGroupsStyles, LengthCountStyles } from \"./Styles\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport interface AvatarGroupsProps {\n  limit: number;\n  size?: number;\n  hasTooltip?: boolean;\n}\n\nexport const AvatarGroup = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<AvatarGroupsProps>\n>(({ limit, size = 34, children, hasTooltip = false, ...rest }, ref) => {\n  // always display counter with min +2 as +1 can takes space of an 1 more Avatar\n  const minChildren = Children.count(children) - limit > 1 ? false : true;\n  // gap between Avatars\n  const gap = 8;\n\n  const _children = minChildren\n    ? Children.toArray(children)\n    : Children.toArray(children).slice(0, limit);\n\n  const handleVariant = useMemo(() => {\n    if (size >= 34) return \"Caption 1\";\n    return \"Caption 2\";\n  }, [size]);\n\n  // get all names indexed above limit number from alt tag on Avatar for counter tooltip\n  const nameArr = Children.toArray(children)\n    ?.slice(limit)\n    .map((item) => {\n      const { props } = item as ReactElement;\n      return props.alt;\n    });\n\n  return (\n    <AvatarGroupsStyles hasTooltip={hasTooltip} ref={ref} {...rest}>\n      {_children.map((child, index) => {\n        const item = child as ReactElement<AvatarProps>;\n        const tooltipText = item.props.alt;\n        const alt = `Image of ${tooltipText}`;\n        return (\n          <Tooltip\n            title={tooltipText ? tooltipText : \"\"}\n            disable={!hasTooltip}\n            key={alt}\n          >\n            {cloneElement(item, {\n              ...item.props,\n              size: size,\n              alt: alt,\n              style: {\n                // component preserves it's width\n                marginLeft: `-${index === 0 ? null : gap}px`,\n                outline: \"1px solid var(--page-paper-main)\",\n              },\n            })}\n          </Tooltip>\n        );\n      })}\n\n      {limit >= Children.count(children) || minChildren ? null : (\n        <Tooltip\n          title={nameArr.join(\",\\n\")}\n          disable={!hasTooltip}\n          css={{\n            whiteSpace: \"break-spaces\",\n            lineHeight: \"18px\",\n          }}\n        >\n          <LengthCountStyles\n            size={size}\n            role=\"status\"\n            aria-label=\"Rest of the users\"\n            css={{\n              marginLeft: `-${gap}px`,\n            }}\n          >\n            <Typography variant={handleVariant} weight=\"medium\">\n              +{Children.count(children) - limit}\n            </Typography>\n          </LengthCountStyles>\n        </Tooltip>\n      )}\n    </AvatarGroupsStyles>\n  );\n});\n\nAvatarGroup.displayName = \"AvatarGroup\";\n"],"mappings":"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"}
+{"version":3,"file":"AvatarGroup.js","names":["React","Children","cloneElement","useMemo","forwardRef","AvatarGroupsStyles","LengthCountStyles","Tooltip","Typography","AvatarGroup","_ref","ref","_Children$toArray","limit","size","children","hasTooltip","className","rest","minChildren","count","gap","_children","toArray","slice","handleVariant","nameArr","map","item","props","alt","createElement","_extends","child","index","tooltipText","title","disable","key","style","marginLeft","outline","_StyledTooltip","join","_StyledLengthCountStyles","role","$_css","variant","weight","displayName","_styled","withConfig","componentId","whiteSpace","lineHeight","p"],"sources":["../../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, {\n  Children,\n  cloneElement,\n  PropsWithChildren,\n  ReactElement,\n  useMemo,\n  forwardRef,\n} from \"react\";\n\nimport { AvatarGroupsStyles, LengthCountStyles } from \"./Styles\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport interface AvatarGroupsProps {\n  limit: number;\n  size?: number;\n  hasTooltip?: boolean;\n  className?: string;\n}\n\nexport const AvatarGroup = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<AvatarGroupsProps>\n>(\n  (\n    { limit, size = 34, children, hasTooltip = false, className, ...rest },\n    ref\n  ) => {\n    // always display counter with min +2 as +1 can takes space of an 1 more Avatar\n    const minChildren = Children.count(children) - limit > 1 ? false : true;\n    // gap between Avatars\n    const gap = 8;\n\n    const _children = minChildren\n      ? Children.toArray(children)\n      : Children.toArray(children).slice(0, limit);\n\n    const handleVariant = useMemo(() => {\n      if (size >= 34) return \"Caption 1\";\n      return \"Caption 2\";\n    }, [size]);\n\n    // get all names indexed above limit number from alt tag on Avatar for counter tooltip\n    const nameArr = Children.toArray(children)\n      ?.slice(limit)\n      .map((item) => {\n        const { props } = item as ReactElement;\n        return props.alt;\n      });\n\n    return (\n      <AvatarGroupsStyles\n        className={className}\n        hasTooltip={hasTooltip}\n        ref={ref}\n        {...rest}\n      >\n        {_children.map((child, index) => {\n          const item = child as ReactElement<AvatarProps>;\n          const tooltipText = item.props.alt;\n          const alt = `Image of ${tooltipText}`;\n          return (\n            <Tooltip\n              title={tooltipText ? tooltipText : \"\"}\n              disable={!hasTooltip}\n              key={alt}\n            >\n              {cloneElement(item, {\n                ...item.props,\n                size: size,\n                alt: alt,\n                style: {\n                  // component preserves it's width\n                  marginLeft: `-${index === 0 ? null : gap}px`,\n                  outline: \"1px solid var(--page-paper-main)\",\n                },\n              })}\n            </Tooltip>\n          );\n        })}\n\n        {limit >= Children.count(children) || minChildren ? null : (\n          <Tooltip\n            title={nameArr.join(\",\\n\")}\n            disable={!hasTooltip}\n            css={{\n              whiteSpace: \"break-spaces\",\n              lineHeight: \"18px\",\n            }}\n          >\n            <LengthCountStyles\n              size={size}\n              role=\"status\"\n              aria-label=\"Rest of the users\"\n              css={{\n                marginLeft: `-${gap}px`,\n              }}\n            >\n              <Typography variant={handleVariant} weight=\"medium\">\n                +{Children.count(children) - limit}\n              </Typography>\n            </LengthCountStyles>\n          </Tooltip>\n        )}\n      </AvatarGroupsStyles>\n    );\n  }\n);\n\nAvatarGroup.displayName = \"AvatarGroup\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,QAAQ,EACRC,YAAY,EAGZC,OAAO,EACPC,UAAU,QACL,OAAO;AAEd,SAASC,kBAAkB,EAAEC,iBAAiB,QAAQ,UAAU;AAEhE,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,UAAU,QAAQ,0BAA0B;AASrD,OAAO,MAAMC,WAAW,gBAAGL,UAAU,CAInC,CAAAM,IAAA,EAEEC,GAAG,KACA;EAAA,IAAAC,iBAAA;EAAA,IAFH;IAAEC,KAAK;IAAEC,IAAI,GAAG,EAAE;IAAEC,QAAQ;IAAEC,UAAU,GAAG,KAAK;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAAR,IAAA;EAGtE;EACA,MAAMS,WAAW,GAAGlB,QAAQ,CAACmB,KAAK,CAACL,QAAQ,CAAC,GAAGF,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,IAAI;EACvE;EACA,MAAMQ,GAAG,GAAG,CAAC;EAEb,MAAMC,SAAS,GAAGH,WAAW,GACzBlB,QAAQ,CAACsB,OAAO,CAACR,QAAQ,CAAC,GAC1Bd,QAAQ,CAACsB,OAAO,CAACR,QAAQ,CAAC,CAACS,KAAK,CAAC,CAAC,EAAEX,KAAK,CAAC;EAE9C,MAAMY,aAAa,GAAGtB,OAAO,CAAC,MAAM;IAClC,IAAIW,IAAI,IAAI,EAAE,EAAE,OAAO,WAAW;IAClC,OAAO,WAAW;EACpB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;;EAEV;EACA,MAAMY,OAAO,IAAAd,iBAAA,GAAGX,QAAQ,CAACsB,OAAO,CAACR,QAAQ,CAAC,qBAA1BH,iBAAA,CACZY,KAAK,CAACX,KAAK,CAAC,CACbc,GAAG,CAAEC,IAAI,IAAK;IACb,MAAM;MAAEC;IAAM,CAAC,GAAGD,IAAoB;IACtC,OAAOC,KAAK,CAACC,GAAG;EAClB,CAAC,CAAC;EAEJ,oBACE9B,KAAA,CAAA+B,aAAA,CAAC1B,kBAAkB,EAAA2B,QAAA;IACjBf,SAAS,EAAEA,SAAU;IACrBD,UAAU,EAAEA,UAAW;IACvBL,GAAG,EAAEA;EAAI,GACLO,IAAI,GAEPI,SAAS,CAACK,GAAG,CAAC,CAACM,KAAK,EAAEC,KAAK,KAAK;IAC/B,MAAMN,IAAI,GAAGK,KAAkC;IAC/C,MAAME,WAAW,GAAGP,IAAI,CAACC,KAAK,CAACC,GAAG;IAClC,MAAMA,GAAG,iBAAeK,WAAa;IACrC,oBACEnC,KAAA,CAAA+B,aAAA,CAACxB,OAAO;MACN6B,KAAK,EAAED,WAAW,GAAGA,WAAW,GAAG,EAAG;MACtCE,OAAO,EAAE,CAACrB,UAAW;MACrBsB,GAAG,EAAER;IAAI,gBAER5B,YAAY,CAAC0B,IAAI,EAAE;MAClB,GAAGA,IAAI,CAACC,KAAK;MACbf,IAAI,EAAEA,IAAI;MACVgB,GAAG,EAAEA,GAAG;MACRS,KAAK,EAAE;QACL;QACAC,UAAU,SAAMN,KAAK,KAAK,CAAC,GAAG,IAAI,GAAGb,GAAG,QAAI;QAC5CoB,OAAO,EAAE;MACX;IACF,CAAC,CACM,CAAC;EAEd,CAAC,CAAC,EAED5B,KAAK,IAAIZ,QAAQ,CAACmB,KAAK,CAACL,QAAQ,CAAC,IAAII,WAAW,GAAG,IAAI,gBACtDnB,KAAA,CAAA+B,aAAA,CAAAW,cAAA;IACEN,KAAK,EAAEV,OAAO,CAACiB,IAAI,CAAC,KAAK,CAAE;IAC3BN,OAAO,EAAE,CAACrB;EAAW,gBAMrBhB,KAAA,CAAA+B,aAAA,CAAAa,wBAAA;IACE9B,IAAI,EAAEA,IAAK;IACX+B,IAAI,EAAC,QAAQ;IACb,cAAW,mBAAmB;IAAAC,KAAA,QAEZzB,GAAG;EAAA,gBAGrBrB,KAAA,CAAA+B,aAAA,CAACvB,UAAU;IAACuC,OAAO,EAAEtB,aAAc;IAACuB,MAAM,EAAC;EAAQ,GAAC,GACjD,EAAC/C,QAAQ,CAACmB,KAAK,CAACL,QAAQ,CAAC,GAAGF,KACnB,CACK,CACZ,CAEO,CAAC;AAEzB,CACF,CAAC;AAEDJ,WAAW,CAACwC,WAAW,GAAG,aAAa;AAAC,IAAAP,cAAA,GAAAQ,OAAA,CAAA3C,OAAA,EAAA4C,UAAA;EAAAF,WAAA;EAAAG,WAAA;AAAA,GAxBvB;EACHC,UAAU,EAAE,cAAc;EAC1BC,UAAU,EAAE;AACd,CAAC;AAAA,IAAAV,wBAAA,GAAAM,OAAA,CAAA5C,iBAAA,EAAA6C,UAAA;EAAAF,WAAA;EAAAG,WAAA;AAAA,GAAAG,CAAA,KAMM;EACHf,UAAU,EAAAe,CAAA,CAAAT;AACZ,CAAC"}

package/dist/index.js

@@ -23716,7 +23716,7 @@
     return props.size + "px";
   });
 
-  var _excluded$6 = ["limit", "size", "children", "hasTooltip"];
+  var _excluded$6 = ["limit", "size", "children", "hasTooltip", "className"];
   var AvatarGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _Children$toArray;
     var limit = _ref.limit,
@@ -23725,6 +23725,7 @@
       children = _ref.children,
       _ref$hasTooltip = _ref.hasTooltip,
       hasTooltip = _ref$hasTooltip === void 0 ? false : _ref$hasTooltip,
+      className = _ref.className,
       rest = _objectWithoutProperties(_ref, _excluded$6);
     // always display counter with min +2 as +1 can takes space of an 1 more Avatar
     var minChildren = React.Children.count(children) - limit > 1 ? false : true;
@@ -23743,6 +23744,7 @@
       return props.alt;
     });
     return /*#__PURE__*/React__default["default"].createElement(AvatarGroupsStyles, _extends({
+      className: className,
       hasTooltip: hasTooltip,
       ref: ref
     }, rest), _children.map(function (child, index) {