@lets-events/react 12.2.12 → 12.2.13

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @lets-events/react@12.2.12 build
+> @lets-events/react@12.2.13 build
 > tsup src/index.tsx  --format esm,cjs --dts --external react
 
 CLI Building entry: src/index.tsx
@@ -9,11 +9,11 @@
 CLI Target: es6
 ESM Build start
 CJS Build start
-ESM dist\index.mjs 380.57 KB
-ESM ⚡️ Build success in 234ms
-CJS dist\index.js 394.54 KB
-CJS ⚡️ Build success in 235ms
+ESM dist\index.mjs 380.64 KB
+ESM ⚡️ Build success in 231ms
+CJS dist\index.js 394.61 KB
+CJS ⚡️ Build success in 232ms
 DTS Build start
-DTS ⚡️ Build success in 4601ms
+DTS ⚡️ Build success in 4562ms
 DTS dist\index.d.mts 398.61 KB
 DTS dist\index.d.ts  398.61 KB

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @lets-events/react
 
+## 12.2.13
+
+### Patch Changes
+
+- new modal props
+
 ## 12.2.12
 
 ### Patch Changes

package/dist/index.js

@@ -3691,7 +3691,7 @@ var ModalContentStyled = styled(import_radix_ui.Dialog.Content, {
   lineHeight: "$base",
   fontSize: "$13",
   maxWidth: "502px",
-  width: "100%",
+  width: "calc(100% - 2rem)",
   border: "1px solid $neutral",
   borderRadius: "$2xl",
   boxShadow: "0px 4px 4px 0px rgba(35, 53, 67, 0.08), 0px 2px 4px 0px rgba(35, 53, 67, 0.16)",
@@ -3745,6 +3745,7 @@ function Modal(_a) {
     "zIndex",
     "maxWidth"
   ]);
+  const { onOpenChange } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_radix_ui.Dialog.Root, __spreadProps(__spreadValues({}, props), { children: [
     trigger && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_radix_ui.Dialog.Trigger, { asChild: true, children: trigger }),
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_radix_ui.Dialog.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
@@ -3762,7 +3763,7 @@ function Modal(_a) {
             children: [
               title && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(ModalHeaderStyled, { children: [
                 /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ModalTitleStyled, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text, { typography: "headline6", fontWeight: "medium", children: title }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_radix_ui.Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ModalIconClose, { name: "close", size: "xl" }) })
+                (onOpenChange || trigger) && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_radix_ui.Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ModalIconClose, { name: "close", size: "xl" }) })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Box, { children })
             ]

package/dist/index.mjs

@@ -3579,7 +3579,7 @@ var ModalContentStyled = styled(ModalRadix.Content, {
   lineHeight: "$base",
   fontSize: "$13",
   maxWidth: "502px",
-  width: "100%",
+  width: "calc(100% - 2rem)",
   border: "1px solid $neutral",
   borderRadius: "$2xl",
   boxShadow: "0px 4px 4px 0px rgba(35, 53, 67, 0.08), 0px 2px 4px 0px rgba(35, 53, 67, 0.16)",
@@ -3633,6 +3633,7 @@ function Modal(_a) {
     "zIndex",
     "maxWidth"
   ]);
+  const { onOpenChange } = props;
   return /* @__PURE__ */ jsxs4(ModalRadix.Root, __spreadProps(__spreadValues({}, props), { children: [
     trigger && /* @__PURE__ */ jsx13(ModalRadix.Trigger, { asChild: true, children: trigger }),
     /* @__PURE__ */ jsx13(ModalRadix.Portal, { children: /* @__PURE__ */ jsx13(
@@ -3650,7 +3651,7 @@ function Modal(_a) {
             children: [
               title && /* @__PURE__ */ jsxs4(ModalHeaderStyled, { children: [
                 /* @__PURE__ */ jsx13(ModalTitleStyled, { asChild: true, children: /* @__PURE__ */ jsx13(Text, { typography: "headline6", fontWeight: "medium", children: title }) }),
-                /* @__PURE__ */ jsx13(ModalRadix.Close, { asChild: true, children: /* @__PURE__ */ jsx13(ModalIconClose, { name: "close", size: "xl" }) })
+                (onOpenChange || trigger) && /* @__PURE__ */ jsx13(ModalRadix.Close, { asChild: true, children: /* @__PURE__ */ jsx13(ModalIconClose, { name: "close", size: "xl" }) })
               ] }),
               /* @__PURE__ */ jsx13(Box, { children })
             ]

package/package.json

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

package/src/components/Modal.tsx

@@ -10,7 +10,7 @@ const ModalContentStyled = styled(ModalRadix.Content, {
   lineHeight: "$base",
   fontSize: "$13",
   maxWidth: "502px",
-  width: "100%",
+  width: "calc(100% - 2rem)",
   border: "1px solid $neutral",
   borderRadius: "$2xl",
   boxShadow:
@@ -72,6 +72,7 @@ export function Modal({
   maxWidth,
   ...props
 }: ModalProps) {
+  const { onOpenChange } = props;
   return (
     <ModalRadix.Root {...props}>
       {trigger && <ModalRadix.Trigger asChild>{trigger}</ModalRadix.Trigger>}
@@ -93,9 +94,11 @@ export function Modal({
                     {title}
                   </Text>
                 </ModalTitleStyled>
-                <ModalRadix.Close asChild>
-                  <ModalIconClose name="close" size="xl" />
-                </ModalRadix.Close>
+                {(onOpenChange || trigger) && (
+                  <ModalRadix.Close asChild>
+                    <ModalIconClose name="close" size="xl" />
+                  </ModalRadix.Close>
+                )}
               </ModalHeaderStyled>
             )}
             <Box>{children}</Box>