@keshavsoft/kschema-cli 1.13.5 → 1.13.7

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildTableVersions/V1/BuildFooterVersions/V3/afterMutation.js

@@ -0,0 +1,32 @@
+import { refreshTable } from "../../refresh.js";
+
+const afterMutation = async ({
+    inServices,
+    inEndPoints,
+    inDataStore,
+    inContainerEl,
+    inDom,
+    focusFn,
+    inOptions,
+    inVisibleColumns
+}) => {
+
+    // 1. get fresh data
+    const freshData = await inServices.actions.getData({
+        inEndPoint: inEndPoints.read
+    });
+    
+    // 2. update store
+    inDataStore.setData(freshData);
+
+    // 3. refresh UI (only body)
+    refreshTable({
+        inContainerEl, inDataStore, inDom, inOptions,
+        inVisibleColumns
+    });
+
+    // 4. restore focus (optional)
+    if (focusFn) focusFn({ inContainerEl });
+};
+
+export { afterMutation };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildTableVersions/V1/BuildFooterVersions/V3/getFooterPayload.js

@@ -0,0 +1,14 @@
+const getFooterPayload = ({ tr, inDom, inVisibleColumns, inDefaultObject }) => {
+    const keys = inVisibleColumns;
+    const payload = {
+        ...inDefaultObject
+    };
+
+    keys.forEach((key) => {
+        payload[key] = inDom.getInputValueFromRow(tr, key);
+    });
+
+    return payload;
+};
+
+export { getFooterPayload };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildTableVersions/V1/BuildFooterVersions/V3/saveFooterRow.js

@@ -0,0 +1,69 @@
+import { validateRow } from "./Utils/validateRow.js";
+import { afterMutation } from "../../../../afterMutation.js";
+import { getFooterPayload } from "./getFooterPayload.js";
+import { showErrors } from "./DomManipulation/showErrors.js";
+import { clearErrors } from "./DomManipulation/clearErrors.js";
+import { clearFooterInputs } from "./DomManipulation/clearFooterInputs.js";
+
+const saveFooterRow = async ({
+    tr,
+    inDataStore,
+    inDom,
+    inServices,
+    inEndPoints,
+    inContainerEl,
+    inOptions,
+    inColumnsConfig,
+    inVisibleColumns,
+    inDefaultObject,
+    inShowActions,
+    inShowSerial
+}) => {
+
+    const payload = getFooterPayload({
+        tr, inDom,
+        inVisibleColumns, inDefaultObject
+    });
+
+    clearErrors(tr);
+
+    const errors = validateRow({ payload, inColumnsConfig });
+    if (errors.length) {
+        showErrors(tr, errors);
+        return;
+    };
+
+    try {
+        await inServices.actions.create({
+            inEndPoint: inEndPoints.create,
+            payload
+        });
+    } catch (err) {
+        console.error(err);
+        return;
+    }
+
+    clearFooterInputs(tr);
+
+    await afterMutation({
+        inServices,
+        inEndPoints,
+        inDataStore,
+        inContainerEl,
+        inDom,
+        inOptions,
+        focusFn: focusFooter,
+        inVisibleColumns,
+        inShowActions,
+        inShowSerial
+    });
+};
+
+const focusFooter = ({ inContainerEl }) => {
+    const el = inContainerEl.querySelector(
+        "tfoot input, tfoot select, tfoot textarea"
+    );
+    el?.focus();
+};
+
+export { saveFooterRow };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildTableVersions/V1/BuildFooterVersions/V3/start copy.js

