@elliemae/ds-spinner 3.3.0-next.4 → 3.3.0-next.7

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 (5) hide show
  1. package/dist/cjs/DSSpinner.js +43 -73
  2. package/dist/cjs/DSSpinner.js.map +1 -1
  3. package/dist/esm/DSSpinner.js +43 -75
  4. package/dist/esm/DSSpinner.js.map +1 -1
  5. package/package.json +3 -3
package/dist/cjs/DSSpinner.js CHANGED
@@ -1,39 +1,10 @@
1
1
  "use strict";
2
2
  var __create = Object.create;
3
3
  var __defProp = Object.defineProperty;
4
- var __defProps = Object.defineProperties;
5
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
7
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
8
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
9
6
  var __getProtoOf = Object.getPrototypeOf;
10
7
  var __hasOwnProp = Object.prototype.hasOwnProperty;
11
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
12
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
13
- var __spreadValues = (a, b) => {
14
- for (var prop in b || (b = {}))
15
- if (__hasOwnProp.call(b, prop))
16
- __defNormalProp(a, prop, b[prop]);
17
- if (__getOwnPropSymbols)
18
- for (var prop of __getOwnPropSymbols(b)) {
19
- if (__propIsEnum.call(b, prop))
20
- __defNormalProp(a, prop, b[prop]);
21
- }
22
- return a;
23
- };
24
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
25
- var __objRest = (source, exclude) => {
26
- var target = {};
27
- for (var prop in source)
28
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
29
- target[prop] = source[prop];
30
- if (source != null && __getOwnPropSymbols)
31
- for (var prop of __getOwnPropSymbols(source)) {
32
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
33
- target[prop] = source[prop];
34
- }
35
- return target;
36
- };
37
8
  var __export = (target, all) => {
38
9
  for (var name in all)
39
10
  __defProp(target, name, { get: all[name], enumerable: true });
@@ -63,50 +34,49 @@ const blockName = "spinner";
63
34
  const SpinnerContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName);
64
35
  const SpinnerMessage = (0, import_ds_classnames.aggregatedClasses)("span")(blockName, "message");
65
36
  const Spinner = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "spinner");
