px-react-ui-components 1.1.17 → 1.1.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.MyFileUploadAcceptType = void 0;
|
|
7
7
|
exports.default = MyFileUpload;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _pi = require("react-icons/pi");
|
|
@@ -35,7 +35,7 @@ try {
|
|
|
35
35
|
} catch (error) {
|
|
36
36
|
console.warn("MyFileUpload: react-html5-camera-photo bağımlılığı bulunamadı.");
|
|
37
37
|
}
|
|
38
|
-
const
|
|
38
|
+
const MyFileUploadAcceptType = exports.MyFileUploadAcceptType = {
|
|
39
39
|
ALL: "all",
|
|
40
40
|
FILE: "file",
|
|
41
41
|
IMAGE: "image",
|
|
@@ -43,18 +43,20 @@ const AcceptType = exports.AcceptType = {
|
|
|
43
43
|
PDF: "pdf",
|
|
44
44
|
IMAGEPDF: "imagepdf"
|
|
45
45
|
};
|
|
46
|
-
Object.freeze(
|
|
46
|
+
Object.freeze(MyFileUploadAcceptType);
|
|
47
47
|
function MyFileUpload({
|
|
48
|
+
t = null,
|
|
48
49
|
multiple = false,
|
|
49
|
-
accept =
|
|
50
|
+
accept = MyFileUploadAcceptType.ALL,
|
|
50
51
|
className = null,
|
|
51
52
|
camera = true,
|
|
52
53
|
maxSizeMB = 50,
|
|
53
54
|
onData
|
|
54
55
|
}) {
|
|
56
|
+
const localT = typeof t === "function" ? t : key => key;
|
|
55
57
|
const [loading, setLoading] = (0, _react.useState)(false);
|
|
56
|
-
const [
|
|
57
|
-
const [acceptlabel, setAcceptlabel] = (0, _react.useState)(
|
|
58
|
+
const [MyFileUploadAcceptTypes, setMyFileUploadAcceptTypes] = (0, _react.useState)(MyFileUploadAcceptType.ALL);
|
|
59
|
+
const [acceptlabel, setAcceptlabel] = (0, _react.useState)(MyFileUploadAcceptType.ALL);
|
|
58
60
|
const [cameraopen, setCameraopen] = (0, _react.useState)(false);
|
|
59
61
|
const [cameraopened, setCameraopened] = (0, _react.useState)(false);
|
|
60
62
|
const [devices, setDevices] = (0, _react.useState)([]);
|
|
@@ -65,28 +67,28 @@ function MyFileUpload({
|
|
|
65
67
|
let type_media = ".mp3,.mp4,.avi,.wav";
|
|
66
68
|
(0, _react.useEffect)(() => {
|
|
67
69
|
switch (accept) {
|
|
68
|
-
case
|
|
69
|
-
|
|
70
|
+
case MyFileUploadAcceptType.ALL:
|
|
71
|
+
setMyFileUploadAcceptTypes(type_files + "," + type_image + "," + type_media);
|
|
70
72
|
setAcceptlabel("PNG, JPG, PDF, RAR, ZIP, MP3, MP4, AVI, WAV, Word-Excel");
|
|
71
73
|
break;
|
|
72
|
-
case
|
|
73
|
-
|
|
74
|
+
case MyFileUploadAcceptType.IMAGE:
|
|
75
|
+
setMyFileUploadAcceptTypes(type_image);
|
|
74
76
|
setAcceptlabel("PNG, JPG ");
|
|
75
77
|
break;
|
|
76
|
-
case
|
|
77
|
-
|
|
78
|
+
case MyFileUploadAcceptType.MEDIA:
|
|
79
|
+
setMyFileUploadAcceptTypes(type_media);
|
|
78
80
|
setAcceptlabel("MP3, MP4, AVI, WAV");
|
|
79
81
|
break;
|
|
80
|
-
case
|
|
81
|
-
|
|
82
|
+
case MyFileUploadAcceptType.FILE:
|
|
83
|
+
setMyFileUploadAcceptTypes(type_files + "," + type_image);
|
|
82
84
|
setAcceptlabel("PDF, RAR, ZIP, PNG, JPG, Word-Excel ");
|
|
83
85
|
break;
|
|
84
|
-
case
|
|
85
|
-
|
|
86
|
+
case MyFileUploadAcceptType.PDF:
|
|
87
|
+
setMyFileUploadAcceptTypes(".pdf");
|
|
86
88
|
setAcceptlabel("PDF");
|
|
87
89
|
break;
|
|
88
|
-
case
|
|
89
|
-
|
|
90
|
+
case MyFileUploadAcceptType.IMAGEPDF:
|
|
91
|
+
setMyFileUploadAcceptTypes(type_image + ",.pdf");
|
|
90
92
|
setAcceptlabel("PNG, JPG, PDF");
|
|
91
93
|
break;
|
|
92
94
|
}
|
|
@@ -119,7 +121,7 @@ function MyFileUpload({
|
|
|
119
121
|
|
|
120
122
|
let file_ext = file.type.split("/");
|
|
121
123
|
file_ext = file_ext[file_ext.length - 1];
|
|
122
|
-
if (filesize > maxSizeMB ||
|
|
124
|
+
if (filesize > maxSizeMB || MyFileUploadAcceptTypes.indexOf(file_ext) == -1) {
|
|
123
125
|
if (filesize > maxSizeMB) {
|
|
124
126
|
_error.push({
|
|
125
127
|
filename: file.name,
|
|
@@ -260,7 +262,7 @@ function MyFileUpload({
|
|
|
260
262
|
ref: fileInputRef,
|
|
261
263
|
onChange: handleFileInputChange,
|
|
262
264
|
multiple: multiple,
|
|
263
|
-
accept:
|
|
265
|
+
accept: MyFileUploadAcceptTypes
|
|
264
266
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
265
267
|
className: _MyFileUploadModule.default.myFileUploadButton,
|
|
266
268
|
onClick: () => fileInputRef.current.click(),
|
|
@@ -293,7 +295,7 @@ function MyFileUpload({
|
|
|
293
295
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MyModal.default, {
|
|
294
296
|
show: cameraopen,
|
|
295
297
|
onClose: () => setCameraopen(false),
|
|
296
|
-
title:
|
|
298
|
+
title: localT("Fotoğraf Çek"),
|
|
297
299
|
closeOnEsc: false,
|
|
298
300
|
closeOnBackdropClick: false,
|
|
299
301
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
package/dist/index.js
CHANGED
|
@@ -27,6 +27,12 @@ Object.defineProperty(exports, "MyFileUpload", {
|
|
|
27
27
|
return _MyFileUpload.default;
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
|
+
Object.defineProperty(exports, "MyFileUploadAcceptType", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function () {
|
|
33
|
+
return _MyFileUpload.MyFileUploadAcceptType;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
30
36
|
Object.defineProperty(exports, "MyImageCropper", {
|
|
31
37
|
enumerable: true,
|
|
32
38
|
get: function () {
|
|
@@ -104,7 +110,7 @@ var _MyInput = _interopRequireDefault(require("./components/MyInput/MyInput"));
|
|
|
104
110
|
var _MyAlert = _interopRequireDefault(require("./components/MyAlert/MyAlert"));
|
|
105
111
|
var _MyContainer = _interopRequireDefault(require("./components/MyContainer/MyContainer"));
|
|
106
112
|
var _MyEditor = _interopRequireDefault(require("./components/MyEditor/MyEditor"));
|
|
107
|
-
var _MyFileUpload =
|
|
113
|
+
var _MyFileUpload = _interopRequireWildcard(require("./components/MyFileUpload/MyFileUpload"));
|
|
108
114
|
var _MyImageCropper = _interopRequireDefault(require("./components/MyImageCropper/MyImageCropper"));
|
|
109
115
|
var _YandexMaps = _interopRequireDefault(require("./components/MyMaps/YandexMaps"));
|
|
110
116
|
var _MenuItem = _interopRequireDefault(require("./components/MyMenu/MenuItem"));
|
|
@@ -116,6 +122,7 @@ var _MyTabs = _interopRequireDefault(require("./components/MyTabs/MyTabs"));
|
|
|
116
122
|
var _MyWaiting = _interopRequireDefault(require("./components/MyWaiting/MyWaiting"));
|
|
117
123
|
var _MyZoomImage = _interopRequireDefault(require("./components/MyZoomImage/MyZoomImage"));
|
|
118
124
|
var _MySwitch = _interopRequireDefault(require("./components/MySwitch/MySwitch"));
|
|
125
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
119
126
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
120
127
|
// Export types
|
|
121
128
|
const MyInputType = exports.MyInputType = {
|