@keshavsoft/kschema-cli 1.13.5 → 1.13.7

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTableOnly/BuildTableVersions/V2/lockTable.js

@@ -0,0 +1,17 @@
+const lockTable = ({ inContainerEl, inIsDisabled }) => {
+    const container = inContainerEl;
+
+    const table = container.querySelector("table");
+    if (!table) return;
+
+    const parent = table.closest(".tableParent");
+    if (!parent) return;
+
+    if (inIsDisabled) {
+        parent.setAttribute("inert", "");
+    } else {
+        parent.removeAttribute("inert");
+    }
+};
+
+export { lockTable };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTableOnly/BuildTableVersions/V2/start.js

@@ -0,0 +1,37 @@
+import { buildHeader } from "./BuildHeader/start.js";
+import { buildBody } from "./BuildBody/buildBody.js";
+import { buildFooter } from "./BuildFooter/start.js";
+
+import { hookAllListeners } from "./AddListeners/start.js";
+
+const buildTable = ({ inContainerEl, inDataStore, inDom, inServices, inOptions, inEndPoints }) => {
+    buildHeader({
+        inContainerEl,
+        inDataStore,
+        inDom
+    });
+
+    buildBody({
+        inContainerEl,
+        inDataStore,
+        inDom,
+        options: {
+            showActions: true,
+            onEdit: ({ item }) => console.log("edit", item),
+            onDelete: ({ index }) => console.log("delete", index)
+        }
+    });
+
+    buildFooter({
+        inContainerEl,
+        inDataStore,
+        inDom,
+        inServices,
+        inOptions,
+        inEndPoints
+    });
+
+    hookAllListeners({ inContainerEl, inDataStore, inDom });
+};
+
+export { buildTable };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTableOnly/afterMutation.js

@@ -0,0 +1,46 @@
+import { refreshTable } from "./refresh.js";
+
+const afterMutation = async ({
+    inServices,
+    inEndPoints,
+    inDataStore,
+    inContainerEl,
+    inDom,
+    inOptions,
+    inVisibleColumns,
+    onDelete,
+    isBuildDataLists,
+    inShowActions, inShowSerial,
+    inShowTable
+}) => {
+
+    // 1. get fresh data
+    const freshData = await inServices.actions.getData({
+        inEndPoint: inEndPoints.read
+    });
+
+    // 2. update store
+    inDataStore.setData(freshData);
+
+    if (inShowTable) {
+        // 3. refresh UI (only body)
+        refreshTable({
+            inContainerEl, inDataStore, inDom, inOptions,
+            inVisibleColumns, inServices, inEndPoints,
+            onDelete, isBuildDataLists, inShowActions,
+            inShowSerial
+        });
+
+        // 4. restore focus (optional)
+        focusFooter({ inContainerEl });
+    };
+};
+
+const focusFooter = ({ inContainerEl }) => {
+    const el = inContainerEl.querySelector(
+        "tfoot input, tfoot select, tfoot textarea"
+    );
+    el?.focus();
+};
+
+export { afterMutation };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTableOnly/initRender.js

