px-react-ui-components 1.1.21 → 1.1.23
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,16 @@ 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
|
-
|
|
58
|
-
onData
|
|
59
|
+
classNameModal = null,
|
|
60
|
+
classNameButtonIcon = null
|
|
59
61
|
}) {
|
|
60
62
|
const localT = typeof t === "function" ? t : key => key;
|
|
61
63
|
const [loading, setLoading] = (0, _react.useState)(false);
|
|
@@ -251,9 +253,9 @@ function MyFileUpload({
|
|
|
251
253
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
252
254
|
className: _MyFileUploadModule.default.myFileUploadContainerItem + (classNameItem != null ? " " + classNameItem : ''),
|
|
253
255
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
254
|
-
className: _MyFileUploadModule.default.myFileUploadContainerItemIcon
|
|
256
|
+
className: _MyFileUploadModule.default.myFileUploadContainerItemIcon,
|
|
255
257
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiFileArrowUpLight, {
|
|
256
|
-
className: _MyFileUploadModule.default.Icon
|
|
258
|
+
className: _MyFileUploadModule.default.Icon + (classNameIcon != null ? " " + classNameIcon : '')
|
|
257
259
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("h2", {
|
|
258
260
|
className: _MyFileUploadModule.default.myFileUploadContainerItemIconText,
|
|
259
261
|
children: [acceptlabel, /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), " ", maxSizeMB, " MB"]
|
|
@@ -270,15 +272,17 @@ function MyFileUpload({
|
|
|
270
272
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
271
273
|
className: _MyFileUploadModule.default.myFileUploadButton + (classNameButton != null ? " " + classNameButton : ''),
|
|
272
274
|
onClick: () => fileInputRef.current.click(),
|
|
273
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_md.MdOutlineAttachFile, {
|
|
275
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_md.MdOutlineAttachFile, {
|
|
276
|
+
className: +(classNameButtonIcon != null ? " " + classNameButtonIcon : '')
|
|
277
|
+
})
|
|
274
278
|
})]
|
|
275
279
|
})]
|
|
276
280
|
}), camera && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
277
281
|
className: _MyFileUploadModule.default.myFileUploadContainerItem + (classNameItem != null ? " " + classNameItem : ''),
|
|
278
282
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
279
|
-
className: _MyFileUploadModule.default.myFileUploadContainerItemIcon
|
|
283
|
+
className: _MyFileUploadModule.default.myFileUploadContainerItemIcon,
|
|
280
284
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiCamera, {
|
|
281
|
-
className: _MyFileUploadModule.default.Icon
|
|
285
|
+
className: _MyFileUploadModule.default.Icon + (classNameIcon != null ? " " + classNameIcon : '')
|
|
282
286
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
283
287
|
className: _MyFileUploadModule.default.myFileUploadContainerItemIconText,
|
|
284
288
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
@@ -291,7 +295,9 @@ function MyFileUpload({
|
|
|
291
295
|
type: "button",
|
|
292
296
|
className: _MyFileUploadModule.default.myFileUploadButton + (classNameButton != null ? " " + classNameButton : ''),
|
|
293
297
|
onClick: () => setCameraopen(true),
|
|
294
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiCamera, {
|
|
298
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiCamera, {
|
|
299
|
+
className: +(classNameButtonIcon != null ? " " + classNameButtonIcon : '')
|
|
300
|
+
})
|
|
295
301
|
})
|
|
296
302
|
})]
|
|
297
303
|
})]
|
|
@@ -302,6 +308,7 @@ function MyFileUpload({
|
|
|
302
308
|
title: localT("Fotoğraf Çek"),
|
|
303
309
|
closeOnEsc: false,
|
|
304
310
|
closeOnBackdropClick: false,
|
|
311
|
+
className: classNameModal != null ? " " + classNameModal : '',
|
|
305
312
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
306
313
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Camera, {
|
|
307
314
|
videoConstraints: {
|