@economic/taco 2.58.2-EC-64961.14 → 2.60.0

package/dist/taco.css

@@ -1525,7 +1525,15 @@ table[data-taco^='table3'][data-table-editing-mode] [data-cell-align='center'] >
 }
 
 table[data-taco^='table3'][data-table-editing-mode] [data-cell-align='right'] > label {
-    @apply flex-row justify-end text-right;
+    @apply w-full flex-col items-end;
+}
+
+table[data-taco^='table3'][data-table-editing-mode] [data-cell-align='right'] [data-taco='input-container'] {
+    @apply flex w-full justify-end;
+}
+
+table[data-taco^='table3'][data-table-editing-mode] [data-cell-align='right'] > label [data-taco='label-message'] {
+    @apply !-mr-2 w-full text-right;
 }
 
 /* invalid rows */

package/dist/taco.d.ts

@@ -1150,6 +1150,14 @@ export declare interface DonutChartProps extends PolarChartProps {
 export declare interface DonutChartSegmentProps<TData extends object> extends PieChartSegmentProps<TData> {
 }
 
+declare type DotNotationJoin<K, P> = K extends string | number ? P extends string | number ? `${K}${'' extends P ? '' : '.'}${P}` : never : never;
+
+export declare type DotNotationPaths<T, D extends number = 2> = [D] extends [never] ? never : T extends object ? {
+    [K in keyof T]-?: K extends string | number ? `${K}` | DotNotationJoin<K, DotNotationPaths<T[K], RecursionCounter[D]>> : never;
+}[keyof T] : '';
+
+export declare type DotNotationPathValue<T, P extends string> = T extends any ? P extends `${infer Key}.${infer Rest}` ? Key extends keyof T ? DotNotationPathValue<T[Key], Rest> : never : P extends keyof T ? T[P] : never : never;
+
 export declare const Drawer: ForwardedDrawerWithStatics;
 
 declare type DrawerCloseProps = default_2.HTMLAttributes<HTMLButtonElement>;
@@ -2662,6 +2670,8 @@ export declare type RadioGroupProps = Omit<RemapReactAriaIsProperties<RadioGroup
     defaultValue?: RadioGroupItemValue;
 }>;
 
+declare type RecursionCounter = [never, 0, 1];
+
 export declare type RemapReactAriaIsProperties<T> = {
     [K in keyof T as K extends `is${infer Rest}` ? Uncapitalize<Rest> : K]: T[K];
 };
