@flipdish/ui-library 0.10.0 → 0.11.1

package/dist/components/molecules/ContentDivider/index.d.ts

@@ -3,6 +3,8 @@ export interface ContentDividerProps {
     type: 'single-line' | 'dual-line' | 'background-fill';
     children: ReactNode;
     className?: string;
+    /** Overrides the `data-testid` (defaults to `fd-content-divider`). */
+    'data-testid'?: string;
 }
 /**
  * A full-width horizontal divider with a centred label. Use to visually separate
@@ -10,5 +12,5 @@ export interface ContentDividerProps {
  *
  * @summary separate content sections with a labelled horizontal divider
  */
-export declare const ContentDivider: ({ type, children, className }: ContentDividerProps) => import("react").JSX.Element;
+export declare const ContentDivider: ({ type, children, className, "data-testid": dataTestId }: ContentDividerProps) => import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/ContentDivider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/ContentDivider/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,aAAa,GAAG,WAAW,GAAG,iBAAiB,CAAC;IACtD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GAAI,+BAA+B,mBAAmB,gCAchF,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/ContentDivider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,aAAa,GAAG,WAAW,GAAG,iBAAiB,CAAC;IACtD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GAAI,0DAA0D,mBAAmB,gCAgB3G,CAAC"}

package/dist/components/molecules/ContentDivider/index.js

@@ -1,5 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 
 /**
  * A full-width horizontal divider with a centred label. Use to visually separate
@@ -7,13 +8,14 @@ import { cx } from '@flipdish/ui-library/utilities/cx';
  *
  * @summary separate content sections with a labelled horizontal divider
  */
