px-react-ui-components 1.0.2 → 1.0.5

package/dist/components/MyInput/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 }; }
+const MyInput = ({
+  type,
+  value,
+  onChange,
+  placeholder
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+    type: type,
+    value: value,
+    onChange: onChange,
+    placeholder: placeholder
+  });
+};
+var _default = exports.default = MyInput;

package/dist/components/MyMaps/YandexMaps.js

@@ -1,5 +1,13 @@
-import React, { useEffect, useRef, useState } from 'react';
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 (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 => {
@@ -40,11 +48,11 @@ const YandexMap = ({
   style = null,
   APIKEY = null
 }) => {
-  const [loaded, setLoaded] = useState(false);
-  const [position, setPosition] = useState(null);
-  const [error, setError] = useState(null);
-  const [componentKey] = useState(Date.now() + '' + (Math.floor(Math.random() * (10 - 1)) + 1));
-  const markerRef = useRef(null); // Marker için referans
+  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
 
   const currentLocation = () => {
     if (value) {
@@ -119,12 +127,12 @@ const YandexMap = ({
       setError(`Hata: ${err.message}`);
     });
   };
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     if (addressSearch && !markerRef.current && address && address != "") {
       getAddressCoor();
     }
   }, [addressSearch]);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     if (onChange && loaded) {
       onChange(position);
     }
@@ -135,17 +143,17 @@ const YandexMap = ({
       setLoaded(true);
     }, 1000);
   };
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     if (loaded && value) {
       maps_load(parseFloat(value.coords[0]), parseFloat(value.coords[1]), parseInt(value.zoom));
     }
   }, [value]);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     // if (loaded && value) {
     //   maps_load(parseFloat(value.coords[0]), parseFloat(value.coords[1]), parseInt(value.zoom));
     // }
   }, [loaded]);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     if (!APIKEY) {
       APIKEY = "0d21dc94-68eb-4245-871f-a56081b703b3";
     }
@@ -153,10 +161,10 @@ const YandexMap = ({
       opened(); // Harita işlevselliğinizi başlatın
     }).catch(err => console.error("Yandex Maps API yüklenemedi", err));
   }, []);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     id: "map" + componentKey,
     className: "w-full h-72 " + className,
     style: style
   });
 };
-export default YandexMap;
+var _default = exports.default = YandexMap;

package/dist/components/MyMenu/MenuItem.js

@@ -1,8 +1,18 @@
-import React, { useEffect, useState } from 'react';
-import { Link } from 'react-router-dom';
-import styles from "./MyMenu.module.css";
-import { PiCaretDown, PiCaretUp } from 'react-icons/pi';
-import { GoDotFill } from 'react-icons/go';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 (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 = "",
@@ -17,39 +27,51 @@ function MenuItem({
 }) {
   // let selected = window.location.pathname == to || (window.location.pathname == defaultRoute);
 
-  const [open, setOpen] = useState(defaultOpen);
-  const [selected, setSelected] = useState(false);
-  useEffect(() => {
+  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__*/React.createElement(React.Fragment, null, children && /*#__PURE__*/React.createElement("div", {
-    className: styles.menuItemOwner
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.menuItem + " " + (className != null ? className : "") + " " + (selected ? styles.selected : '') + " " + (open ? styles.menuItemOpen : '') + " " + (isShortMenu ? styles.menuItemShortMenu : ''),
-    title: title == "" ? text : title,
-    onClick: () => setOpen(!open)
-  }, icon && /*#__PURE__*/React.createElement("div", {
-    className: styles.menuItemIcon
-  }, icon), /*#__PURE__*/React.createElement("span", {
-    className: styles.menuItemText + " " + (badge != null ? styles.menuItemTextBadge : '')
-  }, text, badge != null && typeof badge !== 'object' ? /*#__PURE__*/React.createElement("span", {
-    className: styles.menuItemBadge
-  }, badge.toString()) : badge), open && /*#__PURE__*/React.createElement(PiCaretUp, {
-    className: `font-bold text-2xl ${styles.menuItemIconSubMenu} ${open ? styles.menuItemIconSubMenuOpen : ''}`
-  }) || /*#__PURE__*/React.createElement(PiCaretDown, {
-    className: `font-bold text-2xl ${styles.menuItemIconSubMenu} ${open ? styles.menuItemIconSubMenuOpen : ''}`
-  })), /*#__PURE__*/React.createElement("div", {
-    className: styles.menuItemChildren + " " + (open ? styles.menuItemChildrenOpen : '')
-  }, children)) || /*#__PURE__*/React.createElement(Link, {
-    to: to,
-    className: styles.menuItem + " " + (className != null ? className : "") + " " + (selected ? styles.selected : '') + " " + (isShortMenu ? styles.menuItemShortMenu : ''),
-    title: title == "" ? text : title
-  }, icon && /*#__PURE__*/React.createElement("div", {
-    className: styles.menuItemIcon
-  }, icon) || /*#__PURE__*/React.createElement(GoDotFill, null), /*#__PURE__*/React.createElement("span", {
-    className: styles.menuItemText + " " + (badge != null ? styles.menuItemTextBadge : '')
-  }, text, badge != null && typeof badge !== 'object' ? /*#__PURE__*/React.createElement("span", {
-    className: styles.menuItemBadge
-  }, badge.toString()) : badge)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: children && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      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 : ''),
+        title: title == "" ? text : title,
+        onClick: () => setOpen(!open),
+        children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          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,
+            children: badge.toString()
+          }) : badge]
+        }), open && /*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiCaretUp, {
+          className: `font-bold text-2xl ${_MyMenuModule.default.menuItemIconSubMenu} ${open ? _MyMenuModule.default.menuItemIconSubMenuOpen : ''}`
+        }) || /*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiCaretDown, {
+          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 : ''),
+        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 : ''),
+      title: title == "" ? text : title,
+      children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        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,
+          children: badge.toString()
+        }) : badge]
+      })]
+    })
+  });
 }
-export default MenuItem;
+var _default = exports.default = MenuItem;

package/dist/components/MyModal/MyModal.js

@@ -1,6 +1,15 @@
-import React, { useEffect } from 'react';
-import './MyModal.css'; // Modal için CSS dosyası
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 (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ı
 const MyModal = ({
   show,
   title,
@@ -11,7 +20,7 @@ const MyModal = ({
   closeOnEsc = true,
   style = null
 }) => {
-  const arrChild = React.Children.toArray(children);
+  const arrChild = _react.default.Children.toArray(children);
   let childBody = null;
   let childFooter = null;
   for (let i = 0; i < arrChild.length; i++) {
@@ -26,7 +35,7 @@ const MyModal = ({
   }
 
   // ESC tuşu ile kapatma işlevi
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     if (!closeOnEsc) return;
     const handleEsc = event => {
       if (event.key === 'Escape') {
@@ -46,26 +55,34 @@ const MyModal = ({
       onClose();
     }
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: 'modal-overlay ' + (top ? 'top' : ''),
     onClick: handleBackdropClick,
     style: {
       paddingTop: top
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "modal",
-    onClick: e => e.stopPropagation(),
-    style: style
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "modal-header"
-  }, /*#__PURE__*/React.createElement("h4", null, title), onClose && /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: "close-button",
-    onClick: onClose
-  }, "\xD7")), /*#__PURE__*/React.createElement("div", {
-    className: "modal-content"
-  }, childBody), /*#__PURE__*/React.createElement("div", {
-    className: "modal-footer"
-  }, childFooter)));
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "modal",
+      onClick: e => e.stopPropagation(),
+      style: style,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "modal-header",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h4", {
+          children: title
+        }), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+          type: "button",
+          className: "close-button",
+          onClick: onClose,
+          children: "\xD7"
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "modal-content",
+        children: childBody
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "modal-footer",
+        children: childFooter
+      })]
+    })
+  });
 };
