px-react-ui-components 1.0.2 → 1.0.5

package/dist/components/MyTable/MyTable.js

@@ -1,19 +1,36 @@
-import React, { useEffect, useState } from "react";
-import styles from "./MyTable.module.css";
-export const MyTableIsNumeric = value => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.MyTableIsNumeric = exports.CountBlock = void 0;
+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; }
+const MyTableIsNumeric = value => {
   if (value === null || value === undefined || value === "") return false;
   return !isNaN(value) && !isNaN(parseFloat(value));
 };
-export const CountBlock = ({
+exports.MyTableIsNumeric = MyTableIsNumeric;
+const CountBlock = ({
   count
 }) => {
   const {
     t
   } = useTranslation();
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.rowsCount
-  }, /*#__PURE__*/React.createElement("span", null, count), /*#__PURE__*/React.createElement("small", null, t("kayıt listelendi")));
+  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")
+    })]
+  });
 };
+exports.CountBlock = CountBlock;
 function MyTable({
   columns = [],
   //
@@ -31,18 +48,18 @@ function MyTable({
   onPageChange = null
 }) {
   const tableid = `key${Date.now() + Math.random().toString(36).substr(2, 9)}`;
-  const [curEmptyText, setCurEmptyText] = useState(emptyText);
-  const [curTotalCount, setCurTotalCount] = useState(data ? data.length : totalCount);
-  const [searchTerm, setSearchTerm] = useState("");
-  const [filteredRows, setFilteredRows] = useState([]);
-  const [currentPage, setCurrentPage] = useState(1);
-  const [totalPages, setTotalPages] = useState(0);
-  const [sortConfig, setSortConfig] = useState({
+  const [curEmptyText, setCurEmptyText] = (0, _react.useState)(emptyText);
+  const [curTotalCount, setCurTotalCount] = (0, _react.useState)(data ? data.length : totalCount);
+  const [searchTerm, setSearchTerm] = (0, _react.useState)("");
+  const [filteredRows, setFilteredRows] = (0, _react.useState)([]);
+  const [currentPage, setCurrentPage] = (0, _react.useState)(1);
+  const [totalPages, setTotalPages] = (0, _react.useState)(0);
+  const [sortConfig, setSortConfig] = (0, _react.useState)({
     key: null,
     direction: "asc"
   });
-  const [displayData, setDisplayData] = useState([]);
-  const arrChild = React.Children.toArray(children);
+  const [displayData, setDisplayData] = (0, _react.useState)([]);
+  const arrChild = _react.default.Children.toArray(children);
   let childHeader = null;
   let childBody = null;
   if (arrChild.length > 0) {
@@ -59,7 +76,7 @@ function MyTable({
   }
 
   // Veri işleme ve sıralama
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     let processedData = Array.isArray(data) ? [...data] : [];
 
     // Arama işlemi
@@ -100,7 +117,7 @@ function MyTable({
       setCurTotalCount(0);
     }
   }, [data, searchTerm, sortConfig, currentPage, pageSize]);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     if (emptyText == "") {
       // setCurEmptyText(t("Henüz bir kayıt mevcut değil!"));
       setCurEmptyText("No records found!");
@@ -112,7 +129,7 @@ function MyTable({
   const filterRows = row => {
     if (!searchTerm) return true;
     const cells = row.props.children;
-    return React.Children.toArray(cells).some(cell => {
+    return _react.default.Children.toArray(cells).some(cell => {
       const cellText = cell.props.children ? cell.props.children.toString().trim().toLocaleLowerCase() : "";
       const cleanCellText = cellText.replace(/[^a-zA-Z0-9\s]/g, ""); // Virgül ve diğer özel karakterleri temizle
       const cleanSearchTerm = searchTerm.replace(/[^a-zA-Z0-9\s]/g, "").toLocaleLowerCase(); // Aynı şekilde arama terimini temizle
@@ -145,17 +162,17 @@ function MyTable({
 
     //style = { ...style, minWidth: column.width || "150px" };
 
-    return /*#__PURE__*/React.createElement("th", {
-      key: "head" + column.key + btoa(Math.random().toString(36).substr(2, 9)),
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
       onClick: column.sortable ? () => handleSort(column.key) : undefined,
       className: `
-                        ${styles.th}
+                        ${_MyTableModule.default.th}
                         ${column.className && column.className || ""}
-                        ${column.sortable ? styles.sortable : ""}
-                        ${isSorted ? styles[`sort-${sortDirection}`] : ""}
+                        ${column.sortable ? _MyTableModule.default.sortable : ""}
+                        ${isSorted ? _MyTableModule.default[`sort-${sortDirection}`] : ""}
                         `,
-      style: style
-    }, column.title);
+      style: style,
+      children: column.title
+    }, "head" + column.key + btoa(Math.random().toString(36).substr(2, 9)));
   };
 
   // Hücre render fonksiyonu
@@ -166,31 +183,31 @@ function MyTable({
 
     // If the content is already a React element (like from a render function that returns MathJax),
     // just return it directly in the cell
-    if (/*#__PURE__*/React.isValidElement(content)) {
-      return /*#__PURE__*/React.createElement("td", {
-        key: key,
+    if (/*#__PURE__*/_react.default.isValidElement(content)) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
         style: column.tdStyle,
-        className: `${styles.td} ${column.tdClassName && column.tdClassName || ""}`,
-        "data-row-index": index
-      }, content);
+        className: `${_MyTableModule.default.td} ${column.tdClassName && column.tdClassName || ""}`,
+        "data-row-index": index,
+        children: content
+      }, key);
     }
-    return /*#__PURE__*/React.createElement("td", {
-      key: key,
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
       style: column.tdStyle,
-      className: `${styles.td} ${column.tdClassName && column.tdClassName || ""}`,
-      "data-row-index": index
-    }, typeof content === 'string' ? /*#__PURE__*/React.createElement("span", {
-      dangerouslySetInnerHTML: {
-        __html: content
-      }
-    }) : content);
+      className: `${_MyTableModule.default.td} ${column.tdClassName && column.tdClassName || ""}`,
+      "data-row-index": index,
+      children: typeof content === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        dangerouslySetInnerHTML: {
+          __html: content
+        }
+      }) : content
+    }, key);
   };
 
   // Filtrelenen satırları güncelle
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     if (onSearchText == null) {
       if (childBody) {
-        const rows = React.Children.toArray(childBody.props.children);
+        const rows = _react.default.Children.toArray(childBody.props.children);
         const filtered = rows.filter(row => filterRows(row));
         setFilteredRows(filtered);
       }
@@ -239,73 +256,90 @@ function MyTable({
         pagesToShow.push(totalPages);
       }
     }
-    return /*#__PURE__*/React.createElement("div", {
-      className: styles.pagination
-    }, /*#__PURE__*/React.createElement("button", {
-      onClick: () => handlePageChange(currentPage - 1),
-      disabled: currentPage === 1,
-      className: styles.pageButton
-    }, "<"), pagesToShow.map((page, index) => /*#__PURE__*/React.createElement(React.Fragment, {
-      key: page
-    }, index > 0 && pagesToShow[index] - pagesToShow[index - 1] > 1 && /*#__PURE__*/React.createElement("span", {
-      className: styles.pageEllipsis
-    }, "..."), /*#__PURE__*/React.createElement("button", {
-      onClick: () => handlePageChange(page),
-      className: `${styles.pageButton} ${currentPage === page ? styles.activePage : ""}`
-    }, page))), /*#__PURE__*/React.createElement("button", {
-      onClick: () => handlePageChange(currentPage + 1),
-      disabled: currentPage === totalPages,
-      className: styles.pageButton
-    }, ">"));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _MyTableModule.default.pagination,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        onClick: () => handlePageChange(currentPage - 1),
+        disabled: currentPage === 1,
+        className: _MyTableModule.default.pageButton,
+        children: "<"
+      }), pagesToShow.map((page, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+        children: [index > 0 && pagesToShow[index] - pagesToShow[index - 1] > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: _MyTableModule.default.pageEllipsis,
+          children: "..."
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+          onClick: () => handlePageChange(page),
+          className: `${_MyTableModule.default.pageButton} ${currentPage === page ? _MyTableModule.default.activePage : ""}`,
+          children: page
+        })]
+      }, page)), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        onClick: () => handlePageChange(currentPage + 1),
+        disabled: currentPage === totalPages,
+        className: _MyTableModule.default.pageButton,
+        children: ">"
+      })]
+    });
   };
