@a5it/sync-ui 0.1.26 → 0.1.27

package/dist/components/data-table/cells/text-cell.d.ts

@@ -1,8 +1,26 @@
 export type DataTableTextCellProps = {
+    /** The cell text value. */
     text: string;
+    /** Container className override. */
     className?: string;
+    /** Text className override for display mode. */
     textClassName?: string;
+    /** Whether long text should be truncated with ellipsis. Default true. */
     truncate?: boolean;
+    /** When true the cell becomes click-to-edit. Default false. */
+    editable?: boolean;
+    /** Called when the user commits the edit (Enter or blur). Receives the raw string. */
+    onEditComplete?: (value: string) => void;
+    /** Input type — controls keyboard behavior & validation. Default "text". */
+    inputType?: "text" | "number";
+    /** Optional formatting function for display mode (e.g. formatCurrency). */
+    formatDisplay?: (value: string) => string;
+    /** Optional suffix shown after the value in display mode (e.g. "%"). */
+    suffix?: string;
+    /** Optional prefix shown before the value in display mode (e.g. "$"). */
+    prefix?: string;
+    /** Input className override for edit mode. */
+    inputClassName?: string;
 };
-export declare function DataTableTextCell({ text, className, textClassName, truncate, }: DataTableTextCellProps): import("react/jsx-runtime").JSX.Element;
+export declare function DataTableTextCell({ text, className, textClassName, truncate, editable, onEditComplete, inputType, formatDisplay, suffix, prefix, inputClassName, }: DataTableTextCellProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=text-cell.d.ts.map

package/dist/components/data-table/cells/text-cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-cell.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/cells/text-cell.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,SAAS,EACT,aAAa,EACb,QAAe,GAChB,EAAE,sBAAsB,2CAexB"}
+{"version":3,"file":"text-cell.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/cells/text-cell.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,sBAAsB,GAAG;IACnC,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sFAAsF;IACtF,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC9B,2EAA2E;IAC3E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8CAA8C;IAC9C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,SAAS,EACT,aAAa,EACb,QAAe,EACf,QAAgB,EAChB,cAAc,EACd,SAAkB,EAClB,aAAa,EACb,MAAM,EACN,MAAM,EACN,cAAc,GACf,EAAE,sBAAsB,2CAsGxB"}

package/dist/components/data-table/cells/text-cell.js

@@ -1,7 +1,55 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import { cn } from "../../../lib/utils";
-export function DataTableTextCell({ text, className, textClassName, truncate = true, }) {
-    return (_jsx("div", { className: cn("flex min-w-0 items-center", className), children: _jsx("span", { title: truncate ? text : undefined, className: cn("text-[14px] font-semibold text-[#1a1a1a]", truncate && "min-w-0 flex-1 truncate", textClassName), children: text }) }));
+export function DataTableTextCell({ text, className, textClassName, truncate = true, editable = false, onEditComplete, inputType = "text", formatDisplay, suffix, prefix, inputClassName, }) {
+    const [isEditing, setIsEditing] = React.useState(false);
+    const [editValue, setEditValue] = React.useState(text);
+    const inputRef = React.useRef(null);
+    // Sync internal draft whenever the external value changes while NOT editing.
+    React.useEffect(() => {
+        if (!isEditing) {
+            setEditValue(text);
+        }
+    }, [text, isEditing]);
+    // Auto-focus & select all when entering edit mode.
+    React.useEffect(() => {
+        if (isEditing && inputRef.current) {
+            inputRef.current.focus();
+            inputRef.current.select();
+        }
+    }, [isEditing]);
+    const handleClick = (e) => {
+        if (!editable || isEditing)
+            return;
+        e.stopPropagation();
+        setEditValue(text);
+        setIsEditing(true);
+    };
+    const commit = () => {
+        setIsEditing(false);
+        onEditComplete?.(editValue);
+    };
+    const cancel = () => {
+        setIsEditing(false);
+        setEditValue(text);
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === "Enter") {
+            e.preventDefault();
+            commit();
+        }
+        else if (e.key === "Escape") {
+            e.preventDefault();
+            cancel();
+        }
+    };
+    // ── Edit mode ─────────────────────────────────────────────────
+    if (editable && isEditing) {
+        return (_jsx("div", { className: cn("flex min-w-0 items-center -m-[7px]", className), onClick: (e) => e.stopPropagation(), children: _jsx("input", { ref: inputRef, type: inputType, value: editValue, onChange: (e) => setEditValue(e.target.value), onBlur: commit, onKeyDown: handleKeyDown, className: cn("w-full rounded-[4px] border border-[#e6e6e6] bg-white px-[6px] py-[5px] text-[14px] leading-4 font-semibold text-[#1a1a1a] outline-none", "focus:border-[var(--primary,#0091ff)]", "transition-colors duration-100", inputClassName) }) }));
+    }
+    // ── Display mode ──────────────────────────────────────────────
+    const displayText = formatDisplay ? formatDisplay(text) : text;
+    return (_jsxs("div", { className: cn("flex min-w-0 items-center", editable && "cursor-text gap-1", className), title: editable ? "Click to edit" : truncate ? text : undefined, onClick: handleClick, children: [prefix && (_jsx("span", { className: "text-[14px] leading-4 text-[#666666]", children: prefix })), _jsx("span", { className: cn("text-[14px] font-semibold text-[#1a1a1a]", truncate && "min-w-0 flex-1 truncate", textClassName), children: displayText }), suffix && (_jsx("span", { className: "text-[14px] leading-4 text-[#666666]", children: suffix }))] }));
 }
 //# sourceMappingURL=text-cell.js.map

package/dist/components/data-table/cells/text-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-cell.js","sourceRoot":"","sources":["../../../../src/components/data-table/cells/text-cell.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AASxC,MAAM,UAAU,iBAAiB,CAAC,EAChC,IAAI,EACJ,SAAS,EACT,aAAa,EACb,QAAQ,GAAG,IAAI,GACQ;IACvB,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,YACxD,eACE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAClC,SAAS,EAAE,EAAE,CACX,0CAA0C,EAC1C,QAAQ,IAAI,yBAAyB,EACrC,aAAa,CACd,YAEA,IAAI,GACA,GACH,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"text-cell.js","sourceRoot":"","sources":["../../../../src/components/data-table/cells/text-cell.tsx"],"names":[],"mappings":"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"}

