@influxdata/clockface - npm Package Compare versions

Comparing version 0.0.7 to 0.0.8

dist/Components/Button/Button.d.ts

@@ -5,17 +5,29 @@ import { Component, MouseEvent, RefObject } from 'react';
 interface PassedProps {
+    /** Text to be displayed on button */
     text?: string;
+    /** Function to be called on button click */
     onClick?: (e?: MouseEvent<HTMLButtonElement>) => void;
+    /** Icon to be displayed to the left of text or in place of text */
     icon?: IconFont;
+    /** Text to be displayed on hover tooltip */
     titleText?: string;
+    /** Keyboard control tab order  */
     tabIndex?: number;
+    /** Class name for custom styles */
     customClass?: string;
-    testID?: string;
 }
 interface DefaultProps {
+    /** Button color */
     color?: ComponentColor;
+    /** Button size */
     size?: ComponentSize;
+    /** Square or rectangle */
     shape?: ButtonShape;
+    /** Button status state default, loading, or disabled */
     status?: ComponentStatus;
+    /** Toggles button highlighted active state */
     active?: boolean;
+    /** Button type of 'button' or 'submit' */
     type?: ButtonType;
+    /** Test ID for Integration Tests */
     testID?: string;
@@ -22,0 +34,0 @@ }

dist/Components/ComponentSpacer/ComponentSpacer.d.ts

@@ -1,13 +0,23 @@
-import { SFC } from 'react';
+import { Component } from 'react';
 import { Alignment, Stack } from '../../Types';
 import './ComponentSpacer.scss';
-interface Props {
-    children: JSX.Element | JSX.Element[];
+interface PassedProps {
+    /** alignment left, center, or right */
     align: Alignment;
+}
+interface DefaultProps {
+    /** vertical or horizontal stacking */
     stackChildren?: Stack;
+    /** stretches component spacer to fit parent width */
     stretchToFitWidth?: boolean;
+    /** stretches component spacer to fit parent height */
     stretchToFitHeight?: boolean;
+    /** Test ID for Integration Tests */
     testID?: string;
 }
-export declare const ComponentSpacer: SFC<Props>;
+declare type Props = DefaultProps & PassedProps;
+export declare class ComponentSpacer extends Component<Props> {
+    static defaultProps: DefaultProps;
+    render(): JSX.Element;
+}
 export {};

dist/Components/Radio/Radio.d.ts

@@ -6,7 +6,11 @@ import { Component } from 'react';
 interface Props {
-    children: JSX.Element[];
+    /** Class name for custom styles */
     customClass?: string;
+    /** Radio color */
     color?: ComponentColor;
+    /** Radio size */
     size?: ComponentSize;
+    /** Shape... */
     shape?: ButtonShape;
+    /** Test ID for Integration Tests */
     testID?: string;
@@ -13,0 +17,0 @@ }

dist/Components/Radio/RadioButton.d.ts

 import { Component } from 'react';
 interface PassedProps {
+    /** id for individual radio button */
     id: string;
+    /** Toggles radio button active state */
     active: boolean;
+    /** Input value of the selected radio button */
     value: any;
-    children: JSX.Element | string | number;
+    /** Function to be called on radio button click */
     onClick: (value: any) => void;
+    /** Text to be displayed on hover tooltip */
     titleText: string;
 }
 interface DefaultProps {
+    /** Toggles disabled state */
     disabled?: boolean;
+    /** Text to be displayed on hover tooltip when radio button is disabled */
     disabledTitleText?: string;
@@ -13,0 +19,0 @@ }

dist/Components/SlideToggle/SlideToggle.d.ts

@@ -6,8 +6,15 @@ import { Component } from 'react';
 interface Props {
+    /** Function to be called on slide toggle state change */
     onChange: () => void;
+    /** Toggles slide toggle active state */
     active: boolean;
+    /** Button size */
     size?: ComponentSize;
+    /** Slide toggle color */
     color?: ComponentColor;
+    /** Toggles disabled state */
     disabled?: boolean;
+    /** Text to be displayed on hover tooltip */
     tooltipText?: string;
+    /** Test ID for Integration Tests */
     testID?: string;
@@ -14,0 +21,0 @@ }

dist/Components/SlideToggle/SlideToggleLabel.d.ts

 import { Component } from 'react';
 interface Props {
+    /** Text to be displayed as label */
     text: string;
@@ -4,0 +5,0 @@ }

dist/Components/Spinners/SparkleSpinner.d.ts

@@ -5,3 +5,5 @@ import { PureComponent } from 'react';
 interface Props {
+    /** loading state */
     loading: RemoteDataState;
+    /** Test ID for Integration Tests */
     testID?: string;
@@ -8,0 +10,0 @@ }

dist/Components/Spinners/SpinnerContainer.d.ts

@@ -5,6 +5,9 @@ import { Component } from 'react';
 interface Props {
-    children: JSX.Element[] | JSX.Element;
+    /** custom classname for spinner container */
     className?: string;
+    /** loading state */
     loading: RemoteDataState;
+    /** spinner component */
     spinnerComponent: JSX.Element;
+    /** Test ID for Integration Tests */
     testID?: string;
@@ -14,5 +17,5 @@ }
     static defaultProps: Partial<Props>;
-    render(): JSX.Element | JSX.Element[];
+    render(): {} | null | undefined;
     private readonly className;
 }
 export {};

dist/Components/Spinners/TechnoSpinner.d.ts

@@ -5,4 +5,7 @@ import { Component } from 'react';
 interface Props {
+    /** diameter of spinner circle */
     diameterPixels?: number;
+    /** width of spinner stroke */
     strokeWidth?: ComponentSize;
+    /** Test ID for Integration Tests */
     testID?: string;
@@ -9,0 +12,0 @@ }

dist/index.d.ts

@@ -1,9 +0,26 @@
-export * from "./Components/Button/Button";
-export * from "./Components/ComponentSpacer/ComponentSpacer";
-export * from "./Components/Radio/Radio";
-export * from "./Components/SlideToggle/SlideToggle";
-export * from "./Components/SlideToggle/SlideToggleLabel";
-export * from "./Components/Spinners/SparkleSpinner";
-export * from "./Components/Spinners/SpinnerContainer";
-export * from "./Components/Spinners/TechnoSpinner";
-export * from "./Types/index";
+export * from './Components/Alerts/Alert';
+export * from './Components/Button/Button';
+export * from './Components/Inputs/Input';
+export * from './Components/Inputs/TextArea';
+export * from './Components/ComponentSpacer/ComponentSpacer';
+export * from './Components/Radio/Radio';
+export * from './Components/SlideToggle/SlideToggle';
+export * from './Components/SlideToggle/SlideToggleLabel';
+export * from './Components/Spinners/SparkleSpinner';
+export * from './Components/Spinners/SpinnerContainer';
+export * from './Components/Spinners/TechnoSpinner';
+export * from './Components/FormLayout/Form';
+export * from './Components/FormLayout/FormDivider';
+export * from './Components/FormLayout/FormElement';
+export * from './Components/FormLayout/FormElementError';
+export * from './Components/FormLayout/FormFooter';
+export * from './Components/FormLayout/FormHelpText';
+export * from './Components/FormLayout/FormLabel';
+export * from './Components/FormLayout/FormBox';
+export * from './Components/FormLayout/FormValidationElement';
+export * from './Components/ColorPicker/ColorPicker';
+export * from './Components/ColorPicker/ColorPickerSwatch';
+export * from './Components/EmptyState/EmptyState';
+export * from './Components/EmptyState/EmptyStateText';
+export * from './Components/EmptyState/EmptyStateSubText';
+export * from './Types/index';

dist/index.js