@@ -0,0 +1,97 @@
+import { renderTableHeading } from "./BuildFirstColumn/TableHeading/start.js";
+import { initTable } from "./BuildTableVersions/V2/init.js";
+import { buildForm } from "./BuildForm/start.js";
+import { buildDataLists } from "./BuildDataLists/addToDom.js";
+import { hookAllListeners } from "./AddListeners/start.js";
+import { afterMutation } from "./afterMutation.js";
+
+const initRender = ({ inContainerEl, inDataStore, inDom, inServices, inOptions, inEndPoints,
+    inColumnsConfig, inUiClasses, callbacks, inConfig }) => {
+
+    const data = inDataStore.getData();
+    const columns = inDataStore.getColumns();
+    const visibleColumns = inDataStore.getVisibleColumns();
+    const visibleColumnsConfig = inDataStore.getVisibleColumnsConfig();
+    // debugger
+    const defaultRow = inDataStore.getDefaultRow();
+
+    const isBuildDataLists = inOptions.dataList.show;
+    const showActions = inOptions.table.showRowOptions;
+    const showSerial = inOptions.table.showSerial;
+    const showTable = inOptions.table.showTable;
+
+    const handleDelete = async ({ presentPk }) => {
+        const fromDelete = await inServices.actions.table.delete({
+            inEndPoint: inEndPoints.delete,
+            id: presentPk
+        })
+        // debugger;
+        if (fromDelete.ok) {
+            if (inConfig?.callbacks?.table?.onDelete) {
+                const fromClient = await inConfig?.callbacks?.table?.onDelete({ toDeletePk: presentPk });
+
+                if (fromClient.ok) {
+
+                    afterMutation({
+                        inServices, inEndPoints, inDataStore, inContainerEl,
+                        inDom, inOptions, inVisibleColumns: visibleColumns,
+                        onDelete: handleDelete, isBuildDataLists,
+                        inShowActions: showActions,
+                        inShowSerial: showSerial, inShowTable: showTable
+                    });
+                };
+            };
+        };
+
+    };
+    // debugger;
+    if (isBuildDataLists) {
+        buildDataLists({
+            inContainerEl,
+            inDataStore,
+            inDom,
+            inVisibleColumns: visibleColumns,
+            inData: data
+        });
+    };
+
+    if (inOptions.firstRow.showSearch) {
+        renderTableHeading({
+            inContainerEl,
+            inDataStore,
+            inDom
+        });
+    } else {
+        const firstRow = inDom.getFirstRowClass(inContainerEl);
+
+        firstRow.style.display = "none";
+    };
+
+    if (showTable) {
+        const inIsDisabled = inOptions.table.isDisabled;
+
+        initTable({
+            inContainerEl,
+            inDataStore,
+            inDom,
+            inServices,
+            inOptions,
+            inEndPoints,
+            inColumnsConfig,
+            inShowFooter: inOptions.table.showFooter,
+            inData: data,
+            inVisibleColumns: visibleColumns,
+            onDelete: handleDelete,
+            inShowActions: showActions,
+            inShowSerial: showSerial,
+            inIsDisabled: inIsDisabled,
+            inDefaultRow: defaultRow,
+            inUiClasses: inUiClasses?.tableComplete,
+            inShowTable: showTable
+        });
+    };
+
+    hookAllListeners({ inContainerEl, inDataStore, inDom, inOptions });
+};
+
+export { initRender };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTableOnly/refresh.js

@@ -0,0 +1,31 @@
+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/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTableOnly/start.js

@@ -0,0 +1,49 @@
+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/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/AddListeners/start.js

@@ -0,0 +1,15 @@
+import { funcToRun as funcToRunFortableSearch } from "./tableSearch/start.js";
+
+const hookAllListeners = ({ inContainerEl, inDataStore, inDom, inOptions }) => {
+    const columns = inDataStore.getColumns();
+    const visibleColumns = inDataStore.getVisibleColumns();
+
+    funcToRunFortableSearch({
+        inContainerEl, inDataStore,
+        inDom, inColumns: columns,
+        inVisibleColumns: visibleColumns,
+        inOptions
+    });
+};
+
+export { hookAllListeners };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/AddListeners/tableSearch/atThatState.js

@@ -0,0 +1,23 @@
+import { buildRows } from './orchestrator.js';
+
+const buildBodyAtThatState = ({
+    inColumns,
+    inDataToShow,
+    inContainerEl,
+    inDom,
+    searchValue = ""
+}) => {
+
+    const tableBody = inDom.getTableBody(inContainerEl);
+    tableBody.innerHTML = '';
+
+    const rows = buildRows({
+        data: inDataToShow,
+        columns: inColumns,
+        searchValue
+    });
+
+    rows.forEach(tr => tableBody.appendChild(tr));
+};
+
+export { buildBodyAtThatState };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/AddListeners/tableSearch/createCell.js

@@ -0,0 +1,12 @@
+import { highlightText } from "./highlight.js";
+
+const createCell = ({ value, searchValue }) => {
+    const td = document.createElement('td');
+    td.className = 'px-4 py-2 border';
+
+    td.innerHTML = highlightText(value, searchValue);
+
+    return td;
+};
+
+export { createCell };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/AddListeners/tableSearch/createRow.js

@@ -0,0 +1,35 @@
+import { createCell } from './createCell.js';
+
+const createIndexCell = (index) => {
+    const td = document.createElement('td');
+    td.className = 'px-4 py-2 border text-right';
+    td.textContent = index + 1;
+    return td;
+};
+
+const createDataCells = ({ item, columns, searchValue }) => {
+    return columns.map(k => {
+        const value = (item[k] ?? '').toString();
+
+        return createCell({
+            value,
+            searchValue
+        });
+    });
+};
+
+const createRow = ({ item, columns, index, searchValue }) => {
+    const tr = document.createElement('tr');
+    tr.className = 'border-t hover:bg-blue-100 odd:bg-gray-100';
+
+    // 1. index column
+    tr.appendChild(createIndexCell(index));
+
+    // 2. data columns
+    const cells = createDataCells({ item, columns, searchValue });
+    cells.forEach(td => tr.appendChild(td));
+
+    return tr;
+};
+
+export { createRow };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/AddListeners/tableSearch/highlight.js

