@tsed/react-formio 3.0.0-alpha.8 → 3.0.0-rc.1

package/src/organisms/form/action/FormAction.stories.tsx

@@ -1,364 +0,0 @@
-import { FormAction } from "./FormAction";
-
-/**
- *
- * ```tsx
- * import {FormAction} from "@tsed/react-formio/organisms/form/action/FormAction";
- * ```
- */
-export default {
-  title: "form/action/FormAction",
-  component: FormAction,
-  argTypes: {
-    onSubmit: { action: "onSubmit" },
-
-    type: {
-      control: "object"
-    },
-    form: {
-      control: "object"
-    },
-    options: {
-      control: "object"
-    }
-  },
-  parameters: {
-    docs: {
-      source: {
-        type: "code"
-      }
-    }
-  }
-};
-
-export const Sandbox = (args: any) => {
-  return <FormAction {...args} />;
-};
-
-Sandbox.args = {
-  actionInfo: {
-    name: "save",
-    title: "Save Submission",
-    description: "Saves the submission into the database.",
-    priority: 10,
-    defaults: {
-      handler: ["before"],
-      method: ["create", "update"],
-      priority: 10,
-      name: "save",
-      title: "Save Submission"
-    },
-    access: {
-      handler: false,
-      method: false
-    },
-    settingsForm: {
-      components: [
-        {
-          type: "hidden",
-          input: true,
-          key: "priority"
-        },
-        {
-          type: "hidden",
-          input: true,
-          key: "name"
-        },
-        {
-          type: "textfield",
-          input: true,
-          label: "Title",
-          key: "title"
-        },
-        {
-          type: "fieldset",
-          input: false,
-          tree: true,
-          legend: "Action Settings",
-          components: [
-            {
-              input: false,
-              type: "container",
-              key: "settings",
-              components: [
-                {
-                  type: "resourcefields",
-                  key: "resource",
-                  title: "Save submission to",
-                  placeholder: "This form",
-                  basePath: "/project/5d0797bc872fc7d140559857/form",
-                  form: "62b18b10fbbba513555c6c5e",
-                  required: false
-                }
-              ]
-            }
-          ]
-        },
-        {
-          type: "fieldset",
-          input: false,
-          tree: false,
-          key: "conditions",
-          legend: "Action Execution",
-          components: [
-            {
-              type: "select",
-              input: true,
-              key: "handler",
-              label: "Handler",
-              placeholder: "Select which handler(s) you would like to trigger",
-              dataSrc: "json",
-              data: {
-                json: '[{"name":"before","title":"Before"},{"name":"after","title":"After"}]'
-              },
-              template: "<span>{{ item.title }}</span>",
-              valueProperty: "name",
-              multiple: true
-            },
-            {
-              type: "select",
-              input: true,
-              label: "Methods",
-              key: "method",
-              placeholder: "Trigger action on method(s)",
-              dataSrc: "json",
-              data: {
-                json: '[{"name":"create","title":"Create"},{"name":"update","title":"Update"},{"name":"read","title":"Read"},{"name":"delete","title":"Delete"},{"name":"index","title":"Index"}]'
-              },
-              template: "<span>{{ item.title }}</span>",
-              valueProperty: "name",
-              multiple: true
-            }
-          ]
-        },
-        {
-          key: "fieldset",
-          type: "fieldset",
-          input: false,
-          tree: false,
-          legend: "Action Conditions (optional)",
-          components: [
-            {
-              type: "container",
-              key: "condition",
-              input: false,
-              tree: true,
-              components: [
-                {
-                  key: "columns",
-                  type: "columns",
-                  input: false,
-                  columns: [
-                    {
-                      components: [
-                        {
-                          type: "select",
-                          input: true,
-                          label: "Trigger this action only if field",
-                          key: "field",
-                          placeholder: "Select the conditional field",
-                          template: "<span>{{ item.label || item.key }}</span>",
-                          dataSrc: "json",
-                          data: {
-                            json: '[{"key":""},{"label":"Rules","reorder":false,"addAnotherPosition":"bottom","layoutFixed":false,"enableRowGroups":false,"initEmpty":false,"tableView":false,"defaultValue":[{"path":{},"operator":""}],"key":"rules","type":"datagrid","input":true,"components":[{"label":"Path","widget":"choicesjs","tableView":true,"dataSrc":"url","data":{"url":"/test","headers":[{"key":"","value":""}]},"key":"path","type":"select","input":true,"disableLimit":false},{"label":"Operator","widget":"choicesjs","tableView":true,"data":{"values":[{"label":"default","value":"default"},{"label":"Contains","value":"CONTAINS"}]},"key":"operator","type":"select","input":true},{"customClass":"mt-0 mb-0","key":"fieldset","type":"fieldset","label":"Field Set","input":false,"tableView":false,"components":[{"label":"Value","tableView":true,"key":"value1","customConditional":"show = row.operator === \'CONTAINS\'","type":"textfield","input":true}]},{"label":"Hello","tableView":true,"key":"textField","customConditional":"show = row.operator === \'CONTAINS\'","type":"textfield","input":true}]},{"label":"Path","widget":"choicesjs","tableView":true,"dataSrc":"url","data":{"url":"/test","headers":[{"key":"","value":""}]},"key":"path","type":"select","input":true,"disableLimit":false},{"label":"Operator","widget":"choicesjs","tableView":true,"data":{"values":[{"label":"default","value":"default"},{"label":"Contains","value":"CONTAINS"}]},"key":"operator","type":"select","input":true},{"label":"Value","tableView":true,"key":"value1","customConditional":"show = row.operator === \'CONTAINS\'","type":"textfield","input":true},{"label":"Hello","tableView":true,"key":"textField","customConditional":"show = row.operator === \'CONTAINS\'","type":"textfield","input":true},{"type":"button","label":"Submit","key":"submit","disableOnInvalid":true,"input":true,"tableView":false}]'
-                          },
-                          valueProperty: "key",
-                          multiple: false
-                        },
-                        {
-                          type: "select",
-                          input: true,
-                          label: "",
-                          key: "eq",
-                          placeholder: "Select comparison",
-                          template: "<span>{{ item.label }}</span>",
-                          dataSrc: "values",
-                          data: {
-                            values: [
-                              {
-                                value: "",
-                                label: ""
-                              },
-                              {
-                                value: "equals",
-                                label: "Equals"
-                              },
-                              {
-                                value: "notEqual",
-                                label: "Does Not Equal"
-                              }
-                            ],
-                            json: "",
-                            url: "",
-                            resource: ""
-                          },
-                          valueProperty: "value",
-                          multiple: false
-                        },
-                        {
-                          input: true,
-                          type: "textfield",
-                          inputType: "text",
-                          label: "",
-                          key: "value",
-                          placeholder: "Enter value",
-                          multiple: false
-                        }
-                      ]
-                    },
-                    {
-                      components: [
-                        {
-                          key: "well2",
-                          type: "well",
-                          input: false,
-                          components: [
-                            {
-                              key: "html",
-                              type: "htmlelement",
-                              tag: "h4",
-                              input: false,
-                              content:
-                                'Or you can provide your own custom JavaScript or <a href="http://jsonlogic.com" target="_blank">JSON</a> condition logic here',
-                              className: ""
-                            },
-                            {
-                              label: "",
-                              type: "textarea",
-                              input: true,
-                              key: "custom",
-                              editorComponents: [
-                                {
-                                  label: "Rules",
-                                  reorder: false,
-                                  addAnotherPosition: "bottom",
-                                  layoutFixed: false,
-                                  enableRowGroups: false,
-                                  initEmpty: false,
-                                  tableView: false,
-                                  defaultValue: [
-                                    {
-                                      path: {},
-                                      operator: ""
-                                    }
-                                  ],
-                                  key: "rules",
-                                  type: "datagrid",
-                                  input: true,
-                                  components: [
-                                    {
-                                      label: "Path",
-                                      widget: "choicesjs",
-                                      tableView: true,
-                                      dataSrc: "url",
-                                      data: {
-                                        url: "/test",
-                                        headers: [
-                                          {
-                                            key: "",
-                                            value: ""
-                                          }
-                                        ]
-                                      },
-                                      key: "path",
-                                      type: "select",
-                                      input: true,
-                                      disableLimit: false
-                                    },
-                                    {
-                                      label: "Operator",
-                                      widget: "choicesjs",
-                                      tableView: true,
-                                      data: {
-                                        values: [
-                                          {
-                                            label: "default",
-                                            value: "default"
-                                          },
-                                          {
-                                            label: "Contains",
-                                            value: "CONTAINS"
-                                          }
-                                        ]
-                                      },
-                                      key: "operator",
-                                      type: "select",
-                                      input: true
-                                    },
-                                    {
-                                      customClass: "mt-0 mb-0",
-                                      key: "fieldset",
-                                      type: "fieldset",
-                                      label: "Field Set",
-                                      input: false,
-                                      tableView: false,
-                                      components: [
-                                        {
-                                          label: "Value",
-                                          tableView: true,
-                                          key: "value1",
-                                          customConditional: "show = row.operator === 'CONTAINS'",
-                                          type: "textfield",
-                                          input: true
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      label: "Hello",
-                                      tableView: true,
-                                      key: "textField",
-                                      customConditional: "show = row.operator === 'CONTAINS'",
-                                      type: "textfield",
-                                      input: true
-                                    }
-                                  ]
-                                },
-                                {
-                                  type: "button",
-                                  label: "Submit",
-                                  key: "submit",
-                                  disableOnInvalid: true,
-                                  input: true,
-                                  tableView: false
-                                }
-                              ],
-                              placeholder:
-                                '// Example: Only execute if submitted roles has \'authenticated\'.\nJavaScript: execute = (data.roles.indexOf(\'authenticated\') !== -1);\nJSON: { "in": [ "authenticated", { "var": "data.roles" } ] }'
-                            }
-                          ]
-                        }
-                      ]
-                    }
-                  ]
-                }
-              ]
-            }
-          ]
-        },
-        {
-          key: "html2",
-          type: "htmlelement",
-          tag: "hr",
-          input: false,
-          content: "",
-          className: ""
-        },
-        {
-          type: "button",
-          input: true,
-          label: "Save Action",
-          key: "submit",
-          size: "md",
-          leftIcon: "",
-          rightIcon: "",
-          block: false,
-          action: "submit",
-          disableOnInvalid: true,
-          theme: "primary"
-        }
-      ],
-      action: "/project/5d0797bc872fc7d140559857/form/62b18b10fbbba513555c6c5e/action"
-    }
-  },
-  options: { template: "tailwind", iconset: "bx" }
-};

package/src/organisms/table/forms/components/FormCell.tsx

@@ -1,47 +0,0 @@
-import classnames from "classnames";
-import moment from "moment";
-import { CellProps } from "react-table";
-
-import type { FormType } from "../../../../interfaces";
-import { iconClass } from "../../../../utils/iconClass";
-import { stopPropagationWrapper } from "../../../../utils/stopPropagationWrapper";
-
-export function FormsCell(props: CellProps<FormType> & { icon: string; i18n: (f: string) => string }) {
-  const {
-    icon = "server",
-    row: { original: form }
-  } = props;
-
-  return (
-    <div className={"p-1"}>
-      <h4 className={"text-primary text-lg flex items-center"}>
-        <i className={classnames(iconClass(undefined, icon), "mr-1")} />
-        {form.title}
-      </h4>
-
-      <ul className='reset-list text-gray-500'>
-        <li className={"text-sm"}>Name: {form.name || form.machineName}</li>
-        <li className='mt-5'>
-          <span className='badge bg-light mr-1'>
-            <i className={classnames(iconClass(undefined, "history"), "mr-1")} />
-            <span>Updated {moment(form.modified).fromNow()}</span>
-          </span>
-
-          {(form.tags || []).map((tag, index) => (
-            <button
-              key={index}
-              className='badge badge-hover bg-secondary mr-1'
-              onClick={stopPropagationWrapper(() => {
-                props.setFilter("tags", tag);
-                props.gotoPage(0);
-              })}
-            >
-              <i className={classnames(iconClass(undefined, "tags"), "mr-1")} />
-              {tag}
-            </button>
-          ))}
-        </li>
-      </ul>
-    </div>
-  );
-}

package/src/typings.d.ts

@@ -1,3 +0,0 @@
-declare module "formiojs/*" {
-  export = {} as any;
-}

package/tsconfig.app.json

@@ -1,11 +0,0 @@
-{
-  "extends": "@tsed/typescript/tsconfig.web.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "noEmit": true,
-    "declaration": false,
-    "composite": false
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx"],
-  "exclude": ["node_modules", "dist", "src/**/*.spec.ts", "src/**/*.spec.tsx"]
-}

package/tsconfig.json

@@ -1,21 +0,0 @@
-{
-  "extends": "@tsed/typescript/tsconfig.web.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "composite": true,
-    "noEmit": true
-  },
-  "include": [],
-  "exclude": [],
-  "references": [
-    {
-      "path": "./tsconfig.app.json"
-    },
-    {
-      "path": "./tsconfig.node.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    }
-  ]
-}

package/tsconfig.node.json

@@ -1,13 +0,0 @@
-{
-  "extends": "@tsed/typescript/tsconfig.web.json",
-  "compilerOptions": {
-    "module": "NodeNext",
-    "moduleResolution": "NodeNext",
-    "baseUrl": ".",
-    "noEmit": true,
-    "declaration": false,
-    "composite": false
-  },
-  "include": ["vite.config.mts"],
-  "exclude": ["node_modules", "dist", "src/**/*.spec.ts", "src/**/*.spec.tsx"]
-}

package/tsconfig.spec.json

@@ -1,14 +0,0 @@
-{
-  "extends": "@tsed/typescript/tsconfig.web.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "rootDir": ".",
-    "declaration": false,
-    "composite": false,
-    "noEmit": true,
-    "paths": {},
-    "types": ["vite/client", "vitest/globals", "@testing-library/jest-dom"]
-  },
-  "include": ["src/**/*.spec.tsx", "src/**/*.spec.ts", "vitest.config.mts"],
-  "exclude": ["node_modules", "dist", "coverage"]
-}