IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Chore: rename TimePicker to TimeRangePicker (#23524)

Browse Source 
* rename TimePicker to TimeRangePicker

* more updates

* rename snapshot
This commit is contained in:
Ryan McKinley 2020-04-12 21:05:29 -07:00 committed by GitHub
parent 1c58202b26
commit d4516439ec
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/grafana-ui/src/components/TimePicker/TimePicker.story.tsx → packages/grafana-ui/src/components/TimePicker/TimeRangePicker.story.tsx
View File

@ -2,16 +2,16 @@ import React from 'react';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import { TimePicker } from './TimePicker';
import { TimeRangePicker } from './TimeRangePicker';
import { UseState } from '../../utils/storybook/UseState';
import { withCenteredStory } from '../../utils/storybook/withCenteredStory';
import { TimeFragment, dateTime } from '@grafana/data';
const TimePickerStories = storiesOf('General/TimePicker', module);
const TimeRangePickerStories = storiesOf('General/TimeRangePicker', module);
TimePickerStories.addDecorator(withCenteredStory);
TimeRangePickerStories.addDecorator(withCenteredStory);
TimePickerStories.add('default', () => {
TimeRangePickerStories.add('default', () => {
return (
<UseState
initialState={{
@ -22,7 +22,7 @@ TimePickerStories.add('default', () => {
>
{(value, updateValue) => {
return (
<TimePicker
<TimeRangePicker
timeZone="browser"
value={value}
onChange={timeRange => {

8
packages/grafana-ui/src/components/TimePicker/TimePicker.test.tsx → packages/grafana-ui/src/components/TimePicker/TimeRangePicker.test.tsx
View File

@ -1,8 +1,8 @@
import React from 'react';
import { shallow } from 'enzyme';
import { UnthemedTimePicker } from './TimePicker';
import { UnthemedTimeRangePicker } from './TimeRangePicker';
import { dateTime, TimeRange } from '@grafana/data';
import dark from './../../themes/dark';
import dark from '../../themes/dark';
const from = '2019-12-17T07:48:27.433Z';
const to = '2019-12-18T07:48:27.433Z';
@ -16,7 +16,7 @@ const value: TimeRange = {
describe('TimePicker', () => {
it('renders buttons correctly', () => {
const wrapper = shallow(
<UnthemedTimePicker
<UnthemedTimeRangePicker
onChange={value => {}}
value={value}
onMoveBackward={() => {}}
@ -30,7 +30,7 @@ describe('TimePicker', () => {
it('renders content correctly after beeing open', () => {
const wrapper = shallow(
<UnthemedTimePicker
<UnthemedTimeRangePicker
onChange={value => {}}
value={value}
onMoveBackward={() => {}}

4
packages/grafana-ui/src/components/TimePicker/TimePicker.tsx → packages/grafana-ui/src/components/TimePicker/TimeRangePicker.tsx
View File

@ -107,7 +107,7 @@ export interface State {
isOpen: boolean;
}
export class UnthemedTimePicker extends PureComponent<Props, State> {
export class UnthemedTimeRangePicker extends PureComponent<Props, State> {
state: State = {
isOpen: false,
};
@ -245,4 +245,4 @@ const adjustedTime = (time: DateTime, isUTC: boolean) => {
return time.local() || null;
};
export const TimePicker = withTheme(UnthemedTimePicker);
export const TimeRangePicker = withTheme(UnthemedTimeRangePicker);

0
packages/grafana-ui/src/components/TimePicker/__snapshots__/TimePicker.test.tsx.snap → packages/grafana-ui/src/components/TimePicker/__snapshots__/TimeRangePicker.test.tsx.snap
View File

2
packages/grafana-ui/src/components/index.ts
View File

@ -27,7 +27,7 @@ export { PieChart, PieChartType } from './PieChart/PieChart';
export { UnitPicker } from './UnitPicker/UnitPicker';
export { StatsPicker } from './StatsPicker/StatsPicker';
export { RefreshPicker } from './RefreshPicker/RefreshPicker';
export { TimePicker } from './TimePicker/TimePicker';
export { TimeRangePicker } from './TimePicker/TimeRangePicker';
export { TimeOfDayPicker } from './TimePicker/TimeOfDayPicker';
export { List } from './List/List';
export { TagsInput } from './TagsInput/TagsInput';

4
public/app/core/components/TimePicker/TimePickerWithHistory.tsx
View File

@ -1,7 +1,7 @@
import React from 'react';
import { LocalStorageValueProvider } from '../LocalStorageValueProvider';
import { TimeRange, isDateTime, dateTime } from '@grafana/data';
import { Props as TimePickerProps, TimePicker } from '@grafana/ui/src/components/TimePicker/TimePicker';
import { Props as TimePickerProps, TimeRangePicker } from '@grafana/ui/src/components/TimePicker/TimeRangePicker';
const LOCAL_STORAGE_KEY = 'grafana.dashboard.timepicker.history';
@ -12,7 +12,7 @@ export const TimePickerWithHistory: React.FC<Props> = props => {
<LocalStorageValueProvider<TimeRange[]> storageKey={LOCAL_STORAGE_KEY} defaultValue={[]}>
{(values, onSaveToStore) => {
return (
<TimePicker
<TimeRangePicker
{...props}
history={convertIfJson(values)}
onChange={value => {