json-renderers-build-table 1.32.2 → 1.36.2

package/src/v36/builders/spec.json

@@ -0,0 +1,107 @@
+{
+    "buildBodyTr": {
+        "tagName": "tr",
+        "attributes": {
+            "class": "align-middle"
+        },
+        "children": []
+    },
+    "buildColGroup": {
+        "tagName": "col",
+        "attributes": {
+            "width": "${width}"
+        }
+    },
+    "buildHeader": {
+        "tagName": "th",
+        "textContent": "${columnName}",
+        "attributes": {
+            "class": "py-3 px-3 fw-semibold text-uppercase small"
+        }
+    },
+    "buildFooter": {
+        "tagName": "td",
+        "children": [
+            {
+                "tagName": "input",
+                "attributes": {
+                    "type": "text",
+                    "placeholder": "enter ${columnName}",
+                    "name": "${columnName}",
+                    "id": "${columnName}",
+                    "list": "${columnName}",
+                    "class": "form-control"
+                }
+            }
+        ]
+    },
+    "buildBodyCell": {
+        "tagName": "td",
+        "textContent": "${rowValue}",
+        "attributes": {
+            "class": "py-3 px-3 text-secondary"
+        }
+    },
+    "button": {
+        "tagName": "button",
+        "textContent": "${columnName}",
+        "attributes": {
+            "class": "btn btn-primary btn-sm"
+        }
+    },
+    "buttonCell": {
+        "tagName": "td",
+        "attributes": {
+            "class": "py-2 px-3 text-center"
+        },
+        "children": [
+            {
+                "tagName": "button",
+                "textContent": "${agg:count}",
+                "attributes": {
+                    "class": "btn btn-primary btn-sm"
+                }
+            }
+        ]
+    },
+    "optionsButtonCell": {
+        "tagName": "td",
+        "attributes": {
+            "class": "py-2 px-3 text-center"
+        },
+        "children": [
+            {
+                "tagName": "button",
+                "textContent": "${columnName}",
+                "attributes": {
+                    "class": "btn btn-primary btn-sm"
+                }
+            }
+        ]
+    },
+    "buildOption": {
+        "tagName": "option",
+        "textContent": "${rowValue}",
+        "attributes": {
+            "value": "${rowValue}"
+        }
+    },
+    "buildSelect": {
+        "tagName": "select",
+        "attributes": {
+            "id": "LedgerName"
+        },
+        "children": []
+    },
+    "buildDataList": {
+        "tagName": "datalist",
+        "attributes": {
+            "data-name": "${columnName}"
+        },
+        "children": []
+    },
+    "emptyCell": {
+        "tagName": "td",
+        "children": []
+    }
+}

package/src/v36/builders/withFooter/base.json

@@ -0,0 +1 @@
+{"tagName":"table","attributes":{"class":"table table-hover table-striped align-middle border mb-0"},"children":[{"tagName":"colgroup","attributes":{"data-role":"table-colgroup"},"children":[]},{"tagName":"thead","attributes":{"class":"table-dark","data-role":"table-header"},"children":[{"tagName":"tr","attributes":{"data-role":"table-header-row"},"children":[]}]},{"tagName":"tbody","attributes":{"data-role":"table-body"},"children":[]},{"tagName":"tfoot","attributes":{"data-role":"table-footer"},"children":[{"tagName":"tr","attributes":{"data-role":"table-footer-row"},"children":[]}]}]}

package/src/v36/builders/withFooter/double.json

@@ -0,0 +1 @@
+[{"narration":"Build table body","destinationPath":{"fileName":"base","dataRole":"table-body","filePath":["children"]},"sourcePath":{"fileName":"data","filePath":["columns"]},"func":"twoDimensional"}]

package/src/v36/builders/withFooter/index.js

