@flipdish/ui-library 0.10.0 → 0.11.1

package/dist/components/organisms/DatePicker/components/range-calendar.js

@@ -3,6 +3,7 @@ import { ChevronLeft, ChevronRight } from '@flipdish/ui-icons';
 import { Button } from '@flipdish/ui-library/components/atoms/Button';
 import { useBreakpoint } from '@flipdish/ui-library/hooks/useBreakpoints';
 import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useTestIdPrefix, rootTestId, TestIdProvider, joinTestId, slugifyTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 import { useDateFormatter } from '@react-aria/i18n';
 import { Fragment, useState, useContext } from 'react';
 import { useSlottedContext, RangeCalendarContext, RangeCalendar as RangeCalendar$1, CalendarGrid, CalendarGridHeader, CalendarHeaderCell, CalendarGridBody, RangeCalendarStateContext } from 'react-aria-components';
@@ -32,25 +33,33 @@ const RangeCalendarTitle = ({ part }) => {
 const RangePresetButton = ({ value, className, children, ...props }) => {
     const context = useSlottedContext(RangeCalendarContext);
     const isSelected = context?.value?.start?.compare(value.start) === 0 && context?.value?.end?.compare(value.end) === 0;
-    return (jsx("button", { ...props, className: cx('cursor-pointer rounded-md px-3 py-2 text-left text-sm font-medium text-white outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2', isSelected
+    const prefix = useTestIdPrefix();
+    const presetTestId = prefix && typeof children === 'string' ? joinTestId(prefix, `preset-${slugifyTestId(children)}`) : undefined;
+    return (jsx("button", { ...props, "data-testid": presetTestId, className: cx('cursor-pointer rounded-md px-3 py-2 text-left text-sm font-medium text-white outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2', isSelected
             ? 'bg-secondary text-secondary_hover hover:bg-secondary_hover'
             : 'text-secondary hover:bg-primary_hover hover:text-secondary_hover', className), children: children }));
 };
 const MobilePresetButton = ({ value, children, ...props }) => {
     const context = useContext(RangeCalendarStateContext);
-    return (jsx(Button, { ...props, slot: null, size: "sm", color: "link-color", onClick: () => {
+    const prefix = useTestIdPrefix();
+    const presetTestId = prefix && typeof children === 'string' ? joinTestId(prefix, `preset-${slugifyTestId(children)}`) : undefined;
+    return (jsx(Button, { ...props, slot: null, size: "sm", color: "link-color", "data-testid": presetTestId, onClick: () => {
             context?.setValue(value);
             context?.setFocusedDate(value.start);
         }, children: children }));
 };
-const RangeCalendar = ({ presets, visibleDuration, showOutOfRangeDates = false, showPresetsOnDesktop = false, ...props }) => {
+const RangeCalendar = ({ presets, visibleDuration, showOutOfRangeDates = false, showPresetsOnDesktop = false, 'data-testid': dataTestId, ...props }) => {
     const isDesktop = useBreakpoint('md');
     const context = useSlottedContext(RangeCalendarContext);
     const ContextWrapper = context ? Fragment : RangeCalendarContextProvider;
     const visibleDurationMonths = visibleDuration?.months || (isDesktop ? 2 : 1);
-    return (jsx(ContextWrapper, { children: jsxs(RangeCalendar$1, { ...props, className: (state) => cx('flex items-start', typeof props.className === 'function' ? props.className(state) : props.className), visibleDuration: {
-                months: visibleDurationMonths,
-            }, children: [jsxs("div", { className: "flex flex-col gap-3 px-6 py-5 md:gap-2", children: [jsxs("header", { className: cx('relative flex items-center', visibleDurationMonths > 1 ? 'justify-start' : 'justify-between'), children: [jsx(Button, { slot: "previous", iconLeading: ChevronLeft, size: "sm", color: "tertiary", className: "size-8" }), jsx("h2", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-sm font-semibold text-fg-secondary", children: jsx(RangeCalendarTitle, { part: "start" }) }), visibleDurationMonths === 1 && jsx(Button, { slot: "next", iconLeading: ChevronRight, size: "sm", color: "tertiary", className: "size-8" })] }), !isDesktop && (jsxs("div", { className: "flex items-center gap-2 md:hidden", children: [jsx(InputDateBase, { slot: "start", size: "sm", className: "flex-1" }), jsx("div", { className: "text-md text-quaternary", children: "\u2013" }), jsx(InputDateBase, { slot: "end", size: "sm", className: "flex-1" })] })), (showPresetsOnDesktop || !isDesktop) && presets && (jsx("div", { className: "mt-1 flex justify-between gap-3 px-2", children: Object.values(presets).map((preset) => (jsx(MobilePresetButton, { value: preset.value, children: preset.label }, preset.label))) })), jsxs(CalendarGrid, { weekdayStyle: "short", className: "w-max", children: [jsx(CalendarGridHeader, { children: (day) => (jsx(CalendarHeaderCell, { className: "border-b-4 border-transparent p-0", children: jsx("div", { className: "flex size-10 items-center justify-center text-sm font-medium text-secondary", children: day.slice(0, 2) }) })) }), jsx(CalendarGridBody, { className: "[&_td]:p-0 [&_tr]:border-b-4 [&_tr]:border-transparent [&_tr:last-of-type]:border-none", children: (date) => jsx(CalendarCell, { date: date, showOutOfRangeDates: showOutOfRangeDates }) })] })] }), visibleDurationMonths > 1 && (jsxs("div", { className: "flex flex-col gap-3 border-l border-secondary px-6 py-5", children: [jsxs("header", { className: "relative flex items-center justify-end", children: [jsx("h2", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-sm font-semibold text-fg-secondary", children: jsx(RangeCalendarTitle, { part: "end" }) }), jsx(Button, { slot: "next", iconLeading: ChevronRight, size: "sm", color: "tertiary", className: "size-8" })] }), jsxs(CalendarGrid, { weekdayStyle: "short", offset: { months: 1 }, className: "w-max", children: [jsx(CalendarGridHeader, { children: (day) => (jsx(CalendarHeaderCell, { className: "border-b-4 border-transparent p-0", children: jsx("div", { className: "flex size-10 items-center justify-center text-sm font-medium text-secondary", children: day.slice(0, 2) }) })) }), jsx(CalendarGridBody, { className: "[&_td]:p-0 [&_tr]:border-b-4 [&_tr]:border-transparent [&_tr:last-of-type]:border-none", children: (date) => jsx(CalendarCell, { date: date }) })] })] }))] }) }));
+    // Adopt the ambient prefix from an ancestor (e.g. `DateRangePicker`) unchanged so ids stay
+    // flat (`<root>--cell-…`); only fall back to the standalone default when there is none.
+    const ambientPrefix = useTestIdPrefix();
+    const calendarTestId = dataTestId ?? ambientPrefix ?? rootTestId('range-calendar');
+    return (jsx(ContextWrapper, { children: jsx(TestIdProvider, { value: calendarTestId, children: jsxs(RangeCalendar$1, { ...props, "data-testid": calendarTestId, className: (state) => cx('flex items-start', typeof props.className === 'function' ? props.className(state) : props.className), visibleDuration: {
+                    months: visibleDurationMonths,
+                }, children: [jsxs("div", { className: "flex flex-col gap-3 px-6 py-5 md:gap-2", children: [jsxs("header", { className: cx('relative flex items-center', visibleDurationMonths > 1 ? 'justify-start' : 'justify-between'), children: [jsx(Button, { slot: "previous", iconLeading: ChevronLeft, size: "sm", color: "tertiary", className: "size-8", "data-testid": joinTestId(calendarTestId, 'prev') }), jsx("h2", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-sm font-semibold text-fg-secondary", children: jsx(RangeCalendarTitle, { part: "start" }) }), visibleDurationMonths === 1 && (jsx(Button, { slot: "next", iconLeading: ChevronRight, size: "sm", color: "tertiary", className: "size-8", "data-testid": joinTestId(calendarTestId, 'next') }))] }), !isDesktop && (jsxs("div", { className: "flex items-center gap-2 md:hidden", children: [jsx(InputDateBase, { slot: "start", size: "sm", className: "flex-1" }), jsx("div", { className: "text-md text-quaternary", children: "\u2013" }), jsx(InputDateBase, { slot: "end", size: "sm", className: "flex-1" })] })), (showPresetsOnDesktop || !isDesktop) && presets && (jsx("div", { className: "mt-1 flex justify-between gap-3 px-2", children: Object.values(presets).map((preset) => (jsx(MobilePresetButton, { value: preset.value, children: preset.label }, preset.label))) })), jsxs(CalendarGrid, { weekdayStyle: "short", className: "w-max", children: [jsx(CalendarGridHeader, { children: (day) => (jsx(CalendarHeaderCell, { className: "border-b-4 border-transparent p-0", children: jsx("div", { className: "flex size-10 items-center justify-center text-sm font-medium text-secondary", children: day.slice(0, 2) }) })) }), jsx(CalendarGridBody, { className: "[&_td]:p-0 [&_tr]:border-b-4 [&_tr]:border-transparent [&_tr:last-of-type]:border-none", children: (date) => jsx(CalendarCell, { date: date, showOutOfRangeDates: showOutOfRangeDates }) })] })] }), visibleDurationMonths > 1 && (jsxs("div", { className: "flex flex-col gap-3 border-l border-secondary px-6 py-5", children: [jsxs("header", { className: "relative flex items-center justify-end", children: [jsx("h2", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-sm font-semibold text-fg-secondary", children: jsx(RangeCalendarTitle, { part: "end" }) }), jsx(Button, { slot: "next", iconLeading: ChevronRight, size: "sm", color: "tertiary", className: "size-8", "data-testid": joinTestId(calendarTestId, 'next') })] }), jsxs(CalendarGrid, { weekdayStyle: "short", offset: { months: 1 }, className: "w-max", children: [jsx(CalendarGridHeader, { children: (day) => (jsx(CalendarHeaderCell, { className: "border-b-4 border-transparent p-0", children: jsx("div", { className: "flex size-10 items-center justify-center text-sm font-medium text-secondary", children: day.slice(0, 2) }) })) }), jsx(CalendarGridBody, { className: "[&_td]:p-0 [&_tr]:border-b-4 [&_tr]:border-transparent [&_tr:last-of-type]:border-none", children: (date) => jsx(CalendarCell, { date: date }) })] })] }))] }) }) }));
 };
 
 export { RangeCalendar, RangeCalendarContextProvider, RangePresetButton };

package/dist/components/organisms/DatePicker/components/range-calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"range-calendar.js","sources":["../../../../../src/components/organisms/DatePicker/components/range-calendar.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","AriaRangeCalendar","AriaCalendarGrid","AriaCalendarGridHeader","AriaCalendarHeaderCell","AriaCalendarGridBody"],"mappings":";;;;;;;;;;;MAyBa,4BAA4B,GAAG,CAAC,EAAE,QAAQ,EAAqB,KAAI;IAC9E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAA8C,IAAI,CAAC;IACrF,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,GAAG,QAAQ,EAAyB;AAEvE,IAAA,OAAOA,IAAC,oBAAoB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE,EAAA,QAAA,EAAG,QAAQ,GAAiC;AAC3I;AAEA,MAAM,kBAAkB,GAAG,CAAC,EAAE,IAAI,EAA6B,KAAI;AACjE,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,yBAAyB,CAAC;IAErD,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,MAAM,IAAI,KAAK,CAAC,2EAA2E,CAAC;IAC9F;IAEA,MAAM,SAAS,GAAG,gBAAgB,CAAC;AACjC,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU;QACxD,QAAQ,EAAE,OAAO,CAAC,QAAQ;AAC3B,KAAA,CAAC;IAEF,OAAO,IAAI,KAAK;AACd,UAAE,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC;AACtE,UAAE,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;AACzE,CAAC;AAMM,MAAM,iBAAiB,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA0B,KAAI;AACpG,IAAA,MAAM,OAAO,GAAG,iBAAiB,CAAC,oBAAoB,CAAC;AAEvD,IAAA,MAAM,UAAU,GAAG,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC;IAErH,QACEA,GAAA,CAAA,QAAA,EAAA,EAAA,GACM,KAAK,EACT,SAAS,EAAE,EAAE,CACX,4LAA4L,EAC5L;AACE,cAAE;cACA,kEAAkE,EACtE,SAAS,CACV,EAAA,QAAA,EAEA,QAAQ,EAAA,CACF;AAEb;AAMA,MAAM,kBAAkB,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA2B,KAAI;AACpF,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,yBAAyB,CAAC;IAErD,QACEA,IAAC,MAAM,EAAA,EAAA,GACD,KAAK,EACT,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,YAAY,EAClB,OAAO,EAAE,MAAK;AACZ,YAAA,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC;AACxB,YAAA,OAAO,EAAE,cAAc,CAAC,KAAK,CAAC,KAAqB,CAAC;AACtD,QAAA,CAAC,EAAA,QAAA,EAEA,QAAQ,EAAA,CACF;AAEb,CAAC;MAaY,aAAa,GAAG,CAAC,EAC5B,OAAO,EACP,eAAe,EACf,mBAAmB,GAAG,KAAK,EAC3B,oBAAoB,GAAG,KAAK,EAC5B,GAAG,KAAK,EACW,KAAI;AACvB,IAAA,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC;AACrC,IAAA,MAAM,OAAO,GAAG,iBAAiB,CAAC,oBAAoB,CAAC;IAEvD,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,4BAA4B;AAExE,IAAA,MAAM,qBAAqB,GAAG,eAAe,EAAE,MAAM,KAAK,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC;IAE5E,QACEA,IAAC,cAAc,EAAA,EAAA,QAAA,EACbC,KAACC,eAAiB,EAAA,EAAA,GACZ,KAAK,EACT,SAAS,EAAE,CAAC,KAAK,KAAK,EAAE,CAAC,kBAAkB,EAAE,OAAO,KAAK,CAAC,SAAS,KAAK,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,EAC9H,eAAe,EAAE;AACf,gBAAA,MAAM,EAAE,qBAAqB;aAC9B,EAAA,QAAA,EAAA,CAEDD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wCAAwC,aACrDA,IAAA,CAAA,QAAA,EAAA,EAAQ,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,qBAAqB,GAAG,CAAC,GAAG,eAAe,GAAG,iBAAiB,CAAC,EAAA,QAAA,EAAA,CAClHD,GAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAC,UAAU,EAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAA,CAAG,EAElGA,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,qGAAqG,EAAA,QAAA,EACjHA,IAAC,kBAAkB,EAAA,EAAC,IAAI,EAAC,OAAO,GAAG,EAAA,CAChC,EAEJ,qBAAqB,KAAK,CAAC,IAAIA,GAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAC,MAAM,EAAC,WAAW,EAAE,YAAY,EAAE,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAA,CAAG,CAAA,EAAA,CACxH,EAER,CAAC,SAAS,KACTC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mCAAmC,EAAA,QAAA,EAAA,CAChDD,IAAC,aAAa,EAAA,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAA,CAAG,EAC3DA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,QAAA,EAAA,CAAQ,EAChDA,IAAC,aAAa,EAAA,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAA,CAAG,IACrD,CACP,EAEA,CAAC,oBAAoB,IAAI,CAAC,SAAS,KAAK,OAAO,KAC9CA,aAAK,SAAS,EAAC,sCAAsC,EAAA,QAAA,EAClD,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,MACjCA,GAAA,CAAC,kBAAkB,IAAoB,KAAK,EAAE,MAAM,CAAC,KAAK,YACvD,MAAM,CAAC,KAAK,EAAA,EADU,MAAM,CAAC,KAAK,CAEhB,CACtB,CAAC,EAAA,CACE,CACP,EAEDC,IAAA,CAACE,YAAgB,EAAA,EAAC,YAAY,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAA,QAAA,EAAA,CACtDH,GAAA,CAACI,kBAAsB,EAAA,EAAA,QAAA,EACpB,CAAC,GAAG,MACHJ,GAAA,CAACK,kBAAsB,EAAA,EAAC,SAAS,EAAC,mCAAmC,EAAA,QAAA,EACnEL,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6EAA6E,YAAE,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAO,EAAA,CAC7F,CAC1B,GACsB,EACzBA,GAAA,CAACM,gBAAoB,EAAA,EAAC,SAAS,EAAC,wFAAwF,EAAA,QAAA,EACrH,CAAC,IAAI,KAAKN,GAAA,CAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,mBAAmB,EAAE,mBAAmB,EAAA,CAAI,GAC5D,CAAA,EAAA,CACN,CAAA,EAAA,CACf,EAEL,qBAAqB,GAAG,CAAC,KACxBC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yDAAyD,aACtEA,IAAA,CAAA,QAAA,EAAA,EAAQ,SAAS,EAAC,wCAAwC,EAAA,QAAA,EAAA,CACxDD,YAAI,SAAS,EAAC,qGAAqG,EAAA,QAAA,EACjHA,GAAA,CAAC,kBAAkB,EAAA,EAAC,IAAI,EAAC,KAAK,EAAA,CAAG,GAC9B,EAELA,GAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAC,MAAM,EAAC,WAAW,EAAE,YAAY,EAAE,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAA,CAAG,IACxF,EAETC,IAAA,CAACE,YAAgB,EAAA,EAAC,YAAY,EAAC,OAAO,EAAC,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,SAAS,EAAC,OAAO,EAAA,QAAA,EAAA,CAC7EH,GAAA,CAACI,kBAAsB,EAAA,EAAA,QAAA,EACpB,CAAC,GAAG,MACHJ,GAAA,CAACK,kBAAsB,IAAC,SAAS,EAAC,mCAAmC,EAAA,QAAA,EACnEL,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6EAA6E,YAAE,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAO,EAAA,CAC7F,CAC1B,EAAA,CACsB,EACzBA,GAAA,CAACM,gBAAoB,IAAC,SAAS,EAAC,wFAAwF,EAAA,QAAA,EACrH,CAAC,IAAI,KAAKN,GAAA,CAAC,YAAY,EAAA,EAAC,IAAI,EAAE,IAAI,GAAI,EAAA,CAClB,CAAA,EAAA,CACN,IACf,CACP,CAAA,EAAA,CACiB,EAAA,CACL;AAErB;;;;"}
+{"version":3,"file":"range-calendar.js","sources":["../../../../../src/components/organisms/DatePicker/components/range-calendar.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","AriaRangeCalendar","AriaCalendarGrid","AriaCalendarGridHeader","AriaCalendarHeaderCell","AriaCalendarGridBody"],"mappings":"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"}

package/dist/components/organisms/DatePicker/index.cjs

@@ -4,6 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var uiIcons = require('@flipdish/ui-icons');
 var Button = require('@flipdish/ui-library/components/atoms/Button');
 var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 var date = require('@internationalized/date');
 var i18n = require('@react-aria/i18n');
 var utils = require('@react-stately/utils');
@@ -19,7 +20,7 @@ const highlightedDates = [date.today(date.getLocalTimeZone())];
  *
  * @summary popover calendar for selecting a single date
  */
-const DatePicker = ({ value: valueProp, defaultValue, onChange, onApply, onCancel, size = 'sm', ...props }) => {
+const DatePicker = ({ value: valueProp, defaultValue, onChange, onApply, onCancel, size = 'sm', 'data-testid': dataTestId, ...props }) => {
     const formatter = i18n.useDateFormatter({
         month: 'short',
         day: 'numeric',
@@ -27,15 +28,16 @@ const DatePicker = ({ value: valueProp, defaultValue, onChange, onApply, onCance
     });
     const [value, setValue] = utils.useControlledState(valueProp, defaultValue || null, onChange);
     const formattedDate = value ? formatter.format(value.toDate(date.getLocalTimeZone())) : 'Select date';
-    return (jsxRuntime.jsxs(reactAriaComponents.DatePicker, { "aria-label": "Date picker", shouldCloseOnSelect: false, ...props, value: value, onChange: setValue, children: [jsxRuntime.jsx(reactAriaComponents.Group, { children: jsxRuntime.jsx(Button.Button, { size: size, color: "secondary", iconLeading: uiIcons.Calendar, children: formattedDate }) }), jsxRuntime.jsx(reactAriaComponents.Popover, { offset: 8, placement: "bottom right", className: ({ isEntering, isExiting }) => cx.cx('origin-(--trigger-anchor-point) will-change-transform', isEntering &&
-                    'duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', isExiting &&
-                    'duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5'), children: jsxRuntime.jsx(reactAriaComponents.Dialog, { "aria-label": "Date picker", className: "rounded-2xl bg-primary shadow-xl ring ring-secondary_alt", children: ({ close }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "flex px-6 py-5", children: jsxRuntime.jsx(calendar.Calendar, { highlightedDates: highlightedDates }) }), jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3 border-t border-secondary p-4", children: [jsxRuntime.jsx(Button.Button, { size: "md", color: "secondary", onClick: () => {
-                                            onCancel?.();
-                                            close();
-                                        }, children: "Cancel" }), jsxRuntime.jsx(Button.Button, { size: "md", color: "primary", onClick: () => {
-                                            onApply?.();
-                                            close();
-                                        }, children: "Apply" })] })] })) }) })] }));
+    const rootTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'date-picker', rootName: 'date-picker' });
+    return (jsxRuntime.jsx(testIdUtils.TestIdProvider, { value: rootTestId, children: jsxRuntime.jsxs(reactAriaComponents.DatePicker, { "aria-label": "Date picker", shouldCloseOnSelect: false, ...props, value: value, onChange: setValue, "data-testid": rootTestId, children: [jsxRuntime.jsx(reactAriaComponents.Group, { children: jsxRuntime.jsx(Button.Button, { size: size, color: "secondary", iconLeading: uiIcons.Calendar, "data-testid": testIdUtils.joinTestId(rootTestId, 'trigger'), children: formattedDate }) }), jsxRuntime.jsx(reactAriaComponents.Popover, { offset: 8, placement: "bottom right", className: ({ isEntering, isExiting }) => cx.cx('origin-(--trigger-anchor-point) will-change-transform', isEntering &&
+                        'duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', isExiting &&
+                        'duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5'), children: jsxRuntime.jsx(reactAriaComponents.Dialog, { "aria-label": "Date picker", "data-testid": testIdUtils.joinTestId(rootTestId, 'popover'), className: "rounded-2xl bg-primary shadow-xl ring ring-secondary_alt", children: ({ close }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "flex px-6 py-5", children: jsxRuntime.jsx(calendar.Calendar, { highlightedDates: highlightedDates }) }), jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3 border-t border-secondary p-4", children: [jsxRuntime.jsx(Button.Button, { size: "md", color: "secondary", "data-testid": testIdUtils.joinTestId(rootTestId, 'cancel'), onClick: () => {
+                                                onCancel?.();
+                                                close();
+                                            }, children: "Cancel" }), jsxRuntime.jsx(Button.Button, { size: "md", color: "primary", "data-testid": testIdUtils.joinTestId(rootTestId, 'apply'), onClick: () => {
+                                                onApply?.();
+                                                close();
+                                            }, children: "Apply" })] })] })) }) })] }) }));
 };
 
 exports.DateRangePicker = dateRangePicker.DateRangePicker;

