tailwind-table-dom 1.2.8 → 3.11.2

package/bin/table/v2/commands/table/template/v9/BuildTableOnlyWithVersions/V5/handlerFuncs/V3/buildDeleteHandler.js

@@ -1,68 +0,0 @@
-import { afterMutation } from "../../afterMutation.js";
-
-const buildDeleteHandler = ({
-    inServices,
-    inEndPoints,
-    inConfig,
-    inDataStore,
-    inContainerEl,
-    inDom,
-    inOptions,
-    visibleColumns,
-    showActions,
-    showSerial,
-    showTable,
-    isBuildDataLists
-}) => {
-    const deleteFromServer = async ({ presentPk }) => {
-        return await inServices.actions.table.delete({
-            inEndPoint: inEndPoints.delete,
-            id: presentPk
-        });
-    };
-
-    const refreshAfterDelete = () => {
-        afterMutation({
-            inServices,
-            inEndPoints,
-            inDataStore,
-            inContainerEl,
-            inDom,
-            inOptions,
-            inVisibleColumns: visibleColumns,
-            onDelete: localDeleteHandler,
-            isBuildDataLists,
-            inShowActions: showActions,
-            inShowSerial: showSerial,
-            inShowTable: showTable
-        });
-    };
-
-    const runDeleteCallback = async ({ presentPk }) => {
-        if (inConfig?.callbacks?.table?.onDelete) {
-            return await inConfig.callbacks.table.onDelete({
-                toDeletePk: presentPk
-            });
-        };
-
-        return { ok: true };
-    };
-
-    const localDeleteHandler = async ({ presentPk }) => {
-        const fromDelete = await deleteFromServer({ presentPk });
-
-        if (fromDelete.ok) {
-            const fromClient = await runDeleteCallback({
-                presentPk
-            });
-
-            if (fromClient.ok) {
-                refreshAfterDelete();
-            };
-        };
-    };
-
-    return localDeleteHandler;
-};
-
-export { buildDeleteHandler };

package/bin/table/v2/commands/table/template/v9/BuildTableOnlyWithVersions/V5/handlerFuncs/V4/buildDeleteHandler.js

@@ -1,53 +0,0 @@
-import { afterMutation } from "../../afterMutation.js";
-import { deleteFromServer } from "./deleteFromServer.js";
-import { runDeleteCallback } from "./runDeleteCallback.js";
-
-const buildDeleteHandler = ({
-    inServices,
-    inEndPoints,
-    inConfig,
-    inDataStore,
-    inContainerEl,
-    inDom,
-    inOptions,
-    visibleColumns,
-    showActions,
-    showSerial,
-    showTable,
-    isBuildDataLists
-}) => {
-    const refreshAfterDelete = () => {
-        afterMutation({
-            inServices,
-            inEndPoints,
-            inDataStore,
-            inContainerEl,
-            inDom,
-            inOptions,
-            inVisibleColumns: visibleColumns,
-            onDelete: localDeleteHandler,
-            isBuildDataLists,
-            inShowActions: showActions,
-            inShowSerial: showSerial,
-            inShowTable: showTable
-        });
-    };
-
-    const localDeleteHandler = async ({ presentPk }) => {
-        const fromDelete = await deleteFromServer({ presentPk, inEndPoints, inServices });
-
-        if (fromDelete.ok) {
-            const fromClient = await runDeleteCallback({
-                presentPk, inOnDelete: inConfig?.callbacks?.table?.onDelete
-            });
-
-            if (fromClient.ok) {
-                refreshAfterDelete();
-            };
-        };
-    };
-
-    return localDeleteHandler;
-};
-
-export { buildDeleteHandler };

package/bin/table/v2/commands/table/template/v9/BuildTableOnlyWithVersions/V5/handlerFuncs/V4/deleteFromServer.js

@@ -1,8 +0,0 @@
-const deleteFromServer = async ({ presentPk, inServices, inEndPoints }) => {
-    return await inServices.actions.table.delete({
-        inEndPoint: inEndPoints.delete,
-        id: presentPk
-    });
-};
-
-export { deleteFromServer };