package/dist/components/data-table/index.d.ts

@@ -18,11 +18,14 @@ export { DataTableActionDelete } from "./actions/action-delete";
 export { DataTableCheckbox } from "./cells/table-checkbox";
 export { DataTableRecordIdCell } from "./cells/record-id-cell";
 export { DataTableTextCell } from "./cells/text-cell";
+export type { DataTableTextCellProps } from "./cells/text-cell";
 export { DataTableStatusPill } from "./cells/status-pill";
 export { DataTablePaymentPill } from "./cells/payment-pill";
 export { DataTableDateTimeCell } from "./cells/date-time-cell";
-export { DataTableEditableCell } from "./cells/editable-cell";
-export type { DataTableEditableCellProps } from "./cells/editable-cell";
+/** @deprecated Use `DataTableTextCell` with `editable` prop instead. */
+export { DataTableTextCell as DataTableEditableCell } from "./cells/text-cell";
+/** @deprecated Use `DataTableTextCellProps` instead. */
+export type { DataTableTextCellProps as DataTableEditableCellProps } from "./cells/text-cell";
 export type { PaymentLabel } from "./cells/payment-pill";
 export { createSelectionColumn, DATA_TABLE_SELECTION_COLUMN_ID, } from "./columns/selection";
 export { DataTablePagination, DataTablePaginationInfo, DataTablePaginationLimits, DataTablePaginationLinks, DataTablePaginationActions, } from "./pagination/pagination";

package/dist/components/data-table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC7D,YAAY,EACV,mBAAmB,EACnB,mBAAmB,EACnB,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EAChB,sBAAsB,EACtB,sBAAsB,EACtB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC5D,YAAY,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExE,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAExD,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,QAAQ,CAAC;AAEhB,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EACV,iBAAiB,EACjB,YAAY,IAAI,qBAAqB,EACrC,mBAAmB,IAAI,4BAA4B,GACpD,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,YAAY,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AACxE,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EACL,qBAAqB,EACrB,8BAA8B,GAC/B,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,yBAAyB,EACzB,wBAAwB,EACxB,0BAA0B,GAC3B,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC7D,YAAY,EACV,mBAAmB,EACnB,mBAAmB,EACnB,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EAChB,sBAAsB,EACtB,sBAAsB,EACtB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC5D,YAAY,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExE,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAExD,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,QAAQ,CAAC;AAEhB,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EACV,iBAAiB,EACjB,YAAY,IAAI,qBAAqB,EACrC,mBAAmB,IAAI,4BAA4B,GACpD,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,YAAY,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,wEAAwE;AACxE,OAAO,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,wDAAwD;AACxD,YAAY,EAAE,sBAAsB,IAAI,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AAC9F,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EACL,qBAAqB,EACrB,8BAA8B,GAC/B,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,yBAAyB,EACzB,wBAAwB,EACxB,0BAA0B,GAC3B,MAAM,yBAAyB,CAAC"}

