px-react-ui-components 1.0.13 → 1.0.15

package/dist/components/MyMaps/YandexMaps.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // Global olarak ymaps yükleyicisi
 let ymapsLoader;
 const loadYandexMapsAPI = APIKEY => {

package/dist/components/MyMenu/MenuItem.js

@@ -11,8 +11,7 @@ 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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function MenuItem({
   children = null,
   to = "",

package/dist/components/MyMenu/MyMenu.module.css

@@ -1,102 +1,102 @@
-.menuItem{
-  display: flex;
-  width: 100%;
-  flex-direction: row;
-  align-items: center;
-  gap: 15px;
-  padding: 10px 16px 10px 20px;
-  cursor: pointer;
-  border-bottom: 1px solid #0000001c;
-  font-weight: 300;
-  font-size: 14px;
-  color: #fff !important;
-  text-decoration: none !important;
-}
-.menuItem.selected{
-  background-color: #fff1c939 !important;
-}
-.menuItem:last-child{
-  border-bottom: none;
-}
-.menuItem:hover{
-  background-color: #00000039;
-}
-.menuItem .menuItemIcon{
-  font-size: 20px;
-}
-.menuItem .menuItemText{
-  display: block;
-  position: relative;
-  width: 100%;
-  padding-right: 35px;
-}
-.menuItem .menuItemText .menuItemBadge{
-  position: absolute;
-  right: 0px;
-  top: 50%;
-  padding: 0px 8px;
-  transform: translateY(-50%);
-  background-color: #0000003d;
-  color: #fff;
-  border-radius: 10px;
-  padding-top: 1px;
-  font-size: 12px;
-  min-width: 25px;
-  font-weight: normal;
-  text-align: center;
-}
-
-.menuItem.menuItemShortMenu{
-  position: relative;
-  padding: 10px 10px;
-  justify-content: center;
-}
-.menuItem.menuItemShortMenu .menuItemIcon{
-  font-size: 24px;
-}
-
-.menuItem.menuItemShortMenu .menuItemText{
-  display: none;
-}
-
-.menuItem.menuItemShortMenu .menuItemIconSubMenu{
-  font-size: 13px;
-  position: absolute;
-  right: 8px;
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-.menuItem.menuItemShortMenu:hover .menuItemText{
-  display: block;
-  position: absolute;
-  width: auto;
-  left: calc(100% + 5px);
-  top: 50%;
-  transform: translateY(-50%);
-  padding: 10px;
-  background-color: #000000;
-  color: #fff !important;
-  border-radius: 10px;
-  z-index: 1000;
-  white-space: nowrap;
-}
-.menuItem.menuItemShortMenu:hover .menuItemText.menuItemTextBadge{
-  padding-right: 50px;
-}
-.menuItem.menuItemShortMenu:hover .menuItemText.menuItemTextBadge .menuItemBadge{
-  right: 8px;
-  background-color: #ffffff46;
-}
-.menuItemOwner .menuItemOpen{
-  background-color: #283b5c;
-}
-
-.menuItemOwner .menuItemChildren{
-  display: none;
-  background-color: #30425f;
-
-}
-.menuItemOwner .menuItemChildrenOpen{
-  display: block;
+.menuItem{
+  display: flex;
+  width: 100%;
+  flex-direction: row;
+  align-items: center;
+  gap: 15px;
+  padding: 10px 16px 10px 20px;
+  cursor: pointer;
+  border-bottom: 1px solid #0000001c;
+  font-weight: 300;
+  font-size: 14px;
+  color: #fff !important;
+  text-decoration: none !important;
+}
+.menuItem.selected{
+  background-color: #fff1c939 !important;
+}
+.menuItem:last-child{
+  border-bottom: none;
+}
+.menuItem:hover{
+  background-color: #00000039;
+}
+.menuItem .menuItemIcon{
+  font-size: 20px;
+}
+.menuItem .menuItemText{
+  display: block;
+  position: relative;
+  width: 100%;
+  padding-right: 35px;
+}
+.menuItem .menuItemText .menuItemBadge{
+  position: absolute;
+  right: 0px;
+  top: 50%;
+  padding: 0px 8px;
+  transform: translateY(-50%);
+  background-color: #0000003d;
+  color: #fff;
+  border-radius: 10px;
+  padding-top: 1px;
+  font-size: 12px;
+  min-width: 25px;
+  font-weight: normal;
+  text-align: center;
+}
+
+.menuItem.menuItemShortMenu{
+  position: relative;
+  padding: 10px 10px;
+  justify-content: center;
+}
+.menuItem.menuItemShortMenu .menuItemIcon{
+  font-size: 24px;
+}
+
+.menuItem.menuItemShortMenu .menuItemText{
+  display: none;
+}
+
+.menuItem.menuItemShortMenu .menuItemIconSubMenu{
+  font-size: 13px;
+  position: absolute;
+  right: 8px;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.menuItem.menuItemShortMenu:hover .menuItemText{
+  display: block;
+  position: absolute;
+  width: auto;
+  left: calc(100% + 5px);
+  top: 50%;
+  transform: translateY(-50%);
+  padding: 10px;
+  background-color: #000000;
+  color: #fff !important;
+  border-radius: 10px;
+  z-index: 1000;
+  white-space: nowrap;
+}
+.menuItem.menuItemShortMenu:hover .menuItemText.menuItemTextBadge{
+  padding-right: 50px;
+}
+.menuItem.menuItemShortMenu:hover .menuItemText.menuItemTextBadge .menuItemBadge{
+  right: 8px;
+  background-color: #ffffff46;
+}
+.menuItemOwner .menuItemOpen{
+  background-color: #283b5c;
+}
+
+.menuItemOwner .menuItemChildren{
+  display: none;
+  background-color: #30425f;
+
+}
+.menuItemOwner .menuItemChildrenOpen{
+  display: block;
 }

package/dist/components/MyModal/MyModal.css

@@ -1,83 +1,83 @@
-.modal-overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    padding: 25px 0;
-    background-color: rgba(0, 0, 0, 0.5);
-    display: flex;
-    justify-content: center;
-    /* align-items: center; */
-    /* Overlay için overflow özelliği */
-    overflow-y: auto;
-    z-index: 99;
-}
-.modal-overlay.top {
-    align-items: baseline;
-}
-
-.modal-overlay .modal {
-    /* Modal için maksimum yükseklik ve scroll */
-
-    /* Modalın üst ve alt kısmında boşluk bırakmak için */
-    /* margin: 20px 0; */
-    height: max-content;
-    background-color: #ebeef3;
-    padding: 15px;
-    border-radius: 10px;
-    min-width: 200px;
-    max-width: 100%;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-}
-
-.modal-overlay .modal .modal-header {
-    display: flex;
-    width: 100%;
-    justify-content: space-between;
-    align-items: center;
-}
-.modal-overlay .modal .modal-header h4 {
-    margin-top: 0px;
-    padding-left: 8px;
-}
-
-.modal-overlay .modal .modal-header .close-button {
-    background: none;
-    border: none;
-    height: 25px;
-    font-size: 32px;
-    color: #cdcdcd;
-    background: none;
-    padding: 0px;
-    cursor: pointer;
-    margin: -10px 10px 0 0;
-}
-
-.modal-overlay .modal .modal-header .close-button:hover {
-    background: none;
-    color: #9c9c9c;
-}
-
-.modal-overlay .modal .modal-content {
-    display: block;
-    width: 100%;
-    padding: 10px 0;
-    /* max-height: calc(100vh - 80px); */
-    /* overflow-y: auto; */
-}
-
-.MyModalTagBody {
-    display: block;
-    width: 100%;
-    padding: 15px;
-    background: #fff;
-    border-radius: 15px;
-}
-
-.MyModalTagFooter {
-    display: flex;
-    justify-content: flex-end;
-    gap: 10px;
-    margin-top: 5px;
-}
+.modal-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    padding: 25px 0;
+    background-color: rgba(0, 0, 0, 0.5);
+    display: flex;
+    justify-content: center;
+    /* align-items: center; */
+    /* Overlay için overflow özelliği */
+    overflow-y: auto;
+    z-index: 99;
+}
+.modal-overlay.top {
+    align-items: baseline;
+}
+
+.modal-overlay .modal {
+    /* Modal için maksimum yükseklik ve scroll */
+
+    /* Modalın üst ve alt kısmında boşluk bırakmak için */
+    /* margin: 20px 0; */
+    height: max-content;
+    background-color: #ebeef3;
+    padding: 15px;
+    border-radius: 10px;
+    min-width: 200px;
+    max-width: 100%;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+}
+
+.modal-overlay .modal .modal-header {
+    display: flex;
+    width: 100%;
+    justify-content: space-between;
+    align-items: center;
+}
+.modal-overlay .modal .modal-header h4 {
+    margin-top: 0px;
+    padding-left: 8px;
+}
+
+.modal-overlay .modal .modal-header .close-button {
+    background: none;
+    border: none;
+    height: 25px;
+    font-size: 32px;
+    color: #cdcdcd;
+    background: none;
+    padding: 0px;
+    cursor: pointer;
+    margin: -10px 10px 0 0;
+}
+
+.modal-overlay .modal .modal-header .close-button:hover {
+    background: none;
+    color: #9c9c9c;
+}
+
+.modal-overlay .modal .modal-content {
+    display: block;
+    width: 100%;
+    padding: 10px 0;
+    /* max-height: calc(100vh - 80px); */
+    /* overflow-y: auto; */
+}
+
+.MyModalTagBody {
+    display: block;
+    width: 100%;
+    padding: 15px;
+    background: #fff;
+    border-radius: 15px;
+}
+
+.MyModalTagFooter {
+    display: flex;
+    justify-content: flex-end;
+    gap: 10px;
+    margin-top: 5px;
+}

package/dist/components/MyModal/MyModal.js

@@ -7,8 +7,7 @@ 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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // Modal için CSS dosyası
 const MyModal = ({
   show,

package/dist/components/MyNotFound/MyNotFound.css

@@ -1,22 +1,22 @@
-.my-nodata{
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  justify-content: center;
-  align-items: center;
-  padding: 25px;
-  font-size: 17px;
-  color:  #444;
-}
-
-.my-nodata .icon{
-  font-size: 42px;
-  color:  #adadad;
-  margin-bottom: 10px;
-}
-
-.my-nodata span{
-  display: block;
-  width: 100%;
-  text-align: center;
+.my-nodata{
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  justify-content: center;
+  align-items: center;
+  padding: 25px;
+  font-size: 17px;
+  color:  #444;
+}
+
+.my-nodata .icon{
+  font-size: 42px;
+  color:  #adadad;
+  margin-bottom: 10px;
+}
+
+.my-nodata span{
+  display: block;
+  width: 100%;
+  text-align: center;
 }

package/dist/components/MyScrollableCard/MyScrollableCard.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const MyScrollableCard = ({
   children,
   className

package/dist/components/MyTable/MyTable.js

@@ -8,25 +8,22 @@ var _react = _interopRequireWildcard(require("react"));
 var _MyTableModule = _interopRequireDefault(require("./MyTable.module.css"));
 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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const MyTableIsNumeric = value => {
   if (value === null || value === undefined || value === "") return false;
   return !isNaN(value) && !isNaN(parseFloat(value));
 };
 exports.MyTableIsNumeric = MyTableIsNumeric;
 const CountBlock = ({
-  count
+  count,
+  t
 }) => {
-  const {
-    t
-  } = useTranslation();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: _MyTableModule.default.rowsCount,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       children: count
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("small", {
-      children: t("kayıt listelendi")
+      children: t ? t("kayıt listelendi") : "Records Listed"
     })]
   });
 };
@@ -45,7 +42,8 @@ function MyTable({
   pageSize = 0,
   selectedRow = null,
   onRowClick = null,
-  onPageChange = null
+  onPageChange = null,
+  t = null
 }) {
   const tableid = `key${Date.now() + Math.random().toString(36).substr(2, 9)}`;
   const [curEmptyText, setCurEmptyText] = (0, _react.useState)(emptyText);
@@ -119,9 +117,9 @@ function MyTable({
   }, [data, searchTerm, sortConfig, currentPage, pageSize]);
   (0, _react.useEffect)(() => {
     if (emptyText == "") {
-      // setCurEmptyText(t("Henüz bir kayıt mevcut değil!"));
-      setCurEmptyText("No records found!");
+      setCurEmptyText(t ? t("Henüz bir kayıt mevcut değil!") : "No records found!");
     }
+    if (t) {}
     return () => {};
   }, [tableid]);
 
@@ -293,12 +291,13 @@ function MyTable({
         type: "text"
         // placeholder={t("Ara")}
         ,
-        placeholder: "Search",
+        placeholder: t ? t("Listede Ara") : "Search",
         value: searchTerm,
         className: _MyTableModule.default.searchInput,
         onChange: e => setSearchTerm(e.target.value)
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CountBlock, {
-        count: curTotalCount && curTotalCount || childBody && childBody.props.children.length || 0
+        count: curTotalCount && curTotalCount || childBody && childBody.props.children.length || 0,
+        t: t
       })]
     }) || showCount && /*#__PURE__*/(0, _jsxRuntime.jsx)(CountBlock, {
       count: curTotalCount && curTotalCount || childBody && childBody.props.children.length || 0
@@ -330,9 +329,7 @@ function MyTable({
               className: _MyTableModule.default.td,
               children: searchTerm != "" && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                 dangerouslySetInnerHTML: {
-                  __html: `${
-                  // t("Aradığınız kriterlere uygun kayıt bulunamadı!")
-                  "No records found for the criteria you searched for!"}<br/><b>(${searchTerm})</b>`
+                  __html: `${t ? t("Aradığınız kriterlere uygun kayıt bulunamadı!") : "No records found for the criteria you searched for!"}<br/><b>(${searchTerm})</b>`
                 }
               }) || curEmptyText
             })