@elliemae/ds-spinner 1.57.1-rc.0 → 2.0.0-alpha.11

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 (12) hide show
  1. package/cjs/DSSpinner.js +68 -59
  2. package/cjs/index.js +1 -7
  3. package/esm/DSSpinner.js +64 -55
  4. package/esm/index.js +0 -6
  5. package/package.json +31 -10
  6. package/types/DSSpinner.d.ts +24 -0
  7. package/types/index.d.ts +2 -0
  8. package/DSSpinner/package.json +0 -10
  9. package/cjs/DSSpinner.js.map +0 -1
  10. package/cjs/index.js.map +0 -1
  11. package/esm/DSSpinner.js.map +0 -1
  12. package/esm/index.js.map +0 -1
package/cjs/DSSpinner.js CHANGED
@@ -2,75 +2,86 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var _extends = require('@babel/runtime/helpers/extends');
5
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
6
+ var _jsx = require('@babel/runtime/helpers/jsx');
6
7
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
7
- var React = require('react');
8
+ require('react');
8
9
  var reactDesc = require('react-desc');
9
10
  var dsClassnames = require('@elliemae/ds-classnames');
11
+ var jsxRuntime = require('react/jsx-runtime');
10
12
 
11
13
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
14
 
13
- var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
15
+ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
16
+ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
14
17
  var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
15
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
18
 
17
- var _excluded = ["containerProps", "innerRef", "message", "size"];
18
- var blockName = 'spinner';
19
- var SpinnerContainer = dsClassnames.aggregatedClasses('div')(blockName);
20
- var SpinnerMessage = dsClassnames.aggregatedClasses('span')(blockName, 'message');
21
- var Spinner = dsClassnames.aggregatedClasses('div')(blockName, 'spinner'); // TODO: do we want dynamic position of the text (top, right, bottom, left)?
19
+ var _svg, _svg2, _svg3, _svg4;
22
20
 
