@elliemae/ds-spinner 3.12.0-rc.2 → 3.12.0-rc.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 (5) hide show
  1. package/dist/cjs/DSSpinner.js +11 -65
  2. package/dist/cjs/DSSpinner.js.map +1 -1
  3. package/dist/esm/DSSpinner.js +11 -65
  4. package/dist/esm/DSSpinner.js.map +1 -1
  5. package/package.json +3 -3
package/dist/cjs/DSSpinner.js CHANGED
@@ -40,73 +40,19 @@ const SpinnerMessage = (0, import_ds_classnames.aggregatedClasses)("span")(block
40
40
  const Spinner = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "spinner");
41
41
  const DSSpinner = ({ containerProps = {}, ariaLabel, spinner, innerRef, message, size, ...otherProps }) => {
42
42
  const render = (0, import_react.useMemo)(
43
- () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
44
- children: [
45
- spinner ?? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Spinner, {
46
- classProps: { size },
47
- children: [
48
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
49
- className: `${blockName}-tl`,
50
- viewBox: "0 0 16.6 16.6",
51
- xmlns: "http://www.w3.org/2000/svg",
52
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
53
- d: "M16.1.5A15.6,15.6,0,0,0,.5,16.1,15.6,15.6,0,0,0,16.1.5Z",
54
- fill: "#408a90",
55
- stroke: "#fbfbfb"
56
- })
57
- }),
58
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
59
- className: `${blockName}-tr`,
60
- viewBox: "0 0 16.6 16.6",
61
- xmlns: "http://www.w3.org/2000/svg",
62
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
63
- d: "M16.1,16.1A15.6,15.6,0,0,0,.5.5,15.6,15.6,0,0,0,16.1,16.1Z",
64
- fill: "#f7901e",
65
- stroke: "#fbfbfb"
66
- })
67
- }),
68
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
69
- className: `${blockName}-br`,
70
- viewBox: "0 0 16.6 16.6",
71
- xmlns: "http://www.w3.org/2000/svg",
72
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
73
- d: "M.5.5A15.6,15.6,0,0,0,16.1,16.1,15.6,15.6,0,0,0,.5.5Z",
74
- fill: "#0067ab",
75
- stroke: "#fbfbfb"
76
- })
77
- }),
78
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
79
- className: `${blockName}-bl`,
80
- viewBox: "0 0 16.6 16.6",
81
- xmlns: "http://www.w3.org/2000/svg",
82
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
83
- d: "M16.1.5A15.6,15.6,0,0,0,.5,16.1,15.6,15.6,0,0,0,16.1.5Z",
84
- fill: "#00acdc",
85
- stroke: "#fbfbfb"
86
- })
87
- })
88
- ]
89
- }),
90
- message && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SpinnerMessage, {
91
- ariaHidden: "true",
92
- children: message
93
- }),
94
- (ariaLabel || message) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
95
- role: "alert",
96
- "aria-live": "polite",
97
- "aria-label": ariaLabel || message
98
- })
99
- ]
100
- }),
43
+ () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
44
+ spinner ?? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Spinner, { classProps: { size }, children: [
45
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: `${blockName}-tl`, viewBox: "0 0 16.6 16.6", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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" }) }),
46
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: `${blockName}-tr`, viewBox: "0 0 16.6 16.6", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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" }) }),
47
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: `${blockName}-br`, viewBox: "0 0 16.6 16.6", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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" }) }),
48
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: `${blockName}-bl`, viewBox: "0 0 16.6 16.6", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("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" }) })
49
+ ] }),
50
+ message && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SpinnerMessage, { ariaHidden: "true", children: message }),
51
+ (ariaLabel || message) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { role: "alert", "aria-live": "polite", "aria-label": ariaLabel || message })
52
+ ] }),
101
53
  [ariaLabel, message, size, spinner]
102
54
  );
103
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SpinnerContainer, {
104
- ...containerProps,
105
- ref: innerRef,
106
- "aria-busy": "true",
107
- ...otherProps,
108
- children: render
109
- });
55
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SpinnerContainer, { ...containerProps, ref: innerRef, "aria-busy": "true", ...otherProps, children: render });
110
56
  };