@@ -0,0 +1,14 @@
+const escapeRegex = (str) => {
+    return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+};
+
+const highlightText = (text, search) => {
+    if (!search) return text;
+
+    const safeSearch = escapeRegex(search);
+    const regex = new RegExp(`(${safeSearch})`, "gi");
+
+    return text.replace(regex, `<span class="bg-yellow-300">$1</span>`);
+};
+
+export { highlightText };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/AddListeners/tableSearch/inputFunc.js

@@ -0,0 +1,37 @@
+import { pureBuildBody } from "../../BuildTableVersions/V2/BuildBodyVersions/V1/pureBuildBody.js";
+
+let timer;
+
+const inputFuncToRun = ({ e, inDataStore, inVisibleColumns, inContainerEl, inDom, inOptions }) => {
+    const columns = inVisibleColumns;
+
+    clearTimeout(timer);
+
+    timer = setTimeout(() => {
+        const searchValue = e.target.value;
+
+        // 1. global search
+        inDataStore.setSearchConfig({
+            type: "global",
+            value: searchValue
+        });
+
+        const dataToShow = inDataStore.getFinalData();
+debugger;
+        pureBuildBody({
+            inContainerEl,
+            inVisibleColumns: columns,
+            inData: dataToShow,
+            inDom,
+            searchValue,
+            options: {
+                showActions: inOptions?.table?.showRowOptions,
+                showSerial: inOptions?.table.showSerial,
+                onEdit: ({ item }) => console.log("edit", item),
+                onDelete: ({ index }) => console.log("delete", index)
+            }
+        });
+    }, 300);
+};
+
+export { inputFuncToRun };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/AddListeners/tableSearch/multiColumn.js

@@ -0,0 +1,42 @@
+import { buildBodyAtThatState } from "./atThatState.js";
+
+let timer;
+
+const transform = (inSearchValue) => {
+    const splitColumns = inSearchValue.split(",");
+
+    return splitColumns.map(element => {
+        const splitValues = element.split(":");
+
+        return {
+            key: splitValues[0],
+            value: splitValues[1]
+        };
+    });
+};
+
+const inputFuncToRun = ({ e, inDataStore, inColumns, inContainerEl, inDom }) => {
+    clearTimeout(timer);
+
+    timer = setTimeout(() => {
+        const searchValue = e.target.value;
+        const splitColumns = transform(searchValue);
+
+        // 3. multi column
+        inDataStore.setSearchConfig({
+            type: "multi",
+            filters: splitColumns
+        });
+
+        // 2. Re-render UI
+        const dataToShow = inDataStore.getFinalData();
+        buildBodyAtThatState({
+            inColumns,
+            inDataToShow: dataToShow,
+            inContainerEl, inDom
+        });
+
+    }, 300);
+};
+
+export { inputFuncToRun };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/AddListeners/tableSearch/orchestrator.js

@@ -0,0 +1,14 @@
+import { createRow } from "./createRow.js";
+
+const buildRows = ({ data, columns, searchValue }) => {
+    return data.map((item, index) => {
+        return createRow({
+            item,
+            columns,
+            index,
+            searchValue
+        });
+    });
+};
+
+export { buildRows };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/AddListeners/tableSearch/singleColumn.js

@@ -0,0 +1,29 @@
+import { buildBodyAtThatState } from "./atThatState.js";
+
+let timer;
+
+const inputFuncToRun = ({ e, inDataStore, inColumns, inContainerEl, inDom }) => {
+    clearTimeout(timer);
+
+    timer = setTimeout(() => {
+        const searchValue = e.target.value;
+        const splitValues = searchValue.split(":");
+
+        // 2. single column search
+        inDataStore.setSearchConfig({
+            type: "column",
+            key: splitValues[0],
+            value: splitValues[1]
+        });
+        // 2. Re-render UI
+        const dataToShow = inDataStore.getFinalData();
+        buildBodyAtThatState({
+            inColumns,
+            inDataToShow: dataToShow,
+            inContainerEl, inDom
+        });
+
+    }, 300);
+};
+
+export { inputFuncToRun };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/AddListeners/tableSearch/start.js

