Influxdata
/
influxdb
mirror of https://github.com/influxdata/influxdb.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Delete local Grid components and update imports

pull/13229/head
Alex P 2019-04-08 11:20:54 -07:00
parent 0915236229
commit 2eb907578c
45 changed files with 52 additions and 375 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
ui/src/buckets/components/BucketOverlayForm.tsx
View File

@ -3,8 +3,7 @@ import React, {PureComponent, ChangeEvent, FormEvent} from 'react'
import moment from 'moment'
// Components
import {Form, Input, Button} from '@influxdata/clockface'
import {Grid} from 'src/clockface'
import {Form, Input, Button, Grid} from '@influxdata/clockface'
import Retention from 'src/organizations/components/Retention'
// Constants

195
ui/src/clockface/components/grid_layout/Grid.scss
View File

@ -1,195 +0,0 @@
/*
12 Column Grid
-----------------------------------------------------------------------------
This more or less copies what Bootstrap uses
*/
@import 'src/style/modules';
$grid--gutter: 8px;
$grid--breakpoint-sm: 750px;
$grid--breakpoint-md: 1080px;
$grid--breakpoint-lg: 1500px;
$grid--col-1: 8.33333333%;
$grid--col-2: 16.66666667%;
$grid--col-3: 25%;
$grid--col-4: 33.33333333%;
$grid--col-5: 41.66666667%;
$grid--col-6: 50%;
$grid--col-7: 58.33333333%;
$grid--col-8: 66.66666667%;
$grid--col-9: 75%;
$grid--col-10: 83.33333333%;
$grid--col-11: 91.66666667%;
$grid--col-12: 100%;
.grid--container {
width: 100%;
}
.grid--row {
display: inline-block;
width: calc(100% + #{$grid--gutter * 2});
margin-left: -$grid--gutter;
margin-right: -$grid--gutter;
&:before,
&:after {
display: table;
content: ' ';
}
}
.grid--column {
position: relative;
float: left;
min-height: 1px;
padding-left: $grid--gutter;
padding-right: $grid--gutter;
}
// Extra Small Screen Grid
// ----------------------------------------------------------------------------
.col-sm,
.col-md,
.col-lg {
&-12,
&-11,
&-10,
&-9,
&-8,
&-7,
&-6,
&-5,
&-4,
&-3,
&-2,
&-1 {
width: $grid--col-12;
}
}
.col-xs {
&-1 { width: $grid--col-1; }
&-2 { width: $grid--col-2; }
&-3 { width: $grid--col-3; }
&-4 { width: $grid--col-4; }
&-5 { width: $grid--col-5; }
&-6 { width: $grid--col-6; }
&-7 { width: $grid--col-7; }
&-8 { width: $grid--col-8; }
&-9 { width: $grid--col-9; }
&-10 { width: $grid--col-10; }
&-11 { width: $grid--col-11; }
&-12 { width: $grid--col-12; }
}
.col-xs-offset {
&-1 { margin-left: $grid--col-1; }
&-2 { margin-left: $grid--col-2; }
&-3 { margin-left: $grid--col-3; }
&-4 { margin-left: $grid--col-4; }
&-5 { margin-left: $grid--col-5; }
&-6 { margin-left: $grid--col-6; }
&-7 { margin-left: $grid--col-7; }
&-8 { margin-left: $grid--col-8; }
&-9 { margin-left: $grid--col-9; }
&-10 { margin-left: $grid--col-10; }
&-11 { margin-left: $grid--col-11; }
}
// Small Screen Grid
// ----------------------------------------------------------------------------
@media screen and (min-width: $grid--breakpoint-sm) {
.col-sm {
&-1 { width: $grid--col-1; }
&-2 { width: $grid--col-2; }
&-3 { width: $grid--col-3; }
&-4 { width: $grid--col-4; }
&-5 { width: $grid--col-5; }
&-6 { width: $grid--col-6; }
&-7 { width: $grid--col-7; }
&-8 { width: $grid--col-8; }
&-9 { width: $grid--col-9; }
&-10 { width: $grid--col-10; }
&-11 { width: $grid--col-11; }
&-12 { width: $grid--col-12; }
}
.col-sm-offset {
&-1 { margin-left: $grid--col-1; }
&-2 { margin-left: $grid--col-2; }
&-3 { margin-left: $grid--col-3; }
&-4 { margin-left: $grid--col-4; }
&-5 { margin-left: $grid--col-5; }
&-6 { margin-left: $grid--col-6; }
&-7 { margin-left: $grid--col-7; }
&-8 { margin-left: $grid--col-8; }
&-9 { margin-left: $grid--col-9; }
&-10 { margin-left: $grid--col-10; }
&-11 { margin-left: $grid--col-11; }
}
}
// Medium Screen Grid
// ----------------------------------------------------------------------------
@media screen and (min-width: $grid--breakpoint-md) {
.col-md {
&-1 { width: $grid--col-1; }
&-2 { width: $grid--col-2; }
&-3 { width: $grid--col-3; }
&-4 { width: $grid--col-4; }
&-5 { width: $grid--col-5; }
&-6 { width: $grid--col-6; }
&-7 { width: $grid--col-7; }
&-8 { width: $grid--col-8; }
&-9 { width: $grid--col-9; }
&-10 { width: $grid--col-10; }
&-11 { width: $grid--col-11; }
&-12 { width: $grid--col-12; }
}
.col-md-offset {
&-1 { margin-left: $grid--col-1; }
&-2 { margin-left: $grid--col-2; }
&-3 { margin-left: $grid--col-3; }
&-4 { margin-left: $grid--col-4; }
&-5 { margin-left: $grid--col-5; }
&-6 { margin-left: $grid--col-6; }
&-7 { margin-left: $grid--col-7; }
&-8 { margin-left: $grid--col-8; }
&-9 { margin-left: $grid--col-9; }
&-10 { margin-left: $grid--col-10; }
&-11 { margin-left: $grid--col-11; }
}
}
// Large Screen Grid
// ----------------------------------------------------------------------------
@media screen and (min-width: $grid--breakpoint-lg) {
.col-lg {
&-1 { width: $grid--col-1; }
&-2 { width: $grid--col-2; }
&-3 { width: $grid--col-3; }
&-4 { width: $grid--col-4; }
&-5 { width: $grid--col-5; }
&-6 { width: $grid--col-6; }
&-7 { width: $grid--col-7; }
&-8 { width: $grid--col-8; }
&-9 { width: $grid--col-9; }
&-10 { width: $grid--col-10; }
&-11 { width: $grid--col-11; }
&-12 { width: $grid--col-12; }
}
.col-lg-offset {
&-1 { margin-left: $grid--col-1; }
&-2 { margin-left: $grid--col-2; }
&-3 { margin-left: $grid--col-3; }
&-4 { margin-left: $grid--col-4; }
&-5 { margin-left: $grid--col-5; }
&-6 { margin-left: $grid--col-6; }
&-7 { margin-left: $grid--col-7; }
&-8 { margin-left: $grid--col-8; }
&-9 { margin-left: $grid--col-9; }
&-10 { margin-left: $grid--col-10; }
&-11 { margin-left: $grid--col-11; }
}
}

34
ui/src/clockface/components/grid_layout/Grid.tsx
View File

@ -1,34 +0,0 @@
// Libraries
import React, {Component} from 'react'
// Components
import GridRow from 'src/clockface/components/grid_layout/GridRow'
import GridColumn from 'src/clockface/components/grid_layout/GridColumn'
import Select from 'src/clockface/components/Select'
// Styles
import 'src/clockface/components/grid_layout/Grid.scss'
// Decorators
import {ErrorHandling} from 'src/shared/decorators/errors'
interface Props {
children: JSX.Element[] | JSX.Element
}
@ErrorHandling
class Grid extends Component<Props> {
public static Row = GridRow
public static Column = GridColumn
public render() {
const {children} = this.props
return (
<div className="grid--container">
<Select type={GridRow}>{children}</Select>
</div>
)
}
}
export default Grid

56
ui/src/clockface/components/grid_layout/GridColumn.tsx
View File

@ -1,56 +0,0 @@
// Libraries
import React, {Component} from 'react'
import classnames from 'classnames'
// Types
import {Columns} from 'src/clockface/types'
interface Props {
children: JSX.Element[] | JSX.Element
widthXS: Columns
widthSM?: Columns
widthMD?: Columns
widthLG?: Columns
offsetXS?: Columns
offsetSM?: Columns
offsetMD?: Columns
offsetLG?: Columns
}
class GridColumn extends Component<Props> {
public static defaultProps = {
widthXS: Columns.Twelve,
}
public render() {
const {children} = this.props
return <div className={this.className}>{children}</div>
}
private get className(): string {
const {
widthXS,
widthSM,
widthMD,
widthLG,
offsetXS,
offsetSM,
offsetMD,
offsetLG,
} = this.props
return classnames('grid--column', {
[`col-xs-${widthXS}`]: widthXS,
[`col-sm-${widthSM}`]: widthSM,
[`col-md-${widthMD}`]: widthMD,
[`col-lg-${widthLG}`]: widthLG,
[`col-xs-offset-${offsetXS}`]: offsetXS,
[`col-sm-offset-${offsetSM}`]: offsetSM,
[`col-md-offset-${offsetMD}`]: offsetMD,
[`col-lg-offset-${offsetLG}`]: offsetLG,
})
}
}
export default GridColumn

16
ui/src/clockface/components/grid_layout/GridRow.tsx
View File

@ -1,16 +0,0 @@
// Libraries
import React, {Component} from 'react'
interface Props {
children: JSX.Element[] | JSX.Element
}
class GridRow extends Component<Props> {
public render() {
const {children} = this.props
return <div className="grid--row">{children}</div>
}
}
export default GridRow

3
ui/src/clockface/components/inputs/multipleInput/MultipleInput.tsx
View File

@ -3,8 +3,7 @@ import React, {PureComponent, ChangeEvent} from 'react'
import _ from 'lodash'
// Components
import {Form, Input} from '@influxdata/clockface'
import {Grid} from 'src/clockface'
import {Form, Input, Grid} from '@influxdata/clockface'
import Rows from 'src/clockface/components/inputs/multipleInput/MultipleRows'
// Utils

2
ui/src/clockface/index.ts
View File

@ -22,7 +22,6 @@ import Label from 'src/clockface/components/label/Label'
import GridSizer from 'src/clockface/components/grid_sizer/GridSizer'
import ResponsiveGridSizer from 'src/clockface/components/grid_sizer/ResponsiveGridSizer'
import Select from 'src/clockface/components/Select'
import Grid from 'src/clockface/components/grid_layout/Grid'
import QuestionMarkTooltip from 'src/clockface/components/tooltips/QuestionMarkTooltip'
import Tabs from './components/tabs/Tabs'
@ -65,7 +64,6 @@ export {
Form,
FormElement,
Greys,
Grid,
GridSizer,
IconFont,
IndexList,

4
ui/src/configuration/components/LabelOverlayForm.tsx
View File

@ -2,8 +2,8 @@
import React, {PureComponent, ChangeEvent} from 'react'
// Components
import {Input, Button, ColorPicker} from '@influxdata/clockface'
import {Grid, Form, Label} from 'src/clockface'
import {Input, Button, ColorPicker, Grid} from '@influxdata/clockface'
import {Form, Label} from 'src/clockface'
// Types
import {

4
ui/src/configuration/components/Telegrafs.tsx
View File

@ -4,8 +4,8 @@ import React, {PureComponent, ChangeEvent} from 'react'
import {connect} from 'react-redux'
// Components
import {Input, Button, EmptyState} from '@influxdata/clockface'
import {Grid, Tabs} from 'src/clockface'
import {Input, Button, EmptyState, Grid} from '@influxdata/clockface'
import {Tabs} from 'src/clockface'
import CollectorList from 'src/organizations/components/CollectorList'
import TelegrafExplainer from 'src/organizations/components/TelegrafExplainer'
import TelegrafInstructionsOverlay from 'src/organizations/components/TelegrafInstructionsOverlay'

3
ui/src/dataExplorer/components/SaveAsCellForm.tsx
View File

@ -6,8 +6,7 @@ import {connect} from 'react-redux'
import _ from 'lodash'
// Components
import {Form, Input, Button} from '@influxdata/clockface'
import {Grid} from 'src/clockface'
import {Form, Input, Button, Grid} from '@influxdata/clockface'
import {ErrorHandling} from 'src/shared/decorators/errors'
import DashboardsDropdown from 'src/dataExplorer/components/DashboardsDropdown'

4
ui/src/dataLoaders/components/collectorsWizard/select/StreamingSelector.tsx
View File

@ -4,8 +4,8 @@ import uuid from 'uuid'
import _ from 'lodash'
// Components
import {Input, EmptyState, FormElement} from '@influxdata/clockface'
import {ResponsiveGridSizer, Grid} from 'src/clockface'
import {Input, EmptyState, FormElement, Grid} from '@influxdata/clockface'
import {ResponsiveGridSizer} from 'src/clockface'
import {ErrorHandling} from 'src/shared/decorators/errors'
import CardSelectCard from 'src/clockface/components/card_select/CardSelectCard'

3
ui/src/dataLoaders/components/configureStep/streaming/ConfigFieldSwitcher.tsx
View File

@ -3,8 +3,7 @@ import React, {PureComponent, ChangeEvent} from 'react'
import _ from 'lodash'
// Components
import {Form, Input} from '@influxdata/clockface'
import {Grid} from 'src/clockface'
import {Form, Input, Grid} from '@influxdata/clockface'
import URIFormElement from 'src/shared/components/URIFormElement'
import ArrayFormElement from 'src/dataLoaders/components/configureStep/streaming/ArrayFormElement'

2
ui/src/dataLoaders/components/lineProtocolWizard/configure/LineProtocolTabs.tsx
View File

@ -4,7 +4,7 @@ import {connect} from 'react-redux'
import _ from 'lodash'
// Components
import {Grid, Columns} from 'src/clockface'
import {Grid, Columns} from '@influxdata/clockface'
import PrecisionDropdown from 'src/dataLoaders/components/lineProtocolWizard/configure/PrecisionDropdown'
import TabSelector from 'src/dataLoaders/components/lineProtocolWizard/configure/TabSelector'
import TabBody from 'src/dataLoaders/components/lineProtocolWizard/configure/TabBody'

3
ui/src/dataLoaders/components/lineProtocolWizard/configure/TabBody.tsx
View File

@ -2,8 +2,7 @@
import React, {PureComponent, ChangeEvent} from 'react'
// Components
import {Form, Input} from '@influxdata/clockface'
import {Grid} from 'src/clockface'
import {Form, Input, Grid} from '@influxdata/clockface'
import DragAndDrop from 'src/shared/components/DragAndDrop'
import TextArea from 'src/clockface/components/inputs/TextArea'
import {LineProtocolTab} from 'src/types'

3
ui/src/me/components/account/Settings.tsx
View File

@ -3,8 +3,7 @@ import React, {PureComponent, ChangeEvent} from 'react'
import {connect} from 'react-redux'
// Components
import {Form, Input, Button, Panel} from '@influxdata/clockface'
import {Grid} from 'src/clockface'
import {Form, Input, Button, Panel, Grid} from '@influxdata/clockface'
// Types
import {AppState} from 'src/types'

3
ui/src/me/containers/MePage.tsx
View File

@ -9,8 +9,9 @@ import {
FlexDirection,
ComponentSize,
AlignItems,
Grid,
Columns,
} from '@influxdata/clockface'
import {Grid, Columns} from 'src/clockface'
import {Page} from 'src/pageLayout'
import Resources from 'src/me/components/Resources'
import Header from 'src/me/components/UserPageHeader'

4
ui/src/onboarding/components/AdminStep.tsx
View File

@ -3,8 +3,8 @@ import React, {PureComponent, ChangeEvent} from 'react'
import {getDeep} from 'src/utils/wrappers'
// Components
import {Form, Input} from '@influxdata/clockface'
import {Grid, QuestionMarkTooltip} from 'src/clockface'
import {Form, Input, Grid} from '@influxdata/clockface'
import {QuestionMarkTooltip} from 'src/clockface'
import OnboardingButtons from 'src/onboarding/components/OnboardingButtons'
import FancyScrollbar from 'src/shared/components/fancy_scrollbar/FancyScrollbar'

2
ui/src/onboarding/components/CompletionStep.tsx
View File

@ -24,8 +24,8 @@ import {
ComponentColor,
ComponentSize,
Columns,
Grid,
} from '@influxdata/clockface'
import {Grid} from 'src/clockface'
import {Organization, Dashboard, ScraperTargetRequest} from '@influxdata/influx'
import {OnboardingStepProps} from 'src/onboarding/containers/OnboardingWizard'
import {QUICKSTART_SCRAPER_TARGET_URL} from 'src/dataLoaders/constants/pluginConfigs'

3
ui/src/onboarding/components/SigninForm.tsx
View File

@ -5,8 +5,7 @@ import {connect} from 'react-redux'
import _, {get} from 'lodash'
// Components
import {Form, Input, Button} from '@influxdata/clockface'
import {Grid} from 'src/clockface'
import {Form, Input, Button, Grid} from '@influxdata/clockface'
// APIs
import {client} from 'src/utils/api'

3
ui/src/organizations/components/AddMembersForm.tsx
View File

@ -2,8 +2,7 @@
import React, {PureComponent, ChangeEvent} from 'react'
// Components
import {Form, Input, Button} from '@influxdata/clockface'
import {Grid} from 'src/clockface'
import {Form, Input, Button, Grid} from '@influxdata/clockface'
import SelectUsers from 'src/organizations/components/SelectUsers'
import {UsersMap} from 'src/organizations/components/Members'

4
ui/src/organizations/components/Collectors.tsx
View File

@ -4,8 +4,8 @@ import React, {PureComponent, ChangeEvent} from 'react'
import {connect} from 'react-redux'
// Components
import {Input, Button, EmptyState} from '@influxdata/clockface'
import {Grid, Tabs} from 'src/clockface'
import {Input, Button, EmptyState, Grid} from '@influxdata/clockface'
import {Tabs} from 'src/clockface'
import CollectorList from 'src/organizations/components/CollectorList'
import TelegrafExplainer from 'src/organizations/components/TelegrafExplainer'
import TelegrafInstructionsOverlay from 'src/organizations/components/TelegrafInstructionsOverlay'

3
ui/src/organizations/components/CreateScraperForm.tsx
View File

@ -3,8 +3,7 @@ import React, {PureComponent, ChangeEvent} from 'react'
import _ from 'lodash'
// Components
import {Form, Input} from '@influxdata/clockface'
import {Grid} from 'src/clockface'
import {Form, Input, Grid} from '@influxdata/clockface'
import BucketDropdown from 'src/dataLoaders/components/BucketsDropdown'
// Types

3
ui/src/organizations/components/RetentionDuration.tsx
View File

@ -2,8 +2,7 @@
import React, {PureComponent, ChangeEvent} from 'react'
// Components
import {Form, Input} from '@influxdata/clockface'
import {Grid} from 'src/clockface'
import {Form, Input, Grid} from '@influxdata/clockface'
// Utils
import {secondsToDuration} from 'src/utils/formatting'

3
ui/src/shared/components/URIFormElement.tsx
View File

@ -3,8 +3,7 @@ import React, {PureComponent, ChangeEvent} from 'react'
import _ from 'lodash'
// Components
import {Input, FormElement} from '@influxdata/clockface'
import {Grid} from 'src/clockface'
import {Input, FormElement, Grid} from '@influxdata/clockface'
// Utils
import {validateURI} from 'src/shared/utils/validateURI'

3
ui/src/shared/components/columns_options/ColumnsOptions.tsx
View File

@ -4,8 +4,7 @@ import {DragDropContext} from 'react-dnd'
import HTML5Backend from 'react-dnd-html5-backend'
// Components
import {Form, EmptyState} from '@influxdata/clockface'
import {Grid} from 'src/clockface'
import {Form, EmptyState, Grid} from '@influxdata/clockface'
import DraggableColumn from 'src/shared/components/draggable_column/DraggableColumn'
// Types

3
ui/src/shared/components/dateRangePicker/DatePicker.tsx
View File

@ -3,8 +3,7 @@ import React, {PureComponent} from 'react'
import ReactDatePicker from 'react-datepicker'
// Components
import {Form, Input} from '@influxdata/clockface'
import {Grid} from 'src/clockface'
import {Form, Input, Grid} from '@influxdata/clockface'
// Styles
import 'react-datepicker/dist/react-datepicker.css'

3
ui/src/tasks/components/TaskScheduleFormField.tsx
View File

@ -2,8 +2,7 @@
import React, {PureComponent, ChangeEvent} from 'react'
// Components
import {Form, Input} from '@influxdata/clockface'
import {Grid} from 'src/clockface'
import {Form, Input, Grid} from '@influxdata/clockface'
// Types
import {Columns, InputType} from '@influxdata/clockface'

3
ui/src/timeMachine/components/view_options/Affixes.tsx
View File

@ -2,8 +2,7 @@
import React, {PureComponent, ChangeEvent} from 'react'
// Components
import {Form, Input} from '@influxdata/clockface'
import {Grid} from 'src/clockface'
import {Form, Input, Grid} from '@influxdata/clockface'
// Types
import {Columns} from '@influxdata/clockface'

3
ui/src/timeMachine/components/view_options/ColorSelector.tsx
View File

@ -2,8 +2,7 @@
import React, {PureComponent} from 'react'
// Components
import {Form} from '@influxdata/clockface'
import {Grid} from 'src/clockface'
import {Form, Grid} from '@influxdata/clockface'
import ColorSchemeDropdown from 'src/shared/components/ColorSchemeDropdown'
// Types

4
ui/src/timeMachine/components/view_options/DecimalPlaces.tsx
View File

@ -2,8 +2,8 @@
import React, {PureComponent} from 'react'
// Components
import {Form} from '@influxdata/clockface'
import {Grid, AutoInput} from 'src/clockface'
import {Form, Grid} from '@influxdata/clockface'
import {AutoInput} from 'src/clockface'
// Constants
import {MIN_DECIMAL_PLACES, MAX_DECIMAL_PLACES} from 'src/dashboards/constants'

3
ui/src/timeMachine/components/view_options/FixFirstColumn.tsx
View File

@ -2,8 +2,7 @@
import React, {SFC} from 'react'
// Components
import {Form, SlideToggle, ComponentSpacer} from '@influxdata/clockface'
import {Grid} from 'src/clockface'
import {Form, SlideToggle, ComponentSpacer, Grid} from '@influxdata/clockface'
// Types
import {Columns, FlexDirection, ComponentSize} from '@influxdata/clockface'

2
ui/src/timeMachine/components/view_options/GaugeOptions.tsx
View File

@ -3,7 +3,7 @@ import React, {PureComponent} from 'react'
import {connect} from 'react-redux'
// Components
import {Grid} from 'src/clockface'
import {Grid} from '@influxdata/clockface'
import Affixes from 'src/timeMachine/components/view_options/Affixes'
import DecimalPlacesOption from 'src/timeMachine/components/view_options/DecimalPlaces'
import ThresholdList from 'src/timeMachine/components/view_options/ThresholdList'

4
ui/src/timeMachine/components/view_options/Geom.tsx
View File

@ -2,8 +2,8 @@
import React, {SFC} from 'react'
// Components
import {Form} from '@influxdata/clockface'
import {Dropdown, Grid} from 'src/clockface'
import {Form, Grid} from '@influxdata/clockface'
import {Dropdown} from 'src/clockface'
// Types
import {XYViewGeom} from 'src/types'

4
ui/src/timeMachine/components/view_options/HistogramOptions.tsx
View File

@ -3,8 +3,8 @@ import React, {SFC} from 'react'
import {connect} from 'react-redux'
// Components
import {Form, Input} from '@influxdata/clockface'
import {Grid, Dropdown, AutoInput, MultiSelectDropdown} from 'src/clockface'
import {Form, Input, Grid} from '@influxdata/clockface'
import {Dropdown, AutoInput, MultiSelectDropdown} from 'src/clockface'
import ColorSchemeDropdown from 'src/shared/components/ColorSchemeDropdown'
import AutoDomainInput from 'src/shared/components/AutoDomainInput'

2
ui/src/timeMachine/components/view_options/LineOptions.tsx
View File

@ -3,7 +3,7 @@ import React, {PureComponent} from 'react'
import {connect} from 'react-redux'
// Components
import {Grid} from 'src/clockface'
import {Grid} from '@influxdata/clockface'
import Geom from 'src/timeMachine/components/view_options/Geom'
import YAxisTitle from 'src/timeMachine/components/view_options/YAxisTitle'
import YAxisBounds from 'src/timeMachine/components/view_options/YAxisBounds'

2
ui/src/timeMachine/components/view_options/SingleStatOptions.tsx
View File

@ -3,7 +3,7 @@ import React, {SFC} from 'react'
import {connect} from 'react-redux'
// Components
import {Grid} from 'src/clockface'
import {Grid} from '@influxdata/clockface'
import Affixes from 'src/timeMachine/components/view_options/Affixes'
import DecimalPlacesOption from 'src/timeMachine/components/view_options/DecimalPlaces'
import ThresholdList from 'src/timeMachine/components/view_options/ThresholdList'

4
ui/src/timeMachine/components/view_options/SortBy.tsx
View File

@ -3,8 +3,8 @@ import _ from 'lodash'
import React from 'react'
// Component
import {Form} from '@influxdata/clockface'
import {Grid, Dropdown} from 'src/clockface'
import {Form, Grid} from '@influxdata/clockface'
import {Dropdown} from 'src/clockface'
// Types
import {DropdownMode} from 'src/clockface'

2
ui/src/timeMachine/components/view_options/TableOptions.tsx
View File

@ -9,7 +9,7 @@ import ColumnOptions from 'src/shared/components/columns_options/ColumnsOptions'
import FixFirstColumn from 'src/timeMachine/components/view_options/FixFirstColumn'
import TimeFormat from 'src/timeMachine/components/view_options/TimeFormat'
import SortBy from 'src/timeMachine/components/view_options/SortBy'
import {Grid} from 'src/clockface'
import {Grid} from '@influxdata/clockface'
// Constants
import {THRESHOLD_TYPE_BASE} from 'src/shared/constants/thresholds'

3
ui/src/timeMachine/components/view_options/ThresholdList.tsx
View File

@ -5,8 +5,7 @@ import uuid from 'uuid'
// Components
import ThresholdItem from 'src/timeMachine/components/view_options/ThresholdItem'
import {Form, Button} from '@influxdata/clockface'
import {Grid} from 'src/clockface'
import {Form, Button, Grid} from '@influxdata/clockface'
// Constants
import {

4
ui/src/timeMachine/components/view_options/TimeFormat.tsx
View File

@ -1,8 +1,8 @@
import React, {PureComponent} from 'react'
// Components
import {Form, Input, ComponentSpacer} from '@influxdata/clockface'
import {Grid, Dropdown} from 'src/clockface'
import {Form, Input, ComponentSpacer, Grid} from '@influxdata/clockface'
import {Dropdown} from 'src/clockface'
// Constants
import {DEFAULT_TIME_FORMAT} from 'src/shared/constants'

2
ui/src/timeMachine/components/view_options/ViewOptions.tsx
View File

@ -8,7 +8,7 @@ import {setType} from 'src/timeMachine/actions'
// Components
import OptionsSwitcher from 'src/timeMachine/components/view_options/OptionsSwitcher'
import FancyScrollbar from 'src/shared/components/fancy_scrollbar/FancyScrollbar'
import {Grid} from 'src/clockface'
import {Grid} from '@influxdata/clockface'
// Utils
import {getActiveTimeMachine} from 'src/timeMachine/selectors'

3
ui/src/timeMachine/components/view_options/YAxisAffixes.tsx
View File

@ -2,8 +2,7 @@
import React, {PureComponent, ChangeEvent} from 'react'
// Components
import {Input, FormElement} from '@influxdata/clockface'
import {Grid} from 'src/clockface'
import {Input, FormElement, Grid} from '@influxdata/clockface'
// Types
import {Columns} from '@influxdata/clockface'

4
ui/src/timeMachine/components/view_options/YAxisBound.tsx
View File

@ -6,8 +6,8 @@ import {AXES_SCALE_OPTIONS} from 'src/dashboards/constants/cellEditor'
const {LOG} = AXES_SCALE_OPTIONS
// Components
import {Form} from '@influxdata/clockface'
import {Grid, AutoInput} from 'src/clockface'
import {Form, Grid} from '@influxdata/clockface'
import {AutoInput} from 'src/clockface'
// Types
import {Columns} from '@influxdata/clockface'

3
ui/src/timeMachine/components/view_options/YAxisTitle.tsx
View File

@ -2,8 +2,7 @@
import React, {PureComponent, ChangeEvent} from 'react'
// Components
import {Form, Input} from '@influxdata/clockface'
import {Grid} from 'src/clockface'
import {Form, Input, Grid} from '@influxdata/clockface'
// Types
import {Columns} from '@influxdata/clockface'

3
ui/src/variables/components/VariableForm.tsx
View File

@ -2,8 +2,7 @@
import React, {PureComponent, ChangeEvent} from 'react'
// Components
import {Form, Input, Button} from '@influxdata/clockface'
import {Grid} from 'src/clockface'
import {Form, Input, Button, Grid} from '@influxdata/clockface'
import FluxEditor from 'src/shared/components/FluxEditor'
// Types