json-renderers-build-table 1.9.1 → 1.19.1

package/src/v8/render-requests.json

@@ -1,90 +0,0 @@
-{
-  "table": {
-    "type": "table",
-    "data": [
-      { "itemName": "0.09/30mm", "baseUnit": "kgs" }
-    ],
-    "columns": ["itemName", "baseUnit"],
-    "options": {}
-  },
-  "tableWithSerial": {
-    "type": "table",
-    "data": [
-      { "itemName": "0.09/30mm", "baseUnit": "kgs" }
-    ],
-    "columns": ["itemName", "baseUnit"],
-    "options": {
-      "showSerial": true
-    }
-  },
-  "tableWithDefaultAction": {
-    "type": "table",
-    "data": [
-      { "itemName": "0.09/30mm", "baseUnit": "kgs" }
-    ],
-    "columns": ["itemName", "baseUnit"],
-    "options": {
-      "showOptions": true
-    }
-  },
-  "tableWithCustomActions": {
-    "type": "table",
-    "data": [
-      { "itemName": "0.09/30mm", "baseUnit": "kgs" }
-    ],
-    "columns": ["itemName", "baseUnit"],
-    "options": {
-      "showOptions": [
-        { "label": "Show", "type": "button" },
-        { "label": "Edit", "type": "button" }
-      ]
-    }
-  },
-  "tableWithSerialAndActions": {
-    "type": "table",
-    "data": [
-      { "itemName": "0.09/30mm", "baseUnit": "kgs" }
-    ],
-    "columns": ["itemName", "baseUnit"],
-    "options": {
-      "showSerial": true,
-      "showOptions": [
-        { "label": "Show", "type": "button" }
-      ]
-    }
-  },
-  "tableWithFooter": {
-    "type": "table",
-    "data": [
-      { "itemName": "0.09/30mm", "baseUnit": "kgs" }
-    ],
-    "columns": ["itemName", "baseUnit"],
-    "options": {
-      "showFooter": true
-    }
-  },
-  "tableWithFooterSave": {
-    "type": "table",
-    "data": [
-      { "itemName": "0.09/30mm", "baseUnit": "kgs" }
-    ],
-    "columns": ["itemName", "baseUnit"],
-    "options": {
-      "showFooterSave": true
-    }
-  },
-  "tableHead": {
-    "type": "tableHead",
-    "data": [],
-    "columns": ["itemName", "baseUnit"],
-    "options": {}
-  },
-  "tableBody": {
-    "type": "tableBody",
-    "data": [
-      { "itemName": "0.09/30mm", "baseUnit": "kgs" }
-    ],
-    "columns": ["itemName", "baseUnit"],
-    "options": {}
-  }
-}

package/src/v8/table/body/cell/index.js

@@ -1,12 +0,0 @@
-import tagJson from "./tag.json" with { type: "json" };
-
-const buildBodyCell = ({ inValue } = {}) => {
-    const td = structuredClone(tagJson);
-
-    td.attributes.value = inValue;
-    td.textContent = inValue;
-
-    return td;
-};
-
-export default buildBodyCell;

package/src/v8/table/body/cell/tag.json

@@ -1,7 +0,0 @@
-{
-  "tagName": "td",
-  "attributes": {
-    "value": ""
-  },
-  "textContent": ""
-}

package/src/v8/table/body/index.js

@@ -1,17 +0,0 @@
-import tagJson from "./tag.json" with { type: "json" };
-import buildBodyRow from "./row/index.js";
-
-const renderTableBody = ({ inData = [], inColumns = [] } = {}) => {
-    const tbody = structuredClone(tagJson);
-
-    const children = inData.map(row => buildBodyRow({
-        inRow: row,
-        inColumns
-    }));
-
-    tbody.children = children;
-
-    return tbody;
-};
-
-export default renderTableBody;

package/src/v8/table/body/row/index.js

@@ -1,18 +0,0 @@
-import tagJson from "./tag.json" with { type: "json" };
-import buildBodyCell from "../cell/index.js";
-
-const buildBodyRow = ({ inRow, inColumns = [] } = {}) => {
-    const tr = structuredClone(tagJson);
-
-    const children = inColumns.map(column => {
-        const value = Array.isArray(inRow) ? inRow[column] : inRow?.[column];
-
-        return buildBodyCell({ inValue: value });
-    });
-
-    tr.children = children;
-
-    return tr;
-};
-
-export default buildBodyRow;

package/src/v8/table/body/row/tag.json

@@ -1,4 +0,0 @@
-{
-  "tagName": "tr",
-  "children": []
-}

package/src/v8/table/body/tag.json

@@ -1,4 +0,0 @@
-{
-  "tagName": "tbody",
-  "children": []
-}

package/src/v8/table/head/cell/index.js

@@ -1,12 +0,0 @@
-import tagJson from "./tag.json" with { type: "json" };
-
-const buildHeadCell = ({ inColumn } = {}) => {
-    const th = structuredClone(tagJson);
-
-    th.attributes.value = inColumn;
-    th.textContent = inColumn;
-
-    return th;
-};
-
-export default buildHeadCell;

package/src/v8/table/head/cell/tag.json

@@ -1,7 +0,0 @@
-{
-  "tagName": "th",
-  "attributes": {
-    "value": ""
-  },
-  "textContent": ""
-}

package/src/v8/table/head/index.js

