@elliemae/ds-circular-progress-indicator 2.2.0-alpha.4 → 3.0.0-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/cjs/DSCircularProgressIndicator.js +148 -126
  2. package/cjs/index.js +11 -37
  3. package/esm/DSCircularProgressIndicator.js +137 -96
  4. package/esm/index.js +1 -12
  5. package/package.json +3 -3
  6. package/cjs/DSCircularProgressIndicator.js.map +0 -7
  7. package/cjs/index.js.map +0 -7
  8. package/esm/DSCircularProgressIndicator.js.map +0 -7
  9. package/esm/index.js.map +0 -7
package/cjs/DSCircularProgressIndicator.js CHANGED
@@ -1,246 +1,268 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var DSCircularProgressIndicator_exports = {};
29
- __export(DSCircularProgressIndicator_exports, {
30
- CircularProgressIndicatorWithSchema: () => CircularProgressIndicatorWithSchema,
31
- default: () => DSCircularProgressIndicator_default
32
- });
33
- var React = __toESM(require("react"));
34
- var import_react = __toESM(require("react"));
35
- var import_react_desc = require("react-desc");
36
- var import_ds_classnames = require("@elliemae/ds-classnames");
37
- var import_ds_tooltip = __toESM(require("@elliemae/ds-tooltip"));
38
- const { classNameBlock, classNameElement } = (0, import_ds_classnames.convertPropToCssClassName)("circular-progress-indicator");
39
- const CircularProgressIndicator = ({ size, showLabel, showTooltip, waiting, loading }) => {
40
- const waitingLabel = "Waiting...";
41
- const loadingLabel = "Loading...";
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var _jsx = require('@babel/runtime/helpers/jsx');
6
+ require('react');
7
+ var reactDesc = require('react-desc');
8
+ var dsClassnames = require('@elliemae/ds-classnames');
9
+ var DSTooltip = require('@elliemae/ds-tooltip');
10
+
11
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
+
13
+ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
14
+ var DSTooltip__default = /*#__PURE__*/_interopDefaultLegacy(DSTooltip);
15
+
16
+ var _path, _path2;
17
+ const {
18
+ classNameBlock,
19
+ classNameElement
20
+ } = dsClassnames.convertPropToCssClassName('circular-progress-indicator');
21
+
22
+ const CircularProgressIndicator = _ref => {
23
+ let {
24
+ size,
25
+ showLabel,
26
+ showTooltip,
27
+ waiting,
28
+ loading
29
+ } = _ref;
30
+ const waitingLabel = 'Waiting...';
31
+ const loadingLabel = 'Loading...';
42
32
  const currentLabel = waiting && !loading ? waitingLabel : loadingLabel;
43
33
  let sizePx;
44
34
  let sizeLabel;
45
35
  let strokeWidth;
46
36
  let trackWidth;
47
- let markerHeight = "0.7";
48
- let markerRefY = "4.8";
49
- let grayArcStrokeDasharray = "45 170";
50
- let grayArcStrokeDashoffset = "127.5";
37
+ let markerHeight = '0.7';
38
+ let markerRefY = '4.8';
39
+ let grayArcStrokeDasharray = '45 170';
40
+ let grayArcStrokeDashoffset = '127.5';
41
+
51
42
  switch (size.toUpperCase()) {
52
- case "XS":
43
+ case 'XS':
53
44
  sizePx = 8;
54
45
  sizeLabel = 12;
55
46
  strokeWidth = 10;
56
47
  trackWidth = 3;
57
- markerHeight = "1";
58
- grayArcStrokeDasharray = "46 174";
59
- grayArcStrokeDashoffset = "133";
48
+ markerHeight = '1';
49
+ grayArcStrokeDasharray = '46 174';
50
+ grayArcStrokeDashoffset = '133';
60
51
  break;
61
- case "S":
52
+
53
+ case 'S':
62
54
  sizePx = 16;
63
55
  sizeLabel = 12;
64
56
  strokeWidth = 8;
65
57
  trackWidth = 3;
66
- markerHeight = "1";
67
- grayArcStrokeDasharray = "46 174";
68
- grayArcStrokeDashoffset = "133";
58
+ markerHeight = '1';
59
+ grayArcStrokeDasharray = '46 174';
60
+ grayArcStrokeDashoffset = '133';
69
61
  break;
70
- case "M":
62
+
63
+ case 'M':
71
64
  sizePx = 24;
72
65
  sizeLabel = 12;
73
66
  strokeWidth = 7;
74
67
  trackWidth = 3;
75
- markerHeight = "1";
76
- markerRefY = "5.5";
77
- grayArcStrokeDasharray = "46 174";
78
- grayArcStrokeDashoffset = "133";
68
+ markerHeight = '1';
69
+ markerRefY = '5.5';
70
+ grayArcStrokeDasharray = '46 174';
71
+ grayArcStrokeDashoffset = '133';
79
72
  break;
80
- case "L":
73
+
74
+ case 'L':
81
75
  sizePx = 32;
82
76
  sizeLabel = 13;
83
77
  strokeWidth = 6;
84
78
  trackWidth = 3;
85
- markerRefY = "5";
79
+ markerRefY = '5';
86
80
  break;
87
- case "XL":
81
+
82
+ case 'XL':
88
83
  sizePx = 48;
89
84
  sizeLabel = 14;
90
85
  strokeWidth = 5;
91
86
  trackWidth = 1;
92
87
  break;
93
- case "XXL":
88
+
89
+ case 'XXL':
94
90
  sizePx = 56;
95
91
  sizeLabel = 16;
96
92
  strokeWidth = 4;
97
93
  trackWidth = 1;
98
94
  break;
99
- case "XXXL":
95
+
96
+ case 'XXXL':
100
97
  sizePx = 64;
101
98
  sizeLabel = 16;
102
99
  strokeWidth = 5;
103
100
  trackWidth = 2;
104
101
  break;
105
- default:
106
- break;
107
102
  }
108
- const labelText = /* @__PURE__ */ import_react.default.createElement("p", {
103
+
104
+ const labelText = /*#__PURE__*/_jsx__default["default"]("p", {
109
105
  "data-testid": "circular-indicator-label",
110
- className: classNameElement("label"),
111
- style: { fontSize: `${sizeLabel}px` }
112
- }, currentLabel);
113
- const buildIndicator = (Component) => sizePx < 17 || showTooltip ? /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.default, {
106
+ className: classNameElement('label'),
107
+ style: {
108
+ fontSize: "".concat(sizeLabel, "px")
109
+ }
110
+ }, void 0, currentLabel); // Only adds the tooltip if sizePx < 17 or showTooltip is true
111
+
112
+
113
+ const buildIndicator = Component => sizePx < 17 || showTooltip ? /*#__PURE__*/_jsx__default["default"](DSTooltip__default["default"], {
114
114
  containerProps: {
115
- id: "ds-circular-progress-indicator",
116
- "data-testid": "circular-indicator-title"
115
+ id: 'ds-circular-progress-indicator',
116
+ 'data-testid': 'circular-indicator-title'
117
117
  },
118
118
  interactionType: "hover",
119
119
  title: currentLabel,
120
120
  triggerComponent: Component,
121
121
  placement: "bottom"
122
122
  }) : Component;
123
- const grayTrack = /* @__PURE__ */ import_react.default.createElement("circle", {
124
- className: classNameElement("track"),
123
+
124
+ const grayTrack = /*#__PURE__*/_jsx__default["default"]("circle", {
125
+ className: classNameElement('track'),
125
126
  cx: "50%",
126
127
  cy: "50%",
127
128
  fill: "none",
128
129
  r: "28",
129
- strokeWidth: `${trackWidth}px`
130
+ strokeWidth: "".concat(trackWidth, "px")
130
131
  });
131
- const grayArc = /* @__PURE__ */ import_react.default.createElement("circle", {
132
- className: classNameElement("arc-gray"),
132
+
133
+ const grayArc = /*#__PURE__*/_jsx__default["default"]("circle", {
134
+ className: classNameElement('arc-gray'),
133
135
  stroke: "#E0E3E8",
134
- strokeDasharray: `${grayArcStrokeDasharray}`,
135
- strokeDashoffset: `${grayArcStrokeDashoffset}`,
136
+ strokeDasharray: "".concat(grayArcStrokeDasharray),
137
+ strokeDashoffset: "".concat(grayArcStrokeDashoffset),
136
138
  cx: "50%",
137
139
  cy: "50%",
138
140
  fill: "none",
139
141
  r: "28",
140
- strokeWidth: `${trackWidth}px`
142
+ strokeWidth: "".concat(trackWidth, "px")
141
143
  });
142
- const indicator = /* @__PURE__ */ import_react.default.createElement("svg", {
143
- height: `${sizePx}px`,
144
+
145
+ const indicator = /*#__PURE__*/_jsx__default["default"]("svg", {
146
+ height: "".concat(sizePx, "px"),
144
147
  version: "1.1",
145
148
  viewBox: "0 0 66 66",
146
- width: `${sizePx}px`,
149
+ width: "".concat(sizePx, "px"),
147
150
  "data-testid": "circular-indicator"
148
- }, /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", {
151
+ }, void 0, /*#__PURE__*/_jsx__default["default"]("defs", {}, void 0, /*#__PURE__*/_jsx__default["default"]("linearGradient", {
149
152
  id: "grad1",
150
153
  x1: "0%",
151
154
  x2: "100%",
152
155
  y1: "100%",
153
156
  y2: "0%"
154
- }, /* @__PURE__ */ import_react.default.createElement("stop", {
157
+ }, void 0, /*#__PURE__*/_jsx__default["default"]("stop", {
155
158
  offset: "0%",
156
- style: { stopColor: "#E0E3E8", stopOpacity: 1 }
157
- }), /* @__PURE__ */ import_react.default.createElement("stop", {
159
+ style: {
160
+ stopColor: '#E0E3E8',
161
+ stopOpacity: 1
162
+ }
163
+ }), /*#__PURE__*/_jsx__default["default"]("stop", {
158
164
  offset: "89%",
159
- style: { stopColor: "#5594e2", stopOpacity: 1 }
160
- }), /* @__PURE__ */ import_react.default.createElement("stop", {
165
+ style: {
166
+ stopColor: '#5594e2',
167
+ stopOpacity: 1
168
+ }
169
+ }), /*#__PURE__*/_jsx__default["default"]("stop", {
161
170
  offset: "100%",
162
- style: { stopColor: "#5594e2", stopOpacity: 1 }
163
- })), /* @__PURE__ */ import_react.default.createElement("linearGradient", {
171
+ style: {
172
+ stopColor: '#5594e2',
173
+ stopOpacity: 1
174
+ }
175
+ })), /*#__PURE__*/_jsx__default["default"]("linearGradient", {
164
176
  id: "grad2",
165
177
  x1: "0%",
166
178
  x2: "100%",
167
179
  y1: "100%",
168
180
  y2: "0%"
169
- }, /* @__PURE__ */ import_react.default.createElement("stop", {
181
+ }, void 0, /*#__PURE__*/_jsx__default["default"]("stop", {
170
182
  offset: "0%",
171
- style: { stopColor: "#5594e2", stopOpacity: 1 }
172
- }), /* @__PURE__ */ import_react.default.createElement("stop", {
183
+ style: {
184
+ stopColor: '#5594e2',
185
+ stopOpacity: 1
186
+ }
187
+ }), /*#__PURE__*/_jsx__default["default"]("stop", {
173
188
  offset: "11%",
174
- style: { stopColor: "#5594e2", stopOpacity: 1 }
175
- }), /* @__PURE__ */ import_react.default.createElement("stop", {
189
+ style: {
190
+ stopColor: '#5594e2',
191
+ stopOpacity: 1
192
+ }
193
+ }), /*#__PURE__*/_jsx__default["default"]("stop", {
176
194
  offset: "100%",
177
- style: { stopColor: "#E0E3E8", stopOpacity: 1 }
178
- })), /* @__PURE__ */ import_react.default.createElement("marker", {
195
+ style: {
196
+ stopColor: '#E0E3E8',
197
+ stopOpacity: 1
198
+ }
199
+ })), /*#__PURE__*/_jsx__default["default"]("marker", {
179
200
  id: "inverseL",
180
201
  viewBox: "0 0 5 10",
181
202
  refX: "0.5",
182
- refY: `${markerRefY}`,
203
+ refY: "".concat(markerRefY),
183
204
  markerUnits: "strokeWidth",
184
205
  markerWidth: "0.5",
185
- markerHeight: `${markerHeight}`,
206
+ markerHeight: "".concat(markerHeight),
186
207
  orient: "auto"
187
- }, /* @__PURE__ */ import_react.default.createElement("path", {
208
+ }, void 0, _path || (_path = /*#__PURE__*/_jsx__default["default"]("path", {
188
209
  d: "M 0 0 L 6 0 A 5 5 0 0 0 6 10 L 0 10 z",
189
210
  fill: "#FFF"
190
- })), /* @__PURE__ */ import_react.default.createElement("marker", {
211
+ }))), /*#__PURE__*/_jsx__default["default"]("marker", {
191
212
  id: "inverseR",
192
213
  viewBox: "0 0 5 10",
193
214
  refX: "0",
194
215
  refY: "5",
195
216
  markerUnits: "strokeWidth",
196
217
  markerWidth: "0.7",
197
- markerHeight: `${markerHeight}`
198
- }, /* @__PURE__ */ import_react.default.createElement("path", {
218
+ markerHeight: "".concat(markerHeight)
219
+ }, void 0, _path2 || (_path2 = /*#__PURE__*/_jsx__default["default"]("path", {
199
220
  d: "M 0 0 L 6 0 A 5 5 0 0 0 6 10 L 0 10 z",
200
221
  fill: "#FFF"
201
- }))), grayTrack, !waiting && /* @__PURE__ */ import_react.default.createElement("g", {
222
+ })))), grayTrack, !waiting && /*#__PURE__*/_jsx__default["default"]("g", {
202
223
  fill: "none",
203
224
  fillRule: "evenodd",
204
225
  stroke: "none",
205
226
  strokeWidth: "1"
206
- }, /* @__PURE__ */ import_react.default.createElement("path", {
207
- className: classNameElement("arc-blue"),
227
+ }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
228
+ className: classNameElement('arc-blue'),
208
229
  d: "M30,5 C17.536025,6 6,17.536027 5,31",
209
230
  stroke: "#5594e2",
210
- strokeWidth: `${strokeWidth - 0.5}px`,
231
+ strokeWidth: "".concat(strokeWidth - 0.5, "px"),
211
232
  strokeLinecap: "round",
212
233
  "data-testid": "circular-indicator-blue-arc"
213
- }), /* @__PURE__ */ import_react.default.createElement("path", {
214
- className: classNameElement("arc-white"),
234
+ }), /*#__PURE__*/_jsx__default["default"]("path", {
235
+ className: classNameElement('arc-white'),
215
236
  d: "M33,5 C17.536027,5 5,17.536027 5,33",
216
237
  stroke: "#FFF",
217
- strokeWidth: `${strokeWidth + 2}px`,
238
+ strokeWidth: "".concat(strokeWidth + 2, "px"),
218
239
  markerStart: "url(#inverseR)",
219
240
  markerEnd: "url(#inverseL)"
220
241
  }), grayArc));
221
- return /* @__PURE__ */ import_react.default.createElement("div", {
222
- className: classNameBlock("wrapper"),
242
+
243
+ return /*#__PURE__*/_jsx__default["default"]("div", {
244
+ className: classNameBlock('wrapper'),
223
245
  role: "status",
224
- "aria-hidden": waiting || loading ? "false" : "true"
225
- }, buildIndicator(indicator), showLabel && labelText);
246
+ "aria-hidden": waiting || loading ? 'false' : 'true'
247
+ }, void 0, buildIndicator(indicator), showLabel && labelText);
226
248
  };
249
+
227
250
  CircularProgressIndicator.defaultProps = {
228
- size: "m",
251
+ size: 'm',
229
252
  showLabel: false,
230
253
  showTooltip: false,
231
254
  waiting: false,
232
255
  loading: false
233
256
  };
234
257
  const circularProgressIndicatorProps = {
235
- size: import_react_desc.PropTypes.oneOf(["xs", "s", "m", "l", "xl", "xxl", "xxxl"]).description("Defines the size of the indicator").defaultValue("m"),
236
- showLabel: import_react_desc.PropTypes.bool.description("Wheter the indicator displays its state on a label or not").defaultValue(false),
237
- showTooltip: import_react_desc.PropTypes.bool.description("Wheter the indicator displays its state on a tooltip or not").defaultValue(false),
238
- waiting: import_react_desc.PropTypes.bool.description("Defines the state of the indicator as Waiting and only displays the gray track").defaultValue(false),
239
- loading: import_react_desc.PropTypes.bool.description("Defines the state of the indicator as Loading and displays a blue spinner animation").defaultValue(false)
258
+ size: reactDesc.PropTypes.oneOf(['xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl']).description('Defines the size of the indicator').defaultValue('m'),
259
+ showLabel: reactDesc.PropTypes.bool.description('Wheter the indicator displays its state on a label or not').defaultValue(false),
260
+ showTooltip: reactDesc.PropTypes.bool.description('Wheter the indicator displays its state on a tooltip or not').defaultValue(false),
261
+ waiting: reactDesc.PropTypes.bool.description('Defines the state of the indicator as Waiting and only displays the gray track').defaultValue(false),
262
+ loading: reactDesc.PropTypes.bool.description('Defines the state of the indicator as Loading and displays a blue spinner animation').defaultValue(false)
240
263
  };
241
- CircularProgressIndicator.propTypes = circularProgressIndicatorProps;
242
- const CircularProgressIndicatorWithSchema = (0, import_react_desc.describe)(CircularProgressIndicator);
264
+ const CircularProgressIndicatorWithSchema = reactDesc.describe(CircularProgressIndicator);
243
265
  CircularProgressIndicatorWithSchema.propTypes = circularProgressIndicatorProps;
244
- var DSCircularProgressIndicator_default = CircularProgressIndicator;
245
- module.exports = __toCommonJS(DSCircularProgressIndicator_exports);
246
- //# sourceMappingURL=DSCircularProgressIndicator.js.map
266
+
267
+ exports.CircularProgressIndicatorWithSchema = CircularProgressIndicatorWithSchema;
268
+ exports["default"] = CircularProgressIndicator;
package/cjs/index.js CHANGED
@@ -1,37 +1,11 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var src_exports = {};
29
- __export(src_exports, {
30
- CircularProgressIndicatorWithSchema: () => import_DSCircularProgressIndicator.CircularProgressIndicatorWithSchema,
31
- DSCircularProgressIndicator: () => import_DSCircularProgressIndicator.default,
32
- default: () => import_DSCircularProgressIndicator.default
33
- });
34
- var React = __toESM(require("react"));
35
- var import_DSCircularProgressIndicator = require("./DSCircularProgressIndicator");
36
- module.exports = __toCommonJS(src_exports);
37
- //# sourceMappingURL=index.js.map
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var DSCircularProgressIndicator = require('./DSCircularProgressIndicator.js');
6
+
7
+
8
+
9
+ exports.CircularProgressIndicatorWithSchema = DSCircularProgressIndicator.CircularProgressIndicatorWithSchema;
10
+ exports.DSCircularProgressIndicator = DSCircularProgressIndicator["default"];
11
+ exports["default"] = DSCircularProgressIndicator["default"];
package/esm/DSCircularProgressIndicator.js CHANGED
@@ -1,217 +1,258 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import { describe, PropTypes } from "react-desc";
4
- import { convertPropToCssClassName } from "@elliemae/ds-classnames";
5
- import DSTooltip from "@elliemae/ds-tooltip";
6
- const { classNameBlock, classNameElement } = convertPropToCssClassName("circular-progress-indicator");
7
- const CircularProgressIndicator = ({ size, showLabel, showTooltip, waiting, loading }) => {
8
- const waitingLabel = "Waiting...";
9
- const loadingLabel = "Loading...";
1
+ import _jsx from '@babel/runtime/helpers/esm/jsx';
2
+ import 'react';
3
+ import { PropTypes, describe } from 'react-desc';
4
+ import { convertPropToCssClassName } from '@elliemae/ds-classnames';
5
+ import DSTooltip from '@elliemae/ds-tooltip';
6
+
7
+ var _path, _path2;
8
+ const {
9
+ classNameBlock,
10
+ classNameElement
11
+ } = convertPropToCssClassName('circular-progress-indicator');
12
+
13
+ const CircularProgressIndicator = _ref => {
14
+ let {
15
+ size,
16
+ showLabel,
17
+ showTooltip,
18
+ waiting,
19
+ loading
20
+ } = _ref;
21
+ const waitingLabel = 'Waiting...';
22
+ const loadingLabel = 'Loading...';
10
23
  const currentLabel = waiting && !loading ? waitingLabel : loadingLabel;
11
24
  let sizePx;
12
25
  let sizeLabel;
13
26
  let strokeWidth;
14
27
  let trackWidth;
15
- let markerHeight = "0.7";
16
- let markerRefY = "4.8";
17
- let grayArcStrokeDasharray = "45 170";
18
- let grayArcStrokeDashoffset = "127.5";
28
+ let markerHeight = '0.7';
29
+ let markerRefY = '4.8';
30
+ let grayArcStrokeDasharray = '45 170';
31
+ let grayArcStrokeDashoffset = '127.5';
32
+
19
33
  switch (size.toUpperCase()) {
20
- case "XS":
34
+ case 'XS':
21
35
  sizePx = 8;
22
36
  sizeLabel = 12;
23
37
  strokeWidth = 10;
24
38
  trackWidth = 3;
25
- markerHeight = "1";
26
- grayArcStrokeDasharray = "46 174";
27
- grayArcStrokeDashoffset = "133";
39
+ markerHeight = '1';
40
+ grayArcStrokeDasharray = '46 174';
41
+ grayArcStrokeDashoffset = '133';
28
42
  break;
29
- case "S":
43
+
44
+ case 'S':
30
45
  sizePx = 16;
31
46
  sizeLabel = 12;
32
47
  strokeWidth = 8;
33
48
  trackWidth = 3;
34
- markerHeight = "1";
35
- grayArcStrokeDasharray = "46 174";
36
- grayArcStrokeDashoffset = "133";
49
+ markerHeight = '1';
50
+ grayArcStrokeDasharray = '46 174';
51
+ grayArcStrokeDashoffset = '133';
37
52
  break;
38
- case "M":
53
+
54
+ case 'M':
39
55
  sizePx = 24;
40
56
  sizeLabel = 12;
41
57
  strokeWidth = 7;
42
58
  trackWidth = 3;
43
- markerHeight = "1";
44
- markerRefY = "5.5";
45
- grayArcStrokeDasharray = "46 174";
46
- grayArcStrokeDashoffset = "133";
59
+ markerHeight = '1';
60
+ markerRefY = '5.5';
61
+ grayArcStrokeDasharray = '46 174';
62
+ grayArcStrokeDashoffset = '133';
47
63
  break;
48
- case "L":
64
+
65
+ case 'L':
49
66
  sizePx = 32;
50
67
  sizeLabel = 13;
51
68
  strokeWidth = 6;
52
69
  trackWidth = 3;
53
- markerRefY = "5";
70
+ markerRefY = '5';
54
71
  break;
55
- case "XL":
72
+
73
+ case 'XL':
56
74
  sizePx = 48;
57
75
  sizeLabel = 14;
58
76
  strokeWidth = 5;
59
77
  trackWidth = 1;
60
78
  break;
61
- case "XXL":
79
+
80
+ case 'XXL':
62
81
  sizePx = 56;
63
82
  sizeLabel = 16;
64
83
  strokeWidth = 4;
65
84
  trackWidth = 1;
66
85
  break;
67
- case "XXXL":
86
+
87
+ case 'XXXL':
68
88
  sizePx = 64;
69
89
  sizeLabel = 16;
70
90
  strokeWidth = 5;
71
91
  trackWidth = 2;
72
92
  break;
73
- default:
74
- break;
75
93
  }
76
- const labelText = /* @__PURE__ */ React2.createElement("p", {
94
+
95
+ const labelText = /*#__PURE__*/_jsx("p", {
77
96
  "data-testid": "circular-indicator-label",
78
- className: classNameElement("label"),
79
- style: { fontSize: `${sizeLabel}px` }
80
- }, currentLabel);
81
- const buildIndicator = (Component) => sizePx < 17 || showTooltip ? /* @__PURE__ */ React2.createElement(DSTooltip, {
97
+ className: classNameElement('label'),
98
+ style: {
99
+ fontSize: "".concat(sizeLabel, "px")
100
+ }
101
+ }, void 0, currentLabel); // Only adds the tooltip if sizePx < 17 or showTooltip is true
102
+
103
+
104
+ const buildIndicator = Component => sizePx < 17 || showTooltip ? /*#__PURE__*/_jsx(DSTooltip, {
82
105
  containerProps: {
83
- id: "ds-circular-progress-indicator",
84
- "data-testid": "circular-indicator-title"
106
+ id: 'ds-circular-progress-indicator',
107
+ 'data-testid': 'circular-indicator-title'
85
108
  },
86
109
  interactionType: "hover",
87
110
  title: currentLabel,
88
111
  triggerComponent: Component,
89
112
  placement: "bottom"
90
113
  }) : Component;
91
- const grayTrack = /* @__PURE__ */ React2.createElement("circle", {
92
- className: classNameElement("track"),
114
+
115
+ const grayTrack = /*#__PURE__*/_jsx("circle", {
116
+ className: classNameElement('track'),
93
117
  cx: "50%",
94
118
  cy: "50%",
95
119
  fill: "none",
96
120
  r: "28",
97
- strokeWidth: `${trackWidth}px`
121
+ strokeWidth: "".concat(trackWidth, "px")
98
122
  });
99
- const grayArc = /* @__PURE__ */ React2.createElement("circle", {
100
- className: classNameElement("arc-gray"),
123
+
124
+ const grayArc = /*#__PURE__*/_jsx("circle", {
125
+ className: classNameElement('arc-gray'),
101
126
  stroke: "#E0E3E8",
102
- strokeDasharray: `${grayArcStrokeDasharray}`,
103
- strokeDashoffset: `${grayArcStrokeDashoffset}`,
127
+ strokeDasharray: "".concat(grayArcStrokeDasharray),
128
+ strokeDashoffset: "".concat(grayArcStrokeDashoffset),
104
129
  cx: "50%",
105
130
  cy: "50%",
106
131
  fill: "none",
107
132
  r: "28",
108
- strokeWidth: `${trackWidth}px`
133
+ strokeWidth: "".concat(trackWidth, "px")
109
134
  });
110
- const indicator = /* @__PURE__ */ React2.createElement("svg", {
111
- height: `${sizePx}px`,
135
+
136
+ const indicator = /*#__PURE__*/_jsx("svg", {
137
+ height: "".concat(sizePx, "px"),
112
138
  version: "1.1",
113
139
  viewBox: "0 0 66 66",
114
- width: `${sizePx}px`,
140
+ width: "".concat(sizePx, "px"),
115
141
  "data-testid": "circular-indicator"
116
- }, /* @__PURE__ */ React2.createElement("defs", null, /* @__PURE__ */ React2.createElement("linearGradient", {
142
+ }, void 0, /*#__PURE__*/_jsx("defs", {}, void 0, /*#__PURE__*/_jsx("linearGradient", {
117
143
  id: "grad1",
118
144
  x1: "0%",
119
145
  x2: "100%",
120
146
  y1: "100%",
121
147
  y2: "0%"
122
- }, /* @__PURE__ */ React2.createElement("stop", {
148
+ }, void 0, /*#__PURE__*/_jsx("stop", {
123
149
  offset: "0%",
124
- style: { stopColor: "#E0E3E8", stopOpacity: 1 }
125
- }), /* @__PURE__ */ React2.createElement("stop", {
150
+ style: {
151
+ stopColor: '#E0E3E8',
152
+ stopOpacity: 1
153
+ }
154
+ }), /*#__PURE__*/_jsx("stop", {
126
155
  offset: "89%",
127
- style: { stopColor: "#5594e2", stopOpacity: 1 }
128
- }), /* @__PURE__ */ React2.createElement("stop", {
156
+ style: {
157
+ stopColor: '#5594e2',
158
+ stopOpacity: 1
159
+ }
160
+ }), /*#__PURE__*/_jsx("stop", {
129
161
  offset: "100%",
130
- style: { stopColor: "#5594e2", stopOpacity: 1 }
131
- })), /* @__PURE__ */ React2.createElement("linearGradient", {
162
+ style: {
163
+ stopColor: '#5594e2',
164
+ stopOpacity: 1
165
+ }
166
+ })), /*#__PURE__*/_jsx("linearGradient", {
132
167
  id: "grad2",
133
168
  x1: "0%",
134
169
  x2: "100%",
135
170
  y1: "100%",
136
171
  y2: "0%"
137
- }, /* @__PURE__ */ React2.createElement("stop", {
172
+ }, void 0, /*#__PURE__*/_jsx("stop", {
138
173
  offset: "0%",
139
- style: { stopColor: "#5594e2", stopOpacity: 1 }
140
- }), /* @__PURE__ */ React2.createElement("stop", {
174
+ style: {
175
+ stopColor: '#5594e2',
176
+ stopOpacity: 1
177
+ }
178
+ }), /*#__PURE__*/_jsx("stop", {
141
179
  offset: "11%",
142
- style: { stopColor: "#5594e2", stopOpacity: 1 }
143
- }), /* @__PURE__ */ React2.createElement("stop", {
180
+ style: {
181
+ stopColor: '#5594e2',
182
+ stopOpacity: 1
183
+ }
184
+ }), /*#__PURE__*/_jsx("stop", {
144
185
  offset: "100%",
145
- style: { stopColor: "#E0E3E8", stopOpacity: 1 }
146
- })), /* @__PURE__ */ React2.createElement("marker", {
186
+ style: {
187
+ stopColor: '#E0E3E8',
188
+ stopOpacity: 1
189
+ }
190
+ })), /*#__PURE__*/_jsx("marker", {
147
191
  id: "inverseL",
148
192
  viewBox: "0 0 5 10",
149
193
  refX: "0.5",
150
- refY: `${markerRefY}`,
194
+ refY: "".concat(markerRefY),
151
195
  markerUnits: "strokeWidth",
152
196
  markerWidth: "0.5",
153
- markerHeight: `${markerHeight}`,
197
+ markerHeight: "".concat(markerHeight),
154
198
  orient: "auto"
155
- }, /* @__PURE__ */ React2.createElement("path", {
199
+ }, void 0, _path || (_path = /*#__PURE__*/_jsx("path", {
156
200
  d: "M 0 0 L 6 0 A 5 5 0 0 0 6 10 L 0 10 z",
157
201
  fill: "#FFF"
158
- })), /* @__PURE__ */ React2.createElement("marker", {
202
+ }))), /*#__PURE__*/_jsx("marker", {
159
203
  id: "inverseR",
160
204
  viewBox: "0 0 5 10",
161
205
  refX: "0",
162
206
  refY: "5",
163
207
  markerUnits: "strokeWidth",
164
208
  markerWidth: "0.7",
165
- markerHeight: `${markerHeight}`
166
- }, /* @__PURE__ */ React2.createElement("path", {
209
+ markerHeight: "".concat(markerHeight)
210
+ }, void 0, _path2 || (_path2 = /*#__PURE__*/_jsx("path", {
167
211
  d: "M 0 0 L 6 0 A 5 5 0 0 0 6 10 L 0 10 z",
168
212
  fill: "#FFF"
169
- }))), grayTrack, !waiting && /* @__PURE__ */ React2.createElement("g", {
213
+ })))), grayTrack, !waiting && /*#__PURE__*/_jsx("g", {
170
214
  fill: "none",
171
215
  fillRule: "evenodd",
172
216
  stroke: "none",
173
217
  strokeWidth: "1"
174
- }, /* @__PURE__ */ React2.createElement("path", {
175
- className: classNameElement("arc-blue"),
218
+ }, void 0, /*#__PURE__*/_jsx("path", {
219
+ className: classNameElement('arc-blue'),
176
220
  d: "M30,5 C17.536025,6 6,17.536027 5,31",
177
221
  stroke: "#5594e2",
178
- strokeWidth: `${strokeWidth - 0.5}px`,
222
+ strokeWidth: "".concat(strokeWidth - 0.5, "px"),
179
223
  strokeLinecap: "round",
180
224
  "data-testid": "circular-indicator-blue-arc"
181
- }), /* @__PURE__ */ React2.createElement("path", {
182
- className: classNameElement("arc-white"),
225
+ }), /*#__PURE__*/_jsx("path", {
226
+ className: classNameElement('arc-white'),
183
227
  d: "M33,5 C17.536027,5 5,17.536027 5,33",
184
228
  stroke: "#FFF",
185
- strokeWidth: `${strokeWidth + 2}px`,
229
+ strokeWidth: "".concat(strokeWidth + 2, "px"),
186
230
  markerStart: "url(#inverseR)",
187
231
  markerEnd: "url(#inverseL)"
188
232
  }), grayArc));
189
- return /* @__PURE__ */ React2.createElement("div", {
190
- className: classNameBlock("wrapper"),
233
+
234
+ return /*#__PURE__*/_jsx("div", {
235
+ className: classNameBlock('wrapper'),
191
236
  role: "status",
192
- "aria-hidden": waiting || loading ? "false" : "true"
193
- }, buildIndicator(indicator), showLabel && labelText);
237
+ "aria-hidden": waiting || loading ? 'false' : 'true'
238
+ }, void 0, buildIndicator(indicator), showLabel && labelText);
194
239
  };
240
+
195
241
  CircularProgressIndicator.defaultProps = {
196
- size: "m",
242
+ size: 'm',
197
243
  showLabel: false,
198
244
  showTooltip: false,
199
245
  waiting: false,
200
246
  loading: false
201
247
  };
202
248
  const circularProgressIndicatorProps = {
203
- size: PropTypes.oneOf(["xs", "s", "m", "l", "xl", "xxl", "xxxl"]).description("Defines the size of the indicator").defaultValue("m"),
204
- showLabel: PropTypes.bool.description("Wheter the indicator displays its state on a label or not").defaultValue(false),
205
- showTooltip: PropTypes.bool.description("Wheter the indicator displays its state on a tooltip or not").defaultValue(false),
206
- waiting: PropTypes.bool.description("Defines the state of the indicator as Waiting and only displays the gray track").defaultValue(false),
207
- loading: PropTypes.bool.description("Defines the state of the indicator as Loading and displays a blue spinner animation").defaultValue(false)
249
+ size: PropTypes.oneOf(['xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl']).description('Defines the size of the indicator').defaultValue('m'),
250
+ showLabel: PropTypes.bool.description('Wheter the indicator displays its state on a label or not').defaultValue(false),
251
+ showTooltip: PropTypes.bool.description('Wheter the indicator displays its state on a tooltip or not').defaultValue(false),
252
+ waiting: PropTypes.bool.description('Defines the state of the indicator as Waiting and only displays the gray track').defaultValue(false),
253
+ loading: PropTypes.bool.description('Defines the state of the indicator as Loading and displays a blue spinner animation').defaultValue(false)
208
254
  };
209
- CircularProgressIndicator.propTypes = circularProgressIndicatorProps;
210
255
  const CircularProgressIndicatorWithSchema = describe(CircularProgressIndicator);
211
256
  CircularProgressIndicatorWithSchema.propTypes = circularProgressIndicatorProps;
212
- var DSCircularProgressIndicator_default = CircularProgressIndicator;
213
- export {
214
- CircularProgressIndicatorWithSchema,
215
- DSCircularProgressIndicator_default as default
216
- };
217
- //# sourceMappingURL=DSCircularProgressIndicator.js.map
257
+
258
+ export { CircularProgressIndicatorWithSchema, CircularProgressIndicator as default };
package/esm/index.js CHANGED
@@ -1,12 +1 @@
1
- import * as React from "react";
2
- import {
3
- default as default2,
4
- default as default3,
5
- CircularProgressIndicatorWithSchema
6
- } from "./DSCircularProgressIndicator";
7
- export {
8
- CircularProgressIndicatorWithSchema,
9
- default3 as DSCircularProgressIndicator,
10
- default2 as default
11
- };
12
- //# sourceMappingURL=index.js.map
1
+ export { CircularProgressIndicatorWithSchema, default as DSCircularProgressIndicator, default } from './DSCircularProgressIndicator.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-circular-progress-indicator",
3
- "version": "2.2.0-alpha.4",
3
+ "version": "3.0.0-next.2",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Circular progress indicator",
6
6
  "module": "./esm/index.js",
@@ -36,8 +36,8 @@
36
36
  "build": "node ../../scripts/build/build.js"
37
37
  },
38
38
  "dependencies": {
39
- "@elliemae/ds-classnames": "2.2.0-alpha.4",
40
- "@elliemae/ds-tooltip": "2.2.0-alpha.4",
39
+ "@elliemae/ds-classnames": "3.0.0-next.2",
40
+ "@elliemae/ds-tooltip": "3.0.0-next.2",
41
41
  "react-desc": "~4.1.3"
42
42
  },
43
43
  "devDependencies": {
package/cjs/DSCircularProgressIndicator.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/DSCircularProgressIndicator.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSTooltip from '@elliemae/ds-tooltip';\n\nconst { classNameBlock, classNameElement } = convertPropToCssClassName('circular-progress-indicator');\n\nconst CircularProgressIndicator = ({ size, showLabel, showTooltip, waiting, loading }) => {\n const waitingLabel = 'Waiting...';\n const loadingLabel = 'Loading...';\n const currentLabel = waiting && !loading ? waitingLabel : loadingLabel;\n let sizePx;\n let sizeLabel;\n let strokeWidth;\n let trackWidth;\n let markerHeight = '0.7';\n let markerRefY = '4.8';\n let grayArcStrokeDasharray = '45 170';\n let grayArcStrokeDashoffset = '127.5';\n\n switch (size.toUpperCase()) {\n case 'XS':\n sizePx = 8;\n sizeLabel = 12;\n strokeWidth = 10;\n trackWidth = 3;\n markerHeight = '1';\n grayArcStrokeDasharray = '46 174';\n grayArcStrokeDashoffset = '133';\n break;\n case 'S':\n sizePx = 16;\n sizeLabel = 12;\n strokeWidth = 8;\n trackWidth = 3;\n markerHeight = '1';\n grayArcStrokeDasharray = '46 174';\n grayArcStrokeDashoffset = '133';\n break;\n case 'M':\n sizePx = 24;\n sizeLabel = 12;\n strokeWidth = 7;\n trackWidth = 3;\n markerHeight = '1';\n markerRefY = '5.5';\n grayArcStrokeDasharray = '46 174';\n grayArcStrokeDashoffset = '133';\n break;\n case 'L':\n sizePx = 32;\n sizeLabel = 13;\n strokeWidth = 6;\n trackWidth = 3;\n markerRefY = '5';\n break;\n case 'XL':\n sizePx = 48;\n sizeLabel = 14;\n strokeWidth = 5;\n trackWidth = 1;\n break;\n case 'XXL':\n sizePx = 56;\n sizeLabel = 16;\n strokeWidth = 4;\n trackWidth = 1;\n break;\n case 'XXXL':\n sizePx = 64;\n sizeLabel = 16;\n strokeWidth = 5;\n trackWidth = 2;\n break;\n default:\n break;\n }\n\n const labelText = (\n <p\n data-testid=\"circular-indicator-label\"\n className={classNameElement('label')}\n style={{ fontSize: `${sizeLabel}px` }}\n >\n {currentLabel}\n </p>\n );\n\n // Only adds the tooltip if sizePx < 17 or showTooltip is true\n const buildIndicator = (Component: JSX.Element) =>\n sizePx < 17 || showTooltip ? (\n <DSTooltip\n containerProps={{\n id: 'ds-circular-progress-indicator',\n 'data-testid': 'circular-indicator-title',\n }}\n interactionType=\"hover\"\n title={currentLabel}\n triggerComponent={Component}\n placement=\"bottom\"\n />\n ) : (\n Component\n );\n\n const grayTrack = (\n <circle\n className={classNameElement('track')}\n cx=\"50%\"\n cy=\"50%\"\n fill=\"none\"\n r=\"28\"\n strokeWidth={`${trackWidth}px`}\n />\n );\n\n const grayArc = (\n <circle\n className={classNameElement('arc-gray')}\n stroke=\"#E0E3E8\"\n strokeDasharray={`${grayArcStrokeDasharray}`}\n strokeDashoffset={`${grayArcStrokeDashoffset}`}\n cx=\"50%\"\n cy=\"50%\"\n fill=\"none\"\n r=\"28\"\n strokeWidth={`${trackWidth}px`}\n />\n );\n\n const indicator = (\n <svg\n height={`${sizePx}px`}\n version=\"1.1\"\n viewBox=\"0 0 66 66\"\n width={`${sizePx}px`}\n data-testid=\"circular-indicator\"\n >\n <defs>\n <linearGradient id=\"grad1\" x1=\"0%\" x2=\"100%\" y1=\"100%\" y2=\"0%\">\n <stop offset=\"0%\" style={{ stopColor: '#E0E3E8', stopOpacity: 1 }} />\n <stop offset=\"89%\" style={{ stopColor: '#5594e2', stopOpacity: 1 }} />\n <stop offset=\"100%\" style={{ stopColor: '#5594e2', stopOpacity: 1 }} />\n </linearGradient>\n <linearGradient id=\"grad2\" x1=\"0%\" x2=\"100%\" y1=\"100%\" y2=\"0%\">\n <stop offset=\"0%\" style={{ stopColor: '#5594e2', stopOpacity: 1 }} />\n <stop offset=\"11%\" style={{ stopColor: '#5594e2', stopOpacity: 1 }} />\n <stop offset=\"100%\" style={{ stopColor: '#E0E3E8', stopOpacity: 1 }} />\n </linearGradient>\n <marker\n id=\"inverseL\"\n viewBox=\"0 0 5 10\"\n refX=\"0.5\"\n refY={`${markerRefY}`}\n markerUnits=\"strokeWidth\"\n markerWidth=\"0.5\"\n markerHeight={`${markerHeight}`}\n orient=\"auto\"\n >\n <path d=\"M 0 0 L 6 0 A 5 5 0 0 0 6 10 L 0 10 z\" fill=\"#FFF\" />\n </marker>\n <marker\n id=\"inverseR\"\n viewBox=\"0 0 5 10\"\n refX=\"0\"\n refY=\"5\"\n markerUnits=\"strokeWidth\"\n markerWidth=\"0.7\"\n markerHeight={`${markerHeight}`}\n >\n <path d=\"M 0 0 L 6 0 A 5 5 0 0 0 6 10 L 0 10 z\" fill=\"#FFF\" />\n </marker>\n </defs>\n {grayTrack}\n {!waiting && (\n <g fill=\"none\" fillRule=\"evenodd\" stroke=\"none\" strokeWidth=\"1\">\n <path\n className={classNameElement('arc-blue')}\n d=\"M30,5 C17.536025,6 6,17.536027 5,31\"\n stroke=\"#5594e2\"\n strokeWidth={`${strokeWidth - 0.5}px`}\n strokeLinecap=\"round\"\n data-testid=\"circular-indicator-blue-arc\"\n />\n <path\n className={classNameElement('arc-white')}\n d=\"M33,5 C17.536027,5 5,17.536027 5,33\"\n stroke=\"#FFF\"\n strokeWidth={`${strokeWidth + 2}px`}\n markerStart=\"url(#inverseR)\"\n markerEnd=\"url(#inverseL)\"\n />\n {grayArc}\n </g>\n )}\n </svg>\n );\n\n return (\n <div className={classNameBlock('wrapper')} role=\"status\" aria-hidden={waiting || loading ? 'false' : 'true'}>\n {buildIndicator(indicator)}\n {showLabel && labelText}\n </div>\n );\n};\n\nCircularProgressIndicator.defaultProps = {\n size: 'm',\n showLabel: false,\n showTooltip: false,\n waiting: false,\n loading: false,\n};\n\nconst circularProgressIndicatorProps = {\n size: PropTypes.oneOf(['xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl'])\n .description('Defines the size of the indicator')\n .defaultValue('m'),\n showLabel: PropTypes.bool\n .description('Wheter the indicator displays its state on a label or not')\n .defaultValue(false),\n showTooltip: PropTypes.bool\n .description('Wheter the indicator displays its state on a tooltip or not')\n .defaultValue(false),\n waiting: PropTypes.bool\n .description('Defines the state of the indicator as Waiting and only displays the gray track')\n .defaultValue(false),\n loading: PropTypes.bool\n .description('Defines the state of the indicator as Loading and displays a blue spinner animation')\n .defaultValue(false),\n};\n\nCircularProgressIndicator.propTypes = circularProgressIndicatorProps;\n\nconst CircularProgressIndicatorWithSchema = describe(CircularProgressIndicator);\nCircularProgressIndicatorWithSchema.propTypes = circularProgressIndicatorProps;\n\nexport { CircularProgressIndicatorWithSchema };\nexport default CircularProgressIndicator;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": "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",
6
- "names": []
7
- }
package/cjs/index.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable import/named */\nexport {\n default,\n default as DSCircularProgressIndicator,\n CircularProgressIndicatorWithSchema,\n} from './DSCircularProgressIndicator';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,yCAIO;",
6
- "names": []
7
- }
package/esm/DSCircularProgressIndicator.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSCircularProgressIndicator.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSTooltip from '@elliemae/ds-tooltip';\n\nconst { classNameBlock, classNameElement } = convertPropToCssClassName('circular-progress-indicator');\n\nconst CircularProgressIndicator = ({ size, showLabel, showTooltip, waiting, loading }) => {\n const waitingLabel = 'Waiting...';\n const loadingLabel = 'Loading...';\n const currentLabel = waiting && !loading ? waitingLabel : loadingLabel;\n let sizePx;\n let sizeLabel;\n let strokeWidth;\n let trackWidth;\n let markerHeight = '0.7';\n let markerRefY = '4.8';\n let grayArcStrokeDasharray = '45 170';\n let grayArcStrokeDashoffset = '127.5';\n\n switch (size.toUpperCase()) {\n case 'XS':\n sizePx = 8;\n sizeLabel = 12;\n strokeWidth = 10;\n trackWidth = 3;\n markerHeight = '1';\n grayArcStrokeDasharray = '46 174';\n grayArcStrokeDashoffset = '133';\n break;\n case 'S':\n sizePx = 16;\n sizeLabel = 12;\n strokeWidth = 8;\n trackWidth = 3;\n markerHeight = '1';\n grayArcStrokeDasharray = '46 174';\n grayArcStrokeDashoffset = '133';\n break;\n case 'M':\n sizePx = 24;\n sizeLabel = 12;\n strokeWidth = 7;\n trackWidth = 3;\n markerHeight = '1';\n markerRefY = '5.5';\n grayArcStrokeDasharray = '46 174';\n grayArcStrokeDashoffset = '133';\n break;\n case 'L':\n sizePx = 32;\n sizeLabel = 13;\n strokeWidth = 6;\n trackWidth = 3;\n markerRefY = '5';\n break;\n case 'XL':\n sizePx = 48;\n sizeLabel = 14;\n strokeWidth = 5;\n trackWidth = 1;\n break;\n case 'XXL':\n sizePx = 56;\n sizeLabel = 16;\n strokeWidth = 4;\n trackWidth = 1;\n break;\n case 'XXXL':\n sizePx = 64;\n sizeLabel = 16;\n strokeWidth = 5;\n trackWidth = 2;\n break;\n default:\n break;\n }\n\n const labelText = (\n <p\n data-testid=\"circular-indicator-label\"\n className={classNameElement('label')}\n style={{ fontSize: `${sizeLabel}px` }}\n >\n {currentLabel}\n </p>\n );\n\n // Only adds the tooltip if sizePx < 17 or showTooltip is true\n const buildIndicator = (Component: JSX.Element) =>\n sizePx < 17 || showTooltip ? (\n <DSTooltip\n containerProps={{\n id: 'ds-circular-progress-indicator',\n 'data-testid': 'circular-indicator-title',\n }}\n interactionType=\"hover\"\n title={currentLabel}\n triggerComponent={Component}\n placement=\"bottom\"\n />\n ) : (\n Component\n );\n\n const grayTrack = (\n <circle\n className={classNameElement('track')}\n cx=\"50%\"\n cy=\"50%\"\n fill=\"none\"\n r=\"28\"\n strokeWidth={`${trackWidth}px`}\n />\n );\n\n const grayArc = (\n <circle\n className={classNameElement('arc-gray')}\n stroke=\"#E0E3E8\"\n strokeDasharray={`${grayArcStrokeDasharray}`}\n strokeDashoffset={`${grayArcStrokeDashoffset}`}\n cx=\"50%\"\n cy=\"50%\"\n fill=\"none\"\n r=\"28\"\n strokeWidth={`${trackWidth}px`}\n />\n );\n\n const indicator = (\n <svg\n height={`${sizePx}px`}\n version=\"1.1\"\n viewBox=\"0 0 66 66\"\n width={`${sizePx}px`}\n data-testid=\"circular-indicator\"\n >\n <defs>\n <linearGradient id=\"grad1\" x1=\"0%\" x2=\"100%\" y1=\"100%\" y2=\"0%\">\n <stop offset=\"0%\" style={{ stopColor: '#E0E3E8', stopOpacity: 1 }} />\n <stop offset=\"89%\" style={{ stopColor: '#5594e2', stopOpacity: 1 }} />\n <stop offset=\"100%\" style={{ stopColor: '#5594e2', stopOpacity: 1 }} />\n </linearGradient>\n <linearGradient id=\"grad2\" x1=\"0%\" x2=\"100%\" y1=\"100%\" y2=\"0%\">\n <stop offset=\"0%\" style={{ stopColor: '#5594e2', stopOpacity: 1 }} />\n <stop offset=\"11%\" style={{ stopColor: '#5594e2', stopOpacity: 1 }} />\n <stop offset=\"100%\" style={{ stopColor: '#E0E3E8', stopOpacity: 1 }} />\n </linearGradient>\n <marker\n id=\"inverseL\"\n viewBox=\"0 0 5 10\"\n refX=\"0.5\"\n refY={`${markerRefY}`}\n markerUnits=\"strokeWidth\"\n markerWidth=\"0.5\"\n markerHeight={`${markerHeight}`}\n orient=\"auto\"\n >\n <path d=\"M 0 0 L 6 0 A 5 5 0 0 0 6 10 L 0 10 z\" fill=\"#FFF\" />\n </marker>\n <marker\n id=\"inverseR\"\n viewBox=\"0 0 5 10\"\n refX=\"0\"\n refY=\"5\"\n markerUnits=\"strokeWidth\"\n markerWidth=\"0.7\"\n markerHeight={`${markerHeight}`}\n >\n <path d=\"M 0 0 L 6 0 A 5 5 0 0 0 6 10 L 0 10 z\" fill=\"#FFF\" />\n </marker>\n </defs>\n {grayTrack}\n {!waiting && (\n <g fill=\"none\" fillRule=\"evenodd\" stroke=\"none\" strokeWidth=\"1\">\n <path\n className={classNameElement('arc-blue')}\n d=\"M30,5 C17.536025,6 6,17.536027 5,31\"\n stroke=\"#5594e2\"\n strokeWidth={`${strokeWidth - 0.5}px`}\n strokeLinecap=\"round\"\n data-testid=\"circular-indicator-blue-arc\"\n />\n <path\n className={classNameElement('arc-white')}\n d=\"M33,5 C17.536027,5 5,17.536027 5,33\"\n stroke=\"#FFF\"\n strokeWidth={`${strokeWidth + 2}px`}\n markerStart=\"url(#inverseR)\"\n markerEnd=\"url(#inverseL)\"\n />\n {grayArc}\n </g>\n )}\n </svg>\n );\n\n return (\n <div className={classNameBlock('wrapper')} role=\"status\" aria-hidden={waiting || loading ? 'false' : 'true'}>\n {buildIndicator(indicator)}\n {showLabel && labelText}\n </div>\n );\n};\n\nCircularProgressIndicator.defaultProps = {\n size: 'm',\n showLabel: false,\n showTooltip: false,\n waiting: false,\n loading: false,\n};\n\nconst circularProgressIndicatorProps = {\n size: PropTypes.oneOf(['xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl'])\n .description('Defines the size of the indicator')\n .defaultValue('m'),\n showLabel: PropTypes.bool\n .description('Wheter the indicator displays its state on a label or not')\n .defaultValue(false),\n showTooltip: PropTypes.bool\n .description('Wheter the indicator displays its state on a tooltip or not')\n .defaultValue(false),\n waiting: PropTypes.bool\n .description('Defines the state of the indicator as Waiting and only displays the gray track')\n .defaultValue(false),\n loading: PropTypes.bool\n .description('Defines the state of the indicator as Loading and displays a blue spinner animation')\n .defaultValue(false),\n};\n\nCircularProgressIndicator.propTypes = circularProgressIndicatorProps;\n\nconst CircularProgressIndicatorWithSchema = describe(CircularProgressIndicator);\nCircularProgressIndicatorWithSchema.propTypes = circularProgressIndicatorProps;\n\nexport { CircularProgressIndicatorWithSchema };\nexport default CircularProgressIndicator;\n"],
5
- "mappings": "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",
6
- "names": []
7
- }
package/esm/index.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/named */\nexport {\n default,\n default as DSCircularProgressIndicator,\n CircularProgressIndicatorWithSchema,\n} from './DSCircularProgressIndicator';\n"],
5
- "mappings": "AAAA;ACCA;AAAA;AAAA;AAAA;AAAA;",
6
- "names": []
7
- }