tailwind-table-dom 1.2.8 → 1.3.11

package/bin/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V2/CreateFooterRow/createFooterInput.js

@@ -1,29 +0,0 @@
-// createFooterInput.js
-
-const createFooterInput = ({ key, onChangeFunc, showDataList, inColumnsConfig }) => {
-    const input = document.createElement("input");
-
-    input.type = "text";
-    input.placeholder = key;
-    input.name = key;
-    input.className = "w-full px-2 py-1 border rounded text-md";
-
-    const findColumn = inColumnsConfig.find(element => {
-        return element.columnName === key;
-    });
-
-    if (showDataList && findColumn?.tableFooterDataListShow) {
-        input.setAttribute("list", `${key}List`);
-    };
-
-    // input.addEventListener("input", (e) => {
-    //     onChange?.({
-    //         key,
-    //         value: e.target.value
-    //     });
-    // });
-
-    return input;
-};
-
-export { createFooterInput };

package/bin/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V2/CreateFooterRow/insertCells.js

@@ -1,14 +0,0 @@
-import { createFooterCell } from "./createFooterCell.js";
-
-const startFunc = (keys, tr, options = {}) => {
-    keys.forEach(key => {
-        tr.appendChild(createFooterCell({
-            key,
-            onChangeFunc: options.onChange,
-            showDataList: options.showDataList,
-            inColumnsConfig: options.inColumnsConfig
-        }));
-    });
-};
-
-export { startFunc };

package/bin/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V2/CreateFooterRow/start.js

@@ -1,23 +0,0 @@
-import { startFunc as insertRowCells } from "./insertCells.js";
-import { appendFooterSaveCell } from "./appendFooterSaveCell.js";
-
-const startFunc = ({ keys, options }) => {
-    const tr = document.createElement("tr");
-
-    if (options?.showSerial) tr.appendChild(getSerialColumn());
-
-    insertRowCells(keys, tr, options);
-
-    tr.appendChild(appendFooterSaveCell(options));
-
-    return tr;
-};
-
-const getSerialColumn = () => {
-    const thIndex = document.createElement("td");
-    thIndex.className = "px-4 py-2 border";
-
-    return thIndex
-};
-
-export { startFunc };

package/bin/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V2/DomManipulation/clearErrors.js

@@ -1,7 +0,0 @@
-const clearErrors = (tr) => {
-    tr.querySelectorAll(".ks-error").forEach(el => el.remove());
-    tr.querySelectorAll(".border-red-500")
-        .forEach(el => el.classList.remove("border-red-500"));
-};
-
-export { clearErrors };

package/bin/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V2/DomManipulation/clearFooterInputs.js

@@ -1,11 +0,0 @@
-const clearFooterInputs = (tr) => {
-    tr.querySelectorAll("input, select, textarea").forEach(el => {
-        if (el.tagName === "SELECT") {
-            el.selectedIndex = 0;
-        } else {
-            el.value = "";
-        }
-    });
-};
-
-export { clearFooterInputs };

package/bin/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V2/DomManipulation/showErrors.js

@@ -1,32 +0,0 @@
-// DomManipulation/showErrors.js
-
-import { clearErrors } from "./clearErrors.js";
-
-const showErrors = (tr, errors) => {
-    clearErrors(tr);
-
-    let firstInput = null;
-
-    errors.forEach(({ field, message }, index) => {
-        const input = tr.querySelector(`[name="${field}"]`);
-        if (!input) return;
-
-        if (!firstInput) firstInput = input; // capture first
-
-        input.classList.add("border-red-500");
-
-        const errEl = document.createElement("div");
-        errEl.className = "text-red-500 text-xs mt-1 ks-error";
-        errEl.textContent = message;
-
-        input.parentElement.appendChild(errEl);
-    });
-
-    // 👉 focus + optional select
-    if (firstInput) {
-        firstInput.focus();
-        firstInput.select?.();
-    }
-};
-
-export { showErrors };

package/bin/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V2/Utils/validateRow copy.js

@@ -1,18 +0,0 @@
-// Utils/validateRow.js
-
-const validateRow = (payload) => {
-    const errors = [];
-
-    Object.entries(payload).forEach(([key, value]) => {
-        if (value === null || value === undefined || String(value).trim() === "") {
-            errors.push({
-                field: key,
-                message: `${key} is required`
-            });
-        }
-    });
-
-    return errors;
-};
-
-export { validateRow };

package/bin/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V2/Utils/validateRow.js

@@ -1,14 +0,0 @@
-// Utils/validateRow.js
-
-const validateRow = ({ payload, inColumnsConfig }) => {
-
-    return inColumnsConfig
-        .filter(col => col.isRequired) // ✅ dynamic
-        .filter(col => !payload[col.columnName] || String(payload[col.columnName]).trim() === "")
-        .map(col => ({
-            field: col.columnName,
-            message: `${col.columnName} is required`
-        }));
-};
-
-export { validateRow };

