@dreamcommerce/aurora 0.3.4-151 → 0.3.4-152

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 (48) hide show
  1. package/build/cjs/src/components/loader/constants.js +21 -0
  2. package/build/cjs/src/components/loader/constants.js.map +1 -0
  3. package/build/cjs/src/components/loader/css_classes.js +14 -0
  4. package/build/cjs/src/components/loader/css_classes.js.map +1 -0
  5. package/build/cjs/src/components/loader/index.js +24 -0
  6. package/build/cjs/src/components/loader/index.js.map +1 -0
  7. package/build/cjs/src/components/with_loader/css_classes.js +8 -0
  8. package/build/cjs/src/components/with_loader/css_classes.js.map +1 -0
  9. package/build/cjs/src/components/with_loader/index.js +24 -0
  10. package/build/cjs/src/components/with_loader/index.js.map +1 -0
  11. package/build/cjs/src/css/loader/main.module.less.js +12 -0
  12. package/build/cjs/src/css/loader/main.module.less.js.map +1 -0
  13. package/build/cjs/src/css/with-loader/main.module.less.js +12 -0
  14. package/build/cjs/src/css/with-loader/main.module.less.js.map +1 -0
  15. package/build/cjs/src/index.js +5 -0
  16. package/build/cjs/src/index.js.map +1 -1
  17. package/build/esm/src/components/loader/constants.d.ts +10 -0
  18. package/build/esm/src/components/loader/constants.js +16 -0
  19. package/build/esm/src/components/loader/constants.js.map +1 -0
  20. package/build/esm/src/components/loader/css_classes.d.ts +4 -0
  21. package/build/esm/src/components/loader/css_classes.js +7 -0
  22. package/build/esm/src/components/loader/css_classes.js.map +1 -0
  23. package/build/esm/src/components/loader/index.d.ts +4 -0
  24. package/build/esm/src/components/loader/index.js +15 -0
  25. package/build/esm/src/components/loader/index.js.map +1 -0
  26. package/build/esm/src/components/loader/types.d.ts +9 -0
  27. package/build/esm/src/components/loader/types.js +3 -0
  28. package/build/esm/src/components/loader/types.js.map +1 -0
  29. package/build/esm/src/components/with_loader/css_classes.d.ts +1 -0
  30. package/build/esm/src/components/with_loader/css_classes.js +4 -0
  31. package/build/esm/src/components/with_loader/css_classes.js.map +1 -0
  32. package/build/esm/src/components/with_loader/index.d.ts +4 -0
  33. package/build/esm/src/components/with_loader/index.js +15 -0
  34. package/build/esm/src/components/with_loader/index.js.map +1 -0
  35. package/build/esm/src/components/with_loader/types.d.ts +4 -0
  36. package/build/esm/src/components/with_loader/types.js +2 -0
  37. package/build/esm/src/components/with_loader/types.js.map +1 -0
  38. package/build/esm/src/css/loader/main.module.less.js +8 -0
  39. package/build/esm/src/css/loader/main.module.less.js.map +1 -0
  40. package/build/esm/src/css/with-loader/main.module.less.js +8 -0
  41. package/build/esm/src/css/with-loader/main.module.less.js.map +1 -0
  42. package/build/esm/src/index.d.ts +7 -3
  43. package/build/esm/src/index.js +3 -0
  44. package/build/esm/src/index.js.map +1 -1
  45. package/build/esm/src/{types → typings}/general.d.ts +0 -0
  46. package/build/esm/src/{types → typings}/general.js +0 -0
  47. package/build/esm/src/{types → typings}/general.js.map +1 -1
  48. package/package.json +2 -1
