@keshavsoft/kschema-cli 1.13.5 → 1.13.7

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTableOnly/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/BuildTableOnly/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/BuildTableOnly/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/BuildTableOnly/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 };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTableOnly/BuildForm/V1/createForm.js

@@ -0,0 +1,65 @@
+const collectFormData = (inputs) => {
+    const newItem = {};
+
+    Object.keys(inputs).forEach(key => {
+        newItem[key] = inputs[key].value;
+    });
+
+    return newItem;
+};
+
+const createInputRow = ({ col, defaultRow, inputs, inputClass, rowClass, labelClass }) => {
+    const row = document.createElement('div');
+    row.className = rowClass;
+
+    const label = document.createElement('label');
+    label.textContent = col;
+    label.className = labelClass;
+
+    const input = document.createElement('input');
+    input.className = inputClass;
+    input.name = col;
+
+    // auto-fill
+    input.value = defaultRow?.[col] ?? "";
+
+    inputs[col] = input;
+
+    row.appendChild(label);
+    row.appendChild(input);
+
+    return row;
+};
+
+const createForm = ({ columns, onSubmit, inDefaultRow, uiClasses }) => {
+    const { formClass, inputClass, buttonClass, rowClass, labelClass } = uiClasses;   // ✅ correct
+
+    const form = document.createElement('div');
+    form.className = formClass;
+
+    const inputs = {};
+
+    columns.forEach(col => {
+        const row = createInputRow({
+            col, defaultRow: inDefaultRow,
+            inputs,
+            inputClass, rowClass, labelClass
+        });
+        form.appendChild(row);
+    });
+
+    const button = document.createElement('button');
+    button.textContent = 'Save';
+    button.className = buttonClass;
+
+    button.onclick = () => {
+        const newItem = collectFormData(inputs);
+        onSubmit(newItem);
+    };
+
+    form.appendChild(button);
+
+    return form;
+};
+
+export { createForm };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTableOnly/BuildForm/V2/clearFormInputs.js

@@ -0,0 +1,9 @@
+const clearFormInputs = ({ inInputs }) => {
+    const inputs = inInputs;
+
+    Object.values(inputs).forEach(input => {
+        input.value = "";
+    });
+};
+
+export { clearFormInputs };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTableOnly/BuildForm/V2/collectFormData.js

@@ -0,0 +1,13 @@
+const collectFormData = ({ inInputs }) => {
+    const inputs = inInputs;
+
+    const newItem = {};
+
+    Object.keys(inputs).forEach(key => {
+        newItem[key] = inputs[key].value;
+    });
+
+    return newItem;
+};
+
+export { collectFormData };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTableOnly/BuildForm/V2/createButton.js

@@ -0,0 +1,29 @@
+import { collectFormData } from "./collectFormData.js";
+import { clearFormInputs } from "./clearFormInputs.js";
+import { focusFirstInput } from "./focusFirstInput.js";
+
+const createButton = ({ inButtonClass, inInputs, inOnSubmit }) => {
+
+    const buttonClass = inButtonClass;
+    const inputs = inInputs;
+    const onSubmit = inOnSubmit;
+
+    const button = document.createElement('button');
+    button.textContent = 'Save';
+    button.className = buttonClass;
+
+    button.addEventListener('click', () => {
+
+        const newItem = collectFormData({ inInputs: inputs });
+
+        onSubmit(newItem);
+
+        clearFormInputs({ inInputs: inputs });
+
+        focusFirstInput({ inInputs: inputs });
+    });
+
+    return button;
+};
+
+export { createButton };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTableOnly/BuildForm/V2/createForm.js

@@ -0,0 +1,44 @@
+import { createInputRow } from "./createInputRow.js";
+import { createButton } from "./createButton.js";
+
+const createForm = ({ columns, inDataStore,
+    inDefaultRow, onSubmit, uiClasses }) => {
+
+    const defaultRow = inDefaultRow;
+
+    const formClass = uiClasses.formClass;
+    const inputClass = uiClasses.inputClass;
+    const buttonClass = uiClasses.buttonClass;
+    const rowClass = uiClasses.rowClass;
+    const labelClass = uiClasses.labelClass;
+
+    const form = document.createElement('div');
+    form.className = formClass;
+
+    const inputs = {};
+
+    columns.forEach(col => {
+        const row = createInputRow({
+            inCol: col,
+            inDefaultRow: defaultRow,
+            inInputs: inputs,
+            inInputClass: inputClass,
+            inRowClass: rowClass,
+            inLabelClass: labelClass
+        });
+
+        form.appendChild(row);
+    });
+
+    const button = createButton({
+        inButtonClass: buttonClass,
+        inInputs: inputs,
+        inOnSubmit: onSubmit
+    });
+
+    form.appendChild(button);
+
+    return form;
+};
+
+export { createForm };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTableOnly/BuildForm/V2/createInputRow.js

