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
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _jsxRuntime = require("react/jsx-runtime");
9
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
10
+ var MyInput = function MyInput(_ref) {
11
+ var type = _ref.type,
12
+ value = _ref.value,
13
+ onChange = _ref.onChange,
14
+ placeholder = _ref.placeholder;
15
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
16
+ type: type,
17
+ value: value,
18
+ onChange: onChange,
19
+ placeholder: placeholder
20
+ });
21
+ };
22
+ var _default = exports["default"] = MyInput;
@@ -1,60 +1,96 @@
1
- import React, { useEffect, useRef, useState } from 'react';
1
+ "use strict";
2
2
 
3
- // Global olarak ymaps yükleyicisi
4
- let ymapsLoader;
5
- const loadYandexMapsAPI = APIKEY => {
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; } // Global olarak ymaps yükleyicisi
18
+ var ymapsLoader;
19
+ var loadYandexMapsAPI = function loadYandexMapsAPI(APIKEY) {
6
20
  if (ymapsLoader) {
7
21
  return ymapsLoader;
8
22
  }
9
- ymapsLoader = new Promise((resolve, reject) => {
23
+ ymapsLoader = new Promise(function (resolve, reject) {
10
24
  if (window.ymaps) {
11
25
  resolve(window.ymaps);
12
26
  } else {
13
- const script = document.getElementById("yandexmapapi");
27
+ var script = document.getElementById("yandexmapapi");
14
28
  if (!script) {
15
- const newScript = document.createElement('script');
29
+ var newScript = document.createElement('script');
16
30
  newScript.id = "yandexmapapi";
17
- newScript.src = `https://api-maps.yandex.com/2.1/?apikey=${APIKEY}&lang=tr_TR`;
31
+ newScript.src = "https://api-maps.yandex.com/2.1/?apikey=".concat(APIKEY, "&lang=tr_TR");
18
32
  newScript.async = true;
19
33
  document.head.appendChild(newScript);
20
- newScript.onload = () => {
21
- window.ymaps.ready(() => resolve(window.ymaps));
34
+ newScript.onload = function () {
35
+ window.ymaps.ready(function () {
36
+ return resolve(window.ymaps);
37
+ });
22
38
  };
23
39
  newScript.onerror = reject;
24
40
  } else {
25
- script.onload = () => {
26
- window.ymaps.ready(() => resolve(window.ymaps));
41
+ script.onload = function () {
42
+ window.ymaps.ready(function () {
43
+ return resolve(window.ymaps);
44
+ });
27
45
  };
28
46
  }
29
47
  }
30
48
  });
31
49
  return ymapsLoader;
32
50
  };
33
- const YandexMap = ({
34
- className = "",
35
- value = null,
36
- address = null,
37
- addressSearch = false,
38
- onChange = null,
39
- onAddress = null,
40
- style = null,
41
- APIKEY = null
42
- }) => {
43
- const [loaded, setLoaded] = useState(false);
44
- const [position, setPosition] = useState(null);
45
- const [error, setError] = useState(null);
46
- const [componentKey] = useState(Date.now() + '' + (Math.floor(Math.random() * (10 - 1)) + 1));
47
- const markerRef = useRef(null); // Marker için referans
51
+ var YandexMap = function YandexMap(_ref) {
52
+ var _ref$className = _ref.className,
53
+ className = _ref$className === void 0 ? "" : _ref$className,
54
+ _ref$value = _ref.value,
55
+ value = _ref$value === void 0 ? null : _ref$value,
56
+ _ref$address = _ref.address,
57
+ address = _ref$address === void 0 ? null : _ref$address,
58
+ _ref$addressSearch = _ref.addressSearch,
59
+ addressSearch = _ref$addressSearch === void 0 ? false : _ref$addressSearch,
60
+ _ref$onChange = _ref.onChange,
61
+ onChange = _ref$onChange === void 0 ? null : _ref$onChange,
62
+ _ref$onAddress = _ref.onAddress,
63
+ onAddress = _ref$onAddress === void 0 ? null : _ref$onAddress,
64
+ _ref$style = _ref.style,
65
+ style = _ref$style === void 0 ? null : _ref$style,
66
+ _ref$APIKEY = _ref.APIKEY,
67
+ APIKEY = _ref$APIKEY === void 0 ? null : _ref$APIKEY;
68
+ var _useState = (0, _react.useState)(false),
69
+ _useState2 = _slicedToArray(_useState, 2),
70
+ loaded = _useState2[0],
71
+ setLoaded = _useState2[1];
72
+ var _useState3 = (0, _react.useState)(null),
73
+ _useState4 = _slicedToArray(_useState3, 2),
74
+ position = _useState4[0],
75
+ setPosition = _useState4[1];
76
+ var _useState5 = (0, _react.useState)(null),
77
+ _useState6 = _slicedToArray(_useState5, 2),
78
+ error = _useState6[0],
79
+ setError = _useState6[1];
80
+ var _useState7 = (0, _react.useState)(Date.now() + '' + (Math.floor(Math.random() * (10 - 1)) + 1)),
81
+ _useState8 = _slicedToArray(_useState7, 1),
82
+ componentKey = _useState8[0];
83
+ var markerRef = (0, _react.useRef)(null); // Marker için referans
48
84
 
49
- const currentLocation = () => {
85
+ var currentLocation = function currentLocation() {
50
86
  if (value) {
51
87
  maps_load(parseFloat(value.coords[0]), parseFloat(value.coords[1]), parseInt(value.zoom));
52
88
  return;
53
89
  }
54
90
  if (navigator.geolocation) {
55
- navigator.geolocation.getCurrentPosition(position => {
91
+ navigator.geolocation.getCurrentPosition(function (position) {
56
92
  maps_load(position.coords.latitude, position.coords.longitude, 12);
57
- }, error => {
93
+ }, function (error) {
58
94
  console.error(error.message);
59
95
  maps_load(40.32110315567054, 32.199745873178124, 8);
60
96
  });
@@ -63,16 +99,17 @@ const YandexMap = ({
63
99
  setError("Geolocation is not supported by this browser.");
64
100
  }
65
101
  };
66
- const maps_load = (coorX, coorY, zoom = 10) => {
102
+ var maps_load = function maps_load(coorX, coorY) {
103
+ var zoom = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
67
104
  document.getElementById("map" + componentKey).innerHTML = "";
68
- const myMap = new ymaps.Map("map" + componentKey, {
105
+ var myMap = new ymaps.Map("map" + componentKey, {
69
106
  center: [coorX, coorY],
70
107
  zoom: zoom
71
108
  });
72
109
  createMarker(myMap, [coorX, coorY], zoom);
73
- myMap.events.add('click', e => {
74
- const coords = e.get('coords');
75
- let curzoom = myMap.getZoom();
110
+ myMap.events.add('click', function (e) {
111
+ var coords = e.get('coords');
112
+ var curzoom = myMap.getZoom();
76
113
  // if (curzoom < 17) {
77
114
  // curzoom = 17;
78
115
  // myMap.setZoom(curzoom);
@@ -86,77 +123,81 @@ const YandexMap = ({
86
123
  createMarker(myMap, coords, curzoom);
87
124
  });
88
125
  };
89
- const createMarker = (myMap, coords, curzoom) => {
126
+ var createMarker = function createMarker(myMap, coords, curzoom) {
90
127
  if (markerRef.current) {
91
128
  myMap.geoObjects.remove(markerRef.current); // Önceki marker'ı kaldır
92
129
  }
93
- const newMarker = new ymaps.Placemark(coords, {
94
- balloonContent: `Yeni Koordinatlar: ${coords[0]}, ${coords[1]}`
130
+ var newMarker = new ymaps.Placemark(coords, {
131
+ balloonContent: "Yeni Koordinatlar: ".concat(coords[0], ", ").concat(coords[1])
95
132
  });
96
133
  myMap.geoObjects.add(newMarker);
97
134
  markerRef.current = newMarker;
98
135
  // myMap.setCenter(coords, curzoom);
99
136
  };
100
- const getAddress = coords => {
137
+ var getAddress = function getAddress(coords) {
101
138
  if (!onAddress) return;
102
- ymaps.geocode(coords).then(res => {
103
- const firstGeoObject = res.geoObjects.get(0);
139
+ ymaps.geocode(coords).then(function (res) {
140
+ var firstGeoObject = res.geoObjects.get(0);
104
141
  if (firstGeoObject) {
105
- const address = firstGeoObject.getAddressLine();
106
- onAddress(address);
142
+ var _address = firstGeoObject.getAddressLine();
143
+ onAddress(_address);
107
144
  }
108
145
  });
109
146
  };
110
- const getAddressCoor = () => {
111
- const geocodeUrl = `https://geocode-maps.yandex.ru/1.x/?geocode=${encodeURIComponent(address)}&format=json&apikey=${APIKEY}`;
112
- fetch(geocodeUrl).then(response => response.json()).then(data => {
147
+ var getAddressCoor = function getAddressCoor() {
148
+ var geocodeUrl = "https://geocode-maps.yandex.ru/1.x/?geocode=".concat(encodeURIComponent(address), "&format=json&apikey=").concat(APIKEY);
149
+ fetch(geocodeUrl).then(function (response) {
150
+ return response.json();
151
+ }).then(function (data) {
113
152
  if (data.response.GeoObjectCollection.featureMember.length > 0) {
114
- const firstResult = data.response.GeoObjectCollection.featureMember[0].GeoObject;
115
- const pos = firstResult.Point.pos.split(' ');
153
+ var firstResult = data.response.GeoObjectCollection.featureMember[0].GeoObject;
154
+ var pos = firstResult.Point.pos.split(' ');
116
155
  maps_load(parseFloat(pos[1]), parseFloat(pos[0]), 17);
117
156
  }
118
- }).catch(err => {
119
- setError(`Hata: ${err.message}`);
157
+ })["catch"](function (err) {
158
+ setError("Hata: ".concat(err.message));
120
159
  });
121
160
  };
122
- useEffect(() => {
161
+ (0, _react.useEffect)(function () {
123
162
  if (addressSearch && !markerRef.current && address && address != "") {
124
163
  getAddressCoor();
125
164
  }
126
165
  }, [addressSearch]);
127
- useEffect(() => {
166
+ (0, _react.useEffect)(function () {
128
167
  if (onChange && loaded) {
129
168
  onChange(position);
130
169
  }
131
170
  }, [position]);
132
- const opened = () => {
171
+ var opened = function opened() {
133
172
  currentLocation();
134
- setTimeout(() => {
173
+ setTimeout(function () {
135
174
  setLoaded(true);
136
175
  }, 1000);
137
176
  };
138
- useEffect(() => {
177
+ (0, _react.useEffect)(function () {
139
178
  if (loaded && value) {
140
179
  maps_load(parseFloat(value.coords[0]), parseFloat(value.coords[1]), parseInt(value.zoom));
141
180
  }
142
181
  }, [value]);
143
- useEffect(() => {
182
+ (0, _react.useEffect)(function () {
144
183
  // if (loaded && value) {
145
184
  // maps_load(parseFloat(value.coords[0]), parseFloat(value.coords[1]), parseInt(value.zoom));
146
185
  // }
147
186
  }, [loaded]);
148
- useEffect(() => {
187
+ (0, _react.useEffect)(function () {
149
188
  if (!APIKEY) {
150
189
  APIKEY = "0d21dc94-68eb-4245-871f-a56081b703b3";
151
190
  }
152
- loadYandexMapsAPI(APIKEY).then(() => {
191
+ loadYandexMapsAPI(APIKEY).then(function () {
153
192
  opened(); // Harita işlevselliğinizi başlatın
154
- }).catch(err => console.error("Yandex Maps API yüklenemedi", err));
193
+ })["catch"](function (err) {
194
+ return console.error("Yandex Maps API yüklenemedi", err);
195
+ });
155
196
  }, []);
156
- return /*#__PURE__*/React.createElement("div", {
197
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
157
198
  id: "map" + componentKey,
158
199
  className: "w-full h-72 " + className,
159
200
  style: style
160
201
  });
161
202
  };
162
- export default YandexMap;
203
+ var _default = exports["default"] = YandexMap;
@@ -1,55 +1,101 @@
1
- import React, { useEffect, useState } from 'react';
2
- import { Link } from 'react-router-dom';
3
- import styles from "./MyMenu.module.css";
4
- import { PiCaretDown, PiCaretUp } from 'react-icons/pi';
5
- import { GoDotFill } from 'react-icons/go';
6
- function MenuItem({
7
- children = null,
8
- to = "",
9
- text = "",
10
- className = null,
11
- badge = null,
12
- icon = null,
13
- title = "",
14
- defaultOpen = false,
15
- defaultRoute = "",
16
- isShortMenu = false
17
- }) {
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+ var _react = _interopRequireWildcard(require("react"));
8
+ var _reactRouterDom = require("react-router-dom");
9
+ var _MyMenuModule = _interopRequireDefault(require("./MyMenu.module.css"));
10
+ var _pi = require("react-icons/pi");
11
+ var _go = require("react-icons/go");
12
+ var _jsxRuntime = require("react/jsx-runtime");
13
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
14
+ 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); }
15
+ 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; }
16
+ 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); }
17
+ function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
18
+ 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."); }
19
+ 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; } }
20
+ 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; }
21
+ 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; } }
22
+ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
23
+ function MenuItem(_ref) {
24
+ var _ref$children = _ref.children,
25
+ children = _ref$children === void 0 ? null : _ref$children,
26
+ _ref$to = _ref.to,
27
+ to = _ref$to === void 0 ? "" : _ref$to,
28
+ _ref$text = _ref.text,
29
+ text = _ref$text === void 0 ? "" : _ref$text,
30
+ _ref$className = _ref.className,
31
+ className = _ref$className === void 0 ? null : _ref$className,
32
+ _ref$badge = _ref.badge,
33
+ badge = _ref$badge === void 0 ? null : _ref$badge,
34
+ _ref$icon = _ref.icon,
35
+ icon = _ref$icon === void 0 ? null : _ref$icon,
36
+ _ref$title = _ref.title,
37
+ title = _ref$title === void 0 ? "" : _ref$title,
38
+ _ref$defaultOpen = _ref.defaultOpen,
39
+ defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
40
+ _ref$defaultRoute = _ref.defaultRoute,
41
+ defaultRoute = _ref$defaultRoute === void 0 ? "" : _ref$defaultRoute,
42
+ _ref$isShortMenu = _ref.isShortMenu,
43
+ isShortMenu = _ref$isShortMenu === void 0 ? false : _ref$isShortMenu;
18
44
  // let selected = window.location.pathname == to || (window.location.pathname == defaultRoute);
19
45
 
20
- const [open, setOpen] = useState(defaultOpen);
21
- const [selected, setSelected] = useState(false);
22
- useEffect(() => {
46
+ var _useState = (0, _react.useState)(defaultOpen),
47
+ _useState2 = _slicedToArray(_useState, 2),
48
+ open = _useState2[0],
49
+ setOpen = _useState2[1];
50
+ var _useState3 = (0, _react.useState)(false),
51
+ _useState4 = _slicedToArray(_useState3, 2),
52
+ selected = _useState4[0],
53
+ setSelected = _useState4[1];
54
+ (0, _react.useEffect)(function () {
23
55
  setSelected(children ? false : window.location.pathname == to || window.location.pathname == defaultRoute || window.location.pathname.includes(to));
24
56
  }, [window.location.pathname]);
25
- return /*#__PURE__*/React.createElement(React.Fragment, null, children && /*#__PURE__*/React.createElement("div", {
26
- className: styles.menuItemOwner
27
- }, /*#__PURE__*/React.createElement("div", {
28
- className: styles.menuItem + " " + (className != null ? className : "") + " " + (selected ? styles.selected : '') + " " + (open ? styles.menuItemOpen : '') + " " + (isShortMenu ? styles.menuItemShortMenu : ''),
29
- title: title == "" ? text : title,
30
- onClick: () => setOpen(!open)
31
- }, icon && /*#__PURE__*/React.createElement("div", {
32
- className: styles.menuItemIcon
33
- }, icon), /*#__PURE__*/React.createElement("span", {
34
- className: styles.menuItemText + " " + (badge != null ? styles.menuItemTextBadge : '')
35
- }, text, badge != null && typeof badge !== 'object' ? /*#__PURE__*/React.createElement("span", {
36
- className: styles.menuItemBadge
37
- }, badge.toString()) : badge), open && /*#__PURE__*/React.createElement(PiCaretUp, {
38
- className: `font-bold text-2xl ${styles.menuItemIconSubMenu} ${open ? styles.menuItemIconSubMenuOpen : ''}`
39
- }) || /*#__PURE__*/React.createElement(PiCaretDown, {
40
- className: `font-bold text-2xl ${styles.menuItemIconSubMenu} ${open ? styles.menuItemIconSubMenuOpen : ''}`
41
- })), /*#__PURE__*/React.createElement("div", {
42
- className: styles.menuItemChildren + " " + (open ? styles.menuItemChildrenOpen : '')
43
- }, children)) || /*#__PURE__*/React.createElement(Link, {
44
- to: to,
45
- className: styles.menuItem + " " + (className != null ? className : "") + " " + (selected ? styles.selected : '') + " " + (isShortMenu ? styles.menuItemShortMenu : ''),
46
- title: title == "" ? text : title
47
- }, icon && /*#__PURE__*/React.createElement("div", {
48
- className: styles.menuItemIcon
49
- }, icon) || /*#__PURE__*/React.createElement(GoDotFill, null), /*#__PURE__*/React.createElement("span", {
50
- className: styles.menuItemText + " " + (badge != null ? styles.menuItemTextBadge : '')
51
- }, text, badge != null && typeof badge !== 'object' ? /*#__PURE__*/React.createElement("span", {
52
- className: styles.menuItemBadge
53
- }, badge.toString()) : badge)));
57
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
58
+ children: children && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
59
+ className: _MyMenuModule["default"].menuItemOwner,
60
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
61
+ className: _MyMenuModule["default"].menuItem + " " + (className != null ? className : "") + " " + (selected ? _MyMenuModule["default"].selected : '') + " " + (open ? _MyMenuModule["default"].menuItemOpen : '') + " " + (isShortMenu ? _MyMenuModule["default"].menuItemShortMenu : ''),
62
+ title: title == "" ? text : title,
63
+ onClick: function onClick() {
64
+ return setOpen(!open);
65
+ },
66
+ children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
67
+ className: _MyMenuModule["default"].menuItemIcon,
68
+ children: icon
69
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
70
+ className: _MyMenuModule["default"].menuItemText + " " + (badge != null ? _MyMenuModule["default"].menuItemTextBadge : ''),
71
+ children: [text, badge != null && _typeof(badge) !== 'object' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
72
+ className: _MyMenuModule["default"].menuItemBadge,
73
+ children: badge.toString()
74
+ }) : badge]
75
+ }), open && /*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiCaretUp, {
76
+ className: "font-bold text-2xl ".concat(_MyMenuModule["default"].menuItemIconSubMenu, " ").concat(open ? _MyMenuModule["default"].menuItemIconSubMenuOpen : '')
77
+ }) || /*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiCaretDown, {
78
+ className: "font-bold text-2xl ".concat(_MyMenuModule["default"].menuItemIconSubMenu, " ").concat(open ? _MyMenuModule["default"].menuItemIconSubMenuOpen : '')
79
+ })]
80
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
81
+ className: _MyMenuModule["default"].menuItemChildren + " " + (open ? _MyMenuModule["default"].menuItemChildrenOpen : ''),
82
+ children: children
83
+ })]
84
+ }) || /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRouterDom.Link, {
85
+ to: to,
86
+ className: _MyMenuModule["default"].menuItem + " " + (className != null ? className : "") + " " + (selected ? _MyMenuModule["default"].selected : '') + " " + (isShortMenu ? _MyMenuModule["default"].menuItemShortMenu : ''),
87
+ title: title == "" ? text : title,
88
+ children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
89
+ className: _MyMenuModule["default"].menuItemIcon,
90
+ children: icon
91
+ }) || /*#__PURE__*/(0, _jsxRuntime.jsx)(_go.GoDotFill, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
92
+ className: _MyMenuModule["default"].menuItemText + " " + (badge != null ? _MyMenuModule["default"].menuItemTextBadge : ''),
93
+ children: [text, badge != null && _typeof(badge) !== 'object' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
94
+ className: _MyMenuModule["default"].menuItemBadge,
95
+ children: badge.toString()
96
+ }) : badge]
97
+ })]
98
+ })
99
+ });
54
100
  }
55
- export default MenuItem;
101
+ var _default = exports["default"] = MenuItem;
@@ -1,21 +1,35 @@
1
- import React, { useEffect } from 'react';
2
- import './MyModal.css'; // Modal için CSS dosyası
1
+ "use strict";
3
2
 
4
- const MyModal = ({
5
- show,
6
- title,
7
- children,
8
- top = null,
9
- onClose = null,
10
- closeOnBackdropClick = true,
11
- closeOnEsc = true,
12
- style = null
13
- }) => {
14
- const arrChild = React.Children.toArray(children);
15
- let childBody = null;
16
- let childFooter = null;
17
- for (let i = 0; i < arrChild.length; i++) {
18
- const el = arrChild[i];
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
+ require("./MyModal.css");
10
+ var _jsxRuntime = require("react/jsx-runtime");
11
+ 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); }
12
+ 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
+ // Modal için CSS dosyası
14
+ var MyModal = function MyModal(_ref) {
15
+ var show = _ref.show,
16
+ title = _ref.title,
17
+ children = _ref.children,
18
+ _ref$top = _ref.top,
19
+ top = _ref$top === void 0 ? null : _ref$top,
20
+ _ref$onClose = _ref.onClose,
21
+ onClose = _ref$onClose === void 0 ? null : _ref$onClose,
22
+ _ref$closeOnBackdropC = _ref.closeOnBackdropClick,
23
+ closeOnBackdropClick = _ref$closeOnBackdropC === void 0 ? true : _ref$closeOnBackdropC,
24
+ _ref$closeOnEsc = _ref.closeOnEsc,
25
+ closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
26
+ _ref$style = _ref.style,
27
+ style = _ref$style === void 0 ? null : _ref$style;
28
+ var arrChild = _react["default"].Children.toArray(children);
29
+ var childBody = null;
30
+ var childFooter = null;
31
+ for (var i = 0; i < arrChild.length; i++) {
32
+ var el = arrChild[i];
19
33
  if (el.type.toString().includes("MyModalTagFooter")) {
20
34
  childFooter = el;
21
35
  } else if (el.type.toString().includes("MyModalTagBody")) {
@@ -26,46 +40,56 @@ const MyModal = ({
26
40
  }
27
41
 
28
42
  // ESC tuşu ile kapatma işlevi
29
- useEffect(() => {
43
+ (0, _react.useEffect)(function () {
30
44
  if (!closeOnEsc) return;
31
- const handleEsc = event => {
45
+ var handleEsc = function handleEsc(event) {
32
46
  if (event.key === 'Escape') {
33
47
  onClose();
34
48
  }
35
49
  };
36
50
  window.addEventListener('keydown', handleEsc);
37
- return () => {
51
+ return function () {
38
52
  window.removeEventListener('keydown', handleEsc);
39
53
  };
40
54
  }, [closeOnEsc, onClose]);
41
55
  if (!show) {
42
56
  return null;
43
57
  }
44
- const handleBackdropClick = e => {
58
+ var handleBackdropClick = function handleBackdropClick(e) {
45
59
  if (closeOnBackdropClick && e.target.className.includes('modal-overlay')) {
46
60
  onClose();
47
61
  }
48
62
  };
49
- return /*#__PURE__*/React.createElement("div", {
63
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
50
64
  className: 'modal-overlay ' + (top ? 'top' : ''),
51
65
  onClick: handleBackdropClick,
52
66
  style: {
53
67
  paddingTop: top
54
- }
55
- }, /*#__PURE__*/React.createElement("div", {
56
- className: "modal",
57
- onClick: e => e.stopPropagation(),
58
- style: style
59
- }, /*#__PURE__*/React.createElement("div", {
60
- className: "modal-header"
61
- }, /*#__PURE__*/React.createElement("h4", null, title), onClose && /*#__PURE__*/React.createElement("button", {
62
- type: "button",
63
- className: "close-button",
64
- onClick: onClose
65
- }, "\xD7")), /*#__PURE__*/React.createElement("div", {
66
- className: "modal-content"
67
- }, childBody), /*#__PURE__*/React.createElement("div", {
68
- className: "modal-footer"
69
- }, childFooter)));
68
+ },
69
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
70
+ className: "modal",
71
+ onClick: function onClick(e) {
72
+ return e.stopPropagation();
73
+ },
74
+ style: style,
75
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
76
+ className: "modal-header",
77
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h4", {
78
+ children: title
79
+ }), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
80
+ type: "button",
81
+ className: "close-button",
82
+ onClick: onClose,
83
+ children: "\xD7"
84
+ })]
85
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
86
+ className: "modal-content",
87
+ children: childBody
88
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
89
+ className: "modal-footer",
90
+ children: childFooter
91
+ })]
92
+ })
93
+ });
70
94
  };
71
- export default MyModal;
95
+ var _default = exports["default"] = MyModal;
@@ -1,9 +1,17 @@
1
- import React from "react";
2
- function MyModalBody({
3
- children
4
- }) {
5
- return /*#__PURE__*/React.createElement("div", {
6
- className: "MyModalTagBody"
7
- }, children);
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _jsxRuntime = require("react/jsx-runtime");
9
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
10
+ function MyModalBody(_ref) {
11
+ var children = _ref.children;
12
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
13
+ className: "MyModalTagBody",
14
+ children: children
15
+ });
8
16
  }
9
- export default MyModalBody;
17
+ var _default = exports["default"] = MyModalBody;
@@ -1,9 +1,17 @@
1
- import React from "react";
2
- function MyModalFooter({
3
- children
4
- }) {
5
- return /*#__PURE__*/React.createElement("div", {
6
- className: "MyModalTagFooter"
7
- }, children);
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _jsxRuntime = require("react/jsx-runtime");
9
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
10
+ function MyModalFooter(_ref) {
11
+ var children = _ref.children;
12
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
13
+ className: "MyModalTagFooter",
14
+ children: children
15
+ });
8
16
  }
9
- export default MyModalFooter;
17
+ var _default = exports["default"] = MyModalFooter;