@@ -0,0 +1,33 @@
+import fromCollection from "json-transformer-funcs-one-dimension";
+import twoDimensional from "json-transformer-funcs-two-dimensions";
+import optionsFunc from "json-renderers-build-table-options";
+
+import runSingleInstructions from "json-instruction-single";
+import runDoubleInstructions from "json-instruction-double";
+
+import spec from "../spec.json" with { type: "json" };
+import base from "./base.json" with { type: "json" };
+
+import singleInstructions from "./single.json" with { type: "json" };
+import doubleInstructions from "./double.json" with { type: "json" };
+
+const startFunc = ({ data, columns, options }) => {
+
+    const localBase = structuredClone(base);
+
+    const registry = {
+        data: { columns, data },
+        base: localBase,
+        spec,
+        ...options
+    };
+
+    runSingleInstructions(singleInstructions, registry);
+    runDoubleInstructions(doubleInstructions, registry);
+
+    optionsFunc({ options, base: localBase, showLog: false, returnLog: [] });
+
+    return localBase;
+};
+
+export default startFunc;

package/src/v36/builders/withFooter/single.json

@@ -0,0 +1,56 @@
+[
+  {
+    "narration": "Build column widths",
+    "destinationPath": {
+      "fileName": "base",
+      "dataRole": "table-colgroup",
+      "filePath": [
+        "children"
+      ]
+    },
+    "sourcePath": {
+      "fileName": "data",
+      "filePath": [
+        "columns"
+      ]
+    },
+    "templateKey": "buildColGroup",
+    "func": "fromCollection"
+  },
+  {
+    "narration": "Build table header",
+    "destinationPath": {
+      "fileName": "base",
+      "dataRole": "table-header-row",
+      "filePath": [
+        "children"
+      ]
+    },
+    "sourcePath": {
+      "fileName": "data",
+      "filePath": [
+        "columns"
+      ]
+    },
+    "templateKey": "buildHeader",
+    "func": "fromCollection"
+  },
+  {
+    "narration": "Build footer input cells",
+    "destinationPath": {
+      "fileName": "base",
+      "dataRole": "table-footer-row",
+      "filePath": [
+        "children"
+      ]
+    },
+    "sourcePath": {
+      "fileName": "data",
+      "filePath": [
+        "columns"
+      ]
+    },
+    "templateKey": "buildFooter",
+    "func": "fromCollection"
+  }
+]

package/src/v36/index.js

@@ -0,0 +1,11 @@
+import simple from "./builders/simple/index.js";
+import withFooter from "./builders/withFooter/index.js";
+
+// import headerOnly from "./builders/headerOnly/index.js";
+// import bodyOnly from "./builders/bodyOnly/index.js";
+
+// import footerOnly from "./builders/footerOnly/index.js";
+
+export { simple, withFooter };
+
+export default { simple, withFooter };

package/src/v36/public.js

@@ -0,0 +1,2 @@
+export * from "./index.js";
+export { default } from "./index.js";

package/src/v29/actions/index.js

@@ -1,26 +0,0 @@
-import insertSerial from "./insertSerial/index.js";
-import insertOptions from "./insertOptions/index.js";
-import insertSearch from "./insertSearch/index.js";
-
-const startFunc = ({ inOptions = {}, inBase, showLog = false, returnLog = [] }) => {
-    const localOptions = inOptions;
-
-    const localBase = inBase;
-
-    console.log(localOptions)
-    if (localOptions.showSerial || localOptions.serial) {
-        insertSerial(localBase, localOptions.serial || {}, showLog, returnLog);
-    }
-
-    if (localOptions.showOptions || localOptions.options) {
-        insertOptions(localBase, localOptions.options || {}, showLog, returnLog);
-    };
-
-    if (localOptions.showSearch) {
-        insertSearch();
-    };
-
-    return localBase;
-};
-
-export default startFunc;

package/src/v29/actions/insertOptions/index.js