66
- const DSSpinner = (_a) => {
67
- var _b = _a, { containerProps = {}, innerRef, message, size } = _b, otherProps = __objRest(_b, ["containerProps", "innerRef", "message", "size"]);
68
- return /* @__PURE__ */ import_react.default.createElement(SpinnerContainer, __spreadValues(__spreadProps(__spreadValues({}, containerProps), {
69
- ref: innerRef,
70
- "aria-busy": true,
71
- "aria-label": message,
72
- "aria-live": "polite",
73
- role: "alert"
74
- }), otherProps), /* @__PURE__ */ import_react.default.createElement(Spinner, {
75
- classProps: { size }
76
- }, /* @__PURE__ */ import_react.default.createElement("svg", {
77
- className: `${blockName}-tl`,
78
- viewBox: "0 0 16.6 16.6",
79
- xmlns: "http://www.w3.org/2000/svg"
80
- }, /* @__PURE__ */ import_react.default.createElement("path", {
81
- d: "M16.1.5A15.6,15.6,0,0,0,.5,16.1,15.6,15.6,0,0,0,16.1.5Z",
82
- fill: "#408a90",
83
- stroke: "#fbfbfb"
84
- })), /* @__PURE__ */ import_react.default.createElement("svg", {
85
- className: `${blockName}-tr`,
86
- viewBox: "0 0 16.6 16.6",
87
- xmlns: "http://www.w3.org/2000/svg"
88
- }, /* @__PURE__ */ import_react.default.createElement("path", {
89
- d: "M16.1,16.1A15.6,15.6,0,0,0,.5.5,15.6,15.6,0,0,0,16.1,16.1Z",
90
- fill: "#f7901e",
91
- stroke: "#fbfbfb"
92
- })), /* @__PURE__ */ import_react.default.createElement("svg", {
93
- className: `${blockName}-br`,
94
- viewBox: "0 0 16.6 16.6",
95
- xmlns: "http://www.w3.org/2000/svg"
96
- }, /* @__PURE__ */ import_react.default.createElement("path", {
97
- d: "M.5.5A15.6,15.6,0,0,0,16.1,16.1,15.6,15.6,0,0,0,.5.5Z",
98
- fill: "#0067ab",
99
- stroke: "#fbfbfb"
100
- })), /* @__PURE__ */ import_react.default.createElement("svg", {
101
- className: `${blockName}-bl`,
102
- viewBox: "0 0 16.6 16.6",
103
- xmlns: "http://www.w3.org/2000/svg"
104
- }, /* @__PURE__ */ import_react.default.createElement("path", {
105
- d: "M16.1.5A15.6,15.6,0,0,0,.5,16.1,15.6,15.6,0,0,0,16.1.5Z",
106
- fill: "#00acdc",
107
- stroke: "#fbfbfb"
108
- }))), message && /* @__PURE__ */ import_react.default.createElement(SpinnerMessage, null, message));
109
- };
37
+ const DSSpinner = ({ containerProps = {}, innerRef, message, size, ...otherProps }) => /* @__PURE__ */ import_react.default.createElement(SpinnerContainer, {
38
+ ...containerProps,
39
+ ref: innerRef,
40
+ "aria-busy": true,
41
+ "aria-label": message,
42
+ "aria-live": "polite",
43
+ role: "alert",
44
+ ...otherProps
45
+ }, /* @__PURE__ */ import_react.default.createElement(Spinner, {
46
+ classProps: { size }
47
+ }, /* @__PURE__ */ import_react.default.createElement("svg", {
48
+ className: `${blockName}-tl`,
49
+ viewBox: "0 0 16.6 16.6",
50
+ xmlns: "http://www.w3.org/2000/svg"
51
+ }, /* @__PURE__ */ import_react.default.createElement("path", {
52
+ d: "M16.1.5A15.6,15.6,0,0,0,.5,16.1,15.6,15.6,0,0,0,16.1.5Z",
53
+ fill: "#408a90",
54
+ stroke: "#fbfbfb"
55
+ })), /* @__PURE__ */ import_react.default.createElement("svg", {
56
+ className: `${blockName}-tr`,
57
+ viewBox: "0 0 16.6 16.6",
58
+ xmlns: "http://www.w3.org/2000/svg"
59
+ }, /* @__PURE__ */ import_react.default.createElement("path", {
60
+ d: "M16.1,16.1A15.6,15.6,0,0,0,.5.5,15.6,15.6,0,0,0,16.1,16.1Z",
61
+ fill: "#f7901e",
62
+ stroke: "#fbfbfb"
63
+ })), /* @__PURE__ */ import_react.default.createElement("svg", {
64
+ className: `${blockName}-br`,
65
+ viewBox: "0 0 16.6 16.6",
66
+ xmlns: "http://www.w3.org/2000/svg"
67
+ }, /* @__PURE__ */ import_react.default.createElement("path", {
68
+ d: "M.5.5A15.6,15.6,0,0,0,16.1,16.1,15.6,15.6,0,0,0,.5.5Z",
69
+ fill: "#0067ab",
70
+ stroke: "#fbfbfb"
71
+ })), /* @__PURE__ */ import_react.default.createElement("svg", {
72
+ className: `${blockName}-bl`,
73
+ viewBox: "0 0 16.6 16.6",
74
+ xmlns: "http://www.w3.org/2000/svg"
75
+ }, /* @__PURE__ */ import_react.default.createElement("path", {
76
+ d: "M16.1.5A15.6,15.6,0,0,0,.5,16.1,15.6,15.6,0,0,0,16.1.5Z",
77
+ fill: "#00acdc",
78
+ stroke: "#fbfbfb"
79
+ }))), message && /* @__PURE__ */ import_react.default.createElement(SpinnerMessage, null, message));
110
80
  DSSpinner.defaultProps = {
111
81
  containerProps: {},
112
82
  message: "",
package/dist/cjs/DSSpinner.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/DSSpinner.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'spinner';\n\nconst SpinnerContainer = aggregatedClasses('div')(blockName);\nconst SpinnerMessage = aggregatedClasses('span')(blockName, 'message');\nconst Spinner = aggregatedClasses('div')(blockName, 'spinner');\n\n// TODO: do we want dynamic position of the text (top, right, bottom, left)?\n\nconst DSSpinner = ({ containerProps = {}, innerRef, message, size, ...otherProps }) => (\n <SpinnerContainer\n {...containerProps}\n ref={innerRef}\n aria-busy\n aria-label={message}\n aria-live=\"polite\"\n role=\"alert\"\n {...otherProps}\n >\n <Spinner classProps={{ size }}>\n <svg className={`${blockName}-tl`} viewBox=\"0 0 16.6 16.6\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M16.1.5A15.6,15.6,0,0,0,.5,16.1,15.6,15.6,0,0,0,16.1.5Z\" fill=\"#408a90\" stroke=\"#fbfbfb\" />\n </svg>\n <svg className={`${blockName}-tr`} viewBox=\"0 0 16.6 16.6\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M16.1,16.1A15.6,15.6,0,0,0,.5.5,15.6,15.6,0,0,0,16.1,16.1Z\" fill=\"#f7901e\" stroke=\"#fbfbfb\" />\n </svg>\n <svg className={`${blockName}-br`} viewBox=\"0 0 16.6 16.6\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M.5.5A15.6,15.6,0,0,0,16.1,16.1,15.6,15.6,0,0,0,.5.5Z\" fill=\"#0067ab\" stroke=\"#fbfbfb\" />\n </svg>\n <svg className={`${blockName}-bl`} viewBox=\"0 0 16.6 16.6\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M16.1.5A15.6,15.6,0,0,0,.5,16.1,15.6,15.6,0,0,0,16.1.5Z\" fill=\"#00acdc\" stroke=\"#fbfbfb\" />\n </svg>\n </Spinner>\n {message && <SpinnerMessage>{message}</SpinnerMessage>}\n </SpinnerContainer>\n);\n\nDSSpinner.defaultProps = {\n containerProps: {},\n message: '',\n size: 'm',\n};\n\nconst spinnerProps = {\n innerRef: PropTypes.object.description('ref to the component s container'),\n containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n message: PropTypes.string.description('Text below the spinner'),\n size: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('Spinner size').defaultValue('m'),\n};\n\nDSSpinner.propTypes = spinnerProps;\nDSSpinner.displayName = 'DSSpinner';\nconst SpinnerWithSchema = describe(DSSpinner);\nSpinnerWithSchema.propTypes = spinnerProps;\n\nexport { DSSpinner, SpinnerWithSchema };\nexport default DSSpinner;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,0BAAoC;AACpC,2BAAkC;AAElC,MAAM,YAAY;AAElB,MAAM,mBAAmB,4CAAkB,KAAK,EAAE,SAAS;AAC3D,MAAM,iBAAiB,4CAAkB,MAAM,EAAE,WAAW,SAAS;AACrE,MAAM,UAAU,4CAAkB,KAAK,EAAE,WAAW,SAAS;AAI7D,MAAM,YAAY,CAAC,OAAiE;AAAjE,eAAE,mBAAiB,CAAC,GAAG,UAAU,SAAS,SAA1C,IAAmD,uBAAnD,IAAmD,CAAjD,kBAAqB,YAAU,WAAS;AAC3D,4DAAC,kEACK,iBADL;AAAA,IAEC,KAAK;AAAA,IACL,aAAS;AAAA,IACT,cAAY;AAAA,IACZ,aAAU;AAAA,IACV,MAAK;AAAA,MACD,aAEJ,mDAAC;AAAA,IAAQ,YAAY,EAAE,KAAK;AAAA,KAC1B,mDAAC;AAAA,IAAI,WAAW,GAAG;AAAA,IAAgB,SAAQ;AAAA,IAAgB,OAAM;AAAA,KAC/D,mDAAC;AAAA,IAAK,GAAE;AAAA,IAA0D,MAAK;AAAA,IAAU,QAAO;AAAA,GAAU,CACpG,GACA,mDAAC;AAAA,IAAI,WAAW,GAAG;AAAA,IAAgB,SAAQ;AAAA,IAAgB,OAAM;AAAA,KAC/D,mDAAC;AAAA,IAAK,GAAE;AAAA,IAA6D,MAAK;AAAA,IAAU,QAAO;AAAA,GAAU,CACvG,GACA,mDAAC;AAAA,IAAI,WAAW,GAAG;AAAA,IAAgB,SAAQ;AAAA,IAAgB,OAAM;AAAA,KAC/D,mDAAC;AAAA,IAAK,GAAE;AAAA,IAAwD,MAAK;AAAA,IAAU,QAAO;AAAA,GAAU,CAClG,GACA,mDAAC;AAAA,IAAI,WAAW,GAAG;AAAA,IAAgB,SAAQ;AAAA,IAAgB,OAAM;AAAA,KAC/D,mDAAC;AAAA,IAAK,GAAE;AAAA,IAA0D,MAAK;AAAA,IAAU,QAAO;AAAA,GAAU,CACpG,CACF,GACC,WAAW,mDAAC,sBAAgB,OAAQ,CACvC;AAAA;AAGF,UAAU,eAAe;AAAA,EACvB,gBAAgB,CAAC;AAAA,EACjB,SAAS;AAAA,EACT,MAAM;AACR;AAEA,MAAM,eAAe;AAAA,EACnB,UAAU,8BAAU,OAAO,YAAY,kCAAkC;AAAA,EACzE,gBAAgB,8BAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,SAAS,8BAAU,OAAO,YAAY,wBAAwB;AAAA,EAC9D,MAAM,8BAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,CAAC,EAAE,YAAY,cAAc,EAAE,aAAa,GAAG;AAC/G;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,oBAAoB,kCAAS,SAAS;AAC5C,kBAAkB,YAAY;AAG9B,IAAO,oBAAQ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,0BAAoC;AACpC,2BAAkC;AAElC,MAAM,YAAY;AAElB,MAAM,mBAAmB,4CAAkB,KAAK,EAAE,SAAS;AAC3D,MAAM,iBAAiB,4CAAkB,MAAM,EAAE,WAAW,SAAS;AACrE,MAAM,UAAU,4CAAkB,KAAK,EAAE,WAAW,SAAS;AAI7D,MAAM,YAAY,CAAC,EAAE,iBAAiB,CAAC,GAAG,UAAU,SAAS,SAAS,iBACpE,mDAAC;AAAA,EACE,GAAG;AAAA,EACJ,KAAK;AAAA,EACL,aAAS;AAAA,EACT,cAAY;AAAA,EACZ,aAAU;AAAA,EACV,MAAK;AAAA,EACJ,GAAG;AAAA,GAEJ,mDAAC;AAAA,EAAQ,YAAY,EAAE,KAAK;AAAA,GAC1B,mDAAC;AAAA,EAAI,WAAW,GAAG;AAAA,EAAgB,SAAQ;AAAA,EAAgB,OAAM;AAAA,GAC/D,mDAAC;AAAA,EAAK,GAAE;AAAA,EAA0D,MAAK;AAAA,EAAU,QAAO;AAAA,CAAU,CACpG,GACA,mDAAC;AAAA,EAAI,WAAW,GAAG;AAAA,EAAgB,SAAQ;AAAA,EAAgB,OAAM;AAAA,GAC/D,mDAAC;AAAA,EAAK,GAAE;AAAA,EAA6D,MAAK;AAAA,EAAU,QAAO;AAAA,CAAU,CACvG,GACA,mDAAC;AAAA,EAAI,WAAW,GAAG;AAAA,EAAgB,SAAQ;AAAA,EAAgB,OAAM;AAAA,GAC/D,mDAAC;AAAA,EAAK,GAAE;AAAA,EAAwD,MAAK;AAAA,EAAU,QAAO;AAAA,CAAU,CAClG,GACA,mDAAC;AAAA,EAAI,WAAW,GAAG;AAAA,EAAgB,SAAQ;AAAA,EAAgB,OAAM;AAAA,GAC/D,mDAAC;AAAA,EAAK,GAAE;AAAA,EAA0D,MAAK;AAAA,EAAU,QAAO;AAAA,CAAU,CACpG,CACF,GACC,WAAW,mDAAC,sBAAgB,OAAQ,CACvC;AAGF,UAAU,eAAe;AAAA,EACvB,gBAAgB,CAAC;AAAA,EACjB,SAAS;AAAA,EACT,MAAM;AACR;AAEA,MAAM,eAAe;AAAA,EACnB,UAAU,8BAAU,OAAO,YAAY,kCAAkC;AAAA,EACzE,gBAAgB,8BAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,SAAS,8BAAU,OAAO,YAAY,wBAAwB;AAAA,EAC9D,MAAM,8BAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,CAAC,EAAE,YAAY,cAAc,EAAE,aAAa,GAAG;AAC/G;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,oBAAoB,kCAAS,SAAS;AAC5C,kBAAkB,YAAY;AAG9B,IAAO,oBAAQ;",
6
6
  "names": []
7
7
  }
