@fluentui/react-radio 9.0.0-beta.5 → 9.0.0-rc.4

package/lib/components/RadioGroup/RadioGroup.types.d.ts

@@ -1,63 +0,0 @@
-import * as React from 'react';
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-export declare type RadioGroupSlots = {
-    /**
-     * The radio group root.
-     */
-    root: NonNullable<Slot<'div'>>;
-};
-export declare type RadioGroupProps = Omit<ComponentProps<Partial<RadioGroupSlots>>, 'onChange'> & {
-    /**
-     * The name of this radio group. This name is applied to all Radio items inside this group.
-     *
-     * If no name is provided, one will be generated so that all of the Radio items have the same name.
-     */
-    name?: string;
-    /**
-     * The selected Radio item in this group.
-     *
-     * This should be the `value` prop of one of the Radio items inside this group.
-     */
-    value?: string;
-    /**
-     * The default selected Radio item in this group.
-     *
-     * This should be the `value` prop of one of the Radio items inside this group.
-     */
-    defaultValue?: string;
-    /**
-     * Callback when the selected Radio item changes.
-     */
-    onChange?: (ev: React.FormEvent<HTMLDivElement>, data: RadioGroupOnChangeData) => void;
-    /**
-     * How the radio items are laid out in the group.
-     *
-     * @default vertical
-     */
-    layout?: 'vertical' | 'horizontal' | 'horizontalStacked';
-    /**
-     * Disable all Radio items in this group.
-     */
-    disabled?: boolean;
-    /**
-     * Require all Radio items in this group.
-     */
-    required?: boolean;
-};
-/**
- * Data for the onChange event for RadioGroup.
- */
-export declare type RadioGroupOnChangeData = {
-    /**
-     * The value of the newly selected Radio item.
-     */
-    value: string;
-};
-/**
- * State used in rendering RadioGroup
- */
-export declare type RadioGroupState = ComponentState<RadioGroupSlots> & Required<Pick<RadioGroupProps, 'layout'>> & Partial<Exclude<RadioGroupProps, 'onChange' | 'layout'>>;
-export declare type RadioGroupContextValue = Pick<RadioGroupProps, 'name' | 'value' | 'defaultValue' | 'disabled' | 'layout' | 'required'>;
-export declare type RadioGroupContextValues = {
-    radioGroup: RadioGroupContextValue;
-};

package/lib/components/RadioGroup/index.d.ts

@@ -1,5 +0,0 @@
-export * from './RadioGroup';
-export * from './RadioGroup.types';
-export * from './renderRadioGroup';
-export * from './useRadioGroup';
-export * from './useRadioGroupStyles';

package/lib/components/RadioGroup/renderRadioGroup.d.ts

@@ -1,5 +0,0 @@
-import { RadioGroupContextValues, RadioGroupState } from './RadioGroup.types';
-/**
- * Render the final JSX of RadioGroup
- */
-export declare const renderRadioGroup_unstable: (state: RadioGroupState, contextValues: RadioGroupContextValues) => JSX.Element;

package/lib/components/RadioGroup/useRadioGroup.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { RadioGroupProps, RadioGroupState } from './RadioGroup.types';
-/**
- * Create the state required to render RadioGroup.
- *
- * The returned state can be modified with hooks such as useRadioGroupStyles_unstable,
- * before being passed to renderRadioGroup_unstable.
- *
- * @param props - props from this instance of RadioGroup
- * @param ref - reference to root HTMLElement of RadioGroup
- */
-export declare const useRadioGroup_unstable: (props: RadioGroupProps, ref: React.Ref<HTMLDivElement>) => RadioGroupState;

package/lib/components/RadioGroup/useRadioGroupStyles.d.ts

@@ -1,11 +0,0 @@
-import { RadioGroupSlots, RadioGroupState } from './RadioGroup.types';
-import type { SlotClassNames } from '@fluentui/react-utilities';
-/**
- * @deprecated Use `radioGroupClassNames.root` instead.
- */
-export declare const radioGroupClassName = "fui-RadioGroup";
-export declare const radioGroupClassNames: SlotClassNames<RadioGroupSlots>;
-/**
- * Apply styling to the RadioGroup slots based on the state
- */
-export declare const useRadioGroupStyles_unstable: (state: RadioGroupState) => void;