@@ -0,0 +1,64 @@
+import { startFunc as createFooterRow } from "./CreateFooterRow/start.js";
+import { refreshTable } from "../../refresh.js";
+
+const buildFooter = ({ inDataStore, inContainerEl, inDom, inServices, inOptions, inEndPoints }) => {
+    const containerEl = inContainerEl;
+
+    const handleSave = async (e) => {
+        const tr = e.target.closest("tr");
+
+        const payload = getFooterPayload({
+            tr,
+            inDataStore,
+            inDom
+        });
+
+        await inServices.actions.create({
+            inEndPoint: inEndPoints.create,
+            payload
+        });
+
+        // ✅ ADD THIS BLOCK 👇
+
+        const freshData = await inServices.actions.getData({
+            inEndPoint: inEndPoints.read
+        });
+        // debugger;
+        inDataStore.setData(freshData);
+
+        refreshTable({ inContainerEl, inDataStore, inDom });
+        focusFooter({ inContainerEl });
+    };
+
+    const focusFooter = ({ inContainerEl }) => {
+        const el = inContainerEl.querySelector(
+            "tfoot input, tfoot select, tfoot textarea"
+        );
+
+        el?.focus();
+    };
+
+    const columns = inDataStore.getColumns();
+
+    const tr = createFooterRow(columns, {
+        showActions: true,
+        onSave: handleSave
+    });
+
+    const tableFooter = inDom.getTableFooter(containerEl);
+
+    tableFooter.appendChild(tr);
+};
+
+const getFooterPayload = ({ tr, inDataStore, inDom }) => {
+    const keys = inDataStore.getColumns();
+    const payload = {};
+    debugger;
+    keys.forEach((key) => {
+        payload[key] = inDom.getInputValueFromRow(tr, key);
+    });
+
+    return payload;
+};
+
+export { buildFooter };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildTableVersions/V1/BuildFooterVersions/V3/start.js

@@ -0,0 +1,43 @@
+import { startFunc as createFooterRow } from "./CreateFooterRow/start.js";
+import { saveFooterRow } from "./saveFooterRow.js";
+
+const buildFooter = ({ inDataStore, inContainerEl, inDom, inServices, inOptions, inEndPoints, inColumnsConfig,
+    inVisibleColumns, inShowSerial
+}) => {
+    const defaultObject = inDataStore.getDefaultRow();
+    const visibleColumns = inVisibleColumns;
+
+    const handleSave = async (e) => {
+        const tr = e.target.closest("tr");
+
+        await saveFooterRow({
+            tr,
+            inDataStore,
+            inDom,
+            inServices,
+            inEndPoints,
+            inContainerEl,
+            inOptions,
+            inColumnsConfig,
+            inVisibleColumns: visibleColumns,
+            inDefaultObject: defaultObject,
+            inShowActions,
+            inShowSerial
+        });
+    };
+
+    const tr = createFooterRow({
+        keys: visibleColumns,
+        options: {
+            showSerial: inOptions.table.showSerial,
+            showDataList: inOptions.table.footer.showDataList,
+            inColumnsConfig,
+            onSave: handleSave
+        }
+    });
+
+    const tableFooter = inDom.getTableFooter(inContainerEl);
+    tableFooter.appendChild(tr);
+};
+
+export { buildFooter };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildTableVersions/V1/BuildHeaderVersions/V1/CreateHeaderRow/CreateHeaderCell/assemble.js

@@ -0,0 +1,6 @@
+const assembleHeader = (wrapper, text, icon) => {
+    wrapper.appendChild(text);
+    wrapper.appendChild(icon);
+};
+
+export { assembleHeader };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildTableVersions/V1/BuildHeaderVersions/V1/CreateHeaderRow/CreateHeaderCell/createSortIcon.js

@@ -0,0 +1,25 @@
+const createSortIcon = () => {
+    const svgNS = "http://www.w3.org/2000/svg";
+
+    const svg = document.createElementNS(svgNS, "svg");
+    svg.setAttribute("viewBox", "0 0 24 24");
+    svg.setAttribute("fill", "none");
+    svg.setAttribute("stroke", "currentColor");
+    svg.setAttribute("stroke-width", "2");
+    svg.setAttribute("class", "w-4 h-4 text-gray-400");
+    svg.setAttribute("data-sort-icon", "true");
+
+    const path = document.createElementNS(svgNS, "path");
+    path.setAttribute("stroke-linecap", "round");
+    path.setAttribute("stroke-linejoin", "round");
+    path.setAttribute(
+        "d",
+        "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9"
+    );
+
+    svg.appendChild(path);
+
+    return svg;
+};
+
+export { createSortIcon };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildTableVersions/V1/BuildHeaderVersions/V1/CreateHeaderRow/CreateHeaderCell/createTH.js

@@ -0,0 +1,12 @@
+const createTH = (key) => {
+    const th = document.createElement("th");
+
+    th.className =
+        "px-6 py-3 text-left border-b border-gray-200 bg-gray-50 hover:bg-gray-100 transition-colors cursor-pointer";
+
+    th.dataset.key = key;
+
+    return th;
+};
+
+export { createTH };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildTableVersions/V1/BuildHeaderVersions/V1/CreateHeaderRow/CreateHeaderCell/createText.js