package/bin/table/v2/commands/table/template/v9/BuildTableOnlyWithVersions/V5/handlerFuncs/V4/runDeleteCallback.js

@@ -1,11 +0,0 @@
-const runDeleteCallback = async ({ presentPk, inOnDelete }) => {
-    if (inOnDelete) {
-        return await inOnDelete({
-            toDeletePk: presentPk
-        });
-    };
-
-    return { ok: true };
-};
-
-export { runDeleteCallback };

package/bin/table/v2/commands/table/template/v9/BuildTableOnlyWithVersions/V5/handlerFuncs/V5/buildDeleteHandler.js

@@ -1,57 +0,0 @@
-import { afterMutation } from "../../afterMutation.js";
-import { deleteFromServer } from "./deleteFromServer.js";
-import { runDeleteCallback } from "./runDeleteCallback.js";
-
-const buildDeleteHandler = ({
-    inServices,
-    inEndPoints,
-    inConfig,
-    inDataStore,
-    inContainerEl,
-    inDom,
-    inOptions,
-    visibleColumns,
-    showActions,
-    showSerial,
-    showTable,
-    isBuildDataLists
-}) => {
-    const refreshAfterDelete = () => {
-        afterMutation({
-            inServices,
-            inEndPoints,
-            inDataStore,
-            inContainerEl,
-            inDom,
-            inOptions,
-            inVisibleColumns: visibleColumns,
-            onDelete: localDeleteHandler,
-            isBuildDataLists,
-            inShowActions: showActions,
-            inShowSerial: showSerial,
-            inShowTable: showTable
-        });
-    };
-
-    const localDeleteHandler = async ({ presentPk }) => {
-        const userConfirm = confirm(`Are you sure to delete row ${presentPk} ?`);
-
-        if (userConfirm === false) return;
-
-        const fromDelete = await deleteFromServer({ presentPk, inEndPoints, inServices });
-
-        if (fromDelete.ok) {
-            const fromClient = await runDeleteCallback({
-                presentPk, inOnDelete: inConfig?.callbacks?.table?.onDelete
-            });
-
-            if (fromClient.ok) {
-                refreshAfterDelete();
-            };
-        };
-    };
-
-    return localDeleteHandler;
-};
-
-export { buildDeleteHandler };

package/bin/table/v2/commands/table/template/v9/BuildTableOnlyWithVersions/V5/handlerFuncs/V5/deleteFromServer.js

@@ -1,8 +0,0 @@
-const deleteFromServer = async ({ presentPk, inServices, inEndPoints }) => {
-    return await inServices.actions.table.delete({
-        inEndPoint: inEndPoints.delete,
-        id: presentPk
-    });
-};
-
-export { deleteFromServer };

package/bin/table/v2/commands/table/template/v9/BuildTableOnlyWithVersions/V5/handlerFuncs/V5/runDeleteCallback.js

@@ -1,11 +0,0 @@
-const runDeleteCallback = async ({ presentPk, inOnDelete }) => {
-    if (inOnDelete) {
-        return await inOnDelete({
-            toDeletePk: presentPk
-        });
-    };
-
-    return { ok: true };
-};
-
-export { runDeleteCallback };

package/bin/table/v2/commands/table/template/v9/BuildTableOnlyWithVersions/V5/handlerFuncs/V6/buildDeleteHandler.js

