tailwind-table-dom 1.2.8 → 1.3.11

package/bin/table/v2/commands/table/template/v9/UI/builders/buildHeaderRow.js

@@ -1,78 +0,0 @@
-export const buildHeaderRow = ({ inTitleText = "Items" } = {}) => {
-    const titleText = inTitleText;
-
-    const header = createHeaderRoot();
-    const left = createLeftSection({ inTitleText: titleText });
-    const right = createSearchSection();
-
-    header.append(left, right.container);
-
-    return { header, searchInput: right.input };
-};
-
-const createHeaderRoot = () => {
-    const el = document.createElement("div");
-    el.className = "firstRowClass flex items-center justify-between px-6 pt-2 pb-2";
-    return el;
-};
-const createLeftSection = ({ inTitleText }) => {
-    const titleText = inTitleText;
-
-    const left = document.createElement("div");
-    left.className = "flex items-center gap-3";
-
-    const title = document.createElement("h5");
-    title.className = "tableNameClass text-lg font-semibold text-gray-900";
-    title.dataset.tableName = titleText;
-    title.textContent = titleText;
-
-    left.appendChild(title);
-
-    return left;
-};
-
-const createSearchSection = () => {
-    const container = document.createElement("div");
-    container.className = "relative w-full max-w-md";
-
-    const input = createSearchInput();
-    const icon = createSearchIcon();
-
-    container.append(input, icon);
-
-    return { container, input, icon };
-};
-const createSearchInput = () => {
-    const input = document.createElement("input");
-    input.type = "text";
-    input.placeholder = "search...";
-    input.className =
-        "tableSearchClass ks-search-allColumns w-full h-9 pl-3 pr-9 text-sm border border-gray-300 rounded-md outline-none";
-
-    return input;
-};
-const createSearchIcon = () => {
-    const input = document.createElement("input");
-
-    const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-    svg.setAttribute("class", "absolute right-2 top-2 w-4 h-4 text-gray-400 cursor-pointer");
-    svg.setAttribute("fill", "none");
-    svg.setAttribute("stroke", "currentColor");
-    svg.setAttribute("viewBox", "0 0 24 24");
-    svg.setAttribute("stroke-width", "2");
-    svg.setAttribute("stroke-linecap", "round");
-    svg.setAttribute("stroke-linejoin", "round");
-
-    const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
-    path.setAttribute("d", "M21 21l-5.2-5.2M15 10a5 5 0 11-10 0 5 5 0 0110 0z");
-
-    svg.appendChild(path);
-
-    // ✅ CLICK EVENT
-    svg.addEventListener("click", () => {
-        input.focus();
-        input.dispatchEvent(new Event("input")); // trigger search manually if needed
-    });
-
-    return svg;
-};

package/bin/table/v2/commands/table/template/v9/UI/builders/buildTableShell.js

@@ -1,21 +0,0 @@
-export const buildTableShell = () => {
-    const wrapper = document.createElement("div");
-    wrapper.className = "rounded-b-lg shadow-md overflow-x-auto tableParent";
-
-    const table = document.createElement("table");
-    table.className = "table bg-white table-fixed w-[1000px]";
-
-    const thead = document.createElement("thead");
-    thead.className = "theadClass";
-
-    const tbody = document.createElement("tbody");
-    tbody.className = "tbodyClass";
-
-    const tfoot = document.createElement("tfoot");
-    tfoot.className = "tfootClass";
-
-    table.append(thead, tbody, tfoot);
-    wrapper.append(table);
-
-    return { wrapper };
-};

package/bin/table/v2/commands/table/template/v9/UI/mountShowTable.js

