@mamrp/components 1.7.69 → 1.7.71

package/dist/index.mjs

@@ -988,7 +988,7 @@ import {
   useTheme as useTheme3
 } from "@mui/material";
 import moment from "moment-jalaali";
-import { useCallback, useEffect as useEffect2, useMemo, useRef as useRef4, useState as useState5 } from "react";
+import { useCallback, useEffect as useEffect2, useMemo, useRef as useRef4, useState as useState6 } from "react";
 import { Controller as Controller3 } from "react-hook-form";
 import {
   MdChevronLeft,
@@ -999,7 +999,7 @@ import {
 
 // src/draggable-paper/index.tsx
 import { Paper } from "@mui/material";
-import { useRef as useRef3 } from "react";
+import { useRef as useRef3, useState as useState5 } from "react";
 import Draggable from "react-draggable";
 function DraggablePaper({
   handle = "#draggable-dialog",
@@ -1007,16 +1007,40 @@ function DraggablePaper({
   ...props
 }) {
   const nodeRef = useRef3(null);
+  const [position, setPosition] = useState5({ x: 0, y: 0 });
+  const [dragging, setDragging] = useState5(false);
+  const handleDrag = (_, data) => {
+    setPosition({ x: data.x, y: data.y });
+  };
+  const handleStart = () => {
+    setDragging(true);
+  };
+  const handleStop = () => {
+    setDragging(false);
+    setPosition({ x: 0, y: 0 });
+  };
   return /* @__PURE__ */ React.createElement(
     Draggable,
     {
       nodeRef,
       handle,
       cancel,
-      bounds: "parent",
-      defaultPosition: { x: 0, y: 0 }
+      position,
+      onStart: handleStart,
+      onDrag: handleDrag,
+      onStop: handleStop
     },
-    /* @__PURE__ */ React.createElement(Paper, { ref: nodeRef, ...props })
+    /* @__PURE__ */ React.createElement(
+      Paper,
+      {
+        ref: nodeRef,
+        ...props,
+        sx: {
+          transition: dragging ? "none" : "transform 250ms cubic-bezier(0.4, 0, 0.2, 1)",
+          ...props.sx
+        }
+      }
+    )
   );
 }
 
@@ -1100,14 +1124,14 @@ var DateTimePickerComponent = ({
   variant = "outlined"
 }) => {
   const theme4 = useTheme3();
-  const [isOpen, setIsOpen] = useState5(false);
-  const [hasUserInteracted, setHasUserInteracted] = useState5(false);
+  const [isOpen, setIsOpen] = useState6(false);
+  const [hasUserInteracted, setHasUserInteracted] = useState6(false);
   const hourInputRef = useRef4(null);
   const minuteInputRef = useRef4(null);
-  const [hourInputValue, setHourInputValue] = useState5("");
-  const [minuteInputValue, setMinuteInputValue] = useState5("");
-  const [isEditingHour, setIsEditingHour] = useState5(false);
-  const [isEditingMinute, setIsEditingMinute] = useState5(false);
+  const [hourInputValue, setHourInputValue] = useState6("");
+  const [minuteInputValue, setMinuteInputValue] = useState6("");
+  const [isEditingHour, setIsEditingHour] = useState6(false);
+  const [isEditingMinute, setIsEditingMinute] = useState6(false);
   const parseValue = (val) => {
     if (val) {
       const m = moment(val);
@@ -1130,9 +1154,9 @@ var DateTimePickerComponent = ({
       minute: now.minute()
     };
   };
-  const [selectedDate, setSelectedDate] = useState5(() => parseValue(value));
-  const [viewYear, setViewYear] = useState5(selectedDate.year);
-  const [viewMonth, setViewMonth] = useState5(selectedDate.month);
+  const [selectedDate, setSelectedDate] = useState6(() => parseValue(value));
+  const [viewYear, setViewYear] = useState6(selectedDate.year);
+  const [viewMonth, setViewMonth] = useState6(selectedDate.month);
   useEffect2(() => {
     const parsed = parseValue(value);
     setSelectedDate(parsed);
@@ -1819,7 +1843,7 @@ import Dialog5 from "@mui/material/Dialog";
 import DialogActions4 from "@mui/material/DialogActions";
 import DialogContent5 from "@mui/material/DialogContent";
 import DialogTitle5 from "@mui/material/DialogTitle";
-import { useState as useState6, useEffect as useEffect3, useRef as useRef5 } from "react";
+import { useState as useState7, useEffect as useEffect3, useRef as useRef5 } from "react";
 import { MdClose as MdClose4 } from "react-icons/md";
 import { Controller as Controller4 } from "react-hook-form";
 import { Clock } from "@mamrp/icons/common";
@@ -1869,9 +1893,9 @@ var TimePickerComponent = ({
   const theme4 = useTheme4();
   const initialHour = value ? parseInt(value.split(":")[0]) : null;
   const initialMinute = value ? parseInt(value.split(":")[1]) : null;
-  const [isModalOpen, setIsModalOpen] = useState6(false);
-  const [selectedHour, setSelectedHour] = useState6(initialHour);
-  const [selectedMinute, setSelectedMinute] = useState6(
+  const [isModalOpen, setIsModalOpen] = useState7(false);
+  const [selectedHour, setSelectedHour] = useState7(initialHour);
+  const [selectedMinute, setSelectedMinute] = useState7(
     initialMinute
   );
   const hourRefs = useRef5([]);
@@ -2284,7 +2308,7 @@ import { DatePicker, LocalizationProvider } from "@mui/x-date-pickers";
 import { AdapterMomentJalaali } from "@mui/x-date-pickers/AdapterMomentJalaali";
 import dayjs from "dayjs";
 import moment2 from "moment-jalaali";
-import React9, { useState as useState7 } from "react";
+import React9, { useState as useState8 } from "react";
 import { Controller as Controller5 } from "react-hook-form";
 import { MdChevronLeft as MdChevronLeft2, MdChevronRight as MdChevronRight2 } from "react-icons/md";
 moment2.locale("fa");
@@ -2341,7 +2365,7 @@ var JalaliDatePicker = ({
         name,
         control,
         render: ({ field, fieldState: { error } }) => {
-          const [open, setOpen] = useState7(false);
+          const [open, setOpen] = useState8(false);
           const handlePreviousDate = (e) => {
             e.stopPropagation();
             const currentValue = field.value ? moment2(field.value) : moment2();
@@ -3187,7 +3211,7 @@ import { Box as Box13 } from "@mui/system";
 import { DateTimePicker, LocalizationProvider as LocalizationProvider3 } from "@mui/x-date-pickers";
 import { AdapterMomentJalaali as AdapterMomentJalaali3 } from "@mui/x-date-pickers/AdapterMomentJalaali";
 import moment6 from "moment-jalaali";
-import React11, { useState as useState8 } from "react";
+import React11, { useState as useState9 } from "react";
 import { Controller as Controller7 } from "react-hook-form";
 moment6.loadPersian({ dialect: "persian-modern", usePersianDigits: true });
 var JalaliDatePicker2 = ({
@@ -3204,7 +3228,7 @@ var JalaliDatePicker2 = ({
 }) => {
   const today = moment6();
   const isMobile = useMediaQuery4("(max-width:700px)");
-  const [open, setOpen] = useState8(false);
+  const [open, setOpen] = useState9(false);
   const customLocaleText = {
     cancelButtonLabel: "\u0644\u063A\u0648",
     okButtonLabel: "\u062A\u0623\u06CC\u06CC\u062F",
@@ -3490,7 +3514,7 @@ import { Box as Box14, Typography as Typography8 } from "@mui/material";
 import { LocalizationProvider as LocalizationProvider4 } from "@mui/x-date-pickers";
 import { AdapterMomentJalaali as AdapterMomentJalaali4 } from "@mui/x-date-pickers/AdapterMomentJalaali";
 import moment7 from "moment-jalaali";
-import React12, { useEffect as useEffect6, useState as useState9 } from "react";
+import React12, { useEffect as useEffect6, useState as useState10 } from "react";
 import { useWatch } from "react-hook-form";
 moment7.loadPersian({ dialect: "persian-modern", usePersianDigits: true });
 var JalaliDateTimeRangePicker = ({
@@ -3505,7 +3529,7 @@ var JalaliDateTimeRangePicker = ({
   const startDate = useWatch({ control, name: startName });
   const validStartDate = startDate ? moment7(startDate) : null;
   const defaultStartDate = moment7().add(3.5, "hours").toDate();
-  const [isStartDateChanged, setIsStartDateChanged] = useState9(false);
+  const [isStartDateChanged, setIsStartDateChanged] = useState10(false);
   useEffect6(() => {
     if (validStartDate && !validStartDate.isSame(defaultStartDate, "minute")) {
       setIsStartDateChanged(true);
@@ -3561,7 +3585,7 @@ import {
   Typography as Typography10
 } from "@mui/material";
 import Image3 from "next/image";
-import React13, { useState as useState11 } from "react";
+import React13, { useState as useState12 } from "react";
 import {
   Controller as Controller8
 } from "react-hook-form";
@@ -3577,7 +3601,7 @@ import {
   Typography as Typography9
 } from "@mui/material";
 import Image2 from "next/image";
-import { useCallback as useCallback2, useEffect as useEffect7, useState as useState10 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect7, useState as useState11 } from "react";
 import {
   MdClose as MdClose5,
   MdRotateLeft,
@@ -3595,15 +3619,15 @@ function ImageViewer({
   noRotate = false,
   noZoom = false
 }) {
-  const [zoom, setZoom] = useState10(1);
-  const [rotate, setRotate] = useState10(0);
-  const [loading, setLoading] = useState10(true);
-  const [viewerOpen, setViewerOpen] = useState10(false);
-  const [viewerSrc, setViewerSrc] = useState10("");
-  const [position, setPosition] = useState10({ x: 0, y: 0 });
-  const [dragging, setDragging] = useState10(false);
-  const [startMouse, setStartMouse] = useState10({ x: 0, y: 0 });
-  const [startOffset, setStartOffset] = useState10({ x: 0, y: 0 });
+  const [zoom, setZoom] = useState11(1);
+  const [rotate, setRotate] = useState11(0);
+  const [loading, setLoading] = useState11(true);
+  const [viewerOpen, setViewerOpen] = useState11(false);
+  const [viewerSrc, setViewerSrc] = useState11("");
+  const [position, setPosition] = useState11({ x: 0, y: 0 });
+  const [dragging, setDragging] = useState11(false);
+  const [startMouse, setStartMouse] = useState11({ x: 0, y: 0 });
+  const [startOffset, setStartOffset] = useState11({ x: 0, y: 0 });
   const reset = () => {
     setZoom(1);
     setRotate(0);
@@ -3786,8 +3810,8 @@ var UploadImage = ({
   allowGallery = false,
   disableRemove
 }) => {
-  const [viewerOpen, setViewerOpen] = useState11(false);
-  const [viewerSrc, setViewerSrc] = useState11("");
+  const [viewerOpen, setViewerOpen] = useState12(false);
+  const [viewerSrc, setViewerSrc] = useState12("");
   const compressImage = (file, quality = 0.9, maxWidth = 1600, maxHeight = 1600) => {
     return new Promise((resolve) => {
       const reader = new FileReader();
@@ -4162,7 +4186,7 @@ import {
   MdClose as MdClose6
 } from "react-icons/md";
 import Image4 from "next/image";
-import { useEffect as useEffect8, useState as useState12, useCallback as useCallback3 } from "react";
+import { useEffect as useEffect8, useState as useState13, useCallback as useCallback3 } from "react";
 function imgViewer({
   open,
   handleClose,
@@ -4174,13 +4198,13 @@ function imgViewer({
   noZoom = false,
   unoptimized = false
 }) {
-  const [zoom, setZoom] = useState12(1);
-  const [rotate, setRotate] = useState12(0);
-  const [loading, setLoading] = useState12(true);
-  const [position, setPosition] = useState12({ x: 0, y: 0 });
-  const [dragging, setDragging] = useState12(false);
-  const [startMouse, setStartMouse] = useState12({ x: 0, y: 0 });
-  const [startOffset, setStartOffset] = useState12({ x: 0, y: 0 });
+  const [zoom, setZoom] = useState13(1);
+  const [rotate, setRotate] = useState13(0);
+  const [loading, setLoading] = useState13(true);
+  const [position, setPosition] = useState13({ x: 0, y: 0 });
+  const [dragging, setDragging] = useState13(false);
+  const [startMouse, setStartMouse] = useState13({ x: 0, y: 0 });
+  const [startOffset, setStartOffset] = useState13({ x: 0, y: 0 });
   const reset = () => {
     setZoom(1);
     setRotate(0);
@@ -4333,7 +4357,7 @@ import Dialog8 from "@mui/material/Dialog";
 import DialogContent6 from "@mui/material/DialogContent";
 import DialogTitle6 from "@mui/material/DialogTitle";
 import Image5 from "next/image";
-import { useEffect as useEffect9, useRef as useRef7, useState as useState13 } from "react";
+import { useEffect as useEffect9, useRef as useRef7, useState as useState14 } from "react";
 import { IoClose as IoClose2 } from "react-icons/io5";
 function SearchLicensePlate({
   width = "100%",
@@ -4344,8 +4368,8 @@ function SearchLicensePlate({
   size = "small"
 }) {
   const theme4 = useTheme5();
-  const [open, setOpen] = useState13(false);
-  const [inputValues, setInputValues] = useState13({
+  const [open, setOpen] = useState14(false);
+  const [inputValues, setInputValues] = useState14({
     input1: "",
     input2: "",
     input3: "",
@@ -4632,7 +4656,7 @@ import {
 import { AdapterMomentJalaali as AdapterMomentJalaali5 } from "@mui/x-date-pickers/AdapterMomentJalaali";
 import dayjs3 from "dayjs";
 import moment8 from "moment-jalaali";
-import React14, { useState as useState14 } from "react";
+import React14, { useState as useState15 } from "react";
 import { Controller as Controller9 } from "react-hook-form";
 moment8.loadPersian({ dialect: "persian-modern", usePersianDigits: true });
 var JalaliDatePicker3 = ({
@@ -4643,7 +4667,7 @@ var JalaliDatePicker3 = ({
 }) => {
   const today = moment8();
   const isMobile = useMediaQuery5("(max-width:700px)");
-  const [open, setOpen] = useState14(false);
+  const [open, setOpen] = useState15(false);
   const customLocaleText = {
     cancelButtonLabel: "\u0644\u063A\u0648",
     okButtonLabel: "\u062A\u0623\u06CC\u06CC\u062F",
@@ -5197,7 +5221,7 @@ import {
   Select,
   Typography as Typography16
 } from "@mui/material";
-import React19, { useState as useState15 } from "react";
+import React19, { useState as useState16 } from "react";
 var backendResponse = {
   value: {
     data: [
@@ -5250,9 +5274,9 @@ var backendResponse = {
   }
 };
 var NestedSelect = () => {
-  const [selectedItem, setSelectedItem] = useState15(null);
-  const [openMenus, setOpenMenus] = useState15({});
-  const [menuOpen, setMenuOpen] = useState15(false);
+  const [selectedItem, setSelectedItem] = useState16(null);
+  const [openMenus, setOpenMenus] = useState16({});
+  const [menuOpen, setMenuOpen] = useState16(false);
   const handleSelect = (item) => {
     setSelectedItem((prev) => prev?.id === item.id ? null : item);
   };
@@ -6201,7 +6225,7 @@ import {
   DialogActions as DialogActions6
 } from "@mui/material";
 import { MdMyLocation, MdOutlineClear as MdOutlineClear2 } from "react-icons/md";
-import { useEffect as useEffect12, useRef as useRef8, useState as useState17 } from "react";
+import { useEffect as useEffect12, useRef as useRef8, useState as useState18 } from "react";
 import toast2, { Toaster } from "react-hot-toast";
 import { useController } from "react-hook-form";
 function MapLocationPicker({
@@ -6239,12 +6263,12 @@ function MapLocationPicker({
   const mapRef = useRef8(null);
   const mapInstanceRef = useRef8(null);
   const markerRef = useRef8(null);
-  const [isMapLoading, setIsMapLoading] = useState17(true);
-  const [isGeocoding, setIsGeocoding] = useState17(false);
-  const [isGeolocating, setIsGeolocating] = useState17(false);
-  const [showGpsDialog, setShowGpsDialog] = useState17(false);
-  const [gpsErrorType, setGpsErrorType] = useState17("other");
-  const [zoom, setZoom] = useState17(defaultZoom);
+  const [isMapLoading, setIsMapLoading] = useState18(true);
+  const [isGeocoding, setIsGeocoding] = useState18(false);
+  const [isGeolocating, setIsGeolocating] = useState18(false);
+  const [showGpsDialog, setShowGpsDialog] = useState18(false);
+  const [gpsErrorType, setGpsErrorType] = useState18("other");
+  const [zoom, setZoom] = useState18(defaultZoom);
   const hasExistingLocation = latitude !== null && longitude !== null;
   const initialLat = hasExistingLocation ? latitude : defaultLat;
   const initialLng = hasExistingLocation ? longitude : defaultLng;