-  const headerCellsCount = columns.filter(column => column.title).length > 0 ? columns.filter(column => column.title).length : childBody ? React.Children.count(childBody.props.children.props.children) : 0;
-  return /*#__PURE__*/React.createElement("div", {
+  const headerCellsCount = columns.filter(column => column.title).length > 0 ? columns.filter(column => column.title).length : childBody ? _react.default.Children.count(childBody.props.children.props.children) : 0;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     id: tableid,
-    className: `${styles.myTableContainer} ${searchable && styles.searchable} ${totalPages > 0 && styles.myTablePagination}`,
+    className: `${_MyTableModule.default.myTableContainer} ${searchable && _MyTableModule.default.searchable} ${totalPages > 0 && _MyTableModule.default.myTablePagination}`,
     style: {
       height: height
-    }
-  }, searchable && /*#__PURE__*/React.createElement("div", {
-    className: styles.searchContainer
-  }, /*#__PURE__*/React.createElement("input", {
-    type: "text"
-    // placeholder={t("Ara")}
-    ,
-    placeholder: "Search",
-    value: searchTerm,
-    className: styles.searchInput,
-    onChange: e => setSearchTerm(e.target.value)
-  }), /*#__PURE__*/React.createElement(CountBlock, {
-    count: curTotalCount && curTotalCount || childBody && childBody.props.children.length || 0
-  })) || showCount && /*#__PURE__*/React.createElement(CountBlock, {
-    count: curTotalCount && curTotalCount || childBody && childBody.props.children.length || 0
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles.myTable
-  }, /*#__PURE__*/React.createElement("table", {
-    className: styles.table
-  }, columns.filter(column => column.title).length > 0 ? /*#__PURE__*/React.createElement("thead", {
-    className: styles.thead
-  }, /*#__PURE__*/React.createElement("tr", {
-    className: styles.tr
-  }, columns.filter(column => column.title).map(renderColumnHeader))) : childHeader, /*#__PURE__*/React.createElement("tbody", null, onSearchText && childBody && childBody.props.children.length > 0 && childBody.props.children || filteredRows && filteredRows.length > 0 && filteredRows || displayData.length > 0 && displayData.map((item, index) => /*#__PURE__*/React.createElement("tr", {
-    key: index,
-    onClick: () => onRowClick && onRowClick(item),
-    className: `
-                    ${styles.tr}
-                    ${onRowClick ? styles.clickable : ""}
-                    ${selectedRow === item ? styles.selected : ""}
-                  `
-  }, columns.filter(column => column.title).map(column => renderCell(item, column, index)), children && /*#__PURE__*/React.createElement("td", null, typeof children === "function" ? children(item) : children))) || /*#__PURE__*/React.createElement("tr", {
-    className: styles.noData + " " + styles.tr
-  }, /*#__PURE__*/React.createElement("td", {
-    colSpan: headerCellsCount,
-    className: styles.td
-  }, searchTerm != "" && /*#__PURE__*/React.createElement("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>`
-    }
-  }) || curEmptyText))))), totalPages > 0 && renderPagination());
+    },
+    children: [searchable && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _MyTableModule.default.searchContainer,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        type: "text"
+        // placeholder={t("Ara")}
+        ,
+        placeholder: "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
+      })]
+    }) || showCount && /*#__PURE__*/(0, _jsxRuntime.jsx)(CountBlock, {
+      count: curTotalCount && curTotalCount || childBody && childBody.props.children.length || 0
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _MyTableModule.default.myTable,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("table", {
+        className: _MyTableModule.default.table,
+        children: [columns.filter(column => column.title).length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
+          className: _MyTableModule.default.thead,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+            className: _MyTableModule.default.tr,
+            children: columns.filter(column => column.title).map(renderColumnHeader)
+          })
+        }) : childHeader, /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
+          children: onSearchText && childBody && childBody.props.children.length > 0 && childBody.props.children || filteredRows && filteredRows.length > 0 && filteredRows || displayData.length > 0 && displayData.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
+            onClick: () => onRowClick && onRowClick(item),
+            className: `
+                    ${_MyTableModule.default.tr}
+                    ${onRowClick ? _MyTableModule.default.clickable : ""}
+                    ${selectedRow === item ? _MyTableModule.default.selected : ""}
+                  `,
+            children: [columns.filter(column => column.title).map(column => renderCell(item, column, index)), children && /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+              children: typeof children === "function" ? children(item) : children
+            })]
+          }, index)) || /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+            className: _MyTableModule.default.noData + " " + _MyTableModule.default.tr,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+              colSpan: headerCellsCount,
+              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>`
+                }
+              }) || curEmptyText
+            })
+          })
+        })]
+      })
+    }), totalPages > 0 && renderPagination()]
+  });
 }
-export default MyTable;
+var _default = exports.default = MyTable;

package/dist/components/MyTable/MyTableBody.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 MyTableBody({
   children
 }) {
-  return /*#__PURE__*/React.createElement("tbody", {
-    className: "MyTableTagBody"
-  }, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
+    className: "MyTableTagBody",
+    children: children
+  });
 }
-export default MyTableBody;
+var _default = exports.default = MyTableBody;

package/dist/components/MyTable/MyTableHead.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 MyTableHead({
   children
 }) {
-  return /*#__PURE__*/React.createElement("thead", {
-    className: "MyTableTagHead"
-  }, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
+    className: "MyTableTagHead",
+    children: children
+  });
 }
-export default MyTableHead;
+var _default = exports.default = MyTableHead;

package/dist/components/MyTabs/MyTabPane.js

@@ -1,4 +1,13 @@
-import React, { useEffect, 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; }
 function MyTabPane({
   children,
   label = null,
@@ -12,6 +21,8 @@ function MyTabPane({
   tabClassName = null,
   tabStyle = null
 }) {
-  return /*#__PURE__*/React.createElement("div", null, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: children
+  });
 }
-export default MyTabPane;
+var _default = exports.default = MyTabPane;

package/dist/components/MyTabs/MyTabs.js

@@ -1,5 +1,14 @@
-import React, { useEffect, useState } from 'react';
-import "./MyTabs.css";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+require("./MyTabs.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 MyTabs({
   children,
   className = null,
@@ -8,9 +17,9 @@ function MyTabs({
   activePaneIndex = -1,
   activePaneName = null
 }) {
-  const [activei, setActivei] = useState(activePaneIndex > -1 ? activePaneIndex : 0);
-  const arrChild = React.Children.toArray(children);
-  useEffect(() => {
+  const [activei, setActivei] = (0, _react.useState)(activePaneIndex > -1 ? activePaneIndex : 0);
+  const arrChild = _react.default.Children.toArray(children);
+  (0, _react.useEffect)(() => {
     if (onChange) {
       onChange({
         index: activei,
@@ -19,7 +28,7 @@ function MyTabs({
       });
     }
   }, [activei]);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     if (activePaneName) {
       const index = arrChild.findIndex(item => item.props.name === activePaneName);
       if (index > -1) {
@@ -27,40 +36,49 @@ function MyTabs({
       }
     }
   }, [activePaneName]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "my-TabsContainer " + (className ? className : ''),
-    style: style
-  }, /*#__PURE__*/React.createElement("ul", {
-    className: "my-TabsTabList"
-  }, arrChild.map((item, i) => {
-    return /*#__PURE__*/React.createElement("li", {
-      key: i,
-      className: (i == activei && 'active') + ' ' + (item.props.tabClassName ? item.props.tabClassName : ''),
-      style: item.props.tabStyle,
-      onClick: () => setActivei(i),
-      title: item.props.title
-    }, item.props.icon != undefined && /*#__PURE__*/React.createElement("div", {
-      className: "icon"
-    }, item.props.icon), /*#__PURE__*/React.createElement("div", {
-      className: "flex flex-col gap-0 text-start"
-    }, item.props.label != undefined ? /*#__PURE__*/React.createElement("span", {
-      className: "title"
-    }, item.props.label) : /*#__PURE__*/React.createElement("span", {
-      className: "title"
-    }, item.props.title), item.props.description != undefined && /*#__PURE__*/React.createElement("div", {
-      className: "description"
-    }, item.props.description)), item.props.badge != undefined && /*#__PURE__*/React.createElement("div", {
-      className: "badge"
-    }, item.props.badge));
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "my-TabsTabBody"
-  }, arrChild.map((item, i) => {
-    return /*#__PURE__*/React.createElement("div", {
-      key: i,
-      className: "my-TabsTabContainer " + (i == activei && 'active') + ' ' + (item.props.className ? item.props.className : ''),
-      style: item.props.style,
-      onClick: () => setActivei(i)
-    }, item.props.children);
-  })));
+    style: style,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+      className: "my-TabsTabList",
+      children: arrChild.map((item, i) => {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+          className: (i == activei && 'active') + ' ' + (item.props.tabClassName ? item.props.tabClassName : ''),
+          style: item.props.tabStyle,
+          onClick: () => setActivei(i),
+          title: item.props.title,
+          children: [item.props.icon != undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "icon",
+            children: item.props.icon
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "flex flex-col gap-0 text-start",
+            children: [item.props.label != undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "title",
+              children: item.props.label
+            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "title",
+              children: item.props.title
+            }), item.props.description != undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "description",
+              children: item.props.description
+            })]
+          }), item.props.badge != undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "badge",
+            children: item.props.badge
+          })]
+        }, i);
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "my-TabsTabBody",
+      children: arrChild.map((item, i) => {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "my-TabsTabContainer " + (i == activei && 'active') + ' ' + (item.props.className ? item.props.className : ''),
+          style: item.props.style,
+          onClick: () => setActivei(i),
+          children: item.props.children
+        }, i);
+      })
+    })]
+  });
 }
-export default MyTabs;
+var _default = exports.default = MyTabs;

package/dist/components/MyWaiting/MyWaiting.js

@@ -1,27 +1,38 @@
-import React from "react";
-import { Oval } from "react-loader-spinner";
-import './MyWaiting.css'; // Modal için CSS dosyası
+"use strict";
 
-export default function MyWaiting({
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = MyWaiting;
+var _react = _interopRequireDefault(require("react"));
+var _reactLoaderSpinner = require("react-loader-spinner");
+require("./MyWaiting.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Modal için CSS dosyası
+function MyWaiting({
   show = false,
   message = null
 }) {
   if (!show) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "my-waiting-backdrop"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "my-waiting-content"
-  }, /*#__PURE__*/React.createElement(Oval, {
-    visible: true,
-    height: "60",
-    width: "60",
-    color: "#fff",
-    secondaryColor: "#cdcdcd",
-    ariaLabel: "oval-loading",
-    strokeWidth: 5
-  }), message && /*#__PURE__*/React.createElement("span", {
-    className: "my-waiting-message"
-  }, message)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "my-waiting-backdrop",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "my-waiting-content",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactLoaderSpinner.Oval, {
+        visible: true,
+        height: "60",
+        width: "60",
+        color: "#fff",
+        secondaryColor: "#cdcdcd",
+        ariaLabel: "oval-loading",
+        strokeWidth: 5
+      }), message && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "my-waiting-message",
+        children: message
+      })]
+    })
+  });
 }