tailwind-table-dom 1.1.6 → 1.2.8

package/bin/table/v2/commands/table/template/v9/BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/CreateFooterRow/V2/BalanceRowForSearch/CreateFooterCell/start.js

@@ -0,0 +1,41 @@
+import createTH from "./CreateTH/index.js";
+
+const startFunc = ({
+    inKey,
+    inCellConfig = {},
+    inData
+}) => {
+    const evalBalance = inCellConfig?.tableFooter?.evalBalance || "";
+
+    const showBalanceIfPositive =
+        inCellConfig?.tableFooter?.showBalanceIfPositive || false;
+
+    const showBalance =
+        inCellConfig?.tableFooter?.showBalance || false;
+
+    const rightAlign =
+        inCellConfig?.rightAlign || false;
+
+    const showThousandsSeperator =
+        inCellConfig?.showThousandsSeperator || false;
+
+    const width =
+        inCellConfig?.width;
+
+    const th = createTH({
+        inKey,
+        inShowBalance: showBalance,
+        inData,
+        inShowThousandsSeperator:
+            showThousandsSeperator,
+        inWidth: width,
+        inRightAlign: rightAlign,
+        inEvalBalance: evalBalance,
+        inShowBalanceIfPositive: showBalanceIfPositive
+    });
+
+    return th;
+
+};
+
+export default startFunc;

package/bin/table/v2/commands/table/template/v9/BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/CreateFooterRow/V2/BalanceRowForSearch/insertCells.js

@@ -0,0 +1,13 @@
+import createFooterCell from "./CreateFooterCell/start.js";
+
+const startFunc = ({ inVisibleColumnsConfig, tr, inData }) => {
+    for (const [key, value] of Object.entries(inVisibleColumnsConfig)) {
+        tr.appendChild(createFooterCell({
+            inKey: value.columnName,
+            inCellConfig: value.cellConfig,
+            inData
+        }));
+    };
+};
+
+export { startFunc };

package/bin/table/v2/commands/table/template/v9/BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/CreateFooterRow/V2/BalanceRowForSearch/start.js

@@ -0,0 +1,47 @@
+import { startFunc as insertRowCells } from "./insertCells.js";
+
+const startFunc = ({ inShowSerial = false, inVisibleColumnsConfig, inTrClassName = "balanceRowForSearch",
+    inThSerialClassName, inShowActions = false, inData
+}) => {
+    const tr = document.createElement("tr");
+    const thSerialClassName = inThSerialClassName;
+
+    if (inTrClassName) {
+        tr.className = inTrClassName;
+    };
+
+    if (inShowSerial) tr.appendChild(getSerialColumn({ inClassName: thSerialClassName }));
+
+    insertRowCells({
+        tr, inVisibleColumnsConfig, inData
+    });
+
+    if (inShowActions) {
+        tr.appendChild(getOptionsColumn());
+    };
+
+    return tr;
+};
+
+const getSerialColumn = ({ inClassName }) => {
+    const thIndex = document.createElement("th");
+    // thIndex.textContent = "#";
+
+    if (inClassName) {
+        thIndex.className = inClassName;
+    } else {
+        thIndex.className = "px-4 py-2 border";
+    };
+    // thIndex.className = "px-4 py-2 border";
+
+    return thIndex
+};
+
+const getOptionsColumn = () => {
+    const thIndex = document.createElement("th");
+    thIndex.textContent = "options";
+
+    return thIndex
+};
+
+export default startFunc;

package/bin/table/v2/commands/table/template/v9/BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/CreateFooterRow/V2/TotalsRow/CreateFooterCell/CreateTH/applyRightAlign.js

@@ -0,0 +1,10 @@
+const applyRightAlign = ({
+    inTh,
+    inRightAlign = false
+}) => {
+    if (inRightAlign) {
+        inTh.classList.add("text-right");
+    };
+};
+
+export default applyRightAlign;

package/bin/table/v2/commands/table/template/v9/BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/CreateFooterRow/V2/TotalsRow/CreateFooterCell/CreateTH/applyWidth.js

@@ -0,0 +1,12 @@
+const applyWidth = ({
+    th,
+    inWidth
+}) => {
+
+    if (inWidth) {
+        th.style.width = inWidth;
+    };
+
+};
+
+export default applyWidth;