package/dist/components/organisms/DatePicker/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/DatePicker/index.tsx"],"sourcesContent":[null],"names":["today","getLocalTimeZone","useDateFormatter","useControlledState","_jsxs","AriaDatePicker","_jsx","AriaGroup","Button","CalendarIcon","AriaPopover","cx","AriaDialog","Calendar"],"mappings":";;;;;;;;;;;;;;AAeA,MAAM,gBAAgB,GAAG,CAACA,UAAK,CAACC,qBAAgB,EAAE,CAAC,CAAC;AAUpD;;;;;AAKG;AACI,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,EAAmB,KAAI;IACpI,MAAM,SAAS,GAAGC,qBAAgB,CAAC;AACjC,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,IAAI,EAAE,SAAS;AAChB,KAAA,CAAC;AACF,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGC,wBAAkB,CAAC,SAAS,EAAE,YAAY,IAAI,IAAI,EAAE,QAAQ,CAAC;IAEvF,MAAM,aAAa,GAAG,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAACF,qBAAgB,EAAE,CAAC,CAAC,GAAG,aAAa;AAEhG,IAAA,QACEG,eAAA,CAACC,8BAAc,EAAA,EAAA,YAAA,EAAY,aAAa,EAAC,mBAAmB,EAAE,KAAK,EAAA,GAAM,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAA,QAAA,EAAA,CAC9GC,cAAA,CAACC,yBAAS,cACRD,cAAA,CAACE,aAAM,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,WAAW,EAAC,WAAW,EAAEC,gBAAY,EAAA,QAAA,EAC5D,aAAa,EAAA,CACP,GACC,EACZH,cAAA,CAACI,2BAAW,EAAA,EACV,MAAM,EAAE,CAAC,EACT,SAAS,EAAC,cAAc,EACxB,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KACnCC,KAAE,CACA,uDAAuD,EACvD,UAAU;AACR,oBAAA,+JAA+J,EACjK,SAAS;oBACP,6JAA6J,CAChK,EAAA,QAAA,EAGHL,cAAA,CAACM,0BAAU,EAAA,EAAA,YAAA,EAAY,aAAa,EAAC,SAAS,EAAC,0DAA0D,EAAA,QAAA,EACtG,CAAC,EAAE,KAAK,EAAE,MACTR,kDACEE,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gBAAgB,EAAA,QAAA,EAC7BA,cAAA,CAACO,iBAAQ,EAAA,EAAC,gBAAgB,EAAE,gBAAgB,EAAA,CAAI,EAAA,CAC5C,EACNT,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sDAAsD,EAAA,QAAA,EAAA,CACnEE,cAAA,CAACE,aAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,MAAK;4CACZ,QAAQ,IAAI;AACZ,4CAAA,KAAK,EAAE;AACT,wCAAA,CAAC,uBAGM,EACTF,cAAA,CAACE,aAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,MAAK;4CACZ,OAAO,IAAI;AACX,4CAAA,KAAK,EAAE;wCACT,CAAC,EAAA,QAAA,EAAA,OAAA,EAAA,CAGM,IACL,CAAA,EAAA,CACL,CACJ,GACU,EAAA,CACD,CAAA,EAAA,CACC;AAErB;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/DatePicker/index.tsx"],"sourcesContent":[null],"names":["today","getLocalTimeZone","useDateFormatter","useControlledState","useResolvedTestId","_jsx","TestIdProvider","_jsxs","AriaDatePicker","AriaGroup","Button","CalendarIcon","joinTestId","AriaPopover","cx","AriaDialog","_Fragment","Calendar"],"mappings":"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"}

