@flipdish/ui-library 0.18.0 → 0.19.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/dist/components/atoms/AppStoreButton/components/app-store-buttons-outline.cjs +5 -12
- package/dist/components/atoms/AppStoreButton/components/app-store-buttons-outline.cjs.map +1 -1
- package/dist/components/atoms/AppStoreButton/components/app-store-buttons-outline.d.ts.map +1 -1
- package/dist/components/atoms/AppStoreButton/components/app-store-buttons-outline.js +5 -12
- package/dist/components/atoms/AppStoreButton/components/app-store-buttons-outline.js.map +1 -1
- package/dist/components/atoms/AppStoreButton/index.cjs +6 -15
- package/dist/components/atoms/AppStoreButton/index.cjs.map +1 -1
- package/dist/components/atoms/AppStoreButton/index.d.ts.map +1 -1
- package/dist/components/atoms/AppStoreButton/index.js +6 -15
- package/dist/components/atoms/AppStoreButton/index.js.map +1 -1
- package/dist/components/atoms/Avatar/components/avatar-base.cjs +60 -0
- package/dist/components/atoms/Avatar/components/avatar-base.cjs.map +1 -0
- package/dist/components/atoms/Avatar/components/avatar-base.d.ts +77 -0
- package/dist/components/atoms/Avatar/components/avatar-base.d.ts.map +1 -0
- package/dist/components/atoms/Avatar/components/avatar-base.js +58 -0
- package/dist/components/atoms/Avatar/components/avatar-base.js.map +1 -0
- package/dist/components/atoms/Avatar/components/avatar-label-group.cjs +2 -2
- package/dist/components/atoms/Avatar/components/avatar-label-group.cjs.map +1 -1
- package/dist/components/atoms/Avatar/components/avatar-label-group.d.ts +1 -1
- package/dist/components/atoms/Avatar/components/avatar-label-group.d.ts.map +1 -1
- package/dist/components/atoms/Avatar/components/avatar-label-group.js +1 -1
- package/dist/components/atoms/Avatar/index.cjs +3 -55
- package/dist/components/atoms/Avatar/index.cjs.map +1 -1
- package/dist/components/atoms/Avatar/index.d.ts +2 -70
- package/dist/components/atoms/Avatar/index.d.ts.map +1 -1
- package/dist/components/atoms/Avatar/index.js +1 -57
- package/dist/components/atoms/Avatar/index.js.map +1 -1
- package/dist/components/atoms/Button/index.cjs +3 -3
- package/dist/components/atoms/Button/index.cjs.map +1 -1
- package/dist/components/atoms/Button/index.d.ts.map +1 -1
- package/dist/components/atoms/Button/index.js +1 -1
- package/dist/components/atoms/FeaturedIcon/index.cjs +2 -2
- package/dist/components/atoms/FeaturedIcon/index.cjs.map +1 -1
- package/dist/components/atoms/FeaturedIcon/index.d.ts.map +1 -1
- package/dist/components/atoms/FeaturedIcon/index.js +1 -1
- package/dist/components/atoms/UtilityButton/index.cjs +2 -2
- package/dist/components/atoms/UtilityButton/index.cjs.map +1 -1
- package/dist/components/atoms/UtilityButton/index.d.ts.map +1 -1
- package/dist/components/atoms/UtilityButton/index.js +1 -1
- package/dist/components/molecules/BadgeGroup/index.cjs +3 -3
- package/dist/components/molecules/BadgeGroup/index.cjs.map +1 -1
- package/dist/components/molecules/BadgeGroup/index.d.ts.map +1 -1
- package/dist/components/molecules/BadgeGroup/index.js +1 -1
- package/dist/components/molecules/Breadcrumbs/components/breadcrumb-account-item.cjs +2 -2
- package/dist/components/molecules/Breadcrumbs/components/breadcrumb-account-item.cjs.map +1 -1
- package/dist/components/molecules/Breadcrumbs/components/breadcrumb-account-item.js +1 -1
- package/dist/components/molecules/Breadcrumbs/components/breadcrumb-item.cjs +9 -6
- package/dist/components/molecules/Breadcrumbs/components/breadcrumb-item.cjs.map +1 -1
- package/dist/components/molecules/Breadcrumbs/components/breadcrumb-item.d.ts +1 -1
- package/dist/components/molecules/Breadcrumbs/components/breadcrumb-item.d.ts.map +1 -1
- package/dist/components/molecules/Breadcrumbs/components/breadcrumb-item.js +7 -4
- package/dist/components/molecules/Breadcrumbs/components/breadcrumb-item.js.map +1 -1
- package/dist/components/molecules/Breadcrumbs/index.cjs +3 -6
- package/dist/components/molecules/Breadcrumbs/index.cjs.map +1 -1
- package/dist/components/molecules/Breadcrumbs/index.d.ts +2 -6
- package/dist/components/molecules/Breadcrumbs/index.d.ts.map +1 -1
- package/dist/components/molecules/Breadcrumbs/index.js +2 -5
- package/dist/components/molecules/Breadcrumbs/index.js.map +1 -1
- package/dist/components/molecules/Breadcrumbs/providers/breadcrumbs-context.cjs +17 -0
- package/dist/components/molecules/Breadcrumbs/providers/breadcrumbs-context.cjs.map +1 -0
- package/dist/components/molecules/Breadcrumbs/providers/breadcrumbs-context.d.ts +13 -0
- package/dist/components/molecules/Breadcrumbs/providers/breadcrumbs-context.d.ts.map +1 -0
- package/dist/components/molecules/Breadcrumbs/providers/breadcrumbs-context.js +15 -0
- package/dist/components/molecules/Breadcrumbs/providers/breadcrumbs-context.js.map +1 -0
- package/dist/components/molecules/ButtonGroup/index.cjs +2 -2
- package/dist/components/molecules/ButtonGroup/index.cjs.map +1 -1
- package/dist/components/molecules/ButtonGroup/index.d.ts.map +1 -1
- package/dist/components/molecules/ButtonGroup/index.js +1 -1
- package/dist/components/molecules/Select/components/combobox.cjs +2 -2
- package/dist/components/molecules/Select/components/combobox.cjs.map +1 -1
- package/dist/components/molecules/Select/components/combobox.d.ts.map +1 -1
- package/dist/components/molecules/Select/components/combobox.js +1 -1
- package/dist/components/molecules/Select/components/select-item.cjs +2 -2
- package/dist/components/molecules/Select/components/select-item.cjs.map +1 -1
- package/dist/components/molecules/Select/components/select-item.d.ts.map +1 -1
- package/dist/components/molecules/Select/components/select-item.js +1 -1
- package/dist/components/molecules/Select/index.cjs +2 -2
- package/dist/components/molecules/Select/index.cjs.map +1 -1
- package/dist/components/molecules/Select/index.d.ts.map +1 -1
- package/dist/components/molecules/Select/index.js +1 -1
- package/dist/components/molecules/Tabs/index.cjs +2 -2
- package/dist/components/molecules/Tabs/index.cjs.map +1 -1
- package/dist/components/molecules/Tabs/index.d.ts.map +1 -1
- package/dist/components/molecules/Tabs/index.js +1 -1
- package/dist/components/organisms/ActivityFeed/index.cjs +5 -1
- package/dist/components/organisms/ActivityFeed/index.cjs.map +1 -1
- package/dist/components/organisms/ActivityFeed/index.d.ts.map +1 -1
- package/dist/components/organisms/ActivityFeed/index.js +5 -1
- package/dist/components/organisms/ActivityFeed/index.js.map +1 -1
- package/dist/components/organisms/HeaderNavigation/components/nav-account-card.cjs +2 -1
- package/dist/components/organisms/HeaderNavigation/components/nav-account-card.cjs.map +1 -1
- package/dist/components/organisms/HeaderNavigation/components/nav-account-card.d.ts.map +1 -1
- package/dist/components/organisms/HeaderNavigation/components/nav-account-card.js +2 -1
- package/dist/components/organisms/HeaderNavigation/components/nav-account-card.js.map +1 -1
- package/dist/components/organisms/HeaderNavigation/components/nav-item.cjs +4 -3
- package/dist/components/organisms/HeaderNavigation/components/nav-item.cjs.map +1 -1
- package/dist/components/organisms/HeaderNavigation/components/nav-item.d.ts.map +1 -1
- package/dist/components/organisms/HeaderNavigation/components/nav-item.js +4 -3
- package/dist/components/organisms/HeaderNavigation/components/nav-item.js.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/nav-button.cjs +5 -2
- package/dist/components/organisms/SidebarNavigation/components/nav-button.cjs.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/nav-button.d.ts.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/nav-button.js +5 -2
- package/dist/components/organisms/SidebarNavigation/components/nav-button.js.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/nav-item.cjs +5 -4
- package/dist/components/organisms/SidebarNavigation/components/nav-item.cjs.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/nav-item.d.ts.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/nav-item.js +5 -4
- package/dist/components/organisms/SidebarNavigation/components/nav-item.js.map +1 -1
- package/dist/components/organisms/TextEditor/components/text-editor-extensions.cjs +13 -13
- package/dist/components/organisms/TextEditor/components/text-editor-extensions.cjs.map +1 -1
- package/dist/components/organisms/TextEditor/components/text-editor-extensions.js +1 -1
- package/dist/components/organisms/TextEditor/components/text-editor-tooltip.cjs +2 -2
- package/dist/components/organisms/TextEditor/components/text-editor-tooltip.cjs.map +1 -1
- package/dist/components/organisms/TextEditor/components/text-editor-tooltip.js +1 -1
- package/dist/components/organisms/TextEditor/index.cjs +6 -13
- package/dist/components/organisms/TextEditor/index.cjs.map +1 -1
- package/dist/components/organisms/TextEditor/index.d.ts +2 -10
- package/dist/components/organisms/TextEditor/index.d.ts.map +1 -1
- package/dist/components/organisms/TextEditor/index.js +2 -9
- package/dist/components/organisms/TextEditor/index.js.map +1 -1
- package/dist/components/organisms/TextEditor/providers/text-editor-context.cjs +21 -0
- package/dist/components/organisms/TextEditor/providers/text-editor-context.cjs.map +1 -0
- package/dist/components/organisms/TextEditor/providers/text-editor-context.d.ts +17 -0
- package/dist/components/organisms/TextEditor/providers/text-editor-context.d.ts.map +1 -0
- package/dist/components/organisms/TextEditor/providers/text-editor-context.js +18 -0
- package/dist/components/organisms/TextEditor/providers/text-editor-context.js.map +1 -0
- package/dist/components/organisms/TreeView/index.cjs +2 -2
- package/dist/components/organisms/TreeView/index.cjs.map +1 -1
- package/dist/components/organisms/TreeView/index.d.ts.map +1 -1
- package/dist/components/organisms/TreeView/index.js +1 -1
- package/dist/hooks/{useAriaDisclosureAttrs/index.cjs → __internal__/useAriaDisclosureAttrs/useAriaDisclosureAttrs.cjs} +1 -1
- package/dist/hooks/__internal__/useAriaDisclosureAttrs/useAriaDisclosureAttrs.cjs.map +1 -0
- package/dist/hooks/{useAriaDisclosureAttrs/index.d.ts → __internal__/useAriaDisclosureAttrs/useAriaDisclosureAttrs.d.ts} +1 -1
- package/dist/hooks/__internal__/useAriaDisclosureAttrs/useAriaDisclosureAttrs.d.ts.map +1 -0
- package/dist/hooks/{useAriaDisclosureAttrs/index.js → __internal__/useAriaDisclosureAttrs/useAriaDisclosureAttrs.js} +1 -1
- package/dist/hooks/__internal__/useAriaDisclosureAttrs/useAriaDisclosureAttrs.js.map +1 -0
- package/dist/native/components/atoms/Button/index.d.ts.map +1 -1
- package/dist/native/components/atoms/Button/index.js +1 -1
- package/dist/{utilities/isReactComponent/index.d.ts → native/utilities/__internal__/componentGuardUtils/componentGuard.utils.d.ts} +3 -3
- package/dist/native/utilities/__internal__/componentGuardUtils/componentGuard.utils.d.ts.map +1 -0
- package/dist/{utilities/isReactComponent/index.js → native/utilities/__internal__/componentGuardUtils/componentGuard.utils.js} +3 -3
- package/dist/native/utilities/__internal__/componentGuardUtils/componentGuard.utils.js.map +1 -0
- package/dist/native/{hooks/useAriaDisclosureAttrs → utilities/hrefUtils}/index.d.ts +3 -3
- package/dist/utilities/{isReactComponent/index.cjs → __internal__/componentGuardUtils/componentGuard.utils.cjs} +3 -3
- package/dist/utilities/__internal__/componentGuardUtils/componentGuard.utils.cjs.map +1 -0
- package/dist/{native/utilities/isReactComponent/index.d.ts → utilities/__internal__/componentGuardUtils/componentGuard.utils.d.ts} +3 -3
- package/dist/utilities/__internal__/componentGuardUtils/componentGuard.utils.d.ts.map +1 -0
- package/dist/{native/utilities/isReactComponent/index.js → utilities/__internal__/componentGuardUtils/componentGuard.utils.js} +3 -3
- package/dist/utilities/__internal__/componentGuardUtils/componentGuard.utils.js.map +1 -0
- package/dist/utilities/__internal__/logUtils/log.utils.cjs +32 -0
- package/dist/utilities/__internal__/logUtils/log.utils.cjs.map +1 -0
- package/dist/utilities/__internal__/logUtils/log.utils.d.ts +23 -0
- package/dist/utilities/__internal__/logUtils/log.utils.d.ts.map +1 -0
- package/dist/utilities/__internal__/logUtils/log.utils.js +30 -0
- package/dist/utilities/__internal__/logUtils/log.utils.js.map +1 -0
- package/dist/utilities/hrefUtils/index.cjs +50 -0
- package/dist/utilities/hrefUtils/index.cjs.map +1 -0
- package/dist/utilities/hrefUtils/index.d.ts +19 -0
- package/dist/utilities/hrefUtils/index.d.ts.map +1 -0
- package/dist/utilities/hrefUtils/index.js +47 -0
- package/dist/utilities/hrefUtils/index.js.map +1 -0
- package/dist/utilities/renderUtils/index.cjs +7 -12
- package/dist/utilities/renderUtils/index.cjs.map +1 -1
- package/dist/utilities/renderUtils/index.d.ts.map +1 -1
- package/dist/utilities/renderUtils/index.js +7 -12
- package/dist/utilities/renderUtils/index.js.map +1 -1
- package/package.json +5 -1
- package/dist/hooks/useAriaDisclosureAttrs/index.cjs.map +0 -1
- package/dist/hooks/useAriaDisclosureAttrs/index.d.ts.map +0 -1
- package/dist/hooks/useAriaDisclosureAttrs/index.js.map +0 -1
- package/dist/native/utilities/isReactComponent/index.d.ts.map +0 -1
- package/dist/native/utilities/isReactComponent/index.js.map +0 -1
- package/dist/utilities/isReactComponent/index.cjs.map +0 -1
- package/dist/utilities/isReactComponent/index.d.ts.map +0 -1
- package/dist/utilities/isReactComponent/index.js.map +0 -1
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { User01 } from '@flipdish/ui-icons';
|
|
3
|
+
import { cx } from '@flipdish/ui-library/utilities/cx';
|
|
4
|
+
import { useResolvedTestId, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
|
|
5
|
+
import { useState } from 'react';
|
|
6
|
+
import { styles } from '../Avatar.styles.js';
|
|
7
|
+
import { AvatarCount } from './avatar-count.js';
|
|
8
|
+
import { AvatarOnlineIndicator } from './avatar-online-indicator.js';
|
|
9
|
+
import { VerifiedTick } from './verified-tick.js';
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* Represents a user or entity visually using a photo, initials, or fallback
|
|
13
|
+
* icon. Supports size variants, status indicators, verified badges, and count
|
|
14
|
+
* overlays.
|
|
15
|
+
*
|
|
16
|
+
* @summary displays a user or entity with an image, initials, or icon fallback
|
|
17
|
+
*/
|
|
18
|
+
const Avatar = ({ size = 'md', src, alt, initials, placeholder, placeholderIcon: PlaceholderIcon, border, badge, status, verified, count, focusable = false, rounded = true, className, contentClassName, 'data-testid': dataTestId, }) => {
|
|
19
|
+
const [isFailed, setIsFailed] = useState(false);
|
|
20
|
+
const avatarTestId = useResolvedTestId({ testId: dataTestId, segment: 'avatar', rootName: 'avatar' });
|
|
21
|
+
const canShowImage = src && !isFailed;
|
|
22
|
+
const renderMainContent = () => {
|
|
23
|
+
if (canShowImage) {
|
|
24
|
+
return (jsx("img", { "data-avatar-img": true, "data-testid": joinTestId(avatarTestId, 'image'), className: "size-full object-cover", src: src,
|
|
25
|
+
// Always emit an `alt` attribute (axe `image-alt`). Avatars are typically
|
|
26
|
+
// paired with a visible name, so default to `''` (decorative) unless the
|
|
27
|
+
// consumer supplies a meaningful description.
|
|
28
|
+
alt: alt ?? '', onError: () => setIsFailed(true) }));
|
|
29
|
+
}
|
|
30
|
+
if (initials) {
|
|
31
|
+
return jsx("span", { className: cx('text-quaternary', styles[size].initials), children: initials });
|
|
32
|
+
}
|
|
33
|
+
if (PlaceholderIcon) {
|
|
34
|
+
return jsx(PlaceholderIcon, { className: cx('text-fg-quaternary', styles[size].icon) });
|
|
35
|
+
}
|
|
36
|
+
return placeholder || jsx(User01, { className: cx('text-fg-quaternary', styles[size].icon) });
|
|
37
|
+
};
|
|
38
|
+
const renderBadgeContent = () => {
|
|
39
|
+
if (status) {
|
|
40
|
+
return jsx(AvatarOnlineIndicator, { status: status, size: size, "data-testid": joinTestId(avatarTestId, 'status') });
|
|
41
|
+
}
|
|
42
|
+
if (verified) {
|
|
43
|
+
return (jsx(VerifiedTick, { size: size, className: cx('absolute right-0 bottom-0', size === 'xs' && '-right-px -bottom-px'), "data-testid": joinTestId(avatarTestId, 'badge') }));
|
|
44
|
+
}
|
|
45
|
+
if (count) {
|
|
46
|
+
return jsx(AvatarCount, { count: count, "data-testid": joinTestId(avatarTestId, 'badge') });
|
|
47
|
+
}
|
|
48
|
+
return badge;
|
|
49
|
+
};
|
|
50
|
+
return (jsxs("div", { "data-avatar": true, "data-testid": avatarTestId, className: cx('relative inline-flex shrink-0 rounded-[7px]', rounded && 'rounded-full',
|
|
51
|
+
// Focus styles
|
|
52
|
+
focusable && 'outline-transparent group-focus-visible:outline-2 group-focus-visible:outline-offset-2 group-focus-visible:outline-focus-ring', border && 'ring-1 ring-secondary_alt', border && styles[size].rootWithBorder, styles[size].root, className), children: [jsx("div", { className: cx('relative inline-flex size-full shrink-0 items-center justify-center overflow-hidden rounded-md bg-tertiary outline-[0.5px] -outline-offset-[0.5px] outline-black/16 before:inset-[0.5px]', rounded && 'rounded-full', canShowImage &&
|
|
53
|
+
size !== 'xs' &&
|
|
54
|
+
'before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-white/32 before:mask-[linear-gradient(to_bottom,black_0%,transparent_25%,transparent_75%,black_100%)]', contentClassName), children: renderMainContent() }), renderBadgeContent()] }));
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
export { Avatar };
|
|
58
|
+
//# sourceMappingURL=avatar-base.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar-base.js","sources":["../../../../../src/components/atoms/Avatar/components/avatar-base.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var cx = require('@flipdish/ui-library/utilities/cx');
|
|
5
|
-
var
|
|
5
|
+
var avatarBase = require('./avatar-base.cjs');
|
|
6
6
|
|
|
7
7
|
const styles = {
|
|
8
8
|
sm: { title: 'text-sm ', subtitle: 'text-xs' },
|
|
@@ -10,7 +10,7 @@ const styles = {
|
|
|
10
10
|
lg: { title: 'text-md ', subtitle: 'text-md' },
|
|
11
11
|
};
|
|
12
12
|
const AvatarLabelGroup = ({ title, subtitle, className, rounded, avatarClassName, ...props }) => {
|
|
13
|
-
return (jsxRuntime.jsxs("figure", { className: cx.cx('group flex min-w-0 flex-1 items-center gap-2', className), children: [jsxRuntime.jsx(
|
|
13
|
+
return (jsxRuntime.jsxs("figure", { className: cx.cx('group flex min-w-0 flex-1 items-center gap-2', className), children: [jsxRuntime.jsx(avatarBase.Avatar, { border: true, rounded: rounded, className: avatarClassName, ...props }), jsxRuntime.jsxs("figcaption", { className: "min-w-0 flex-1", children: [jsxRuntime.jsx("p", { className: cx.cx('font-semibold text-primary', styles[props.size].title), children: title }), jsxRuntime.jsx("p", { className: cx.cx('truncate text-tertiary', styles[props.size].subtitle), children: subtitle })] })] }));
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
exports.AvatarLabelGroup = AvatarLabelGroup;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar-label-group.cjs","sources":["../../../../../src/components/atoms/Avatar/components/avatar-label-group.tsx"],"sourcesContent":[null],"names":["_jsxs","cx","_jsx","Avatar"],"mappings":";;;;;;AAMA,MAAM,MAAM,GAAG;IACb,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC9C,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC9C,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE;CAC/C;MAUY,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,KAAK,EAAyB,KAAI;AAC5H,IAAA,QACEA,eAAA,CAAA,QAAA,EAAA,EAAQ,SAAS,EAAEC,KAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAC9EC,cAAA,CAACC,
|
|
1
|
+
{"version":3,"file":"avatar-label-group.cjs","sources":["../../../../../src/components/atoms/Avatar/components/avatar-label-group.tsx"],"sourcesContent":[null],"names":["_jsxs","cx","_jsx","Avatar"],"mappings":";;;;;;AAMA,MAAM,MAAM,GAAG;IACb,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC9C,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC9C,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE;CAC/C;MAUY,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,KAAK,EAAyB,KAAI;AAC5H,IAAA,QACEA,eAAA,CAAA,QAAA,EAAA,EAAQ,SAAS,EAAEC,KAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAC9EC,cAAA,CAACC,iBAAM,EAAA,EAAC,MAAM,EAAA,IAAA,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAA,GAAM,KAAK,EAAA,CAAI,EAC1EH,eAAA,CAAA,YAAA,EAAA,EAAY,SAAS,EAAC,gBAAgB,EAAA,QAAA,EAAA,CACpCE,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAED,KAAE,CAAC,4BAA4B,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,YAAG,KAAK,EAAA,CAAK,EACrFC,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAED,KAAE,CAAC,wBAAwB,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,YAAG,QAAQ,EAAA,CAAK,CAAA,EAAA,CAC5E,CAAA,EAAA,CACN;AAEb;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar-label-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/components/avatar-label-group.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"avatar-label-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/components/avatar-label-group.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAQzD,UAAU,qBAAsB,SAAQ,WAAW;IACjD,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,gBAAgB,GAAI,oEAAoE,qBAAqB,gCAUzH,CAAC"}
|
|
@@ -1,66 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var uiIcons = require('@flipdish/ui-icons');
|
|
5
|
-
var cx = require('@flipdish/ui-library/utilities/cx');
|
|
6
|
-
var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
|
|
7
|
-
var React = require('react');
|
|
8
|
-
var Avatar_styles = require('./Avatar.styles.cjs');
|
|
9
|
-
var avatarCount = require('./components/avatar-count.cjs');
|
|
10
|
-
var avatarOnlineIndicator = require('./components/avatar-online-indicator.cjs');
|
|
11
|
-
var verifiedTick = require('./components/verified-tick.cjs');
|
|
12
3
|
var avatar_utils = require('./avatar.utils.cjs');
|
|
13
4
|
var avatarAddButton = require('./components/avatar-add-button.cjs');
|
|
5
|
+
var avatarBase = require('./components/avatar-base.cjs');
|
|
14
6
|
var avatarLabelGroup = require('./components/avatar-label-group.cjs');
|
|
15
7
|
|
|
16
|
-
|
|
17
|
-
* Represents a user or entity visually using a photo, initials, or fallback
|
|
18
|
-
* icon. Supports size variants, status indicators, verified badges, and count
|
|
19
|
-
* overlays.
|
|
20
|
-
*
|
|
21
|
-
* @summary displays a user or entity with an image, initials, or icon fallback
|
|
22
|
-
*/
|
|
23
|
-
const Avatar = ({ size = 'md', src, alt, initials, placeholder, placeholderIcon: PlaceholderIcon, border, badge, status, verified, count, focusable = false, rounded = true, className, contentClassName, 'data-testid': dataTestId, }) => {
|
|
24
|
-
const [isFailed, setIsFailed] = React.useState(false);
|
|
25
|
-
const avatarTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'avatar', rootName: 'avatar' });
|
|
26
|
-
const canShowImage = src && !isFailed;
|
|
27
|
-
const renderMainContent = () => {
|
|
28
|
-
if (canShowImage) {
|
|
29
|
-
return (jsxRuntime.jsx("img", { "data-avatar-img": true, "data-testid": testIdUtils.joinTestId(avatarTestId, 'image'), className: "size-full object-cover", src: src,
|
|
30
|
-
// Always emit an `alt` attribute (axe `image-alt`). Avatars are typically
|
|
31
|
-
// paired with a visible name, so default to `''` (decorative) unless the
|
|
32
|
-
// consumer supplies a meaningful description.
|
|
33
|
-
alt: alt ?? '', onError: () => setIsFailed(true) }));
|
|
34
|
-
}
|
|
35
|
-
if (initials) {
|
|
36
|
-
return jsxRuntime.jsx("span", { className: cx.cx('text-quaternary', Avatar_styles.styles[size].initials), children: initials });
|
|
37
|
-
}
|
|
38
|
-
if (PlaceholderIcon) {
|
|
39
|
-
return jsxRuntime.jsx(PlaceholderIcon, { className: cx.cx('text-fg-quaternary', Avatar_styles.styles[size].icon) });
|
|
40
|
-
}
|
|
41
|
-
return placeholder || jsxRuntime.jsx(uiIcons.User01, { className: cx.cx('text-fg-quaternary', Avatar_styles.styles[size].icon) });
|
|
42
|
-
};
|
|
43
|
-
const renderBadgeContent = () => {
|
|
44
|
-
if (status) {
|
|
45
|
-
return jsxRuntime.jsx(avatarOnlineIndicator.AvatarOnlineIndicator, { status: status, size: size, "data-testid": testIdUtils.joinTestId(avatarTestId, 'status') });
|
|
46
|
-
}
|
|
47
|
-
if (verified) {
|
|
48
|
-
return (jsxRuntime.jsx(verifiedTick.VerifiedTick, { size: size, className: cx.cx('absolute right-0 bottom-0', size === 'xs' && '-right-px -bottom-px'), "data-testid": testIdUtils.joinTestId(avatarTestId, 'badge') }));
|
|
49
|
-
}
|
|
50
|
-
if (count) {
|
|
51
|
-
return jsxRuntime.jsx(avatarCount.AvatarCount, { count: count, "data-testid": testIdUtils.joinTestId(avatarTestId, 'badge') });
|
|
52
|
-
}
|
|
53
|
-
return badge;
|
|
54
|
-
};
|
|
55
|
-
return (jsxRuntime.jsxs("div", { "data-avatar": true, "data-testid": avatarTestId, className: cx.cx('relative inline-flex shrink-0 rounded-[7px]', rounded && 'rounded-full',
|
|
56
|
-
// Focus styles
|
|
57
|
-
focusable && 'outline-transparent group-focus-visible:outline-2 group-focus-visible:outline-offset-2 group-focus-visible:outline-focus-ring', border && 'ring-1 ring-secondary_alt', border && Avatar_styles.styles[size].rootWithBorder, Avatar_styles.styles[size].root, className), children: [jsxRuntime.jsx("div", { className: cx.cx('relative inline-flex size-full shrink-0 items-center justify-center overflow-hidden rounded-md bg-tertiary outline-[0.5px] -outline-offset-[0.5px] outline-black/16 before:inset-[0.5px]', rounded && 'rounded-full', canShowImage &&
|
|
58
|
-
size !== 'xs' &&
|
|
59
|
-
'before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-white/32 before:mask-[linear-gradient(to_bottom,black_0%,transparent_25%,transparent_75%,black_100%)]', contentClassName), children: renderMainContent() }), renderBadgeContent()] }));
|
|
60
|
-
};
|
|
8
|
+
|
|
61
9
|
|
|
62
10
|
exports.getInitials = avatar_utils.getInitials;
|
|
63
11
|
exports.AvatarAddButton = avatarAddButton.AvatarAddButton;
|
|
12
|
+
exports.Avatar = avatarBase.Avatar;
|
|
64
13
|
exports.AvatarLabelGroup = avatarLabelGroup.AvatarLabelGroup;
|
|
65
|
-
exports.Avatar = Avatar;
|
|
66
14
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":[
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
|
|
@@ -1,74 +1,5 @@
|
|
|
1
|
-
import { type FC, type ReactNode } from 'react';
|
|
2
1
|
export { getInitials } from './avatar.utils';
|
|
3
2
|
export { AvatarAddButton } from './components/avatar-add-button';
|
|
4
|
-
export { AvatarLabelGroup } from './components/avatar-label-group';
|
|
5
|
-
export interface AvatarProps {
|
|
6
|
-
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
7
|
-
className?: string;
|
|
8
|
-
/**
|
|
9
|
-
* The class name for the main child of the avatar.
|
|
10
|
-
*/
|
|
11
|
-
contentClassName?: string;
|
|
12
|
-
src?: string | null;
|
|
13
|
-
alt?: string;
|
|
14
|
-
/**
|
|
15
|
-
* Display an inner contrast border around the avatar image.
|
|
16
|
-
*/
|
|
17
|
-
contrastBorder?: boolean;
|
|
18
|
-
/**
|
|
19
|
-
* Whether the avatar should be rounded.
|
|
20
|
-
* @default true
|
|
21
|
-
*/
|
|
22
|
-
rounded?: boolean;
|
|
23
|
-
/**
|
|
24
|
-
* Display an outer border around the avatar.
|
|
25
|
-
*/
|
|
26
|
-
border?: boolean;
|
|
27
|
-
/**
|
|
28
|
-
* Display a badge (i.e. company logo).
|
|
29
|
-
*/
|
|
30
|
-
badge?: ReactNode;
|
|
31
|
-
/**
|
|
32
|
-
* Display a status indicator.
|
|
33
|
-
*/
|
|
34
|
-
status?: 'online' | 'offline';
|
|
35
|
-
/**
|
|
36
|
-
* Display a verified tick icon.
|
|
37
|
-
*
|
|
38
|
-
* @default false
|
|
39
|
-
*/
|
|
40
|
-
verified?: boolean;
|
|
41
|
-
/**
|
|
42
|
-
* Display a count badge.
|
|
43
|
-
*/
|
|
44
|
-
count?: number;
|
|
45
|
-
/**
|
|
46
|
-
* The initials of the user to display if no image is available.
|
|
47
|
-
*/
|
|
48
|
-
initials?: string;
|
|
49
|
-
/**
|
|
50
|
-
* An icon to display if no image is available.
|
|
51
|
-
*/
|
|
52
|
-
placeholderIcon?: FC<{
|
|
53
|
-
className?: string;
|
|
54
|
-
}>;
|
|
55
|
-
/**
|
|
56
|
-
* A placeholder to display if no image is available.
|
|
57
|
-
*/
|
|
58
|
-
placeholder?: ReactNode;
|
|
59
|
-
/**
|
|
60
|
-
* Whether the avatar should show a focus ring when the parent group is in focus.
|
|
61
|
-
* For example, when the avatar is wrapped inside a link.
|
|
62
|
-
*
|
|
63
|
-
* @default false
|
|
64
|
-
*/
|
|
65
|
-
focusable?: boolean;
|
|
66
|
-
/**
|
|
67
|
-
* Overrides the `data-testid` (defaults to `fd-avatar`). The image and badge
|
|
68
|
-
* slot (status indicator / verified tick / count) derive their ids from it.
|
|
69
|
-
*/
|
|
70
|
-
'data-testid'?: string;
|
|
71
|
-
}
|
|
72
3
|
/**
|
|
73
4
|
* Represents a user or entity visually using a photo, initials, or fallback
|
|
74
5
|
* icon. Supports size variants, status indicators, verified badges, and count
|
|
@@ -76,5 +7,6 @@ export interface AvatarProps {
|
|
|
76
7
|
*
|
|
77
8
|
* @summary displays a user or entity with an image, initials, or icon fallback
|
|
78
9
|
*/
|
|
79
|
-
export
|
|
10
|
+
export { Avatar, type AvatarProps } from './components/avatar-base';
|
|
11
|
+
export { AvatarLabelGroup } from './components/avatar-label-group';
|
|
80
12
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Avatar/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Avatar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE;;;;;;GAMG;AACH,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC"}
|
|
@@ -1,61 +1,5 @@
|
|
|
1
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { User01 } from '@flipdish/ui-icons';
|
|
3
|
-
import { cx } from '@flipdish/ui-library/utilities/cx';
|
|
4
|
-
import { useResolvedTestId, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
|
|
5
|
-
import { useState } from 'react';
|
|
6
|
-
import { styles } from './Avatar.styles.js';
|
|
7
|
-
import { AvatarCount } from './components/avatar-count.js';
|
|
8
|
-
import { AvatarOnlineIndicator } from './components/avatar-online-indicator.js';
|
|
9
|
-
import { VerifiedTick } from './components/verified-tick.js';
|
|
10
1
|
export { getInitials } from './avatar.utils.js';
|
|
11
2
|
export { AvatarAddButton } from './components/avatar-add-button.js';
|
|
3
|
+
export { Avatar } from './components/avatar-base.js';
|
|
12
4
|
export { AvatarLabelGroup } from './components/avatar-label-group.js';
|
|
13
|
-
|
|
14
|
-
/**
|
|
15
|
-
* Represents a user or entity visually using a photo, initials, or fallback
|
|
16
|
-
* icon. Supports size variants, status indicators, verified badges, and count
|
|
17
|
-
* overlays.
|
|
18
|
-
*
|
|
19
|
-
* @summary displays a user or entity with an image, initials, or icon fallback
|
|
20
|
-
*/
|
|
21
|
-
const Avatar = ({ size = 'md', src, alt, initials, placeholder, placeholderIcon: PlaceholderIcon, border, badge, status, verified, count, focusable = false, rounded = true, className, contentClassName, 'data-testid': dataTestId, }) => {
|
|
22
|
-
const [isFailed, setIsFailed] = useState(false);
|
|
23
|
-
const avatarTestId = useResolvedTestId({ testId: dataTestId, segment: 'avatar', rootName: 'avatar' });
|
|
24
|
-
const canShowImage = src && !isFailed;
|
|
25
|
-
const renderMainContent = () => {
|
|
26
|
-
if (canShowImage) {
|
|
27
|
-
return (jsx("img", { "data-avatar-img": true, "data-testid": joinTestId(avatarTestId, 'image'), className: "size-full object-cover", src: src,
|
|
28
|
-
// Always emit an `alt` attribute (axe `image-alt`). Avatars are typically
|
|
29
|
-
// paired with a visible name, so default to `''` (decorative) unless the
|
|
30
|
-
// consumer supplies a meaningful description.
|
|
31
|
-
alt: alt ?? '', onError: () => setIsFailed(true) }));
|
|
32
|
-
}
|
|
33
|
-
if (initials) {
|
|
34
|
-
return jsx("span", { className: cx('text-quaternary', styles[size].initials), children: initials });
|
|
35
|
-
}
|
|
36
|
-
if (PlaceholderIcon) {
|
|
37
|
-
return jsx(PlaceholderIcon, { className: cx('text-fg-quaternary', styles[size].icon) });
|
|
38
|
-
}
|
|
39
|
-
return placeholder || jsx(User01, { className: cx('text-fg-quaternary', styles[size].icon) });
|
|
40
|
-
};
|
|
41
|
-
const renderBadgeContent = () => {
|
|
42
|
-
if (status) {
|
|
43
|
-
return jsx(AvatarOnlineIndicator, { status: status, size: size, "data-testid": joinTestId(avatarTestId, 'status') });
|
|
44
|
-
}
|
|
45
|
-
if (verified) {
|
|
46
|
-
return (jsx(VerifiedTick, { size: size, className: cx('absolute right-0 bottom-0', size === 'xs' && '-right-px -bottom-px'), "data-testid": joinTestId(avatarTestId, 'badge') }));
|
|
47
|
-
}
|
|
48
|
-
if (count) {
|
|
49
|
-
return jsx(AvatarCount, { count: count, "data-testid": joinTestId(avatarTestId, 'badge') });
|
|
50
|
-
}
|
|
51
|
-
return badge;
|
|
52
|
-
};
|
|
53
|
-
return (jsxs("div", { "data-avatar": true, "data-testid": avatarTestId, className: cx('relative inline-flex shrink-0 rounded-[7px]', rounded && 'rounded-full',
|
|
54
|
-
// Focus styles
|
|
55
|
-
focusable && 'outline-transparent group-focus-visible:outline-2 group-focus-visible:outline-offset-2 group-focus-visible:outline-focus-ring', border && 'ring-1 ring-secondary_alt', border && styles[size].rootWithBorder, styles[size].root, className), children: [jsx("div", { className: cx('relative inline-flex size-full shrink-0 items-center justify-center overflow-hidden rounded-md bg-tertiary outline-[0.5px] -outline-offset-[0.5px] outline-black/16 before:inset-[0.5px]', rounded && 'rounded-full', canShowImage &&
|
|
56
|
-
size !== 'xs' &&
|
|
57
|
-
'before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-white/32 before:mask-[linear-gradient(to_bottom,black_0%,transparent_25%,transparent_75%,black_100%)]', contentClassName), children: renderMainContent() }), renderBadgeContent()] }));
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
export { Avatar };
|
|
61
5
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var cx = require('@flipdish/ui-library/utilities/cx');
|
|
5
|
-
var isReactComponent = require('@flipdish/ui-library/utilities/isReactComponent');
|
|
6
5
|
var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
|
|
7
6
|
var React = require('react');
|
|
8
7
|
var reactAriaComponents = require('react-aria-components');
|
|
8
|
+
var componentGuard_utils = require('../../../utilities/__internal__/componentGuardUtils/componentGuard.utils.cjs');
|
|
9
9
|
|
|
10
10
|
const styles = cx.sortCx({
|
|
11
11
|
common: {
|
|
@@ -142,9 +142,9 @@ const Button = ({ size = 'sm', color = 'primary', children, className, noTextPad
|
|
|
142
142
|
const isIcon = (IconLeading || IconTrailing) && !hasChildren;
|
|
143
143
|
const isLinkType = ['link-gray', 'link-color', 'link-destructive'].includes(color);
|
|
144
144
|
noTextPadding = isLinkType || noTextPadding;
|
|
145
|
-
const commonChildren = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [React.isValidElement(IconLeading) && IconLeading,
|
|
145
|
+
const commonChildren = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [React.isValidElement(IconLeading) && IconLeading, componentGuard_utils.isReactComponent(IconLeading) && jsxRuntime.jsx(IconLeading, { "data-icon": "leading", className: styles.common.icon }), loading && (
|
|
146
146
|
// biome-ignore lint/a11y/noSvgWithoutTitle: This is an icon
|
|
147
|
-
jsxRuntime.jsxs("svg", { fill: "none", "data-icon": "loading", viewBox: "0 0 20 20", className: cx.cx(styles.common.icon, !showTextWhileLoading && 'absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2'), children: [jsxRuntime.jsx("circle", { className: "stroke-current opacity-30", cx: "10", cy: "10", r: "8", fill: "none", strokeWidth: "2" }), jsxRuntime.jsx("circle", { className: "origin-center animate-spin stroke-current", cx: "10", cy: "10", r: "8", fill: "none", strokeWidth: "2", strokeDasharray: "12.5 50", strokeLinecap: "round" })] })), hasChildren && (jsxRuntime.jsx("span", { "data-text": true, className: cx.cx('transition-inherit-all', !noTextPadding && 'px-0.5'), children: children })), React.isValidElement(IconTrailing) && IconTrailing,
|
|
147
|
+
jsxRuntime.jsxs("svg", { fill: "none", "data-icon": "loading", viewBox: "0 0 20 20", className: cx.cx(styles.common.icon, !showTextWhileLoading && 'absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2'), children: [jsxRuntime.jsx("circle", { className: "stroke-current opacity-30", cx: "10", cy: "10", r: "8", fill: "none", strokeWidth: "2" }), jsxRuntime.jsx("circle", { className: "origin-center animate-spin stroke-current", cx: "10", cy: "10", r: "8", fill: "none", strokeWidth: "2", strokeDasharray: "12.5 50", strokeLinecap: "round" })] })), hasChildren && (jsxRuntime.jsx("span", { "data-text": true, className: cx.cx('transition-inherit-all', !noTextPadding && 'px-0.5'), children: children })), React.isValidElement(IconTrailing) && IconTrailing, componentGuard_utils.isReactComponent(IconTrailing) && jsxRuntime.jsx(IconTrailing, { "data-icon": "trailing", className: styles.common.icon })] }));
|
|
148
148
|
const commonProps = {
|
|
149
149
|
'data-loading': loading ? true : undefined,
|
|
150
150
|
'data-icon-only': isIcon ? true : undefined,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Button/index.tsx"],"sourcesContent":[null],"names":["sortCx","useResolvedTestId","_jsxs","_Fragment","isValidElement","isReactComponent","_jsx","cx","AriaLink","AriaButton"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Button/index.tsx"],"sourcesContent":[null],"names":["sortCx","useResolvedTestId","_jsxs","_Fragment","isValidElement","isReactComponent","_jsx","cx","AriaLink","AriaButton"],"mappings":";;;;;;;;;AAUO,MAAM,MAAM,GAAGA,SAAM,CAAC;AAC3B,IAAA,MAAM,EAAE;AACN,QAAA,IAAI,EAAE;YACJ,wNAAwN;;YAExN,kYAAkY;;YAElY,4FAA4F;;YAE5F,4GAA4G;SAC7G,CAAC,IAAI,CAAC,GAAG,CAAC;AACX,QAAA,IAAI,EAAE,4DAA4D;AACnE,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE;gBACJ,8FAA8F;gBAC9F,sGAAsG;gBACtG,gDAAgD;aACjD,CAAC,IAAI,CAAC,GAAG,CAAC;AACX,YAAA,QAAQ,EAAE,sCAAsC;AACjD,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE;gBACJ,0FAA0F;gBAC1F,sGAAsG;aACvG,CAAC,IAAI,CAAC,GAAG,CAAC;AACX,YAAA,QAAQ,EAAE,sCAAsC;AACjD,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE;gBACJ,gGAAgG;gBAChG,iIAAiI;aAClI,CAAC,IAAI,CAAC,GAAG,CAAC;AACX,YAAA,QAAQ,EAAE,sCAAsC;AACjD,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,8FAA8F;AACpG,YAAA,QAAQ,EAAE,wCAAwC;AACnD,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,gGAAgG;AACtG,YAAA,QAAQ,EAAE,wCAAwC;AACnD,SAAA;AACF,KAAA;AAED,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE;gBACJ,kJAAkJ;;gBAElJ,4FAA4F;;gBAE5F,2DAA2D;aAC5D,CAAC,IAAI,CAAC,GAAG,CAAC;AACZ,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE;gBACJ,iKAAiK;;gBAEjK,2EAA2E;aAC5E,CAAC,IAAI,CAAC,GAAG,CAAC;AACZ,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE;gBACJ,8FAA8F;;gBAE9F,2EAA2E;aAC5E,CAAC,IAAI,CAAC,GAAG,CAAC;AACZ,SAAA;AACD,QAAA,YAAY,EAAE;AACZ,YAAA,IAAI,EAAE;gBACJ,mFAAmF;;gBAEnF,8GAA8G;;gBAE9G,yFAAyF;aAC1F,CAAC,IAAI,CAAC,GAAG,CAAC;AACZ,SAAA;AACD,QAAA,WAAW,EAAE;AACX,YAAA,IAAI,EAAE;gBACJ,qEAAqE;;gBAErE,qGAAqG;;gBAErG,2EAA2E;aAC5E,CAAC,IAAI,CAAC,GAAG,CAAC;AACZ,SAAA;AACD,QAAA,qBAAqB,EAAE;AACrB,YAAA,IAAI,EAAE;gBACJ,gKAAgK;;gBAEhK,4FAA4F;;gBAE5F,2DAA2D;aAC5D,CAAC,IAAI,CAAC,GAAG,CAAC;AACZ,SAAA;AACD,QAAA,uBAAuB,EAAE;AACvB,YAAA,IAAI,EAAE;gBACJ,4LAA4L;;gBAE5L,6EAA6E;aAC9E,CAAC,IAAI,CAAC,GAAG,CAAC;AACZ,SAAA;AACD,QAAA,sBAAsB,EAAE;AACtB,YAAA,IAAI,EAAE;gBACJ,sHAAsH;;gBAEtH,6EAA6E;aAC9E,CAAC,IAAI,CAAC,GAAG,CAAC;AACZ,SAAA;AACD,QAAA,kBAAkB,EAAE;AAClB,YAAA,IAAI,EAAE;gBACJ,6FAA6F;;gBAE7F,8HAA8H;;gBAE9H,6EAA6E;aAC9E,CAAC,IAAI,CAAC,GAAG,CAAC;AACZ,SAAA;AACF,KAAA;AACF,CAAA;AA2CD;;;;;;AAMG;MACU,MAAM,GAGf,CAAC,EACH,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,SAAS,EACjB,QAAQ,EACR,SAAS,EACT,aAAa,EACb,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,QAAQ,EACpB,SAAS,EAAE,OAAO,EAClB,oBAAoB,EACpB,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACT,KAAI;AACH,IAAA,MAAM,IAAI,GAAG,MAAM,IAAI,KAAK,GAAG,KAAK,CAAC,IAAI,GAAG,SAAS;AACrD,IAAA,MAAM,YAAY,GAAGC,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;IAErG,MAAM,WAAW,GAAG,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS;IAC/D,MAAM,MAAM,GAAG,CAAC,WAAW,IAAI,YAAY,KAAK,CAAC,WAAW;AAC5D,IAAA,MAAM,UAAU,GAAG,CAAC,WAAW,EAAE,YAAY,EAAE,kBAAkB,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;AAElF,IAAA,aAAa,GAAG,UAAU,IAAI,aAAa;AAE3C,IAAA,MAAM,cAAc,IAClBC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CAEGC,oBAAc,CAAC,WAAW,CAAC,IAAI,WAAW,EAC1CC,qCAAgB,CAAC,WAAW,CAAC,IAAIC,cAAA,CAAC,WAAW,EAAA,EAAA,WAAA,EAAW,SAAS,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,EAAA,CAAI,EAEnG,OAAO;;AAEN,YAAAJ,eAAA,CAAA,KAAA,EAAA,EACE,IAAI,EAAC,MAAM,EAAA,WAAA,EACD,SAAS,EACnB,OAAO,EAAC,WAAW,EACnB,SAAS,EAAEK,KAAE,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,oBAAoB,IAAI,6DAA6D,CAAC,EAAA,QAAA,EAAA,CAGzHD,cAAA,CAAA,QAAA,EAAA,EAAQ,SAAS,EAAC,2BAA2B,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,EAAC,WAAW,EAAC,GAAG,EAAA,CAAG,EAElGA,cAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAC,2CAA2C,EACrD,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,GAAG,EACL,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,GAAG,EACf,eAAe,EAAC,SAAS,EACzB,aAAa,EAAC,OAAO,EAAA,CACrB,CAAA,EAAA,CACE,CACP,EAEA,WAAW,KACVA,cAAA,CAAA,MAAA,EAAA,EAAA,WAAA,EAAA,IAAA,EAAgB,SAAS,EAAEC,KAAE,CAAC,wBAAwB,EAAE,CAAC,aAAa,IAAI,QAAQ,CAAC,EAAA,QAAA,EAChF,QAAQ,EAAA,CACJ,CACR,EAGAH,oBAAc,CAAC,YAAY,CAAC,IAAI,YAAY,EAC5CC,qCAAgB,CAAC,YAAY,CAAC,IAAIC,cAAA,CAAC,YAAY,EAAA,EAAA,WAAA,EAAW,UAAU,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,EAAA,CAAI,CAAA,EAAA,CACtG,CACJ;AAED,IAAA,MAAM,WAAW,GAAG;QAClB,cAAc,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS;QAC1C,gBAAgB,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS;AAC3C,QAAA,aAAa,EAAE,YAAY;AAC3B,QAAA,GAAG,KAAK;AACR,QAAA,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAEC,KAAE,CACX,MAAM,CAAC,MAAM,CAAC,IAAI,EAClB,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EACvB,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,EACzB,UAAU,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,EACzC,CAAC,OAAO,KAAK,IAAI,KAAK,QAAQ,IAAI,OAAO,CAAC,CAAC,KAAK,qBAAqB;;;;AAIrE,QAAA,OAAO,KAAK,oBAAoB,GAAG,wDAAwD,GAAG,0CAA0C,CAAC,EACzI,SAAS,CACV;AACD,QAAA,QAAQ,EAAE,cAAc;KACzB;AAED,IAAA,IAAI,MAAM,IAAI,WAAW,EAAE;QACzB,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,SAAS,EAAE,GAAG,WAAW;AAC7C,QAAA,OAAOD,eAACE,wBAAQ,EAAA,EAAA,GAAK,SAAS,EAAA,IAAO,QAAQ,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,GAAI;IACpE;AAEA,IAAA,OAAOF,eAACG,0BAAU,EAAA,EAAA,GAAK,WAAW,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,IAAI,QAAQ,EAAE,SAAS,EAAE,OAAO,GAAI;AAChG;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAIxG,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyHjB,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;IACjC,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,MAAM,CAAC;IACnC,wDAAwD;IACxD,WAAW,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACrD,uDAAuD;IACvD,YAAY,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACtD,uDAAuD;IACvD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6DAA6D;IAC7D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,6GAA6G;IAC7G,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,WAAW,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,WAAW,CAAC;CAAG;AACpG;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,WAAW,EAAE,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,WAAW,CAAC;IAC3F,IAAI,EAAE,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;CAC1C;AAED,0CAA0C;AAC1C,MAAM,MAAM,KAAK,GAAG,WAAW,GAAG,SAAS,CAAC;AAE5C;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,EAAE;IACnB,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC5C,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC;CA6FjD,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { sortCx, cx } from '@flipdish/ui-library/utilities/cx';
|
|
3
|
-
import { isReactComponent } from '@flipdish/ui-library/utilities/isReactComponent';
|
|
4
3
|
import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
|
|
5
4
|
import { isValidElement } from 'react';
|
|
6
5
|
import { Link, Button as Button$1 } from 'react-aria-components';
|
|
6
|
+
import { isReactComponent } from '../../../utilities/__internal__/componentGuardUtils/componentGuard.utils.js';
|
|
7
7
|
|
|
8
8
|
const styles = sortCx({
|
|
9
9
|
common: {
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var cx = require('@flipdish/ui-library/utilities/cx');
|
|
5
|
-
var isReactComponent = require('@flipdish/ui-library/utilities/isReactComponent');
|
|
6
5
|
var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
|
|
7
6
|
var React = require('react');
|
|
7
|
+
var componentGuard_utils = require('../../../utilities/__internal__/componentGuardUtils/componentGuard.utils.cjs');
|
|
8
8
|
|
|
9
9
|
const iconsSizes = {
|
|
10
10
|
sm: '*:data-icon:size-4 *:data-icon:stroke-[2.25px]',
|
|
@@ -123,7 +123,7 @@ const styles = cx.sortCx({
|
|
|
123
123
|
const FeaturedIcon = (props) => {
|
|
124
124
|
const { size = 'sm', theme: variant = 'light', color = 'brand', icon: Icon, 'data-testid': dataTestId, ...otherProps } = props;
|
|
125
125
|
const featuredIconTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'featured-icon', rootName: 'featured-icon' });
|
|
126
|
-
return (jsxRuntime.jsxs("div", { ...otherProps, "data-featured-icon": true, "data-testid": featuredIconTestId, className: cx.cx('relative flex shrink-0 items-center justify-center', iconsSizes[size], styles[variant].base, styles[variant].sizes[size], styles[variant].colors[color], props.className), children: [
|
|
126
|
+
return (jsxRuntime.jsxs("div", { ...otherProps, "data-featured-icon": true, "data-testid": featuredIconTestId, className: cx.cx('relative flex shrink-0 items-center justify-center', iconsSizes[size], styles[variant].base, styles[variant].sizes[size], styles[variant].colors[color], props.className), children: [componentGuard_utils.isReactComponent(Icon) && jsxRuntime.jsx(Icon, { "data-icon": true, className: "z-1" }), React.isValidElement(Icon) && jsxRuntime.jsx("div", { className: "z-1", children: Icon }), props.children] }));
|
|
127
127
|
};
|
|
128
128
|
|
|
129
129
|
exports.FeaturedIcon = FeaturedIcon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/FeaturedIcon/index.tsx"],"sourcesContent":[null],"names":["sortCx","useResolvedTestId","_jsxs","cx","isReactComponent","_jsx","isValidElement"],"mappings":";;;;;;;;AAMA,MAAM,UAAU,GAAG;AACjB,IAAA,EAAE,EAAE,gDAAgD;AACpD,IAAA,EAAE,EAAE,oBAAoB;AACxB,IAAA,EAAE,EAAE,oBAAoB;AACxB,IAAA,EAAE,EAAE,oBAAoB;CACzB;AAED,MAAM,MAAM,GAAGA,SAAM,CAAC;AACpB,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,cAAc;AACpB,QAAA,KAAK,EAAE;AACL,YAAA,EAAE,EAAE,QAAQ;AACZ,YAAA,EAAE,EAAE,SAAS;AACb,YAAA,EAAE,EAAE,SAAS;AACb,YAAA,EAAE,EAAE,SAAS;AACd,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,KAAK,EAAE,sDAAsD;AAC7D,YAAA,IAAI,EAAE,8CAA8C;AACpD,YAAA,KAAK,EAAE,sDAAsD;AAC7D,YAAA,OAAO,EAAE,0DAA0D;AACnE,YAAA,OAAO,EAAE,0DAA0D;AACpE,SAAA;AACF,KAAA;AAED,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE,kLAAkL;AACxL,QAAA,KAAK,EAAE;AACL,YAAA,EAAE,EAAE,wCAAwC;AAC5C,YAAA,EAAE,EAAE,yCAAyC;AAC7C,YAAA,EAAE,EAAE,yCAAyC;AAC7C,YAAA,EAAE,EAAE,0CAA0C;AAC/C,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,KAAK,EAAE,iFAAiF;AACxF,YAAA,IAAI,EAAE,yFAAyF;AAC/F,YAAA,KAAK,EAAE,6EAA6E;AACpF,YAAA,OAAO,EAAE,qFAAqF;AAC9F,YAAA,OAAO,EAAE,mFAAmF;AAC7F,SAAA;AACF,KAAA;AAED,IAAA,IAAI,EAAE;AACJ,QAAA,IAAI,EAAE,iIAAiI;AACvI,QAAA,KAAK,EAAE;AACL,YAAA,EAAE,EAAE,wCAAwC;AAC5C,YAAA,EAAE,EAAE,yCAAyC;AAC7C,YAAA,EAAE,EAAE,6CAA6C;AACjD,YAAA,EAAE,EAAE,0CAA0C;AAC/C,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,KAAK,EAAE,mDAAmD;AAC1D,YAAA,IAAI,EAAE,yDAAyD;AAC/D,YAAA,KAAK,EAAE,iDAAiD;AACxD,YAAA,OAAO,EAAE,sDAAsD;AAC/D,YAAA,OAAO,EAAE,qDAAqD;AAC/D,SAAA;AACF,KAAA;AAED,IAAA,MAAM,EAAE;AACN,QAAA,IAAI,EAAE,kEAAkE;AACxE,QAAA,KAAK,EAAE;AACL,YAAA,EAAE,EAAE,mBAAmB;AACvB,YAAA,EAAE,EAAE,oBAAoB;AACxB,YAAA,EAAE,EAAE,wBAAwB;AAC5B,YAAA,EAAE,EAAE,oBAAoB;AACzB,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,KAAK,EAAE,uBAAuB;AAC9B,YAAA,IAAI,EAAE,mBAAmB;AACzB,YAAA,KAAK,EAAE,uBAAuB;AAC9B,YAAA,OAAO,EAAE,yBAAyB;AAClC,YAAA,OAAO,EAAE,yBAAyB;AACnC,SAAA;AACF,KAAA;AACD,IAAA,aAAa,EAAE;AACb,QAAA,IAAI,EAAE;YACJ,iEAAiE;;YAEjE,qSAAqS;SACtS,CAAC,IAAI,CAAC,GAAG,CAAC;AACX,QAAA,KAAK,EAAE;AACL,YAAA,EAAE,EAAE,2CAA2C;AAC/C,YAAA,EAAE,EAAE,6CAA6C;AACjD,YAAA,EAAE,EAAE,6CAA6C;AACjD,YAAA,EAAE,EAAE,8CAA8C;AACnD,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,KAAK,EAAE,EAAE;AACT,YAAA,IAAI,EAAE,gCAAgC;AACtC,YAAA,KAAK,EAAE,EAAE;AACT,YAAA,OAAO,EAAE,EAAE;AACX,YAAA,OAAO,EAAE,EAAE;AACZ,SAAA;AACF,KAAA;AAED,IAAA,OAAO,EAAE;AACP,QAAA,IAAI,EAAE,sGAAsG;AAC5G,QAAA,KAAK,EAAE;AACL,YAAA,EAAE,EAAE,qCAAqC;AACzC,YAAA,EAAE,EAAE,qCAAqC;AACzC,YAAA,EAAE,EAAE,sCAAsC;AAC1C,YAAA,EAAE,EAAE,sCAAsC;AAC3C,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,KAAK,EAAE,0FAA0F;AACjG,YAAA,IAAI,EAAE,2EAA2E;AACjF,YAAA,KAAK,EAAE,0FAA0F;AACjG,YAAA,OAAO,EAAE,gGAAgG;AACzG,YAAA,OAAO,EAAE,gGAAgG;AAC1G,SAAA;AACF,KAAA;AACF,CAAA,CAAC;AAcF;;;;;AAKG;AACI,MAAM,YAAY,GAAG,CAAC,KAAwB,KAAI;AACvD,IAAA,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,OAAO,GAAG,OAAO,EAAE,KAAK,GAAG,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK;AAC9H,IAAA,MAAM,kBAAkB,GAAGC,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC;AAEzH,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EAAA,GACM,UAAU,EAAA,oBAAA,EAAA,IAAA,EAAA,aAAA,EAED,kBAAkB,EAC/B,SAAS,EAAEC,KAAE,CACX,oDAAoD,EAEpD,UAAU,CAAC,IAAI,CAAC,EAChB,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,EACpB,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAC3B,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAE7B,KAAK,CAAC,SAAS,CAChB,EAAA,QAAA,EAAA,CAEAC,
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/FeaturedIcon/index.tsx"],"sourcesContent":[null],"names":["sortCx","useResolvedTestId","_jsxs","cx","isReactComponent","_jsx","isValidElement"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/FeaturedIcon/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/FeaturedIcon/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAsHhD,MAAM,WAAW,iBAAiB;IAChC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IAC9C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC3D,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;IAC7E,oEAAoE;IACpE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,gCA0BpD,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { sortCx, cx } from '@flipdish/ui-library/utilities/cx';
|
|
3
|
-
import { isReactComponent } from '@flipdish/ui-library/utilities/isReactComponent';
|
|
4
3
|
import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
|
|
5
4
|
import { isValidElement } from 'react';
|
|
5
|
+
import { isReactComponent } from '../../../utilities/__internal__/componentGuardUtils/componentGuard.utils.js';
|
|
6
6
|
|
|
7
7
|
const iconsSizes = {
|
|
8
8
|
sm: '*:data-icon:size-4 *:data-icon:stroke-[2.25px]',
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var Tooltip = require('@flipdish/ui-library/components/atoms/Tooltip');
|
|
5
5
|
var cx = require('@flipdish/ui-library/utilities/cx');
|
|
6
|
-
var isReactComponent = require('@flipdish/ui-library/utilities/isReactComponent');
|
|
7
6
|
var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
|
|
8
7
|
var React = require('react');
|
|
9
8
|
var reactAriaComponents = require('react-aria-components');
|
|
9
|
+
var componentGuard_utils = require('../../../utilities/__internal__/componentGuardUtils/componentGuard.utils.cjs');
|
|
10
10
|
|
|
11
11
|
const styles = {
|
|
12
12
|
secondary: 'bg-primary text-fg-quaternary shadow-xs-skeuomorphic ring-1 ring-primary ring-inset hover:bg-primary_hover hover:text-fg-quaternary_hover disabled:shadow-xs',
|
|
@@ -43,7 +43,7 @@ const ButtonUtility = ({ tooltip, className, isDisabled, icon: Icon, size = 'sm'
|
|
|
43
43
|
}
|
|
44
44
|
const content = (jsxRuntime.jsxs(Component, { "aria-label": tooltip, ...props, "data-testid": buttonUtilityTestId, className: cx.cx('group relative inline-flex h-max cursor-pointer items-center justify-center rounded-md p-1.5 outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50', styles[color],
|
|
45
45
|
// Icon styles
|
|
46
|
-
'*:data-icon:pointer-events-none *:data-icon:shrink-0 *:data-icon:text-current *:data-icon:transition-inherit-all', size === 'xs' ? '*:data-icon:size-4' : '*:data-icon:size-5', className), children: [
|
|
46
|
+
'*:data-icon:pointer-events-none *:data-icon:shrink-0 *:data-icon:text-current *:data-icon:transition-inherit-all', size === 'xs' ? '*:data-icon:size-4' : '*:data-icon:size-5', className), children: [componentGuard_utils.isReactComponent(Icon) && jsxRuntime.jsx(Icon, { "data-icon": true }), React.isValidElement(Icon) && Icon] }));
|
|
47
47
|
if (tooltip) {
|
|
48
48
|
return (jsxRuntime.jsx(Tooltip.Tooltip, { title: tooltip, placement: tooltipPlacement, isDisabled: isDisabled, offset: size === 'xs' ? 4 : 6, children: content }));
|
|
49
49
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/UtilityButton/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","AriaLink","AriaButton","_jsxs","cx","isReactComponent","_jsx","isValidElement","Tooltip"],"mappings":";;;;;;;;;;AAWO,MAAM,MAAM,GAAG;AACpB,IAAA,SAAS,EACP,8JAA8J;AAChK,IAAA,QAAQ,EAAE,0EAA0E;;AA4CtF;;;;;;AAMG;AACI,MAAM,aAAa,GAAG,CAAC,EAC5B,OAAO,EACP,SAAS,EACT,UAAU,EACV,IAAI,EAAE,IAAI,EACV,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,WAAW,EACnB,gBAAgB,GAAG,KAAK,EACxB,aAAa,EAAE,UAAU,EACzB,GAAG,UAAU,EACP,KAAI;AACV,IAAA,MAAM,mBAAmB,GAAGA,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC;AAC5H,IAAA,MAAM,IAAI,GAAG,MAAM,IAAI,UAAU,GAAG,UAAU,CAAC,IAAI,GAAG,SAAS;IAC/D,MAAM,SAAS,GAAG,IAAI,GAAGC,wBAAQ,GAAGC,0BAAU;IAE9C,IAAI,KAAK,GAAG,EAAE;IAEd,IAAI,IAAI,EAAE;AACR,QAAA,KAAK,GAAG;AACN,YAAA,GAAG,UAAU;YAEb,IAAI,EAAE,UAAU,GAAG,SAAS,GAAG,IAAI;;;;AAKnC,YAAA,IAAI,UAAU,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC;SACnE;IACH;SAAO;AACL,QAAA,KAAK,GAAG;AACN,YAAA,GAAG,UAAU;AAEb,YAAA,IAAI,EAAE,UAAU,CAAC,IAAI,IAAI,QAAQ;YACjC,UAAU;SACX;IACH;IAEA,MAAM,OAAO,IACXC,eAAA,CAAC,SAAS,EAAA,EAAA,YAAA,EACI,OAAO,KACf,KAAK,EAAA,aAAA,EACI,mBAAmB,EAChC,SAAS,EAAEC,KAAE,CACX,4PAA4P,EAC5P,MAAM,CAAC,KAAK,CAAC;;AAGb,QAAA,kHAAkH,EAClH,IAAI,KAAK,IAAI,GAAG,oBAAoB,GAAG,oBAAoB,EAE3D,SAAS,CACV,EAAA,QAAA,EAAA,CAEAC,
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/UtilityButton/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","AriaLink","AriaButton","_jsxs","cx","isReactComponent","_jsx","isValidElement","Tooltip"],"mappings":";;;;;;;;;;AAWO,MAAM,MAAM,GAAG;AACpB,IAAA,SAAS,EACP,8JAA8J;AAChK,IAAA,QAAQ,EAAE,0EAA0E;;AA4CtF;;;;;;AAMG;AACI,MAAM,aAAa,GAAG,CAAC,EAC5B,OAAO,EACP,SAAS,EACT,UAAU,EACV,IAAI,EAAE,IAAI,EACV,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,WAAW,EACnB,gBAAgB,GAAG,KAAK,EACxB,aAAa,EAAE,UAAU,EACzB,GAAG,UAAU,EACP,KAAI;AACV,IAAA,MAAM,mBAAmB,GAAGA,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC;AAC5H,IAAA,MAAM,IAAI,GAAG,MAAM,IAAI,UAAU,GAAG,UAAU,CAAC,IAAI,GAAG,SAAS;IAC/D,MAAM,SAAS,GAAG,IAAI,GAAGC,wBAAQ,GAAGC,0BAAU;IAE9C,IAAI,KAAK,GAAG,EAAE;IAEd,IAAI,IAAI,EAAE;AACR,QAAA,KAAK,GAAG;AACN,YAAA,GAAG,UAAU;YAEb,IAAI,EAAE,UAAU,GAAG,SAAS,GAAG,IAAI;;;;AAKnC,YAAA,IAAI,UAAU,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC;SACnE;IACH;SAAO;AACL,QAAA,KAAK,GAAG;AACN,YAAA,GAAG,UAAU;AAEb,YAAA,IAAI,EAAE,UAAU,CAAC,IAAI,IAAI,QAAQ;YACjC,UAAU;SACX;IACH;IAEA,MAAM,OAAO,IACXC,eAAA,CAAC,SAAS,EAAA,EAAA,YAAA,EACI,OAAO,KACf,KAAK,EAAA,aAAA,EACI,mBAAmB,EAChC,SAAS,EAAEC,KAAE,CACX,4PAA4P,EAC5P,MAAM,CAAC,KAAK,CAAC;;AAGb,QAAA,kHAAkH,EAClH,IAAI,KAAK,IAAI,GAAG,oBAAoB,GAAG,oBAAoB,EAE3D,SAAS,CACV,EAAA,QAAA,EAAA,CAEAC,qCAAgB,CAAC,IAAI,CAAC,IAAIC,cAAA,CAAC,IAAI,EAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAa,EAC5CC,oBAAc,CAAC,IAAI,CAAC,IAAI,IAAI,CAAA,EAAA,CACnB,CACb;IAED,IAAI,OAAO,EAAE;AACX,QAAA,QACED,cAAA,CAACE,eAAO,EAAA,EAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,KAAK,IAAI,GAAG,CAAC,GAAG,CAAC,EAAA,QAAA,EACxG,OAAO,EAAA,CACA;IAEd;AAEA,IAAA,OAAO,OAAO;AAChB;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/UtilityButton/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/UtilityButton/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1G,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,SAAS,IAAI,aAAa,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAInH,eAAO,MAAM,MAAM;;;CAIlB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,sCAAsC;IACtC,KAAK,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IACjC,wCAAwC;IACxC,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IAC9C,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,WACf,SAAQ,WAAW,EACjB,iBAAiB,CAAC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,EAAE,iBAAiB,CAAC;IACvG,yCAAyC;IACzC,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAChC;AAED;;GAEG;AACH,UAAU,SAAU,SAAQ,WAAW,EAAE,iBAAiB,CAAC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IACnI,qDAAqD;IACrD,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;CAChD;AAED,0CAA0C;AAC1C,MAAM,MAAM,KAAK,GAAG,WAAW,GAAG,SAAS,CAAC;AAE5C;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,GAAI,yHAU3B,KAAK,gCAyDP,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { Tooltip } from '@flipdish/ui-library/components/atoms/Tooltip';
|
|
3
3
|
import { cx } from '@flipdish/ui-library/utilities/cx';
|
|
4
|
-
import { isReactComponent } from '@flipdish/ui-library/utilities/isReactComponent';
|
|
5
4
|
import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
|
|
6
5
|
import { isValidElement } from 'react';
|
|
7
6
|
import { Link, Button } from 'react-aria-components';
|
|
7
|
+
import { isReactComponent } from '../../../utilities/__internal__/componentGuardUtils/componentGuard.utils.js';
|
|
8
8
|
|
|
9
9
|
const styles = {
|
|
10
10
|
secondary: 'bg-primary text-fg-quaternary shadow-xs-skeuomorphic ring-1 ring-primary ring-inset hover:bg-primary_hover hover:text-fg-quaternary_hover disabled:shadow-xs',
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var uiIcons = require('@flipdish/ui-icons');
|
|
5
5
|
var cx = require('@flipdish/ui-library/utilities/cx');
|
|
6
|
-
var isReactComponent = require('@flipdish/ui-library/utilities/isReactComponent');
|
|
7
6
|
var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
|
|
8
7
|
var React = require('react');
|
|
8
|
+
var componentGuard_utils = require('../../../utilities/__internal__/componentGuardUtils/componentGuard.utils.cjs');
|
|
9
9
|
|
|
10
10
|
const baseClasses = {
|
|
11
11
|
light: {
|
|
@@ -107,9 +107,9 @@ const BadgeGroup = ({ children, addonText, size = 'md', color = 'brand', theme =
|
|
|
107
107
|
const dotClasses = cx.cx('inline-block size-2 shrink-0 rounded-full', sizes.dot, colors.dot);
|
|
108
108
|
const iconClasses = cx.cx(baseClasses[theme].icon, sizes.icon, colors.icon);
|
|
109
109
|
if (align === 'trailing') {
|
|
110
|
-
return (jsxRuntime.jsxs("div", { className: rootClasses, "data-testid": badgeGroupTestId, children: [theme === 'modern' && jsxRuntime.jsx("span", { className: dotClasses }), children, jsxRuntime.jsxs("span", { className: addonClasses, children: [addonText,
|
|
110
|
+
return (jsxRuntime.jsxs("div", { className: rootClasses, "data-testid": badgeGroupTestId, children: [theme === 'modern' && jsxRuntime.jsx("span", { className: dotClasses }), children, jsxRuntime.jsxs("span", { className: addonClasses, children: [addonText, componentGuard_utils.isReactComponent(IconTrailing) && jsxRuntime.jsx(IconTrailing, { className: iconClasses }), React.isValidElement(IconTrailing) && IconTrailing] })] }));
|
|
111
111
|
}
|
|
112
|
-
return (jsxRuntime.jsxs("div", { className: rootClasses, "data-testid": badgeGroupTestId, children: [jsxRuntime.jsxs("span", { className: addonClasses, children: [theme === 'modern' && jsxRuntime.jsx("span", { className: dotClasses }), addonText] }), children,
|
|
112
|
+
return (jsxRuntime.jsxs("div", { className: rootClasses, "data-testid": badgeGroupTestId, children: [jsxRuntime.jsxs("span", { className: addonClasses, children: [theme === 'modern' && jsxRuntime.jsx("span", { className: dotClasses }), addonText] }), children, componentGuard_utils.isReactComponent(IconTrailing) && jsxRuntime.jsx(IconTrailing, { className: iconClasses }), React.isValidElement(IconTrailing) && IconTrailing] }));
|
|
113
113
|
};
|
|
114
114
|
|
|
115
115
|
exports.BadgeGroup = BadgeGroup;
|