Manage comman assets images for placeholder

.github/workflows/publish.yml

@@ -23,7 +23,7 @@ jobs:
       - name: Check Version Existence
         id: check_version
         run: |
-          if npm show @canopassoftware/[email protected].7; then
+          if npm show @canopassoftware/[email protected].8; then
             echo "Version already published. Skipping npm publish."
             echo "::set-output name=skip_publish::true"
           else

react/examples/LongSquareView.tsx

@@ -2,7 +2,7 @@
 
 import Image, { StaticImageData } from "next/image";
 import React, { useState } from "react";
-import placeHolderImg from "../assets/images/placeholder.png";
+import placeHolderImg from "../../assets/images/placeholder.png";
 import "@canopassoftware/react-file-upload/style.css"
 import {
   SingleFileUpload,

react/examples/RoundView.tsx

@@ -2,7 +2,7 @@
 
 import Image, { StaticImageData } from "next/image";
 import React, { useState } from "react";
-import placeHolderImg from "../assets/images/placeholder.png";
+import placeHolderImg from "../../assets/images/placeholder.png";
 import "@canopassoftware/react-file-upload/style.css"
 import {
   SingleFileUpload,

react/examples/SquareView.tsx

@@ -2,7 +2,7 @@
 
 import Image, { StaticImageData } from "next/image";
 import React, { useState } from "react";
-import placeHolderImg from "../assets/images/placeholder.png";
+import placeHolderImg from "../../assets/images/placeholder.png";
 import "@canopassoftware/react-file-upload/style.css"
 import {
   SingleFileUpload,

react/examples/demo/src/app/page.tsx

@@ -2,6 +2,7 @@
 
 import Image, { StaticImageData } from "next/image";
 import React, { useState } from "react";
+import "@canopassoftware/react-file-upload/style.css"
 import {
   SingleFileUpload,
   MultipleFileUpload,

react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canopassoftware/react-file-upload",
-  "version": "1.2.0",
+  "version": "1.1.35",
   "description": "Show the preview of file and manage files data to upload",
   "main": "index.umd.js",
   "repository": {
@@ -55,7 +55,6 @@
     "example": "examples"
   },
   "files": [
-    "./assets",
     "./index.mjs",
     "./index.umd.js",
     "./style.css"

react/src/app/components/multipleFileUpload.tsx

@@ -1,13 +1,13 @@
 "use client";
 
 import React, { useState, useRef, RefObject } from "react";
-import pdfPreviewImg from "../../../assets/images/pdf-icon.png";
-import textPreviewImg from "../../../assets/images/text-icon.png";
-import audioPreviewImg from "../../../assets/images/music-icon.png";
-import apkPreviewImg from "../../../assets/images/apk-icon.png";
-import zipPreviewImg from "../../../assets/images/zip-icon.png";
-import sqlPreviewImg from "../../../assets/images/sql-icon.png";
-import filePreviewImg from "../../../assets/images/file-icon.png";
+import pdfPreviewImg from "../../../../assets/images/pdf-icon.png";
+import textPreviewImg from "../../../../assets/images/text-icon.png";
+import audioPreviewImg from "../../../../assets/images/music-icon.png";
+import apkPreviewImg from "../../../../assets/images/apk-icon.png";
+import zipPreviewImg from "../../../../assets/images/zip-icon.png";
+import sqlPreviewImg from "../../../../assets/images/sql-icon.png";
+import filePreviewImg from "../../../../assets/images/file-icon.png";
 import { StaticImageData } from "next/image";
 type InputElementType = HTMLInputElement;
 

react/src/app/components/singleFileUpload.tsx

@@ -1,13 +1,13 @@
 "use client";
 
 import React, { useState, useRef } from "react";
-import pdfPreviewImg from "../../../assets/images/pdf-icon.png";
-import textPreviewImg from "../../../assets/images/text-icon.png";
-import audioPreviewImg from "../../../assets/images/music-icon.png";
-import apkPreviewImg from "../../../assets/images/apk-icon.png";
-import zipPreviewImg from "../../../assets/images/zip-icon.png";
-import sqlPreviewImg from "../../../assets/images/sql-icon.png";
-import filePreviewImg from "../../../assets/images/file-icon.png";
+import pdfPreviewImg from "../../../../assets/images/pdf-icon.png";
+import textPreviewImg from "../../../../assets/images/text-icon.png";
+import audioPreviewImg from "../../../../assets/images/music-icon.png";
+import apkPreviewImg from "../../../../assets/images/apk-icon.png";
+import zipPreviewImg from "../../../../assets/images/zip-icon.png";
+import sqlPreviewImg from "../../../../assets/images/sql-icon.png";
+import filePreviewImg from "../../../../assets/images/file-icon.png";
 import { StaticImageData } from "next/image";
 
 export default function SingleFileUpload({

react/src/app/layout.tsx

@@ -1,8 +1,7 @@
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import "./globals.css";
-import "../../dist/css/output.css";
-import "../../dist/css/style.scss";
+import "../../dist/style.css";
 
 const inter = Inter({ subsets: ["latin"] });