tailwind-table-dom 1.2.8 → 1.3.11

package/bin/table/v2/commands/table/template/v7/BuildTableVersions/V4/BuildBodyVersions/V5/start.js

@@ -1,36 +0,0 @@
-import { buildRow } from "./buildRow.js";
-import buildDeleteHandler from "./handlerFuncs/V7/buildDeleteHandler.js";
-
-const buildBody = ({ inDataStore, inDom, inShowSerial = false,
-    inVisibleColumnsConfig, inShowActions, inServices,
-    inEndPoints, inConfig, inTableBody, inData
-}) => {
-    const dataToShow = inData;
-    const tableBody = inTableBody;
-
-    tableBody.innerHTML = '';
-
-    const handleDelete = buildDeleteHandler({
-        inServices,
-        inEndPoints,
-        inConfig,
-        inDataStore,
-        inVisibleColumnsConfig,
-        inShowSerial,
-        inTableBody: tableBody
-    });
-
-    // debugger;
-    dataToShow.forEach((item, index) => {
-        const row = buildRow({
-            item, index, inVisibleColumnsConfig,
-            inShowSerial,
-            inShowActions,
-            onDeleteFunc: handleDelete
-        });
-
-        tableBody.appendChild(row);
-    });
-};
-
-export { buildBody };

package/bin/table/v2/commands/table/template/v7/BuildTableVersions/V4/BuildFooterVersions/ForCreate/V1/CreateFooterRow/createFooterInput.js

@@ -1,39 +0,0 @@
-// createFooterInput.js
-
-const createFooterInput = ({ key, onChangeFunc, showDataList, inColumnsConfig,
-    inDefaultValue, inClasses
-}) => {
-    const input = document.createElement("input");
-
-    input.type = "text";
-    input.placeholder = key;
-    input.name = key;
-    input.className = "w-full px-2 py-1 border rounded text-md";
-
-    const findColumn = inColumnsConfig.find(element => {
-        return element.columnName === key;
-    });
-
-    if (showDataList && findColumn?.tableFooterDataListShow) {
-        input.setAttribute("list", `${key}List`);
-        input.dataset.dataListSource = findColumn.dataListSource;
-    };
-
-    if (inDefaultValue !== undefined) {
-        // default value is inserted in input value
-        input.value = inDefaultValue;
-        //need to add to dataset also for further use, like clear values
-        input.dataset.defaultValue = inDefaultValue;
-    };
-    debugger;
-    if (onChangeFunc) {
-        input.addEventListener(
-            "change",
-            onChangeFunc
-        );
-    };
-
-    return input;
-};
-
-export { createFooterInput };

package/bin/table/v2/commands/table/template/v7/BuildTableVersions/V4/BuildFooterVersions/ForCreate/V2/CreateFooterRow/createFooterInput.js

@@ -1,39 +0,0 @@
-// createFooterInput.js
-
-const createFooterInput = ({ key, onChangeFunc, showDataList, inColumnsConfig,
-    inDefaultValue, inClasses
-}) => {
-    const input = document.createElement("input");
-
-    input.type = "text";
-    input.placeholder = key;
-    input.name = key;
-    input.className = "w-full px-2 py-1 border rounded text-md";
-
-    const findColumn = inColumnsConfig.find(element => {
-        return element.columnName === key;
-    });
-
-    if (showDataList && findColumn?.tableFooterDataListShow) {
-        input.setAttribute("list", `${key}List`);
-        input.dataset.dataListSource = findColumn.dataListSource;
-    };
-
-    if (inDefaultValue !== undefined) {
-        // default value is inserted in input value
-        input.value = inDefaultValue;
-        //need to add to dataset also for further use, like clear values
-        input.dataset.defaultValue = inDefaultValue;
-    };
-    debugger;
-    if (onChangeFunc) {
-        input.addEventListener(
-            "change",
-            onChangeFunc
-        );
-    };
-
-    return input;
-};
-
-export { createFooterInput };

package/bin/table/v2/commands/table/template/v7/BuildTableVersions/V4/BuildFooterVersions/ForCreate/V2/CreateHandleSave/start.js

@@ -1,13 +0,0 @@
-import { saveFooterRow } from "../saveFooterRow.js";
-
-const startFunc = async ({ inServices, inEndPoints, inPayload, inDataStore, inTableBody,
-    inVisibleColumnsConfig, inShowSerial
-}) => {
-
-    await saveFooterRow({
-        inServices, inEndPoints, inPayload, inDataStore, inTableBody,
-        inVisibleColumnsConfig, inShowSerial
-    });
-};
-
-export { startFunc };