-export default MyModal;
+var _default = exports.default = MyModal;

package/dist/components/MyModal/MyModalBody.js

@@ -1,9 +1,18 @@
-import React from "react";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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({
   children
 }) {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "MyModalTagBody"
-  }, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "MyModalTagBody",
+    children: children
+  });
 }
-export default MyModalBody;
+var _default = exports.default = MyModalBody;

package/dist/components/MyModal/MyModalFooter.js

@@ -1,9 +1,18 @@
-import React from "react";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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({
   children
 }) {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "MyModalTagFooter"
-  }, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "MyModalTagFooter",
+    children: children
+  });
 }
-export default MyModalFooter;
+var _default = exports.default = MyModalFooter;

package/dist/components/MyNotFound/MyNotFound.js

@@ -1,20 +1,30 @@
-import React from 'react';
-import './MyNotFound.css'; // Modal için CSS dosyası
+"use strict";
 
-export default function MyNotFound({
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 }; }
+// Modal için CSS dosyası
+function MyNotFound({
   message = "Kayıt Mevcut Değil!",
   className = null,
   style = null,
   icon = null
 }) {
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "my-nodata " + (className ? className : ''),
-    style: style
-  }, icon && /*#__PURE__*/React.createElement("div", {
-    className: "icon"
-  }, icon), /*#__PURE__*/React.createElement("span", {
-    dangerouslySetInnerHTML: {
-      __html: message
-    }
-  }));
+    style: style,
+    children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "icon",
+      children: icon
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      dangerouslySetInnerHTML: {
+        __html: message
+      }
+    })]
+  });
 }

package/dist/components/MyScrollableCard/MyScrollableCard.js

@@ -1,15 +1,24 @@
-import React, { useState, useRef } from "react";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 (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; }
 const MyScrollableCard = ({
   children,
   className
 }) => {
-  const [isDragging, setIsDragging] = useState(false);
-  const [startX, setStartX] = useState(0);
-  const [startY, setStartY] = useState(0);
-  const [scrollLeft, setScrollLeft] = useState(0);
-  const [scrollTop, setScrollTop] = useState(0);
-  const [direction, setDirection] = useState(null); // Yatay mı dikey mi olduğuna karar verecek
-  const containerRef = useRef(null);
+  const [isDragging, setIsDragging] = (0, _react.useState)(false);
+  const [startX, setStartX] = (0, _react.useState)(0);
+  const [startY, setStartY] = (0, _react.useState)(0);
+  const [scrollLeft, setScrollLeft] = (0, _react.useState)(0);
+  const [scrollTop, setScrollTop] = (0, _react.useState)(0);
+  const [direction, setDirection] = (0, _react.useState)(null); // Yatay mı dikey mi olduğuna karar verecek
+  const containerRef = (0, _react.useRef)(null);
   const handleMouseDown = e => {
     setIsDragging(true);
     setStartX(e.pageX - containerRef.current.offsetLeft);
@@ -61,14 +70,15 @@ const MyScrollableCard = ({
     //     containerRef.current.scrollTop += deltaY * 2; // Dikey tekerlek kaydırma
     // }
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: className,
     onMouseDown: handleMouseDown,
     onMouseMove: handleMouseMove,
     onMouseLeave: handleMouseUp,
     onMouseUp: handleMouseUp,
     onWheel: handleWheel,
-    ref: containerRef
-  }, children);
+    ref: containerRef,
+    children: children
+  });
 };
-export default MyScrollableCard;
+var _default = exports.default = MyScrollableCard;