json-renderers-build-table 1.9.1 → 1.17.3

package/src/v7/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/v7/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/v7/table/body/cell/tag.json

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

package/src/v7/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/v7/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/v7/table/body/row/tag.json

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

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

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

package/src/v7/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/v7/table/head/cell/tag.json

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

package/src/v7/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/v7/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/v7/table/head/row/tag.json

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

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

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

package/src/v7/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/v7/table/tag.json

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

package/src/v8/index.js

@@ -1,29 +0,0 @@
-import renderTable from "./table/index.js";
-
-import applyOptions from "./options/index.js";
-import renderRequests from "./render-requests.json" with { type: "json" };
-
-const render = ({
-    type = "table",
-    data = [],
-    columns = [],
-    options = {}
-} = {}) => {
-    if (type === "table") {
-        const spec = renderTable({
-            inColumns: columns,
-            inData: data
-        });
-
-        return applyOptions(spec, options, columns);
-    };
-
-    throw new Error(`Unknown table renderer type "${type}".`);
-};
-
-export {
-    render,
-    renderRequests
-};
-
-export default render;

package/src/v8/options/index.js

@@ -1,28 +0,0 @@
-import applyShowSerial from "./showSerial/index.js";
-import applyShowOptions from "./showOptions/index.js";
-import applyShowFooter from "./showFooter/index.js";
-import applyShowFooterSave from "./showFooterSave/index.js";
-
-const applyOptions = (inSpec, inOptions = {}, inColumns = []) => {
-    // console.log("inOptions : ", inOptions);
-
-    if (inOptions.showSerial) {
-        applyShowSerial(inSpec);
-    }
-
-    if (inOptions.showOptions) {
-        applyShowOptions(inSpec, inOptions.showOptions);
-    }
-
-    if (inOptions.showFooter) {
-        applyShowFooter(inSpec, inColumns, inOptions);
-    }
-
-    if (inOptions.showFooterSave) {
-        applyShowFooterSave(inSpec, inColumns, inOptions);
-    }
-
-    return inSpec;
-};
-
-export default applyOptions;

package/src/v8/options/showFooter/cell/index.js

@@ -1,16 +0,0 @@
-import tagJson from "./tag.json" with { type: "json" };
-import buildFooterInput from "../input/index.js";
-
-const buildFooterCell = ({ inColumn, inChildren = [] } = {}) => {
-    const td = structuredClone(tagJson);
-
-    if (inColumn !== undefined) {
-        td.children.push(buildFooterInput({ inColumn }));
-    }
-
-    td.children.push(...inChildren);
-
-    return td;
-};
-
-export default buildFooterCell;

package/src/v8/options/showFooter/cell/tag.json

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

package/src/v8/options/showFooter/footer/index.js

@@ -1,18 +0,0 @@
-import tagJson from "./tag.json" with { type: "json" };
-import buildFooterRow from "../row/index.js";
-
-const buildFooter = ({ inColumns = [], inOptions = {}, inSaveButton } = {}) => {
-    const tfoot = structuredClone(tagJson);
-
-    tfoot.children = [
-        buildFooterRow({
-            inColumns,
-            inOptions,
-            inSaveButton
-        })
-    ];
-
-    return tfoot;
-};
-
-export default buildFooter;

package/src/v8/options/showFooter/footer/tag.json

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

package/src/v8/options/showFooter/index.js

@@ -1,10 +0,0 @@
-import buildFooter from "./footer/index.js";
-
-const applyShowFooter = (inSpec, inColumns, inOptions) => {
-    inSpec.children.push(buildFooter({
-        inColumns,
-        inOptions
-    }));
-};
-
-export default applyShowFooter;

package/src/v8/options/showFooter/input/index.js

@@ -1,11 +0,0 @@
-import tagJson from "./tag.json" with { type: "json" };
-
-const buildFooterInput = ({ inColumn } = {}) => {
-    const input = structuredClone(tagJson);
-
-    input.attributes.name = inColumn;
-
-    return input;
-};
-
-export default buildFooterInput;

