@elliemae/ds-circular-progress-indicator 3.4.2 → 3.4.3

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 (24) hide show
  1. package/dist/cjs/DSCircularProgressIndicator.js +123 -86
  2. package/dist/cjs/DSCircularProgressIndicator.js.map +2 -2
  3. package/dist/cjs/index.js +4 -1
  4. package/dist/cjs/index.js.map +1 -1
  5. package/dist/cjs/v2/DSCircularIndeterminateIndicator.js +80 -50
  6. package/dist/cjs/v2/DSCircularIndeterminateIndicator.js.map +1 -1
  7. package/dist/cjs/v2/constants.js +4 -1
  8. package/dist/cjs/v2/constants.js.map +1 -1
  9. package/dist/cjs/v2/index.js +4 -1
  10. package/dist/cjs/v2/index.js.map +1 -1
  11. package/dist/cjs/v2/react-desc-prop-types.js +4 -1
  12. package/dist/cjs/v2/react-desc-prop-types.js.map +1 -1
  13. package/dist/cjs/v2/styled.js +4 -1
  14. package/dist/cjs/v2/styled.js.map +1 -1
  15. package/dist/esm/DSCircularProgressIndicator.js +119 -85
  16. package/dist/esm/DSCircularProgressIndicator.js.map +1 -1
  17. package/dist/esm/index.js.map +2 -2
  18. package/dist/esm/v2/DSCircularIndeterminateIndicator.js +76 -49
  19. package/dist/esm/v2/DSCircularIndeterminateIndicator.js.map +1 -1
  20. package/dist/esm/v2/constants.js.map +1 -1
  21. package/dist/esm/v2/index.js.map +1 -1
  22. package/dist/esm/v2/react-desc-prop-types.js.map +1 -1
  23. package/dist/esm/v2/styled.js.map +1 -1
  24. package/package.json +6 -6
