@tsed/react-formio 2.3.6 → 3.0.0-alpha.10

package/src/components/table/table.stories.tsx

@@ -1,120 +0,0 @@
-import React from "react";
-
-import { mapPagination } from "../../utils/mapPagination";
-import formSchema from "../__fixtures__/form-schema.json";
-import formSubmissions from "../__fixtures__/form-submissions.json";
-import { Table } from "./table.component";
-import { mapFormToColumns } from "./utils/mapFormToColumns";
-
-export default {
-  title: "ReactFormio/Table",
-  component: Table,
-  argTypes: {},
-  parameters: {}
-};
-
-export const Sandbox = (args: any) => {
-  const [skip, setSkip] = React.useState(0);
-  const [limit, setLimit] = React.useState(10);
-  const [serverCount] = React.useState(87);
-
-  const onChange = (obj: any) => {
-    setLimit(obj.pageSize);
-    setSkip(obj.pageIndex * obj.pageSize);
-    args.onChange && args.onChange(obj);
-  };
-
-  return (
-    <Table
-      {...args}
-      onChange={onChange}
-      {...mapPagination({
-        skip,
-        limit,
-        serverCount
-      })}
-    />
-  );
-};
-
-Sandbox.args = {
-  data: formSubmissions,
-  columns: mapFormToColumns(formSchema as any),
-  operations: [
-    {
-      title: "Edit",
-      action: "edit",
-      alias: "row",
-      path: "/resources/:resourceId/submissions/:submissionId",
-      icon: "edit",
-      permissionsResolver() {
-        return true;
-      }
-    },
-    {
-      action: "delete",
-      path: "/resources/:resourceId/submissions/:submissionId/delete",
-      icon: "trash",
-      buttonType: "danger",
-      permissionsResolver() {
-        return true;
-      }
-    }
-  ]
-};
-
-export const TableWithDragNDrop = (args: any) => {
-  const [skip, setSkip] = React.useState(0);
-  const [limit, setLimit] = React.useState(10);
-  const [serverCount] = React.useState(87);
-  const [data, setData] = React.useState(() => formSubmissions);
-
-  const onChange = (obj: any) => {
-    setLimit(obj.pageSize);
-    setSkip(obj.pageIndex * obj.pageSize);
-    args.onChange && args.onChange(obj);
-  };
-
-  return (
-    <Table
-      {...args}
-      data={data}
-      onChange={onChange}
-      {...mapPagination({
-        skip,
-        limit,
-        serverCount
-      })}
-      onDrag={(data) => {
-        setData(data);
-      }}
-    />
-  );
-};
-
-TableWithDragNDrop.args = {
-  enableDragNDrop: true,
-  data: [],
-  columns: mapFormToColumns(formSchema as any),
-  operations: [
-    {
-      title: "Edit",
-      action: "edit",
-      alias: "row",
-      path: "/resources/:resourceId/submissions/:submissionId",
-      icon: "edit",
-      permissionsResolver() {
-        return true;
-      }
-    },
-    {
-      action: "delete",
-      path: "/resources/:resourceId/submissions/:submissionId/delete",
-      icon: "trash",
-      buttonType: "danger",
-      permissionsResolver() {
-        return true;
-      }
-    }
-  ]
-};

package/src/components/table/utils/mapFormToColumns.tsx

@@ -1,34 +0,0 @@
-import { Components, ExtendedComponentSchema } from "formiojs";
-import FormioUtils from "formiojs/utils";
-import React from "react";
-
-import { FormSchema } from "../../../interfaces";
-import { DefaultCell } from "../components/defaultCell.component";
-import { SelectColumnFilter } from "../filters/selectColumnFilter.component";
-import { ExtendedColumn } from "../hooks/useCustomTable.hook";
-
-export function mapFormToColumns(form: FormSchema): ExtendedColumn[] {
-  const columns: ExtendedColumn[] = [];
-
-  FormioUtils.eachComponent(form.components, (component: ExtendedComponentSchema) => {
-    if (component.tableView && component.key) {
-      const cmp: any = Components.create(component, {}, null, true);
-
-      const column: ExtendedColumn = {
-        Header: component.label || component.title || component.key,
-        accessor: `data.${component.key}`,
-        className: "text-center",
-        Cell: (props: any) => <DefaultCell {...props} render={(value: any) => cmp.asString(value)} />
-      };
-
-      if (component.type === "select" && component.dataSrc === "values") {
-        column.Filter = SelectColumnFilter;
-        (column as any).choices = component.data.values;
-      }
-
-      columns.push(column);
-    }
-  });
-
-  return columns;
-}

package/src/components/table/utils/swapElements.spec.ts

@@ -1,7 +0,0 @@
-import { swapElements } from "./swapElements";
-
-describe("swapElements", () => {
-  it("should swap elements in array", () => {
-    expect(swapElements([1, 2, 3, 4, 5], 1, 3)).toEqual([1, 4, 3, 2, 5]);
-  });
-});

package/src/components/table/utils/swapElements.ts

@@ -1,7 +0,0 @@
-export const swapElements = <T = any>(myArray: T[], index1: number, index2: number): T[] => {
-  myArray = [...myArray];
-
-  [myArray[index1], myArray[index2]] = [myArray[index2], myArray[index1]];
-
-  return myArray;
-};

package/src/components/tabs/tabs.component.stories.tsx

@@ -1,127 +0,0 @@
-import React, { useState } from "react";
-
-import { Tabs } from "./tabs.component";
-
-const useTabs = (args: any) => {
-  const [current, onClick] = useState(args.value);
-
-  return {
-    ...args,
-    current,
-    onClick
-  };
-};
-
-export default {
-  title: "ReactFormio/Tabs",
-  component: Tabs,
-  argTypes: {},
-  parameters: {}
-};
-
-export const Sandbox = (args: any) => {
-  const tabs = useTabs(args);
-
-  return (
-    <div className={"border-gray-300 border-1 shadow"}>
-      <Tabs {...tabs} i18n={(f) => f}>
-        <div className={"p-5"}>{tabs?.current?.action}</div>
-      </Tabs>
-    </div>
-  );
-};
-
-Sandbox.args = {
-  items: [
-    {
-      action: "back",
-      exact: true,
-      icon: "chevron-left",
-      back: true
-    },
-    {
-      action: "edit",
-      exact: true,
-      icon: "edit",
-      label: "Edit"
-    },
-    {
-      action: "submissions",
-      exact: false,
-      icon: "data",
-      label: "Data"
-    },
-    {
-      action: "preview",
-      exact: true,
-      icon: "test-tube",
-      label: "Preview"
-    },
-    {
-      action: "actions",
-      exact: false,
-      icon: "paper-plane",
-      label: "Actions"
-    },
-    {
-      action: "access",
-      exact: true,
-      icon: "lock",
-      label: "Access"
-    },
-    {
-      action: "export",
-      exact: true,
-      icon: "download",
-      label: "Export"
-    },
-    {
-      action: "delete",
-      exact: true,
-      icon: "trash",
-      label: "Delete",
-      roles: ["administrator", "owner"]
-    }
-  ]
-};
-
-function AddButton({ onCreate }: any) {
-  return (
-    <div>
-      <button onClick={onCreate}>+</button>
-    </div>
-  );
-}
-
-function HeaderChildren() {
-  return <div className={"px-3 bg-gray-100 border-b-1 border-gray-light"}>test</div>;
-}
-
-export const WithCloseable = (args: any) => {
-  args.value = args.value === undefined ? 0 : args.value;
-  const tabs = useTabs(args);
-
-  return (
-    <div className={"border-gray-300 border-1 shadow"}>
-      <Tabs {...tabs} i18n={(f) => f} AddButton={AddButton} HeaderChildren={HeaderChildren}>
-        <div className={"p-5"}>{tabs?.current?.action}</div>
-      </Tabs>
-    </div>
-  );
-};
-
-WithCloseable.args = {
-  reverse: true,
-  items: [
-    {
-      exact: true,
-      action: 0,
-      label: "Test (0)"
-    },
-    {
-      exact: true,
-      action: 1,
-      label: "Test (1)"
-    }
-  ]
-};

package/src/interfaces/ActionSchema.ts

@@ -1,26 +0,0 @@
-import { FormSchema } from "./FormSchema";
-
-export interface ActionDefaultsSchema {
-  handler: string[];
-  method: string[];
-  priority: number;
-  name: string;
-  title: string;
-}
-
-export interface ActionInfoSchema extends Record<string, unknown> {
-  name: string;
-  title: string;
-  description: string;
-  priority: number;
-  defaults: ActionDefaultsSchema;
-}
-
-export interface ActionSchema extends ActionInfoSchema {
-  _id?: string;
-  settingsForm: Partial<FormSchema>;
-  access?: {
-    handler: boolean;
-    method: boolean;
-  };
-}

package/src/interfaces/Submission.ts

@@ -1,5 +0,0 @@
-export interface Submission<T = any> extends Record<string, unknown> {
-  _id?: string;
-  data: T;
-  metadata?: any;
-}

package/src/setupTests.tsx

@@ -1,5 +0,0 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import "@testing-library/jest-dom";

package/src/utils/callLast.ts

@@ -1,12 +0,0 @@
-export function callLast(fn: Function, time: number) {
-  let last: any = null;
-
-  return (...args: any[]) => {
-    if (last) {
-      clearTimeout(last);
-      last = null;
-    }
-
-    last = setTimeout(() => fn(...args), time);
-  };
-}