px-react-ui-components 1.0.3 → 1.0.6

package/dist/components/MyAlert/MyAlert.js

@@ -9,10 +9,10 @@ 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 }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // import Swal from "sweetalert2";
 
-var MyAlertType = exports.MyAlertType = {
+const MyAlertType = exports.MyAlertType = {
   WARNING: 'warning',
   ERROR: 'error',
   SUCCESS: 'success',
@@ -21,20 +21,15 @@ var MyAlertType = exports.MyAlertType = {
 };
 Object.freeze(MyAlertType); // Enum sabitlerini değiştirmeyi engeller
 
-var MyAlert = exports.MyAlert = function MyAlert(message) {
-  var _message$props;
-  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : MyAlertType.INFO;
-  var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-    _ref$title = _ref.title,
-    title = _ref$title === void 0 ? '' : _ref$title,
-    _ref$buttontext = _ref.buttontext,
-    buttontext = _ref$buttontext === void 0 ? {
-      confirm: 'Tamam',
-      cancel: 'İptal'
-    } : _ref$buttontext,
-    _ref$callback = _ref.callback,
-    callback = _ref$callback === void 0 ? null : _ref$callback;
-  var _showCancelButton = false;
+const MyAlert = (message, type = MyAlertType.INFO, {
+  title = '',
+  buttontext = {
+    confirm: 'Tamam',
+    cancel: 'İptal'
+  },
+  callback = null
+} = {}) => {
+  let _showCancelButton = false;
   switch (type) {
     case MyAlertType.WARNING:
       title = title ? title : 'Uyarı';
@@ -57,9 +52,9 @@ var MyAlert = exports.MyAlert = function MyAlert(message) {
       }
       break;
   }
-  var _buttons = [{
+  let _buttons = [{
     label: buttontext.confirm,
-    onClick: function onClick() {
+    onClick: () => {
       if (callback) callback({
         isConfirmed: true,
         isDenied: false
@@ -69,7 +64,7 @@ var MyAlert = exports.MyAlert = function MyAlert(message) {
   if (_showCancelButton) {
     _buttons.push({
       label: buttontext.cancel,
-      onClick: function onClick() {
+      onClick: () => {
         if (callback) callback({
           isConfirmed: false,
           isDenied: true
@@ -81,17 +76,17 @@ var MyAlert = exports.MyAlert = function MyAlert(message) {
     title: title,
     message: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       dangerouslySetInnerHTML: {
-        __html: typeof message === 'string' ? message : ((_message$props = message.props) === null || _message$props === void 0 ? void 0 : _message$props.children) || message.toString()
+        __html: typeof message === 'string' ? message : message.props?.children || message.toString()
       }
     }),
     buttons: _buttons,
-    onClickOutside: function onClickOutside() {
+    onClickOutside: () => {
       if (callback) callback({
         isConfirmed: false,
         isDenied: true
       });
     },
-    onKeypressEscape: function onKeypressEscape() {
+    onKeypressEscape: () => {
       if (callback) callback({
         isConfirmed: false,
         isDenied: true
@@ -118,4 +113,5 @@ var MyAlert = exports.MyAlert = function MyAlert(message) {
   //   //   // Swal.fire("Changes are not saved", "", "info");
   //   // }
   // });
-};
+};
+exports.MyAlert = MyAlert;

package/dist/components/MyContainer/MyContainer.js

@@ -3,43 +3,32 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+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(_ref) {
-  var children = _ref.children,
-    _ref$title = _ref.title,
-    title = _ref$title === void 0 ? "" : _ref$title,
-    _ref$description = _ref.description,
-    description = _ref$description === void 0 ? null : _ref$description,
-    _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? null : _ref$icon,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? null : _ref$className,
-    _ref$titleTextStyle = _ref.titleTextStyle,
-    titleTextStyle = _ref$titleTextStyle === void 0 ? null : _ref$titleTextStyle,
-    _ref$style = _ref.style,
-    style = _ref$style === void 0 ? null : _ref$style,
-    _ref$headerClassName = _ref.headerClassName,
-    headerClassName = _ref$headerClassName === void 0 ? null : _ref$headerClassName,
-    _ref$headerStyle = _ref.headerStyle,
-    headerStyle = _ref$headerStyle === void 0 ? null : _ref$headerStyle,
-    _ref$bodyClassName = _ref.bodyClassName,
-    bodyClassName = _ref$bodyClassName === void 0 ? null : _ref$bodyClassName,
-    _ref$bodyStyle = _ref.bodyStyle,
-    bodyStyle = _ref$bodyStyle === void 0 ? null : _ref$bodyStyle,
-    _ref$footerClassName = _ref.footerClassName,
-    footerClassName = _ref$footerClassName === void 0 ? null : _ref$footerClassName,
-    _ref$footerStyle = _ref.footerStyle,
-    footerStyle = _ref$footerStyle === void 0 ? null : _ref$footerStyle;
-  var arrChild = _react["default"].Children.toArray(children);
-  var childHeaderRight = null;
-  var childBody = null;
-  var childFooter = null;
-  for (var i = 0; i < arrChild.length; i++) {
-    var el = arrChild[i];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function MyContainer({
+  children,
+  title = "",
+  description = null,
+  icon = null,
+  className = null,
+  titleTextStyle = null,
+  style = null,
+  headerClassName = null,
+  headerStyle = null,
+  bodyClassName = null,
+  bodyStyle = null,
+  footerClassName = null,
+  footerStyle = null
+}) {
+  const arrChild = _react.default.Children.toArray(children);
+  let childHeaderRight = null;
+  let childBody = null;
+  let childFooter = null;
+  for (let i = 0; i < arrChild.length; i++) {
+    const el = arrChild[i];
     if (el.type && el.type.toString().includes("MyContainerTagRight")) {
       childHeaderRight = el;
     } else if (el.type && el.type.toString().includes("MyContainerTagBody")) {
@@ -53,29 +42,29 @@ function MyContainer(_ref) {
     }
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("section", {
-    className: "".concat(_MyContainerModule["default"].container, " ").concat(className || ""),
+    className: `${_MyContainerModule.default.container} ${className || ""}`,
     style: style,
     children: [(title || childHeaderRight) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "".concat(_MyContainerModule["default"].header, " ").concat(headerClassName || ""),
+      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,
+          className: _MyContainerModule.default.title,
           style: titleTextStyle,
           children: title
         }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: _MyContainerModule["default"].description,
+          className: _MyContainerModule.default.description,
           children: description
         })]
       }), childHeaderRight && childHeaderRight]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "".concat(_MyContainerModule["default"].body, " ").concat(bodyClassName || ""),
+      className: `${_MyContainerModule.default.body} ${bodyClassName || ""}`,
       style: title ? {
         paddingTop: "12px"
       } : null,
       children: childBody
     }), childFooter && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "".concat(_MyContainerModule["default"].footer, " ").concat(footerClassName || ""),
+      className: `${_MyContainerModule.default.footer} ${footerClassName || ""}`,
       style: title ? {
         paddingTop: "12px"
       } : null,
@@ -83,4 +72,4 @@ function MyContainer(_ref) {
     })]
   });
 }
-var _default = exports["default"] = MyContainer;
+var _default = exports.default = MyContainer;

package/dist/components/MyContainer/MyContainerBody.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 MyContainerBody(_ref) {
-  var children = _ref.children;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function MyContainerBody({
+  children
+}) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "MyContainerTagBody",
     children: children
   });
 }
-var _default = exports["default"] = MyContainerBody;
+var _default = exports.default = MyContainerBody;

package/dist/components/MyContainer/MyContainerFooter.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 MyContainerFooter(_ref) {
-  var children = _ref.children;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function MyContainerFooter({
+  children
+}) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "MyContainerTagFooter",
     children: children
   });
 }
-var _default = exports["default"] = MyContainerFooter;
+var _default = exports.default = MyContainerFooter;

package/dist/components/MyContainer/MyContainerRight.js

@@ -3,16 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+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(_ref) {
-  var children = _ref.children;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function MyContainerRight({
+  children
+}) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "MyContainerTagRight " + _MyContainerModule["default"].rightBlock,
+    className: "MyContainerTagRight " + _MyContainerModule.default.rightBlock,
     children: children
   });
 }
-var _default = exports["default"] = MyContainerRight;
+var _default = exports.default = MyContainerRight;

package/dist/components/MyEditor/MyEditor.js

@@ -1,10 +1,9 @@
 "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 _reactQuill = _interopRequireDefault(require("react-quill"));
 require("react-quill/dist/quill.snow.css");
@@ -15,34 +14,14 @@ 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 _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; }
-function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
-function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
-function _get() { return _get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = _superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, _get.apply(null, arguments); }
-function _superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = _getPrototypeOf(t));); return t; }
-function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
-function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); } // KaTeX'i global hale getir
-window.katex = _katex["default"];
+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.default;
 
 // Özel font listesini tanımla
-var fonts = [{
+const fonts = [{
   label: "Arial",
   value: "arial"
 }, {
@@ -135,121 +114,102 @@ var fonts = [{
 }];
 
 // Quill font formatını genişlet
-var Font = _quill["default"]["import"]("formats/font");
-Font.whitelist = fonts.map(function (f) {
-  return f.value;
-});
-_quill["default"].register(Font, true);
+const Font = _quill.default.import("formats/font");
+Font.whitelist = fonts.map(f => f.value);
+_quill.default.register(Font, true);
 
 // Quill modüllerini kaydet
-_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);
+_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
-var Embed = _quill["default"]["import"]("blots/embed");
-var FormulaEmbed = /*#__PURE__*/function (_Embed) {
-  function FormulaEmbed() {
-    _classCallCheck(this, FormulaEmbed);
-    return _callSuper(this, FormulaEmbed, arguments);
-  }
-  _inherits(FormulaEmbed, _Embed);
-  return _createClass(FormulaEmbed, null, [{
-    key: "create",
-    value: function create(value) {
-      var node = _superPropGet(FormulaEmbed, "create", this, 2)([]);
-      if (value) {
-        node.setAttribute("data-value", value);
-        try {
-          window.katex.render(value, node, {
-            throwOnError: false
-          });
-        } catch (err) {
-          console.error("KaTeX render error:", err);
-        }
+const Embed = _quill.default.import("blots/embed");
+class FormulaEmbed extends Embed {
+  static create(value) {
+    let node = super.create();
+    if (value) {
+      node.setAttribute("data-value", value);
+      try {
+        window.katex.render(value, node, {
+          throwOnError: false
+        });
+      } catch (err) {
+        console.error("KaTeX render error:", err);
       }
-      return node;
     }
-  }, {
-    key: "value",
-    value: function value(node) {
-      return node.getAttribute("data-value");
-    }
-  }]);
-}(Embed);
+    return node;
+  }
+  static value(node) {
+    return node.getAttribute("data-value");
+  }
+}
 FormulaEmbed.blotName = "formula";
 FormulaEmbed.tagName = "SPAN";
 FormulaEmbed.className = "ql-formula";
-_quill["default"].register("formats/formula", FormulaEmbed);
-function MyEditor(_ref) {
-  var value = _ref.value,
-    onChange = _ref.onChange,
-    _ref$style = _ref.style,
-    style = _ref$style === void 0 ? {
-      height: "300px"
-    } : _ref$style;
-  var _useState = (0, _react.useState)(""),
-    _useState2 = _slicedToArray(_useState, 2),
-    editorValue = _useState2[0],
-    setEditorValue = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isFullscreen = _useState4[0],
-    setIsFullscreen = _useState4[1];
-  var editorRef = (0, _react.useRef)(null);
-  var timeoutRef = (0, _react.useRef)(null);
-  var isFirstRender = (0, _react.useRef)(true);
-  var handleFullscreen = function handleFullscreen() {
+_quill.default.register("formats/formula", FormulaEmbed);
+function MyEditor({
+  value,
+  onChange,
+  style = {
+    height: "300px"
+  }
+}) {
+  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ı
-  (0, _react.useEffect)(function () {
-    var icons = _quill["default"]["import"]('ui/icons');
-    icons['fullscreen'] = "<svg viewbox=\"0 0 18 18\">\n      <path d=\"M4,4H0v2h6V0H4V4z M14,4V0h-2v6h6V4H14z M6,14H0v2h4v4h2V14z M14,18h2v-4h4v-2h-6V18z\"/>\n    </svg>";
+  (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>`;
   }, []);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (isFirstRender.current) {
       isFirstRender.current = false;
       setEditorValue(value || "");
     } else if (value !== editorValue) {
-      var _editorRef$current;
-      var editor = (_editorRef$current = editorRef.current) === null || _editorRef$current === void 0 ? void 0 : _editorRef$current.getEditor();
+      const editor = editorRef.current?.getEditor();
       if (editor) {
         editor.setContents(editor.clipboard.convert(value || ""));
       }
     }
   }, [value]);
-  var handleChange = function handleChange(content, delta, source, editor) {
-    var html = editor.getHTML();
+  const handleChange = (content, delta, source, editor) => {
+    const html = editor.getHTML();
     setEditorValue(html);
     if (timeoutRef.current) {
       clearTimeout(timeoutRef.current);
     }
-    timeoutRef.current = setTimeout(function () {
+    timeoutRef.current = setTimeout(() => {
       if (onChange) onChange({
         value: html
       });
     }, 500);
   };
-  var formats = ["header", "font", "size", "bold", "italic", "underline", "strike", "blockquote", "list", "bullet", "indent", "link", "image", "color", "background", "align", "script", "table", "table-cell", "table-row", "table-header", "table-body", "formula"];
-  var maxRows = 10;
-  var maxCols = 5;
-  var tableOptions = [];
-  for (var r = 1; r <= maxRows; r++) {
-    for (var c = 1; c <= maxCols; c++) {
+  const formats = ["header", "font", "size", "bold", "italic", "underline", "strike", "blockquote", "list", "bullet", "indent", "link", "image", "color", "background", "align", "script", "table", "table-cell", "table-row", "table-header", "table-body", "formula"];
+  const maxRows = 10;
+  const maxCols = 5;
+  const tableOptions = [];
+  for (let r = 1; r <= maxRows; r++) {
+    for (let c = 1; c <= maxCols; c++) {
       tableOptions.push("newtable_" + r + "_" + c);
     }
   }
-  var modules = {
+  const modules = {
     toolbar: {
       container: [[{
-        font: fonts.map(function (f) {
-          return f.value;
-        })
+        font: fonts.map(f => f.value)
       }], [{
         header: [1, 2, 3, 4, 5, 6, false]
       }], [{
@@ -294,15 +254,15 @@ function MyEditor(_ref) {
   };
 
   // Font adlarını gerçek isimleriyle göstermek için toolbar'ı güncelle
-  var fontPicker = document.querySelector(".ql-font");
+  const fontPicker = document.querySelector(".ql-font");
   if (fontPicker) {
-    var items = fontPicker.querySelectorAll(".ql-picker-item");
-    items.forEach(function (item, index) {
+    const items = fontPicker.querySelectorAll(".ql-picker-item");
+    items.forEach((item, index) => {
       if (fonts[index]) {
         item.innerText = fonts[index].label; // Gerçek font adını göster
       }
     });
-    var pickerLabel = fontPicker.querySelector(".ql-picker-label");
+    const pickerLabel = fontPicker.querySelector(".ql-picker-label");
     if (pickerLabel) {
       pickerLabel.innerText = fonts[0].label; // Varsayılan font ismi
     }
@@ -330,7 +290,7 @@ function MyEditor(_ref) {
             d: "M4,4H0v2h6V0H4V4z M14,4V0h-2v6h6V4H14z M6,14H0v2h4v4h2V14z M14,18h2v-4h4v-2h-6V18z"
           })
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactQuill["default"], {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactQuill.default, {
         ref: editorRef,
         theme: "snow",
         value: editorValue,
@@ -343,4 +303,4 @@ function MyEditor(_ref) {
     })
   });
 }
-var _default = exports["default"] = MyEditor;
+var _default = exports.default = MyEditor;