px-react-ui-components 1.0.3 → 1.0.6

package/dist/components/MyInput/index.js

@@ -3,15 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var MyInput = function MyInput(_ref) {
-  var type = _ref.type,
-    value = _ref.value,
-    onChange = _ref.onChange,
-    placeholder = _ref.placeholder;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const MyInput = ({
+  type,
+  value,
+  onChange,
+  placeholder
+}) => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
     type: type,
     value: value,
@@ -19,4 +20,4 @@ var MyInput = function MyInput(_ref) {
     placeholder: placeholder
   });
 };
-var _default = exports["default"] = MyInput;
+var _default = exports.default = MyInput;

package/dist/components/MyMaps/YandexMaps.js

@@ -1,96 +1,68 @@
 "use strict";
 
-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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
-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); }
-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; }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-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."); }
-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; } }
-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; }
-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; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } // Global olarak ymaps yükleyicisi
-var ymapsLoader;
-var loadYandexMapsAPI = function loadYandexMapsAPI(APIKEY) {
+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); }
+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; }
+// Global olarak ymaps yükleyicisi
+let ymapsLoader;
+const loadYandexMapsAPI = APIKEY => {
   if (ymapsLoader) {
     return ymapsLoader;
   }
-  ymapsLoader = new Promise(function (resolve, reject) {
+  ymapsLoader = new Promise((resolve, reject) => {
     if (window.ymaps) {
       resolve(window.ymaps);
     } else {
-      var script = document.getElementById("yandexmapapi");
+      const script = document.getElementById("yandexmapapi");
       if (!script) {
-        var newScript = document.createElement('script');
+        const newScript = document.createElement('script');
         newScript.id = "yandexmapapi";
-        newScript.src = "https://api-maps.yandex.com/2.1/?apikey=".concat(APIKEY, "&lang=tr_TR");
+        newScript.src = `https://api-maps.yandex.com/2.1/?apikey=${APIKEY}&lang=tr_TR`;
         newScript.async = true;
         document.head.appendChild(newScript);
-        newScript.onload = function () {
-          window.ymaps.ready(function () {
-            return resolve(window.ymaps);
-          });
+        newScript.onload = () => {
+          window.ymaps.ready(() => resolve(window.ymaps));
         };
         newScript.onerror = reject;
       } else {
-        script.onload = function () {
-          window.ymaps.ready(function () {
-            return resolve(window.ymaps);
-          });
+        script.onload = () => {
+          window.ymaps.ready(() => resolve(window.ymaps));
         };
       }
     }
   });
   return ymapsLoader;
 };
-var YandexMap = function YandexMap(_ref) {
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? null : _ref$value,
-    _ref$address = _ref.address,
-    address = _ref$address === void 0 ? null : _ref$address,
-    _ref$addressSearch = _ref.addressSearch,
-    addressSearch = _ref$addressSearch === void 0 ? false : _ref$addressSearch,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? null : _ref$onChange,
-    _ref$onAddress = _ref.onAddress,
-    onAddress = _ref$onAddress === void 0 ? null : _ref$onAddress,
-    _ref$style = _ref.style,
-    style = _ref$style === void 0 ? null : _ref$style,
-    _ref$APIKEY = _ref.APIKEY,
-    APIKEY = _ref$APIKEY === void 0 ? null : _ref$APIKEY;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    loaded = _useState2[0],
-    setLoaded = _useState2[1];
-  var _useState3 = (0, _react.useState)(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    position = _useState4[0],
-    setPosition = _useState4[1];
-  var _useState5 = (0, _react.useState)(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    error = _useState6[0],
-    setError = _useState6[1];
-  var _useState7 = (0, _react.useState)(Date.now() + '' + (Math.floor(Math.random() * (10 - 1)) + 1)),
-    _useState8 = _slicedToArray(_useState7, 1),
-    componentKey = _useState8[0];
-  var markerRef = (0, _react.useRef)(null); // Marker için referans
+const YandexMap = ({
+  className = "",
+  value = null,
+  address = null,
+  addressSearch = false,
+  onChange = null,
+  onAddress = null,
+  style = null,
+  APIKEY = null
+}) => {
+  const [loaded, setLoaded] = (0, _react.useState)(false);
+  const [position, setPosition] = (0, _react.useState)(null);
+  const [error, setError] = (0, _react.useState)(null);
+  const [componentKey] = (0, _react.useState)(Date.now() + '' + (Math.floor(Math.random() * (10 - 1)) + 1));
+  const markerRef = (0, _react.useRef)(null); // Marker için referans
 
-  var currentLocation = function currentLocation() {
+  const currentLocation = () => {
     if (value) {
       maps_load(parseFloat(value.coords[0]), parseFloat(value.coords[1]), parseInt(value.zoom));
       return;
     }
     if (navigator.geolocation) {
-      navigator.geolocation.getCurrentPosition(function (position) {
+      navigator.geolocation.getCurrentPosition(position => {
         maps_load(position.coords.latitude, position.coords.longitude, 12);
-      }, function (error) {
+      }, error => {
         console.error(error.message);
         maps_load(40.32110315567054, 32.199745873178124, 8);
       });
@@ -99,17 +71,16 @@ var YandexMap = function YandexMap(_ref) {
       setError("Geolocation is not supported by this browser.");
     }
   };
-  var maps_load = function maps_load(coorX, coorY) {
-    var zoom = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
+  const maps_load = (coorX, coorY, zoom = 10) => {
     document.getElementById("map" + componentKey).innerHTML = "";
-    var myMap = new ymaps.Map("map" + componentKey, {
+    const myMap = new ymaps.Map("map" + componentKey, {
       center: [coorX, coorY],
       zoom: zoom
     });
     createMarker(myMap, [coorX, coorY], zoom);
-    myMap.events.add('click', function (e) {
-      var coords = e.get('coords');
-      var curzoom = myMap.getZoom();
+    myMap.events.add('click', e => {
+      const coords = e.get('coords');
+      let curzoom = myMap.getZoom();
       // if (curzoom < 17) {
       //   curzoom = 17;
       //   myMap.setZoom(curzoom);
@@ -123,76 +94,72 @@ var YandexMap = function YandexMap(_ref) {
       createMarker(myMap, coords, curzoom);
     });
   };
-  var createMarker = function createMarker(myMap, coords, curzoom) {
+  const createMarker = (myMap, coords, curzoom) => {
     if (markerRef.current) {
       myMap.geoObjects.remove(markerRef.current); // Önceki marker'ı kaldır
     }
-    var newMarker = new ymaps.Placemark(coords, {
-      balloonContent: "Yeni Koordinatlar: ".concat(coords[0], ", ").concat(coords[1])
+    const newMarker = new ymaps.Placemark(coords, {
+      balloonContent: `Yeni Koordinatlar: ${coords[0]}, ${coords[1]}`
     });
     myMap.geoObjects.add(newMarker);
     markerRef.current = newMarker;
     // myMap.setCenter(coords, curzoom);
   };
-  var getAddress = function getAddress(coords) {
+  const getAddress = coords => {
     if (!onAddress) return;
-    ymaps.geocode(coords).then(function (res) {
-      var firstGeoObject = res.geoObjects.get(0);
+    ymaps.geocode(coords).then(res => {
+      const firstGeoObject = res.geoObjects.get(0);
       if (firstGeoObject) {
-        var _address = firstGeoObject.getAddressLine();
-        onAddress(_address);
+        const address = firstGeoObject.getAddressLine();
+        onAddress(address);
       }
     });
   };
-  var getAddressCoor = function getAddressCoor() {
-    var geocodeUrl = "https://geocode-maps.yandex.ru/1.x/?geocode=".concat(encodeURIComponent(address), "&format=json&apikey=").concat(APIKEY);
-    fetch(geocodeUrl).then(function (response) {
-      return response.json();
-    }).then(function (data) {
+  const getAddressCoor = () => {
+    const geocodeUrl = `https://geocode-maps.yandex.ru/1.x/?geocode=${encodeURIComponent(address)}&format=json&apikey=${APIKEY}`;
+    fetch(geocodeUrl).then(response => response.json()).then(data => {
       if (data.response.GeoObjectCollection.featureMember.length > 0) {
-        var firstResult = data.response.GeoObjectCollection.featureMember[0].GeoObject;
-        var pos = firstResult.Point.pos.split(' ');
+        const firstResult = data.response.GeoObjectCollection.featureMember[0].GeoObject;
+        const pos = firstResult.Point.pos.split(' ');
         maps_load(parseFloat(pos[1]), parseFloat(pos[0]), 17);
       }
-    })["catch"](function (err) {
-      setError("Hata: ".concat(err.message));
+    }).catch(err => {
+      setError(`Hata: ${err.message}`);
     });
   };
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (addressSearch && !markerRef.current && address && address != "") {
       getAddressCoor();
     }
   }, [addressSearch]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (onChange && loaded) {
       onChange(position);
     }
   }, [position]);
-  var opened = function opened() {
+  const opened = () => {
     currentLocation();
-    setTimeout(function () {
+    setTimeout(() => {
       setLoaded(true);
     }, 1000);
   };
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (loaded && value) {
       maps_load(parseFloat(value.coords[0]), parseFloat(value.coords[1]), parseInt(value.zoom));
     }
   }, [value]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     // if (loaded && value) {
     //   maps_load(parseFloat(value.coords[0]), parseFloat(value.coords[1]), parseInt(value.zoom));
     // }
   }, [loaded]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (!APIKEY) {
       APIKEY = "0d21dc94-68eb-4245-871f-a56081b703b3";
     }
-    loadYandexMapsAPI(APIKEY).then(function () {
+    loadYandexMapsAPI(APIKEY).then(() => {
       opened(); // Harita işlevselliğinizi başlatın
-    })["catch"](function (err) {
-      return console.error("Yandex Maps API yüklenemedi", err);
-    });
+    }).catch(err => console.error("Yandex Maps API yüklenemedi", err));
   }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     id: "map" + componentKey,
@@ -200,4 +167,4 @@ var YandexMap = function YandexMap(_ref) {
     style: style
   });
 };
-var _default = exports["default"] = YandexMap;
+var _default = exports.default = YandexMap;

package/dist/components/MyMenu/MenuItem.js

@@ -3,99 +3,75 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRouterDom = require("react-router-dom");
 var _MyMenuModule = _interopRequireDefault(require("./MyMenu.module.css"));
 var _pi = require("react-icons/pi");
 var _go = require("react-icons/go");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-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); }
-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; }
-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); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-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."); }
-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; } }
-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; }
-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; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function MenuItem(_ref) {
-  var _ref$children = _ref.children,
-    children = _ref$children === void 0 ? null : _ref$children,
-    _ref$to = _ref.to,
-    to = _ref$to === void 0 ? "" : _ref$to,
-    _ref$text = _ref.text,
-    text = _ref$text === void 0 ? "" : _ref$text,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? null : _ref$className,
-    _ref$badge = _ref.badge,
-    badge = _ref$badge === void 0 ? null : _ref$badge,
-    _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? null : _ref$icon,
-    _ref$title = _ref.title,
-    title = _ref$title === void 0 ? "" : _ref$title,
-    _ref$defaultOpen = _ref.defaultOpen,
-    defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
-    _ref$defaultRoute = _ref.defaultRoute,
-    defaultRoute = _ref$defaultRoute === void 0 ? "" : _ref$defaultRoute,
-    _ref$isShortMenu = _ref.isShortMenu,
-    isShortMenu = _ref$isShortMenu === void 0 ? false : _ref$isShortMenu;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+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; }
+function MenuItem({
+  children = null,
+  to = "",
+  text = "",
+  className = null,
+  badge = null,
+  icon = null,
+  title = "",
+  defaultOpen = false,
+  defaultRoute = "",
+  isShortMenu = false
+}) {
   // let selected = window.location.pathname == to || (window.location.pathname == defaultRoute);
 
-  var _useState = (0, _react.useState)(defaultOpen),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selected = _useState4[0],
-    setSelected = _useState4[1];
-  (0, _react.useEffect)(function () {
+  const [open, setOpen] = (0, _react.useState)(defaultOpen);
+  const [selected, setSelected] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
     setSelected(children ? false : window.location.pathname == to || window.location.pathname == defaultRoute || window.location.pathname.includes(to));
   }, [window.location.pathname]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: children && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: _MyMenuModule["default"].menuItemOwner,
+      className: _MyMenuModule.default.menuItemOwner,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: _MyMenuModule["default"].menuItem + " " + (className != null ? className : "") + " " + (selected ? _MyMenuModule["default"].selected : '') + " " + (open ? _MyMenuModule["default"].menuItemOpen : '') + " " + (isShortMenu ? _MyMenuModule["default"].menuItemShortMenu : ''),
+        className: _MyMenuModule.default.menuItem + " " + (className != null ? className : "") + " " + (selected ? _MyMenuModule.default.selected : '') + " " + (open ? _MyMenuModule.default.menuItemOpen : '') + " " + (isShortMenu ? _MyMenuModule.default.menuItemShortMenu : ''),
         title: title == "" ? text : title,
-        onClick: function onClick() {
-          return setOpen(!open);
-        },
+        onClick: () => setOpen(!open),
         children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: _MyMenuModule["default"].menuItemIcon,
+          className: _MyMenuModule.default.menuItemIcon,
           children: icon
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-          className: _MyMenuModule["default"].menuItemText + " " + (badge != null ? _MyMenuModule["default"].menuItemTextBadge : ''),
-          children: [text, badge != null && _typeof(badge) !== 'object' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: _MyMenuModule["default"].menuItemBadge,
+          className: _MyMenuModule.default.menuItemText + " " + (badge != null ? _MyMenuModule.default.menuItemTextBadge : ''),
+          children: [text, badge != null && typeof badge !== 'object' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: _MyMenuModule.default.menuItemBadge,
             children: badge.toString()
           }) : badge]
         }), open && /*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiCaretUp, {
-          className: "font-bold text-2xl ".concat(_MyMenuModule["default"].menuItemIconSubMenu, " ").concat(open ? _MyMenuModule["default"].menuItemIconSubMenuOpen : '')
+          className: `font-bold text-2xl ${_MyMenuModule.default.menuItemIconSubMenu} ${open ? _MyMenuModule.default.menuItemIconSubMenuOpen : ''}`
         }) || /*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiCaretDown, {
-          className: "font-bold text-2xl ".concat(_MyMenuModule["default"].menuItemIconSubMenu, " ").concat(open ? _MyMenuModule["default"].menuItemIconSubMenuOpen : '')
+          className: `font-bold text-2xl ${_MyMenuModule.default.menuItemIconSubMenu} ${open ? _MyMenuModule.default.menuItemIconSubMenuOpen : ''}`
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: _MyMenuModule["default"].menuItemChildren + " " + (open ? _MyMenuModule["default"].menuItemChildrenOpen : ''),
+        className: _MyMenuModule.default.menuItemChildren + " " + (open ? _MyMenuModule.default.menuItemChildrenOpen : ''),
         children: children
       })]
     }) || /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRouterDom.Link, {
       to: to,
-      className: _MyMenuModule["default"].menuItem + " " + (className != null ? className : "") + " " + (selected ? _MyMenuModule["default"].selected : '') + " " + (isShortMenu ? _MyMenuModule["default"].menuItemShortMenu : ''),
+      className: _MyMenuModule.default.menuItem + " " + (className != null ? className : "") + " " + (selected ? _MyMenuModule.default.selected : '') + " " + (isShortMenu ? _MyMenuModule.default.menuItemShortMenu : ''),
       title: title == "" ? text : title,
       children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: _MyMenuModule["default"].menuItemIcon,
+        className: _MyMenuModule.default.menuItemIcon,
         children: icon
       }) || /*#__PURE__*/(0, _jsxRuntime.jsx)(_go.GoDotFill, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-        className: _MyMenuModule["default"].menuItemText + " " + (badge != null ? _MyMenuModule["default"].menuItemTextBadge : ''),
-        children: [text, badge != null && _typeof(badge) !== 'object' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: _MyMenuModule["default"].menuItemBadge,
+        className: _MyMenuModule.default.menuItemText + " " + (badge != null ? _MyMenuModule.default.menuItemTextBadge : ''),
+        children: [text, badge != null && typeof badge !== 'object' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: _MyMenuModule.default.menuItemBadge,
           children: badge.toString()
         }) : badge]
       })]
     })
   });
 }
-var _default = exports["default"] = MenuItem;
+var _default = exports.default = MenuItem;

package/dist/components/MyModal/MyModal.js

@@ -1,35 +1,30 @@
 "use strict";
 
-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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 require("./MyModal.css");
 var _jsxRuntime = require("react/jsx-runtime");
-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); }
-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; }
+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); }
+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; }
 // Modal için CSS dosyası
