@lemonadejs/calendar 5.9.1 → 5.9.2

package/dist/react.js

@@ -38,6 +38,12 @@ const REACT_TO_LEMONADE = {
 
 const RESERVED_REACT_PROPS = new Set(['children', 'className', 'style', 'key']);
 
+// HTML pass-through props (data-*, aria-*, role) are spread onto the
+// wrapper div for testing/accessibility. They are NOT forwarded to the
+// lemonadejs instance as options.
+const isHtmlPassThroughProp = (key) =>
+    key.startsWith('data-') || key.startsWith('aria-') || key === 'role';
+
 const Calendar = memo(React.forwardRef((props, mainReference) => {
     const containerRef = useRef(null);
     const instanceRef = useRef(null);
@@ -49,13 +55,18 @@ const Calendar = memo(React.forwardRef((props, mainReference) => {
     // rerenders).
     propsRef.current = props;
 
-    // Single-mount effect, StrictMode-safe via the `instance` guard.
+    // Single-mount effect. Guard via `instanceRef` (a ref, not the
+    // `instance` state) — under React StrictMode the mount effect runs
+    // twice and closures capture stale state, so checking `instance` here
+    // would mount the component twice into the same container. Refs are
+    // mutable and survive the re-run.
     useEffect(() => {
-        if (!containerRef.current || instance) return;
+        if (!containerRef.current || instanceRef.current) return;
 
         const options = {};
         for (const key in props) {
             if (RESERVED_REACT_PROPS.has(key)) continue;
+            if (isHtmlPassThroughProp(key)) continue;
             const lemonadeKey = REACT_TO_LEMONADE[key] || key;
             const isReactCallback = key in REACT_TO_LEMONADE;
             const value = props[key];
@@ -87,6 +98,7 @@ const Calendar = memo(React.forwardRef((props, mainReference) => {
         if (!inst) return;
         for (const key in props) {
             if (RESERVED_REACT_PROPS.has(key)) continue;
+            if (isHtmlPassThroughProp(key)) continue;
             if (typeof props[key] === 'function') continue;
             const lemonadeKey = REACT_TO_LEMONADE[key] || key;
             if (Object.prototype.hasOwnProperty.call(inst, lemonadeKey)
@@ -99,11 +111,17 @@ const Calendar = memo(React.forwardRef((props, mainReference) => {
     // Expose the lemonadejs instance through the forwarded ref.
     useImperativeHandle(mainReference, () => instance, [instance]);
 
+    const htmlAttrs = {};
+    for (const key in props) {
+        if (isHtmlPassThroughProp(key)) htmlAttrs[key] = props[key];
+    }
+
     return React.createElement(React.Fragment, null,
         React.createElement('div', {
             ref: containerRef,
             className: props.className,
             style: { width: '100%', height: '100%', ...props.style },
+            ...htmlAttrs,
         }),
         props.children,
     );

package/package.json

@@ -36,5 +36,5 @@
         "./style.css": "./dist/style.css",
         "./dist/*": "./dist/*"
     },
-    "version": "5.9.1"
+    "version": "5.9.2"
 }