tailwind-table-dom 1.2.8 → 1.3.11

package/bin/table/v2/commands/table/template/v8/BuildTableOnlyWithVersions/V5/BuildForm/V1/createForm.js

@@ -1,65 +0,0 @@
-const collectFormData = (inputs) => {
-    const newItem = {};
-
-    Object.keys(inputs).forEach(key => {
-        newItem[key] = inputs[key].value;
-    });
-
-    return newItem;
-};
-
-const createInputRow = ({ col, defaultRow, inputs, inputClass, rowClass, labelClass }) => {
-    const row = document.createElement('div');
-    row.className = rowClass;
-
-    const label = document.createElement('label');
-    label.textContent = col;
-    label.className = labelClass;
-
-    const input = document.createElement('input');
-    input.className = inputClass;
-    input.name = col;
-
-    // auto-fill
-    input.value = defaultRow?.[col] ?? "";
-
-    inputs[col] = input;
-
-    row.appendChild(label);
-    row.appendChild(input);
-
-    return row;
-};
-
-const createForm = ({ columns, onSubmit, inDefaultRow, uiClasses }) => {
-    const { formClass, inputClass, buttonClass, rowClass, labelClass } = uiClasses;   // ✅ correct
-
-    const form = document.createElement('div');
-    form.className = formClass;
-
-    const inputs = {};
-
-    columns.forEach(col => {
-        const row = createInputRow({
-            col, defaultRow: inDefaultRow,
-            inputs,
-            inputClass, rowClass, labelClass
-        });
-        form.appendChild(row);
-    });
-
-    const button = document.createElement('button');
-    button.textContent = 'Save';
-    button.className = buttonClass;
-
-    button.onclick = () => {
-        const newItem = collectFormData(inputs);
-        onSubmit(newItem);
-    };
-
-    form.appendChild(button);
-
-    return form;
-};
-
-export { createForm };

package/bin/table/v2/commands/table/template/v8/BuildTableOnlyWithVersions/V5/BuildForm/V2/clearFormInputs.js

@@ -1,9 +0,0 @@
-const clearFormInputs = ({ inInputs }) => {
-    const inputs = inInputs;
-
-    Object.values(inputs).forEach(input => {
-        input.value = "";
-    });
-};
-
-export { clearFormInputs };

package/bin/table/v2/commands/table/template/v8/BuildTableOnlyWithVersions/V5/BuildForm/V2/collectFormData.js

@@ -1,13 +0,0 @@
-const collectFormData = ({ inInputs }) => {
-    const inputs = inInputs;
-
-    const newItem = {};
-
-    Object.keys(inputs).forEach(key => {
-        newItem[key] = inputs[key].value;
-    });
-
-    return newItem;
-};
-
-export { collectFormData };

package/bin/table/v2/commands/table/template/v8/BuildTableOnlyWithVersions/V5/BuildForm/V2/createButton.js

@@ -1,29 +0,0 @@
-import { collectFormData } from "./collectFormData.js";
-import { clearFormInputs } from "./clearFormInputs.js";
-import { focusFirstInput } from "./focusFirstInput.js";
-
-const createButton = ({ inButtonClass, inInputs, inOnSubmit }) => {
-
-    const buttonClass = inButtonClass;
-    const inputs = inInputs;
-    const onSubmit = inOnSubmit;
-
-    const button = document.createElement('button');
-    button.textContent = 'Save';
-    button.className = buttonClass;
-
-    button.addEventListener('click', () => {
-
-        const newItem = collectFormData({ inInputs: inputs });
-
-        onSubmit(newItem);
-
-        clearFormInputs({ inInputs: inputs });
-
-        focusFirstInput({ inInputs: inputs });
-    });
-
-    return button;
-};
-
-export { createButton };

package/bin/table/v2/commands/table/template/v8/BuildTableOnlyWithVersions/V5/BuildForm/V2/createForm.js

@@ -1,44 +0,0 @@
-import { createInputRow } from "./createInputRow.js";
-import { createButton } from "./createButton.js";
-
-const createForm = ({ columns, inDataStore,
-    inDefaultRow, onSubmit, uiClasses }) => {
-
-    const defaultRow = inDefaultRow;
-
-    const formClass = uiClasses.formClass;
-    const inputClass = uiClasses.inputClass;
-    const buttonClass = uiClasses.buttonClass;
-    const rowClass = uiClasses.rowClass;
-    const labelClass = uiClasses.labelClass;
-
-    const form = document.createElement('div');
-    form.className = formClass;
-
-    const inputs = {};
-
-    columns.forEach(col => {
-        const row = createInputRow({
-            inCol: col,
-            inDefaultRow: defaultRow,
-            inInputs: inputs,
-            inInputClass: inputClass,
-            inRowClass: rowClass,
-            inLabelClass: labelClass
-        });
-
-        form.appendChild(row);
-    });
-
-    const button = createButton({
-        inButtonClass: buttonClass,
-        inInputs: inputs,
-        inOnSubmit: onSubmit
-    });
-
-    form.appendChild(button);
-
-    return form;
-};
-
-export { createForm };

