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.
Files changed (63) hide show
  1. package/dist/components/MyAlert/MyAlert.js +34 -22
  2. package/dist/components/MyContainer/MyContainer.js +73 -46
  3. package/dist/components/MyContainer/MyContainerBody.js +16 -8
  4. package/dist/components/MyContainer/MyContainerFooter.js +16 -8
  5. package/dist/components/MyContainer/MyContainerRight.js +17 -9
  6. package/dist/components/MyEditor/MyEditor.js +160 -106
  7. package/dist/components/MyFileUpload/MyFileUpload.js +214 -140
  8. package/dist/components/MyImageCropper/MyImageCropper.js +92 -53
  9. package/dist/components/MyInput/MyInput.js +745 -548
  10. package/dist/components/MyInput/index.js +22 -0
  11. package/dist/components/MyMaps/YandexMaps.js +102 -61
  12. package/dist/components/MyMenu/MenuItem.js +96 -50
  13. package/dist/components/MyModal/MyModal.js +63 -39
  14. package/dist/components/MyModal/MyModalBody.js +16 -8
  15. package/dist/components/MyModal/MyModalFooter.js +16 -8
  16. package/dist/components/MyNotFound/MyNotFound.js +30 -17
  17. package/dist/components/MyScrollableCard/MyScrollableCard.js +60 -26
  18. package/dist/components/MyTable/MyTable.js +298 -189
  19. package/dist/components/MyTable/MyTableBody.js +16 -8
  20. package/dist/components/MyTable/MyTableHead.js +16 -8
  21. package/dist/components/MyTabs/MyTabPane.js +37 -16
  22. package/dist/components/MyTabs/MyTabs.js +88 -50
  23. package/dist/components/MyWaiting/MyWaiting.js +34 -22
  24. package/dist/components/MyZoomImage/MyZoomImage.js +143 -94
  25. package/dist/index.js +131 -15
  26. package/package.json +18 -4
  27. package/.babelrc +0 -3
  28. package/src/components/MyAlert/MyAlert.css +0 -113
  29. package/src/components/MyAlert/MyAlert.jsx +0 -96
  30. package/src/components/MyContainer/MyContainer.jsx +0 -90
  31. package/src/components/MyContainer/MyContainer.module.css +0 -110
  32. package/src/components/MyContainer/MyContainerBody.jsx +0 -8
  33. package/src/components/MyContainer/MyContainerFooter.jsx +0 -8
  34. package/src/components/MyContainer/MyContainerRight.jsx +0 -11
  35. package/src/components/MyEditor/MyEditor.jsx +0 -252
  36. package/src/components/MyEditor/MyEditor.scss +0 -277
  37. package/src/components/MyFileUpload/MyFileUpload.jsx +0 -371
  38. package/src/components/MyFileUpload/MyFileUpload.module.css +0 -86
  39. package/src/components/MyImageCropper/MyImageCropper.jsx +0 -108
  40. package/src/components/MyInput/MyInput.jsx +0 -895
  41. package/src/components/MyInput/MyInput.module.css +0 -420
  42. package/src/components/MyMaps/YandexMaps.jsx +0 -186
  43. package/src/components/MyMenu/MenuItem.jsx +0 -62
  44. package/src/components/MyMenu/MyMenu.module.css +0 -102
  45. package/src/components/MyModal/MyModal.css +0 -83
  46. package/src/components/MyModal/MyModal.jsx +0 -78
  47. package/src/components/MyModal/MyModalBody.jsx +0 -8
  48. package/src/components/MyModal/MyModalFooter.jsx +0 -8
  49. package/src/components/MyNotFound/MyNotFound.css +0 -22
  50. package/src/components/MyNotFound/MyNotFound.jsx +0 -11
  51. package/src/components/MyScrollableCard/MyScrollableCard.jsx +0 -86
  52. package/src/components/MyTable/MyTable.jsx +0 -459
  53. package/src/components/MyTable/MyTable.module.css +0 -350
  54. package/src/components/MyTable/MyTableBody.jsx +0 -8
  55. package/src/components/MyTable/MyTableHead.jsx +0 -10
  56. package/src/components/MyTabs/MyTabPane.jsx +0 -9
  57. package/src/components/MyTabs/MyTabs.css +0 -105
  58. package/src/components/MyTabs/MyTabs.jsx +0 -63
  59. package/src/components/MyWaiting/MyWaiting.css +0 -28
  60. package/src/components/MyWaiting/MyWaiting.jsx +0 -27
  61. package/src/components/MyZoomImage/MyZoomImage.css +0 -0
  62. package/src/components/MyZoomImage/MyZoomImage.jsx +0 -139
  63. package/src/index.js +0 -15
@@ -1,20 +1,33 @@
1
- import React from 'react';
2
- import './MyNotFound.css'; // Modal için CSS dosyası
1
+ "use strict";
3
2
 
4
- export default function MyNotFound({
5
- message = "Kayıt Mevcut Değil!",
6
- className = null,
7
- style = null,
8
- icon = null
9
- }) {
10
- return /*#__PURE__*/React.createElement("div", {
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
- }, icon && /*#__PURE__*/React.createElement("div", {
14
- className: "icon"
15
- }, icon), /*#__PURE__*/React.createElement("span", {
16
- dangerouslySetInnerHTML: {
17
- __html: message
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
- import React, { useState, useRef } from "react";
2
- const MyScrollableCard = ({
3
- children,
4
- className
5
- }) => {
6
- const [isDragging, setIsDragging] = useState(false);
7
- const [startX, setStartX] = useState(0);
8
- const [startY, setStartY] = useState(0);
9
- const [scrollLeft, setScrollLeft] = useState(0);
10
- const [scrollTop, setScrollTop] = useState(0);
11
- const [direction, setDirection] = useState(null); // Yatay dikey mi olduğuna karar verecek
12
- const containerRef = useRef(null);
13
- const handleMouseDown = e => {
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
- const handleMouseMove = e => {
54
+ var handleMouseMove = function handleMouseMove(e) {
22
55
  if (!isDragging) return;
23
56
  e.preventDefault();
24
- const x = e.pageX - containerRef.current.offsetLeft;
25
- const y = e.pageY - containerRef.current.offsetTop;
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
- const diffX = Math.abs(x - startX);
30
- const diffY = Math.abs(y - startY);
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
- const walkX = x - startX; // Hız faktörünü kaldırdım
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
- const walkY = y - startY;
74
+ var walkY = y - startY;
42
75
  containerRef.current.scrollTop = scrollTop - walkY;
43
76
  }
44
77
  };
45
- const handleMouseUp = () => {
78
+ var handleMouseUp = function handleMouseUp() {
46
79
  setIsDragging(false);
47
80
  };
48
- const handleWheel = e => {
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__*/React.createElement("div", {
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
- }, children);
104
+ ref: containerRef,
105
+ children: children
106
+ });
73
107
  };
74
- export default MyScrollableCard;
108
+ var _default = exports["default"] = MyScrollableCard;