@saltcorn/markup 0.6.2-beta.4 → 0.6.2-beta.5

package/table.js

@@ -1,115 +0,0 @@
-/**
- * @category saltcorn-markup
- * @module table
- */
-
-const { contract, is } = require("contractis");
-
-const {
-  a,
-  td,
-  tr,
-  th,
-  text,
-  div,
-  table,
-  thead,
-  tbody,
-  ul,
-  li,
-  span,
-} = require("./tags");
-const { pagination } = require("./helpers");
-
-/**
- * @param {object} hdr 
- * @returns {th}
- */
-const headerCell = (hdr) =>
-  th(
-    (hdr.align || hdr.width) && {
-      style:
-        (hdr.align ? `text-align: ` + hdr.align : "") +
-        (hdr.width ? `width: ` + hdr.width : ""),
-    },
-    hdr.sortlink ? a({ href: hdr.sortlink }, hdr.label) : hdr.label
-  );
-
-/**
- * @function
- * @param {object[]} hdrs
- * @param {object[]} vs
- * @param {object} [opts]
- * @returns {string}
- */
-const mkTable = contract(
-  is.fun(
-    [
-      is.array(is.obj({ label: is.str, key: is.or(is.str, is.fun()) })),
-      is.array(is.obj()),
-      is.maybe(
-        is.obj({
-          pagination: is.maybe(
-            is.obj({
-              current_page: is.posint,
-              pages: is.posint,
-              get_page_link: is.fun(),
-            })
-          ),
-          noHeader: is.maybe(is.bool),
-          hover: is.maybe(is.bool),
-        })
-      ),
-    ],
-    is.str
-  ),
-  (hdrs, vs, opts = {}) =>
-    div(
-      { class: "table-responsive" },
-      table(
-        {
-          class: [
-            "table table-sm",
-            opts.class,
-            hdrs.some((h) => h.width) && "table-layout-fixed",
-            (opts.onRowSelect || (opts.hover && vs && vs.length > 1)) &&
-              "table-hover",
-          ],
-          style: opts.style,
-        },
-        !opts.noHeader && thead(tr(hdrs.map((hdr) => headerCell(hdr)))),
-        tbody(
-          (vs || []).map((v) =>
-            tr(
-              mkClickHandler(opts, v),
-              hdrs.map((hdr) =>
-                td(
-                  !!hdr.align && { style: "text-align:" + hdr.align },
-                  typeof hdr.key === "string" ? text(v[hdr.key]) : hdr.key(v)
-                )
-              )
-            )
-          )
-        )
-      ),
-      opts.pagination && pagination(opts.pagination)
-    )
-);
-
-/**
- * @param {object} opts 
- * @param {object} v 
- * @returns {object}
- */
-const mkClickHandler = (opts, v) => {
-  var attrs = {};
-  if (opts.onRowSelect)
-    attrs.onclick =
-      typeof opts.onRowSelect === "function"
-        ? opts.onRowSelect(v)
-        : opts.onRowSelect;
-  if (opts.selectedId && v.id && +v.id === +opts.selectedId)
-    attrs.class = "table-active";
-  return attrs;
-};
-module.exports = mkTable;

package/tabs.js

@@ -1,54 +0,0 @@
-/**
- * @category saltcorn-markup
- * @module tabs
- */
-
-const { a, text, div, ul, li } = require("./tags");
-
-/**
- * @param {string} str 
- * @returns {string}
- */
-const mkId = (str) => text(str.split(" ").join("_"));
-
-/**
- * @param {object} obj 
- * @returns {object}
- */
-const tabs = (obj) => {
-  const entries = Array.isArray(obj) ? obj : Object.entries(obj);
-  const lis = entries.map((e, ix) =>
-    li(
-      { class: "nav-item" },
-      a(
-        {
-          class: ["nav-link", ix == 0 && "active"],
-          "data-toggle": "tab",
-          href: `#${mkId(e[0])}`,
-          id: `${mkId(e[0])}-tab`,
-          role: "tab",
-          "aria-controls": "home",
-          "aria-selected": "true",
-        },
-        text(e[0])
-      )
-    )
-  );
-  const divs = entries.map((e, ix) =>
-    div(
-      {
-        class: ["tab-pane fade", ix == 0 && "show active"],
-        id: `${mkId(e[0])}`,
-        role: "tabpanel",
-        "aria-labelledby": `${mkId(e[0])}-tab`,
-      },
-      e[1]
-    )
-  );
-  return (
-    ul({ class: "nav nav-tabs", role: "tablist" }, lis) +
-    div({ class: "tab-content" }, divs)
-  );
-};
-
-module.exports = tabs;

package/tags.js

@@ -1,56 +0,0 @@
-/**
- * @category saltcorn-markup
- * @module tags
- */
-
-const xss = require("xss");
-const escape = require("escape-html");
-const htmlTags = require("html-tags");
-const voidHtmlTags = new Set(require("html-tags/void"));
-const mkTag = require("./mktag");
-
-//https://stackoverflow.com/a/59220393
-/**
- * @param {string} js 
- * @returns {string}
- */
-const domReady = (js) =>
-  `(function(f){if (document.readyState === "complete") f(); else document.addEventListener('DOMContentLoaded',f,false)})(function(){${js}});`;
-
-xss.whiteList.kbd = [];
-
-/**
- * @param {string|number} t 
- * @returns {string}
- */
-const text = (t) => (t === 0 ? "0" : xss(t));
-
-/**
- * @param {string|number} t 
- * @returns {string}
- */
-const text_attr = (t) => (t === 0 ? "0" : escape(t));
-
-/**
- * @return {string[]}
- */
-const allTags = Object.fromEntries(
-  htmlTags.map((tag) => [tag, mkTag(tag, voidHtmlTags.has(tag))])
-);
-
-module.exports = {
-  ...allTags,
-  /**
-   * @param {string} tagName 
-   * @param  {...*} rest 
-   * @returns {string}
-   */
-  genericElement: (tagName, ...rest) => mkTag(tagName, false)(...rest),
-  domReady,
-  text,
-  text_attr,
-  /** @type {string} */
-  nbsp: " ",
-  /** @type {module:mktag} */
-  mkTag,
-};