package/bin/table/v2/commands/table/template/v8/BuildTableOnlyWithVersions/V5/BuildForm/V2/createInputRow.js

@@ -1,32 +0,0 @@
-const createInputRow = ({ inCol, inDefaultRow, inInputs, inInputClass,
-    inRowClass, inLabelClass }) => {
-
-    const col = inCol;
-    const defaultRow = inDefaultRow;
-    const inputs = inInputs;
-    const inputClass = inInputClass;
-    const rowClass = inRowClass;
-    const labelClass = inLabelClass;
-
-    const row = document.createElement('div');
-    row.className = rowClass;
-
-    const label = document.createElement('label');
-    label.textContent = col;
-    label.className = labelClass;
-
-    const input = document.createElement('input');
-    input.className = inputClass;
-    input.name = col;
-
-    input.value = defaultRow?.[col] ?? "";
-
-    inputs[col] = input;
-
-    row.appendChild(label);
-    row.appendChild(input);
-
-    return row;
-};
-
-export { createInputRow };

package/bin/table/v2/commands/table/template/v8/BuildTableOnlyWithVersions/V5/BuildForm/V2/focusFirstInput.js

@@ -1,11 +0,0 @@
-const focusFirstInput = ({ inInputs }) => {
-    const inputs = inInputs;
-    debugger
-    const firstKey = Object.keys(inputs)[0];
-
-    if (firstKey) {
-        inputs[firstKey].focus();
-    }
-};
-
-export { focusFirstInput };

package/bin/table/v2/commands/table/template/v8/BuildTableOnlyWithVersions/V5/BuildForm/V3/clearFormInputs.js

@@ -1,9 +0,0 @@
-const clearFormInputs = ({ inInputs }) => {
-    const inputs = inInputs;
-
-    Object.values(inputs).forEach(input => {
-        input.value = "";
-    });
-};
-
-export { clearFormInputs };

package/bin/table/v2/commands/table/template/v8/BuildTableOnlyWithVersions/V5/BuildForm/V3/collectFormData.js

@@ -1,13 +0,0 @@
-const collectFormData = ({ inInputs }) => {
-    const inputs = inInputs;
-
-    const newItem = {};
-
-    Object.keys(inputs).forEach(key => {
-        newItem[key] = inputs[key].value;
-    });
-
-    return newItem;
-};
-
-export { collectFormData };

package/bin/table/v2/commands/table/template/v8/BuildTableOnlyWithVersions/V5/BuildForm/V3/createButton.js

@@ -1,30 +0,0 @@
-import { collectFormData } from "./collectFormData.js";
-import { clearFormInputs } from "./clearFormInputs.js";
-import { focusFirstInput } from "./focusFirstInput.js";
-
-const createButton = ({ inButtonClass, inInputs, inOnSubmit }) => {
-
-    const buttonClass = inButtonClass;
-    const inputs = inInputs;
-    const onSubmit = inOnSubmit;
-
-    const button = document.createElement('button');
-    button.textContent = 'Save';
-    button.className = buttonClass;
-
-    button.addEventListener('click', async (event) => {
-        event.preventDefault(); // 🔥 THIS IS THE KEY
-
-        const newItem = collectFormData({ inInputs: inputs });
-
-        await onSubmit(newItem);
-
-        clearFormInputs({ inInputs: inputs });
-
-        focusFirstInput({ inInputs: inputs });
-    });
-
-    return button;
-};
-
-export { createButton };

package/bin/table/v2/commands/table/template/v8/BuildTableOnlyWithVersions/V5/BuildForm/V3/createForm.js

