@arbor-education/design-system.components 0.5.4 → 0.6.0
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/CHANGELOG.md +20 -0
- package/dist/components/avatarGroup/AvatarGroup.d.ts +32 -0
- package/dist/components/avatarGroup/AvatarGroup.d.ts.map +1 -0
- package/dist/components/avatarGroup/AvatarGroup.js +37 -0
- package/dist/components/avatarGroup/AvatarGroup.js.map +1 -0
- package/dist/components/avatarGroup/AvatarGroup.stories.d.ts +14 -0
- package/dist/components/avatarGroup/AvatarGroup.stories.d.ts.map +1 -0
- package/dist/components/avatarGroup/AvatarGroup.stories.js +91 -0
- package/dist/components/avatarGroup/AvatarGroup.stories.js.map +1 -0
- package/dist/components/avatarGroup/AvatarGroup.test.d.ts +2 -0
- package/dist/components/avatarGroup/AvatarGroup.test.d.ts.map +1 -0
- package/dist/components/avatarGroup/AvatarGroup.test.js +155 -0
- package/dist/components/avatarGroup/AvatarGroup.test.js.map +1 -0
- package/dist/components/avatarGroup/avatarGroupOverflow.d.ts +8 -0
- package/dist/components/avatarGroup/avatarGroupOverflow.d.ts.map +1 -0
- package/dist/components/avatarGroup/avatarGroupOverflow.js +14 -0
- package/dist/components/avatarGroup/avatarGroupOverflow.js.map +1 -0
- package/dist/components/avatarGroup/collectAvatarGroupChildren.d.ts +4 -0
- package/dist/components/avatarGroup/collectAvatarGroupChildren.d.ts.map +1 -0
- package/dist/components/avatarGroup/collectAvatarGroupChildren.js +26 -0
- package/dist/components/avatarGroup/collectAvatarGroupChildren.js.map +1 -0
- package/dist/components/avatarGroup/useAvatarGroupItems.d.ts +9 -0
- package/dist/components/avatarGroup/useAvatarGroupItems.d.ts.map +1 -0
- package/dist/components/avatarGroup/useAvatarGroupItems.js +24 -0
- package/dist/components/avatarGroup/useAvatarGroupItems.js.map +1 -0
- package/dist/components/table/Table.d.ts +1 -0
- package/dist/components/table/Table.d.ts.map +1 -1
- package/dist/components/table/Table.js +2 -0
- package/dist/components/table/Table.js.map +1 -1
- package/dist/components/table/Table.stories.d.ts.map +1 -1
- package/dist/components/table/Table.stories.js +447 -77
- package/dist/components/table/Table.stories.js.map +1 -1
- package/dist/components/table/Table.test.js +1 -1
- package/dist/components/table/Table.test.js.map +1 -1
- package/dist/components/table/TableSettingsDropdown.d.ts.map +1 -0
- package/dist/components/table/{pagination/TableSettingsDropdown.js → TableSettingsDropdown.js} +6 -6
- package/dist/components/table/TableSettingsDropdown.js.map +1 -0
- package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.d.ts +2 -5
- package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.d.ts.map +1 -1
- package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.js +7 -5
- package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.js.map +1 -1
- package/dist/index.css +39 -5
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/avatarGroup/AvatarGroup.stories.tsx +218 -0
- package/src/components/avatarGroup/AvatarGroup.test.tsx +298 -0
- package/src/components/avatarGroup/AvatarGroup.tsx +127 -0
- package/src/components/avatarGroup/avatarGroup.scss +31 -0
- package/src/components/avatarGroup/avatarGroupOverflow.ts +29 -0
- package/src/components/avatarGroup/collectAvatarGroupChildren.ts +30 -0
- package/src/components/avatarGroup/useAvatarGroupItems.ts +39 -0
- package/src/components/heading/heading.scss +4 -4
- package/src/components/table/Table.stories.tsx +678 -265
- package/src/components/table/Table.test.tsx +1 -1
- package/src/components/table/Table.tsx +2 -0
- package/src/components/table/{pagination/TableSettingsDropdown.tsx → TableSettingsDropdown.tsx} +1 -1
- package/src/components/table/cellRenderers/SelectDropdownCellRenderer.tsx +42 -12
- package/src/global.scss +8 -8
- package/src/index.scss +1 -0
- package/src/index.ts +7 -0
- package/src/tokens.scss +2 -0
- package/tokens/json/Arbor.json +13 -1
- package/dist/components/table/pagination/TableSettingsDropdown.d.ts.map +0 -1
- package/dist/components/table/pagination/TableSettingsDropdown.js.map +0 -1
- /package/dist/components/table/{pagination/TableSettingsDropdown.d.ts → TableSettingsDropdown.d.ts} +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,25 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 0.6.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#137](https://github.com/arbor-education/design-system.components/pull/137) [`8c3b2af`](https://github.com/arbor-education/design-system.components/commit/8c3b2af56ed440f42b0ae61c6364733af95ca4df) Thanks [@danielpeplow](https://github.com/danielpeplow)! - MIS-66718 - Initial build of AvatarGroup
|
|
8
|
+
|
|
9
|
+
- Removed collecting avatars that are not mounted in the DOM; while keeping the same exposed a11y behaviour (visible avatars plus overflow count).
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#143](https://github.com/arbor-education/design-system.components/pull/143) [`f02430e`](https://github.com/arbor-education/design-system.components/commit/f02430e74b51f0d10012b33cb39abc0c5680fd26) Thanks [@rickbairstow](https://github.com/rickbairstow)! - MIS-69938 Expose the TableSettingsDropdown component for use within Tables
|
|
14
|
+
|
|
15
|
+
- [#141](https://github.com/arbor-education/design-system.components/pull/141) [`6488a86`](https://github.com/arbor-education/design-system.components/commit/6488a8649bf024d2482de646b577b0589781866b) Thanks [@AmeeMorris](https://github.com/AmeeMorris)! - MIS-69652 add invalid state and example to story for SelectDropdownCellRenderers
|
|
16
|
+
|
|
17
|
+
## 0.5.5
|
|
18
|
+
|
|
19
|
+
### Patch Changes
|
|
20
|
+
|
|
21
|
+
- [#142](https://github.com/arbor-education/design-system.components/pull/142) [`ebcb506`](https://github.com/arbor-education/design-system.components/commit/ebcb506f9ccd88699ce75407a5bbc734ac056350) Thanks [@AmeeMorris](https://github.com/AmeeMorris)! - MIS-69658 Fix heading font size, make global wildcard selector less specific
|
|
22
|
+
|
|
3
23
|
## 0.5.4
|
|
4
24
|
|
|
5
25
|
### Patch Changes
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { type AvatarSize } from '../avatar/Avatar';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { type AvatarGroupListOrder } from './avatarGroupOverflow';
|
|
4
|
+
import { type AvatarGroupItem } from './useAvatarGroupItems';
|
|
5
|
+
export type { AvatarGroupItem, AvatarGroupListOrder };
|
|
6
|
+
export type AvatarGroupOverflowCountProps = {
|
|
7
|
+
count: number;
|
|
8
|
+
overflowCountLabel?: string | ((count: number) => string);
|
|
9
|
+
className?: string;
|
|
10
|
+
presentAllUpdatesToScreenReader?: boolean;
|
|
11
|
+
};
|
|
12
|
+
declare function AvatarGroupOverflowCount({ count, overflowCountLabel, className, presentAllUpdatesToScreenReader, }: AvatarGroupOverflowCountProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
type AvatarGroupSharedProps = {
|
|
14
|
+
showMaxItems?: number;
|
|
15
|
+
listOrder?: AvatarGroupListOrder;
|
|
16
|
+
label?: string;
|
|
17
|
+
overflowCountLabel?: string | ((count: number) => string);
|
|
18
|
+
presentAllUpdatesToScreenReader?: boolean;
|
|
19
|
+
size?: AvatarSize;
|
|
20
|
+
className?: string;
|
|
21
|
+
};
|
|
22
|
+
export type AvatarGroupProps = AvatarGroupSharedProps & ({
|
|
23
|
+
items: readonly AvatarGroupItem[];
|
|
24
|
+
children?: undefined;
|
|
25
|
+
} | {
|
|
26
|
+
children: React.ReactNode;
|
|
27
|
+
items?: undefined;
|
|
28
|
+
}) & Omit<React.HTMLAttributes<HTMLUListElement>, 'children'>;
|
|
29
|
+
export declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLUListElement>> & {
|
|
30
|
+
OverflowCount: typeof AvatarGroupOverflowCount;
|
|
31
|
+
};
|
|
32
|
+
//# sourceMappingURL=AvatarGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../../src/components/avatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgC,KAAK,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAEhG,OAAO,EAAuB,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAElF,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,CAAC;AAEtD,MAAM,MAAM,6BAA6B,GAAG;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B,CAAC,EAAE,OAAO,CAAC;CAC3C,CAAC;AAeF,iBAAS,wBAAwB,CAAC,EAChC,KAAK,EACL,kBAAkB,EAClB,SAAS,EACT,+BAAuC,GACxC,EAAE,6BAA6B,2CAa/B;AAED,KAAK,sBAAsB,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC1D,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GACjD,CACE;IAAE,KAAK,EAAE,SAAS,eAAe,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,GAC3D;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,CACnD,GACC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC;AA4D7D,eAAO,MAAM,WAAW;;CAEtB,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { Avatar } from '../avatar/Avatar';
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { partitionAvatarGroupOverflow } from './avatarGroupOverflow';
|
|
6
|
+
import { collectAvatarsFromChildren } from './collectAvatarGroupChildren';
|
|
7
|
+
import { useAvatarGroupItems } from './useAvatarGroupItems';
|
|
8
|
+
function resolveOverflowAriaLabel(count, overflowCountLabel) {
|
|
9
|
+
if (typeof overflowCountLabel === 'function') {
|
|
10
|
+
return overflowCountLabel(count);
|
|
11
|
+
}
|
|
12
|
+
if (typeof overflowCountLabel === 'string') {
|
|
13
|
+
return overflowCountLabel;
|
|
14
|
+
}
|
|
15
|
+
return `plus ${count} more`;
|
|
16
|
+
}
|
|
17
|
+
function AvatarGroupOverflowCount({ count, overflowCountLabel, className, presentAllUpdatesToScreenReader = false, }) {
|
|
18
|
+
return (_jsxs("span", { role: "status", className: classNames('ds-avatar-group__overflow-count', className), "aria-label": resolveOverflowAriaLabel(count, overflowCountLabel), "aria-live": presentAllUpdatesToScreenReader ? 'polite' : undefined, "aria-atomic": presentAllUpdatesToScreenReader ? 'true' : undefined, children: ["+", count] }));
|
|
19
|
+
}
|
|
20
|
+
const AvatarGroupRoot = React.forwardRef(({ items, children, size: groupSize, showMaxItems, listOrder = 'ascending', label, overflowCountLabel, presentAllUpdatesToScreenReader = false, className, ...rest }, ref) => {
|
|
21
|
+
const sourceItems = React.useMemo(() => {
|
|
22
|
+
if (children != null) {
|
|
23
|
+
return collectAvatarsFromChildren(children);
|
|
24
|
+
}
|
|
25
|
+
return items ?? [];
|
|
26
|
+
}, [children, items]);
|
|
27
|
+
const normalized = useAvatarGroupItems(sourceItems, groupSize);
|
|
28
|
+
const { visibleItems, overflowCount } = React.useMemo(() => partitionAvatarGroupOverflow(normalized, showMaxItems, listOrder), [normalized, showMaxItems, listOrder]);
|
|
29
|
+
return (_jsxs("ul", { ref: ref, role: "list", className: classNames('ds-avatar-group', className), "aria-label": label, ...rest, children: [visibleItems.map(entry => (_jsx("li", { className: "ds-avatar-group__item", children: _jsx(Avatar, { ...entry.avatarProps }) }, entry.key))), overflowCount > 0
|
|
30
|
+
? (_jsx("li", { className: "ds-avatar-group__overflow", children: _jsx(AvatarGroupOverflowCount, { count: overflowCount, overflowCountLabel: overflowCountLabel, presentAllUpdatesToScreenReader: presentAllUpdatesToScreenReader }) }))
|
|
31
|
+
: null] }));
|
|
32
|
+
});
|
|
33
|
+
AvatarGroupRoot.displayName = 'AvatarGroup';
|
|
34
|
+
export const AvatarGroup = Object.assign(AvatarGroupRoot, {
|
|
35
|
+
OverflowCount: AvatarGroupOverflowCount,
|
|
36
|
+
});
|
|
37
|
+
//# sourceMappingURL=AvatarGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarGroup.js","sourceRoot":"","sources":["../../../src/components/avatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { AvatarGroup } from './AvatarGroup';
|
|
3
|
+
declare const meta: Meta<typeof AvatarGroup>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof AvatarGroup>;
|
|
6
|
+
export declare const FromProps: Story;
|
|
7
|
+
export declare const SizeOverridesPerAvatar: Story;
|
|
8
|
+
export declare const ComposableChildren: Story;
|
|
9
|
+
export declare const ComposableChildrenDescending: Story;
|
|
10
|
+
export declare const AscendingWithOverflow: Story;
|
|
11
|
+
export declare const DescendingWithOverflow: Story;
|
|
12
|
+
export declare const CustomOverflowLabel: Story;
|
|
13
|
+
export declare const AnnouncedOverflowUpdates: Story;
|
|
14
|
+
//# sourceMappingURL=AvatarGroup.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/components/avatarGroup/AvatarGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAIlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAI1C,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KA0BpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA6ChC,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KA+B1C,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAenC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAepC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAqBjC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAuBtC,CAAC"}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Avatar } from '../avatar/Avatar';
|
|
3
|
+
import { AvatarGroup } from './AvatarGroup';
|
|
4
|
+
const meta = {
|
|
5
|
+
title: 'Components/AvatarGroup',
|
|
6
|
+
component: AvatarGroup,
|
|
7
|
+
tags: ['autodocs'],
|
|
8
|
+
};
|
|
9
|
+
export default meta;
|
|
10
|
+
const sampleSrc = (id) => `https://i.pravatar.cc/150?img=${id}`;
|
|
11
|
+
export const FromProps = {
|
|
12
|
+
render: () => (_jsx(AvatarGroup, { label: "Team from props", items: [
|
|
13
|
+
{ src: sampleSrc(1), alt: 'Member 1' },
|
|
14
|
+
{ src: sampleSrc(2), alt: 'Member 2' },
|
|
15
|
+
{ initials: 'CM', alt: 'Chris Montgomery' },
|
|
16
|
+
] })),
|
|
17
|
+
};
|
|
18
|
+
export const SizeOverridesPerAvatar = {
|
|
19
|
+
name: 'Size Override',
|
|
20
|
+
render: () => (_jsx(AvatarGroup, { label: "All medium even though children are set as small", size: "medium", showMaxItems: 4, items: [
|
|
21
|
+
_jsx(Avatar, { size: "small", initials: "S1", alt: "Small 1" }, "1"),
|
|
22
|
+
_jsx(Avatar, { size: "small", initials: "S2", alt: "Small 2" }, "2"),
|
|
23
|
+
{ size: 'small', initials: 'S3', alt: 'Small 3' },
|
|
24
|
+
{ size: 'small', initials: 'S4', alt: 'Small 4' },
|
|
25
|
+
{ size: 'small', initials: 'S5', alt: 'Small 5' },
|
|
26
|
+
] })),
|
|
27
|
+
};
|
|
28
|
+
export const ComposableChildren = {
|
|
29
|
+
name: 'Composable Children',
|
|
30
|
+
parameters: {
|
|
31
|
+
docs: {
|
|
32
|
+
description: {
|
|
33
|
+
story: 'Pass `<Avatar />` nodes as `children`.',
|
|
34
|
+
},
|
|
35
|
+
},
|
|
36
|
+
},
|
|
37
|
+
render: () => (_jsxs(AvatarGroup, { label: "Team (children API)", showMaxItems: 3, listOrder: "ascending", children: [_jsxs(_Fragment, { children: [_jsx(Avatar, { size: "small", initials: "A", alt: "User A" }), _jsx(Avatar, { size: "small", initials: "B", alt: "User B" })] }), _jsx(Avatar, { size: "small", initials: "C", alt: "User C" }), _jsx(Avatar, { size: "small", initials: "D", alt: "User D" }), _jsx(Avatar, { size: "small", initials: "E", alt: "User E" })] })),
|
|
38
|
+
};
|
|
39
|
+
export const ComposableChildrenDescending = {
|
|
40
|
+
name: 'Composed + Descending Order',
|
|
41
|
+
render: () => (_jsxs(AvatarGroup, { label: "Last three visible", size: "medium", showMaxItems: 3, listOrder: "descending", children: [_jsx(Avatar, { initials: "A", alt: "User A" }), _jsx(Avatar, { initials: "B", alt: "User B" }), _jsx(Avatar, { initials: "C", alt: "User C" }), _jsx(Avatar, { initials: "D", alt: "User D" }), _jsx(Avatar, { initials: "E", alt: "User E" })] })),
|
|
42
|
+
};
|
|
43
|
+
export const AscendingWithOverflow = {
|
|
44
|
+
render: () => (_jsx(AvatarGroup, { label: "Ascending overflow", listOrder: "ascending", showMaxItems: 3, items: [
|
|
45
|
+
{ initials: 'A', alt: 'User A' },
|
|
46
|
+
{ initials: 'B', alt: 'User B' },
|
|
47
|
+
{ initials: 'C', alt: 'User C' },
|
|
48
|
+
{ initials: 'D', alt: 'User D' },
|
|
49
|
+
{ initials: 'E', alt: 'User E' },
|
|
50
|
+
] })),
|
|
51
|
+
};
|
|
52
|
+
export const DescendingWithOverflow = {
|
|
53
|
+
render: () => (_jsx(AvatarGroup, { label: "Descending overflow", listOrder: "descending", showMaxItems: 3, items: [
|
|
54
|
+
{ initials: 'A', alt: 'User A' },
|
|
55
|
+
{ initials: 'B', alt: 'User B' },
|
|
56
|
+
{ initials: 'C', alt: 'User C' },
|
|
57
|
+
{ initials: 'D', alt: 'User D' },
|
|
58
|
+
{ initials: 'E', alt: 'User E' },
|
|
59
|
+
] })),
|
|
60
|
+
};
|
|
61
|
+
export const CustomOverflowLabel = {
|
|
62
|
+
parameters: {
|
|
63
|
+
docs: {
|
|
64
|
+
description: {
|
|
65
|
+
story: 'Custom `overflowCountLabel` values replace the full screen-reader label for the overflow badge instead of appending to the visible `+N` text.',
|
|
66
|
+
},
|
|
67
|
+
},
|
|
68
|
+
},
|
|
69
|
+
render: () => (_jsx(AvatarGroup, { label: "Custom overflow copy", showMaxItems: 2, overflowCountLabel: n => `${n} more students`, items: [
|
|
70
|
+
{ initials: 'J', alt: 'Jacob' },
|
|
71
|
+
{ initials: 'E', alt: 'Edward' },
|
|
72
|
+
{ initials: 'B', alt: 'Bella' },
|
|
73
|
+
] })),
|
|
74
|
+
};
|
|
75
|
+
export const AnnouncedOverflowUpdates = {
|
|
76
|
+
name: 'Announced Overflow Updates',
|
|
77
|
+
parameters: {
|
|
78
|
+
docs: {
|
|
79
|
+
description: {
|
|
80
|
+
story: 'Enables polite live announcements for the built-in overflow badge. Overflow members are not rendered; only the count is shown.',
|
|
81
|
+
},
|
|
82
|
+
},
|
|
83
|
+
},
|
|
84
|
+
render: () => (_jsx(AvatarGroup, { label: "Live updates team", showMaxItems: 2, presentAllUpdatesToScreenReader: true, items: [
|
|
85
|
+
{ initials: 'A', alt: 'User A' },
|
|
86
|
+
{ initials: 'B', alt: 'User B' },
|
|
87
|
+
{ initials: 'C', alt: 'User C' },
|
|
88
|
+
{ initials: 'D', alt: 'User D' },
|
|
89
|
+
] })),
|
|
90
|
+
};
|
|
91
|
+
//# sourceMappingURL=AvatarGroup.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarGroup.stories.js","sourceRoot":"","sources":["../../../src/components/avatarGroup/AvatarGroup.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarGroup.test.d.ts","sourceRoot":"","sources":["../../../src/components/avatarGroup/AvatarGroup.test.tsx"],"names":[],"mappings":"AAQA,OAAO,kCAAkC,CAAC"}
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { describe, expect, test, vi } from 'vitest';
|
|
4
|
+
import { render, screen, within } from '@testing-library/react';
|
|
5
|
+
import { Avatar } from '../avatar/Avatar';
|
|
6
|
+
import { AvatarGroup } from './AvatarGroup';
|
|
7
|
+
import { partitionAvatarGroupOverflow } from './avatarGroupOverflow';
|
|
8
|
+
import { collectAvatarsFromChildren } from './collectAvatarGroupChildren';
|
|
9
|
+
import '@testing-library/jest-dom/vitest';
|
|
10
|
+
const fourPeople = [
|
|
11
|
+
{ initials: 'A', alt: 'User A' },
|
|
12
|
+
{ initials: 'B', alt: 'User B' },
|
|
13
|
+
{ initials: 'C', alt: 'User C' },
|
|
14
|
+
{ initials: 'D', alt: 'User D' },
|
|
15
|
+
];
|
|
16
|
+
describe('partitionAvatarGroupOverflow', () => {
|
|
17
|
+
const mockItems = (n) => Array.from({ length: n }, (_, i) => ({
|
|
18
|
+
key: String(i),
|
|
19
|
+
avatarProps: { alt: `User ${i}` },
|
|
20
|
+
}));
|
|
21
|
+
test('ascending keeps head visible and counts overflow', () => {
|
|
22
|
+
const items = mockItems(4);
|
|
23
|
+
const { visibleItems, overflowCount } = partitionAvatarGroupOverflow(items, 2, 'ascending');
|
|
24
|
+
expect(visibleItems.map(x => x.key)).toEqual(['0', '1']);
|
|
25
|
+
expect(overflowCount).toBe(2);
|
|
26
|
+
});
|
|
27
|
+
test('descending keeps tail visible and counts overflow', () => {
|
|
28
|
+
const items = mockItems(4);
|
|
29
|
+
const { visibleItems, overflowCount } = partitionAvatarGroupOverflow(items, 2, 'descending');
|
|
30
|
+
expect(visibleItems.map(x => x.key)).toEqual(['2', '3']);
|
|
31
|
+
expect(overflowCount).toBe(2);
|
|
32
|
+
});
|
|
33
|
+
test('no overflow when showMaxItems omits or covers all', () => {
|
|
34
|
+
const items = mockItems(3);
|
|
35
|
+
expect(partitionAvatarGroupOverflow(items, undefined, 'ascending').overflowCount).toBe(0);
|
|
36
|
+
expect(partitionAvatarGroupOverflow(items, 10, 'ascending').overflowCount).toBe(0);
|
|
37
|
+
});
|
|
38
|
+
test('floors decimal values and treats negative values as show all', () => {
|
|
39
|
+
const items = mockItems(4);
|
|
40
|
+
const decimalResult = partitionAvatarGroupOverflow(items, 2.9, 'ascending');
|
|
41
|
+
const negativeResult = partitionAvatarGroupOverflow(items, -1, 'descending');
|
|
42
|
+
expect(decimalResult.visibleItems.map(x => x.key)).toEqual(['0', '1']);
|
|
43
|
+
expect(decimalResult.overflowCount).toBe(2);
|
|
44
|
+
expect(negativeResult.visibleItems.map(x => x.key)).toEqual(['0', '1', '2', '3']);
|
|
45
|
+
expect(negativeResult.overflowCount).toBe(0);
|
|
46
|
+
});
|
|
47
|
+
});
|
|
48
|
+
describe('AvatarGroup', () => {
|
|
49
|
+
test('renders avatar props objects', () => {
|
|
50
|
+
render(_jsx(AvatarGroup, { items: [
|
|
51
|
+
{ initials: 'CM', alt: 'Chris M' },
|
|
52
|
+
{ initials: 'JD', alt: 'Jay D' },
|
|
53
|
+
] }));
|
|
54
|
+
expect(screen.getByLabelText('Chris M')).toBeInTheDocument();
|
|
55
|
+
expect(screen.getByLabelText('Jay D')).toBeInTheDocument();
|
|
56
|
+
});
|
|
57
|
+
test('renders pre-built Avatar elements', () => {
|
|
58
|
+
render(_jsx(AvatarGroup, { items: [
|
|
59
|
+
_jsx(Avatar, { initials: "X", alt: "Xavier" }, "one"),
|
|
60
|
+
_jsx(Avatar, { initials: "Y", alt: "Yolanda" }, "two"),
|
|
61
|
+
] }));
|
|
62
|
+
expect(screen.getByLabelText('Xavier')).toBeInTheDocument();
|
|
63
|
+
expect(screen.getByLabelText('Yolanda')).toBeInTheDocument();
|
|
64
|
+
});
|
|
65
|
+
test('mixes Avatar elements and props objects', () => {
|
|
66
|
+
render(_jsx(AvatarGroup, { items: [
|
|
67
|
+
_jsx(Avatar, { initials: "E", alt: "Element user" }, "e"),
|
|
68
|
+
{ initials: 'P', alt: 'Props user' },
|
|
69
|
+
] }));
|
|
70
|
+
expect(screen.getByLabelText('Element user')).toBeInTheDocument();
|
|
71
|
+
expect(screen.getByLabelText('Props user')).toBeInTheDocument();
|
|
72
|
+
});
|
|
73
|
+
test('applies showMaxItems and overflow +N with default aria-label', () => {
|
|
74
|
+
render(_jsx(AvatarGroup, { items: fourPeople, showMaxItems: 2, listOrder: "ascending" }));
|
|
75
|
+
expect(screen.getByText('+2')).toBeInTheDocument();
|
|
76
|
+
const overflow = screen.getByRole('status', { name: 'plus 2 more' });
|
|
77
|
+
expect(overflow).toBeInTheDocument();
|
|
78
|
+
expect(screen.getByLabelText('User A')).toBeInTheDocument();
|
|
79
|
+
expect(screen.getByLabelText('User B')).toBeInTheDocument();
|
|
80
|
+
expect(screen.queryByLabelText('User C')).not.toBeInTheDocument();
|
|
81
|
+
expect(screen.queryByLabelText('User D')).not.toBeInTheDocument();
|
|
82
|
+
});
|
|
83
|
+
test('descending shows last N avatars in the main list', () => {
|
|
84
|
+
const { container } = render(_jsx(AvatarGroup, { items: fourPeople, showMaxItems: 2, listOrder: "descending" }));
|
|
85
|
+
const visibleLis = container.querySelectorAll('.ds-avatar-group > .ds-avatar-group__item');
|
|
86
|
+
expect(visibleLis).toHaveLength(2);
|
|
87
|
+
expect(within(visibleLis[0]).getByText('C')).toBeInTheDocument();
|
|
88
|
+
expect(within(visibleLis[1]).getByText('D')).toBeInTheDocument();
|
|
89
|
+
expect(screen.queryByLabelText('User A')).not.toBeInTheDocument();
|
|
90
|
+
expect(screen.queryByLabelText('User B')).not.toBeInTheDocument();
|
|
91
|
+
});
|
|
92
|
+
test('overflowCountLabel string override', () => {
|
|
93
|
+
render(_jsx(AvatarGroup, { items: fourPeople, showMaxItems: 2, overflowCountLabel: "two teammates not shown" }));
|
|
94
|
+
expect(screen.getByRole('status', { name: 'two teammates not shown' })).toBeInTheDocument();
|
|
95
|
+
});
|
|
96
|
+
test('overflowCountLabel function override', () => {
|
|
97
|
+
render(_jsx(AvatarGroup, { items: fourPeople, showMaxItems: 2, overflowCountLabel: n => `${n} extra` }));
|
|
98
|
+
expect(screen.getByRole('status', { name: '2 extra' })).toBeInTheDocument();
|
|
99
|
+
});
|
|
100
|
+
test('outer list uses aria-label from label prop', () => {
|
|
101
|
+
render(_jsx(AvatarGroup, { label: "Project contributors", items: [{ initials: 'Z', alt: 'Zed' }] }));
|
|
102
|
+
const list = screen.getByRole('list', { name: 'Project contributors' });
|
|
103
|
+
expect(list).toHaveAttribute('role', 'list');
|
|
104
|
+
});
|
|
105
|
+
test('forwards refs to the root list element', () => {
|
|
106
|
+
const ref = React.createRef();
|
|
107
|
+
render(_jsx(AvatarGroup, { ref: ref, label: "Ref team", items: [{ initials: 'Z', alt: 'Zed' }] }));
|
|
108
|
+
expect(ref.current).toHaveAttribute('role', 'list');
|
|
109
|
+
});
|
|
110
|
+
test('AvatarGroup.OverflowCount standalone uses status semantics', () => {
|
|
111
|
+
render(_jsx(AvatarGroup.OverflowCount, { count: 5, overflowCountLabel: "five more wolves" }));
|
|
112
|
+
const overflow = screen.getByRole('status', { name: 'five more wolves' });
|
|
113
|
+
expect(overflow).toHaveTextContent('+5');
|
|
114
|
+
expect(overflow).not.toHaveAttribute('aria-live');
|
|
115
|
+
expect(overflow).not.toHaveAttribute('aria-atomic');
|
|
116
|
+
});
|
|
117
|
+
test('AvatarGroup.OverflowCount can announce all updates to screen readers', () => {
|
|
118
|
+
render(_jsx(AvatarGroup.OverflowCount, { count: 5, overflowCountLabel: "five more wolves", presentAllUpdatesToScreenReader: true }));
|
|
119
|
+
const overflow = screen.getByRole('status', { name: 'five more wolves' });
|
|
120
|
+
expect(overflow).toHaveAttribute('aria-live', 'polite');
|
|
121
|
+
expect(overflow).toHaveAttribute('aria-atomic', 'true');
|
|
122
|
+
});
|
|
123
|
+
test('group prop plumbs live-region behaviour to the built-in overflow badge', () => {
|
|
124
|
+
render(_jsx(AvatarGroup, { items: fourPeople, showMaxItems: 2, presentAllUpdatesToScreenReader: true }));
|
|
125
|
+
const overflow = screen.getByRole('status', { name: 'plus 2 more' });
|
|
126
|
+
expect(overflow).toHaveAttribute('aria-live', 'polite');
|
|
127
|
+
expect(overflow).toHaveAttribute('aria-atomic', 'true');
|
|
128
|
+
});
|
|
129
|
+
test('size on group overrides avatar size', () => {
|
|
130
|
+
const { container } = render(_jsx(AvatarGroup, { size: "large", items: [
|
|
131
|
+
{ initials: 'S', alt: 'Small marked', size: 'small' },
|
|
132
|
+
_jsx(Avatar, { initials: "M", alt: "Medium marked", size: "medium" }, "m"),
|
|
133
|
+
] }));
|
|
134
|
+
const avatars = container.querySelectorAll('.ds-avatar--large');
|
|
135
|
+
expect(avatars).toHaveLength(2);
|
|
136
|
+
});
|
|
137
|
+
test('renders avatars from children with fragments and overflow', () => {
|
|
138
|
+
render(_jsxs(AvatarGroup, { label: "Composable team", showMaxItems: 2, size: "medium", children: [_jsxs(_Fragment, { children: [_jsx(Avatar, { initials: "A", alt: "User A" }), _jsx(Avatar, { initials: "B", alt: "User B" })] }), _jsx(Avatar, { initials: "C", alt: "User C" })] }));
|
|
139
|
+
expect(screen.getByRole('list', { name: 'Composable team' })).toBeInTheDocument();
|
|
140
|
+
expect(screen.getByLabelText('User A')).toBeInTheDocument();
|
|
141
|
+
expect(screen.getByLabelText('User B')).toBeInTheDocument();
|
|
142
|
+
expect(screen.getByText('+1')).toBeInTheDocument();
|
|
143
|
+
expect(screen.queryByLabelText('User C')).not.toBeInTheDocument();
|
|
144
|
+
});
|
|
145
|
+
});
|
|
146
|
+
describe('collectAvatarsFromChildren', () => {
|
|
147
|
+
test('warns in development when non-Avatar React elements are passed', () => {
|
|
148
|
+
const warnSpy = vi.spyOn(console, 'warn').mockImplementation(() => { });
|
|
149
|
+
const result = collectAvatarsFromChildren(_jsxs(_Fragment, { children: [_jsx(Avatar, { initials: "A", alt: "User A" }), _jsx("span", { children: "Ignored child" })] }));
|
|
150
|
+
expect(result).toHaveLength(1);
|
|
151
|
+
expect(warnSpy).toHaveBeenCalledWith('AvatarGroup only collects `<Avatar />` children when using the children API.');
|
|
152
|
+
warnSpy.mockRestore();
|
|
153
|
+
});
|
|
154
|
+
});
|
|
155
|
+
//# sourceMappingURL=AvatarGroup.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarGroup.test.js","sourceRoot":"","sources":["../../../src/components/avatarGroup/AvatarGroup.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { AvatarGroupNormalizedEntry } from './useAvatarGroupItems';
|
|
2
|
+
export type AvatarGroupListOrder = 'ascending' | 'descending';
|
|
3
|
+
export type AvatarGroupOverflowPartition = {
|
|
4
|
+
visibleItems: AvatarGroupNormalizedEntry[];
|
|
5
|
+
overflowCount: number;
|
|
6
|
+
};
|
|
7
|
+
export declare function partitionAvatarGroupOverflow(items: readonly AvatarGroupNormalizedEntry[], showMaxItems: number | undefined, listOrder?: AvatarGroupListOrder): AvatarGroupOverflowPartition;
|
|
8
|
+
//# sourceMappingURL=avatarGroupOverflow.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatarGroupOverflow.d.ts","sourceRoot":"","sources":["../../../src/components/avatarGroup/avatarGroupOverflow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAExE,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG,YAAY,CAAC;AAE9D,MAAM,MAAM,4BAA4B,GAAG;IACzC,YAAY,EAAE,0BAA0B,EAAE,CAAC;IAC3C,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,SAAS,0BAA0B,EAAE,EAC5C,YAAY,EAAE,MAAM,GAAG,SAAS,EAChC,SAAS,GAAE,oBAAkC,GAC5C,4BAA4B,CAe9B"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export function partitionAvatarGroupOverflow(items, showMaxItems, listOrder = 'ascending') {
|
|
2
|
+
const total = items.length;
|
|
3
|
+
const maxItems = showMaxItems == null || !Number.isFinite(showMaxItems) || showMaxItems < 0
|
|
4
|
+
? total
|
|
5
|
+
: Math.floor(showMaxItems);
|
|
6
|
+
const visibleCount = Math.min(total, maxItems);
|
|
7
|
+
const overflowCount = total - visibleCount;
|
|
8
|
+
const startIndex = listOrder === 'ascending' ? 0 : overflowCount;
|
|
9
|
+
return {
|
|
10
|
+
visibleItems: items.slice(startIndex, startIndex + visibleCount),
|
|
11
|
+
overflowCount,
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=avatarGroupOverflow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatarGroupOverflow.js","sourceRoot":"","sources":["../../../src/components/avatarGroup/avatarGroupOverflow.ts"],"names":[],"mappings":"AASA,MAAM,UAAU,4BAA4B,CAC1C,KAA4C,EAC5C,YAAgC,EAChC,YAAkC,WAAW;IAE7C,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC;IAC3B,MAAM,QAAQ,GACV,YAAY,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,YAAY,GAAG,CAAC;QAC1E,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAC/B,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAE/C,MAAM,aAAa,GAAG,KAAK,GAAG,YAAY,CAAC;IAC3C,MAAM,UAAU,GAAG,SAAS,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;IAEjE,OAAO;QACL,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,YAAY,CAAC;QAChE,aAAa;KACd,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collectAvatarGroupChildren.d.ts","sourceRoot":"","sources":["../../../src/components/avatarGroup/collectAvatarGroupChildren.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D,wBAAgB,0BAA0B,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,eAAe,EAAE,CAyBvF"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Avatar } from '../avatar/Avatar';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export function collectAvatarsFromChildren(children) {
|
|
4
|
+
const out = [];
|
|
5
|
+
const walk = (node) => {
|
|
6
|
+
React.Children.forEach(node, (child) => {
|
|
7
|
+
if (child == null || typeof child === 'boolean') {
|
|
8
|
+
return;
|
|
9
|
+
}
|
|
10
|
+
if (React.isValidElement(child) && child.type === React.Fragment) {
|
|
11
|
+
walk(child.props.children);
|
|
12
|
+
return;
|
|
13
|
+
}
|
|
14
|
+
if (React.isValidElement(child) && child.type === Avatar) {
|
|
15
|
+
out.push(child);
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
if (React.isValidElement(child) && process.env.NODE_ENV !== 'production') {
|
|
19
|
+
console.warn('AvatarGroup only collects `<Avatar />` children when using the children API.');
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
walk(children);
|
|
24
|
+
return out;
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=collectAvatarGroupChildren.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collectAvatarGroupChildren.js","sourceRoot":"","sources":["../../../src/components/avatarGroup/collectAvatarGroupChildren.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAoB,MAAM,0BAA0B,CAAC;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,UAAU,0BAA0B,CAAC,QAAyB;IAClE,MAAM,GAAG,GAAsB,EAAE,CAAC;IAElC,MAAM,IAAI,GAAG,CAAC,IAAqB,EAAE,EAAE;QACrC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE;YACrC,IAAI,KAAK,IAAI,IAAI,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE,CAAC;gBAChD,OAAO;YACT,CAAC;YACD,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACjE,IAAI,CAAE,KAAK,CAAC,KAAwC,CAAC,QAAQ,CAAC,CAAC;gBAC/D,OAAO;YACT,CAAC;YACD,IAAI,KAAK,CAAC,cAAc,CAAc,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBACtE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAChB,OAAO;YACT,CAAC;YAED,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;gBACzE,OAAO,CAAC,IAAI,CAAC,8EAA8E,CAAC,CAAC;YAC/F,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,IAAI,CAAC,QAAQ,CAAC,CAAC;IACf,OAAO,GAAG,CAAC;AACb,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type AvatarProps, type AvatarSize } from '../avatar/Avatar';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export type AvatarGroupItem = React.ReactElement<AvatarProps> | AvatarProps;
|
|
4
|
+
export type AvatarGroupNormalizedEntry = {
|
|
5
|
+
key: string;
|
|
6
|
+
avatarProps: AvatarProps;
|
|
7
|
+
};
|
|
8
|
+
export declare function useAvatarGroupItems(items: readonly AvatarGroupItem[], groupSize: AvatarSize | undefined): AvatarGroupNormalizedEntry[];
|
|
9
|
+
//# sourceMappingURL=useAvatarGroupItems.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useAvatarGroupItems.d.ts","sourceRoot":"","sources":["../../../src/components/avatarGroup/useAvatarGroupItems.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACrF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,WAAW,CAAC;AAE5E,MAAM,MAAM,0BAA0B,GAAG;IACvC,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,SAAS,eAAe,EAAE,EACjC,SAAS,EAAE,UAAU,GAAG,SAAS,GAChC,0BAA0B,EAAE,CAyB9B"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Avatar } from '../avatar/Avatar';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export function useAvatarGroupItems(items, groupSize) {
|
|
4
|
+
return React.useMemo(() => items.map((item, index) => {
|
|
5
|
+
if (React.isValidElement(item) && item.type === Avatar) {
|
|
6
|
+
return {
|
|
7
|
+
key: item.key != null ? String(item.key) : String(index),
|
|
8
|
+
avatarProps: {
|
|
9
|
+
...item.props,
|
|
10
|
+
size: groupSize ?? item.props.size,
|
|
11
|
+
},
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
const props = item;
|
|
15
|
+
return {
|
|
16
|
+
key: String(index),
|
|
17
|
+
avatarProps: {
|
|
18
|
+
...props,
|
|
19
|
+
size: groupSize ?? props.size,
|
|
20
|
+
},
|
|
21
|
+
};
|
|
22
|
+
}), [items, groupSize]);
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=useAvatarGroupItems.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useAvatarGroupItems.js","sourceRoot":"","sources":["../../../src/components/avatarGroup/useAvatarGroupItems.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAqC,MAAM,0BAA0B,CAAC;AACrF,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,UAAU,mBAAmB,CACjC,KAAiC,EACjC,SAAiC;IAEjC,OAAO,KAAK,CAAC,OAAO,CAClB,GAAG,EAAE,CACH,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACxB,IAAI,KAAK,CAAC,cAAc,CAAc,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;YACpE,OAAO;gBACL,GAAG,EAAE,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;gBACxD,WAAW,EAAE;oBACX,GAAG,IAAI,CAAC,KAAK;oBACb,IAAI,EAAE,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI;iBACnC;aACF,CAAC;QACJ,CAAC;QAED,MAAM,KAAK,GAAG,IAAmB,CAAC;QAClC,OAAO;YACL,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC;YAClB,WAAW,EAAE;gBACX,GAAG,KAAK;gBACR,IAAI,EAAE,SAAS,IAAI,KAAK,CAAC,IAAI;aAC9B;SACF,CAAC;IACJ,CAAC,CAAC,EACJ,CAAC,KAAK,EAAE,SAAS,CAAC,CACnB,CAAC;AACJ,CAAC"}
|
|
@@ -55,6 +55,7 @@ export declare const Table: {
|
|
|
55
55
|
value: import("../button/Button").ButtonProps;
|
|
56
56
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
57
57
|
DefaultValueFormatter: import("ag-grid-enterprise").ValueFormatterFunc<any, any, any>;
|
|
58
|
+
TableSettingsDropdown: () => import("react/jsx-runtime").JSX.Element;
|
|
58
59
|
};
|
|
59
60
|
export {};
|
|
60
61
|
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGnE,OAAO,EAAmC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUxE,OAAO,EAAoB,KAAK,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGnE,OAAO,EAAmC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUxE,OAAO,EAAoB,KAAK,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAcnF,KAAK,UAAU,CAAC,KAAK,GAAG,GAAG,IAAI;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wCAAwC,CAAC,EAAE,OAAO,CAAC;IACnD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,sBAAsB,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;AAMrD,oBAAY,aAAa;IACvB,EAAE,OAAO;IACT,CAAC,MAAM;IACP,CAAC,MAAM;IACP,CAAC,MAAM;CACR;AAED,eAAO,MAAM,oBAAoB;;;;;;;;;;EAU/B,CAAC;AAEH,eAAO,MAAM,KAAK;YAAW,UAAU;;;;;;;;;;;;;;;;;;;;;;;;CAkJtC,CAAC"}
|
|
@@ -24,6 +24,7 @@ import { tidyTheme } from './theme/tidyTheme';
|
|
|
24
24
|
import { focusFirstFocusableElement } from '../../utils/focusFirstFocusableElement';
|
|
25
25
|
import { BooleanFilter } from './columnFilters/BooleanFilter/BooleanFilter';
|
|
26
26
|
import { TimeFilter } from './columnFilters/TimeFilter/TimeFilter';
|
|
27
|
+
import { TableSettingsDropdown } from './TableSettingsDropdown';
|
|
27
28
|
setAgGridLicenseKey();
|
|
28
29
|
ModuleRegistry.registerModules([AllEnterpriseModule]);
|
|
29
30
|
export var TABLE_SPACING;
|
|
@@ -116,4 +117,5 @@ Table.BulkActionsDropdown = BulkActionsDropdown;
|
|
|
116
117
|
Table.HideColumnsDropdown = HideColumnsDropdown;
|
|
117
118
|
Table.ButtonCellRenderer = ButtonCellRenderer;
|
|
118
119
|
Table.DefaultValueFormatter = defaultValueFormatter;
|
|
120
|
+
Table.TableSettingsDropdown = TableSettingsDropdown;
|
|
119
121
|
//# sourceMappingURL=Table.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAgB,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAA+B,MAAM,oBAAoB,CAAC;AACnF,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;AACtF,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAChG,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,0BAA0B,EAAE,MAAM,4CAA4C,CAAC;AACxF,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAKhC,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAKhC,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAmBtD,KAAK,UAAU,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,UAAU,CAY1B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AA6JpC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KASnC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KASjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAmC7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KA4CrC,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,KAmD/C,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,QAAQ,CAAC,UAAU,CAsBzD,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,QAAQ,CAAC,UAAU,CAqDzD,CAAC;AA6FF,eAAO,MAAM,sBAAsB,EAAE,KASpC,CAAC;AAEF,eAAO,MAAM,qDAAqD,EAAE,QAAQ,CAAC,UAAU,CAqGpF,CAAC;AAEJ,eAAO,MAAM,wDAAwD,EAAE,QAAQ,CAAC,UAAU,CA0HvF,CAAC;AAEJ,eAAO,MAAM,0BAA0B,EAAE,KAkBxC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA0E1B,CAAC;AA0BF,eAAO,MAAM,cAAc,EAAE,KAiB5B,CAAC;AA8BF,eAAO,MAAM,0BAA0B,EAAE,KAiBxC,CAAC;AAwJF,eAAO,MAAM,SAAS,EAAE,KAiCvB,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAsHtC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KA0DrC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|