tailwind-table-dom 1.2.8 → 1.3.11

package/bin/table/v2/commands/table/template/v8/Services/V1/createServices.js

@@ -1,46 +0,0 @@
-import { createItem } from "./createItem.js";
-import { getDataFromFetch } from "./getData.js";
-import { deleteItem } from "./deleteItem.js";
-import { findItem } from "./findItem.js";
-import filterPost from "./filterPost.js";
-import findFromParams from "./findFromParams.js";
-import getDataNoParamsFunc from "./getDataNoParamsFunc.js";
-
-export const createServices = ({ tableName }) => {
-    return {
-        actions: {
-            getData: ({ inEndPoint }) => getDataFromFetch({ inEndPoint }),
-            create: ({ inEndPoint, payload }) => createItem({ inEndPoint, payload }),
-            update: (id, payload) => updateItem({ tableName, id, payload }),
-            remove: ({ inEndPoint, id }) => deleteItem({ inEndPoint, id }),
-            find: ({ inEndPoint, id }) => findItem({ inEndPoint, id }),
-            findFromParams: ({ inEndPoint }) => findFromParams({ inEndPoint }),
-            vertical: {
-                save: async ({ inEndPoint, payload }) => {
-                    const res = await fetch(inEndPoint, {
-                        method: "POST",
-                        headers: {
-                            "Content-Type": "application/json"
-                        },
-                        body: JSON.stringify(payload)
-                    });
-
-                    return await res;
-                }
-            },
-            table: {
-                delete: async ({ inEndPoint, id }) => {
-                    const res = await fetch(`${inEndPoint}/${id}`, {
-                        method: "DELETE"
-                    });
-
-                    return await res;
-                }
-            },
-            search: {
-                filter: ({ inEndPoint, payload }) => filterPost({ inEndPoint, payload })
-            },
-            getDataNoParams: ({ inEndPoint }) => getDataNoParamsFunc({ inEndPoint }),
-        },
-    };
-};

package/bin/table/v2/commands/table/template/v8/Services/V1/deleteItem.js

@@ -1,11 +0,0 @@
-const deleteItem = async ({ inEndPoint, id }) => {
-    const res = await fetch(`${inEndPoint}/${id}`, {
-        method: "DELETE"
-    });
-
-    if (!res.ok) throw new Error("Create failed");
-
-    return await res.text();
-};
-
-export { deleteItem };

package/bin/table/v2/commands/table/template/v8/Services/V1/filterPost.js

@@ -1,15 +0,0 @@
-const startFunc = async ({ inEndPoint, payload }) => {
-    const res = await fetch(inEndPoint, {
-        method: "POST",
-        headers: {
-            "Content-Type": "application/json"
-        },
-        body: JSON.stringify(payload)
-    });
-
-    if (!res.ok) throw new Error("Create failed");
-
-    return await res.json();
-};
-
-export default startFunc;

package/bin/table/v2/commands/table/template/v8/Services/V1/findFromParams.js

@@ -1,11 +0,0 @@
-const findFromParams = async ({ inEndPoint }) => {
-    const res = await fetch(inEndPoint, {
-        method: "GET"
-    });
-
-    if (!res.ok) throw new Error("find failed");
-
-    return await res.json();
-};
-
-export default findFromParams;

package/bin/table/v2/commands/table/template/v8/Services/V1/findItem.js

@@ -1,11 +0,0 @@
-const findItem = async ({ inEndPoint, id }) => {
-    const res = await fetch(`${inEndPoint}/${id}`, {
-        method: "GET"
-    });
-
-    if (!res.ok) throw new Error("Create failed");
-
-    return await res.json();
-};
-
-export { findItem };

package/bin/table/v2/commands/table/template/v8/Services/V1/formSearchParamsFunc.js

@@ -1,8 +0,0 @@
-const formSearchParamsFunc = ({ inKeyName }) => {
-    const params = new URLSearchParams(window.location.search);
-    const pk = params.get(inKeyName);
-
-    return pk;
-};
-
-export { formSearchParamsFunc };

package/bin/table/v2/commands/table/template/v8/Services/V1/getData.js

@@ -1,19 +0,0 @@
-import { buildUrlWithParams } from "./buildUrlWithParams.js";
-import { formSearchParamsFunc } from "./formSearchParamsFunc.js";
-
-const getDataFromFetch = async ({ inEndPoint }) => {
-    const ParentPk = formSearchParamsFunc({ inKeyName: "pk" });
-
-    const finalUrl = buildUrlWithParams({
-        baseUrl: inEndPoint,
-        params: { ParentPk }
-    });
-
-    const res = await fetch(finalUrl);
-
-    if (!res.ok) throw new Error("Fetch failed");
-
-    return await res.json();
-};
-
-export { getDataFromFetch };

package/bin/table/v2/commands/table/template/v8/Services/V1/getDataNoParamsFunc.js

