@loadsmart/miranda-react 3.0.0-beta.40 → 3.0.0-beta.42

package/dist/components/Drawer/Drawer.d.ts

@@ -1,9 +1,6 @@
 import type { ComponentProps } from 'react';
 import type { EventName, WebComponentProps } from '@lit/react';
 import { Drawer as WCDrawer } from '@loadsmart/miranda-wc';
-import { DrawerActionPrimary } from './DrawerActionPrimary';
-import { DrawerActionSecondary } from './DrawerActionSecondary';
-import { DrawerActionTertiary } from './DrawerActionTertiary';
 declare global {
     namespace JSX {
         interface IntrinsicElements {
@@ -18,9 +15,9 @@ export declare const Drawer: import("@lit/react").ReactWebComponent<WCDrawer, {
     onClosing: EventName<CustomEvent>;
     onClosed: EventName<CustomEvent>;
 }> & {
-    ActionPrimary: typeof DrawerActionPrimary;
-    ActionSecondary: typeof DrawerActionSecondary;
-    ActionTertiary: typeof DrawerActionTertiary;
+    ActionPrimary: import("react").ForwardRefExoticComponent<Omit<import("./DrawerActionPrimary").DrawerActionPrimaryProps, "ref"> & import("react").RefAttributes<import("@loadsmart/miranda-wc").DrawerActionPrimary>>;
+    ActionSecondary: import("react").ForwardRefExoticComponent<Omit<import("./DrawerActionSecondary").DrawerActionSecondaryProps, "ref"> & import("react").RefAttributes<import("@loadsmart/miranda-wc").DrawerActionSecondary>>;
+    ActionTertiary: import("react").ForwardRefExoticComponent<Omit<import("./DrawerActionTertiary").DrawerActionTertiaryProps, "ref"> & import("react").RefAttributes<import("@loadsmart/miranda-wc").DrawerActionTertiary>>;
     Actions: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").DrawerActions, {}>;
     Body: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").DrawerBody, {}>;
     Close: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").DrawerClose, {

package/dist/components/Drawer/DrawerActionPrimary.d.ts

@@ -13,5 +13,5 @@ export interface DrawerActionPrimaryProps extends ComponentProps<typeof WiredDra
     leading?: ReactNode;
     trailing?: ReactNode;
 }
-export declare function DrawerActionPrimary(props: DrawerActionPrimaryProps): import("react/jsx-runtime").JSX.Element;
+export declare const DrawerActionPrimary: import("react").ForwardRefExoticComponent<Omit<DrawerActionPrimaryProps, "ref"> & import("react").RefAttributes<WCDrawerActionPrimary>>;
 export {};

package/dist/components/Drawer/DrawerActionSecondary.d.ts

@@ -13,5 +13,5 @@ export interface DrawerActionSecondaryProps extends ComponentProps<typeof WiredD
     leading?: ReactNode;
     trailing?: ReactNode;
 }
-export declare function DrawerActionSecondary(props: DrawerActionSecondaryProps): import("react/jsx-runtime").JSX.Element;
+export declare const DrawerActionSecondary: import("react").ForwardRefExoticComponent<Omit<DrawerActionSecondaryProps, "ref"> & import("react").RefAttributes<WCDrawerActionSecondary>>;
 export {};

package/dist/components/Drawer/DrawerActionTertiary.d.ts

@@ -13,5 +13,5 @@ export interface DrawerActionTertiaryProps extends ComponentProps<typeof WiredDr
     leading?: ReactNode;
     trailing?: ReactNode;
 }
-export declare function DrawerActionTertiary(props: DrawerActionTertiaryProps): import("react/jsx-runtime").JSX.Element;
+export declare const DrawerActionTertiary: import("react").ForwardRefExoticComponent<Omit<DrawerActionTertiaryProps, "ref"> & import("react").RefAttributes<WCDrawerActionTertiary>>;
 export {};

package/dist/index.js

@@ -413,30 +413,30 @@ const WiredDrawerActionPrimary = createComponent({
     elementClass: DrawerActionPrimary$1,
     displayName: 'DrawerActionPrimary',
 });
-function DrawerActionPrimary(props) {
+const DrawerActionPrimary = forwardRef(function DrawerActionPrimary(props, ref) {
     const { leading, trailing, children, ...rest } = props;
-    return (jsxs(WiredDrawerActionPrimary, { ...rest, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children, trailing != null && jsx("span", { slot: "trailing", children: trailing })] }));
-}
+    return (jsxs(WiredDrawerActionPrimary, { ...rest, ref: ref, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children, trailing != null && jsx("span", { slot: "trailing", children: trailing })] }));
+});
 
 const WiredDrawerActionSecondary = createComponent({
     tagName: 'm-drawer-action-secondary',
     elementClass: DrawerActionSecondary$1,
     displayName: 'DrawerActionSecondary',
 });