111
57
  DSSpinner.defaultProps = {
112
58
  containerProps: {},
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, { useMemo } 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)?\nconst DSSpinner = ({ containerProps = {}, ariaLabel, spinner, innerRef, message, size, ...otherProps }) => {\n const render = useMemo(\n () => (\n <>\n {spinner ?? (\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 )}\n {message && <SpinnerMessage ariaHidden=\"true\">{message}</SpinnerMessage>}\n {(ariaLabel || message) && <span role=\"alert\" aria-live=\"polite\" aria-label={ariaLabel || message} />}\n </>\n ),\n [ariaLabel, message, size, spinner],\n );\n return (\n <SpinnerContainer {...containerProps} ref={innerRef} aria-busy=\"true\" {...otherProps}>\n {render}\n </SpinnerContainer>\n );\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;ADejB;AAdN,mBAA+B;AAC/B,0BAAoC;AACpC,2BAAkC;AAElC,MAAM,YAAY;AAElB,MAAM,uBAAmB,wCAAkB,KAAK,EAAE,SAAS;AAC3D,MAAM,qBAAiB,wCAAkB,MAAM,EAAE,WAAW,SAAS;AACrE,MAAM,cAAU,wCAAkB,KAAK,EAAE,WAAW,SAAS;AAG7D,MAAM,YAAY,CAAC,EAAE,iBAAiB,CAAC,GAAG,WAAW,SAAS,UAAU,SAAS,SAAS,WAAW,MAAM;AACzG,QAAM,aAAS;AAAA,IACb,MACE;AAAA,MACG;AAAA,mBACC,6CAAC;AAAA,UAAQ,YAAY,EAAE,KAAK;AAAA,UAC1B;AAAA,wDAAC;AAAA,cAAI,WAAW,GAAG;AAAA,cAAgB,SAAQ;AAAA,cAAgB,OAAM;AAAA,cAC/D,sDAAC;AAAA,gBAAK,GAAE;AAAA,gBAA0D,MAAK;AAAA,gBAAU,QAAO;AAAA,eAAU;AAAA,aACpG;AAAA,YACA,4CAAC;AAAA,cAAI,WAAW,GAAG;AAAA,cAAgB,SAAQ;AAAA,cAAgB,OAAM;AAAA,cAC/D,sDAAC;AAAA,gBAAK,GAAE;AAAA,gBAA6D,MAAK;AAAA,gBAAU,QAAO;AAAA,eAAU;AAAA,aACvG;AAAA,YACA,4CAAC;AAAA,cAAI,WAAW,GAAG;AAAA,cAAgB,SAAQ;AAAA,cAAgB,OAAM;AAAA,cAC/D,sDAAC;AAAA,gBAAK,GAAE;AAAA,gBAAwD,MAAK;AAAA,gBAAU,QAAO;AAAA,eAAU;AAAA,aAClG;AAAA,YACA,4CAAC;AAAA,cAAI,WAAW,GAAG;AAAA,cAAgB,SAAQ;AAAA,cAAgB,OAAM;AAAA,cAC/D,sDAAC;AAAA,gBAAK,GAAE;AAAA,gBAA0D,MAAK;AAAA,gBAAU,QAAO;AAAA,eAAU;AAAA,aACpG;AAAA;AAAA,SACF;AAAA,QAED,WAAW,4CAAC;AAAA,UAAe,YAAW;AAAA,UAAQ;AAAA,SAAQ;AAAA,SACrD,aAAa,YAAY,4CAAC;AAAA,UAAK,MAAK;AAAA,UAAQ,aAAU;AAAA,UAAS,cAAY,aAAa;AAAA,SAAS;AAAA;AAAA,KACrG;AAAA,IAEF,CAAC,WAAW,SAAS,MAAM,OAAO;AAAA,EACpC;AACA,SACE,4CAAC;AAAA,IAAkB,GAAG;AAAA,IAAgB,KAAK;AAAA,IAAU,aAAU;AAAA,IAAQ,GAAG;AAAA,IACvE;AAAA,GACH;AAEJ;AAEA,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,wBAAoB,8BAAS,SAAS;AAC5C,kBAAkB,YAAY;AAG9B,IAAO,oBAAQ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADejB;AAdN,mBAA+B;AAC/B,0BAAoC;AACpC,2BAAkC;AAElC,MAAM,YAAY;AAElB,MAAM,uBAAmB,wCAAkB,KAAK,EAAE,SAAS;AAC3D,MAAM,qBAAiB,wCAAkB,MAAM,EAAE,WAAW,SAAS;AACrE,MAAM,cAAU,wCAAkB,KAAK,EAAE,WAAW,SAAS;AAG7D,MAAM,YAAY,CAAC,EAAE,iBAAiB,CAAC,GAAG,WAAW,SAAS,UAAU,SAAS,SAAS,WAAW,MAAM;AACzG,QAAM,aAAS;AAAA,IACb,MACE,4EACG;AAAA,iBACC,6CAAC,WAAQ,YAAY,EAAE,KAAK,GAC1B;AAAA,oDAAC,SAAI,WAAW,GAAG,gBAAgB,SAAQ,iBAAgB,OAAM,8BAC/D,sDAAC,UAAK,GAAE,2DAA0D,MAAK,WAAU,QAAO,WAAU,GACpG;AAAA,QACA,4CAAC,SAAI,WAAW,GAAG,gBAAgB,SAAQ,iBAAgB,OAAM,8BAC/D,sDAAC,UAAK,GAAE,8DAA6D,MAAK,WAAU,QAAO,WAAU,GACvG;AAAA,QACA,4CAAC,SAAI,WAAW,GAAG,gBAAgB,SAAQ,iBAAgB,OAAM,8BAC/D,sDAAC,UAAK,GAAE,yDAAwD,MAAK,WAAU,QAAO,WAAU,GAClG;AAAA,QACA,4CAAC,SAAI,WAAW,GAAG,gBAAgB,SAAQ,iBAAgB,OAAM,8BAC/D,sDAAC,UAAK,GAAE,2DAA0D,MAAK,WAAU,QAAO,WAAU,GACpG;AAAA,SACF;AAAA,MAED,WAAW,4CAAC,kBAAe,YAAW,QAAQ,mBAAQ;AAAA,OACrD,aAAa,YAAY,4CAAC,UAAK,MAAK,SAAQ,aAAU,UAAS,cAAY,aAAa,SAAS;AAAA,OACrG;AAAA,IAEF,CAAC,WAAW,SAAS,MAAM,OAAO;AAAA,EACpC;AACA,SACE,4CAAC,oBAAkB,GAAG,gBAAgB,KAAK,UAAU,aAAU,QAAQ,GAAG,YACvE,kBACH;AAEJ;AAEA,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,wBAAoB,8BAAS,SAAS;AAC5C,kBAAkB,YAAY;AAG9B,IAAO,oBAAQ;",
6
6
  "names": []
7
7
  }
package/dist/esm/DSSpinner.js CHANGED
@@ -9,73 +9,19 @@ const SpinnerMessage = aggregatedClasses("span")(blockName, "message");
9
9
  const Spinner = aggregatedClasses("div")(blockName, "spinner");
10
10
  const DSSpinner = ({ containerProps = {}, ariaLabel, spinner, innerRef, message, size, ...otherProps }) => {
11
11
  const render = useMemo(
12
- () => /* @__PURE__ */ jsxs(Fragment, {
13
- children: [
14
- spinner ?? /* @__PURE__ */ jsxs(Spinner, {
15
- classProps: { size },
16
- children: [
17
- /* @__PURE__ */ jsx("svg", {
18
- className: `${blockName}-tl`,
19
- viewBox: "0 0 16.6 16.6",
20
- xmlns: "http://www.w3.org/2000/svg",
21
- children: /* @__PURE__ */ jsx("path", {
22
- d: "M16.1.5A15.6,15.6,0,0,0,.5,16.1,15.6,15.6,0,0,0,16.1.5Z",
23
- fill: "#408a90",
24
- stroke: "#fbfbfb"
25
- })
26
- }),
27
- /* @__PURE__ */ jsx("svg", {
28
- className: `${blockName}-tr`,
29
- viewBox: "0 0 16.6 16.6",
30
- xmlns: "http://www.w3.org/2000/svg",
31
- children: /* @__PURE__ */ jsx("path", {
32
- d: "M16.1,16.1A15.6,15.6,0,0,0,.5.5,15.6,15.6,0,0,0,16.1,16.1Z",
33
- fill: "#f7901e",
34
- stroke: "#fbfbfb"
35
- })
36
- }),
37
- /* @__PURE__ */ jsx("svg", {
38
- className: `${blockName}-br`,
39
- viewBox: "0 0 16.6 16.6",
40
- xmlns: "http://www.w3.org/2000/svg",
41
- children: /* @__PURE__ */ jsx("path", {
42
- d: "M.5.5A15.6,15.6,0,0,0,16.1,16.1,15.6,15.6,0,0,0,.5.5Z",
43
- fill: "#0067ab",
44
- stroke: "#fbfbfb"
45
- })
46
- }),
47
- /* @__PURE__ */ jsx("svg", {
48
- className: `${blockName}-bl`,
49
- viewBox: "0 0 16.6 16.6",
50
- xmlns: "http://www.w3.org/2000/svg",
51
- children: /* @__PURE__ */ jsx("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: "#00acdc",
54
- stroke: "#fbfbfb"
55
- })
56
- })
57
- ]
58
- }),
59
- message && /* @__PURE__ */ jsx(SpinnerMessage, {
60
- ariaHidden: "true",
61
- children: message
62
- }),
63
- (ariaLabel || message) && /* @__PURE__ */ jsx("span", {
64
- role: "alert",
65
- "aria-live": "polite",
66
- "aria-label": ariaLabel || message
67
- })
68
- ]
69
- }),
12
+ () => /* @__PURE__ */ jsxs(Fragment, { children: [
13
+ spinner ?? /* @__PURE__ */ jsxs(Spinner, { classProps: { size }, children: [
14
+ /* @__PURE__ */ jsx("svg", { className: `${blockName}-tl`, viewBox: "0 0 16.6 16.6", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("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" }) }),
15
+ /* @__PURE__ */ jsx("svg", { className: `${blockName}-tr`, viewBox: "0 0 16.6 16.6", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("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" }) }),
16
+ /* @__PURE__ */ jsx("svg", { className: `${blockName}-br`, viewBox: "0 0 16.6 16.6", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("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" }) }),
17
+ /* @__PURE__ */ jsx("svg", { className: `${blockName}-bl`, viewBox: "0 0 16.6 16.6", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("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" }) })
18
+ ] }),
19
+ message && /* @__PURE__ */ jsx(SpinnerMessage, { ariaHidden: "true", children: message }),
20
+ (ariaLabel || message) && /* @__PURE__ */ jsx("span", { role: "alert", "aria-live": "polite", "aria-label": ariaLabel || message })
21
+ ] }),
70
22
  [ariaLabel, message, size, spinner]
