@lemonadejs/calendar 5.9.0 → 5.9.2

package/dist/react.d.ts

@@ -41,15 +41,33 @@ declare namespace CalendarReact {
         style?: React.CSSProperties;
         children?: React.ReactNode;
     }
+
+    /**
+     * Re-export the underlying type namespace so consumers can write
+     *   import { Calendar } from '@lemonadejs/calendar/react';
+     *   import type { Calendar as CalendarNS } from '@lemonadejs/calendar/react';
+     * and get `CalendarNS.Options`, `CalendarNS.Instance`, etc. The same
+     * applies through the `@calendarjs/react` aggregate.
+     */
+    export type Options = Calendar.Options;
+    export type Instance = Calendar.Instance;
+    export type ValidRange = Calendar.ValidRange;
+    export type ValidRangeItem = Calendar.ValidRangeItem;
+    export type CloseOptions = Calendar.CloseOptions;
 }
 
-declare const CalendarReact: React.MemoExoticComponent<
+// Interface (not const) so the value type declaration-merges with the
+// namespace above. That merge carries the type members along with the
+// React component value when the default export is re-exported.
+interface CalendarReact extends React.MemoExoticComponent<
     React.ForwardRefExoticComponent<
         Omit<Calendar.Options, 'onchange' | 'onupdate' | 'onclose' | 'onopen' | 'onChange'>
         & CalendarReact.ReactCallbacks
         & CalendarReact.DOMProps
         & React.RefAttributes<Calendar.Instance>
     >
->;
+> {}
+
+declare const CalendarReact: CalendarReact;
 
 export default CalendarReact;

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.0"
+    "version": "5.9.2"
 }