\n \n \n onChange(e.target.value)}\n onFocus={() => setIsFocused(true)}\n onKeyPress={evt => {\n if (evt.key === 'Enter') {\n setIsFocused(false)\n }\n }}\n testID={testID}\n />\n {!!arrowButtonOn && (\n setIsFocused(!isFocused)}\n />\n )}\n \n \n {isFocused && (\n \n {showDivider && dividerText && dividerOnClick && (\n \n {dividerText}\n \n )}\n \n {s}\n \n ))}\n \n )}\n
\n )\n}\n\nexport default DurationInput\n","import React, {FC, useEffect, useRef} from 'react'\nimport {useDispatch} from 'react-redux'\nimport {useSelector} from 'react-redux'\nimport {nanoid} from 'nanoid'\nimport {parse, format_from_js_file} from '@influxdata/flux-lsp-browser'\n\nimport {getOrg} from 'src/organizations/selectors'\nimport {fromFlux} from '@influxdata/giraffe'\nimport {FluxResult} from 'src/types/flows'\nimport {propertyTime} from 'src/shared/utils/getMinDurationFromAST'\n\n// Constants\nimport {FLUX_RESPONSE_BYTES_LIMIT} from 'src/shared/constants'\nimport {SELECTABLE_TIME_RANGES} from 'src/shared/constants/timeRanges'\nimport {\n RATE_LIMIT_ERROR_STATUS,\n RATE_LIMIT_ERROR_TEXT,\n GATEWAY_TIMEOUT_STATUS,\n REQUEST_TIMEOUT_STATUS,\n} from 'src/cloud/constants'\nimport {isFlagEnabled, getFlagValue} from 'src/shared/utils/featureFlag'\nimport {notify} from 'src/shared/actions/notifications'\nimport {resultTooLarge} from 'src/shared/copy/notifications'\n\n// Types\nimport {CancellationError, File} from 'src/types'\nimport {RunQueryResult} from 'src/shared/apis/query'\nimport {event} from 'src/cloud/utils/reporting'\n\ninterface CancelMap {\n [key: string]: () => void\n}\n\nexport enum OverrideMechanism {\n Inline,\n AST,\n JSON,\n}\n\nexport interface QueryOptions {\n overrideMechanism: OverrideMechanism\n}\n\nexport interface QueryScope {\n region?: string\n org?: string\n token?: string\n vars?: Record\n {createElement(SUPPORTED_VISUALIZATIONS[properties.type].options, {\n properties: properties,\n results,\n update: update,\n })}\n
\n {def.graphic}
\n {def.name}
\n \n ))\n\n return (\n \n {SUPPORTED_VISUALIZATIONS[viewType]?.graphic}\n
\n \n {SUPPORTED_VISUALIZATIONS[viewType]?.name}\n
\n \n )}\n menu={onCollapse => (\n {renderItem(item)}
\n ))}\n \n )\n }\n }, [search, items, renderItem])\n\n return useMemo(\n () => (\n \n
\n ),\n [list, setSearch]\n )\n}\n\nexport default FilterList\n","// Libraries\nimport React, {CSSProperties, FC} from 'react'\n\nconst generateGradientStyle = (colors: string[]): CSSProperties => {\n const stops = colors\n .map((hex, i) => `${hex} ${Math.round((i / (colors.length - 1)) * 100)}%`)\n .join(', ')\n\n return {\n background: `linear-gradient(to right, ${stops})`,\n }\n}\n\ninterface Props {\n name: string\n colors: string[]\n}\n\nconst ColorSchemeDropdownItem: FC\n
\n {!!listHeader && listHeader()}\n \n {list} \n
\n \n
\n )\n}\n\nexport default ColorSchemeDropdownItem\n","// Libraries\nimport React, {ChangeEvent, CSSProperties, FC} from 'react'\n\n// Components\nimport {\n AlignItems,\n Appearance,\n ComponentColor,\n ComponentSize,\n FlexBox,\n FlexDirection,\n Form,\n InfluxColors,\n InputLabel,\n InputToggleType,\n RangeSlider,\n SlideToggle,\n Toggle,\n} from '@influxdata/clockface'\n\n// Constants\nimport {\n LEGEND_OPACITY_DEFAULT,\n LEGEND_OPACITY_MAXIMUM,\n LEGEND_OPACITY_MINIMUM,\n LEGEND_OPACITY_STEP,\n LEGEND_ORIENTATION_THRESHOLD_HORIZONTAL,\n LEGEND_ORIENTATION_THRESHOLD_VERTICAL,\n} from 'src/visualization/constants'\n\n// Metrics\nimport {event} from 'src/cloud/utils/reporting'\n\n// Styles\nimport 'src/visualization/components/internal/LegendOptions.scss'\n\ninterface OrientationToggleProps {\n eventName: string\n graphType: string\n legendOrientation: number\n parentName: string\n handleSetOrientation: (threshold: number) => void\n testID?: string\n}\n\ninterface OpacitySliderProps {\n legendOpacity: number\n handleSetOpacity: (event: ChangeEvent{name}
\n \n
\n )\n }\n\n return null\n}\n\nexport default ViewLoadingSpinner\n","import {ReactNode} from 'react'\nimport {ResourceType} from 'src/types/resources'\n\nexport interface ResourceConnectedQuery{`${\n Math.round(seconds * 10) / 10\n }s`}
\n \n
\n \n 
\n
\n )\n}\n\nconst remarkPlugins = [remarkExternalLinks]\n\nexport const MarkdownRenderer: FC