@tsed/tailwind-formio 2.0.2 → 2.0.3

package/lib/templates/tailwind/address/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
-exports.default = { form: form_ejs_1.default };
+import form from "./form.ejs";
+export default { form };

package/lib/templates/tailwind/alert/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
-exports.default = { form: form_ejs_1.default };
+import form from "./form.ejs";
+export default { form };

package/lib/templates/tailwind/builder/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
-exports.default = { form: form_ejs_1.default };
+import form from "./form.ejs";
+export default { form };

package/lib/templates/tailwind/builderComponent/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
-exports.default = { form: form_ejs_1.default };
+import form from "./form.ejs";
+export default { form };

package/lib/templates/tailwind/builderComponents/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
-exports.default = { form: form_ejs_1.default };
+import form from "./form.ejs";
+export default { form };

package/lib/templates/tailwind/builderEditForm/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
-exports.default = { form: form_ejs_1.default };
+import form from "./form.ejs";
+export default { form };

package/lib/templates/tailwind/builderPlaceholder/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
-exports.default = { form: form_ejs_1.default };
+import form from "./form.ejs";
+export default { form };

package/lib/templates/tailwind/builderSidebar/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
-exports.default = { form: form_ejs_1.default };
+import form from "./form.ejs";
+export default { form };

package/lib/templates/tailwind/builderSidebarGroup/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
-exports.default = { form: form_ejs_1.default };
+import form from "./form.ejs";
+export default { form };

package/lib/templates/tailwind/builderWizard/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
-exports.default = { form: form_ejs_1.default };
+import form from "./form.ejs";
+export default { form };

package/lib/templates/tailwind/button/button.stories.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+    title: "Formiojs/Button",
+    argTypes: {},
+    parameters: {
+        docs: {
+            source: {
+                type: "code"
+            }
+        }
+    }
+};
+export const Sandbox = (args) => {
+    return (_jsxs("div", { children: [_jsxs("div", Object.assign({ className: "mb-5" }, { children: [_jsx("button", Object.assign({ type: 'button', className: 'mr-2 btn btn-primary' }, { children: "Primary" }), void 0),
+                    _jsx("button", Object.assign({ type: 'button', className: 'mr-2 btn btn-secondary' }, { children: "Secondary" }), void 0),
+                    _jsx("button", Object.assign({ type: 'button', className: 'mr-2 btn btn-success' }, { children: "Success" }), void 0),
+                    _jsx("button", Object.assign({ type: 'button', className: 'mr-2 btn btn-danger' }, { children: "Danger" }), void 0),
+                    _jsx("button", Object.assign({ type: 'button', className: 'mr-2 btn btn-warning' }, { children: "Warning" }), void 0),
+                    _jsx("button", Object.assign({ type: 'button', className: 'mr-2 btn btn-info' }, { children: "Info" }), void 0),
+                    _jsx("button", Object.assign({ type: 'button', className: 'mr-2 btn btn-light' }, { children: "Light" }), void 0),
+                    _jsx("button", Object.assign({ type: 'button', className: 'mr-2 btn btn-dark' }, { children: "Dark" }), void 0)] }), void 0),
+            _jsxs("div", { children: [_jsx("button", Object.assign({ type: 'button', className: 'mr-2 btn btn-outline-primary' }, { children: "Primary" }), void 0),
+                    _jsx("button", Object.assign({ type: 'button', className: 'mr-2 btn btn-outline-secondary' }, { children: "Secondary" }), void 0),
+                    _jsx("button", Object.assign({ type: 'button', className: 'mr-2 btn btn-outline-success' }, { children: "Success" }), void 0),
+                    _jsx("button", Object.assign({ type: 'button', className: 'mr-2 btn btn-outline-danger' }, { children: "Danger" }), void 0),
+                    _jsx("button", Object.assign({ type: 'button', className: 'mr-2 btn btn-outline-warning' }, { children: "Warning" }), void 0),
+                    _jsx("button", Object.assign({ type: 'button', className: 'mr-2 btn btn-outline-info' }, { children: "Info" }), void 0),
+                    _jsx("button", Object.assign({ type: 'button', className: 'mr-2 btn btn-outline-light' }, { children: "Light" }), void 0),
+                    _jsx("button", Object.assign({ type: 'button', className: 'mr-2 btn btn-outline-dark' }, { children: "Dark" }), void 0)] }, void 0)] }, void 0));
+};
+Sandbox.args = {};
+export const ButtonWithIcon = (args) => {
+    return (_jsx("div", { children: _jsx("div", Object.assign({ className: "mb-5" }, { children: _jsxs("button", Object.assign({ type: 'button', className: 'mr-2 btn btn-primary' }, { children: [_jsx("span", { className: "bx bx-plus" }, void 0),
+                    _jsx("span", { children: "Primary" }, void 0)] }), void 0) }), void 0) }, void 0));
+};
+ButtonWithIcon.args = {};