@@ -0,0 +1,7 @@
+const createText = (key) => {
+    const span = document.createElement("span");
+    span.textContent = key;
+    return span;
+};
+
+export { createText };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildTableVersions/V1/BuildHeaderVersions/V1/CreateHeaderRow/CreateHeaderCell/createWrapper.js

@@ -0,0 +1,14 @@
+import { createText } from "./createText.js";
+import { createSortIcon } from "./createSortIcon.js";
+
+const createWrapper = (key) => {
+    const div = document.createElement("div");
+    div.className = "flex items-center gap-1 text-base font-bold text-gray-800";
+
+    div.appendChild(createText(key));
+    div.appendChild(createSortIcon());
+
+    return div;
+};
+
+export { createWrapper };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildTableVersions/V1/BuildHeaderVersions/V1/CreateHeaderRow/CreateHeaderCell/start.js

@@ -0,0 +1,15 @@
+import { createTH } from "./createTH.js";
+import { createWrapper } from "./createWrapper.js";
+
+const createHeaderCell = (key) => {
+    const th = createTH(key);
+
+    const wrapper = createWrapper(key);
+
+    // attach to TH
+    th.appendChild(wrapper);
+
+    return th;
+};
+
+export { createHeaderCell };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildTableVersions/V1/BuildHeaderVersions/V1/CreateHeaderRow/insertCells.js

@@ -0,0 +1,9 @@
+import { createHeaderCell } from "./CreateHeaderCell/start.js";
+
+const startFunc = ({ inVisibleColumns, tr }) => {
+    inVisibleColumns.forEach(key => {
+        tr.appendChild(createHeaderCell(key));
+    });
+};
+
+export { startFunc };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildTableVersions/V1/BuildHeaderVersions/V1/CreateHeaderRow/start.js

@@ -0,0 +1,32 @@
+import { startFunc as insertRowCells } from "./insertCells.js";
+
+const startFunc = ({ options, inVisibleColumns }) => {
+    const tr = document.createElement("tr");
+
+    if (options.showSerial) tr.appendChild(getSerialColumn());
+
+    insertRowCells({ tr, inVisibleColumns });
+
+    if (options.showActions) {
+        tr.appendChild(getOptionsColumn());
+    };
+
+    return tr;
+};
+
+const getSerialColumn = () => {
+    const thIndex = document.createElement("th");
+    thIndex.textContent = "#";
+    thIndex.className = "px-4 py-2 border";
+
+    return thIndex
+};
+
+const getOptionsColumn = () => {
+    const thIndex = document.createElement("th");
+    thIndex.textContent = "options";
+
+    return thIndex
+};
+
+export { startFunc };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildTableVersions/V1/BuildHeaderVersions/V1/start.js

@@ -0,0 +1,12 @@
+import { startFunc as createHeaderRow } from "./CreateHeaderRow/start.js";
+
+const buildHeader = ({ inContainerEl, inDom, options, inVisibleColumns }) => {
+    const containerEl = inContainerEl;
+
+    const tr = createHeaderRow({ options, inVisibleColumns });
+    const tableHeader = inDom.getTableHeader(containerEl);
+
+    tableHeader.appendChild(tr);
+};
+
+export { buildHeader };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildTableVersions/V1/DeleteRow/afterMutation.js

@@ -0,0 +1,38 @@
+import { refreshTable } from "../refresh.js";
+
+const afterMutation = async ({
+    inServices,
+    inEndPoints,
+    inDataStore,
+    inContainerEl,
+    inDom,
+    inOptions,
+    inVisibleColumns
+}) => {
+
+    // 1. get fresh data
+    const freshData = await inServices.actions.getData({
+        inEndPoint: inEndPoints.read
+    });
+
+    // 2. update store
+    inDataStore.setData(freshData);
+
+    // 3. refresh UI (only body)
+    refreshTable({
+        inContainerEl, inDataStore, inDom, inOptions,
+        inVisibleColumns
+    });
+
+    // 4. restore focus (optional)
+    focusFooter({ inContainerEl });
+};
+
+const focusFooter = ({ inContainerEl }) => {
+    const el = inContainerEl.querySelector(
+        "tfoot input, tfoot select, tfoot textarea"
+    );
+    el?.focus();
+};
+
+export { afterMutation };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildTableVersions/V1/init.js

