@hubspot/ui-extensions 0.9.0 → 0.9.1
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/coreComponents.d.ts
CHANGED
|
@@ -782,3 +782,15 @@ export declare const Tooltip: "Tooltip" & {
|
|
|
782
782
|
readonly props?: types.TooltipProps | undefined;
|
|
783
783
|
readonly children?: true | undefined;
|
|
784
784
|
} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Tooltip", types.TooltipProps, true>>;
|
|
785
|
+
/**
|
|
786
|
+
* The `SearchInput` component renders a search input field.
|
|
787
|
+
*
|
|
788
|
+
* **Links:**
|
|
789
|
+
*
|
|
790
|
+
* - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/search-input SearchInput Docs}
|
|
791
|
+
*/
|
|
792
|
+
export declare const SearchInput: "SearchInput" & {
|
|
793
|
+
readonly type?: "SearchInput" | undefined;
|
|
794
|
+
readonly props?: types.SearchInputProps | undefined;
|
|
795
|
+
readonly children?: true | undefined;
|
|
796
|
+
} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"SearchInput", types.SearchInputProps, true>>;
|
package/dist/coreComponents.js
CHANGED
|
@@ -526,3 +526,11 @@ export const Illustration = createRemoteReactComponent('Illustration');
|
|
|
526
526
|
* - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/tooltip Documentation}
|
|
527
527
|
*/
|
|
528
528
|
export const Tooltip = createRemoteReactComponent('Tooltip');
|
|
529
|
+
/**
|
|
530
|
+
* The `SearchInput` component renders a search input field.
|
|
531
|
+
*
|
|
532
|
+
* **Links:**
|
|
533
|
+
*
|
|
534
|
+
* - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/search-input SearchInput Docs}
|
|
535
|
+
*/
|
|
536
|
+
export const SearchInput = createRemoteReactComponent('SearchInput');
|
|
@@ -83,16 +83,4 @@ declare const FileInput: "FileInput" & {
|
|
|
83
83
|
readonly props?: experimentalTypes.FileInputProps | undefined;
|
|
84
84
|
readonly children?: true | undefined;
|
|
85
85
|
} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"FileInput", experimentalTypes.FileInputProps, true>>;
|
|
86
|
-
|
|
87
|
-
* The `SearchInput` component renders a search input that can be used to search for a value.
|
|
88
|
-
*
|
|
89
|
-
* **Links:**
|
|
90
|
-
*
|
|
91
|
-
* - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/search-input SearchInput Docs}
|
|
92
|
-
*/
|
|
93
|
-
declare const SearchInput: "SearchInput" & {
|
|
94
|
-
readonly type?: "SearchInput" | undefined;
|
|
95
|
-
readonly props?: experimentalTypes.SearchInputProps | undefined;
|
|
96
|
-
readonly children?: true | undefined;
|
|
97
|
-
} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"SearchInput", experimentalTypes.SearchInputProps, true>>;
|
|
98
|
-
export { Iframe, MediaObject, Inline, Stack2, Center, SimpleGrid, GridItem, Grid, SettingsView, ExpandableText, Popover, FileInput, SearchInput, };
|
|
86
|
+
export { Iframe, MediaObject, Inline, Stack2, Center, SimpleGrid, GridItem, Grid, SettingsView, ExpandableText, Popover, FileInput, };
|
|
@@ -38,12 +38,4 @@ const Popover = createRemoteReactComponent('Popover', {
|
|
|
38
38
|
fragmentProps: ['header', 'body', 'footer'],
|
|
39
39
|
});
|
|
40
40
|
const FileInput = createRemoteReactComponent('FileInput');
|
|
41
|
-
|
|
42
|
-
* The `SearchInput` component renders a search input that can be used to search for a value.
|
|
43
|
-
*
|
|
44
|
-
* **Links:**
|
|
45
|
-
*
|
|
46
|
-
* - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/search-input SearchInput Docs}
|
|
47
|
-
*/
|
|
48
|
-
const SearchInput = createRemoteReactComponent('SearchInput');
|
|
49
|
-
export { Iframe, MediaObject, Inline, Stack2, Center, SimpleGrid, GridItem, Grid, SettingsView, ExpandableText, Popover, FileInput, SearchInput, };
|
|
41
|
+
export { Iframe, MediaObject, Inline, Stack2, Center, SimpleGrid, GridItem, Grid, SettingsView, ExpandableText, Popover, FileInput, };
|
|
@@ -146,42 +146,4 @@ export interface FileInputProps {
|
|
|
146
146
|
name: string;
|
|
147
147
|
onChange: (event: any) => void;
|
|
148
148
|
}
|
|
149
|
-
/**
|
|
150
|
-
* @ignore
|
|
151
|
-
* @experimental do not use in production
|
|
152
|
-
*/
|
|
153
|
-
export interface SearchInputProps {
|
|
154
|
-
/** The label text to display for the search input. */
|
|
155
|
-
label: string;
|
|
156
|
-
/** The unique identifier for the input element. */
|
|
157
|
-
name: string;
|
|
158
|
-
/** The value of the input. */
|
|
159
|
-
value?: string;
|
|
160
|
-
/** Text that appears in the input when it has no value set. */
|
|
161
|
-
placeholder?: string;
|
|
162
|
-
/** Text that will appear in a tooltip next to the input label. */
|
|
163
|
-
tooltip?: string;
|
|
164
|
-
/** If true, displays a required indicator. */
|
|
165
|
-
required?: boolean;
|
|
166
|
-
/** If true, the field is not editable. */
|
|
167
|
-
readOnly?: boolean;
|
|
168
|
-
/** If true, the field is disabled. */
|
|
169
|
-
disabled?: boolean;
|
|
170
|
-
/** Instructional message to help understand the purpose of the input. */
|
|
171
|
-
description?: string;
|
|
172
|
-
/** If true, renders the error state and shows validationMessage as an error. */
|
|
173
|
-
error?: boolean;
|
|
174
|
-
/** The text to show under the input for error or success validations. Will display below the input*/
|
|
175
|
-
validationMessage?: string;
|
|
176
|
-
/** Called when the input value changes. */
|
|
177
|
-
onChange?: (value: string) => void;
|
|
178
|
-
/** Called every time the field is edited by the user. */
|
|
179
|
-
onInput?: (value: string) => void;
|
|
180
|
-
/** Called every time the field loses focus. */
|
|
181
|
-
onBlur?: (value: string) => void;
|
|
182
|
-
/** Called every time the field gets focused. */
|
|
183
|
-
onFocus?: (value: string) => void;
|
|
184
|
-
/** If true, shows a clear button to clear the input. Default is true. */
|
|
185
|
-
clearable?: boolean;
|
|
186
|
-
}
|
|
187
149
|
export {};
|
package/dist/types.d.ts
CHANGED
|
@@ -1182,6 +1182,15 @@ export interface DateInputProps extends BaseDateInputForDate {
|
|
|
1182
1182
|
*/
|
|
1183
1183
|
todayButtonLabel?: string;
|
|
1184
1184
|
}
|
|
1185
|
+
/**
|
|
1186
|
+
* The props type for {@link !components.SearchInput}.
|
|
1187
|
+
*
|
|
1188
|
+
* @category Component Props
|
|
1189
|
+
*/
|
|
1190
|
+
export interface SearchInputProps extends BaseInputProps {
|
|
1191
|
+
/** Shows a clear button to clear the input. Default is true. */
|
|
1192
|
+
clearable?: boolean;
|
|
1193
|
+
}
|
|
1185
1194
|
/**
|
|
1186
1195
|
* The props type for {@link !components.Stack}.
|
|
1187
1196
|
*
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hubspot/ui-extensions",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.1",
|
|
4
4
|
"description": "",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -66,5 +66,5 @@
|
|
|
66
66
|
"ts-jest": "^29.1.1",
|
|
67
67
|
"typescript": "5.0.4"
|
|
68
68
|
},
|
|
69
|
-
"gitHead": "
|
|
69
|
+
"gitHead": "c26a19d3df9eaef76a109947dfda71a9cc72451c"
|
|
70
70
|
}
|