@elliemae/ds-loading-indicator 3.12.0-rc.2 → 3.12.0-rc.21
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.
|
@@ -47,25 +47,19 @@ const DSLoadingIndicator = ({
|
|
|
47
47
|
spinner = null,
|
|
48
48
|
"aria-label": ariaLabel = "",
|
|
49
49
|
...rest
|
|
50
|
-
}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
message,
|
|
64
|
-
size,
|
|
65
|
-
...rest
|
|
66
|
-
})
|
|
67
|
-
})
|
|
68
|
-
});
|
|
50
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
51
|
+
import_ds_overlay.default,
|
|
52
|
+
{
|
|
53
|
+
backDropZIndex: 200,
|
|
54
|
+
hasBackdrop,
|
|
55
|
+
isOpen: loading,
|
|
56
|
+
onClickOutside,
|
|
57
|
+
style: {
|
|
58
|
+
position: "fixed"
|
|
59
|
+
},
|
|
60
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Container, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_spinner.default, { ariaLabel, spinner, innerRef, message, size, ...rest }) })
|
|
61
|
+
}
|
|
62
|
+
);
|
|
69
63
|
const loadingIndicatorProps = {
|
|
70
64
|
innerRef: import_ds_utilities.PropTypes.func.description("Get spinner reference"),
|
|
71
65
|
size: import_ds_utilities.PropTypes.oneOf(["s", "m", "l"]).description("Size of the spinner").defaultValue("l"),
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSLoadingIndicator.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport DSSpinner from '@elliemae/ds-spinner';\nimport DSOverlay from '@elliemae/ds-overlay';\n\nconst blockName = 'loading-indicator';\n\nconst Container = aggregatedClasses('div')(blockName);\n\nconst DSLoadingIndicator = ({\n innerRef,\n size = 'l',\n loading = false,\n message = null,\n hasBackdrop = true,\n onClickOutside = () => null,\n spinner = null,\n 'aria-label': ariaLabel = '',\n ...rest\n}) => (\n <DSOverlay\n backDropZIndex={200} // https://jira.elliemae.io/browse/PUI-1712\n hasBackdrop={hasBackdrop}\n isOpen={loading}\n onClickOutside={onClickOutside}\n style={{\n position: 'fixed',\n }}\n >\n <Container>\n <DSSpinner ariaLabel={ariaLabel} spinner={spinner} innerRef={innerRef} message={message} size={size} {...rest} />\n </Container>\n </DSOverlay>\n);\n\nconst loadingIndicatorProps = {\n innerRef: PropTypes.func.description('Get spinner reference'),\n size: PropTypes.oneOf(['s', 'm', 'l']).description('Size of the spinner').defaultValue('l'),\n loading: PropTypes.bool.description('Whether to show the spinner or not').defaultValue(false),\n message: PropTypes.string.description('Message below the spinner'),\n hasBackdrop: PropTypes.bool.description('Show a backdrop besides the spinner').defaultValue(true),\n onClickOutside: PropTypes.func.description('Handler when a user clicks the outside the spinner'),\n spinner: PropTypes.element.description('Render a custom spinner (JSX)'),\n};\n\nDSLoadingIndicator.propTypes = loadingIndicatorProps;\nDSLoadingIndicator.displayName = 'DSLoadingIndicator';\nconst LoadingIndicatorWithSchema = describe(DSLoadingIndicator);\nLoadingIndicatorWithSchema.propTypes = loadingIndicatorProps;\n\nexport { DSLoadingIndicator, LoadingIndicatorWithSchema };\nexport default DSLoadingIndicator;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+BjB;AA9BN,0BAAoC;AACpC,2BAAkC;AAClC,wBAAsB;AACtB,wBAAsB;AAEtB,MAAM,YAAY;AAElB,MAAM,gBAAY,wCAAkB,KAAK,EAAE,SAAS;AAEpD,MAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,cAAc;AAAA,EACd,iBAAiB,MAAM;AAAA,EACvB,UAAU;AAAA,EACV,cAAc,YAAY;AAAA,KACvB;AACL,MACE,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+BjB;AA9BN,0BAAoC;AACpC,2BAAkC;AAClC,wBAAsB;AACtB,wBAAsB;AAEtB,MAAM,YAAY;AAElB,MAAM,gBAAY,wCAAkB,KAAK,EAAE,SAAS;AAEpD,MAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,cAAc;AAAA,EACd,iBAAiB,MAAM;AAAA,EACvB,UAAU;AAAA,EACV,cAAc,YAAY;AAAA,KACvB;AACL,MACE;AAAA,EAAC,kBAAAA;AAAA,EAAA;AAAA,IACC,gBAAgB;AAAA,IAChB;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,MACL,UAAU;AAAA,IACZ;AAAA,IAEA,sDAAC,aACC,sDAAC,kBAAAC,SAAA,EAAU,WAAsB,SAAkB,UAAoB,SAAkB,MAAa,GAAG,MAAM,GACjH;AAAA;AACF;AAGF,MAAM,wBAAwB;AAAA,EAC5B,UAAU,8BAAU,KAAK,YAAY,uBAAuB;AAAA,EAC5D,MAAM,8BAAU,MAAM,CAAC,KAAK,KAAK,GAAG,CAAC,EAAE,YAAY,qBAAqB,EAAE,aAAa,GAAG;AAAA,EAC1F,SAAS,8BAAU,KAAK,YAAY,oCAAoC,EAAE,aAAa,KAAK;AAAA,EAC5F,SAAS,8BAAU,OAAO,YAAY,2BAA2B;AAAA,EACjE,aAAa,8BAAU,KAAK,YAAY,qCAAqC,EAAE,aAAa,IAAI;AAAA,EAChG,gBAAgB,8BAAU,KAAK,YAAY,oDAAoD;AAAA,EAC/F,SAAS,8BAAU,QAAQ,YAAY,+BAA+B;AACxE;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,iCAA6B,8BAAS,kBAAkB;AAC9D,2BAA2B,YAAY;AAGvC,IAAO,6BAAQ;",
|
|
6
6
|
"names": ["DSOverlay", "DSSpinner"]
|
|
7
7
|
}
|
|
@@ -16,25 +16,19 @@ const DSLoadingIndicator = ({
|
|
|
16
16
|
spinner = null,
|
|
17
17
|
"aria-label": ariaLabel = "",
|
|
18
18
|
...rest
|
|
19
|
-
}) => /* @__PURE__ */ jsx(
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
message,
|
|
33
|
-
size,
|
|
34
|
-
...rest
|
|
35
|
-
})
|
|
36
|
-
})
|
|
37
|
-
});
|
|
19
|
+
}) => /* @__PURE__ */ jsx(
|
|
20
|
+
DSOverlay,
|
|
21
|
+
{
|
|
22
|
+
backDropZIndex: 200,
|
|
23
|
+
hasBackdrop,
|
|
24
|
+
isOpen: loading,
|
|
25
|
+
onClickOutside,
|
|
26
|
+
style: {
|
|
27
|
+
position: "fixed"
|
|
28
|
+
},
|
|
29
|
+
children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(DSSpinner, { ariaLabel, spinner, innerRef, message, size, ...rest }) })
|
|
30
|
+
}
|
|
31
|
+
);
|
|
38
32
|
const loadingIndicatorProps = {
|
|
39
33
|
innerRef: PropTypes.func.description("Get spinner reference"),
|
|
40
34
|
size: PropTypes.oneOf(["s", "m", "l"]).description("Size of the spinner").defaultValue("l"),
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSLoadingIndicator.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport DSSpinner from '@elliemae/ds-spinner';\nimport DSOverlay from '@elliemae/ds-overlay';\n\nconst blockName = 'loading-indicator';\n\nconst Container = aggregatedClasses('div')(blockName);\n\nconst DSLoadingIndicator = ({\n innerRef,\n size = 'l',\n loading = false,\n message = null,\n hasBackdrop = true,\n onClickOutside = () => null,\n spinner = null,\n 'aria-label': ariaLabel = '',\n ...rest\n}) => (\n <DSOverlay\n backDropZIndex={200} // https://jira.elliemae.io/browse/PUI-1712\n hasBackdrop={hasBackdrop}\n isOpen={loading}\n onClickOutside={onClickOutside}\n style={{\n position: 'fixed',\n }}\n >\n <Container>\n <DSSpinner ariaLabel={ariaLabel} spinner={spinner} innerRef={innerRef} message={message} size={size} {...rest} />\n </Container>\n </DSOverlay>\n);\n\nconst loadingIndicatorProps = {\n innerRef: PropTypes.func.description('Get spinner reference'),\n size: PropTypes.oneOf(['s', 'm', 'l']).description('Size of the spinner').defaultValue('l'),\n loading: PropTypes.bool.description('Whether to show the spinner or not').defaultValue(false),\n message: PropTypes.string.description('Message below the spinner'),\n hasBackdrop: PropTypes.bool.description('Show a backdrop besides the spinner').defaultValue(true),\n onClickOutside: PropTypes.func.description('Handler when a user clicks the outside the spinner'),\n spinner: PropTypes.element.description('Render a custom spinner (JSX)'),\n};\n\nDSLoadingIndicator.propTypes = loadingIndicatorProps;\nDSLoadingIndicator.displayName = 'DSLoadingIndicator';\nconst LoadingIndicatorWithSchema = describe(DSLoadingIndicator);\nLoadingIndicatorWithSchema.propTypes = loadingIndicatorProps;\n\nexport { DSLoadingIndicator, LoadingIndicatorWithSchema };\nexport default DSLoadingIndicator;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;AC+BjB;AA9BN,SAAS,UAAU,iBAAiB;AACpC,SAAS,yBAAyB;AAClC,OAAO,eAAe;AACtB,OAAO,eAAe;AAEtB,MAAM,YAAY;AAElB,MAAM,YAAY,kBAAkB,KAAK,EAAE,SAAS;AAEpD,MAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,cAAc;AAAA,EACd,iBAAiB,MAAM;AAAA,EACvB,UAAU;AAAA,EACV,cAAc,YAAY;AAAA,KACvB;AACL,MACE,
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;AC+BjB;AA9BN,SAAS,UAAU,iBAAiB;AACpC,SAAS,yBAAyB;AAClC,OAAO,eAAe;AACtB,OAAO,eAAe;AAEtB,MAAM,YAAY;AAElB,MAAM,YAAY,kBAAkB,KAAK,EAAE,SAAS;AAEpD,MAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,cAAc;AAAA,EACd,iBAAiB,MAAM;AAAA,EACvB,UAAU;AAAA,EACV,cAAc,YAAY;AAAA,KACvB;AACL,MACE;AAAA,EAAC;AAAA;AAAA,IACC,gBAAgB;AAAA,IAChB;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,MACL,UAAU;AAAA,IACZ;AAAA,IAEA,8BAAC,aACC,8BAAC,aAAU,WAAsB,SAAkB,UAAoB,SAAkB,MAAa,GAAG,MAAM,GACjH;AAAA;AACF;AAGF,MAAM,wBAAwB;AAAA,EAC5B,UAAU,UAAU,KAAK,YAAY,uBAAuB;AAAA,EAC5D,MAAM,UAAU,MAAM,CAAC,KAAK,KAAK,GAAG,CAAC,EAAE,YAAY,qBAAqB,EAAE,aAAa,GAAG;AAAA,EAC1F,SAAS,UAAU,KAAK,YAAY,oCAAoC,EAAE,aAAa,KAAK;AAAA,EAC5F,SAAS,UAAU,OAAO,YAAY,2BAA2B;AAAA,EACjE,aAAa,UAAU,KAAK,YAAY,qCAAqC,EAAE,aAAa,IAAI;AAAA,EAChG,gBAAgB,UAAU,KAAK,YAAY,oDAAoD;AAAA,EAC/F,SAAS,UAAU,QAAQ,YAAY,+BAA+B;AACxE;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,6BAA6B,SAAS,kBAAkB;AAC9D,2BAA2B,YAAY;AAGvC,IAAO,6BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-loading-indicator",
|
|
3
|
-
"version": "3.12.0-rc.
|
|
3
|
+
"version": "3.12.0-rc.21",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Loading Indicator",
|
|
6
6
|
"files": [
|
|
@@ -39,10 +39,10 @@
|
|
|
39
39
|
"indent": 4
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@elliemae/ds-classnames": "3.12.0-rc.
|
|
43
|
-
"@elliemae/ds-
|
|
44
|
-
"@elliemae/ds-spinner": "3.12.0-rc.
|
|
45
|
-
"@elliemae/ds-
|
|
42
|
+
"@elliemae/ds-classnames": "3.12.0-rc.21",
|
|
43
|
+
"@elliemae/ds-utilities": "3.12.0-rc.21",
|
|
44
|
+
"@elliemae/ds-spinner": "3.12.0-rc.21",
|
|
45
|
+
"@elliemae/ds-overlay": "3.12.0-rc.21"
|
|
46
46
|
},
|
|
47
47
|
"peerDependencies": {
|
|
48
48
|
"react": "^17.0.2",
|