@@ -0,0 +1,54 @@
+import { buildHeader } from "./BuildHeaderVersions/V1/start.js";
+import { buildFooter } from "./BuildFooterVersions/V3/start.js";
+import { pureBuildBody } from "./BuildBodyVersions/V1/pureBuildBody.js";
+
+const initTable = ({ inContainerEl, inDataStore, inDom, inServices, inOptions, inEndPoints, inColumnsConfig,
+    inShowFooter, inData, inVisibleColumns, onDelete, inShowActions, inShowSerial, inIsDisabled }) => {
+    const data = inData;
+    const columns = inDataStore.getColumns();
+    const visibleColumns = inVisibleColumns;
+    const showActions = inShowActions;
+    const showSerial = inShowSerial;
+
+    buildHeader({
+        inVisibleColumns: visibleColumns,
+        inContainerEl,
+        inDom,
+        options: {
+            showActions,
+            showSerial
+        }
+    });
+
+    pureBuildBody({
+        inContainerEl,
+        inVisibleColumns: visibleColumns,
+        inData: data,
+        inDom,
+        options: {
+            showActions,
+            showSerial,
+            onEdit: ({ item }) => console.log("edit", item),
+            onDelete
+        }
+    });
+
+    if (inShowFooter) {
+        buildFooter({
+            inContainerEl,
+            inDataStore,
+            inDom,
+            inServices,
+            inOptions,
+            inEndPoints,
+            inColumnsConfig,
+            inVisibleColumns,
+            inShowActions,
+            inShowSerial
+        });
+    };
+
+    // hookAllListeners({ inContainerEl, inDataStore, inDom, inOptions });
+};
+
+export { initTable };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildTableVersions/V1/start.js

@@ -0,0 +1,37 @@
+import { buildHeader } from "./BuildHeader/start.js";
+import { buildBody } from "./BuildBody/buildBody.js";
+import { buildFooter } from "./BuildFooter/start.js";
+
+import { hookAllListeners } from "./AddListeners/start.js";
+
+const buildTable = ({ inContainerEl, inDataStore, inDom, inServices, inOptions, inEndPoints }) => {
+    buildHeader({
+        inContainerEl,
+        inDataStore,
+        inDom
+    });
+
+    buildBody({
+        inContainerEl,
+        inDataStore,
+        inDom,
+        options: {
+            showActions: true,
+            onEdit: ({ item }) => console.log("edit", item),
+            onDelete: ({ index }) => console.log("delete", index)
+        }
+    });
+
+    buildFooter({
+        inContainerEl,
+        inDataStore,
+        inDom,
+        inServices,
+        inOptions,
+        inEndPoints
+    });
+
+    hookAllListeners({ inContainerEl, inDataStore, inDom });
+};
+
+export { buildTable };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildTableVersions/V2/BuildBodyVersions/V1/buildBody.js

@@ -0,0 +1,16 @@
+import { buildRow } from "./buildRow.js";
+
+const buildBody = ({ inDataStore, inContainerEl, inDom, options }) => {
+    const tableBody = inDom.getTableBody(inContainerEl);
+    const data = inDataStore.getData();
+    const columns = inDataStore.getColumns();
+
+    tableBody.innerHTML = "";
+
+    data.forEach((item, index) => {
+        const row = buildRow({ item, index, columns, options });
+        tableBody.appendChild(row);
+    });
+};
+
+export { buildBody };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildTableVersions/V2/BuildBodyVersions/V1/buildRow.js

@@ -0,0 +1,48 @@
+import { createRow } from "./createRow.js";
+import { createIndexCell } from "./createIndexCell.js";
+import { createDataCell } from "./createDataCell.js";
+import { createOptionsCell } from "./createOptionsCell.js";
+
+const buildRow = ({ item, index, inVisibleColumns, options, searchValue }) => {
+    const tr = createRow({
+        inClassName: "border-t hover:bg-blue-100 odd:bg-gray-100",
+        inPk: item?.pk
+    });
+
+    appendSerialCell(tr, options?.showSerial, index);
+
+    appendDataCells({ tr, item, columns: inVisibleColumns, searchValue });
+    appendActionCell({ tr, item, index, options, searchValue });
+
+    return tr;
+};
+
+const appendSerialCell = (tr, showSerial, index) => {
+    if (showSerial) {
+        tr.appendChild(createIndexCell(index));
+    };
+};
+
+const appendDataCells = ({ tr, item, columns, searchValue }) => {
+    columns.forEach((key) => {
+        tr.appendChild(createDataCell({
+            value: item[key],
+            searchValue
+        }));
+    });
+};
+
+const appendActionCell = ({ tr, item, index, options, searchValue }) => {
+    if (options?.showActions) {
+        tr.appendChild(
+            createOptionsCell({
+                item,
+                index,
+                onEdit: options.onEdit,
+                onDelete: options.onDelete
+            })
+        );
+    };
+};
+
+export { buildRow };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildTableVersions/V2/BuildBodyVersions/V1/createDataCell.js

