@lets-events/react 11.7.4 → 11.7.5

package/dist/index.js

@@ -3844,9 +3844,6 @@ function Modal(_a) {
   ] }));
 }
 
-// src/components/MenuDropdown/index.tsx
-var import_react5 = require("react");
-
 // src/components/MenuDropdown/styledComponents.ts
 var MenuDropdownContainerStyled = styled("div", {
   position: "relative",
@@ -3880,24 +3877,24 @@ var MenuItemsContainerStyled = styled("div", {
 
 // src/components/MenuDropdown/index.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
-function MenuDropdown({ children }) {
-  const [isOpen, setIsOpen] = (0, import_react5.useState)(false);
-  function handleMenuDropdown() {
-    setIsOpen(!isOpen);
-  }
+function MenuDropdown({
+  children,
+  isOpen,
+  setIsOpen
+}) {
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(MenuDropdownContainerStyled, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TriggerButtonStyled, { onClick: handleMenuDropdown, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon_default, { name: "ellipsis", size: "xl", color: "#FFFFFF" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TriggerButtonStyled, { onClick: () => setIsOpen(!isOpen), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon_default, { name: "ellipsis", size: "xl", color: "#FFFFFF" }) }),
     isOpen && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(MenuItemsContainerStyled, { children })
   ] });
 }
 
 // src/components/Calendar/index.tsx
-var import_react7 = require("react");
+var import_react6 = require("react");
 
 // src/hooks/useOnClickOutside.tsx
-var import_react6 = require("react");
+var import_react5 = require("react");
 function useOnClickOutside(ref, handler) {
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     const listener = (event) => {
       if (!ref.current || ref.current.contains(event.target)) {
         return;
@@ -8034,15 +8031,15 @@ function Calendar(_a) {
     "setSelected",
     "position"
   ]);
-  const [inputValue, setInputValue] = (0, import_react7.useState)("");
-  const [showContainer, setShowCalendar] = (0, import_react7.useState)(false);
-  const dropdownRef = (0, import_react7.useRef)(null);
+  const [inputValue, setInputValue] = (0, import_react6.useState)("");
+  const [showContainer, setShowCalendar] = (0, import_react6.useState)(false);
+  const dropdownRef = (0, import_react6.useRef)(null);
   useOnClickOutside(dropdownRef, () => {
     setShowCalendar(false);
   });
   const today = /* @__PURE__ */ new Date();
   const maxDate = addYears(today, 20);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (selected) {
       setInputValue(format2(selected, "dd/MM/yyyy"));
     } else {
@@ -8192,7 +8189,7 @@ function Drawer({
 }
 
 // src/components/TimePicker.tsx
-var import_react8 = require("react");
+var import_react7 = require("react");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var TimePickerStyled = styled("div", {
   position: "relative",
@@ -8296,14 +8293,14 @@ function TimePicker({
   setSelected,
   position = "bottom"
 }) {
-  const [hours, setHours] = (0, import_react8.useState)("00");
-  const [minutes, setMinutes] = (0, import_react8.useState)("00");
-  const [rawHours, setRawHours] = (0, import_react8.useState)("00");
-  const [rawMinutes, setRawMinutes] = (0, import_react8.useState)("00");
-  const [isOpen, setIsOpen] = (0, import_react8.useState)(false);
-  const dropdownRef = (0, import_react8.useRef)(null);
+  const [hours, setHours] = (0, import_react7.useState)("00");
+  const [minutes, setMinutes] = (0, import_react7.useState)("00");
+  const [rawHours, setRawHours] = (0, import_react7.useState)("00");
+  const [rawMinutes, setRawMinutes] = (0, import_react7.useState)("00");
+  const [isOpen, setIsOpen] = (0, import_react7.useState)(false);
+  const dropdownRef = (0, import_react7.useRef)(null);
   useOnClickOutside(dropdownRef, () => setIsOpen(false));
-  const handleIncrement = (0, import_react8.useCallback)(
+  const handleIncrement = (0, import_react7.useCallback)(
     (type) => {
       if (type === "hours") {
         const next = (parseInt(hours) + 1) % 24;
@@ -8317,7 +8314,7 @@ function TimePicker({
     },
     [hours, minutes]
   );
-  const handleDecrement = (0, import_react8.useCallback)(
+  const handleDecrement = (0, import_react7.useCallback)(
     (type) => {
       if (type === "hours") {
         const prev = (parseInt(hours) - 1 + 24) % 24;
@@ -8839,7 +8836,7 @@ function Switch(props) {
 }
 
 // src/components/Step.tsx
-var import_react9 = __toESM(require("react"));
+var import_react8 = __toESM(require("react"));
 var import_themes15 = require("@radix-ui/themes");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var StepStyled = styled("div", {
@@ -8955,9 +8952,9 @@ function StepList(_a) {
     "children",
     "currentStep"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StepListStyled, __spreadProps(__spreadValues({}, props), { children: import_react9.default.Children.map(children, (child) => {
-    if (import_react9.default.isValidElement(child) && child.type === StepTrigger) {
-      return import_react9.default.cloneElement(child, { currentStep });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StepListStyled, __spreadProps(__spreadValues({}, props), { children: import_react8.default.Children.map(children, (child) => {
+    if (import_react8.default.isValidElement(child) && child.type === StepTrigger) {
+      return import_react8.default.cloneElement(child, { currentStep });
     }
     return child;
   }) }));
@@ -9014,7 +9011,7 @@ function Card(_a) {
 
 // src/components/TextareaField.tsx
 var import_themes17 = require("@radix-ui/themes");
-var import_react10 = __toESM(require("react"));
+var import_react9 = __toESM(require("react"));
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var TextareaFieldStyle = styled(import_themes17.TextArea, {
   display: "flex",
@@ -9079,10 +9076,10 @@ var TextareaLimitIndicator = styled("div", {
     padding: "$4"
   }
 });
-var TextareaField = import_react10.default.forwardRef((_a, fowardedRef) => {
+var TextareaField = import_react9.default.forwardRef((_a, fowardedRef) => {
   var _b = _a, { maxLength, color } = _b, props = __objRest(_b, ["maxLength", "color"]);
-  const inputRef = (0, import_react10.useRef)(null);
-  const badgeRef = (0, import_react10.useRef)(null);
+  const inputRef = (0, import_react9.useRef)(null);
+  const badgeRef = (0, import_react9.useRef)(null);
   const updateCharCountBadge = () => {
     var _a2, _b2;
     if (!maxLength || !badgeRef.current) return;
@@ -9118,12 +9115,12 @@ var TextareaField = import_react10.default.forwardRef((_a, fowardedRef) => {
 });
 
 // src/components/Toast/components/ToastItem.tsx
-var import_react12 = require("react");
+var import_react11 = require("react");
 
 // src/components/Toast/styles/index.ts
-var import_react11 = require("@stitches/react");
+var import_react10 = require("@stitches/react");
 var ToastPrimitive = __toESM(require("@radix-ui/react-toast"));
-var slideIn = (0, import_react11.keyframes)({
+var slideIn = (0, import_react10.keyframes)({
   from: {
     transform: "translateX(calc(100% + 25px))",
     opacity: 0
@@ -9133,7 +9130,7 @@ var slideIn = (0, import_react11.keyframes)({
     opacity: 1
   }
 });
-var slideOut = (0, import_react11.keyframes)({
+var slideOut = (0, import_react10.keyframes)({
   from: {
     transform: "translateX(0)",
     opacity: 1
@@ -9143,7 +9140,7 @@ var slideOut = (0, import_react11.keyframes)({
     opacity: 0
   }
 });
-var swipeOut = (0, import_react11.keyframes)({
+var swipeOut = (0, import_react10.keyframes)({
   from: {
     transform: "translateX(var(--radix-toast-swipe-end-x))",
     opacity: 1
@@ -9249,7 +9246,7 @@ function ToastItem({
   toast,
   onRemove
 }) {
-  const [open, setOpen] = (0, import_react12.useState)(true);
+  const [open, setOpen] = (0, import_react11.useState)(true);
   const handleOpenChange = (open2) => {
     setOpen(open2);
     if (!open2) {
@@ -9273,17 +9270,17 @@ function ToastItem({
 }
 
 // src/components/Toast/components/ToastProvider.tsx
-var import_react13 = require("react");
+var import_react12 = require("react");
 var ToastPrimitive2 = __toESM(require("@radix-ui/react-toast"));
 var import_jsx_runtime24 = require("react/jsx-runtime");
-var ToastContext = (0, import_react13.createContext)(null);
+var ToastContext = (0, import_react12.createContext)(null);
 function ToastProvider({
   children,
   defaultDuration = 5e3,
   maxToasts = 5,
   swipeDirection = "right"
 }) {
-  const [toasts, setToasts] = (0, import_react13.useState)([]);
+  const [toasts, setToasts] = (0, import_react12.useState)([]);
   const addToast = (toastData) => {
     const id = Math.random().toString(36).substr(2, 9);
     const newToast = __spreadProps(__spreadValues({
@@ -9319,9 +9316,9 @@ function ToastProvider({
 }
 
 // src/components/Toast/hooks/useToast.ts
-var import_react14 = require("react");
+var import_react13 = require("react");
 var useToast = () => {
-  const context = (0, import_react14.useContext)(ToastContext);
+  const context = (0, import_react13.useContext)(ToastContext);
   if (!context) {
     throw new Error("useToast deve ser usado dentro de um ToastProvider");
   }
@@ -9382,8 +9379,8 @@ function Tooltip({
 var import_themes18 = require("@radix-ui/themes");
 var import_react_fontawesome3 = require("@fortawesome/react-fontawesome");
 var import_free_solid_svg_icons3 = require("@fortawesome/free-solid-svg-icons");
-var import_react15 = require("react");
-var import_react16 = __toESM(require("react"));
+var import_react14 = require("react");
+var import_react15 = __toESM(require("react"));
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var StyledContent = styled(import_themes18.DropdownMenu.Content, {
   backgroundColor: "$dark50",
@@ -9447,7 +9444,7 @@ var BadgeCloseBtn = styled("div", {
     backgroundColor: "$dark600"
   }
 });
-var MultiSelect = import_react16.default.forwardRef(
+var MultiSelect = import_react15.default.forwardRef(
   ({
     placeholder,
     value: selectedValues = [],
@@ -9458,16 +9455,16 @@ var MultiSelect = import_react16.default.forwardRef(
     zIndex = "auto"
   }, fowardedRef) => {
     var _a;
-    const [isOpen, setIsOpen] = (0, import_react15.useState)(false);
-    const triggerRef = (0, import_react15.useRef)(null);
-    const labelByValue = (0, import_react15.useMemo)(() => {
+    const [isOpen, setIsOpen] = (0, import_react14.useState)(false);
+    const triggerRef = (0, import_react14.useRef)(null);
+    const labelByValue = (0, import_react14.useMemo)(() => {
       return options.reduce((prev, curr) => {
         return __spreadProps(__spreadValues({}, prev), {
           [curr.value]: curr.label
         });
       }, {});
     }, [options]);
-    const handleRemove = (0, import_react15.useCallback)(
+    const handleRemove = (0, import_react14.useCallback)(
       (value) => {
         const newValue = selectedValues.filter((v) => v !== value);
         onValueChange == null ? void 0 : onValueChange(newValue);
@@ -9820,7 +9817,7 @@ var TextAreaFormField = (_a) => {
 
 // src/components/FormFields/TextFormField.tsx
 var import_react_hook_form2 = require("react-hook-form");
-var import_react17 = require("react");
+var import_react16 = require("react");
 var import_mask2 = require("@react-input/mask");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var TextFormField = (_a) => {
@@ -9843,7 +9840,7 @@ var TextFormField = (_a) => {
     "onChange",
     "valueFormatter"
   ]);
-  const handleValidate = (0, import_react17.useCallback)(
+  const handleValidate = (0, import_react16.useCallback)(
     (value) => {
       var _a2;
       if (value === void 0 || value === null || !required && value.trim() === "")
@@ -9865,7 +9862,7 @@ var TextFormField = (_a) => {
   const haveError = !!fieldError;
   const errorMsg = fieldError == null ? void 0 : fieldError.message;
   const { value: formValue, onChange: formChange } = field;
-  const formattedValue = (0, import_react17.useMemo)(() => {
+  const formattedValue = (0, import_react16.useMemo)(() => {
     let value = formValue;
     if (valueFormatter) value = valueFormatter.format(value);
     if (mask) value = (0, import_mask2.format)(value != null ? value : "", mask);
@@ -10455,7 +10452,7 @@ function StateFormField({
 }
 
 // src/components/FormFields/AddressFormFields/CityFormField.tsx
-var import_react18 = require("react");
+var import_react17 = require("react");
 var import_react_hook_form7 = require("react-hook-form");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 function CityFormField({
@@ -10468,9 +10465,9 @@ function CityFormField({
 }) {
   const { control, watch } = (0, import_react_hook_form7.useFormContext)();
   const selectedState = watch(stateName);
-  const [cities, setCities] = (0, import_react18.useState)([]);
-  const [loading, setLoading] = (0, import_react18.useState)(false);
-  (0, import_react18.useEffect)(() => {
+  const [cities, setCities] = (0, import_react17.useState)([]);
+  const [loading, setLoading] = (0, import_react17.useState)(false);
+  (0, import_react17.useEffect)(() => {
     if (!isBrazil) {
       setCities([]);
       return;

package/dist/index.mjs

@@ -3741,9 +3741,6 @@ function Modal(_a) {
   ] }));
 }
 
-// src/components/MenuDropdown/index.tsx
-import { useState as useState2 } from "react";
-
 // src/components/MenuDropdown/styledComponents.ts
 var MenuDropdownContainerStyled = styled("div", {
   position: "relative",
@@ -3777,19 +3774,19 @@ var MenuItemsContainerStyled = styled("div", {
 
 // src/components/MenuDropdown/index.tsx
 import { jsx as jsx14, jsxs as jsxs5 } from "react/jsx-runtime";
-function MenuDropdown({ children }) {
-  const [isOpen, setIsOpen] = useState2(false);
-  function handleMenuDropdown() {
-    setIsOpen(!isOpen);
-  }
+function MenuDropdown({
+  children,
+  isOpen,
+  setIsOpen
+}) {
   return /* @__PURE__ */ jsxs5(MenuDropdownContainerStyled, { children: [
-    /* @__PURE__ */ jsx14(TriggerButtonStyled, { onClick: handleMenuDropdown, children: /* @__PURE__ */ jsx14(Icon_default, { name: "ellipsis", size: "xl", color: "#FFFFFF" }) }),
+    /* @__PURE__ */ jsx14(TriggerButtonStyled, { onClick: () => setIsOpen(!isOpen), children: /* @__PURE__ */ jsx14(Icon_default, { name: "ellipsis", size: "xl", color: "#FFFFFF" }) }),
     isOpen && /* @__PURE__ */ jsx14(MenuItemsContainerStyled, { children })
   ] });
 }
 
 // src/components/Calendar/index.tsx
-import { useRef as useRef2, useEffect as useEffect3, useState as useState3 } from "react";
+import { useRef as useRef2, useEffect as useEffect3, useState as useState2 } from "react";
 
 // src/hooks/useOnClickOutside.tsx
 import { useEffect as useEffect2 } from "react";
@@ -7931,8 +7928,8 @@ function Calendar(_a) {
     "setSelected",
     "position"
   ]);
-  const [inputValue, setInputValue] = useState3("");
-  const [showContainer, setShowCalendar] = useState3(false);
+  const [inputValue, setInputValue] = useState2("");
+  const [showContainer, setShowCalendar] = useState2(false);
   const dropdownRef = useRef2(null);
   useOnClickOutside(dropdownRef, () => {
     setShowCalendar(false);
@@ -8089,7 +8086,7 @@ function Drawer({
 }
 
 // src/components/TimePicker.tsx
-import { useCallback, useRef as useRef3, useState as useState4 } from "react";
+import { useCallback, useRef as useRef3, useState as useState3 } from "react";
 import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
 var TimePickerStyled = styled("div", {
   position: "relative",
@@ -8193,11 +8190,11 @@ function TimePicker({
   setSelected,
   position = "bottom"
 }) {
-  const [hours, setHours] = useState4("00");
-  const [minutes, setMinutes] = useState4("00");
-  const [rawHours, setRawHours] = useState4("00");
-  const [rawMinutes, setRawMinutes] = useState4("00");
-  const [isOpen, setIsOpen] = useState4(false);
+  const [hours, setHours] = useState3("00");
+  const [minutes, setMinutes] = useState3("00");
+  const [rawHours, setRawHours] = useState3("00");
+  const [rawMinutes, setRawMinutes] = useState3("00");
+  const [isOpen, setIsOpen] = useState3(false);
   const dropdownRef = useRef3(null);
   useOnClickOutside(dropdownRef, () => setIsOpen(false));
   const handleIncrement = useCallback(
@@ -9015,7 +9012,7 @@ var TextareaField = React7.forwardRef((_a, fowardedRef) => {
 });
 
 // src/components/Toast/components/ToastItem.tsx
-import { useState as useState5 } from "react";
+import { useState as useState4 } from "react";
 
 // src/components/Toast/styles/index.ts
 import { keyframes as keyframes2 } from "@stitches/react";
@@ -9146,7 +9143,7 @@ function ToastItem({
   toast,
   onRemove
 }) {
-  const [open, setOpen] = useState5(true);
+  const [open, setOpen] = useState4(true);
   const handleOpenChange = (open2) => {
     setOpen(open2);
     if (!open2) {
@@ -9170,7 +9167,7 @@ function ToastItem({
 }
 
 // src/components/Toast/components/ToastProvider.tsx
-import { createContext, useState as useState6 } from "react";
+import { createContext, useState as useState5 } from "react";
 import * as ToastPrimitive2 from "@radix-ui/react-toast";
 import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
 var ToastContext = createContext(null);
@@ -9180,7 +9177,7 @@ function ToastProvider({
   maxToasts = 5,
   swipeDirection = "right"
 }) {
-  const [toasts, setToasts] = useState6([]);
+  const [toasts, setToasts] = useState5([]);
   const addToast = (toastData) => {
     const id = Math.random().toString(36).substr(2, 9);
     const newToast = __spreadProps(__spreadValues({
@@ -9283,7 +9280,7 @@ import {
   faChevronUp as faChevronUp2,
   faX
 } from "@fortawesome/free-solid-svg-icons";
-import { useCallback as useCallback2, useMemo, useRef as useRef5, useState as useState7 } from "react";
+import { useCallback as useCallback2, useMemo, useRef as useRef5, useState as useState6 } from "react";
 import React8 from "react";
 import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
 var StyledContent = styled(DropdownMenu3.Content, {
@@ -9359,7 +9356,7 @@ var MultiSelect = React8.forwardRef(
     zIndex = "auto"
   }, fowardedRef) => {
     var _a;
-    const [isOpen, setIsOpen] = useState7(false);
+    const [isOpen, setIsOpen] = useState6(false);
     const triggerRef = useRef5(null);
     const labelByValue = useMemo(() => {
       return options.reduce((prev, curr) => {
@@ -10361,7 +10358,7 @@ function StateFormField({
 }
 
 // src/components/FormFields/AddressFormFields/CityFormField.tsx
-import { useEffect as useEffect4, useState as useState8 } from "react";
+import { useEffect as useEffect4, useState as useState7 } from "react";
 import { useFormContext as useFormContext6, Controller as Controller2 } from "react-hook-form";
 import { Fragment as Fragment3, jsx as jsx45 } from "react/jsx-runtime";
 function CityFormField({
@@ -10374,8 +10371,8 @@ function CityFormField({
 }) {
   const { control, watch } = useFormContext6();
   const selectedState = watch(stateName);
-  const [cities, setCities] = useState8([]);
-  const [loading, setLoading] = useState8(false);
+  const [cities, setCities] = useState7([]);
+  const [loading, setLoading] = useState7(false);
   useEffect4(() => {
     if (!isBrazil) {
       setCities([]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lets-events/react",
-  "version": "11.7.4",
+  "version": "11.7.5",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",