-function DrawerActionSecondary(props) {
+const DrawerActionSecondary = forwardRef(function DrawerActionSecondary(props, ref) {
     const { leading, trailing, children, ...rest } = props;
-    return (jsxs(WiredDrawerActionSecondary, { ...rest, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children, trailing != null && jsx("span", { slot: "trailing", children: trailing })] }));
-}
+    return (jsxs(WiredDrawerActionSecondary, { ...rest, ref: ref, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children, trailing != null && jsx("span", { slot: "trailing", children: trailing })] }));
+});
 
 const WiredDrawerActionTertiary = createComponent({
     tagName: 'm-drawer-action-tertiary',
     elementClass: DrawerActionTertiary$1,
     displayName: 'DrawerActionTertiary',
 });
-function DrawerActionTertiary(props) {
+const DrawerActionTertiary = forwardRef(function DrawerActionTertiary(props, ref) {
     const { leading, trailing, children, ...rest } = props;
-    return (jsxs(WiredDrawerActionTertiary, { ...rest, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children, trailing != null && jsx("span", { slot: "trailing", children: trailing })] }));
-}
+    return (jsxs(WiredDrawerActionTertiary, { ...rest, ref: ref, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children, trailing != null && jsx("span", { slot: "trailing", children: trailing })] }));
+});
 
 const DrawerActions = createComponent({
     tagName: 'm-drawer-actions',
@@ -1210,10 +1210,11 @@ function ToggleGroup({ options, children, onChange, ...rest }) {
     // @ts-expect-error -- we can't type this properly because of the way the WC is implemented
     , { 
         // @ts-expect-error -- we can't type this properly because of the way the WC is implemented
-        onChange: onChange, ...rest, children: children !== null && children !== void 0 ? children : (options || []).map(function renderOption(option) {
-            const { label, value: optionValue, ...others } = option;
-            return (jsx(Toggle, { ...others, value: optionValue, children: label }, optionValue));
-        }) }));
+        onChange: onChange, ...rest, children: children ??
+            (options || []).map(function renderOption(option) {
+                const { label, value: optionValue, ...others } = option;
+                return (jsx(Toggle, { ...others, value: optionValue, children: label }, optionValue));
+            }) }));
 }
 ToggleGroup.Toggle = Toggle;
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@loadsmart/miranda-react",
-	"version": "3.0.0-beta.40",
+	"version": "3.0.0-beta.42",
 	"description": "React component library based on Miranda Web Components",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -41,8 +41,8 @@
 		"access": "public"
 	},
 	"dependencies": {
-		"@loadsmart/miranda-tokens": "4.0.0-beta.40",
-		"@loadsmart/miranda-wc": "3.0.0-beta.40",
+		"@loadsmart/miranda-tokens": "4.0.0-beta.42",
+		"@loadsmart/miranda-wc": "3.0.0-beta.42",
 		"@lit/react": "^1.0.5",
 		"react-is": "^18.3.1"
 	},