package/bin/table/v2/commands/table/template/v9/BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/CreateFooterRow/V2/TotalsRow/CreateFooterCell/CreateTH/getFormattedTotal.js

@@ -0,0 +1,16 @@
+const getFormattedTotal = ({
+    inTotal,
+    inShowThousandsSeperator = false
+}) => {
+
+    if (inShowThousandsSeperator) {
+
+        return inTotal.toLocaleString("en-IN");
+
+    };
+
+    return inTotal;
+
+};
+
+export default getFormattedTotal;

package/bin/table/v2/commands/table/template/v9/BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/CreateFooterRow/V2/TotalsRow/CreateFooterCell/CreateTH/getTotal.js

@@ -0,0 +1,20 @@
+const getTotal = ({
+    inData,
+    inKey
+}) => {
+
+    const localTotal = inData.reduce(
+        (acc, element) => {
+
+            return acc +
+                Number(element[inKey] || 0);
+
+        },
+        0
+    );
+
+    return localTotal;
+
+};
+
+export default getTotal;

package/bin/table/v2/commands/table/template/v9/BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/CreateFooterRow/V2/TotalsRow/CreateFooterCell/CreateTH/index.js

@@ -0,0 +1,49 @@
+import applyWidth from "./applyWidth.js";
+import getTotal from "./getTotal.js";
+import getFormattedTotal from "./getFormattedTotal.js";
+import applyRightAlign from "./applyRightAlign.js";
+
+const createTH = ({
+    inKey,
+    inShowTotal = false,
+    inData,
+    inShowThousandsSeperator = false,
+    inWidth,
+    inRightAlign
+}) => {
+
+    const th = document.createElement("th");
+    th.className = "px-4 py-2 border";
+
+    applyWidth({
+        th,
+        inWidth
+    });
+
+    applyRightAlign({
+        inTh: th,
+        inRightAlign
+    });
+
+    if (inShowTotal) {
+
+        const total = getTotal({
+            inData,
+            inKey
+        });
+
+        const formattedTotal =
+            getFormattedTotal({
+                inTotal: total,
+                inShowThousandsSeperator
+            });
+
+        th.innerHTML = formattedTotal;
+
+    };
+
+    return th;
+
+};
+
+export default createTH;

package/bin/table/v2/commands/table/template/v9/BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/CreateFooterRow/V2/TotalsRow/CreateFooterCell/assemble.js

@@ -0,0 +1,6 @@
+const assembleHeader = (wrapper, text, icon) => {
+    wrapper.appendChild(text);
+    wrapper.appendChild(icon);
+};
+
+export { assembleHeader };

package/bin/table/v2/commands/table/template/v9/BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/CreateFooterRow/V2/TotalsRow/CreateFooterCell/createSortIcon.js

@@ -0,0 +1,25 @@
+const createSortIcon = () => {
+    const svgNS = "http://www.w3.org/2000/svg";
+
+    const svg = document.createElementNS(svgNS, "svg");
+    svg.setAttribute("viewBox", "0 0 24 24");
+    svg.setAttribute("fill", "none");
+    svg.setAttribute("stroke", "currentColor");
+    svg.setAttribute("stroke-width", "2");
+    svg.setAttribute("class", "w-4 h-4 text-gray-400");
+    svg.setAttribute("data-sort-icon", "true");
+
+    const path = document.createElementNS(svgNS, "path");
+    path.setAttribute("stroke-linecap", "round");
+    path.setAttribute("stroke-linejoin", "round");
+    path.setAttribute(
+        "d",
+        "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9"
+    );
+
+    svg.appendChild(path);
+
+    return svg;
+};
+
+export { createSortIcon };

package/bin/table/v2/commands/table/template/v9/BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/CreateFooterRow/V2/TotalsRow/CreateFooterCell/createText.js

@@ -0,0 +1,7 @@
+const createText = (key) => {
+    const span = document.createElement("span");
+    span.textContent = key;
+    return span;
+};
+
+export { createText };

package/bin/table/v2/commands/table/template/v9/BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/CreateFooterRow/V2/TotalsRow/CreateFooterCell/start.js