package/bin/table/v2/commands/table/template/v7/BuildTableVersions/V4/BuildFooterVersions/ForCreate/V2/saveFooterRow.js

@@ -1,71 +0,0 @@
-import { validateRow } from "./Utils/validateRow.js";
-// import { afterMutation } from "../../../../afterMutation.js";
-import { getFooterPayload } from "./getFooterPayload.js";
-import { showErrors } from "./DomManipulation/showErrors.js";
-import { clearErrors } from "./DomManipulation/clearErrors.js";
-import { clearFooterInputs } from "./DomManipulation/clearFooterInputs.js";
-
-import { buildBody } from "../../../BuildBodyVersions/V4/start.js";
-import afterMutation from "./AfterMutation/V1/index.js";
-
-const saveFooterRow = async ({
-    inDataStore,
-    inDom,
-    inServices,
-    inEndPoints,
-    inContainerEl,
-    inOptions,
-    inColumnsConfig,
-    inVisibleColumnsConfig,
-    inShowActions,
-    inShowSerial,
-    inShowTable,
-    inToSaveRow,
-    tableOptions,
-    inPayload,
-    inTableBody
-}) => {
-    try {
-        // debugger
-        await inServices.actions.create({
-            inEndPoint: inEndPoints.create,
-            payload: inPayload
-        });
-
-        afterMutation({
-            inDataStore, inServices, inEndPoints,
-            inTableBody,
-            inVisibleColumnsConfig,
-            inShowSerial
-        });
-    } catch (err) {
-        console.error(err);
-        return;
-    };
-
-    // clearFooterInputs(tr);
-
-    // await afterMutation({
-    //     inServices,
-    //     inEndPoints,
-    //     inDataStore,
-    //     inContainerEl,
-    //     inDom,
-    //     inOptions,
-    //     focusFn: focusFooter,
-    //     inVisibleColumns,
-    //     inShowActions,
-    //     inShowSerial,
-    //     inShowTable,
-    //     onDelete: tableOptions.onDelete
-    // });
-};
-
-const focusFooter = ({ inContainerEl }) => {
-    const el = inContainerEl.querySelector(
-        "tfoot input, tfoot select, tfoot textarea"
-    );
-    el?.focus();
-};
-
-export { saveFooterRow };

package/bin/table/v2/commands/table/template/v7/BuildTableVersions/V4/BuildFooterVersions/ForCreate/V2/start.js

@@ -1,48 +0,0 @@
-import { startFunc as createHandleSave } from "./CreateHandleSave/start.js";
-import { startFunc as createHandleOnChange } from "./CreateHandleOnChange/start.js";
-
-import { startFunc as createFooter } from "./CreateFooter/start.js";
-import { appendFooter } from "./DomManipulation/appendFooter.js";
-
-const buildFooter = ({ inVisibleColumnsConfig, inDefaultRow, keys,
-    inTableFooter, inShowDataList, inDataStore, inShowSave, inOptions,
-    inServices, inEndPoints, inTableBody, inShowSerial
-}) => {
-
-    const localVisibleColumns = inVisibleColumnsConfig
-
-    const localHandleSave = (domValuesAsObject) => {
-        const objectToSave = { ...domValuesAsObject, ...inDefaultRow };
-        // debugger;
-        createHandleSave({
-            inServices, inEndPoints, inPayload: objectToSave,
-            inDataStore, inTableBody,
-            inVisibleColumnsConfig: localVisibleColumns,
-            inShowSerial
-        });
-    };
-
-    const localHandleOnChange = createHandleOnChange({
-        inDataStore,
-        inColumnsConfig: localVisibleColumns,
-        inToSaveRow: inDefaultRow
-    });
-
-    const localTr = createFooter({
-        inVisibleColumnsConfig: localVisibleColumns,
-        inDefaultRow, inShowDataList, keys,
-        onChangeFunc: localHandleOnChange,
-        inShowSave, inOnSaveFunc: localHandleSave,
-        inShowSerial
-    });
-
-    inTableFooter.appendChild(localTr);
-
-    // appendFooter({
-    //     inDom,
-    //     inContainerEl: inOptions.inContainerEl,
-    //     inTr: localTr
-    // });
-};
-
-export default buildFooter;

package/bin/table/v2/commands/table/template/v7/BuildTableVersions/V4/BuildHeaderVersions/V4/CreateHeaderRow/CreateHeaderCell/start.js