@@ -0,0 +1,32 @@
+const createInputRow = ({ inCol, inDefaultRow, inInputs, inInputClass,
+    inRowClass, inLabelClass }) => {
+
+    const col = inCol;
+    const defaultRow = inDefaultRow;
+    const inputs = inInputs;
+    const inputClass = inInputClass;
+    const rowClass = inRowClass;
+    const labelClass = inLabelClass;
+
+    const row = document.createElement('div');
+    row.className = rowClass;
+
+    const label = document.createElement('label');
+    label.textContent = col;
+    label.className = labelClass;
+
+    const input = document.createElement('input');
+    input.className = inputClass;
+    input.name = col;
+
+    input.value = defaultRow?.[col] ?? "";
+
+    inputs[col] = input;
+
+    row.appendChild(label);
+    row.appendChild(input);
+
+    return row;
+};
+
+export { createInputRow };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTableOnly/BuildForm/V2/focusFirstInput.js

@@ -0,0 +1,11 @@
+const focusFirstInput = ({ inInputs }) => {
+    const inputs = inInputs;
+    debugger
+    const firstKey = Object.keys(inputs)[0];
+
+    if (firstKey) {
+        inputs[firstKey].focus();
+    }
+};
+
+export { focusFirstInput };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTableOnly/BuildForm/V3/clearFormInputs.js

@@ -0,0 +1,9 @@
+const clearFormInputs = ({ inInputs }) => {
+    const inputs = inInputs;
+
+    Object.values(inputs).forEach(input => {
+        input.value = "";
+    });
+};
+
+export { clearFormInputs };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTableOnly/BuildForm/V3/collectFormData.js

@@ -0,0 +1,13 @@
+const collectFormData = ({ inInputs }) => {
+    const inputs = inInputs;
+
+    const newItem = {};
+
+    Object.keys(inputs).forEach(key => {
+        newItem[key] = inputs[key].value;
+    });
+
+    return newItem;
+};
+
+export { collectFormData };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTableOnly/BuildForm/V3/createButton.js

@@ -0,0 +1,30 @@
+import { collectFormData } from "./collectFormData.js";
+import { clearFormInputs } from "./clearFormInputs.js";
+import { focusFirstInput } from "./focusFirstInput.js";
+
+const createButton = ({ inButtonClass, inInputs, inOnSubmit }) => {
+
+    const buttonClass = inButtonClass;
+    const inputs = inInputs;
+    const onSubmit = inOnSubmit;
+
+    const button = document.createElement('button');
+    button.textContent = 'Save';
+    button.className = buttonClass;
+
+    button.addEventListener('click', async (event) => {
+        event.preventDefault(); // 🔥 THIS IS THE KEY
+
+        const newItem = collectFormData({ inInputs: inputs });
+
+        await onSubmit(newItem);
+
+        clearFormInputs({ inInputs: inputs });
+
+        focusFirstInput({ inInputs: inputs });
+    });
+
+    return button;
+};
+
+export { createButton };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTableOnly/BuildForm/V3/createForm.js

@@ -0,0 +1,52 @@
+import { createInputRow } from "./createInputRow.js";
+import { createButton } from "./createButton.js";
+
+const createForm = ({ columns, inDataStore, showSaveButton,
+    inDefaultRow, onSubmit, uiClasses, inIsDisabled, inVisibleColumnsConfig }) => {
+    debugger;
+    const defaultRow = inDefaultRow;
+
+    const formClass = uiClasses.formClass;
+    const inputClass = uiClasses.inputClass;
+    const buttonClass = uiClasses.buttonClass;
+    const rowClass = uiClasses.rowClass;
+    const labelClass = uiClasses.labelClass;
+    // debugger;
+    const form = document.createElement('form');
+    form.className = "verticalForm";
+
+    const fieldset = document.createElement('fieldset');
+    fieldset.className = formClass;
+
+    fieldset.disabled = inIsDisabled; // when needed
+
+    form.appendChild(fieldset);
+    const inputs = {};
+
+    inVisibleColumnsConfig.forEach(col => {
+        const row = createInputRow({
+            inCol: col,
+            inDefaultRow: defaultRow,
+            inInputs: inputs,
+            inInputClass: inputClass,
+            inRowClass: rowClass,
+            inLabelClass: labelClass,
+        });
+
+        fieldset.appendChild(row);
+    });
+
+    if (showSaveButton) {
+        const button = createButton({
+            inButtonClass: buttonClass,
+            inInputs: inputs,
+            inOnSubmit: onSubmit
+        });
+
+        fieldset.appendChild(button);
+    };
+
+    return form;
+};
+
+export { createForm };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTableOnly/BuildForm/V3/createInputRow.js