@@ -1,52 +0,0 @@
-import { createInputRow } from "./createInputRow.js";
-import { createButton } from "./createButton.js";
-
-const createForm = ({ columns, inDataStore, showSaveButton,
-    inDefaultRow, onSubmit, uiClasses, inIsDisabled, inVisibleColumnsConfig }) => {
-    debugger;
-    const defaultRow = inDefaultRow;
-
-    const formClass = uiClasses.formClass;
-    const inputClass = uiClasses.inputClass;
-    const buttonClass = uiClasses.buttonClass;
-    const rowClass = uiClasses.rowClass;
-    const labelClass = uiClasses.labelClass;
-    // debugger;
-    const form = document.createElement('form');
-    form.className = "verticalForm";
-
-    const fieldset = document.createElement('fieldset');
-    fieldset.className = formClass;
-
-    fieldset.disabled = inIsDisabled; // when needed
-
-    form.appendChild(fieldset);
-    const inputs = {};
-
-    inVisibleColumnsConfig.forEach(col => {
-        const row = createInputRow({
-            inCol: col,
-            inDefaultRow: defaultRow,
-            inInputs: inputs,
-            inInputClass: inputClass,
-            inRowClass: rowClass,
-            inLabelClass: labelClass,
-        });
-
-        fieldset.appendChild(row);
-    });
-
-    if (showSaveButton) {
-        const button = createButton({
-            inButtonClass: buttonClass,
-            inInputs: inputs,
-            inOnSubmit: onSubmit
-        });
-
-        fieldset.appendChild(button);
-    };
-
-    return form;
-};
-
-export { createForm };

package/bin/table/v2/commands/table/template/v8/BuildTableOnlyWithVersions/V5/BuildForm/V3/createInputRow.js

@@ -1,71 +0,0 @@
-// 📁 createInputRow.js
-
-const createLabel = ({ col, labelClass }) => {
-    const label = document.createElement('label');
-    label.textContent = col;
-    label.className = labelClass;
-    return label;
-};
-
-const createInput = ({ col, inputClass, value, inShowDataList }) => {
-    const input = document.createElement('input');
-    input.className = inputClass;
-    input.name = col;
-    input.value = value ?? "";
-
-    if (inShowDataList) {
-        input.setAttribute("list", `${col}List`);
-    };
-
-    return input;
-};
-
-const resolveValue = ({ col, defaultRow }) => {
-    return defaultRow?.[col] ?? "";
-};
-
-const createRowContainer = ({ rowClass }) => {
-    const row = document.createElement('div');
-    row.className = rowClass;
-    return row;
-};
-
-const attachToInputs = ({ inputs, col, input }) => {
-    inputs[col] = input;
-};
-
-const assembleRow = ({ row, label, input }) => {
-    row.appendChild(label);
-    row.appendChild(input);
-    return row;
-};
-
-const createInputRow = ({
-    inCol,
-    inDefaultRow,
-    inInputs,
-    inInputClass,
-    inRowClass,
-    inLabelClass
-}) => {
-    const col = inCol.columnName;
-
-    const row = createRowContainer({ rowClass: inRowClass });
-
-    const value = resolveValue({ col, defaultRow: inDefaultRow });
-
-    const label = createLabel({ col, labelClass: inLabelClass });
-
-    const input = createInput({
-        col,
-        inputClass: inInputClass,
-        value,
-        inShowDataList: inCol.tableFooterDataListShow
-    });
-
-    attachToInputs({ inputs: inInputs, col, input });
-
-    return assembleRow({ row, label, input });
-};
-
-export { createInputRow };

package/bin/table/v2/commands/table/template/v8/BuildTableOnlyWithVersions/V5/BuildForm/V3/focusFirstInput.js

@@ -1,11 +0,0 @@
-const focusFirstInput = ({ inInputs }) => {
-    const inputs = inInputs;
-    debugger
-    const firstKey = Object.keys(inputs)[0];
-
-    if (firstKey) {
-        inputs[firstKey].focus();
-    }
-};
-
-export { focusFirstInput };

package/bin/table/v2/commands/table/template/v8/BuildTableOnlyWithVersions/V5/BuildForm/applyProjection.js

@@ -1,15 +0,0 @@
-const applyProjection = ({ row, projection }) => {
-    if (!row || !projection) return row;
-
-    const updatedRow = { ...row };
-
-    Object.keys(projection).forEach((key) => {
-        if (key in updatedRow) {
-            updatedRow[key] = projection[key];
-        }
-    });
-
-    return updatedRow;
-};
-
-export { applyProjection };

package/bin/table/v2/commands/table/template/v8/BuildTableOnlyWithVersions/V5/BuildForm/start.js