@@ -1,115 +0,0 @@
-import buildHeader from "../BuildTableVersions/V4/BuildHeaderVersions/V4/index.js";
-import { buildBody } from "../BuildTableVersions/V4/BuildBodyVersions/V5/start.js";
-// import buildFooter from "../BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/start.js";
-import createForm from "../BuildSearchForm/V1/createForm.js";
-import buildDataLists from "../BuildDataLists/V2/addToDom.js";
-
-import buildFooter from "../BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/CreateFooterRow/V3/start.js";
-import SearchFuncs from "../TableFirstRow/V3/SearchFuncs/V4/index.js";
-
-import { buildFullUI } from "./compose/buildFullUI.js";
-
-const startFunc = ({
-    containerEl,
-    dataStore,
-    dom,
-    services,
-    options,
-    endPoints,
-    columnsConfig,
-    uiClasses,
-    callbacks,
-    inConfig,
-    inShowFooter = false
-}) => {
-    // debugger
-
-    const visibleColumns = dataStore.getVisibleColumns();
-    const visibleColumnsConfig = dataStore.getVisibleColumnsConfig();
-    const searchableColumnsConfig = dataStore.getSearchableColumnsConfig();
-
-    const data = dataStore.getData();
-    const showSerial = options.table.showSerial;
-    const serialWidth = options.table.serialWidth;
-
-    const dataListArray = dataStore.getDataList("AccountName");
-
-    const dataListColumns = dataStore.getDataListColumns();
-
-    const showTotals = options.table.showTotals;
-    const showBalance = options.table.showBalance;
-    const showFilterVerticalForm = options.showFilterVerticalForm;
-    const showSearch = options.firstRow.showSearch;
-    const showTotalsForSearch = options?.table?.showTotalsForSearch;
-    const showBalanceForSearch = options?.table?.showBalanceForSearch;
-    const showFooterRows = options?.table?.showFooterRows;
-
-    buildFullUI({
-        containerEl: containerEl,
-        inTableName: inConfig.tableName,
-        inIsShowHeaderRow: showSearch
-    });
-
-    if (showFilterVerticalForm) {
-        const searchForm = createForm({
-            inVisibleColumnsConfig: visibleColumnsConfig,
-            inSearchableColumnsConfig: searchableColumnsConfig,
-            inServices: services,
-            inConfig
-        });
-
-        containerEl.prepend(searchForm);
-    };
-
-    buildHeader({
-        inContainerEl: containerEl,
-        inDom: dom,
-        inThClassName: uiClasses?.thead?.thClass,
-        inTrClassName: uiClasses?.thead?.trClass,
-        inThSerialClassName: uiClasses?.thead?.thSerialClass,
-        inVisibleColumnsConfig: visibleColumnsConfig,
-        inShowSerial: showSerial,
-        inSerialWidth: serialWidth
-    });
-
-    buildBody({
-        inDataStore: dataStore,
-        inContainerEl: containerEl,
-        inDom: dom,
-        inVisibleColumnsConfig: visibleColumnsConfig,
-        inShowSerial: showSerial
-    });
-
-    if (inShowFooter) {
-        buildFooter({
-            inTableFooter: dom.getTableFooter(containerEl),
-            options,
-            inVisibleColumnsConfig: visibleColumnsConfig,
-            inData: data,
-            inShowSerial: showSerial,
-            inShowTotals: showTotals,
-            inShowBalance: showBalance,
-            inShowTotalsForSearch: showTotalsForSearch,
-            inShowBalanceForSearch: showBalanceForSearch,
-            inShowFooterRows: showFooterRows
-        });
-    };
-
-    // debugger;
-    buildDataLists({
-        inContainerEl: containerEl,
-        inDataStore: dataStore,
-        inDom: dom,
-        inData: data,
-        inDataListColumns: searchableColumnsConfig
-    });
-
-    // debugger;
-    if (showSearch) {
-        // for search vertical
-        SearchFuncs({ inContainerEl: containerEl });
-    };
-};
-
-export default startFunc;
-

package/bin/table/v2/commands/table/template/v9/UI/mountTableOnly.js

