@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.
@@ -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, { HTMLAttributes } from '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, { HTMLAttributes } from '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
  */
@@ -5,7 +5,7 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  /** Common */
8
- export { Field, type IFieldProps } from './elements/common/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, type IIconProps } from './elements/faux-input/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 IMultiThumbRangeProps, type IInputGroupProps, type ITilesProps, type ITilesTileProps, type IFauxInputProps, type IFauxInputIconProps as IFauxInputStartIconProps, type IFauxInputIconProps as IFauxInputEndIconProps, type IMediaInputProps } from './types';
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
- import { MutableRefObject } from 'react';
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.1",
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.1",
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": "a9e4e776bf6ad8860a198fc24f27b2b5cbc83320"
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">;