@elliemae/ds-loading-indicator 3.4.0 → 3.4.1-rc.4
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.
|
@@ -54,7 +54,10 @@ const DSLoadingIndicator = ({
|
|
|
54
54
|
backDropZIndex: 200,
|
|
55
55
|
hasBackdrop,
|
|
56
56
|
isOpen: loading,
|
|
57
|
-
onClickOutside
|
|
57
|
+
onClickOutside,
|
|
58
|
+
style: {
|
|
59
|
+
position: "fixed"
|
|
60
|
+
}
|
|
58
61
|
}, /* @__PURE__ */ import_react.default.createElement(Container, null, spinnerComponent));
|
|
59
62
|
};
|
|
60
63
|
const loadingIndicatorProps = {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSLoadingIndicator.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
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,\n ...rest\n}) => {\n const spinnerComponent = spinner ||
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAoC;AACpC,2BAAkC;AAClC,wBAAsB;AACtB,wBAAsB;AAEtB,MAAM,YAAY;AAElB,MAAM,YAAY,4CAAkB,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;AAAA,KACG;AAAA,MACC;AACJ,QAAM,mBAAmB,
|
|
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,\n ...rest\n}) => {\n const spinnerComponent = spinner || <DSSpinner innerRef={innerRef} message={message} size={size} {...rest} />;\n return (\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>{spinnerComponent}</Container>\n </DSOverlay>\n );\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;ADAvB,mBAAkB;AAClB,0BAAoC;AACpC,2BAAkC;AAClC,wBAAsB;AACtB,wBAAsB;AAEtB,MAAM,YAAY;AAElB,MAAM,YAAY,4CAAkB,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;AAAA,KACG;AAAA,MACC;AACJ,QAAM,mBAAmB,WAAW,mDAAC;AAAA,IAAU;AAAA,IAAoB;AAAA,IAAkB;AAAA,IAAa,GAAG;AAAA,GAAM;AAC3G,SACE,mDAAC;AAAA,IACC,gBAAgB;AAAA,IAChB;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,MACL,UAAU;AAAA,IACZ;AAAA,KAEA,mDAAC,iBAAW,gBAAiB,CAC/B;AAEJ;AAEA,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,6BAA6B,kCAAS,kBAAkB;AAC9D,2BAA2B,YAAY;AAGvC,IAAO,6BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -26,7 +26,10 @@ const DSLoadingIndicator = ({
|
|
|
26
26
|
backDropZIndex: 200,
|
|
27
27
|
hasBackdrop,
|
|
28
28
|
isOpen: loading,
|
|
29
|
-
onClickOutside
|
|
29
|
+
onClickOutside,
|
|
30
|
+
style: {
|
|
31
|
+
position: "fixed"
|
|
32
|
+
}
|
|
30
33
|
}, /* @__PURE__ */ React2.createElement(Container, null, spinnerComponent));
|
|
31
34
|
};
|
|
32
35
|
const loadingIndicatorProps = {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSLoadingIndicator.tsx"],
|
|
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,\n ...rest\n}) => {\n const spinnerComponent = spinner ||
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,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;AAAA,KACG;AAAA,MACC;AACJ,QAAM,mBAAmB,
|
|
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,\n ...rest\n}) => {\n const spinnerComponent = spinner || <DSSpinner innerRef={innerRef} message={message} size={size} {...rest} />;\n return (\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>{spinnerComponent}</Container>\n </DSOverlay>\n );\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;ACAA;AACA;AACA;AACA;AACA;AAEA,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;AAAA,KACG;AAAA,MACC;AACJ,QAAM,mBAAmB,WAAW,qCAAC;AAAA,IAAU;AAAA,IAAoB;AAAA,IAAkB;AAAA,IAAa,GAAG;AAAA,GAAM;AAC3G,SACE,qCAAC;AAAA,IACC,gBAAgB;AAAA,IAChB;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,MACL,UAAU;AAAA,IACZ;AAAA,KAEA,qCAAC,iBAAW,gBAAiB,CAC/B;AAEJ;AAEA,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.4.
|
|
3
|
+
"version": "3.4.1-rc.4",
|
|
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.4.
|
|
43
|
-
"@elliemae/ds-overlay": "3.4.
|
|
44
|
-
"@elliemae/ds-spinner": "3.4.
|
|
45
|
-
"@elliemae/ds-utilities": "3.4.
|
|
42
|
+
"@elliemae/ds-classnames": "3.4.1-rc.4",
|
|
43
|
+
"@elliemae/ds-overlay": "3.4.1-rc.4",
|
|
44
|
+
"@elliemae/ds-spinner": "3.4.1-rc.4",
|
|
45
|
+
"@elliemae/ds-utilities": "3.4.1-rc.4"
|
|
46
46
|
},
|
|
47
47
|
"peerDependencies": {
|
|
48
48
|
"react": "^17.0.2",
|