px-react-ui-components 1.0.2 → 1.0.5

package/dist/components/MyFileUpload/MyFileUpload.js

@@ -1,14 +1,25 @@
-import React, { useEffect, useState, useRef } from "react";
-import { PiCamera, PiFileArrowUpLight } from "react-icons/pi";
-import Resizer from "react-image-file-resizer";
-import Camera, { FACING_MODES, IMAGE_TYPES } from "react-html5-camera-photo";
-import "react-html5-camera-photo/build/css/index.css";
-import MyWaiting from "../MyWaiting/MyWaiting";
-import { MyAlert, MyAlertType } from "../MyAlert/MyAlert";
-import styles from "./MyFileUpload.module.css";
-import MyModal from "../MyModal/MyModal";
-import { MdOutlineAttachFile } from "react-icons/md";
-export const AcceptType = {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AcceptType = void 0;
+exports.default = MyFileUpload;
+var _react = _interopRequireWildcard(require("react"));
+var _pi = require("react-icons/pi");
+var _reactImageFileResizer = _interopRequireDefault(require("react-image-file-resizer"));
+var _reactHtml5CameraPhoto = _interopRequireWildcard(require("react-html5-camera-photo"));
+require("react-html5-camera-photo/build/css/index.css");
+var _MyWaiting = _interopRequireDefault(require("../MyWaiting/MyWaiting"));
+var _MyAlert = require("../MyAlert/MyAlert");
+var _MyFileUploadModule = _interopRequireDefault(require("./MyFileUpload.module.css"));
+var _MyModal = _interopRequireDefault(require("../MyModal/MyModal"));
+var _md = require("react-icons/md");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const AcceptType = exports.AcceptType = {
   ALL: "all",
   FILE: "file",
   IMAGE: "image",
@@ -16,8 +27,8 @@ export const AcceptType = {
   PDF: "pdf",
   IMAGEPDF: "imagepdf"
 };
-Object.freeze(MyAlertType);
-export default function MyFileUpload({
+Object.freeze(_MyAlert.MyAlertType);
+function MyFileUpload({
   multiple = false,
   accept = AcceptType.ALL,
   className = null,
@@ -25,18 +36,18 @@ export default function MyFileUpload({
   maxSizeMB = 50,
   onData
 }) {
-  const [loading, setLoading] = useState(false);
-  const [accepttypes, setAccepttypes] = useState(AcceptType.ALL);
-  const [acceptlabel, setAcceptlabel] = useState(AcceptType.ALL);
-  const [cameraopen, setCameraopen] = useState(false);
-  const [cameraopened, setCameraopened] = useState(false);
-  const [devices, setDevices] = useState([]);
-  const [selectedDeviceId, setSelectedDeviceId] = useState("");
-  const fileInputRef = useRef(null);
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [accepttypes, setAccepttypes] = (0, _react.useState)(AcceptType.ALL);
+  const [acceptlabel, setAcceptlabel] = (0, _react.useState)(AcceptType.ALL);
+  const [cameraopen, setCameraopen] = (0, _react.useState)(false);
+  const [cameraopened, setCameraopened] = (0, _react.useState)(false);
+  const [devices, setDevices] = (0, _react.useState)([]);
+  const [selectedDeviceId, setSelectedDeviceId] = (0, _react.useState)("");
+  const fileInputRef = (0, _react.useRef)(null);
   let type_files = ".pdf,.rar,.zip,.doc,.docx,.xls,.xlsx,.ppt,.pptx,msword,msexcel,vnd.ms-excel,vnd.openxmlformats-officedocument.spreadsheetml.sheet,vnd.openxmlformats-officedocument.wordprocessingml.document";
   let type_image = ".jpg,.jpeg,.png";
   let type_media = ".mp3,.mp4,.avi,.wav";
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     switch (accept) {
       case AcceptType.ALL:
         setAccepttypes(type_files + "," + type_image + "," + type_media);
@@ -76,7 +87,7 @@ export default function MyFileUpload({
       let message = _error.map((e, i) => {
         return i + 1 + ".) <b><i>" + e.filename + "</i></b><br/>---- " + e.message + "<br/>";
       });
-      MyAlert("<br/><br/><div style='display: block;font-size:13px;width: 100%;text-align: left;'>" + message + "</div>", MyAlertType.WARNING);
+      (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);
     setLoading(false);
@@ -145,7 +156,7 @@ export default function MyFileUpload({
           ext: file_ext,
           type_image: type_image
         };
-        Resizer.imageFileResizer(file, 2600, 2600, "JPEG", 100, 0, uri => {
+        _reactImageFileResizer.default.imageFileResizer(file, 2600, 2600, "JPEG", 100, 0, uri => {
           fileReaderCalc++;
           let fileitem = {
             base64: uri,
@@ -170,7 +181,7 @@ export default function MyFileUpload({
 
     // responseData(response_files, _error);
   };
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     if (!cameraopen) {
       setCameraopened(false);
     }
@@ -207,81 +218,100 @@ export default function MyFileUpload({
   const handleCameraStop = () => {
     //  setCameraopened(false);
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MyWaiting, {
-    show: loading,
-    message: ""
-  }), /*#__PURE__*/React.createElement("div", {
-    className: className
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.myFileUploadContainer
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.myFileUploadContainerItem
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.myFileUploadContainerItemIcon
-  }, /*#__PURE__*/React.createElement(PiFileArrowUpLight, {
-    className: styles.Icon
-  }), /*#__PURE__*/React.createElement("h2", {
-    className: styles.myFileUploadContainerItemIconText
-  }, acceptlabel, /*#__PURE__*/React.createElement("br", null), " ", maxSizeMB, " MB")), /*#__PURE__*/React.createElement("div", {
-    className: styles.myFileUploadContainerItemFile
-  }, /*#__PURE__*/React.createElement("input", {
-    type: "file",
-    hidden: true,
-    ref: fileInputRef,
-    onChange: handleFileInputChange,
-    multiple: multiple,
-    accept: accepttypes
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles.myFileUploadButton,
-    onClick: () => fileInputRef.current.click()
-  }, /*#__PURE__*/React.createElement(MdOutlineAttachFile, null)))), camera && /*#__PURE__*/React.createElement("div", {
-    className: styles.myFileUploadContainerItem
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.myFileUploadContainerItemIcon
-  }, /*#__PURE__*/React.createElement(PiCamera, {
-    className: styles.Icon
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles.myFileUploadContainerItemIconText
-  }, /*#__PURE__*/React.createElement("span", null, "You can take a photo from the camera."))), /*#__PURE__*/React.createElement("div", {
-    className: styles.myFileUploadContainerItemFile
-  }, /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: styles.myFileUploadButton,
-    onClick: () => setCameraopen(true)
-  }, /*#__PURE__*/React.createElement(PiCamera, null)))))), /*#__PURE__*/React.createElement(MyModal, {
-    show: cameraopen,
-    onClose: () => setCameraopen(false),
-    title: t("Fotoğraf Çek"),
-    closeOnEsc: false,
-    closeOnBackdropClick: false
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Camera, {
-    videoConstraints: {
-      deviceId: selectedDeviceId ? {
-        exact: selectedDeviceId
-      } : undefined
-    },
-    onTakePhoto: dataUri => {
-      console.log(dataUri);
-      handleTakePhoto(dataUri);
-    },
-    onCameraError: handleCameraError,
-    onCameraStart: stream => {
-      handleCameraStart(stream);
-    },
-    onCameraStop: () => {
-      handleCameraStop();
-    },
-    idealFacingMode: FACING_MODES.ENVIRONMENT,
-    idealResolution: {
-      width: 1024,
-      height: 1024
-    },
-    imageType: IMAGE_TYPES.JPG,
-    isMaxResolution: true,
-    isImageMirror: false,
-    isSilentMode: false,
-    isDisplayStartCameraError: true,
-    isFullscreen: false,
-    sizeFactor: 1
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MyWaiting.default, {
+      show: loading,
+      message: ""
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: className,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _MyFileUploadModule.default.myFileUploadContainer,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: _MyFileUploadModule.default.myFileUploadContainerItem,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: _MyFileUploadModule.default.myFileUploadContainerItemIcon,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiFileArrowUpLight, {
+              className: _MyFileUploadModule.default.Icon
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("h2", {
+              className: _MyFileUploadModule.default.myFileUploadContainerItemIconText,
+              children: [acceptlabel, /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), " ", maxSizeMB, " MB"]
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: _MyFileUploadModule.default.myFileUploadContainerItemFile,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+              type: "file",
+              hidden: true,
+              ref: fileInputRef,
+              onChange: handleFileInputChange,
+              multiple: multiple,
+              accept: accepttypes
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: _MyFileUploadModule.default.myFileUploadButton,
+              onClick: () => fileInputRef.current.click(),
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_md.MdOutlineAttachFile, {})
+            })]
+          })]
+        }), camera && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: _MyFileUploadModule.default.myFileUploadContainerItem,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: _MyFileUploadModule.default.myFileUploadContainerItemIcon,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiCamera, {
+              className: _MyFileUploadModule.default.Icon
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: _MyFileUploadModule.default.myFileUploadContainerItemIconText,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                children: "You can take a photo from the camera."
+              })
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: _MyFileUploadModule.default.myFileUploadContainerItemFile,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+              type: "button",
+              className: _MyFileUploadModule.default.myFileUploadButton,
+              onClick: () => setCameraopen(true),
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiCamera, {})
+            })
+          })]
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MyModal.default, {
+      show: cameraopen,
+      onClose: () => setCameraopen(false),
+      title: t("Fotoğraf Çek"),
+      closeOnEsc: false,
+      closeOnBackdropClick: false,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHtml5CameraPhoto.default, {
+          videoConstraints: {
+            deviceId: selectedDeviceId ? {
+              exact: selectedDeviceId
+            } : undefined
+          },
+          onTakePhoto: dataUri => {
+            console.log(dataUri);
+            handleTakePhoto(dataUri);
+          },
+          onCameraError: handleCameraError,
+          onCameraStart: stream => {
+            handleCameraStart(stream);
+          },
+          onCameraStop: () => {
+            handleCameraStop();
+          },
+          idealFacingMode: _reactHtml5CameraPhoto.FACING_MODES.ENVIRONMENT,
+          idealResolution: {
+            width: 1024,
+            height: 1024
+          },
+          imageType: _reactHtml5CameraPhoto.IMAGE_TYPES.JPG,
+          isMaxResolution: true,
+          isImageMirror: false,
+          isSilentMode: false,
+          isDisplayStartCameraError: true,
+          isFullscreen: false,
+          sizeFactor: 1
+        })
+      })
+    })]
+  });
 }