package/dist/components/organisms/DatePicker/index.d.ts

@@ -8,6 +8,8 @@ export interface DatePickerProps extends AriaDatePickerProps<DateValue> {
     /** The function to call when the cancel button is clicked. */
     onCancel?: () => void;
     size?: ButtonProps['size'];
+    /** Overrides the root `data-testid` (defaults to `fd-date-picker`). Descendants derive their ids from this prefix. */
+    'data-testid'?: string;
 }
 /**
  * A trigger button paired with a popover calendar for selecting a single date.
@@ -15,5 +17,5 @@ export interface DatePickerProps extends AriaDatePickerProps<DateValue> {
  *
  * @summary popover calendar for selecting a single date
  */
-export declare const DatePicker: ({ value: valueProp, defaultValue, onChange, onApply, onCancel, size, ...props }: DatePickerProps) => import("react").JSX.Element;
+export declare const DatePicker: ({ value: valueProp, defaultValue, onChange, onApply, onCancel, size, "data-testid": dataTestId, ...props }: DatePickerProps) => import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/DatePicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/DatePicker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,8CAA8C,CAAC;AAKxF,OAAO,KAAK,EAAE,eAAe,IAAI,mBAAmB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAI/F,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAC5F,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAIrF,MAAM,WAAW,eAAgB,SAAQ,mBAAmB,CAAC,SAAS,CAAC;IACrE,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC5B;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,iFAAwF,eAAe,gCAgEjI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/DatePicker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,8CAA8C,CAAC;AAMxF,OAAO,KAAK,EAAE,eAAe,IAAI,mBAAmB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAI/F,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAC5F,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAIrF,MAAM,WAAW,eAAgB,SAAQ,mBAAmB,CAAC,SAAS,CAAC;IACrE,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,sHAAsH;IACtH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,4GASxB,eAAe,gCA0EjB,CAAC"}

package/dist/components/organisms/DatePicker/index.js

@@ -1,7 +1,8 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Calendar } from '@flipdish/ui-icons';
 import { Button } from '@flipdish/ui-library/components/atoms/Button';
 import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId, TestIdProvider, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 import { today, getLocalTimeZone } from '@internationalized/date';
 import { useDateFormatter } from '@react-aria/i18n';
 import { useControlledState } from '@react-stately/utils';
@@ -17,7 +18,7 @@ const highlightedDates = [today(getLocalTimeZone())];
  *
  * @summary popover calendar for selecting a single date
  */