@@ -1,2 +0,2 @@
-function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var t,r,n,a,o,s,i,l,p,c,u,d,m,h=e(require("classnames")),x=require("react"),f=e(x);(t=exports.ComponentColor||(exports.ComponentColor={})).Default="default",t.Primary="primary",t.Secondary="secondary",t.Success="success",t.Warning="warning",t.Danger="danger",(r=exports.ComponentSize||(exports.ComponentSize={})).ExtraSmall="xs",r.Small="sm",r.Medium="md",r.Large="lg",(n=exports.ComponentStatus||(exports.ComponentStatus={})).Default="default",n.Loading="loading",n.Error="error",n.Valid="valid",n.Disabled="disabled",(a=exports.DropdownMenuColors||(exports.DropdownMenuColors={})).Amethyst="amethyst",a.Malachite="malachite",a.Sapphire="sapphire",a.Onyx="onyx",(o=exports.ButtonShape||(exports.ButtonShape={})).Default="none",o.Square="square",o.StretchToFit="stretch",(s=exports.ButtonType||(exports.ButtonType={})).Button="button",s.Submit="submit",(i=exports.Greys||(exports.Greys={})).Obsidian="#0f0e15",i.Raven="#1c1c21",i.Kevlar="#202028",i.Castle="#292933",i.Onyx="#31313d",i.Pepper="#383846",i.Smoke="#434453",i.Graphite="#545667",i.Storm="#676978",i.Mountain="#757888",i.Wolf="#8e91a1",i.Sidewalk="#999dab",i.Forge="#a4a8b6",i.Mist="#bec2cc",i.Chromium="#c6cad3",i.Platinum="#d4d7dd",i.Pearl="#e7e8eb",i.Whisper="#eeeff2",i.Cloud="#f6f6f8",i.Ghost="#fafafc",i.White="#ffffff",(l=exports.IconFont||(exports.IconFont={})).AddCell="add-cell",l.AlertTriangle="alert-triangle",l.Alerts="alerts",l.Annotate="annotate",l.AnnotatePlus="annotate-plus",l.AuthZero="authzero",l.BarChart="bar-chart",l.Bell="bell",l.BellRinging="bell-ringing",l.BellSolid="bell-solid",l.Calendar="calendar",l.Capacitor="capacitor2",l.CaretDown="caret-down",l.CaretLeft="caret-left",l.CaretRight="caret-right",l.CaretUp="caret-up",l.Chat="chat",l.Checkmark="checkmark",l.Circle="circle",l.CircleThick="circle-thick",l.Clock="clock",l.CogOutline="cog-outline",l.CogThick="cog-thick",l.Collapse="collapse",l.CrownOutline="crown-outline",l.CrownSolid="crown2",l.Cube="cube",l.Cubouniform="cubo-uniform",l.CuboNav="cubo-nav",l.Dashboards="dashboards",l.DashF="dash-f",l.DashH="dash-h",l.DashJ="dash-j",l.Disks="disks",l.Download="download",l.Duplicate="duplicate",l.ExpandA="expand-a",l.ExpandB="expand-b",l.Export="export",l.Eye="eye",l.EyeClosed="eye-closed",l.EyeOpen="eye-open",l.GitHub="github",l.Google="google",l.GraphLine="graphline-2",l.Group="group",l.Heroku="heroku",l.HerokuSimple="",l.Import="import",l.Link="link",l.OAuth="oauth",l.Octagon="octagon",l.Okta="okta",l.Pause="pause",l.Pencil="pencil",l.Play="play",l.Plus="plus",l.PlusSkinny="plus-skinny",l.Pulse="pulse-c",l.Refresh="refresh",l.Remove="remove",l.Search="search",l.Server="server2",l.Shuffle="shuffle",l.Square="square",l.TextBlock="text-block",l.Trash="trash",l.Triangle="triangle",l.User="user",l.UserAdd="user-add",l.UserOutline="user-outline",l.UserRemove="user-remove",l.UsersDuo="users-duo",l.UsersTrio="users-trio",l.Wood="wood",l.Wrench="wrench",l.Star="star",l.Stop="stop",l.Zap="zap",(p=exports.Columns||(exports.Columns={}))[p.One=1]="One",p[p.Two=2]="Two",p[p.Three=3]="Three",p[p.Four=4]="Four",p[p.Five=5]="Five",p[p.Six=6]="Six",p[p.Seven=7]="Seven",p[p.Eight=8]="Eight",p[p.Nine=9]="Nine",p[p.Ten=10]="Ten",p[p.Eleven=11]="Eleven",p[p.Twelve=12]="Twelve",(c=exports.Alignment||(exports.Alignment={})).Left="left",c.Center="center",c.Right="right",(u=exports.Sort||(exports.Sort={})).Descending="desc",u.Ascending="asc",u.None="none",(d=exports.Stack||(exports.Stack={})).Rows="rows",d.Columns="columns",(m=exports.RemoteDataState||(exports.RemoteDataState={})).NotStarted="NotStarted",m.Loading="Loading",m.Done="Done",m.Error="Error";var k=function(e){function t(){e.apply(this,arguments),this.ref=f.createRef()}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={icon:{configurable:!0},text:{configurable:!0},disabled:{configurable:!0},statusIndicator:{configurable:!0},className:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.onClick,r=e.text,n=e.titleText,a=e.tabIndex,o=e.type,s=e.testID;if(!e.icon&&!r)throw new Error('Button requires either "text" or "icon" props');return f.createElement("button",{className:this.className,disabled:this.disabled,onClick:t,title:n||r,tabIndex:a||0,type:o,ref:this.ref,"data-testid":s},this.icon,this.text,this.statusIndicator)},r.icon.get=function(){var e=this.props.icon;return e?f.createElement("span",{className:"button-icon icon "+e}):null},r.text.get=function(){var e=this.props;return e.shape===exports.ButtonShape.Square?null:e.text},r.disabled.get=function(){var e=this.props.status;return e===exports.ComponentStatus.Disabled||e===exports.ComponentStatus.Loading},r.statusIndicator.get=function(){var e=this.props;return e.status===exports.ComponentStatus.Loading?f.createElement("div",{className:"button-spinner button-spinner--"+e.size}):null},r.className.get=function(){var e,t=this.props,r=t.shape,n=t.status,a=t.customClass;return h("button button-"+t.size+" button-"+t.color,((e={"button-square":r===exports.ButtonShape.Square,"button-stretch":r===exports.ButtonShape.StretchToFit,"button--loading":n===exports.ComponentStatus.Loading,"button--disabled":n===exports.ComponentStatus.Disabled,active:t.active})[""+a]=a,e))},Object.defineProperties(t.prototype,r),t}(x.Component);k.defaultProps={color:exports.ComponentColor.Default,size:exports.ComponentSize.Small,shape:exports.ButtonShape.Default,status:exports.ComponentStatus.Default,active:!1,type:exports.ButtonType.Button,testID:exports.ButtonType.Button};var g=function(e){function t(){var t=this;e.apply(this,arguments),this.handleClick=function(){var e=t.props;(0,e.onClick)(e.value)}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0},title:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return f.createElement("button",{type:"button",className:this.className,disabled:e.disabled,onClick:this.handleClick,title:this.title},e.children)},r.className.get=function(){var e=this.props;return h("radio-button",{active:e.active,disabled:e.disabled})},r.title.get=function(){var e=this.props;return e.disabled?e.disabledTitleText:e.titleText},Object.defineProperties(t.prototype,r),t}(x.Component);g.defaultProps={disabled:!1,disabledTitleText:"This option is disabled"};var S=function(e){function t(){var t=this;e.apply(this,arguments),this.validateChildCount=function(){if(f.Children.count(t.props.children)<2)throw new Error("<Radio> requires at least 2 child elements. We recommend using <Radio.Button />")}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={containerClassName:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.children,r=e.testID;return this.validateChildCount(),f.createElement("div",{className:this.containerClassName,"data-testid":r},t)},r.containerClassName.get=function(){var e,t=this.props,r=t.color,n=t.size,a=t.shape,o=t.customClass;return h("radio-buttons",((e={})["radio-buttons--"+r]=r,e["radio-buttons--"+n]=n,e["radio-buttons--square"]=a===exports.ButtonShape.Square,e["radio-buttons--stretch"]=a===exports.ButtonShape.StretchToFit,e[""+o]=o,e))},Object.defineProperties(t.prototype,r),t}(x.Component);S.defaultProps={color:exports.ComponentColor.Primary,size:exports.ComponentSize.Small,shape:exports.ButtonShape.Default,testID:"radio-button"},S.Button=g;var C=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return f.createElement("label",{className:"slide-toggle--label"},this.props.text)},t}(x.Component),y=function(e){function t(){var t=this;e.apply(this,arguments),this.handleClick=function(){var e=t.props;e.disabled||(0,e.onChange)()}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return f.createElement("div",{className:this.className,onClick:this.handleClick,title:e.tooltipText,"data-testid":e.testID},f.createElement("div",{className:"slide-toggle--knob"}))},r.className.get=function(){var e=this.props;return h("slide-toggle slide-toggle-"+e.size+" slide-toggle-"+e.color,{active:e.active,disabled:e.disabled})},Object.defineProperties(t.prototype,r),t}(x.Component);y.Label=C,y.defaultProps={size:exports.ComponentSize.Small,color:exports.ComponentColor.Primary,tooltipText:"",disabled:!1,testID:"slide-toggle"};var b=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={loadingStatus:{configurable:!0},animationState:{configurable:!0}};return t.prototype.render=function(){return f.createElement("div",{className:"sparkle-spinner","data-testid":this.props.testID},f.createElement("svg",{version:"1.1",id:"sparkle_spinner",x:"0px",y:"0px",width:"100%",height:"100%",viewBox:"0 0 250 250"},f.createElement("path",{className:"sparkle-spinner--fill-medium sparkle-spinner--delay-3 "+this.animationState,d:"M250,9.1C250,9.1,250,9.1,250,9.1l-1.6-7c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l0,0l0,0c0,0,0,0,0,0L241.5,0\n\tc0,0,0,0,0,0l0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l-5.2,4.9c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0l0,0l0,0c0,0,0,0,0,0l1.6,6.9\n\tc0,0,0,0,0,0l0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l6.8,2.1c0,0,0,0,0,0s0,0,0,0h0c0,0,0,0,0,0l0,0L250,9.1\n\tC250,9.2,250,9.2,250,9.1L250,9.1L250,9.1C250,9.2,250,9.1,250,9.1C250,9.1,250,9.1,250,9.1z"}),f.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-1 "+this.animationState,d:"M168.5,187.9C168.5,187.9,168.5,187.9,168.5,187.9l-0.8-3.5c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l0,0l0,0\n\tc0,0,0,0,0,0l-3.5-1c0,0,0,0,0,0l0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l-2.6,2.4c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0l0,0l0,0\n\tc0,0,0,0,0,0l0.8,3.4c0,0,0,0,0,0l0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l3.4,1c0,0,0,0,0,0c0,0,0,0,0,0h0c0,0,0,0,0,0l0,0\n\tL168.5,187.9C168.5,187.9,168.5,187.9,168.5,187.9L168.5,187.9L168.5,187.9C168.5,187.9,168.5,187.9,168.5,187.9\n\tC168.5,187.9,168.5,187.9,168.5,187.9z"}),f.createElement("circle",{className:"sparkle-spinner--fill-light sparkle-spinner--delay-2 "+this.animationState,cx:"231.5",cy:"171.2",r:"3.5"}),f.createElement("path",{className:this.loadingStatus,d:"M181.3,136.9l-10.9-47.6c-0.6-2.6-3-5.2-5.6-6l-50-15.4c-0.6-0.2-1.4-0.2-2.1-0.2\n\tc-2.1,0-4.4,0.9-5.8,2.1L71,103.1c-2,1.7-3,5.2-2.4,7.7l11.7,51c0.6,2.6,3,5.2,5.6,6l46.7,14.4c0.6,0.2,1.4,0.2,2.1,0.2\n\tc2.1,0,4.4-0.9,5.8-2.1l38.3-35.6C180.9,142.8,181.9,139.5,181.3,136.9z M120,79.2l34.3,10.6c1.4,0.4,1.4,1,0,1.4l-18,4.1\n\tc-1.4,0.4-3.2-0.2-4.2-1.2l-12.6-13.6C118.4,79.3,118.7,78.8,120,79.2z M141.4,140.7c0.4,1.4-0.5,2.1-1.9,1.7l-37-11.4\n\tc-1.4-0.4-1.6-1.5-0.6-2.5l28.3-26.4c1-1,2.1-0.6,2.5,0.7L141.4,140.7z M80.4,107.2l30.1-28c1-1,2.6-0.9,3.6,0.1l15,16.3\n\tc1,1,0.9,2.6-0.1,3.6l-30.1,28c-1,1-2.6,0.9-3.6-0.1l-15-16.3C79.3,109.6,79.4,108,80.4,107.2z M87.7,151.5l-8-34.9\n\tc-0.4-1.4,0.2-1.6,1.1-0.6l12.6,13.6c1,1,1.4,3,1,4.4l-5.5,17.7C88.6,152.9,88,152.9,87.7,151.5z M131.7,171.9l-39.3-12.1\n\tc-1.4-0.4-2.1-1.9-1.7-3.2l6.6-21.1c0.4-1.4,1.9-2.1,3.2-1.7l39.3,12.1c1.4,0.4,2.1,1.9,1.7,3.2l-6.6,21.1\n\tC134.4,171.6,133.1,172.3,131.7,171.9z M166.5,143.3l-26.2,24.4c-1,1-1.5,0.6-1.1-0.7l5.5-17.7c0.4-1.4,1.9-2.7,3.2-3l18-4.1\n\tC167.3,141.8,167.5,142.5,166.5,143.3z M169.4,138.1l-21.6,5c-1.4,0.4-2.7-0.5-3.1-1.9l-9.2-40c-0.4-1.4,0.5-2.7,1.9-3.1l21.6-5\n\tc1.4-0.4,2.7,0.5,3.1,1.9l9.2,40C171.6,136.5,170.7,137.9,169.4,138.1z"}),f.createElement("g",null,f.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-medium sparkle-spinner--delay-2 "+this.animationState,x1:"30",y1:"90.4",x2:"30",y2:"104.4"}),f.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-medium sparkle-spinner--delay-2 "+this.animationState,x1:"37",y1:"97.4",x2:"23",y2:"97.4"})),f.createElement("g",null,f.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-2 "+this.animationState,x1:"165.7",y1:"12.9",x2:"165.7",y2:"19.9"}),f.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-2 "+this.animationState,x1:"169.2",y1:"16.4",x2:"162.2",y2:"16.4"})),f.createElement("g",null,f.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-dark sparkle-spinner--delay-3 "+this.animationState,x1:"5.1",y1:"241.4",x2:"5.1",y2:"248.4"}),f.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-dark sparkle-spinner--delay-3 "+this.animationState,x1:"8.6",y1:"244.9",x2:"1.6",y2:"244.9"})),f.createElement("g",null,f.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"176.5",y1:"224.2",x2:"171.5",y2:"229.2"}),f.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"176.5",y1:"229.2",x2:"171.5",y2:"224.2"})),f.createElement("g",null,f.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"63.4",y1:"28.3",x2:"58.4",y2:"33.3"}),f.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"63.4",y1:"33.3",x2:"58.4",y2:"28.3"})),f.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-1 "+this.animationState,d:"M101.6,51.6c1.2,0,2.1,1,2.1,2.1s-1,2.1-2.1,2.1s-2.1-1-2.1-2.1S100.5,51.6,101.6,51.6 M101.6,50.2\n\t\tc-1.9,0-3.5,1.6-3.5,3.5c0,1.9,1.6,3.5,3.5,3.5c1.9,0,3.5-1.6,3.5-3.5C105.1,51.8,103.6,50.2,101.6,50.2L101.6,50.2z"}),f.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-2 "+this.animationState,d:"M64.2,215.2c3.1,0,5.6,2.5,5.6,5.6s-2.5,5.6-5.6,5.6c-3.1,0-5.6-2.5-5.6-5.6S61.1,215.2,64.2,215.2\n\t\t M64.2,213.9c-3.9,0-7,3.1-7,7s3.1,7,7,7c3.9,0,7-3.1,7-7S68.1,213.9,64.2,213.9L64.2,213.9z"}),f.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-1 "+this.animationState,d:"M38.8,153.1l8.8,2.7l2.1,9l-6.8,6.3l-8.8-2.7l-2.1-9L38.8,153.1 M38.5,151.6C38.5,151.6,38.5,151.6,38.5,151.6\n\t\tc-0.1,0-0.1,0-0.1,0c0,0,0,0,0,0l-7.8,7.3c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0s0,0,0,0l2.4,10.4c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0\n\t\tc0,0,0,0,0,0l10.2,3.1c0,0,0,0,0,0c0,0,0,0,0,0h0c0,0,0,0,0,0l7.8-7.3c0,0,0,0,0,0c0,0,0,0,0-0.1c0,0,0,0,0,0l-2.4-10.4\n\t\tc0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0L38.5,151.6L38.5,151.6z M51.2,165.3L51.2,165.3L51.2,165.3z M51.2,165.3\n\t\tC51.2,165.3,51.2,165.3,51.2,165.3C51.2,165.3,51.2,165.3,51.2,165.3L51.2,165.3z"}),f.createElement("path",{className:"sparkle-spinner--fill-medium sparkle-spinner--delay-1 "+this.animationState,d:"M207.5,72.5l7.2,2.2l1.7,7.3l-5.5,5.1l-7.2-2.2l-1.7-7.3L207.5,72.5 M207.3,71C207.2,71,207.2,71,207.3,71\n\t\tC207.2,71,207.2,71,207.3,71c-0.1,0-0.1,0-0.1,0l-6.5,6.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l2,8.7c0,0,0,0,0,0\n\t\tc0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l8.6,2.6c0,0,0,0,0,0c0,0,0,0,0,0h0c0,0,0,0,0,0l6.5-6.1c0,0,0,0,0,0c0,0,0,0,0-0.1\n\t\tc0,0,0,0,0,0l-2-8.7c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0L207.3,71L207.3,71z M217.9,82.5L217.9,82.5L217.9,82.5z\n\t\t M217.9,82.5C217.9,82.5,217.9,82.5,217.9,82.5C217.9,82.5,217.9,82.5,217.9,82.5L217.9,82.5z"})))},r.loadingStatus.get=function(){var e=this.props.loading;return h("sparkle-spinner--logo",{"sparkle-spinner--fill-medium":e===exports.RemoteDataState.NotStarted||e===exports.RemoteDataState.Loading,"sparkle-spinner--animate-sparkle":e===exports.RemoteDataState.Loading,"sparkle-spinner--fill-error":e===exports.RemoteDataState.Error,"sparkle-spinner--fill-done":e===exports.RemoteDataState.Done})},r.animationState.get=function(){return h({"sparkle-spinner--animate-sparkle":this.props.loading===exports.RemoteDataState.Loading})},Object.defineProperties(t.prototype,r),t}(x.PureComponent);b.defaultProps={loading:exports.RemoteDataState.NotStarted,testID:"sparkle-spinner"};var v=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.loading,r=e.children;return t===exports.RemoteDataState.Loading||t===exports.RemoteDataState.NotStarted?f.createElement("div",{className:this.className,"data-testid":e.testID},e.spinnerComponent):r},r.className.get=function(){var e,t=this.props.className;return h("spinner-container",((e={})[""+t]=t,e))},Object.defineProperties(t.prototype,r),t}(x.Component);v.defaultProps={testID:"spinner-container"};var N=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={style:{configurable:!0},strokeWidth:{configurable:!0}};return t.prototype.render=function(){return f.createElement("div",{className:"techno-spinner",style:this.style,"data-testid":this.props.testID})},r.style.get=function(){var e=this.props.diameterPixels;return{width:e+"px",height:e+"px",borderWidth:this.strokeWidth+"px"}},r.strokeWidth.get=function(){var e;switch(this.props.strokeWidth){case exports.ComponentSize.ExtraSmall:e=1;break;case exports.ComponentSize.Small:e=2;break;case exports.ComponentSize.Medium:e=4;break;case exports.ComponentSize.Large:default:e=8}return e},Object.defineProperties(t.prototype,r),t}(x.Component);N.defaultProps={diameterPixels:100,strokeWidth:exports.ComponentSize.Small,testID:"techno-spinner"},exports.Button=k,exports.ComponentSpacer=function(e){var t=e.children,r=e.align,n=e.stackChildren;void 0===n&&(n=exports.Stack.Columns);var a=e.stretchToFitWidth;void 0===a&&(a=!1);var o=e.stretchToFitHeight;void 0===o&&(o=!1);var s=e.testID;return void 0===s&&(s="component-spacer"),f.createElement("div",{className:h("component-spacer",{"component-spacer--left":r===exports.Alignment.Left,"component-spacer--center":r===exports.Alignment.Center,"component-spacer--right":r===exports.Alignment.Right,"component-spacer--horizontal":n===exports.Stack.Columns,"component-spacer--vertical":n===exports.Stack.Rows,"component-spacer--stretch-w":a,"component-spacer--stretch-h":o}),"data-testid":s},t)},exports.Radio=S,exports.SlideToggle=y,exports.SlideToggleLabel=C,exports.SparkleSpinner=b,exports.SpinnerContainer=v,exports.TechnoSpinner=N;
+function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var t,r,o,n,a,s,i,l,p,c,u,m,h,d,f=e(require("classnames")),x=e(require("lodash")),g=e(require("uuid")),y=require("react"),C=e(y),b=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.children,r=e.icon;return C.createElement("div",{className:this.className},r&&C.createElement("span",{className:"alert--icon icon "+r}),C.createElement("div",{className:"alert--contents"},t))},r.className.get=function(){var e,t=this.props,r=t.color,o=t.icon;return f("alert",((e={})["alert--"+r]=r,e["alert--has-icon"]=o,e))},Object.defineProperties(t.prototype,r),t}(y.Component);(t=exports.ComponentColor||(exports.ComponentColor={})).Default="default",t.Primary="primary",t.Secondary="secondary",t.Success="success",t.Warning="warning",t.Danger="danger",(r=exports.ComponentSize||(exports.ComponentSize={})).ExtraSmall="xs",r.Small="sm",r.Medium="md",r.Large="lg",(o=exports.ComponentStatus||(exports.ComponentStatus={})).Default="default",o.Loading="loading",o.Error="error",o.Valid="valid",o.Disabled="disabled",(n=exports.DropdownMenuColors||(exports.DropdownMenuColors={})).Amethyst="amethyst",n.Malachite="malachite",n.Sapphire="sapphire",n.Onyx="onyx",(a=exports.ButtonShape||(exports.ButtonShape={})).Default="none",a.Square="square",a.StretchToFit="stretch",(s=exports.ButtonType||(exports.ButtonType={})).Button="button",s.Submit="submit",(i=exports.Greys||(exports.Greys={})).Obsidian="#0f0e15",i.Raven="#1c1c21",i.Kevlar="#202028",i.Castle="#292933",i.Onyx="#31313d",i.Pepper="#383846",i.Smoke="#434453",i.Graphite="#545667",i.Storm="#676978",i.Mountain="#757888",i.Wolf="#8e91a1",i.Sidewalk="#999dab",i.Forge="#a4a8b6",i.Mist="#bec2cc",i.Chromium="#c6cad3",i.Platinum="#d4d7dd",i.Pearl="#e7e8eb",i.Whisper="#eeeff2",i.Cloud="#f6f6f8",i.Ghost="#fafafc",i.White="#ffffff",(l=exports.IconFont||(exports.IconFont={})).AddCell="add-cell",l.AlertTriangle="alert-triangle",l.Alerts="alerts",l.Annotate="annotate",l.AnnotatePlus="annotate-plus",l.AuthZero="authzero",l.BarChart="bar-chart",l.Bell="bell",l.BellRinging="bell-ringing",l.BellSolid="bell-solid",l.Calendar="calendar",l.Capacitor="capacitor2",l.CaretDown="caret-down",l.CaretLeft="caret-left",l.CaretRight="caret-right",l.CaretUp="caret-up",l.Chat="chat",l.Checkmark="checkmark",l.Circle="circle",l.CircleThick="circle-thick",l.Clock="clock",l.CogOutline="cog-outline",l.CogThick="cog-thick",l.Collapse="collapse",l.CrownOutline="crown-outline",l.CrownSolid="crown2",l.Cube="cube",l.Cubouniform="cubo-uniform",l.CuboNav="cubo-nav",l.Dashboards="dashboards",l.DashF="dash-f",l.DashH="dash-h",l.DashJ="dash-j",l.Disks="disks",l.Download="download",l.Duplicate="duplicate",l.ExpandA="expand-a",l.ExpandB="expand-b",l.Export="export",l.Eye="eye",l.EyeClosed="eye-closed",l.EyeOpen="eye-open",l.GitHub="github",l.Google="google",l.GraphLine="graphline-2",l.Group="group",l.Heroku="heroku",l.HerokuSimple="",l.Import="import",l.Link="link",l.OAuth="oauth",l.Octagon="octagon",l.Okta="okta",l.Pause="pause",l.Pencil="pencil",l.Play="play",l.Plus="plus",l.PlusSkinny="plus-skinny",l.Pulse="pulse-c",l.Refresh="refresh",l.Remove="remove",l.Search="search",l.Server="server2",l.Shuffle="shuffle",l.Square="square",l.TextBlock="text-block",l.Trash="trash",l.Triangle="triangle",l.User="user",l.UserAdd="user-add",l.UserOutline="user-outline",l.UserRemove="user-remove",l.UsersDuo="users-duo",l.UsersTrio="users-trio",l.Wood="wood",l.Wrench="wrench",l.Star="star",l.Stop="stop",l.Zap="zap",(p=exports.Columns||(exports.Columns={}))[p.One=1]="One",p[p.Two=2]="Two",p[p.Three=3]="Three",p[p.Four=4]="Four",p[p.Five=5]="Five",p[p.Six=6]="Six",p[p.Seven=7]="Seven",p[p.Eight=8]="Eight",p[p.Nine=9]="Nine",p[p.Ten=10]="Ten",p[p.Eleven=11]="Eleven",p[p.Twelve=12]="Twelve",(c=exports.Alignment||(exports.Alignment={})).Left="left",c.Center="center",c.Right="right",(u=exports.Sort||(exports.Sort={})).Descending="desc",u.Ascending="asc",u.None="none",(m=exports.Stack||(exports.Stack={})).Rows="rows",m.Columns="columns",(h=exports.RemoteDataState||(exports.RemoteDataState={})).NotStarted="NotStarted",h.Loading="Loading",h.Done="Done",h.Error="Error",(d=exports.AutoComplete||(exports.AutoComplete={})).On="on",d.Off="off";var v,S=function(e){function t(){e.apply(this,arguments),this.ref=C.createRef()}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={icon:{configurable:!0},text:{configurable:!0},disabled:{configurable:!0},statusIndicator:{configurable:!0},className:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.onClick,r=e.text,o=e.titleText,n=e.tabIndex,a=e.type,s=e.testID;if(!e.icon&&!r)throw new Error('Button requires either "text" or "icon" props');return C.createElement("button",{className:this.className,disabled:this.disabled,onClick:t,title:o||r,tabIndex:n||0,type:a,ref:this.ref,"data-testid":s},this.icon,this.text,this.statusIndicator)},r.icon.get=function(){var e=this.props.icon;return e?C.createElement("span",{className:"button-icon icon "+e}):null},r.text.get=function(){var e=this.props;return e.shape===exports.ButtonShape.Square?null:e.text},r.disabled.get=function(){var e=this.props.status;return e===exports.ComponentStatus.Disabled||e===exports.ComponentStatus.Loading},r.statusIndicator.get=function(){var e=this.props;return e.status===exports.ComponentStatus.Loading?C.createElement("div",{className:"button-spinner button-spinner--"+e.size}):null},r.className.get=function(){var e,t=this.props,r=t.shape,o=t.status,n=t.customClass;return f("button button-"+t.size+" button-"+t.color,((e={"button-square":r===exports.ButtonShape.Square,"button-stretch":r===exports.ButtonShape.StretchToFit,"button--loading":o===exports.ComponentStatus.Loading,"button--disabled":o===exports.ComponentStatus.Disabled,active:t.active})[""+n]=n,e))},Object.defineProperties(t.prototype,r),t}(y.Component);S.defaultProps={color:exports.ComponentColor.Default,size:exports.ComponentSize.Small,shape:exports.ButtonShape.Default,status:exports.ComponentStatus.Default,active:!1,type:exports.ButtonType.Button,testID:exports.ButtonType.Button},(v=exports.InputType||(exports.InputType={})).Text="text",v.Number="number",v.Password="password",v.Email="email";var k,E=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={transformedValue:{configurable:!0},icon:{configurable:!0},title:{configurable:!0},statusIndicator:{configurable:!0},className:{configurable:!0},containerStyle:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return C.createElement("div",{className:this.className,style:this.containerStyle},C.createElement("input",{id:e.id,min:e.min,max:e.max,title:this.title,autoComplete:e.autocomplete,name:e.name,type:e.type,value:this.transformedValue,placeholder:e.placeholder,autoFocus:e.autoFocus,spellCheck:e.spellCheck,onChange:e.onChange,onBlur:e.onBlur,onFocus:e.onFocus,onKeyPress:e.onKeyPress,onKeyUp:e.onKeyUp,onKeyDown:e.onKeyDown,className:"input-field",disabled:e.status===exports.ComponentStatus.Disabled,maxLength:e.maxLength,tabIndex:e.tabIndex,"data-testid":e.testID}),this.icon,this.statusIndicator)},r.transformedValue.get=function(){var e=this.props,t=e.value;return e.type===exports.InputType.Number?Number(t):""+t},r.icon.get=function(){var e=this.props.icon;return e?C.createElement("span",{className:"input-icon icon "+e}):null},r.title.get=function(){var e=this.props;return e.status===exports.ComponentStatus.Disabled?e.disabledTitleText:e.titleText},r.statusIndicator.get=function(){var e=this.props.status;return e===exports.ComponentStatus.Loading?C.createElement(C.Fragment,null,C.createElement("div",{className:"input-status"},C.createElement("div",{className:"input-spinner"})),C.createElement("div",{className:"input-shadow"})):e===exports.ComponentStatus.Error?C.createElement(C.Fragment,null,C.createElement("span",{className:"input-status icon "+exports.IconFont.AlertTriangle+' data-testid="input-error"'}),C.createElement("div",{className:"input-shadow"})):e===exports.ComponentStatus.Valid?C.createElement(C.Fragment,null,C.createElement("span",{className:"input-status icon "+exports.IconFont.Checkmark+' data-testid="input-valid"'}),C.createElement("div",{className:"input-shadow"})):C.createElement("div",{className:"input-shadow"})},r.className.get=function(){var e,t=this.props,r=t.size,o=t.status,n=t.icon,a=t.customClass;return f("input",((e={})["input-"+r]=r,e["input--has-icon"]=n,e["input--valid"]=o===exports.ComponentStatus.Valid,e["input--error"]=o===exports.ComponentStatus.Error,e["input--loading"]=o===exports.ComponentStatus.Loading,e["input--disabled"]=o===exports.ComponentStatus.Disabled,e[""+a]=a,e))},r.containerStyle.get=function(){var e=this.props.widthPixels;return e?{width:e+"px"}:{width:"100%"}},Object.defineProperties(t.prototype,r),t}(y.Component);E.defaultProps={type:exports.InputType.Text,name:"",value:"",placeholder:"",titleText:"",autocomplete:exports.AutoComplete.Off,disabledTitleText:"This input is disabled",size:exports.ComponentSize.Small,status:exports.ComponentStatus.Default,autoFocus:!1,spellCheck:!1,testID:"input-field"},(k=exports.Wrap||(exports.Wrap={})).Hard="hard",k.Soft="soft",k.Off="off";var N=function(e){function t(){var t=this;e.apply(this,arguments),this.handleChange=function(e){var r=t.props.onChange;r&&r(e.target.value)}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0},containerStyle:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return C.createElement("div",{className:this.className,style:this.containerStyle},C.createElement("textarea",{autoComplete:e.autocomplete,autoFocus:e.autoFocus,disabled:e.status===exports.ComponentStatus.Disabled,form:e.form,maxLength:e.maxLength,minLength:e.minLength,name:e.name,placeholder:e.placeholder,readOnly:e.readOnly,required:e.required,cols:e.cols,rows:e.rows,spellCheck:e.spellCheck,wrap:e.wrap,className:"text-area",value:e.value,onBlur:e.onBlur,onFocus:e.onFocus,onKeyPress:e.onKeyPress,onKeyUp:e.onKeyUp,onKeyDown:e.onKeyDown,onChange:this.handleChange}))},r.className.get=function(){var e,t=this.props,r=t.size,o=t.customClass;return f("text-area--container",((e={})["input-"+r]=r,e.customClass=o,e))},r.containerStyle.get=function(){var e=this.props.widthPixels;return e?{width:e+"px"}:{width:"100%"}},Object.defineProperties(t.prototype,r),t}(y.Component);N.defaultProps={autocomplete:exports.AutoComplete.Off,autoFocus:!1,cols:20,form:"",maxLength:void 0,minLength:void 0,name:"",placeholder:"",readOnly:!1,required:!1,rows:20,spellCheck:!1,wrap:exports.Wrap.Hard,value:""};var _=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props,t=e.children,r=e.align,o=e.stackChildren,n=e.testID;return C.createElement("div",{className:f("component-spacer",{"component-spacer--left":r===exports.Alignment.Left,"component-spacer--center":r===exports.Alignment.Center,"component-spacer--right":r===exports.Alignment.Right,"component-spacer--horizontal":o===exports.Stack.Columns,"component-spacer--vertical":o===exports.Stack.Rows,"component-spacer--stretch-w":e.stretchToFitWidth,"component-spacer--stretch-h":e.stretchToFitHeight}),"data-testid":n},t)},t}(y.Component);_.defaultProps={stackChildren:exports.Stack.Columns,stretchToFitWidth:!1,stretchToFitHeight:!1,testID:"component-spacer"};var D=function(e){function t(){var t=this;e.apply(this,arguments),this.handleClick=function(){var e=t.props;(0,e.onClick)(e.value)}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0},title:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return C.createElement("button",{type:"button",className:this.className,disabled:e.disabled,onClick:this.handleClick,title:this.title},e.children)},r.className.get=function(){var e=this.props;return f("radio-button",{active:e.active,disabled:e.disabled})},r.title.get=function(){var e=this.props;return e.disabled?e.disabledTitleText:e.titleText},Object.defineProperties(t.prototype,r),t}(y.Component);D.defaultProps={disabled:!1,disabledTitleText:"This option is disabled"};var F=function(e){function t(){var t=this;e.apply(this,arguments),this.validateChildCount=function(){if(C.Children.count(t.props.children)<2)throw new Error("<Radio> requires at least 2 child elements. We recommend using <Radio.Button />")}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={containerClassName:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.children,r=e.testID;return this.validateChildCount(),C.createElement("div",{className:this.containerClassName,"data-testid":r},t)},r.containerClassName.get=function(){var e,t=this.props,r=t.color,o=t.size,n=t.shape,a=t.customClass;return f("radio-buttons",((e={})["radio-buttons--"+r]=r,e["radio-buttons--"+o]=o,e["radio-buttons--square"]=n===exports.ButtonShape.Square,e["radio-buttons--stretch"]=n===exports.ButtonShape.StretchToFit,e[""+a]=a,e))},Object.defineProperties(t.prototype,r),t}(y.Component);F.defaultProps={color:exports.ComponentColor.Primary,size:exports.ComponentSize.Small,shape:exports.ButtonShape.Default,testID:"radio-button"},F.Button=D;var T=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return C.createElement("label",{className:"slide-toggle--label"},this.props.text)},t}(y.Component),O=function(e){function t(){var t=this;e.apply(this,arguments),this.handleClick=function(){var e=t.props;e.disabled||(0,e.onChange)()}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return C.createElement("div",{className:this.className,onClick:this.handleClick,title:e.tooltipText,"data-testid":e.testID},C.createElement("div",{className:"slide-toggle--knob"}))},r.className.get=function(){var e=this.props;return f("slide-toggle slide-toggle-"+e.size+" slide-toggle-"+e.color,{active:e.active,disabled:e.disabled})},Object.defineProperties(t.prototype,r),t}(y.Component);O.Label=T,O.defaultProps={size:exports.ComponentSize.Small,color:exports.ComponentColor.Primary,tooltipText:"",disabled:!1,testID:"slide-toggle"};var w=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={loadingStatus:{configurable:!0},animationState:{configurable:!0}};return t.prototype.render=function(){return C.createElement("div",{className:"sparkle-spinner","data-testid":this.props.testID},C.createElement("svg",{version:"1.1",id:"sparkle_spinner",x:"0px",y:"0px",width:"100%",height:"100%",viewBox:"0 0 250 250"},C.createElement("path",{className:"sparkle-spinner--fill-medium sparkle-spinner--delay-3 "+this.animationState,d:"M250,9.1C250,9.1,250,9.1,250,9.1l-1.6-7c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l0,0l0,0c0,0,0,0,0,0L241.5,0\n\tc0,0,0,0,0,0l0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l-5.2,4.9c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0l0,0l0,0c0,0,0,0,0,0l1.6,6.9\n\tc0,0,0,0,0,0l0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l6.8,2.1c0,0,0,0,0,0s0,0,0,0h0c0,0,0,0,0,0l0,0L250,9.1\n\tC250,9.2,250,9.2,250,9.1L250,9.1L250,9.1C250,9.2,250,9.1,250,9.1C250,9.1,250,9.1,250,9.1z"}),C.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-1 "+this.animationState,d:"M168.5,187.9C168.5,187.9,168.5,187.9,168.5,187.9l-0.8-3.5c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l0,0l0,0\n\tc0,0,0,0,0,0l-3.5-1c0,0,0,0,0,0l0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l-2.6,2.4c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0l0,0l0,0\n\tc0,0,0,0,0,0l0.8,3.4c0,0,0,0,0,0l0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l3.4,1c0,0,0,0,0,0c0,0,0,0,0,0h0c0,0,0,0,0,0l0,0\n\tL168.5,187.9C168.5,187.9,168.5,187.9,168.5,187.9L168.5,187.9L168.5,187.9C168.5,187.9,168.5,187.9,168.5,187.9\n\tC168.5,187.9,168.5,187.9,168.5,187.9z"}),C.createElement("circle",{className:"sparkle-spinner--fill-light sparkle-spinner--delay-2 "+this.animationState,cx:"231.5",cy:"171.2",r:"3.5"}),C.createElement("path",{className:this.loadingStatus,d:"M181.3,136.9l-10.9-47.6c-0.6-2.6-3-5.2-5.6-6l-50-15.4c-0.6-0.2-1.4-0.2-2.1-0.2\n\tc-2.1,0-4.4,0.9-5.8,2.1L71,103.1c-2,1.7-3,5.2-2.4,7.7l11.7,51c0.6,2.6,3,5.2,5.6,6l46.7,14.4c0.6,0.2,1.4,0.2,2.1,0.2\n\tc2.1,0,4.4-0.9,5.8-2.1l38.3-35.6C180.9,142.8,181.9,139.5,181.3,136.9z M120,79.2l34.3,10.6c1.4,0.4,1.4,1,0,1.4l-18,4.1\n\tc-1.4,0.4-3.2-0.2-4.2-1.2l-12.6-13.6C118.4,79.3,118.7,78.8,120,79.2z M141.4,140.7c0.4,1.4-0.5,2.1-1.9,1.7l-37-11.4\n\tc-1.4-0.4-1.6-1.5-0.6-2.5l28.3-26.4c1-1,2.1-0.6,2.5,0.7L141.4,140.7z M80.4,107.2l30.1-28c1-1,2.6-0.9,3.6,0.1l15,16.3\n\tc1,1,0.9,2.6-0.1,3.6l-30.1,28c-1,1-2.6,0.9-3.6-0.1l-15-16.3C79.3,109.6,79.4,108,80.4,107.2z M87.7,151.5l-8-34.9\n\tc-0.4-1.4,0.2-1.6,1.1-0.6l12.6,13.6c1,1,1.4,3,1,4.4l-5.5,17.7C88.6,152.9,88,152.9,87.7,151.5z M131.7,171.9l-39.3-12.1\n\tc-1.4-0.4-2.1-1.9-1.7-3.2l6.6-21.1c0.4-1.4,1.9-2.1,3.2-1.7l39.3,12.1c1.4,0.4,2.1,1.9,1.7,3.2l-6.6,21.1\n\tC134.4,171.6,133.1,172.3,131.7,171.9z M166.5,143.3l-26.2,24.4c-1,1-1.5,0.6-1.1-0.7l5.5-17.7c0.4-1.4,1.9-2.7,3.2-3l18-4.1\n\tC167.3,141.8,167.5,142.5,166.5,143.3z M169.4,138.1l-21.6,5c-1.4,0.4-2.7-0.5-3.1-1.9l-9.2-40c-0.4-1.4,0.5-2.7,1.9-3.1l21.6-5\n\tc1.4-0.4,2.7,0.5,3.1,1.9l9.2,40C171.6,136.5,170.7,137.9,169.4,138.1z"}),C.createElement("g",null,C.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-medium sparkle-spinner--delay-2 "+this.animationState,x1:"30",y1:"90.4",x2:"30",y2:"104.4"}),C.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-medium sparkle-spinner--delay-2 "+this.animationState,x1:"37",y1:"97.4",x2:"23",y2:"97.4"})),C.createElement("g",null,C.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-2 "+this.animationState,x1:"165.7",y1:"12.9",x2:"165.7",y2:"19.9"}),C.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-2 "+this.animationState,x1:"169.2",y1:"16.4",x2:"162.2",y2:"16.4"})),C.createElement("g",null,C.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-dark sparkle-spinner--delay-3 "+this.animationState,x1:"5.1",y1:"241.4",x2:"5.1",y2:"248.4"}),C.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-dark sparkle-spinner--delay-3 "+this.animationState,x1:"8.6",y1:"244.9",x2:"1.6",y2:"244.9"})),C.createElement("g",null,C.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"176.5",y1:"224.2",x2:"171.5",y2:"229.2"}),C.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"176.5",y1:"229.2",x2:"171.5",y2:"224.2"})),C.createElement("g",null,C.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"63.4",y1:"28.3",x2:"58.4",y2:"33.3"}),C.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"63.4",y1:"33.3",x2:"58.4",y2:"28.3"})),C.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-1 "+this.animationState,d:"M101.6,51.6c1.2,0,2.1,1,2.1,2.1s-1,2.1-2.1,2.1s-2.1-1-2.1-2.1S100.5,51.6,101.6,51.6 M101.6,50.2\n\t\tc-1.9,0-3.5,1.6-3.5,3.5c0,1.9,1.6,3.5,3.5,3.5c1.9,0,3.5-1.6,3.5-3.5C105.1,51.8,103.6,50.2,101.6,50.2L101.6,50.2z"}),C.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-2 "+this.animationState,d:"M64.2,215.2c3.1,0,5.6,2.5,5.6,5.6s-2.5,5.6-5.6,5.6c-3.1,0-5.6-2.5-5.6-5.6S61.1,215.2,64.2,215.2\n\t\t M64.2,213.9c-3.9,0-7,3.1-7,7s3.1,7,7,7c3.9,0,7-3.1,7-7S68.1,213.9,64.2,213.9L64.2,213.9z"}),C.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-1 "+this.animationState,d:"M38.8,153.1l8.8,2.7l2.1,9l-6.8,6.3l-8.8-2.7l-2.1-9L38.8,153.1 M38.5,151.6C38.5,151.6,38.5,151.6,38.5,151.6\n\t\tc-0.1,0-0.1,0-0.1,0c0,0,0,0,0,0l-7.8,7.3c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0s0,0,0,0l2.4,10.4c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0\n\t\tc0,0,0,0,0,0l10.2,3.1c0,0,0,0,0,0c0,0,0,0,0,0h0c0,0,0,0,0,0l7.8-7.3c0,0,0,0,0,0c0,0,0,0,0-0.1c0,0,0,0,0,0l-2.4-10.4\n\t\tc0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0L38.5,151.6L38.5,151.6z M51.2,165.3L51.2,165.3L51.2,165.3z M51.2,165.3\n\t\tC51.2,165.3,51.2,165.3,51.2,165.3C51.2,165.3,51.2,165.3,51.2,165.3L51.2,165.3z"}),C.createElement("path",{className:"sparkle-spinner--fill-medium sparkle-spinner--delay-1 "+this.animationState,d:"M207.5,72.5l7.2,2.2l1.7,7.3l-5.5,5.1l-7.2-2.2l-1.7-7.3L207.5,72.5 M207.3,71C207.2,71,207.2,71,207.3,71\n\t\tC207.2,71,207.2,71,207.3,71c-0.1,0-0.1,0-0.1,0l-6.5,6.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l2,8.7c0,0,0,0,0,0\n\t\tc0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l8.6,2.6c0,0,0,0,0,0c0,0,0,0,0,0h0c0,0,0,0,0,0l6.5-6.1c0,0,0,0,0,0c0,0,0,0,0-0.1\n\t\tc0,0,0,0,0,0l-2-8.7c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0L207.3,71L207.3,71z M217.9,82.5L217.9,82.5L217.9,82.5z\n\t\t M217.9,82.5C217.9,82.5,217.9,82.5,217.9,82.5C217.9,82.5,217.9,82.5,217.9,82.5L217.9,82.5z"})))},r.loadingStatus.get=function(){var e=this.props.loading;return f("sparkle-spinner--logo",{"sparkle-spinner--fill-medium":e===exports.RemoteDataState.NotStarted||e===exports.RemoteDataState.Loading,"sparkle-spinner--animate-sparkle":e===exports.RemoteDataState.Loading,"sparkle-spinner--fill-error":e===exports.RemoteDataState.Error,"sparkle-spinner--fill-done":e===exports.RemoteDataState.Done})},r.animationState.get=function(){return f({"sparkle-spinner--animate-sparkle":this.props.loading===exports.RemoteDataState.Loading})},Object.defineProperties(t.prototype,r),t}(y.PureComponent);w.defaultProps={loading:exports.RemoteDataState.NotStarted,testID:"sparkle-spinner"};var P=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.loading,r=e.children;return t===exports.RemoteDataState.Loading||t===exports.RemoteDataState.NotStarted?C.createElement("div",{className:this.className,"data-testid":e.testID},e.spinnerComponent):r},r.className.get=function(){var e,t=this.props.className;return f("spinner-container",((e={})[""+t]=t,e))},Object.defineProperties(t.prototype,r),t}(y.Component);P.defaultProps={testID:"spinner-container"};var L=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={style:{configurable:!0},strokeWidth:{configurable:!0}};return t.prototype.render=function(){return C.createElement("div",{className:"techno-spinner",style:this.style,"data-testid":this.props.testID})},r.style.get=function(){var e=this.props.diameterPixels;return{width:e+"px",height:e+"px",borderWidth:this.strokeWidth+"px"}},r.strokeWidth.get=function(){var e;switch(this.props.strokeWidth){case exports.ComponentSize.ExtraSmall:e=1;break;case exports.ComponentSize.Small:e=2;break;case exports.ComponentSize.Medium:e=4;break;case exports.ComponentSize.Large:default:e=8}return e},Object.defineProperties(t.prototype,r),t}(y.Component);L.defaultProps={diameterPixels:100,strokeWidth:exports.ComponentSize.Small,testID:"techno-spinner"};var I=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={requiredIndicator:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.children;return C.createElement("label",{className:"form--label"},C.createElement("span",null,e.label,this.requiredIndicator),t)},r.requiredIndicator.get=function(){if(this.props.required)return C.createElement("span",{className:"form--label-required"},"*")},Object.defineProperties(t.prototype,r),t}(y.Component),M=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={message:{configurable:!0}};return t.prototype.render=function(){return C.createElement("span",{className:"form--element-error"},this.message)},r.message.get=function(){var e=this.props.message;return e||"  "},Object.defineProperties(t.prototype,r),t}(y.Component),B=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return C.createElement("span",{className:"form--help-text"},this.props.text)},t}(y.Component),z=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={label:{configurable:!0},labelChild:{configurable:!0},helpText:{configurable:!0},errorMessage:{configurable:!0}};return t.prototype.render=function(){return C.createElement("div",{className:"form--element"},this.label,this.props.children,this.errorMessage,this.helpText)},r.label.get=function(){var e=this.props,t=e.label;if(t)return C.createElement(I,{label:t,required:e.required},this.labelChild)},r.labelChild.get=function(){var e=this.props.labelAddOn;if(e)return e()},r.helpText.get=function(){var e=this.props.helpText;if(e)return C.createElement(B,{text:e})},r.errorMessage.get=function(){var e=this.props.errorMessage;if(e)return C.createElement(M,{message:e})},Object.defineProperties(t.prototype,r),t}(y.Component),j=function(e){function t(t){e.call(this,t),this.state={errorMessage:null,status:exports.ComponentStatus.Default}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={label:{configurable:!0},labelChild:{configurable:!0},helpText:{configurable:!0},children:{configurable:!0},errorMessage:{configurable:!0}};return t.prototype.componentDidUpdate=function(e,t){if(e.value!==this.props.value){var r=this.props,o=r.onStatusChange,n=(0,r.validationFunc)(this.props.value),a=n?exports.ComponentStatus.Error:exports.ComponentStatus.Valid;o&&t.status!==a&&o(a),this.setState({status:a,errorMessage:n})}},t.prototype.render=function(){return C.createElement("div",{className:"form--element"},this.label,this.children,this.errorMessage,this.helpText)},r.label.get=function(){var e=this.props,t=e.label;if(t)return C.createElement(I,{label:t,required:e.required},this.labelChild)},r.labelChild.get=function(){var e=this.props.labelAddOn;if(e)return e()},r.helpText.get=function(){var e=this.props.helpText;if(e)return C.createElement(B,{text:e})},r.children.get=function(){return(0,this.props.children)(this.state.status)},r.errorMessage.get=function(){var e=this.state.errorMessage;if(e)return C.createElement(M,{message:e})},Object.defineProperties(t.prototype,r),t}(y.Component),A=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return C.createElement("label",{className:"form---divider"})},t}(y.Component),R=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){return C.createElement("div",{className:this.className},this.props.children)},r.className.get=function(){var e,t=this.props,r=t.colsXS,o=t.colsSM,n=t.colsMD,a=t.colsLG,s=t.offsetXS,i=t.offsetSM,l=t.offsetMD,p=t.offsetLG;return f("form--element form--submit",((e={})["col-xs-"+r]=r,e["col-sm-"+o]=o,e["col-md-"+n]=n,e["col-lg-"+a]=a,e["col-xs-offset-"+s]=s,e["col-sm-offset-"+i]=i,e["col-md-offset-"+l]=l,e["col-lg-offset-"+p]=p,e))},Object.defineProperties(t.prototype,r),t}(y.Component);R.defaultProps={colsXS:exports.Columns.Twelve};var q=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return C.createElement("div",{className:"form--box "+e.className},e.children)},t}(y.Component);q.defaultProps={className:""};var W=function(e){function t(){var t=this;e.apply(this,arguments),this.handleSubmit=function(e){e.preventDefault();var r=t.props.onSubmit;r&&r(e)}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={formWrapperClass:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return C.createElement("form",{style:e.style,className:this.formWrapperClass,onSubmit:this.handleSubmit},e.children)},r.formWrapperClass.get=function(){var e,t=this.props.className;return f("form--wrapper",((e={})[""+t]=t,e))},Object.defineProperties(t.prototype,r),t}(y.Component);W.ValidationElement=j,W.Element=z,W.Label=I,W.Divider=A,W.Footer=R,W.Box=q;var K=function(e){function t(){var t=this;e.apply(this,arguments),this.handleClick=function(){t.props.onClick(t.props.hex)}}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return C.createElement("div",{className:"color-picker--swatch",title:e.name,onClick:this.handleClick,"data-testid":e.testID+"--swatch"},C.createElement("span",{style:{backgroundColor:e.hex}}))},t}(y.Component);K.defaultProps={testID:"color-picker-swatch"};var V=function(e){var t=7===e.length,r=[];return"#"===e.substring(0,1)||r.push("Hexcodes must begin with #"),t||r.push(r.length?"and must be 7 characters":"Hexcodes must be 7 characters"),r.length?r.join(", "):null},H=function(e){function t(t){var r=this;e.call(this,t),this.handleSwatchClick=function(e){var t=r.props.onChange;r.setState({errorMessage:null}),t(e,exports.ComponentStatus.Valid)},this.handleInputChange=function(e){var t=r.props.onChange,o=["#","a","b","c","d","e","f","0","1","2","3","4","5","6","7","8","9"],n=e.target.value.trim().split("").filter(function(e){return o.includes(e.toLowerCase())}).join(""),a=V(n),s=a?exports.ComponentStatus.Error:exports.ComponentStatus.Valid;r.setState({errorMessage:a}),t(n,s)},this.handleInputBlur=function(e){r.props.maintainInputFocus&&e.target.focus()},this.handleRandomizeColor=function(){var e=r.props,t=e.onChange,o=x.sample(e.colors),n=x.get(o,"hex")||"";r.setState({errorMessage:null}),t(n,exports.ComponentStatus.Valid)},this.state={errorMessage:null}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={inputStatus:{configurable:!0},errorMessage:{configurable:!0},colorPreview:{configurable:!0}};return t.prototype.render=function(){var e=this,t=this.props,r=t.maintainInputFocus,o=t.testID,n=t.color,a=t.colors;return C.createElement("div",{className:"color-picker","data-testid":o},C.createElement("div",{className:"color-picker--swatches"},a&&a.map(function(t){return C.createElement(K,{key:t.name,hex:t.hex,name:t.name,onClick:e.handleSwatchClick,testID:o})})),C.createElement("div",{className:"color-picker--form"},C.createElement(E,{customClass:"color-picker--input",placeholder:"#000000",value:n,onChange:this.handleInputChange,maxLength:7,onBlur:this.handleInputBlur,autoFocus:r,status:this.inputStatus,testID:o+"--input"}),this.colorPreview,C.createElement(S,{icon:exports.IconFont.Refresh,shape:exports.ButtonShape.Square,onClick:this.handleRandomizeColor,titleText:"I'm feeling lucky",testID:o+"--randomize"})),this.errorMessage)},r.inputStatus.get=function(){return this.state.errorMessage?exports.ComponentStatus.Error:exports.ComponentStatus.Valid},r.errorMessage.get=function(){var e=this.state.errorMessage;if(e)return C.createElement("div",{className:"color-picker--error","data-testid":this.props.testID+"--error"},C.createElement(M,{message:e}))},r.colorPreview.get=function(){return C.createElement("div",{className:"color-picker--selected",style:{backgroundColor:this.props.color}})},Object.defineProperties(t.prototype,r),t}(y.Component);H.defaultProps={colors:[{hex:"#311F94",name:"Void"},{hex:"#513CC6",name:"Amethyst"},{hex:"#7A65F2",name:"Star"},{hex:"#9394FF",name:"Comet"},{hex:"#B1B6FF",name:"Potassium"},{hex:"#C9D0FF",name:"Moonstone"},{hex:"#fafafc",name:"Ghost"},{hex:"#c6cad3",name:"Chromium"},{hex:"#757888",name:"Mountain"},{hex:"#31313d",name:"Onyx"},{hex:"#326BBA",name:"Sapphire"},{hex:"#4591ED",name:"Ocean"},{hex:"#22ADF6",name:"Pool"},{hex:"#00C9FF",name:"Laser"},{hex:"#6BDFFF",name:"Hydrogen"},{hex:"#BEF0FF",name:"Neutrino"},{hex:"#f6f6f8",name:"Cloud"},{hex:"#bec2cc",name:"Mist"},{hex:"#676978",name:"Storm"},{hex:"#292933",name:"Castle"},{hex:"#108174",name:"Emerald"},{hex:"#32B08C",name:"Viridian"},{hex:"#4ED8A0",name:"Rainforest"},{hex:"#7CE490",name:"Honeydew"},{hex:"#A5F3B4",name:"Krypton"},{hex:"#C6FFD0",name:"Wasabi"},{hex:"#eeeff2",name:"Whisper"},{hex:"#a4a8b6",name:"Forge"},{hex:"#545667",name:"Graphite"},{hex:"#202028",name:"Kevlar"},{hex:"#E85B1C",name:"Topaz"},{hex:"#F48D38",name:"Tiger"},{hex:"#FFB94A",name:"Pineapple"},{hex:"#FFD255",name:"Thunder"},{hex:"#FFE480",name:"Sulfur"},{hex:"#FFF6B8",name:"Daisy"},{hex:"#e7e8eb",name:"Pearl"},{hex:"#999dab",name:"Sidewalk"},{hex:"#434453",name:"Smoke"},{hex:"#1c1c21",name:"Raven"},{hex:"#BF3D5E",name:"Ruby"},{hex:"#DC4E58",name:"Fire"},{hex:"#F95F53",name:"Curacao"},{hex:"#FF8564",name:"Dreamsicle"},{hex:"#FFB6A0",name:"Tungsten"},{hex:"#FFDCCF",name:"Marmelade"},{hex:"#d4d7dd",name:"Platinum"},{hex:"#8e91a1",name:"Wolf"},{hex:"#383846",name:"Pepper"},{hex:"#0f0e15",name:"Obsidian"}],maintainInputFocus:!1,testID:"color-picker"};var G=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return C.createElement("h4",{className:"empty-state--text"},function(e,t){return e.replace(/[\\][n]/g,"LINEBREAK").split(" ").map(function(e){return x.includes(t,e)?C.createElement("em",{key:g.v4()},""+e):"LINEBREAK"===e?C.createElement("br",{key:g.v4()}):C.createElement(y.Fragment,{key:g.v4()},"SPACECHAR"===e?" ":e+" ")})}(e.text,e.highlightWords))},t}(y.Component),U=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return C.createElement("p",{className:"empty-state--sub-text"},this.props.text)},t}(y.Component),X=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return C.createElement("div",{className:this.className,"data-testid":e.testID},e.children)},r.className.get=function(){var e,t=this.props,r=t.customClass,o=t.size;return f("empty-state",((e={})["empty-state--"+o]=o,e[""+r]=r,e))},Object.defineProperties(t.prototype,r),t}(y.Component);X.defaultProps={size:exports.ComponentSize.Small,testID:"empty-state"},X.Text=G,X.SubText=U,exports.Alert=b,exports.Button=S,exports.Input=E,exports.TextArea=N,exports.ComponentSpacer=_,exports.Radio=F,exports.SlideToggle=O,exports.SlideToggleLabel=T,exports.SparkleSpinner=w,exports.SpinnerContainer=P,exports.TechnoSpinner=L,exports.Form=W,exports.FormDivider=A,exports.FormElement=z,exports.FormElementError=M,exports.FormFooter=R,exports.FormHelpText=B,exports.FormLabel=I,exports.FormBox=q,exports.FormValidationElement=j,exports.ColorPicker=H,exports.ColorPickerSwatch=K,exports.EmptyState=X,exports.EmptyStateText=G,exports.EmptyStateSubText=U;
 //# sourceMappingURL=index.js.map