package/lib/contexts/RadioGroupContext.d.ts

@@ -1,6 +0,0 @@
-import type { Context } from '@fluentui/react-context-selector';
-import type { RadioGroupContextValue } from '../RadioGroup';
-/**
- * RadioGroupContext is provided by RadioGroup, and is consumed by Radio to determine default values of some props.
- */
-export declare const RadioGroupContext: Context<RadioGroupContextValue>;

package/lib/contexts/useRadioGroupContextValues.d.ts

@@ -1,2 +0,0 @@
-import type { RadioGroupContextValues, RadioGroupState } from '../RadioGroup';
-export declare const useRadioGroupContextValues: (state: RadioGroupState) => RadioGroupContextValues;

package/lib/index.d.ts

@@ -1,5 +0,0 @@
-export { RadioGroup, radioGroupClassName, radioGroupClassNames, renderRadioGroup_unstable, useRadioGroupStyles_unstable, useRadioGroup_unstable, } from './RadioGroup';
-export type { RadioGroupContextValue, RadioGroupContextValues, RadioGroupOnChangeData, RadioGroupProps, RadioGroupSlots, RadioGroupState, } from './RadioGroup';
-export { Radio, radioClassName, radioClassNames, renderRadio_unstable, useRadioStyles_unstable, useRadio_unstable, } from './Radio';
-export type { RadioProps, RadioSlots, RadioState, RadioOnChangeData } from './Radio';
-export { RadioGroupContext } from './contexts/RadioGroupContext';

package/lib-commonjs/Radio.d.ts

@@ -1 +0,0 @@
-export * from './components/Radio/index';

package/lib-commonjs/RadioGroup.d.ts

@@ -1 +0,0 @@
-export * from './components/RadioGroup/index';

package/lib-commonjs/components/Radio/Radio.d.ts

@@ -1,6 +0,0 @@
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-import type { RadioProps } from './Radio.types';
-/**
- * Radio component is a wrapper for a radio button with a label.
- */
-export declare const Radio: ForwardRefComponent<RadioProps>;

package/lib-commonjs/components/Radio/Radio.types.d.ts

@@ -1,69 +0,0 @@
-import * as React from 'react';
-import { Label } from '@fluentui/react-label';
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-export declare type RadioSlots = {
-    /**
-     * The root element of the Radio.
-     *
-     * The root slot receives the `className` and `style` specified directly on the `<Radio>`.
-     * All other native props will be applied to the primary slot: `input`
-     */
-    root: NonNullable<Slot<'span'>>;
-    /**
-     * The Radio's label.
-     */
-    label: Slot<typeof Label>;
-    /**
-     * Hidden input that handles the radio's functionality.
-     *
-     * This is the PRIMARY slot: all native properties specified directly on `<Radio>` will be applied to this slot,
-     * except `className` and `style`, which remain on the root slot.
-     */
-    input: NonNullable<Slot<'input'>>;
-    /**
-     * A circle outline, with a filled circle icon inside when the Radio is checked.
-     */
-    indicator: NonNullable<Slot<'div'>>;
-};
-/**
- * Radio Props
- */
-export declare type RadioProps = Omit<ComponentProps<Partial<RadioSlots>, 'input'>, 'onChange' | 'size'> & {
-    /**
-     * The value of the RadioGroup when this Radio item is selected.
-     */
-    value?: string;
-    /**
-     * The position of the label relative to the radio indicator.
-     *
-     * This defaults to `after` unless the Radio is inside a RadioGroup with `layout="horizontalStacked"`,
-     * in which case it defaults to `below`.
-     *
-     * @defaultvalue after
-     */
-    labelPosition?: 'after' | 'below';
-    /**
-     * Disable this Radio item.
-     */
-    disabled?: boolean;
-    /**
-     * Callback when this Radio is selected in its group.
-     *
-     * **Note:** `onChange` is NOT called when this Radio is deselected.
-     * Use RadioGroup's `onChange` event to determine when the selection in the group changes.
-     */
-    onChange?: (ev: React.ChangeEvent<HTMLInputElement>, data: RadioOnChangeData) => void;
-};
-/**
- * Data for the onChange event for Radio.
- */
-export declare type RadioOnChangeData = {
-    /**
-     * The value prop of this Radio item.
-     */
-    value: string;
-};
-/**
- * State used in rendering Radio
- */
-export declare type RadioState = ComponentState<RadioSlots> & Required<Pick<RadioProps, 'labelPosition'>>;