@@ -1,36 +0,0 @@
-// /UI/mountTableUI.js
-
-import { initRender } from "../BuildTableOnlyWithVersions/V5/initRender.js";
-import { buildFullUI } from "./compose/buildFullUI.js";
-
-export const mountTableOnlyUI = ({
-    containerEl,
-    dataStore,
-    dom,
-    services,
-    options,
-    endPoints,
-    columnsConfig,
-    uiClasses,
-    callbacks,
-    inConfig
-}) => {
-    // debugger
-    buildFullUI({
-        containerEl: containerEl,
-        inTableName: inConfig.tableName
-    });
-
-    initRender({
-        inContainerEl: containerEl,
-        inDataStore: dataStore,
-        inDom: dom,
-        inServices: services,
-        inOptions: options,
-        inEndPoints: endPoints,
-        inColumnsConfig: columnsConfig,
-        inUiClasses: uiClasses,
-        callbacks,
-        inConfig
-    });
-};

package/bin/table/v2/commands/table/template/v9/UI/mountTableUI.js

@@ -1,28 +0,0 @@
-// /UI/mountTableUI.js
-
-// import { initRender } from "../BuildTotal/initRender.js";
-import { initRender } from "../BuildTableOnlyWithVersions/V5/initRender.js";
-
-export const mountTableUI = ({
-    containerEl,
-    dataStore,
-    dom,
-    services,
-    options,
-    endPoints,
-    columnsConfig,
-    uiClasses,
-    callbacks
-}) => {
-    initRender({
-        inContainerEl: containerEl,
-        inDataStore: dataStore,
-        inDom: dom,
-        inServices: services,
-        inOptions: options,
-        inEndPoints: endPoints,
-        inColumnsConfig: columnsConfig,
-        inUiClasses: uiClasses,
-        callbacks
-    });
-};

package/bin/table/v2/commands/table/template/v9/UI/mountVertical.js

@@ -1,30 +0,0 @@
-import { initRender } from "../BuildVerticalWithVersions/V2/initRender.js";
-import { buildFullUI } from "./compose/buildFullUI.js";
-
-export const mountVerticalUI = ({
-    containerEl,
-    dataStore,
-    dom,
-    services,
-    options,
-    endPoints,
-    columnsConfig,
-    uiClasses,
-    callbacks,
-    inConfig
-}) => {
-    buildFullUI({ containerEl, inIsTableNeeded: false });
-
-    initRender({
-        inContainerEl: containerEl,
-        inDataStore: dataStore,
-        inDom: dom,
-        inServices: services,
-        inOptions: options,
-        inEndPoints: endPoints,
-        inColumnsConfig: columnsConfig,
-        inUiClasses: uiClasses,
-        callbacks,
-        inConfig
-    });
-};

package/bin/table/v2/commands/table/template/v9/Utils/normalizeConfig.js

@@ -1,27 +0,0 @@
-const normalizeConfig = (cfg = {}) => {
-    cfg.options ??= {};
-    cfg.options.dataList ??= {};
-    cfg.options.dataList.show ??= false;
-
-    cfg.options.firstRow ??= {};
-    cfg.options.firstRow.showSearch ??= false;
-
-    cfg.options.table ??= {};
-    cfg.options.table.showFooter ??= false;
-    cfg.options.table.showRowOptions ??= false;
-    cfg.options.table.showSerial ??= false;
-    cfg.options.table.showTable ??= false;
-
-    cfg.options.table.footer ??= {};
-    cfg.options.table.footer.showDataList ??= false;
-
-    cfg.options.table.footer.showDataList ??= false;
-
-    cfg.options.vertical ??= {};
-    cfg.options.vertical ??= "";
-    cfg.options.isDisabled ??= "";
-
-    return cfg;
-};
-
-export { normalizeConfig };

package/bin/table/v2/commands/table/template/v9/Utils/prepareColumnsBundle.js

