@dfds-ui/forms 2.0.20-alpha.05a04c8a → 2.0.20-alpha.22bf1379

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.
Files changed (43) hide show
  1. package/cjs/select-field/SelectField.js +9 -12
  2. package/cjs/tel-field/TelField.js +17 -16
  3. package/package.json +7 -7
  4. package/select-field/SelectField.d.ts +8 -10
  5. package/select-field/SelectField.js +12 -13
  6. package/tel-field/TelField.d.ts +1 -1
  7. package/tel-field/TelField.js +18 -17
  8. package/cjs/assistive-text/AssistiveText.d.ts +0 -9
  9. package/cjs/asterisk/Asterisk.d.ts +0 -11
  10. package/cjs/checkbox/Checkbox.d.ts +0 -65
  11. package/cjs/checkbox/CheckboxContext.d.ts +0 -13
  12. package/cjs/checkbox/CheckboxGroup.d.ts +0 -20
  13. package/cjs/checkbox/index.d.ts +0 -2
  14. package/cjs/counter/Counter.d.ts +0 -66
  15. package/cjs/counter/index.d.ts +0 -1
  16. package/cjs/enhanced/EnhancedField.d.ts +0 -20
  17. package/cjs/enhanced/index.d.ts +0 -1
  18. package/cjs/error-text/ErrorText.d.ts +0 -8
  19. package/cjs/field-wrap/FieldWrap.d.ts +0 -10
  20. package/cjs/field-wrap/index.d.ts +0 -1
  21. package/cjs/help-icon/HelpIcon.d.ts +0 -8
  22. package/cjs/index.d.ts +0 -18
  23. package/cjs/label/Label.d.ts +0 -11
  24. package/cjs/password-field/PasswordField.d.ts +0 -4
  25. package/cjs/radio/Radio.d.ts +0 -51
  26. package/cjs/radio/RadioContext.d.ts +0 -13
  27. package/cjs/radio/RadioGroup.d.ts +0 -12
  28. package/cjs/radio/index.d.ts +0 -2
  29. package/cjs/rating/Rating.d.ts +0 -55
  30. package/cjs/rating/index.d.ts +0 -1
  31. package/cjs/select-field/AsyncSelectField.d.ts +0 -99
  32. package/cjs/select-field/NativeSelectField.d.ts +0 -8
  33. package/cjs/select-field/SelectField.d.ts +0 -95
  34. package/cjs/switch/Switch.d.ts +0 -32
  35. package/cjs/switch/SwitchContext.d.ts +0 -11
  36. package/cjs/switch/SwitchGroup.d.ts +0 -10
  37. package/cjs/switch/index.d.ts +0 -2
  38. package/cjs/tel-field/TelField.d.ts +0 -67
  39. package/cjs/text-field/TextField.d.ts +0 -57
  40. package/cjs/textarea-field/TextareaField.d.ts +0 -44
  41. package/cjs/types/field.d.ts +0 -52
  42. package/cjs/types/index.d.ts +0 -2
  43. package/cjs/types/size.d.ts +0 -1
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- export declare type AssistiveTextProps = {
3
- id?: string;
4
- disabled?: boolean;
5
- children: React.ReactNode;
6
- className?: string;
7
- };
8
- export declare const AssistiveText: ({ id, disabled, className, children }: AssistiveTextProps) => JSX.Element;
9
- export default AssistiveText;
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- export declare type AsteriskProps = {
3
- /**
4
- * Class name to be assigned to the component
5
- */
6
- className?: string;
7
- };
8
- export declare const Asterisk: ({ ...props }: {
9
- [x: string]: any;
10
- }) => JSX.Element;
11
- export default Asterisk;
@@ -1,65 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- declare type CheckboxSize = 'medium' | 'small';
3
- export declare type CheckboxProps = {
4
- /**
5
- * Field name.
6
- */
7
- name: string;
8
- /**
9
- * Indicate that the checkbox is checked.
10
- *
11
- * Setting to either true or false will make this a controlled component.
12
- */
13
- checked?: boolean;
14
- /**
15
- * Indicate that the checkbox is defaultChecked.
16
- */
17
- defaultChecked?: boolean;
18
- /**
19
- * Class name to be assigned to the component.
20
- */
21
- className?: string;
22
- /**
23
- * Field label.
24
- */
25
- value?: string;
26
- /**
27
- * Indicates that the radio button is disabled.
28
- */
29
- disabled?: boolean;
30
- /**
31
- * Indicates an error in the field.
32
- */
33
- error?: boolean;
34
- /**
35
- * Additional help.
36
- *
37
- * **This is an experimental prop and the behavior might change.**
38
- */
39
- help?: string;
40
- /**
41
- * If true the checkbox will be rendered in indeterminate state (visual only).
42
- */
43
- indeterminate?: boolean;
44
- /**
45
- * Size variant.
46
- */
47
- visualSize?: CheckboxSize;
48
- /**
49
- * Controls the vertical alignment of the checkbox in relation to the label.
50
- */
51
- inputVerticalAlignment?: 'center' | 'top';
52
- /**
53
- * Callback when the checkbox is checked or unchecked.
54
- */
55
- onChange?: JSX.IntrinsicElements['input']['onChange'];
56
- /**
57
- * Callback when the label (or checkbox control) is clicked.
58
- */
59
- onLabelClick?: JSX.IntrinsicElements['label']['onClick'];
60
- children?: ReactNode;
61
- };
62
- export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
63
- /** @deprecated Use Checkbox */
64
- export declare const CheckboxField: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
65
- export {};
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- import { CheckboxProps } from './Checkbox';
3
- declare type CheckboxContextProps = {
4
- children?: React.ReactNode;
5
- visualSize: NonNullable<CheckboxProps['visualSize']>;
6
- error: CheckboxProps['error'];
7
- };
8
- export declare const CheckboxContext: React.Context<CheckboxContextProps | undefined>;
9
- export declare const CheckboxContextProvider: React.FC<{
10
- value: CheckboxContextProps;
11
- }>;
12
- declare const useCheckboxContext: () => CheckboxContextProps | undefined;
13
- export default useCheckboxContext;
@@ -1,20 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { BaseFieldProps } from '../types';
3
- import { CheckboxProps } from './Checkbox';
4
- export declare type CheckboxGroupProps = Pick<BaseFieldProps, 'help' | 'label' | 'required' | 'hideAsterisk' | 'disabled' | 'errorMessage' | 'assistiveText'> & Pick<CheckboxProps, 'visualSize'> & {
5
- children: ReactNode;
6
- /**
7
- * Indicates that the CheckboxGroup has an error.
8
- *
9
- * You can also set the `errorMessage` prop to indicate an error but setting `error` will trigger
10
- * the visual indication regardless of the value of `errorMessage`. Setting `errorMessage` and setting
11
- * `error` to `false` will however still render the visual indication.
12
- */
13
- error?: boolean;
14
- /**
15
- * Class name to be assigned to the component
16
- */
17
- className?: string;
18
- column?: boolean;
19
- };
20
- export declare const CheckboxGroup: ({ visualSize, help, label, children, column, assistiveText, errorMessage, error, required, className, disabled, ...rest }: CheckboxGroupProps) => JSX.Element;
@@ -1,2 +0,0 @@
1
- export * from './Checkbox';
2
- export * from './CheckboxGroup';
@@ -1,66 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- declare type Size = 's' | 'm';
3
- export declare type CounterProps = {
4
- /**
5
- * Minimum value
6
- */
7
- minValue: number;
8
- /**
9
- * Maximum value
10
- */
11
- maxValue: number;
12
- /**
13
- * Disables the minus button
14
- */
15
- disableMin?: boolean;
16
- /**
17
- * Disables the plus button
18
- */
19
- disableMax?: boolean;
20
- /**
21
- * Class name
22
- */
23
- className?: string;
24
- /**
25
- * Disables input of counter
26
- */
27
- disableInput?: boolean;
28
- /**
29
- * Name of the input element
30
- */
31
- name?: string;
32
- /**
33
- * Initial value of the counter, if not specified it's set to `minValue`
34
- */
35
- value?: number;
36
- /**
37
- * Sets default value
38
- */
39
- defaultValue?: number;
40
- /**
41
- * Set aria label on plus/increase
42
- */
43
- increaseAriaLabel?: string;
44
- /**
45
- * Set aria label on minus/decrease
46
- */
47
- decreaseAriaLabel?: string;
48
- /**
49
- * Disable tool tips
50
- */
51
- disableToolTips?: boolean;
52
- /**
53
- * Callback when value changes
54
- */
55
- onChange?: (arg: number, event: React.MouseEvent<HTMLButtonElement, MouseEvent> | React.ChangeEvent<HTMLInputElement>) => void;
56
- /**
57
- * Label to display instead of the input element, see example below
58
- */
59
- text?: ReactNode;
60
- /**
61
- * Size of counter
62
- */
63
- size?: Size;
64
- };
65
- export declare const Counter: React.ForwardRefExoticComponent<CounterProps & React.RefAttributes<HTMLInputElement>>;
66
- export {};
@@ -1 +0,0 @@
1
- export { Counter } from './Counter';
@@ -1,20 +0,0 @@
1
- import React from 'react';
2
- declare type ReactInputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
3
- export declare type EnhancedInputProps<TValue> = Omit<EnhancedFieldProps, 'value'> & {
4
- value?: TValue;
5
- };
6
- export declare type EnhancedFieldProps = Omit<ReactInputProps, 'size' | 'css'> & {
7
- name?: string;
8
- /**
9
- * Label to be displayed
10
- */
11
- label?: React.ReactNode;
12
- /**
13
- * Icon to be displayed
14
- */
15
- icon?: React.ElementType;
16
- className?: string;
17
- onClick?: (e: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
18
- };
19
- export declare const EnhancedField: React.ForwardRefExoticComponent<Pick<EnhancedFieldProps, "max" | "required" | "type" | "key" | "id" | "height" | "width" | "name" | "color" | "translate" | "value" | "hidden" | "form" | "label" | "slot" | "style" | "title" | "dir" | "pattern" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "enterKeyHint" | "inputMode" | "tabIndex" | "disabled" | "multiple" | "icon" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "list" | "maxLength" | "min" | "minLength" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "readOnly" | "src" | "step" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLInputElement>>;
20
- export default EnhancedField;
@@ -1 +0,0 @@
1
- export * from './EnhancedField';
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- export declare type ErrorTextProps = {
3
- id?: string;
4
- children: React.ReactNode;
5
- className?: string;
6
- };
7
- export declare const ErrorText: ({ id, className, children }: ErrorTextProps) => JSX.Element;
8
- export default ErrorText;
@@ -1,10 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { BaseFieldProps, Size } from '../types';
3
- export declare type FieldWrapProps = BaseFieldProps & {
4
- size: Size;
5
- extraAssistiveText?: string;
6
- disabled?: boolean;
7
- className?: string;
8
- children?: ReactNode;
9
- };
10
- export declare const FieldWrap: ({ name, assistiveText, errorMessage, size, required, hideAsterisk, label, help, extraAssistiveText, disabled, className, children, }: FieldWrapProps) => JSX.Element;
@@ -1 +0,0 @@
1
- export * from './FieldWrap';
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- export declare type HelpIconProps = {
3
- content: string;
4
- className?: string;
5
- disabled?: boolean;
6
- };
7
- export declare const HelpIcon: ({ content, className, disabled }: HelpIconProps) => JSX.Element;
8
- export default HelpIcon;
package/cjs/index.d.ts DELETED
@@ -1,18 +0,0 @@
1
- export * from './assistive-text/AssistiveText';
2
- export * from './checkbox';
3
- export * from './counter/Counter';
4
- export * from './enhanced';
5
- export * from './error-text/ErrorText';
6
- export * from './field-wrap';
7
- export * from './help-icon/HelpIcon';
8
- export * from './label/Label';
9
- export * from './password-field/PasswordField';
10
- export * from './radio';
11
- export * from './rating';
12
- export * from './select-field/AsyncSelectField';
13
- export * from './select-field/NativeSelectField';
14
- export * from './select-field/SelectField';
15
- export * from './switch/index';
16
- export * from './tel-field/TelField';
17
- export * from './text-field/TextField';
18
- export * from './textarea-field/TextareaField';
@@ -1,11 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import { Size } from '../types';
3
- export declare type LabelProps = {
4
- children: ReactNode;
5
- className?: string;
6
- hideAsterisk?: boolean;
7
- required?: boolean;
8
- visualSize?: Size;
9
- disabled?: boolean;
10
- } & React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
11
- export declare const Label: ({ visualSize, required, hideAsterisk, disabled, className, children, ...rest }: LabelProps) => JSX.Element;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { TextFieldProps } from '../text-field/TextField';
3
- export declare type PasswordFieldProps = Omit<TextFieldProps, 'icon' | 'inputType'>;
4
- export declare const PasswordField: React.ForwardRefExoticComponent<PasswordFieldProps & React.RefAttributes<HTMLInputElement>>;
@@ -1,51 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- declare type RadioSize = 'medium' | 'small';
3
- export declare type RadioStyleState = 'checked';
4
- export declare type RadioProps = {
5
- /**
6
- * Field name.
7
- */
8
- name: string;
9
- /**
10
- * Indicate that the radio button is checked
11
- */
12
- checked?: boolean;
13
- /**
14
- *
15
- */
16
- defaultChecked?: boolean;
17
- /**
18
- * Field label.
19
- */
20
- label?: ReactNode;
21
- /**
22
- * Class name to be assigned to the component
23
- */
24
- className?: string;
25
- /**
26
- * Field label.
27
- */
28
- value?: string;
29
- /**
30
- * Indicates that the radio button is disabled.
31
- */
32
- disabled?: boolean;
33
- /**
34
- * Indicates an error in the field.
35
- */
36
- error?: boolean;
37
- /**
38
- * Size variant.
39
- */
40
- visualSize?: RadioSize;
41
- /**
42
- * Callback when the radio button is checked or unchecked
43
- */
44
- onChange?: JSX.IntrinsicElements['input']['onChange'];
45
- Icon?: React.ComponentType;
46
- styledAs?: RadioStyleState;
47
- };
48
- export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
49
- /** @deprecated Use Radio */
50
- export declare const RadioField: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
51
- export {};
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- import { RadioProps } from './Radio';
3
- declare type RadioContextProps = {
4
- children?: React.ReactNode;
5
- visualSize: NonNullable<RadioProps['visualSize']>;
6
- error: RadioProps['error'];
7
- };
8
- export declare const RadioContext: React.Context<RadioContextProps | undefined>;
9
- export declare const RadioContextProvider: React.FC<{
10
- value: RadioContextProps;
11
- }>;
12
- declare const useRadioContext: () => RadioContextProps | undefined;
13
- export default useRadioContext;
@@ -1,12 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { BaseFieldProps } from '../types';
3
- import { RadioProps } from './Radio';
4
- export declare type RadioGroupProps = Pick<BaseFieldProps, 'help' | 'label' | 'required' | 'hideAsterisk' | 'disabled' | 'errorMessage'> & Pick<RadioProps, 'visualSize'> & {
5
- children: ReactNode;
6
- /**
7
- * Class name to be assigned to the component
8
- */
9
- className?: string;
10
- column?: boolean;
11
- };
12
- export declare const RadioGroup: ({ visualSize, label, children, column, errorMessage, help, required, hideAsterisk, className, disabled, }: RadioGroupProps) => JSX.Element;
@@ -1,2 +0,0 @@
1
- export * from './Radio';
2
- export * from './RadioGroup';
@@ -1,55 +0,0 @@
1
- import React from 'react';
2
- import { FieldWrapProps } from '../field-wrap/FieldWrap';
3
- import { Size } from '../types';
4
- export declare type RatingProps = {
5
- /**
6
- * Amount of related checkboxes
7
- */
8
- rangeCardinality: number;
9
- /**
10
- * Name for the checkbox group
11
- */
12
- name: string;
13
- /**
14
- * Hint text on the left
15
- */
16
- leadingHint?: string;
17
- /**
18
- * Hint text on the right
19
- */
20
- trailingHint?: string;
21
- /**
22
- * Labels on top of the radio selectors, a string returning function called with the selector's index
23
- */
24
- scaleLabels?: (index: number) => string;
25
- /**
26
- * If used as a controlled component, this value sets the selected radio
27
- */
28
- value?: number;
29
- /**
30
- * Initial selected value
31
- */
32
- defaultValue?: number;
33
- /**
34
- * Callback when the user changes the selected value
35
- */
36
- onChange?: (index: number, event: React.ChangeEvent<HTMLInputElement>) => void;
37
- disabled?: boolean;
38
- showScaleLabels?: boolean;
39
- /**
40
- * When this property is `true`, it styles the radios to the left of the selected as `checked`
41
- */
42
- cumulative?: boolean;
43
- Icon?: (index: number) => React.ComponentType;
44
- };
45
- export declare const Rating: React.ForwardRefExoticComponent<RatingProps & React.RefAttributes<HTMLInputElement>>;
46
- export declare type RatingFieldProps = RatingProps & Omit<FieldWrapProps, 'size' | 'placeholder' | 'helpPlacement' | 'children'> & {
47
- size: Exclude<Size, 'large'>;
48
- };
49
- /**
50
- * The `RatingField` component will allow the user to provide feedback by ranking things on a specified scale.
51
- */
52
- export declare const RatingField: React.ForwardRefExoticComponent<RatingProps & Omit<FieldWrapProps, "children" | "size" | "placeholder" | "helpPlacement"> & {
53
- size: Exclude<Size, 'large'>;
54
- } & React.RefAttributes<HTMLInputElement>>;
55
- export default RatingField;
@@ -1 +0,0 @@
1
- export * from './Rating';
@@ -1,99 +0,0 @@
1
- import React from 'react';
2
- import { GroupBase } from 'react-select';
3
- import { AsyncProps } from 'react-select/async';
4
- import { BaseFieldProps } from '../types';
5
- declare type Size = 'small' | 'medium' | 'large';
6
- export declare type AsyncSelectFieldProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = BaseFieldProps & AsyncProps<Option, IsMulti, Group> & {
7
- isClearable?: boolean;
8
- value?: any;
9
- visualSize?: Size;
10
- };
11
- declare const AsyncSelectFieldInner: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ assistiveText, components, disabled, errorMessage, help, helpPlacement, hideAsterisk, isClearable, label, name, onBlur, onChange, required, visualSize, ...rest }: AsyncSelectFieldProps<Option, IsMulti, Group>, ref: React.ForwardedRef<any>) => JSX.Element;
12
- export declare const AsyncSelectField: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: BaseFieldProps & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "id" | "name" | "value" | "form" | "className" | "autoFocus" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "theme" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "tabIndex" | "options" | "placeholder" | "aria-live" | "components" | "isOptionDisabled" | "isRtl" | "styles" | "isDisabled" | "isMulti" | "controlShouldRenderValue" | "menuPlacement" | "menuPosition" | "loadingMessage" | "noOptionsMessage" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionLabel" | "getOptionValue" | "isLoading" | "isSearchable" | "minMenuHeight" | "maxMenuHeight" | "menuIsOpen" | "menuShouldBlockScroll" | "menuShouldScrollIntoView" | "openMenuOnFocus" | "openMenuOnClick" | "pageSize" | "screenReaderStatus" | "tabSelectsValue">> & Partial<Pick<{
13
- 'aria-live': string;
14
- backspaceRemovesValue: boolean;
15
- blurInputOnSelect: boolean;
16
- captureMenuScroll: boolean;
17
- closeMenuOnSelect: boolean;
18
- closeMenuOnScroll: boolean;
19
- components: {};
20
- controlShouldRenderValue: boolean;
21
- escapeClearsValue: boolean;
22
- filterOption: (option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, rawInput: string) => boolean;
23
- formatGroupLabel: <Option_1, Group_1 extends GroupBase<Option_1>>(group: Group_1) => string;
24
- getOptionLabel: <Option_2>(option: Option_2) => string;
25
- getOptionValue: <Option_3>(option: Option_3) => string;
26
- isDisabled: boolean;
27
- isLoading: boolean;
28
- isMulti: boolean;
29
- isRtl: boolean;
30
- isSearchable: boolean;
31
- isOptionDisabled: <Option_4>(option: Option_4) => boolean;
32
- loadingMessage: () => string;
33
- maxMenuHeight: number;
34
- minMenuHeight: number;
35
- menuIsOpen: boolean;
36
- menuPlacement: string;
37
- menuPosition: string;
38
- menuShouldBlockScroll: boolean;
39
- menuShouldScrollIntoView: boolean;
40
- noOptionsMessage: () => string;
41
- openMenuOnFocus: boolean;
42
- openMenuOnClick: boolean;
43
- options: never[];
44
- pageSize: number;
45
- placeholder: string;
46
- screenReaderStatus: ({ count }: {
47
- count: number;
48
- }) => string;
49
- styles: {};
50
- tabIndex: number;
51
- tabSelectsValue: boolean;
52
- }, never>>, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "id" | "name" | "value" | "form" | "className" | "autoFocus" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "theme" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "tabIndex" | "options" | "placeholder" | "aria-live" | "components" | "isOptionDisabled" | "isRtl" | "styles" | "isDisabled" | "isMulti" | "controlShouldRenderValue" | "menuPlacement" | "menuPosition" | "loadingMessage" | "noOptionsMessage" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionLabel" | "getOptionValue" | "isLoading" | "isSearchable" | "minMenuHeight" | "maxMenuHeight" | "menuIsOpen" | "menuShouldBlockScroll" | "menuShouldScrollIntoView" | "openMenuOnFocus" | "openMenuOnClick" | "pageSize" | "screenReaderStatus" | "tabSelectsValue">> & Partial<Pick<{
53
- 'aria-live': string;
54
- backspaceRemovesValue: boolean;
55
- blurInputOnSelect: boolean;
56
- captureMenuScroll: boolean;
57
- closeMenuOnSelect: boolean;
58
- closeMenuOnScroll: boolean;
59
- components: {};
60
- controlShouldRenderValue: boolean;
61
- escapeClearsValue: boolean;
62
- filterOption: (option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, rawInput: string) => boolean;
63
- formatGroupLabel: <Option_1, Group_1 extends GroupBase<Option_1>>(group: Group_1) => string;
64
- getOptionLabel: <Option_2>(option: Option_2) => string;
65
- getOptionValue: <Option_3>(option: Option_3) => string;
66
- isDisabled: boolean;
67
- isLoading: boolean;
68
- isMulti: boolean;
69
- isRtl: boolean;
70
- isSearchable: boolean;
71
- isOptionDisabled: <Option_4>(option: Option_4) => boolean;
72
- loadingMessage: () => string;
73
- maxMenuHeight: number;
74
- minMenuHeight: number;
75
- menuIsOpen: boolean;
76
- menuPlacement: string;
77
- menuPosition: string;
78
- menuShouldBlockScroll: boolean;
79
- menuShouldScrollIntoView: boolean;
80
- noOptionsMessage: () => string;
81
- openMenuOnFocus: boolean;
82
- openMenuOnClick: boolean;
83
- options: never[];
84
- pageSize: number;
85
- placeholder: string;
86
- screenReaderStatus: ({ count }: {
87
- count: number;
88
- }) => string;
89
- styles: {};
90
- tabIndex: number;
91
- tabSelectsValue: boolean;
92
- }, never>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<Option> & import("react-select/dist/declarations/src/useAsync").AsyncAdditionalProps<Option, Group> & {
93
- isClearable?: boolean | undefined;
94
- value?: any;
95
- visualSize?: Size | undefined;
96
- } & {
97
- ref?: React.ForwardedRef<any> | undefined;
98
- }) => ReturnType<typeof AsyncSelectFieldInner>;
99
- export default AsyncSelectField;
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- import { BaseFieldProps, Size } from '../types';
3
- export declare type NativeSelectFieldProps = BaseFieldProps & React.ComponentPropsWithRef<'select'> & {
4
- className?: string;
5
- visualSize?: Size;
6
- };
7
- export declare const NativeSelectField: React.ForwardRefExoticComponent<Pick<NativeSelectFieldProps, "required" | "key" | "id" | "name" | "color" | "translate" | "value" | "hidden" | "form" | "label" | "slot" | "style" | "title" | "dir" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "disabled" | "multiple" | "size" | "help" | "autoComplete" | "autoFocus" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "hideAsterisk" | "assistiveText" | "errorMessage" | "visualSize" | "helpPlacement"> & React.RefAttributes<HTMLSelectElement>>;
8
- export default NativeSelectField;