@@ -0,0 +1,35 @@
+import createTH from "./CreateTH/index.js";
+
+const startFunc = ({
+    inKey,
+    inCellConfig = {},
+    inData
+}) => {
+
+    const showTotal =
+        inCellConfig?.tableFooter?.showTotal || false;
+
+    const rightAlign =
+        inCellConfig?.rightAlign || false;
+
+    const showThousandsSeperator =
+        inCellConfig?.showThousandsSeperator || false;
+
+    const width =
+        inCellConfig?.width;
+
+    const th = createTH({
+        inKey,
+        inShowTotal: showTotal,
+        inData,
+        inShowThousandsSeperator:
+            showThousandsSeperator,
+        inWidth: width,
+        inRightAlign: rightAlign
+    });
+
+    return th;
+
+};
+
+export default startFunc;

package/bin/table/v2/commands/table/template/v9/BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/CreateFooterRow/V2/TotalsRow/insertCells.js

@@ -0,0 +1,13 @@
+import createFooterCell from "./CreateFooterCell/start.js";
+
+const startFunc = ({ inVisibleColumnsConfig, tr, inData }) => {
+    for (const [key, value] of Object.entries(inVisibleColumnsConfig)) {
+        tr.appendChild(createFooterCell({
+            inKey: value.columnName,
+            inCellConfig: value.cellConfig,
+            inData
+        }));
+    };
+};
+
+export { startFunc };

package/bin/table/v2/commands/table/template/v9/BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/CreateFooterRow/V2/TotalsRow/start.js

@@ -0,0 +1,47 @@
+import { startFunc as insertRowCells } from "./insertCells.js";
+
+const startFunc = ({ inShowSerial = false, inVisibleColumnsConfig, inTrClassName = "totalsRow",
+    inThSerialClassName, inShowActions = false, inData
+}) => {
+    const tr = document.createElement("tr");
+    const thSerialClassName = inThSerialClassName;
+
+    if (inTrClassName) {
+        tr.className = inTrClassName;
+    };
+
+    if (inShowSerial) tr.appendChild(getSerialColumn({ inClassName: thSerialClassName }));
+
+    insertRowCells({
+        tr, inVisibleColumnsConfig, inData
+    });
+
+    if (inShowActions) {
+        tr.appendChild(getOptionsColumn());
+    };
+
+    return tr;
+};
+
+const getSerialColumn = ({ inClassName }) => {
+    const thIndex = document.createElement("th");
+    // thIndex.textContent = "#";
+
+    if (inClassName) {
+        thIndex.className = inClassName;
+    } else {
+        thIndex.className = "px-4 py-2 border";
+    };
+    // thIndex.className = "px-4 py-2 border";
+
+    return thIndex
+};
+
+const getOptionsColumn = () => {
+    const thIndex = document.createElement("th");
+    thIndex.textContent = "options";
+
+    return thIndex
+};
+
+export default startFunc;

package/bin/table/v2/commands/table/template/v9/BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/CreateFooterRow/V2/TotalsRowForSearch/CreateFooterCell/CreateTH/applyRightAlign.js

@@ -0,0 +1,10 @@
+const applyRightAlign = ({
+    inTh,
+    inRightAlign = false
+}) => {
+    if (inRightAlign) {
+        inTh.classList.add("text-right");
+    };
+};
+
+export default applyRightAlign;

package/bin/table/v2/commands/table/template/v9/BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/CreateFooterRow/V2/TotalsRowForSearch/CreateFooterCell/CreateTH/applyWidth.js

@@ -0,0 +1,12 @@
+const applyWidth = ({
+    th,
+    inWidth
+}) => {
+
+    if (inWidth) {
+        th.style.width = inWidth;
+    };
+
+};
+
+export default applyWidth;

package/bin/table/v2/commands/table/template/v9/BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/CreateFooterRow/V2/TotalsRowForSearch/CreateFooterCell/CreateTH/getFormattedTotal.js

@@ -0,0 +1,16 @@
+const getFormattedTotal = ({
+    inTotal,
+    inShowThousandsSeperator = false
+}) => {
+
+    if (inShowThousandsSeperator) {
+
+        return inTotal.toLocaleString("en-IN");
+
+    };
+
+    return inTotal;
+
+};
+
+export default getFormattedTotal;

package/bin/table/v2/commands/table/template/v9/BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/CreateFooterRow/V2/TotalsRowForSearch/CreateFooterCell/CreateTH/getTotal.js