dist/index.umd.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("classnames"),require("react")):"function"==typeof define&&define.amd?define(["exports","classnames","react"],t):t(e.clockface={},e.classnames,e.react)}(this,function(e,t,n){t=t&&t.hasOwnProperty("default")?t.default:t;var a,r,o,s,i,l,c,p,u,d,m,h,f,k="default"in n?n.default:n;(a=e.ComponentColor||(e.ComponentColor={})).Default="default",a.Primary="primary",a.Secondary="secondary",a.Success="success",a.Warning="warning",a.Danger="danger",(r=e.ComponentSize||(e.ComponentSize={})).ExtraSmall="xs",r.Small="sm",r.Medium="md",r.Large="lg",(o=e.ComponentStatus||(e.ComponentStatus={})).Default="default",o.Loading="loading",o.Error="error",o.Valid="valid",o.Disabled="disabled",(s=e.DropdownMenuColors||(e.DropdownMenuColors={})).Amethyst="amethyst",s.Malachite="malachite",s.Sapphire="sapphire",s.Onyx="onyx",(i=e.ButtonShape||(e.ButtonShape={})).Default="none",i.Square="square",i.StretchToFit="stretch",(l=e.ButtonType||(e.ButtonType={})).Button="button",l.Submit="submit",(c=e.Greys||(e.Greys={})).Obsidian="#0f0e15",c.Raven="#1c1c21",c.Kevlar="#202028",c.Castle="#292933",c.Onyx="#31313d",c.Pepper="#383846",c.Smoke="#434453",c.Graphite="#545667",c.Storm="#676978",c.Mountain="#757888",c.Wolf="#8e91a1",c.Sidewalk="#999dab",c.Forge="#a4a8b6",c.Mist="#bec2cc",c.Chromium="#c6cad3",c.Platinum="#d4d7dd",c.Pearl="#e7e8eb",c.Whisper="#eeeff2",c.Cloud="#f6f6f8",c.Ghost="#fafafc",c.White="#ffffff",(p=e.IconFont||(e.IconFont={})).AddCell="add-cell",p.AlertTriangle="alert-triangle",p.Alerts="alerts",p.Annotate="annotate",p.AnnotatePlus="annotate-plus",p.AuthZero="authzero",p.BarChart="bar-chart",p.Bell="bell",p.BellRinging="bell-ringing",p.BellSolid="bell-solid",p.Calendar="calendar",p.Capacitor="capacitor2",p.CaretDown="caret-down",p.CaretLeft="caret-left",p.CaretRight="caret-right",p.CaretUp="caret-up",p.Chat="chat",p.Checkmark="checkmark",p.Circle="circle",p.CircleThick="circle-thick",p.Clock="clock",p.CogOutline="cog-outline",p.CogThick="cog-thick",p.Collapse="collapse",p.CrownOutline="crown-outline",p.CrownSolid="crown2",p.Cube="cube",p.Cubouniform="cubo-uniform",p.CuboNav="cubo-nav",p.Dashboards="dashboards",p.DashF="dash-f",p.DashH="dash-h",p.DashJ="dash-j",p.Disks="disks",p.Download="download",p.Duplicate="duplicate",p.ExpandA="expand-a",p.ExpandB="expand-b",p.Export="export",p.Eye="eye",p.EyeClosed="eye-closed",p.EyeOpen="eye-open",p.GitHub="github",p.Google="google",p.GraphLine="graphline-2",p.Group="group",p.Heroku="heroku",p.HerokuSimple="",p.Import="import",p.Link="link",p.OAuth="oauth",p.Octagon="octagon",p.Okta="okta",p.Pause="pause",p.Pencil="pencil",p.Play="play",p.Plus="plus",p.PlusSkinny="plus-skinny",p.Pulse="pulse-c",p.Refresh="refresh",p.Remove="remove",p.Search="search",p.Server="server2",p.Shuffle="shuffle",p.Square="square",p.TextBlock="text-block",p.Trash="trash",p.Triangle="triangle",p.User="user",p.UserAdd="user-add",p.UserOutline="user-outline",p.UserRemove="user-remove",p.UsersDuo="users-duo",p.UsersTrio="users-trio",p.Wood="wood",p.Wrench="wrench",p.Star="star",p.Stop="stop",p.Zap="zap",(u=e.Columns||(e.Columns={}))[u.One=1]="One",u[u.Two=2]="Two",u[u.Three=3]="Three",u[u.Four=4]="Four",u[u.Five=5]="Five",u[u.Six=6]="Six",u[u.Seven=7]="Seven",u[u.Eight=8]="Eight",u[u.Nine=9]="Nine",u[u.Ten=10]="Ten",u[u.Eleven=11]="Eleven",u[u.Twelve=12]="Twelve",(d=e.Alignment||(e.Alignment={})).Left="left",d.Center="center",d.Right="right",(m=e.Sort||(e.Sort={})).Descending="desc",m.Ascending="asc",m.None="none",(h=e.Stack||(e.Stack={})).Rows="rows",h.Columns="columns",(f=e.RemoteDataState||(e.RemoteDataState={})).NotStarted="NotStarted",f.Loading="Loading",f.Done="Done",f.Error="Error";var g=function(n){function a(){n.apply(this,arguments),this.ref=k.createRef()}n&&(a.__proto__=n),(a.prototype=Object.create(n&&n.prototype)).constructor=a;var r={icon:{configurable:!0},text:{configurable:!0},disabled:{configurable:!0},statusIndicator:{configurable:!0},className:{configurable:!0}};return a.prototype.render=function(){var e=this.props,t=e.onClick,n=e.text,a=e.titleText,r=e.tabIndex,o=e.type,s=e.testID;if(!e.icon&&!n)throw new Error('Button requires either "text" or "icon" props');return k.createElement("button",{className:this.className,disabled:this.disabled,onClick:t,title:a||n,tabIndex:r||0,type:o,ref:this.ref,"data-testid":s},this.icon,this.text,this.statusIndicator)},r.icon.get=function(){var e=this.props.icon;return e?k.createElement("span",{className:"button-icon icon "+e}):null},r.text.get=function(){var t=this.props;return t.shape===e.ButtonShape.Square?null:t.text},r.disabled.get=function(){var t=this.props.status;return t===e.ComponentStatus.Disabled||t===e.ComponentStatus.Loading},r.statusIndicator.get=function(){var t=this.props;return t.status===e.ComponentStatus.Loading?k.createElement("div",{className:"button-spinner button-spinner--"+t.size}):null},r.className.get=function(){var n,a=this.props,r=a.shape,o=a.status,s=a.customClass;return t("button button-"+a.size+" button-"+a.color,((n={"button-square":r===e.ButtonShape.Square,"button-stretch":r===e.ButtonShape.StretchToFit,"button--loading":o===e.ComponentStatus.Loading,"button--disabled":o===e.ComponentStatus.Disabled,active:a.active})[""+s]=s,n))},Object.defineProperties(a.prototype,r),a}(n.Component);g.defaultProps={color:e.ComponentColor.Default,size:e.ComponentSize.Small,shape:e.ButtonShape.Default,status:e.ComponentStatus.Default,active:!1,type:e.ButtonType.Button,testID:e.ButtonType.Button};var S=function(e){function n(){var t=this;e.apply(this,arguments),this.handleClick=function(){var e=t.props;(0,e.onClick)(e.value)}}e&&(n.__proto__=e),(n.prototype=Object.create(e&&e.prototype)).constructor=n;var a={className:{configurable:!0},title:{configurable:!0}};return n.prototype.render=function(){var e=this.props;return k.createElement("button",{type:"button",className:this.className,disabled:e.disabled,onClick:this.handleClick,title:this.title},e.children)},a.className.get=function(){var e=this.props;return t("radio-button",{active:e.active,disabled:e.disabled})},a.title.get=function(){var e=this.props;return e.disabled?e.disabledTitleText:e.titleText},Object.defineProperties(n.prototype,a),n}(n.Component);S.defaultProps={disabled:!1,disabledTitleText:"This option is disabled"};var y=function(n){function a(){var e=this;n.apply(this,arguments),this.validateChildCount=function(){if(k.Children.count(e.props.children)<2)throw new Error("<Radio> requires at least 2 child elements. We recommend using <Radio.Button />")}}n&&(a.__proto__=n),(a.prototype=Object.create(n&&n.prototype)).constructor=a;var r={containerClassName:{configurable:!0}};return a.prototype.render=function(){var e=this.props,t=e.children,n=e.testID;return this.validateChildCount(),k.createElement("div",{className:this.containerClassName,"data-testid":n},t)},r.containerClassName.get=function(){var n,a=this.props,r=a.color,o=a.size,s=a.shape,i=a.customClass;return t("radio-buttons",((n={})["radio-buttons--"+r]=r,n["radio-buttons--"+o]=o,n["radio-buttons--square"]=s===e.ButtonShape.Square,n["radio-buttons--stretch"]=s===e.ButtonShape.StretchToFit,n[""+i]=i,n))},Object.defineProperties(a.prototype,r),a}(n.Component);y.defaultProps={color:e.ComponentColor.Primary,size:e.ComponentSize.Small,shape:e.ButtonShape.Default,testID:"radio-button"},y.Button=S;var C=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return k.createElement("label",{className:"slide-toggle--label"},this.props.text)},t}(n.Component),b=function(e){function n(){var t=this;e.apply(this,arguments),this.handleClick=function(){var e=t.props;e.disabled||(0,e.onChange)()}}e&&(n.__proto__=e),(n.prototype=Object.create(e&&e.prototype)).constructor=n;var a={className:{configurable:!0}};return n.prototype.render=function(){var e=this.props;return k.createElement("div",{className:this.className,onClick:this.handleClick,title:e.tooltipText,"data-testid":e.testID},k.createElement("div",{className:"slide-toggle--knob"}))},a.className.get=function(){var e=this.props;return t("slide-toggle slide-toggle-"+e.size+" slide-toggle-"+e.color,{active:e.active,disabled:e.disabled})},Object.defineProperties(n.prototype,a),n}(n.Component);b.Label=C,b.defaultProps={size:e.ComponentSize.Small,color:e.ComponentColor.Primary,tooltipText:"",disabled:!1,testID:"slide-toggle"};var v=function(n){function a(){n.apply(this,arguments)}n&&(a.__proto__=n),(a.prototype=Object.create(n&&n.prototype)).constructor=a;var r={loadingStatus:{configurable:!0},animationState:{configurable:!0}};return a.prototype.render=function(){return k.createElement("div",{className:"sparkle-spinner","data-testid":this.props.testID},k.createElement("svg",{version:"1.1",id:"sparkle_spinner",x:"0px",y:"0px",width:"100%",height:"100%",viewBox:"0 0 250 250"},k.createElement("path",{className:"sparkle-spinner--fill-medium sparkle-spinner--delay-3 "+this.animationState,d:"M250,9.1C250,9.1,250,9.1,250,9.1l-1.6-7c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l0,0l0,0c0,0,0,0,0,0L241.5,0\n\tc0,0,0,0,0,0l0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l-5.2,4.9c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0l0,0l0,0c0,0,0,0,0,0l1.6,6.9\n\tc0,0,0,0,0,0l0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l6.8,2.1c0,0,0,0,0,0s0,0,0,0h0c0,0,0,0,0,0l0,0L250,9.1\n\tC250,9.2,250,9.2,250,9.1L250,9.1L250,9.1C250,9.2,250,9.1,250,9.1C250,9.1,250,9.1,250,9.1z"}),k.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-1 "+this.animationState,d:"M168.5,187.9C168.5,187.9,168.5,187.9,168.5,187.9l-0.8-3.5c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l0,0l0,0\n\tc0,0,0,0,0,0l-3.5-1c0,0,0,0,0,0l0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l-2.6,2.4c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0l0,0l0,0\n\tc0,0,0,0,0,0l0.8,3.4c0,0,0,0,0,0l0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l3.4,1c0,0,0,0,0,0c0,0,0,0,0,0h0c0,0,0,0,0,0l0,0\n\tL168.5,187.9C168.5,187.9,168.5,187.9,168.5,187.9L168.5,187.9L168.5,187.9C168.5,187.9,168.5,187.9,168.5,187.9\n\tC168.5,187.9,168.5,187.9,168.5,187.9z"}),k.createElement("circle",{className:"sparkle-spinner--fill-light sparkle-spinner--delay-2 "+this.animationState,cx:"231.5",cy:"171.2",r:"3.5"}),k.createElement("path",{className:this.loadingStatus,d:"M181.3,136.9l-10.9-47.6c-0.6-2.6-3-5.2-5.6-6l-50-15.4c-0.6-0.2-1.4-0.2-2.1-0.2\n\tc-2.1,0-4.4,0.9-5.8,2.1L71,103.1c-2,1.7-3,5.2-2.4,7.7l11.7,51c0.6,2.6,3,5.2,5.6,6l46.7,14.4c0.6,0.2,1.4,0.2,2.1,0.2\n\tc2.1,0,4.4-0.9,5.8-2.1l38.3-35.6C180.9,142.8,181.9,139.5,181.3,136.9z M120,79.2l34.3,10.6c1.4,0.4,1.4,1,0,1.4l-18,4.1\n\tc-1.4,0.4-3.2-0.2-4.2-1.2l-12.6-13.6C118.4,79.3,118.7,78.8,120,79.2z M141.4,140.7c0.4,1.4-0.5,2.1-1.9,1.7l-37-11.4\n\tc-1.4-0.4-1.6-1.5-0.6-2.5l28.3-26.4c1-1,2.1-0.6,2.5,0.7L141.4,140.7z M80.4,107.2l30.1-28c1-1,2.6-0.9,3.6,0.1l15,16.3\n\tc1,1,0.9,2.6-0.1,3.6l-30.1,28c-1,1-2.6,0.9-3.6-0.1l-15-16.3C79.3,109.6,79.4,108,80.4,107.2z M87.7,151.5l-8-34.9\n\tc-0.4-1.4,0.2-1.6,1.1-0.6l12.6,13.6c1,1,1.4,3,1,4.4l-5.5,17.7C88.6,152.9,88,152.9,87.7,151.5z M131.7,171.9l-39.3-12.1\n\tc-1.4-0.4-2.1-1.9-1.7-3.2l6.6-21.1c0.4-1.4,1.9-2.1,3.2-1.7l39.3,12.1c1.4,0.4,2.1,1.9,1.7,3.2l-6.6,21.1\n\tC134.4,171.6,133.1,172.3,131.7,171.9z M166.5,143.3l-26.2,24.4c-1,1-1.5,0.6-1.1-0.7l5.5-17.7c0.4-1.4,1.9-2.7,3.2-3l18-4.1\n\tC167.3,141.8,167.5,142.5,166.5,143.3z M169.4,138.1l-21.6,5c-1.4,0.4-2.7-0.5-3.1-1.9l-9.2-40c-0.4-1.4,0.5-2.7,1.9-3.1l21.6-5\n\tc1.4-0.4,2.7,0.5,3.1,1.9l9.2,40C171.6,136.5,170.7,137.9,169.4,138.1z"}),k.createElement("g",null,k.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-medium sparkle-spinner--delay-2 "+this.animationState,x1:"30",y1:"90.4",x2:"30",y2:"104.4"}),k.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-medium sparkle-spinner--delay-2 "+this.animationState,x1:"37",y1:"97.4",x2:"23",y2:"97.4"})),k.createElement("g",null,k.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-2 "+this.animationState,x1:"165.7",y1:"12.9",x2:"165.7",y2:"19.9"}),k.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-2 "+this.animationState,x1:"169.2",y1:"16.4",x2:"162.2",y2:"16.4"})),k.createElement("g",null,k.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-dark sparkle-spinner--delay-3 "+this.animationState,x1:"5.1",y1:"241.4",x2:"5.1",y2:"248.4"}),k.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-dark sparkle-spinner--delay-3 "+this.animationState,x1:"8.6",y1:"244.9",x2:"1.6",y2:"244.9"})),k.createElement("g",null,k.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"176.5",y1:"224.2",x2:"171.5",y2:"229.2"}),k.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"176.5",y1:"229.2",x2:"171.5",y2:"224.2"})),k.createElement("g",null,k.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"63.4",y1:"28.3",x2:"58.4",y2:"33.3"}),k.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"63.4",y1:"33.3",x2:"58.4",y2:"28.3"})),k.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-1 "+this.animationState,d:"M101.6,51.6c1.2,0,2.1,1,2.1,2.1s-1,2.1-2.1,2.1s-2.1-1-2.1-2.1S100.5,51.6,101.6,51.6 M101.6,50.2\n\t\tc-1.9,0-3.5,1.6-3.5,3.5c0,1.9,1.6,3.5,3.5,3.5c1.9,0,3.5-1.6,3.5-3.5C105.1,51.8,103.6,50.2,101.6,50.2L101.6,50.2z"}),k.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-2 "+this.animationState,d:"M64.2,215.2c3.1,0,5.6,2.5,5.6,5.6s-2.5,5.6-5.6,5.6c-3.1,0-5.6-2.5-5.6-5.6S61.1,215.2,64.2,215.2\n\t\t M64.2,213.9c-3.9,0-7,3.1-7,7s3.1,7,7,7c3.9,0,7-3.1,7-7S68.1,213.9,64.2,213.9L64.2,213.9z"}),k.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-1 "+this.animationState,d:"M38.8,153.1l8.8,2.7l2.1,9l-6.8,6.3l-8.8-2.7l-2.1-9L38.8,153.1 M38.5,151.6C38.5,151.6,38.5,151.6,38.5,151.6\n\t\tc-0.1,0-0.1,0-0.1,0c0,0,0,0,0,0l-7.8,7.3c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0s0,0,0,0l2.4,10.4c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0\n\t\tc0,0,0,0,0,0l10.2,3.1c0,0,0,0,0,0c0,0,0,0,0,0h0c0,0,0,0,0,0l7.8-7.3c0,0,0,0,0,0c0,0,0,0,0-0.1c0,0,0,0,0,0l-2.4-10.4\n\t\tc0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0L38.5,151.6L38.5,151.6z M51.2,165.3L51.2,165.3L51.2,165.3z M51.2,165.3\n\t\tC51.2,165.3,51.2,165.3,51.2,165.3C51.2,165.3,51.2,165.3,51.2,165.3L51.2,165.3z"}),k.createElement("path",{className:"sparkle-spinner--fill-medium sparkle-spinner--delay-1 "+this.animationState,d:"M207.5,72.5l7.2,2.2l1.7,7.3l-5.5,5.1l-7.2-2.2l-1.7-7.3L207.5,72.5 M207.3,71C207.2,71,207.2,71,207.3,71\n\t\tC207.2,71,207.2,71,207.3,71c-0.1,0-0.1,0-0.1,0l-6.5,6.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l2,8.7c0,0,0,0,0,0\n\t\tc0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l8.6,2.6c0,0,0,0,0,0c0,0,0,0,0,0h0c0,0,0,0,0,0l6.5-6.1c0,0,0,0,0,0c0,0,0,0,0-0.1\n\t\tc0,0,0,0,0,0l-2-8.7c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0L207.3,71L207.3,71z M217.9,82.5L217.9,82.5L217.9,82.5z\n\t\t M217.9,82.5C217.9,82.5,217.9,82.5,217.9,82.5C217.9,82.5,217.9,82.5,217.9,82.5L217.9,82.5z"})))},r.loadingStatus.get=function(){var n=this.props.loading;return t("sparkle-spinner--logo",{"sparkle-spinner--fill-medium":n===e.RemoteDataState.NotStarted||n===e.RemoteDataState.Loading,"sparkle-spinner--animate-sparkle":n===e.RemoteDataState.Loading,"sparkle-spinner--fill-error":n===e.RemoteDataState.Error,"sparkle-spinner--fill-done":n===e.RemoteDataState.Done})},r.animationState.get=function(){return t({"sparkle-spinner--animate-sparkle":this.props.loading===e.RemoteDataState.Loading})},Object.defineProperties(a.prototype,r),a}(n.PureComponent);v.defaultProps={loading:e.RemoteDataState.NotStarted,testID:"sparkle-spinner"};var x=function(n){function a(){n.apply(this,arguments)}n&&(a.__proto__=n),(a.prototype=Object.create(n&&n.prototype)).constructor=a;var r={className:{configurable:!0}};return a.prototype.render=function(){var t=this.props,n=t.loading,a=t.children;return n===e.RemoteDataState.Loading||n===e.RemoteDataState.NotStarted?k.createElement("div",{className:this.className,"data-testid":t.testID},t.spinnerComponent):a},r.className.get=function(){var e,n=this.props.className;return t("spinner-container",((e={})[""+n]=n,e))},Object.defineProperties(a.prototype,r),a}(n.Component);x.defaultProps={testID:"spinner-container"};var N=function(t){function n(){t.apply(this,arguments)}t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n;var a={style:{configurable:!0},strokeWidth:{configurable:!0}};return n.prototype.render=function(){return k.createElement("div",{className:"techno-spinner",style:this.style,"data-testid":this.props.testID})},a.style.get=function(){var e=this.props.diameterPixels;return{width:e+"px",height:e+"px",borderWidth:this.strokeWidth+"px"}},a.strokeWidth.get=function(){var t;switch(this.props.strokeWidth){case e.ComponentSize.ExtraSmall:t=1;break;case e.ComponentSize.Small:t=2;break;case e.ComponentSize.Medium:t=4;break;case e.ComponentSize.Large:default:t=8}return t},Object.defineProperties(n.prototype,a),n}(n.Component);N.defaultProps={diameterPixels:100,strokeWidth:e.ComponentSize.Small,testID:"techno-spinner"},e.Button=g,e.ComponentSpacer=function(n){var a=n.children,r=n.align,o=n.stackChildren;void 0===o&&(o=e.Stack.Columns);var s=n.stretchToFitWidth;void 0===s&&(s=!1);var i=n.stretchToFitHeight;void 0===i&&(i=!1);var l=n.testID;return void 0===l&&(l="component-spacer"),k.createElement("div",{className:t("component-spacer",{"component-spacer--left":r===e.Alignment.Left,"component-spacer--center":r===e.Alignment.Center,"component-spacer--right":r===e.Alignment.Right,"component-spacer--horizontal":o===e.Stack.Columns,"component-spacer--vertical":o===e.Stack.Rows,"component-spacer--stretch-w":s,"component-spacer--stretch-h":i}),"data-testid":l},a)},e.Radio=y,e.SlideToggle=b,e.SlideToggleLabel=C,e.SparkleSpinner=v,e.SpinnerContainer=x,e.TechnoSpinner=N});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("classnames"),require("lodash"),require("uuid"),require("react")):"function"==typeof define&&define.amd?define(["exports","classnames","lodash","uuid","react"],t):t(e.clockface={},e.classnames,e.lodash,e.uuid,e.react)}(this,function(e,t,r,n,a){t=t&&t.hasOwnProperty("default")?t.default:t,r=r&&r.hasOwnProperty("default")?r.default:r,n=n&&n.hasOwnProperty("default")?n.default:n;var o,s,i,l,c,p,u,m,d,h,f,g,y,C,b="default"in a?a.default:a,v=function(e){function r(){e.apply(this,arguments)}e&&(r.__proto__=e),(r.prototype=Object.create(e&&e.prototype)).constructor=r;var n={className:{configurable:!0}};return r.prototype.render=function(){var e=this.props,t=e.children,r=e.icon;return b.createElement("div",{className:this.className},r&&b.createElement("span",{className:"alert--icon icon "+r}),b.createElement("div",{className:"alert--contents"},t))},n.className.get=function(){var e,r=this.props,n=r.color,a=r.icon;return t("alert",((e={})["alert--"+n]=n,e["alert--has-icon"]=a,e))},Object.defineProperties(r.prototype,n),r}(a.Component);(o=e.ComponentColor||(e.ComponentColor={})).Default="default",o.Primary="primary",o.Secondary="secondary",o.Success="success",o.Warning="warning",o.Danger="danger",(s=e.ComponentSize||(e.ComponentSize={})).ExtraSmall="xs",s.Small="sm",s.Medium="md",s.Large="lg",(i=e.ComponentStatus||(e.ComponentStatus={})).Default="default",i.Loading="loading",i.Error="error",i.Valid="valid",i.Disabled="disabled",(l=e.DropdownMenuColors||(e.DropdownMenuColors={})).Amethyst="amethyst",l.Malachite="malachite",l.Sapphire="sapphire",l.Onyx="onyx",(c=e.ButtonShape||(e.ButtonShape={})).Default="none",c.Square="square",c.StretchToFit="stretch",(p=e.ButtonType||(e.ButtonType={})).Button="button",p.Submit="submit",(u=e.Greys||(e.Greys={})).Obsidian="#0f0e15",u.Raven="#1c1c21",u.Kevlar="#202028",u.Castle="#292933",u.Onyx="#31313d",u.Pepper="#383846",u.Smoke="#434453",u.Graphite="#545667",u.Storm="#676978",u.Mountain="#757888",u.Wolf="#8e91a1",u.Sidewalk="#999dab",u.Forge="#a4a8b6",u.Mist="#bec2cc",u.Chromium="#c6cad3",u.Platinum="#d4d7dd",u.Pearl="#e7e8eb",u.Whisper="#eeeff2",u.Cloud="#f6f6f8",u.Ghost="#fafafc",u.White="#ffffff",(m=e.IconFont||(e.IconFont={})).AddCell="add-cell",m.AlertTriangle="alert-triangle",m.Alerts="alerts",m.Annotate="annotate",m.AnnotatePlus="annotate-plus",m.AuthZero="authzero",m.BarChart="bar-chart",m.Bell="bell",m.BellRinging="bell-ringing",m.BellSolid="bell-solid",m.Calendar="calendar",m.Capacitor="capacitor2",m.CaretDown="caret-down",m.CaretLeft="caret-left",m.CaretRight="caret-right",m.CaretUp="caret-up",m.Chat="chat",m.Checkmark="checkmark",m.Circle="circle",m.CircleThick="circle-thick",m.Clock="clock",m.CogOutline="cog-outline",m.CogThick="cog-thick",m.Collapse="collapse",m.CrownOutline="crown-outline",m.CrownSolid="crown2",m.Cube="cube",m.Cubouniform="cubo-uniform",m.CuboNav="cubo-nav",m.Dashboards="dashboards",m.DashF="dash-f",m.DashH="dash-h",m.DashJ="dash-j",m.Disks="disks",m.Download="download",m.Duplicate="duplicate",m.ExpandA="expand-a",m.ExpandB="expand-b",m.Export="export",m.Eye="eye",m.EyeClosed="eye-closed",m.EyeOpen="eye-open",m.GitHub="github",m.Google="google",m.GraphLine="graphline-2",m.Group="group",m.Heroku="heroku",m.HerokuSimple="",m.Import="import",m.Link="link",m.OAuth="oauth",m.Octagon="octagon",m.Okta="okta",m.Pause="pause",m.Pencil="pencil",m.Play="play",m.Plus="plus",m.PlusSkinny="plus-skinny",m.Pulse="pulse-c",m.Refresh="refresh",m.Remove="remove",m.Search="search",m.Server="server2",m.Shuffle="shuffle",m.Square="square",m.TextBlock="text-block",m.Trash="trash",m.Triangle="triangle",m.User="user",m.UserAdd="user-add",m.UserOutline="user-outline",m.UserRemove="user-remove",m.UsersDuo="users-duo",m.UsersTrio="users-trio",m.Wood="wood",m.Wrench="wrench",m.Star="star",m.Stop="stop",m.Zap="zap",(d=e.Columns||(e.Columns={}))[d.One=1]="One",d[d.Two=2]="Two",d[d.Three=3]="Three",d[d.Four=4]="Four",d[d.Five=5]="Five",d[d.Six=6]="Six",d[d.Seven=7]="Seven",d[d.Eight=8]="Eight",d[d.Nine=9]="Nine",d[d.Ten=10]="Ten",d[d.Eleven=11]="Eleven",d[d.Twelve=12]="Twelve",(h=e.Alignment||(e.Alignment={})).Left="left",h.Center="center",h.Right="right",(f=e.Sort||(e.Sort={})).Descending="desc",f.Ascending="asc",f.None="none",(g=e.Stack||(e.Stack={})).Rows="rows",g.Columns="columns",(y=e.RemoteDataState||(e.RemoteDataState={})).NotStarted="NotStarted",y.Loading="Loading",y.Done="Done",y.Error="Error",(C=e.AutoComplete||(e.AutoComplete={})).On="on",C.Off="off";var S,x=function(r){function n(){r.apply(this,arguments),this.ref=b.createRef()}r&&(n.__proto__=r),(n.prototype=Object.create(r&&r.prototype)).constructor=n;var a={icon:{configurable:!0},text:{configurable:!0},disabled:{configurable:!0},statusIndicator:{configurable:!0},className:{configurable:!0}};return n.prototype.render=function(){var e=this.props,t=e.onClick,r=e.text,n=e.titleText,a=e.tabIndex,o=e.type,s=e.testID;if(!e.icon&&!r)throw new Error('Button requires either "text" or "icon" props');return b.createElement("button",{className:this.className,disabled:this.disabled,onClick:t,title:n||r,tabIndex:a||0,type:o,ref:this.ref,"data-testid":s},this.icon,this.text,this.statusIndicator)},a.icon.get=function(){var e=this.props.icon;return e?b.createElement("span",{className:"button-icon icon "+e}):null},a.text.get=function(){var t=this.props;return t.shape===e.ButtonShape.Square?null:t.text},a.disabled.get=function(){var t=this.props.status;return t===e.ComponentStatus.Disabled||t===e.ComponentStatus.Loading},a.statusIndicator.get=function(){var t=this.props;return t.status===e.ComponentStatus.Loading?b.createElement("div",{className:"button-spinner button-spinner--"+t.size}):null},a.className.get=function(){var r,n=this.props,a=n.shape,o=n.status,s=n.customClass;return t("button button-"+n.size+" button-"+n.color,((r={"button-square":a===e.ButtonShape.Square,"button-stretch":a===e.ButtonShape.StretchToFit,"button--loading":o===e.ComponentStatus.Loading,"button--disabled":o===e.ComponentStatus.Disabled,active:n.active})[""+s]=s,r))},Object.defineProperties(n.prototype,a),n}(a.Component);x.defaultProps={color:e.ComponentColor.Default,size:e.ComponentSize.Small,shape:e.ButtonShape.Default,status:e.ComponentStatus.Default,active:!1,type:e.ButtonType.Button,testID:e.ButtonType.Button},(S=e.InputType||(e.InputType={})).Text="text",S.Number="number",S.Password="password",S.Email="email";var k,E=function(r){function n(){r.apply(this,arguments)}r&&(n.__proto__=r),(n.prototype=Object.create(r&&r.prototype)).constructor=n;var a={transformedValue:{configurable:!0},icon:{configurable:!0},title:{configurable:!0},statusIndicator:{configurable:!0},className:{configurable:!0},containerStyle:{configurable:!0}};return n.prototype.render=function(){var t=this.props;return b.createElement("div",{className:this.className,style:this.containerStyle},b.createElement("input",{id:t.id,min:t.min,max:t.max,title:this.title,autoComplete:t.autocomplete,name:t.name,type:t.type,value:this.transformedValue,placeholder:t.placeholder,autoFocus:t.autoFocus,spellCheck:t.spellCheck,onChange:t.onChange,onBlur:t.onBlur,onFocus:t.onFocus,onKeyPress:t.onKeyPress,onKeyUp:t.onKeyUp,onKeyDown:t.onKeyDown,className:"input-field",disabled:t.status===e.ComponentStatus.Disabled,maxLength:t.maxLength,tabIndex:t.tabIndex,"data-testid":t.testID}),this.icon,this.statusIndicator)},a.transformedValue.get=function(){var t=this.props,r=t.value;return t.type===e.InputType.Number?Number(r):""+r},a.icon.get=function(){var e=this.props.icon;return e?b.createElement("span",{className:"input-icon icon "+e}):null},a.title.get=function(){var t=this.props;return t.status===e.ComponentStatus.Disabled?t.disabledTitleText:t.titleText},a.statusIndicator.get=function(){var t=this.props.status;return t===e.ComponentStatus.Loading?b.createElement(b.Fragment,null,b.createElement("div",{className:"input-status"},b.createElement("div",{className:"input-spinner"})),b.createElement("div",{className:"input-shadow"})):t===e.ComponentStatus.Error?b.createElement(b.Fragment,null,b.createElement("span",{className:"input-status icon "+e.IconFont.AlertTriangle+' data-testid="input-error"'}),b.createElement("div",{className:"input-shadow"})):t===e.ComponentStatus.Valid?b.createElement(b.Fragment,null,b.createElement("span",{className:"input-status icon "+e.IconFont.Checkmark+' data-testid="input-valid"'}),b.createElement("div",{className:"input-shadow"})):b.createElement("div",{className:"input-shadow"})},a.className.get=function(){var r,n=this.props,a=n.size,o=n.status,s=n.icon,i=n.customClass;return t("input",((r={})["input-"+a]=a,r["input--has-icon"]=s,r["input--valid"]=o===e.ComponentStatus.Valid,r["input--error"]=o===e.ComponentStatus.Error,r["input--loading"]=o===e.ComponentStatus.Loading,r["input--disabled"]=o===e.ComponentStatus.Disabled,r[""+i]=i,r))},a.containerStyle.get=function(){var e=this.props.widthPixels;return e?{width:e+"px"}:{width:"100%"}},Object.defineProperties(n.prototype,a),n}(a.Component);E.defaultProps={type:e.InputType.Text,name:"",value:"",placeholder:"",titleText:"",autocomplete:e.AutoComplete.Off,disabledTitleText:"This input is disabled",size:e.ComponentSize.Small,status:e.ComponentStatus.Default,autoFocus:!1,spellCheck:!1,testID:"input-field"},(k=e.Wrap||(e.Wrap={})).Hard="hard",k.Soft="soft",k.Off="off";var N=function(r){function n(){var e=this;r.apply(this,arguments),this.handleChange=function(t){var r=e.props.onChange;r&&r(t.target.value)}}r&&(n.__proto__=r),(n.prototype=Object.create(r&&r.prototype)).constructor=n;var a={className:{configurable:!0},containerStyle:{configurable:!0}};return n.prototype.render=function(){var t=this.props;return b.createElement("div",{className:this.className,style:this.containerStyle},b.createElement("textarea",{autoComplete:t.autocomplete,autoFocus:t.autoFocus,disabled:t.status===e.ComponentStatus.Disabled,form:t.form,maxLength:t.maxLength,minLength:t.minLength,name:t.name,placeholder:t.placeholder,readOnly:t.readOnly,required:t.required,cols:t.cols,rows:t.rows,spellCheck:t.spellCheck,wrap:t.wrap,className:"text-area",value:t.value,onBlur:t.onBlur,onFocus:t.onFocus,onKeyPress:t.onKeyPress,onKeyUp:t.onKeyUp,onKeyDown:t.onKeyDown,onChange:this.handleChange}))},a.className.get=function(){var e,r=this.props,n=r.size,a=r.customClass;return t("text-area--container",((e={})["input-"+n]=n,e.customClass=a,e))},a.containerStyle.get=function(){var e=this.props.widthPixels;return e?{width:e+"px"}:{width:"100%"}},Object.defineProperties(n.prototype,a),n}(a.Component);N.defaultProps={autocomplete:e.AutoComplete.Off,autoFocus:!1,cols:20,form:"",maxLength:void 0,minLength:void 0,name:"",placeholder:"",readOnly:!1,required:!1,rows:20,spellCheck:!1,wrap:e.Wrap.Hard,value:""};var _=function(r){function n(){r.apply(this,arguments)}return r&&(n.__proto__=r),(n.prototype=Object.create(r&&r.prototype)).constructor=n,n.prototype.render=function(){var r=this.props,n=r.children,a=r.align,o=r.stackChildren,s=r.testID;return b.createElement("div",{className:t("component-spacer",{"component-spacer--left":a===e.Alignment.Left,"component-spacer--center":a===e.Alignment.Center,"component-spacer--right":a===e.Alignment.Right,"component-spacer--horizontal":o===e.Stack.Columns,"component-spacer--vertical":o===e.Stack.Rows,"component-spacer--stretch-w":r.stretchToFitWidth,"component-spacer--stretch-h":r.stretchToFitHeight}),"data-testid":s},n)},n}(a.Component);_.defaultProps={stackChildren:e.Stack.Columns,stretchToFitWidth:!1,stretchToFitHeight:!1,testID:"component-spacer"};var D=function(e){function r(){var t=this;e.apply(this,arguments),this.handleClick=function(){var e=t.props;(0,e.onClick)(e.value)}}e&&(r.__proto__=e),(r.prototype=Object.create(e&&e.prototype)).constructor=r;var n={className:{configurable:!0},title:{configurable:!0}};return r.prototype.render=function(){var e=this.props;return b.createElement("button",{type:"button",className:this.className,disabled:e.disabled,onClick:this.handleClick,title:this.title},e.children)},n.className.get=function(){var e=this.props;return t("radio-button",{active:e.active,disabled:e.disabled})},n.title.get=function(){var e=this.props;return e.disabled?e.disabledTitleText:e.titleText},Object.defineProperties(r.prototype,n),r}(a.Component);D.defaultProps={disabled:!1,disabledTitleText:"This option is disabled"};var F=function(r){function n(){var e=this;r.apply(this,arguments),this.validateChildCount=function(){if(b.Children.count(e.props.children)<2)throw new Error("<Radio> requires at least 2 child elements. We recommend using <Radio.Button />")}}r&&(n.__proto__=r),(n.prototype=Object.create(r&&r.prototype)).constructor=n;var a={containerClassName:{configurable:!0}};return n.prototype.render=function(){var e=this.props,t=e.children,r=e.testID;return this.validateChildCount(),b.createElement("div",{className:this.containerClassName,"data-testid":r},t)},a.containerClassName.get=function(){var r,n=this.props,a=n.color,o=n.size,s=n.shape,i=n.customClass;return t("radio-buttons",((r={})["radio-buttons--"+a]=a,r["radio-buttons--"+o]=o,r["radio-buttons--square"]=s===e.ButtonShape.Square,r["radio-buttons--stretch"]=s===e.ButtonShape.StretchToFit,r[""+i]=i,r))},Object.defineProperties(n.prototype,a),n}(a.Component);F.defaultProps={color:e.ComponentColor.Primary,size:e.ComponentSize.Small,shape:e.ButtonShape.Default,testID:"radio-button"},F.Button=D;var O=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return b.createElement("label",{className:"slide-toggle--label"},this.props.text)},t}(a.Component),T=function(e){function r(){var t=this;e.apply(this,arguments),this.handleClick=function(){var e=t.props;e.disabled||(0,e.onChange)()}}e&&(r.__proto__=e),(r.prototype=Object.create(e&&e.prototype)).constructor=r;var n={className:{configurable:!0}};return r.prototype.render=function(){var e=this.props;return b.createElement("div",{className:this.className,onClick:this.handleClick,title:e.tooltipText,"data-testid":e.testID},b.createElement("div",{className:"slide-toggle--knob"}))},n.className.get=function(){var e=this.props;return t("slide-toggle slide-toggle-"+e.size+" slide-toggle-"+e.color,{active:e.active,disabled:e.disabled})},Object.defineProperties(r.prototype,n),r}(a.Component);T.Label=O,T.defaultProps={size:e.ComponentSize.Small,color:e.ComponentColor.Primary,tooltipText:"",disabled:!1,testID:"slide-toggle"};var w=function(r){function n(){r.apply(this,arguments)}r&&(n.__proto__=r),(n.prototype=Object.create(r&&r.prototype)).constructor=n;var a={loadingStatus:{configurable:!0},animationState:{configurable:!0}};return n.prototype.render=function(){return b.createElement("div",{className:"sparkle-spinner","data-testid":this.props.testID},b.createElement("svg",{version:"1.1",id:"sparkle_spinner",x:"0px",y:"0px",width:"100%",height:"100%",viewBox:"0 0 250 250"},b.createElement("path",{className:"sparkle-spinner--fill-medium sparkle-spinner--delay-3 "+this.animationState,d:"M250,9.1C250,9.1,250,9.1,250,9.1l-1.6-7c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l0,0l0,0c0,0,0,0,0,0L241.5,0\n\tc0,0,0,0,0,0l0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l-5.2,4.9c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0l0,0l0,0c0,0,0,0,0,0l1.6,6.9\n\tc0,0,0,0,0,0l0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l6.8,2.1c0,0,0,0,0,0s0,0,0,0h0c0,0,0,0,0,0l0,0L250,9.1\n\tC250,9.2,250,9.2,250,9.1L250,9.1L250,9.1C250,9.2,250,9.1,250,9.1C250,9.1,250,9.1,250,9.1z"}),b.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-1 "+this.animationState,d:"M168.5,187.9C168.5,187.9,168.5,187.9,168.5,187.9l-0.8-3.5c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l0,0l0,0\n\tc0,0,0,0,0,0l-3.5-1c0,0,0,0,0,0l0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l-2.6,2.4c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0l0,0l0,0\n\tc0,0,0,0,0,0l0.8,3.4c0,0,0,0,0,0l0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l3.4,1c0,0,0,0,0,0c0,0,0,0,0,0h0c0,0,0,0,0,0l0,0\n\tL168.5,187.9C168.5,187.9,168.5,187.9,168.5,187.9L168.5,187.9L168.5,187.9C168.5,187.9,168.5,187.9,168.5,187.9\n\tC168.5,187.9,168.5,187.9,168.5,187.9z"}),b.createElement("circle",{className:"sparkle-spinner--fill-light sparkle-spinner--delay-2 "+this.animationState,cx:"231.5",cy:"171.2",r:"3.5"}),b.createElement("path",{className:this.loadingStatus,d:"M181.3,136.9l-10.9-47.6c-0.6-2.6-3-5.2-5.6-6l-50-15.4c-0.6-0.2-1.4-0.2-2.1-0.2\n\tc-2.1,0-4.4,0.9-5.8,2.1L71,103.1c-2,1.7-3,5.2-2.4,7.7l11.7,51c0.6,2.6,3,5.2,5.6,6l46.7,14.4c0.6,0.2,1.4,0.2,2.1,0.2\n\tc2.1,0,4.4-0.9,5.8-2.1l38.3-35.6C180.9,142.8,181.9,139.5,181.3,136.9z M120,79.2l34.3,10.6c1.4,0.4,1.4,1,0,1.4l-18,4.1\n\tc-1.4,0.4-3.2-0.2-4.2-1.2l-12.6-13.6C118.4,79.3,118.7,78.8,120,79.2z M141.4,140.7c0.4,1.4-0.5,2.1-1.9,1.7l-37-11.4\n\tc-1.4-0.4-1.6-1.5-0.6-2.5l28.3-26.4c1-1,2.1-0.6,2.5,0.7L141.4,140.7z M80.4,107.2l30.1-28c1-1,2.6-0.9,3.6,0.1l15,16.3\n\tc1,1,0.9,2.6-0.1,3.6l-30.1,28c-1,1-2.6,0.9-3.6-0.1l-15-16.3C79.3,109.6,79.4,108,80.4,107.2z M87.7,151.5l-8-34.9\n\tc-0.4-1.4,0.2-1.6,1.1-0.6l12.6,13.6c1,1,1.4,3,1,4.4l-5.5,17.7C88.6,152.9,88,152.9,87.7,151.5z M131.7,171.9l-39.3-12.1\n\tc-1.4-0.4-2.1-1.9-1.7-3.2l6.6-21.1c0.4-1.4,1.9-2.1,3.2-1.7l39.3,12.1c1.4,0.4,2.1,1.9,1.7,3.2l-6.6,21.1\n\tC134.4,171.6,133.1,172.3,131.7,171.9z M166.5,143.3l-26.2,24.4c-1,1-1.5,0.6-1.1-0.7l5.5-17.7c0.4-1.4,1.9-2.7,3.2-3l18-4.1\n\tC167.3,141.8,167.5,142.5,166.5,143.3z M169.4,138.1l-21.6,5c-1.4,0.4-2.7-0.5-3.1-1.9l-9.2-40c-0.4-1.4,0.5-2.7,1.9-3.1l21.6-5\n\tc1.4-0.4,2.7,0.5,3.1,1.9l9.2,40C171.6,136.5,170.7,137.9,169.4,138.1z"}),b.createElement("g",null,b.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-medium sparkle-spinner--delay-2 "+this.animationState,x1:"30",y1:"90.4",x2:"30",y2:"104.4"}),b.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-medium sparkle-spinner--delay-2 "+this.animationState,x1:"37",y1:"97.4",x2:"23",y2:"97.4"})),b.createElement("g",null,b.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-2 "+this.animationState,x1:"165.7",y1:"12.9",x2:"165.7",y2:"19.9"}),b.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-2 "+this.animationState,x1:"169.2",y1:"16.4",x2:"162.2",y2:"16.4"})),b.createElement("g",null,b.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-dark sparkle-spinner--delay-3 "+this.animationState,x1:"5.1",y1:"241.4",x2:"5.1",y2:"248.4"}),b.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-dark sparkle-spinner--delay-3 "+this.animationState,x1:"8.6",y1:"244.9",x2:"1.6",y2:"244.9"})),b.createElement("g",null,b.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"176.5",y1:"224.2",x2:"171.5",y2:"229.2"}),b.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"176.5",y1:"229.2",x2:"171.5",y2:"224.2"})),b.createElement("g",null,b.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"63.4",y1:"28.3",x2:"58.4",y2:"33.3"}),b.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"63.4",y1:"33.3",x2:"58.4",y2:"28.3"})),b.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-1 "+this.animationState,d:"M101.6,51.6c1.2,0,2.1,1,2.1,2.1s-1,2.1-2.1,2.1s-2.1-1-2.1-2.1S100.5,51.6,101.6,51.6 M101.6,50.2\n\t\tc-1.9,0-3.5,1.6-3.5,3.5c0,1.9,1.6,3.5,3.5,3.5c1.9,0,3.5-1.6,3.5-3.5C105.1,51.8,103.6,50.2,101.6,50.2L101.6,50.2z"}),b.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-2 "+this.animationState,d:"M64.2,215.2c3.1,0,5.6,2.5,5.6,5.6s-2.5,5.6-5.6,5.6c-3.1,0-5.6-2.5-5.6-5.6S61.1,215.2,64.2,215.2\n\t\t M64.2,213.9c-3.9,0-7,3.1-7,7s3.1,7,7,7c3.9,0,7-3.1,7-7S68.1,213.9,64.2,213.9L64.2,213.9z"}),b.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-1 "+this.animationState,d:"M38.8,153.1l8.8,2.7l2.1,9l-6.8,6.3l-8.8-2.7l-2.1-9L38.8,153.1 M38.5,151.6C38.5,151.6,38.5,151.6,38.5,151.6\n\t\tc-0.1,0-0.1,0-0.1,0c0,0,0,0,0,0l-7.8,7.3c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0s0,0,0,0l2.4,10.4c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0\n\t\tc0,0,0,0,0,0l10.2,3.1c0,0,0,0,0,0c0,0,0,0,0,0h0c0,0,0,0,0,0l7.8-7.3c0,0,0,0,0,0c0,0,0,0,0-0.1c0,0,0,0,0,0l-2.4-10.4\n\t\tc0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0L38.5,151.6L38.5,151.6z M51.2,165.3L51.2,165.3L51.2,165.3z M51.2,165.3\n\t\tC51.2,165.3,51.2,165.3,51.2,165.3C51.2,165.3,51.2,165.3,51.2,165.3L51.2,165.3z"}),b.createElement("path",{className:"sparkle-spinner--fill-medium sparkle-spinner--delay-1 "+this.animationState,d:"M207.5,72.5l7.2,2.2l1.7,7.3l-5.5,5.1l-7.2-2.2l-1.7-7.3L207.5,72.5 M207.3,71C207.2,71,207.2,71,207.3,71\n\t\tC207.2,71,207.2,71,207.3,71c-0.1,0-0.1,0-0.1,0l-6.5,6.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l2,8.7c0,0,0,0,0,0\n\t\tc0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l8.6,2.6c0,0,0,0,0,0c0,0,0,0,0,0h0c0,0,0,0,0,0l6.5-6.1c0,0,0,0,0,0c0,0,0,0,0-0.1\n\t\tc0,0,0,0,0,0l-2-8.7c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0L207.3,71L207.3,71z M217.9,82.5L217.9,82.5L217.9,82.5z\n\t\t M217.9,82.5C217.9,82.5,217.9,82.5,217.9,82.5C217.9,82.5,217.9,82.5,217.9,82.5L217.9,82.5z"})))},a.loadingStatus.get=function(){var r=this.props.loading;return t("sparkle-spinner--logo",{"sparkle-spinner--fill-medium":r===e.RemoteDataState.NotStarted||r===e.RemoteDataState.Loading,"sparkle-spinner--animate-sparkle":r===e.RemoteDataState.Loading,"sparkle-spinner--fill-error":r===e.RemoteDataState.Error,"sparkle-spinner--fill-done":r===e.RemoteDataState.Done})},a.animationState.get=function(){return t({"sparkle-spinner--animate-sparkle":this.props.loading===e.RemoteDataState.Loading})},Object.defineProperties(n.prototype,a),n}(a.PureComponent);w.defaultProps={loading:e.RemoteDataState.NotStarted,testID:"sparkle-spinner"};var P=function(r){function n(){r.apply(this,arguments)}r&&(n.__proto__=r),(n.prototype=Object.create(r&&r.prototype)).constructor=n;var a={className:{configurable:!0}};return n.prototype.render=function(){var t=this.props,r=t.loading,n=t.children;return r===e.RemoteDataState.Loading||r===e.RemoteDataState.NotStarted?b.createElement("div",{className:this.className,"data-testid":t.testID},t.spinnerComponent):n},a.className.get=function(){var e,r=this.props.className;return t("spinner-container",((e={})[""+r]=r,e))},Object.defineProperties(n.prototype,a),n}(a.Component);P.defaultProps={testID:"spinner-container"};var L=function(t){function r(){t.apply(this,arguments)}t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r;var n={style:{configurable:!0},strokeWidth:{configurable:!0}};return r.prototype.render=function(){return b.createElement("div",{className:"techno-spinner",style:this.style,"data-testid":this.props.testID})},n.style.get=function(){var e=this.props.diameterPixels;return{width:e+"px",height:e+"px",borderWidth:this.strokeWidth+"px"}},n.strokeWidth.get=function(){var t;switch(this.props.strokeWidth){case e.ComponentSize.ExtraSmall:t=1;break;case e.ComponentSize.Small:t=2;break;case e.ComponentSize.Medium:t=4;break;case e.ComponentSize.Large:default:t=8}return t},Object.defineProperties(r.prototype,n),r}(a.Component);L.defaultProps={diameterPixels:100,strokeWidth:e.ComponentSize.Small,testID:"techno-spinner"};var I=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={requiredIndicator:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.children;return b.createElement("label",{className:"form--label"},b.createElement("span",null,e.label,this.requiredIndicator),t)},r.requiredIndicator.get=function(){if(this.props.required)return b.createElement("span",{className:"form--label-required"},"*")},Object.defineProperties(t.prototype,r),t}(a.Component),M=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={message:{configurable:!0}};return t.prototype.render=function(){return b.createElement("span",{className:"form--element-error"},this.message)},r.message.get=function(){var e=this.props.message;return e||"  "},Object.defineProperties(t.prototype,r),t}(a.Component),B=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return b.createElement("span",{className:"form--help-text"},this.props.text)},t}(a.Component),z=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={label:{configurable:!0},labelChild:{configurable:!0},helpText:{configurable:!0},errorMessage:{configurable:!0}};return t.prototype.render=function(){return b.createElement("div",{className:"form--element"},this.label,this.props.children,this.errorMessage,this.helpText)},r.label.get=function(){var e=this.props,t=e.label;if(t)return b.createElement(I,{label:t,required:e.required},this.labelChild)},r.labelChild.get=function(){var e=this.props.labelAddOn;if(e)return e()},r.helpText.get=function(){var e=this.props.helpText;if(e)return b.createElement(B,{text:e})},r.errorMessage.get=function(){var e=this.props.errorMessage;if(e)return b.createElement(M,{message:e})},Object.defineProperties(t.prototype,r),t}(a.Component),j=function(t){function r(r){t.call(this,r),this.state={errorMessage:null,status:e.ComponentStatus.Default}}t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r;var n={label:{configurable:!0},labelChild:{configurable:!0},helpText:{configurable:!0},children:{configurable:!0},errorMessage:{configurable:!0}};return r.prototype.componentDidUpdate=function(t,r){if(t.value!==this.props.value){var n=this.props,a=n.onStatusChange,o=(0,n.validationFunc)(this.props.value),s=o?e.ComponentStatus.Error:e.ComponentStatus.Valid;a&&r.status!==s&&a(s),this.setState({status:s,errorMessage:o})}},r.prototype.render=function(){return b.createElement("div",{className:"form--element"},this.label,this.children,this.errorMessage,this.helpText)},n.label.get=function(){var e=this.props,t=e.label;if(t)return b.createElement(I,{label:t,required:e.required},this.labelChild)},n.labelChild.get=function(){var e=this.props.labelAddOn;if(e)return e()},n.helpText.get=function(){var e=this.props.helpText;if(e)return b.createElement(B,{text:e})},n.children.get=function(){return(0,this.props.children)(this.state.status)},n.errorMessage.get=function(){var e=this.state.errorMessage;if(e)return b.createElement(M,{message:e})},Object.defineProperties(r.prototype,n),r}(a.Component),A=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return b.createElement("label",{className:"form---divider"})},t}(a.Component),R=function(e){function r(){e.apply(this,arguments)}e&&(r.__proto__=e),(r.prototype=Object.create(e&&e.prototype)).constructor=r;var n={className:{configurable:!0}};return r.prototype.render=function(){return b.createElement("div",{className:this.className},this.props.children)},n.className.get=function(){var e,r=this.props,n=r.colsXS,a=r.colsSM,o=r.colsMD,s=r.colsLG,i=r.offsetXS,l=r.offsetSM,c=r.offsetMD,p=r.offsetLG;return t("form--element form--submit",((e={})["col-xs-"+n]=n,e["col-sm-"+a]=a,e["col-md-"+o]=o,e["col-lg-"+s]=s,e["col-xs-offset-"+i]=i,e["col-sm-offset-"+l]=l,e["col-md-offset-"+c]=c,e["col-lg-offset-"+p]=p,e))},Object.defineProperties(r.prototype,n),r}(a.Component);R.defaultProps={colsXS:e.Columns.Twelve};var q=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return b.createElement("div",{className:"form--box "+e.className},e.children)},t}(a.Component);q.defaultProps={className:""};var W=function(e){function r(){var t=this;e.apply(this,arguments),this.handleSubmit=function(e){e.preventDefault();var r=t.props.onSubmit;r&&r(e)}}e&&(r.__proto__=e),(r.prototype=Object.create(e&&e.prototype)).constructor=r;var n={formWrapperClass:{configurable:!0}};return r.prototype.render=function(){var e=this.props;return b.createElement("form",{style:e.style,className:this.formWrapperClass,onSubmit:this.handleSubmit},e.children)},n.formWrapperClass.get=function(){var e,r=this.props.className;return t("form--wrapper",((e={})[""+r]=r,e))},Object.defineProperties(r.prototype,n),r}(a.Component);W.ValidationElement=j,W.Element=z,W.Label=I,W.Divider=A,W.Footer=R,W.Box=q;var K=function(e){function t(){var t=this;e.apply(this,arguments),this.handleClick=function(){t.props.onClick(t.props.hex)}}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return b.createElement("div",{className:"color-picker--swatch",title:e.name,onClick:this.handleClick,"data-testid":e.testID+"--swatch"},b.createElement("span",{style:{backgroundColor:e.hex}}))},t}(a.Component);K.defaultProps={testID:"color-picker-swatch"};var V=function(e){var t=7===e.length,r=[];return"#"===e.substring(0,1)||r.push("Hexcodes must begin with #"),t||r.push(r.length?"and must be 7 characters":"Hexcodes must be 7 characters"),r.length?r.join(", "):null},H=function(t){function n(n){var a=this;t.call(this,n),this.handleSwatchClick=function(t){var r=a.props.onChange;a.setState({errorMessage:null}),r(t,e.ComponentStatus.Valid)},this.handleInputChange=function(t){var r=a.props.onChange,n=["#","a","b","c","d","e","f","0","1","2","3","4","5","6","7","8","9"],o=t.target.value.trim().split("").filter(function(e){return n.includes(e.toLowerCase())}).join(""),s=V(o),i=s?e.ComponentStatus.Error:e.ComponentStatus.Valid;a.setState({errorMessage:s}),r(o,i)},this.handleInputBlur=function(e){a.props.maintainInputFocus&&e.target.focus()},this.handleRandomizeColor=function(){var t=a.props,n=t.onChange,o=r.sample(t.colors),s=r.get(o,"hex")||"";a.setState({errorMessage:null}),n(s,e.ComponentStatus.Valid)},this.state={errorMessage:null}}t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n;var a={inputStatus:{configurable:!0},errorMessage:{configurable:!0},colorPreview:{configurable:!0}};return n.prototype.render=function(){var t=this,r=this.props,n=r.maintainInputFocus,a=r.testID,o=r.color,s=r.colors;return b.createElement("div",{className:"color-picker","data-testid":a},b.createElement("div",{className:"color-picker--swatches"},s&&s.map(function(e){return b.createElement(K,{key:e.name,hex:e.hex,name:e.name,onClick:t.handleSwatchClick,testID:a})})),b.createElement("div",{className:"color-picker--form"},b.createElement(E,{customClass:"color-picker--input",placeholder:"#000000",value:o,onChange:this.handleInputChange,maxLength:7,onBlur:this.handleInputBlur,autoFocus:n,status:this.inputStatus,testID:a+"--input"}),this.colorPreview,b.createElement(x,{icon:e.IconFont.Refresh,shape:e.ButtonShape.Square,onClick:this.handleRandomizeColor,titleText:"I'm feeling lucky",testID:a+"--randomize"})),this.errorMessage)},a.inputStatus.get=function(){return this.state.errorMessage?e.ComponentStatus.Error:e.ComponentStatus.Valid},a.errorMessage.get=function(){var e=this.state.errorMessage;if(e)return b.createElement("div",{className:"color-picker--error","data-testid":this.props.testID+"--error"},b.createElement(M,{message:e}))},a.colorPreview.get=function(){return b.createElement("div",{className:"color-picker--selected",style:{backgroundColor:this.props.color}})},Object.defineProperties(n.prototype,a),n}(a.Component);H.defaultProps={colors:[{hex:"#311F94",name:"Void"},{hex:"#513CC6",name:"Amethyst"},{hex:"#7A65F2",name:"Star"},{hex:"#9394FF",name:"Comet"},{hex:"#B1B6FF",name:"Potassium"},{hex:"#C9D0FF",name:"Moonstone"},{hex:"#fafafc",name:"Ghost"},{hex:"#c6cad3",name:"Chromium"},{hex:"#757888",name:"Mountain"},{hex:"#31313d",name:"Onyx"},{hex:"#326BBA",name:"Sapphire"},{hex:"#4591ED",name:"Ocean"},{hex:"#22ADF6",name:"Pool"},{hex:"#00C9FF",name:"Laser"},{hex:"#6BDFFF",name:"Hydrogen"},{hex:"#BEF0FF",name:"Neutrino"},{hex:"#f6f6f8",name:"Cloud"},{hex:"#bec2cc",name:"Mist"},{hex:"#676978",name:"Storm"},{hex:"#292933",name:"Castle"},{hex:"#108174",name:"Emerald"},{hex:"#32B08C",name:"Viridian"},{hex:"#4ED8A0",name:"Rainforest"},{hex:"#7CE490",name:"Honeydew"},{hex:"#A5F3B4",name:"Krypton"},{hex:"#C6FFD0",name:"Wasabi"},{hex:"#eeeff2",name:"Whisper"},{hex:"#a4a8b6",name:"Forge"},{hex:"#545667",name:"Graphite"},{hex:"#202028",name:"Kevlar"},{hex:"#E85B1C",name:"Topaz"},{hex:"#F48D38",name:"Tiger"},{hex:"#FFB94A",name:"Pineapple"},{hex:"#FFD255",name:"Thunder"},{hex:"#FFE480",name:"Sulfur"},{hex:"#FFF6B8",name:"Daisy"},{hex:"#e7e8eb",name:"Pearl"},{hex:"#999dab",name:"Sidewalk"},{hex:"#434453",name:"Smoke"},{hex:"#1c1c21",name:"Raven"},{hex:"#BF3D5E",name:"Ruby"},{hex:"#DC4E58",name:"Fire"},{hex:"#F95F53",name:"Curacao"},{hex:"#FF8564",name:"Dreamsicle"},{hex:"#FFB6A0",name:"Tungsten"},{hex:"#FFDCCF",name:"Marmelade"},{hex:"#d4d7dd",name:"Platinum"},{hex:"#8e91a1",name:"Wolf"},{hex:"#383846",name:"Pepper"},{hex:"#0f0e15",name:"Obsidian"}],maintainInputFocus:!1,testID:"color-picker"};var G=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return b.createElement("h4",{className:"empty-state--text"},function(e,t){return e.replace(/[\\][n]/g,"LINEBREAK").split(" ").map(function(e){return r.includes(t,e)?b.createElement("em",{key:n.v4()},""+e):"LINEBREAK"===e?b.createElement("br",{key:n.v4()}):b.createElement(a.Fragment,{key:n.v4()},"SPACECHAR"===e?" ":e+" ")})}(e.text,e.highlightWords))},t}(a.Component),U=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return b.createElement("p",{className:"empty-state--sub-text"},this.props.text)},t}(a.Component),X=function(e){function r(){e.apply(this,arguments)}e&&(r.__proto__=e),(r.prototype=Object.create(e&&e.prototype)).constructor=r;var n={className:{configurable:!0}};return r.prototype.render=function(){var e=this.props;return b.createElement("div",{className:this.className,"data-testid":e.testID},e.children)},n.className.get=function(){var e,r=this.props,n=r.customClass,a=r.size;return t("empty-state",((e={})["empty-state--"+a]=a,e[""+n]=n,e))},Object.defineProperties(r.prototype,n),r}(a.Component);X.defaultProps={size:e.ComponentSize.Small,testID:"empty-state"},X.Text=G,X.SubText=U,e.Alert=v,e.Button=x,e.Input=E,e.TextArea=N,e.ComponentSpacer=_,e.Radio=F,e.SlideToggle=T,e.SlideToggleLabel=O,e.SparkleSpinner=w,e.SpinnerContainer=P,e.TechnoSpinner=L,e.Form=W,e.FormDivider=A,e.FormElement=z,e.FormElementError=M,e.FormFooter=R,e.FormHelpText=B,e.FormLabel=I,e.FormBox=q,e.FormValidationElement=j,e.ColorPicker=H,e.ColorPickerSwatch=K,e.EmptyState=X,e.EmptyStateText=G,e.EmptyStateSubText=U});
 //# sourceMappingURL=index.umd.js.map