@@ -1,47 +0,0 @@
-import applyTemplate from "json-transformer-funcs-primitive";
-import { findByRole } from "json-transformer-funcs";
-
-import spec from "../../builders/spec.json" with { type: "json" };
-import singleInstructions from "./instructions/single.json" with { type: "json" };
-import footerInstructions from "./instructions/footer.json" with { type: "json" };
-
-import runSingleInstructions from "../../singleInstruction/index.js";
-
-const functions = { applyTemplate };
-
-const insertOptions = (input = {}, config = {}, showLog = false, returnLog = []) => {
-    let localTableSpec = input;
-    let localOptions = config;
-
-    if (input && typeof input === "object" && "inTableSpec" in input) {
-        localTableSpec = input.inTableSpec;
-        localOptions = input.inOptions || config;
-    }
-
-    const localOptionsMerged = {
-        col: { width: "100px" },
-        header: { columnName: "options" },
-        body: { columnName: "show" },
-        footer: {},
-        ...localOptions
-    };
-
-    const registry = {
-        data: {
-            options: localOptionsMerged
-        },
-        base: localTableSpec,
-        spec
-    };
-
-    runSingleInstructions(singleInstructions, registry, functions, spec, showLog, returnLog);
-
-    const footerRow = findByRole(localTableSpec, "table-footer-row");
-    if (footerRow && Array.isArray(footerRow.children) && footerRow.children.length > 0) {
-        runSingleInstructions(footerInstructions, registry, functions, spec, showLog, returnLog);
-    }
-
-    return localTableSpec;
-};
-
-export default insertOptions;

package/src/v29/actions/insertOptions/instructions/footer.json

@@ -1,22 +0,0 @@
-[
-    {
-        "narration": "Append an empty cell into the table footer row if footer row is present.",
-        "destinationPath": {
-            "fileName": "base",
-            "dataRole": "table-footer-row",
-            "filePath": [
-                "children"
-            ],
-            "action": "push"
-        },
-        "sourcePath": {
-            "fileName": "data",
-            "filePath": [
-                "options",
-                "footer"
-            ]
-        },
-        "templateKey": "emptyCell",
-        "func": "applyTemplate"
-    }
-]

package/src/v29/actions/insertOptions/instructions/single.json

@@ -1,62 +0,0 @@
-[
-    {
-        "narration": "Append the options column width to the table colgroup.",
-        "destinationPath": {
-            "fileName": "base",
-            "dataRole": "table-colgroup",
-            "filePath": [
-                "children"
-            ],
-            "action": "push"
-        },
-        "sourcePath": {
-            "fileName": "data",
-            "filePath": [
-                "options",
-                "col"
-            ]
-        },
-        "templateKey": "buildColGroup",
-        "func": "applyTemplate"
-    },
-    {
-        "narration": "Append the options header cell to the table header row.",
-        "destinationPath": {
-            "fileName": "base",
-            "dataRole": "table-header-row",
-            "filePath": [
-                "children"
-            ],
-            "action": "push"
-        },
-        "sourcePath": {
-            "fileName": "data",
-            "filePath": [
-                "options",
-                "header"
-            ]
-        },
-        "templateKey": "buildHeader",
-        "func": "applyTemplate"
-    },
-    {
-        "narration": "Append the options button cell into each table body row.",
-        "destinationPath": {
-            "fileName": "base",
-            "dataRole": "table-body",
-            "filePath": [
-                "children"
-            ],
-            "action": "pushToRows"
-        },
-        "sourcePath": {
-            "fileName": "data",
-            "filePath": [
-                "options",
-                "body"
-            ]
-        },
-        "templateKey": "optionsButtonCell",
-        "func": "applyTemplate"
-    }
-]

package/src/v29/actions/insertSearch/index.js

@@ -1,7 +0,0 @@
-import template from "./instructions/template.json" with { type: "json" };
-
-const startFunc = (input = {}, config = {}, showLog = false, returnLog = []) => {
-    return template;
-};
-
-export default startFunc;

package/src/v29/actions/insertSearch/instructions/template.json

@@ -1,20 +0,0 @@
-{
-    "tagName": "div",
-    "children": [
-        {
-            "tagName": "label",
-            "textContent": "KeshavSoft"
-        },
-        {
-            "tagName": "input",
-            "attributes": {
-                "value": "KeshavSoft",
-                "placeholder": "KeshavSoft"
-            }
-        },
-        {
-            "tagName": "button",
-            "textContent": "show"
-        }
-    ]
-}