@@ -0,0 +1,20 @@
+const getTotal = ({
+    inData,
+    inKey
+}) => {
+
+    const localTotal = inData.reduce(
+        (acc, element) => {
+
+            return acc +
+                Number(element[inKey] || 0);
+
+        },
+        0
+    );
+
+    return localTotal;
+
+};
+
+export default getTotal;

package/bin/table/v2/commands/table/template/v9/BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/CreateFooterRow/V2/TotalsRowForSearch/CreateFooterCell/CreateTH/index.js

@@ -0,0 +1,49 @@
+import applyWidth from "./applyWidth.js";
+import getTotal from "./getTotal.js";
+import getFormattedTotal from "./getFormattedTotal.js";
+import applyRightAlign from "./applyRightAlign.js";
+
+const createTH = ({
+    inKey,
+    inShowTotal = false,
+    inData,
+    inShowThousandsSeperator = false,
+    inWidth,
+    inRightAlign
+}) => {
+
+    const th = document.createElement("th");
+    th.className = "px-4 py-2 border";
+
+    applyWidth({
+        th,
+        inWidth
+    });
+
+    applyRightAlign({
+        inTh: th,
+        inRightAlign
+    });
+
+    if (inShowTotal) {
+
+        const total = getTotal({
+            inData,
+            inKey
+        });
+
+        const formattedTotal =
+            getFormattedTotal({
+                inTotal: total,
+                inShowThousandsSeperator
+            });
+
+        th.innerHTML = formattedTotal;
+
+    };
+
+    return th;
+
+};
+
+export default createTH;

package/bin/table/v2/commands/table/template/v9/BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/CreateFooterRow/V2/TotalsRowForSearch/CreateFooterCell/assemble.js

@@ -0,0 +1,6 @@
+const assembleHeader = (wrapper, text, icon) => {
+    wrapper.appendChild(text);
+    wrapper.appendChild(icon);
+};
+
+export { assembleHeader };

package/bin/table/v2/commands/table/template/v9/BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/CreateFooterRow/V2/TotalsRowForSearch/CreateFooterCell/createSortIcon.js

@@ -0,0 +1,25 @@
+const createSortIcon = () => {
+    const svgNS = "http://www.w3.org/2000/svg";
+
+    const svg = document.createElementNS(svgNS, "svg");
+    svg.setAttribute("viewBox", "0 0 24 24");
+    svg.setAttribute("fill", "none");
+    svg.setAttribute("stroke", "currentColor");
+    svg.setAttribute("stroke-width", "2");
+    svg.setAttribute("class", "w-4 h-4 text-gray-400");
+    svg.setAttribute("data-sort-icon", "true");
+
+    const path = document.createElementNS(svgNS, "path");
+    path.setAttribute("stroke-linecap", "round");
+    path.setAttribute("stroke-linejoin", "round");
+    path.setAttribute(
+        "d",
+        "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9"
+    );
+
+    svg.appendChild(path);
+
+    return svg;
+};
+
+export { createSortIcon };

package/bin/table/v2/commands/table/template/v9/BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/CreateFooterRow/V2/TotalsRowForSearch/CreateFooterCell/createText.js

@@ -0,0 +1,7 @@
+const createText = (key) => {
+    const span = document.createElement("span");
+    span.textContent = key;
+    return span;
+};
+
+export { createText };

package/bin/table/v2/commands/table/template/v9/BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/CreateFooterRow/V2/TotalsRowForSearch/CreateFooterCell/start.js

@@ -0,0 +1,35 @@
+import createTH from "./CreateTH/index.js";
+
+const startFunc = ({
+    inKey,
+    inCellConfig = {},
+    inData
+}) => {
+
+    const showTotal =
+        inCellConfig?.tableFooter?.showTotal || false;
+
+    const rightAlign =
+        inCellConfig?.rightAlign || false;
+
+    const showThousandsSeperator =
+        inCellConfig?.showThousandsSeperator || false;
+
+    const width =
+        inCellConfig?.width;
+
+    const th = createTH({
+        inKey,
+        inShowTotal: showTotal,
+        inData,
+        inShowThousandsSeperator:
+            showThousandsSeperator,
+        inWidth: width,
+        inRightAlign: rightAlign
+    });
+
+    return th;
+
+};
+
+export default startFunc;

