px-react-ui-components 1.1.24 → 1.1.26

package/dist/components/MyFileUpload/MyFileUpload.js

@@ -20,8 +20,13 @@ let Resizer, Camera, FACING_MODES, IMAGE_TYPES;
 let hasImageResizer = false;
 let hasCamera = false;
 try {
-  Resizer = require("react-image-file-resizer");
-  hasImageResizer = true;
+  const raw = require("react-image-file-resizer");
+  // Vite/ESM: default export is { default: { imageFileResizer } }; CJS often { imageFileResizer }
+  const resolved = raw && (raw.default ?? raw);
+  if (resolved && typeof resolved.imageFileResizer === "function") {
+    Resizer = resolved;
+    hasImageResizer = true;
+  }
 } catch (error) {
   console.warn("MyFileUpload: react-image-file-resizer bağımlılığı bulunamadı.");
 }
@@ -46,11 +51,15 @@ const MyFileUploadAcceptType = exports.MyFileUploadAcceptType = {
 Object.freeze(MyFileUploadAcceptType);
 function MyFileUpload({
   t = null,
+  name = null,
+  required = false,
   multiple = false,
   accept = MyFileUploadAcceptType.ALL,
   camera = true,
   maxSizeMB = 50,
   onData,
+  label = null,
+  labelClassName = null,
   className = null,
   classNameContainer = null,
   classNameItem = null,
@@ -113,7 +122,20 @@ function MyFileUpload({
       });
       (0, _MyAlert.MyAlert)("<br/><br/><div style='display: block;font-size:13px;width: 100%;text-align: left;'>" + message + "</div>", _MyAlert.MyAlertType.WARNING);
     }
-    if (onData && (Array.isArray(resdata) && resdata.length > 0 || !Array.isArray(resdata) && resdata)) onData(resdata);
+    if (onData && (Array.isArray(resdata) && resdata.length > 0 || !Array.isArray(resdata) && resdata)) {
+      if (name) {
+        onData({
+          target: {
+            name: name,
+            files: Array.isArray(resdata) ? resdata : [resdata],
+            value: Array.isArray(resdata) ? resdata : [resdata]
+          },
+          value: Array.isArray(resdata) ? resdata : [resdata]
+        });
+      } else {
+        onData(resdata);
+      }
+    }
     setLoading(false);
   };
   const getBase64 = (files, callback = null) => {
@@ -150,7 +172,7 @@ function MyFileUpload({
         continue;
       }
       let extension_type = type_image.indexOf(file_ext) > -1 ? "image" : "file";
-      if (extension_type == "file") {
+      if (extension_type == "file" || !hasImageResizer) {
         const reader = new FileReader();
         reader.onload = function () {
           let fileitem = {
@@ -246,9 +268,31 @@ function MyFileUpload({
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MyWaiting.default, {
       show: loading,
       message: ""
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: classNameContainer,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'row',
+        gap: '1px'
+      },
+      children: [label && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        style: {
+          display: "block",
+          fontSize: 11,
+          fontWeight: "bold",
+          color: "black",
+          marginBottom: "0.25rem",
+          paddingLeft: "0.5rem",
+          textTransform: "uppercase",
+          letterSpacing: "0.05em"
+        },
+        className: labelClassName ? labelClassName : '',
+        children: [label, " ", required && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          style: {
+            color: 'red'
+          },
+          children: "*"
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: _MyFileUploadModule.default.myFileUploadContainer + (className != null ? " " + className : ''),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: _MyFileUploadModule.default.myFileUploadContainerItem + (classNameItem != null ? " " + classNameItem : ''),
@@ -301,7 +345,7 @@ function MyFileUpload({
             })
           })]
         })]
-      })
+      })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MyModal.default, {
       show: cameraopen,
       onClose: () => setCameraopen(false),
@@ -317,7 +361,7 @@ function MyFileUpload({
             } : undefined
           },
           onTakePhoto: dataUri => {
-            console.log(dataUri);
+            // console.log(dataUri);
             handleTakePhoto(dataUri);
           },
           onCameraError: handleCameraError,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "px-react-ui-components",
-  "version": "1.1.24",
+  "version": "1.1.26",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "type": "commonjs",