@teselagen/bounce-loader 0.3.7 → 0.3.9
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/index.cjs.js +91 -0
- package/index.es.js +88 -0
- package/package.json +9 -2
- package/src/index.spec.js +3 -2
- package/index.umd.js +0 -133
package/index.cjs.js
ADDED
@@ -0,0 +1,91 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
4
|
+
|
5
|
+
const React = require('react');
|
6
|
+
|
7
|
+
function getDefaultExportFromCjs (x) {
|
8
|
+
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
9
|
+
}
|
10
|
+
|
11
|
+
var classnames = {exports: {}};
|
12
|
+
|
13
|
+
/*!
|
14
|
+
Copyright (c) 2018 Jed Watson.
|
15
|
+
Licensed under the MIT License (MIT), see
|
16
|
+
http://jedwatson.github.io/classnames
|
17
|
+
*/
|
18
|
+
|
19
|
+
(function (module) {
|
20
|
+
/* global define */
|
21
|
+
|
22
|
+
(function () {
|
23
|
+
|
24
|
+
var hasOwn = {}.hasOwnProperty;
|
25
|
+
|
26
|
+
function classNames() {
|
27
|
+
var classes = [];
|
28
|
+
|
29
|
+
for (var i = 0; i < arguments.length; i++) {
|
30
|
+
var arg = arguments[i];
|
31
|
+
if (!arg) continue;
|
32
|
+
|
33
|
+
var argType = typeof arg;
|
34
|
+
|
35
|
+
if (argType === 'string' || argType === 'number') {
|
36
|
+
classes.push(arg);
|
37
|
+
} else if (Array.isArray(arg)) {
|
38
|
+
if (arg.length) {
|
39
|
+
var inner = classNames.apply(null, arg);
|
40
|
+
if (inner) {
|
41
|
+
classes.push(inner);
|
42
|
+
}
|
43
|
+
}
|
44
|
+
} else if (argType === 'object') {
|
45
|
+
if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
|
46
|
+
classes.push(arg.toString());
|
47
|
+
continue;
|
48
|
+
}
|
49
|
+
|
50
|
+
for (var key in arg) {
|
51
|
+
if (hasOwn.call(arg, key) && arg[key]) {
|
52
|
+
classes.push(key);
|
53
|
+
}
|
54
|
+
}
|
55
|
+
}
|
56
|
+
}
|
57
|
+
|
58
|
+
return classes.join(' ');
|
59
|
+
}
|
60
|
+
|
61
|
+
if (module.exports) {
|
62
|
+
classNames.default = classNames;
|
63
|
+
module.exports = classNames;
|
64
|
+
} else {
|
65
|
+
window.classNames = classNames;
|
66
|
+
}
|
67
|
+
}());
|
68
|
+
} (classnames));
|
69
|
+
|
70
|
+
var classnamesExports = classnames.exports;
|
71
|
+
const classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
|
72
|
+
|
73
|
+
const style = '';
|
74
|
+
|
75
|
+
function BounceLoader({ style, className }) {
|
76
|
+
return /* @__PURE__ */ React.createElement(
|
77
|
+
"div",
|
78
|
+
{
|
79
|
+
"data-testid": "bounce-loader",
|
80
|
+
className: classNames("tg-bounce-loader", className),
|
81
|
+
style
|
82
|
+
},
|
83
|
+
/* @__PURE__ */ React.createElement("div", { className: "rect1" }),
|
84
|
+
/* @__PURE__ */ React.createElement("div", { className: "rect2" }),
|
85
|
+
/* @__PURE__ */ React.createElement("div", { className: "rect3" }),
|
86
|
+
/* @__PURE__ */ React.createElement("div", { className: "rect4" }),
|
87
|
+
/* @__PURE__ */ React.createElement("div", { className: "rect5" })
|
88
|
+
);
|
89
|
+
}
|
90
|
+
|
91
|
+
exports.BounceLoader = BounceLoader;
|
package/index.es.js
ADDED
@@ -0,0 +1,88 @@
|
|
1
|
+
import './style.css';
|
2
|
+
import React from 'react';
|
3
|
+
|
4
|
+
function getDefaultExportFromCjs (x) {
|
5
|
+
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
6
|
+
}
|
7
|
+
|
8
|
+
var classnames = {exports: {}};
|
9
|
+
|
10
|
+
/*!
|
11
|
+
Copyright (c) 2018 Jed Watson.
|
12
|
+
Licensed under the MIT License (MIT), see
|
13
|
+
http://jedwatson.github.io/classnames
|
14
|
+
*/
|
15
|
+
|
16
|
+
(function (module) {
|
17
|
+
/* global define */
|
18
|
+
|
19
|
+
(function () {
|
20
|
+
|
21
|
+
var hasOwn = {}.hasOwnProperty;
|
22
|
+
|
23
|
+
function classNames() {
|
24
|
+
var classes = [];
|
25
|
+
|
26
|
+
for (var i = 0; i < arguments.length; i++) {
|
27
|
+
var arg = arguments[i];
|
28
|
+
if (!arg) continue;
|
29
|
+
|
30
|
+
var argType = typeof arg;
|
31
|
+
|
32
|
+
if (argType === 'string' || argType === 'number') {
|
33
|
+
classes.push(arg);
|
34
|
+
} else if (Array.isArray(arg)) {
|
35
|
+
if (arg.length) {
|
36
|
+
var inner = classNames.apply(null, arg);
|
37
|
+
if (inner) {
|
38
|
+
classes.push(inner);
|
39
|
+
}
|
40
|
+
}
|
41
|
+
} else if (argType === 'object') {
|
42
|
+
if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
|
43
|
+
classes.push(arg.toString());
|
44
|
+
continue;
|
45
|
+
}
|
46
|
+
|
47
|
+
for (var key in arg) {
|
48
|
+
if (hasOwn.call(arg, key) && arg[key]) {
|
49
|
+
classes.push(key);
|
50
|
+
}
|
51
|
+
}
|
52
|
+
}
|
53
|
+
}
|
54
|
+
|
55
|
+
return classes.join(' ');
|
56
|
+
}
|
57
|
+
|
58
|
+
if (module.exports) {
|
59
|
+
classNames.default = classNames;
|
60
|
+
module.exports = classNames;
|
61
|
+
} else {
|
62
|
+
window.classNames = classNames;
|
63
|
+
}
|
64
|
+
}());
|
65
|
+
} (classnames));
|
66
|
+
|
67
|
+
var classnamesExports = classnames.exports;
|
68
|
+
const classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
|
69
|
+
|
70
|
+
const style = '';
|
71
|
+
|
72
|
+
function BounceLoader({ style, className }) {
|
73
|
+
return /* @__PURE__ */ React.createElement(
|
74
|
+
"div",
|
75
|
+
{
|
76
|
+
"data-testid": "bounce-loader",
|
77
|
+
className: classNames("tg-bounce-loader", className),
|
78
|
+
style
|
79
|
+
},
|
80
|
+
/* @__PURE__ */ React.createElement("div", { className: "rect1" }),
|
81
|
+
/* @__PURE__ */ React.createElement("div", { className: "rect2" }),
|
82
|
+
/* @__PURE__ */ React.createElement("div", { className: "rect3" }),
|
83
|
+
/* @__PURE__ */ React.createElement("div", { className: "rect4" }),
|
84
|
+
/* @__PURE__ */ React.createElement("div", { className: "rect5" })
|
85
|
+
);
|
86
|
+
}
|
87
|
+
|
88
|
+
export { BounceLoader };
|
package/package.json
CHANGED
@@ -1,10 +1,17 @@
|
|
1
1
|
{
|
2
2
|
"name": "@teselagen/bounce-loader",
|
3
|
-
"version": "0.3.
|
3
|
+
"version": "0.3.9",
|
4
4
|
"main": "./src/index.js",
|
5
|
+
"exports": {
|
6
|
+
".": {
|
7
|
+
"import": "./index.es.js",
|
8
|
+
"require": "./index.cjs.js"
|
9
|
+
},
|
10
|
+
"./style.css": "./style.css"
|
11
|
+
},
|
5
12
|
"dependencies": {
|
6
13
|
"react": "18.2.0"
|
7
14
|
},
|
8
|
-
"type": "
|
15
|
+
"type": "module",
|
9
16
|
"license": "MIT"
|
10
17
|
}
|
package/src/index.spec.js
CHANGED
@@ -4,11 +4,12 @@ import { BounceLoader } from ".";
|
|
4
4
|
|
5
5
|
describe("BounceLoader", () => {
|
6
6
|
test("renders correctly with given className", () => {
|
7
|
-
const { getByTestId } = render(
|
7
|
+
const { getByTestId } = render(
|
8
|
+
<BounceLoader className="test-class" style={undefined} />
|
9
|
+
);
|
8
10
|
const loader = getByTestId("bounce-loader");
|
9
11
|
expect(loader).toHaveClass("tg-bounce-loader");
|
10
12
|
expect(loader).toHaveClass("test-class");
|
11
13
|
expect(loader.querySelectorAll(".rect1")).to.have.length(1);
|
12
14
|
});
|
13
15
|
});
|
14
|
-
|
package/index.umd.js
DELETED
@@ -1,133 +0,0 @@
|
|
1
|
-
(function (global, factory) {
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
|
3
|
-
typeof define === 'function' && define.amd ? define(['exports'], factory) :
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.bounceLoader = {}));
|
5
|
-
})(this, (function (exports) { 'use strict';
|
6
|
-
|
7
|
-
function getDefaultExportFromCjs (x) {
|
8
|
-
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
9
|
-
}
|
10
|
-
|
11
|
-
var react = {exports: {}};
|
12
|
-
|
13
|
-
var react_production_min = {};
|
14
|
-
|
15
|
-
/**
|
16
|
-
* @license React
|
17
|
-
* react.production.min.js
|
18
|
-
*
|
19
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
20
|
-
*
|
21
|
-
* This source code is licensed under the MIT license found in the
|
22
|
-
* LICENSE file in the root directory of this source tree.
|
23
|
-
*/
|
24
|
-
var l=Symbol.for("react.element"),n=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),q=Symbol.for("react.strict_mode"),r=Symbol.for("react.profiler"),t=Symbol.for("react.provider"),u=Symbol.for("react.context"),v=Symbol.for("react.forward_ref"),w=Symbol.for("react.suspense"),x=Symbol.for("react.memo"),y=Symbol.for("react.lazy"),z=Symbol.iterator;function A(a){if(null===a||"object"!==typeof a)return null;a=z&&a[z]||a["@@iterator"];return "function"===typeof a?a:null}
|
25
|
-
var B={isMounted:function(){return !1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},C=Object.assign,D={};function E(a,b,e){this.props=a;this.context=b;this.refs=D;this.updater=e||B;}E.prototype.isReactComponent={};
|
26
|
-
E.prototype.setState=function(a,b){if("object"!==typeof a&&"function"!==typeof a&&null!=a)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,a,b,"setState");};E.prototype.forceUpdate=function(a){this.updater.enqueueForceUpdate(this,a,"forceUpdate");};function F(){}F.prototype=E.prototype;function G(a,b,e){this.props=a;this.context=b;this.refs=D;this.updater=e||B;}var H=G.prototype=new F;
|
27
|
-
H.constructor=G;C(H,E.prototype);H.isPureReactComponent=!0;var I=Array.isArray,J=Object.prototype.hasOwnProperty,K={current:null},L={key:!0,ref:!0,__self:!0,__source:!0};
|
28
|
-
function M(a,b,e){var d,c={},k=null,h=null;if(null!=b)for(d in void 0!==b.ref&&(h=b.ref),void 0!==b.key&&(k=""+b.key),b)J.call(b,d)&&!L.hasOwnProperty(d)&&(c[d]=b[d]);var g=arguments.length-2;if(1===g)c.children=e;else if(1<g){for(var f=Array(g),m=0;m<g;m++)f[m]=arguments[m+2];c.children=f;}if(a&&a.defaultProps)for(d in g=a.defaultProps,g)void 0===c[d]&&(c[d]=g[d]);return {$$typeof:l,type:a,key:k,ref:h,props:c,_owner:K.current}}
|
29
|
-
function N(a,b){return {$$typeof:l,type:a.type,key:b,ref:a.ref,props:a.props,_owner:a._owner}}function O(a){return "object"===typeof a&&null!==a&&a.$$typeof===l}function escape(a){var b={"=":"=0",":":"=2"};return "$"+a.replace(/[=:]/g,function(a){return b[a]})}var P=/\/+/g;function Q(a,b){return "object"===typeof a&&null!==a&&null!=a.key?escape(""+a.key):b.toString(36)}
|
30
|
-
function R(a,b,e,d,c){var k=typeof a;if("undefined"===k||"boolean"===k)a=null;var h=!1;if(null===a)h=!0;else switch(k){case "string":case "number":h=!0;break;case "object":switch(a.$$typeof){case l:case n:h=!0;}}if(h)return h=a,c=c(h),a=""===d?"."+Q(h,0):d,I(c)?(e="",null!=a&&(e=a.replace(P,"$&/")+"/"),R(c,b,e,"",function(a){return a})):null!=c&&(O(c)&&(c=N(c,e+(!c.key||h&&h.key===c.key?"":(""+c.key).replace(P,"$&/")+"/")+a)),b.push(c)),1;h=0;d=""===d?".":d+":";if(I(a))for(var g=0;g<a.length;g++){k=
|
31
|
-
a[g];var f=d+Q(k,g);h+=R(k,b,e,f,c);}else if(f=A(a),"function"===typeof f)for(a=f.call(a),g=0;!(k=a.next()).done;)k=k.value,f=d+Q(k,g++),h+=R(k,b,e,f,c);else if("object"===k)throw b=String(a),Error("Objects are not valid as a React child (found: "+("[object Object]"===b?"object with keys {"+Object.keys(a).join(", ")+"}":b)+"). If you meant to render a collection of children, use an array instead.");return h}
|
32
|
-
function S(a,b,e){if(null==a)return a;var d=[],c=0;R(a,d,"","",function(a){return b.call(e,a,c++)});return d}function T(a){if(-1===a._status){var b=a._result;b=b();b.then(function(b){if(0===a._status||-1===a._status)a._status=1,a._result=b;},function(b){if(0===a._status||-1===a._status)a._status=2,a._result=b;});-1===a._status&&(a._status=0,a._result=b);}if(1===a._status)return a._result.default;throw a._result;}
|
33
|
-
var U={current:null},V={transition:null},W={ReactCurrentDispatcher:U,ReactCurrentBatchConfig:V,ReactCurrentOwner:K};react_production_min.Children={map:S,forEach:function(a,b,e){S(a,function(){b.apply(this,arguments);},e);},count:function(a){var b=0;S(a,function(){b++;});return b},toArray:function(a){return S(a,function(a){return a})||[]},only:function(a){if(!O(a))throw Error("React.Children.only expected to receive a single React element child.");return a}};react_production_min.Component=E;react_production_min.Fragment=p;
|
34
|
-
react_production_min.Profiler=r;react_production_min.PureComponent=G;react_production_min.StrictMode=q;react_production_min.Suspense=w;react_production_min.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=W;
|
35
|
-
react_production_min.cloneElement=function(a,b,e){if(null===a||void 0===a)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+a+".");var d=C({},a.props),c=a.key,k=a.ref,h=a._owner;if(null!=b){void 0!==b.ref&&(k=b.ref,h=K.current);void 0!==b.key&&(c=""+b.key);if(a.type&&a.type.defaultProps)var g=a.type.defaultProps;for(f in b)J.call(b,f)&&!L.hasOwnProperty(f)&&(d[f]=void 0===b[f]&&void 0!==g?g[f]:b[f]);}var f=arguments.length-2;if(1===f)d.children=e;else if(1<f){g=Array(f);
|
36
|
-
for(var m=0;m<f;m++)g[m]=arguments[m+2];d.children=g;}return {$$typeof:l,type:a.type,key:c,ref:k,props:d,_owner:h}};react_production_min.createContext=function(a){a={$$typeof:u,_currentValue:a,_currentValue2:a,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null};a.Provider={$$typeof:t,_context:a};return a.Consumer=a};react_production_min.createElement=M;react_production_min.createFactory=function(a){var b=M.bind(null,a);b.type=a;return b};react_production_min.createRef=function(){return {current:null}};
|
37
|
-
react_production_min.forwardRef=function(a){return {$$typeof:v,render:a}};react_production_min.isValidElement=O;react_production_min.lazy=function(a){return {$$typeof:y,_payload:{_status:-1,_result:a},_init:T}};react_production_min.memo=function(a,b){return {$$typeof:x,type:a,compare:void 0===b?null:b}};react_production_min.startTransition=function(a){var b=V.transition;V.transition={};try{a();}finally{V.transition=b;}};react_production_min.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.");};
|
38
|
-
react_production_min.useCallback=function(a,b){return U.current.useCallback(a,b)};react_production_min.useContext=function(a){return U.current.useContext(a)};react_production_min.useDebugValue=function(){};react_production_min.useDeferredValue=function(a){return U.current.useDeferredValue(a)};react_production_min.useEffect=function(a,b){return U.current.useEffect(a,b)};react_production_min.useId=function(){return U.current.useId()};react_production_min.useImperativeHandle=function(a,b,e){return U.current.useImperativeHandle(a,b,e)};
|
39
|
-
react_production_min.useInsertionEffect=function(a,b){return U.current.useInsertionEffect(a,b)};react_production_min.useLayoutEffect=function(a,b){return U.current.useLayoutEffect(a,b)};react_production_min.useMemo=function(a,b){return U.current.useMemo(a,b)};react_production_min.useReducer=function(a,b,e){return U.current.useReducer(a,b,e)};react_production_min.useRef=function(a){return U.current.useRef(a)};react_production_min.useState=function(a){return U.current.useState(a)};react_production_min.useSyncExternalStore=function(a,b,e){return U.current.useSyncExternalStore(a,b,e)};
|
40
|
-
react_production_min.useTransition=function(){return U.current.useTransition()};react_production_min.version="18.2.0";
|
41
|
-
|
42
|
-
{
|
43
|
-
react.exports = react_production_min;
|
44
|
-
}
|
45
|
-
|
46
|
-
var reactExports = react.exports;
|
47
|
-
const React = /*@__PURE__*/getDefaultExportFromCjs(reactExports);
|
48
|
-
|
49
|
-
var classnames = {exports: {}};
|
50
|
-
|
51
|
-
/*!
|
52
|
-
Copyright (c) 2018 Jed Watson.
|
53
|
-
Licensed under the MIT License (MIT), see
|
54
|
-
http://jedwatson.github.io/classnames
|
55
|
-
*/
|
56
|
-
|
57
|
-
(function (module) {
|
58
|
-
/* global define */
|
59
|
-
|
60
|
-
(function () {
|
61
|
-
|
62
|
-
var hasOwn = {}.hasOwnProperty;
|
63
|
-
|
64
|
-
function classNames() {
|
65
|
-
var classes = [];
|
66
|
-
|
67
|
-
for (var i = 0; i < arguments.length; i++) {
|
68
|
-
var arg = arguments[i];
|
69
|
-
if (!arg) continue;
|
70
|
-
|
71
|
-
var argType = typeof arg;
|
72
|
-
|
73
|
-
if (argType === 'string' || argType === 'number') {
|
74
|
-
classes.push(arg);
|
75
|
-
} else if (Array.isArray(arg)) {
|
76
|
-
if (arg.length) {
|
77
|
-
var inner = classNames.apply(null, arg);
|
78
|
-
if (inner) {
|
79
|
-
classes.push(inner);
|
80
|
-
}
|
81
|
-
}
|
82
|
-
} else if (argType === 'object') {
|
83
|
-
if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
|
84
|
-
classes.push(arg.toString());
|
85
|
-
continue;
|
86
|
-
}
|
87
|
-
|
88
|
-
for (var key in arg) {
|
89
|
-
if (hasOwn.call(arg, key) && arg[key]) {
|
90
|
-
classes.push(key);
|
91
|
-
}
|
92
|
-
}
|
93
|
-
}
|
94
|
-
}
|
95
|
-
|
96
|
-
return classes.join(' ');
|
97
|
-
}
|
98
|
-
|
99
|
-
if (module.exports) {
|
100
|
-
classNames.default = classNames;
|
101
|
-
module.exports = classNames;
|
102
|
-
} else {
|
103
|
-
window.classNames = classNames;
|
104
|
-
}
|
105
|
-
}());
|
106
|
-
} (classnames));
|
107
|
-
|
108
|
-
var classnamesExports = classnames.exports;
|
109
|
-
const classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
|
110
|
-
|
111
|
-
const style = '';
|
112
|
-
|
113
|
-
function BounceLoader({ style, className }) {
|
114
|
-
return /* @__PURE__ */ React.createElement(
|
115
|
-
"div",
|
116
|
-
{
|
117
|
-
"data-testid": "bounce-loader",
|
118
|
-
className: classNames("tg-bounce-loader", className),
|
119
|
-
style
|
120
|
-
},
|
121
|
-
/* @__PURE__ */ React.createElement("div", { className: "rect1" }),
|
122
|
-
/* @__PURE__ */ React.createElement("div", { className: "rect2" }),
|
123
|
-
/* @__PURE__ */ React.createElement("div", { className: "rect3" }),
|
124
|
-
/* @__PURE__ */ React.createElement("div", { className: "rect4" }),
|
125
|
-
/* @__PURE__ */ React.createElement("div", { className: "rect5" })
|
126
|
-
);
|
127
|
-
}
|
128
|
-
|
129
|
-
exports.BounceLoader = BounceLoader;
|
130
|
-
|
131
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
132
|
-
|
133
|
-
}));
|