px-react-ui-components 1.1.18 → 1.1.20

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 +13 -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,10 @@ 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
+ classNameButton = null,
52
56
  camera = true,
53
57
  maxSizeMB = 50,
54
58
  onData
@@ -241,13 +245,13 @@ function MyFileUpload({
241
245
  show: loading,
242
246
  message: ""
243
247
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
244
- className: className,
248
+ className: classNameContainer,
245
249
  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
246
- className: _MyFileUploadModule.default.myFileUploadContainer,
250
+ className: _MyFileUploadModule.default.myFileUploadContainer + (className != null ? " " + className : ''),
247
251
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
248
- className: _MyFileUploadModule.default.myFileUploadContainerItem,
252
+ className: _MyFileUploadModule.default.myFileUploadContainerItem + (classNameItem != null ? " " + classNameItem : ''),
249
253
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
250
- className: _MyFileUploadModule.default.myFileUploadContainerItemIcon,
254
+ className: _MyFileUploadModule.default.myFileUploadContainerItemIcon + (classNameIcon != null ? " " + classNameIcon : ''),
251
255
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiFileArrowUpLight, {
252
256
  className: _MyFileUploadModule.default.Icon
253
257
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("h2", {
@@ -255,7 +259,7 @@ function MyFileUpload({
255
259
  children: [acceptlabel, /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), " ", maxSizeMB, " MB"]
256
260
  })]
257
261
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
258
- className: _MyFileUploadModule.default.myFileUploadContainerItemFile,
262
+ className: _MyFileUploadModule.default.myFileUploadContainerItemFile + (classNameButton != null ? " " + classNameButton : ''),
259
263
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
260
264
  type: "file",
261
265
  hidden: true,
@@ -270,19 +274,19 @@ function MyFileUpload({
270
274
  })]
271
275
  })]
272
276
  }), camera && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
273
- className: _MyFileUploadModule.default.myFileUploadContainerItem,
277
+ className: _MyFileUploadModule.default.myFileUploadContainerItem + (classNameItem != null ? " " + classNameItem : ''),
274
278
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
275
- className: _MyFileUploadModule.default.myFileUploadContainerItemIcon,
279
+ className: _MyFileUploadModule.default.myFileUploadContainerItemIcon + (classNameIcon != null ? " " + classNameIcon : ''),
276
280
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiCamera, {
277
281
  className: _MyFileUploadModule.default.Icon
278
282
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
279
283
  className: _MyFileUploadModule.default.myFileUploadContainerItemIconText,
280
284
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
281
- children: "You can take a photo from the camera."
285
+ children: localT("Kameradan fotoğraf çekebilirsin.")
282
286
  })
283
287
  })]
284
288
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
285
- className: _MyFileUploadModule.default.myFileUploadContainerItemFile,
289
+ className: _MyFileUploadModule.default.myFileUploadContainerItemFile + (classNameButton != null ? " " + classNameButton : ''),
286
290
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
287
291
  type: "button",
288
292
  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.20",
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
+ }