@fluentui/react-radio 9.0.0-beta.4 → 9.0.0-rc.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +216 -1
- package/CHANGELOG.md +64 -10
- package/README.md +43 -0
- package/dist/{react-radio.d.ts → index.d.ts} +17 -8
- package/{lib → dist}/tsdoc-metadata.json +0 -0
- package/lib/components/Radio/Radio.types.js.map +1 -1
- package/lib/components/Radio/useRadio.js +15 -9
- package/lib/components/Radio/useRadio.js.map +1 -1
- package/lib/components/Radio/useRadioStyles.js +15 -18
- package/lib/components/Radio/useRadioStyles.js.map +1 -1
- package/lib/components/RadioGroup/RadioGroup.js +3 -1
- package/lib/components/RadioGroup/RadioGroup.js.map +1 -1
- package/lib/components/RadioGroup/RadioGroup.types.js.map +1 -1
- package/lib/components/RadioGroup/renderRadioGroup.js +2 -2
- package/lib/components/RadioGroup/renderRadioGroup.js.map +1 -1
- package/lib/components/RadioGroup/useRadioGroup.js +7 -9
- package/lib/components/RadioGroup/useRadioGroup.js.map +1 -1
- package/lib/contexts/RadioGroupContext.js +2 -2
- package/lib/contexts/RadioGroupContext.js.map +1 -1
- package/lib/contexts/index.js +3 -0
- package/lib/contexts/index.js.map +1 -0
- package/lib/contexts/useRadioGroupContextValues.js +22 -0
- package/lib/contexts/useRadioGroupContextValues.js.map +1 -0
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib-commonjs/components/Radio/useRadio.js +16 -9
- package/lib-commonjs/components/Radio/useRadio.js.map +1 -1
- package/lib-commonjs/components/Radio/useRadioStyles.js +15 -18
- package/lib-commonjs/components/Radio/useRadioStyles.js.map +1 -1
- package/lib-commonjs/components/RadioGroup/RadioGroup.js +4 -1
- package/lib-commonjs/components/RadioGroup/RadioGroup.js.map +1 -1
- package/lib-commonjs/components/RadioGroup/renderRadioGroup.js +2 -2
- package/lib-commonjs/components/RadioGroup/renderRadioGroup.js.map +1 -1
- package/lib-commonjs/components/RadioGroup/useRadioGroup.js +7 -10
- package/lib-commonjs/components/RadioGroup/useRadioGroup.js.map +1 -1
- package/lib-commonjs/contexts/RadioGroupContext.js +2 -2
- package/lib-commonjs/contexts/RadioGroupContext.js.map +1 -1
- package/lib-commonjs/contexts/index.js +12 -0
- package/lib-commonjs/contexts/index.js.map +1 -0
- package/lib-commonjs/contexts/useRadioGroupContextValues.js +31 -0
- package/lib-commonjs/contexts/useRadioGroupContextValues.js.map +1 -0
- package/lib-commonjs/index.js +9 -3
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +12 -10
- package/lib/Radio.d.ts +0 -1
- package/lib/RadioGroup.d.ts +0 -1
- package/lib/components/Radio/Radio.d.ts +0 -6
- package/lib/components/Radio/Radio.types.d.ts +0 -69
- package/lib/components/Radio/index.d.ts +0 -5
- package/lib/components/Radio/renderRadio.d.ts +0 -5
- package/lib/components/Radio/useRadio.d.ts +0 -12
- package/lib/components/Radio/useRadioStyles.d.ts +0 -11
- package/lib/components/RadioGroup/RadioGroup.d.ts +0 -6
- package/lib/components/RadioGroup/RadioGroup.types.d.ts +0 -58
- package/lib/components/RadioGroup/index.d.ts +0 -5
- package/lib/components/RadioGroup/renderRadioGroup.d.ts +0 -5
- package/lib/components/RadioGroup/useRadioGroup.d.ts +0 -12
- package/lib/components/RadioGroup/useRadioGroupStyles.d.ts +0 -11
- package/lib/contexts/RadioGroupContext.d.ts +0 -7
- package/lib/index.d.ts +0 -6
- package/lib-commonjs/Radio.d.ts +0 -1
- package/lib-commonjs/RadioGroup.d.ts +0 -1
- package/lib-commonjs/components/Radio/Radio.d.ts +0 -6
- package/lib-commonjs/components/Radio/Radio.types.d.ts +0 -69
- package/lib-commonjs/components/Radio/index.d.ts +0 -5
- package/lib-commonjs/components/Radio/renderRadio.d.ts +0 -5
- package/lib-commonjs/components/Radio/useRadio.d.ts +0 -12
- package/lib-commonjs/components/Radio/useRadioStyles.d.ts +0 -11
- package/lib-commonjs/components/RadioGroup/RadioGroup.d.ts +0 -6
- package/lib-commonjs/components/RadioGroup/RadioGroup.types.d.ts +0 -58
- package/lib-commonjs/components/RadioGroup/index.d.ts +0 -5
- package/lib-commonjs/components/RadioGroup/renderRadioGroup.d.ts +0 -5
- package/lib-commonjs/components/RadioGroup/useRadioGroup.d.ts +0 -12
- package/lib-commonjs/components/RadioGroup/useRadioGroupStyles.d.ts +0 -11
- package/lib-commonjs/contexts/RadioGroupContext.d.ts +0 -7
- package/lib-commonjs/index.d.ts +0 -6
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
3
|
-
import { RadioGroupContextValue } from '../../contexts/RadioGroupContext';
|
|
4
|
-
export declare type RadioGroupSlots = {
|
|
5
|
-
/**
|
|
6
|
-
* The radio group root.
|
|
7
|
-
*/
|
|
8
|
-
root: NonNullable<Slot<'div'>>;
|
|
9
|
-
};
|
|
10
|
-
export declare type RadioGroupProps = Omit<ComponentProps<Partial<RadioGroupSlots>>, 'onChange'> & {
|
|
11
|
-
/**
|
|
12
|
-
* The name of this radio group. This name is applied to all Radio items inside this group.
|
|
13
|
-
*
|
|
14
|
-
* If no name is provided, one will be generated so that all of the Radio items have the same name.
|
|
15
|
-
*/
|
|
16
|
-
name?: string;
|
|
17
|
-
/**
|
|
18
|
-
* The selected Radio item in this group.
|
|
19
|
-
*
|
|
20
|
-
* This should be the `value` prop of one of the Radio items inside this group.
|
|
21
|
-
*/
|
|
22
|
-
value?: string;
|
|
23
|
-
/**
|
|
24
|
-
* The default selected Radio item in this group.
|
|
25
|
-
*
|
|
26
|
-
* This should be the `value` prop of one of the Radio items inside this group.
|
|
27
|
-
*/
|
|
28
|
-
defaultValue?: string;
|
|
29
|
-
/**
|
|
30
|
-
* Callback when the selected Radio item changes.
|
|
31
|
-
*/
|
|
32
|
-
onChange?: (ev: React.FormEvent<HTMLDivElement>, data: RadioGroupOnChangeData) => void;
|
|
33
|
-
/**
|
|
34
|
-
* How the radio items are laid out in the group.
|
|
35
|
-
*
|
|
36
|
-
* @defaultvalue vertical
|
|
37
|
-
*/
|
|
38
|
-
layout?: 'vertical' | 'horizontal' | 'horizontalStacked';
|
|
39
|
-
/**
|
|
40
|
-
* Disable all Radio items in this group.
|
|
41
|
-
*/
|
|
42
|
-
disabled?: boolean;
|
|
43
|
-
};
|
|
44
|
-
/**
|
|
45
|
-
* Data for the onChange event for RadioGroup.
|
|
46
|
-
*/
|
|
47
|
-
export declare type RadioGroupOnChangeData = {
|
|
48
|
-
/**
|
|
49
|
-
* The value of the newly selected Radio item.
|
|
50
|
-
*/
|
|
51
|
-
value: string;
|
|
52
|
-
};
|
|
53
|
-
/**
|
|
54
|
-
* State used in rendering RadioGroup
|
|
55
|
-
*/
|
|
56
|
-
export declare type RadioGroupState = ComponentState<RadioGroupSlots> & Required<Pick<RadioGroupProps, 'layout'>> & {
|
|
57
|
-
context: RadioGroupContextValue;
|
|
58
|
-
};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { RadioGroupProps, RadioGroupState } from './RadioGroup.types';
|
|
3
|
-
/**
|
|
4
|
-
* Create the state required to render RadioGroup.
|
|
5
|
-
*
|
|
6
|
-
* The returned state can be modified with hooks such as useRadioGroupStyles_unstable,
|
|
7
|
-
* before being passed to renderRadioGroup_unstable.
|
|
8
|
-
*
|
|
9
|
-
* @param props - props from this instance of RadioGroup
|
|
10
|
-
* @param ref - reference to root HTMLElement of RadioGroup
|
|
11
|
-
*/
|
|
12
|
-
export declare const useRadioGroup_unstable: (props: RadioGroupProps, ref: React.Ref<HTMLDivElement>) => RadioGroupState;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { RadioGroupSlots, RadioGroupState } from './RadioGroup.types';
|
|
2
|
-
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
3
|
-
/**
|
|
4
|
-
* @deprecated Use `radioGroupClassNames.root` instead.
|
|
5
|
-
*/
|
|
6
|
-
export declare const radioGroupClassName = "fui-RadioGroup";
|
|
7
|
-
export declare const radioGroupClassNames: SlotClassNames<RadioGroupSlots>;
|
|
8
|
-
/**
|
|
9
|
-
* Apply styling to the RadioGroup slots based on the state
|
|
10
|
-
*/
|
|
11
|
-
export declare const useRadioGroupStyles_unstable: (state: RadioGroupState) => void;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { RadioGroupProps } from '../RadioGroup';
|
|
3
|
-
export declare type RadioGroupContextValue = Pick<RadioGroupProps, 'name' | 'layout' | 'value' | 'defaultValue' | 'disabled'>;
|
|
4
|
-
/**
|
|
5
|
-
* RadioGroupContext is provided by RadioGroup, and is consumed by Radio to determine default values of some props.
|
|
6
|
-
*/
|
|
7
|
-
export declare const RadioGroupContext: React.Context<RadioGroupContextValue>;
|
package/lib-commonjs/index.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export { RadioGroup, radioGroupClassName, radioGroupClassNames, renderRadioGroup_unstable, useRadioGroupStyles_unstable, useRadioGroup_unstable, } from './RadioGroup';
|
|
2
|
-
export type { RadioGroupOnChangeData, RadioGroupProps, RadioGroupSlots, RadioGroupState } from './RadioGroup';
|
|
3
|
-
export { Radio, radioClassName, radioClassNames, renderRadio_unstable, useRadioStyles_unstable, useRadio_unstable, } from './Radio';
|
|
4
|
-
export type { RadioProps, RadioSlots, RadioState, RadioOnChangeData } from './Radio';
|
|
5
|
-
export { RadioGroupContext } from './contexts/RadioGroupContext';
|
|
6
|
-
export type { RadioGroupContextValue } from './contexts/RadioGroupContext';
|