px-react-ui-components 1.0.1 → 1.0.3
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.
- package/dist/components/MyAlert/MyAlert.js +34 -22
- package/dist/components/MyContainer/MyContainer.js +73 -46
- package/dist/components/MyContainer/MyContainerBody.js +16 -8
- package/dist/components/MyContainer/MyContainerFooter.js +16 -8
- package/dist/components/MyContainer/MyContainerRight.js +17 -9
- package/dist/components/MyEditor/MyEditor.js +160 -106
- package/dist/components/MyFileUpload/MyFileUpload.js +214 -140
- package/dist/components/MyImageCropper/MyImageCropper.js +92 -53
- package/dist/components/MyInput/MyInput.js +745 -548
- package/dist/components/MyInput/index.js +22 -0
- package/dist/components/MyMaps/YandexMaps.js +102 -61
- package/dist/components/MyMenu/MenuItem.js +96 -50
- package/dist/components/MyModal/MyModal.js +63 -39
- package/dist/components/MyModal/MyModalBody.js +16 -8
- package/dist/components/MyModal/MyModalFooter.js +16 -8
- package/dist/components/MyNotFound/MyNotFound.js +30 -17
- package/dist/components/MyScrollableCard/MyScrollableCard.js +60 -26
- package/dist/components/MyTable/MyTable.js +298 -189
- package/dist/components/MyTable/MyTableBody.js +16 -8
- package/dist/components/MyTable/MyTableHead.js +16 -8
- package/dist/components/MyTabs/MyTabPane.js +37 -16
- package/dist/components/MyTabs/MyTabs.js +88 -50
- package/dist/components/MyWaiting/MyWaiting.js +34 -22
- package/dist/components/MyZoomImage/MyZoomImage.js +143 -94
- package/dist/index.js +131 -15
- package/package.json +18 -4
- package/.babelrc +0 -3
- package/src/components/MyAlert/MyAlert.css +0 -113
- package/src/components/MyAlert/MyAlert.jsx +0 -96
- package/src/components/MyContainer/MyContainer.jsx +0 -90
- package/src/components/MyContainer/MyContainer.module.css +0 -110
- package/src/components/MyContainer/MyContainerBody.jsx +0 -8
- package/src/components/MyContainer/MyContainerFooter.jsx +0 -8
- package/src/components/MyContainer/MyContainerRight.jsx +0 -11
- package/src/components/MyEditor/MyEditor.jsx +0 -252
- package/src/components/MyEditor/MyEditor.scss +0 -277
- package/src/components/MyFileUpload/MyFileUpload.jsx +0 -371
- package/src/components/MyFileUpload/MyFileUpload.module.css +0 -86
- package/src/components/MyImageCropper/MyImageCropper.jsx +0 -108
- package/src/components/MyInput/MyInput.jsx +0 -895
- package/src/components/MyInput/MyInput.module.css +0 -420
- package/src/components/MyMaps/YandexMaps.jsx +0 -186
- package/src/components/MyMenu/MenuItem.jsx +0 -62
- package/src/components/MyMenu/MyMenu.module.css +0 -102
- package/src/components/MyModal/MyModal.css +0 -83
- package/src/components/MyModal/MyModal.jsx +0 -78
- package/src/components/MyModal/MyModalBody.jsx +0 -8
- package/src/components/MyModal/MyModalFooter.jsx +0 -8
- package/src/components/MyNotFound/MyNotFound.css +0 -22
- package/src/components/MyNotFound/MyNotFound.jsx +0 -11
- package/src/components/MyScrollableCard/MyScrollableCard.jsx +0 -86
- package/src/components/MyTable/MyTable.jsx +0 -459
- package/src/components/MyTable/MyTable.module.css +0 -350
- package/src/components/MyTable/MyTableBody.jsx +0 -8
- package/src/components/MyTable/MyTableHead.jsx +0 -10
- package/src/components/MyTabs/MyTabPane.jsx +0 -9
- package/src/components/MyTabs/MyTabs.css +0 -105
- package/src/components/MyTabs/MyTabs.jsx +0 -63
- package/src/components/MyWaiting/MyWaiting.css +0 -28
- package/src/components/MyWaiting/MyWaiting.jsx +0 -27
- package/src/components/MyZoomImage/MyZoomImage.css +0 -0
- package/src/components/MyZoomImage/MyZoomImage.jsx +0 -139
- package/src/index.js +0 -15
|
@@ -1,20 +1,33 @@
|
|
|
1
|
-
|
|
2
|
-
import './MyNotFound.css'; // Modal için CSS dosyası
|
|
1
|
+
"use strict";
|
|
3
2
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = MyNotFound;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
require("./MyNotFound.css");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
11
|
+
// Modal için CSS dosyası
|
|
12
|
+
function MyNotFound(_ref) {
|
|
13
|
+
var _ref$message = _ref.message,
|
|
14
|
+
message = _ref$message === void 0 ? "Kayıt Mevcut Değil!" : _ref$message,
|
|
15
|
+
_ref$className = _ref.className,
|
|
16
|
+
className = _ref$className === void 0 ? null : _ref$className,
|
|
17
|
+
_ref$style = _ref.style,
|
|
18
|
+
style = _ref$style === void 0 ? null : _ref$style,
|
|
19
|
+
_ref$icon = _ref.icon,
|
|
20
|
+
icon = _ref$icon === void 0 ? null : _ref$icon;
|
|
21
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
11
22
|
className: "my-nodata " + (className ? className : ''),
|
|
12
|
-
style: style
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
23
|
+
style: style,
|
|
24
|
+
children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
25
|
+
className: "icon",
|
|
26
|
+
children: icon
|
|
27
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
28
|
+
dangerouslySetInnerHTML: {
|
|
29
|
+
__html: message
|
|
30
|
+
}
|
|
31
|
+
})]
|
|
32
|
+
});
|
|
20
33
|
}
|
|
@@ -1,16 +1,49 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
11
|
+
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; }
|
|
12
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
13
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
14
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
15
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
16
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
17
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
18
|
+
var MyScrollableCard = function MyScrollableCard(_ref) {
|
|
19
|
+
var children = _ref.children,
|
|
20
|
+
className = _ref.className;
|
|
21
|
+
var _useState = (0, _react.useState)(false),
|
|
22
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
23
|
+
isDragging = _useState2[0],
|
|
24
|
+
setIsDragging = _useState2[1];
|
|
25
|
+
var _useState3 = (0, _react.useState)(0),
|
|
26
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
27
|
+
startX = _useState4[0],
|
|
28
|
+
setStartX = _useState4[1];
|
|
29
|
+
var _useState5 = (0, _react.useState)(0),
|
|
30
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
31
|
+
startY = _useState6[0],
|
|
32
|
+
setStartY = _useState6[1];
|
|
33
|
+
var _useState7 = (0, _react.useState)(0),
|
|
34
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
35
|
+
scrollLeft = _useState8[0],
|
|
36
|
+
setScrollLeft = _useState8[1];
|
|
37
|
+
var _useState9 = (0, _react.useState)(0),
|
|
38
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
39
|
+
scrollTop = _useState10[0],
|
|
40
|
+
setScrollTop = _useState10[1];
|
|
41
|
+
var _useState11 = (0, _react.useState)(null),
|
|
42
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
43
|
+
direction = _useState12[0],
|
|
44
|
+
setDirection = _useState12[1]; // Yatay mı dikey mi olduğuna karar verecek
|
|
45
|
+
var containerRef = (0, _react.useRef)(null);
|
|
46
|
+
var handleMouseDown = function handleMouseDown(e) {
|
|
14
47
|
setIsDragging(true);
|
|
15
48
|
setStartX(e.pageX - containerRef.current.offsetLeft);
|
|
16
49
|
setStartY(e.pageY - containerRef.current.offsetTop);
|
|
@@ -18,16 +51,16 @@ const MyScrollableCard = ({
|
|
|
18
51
|
setScrollTop(containerRef.current.scrollTop);
|
|
19
52
|
setDirection(null); // Fare basıldığı anda yönü sıfırla
|
|
20
53
|
};
|
|
21
|
-
|
|
54
|
+
var handleMouseMove = function handleMouseMove(e) {
|
|
22
55
|
if (!isDragging) return;
|
|
23
56
|
e.preventDefault();
|
|
24
|
-
|
|
25
|
-
|
|
57
|
+
var x = e.pageX - containerRef.current.offsetLeft;
|
|
58
|
+
var y = e.pageY - containerRef.current.offsetTop;
|
|
26
59
|
|
|
27
60
|
// İlk hareket yönünü belirle
|
|
28
61
|
if (direction === null) {
|
|
29
|
-
|
|
30
|
-
|
|
62
|
+
var diffX = Math.abs(x - startX);
|
|
63
|
+
var diffY = Math.abs(y - startY);
|
|
31
64
|
if (diffX > diffY) {
|
|
32
65
|
setDirection("horizontal");
|
|
33
66
|
} else {
|
|
@@ -35,17 +68,17 @@ const MyScrollableCard = ({
|
|
|
35
68
|
}
|
|
36
69
|
}
|
|
37
70
|
if (direction === "horizontal") {
|
|
38
|
-
|
|
71
|
+
var walkX = x - startX; // Hız faktörünü kaldırdım
|
|
39
72
|
containerRef.current.scrollLeft = scrollLeft - walkX; // Düz kaydırma
|
|
40
73
|
} else if (direction === "vertical") {
|
|
41
|
-
|
|
74
|
+
var walkY = y - startY;
|
|
42
75
|
containerRef.current.scrollTop = scrollTop - walkY;
|
|
43
76
|
}
|
|
44
77
|
};
|
|
45
|
-
|
|
78
|
+
var handleMouseUp = function handleMouseUp() {
|
|
46
79
|
setIsDragging(false);
|
|
47
80
|
};
|
|
48
|
-
|
|
81
|
+
var handleWheel = function handleWheel(e) {
|
|
49
82
|
e.preventDefault();
|
|
50
83
|
containerRef.current.scrollLeft += e.deltaY * 2; // Yatay tekerlek kaydırma
|
|
51
84
|
|
|
@@ -61,14 +94,15 @@ const MyScrollableCard = ({
|
|
|
61
94
|
// containerRef.current.scrollTop += deltaY * 2; // Dikey tekerlek kaydırma
|
|
62
95
|
// }
|
|
63
96
|
};
|
|
64
|
-
return /*#__PURE__*/
|
|
97
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
65
98
|
className: className,
|
|
66
99
|
onMouseDown: handleMouseDown,
|
|
67
100
|
onMouseMove: handleMouseMove,
|
|
68
101
|
onMouseLeave: handleMouseUp,
|
|
69
102
|
onMouseUp: handleMouseUp,
|
|
70
103
|
onWheel: handleWheel,
|
|
71
|
-
ref: containerRef
|
|
72
|
-
|
|
104
|
+
ref: containerRef,
|
|
105
|
+
children: children
|
|
106
|
+
});
|
|
73
107
|
};
|
|
74
|
-
|
|
108
|
+
var _default = exports["default"] = MyScrollableCard;
|