@weareconceptstudio/form 0.0.2 → 0.0.4

package/dist/upload/index.js

@@ -1,6 +1,19 @@
-import * as React from 'react';
-const Upload = React.forwardRef((props, forwardRef) => {
-    return (React.createElement("div", null,
-        React.createElement("input", { type: 'file', ...forwardRef })));
-});
+import React, { useState } from 'react';
+import UploadButton from './UploadButton';
+import UploadList from './UploadList';
+const Upload = (props) => {
+    const { accept, disabled, multiple } = props;
+    const [fileList, setFileList] = useState([]);
+    const uploadProps = {
+        accept,
+        disabled,
+        multiple,
+    };
+    return (React.createElement("span", null,
+        React.createElement(UploadButton, { ...uploadProps, setFileList: setFileList }),
+        React.createElement(UploadList, { items: fileList })));
+};
+if (process.env.NODE_ENV !== 'production') {
+    Upload.displayName = 'Upload';
+}
 export default Upload;

package/dist/upload/utils.d.ts

@@ -0,0 +1,9 @@
+export function typeFromMime(mime: any): "document" | "image" | "video" | "audio" | "pdf";
+export function rawFileToAsset({ rawFile, isReplace }: {
+    rawFile: any;
+    isReplace?: boolean;
+}): Promise<{
+    replace: boolean;
+    upload: boolean;
+    filename: any;
+}>;

package/dist/upload/utils.js

@@ -0,0 +1,64 @@
+export const typeFromMime = (mime) => {
+    if (mime.includes('image')) {
+        return 'image';
+    }
+    if (mime.includes('video')) {
+        return 'video';
+    }
+    if (mime.includes('audio')) {
+        return 'audio';
+    }
+    if (mime.includes('pdf')) {
+        return 'pdf';
+    }
+    return 'document';
+};
+export const rawFileToAsset = async ({ rawFile, isReplace = false }) => {
+    const fileName = rawFile.name.split('.').shift();
+    const aggregate_type = typeFromMime(rawFile.type);
+    let data = {};
+    let dimensions = '';
+    if (aggregate_type == 'image') {
+        dimensions = await imageDimensions(rawFile);
+    }
+    data = {
+        size: rawFile.size,
+        createdAt: new Date().toLocaleDateString('fr'),
+        aggregate_type: aggregate_type,
+        url: URL.createObjectURL(rawFile),
+        extension: rawFile.name.split('.').pop(),
+        mime_type: rawFile.type,
+        dimensions: dimensions,
+        alt: fileName,
+        caption: fileName,
+        rawFile,
+        replace: false,
+        upload: true,
+    };
+    if (isReplace) {
+        data.replace = true;
+        data.upload = false;
+    }
+    else {
+        data.filename = fileName;
+        data.replace = false;
+        data.upload = true;
+    }
+    return data;
+};
+const imageDimensions = (file) => new Promise((resolve, reject) => {
+    const img = new Image();
+    img.onload = () => {
+        const { naturalWidth: width, naturalHeight: height } = img;
+        resolve(`${width}x${height}`);
+    };
+    img.onerror = () => {
+        useNotification({
+            type: 'warning',
+            message: 'Error',
+            description: 'There was some problem with the image.',
+        });
+        reject('There was some problem with the image.');
+    };
+    img.src = URL.createObjectURL(file);
+});

package/package.json

@@ -1,35 +1,32 @@
 {
-    "name": "@weareconceptstudio/form",
-    "version": "0.0.2",
-    "description": "Concept Studio Form",
-    "author": "Concept Studio",
-    "license": "ISC",
-    "main": "dist/index.js",
-    "files": [
-        "dist"
-    ],
-    "exports": {
-        ".": {
-            "types": "./dist/index.d.ts",
-            "default": "./dist/index.js"
-        }
-    },
-    "scripts": {
-        "build": "tsc -m es6",
-        "watch": "tsc -m es6 --watch"
-    },
-    "dependencies": {
-        "@weareconceptstudio/core": "*",
-        "classnames": "2.5.1",
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1",
-        "react-hook-form": "^7.52.1",
-        "react-select": "5.8.0",
-        "styled-components": "^6.1.8"
-    },
-    "devDependencies": {
-        "@babel/plugin-proposal-private-property-in-object": "7.21.11",
-        "rimraf": "5.0.5",
-        "typescript": "5.3.3"
-    }
-}
+	"name": "@weareconceptstudio/form",
+	"version": "0.0.4",
+	"description": "Concept Studio Form",
+	"author": "Concept Studio",
+	"license": "ISC",
+	"main": "dist/index.js",
+	"files": [
+		"dist"
+	],
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"default": "./dist/index.js"
+		}
+	},
+	"scripts": {
+		"clean": "rimraf ./dist",
+		"build": "npm run clean && tsc -m es6",
+		"watch": "tsc -m es6 --watch"
+	},
+	"dependencies": {
+		"@weareconceptstudio/core": "*",
+		"react-hook-form": "^7.52.1",
+		"react-phone-number-input": "3.4.8",
+		"react-select": "5.8.0"
+	},
+	"devDependencies": {
+		"rimraf": "6.0.1",
+		"typescript": "5.3.3"
+	}
+}