px-react-ui-components 1.1.20 → 1.1.22
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.
|
@@ -48,14 +48,15 @@ function MyFileUpload({
|
|
|
48
48
|
t = null,
|
|
49
49
|
multiple = false,
|
|
50
50
|
accept = MyFileUploadAcceptType.ALL,
|
|
51
|
+
camera = true,
|
|
52
|
+
maxSizeMB = 50,
|
|
53
|
+
onData,
|
|
51
54
|
className = null,
|
|
52
55
|
classNameContainer = null,
|
|
53
56
|
classNameItem = null,
|
|
54
57
|
classNameIcon = null,
|
|
55
58
|
classNameButton = null,
|
|
56
|
-
|
|
57
|
-
maxSizeMB = 50,
|
|
58
|
-
onData
|
|
59
|
+
classNameModal = null
|
|
59
60
|
}) {
|
|
60
61
|
const localT = typeof t === "function" ? t : key => key;
|
|
61
62
|
const [loading, setLoading] = (0, _react.useState)(false);
|
|
@@ -251,15 +252,15 @@ function MyFileUpload({
|
|
|
251
252
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
252
253
|
className: _MyFileUploadModule.default.myFileUploadContainerItem + (classNameItem != null ? " " + classNameItem : ''),
|
|
253
254
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
254
|
-
className: _MyFileUploadModule.default.myFileUploadContainerItemIcon
|
|
255
|
+
className: _MyFileUploadModule.default.myFileUploadContainerItemIcon,
|
|
255
256
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiFileArrowUpLight, {
|
|
256
|
-
className: _MyFileUploadModule.default.Icon
|
|
257
|
+
className: _MyFileUploadModule.default.Icon + (classNameIcon != null ? " " + classNameIcon : '')
|
|
257
258
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("h2", {
|
|
258
259
|
className: _MyFileUploadModule.default.myFileUploadContainerItemIconText,
|
|
259
260
|
children: [acceptlabel, /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), " ", maxSizeMB, " MB"]
|
|
260
261
|
})]
|
|
261
262
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
262
|
-
className: _MyFileUploadModule.default.myFileUploadContainerItemFile
|
|
263
|
+
className: _MyFileUploadModule.default.myFileUploadContainerItemFile,
|
|
263
264
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
|
|
264
265
|
type: "file",
|
|
265
266
|
hidden: true,
|
|
@@ -268,7 +269,7 @@ function MyFileUpload({
|
|
|
268
269
|
multiple: multiple,
|
|
269
270
|
accept: MyFileUploadAcceptTypes
|
|
270
271
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
271
|
-
className: _MyFileUploadModule.default.myFileUploadButton,
|
|
272
|
+
className: _MyFileUploadModule.default.myFileUploadButton + (classNameButton != null ? " " + classNameButton : ''),
|
|
272
273
|
onClick: () => fileInputRef.current.click(),
|
|
273
274
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_md.MdOutlineAttachFile, {})
|
|
274
275
|
})]
|
|
@@ -276,9 +277,9 @@ function MyFileUpload({
|
|
|
276
277
|
}), camera && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
277
278
|
className: _MyFileUploadModule.default.myFileUploadContainerItem + (classNameItem != null ? " " + classNameItem : ''),
|
|
278
279
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
279
|
-
className: _MyFileUploadModule.default.myFileUploadContainerItemIcon
|
|
280
|
+
className: _MyFileUploadModule.default.myFileUploadContainerItemIcon,
|
|
280
281
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiCamera, {
|
|
281
|
-
className: _MyFileUploadModule.default.Icon
|
|
282
|
+
className: _MyFileUploadModule.default.Icon + (classNameIcon != null ? " " + classNameIcon : '')
|
|
282
283
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
283
284
|
className: _MyFileUploadModule.default.myFileUploadContainerItemIconText,
|
|
284
285
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
@@ -286,10 +287,10 @@ function MyFileUpload({
|
|
|
286
287
|
})
|
|
287
288
|
})]
|
|
288
289
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
289
|
-
className: _MyFileUploadModule.default.myFileUploadContainerItemFile
|
|
290
|
+
className: _MyFileUploadModule.default.myFileUploadContainerItemFile,
|
|
290
291
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
|
291
292
|
type: "button",
|
|
292
|
-
className: _MyFileUploadModule.default.myFileUploadButton,
|
|
293
|
+
className: _MyFileUploadModule.default.myFileUploadButton + (classNameButton != null ? " " + classNameButton : ''),
|
|
293
294
|
onClick: () => setCameraopen(true),
|
|
294
295
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiCamera, {})
|
|
295
296
|
})
|
|
@@ -302,6 +303,7 @@ function MyFileUpload({
|
|
|
302
303
|
title: localT("Fotoğraf Çek"),
|
|
303
304
|
closeOnEsc: false,
|
|
304
305
|
closeOnBackdropClick: false,
|
|
306
|
+
className: classNameModal != null ? " " + classNameModal : '',
|
|
305
307
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
306
308
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Camera, {
|
|
307
309
|
videoConstraints: {
|