@influxdata/clockface

Clockface

A React + Typescript UI Kit for building Chronograf and other Time Series visualization applications.

Documentation

Changelog

Publishing Guide

Contributing Guide

Usage

npm install @influxdata/clockface

Import the Clockface stylesheet to your React app's index.jsx file

import '@influxdata/clockface/dist/index.css'

Milestones

• Version 1.0
  • All components defined in InfluxDB's local Clockface folder have been ported to this repo
  • InfluxDB no longer uses locally defined Clockface components
  • InfluxDB's local Clockface folder is deleted

Changelog

1.0.0

• #334: [Breaking] Prepend cf- to all DatePicker class names
• #334: Convert DatePicker and DateRangePicker components to FunctionComponent and wrap with forwardRef
• #334: Convert Form component family to FunctionComponent and wrap with forwardRef
• #333: Convert ResourceList component family to FunctionComponent and wrap with forwardRef
• #333: [Breaking] Prepend cf- to ResourceCardDescription & ResourceCardEditableDescription class names
• #331: Improve legiblity of SelectableCard default state
• #329: Convert Overlay component family to FunctionComponent and wrap with forwardRef
• #329: Use react-spring library to handle Overlay animations
• #329: Allow OverlayContainer margin to be customized
• #328: Convert IndexList component family to FunctionComponent and wrap with forwardRef
• #328: [Breaking] Prepend cf- to all IndexList class names
• #328: Convert NavMenu component family to FunctionComponent and wrap with forwardRef
• #328: Convert Tabs component family to FunctionComponent and wrap with forwardRef
• #328: Convert EmptyState component family to FunctionComponent and wrap with forwardRef
• #328: [Breaking] Remove text and highlightedText props from EmptyStateText and EmptyStateSubtext components in favor of directly passing children
• #328: Convert Page component family to FunctionComponent and wrap with forwardRef
• #328: [Breaking] Export PageHeaderLeft, PageHeaderCenter, and PageHeaderRight directly from Page instead of Page.Header
• #327 Fix rendering issue with "always visible" Popovers
• #324: Convert DraggableResizer component family to FunctionComponent and wrap with forwardRef
• #323: Fix display bug in ColorPicker in which the selected color was overlapping the input text
• #320: Convert DapperScrollbars component to FunctionComponent and update react-scrollbars-custom dependency to 4.0.20
• #319: Convert ColorPicker component family to FunctionComponent and wrap with forwardRef
• #318: Convert Table component family to FunctionComponent and wrap with forwardRef
• #317: Convert Button component family to FunctionComponent and wrap with forwardRef
• #316: Convert Popover component family to FunctionComponent and wrap with forwardRef
• #316: Convert AppWrapper component family to FunctionComponent and wrap with forwardRef
• #316: Convert Alert component family to FunctionComponent and wrap with forwardRef
• #315: Convert all Dropdown components to FunctionComponent and wrap with forwardRef
• #315: [Breaking] Remove widthPixels prop from Dropdown, SelectDropdown, and MultiSelectDropdown in favor of style with default width
• #314: Convert Grid component family to FunctionComponent and wrap with forwardRef
• #314: Convert Radio component family to FunctionComponent and wrap with forwardRef
• #314: Convert SelectableCard component to FunctionComponent and wrap with forwardRef
• #314: Convert TextBlock component to FunctionComponent and wrap with forwardRef
• #314: Convert SlideToggle component family to FunctionComponent and wrap with forwardRef
• #313: Fix style bug in PanelTitle
• #313: Convert FlexBox component family to FunctionComponent and wrap with forwardRef
• #313: Convert Icon component to FunctionComponent and wrap with forwardRef
• #313: Convert Label component to FunctionComponent and wrap with forwardRef
• #313: Convert Panel component family to FunctionComponent and wrap with forwardRef
• #313: Convert Input component family to FunctionComponent and wrap with forwardRef
• #313: Convert TextArea component to FunctionComponent and wrap with forwardRef
• #313: Convert spinner components to FunctionComponent and wrap with forwardRef
• #313: [Breaking] Remove widthPixels prop from Input in favor of style with default width
• #313: [Breaking] Remove widthPixels prop from TextArea in favor of style with default width