package/lib-commonjs/components/Radio/index.d.ts

@@ -1,5 +0,0 @@
-export * from './Radio';
-export * from './Radio.types';
-export * from './renderRadio';
-export * from './useRadio';
-export * from './useRadioStyles';

package/lib-commonjs/components/Radio/renderRadio.d.ts

@@ -1,5 +0,0 @@
-import type { RadioState } from './Radio.types';
-/**
- * Render the final JSX of Radio
- */
-export declare const renderRadio_unstable: (state: RadioState) => JSX.Element;

package/lib-commonjs/components/Radio/useRadio.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import type { RadioProps, RadioState } from './Radio.types';
-/**
- * Create the state required to render Radio.
- *
- * The returned state can be modified with hooks such as useRadioStyles_unstable,
- * before being passed to renderRadio_unstable.
- *
- * @param props - props from this instance of Radio
- * @param ref - reference to `<input>` element of Radio
- */
-export declare const useRadio_unstable: (props: RadioProps, ref: React.Ref<HTMLInputElement>) => RadioState;

package/lib-commonjs/components/Radio/useRadioStyles.d.ts

@@ -1,11 +0,0 @@
-import type { RadioSlots, RadioState } from './Radio.types';
-import type { SlotClassNames } from '@fluentui/react-utilities';
-/**
- * @deprecated Use `radioClassNames.root` instead.
- */
-export declare const radioClassName = "fui-Radio";
-export declare const radioClassNames: SlotClassNames<RadioSlots>;
-/**
- * Apply styling to the Radio slots based on the state
- */
-export declare const useRadioStyles_unstable: (state: RadioState) => void;

package/lib-commonjs/components/RadioGroup/RadioGroup.d.ts

@@ -1,6 +0,0 @@
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-import { RadioGroupProps } from './RadioGroup.types';
-/**
- * A RadioGroup component presents a set of options where only one option can be selected.
- */
-export declare const RadioGroup: ForwardRefComponent<RadioGroupProps>;

package/lib-commonjs/components/RadioGroup/RadioGroup.types.d.ts

@@ -1,63 +0,0 @@
-import * as React from 'react';
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-export declare type RadioGroupSlots = {
-    /**
-     * The radio group root.
-     */
-    root: NonNullable<Slot<'div'>>;
-};
-export declare type RadioGroupProps = Omit<ComponentProps<Partial<RadioGroupSlots>>, 'onChange'> & {
-    /**
-     * The name of this radio group. This name is applied to all Radio items inside this group.
-     *
-     * If no name is provided, one will be generated so that all of the Radio items have the same name.
-     */
-    name?: string;
-    /**
-     * The selected Radio item in this group.
-     *
-     * This should be the `value` prop of one of the Radio items inside this group.
-     */
-    value?: string;
-    /**
-     * The default selected Radio item in this group.
-     *
-     * This should be the `value` prop of one of the Radio items inside this group.
-     */
-    defaultValue?: string;
-    /**
-     * Callback when the selected Radio item changes.
-     */
-    onChange?: (ev: React.FormEvent<HTMLDivElement>, data: RadioGroupOnChangeData) => void;
-    /**
-     * How the radio items are laid out in the group.
-     *
-     * @default vertical
-     */
-    layout?: 'vertical' | 'horizontal' | 'horizontalStacked';
-    /**
-     * Disable all Radio items in this group.
-     */
-    disabled?: boolean;
-    /**
-     * Require all Radio items in this group.
-     */
-    required?: boolean;
-};
-/**
- * Data for the onChange event for RadioGroup.
- */
-export declare type RadioGroupOnChangeData = {
-    /**
-     * The value of the newly selected Radio item.
-     */
-    value: string;
-};
-/**
- * State used in rendering RadioGroup
- */
-export declare type RadioGroupState = ComponentState<RadioGroupSlots> & Required<Pick<RadioGroupProps, 'layout'>> & Partial<Exclude<RadioGroupProps, 'onChange' | 'layout'>>;
-export declare type RadioGroupContextValue = Pick<RadioGroupProps, 'name' | 'value' | 'defaultValue' | 'disabled' | 'layout' | 'required'>;
-export declare type RadioGroupContextValues = {
-    radioGroup: RadioGroupContextValue;
-};