package/dist/esm/DSSpinner.js CHANGED
@@ -1,35 +1,4 @@
1
1
  "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __defProps = Object.defineProperties;
4
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
5
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
8
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
9
- var __spreadValues = (a, b) => {
10
- for (var prop in b || (b = {}))
11
- if (__hasOwnProp.call(b, prop))
12
- __defNormalProp(a, prop, b[prop]);
13
- if (__getOwnPropSymbols)
14
- for (var prop of __getOwnPropSymbols(b)) {
15
- if (__propIsEnum.call(b, prop))
16
- __defNormalProp(a, prop, b[prop]);
17
- }
18
- return a;
19
- };
20
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
21
- var __objRest = (source, exclude) => {
22
- var target = {};
23
- for (var prop in source)
24
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
25
- target[prop] = source[prop];
26
- if (source != null && __getOwnPropSymbols)
27
- for (var prop of __getOwnPropSymbols(source)) {
28
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
29
- target[prop] = source[prop];
30
- }
31
- return target;
32
- };
33
2
  import * as React from "react";
34
3
  import React2 from "react";
35
4
  import { describe, PropTypes } from "@elliemae/ds-utilities";
@@ -38,50 +7,49 @@ const blockName = "spinner";
38
7
  const SpinnerContainer = aggregatedClasses("div")(blockName);
