px-react-ui-components 1.0.2 → 1.0.5

package/dist/components/MyAlert/MyAlert.js

@@ -1,11 +1,18 @@
-import React from "react";
-import { confirmAlert } from "react-confirm-alert";
-import "react-confirm-alert/src/react-confirm-alert.css";
-import "./MyAlert.css";
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MyAlertType = exports.MyAlert = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactConfirmAlert = require("react-confirm-alert");
+require("react-confirm-alert/src/react-confirm-alert.css");
+require("./MyAlert.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // import Swal from "sweetalert2";
 
-export const MyAlertType = {
+const MyAlertType = exports.MyAlertType = {
   WARNING: 'warning',
   ERROR: 'error',
   SUCCESS: 'success',
@@ -14,7 +21,7 @@ export const MyAlertType = {
 };
 Object.freeze(MyAlertType); // Enum sabitlerini değiştirmeyi engeller
 
-export const MyAlert = (message, type = MyAlertType.INFO, {
+const MyAlert = (message, type = MyAlertType.INFO, {
   title = '',
   buttontext = {
     confirm: 'Tamam',
@@ -65,9 +72,9 @@ export const MyAlert = (message, type = MyAlertType.INFO, {
       }
     });
   }
-  confirmAlert({
+  (0, _reactConfirmAlert.confirmAlert)({
     title: title,
-    message: /*#__PURE__*/React.createElement("div", {
+    message: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       dangerouslySetInnerHTML: {
         __html: typeof message === 'string' ? message : message.props?.children || message.toString()
       }
@@ -106,4 +113,5 @@ export const MyAlert = (message, type = MyAlertType.INFO, {
   //   //   // Swal.fire("Changes are not saved", "", "info");
   //   // }
   // });
-};
+};
+exports.MyAlert = MyAlert;

package/dist/components/MyContainer/MyContainer.js

@@ -1,5 +1,13 @@
-import React from "react";
-import styles from "./MyContainer.module.css";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _MyContainerModule = _interopRequireDefault(require("./MyContainer.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function MyContainer({
   children,
   title = "",
@@ -15,7 +23,7 @@ function MyContainer({
   footerClassName = null,
   footerStyle = null
 }) {
-  const arrChild = React.Children.toArray(children);
+  const arrChild = _react.default.Children.toArray(children);
   let childHeaderRight = null;
   let childBody = null;
   let childFooter = null;
@@ -33,27 +41,35 @@ function MyContainer({
       childFooter = el;
     }
   }
-  return /*#__PURE__*/React.createElement("section", {
-    className: `${styles.container} ${className || ""}`,
-    style: style
-  }, (title || childHeaderRight) && /*#__PURE__*/React.createElement("div", {
-    className: `${styles.header} ${headerClassName || ""}`,
-    style: headerStyle
-  }, title && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("h3", {
-    className: styles.title,
-    style: titleTextStyle
-  }, title), description && /*#__PURE__*/React.createElement("span", {
-    className: styles.description
-  }, description)), childHeaderRight && childHeaderRight), /*#__PURE__*/React.createElement("div", {
-    className: `${styles.body} ${bodyClassName || ""}`,
-    style: title ? {
-      paddingTop: "12px"
-    } : null
-  }, childBody), childFooter && /*#__PURE__*/React.createElement("div", {
-    className: `${styles.footer} ${footerClassName || ""}`,
-    style: title ? {
-      paddingTop: "12px"
-    } : null
-  }, childFooter));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("section", {
+    className: `${_MyContainerModule.default.container} ${className || ""}`,
+    style: style,
+    children: [(title || childHeaderRight) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: `${_MyContainerModule.default.header} ${headerClassName || ""}`,
+      style: headerStyle,
+      children: [title && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+          className: _MyContainerModule.default.title,
+          style: titleTextStyle,
+          children: title
+        }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: _MyContainerModule.default.description,
+          children: description
+        })]
+      }), childHeaderRight && childHeaderRight]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: `${_MyContainerModule.default.body} ${bodyClassName || ""}`,
+      style: title ? {
+        paddingTop: "12px"
+      } : null,
+      children: childBody
+    }), childFooter && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: `${_MyContainerModule.default.footer} ${footerClassName || ""}`,
+      style: title ? {
+        paddingTop: "12px"
+      } : null,
+      children: childFooter
+    })]
+  });
 }
-export default MyContainer;
+var _default = exports.default = MyContainer;

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

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

package/dist/components/MyContainer/MyContainerRight.js

@@ -1,10 +1,19 @@
-import React from "react";
-import styles from "./MyContainer.module.css";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _MyContainerModule = _interopRequireDefault(require("./MyContainer.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function MyContainerRight({
   children
 }) {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "MyContainerTagRight " + styles.rightBlock
-  }, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "MyContainerTagRight " + _MyContainerModule.default.rightBlock,
+    children: children
+  });
 }
