@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.
- package/build/cjs/src/components/loader/constants.js +21 -0
- package/build/cjs/src/components/loader/constants.js.map +1 -0
- package/build/cjs/src/components/loader/css_classes.js +14 -0
- package/build/cjs/src/components/loader/css_classes.js.map +1 -0
- package/build/cjs/src/components/loader/index.js +24 -0
- package/build/cjs/src/components/loader/index.js.map +1 -0
- package/build/cjs/src/components/with_loader/css_classes.js +8 -0
- package/build/cjs/src/components/with_loader/css_classes.js.map +1 -0
- package/build/cjs/src/components/with_loader/index.js +24 -0
- package/build/cjs/src/components/with_loader/index.js.map +1 -0
- package/build/cjs/src/css/loader/main.module.less.js +12 -0
- package/build/cjs/src/css/loader/main.module.less.js.map +1 -0
- package/build/cjs/src/css/with-loader/main.module.less.js +12 -0
- package/build/cjs/src/css/with-loader/main.module.less.js.map +1 -0
- package/build/cjs/src/index.js +5 -0
- package/build/cjs/src/index.js.map +1 -1
- package/build/esm/src/components/loader/constants.d.ts +10 -0
- package/build/esm/src/components/loader/constants.js +16 -0
- package/build/esm/src/components/loader/constants.js.map +1 -0
- package/build/esm/src/components/loader/css_classes.d.ts +4 -0
- package/build/esm/src/components/loader/css_classes.js +7 -0
- package/build/esm/src/components/loader/css_classes.js.map +1 -0
- package/build/esm/src/components/loader/index.d.ts +4 -0
- package/build/esm/src/components/loader/index.js +15 -0
- package/build/esm/src/components/loader/index.js.map +1 -0
- package/build/esm/src/components/loader/types.d.ts +9 -0
- package/build/esm/src/components/loader/types.js +3 -0
- package/build/esm/src/components/loader/types.js.map +1 -0
- package/build/esm/src/components/with_loader/css_classes.d.ts +1 -0
- package/build/esm/src/components/with_loader/css_classes.js +4 -0
- package/build/esm/src/components/with_loader/css_classes.js.map +1 -0
- package/build/esm/src/components/with_loader/index.d.ts +4 -0
- package/build/esm/src/components/with_loader/index.js +15 -0
- package/build/esm/src/components/with_loader/index.js.map +1 -0
- package/build/esm/src/components/with_loader/types.d.ts +4 -0
- package/build/esm/src/components/with_loader/types.js +2 -0
- package/build/esm/src/components/with_loader/types.js.map +1 -0
- package/build/esm/src/css/loader/main.module.less.js +8 -0
- package/build/esm/src/css/loader/main.module.less.js.map +1 -0
- package/build/esm/src/css/with-loader/main.module.less.js +8 -0
- package/build/esm/src/css/with-loader/main.module.less.js.map +1 -0
- package/build/esm/src/index.d.ts +7 -3
- package/build/esm/src/index.js +3 -0
- package/build/esm/src/index.js.map +1 -1
- package/build/esm/src/{types → typings}/general.d.ts +0 -0
- package/build/esm/src/{types → typings}/general.js +0 -0
- package/build/esm/src/{types → typings}/general.js.map +1 -1
- 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 @@
|
|
|
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":";;;;;;;;;;;;"}
|
package/build/cjs/src/index.js
CHANGED
|
@@ -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,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,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 @@
|
|
|
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 @@
|
|
|
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,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 @@
|
|
|
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":";;;;;;;;"}
|
package/build/esm/src/index.d.ts
CHANGED
|
@@ -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 {
|
|
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, };
|
package/build/esm/src/index.js
CHANGED
|
@@ -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/
|
|
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-
|
|
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",
|