@amboss/design-system 3.48.10 → 3.48.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/components/AvatarGroup/AvatarGroup.d.ts +2 -2
- package/build/cjs/components/AvatarGroup/AvatarGroup.js +1 -1
- package/build/cjs/components/Internal/Float/Float.js +1 -1
- package/build/cjs/components/Portal/Portal.d.ts +1 -0
- package/build/cjs/components/Portal/Portal.js +1 -1
- package/build/esm/components/AvatarGroup/AvatarGroup.d.ts +2 -2
- package/build/esm/components/AvatarGroup/AvatarGroup.js +1 -1
- package/build/esm/components/Internal/Float/Float.js +1 -1
- package/build/esm/components/Portal/Portal.d.ts +1 -0
- package/build/esm/components/Portal/Portal.js +1 -1
- package/package.json +1 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { AvatarProps } from "../Avatar/Avatar";
|
|
3
3
|
export type AvatarGroupProps = {
|
|
4
|
-
|
|
4
|
+
avatars: AvatarProps[];
|
|
5
5
|
/** Maximum number of avatars to display before showing overflow counter */
|
|
6
6
|
maxCount?: number;
|
|
7
7
|
showCount?: boolean;
|
|
8
8
|
"data-e2e-test-id"?: string;
|
|
9
9
|
};
|
|
10
|
-
export declare function AvatarGroup({
|
|
10
|
+
export declare function AvatarGroup({ avatars, maxCount, showCount, "data-e2e-test-id": dataE2eTestId, ...ariaAttributes }: AvatarGroupProps): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AvatarGroup",{enumerable:!0,get:function(){return AvatarGroup}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Avatar=require("../Avatar/Avatar"),_Text=require("../Typography/Text"),_Inline=require("../Inline/Inline"),AvatarWrapper=(0,_styled.default)("div",{target:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AvatarGroup",{enumerable:!0,get:function(){return AvatarGroup}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Avatar=require("../Avatar/Avatar"),_Text=require("../Typography/Text"),_Inline=require("../Inline/Inline"),AvatarWrapper=(0,_styled.default)("div",{target:"efx6ood0",label:"AvatarWrapper"})(({theme,isLastitem})=>({outline:`2px solid ${theme.values.color.avatar.border.default}`,borderRadius:theme.variables.size.borderRadius.full,...!isLastitem&&{marginRight:`-${theme.variables.size.spacing.xxxs}`},"&:hover, &:focus-within":{position:"relative",zIndex:1}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQXZhdGFyR3JvdXAvQXZhdGFyR3JvdXAudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9BdmF0YXJHcm91cC9BdmF0YXJHcm91cC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IEF2YXRhclByb3BzIH0gZnJvbSBcIi4uL0F2YXRhci9BdmF0YXJcIjtcbmltcG9ydCB7IEF2YXRhciwgQVZBVEFSX0NPTE9SUyB9IGZyb20gXCIuLi9BdmF0YXIvQXZhdGFyXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgQXZhdGFyR3JvdXBQcm9wcyA9IHtcbiAgYXZhdGFyczogQXZhdGFyUHJvcHNbXTtcbiAgLyoqIE1heGltdW0gbnVtYmVyIG9mIGF2YXRhcnMgdG8gZGlzcGxheSBiZWZvcmUgc2hvd2luZyBvdmVyZmxvdyBjb3VudGVyICovXG4gIG1heENvdW50PzogbnVtYmVyO1xuICBzaG93Q291bnQ/OiBib29sZWFuO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbnR5cGUgQXZhdGFyV3JhcHBlclByb3BzID0ge1xuICBpc0xhc3RpdGVtPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IEF2YXRhcldyYXBwZXIgPSBzdHlsZWQuZGl2PEF2YXRhcldyYXBwZXJQcm9wcz4oXG4gICh7IHRoZW1lLCBpc0xhc3RpdGVtIH0pID0+ICh7XG4gICAgb3V0bGluZTogYDJweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5hdmF0YXIuYm9yZGVyLmRlZmF1bHR9YCxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5mdWxsLFxuXG4gICAgLi4uKCFpc0xhc3RpdGVtICYmIHtcbiAgICAgIG1hcmdpblJpZ2h0OiBgLSR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHhzfWAsXG4gICAgfSksXG5cbiAgICBcIiY6aG92ZXIsICY6Zm9jdXMtd2l0aGluXCI6IHtcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICB6SW5kZXg6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBBdmF0YXJHcm91cCh7XG4gIGF2YXRhcnMsXG4gIG1heENvdW50ID0gNSxcbiAgc2hvd0NvdW50LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgLi4uYXJpYUF0dHJpYnV0ZXNcbn06IEF2YXRhckdyb3VwUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB2aXNpYmxlSXRlbXMgPSBhdmF0YXJzLnNsaWNlKDAsIG1heENvdW50KTtcbiAgY29uc3QgcmVtYWluaW5nQ291bnQgPSBhdmF0YXJzLmxlbmd0aCAtIHZpc2libGVJdGVtcy5sZW5ndGg7XG5cbiAgcmV0dXJuIChcbiAgICA8SW5saW5lXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIkF2YXRhckdyb3VwXCJcbiAgICAgIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgIHNwYWNlPVwieHhzXCJcbiAgICAgIHsuLi5hcmlhQXR0cmlidXRlc31cbiAgICA+XG4gICAgICA8SW5saW5lIHNwYWNlPVwiemVyb1wiPlxuICAgICAgICB7dmlzaWJsZUl0ZW1zLm1hcCgoaXRlbSwgaW5kZXgpID0+IHtcbiAgICAgICAgICBjb25zdCBmYWxsYmFja0NvbG9yID0gQVZBVEFSX0NPTE9SU1tpbmRleCAlIEFWQVRBUl9DT0xPUlMubGVuZ3RoXTtcbiAgICAgICAgICBjb25zdCBhdmF0YXJQcm9wczogQXZhdGFyUHJvcHMgPSB7XG4gICAgICAgICAgICAuLi5pdGVtLFxuICAgICAgICAgICAgY29sb3I6IGl0ZW0uY29sb3IgPz8gZmFsbGJhY2tDb2xvcixcbiAgICAgICAgICB9O1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8QXZhdGFyV3JhcHBlclxuICAgICAgICAgICAgICBrZXk9e2F2YXRhclByb3BzLmxhYmVsfVxuICAgICAgICAgICAgICBpc0xhc3RpdGVtPXtpbmRleCA9PT0gdmlzaWJsZUl0ZW1zLmxlbmd0aCAtIDF9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxBdmF0YXIgey4uLmF2YXRhclByb3BzfSAvPlxuICAgICAgICAgICAgPC9BdmF0YXJXcmFwcGVyPlxuICAgICAgICAgICk7XG4gICAgICAgIH0pfVxuICAgICAgPC9JbmxpbmU+XG4gICAgICB7c2hvd0NvdW50ICYmIHJlbWFpbmluZ0NvdW50ID4gMCAmJiAoXG4gICAgICAgIDxUZXh0IHVzZXJTZWxlY3Q9XCJub25lXCIgc2l6ZT1cInNcIiBhcz1cInNwYW5cIj5cbiAgICAgICAgICAre3JlbWFpbmluZ0NvdW50fVxuICAgICAgICA8L1RleHQ+XG4gICAgICApfVxuICAgIDwvSW5saW5lPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Cc0IifQ== */");function AvatarGroup({avatars,maxCount=5,showCount,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let visibleItems=avatars.slice(0,maxCount),remainingCount=avatars.length-visibleItems.length;return _react.default.createElement(_Inline.Inline,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"AvatarGroup",vAlignItems:"center",space:"xxs",...ariaAttributes},_react.default.createElement(_Inline.Inline,{space:"zero"},visibleItems.map((item,index)=>{let fallbackColor=_Avatar.AVATAR_COLORS[index%_Avatar.AVATAR_COLORS.length],avatarProps={...item,color:item.color??fallbackColor};return _react.default.createElement(AvatarWrapper,{key:avatarProps.label,isLastitem:index===visibleItems.length-1},_react.default.createElement(_Avatar.Avatar,avatarProps))})),showCount&&remainingCount>0&&_react.default.createElement(_Text.Text,{userSelect:"none",size:"s",as:"span"},"+",remainingCount))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Float",{enumerable:!0,get:function(){return Float}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_react1=require("@emotion/react"),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Portal=require("../../Portal/Portal"),_useFloatingPosition=require("../../Utilities/FloatingPosition/useFloatingPosition"),StyledContainer=(0,_styled.default)("div",{target:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Float",{enumerable:!0,get:function(){return Float}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_react1=require("@emotion/react"),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Portal=require("../../Portal/Portal"),_useFloatingPosition=require("../../Utilities/FloatingPosition/useFloatingPosition"),_useDocument=require("../../../shared/useDocument"),StyledContainer=(0,_styled.default)("div",{target:"eg9qi3f0",label:"StyledContainer"})(({floatingStyles,isPositioned})=>({...floatingStyles,visibility:isPositioned?"visible":"hidden"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvRmxvYXQvRmxvYXQudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JbnRlcm5hbC9GbG9hdC9GbG9hdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQ1NTT2JqZWN0IH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEFNQk9TU19EU19GTE9BVF9QT1JUQUwsIFBvcnRhbCB9IGZyb20gXCIuLi8uLi9Qb3J0YWwvUG9ydGFsXCI7XG5pbXBvcnQgeyB1c2VGbG9hdGluZ1Bvc2l0aW9uIH0gZnJvbSBcIi4uLy4uL1V0aWxpdGllcy9GbG9hdGluZ1Bvc2l0aW9uL3VzZUZsb2F0aW5nUG9zaXRpb25cIjtcbmltcG9ydCB0eXBlIHsgVmlld3BvcnRQb3NpdGlvbiB9IGZyb20gXCIuLi8uLi9VdGlsaXRpZXMvRmxvYXRpbmdQb3NpdGlvbi91c2VGbG9hdGluZ1Bvc2l0aW9uXCI7XG5pbXBvcnQgeyB1c2VEb2N1bWVudCB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvdXNlRG9jdW1lbnRcIjtcblxuZXhwb3J0IHR5cGUgRmxvYXRQcm9wcyA9IHtcbiAgLyoqIFRoZSBjaGlsZHJlbiB0byByZW5kZXIgaW5zaWRlIHRoZSBmbG9hdC4gKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn0gJiBWaWV3cG9ydFBvc2l0aW9uO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgZmxvYXRpbmdTdHlsZXM6IFJlYWN0LkNTU1Byb3BlcnRpZXM7XG4gIGlzUG9zaXRpb25lZDogYm9vbGVhbjtcbn0+KFxuICAoeyBmbG9hdGluZ1N0eWxlcywgaXNQb3NpdGlvbmVkIH0pID0+XG4gICAgKHtcbiAgICAgIC4uLmZsb2F0aW5nU3R5bGVzLFxuICAgICAgdmlzaWJpbGl0eTogaXNQb3NpdGlvbmVkID8gXCJ2aXNpYmxlXCIgOiBcImhpZGRlblwiLFxuICAgIH0gYXMgQ1NTT2JqZWN0KVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIEZsb2F0KHtcbiAgcG9zaXRpb25YLFxuICBwb3NpdGlvblksXG4gIGNoaWxkcmVuLFxufTogRmxvYXRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgZG9jdW1lbnQgPSB1c2VEb2N1bWVudCgpO1xuXG4gIGNvbnN0IHsgc2V0RmxvYXRpbmcsIGZsb2F0aW5nU3R5bGVzLCBpc1Bvc2l0aW9uZWQgfSA9IHVzZUZsb2F0aW5nUG9zaXRpb24oe1xuICAgIG1vZGU6IFwidmlld3BvcnRcIixcbiAgICBwb3NpdGlvblgsXG4gICAgcG9zaXRpb25ZLFxuICAgIG9mZnNldDogcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLCAxMCksXG4gIH0pO1xuXG4gIGNvbnN0IHBvcnRhbENvbnRhaW5lciA9IGRvY3VtZW50XG4gICAgPyBkb2N1bWVudC5xdWVyeVNlbGVjdG9yPEhUTUxFbGVtZW50PihgLiR7QU1CT1NTX0RTX0ZMT0FUX1BPUlRBTH1gKVxuICAgIDogbnVsbDtcblxuICByZXR1cm4gKFxuICAgIDxQb3J0YWwgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9PlxuICAgICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgICBkYXRhLWRzLWlkPVwiRmxvYXRcIlxuICAgICAgICByZWY9e3NldEZsb2F0aW5nfVxuICAgICAgICBmbG9hdGluZ1N0eWxlcz17ZmxvYXRpbmdTdHlsZXN9XG4gICAgICAgIGlzUG9zaXRpb25lZD17aXNQb3NpdGlvbmVkfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICA8L1BvcnRhbD5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjd0IifQ== */");function Float({positionX,positionY,children}){let theme=(0,_react1.useTheme)(),document=(0,_useDocument.useDocument)(),{setFloating,floatingStyles,isPositioned}=(0,_useFloatingPosition.useFloatingPosition)({mode:"viewport",positionX,positionY,offset:parseInt(theme.variables.size.spacing.m,10)}),portalContainer=document?document.querySelector(`.${_Portal.AMBOSS_DS_FLOAT_PORTAL}`):null;return _react.default.createElement(_Portal.Portal,{portalContainer:portalContainer},_react.default.createElement(StyledContainer,{"data-ds-id":"Float",ref:setFloating,floatingStyles:floatingStyles,isPositioned:isPositioned},children))}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type React from "react";
|
|
2
2
|
export declare const AMBOSS_DS_PORTAL = "amboss-ds-portal";
|
|
3
|
+
export declare const AMBOSS_DS_FLOAT_PORTAL = "amboss-ds-float-portal";
|
|
3
4
|
/**
|
|
4
5
|
* Returns a zIndex incremented by Modal's zIndex if the portal child is rendered within a Modal
|
|
5
6
|
* or by Popover's zindex if the portal child is rendered within a Popover
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get AMBOSS_DS_PORTAL(){return AMBOSS_DS_PORTAL},get Portal(){return Portal},get usePortalChildZIndex(){return usePortalChildZIndex},get usePortalContainerElement(){return usePortalContainerElement}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=require("react"),_reactdom=/*#__PURE__*/_interop_require_default._(require("react-dom")),_react1=require("@emotion/react"),_useDocument=require("../../shared/useDocument"),_DialogContext=require("../Patterns/Dialog/DialogContext"),_PopoverContext=require("../Patterns/Popover/PopoverContext"),AMBOSS_DS_PORTAL="amboss-ds-portal";function usePortalChildZIndex(zIndex){let theme=(0,_react1.useTheme)();return(0,_react.useContext)(_DialogContext.DialogContext)?theme.variables.zIndex.modal+zIndex:zIndex}function usePortalContainerElement(portalContainer){let isWithinModal=(0,_react.useContext)(_DialogContext.DialogContext),{isWithinPopover,portalContainer:popoverContainer}=(0,_react.useContext)(_PopoverContext.PopoverContext),document=(0,_useDocument.useDocument)(),defaultContainer=(0,_react.useMemo)(()=>void 0===document?null:isWithinModal?document.querySelector(`.${AMBOSS_DS_PORTAL}`)||document.body:isWithinPopover&&popoverContainer||document.body,[isWithinModal,isWithinPopover,popoverContainer,document]);return portalContainer||defaultContainer}function Portal({children,portalContainer}){let container=usePortalContainerElement(portalContainer);return container&&_reactdom.default.createPortal(children,container)}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get AMBOSS_DS_FLOAT_PORTAL(){return AMBOSS_DS_FLOAT_PORTAL},get AMBOSS_DS_PORTAL(){return AMBOSS_DS_PORTAL},get Portal(){return Portal},get usePortalChildZIndex(){return usePortalChildZIndex},get usePortalContainerElement(){return usePortalContainerElement}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=require("react"),_reactdom=/*#__PURE__*/_interop_require_default._(require("react-dom")),_react1=require("@emotion/react"),_useDocument=require("../../shared/useDocument"),_DialogContext=require("../Patterns/Dialog/DialogContext"),_PopoverContext=require("../Patterns/Popover/PopoverContext"),AMBOSS_DS_PORTAL="amboss-ds-portal",AMBOSS_DS_FLOAT_PORTAL="amboss-ds-float-portal";function usePortalChildZIndex(zIndex){let theme=(0,_react1.useTheme)();return(0,_react.useContext)(_DialogContext.DialogContext)?theme.variables.zIndex.modal+zIndex:zIndex}function usePortalContainerElement(portalContainer){let isWithinModal=(0,_react.useContext)(_DialogContext.DialogContext),{isWithinPopover,portalContainer:popoverContainer}=(0,_react.useContext)(_PopoverContext.PopoverContext),document=(0,_useDocument.useDocument)(),defaultContainer=(0,_react.useMemo)(()=>void 0===document?null:isWithinModal?document.querySelector(`.${AMBOSS_DS_PORTAL}`)||document.body:isWithinPopover&&popoverContainer||document.body,[isWithinModal,isWithinPopover,popoverContainer,document]);return portalContainer||defaultContainer}function Portal({children,portalContainer}){let container=usePortalContainerElement(portalContainer);return container&&_reactdom.default.createPortal(children,container)}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { AvatarProps } from "../Avatar/Avatar";
|
|
3
3
|
export type AvatarGroupProps = {
|
|
4
|
-
|
|
4
|
+
avatars: AvatarProps[];
|
|
5
5
|
/** Maximum number of avatars to display before showing overflow counter */
|
|
6
6
|
maxCount?: number;
|
|
7
7
|
showCount?: boolean;
|
|
8
8
|
"data-e2e-test-id"?: string;
|
|
9
9
|
};
|
|
10
|
-
export declare function AvatarGroup({
|
|
10
|
+
export declare function AvatarGroup({ avatars, maxCount, showCount, "data-e2e-test-id": dataE2eTestId, ...ariaAttributes }: AvatarGroupProps): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";import styled from"@emotion/styled";import{Avatar,AVATAR_COLORS}from"../Avatar/Avatar";import{Text}from"../Typography/Text";import{Inline}from"../Inline/Inline";let AvatarWrapper=styled("div",{target:"
|
|
1
|
+
import React from"react";import styled from"@emotion/styled";import{Avatar,AVATAR_COLORS}from"../Avatar/Avatar";import{Text}from"../Typography/Text";import{Inline}from"../Inline/Inline";let AvatarWrapper=styled("div",{target:"efx6ood0",label:"AvatarWrapper"})(({theme,isLastitem})=>({outline:`2px solid ${theme.values.color.avatar.border.default}`,borderRadius:theme.variables.size.borderRadius.full,...!isLastitem&&{marginRight:`-${theme.variables.size.spacing.xxxs}`},"&:hover, &:focus-within":{position:"relative",zIndex:1}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQXZhdGFyR3JvdXAvQXZhdGFyR3JvdXAudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9BdmF0YXJHcm91cC9BdmF0YXJHcm91cC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IEF2YXRhclByb3BzIH0gZnJvbSBcIi4uL0F2YXRhci9BdmF0YXJcIjtcbmltcG9ydCB7IEF2YXRhciwgQVZBVEFSX0NPTE9SUyB9IGZyb20gXCIuLi9BdmF0YXIvQXZhdGFyXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgQXZhdGFyR3JvdXBQcm9wcyA9IHtcbiAgYXZhdGFyczogQXZhdGFyUHJvcHNbXTtcbiAgLyoqIE1heGltdW0gbnVtYmVyIG9mIGF2YXRhcnMgdG8gZGlzcGxheSBiZWZvcmUgc2hvd2luZyBvdmVyZmxvdyBjb3VudGVyICovXG4gIG1heENvdW50PzogbnVtYmVyO1xuICBzaG93Q291bnQ/OiBib29sZWFuO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbnR5cGUgQXZhdGFyV3JhcHBlclByb3BzID0ge1xuICBpc0xhc3RpdGVtPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IEF2YXRhcldyYXBwZXIgPSBzdHlsZWQuZGl2PEF2YXRhcldyYXBwZXJQcm9wcz4oXG4gICh7IHRoZW1lLCBpc0xhc3RpdGVtIH0pID0+ICh7XG4gICAgb3V0bGluZTogYDJweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5hdmF0YXIuYm9yZGVyLmRlZmF1bHR9YCxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5mdWxsLFxuXG4gICAgLi4uKCFpc0xhc3RpdGVtICYmIHtcbiAgICAgIG1hcmdpblJpZ2h0OiBgLSR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHhzfWAsXG4gICAgfSksXG5cbiAgICBcIiY6aG92ZXIsICY6Zm9jdXMtd2l0aGluXCI6IHtcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICB6SW5kZXg6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBBdmF0YXJHcm91cCh7XG4gIGF2YXRhcnMsXG4gIG1heENvdW50ID0gNSxcbiAgc2hvd0NvdW50LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgLi4uYXJpYUF0dHJpYnV0ZXNcbn06IEF2YXRhckdyb3VwUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB2aXNpYmxlSXRlbXMgPSBhdmF0YXJzLnNsaWNlKDAsIG1heENvdW50KTtcbiAgY29uc3QgcmVtYWluaW5nQ291bnQgPSBhdmF0YXJzLmxlbmd0aCAtIHZpc2libGVJdGVtcy5sZW5ndGg7XG5cbiAgcmV0dXJuIChcbiAgICA8SW5saW5lXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIkF2YXRhckdyb3VwXCJcbiAgICAgIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgIHNwYWNlPVwieHhzXCJcbiAgICAgIHsuLi5hcmlhQXR0cmlidXRlc31cbiAgICA+XG4gICAgICA8SW5saW5lIHNwYWNlPVwiemVyb1wiPlxuICAgICAgICB7dmlzaWJsZUl0ZW1zLm1hcCgoaXRlbSwgaW5kZXgpID0+IHtcbiAgICAgICAgICBjb25zdCBmYWxsYmFja0NvbG9yID0gQVZBVEFSX0NPTE9SU1tpbmRleCAlIEFWQVRBUl9DT0xPUlMubGVuZ3RoXTtcbiAgICAgICAgICBjb25zdCBhdmF0YXJQcm9wczogQXZhdGFyUHJvcHMgPSB7XG4gICAgICAgICAgICAuLi5pdGVtLFxuICAgICAgICAgICAgY29sb3I6IGl0ZW0uY29sb3IgPz8gZmFsbGJhY2tDb2xvcixcbiAgICAgICAgICB9O1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8QXZhdGFyV3JhcHBlclxuICAgICAgICAgICAgICBrZXk9e2F2YXRhclByb3BzLmxhYmVsfVxuICAgICAgICAgICAgICBpc0xhc3RpdGVtPXtpbmRleCA9PT0gdmlzaWJsZUl0ZW1zLmxlbmd0aCAtIDF9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxBdmF0YXIgey4uLmF2YXRhclByb3BzfSAvPlxuICAgICAgICAgICAgPC9BdmF0YXJXcmFwcGVyPlxuICAgICAgICAgICk7XG4gICAgICAgIH0pfVxuICAgICAgPC9JbmxpbmU+XG4gICAgICB7c2hvd0NvdW50ICYmIHJlbWFpbmluZ0NvdW50ID4gMCAmJiAoXG4gICAgICAgIDxUZXh0IHVzZXJTZWxlY3Q9XCJub25lXCIgc2l6ZT1cInNcIiBhcz1cInNwYW5cIj5cbiAgICAgICAgICAre3JlbWFpbmluZ0NvdW50fVxuICAgICAgICA8L1RleHQ+XG4gICAgICApfVxuICAgIDwvSW5saW5lPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Cc0IifQ== */");export function AvatarGroup({avatars,maxCount=5,showCount,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let visibleItems=avatars.slice(0,maxCount),remainingCount=avatars.length-visibleItems.length;return React.createElement(Inline,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"AvatarGroup",vAlignItems:"center",space:"xxs",...ariaAttributes},React.createElement(Inline,{space:"zero"},visibleItems.map((item,index)=>{let fallbackColor=AVATAR_COLORS[index%AVATAR_COLORS.length],avatarProps={...item,color:item.color??fallbackColor};return React.createElement(AvatarWrapper,{key:avatarProps.label,isLastitem:index===visibleItems.length-1},React.createElement(Avatar,avatarProps))})),showCount&&remainingCount>0&&React.createElement(Text,{userSelect:"none",size:"s",as:"span"},"+",remainingCount))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";import{useTheme}from"@emotion/react";import styled from"@emotion/styled";import{Portal}from"../../Portal/Portal";import{useFloatingPosition}from"../../Utilities/FloatingPosition/useFloatingPosition";let StyledContainer=styled("div",{target:"
|
|
1
|
+
import React from"react";import{useTheme}from"@emotion/react";import styled from"@emotion/styled";import{AMBOSS_DS_FLOAT_PORTAL,Portal}from"../../Portal/Portal";import{useFloatingPosition}from"../../Utilities/FloatingPosition/useFloatingPosition";import{useDocument}from"../../../shared/useDocument";let StyledContainer=styled("div",{target:"eg9qi3f0",label:"StyledContainer"})(({floatingStyles,isPositioned})=>({...floatingStyles,visibility:isPositioned?"visible":"hidden"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvRmxvYXQvRmxvYXQudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JbnRlcm5hbC9GbG9hdC9GbG9hdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQ1NTT2JqZWN0IH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEFNQk9TU19EU19GTE9BVF9QT1JUQUwsIFBvcnRhbCB9IGZyb20gXCIuLi8uLi9Qb3J0YWwvUG9ydGFsXCI7XG5pbXBvcnQgeyB1c2VGbG9hdGluZ1Bvc2l0aW9uIH0gZnJvbSBcIi4uLy4uL1V0aWxpdGllcy9GbG9hdGluZ1Bvc2l0aW9uL3VzZUZsb2F0aW5nUG9zaXRpb25cIjtcbmltcG9ydCB0eXBlIHsgVmlld3BvcnRQb3NpdGlvbiB9IGZyb20gXCIuLi8uLi9VdGlsaXRpZXMvRmxvYXRpbmdQb3NpdGlvbi91c2VGbG9hdGluZ1Bvc2l0aW9uXCI7XG5pbXBvcnQgeyB1c2VEb2N1bWVudCB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvdXNlRG9jdW1lbnRcIjtcblxuZXhwb3J0IHR5cGUgRmxvYXRQcm9wcyA9IHtcbiAgLyoqIFRoZSBjaGlsZHJlbiB0byByZW5kZXIgaW5zaWRlIHRoZSBmbG9hdC4gKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn0gJiBWaWV3cG9ydFBvc2l0aW9uO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgZmxvYXRpbmdTdHlsZXM6IFJlYWN0LkNTU1Byb3BlcnRpZXM7XG4gIGlzUG9zaXRpb25lZDogYm9vbGVhbjtcbn0+KFxuICAoeyBmbG9hdGluZ1N0eWxlcywgaXNQb3NpdGlvbmVkIH0pID0+XG4gICAgKHtcbiAgICAgIC4uLmZsb2F0aW5nU3R5bGVzLFxuICAgICAgdmlzaWJpbGl0eTogaXNQb3NpdGlvbmVkID8gXCJ2aXNpYmxlXCIgOiBcImhpZGRlblwiLFxuICAgIH0gYXMgQ1NTT2JqZWN0KVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIEZsb2F0KHtcbiAgcG9zaXRpb25YLFxuICBwb3NpdGlvblksXG4gIGNoaWxkcmVuLFxufTogRmxvYXRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgZG9jdW1lbnQgPSB1c2VEb2N1bWVudCgpO1xuXG4gIGNvbnN0IHsgc2V0RmxvYXRpbmcsIGZsb2F0aW5nU3R5bGVzLCBpc1Bvc2l0aW9uZWQgfSA9IHVzZUZsb2F0aW5nUG9zaXRpb24oe1xuICAgIG1vZGU6IFwidmlld3BvcnRcIixcbiAgICBwb3NpdGlvblgsXG4gICAgcG9zaXRpb25ZLFxuICAgIG9mZnNldDogcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLCAxMCksXG4gIH0pO1xuXG4gIGNvbnN0IHBvcnRhbENvbnRhaW5lciA9IGRvY3VtZW50XG4gICAgPyBkb2N1bWVudC5xdWVyeVNlbGVjdG9yPEhUTUxFbGVtZW50PihgLiR7QU1CT1NTX0RTX0ZMT0FUX1BPUlRBTH1gKVxuICAgIDogbnVsbDtcblxuICByZXR1cm4gKFxuICAgIDxQb3J0YWwgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9PlxuICAgICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgICBkYXRhLWRzLWlkPVwiRmxvYXRcIlxuICAgICAgICByZWY9e3NldEZsb2F0aW5nfVxuICAgICAgICBmbG9hdGluZ1N0eWxlcz17ZmxvYXRpbmdTdHlsZXN9XG4gICAgICAgIGlzUG9zaXRpb25lZD17aXNQb3NpdGlvbmVkfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICA8L1BvcnRhbD5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjd0IifQ== */");export function Float({positionX,positionY,children}){let theme=useTheme(),document=useDocument(),{setFloating,floatingStyles,isPositioned}=useFloatingPosition({mode:"viewport",positionX,positionY,offset:parseInt(theme.variables.size.spacing.m,10)}),portalContainer=document?document.querySelector(`.${AMBOSS_DS_FLOAT_PORTAL}`):null;return React.createElement(Portal,{portalContainer:portalContainer},React.createElement(StyledContainer,{"data-ds-id":"Float",ref:setFloating,floatingStyles:floatingStyles,isPositioned:isPositioned},children))}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type React from "react";
|
|
2
2
|
export declare const AMBOSS_DS_PORTAL = "amboss-ds-portal";
|
|
3
|
+
export declare const AMBOSS_DS_FLOAT_PORTAL = "amboss-ds-float-portal";
|
|
3
4
|
/**
|
|
4
5
|
* Returns a zIndex incremented by Modal's zIndex if the portal child is rendered within a Modal
|
|
5
6
|
* or by Popover's zindex if the portal child is rendered within a Popover
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useContext,useMemo}from"react";import ReactDOM from"react-dom";import{useTheme}from"@emotion/react";import{useDocument}from"../../shared/useDocument";import{DialogContext}from"../Patterns/Dialog/DialogContext";import{PopoverContext}from"../Patterns/Popover/PopoverContext";export const AMBOSS_DS_PORTAL="amboss-ds-portal";export function usePortalChildZIndex(zIndex){let theme=useTheme();return useContext(DialogContext)?theme.variables.zIndex.modal+zIndex:zIndex}export function usePortalContainerElement(portalContainer){let isWithinModal=useContext(DialogContext),{isWithinPopover,portalContainer:popoverContainer}=useContext(PopoverContext),document=useDocument(),defaultContainer=useMemo(()=>void 0===document?null:isWithinModal?document.querySelector(".amboss-ds-portal")||document.body:isWithinPopover&&popoverContainer||document.body,[isWithinModal,isWithinPopover,popoverContainer,document]);return portalContainer||defaultContainer}export function Portal({children,portalContainer}){let container=usePortalContainerElement(portalContainer);return container&&ReactDOM.createPortal(children,container)}
|
|
1
|
+
import{useContext,useMemo}from"react";import ReactDOM from"react-dom";import{useTheme}from"@emotion/react";import{useDocument}from"../../shared/useDocument";import{DialogContext}from"../Patterns/Dialog/DialogContext";import{PopoverContext}from"../Patterns/Popover/PopoverContext";export const AMBOSS_DS_PORTAL="amboss-ds-portal";export const AMBOSS_DS_FLOAT_PORTAL="amboss-ds-float-portal";export function usePortalChildZIndex(zIndex){let theme=useTheme();return useContext(DialogContext)?theme.variables.zIndex.modal+zIndex:zIndex}export function usePortalContainerElement(portalContainer){let isWithinModal=useContext(DialogContext),{isWithinPopover,portalContainer:popoverContainer}=useContext(PopoverContext),document=useDocument(),defaultContainer=useMemo(()=>void 0===document?null:isWithinModal?document.querySelector(".amboss-ds-portal")||document.body:isWithinPopover&&popoverContainer||document.body,[isWithinModal,isWithinPopover,popoverContainer,document]);return portalContainer||defaultContainer}export function Portal({children,portalContainer}){let container=usePortalContainerElement(portalContainer);return container&&ReactDOM.createPortal(children,container)}
|