23
- var DSSpinner = function DSSpinner(_ref) {
24
- var _ref$containerProps = _ref.containerProps,
25
- containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
26
- innerRef = _ref.innerRef,
27
- message = _ref.message,
28
- size = _ref.size,
29
- otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
21
+ const _excluded = ["containerProps", "innerRef", "message", "size"];
30
22
 
31
- return /*#__PURE__*/React__default['default'].createElement(SpinnerContainer, _extends__default['default']({}, containerProps, {
23
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
24
+
25
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
26
+ const blockName = 'spinner';
27
+ const SpinnerContainer = dsClassnames.aggregatedClasses('div')(blockName);
28
+ const SpinnerMessage = dsClassnames.aggregatedClasses('span')(blockName, 'message');
29
+ const Spinner = dsClassnames.aggregatedClasses('div')(blockName, 'spinner'); // TODO: do we want dynamic position of the text (top, right, bottom, left)?
30
+
31
+ const DSSpinner = _ref => {
32
+ let {
33
+ containerProps = {},
34
+ innerRef,
35
+ message,
36
+ size
37
+ } = _ref,
38
+ otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
39
+
40
+ return /*#__PURE__*/jsxRuntime.jsxs(SpinnerContainer, _objectSpread(_objectSpread(_objectSpread({}, containerProps), {}, {
32
41
  ref: innerRef,
33
42
  "aria-busy": true,
34
43
  "aria-label": message,
35
44
  "aria-live": "polite",
36
45
  role: "alert"
37
- }, otherProps), /*#__PURE__*/React__default['default'].createElement(Spinner, {
38
- classProps: {
39
- size: size
40
- }
41
- }, /*#__PURE__*/React__default['default'].createElement("svg", {
42
- className: "".concat(blockName, "-tl"),
43
- viewBox: "0 0 16.6 16.6",
44
- xmlns: "http://www.w3.org/2000/svg"
45
- }, /*#__PURE__*/React__default['default'].createElement("path", {
46
- d: "M16.1.5A15.6,15.6,0,0,0,.5,16.1,15.6,15.6,0,0,0,16.1.5Z",
47
- fill: "#408a90",
48
- stroke: "#fbfbfb"
49
- })), /*#__PURE__*/React__default['default'].createElement("svg", {
50
- className: "".concat(blockName, "-tr"),
51
- viewBox: "0 0 16.6 16.6",
52
- xmlns: "http://www.w3.org/2000/svg"
53
- }, /*#__PURE__*/React__default['default'].createElement("path", {
54
- d: "M16.1,16.1A15.6,15.6,0,0,0,.5.5,15.6,15.6,0,0,0,16.1,16.1Z",
55
- fill: "#f7901e",
56
- stroke: "#fbfbfb"
57
- })), /*#__PURE__*/React__default['default'].createElement("svg", {
58
- className: "".concat(blockName, "-br"),
59
- viewBox: "0 0 16.6 16.6",
60
- xmlns: "http://www.w3.org/2000/svg"
61
- }, /*#__PURE__*/React__default['default'].createElement("path", {
62
- d: "M.5.5A15.6,15.6,0,0,0,16.1,16.1,15.6,15.6,0,0,0,.5.5Z",
63
- fill: "#0067ab",
64
- stroke: "#fbfbfb"
65
- })), /*#__PURE__*/React__default['default'].createElement("svg", {
66
- className: "".concat(blockName, "-bl"),
67
- viewBox: "0 0 16.6 16.6",
68
- xmlns: "http://www.w3.org/2000/svg"
69
- }, /*#__PURE__*/React__default['default'].createElement("path", {
70
- d: "M16.1.5A15.6,15.6,0,0,0,.5,16.1,15.6,15.6,0,0,0,16.1.5Z",
71
- fill: "#00acdc",
72
- stroke: "#fbfbfb"
73
- }))), message && /*#__PURE__*/React__default['default'].createElement(SpinnerMessage, null, message));
46
+ }, otherProps), {}, {
47
+ children: [/*#__PURE__*/_jsx__default["default"](Spinner, {
48
+ classProps: {
49
+ size
50
+ }
51
+ }, void 0, _svg || (_svg = /*#__PURE__*/_jsx__default["default"]("svg", {
52
+ className: "".concat(blockName, "-tl"),
53
+ viewBox: "0 0 16.6 16.6",
54
+ xmlns: "http://www.w3.org/2000/svg"
55
+ }, void 0, /*#__PURE__*/_jsx__default["default"]("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
+ }))), _svg2 || (_svg2 = /*#__PURE__*/_jsx__default["default"]("svg", {
60
+ className: "".concat(blockName, "-tr"),
61
+ viewBox: "0 0 16.6 16.6",
62
+ xmlns: "http://www.w3.org/2000/svg"
63
+ }, void 0, /*#__PURE__*/_jsx__default["default"]("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
+ }))), _svg3 || (_svg3 = /*#__PURE__*/_jsx__default["default"]("svg", {
68
+ className: "".concat(blockName, "-br"),
69
+ viewBox: "0 0 16.6 16.6",
70
+ xmlns: "http://www.w3.org/2000/svg"
71
+ }, void 0, /*#__PURE__*/_jsx__default["default"]("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
+ }))), _svg4 || (_svg4 = /*#__PURE__*/_jsx__default["default"]("svg", {
76
+ className: "".concat(blockName, "-bl"),
77
+ viewBox: "0 0 16.6 16.6",
78
+ xmlns: "http://www.w3.org/2000/svg"
79
+ }, void 0, /*#__PURE__*/_jsx__default["default"]("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__*/_jsx__default["default"](SpinnerMessage, {}, void 0, message)]
84
+ }));
74
85
  };
75
86
 
76
87
  DSSpinner.defaultProps = {
@@ -78,17 +89,15 @@ DSSpinner.defaultProps = {
78
89
  message: '',
79
90
  size: 'm'
80
91
  };
81
- var spinnerProps = {
92
+ const spinnerProps = {
82
93
  innerRef: reactDesc.PropTypes.object.description('ref to the component s container'),
83
94
  containerProps: reactDesc.PropTypes.object.description('Set of Properties attached to the main container'),
84
95
  message: reactDesc.PropTypes.string.description('Text below the spinner'),
85
96
  size: reactDesc.PropTypes.oneOf(['s', 'm', 'l']).description('Spinner size').defaultValue('m')
86
97
  };
87
- DSSpinner.propTypes = spinnerProps;
88
- var SpinnerWithSchema = reactDesc.describe(DSSpinner);
98
+ const SpinnerWithSchema = reactDesc.describe(DSSpinner);
89
99
  SpinnerWithSchema.propTypes = spinnerProps;
90
100
 
91
101
  exports.DSSpinner = DSSpinner;
92
102
  exports.SpinnerWithSchema = SpinnerWithSchema;
93
- exports['default'] = DSSpinner;
94
- //# sourceMappingURL=DSSpinner.js.map
103
+ exports["default"] = DSSpinner;
package/cjs/index.js CHANGED
@@ -3,15 +3,9 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var DSSpinner = require('./DSSpinner.js');
6
- require('@babel/runtime/helpers/extends');
7
- require('@babel/runtime/helpers/objectWithoutProperties');
8
- require('react');
9
- require('react-desc');
10
- require('@elliemae/ds-classnames');
11
6
 
12
7
 
13
8
 
14
9
  exports.DSSpinner = DSSpinner.DSSpinner;
15
10
  exports.SpinnerWithSchema = DSSpinner.SpinnerWithSchema;
16
- exports.default = DSSpinner.DSSpinner;
17
- //# sourceMappingURL=index.js.map
11
+ exports["default"] = DSSpinner.DSSpinner;
package/esm/DSSpinner.js CHANGED
@@ -1,66 +1,77 @@
1
- import _extends from '@babel/runtime/helpers/esm/extends';
1
+ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
2
+ import _jsx from '@babel/runtime/helpers/esm/jsx';
2
3
  import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
3
- import React from 'react';
4
+ import 'react';
4
5
  import { PropTypes, describe } from 'react-desc';
5
6
  import { aggregatedClasses } from '@elliemae/ds-classnames';
7
+ import { jsxs } from 'react/jsx-runtime';
6
8
 
7
- var _excluded = ["containerProps", "innerRef", "message", "size"];
8
- var blockName = 'spinner';
9
- var SpinnerContainer = aggregatedClasses('div')(blockName);
10
- var SpinnerMessage = aggregatedClasses('span')(blockName, 'message');
11
- var Spinner = aggregatedClasses('div')(blockName, 'spinner'); // TODO: do we want dynamic position of the text (top, right, bottom, left)?
9
+ var _svg, _svg2, _svg3, _svg4;
12
10
 
13
- var DSSpinner = function DSSpinner(_ref) {
14
- var _ref$containerProps = _ref.containerProps,
15
- containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
16
- innerRef = _ref.innerRef,
17
- message = _ref.message,
18
- size = _ref.size,
11
+ const _excluded = ["containerProps", "innerRef", "message", "size"];
12
+
13
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
14
+
15
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
16
+ const blockName = 'spinner';
17
+ const SpinnerContainer = aggregatedClasses('div')(blockName);
18
+ const SpinnerMessage = aggregatedClasses('span')(blockName, 'message');
19
+ const Spinner = aggregatedClasses('div')(blockName, 'spinner'); // TODO: do we want dynamic position of the text (top, right, bottom, left)?
20
+
21
+ const DSSpinner = _ref => {
22
+ let {
23
+ containerProps = {},
24
+ innerRef,
25
+ message,
26
+ size
27
+ } = _ref,
19
28
  otherProps = _objectWithoutProperties(_ref, _excluded);
20
29
 
21
- return /*#__PURE__*/React.createElement(SpinnerContainer, _extends({}, containerProps, {
30
+ return /*#__PURE__*/jsxs(SpinnerContainer, _objectSpread(_objectSpread(_objectSpread({}, containerProps), {}, {
22
31
  ref: innerRef,
23
32
  "aria-busy": true,
24
33
  "aria-label": message,
25
34
  "aria-live": "polite",
26
35
  role: "alert"
27
- }, otherProps), /*#__PURE__*/React.createElement(Spinner, {
28
- classProps: {
29
- size: size
30
- }
31
- }, /*#__PURE__*/React.createElement("svg", {
32
- className: "".concat(blockName, "-tl"),
33
- viewBox: "0 0 16.6 16.6",
34
- xmlns: "http://www.w3.org/2000/svg"
35
- }, /*#__PURE__*/React.createElement("path", {
36
- d: "M16.1.5A15.6,15.6,0,0,0,.5,16.1,15.6,15.6,0,0,0,16.1.5Z",
37
- fill: "#408a90",
38
- stroke: "#fbfbfb"
39
- })), /*#__PURE__*/React.createElement("svg", {
40
- className: "".concat(blockName, "-tr"),
41
- viewBox: "0 0 16.6 16.6",
42
- xmlns: "http://www.w3.org/2000/svg"
43
- }, /*#__PURE__*/React.createElement("path", {
44
- d: "M16.1,16.1A15.6,15.6,0,0,0,.5.5,15.6,15.6,0,0,0,16.1,16.1Z",
45
- fill: "#f7901e",
46
- stroke: "#fbfbfb"
47
- })), /*#__PURE__*/React.createElement("svg", {
48
- className: "".concat(blockName, "-br"),
49
- viewBox: "0 0 16.6 16.6",
50
- xmlns: "http://www.w3.org/2000/svg"
51
- }, /*#__PURE__*/React.createElement("path", {
52
- d: "M.5.5A15.6,15.6,0,0,0,16.1,16.1,15.6,15.6,0,0,0,.5.5Z",
53
- fill: "#0067ab",
54
- stroke: "#fbfbfb"
55
- })), /*#__PURE__*/React.createElement("svg", {
56
- className: "".concat(blockName, "-bl"),
57
- viewBox: "0 0 16.6 16.6",
58
- xmlns: "http://www.w3.org/2000/svg"
59
- }, /*#__PURE__*/React.createElement("path", {
60
- d: "M16.1.5A15.6,15.6,0,0,0,.5,16.1,15.6,15.6,0,0,0,16.1.5Z",
61
- fill: "#00acdc",
62
- stroke: "#fbfbfb"
63
- }))), message && /*#__PURE__*/React.createElement(SpinnerMessage, null, message));
36
+ }, otherProps), {}, {
37
+ children: [/*#__PURE__*/_jsx(Spinner, {
38
+ classProps: {
39
+ size
40
+ }
41
+ }, void 0, _svg || (_svg = /*#__PURE__*/_jsx("svg", {
42
+ className: "".concat(blockName, "-tl"),
43
+ viewBox: "0 0 16.6 16.6",
44
+ xmlns: "http://www.w3.org/2000/svg"
45
+ }, void 0, /*#__PURE__*/_jsx("path", {
46
+ d: "M16.1.5A15.6,15.6,0,0,0,.5,16.1,15.6,15.6,0,0,0,16.1.5Z",
47
+ fill: "#408a90",
48
+ stroke: "#fbfbfb"
49
+ }))), _svg2 || (_svg2 = /*#__PURE__*/_jsx("svg", {
50
+ className: "".concat(blockName, "-tr"),
51
+ viewBox: "0 0 16.6 16.6",
52
+ xmlns: "http://www.w3.org/2000/svg"
53
+ }, void 0, /*#__PURE__*/_jsx("path", {
54
+ d: "M16.1,16.1A15.6,15.6,0,0,0,.5.5,15.6,15.6,0,0,0,16.1,16.1Z",
55
+ fill: "#f7901e",
56
+ stroke: "#fbfbfb"
57
+ }))), _svg3 || (_svg3 = /*#__PURE__*/_jsx("svg", {
58
+ className: "".concat(blockName, "-br"),
59
+ viewBox: "0 0 16.6 16.6",
60
+ xmlns: "http://www.w3.org/2000/svg"
61
+ }, void 0, /*#__PURE__*/_jsx("path", {
62
+ d: "M.5.5A15.6,15.6,0,0,0,16.1,16.1,15.6,15.6,0,0,0,.5.5Z",
63
+ fill: "#0067ab",
64
+ stroke: "#fbfbfb"
65
+ }))), _svg4 || (_svg4 = /*#__PURE__*/_jsx("svg", {
66
+ className: "".concat(blockName, "-bl"),
67
+ viewBox: "0 0 16.6 16.6",
68
+ xmlns: "http://www.w3.org/2000/svg"
69
+ }, void 0, /*#__PURE__*/_jsx("path", {
70
+ d: "M16.1.5A15.6,15.6,0,0,0,.5,16.1,15.6,15.6,0,0,0,16.1.5Z",
71
+ fill: "#00acdc",
72
+ stroke: "#fbfbfb"
73
+ })))), message && /*#__PURE__*/_jsx(SpinnerMessage, {}, void 0, message)]
74
+ }));
64
75
  };
65
76
 
66
77
  DSSpinner.defaultProps = {
@@ -68,15 +79,13 @@ DSSpinner.defaultProps = {
68
79
  message: '',
69
80
  size: 'm'
70
81
  };
71
- var spinnerProps = {
82
+ const spinnerProps = {
72
83
  innerRef: PropTypes.object.description('ref to the component s container'),
73
84
  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),
74
85
  message: PropTypes.string.description('Text below the spinner'),
75
86
  size: PropTypes.oneOf(['s', 'm', 'l']).description('Spinner size').defaultValue('m')
76
87
  };
77
- DSSpinner.propTypes = spinnerProps;
78
- var SpinnerWithSchema = describe(DSSpinner);
88
+ const SpinnerWithSchema = describe(DSSpinner);
79
89
  SpinnerWithSchema.propTypes = spinnerProps;
80
90
 
81
91
  export { DSSpinner, SpinnerWithSchema, DSSpinner as default };
82
- //# sourceMappingURL=DSSpinner.js.map
package/esm/index.js CHANGED
@@ -1,7 +1 @@
1
1
  export { DSSpinner, SpinnerWithSchema, DSSpinner as default } from './DSSpinner.js';
2
- import '@babel/runtime/helpers/esm/extends';
3
- import '@babel/runtime/helpers/esm/objectWithoutProperties';
4
- import 'react';
5
- import 'react-desc';
6
- import '@elliemae/ds-classnames';
7
- //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,14 +1,34 @@
1
1
  {
2
2
  "name": "@elliemae/ds-spinner",
3
- "version": "1.57.1-rc.0",
3
+ "version": "2.0.0-alpha.11",
4
4
  "license": "MIT",
5
- "description": "Ellie Mae - Dim Sum - Spinner",
6
- "module": "esm/index.js",
7
- "main": "cjs/index.js",
5
+ "description": "ICE MT - Dimsum - Spinner",
6
+ "module": "./esm/index.js",
7
+ "main": "./cjs/index.js",
8
+ "types": "./types/index.d.ts",
9
+ "exports": {
10
+ ".": {
11
+ "import": "./esm/index.js",
12
+ "require": "./cjs/index.js"
13
+ },
14
+ "./DSSpinner": {
15
+ "import": "./esm/DSSpinner.js",
16
+ "require": "./cjs/DSSpinner.js"
17
+ }
18
+ },
8
19
  "sideEffects": [
9
20
  "*.css",
10
21
  "*.scss"
11
22
  ],
23
+ "repository": {
24
+ "type": "git",
25
+ "url": "https://git.elliemae.io/platform-ui/dimsum.git"
26
+ },
27
+ "engines": {
28
+ "npm": ">=7",
29
+ "node": ">=14"
30
+ },
31
+ "author": "ICE MT",
12
32
  "scripts": {
13
33
  "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
14
34
  "prebuild": "exit 0",
@@ -16,16 +36,17 @@
16
36
  "build": "node ../../scripts/build/build.js"
17
37
  },
18
38
  "dependencies": {
19
- "@elliemae/ds-classnames": "1.57.1-rc.0",
20
- "react-desc": "^4.1.2"
39
+ "@elliemae/ds-classnames": "2.0.0-alpha.11",
40
+ "@elliemae/ds-utilities": "2.0.0-alpha.11"
21
41
  },
22
42
  "peerDependencies": {
23
- "lodash": "^4.17.20",
24
- "react": "^17.0.1",
25
- "react-dom": "^17.0.1"
43
+ "lodash": "^4.17.21",
44
+ "react": "^17.0.2",
45
+ "react-dom": "^17.0.2"
26
46
  },
27
47
  "publishConfig": {
28
48
  "access": "public",
29
- "directory": "dist"
49
+ "directory": "dist",
50
+ "generateSubmodules": true
30
51
  }
31
52
  }
package/types/DSSpinner.d.ts ADDED
@@ -0,0 +1,24 @@
1
+ /// <reference types="react" />
2
+ declare const DSSpinner: {
3
+ ({ containerProps, innerRef, message, size, ...otherProps }: {
4
+ [x: string]: any;
5
+ containerProps?: {} | undefined;
6
+ innerRef: any;
7
+ message: any;
8
+ size: any;
9
+ }): JSX.Element;
10
+ defaultProps: {
11
+ containerProps: {};
12
+ message: string;
13
+ size: string;
14
+ };
15
+ propTypes: {
16
+ innerRef: any;
17
+ containerProps: any;
18
+ message: any;
19
+ size: any;
20
+ };
21
+ };
22
+ declare const SpinnerWithSchema: any;
23
+ export { DSSpinner, SpinnerWithSchema };
24
+ export default DSSpinner;
package/types/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './DSSpinner';
2
+ export { default } from './DSSpinner';
package/DSSpinner/package.json DELETED
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-spinner/DSSpinner",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../cjs/DSSpinner.js",
9
- "module": "../esm/DSSpinner.js"
10
- }
package/cjs/DSSpinner.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"DSSpinner.js","sources":["../../src/DSSpinner.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport { describe, PropTypes } from 'react-desc';\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 = ({\n containerProps = {},\n innerRef,\n message,\n size,\n ...otherProps\n}) => (\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\n className={`${blockName}-tl`}\n viewBox=\"0 0 16.6 16.6\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M16.1.5A15.6,15.6,0,0,0,.5,16.1,15.6,15.6,0,0,0,16.1.5Z\"\n fill=\"#408a90\"\n stroke=\"#fbfbfb\"\n />\n </svg>\n <svg\n className={`${blockName}-tr`}\n viewBox=\"0 0 16.6 16.6\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M16.1,16.1A15.6,15.6,0,0,0,.5.5,15.6,15.6,0,0,0,16.1,16.1Z\"\n fill=\"#f7901e\"\n stroke=\"#fbfbfb\"\n />\n </svg>\n <svg\n className={`${blockName}-br`}\n viewBox=\"0 0 16.6 16.6\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M.5.5A15.6,15.6,0,0,0,16.1,16.1,15.6,15.6,0,0,0,.5.5Z\"\n fill=\"#0067ab\"\n stroke=\"#fbfbfb\"\n />\n </svg>\n <svg\n className={`${blockName}-bl`}\n viewBox=\"0 0 16.6 16.6\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M16.1.5A15.6,15.6,0,0,0,.5,16.1,15.6,15.6,0,0,0,16.1.5Z\"\n fill=\"#00acdc\"\n stroke=\"#fbfbfb\"\n />\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(\n 'Set of Properties attached to the main container',\n ),\n message: PropTypes.string.description('Text below the spinner'),\n size: PropTypes.oneOf(['s', 'm', 'l'])\n .description('Spinner size')\n .defaultValue('m'),\n};\n\nDSSpinner.propTypes = spinnerProps;\n\nconst SpinnerWithSchema = describe(DSSpinner);\nSpinnerWithSchema.propTypes = spinnerProps;\n\nexport { DSSpinner, SpinnerWithSchema };\nexport default DSSpinner;\n"],"names":["blockName","SpinnerContainer","aggregatedClasses","SpinnerMessage","Spinner","DSSpinner","containerProps","innerRef","message","size","otherProps","React","defaultProps","spinnerProps","PropTypes","object","description","string","oneOf","defaultValue","propTypes","SpinnerWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;AAKA,IAAMA,SAAS,GAAG,SAAlB;AAEA,IAAMC,gBAAgB,GAAGC,8BAAiB,CAAC,KAAD,CAAjB,CAAyBF,SAAzB,CAAzB;AACA,IAAMG,cAAc,GAAGD,8BAAiB,CAAC,MAAD,CAAjB,CAA0BF,SAA1B,EAAqC,SAArC,CAAvB;AACA,IAAMI,OAAO,GAAGF,8BAAiB,CAAC,KAAD,CAAjB,CAAyBF,SAAzB,EAAoC,SAApC,CAAhB;;IAIMK,SAAS,GAAG,SAAZA,SAAY;AAAA,iCAChBC,cADgB;AAAA,MAChBA,cADgB,oCACC,EADD;AAAA,MAEhBC,QAFgB,QAEhBA,QAFgB;AAAA,MAGhBC,OAHgB,QAGhBA,OAHgB;AAAA,MAIhBC,IAJgB,QAIhBA,IAJgB;AAAA,MAKbC,UALa;;AAAA,sBAOhBC,wCAAC,gBAAD,mCACML,cADN;AAEE,IAAA,GAAG,EAAEC,QAFP;AAGE,qBAHF;AAIE,kBAAYC,OAJd;AAKE,iBAAU,QALZ;AAME,IAAA,IAAI,EAAC;AANP,KAOME,UAPN,gBASEC,wCAAC,OAAD;AAAS,IAAA,UAAU,EAAE;AAAEF,MAAAA,IAAI,EAAJA;AAAF;AAArB,kBACEE;AACE,IAAA,SAAS,YAAKX,SAAL,QADX;AAEE,IAAA,OAAO,EAAC,eAFV;AAGE,IAAA,KAAK,EAAC;AAHR,kBAKEW;AACE,IAAA,CAAC,EAAC,yDADJ;AAEE,IAAA,IAAI,EAAC,SAFP;AAGE,IAAA,MAAM,EAAC;AAHT,IALF,CADF,eAYEA;AACE,IAAA,SAAS,YAAKX,SAAL,QADX;AAEE,IAAA,OAAO,EAAC,eAFV;AAGE,IAAA,KAAK,EAAC;AAHR,kBAKEW;AACE,IAAA,CAAC,EAAC,4DADJ;AAEE,IAAA,IAAI,EAAC,SAFP;AAGE,IAAA,MAAM,EAAC;AAHT,IALF,CAZF,eAuBEA;AACE,IAAA,SAAS,YAAKX,SAAL,QADX;AAEE,IAAA,OAAO,EAAC,eAFV;AAGE,IAAA,KAAK,EAAC;AAHR,kBAKEW;AACE,IAAA,CAAC,EAAC,uDADJ;AAEE,IAAA,IAAI,EAAC,SAFP;AAGE,IAAA,MAAM,EAAC;AAHT,IALF,CAvBF,eAkCEA;AACE,IAAA,SAAS,YAAKX,SAAL,QADX;AAEE,IAAA,OAAO,EAAC,eAFV;AAGE,IAAA,KAAK,EAAC;AAHR,kBAKEW;AACE,IAAA,CAAC,EAAC,yDADJ;AAEE,IAAA,IAAI,EAAC,SAFP;AAGE,IAAA,MAAM,EAAC;AAHT,IALF,CAlCF,CATF,EAuDGH,OAAO,iBAAIG,wCAAC,cAAD,QAAiBH,OAAjB,CAvDd,CAPgB;AAAA;;AAkElBH,SAAS,CAACO,YAAV,GAAyB;AACvBN,EAAAA,cAAc,EAAE,EADO;AAEvBE,EAAAA,OAAO,EAAE,EAFc;AAGvBC,EAAAA,IAAI,EAAE;AAHiB,CAAzB;AAMA,IAAMI,YAAY,GAAG;AACnBN,EAAAA,QAAQ,EAAEO,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,kCAA7B,CADS;AAEnBV,EAAAA,cAAc,EAAEQ,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CACd,kDADc,CAFG;AAKnBR,EAAAA,OAAO,EAAEM,mBAAS,CAACG,MAAV,CAAiBD,WAAjB,CAA6B,wBAA7B,CALU;AAMnBP,EAAAA,IAAI,EAAEK,mBAAS,CAACI,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,CAAhB,EACHF,WADG,CACS,cADT,EAEHG,YAFG,CAEU,GAFV;AANa,CAArB;AAWAd,SAAS,CAACe,SAAV,GAAsBP,YAAtB;IAEMQ,iBAAiB,GAAGC,kBAAQ,CAACjB,SAAD;AAClCgB,iBAAiB,CAACD,SAAlB,GAA8BP,YAA9B;;;;;;"}
package/cjs/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
package/esm/DSSpinner.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"DSSpinner.js","sources":["../../src/DSSpinner.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport { describe, PropTypes } from 'react-desc';\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 = ({\n containerProps = {},\n innerRef,\n message,\n size,\n ...otherProps\n}) => (\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\n className={`${blockName}-tl`}\n viewBox=\"0 0 16.6 16.6\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M16.1.5A15.6,15.6,0,0,0,.5,16.1,15.6,15.6,0,0,0,16.1.5Z\"\n fill=\"#408a90\"\n stroke=\"#fbfbfb\"\n />\n </svg>\n <svg\n className={`${blockName}-tr`}\n viewBox=\"0 0 16.6 16.6\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M16.1,16.1A15.6,15.6,0,0,0,.5.5,15.6,15.6,0,0,0,16.1,16.1Z\"\n fill=\"#f7901e\"\n stroke=\"#fbfbfb\"\n />\n </svg>\n <svg\n className={`${blockName}-br`}\n viewBox=\"0 0 16.6 16.6\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M.5.5A15.6,15.6,0,0,0,16.1,16.1,15.6,15.6,0,0,0,.5.5Z\"\n fill=\"#0067ab\"\n stroke=\"#fbfbfb\"\n />\n </svg>\n <svg\n className={`${blockName}-bl`}\n viewBox=\"0 0 16.6 16.6\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M16.1.5A15.6,15.6,0,0,0,.5,16.1,15.6,15.6,0,0,0,16.1.5Z\"\n fill=\"#00acdc\"\n stroke=\"#fbfbfb\"\n />\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(\n 'Set of Properties attached to the main container',\n ),\n message: PropTypes.string.description('Text below the spinner'),\n size: PropTypes.oneOf(['s', 'm', 'l'])\n .description('Spinner size')\n .defaultValue('m'),\n};\n\nDSSpinner.propTypes = spinnerProps;\n\nconst SpinnerWithSchema = describe(DSSpinner);\nSpinnerWithSchema.propTypes = spinnerProps;\n\nexport { DSSpinner, SpinnerWithSchema };\nexport default DSSpinner;\n"],"names":["blockName","SpinnerContainer","aggregatedClasses","SpinnerMessage","Spinner","DSSpinner","containerProps","innerRef","message","size","otherProps","defaultProps","spinnerProps","PropTypes","object","description","string","oneOf","defaultValue","propTypes","SpinnerWithSchema","describe"],"mappings":";;;;;;;AAKA,IAAMA,SAAS,GAAG,SAAlB;AAEA,IAAMC,gBAAgB,GAAGC,iBAAiB,CAAC,KAAD,CAAjB,CAAyBF,SAAzB,CAAzB;AACA,IAAMG,cAAc,GAAGD,iBAAiB,CAAC,MAAD,CAAjB,CAA0BF,SAA1B,EAAqC,SAArC,CAAvB;AACA,IAAMI,OAAO,GAAGF,iBAAiB,CAAC,KAAD,CAAjB,CAAyBF,SAAzB,EAAoC,SAApC,CAAhB;;IAIMK,SAAS,GAAG,SAAZA,SAAY;AAAA,iCAChBC,cADgB;AAAA,MAChBA,cADgB,oCACC,EADD;AAAA,MAEhBC,QAFgB,QAEhBA,QAFgB;AAAA,MAGhBC,OAHgB,QAGhBA,OAHgB;AAAA,MAIhBC,IAJgB,QAIhBA,IAJgB;AAAA,MAKbC,UALa;;AAAA,sBAOhB,oBAAC,gBAAD,eACMJ,cADN;AAEE,IAAA,GAAG,EAAEC,QAFP;AAGE,qBAHF;AAIE,kBAAYC,OAJd;AAKE,iBAAU,QALZ;AAME,IAAA,IAAI,EAAC;AANP,KAOME,UAPN,gBASE,oBAAC,OAAD;AAAS,IAAA,UAAU,EAAE;AAAED,MAAAA,IAAI,EAAJA;AAAF;AAArB,kBACE;AACE,IAAA,SAAS,YAAKT,SAAL,QADX;AAEE,IAAA,OAAO,EAAC,eAFV;AAGE,IAAA,KAAK,EAAC;AAHR,kBAKE;AACE,IAAA,CAAC,EAAC,yDADJ;AAEE,IAAA,IAAI,EAAC,SAFP;AAGE,IAAA,MAAM,EAAC;AAHT,IALF,CADF,eAYE;AACE,IAAA,SAAS,YAAKA,SAAL,QADX;AAEE,IAAA,OAAO,EAAC,eAFV;AAGE,IAAA,KAAK,EAAC;AAHR,kBAKE;AACE,IAAA,CAAC,EAAC,4DADJ;AAEE,IAAA,IAAI,EAAC,SAFP;AAGE,IAAA,MAAM,EAAC;AAHT,IALF,CAZF,eAuBE;AACE,IAAA,SAAS,YAAKA,SAAL,QADX;AAEE,IAAA,OAAO,EAAC,eAFV;AAGE,IAAA,KAAK,EAAC;AAHR,kBAKE;AACE,IAAA,CAAC,EAAC,uDADJ;AAEE,IAAA,IAAI,EAAC,SAFP;AAGE,IAAA,MAAM,EAAC;AAHT,IALF,CAvBF,eAkCE;AACE,IAAA,SAAS,YAAKA,SAAL,QADX;AAEE,IAAA,OAAO,EAAC,eAFV;AAGE,IAAA,KAAK,EAAC;AAHR,kBAKE;AACE,IAAA,CAAC,EAAC,yDADJ;AAEE,IAAA,IAAI,EAAC,SAFP;AAGE,IAAA,MAAM,EAAC;AAHT,IALF,CAlCF,CATF,EAuDGQ,OAAO,iBAAI,oBAAC,cAAD,QAAiBA,OAAjB,CAvDd,CAPgB;AAAA;;AAkElBH,SAAS,CAACM,YAAV,GAAyB;AACvBL,EAAAA,cAAc,EAAE,EADO;AAEvBE,EAAAA,OAAO,EAAE,EAFc;AAGvBC,EAAAA,IAAI,EAAE;AAHiB,CAAzB;AAMA,IAAMG,YAAY,GAAG;AACnBL,EAAAA,QAAQ,EAAEM,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,kCAA7B,CADS;AAEnBT,EAAAA,cAAc,EAAEO,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CACd,kDADc,CAFG;AAKnBP,EAAAA,OAAO,EAAEK,SAAS,CAACG,MAAV,CAAiBD,WAAjB,CAA6B,wBAA7B,CALU;AAMnBN,EAAAA,IAAI,EAAEI,SAAS,CAACI,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,CAAhB,EACHF,WADG,CACS,cADT,EAEHG,YAFG,CAEU,GAFV;AANa,CAArB;AAWAb,SAAS,CAACc,SAAV,GAAsBP,YAAtB;IAEMQ,iBAAiB,GAAGC,QAAQ,CAAChB,SAAD;AAClCe,iBAAiB,CAACD,SAAlB,GAA8BP,YAA9B;;;;"}
package/esm/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}