package/src/v29/actions/insertSerial/index.js

@@ -1,47 +0,0 @@
-import applyTemplate from "json-transformer-funcs-primitive";
-import { findByRole } from "json-transformer-funcs";
-
-import spec from "../../builders/spec.json" with { type: "json" };
-import singleInstructions from "./instructions/single.json" with { type: "json" };
-import footerInstructions from "./instructions/footer.json" with { type: "json" };
-
-import runSingleInstructions from "../../singleInstruction/index.js";
-
-const functions = { applyTemplate };
-
-const insertSerial = (input = {}, config = {}, showLog = false, returnLog = []) => {
-    let localTableSpec = input;
-    let localSerial = config;
-
-    if (input && typeof input === "object" && "inTableSpec" in input) {
-        localTableSpec = input.inTableSpec;
-        localSerial = input.inSerial || config;
-    }
-
-    const localSerialMerged = {
-        col: { width: "50px" },
-        header: { columnName: "#" },
-        body: {},
-        footer: {},
-        ...localSerial
-    };
-
-    const registry = {
-        data: {
-            serial: localSerialMerged
-        },
-        base: localTableSpec,
-        spec
-    };
-
-    runSingleInstructions(singleInstructions, registry, functions, spec, showLog, returnLog);
-
-    const footerRow = findByRole(localTableSpec, "table-footer-row");
-    if (footerRow && Array.isArray(footerRow.children) && footerRow.children.length > 0) {
-        runSingleInstructions(footerInstructions, registry, functions, spec, showLog, returnLog);
-    }
-
-    return localTableSpec;
-};
-
-export default insertSerial;

package/src/v29/actions/insertSerial/instructions/footer.json

@@ -1,22 +0,0 @@
-[
-    {
-        "narration": "Prepend an empty cell into the table footer row if footer row is present.",
-        "destinationPath": {
-            "fileName": "base",
-            "dataRole": "table-footer-row",
-            "filePath": [
-                "children"
-            ],
-            "action": "unshift"
-        },
-        "sourcePath": {
-            "fileName": "data",
-            "filePath": [
-                "serial",
-                "footer"
-            ]
-        },
-        "templateKey": "emptyCell",
-        "func": "applyTemplate"
-    }
-]

package/src/v29/actions/insertSerial/instructions/single.json

@@ -1,62 +0,0 @@
-[
-    {
-        "narration": "Prepend the serial column width to the table colgroup.",
-        "destinationPath": {
-            "fileName": "base",
-            "dataRole": "table-colgroup",
-            "filePath": [
-                "children"
-            ],
-            "action": "unshift"
-        },
-        "sourcePath": {
-            "fileName": "data",
-            "filePath": [
-                "serial",
-                "col"
-            ]
-        },
-        "templateKey": "buildColGroup",
-        "func": "applyTemplate"
-    },
-    {
-        "narration": "Prepend the serial header cell to the table header row.",
-        "destinationPath": {
-            "fileName": "base",
-            "dataRole": "table-header-row",
-            "filePath": [
-                "children"
-            ],
-            "action": "unshift"
-        },
-        "sourcePath": {
-            "fileName": "data",
-            "filePath": [
-                "serial",
-                "header"
-            ]
-        },
-        "templateKey": "buildHeader",
-        "func": "applyTemplate"
-    },
-    {
-        "narration": "Prepend the serial number cell into each table body row.",
-        "destinationPath": {
-            "fileName": "base",
-            "dataRole": "table-body",
-            "filePath": [
-                "children"
-            ],
-            "action": "unshiftSerialToRows"
-        },
-        "sourcePath": {
-            "fileName": "data",
-            "filePath": [
-                "serial",
-                "body"
-            ]
-        },
-        "templateKey": "buildBodyCell",
-        "func": "applyTemplate"
-    }
-]

package/src/v29/builders/simple/index.js

