@andoniaina/react-modal 1.0.0 → 1.0.2

package/README.md

@@ -1,3 +1,14 @@
+# @andoniaina/react-modal
+
+Un composant **Modal React** simple et réutilisable, converti depuis un plugin jQuery modal, prêt à être utilisé dans n'importe quel projet React.
+
+## Installation
+
+Installe le package depuis npm :
+
+```bash
+npm install @andoniaina/react-modal
+
 🧩 Problématique initiale
 Limites de la solution jQuery
 

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@andoniaina/react-modal",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Reusable, accessible and customizable React modal component",
   "type": "module",
   "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "types": "dist/index.d.ts",
+  "module": "dist/index.js",
+  "types": "dist/index.d.js",
   "files": [
     "dist"
   ],
   "exports": {
     ".": {
-    "types": "./dist/index.d.ts",
-    "import": "./dist/index.esm.js",
-    "require": "./dist/index.js"
+      "types": "./dist/index.d.js",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.js"
     }
   },
   "scripts": {
@@ -55,4 +55,4 @@
     "globals": "^16.5.0",
     "vite": "^7.2.4"
   }
-}
+}

package/dist/react-simple-modal.umd.js

@@ -1,6 +0,0 @@
-(function(l,c){typeof exports=="object"&&typeof module<"u"?module.exports=c(require("react")):typeof define=="function"&&define.amd?define(["react"],c):(l=typeof globalThis<"u"?globalThis:l||self,l.ReactSimpleModal=c(l.React))})(this,(function(l){"use strict";var c={exports:{}},R={};var g;function U(){if(g)return R;g=1;var u=Symbol.for("react.transitional.element"),i=Symbol.for("react.fragment");function d(f,o,s){var m=null;if(s!==void 0&&(m=""+s),o.key!==void 0&&(m=""+o.key),"key"in o){s={};for(var E in o)E!=="key"&&(s[E]=o[E])}else s=o;return o=s.ref,{$$typeof:u,type:f,key:m,ref:o!==void 0?o:null,props:s}}return R.Fragment=i,R.jsx=d,R.jsxs=d,R}var b={};var N;function J(){return N||(N=1,process.env.NODE_ENV!=="production"&&(function(){function u(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===te?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case O:return"Fragment";case X:return"Profiler";case G:return"StrictMode";case Q:return"Suspense";case K:return"SuspenseList";case re:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case q:return"Portal";case Z:return e.displayName||"Context";case H:return(e._context.displayName||"Context")+".Consumer";case B:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ee:return r=e.displayName||null,r!==null?r:u(e.type)||"Memo";case S:r=e._payload,e=e._init;try{return u(e(r))}catch{}}return null}function i(e){return""+e}function d(e){try{i(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,n=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",n),i(e)}}function f(e){if(e===O)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===S)return"<...>";try{var r=u(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function o(){var e=A.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function m(e){if(D.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function E(e,r){function t(){F||(F=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function p(){var e=u(this.type);return L[e]||(L[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function T(e,r,t,n,h,x){var a=t.ref;return e={$$typeof:I,type:e,key:r,props:t,_owner:n},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:p}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:h}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:x}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function k(e,r,t,n,h,x){var a=r.children;if(a!==void 0)if(n)if(ne(a)){for(n=0;n<a.length;n++)_(a[n]);Object.freeze&&Object.freeze(a)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else _(a);if(D.call(r,"key")){a=u(e);var v=Object.keys(r).filter(function(ae){return ae!=="key"});n=0<v.length?"{key: someKey, "+v.join(": ..., ")+": ...}":"{key: someKey}",W[a+n]||(v=0<v.length?"{"+v.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,n,a,v,a),W[a+n]=!0)}if(a=null,t!==void 0&&(d(t),a=""+t),m(r)&&(d(r.key),a=""+r.key),"key"in r){t={};for(var j in r)j!=="key"&&(t[j]=r[j])}else t=r;return a&&E(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),T(e,a,t,o(),h,x)}function _(e){y(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===S&&(e._payload.status==="fulfilled"?y(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function y(e){return typeof e=="object"&&e!==null&&e.$$typeof===I}var w=l,I=Symbol.for("react.transitional.element"),q=Symbol.for("react.portal"),O=Symbol.for("react.fragment"),G=Symbol.for("react.strict_mode"),X=Symbol.for("react.profiler"),H=Symbol.for("react.consumer"),Z=Symbol.for("react.context"),B=Symbol.for("react.forward_ref"),Q=Symbol.for("react.suspense"),K=Symbol.for("react.suspense_list"),ee=Symbol.for("react.memo"),S=Symbol.for("react.lazy"),re=Symbol.for("react.activity"),te=Symbol.for("react.client.reference"),A=w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,D=Object.prototype.hasOwnProperty,ne=Array.isArray,P=console.createTask?console.createTask:function(){return null};w={react_stack_bottom_frame:function(e){return e()}};var F,L={},M=w.react_stack_bottom_frame.bind(w,s)(),$=P(f(s)),W={};b.Fragment=O,b.jsx=function(e,r,t){var n=1e4>A.recentlyCreatedOwnerStacks++;return k(e,r,t,!1,n?Error("react-stack-top-frame"):M,n?P(f(e)):$)},b.jsxs=function(e,r,t){var n=1e4>A.recentlyCreatedOwnerStacks++;return k(e,r,t,!0,n?Error("react-stack-top-frame"):M,n?P(f(e)):$)}})()),b}var C;function V(){return C||(C=1,process.env.NODE_ENV==="production"?c.exports=U():c.exports=J()),c.exports}var Y=V();function z({isOpen:u,onClose:i,children:d,closeOnEsc:f=!0,closeOnOverlayClick:o=!0,animationDuration:s=300,onBeforeOpen:m,onAfterOpen:E,onBeforeClose:p,onAfterClose:T}){if(l.useEffect(()=>(u?(m?.(),E?.(),document.body.style.overflow="hidden"):document.body.style.overflow="",()=>{document.body.style.overflow=""}),[u]),l.useEffect(()=>{if(!f)return;const _=y=>{y.key==="Escape"&&(p?.(),i(),T?.())};return document.addEventListener("keydown",_),()=>document.removeEventListener("keydown",_)},[f,i]),!u)return null;const k=()=>{o&&(p?.(),i(),T?.())};return Y.jsx("div",{className:"modal-overlay show",style:{transitionDuration:`${s}ms`},onClick:k,role:"dialog","aria-modal":"true",children:Y.jsx("div",{className:"modal-content",onClick:_=>_.stopPropagation(),children:d})})}return z}));