px-react-ui-components 1.0.3 → 1.0.6

package/dist/components/MyTabs/MyTabPane.js

@@ -1,38 +1,28 @@
 "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 _jsxRuntime = require("react/jsx-runtime");
-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 MyTabPane(_ref) {
-  var children = _ref.children,
-    _ref$label = _ref.label,
-    label = _ref$label === void 0 ? null : _ref$label,
-    _ref$title = _ref.title,
-    title = _ref$title === void 0 ? null : _ref$title,
-    _ref$description = _ref.description,
-    description = _ref$description === void 0 ? null : _ref$description,
-    _ref$badge = _ref.badge,
-    badge = _ref$badge === void 0 ? null : _ref$badge,
-    _ref$name = _ref.name,
-    name = _ref$name === void 0 ? null : _ref$name,
-    _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$style = _ref.style,
-    style = _ref$style === void 0 ? null : _ref$style,
-    _ref$tabClassName = _ref.tabClassName,
-    tabClassName = _ref$tabClassName === void 0 ? null : _ref$tabClassName,
-    _ref$tabStyle = _ref.tabStyle,
-    tabStyle = _ref$tabStyle === void 0 ? null : _ref$tabStyle;
+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,
+  title = null,
+  description = null,
+  badge = null,
+  name = null,
+  icon = null,
+  className = null,
+  style = null,
+  tabClassName = null,
+  tabStyle = null
+}) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     children: children
   });
 }
-var _default = exports["default"] = MyTabPane;
+var _default = exports.default = MyTabPane;

package/dist/components/MyTabs/MyTabs.js

@@ -1,39 +1,25 @@
 "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"));
 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 _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 MyTabs(_ref) {
-  var children = _ref.children,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? null : _ref$className,
-    _ref$style = _ref.style,
-    style = _ref$style === void 0 ? null : _ref$style,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? null : _ref$onChange,
-    _ref$activePaneIndex = _ref.activePaneIndex,
-    activePaneIndex = _ref$activePaneIndex === void 0 ? -1 : _ref$activePaneIndex,
-    _ref$activePaneName = _ref.activePaneName,
-    activePaneName = _ref$activePaneName === void 0 ? null : _ref$activePaneName;
-  var _useState = (0, _react.useState)(activePaneIndex > -1 ? activePaneIndex : 0),
-    _useState2 = _slicedToArray(_useState, 2),
-    activei = _useState2[0],
-    setActivei = _useState2[1];
-  var arrChild = _react["default"].Children.toArray(children);
-  (0, _react.useEffect)(function () {
+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,
+  style = null,
+  onChange = null,
+  activePaneIndex = -1,
+  activePaneName = null
+}) {
+  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,
@@ -42,11 +28,9 @@ function MyTabs(_ref) {
       });
     }
   }, [activei]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (activePaneName) {
-      var index = arrChild.findIndex(function (item) {
-        return item.props.name === activePaneName;
-      });
+      const index = arrChild.findIndex(item => item.props.name === activePaneName);
       if (index > -1) {
         setActivei(index);
       }
@@ -57,13 +41,11 @@ function MyTabs(_ref) {
     style: style,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
       className: "my-TabsTabList",
-      children: arrChild.map(function (item, i) {
+      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: function onClick() {
-            return setActivei(i);
-          },
+          onClick: () => setActivei(i),
           title: item.props.title,
           children: [item.props.icon != undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "icon",
@@ -88,17 +70,15 @@ function MyTabs(_ref) {
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "my-TabsTabBody",
-      children: arrChild.map(function (item, i) {
+      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: function onClick() {
-            return setActivei(i);
-          },
+          onClick: () => setActivei(i),
           children: item.props.children
         }, i);
       })
     })]
   });
 }
-var _default = exports["default"] = MyTabs;
+var _default = exports.default = MyTabs;

package/dist/components/MyWaiting/MyWaiting.js