-var MyModal = function MyModal(_ref) {
-  var show = _ref.show,
-    title = _ref.title,
-    children = _ref.children,
-    _ref$top = _ref.top,
-    top = _ref$top === void 0 ? null : _ref$top,
-    _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === void 0 ? null : _ref$onClose,
-    _ref$closeOnBackdropC = _ref.closeOnBackdropClick,
-    closeOnBackdropClick = _ref$closeOnBackdropC === void 0 ? true : _ref$closeOnBackdropC,
-    _ref$closeOnEsc = _ref.closeOnEsc,
-    closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
-    _ref$style = _ref.style,
-    style = _ref$style === void 0 ? null : _ref$style;
-  var arrChild = _react["default"].Children.toArray(children);
-  var childBody = null;
-  var childFooter = null;
-  for (var i = 0; i < arrChild.length; i++) {
-    var el = arrChild[i];
+const MyModal = ({
+  show,
+  title,
+  children,
+  top = null,
+  onClose = null,
+  closeOnBackdropClick = true,
+  closeOnEsc = true,
+  style = null
+}) => {
+  const arrChild = _react.default.Children.toArray(children);
+  let childBody = null;
+  let childFooter = null;
+  for (let i = 0; i < arrChild.length; i++) {
+    const el = arrChild[i];
     if (el.type.toString().includes("MyModalTagFooter")) {
       childFooter = el;
     } else if (el.type.toString().includes("MyModalTagBody")) {
@@ -40,22 +35,22 @@ var MyModal = function MyModal(_ref) {
   }
 
   // ESC tuşu ile kapatma işlevi
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (!closeOnEsc) return;
-    var handleEsc = function handleEsc(event) {
+    const handleEsc = event => {
       if (event.key === 'Escape') {
         onClose();
       }
     };
     window.addEventListener('keydown', handleEsc);
-    return function () {
+    return () => {
       window.removeEventListener('keydown', handleEsc);
     };
   }, [closeOnEsc, onClose]);
   if (!show) {
     return null;
   }
-  var handleBackdropClick = function handleBackdropClick(e) {
+  const handleBackdropClick = e => {
     if (closeOnBackdropClick && e.target.className.includes('modal-overlay')) {
       onClose();
     }
@@ -68,9 +63,7 @@ var MyModal = function MyModal(_ref) {
     },
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "modal",
-      onClick: function onClick(e) {
-        return e.stopPropagation();
-      },
+      onClick: e => e.stopPropagation(),
       style: style,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "modal-header",
@@ -92,4 +85,4 @@ var MyModal = function MyModal(_ref) {
     })
   });
 };
-var _default = exports["default"] = MyModal;
+var _default = exports.default = MyModal;

package/dist/components/MyModal/MyModalBody.js

@@ -3,15 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function MyModalBody(_ref) {
-  var children = _ref.children;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function MyModalBody({
+  children
+}) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "MyModalTagBody",
     children: children
   });
 }
-var _default = exports["default"] = MyModalBody;
+var _default = exports.default = MyModalBody;

package/dist/components/MyModal/MyModalFooter.js

@@ -3,15 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function MyModalFooter(_ref) {
-  var children = _ref.children;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function MyModalFooter({
+  children
+}) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "MyModalTagFooter",
     children: children
   });
 }
-var _default = exports["default"] = MyModalFooter;
+var _default = exports.default = MyModalFooter;

package/dist/components/MyNotFound/MyNotFound.js

@@ -3,21 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = MyNotFound;
+exports.default = MyNotFound;
 var _react = _interopRequireDefault(require("react"));
 require("./MyNotFound.css");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Modal için CSS dosyası
-function MyNotFound(_ref) {
-  var _ref$message = _ref.message,
-    message = _ref$message === void 0 ? "Kayıt Mevcut Değil!" : _ref$message,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? null : _ref$className,
-    _ref$style = _ref.style,
-    style = _ref$style === void 0 ? null : _ref$style,
-    _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? null : _ref$icon;
+function MyNotFound({
+  message = "Kayıt Mevcut Değil!",
+  className = null,
+  style = null,
+  icon = null
+}) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "my-nodata " + (className ? className : ''),
     style: style,