@saltcorn/markup 0.6.2-beta.2 → 0.6.2

package/dist/helpers.js

@@ -0,0 +1,169 @@
+"use strict";
+/**
+ * @category saltcorn-markup
+ * @module helpers
+ */
+const tags = require("./tags");
+const { a, text, div, input, text_attr, ul, li, span, label } = tags;
+/**
+ * checks if x is defined
+ * @param {any} x
+ * @returns {boolean}
+ */
+const isdef = (x) => typeof x !== "undefined";
+/**
+ * @param {object|string} v
+ * @param {object} hdr
+ * @param {boolean} force_required
+ * @param {string} neutral_label
+ * @returns {string}
+ */
+const select_options = (v, hdr, force_required, neutral_label = "") => {
+    const options0 = hdr.options || [];
+    const options1 = force_required
+        ? options0.filter((o) => (typeof o === "string" ? o : o.value))
+        : options0;
+    const options = options1.map((o) => o.value === "" ? { ...o, label: neutral_label } : o);
+    const selected = typeof v === "object" ? (v ? v[hdr.name] : undefined) : v;
+    const isSelected = (value) => !selected
+        ? false
+        : selected.length
+            ? selected.includes(value)
+            : value === selected;
+    return options
+        .map((o) => {
+        const label = typeof o === "string" ? o : o.label;
+        const value = typeof o === "string" ? o : o.value;
+        return `<option value="${text_attr(value)}"${isSelected(value) ? " selected" : ""}>${text(label)}</option>`;
+    })
+        .join("");
+};
+/**
+ *
+ * @param {object} opts
+ * @param {string} opts.name
+ * @param {object} [opts.options]
+ * @param {string} opts.value
+ * @param {object} opts.inline
+ * @param {string} opts.form_name
+ * @param {...*} opts.rest
+ * @returns {string}
+ */
+const radio_group = ({ name, options, value, inline, form_name, onChange, ...rest }) => div((options || [])
+    .filter((o) => (typeof o === "string" ? o : o.value))
+    .map((o, ix) => {
+    const myvalue = typeof o === "string" ? o : o.value;
+    const id = `input${text_attr(name)}${ix}`;
+    return div({ class: ["form-check", inline && "form-check-inline"] }, input({
+        class: ["form-check-input", rest.class],
+        type: "radio",
+        name,
+        onChange,
+        "data-fieldname": form_name,
+        id,
+        value: text_attr(myvalue),
+        checked: myvalue === value,
+    }), label({ class: "form-check-label", for: id }, typeof o === "string" ? o : o.label));
+})
+    .join(""));
+const checkbox_group = ({ name, options, value, inline, form_name, onChange, ...rest }) => div((options || [])
+    .filter((o) => (typeof o === "string" ? o : o.value))
+    .map((o, ix) => {
+    const myvalue = typeof o === "string" ? o : o.value;
+    const id = `input${text_attr(name)}${ix}`;
+    return div({ class: ["form-check", inline && "form-check-inline"] }, input({
+        class: ["form-check-input", rest.class],
+        type: "checkbox",
+        name,
+        onChange: `check_state_field(this)`,
+        "data-fieldname": form_name,
+        id,
+        value: text_attr(myvalue),
+        checked: Array.isArray(value)
+            ? value.includes(myvalue)
+            : myvalue === value,
+    }), label({ class: "form-check-label", for: id }, typeof o === "string" ? o : o.label));
+})
+    .join(""));
+/**
+ * @param {object} opts
+ * @param {number} opts.current_page
+ * @param {number} opts.pages
+ * @param {function} opts.get_page_link
+ * @param {boolean} opts.trailing_ellipsis
+ * @returns {string}
+ */
+const pagination = ({ current_page, pages, get_page_link, trailing_ellipsis, }) => {
+    const from = Math.max(1, current_page - 3);
+    const to = Math.min(pages, current_page + 3);
+    var lis = [];
+    if (from > 1) {
+        lis.push(li({ class: `page-item` }, a({ class: "page-link", href: get_page_link(1) }, 1)));
+        lis.push(li({ class: `page-item` }, span({ class: "page-link" }, "...")));
+    }
+    for (let index = from; index <= to; index++) {
+        lis.push(li({ class: ["page-item", index === current_page && "active"] }, a({ class: "page-link", href: get_page_link(index) }, index)));
+    }
+    if (to < pages) {
+        lis.push(li({ class: `page-item` }, span({ class: "page-link" }, "...")));
+        lis.push(li({ class: `page-item` }, a({ class: "page-link", href: get_page_link(pages) }, pages)));
+    }
+    if (trailing_ellipsis)
+        lis.push(li({ class: `page-item` }, span({ class: "page-link" }, "...")));
+    return ul({ class: "pagination" }, lis);
+};
+/**
+ * @param {string} name
+ * @param {object} v
+ * @param {object} param2
+ * @returns {string}
+ */
+const search_bar = (name, v, { placeHolder, has_dropdown, contents, badges, stateField, onClick, } = {}) => {
+    const rndid = Math.floor(Math.random() * 16777215).toString(16);
+    const clickHandler = stateField
+        ? `(function(v){v ? set_state_field('${stateField}', v):unset_state_field('${stateField}');})($('input.search-bar').val())`
+        : onClick || "";
+    return `<div class="input-group search-bar">
+  <div class="input-group-prepend">
+  <button class="btn btn-outline-secondary search-bar" ${clickHandler ? `onClick="${clickHandler}"` : ""} type="submit" id="button-search-submit">
+  <i class="fas fa-search"></i>
+  </button>
+  </div>
+<input type="search" class="form-control search-bar ${(badges && badges.length > 0) || has_dropdown ? "br-none" : ""}" placeholder="${placeHolder || "Search for..."}" 
+}" 
+  }" 
+       id="input${text_attr(name)}" name="${name}" 
+       ${clickHandler
+        ? `onsearch="${clickHandler}" onChange="${clickHandler}"`
+        : ""}
+       aria-label="Search" aria-describedby="button-search-submit" ${v ? `value="${text_attr(v)}"` : ""}>
+<div class="input-group-append">
+  ${badges && badges.length > 0
+        ? `<div class="input-group-text">${badges
+            .map((b) => `<span class="badge badge-primary">${b.text}${b.onclick
+            ? `<a href="javascript:${b.onclick}"><i class="ml-1 fas fa-lg fa-times"></i></a> `
+            : ""}</span>`)
+            .join("&nbsp;")}
+  </div>`
+        : ""}
+  ${has_dropdown
+        ? `<button class="btn btn-outline-secondary dropdown-toggle search-bar" id="dd${rndid}" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="align_dropdown('${rndid}')"></button>`
+        : ""}
+  ${has_dropdown
+        ? `<div class="dropdown-menu search-bar p-2" id="dm${rndid}" aria-labelledby="dd${rndid}">
+      ${contents}
+      </div>`
+        : ""}
+</div>
+</div>`;
+};
+const HelpersExports = {
+    isdef,
+    select_options,
+    search_bar,
+    pagination,
+    radio_group,
+    checkbox_group,
+};
+module.exports = HelpersExports;
+//# sourceMappingURL=helpers.js.map