dist/Types/index.d.ts

@@ -23,2 +23,6 @@ /// <reference types="react" />
 }
+export interface Color {
+    hex: string;
+    name: string;
+}
 export declare enum DropdownMenuColors {
@@ -178,1 +182,5 @@ Amethyst = "amethyst",
 }
+export declare enum AutoComplete {
+    On = "on",
+    Off = "off"
+}

package.json

 {
   "name": "@influxdata/clockface",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "license": "MIT",
   "main": "dist/index.js",
-  "source": "src/index.tsx",
+  "source": "src/index.ts",
   "description": "UI Kit for building Chronograf and other Time Series visualization applications",
@@ -14,13 +14,40 @@ "types": "dist/index.d.ts",
   "devDependencies": {
+    "@babel/core": "^7.3.4",
     "@css-blocks/core": "^0.19.0",
     "@css-blocks/jsx": "^0.20.0-beta.1",
+    "@storybook/addon-info": "^5.0.0",
+    "@storybook/addon-knobs": "^5.0.0",
+    "@storybook/addons": "^5.0.0",
+    "@storybook/react": "^5.0.0",
+    "@types/lodash": "^4.14.123",
     "@types/react": "^16.4.14",
+    "@types/storybook__addon-info": "^4.1.0",
+    "@types/storybook__addon-knobs": "^4.0.1",
+    "@types/storybook__react": "^4.0.1",
+    "@types/uuid": "^3.4.4",
+    "@typescript-eslint/eslint-plugin": "^1.4.2",
+    "@typescript-eslint/parser": "^1.4.2",
+    "babel-loader": "^8.0.5",
+    "css-loader": "^2.1.0",
+    "eslint": "^5.14.1",
+    "eslint-config-prettier": "^4.1.0",
+    "eslint-plugin-prettier": "^3.0.1",
+    "eslint-plugin-react": "^7.12.4",
+    "file-loader": "^3.0.1",
     "microbundle": "^0.9.0",
     "node-sass": "^4.11.0",
-    "tslint": "^5.12.1",
-    "typescript": "^3.0.3"
+    "prettier": "^1.16.4",
+    "react-docgen-typescript-loader": "^3.0.1",
+    "react-docgen-typescript-webpack-plugin": "^1.1.0",
+    "resolve-url-loader": "^3.0.1",
+    "sass-loader": "^7.1.0",
+    "style-loader": "^0.23.1",
+    "ts-loader": "^5.3.3",
+    "typescript": "^3.3.3333"
   },
   "peerDependencies": {
     "react": "^16.5.2",
-    "react-dom": "^16.5.2"
+    "react-dom": "^16.5.2",
+    "lodash": "^4.3.0",
+    "uuid": "^3.2.1"
   },
@@ -34,6 +61,12 @@ "dependencies": {
     "prepublishOnly": "npm run build",
-    "build": "rm -rf dist && microbundle && npm run move-fonts && rm -rf .rts2_cache_*",
+    "build": "rm -rf dist && npm run lint && microbundle && npm run move-fonts && rm -rf .rts2_cache_*",
     "dev": "microbundle watch",
-    "clean": "rm -rf ./dist && rm -rf ./.cache && rm -rf node_modules"
+    "clean": "rm -rf ./dist && rm -rf ./.cache && rm -rf node_modules",
+    "lint": "npm run tsc && npm run eslint",
+    "eslint": "eslint 'src/**/*.{ts,tsx}'",
+    "eslint:fix": "eslint --fix 'src/**/*.{ts,tsx}'",
+    "storybook": "start-storybook -p 9001 -c .storybook",
+    "build-storybook": "build-storybook -c .storybook -o docs",
+    "tsc": "npx tsc -p ./tsconfig.json --noEmit --pretty --skipLibCheck"
   }
 }