package/bin/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V2/afterMutation.js

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

package/bin/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V2/getFooterPayload.js

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

package/bin/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V2/saveFooterRow.js

@@ -1,59 +0,0 @@
-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
-}) => {
-
-    const payload = getFooterPayload({ tr, inDataStore, inDom });
-
-    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
-    });
-};
-
-const focusFooter = ({ inContainerEl }) => {
-    const el = inContainerEl.querySelector(
-        "tfoot input, tfoot select, tfoot textarea"
-    );
-    el?.focus();
-};
-
-export { saveFooterRow };

package/bin/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V2/start copy.js

@@ -1,64 +0,0 @@
-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/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V2/start.js

@@ -1,40 +0,0 @@
-import { startFunc as createFooterRow } from "./CreateFooterRow/start.js";
-import { saveFooterRow } from "./saveFooterRow.js";
-
-const buildFooter = ({ inDataStore, inContainerEl, inDom, inServices, inOptions, inEndPoints, inColumnsConfig }) => {
-    const handleSave = async (e) => {
-        const tr = e.target.closest("tr");
-
-        await saveFooterRow({
-            tr,
-            inDataStore,
-            inDom,
-            inServices,
-            inEndPoints,
-            inContainerEl,
-            inOptions,
-            inColumnsConfig
-        });
-    };
-
-    const columns = inDataStore.getColumns();
-    const visibleColumns = columns.filter(col => {
-        const cfg = inColumnsConfig.find(c => c.columnName === col);
-        return cfg?.isVisible !== false;
-    });
-
-    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/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V3/CreateFooterRow/CreateHeaderCell/assemble.js

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

package/bin/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V3/CreateFooterRow/CreateHeaderCell/createSortIcon.js

@@ -1,25 +0,0 @@
-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/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V3/CreateFooterRow/CreateHeaderCell/createTH.js

@@ -1,12 +0,0 @@
-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/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V3/CreateFooterRow/CreateHeaderCell/createText.js

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

package/bin/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V3/CreateFooterRow/CreateHeaderCell/createWrapper.js

@@ -1,14 +0,0 @@
-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/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V3/CreateFooterRow/CreateHeaderCell/start.js

@@ -1,15 +0,0 @@
-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/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V3/CreateFooterRow/appendFooterSaveCell.js

@@ -1,19 +0,0 @@
-const appendFooterSaveCell = (options = {}) => {
-    // debugger
-    if (!options?.onSave) return;
-
-    const td = document.createElement("td");
-    td.className = "px-4 py-2 border";
-
-    const btn = document.createElement("button");
-    btn.textContent = "Save";
-    btn.className = "px-3 py-1 bg-green-500 text-white rounded";
-
-    btn.onclick = (e) => options?.onSave?.(e);
-
-    td.appendChild(btn);
-    // debugger
-    return td;
-};
-
-export { appendFooterSaveCell };

package/bin/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V3/CreateFooterRow/createFooterCell.js

@@ -1,15 +0,0 @@
-// createFooterCell.js
-
-import { createFooterInput } from "./createFooterInput.js";
-
-const createFooterCell = ({ key, onChangeFunc, showDataList, inColumnsConfig, inDefaultValue, inTdClass }) => {
-    const td = document.createElement("td");
-    td.className = inTdClass;
-
-    const input = createFooterInput({ key, onChangeFunc, showDataList, inColumnsConfig, inDefaultValue });
-    td.appendChild(input);
-
-    return td;
-};
-
-export { createFooterCell };

package/bin/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V3/CreateFooterRow/createFooterInput.js

@@ -1,31 +0,0 @@
-// createFooterInput.js
-
-const createFooterInput = ({ key, onChangeFunc, showDataList, inColumnsConfig,
-    inDefaultValue, inClasses
-}) => {
-    const input = document.createElement("input");
-
-    input.type = "text";
-    input.placeholder = key;
-    input.name = key;
-    input.className = "w-full px-2 py-1 border rounded text-md";
-
-    const findColumn = inColumnsConfig.find(element => {
-        return element.columnName === key;
-    });
-
-    if (showDataList && findColumn?.tableFooterDataListShow) {
-        input.setAttribute("list", `${key}List`);
-    };
-    // debugger;
-    // console.log("aaaaaaaaa : ", inDefaultValue);
-
-    if (inDefaultValue !== undefined) {
-        input.dataset.defaultValue = inDefaultValue;
-        input.value = inDefaultValue;
-    };
-
-    return input;
-};
-
-export { createFooterInput };

package/bin/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V3/CreateFooterRow/insertCells.js

@@ -1,20 +0,0 @@
-import { createFooterCell } from "./createFooterCell.js";
-
-const startFunc = ({ keys, tr, options = {}, inDefaultRow, inTdClass }) => {
-    const defaultRow = inDefaultRow;
-    // debugger;
-    keys.forEach(key => {
-        const defaultValue = defaultRow[key];
-
-        tr.appendChild(createFooterCell({
-            key,
-            inDefaultValue: defaultValue,
-            onChangeFunc: options.onChange,
-            showDataList: options.showDataList,
-            inColumnsConfig: options.inColumnsConfig,
-            inTdClass
-        }));
-    });
-};
-
-export { startFunc };

package/bin/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V3/CreateFooterRow/start.js

@@ -1,23 +0,0 @@
-import { startFunc as insertRowCells } from "./insertCells.js";
-import { appendFooterSaveCell } from "./appendFooterSaveCell.js";
-
-const startFunc = ({ keys, options, inDefaultRow, inTdClass, inSerialClass }) => {
-    const tr = document.createElement("tr");
-
-    if (options?.showSerial) tr.appendChild(getSerialColumn({ inSerialClass }));
-
-    insertRowCells({ keys, tr, options, inDefaultRow, inTdClass });
-
-    tr.appendChild(appendFooterSaveCell(options));
-
-    return tr;
-};
-
-const getSerialColumn = ({ inSerialClass }) => {
-    const thIndex = document.createElement("td");
-    thIndex.className = inSerialClass;
-
-    return thIndex
-};
-
-export { startFunc };

package/bin/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V3/DomManipulation/clearErrors.js

@@ -1,7 +0,0 @@
-const clearErrors = (tr) => {
-    tr.querySelectorAll(".ks-error").forEach(el => el.remove());
-    tr.querySelectorAll(".border-red-500")
-        .forEach(el => el.classList.remove("border-red-500"));
-};
-
-export { clearErrors };

package/bin/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V3/DomManipulation/clearFooterInputs.js

@@ -1,24 +0,0 @@
-const resetSelect = (el) => {
-    el.selectedIndex = 0;
-};
-
-const resetWithDefault = (el) => {
-    el.value = el.dataset.defaultValue;
-};
-
-const resetEmpty = (el) => {
-    el.value = "";
-};
-
-const handleElement = (el) => {
-    if (el.tagName === "SELECT") return resetSelect(el);
-    if ("defaultValue" in el.dataset) return resetWithDefault(el);
-    return resetEmpty(el);
-};
-
-const clearFooterInputs = (tr) => {
-    const elements = tr.querySelectorAll("input, select, textarea");
-    elements.forEach(handleElement);
-};
-
-export { clearFooterInputs };

package/bin/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V3/DomManipulation/showErrors.js

@@ -1,32 +0,0 @@
-// DomManipulation/showErrors.js
-
-import { clearErrors } from "./clearErrors.js";
-
-const showErrors = (tr, errors) => {
-    clearErrors(tr);
-
-    let firstInput = null;
-
-    errors.forEach(({ field, message }, index) => {
-        const input = tr.querySelector(`[name="${field}"]`);
-        if (!input) return;
-
-        if (!firstInput) firstInput = input; // capture first
-
-        input.classList.add("border-red-500");
-
-        const errEl = document.createElement("div");
-        errEl.className = "text-red-500 text-xs mt-1 ks-error";
-        errEl.textContent = message;
-
-        input.parentElement.appendChild(errEl);
-    });
-
-    // 👉 focus + optional select
-    if (firstInput) {
-        firstInput.focus();
-        firstInput.select?.();
-    }
-};
-
-export { showErrors };

package/bin/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V3/Utils/validateRow copy.js

@@ -1,18 +0,0 @@
-// Utils/validateRow.js
-
-const validateRow = (payload) => {
-    const errors = [];
-
-    Object.entries(payload).forEach(([key, value]) => {
-        if (value === null || value === undefined || String(value).trim() === "") {
-            errors.push({
-                field: key,
-                message: `${key} is required`
-            });
-        }
-    });
-
-    return errors;
-};
-
-export { validateRow };

package/bin/table/v2/commands/table/template/v9/BuildTotal/BuildTableVersions/V2/BuildFooterVersions/V3/Utils/validateRow.js

@@ -1,13 +0,0 @@
-// Utils/validateRow.js
-
-const validateRow = ({ payload, inColumnsConfig }) => {
-    return inColumnsConfig
-        .filter(col => col.isRequired) // ✅ dynamic
-        .filter(col => !payload[col.columnName] || String(payload[col.columnName]).trim() === "")
-        .map(col => ({
-            field: col.columnName,
-            message: `${col.columnName} is required`
-        }));
-};
-
-export { validateRow };