json-renderers-build-table 1.28.1 → 1.36.1

package/src/v35/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/v35/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/v35/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/v35/builders/withFooter/index.js

@@ -0,0 +1,30 @@
+import fromCollection from "json-transformer-funcs-one-dimension";
+import twoDimensional from "json-transformer-funcs-two-dimensions";
+
+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);
+
+    return localBase;
+};
+
+export default startFunc;

package/src/v35/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/v35/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/v35/public.js

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

package/src/v36/builders/bodyOnly/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/bodyOnly/double.json

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

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

@@ -0,0 +1,37 @@
+import fromCollection from "json-transformer-funcs-one-dimension";
+import twoDimensional from "json-transformer-funcs-two-dimensions";
+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" };
+import actions from "../../actions/index.js";
+
+const functions = { fromCollection, twoDimensional };
+
+const startFunc = (config = {}, showLog = false, returnLog = []) => {
+    const columns = config.columns || config.inColumns || [];
+    const data = config.data || config.inData || [];
+    const options = config.options || config.inOptions || {};
+    const localBase = structuredClone(base);
+    const registry = {
+        data: { columns, data },
+        base: localBase,
+        spec,
+        ...options
+    };
+    const instructionOptions = {
+        functions,
+        showLog: config.showLog ?? showLog,
+        returnLog
+    };
+
+    runSingleInstructions(singleInstructions, registry, instructionOptions);
+    runDoubleInstructions(doubleInstructions, registry, instructionOptions);
+    actions({ inOptions: options, inBase: localBase });
+
+    return localBase;
+};
+
+export default startFunc;

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

@@ -0,0 +1 @@
+[]

package/src/v36/builders/footerOnly/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/footerOnly/double.json

@@ -0,0 +1 @@
+[]

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

@@ -0,0 +1,37 @@
+import fromCollection from "json-transformer-funcs-one-dimension";
+import twoDimensional from "json-transformer-funcs-two-dimensions";
+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" };
+import actions from "../../actions/index.js";
+
+const functions = { fromCollection, twoDimensional };
+
+const startFunc = (config = {}, showLog = false, returnLog = []) => {
+    const columns = config.columns || config.inColumns || [];
+    const data = config.data || config.inData || [];
+    const options = config.options || config.inOptions || {};
+    const localBase = structuredClone(base);
+    const registry = {
+        data: { columns, data },
+        base: localBase,
+        spec,
+        ...options
+    };
+    const instructionOptions = {
+        functions,
+        showLog: config.showLog ?? showLog,
+        returnLog
+    };
+
+    runSingleInstructions(singleInstructions, registry, instructionOptions);
+    runDoubleInstructions(doubleInstructions, registry, instructionOptions);
+    actions({ inOptions: options, inBase: localBase });
+
+    return localBase;
+};
+
+export default startFunc;

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

@@ -0,0 +1 @@
+[{"narration":"Build only the footer row","destinationPath":{"fileName":"base","dataRole":"table-footer-row","filePath":["children"]},"sourcePath":{"fileName":"data","filePath":["columns"]},"templateKey":"buildFooter","func":"fromCollection"}]

package/src/v36/builders/headerOnly/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/headerOnly/double.json

@@ -0,0 +1 @@
+[]

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

@@ -0,0 +1,37 @@
+import fromCollection from "json-transformer-funcs-one-dimension";
+import twoDimensional from "json-transformer-funcs-two-dimensions";
+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" };
+import actions from "../../actions/index.js";
+
+const functions = { fromCollection, twoDimensional };
+
+const startFunc = (config = {}, showLog = false, returnLog = []) => {
+    const columns = config.columns || config.inColumns || [];
+    const data = config.data || config.inData || [];
+    const options = config.options || config.inOptions || {};
+    const localBase = structuredClone(base);
+    const registry = {
+        data: { columns, data },
+        base: localBase,
+        spec,
+        ...options
+    };
+    const instructionOptions = {
+        functions,
+        showLog: config.showLog ?? showLog,
+        returnLog
+    };
+
+    runSingleInstructions(singleInstructions, registry, instructionOptions);
+    runDoubleInstructions(doubleInstructions, registry, instructionOptions);
+    actions({ inOptions: options, inBase: localBase });
+
+    return localBase;
+};
+
+export default startFunc;

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

@@ -0,0 +1 @@
+[{"narration":"Build only the header row","destinationPath":{"fileName":"base","dataRole":"table-header-row","filePath":["children"]},"sourcePath":{"fileName":"data","filePath":["columns"]},"templateKey":"buildHeader","func":"fromCollection"}]

package/src/v36/builders/simple/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/simple/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/simple/index.js

@@ -0,0 +1,30 @@
+import fromCollection from "json-transformer-funcs-one-dimension";
+import twoDimensional from "json-transformer-funcs-two-dimensions";
+
+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);
+
+    return localBase;
+};
+
+export default startFunc;

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

@@ -0,0 +1 @@
+[{"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"}]

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/v26/actions/index.js

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