@ceed/ads 1.8.5 → 1.8.6

package/dist/index.cjs

@@ -282,7 +282,7 @@ function Accordions(props) {
   return /* @__PURE__ */ import_react.default.createElement(MotionAccordions, { variant, color, ...innerProps }, items.map((item, index) => /* @__PURE__ */ import_react.default.createElement(
     Accordion,
     {
-      key: index,
+      key: `accordion-${index}`,
       summary: item.summary,
       details: item.details,
       index,
@@ -821,13 +821,13 @@ function Breadcrumbs(props) {
         slotProps: restSlotProps,
         ...innerProps
       },
-      crumbs.map((crumb) => /* @__PURE__ */ import_react9.default.createElement(Crumb, { ...crumb }))
+      crumbs.map((crumb, index) => /* @__PURE__ */ import_react9.default.createElement(Crumb, { key: `breadcrumb-${index}`, ...crumb }))
     );
   }
   const _endCrumbCount = Math.max(1, endCrumbCount);
-  const frontCrumbs = crumbs.slice(0, startCrumbCount).map((crumb) => /* @__PURE__ */ import_react9.default.createElement(Crumb, { ...crumb }));
-  const backCrumbs = (startCrumbCount + _endCrumbCount > crumbs.length ? crumbs.slice(startCrumbCount) : crumbs.slice(-_endCrumbCount)).map((crumb) => /* @__PURE__ */ import_react9.default.createElement(Crumb, { ...crumb }));
-  const collapsedCrumbs = crumbs.slice(startCrumbCount, -_endCrumbCount).map((crumb) => /* @__PURE__ */ import_react9.default.createElement(MenuItem, null, /* @__PURE__ */ import_react9.default.createElement(Crumb, { ...crumb })));
+  const frontCrumbs = crumbs.slice(0, startCrumbCount).map((crumb) => /* @__PURE__ */ import_react9.default.createElement(Crumb, { key: `breadcrumb-${crumb.label}`, ...crumb }));
+  const backCrumbs = (startCrumbCount + _endCrumbCount > crumbs.length ? crumbs.slice(startCrumbCount) : crumbs.slice(-_endCrumbCount)).map((crumb) => /* @__PURE__ */ import_react9.default.createElement(Crumb, { key: `breadcrumb-${crumb.label}`, ...crumb }));
+  const collapsedCrumbs = crumbs.slice(startCrumbCount, -_endCrumbCount).map((crumb) => /* @__PURE__ */ import_react9.default.createElement(MenuItem, { key: `breadcrumb-${crumb.label}` }, /* @__PURE__ */ import_react9.default.createElement(Crumb, { ...crumb })));
   return /* @__PURE__ */ import_react9.default.createElement(
     import_joy15.Breadcrumbs,
     {
@@ -1523,7 +1523,7 @@ var PickerDays = (props) => {
       }
     ))))),
     /* @__PURE__ */ import_react13.default.createElement(CalendarDayPickerContainer, null, calendarDates.map((weekDates, rowIndex) => /* @__PURE__ */ import_react13.default.createElement(import_react13.Fragment, { key: `${ownerState.viewMonth}_${rowIndex}` }, /* @__PURE__ */ import_react13.default.createElement("tr", null, weekDates.map(
-      (date, i) => date ? /* @__PURE__ */ import_react13.default.createElement(import_react13.Fragment, { key: i }, /* @__PURE__ */ import_react13.default.createElement(CalendarDayCell, { ...getDayCellProps(date) }, /* @__PURE__ */ import_react13.default.createElement(
+      (date, i) => date ? /* @__PURE__ */ import_react13.default.createElement(import_react13.Fragment, { key: `${ownerState.viewMonth}_${date}_${i}` }, /* @__PURE__ */ import_react13.default.createElement(CalendarDayCell, { ...getDayCellProps(date) }, /* @__PURE__ */ import_react13.default.createElement(
         CalendarDay,
         {
           size: "sm",
@@ -1532,7 +1532,7 @@ var PickerDays = (props) => {
           ...getPickerDayProps(date)
         },
         date
-      )), i < 6 && /* @__PURE__ */ import_react13.default.createElement("td", { "aria-hidden": "true", "aria-description": "cell-gap" })) : /* @__PURE__ */ import_react13.default.createElement(import_react13.Fragment, { key: i }, /* @__PURE__ */ import_react13.default.createElement("td", null), i < 6 && /* @__PURE__ */ import_react13.default.createElement("td", { "aria-hidden": "true", "aria-description": "cell-gap" }))
+      )), i < 6 && /* @__PURE__ */ import_react13.default.createElement("td", { "aria-hidden": "true", "aria-description": "cell-gap" })) : /* @__PURE__ */ import_react13.default.createElement(import_react13.Fragment, { key: `${ownerState.viewMonth}_${i}` }, /* @__PURE__ */ import_react13.default.createElement("td", null), i < 6 && /* @__PURE__ */ import_react13.default.createElement("td", { "aria-hidden": "true", "aria-description": "cell-gap" }))
     )), rowIndex < calendarDates.length - 1 && /* @__PURE__ */ import_react13.default.createElement("tr", { "aria-hidden": "true", "aria-description": "row-gap" }, /* @__PURE__ */ import_react13.default.createElement("td", { colSpan: 13, style: { height: 4 } })))))
   )));
 };