@@ -1,45 +0,0 @@
-import fromCollection from "json-transformer-funcs-one-dimension";
-import twoDimensional from "json-transformer-funcs-two-dimensions";
-import { runSingleInstructions, runDoubleInstructions } from "json-instructions";
-
-import spec from "../spec.json" with { type: "json" };
-import base from "./base.json" with { type: "json" };
-import singleInstructions from "./instructions/single.json" with { type: "json" };
-import doubleInstructions from "./instructions/double.json" with { type: "json" };
-
-import actions from "../../actions/index.js";
-
-const functions = { fromCollection, twoDimensional };
-
-const startFunc = (inConfig = {}, showLog = false, returnLog = []) => {
-    const localConfig = inConfig;
-
-    const localColumns = localConfig.columns || [];
-    const localData = localConfig.data || [];
-    const localOptions = localConfig.options
-
-    const localBase = structuredClone(base);
-    const registry = {
-        data: {
-            columns: localColumns,
-            data: localData
-        },
-        base: localBase,
-        spec,
-        ...localOptions
-    };
-
-    console.log(" localOptions ", localOptions, registry)
-
-    runSingleInstructions(singleInstructions, registry, showLog, returnLog);
-    runDoubleInstructions(doubleInstructions, registry, showLog, returnLog);
-
-    // runDoubleInstructions(doubleInstructions, registry, functions, spec, showLog, returnLog);
-
-
-    actions({ inOptions: localOptions, inBase: localBase });
-
-    return localBase;
-};
-
-export default startFunc;

package/src/v30/actions/index.js

@@ -1,26 +0,0 @@
-import insertSerial from "./insertSerial/index.js";
-import insertOptions from "./insertOptions/index.js";
-import insertSearch from "./insertSearch/index.js";
-
-const startFunc = ({ inOptions = {}, inBase, showLog = false, returnLog = [] }) => {
-    const localOptions = inOptions;
-
-    const localBase = inBase;
-
-    console.log(localOptions)
-    if (localOptions.showSerial || localOptions.serial) {
-        insertSerial(localBase, localOptions.serial || {}, showLog, returnLog);
-    }
-
-    if (localOptions.showOptions || localOptions.options) {
-        insertOptions(localBase, localOptions.options || {}, showLog, returnLog);
-    };
-
-    if (localOptions.showSearch) {
-        insertSearch();
-    };
-
-    return localBase;
-};
-
-export default startFunc;

package/src/v30/actions/insertOptions/index.js

@@ -1,47 +0,0 @@
-import applyTemplate from "json-transformer-funcs-primitive";
-import { findByRole } from "json-transformer-funcs";
-
-import spec from "../../builders/spec.json" with { type: "json" };
-import singleInstructions from "./instructions/single.json" with { type: "json" };
-import footerInstructions from "./instructions/footer.json" with { type: "json" };
-
-import runSingleInstructions from "../../singleInstruction/index.js";
-
-const functions = { applyTemplate };
-
-const insertOptions = (input = {}, config = {}, showLog = false, returnLog = []) => {
-    let localTableSpec = input;
-    let localOptions = config;
-
-    if (input && typeof input === "object" && "inTableSpec" in input) {
-        localTableSpec = input.inTableSpec;
-        localOptions = input.inOptions || config;
-    }
-
-    const localOptionsMerged = {
-        col: { width: "100px" },
-        header: { columnName: "options" },
-        body: { columnName: "show" },
-        footer: {},
-        ...localOptions
-    };
-
-    const registry = {
-        data: {
-            options: localOptionsMerged
-        },
-        base: localTableSpec,
-        spec
-    };
-
-    runSingleInstructions(singleInstructions, registry, functions, spec, showLog, returnLog);
-
-    const footerRow = findByRole(localTableSpec, "table-footer-row");
-    if (footerRow && Array.isArray(footerRow.children) && footerRow.children.length > 0) {
-        runSingleInstructions(footerInstructions, registry, functions, spec, showLog, returnLog);
-    }
-
-    return localTableSpec;
-};
-
-export default insertOptions;