@tsed/tailwind-formio 2.0.2 → 2.0.3

package/lib/templates/tailwind/input/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/label/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/loader/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/loading/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/map/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/message/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/modalPreview/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/modaldialog/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/modaledit/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/multiValueRow/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/multiValueTable/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/multipleMasksInput/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/panel/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/pdf/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/pdfBuilder/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/pdfBuilderUpload/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/radio/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/resourceAdd/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/select/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/selectOption/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/signature/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/survey/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/tab/index.js

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

package/lib/templates/tailwind/table/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/tableComponents/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/tree/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/tree/partials/index.js

@@ -1,12 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var edit_ejs_1 = require("./edit.ejs");
-var view_ejs_1 = require("./view.ejs");
-exports.default = {
+import edit from "./edit.ejs";
+import view from "./view.ejs";
+export default {
     treeView: {
-        form: view_ejs_1.default
+        form: view
     },
     treeEdit: {
-        form: edit_ejs_1.default
+        form: edit
     }
 };

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

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

package/lib/templates/tailwind/well/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/wizard/index.js

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

package/lib/templates/tailwind/wizardHeader/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/wizardHeaderClassic/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/wizardHeaderVertical/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/wizardNav/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsed/tailwind-formio",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "Tailwind templates for form.io forms.",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -11,10 +11,12 @@
     "build:storybook": "build-storybook -c ../tailwind-formio/.storybook -o .out",
     "serve": "serve .out",
     "watch": "nodemon --watch ./src --ext ts,js,ejs --exec \"yarn build\"",
+    "build:tsc": "tsc --noEmit false",
+    "build:templates": "gulp templates",
     "build": "tsc --noEmit false && gulp templates && yarn webpack"
   },
   "devDependencies": {
-    "@babel/core": "^7.10.2",
+    "@babel/core": "^7.18.9",
     "@sambego/storybook-state": "2.0.1",
     "@storybook/addon-actions": "6.5.16",
     "@storybook/addon-docs": "6.5.16",
@@ -23,12 +25,14 @@
     "@storybook/addon-postcss": "^2.0.0",
     "@storybook/addon-viewport": "6.5.16",
     "@storybook/addons": "6.5.16",
+    "@storybook/builder-vite": "0.4.2",
     "@storybook/react": "6.5.16",
     "@svgr/webpack": "6.5.1",
-    "@tsed/config": "2.0.2",
-    "@tsed/tailwind": "2.0.2",
+    "@tsed/config": "2.0.3",
+    "@tsed/tailwind": "2.0.3",
     "@tsed/yarn-workspaces": "1.19.3",
-    "babel-loader": "8.2.2",
+    "@vitejs/plugin-react": "4.0.0",
+    "babel-loader": "^8.2.5",
     "cross-env": "7.0.3",
     "gulp": "^4.0.2",
     "gulp-insert": "^0.5.0",
@@ -38,6 +42,8 @@
     "react-svg": "10.0.23",
     "serve": "^13.0.4",
     "url-loader": "4.1.1",
+    "vite": "^4.3.5",
+    "vite-plugin-svgr": "^2.4.0",
     "webpack": "4.44.2",
     "webpack-cli": "4.9.2"
   },

package/styles/checkbox.css

@@ -11,7 +11,7 @@
   @apply appearance-none p-0 inline-block align-middle flex-shrink-0 bg-white border-1;
   @apply rounded border-gray-300 text-primary-600 shadow-sm;
   @apply mr-2;
-  color-adjust: exact;
+  print-color-adjust: exact;
   background-origin: border-box;
   user-select: none;
   height: theme('spacing.4');
@@ -54,4 +54,4 @@
   &:disabled ~ span {
     @apply text-gray-600;
   }
-}
+}

package/styles/form.css

@@ -103,7 +103,7 @@ textarea.form-control::placeholder {
 
 select.form-control {
   @apply bg-no-repeat pr-10;
-  color-adjust: exact;
+  print-color-adjust: exact;
   background-size: 1.5em 1.5em;
   background-position: right theme('spacing.2') center;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");

package/tsconfig.json

@@ -1,25 +1,14 @@
 {
+  "extends": "@tsed/config/tsconfig.web.json",
   "compilerOptions": {
-    "target": "es5",
-    "module": "commonjs",
-    "preserveConstEnums": true,
     "outDir": "lib",
-    "noImplicitAny": true,
-    "sourceMap": false,
-    "declaration": true,
     "rootDir": "src",
-    "allowJs": true,
-    "noEmit": true,
-    "lib": ["dom", "esnext"],
-    "noImplicitReturns": true,
-    "noImplicitThis": true,
-    "strictNullChecks": false,
-    "noUnusedLocals": true,
-    "noUnusedParameters": false,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true
+    "allowJs": true
   },
-  "include": ["src/*.ts", "src/*.ejs", "src/**/*.ts", "src/**/*.ejs"],
-  "exclude": ["node_modules", "**/*.spec.ts"]
+  "include": ["src"],
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    }
+  ]
 }