@@ -1,86 +0,0 @@
-import { createForm } from "./V3/createForm.js";
-import { afterMutation } from "../afterMutation.js";
-// import { applyProjection } from "./applyProjection.js";
-
-const buildForm = ({
-    inContainerEl,
-    inDataStore,
-    inDom,
-    inServices,
-    inOptions,
-    inEndPoints,
-    inColumnsConfig,
-    inShowFooter,
-    inData,
-    inVisibleColumns,
-    inVisibleColumnsConfig,
-    onDelete,
-    inShowActions,
-    inShowSerial,
-    isBuildDataLists,
-    inDefaultRow,
-    inFormClass,
-    inButtonClass,
-    uiClasses,
-    inIsDisabled,
-    showSaveButton,
-    inFindData,
-    inShowTable,
-    incallbacks
-}) => {
-    const handleSave = async (newItem) => {
-        debugger;
-        const res = await inServices.actions.vertical.save({
-            inEndPoint: inEndPoints.create,
-            payload: newItem
-        });
-        
-        if (res.ok) {
-            if (incallbacks?.vertical?.onSuccess) {
-                incallbacks?.vertical?.onSuccess(res);
-                return; // 🚫 stop library flow
-            };
-        };
-
-        // afterMutation({
-        //     inServices,
-        //     inEndPoints,
-        //     inDataStore,
-        //     inContainerEl,
-        //     inDom,
-        //     inOptions,
-        //     inVisibleColumns,
-        //     onDelete,
-        //     isBuildDataLists,
-        //     inShowActions, inShowSerial,
-        //     inDefaultRow,
-        //     inShowTable
-        // });
-    };
-
-    const form = createForm({
-        columns: inVisibleColumns,
-        inVisibleColumnsConfig,
-        inDataStore,
-        inDefaultRow,
-        onSubmit: handleSave,
-        uiClasses,
-        inIsDisabled,
-        showSaveButton
-    });
-
-    inContainerEl.prepend(form);
-    // debugger;
-    applyProjectionToTableRow({ tr: form, projection: inFindData })
-};
-
-const applyProjectionToTableRow = ({ tr, projection }) => {
-    Object.entries(projection).forEach(([key, value]) => {
-        const cell = tr.querySelector(`[name="${key}"]`);
-        if (cell) {
-            cell.value = value;
-        }
-    });
-};
-
-export { buildForm };

package/bin/table/v2/commands/table/template/v8/BuildTableOnlyWithVersions/V5/BuildTableVersions/V2/BuildBodyVersions/V1/buildBody.js

@@ -1,16 +0,0 @@
-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/table/v2/commands/table/template/v8/BuildTableOnlyWithVersions/V5/BuildTableVersions/V2/BuildBodyVersions/V1/buildRow.js

@@ -1,49 +0,0 @@
-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 }) => {
-    // debugger;
-    if (options?.showActions) {
-        tr.appendChild(
-            createOptionsCell({
-                item,
-                index,
-                onEdit: options.onEdit,
-                onDelete: options.onDelete
-            })
-        );
-    };
-};
-
-export { buildRow };

package/bin/table/v2/commands/table/template/v8/BuildTableOnlyWithVersions/V5/BuildTableVersions/V2/BuildBodyVersions/V1/createDataCell.js

@@ -1,18 +0,0 @@
-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/table/v2/commands/table/template/v8/BuildTableOnlyWithVersions/V5/BuildTableVersions/V2/BuildBodyVersions/V1/createIndexCell.js

@@ -1,8 +0,0 @@
-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/table/v2/commands/table/template/v8/BuildTableOnlyWithVersions/V5/BuildTableVersions/V2/BuildBodyVersions/V1/createOptionsCell.js

@@ -1,21 +0,0 @@
-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 });
-    // debugger;
-    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/table/v2/commands/table/template/v8/BuildTableOnlyWithVersions/V5/BuildTableVersions/V2/BuildBodyVersions/V1/createRow.js

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

package/bin/table/v2/commands/table/template/v8/BuildTableOnlyWithVersions/V5/BuildTableVersions/V2/BuildBodyVersions/V1/highlight.js

@@ -1,15 +0,0 @@
-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/table/v2/commands/table/template/v8/BuildTableOnlyWithVersions/V5/BuildTableVersions/V2/BuildBodyVersions/V1/pureBuildBody.js

@@ -1,25 +0,0 @@
-import { buildRow } from "./buildRow.js";
-
-const pureBuildBody = ({ inData, inVisibleColumns, inContainerEl, inDom, options, searchValue = "" }) => {
-    if (!inData || inData.length === 0) return showNoData({ inContainerEl, inDom });
-
-    buildRows({ inData, inVisibleColumns, inContainerEl, inDom, options, searchValue });
-};
-
-const showNoData = ({ inContainerEl, inDom }) => {
-    const tableBody = inDom.getTableBody(inContainerEl);
-    tableBody.innerHTML = `<tr><td colspan="100%" style="text-align:center;padding:20px;color:#888;font-style:italic;">No records found</td></tr>`;
-};
-
-const buildRows = ({ inData, inVisibleColumns, inContainerEl, inDom, options, searchValue }) => {
-    const tableBody = inDom.getTableBody(inContainerEl);
-    tableBody.innerHTML = "";
-
-    inData.forEach((item, index) => {
-        const row = buildRow({ item, index, inVisibleColumns, options, searchValue });
-
-        tableBody.appendChild(row);
-    });
-};
-
-export { pureBuildBody };