@@ -1,9 +0,0 @@
-const getDataNoParamsFunc = async ({ inEndPoint }) => {
-    const res = await fetch(inEndPoint);
-
-    if (!res.ok) throw new Error("Fetch failed");
-
-    return await res.json();
-};
-
-export default getDataNoParamsFunc;

package/bin/table/v2/commands/table/template/v8/Services/V1/setupServices.js

@@ -1,13 +0,0 @@
-// /Services/setupServices.js
-
-import { createServices } from "./createServices.js";
-
-export const setupServices = ({ config, dataStore }) => {
-    const { tableName } = config;
-
-    dataStore.setTableName(tableName);
-
-    return createServices({
-        tableName: dataStore.getTableName()
-    });
-};

package/bin/table/v2/commands/table/template/v8/Services/V1/updateItem.js

@@ -1,15 +0,0 @@
-const updateItem = async ({ tableName, payload }) => {
-    const res = await fetch(`/api/${tableName}`, {
-        method: "POST",
-        headers: {
-            "Content-Type": "application/json"
-        },
-        body: JSON.stringify(payload)
-    });
-
-    if (!res.ok) throw new Error("Create failed");
-
-    return await res.json();
-};
-
-export { updateItem };

package/bin/table/v2/commands/table/template/v8/Services/dataListLoader.js

@@ -1,18 +0,0 @@
-const loadDataLists = async ({ inEndpoints, inServices, inDataStore }) => {
-    const localEndpoints = Object.entries(inEndpoints?.dataListEndpoints || {});
-
-    if (localEndpoints.length === 0) return;
-
-    const results = await Promise.all(
-        localEndpoints.map(([key, ep]) =>
-            inServices.actions.getData({ inEndPoint: ep }).then(data => [key, data])
-        )
-    );
-    // debugger;
-    results.forEach(([key, data]) => {
-        // localStorage.setItem(key, JSON.stringify(data));
-        inDataStore.setDataList(key, data);
-    });
-};
-
-export { loadDataLists };

package/bin/table/v2/commands/table/template/v8/Services/setupServices.js

@@ -1,14 +0,0 @@
-// /Services/setupServices.js
-
-// import { createServices } from "./createServices.js";
-import { createServices } from "./V1/createServices.js";
-
-export const setupServices = ({ config, dataStore }) => {
-    const { tableName } = config;
-
-    dataStore.setTableName(tableName);
-
-    return createServices({
-        tableName: dataStore.getTableName()
-    });
-};

package/bin/table/v2/commands/table/template/v8/TableFirstRow/V1/SearchFuncs/index.js

@@ -1,45 +0,0 @@
-const startFunc = ({
-    inContainerEl,
-    inUpdateFooter
-}) => {
-
-    const searchInput =
-        inContainerEl.querySelector(".tableSearchClass");
-
-    const rows =
-        inContainerEl.querySelectorAll("tbody tr");
-
-    // cache once
-    rows.forEach((row) => {
-
-        row.dataset.searchText =
-            row.innerText.toLowerCase();
-
-    });
-
-    searchInput.addEventListener("keyup", (event) => {
-
-        const searchValue =
-            event.target.value.toLowerCase();
-
-        rows.forEach((row) => {
-
-            const rowText =
-                row.dataset.searchText;
-
-            row.style.display =
-                rowText.includes(searchValue)
-                    ? ""
-                    : "none";
-
-        });
-
-        // inUpdateFooter({
-        //     inKSTableContainer: kSTableContainer
-        // });
-
-    });
-
-};
-
-export default startFunc;

package/bin/table/v2/commands/table/template/v8/TableFirstRow/V2/SearchFuncs/index.js

@@ -1,85 +0,0 @@
-const startFunc = ({
-    inContainerEl,
-    inUpdateFooter
-}) => {
-
-    const searchInput =
-        inContainerEl.querySelector(".tableSearchClass");
-
-    const rows =
-        inContainerEl.querySelectorAll("tbody tr");
-
-    // cache once
-    rows.forEach((row) => {
-
-        row.dataset.searchText =
-            row.innerText.toLowerCase();
-
-    });
-
-    let timeout;
-
-    searchInput.addEventListener("keyup", (event) => {
-
-        clearTimeout(timeout);
-
-        const searchValue =
-            event.target.value.toLowerCase();
-
-        // fast filtering
-        rows.forEach((row) => {
-
-            const matched =
-                row.dataset.searchText.includes(searchValue);
-
-            row.style.display =
-                matched
-                    ? ""
-                    : "none";
-
-        });
-
-        // delayed highlight
-        timeout = setTimeout(() => {
-
-            rows.forEach((row) => {
-
-                row.querySelectorAll("mark").forEach((mark) => {
-                    mark.replaceWith(mark.innerText);
-                });
-
-                if (
-                    row.style.display === "none"
-                    || !searchValue
-                ) {
-                    return;
-                };
-
-                row.querySelectorAll("td").forEach((cell) => {
-
-                    const escapedSearchValue =
-                        searchValue.replace(
-                            /[.*+?^${}()|[\]\\]/g,
-                            "\\$&"
-                        );
-
-                    const regex =
-                        new RegExp(`(${escapedSearchValue})`, "ig");
-
-                    cell.innerHTML =
-                        cell.textContent.replace(
-                            regex,
-                            `<mark>$1</mark>`
-                        );
-
-                });
-
-            });
-
-        }, 400);
-
-    });
-
-};
-
-export default startFunc;

