px-react-ui-components 1.0.14 → 1.0.16

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.
@@ -1,86 +1,86 @@
1
- .myFileUploadContainer {
2
- display: flex;
3
- width: 100%;
4
- flex-direction: row;
5
- gap: 5px;
6
- }
7
-
8
- .myFileUploadContainer .myFileUploadContainerItem {
9
- width: 100%;
10
- padding: 5px;
11
- background-color: #f0f0f0;
12
- border-radius: 5px;
13
- border: 1px dashed #ccc;
14
- display: flex;
15
- flex-direction: row;
16
- justify-content: center;
17
- align-items: center;
18
- gap: 3px;
19
- }
20
-
21
- .myFileUploadContainer
22
- .myFileUploadContainerItem
23
- .myFileUploadContainerItemIcon {
24
- display: flex;
25
- width: 100%;
26
-
27
- flex-direction: row;
28
- justify-content: center;
29
- align-items: center;
30
- gap: 1px;
31
- }
32
-
33
- .myFileUploadContainer
34
- .myFileUploadContainerItem
35
- .myFileUploadContainerItemIcon
36
- .Icon {
37
- font-size: 35px;
38
- color: #17305b;
39
- }
40
-
41
- .myFileUploadContainer
42
- .myFileUploadContainerItem
43
- .myFileUploadContainerItemIcon
44
- .myFileUploadContainerItemIconText {
45
- width: 100%;
46
-
47
- text-align: center;
48
- font-weight: normal;
49
- color: #636363;
50
- font-size: 12px;
51
- line-height: 1.3;
52
- }
53
-
54
- .myFileUploadContainer
55
- .myFileUploadContainerItem
56
- .myFileUploadContainerItemFile {
57
- display: flex;
58
- flex-direction: row;
59
- justify-content: center;
60
- align-items: center;
61
- }
62
-
63
- .myFileUploadContainer
64
- .myFileUploadContainerItem
65
- .myFileUploadContainerItemFile
66
- .myFileUploadButton {
67
- display: flex;
68
- width: 200px;
69
- height: 35px;
70
- flex-direction: column;
71
- align-items: center;
72
- justify-content: center;
73
- gap: 10px;
74
- flex-shrink: 0;
75
- background-color: #334f7f;
76
- color: #fff;
77
- border-radius: 15px;
78
- cursor: pointer;
79
- font-size: 13px;
80
- }
81
- .myFileUploadContainer
82
- .myFileUploadContainerItem
83
- .myFileUploadContainerItemFile
84
- .myFileUploadButton:hover {
85
- background-color: #2a436a;
86
- }
1
+ .myFileUploadContainer {
2
+ display: flex;
3
+ width: 100%;
4
+ flex-direction: row;
5
+ gap: 5px;
6
+ }
7
+
8
+ .myFileUploadContainer .myFileUploadContainerItem {
9
+ width: 100%;
10
+ padding: 5px;
11
+ background-color: #f0f0f0;
12
+ border-radius: 5px;
13
+ border: 1px dashed #ccc;
14
+ display: flex;
15
+ flex-direction: row;
16
+ justify-content: center;
17
+ align-items: center;
18
+ gap: 3px;
19
+ }
20
+
21
+ .myFileUploadContainer
22
+ .myFileUploadContainerItem
23
+ .myFileUploadContainerItemIcon {
24
+ display: flex;
25
+ width: 100%;
26
+
27
+ flex-direction: row;
28
+ justify-content: center;
29
+ align-items: center;
30
+ gap: 1px;
31
+ }
32
+
33
+ .myFileUploadContainer
34
+ .myFileUploadContainerItem
35
+ .myFileUploadContainerItemIcon
36
+ .Icon {
37
+ font-size: 35px;
38
+ color: #17305b;
39
+ }
40
+
41
+ .myFileUploadContainer
42
+ .myFileUploadContainerItem
43
+ .myFileUploadContainerItemIcon
44
+ .myFileUploadContainerItemIconText {
45
+ width: 100%;
46
+
47
+ text-align: center;
48
+ font-weight: normal;
49
+ color: #636363;
50
+ font-size: 12px;
51
+ line-height: 1.3;
52
+ }
53
+
54
+ .myFileUploadContainer
55
+ .myFileUploadContainerItem
56
+ .myFileUploadContainerItemFile {
57
+ display: flex;
58
+ flex-direction: row;
59
+ justify-content: center;
60
+ align-items: center;
61
+ }
62
+
63
+ .myFileUploadContainer
64
+ .myFileUploadContainerItem
65
+ .myFileUploadContainerItemFile
66
+ .myFileUploadButton {
67
+ display: flex;
68
+ width: 200px;
69
+ height: 35px;
70
+ flex-direction: column;
71
+ align-items: center;
72
+ justify-content: center;
73
+ gap: 10px;
74
+ flex-shrink: 0;
75
+ background-color: #334f7f;
76
+ color: #fff;
77
+ border-radius: 15px;
78
+ cursor: pointer;
79
+ font-size: 13px;
80
+ }
81
+ .myFileUploadContainer
82
+ .myFileUploadContainerItem
83
+ .myFileUploadContainerItemFile
84
+ .myFileUploadButton:hover {
85
+ background-color: #2a436a;
86
+ }
@@ -10,7 +10,8 @@ require("react-image-crop/dist/ReactCrop.css");
10
10
  var _MyZoomImage = _interopRequireDefault(require("../MyZoomImage/MyZoomImage"));
11
11
  var _jsxRuntime = require("react/jsx-runtime");
12
12
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
13
- 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); }
13
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
14
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
14
15
  const MyImageCropper = ({
15
16
  image,
16
17
  style = null,
@@ -9,7 +9,8 @@ var _MyInputModule = _interopRequireDefault(require("./MyInput.module.css"));
9
9
  var _pi = require("react-icons/pi");
10
10
  var _jsxRuntime = require("react/jsx-runtime");
11
11
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
- 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); }
12
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
13
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
13
14
  const MyInputType = exports.MyInputType = Object.freeze({
14
15
  TEXT: 'text',
15
16
  PASSWORD: 'password',
@@ -201,6 +202,10 @@ function MyInput({
201
202
 
202
203
  // Eğer değer değişmediyse güncelleme yapma
203
204
  if (newValue === myValue) return;
205
+ if (type === MyInputType.TEXT || type === MyInputType.TEXTAREA) {
206
+ myValue = newValue.trim();
207
+ if (uppercase) myValue = myValue.toLocaleUpperCase("TR");else if (lowercase) myValue = myValue.toLocaleLowerCase("TR");else if (firstUppercase) myValue = myValue.split(' ').map(word => word.charAt(0).toLocaleUpperCase("TR") + word.slice(1).toLocaleLowerCase("TR")).join(' ');
208
+ }
204
209
 
205
210
  // Typing durumunu güncelle
206
211
  setIsTyping(true);