39
8
  const SpinnerMessage = aggregatedClasses("span")(blockName, "message");
40
9
  const Spinner = aggregatedClasses("div")(blockName, "spinner");
41
- const DSSpinner = (_a) => {
42
- var _b = _a, { containerProps = {}, innerRef, message, size } = _b, otherProps = __objRest(_b, ["containerProps", "innerRef", "message", "size"]);
43
- return /* @__PURE__ */ React2.createElement(SpinnerContainer, __spreadValues(__spreadProps(__spreadValues({}, containerProps), {
44
- ref: innerRef,
45
- "aria-busy": true,
46
- "aria-label": message,
47
- "aria-live": "polite",
48
- role: "alert"
49
- }), otherProps), /* @__PURE__ */ React2.createElement(Spinner, {
50
- classProps: { size }
51
- }, /* @__PURE__ */ React2.createElement("svg", {
52
- className: `${blockName}-tl`,
53
- viewBox: "0 0 16.6 16.6",
54
- xmlns: "http://www.w3.org/2000/svg"
55
- }, /* @__PURE__ */ React2.createElement("path", {
56
- d: "M16.1.5A15.6,15.6,0,0,0,.5,16.1,15.6,15.6,0,0,0,16.1.5Z",
57
- fill: "#408a90",
58
- stroke: "#fbfbfb"
59
- })), /* @__PURE__ */ React2.createElement("svg", {
60
- className: `${blockName}-tr`,
61
- viewBox: "0 0 16.6 16.6",
62
- xmlns: "http://www.w3.org/2000/svg"
63
- }, /* @__PURE__ */ React2.createElement("path", {
64
- d: "M16.1,16.1A15.6,15.6,0,0,0,.5.5,15.6,15.6,0,0,0,16.1,16.1Z",
65
- fill: "#f7901e",
66
- stroke: "#fbfbfb"
67
- })), /* @__PURE__ */ React2.createElement("svg", {
68
- className: `${blockName}-br`,
69
- viewBox: "0 0 16.6 16.6",
70
- xmlns: "http://www.w3.org/2000/svg"
71
- }, /* @__PURE__ */ React2.createElement("path", {
72
- d: "M.5.5A15.6,15.6,0,0,0,16.1,16.1,15.6,15.6,0,0,0,.5.5Z",
73
- fill: "#0067ab",
74
- stroke: "#fbfbfb"
75
- })), /* @__PURE__ */ React2.createElement("svg", {
76
- className: `${blockName}-bl`,
77
- viewBox: "0 0 16.6 16.6",
78
- xmlns: "http://www.w3.org/2000/svg"
79
- }, /* @__PURE__ */ React2.createElement("path", {
80
- d: "M16.1.5A15.6,15.6,0,0,0,.5,16.1,15.6,15.6,0,0,0,16.1.5Z",
81
- fill: "#00acdc",
82
- stroke: "#fbfbfb"
83
- }))), message && /* @__PURE__ */ React2.createElement(SpinnerMessage, null, message));
84
- };
10
+ const DSSpinner = ({ containerProps = {}, innerRef, message, size, ...otherProps }) => /* @__PURE__ */ React2.createElement(SpinnerContainer, {
11
+ ...containerProps,
12
+ ref: innerRef,
13
+ "aria-busy": true,
14
+ "aria-label": message,
15
+ "aria-live": "polite",
16
+ role: "alert",
17
+ ...otherProps
18
+ }, /* @__PURE__ */ React2.createElement(Spinner, {
19
+ classProps: { size }
20
+ }, /* @__PURE__ */ React2.createElement("svg", {
21
+ className: `${blockName}-tl`,
22
+ viewBox: "0 0 16.6 16.6",
23
+ xmlns: "http://www.w3.org/2000/svg"
24
+ }, /* @__PURE__ */ React2.createElement("path", {
25
+ d: "M16.1.5A15.6,15.6,0,0,0,.5,16.1,15.6,15.6,0,0,0,16.1.5Z",
26
+ fill: "#408a90",
27
+ stroke: "#fbfbfb"
28
+ })), /* @__PURE__ */ React2.createElement("svg", {
29
+ className: `${blockName}-tr`,
30
+ viewBox: "0 0 16.6 16.6",
31
+ xmlns: "http://www.w3.org/2000/svg"
32
+ }, /* @__PURE__ */ React2.createElement("path", {
33
+ d: "M16.1,16.1A15.6,15.6,0,0,0,.5.5,15.6,15.6,0,0,0,16.1,16.1Z",
34
+ fill: "#f7901e",
35
+ stroke: "#fbfbfb"
36
+ })), /* @__PURE__ */ React2.createElement("svg", {
37
+ className: `${blockName}-br`,
38
+ viewBox: "0 0 16.6 16.6",
39
+ xmlns: "http://www.w3.org/2000/svg"
40
+ }, /* @__PURE__ */ React2.createElement("path", {
41
+ d: "M.5.5A15.6,15.6,0,0,0,16.1,16.1,15.6,15.6,0,0,0,.5.5Z",
42
+ fill: "#0067ab",
43
+ stroke: "#fbfbfb"
44
+ })), /* @__PURE__ */ React2.createElement("svg", {
45
+ className: `${blockName}-bl`,
46
+ viewBox: "0 0 16.6 16.6",
47
+ xmlns: "http://www.w3.org/2000/svg"
48
+ }, /* @__PURE__ */ React2.createElement("path", {
49
+ d: "M16.1.5A15.6,15.6,0,0,0,.5,16.1,15.6,15.6,0,0,0,16.1.5Z",
50
+ fill: "#00acdc",
51
+ stroke: "#fbfbfb"
52
+ }))), message && /* @__PURE__ */ React2.createElement(SpinnerMessage, null, message));
85
53
  DSSpinner.defaultProps = {
86
54
  containerProps: {},
87
55
  message: "",
package/dist/esm/DSSpinner.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSSpinner.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'spinner';\n\nconst SpinnerContainer = aggregatedClasses('div')(blockName);\nconst SpinnerMessage = aggregatedClasses('span')(blockName, 'message');\nconst Spinner = aggregatedClasses('div')(blockName, 'spinner');\n\n// TODO: do we want dynamic position of the text (top, right, bottom, left)?\n\nconst DSSpinner = ({ containerProps = {}, innerRef, message, size, ...otherProps }) => (\n <SpinnerContainer\n {...containerProps}\n ref={innerRef}\n aria-busy\n aria-label={message}\n aria-live=\"polite\"\n role=\"alert\"\n {...otherProps}\n >\n <Spinner classProps={{ size }}>\n <svg className={`${blockName}-tl`} viewBox=\"0 0 16.6 16.6\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M16.1.5A15.6,15.6,0,0,0,.5,16.1,15.6,15.6,0,0,0,16.1.5Z\" fill=\"#408a90\" stroke=\"#fbfbfb\" />\n </svg>\n <svg className={`${blockName}-tr`} viewBox=\"0 0 16.6 16.6\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M16.1,16.1A15.6,15.6,0,0,0,.5.5,15.6,15.6,0,0,0,16.1,16.1Z\" fill=\"#f7901e\" stroke=\"#fbfbfb\" />\n </svg>\n <svg className={`${blockName}-br`} viewBox=\"0 0 16.6 16.6\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M.5.5A15.6,15.6,0,0,0,16.1,16.1,15.6,15.6,0,0,0,.5.5Z\" fill=\"#0067ab\" stroke=\"#fbfbfb\" />\n </svg>\n <svg className={`${blockName}-bl`} viewBox=\"0 0 16.6 16.6\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M16.1.5A15.6,15.6,0,0,0,.5,16.1,15.6,15.6,0,0,0,16.1.5Z\" fill=\"#00acdc\" stroke=\"#fbfbfb\" />\n </svg>\n </Spinner>\n {message && <SpinnerMessage>{message}</SpinnerMessage>}\n </SpinnerContainer>\n);\n\nDSSpinner.defaultProps = {\n containerProps: {},\n message: '',\n size: 'm',\n};\n\nconst spinnerProps = {\n innerRef: PropTypes.object.description('ref to the component s container'),\n containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n message: PropTypes.string.description('Text below the spinner'),\n size: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('Spinner size').defaultValue('m'),\n};\n\nDSSpinner.propTypes = spinnerProps;\nDSSpinner.displayName = 'DSSpinner';\nconst SpinnerWithSchema = describe(DSSpinner);\nSpinnerWithSchema.propTypes = spinnerProps;\n\nexport { DSSpinner, SpinnerWithSchema };\nexport default DSSpinner;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,mBAAmB,kBAAkB,KAAK,EAAE,SAAS;AAC3D,MAAM,iBAAiB,kBAAkB,MAAM,EAAE,WAAW,SAAS;AACrE,MAAM,UAAU,kBAAkB,KAAK,EAAE,WAAW,SAAS;AAI7D,MAAM,YAAY,CAAC,OAAiE;AAAjE,eAAE,mBAAiB,CAAC,GAAG,UAAU,SAAS,SAA1C,IAAmD,uBAAnD,IAAmD,CAAjD,kBAAqB,YAAU,WAAS;AAC3D,8CAAC,kEACK,iBADL;AAAA,IAEC,KAAK;AAAA,IACL,aAAS;AAAA,IACT,cAAY;AAAA,IACZ,aAAU;AAAA,IACV,MAAK;AAAA,MACD,aAEJ,qCAAC;AAAA,IAAQ,YAAY,EAAE,KAAK;AAAA,KAC1B,qCAAC;AAAA,IAAI,WAAW,GAAG;AAAA,IAAgB,SAAQ;AAAA,IAAgB,OAAM;AAAA,KAC/D,qCAAC;AAAA,IAAK,GAAE;AAAA,IAA0D,MAAK;AAAA,IAAU,QAAO;AAAA,GAAU,CACpG,GACA,qCAAC;AAAA,IAAI,WAAW,GAAG;AAAA,IAAgB,SAAQ;AAAA,IAAgB,OAAM;AAAA,KAC/D,qCAAC;AAAA,IAAK,GAAE;AAAA,IAA6D,MAAK;AAAA,IAAU,QAAO;AAAA,GAAU,CACvG,GACA,qCAAC;AAAA,IAAI,WAAW,GAAG;AAAA,IAAgB,SAAQ;AAAA,IAAgB,OAAM;AAAA,KAC/D,qCAAC;AAAA,IAAK,GAAE;AAAA,IAAwD,MAAK;AAAA,IAAU,QAAO;AAAA,GAAU,CAClG,GACA,qCAAC;AAAA,IAAI,WAAW,GAAG;AAAA,IAAgB,SAAQ;AAAA,IAAgB,OAAM;AAAA,KAC/D,qCAAC;AAAA,IAAK,GAAE;AAAA,IAA0D,MAAK;AAAA,IAAU,QAAO;AAAA,GAAU,CACpG,CACF,GACC,WAAW,qCAAC,sBAAgB,OAAQ,CACvC;AAAA;AAGF,UAAU,eAAe;AAAA,EACvB,gBAAgB,CAAC;AAAA,EACjB,SAAS;AAAA,EACT,MAAM;AACR;AAEA,MAAM,eAAe;AAAA,EACnB,UAAU,UAAU,OAAO,YAAY,kCAAkC;AAAA,EACzE,gBAAgB,UAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,SAAS,UAAU,OAAO,YAAY,wBAAwB;AAAA,EAC9D,MAAM,UAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,CAAC,EAAE,YAAY,cAAc,EAAE,aAAa,GAAG;AAC/G;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,oBAAoB,SAAS,SAAS;AAC5C,kBAAkB,YAAY;AAG9B,IAAO,oBAAQ;",
5
+ "mappings": ";AAAA;ACCA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,mBAAmB,kBAAkB,KAAK,EAAE,SAAS;AAC3D,MAAM,iBAAiB,kBAAkB,MAAM,EAAE,WAAW,SAAS;AACrE,MAAM,UAAU,kBAAkB,KAAK,EAAE,WAAW,SAAS;AAI7D,MAAM,YAAY,CAAC,EAAE,iBAAiB,CAAC,GAAG,UAAU,SAAS,SAAS,iBACpE,qCAAC;AAAA,EACE,GAAG;AAAA,EACJ,KAAK;AAAA,EACL,aAAS;AAAA,EACT,cAAY;AAAA,EACZ,aAAU;AAAA,EACV,MAAK;AAAA,EACJ,GAAG;AAAA,GAEJ,qCAAC;AAAA,EAAQ,YAAY,EAAE,KAAK;AAAA,GAC1B,qCAAC;AAAA,EAAI,WAAW,GAAG;AAAA,EAAgB,SAAQ;AAAA,EAAgB,OAAM;AAAA,GAC/D,qCAAC;AAAA,EAAK,GAAE;AAAA,EAA0D,MAAK;AAAA,EAAU,QAAO;AAAA,CAAU,CACpG,GACA,qCAAC;AAAA,EAAI,WAAW,GAAG;AAAA,EAAgB,SAAQ;AAAA,EAAgB,OAAM;AAAA,GAC/D,qCAAC;AAAA,EAAK,GAAE;AAAA,EAA6D,MAAK;AAAA,EAAU,QAAO;AAAA,CAAU,CACvG,GACA,qCAAC;AAAA,EAAI,WAAW,GAAG;AAAA,EAAgB,SAAQ;AAAA,EAAgB,OAAM;AAAA,GAC/D,qCAAC;AAAA,EAAK,GAAE;AAAA,EAAwD,MAAK;AAAA,EAAU,QAAO;AAAA,CAAU,CAClG,GACA,qCAAC;AAAA,EAAI,WAAW,GAAG;AAAA,EAAgB,SAAQ;AAAA,EAAgB,OAAM;AAAA,GAC/D,qCAAC;AAAA,EAAK,GAAE;AAAA,EAA0D,MAAK;AAAA,EAAU,QAAO;AAAA,CAAU,CACpG,CACF,GACC,WAAW,qCAAC,sBAAgB,OAAQ,CACvC;AAGF,UAAU,eAAe;AAAA,EACvB,gBAAgB,CAAC;AAAA,EACjB,SAAS;AAAA,EACT,MAAM;AACR;AAEA,MAAM,eAAe;AAAA,EACnB,UAAU,UAAU,OAAO,YAAY,kCAAkC;AAAA,EACzE,gBAAgB,UAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,SAAS,UAAU,OAAO,YAAY,wBAAwB;AAAA,EAC9D,MAAM,UAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,CAAC,EAAE,YAAY,cAAc,EAAE,aAAa,GAAG;AAC/G;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,oBAAoB,SAAS,SAAS;AAC5C,kBAAkB,YAAY;AAG9B,IAAO,oBAAQ;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-spinner",
3
- "version": "3.3.0-next.4",
3
+ "version": "3.3.0-next.7",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Spinner",
6
6
  "files": [
@@ -39,8 +39,8 @@
39
39
  "indent": 4
40
40
  },
41
41
  "dependencies": {
42
- "@elliemae/ds-classnames": "3.3.0-next.4",
43
- "@elliemae/ds-utilities": "3.3.0-next.4"
42
+ "@elliemae/ds-classnames": "3.3.0-next.7",
43
+ "@elliemae/ds-utilities": "3.3.0-next.7"
44
44
  },
45
45
  "peerDependencies": {
46
46
  "lodash": "^4.17.21",