-const DatePicker = ({ value: valueProp, defaultValue, onChange, onApply, onCancel, size = 'sm', ...props }) => {
+const DatePicker = ({ value: valueProp, defaultValue, onChange, onApply, onCancel, size = 'sm', 'data-testid': dataTestId, ...props }) => {
     const formatter = useDateFormatter({
         month: 'short',
         day: 'numeric',
@@ -25,15 +26,16 @@ const DatePicker = ({ value: valueProp, defaultValue, onChange, onApply, onCance
     });
     const [value, setValue] = useControlledState(valueProp, defaultValue || null, onChange);
     const formattedDate = value ? formatter.format(value.toDate(getLocalTimeZone())) : 'Select date';
-    return (jsxs(DatePicker$1, { "aria-label": "Date picker", shouldCloseOnSelect: false, ...props, value: value, onChange: setValue, children: [jsx(Group, { children: jsx(Button, { size: size, color: "secondary", iconLeading: Calendar, children: formattedDate }) }), jsx(Popover, { offset: 8, placement: "bottom right", className: ({ isEntering, isExiting }) => cx('origin-(--trigger-anchor-point) will-change-transform', isEntering &&
-                    'duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', isExiting &&
-                    'duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5'), children: jsx(Dialog, { "aria-label": "Date picker", className: "rounded-2xl bg-primary shadow-xl ring ring-secondary_alt", children: ({ close }) => (jsxs(Fragment, { children: [jsx("div", { className: "flex px-6 py-5", children: jsx(Calendar$1, { highlightedDates: highlightedDates }) }), jsxs("div", { className: "grid grid-cols-2 gap-3 border-t border-secondary p-4", children: [jsx(Button, { size: "md", color: "secondary", onClick: () => {
-                                            onCancel?.();
-                                            close();
-                                        }, children: "Cancel" }), jsx(Button, { size: "md", color: "primary", onClick: () => {
-                                            onApply?.();
-                                            close();
-                                        }, children: "Apply" })] })] })) }) })] }));
+    const rootTestId = useResolvedTestId({ testId: dataTestId, segment: 'date-picker', rootName: 'date-picker' });
+    return (jsx(TestIdProvider, { value: rootTestId, children: jsxs(DatePicker$1, { "aria-label": "Date picker", shouldCloseOnSelect: false, ...props, value: value, onChange: setValue, "data-testid": rootTestId, children: [jsx(Group, { children: jsx(Button, { size: size, color: "secondary", iconLeading: Calendar, "data-testid": joinTestId(rootTestId, 'trigger'), children: formattedDate }) }), jsx(Popover, { offset: 8, placement: "bottom right", className: ({ isEntering, isExiting }) => cx('origin-(--trigger-anchor-point) will-change-transform', isEntering &&
+                        'duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', isExiting &&
+                        'duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5'), children: jsx(Dialog, { "aria-label": "Date picker", "data-testid": joinTestId(rootTestId, 'popover'), className: "rounded-2xl bg-primary shadow-xl ring ring-secondary_alt", children: ({ close }) => (jsxs(Fragment, { children: [jsx("div", { className: "flex px-6 py-5", children: jsx(Calendar$1, { highlightedDates: highlightedDates }) }), jsxs("div", { className: "grid grid-cols-2 gap-3 border-t border-secondary p-4", children: [jsx(Button, { size: "md", color: "secondary", "data-testid": joinTestId(rootTestId, 'cancel'), onClick: () => {
+                                                onCancel?.();
+                                                close();
+                                            }, children: "Cancel" }), jsx(Button, { size: "md", color: "primary", "data-testid": joinTestId(rootTestId, 'apply'), onClick: () => {
+                                                onApply?.();
+                                                close();
+                                            }, children: "Apply" })] })] })) }) })] }) }));
 };
 
 export { DatePicker };

package/dist/components/organisms/DatePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/DatePicker/index.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaDatePicker","_jsx","AriaGroup","CalendarIcon","AriaPopover","AriaDialog","Calendar"],"mappings":";;;;;;;;;;;;AAeA,MAAM,gBAAgB,GAAG,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC,CAAC;AAUpD;;;;;AAKG;AACI,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,EAAmB,KAAI;IACpI,MAAM,SAAS,GAAG,gBAAgB,CAAC;AACjC,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,IAAI,EAAE,SAAS;AAChB,KAAA,CAAC;AACF,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,kBAAkB,CAAC,SAAS,EAAE,YAAY,IAAI,IAAI,EAAE,QAAQ,CAAC;IAEvF,MAAM,aAAa,GAAG,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC,CAAC,GAAG,aAAa;AAEhG,IAAA,QACEA,IAAA,CAACC,YAAc,EAAA,EAAA,YAAA,EAAY,aAAa,EAAC,mBAAmB,EAAE,KAAK,EAAA,GAAM,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAA,QAAA,EAAA,CAC9GC,GAAA,CAACC,KAAS,cACRD,GAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,WAAW,EAAC,WAAW,EAAEE,QAAY,EAAA,QAAA,EAC5D,aAAa,EAAA,CACP,GACC,EACZF,GAAA,CAACG,OAAW,EAAA,EACV,MAAM,EAAE,CAAC,EACT,SAAS,EAAC,cAAc,EACxB,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KACnC,EAAE,CACA,uDAAuD,EACvD,UAAU;AACR,oBAAA,+JAA+J,EACjK,SAAS;oBACP,6JAA6J,CAChK,EAAA,QAAA,EAGHH,GAAA,CAACI,MAAU,EAAA,EAAA,YAAA,EAAY,aAAa,EAAC,SAAS,EAAC,0DAA0D,EAAA,QAAA,EACtG,CAAC,EAAE,KAAK,EAAE,MACTN,4BACEE,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gBAAgB,EAAA,QAAA,EAC7BA,GAAA,CAACK,UAAQ,EAAA,EAAC,gBAAgB,EAAE,gBAAgB,EAAA,CAAI,EAAA,CAC5C,EACNP,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sDAAsD,EAAA,QAAA,EAAA,CACnEE,GAAA,CAAC,MAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,MAAK;4CACZ,QAAQ,IAAI;AACZ,4CAAA,KAAK,EAAE;AACT,wCAAA,CAAC,uBAGM,EACTA,GAAA,CAAC,MAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,MAAK;4CACZ,OAAO,IAAI;AACX,4CAAA,KAAK,EAAE;wCACT,CAAC,EAAA,QAAA,EAAA,OAAA,EAAA,CAGM,IACL,CAAA,EAAA,CACL,CACJ,GACU,EAAA,CACD,CAAA,EAAA,CACC;AAErB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/DatePicker/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","AriaDatePicker","AriaGroup","CalendarIcon","AriaPopover","AriaDialog","_Fragment","Calendar"],"mappings":"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"}

package/dist/components/organisms/FileUpload/index.cjs

@@ -7,6 +7,7 @@ var FeaturedIcon = require('@flipdish/ui-library/components/atoms/FeaturedIcon')
 var ProgressBar = require('@flipdish/ui-library/components/atoms/ProgressBar');
 var UtilityButton = require('@flipdish/ui-library/components/atoms/UtilityButton');
 var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 var react = require('motion/react');
 var React = require('react');
 
@@ -22,11 +23,13 @@ const getReadableFileSize = (bytes) => {
     const i = Math.floor(Math.log(bytes) / Math.log(1024));
     return `${Math.floor(bytes / 1024 ** i)} ${suffixes[i]}`;
 };
-const FileUploadDropZone = ({ className, hint, isDisabled, accept, allowsMultiple = true, maxSize, onDropFiles, onDropUnacceptedFiles, onSizeLimitExceed, }) => {
+const FileUploadDropZone = ({ className, hint, isDisabled, accept, allowsMultiple = true, maxSize, onDropFiles, onDropUnacceptedFiles, onSizeLimitExceed, 'data-testid': dataTestId, }) => {
     const id = React.useId();
     const inputRef = React.useRef(null);
     const [isInvalid, setIsInvalid] = React.useState(false);
     const [isDraggingOver, setIsDraggingOver] = React.useState(false);
+    const prefix = testIdUtils.useTestIdPrefix() ?? testIdUtils.rootTestId('file-upload');
+    const dropzoneTestId = dataTestId ?? testIdUtils.joinTestId(prefix, 'dropzone');
     const isFileTypeAccepted = (file) => {
         if (!accept)
             return true;
@@ -122,18 +125,27 @@ const FileUploadDropZone = ({ className, hint, isDisabled, accept, allowsMultipl
     };
     return (
     // biome-ignore lint/a11y/noStaticElementInteractions: This is a drag and drop zone
-    jsxRuntime.jsxs("div", { "data-dropzone": true, onDragOver: handleDragIn, onDragEnter: handleDragIn, onDragLeave: handleDragOut, onDragEnd: handleDragOut, onDrop: handleDrop, className: cx.cx('relative flex flex-col items-center gap-3 rounded-xl bg-primary px-6 py-4 text-tertiary ring-1 ring-secondary transition duration-100 ease-linear ring-inset', isDraggingOver && 'ring-2 ring-brand', isDisabled && 'cursor-not-allowed bg-secondary', className), children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { icon: uiIcons.UploadCloud02, color: "gray", theme: "modern", size: "md", className: cx.cx(isDisabled && 'opacity-50') }), jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 text-center", children: [jsxRuntime.jsxs("div", { className: "flex justify-center gap-1 text-center", children: [jsxRuntime.jsx("input", { ref: inputRef, id: id, type: "file", className: "peer sr-only", disabled: isDisabled, accept: accept, multiple: allowsMultiple, onChange: handleInputFileChange }), jsxRuntime.jsx("label", { htmlFor: id, className: "flex cursor-pointer", children: jsxRuntime.jsxs(Button.Button, { color: "link-color", size: "md", isDisabled: isDisabled, onClick: () => inputRef.current?.click(), children: ["Click to upload ", jsxRuntime.jsx("span", { className: "md:hidden", children: "and attach files" })] }) }), jsxRuntime.jsx("span", { className: "text-sm max-md:hidden", children: "or drag and drop" })] }), jsxRuntime.jsx("p", { className: cx.cx('text-xs transition duration-100 ease-linear', isInvalid && 'text-error-primary'), children: hint || 'SVG, PNG, JPG or GIF (max. 800x400px)' })] })] }));
+    jsxRuntime.jsxs("div", { "data-dropzone": true, "data-testid": dropzoneTestId, onDragOver: handleDragIn, onDragEnter: handleDragIn, onDragLeave: handleDragOut, onDragEnd: handleDragOut, onDrop: handleDrop, className: cx.cx('relative flex flex-col items-center gap-3 rounded-xl bg-primary px-6 py-4 text-tertiary ring-1 ring-secondary transition duration-100 ease-linear ring-inset', isDraggingOver && 'ring-2 ring-brand', isDisabled && 'cursor-not-allowed bg-secondary', className), children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { icon: uiIcons.UploadCloud02, color: "gray", theme: "modern", size: "md", className: cx.cx(isDisabled && 'opacity-50') }), jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 text-center", children: [jsxRuntime.jsxs("div", { className: "flex justify-center gap-1 text-center", children: [jsxRuntime.jsx("input", { ref: inputRef, id: id, type: "file", className: "peer sr-only", disabled: isDisabled, accept: accept, multiple: allowsMultiple, onChange: handleInputFileChange, "data-testid": testIdUtils.joinTestId(dropzoneTestId, 'input') }), jsxRuntime.jsx("label", { htmlFor: id, className: "flex cursor-pointer", children: jsxRuntime.jsxs(Button.Button, { color: "link-color", size: "md", isDisabled: isDisabled, onClick: () => inputRef.current?.click(), "data-testid": testIdUtils.joinTestId(dropzoneTestId, 'button'), children: ["Click to upload ", jsxRuntime.jsx("span", { className: "md:hidden", children: "and attach files" })] }) }), jsxRuntime.jsx("span", { className: "text-sm max-md:hidden", children: "or drag and drop" })] }), jsxRuntime.jsx("p", { className: cx.cx('text-xs transition duration-100 ease-linear', isInvalid && 'text-error-primary'), children: hint || 'SVG, PNG, JPG or GIF (max. 800x400px)' })] })] }));
 };
 const FileListItemProgressBar = ({ name, size, progress, failed, type, fileIconVariant, onDelete, onRetry, className }) => {
     const isComplete = progress === 100;
-    return (jsxRuntime.jsxs(react.motion.li, { layout: "position", className: cx.cx('relative flex gap-3 rounded-xl bg-primary p-4 ring-1 ring-secondary transition-shadow duration-100 ease-linear ring-inset', failed && 'ring-2 ring-error', className), children: [jsxRuntime.jsx(uiIcons.FileIcon, { className: "size-10 shrink-0 dark:hidden", type: type ?? 'empty', theme: "light", variant: fileIconVariant ?? 'default' }), jsxRuntime.jsx(uiIcons.FileIcon, { className: "size-10 shrink-0 not-dark:hidden", type: type ?? 'empty', theme: "dark", variant: fileIconVariant ?? 'default' }), jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [jsxRuntime.jsxs("div", { className: "flex w-full max-w-full min-w-0 flex-1", children: [jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [jsxRuntime.jsx("p", { className: "truncate text-sm font-medium text-secondary", children: name }), jsxRuntime.jsxs("div", { className: "mt-0.5 flex items-center gap-2", children: [jsxRuntime.jsx("p", { className: "truncate text-sm whitespace-nowrap text-tertiary", children: getReadableFileSize(size) }), jsxRuntime.jsx("hr", { className: "h-3 w-px rounded-t-full rounded-b-full border-none bg-border-primary" }), jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [isComplete && jsxRuntime.jsx(uiIcons.CheckCircle, { className: "size-4 stroke-[2.5px] text-fg-success-primary" }), isComplete && jsxRuntime.jsx("p", { className: "text-sm font-medium text-success-primary", children: "Complete" }), !isComplete && !failed && jsxRuntime.jsx(uiIcons.UploadCloud02, { className: "size-4 stroke-[2.5px] text-fg-quaternary" }), !isComplete && !failed && jsxRuntime.jsx("p", { className: "text-sm font-medium text-quaternary", children: "Uploading..." }), failed && jsxRuntime.jsx(uiIcons.XCircle, { className: "size-4 text-fg-error-primary" }), failed && jsxRuntime.jsx("p", { className: "text-sm font-medium text-error-primary", children: "Failed" })] })] })] }), jsxRuntime.jsx(UtilityButton.ButtonUtility, { color: "tertiary", tooltip: "Delete", icon: uiIcons.Trash01, size: "xs", className: "-mt-2 -mr-2 self-start", onClick: onDelete })] }), !failed && (jsxRuntime.jsx("div", { className: "mt-1 w-full", children: jsxRuntime.jsx(ProgressBar.ProgressBar, { labelPosition: "right", max: 100, min: 0, value: progress }) })), failed && (jsxRuntime.jsx(Button.Button, { color: "link-destructive", size: "sm", onClick: onRetry, className: "mt-1.5", children: "Try again" }))] })] }));
+    const prefix = testIdUtils.useTestIdPrefix() ?? testIdUtils.rootTestId('file-upload');
+    return (jsxRuntime.jsxs(react.motion.li, { layout: "position", "data-testid": testIdUtils.joinTestId(prefix, `item-${testIdUtils.slugifyTestId(name)}`), className: cx.cx('relative flex gap-3 rounded-xl bg-primary p-4 ring-1 ring-secondary transition-shadow duration-100 ease-linear ring-inset', failed && 'ring-2 ring-error', className), children: [jsxRuntime.jsx(uiIcons.FileIcon, { className: "size-10 shrink-0 dark:hidden", type: type ?? 'empty', theme: "light", variant: fileIconVariant ?? 'default' }), jsxRuntime.jsx(uiIcons.FileIcon, { className: "size-10 shrink-0 not-dark:hidden", type: type ?? 'empty', theme: "dark", variant: fileIconVariant ?? 'default' }), jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [jsxRuntime.jsxs("div", { className: "flex w-full max-w-full min-w-0 flex-1", children: [jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [jsxRuntime.jsx("p", { className: "truncate text-sm font-medium text-secondary", children: name }), jsxRuntime.jsxs("div", { className: "mt-0.5 flex items-center gap-2", children: [jsxRuntime.jsx("p", { className: "truncate text-sm whitespace-nowrap text-tertiary", children: getReadableFileSize(size) }), jsxRuntime.jsx("hr", { className: "h-3 w-px rounded-t-full rounded-b-full border-none bg-border-primary" }), jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [isComplete && jsxRuntime.jsx(uiIcons.CheckCircle, { className: "size-4 stroke-[2.5px] text-fg-success-primary" }), isComplete && jsxRuntime.jsx("p", { className: "text-sm font-medium text-success-primary", children: "Complete" }), !isComplete && !failed && jsxRuntime.jsx(uiIcons.UploadCloud02, { className: "size-4 stroke-[2.5px] text-fg-quaternary" }), !isComplete && !failed && jsxRuntime.jsx("p", { className: "text-sm font-medium text-quaternary", children: "Uploading..." }), failed && jsxRuntime.jsx(uiIcons.XCircle, { className: "size-4 text-fg-error-primary" }), failed && jsxRuntime.jsx("p", { className: "text-sm font-medium text-error-primary", children: "Failed" })] })] })] }), jsxRuntime.jsx(UtilityButton.ButtonUtility, { color: "tertiary", tooltip: "Delete", icon: uiIcons.Trash01, size: "xs", className: "-mt-2 -mr-2 self-start", onClick: onDelete })] }), !failed && (jsxRuntime.jsx("div", { className: "mt-1 w-full", children: jsxRuntime.jsx(ProgressBar.ProgressBar, { labelPosition: "right", max: 100, min: 0, value: progress }) })), failed && (jsxRuntime.jsx(Button.Button, { color: "link-destructive", size: "sm", onClick: onRetry, className: "mt-1.5", children: "Try again" }))] })] }));
 };
 const FileListItemProgressFill = ({ name, size, progress, failed, type, fileIconVariant, onDelete, onRetry, className, }) => {
     const isComplete = progress === 100;
-    return (jsxRuntime.jsxs(react.motion.li, { layout: "position", className: cx.cx('relative flex gap-3 overflow-hidden rounded-xl bg-primary p-4', className), children: [jsxRuntime.jsx("div", { style: { transform: `translateX(-${100 - progress}%)` }, className: cx.cx('absolute inset-0 size-full bg-secondary transition duration-75 ease-linear', isComplete && 'opacity-0'), role: "progressbar", "aria-valuenow": progress, "aria-valuemin": 0, "aria-valuemax": 100 }), jsxRuntime.jsx("div", { className: cx.cx('absolute inset-0 size-full rounded-[inherit] ring-1 ring-secondary transition duration-100 ease-linear ring-inset', failed && 'ring-2 ring-error') }), jsxRuntime.jsx(uiIcons.FileIcon, { className: "relative size-10 shrink-0 dark:hidden", type: type ?? 'empty', theme: "light", variant: fileIconVariant ?? 'solid' }), jsxRuntime.jsx(uiIcons.FileIcon, { className: "relative size-10 shrink-0 not-dark:hidden", type: type ?? 'empty', theme: "dark", variant: fileIconVariant ?? 'solid' }), jsxRuntime.jsxs("div", { className: "relative flex min-w-0 flex-1", children: [jsxRuntime.jsxs("div", { className: "relative flex min-w-0 flex-1 flex-col items-start", children: [jsxRuntime.jsxs("div", { className: "w-full min-w-0 flex-1", children: [jsxRuntime.jsx("p", { className: "truncate text-sm font-medium text-secondary", children: name }), jsxRuntime.jsxs("div", { className: "mt-0.5 flex items-center gap-2", children: [jsxRuntime.jsx("p", { className: "text-sm text-tertiary", children: failed ? 'Upload failed, please try again' : getReadableFileSize(size) }), !failed && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("hr", { className: "h-3 w-px rounded-t-full rounded-b-full border-none bg-border-primary" }), jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [isComplete && jsxRuntime.jsx(uiIcons.CheckCircle, { className: "size-4 stroke-[2.5px] text-fg-success-primary" }), !isComplete && jsxRuntime.jsx(uiIcons.UploadCloud02, { className: "size-4 stroke-[2.5px] text-fg-quaternary" }), jsxRuntime.jsxs("p", { className: "text-sm text-tertiary", children: [progress, "%"] })] })] }))] })] }), failed && (jsxRuntime.jsx(Button.Button, { color: "link-destructive", size: "sm", onClick: onRetry, className: "mt-1.5", children: "Try again" }))] }), jsxRuntime.jsx(UtilityButton.ButtonUtility, { color: "tertiary", tooltip: "Delete", icon: uiIcons.Trash01, size: "xs", className: "-mt-2 -mr-2 self-start", onClick: onDelete })] })] }));
+    const prefix = testIdUtils.useTestIdPrefix() ?? testIdUtils.rootTestId('file-upload');
+    return (jsxRuntime.jsxs(react.motion.li, { layout: "position", "data-testid": testIdUtils.joinTestId(prefix, `item-${testIdUtils.slugifyTestId(name)}`), className: cx.cx('relative flex gap-3 overflow-hidden rounded-xl bg-primary p-4', className), children: [jsxRuntime.jsx("div", { style: { transform: `translateX(-${100 - progress}%)` }, className: cx.cx('absolute inset-0 size-full bg-secondary transition duration-75 ease-linear', isComplete && 'opacity-0'), role: "progressbar", "aria-valuenow": progress, "aria-valuemin": 0, "aria-valuemax": 100 }), jsxRuntime.jsx("div", { className: cx.cx('absolute inset-0 size-full rounded-[inherit] ring-1 ring-secondary transition duration-100 ease-linear ring-inset', failed && 'ring-2 ring-error') }), jsxRuntime.jsx(uiIcons.FileIcon, { className: "relative size-10 shrink-0 dark:hidden", type: type ?? 'empty', theme: "light", variant: fileIconVariant ?? 'solid' }), jsxRuntime.jsx(uiIcons.FileIcon, { className: "relative size-10 shrink-0 not-dark:hidden", type: type ?? 'empty', theme: "dark", variant: fileIconVariant ?? 'solid' }), jsxRuntime.jsxs("div", { className: "relative flex min-w-0 flex-1", children: [jsxRuntime.jsxs("div", { className: "relative flex min-w-0 flex-1 flex-col items-start", children: [jsxRuntime.jsxs("div", { className: "w-full min-w-0 flex-1", children: [jsxRuntime.jsx("p", { className: "truncate text-sm font-medium text-secondary", children: name }), jsxRuntime.jsxs("div", { className: "mt-0.5 flex items-center gap-2", children: [jsxRuntime.jsx("p", { className: "text-sm text-tertiary", children: failed ? 'Upload failed, please try again' : getReadableFileSize(size) }), !failed && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("hr", { className: "h-3 w-px rounded-t-full rounded-b-full border-none bg-border-primary" }), jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [isComplete && jsxRuntime.jsx(uiIcons.CheckCircle, { className: "size-4 stroke-[2.5px] text-fg-success-primary" }), !isComplete && jsxRuntime.jsx(uiIcons.UploadCloud02, { className: "size-4 stroke-[2.5px] text-fg-quaternary" }), jsxRuntime.jsxs("p", { className: "text-sm text-tertiary", children: [progress, "%"] })] })] }))] })] }), failed && (jsxRuntime.jsx(Button.Button, { color: "link-destructive", size: "sm", onClick: onRetry, className: "mt-1.5", children: "Try again" }))] }), jsxRuntime.jsx(UtilityButton.ButtonUtility, { color: "tertiary", tooltip: "Delete", icon: uiIcons.Trash01, size: "xs", className: "-mt-2 -mr-2 self-start", onClick: onDelete })] })] }));
+};
+const FileUploadRoot = ({ 'data-testid': dataTestId, ...props }) => {
+    const resolvedTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'file-upload', rootName: 'file-upload' });
+    return (jsxRuntime.jsx(testIdUtils.TestIdProvider, { value: resolvedTestId, children: jsxRuntime.jsx("div", { ...props, "data-testid": resolvedTestId, className: cx.cx('flex flex-col gap-4', props.className), children: props.children }) }));
+};
+const FileUploadList = ({ 'data-testid': dataTestId, ...props }) => {
+    const prefix = testIdUtils.useTestIdPrefix() ?? testIdUtils.rootTestId('file-upload');
+    const listTestId = dataTestId ?? testIdUtils.joinTestId(prefix, 'list');
+    return (jsxRuntime.jsx("ul", { ...props, "data-testid": listTestId, className: cx.cx('flex flex-col gap-3', props.className), children: jsxRuntime.jsx(react.AnimatePresence, { initial: false, children: props.children }) }));
 };