package/lib-commonjs/components/RadioGroup/index.d.ts

@@ -1,5 +0,0 @@
-export * from './RadioGroup';
-export * from './RadioGroup.types';
-export * from './renderRadioGroup';
-export * from './useRadioGroup';
-export * from './useRadioGroupStyles';

package/lib-commonjs/components/RadioGroup/renderRadioGroup.d.ts

@@ -1,5 +0,0 @@
-import { RadioGroupContextValues, RadioGroupState } from './RadioGroup.types';
-/**
- * Render the final JSX of RadioGroup
- */
-export declare const renderRadioGroup_unstable: (state: RadioGroupState, contextValues: RadioGroupContextValues) => JSX.Element;

package/lib-commonjs/components/RadioGroup/useRadioGroup.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { RadioGroupProps, RadioGroupState } from './RadioGroup.types';
-/**
- * Create the state required to render RadioGroup.
- *
- * The returned state can be modified with hooks such as useRadioGroupStyles_unstable,
- * before being passed to renderRadioGroup_unstable.
- *
- * @param props - props from this instance of RadioGroup
- * @param ref - reference to root HTMLElement of RadioGroup
- */
-export declare const useRadioGroup_unstable: (props: RadioGroupProps, ref: React.Ref<HTMLDivElement>) => RadioGroupState;

package/lib-commonjs/components/RadioGroup/useRadioGroupStyles.d.ts

@@ -1,11 +0,0 @@
-import { RadioGroupSlots, RadioGroupState } from './RadioGroup.types';
-import type { SlotClassNames } from '@fluentui/react-utilities';
-/**
- * @deprecated Use `radioGroupClassNames.root` instead.
- */
-export declare const radioGroupClassName = "fui-RadioGroup";
-export declare const radioGroupClassNames: SlotClassNames<RadioGroupSlots>;
-/**
- * Apply styling to the RadioGroup slots based on the state
- */
-export declare const useRadioGroupStyles_unstable: (state: RadioGroupState) => void;

package/lib-commonjs/contexts/RadioGroupContext.d.ts

@@ -1,6 +0,0 @@
-import type { Context } from '@fluentui/react-context-selector';
-import type { RadioGroupContextValue } from '../RadioGroup';
-/**
- * RadioGroupContext is provided by RadioGroup, and is consumed by Radio to determine default values of some props.
- */
-export declare const RadioGroupContext: Context<RadioGroupContextValue>;

package/lib-commonjs/contexts/useRadioGroupContextValues.d.ts

@@ -1,2 +0,0 @@
-import type { RadioGroupContextValues, RadioGroupState } from '../RadioGroup';
-export declare const useRadioGroupContextValues: (state: RadioGroupState) => RadioGroupContextValues;

package/lib-commonjs/index.d.ts

@@ -1,5 +0,0 @@
-export { RadioGroup, radioGroupClassName, radioGroupClassNames, renderRadioGroup_unstable, useRadioGroupStyles_unstable, useRadioGroup_unstable, } from './RadioGroup';
-export type { RadioGroupContextValue, RadioGroupContextValues, RadioGroupOnChangeData, RadioGroupProps, RadioGroupSlots, RadioGroupState, } from './RadioGroup';
-export { Radio, radioClassName, radioClassNames, renderRadio_unstable, useRadioStyles_unstable, useRadio_unstable, } from './Radio';
-export type { RadioProps, RadioSlots, RadioState, RadioOnChangeData } from './Radio';
-export { RadioGroupContext } from './contexts/RadioGroupContext';