package/src/v8/options/showFooter/input/tag.json

@@ -1,7 +0,0 @@
-{
-  "tagName": "input",
-  "attributes": {
-    "type": "text",
-    "name": ""
-  }
-}

package/src/v8/options/showFooter/row/index.js

@@ -1,35 +0,0 @@
-import tagJson from "./tag.json" with { type: "json" };
-import buildFooterCell from "../cell/index.js";
-
-const buildFooterRow = ({
-    inColumns = [],
-    inOptions = {},
-    inSaveButton
-} = {}) => {
-    const tr = structuredClone(tagJson);
-    const columns = [...inColumns];
-
-    if (columns.length === 0 && inSaveButton) {
-        tr.children = [buildFooterCell({ inChildren: [inSaveButton] })];
-        return tr;
-    }
-
-    tr.children = columns.map((column, index) => buildFooterCell({
-        inColumn: column,
-        inChildren: inSaveButton && index === columns.length - 1
-            ? [inSaveButton]
-            : []
-    }));
-
-    if (inOptions.showSerial) {
-        tr.children.unshift(buildFooterCell());
-    }
-
-    if (inOptions.showOptions) {
-        tr.children.push(buildFooterCell());
-    }
-
-    return tr;
-};
-
-export default buildFooterRow;

package/src/v8/options/showFooter/row/tag.json

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

package/src/v8/options/showFooterSave/button/tag.json

@@ -1,7 +0,0 @@
-{
-  "tagName": "button",
-  "attributes": {
-    "type": "button"
-  },
-  "textContent": "Save"
-}

package/src/v8/options/showFooterSave/index.js

@@ -1,14 +0,0 @@
-import buildFooter from "../showFooter/footer/index.js";
-import tagJson from "./button/tag.json" with { type: "json" };
-
-const applyShowFooterSave = (inSpec, inColumns, inOptions) => {
-    const button = structuredClone(tagJson);
-
-    inSpec.children.push(buildFooter({
-        inColumns,
-        inOptions,
-        inSaveButton: button
-    }));
-};
-
-export default applyShowFooterSave;

package/src/v8/options/showOptions/index.js

@@ -1,39 +0,0 @@
-const resolveButtons = (inShowOptions) => {
-    if (inShowOptions === true) {
-        return [{ label: "Apply", type: "button" }];
-    }
-
-    if (Array.isArray(inShowOptions)) {
-        return inShowOptions;
-    }
-
-    return [];
-};
-
-const applyShowOptions = (inSpec, inShowOptions) => {
-    const buttons = resolveButtons(inShowOptions);
-
-    if (buttons.length === 0) return;
-
-    const [thead, tbody] = inSpec.children;
-
-    // append <th>Actions</th> to head row
-    thead.children[0].children.push({
-        tagName: "th",
-        textContent: "Actions"
-    });
-
-    // append <td> with buttons to each body row
-    tbody.children.forEach(tr => {
-        tr.children.push({
-            tagName: "td",
-            children: buttons.map(btn => ({
-                tagName: "button",
-                attributes: { type: btn.type || "button" },
-                textContent: btn.label
-            }))
-        });
-    });
-};
-
-export default applyShowOptions;

package/src/v8/options/showSerial/index.js

@@ -1,19 +0,0 @@
-const applyShowSerial = (inSpec) => {
-    const [thead, tbody] = inSpec.children;
-
-    // prepend <th>#</th> to head row
-    thead.children[0].children.unshift({
-        tagName: "th",
-        textContent: "#"
-    });
-
-    // prepend <td>{rowIndex}</td> to each body row
-    tbody.children.forEach((tr, index) => {
-        tr.children.unshift({
-            tagName: "td",
-            textContent: String(index + 1)
-        });
-    });
-};
-
-export default applyShowSerial;

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;