-const FileUploadRoot = (props) => (jsxRuntime.jsx("div", { ...props, className: cx.cx('flex flex-col gap-4', props.className), children: props.children }));
-const FileUploadList = (props) => (jsxRuntime.jsx("ul", { ...props, className: cx.cx('flex flex-col gap-3', props.className), children: jsxRuntime.jsx(react.AnimatePresence, { initial: false, children: props.children }) }));
 const FileUpload = {
     Root: FileUploadRoot,
     List: FileUploadList,

package/dist/components/organisms/FileUpload/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/FileUpload/index.tsx"],"sourcesContent":[null],"names":["useId","useRef","useState","_jsxs","cx","_jsx","FeaturedIcon","UploadCloud02","Button","motion","FileTypeIcon","CheckCircle","XCircle","ButtonUtility","Trash01","ProgressBar","_Fragment","AnimatePresence"],"mappings":";;;;;;;;;;;;AAaA;;;;AAIG;AACI,MAAM,mBAAmB,GAAG,CAAC,KAAa,KAAI;IACnD,IAAI,KAAK,KAAK,CAAC;AAAE,QAAA,OAAO,MAAM;IAE9B,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;IAEtE,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAEtD,IAAA,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,CAAC,CAAA,CAAA,EAAI,QAAQ,CAAC,CAAC,CAAC,EAAE;AAC1D;AA2CO,MAAM,kBAAkB,GAAG,CAAC,EACjC,SAAS,EACT,IAAI,EACJ,UAAU,EACV,MAAM,EACN,cAAc,GAAG,IAAI,EACrB,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,iBAAiB,GACO,KAAI;AAC5B,IAAA,MAAM,EAAE,GAAGA,WAAK,EAAE;AAClB,IAAA,MAAM,QAAQ,GAAGC,YAAM,CAAmB,IAAI,CAAC;IAC/C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;IACjD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AAE3D,IAAA,MAAM,kBAAkB,GAAG,CAAC,IAAU,KAAa;AACjD,QAAA,IAAI,CAAC,MAAM;AAAE,YAAA,OAAO,IAAI;;QAGxB,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;AAElE,QAAA,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC,YAAY,KAAI;;AAEzC,YAAA,IAAI,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;AAChC,gBAAA,MAAM,SAAS,GAAG,CAAA,CAAA,EAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,WAAW,EAAE,EAAE;AACjE,gBAAA,OAAO,SAAS,KAAK,YAAY,CAAC,WAAW,EAAE;YACjD;;AAGA,YAAA,IAAI,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;gBAC/B,MAAM,UAAU,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBAC7C,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA,EAAG,UAAU,CAAA,CAAA,CAAG,CAAC;YAC/C;;AAGA,YAAA,OAAO,IAAI,CAAC,IAAI,KAAK,YAAY;AACnC,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC;AAED,IAAA,MAAM,YAAY,GAAG,CAAC,KAAsC,KAAI;AAC9D,QAAA,IAAI,UAAU;YAAE;QAEhB,KAAK,CAAC,cAAc,EAAE;QACtB,KAAK,CAAC,eAAe,EAAE;QACvB,iBAAiB,CAAC,IAAI,CAAC;AACzB,IAAA,CAAC;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,KAAsC,KAAI;AAC/D,QAAA,IAAI,UAAU;YAAE;QAEhB,KAAK,CAAC,cAAc,EAAE;QACtB,KAAK,CAAC,eAAe,EAAE;QACvB,iBAAiB,CAAC,KAAK,CAAC;AAC1B,IAAA,CAAC;AAED,IAAA,MAAM,YAAY,GAAG,CAAC,KAAa,KAAU;;QAE3C,YAAY,CAAC,KAAK,CAAC;QAEnB,MAAM,aAAa,GAAW,EAAE;QAChC,MAAM,eAAe,GAAW,EAAE;QAClC,MAAM,cAAc,GAAW,EAAE;;AAGjC,QAAA,MAAM,cAAc,GAAG,cAAc,GAAG,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;AAEjE,QAAA,cAAc,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;;YAE9B,IAAI,OAAO,IAAI,IAAI,CAAC,IAAI,GAAG,OAAO,EAAE;AAClC,gBAAA,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;gBACzB;YACF;;AAGA,YAAA,IAAI,kBAAkB,CAAC,IAAI,CAAC,EAAE;AAC5B,gBAAA,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;YAC1B;iBAAO;AACL,gBAAA,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;YAC5B;AACF,QAAA,CAAC,CAAC;;QAGF,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,iBAAiB,KAAK,UAAU,EAAE;AACxE,YAAA,MAAM,YAAY,GAAG,IAAI,YAAY,EAAE;;AAEvC,YAAA,cAAc,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAE9D,YAAY,CAAC,IAAI,CAAC;AAClB,YAAA,iBAAiB,CAAC,YAAY,CAAC,KAAK,CAAC;QACvC;;QAGA,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,WAAW,KAAK,UAAU,EAAE;AACjE,YAAA,MAAM,YAAY,GAAG,IAAI,YAAY,EAAE;;AAEvC,YAAA,aAAa,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAC7D,YAAA,WAAW,CAAC,YAAY,CAAC,KAAK,CAAC;QACjC;;QAGA,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,qBAAqB,KAAK,UAAU,EAAE;AAC7E,YAAA,MAAM,sBAAsB,GAAG,IAAI,YAAY,EAAE;;AAEjD,YAAA,eAAe,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK,sBAAsB,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAEzE,YAAY,CAAC,IAAI,CAAC;AAClB,YAAA,qBAAqB,CAAC,sBAAsB,CAAC,KAAK,CAAC;QACrD;;AAGA,QAAA,IAAI,QAAQ,CAAC,OAAO,EAAE;AACpB,YAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE;QAC7B;AACF,IAAA,CAAC;AAED,IAAA,MAAM,UAAU,GAAG,CAAC,KAAsC,KAAI;AAC5D,QAAA,IAAI,UAAU;YAAE;QAEhB,aAAa,CAAC,KAAK,CAAC;AACpB,QAAA,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;AACpD,IAAA,CAAC;AAED,IAAA,MAAM,qBAAqB,GAAG,CAAC,KAA0C,KAAI;AAC3E,QAAA,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;AACpD,IAAA,CAAC;IAED;;AAEE,IAAAC,eAAA,CAAA,KAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAEE,UAAU,EAAE,YAAY,EACxB,WAAW,EAAE,YAAY,EACzB,WAAW,EAAE,aAAa,EAC1B,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAEC,KAAE,CACX,8JAA8J,EAC9J,cAAc,IAAI,mBAAmB,EACrC,UAAU,IAAI,iCAAiC,EAC/C,SAAS,CACV,EAAA,QAAA,EAAA,CAEDC,cAAA,CAACC,yBAAY,EAAA,EAAC,IAAI,EAAEC,qBAAa,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAEH,KAAE,CAAC,UAAU,IAAI,YAAY,CAAC,GAAI,EAEtHD,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iCAAiC,EAAA,QAAA,EAAA,CAC9CA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uCAAuC,aACpDE,cAAA,CAAA,OAAA,EAAA,EACE,GAAG,EAAE,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,cAAc,EACxB,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,cAAc,EACxB,QAAQ,EAAE,qBAAqB,EAAA,CAC/B,EACFA,0BAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAC,qBAAqB,YACjDF,eAAA,CAACK,aAAM,IAAC,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,EAAA,QAAA,EAAA,CAAA,kBAAA,EACnFH,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,WAAW,iCAAwB,CAAA,EAAA,CAC5D,EAAA,CACH,EACRA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,kBAAA,EAAA,CAAwB,CAAA,EAAA,CAC3D,EACNA,sBAAG,SAAS,EAAED,KAAE,CAAC,6CAA6C,EAAE,SAAS,IAAI,oBAAoB,CAAC,EAAA,QAAA,EAC/F,IAAI,IAAI,uCAAuC,GAC9C,CAAA,EAAA,CACA,CAAA,EAAA,CACF;AAEV;AAuBO,MAAM,uBAAuB,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAqB,KAAI;AAClJ,IAAA,MAAM,UAAU,GAAG,QAAQ,KAAK,GAAG;AAEnC,IAAA,QACED,eAAA,CAACM,YAAM,CAAC,EAAE,EAAA,EACR,MAAM,EAAC,UAAU,EACjB,SAAS,EAAEL,KAAE,CACX,2HAA2H,EAC3H,MAAM,IAAI,mBAAmB,EAC7B,SAAS,CACV,EAAA,QAAA,EAAA,CAEDC,cAAA,CAACK,gBAAY,EAAA,EAAC,SAAS,EAAC,8BAA8B,EAAC,IAAI,EAAE,IAAI,IAAI,OAAO,EAAE,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,eAAe,IAAI,SAAS,EAAA,CAAI,EACrIL,cAAA,CAACK,gBAAY,EAAA,EAAC,SAAS,EAAC,kCAAkC,EAAC,IAAI,EAAE,IAAI,IAAI,OAAO,EAAE,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,eAAe,IAAI,SAAS,EAAA,CAAI,EAExIP,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,0CAA0C,EAAA,QAAA,EAAA,CACvDA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uCAAuC,EAAA,QAAA,EAAA,CACpDA,yBAAK,SAAS,EAAC,gBAAgB,EAAA,QAAA,EAAA,CAC7BE,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,6CAA6C,EAAA,QAAA,EAAE,IAAI,EAAA,CAAK,EAErEF,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gCAAgC,aAC7CE,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,kDAAkD,EAAA,QAAA,EAAE,mBAAmB,CAAC,IAAI,CAAC,EAAA,CAAK,EAE/FA,cAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,sEAAsE,EAAA,CAAG,EAEvFF,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACrC,UAAU,IAAIE,cAAA,CAACM,mBAAW,EAAA,EAAC,SAAS,EAAC,+CAA+C,EAAA,CAAG,EACvF,UAAU,IAAIN,sBAAG,SAAS,EAAC,0CAA0C,EAAA,QAAA,EAAA,UAAA,EAAA,CAAa,EAElF,CAAC,UAAU,IAAI,CAAC,MAAM,IAAIA,cAAA,CAACE,qBAAa,EAAA,EAAC,SAAS,EAAC,0CAA0C,EAAA,CAAG,EAChG,CAAC,UAAU,IAAI,CAAC,MAAM,IAAIF,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,qCAAqC,EAAA,QAAA,EAAA,cAAA,EAAA,CAAiB,EAE7F,MAAM,IAAIA,eAACO,eAAO,EAAA,EAAC,SAAS,EAAC,8BAA8B,EAAA,CAAG,EAC9D,MAAM,IAAIP,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,wCAAwC,EAAA,QAAA,EAAA,QAAA,EAAA,CAAW,CAAA,EAAA,CACvE,CAAA,EAAA,CACF,IACF,EAENA,cAAA,CAACQ,2BAAa,EAAA,EAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAEC,eAAO,EAAE,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,QAAQ,EAAA,CAAI,CAAA,EAAA,CAC9H,EAEL,CAAC,MAAM,KACNT,wBAAK,SAAS,EAAC,aAAa,EAAA,QAAA,EAC1BA,cAAA,CAACU,uBAAW,EAAA,EAAC,aAAa,EAAC,OAAO,EAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAA,CAAI,EAAA,CACpE,CACP,EAEA,MAAM,KACLV,cAAA,CAACG,aAAM,EAAA,EAAC,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,QAAQ,EAAA,QAAA,EAAA,WAAA,EAAA,CAEtE,CACV,CAAA,EAAA,CACG,CAAA,EAAA,CACI;AAEhB;AAEO,MAAM,wBAAwB,GAAG,CAAC,EACvC,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,eAAe,EACf,QAAQ,EACR,OAAO,EACP,SAAS,GACS,KAAI;AACtB,IAAA,MAAM,UAAU,GAAG,QAAQ,KAAK,GAAG;AAEnC,IAAA,QACEL,eAAA,CAACM,YAAM,CAAC,EAAE,EAAA,EAAC,MAAM,EAAC,UAAU,EAAC,SAAS,EAAEL,KAAE,CAAC,+DAA+D,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAEpHC,cAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,EAAE,SAAS,EAAE,CAAA,YAAA,EAAe,GAAG,GAAG,QAAQ,CAAA,EAAA,CAAI,EAAE,EACvD,SAAS,EAAED,KAAE,CAAC,4EAA4E,EAAE,UAAU,IAAI,WAAW,CAAC,EACtH,IAAI,EAAC,aAAa,EAAA,eAAA,EACH,QAAQ,EAAA,eAAA,EACR,CAAC,EAAA,eAAA,EACD,GAAG,EAAA,CAClB,EAEFC,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAED,KAAE,CACX,mHAAmH,EACnH,MAAM,IAAI,mBAAmB,CAC9B,EAAA,CACD,EACFC,cAAA,CAACK,gBAAY,EAAA,EAAC,SAAS,EAAC,uCAAuC,EAAC,IAAI,EAAE,IAAI,IAAI,OAAO,EAAE,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,eAAe,IAAI,OAAO,EAAA,CAAI,EAC5IL,cAAA,CAACK,gBAAY,EAAA,EAAC,SAAS,EAAC,2CAA2C,EAAC,IAAI,EAAE,IAAI,IAAI,OAAO,EAAE,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,eAAe,IAAI,OAAO,GAAI,EAE/IP,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8BAA8B,EAAA,QAAA,EAAA,CAC3CA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mDAAmD,EAAA,QAAA,EAAA,CAChEA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CACpCE,sBAAG,SAAS,EAAC,6CAA6C,EAAA,QAAA,EAAE,IAAI,EAAA,CAAK,EAErEF,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gCAAgC,EAAA,QAAA,EAAA,CAC7CE,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,uBAAuB,YAAE,MAAM,GAAG,iCAAiC,GAAG,mBAAmB,CAAC,IAAI,CAAC,EAAA,CAAK,EAEhH,CAAC,MAAM,KACNF,eAAA,CAAAa,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEX,cAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,sEAAsE,EAAA,CAAG,EACvFF,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACrC,UAAU,IAAIE,cAAA,CAACM,mBAAW,EAAA,EAAC,SAAS,EAAC,+CAA+C,EAAA,CAAG,EACvF,CAAC,UAAU,IAAIN,cAAA,CAACE,qBAAa,EAAA,EAAC,SAAS,EAAC,0CAA0C,EAAA,CAAG,EAEtFJ,eAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CAAE,QAAQ,EAAA,GAAA,CAAA,EAAA,CAAM,CAAA,EAAA,CAChD,CAAA,EAAA,CACL,CACJ,CAAA,EAAA,CACG,CAAA,EAAA,CACF,EAEL,MAAM,KACLE,eAACG,aAAM,EAAA,EAAC,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,QAAQ,EAAA,QAAA,EAAA,WAAA,EAAA,CAEtE,CACV,CAAA,EAAA,CACG,EAENH,cAAA,CAACQ,2BAAa,EAAA,EAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAEC,eAAO,EAAE,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,QAAQ,EAAA,CAAI,CAAA,EAAA,CAC9H,CAAA,EAAA,CACI;AAEhB;AAEA,MAAM,cAAc,GAAG,CAAC,KAAmC,MACzDT,cAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAED,KAAE,CAAC,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAClE,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAED,MAAM,cAAc,GAAG,CAAC,KAAkC,MACxDC,cAAA,CAAA,IAAA,EAAA,EAAA,GAAQ,KAAK,EAAE,SAAS,EAAED,KAAE,CAAC,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAClEC,cAAA,CAACY,qBAAe,IAAC,OAAO,EAAE,KAAK,EAAA,QAAA,EAAG,KAAK,CAAC,QAAQ,EAAA,CAAmB,EAAA,CAChE,CACN;AAEM,MAAM,UAAU,GAAG;AACxB,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,QAAQ,EAAE,kBAAkB;AAC5B,IAAA,mBAAmB,EAAE,uBAAuB;AAC5C,IAAA,oBAAoB,EAAE,wBAAwB;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/FileUpload/index.tsx"],"sourcesContent":[null],"names":["useId","useRef","useState","useTestIdPrefix","rootTestId","joinTestId","_jsxs","cx","_jsx","FeaturedIcon","UploadCloud02","Button","motion","slugifyTestId","FileTypeIcon","CheckCircle","XCircle","ButtonUtility","Trash01","ProgressBar","_Fragment","useResolvedTestId","TestIdProvider","AnimatePresence"],"mappings":"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"}

package/dist/components/organisms/FileUpload/index.d.ts

@@ -46,8 +46,13 @@ interface FileUploadDropZoneProps {
      * the size limit when files are dropped on the drop zone.
      */
     onSizeLimitExceed?: (files: FileList) => void;
+    /**
+     * Overrides the derived `data-testid` for the drop zone (defaults to
+     * `fd-file-upload--dropzone`, or `<root>--dropzone` when nested inside `FileUpload.Root`).
+     */
+    'data-testid'?: string;
 }
-export declare const FileUploadDropZone: ({ className, hint, isDisabled, accept, allowsMultiple, maxSize, onDropFiles, onDropUnacceptedFiles, onSizeLimitExceed, }: FileUploadDropZoneProps) => import("react").JSX.Element;
+export declare const FileUploadDropZone: ({ className, hint, isDisabled, accept, allowsMultiple, maxSize, onDropFiles, onDropUnacceptedFiles, onSizeLimitExceed, "data-testid": dataTestId, }: FileUploadDropZoneProps) => import("react").JSX.Element;
 export interface FileListItemProps {
     /** The name of the file. */
     name: string;
@@ -71,9 +76,13 @@ export interface FileListItemProps {
 export declare const FileListItemProgressBar: ({ name, size, progress, failed, type, fileIconVariant, onDelete, onRetry, className }: FileListItemProps) => import("react").JSX.Element;
 export declare const FileListItemProgressFill: ({ name, size, progress, failed, type, fileIconVariant, onDelete, onRetry, className, }: FileListItemProps) => import("react").JSX.Element;
 export declare const FileUpload: {
-    Root: (props: ComponentPropsWithRef<"div">) => import("react").JSX.Element;
-    List: (props: ComponentPropsWithRef<"ul">) => import("react").JSX.Element;
-    DropZone: ({ className, hint, isDisabled, accept, allowsMultiple, maxSize, onDropFiles, onDropUnacceptedFiles, onSizeLimitExceed, }: FileUploadDropZoneProps) => import("react").JSX.Element;
+    Root: ({ "data-testid": dataTestId, ...props }: ComponentPropsWithRef<"div"> & {
+        "data-testid"?: string;
+    }) => import("react").JSX.Element;
+    List: ({ "data-testid": dataTestId, ...props }: ComponentPropsWithRef<"ul"> & {
+        "data-testid"?: string;
+    }) => import("react").JSX.Element;
+    DropZone: ({ className, hint, isDisabled, accept, allowsMultiple, maxSize, onDropFiles, onDropUnacceptedFiles, onSizeLimitExceed, "data-testid": dataTestId, }: FileUploadDropZoneProps) => import("react").JSX.Element;
     ListItemProgressBar: ({ name, size, progress, failed, type, fileIconVariant, onDelete, onRetry, className }: FileListItemProps) => import("react").JSX.Element;
     ListItemProgressFill: ({ name, size, progress, failed, type, fileIconVariant, onDelete, onRetry, className, }: FileListItemProps) => import("react").JSX.Element;
 };

package/dist/components/organisms/FileUpload/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/FileUpload/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAe,QAAQ,IAAI,YAAY,EAAmC,MAAM,oBAAoB,CAAC;AAO5G,OAAO,KAAK,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAGnE;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,OAAO,MAAM,WAQhD,CAAC;AAEF,UAAU,uBAAuB;IAC/B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IAClD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC/C;AAED,eAAO,MAAM,kBAAkB,GAAI,0HAUhC,uBAAuB,gCAgKzB,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,uCAAuC;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/C,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,eAAe,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IACjE,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,uBAAuB,GAAI,uFAAuF,iBAAiB,gCAuD/I,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,wFAUtC,iBAAiB,gCAyDnB,CAAC;AAcF,eAAO,MAAM,UAAU;kBAZQ,qBAAqB,CAAC,KAAK,CAAC;kBAM5B,qBAAqB,CAAC,IAAI,CAAC;yIA3TvD,uBAAuB;iHAuLqG,iBAAiB;mHAmE7I,iBAAiB;CA6EnB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/FileUpload/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAe,QAAQ,IAAI,YAAY,EAAmC,MAAM,oBAAoB,CAAC;AAe5G,OAAO,KAAK,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAGnE;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,OAAO,MAAM,WAQhD,CAAC;AAEF,UAAU,uBAAuB;IAC/B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IAClD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC9C;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,GAAI,qJAWhC,uBAAuB,gCA0KzB,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,uCAAuC;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/C,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,eAAe,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IACjE,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,uBAAuB,GAAI,uFAAuF,iBAAiB,gCAyD/I,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,wFAUtC,iBAAiB,gCA8DnB,CAAC;AAyBF,eAAO,MAAM,UAAU;oDAvB0C,qBAAqB,CAAC,KAAK,CAAC,GAAG;QAAE,aAAa,CAAC,EAAE,MAAM,CAAA;KAAE;oDAYzD,qBAAqB,CAAC,IAAI,CAAC,GAAG;QAAE,aAAa,CAAC,EAAE,MAAM,CAAA;KAAE;oKAlVtH,uBAAuB;iHAiMqG,iBAAiB;mHAqE7I,iBAAiB;CA6FnB,CAAC"}

package/dist/components/organisms/FileUpload/index.js

@@ -5,6 +5,7 @@ import { FeaturedIcon } from '@flipdish/ui-library/components/atoms/FeaturedIcon
 import { ProgressBar } from '@flipdish/ui-library/components/atoms/ProgressBar';
 import { ButtonUtility } from '@flipdish/ui-library/components/atoms/UtilityButton';
 import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useTestIdPrefix, rootTestId, joinTestId, slugifyTestId, useResolvedTestId, TestIdProvider } from '@flipdish/ui-library/utilities/testIdUtils';
 import { motion, AnimatePresence } from 'motion/react';
 import { useId, useRef, useState } from 'react';
 
@@ -20,11 +21,13 @@ const getReadableFileSize = (bytes) => {
     const i = Math.floor(Math.log(bytes) / Math.log(1024));
     return `${Math.floor(bytes / 1024 ** i)} ${suffixes[i]}`;
 };
-const FileUploadDropZone = ({ className, hint, isDisabled, accept, allowsMultiple = true, maxSize, onDropFiles, onDropUnacceptedFiles, onSizeLimitExceed, }) => {
+const FileUploadDropZone = ({ className, hint, isDisabled, accept, allowsMultiple = true, maxSize, onDropFiles, onDropUnacceptedFiles, onSizeLimitExceed, 'data-testid': dataTestId, }) => {
     const id = useId();
     const inputRef = useRef(null);
     const [isInvalid, setIsInvalid] = useState(false);
     const [isDraggingOver, setIsDraggingOver] = useState(false);
+    const prefix = useTestIdPrefix() ?? rootTestId('file-upload');
+    const dropzoneTestId = dataTestId ?? joinTestId(prefix, 'dropzone');
     const isFileTypeAccepted = (file) => {
         if (!accept)
             return true;
@@ -120,18 +123,27 @@ const FileUploadDropZone = ({ className, hint, isDisabled, accept, allowsMultipl
     };
     return (
     // biome-ignore lint/a11y/noStaticElementInteractions: This is a drag and drop zone
-    jsxs("div", { "data-dropzone": true, onDragOver: handleDragIn, onDragEnter: handleDragIn, onDragLeave: handleDragOut, onDragEnd: handleDragOut, onDrop: handleDrop, className: cx('relative flex flex-col items-center gap-3 rounded-xl bg-primary px-6 py-4 text-tertiary ring-1 ring-secondary transition duration-100 ease-linear ring-inset', isDraggingOver && 'ring-2 ring-brand', isDisabled && 'cursor-not-allowed bg-secondary', className), children: [jsx(FeaturedIcon, { icon: UploadCloud02, color: "gray", theme: "modern", size: "md", className: cx(isDisabled && 'opacity-50') }), jsxs("div", { className: "flex flex-col gap-1 text-center", children: [jsxs("div", { className: "flex justify-center gap-1 text-center", children: [jsx("input", { ref: inputRef, id: id, type: "file", className: "peer sr-only", disabled: isDisabled, accept: accept, multiple: allowsMultiple, onChange: handleInputFileChange }), jsx("label", { htmlFor: id, className: "flex cursor-pointer", children: jsxs(Button, { color: "link-color", size: "md", isDisabled: isDisabled, onClick: () => inputRef.current?.click(), children: ["Click to upload ", jsx("span", { className: "md:hidden", children: "and attach files" })] }) }), jsx("span", { className: "text-sm max-md:hidden", children: "or drag and drop" })] }), jsx("p", { className: cx('text-xs transition duration-100 ease-linear', isInvalid && 'text-error-primary'), children: hint || 'SVG, PNG, JPG or GIF (max. 800x400px)' })] })] }));
+    jsxs("div", { "data-dropzone": true, "data-testid": dropzoneTestId, onDragOver: handleDragIn, onDragEnter: handleDragIn, onDragLeave: handleDragOut, onDragEnd: handleDragOut, onDrop: handleDrop, className: cx('relative flex flex-col items-center gap-3 rounded-xl bg-primary px-6 py-4 text-tertiary ring-1 ring-secondary transition duration-100 ease-linear ring-inset', isDraggingOver && 'ring-2 ring-brand', isDisabled && 'cursor-not-allowed bg-secondary', className), children: [jsx(FeaturedIcon, { icon: UploadCloud02, color: "gray", theme: "modern", size: "md", className: cx(isDisabled && 'opacity-50') }), jsxs("div", { className: "flex flex-col gap-1 text-center", children: [jsxs("div", { className: "flex justify-center gap-1 text-center", children: [jsx("input", { ref: inputRef, id: id, type: "file", className: "peer sr-only", disabled: isDisabled, accept: accept, multiple: allowsMultiple, onChange: handleInputFileChange, "data-testid": joinTestId(dropzoneTestId, 'input') }), jsx("label", { htmlFor: id, className: "flex cursor-pointer", children: jsxs(Button, { color: "link-color", size: "md", isDisabled: isDisabled, onClick: () => inputRef.current?.click(), "data-testid": joinTestId(dropzoneTestId, 'button'), children: ["Click to upload ", jsx("span", { className: "md:hidden", children: "and attach files" })] }) }), jsx("span", { className: "text-sm max-md:hidden", children: "or drag and drop" })] }), jsx("p", { className: cx('text-xs transition duration-100 ease-linear', isInvalid && 'text-error-primary'), children: hint || 'SVG, PNG, JPG or GIF (max. 800x400px)' })] })] }));
 };
 const FileListItemProgressBar = ({ name, size, progress, failed, type, fileIconVariant, onDelete, onRetry, className }) => {
     const isComplete = progress === 100;
-    return (jsxs(motion.li, { layout: "position", className: cx('relative flex gap-3 rounded-xl bg-primary p-4 ring-1 ring-secondary transition-shadow duration-100 ease-linear ring-inset', failed && 'ring-2 ring-error', className), children: [jsx(FileIcon, { className: "size-10 shrink-0 dark:hidden", type: type ?? 'empty', theme: "light", variant: fileIconVariant ?? 'default' }), jsx(FileIcon, { className: "size-10 shrink-0 not-dark:hidden", type: type ?? 'empty', theme: "dark", variant: fileIconVariant ?? 'default' }), jsxs("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [jsxs("div", { className: "flex w-full max-w-full min-w-0 flex-1", children: [jsxs("div", { className: "min-w-0 flex-1", children: [jsx("p", { className: "truncate text-sm font-medium text-secondary", children: name }), jsxs("div", { className: "mt-0.5 flex items-center gap-2", children: [jsx("p", { className: "truncate text-sm whitespace-nowrap text-tertiary", children: getReadableFileSize(size) }), jsx("hr", { className: "h-3 w-px rounded-t-full rounded-b-full border-none bg-border-primary" }), jsxs("div", { className: "flex items-center gap-1", children: [isComplete && jsx(CheckCircle, { className: "size-4 stroke-[2.5px] text-fg-success-primary" }), isComplete && jsx("p", { className: "text-sm font-medium text-success-primary", children: "Complete" }), !isComplete && !failed && jsx(UploadCloud02, { className: "size-4 stroke-[2.5px] text-fg-quaternary" }), !isComplete && !failed && jsx("p", { className: "text-sm font-medium text-quaternary", children: "Uploading..." }), failed && jsx(XCircle, { className: "size-4 text-fg-error-primary" }), failed && jsx("p", { className: "text-sm font-medium text-error-primary", children: "Failed" })] })] })] }), jsx(ButtonUtility, { color: "tertiary", tooltip: "Delete", icon: Trash01, size: "xs", className: "-mt-2 -mr-2 self-start", onClick: onDelete })] }), !failed && (jsx("div", { className: "mt-1 w-full", children: jsx(ProgressBar, { labelPosition: "right", max: 100, min: 0, value: progress }) })), failed && (jsx(Button, { color: "link-destructive", size: "sm", onClick: onRetry, className: "mt-1.5", children: "Try again" }))] })] }));
+    const prefix = useTestIdPrefix() ?? rootTestId('file-upload');
+    return (jsxs(motion.li, { layout: "position", "data-testid": joinTestId(prefix, `item-${slugifyTestId(name)}`), className: cx('relative flex gap-3 rounded-xl bg-primary p-4 ring-1 ring-secondary transition-shadow duration-100 ease-linear ring-inset', failed && 'ring-2 ring-error', className), children: [jsx(FileIcon, { className: "size-10 shrink-0 dark:hidden", type: type ?? 'empty', theme: "light", variant: fileIconVariant ?? 'default' }), jsx(FileIcon, { className: "size-10 shrink-0 not-dark:hidden", type: type ?? 'empty', theme: "dark", variant: fileIconVariant ?? 'default' }), jsxs("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [jsxs("div", { className: "flex w-full max-w-full min-w-0 flex-1", children: [jsxs("div", { className: "min-w-0 flex-1", children: [jsx("p", { className: "truncate text-sm font-medium text-secondary", children: name }), jsxs("div", { className: "mt-0.5 flex items-center gap-2", children: [jsx("p", { className: "truncate text-sm whitespace-nowrap text-tertiary", children: getReadableFileSize(size) }), jsx("hr", { className: "h-3 w-px rounded-t-full rounded-b-full border-none bg-border-primary" }), jsxs("div", { className: "flex items-center gap-1", children: [isComplete && jsx(CheckCircle, { className: "size-4 stroke-[2.5px] text-fg-success-primary" }), isComplete && jsx("p", { className: "text-sm font-medium text-success-primary", children: "Complete" }), !isComplete && !failed && jsx(UploadCloud02, { className: "size-4 stroke-[2.5px] text-fg-quaternary" }), !isComplete && !failed && jsx("p", { className: "text-sm font-medium text-quaternary", children: "Uploading..." }), failed && jsx(XCircle, { className: "size-4 text-fg-error-primary" }), failed && jsx("p", { className: "text-sm font-medium text-error-primary", children: "Failed" })] })] })] }), jsx(ButtonUtility, { color: "tertiary", tooltip: "Delete", icon: Trash01, size: "xs", className: "-mt-2 -mr-2 self-start", onClick: onDelete })] }), !failed && (jsx("div", { className: "mt-1 w-full", children: jsx(ProgressBar, { labelPosition: "right", max: 100, min: 0, value: progress }) })), failed && (jsx(Button, { color: "link-destructive", size: "sm", onClick: onRetry, className: "mt-1.5", children: "Try again" }))] })] }));
 };
 const FileListItemProgressFill = ({ name, size, progress, failed, type, fileIconVariant, onDelete, onRetry, className, }) => {
     const isComplete = progress === 100;
-    return (jsxs(motion.li, { layout: "position", className: cx('relative flex gap-3 overflow-hidden rounded-xl bg-primary p-4', className), children: [jsx("div", { style: { transform: `translateX(-${100 - progress}%)` }, className: cx('absolute inset-0 size-full bg-secondary transition duration-75 ease-linear', isComplete && 'opacity-0'), role: "progressbar", "aria-valuenow": progress, "aria-valuemin": 0, "aria-valuemax": 100 }), jsx("div", { className: cx('absolute inset-0 size-full rounded-[inherit] ring-1 ring-secondary transition duration-100 ease-linear ring-inset', failed && 'ring-2 ring-error') }), jsx(FileIcon, { className: "relative size-10 shrink-0 dark:hidden", type: type ?? 'empty', theme: "light", variant: fileIconVariant ?? 'solid' }), jsx(FileIcon, { className: "relative size-10 shrink-0 not-dark:hidden", type: type ?? 'empty', theme: "dark", variant: fileIconVariant ?? 'solid' }), jsxs("div", { className: "relative flex min-w-0 flex-1", children: [jsxs("div", { className: "relative flex min-w-0 flex-1 flex-col items-start", children: [jsxs("div", { className: "w-full min-w-0 flex-1", children: [jsx("p", { className: "truncate text-sm font-medium text-secondary", children: name }), jsxs("div", { className: "mt-0.5 flex items-center gap-2", children: [jsx("p", { className: "text-sm text-tertiary", children: failed ? 'Upload failed, please try again' : getReadableFileSize(size) }), !failed && (jsxs(Fragment, { children: [jsx("hr", { className: "h-3 w-px rounded-t-full rounded-b-full border-none bg-border-primary" }), jsxs("div", { className: "flex items-center gap-1", children: [isComplete && jsx(CheckCircle, { className: "size-4 stroke-[2.5px] text-fg-success-primary" }), !isComplete && jsx(UploadCloud02, { className: "size-4 stroke-[2.5px] text-fg-quaternary" }), jsxs("p", { className: "text-sm text-tertiary", children: [progress, "%"] })] })] }))] })] }), failed && (jsx(Button, { color: "link-destructive", size: "sm", onClick: onRetry, className: "mt-1.5", children: "Try again" }))] }), jsx(ButtonUtility, { color: "tertiary", tooltip: "Delete", icon: Trash01, size: "xs", className: "-mt-2 -mr-2 self-start", onClick: onDelete })] })] }));
+    const prefix = useTestIdPrefix() ?? rootTestId('file-upload');
+    return (jsxs(motion.li, { layout: "position", "data-testid": joinTestId(prefix, `item-${slugifyTestId(name)}`), className: cx('relative flex gap-3 overflow-hidden rounded-xl bg-primary p-4', className), children: [jsx("div", { style: { transform: `translateX(-${100 - progress}%)` }, className: cx('absolute inset-0 size-full bg-secondary transition duration-75 ease-linear', isComplete && 'opacity-0'), role: "progressbar", "aria-valuenow": progress, "aria-valuemin": 0, "aria-valuemax": 100 }), jsx("div", { className: cx('absolute inset-0 size-full rounded-[inherit] ring-1 ring-secondary transition duration-100 ease-linear ring-inset', failed && 'ring-2 ring-error') }), jsx(FileIcon, { className: "relative size-10 shrink-0 dark:hidden", type: type ?? 'empty', theme: "light", variant: fileIconVariant ?? 'solid' }), jsx(FileIcon, { className: "relative size-10 shrink-0 not-dark:hidden", type: type ?? 'empty', theme: "dark", variant: fileIconVariant ?? 'solid' }), jsxs("div", { className: "relative flex min-w-0 flex-1", children: [jsxs("div", { className: "relative flex min-w-0 flex-1 flex-col items-start", children: [jsxs("div", { className: "w-full min-w-0 flex-1", children: [jsx("p", { className: "truncate text-sm font-medium text-secondary", children: name }), jsxs("div", { className: "mt-0.5 flex items-center gap-2", children: [jsx("p", { className: "text-sm text-tertiary", children: failed ? 'Upload failed, please try again' : getReadableFileSize(size) }), !failed && (jsxs(Fragment, { children: [jsx("hr", { className: "h-3 w-px rounded-t-full rounded-b-full border-none bg-border-primary" }), jsxs("div", { className: "flex items-center gap-1", children: [isComplete && jsx(CheckCircle, { className: "size-4 stroke-[2.5px] text-fg-success-primary" }), !isComplete && jsx(UploadCloud02, { className: "size-4 stroke-[2.5px] text-fg-quaternary" }), jsxs("p", { className: "text-sm text-tertiary", children: [progress, "%"] })] })] }))] })] }), failed && (jsx(Button, { color: "link-destructive", size: "sm", onClick: onRetry, className: "mt-1.5", children: "Try again" }))] }), jsx(ButtonUtility, { color: "tertiary", tooltip: "Delete", icon: Trash01, size: "xs", className: "-mt-2 -mr-2 self-start", onClick: onDelete })] })] }));
+};
+const FileUploadRoot = ({ 'data-testid': dataTestId, ...props }) => {
+    const resolvedTestId = useResolvedTestId({ testId: dataTestId, segment: 'file-upload', rootName: 'file-upload' });
+    return (jsx(TestIdProvider, { value: resolvedTestId, children: jsx("div", { ...props, "data-testid": resolvedTestId, className: cx('flex flex-col gap-4', props.className), children: props.children }) }));
+};
+const FileUploadList = ({ 'data-testid': dataTestId, ...props }) => {
+    const prefix = useTestIdPrefix() ?? rootTestId('file-upload');
+    const listTestId = dataTestId ?? joinTestId(prefix, 'list');
+    return (jsx("ul", { ...props, "data-testid": listTestId, className: cx('flex flex-col gap-3', props.className), children: jsx(AnimatePresence, { initial: false, children: props.children }) }));
 };
-const FileUploadRoot = (props) => (jsx("div", { ...props, className: cx('flex flex-col gap-4', props.className), children: props.children }));
-const FileUploadList = (props) => (jsx("ul", { ...props, className: cx('flex flex-col gap-3', props.className), children: jsx(AnimatePresence, { initial: false, children: props.children }) }));
 const FileUpload = {
     Root: FileUploadRoot,
     List: FileUploadList,