@@ -1584,7 +1584,7 @@ var PickerMonths = (props) => {
           }
         }
       },
-      /* @__PURE__ */ import_react13.default.createElement("tbody", null, chunkedMonths.map((months, i) => /* @__PURE__ */ import_react13.default.createElement(import_react13.Fragment, { key: i }, /* @__PURE__ */ import_react13.default.createElement("tr", null, months.map((monthIndex, j) => /* @__PURE__ */ import_react13.default.createElement(import_react13.Fragment, { key: monthIndex }, /* @__PURE__ */ import_react13.default.createElement(CalendarMonthCell, { ...getMonthCellProps(monthIndex) }, /* @__PURE__ */ import_react13.default.createElement(
+      /* @__PURE__ */ import_react13.default.createElement("tbody", null, chunkedMonths.map((months, i) => /* @__PURE__ */ import_react13.default.createElement(import_react13.Fragment, { key: months.join("_") }, /* @__PURE__ */ import_react13.default.createElement("tr", null, months.map((monthIndex, j) => /* @__PURE__ */ import_react13.default.createElement(import_react13.Fragment, { key: monthIndex }, /* @__PURE__ */ import_react13.default.createElement(CalendarMonthCell, { ...getMonthCellProps(monthIndex) }, /* @__PURE__ */ import_react13.default.createElement(
         CalendarMonth,
         {
           size: "sm",
@@ -2186,7 +2186,7 @@ function TableBody(props) {
     slots: { checkbox: RenderCheckbox = Checkbox_default } = {},
     slotProps: { checkbox: checkboxProps = {} } = {}
   } = props;
-  return /* @__PURE__ */ import_react18.default.createElement("tbody", null, rows.map((row, rowIndex) => /* @__PURE__ */ import_react18.default.createElement("tr", { key: rowIndex }, showCheckbox && /* @__PURE__ */ import_react18.default.createElement(
+  return /* @__PURE__ */ import_react18.default.createElement("tbody", null, rows.map((row, rowIndex) => /* @__PURE__ */ import_react18.default.createElement("tr", { key: `table-row-${rowIndex}` }, showCheckbox && /* @__PURE__ */ import_react18.default.createElement(
     "td",
     {
       style: {
@@ -2955,7 +2955,7 @@ function InfoSign(props) {
           maxWidth: "320px"
         }
       },
-      title: message?.split("\n").map((line, i) => /* @__PURE__ */ import_react24.default.createElement("div", { key: i }, line))
+      title: message?.split("\n").map((line, i) => /* @__PURE__ */ import_react24.default.createElement("div", { key: `info-sign-${i}` }, line))
     },
     /* @__PURE__ */ import_react24.default.createElement(InfoIcon, null)
   );
@@ -3528,9 +3528,9 @@ var BodyRow = (0, import_react25.memo)(
     return /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, columns.map((column, i) => /* @__PURE__ */ import_react25.default.createElement(
       BodyCell,
       {
+        key: `${rowId}_${column.field.toString()}_${i}`,
         ...column,
         tableId,
-        key: `${rowId}_${column.field.toString()}_${i}`,
         row,
         rowId,
         editMode,
@@ -6743,7 +6743,7 @@ function Navigator(props) {
       return /* @__PURE__ */ import_react48.default.createElement(
         NavigationGroup,
         {
-          key: index,
+          key: `${item.title}-${index}`,
           title: item.title,
           startDecorator: item.startDecorator,
           level,
@@ -6877,6 +6877,7 @@ function ProfileMenu(props) {
     menuItems.map(({ label, ...menuProps }) => /* @__PURE__ */ import_react49.default.createElement(
       MenuItem,
       {
+        key: label,
         ...menuProps,
         onClick: (e) => {
           menuProps.onClick?.(e);
@@ -6961,6 +6962,7 @@ function Stepper(props) {
       return /* @__PURE__ */ import_react51.default.createElement(
         Step,
         {
+          key: `step-${i}`,
           indicator: /* @__PURE__ */ import_react51.default.createElement(StepIndicator, { variant: "solid", color: "primary" }, completed ? /* @__PURE__ */ import_react51.default.createElement(import_Check.default, null) : step.indicatorContent),
           active,
           completed,

package/dist/index.js

@@ -178,7 +178,7 @@ function Accordions(props) {
   return /* @__PURE__ */ React.createElement(MotionAccordions, { variant, color, ...innerProps }, items.map((item, index) => /* @__PURE__ */ React.createElement(
     Accordion,
     {
-      key: index,
+      key: `accordion-${index}`,
       summary: item.summary,
       details: item.details,
       index,
@@ -739,13 +739,13 @@ function Breadcrumbs(props) {
         slotProps: restSlotProps,
         ...innerProps
       },
-      crumbs.map((crumb) => /* @__PURE__ */ React8.createElement(Crumb, { ...crumb }))
+      crumbs.map((crumb, index) => /* @__PURE__ */ React8.createElement(Crumb, { key: `breadcrumb-${index}`, ...crumb }))
     );
   }
   const _endCrumbCount = Math.max(1, endCrumbCount);
-  const frontCrumbs = crumbs.slice(0, startCrumbCount).map((crumb) => /* @__PURE__ */ React8.createElement(Crumb, { ...crumb }));
-  const backCrumbs = (startCrumbCount + _endCrumbCount > crumbs.length ? crumbs.slice(startCrumbCount) : crumbs.slice(-_endCrumbCount)).map((crumb) => /* @__PURE__ */ React8.createElement(Crumb, { ...crumb }));
-  const collapsedCrumbs = crumbs.slice(startCrumbCount, -_endCrumbCount).map((crumb) => /* @__PURE__ */ React8.createElement(MenuItem, null, /* @__PURE__ */ React8.createElement(Crumb, { ...crumb })));
+  const frontCrumbs = crumbs.slice(0, startCrumbCount).map((crumb) => /* @__PURE__ */ React8.createElement(Crumb, { key: `breadcrumb-${crumb.label}`, ...crumb }));
+  const backCrumbs = (startCrumbCount + _endCrumbCount > crumbs.length ? crumbs.slice(startCrumbCount) : crumbs.slice(-_endCrumbCount)).map((crumb) => /* @__PURE__ */ React8.createElement(Crumb, { key: `breadcrumb-${crumb.label}`, ...crumb }));
+  const collapsedCrumbs = crumbs.slice(startCrumbCount, -_endCrumbCount).map((crumb) => /* @__PURE__ */ React8.createElement(MenuItem, { key: `breadcrumb-${crumb.label}` }, /* @__PURE__ */ React8.createElement(Crumb, { ...crumb })));
   return /* @__PURE__ */ React8.createElement(
     JoyBreadcrumbs,
     {
@@ -1441,7 +1441,7 @@ var PickerDays = (props) => {
       }
     ))))),
     /* @__PURE__ */ React11.createElement(CalendarDayPickerContainer, null, calendarDates.map((weekDates, rowIndex) => /* @__PURE__ */ React11.createElement(Fragment, { key: `${ownerState.viewMonth}_${rowIndex}` }, /* @__PURE__ */ React11.createElement("tr", null, weekDates.map(
-      (date, i) => date ? /* @__PURE__ */ React11.createElement(Fragment, { key: i }, /* @__PURE__ */ React11.createElement(CalendarDayCell, { ...getDayCellProps(date) }, /* @__PURE__ */ React11.createElement(
+      (date, i) => date ? /* @__PURE__ */ React11.createElement(Fragment, { key: `${ownerState.viewMonth}_${date}_${i}` }, /* @__PURE__ */ React11.createElement(CalendarDayCell, { ...getDayCellProps(date) }, /* @__PURE__ */ React11.createElement(
         CalendarDay,
         {
           size: "sm",
@@ -1450,7 +1450,7 @@ var PickerDays = (props) => {
           ...getPickerDayProps(date)
         },
         date
-      )), i < 6 && /* @__PURE__ */ React11.createElement("td", { "aria-hidden": "true", "aria-description": "cell-gap" })) : /* @__PURE__ */ React11.createElement(Fragment, { key: i }, /* @__PURE__ */ React11.createElement("td", null), i < 6 && /* @__PURE__ */ React11.createElement("td", { "aria-hidden": "true", "aria-description": "cell-gap" }))
+      )), i < 6 && /* @__PURE__ */ React11.createElement("td", { "aria-hidden": "true", "aria-description": "cell-gap" })) : /* @__PURE__ */ React11.createElement(Fragment, { key: `${ownerState.viewMonth}_${i}` }, /* @__PURE__ */ React11.createElement("td", null), i < 6 && /* @__PURE__ */ React11.createElement("td", { "aria-hidden": "true", "aria-description": "cell-gap" }))
     )), rowIndex < calendarDates.length - 1 && /* @__PURE__ */ React11.createElement("tr", { "aria-hidden": "true", "aria-description": "row-gap" }, /* @__PURE__ */ React11.createElement("td", { colSpan: 13, style: { height: 4 } })))))
   )));
 };
@@ -1502,7 +1502,7 @@ var PickerMonths = (props) => {
           }
         }
       },
-      /* @__PURE__ */ React11.createElement("tbody", null, chunkedMonths.map((months, i) => /* @__PURE__ */ React11.createElement(Fragment, { key: i }, /* @__PURE__ */ React11.createElement("tr", null, months.map((monthIndex, j) => /* @__PURE__ */ React11.createElement(Fragment, { key: monthIndex }, /* @__PURE__ */ React11.createElement(CalendarMonthCell, { ...getMonthCellProps(monthIndex) }, /* @__PURE__ */ React11.createElement(
+      /* @__PURE__ */ React11.createElement("tbody", null, chunkedMonths.map((months, i) => /* @__PURE__ */ React11.createElement(Fragment, { key: months.join("_") }, /* @__PURE__ */ React11.createElement("tr", null, months.map((monthIndex, j) => /* @__PURE__ */ React11.createElement(Fragment, { key: monthIndex }, /* @__PURE__ */ React11.createElement(CalendarMonthCell, { ...getMonthCellProps(monthIndex) }, /* @__PURE__ */ React11.createElement(
         CalendarMonth,
         {
           size: "sm",
@@ -2129,7 +2129,7 @@ function TableBody(props) {
     slots: { checkbox: RenderCheckbox = Checkbox_default } = {},
     slotProps: { checkbox: checkboxProps = {} } = {}
   } = props;
-  return /* @__PURE__ */ React16.createElement("tbody", null, rows.map((row, rowIndex) => /* @__PURE__ */ React16.createElement("tr", { key: rowIndex }, showCheckbox && /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React16.createElement("tbody", null, rows.map((row, rowIndex) => /* @__PURE__ */ React16.createElement("tr", { key: `table-row-${rowIndex}` }, showCheckbox && /* @__PURE__ */ React16.createElement(
     "td",
     {
       style: {
@@ -2911,7 +2911,7 @@ function InfoSign(props) {
           maxWidth: "320px"
         }
       },
-      title: message?.split("\n").map((line, i) => /* @__PURE__ */ React22.createElement("div", { key: i }, line))
+      title: message?.split("\n").map((line, i) => /* @__PURE__ */ React22.createElement("div", { key: `info-sign-${i}` }, line))
     },
     /* @__PURE__ */ React22.createElement(InfoIcon, null)
   );
@@ -3484,9 +3484,9 @@ var BodyRow = memo(
     return /* @__PURE__ */ React23.createElement(React23.Fragment, null, columns.map((column, i) => /* @__PURE__ */ React23.createElement(
       BodyCell,
       {
+        key: `${rowId}_${column.field.toString()}_${i}`,
         ...column,
         tableId,
-        key: `${rowId}_${column.field.toString()}_${i}`,
         row,
         rowId,
         editMode,
@@ -6753,7 +6753,7 @@ function Navigator(props) {
       return /* @__PURE__ */ React46.createElement(
         NavigationGroup,
         {
-          key: index,
+          key: `${item.title}-${index}`,
           title: item.title,
           startDecorator: item.startDecorator,
           level,
@@ -6893,6 +6893,7 @@ function ProfileMenu(props) {
     menuItems.map(({ label, ...menuProps }) => /* @__PURE__ */ React47.createElement(
       MenuItem,
       {
+        key: label,
         ...menuProps,
         onClick: (e) => {
           menuProps.onClick?.(e);
@@ -6984,6 +6985,7 @@ function Stepper(props) {
       return /* @__PURE__ */ React49.createElement(
         Step,
         {
+          key: `step-${i}`,
           indicator: /* @__PURE__ */ React49.createElement(StepIndicator, { variant: "solid", color: "primary" }, completed ? /* @__PURE__ */ React49.createElement(CheckIcon, null) : step.indicatorContent),
           active,
           completed,