px-react-ui-components 1.1.18 → 1.1.19

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.
Files changed (3) hide show
  1. package/README.md +6 -6
  2. package/dist/components/MyFileUpload/MyFileUpload.js +14 -9
  3. package/package.json +100 -100
package/README.md CHANGED
@@ -20,26 +20,26 @@ A modern, customizable React UI components library designed to simplify web deve
20
20
  npm install px-react-ui-components
21
21
 
22
22
  # Install required peer dependencies
23
- npm install react@^18.3.1 react-dom@^18.3.1 react-icons@^5.5.0
23
+ npm install react react-dom react-icons
24
24
 
25
25
  # Optional dependencies (install only if you need specific components)
26
26
  # For MyEditor component:
27
27
  npm install react-quill@^2.0.0 quill@^1.3.7 quill-image-resize-module-react@^3.0.0 quill-table-ui@^1.0.7 katex@^0.16.21
28
28
 
29
29
  # For MyAlert component:
30
- npm install react-confirm-alert@^3.0.6
30
+ npm install react-confirm-alert
31
31
 
32
32
  # For MyImageCropper component:
33
- npm install react-image-crop@^11.0.7
33
+ npm install react-image-crop
34
34
 
35
35
  # For MyWaiting component:
36
- npm install react-loader-spinner@^7.0.3
36
+ npm install react-loader-spinner
37
37
 
38
38
  # For MyFileUpload component:
39
- npm install react-image-file-resizer@^3.0.4 react-html5-camera-photo@^1.5.4
39
+ npm install react-image-file-resizer react-html5-camera-photo
40
40
 
41
41
  # For MyZoomImage component:
42
- npm install react-zoom-pan-pinch@^3.7.0
42
+ npm install react-zoom-pan-pinch
43
43
  ```
44
44
 
45
45
  ## Dependencies
package/dist/components/MyFileUpload/MyFileUpload.js CHANGED
@@ -49,6 +49,11 @@ function MyFileUpload({
49
49
  multiple = false,
50
50
  accept = MyFileUploadAcceptType.ALL,
51
51
  className = null,
52
+ classNameContainer = null,
53
+ classNameItem = null,
54
+ classNameIcon = null,
55
+ classNameFile = null,
56
+ classNameCamera = null,
52
57
  camera = true,
53
58
  maxSizeMB = 50,
54
59
  onData
@@ -241,13 +246,13 @@ function MyFileUpload({
241
246
  show: loading,
242
247
  message: ""
243
248
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
244
- className: className,
249
+ className: classNameContainer,
245
250
  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
246
- className: _MyFileUploadModule.default.myFileUploadContainer,
251
+ className: _MyFileUploadModule.default.myFileUploadContainer + (className != null ? " " + className : ''),
247
252
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
248
- className: _MyFileUploadModule.default.myFileUploadContainerItem,
253
+ className: _MyFileUploadModule.default.myFileUploadContainerItem + (classNameItem != null ? " " + classNameItem : ''),
249
254
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
250
- className: _MyFileUploadModule.default.myFileUploadContainerItemIcon,
255
+ className: _MyFileUploadModule.default.myFileUploadContainerItemIcon + (classNameIcon != null ? " " + classNameIcon : ''),
251
256
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiFileArrowUpLight, {
252
257
  className: _MyFileUploadModule.default.Icon
253
258
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("h2", {
@@ -255,7 +260,7 @@ function MyFileUpload({
255
260
  children: [acceptlabel, /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), " ", maxSizeMB, " MB"]
256
261
  })]
257
262
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
258
- className: _MyFileUploadModule.default.myFileUploadContainerItemFile,
263
+ className: _MyFileUploadModule.default.myFileUploadContainerItemFile + (classNameFile != null ? " " + classNameFile : ''),
259
264
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
260
265
  type: "file",
261
266
  hidden: true,
@@ -270,19 +275,19 @@ function MyFileUpload({
270
275
  })]
271
276
  })]
272
277
  }), camera && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
273
- className: _MyFileUploadModule.default.myFileUploadContainerItem,
278
+ className: _MyFileUploadModule.default.myFileUploadContainerItem + (classNameCamera != null ? " " + classNameCamera : ''),
274
279
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
275
- className: _MyFileUploadModule.default.myFileUploadContainerItemIcon,
280
+ className: _MyFileUploadModule.default.myFileUploadContainerItemIcon + (classNameIcon != null ? " " + classNameIcon : ''),
276
281
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiCamera, {
277
282
  className: _MyFileUploadModule.default.Icon
278
283
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
279
284
  className: _MyFileUploadModule.default.myFileUploadContainerItemIconText,
280
285
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
281
- children: "You can take a photo from the camera."
286
+ children: localT("Kameradan fotoğraf çekebilirsin.")
282
287
  })
283
288
  })]
284
289
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
285
- className: _MyFileUploadModule.default.myFileUploadContainerItemFile,
290
+ className: _MyFileUploadModule.default.myFileUploadContainerItemFile + (classNameFile != null ? " " + classNameFile : ''),
286
291
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
287
292
  type: "button",
288
293
  className: _MyFileUploadModule.default.myFileUploadButton,
package/package.json CHANGED
@@ -1,100 +1,100 @@
1
- {
2
- "name": "px-react-ui-components",
3
- "version": "1.1.18",
4
- "main": "dist/index.js",
5
- "module": "dist/index.js",
6
- "type": "commonjs",
7
- "exports": {
8
- ".": "./dist/index.js"
9
- },
10
- "files": [
11
- "dist",
12
- "dist/components",
13
- "README.md"
14
- ],
15
- "scripts": {
16
- "build": "babel src --out-dir dist --copy-files",
17
- "prepare": "npm run build"
18
- },
19
- "keywords": [
20
- "react",
21
- "components",
22
- "ui",
23
- "ui-components",
24
- "library",
25
- "design system",
26
- "styled-components",
27
- "tailwindcss",
28
- "input",
29
- "select",
30
- "datepicker",
31
- "container",
32
- "tabs"
33
- ],
34
- "author": "Piri AYKUT | piriaykut@gmail.com",
35
- "license": "MIT",
36
- "description": "React UI components library",
37
- "devDependencies": {
38
- "@babel/cli": "^7.27.0",
39
- "@babel/core": "^7.26.10",
40
- "@babel/preset-env": "^7.26.9",
41
- "@babel/preset-react": "^7.26.3"
42
- },
43
- "peerDependencies": {
44
- "react": "^18.3.1 || ^19.0.0",
45
- "react-dom": "^18.3.1 || ^19.0.0",
46
- "react-icons": "^5.5.0"
47
- },
48
- "peerDependenciesMeta": {
49
- "katex": {
50
- "optional": true
51
- },
52
- "quill": {
53
- "optional": true
54
- },
55
- "quill-image-resize-module-react": {
56
- "optional": true
57
- },
58
- "quill-table-ui": {
59
- "optional": true
60
- },
61
- "react-confirm-alert": {
62
- "optional": true
63
- },
64
- "react-image-crop": {
65
- "optional": true
66
- },
67
- "react-loader-spinner": {
68
- "optional": true
69
- },
70
- "react-quill": {
71
- "optional": true
72
- },
73
- "react-zoom-pan-pinch": {
74
- "optional": true
75
- },
76
- "react-image-file-resizer": {
77
- "optional": true
78
- },
79
- "react-html5-camera-photo": {
80
- "optional": true
81
- },
82
- "react-router-dom": {
83
- "optional": true
84
- }
85
- },
86
- "optionalDependencies": {
87
- "katex": "^0.16.21",
88
- "quill": "^1.3.7",
89
- "quill-image-resize-module-react": "^3.0.0",
90
- "quill-table-ui": "^1.0.7",
91
- "react-confirm-alert": "^3.0.6",
92
- "react-image-crop": "^11.0.7",
93
- "react-loader-spinner": "^7.0.3",
94
- "react-quill": "^2.0.0",
95
- "react-zoom-pan-pinch": "^3.7.0",
96
- "react-image-file-resizer": "^3.0.4",
97
- "react-html5-camera-photo": "^1.5.4",
98
- "react-router-dom": "^6.28.0"
99
- }
100
- }
1
+ {
2
+ "name": "px-react-ui-components",
3
+ "version": "1.1.19",
4
+ "main": "dist/index.js",
5
+ "module": "dist/index.js",
6
+ "type": "commonjs",
7
+ "exports": {
8
+ ".": "./dist/index.js"
9
+ },
10
+ "files": [
11
+ "dist",
12
+ "dist/components",
13
+ "README.md"
14
+ ],
15
+ "scripts": {
16
+ "build": "babel src --out-dir dist --copy-files",
17
+ "prepare": "npm run build"
18
+ },
19
+ "keywords": [
20
+ "react",
21
+ "components",
22
+ "ui",
23
+ "ui-components",
24
+ "library",
25
+ "design system",
26
+ "styled-components",
27
+ "tailwindcss",
28
+ "input",
29
+ "select",
30
+ "datepicker",
31
+ "container",
32
+ "tabs"
33
+ ],
34
+ "author": "Piri AYKUT | piriaykut@gmail.com",
35
+ "license": "MIT",
36
+ "description": "React UI components library",
37
+ "devDependencies": {
38
+ "@babel/cli": "^7.28.6",
39
+ "@babel/core": "^7.29.0",
40
+ "@babel/preset-env": "^7.29.2",
41
+ "@babel/preset-react": "^7.28.5"
42
+ },
43
+ "peerDependencies": {
44
+ "react": "^18.3.1",
45
+ "react-dom": "^18.3.1",
46
+ "react-icons": "^5.5.0"
47
+ },
48
+ "peerDependenciesMeta": {
49
+ "katex": {
50
+ "optional": true
51
+ },
52
+ "quill": {
53
+ "optional": true
54
+ },
55
+ "quill-image-resize-module-react": {
56
+ "optional": true
57
+ },
58
+ "quill-table-ui": {
59
+ "optional": true
60
+ },
61
+ "react-confirm-alert": {
62
+ "optional": true
63
+ },
64
+ "react-image-crop": {
65
+ "optional": true
66
+ },
67
+ "react-loader-spinner": {
68
+ "optional": true
69
+ },
70
+ "react-quill": {
71
+ "optional": true
72
+ },
73
+ "react-zoom-pan-pinch": {
74
+ "optional": true
75
+ },
76
+ "react-image-file-resizer": {
77
+ "optional": true
78
+ },
79
+ "react-html5-camera-photo": {
80
+ "optional": true
81
+ },
82
+ "react-router-dom": {
83
+ "optional": true
84
+ }
85
+ },
86
+ "optionalDependencies": {
87
+ "katex": "^0.16.44",
88
+ "quill": "^1.3.7",
89
+ "quill-image-resize-module-react": "^3.0.0",
90
+ "quill-table-ui": "^1.0.7",
91
+ "react-confirm-alert": "^3.0.6",
92
+ "react-image-crop": "^11.0.10",
93
+ "react-loader-spinner": "^7.0.3",
94
+ "react-quill": "^2.0.0",
95
+ "react-zoom-pan-pinch": "^3.7.0",
96
+ "react-image-file-resizer": "^3.0.4",
97
+ "react-html5-camera-photo": "^1.5.11",
98
+ "react-router-dom": "^6.30.3"
99
+ }
100
+ }