package/dist/cjs/DSCircularProgressIndicator.js CHANGED
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var DSCircularProgressIndicator_exports = {};
23
26
  __export(DSCircularProgressIndicator_exports, {
@@ -26,7 +29,7 @@ __export(DSCircularProgressIndicator_exports, {
26
29
  });
27
30
  module.exports = __toCommonJS(DSCircularProgressIndicator_exports);
28
31
  var React = __toESM(require("react"));
29
- var import_react = __toESM(require("react"));
32
+ var import_jsx_runtime = require("react/jsx-runtime");
30
33
  var import_ds_utilities = require("@elliemae/ds-utilities");
31
34
  var import_ds_classnames = require("@elliemae/ds-classnames");
32
35
  var import_ds_tooltip = __toESM(require("@elliemae/ds-tooltip"));
@@ -100,12 +103,13 @@ const CircularProgressIndicator = ({ size, showLabel, showTooltip, waiting, load
100
103
  default:
101
104
  break;
102
105
  }
103
- const labelText = /* @__PURE__ */ import_react.default.createElement("p", {
106
+ const labelText = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
104
107
  "data-testid": "circular-indicator-label",
105
108
  className: classNameElement("label"),
106
- style: { fontSize: `${sizeLabel}px` }
107
- }, currentLabel);
108
- const buildIndicator = (Component) => sizePx < 17 || showTooltip ? /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.default, {
109
+ style: { fontSize: `${sizeLabel}px` },
110
+ children: currentLabel
111
+ });
112
+ const buildIndicator = (Component) => sizePx < 17 || showTooltip ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tooltip.default, {
109
113
  containerProps: {
110
114
  id: "ds-circular-progress-indicator",
111
115
  "data-testid": "circular-indicator-title"
@@ -115,7 +119,7 @@ const CircularProgressIndicator = ({ size, showLabel, showTooltip, waiting, load
115
119
  triggerComponent: Component,
116
120
  placement: "bottom"
117
121
  }) : Component;
118
- const grayTrack = /* @__PURE__ */ import_react.default.createElement("circle", {
122
+ const grayTrack = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
119
123
  className: classNameElement("track"),
120
124
  cx: "50%",
121
125
  cy: "50%",
@@ -123,7 +127,7 @@ const CircularProgressIndicator = ({ size, showLabel, showTooltip, waiting, load
123
127
  r: "28",
124
128
  strokeWidth: `${trackWidth}px`
125
129
  });
126
- const grayArc = /* @__PURE__ */ import_react.default.createElement("circle", {
130
+ const grayArc = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
127
131
  className: classNameElement("arc-gray"),
128
132
  stroke: "#E0E3E8",
129
133
  strokeDasharray: `${grayArcStrokeDasharray}`,
@@ -134,90 +138,123 @@ const CircularProgressIndicator = ({ size, showLabel, showTooltip, waiting, load
134
138
  r: "28",
135
139
  strokeWidth: `${trackWidth}px`
136
140
  });
137
- const indicator = /* @__PURE__ */ import_react.default.createElement("svg", {
141
+ const indicator = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
138
142
  height: `${sizePx}px`,
139
143
  version: "1.1",
140
144
  viewBox: "0 0 66 66",
141
145
  width: `${sizePx}px`,
142
- "data-testid": "circular-indicator"
143
- }, /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", {
144
- id: "grad1",
145
- x1: "0%",
146
- x2: "100%",
147
- y1: "100%",
148
- y2: "0%"
149
- }, /* @__PURE__ */ import_react.default.createElement("stop", {
150
- offset: "0%",
151
- style: { stopColor: "#E0E3E8", stopOpacity: 1 }
152
- }), /* @__PURE__ */ import_react.default.createElement("stop", {
153
- offset: "89%",
154
- style: { stopColor: "#5594e2", stopOpacity: 1 }
155
- }), /* @__PURE__ */ import_react.default.createElement("stop", {
156
- offset: "100%",
157
- style: { stopColor: "#5594e2", stopOpacity: 1 }
158
- })), /* @__PURE__ */ import_react.default.createElement("linearGradient", {
159
- id: "grad2",
160
- x1: "0%",
161
- x2: "100%",
162
- y1: "100%",
163
- y2: "0%"
164
- }, /* @__PURE__ */ import_react.default.createElement("stop", {
165
- offset: "0%",
166
- style: { stopColor: "#5594e2", stopOpacity: 1 }
167
- }), /* @__PURE__ */ import_react.default.createElement("stop", {
168
- offset: "11%",
169
- style: { stopColor: "#5594e2", stopOpacity: 1 }
170
- }), /* @__PURE__ */ import_react.default.createElement("stop", {
171
- offset: "100%",
172
- style: { stopColor: "#E0E3E8", stopOpacity: 1 }
173
- })), /* @__PURE__ */ import_react.default.createElement("marker", {
174
- id: "inverseL",
175
- viewBox: "0 0 5 10",
176
- refX: "0.5",
177
- refY: `${markerRefY}`,
178
- markerUnits: "strokeWidth",
179
- markerWidth: "0.5",
180
- markerHeight: `${markerHeight}`,
181
- orient: "auto"
182
- }, /* @__PURE__ */ import_react.default.createElement("path", {
183
- d: "M 0 0 L 6 0 A 5 5 0 0 0 6 10 L 0 10 z",
184
- fill: "#FFF"
185
- })), /* @__PURE__ */ import_react.default.createElement("marker", {
186
- id: "inverseR",
187
- viewBox: "0 0 5 10",
188
- refX: "0",
189
- refY: "5",
190
- markerUnits: "strokeWidth",
191
- markerWidth: "0.7",
192
- markerHeight: `${markerHeight}`
193
- }, /* @__PURE__ */ import_react.default.createElement("path", {
194
- d: "M 0 0 L 6 0 A 5 5 0 0 0 6 10 L 0 10 z",
195
- fill: "#FFF"
196
- }))), grayTrack, !waiting && /* @__PURE__ */ import_react.default.createElement("g", {
197
- fill: "none",
198
- fillRule: "evenodd",
199
- stroke: "none",
200
- strokeWidth: "1"
201
- }, /* @__PURE__ */ import_react.default.createElement("path", {
202
- className: classNameElement("arc-blue"),
203
- d: "M30,5 C17.536025,6 6,17.536027 5,31",
204
- stroke: "#5594e2",
205
- strokeWidth: `${strokeWidth - 0.5}px`,
206
- strokeLinecap: "round",
207
- "data-testid": "circular-indicator-blue-arc"
208
- }), /* @__PURE__ */ import_react.default.createElement("path", {
209
- className: classNameElement("arc-white"),
210
- d: "M33,5 C17.536027,5 5,17.536027 5,33",
211
- stroke: "#FFF",
212
- strokeWidth: `${strokeWidth + 2}px`,
213
- markerStart: "url(#inverseR)",
214
- markerEnd: "url(#inverseL)"
215
- }), grayArc));
216
- return /* @__PURE__ */ import_react.default.createElement("div", {
146
+ "data-testid": "circular-indicator",
147
+ children: [
148
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("defs", {
149
+ children: [
150
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", {
151
+ id: "grad1",
152
+ x1: "0%",
153
+ x2: "100%",
154
+ y1: "100%",
155
+ y2: "0%",
156
+ children: [
157
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
158
+ offset: "0%",
159
+ style: { stopColor: "#E0E3E8", stopOpacity: 1 }
160
+ }),
161
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
162
+ offset: "89%",
163
+ style: { stopColor: "#5594e2", stopOpacity: 1 }
164
+ }),
165
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
166
+ offset: "100%",
167
+ style: { stopColor: "#5594e2", stopOpacity: 1 }
168
+ })
169
+ ]
170
+ }),
171
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", {
172
+ id: "grad2",
173
+ x1: "0%",
174
+ x2: "100%",
175
+ y1: "100%",
176
+ y2: "0%",
177
+ children: [
178
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
179
+ offset: "0%",
180
+ style: { stopColor: "#5594e2", stopOpacity: 1 }
181
+ }),
182
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
183
+ offset: "11%",
184
+ style: { stopColor: "#5594e2", stopOpacity: 1 }
185
+ }),
186
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
187
+ offset: "100%",
188
+ style: { stopColor: "#E0E3E8", stopOpacity: 1 }
189
+ })
190
+ ]
191
+ }),
192
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("marker", {
193
+ id: "inverseL",
194
+ viewBox: "0 0 5 10",
195
+ refX: "0.5",
196
+ refY: `${markerRefY}`,
197
+ markerUnits: "strokeWidth",
198
+ markerWidth: "0.5",
199
+ markerHeight: `${markerHeight}`,
200
+ orient: "auto",
201
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
202
+ d: "M 0 0 L 6 0 A 5 5 0 0 0 6 10 L 0 10 z",
203
+ fill: "#FFF"
204
+ })
205
+ }),
206
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("marker", {
207
+ id: "inverseR",
208
+ viewBox: "0 0 5 10",
209
+ refX: "0",
210
+ refY: "5",
211
+ markerUnits: "strokeWidth",
212
+ markerWidth: "0.7",
213
+ markerHeight: `${markerHeight}`,
214
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
215
+ d: "M 0 0 L 6 0 A 5 5 0 0 0 6 10 L 0 10 z",
216
+ fill: "#FFF"
217
+ })
218
+ })
219
+ ]
220
+ }),
221
+ grayTrack,
222
+ !waiting && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", {
223
+ fill: "none",
224
+ fillRule: "evenodd",
225
+ stroke: "none",
226
+ strokeWidth: "1",
227
+ children: [
228
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
229
+ className: classNameElement("arc-blue"),
230
+ d: "M30,5 C17.536025,6 6,17.536027 5,31",
231
+ stroke: "#5594e2",
232
+ strokeWidth: `${strokeWidth - 0.5}px`,
233
+ strokeLinecap: "round",
234
+ "data-testid": "circular-indicator-blue-arc"
235
+ }),
236
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
237
+ className: classNameElement("arc-white"),
238
+ d: "M33,5 C17.536027,5 5,17.536027 5,33",
239
+ stroke: "#FFF",
240
+ strokeWidth: `${strokeWidth + 2}px`,
241
+ markerStart: "url(#inverseR)",
242
+ markerEnd: "url(#inverseL)"
243
+ }),
244
+ grayArc
245
+ ]
246
+ })
247
+ ]
248
+ });
249
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
217
250
  className: classNameBlock("wrapper"),
