@zendeskgarden/react-forms 9.0.0-next.1 → 9.0.0-next.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/dist/index.cjs.js +182 -388
- package/dist/index.esm.js +186 -391
- package/dist/typings/elements/common/Field.d.ts +1 -8
- package/dist/typings/elements/faux-input/FauxInput.d.ts +1 -11
- package/dist/typings/index.d.ts +3 -4
- package/dist/typings/styled/index.d.ts +0 -4
- package/dist/typings/types/index.d.ts +0 -27
- package/dist/typings/utils/useFieldContext.d.ts +1 -2
- package/package.json +3 -4
- package/dist/typings/elements/MultiThumbRange.d.ts +0 -14
- package/dist/typings/styled/range/StyledSlider.d.ts +0 -10
- package/dist/typings/styled/range/StyledSliderThumb.d.ts +0 -13
- package/dist/typings/styled/range/StyledSliderTrack.d.ts +0 -14
- package/dist/typings/styled/range/StyledSliderTrackRail.d.ts +0 -11
|
@@ -4,14 +4,7 @@
|
|
|
4
4
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
|
-
import React
|
|
8
|
-
/**
|
|
9
|
-
* @deprecated
|
|
10
|
-
*/
|
|
11
|
-
export interface IFieldProps extends HTMLAttributes<HTMLDivElement> {
|
|
12
|
-
/** Sets the field ID and the prefix for the generated label, input, and hint IDs */
|
|
13
|
-
id?: string;
|
|
14
|
-
}
|
|
7
|
+
import React from 'react';
|
|
15
8
|
/**
|
|
16
9
|
* @extends HTMLAttributes<HTMLDivElement>
|
|
17
10
|
*/
|
|
@@ -4,20 +4,10 @@
|
|
|
4
4
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
|
-
import React
|
|
7
|
+
import React from 'react';
|
|
8
8
|
import { IFauxInputProps } from '../../types';
|
|
9
9
|
import { StartIcon } from './components/StartIcon';
|
|
10
10
|
import { EndIcon } from './components/EndIcon';
|
|
11
|
-
/**
|
|
12
|
-
* @deprecated use IFauxInputStartIconProps or IFauxInputEndIconProps instead
|
|
13
|
-
*/
|
|
14
|
-
export interface IIconProps extends HTMLAttributes<HTMLElement> {
|
|
15
|
-
isHovered?: boolean;
|
|
16
|
-
isFocused: boolean;
|
|
17
|
-
isDisabled: boolean;
|
|
18
|
-
isRotated: boolean;
|
|
19
|
-
children: any;
|
|
20
|
-
}
|
|
21
11
|
/**
|
|
22
12
|
* @extends HTMLAttributes<HTMLDivElement>
|
|
23
13
|
*/
|
package/dist/typings/index.d.ts
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
/** Common */
|
|
8
|
-
export { Field
|
|
8
|
+
export { Field } from './elements/common/Field';
|
|
9
9
|
export { Fieldset } from './elements/common/Fieldset';
|
|
10
10
|
export { Hint } from './elements/common/Hint';
|
|
11
11
|
export { Label } from './elements/common/Label';
|
|
@@ -18,7 +18,6 @@ export { Range } from './elements/Range';
|
|
|
18
18
|
export { Textarea } from './elements/Textarea';
|
|
19
19
|
export { Toggle } from './elements/Toggle';
|
|
20
20
|
export { Select } from './elements/Select';
|
|
21
|
-
export { MultiThumbRange } from './elements/MultiThumbRange';
|
|
22
21
|
/** Tiles */
|
|
23
22
|
export { Tiles } from './elements/tiles/Tiles';
|
|
24
23
|
/** Input Group */
|
|
@@ -29,7 +28,7 @@ export { FileUpload } from './elements/FileUpload';
|
|
|
29
28
|
export { FileList } from './elements/file-list/FileList';
|
|
30
29
|
export { File } from './elements/file-list/components/File';
|
|
31
30
|
/** Other */
|
|
32
|
-
export { FauxInput
|
|
31
|
+
export { FauxInput } from './elements/faux-input/FauxInput';
|
|
33
32
|
export { MediaInput } from './elements/MediaInput';
|
|
34
33
|
/** types */
|
|
35
|
-
export { VALIDATION, type IFieldsetProps, type ILabelProps, type IMessageProps, type ICheckboxProps, type IRadioProps, type IToggleProps, type IInputProps, type ITextareaProps, type ISelectProps, type IFileUploadProps, type IFileProps, type IRangeProps, type
|
|
34
|
+
export { VALIDATION, type IFieldsetProps, type ILabelProps, type IMessageProps, type ICheckboxProps, type IRadioProps, type IToggleProps, type IInputProps, type ITextareaProps, type ISelectProps, type IFileUploadProps, type IFileProps, type IRangeProps, type IInputGroupProps, type ITilesProps, type ITilesTileProps, type IFauxInputProps, type IFauxInputIconProps as IFauxInputStartIconProps, type IFauxInputIconProps as IFauxInputEndIconProps, type IMediaInputProps } from './types';
|
|
@@ -73,10 +73,6 @@ export * from './select/StyledSelectWrapper';
|
|
|
73
73
|
* Range styles
|
|
74
74
|
*/
|
|
75
75
|
export * from './range/StyledRangeInput';
|
|
76
|
-
export * from './range/StyledSlider';
|
|
77
|
-
export * from './range/StyledSliderThumb';
|
|
78
|
-
export * from './range/StyledSliderTrack';
|
|
79
|
-
export * from './range/StyledSliderTrackRail';
|
|
80
76
|
/**
|
|
81
77
|
* Tile styles
|
|
82
78
|
*/
|
|
@@ -102,33 +102,6 @@ export interface IRangeProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
|
102
102
|
/** @ignore */
|
|
103
103
|
hasLowerTrack?: boolean;
|
|
104
104
|
}
|
|
105
|
-
export interface IMultiThumbRangeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
106
|
-
/** Sets the minimum permitted value */
|
|
107
|
-
min?: number;
|
|
108
|
-
/** Sets the maximum permitted value */
|
|
109
|
-
max?: number;
|
|
110
|
-
/** Sets the minimum thumb value */
|
|
111
|
-
minValue?: number;
|
|
112
|
-
/** Sets the maximum thumb value */
|
|
113
|
-
maxValue?: number;
|
|
114
|
-
/** Defines the stepping interval */
|
|
115
|
-
step?: number;
|
|
116
|
-
/** Defines the jumping interval for keyboard page up/down navigation. Defaults to `step`. */
|
|
117
|
-
jump?: number;
|
|
118
|
-
/** Indicates that the element is not interactive */
|
|
119
|
-
disabled?: IRangeProps['disabled'];
|
|
120
|
-
/**
|
|
121
|
-
* Handles change events
|
|
122
|
-
*
|
|
123
|
-
* @param {Object} updatedValues The values that have changed
|
|
124
|
-
* @param {number} [updatedValues.minValue] The optional minimum value
|
|
125
|
-
* @param {number} [updatedValues.maxValue] The optional maximum value
|
|
126
|
-
* */
|
|
127
|
-
onChange?: (updatedValues: {
|
|
128
|
-
minValue?: number;
|
|
129
|
-
maxValue?: number;
|
|
130
|
-
}) => void;
|
|
131
|
-
}
|
|
132
105
|
export interface ITilesProps extends HTMLAttributes<HTMLDivElement> {
|
|
133
106
|
/** Sets the value of the selected radio button */
|
|
134
107
|
value?: IRadioProps['value'];
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
|
-
|
|
7
|
+
/// <reference types="react" />
|
|
8
8
|
import { IUseFieldReturnValue } from '@zendeskgarden/container-field';
|
|
9
9
|
interface IFieldContext extends IUseFieldReturnValue {
|
|
10
10
|
getMessageProps: (messageProps: any) => any;
|
|
@@ -12,7 +12,6 @@ interface IFieldContext extends IUseFieldReturnValue {
|
|
|
12
12
|
isLabelHovered: boolean;
|
|
13
13
|
setIsLabelHovered: (isLabelHovered: boolean) => void;
|
|
14
14
|
setIsLabelActive: (isLabelActive: boolean) => void;
|
|
15
|
-
multiThumbRangeRef: MutableRefObject<HTMLDivElement | null>;
|
|
16
15
|
setHasHint: (hintPresent: boolean) => void;
|
|
17
16
|
hasHint: boolean;
|
|
18
17
|
setHasMessage: (messagePresent: boolean) => void;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-forms",
|
|
3
|
-
"version": "9.0.0-next.
|
|
3
|
+
"version": "9.0.0-next.3",
|
|
4
4
|
"description": "Components relating to form elements in the Garden Design System",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -22,7 +22,6 @@
|
|
|
22
22
|
"types": "dist/typings/index.d.ts",
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@zendeskgarden/container-field": "^3.0.0",
|
|
25
|
-
"@zendeskgarden/container-slider": "^0.1.1",
|
|
26
25
|
"@zendeskgarden/container-utilities": "^2.0.0",
|
|
27
26
|
"lodash.debounce": "^4.0.8",
|
|
28
27
|
"polished": "^4.0.0",
|
|
@@ -37,7 +36,7 @@
|
|
|
37
36
|
},
|
|
38
37
|
"devDependencies": {
|
|
39
38
|
"@types/lodash.debounce": "4.0.9",
|
|
40
|
-
"@zendeskgarden/react-theming": "^9.0.0-next.
|
|
39
|
+
"@zendeskgarden/react-theming": "^9.0.0-next.3",
|
|
41
40
|
"@zendeskgarden/svg-icons": "7.0.0",
|
|
42
41
|
"react-dropzone": "14.2.3"
|
|
43
42
|
},
|
|
@@ -51,5 +50,5 @@
|
|
|
51
50
|
"access": "public"
|
|
52
51
|
},
|
|
53
52
|
"zendeskgarden:src": "src/index.ts",
|
|
54
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "d5086e8a3ae0c8608361966954bf434ef03005ec"
|
|
55
54
|
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import React from 'react';
|
|
8
|
-
import { IMultiThumbRangeProps } from '../types';
|
|
9
|
-
/**
|
|
10
|
-
* @deprecated this legacy component will be removed in a future release
|
|
11
|
-
*
|
|
12
|
-
* @extends HTMLAttributes<HTMLDivElement>
|
|
13
|
-
*/
|
|
14
|
-
export declare const MultiThumbRange: React.ForwardRefExoticComponent<IMultiThumbRangeProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
export declare const StyledSlider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
8
|
-
'data-garden-id': string;
|
|
9
|
-
'data-garden-version': string;
|
|
10
|
-
}, "data-garden-id" | "data-garden-version">;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { DefaultTheme } from 'styled-components';
|
|
8
|
-
interface IStyledSliderThumbProps {
|
|
9
|
-
position?: number;
|
|
10
|
-
isDisabled?: boolean;
|
|
11
|
-
}
|
|
12
|
-
export declare const StyledSliderThumb: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledSliderThumbProps, never>;
|
|
13
|
-
export {};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { DefaultTheme } from 'styled-components';
|
|
8
|
-
interface IStyledSliderTrackProps {
|
|
9
|
-
backgroundSize?: number;
|
|
10
|
-
backgroundPosition?: number;
|
|
11
|
-
isDisabled?: boolean;
|
|
12
|
-
}
|
|
13
|
-
export declare const StyledSliderTrack: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledSliderTrackProps, never>;
|
|
14
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Zendesk, Inc.
|
|
3
|
-
*
|
|
4
|
-
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
-
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
-
*/
|
|
7
|
-
import { DefaultTheme } from 'styled-components';
|
|
8
|
-
export declare const StyledSliderTrackRail: import("styled-components").StyledComponent<"div", DefaultTheme, {
|
|
9
|
-
'data-garden-id': string;
|
|
10
|
-
'data-garden-version': string;
|
|
11
|
-
}, "data-garden-id" | "data-garden-version">;
|