Files
Marcus Andersson 6bc369629d Docs: adding first version of the auto-generated packages API docs. (#22107)
* trying out api-extractor.

* works with our setup of build.

* wip.

* changed the packages so it works better with the api-extractor.

* Changes to make the api-extractor to work.

* cleaned up the api-extractor config files.

* added some more documentation.

* added tsdoc-metadata to gitignore.

* removed the generated docs (will do that in another PR).

* added execute permission to script for generating dosc.

* added so we will push generated docs to branch.

* will clean packages_api on abort.

* Fixed failing tests.

* fixed formatting issue with typedoc comment.

* temporarily disabled tslint rules about namespace until https://github.com/microsoft/rushstack/issues/1029 is resolved

* temporary enabled bable namespaces.

* updated build script.

* updated script.

* updated script with some colors.

* changed to camelCase.

* removed spacing.

* Starting to add documentation guidelines.

* added examples headline.

* added menu options.

* added parameters and return values.

* Fixed merge error.

* Added first version of auto-generated docs.

* changed so we use the eslint ignore syntax.

* changed to correct eslint ingnore comment.

* fixed some spelling errors reported by codespell.

* added script to generate docs in current folder.

* updated api docs.

* lerna bootstrap.

* added eror to the ingore words list.

* removed file that should be ignored.

* updated locKFILE.

* referenced the code comments guidelines.

* updated packages.

* updated deps.

* updated the autogenerated dosc.

* adding missing new line.
2020-02-26 10:03:53 +01:00

12 KiB

+++

-----------------------------------------------------------------------

Do not edit this file. It is automatically generated by API Documenter.

-----------------------------------------------------------------------

title = "@grafana/ui" keywords = ["grafana","documentation","sdk","@grafana/ui"] type = "docs" draft = true +++

@grafana/ui package

A library containing the different design components of the Grafana ecosystem.

Classes

Class Description
ansicolor Represents an ANSI-escaped string.
AsyncSelect
BarGauge
BigValue
ButtonSelect
Cascader
ClickOutsideWrapper
CustomScrollbar Wraps component into component from react-custom-scrollbars
ErrorBoundary
ErrorBoundaryAlert
FieldDisplayEditor
Gauge
Graph
GraphSeriesToggler
Input
JsonExplorer JsonExplorerJsonExplorer allows you to render JSON objects in HTML with a **collapsible** navigation.
JSONFormatter
List
PieChart
Popover
PopoverController
Portal
QueryField Renders an editor field. Pass initial value as initialQuery and listen to changes in props.onValueChanged. This component can only process strings. Internally it uses Slate Value. Implement props.onTypeahead to use suggestions, see PromQueryField.tsx as an example.
Select
SetInterval
StatsPicker
Switch
TableInputCSV Expects the container div to have size set and will fill it 100%
TagsInput
ThresholdsEditor
ToggleButtonGroup
TransformationsEditor
UnitPicker
ValueMappingsEditor
VizRepeater

Enumerations

Enumeration Description
BarGaugeDisplayMode
BigValueColorMode
BigValueGraphMode
BigValueJustifyMode
CompletionItemKind
EventsWithValidation
InputStatus
LegendDisplayMode
PieChartType

Functions

Function Description
BracesPlugin()
calculateFontSize(text, width, height, lineHeight, maxSize)
ClearPlugin()
ClipboardPlugin()
convertOldAngularValueMapping(panel) Convert the angular single stat mapping to new react style
FadeTransition(props)
getTagColorsFromName(name) Returns tag badge background and border colors based on hashed tag name.
IndentationPlugin()
measureText(text, fontSize)
NewlinePlugin()
resetSelectStyles()
RunnerPlugin({ handler })
Segment({ options, value, onChange, Component, className, allowCustomValue, placeholder, })
SegmentAsync({ value, onChange, loadOptions, Component, className, allowCustomValue, placeholder, })
SegmentInput({ value: initialValue, onChange, Component, className, placeholder, autofocus, })
SegmentSelect({ value, options, onChange, onClickOutside, width, noOptionsMessage, allowCustomValue, })
SelectionShortcutsPlugin()
sharedSingleStatMigrationHandler(panel)
sharedSingleStatPanelChangedHandler(options, prevPluginId, prevOptions)
SlatePrism(optsParam) A Slate plugin to highlight code syntax.
SlideOutTransition(props)
stylesFactory(stylesCreator) Creates memoized version of styles creator
SuggestionsPlugin({ onTypeahead, cleanText, onWillApplySuggestion, portalOrigin, })
useTheme()
ValuePicker({ label, icon, options, onChange, variant })

Interfaces

Interface Description
BigValueSparkline
CascaderOption
CompletionItem
CompletionItemGroup
ContextMenuGroup
ContextMenuItem
ContextMenuProps
GraphSeriesTogglerAPI
GraphTooltipOptions
LegendBasicOptions
LegendItem
LegendOptions
LegendRenderOptions
NumberFieldConfigSettings
SelectFieldConfigSettings
SingleStatBaseOptions
StringFieldConfigSettings
SuggestionsState
Themeable
TypeaheadInput
TypeaheadOutput
ValidationEvents
ValidationRule

Namespaces

Namespace Description
DOMUtil
styleMixins

Variables

Variable Description
Alert
ALERTING_COLOR
AlphaNotice
Button
ButtonCascader
CallToActionCard
Chart
Collapse
ColorPicker
colors
ConfirmButton
ConfirmModal
ContextMenu
ControlledCollapse
DataLinkBuiltInVars
DataLinkInput
DataLinksContextMenu
DataLinksEditor
DataSourceHttpSettings
DEFAULT_ANNOTATION_COLOR
DeleteButton
Drawer
EmptySearchResult
ErrorWithStack
fieldMatchersUI
FieldPropertiesEditor
FormField Default form field including label used in Grafana UI. Default input element is simple . You can also pass custom inputEl if required in which case inputWidth and inputProps are ignored.
FormLabel
Forms
FullWidthButtonContainer
getLogRowStyles
getStandardFieldConfigs
getTheme
GraphContextMenu
GraphLegend
GraphWithLegend
hasValidationEvent
HorizontalGroup
Icon
IndicatorsContainer
LegendList
LegendTable
LinkButton
linkModelToContextMenuItems Delays creating links until we need to open the ContextMenu
LoadingPlaceholder
LogLabels
LogRows
makeFragment
makeValue
mockTheme
mockThemeContext Enables theme context mocking
Modal
NO_DATA_COLOR
NoOptionsMessage
NumberOverrideEditor
numberOverrideProcessor
NumberValueEditor
OK_COLOR
PALETTE_COLUMNS
PALETTE_ROWS
PanelOptionsGrid
PanelOptionsGroup
PENDING_COLOR
RefreshPicker
regexValidation
REGION_FILL_ALPHA
SCHEMA
SecretFormField Form field that has 2 states configured and not configured. If configured it will not show its contents and adds a reset button that will clear the input and makes it accessible. In non configured state it behaves like normal form field. This is used for passwords or anything that is encrypted on the server and is later returned encrypted to the user (like datasource passwords).
SelectOverrideEditor
selectOverrideProcessor
selectThemeVariant
SelectValueEditor
SeriesColorPicker
SeriesColorPickerPopover
SeriesColorPickerPopoverWithTheme
SeriesIcon
sortedColors
Spinner
StringOverrideEditor
stringOverrideProcessor
StringValueEditor
Tab
TabContent
Table
TabsBar
ThemeContext
TimeOfDayPicker
TimePicker
ToggleButton
Tooltip
TransformationRow
transformersUIRegistry
validate
VerticalGroup
withTheme

Type Aliases

Type Alias Description
AlertVariant
LegendPlacement
PopoverContent
Renderable
RenderFunction