@@ -1,62 +0,0 @@
-import { afterMutation } from "../../afterMutation.js";
-import { deleteFromServer } from "./deleteFromServer.js";
-import { runDeleteCallback } from "./runDeleteCallback.js";
-import { showToast } from "./showToast.js";
-
-const buildDeleteHandler = ({
-    inServices,
-    inEndPoints,
-    inConfig,
-    inDataStore,
-    inContainerEl,
-    inDom,
-    inOptions,
-    visibleColumns,
-    showActions,
-    showSerial,
-    showTable,
-    isBuildDataLists
-}) => {
-    const refreshAfterDelete = () => {
-        afterMutation({
-            inServices,
-            inEndPoints,
-            inDataStore,
-            inContainerEl,
-            inDom,
-            inOptions,
-            inVisibleColumns: visibleColumns,
-            onDelete: localDeleteHandler,
-            isBuildDataLists,
-            inShowActions: showActions,
-            inShowSerial: showSerial,
-            inShowTable: showTable
-        });
-    };
-
-    const localDeleteHandler = async ({ presentPk }) => {
-        const userConfirm = confirm(`Are you sure to delete row ${presentPk} ?`);
-
-        if (userConfirm === false) return;
-
-        const fromDelete = await deleteFromServer({ presentPk, inEndPoints, inServices });
-
-        if (fromDelete.ok) {
-            const fromClient = await runDeleteCallback({
-                presentPk, inOnDelete: inConfig?.callbacks?.table?.onDelete
-            });
-
-            if (fromClient.ok) {
-                refreshAfterDelete();
-
-                showToast({
-                    message: `Row ${presentPk} deleted successfully`
-                });
-            };
-        };
-    };
-
-    return localDeleteHandler;
-};
-
-export { buildDeleteHandler };

package/bin/table/v2/commands/table/template/v9/BuildTableOnlyWithVersions/V5/handlerFuncs/V6/deleteFromServer.js

@@ -1,8 +0,0 @@
-const deleteFromServer = async ({ presentPk, inServices, inEndPoints }) => {
-    return await inServices.actions.table.delete({
-        inEndPoint: inEndPoints.delete,
-        id: presentPk
-    });
-};
-
-export { deleteFromServer };

package/bin/table/v2/commands/table/template/v9/BuildTableOnlyWithVersions/V5/handlerFuncs/V6/runDeleteCallback.js

@@ -1,11 +0,0 @@
-const runDeleteCallback = async ({ presentPk, inOnDelete }) => {
-    if (inOnDelete) {
-        return await inOnDelete({
-            toDeletePk: presentPk
-        });
-    };
-
-    return { ok: true };
-};
-
-export { runDeleteCallback };

package/bin/table/v2/commands/table/template/v9/BuildTableOnlyWithVersions/V5/handlerFuncs/V6/showToast.js

@@ -1,22 +0,0 @@
-const showToast = ({ message }) => {
-    const toastDiv = document.createElement("div");
-
-    toastDiv.innerHTML = message;
-
-    toastDiv.style.position = "fixed";
-    toastDiv.style.top = "20px";
-    toastDiv.style.right = "20px";
-    toastDiv.style.backgroundColor = "green";
-    toastDiv.style.color = "white";
-    toastDiv.style.padding = "10px 20px";
-    toastDiv.style.borderRadius = "5px";
-    toastDiv.style.zIndex = "1000";
-
-    document.body.appendChild(toastDiv);
-
-    setTimeout(() => {
-        toastDiv.remove();
-    }, 3000);
-};
-
-export { showToast };

package/bin/table/v2/commands/table/template/v9/BuildTableOnlyWithVersions/V5/initRender.js