-const ContentDivider = ({ type, children, className }) => {
+const ContentDivider = ({ type, children, className, 'data-testid': dataTestId }) => {
+    const contentDividerTestId = useResolvedTestId({ testId: dataTestId, segment: 'content-divider', rootName: 'content-divider' });
     const styles = {
         'single-line': 'flex items-center gap-x-2',
         'dual-line': 'flex justify-center gap-x-2 border-y border-secondary py-3',
         'background-fill': 'flex justify-center gap-x-2 rounded-lg bg-secondary py-2',
     };
-    return (jsxs("div", { className: cx('w-full shrink-0', styles[type], className), children: [type === 'single-line' && jsx("div", { className: "h-px flex-1 bg-border-secondary" }), children, type === 'single-line' && jsx("div", { className: "h-px flex-1 bg-border-secondary" })] }));
+    return (jsxs("div", { className: cx('w-full shrink-0', styles[type], className), "data-testid": contentDividerTestId, children: [type === 'single-line' && jsx("div", { className: "h-px flex-1 bg-border-secondary" }), children, type === 'single-line' && jsx("div", { className: "h-px flex-1 bg-border-secondary" })] }));
 };
 
 export { ContentDivider };

package/dist/components/molecules/ContentDivider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/ContentDivider/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AASA;;;;;AAKG;AACI,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAuB,KAAI;AACnF,IAAA,MAAM,MAAM,GAAG;AACb,QAAA,aAAa,EAAE,2BAA2B;AAC1C,QAAA,WAAW,EAAE,4DAA4D;AACzE,QAAA,iBAAiB,EAAE,0DAA0D;KAC9E;AAED,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAC3D,IAAI,KAAK,aAAa,IAAIC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iCAAiC,GAAG,EAC7E,QAAQ,EACR,IAAI,KAAK,aAAa,IAAIA,aAAK,SAAS,EAAC,iCAAiC,EAAA,CAAG,CAAA,EAAA,CAC1E;AAEV;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/ContentDivider/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAYA;;;;;AAKG;AACI,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAuB,KAAI;AAC9G,IAAA,MAAM,oBAAoB,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC;AAE/H,IAAA,MAAM,MAAM,GAAG;AACb,QAAA,aAAa,EAAE,2BAA2B;AAC1C,QAAA,WAAW,EAAE,4DAA4D;AACzE,QAAA,iBAAiB,EAAE,0DAA0D;KAC9E;AAED,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EAAA,aAAA,EAAe,oBAAoB,aAC9F,IAAI,KAAK,aAAa,IAAIC,aAAK,SAAS,EAAC,iCAAiC,EAAA,CAAG,EAC7E,QAAQ,EACR,IAAI,KAAK,aAAa,IAAIA,aAAK,SAAS,EAAC,iCAAiC,EAAA,CAAG,CAAA,EAAA,CAC1E;AAEV;;;;"}

package/dist/components/molecules/CreditCard/index.cjs

@@ -2,6 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 var React = require('react');
 var icons = require('./components/icons.cjs');
 
@@ -122,7 +123,8 @@ const calculateScale = (desiredWidth, originalWidth, originalHeight) => {
  *
  * @summary display a styled payment card with brand or gradient visual treatments
  */
-const CreditCard = ({ company = 'Untitled.', cardNumber = '1234 1234 1234 1234', cardHolder = 'OLIVIA RHYE', cardExpiration = '06/28', type = 'brand-dark', className, width, }) => {
+const CreditCard = ({ company = 'Untitled.', cardNumber = '1234 1234 1234 1234', cardHolder = 'OLIVIA RHYE', cardExpiration = '06/28', type = 'brand-dark', className, width, 'data-testid': dataTestId, }) => {
+    const creditCardTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'credit-card', rootName: 'credit-card' });
     const originalWidth = 316;
     const originalHeight = 190;
     const { scale, scaledWidth, scaledHeight } = React.useMemo(() => {
@@ -137,7 +139,7 @@ const CreditCard = ({ company = 'Untitled.', cardNumber = '1234 1234 1234 1234',
     return (jsxRuntime.jsx("div", { style: {
             width: `${scaledWidth}px`,
             height: `${scaledHeight}px`,
-        }, className: cx.cx('relative flex', className), children: jsxRuntime.jsxs("div", { style: {
+        }, className: cx.cx('relative flex', className), "data-testid": creditCardTestId, children: jsxRuntime.jsxs("div", { style: {
                 transform: `scale(${scale})`,
                 width: `${originalWidth}px`,
                 height: `${originalHeight}px`,

package/dist/components/molecules/CreditCard/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/CreditCard/index.tsx"],"sourcesContent":[null],"names":["sortCx","useMemo","_jsx","cx","_jsxs","PaypassIcon","MastercardIcon","MastercardIconWhite"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/CreditCard/index.tsx"],"sourcesContent":[null],"names":["sortCx","useResolvedTestId","useMemo","_jsx","cx","_jsxs","PaypassIcon","MastercardIcon","MastercardIconWhite"],"mappings":"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"}

package/dist/components/molecules/CreditCard/index.d.ts

@@ -10,6 +10,8 @@ export interface CreditCardProps {
     type?: CreditCardType;
     className?: string;
     width?: number;
+    /** Overrides the `data-testid` (defaults to `fd-credit-card`). */
+    'data-testid'?: string;
 }
 /**
  * Presentational payment card that renders cardholder details over a range of
@@ -17,6 +19,6 @@ export interface CreditCardProps {
  *
  * @summary display a styled payment card with brand or gradient visual treatments
  */
-export declare const CreditCard: ({ company, cardNumber, cardHolder, cardExpiration, type, className, width, }: CreditCardProps) => import("react").JSX.Element;
+export declare const CreditCard: ({ company, cardNumber, cardHolder, cardExpiration, type, className, width, "data-testid": dataTestId, }: CreditCardProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/CreditCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CreditCard/index.tsx"],"names":[],"mappings":"AAyGA,QAAA,MAAM,aAAa,0GAA2G,CAAC;AAC/H,QAAA,MAAM,WAAW,gFAAiF,CAAC;AACnG,QAAA,MAAM,oBAAoB,sFAAuF,CAAC;AAIlH,KAAK,cAAc,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5H,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAiBD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,8EAQxB,eAAe,gCAqFjB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CreditCard/index.tsx"],"names":[],"mappings":"AA0GA,QAAA,MAAM,aAAa,0GAA2G,CAAC;AAC/H,QAAA,MAAM,WAAW,gFAAiF,CAAC;AACnG,QAAA,MAAM,oBAAoB,sFAAuF,CAAC;AAIlH,KAAK,cAAc,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5H,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAiBD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,yGASxB,eAAe,gCAuFjB,CAAC"}

package/dist/components/molecules/CreditCard/index.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { sortCx, cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 import { useMemo } from 'react';
 import { PaypassIcon, MastercardIcon, MastercardIconWhite } from './components/icons.js';
 
@@ -120,7 +121,8 @@ const calculateScale = (desiredWidth, originalWidth, originalHeight) => {
  *
  * @summary display a styled payment card with brand or gradient visual treatments
  */
-const CreditCard = ({ company = 'Untitled.', cardNumber = '1234 1234 1234 1234', cardHolder = 'OLIVIA RHYE', cardExpiration = '06/28', type = 'brand-dark', className, width, }) => {
+const CreditCard = ({ company = 'Untitled.', cardNumber = '1234 1234 1234 1234', cardHolder = 'OLIVIA RHYE', cardExpiration = '06/28', type = 'brand-dark', className, width, 'data-testid': dataTestId, }) => {
+    const creditCardTestId = useResolvedTestId({ testId: dataTestId, segment: 'credit-card', rootName: 'credit-card' });
     const originalWidth = 316;
     const originalHeight = 190;
     const { scale, scaledWidth, scaledHeight } = useMemo(() => {
@@ -135,7 +137,7 @@ const CreditCard = ({ company = 'Untitled.', cardNumber = '1234 1234 1234 1234',
     return (jsx("div", { style: {
             width: `${scaledWidth}px`,
             height: `${scaledHeight}px`,
-        }, className: cx('relative flex', className), children: jsxs("div", { style: {
+        }, className: cx('relative flex', className), "data-testid": creditCardTestId, children: jsxs("div", { style: {
                 transform: `scale(${scale})`,
                 width: `${originalWidth}px`,
                 height: `${originalHeight}px`,

package/dist/components/molecules/CreditCard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/CreditCard/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/CreditCard/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/molecules/Dropdown/index.cjs

@@ -7,10 +7,20 @@ var Checkbox = require('@flipdish/ui-library/components/atoms/Checkbox');
 var RadioButton = require('@flipdish/ui-library/components/atoms/RadioButton');
 var Toggle = require('@flipdish/ui-library/components/atoms/Toggle');
 var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 
-const DropdownItem = ({ label, children, addon, icon: Icon, avatarUrl, unstyled, selectionIndicator = 'checkmark', ...props }) => {
+const DropdownItem = ({ label, children, addon, icon: Icon, avatarUrl, unstyled, selectionIndicator = 'checkmark', 'data-testid': dataTestId, ...props }) => {
+    const prefix = testIdUtils.useTestIdPrefix();
+    const idPart = props.id !== undefined
+        ? testIdUtils.slugifyTestId(String(props.id))
+        : typeof label === 'string'
+            ? testIdUtils.slugifyTestId(label)
+            : typeof children === 'string'
+                ? testIdUtils.slugifyTestId(children)
+                : 'item';
+    const itemTestId = dataTestId ?? (prefix ? testIdUtils.joinTestId(prefix, `item-${idPart}`) : undefined);
     const SelectionIndicator = React.useCallback((state) => {
         if (selectionIndicator === 'checkmark') {
             return (jsxRuntime.jsx(uiIcons.Check, { "aria-hidden": "true", className: cx.cx('size-4 shrink-0 stroke-[2.25px] text-fg-brand-primary', !state.isSelected && 'invisible', state.className) }));
@@ -27,12 +37,14 @@ const DropdownItem = ({ label, children, addon, icon: Icon, avatarUrl, unstyled,
         return null;
     }, [selectionIndicator]);
     if (unstyled) {
-        return jsxRuntime.jsx(reactAriaComponents.MenuItem, { id: label, textValue: label, ...props });
+        return jsxRuntime.jsx(reactAriaComponents.MenuItem, { id: label, textValue: label, "data-testid": itemTestId, ...props });
     }
-    return (jsxRuntime.jsx(reactAriaComponents.MenuItem, { ...props, className: (state) => cx.cx('group block cursor-pointer px-1.5 py-px outline-hidden', state.isDisabled && 'cursor-not-allowed opacity-50', typeof props.className === 'function' ? props.className(state) : props.className), children: (state) => (jsxRuntime.jsxs("div", { className: cx.cx('relative flex items-center rounded-md px-2.5 py-2 outline-focus-ring transition duration-100 ease-linear', !state.isDisabled && 'group-hover:bg-primary_hover', state.isFocused && 'bg-primary_hover', state.isFocusVisible && 'outline-2 -outline-offset-2', state.hasSubmenu && 'pr-1.5'), children: [state.selectionMode !== 'none' && !avatarUrl && !Icon && jsxRuntime.jsx(SelectionIndicator, { ...state, className: "mr-2" }), avatarUrl && (jsxRuntime.jsx("div", { className: "mr-2 flex size-4 items-center justify-center", children: jsxRuntime.jsx(Avatar.Avatar, { "aria-hidden": "true", size: "xs", src: avatarUrl, alt: label, className: "size-5" }) })), Icon && jsxRuntime.jsx(Icon, { "aria-hidden": "true", className: "mr-2 size-4 shrink-0 stroke-[2.25px] text-fg-quaternary" }), jsxRuntime.jsx("span", { className: cx.cx('grow truncate text-sm font-semibold text-secondary', state.isFocused && 'text-secondary_hover'), children: label || (typeof children === 'function' ? children(state) : children) }), addon && jsxRuntime.jsx("span", { className: "ml-1 shrink-0 pr-1 text-xs font-medium text-quaternary", children: addon }), state.selectionMode !== 'none' && (avatarUrl || Icon) && jsxRuntime.jsx(SelectionIndicator, { ...state, className: "ml-1" }), state.hasSubmenu && jsxRuntime.jsx(uiIcons.ChevronRight, { "aria-hidden": "true", className: "ml-auto size-4 shrink-0 stroke-[2.25px] text-fg-quaternary" })] })) }));
+    return (jsxRuntime.jsx(reactAriaComponents.MenuItem, { ...props, "data-testid": itemTestId, className: (state) => cx.cx('group block cursor-pointer px-1.5 py-px outline-hidden', state.isDisabled && 'cursor-not-allowed opacity-50', typeof props.className === 'function' ? props.className(state) : props.className), children: (state) => (jsxRuntime.jsxs("div", { className: cx.cx('relative flex items-center rounded-md px-2.5 py-2 outline-focus-ring transition duration-100 ease-linear', !state.isDisabled && 'group-hover:bg-primary_hover', state.isFocused && 'bg-primary_hover', state.isFocusVisible && 'outline-2 -outline-offset-2', state.hasSubmenu && 'pr-1.5'), children: [state.selectionMode !== 'none' && !avatarUrl && !Icon && jsxRuntime.jsx(SelectionIndicator, { ...state, className: "mr-2" }), avatarUrl && (jsxRuntime.jsx("div", { className: "mr-2 flex size-4 items-center justify-center", children: jsxRuntime.jsx(Avatar.Avatar, { "aria-hidden": "true", size: "xs", src: avatarUrl, alt: label, className: "size-5" }) })), Icon && jsxRuntime.jsx(Icon, { "aria-hidden": "true", className: "mr-2 size-4 shrink-0 stroke-[2.25px] text-fg-quaternary" }), jsxRuntime.jsx("span", { className: cx.cx('grow truncate text-sm font-semibold text-secondary', state.isFocused && 'text-secondary_hover'), children: label || (typeof children === 'function' ? children(state) : children) }), addon && jsxRuntime.jsx("span", { className: "ml-1 shrink-0 pr-1 text-xs font-medium text-quaternary", children: addon }), state.selectionMode !== 'none' && (avatarUrl || Icon) && jsxRuntime.jsx(SelectionIndicator, { ...state, className: "ml-1" }), state.hasSubmenu && jsxRuntime.jsx(uiIcons.ChevronRight, { "aria-hidden": "true", className: "ml-auto size-4 shrink-0 stroke-[2.25px] text-fg-quaternary" })] })) }));
 };
-const DropdownMenu = (props) => {
-    return (jsxRuntime.jsx(reactAriaComponents.Menu, { ...props, className: (state) => cx.cx('h-min overflow-y-auto py-1 outline-hidden select-none', typeof props.className === 'function' ? props.className(state) : props.className) }));
+const DropdownMenu = ({ 'data-testid': dataTestId, ...props }) => {
+    const prefix = testIdUtils.useTestIdPrefix();
+    const menuTestId = dataTestId ?? prefix;
+    return (jsxRuntime.jsx(reactAriaComponents.Menu, { ...props, "data-testid": menuTestId, className: (state) => cx.cx('h-min overflow-y-auto py-1 outline-hidden select-none', typeof props.className === 'function' ? props.className(state) : props.className) }));
 };
 const DropdownPopover = (props) => {
     return (jsxRuntime.jsx(reactAriaComponents.Popover, { placement: "bottom right", ...props, className: (state) => cx.cx('w-62 origin-(--trigger-anchor-point) overflow-auto rounded-lg bg-primary shadow-lg ring-1 ring-secondary_alt will-change-transform', state.isEntering &&
@@ -42,8 +54,13 @@ const DropdownPopover = (props) => {
 const DropdownSeparator = (props) => {
     return jsxRuntime.jsx(reactAriaComponents.Separator, { ...props, className: cx.cx('my-1 h-px w-full bg-border-secondary', props.className) });
 };
-const DropdownDotsButton = (props) => {
-    return (jsxRuntime.jsx(reactAriaComponents.Button, { "aria-label": "Open menu", ...props, className: (state) => cx.cx('cursor-pointer rounded-md text-fg-quaternary outline-focus-ring transition duration-100 ease-linear', (state.isPressed || state.isHovered) && 'text-fg-quaternary_hover', (state.isPressed || state.isFocusVisible) && 'outline-2 outline-offset-2', typeof props.className === 'function' ? props.className(state) : props.className), children: jsxRuntime.jsx(uiIcons.DotsVertical, { className: "size-5 transition-inherit-all" }) }));
+const DropdownDotsButton = ({ 'data-testid': dataTestId, ...props }) => {
+    const dotsButtonTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'dots-button', rootName: 'dropdown-dots-button' });
+    return (jsxRuntime.jsx(reactAriaComponents.Button, { "aria-label": "Open menu", ...props, "data-testid": dotsButtonTestId, className: (state) => cx.cx('cursor-pointer rounded-md text-fg-quaternary outline-focus-ring transition duration-100 ease-linear', (state.isPressed || state.isHovered) && 'text-fg-quaternary_hover', (state.isPressed || state.isFocusVisible) && 'outline-2 outline-offset-2', typeof props.className === 'function' ? props.className(state) : props.className), children: jsxRuntime.jsx(uiIcons.DotsVertical, { className: "size-5 transition-inherit-all" }) }));
+};
+const DropdownRoot = ({ children, 'data-testid': dataTestId, ...props }) => {
+    const rootTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'dropdown', rootName: 'dropdown' });
+    return (jsxRuntime.jsx(testIdUtils.TestIdProvider, { value: rootTestId, children: jsxRuntime.jsx(reactAriaComponents.MenuTrigger, { ...props, children: children }) }));
 };
 /**
  * Compound contextual menu opened from a trigger element. Items support icons,
@@ -53,7 +70,7 @@ const DropdownDotsButton = (props) => {
  * @summary open a contextual menu from a trigger with selectable, icon-aware items
  */
 const Dropdown = {
-    Root: reactAriaComponents.MenuTrigger,
+    Root: DropdownRoot,
     Popover: DropdownPopover,
     Menu: DropdownMenu,
     Section: reactAriaComponents.MenuSection,

package/dist/components/molecules/Dropdown/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Dropdown/index.tsx"],"sourcesContent":[null],"names":["useCallback","_jsx","Check","cx","CheckboxBase","RadioButtonBase","ToggleBase","AriaMenuItem","_jsxs","Avatar","ChevronRight","AriaMenu","AriaPopover","AriaSeparator","AriaButton","DotsVertical","AriaMenuTrigger","AriaMenuSection","AriaHeader"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Dropdown/index.tsx"],"sourcesContent":[null],"names":["useTestIdPrefix","slugifyTestId","joinTestId","useCallback","_jsx","Check","cx","CheckboxBase","RadioButtonBase","ToggleBase","AriaMenuItem","_jsxs","Avatar","ChevronRight","AriaMenu","AriaPopover","AriaSeparator","useResolvedTestId","AriaButton","DotsVertical","TestIdProvider","AriaMenuTrigger","AriaMenuSection","AriaHeader"],"mappings":"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"}

package/dist/components/molecules/Dropdown/index.d.ts

@@ -1,6 +1,5 @@
 import { type FC, type RefAttributes, type SVGProps } from 'react';
-import type { ButtonProps as AriaButtonProps, MenuItemProps as AriaMenuItemProps, MenuProps as AriaMenuProps, PopoverProps as AriaPopoverProps, SeparatorProps as AriaSeparatorProps } from 'react-aria-components';
-import { MenuTrigger as AriaMenuTrigger } from 'react-aria-components';
+import type { ButtonProps as AriaButtonProps, MenuItemProps as AriaMenuItemProps, MenuProps as AriaMenuProps, MenuTriggerProps as AriaMenuTriggerProps, PopoverProps as AriaPopoverProps, SeparatorProps as AriaSeparatorProps } from 'react-aria-components';
 interface DropdownItemProps extends AriaMenuItemProps {
     /** The label of the item to be displayed. */
     label?: string;
@@ -14,11 +13,29 @@ interface DropdownItemProps extends AriaMenuItemProps {
     avatarUrl?: string;
     /** The selection indicator to be displayed on the item. */
     selectionIndicator?: 'checkmark' | 'checkbox' | 'radio' | 'toggle' | 'none';
+    /** Overrides the derived `data-testid` for the item (defaults to `<root>--item-<id>`). */
+    'data-testid'?: string;
 }
 export interface DropdownMenuProps<T extends object> extends AriaMenuProps<T> {
+    /** Overrides the derived `data-testid` for the menu (defaults to the resolved `Dropdown.Root` id, e.g. `fd-dropdown`). */
+    'data-testid'?: string;
 }
 interface DropdownPopoverProps extends AriaPopoverProps {
 }
+interface DropdownDotsButtonProps extends AriaButtonProps, RefAttributes<HTMLButtonElement> {
+    /**
+     * Overrides the derived `data-testid` for the dots button (defaults to
+     * `fd-dropdown-dots-button`, or `<root>--dots-button` when nested inside `Dropdown.Root`).
+     */
+    'data-testid'?: string;
+}
+export interface DropdownRootProps extends AriaMenuTriggerProps {
+    /**
+     * Overrides the derived root `data-testid` (defaults to `fd-dropdown`).
+     * `Dropdown.Menu`, `Dropdown.Item`, and `Dropdown.DotsButton` derive their ids from this prefix.
+     */
+    'data-testid'?: string;
+}
 /**
  * Compound contextual menu opened from a trigger element. Items support icons,
  * avatars, selection indicators (checkmark / checkbox / radio / toggle), addon
@@ -27,14 +44,14 @@ interface DropdownPopoverProps extends AriaPopoverProps {
  * @summary open a contextual menu from a trigger with selectable, icon-aware items
  */
 export declare const Dropdown: {
-    Root: typeof AriaMenuTrigger;
+    Root: ({ children, "data-testid": dataTestId, ...props }: DropdownRootProps) => import("react").JSX.Element;
     Popover: (props: DropdownPopoverProps) => import("react").JSX.Element;
-    Menu: <T extends object>(props: DropdownMenuProps<T>) => import("react").JSX.Element;
+    Menu: <T extends object>({ "data-testid": dataTestId, ...props }: DropdownMenuProps<T>) => import("react").JSX.Element;
     Section: <T>(props: import("react-aria-components").MenuSectionProps<T> & React.RefAttributes<HTMLElement>) => import("react").ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
     SectionHeader: (props: import("react-aria-components").HeaderProps & React.RefAttributes<HTMLElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
-    Item: ({ label, children, addon, icon: Icon, avatarUrl, unstyled, selectionIndicator, ...props }: DropdownItemProps) => import("react").JSX.Element;
+    Item: ({ label, children, addon, icon: Icon, avatarUrl, unstyled, selectionIndicator, "data-testid": dataTestId, ...props }: DropdownItemProps) => import("react").JSX.Element;
     Separator: (props: AriaSeparatorProps) => import("react").JSX.Element;
-    DotsButton: (props: AriaButtonProps & RefAttributes<HTMLButtonElement>) => import("react").JSX.Element;
+    DotsButton: ({ "data-testid": dataTestId, ...props }: DropdownDotsButtonProps) => import("react").JSX.Element;
 };
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/Dropdown/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Dropdown/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,aAAa,EAAE,KAAK,QAAQ,EAAe,MAAM,OAAO,CAAC;AAChF,OAAO,KAAK,EACV,WAAW,IAAI,eAAe,EAC9B,aAAa,IAAI,iBAAiB,EAClC,SAAS,IAAI,aAAa,EAC1B,YAAY,IAAI,gBAAgB,EAChC,cAAc,IAAI,kBAAkB,EAErC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAML,WAAW,IAAI,eAAe,EAG/B,MAAM,uBAAuB,CAAC;AAE/B,UAAU,iBAAkB,SAAQ,iBAAiB;IACnD,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;IACnC,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CAC7E;AAoFD,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC;CAAG;AAahF,UAAU,oBAAqB,SAAQ,gBAAgB;CAAG;AA8C1D;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ;;qBAnDW,oBAAoB;WAb9B,CAAC,SAAS,MAAM,SAAS,iBAAiB,CAAC,CAAC,CAAC;;;sGApF4D,iBAAiB;uBAsH9G,kBAAkB;wBAIjB,eAAe,GAAG,aAAa,CAAC,iBAAiB,CAAC;CAmCpF,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Dropdown/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,aAAa,EAAE,KAAK,QAAQ,EAAe,MAAM,OAAO,CAAC;AAChF,OAAO,KAAK,EACV,WAAW,IAAI,eAAe,EAC9B,aAAa,IAAI,iBAAiB,EAClC,SAAS,IAAI,aAAa,EAC1B,gBAAgB,IAAI,oBAAoB,EACxC,YAAY,IAAI,gBAAgB,EAChC,cAAc,IAAI,kBAAkB,EAErC,MAAM,uBAAuB,CAAC;AAY/B,UAAU,iBAAkB,SAAQ,iBAAiB;IACnD,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;IACnC,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC5E,0FAA0F;IAC1F,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA0GD,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC;IAC3E,0HAA0H;IAC1H,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAiBD,UAAU,oBAAqB,SAAQ,gBAAgB;CAAG;AA2B1D,UAAU,uBAAwB,SAAQ,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC;IACzF;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAwBD,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB;IAC7D;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAYD;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ;8DAjBoD,iBAAiB;qBA/D1D,oBAAoB;WAjB9B,CAAC,SAAS,MAAM,2CAA2C,iBAAiB,CAAC,CAAC,CAAC;;;iIAnGlG,iBAAiB;uBAyIc,kBAAkB;0DAYiB,uBAAuB;CAwD3F,CAAC"}

package/dist/components/molecules/Dropdown/index.js

@@ -5,10 +5,20 @@ import { CheckboxBase } from '@flipdish/ui-library/components/atoms/Checkbox';
 import { RadioButtonBase } from '@flipdish/ui-library/components/atoms/RadioButton';
 import { ToggleBase } from '@flipdish/ui-library/components/atoms/Toggle';
 import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId, useTestIdPrefix, slugifyTestId, joinTestId, TestIdProvider } from '@flipdish/ui-library/utilities/testIdUtils';
 import { useCallback } from 'react';
-import { Header, MenuSection, MenuTrigger, Button, Separator, MenuItem, Menu, Popover } from 'react-aria-components';
+import { Header, MenuSection, Button, Separator, MenuItem, Menu, Popover, MenuTrigger } from 'react-aria-components';
 
-const DropdownItem = ({ label, children, addon, icon: Icon, avatarUrl, unstyled, selectionIndicator = 'checkmark', ...props }) => {
+const DropdownItem = ({ label, children, addon, icon: Icon, avatarUrl, unstyled, selectionIndicator = 'checkmark', 'data-testid': dataTestId, ...props }) => {
+    const prefix = useTestIdPrefix();
+    const idPart = props.id !== undefined
+        ? slugifyTestId(String(props.id))
+        : typeof label === 'string'
+            ? slugifyTestId(label)
+            : typeof children === 'string'
+                ? slugifyTestId(children)
+                : 'item';
+    const itemTestId = dataTestId ?? (prefix ? joinTestId(prefix, `item-${idPart}`) : undefined);
     const SelectionIndicator = useCallback((state) => {
         if (selectionIndicator === 'checkmark') {
             return (jsx(Check, { "aria-hidden": "true", className: cx('size-4 shrink-0 stroke-[2.25px] text-fg-brand-primary', !state.isSelected && 'invisible', state.className) }));
@@ -25,12 +35,14 @@ const DropdownItem = ({ label, children, addon, icon: Icon, avatarUrl, unstyled,
         return null;
     }, [selectionIndicator]);
     if (unstyled) {
-        return jsx(MenuItem, { id: label, textValue: label, ...props });
+        return jsx(MenuItem, { id: label, textValue: label, "data-testid": itemTestId, ...props });
     }
-    return (jsx(MenuItem, { ...props, className: (state) => cx('group block cursor-pointer px-1.5 py-px outline-hidden', state.isDisabled && 'cursor-not-allowed opacity-50', typeof props.className === 'function' ? props.className(state) : props.className), children: (state) => (jsxs("div", { className: cx('relative flex items-center rounded-md px-2.5 py-2 outline-focus-ring transition duration-100 ease-linear', !state.isDisabled && 'group-hover:bg-primary_hover', state.isFocused && 'bg-primary_hover', state.isFocusVisible && 'outline-2 -outline-offset-2', state.hasSubmenu && 'pr-1.5'), children: [state.selectionMode !== 'none' && !avatarUrl && !Icon && jsx(SelectionIndicator, { ...state, className: "mr-2" }), avatarUrl && (jsx("div", { className: "mr-2 flex size-4 items-center justify-center", children: jsx(Avatar, { "aria-hidden": "true", size: "xs", src: avatarUrl, alt: label, className: "size-5" }) })), Icon && jsx(Icon, { "aria-hidden": "true", className: "mr-2 size-4 shrink-0 stroke-[2.25px] text-fg-quaternary" }), jsx("span", { className: cx('grow truncate text-sm font-semibold text-secondary', state.isFocused && 'text-secondary_hover'), children: label || (typeof children === 'function' ? children(state) : children) }), addon && jsx("span", { className: "ml-1 shrink-0 pr-1 text-xs font-medium text-quaternary", children: addon }), state.selectionMode !== 'none' && (avatarUrl || Icon) && jsx(SelectionIndicator, { ...state, className: "ml-1" }), state.hasSubmenu && jsx(ChevronRight, { "aria-hidden": "true", className: "ml-auto size-4 shrink-0 stroke-[2.25px] text-fg-quaternary" })] })) }));
+    return (jsx(MenuItem, { ...props, "data-testid": itemTestId, className: (state) => cx('group block cursor-pointer px-1.5 py-px outline-hidden', state.isDisabled && 'cursor-not-allowed opacity-50', typeof props.className === 'function' ? props.className(state) : props.className), children: (state) => (jsxs("div", { className: cx('relative flex items-center rounded-md px-2.5 py-2 outline-focus-ring transition duration-100 ease-linear', !state.isDisabled && 'group-hover:bg-primary_hover', state.isFocused && 'bg-primary_hover', state.isFocusVisible && 'outline-2 -outline-offset-2', state.hasSubmenu && 'pr-1.5'), children: [state.selectionMode !== 'none' && !avatarUrl && !Icon && jsx(SelectionIndicator, { ...state, className: "mr-2" }), avatarUrl && (jsx("div", { className: "mr-2 flex size-4 items-center justify-center", children: jsx(Avatar, { "aria-hidden": "true", size: "xs", src: avatarUrl, alt: label, className: "size-5" }) })), Icon && jsx(Icon, { "aria-hidden": "true", className: "mr-2 size-4 shrink-0 stroke-[2.25px] text-fg-quaternary" }), jsx("span", { className: cx('grow truncate text-sm font-semibold text-secondary', state.isFocused && 'text-secondary_hover'), children: label || (typeof children === 'function' ? children(state) : children) }), addon && jsx("span", { className: "ml-1 shrink-0 pr-1 text-xs font-medium text-quaternary", children: addon }), state.selectionMode !== 'none' && (avatarUrl || Icon) && jsx(SelectionIndicator, { ...state, className: "ml-1" }), state.hasSubmenu && jsx(ChevronRight, { "aria-hidden": "true", className: "ml-auto size-4 shrink-0 stroke-[2.25px] text-fg-quaternary" })] })) }));
 };
-const DropdownMenu = (props) => {
-    return (jsx(Menu, { ...props, className: (state) => cx('h-min overflow-y-auto py-1 outline-hidden select-none', typeof props.className === 'function' ? props.className(state) : props.className) }));
+const DropdownMenu = ({ 'data-testid': dataTestId, ...props }) => {
+    const prefix = useTestIdPrefix();
+    const menuTestId = dataTestId ?? prefix;
+    return (jsx(Menu, { ...props, "data-testid": menuTestId, className: (state) => cx('h-min overflow-y-auto py-1 outline-hidden select-none', typeof props.className === 'function' ? props.className(state) : props.className) }));
 };
 const DropdownPopover = (props) => {
     return (jsx(Popover, { placement: "bottom right", ...props, className: (state) => cx('w-62 origin-(--trigger-anchor-point) overflow-auto rounded-lg bg-primary shadow-lg ring-1 ring-secondary_alt will-change-transform', state.isEntering &&
@@ -40,8 +52,13 @@ const DropdownPopover = (props) => {
 const DropdownSeparator = (props) => {
     return jsx(Separator, { ...props, className: cx('my-1 h-px w-full bg-border-secondary', props.className) });
 };
-const DropdownDotsButton = (props) => {
-    return (jsx(Button, { "aria-label": "Open menu", ...props, className: (state) => cx('cursor-pointer rounded-md text-fg-quaternary outline-focus-ring transition duration-100 ease-linear', (state.isPressed || state.isHovered) && 'text-fg-quaternary_hover', (state.isPressed || state.isFocusVisible) && 'outline-2 outline-offset-2', typeof props.className === 'function' ? props.className(state) : props.className), children: jsx(DotsVertical, { className: "size-5 transition-inherit-all" }) }));
+const DropdownDotsButton = ({ 'data-testid': dataTestId, ...props }) => {
+    const dotsButtonTestId = useResolvedTestId({ testId: dataTestId, segment: 'dots-button', rootName: 'dropdown-dots-button' });
+    return (jsx(Button, { "aria-label": "Open menu", ...props, "data-testid": dotsButtonTestId, className: (state) => cx('cursor-pointer rounded-md text-fg-quaternary outline-focus-ring transition duration-100 ease-linear', (state.isPressed || state.isHovered) && 'text-fg-quaternary_hover', (state.isPressed || state.isFocusVisible) && 'outline-2 outline-offset-2', typeof props.className === 'function' ? props.className(state) : props.className), children: jsx(DotsVertical, { className: "size-5 transition-inherit-all" }) }));
+};
+const DropdownRoot = ({ children, 'data-testid': dataTestId, ...props }) => {
+    const rootTestId = useResolvedTestId({ testId: dataTestId, segment: 'dropdown', rootName: 'dropdown' });
+    return (jsx(TestIdProvider, { value: rootTestId, children: jsx(MenuTrigger, { ...props, children: children }) }));
 };
 /**
  * Compound contextual menu opened from a trigger element. Items support icons,
@@ -51,7 +68,7 @@ const DropdownDotsButton = (props) => {
  * @summary open a contextual menu from a trigger with selectable, icon-aware items
  */
 const Dropdown = {
-    Root: MenuTrigger,
+    Root: DropdownRoot,
     Popover: DropdownPopover,
     Menu: DropdownMenu,
     Section: MenuSection,

package/dist/components/molecules/Dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/Dropdown/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaMenuItem","_jsxs","AriaMenu","AriaPopover","AriaSeparator","AriaButton","AriaMenuTrigger","AriaMenuSection","AriaHeader"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/Dropdown/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaMenuItem","_jsxs","AriaMenu","AriaPopover","AriaSeparator","AriaButton","AriaMenuTrigger","AriaMenuSection","AriaHeader"],"mappings":";;;;;;;;;;;AA+CA,MAAM,YAAY,GAAG,CAAC,EACpB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,IAAI,EAAE,IAAI,EACV,SAAS,EACT,QAAQ,EACR,kBAAkB,GAAG,WAAW,EAChC,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACU,KAAI;AACtB,IAAA,MAAM,MAAM,GAAG,eAAe,EAAE;AAChC,IAAA,MAAM,MAAM,GACV,KAAK,CAAC,EAAE,KAAK;UACT,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;AAChC,UAAE,OAAO,KAAK,KAAK;AACjB,cAAE,aAAa,CAAC,KAAK;AACrB,cAAE,OAAO,QAAQ,KAAK;AACpB,kBAAE,aAAa,CAAC,QAAQ;kBACtB,MAAM;IAChB,MAAM,UAAU,GAAG,UAAU,KAAK,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,CAAA,KAAA,EAAQ,MAAM,CAAA,CAAE,CAAC,GAAG,SAAS,CAAC;AAE5F,IAAA,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,KAAmD,KAAI;AACtD,QAAA,IAAI,kBAAkB,KAAK,WAAW,EAAE;YACtC,QACEA,GAAA,CAAC,KAAK,EAAA,EAAA,aAAA,EACQ,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,uDAAuD,EAAE,CAAC,KAAK,CAAC,UAAU,IAAI,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,CACzH;QAEN;AACA,QAAA,IAAI,kBAAkB,KAAK,UAAU,EAAE;AACrC,YAAA,QACEA,GAAA,CAAC,YAAY,IACX,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,UAAU,EACjD,eAAe,EAAE,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,EACrD,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,CAC1C;QAEN;AACA,QAAA,IAAI,kBAAkB,KAAK,OAAO,EAAE;YAClC,OAAOA,GAAA,CAAC,eAAe,EAAA,EAAC,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,GAAI;QACtG;AACA,QAAA,IAAI,kBAAkB,KAAK,QAAQ,EAAE;YACnC,OAAOA,GAAA,CAAC,UAAU,EAAA,EAAC,IAAI,EAAA,IAAA,EAAC,IAAI,EAAC,IAAI,EAAC,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,CAAI;QAChH;AACA,QAAA,OAAO,IAAI;AACb,IAAA,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB;IAED,IAAI,QAAQ,EAAE;AACZ,QAAA,OAAOA,GAAA,CAACC,QAAY,EAAA,EAAC,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAA,aAAA,EAAe,UAAU,EAAA,GAAM,KAAK,GAAI;IAC1F;IAEA,QACED,GAAA,CAACC,QAAY,EAAA,EAAA,GACP,KAAK,EAAA,aAAA,EACI,UAAU,EACvB,SAAS,EAAE,CAAC,KAAK,KACf,EAAE,CACA,wDAAwD,EACxD,KAAK,CAAC,UAAU,IAAI,+BAA+B,EACnD,OAAO,KAAK,CAAC,SAAS,KAAK,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,SAAS,CACjF,EAAA,QAAA,EAGF,CAAC,KAAK,MACLC,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,0GAA0G,EAC1G,CAAC,KAAK,CAAC,UAAU,IAAI,8BAA8B,EACnD,KAAK,CAAC,SAAS,IAAI,kBAAkB,EACrC,KAAK,CAAC,cAAc,IAAI,6BAA6B,EACrD,KAAK,CAAC,UAAU,IAAI,QAAQ,CAC7B,EAAA,QAAA,EAAA,CAEA,KAAK,CAAC,aAAa,KAAK,MAAM,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,IAAIF,GAAA,CAAC,kBAAkB,EAAA,EAAA,GAAK,KAAK,EAAE,SAAS,EAAC,MAAM,EAAA,CAAG,EAE3G,SAAS,KACRA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8CAA8C,EAAA,QAAA,EAC3DA,GAAA,CAAC,MAAM,EAAA,EAAA,aAAA,EAAa,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,QAAQ,EAAA,CAAG,EAAA,CAClF,CACP,EAEA,IAAI,IAAIA,GAAA,CAAC,IAAI,EAAA,EAAA,aAAA,EAAa,MAAM,EAAC,SAAS,EAAC,yDAAyD,EAAA,CAAG,EAExGA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,EAAE,CAAC,oDAAoD,EAAE,KAAK,CAAC,SAAS,IAAI,sBAAsB,CAAC,EAAA,QAAA,EACjH,KAAK,KAAK,OAAO,QAAQ,KAAK,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,EAAA,CAClE,EAEN,KAAK,IAAIA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,wDAAwD,EAAA,QAAA,EAAE,KAAK,EAAA,CAAQ,EAEhG,KAAK,CAAC,aAAa,KAAK,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,IAAIA,GAAA,CAAC,kBAAkB,EAAA,EAAA,GAAK,KAAK,EAAE,SAAS,EAAC,MAAM,EAAA,CAAG,EAE3G,KAAK,CAAC,UAAU,IAAIA,GAAA,CAAC,YAAY,EAAA,EAAA,aAAA,EAAa,MAAM,EAAC,SAAS,EAAC,4DAA4D,EAAA,CAAG,CAAA,EAAA,CAC3H,CACP,EAAA,CACY;AAEnB,CAAC;AAOD,MAAM,YAAY,GAAG,CAAmB,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAwB,KAAI;AACvG,IAAA,MAAM,MAAM,GAAG,eAAe,EAAE;AAChC,IAAA,MAAM,UAAU,GAAG,UAAU,IAAI,MAAM;AAEvC,IAAA,QACEA,GAAA,CAACG,IAAQ,OACH,KAAK,EAAA,aAAA,EACI,UAAU,EACvB,SAAS,EAAE,CAAC,KAAK,KACf,EAAE,CAAC,uDAAuD,EAAE,OAAO,KAAK,CAAC,SAAS,KAAK,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,EAAA,CAE/I;AAEN,CAAC;AAID,MAAM,eAAe,GAAG,CAAC,KAA2B,KAAI;IACtD,QACEH,IAACI,OAAW,EAAA,EACV,SAAS,EAAC,cAAc,EAAA,GACpB,KAAK,EACT,SAAS,EAAE,CAAC,KAAK,KACf,EAAE,CACA,oIAAoI,EACpI,KAAK,CAAC,UAAU;YACd,+JAA+J,EACjK,KAAK,CAAC,SAAS;AACb,YAAA,6JAA6J,EAC/J,OAAO,KAAK,CAAC,SAAS,KAAK,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,SAAS,CACjF,EAAA,QAAA,EAGF,KAAK,CAAC,QAAQ,EAAA,CACH;AAElB,CAAC;AAED,MAAM,iBAAiB,GAAG,CAAC,KAAyB,KAAI;AACtD,IAAA,OAAOJ,IAACK,SAAa,EAAA,EAAA,GAAK,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAI;AAC7G,CAAC;AAUD,MAAM,kBAAkB,GAAG,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAA2B,KAAI;AAC9F,IAAA,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,sBAAsB,EAAE,CAAC;AAE5H,IAAA,QACEL,GAAA,CAACM,MAAU,EAAA,EAAA,YAAA,EACE,WAAW,KAClB,KAAK,EAAA,aAAA,EACI,gBAAgB,EAC7B,SAAS,EAAE,CAAC,KAAK,KACf,EAAE,CACA,qGAAqG,EACrG,CAAC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,KAAK,0BAA0B,EAClE,CAAC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,cAAc,KAAK,4BAA4B,EACzE,OAAO,KAAK,CAAC,SAAS,KAAK,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,SAAS,CACjF,EAAA,QAAA,EAGHN,GAAA,CAAC,YAAY,IAAC,SAAS,EAAC,+BAA+B,EAAA,CAAG,EAAA,CAC/C;AAEjB,CAAC;AAUD,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAqB,KAAI;AAC5F,IAAA,MAAM,UAAU,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC;AAEvG,IAAA,QACEA,GAAA,CAAC,cAAc,EAAA,EAAC,KAAK,EAAE,UAAU,EAAA,QAAA,EAC/BA,GAAA,CAACO,WAAe,OAAK,KAAK,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAmB,EAAA,CACzC;AAErB,CAAC;AAED;;;;;;AAMG;AACI,MAAM,QAAQ,GAAG;AACtB,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,OAAO,EAAEC,WAAe;AACxB,IAAA,aAAa,EAAEC,MAAU;AACzB,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,SAAS,EAAE,iBAAiB;AAC5B,IAAA,UAAU,EAAE,kBAAkB;;;;;"}

package/dist/components/molecules/EmptyState/index.cjs

@@ -6,11 +6,13 @@ var BackgroundPattern = require('@flipdish/ui-library/components/atoms/Backgroun
 var FeaturedIcon$1 = require('@flipdish/ui-library/components/atoms/FeaturedIcon');
 var Illustration$1 = require('@flipdish/ui-library/components/atoms/Illustration');
 var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 var React = require('react');
 
 const RootContext = React.createContext({ size: 'lg' });
-const Root = ({ size = 'lg', ...props }) => {
-    return (jsxRuntime.jsx(RootContext.Provider, { value: { size }, children: jsxRuntime.jsx("div", { ...props, className: cx.cx('mx-auto flex w-full flex-col items-center justify-center', props.className) }) }));
+const Root = ({ size = 'lg', 'data-testid': dataTestId, ...props }) => {
+    const rootTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'empty-state', rootName: 'empty-state' });
+    return (jsxRuntime.jsx(RootContext.Provider, { value: { size }, children: jsxRuntime.jsx(testIdUtils.TestIdProvider, { value: rootTestId, children: jsxRuntime.jsx("div", { ...props, "data-testid": rootTestId, className: cx.cx('mx-auto flex w-full flex-col items-center justify-center', props.className) }) }) }));
 };
 const FeaturedIcon = ({ color = 'gray', theme = 'modern', icon = uiIcons.SearchLg, size, ...props }) => {
     const { size: rootSize } = React.useContext(RootContext);
@@ -23,26 +25,36 @@ const Illustration = ({ type = 'cloud', color = 'gray', size = 'lg', ...props })
 const FileTypeIcon = ({ type = 'folder', theme = 'solid', ...props }) => {
     return (jsxRuntime.jsx("div", { ...props, className: cx.cx('relative z-10 flex rounded-full bg-linear-to-b from-neutral-50 to-neutral-200 p-8', props.className), children: jsxRuntime.jsx(uiIcons.FileIcon, { type: type, variant: theme, className: "size-10 drop-shadow-sm" }) }));
 };
-const Header = ({ pattern = 'circle', patternSize = 'md', ...props }) => {
+const Header = ({ pattern = 'circle', patternSize = 'md', 'data-testid': dataTestId, ...props }) => {
     const { size } = React.useContext(RootContext);
+    const prefix = testIdUtils.useTestIdPrefix();
+    const headerTestId = dataTestId ?? (prefix ? testIdUtils.joinTestId(prefix, 'header') : undefined);
     // Whether we are passing `Illustration` component as children.
     const hasIllustration = React.Children.toArray(props.children).some((headerChild) => React.isValidElement(headerChild) && headerChild.type === Illustration);
-    return (jsxRuntime.jsxs("header", { ...props, className: cx.cx('relative mb-4', (size === 'md' || size === 'lg') && 'mb-5', hasIllustration && size === 'lg' && 'mb-6!', props.className), children: [pattern !== 'none' && (jsxRuntime.jsx(BackgroundPattern.BackgroundPattern, { size: patternSize, pattern: pattern, className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" })), props.children] }));
+    return (jsxRuntime.jsxs("header", { ...props, "data-testid": headerTestId, className: cx.cx('relative mb-4', (size === 'md' || size === 'lg') && 'mb-5', hasIllustration && size === 'lg' && 'mb-6!', props.className), children: [pattern !== 'none' && (jsxRuntime.jsx(BackgroundPattern.BackgroundPattern, { size: patternSize, pattern: pattern, className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" })), props.children] }));
 };
-const Content = (props) => {
+const Content = ({ 'data-testid': dataTestId, ...props }) => {
     const { size } = React.useContext(RootContext);
-    return (jsxRuntime.jsx("main", { ...props, className: cx.cx('z-10 mb-6 flex w-88 max-w-88 flex-col items-center justify-center gap-1', (size === 'md' || size === 'lg') && 'mb-8 gap-2', props.className) }));
+    const prefix = testIdUtils.useTestIdPrefix();
+    const contentTestId = dataTestId ?? (prefix ? testIdUtils.joinTestId(prefix, 'content') : undefined);
+    return (jsxRuntime.jsx("main", { ...props, "data-testid": contentTestId, className: cx.cx('z-10 mb-6 flex w-88 max-w-88 flex-col items-center justify-center gap-1', (size === 'md' || size === 'lg') && 'mb-8 gap-2', props.className) }));
 };
-const Footer = (props) => {
-    return jsxRuntime.jsx("footer", { ...props, className: cx.cx('z-10 flex gap-3', props.className) });
+const Footer = ({ 'data-testid': dataTestId, ...props }) => {
+    const prefix = testIdUtils.useTestIdPrefix();
+    const footerTestId = dataTestId ?? (prefix ? testIdUtils.joinTestId(prefix, 'footer') : undefined);
+    return jsxRuntime.jsx("footer", { ...props, "data-testid": footerTestId, className: cx.cx('z-10 flex gap-3', props.className) });
 };
-const Title = (props) => {
+const Title = ({ 'data-testid': dataTestId, ...props }) => {
     const { size } = React.useContext(RootContext);
-    return (jsxRuntime.jsx("h1", { ...props, className: cx.cx('text-md font-semibold text-primary', size === 'md' && 'text-lg font-semibold', size === 'lg' && 'text-xl font-semibold', props.className) }));
+    const prefix = testIdUtils.useTestIdPrefix();
+    const titleTestId = dataTestId ?? (prefix ? testIdUtils.joinTestId(prefix, 'title') : undefined);
+    return (jsxRuntime.jsx("h1", { ...props, "data-testid": titleTestId, className: cx.cx('text-md font-semibold text-primary', size === 'md' && 'text-lg font-semibold', size === 'lg' && 'text-xl font-semibold', props.className) }));
 };
-const Description = (props) => {
+const Description = ({ 'data-testid': dataTestId, ...props }) => {
     const { size } = React.useContext(RootContext);
-    return jsxRuntime.jsx("p", { ...props, className: cx.cx('text-center text-sm text-tertiary', size === 'lg' && 'text-md', props.className) });
+    const prefix = testIdUtils.useTestIdPrefix();
+    const descriptionTestId = dataTestId ?? (prefix ? testIdUtils.joinTestId(prefix, 'description') : undefined);
+    return (jsxRuntime.jsx("p", { ...props, "data-testid": descriptionTestId, className: cx.cx('text-center text-sm text-tertiary', size === 'lg' && 'text-md', props.className) }));
 };
 /**
  * Predefined avatar slots positioned on concentric circle rings.