@@ -1,39 +0,0 @@
-export const prepareColumnsBundle = (columnsConfig = []) => {
-    const keys = columnsConfig.map(c => c.columnName);
-
-    const visibleConfig = columnsConfig.filter(c => c.isVisible !== false);
-
-    const visibleColumns = visibleConfig.map(c => c.columnName);
-
-    const defaultRow = columnsConfig.reduce((acc, c) => {
-        if ("defaultValue" in c) {
-            acc[c.columnName] = c.defaultValue ?? "";
-        };
-
-        return acc;
-    }, {});
-
-    const toSaveRow = columnsConfig.reduce((acc, c) => {
-        if ("defaultValue" in c) {
-            acc[c.columnName] = c.defaultValue ?? "";
-        };
-
-        return acc;
-    }, {});
-
-    const dataListColumns = visibleConfig
-        .filter(c => c.tableFooterDataListShow);
-
-    const searchableColumnsConfig = columnsConfig
-        .filter(c => c.isSearchable)
-
-    return {
-        keys,
-        visibleColumns,
-        visibleConfig,
-        defaultRow,
-        dataListColumns,
-        toSaveRow,
-        searchableColumnsConfig
-    };
-};

package/bin/table/v2/commands/table/template/v9/Utils/tableHelpers.js

@@ -1,24 +0,0 @@
-const prepareDefaultRow = (columnsConfig) => {
-    const row = {};
-
-    columnsConfig.forEach((col) => {
-        if (col.defaultValue !== undefined) {
-            row[col.columnName] = col.defaultValue;
-        }
-    });
-
-    return row;
-};
-
-const getColumnsMeta = (columnsConfig) => ({
-    columns: columnsConfig.map(c => c.columnName),
-    columnsConfig: columnsConfig.map(c => c.columnName),
-    visibleColumns: columnsConfig
-        .filter(c => c.isVisible !== false)
-        .map(c => c.columnName)
-});
-
-export {
-    prepareDefaultRow,
-    getColumnsMeta
-}

package/bin/table/v2/commands/table/template/v9/Utils/validateConfig.js

@@ -1,16 +0,0 @@
-// split into small validators
-import { validateRequired } from "./validateRequired.js";
-import { validateEndpoints } from "./validateEndpoints.js";
-import { validateOptions } from "./validateOptions.js";
-
-export const validateConfig = (cfg = {}) => {
-    const errors = [];
-
-    validateRequired(cfg, errors);
-    validateEndpoints(cfg, errors);
-    validateOptions(cfg, errors);
-
-    if (errors.length) {
-        throw new Error("Invalid initTable config:\n" + errors.join("\n"));
-    }
-};

package/bin/table/v2/commands/table/template/v9/Utils/validateEndpoints.js

@@ -1,12 +0,0 @@
-const validateEndpoints = (cfg, errors) => {
-    if (!cfg.endPoints) return;
-
-    ["create", "update", "delete", "read"].forEach((k) => {
-        if (cfg.endPoints?.[k] && typeof cfg.endPoints[k] !== "string")
-            errors.push(`endPoints.${k} must be a string`);
-    });
-};
-
-export {
-    validateEndpoints
-};

package/bin/table/v2/commands/table/template/v9/Utils/validateOptions.js

@@ -1,21 +0,0 @@
-const validateOptions = (cfg, errors) => {
-    if (!cfg.options) return;
-
-    const { vertical, table } = cfg.options;
-
-    if (vertical && "showVertical" in vertical && typeof vertical.showVertical !== "boolean") {
-        errors.push("options.vertical.showVertical must be boolean");
-    }
-
-    if (table) {
-        ["showRowOptions", "showFooter"].forEach((k) => {
-            if (k in table && typeof table[k] !== "boolean") {
-                errors.push(`options.table.${k} must be boolean`);
-            }
-        });
-    }
-};
-
-export {
-    validateOptions
-};

package/bin/table/v2/commands/table/template/v9/Utils/validateRequired.js

@@ -1,16 +0,0 @@
-const validateRequired = (cfg, errors) => {
-    if (!cfg.containerId || typeof cfg.containerId !== "string")
-        errors.push("containerId is required (string)");
-
-    if (!cfg.tableName || typeof cfg.tableName !== "string")
-        errors.push("tableName is required (string)");
-
-    // ✅ allow either data OR read
-    const hasData = Array.isArray(cfg.data);
-    const hasRead = typeof cfg.endPoints?.read === "string";
-
-    if (!hasData && !hasRead)
-        errors.push("provide either data OR endPoints.read");
-};
-
-export { validateRequired };