diff --git a/.github/workflows/lint.yml b/.github/workflows/lint.yml
index 0e3045e..df40430 100644
--- a/.github/workflows/lint.yml
+++ b/.github/workflows/lint.yml
@@ -27,5 +27,3 @@ jobs:
cd react
npm ci
npm run lint
-
-
\ No newline at end of file
diff --git a/README.md b/README.md
index 53b1450..59be7eb 100644
--- a/README.md
+++ b/README.md
@@ -97,28 +97,28 @@ We are providing some examples with design. so, you can easily take it and use i
### Canvas View
vue - [view code](./vue/examples/CanvasView.vue)
-react - [view code](./react/examples/CanvasView.vue)
+react - [view code](./react/examples/CanvasView.tsx)
### Square View
vue- [view code](./vue/examples/SquareView.vue)
-react - [view code](./react/examples/SquareView.vue)
+react - [view code](./react/examples/SquareView.tsx)
### Horizontal Long Square View
vue - [view code](./vue/examples/LongSquareView.vue)
-react - [view code](./react/examples/LongSquareView.vue)
+react - [view code](./react/examples/LongSquareView.tsx)
### Circular View
vue - [view code](./vue/examples/RoundView.vue)
-react - [view code](./react/examples/RoundView.vue)
+react - [view code](./react/examples/RoundView.tsx)
diff --git a/react/README.md b/react/README.md
index 204be38..22a3726 100644
--- a/react/README.md
+++ b/react/README.md
@@ -117,7 +117,7 @@ const {
MultipleFileUpload,
} = require("@canopassoftware/react-file-upload");
-OR
+OR;
// using esModules
import {
@@ -131,7 +131,7 @@ import {
- Use `style.css` for UI by importing like,
```js
-import "@canopassoftware/react-file-upload/style.css"
+import "@canopassoftware/react-file-upload/style.css";
```
### Creating custom UI with file preview
@@ -246,4 +246,4 @@ return (
);
}
-```
\ No newline at end of file
+```
diff --git a/react/examples/CanvasView.tsx b/react/examples/CanvasView.tsx
index 59175b9..57e91c9 100644
--- a/react/examples/CanvasView.tsx
+++ b/react/examples/CanvasView.tsx
@@ -2,7 +2,7 @@
import Image, { StaticImageData } from "next/image";
import React, { useState } from "react";
-import "@canopassoftware/react-file-upload/style.css"
+import "@canopassoftware/react-file-upload/style.css";
import {
SingleFileUpload,
MultipleFileUpload,
diff --git a/react/examples/LongSquareView.tsx b/react/examples/LongSquareView.tsx
index fd0d004..92eb90d 100644
--- a/react/examples/LongSquareView.tsx
+++ b/react/examples/LongSquareView.tsx
@@ -3,7 +3,7 @@
import Image, { StaticImageData } from "next/image";
import React, { useState } from "react";
import placeHolderImg from "../../assets/images/placeholder.png";
-import "@canopassoftware/react-file-upload/style.css"
+import "@canopassoftware/react-file-upload/style.css";
import {
SingleFileUpload,
MultipleFileUpload,
diff --git a/react/examples/RoundView.tsx b/react/examples/RoundView.tsx
index a07a3f5..58a278f 100644
--- a/react/examples/RoundView.tsx
+++ b/react/examples/RoundView.tsx
@@ -3,7 +3,7 @@
import Image, { StaticImageData } from "next/image";
import React, { useState } from "react";
import placeHolderImg from "../../assets/images/placeholder.png";
-import "@canopassoftware/react-file-upload/style.css"
+import "@canopassoftware/react-file-upload/style.css";
import {
SingleFileUpload,
MultipleFileUpload,
diff --git a/react/examples/SquareView.tsx b/react/examples/SquareView.tsx
index 8780256..fe72332 100644
--- a/react/examples/SquareView.tsx
+++ b/react/examples/SquareView.tsx
@@ -3,7 +3,7 @@
import Image, { StaticImageData } from "next/image";
import React, { useState } from "react";
import placeHolderImg from "../../assets/images/placeholder.png";
-import "@canopassoftware/react-file-upload/style.css"
+import "@canopassoftware/react-file-upload/style.css";
import {
SingleFileUpload,
MultipleFileUpload,
diff --git a/react/examples/demo/package.json b/react/examples/demo/package.json
index 6df6b6a..4610774 100644
--- a/react/examples/demo/package.json
+++ b/react/examples/demo/package.json
@@ -25,4 +25,4 @@
"tailwindcss": "^3.3.0",
"typescript": "^5"
}
-}
+}
\ No newline at end of file
diff --git a/react/examples/demo/src/app/layout.tsx b/react/examples/demo/src/app/layout.tsx
index 40e027f..323bd9c 100644
--- a/react/examples/demo/src/app/layout.tsx
+++ b/react/examples/demo/src/app/layout.tsx
@@ -1,22 +1,22 @@
-import type { Metadata } from 'next'
-import { Inter } from 'next/font/google'
-import './globals.css'
+import type { Metadata } from "next";
+import { Inter } from "next/font/google";
+import "./globals.css";
-const inter = Inter({ subsets: ['latin'] })
+const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
- title: 'Create Next App',
- description: 'Generated by create next app',
-}
+ title: "Create Next App",
+ description: "Generated by create next app",
+};
export default function RootLayout({
children,
}: {
- children: React.ReactNode
+ children: React.ReactNode;
}) {
return (
{children}
- )
+ );
}
diff --git a/react/examples/demo/src/app/page.tsx b/react/examples/demo/src/app/page.tsx
index d29de3c..a2d22db 100644
--- a/react/examples/demo/src/app/page.tsx
+++ b/react/examples/demo/src/app/page.tsx
@@ -2,7 +2,7 @@
import Image, { StaticImageData } from "next/image";
import React, { useState } from "react";
-import "@canopassoftware/react-file-upload/style.css"
+import "@canopassoftware/react-file-upload/style.css";
import {
SingleFileUpload,
MultipleFileUpload,
diff --git a/react/examples/demo/tailwind.config.ts b/react/examples/demo/tailwind.config.ts
index 1af3b8f..e9a0944 100644
--- a/react/examples/demo/tailwind.config.ts
+++ b/react/examples/demo/tailwind.config.ts
@@ -1,20 +1,20 @@
-import type { Config } from 'tailwindcss'
+import type { Config } from "tailwindcss";
const config: Config = {
content: [
- './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
- './src/components/**/*.{js,ts,jsx,tsx,mdx}',
- './src/app/**/*.{js,ts,jsx,tsx,mdx}',
+ "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
+ "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
+ "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
],
theme: {
extend: {
backgroundImage: {
- 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
- 'gradient-conic':
- 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
+ "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
+ "gradient-conic":
+ "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
},
},
},
plugins: [],
-}
-export default config
+};
+export default config;
diff --git a/react/package.json b/react/package.json
index 2f6858a..88f39f1 100644
--- a/react/package.json
+++ b/react/package.json
@@ -59,4 +59,4 @@
"./index.umd.js",
"./style.css"
]
-}
+}
\ No newline at end of file
diff --git a/react/tailwind.config.ts b/react/tailwind.config.ts
index 1af3b8f..e9a0944 100644
--- a/react/tailwind.config.ts
+++ b/react/tailwind.config.ts
@@ -1,20 +1,20 @@
-import type { Config } from 'tailwindcss'
+import type { Config } from "tailwindcss";
const config: Config = {
content: [
- './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
- './src/components/**/*.{js,ts,jsx,tsx,mdx}',
- './src/app/**/*.{js,ts,jsx,tsx,mdx}',
+ "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
+ "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
+ "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
],
theme: {
extend: {
backgroundImage: {
- 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
- 'gradient-conic':
- 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
+ "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
+ "gradient-conic":
+ "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
},
},
},
plugins: [],
-}
-export default config
+};
+export default config;
diff --git a/react/tsconfig.json b/react/tsconfig.json
index e6f8d15..351e146 100644
--- a/react/tsconfig.json
+++ b/react/tsconfig.json
@@ -2,11 +2,7 @@
"compilerOptions": {
"outDir": "./dist",
"target": "es5",
- "lib": [
- "dom",
- "dom.iterable",
- "esnext"
- ],
+ "lib": ["dom", "dom.iterable", "esnext"],
"allowJs": true,
"skipLibCheck": true,
"strict": false,
@@ -25,9 +21,7 @@
}
],
"paths": {
- "@/*": [
- "./src/*"
- ]
+ "@/*": ["./src/*"]
}
},
"include": [
@@ -39,7 +33,5 @@
"./src",
".next/types/**/*.ts"
],
- "exclude": [
- "node_modules"
- ]
+ "exclude": ["node_modules"]
}
diff --git a/vue/README.md b/vue/README.md
index f53d287..e88957e 100644
--- a/vue/README.md
+++ b/vue/README.md
@@ -110,11 +110,11 @@ To manage and preview files with this library, follow these steps:
```js
// using CommonJS
-const { SingleFileUpload, MultipleFileUpload } = require('@canopassoftware/vue-file-upload')
+const { SingleFileUpload, MultipleFileUpload } = require('@canopassoftware/vue-file-upload');
OR
// using esModules
-import { SingleFileUpload, MultipleFileUpload } from '@canopassoftware/vue-file-upload'
+import { SingleFileUpload, MultipleFileUpload } from '@canopassoftware/vue-file-upload';
```
### Use default CSS
@@ -122,7 +122,7 @@ import { SingleFileUpload, MultipleFileUpload } from '@canopassoftware/vue-file-
- Use `style.css` for UI by importing like,
```js
-import "@canopassoftware/vue-file-upload/style.css"
+import '@canopassoftware/vue-file-upload/style.css';
```
### Creating custom UI with file preview
diff --git a/vue/examples/CanvasView.vue b/vue/examples/CanvasView.vue
index 52318fe..25bbe01 100644
--- a/vue/examples/CanvasView.vue
+++ b/vue/examples/CanvasView.vue
@@ -117,7 +117,7 @@
-
-
-
-
{{ msg }}
-
- You’ve successfully created a project with
- Vite +
- Vue 3 . What's next?
-
-
-
-
-
diff --git a/vue/examples/demo/src/components/TheWelcome.vue b/vue/examples/demo/src/components/TheWelcome.vue
deleted file mode 100644
index 49d8f73..0000000
--- a/vue/examples/demo/src/components/TheWelcome.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-
-
-
-
-
-
-
- Documentation
-
- Vue’s
- official documentation
- provides you with all information you need to get started.
-
-
-
-
-
-
- Tooling
-
- This project is served and bundled with
- Vite . The
- recommended IDE setup is
- VSCode +
- Volar . If
- you need to test your components and web pages, check out
- Cypress and
- Cypress Component Testing .
-
-
-
- More instructions are available in README.md
.
-
-
-
-
-
-
- Ecosystem
-
- Get official tools and libraries for your project:
- Pinia ,
- Vue Router ,
- Vue Test Utils , and
- Vue Dev Tools . If
- you need more resources, we suggest paying
- Awesome Vue
- a visit.
-
-
-
-
-
-
- Community
-
- Got stuck? Ask your question on
- Vue Land , our official
- Discord server, or
- StackOverflow . You should also subscribe to
- our mailing list and follow
- the official
- @vuejs
- twitter account for latest news in the Vue world.
-
-
-
-
-
-
- Support Vue
-
- As an independent project, Vue relies on community backing for its sustainability. You can help
- us by
- becoming a sponsor .
-
-
diff --git a/vue/examples/demo/src/components/WelcomeItem.vue b/vue/examples/demo/src/components/WelcomeItem.vue
deleted file mode 100644
index 6d7086a..0000000
--- a/vue/examples/demo/src/components/WelcomeItem.vue
+++ /dev/null
@@ -1,87 +0,0 @@
-
-
-
-
-
diff --git a/vue/examples/demo/src/components/icons/IconCommunity.vue b/vue/examples/demo/src/components/icons/IconCommunity.vue
deleted file mode 100644
index 2dc8b05..0000000
--- a/vue/examples/demo/src/components/icons/IconCommunity.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
-
-
-
diff --git a/vue/examples/demo/src/components/icons/IconDocumentation.vue b/vue/examples/demo/src/components/icons/IconDocumentation.vue
deleted file mode 100644
index 6d4791c..0000000
--- a/vue/examples/demo/src/components/icons/IconDocumentation.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
-
-
-
diff --git a/vue/examples/demo/src/components/icons/IconEcosystem.vue b/vue/examples/demo/src/components/icons/IconEcosystem.vue
deleted file mode 100644
index c3a4f07..0000000
--- a/vue/examples/demo/src/components/icons/IconEcosystem.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
-
-
-
diff --git a/vue/examples/demo/src/components/icons/IconSupport.vue b/vue/examples/demo/src/components/icons/IconSupport.vue
deleted file mode 100644
index 7452834..0000000
--- a/vue/examples/demo/src/components/icons/IconSupport.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
-
-
-
diff --git a/vue/examples/demo/src/components/icons/IconTooling.vue b/vue/examples/demo/src/components/icons/IconTooling.vue
deleted file mode 100644
index 660598d..0000000
--- a/vue/examples/demo/src/components/icons/IconTooling.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-
-
-
-
-
-
diff --git a/vue/package.json b/vue/package.json
index 9fccfc7..89353c9 100644
--- a/vue/package.json
+++ b/vue/package.json
@@ -66,4 +66,4 @@
"./index.umd.js",
"./style.css"
]
-}
+}
\ No newline at end of file