@influxdata/clockface - npm Package Compare versions

Comparing version 0.0.4 to 0.0.5

dist/Components/Button/Button.d.ts

@@ -11,2 +11,3 @@ import { Component, MouseEvent, RefObject } from 'react';
     customClass?: string;
+    testID?: string;
 }
@@ -20,2 +21,3 @@ interface DefaultProps {
     type?: ButtonType;
+    testID?: string;
 }
@@ -22,0 +24,0 @@ declare type Props = PassedProps & DefaultProps;

dist/Components/ComponentSpacer/ComponentSpacer.d.ts

@@ -10,4 +10,5 @@ import { SFC } from 'react';
     stretchToFitHeight?: boolean;
+    testID?: string;
 }
 export declare const ComponentSpacer: SFC<Props>;
 export {};

dist/Components/Radio/Radio.d.ts

@@ -11,2 +11,3 @@ import { Component } from 'react';
     shape?: ButtonShape;
+    testID?: string;
 }
@@ -13,0 +14,0 @@ export declare class Radio extends Component<Props> {

dist/Components/SlideToggle/SlideToggle.d.ts

@@ -11,2 +11,3 @@ import React, { Component } from 'react';
     tooltipText?: string;
+    testID?: string;
 }
@@ -13,0 +14,0 @@ export declare class SlideToggle extends Component<Props> {

dist/index.d.ts

@@ -5,2 +5,5 @@ export * from './Components/Button/Button';
 export * from './Components/SlideToggle/SlideToggle';
+export * from './Components/Spinners/SparkleSpinner';
+export * from './Components/Spinners/SpinnerContainer';
+export * from './Components/Spinners/TechnoSpinner';
 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,o,r,n,a,s,i,l,p,c,u,d,h=e(require("classnames")),m=require("react"),f=e(m);(t=exports.ComponentColor||(exports.ComponentColor={})).Default="default",t.Primary="primary",t.Secondary="secondary",t.Success="success",t.Warning="warning",t.Danger="danger",(o=exports.ComponentSize||(exports.ComponentSize={})).ExtraSmall="xs",o.Small="sm",o.Medium="md",o.Large="lg",(r=exports.ComponentStatus||(exports.ComponentStatus={})).Default="default",r.Loading="loading",r.Error="error",r.Valid="valid",r.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",(d=exports.Stack||(exports.Stack={})).Rows="rows",d.Columns="columns";var b=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 o={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,o=e.text,r=e.titleText,n=e.tabIndex,a=e.type;if(!e.icon&&!o)throw new Error('Button requires either "text" or "icon" props');return f.createElement("button",{className:this.className,disabled:this.disabled,onClick:t,title:r||o,tabIndex:n||0,type:a,ref:this.ref},this.icon,this.text,this.statusIndicator)},o.icon.get=function(){var e=this.props.icon;return e?f.createElement("span",{className:"button-icon icon "+e}):null},o.text.get=function(){var e=this.props;return e.shape===exports.ButtonShape.Square?null:e.text},o.disabled.get=function(){var e=this.props.status;return e===exports.ComponentStatus.Disabled||e===exports.ComponentStatus.Loading},o.statusIndicator.get=function(){var e=this.props;return e.status===exports.ComponentStatus.Loading?f.createElement("div",{className:"button-spinner button-spinner--"+e.size}):null},o.className.get=function(){var e,t=this.props,o=t.shape,r=t.status,n=t.customClass;return h("button button-"+t.size+" button-"+t.color,((e={"button-square":o===exports.ButtonShape.Square,"button-stretch":o===exports.ButtonShape.StretchToFit,"button--loading":r===exports.ComponentStatus.Loading,"button--disabled":r===exports.ComponentStatus.Disabled,active:t.active})[""+n]=n,e))},Object.defineProperties(t.prototype,o),t}(m.Component);b.defaultProps={color:exports.ComponentColor.Default,size:exports.ComponentSize.Small,shape:exports.ButtonShape.Default,status:exports.ComponentStatus.Default,active:!1,type:exports.ButtonType.Button};var x=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 o={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)},o.className.get=function(){var e=this.props;return h("radio-button",{active:e.active,disabled:e.disabled})},o.title.get=function(){var e=this.props;return e.disabled?e.disabledTitleText:e.titleText},Object.defineProperties(t.prototype,o),t}(m.Component);x.defaultProps={disabled:!1,disabledTitleText:"This option is disabled"};var C=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 o={containerClassName:{configurable:!0}};return t.prototype.render=function(){var e=this.props.children;return this.validateChildCount(),f.createElement("div",{className:this.containerClassName},e)},o.containerClassName.get=function(){var e,t=this.props,o=t.color,r=t.size,n=t.shape,a=t.customClass;return h("radio-buttons",((e={})["radio-buttons--"+o]=o,e["radio-buttons--"+r]=r,e["radio-buttons--square"]=n===exports.ButtonShape.Square,e["radio-buttons--stretch"]=n===exports.ButtonShape.StretchToFit,e[""+a]=a,e))},Object.defineProperties(t.prototype,o),t}(m.Component);C.defaultProps={color:exports.ComponentColor.Primary,size:exports.ComponentSize.Small,shape:exports.ButtonShape.Default},C.Button=x;var g=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 o={className:{configurable:!0}};return t.prototype.render=function(){return f.createElement("div",{className:this.className,onClick:this.handleClick,title:this.props.tooltipText},f.createElement("div",{className:"slide-toggle--knob"}))},o.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,o),t}(m.Component);g.Label=function(e){return f.createElement("label",{className:"slide-toggle--label"},e.text)},g.defaultProps={size:exports.ComponentSize.Small,color:exports.ComponentColor.Primary,tooltipText:"",disabled:!1},exports.Button=b,exports.ComponentSpacer=function(e){var t=e.children,o=e.align,r=e.stackChildren;void 0===r&&(r=exports.Stack.Columns);var n=e.stretchToFitWidth;void 0===n&&(n=!1);var a=e.stretchToFitHeight;return void 0===a&&(a=!1),f.createElement("div",{className:h("component-spacer",{"component-spacer--left":o===exports.Alignment.Left,"component-spacer--center":o===exports.Alignment.Center,"component-spacer--right":o===exports.Alignment.Right,"component-spacer--horizontal":r===exports.Stack.Columns,"component-spacer--vertical":r===exports.Stack.Rows,"component-spacer--stretch-w":n,"component-spacer--stretch-h":a})},t)},exports.Radio=C,exports.SlideToggle=g;
+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"),k=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 f=function(e){function t(){e.apply(this,arguments),this.ref=k.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 k.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?k.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?k.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);f.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 k.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(k.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(),k.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(){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 k.createElement("div",{className:this.className,onClick:this.handleClick,title:e.tooltipText,"data-testid":e.testID},k.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);C.Label=function(e){return k.createElement("label",{className:"slide-toggle--label"},e.text)},C.defaultProps={size:exports.ComponentSize.Small,color:exports.ComponentColor.Primary,tooltipText:"",disabled:!1,testID:"slide-toggle"};var y=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 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 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);y.defaultProps={loading:exports.RemoteDataState.NotStarted,testID:"sparkle-spinner"};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={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?k.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);b.defaultProps={testID:"spinner-container"};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={style:{configurable:!0},strokeWidth:{configurable:!0}};return t.prototype.render=function(){return k.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);v.defaultProps={diameterPixels:100,strokeWidth:exports.ComponentSize.Small,testID:"techno-spinner"},exports.Button=f,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"),k.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=C,exports.SparkleSpinner=y,exports.SpinnerContainer=b,exports.TechnoSpinner=v;
 //# 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,o){t=t&&t.hasOwnProperty("default")?t.default:t;var n,r,a,i,s,l,c,u,p,d,h,m,f="default"in o?o.default:o;(n=e.ComponentColor||(e.ComponentColor={})).Default="default",n.Primary="primary",n.Secondary="secondary",n.Success="success",n.Warning="warning",n.Danger="danger",(r=e.ComponentSize||(e.ComponentSize={})).ExtraSmall="xs",r.Small="sm",r.Medium="md",r.Large="lg",(a=e.ComponentStatus||(e.ComponentStatus={})).Default="default",a.Loading="loading",a.Error="error",a.Valid="valid",a.Disabled="disabled",(i=e.DropdownMenuColors||(e.DropdownMenuColors={})).Amethyst="amethyst",i.Malachite="malachite",i.Sapphire="sapphire",i.Onyx="onyx",(s=e.ButtonShape||(e.ButtonShape={})).Default="none",s.Square="square",s.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",(u=e.IconFont||(e.IconFont={})).AddCell="add-cell",u.AlertTriangle="alert-triangle",u.Alerts="alerts",u.Annotate="annotate",u.AnnotatePlus="annotate-plus",u.AuthZero="authzero",u.BarChart="bar-chart",u.Bell="bell",u.BellRinging="bell-ringing",u.BellSolid="bell-solid",u.Calendar="calendar",u.Capacitor="capacitor2",u.CaretDown="caret-down",u.CaretLeft="caret-left",u.CaretRight="caret-right",u.CaretUp="caret-up",u.Chat="chat",u.Checkmark="checkmark",u.Circle="circle",u.CircleThick="circle-thick",u.Clock="clock",u.CogOutline="cog-outline",u.CogThick="cog-thick",u.Collapse="collapse",u.CrownOutline="crown-outline",u.CrownSolid="crown2",u.Cube="cube",u.Cubouniform="cubo-uniform",u.CuboNav="cubo-nav",u.Dashboards="dashboards",u.DashF="dash-f",u.DashH="dash-h",u.DashJ="dash-j",u.Disks="disks",u.Download="download",u.Duplicate="duplicate",u.ExpandA="expand-a",u.ExpandB="expand-b",u.Export="export",u.Eye="eye",u.EyeClosed="eye-closed",u.EyeOpen="eye-open",u.GitHub="github",u.Google="google",u.GraphLine="graphline-2",u.Group="group",u.Heroku="heroku",u.HerokuSimple="",u.Import="import",u.Link="link",u.OAuth="oauth",u.Octagon="octagon",u.Okta="okta",u.Pause="pause",u.Pencil="pencil",u.Play="play",u.Plus="plus",u.PlusSkinny="plus-skinny",u.Pulse="pulse-c",u.Refresh="refresh",u.Remove="remove",u.Search="search",u.Server="server2",u.Shuffle="shuffle",u.Square="square",u.TextBlock="text-block",u.Trash="trash",u.Triangle="triangle",u.User="user",u.UserAdd="user-add",u.UserOutline="user-outline",u.UserRemove="user-remove",u.UsersDuo="users-duo",u.UsersTrio="users-trio",u.Wood="wood",u.Wrench="wrench",u.Star="star",u.Stop="stop",u.Zap="zap",(p=e.Columns||(e.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",(d=e.Alignment||(e.Alignment={})).Left="left",d.Center="center",d.Right="right",(h=e.Sort||(e.Sort={})).Descending="desc",h.Ascending="asc",h.None="none",(m=e.Stack||(e.Stack={})).Rows="rows",m.Columns="columns";var b=function(o){function n(){o.apply(this,arguments),this.ref=f.createRef()}o&&(n.__proto__=o),(n.prototype=Object.create(o&&o.prototype)).constructor=n;var r={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,o=e.text,n=e.titleText,r=e.tabIndex,a=e.type;if(!e.icon&&!o)throw new Error('Button requires either "text" or "icon" props');return f.createElement("button",{className:this.className,disabled:this.disabled,onClick:t,title:n||o,tabIndex:r||0,type:a,ref:this.ref},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 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?f.createElement("div",{className:"button-spinner button-spinner--"+t.size}):null},r.className.get=function(){var o,n=this.props,r=n.shape,a=n.status,i=n.customClass;return t("button button-"+n.size+" button-"+n.color,((o={"button-square":r===e.ButtonShape.Square,"button-stretch":r===e.ButtonShape.StretchToFit,"button--loading":a===e.ComponentStatus.Loading,"button--disabled":a===e.ComponentStatus.Disabled,active:n.active})[""+i]=i,o))},Object.defineProperties(n.prototype,r),n}(o.Component);b.defaultProps={color:e.ComponentColor.Default,size:e.ComponentSize.Small,shape:e.ButtonShape.Default,status:e.ComponentStatus.Default,active:!1,type:e.ButtonType.Button};var C=function(e){function o(){var t=this;e.apply(this,arguments),this.handleClick=function(){var e=t.props;(0,e.onClick)(e.value)}}e&&(o.__proto__=e),(o.prototype=Object.create(e&&e.prototype)).constructor=o;var n={className:{configurable:!0},title:{configurable:!0}};return o.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)},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(o.prototype,n),o}(o.Component);C.defaultProps={disabled:!1,disabledTitleText:"This option is disabled"};var g=function(o){function n(){var e=this;o.apply(this,arguments),this.validateChildCount=function(){if(f.Children.count(e.props.children)<2)throw new Error("<Radio> requires at least 2 child elements. We recommend using <Radio.Button />")}}o&&(n.__proto__=o),(n.prototype=Object.create(o&&o.prototype)).constructor=n;var r={containerClassName:{configurable:!0}};return n.prototype.render=function(){var e=this.props.children;return this.validateChildCount(),f.createElement("div",{className:this.containerClassName},e)},r.containerClassName.get=function(){var o,n=this.props,r=n.color,a=n.size,i=n.shape,s=n.customClass;return t("radio-buttons",((o={})["radio-buttons--"+r]=r,o["radio-buttons--"+a]=a,o["radio-buttons--square"]=i===e.ButtonShape.Square,o["radio-buttons--stretch"]=i===e.ButtonShape.StretchToFit,o[""+s]=s,o))},Object.defineProperties(n.prototype,r),n}(o.Component);g.defaultProps={color:e.ComponentColor.Primary,size:e.ComponentSize.Small,shape:e.ButtonShape.Default},g.Button=C;var v=function(e){function o(){var t=this;e.apply(this,arguments),this.handleClick=function(){var e=t.props;e.disabled||(0,e.onChange)()}}e&&(o.__proto__=e),(o.prototype=Object.create(e&&e.prototype)).constructor=o;var n={className:{configurable:!0}};return o.prototype.render=function(){return f.createElement("div",{className:this.className,onClick:this.handleClick,title:this.props.tooltipText},f.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(o.prototype,n),o}(o.Component);v.Label=function(e){return f.createElement("label",{className:"slide-toggle--label"},e.text)},v.defaultProps={size:e.ComponentSize.Small,color:e.ComponentColor.Primary,tooltipText:"",disabled:!1},e.Button=b,e.ComponentSpacer=function(o){var n=o.children,r=o.align,a=o.stackChildren;void 0===a&&(a=e.Stack.Columns);var i=o.stretchToFitWidth;void 0===i&&(i=!1);var s=o.stretchToFitHeight;return void 0===s&&(s=!1),f.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":a===e.Stack.Columns,"component-spacer--vertical":a===e.Stack.Rows,"component-spacer--stretch-w":i,"component-spacer--stretch-h":s})},n)},e.Radio=g,e.SlideToggle=v});
