tailwind-table-dom 1.1.6 → 1.2.8

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

@@ -0,0 +1,115 @@
+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

@@ -0,0 +1,36 @@
+// /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

@@ -0,0 +1,28 @@
+// /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/mountTableWithFooter.js

@@ -0,0 +1,145 @@
+import buildHeader from "../BuildTableVersions/V4/BuildHeaderVersions/V4/index.js";
+import { buildBody } from "../BuildTableVersions/V4/BuildBodyVersions/V5/start.js";
+import createForm from "../BuildSearchForm/V1/createForm.js";
+import buildDataLists from "../BuildDataLists/V2/addToDom.js";
+
+// import buildFooter from "../BuildTableVersions/V4/BuildFooterVersions/ForCreate/V3/start.js";
+import buildFooter from "../BuildTableVersions/V4/BuildFooterVersions/ForCreate/V4/start.js";
+
+import SearchFuncs from "../TableFirstRow/V3/SearchFuncs/V4/index.js";
+import setFocus from "../UI/SetFocus/V3/index.js";
+
+import { buildFullUI } from "./compose/buildFullUI.js";
+
+const startFunc = ({
+    containerEl,
+    dataStore,
+    dom,
+    services,
+    options,
+    endPoints,
+    columnsConfig,
+    uiClasses,
+    callbacks,
+    inConfig
+}) => {
+    // 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 showDataList = options.table.showDataList;
+    const optionsWidth = options.table.optionsWidth;
+
+    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;
+
+    const defaultRow = dataStore.getDefaultRow();
+    const showSave = options?.table?.showSave;
+    const showActions = options?.table?.showActions;
+    const showFooter = options?.table?.showFooter;
+
+    // debugger;
+    buildFullUI({
+        containerEl: containerEl,
+        inTableName: inConfig.tableName,
+        inIsShowHeaderRow: showSearch,
+        inUiClasses: uiClasses
+    });
+    // debugger;
+    const tableBody = dom.getTableBody(containerEl);
+    // console.log("tableBody : ", tableBody);
+
+    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,
+        inShowActions: showActions || showSave,
+        inOptionsWidth: optionsWidth,
+    });
+
+    buildBody({
+        inDataStore: dataStore,
+        inContainerEl: containerEl,
+        inDom: dom,
+        inVisibleColumnsConfig: visibleColumnsConfig,
+        inShowSerial: showSerial,
+        inShowActions: showActions,
+        inServices: services,
+        inEndPoints: endPoints,
+        inConfig,
+        inTableBody: tableBody,
+        inData: data
+    });
+
+    if (showFooter) {
+        buildFooter({
+            inServices: services,
+            inEndPoints: endPoints,
+            inTableFooter: dom.getTableFooter(containerEl),
+            inOptions: options,
+            inVisibleColumnsConfig: visibleColumnsConfig,
+            inData: data,
+            inShowSerial: showSerial,
+            inShowTotals: showTotals,
+            inShowBalance: showBalance,
+            inShowTotalsForSearch: showTotalsForSearch,
+            inShowBalanceForSearch: showBalanceForSearch,
+            inShowFooterRows: showFooterRows,
+            inDefaultRow: defaultRow,
+            keys: visibleColumns,
+            inDom: dom,
+            inShowDataList: showDataList,
+            inDataStore: dataStore,
+            inShowSave: showSave,
+            inTableBody: tableBody,
+            inShowActions: showActions
+        });
+    };
+
+    if (showDataList) {
+        buildDataLists({
+            inContainerEl: containerEl,
+            inDataStore: dataStore,
+            inDom: dom,
+            inData: data,
+            inDataListColumns: dataListColumns
+        });
+    };
+
+    if (showSearch) {
+        // for search vertical
+        SearchFuncs({ inContainerEl: containerEl });
+    };
+
+    setFocus({ inContainerEl: containerEl });
+};
+
+export default startFunc;

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

@@ -0,0 +1,30 @@
+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

@@ -0,0 +1,27 @@
+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

@@ -0,0 +1,39 @@
+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

@@ -0,0 +1,24 @@
+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

@@ -0,0 +1,16 @@
+// 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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1,16 @@
+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 };