px-react-ui-components 1.0.3 → 1.0.5

package/dist/components/MyFileUpload/MyFileUpload.js

@@ -1,11 +1,10 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AcceptType = void 0;
-exports["default"] = MyFileUpload;
+exports.default = MyFileUpload;
 var _react = _interopRequireWildcard(require("react"));
 var _pi = require("react-icons/pi");
 var _reactImageFileResizer = _interopRequireDefault(require("react-image-file-resizer"));
@@ -17,16 +16,10 @@ var _MyFileUploadModule = _interopRequireDefault(require("./MyFileUpload.module.
 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 _getRequireWildcardCache(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; }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-var AcceptType = exports.AcceptType = {
+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",
@@ -35,51 +28,26 @@ var AcceptType = exports.AcceptType = {
   IMAGEPDF: "imagepdf"
 };
 Object.freeze(_MyAlert.MyAlertType);
-function MyFileUpload(_ref) {
-  var _ref$multiple = _ref.multiple,
-    multiple = _ref$multiple === void 0 ? false : _ref$multiple,
-    _ref$accept = _ref.accept,
-    accept = _ref$accept === void 0 ? AcceptType.ALL : _ref$accept,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? null : _ref$className,
-    _ref$camera = _ref.camera,
-    camera = _ref$camera === void 0 ? true : _ref$camera,
-    _ref$maxSizeMB = _ref.maxSizeMB,
-    maxSizeMB = _ref$maxSizeMB === void 0 ? 50 : _ref$maxSizeMB,
-    onData = _ref.onData;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
-  var _useState3 = (0, _react.useState)(AcceptType.ALL),
-    _useState4 = _slicedToArray(_useState3, 2),
-    accepttypes = _useState4[0],
-    setAccepttypes = _useState4[1];
-  var _useState5 = (0, _react.useState)(AcceptType.ALL),
-    _useState6 = _slicedToArray(_useState5, 2),
-    acceptlabel = _useState6[0],
-    setAcceptlabel = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    cameraopen = _useState8[0],
-    setCameraopen = _useState8[1];
-  var _useState9 = (0, _react.useState)(false),
-    _useState10 = _slicedToArray(_useState9, 2),
-    cameraopened = _useState10[0],
-    setCameraopened = _useState10[1];
-  var _useState11 = (0, _react.useState)([]),
-    _useState12 = _slicedToArray(_useState11, 2),
-    devices = _useState12[0],
-    setDevices = _useState12[1];
-  var _useState13 = (0, _react.useState)(""),
-    _useState14 = _slicedToArray(_useState13, 2),
-    selectedDeviceId = _useState14[0],
-    setSelectedDeviceId = _useState14[1];
-  var fileInputRef = (0, _react.useRef)(null);
-  var 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";
-  var type_image = ".jpg,.jpeg,.png";
-  var type_media = ".mp3,.mp4,.avi,.wav";
-  (0, _react.useEffect)(function () {
+function MyFileUpload({
+  multiple = false,
+  accept = AcceptType.ALL,
+  className = null,
+  camera = true,
+  maxSizeMB = 50,
+  onData
+}) {
+  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";
+  (0, _react.useEffect)(() => {
     switch (accept) {
       case AcceptType.ALL:
         setAccepttypes(type_files + "," + type_image + "," + type_media);
@@ -106,19 +74,17 @@ function MyFileUpload(_ref) {
         setAcceptlabel("PNG, JPG, PDF");
         break;
     }
-    navigator.mediaDevices.enumerateDevices().then(function (deviceInfos) {
-      var videoDevices = deviceInfos.filter(function (device) {
-        return device.kind === "videoinput";
-      });
+    navigator.mediaDevices.enumerateDevices().then(deviceInfos => {
+      const videoDevices = deviceInfos.filter(device => device.kind === "videoinput");
       setDevices(videoDevices);
       if (videoDevices.length > 0) {
         setSelectedDeviceId(videoDevices[0].deviceId); // İlk kamerayı varsayılan olarak seç
       }
     });
   }, []);
-  var responseData = function responseData(resdata, _error) {
+  const responseData = (resdata, _error) => {
     if (_error.length > 0) {
-      var message = _error.map(function (e, i) {
+      let message = _error.map((e, i) => {
         return i + 1 + ".) <b><i>" + e.filename + "</i></b><br/>---- " + e.message + "<br/>";
       });
       (0, _MyAlert.MyAlert)("<br/><br/><div style='display: block;font-size:13px;width: 100%;text-align: left;'>" + message + "</div>", _MyAlert.MyAlertType.WARNING);
@@ -126,30 +92,29 @@ function MyFileUpload(_ref) {
     if (onData && (Array.isArray(resdata) && resdata.length > 0 || !Array.isArray(resdata) && resdata)) onData(resdata);
     setLoading(false);
   };
-  var getBase64 = function getBase64(files) {
-    var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    var response_files = [];
-    var _error = [];
-    var fileReaderCalc = 0;
+  const getBase64 = (files, callback = null) => {
+    let response_files = [];
+    let _error = [];
+    let fileReaderCalc = 0;
     setLoading(true);
-    var _loop = function _loop() {
-      var file = files[i];
-      var filesize = parseInt(file.size) / 1024 / 1024; //MB
+    for (let i = 0; i < files.length; i++) {
+      const file = files[i];
+      let filesize = parseInt(file.size) / 1024 / 1024; //MB
 
-      var file_ext = file.type.split("/");
+      let file_ext = file.type.split("/");
       file_ext = file_ext[file_ext.length - 1];
       if (filesize > maxSizeMB || accepttypes.indexOf(file_ext) == -1) {
         if (filesize > maxSizeMB) {
           _error.push({
             filename: file.name,
             // message: "Boyutu Max. Dosya Boyutundan büyük olamaz!" + ` <b>${maxSizeMB}MB</b>`,
-            message: "Size cannot be larger than Max. File Size!" + " <b>".concat(maxSizeMB, "MB</b>")
+            message: "Size cannot be larger than Max. File Size!" + ` <b>${maxSizeMB}MB</b>`
           });
         } else {
           _error.push({
             filename: file.name,
             // message: t("Dosya türü desteklenmiyor!") + ` <b>${file_ext}</b>`,
-            message: "File type not supported!" + " <b>".concat(file_ext, "</b>")
+            message: "File type not supported!" + ` <b>${file_ext}</b>`
           });
         }
         if (files.length == i + 1 && response_files.length == 0) {
@@ -158,13 +123,13 @@ function MyFileUpload(_ref) {
             callback();
           }
         }
-        return 1; // continue
+        continue;
       }
-      var extension_type = type_image.indexOf(file_ext) > -1 ? "image" : "file";
+      let extension_type = type_image.indexOf(file_ext) > -1 ? "image" : "file";
       if (extension_type == "file") {
-        var reader = new FileReader();
+        const reader = new FileReader();
         reader.onload = function () {
-          var fileitem = {
+          let fileitem = {
             base64: reader.result,
             extension: file_ext,
             extension_type: type_image.indexOf(file_ext) > -1 ? "image" : "file",
@@ -185,15 +150,15 @@ function MyFileUpload(_ref) {
         };
         reader.readAsDataURL(file);
       } else {
-        var reader_param = {
+        let reader_param = {
           file: file,
           index: i,
           ext: file_ext,
           type_image: type_image
         };
-        _reactImageFileResizer["default"].imageFileResizer(file, 2600, 2600, "JPEG", 100, 0, function (uri) {
+        _reactImageFileResizer.default.imageFileResizer(file, 2600, 2600, "JPEG", 100, 0, uri => {
           fileReaderCalc++;
-          var fileitem = {
+          let fileitem = {
             base64: uri,
             extension: reader_param.ext,
             extension_type: reader_param.type_image.indexOf(reader_param.ext) > -1 ? "image" : "file",
@@ -212,31 +177,28 @@ function MyFileUpload(_ref) {
           }
         }, "base64");
       }
-    };
-    for (var i = 0; i < files.length; i++) {
-      if (_loop()) continue;
     }
 
     // responseData(response_files, _error);
   };
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (!cameraopen) {
       setCameraopened(false);
     }
   }, [cameraopen]);
-  var handleFileInputChange = function handleFileInputChange(e) {
-    getBase64(e.target.files, function () {
+  const handleFileInputChange = e => {
+    getBase64(e.target.files, () => {
       if (fileInputRef.current) {
         fileInputRef.current.value = '';
         fileInputRef.current.files = null;
       }
     });
   };
-  var handleDeviceChange = function handleDeviceChange(event) {
+  const handleDeviceChange = event => {
     setSelectedDeviceId(event.target.value);
   };
-  var handleTakePhoto = function handleTakePhoto(dataUri) {
-    var fileitem = {
+  const handleTakePhoto = dataUri => {
+    let fileitem = {
       base64: dataUri,
       extension: "jpg",
       extension_type: "image",
@@ -246,36 +208,36 @@ function MyFileUpload(_ref) {
     setCameraopened(false);
     setCameraopen(false);
   };
-  var handleCameraError = function handleCameraError() {
+  const handleCameraError = () => {
     // setCameraopened(false);
     // setCameraopen(false);
   };
-  var handleCameraStart = function handleCameraStart(stream) {
+  const handleCameraStart = stream => {
     setCameraopened(true);
   };
-  var handleCameraStop = function handleCameraStop() {
+  const handleCameraStop = () => {
     //  setCameraopened(false);
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MyWaiting["default"], {
+    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,
+        className: _MyFileUploadModule.default.myFileUploadContainer,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: _MyFileUploadModule["default"].myFileUploadContainerItem,
+          className: _MyFileUploadModule.default.myFileUploadContainerItem,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: _MyFileUploadModule["default"].myFileUploadContainerItemIcon,
+            className: _MyFileUploadModule.default.myFileUploadContainerItemIcon,
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiFileArrowUpLight, {
-              className: _MyFileUploadModule["default"].Icon
+              className: _MyFileUploadModule.default.Icon
             }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("h2", {
-              className: _MyFileUploadModule["default"].myFileUploadContainerItemIconText,
+              className: _MyFileUploadModule.default.myFileUploadContainerItemIconText,
               children: [acceptlabel, /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), " ", maxSizeMB, " MB"]
             })]
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: _MyFileUploadModule["default"].myFileUploadContainerItemFile,
+            className: _MyFileUploadModule.default.myFileUploadContainerItemFile,
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
               type: "file",
               hidden: true,
@@ -284,62 +246,56 @@ function MyFileUpload(_ref) {
               multiple: multiple,
               accept: accepttypes
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: _MyFileUploadModule["default"].myFileUploadButton,
-              onClick: function onClick() {
-                return fileInputRef.current.click();
-              },
+              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,
+          className: _MyFileUploadModule.default.myFileUploadContainerItem,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: _MyFileUploadModule["default"].myFileUploadContainerItemIcon,
+            className: _MyFileUploadModule.default.myFileUploadContainerItemIcon,
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiCamera, {
-              className: _MyFileUploadModule["default"].Icon
+              className: _MyFileUploadModule.default.Icon
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: _MyFileUploadModule["default"].myFileUploadContainerItemIconText,
+              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,
+            className: _MyFileUploadModule.default.myFileUploadContainerItemFile,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
               type: "button",
-              className: _MyFileUploadModule["default"].myFileUploadButton,
-              onClick: function onClick() {
-                return setCameraopen(true);
-              },
+              className: _MyFileUploadModule.default.myFileUploadButton,
+              onClick: () => setCameraopen(true),
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiCamera, {})
             })
           })]
         })]
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MyModal["default"], {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MyModal.default, {
       show: cameraopen,
-      onClose: function onClose() {
-        return setCameraopen(false);
-      },
+      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"], {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHtml5CameraPhoto.default, {
           videoConstraints: {
             deviceId: selectedDeviceId ? {
               exact: selectedDeviceId
             } : undefined
           },
-          onTakePhoto: function onTakePhoto(dataUri) {
+          onTakePhoto: dataUri => {
             console.log(dataUri);
             handleTakePhoto(dataUri);
           },
           onCameraError: handleCameraError,
-          onCameraStart: function onCameraStart(stream) {
+          onCameraStart: stream => {
             handleCameraStart(stream);
           },
-          onCameraStop: function onCameraStop() {
+          onCameraStop: () => {
             handleCameraStop();
           },
           idealFacingMode: _reactHtml5CameraPhoto.FACING_MODES.ENVIRONMENT,

package/dist/components/MyImageCropper/MyImageCropper.js

@@ -1,107 +1,83 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+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 _getRequireWildcardCache(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; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-var MyImageCropper = function MyImageCropper(_ref) {
-  var image = _ref.image,
-    _ref$style = _ref.style,
-    style = _ref$style === void 0 ? null : _ref$style,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? null : _ref$onChange;
-  var _useState = (0, _react.useState)({
-      x: 0,
-      y: 0,
-      width: 0,
-      height: 0,
-      aspect: 1
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    crop = _useState2[0],
-    setCrop = _useState2[1];
+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] = (0, _react.useState)({
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0,
+    aspect: 1
+  });
   // const [croppedImageUrl, setCroppedImageUrl] = useState(null);
-  var _useState3 = (0, _react.useState)(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    imageRef = _useState4[0],
-    setImageRef = _useState4[1];
-  var _useState5 = (0, _react.useState)({
-      scale: 1,
-      positionX: 0,
-      positionY: 0
-    }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    zoom = _useState6[0],
-    setZoom = _useState6[1]; // Zoom seviyesini saklamak için state
-  var _useState7 = (0, _react.useState)(1.5),
-    _useState8 = _slicedToArray(_useState7, 2),
-    scaleFactor = _useState8[0],
-    setScaleFactor = _useState8[1];
+  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] = (0, _react.useState)(1.5);
 
   // Görüntü yüklendiğinde çağrılır
-  var handleImageLoad = function handleImageLoad(e) {
+  const handleImageLoad = e => {
     setImageRef(e.currentTarget); // HTMLImageElement olarak kaydediyoruz
   };
 
   // Zoom değiştiğinde çağrılır
-  var handleZoomChange = function handleZoomChange(newZoom) {
+  const handleZoomChange = newZoom => {
     setZoom(newZoom);
     setScaleFactor(newZoom.scale * 3);
   };
 
   // Kırpma tamamlandığında çağrılır
-  var onCropComplete = function onCropComplete(newCrop) {
+  const onCropComplete = newCrop => {
     if (imageRef && newCrop.width && newCrop.height) {
       // Zoom oranını kullanarak yeni koordinatlar hesapla
-      var adjustedCrop = _objectSpread(_objectSpread({}, newCrop), {}, {
+      const adjustedCrop = {
+        ...newCrop,
         x: (newCrop.x - zoom.positionX) / zoom.scale,
         y: (newCrop.y - zoom.positionY) / zoom.scale,
         width: newCrop.width / zoom.scale,
         height: newCrop.height / zoom.scale
-      });
+      };
       generateCroppedImage(imageRef, adjustedCrop);
     }
   };
 
   // Kırpılmış görseli base64 formatında almak için
-  var generateCroppedImage = function generateCroppedImage(image, crop) {
+  const generateCroppedImage = (image, crop) => {
     if (!crop || !crop.width || !crop.height || crop.width === 0) {
       console.warn("Geçersiz kırpma ölçüleri");
       return;
     }
-    var canvas = document.createElement("canvas");
-    var scaleX = image.naturalWidth / image.width;
-    var scaleY = image.naturalHeight / image.height;
+    const canvas = document.createElement("canvas");
+    const scaleX = image.naturalWidth / image.width;
+    const scaleY = image.naturalHeight / image.height;
 
     // Kesim boyutlarını scaleFactor ile çarp
-    var outputWidth = crop.width * scaleFactor;
-    var outputHeight = crop.height * scaleFactor;
+    const outputWidth = crop.width * scaleFactor;
+    const outputHeight = crop.height * scaleFactor;
     canvas.width = outputWidth;
     canvas.height = outputHeight;
-    var ctx = canvas.getContext("2d");
+    const ctx = canvas.getContext("2d");
     ctx.drawImage(image, crop.x * scaleX, crop.y * scaleY, crop.width * scaleX, crop.height * scaleY, 0, 0, outputWidth, outputHeight // Büyütülmüş boyutlar
     );
-    var base64Image = canvas.toDataURL("image/jpeg");
+    const base64Image = canvas.toDataURL("image/jpeg");
     // setCroppedImageUrl(base64Image);
 
     if (onChange) {
@@ -112,14 +88,12 @@ var MyImageCropper = function MyImageCropper(_ref) {
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     style: style,
-    children: image && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactImageCrop["default"], {
+    children: image && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactImageCrop.default, {
       crop: crop,
       onComplete: onCropComplete,
-      onChange: function onChange(newCrop) {
-        return setCrop(newCrop);
-      },
+      onChange: newCrop => setCrop(newCrop),
       style: style,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MyZoomImage["default"], {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MyZoomImage.default, {
         onZoomChange: handleZoomChange,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
           src: image,
@@ -131,4 +105,4 @@ var MyImageCropper = function MyImageCropper(_ref) {
     })
   });
 };
-var _default = exports["default"] = MyImageCropper;
+var _default = exports.default = MyImageCropper;