px-react-ui-components 1.0.1 → 1.0.3

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 = {
+var MyAlertType = exports.MyAlertType = {
   WARNING: 'warning',
   ERROR: 'error',
   SUCCESS: 'success',
@@ -14,15 +21,20 @@ export const MyAlertType = {
 };
 Object.freeze(MyAlertType); // Enum sabitlerini değiştirmeyi engeller
 
-export const MyAlert = (message, type = MyAlertType.INFO, {
-  title = '',
-  buttontext = {
-    confirm: 'Tamam',
-    cancel: 'İptal'
-  },
-  callback = null
-} = {}) => {
-  let _showCancelButton = false;
+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;
   switch (type) {
     case MyAlertType.WARNING:
       title = title ? title : 'Uyarı';
@@ -45,9 +57,9 @@ export const MyAlert = (message, type = MyAlertType.INFO, {
       }
       break;
   }
-  let _buttons = [{
+  var _buttons = [{
     label: buttontext.confirm,
-    onClick: () => {
+    onClick: function onClick() {
       if (callback) callback({
         isConfirmed: true,
         isDenied: false
@@ -57,7 +69,7 @@ export const MyAlert = (message, type = MyAlertType.INFO, {
   if (_showCancelButton) {
     _buttons.push({
       label: buttontext.cancel,
-      onClick: () => {
+      onClick: function onClick() {
         if (callback) callback({
           isConfirmed: false,
           isDenied: true
@@ -65,21 +77,21 @@ 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()
+        __html: typeof message === 'string' ? message : ((_message$props = message.props) === null || _message$props === void 0 ? void 0 : _message$props.children) || message.toString()
       }
     }),
     buttons: _buttons,
-    onClickOutside: () => {
+    onClickOutside: function onClickOutside() {
       if (callback) callback({
         isConfirmed: false,
         isDenied: true
       });
     },
-    onKeypressEscape: () => {
+    onKeypressEscape: function onKeypressEscape() {
       if (callback) callback({
         isConfirmed: false,
         isDenied: true

package/dist/components/MyContainer/MyContainer.js

@@ -1,26 +1,45 @@
-import React from "react";
-import styles from "./MyContainer.module.css";
-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.Children.toArray(children);
-  let childHeaderRight = null;
-  let childBody = null;
-  let childFooter = null;
-  for (let i = 0; i < arrChild.length; i++) {
-    const el = arrChild[i];
+"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(_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];
     if (el.type && el.type.toString().includes("MyContainerTagRight")) {
       childHeaderRight = el;
     } else if (el.type && el.type.toString().includes("MyContainerTagBody")) {
@@ -33,27 +52,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: "".concat(_MyContainerModule["default"].container, " ").concat(className || ""),
+    style: style,
+    children: [(title || childHeaderRight) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "".concat(_MyContainerModule["default"].header, " ").concat(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: "".concat(_MyContainerModule["default"].body, " ").concat(bodyClassName || ""),
+      style: title ? {
+        paddingTop: "12px"
+      } : null,
+      children: childBody
+    }), childFooter && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "".concat(_MyContainerModule["default"].footer, " ").concat(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,17 @@
-import React from "react";
-function MyContainerBody({
-  children
-}) {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "MyContainerTagBody"
-  }, children);
+"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(_ref) {
+  var children = _ref.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,17 @@
-import React from "react";
-function MyContainerFooter({
-  children
-}) {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "MyContainerTagFooter"
-  }, children);
+"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(_ref) {
+  var children = _ref.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,18 @@
-import React from "react";
-import styles from "./MyContainer.module.css";
-function MyContainerRight({
-  children
-}) {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "MyContainerTagRight " + styles.rightBlock
-  }, children);
+"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(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "MyContainerTagRight " + _MyContainerModule["default"].rightBlock,
+    children: children
+  });
 }
-export default MyContainerRight;
+var _default = exports["default"] = MyContainerRight;