package/dist/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../helpers.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @category saltcorn-markup
+ * @module saltcorn-markup/index
+ */
+import mkTable = require("./table");
+declare const _default: {
+    mkTable: (hdrs: mkTable.HeadersParams[], vs: any[], opts?: any) => string;
+    renderForm: (form: any, csrfToken0: string | boolean) => string;
+    settingsDropdown: (id: string, elems: any) => string;
+    renderBuilder: ({ options, context, action, stepName, layout, mode, version_tag, }: any, csrfToken: any) => string;
+    link: (href: string, s: string) => string;
+    post_btn: (href: string, s: string, csrfToken: string, { btnClass, onClick, small, style, ajax, reload_on_done, reload_delay, klass, formClass, spinner, req, confirm, icon, }?: any) => string;
+    post_delete_btn: (href: string, req: any, what?: string | undefined) => string;
+    post_dropdown_item: (href: string, s: string, req: any, confirm: boolean, what?: string | undefined) => string;
+    tabs: (obj: any) => any;
+    localeTime: (date: Date, options?: any) => string;
+    localeDate: (date: Date, options?: any) => string;
+    localeDateTime: (date: Date, options?: any) => string;
+};
+export = _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAmBH,OAAO,OAAO,GAAG,QAAQ,SAAS,CAAC,CAAC;;;;;;;;;;;;;;;AAyNpC,kBAaE"}

