diff --git a/packages/terra-core-docs/CHANGELOG.md b/packages/terra-core-docs/CHANGELOG.md index 9ab90819881..e6edc4178d3 100644 --- a/packages/terra-core-docs/CHANGELOG.md +++ b/packages/terra-core-docs/CHANGELOG.md @@ -2,6 +2,9 @@ ## Unreleased +* Added + * Added visual labels for `terra-search-field` examples. + * Updated * Updated Draggable list item example for selection state in `terra-list`. * Updated `terra-html-table` documentation with deprecation notice and badge. diff --git a/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldBasic.jsx b/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldBasic.jsx index af6997e39c7..b85f2e9668d 100644 --- a/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldBasic.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldBasic.jsx @@ -11,7 +11,7 @@ const SearchFieldBasic = () => { return (

{message}

- +
); }; diff --git a/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldBlock.jsx b/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldBlock.jsx index 949d2dd8fc1..12f3fd525d3 100644 --- a/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldBlock.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldBlock.jsx @@ -2,7 +2,7 @@ import React from 'react'; import SearchField from 'terra-search-field'; const SearchFieldBlock = () => ( - + ); export default SearchFieldBlock; diff --git a/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldDefaultValue.jsx b/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldDefaultValue.jsx index 999c97c41e7..2ada9e323d5 100644 --- a/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldDefaultValue.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldDefaultValue.jsx @@ -2,7 +2,7 @@ import React from 'react'; import SearchField from 'terra-search-field'; const SearchFieldDefaultValue = () => ( - + ); export default SearchFieldDefaultValue; diff --git a/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldDelayed.jsx b/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldDelayed.jsx index a7e2f0037a4..c6fb9a451ab 100644 --- a/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldDelayed.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldDelayed.jsx @@ -2,7 +2,7 @@ import React from 'react'; import SearchField from 'terra-search-field'; const SearchFieldDelayed = () => ( - + ); export default SearchFieldDelayed; diff --git a/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldDisableAutoFormatAttrs.jsx b/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldDisableAutoFormatAttrs.jsx index d1361b262e7..7ae52fccc23 100644 --- a/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldDisableAutoFormatAttrs.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldDisableAutoFormatAttrs.jsx @@ -3,6 +3,8 @@ import SearchField from 'terra-search-field'; const SearchFieldDisableAutoFormatAttrs = () => ( (
- +
); diff --git a/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldDisabled.jsx b/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldDisabled.jsx index 693ae23d0b8..51612f98afe 100644 --- a/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldDisabled.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldDisabled.jsx @@ -2,7 +2,7 @@ import React from 'react'; import SearchField from 'terra-search-field'; const SearchFieldDisabled = () => ( - + ); export default SearchFieldDisabled; diff --git a/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldFilterNumeric.jsx b/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldFilterNumeric.jsx index c9b3ab47eef..f61128a7752 100644 --- a/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldFilterNumeric.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldFilterNumeric.jsx @@ -17,7 +17,7 @@ const SearchFieldFilterNumeric = () => { }; return ( - + ); }; diff --git a/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldFocus.jsx b/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldFocus.jsx index 580843a302a..fed6fb404b9 100644 --- a/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldFocus.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldFocus.jsx @@ -15,6 +15,8 @@ const SearchFieldFocus = () => {
diff --git a/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldInvalid.jsx b/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldInvalid.jsx index bddc70b7995..59e82867a5b 100644 --- a/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldInvalid.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldInvalid.jsx @@ -51,6 +51,8 @@ const SearchFieldInvalid = () => { value={text} inputRefCallback={(ref) => { inputRef.current = ref; }} searchDelay={500} + isLabelVisible + groupName="Find a clinic" />
{message} diff --git a/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldMinimumLength.jsx b/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldMinimumLength.jsx index ab37c21d0b0..e33f68837c7 100644 --- a/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldMinimumLength.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldMinimumLength.jsx @@ -11,7 +11,7 @@ const SearchFieldMinimumLength = () => { return (

{message}

- +
); }; diff --git a/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldPlaceholder.jsx b/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldPlaceholder.jsx index 5bfa2330f29..ba5e8a4c454 100644 --- a/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldPlaceholder.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldPlaceholder.jsx @@ -2,7 +2,7 @@ import React from 'react'; import SearchField from 'terra-search-field'; const SearchFieldPlaceholder = () => ( - + ); export default SearchFieldPlaceholder; diff --git a/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldProgrammaticSet.jsx b/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldProgrammaticSet.jsx index 122b293a080..0926917f4ec 100644 --- a/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldProgrammaticSet.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldProgrammaticSet.jsx @@ -56,6 +56,8 @@ const SearchFieldProgrammaticSet = () => { minimumSearchTextLength={3} value={text} inputRefCallback={(ref) => { inputRef.current = ref; }} + isLabelVisible + groupName="Find a clinic" />
{message} diff --git a/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldWithDefaultLabel.jsx b/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldWithDefaultLabel.jsx index 83747b4c9f8..40dee1923f3 100644 --- a/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldWithDefaultLabel.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/doc/search-field/Examples.2/SearchFieldWithDefaultLabel.jsx @@ -2,7 +2,7 @@ import React from 'react'; import SearchField from 'terra-search-field'; const SearchFieldWithLabel = () => ( - + ); export default SearchFieldWithLabel; diff --git a/packages/terra-core-docs/src/terra-dev-site/test/search-field/AutoSearchDisabledSearchField.test.jsx b/packages/terra-core-docs/src/terra-dev-site/test/search-field/AutoSearchDisabledSearchField.test.jsx index 60df102d3e6..a8bdca160c5 100644 --- a/packages/terra-core-docs/src/terra-dev-site/test/search-field/AutoSearchDisabledSearchField.test.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/test/search-field/AutoSearchDisabledSearchField.test.jsx @@ -31,6 +31,8 @@ class AutoSearchDisabledSearchField extends React.Component { onSearch={this.handleSearch} onInvalidSearch={this.handleInvalidSearch} disableAutoSearch + isLabelVisible + groupName="Find a clinic" />
{this.state.message} diff --git a/packages/terra-core-docs/src/terra-dev-site/test/search-field/CallbackSearchField.test.jsx b/packages/terra-core-docs/src/terra-dev-site/test/search-field/CallbackSearchField.test.jsx index 81123c8df10..218d642bd9c 100644 --- a/packages/terra-core-docs/src/terra-dev-site/test/search-field/CallbackSearchField.test.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/test/search-field/CallbackSearchField.test.jsx @@ -31,6 +31,8 @@ class CallbackSearchField extends React.Component { onSearch={this.handleSearch} onInvalidSearch={this.handleInvalidSearch} minimumSearchTextLength={3} + isLabelVisible + groupName="Find a clinic" />
{this.state.message} diff --git a/packages/terra-core-docs/src/terra-dev-site/test/search-field/DefaultSearchField.test.jsx b/packages/terra-core-docs/src/terra-dev-site/test/search-field/DefaultSearchField.test.jsx index 830cbc17402..d6031a22884 100644 --- a/packages/terra-core-docs/src/terra-dev-site/test/search-field/DefaultSearchField.test.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/test/search-field/DefaultSearchField.test.jsx @@ -1,4 +1,4 @@ import React from 'react'; import SearchField from 'terra-search-field'; -export default () => ; +export default () => ; diff --git a/packages/terra-core-docs/src/terra-dev-site/test/search-field/DelayedSearchField.test.jsx b/packages/terra-core-docs/src/terra-dev-site/test/search-field/DelayedSearchField.test.jsx index f7790888b00..9efcd25275d 100644 --- a/packages/terra-core-docs/src/terra-dev-site/test/search-field/DelayedSearchField.test.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/test/search-field/DelayedSearchField.test.jsx @@ -18,7 +18,7 @@ class DelayedSearchField extends React.Component { {' '} {this.state.searchText}
- { this.setState({ searchText }); }} /> + { this.setState({ searchText }); }} isLabelVisible groupName="Find a clinic" />
); } diff --git a/packages/terra-core-docs/src/terra-dev-site/test/search-field/MinimumLengthSearchField.test.jsx b/packages/terra-core-docs/src/terra-dev-site/test/search-field/MinimumLengthSearchField.test.jsx index 55c187cef81..9909335b9a0 100644 --- a/packages/terra-core-docs/src/terra-dev-site/test/search-field/MinimumLengthSearchField.test.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/test/search-field/MinimumLengthSearchField.test.jsx @@ -22,6 +22,8 @@ class MinimumLengthSearchField extends React.Component { id="searchfieldWithMinimumLength" minimumSearchTextLength={5} onSearch={(searchText) => { this.setState({ searchText }); }} + isLabelVisible + groupName="Find a clinic" />
); diff --git a/packages/terra-core-docs/src/terra-dev-site/test/search-field/PlaceholderSearchField.test.jsx b/packages/terra-core-docs/src/terra-dev-site/test/search-field/PlaceholderSearchField.test.jsx index d79131ea1fb..d44390f15d6 100644 --- a/packages/terra-core-docs/src/terra-dev-site/test/search-field/PlaceholderSearchField.test.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/test/search-field/PlaceholderSearchField.test.jsx @@ -1,4 +1,4 @@ import React from 'react'; import SearchField from 'terra-search-field'; -export default () => ; +export default () => ; diff --git a/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldBlock.test.jsx b/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldBlock.test.jsx index 630e2fad943..cba91d60796 100644 --- a/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldBlock.test.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldBlock.test.jsx @@ -1,4 +1,4 @@ import React from 'react'; import SearchField from 'terra-search-field'; -export default () => ; +export default () => ; diff --git a/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldDefaultValue.test.jsx b/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldDefaultValue.test.jsx index 145101c8ca8..e083dc06682 100644 --- a/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldDefaultValue.test.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldDefaultValue.test.jsx @@ -1,4 +1,4 @@ import React from 'react'; import SearchField from 'terra-search-field'; -export default () => ; +export default () => ; diff --git a/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldDisabled.test.jsx b/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldDisabled.test.jsx index 3c82daad29d..40cb1833db0 100644 --- a/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldDisabled.test.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldDisabled.test.jsx @@ -1,4 +1,4 @@ import React from 'react'; import SearchField from 'terra-search-field'; -export default () => ; +export default () => ; diff --git a/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldDisabledWithValue.test.jsx b/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldDisabledWithValue.test.jsx index 4198b9d187d..198894ed36e 100644 --- a/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldDisabledWithValue.test.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldDisabledWithValue.test.jsx @@ -1,4 +1,4 @@ import React from 'react'; import SearchField from 'terra-search-field'; -export default () => ; +export default () => ; diff --git a/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldEnter.test.jsx b/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldEnter.test.jsx index 710bad9f226..8fdf50c7e16 100644 --- a/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldEnter.test.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldEnter.test.jsx @@ -27,7 +27,7 @@ class AutoSearchDisabledSearchField extends React.Component { return (

Auto Searching is Disabled

- +
{this.state.message} {this.state.searchText} diff --git a/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldFocus.test.jsx b/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldFocus.test.jsx index 5c9136bde1a..f80422c09fe 100644 --- a/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldFocus.test.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldFocus.test.jsx @@ -28,6 +28,8 @@ class SearchFieldFocus extends React.Component { onChange={this.onChange} value={this.state.searchText} inputRefCallback={(inputRef) => { this.searchInput = inputRef; }} + isLabelVisible + groupName="Find a clinic" /> ); diff --git a/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldOnChange.test.jsx b/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldOnChange.test.jsx index c23a73ba9a4..41e5010f7fb 100644 --- a/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldOnChange.test.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldOnChange.test.jsx @@ -25,6 +25,8 @@ class SearchFieldOnChange extends React.Component { id="searchfield" onChange={this.onChange} value={this.state.searchText} + isLabelVisible + groupName="Find a clinic" />
); diff --git a/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldWithLabel.test.jsx b/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldWithLabel.test.jsx index 8d4ec9e8cd8..d6031a22884 100644 --- a/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldWithLabel.test.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldWithLabel.test.jsx @@ -1,4 +1,4 @@ import React from 'react'; import SearchField from 'terra-search-field'; -export default () => ; +export default () => ; diff --git a/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldWithPlaceholder.test.jsx b/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldWithPlaceholder.test.jsx index d79131ea1fb..d44390f15d6 100644 --- a/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldWithPlaceholder.test.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldWithPlaceholder.test.jsx @@ -1,4 +1,4 @@ import React from 'react'; import SearchField from 'terra-search-field'; -export default () => ; +export default () => ; diff --git a/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldWithPlaceholderDisabled.test.jsx b/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldWithPlaceholderDisabled.test.jsx index cca85913ae4..33dc299ca2f 100644 --- a/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldWithPlaceholderDisabled.test.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldWithPlaceholderDisabled.test.jsx @@ -1,4 +1,4 @@ import React from 'react'; import SearchField from 'terra-search-field'; -export default () => ; +export default () => ; diff --git a/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldWithValue.test.jsx b/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldWithValue.test.jsx index 938a7ed1671..f0a6d81bf6a 100644 --- a/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldWithValue.test.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/test/search-field/SearchFieldWithValue.test.jsx @@ -1,4 +1,4 @@ import React from 'react'; import SearchField from 'terra-search-field'; -export default () => ; +export default () => ; diff --git a/packages/terra-core-docs/src/terra-dev-site/test/search-field/SettingValueSearchField.test.jsx b/packages/terra-core-docs/src/terra-dev-site/test/search-field/SettingValueSearchField.test.jsx index 079fc8adcfd..de062cda9bb 100644 --- a/packages/terra-core-docs/src/terra-dev-site/test/search-field/SettingValueSearchField.test.jsx +++ b/packages/terra-core-docs/src/terra-dev-site/test/search-field/SettingValueSearchField.test.jsx @@ -58,6 +58,8 @@ const SettingValueSearchField = () => { minimumSearchTextLength={3} value={text} inputRefCallback={(ref) => { inputRef.current = ref; }} + isLabelVisible + groupName="Find a clinic" />