@@ -1,28 +0,0 @@
-import { createTH } from "./createTH.js";
-import { createWrapper } from "./createWrapper.js";
-
-const createHeaderCell = ({ inKey, inClassName, inWidth, inCreateWrapper = false,
-    inTitle
-}) => {
-
-    const th = createTH({
-        inKey,
-        inClassName,
-        inWidth,
-        inTitle
-    });
-
-    if (inCreateWrapper) {
-        const wrapper = createWrapper(inKey);
-
-        // attach to TH
-        th.appendChild(wrapper);
-    } else {
-        th.innerHTML = inTitle || inKey;
-        th.dataset.field = inKey;
-    };
-
-    return th;
-};
-
-export default createHeaderCell;

package/bin/table/v2/commands/table/template/v7/UI/compose/buildFullUI.js

@@ -1,34 +0,0 @@
-import { buildHeaderRow } from "../builders/buildHeaderRow.js";
-import { buildDataListContainer } from "../builders/buildDataListContainer.js";
-// import { buildTableShell } from "../builders/buildTableShell.js";
-
-import buildTableShell from "../BuilderVersions/V1/buildTableShell.js";
-
-export const buildFullUI = ({ containerEl, inTableName, inIsDataListNeeded = true,
-    inIsTableNeeded = true, inIsShowHeaderRow = false,
-    inUiClasses }) => {
-
-    const root = containerEl;
-    root.className = "max-w-6xl mx-auto p-2";
-
-    let children = [];
-
-    if (inIsShowHeaderRow) {
-        const { header } = buildHeaderRow({ inTitleText: inTableName });
-
-        children.push(header);
-    };
-
-    if (inIsTableNeeded) {
-        const { wrapper } = buildTableShell({ inTableClassName: inUiClasses?.table?.tableClass });
-
-        children.push(wrapper);
-    };
-
-    if (inIsDataListNeeded) {
-        const { container: dataList } = buildDataListContainer();
-        children.push(dataList);
-    };
-
-    root.replaceChildren(...children);
-};

package/bin/table/v2/commands/table/template/v7/UI/mountCreate.js

@@ -1,118 +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/V2/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 setFocus from "../UI/SetFocus/V2/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("ledgers");
-    // debugger
-    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 findData = dataStore.getFindData();
-    const findDataFromParams = dataStore.getFindFromParams();
-
-    const isFormDisabled = options.vertical.isFormDisabled;
-    const showSaveButton = options.vertical.showSaveButton;
-
-    // debugger
-
-    buildFullUI({
-        containerEl: containerEl,
-        inTableName: inConfig.tableName,
-        inIsShowHeaderRow: showSearch,
-        inIsTableNeeded: false,
-        inIsShowHeaderRow: false
-    });
-
-    if (true) {
-        const handleSave = async (newItem) => {
-            const res = await services.actions.vertical.save({
-                inEndPoint: endPoints.create,
-                payload: newItem
-            });
-
-            if (res.ok) {
-                if (callbacks?.vertical?.onSuccess) {
-                    callbacks?.vertical?.onSuccess(res);
-                    return; // 🚫 stop library flow
-                };
-
-                return await true;
-            };
-        };
-
-        const searchForm = createForm({
-            inVisibleColumnsConfig: visibleColumnsConfig,
-            inSearchableColumnsConfig: visibleColumnsConfig,
-            inServices: services,
-            inConfig,
-            inShowButton: false,
-            uiClasses: uiClasses.form,
-            inDataStore: dataStore,
-            showSaveButton: showSaveButton,
-            onSubmit: handleSave,
-            inDefaultRow: findDataFromParams,
-            inIsDisabled: isFormDisabled
-        });
-
-        containerEl.prepend(searchForm);
-    };
-
-    // debugger;
-    buildDataLists({
-        inContainerEl: containerEl,
-        inDataStore: dataStore,
-        inDom: dom,
-        inData: data,
-        inDataListColumns: visibleColumnsConfig
-    });
-
-    debugger;
-    if (showSearch) {
-        // for search vertical
-        SearchFuncs({ inContainerEl: containerEl });
-    };
-
-    setFocus({ inContainerEl: containerEl });
-};
-
-export default startFunc;
-

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

@@ -1,128 +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;
-
-    const defaultRow = dataStore.getDefaultRow();
-    const showSave = options?.table?.showSave;
-    const showActions = options?.table?.showActions;
-    const showFooter = options?.table?.showFooter;
-
-    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
-    });
-
-    const tableBody = dom.getTableBody(containerEl);
-
-    buildBody({
-        inDataStore: dataStore,
-        inContainerEl: containerEl,
-        inDom: dom,
-        inVisibleColumnsConfig: visibleColumnsConfig,
-        inShowSerial: showSerial,
-        inShowActions: showActions,
-        inServices: services,
-        inEndPoints: endPoints,
-        inConfig,
-        inTableBody: tableBody,
-        inData: data
-    });
-
-    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;
-