@elliemae/ds-spinner 3.1.5-rc.9 → 3.2.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.
- package/dist/cjs/DSSpinner.js +2 -12
- package/dist/cjs/DSSpinner.js.map +2 -2
- package/dist/esm/DSSpinner.js +2 -12
- package/dist/esm/DSSpinner.js.map +2 -2
- package/package.json +3 -3
package/dist/cjs/DSSpinner.js
CHANGED
|
@@ -63,17 +63,7 @@ const SpinnerContainer = (0, import_ds_classnames.aggregatedClasses)("div")(bloc
|
|
|
63
63
|
const SpinnerMessage = (0, import_ds_classnames.aggregatedClasses)("span")(blockName, "message");
|
|
64
64
|
const Spinner = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "spinner");
|
|
65
65
|
const DSSpinner = (_a) => {
|
|
66
|
-
var _b = _a, {
|
|
67
|
-
containerProps = {},
|
|
68
|
-
innerRef,
|
|
69
|
-
message,
|
|
70
|
-
size
|
|
71
|
-
} = _b, otherProps = __objRest(_b, [
|
|
72
|
-
"containerProps",
|
|
73
|
-
"innerRef",
|
|
74
|
-
"message",
|
|
75
|
-
"size"
|
|
76
|
-
]);
|
|
66
|
+
var _b = _a, { containerProps = {}, innerRef, message, size } = _b, otherProps = __objRest(_b, ["containerProps", "innerRef", "message", "size"]);
|
|
77
67
|
return /* @__PURE__ */ import_react.default.createElement(SpinnerContainer, __spreadValues(__spreadProps(__spreadValues({}, containerProps), {
|
|
78
68
|
ref: innerRef,
|
|
79
69
|
"aria-busy": true,
|
|
@@ -125,7 +115,7 @@ const spinnerProps = {
|
|
|
125
115
|
innerRef: import_ds_utilities.PropTypes.object.description("ref to the component s container"),
|
|
126
116
|
containerProps: import_ds_utilities.PropTypes.object.description("Set of Properties attached to the main container"),
|
|
127
117
|
message: import_ds_utilities.PropTypes.string.description("Text below the spinner"),
|
|
128
|
-
size: import_ds_utilities.PropTypes.oneOf(["s", "m", "l"]).description("Spinner size").defaultValue("m")
|
|
118
|
+
size: import_ds_utilities.PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("Spinner size").defaultValue("m")
|
|
129
119
|
};
|
|
130
120
|
DSSpinner.propTypes = spinnerProps;
|
|
131
121
|
DSSpinner.displayName = "DSSpinner";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSSpinner.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
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 = ({
|
|
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,
|
|
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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/DSSpinner.js
CHANGED
|
@@ -38,17 +38,7 @@ const SpinnerContainer = aggregatedClasses("div")(blockName);
|
|
|
38
38
|
const SpinnerMessage = aggregatedClasses("span")(blockName, "message");
|
|
39
39
|
const Spinner = aggregatedClasses("div")(blockName, "spinner");
|
|
40
40
|
const DSSpinner = (_a) => {
|
|
41
|
-
var _b = _a, {
|
|
42
|
-
containerProps = {},
|
|
43
|
-
innerRef,
|
|
44
|
-
message,
|
|
45
|
-
size
|
|
46
|
-
} = _b, otherProps = __objRest(_b, [
|
|
47
|
-
"containerProps",
|
|
48
|
-
"innerRef",
|
|
49
|
-
"message",
|
|
50
|
-
"size"
|
|
51
|
-
]);
|
|
41
|
+
var _b = _a, { containerProps = {}, innerRef, message, size } = _b, otherProps = __objRest(_b, ["containerProps", "innerRef", "message", "size"]);
|
|
52
42
|
return /* @__PURE__ */ React2.createElement(SpinnerContainer, __spreadValues(__spreadProps(__spreadValues({}, containerProps), {
|
|
53
43
|
ref: innerRef,
|
|
54
44
|
"aria-busy": true,
|
|
@@ -100,7 +90,7 @@ const spinnerProps = {
|
|
|
100
90
|
innerRef: PropTypes.object.description("ref to the component s container"),
|
|
101
91
|
containerProps: PropTypes.object.description("Set of Properties attached to the main container"),
|
|
102
92
|
message: PropTypes.string.description("Text below the spinner"),
|
|
103
|
-
size: PropTypes.oneOf(["s", "m", "l"]).description("Spinner size").defaultValue("m")
|
|
93
|
+
size: PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("Spinner size").defaultValue("m")
|
|
104
94
|
};
|
|
105
95
|
DSSpinner.propTypes = spinnerProps;
|
|
106
96
|
DSSpinner.displayName = "DSSpinner";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSSpinner.tsx"],
|
|
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 = ({
|
|
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,
|
|
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;",
|
|
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
|
+
"version": "3.2.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.
|
|
43
|
-
"@elliemae/ds-utilities": "3.
|
|
42
|
+
"@elliemae/ds-classnames": "3.2.0-rc.3",
|
|
43
|
+
"@elliemae/ds-utilities": "3.2.0-rc.3"
|
|
44
44
|
},
|
|
45
45
|
"peerDependencies": {
|
|
46
46
|
"lodash": "^4.17.21",
|