218
251
  role: "status",
219
- "aria-hidden": waiting || loading ? "false" : "true"
220
- }, buildIndicator(indicator), showLabel && labelText);
252
+ "aria-hidden": waiting || loading ? "false" : "true",
253
+ children: [
254
+ buildIndicator(indicator),
255
+ showLabel && labelText
256
+ ]
257
+ });
221
258
  };
222
259
  CircularProgressIndicator.defaultProps = {
223
260
  size: "m",
package/dist/cjs/DSCircularProgressIndicator.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/DSCircularProgressIndicator.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\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;\nCircularProgressIndicator.displayName = 'CircularProgressIndicator';\nconst CircularProgressIndicatorWithSchema = describe(CircularProgressIndicator);\nCircularProgressIndicatorWithSchema.propTypes = circularProgressIndicatorProps;\n\nexport { CircularProgressIndicatorWithSchema };\nexport default CircularProgressIndicator;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAAkB;AAClB,0BAAoC;AACpC,2BAA0C;AAC1C,wBAAsB;AAEtB,MAAM,EAAE,gBAAgB,qBAAqB,oDAA0B,6BAA6B;AAEpG,MAAM,4BAA4B,CAAC,EAAE,MAAM,WAAW,aAAa,SAAS,cAAc;AACxF,QAAM,eAAe;AACrB,QAAM,eAAe;AACrB,QAAM,eAAe,WAAW,CAAC,UAAU,eAAe;AAC1D,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI,eAAe;AACnB,MAAI,aAAa;AACjB,MAAI,yBAAyB;AAC7B,MAAI,0BAA0B;AAE9B,UAAQ,KAAK,YAAY;AAAA,SAClB;AACH,eAAS;AACT,kBAAY;AACZ,oBAAc;AACd,mBAAa;AACb,qBAAe;AACf,+BAAyB;AACzB,gCAA0B;AAC1B;AAAA,SACG;AACH,eAAS;AACT,kBAAY;AACZ,oBAAc;AACd,mBAAa;AACb,qBAAe;AACf,+BAAyB;AACzB,gCAA0B;AAC1B;AAAA,SACG;AACH,eAAS;AACT,kBAAY;AACZ,oBAAc;AACd,mBAAa;AACb,qBAAe;AACf,mBAAa;AACb,+BAAyB;AACzB,gCAA0B;AAC1B;AAAA,SACG;AACH,eAAS;AACT,kBAAY;AACZ,oBAAc;AACd,mBAAa;AACb,mBAAa;AACb;AAAA,SACG;AACH,eAAS;AACT,kBAAY;AACZ,oBAAc;AACd,mBAAa;AACb;AAAA,SACG;AACH,eAAS;AACT,kBAAY;AACZ,oBAAc;AACd,mBAAa;AACb;AAAA,SACG;AACH,eAAS;AACT,kBAAY;AACZ,oBAAc;AACd,mBAAa;AACb;AAAA;AAEA;AAAA;AAGJ,QAAM,YACJ,mDAAC;AAAA,IACC,eAAY;AAAA,IACZ,WAAW,iBAAiB,OAAO;AAAA,IACnC,OAAO,EAAE,UAAU,GAAG,cAAc;AAAA,KAEnC,YACH;AAIF,QAAM,iBAAiB,CAAC,cACtB,SAAS,MAAM,cACb,mDAAC;AAAA,IACC,gBAAgB;AAAA,MACd,IAAI;AAAA,MACJ,eAAe;AAAA,IACjB;AAAA,IACA,iBAAgB;AAAA,IAChB,OAAO;AAAA,IACP,kBAAkB;AAAA,IAClB,WAAU;AAAA,GACZ,IAEA;AAGJ,QAAM,YACJ,mDAAC;AAAA,IACC,WAAW,iBAAiB,OAAO;AAAA,IACnC,IAAG;AAAA,IACH,IAAG;AAAA,IACH,MAAK;AAAA,IACL,GAAE;AAAA,IACF,aAAa,GAAG;AAAA,GAClB;AAGF,QAAM,UACJ,mDAAC;AAAA,IACC,WAAW,iBAAiB,UAAU;AAAA,IACtC,QAAO;AAAA,IACP,iBAAiB,GAAG;AAAA,IACpB,kBAAkB,GAAG;AAAA,IACrB,IAAG;AAAA,IACH,IAAG;AAAA,IACH,MAAK;AAAA,IACL,GAAE;AAAA,IACF,aAAa,GAAG;AAAA,GAClB;AAGF,QAAM,YACJ,mDAAC;AAAA,IACC,QAAQ,GAAG;AAAA,IACX,SAAQ;AAAA,IACR,SAAQ;AAAA,IACR,OAAO,GAAG;AAAA,IACV,eAAY;AAAA,KAEZ,mDAAC,cACC,mDAAC;AAAA,IAAe,IAAG;AAAA,IAAQ,IAAG;AAAA,IAAK,IAAG;AAAA,IAAO,IAAG;AAAA,IAAO,IAAG;AAAA,KACxD,mDAAC;AAAA,IAAK,QAAO;AAAA,IAAK,OAAO,EAAE,WAAW,WAAW,aAAa,EAAE;AAAA,GAAG,GACnE,mDAAC;AAAA,IAAK,QAAO;AAAA,IAAM,OAAO,EAAE,WAAW,WAAW,aAAa,EAAE;AAAA,GAAG,GACpE,mDAAC;AAAA,IAAK,QAAO;AAAA,IAAO,OAAO,EAAE,WAAW,WAAW,aAAa,EAAE;AAAA,GAAG,CACvE,GACA,mDAAC;AAAA,IAAe,IAAG;AAAA,IAAQ,IAAG;AAAA,IAAK,IAAG;AAAA,IAAO,IAAG;AAAA,IAAO,IAAG;AAAA,KACxD,mDAAC;AAAA,IAAK,QAAO;AAAA,IAAK,OAAO,EAAE,WAAW,WAAW,aAAa,EAAE;AAAA,GAAG,GACnE,mDAAC;AAAA,IAAK,QAAO;AAAA,IAAM,OAAO,EAAE,WAAW,WAAW,aAAa,EAAE;AAAA,GAAG,GACpE,mDAAC;AAAA,IAAK,QAAO;AAAA,IAAO,OAAO,EAAE,WAAW,WAAW,aAAa,EAAE;AAAA,GAAG,CACvE,GACA,mDAAC;AAAA,IACC,IAAG;AAAA,IACH,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,MAAM,GAAG;AAAA,IACT,aAAY;AAAA,IACZ,aAAY;AAAA,IACZ,cAAc,GAAG;AAAA,IACjB,QAAO;AAAA,KAEP,mDAAC;AAAA,IAAK,GAAE;AAAA,IAAwC,MAAK;AAAA,GAAO,CAC9D,GACA,mDAAC;AAAA,IACC,IAAG;AAAA,IACH,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,MAAK;AAAA,IACL,aAAY;AAAA,IACZ,aAAY;AAAA,IACZ,cAAc,GAAG;AAAA,KAEjB,mDAAC;AAAA,IAAK,GAAE;AAAA,IAAwC,MAAK;AAAA,GAAO,CAC9D,CACF,GACC,WACA,CAAC,WACA,mDAAC;AAAA,IAAE,MAAK;AAAA,IAAO,UAAS;AAAA,IAAU,QAAO;AAAA,IAAO,aAAY;AAAA,KAC1D,mDAAC;AAAA,IACC,WAAW,iBAAiB,UAAU;AAAA,IACtC,GAAE;AAAA,IACF,QAAO;AAAA,IACP,aAAa,GAAG,cAAc;AAAA,IAC9B,eAAc;AAAA,IACd,eAAY;AAAA,GACd,GACA,mDAAC;AAAA,IACC,WAAW,iBAAiB,WAAW;AAAA,IACvC,GAAE;AAAA,IACF,QAAO;AAAA,IACP,aAAa,GAAG,cAAc;AAAA,IAC9B,aAAY;AAAA,IACZ,WAAU;AAAA,GACZ,GACC,OACH,CAEJ;AAGF,SACE,mDAAC;AAAA,IAAI,WAAW,eAAe,SAAS;AAAA,IAAG,MAAK;AAAA,IAAS,eAAa,WAAW,UAAU,UAAU;AAAA,KAClG,eAAe,SAAS,GACxB,aAAa,SAChB;AAEJ;AAEA,0BAA0B,eAAe;AAAA,EACvC,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AAAA,EACb,SAAS;AAAA,EACT,SAAS;AACX;AAEA,MAAM,iCAAiC;AAAA,EACrC,MAAM,8BAAU,MAAM,CAAC,MAAM,KAAK,KAAK,KAAK,MAAM,OAAO,MAAM,CAAC,EAC7D,YAAY,mCAAmC,EAC/C,aAAa,GAAG;AAAA,EACnB,WAAW,8BAAU,KAClB,YAAY,2DAA2D,EACvE,aAAa,KAAK;AAAA,EACrB,aAAa,8BAAU,KACpB,YAAY,6DAA6D,EACzE,aAAa,KAAK;AAAA,EACrB,SAAS,8BAAU,KAChB,YAAY,gFAAgF,EAC5F,aAAa,KAAK;AAAA,EACrB,SAAS,8BAAU,KAChB,YAAY,qFAAqF,EACjG,aAAa,KAAK;AACvB;AAEA,0BAA0B,YAAY;AACtC,0BAA0B,cAAc;AACxC,MAAM,sCAAsC,kCAAS,yBAAyB;AAC9E,oCAAoC,YAAY;AAGhD,IAAO,sCAAQ;",
6
- "names": []
5
+ "mappings": "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",
6
+ "names": ["DSTooltip"]
7
7
  }
