json-renderers-build 1.9.1 → 1.9.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "json-renderers-build",
-  "version": "1.9.1",
+  "version": "1.9.2",
   "description": "Headless component specification builder for json-renderers, compiling UI skeletons and data into JSON-to-DOM specs using json-to-spec",
   "type": "module",
   "main": "src/index.js",

package/src/index.js

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

package/src/v9/table/index.js

@@ -1,33 +1,33 @@
-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",
-    inData,
-    inColumns,
-    footer = [],
-    options = {}
-} = {}) => {
-    if (type === "table") {
-        const spec = renderTable({
-            inColumns,
-            inData,
-            inFooter: footer
-        });
-
-        return applyOptions(spec, options);
-    };
-
-    throw new Error(`Unknown table renderer type "${type}".`);
-};
-
-render.requests = renderRequests;
-
-export {
-    render,
-    renderRequests
-};
-
-export default render;
+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",
+    inData,
+    inColumns,
+    footer = [],
+    options = {}
+} = {}) => {
+    if (type === "table") {
+        const spec = renderTable({
+            inColumns,
+            inData,
+            inFooter: footer
+        });
+
+        return applyOptions(spec, options);
+    };
+
+    throw new Error(`Unknown table renderer type "${type}".`);
+};
+
+render.requests = renderRequests;
+
+export {
+    render,
+    renderRequests
+};
+
+export default render;

package/src/v9/table/options/index.js

@@ -1,18 +1,18 @@
-import applyShowSerial from "./showSerial/index.js";
-import applyShowOptions from "./showOptions/index.js";
-
-const applyOptions = (inSpec, inOptions = {}) => {
-    // console.log("inOptions : ", inOptions);
-
-    if (inOptions.showSerial) {
-        applyShowSerial(inSpec);
-    }
-
-    if (inOptions.showOptions) {
-        applyShowOptions(inSpec, inOptions.showOptions);
-    }
-
-    return inSpec;
-};
-
-export default applyOptions;
+import applyShowSerial from "./showSerial/index.js";
+import applyShowOptions from "./showOptions/index.js";
+
+const applyOptions = (inSpec, inOptions = {}) => {
+    // console.log("inOptions : ", inOptions);
+
+    if (inOptions.showSerial) {
+        applyShowSerial(inSpec);
+    }
+
+    if (inOptions.showOptions) {
+        applyShowOptions(inSpec, inOptions.showOptions);
+    }
+
+    return inSpec;
+};
+
+export default applyOptions;

package/src/v9/table/options/showOptions/index.js

@@ -1,39 +1,39 @@
-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;
+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/v9/table/options/showSerial/index.js

@@ -1,19 +1,19 @@
-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;
+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/v9/table/table/body/cell/index.js

@@ -1,12 +1,12 @@
-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;
+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/v9/table/table/body/cell/tag.json

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

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

@@ -1,17 +1,17 @@
-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;
+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/v9/table/table/body/row/index.js

@@ -1,18 +1,18 @@
-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;
+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/v9/table/table/body/row/tag.json

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

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

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

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

@@ -1,12 +1,12 @@
-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;
+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/v9/table/table/head/cell/tag.json

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

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

@@ -1,16 +1,16 @@
-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;
+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/v9/table/table/head/row/index.js

@@ -1,14 +1,14 @@
-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;
+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/v9/table/table/head/row/tag.json

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

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

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

package/src/v9/table/table/index.js

@@ -1,36 +1,36 @@
-import tagJson from "./tag.json" with { type: "json" };
-import renderTableHead from "./head/index.js";
-import renderTableBody from "./body/index.js";
-import renderTableFooter from "../footer/index.js";
-
-const renderTable = ({
-    inColumns = [],
-    inData = [],
-    inFooter = []
-} = {}) => {
-    const table = structuredClone(tagJson);
-
-    const children = [
-        renderTableHead({ inColumns }),
-        renderTableBody({ inData, inColumns })
-    ];
-
-    if (!Array.isArray(inFooter)) {
-        throw new TypeError("The footer property must be an array of footer names.");
-    }
-
-    if (inFooter.length > 0) {
-        children.push(renderTableFooter({
-            inFooter,
-            inColumns,
-            inData
-        }));
-    }
-
-    table.children = children;
-
-    return table;
-};
-
-export { renderTableHead, renderTableBody };
-export default renderTable;
+import tagJson from "./tag.json" with { type: "json" };
+import renderTableHead from "./head/index.js";
+import renderTableBody from "./body/index.js";
+import renderTableFooter from "../footer/index.js";
+
+const renderTable = ({
+    inColumns = [],
+    inData = [],
+    inFooter = []
+} = {}) => {
+    const table = structuredClone(tagJson);
+
+    const children = [
+        renderTableHead({ inColumns }),
+        renderTableBody({ inData, inColumns })
+    ];
+
+    if (!Array.isArray(inFooter)) {
+        throw new TypeError("The footer property must be an array of footer names.");
+    }
+
+    if (inFooter.length > 0) {
+        children.push(renderTableFooter({
+            inFooter,
+            inColumns,
+            inData
+        }));
+    }
+
+    table.children = children;
+
+    return table;
+};
+
+export { renderTableHead, renderTableBody };
+export default renderTable;

package/src/v9/table/table/tag.json

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