package/lib/templates/tailwind/button/index.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
-var html_ejs_1 = require("./html.ejs");
-exports.default = { form: form_ejs_1.default, html: html_ejs_1.default };
+import form from "./form.ejs";
+import html from "./html.ejs";
+export default { form, html };

package/lib/templates/tailwind/checkbox/index.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
-var html_ejs_1 = require("./html.ejs");
-exports.default = { form: form_ejs_1.default, html: html_ejs_1.default };
+import form from "./form.ejs";
+import html from "./html.ejs";
+export default { form, html };

package/lib/templates/tailwind/columns/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
-exports.default = { form: form_ejs_1.default };
+import form from "./form.ejs";
+export default { form };

package/lib/templates/tailwind/component/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
-exports.default = { form: form_ejs_1.default };
+import form from "./form.ejs";
+export default { form };

package/lib/templates/tailwind/componentModal/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
-exports.default = { form: form_ejs_1.default };
+import form from "./form.ejs";
+export default { form };

package/lib/templates/tailwind/components/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
-exports.default = { form: form_ejs_1.default };
+import form from "./form.ejs";
+export default { form };

package/lib/templates/tailwind/container/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
-exports.default = { form: form_ejs_1.default };
+import form from "./form.ejs";
+export default { form };

package/lib/templates/tailwind/cssClasses.js

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
+export default {
     "border-default": "",
     "formio-tab-panel-active": "active",
     "formio-tab-link-active": "active",

package/lib/templates/tailwind/datagrid/index.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
-var html_ejs_1 = require("./html.ejs");
-exports.default = { form: form_ejs_1.default, html: html_ejs_1.default };
+import form from "./form.ejs";
+import html from "./html.ejs";
+export default { form, html };

package/lib/templates/tailwind/day/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
-exports.default = { form: form_ejs_1.default };
+import form from "./form.ejs";
+export default { form };

package/lib/templates/tailwind/dialog/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
-exports.default = { form: form_ejs_1.default };
+import form from "./form.ejs";
+export default { form };

package/lib/templates/tailwind/editgrid/index.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
-var html_ejs_1 = require("./html.ejs");
-exports.default = { form: form_ejs_1.default, html: html_ejs_1.default };
+import form from "./form.ejs";
+import html from "./html.ejs";
+export default { form, html };

package/lib/templates/tailwind/editgridTable/index.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
-var html_ejs_1 = require("./html.ejs");
-exports.default = { form: form_ejs_1.default, html: html_ejs_1.default };
+import form from "./form.ejs";
+import html from "./html.ejs";
+export default { form, html };

package/lib/templates/tailwind/errorsList/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
-exports.default = { form: form_ejs_1.default };
+import form from "./form.ejs";
+export default { form };

package/lib/templates/tailwind/field/index.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var align_ejs_1 = require("./align.ejs");
-var form_ejs_1 = require("./form.ejs");
-exports.default = { form: form_ejs_1.default, align: align_ejs_1.default };
+import align from "./align.ejs";
+import form from "./form.ejs";
+export default { form, align };

package/lib/templates/tailwind/fieldset/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
-exports.default = { form: form_ejs_1.default };
+import form from "./form.ejs";
+export default { form };

package/lib/templates/tailwind/file/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
-exports.default = { form: form_ejs_1.default };
+import form from "./form.ejs";
+export default { form };

package/lib/templates/tailwind/html/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
-exports.default = { form: form_ejs_1.default };
+import form from "./form.ejs";
+export default { form };

package/lib/templates/tailwind/icon/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
-exports.default = { form: form_ejs_1.default };
+import form from "./form.ejs";
+export default { form };

package/lib/templates/tailwind/iconClass.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ICONS = void 0;
-exports.ICONS = {
+export const ICONS = {
     remove: "bxs-trash",
     "question-sign": "bx-question-mark inline-block border-1 bg-gray-400 border-solid border-gray-400 text-white text-xxs rounded-full mx-2 mt-px",
     "new-window": "bx-windows",
@@ -53,20 +50,20 @@ exports.ICONS = {
     "remove-circle": "bx-x",
     bars: "bx-menu"
 };
-exports.default = (function (iconset, name, spinning) {
+export default (iconset, name, spinning) => {
     if (iconset === "bx") {
-        if (exports.ICONS[name]) {
-            name = exports.ICONS[name];
+        if (ICONS[name]) {
+            name = ICONS[name];
         }
         else {
-            name = iconset + "-" + name;
+            name = `${iconset}-${name}`;
         }
     }
     if (spinning) {
         if (name === "bx-radio-circle") {
-            return iconset + " " + name + " bx-burst";
+            return `${iconset} ${name} bx-burst`;
         }
-        return iconset + " " + name + " bx-spin";
+        return `${iconset} ${name} bx-spin`;
     }
-    return iconset + " " + name;
-});
+    return `${iconset} ${name}`;
+};

package/lib/templates/tailwind/index.js

@@ -1,81 +1,69 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var address_1 = require("./address");
-var alert_1 = require("./alert");
-var builder_1 = require("./builder");
-var builderComponent_1 = require("./builderComponent");
-var builderComponents_1 = require("./builderComponents");
-var builderEditForm_1 = require("./builderEditForm");
-var builderPlaceholder_1 = require("./builderPlaceholder");
-var builderSidebar_1 = require("./builderSidebar");
-var builderSidebarGroup_1 = require("./builderSidebarGroup");
-var builderWizard_1 = require("./builderWizard");
-var button_1 = require("./button");
-var checkbox_1 = require("./checkbox");
-var columns_1 = require("./columns");
-var component_1 = require("./component");
-var componentModal_1 = require("./componentModal");
-var components_1 = require("./components");
-var container_1 = require("./container");
-var cssClasses_1 = require("./cssClasses");
-var datagrid_1 = require("./datagrid");
-var day_1 = require("./day");
-var dialog_1 = require("./dialog");
-var editgrid_1 = require("./editgrid");
-var editgridTable_1 = require("./editgridTable");
-var errorsList_1 = require("./errorsList");
-var field_1 = require("./field");
-var fieldset_1 = require("./fieldset");
-var file_1 = require("./file");
-var html_1 = require("./html");
-var icon_1 = require("./icon");
-var iconClass_1 = require("./iconClass");
-var input_1 = require("./input");
-var label_1 = require("./label");
-var loader_1 = require("./loader");
-var loading_1 = require("./loading");
-var map_1 = require("./map");
-var message_1 = require("./message");
-var modaldialog_1 = require("./modaldialog");
-var modaledit_1 = require("./modaledit");
-var modalPreview_1 = require("./modalPreview");
-var multipleMasksInput_1 = require("./multipleMasksInput");
-var multiValueRow_1 = require("./multiValueRow");
-var multiValueTable_1 = require("./multiValueTable");
-var panel_1 = require("./panel");
-var pdf_1 = require("./pdf");
-var pdfBuilder_1 = require("./pdfBuilder");
-var pdfBuilderUpload_1 = require("./pdfBuilderUpload");
-var radio_1 = require("./radio");
-var resourceAdd_1 = require("./resourceAdd");
-var select_1 = require("./select");
-var selectOption_1 = require("./selectOption");
-var signature_1 = require("./signature");
-var survey_1 = require("./survey");
-var tab_1 = require("./tab");
-var table_1 = require("./table");
-var tableComponents_1 = require("./tableComponents");
-var tree_1 = require("./tree");
-var partials_1 = require("./tree/partials");
-var webform_1 = require("./webform");
-var well_1 = require("./well");
-var wizard_1 = require("./wizard");
-var wizardHeader_1 = require("./wizardHeader");
-var wizardHeaderClassic_1 = require("./wizardHeaderClassic");
-var wizardHeaderVertical_1 = require("./wizardHeaderVertical");
-var wizardNav_1 = require("./wizardNav");
-exports.default = __assign(__assign({ transform: function (type, text) {
+import address from "./address";
+import alert from "./alert";
+import builder from "./builder";
+import builderComponent from "./builderComponent";
+import builderComponents from "./builderComponents";
+import builderEditForm from "./builderEditForm";
+import builderPlaceholder from "./builderPlaceholder";
+import builderSidebar from "./builderSidebar";
+import builderSidebarGroup from "./builderSidebarGroup";
+import builderWizard from "./builderWizard";
+import button from "./button";
+import checkbox from "./checkbox";
+import columns from "./columns";
+import component from "./component";
+import componentModal from "./componentModal";
+import components from "./components";
+import container from "./container";
+import cssClasses from "./cssClasses";
+import datagrid from "./datagrid";
+import day from "./day";
+import dialog from "./dialog";
+import editgrid from "./editgrid";
+import editgridTable from "./editgridTable";
+import errorsList from "./errorsList";
+import field from "./field";
+import fieldset from "./fieldset";
+import file from "./file";
+import html from "./html";
+import icon from "./icon";
+import iconClass from "./iconClass";
+import input from "./input";
+import label from "./label";
+import loader from "./loader";
+import loading from "./loading";
+import map from "./map";
+import message from "./message";
+import modaldialog from "./modaldialog";
+import modaledit from "./modaledit";
+import modalPreview from "./modalPreview";
+import multipleMasksInput from "./multipleMasksInput";
+import multiValueRow from "./multiValueRow";
+import multiValueTable from "./multiValueTable";
+import panel from "./panel";
+import pdf from "./pdf";
+import pdfBuilder from "./pdfBuilder";
+import pdfBuilderUpload from "./pdfBuilderUpload";
+import radio from "./radio";
+import resourceAdd from "./resourceAdd";
+import select from "./select";
+import selectOption from "./selectOption";
+import signature from "./signature";
+import survey from "./survey";
+import tab from "./tab";
+import table from "./table";
+import tableComponents from "./tableComponents";
+import tree from "./tree";
+import treePartials from "./tree/partials";
+import webform from "./webform";
+import well from "./well";
+import wizard from "./wizard";
+import wizardHeader from "./wizardHeader";
+import wizardHeaderClassic from "./wizardHeaderClassic";
+import wizardHeaderVertical from "./wizardHeaderVertical";
+import wizardNav from "./wizardNav";
+export default {
+    transform(type, text) {
         if (!text) {
             return text;
         }
@@ -85,65 +73,70 @@ exports.default = __assign(__assign({ transform: function (type, text) {
                 return this.cssClasses.hasOwnProperty(text.toString()) ? this.cssClasses[text.toString()] : text;
         }
         return text;
-    }, defaultIconset: "bx", iconClass: iconClass_1.default,
-    cssClasses: cssClasses_1.default,
-    address: address_1.default,
-    builder: builder_1.default,
-    builderComponent: builderComponent_1.default,
-    builderComponents: builderComponents_1.default,
-    builderEditForm: builderEditForm_1.default,
-    builderPlaceholder: builderPlaceholder_1.default,
-    builderSidebar: builderSidebar_1.default,
-    builderSidebarGroup: builderSidebarGroup_1.default,
-    builderWizard: builderWizard_1.default,
-    button: button_1.default,
-    checkbox: checkbox_1.default,
-    columns: columns_1.default,
-    component: component_1.default,
-    componentModal: componentModal_1.default,
-    components: components_1.default,
-    tableComponents: tableComponents_1.default,
-    container: container_1.default,
-    datagrid: datagrid_1.default,
-    day: day_1.default,
-    dialog: dialog_1.default,
-    editgrid: editgrid_1.default,
-    editgridTable: editgridTable_1.default,
-    field: field_1.default,
-    fieldset: fieldset_1.default,
-    file: file_1.default,
-    html: html_1.default,
-    icon: icon_1.default,
-    input: input_1.default,
-    label: label_1.default,
-    loader: loader_1.default,
-    loading: loading_1.default,
-    map: map_1.default,
-    message: message_1.default,
-    modaledit: modaledit_1.default,
-    modaldialog: modaldialog_1.default,
-    modalPreview: modalPreview_1.default,
-    multipleMasksInput: multipleMasksInput_1.default,
-    multiValueRow: multiValueRow_1.default,
-    multiValueTable: multiValueTable_1.default,
-    panel: panel_1.default,
-    pdf: pdf_1.default,
-    pdfBuilder: pdfBuilder_1.default,
-    pdfBuilderUpload: pdfBuilderUpload_1.default,
-    radio: radio_1.default,
-    resourceAdd: resourceAdd_1.default,
-    select: select_1.default,
-    selectOption: selectOption_1.default,
-    signature: signature_1.default,
-    survey: survey_1.default,
-    tab: tab_1.default,
-    table: table_1.default,
-    tree: tree_1.default }, partials_1.default), { webform: webform_1.default,
-    well: well_1.default,
-    wizard: wizard_1.default,
-    wizardHeader: wizardHeader_1.default,
-    wizardHeaderClassic: wizardHeaderClassic_1.default,
-    wizardHeaderVertical: wizardHeaderVertical_1.default,
-    wizardNav: wizardNav_1.default,
-    errorsList: errorsList_1.default,
-    alert: alert_1.default });
+    },
+    defaultIconset: "bx",
+    iconClass,
+    cssClasses,
+    address,
+    builder,
+    builderComponent,
+    builderComponents,
+    builderEditForm,
+    builderPlaceholder,
+    builderSidebar,
+    builderSidebarGroup,
+    builderWizard,
+    button,
+    checkbox,
+    columns,
+    component,
+    componentModal,
+    components,
+    tableComponents,
+    container,
+    datagrid,
+    day,
+    dialog,
+    editgrid,
+    editgridTable,
+    field,
+    fieldset,
+    file,
+    html,
+    icon,
+    input,
+    label,
+    loader,
+    loading,
+    map,
+    message,
+    modaledit,
+    modaldialog,
+    modalPreview,
+    multipleMasksInput,
+    multiValueRow,
+    multiValueTable,
+    panel,
+    pdf,
+    pdfBuilder,
+    pdfBuilderUpload,
+    radio,
+    resourceAdd,
+    select,
+    selectOption,
+    signature,
+    survey,
+    tab,
+    table,
+    tree,
+    ...treePartials,
+    webform,
+    well,
+    wizard,
+    wizardHeader,
+    wizardHeaderClassic,
+    wizardHeaderVertical,
+    wizardNav,
+    errorsList,
+    alert
+};