package/dist/components/MyImageCropper/MyImageCropper.js

@@ -1,13 +1,23 @@
-import React, { useState } from "react";
-import ReactCrop from "react-image-crop";
-import "react-image-crop/dist/ReactCrop.css";
-import MyImageZoom from "../MyZoomImage/MyZoomImage";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactImageCrop = _interopRequireDefault(require("react-image-crop"));
+require("react-image-crop/dist/ReactCrop.css");
+var _MyZoomImage = _interopRequireDefault(require("../MyZoomImage/MyZoomImage"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const MyImageCropper = ({
   image,
   style = null,
   onChange = null
 }) => {
-  const [crop, setCrop] = useState({
+  const [crop, setCrop] = (0, _react.useState)({
     x: 0,
     y: 0,
     width: 0,
@@ -15,13 +25,13 @@ const MyImageCropper = ({
     aspect: 1
   });
   // const [croppedImageUrl, setCroppedImageUrl] = useState(null);
-  const [imageRef, setImageRef] = useState(null);
-  const [zoom, setZoom] = useState({
+  const [imageRef, setImageRef] = (0, _react.useState)(null);
+  const [zoom, setZoom] = (0, _react.useState)({
     scale: 1,
     positionX: 0,
     positionY: 0
   }); // Zoom seviyesini saklamak için state
-  const [scaleFactor, setScaleFactor] = useState(1.5);
+  const [scaleFactor, setScaleFactor] = (0, _react.useState)(1.5);
 
   // Görüntü yüklendiğinde çağrılır
   const handleImageLoad = e => {
@@ -76,20 +86,23 @@ const MyImageCropper = ({
       });
     }
   };
-  return /*#__PURE__*/React.createElement("div", {
-    style: style
-  }, image && /*#__PURE__*/React.createElement(ReactCrop, {
-    crop: crop,
-    onComplete: onCropComplete,
-    onChange: newCrop => setCrop(newCrop),
-    style: style
-  }, /*#__PURE__*/React.createElement(MyImageZoom, {
-    onZoomChange: handleZoomChange
-  }, /*#__PURE__*/React.createElement("img", {
-    src: image,
-    alt: "Crop preview",
-    onLoad: handleImageLoad,
-    className: "rounded-e-md"
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: style,
+    children: image && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactImageCrop.default, {
+      crop: crop,
+      onComplete: onCropComplete,
+      onChange: newCrop => setCrop(newCrop),
+      style: style,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MyZoomImage.default, {
+        onZoomChange: handleZoomChange,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          src: image,
+          alt: "Crop preview",
+          onLoad: handleImageLoad,
+          className: "rounded-e-md"
+        })
+      })
+    })
+  });
 };
-export default MyImageCropper;
+var _default = exports.default = MyImageCropper;