+!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 C=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);C.defaultProps={color:e.ComponentColor.Primary,size:e.ComponentSize.Small,shape:e.ButtonShape.Default,testID:"radio-button"},C.Button=S;var y=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);y.Label=function(e){return k.createElement("label",{className:"slide-toggle--label"},e.text)},y.defaultProps={size:e.ComponentSize.Small,color:e.ComponentColor.Primary,tooltipText:"",disabled:!1,testID:"slide-toggle"};var b=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);b.defaultProps={loading:e.RemoteDataState.NotStarted,testID:"sparkle-spinner"};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={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);v.defaultProps={testID:"spinner-container"};var x=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);x.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=C,e.SlideToggle=y,e.SparkleSpinner=b,e.SpinnerContainer=v,e.TechnoSpinner=x});
 //# sourceMappingURL=index.umd.js.map

dist/Types/index.d.ts

@@ -171,1 +171,7 @@ /// <reference types="react" />
 }
+export declare enum RemoteDataState {
+    NotStarted = "NotStarted",
+    Loading = "Loading",
+    Done = "Done",
+    Error = "Error"
+}

package.json

 {
   "name": "@influxdata/clockface",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "license": "MIT",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

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

2722066

increased by4.2%

Number of package files

74

increased by13.85%

Lines of code

1642

increased by52.74%

Worsened metrics

Number of low supply chain risk alerts

3

increased byInfinity%

No dependency changes