package/dist/cjs/index.js CHANGED
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var src_exports = {};
23
26
  __export(src_exports, {
package/dist/cjs/index.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["/* eslint-disable import/named */\nexport {\n default,\n default as DSCircularProgressIndicator,\n CircularProgressIndicatorWithSchema,\n} from './DSCircularProgressIndicator';\nexport { DSCircularIndeterminateIndicator, DSCircularIndeterminateIndicatorWithSchema } from './v2';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,yCAIO;AACP,gBAA6F;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,yCAIO;AACP,gBAA6F;",
6
6
  "names": []
7
7
  }
package/dist/cjs/v2/DSCircularIndeterminateIndicator.js CHANGED
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var DSCircularIndeterminateIndicator_exports = {};
23
26
  __export(DSCircularIndeterminateIndicator_exports, {
@@ -26,7 +29,8 @@ __export(DSCircularIndeterminateIndicator_exports, {
26
29
  });
27
30
  module.exports = __toCommonJS(DSCircularIndeterminateIndicator_exports);
28
31
  var React = __toESM(require("react"));
29
- var import_react = __toESM(require("react"));
32
+ var import_jsx_runtime = require("react/jsx-runtime");
33
+ var import_react = require("react");
30
34
  var import_ds_grid = require("@elliemae/ds-grid");
31
35
  var import_ds_tooltip = require("@elliemae/ds-tooltip");
32
36
  var import_ds_utilities = require("@elliemae/ds-utilities");
@@ -34,66 +38,92 @@ var import_uid = require("uid");
34
38
  var import_react_desc_prop_types = require("./react-desc-prop-types");
35
39
  var import_constants = require("./constants");
36
40
  var import_styled = require("./styled");
37
- const EmptyComp = (props) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, props.children);
41
+ const EmptyComp = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
42
+ children: props.children
43
+ });
38
44
  const DSCircularIndeterminateIndicator = (props) => {
39
- const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
45
+ const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(
46
+ props,
47
+ import_react_desc_prop_types.defaultProps
48
+ );
40
49
  const { height, width, rows, cols, ...globalAttributes } = (0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefault);
41
50
  const { size, color, text, showText, withTooltip, tooltipStartPlacementPreference } = propsWithDefault;
42
51
  const Wrapper = (0, import_react.useMemo)(() => withTooltip ? import_ds_tooltip.DSTooltipV3 : EmptyComp, [withTooltip]);
43
52
  const uniqueId = (0, import_react.useMemo)(() => (0, import_uid.uid)(16), []);
44
53
  const circleRadius = (0, import_react.useMemo)(() => (import_constants.sizeToPx[size] - Number.parseInt(import_constants.sizeToWeight[size], 10)) / 2, [size]);
45
- return /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
54
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
46
55
  gutter: "xs",
47
56
  justifyContent: "center",
48
57
  role: "status",
49
58
  "aria-label": text || "Loading...",
50
- ...globalAttributes
51
- }, /* @__PURE__ */ import_react.default.createElement(Wrapper, {
52
- text,
53
- textAlign: "center",
54
- startPlacementPreference: tooltipStartPlacementPreference
55
- }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSvg, {
56
- width: import_constants.sizeToPx[size],
57
- height: import_constants.sizeToPx[size]
58
- }, /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("clipPath", {
59
- id: `not-gradient-clip-${uniqueId}`
60
- }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledRect, {
61
- x: "0%",
62
- y: "0%",
63
- width: "52%",
64
- height: "100%"
65
- })), /* @__PURE__ */ import_react.default.createElement("linearGradient", {
66
- id: `gradient-color-${uniqueId}`,
67
- x1: "0%",
68
- x2: "0%",
69
- y1: "0%",
70
- y2: "100%"
71
- }, /* @__PURE__ */ import_react.default.createElement("stop", {
72
- offset: "10%",
73
- stopColor: `${import_constants.colorToHex[color]}00`
74
- }), /* @__PURE__ */ import_react.default.createElement("stop", {
75
- offset: "90%",
76
- stopColor: `${import_constants.colorToHex[color]}FF`
77
- }))), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledCircle, {
78
- cx: "50%",
79
- cy: "50%",
80
- r: circleRadius,
81
- strokeWidth: import_constants.sizeToWeight[size],
82
- stroke: import_constants.colorToHex[color],
83
- strokeLinecap: "round",
84
- clipPath: `url(#not-gradient-clip-${uniqueId})`
85
- }), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledPath, {
86
- d: `M ${import_constants.sizeToPx[size] / 2} ${import_constants.sizeToPx[size] / 2}
59
+ ...globalAttributes,
60
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, {
61
+ text,
62
+ textAlign: "center",
63
+ startPlacementPreference: tooltipStartPlacementPreference,
64
+ children: [
65
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledSvg, {
66
+ width: import_constants.sizeToPx[size],
67
+ height: import_constants.sizeToPx[size],
68
+ children: [
69
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("defs", {
70
+ children: [
71
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
72
+ id: `not-gradient-clip-${uniqueId}`,
73
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledRect, {
74
+ x: "0%",
75
+ y: "0%",
76
+ width: "52%",
77
+ height: "100%"
78
+ })
79
+ }),
80
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", {
81
+ id: `gradient-color-${uniqueId}`,
82
+ x1: "0%",
83
+ x2: "0%",
84
+ y1: "0%",
85
+ y2: "100%",
86
+ children: [
87
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
88
+ offset: "10%",
89
+ stopColor: `${import_constants.colorToHex[color]}00`
90
+ }),
91
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
92
+ offset: "90%",
93
+ stopColor: `${import_constants.colorToHex[color]}FF`
94
+ })
95
+ ]
96
+ })
97
+ ]
98
+ }),
99
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledCircle, {
100
+ cx: "50%",
101
+ cy: "50%",
102
+ r: circleRadius,
103
+ strokeWidth: import_constants.sizeToWeight[size],
104
+ stroke: import_constants.colorToHex[color],
105
+ strokeLinecap: "round",
106
+ clipPath: `url(#not-gradient-clip-${uniqueId})`
107
+ }),
108
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledPath, {
109
+ d: `M ${import_constants.sizeToPx[size] / 2} ${import_constants.sizeToPx[size] / 2}
87
110
  m ${circleRadius}, 0
88
111
  a ${circleRadius}, ${circleRadius} 0 0, 1 -${circleRadius}, ${circleRadius}`,
89
- strokeWidth: import_constants.sizeToWeight[size],
90
- fill: "transparent",
91
- stroke: `url(#gradient-color-${uniqueId})`,
92
- strokeLinecap: "round",
93
- r: circleRadius
94
- })), text !== "" && showText && /* @__PURE__ */ import_react.default.createElement("span", {
95
- style: { color: color === "light" ? "#FFFFFF" : "#25292F99", fontSize: import_constants.sizeToTextSize[size] }
96
- }, text)));
112
+ strokeWidth: import_constants.sizeToWeight[size],
113
+ fill: "transparent",
114
+ stroke: `url(#gradient-color-${uniqueId})`,
115
+ strokeLinecap: "round",
116
+ r: circleRadius
117
+ })
118
+ ]
119
+ }),
120
+ text !== "" && showText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
121
+ style: { color: color === "light" ? "#FFFFFF" : "#25292F99", fontSize: import_constants.sizeToTextSize[size] },
122
+ children: text
123
+ })
124
+ ]
125
+ })
126
+ });
97
127
  };