@@ -0,0 +1,27 @@
+import { inputFuncToRun } from "./inputFunc.js";
+import { inputFuncToRun as singleColumn } from "./singleColumn.js";
+import { inputFuncToRun as multiColumn } from "./multiColumn.js";
+
+const funcToRun = ({ inContainerEl, inDataStore, inDom, inColumns, inVisibleColumns, inOptions }) => {
+    const htmlElement = inDom.getSearchInput(inContainerEl);
+    // debugger;
+    if (htmlElement.classList.contains('ks-search-allColumns')) {
+        htmlElement.addEventListener("input", (e) => {
+            inputFuncToRun({ e, inDataStore, inVisibleColumns, inContainerEl, inDom, inOptions });
+        });
+    };
+
+    if (htmlElement.classList.contains('singleColumn')) {
+        htmlElement.addEventListener("input", (e) => {
+            singleColumn({ e, inDataStore, inColumns, inContainerEl, inDom });
+        });
+    };
+
+    if (htmlElement.classList.contains('multiColumn')) {
+        htmlElement.addEventListener("input", (e) => {
+            multiColumn({ e, inDataStore, inColumns, inContainerEl, inDom });
+        });
+    };
+};
+
+export { funcToRun };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildDataLists/addToDom copy.js

@@ -0,0 +1,27 @@
+const buildDataLists = ({ inContainerEl, inDataStore, inDom, inVisibleColumns,
+    inData
+}) => {
+    const containerEl = inContainerEl;
+    const dom = inDom;
+    const columns = inDataStore.getDataListColumns().map(c => c.columnName);
+
+    const find = dom.getDataListContainerClass(containerEl);
+    if (!find) return;
+
+    find.innerHTML = "";
+
+    columns.forEach(col => {
+        const datalist = document.createElement("datalist");
+        datalist.id = col + "List";
+
+        const values = [...new Set(
+            inData.map(r => r[col]).filter(Boolean)
+        )];
+
+        datalist.innerHTML = values.map(v => `<option value="${v}">`).join("");
+
+        find.appendChild(datalist);
+    });
+};
+
+export { buildDataLists };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildDataLists/addToDom.js

@@ -0,0 +1,67 @@
+const getSourceData = ({ cfg, inDataStore }) => {
+    if (!cfg.dataListSource) return [];
+    
+    const [source, key] = cfg.dataListSource.split(".");
+
+    // 🔥 get endpoint map
+    const endpoints = inDataStore.getAllDataLists();
+
+    const endpointKey = endpoints?.[source];
+
+    if (!endpointKey) return [];
+debugger;
+    // 🔥 now fetch actual data using endpointKey
+    const data = inDataStore.getDataList(source) || [];
+
+    if (!key) return data;
+
+    return data.map(r => r?.[key]);
+};
+
+const getUniqueValues = (data) => {
+    return [...new Set(data.filter(Boolean))];
+};
+
+const createDataListEl = (col, values) => {
+    const datalist = document.createElement("datalist");
+    datalist.id = col + "List";
+
+    datalist.innerHTML = values
+        .map(v => `<option value="${v}">`)
+        .join("");
+
+    return datalist;
+};
+
+const buildDataLists = ({
+    inContainerEl,
+    inDataStore,
+    inDom,
+    inData
+}) => {
+
+    const containerEl = inContainerEl;
+    const dom = inDom;
+
+    const configs = inDataStore.getDataListColumns();
+
+    const find = dom.getDataListContainerClass(containerEl);
+    if (!find) return;
+
+    find.innerHTML = "";
+
+    configs.forEach(cfg => {
+        const col = cfg.columnName;
+
+        // 🔥 CORE FIX
+        const sourceData = getSourceData({ cfg, inDataStore, inData });
+        debugger;
+        const values = getUniqueValues(sourceData);
+
+        const datalist = createDataListEl(col, values);
+
+        find.appendChild(datalist);
+    });
+};
+
+export { buildDataLists };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTotal/BuildFirstColumn/TableHeading/start.js

@@ -0,0 +1,14 @@
+const renderTableHeading = ({ inDataStore, inContainerEl, inDom }) => {
+    const dataStore = inDataStore;
+    const containerEl = inContainerEl;
+    const dom = inDom;
+
+    const tableName = dataStore.getTableName();
+
+    const find = dom.getTableNameClass(containerEl);
+    if (!find) return;
+
+    find.innerHTML = tableName;
+};
+
+export { renderTableHeading };