package/dist/index.js

@@ -0,0 +1,158 @@
+"use strict";
+/**
+ * @category saltcorn-markup
+ * @module saltcorn-markup/index
+ */
+/**
+ * All files in the saltcorn-markup package.
+ * @namespace saltcorn-markup_overview
+ * @property {module:builder} builder
+ * @property {module:emergency_layout} emergency_layout
+ * @property {module:form} from
+ * @property {module:helpers} helpers
+ * @property {module:layout_utils} layout_utils
+ * @property {module:layout} layout
+ * @property {module:mktag} mktag
+ * @property {module:table} table
+ * @property {module:tabs} tabs
+ * @category saltcorn-markup
+ */
+const renderForm = require("./form");
+const renderBuilder = require("./builder");
+const mkTable = require("./table");
+const tabs = require("./tabs");
+const tags = require("./tags");
+const { a, text, div, button, time } = tags;
+/**
+ * @param {string} href
+ * @param {string} s
+ * @returns {string}
+ */
+const link = (href, s) => a({ href: text(href) }, text(s));
+/**
+ * @param {string} href
+ * @param {string} s
+ * @param {string} csrfToken
+ * @param {object} opts
+ * @param {string} [opts.btnClass = "btn-primary"]
+ * @param {string} [opts.onClick]
+ * @param {string} [opts.small]
+ * @param {string} [opts.style]
+ * @param {*} opts.ajax
+ * @param {string} opts.reload_on_done
+ * @param {string} opts.reload_delay
+ * @param {string} [opts.klass = "btn-primary"]
+ * @param {string} [opts.formClass]
+ * @param {string} opts.spinner
+ * @param {object} opts.req
+ * @param {boolean} opts.confirm
+ * @param {string} opts.icon
+ * @returns {string}
+ */
+const post_btn = (href, s, csrfToken, { btnClass = "btn-primary", onClick, small, style, ajax, reload_on_done, reload_delay, klass = "", formClass, spinner, req, confirm, icon, } = {}) => `<form action="${text(href)}" method="post"${formClass ? `class="${formClass}"` : ""}>
+  <input type="hidden" name="_csrf" value="${csrfToken}">
+<button ${ajax ? 'type="button"' : 'type="submit"'} ${onClick
+    ? `onclick="${spinner ? "press_store_button(this);" : ""}${onClick}"`
+    : ajax && confirm
+        ? `onclick="if(confirm('${req.__("Are you sure?")}')) {${spinner ? "press_store_button(this);" : ""}ajax_post_btn(this, ${reload_on_done}, ${reload_delay})}"`
+        : ajax
+            ? `onclick="${spinner ? "press_store_button(this);" : ""}ajax_post_btn(this, ${reload_on_done}, ${reload_delay})"`
+            : confirm
+                ? `onclick="return confirm('${req.__("Are you sure?")}')"`
+                : ""} class="${klass} btn ${small ? "btn-sm" : ""} ${btnClass}"${style ? ` style="${style}"` : ""}>${icon ? `<i class="${icon}"></i>&nbsp;` : ""}${s}</button></form>`;
+/**
+ * UI Form for Delete Item confirmation
+ * @param {string} href - href
+ * @param {string} req - Request
+ * @param {string} [what] - Item
+ * @returns {string} return html form
+ */
+const post_delete_btn = (href, req, what) => `<form action="${text(href)}" method="post" >
+   <input type="hidden" name="_csrf" value="${req.csrfToken()}">
+   <button type="submit" class="btn btn-danger btn-sm" 
+     onclick="return confirm('${what
+    ? req.__("Are you sure you want to delete %s?", what)
+    : req.__("Are you sure?")}')" />
+     <i class="fas fa-trash-alt"></i>
+   </button>
+ </form>`;
+/**
+ * @param {string} href
+ * @param {string} s
+ * @param {object} req
+ * @param {boolean} confirm
+ * @param {string} [what]
+ * @returns {string}
+ */
+const post_dropdown_item = (href, s, req, confirm, what) => {
+    const id = href.split("/").join("");
+    return `<a class="dropdown-item" onclick="${confirm
+        ? `if(confirm('${what
+            ? req.__("Are you sure you want to delete %s?", what)
+            : req.__("Are you sure?")}')) `
+        : ""}$('#${id}').submit()">${s}</a>
+  <form id="${id}" action="${text(href)}" method="post">
+    <input type="hidden" name="_csrf" value="${req.csrfToken()}">
+  </form>`;
+};
+/**
+ * @param {string} id
+ * @param {*} elems
+ * @returns {div}
+ */
+const settingsDropdown = (id, elems) => div({ class: "dropdown" }, button({
+    class: "btn btn-sm btn-outline-secondary",
+    "data-boundary": "viewport",
+    type: "button",
+    id,
+    "data-toggle": "dropdown",
+    "aria-haspopup": "true",
+    "aria-expanded": "false",
+}, '<i class="fas fa-ellipsis-h"></i>'), div({
+    class: "dropdown-menu dropdown-menu-right",
+    "aria-labelledby": id,
+}, elems));
+/**
+ * @param {Date} date
+ * @param {object} opts
+ * @param {string} [opts.hour = "2-digit"]
+ * @param {string} [opts.minute = "2-digit"]
+ * @returns {string}
+ */
+const localeTime = (date, options = { hour: "2-digit", minute: "2-digit" }) => time({
+    datetime: date.toISOString(),
+    "locale-time-options": encodeURIComponent(JSON.stringify(options)),
+}, date.toLocaleTimeString("en", options));
+/**
+ * @param {Date} date
+ * @param {object} [options = {}]
+ * @returns {string}
+ */
+const localeDateTime = (date, options = {}) => time({
+    datetime: date.toISOString(),
+    "locale-options": encodeURIComponent(JSON.stringify(options)),
+}, date.toLocaleString("en", options));
+/**
+ * @param {Date} date
+ * @param {object} [options = {}]
+ * @returns {string}
+ */
+const localeDate = (date, options = {}) => time({
+    datetime: date.toISOString(),
+    "locale-date-options": encodeURIComponent(JSON.stringify(options)),
+}, date.toLocaleDateString("en", options));
+module.exports = {
+    mkTable,
+    renderForm,
+    settingsDropdown,
+    renderBuilder,
+    link,
+    post_btn,
+    post_delete_btn,
+    post_dropdown_item,
+    tabs,
+    localeTime,
+    localeDate,
+    localeDateTime,
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"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"}

package/dist/layout.d.ts

@@ -0,0 +1,22 @@
+declare namespace LayoutExports {
+    type RenderTabsOpts = {
+        contents: any[];
+        titles: string[];
+        tabsStyle: string;
+        ntabs?: any;
+        independent: boolean;
+    };
+}
+declare namespace LayoutExports {
+    type RenderOpts = {
+        blockDispatch: any;
+        layout: any;
+        role?: any;
+        alerts?: any;
+        is_owner?: boolean;
+    };
+}
+declare type RenderOpts = LayoutExports.RenderOpts;
+declare const LayoutExports: ({ blockDispatch, layout, role, alerts, is_owner, }: RenderOpts) => string;
+export = LayoutExports;
+//# sourceMappingURL=layout.d.ts.map

package/dist/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../layout.ts"],"names":[],"mappings":"AA6FA,kBAAU,aAAa,CAAC;IACtB,KAAY,cAAc,GAAG;QAC3B,QAAQ,EAAE,GAAG,EAAE,CAAC;QAChB,MAAM,EAAE,MAAM,EAAE,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,GAAG,CAAC;QACZ,WAAW,EAAE,OAAO,CAAC;KACtB,CAAC;CACH;AAiGD,kBAAU,aAAa,CAAC;IACtB,KAAY,UAAU,GAAG;QACvB,aAAa,EAAE,GAAG,CAAC;QACnB,MAAM,EAAE,GAAG,CAAC;QACZ,IAAI,CAAC,EAAE,GAAG,CAAC;QACX,MAAM,CAAC,EAAE,GAAG,CAAC;QACb,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;CACH;AACD,aAAK,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC;AA0Z3C,QAAA,MAAM,aAAa,uDAzYhB,UAAU,KAAG,MAyYY,CAAC;AAC7B,SAAS,aAAa,CAAC"}