package/bin/table/v2/commands/table/template/v8/TableFirstRow/V3/SearchFuncs/V1/index.js

@@ -1,106 +0,0 @@
-const startFunc = ({
-    inContainerEl,
-    inUpdateFooter
-}) => {
-
-    const searchInput =
-        inContainerEl.querySelector(".tableSearchClass");
-
-    const rows =
-        inContainerEl.querySelectorAll("tbody tr");
-
-    // cache row text once
-    rows.forEach((row) => {
-
-        row.dataset.searchText =
-            row.innerText.toLowerCase();
-
-    });
-
-    let timeout;
-
-    searchInput.addEventListener("keyup", (event) => {
-
-        clearTimeout(timeout);
-
-        const searchValue =
-            event.target.value.toLowerCase();
-
-        // fast filter
-        rows.forEach((row) => {
-
-            const matched =
-                row.dataset.searchText.includes(searchValue);
-
-            row.style.display =
-                matched
-                    ? ""
-                    : "none";
-
-        });
-
-        // delayed highlight
-        timeout = setTimeout(() => {
-
-            // clear old highlights
-            rows.forEach((row) => {
-
-                row.querySelectorAll("mark").forEach((mark) => {
-
-                    mark.replaceWith(mark.innerText);
-
-                });
-
-            });
-
-            if (!searchValue) {
-                return;
-            };
-
-            const escapedSearchValue =
-                searchValue.replace(
-                    /[.*+?^${}()|[\]\\]/g,
-                    "\\$&"
-                );
-
-            const regex =
-                new RegExp(
-                    `(${escapedSearchValue})`,
-                    "ig"
-                );
-
-            // highlight only visible rows
-            rows.forEach((row) => {
-
-                if (row.style.display === "none") {
-                    return;
-                };
-
-                row.querySelectorAll("td").forEach((cell) => {
-
-                    cell.innerHTML =
-                        cell.textContent.replace(
-                            regex,
-                            `<mark>$1</mark>`
-                        );
-
-                });
-
-            });
-
-            // // optional footer update
-            // if (inUpdateFooter) {
-
-            //     inUpdateFooter({
-            //         inContainerEl
-            //     });
-
-            // };
-
-        }, 400);
-
-    });
-
-};
-
-export default startFunc;

package/bin/table/v2/commands/table/template/v8/TableFirstRow/V3/SearchFuncs/V2/index.js

@@ -1,109 +0,0 @@
-const startFunc = ({
-    inContainerEl,
-    inUpdateFooter
-}) => {
-
-    const searchInput =
-        inContainerEl.querySelector(".tableSearchClass");
-
-    const rows =
-        inContainerEl.querySelectorAll("tbody tr");
-
-    // cache once
-    rows.forEach((row) => {
-
-        row.dataset.searchText =
-            row.innerText.toLowerCase();
-
-        row._cells =
-            row.querySelectorAll("td");
-
-    });
-
-    let timeout;
-
-    searchInput.addEventListener("keyup", (event) => {
-
-        clearTimeout(timeout);
-
-        const searchValue =
-            event.target.value.toLowerCase();
-
-        // fast filter
-        rows.forEach((row) => {
-
-            const matched =
-                row.dataset.searchText.includes(searchValue);
-
-            row.style.display =
-                matched
-                    ? ""
-                    : "none";
-
-        });
-
-        // delayed highlight
-        timeout = setTimeout(() => {
-
-            // clear old highlights
-            rows.forEach((row) => {
-
-                row.querySelectorAll("mark").forEach((mark) => {
-
-                    mark.replaceWith(mark.innerText);
-
-                });
-
-            });
-
-            if (!searchValue) {
-                return;
-            };
-
-            const escapedSearchValue =
-                searchValue.replace(
-                    /[.*+?^${}()|[\]\\]/g,
-                    "\\$&"
-                );
-
-            const regex =
-                new RegExp(
-                    `(${escapedSearchValue})`,
-                    "ig"
-                );
-
-            // highlight only visible rows
-            rows.forEach((row) => {
-
-                if (row.style.display === "none") {
-                    return;
-                };
-
-                row._cells.forEach((cell) => {
-
-                    cell.innerHTML =
-                        cell.textContent.replace(
-                            regex,
-                            `<mark>$1</mark>`
-                        );
-
-                });
-
-            });
-
-            // optional footer update
-            if (inUpdateFooter) {
-
-                inUpdateFooter({
-                    inContainerEl
-                });
-
-            };
-
-        }, 400);
-
-    });
-
-};
-
-export default startFunc;