coject 2.2.8 → 2.3.0

package/dist/esm/Components/Upload/theme.js

@@ -2,11 +2,60 @@ import { makeStyles } from "tss-react/mui";
 const useStyles = makeStyles()((theme) => {
     return {
         root: {
-            gap: 8,
-            padding: "4px",
+            margin: 0,
+            width: "100%",
+            "& label": {
+                display: "block",
+                fontSize: "13px",
+                marginBottom: "7px"
+            },
+            "& .MuiFormHelperText-root": {
+                marginLeft: 0,
+                marginRight: 0,
+                color: theme.palette.error.dark
+            }
+        },
+        container: {
+            width: "100%",
+            padding: "7px",
+            display: "flex",
+            border: "1px solid" + theme.palette.grey[400]
+        },
+        error: {
+            borderColor: theme.palette.error.dark
+        },
+        files: {
+            gap: 7,
+            width: "100%",
+            display: "flex",
+            alignItems: "center",
+            flexWrap: "wrap",
+            justifyContent: "center"
+        },
+        file: {
+            width: "100%",
             display: "flex",
+            overflow: "hidden",
+            position: "relative",
             alignItems: "center",
+            justifyContent: "center",
+            border: "1px solid" + theme.palette.grey[400],
+            "& img": {
+                minWidth: "100%",
+                minHeight: "100%",
+                objectFit: "cover"
+            }
+        },
+        inputContainer: {
+            gap: 3,
+            width: "100%",
+            padding: "7px",
+            display: "flex",
+            cursor: "pointer",
+            overflow: "hidden",
             position: "relative",
+            alignItems: "center",
+            flexDirection: "column",
             justifyContent: "center",
             border: "1px solid" + theme.palette.grey[400],
             "& .MuiFormControl-root": {
@@ -15,81 +64,105 @@ const useStyles = makeStyles()((theme) => {
                 opacity: 0,
                 width: "100%",
                 height: "100%",
+                cursor: "pointer",
                 position: "absolute",
                 "& .MuiInputBase-root, & input": {
                     padding: 0,
                     height: "100%",
                     cursor: "pointer"
                 }
-            }
-        },
-        imageBox: {
-            width: "100%",
-            display: "flex",
-            position: "relative",
-            alignItems: "center",
-            boxSizing: "border-box",
-            border: "1px solid" + theme.palette.grey[400],
-            "& img": {
-                width: "32px",
-                height: "32px",
-                objectFit: "cover"
+            },
+            "& svg": {
+                fill: theme.palette.grey[500]
             },
             "& p": {
-                fontWeight: 400,
                 fontSize: "13px",
-                overflow: "hidden",
                 lineHeight: "13px",
-                whiteSpace: "nowrap",
-                textOverflow: "ellipsis",
                 textTransform: "capitalize",
-                padding: "5.5px 20px 5.5px 5.5px"
+                color: theme.palette.grey[500]
+            }
+        },
+        remove: {
+            top: 0,
+            left: 0,
+            opacity: 0,
+            width: "100%",
+            height: "100%",
+            transition: "0.4s",
+            position: "absolute",
+            "&:hover": {
+                opacity: 1
             },
-            "& button": {
-                top: "50%",
+            "& button, & a": {
+                top: "7px",
                 padding: 0,
-                right: "2.5px",
-                minWidth: "auto",
+                right: "7px",
+                opacity: 0.85,
+                width: "20px",
+                height: "20px",
                 position: "absolute",
-                transform: "translateY(-50%)",
+                backgroundColor: theme.palette.grey[200],
+                border: "1px solid" + theme.palette.grey[500],
+                "&:hover": {
+                    opacity: 1,
+                    color: theme.palette.grey[100],
+                    backgroundColor: theme.palette.grey[500]
+                },
                 "& svg": {
                     width: "15px",
-                    height: "15px"
+                    height: "15px",
+                    fill: theme.palette.secondary.dark
                 }
             }
         },
-        multiImageBox: {
-            maxWidth: "calc(100% - 48px)"
+        viewer: {
+            top: 0,
+            left: 0,
+            opacity: 0.2,
+            width: "100%",
+            height: "100%",
+            cursor: "pointer",
+            position: "absolute",
+            backgroundColor: theme.palette.primary.contrastText
         },
-        moreMultiImageBox: {
-            maxWidth: "calc(100% - 77px)"
+        imageViewer: {
+            width: "100%"
         },
-        emptyValue: {
-            gap: 4,
+        download: {
+            top: 0,
+            left: 0,
+            opacity: 0,
             width: "100%",
-            padding: "8px",
-            display: "flex",
-            position: "relative",
-            alignItems: "center",
-            justifyContent: "center",
-            border: "1px dashed" + theme.palette.grey[400],
-            "& svg": {
-                width: "18px",
-                height: "16px",
-                fill: "rgba(0, 0, 0, 0.6)"
+            height: "100%",
+            transition: "0.4s",
+            position: "absolute",
+            "&:hover": {
+                opacity: 1
             },
-            "& p": {
-                fontSize: "14px",
-                lineHeight: "14px",
-                textTransform: "capitalize",
-                color: "rgba(0, 0, 0, 0.6)"
+            "& button, & a": {
+                top: "50%",
+                padding: 0,
+                right: "50%",
+                opacity: 0.85,
+                width: "50px",
+                height: "50px",
+                position: "absolute",
+                backgroundColor: theme.palette.grey[200],
+                border: "1px solid" + theme.palette.grey[500],
+                transform: "translate(calc(50% - 100%), -50%)",
+                "&:hover": {
+                    color: theme.palette.grey[100],
+                    backgroundColor: theme.palette.grey[500],
+                    "& svg": {
+                        fill: theme.palette.primary.contrastText
+                    }
+                },
+                "& svg": {
+                    width: "25px",
+                    height: "25px",
+                    fill: theme.palette.secondary.dark
+                }
             }
-        },
-        error: {
-            fontSize: "11px",
-            lineHeight: "16px",
-            textTransform: "capitalize",
-            color: theme.palette.error.main
         }
     };
 });

package/dist/esm/Components/Upload/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Upload/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE;IACrC,OAAO;QACH,IAAI,EAAE;YACF,GAAG,EAAE,CAAC;YACN,OAAO,EAAE,KAAK;YACd,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,QAAQ,EAAE,UAAU;YACpB,cAAc,EAAE,QAAQ;YACxB,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;YAC7C,wBAAwB,EAAE;gBACtB,GAAG,EAAE,CAAC;gBACN,IAAI,EAAE,CAAC;gBACP,OAAO,EAAE,CAAC;gBACV,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,UAAU;gBACpB,+BAA+B,EAAE;oBAC7B,OAAO,EAAE,CAAC;oBACV,MAAM,EAAE,MAAM;oBACd,MAAM,EAAE,SAAS;iBACpB;aACJ;SACJ;QACD,QAAQ,EAAE;YACN,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,UAAU;YACpB,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,YAAY;YACvB,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;YAC7C,OAAO,EAAE;gBACL,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,SAAS,EAAE,OAAO;aACrB;YACD,KAAK,EAAE;gBACH,UAAU,EAAE,GAAG;gBACf,QAAQ,EAAE,MAAM;gBAChB,QAAQ,EAAE,QAAQ;gBAClB,UAAU,EAAE,MAAM;gBAClB,UAAU,EAAE,QAAQ;gBACpB,YAAY,EAAE,UAAU;gBACxB,aAAa,EAAE,YAAY;gBAC3B,OAAO,EAAE,wBAAwB;aACpC;YACD,UAAU,EAAE;gBACR,GAAG,EAAE,KAAK;gBACV,OAAO,EAAE,CAAC;gBACV,KAAK,EAAE,OAAO;gBACd,QAAQ,EAAE,MAAM;gBAChB,QAAQ,EAAE,UAAU;gBACpB,SAAS,EAAE,kBAAkB;gBAC7B,OAAO,EAAE;oBACL,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;iBACjB;aACJ;SACJ;QACD,aAAa,EAAE;YACX,QAAQ,EAAE,mBAAmB;SAChC;QACD,iBAAiB,EAAE;YACf,QAAQ,EAAE,mBAAmB;SAChC;QACD,UAAU,EAAE;YACR,GAAG,EAAE,CAAC;YACN,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,KAAK;YACd,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,UAAU;YACpB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,MAAM,EAAE,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;YAC9C,OAAO,EAAE;gBACL,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,IAAI,EAAE,oBAAoB;aAC7B;YACD,KAAK,EAAE;gBACH,QAAQ,EAAE,MAAM;gBAChB,UAAU,EAAE,MAAM;gBAClB,aAAa,EAAE,YAAY;gBAC3B,KAAK,EAAE,oBAAoB;aAC9B;SACJ;QACD,KAAK,EAAE;YACH,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,MAAM;YAClB,aAAa,EAAE,YAAY;YAC3B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;SAClC;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Upload/theme.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,59 +1,59 @@
-{
-    "name": "coject",
-    "version": "2.2.8",
-    "description": "React Library",
-    "main": "dist/cjs/index.js",
-    "module": "dist/esm/index.js",
-    "files": [
-        "dist"
-    ],
-    "scripts": {
-        "build": "npm run build:esm && npm run build:cjs",
-        "build:esm": "tsc",
-        "build:cjs": "tsc --module CommonJS --outDir dist/cjs",
-        "test": "echo \"Error: no test specified\" && exit 1"
-    },
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/coject/coject.git"
-    },
-    "keywords": [
-        "Node",
-        "React",
-        "Form",
-        "Data",
-        "JSON",
-        "Submit",
-        "TypeScript"
-    ],
-    "author": "Akwad",
-    "license": "MIT",
-    "bugs": {
-        "url": "https://github.com/coject/coject/issues"
-    },
-    "homepage": "https://github.com/coject/coject",
-    "devDependencies": {
-        "@emotion/react": "^11.11.4",
-        "@emotion/styled": "^11.11.5",
-        "@mui/icons-material": "^5.15.15",
-        "@mui/material": "^5.15.15",
-        "@mui/x-data-grid": "^7.3.1",
-        "@mui/x-date-pickers": "^7.3.1",
-        "@types/node": "^20.12.7",
-        "@types/react": "^18.3.1",
-        "@types/react-dom": "^18.3.0",
-        "axios": "^1.6.8",
-        "moment": "^2.30.1",
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1",
-        "coject-hijri": "^1.9.0",
-        "react-hook-form": "^7.51.3",
-        "react-toastify": "^10.0.5",
-        "tss-react": "^4.9.7",
-        "typescript": "^5.4.5"
-    },
-    "peerDependencies": {
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0"
-    }
-}
+{
+    "name": "coject",
+    "version": "2.3.0",
+    "description": "React Library",
+    "main": "dist/cjs/index.js",
+    "module": "dist/esm/index.js",
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "build": "npm run build:esm && npm run build:cjs",
+        "build:esm": "tsc",
+        "build:cjs": "tsc --module CommonJS --outDir dist/cjs",
+        "test": "echo \"Error: no test specified\" && exit 1"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/coject/coject.git"
+    },
+    "keywords": [
+        "Node",
+        "React",
+        "Form",
+        "Data",
+        "JSON",
+        "Submit",
+        "TypeScript"
+    ],
+    "author": "Akwad",
+    "license": "MIT",
+    "bugs": {
+        "url": "https://github.com/coject/coject/issues"
+    },
+    "homepage": "https://github.com/coject/coject",
+    "devDependencies": {
+        "@emotion/react": "^11.11.4",
+        "@emotion/styled": "^11.11.5",
+        "@mui/icons-material": "^5.15.19",
+        "@mui/material": "^5.15.19",
+        "@mui/x-data-grid": "^7.6.1",
+        "@mui/x-date-pickers": "^7.6.1",
+        "@types/node": "^20.14.2",
+        "@types/react-dom": "^18.3.0",
+        "@types/react": "^18.3.3",
+        "axios": "^1.7.2",
+        "coject-hijri": "^1.9.0",
+        "moment": "^2.30.1",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "react-hook-form": "^7.51.5",
+        "react-toastify": "^10.0.5",
+        "tss-react": "^4.9.10",
+        "typescript": "^5.4.5"
+    },
+    "peerDependencies": {
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0"
+    }
+}