@@ -3,18 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = MyWaiting;
+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 }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Modal için CSS dosyası
-function MyWaiting(_ref) {
-  var _ref$show = _ref.show,
-    show = _ref$show === void 0 ? false : _ref$show,
-    _ref$message = _ref.message,
-    message = _ref$message === void 0 ? null : _ref$message;
+function MyWaiting({
+  show = false,
+  message = null
+}) {
   if (!show) {
     return null;
   }

package/dist/components/MyZoomImage/MyZoomImage.js

@@ -1,36 +1,31 @@
 "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 _reactZoomPanPinch = require("react-zoom-pan-pinch");
 require("./MyZoomImage.css");
 var _pi = require("react-icons/pi");
 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 _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; }
-var Controls = function Controls(_ref) {
-  var wrapperRef = _ref.wrapperRef,
-    openArrow = _ref.openArrow;
-  var _useControls = (0, _reactZoomPanPinch.useControls)(),
-    zoomIn = _useControls.zoomIn,
-    zoomOut = _useControls.zoomOut,
-    resetTransform = _useControls.resetTransform,
-    centerView = _useControls.centerView;
-  var handlePan = function handlePan(x, y) {
+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 Controls = ({
+  wrapperRef,
+  openArrow
+}) => {
+  const {
+    zoomIn,
+    zoomOut,
+    resetTransform,
+    centerView
+  } = (0, _reactZoomPanPinch.useControls)();
+  const handlePan = (x, y) => {
     if (wrapperRef.current) {
       // debugger
       // Mevcut pozisyonu al
-      var state = wrapperRef.current.instance.transformState;
+      const state = wrapperRef.current.instance.transformState;
       // Pozisyonu güncelle
       wrapperRef.current.instance.setTransformState(state.scale, state.positionX + x, state.positionY + y);
     }
@@ -41,27 +36,21 @@ var Controls = function Controls(_ref) {
       className: "flex gap-1 mb-3",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
         className: "bg-slate-400 hover:bg-slate-500 rounded-full p-2",
-        onClick: function onClick() {
-          return zoomIn();
-        },
+        onClick: () => zoomIn(),
         title: "Zoom +",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiPlusBold, {
           className: "text-lg text-white"
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
         className: "bg-slate-400 hover:bg-slate-500 rounded-full p-2",
-        onClick: function onClick() {
-          return zoomOut();
-        },
+        onClick: () => zoomOut(),
         title: "Zoom -",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiMinusBold, {
           className: "text-lg text-white"
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
         className: "bg-slate-400 hover:bg-slate-500 rounded-full p-2",
-        onClick: function onClick() {
-          return resetTransform();
-        },
+        onClick: () => resetTransform(),
         title: "Zoom Cancel",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiX, {
           className: "text-lg text-white"
@@ -71,9 +60,7 @@ var Controls = function Controls(_ref) {
       className: "flex flex-col items-center p-2",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
         className: "bg-blue-400 hover:bg-blue-500 rounded-full p-2 mb-1",
-        onClick: function onClick() {
-          return handlePan(0, 30);
-        },
+        onClick: () => handlePan(0, 30),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiArrowUpBold, {
           className: "text-lg text-white"
         })
@@ -81,35 +68,27 @@ var Controls = function Controls(_ref) {
         className: "flex",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
           className: "bg-blue-400 hover:bg-blue-500 rounded-full p-2",
-          onClick: function onClick() {
-            return handlePan(30, 0);
-          },
+          onClick: () => handlePan(30, 0),
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiArrowLeftBold, {
             className: "text-lg text-white"
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
           className: "bg-blue-400 hover:bg-blue-500 rounded-full p-2 ml-1 mr-1",
-          onClick: function onClick() {
-            return centerView();
-          },
+          onClick: () => centerView(),
           title: "Center",
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiArrowsIn, {
             className: "text-lg text-white"
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
           className: "bg-blue-400 hover:bg-blue-500 rounded-full p-2",
-          onClick: function onClick() {
-            return handlePan(-30, 0);
-          },
+          onClick: () => handlePan(-30, 0),
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiArrowRightBold, {
             className: "text-lg text-white"
           })
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
         className: "bg-blue-400 hover:bg-blue-500 rounded-full p-2 mt-1",
-        onClick: function onClick() {
-          return handlePan(0, -30);
-        },
+        onClick: () => handlePan(0, -30),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pi.PiArrowDownBold, {
           className: "text-lg text-white"
         })
@@ -117,18 +96,14 @@ var Controls = function Controls(_ref) {
     })]
   });
 };
-var MyImageZoom = function MyImageZoom(_ref2) {
-  var image = _ref2.image,
-    _ref2$children = _ref2.children,
-    children = _ref2$children === void 0 ? null : _ref2$children,
-    _ref2$onZoomChange = _ref2.onZoomChange,
-    onZoomChange = _ref2$onZoomChange === void 0 ? null : _ref2$onZoomChange;
-  var wrapperRef = (0, _react.useRef)(null); // Ref oluştur
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    openArrow = _useState2[0],
-    setOpenArrow = _useState2[1];
-  var handlerTransform = function handlerTransform(e) {
+const MyImageZoom = ({
+  image,
+  children = null,
+  onZoomChange = null
+}) => {
+  const wrapperRef = (0, _react.useRef)(null); // Ref oluştur
+  const [openArrow, setOpenArrow] = (0, _react.useState)(false);
+  const handlerTransform = e => {
     setOpenArrow(e.state.scale != 1);
     if (onZoomChange != null) {
       onZoomChange(e.state);
@@ -154,4 +129,4 @@ var MyImageZoom = function MyImageZoom(_ref2) {
     })
   });
 };
-var _default = exports["default"] = MyImageZoom;
+var _default = exports.default = MyImageZoom;

package/dist/index.js

@@ -5,93 +5,93 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "MyAlert", {
   enumerable: true,
-  get: function get() {
-    return _MyAlert["default"];
+  get: function () {
+    return _MyAlert.default;
   }
 });
 Object.defineProperty(exports, "MyContainer", {
   enumerable: true,
-  get: function get() {
-    return _MyContainer["default"];
+  get: function () {
+    return _MyContainer.default;
   }
 });
 Object.defineProperty(exports, "MyEditor", {
   enumerable: true,
-  get: function get() {
-    return _MyEditor["default"];
+  get: function () {
+    return _MyEditor.default;
   }
 });
 Object.defineProperty(exports, "MyFileUpload", {
   enumerable: true,
-  get: function get() {
-    return _MyFileUpload["default"];
+  get: function () {
+    return _MyFileUpload.default;
   }
 });
 Object.defineProperty(exports, "MyImageCropper", {
   enumerable: true,
-  get: function get() {
-    return _MyImageCropper["default"];
+  get: function () {
+    return _MyImageCropper.default;
   }
 });
 Object.defineProperty(exports, "MyInput", {
   enumerable: true,
-  get: function get() {
-    return _MyInput["default"];
+  get: function () {
+    return _MyInput.default;
   }
 });
 exports.MyInputType = void 0;
 Object.defineProperty(exports, "MyMaps", {
   enumerable: true,
-  get: function get() {
-    return _MyMaps["default"];
+  get: function () {
+    return _MyMaps.default;
   }
 });
 Object.defineProperty(exports, "MyMenu", {
   enumerable: true,
-  get: function get() {
-    return _MyMenu["default"];
+  get: function () {
+    return _MyMenu.default;
   }
 });
 Object.defineProperty(exports, "MyModal", {
   enumerable: true,
-  get: function get() {
-    return _MyModal["default"];
+  get: function () {
+    return _MyModal.default;
   }
 });
 Object.defineProperty(exports, "MyNotFound", {
   enumerable: true,
-  get: function get() {
-    return _MyNotFound["default"];
+  get: function () {
+    return _MyNotFound.default;
   }
 });
 Object.defineProperty(exports, "MyScrollableCard", {
   enumerable: true,
-  get: function get() {
-    return _MyScrollableCard["default"];
+  get: function () {
+    return _MyScrollableCard.default;
   }
 });
 Object.defineProperty(exports, "MyTable", {
   enumerable: true,
-  get: function get() {
-    return _MyTable["default"];
+  get: function () {
+    return _MyTable.default;
   }
 });
 Object.defineProperty(exports, "MyTabs", {
   enumerable: true,
-  get: function get() {
-    return _MyTabs["default"];
+  get: function () {
+    return _MyTabs.default;
   }
 });
 Object.defineProperty(exports, "MyWaiting", {
   enumerable: true,
-  get: function get() {
-    return _MyWaiting["default"];
+  get: function () {
+    return _MyWaiting.default;
   }
 });
 Object.defineProperty(exports, "MyZoomImage", {
   enumerable: true,
-  get: function get() {
-    return _MyZoomImage["default"];
+  get: function () {
+    return _MyZoomImage.default;
   }
 });
 var _MyInput = _interopRequireDefault(require("./components/MyInput"));
@@ -109,9 +109,9 @@ var _MyTable = _interopRequireDefault(require("./components/MyTable"));
 var _MyTabs = _interopRequireDefault(require("./components/MyTabs"));
 var _MyWaiting = _interopRequireDefault(require("./components/MyWaiting"));
 var _MyZoomImage = _interopRequireDefault(require("./components/MyZoomImage"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Export types
-var MyInputType = exports.MyInputType = {
+const MyInputType = exports.MyInputType = {
   TEXT: 'text',
   PASSWORD: 'password',
   SELECT: 'select',

package/package.json

@@ -1,21 +1,19 @@
 {
   "name": "px-react-ui-components",
-  "version": "1.0.3",
+  "version": "1.0.6",
   "main": "dist/index.js",
   "module": "dist/index.js",
-  "type": "module",
+  "type": "commonjs",
   "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.js"
-    }
+    ".": "./dist/index.js"
   },
   "files": [
     "dist",
+    "dist/components",
     "README.md"
   ],
   "scripts": {
-    "build": "babel src --out-dir dist --copy-files --extensions \".js,.jsx\"",
+    "build": "babel src --out-dir dist --copy-files",
     "prepare": "npm run build"
   },
   "keywords": [
@@ -39,17 +37,17 @@
   "devDependencies": {
     "@babel/cli": "^7.27.0",
     "@babel/core": "^7.26.10",
-    "@babel/preset-env": "^7.26.9",
-    "@babel/preset-react": "^7.26.3"
+    "@babel/preset-react": "^7.26.3",
+    "@babel/preset-env": "^7.26.10"
   },
   "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "katex": "^0.16.21",
     "quill": "^2.0.3",
     "quill-image-resize-module-react": "^3.0.0",
     "quill-table-ui": "^1.0.7",
-    "react": "^18.3.1",
     "react-confirm-alert": "^3.0.6",
-    "react-dom": "^18.3.1",
     "react-icons": "^5.5.0",
     "react-image-crop": "^11.0.7",
     "react-loader-spinner": "^6.1.6",