+ {cell.render("Cell", {
headerColumnChange,
setColumnOrder,
})}
@@ -591,8 +556,8 @@ export default function Table({
);
}
return (
-
- {cell.render('Cell', { setColumnOrder })}
+
+ {cell.render("Cell", { setColumnOrder })}
);
})}
diff --git a/src/react-app-env.d.ts b/src/react-app-env.d.ts
deleted file mode 100644
index 6431bc5..0000000
--- a/src/react-app-env.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-///
diff --git a/src/reportWebVitals.ts b/src/reportWebVitals.ts
deleted file mode 100644
index 49a2a16..0000000
--- a/src/reportWebVitals.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { ReportHandler } from 'web-vitals';
-
-const reportWebVitals = (onPerfEntry?: ReportHandler) => {
- if (onPerfEntry && onPerfEntry instanceof Function) {
- import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
- getCLS(onPerfEntry);
- getFID(onPerfEntry);
- getFCP(onPerfEntry);
- getLCP(onPerfEntry);
- getTTFB(onPerfEntry);
- });
- }
-};
-
-export default reportWebVitals;
diff --git a/src/routes/App/index.tsx b/src/routes/App/index.tsx
index f0e6292..108e21c 100644
--- a/src/routes/App/index.tsx
+++ b/src/routes/App/index.tsx
@@ -1,19 +1,19 @@
-import React from 'react';
-import { HashRouter, Route, Routes } from 'react-router-dom';
-import FieldExtension from '../../pages/FieldExtension';
-import ErrorBoundary from 'components/ErrorBoundary';
-import '@contentstack/venus-components/build/main.css';
-import './styles.scss';
+import React from "react";
+import { BrowserRouter, Route, Routes } from "react-router-dom";
+import FieldExtension from "../../pages/FieldExtension";
+import ErrorBoundary from "components/ErrorBoundary";
+import "@contentstack/venus-components/build/main.css";
+import "./styles.scss";
const App: React.FC = () => {
return (
-
+
} />
-
+
);
diff --git a/src/setupTests.ts b/src/setupTests.ts
deleted file mode 100644
index 8f2609b..0000000
--- a/src/setupTests.ts
+++ /dev/null
@@ -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';
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
new file mode 100644
index 0000000..3d4c249
--- /dev/null
+++ b/src/vite-env.d.ts
@@ -0,0 +1,27 @@
+///
+///
+
+interface ImportMetaEnv {
+ readonly VITE_TRACKER_TOKEN: string;
+ readonly VITE_TRACKER_ENV: string;
+}
+
+interface ImportMeta {
+ readonly env: ImportMetaEnv;
+}
+
+declare module "*.svg" {
+ import * as React from "react";
+ export const ReactComponent: React.FunctionComponent
& { title?: string }>;
+ const src: string;
+ export default src;
+}
+
+declare module "*.scss" {
+ const content: { [className: string]: string };
+ export default content;
+}
+
+declare module "react-table-plugins" {
+ export function useExportData(hooks: any): void;
+}
diff --git a/tsconfig.json b/tsconfig.json
index 2ad3961..6b7d0ea 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,25 +1,44 @@
{
"compilerOptions": {
- "target": "es5",
- "lib": ["dom", "dom.iterable", "esnext"],
- "downlevelIteration": true,
- "allowJs": true,
+ "target": "ES2020",
+ "useDefineForClassFields": true,
+ "lib": ["ES2020", "DOM", "DOM.Iterable"],
+ "module": "ESNext",
"skipLibCheck": true,
- "esModuleInterop": true,
- "allowSyntheticDefaultImports": true,
- "strict": true,
- "forceConsistentCasingInFileNames": true,
- "noFallthroughCasesInSwitch": true,
- "module": "esnext",
- "moduleResolution": "node",
+
+ /* Bundler mode */
+ "moduleResolution": "bundler",
+ "allowImportingTsExtensions": true,
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
"jsx": "react-jsx",
+
+ /* Linting */
+ "strict": true,
+ "noUnusedLocals": false,
+ "noUnusedParameters": false,
+ "noFallthroughCasesInSwitch": true,
+ "noImplicitAny": false,
+ "allowSyntheticDefaultImports": true,
+ "esModuleInterop": true,
+ "forceConsistentCasingInFileNames": true,
+ "downlevelIteration": true,
+
+ /* Path aliases */
"baseUrl": "./src",
- "sourceMap": true,
- "noImplicitAny": false
+ "paths": {
+ "assets/*": ["assets/*"],
+ "common/*": ["common/*"],
+ "components/*": ["components/*"],
+ "containers/*": ["containers/*"],
+ "hooks/*": ["hooks/*"],
+ "pages/*": ["pages/*"],
+ "routes/*": ["routes/*"],
+ "styles/*": ["styles/*"]
+ }
},
- "include": ["src", "webpack.config.ts"],
- "exclude": ["node_modules", "build"]
+ "include": ["src"],
+ "exclude": ["node_modules", "build"],
+ "references": [{ "path": "./tsconfig.node.json" }]
}
diff --git a/tsconfig.node.json b/tsconfig.node.json
new file mode 100644
index 0000000..41cdb7d
--- /dev/null
+++ b/tsconfig.node.json
@@ -0,0 +1,12 @@
+{
+ "compilerOptions": {
+ "composite": true,
+ "skipLibCheck": true,
+ "module": "ESNext",
+ "moduleResolution": "bundler",
+ "allowSyntheticDefaultImports": true,
+ "strict": true
+ },
+ "include": ["vite.config.ts"]
+}
+
diff --git a/tslint.json b/tslint.json
deleted file mode 100644
index fc47b4c..0000000
--- a/tslint.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
- "extends": [
- "tslint:recommended",
- "tslint-react",
- "tslint-config-prettier"
- ],
- "rulesDirectory": [
- "tslint-plugin-prettier"
- ],
- "rules": {
- "prettier": true,
- "interface-name": false,
- "semicolon": true,
- "quotes": ["double"]
- }
-}
\ No newline at end of file
diff --git a/update-app-info.json b/update-app-info.json
new file mode 100644
index 0000000..6ceb35f
--- /dev/null
+++ b/update-app-info.json
@@ -0,0 +1,19 @@
+{
+ "name": "Table",
+ "target_type": "stack",
+ "ui_location": {
+ "locations": [
+ {
+ "type": "cs.cm.stack.custom_field",
+ "meta": [
+ {
+ "signed": true,
+ "path": "/field-extension",
+ "data_type": "json"
+ }
+ ]
+ }
+ ]
+ }
+}
+
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..3f1b96c
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,59 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import svgr from 'vite-plugin-svgr';
+import { resolve } from 'path';
+import { viteSingleFile } from 'vite-plugin-singlefile';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+ plugins: [
+ react(),
+ svgr({
+ svgrOptions: {
+ exportType: 'named',
+ ref: true,
+ svgo: false,
+ titleProp: true,
+ },
+ include: '**/*.svg',
+ }),
+ viteSingleFile(),
+ ],
+ resolve: {
+ alias: {
+ assets: resolve(__dirname, 'src/assets'),
+ common: resolve(__dirname, 'src/common'),
+ components: resolve(__dirname, 'src/components'),
+ containers: resolve(__dirname, 'src/containers'),
+ hooks: resolve(__dirname, 'src/hooks'),
+ pages: resolve(__dirname, 'src/pages'),
+ routes: resolve(__dirname, 'src/routes'),
+ styles: resolve(__dirname, 'src/styles'),
+ },
+ },
+ build: {
+ outDir: 'build',
+ emptyOutDir: true,
+ cssCodeSplit: false,
+ rollupOptions: {
+ output: {
+ inlineDynamicImports: true,
+ },
+ },
+ },
+ server: {
+ port: 3000,
+ open: true,
+ },
+ preview: {
+ port: 3000,
+ },
+ css: {
+ preprocessorOptions: {
+ scss: {
+ api: 'modern-compiler',
+ },
+ },
+ },
+});
+