README.md

@@ -9,8 +9,8 @@ # Clockface
 
+Documentation: https://influxdata.github.io/clockface
+
 [build-badge]: https://img.shields.io/travis/user/repo/master.png?style=flat-square
 [build]: https://travis-ci.org/user/repo
-
 [npm-badge]: https://img.shields.io/npm/v/npm-package.png?style=flat-square
 [npm]: https://www.npmjs.org/package/npm-package
-
 [coveralls-badge]: https://img.shields.io/coveralls/user/repo/master.png?style=flat-square
@@ -28,2 +28,3 @@ [coveralls]: https://coveralls.io/github/user/repo
 Example:
+
 ```
@@ -37,2 +38,3 @@ import {Garden} from '@influxdata/clockface'
 ```
+
 You can tell these are all related because of the `Garden` family namespace
@@ -39,0 +41,0 @@

tsconfig.json

@@ -11,3 +11,3 @@ {
     "moduleResolution": "node",
-    "rootDir": "src",
+    "rootDirs": ["src", ".storybook"],
     "baseUrl": "src",
@@ -26,3 +26,10 @@ "forceConsistentCasingInFileNames": true,
   "include": ["src/**/*"],
-  "exclude": ["node_modules", "build", "scripts"]
-}
+  "exclude": [
+    "node_modules",
+    "build",
+    "scripts",
+    ".storybook",
+    "src/**/*.stories.tsx",
+    "src/**/*.stories.ts"
+  ]
+}

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

10271178

increased by277.17%

Number of package files

163

increased by120.27%

Lines of code

17518

increased by951.5%

Number of lines in readme file

56

increased by3.7%

Worsened metrics

Dependency count

6

increased by50%

Dev dependency count

32

increased by357.14%

Number of low license alerts

1

increased byInfinity%

License quality

80

decreased by-20%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes