import React from 'react';
import { Settings } from '@paljs/admin/Settings';import '@paljs/admin/style.css';

export default function SettingsPage() {
  // Settings component not have any props  return <Settings />;
}

import React from 'react';
import { useRouter } from 'next/router';
import { PrismaTable } from '@paljs/admin/PrismaTable';
const Table: React.FC<{ model: string }> = ({ model }) => {
  const router = useRouter();
  return <PrismaTable model={model} push={router.push} query={router.query} />;};

export default Table;

import React from 'react';
import { PrismaTable } from '@paljs/admin/PrismaTable';import { navigate } from 'gatsby';
import { useLocation } from '@reach/router';
import * as queryString from 'query-string';

import '@paljs/admin/style.css';

const Table: React.FC<{ model: string }> = ({ model }) => {
  const location = useLocation();
  const query = queryString.parse(location.search);
  return <PrismaTable model={model} push={navigate} query={query} />;
};
export default Table;

interface ModelTableProps {
  // customize your table permissions and overwrite the settings it's allow you to give users different permissions
  actions?: ('create' | 'update' | 'delete')[];  // model name like in `schema.prisma` file
  model: string;  // push function to move between tables and change link
  push: (url: string) => void;  // link query object used in filters `?id=1` => {id: 1}
  query: { [key: string]: any };  // model pages path you must have all models pages in same path to can move between them.
  // default `/admin/models/`
  pagesPath?: string;  // in table pagination you can select pageSize you can pass this options here.
  // default: [10, 20, 30, 40, 50, 100]
  pageSizeOptions?: number[];  // moving between table pages. we not show you all available pages we just see current page and other 3 options.
  // default: 4
  paginationOptions?: number;  // add a checkbox for every record on the table you can use for custom cases like delete many
  onSelect?: (values: any[]) => void;  // this event call when you click cancel button in create record modal
  onCancelCreate?: (options: { model: string; setCreateModal: (state: boolean) => void }) => void;  // this event call when you click save button in create record modal
  onSaveCreate?: (options: {    model: string;    setCreateModal: (state: boolean) => void;    refetchTable: (options?: any) => void;  }) => void;  // this event call when you click cancel button in edit record page
  onCancelUpdate?: (options: { model: string }) => void;  // this event call when you click save button in edit record page
  onSaveUpdate?: (options: { model: string; refetchTable: (options?: any) => void }) => void;  // In create and update form when you click save this function will call before take every value to apollo mutation
  // Here we handle numbers list json values you can use it if you need to add any featuer
  valueHandler?: (value: string, field?: SchemaField, create?: boolean) => any;  // it's function return object with react table columns https://github.com/tannerlinsley/react-table
  // default here: https://github.com/paljs/prisma-tools/blob/master/admin/src/PrismaTable/Table/Columns.tsx
  tableColumns?: GetColumnsPartial;  // it's object with form input components for every field type we use this package https://react-hook-form.com/
  // default here: https://github.com/paljs/prisma-tools/blob/master/admin/src/PrismaTable/Form/Inputs.tsx
  formInputs?: Partial<FormInputs>;  // you can customize the actions buttons
  actionButtons?: {
    Add?: React.FC;
    Update?: React.FC<{ id: any }>;
    Delete?: React.FC<{ id: any }>;
  };
  lang: typeof Language;
  dir: 'rtl' | 'ltr';
}

type FormInputs = Record<'Default' | 'Editor' | 'Enum' | 'Object' | 'Date' | 'Boolean', React.FC<InputProps>>;

interface InputProps {
  field: SchemaField;
  value: any;
  data: any;
  error: any;
  // import { UseFormReturn } from 'react-hook-form';
  register: UseFormReturn['register'];
  setValue: UseFormReturn['setValue'];
  getValues: UseFormReturn['getValues'];
  watch: UseFormReturn['watch'];
  disabled: boolean;
}

// import {Column,UseFiltersColumnOptions,UseSortByColumnOptions} from 'react-table';
type Columns = Record<
  'boolean' | 'number' | 'enum' | 'DateTime' | 'object' | 'string' | 'list',
  Column & UseFiltersColumnOptions<any> & UseSortByColumnOptions<any>
>;

export type GetColumnsPartial = (field: SchemaField, model?: SchemaModel) => Partial<Columns>;