package/tsconfig.node.json

@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "esnext",
+    "moduleResolution": "node"
+  },
+  "include": []
+}

package/lib/index.d.ts

@@ -1,221 +0,0 @@
-declare const _default: {
-    framework: string;
-    templates: {
-        tailwind: {
-            webform: {
-                form: string;
-                builder: string;
-            };
-            well: {
-                form: string;
-            };
-            wizard: {
-                form: string;
-                builder: string;
-            };
-            wizardHeader: {
-                form: string;
-            };
-            wizardHeaderClassic: {
-                form: string;
-            };
-            wizardHeaderVertical: {
-                form: string;
-            };
-            wizardNav: {
-                form: string;
-            };
-            errorsList: {
-                form: string;
-            };
-            alert: {
-                form: string;
-            };
-            treeView: {
-                form: string;
-            };
-            treeEdit: {
-                form: string;
-            };
-            transform(type: string, text: string): any;
-            defaultIconset: string;
-            iconClass: (iconset: string, name: string, spinning?: boolean) => string;
-            cssClasses: {
-                "border-default": string;
-                "formio-tab-panel-active": string;
-                "formio-tab-link-active": string;
-                "formio-tab-link-container-active": string;
-            };
-            address: {
-                form: string;
-            };
-            builder: {
-                form: string;
-            };
-            builderComponent: {
-                form: string;
-            };
-            builderComponents: {
-                form: string;
-            };
-            builderEditForm: {
-                form: string;
-            };
-            builderPlaceholder: {
-                form: string;
-            };
-            builderSidebar: {
-                form: string;
-            };
-            builderSidebarGroup: {
-                form: string;
-            };
-            builderWizard: {
-                form: string;
-            };
-            button: {
-                form: string;
-                html: string;
-            };
-            checkbox: {
-                form: string;
-                html: string;
-            };
-            columns: {
-                form: string;
-            };
-            component: {
-                form: string;
-            };
-            componentModal: {
-                form: string;
-            };
-            components: {
-                form: string;
-            };
-            tableComponents: {
-                form: string;
-            };
-            container: {
-                form: string;
-            };
-            datagrid: {
-                form: string;
-                html: string;
-            };
-            day: {
-                form: string;
-            };
-            dialog: {
-                form: string;
-            };
-            editgrid: {
-                form: string;
-                html: string;
-            };
-            editgridTable: {
-                form: string;
-                html: string;
-            };
-            field: {
-                form: string;
-                align: string;
-            };
-            fieldset: {
-                form: string;
-            };
-            file: {
-                form: string;
-            };
-            html: {
-                form: string;
-            };
-            icon: {
-                form: string;
-            };
-            input: {
-                form: string;
-                html: string;
-            };
-            label: {
-                form: string;
-            };
-            loader: {
-                form: string;
-            };
-            loading: {
-                form: string;
-            };
-            map: {
-                form: string;
-            };
-            message: {
-                form: string;
-            };
-            modaledit: {
-                form: string;
-            };
-            modaldialog: {
-                form: string;
-            };
-            modalPreview: {
-                form: string;
-            };
-            multipleMasksInput: {
-                form: string;
-            };
-            multiValueRow: {
-                form: string;
-            };
-            multiValueTable: {
-                form: string;
-            };
-            panel: {
-                form: string;
-            };
-            pdf: {
-                form: string;
-            };
-            pdfBuilder: {
-                form: string;
-            };
-            pdfBuilderUpload: {
-                form: string;
-            };
-            radio: {
-                form: string;
-                html: string;
-            };
-            resourceAdd: {
-                form: string;
-            };
-            select: {
-                form: string;
-                html: string;
-            };
-            selectOption: {
-                form: string;
-                html: string;
-            };
-            signature: {
-                form: string;
-                html: string;
-            };
-            survey: {
-                form: string;
-                html: string;
-            };
-            tab: {
-                flat: string;
-                form: string;
-            };
-            table: {
-                form: string;
-            };
-            tree: {
-                form: string;
-            };
-        };
-    };
-};
-export default _default;