px-react-ui-components 1.0.2 → 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 +6 -4
|
@@ -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
|
-
|
|
1
|
+
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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
|
-
|
|
27
|
+
var script = document.getElementById("yandexmapapi");
|
|
14
28
|
if (!script) {
|
|
15
|
-
|
|
29
|
+
var newScript = document.createElement('script');
|
|
16
30
|
newScript.id = "yandexmapapi";
|
|
17
|
-
newScript.src =
|
|
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(()
|
|
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(()
|
|
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
|
-
|
|
34
|
-
className =
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
75
|
-
|
|
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
|
-
|
|
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
|
-
|
|
94
|
-
balloonContent:
|
|
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
|
-
|
|
137
|
+
var getAddress = function getAddress(coords) {
|
|
101
138
|
if (!onAddress) return;
|
|
102
|
-
ymaps.geocode(coords).then(res
|
|
103
|
-
|
|
139
|
+
ymaps.geocode(coords).then(function (res) {
|
|
140
|
+
var firstGeoObject = res.geoObjects.get(0);
|
|
104
141
|
if (firstGeoObject) {
|
|
105
|
-
|
|
106
|
-
onAddress(
|
|
142
|
+
var _address = firstGeoObject.getAddressLine();
|
|
143
|
+
onAddress(_address);
|
|
107
144
|
}
|
|
108
145
|
});
|
|
109
146
|
};
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
fetch(geocodeUrl).then(
|
|
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
|
-
|
|
115
|
-
|
|
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
|
-
})
|
|
119
|
-
setError(
|
|
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
|
-
|
|
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
|
-
})
|
|
193
|
+
})["catch"](function (err) {
|
|
194
|
+
return console.error("Yandex Maps API yüklenemedi", err);
|
|
195
|
+
});
|
|
155
196
|
}, []);
|
|
156
|
-
return /*#__PURE__*/
|
|
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
|
-
|
|
203
|
+
var _default = exports["default"] = YandexMap;
|
|
@@ -1,55 +1,101 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
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
|
-
|
|
21
|
-
|
|
22
|
-
|
|
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__*/
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
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
|
-
|
|
101
|
+
var _default = exports["default"] = MenuItem;
|
|
@@ -1,21 +1,35 @@
|
|
|
1
|
-
|
|
2
|
-
import './MyModal.css'; // Modal için CSS dosyası
|
|
1
|
+
"use strict";
|
|
3
2
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
})
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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__*/
|
|
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
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
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
|
-
|
|
95
|
+
var _default = exports["default"] = MyModal;
|
|
@@ -1,9 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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
|
-
|
|
17
|
+
var _default = exports["default"] = MyModalBody;
|
|
@@ -1,9 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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
|
-
|
|
17
|
+
var _default = exports["default"] = MyModalFooter;
|