@loadsmart/miranda-react 3.0.0-beta.32 → 3.0.0-beta.34

package/dist/components/ToggleGroup/ToggleGroup.d.ts

@@ -1,4 +1,5 @@
 import { ToggleGroup as WCToggleGroup } from '@loadsmart/miranda-wc';
+import type { SelectionType, SelectionValue } from '@loadsmart/miranda-wc';
 import type { EventName, WebComponentProps } from '@lit/react';
 import type { ReactNode, ComponentProps } from 'react';
 import type { MirandaChangeEvent } from '../../utils/types';
@@ -12,16 +13,39 @@ declare global {
 declare const WiredToggleGroup: import("@lit/react").ReactWebComponent<WCToggleGroup, {
     onChange: EventName<MirandaChangeEvent<WCToggleGroup>>;
 }>;
-export type ToggleGroupOption = {
-    value: string;
+export type ToggleGroupOption<TValue extends string> = {
+    value: TValue;
     label?: string;
     leading?: ReactNode;
     disabled?: boolean;
 };
-export type ToggleGroupProps = ComponentProps<typeof WiredToggleGroup> & {
-    options?: ToggleGroupOption[];
+type SingleProps<OptionValue extends string, TValue = OptionValue | null> = {
+    type?: 'single';
+    value?: TValue;
+    onChange?: OnChangeEvent<TValue>;
 };
-declare function ToggleGroup(props: ToggleGroupProps): import("react/jsx-runtime").JSX.Element;
+type SingleStrictProps<OptionValue extends string, TValue = OptionValue> = {
+    type?: 'single-strict';
+    value?: TValue;
+    onChange?: OnChangeEvent<TValue>;
+};
+type MultipleProps<OptionValue extends string, TValue = Array<OptionValue> | ReadonlyArray<OptionValue> | null> = {
+    type?: 'multiple';
+    value?: TValue;
+    onChange?: OnChangeEvent<TValue>;
+};
+export type OnChangeEvent<T> = (event: MirandaChangeEvent<Omit<WCToggleGroup, 'value'> & {
+    value: T;
+}>) => void;
+export type ToggleGroupProps<TSelectionType extends SelectionType = SelectionType, OptionValue extends string = string, TOptions extends ReadonlyArray<ToggleGroupOption<string>> = ReadonlyArray<ToggleGroupOption<OptionValue>>> = Omit<ComponentProps<typeof WiredToggleGroup>, 'type' | 'value' | 'onChange'> & {
+    type?: TSelectionType;
+    options?: TOptions;
+} & (TSelectionType extends 'single' ? SingleProps<OptionValue> : TSelectionType extends 'single-strict' ? SingleStrictProps<OptionValue> : TSelectionType extends 'multiple' ? MultipleProps<OptionValue> : {
+    type?: TSelectionType;
+    value?: SelectionValue<OptionValue>;
+    onChange?: OnChangeEvent<OptionValue>;
+});
+declare function ToggleGroup<TSelectionType extends SelectionType = SelectionType, OptionValue extends string = string>({ options, children, onChange, ...rest }: ToggleGroupProps<TSelectionType, OptionValue>): import("react/jsx-runtime").JSX.Element;
 declare namespace ToggleGroup {
     var Toggle: import("react").ForwardRefExoticComponent<Omit<import("./Toggle").ToggleProps, "ref"> & import("react").RefAttributes<import("@loadsmart/miranda-wc").Toggle>>;
 }

package/dist/index.js

@@ -1205,9 +1205,12 @@ const WiredToggleGroup = createComponent({
     },
     displayName: 'ToggleGroup',
 });
-function ToggleGroup(props) {
-    const { options, children, ...rest } = props;
-    return (jsx(WiredToggleGroup, { ...rest, children: children !== null && children !== void 0 ? children : (options || []).map(function renderOption(option) {
+function ToggleGroup({ options, children, onChange, ...rest }) {
+    return (jsx(WiredToggleGroup
+    // @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));
         }) }));
@@ -1222,7 +1225,7 @@ const WiredTooltip = createComponent({
 let counter = 0;
 /**
  * Generates a unique id for our elements, prepending the given `prefix`.
- * @param prefix - Id prefix. Defaults to 'tt-anchor'
+ * @param prefix Id prefix. Defaults to 'tt-anchor'
  */
 function generateId(prefix = 'tt-anchor') {
     counter += 1;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@loadsmart/miranda-react",
-	"version": "3.0.0-beta.32",
+	"version": "3.0.0-beta.34",
 	"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.32",
-		"@loadsmart/miranda-wc": "3.0.0-beta.32",
+		"@loadsmart/miranda-tokens": "*",
+		"@loadsmart/miranda-wc": "3.0.0-beta.34",
 		"@lit/react": "^1.0.5",
 		"react-is": "^18.3.1"
 	},