tidy-table 4.0.0 → 4.0.1

package/dist/tidy-table.css

@@ -0,0 +1,107 @@
+/**
+ *  tidy-table
+ *  Create a HTML table that can be sorted, selected and
+ *  post-processed using a simple callback.
+ *
+ *  Copyright 2012-2023, Marc S. Brooks (https://mbrooks.info)
+ *  Licensed under the MIT license:
+ *  http://www.opensource.org/licenses/mit-license.php
+ */
+.tidy-table table {
+  background-color: #fff;
+  border-collapse: collapse;
+  border: 1px solid #ccc;
+  cursor: pointer;
+  white-space: nowrap;
+}
+.tidy-table table thead input[type=checkbox], .tidy-table table tbody input[type=checkbox] {
+  display: block;
+  margin: 0px auto;
+}
+.tidy-table table thead td, .tidy-table table thead th, .tidy-table table tbody td, .tidy-table table tbody th {
+  padding: 6px 20px;
+}
+.tidy-table table thead td:nth-child(1), .tidy-table table thead th:nth-child(1), .tidy-table table tbody td:nth-child(1), .tidy-table table tbody th:nth-child(1) {
+  width: 10px;
+}
+.tidy-table table thead {
+  border: none;
+}
+.tidy-table table thead th {
+  background-color: #ddd;
+}
+.tidy-table table thead th.arrow-down {
+  background: #eee url("../images/arrow-down.svg") no-repeat right center;
+}
+.tidy-table table thead th.arrow-up {
+  background: #eee url("../images/arrow-up.svg") no-repeat right center;
+}
+.tidy-table table tbody tr.check-on {
+  background-color: #f5f5f5;
+}
+.tidy-table table tbody tr.check-off {
+  background-color: #fff;
+}
+.tidy-table table tbody tr td {
+  border-right: 1px solid #eee;
+  border-top: 1px solid #ccc;
+  padding: 7px 20px;
+}
+.tidy-table table tbody tr td .label {
+  display: none;
+}
+.tidy-table table tbody tr td:nth-child(1) {
+  border-right: 1px solid #eee;
+}
+.tidy-table table tbody tr td:nth-last-child(1) {
+  border-right: none;
+}
+@media only screen and (min-device-width: 0px) and (max-device-width: 800px) {
+  .tidy-table.responsive {
+    margin: 0px !important;
+    overflow: auto;
+    width: auto !important;
+  }
+  .tidy-table.responsive table {
+    border: 0px;
+    border-top: 1px solid #ddd;
+    width: 100%;
+  }
+  .tidy-table.responsive table thead td, .tidy-table.responsive table thead th, .tidy-table.responsive table tbody td, .tidy-table.responsive table tbody th {
+    border: 0px;
+    box-sizing: border-box;
+    clear: both;
+    float: left;
+    padding-left: 10px;
+  }
+  .tidy-table.responsive table thead td:first-child, .tidy-table.responsive table thead th:first-child, .tidy-table.responsive table tbody td:first-child, .tidy-table.responsive table tbody th:first-child {
+    background-color: transparent;
+    padding: 10px;
+    position: absolute;
+    right: 0px;
+    top: 2px;
+    width: auto;
+  }
+  .tidy-table.responsive table thead th {
+    text-align: left;
+    width: 100%;
+  }
+  .tidy-table.responsive table thead th:first-child {
+    top: -40px;
+  }
+  .tidy-table.responsive table tbody tr {
+    border-bottom: 1px solid #ccc;
+    position: relative;
+  }
+  .tidy-table.responsive table tbody tr:last-child {
+    border: none;
+  }
+  .tidy-table.responsive table tbody td {
+    background-color: transparent;
+  }
+  .tidy-table.responsive table tbody td:first-child {
+    border: none;
+  }
+}
+
+/*# sourceMappingURL=tidy-table.css.map */

package/dist/tidy-table.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../src/tidy-table.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWE;EACE;EACA;EACA;EACA;EACA;;AAGE;EACE;EACA;;AAGF;EACE;;AAEA;EACE;;AAKN;EACE;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAOF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAOV;EACE;IACE;IACA;IACA;;EAEA;IACE;IACA;IACA;;EAGE;IACE;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;;EAMJ;IACE;IACA;;EAEA;IACE;;EAMJ;IACE;IACA;;EAEA;IACE;;EAIJ;IACE;;EAEA;IACE","file":"tidy-table.css"}

package/dist/tidy-table.js