@@ -3173,13 +3183,13 @@ export declare type TableColumnDataTypeProps<TType = unknown> = {
 export declare type TableColumnFilter = ColumnFilter;
 
 export declare type TableColumnIdentifierProps<TType = unknown> = {
-    [Key in keyof TType]: {
+    [Key in DotNotationPaths<TType>]: {
         accessor: Key;
         id?: string;
-        renderer?: TableColumnRenderer<TType, TType[Key]> | undefined;
-        aggregate?: TableColumnRendererAggregate<TType, TType[Key]> | undefined;
+        renderer?: TableColumnRenderer<TType, DotNotationPathValue<TType, Key>> | undefined;
+        aggregate?: TableColumnRendererAggregate<TType, DotNotationPathValue<TType, Key>> | undefined;
     };
-}[keyof TType] | {
+}[DotNotationPaths<TType>] | {
     accessor?: never;
     id: string;
     renderer?: TableColumnRenderer<TType, undefined> | undefined;

package/dist/taco.js

@@ -37296,13 +37296,26 @@ function Body(props) {
       }
     }
   };
-  const handleMouseMove = React__default.useCallback((event) => {
-    var _a, _b;
-    const index2 = (_b = (_a = event.target) == null ? void 0 : _a.closest("tr")) == null ? void 0 : _b.getAttribute("data-row-index");
-    if (index2) {
-      tableMeta.rowActive.setRowHoverIndex(Number.parseInt(index2));
-    }
-  }, []);
+  const handleMouseMove = React__default.useCallback(
+    (event) => {
+      var _a, _b;
+      if (!(event.target instanceof HTMLElement)) {
+        return;
+      }
+      const currentTable = (_a = ref.current) == null ? void 0 : _a.closest("table");
+      const targetTable = event.target.closest("table");
+      if (targetTable !== currentTable) {
+        return;
+      }
+      const rowIndex = (_b = event.target.closest("tr[data-row-id]")) == null ? void 0 : _b.getAttribute("data-row-index");
+      if (!rowIndex) {
+        tableMeta.rowActive.setRowHoverIndex(void 0);
+        return;
+      }
+      tableMeta.rowActive.setRowHoverIndex(Number(rowIndex));
+    },
+    [ref]
+  );
   const handleMouseLeave = React__default.useCallback(() => tableMeta.rowActive.setRowHoverIndex(void 0), []);
   return /* @__PURE__ */ React__default.createElement(
     "tbody",
@@ -43396,19 +43409,20 @@ function Control(props) {
     }
   }, [controlRenderer]);
   if (typeof controlRenderer === "function") {
-    return React__default.cloneElement(
-      controlRenderer(
-        {
-          ...attributes,
-          setValue: (value2) => onChange(value2),
-          value
-        },
-        void 0,
-        filters
-      ),
-      { ["data-query-selector"]: querySelector, className: "focus:yt-focus" }
+    const control = controlRenderer(
+      {
+        ...attributes,
+        setValue: (value2) => onChange(value2),
+        value
+      },
+      void 0,
+      filters
     );
-  } else if (controlRenderer === "datepicker" || dataType === "datetime" || dataType === "date") {
+    if (control) {
+      return React__default.cloneElement(control, { ["data-query-selector"]: querySelector, className: "focus:yt-focus" });
+    }
+  }
+  if (controlRenderer === "datepicker" || dataType === "datetime" || dataType === "date") {
     return /* @__PURE__ */ React__default.createElement(Datepicker, { ...attributes, onChange: (event) => onChange(event.detail), value });
   } else if (controlRenderer === "switch") {
     return /* @__PURE__ */ React__default.createElement(Switch$1, { ...attributes, className: "m-1.5", checked: Boolean(value), onChange });
@@ -53533,7 +53547,7 @@ function useTableEditing(isEnabled = false, handleSave, handleChange, handleCrea
     validator
   );
   function toggleEditing(enabled, table, scrollToIndex) {
-    var _a;
+    var _a, _b;
     const tableMeta = table.options.meta;
     if (enabled) {
       const index2 = tableMeta.rowActive.rowActiveIndex ?? 0;
@@ -53549,6 +53563,7 @@ function useTableEditing(isEnabled = false, handleSave, handleChange, handleCrea
     }
     setEditing(enabled);
     pendingChangesFns.saveChanges(table);
+    (_b = tableMeta.onEvent) == null ? void 0 : _b.call(tableMeta, "editing-mode", { enabled });
   }
   async function createRow2(table, row) {
     if (!handleCreate) {
@@ -54359,9 +54374,7 @@ function Editing(props) {
   const ref = React__default.useRef(null);
   const tableMeta = table.options.meta;
   const handleChange = (enabled) => {
-    var _a;
     tableMeta.editing.toggleEditing(enabled, table, scrollToIndex);
-    (_a = tableMeta.onEvent) == null ? void 0 : _a.call(tableMeta, "editing-mode", { enabled });
   };
   const tooltip = /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, texts.table3.editing.buttons.edit.tooltip, /* @__PURE__ */ React__default.createElement(Shortcut, { className: "ml-2", keys: shortcut }));
   return /* @__PURE__ */ React__default.createElement(Tooltip$3, { title: tooltip }, /* @__PURE__ */ React__default.createElement(ModeSwitch, { "data-table": "editing-toggle", checked: tableMeta.editing.isEditing, onChange: handleChange, ref }));