package/bin/table/v2/commands/table/template/v9/BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/CreateFooterRow/V2/TotalsRowForSearch/insertCells.js

@@ -0,0 +1,13 @@
+import createFooterCell from "./CreateFooterCell/start.js";
+
+const startFunc = ({ inVisibleColumnsConfig, tr, inData }) => {
+    for (const [key, value] of Object.entries(inVisibleColumnsConfig)) {
+        tr.appendChild(createFooterCell({
+            inKey: value.columnName,
+            inCellConfig: value.cellConfig,
+            inData
+        }));
+    };
+};
+
+export { startFunc };

package/bin/table/v2/commands/table/template/v9/BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/CreateFooterRow/V2/TotalsRowForSearch/start.js

@@ -0,0 +1,47 @@
+import { startFunc as insertRowCells } from "./insertCells.js";
+
+const startFunc = ({ inShowSerial = false, inVisibleColumnsConfig, inTrClassName = "totalsRowForSearch",
+    inThSerialClassName, inShowActions = false, inData
+}) => {
+    const tr = document.createElement("tr");
+    const thSerialClassName = inThSerialClassName;
+
+    if (inTrClassName) {
+        tr.className = inTrClassName;
+    };
+
+    if (inShowSerial) tr.appendChild(getSerialColumn({ inClassName: thSerialClassName }));
+
+    insertRowCells({
+        tr, inVisibleColumnsConfig, inData
+    });
+
+    if (inShowActions) {
+        tr.appendChild(getOptionsColumn());
+    };
+
+    return tr;
+};
+
+const getSerialColumn = ({ inClassName }) => {
+    const thIndex = document.createElement("th");
+    // thIndex.textContent = "#";
+
+    if (inClassName) {
+        thIndex.className = inClassName;
+    } else {
+        thIndex.className = "px-4 py-2 border";
+    };
+    // thIndex.className = "px-4 py-2 border";
+
+    return thIndex
+};
+
+const getOptionsColumn = () => {
+    const thIndex = document.createElement("th");
+    thIndex.textContent = "options";
+
+    return thIndex
+};
+
+export default startFunc;

package/bin/table/v2/commands/table/template/v9/BuildTableVersions/V4/BuildFooterVersions/ForSummary/V8/CreateFooterRow/V2/start.js

@@ -0,0 +1,67 @@
+import totalsRow from "./TotalsRow/start.js";
+import balanceRow from "./BalanceRow/start.js";
+import totalsRowForSearch from "./TotalsRowForSearch/start.js";
+import balanceRowForSearch from "./BalanceRowForSearch/start.js";
+
+const startFunc = ({ inContainerEl, inDom, options, inVisibleColumnsConfig,
+    inTrClassName, inThSerialClassName, inData, inShowSerial,
+    inShowTotals = false, inShowBalance = false,
+    inShowTotalsForSearch = false, inShowBalanceForSearch = false,
+    inShowFooterRows = false
+}) => {
+    debugger
+    const containerEl = inContainerEl;
+
+    const localTableFooter =
+        inDom.getTableFooter(inContainerEl);
+
+    localTableFooter.innerHTML = "";
+
+    if (inShowFooterRows) {
+
+        if (inShowTotalsForSearch) {
+            const tr = totalsRowForSearch({
+                options, inVisibleColumnsConfig,
+                inTrClassName, inThSerialClassName,
+                inData, inShowSerial
+            });
+            // debugger;
+
+            localTableFooter.appendChild(tr);
+        };
+
+        if (inShowBalanceForSearch) {
+            const tr = balanceRowForSearch({
+                options, inVisibleColumnsConfig,
+                inTrClassName, inThSerialClassName,
+                inData, inShowSerial
+            });
+
+            localTableFooter.appendChild(tr);
+        };
+
+    };
+
+    if (inShowTotals) {
+        const tr = totalsRow({
+            options, inVisibleColumnsConfig,
+            inTrClassName, inThSerialClassName,
+            inData, inShowSerial
+        });
+        // debugger;
+
+        localTableFooter.appendChild(tr);
+    };
+
+    if (inShowBalance) {
+        const tr = balanceRow({
+            options, inVisibleColumnsConfig,
+            inTrClassName, inThSerialClassName,
+            inData, inShowSerial
+        });
+
+        localTableFooter.appendChild(tr);
+    };
+};
+
+export default startFunc;