@@ -0,0 +1,71 @@
+// 📁 createInputRow.js
+
+const createLabel = ({ col, labelClass }) => {
+    const label = document.createElement('label');
+    label.textContent = col;
+    label.className = labelClass;
+    return label;
+};
+
+const createInput = ({ col, inputClass, value, inShowDataList }) => {
+    const input = document.createElement('input');
+    input.className = inputClass;
+    input.name = col;
+    input.value = value ?? "";
+
+    if (inShowDataList) {
+        input.setAttribute("list", `${col}List`);
+    };
+
+    return input;
+};
+
+const resolveValue = ({ col, defaultRow }) => {
+    return defaultRow?.[col] ?? "";
+};
+
+const createRowContainer = ({ rowClass }) => {
+    const row = document.createElement('div');
+    row.className = rowClass;
+    return row;
+};
+
+const attachToInputs = ({ inputs, col, input }) => {
+    inputs[col] = input;
+};
+
+const assembleRow = ({ row, label, input }) => {
+    row.appendChild(label);
+    row.appendChild(input);
+    return row;
+};
+
+const createInputRow = ({
+    inCol,
+    inDefaultRow,
+    inInputs,
+    inInputClass,
+    inRowClass,
+    inLabelClass
+}) => {
+    const col = inCol.columnName;
+
+    const row = createRowContainer({ rowClass: inRowClass });
+
+    const value = resolveValue({ col, defaultRow: inDefaultRow });
+
+    const label = createLabel({ col, labelClass: inLabelClass });
+
+    const input = createInput({
+        col,
+        inputClass: inInputClass,
+        value,
+        inShowDataList: inCol.tableFooterDataListShow
+    });
+
+    attachToInputs({ inputs: inInputs, col, input });
+
+    return assembleRow({ row, label, input });
+};
+
+export { createInputRow };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTableOnly/BuildForm/V3/focusFirstInput.js

@@ -0,0 +1,11 @@
+const focusFirstInput = ({ inInputs }) => {
+    const inputs = inInputs;
+    debugger
+    const firstKey = Object.keys(inputs)[0];
+
+    if (firstKey) {
+        inputs[firstKey].focus();
+    }
+};
+
+export { focusFirstInput };

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

@@ -0,0 +1,15 @@
+const applyProjection = ({ row, projection }) => {
+    if (!row || !projection) return row;
+
+    const updatedRow = { ...row };
+
+    Object.keys(projection).forEach((key) => {
+        if (key in updatedRow) {
+            updatedRow[key] = projection[key];
+        }
+    });
+
+    return updatedRow;
+};
+
+export { applyProjection };

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

@@ -0,0 +1,86 @@
+import { createForm } from "./V3/createForm.js";
+import { afterMutation } from "../afterMutation.js";
+// import { applyProjection } from "./applyProjection.js";
+
+const buildForm = ({
+    inContainerEl,
+    inDataStore,
+    inDom,
+    inServices,
+    inOptions,
+    inEndPoints,
+    inColumnsConfig,
+    inShowFooter,
+    inData,
+    inVisibleColumns,
+    inVisibleColumnsConfig,
+    onDelete,
+    inShowActions,
+    inShowSerial,
+    isBuildDataLists,
+    inDefaultRow,
+    inFormClass,
+    inButtonClass,
+    uiClasses,
+    inIsDisabled,
+    showSaveButton,
+    inFindData,
+    inShowTable,
+    incallbacks
+}) => {
+    const handleSave = async (newItem) => {
+        debugger;
+        const res = await inServices.actions.vertical.save({
+            inEndPoint: inEndPoints.create,
+            payload: newItem
+        });
+        
+        if (res.ok) {
+            if (incallbacks?.vertical?.onSuccess) {
+                incallbacks?.vertical?.onSuccess(res);
+                return; // 🚫 stop library flow
+            };
+        };
+
+        // afterMutation({
+        //     inServices,
+        //     inEndPoints,
+        //     inDataStore,
+        //     inContainerEl,
+        //     inDom,
+        //     inOptions,
+        //     inVisibleColumns,
+        //     onDelete,
+        //     isBuildDataLists,
+        //     inShowActions, inShowSerial,
+        //     inDefaultRow,
+        //     inShowTable
+        // });
+    };
+
+    const form = createForm({
+        columns: inVisibleColumns,
+        inVisibleColumnsConfig,
+        inDataStore,
+        inDefaultRow,
+        onSubmit: handleSave,
+        uiClasses,
+        inIsDisabled,
+        showSaveButton
+    });
+
+    inContainerEl.prepend(form);
+    // debugger;
+    applyProjectionToTableRow({ tr: form, projection: inFindData })
+};
+
+const applyProjectionToTableRow = ({ tr, projection }) => {
+    Object.entries(projection).forEach(([key, value]) => {
+        const cell = tr.querySelector(`[name="${key}"]`);
+        if (cell) {
+            cell.value = value;
+        }
+    });
+};
+
+export { buildForm };

package/bin/v13/commands/accounts/template/v9/Public/KSTableAi/V31/BuildTableOnly/BuildTableVersions/V1/BuildBodyVersions/V1/buildBody.js

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