@@ -1,87 +0,0 @@
-import { prepareData } from "./InitFuncs/prepareData.js";
-import { renderDataLists } from "./InitFuncs/renderDataLists.js";
-import { renderSearchRow } from "./InitFuncs/renderSearchRow.js";
-import { renderTable } from "./InitFuncs/renderTable.js";
-import { hookDomListeners } from "./InitFuncs/hookDomListeners.js";
-import { buildDeleteHandler } from "./handlerFuncs/V6/buildDeleteHandler.js";
-
-const initRender = ({ inContainerEl, inDataStore, inDom, inServices, inOptions, inEndPoints,
-    inColumnsConfig, inUiClasses, callbacks, inConfig, inToSaveRow }) => {
-
-    const localData = prepareData({
-        inDataStore,
-        inOptions
-    });
-
-    const {
-        data,
-        columns,
-        visibleColumns,
-        visibleColumnsConfig,
-        defaultRow,
-        toSaveRow,
-        isBuildDataLists,
-        showActions,
-        showSerial,
-        showTable
-    } = localData;
-
-    const handleDelete = buildDeleteHandler({
-        inServices,
-        inEndPoints,
-        inConfig,
-        inDataStore,
-        inContainerEl,
-        inDom,
-        inOptions,
-        visibleColumns,
-        showActions,
-        showSerial,
-        showTable,
-        isBuildDataLists
-    });
-
-    renderDataLists({
-        isBuildDataLists,
-        inContainerEl,
-        inDataStore,
-        inDom,
-        visibleColumns,
-        data
-    });
-
-    renderSearchRow({
-        inOptions,
-        inContainerEl,
-        inDataStore,
-        inDom
-    });
-
-    renderTable({
-        showTable,
-        inOptions,
-        inContainerEl,
-        inDataStore,
-        inDom,
-        inServices,
-        inEndPoints,
-        inColumnsConfig,
-        data,
-        visibleColumns,
-        handleDelete,
-        showActions,
-        showSerial,
-        defaultRow,
-        inUiClasses,
-        toSaveRow
-    });
-
-    hookDomListeners({
-        inContainerEl,
-        inDataStore,
-        inDom,
-        inOptions
-    });
-};
-
-export { initRender };

package/bin/table/v2/commands/table/template/v9/BuildTableOnlyWithVersions/V5/refresh.js

@@ -1,31 +0,0 @@
-import { buildDataLists } from "./BuildDataLists/addToDom.js";
-import { pureBuildBody } from "./BuildTableVersions/V2/BuildBodyVersions/V1/pureBuildBody.js";
-
-const refreshTable = ({ inContainerEl, inDataStore, inDom, inOptions, inVisibleColumns,
-    inServices, inEndPoints, onDelete, isBuildDataLists = false, inShowActions, inShowSerial }) => {
-    const data = inDataStore.getData();
-    const visibleColumns = inVisibleColumns;
-
-    if (isBuildDataLists) {
-        buildDataLists({
-            inContainerEl,
-            inDataStore,
-            inDom
-        });
-    };
-
-    pureBuildBody({
-        inContainerEl,
-        inData: data,
-        inVisibleColumns: visibleColumns,
-        inDom,
-        options: {
-            showActions: inShowActions,
-            showSerial: inShowSerial,
-            onEdit: ({ item }) => console.log("edit", item),
-            onDelete
-        }
-    });
-};
-
-export { refreshTable };

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

@@ -1,49 +0,0 @@
-import { renderTableHeading } from "./BuildFirstColumn/TableHeading/start.js";
-import { initTable } from "./BuildTable/init.js";
-import { refreshTable } from "./BuildTable/refresh.js";
-import { buildForm } from "./BuildForm/start.js";
-import { buildDataLists } from "./BuildDataLists/addToDom.js";
-
-const refresh = ({ inContainerEl, inDataStore, inDom, inServices, inOptions, inEndPoints }) => {
-    buildDataLists({
-        inContainerEl,
-        inDataStore,
-        inDom
-    });
-
-    refreshTable({
-        inContainerEl,
-        inDataStore,
-        inDom,
-        inServices,
-        inOptions,
-        inEndPoints
-    });
-};
-
-const initRender = ({ inContainerEl, inDataStore, inDom, inServices, inOptions, inEndPoints }) => {
-    if (inOptions.vertical.showVertical) {
-        buildForm({
-            inContainerEl,
-            inDataStore,
-            inDom
-        });
-    };
-
-    renderTableHeading({
-        inContainerEl,
-        inDataStore,
-        inDom
-    });
-
-    initTable({
-        inContainerEl,
-        inDataStore,
-        inDom,
-        inServices,
-        inOptions,
-        inEndPoints
-    });
-};
-
-export { initRender, refresh };

package/bin/table/v2/commands/table/template/v9/BuildTableVersions/V3/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/v9/BuildTableVersions/V3/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/v9/BuildTableVersions/V3/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/v9/BuildTableVersions/V3/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/v9/BuildTableVersions/V3/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/v9/BuildTableVersions/V3/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/v9/BuildTableVersions/V3/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/v9/BuildTableVersions/V3/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 };