-export default MyContainerRight;
+var _default = exports.default = MyContainerRight;

package/dist/components/MyEditor/MyEditor.js

@@ -1,15 +1,24 @@
-import React, { useState, useEffect, useRef } from "react";
-import ReactQuill from "react-quill";
-import "react-quill/dist/quill.snow.css";
-import ImageResize from "quill-image-resize";
-import Quill from "quill";
-import QuillTable from "quill-table";
-import katex from "katex";
-import "katex/dist/katex.min.css";
-import "./MyEditor.scss";
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactQuill = _interopRequireDefault(require("react-quill"));
+require("react-quill/dist/quill.snow.css");
+var _quillImageResize = _interopRequireDefault(require("quill-image-resize"));
+var _quill = _interopRequireDefault(require("quill"));
+var _quillTable = _interopRequireDefault(require("quill-table"));
+var _katex = _interopRequireDefault(require("katex"));
+require("katex/dist/katex.min.css");
+require("./MyEditor.scss");
+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; }
 // KaTeX'i global hale getir
-window.katex = katex;
+window.katex = _katex.default;
 
 // Özel font listesini tanımla
 const fonts = [{
@@ -105,20 +114,20 @@ const fonts = [{
 }];
 
 // Quill font formatını genişlet
-const Font = Quill.import("formats/font");
+const Font = _quill.default.import("formats/font");
 Font.whitelist = fonts.map(f => f.value);
-Quill.register(Font, true);
+_quill.default.register(Font, true);
 
 // Quill modüllerini kaydet
-Quill.register("modules/imageResize", ImageResize);
-Quill.register(QuillTable.TableCell);
-Quill.register(QuillTable.TableRow);
-Quill.register(QuillTable.Table);
-Quill.register(QuillTable.Contain);
-Quill.register("modules/table", QuillTable.TableModule);
+_quill.default.register("modules/imageResize", _quillImageResize.default);
+_quill.default.register(_quillTable.default.TableCell);
+_quill.default.register(_quillTable.default.TableRow);
+_quill.default.register(_quillTable.default.Table);
+_quill.default.register(_quillTable.default.Contain);
+_quill.default.register("modules/table", _quillTable.default.TableModule);
 
 // Formula Embed için düzeltme
-const Embed = Quill.import("blots/embed");
+const Embed = _quill.default.import("blots/embed");
 class FormulaEmbed extends Embed {
   static create(value) {
     let node = super.create();
@@ -141,7 +150,7 @@ class FormulaEmbed extends Embed {
 FormulaEmbed.blotName = "formula";
 FormulaEmbed.tagName = "SPAN";
 FormulaEmbed.className = "ql-formula";
-Quill.register("formats/formula", FormulaEmbed);
+_quill.default.register("formats/formula", FormulaEmbed);
 function MyEditor({
   value,
   onChange,
@@ -149,23 +158,23 @@ function MyEditor({
     height: "300px"
   }
 }) {
-  const [editorValue, setEditorValue] = useState("");
-  const [isFullscreen, setIsFullscreen] = useState(false);
-  const editorRef = useRef(null);
-  const timeoutRef = useRef(null);
-  const isFirstRender = useRef(true);
+  const [editorValue, setEditorValue] = (0, _react.useState)("");
+  const [isFullscreen, setIsFullscreen] = (0, _react.useState)(false);
+  const editorRef = (0, _react.useRef)(null);
+  const timeoutRef = (0, _react.useRef)(null);
+  const isFirstRender = (0, _react.useRef)(true);
   const handleFullscreen = () => {
     setIsFullscreen(!isFullscreen);
   };
 
   // Custom buton tanımı
-  useEffect(() => {
-    const icons = Quill.import('ui/icons');
+  (0, _react.useEffect)(() => {
+    const icons = _quill.default.import('ui/icons');
     icons['fullscreen'] = `<svg viewbox="0 0 18 18">
       <path d="M4,4H0v2h6V0H4V4z M14,4V0h-2v6h6V4H14z M6,14H0v2h4v4h2V14z M14,18h2v-4h4v-2h-6V18z"/>
     </svg>`;
   }, []);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     if (isFirstRender.current) {
       isFirstRender.current = false;
       setEditorValue(value || "");
@@ -258,35 +267,40 @@ function MyEditor({
       pickerLabel.innerText = fonts[0].label; // Varsayılan font ismi
     }
   }
-  return /*#__PURE__*/React.createElement("div", {
-    className: 'myEditorContainer ' + (isFullscreen ? 'fullscreen' : '')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "myEditorContainerContent"
-  }, /*#__PURE__*/React.createElement("button", {
-    onClick: handleFullscreen,
-    className: "myEditorContainerFullscreenButton",
-    title: isFullscreen ? "Minimize" : "Maximize"
-  }, isFullscreen ? /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 18 18",
-    width: "18",
-    height: "18"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M4,4h2v6H0V8h4V4z M14,4v4h4v2h-6V4H14z M6,14H4v-4H0v-2h6V14z M14,14h-2v-6h6v2h-4V14z"
-  })) : /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 18 18",
-    width: "18",
-    height: "18"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M4,4H0v2h6V0H4V4z M14,4V0h-2v6h6V4H14z M6,14H0v2h4v4h2V14z M14,18h2v-4h4v-2h-6V18z"
-  }))), /*#__PURE__*/React.createElement(ReactQuill, {
-    ref: editorRef,
-    theme: "snow",
-    value: editorValue,
-    onChange: handleChange,
-    modules: modules,
-    formats: formats,
-    style: style,
-    preserveWhitespace: true
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: 'myEditorContainer ' + (isFullscreen ? 'fullscreen' : ''),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "myEditorContainerContent",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        onClick: handleFullscreen,
+        className: "myEditorContainerFullscreenButton",
+        title: isFullscreen ? "Minimize" : "Maximize",
+        children: isFullscreen ? /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+          viewBox: "0 0 18 18",
+          width: "18",
+          height: "18",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+            d: "M4,4h2v6H0V8h4V4z M14,4v4h4v2h-6V4H14z M6,14H4v-4H0v-2h6V14z M14,14h-2v-6h6v2h-4V14z"
+          })
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+          viewBox: "0 0 18 18",
+          width: "18",
+          height: "18",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+            d: "M4,4H0v2h6V0H4V4z M14,4V0h-2v6h6V4H14z M6,14H0v2h4v4h2V14z M14,18h2v-4h4v-2h-6V18z"
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactQuill.default, {
+        ref: editorRef,
+        theme: "snow",
+        value: editorValue,
+        onChange: handleChange,
+        modules: modules,
+        formats: formats,
+        style: style,
+        preserveWhitespace: true
+      })]
+    })
+  });
 }
-export default MyEditor;
+var _default = exports.default = MyEditor;