package/dist/components/data-table/index.js

@@ -19,7 +19,8 @@ export { DataTableTextCell } from "./cells/text-cell";
 export { DataTableStatusPill } from "./cells/status-pill";
 export { DataTablePaymentPill } from "./cells/payment-pill";
 export { DataTableDateTimeCell } from "./cells/date-time-cell";
-export { DataTableEditableCell } from "./cells/editable-cell";
+/** @deprecated Use `DataTableTextCell` with `editable` prop instead. */
+export { DataTableTextCell as DataTableEditableCell } from "./cells/text-cell";
 export { createSelectionColumn, DATA_TABLE_SELECTION_COLUMN_ID, } from "./columns/selection";
 export { DataTablePagination, DataTablePaginationInfo, DataTablePaginationLimits, DataTablePaginationLinks, DataTablePaginationActions, } from "./pagination/pagination";
 //# sourceMappingURL=index.js.map

package/dist/components/data-table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/data-table/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAe7D,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG5D,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAExD,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,QAAQ,CAAC;AAEhB,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAM5D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAI9D,OAAO,EACL,qBAAqB,EACrB,8BAA8B,GAC/B,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,yBAAyB,EACzB,wBAAwB,EACxB,0BAA0B,GAC3B,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/data-table/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAe7D,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG5D,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAExD,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,QAAQ,CAAC;AAEhB,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAM5D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,wEAAwE;AACxE,OAAO,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAK/E,OAAO,EACL,qBAAqB,EACrB,8BAA8B,GAC/B,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,yBAAyB,EACzB,wBAAwB,EACxB,0BAA0B,GAC3B,MAAM,yBAAyB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a5it/sync-ui",
-  "version": "0.1.26",
+  "version": "0.1.27",
   "description": "Shared UI components for A5 apps.",
   "type": "module",
   "main": "./dist/index.js",

package/dist/components/data-table/cells/editable-cell.d.ts

@@ -1,24 +0,0 @@
-export type DataTableEditableCellProps = {
-    /** The current cell value. */
-    value: string | number;
-    /** Called when the user presses Enter to commit the edit. Receives the raw string value. */
-    onEditComplete: (value: string) => void;
-    /** Input type — controls keyboard behavior & validation. Default "text". */
-    type?: "text" | "number";
-    /** Optional formatting function for display mode (e.g. formatCurrency). */
-    formatDisplay?: (value: string | number) => string;
-    /** Optional suffix shown after the value in display mode (e.g. "%"). */
-    suffix?: string;
-    /** Optional prefix shown before the value in display mode (e.g. "$"). */
-    prefix?: string;
-    /** Container className override. */
-    className?: string;
-    /** Text className override for display mode. */
-    textClassName?: string;
-    /** Input className override for edit mode. */
-    inputClassName?: string;
-    /** Whether the cell is editable. Default true. */
-    editable?: boolean;
-};
-export declare function DataTableEditableCell({ value, onEditComplete, type, formatDisplay, suffix, prefix, className, textClassName, inputClassName, editable, }: DataTableEditableCellProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=editable-cell.d.ts.map

package/dist/components/data-table/cells/editable-cell.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"editable-cell.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/cells/editable-cell.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,0BAA0B,GAAG;IACvC,8BAA8B;IAC9B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,4FAA4F;IAC5F,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,4EAA4E;IAC5E,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACzB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IACnD,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,cAAc,EACd,IAAa,EACb,aAAa,EACb,MAAM,EACN,MAAM,EACN,SAAS,EACT,aAAa,EACb,cAAc,EACd,QAAe,GAChB,EAAE,0BAA0B,2CA0G5B"}

package/dist/components/data-table/cells/editable-cell.js