98
128
  DSCircularIndeterminateIndicator.propTypes = import_react_desc_prop_types.CircularIndeterminateIndicatorPropTypes;
99
129
  DSCircularIndeterminateIndicator.displayName = "DSCircularIndeterminateIndicator";
package/dist/cjs/v2/DSCircularIndeterminateIndicator.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/v2/DSCircularIndeterminateIndicator.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["/* eslint-disable @typescript-eslint/naming-convention */\nimport React, { useMemo } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { describe, useGetGlobalAttributes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { uid } from 'uid';\nimport {\n DSCircularIndeterminateIndicatorT,\n CircularIndeterminateIndicatorPropTypes,\n defaultProps,\n} from './react-desc-prop-types';\nimport { colorToHex, sizeToPx, sizeToTextSize, sizeToWeight } from './constants';\nimport { StyledCircle, StyledPath, StyledRect, StyledSvg } from './styled';\n\n// eslint-disable-next-line react/jsx-no-useless-fragment\nconst EmptyComp: typeof DSTooltipV3 = (props) => <>{props.children}</>;\n\nexport const DSCircularIndeterminateIndicator: React.ComponentType<DSCircularIndeterminateIndicatorT.Props> = (\n props,\n) => {\n const propsWithDefault = useMemoMergePropsWithDefault<Required<DSCircularIndeterminateIndicatorT.Props>>(\n props,\n defaultProps,\n );\n const { height, width, rows, cols, ...globalAttributes } = useGetGlobalAttributes(propsWithDefault);\n\n const { size, color, text, showText, withTooltip, tooltipStartPlacementPreference } = propsWithDefault;\n\n const Wrapper: typeof DSTooltipV3 = useMemo(() => (withTooltip ? DSTooltipV3 : EmptyComp), [withTooltip]);\n\n const uniqueId = useMemo(() => uid(16), []);\n\n const circleRadius = useMemo(() => (sizeToPx[size] - Number.parseInt(sizeToWeight[size], 10)) / 2, [size]);\n\n return (\n <Grid gutter=\"xs\" justifyContent=\"center\" role=\"status\" aria-label={text || 'Loading...'} {...globalAttributes}>\n <Wrapper text={text} textAlign=\"center\" startPlacementPreference={tooltipStartPlacementPreference}>\n <StyledSvg width={sizeToPx[size]} height={sizeToPx[size]}>\n <defs>\n <clipPath id={`not-gradient-clip-${uniqueId}`}>\n <StyledRect x=\"0%\" y=\"0%\" width=\"52%\" height=\"100%\" />\n </clipPath>\n <linearGradient id={`gradient-color-${uniqueId}`} x1=\"0%\" x2=\"0%\" y1=\"0%\" y2=\"100%\">\n <stop offset=\"10%\" stopColor={`${colorToHex[color]}00`} />\n <stop offset=\"90%\" stopColor={`${colorToHex[color]}FF`} />\n </linearGradient>\n </defs>\n <StyledCircle\n cx=\"50%\"\n cy=\"50%\"\n r={circleRadius}\n strokeWidth={sizeToWeight[size]}\n stroke={colorToHex[color]}\n strokeLinecap=\"round\"\n clipPath={`url(#not-gradient-clip-${uniqueId})`}\n />\n {/* \n Here we are using a path because:\n - Flexible enough to build a circle\n - When rotating, the gradient follows the rotation!!! (This is key)\n - We can use the rotation with keyframes, allowing for custom timing\n \n Using a circle does not pass point 2.\n Animating the gradient is not posible with custom timings.\n This is the best solution without using a custom library.\n */}\n <StyledPath\n d={`M ${sizeToPx[size] / 2} ${sizeToPx[size] / 2}\n m ${circleRadius}, 0\n a ${circleRadius}, ${circleRadius} 0 0, 1 -${circleRadius}, ${circleRadius}`}\n strokeWidth={sizeToWeight[size]}\n fill=\"transparent\"\n stroke={`url(#gradient-color-${uniqueId})`}\n strokeLinecap=\"round\"\n r={circleRadius}\n />\n </StyledSvg>\n {text !== '' && showText && (\n <span style={{ color: color === 'light' ? '#FFFFFF' : '#25292F99', fontSize: sizeToTextSize[size] }}>\n {text}\n </span>\n )}\n </Wrapper>\n </Grid>\n );\n};\n\nDSCircularIndeterminateIndicator.propTypes = CircularIndeterminateIndicatorPropTypes;\nDSCircularIndeterminateIndicator.displayName = 'DSCircularIndeterminateIndicator';\nexport const DSCircularIndeterminateIndicatorWithSchema = describe(DSCircularIndeterminateIndicator);\nDSCircularIndeterminateIndicatorWithSchema.propTypes = CircularIndeterminateIndicatorPropTypes;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA+B;AAC/B,qBAAqB;AACrB,wBAA4B;AAC5B,0BAA+E;AAC/E,iBAAoB;AACpB,mCAIO;AACP,uBAAmE;AACnE,oBAAgE;AAGhE,MAAM,YAAgC,CAAC,UAAU,wFAAG,MAAM,QAAS;AAE5D,MAAM,mCAAiG,CAC5G,UACG;AACH,QAAM,mBAAmB,sDACvB,OACA,yCACF;AACA,QAAM,EAAE,QAAQ,OAAO,MAAM,SAAS,qBAAqB,gDAAuB,gBAAgB;AAElG,QAAM,EAAE,MAAM,OAAO,MAAM,UAAU,aAAa,oCAAoC;AAEtF,QAAM,UAA8B,0BAAQ,MAAO,cAAc,gCAAc,WAAY,CAAC,WAAW,CAAC;AAExG,QAAM,WAAW,0BAAQ,MAAM,oBAAI,EAAE,GAAG,CAAC,CAAC;AAE1C,QAAM,eAAe,0BAAQ,MAAO,2BAAS,QAAQ,OAAO,SAAS,8BAAa,OAAO,EAAE,KAAK,GAAG,CAAC,IAAI,CAAC;AAEzG,SACE,mDAAC;AAAA,IAAK,QAAO;AAAA,IAAK,gBAAe;AAAA,IAAS,MAAK;AAAA,IAAS,cAAY,QAAQ;AAAA,IAAe,GAAG;AAAA,KAC5F,mDAAC;AAAA,IAAQ;AAAA,IAAY,WAAU;AAAA,IAAS,0BAA0B;AAAA,KAChE,mDAAC;AAAA,IAAU,OAAO,0BAAS;AAAA,IAAO,QAAQ,0BAAS;AAAA,KACjD,mDAAC,cACC,mDAAC;AAAA,IAAS,IAAI,qBAAqB;AAAA,KACjC,mDAAC;AAAA,IAAW,GAAE;AAAA,IAAK,GAAE;AAAA,IAAK,OAAM;AAAA,IAAM,QAAO;AAAA,GAAO,CACtD,GACA,mDAAC;AAAA,IAAe,IAAI,kBAAkB;AAAA,IAAY,IAAG;AAAA,IAAK,IAAG;AAAA,IAAK,IAAG;AAAA,IAAK,IAAG;AAAA,KAC3E,mDAAC;AAAA,IAAK,QAAO;AAAA,IAAM,WAAW,GAAG,4BAAW;AAAA,GAAY,GACxD,mDAAC;AAAA,IAAK,QAAO;AAAA,IAAM,WAAW,GAAG,4BAAW;AAAA,GAAY,CAC1D,CACF,GACA,mDAAC;AAAA,IACC,IAAG;AAAA,IACH,IAAG;AAAA,IACH,GAAG;AAAA,IACH,aAAa,8BAAa;AAAA,IAC1B,QAAQ,4BAAW;AAAA,IACnB,eAAc;AAAA,IACd,UAAU,0BAA0B;AAAA,GACtC,GAWA,mDAAC;AAAA,IACC,GAAG,KAAK,0BAAS,QAAQ,KAAK,0BAAS,QAAQ;AAAA,oBACvC;AAAA,oBACA,iBAAiB,wBAAwB,iBAAiB;AAAA,IAClE,aAAa,8BAAa;AAAA,IAC1B,MAAK;AAAA,IACL,QAAQ,uBAAuB;AAAA,IAC/B,eAAc;AAAA,IACd,GAAG;AAAA,GACL,CACF,GACC,SAAS,MAAM,YACd,mDAAC;AAAA,IAAK,OAAO,EAAE,OAAO,UAAU,UAAU,YAAY,aAAa,UAAU,gCAAe,MAAM;AAAA,KAC/F,IACH,CAEJ,CACF;AAEJ;AAEA,iCAAiC,YAAY;AAC7C,iCAAiC,cAAc;AACxC,MAAM,6CAA6C,kCAAS,gCAAgC;AACnG,2CAA2C,YAAY;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAA+B;AAC/B,qBAAqB;AACrB,wBAA4B;AAC5B,0BAA+E;AAC/E,iBAAoB;AACpB,mCAIO;AACP,uBAAmE;AACnE,oBAAgE;AAGhE,MAAM,YAAgC,CAAC,UAAU;AAAA,EAAG,gBAAM;AAAA,CAAS;AAE5D,MAAM,mCAAiG,CAC5G,UACG;AACH,QAAM,uBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,QAAM,EAAE,QAAQ,OAAO,MAAM,SAAS,iBAAiB,QAAI,4CAAuB,gBAAgB;AAElG,QAAM,EAAE,MAAM,OAAO,MAAM,UAAU,aAAa,gCAAgC,IAAI;AAEtF,QAAM,cAA8B,sBAAQ,MAAO,cAAc,gCAAc,WAAY,CAAC,WAAW,CAAC;AAExG,QAAM,eAAW,sBAAQ,UAAM,gBAAI,EAAE,GAAG,CAAC,CAAC;AAE1C,QAAM,mBAAe,sBAAQ,OAAO,0BAAS,QAAQ,OAAO,SAAS,8BAAa,OAAO,EAAE,KAAK,GAAG,CAAC,IAAI,CAAC;AAEzG,SACE,4CAAC;AAAA,IAAK,QAAO;AAAA,IAAK,gBAAe;AAAA,IAAS,MAAK;AAAA,IAAS,cAAY,QAAQ;AAAA,IAAe,GAAG;AAAA,IAC5F,uDAAC;AAAA,MAAQ;AAAA,MAAY,WAAU;AAAA,MAAS,0BAA0B;AAAA,MAChE;AAAA,qDAAC;AAAA,UAAU,OAAO,0BAAS;AAAA,UAAO,QAAQ,0BAAS;AAAA,UACjD;AAAA,yDAAC;AAAA,cACC;AAAA,4DAAC;AAAA,kBAAS,IAAI,qBAAqB;AAAA,kBACjC,sDAAC;AAAA,oBAAW,GAAE;AAAA,oBAAK,GAAE;AAAA,oBAAK,OAAM;AAAA,oBAAM,QAAO;AAAA,mBAAO;AAAA,iBACtD;AAAA,gBACA,6CAAC;AAAA,kBAAe,IAAI,kBAAkB;AAAA,kBAAY,IAAG;AAAA,kBAAK,IAAG;AAAA,kBAAK,IAAG;AAAA,kBAAK,IAAG;AAAA,kBAC3E;AAAA,gEAAC;AAAA,sBAAK,QAAO;AAAA,sBAAM,WAAW,GAAG,4BAAW;AAAA,qBAAY;AAAA,oBACxD,4CAAC;AAAA,sBAAK,QAAO;AAAA,sBAAM,WAAW,GAAG,4BAAW;AAAA,qBAAY;AAAA;AAAA,iBAC1D;AAAA;AAAA,aACF;AAAA,YACA,4CAAC;AAAA,cACC,IAAG;AAAA,cACH,IAAG;AAAA,cACH,GAAG;AAAA,cACH,aAAa,8BAAa;AAAA,cAC1B,QAAQ,4BAAW;AAAA,cACnB,eAAc;AAAA,cACd,UAAU,0BAA0B;AAAA,aACtC;AAAA,YAWA,4CAAC;AAAA,cACC,GAAG,KAAK,0BAAS,QAAQ,KAAK,0BAAS,QAAQ;AAAA,oBACvC;AAAA,oBACA,iBAAiB,wBAAwB,iBAAiB;AAAA,cAClE,aAAa,8BAAa;AAAA,cAC1B,MAAK;AAAA,cACL,QAAQ,uBAAuB;AAAA,cAC/B,eAAc;AAAA,cACd,GAAG;AAAA,aACL;AAAA;AAAA,SACF;AAAA,QACC,SAAS,MAAM,YACd,4CAAC;AAAA,UAAK,OAAO,EAAE,OAAO,UAAU,UAAU,YAAY,aAAa,UAAU,gCAAe,MAAM;AAAA,UAC/F;AAAA,SACH;AAAA;AAAA,KAEJ;AAAA,GACF;AAEJ;AAEA,iCAAiC,YAAY;AAC7C,iCAAiC,cAAc;AACxC,MAAM,iDAA6C,8BAAS,gCAAgC;AACnG,2CAA2C,YAAY;",
6
6
  "names": []
7
7
  }