@@ -0,0 +1,21 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var css_classes = require('./css_classes.js');
6
+
7
+ var _a;
8
+ var LOADER_SIZE = {
9
+ small: 'small',
10
+ large: 'large',
11
+ extraLarge: 'extraLarge',
12
+ };
13
+ var LOADER_SIZE_CSS_CLASS_MAP = (_a = {},
14
+ _a[LOADER_SIZE.small] = css_classes.cssLoaderSizeSmall,
15
+ _a[LOADER_SIZE.large] = css_classes.cssLoaderSizeLarge,
16
+ _a[LOADER_SIZE.extraLarge] = css_classes.cssLoaderSizeExtraLarge,
17
+ _a);
18
+
19
+ exports.LOADER_SIZE = LOADER_SIZE;
20
+ exports.LOADER_SIZE_CSS_CLASS_MAP = LOADER_SIZE_CSS_CLASS_MAP;
21
+ //# sourceMappingURL=constants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.js","sources":["../../../../../src/components/loader/constants.ts"],"sourcesContent":["import { cssLoaderSizeExtraLarge, cssLoaderSizeLarge, cssLoaderSizeSmall } from '@components/loader/css_classes';\n\nexport const LOADER_SIZE = {\n small: 'small',\n large: 'large',\n extraLarge: 'extraLarge',\n} as const;\n\nexport const LOADER_SIZE_CSS_CLASS_MAP = {\n [LOADER_SIZE.small]: cssLoaderSizeSmall,\n [LOADER_SIZE.large]: cssLoaderSizeLarge,\n [LOADER_SIZE.extraLarge]: cssLoaderSizeExtraLarge,\n} as const;\n"],"names":["cssLoaderSizeSmall","cssLoaderSizeLarge","cssLoaderSizeExtraLarge"],"mappings":";;;;;;;IAEa,WAAW,GAAG;IACvB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,YAAY;EACjB;IAEE,yBAAyB,IAAG;IACrC,GAAC,WAAW,CAAC,KAAK,IAAGA,8BAAkB;IACvC,GAAC,WAAW,CAAC,KAAK,IAAGC,8BAAkB;IACvC,GAAC,WAAW,CAAC,UAAU,IAAGC,mCAAuB;MAC3C;;;;;"}
@@ -0,0 +1,14 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var cssLoader = 'loader';
6
+ var cssLoaderSizeSmall = cssLoader + "_s";
7
+ var cssLoaderSizeLarge = cssLoader + "_l";
8
+ var cssLoaderSizeExtraLarge = cssLoader + "_xl";
9
+
10
+ exports.cssLoader = cssLoader;
11
+ exports.cssLoaderSizeExtraLarge = cssLoaderSizeExtraLarge;
12
+ exports.cssLoaderSizeLarge = cssLoaderSizeLarge;
13
+ exports.cssLoaderSizeSmall = cssLoaderSizeSmall;
14
+ //# sourceMappingURL=css_classes.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"css_classes.js","sources":["../../../../../src/components/loader/css_classes.ts"],"sourcesContent":["export const cssLoader = 'loader';\nexport const cssLoaderSizeSmall = `${cssLoader}_s`;\nexport const cssLoaderSizeLarge = `${cssLoader}_l`;\nexport const cssLoaderSizeExtraLarge = `${cssLoader}_xl`;\n"],"names":[],"mappings":";;;;IAAa,SAAS,GAAG,SAAS;IACrB,kBAAkB,GAAM,SAAS,QAAK;IACtC,kBAAkB,GAAM,SAAS,QAAK;IACtC,uBAAuB,GAAM,SAAS;;;;;;;"}
@@ -0,0 +1,24 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var classnames = require('classnames');
7
+ var main_module = require('../../css/loader/main.module.less.js');
8
+ var css_classes = require('./css_classes.js');
9
+ var constants = require('./constants.js');
10
+
11
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
+
13
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
+ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
15
+
16
+ var Loader = function (_a) {
17
+ var size = _a.size;
18
+ var loaderClasses = classnames__default['default'](main_module['default'][css_classes.cssLoader], size ? main_module['default'][constants.LOADER_SIZE_CSS_CLASS_MAP[size]] : '');
19
+ return React__default['default'].createElement("span", { className: loaderClasses });
20
+ };
21
+ Loader.SIZE = constants.LOADER_SIZE;
22
+
23
+ exports.default = Loader;
24
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/components/loader/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport classnames from 'classnames';\nimport cssClasses from '@css/loader/main.module.less';\nimport { cssLoader } from '@components/loader/css_classes';\nimport { LOADER_SIZE, LOADER_SIZE_CSS_CLASS_MAP } from '@components/loader/constants';\nimport { ILoaderConstants, ILoaderProps } from '@components/loader/types';\n\nconst Loader: React.FC<ILoaderProps> & ILoaderConstants = ({ size }): ReactElement => {\n const loaderClasses = classnames(cssClasses[cssLoader], size ? cssClasses[LOADER_SIZE_CSS_CLASS_MAP[size]] : '');\n\n return <span className={loaderClasses} />;\n};\n\nLoader.SIZE = LOADER_SIZE;\n\nexport default Loader;\n"],"names":["classnames","cssClasses","cssLoader","LOADER_SIZE_CSS_CLASS_MAP","React","LOADER_SIZE"],"mappings":";;;;;;;;;;;;;;;IAOM,MAAM,GAA8C,UAAC,EAAQ;QAAN,cAAI;IAC7D,IAAM,aAAa,GAAGA,8BAAU,CAACC,sBAAU,CAACC,qBAAS,CAAC,EAAE,IAAI,GAAGD,sBAAU,CAACE,mCAAyB,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAEjH,OAAOC,kDAAM,SAAS,EAAE,aAAa,GAAI,CAAC;AAC9C,EAAE;AAEF,MAAM,CAAC,IAAI,GAAGC,qBAAW;;;;"}
@@ -0,0 +1,8 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var cssWithLoader = 'with-loader';
6
+
7
+ exports.cssWithLoader = cssWithLoader;
8
+ //# sourceMappingURL=css_classes.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"css_classes.js","sources":["../../../../../src/components/with_loader/css_classes.ts"],"sourcesContent":["export const cssWithLoader = 'with-loader';\n"],"names":[],"mappings":";;;;IAAa,aAAa,GAAG;;;;"}
@@ -0,0 +1,24 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var classnames = require('classnames');
7
+ require('../loader/constants.js');
8
+ var index = require('../loader/index.js');
9
+ var main_module = require('../../css/with-loader/main.module.less.js');
10
+ var css_classes = require('./css_classes.js');
11
+
12
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
+
14
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
+ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
16
+
17
+ var WithLoader = function (_a) {
18
+ var isLoading = _a.isLoading, children = _a.children, size = _a.size;
19
+ return isLoading ? (React__default['default'].createElement("div", { className: classnames__default['default'](main_module['default'][css_classes.cssWithLoader]), "data-test-id": "loader" },
20
+ React__default['default'].createElement(index['default'], { size: size }))) : (React__default['default'].createElement(React__default['default'].Fragment, null, children));
21
+ };
22
+
23
+ exports.default = WithLoader;
24
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/components/with_loader/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport classnames from 'classnames';\nimport cssClasses from '@css/with-loader/main.module.less';\nimport Loader from '@components/loader';\nimport { IWithLoader } from '@components/with_loader/types';\nimport { cssWithLoader } from '@components/with_loader/css_classes';\n\nconst WithLoader: React.FC<IWithLoader> = ({ isLoading, children, size }): ReactElement => {\n return isLoading ? (\n <div className={classnames(cssClasses[cssWithLoader])} data-test-id=\"loader\">\n <Loader size={size} />\n </div>\n ) : (\n <>{children}</>\n );\n};\n\nexport default WithLoader;\n"],"names":["React","classnames","cssClasses","cssWithLoader","Loader"],"mappings":";;;;;;;;;;;;;;;;IAOM,UAAU,GAA0B,UAAC,EAA6B;QAA3B,wBAAS,EAAE,sBAAQ,EAAE,cAAI;IAClE,OAAO,SAAS,IACZA,iDAAK,SAAS,EAAEC,8BAAU,CAACC,sBAAU,CAACC,yBAAa,CAAC,CAAC,kBAAe,QAAQ;QACxEH,wCAACI,gBAAM,IAAC,IAAI,EAAE,IAAI,GAAI,CACpB,KAENJ,kFAAG,QAAQ,CAAI,CAClB,CAAC;AACN;;;;"}
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_loader__2k0x_ {\n display: inline-block;\n vertical-align: middle;\n width: 16px;\n height: 16px;\n border-style: solid;\n border-width: 1.5px;\n border-color: #ececec #ececec #ececec #3c83ec;\n border-radius: 50%;\n transform: translateZ(0);\n -webkit-animation: main-module_load__1yy35 1.1s infinite linear;\n animation: main-module_load__1yy35 1.1s infinite linear;\n}\n.main-module_loader_s__3DDj4 {\n width: 12px;\n height: 12px;\n}\n.main-module_loader_l__1X43e {\n width: 24px;\n height: 24px;\n}\n.main-module_loader_xl__2hfeE {\n width: 30px;\n height: 30px;\n}\n@-webkit-keyframes main-module_load__1yy35 {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n@keyframes main-module_load__1yy35 {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n";
8
+ var cssClasses = {"loader":"main-module_loader__2k0x_","load":"main-module_load__1yy35","loader_s":"main-module_loader_s__3DDj4","loader_l":"main-module_loader_l__1X43e","loader_xl":"main-module_loader_xl__2hfeE"};
9
+ styleInject_es['default'](css_248z);
10
+
11
+ exports.default = cssClasses;
12
+ //# sourceMappingURL=main.module.less.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"main.module.less.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
6
+
7
+ var css_248z = ".main-module_with-loader__X2lLa {\n text-align: center;\n}\n";
8
+ var cssClasses = {"with-loader":"main-module_with-loader__X2lLa"};
9
+ styleInject_es['default'](css_248z);
10
+
11
+ exports.default = cssClasses;
12
+ //# sourceMappingURL=main.module.less.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"main.module.less.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
@@ -46,6 +46,9 @@ var index$r = require('./components/table/index.js');
46
46
  var dataTable = require('./components/table/hoc/data-table.js');
47
47
  var tabs = require('./components/tabs/components/tabs.js');
48
48
  var tab_item = require('./components/tabs/components/tab_item.js');
49
+ require('./components/loader/constants.js');
50
+ var index$B = require('./components/loader/index.js');
51
+ var index$C = require('./components/with_loader/index.js');
49
52
  var index$y = require('./components/controls/hoc/control_radio_group/index.js');
50
53
  var index$z = require('./components/message-box/index.js');
51
54
  var context = require('./components/flash_messenger/context.js');
@@ -95,6 +98,8 @@ exports.Table = index$r['default'];
95
98
  exports.DataTable = dataTable['default'];
96
99
  exports.Tabs = tabs['default'];
97
100
  exports.TabItem = tab_item.TabItem;
101
+ exports.Loader = index$B['default'];
102
+ exports.WithLoader = index$C['default'];
98
103
  exports.ControlRadioGroup = index$y['default'];
99
104
  exports.MessageBox = index$z['default'];
100
105
  exports.useFlashMessenger = context.useFlashMessenger;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,10 @@
1
+ export declare const LOADER_SIZE: {
2
+ readonly small: "small";
3
+ readonly large: "large";
4
+ readonly extraLarge: "extraLarge";
5
+ };
6
+ export declare const LOADER_SIZE_CSS_CLASS_MAP: {
7
+ readonly small: string;
8
+ readonly large: string;
9
+ readonly extraLarge: string;
10
+ };
@@ -0,0 +1,16 @@
1
+ import { cssLoaderSizeSmall, cssLoaderSizeLarge, cssLoaderSizeExtraLarge } from './css_classes.js';
2
+
3
+ var _a;
4
+ var LOADER_SIZE = {
5
+ small: 'small',
6
+ large: 'large',
7
+ extraLarge: 'extraLarge',
8
+ };
9
+ var LOADER_SIZE_CSS_CLASS_MAP = (_a = {},
10
+ _a[LOADER_SIZE.small] = cssLoaderSizeSmall,
11
+ _a[LOADER_SIZE.large] = cssLoaderSizeLarge,
12
+ _a[LOADER_SIZE.extraLarge] = cssLoaderSizeExtraLarge,
13
+ _a);
14
+
15
+ export { LOADER_SIZE, LOADER_SIZE_CSS_CLASS_MAP };
16
+ //# sourceMappingURL=constants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.js","sources":["../../../../../src/components/loader/constants.ts"],"sourcesContent":["import { cssLoaderSizeExtraLarge, cssLoaderSizeLarge, cssLoaderSizeSmall } from '@components/loader/css_classes';\n\nexport const LOADER_SIZE = {\n small: 'small',\n large: 'large',\n extraLarge: 'extraLarge',\n} as const;\n\nexport const LOADER_SIZE_CSS_CLASS_MAP = {\n [LOADER_SIZE.small]: cssLoaderSizeSmall,\n [LOADER_SIZE.large]: cssLoaderSizeLarge,\n [LOADER_SIZE.extraLarge]: cssLoaderSizeExtraLarge,\n} as const;\n"],"names":[],"mappings":";;;IAEa,WAAW,GAAG;IACvB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,YAAY;EACjB;IAEE,yBAAyB,IAAG;IACrC,GAAC,WAAW,CAAC,KAAK,IAAG,kBAAkB;IACvC,GAAC,WAAW,CAAC,KAAK,IAAG,kBAAkB;IACvC,GAAC,WAAW,CAAC,UAAU,IAAG,uBAAuB;MAC3C;;;;"}
@@ -0,0 +1,4 @@
1
+ export declare const cssLoader = "loader";
2
+ export declare const cssLoaderSizeSmall: string;
3
+ export declare const cssLoaderSizeLarge: string;
4
+ export declare const cssLoaderSizeExtraLarge: string;
@@ -0,0 +1,7 @@
1
+ var cssLoader = 'loader';
2
+ var cssLoaderSizeSmall = cssLoader + "_s";
3
+ var cssLoaderSizeLarge = cssLoader + "_l";
4
+ var cssLoaderSizeExtraLarge = cssLoader + "_xl";
5
+
6
+ export { cssLoader, cssLoaderSizeExtraLarge, cssLoaderSizeLarge, cssLoaderSizeSmall };
7
+ //# sourceMappingURL=css_classes.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"css_classes.js","sources":["../../../../../src/components/loader/css_classes.ts"],"sourcesContent":["export const cssLoader = 'loader';\nexport const cssLoaderSizeSmall = `${cssLoader}_s`;\nexport const cssLoaderSizeLarge = `${cssLoader}_l`;\nexport const cssLoaderSizeExtraLarge = `${cssLoader}_xl`;\n"],"names":[],"mappings":"IAAa,SAAS,GAAG,SAAS;IACrB,kBAAkB,GAAM,SAAS,QAAK;IACtC,kBAAkB,GAAM,SAAS,QAAK;IACtC,uBAAuB,GAAM,SAAS;;;;"}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { ILoaderConstants, ILoaderProps } from "./types";
3
+ declare const Loader: React.FC<ILoaderProps> & ILoaderConstants;
4
+ export default Loader;
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import classnames from 'classnames';
3
+ import cssClasses from '../../css/loader/main.module.less.js';
4
+ import { cssLoader } from './css_classes.js';
5
+ import { LOADER_SIZE_CSS_CLASS_MAP, LOADER_SIZE } from './constants.js';
6
+
7
+ var Loader = function (_a) {
8
+ var size = _a.size;
9
+ var loaderClasses = classnames(cssClasses[cssLoader], size ? cssClasses[LOADER_SIZE_CSS_CLASS_MAP[size]] : '');
10
+ return React.createElement("span", { className: loaderClasses });
11
+ };
12
+ Loader.SIZE = LOADER_SIZE;
13
+
14
+ export default Loader;
15
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/components/loader/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport classnames from 'classnames';\nimport cssClasses from '@css/loader/main.module.less';\nimport { cssLoader } from '@components/loader/css_classes';\nimport { LOADER_SIZE, LOADER_SIZE_CSS_CLASS_MAP } from '@components/loader/constants';\nimport { ILoaderConstants, ILoaderProps } from '@components/loader/types';\n\nconst Loader: React.FC<ILoaderProps> & ILoaderConstants = ({ size }): ReactElement => {\n const loaderClasses = classnames(cssClasses[cssLoader], size ? cssClasses[LOADER_SIZE_CSS_CLASS_MAP[size]] : '');\n\n return <span className={loaderClasses} />;\n};\n\nLoader.SIZE = LOADER_SIZE;\n\nexport default Loader;\n"],"names":[],"mappings":";;;;;;IAOM,MAAM,GAA8C,UAAC,EAAQ;QAAN,cAAI;IAC7D,IAAM,aAAa,GAAG,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,IAAI,GAAG,UAAU,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAEjH,OAAO,8BAAM,SAAS,EAAE,aAAa,GAAI,CAAC;AAC9C,EAAE;AAEF,MAAM,CAAC,IAAI,GAAG,WAAW;;;;"}
@@ -0,0 +1,9 @@
1
+ import { LOADER_SIZE } from "./constants";
2
+ import { EnumLiteralsOf } from "../../typings/general";
3
+ export interface ILoaderProps {
4
+ size?: TLoaderSize;
5
+ }
6
+ export interface ILoaderConstants {
7
+ SIZE: typeof LOADER_SIZE;
8
+ }
9
+ export declare type TLoaderSize = EnumLiteralsOf<typeof LOADER_SIZE>;
@@ -0,0 +1,3 @@
1
+ import '@components/loader/constants';
2
+ import '@typings/general';
3
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/loader/types.ts"],"names":[],"mappings":"AAAA,OAA4B,8BAA8B,CAAC;AAC3D,OAA+B,kBAAkB,CAAC"}
@@ -0,0 +1 @@
1
+ export declare const cssWithLoader = "with-loader";
@@ -0,0 +1,4 @@
1
+ var cssWithLoader = 'with-loader';
2
+
3
+ export { cssWithLoader };
4
+ //# sourceMappingURL=css_classes.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"css_classes.js","sources":["../../../../../src/components/with_loader/css_classes.ts"],"sourcesContent":["export const cssWithLoader = 'with-loader';\n"],"names":[],"mappings":"IAAa,aAAa,GAAG;;;;"}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { IWithLoader } from "./types";
3
+ declare const WithLoader: React.FC<IWithLoader>;
4
+ export default WithLoader;
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import classnames from 'classnames';
3
+ import '../loader/constants.js';
4
+ import Loader from '../loader/index.js';
5
+ import cssClasses from '../../css/with-loader/main.module.less.js';
6
+ import { cssWithLoader } from './css_classes.js';
7
+
8
+ var WithLoader = function (_a) {
9
+ var isLoading = _a.isLoading, children = _a.children, size = _a.size;
10
+ return isLoading ? (React.createElement("div", { className: classnames(cssClasses[cssWithLoader]), "data-test-id": "loader" },
11
+ React.createElement(Loader, { size: size }))) : (React.createElement(React.Fragment, null, children));
12
+ };
13
+
14
+ export default WithLoader;
15
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/components/with_loader/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport classnames from 'classnames';\nimport cssClasses from '@css/with-loader/main.module.less';\nimport Loader from '@components/loader';\nimport { IWithLoader } from '@components/with_loader/types';\nimport { cssWithLoader } from '@components/with_loader/css_classes';\n\nconst WithLoader: React.FC<IWithLoader> = ({ isLoading, children, size }): ReactElement => {\n return isLoading ? (\n <div className={classnames(cssClasses[cssWithLoader])} data-test-id=\"loader\">\n <Loader size={size} />\n </div>\n ) : (\n <>{children}</>\n );\n};\n\nexport default WithLoader;\n"],"names":[],"mappings":";;;;;;;IAOM,UAAU,GAA0B,UAAC,EAA6B;QAA3B,wBAAS,EAAE,sBAAQ,EAAE,cAAI;IAClE,OAAO,SAAS,IACZ,6BAAK,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,kBAAe,QAAQ;QACxE,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,GAAI,CACpB,KAEN,0CAAG,QAAQ,CAAI,CAClB,CAAC;AACN;;;;"}
@@ -0,0 +1,4 @@
1
+ import { ILoaderProps } from "../loader/types";
2
+ export interface IWithLoader extends ILoaderProps {
3
+ isLoading: boolean;
4
+ }
@@ -0,0 +1,2 @@
1
+ import '@components/loader/types';
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/with_loader/types.ts"],"names":[],"mappings":"AAAA,OAA6B,0BAA0B,CAAC"}
@@ -0,0 +1,8 @@
1
+ import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
2
+
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_loader__2k0x_ {\n display: inline-block;\n vertical-align: middle;\n width: 16px;\n height: 16px;\n border-style: solid;\n border-width: 1.5px;\n border-color: #ececec #ececec #ececec #3c83ec;\n border-radius: 50%;\n transform: translateZ(0);\n -webkit-animation: main-module_load__1yy35 1.1s infinite linear;\n animation: main-module_load__1yy35 1.1s infinite linear;\n}\n.main-module_loader_s__3DDj4 {\n width: 12px;\n height: 12px;\n}\n.main-module_loader_l__1X43e {\n width: 24px;\n height: 24px;\n}\n.main-module_loader_xl__2hfeE {\n width: 30px;\n height: 30px;\n}\n@-webkit-keyframes main-module_load__1yy35 {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n@keyframes main-module_load__1yy35 {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n";
4
+ var cssClasses = {"loader":"main-module_loader__2k0x_","load":"main-module_load__1yy35","loader_s":"main-module_loader_s__3DDj4","loader_l":"main-module_loader_l__1X43e","loader_xl":"main-module_loader_xl__2hfeE"};
5
+ styleInject(css_248z);
6
+
7
+ export default cssClasses;
8
+ //# sourceMappingURL=main.module.less.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"main.module.less.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -0,0 +1,8 @@
1
+ import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
2
+
3
+ var css_248z = ".main-module_with-loader__X2lLa {\n text-align: center;\n}\n";
4
+ var cssClasses = {"with-loader":"main-module_with-loader__X2lLa"};
5
+ styleInject(css_248z);
6
+
7
+ export default cssClasses;
8
+ //# sourceMappingURL=main.module.less.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"main.module.less.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -34,10 +34,12 @@ import Select from "./components/dropdown/hoc/select";
34
34
  import Spacing from "./components/spacing";
35
35
  import Table from "./components/table";
36
36
  import DataTable from "./components/table/hoc/data-table";
37
- import { Tabs, TabItem } from "./components/tabs";
37
+ import { TabItem, Tabs } from "./components/tabs";
38
38
  import Tag from "./components/tag";
39
39
  import TagsSelector from "./components/tags_selector";
40
40
  import Hint from "./components/hint";
41
+ import Loader from "./components/loader";
42
+ import WithLoader from "./components/with_loader";
41
43
  /**
42
44
  * Assets
43
45
  */
@@ -65,11 +67,13 @@ import MessageBox from "./components/message-box";
65
67
  import FlashMessenger from "./components/flash_messenger";
66
68
  import { TMessageBoxType } from "./components/message-box/types";
67
69
  import { useFlashMessenger } from "./components/flash_messenger/context";
70
+ import { ILoaderProps } from "./components/loader/types";
71
+ import { IWithLoader } from "./components/with_loader/types";
68
72
  /**
69
73
  * export components
70
74
  */
71
- export { Button, ButtonsGroup, Dropdown, Select, MultiSelect, Label, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, Tabs, TabItem, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, };
75
+ export { Button, ButtonsGroup, Dropdown, Select, MultiSelect, Label, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, Tabs, TabItem, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, };
72
76
  /**
73
77
  * export types
74
78
  */
75
- export type { IDropdownProps, ISelectOption, IHeadingProps, ICellProps, IIRowProps, ITableProps, IDropdownContext, IControlRadioGroupOption, IColor, IDatepickerRange, TFilePickerFile, TMessageBoxType, };
79
+ export type { IDropdownProps, ISelectOption, IHeadingProps, ICellProps, IIRowProps, ITableProps, IDropdownContext, IControlRadioGroupOption, IColor, IDatepickerRange, TFilePickerFile, TMessageBoxType, ILoaderProps, IWithLoader, };
@@ -42,6 +42,9 @@ export { default as Table } from './components/table/index.js';
42
42
  export { default as DataTable } from './components/table/hoc/data-table.js';
43
43
  export { default as Tabs } from './components/tabs/components/tabs.js';
44
44
  export { TabItem } from './components/tabs/components/tab_item.js';
45
+ import './components/loader/constants.js';
46
+ export { default as Loader } from './components/loader/index.js';
47
+ export { default as WithLoader } from './components/with_loader/index.js';
45
48
  export { default as ControlRadioGroup } from './components/controls/hoc/control_radio_group/index.js';
46
49
  export { default as MessageBox } from './components/message-box/index.js';
47
50
  export { useFlashMessenger } from './components/flash_messenger/context.js';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
File without changes
File without changes
@@ -1 +1 @@
1
- {"version":3,"file":"general.js","sourceRoot":"","sources":["../../../../src/types/general.ts"],"names":[],"mappings":""}
1
+ {"version":3,"file":"general.js","sourceRoot":"","sources":["../../../../src/typings/general.ts"],"names":[],"mappings":""}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "sideEffects": false,
4
- "version": "0.3.4-151",
4
+ "version": "0.3.4-152",
5
5
  "description": "aurora",
6
6
  "author": "k0ssak",
7
7
  "license": "MIT",
@@ -123,6 +123,7 @@
123
123
  },
124
124
  "scripts": {
125
125
  "prepare": "husky install",
126
+ "prepublishOnly": "npm run tests:unit",
126
127
  "build": "rm -rf build/* && tsc -p . && rollup -c",
127
128
  "start": "rollup -c -w",
128
129
  "storybook": "start-storybook -p 6006",