@@ -0,0 +1,18 @@
+import { highlight } from "./highlight.js";
+
+const createDataCell = ({ value, searchValue }) => {
+    const td = document.createElement("td");
+    // debugger;
+    td.className = "px-4 py-2 border";
+    // td.textContent = (value ?? "").toString();
+
+    if (searchValue === "") {
+        td.innerHTML = (value ?? "").toString();
+    } else {
+        td.innerHTML = highlight({ text: (value ?? "").toString(), searchValue });
+    };
+
+    return td;
+};
+
+export { createDataCell };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildTableVersions/V2/BuildBodyVersions/V1/createIndexCell.js

@@ -0,0 +1,8 @@
+const createIndexCell = (index) => {
+    const td = document.createElement("td");
+    td.className = "px-4 py-2 border text-right";
+    td.textContent = index + 1;
+    return td;
+};
+
+export { createIndexCell };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildTableVersions/V2/BuildBodyVersions/V1/createOptionsCell.js

@@ -0,0 +1,21 @@
+const createOptionsCell = ({ item, index, onEdit, onDelete }) => {
+    const td = document.createElement("td");
+    td.className = "px-4 py-2 border flex gap-2";
+
+    const editBtn = document.createElement("button");
+    editBtn.textContent = "Edit";
+    editBtn.className = "px-2 py-1 bg-yellow-400 text-white rounded";
+    editBtn.onclick = () => onEdit?.({ item, index });
+
+    const deleteBtn = document.createElement("button");
+    deleteBtn.textContent = "Delete";
+    deleteBtn.className = "px-2 py-1 bg-red-500 text-white rounded";
+    deleteBtn.onclick = () => onDelete?.({ item, index, presentPk: item.pk });
+
+    td.appendChild(editBtn);
+    td.appendChild(deleteBtn);
+
+    return td;
+};
+
+export { createOptionsCell };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildTableVersions/V2/BuildBodyVersions/V1/createRow.js

@@ -0,0 +1,9 @@
+const createRow = ({ inPk, inClassName }) => {
+    const tr = document.createElement("tr");
+    tr.className = inClassName;
+    tr.dataset.pk = inPk;
+
+    return tr;
+};
+
+export { createRow };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildTableVersions/V2/BuildBodyVersions/V1/highlight.js

@@ -0,0 +1,15 @@
+const highlight = ({ text = "", searchValue = "" }) => {
+    if (!searchValue) return text;
+
+    try {
+        const safeSearch = searchValue.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"); // escape regex
+        const regex = new RegExp(`(${safeSearch})`, "gi");
+        // return text.replace(regex, `<mark>$1</mark>`);
+        // return text.replace(regex, `<mark class="bg-yellow-300 px-1 rounded">$1</mark>`);
+        return text.replace(regex, `<mark class="bg-yellow-300">$1</mark>`);
+    } catch (e) {
+        return text; // fallback
+    }
+};
+
+export { highlight };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildTableVersions/V2/BuildBodyVersions/V1/pureBuildBody.js

@@ -0,0 +1,15 @@
+import { buildRow } from "./buildRow.js";
+
+const pureBuildBody = ({ inData, inVisibleColumns, inContainerEl, inDom, options, searchValue = "" }) => {
+    const tableBody = inDom.getTableBody(inContainerEl);
+    const data = inData;
+    // debugger;
+    tableBody.innerHTML = "";
+
+    data.forEach((item, index) => {
+        const row = buildRow({ item, index, inVisibleColumns, options, searchValue });
+        tableBody.appendChild(row);
+    });
+};
+
+export { pureBuildBody };