package/dist/cjs/v2/constants.js CHANGED
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var constants_exports = {};
23
26
  __export(constants_exports, {
package/dist/cjs/v2/constants.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/v2/constants.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["export const sizeToPx = {\n xs: 16,\n s: 24,\n m: 32,\n l: 48,\n xl: 56,\n xxl: 64,\n};\n\nexport const sizeToWeight = {\n xs: '3px',\n s: '3px',\n m: '3px',\n l: '4px',\n xl: '5px',\n xxl: '6px',\n};\n\nexport const colorToHex = {\n light: '#EBF6FF',\n dark: '#1394E5',\n};\n\nexport const sizeToTextSize = {\n xs: '12px',\n s: '12px',\n m: '12px',\n l: '13px',\n xl: '14px',\n xxl: '16px',\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,WAAW;AAAA,EACtB,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AACP;AAEO,MAAM,eAAe;AAAA,EAC1B,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AACP;AAEO,MAAM,aAAa;AAAA,EACxB,OAAO;AAAA,EACP,MAAM;AACR;AAEO,MAAM,iBAAiB;AAAA,EAC5B,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AACP;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,WAAW;AAAA,EACtB,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AACP;AAEO,MAAM,eAAe;AAAA,EAC1B,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AACP;AAEO,MAAM,aAAa;AAAA,EACxB,OAAO;AAAA,EACP,MAAM;AACR;AAEO,MAAM,iBAAiB;AAAA,EAC5B,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AACP;",
6
6
  "names": []
7
7
  }
package/dist/cjs/v2/index.js CHANGED
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var v2_exports = {};
23
26
  __export(v2_exports, {
package/dist/cjs/v2/index.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/v2/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["export {\n DSCircularIndeterminateIndicator,\n DSCircularIndeterminateIndicatorWithSchema,\n} from './DSCircularIndeterminateIndicator';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8CAGO;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8CAGO;",
6
6
  "names": []
7
7
  }
package/dist/cjs/v2/react-desc-prop-types.js CHANGED
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var react_desc_prop_types_exports = {};
23
26
  __export(react_desc_prop_types_exports, {
package/dist/cjs/v2/react-desc-prop-types.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/v2/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["/* eslint-disable max-lines */\nimport { PropTypes, globalAttributesPropTypes } from '@elliemae/ds-utilities';\nimport { WeakValidationMap } from 'react';\n\nexport declare namespace DSCircularIndeterminateIndicatorT {\n interface Props {\n size?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';\n color?: 'light' | 'dark';\n text?: string;\n showText?: boolean;\n withTooltip: boolean;\n tooltipStartPlacementPreference?:\n | 'top-start'\n | 'top'\n | 'top-end'\n | 'right-start'\n | 'right'\n | 'right-end'\n | 'bottom-end'\n | 'bottom'\n | 'bottom-start'\n | 'left-end'\n | 'left'\n | 'left-start';\n }\n}\n\nexport const CircularIndeterminateIndicatorPropTypes = {\n ...globalAttributesPropTypes,\n size: PropTypes.oneOf(['xs', 's', 'm', 'l', 'xl', 'xxl']).description('Size of the indicator').defaultValue('m'),\n color: PropTypes.oneOf(['light', 'dark']).description('Color mode for the indicator').defaultValue('dark'),\n text: PropTypes.string.description('Optional text to show under the indicator').defaultValue(''),\n showText: PropTypes.bool.description('Whether to show the optional text or not').defaultValue(true),\n withTooltip: PropTypes.bool\n .description('Whether to include a tooltip that shows the optional text on hover')\n .defaultValue(false),\n tooltipStartPlacementPreference: PropTypes.oneOf([\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n ])\n .description('start placement preference for the tooltip')\n .defaultValue('center'),\n} as WeakValidationMap<unknown>;\n\nexport const defaultProps: DSCircularIndeterminateIndicatorT.Props = {\n size: 'm',\n color: 'dark',\n text: '',\n showText: true,\n withTooltip: false,\n tooltipStartPlacementPreference: 'bottom',\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAAqD;AA0B9C,MAAM,0CAA0C;AAAA,EACrD,GAAG;AAAA,EACH,MAAM,8BAAU,MAAM,CAAC,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,CAAC,EAAE,YAAY,uBAAuB,EAAE,aAAa,GAAG;AAAA,EAC/G,OAAO,8BAAU,MAAM,CAAC,SAAS,MAAM,CAAC,EAAE,YAAY,8BAA8B,EAAE,aAAa,MAAM;AAAA,EACzG,MAAM,8BAAU,OAAO,YAAY,2CAA2C,EAAE,aAAa,EAAE;AAAA,EAC/F,UAAU,8BAAU,KAAK,YAAY,0CAA0C,EAAE,aAAa,IAAI;AAAA,EAClG,aAAa,8BAAU,KACpB,YAAY,oEAAoE,EAChF,aAAa,KAAK;AAAA,EACrB,iCAAiC,8BAAU,MAAM;AAAA,IAC/C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,EACE,YAAY,4CAA4C,EACxD,aAAa,QAAQ;AAC1B;AAEO,MAAM,eAAwD;AAAA,EACnE,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,aAAa;AAAA,EACb,iCAAiC;AACnC;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAAqD;AA0B9C,MAAM,0CAA0C;AAAA,EACrD,GAAG;AAAA,EACH,MAAM,8BAAU,MAAM,CAAC,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,CAAC,EAAE,YAAY,uBAAuB,EAAE,aAAa,GAAG;AAAA,EAC/G,OAAO,8BAAU,MAAM,CAAC,SAAS,MAAM,CAAC,EAAE,YAAY,8BAA8B,EAAE,aAAa,MAAM;AAAA,EACzG,MAAM,8BAAU,OAAO,YAAY,2CAA2C,EAAE,aAAa,EAAE;AAAA,EAC/F,UAAU,8BAAU,KAAK,YAAY,0CAA0C,EAAE,aAAa,IAAI;AAAA,EAClG,aAAa,8BAAU,KACpB,YAAY,oEAAoE,EAChF,aAAa,KAAK;AAAA,EACrB,iCAAiC,8BAAU,MAAM;AAAA,IAC/C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,EACE,YAAY,4CAA4C,EACxD,aAAa,QAAQ;AAC1B;AAEO,MAAM,eAAwD;AAAA,EACnE,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,aAAa;AAAA,EACb,iCAAiC;AACnC;",
6
6
  "names": []
7
7
  }