@@ -1,16 +0,0 @@
-import tagJson from "./tag.json" with { type: "json" };
-import buildHeadRow from "./row/index.js";
-
-const renderTableHead = ({ inColumns = [] } = {}) => {
-    const thead = structuredClone(tagJson);
-
-    const children = [
-        buildHeadRow({ inColumns })
-    ];
-
-    thead.children = children;
-
-    return thead;
-};
-
-export default renderTableHead;

package/src/v8/table/head/row/index.js

@@ -1,14 +0,0 @@
-import tagJson from "./tag.json" with { type: "json" };
-import buildHeadCell from "../cell/index.js";
-
-const buildHeadRow = ({ inColumns = [] } = {}) => {
-    const tr = structuredClone(tagJson);
-
-    const children = inColumns.map(column => buildHeadCell({ inColumn: column }));
-
-    tr.children = children;
-
-    return tr;
-};
-
-export default buildHeadRow;

package/src/v8/table/head/row/tag.json

@@ -1,4 +0,0 @@
-{
-  "tagName": "tr",
-  "children": []
-}

package/src/v8/table/head/tag.json

@@ -1,4 +0,0 @@
-{
-  "tagName": "thead",
-  "children": []
-}

package/src/v8/table/index.js

@@ -1,22 +0,0 @@
-import tagJson from "./tag.json" with { type: "json" };
-import renderTableHead from "./head/index.js";
-import renderTableBody from "./body/index.js";
-
-const renderTable = ({
-    inColumns = [],
-    inData = []
-} = {}) => {
-    const table = structuredClone(tagJson);
-
-    const children = [
-        renderTableHead({ inColumns }),
-        renderTableBody({ inData, inColumns })
-    ];
-
-    table.children = children;
-
-    return table;
-};
-
-export { renderTableHead, renderTableBody };
-export default renderTable;

package/src/v8/table/tag.json

@@ -1,7 +0,0 @@
-{
-  "tagName": "table",
-  "attributes": {
-    "class": "table table-hover table-striped mb-0"
-  },
-  "children": []
-}

package/src/v9/index.js

@@ -1,28 +0,0 @@
-
-import renderTable from "./table/index.js";
-
-const render = ({
-    inTargetHtmlId,
-    targetHtmlId,
-    inColumns,
-    columns,
-    inData,
-    data,
-    inColGroup,
-    colGroup
-} = {}) => {
-    const localTargetHtmlId = inTargetHtmlId || targetHtmlId;
-    const localColumns = inColumns || columns;
-    const localData = inData || data;
-    const localColGroup = inColGroup || colGroup;
-
-    return renderTable({
-        inTargetHtmlId: localTargetHtmlId,
-        inColumns: localColumns,
-        inData: localData,
-        inColGroup: localColGroup
-    });
-};
-
-export { render, renderTable };
-export default render;

package/src/v9/table/index.js

@@ -1,67 +0,0 @@
-import { tableFromData } from "json-transformer-funcs";
-import jsonToTag from "@keshavsoft/json-to-tag";
-
-import spec from "./spec.json" with { type: "json" };
-import table from "./table.json" with { type: "json" };
-
-const startFunc = ({
-    inTargetHtmlId,
-    targetHtmlId,
-    inColumns = [],
-    inData = [],
-    inColGroup = []
-} = {}) => {
-    const localTargetHtmlId = inTargetHtmlId || targetHtmlId;
-
-    const tableSpec = tableFromData({
-        inData: {
-            columns: inColumns,
-            rows: inData
-        },
-        inSpec: spec,
-        inTable: table
-    });
-
-    if (Array.isArray(inColGroup) && inColGroup.length > 0) {
-        const colgroupSpec = {
-            tagName: "colgroup",
-            children: inColGroup.map(col => {
-                const width = typeof col === "string" ? col : col?.width;
-                const style = typeof col === "object" ? col?.style : undefined;
-                const attributes = {};
-
-                if (style) {
-                    attributes.style = style;
-                } else if (width) {
-                    attributes.style = `width: ${width};`;
-                }
-
-                if (typeof col === "object" && col?.class) {
-                    attributes.class = col.class;
-                }
-
-                return {
-                    tagName: "col",
-                    ...(Object.keys(attributes).length > 0 ? { attributes } : {})
-                };
-            })
-        };
-
-        tableSpec.children.unshift(colgroupSpec);
-    }
-
-    const element = jsonToTag(tableSpec);
-
-    if (localTargetHtmlId && typeof document !== "undefined") {
-        const container = document.getElementById(localTargetHtmlId);
-        if (container) {
-            container.innerHTML = "";
-            container.append(element);
-        }
-    }
-
-    return element;
-};
-
-export { startFunc as renderTable };
-export default startFunc;

package/src/v9/table/spec.json

@@ -1,18 +0,0 @@
-{
-  "buildHeader": {
-    "tagName": "th",
-    "textContent": "${label}",
-    "attributes": {
-      "scope": "col"
-    }
-  },
-  "buildBody": {
-    "outerTemplate": {
-      "tagName": "tr"
-    },
-    "innerTemplate": {
-      "tagName": "td",
-      "textContent": "${rowValue}"
-    }
-  }
-}

package/src/v9/table/table.json

@@ -1,24 +0,0 @@
-{
-  "tagName": "table",
-  "attributes": {
-    "class": "table table-hover table-striped align-middle border mb-0"
-  },
-  "children": [
-    {
-      "tagName": "thead",
-      "attributes": {
-        "class": "table-dark"
-      },
-      "children": [
-        {
-          "tagName": "tr",
-          "children": []
-        }
-      ]
-    },
-    {
-      "tagName": "tbody",
-      "children": []
-    }
-  ]
-}