71
23
  );
72
- return /* @__PURE__ */ jsx(SpinnerContainer, {
73
- ...containerProps,
74
- ref: innerRef,
75
- "aria-busy": "true",
76
- ...otherProps,
77
- children: render
78
- });
24
+ return /* @__PURE__ */ jsx(SpinnerContainer, { ...containerProps, ref: innerRef, "aria-busy": "true", ...otherProps, children: render });
79
25
  };
80
26
  DSSpinner.defaultProps = {
81
27
  containerProps: {},
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, { useMemo } 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)?\nconst DSSpinner = ({ containerProps = {}, ariaLabel, spinner, innerRef, message, size, ...otherProps }) => {\n const render = useMemo(\n () => (\n <>\n {spinner ?? (\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 )}\n {message && <SpinnerMessage ariaHidden=\"true\">{message}</SpinnerMessage>}\n {(ariaLabel || message) && <span role=\"alert\" aria-live=\"polite\" aria-label={ariaLabel || message} />}\n </>\n ),\n [ariaLabel, message, size, spinner],\n );\n return (\n <SpinnerContainer {...containerProps} ref={innerRef} aria-busy=\"true\" {...otherProps}>\n {render}\n </SpinnerContainer>\n );\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,YAAY,WAAW;ACejB,mBAIQ,KAFJ,YAFJ;AAdN,SAAgB,eAAe;AAC/B,SAAS,UAAU,iBAAiB;AACpC,SAAS,yBAAyB;AAElC,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;AAG7D,MAAM,YAAY,CAAC,EAAE,iBAAiB,CAAC,GAAG,WAAW,SAAS,UAAU,SAAS,SAAS,WAAW,MAAM;AACzG,QAAM,SAAS;AAAA,IACb,MACE;AAAA,MACG;AAAA,mBACC,qBAAC;AAAA,UAAQ,YAAY,EAAE,KAAK;AAAA,UAC1B;AAAA,gCAAC;AAAA,cAAI,WAAW,GAAG;AAAA,cAAgB,SAAQ;AAAA,cAAgB,OAAM;AAAA,cAC/D,8BAAC;AAAA,gBAAK,GAAE;AAAA,gBAA0D,MAAK;AAAA,gBAAU,QAAO;AAAA,eAAU;AAAA,aACpG;AAAA,YACA,oBAAC;AAAA,cAAI,WAAW,GAAG;AAAA,cAAgB,SAAQ;AAAA,cAAgB,OAAM;AAAA,cAC/D,8BAAC;AAAA,gBAAK,GAAE;AAAA,gBAA6D,MAAK;AAAA,gBAAU,QAAO;AAAA,eAAU;AAAA,aACvG;AAAA,YACA,oBAAC;AAAA,cAAI,WAAW,GAAG;AAAA,cAAgB,SAAQ;AAAA,cAAgB,OAAM;AAAA,cAC/D,8BAAC;AAAA,gBAAK,GAAE;AAAA,gBAAwD,MAAK;AAAA,gBAAU,QAAO;AAAA,eAAU;AAAA,aAClG;AAAA,YACA,oBAAC;AAAA,cAAI,WAAW,GAAG;AAAA,cAAgB,SAAQ;AAAA,cAAgB,OAAM;AAAA,cAC/D,8BAAC;AAAA,gBAAK,GAAE;AAAA,gBAA0D,MAAK;AAAA,gBAAU,QAAO;AAAA,eAAU;AAAA,aACpG;AAAA;AAAA,SACF;AAAA,QAED,WAAW,oBAAC;AAAA,UAAe,YAAW;AAAA,UAAQ;AAAA,SAAQ;AAAA,SACrD,aAAa,YAAY,oBAAC;AAAA,UAAK,MAAK;AAAA,UAAQ,aAAU;AAAA,UAAS,cAAY,aAAa;AAAA,SAAS;AAAA;AAAA,KACrG;AAAA,IAEF,CAAC,WAAW,SAAS,MAAM,OAAO;AAAA,EACpC;AACA,SACE,oBAAC;AAAA,IAAkB,GAAG;AAAA,IAAgB,KAAK;AAAA,IAAU,aAAU;AAAA,IAAQ,GAAG;AAAA,IACvE;AAAA,GACH;AAEJ;AAEA,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,YAAY,WAAW;ACejB,mBAIQ,KAFJ,YAFJ;AAdN,SAAgB,eAAe;AAC/B,SAAS,UAAU,iBAAiB;AACpC,SAAS,yBAAyB;AAElC,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;AAG7D,MAAM,YAAY,CAAC,EAAE,iBAAiB,CAAC,GAAG,WAAW,SAAS,UAAU,SAAS,SAAS,WAAW,MAAM;AACzG,QAAM,SAAS;AAAA,IACb,MACE,iCACG;AAAA,iBACC,qBAAC,WAAQ,YAAY,EAAE,KAAK,GAC1B;AAAA,4BAAC,SAAI,WAAW,GAAG,gBAAgB,SAAQ,iBAAgB,OAAM,8BAC/D,8BAAC,UAAK,GAAE,2DAA0D,MAAK,WAAU,QAAO,WAAU,GACpG;AAAA,QACA,oBAAC,SAAI,WAAW,GAAG,gBAAgB,SAAQ,iBAAgB,OAAM,8BAC/D,8BAAC,UAAK,GAAE,8DAA6D,MAAK,WAAU,QAAO,WAAU,GACvG;AAAA,QACA,oBAAC,SAAI,WAAW,GAAG,gBAAgB,SAAQ,iBAAgB,OAAM,8BAC/D,8BAAC,UAAK,GAAE,yDAAwD,MAAK,WAAU,QAAO,WAAU,GAClG;AAAA,QACA,oBAAC,SAAI,WAAW,GAAG,gBAAgB,SAAQ,iBAAgB,OAAM,8BAC/D,8BAAC,UAAK,GAAE,2DAA0D,MAAK,WAAU,QAAO,WAAU,GACpG;AAAA,SACF;AAAA,MAED,WAAW,oBAAC,kBAAe,YAAW,QAAQ,mBAAQ;AAAA,OACrD,aAAa,YAAY,oBAAC,UAAK,MAAK,SAAQ,aAAU,UAAS,cAAY,aAAa,SAAS;AAAA,OACrG;AAAA,IAEF,CAAC,WAAW,SAAS,MAAM,OAAO;AAAA,EACpC;AACA,SACE,oBAAC,oBAAkB,GAAG,gBAAgB,KAAK,UAAU,aAAU,QAAQ,GAAG,YACvE,kBACH;AAEJ;AAEA,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.12.0-rc.2",
3
+ "version": "3.12.0-rc.3",
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.12.0-rc.2",
43
- "@elliemae/ds-utilities": "3.12.0-rc.2"
42
+ "@elliemae/ds-classnames": "3.12.0-rc.3",
43
+ "@elliemae/ds-utilities": "3.12.0-rc.3"
44
44
  },
45
45
  "peerDependencies": {
46
46
  "lodash": "^4.17.21",