@@ -0,0 +1,358 @@
+/**
+ *  tidy-table
+ *  Create a HTML table that can be sorted, selected and
+ *  post-processed using a simple callback.
+ *
+ *  Copyright 2012-2023, Marc S. Brooks (https://mbrooks.info)
+ *  Licensed under the MIT license:
+ *  http://www.opensource.org/licenses/mit-license.php
+ */
+
+'use strict';
+
+/**
+ * @param {Element} container
+ *   Containing HTML element.
+ *
+ * @param {Object} settings
+ *   Table settings.
+ *
+ * @param {Object} options
+ *   Configuration overrides (optional).
+ */
+function TidyTable(container, settings, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  var self = this;
+  var defaults = {
+    enableCheckbox: false,
+    enableMenu: false,
+    reverseSortDir: false,
+    responsive: false
+  };
+  (function () {
+    self.options = Object.assign(defaults, options);
+    var columnTitles = settings.columnTitles,
+      columnValues = settings.columnValues;
+    if (columnTitles.length && columnValues.length) {
+      renderTable();
+    } else {
+      throw new Error('Failed to initialize (missing settings)');
+    }
+  })();
+
+  /**
+   * Render a new table instance.
+   */
+  function renderTable() {
+    var _settings$postProcess;
+    var table = createTableElm();
+
+    // Post-process table results HTML object.
+    if (typeof ((_settings$postProcess = settings.postProcess) == null ? void 0 : _settings$postProcess.table) === 'function') {
+      settings.postProcess.table(table);
+    }
+
+    // Replace the element, if already exists.
+    var block = container.querySelector('.tidy-table table');
+    if (block) {
+      block.parentNode.replaceChild(table, block);
+    } else {
+      // Generate select menu elements.
+      if (self.options.enableMenu) {
+        container.appendChild(createMenuElm('options'));
+      }
+      container.classList.add('tidy-table');
+      container.appendChild(table);
+    }
+
+    // Enable/disable responsive layout support.
+    if (defaults.responsive) {
+      container.classList.add('responsive');
+    }
+  }
+
+  /**
+   * Create table elements.
+   *
+   * @return {Element}
+   */
+  function createTableElm() {
+    var table = document.createElement('table');
+    table.appendChild(createTableHeaderElm());
+    table.appendChild(createTableBodyElm());
+
+    // Append check boxes to beginning each row.
+    if (self.options.enableCheckbox) {
+      var rows = table.querySelectorAll('tr');
+      for (var i = 0; i < rows.length; i++) {
+        var input = createCheckboxElm();
+        var col = void 0;
+
+        // First row is always the header.
+        if (i === 0) {
+          col = document.createElement('th');
+
+          // Attach event to check all boxes.
+          input.addEventListener('click', function () {
+            toggleSelRows(rows);
+          });
+        } else {
+          col = document.createElement('td');
+
+          // Attach events to each checkbox.
+          input.addEventListener('click', function (index) {
+            toggleSelRows(rows, index);
+          }.bind(null, i), false);
+        }
+        col.appendChild(input);
+
+        // Insert before first cell.
+        rows[i].insertBefore(col, rows[i].firstChild);
+      }
+    }
+    return table;
+  }
+
+  /**
+   * Create table body elements.
+   *
+   * @return {Element}
+   */
+  function createTableBodyElm() {
+    var tbody = document.createElement('tbody');
+    var vals = settings.columnValues;
+    for (var i = 0; i < vals.length; i++) {
+      var row = document.createElement('tr');
+      for (var j = 0; j < vals[i].length; j++) {
+        var _settings$postProcess2;
+        var val = vals[i][j];
+        var col = document.createElement('td');
+        col.appendChild(document.createTextNode(val));
+        col.setAttribute('title', val);
+        row.appendChild(col);
+
+        // Post-process table column HTML object.
+        if (typeof ((_settings$postProcess2 = settings.postProcess) == null ? void 0 : _settings$postProcess2.column) === 'function') {
+          settings.postProcess.column(col);
+        }
+      }
+      tbody.appendChild(row);
+    }
+    return tbody;
+  }
+
+  /**
+   * Create table header elements.
+   *
+   * @return {Element}
+   */
+  function createTableHeaderElm() {
+    var thead = document.createElement('thead');
+    var row = document.createElement('tr');
+    var titles = settings.columnTitles;
+    var sortOrder = self.sortOrder;
+    var _loop = function _loop(i) {
+      var title = titles[i];
+      var col = document.createElement('th');
+      col.appendChild(document.createTextNode(title));
+      col.setAttribute('title', title);
+      row.appendChild(col);
+      if (self.selected === i) {
+        var className;
+
+        // Determine column result order.
+        if (!self.options.reverseSortDir) {
+          if (sortOrder === 'asc' || !sortOrder) {
+            className = 'arrow-up';
+            sortOrder = 'desc';
+          } else {
+            className = 'arrow-up';
+            sortOrder = 'asc';
+          }
+        } else {
+          if (sortOrder === 'desc' || !sortOrder) {
+            className = 'arrow-down';
+            sortOrder = 'asc';
+          } else {
+            className = 'arrow-up';
+            sortOrder = 'desc';
+          }
+        }
+
+        // Highlight selected column.
+        col.classList.add(className);
+      }
+
+      // Attach column sorting events.
+      col.addEventListener('click', function (index) {
+        self.sortOrder = self.selected === i ? sortOrder : 'asc';
+        sortByColumn(index, sortOrder);
+        self.selected = index;
+        renderTable();
+      }.bind(null, i), false);
+    };
+    for (var i = 0; i < titles.length; i++) {
+      _loop(i);
+    }
+    thead.appendChild(row);
+    return thead;
+  }
+
+  /**
+   * Create checkbox element.
+   *
+   * @returns {Element}
+   */
+  function createCheckboxElm() {
+    var input = document.createElement('input');
+    input.setAttribute('type', 'checkbox');
+    return input;
+  }
+
+  /**
+   * Create select menu element.
+   *
+   * @returns {Element}
+   */
+  function createMenuElm(name) {
+    var _settings$postProcess3;
+    // Create reusable elements.
+    var select = document.createElement('select');
+    select.classList.add(name);
+
+    // Listen for select menu events.
+    select.addEventListener('change', function () {
+      // Execute callback.
+      var callback = settings.menuOptions[this.value][1].callback;
+      if (typeof callback === 'function') {
+        callback(getCheckedAsObj());
+      }
+      this.value = 0;
+    });
+
+    // .. Options
+    for (var i = 0; i < settings.menuOptions.length; i++) {
+      var option = document.createElement('option');
+      option.text = settings.menuOptions[i][0];
+      option.value = i;
+      select.appendChild(option);
+    }
+
+    // Post-process select menu HTML object.
+    if (typeof ((_settings$postProcess3 = settings.postProcess) == null ? void 0 : _settings$postProcess3.menu) === 'function') {
+      settings.postProcess.menu(select);
+    }
+    return select;
+  }
+
+  /**
+   * Return selected row values as array of objects.
+   *
+   * @returns {Array<Object>}
+   */
+  function getCheckedAsObj() {
+    var rows = container.querySelectorAll('tbody > tr');
+    var objs = [];
+    for (var i = 0; i < rows.length; i++) {
+      var cols = rows[i].childNodes;
+
+      // If the row checkbox is selected.
+      if (cols[0].firstChild.checked) {
+        var row = [];
+
+        // Simulate an associative array.
+        for (var j = 1; j < cols.length; j++) {
+          row[j - 1] = cols[j].textContent;
+        }
+        objs.push(row);
+      }
+    }
+    return objs;
+  }
+
+  /**
+   * Select/Deselect (input checkbox and row highlight).
+   */
+  function toggleSelRows(rows, num) {
+    var checked;
+    for (var i = 0; i < rows.length; i++) {
+      var row = rows[i];
+      var input = row.querySelector('input[type=checkbox]');
+
+      // Update all rows.
+      if (!num) {
+        if (i === 0) {
+          checked = input.checked;
+          continue;
+        }
+        if (checked) {
+          row.classList.replace('check-off', 'check-on') || row.classList.add('check-on');
+          input.checked = true;
+        } else {
+          row.classList.replace('check-on', 'check-off');
+          input.checked = false;
+        }
+      }
+
+      // Update selected row.
+      else {
+        if (i === 0) {
+          continue;
+        }
+        if (input.checked === true) {
+          row.classList.replace('check-off', 'check-on') || row.classList.add('check-on');
+          input.checked = true;
+        } else {
+          row.classList.replace('check-on', 'check-off');
+          input.checked = false;
+        }
+      }
+    }
+  }
+
+  /**
+   * Display results ordered by selected column.
+   */
+  function sortByColumn(num, order) {
+    var sortByPattern = settings.sortByPattern;
+    if (typeof sortByPattern !== 'function') {
+      sortByPattern = function sortByPattern(val) {
+        return val == null ? void 0 : val.replace(/\$|%|#/g, '');
+      };
+    }
+    var reverse = order === 'desc' ? -1 : 1;
+
+    // Sort object by array index.
+    settings.columnValues.sort(function (a, b) {
+      var str1 = sortByPattern(a[num]);
+      var str2 = sortByPattern(b[num]);
+      if (isNaN(str1)) {
+        return [reverse * cmpAny(str1, str2)] > [reverse * cmpAny(str2, str1)] ? -1 : 1;
+      }
+      return [reverse * cmpInt(str1, str2)];
+    });
+  }
+
+  /**
+   * Generic string comparison functions.
+   */
+  function cmpAny(a, b) {
+    return a > b ? 1 : a < b ? -1 : 0;
+  }
+  function cmpInt(a, b) {
+    return b - a;
+  }
+}
+
+/**
+ * Set global/exportable instance, where supported.
+ */
+window.tidyTable = function (container, settings, options) {
+  return new TidyTable(container, settings, options);
+};
+if (typeof module !== 'undefined' && module.exports) {
+  module.exports = TidyTable;
+}
+//# sourceMappingURL=tidy-table.js.map

package/dist/tidy-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tidy-table.js","names":["TidyTable","container","settings","options","self","defaults","enableCheckbox","enableMenu","reverseSortDir","responsive","Object","assign","columnTitles","columnValues","length","renderTable","Error","_settings$postProcess","table","createTableElm","postProcess","block","querySelector","parentNode","replaceChild","appendChild","createMenuElm","classList","add","document","createElement","createTableHeaderElm","createTableBodyElm","rows","querySelectorAll","i","input","createCheckboxElm","col","addEventListener","toggleSelRows","index","bind","insertBefore","firstChild","tbody","vals","row","j","_settings$postProcess2","val","createTextNode","setAttribute","column","thead","titles","sortOrder","_loop","title","selected","className","sortByColumn","name","_settings$postProcess3","select","callback","menuOptions","value","getCheckedAsObj","option","text","menu","objs","cols","childNodes","checked","textContent","push","num","replace","order","sortByPattern","reverse","sort","a","b","str1","str2","isNaN","cmpAny","cmpInt","window","tidyTable","module","exports"],"sources":["../src/tidy-table.js"],"sourcesContent":["/**\n *  tidy-table\n *  Create a HTML table that can be sorted, selected and\n *  post-processed using a simple callback.\n *\n *  Copyright 2012-2023, Marc S. Brooks (https://mbrooks.info)\n *  Licensed under the MIT license:\n *  http://www.opensource.org/licenses/mit-license.php\n */\n\n'use strict';\n\n/**\n * @param {Element} container\n *   Containing HTML element.\n *\n * @param {Object} settings\n *   Table settings.\n *\n * @param {Object} options\n *   Configuration overrides (optional).\n */\nfunction TidyTable(container, settings, options = {}) {\n  const self = this;\n\n  const defaults = {\n    enableCheckbox: false,\n    enableMenu:     false,\n    reverseSortDir: false,\n    responsive:     false\n  };\n\n  (function() {\n    self.options = Object.assign(defaults, options);\n\n    const {columnTitles, columnValues} = settings;\n\n    if (columnTitles.length && columnValues.length) {\n      renderTable();\n    } else {\n      throw new Error('Failed to initialize (missing settings)');\n    }\n  })();\n\n  /**\n   * Render a new table instance.\n   */\n  function renderTable() {\n    const table = createTableElm();\n\n    // Post-process table results HTML object.\n    if (typeof settings.postProcess?.table === 'function') {\n      settings.postProcess.table(table);\n    }\n\n    // Replace the element, if already exists.\n    const block = container.querySelector('.tidy-table table');\n\n    if (block) {\n      block.parentNode.replaceChild(table, block);\n    } else {\n\n      // Generate select menu elements.\n      if (self.options.enableMenu) {\n        container.appendChild(createMenuElm('options'));\n      }\n\n      container.classList.add('tidy-table');\n      container.appendChild(table);\n    }\n\n    // Enable/disable responsive layout support.\n    if (defaults.responsive) {\n      container.classList.add('responsive');\n    }\n  }\n\n  /**\n   * Create table elements.\n   *\n   * @return {Element}\n   */\n  function createTableElm() {\n    const table = document.createElement('table');\n    table.appendChild(createTableHeaderElm());\n    table.appendChild(createTableBodyElm());\n\n    // Append check boxes to beginning each row.\n    if (self.options.enableCheckbox) {\n      const rows = table.querySelectorAll('tr');\n\n      for (let i = 0; i < rows.length; i++) {\n        const input = createCheckboxElm();\n\n        let col;\n\n        // First row is always the header.\n        if (i === 0) {\n          col = document.createElement('th');\n\n          // Attach event to check all boxes.\n          input.addEventListener('click', function() {\n            toggleSelRows(rows);\n          });\n        }\n        else {\n          col = document.createElement('td');\n\n          // Attach events to each checkbox.\n          input.addEventListener('click', function(index) {\n            toggleSelRows(rows, index);\n          }.bind(null, i), false);\n        }\n\n        col.appendChild(input);\n\n        // Insert before first cell.\n        rows[i].insertBefore(col, rows[i].firstChild);\n      }\n    }\n\n    return table;\n  }\n\n  /**\n   * Create table body elements.\n   *\n   * @return {Element}\n   */\n  function createTableBodyElm() {\n    const tbody = document.createElement('tbody');\n\n    const vals = settings.columnValues;\n\n    for (let i = 0; i < vals.length; i++) {\n      const row = document.createElement('tr');\n\n      for (let j = 0; j < vals[i].length; j++) {\n        const val = vals[i][j];\n\n        const col = document.createElement('td');\n        col.appendChild(document.createTextNode(val));\n        col.setAttribute('title', val);\n        row.appendChild(col);\n\n        // Post-process table column HTML object.\n        if (typeof settings.postProcess?.column === 'function') {\n          settings.postProcess.column(col);\n        }\n      }\n\n      tbody.appendChild(row);\n    }\n\n    return tbody;\n  }\n\n  /**\n   * Create table header elements.\n   *\n   * @return {Element}\n   */\n  function createTableHeaderElm() {\n    const thead = document.createElement('thead');\n    const row   = document.createElement('tr');\n\n    const titles = settings.columnTitles;\n\n    let sortOrder = self.sortOrder;\n\n    for (let i = 0; i < titles.length; i++) {\n      const title = titles[i];\n\n      const col = document.createElement('th');\n      col.appendChild(document.createTextNode(title));\n      col.setAttribute('title', title);\n\n      row.appendChild(col);\n\n      if (self.selected === i) {\n        let className;\n\n        // Determine column result order.\n        if (!self.options.reverseSortDir) {\n          if (sortOrder === 'asc' || !sortOrder) {\n            className = 'arrow-up';\n            sortOrder = 'desc';\n          }\n          else {\n            className = 'arrow-up';\n            sortOrder = 'asc';\n          }\n        }\n        else {\n          if (sortOrder === 'desc' || !sortOrder) {\n            className = 'arrow-down';\n            sortOrder = 'asc';\n          }\n          else {\n            className = 'arrow-up';\n            sortOrder = 'desc';\n          }\n        }\n\n        // Highlight selected column.\n        col.classList.add(className);\n      }\n\n      // Attach column sorting events.\n      col.addEventListener('click', function(index) {\n        self.sortOrder = (self.selected === i) ? sortOrder : 'asc';\n\n        sortByColumn(index, sortOrder);\n\n        self.selected = index;\n\n        renderTable();\n      }.bind(null, i), false);\n    }\n\n    thead.appendChild(row);\n\n    return thead;\n  }\n\n  /**\n   * Create checkbox element.\n   *\n   * @returns {Element}\n   */\n  function createCheckboxElm() {\n    const input = document.createElement('input');\n    input.setAttribute('type', 'checkbox');\n\n    return input;\n  }\n\n  /**\n   * Create select menu element.\n   *\n   * @returns {Element}\n   */\n  function createMenuElm(name) {\n\n    // Create reusable elements.\n    const select = document.createElement('select');\n    select.classList.add(name);\n\n    // Listen for select menu events.\n    select.addEventListener('change', function() {\n\n      // Execute callback.\n      const callback = settings.menuOptions[this.value][1].callback;\n\n      if (typeof callback === 'function') {\n        callback(getCheckedAsObj());\n      }\n\n      this.value = 0;\n    });\n\n    // .. Options\n    for (let i = 0; i < settings.menuOptions.length; i++) {\n      const option = document.createElement('option');\n      option.text  = settings.menuOptions[i][0];\n      option.value = i;\n\n      select.appendChild(option);\n    }\n\n    // Post-process select menu HTML object.\n    if (typeof settings.postProcess?.menu === 'function') {\n      settings.postProcess.menu(select);\n    }\n\n    return select;\n  }\n\n  /**\n   * Return selected row values as array of objects.\n   *\n   * @returns {Array<Object>}\n   */\n  function getCheckedAsObj() {\n    const rows = container.querySelectorAll('tbody > tr');\n    const objs = [];\n\n    for (let i = 0; i < rows.length; i++) {\n      const cols = rows[i].childNodes;\n\n      // If the row checkbox is selected.\n      if (cols[0].firstChild.checked) {\n        const row = [];\n\n        // Simulate an associative array.\n        for (let j = 1; j < cols.length; j++) {\n          row[j - 1] = cols[j].textContent;\n        }\n\n        objs.push(row);\n      }\n    }\n\n    return objs;\n  }\n\n  /**\n   * Select/Deselect (input checkbox and row highlight).\n   */\n  function toggleSelRows(rows, num) {\n    let checked;\n\n    for (let i = 0; i < rows.length; i++) {\n      const row = rows[i];\n\n      const input = row.querySelector('input[type=checkbox]');\n\n      // Update all rows.\n      if (!num) {\n        if (i === 0) {\n          checked = input.checked;\n          continue;\n        }\n\n        if (checked) {\n          row.classList.replace('check-off', 'check-on') || row.classList.add('check-on');\n          input.checked = true;\n        }\n        else {\n          row.classList.replace('check-on', 'check-off');\n          input.checked = false;\n        }\n      }\n\n      // Update selected row.\n      else {\n        if (i === 0) {\n          continue;\n        }\n\n        if (input.checked === true) {\n          row.classList.replace('check-off', 'check-on') || row.classList.add('check-on');\n          input.checked = true;\n        }\n        else {\n          row.classList.replace('check-on', 'check-off');\n          input.checked = false;\n        }\n      }\n    }\n  }\n\n  /**\n   * Display results ordered by selected column.\n   */\n  function sortByColumn(num, order) {\n    let sortByPattern = settings.sortByPattern;\n\n    if (typeof sortByPattern !== 'function') {\n      sortByPattern = function(val) {\n        return val?.replace(/\\$|%|#/g, '');\n      };\n    }\n\n    const reverse = (order === 'desc') ? -1 : 1;\n\n    // Sort object by array index.\n    settings.columnValues.sort(function(a, b) {\n      const str1 = sortByPattern(a[num]);\n      const str2 = sortByPattern(b[num]);\n\n      if (isNaN(str1)) {\n        return [reverse * cmpAny(str1, str2)] >\n               [reverse * cmpAny(str2, str1)] ? -1 : 1;\n      }\n\n      return [reverse * cmpInt(str1, str2)];\n    });\n  }\n\n  /**\n   * Generic string comparison functions.\n   */\n  function cmpAny(a, b) {\n    return (a > b) ? 1 : (a < b) ? -1 : 0;\n  }\n\n  function cmpInt(a, b) {\n    return b - a;\n  }\n}\n\n/**\n * Set global/exportable instance, where supported.\n */\nwindow.tidyTable = function(container, settings, options) {\n  return new TidyTable(container, settings, options);\n};\n\nif (typeof module !== 'undefined' && module.exports) {\n  module.exports = TidyTable;\n}\n"],"mappings":"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"}

package/dist/tidy-table.min.css

@@ -0,0 +1 @@
+.tidy-table table{background-color:#fff;border-collapse:collapse;border:1px solid #ccc;cursor:pointer;white-space:nowrap}.tidy-table table tbody input[type=checkbox],.tidy-table table thead input[type=checkbox]{display:block;margin:0 auto}.tidy-table table tbody td,.tidy-table table tbody th,.tidy-table table thead td,.tidy-table table thead th{padding:6px 20px}.tidy-table table tbody td:nth-child(1),.tidy-table table tbody th:nth-child(1),.tidy-table table thead td:nth-child(1),.tidy-table table thead th:nth-child(1){width:10px}.tidy-table table thead{border:none}.tidy-table table thead th{background-color:#ddd}.tidy-table table thead th.arrow-down{background:#eee url(../images/arrow-down.svg) no-repeat right center}.tidy-table table thead th.arrow-up{background:#eee url(../images/arrow-up.svg) no-repeat right center}.tidy-table table tbody tr.check-on{background-color:#f5f5f5}.tidy-table table tbody tr.check-off{background-color:#fff}.tidy-table table tbody tr td{border-right:1px solid #eee;border-top:1px solid #ccc;padding:7px 20px}.tidy-table table tbody tr td .label{display:none}.tidy-table table tbody tr td:nth-child(1){border-right:1px solid #eee}.tidy-table table tbody tr td:nth-last-child(1){border-right:none}@media only screen and (min-device-width:0px) and (max-device-width:800px){.tidy-table.responsive{margin:0!important;overflow:auto;width:auto!important}.tidy-table.responsive table{border:0;border-top:1px solid #ddd;width:100%}.tidy-table.responsive table tbody td,.tidy-table.responsive table tbody th,.tidy-table.responsive table thead td,.tidy-table.responsive table thead th{border:0;box-sizing:border-box;clear:both;float:left;padding-left:10px}.tidy-table.responsive table tbody td:first-child,.tidy-table.responsive table tbody th:first-child,.tidy-table.responsive table thead td:first-child,.tidy-table.responsive table thead th:first-child{background-color:transparent;padding:10px;position:absolute;right:0;top:2px;width:auto}.tidy-table.responsive table thead th{text-align:left;width:100%}.tidy-table.responsive table thead th:first-child{top:-40px}.tidy-table.responsive table tbody tr{border-bottom:1px solid #ccc;position:relative}.tidy-table.responsive table tbody tr:last-child{border:none}.tidy-table.responsive table tbody td{background-color:transparent}.tidy-table.responsive table tbody td:first-child{border:none}}

package/dist/tidy-table.min.js

@@ -0,0 +1 @@
+"use strict";function TidyTable(i,a,n){void 0===n&&(n={});var l=this,c={enableCheckbox:!1,enableMenu:!1,reverseSortDir:!1,responsive:!1};function s(){var e,t=function(){var e=document.createElement("table");if(e.appendChild(function(){for(var e=document.createElement("thead"),o=document.createElement("tr"),r=a.columnTitles,i=l.sortOrder,t=function(t){var e,n=r[t],c=document.createElement("th");c.appendChild(document.createTextNode(n)),c.setAttribute("title",n),o.appendChild(c),l.selected===t&&(i=l.options.reverseSortDir?"desc"!==i&&i?(e="arrow-up","desc"):(e="arrow-down","asc"):"asc"!==i&&i?(e="arrow-up","asc"):(e="arrow-up","desc"),c.classList.add(e));c.addEventListener("click",function(e){l.sortOrder=l.selected===t?i:"asc",function(o,e){var r=a.sortByPattern;"function"!=typeof r&&(r=function(e){return null==e?void 0:e.replace(/\$|%|#/g,"")});var i="desc"===e?-1:1;a.columnValues.sort(function(e,t){var n=r(e[o]),c=r(t[o]);return isNaN(n)?[i*u(n,c)]>[i*u(c,n)]?-1:1:[i*function(e,t){return t-e}(n,c)]})}(e,i),l.selected=e,s()}.bind(null,t),!1)},n=0;n<r.length;n++)t(n);return e.appendChild(o),e}()),e.appendChild(function(){for(var e=document.createElement("tbody"),t=a.columnValues,n=0;n<t.length;n++){for(var c=document.createElement("tr"),o=0;o<t[n].length;o++){var r,i=t[n][o],l=document.createElement("td");l.appendChild(document.createTextNode(i)),l.setAttribute("title",i),c.appendChild(l),"function"==typeof(null==(r=a.postProcess)?void 0:r.column)&&a.postProcess.column(l)}e.appendChild(c)}return e}()),l.options.enableCheckbox)for(var t=e.querySelectorAll("tr"),n=0;n<t.length;n++){var c=r(),o=void 0;0===n?(o=document.createElement("th"),c.addEventListener("click",function(){d(t)})):(o=document.createElement("td"),c.addEventListener("click",function(e){d(t,e)}.bind(null,n),!1)),o.appendChild(c),t[n].insertBefore(o,t[n].firstChild)}return e}();"function"==typeof(null==(e=a.postProcess)?void 0:e.table)&&a.postProcess.table(t);var n=i.querySelector(".tidy-table table");n?n.parentNode.replaceChild(t,n):(l.options.enableMenu&&i.appendChild(function(e){var t,n=document.createElement("select");n.classList.add(e),n.addEventListener("change",function(){var e=a.menuOptions[this.value][1].callback;"function"==typeof e&&e(function(){for(var e=i.querySelectorAll("tbody > tr"),t=[],n=0;n<e.length;n++){var c=e[n].childNodes;if(c[0].firstChild.checked){for(var o=[],r=1;r<c.length;r++)o[r-1]=c[r].textContent;t.push(o)}}return t}()),this.value=0});for(var c=0;c<a.menuOptions.length;c++){var o=document.createElement("option");o.text=a.menuOptions[c][0],o.value=c,n.appendChild(o)}"function"==typeof(null==(t=a.postProcess)?void 0:t.menu)&&a.postProcess.menu(n);return n}("options")),i.classList.add("tidy-table"),i.appendChild(t)),c.responsive&&i.classList.add("responsive")}function r(){var e=document.createElement("input");return e.setAttribute("type","checkbox"),e}function d(e,t){for(var n,c=0;c<e.length;c++){var o=e[c],r=o.querySelector("input[type=checkbox]");if(t){if(0===c)continue;!0===r.checked?(o.classList.replace("check-off","check-on")||o.classList.add("check-on"),r.checked=!0):(o.classList.replace("check-on","check-off"),r.checked=!1)}else{if(0===c){n=r.checked;continue}n?(o.classList.replace("check-off","check-on")||o.classList.add("check-on"),r.checked=!0):(o.classList.replace("check-on","check-off"),r.checked=!1)}}}function u(e,t){return t<e?1:e<t?-1:0}!function(){l.options=Object.assign(c,n);var e=a.columnTitles,t=a.columnValues;if(!e.length||!t.length)throw new Error("Failed to initialize (missing settings)");s()}()}window.tidyTable=function(e,t,n){return new TidyTable(e,t,n)},"undefined"!=typeof module&&module.exports&&(module.exports=TidyTable);

package/dist/tidy-table.scss

@@ -0,0 +1,143 @@
+/**
+ *  tidy-table
+ *  Create a HTML table that can be sorted, selected and
+ *  post-processed using a simple callback.
+ *
+ *  Copyright 2012-2023, Marc S. Brooks (https://mbrooks.info)
+ *  Licensed under the MIT license:
+ *  http://www.opensource.org/licenses/mit-license.php
+ */
+
+.tidy-table {
+  table {
+    background-color: #fff;
+    border-collapse: collapse;
+    border: 1px solid #ccc;
+    cursor: pointer;
+    white-space: nowrap;
+
+    thead, tbody {
+      input[type='checkbox'] {
+        display: block;
+        margin: 0px auto;
+      }
+
+      td, th {
+        padding: 6px 20px;
+
+        &:nth-child(1) {
+          width: 10px;
+        }
+      }
+    }
+
+    thead {
+      border: none;
+
+      th {
+        background-color: #ddd;
+
+        &.arrow-down {
+          background: #eee url('../images/arrow-down.svg') no-repeat right center;
+        }
+
+        &.arrow-up {
+          background: #eee url('../images/arrow-up.svg') no-repeat right center;
+        }
+      }
+    }
+
+    tbody {
+      tr {
+        &.check-on {
+          background-color: #f5f5f5;
+        }
+
+        &.check-off {
+          background-color: #fff;
+        }
+
+        td {
+          border-right: 1px solid #eee;
+          border-top: 1px solid #ccc;
+          padding: 7px 20px;
+
+          .label {
+            display: none;
+          }
+
+          &:nth-child(1) {
+            border-right: 1px solid #eee;
+          }
+
+          &:nth-last-child(1) {
+            border-right: none;
+          }
+        }
+      }
+    }
+  }
+
+  @media only screen and (min-device-width: 0px) and (max-device-width: 800px) {
+    &.responsive {
+      margin: 0px !important;
+      overflow: auto;
+      width: auto !important;
+
+      table {
+        border: 0px;
+        border-top: 1px solid #ddd;
+        width: 100%;
+
+        thead, tbody {
+          td, th {
+            border: 0px;
+            box-sizing: border-box;
+            clear: both;
+            float: left;
+            padding-left: 10px;
+
+            &:first-child {
+              background-color: transparent;
+              padding: 10px;
+              position: absolute;
+              right: 0px;
+              top: 2px;
+              width: auto;
+            }
+          }
+        }
+
+        thead {
+          th {
+            text-align: left;
+            width: 100%;
+
+            &:first-child {
+              top: -40px;
+            }
+          }
+        }
+
+        tbody {
+          tr {
+            border-bottom: 1px solid #ccc;
+            position: relative;
+
+            &:last-child {
+              border: none;
+            }
+          }
+
+          td {
+            background-color: transparent;
+
+            &:first-child {
+              border: none;
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tidy-table",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "Create a HTML table that can be sorted, selected, and post-processed using a simple callback.",
   "main": "src/tidy-table.js",
   "scripts": {