@@ -1,57 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../../lib/utils";
-export function DataTableEditableCell({ value, onEditComplete, type = "text", formatDisplay, suffix, prefix, className, textClassName, inputClassName, editable = true, }) {
-    const [isEditing, setIsEditing] = React.useState(false);
-    const [editValue, setEditValue] = React.useState(String(value));
-    const inputRef = React.useRef(null);
-    // Sync internal draft whenever the external value changes while NOT editing.
-    React.useEffect(() => {
-        if (!isEditing) {
-            setEditValue(String(value));
-        }
-    }, [value, isEditing]);
-    // Auto-focus & select all when entering edit mode.
-    React.useEffect(() => {
-        if (isEditing && inputRef.current) {
-            inputRef.current.focus();
-            inputRef.current.select();
-        }
-    }, [isEditing]);
-    const handleClick = (e) => {
-        if (!editable || isEditing)
-            return;
-        e.stopPropagation();
-        setEditValue(String(value));
-        setIsEditing(true);
-    };
-    const commit = () => {
-        setIsEditing(false);
-        onEditComplete(editValue);
-    };
-    const cancel = () => {
-        setIsEditing(false);
-        setEditValue(String(value));
-    };
-    const handleKeyDown = (e) => {
-        if (e.key === "Enter") {
-            e.preventDefault();
-            commit();
-        }
-        else if (e.key === "Escape") {
-            e.preventDefault();
-            cancel();
-        }
-    };
-    // ── Display mode ──────────────────────────────────────────────
-    if (!isEditing) {
-        const displayText = formatDisplay
-            ? formatDisplay(value)
-            : String(value);
-        return (_jsxs("div", { className: cn("flex min-w-0 items-center gap-1", editable && "cursor-text", className), onClick: handleClick, children: [prefix && (_jsx("span", { className: "text-[14px] leading-4 text-[#666666]", children: prefix })), _jsx("span", { className: cn("text-[14px] leading-4 font-semibold text-[#1a1a1a] min-w-0 flex-1 truncate", textClassName), children: displayText }), suffix && (_jsx("span", { className: "text-[14px] leading-4 text-[#666666]", children: suffix }))] }));
-    }
-    // ── Edit mode ─────────────────────────────────────────────────
-    return (_jsx("div", { className: cn("flex min-w-0 items-center -m-[7px]", className), onClick: (e) => e.stopPropagation(), children: _jsx("input", { ref: inputRef, type: type, value: editValue, onChange: (e) => setEditValue(e.target.value), onBlur: commit, onKeyDown: handleKeyDown, className: cn("w-full rounded-[4px] border border-[#e6e6e6] bg-white px-[6px] py-[5px] text-[14px] leading-4 font-semibold text-[#1a1a1a] outline-none", "focus:border-[var(--primary,#0091ff)]", "transition-colors duration-100", inputClassName) }) }));
-}
-//# sourceMappingURL=editable-cell.js.map

package/dist/components/data-table/cells/editable-cell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"editable-cell.js","sourceRoot":"","sources":["../../../../src/components/data-table/cells/editable-cell.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAyBxC,MAAM,UAAU,qBAAqB,CAAC,EACpC,KAAK,EACL,cAAc,EACd,IAAI,GAAG,MAAM,EACb,aAAa,EACb,MAAM,EACN,MAAM,EACN,SAAS,EACT,aAAa,EACb,cAAc,EACd,QAAQ,GAAG,IAAI,GACY;IAC3B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IAChE,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEtD,6EAA6E;IAC7E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,mDAAmD;IACnD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,SAAS,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YAClC,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YACzB,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,WAAW,GAAG,CAAC,CAAmB,EAAE,EAAE;QAC1C,IAAI,CAAC,QAAQ,IAAI,SAAS;YAAE,OAAO;QACnC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QAC5B,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,cAAc,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAwC,EAAE,EAAE;QACjE,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACtB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,EAAE,CAAC;QACX,CAAC;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YAC9B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,EAAE,CAAC;QACX,CAAC;IACH,CAAC,CAAC;IAEF,iEAAiE;IACjE,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,MAAM,WAAW,GAAG,aAAa;YAC/B,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC;YACtB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAElB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,iCAAiC,EACjC,QAAQ,IAAI,aAAa,EACzB,SAAS,CACV,EACD,OAAO,EAAE,WAAW,aAEnB,MAAM,IAAI,CACT,eAAM,SAAS,EAAC,sCAAsC,YACnD,MAAM,GACF,CACR,EACD,eACE,SAAS,EAAE,EAAE,CACX,4EAA4E,EAC5E,aAAa,CACd,YAEA,WAAW,GACP,EACN,MAAM,IAAI,CACT,eAAM,SAAS,EAAC,sCAAsC,YACnD,MAAM,GACF,CACR,IACG,CACP,CAAC;IACJ,CAAC;IAED,iEAAiE;IACjE,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,EAC9D,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,YAEnC,gBACE,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7C,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,EAAE,CACX,yIAAyI,EACzI,uCAAuC,EACvC,gCAAgC,EAChC,cAAc,CACf,GACD,GACE,CACP,CAAC;AACJ,CAAC"}