@purpurds/spinner 8.4.0 → 8.5.0
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/dist/spinner.cjs.js +2 -2
- package/dist/spinner.cjs.js.map +1 -1
- package/dist/spinner.d.ts +6 -2
- package/dist/spinner.d.ts.map +1 -1
- package/dist/spinner.es.js +27 -25
- package/dist/spinner.es.js.map +1 -1
- package/package.json +3 -2
- package/src/spinner.tsx +20 -18
package/dist/spinner.cjs.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime");function S(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var o={exports:{}};/*!
|
|
2
2
|
Copyright (c) 2018 Jed Watson.
|
|
3
3
|
Licensed under the MIT License (MIT), see
|
|
4
4
|
http://jedwatson.github.io/classnames
|
|
5
|
-
*/var a;function x(){return a||(a=1,(function(n){(function(){var
|
|
5
|
+
*/var a;function x(){return a||(a=1,(function(n){(function(){var u={}.hasOwnProperty;function t(){for(var r="",e=0;e<arguments.length;e++){var s=arguments[e];s&&(r=i(r,c.call(this,s)))}return r}function c(r){if(typeof r=="string"||typeof r=="number")return this&&this[r]||r;if(typeof r!="object")return"";if(Array.isArray(r))return t.apply(this,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var e="";for(var s in r)u.call(r,s)&&r[s]&&(e=i(e,this&&this[s]||s));return e}function i(r,e){return e?r?r+" "+e:r+e:r}n.exports?(t.default=t,n.exports=t):window.classNames=t})()})(o)),o.exports}var m=x();const h=S(m),v="_rotate_12t9p_1",b="_dash_12t9p_1",y={"purpur-spinner":"_purpur-spinner_12t9p_2",rotate:v,"purpur-spinner--xxs":"_purpur-spinner--xxs_12t9p_6","purpur-spinner--xs":"_purpur-spinner--xs_12t9p_10","purpur-spinner--sm":"_purpur-spinner--sm_12t9p_14","purpur-spinner--md":"_purpur-spinner--md_12t9p_18","purpur-spinner--lg":"_purpur-spinner--lg_12t9p_22","purpur-spinner__circle":"_purpur-spinner__circle_12t9p_26",dash:b,"purpur-spinner__circle--disabled":"_purpur-spinner__circle--disabled_12t9p_41","purpur-spinner__circle--negative":"_purpur-spinner__circle--negative_12t9p_44"},d=h.bind(y),p="purpur-spinner",l={XXS:"xxs",XS:"xs",SM:"sm",MD:"md",LG:"lg"},j=Object.values(l),f=({disabled:n=!1,negative:u=!1,size:t=l.SM,className:c,...i})=>_.jsx("div",{className:d(p,`${p}--${t}`,c),...i,children:_.jsx("svg",{viewBox:"0 0 50 50",children:_.jsx("circle",{className:d(`${p}__circle`,{[`${p}__circle--disabled`]:n,[`${p}__circle--negative`]:u}),cx:"25",cy:"25",r:"20"})})});f.displayName="Spinner";exports.SPINNER_SIZE=l;exports.Spinner=f;exports.spinnerSizes=j;
|
|
6
6
|
//# sourceMappingURL=spinner.cjs.js.map
|
package/dist/spinner.cjs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/spinner.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./spinner.module.scss\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-spinner\";\n\nexport const SPINNER_SIZE = {\n XXS: \"xxs\",\n XS: \"xs\",\n SM: \"sm\",\n MD: \"md\",\n LG: \"lg\",\n} as const;\n\nexport const spinnerSizes = Object.values(SPINNER_SIZE);\nexport type SpinnerSize = (typeof spinnerSizes)[number];\n\nexport type SpinnerProps = {\n [\"data-testid\"]?: string;\n disabled?: boolean;\n negative?: boolean;\n size?: SpinnerSize;\n};\n\nexport const Spinner = ({\n disabled = false,\n negative = false,\n size = SPINNER_SIZE.SM,\n ...props\n}: SpinnerProps) =>
|
|
1
|
+
{"version":3,"file":"spinner.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/spinner.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from \"react\";\nimport type { BaseProps } from \"@purpurds/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./spinner.module.scss\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-spinner\";\n\nexport const SPINNER_SIZE = {\n XXS: \"xxs\",\n XS: \"xs\",\n SM: \"sm\",\n MD: \"md\",\n LG: \"lg\",\n} as const;\n\nexport const spinnerSizes = Object.values(SPINNER_SIZE);\nexport type SpinnerSize = (typeof spinnerSizes)[number];\n\nexport type SpinnerProps = Omit<BaseProps, \"children\"> & {\n [\"data-testid\"]?: string;\n disabled?: boolean;\n negative?: boolean;\n size?: SpinnerSize;\n};\n\nexport const Spinner = ({\n disabled = false,\n negative = false,\n size = SPINNER_SIZE.SM,\n className,\n ...props\n}: SpinnerProps) => (\n <div className={cx(rootClassName, `${rootClassName}--${size}`, className)} {...props}>\n <svg viewBox=\"0 0 50 50\">\n <circle\n className={cx(`${rootClassName}__circle`, {\n [`${rootClassName}__circle--disabled`]: disabled,\n [`${rootClassName}__circle--negative`]: negative,\n })}\n cx=\"25\"\n cy=\"25\"\n r=\"20\"\n />\n </svg>\n </div>\n);\n\nSpinner.displayName = \"Spinner\";\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","SPINNER_SIZE","spinnerSizes","Spinner","disabled","negative","size","className","props","jsx"],"mappings":";;;;kDAOC,UAAY,CAGZ,IAAIA,EAAS,CAAA,EAAG,eAEhB,SAASC,GAAc,CAGtB,QAFIC,EAAU,GAELC,EAAI,EAAGA,EAAI,UAAU,OAAQA,IAAK,CAC1C,IAAIC,EAAM,UAAUD,CAAC,EACjBC,IACHF,EAAUG,EAAYH,EAASI,EAAW,KAAK,KAAMF,CAAG,CAAC,EAE7D,CAEE,OAAOF,CACT,CAEC,SAASI,EAAYF,EAAK,CACzB,GAAI,OAAOA,GAAQ,UAAY,OAAOA,GAAQ,SAC7C,OAAO,MAAQ,KAAKA,CAAG,GAAKA,EAG7B,GAAI,OAAOA,GAAQ,SAClB,MAAO,GAGR,GAAI,MAAM,QAAQA,CAAG,EACpB,OAAOH,EAAW,MAAM,KAAMG,CAAG,EAGlC,GAAIA,EAAI,WAAa,OAAO,UAAU,UAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe,EAClG,OAAOA,EAAI,SAAQ,EAGpB,IAAIF,EAAU,GAEd,QAASK,KAAOH,EACXJ,EAAO,KAAKI,EAAKG,CAAG,GAAKH,EAAIG,CAAG,IACnCL,EAAUG,EAAYH,EAAS,MAAQ,KAAKK,CAAG,GAAKA,CAAG,GAIzD,OAAOL,CACT,CAEC,SAASG,EAAaG,EAAOC,EAAU,CACtC,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQV,CAEsCE,EAAO,SAC3CT,EAAW,QAAUA,EACrBS,UAAiBT,GAOjB,OAAO,WAAaA,CAEtB,knBCtEMU,EAAKC,EAAE,KAAKC,CAAM,EAClBC,EAAgB,iBAETC,EAAe,CAC1B,IAAK,MACL,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEaC,EAAe,OAAO,OAAOD,CAAY,EAUzCE,EAAU,CAAC,CACtB,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,KAAAC,EAAOL,EAAa,GACpB,UAAAM,EACA,GAAGC,CACL,UACG,MAAA,CAAI,UAAWX,EAAGG,EAAe,GAAGA,CAAa,KAAKM,CAAI,GAAIC,CAAS,EAAI,GAAGC,EAC7E,SAAAC,EAAAA,IAAC,MAAA,CAAI,QAAQ,YACX,SAAAA,EAAAA,IAAC,SAAA,CACC,UAAWZ,EAAG,GAAGG,CAAa,WAAY,CACxC,CAAC,GAAGA,CAAa,oBAAoB,EAAGI,EACxC,CAAC,GAAGJ,CAAa,oBAAoB,EAAGK,CAAA,CACzC,EACD,GAAG,KACH,GAAG,KACH,EAAE,IAAA,CACJ,CAAA,CACF,CAAA,CACF,EAGFF,EAAQ,YAAc","x_google_ignoreList":[0]}
|
package/dist/spinner.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
import { BaseProps } from '@purpurds/common-types';
|
|
2
3
|
|
|
3
4
|
export declare const SPINNER_SIZE: {
|
|
4
5
|
readonly XXS: "xxs";
|
|
@@ -9,11 +10,14 @@ export declare const SPINNER_SIZE: {
|
|
|
9
10
|
};
|
|
10
11
|
export declare const spinnerSizes: ("xxs" | "xs" | "sm" | "md" | "lg")[];
|
|
11
12
|
export type SpinnerSize = (typeof spinnerSizes)[number];
|
|
12
|
-
export type SpinnerProps = {
|
|
13
|
+
export type SpinnerProps = Omit<BaseProps, "children"> & {
|
|
13
14
|
["data-testid"]?: string;
|
|
14
15
|
disabled?: boolean;
|
|
15
16
|
negative?: boolean;
|
|
16
17
|
size?: SpinnerSize;
|
|
17
18
|
};
|
|
18
|
-
export declare const Spinner:
|
|
19
|
+
export declare const Spinner: {
|
|
20
|
+
({ disabled, negative, size, className, ...props }: SpinnerProps): React.JSX.Element;
|
|
21
|
+
displayName: string;
|
|
22
|
+
};
|
|
19
23
|
//# sourceMappingURL=spinner.d.ts.map
|
package/dist/spinner.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../src/spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../src/spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAQxD,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,eAAO,MAAM,YAAY,uCAA8B,CAAC;AACxD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAExD,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IACvD,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,OAAO;wDAMjB,YAAY;;CAcd,CAAC"}
|
package/dist/spinner.es.js
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
function
|
|
1
|
+
import { jsx as _ } from "react/jsx-runtime";
|
|
2
|
+
function f(e) {
|
|
3
3
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
4
4
|
}
|
|
5
|
-
var
|
|
5
|
+
var o = { exports: {} };
|
|
6
6
|
/*!
|
|
7
7
|
Copyright (c) 2018 Jed Watson.
|
|
8
8
|
Licensed under the MIT License (MIT), see
|
|
9
9
|
http://jedwatson.github.io/classnames
|
|
10
10
|
*/
|
|
11
|
-
var
|
|
12
|
-
function
|
|
13
|
-
return
|
|
11
|
+
var a;
|
|
12
|
+
function m() {
|
|
13
|
+
return a || (a = 1, (function(e) {
|
|
14
14
|
(function() {
|
|
15
|
-
var
|
|
15
|
+
var u = {}.hasOwnProperty;
|
|
16
16
|
function t() {
|
|
17
17
|
for (var r = "", n = 0; n < arguments.length; n++) {
|
|
18
18
|
var p = arguments[n];
|
|
19
|
-
p && (r =
|
|
19
|
+
p && (r = i(r, c.call(this, p)));
|
|
20
20
|
}
|
|
21
21
|
return r;
|
|
22
22
|
}
|
|
23
|
-
function
|
|
23
|
+
function c(r) {
|
|
24
24
|
if (typeof r == "string" || typeof r == "number")
|
|
25
25
|
return this && this[r] || r;
|
|
26
26
|
if (typeof r != "object")
|
|
@@ -31,18 +31,18 @@ function x() {
|
|
|
31
31
|
return r.toString();
|
|
32
32
|
var n = "";
|
|
33
33
|
for (var p in r)
|
|
34
|
-
|
|
34
|
+
u.call(r, p) && r[p] && (n = i(n, this && this[p] || p));
|
|
35
35
|
return n;
|
|
36
36
|
}
|
|
37
|
-
function
|
|
37
|
+
function i(r, n) {
|
|
38
38
|
return n ? r ? r + " " + n : r + n : r;
|
|
39
39
|
}
|
|
40
40
|
e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
|
|
41
41
|
})();
|
|
42
|
-
})(
|
|
42
|
+
})(o)), o.exports;
|
|
43
43
|
}
|
|
44
|
-
var
|
|
45
|
-
const
|
|
44
|
+
var x = m();
|
|
45
|
+
const h = /* @__PURE__ */ f(x), v = "_rotate_12t9p_1", S = "_dash_12t9p_1", b = {
|
|
46
46
|
"purpur-spinner": "_purpur-spinner_12t9p_2",
|
|
47
47
|
rotate: v,
|
|
48
48
|
"purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
|
|
@@ -54,32 +54,34 @@ const m = /* @__PURE__ */ d(h), v = "_rotate_12t9p_1", S = "_dash_12t9p_1", b =
|
|
|
54
54
|
dash: S,
|
|
55
55
|
"purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
|
|
56
56
|
"purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
|
|
57
|
-
},
|
|
57
|
+
}, l = h.bind(b), s = "purpur-spinner", d = {
|
|
58
58
|
XXS: "xxs",
|
|
59
59
|
XS: "xs",
|
|
60
60
|
SM: "sm",
|
|
61
61
|
MD: "md",
|
|
62
62
|
LG: "lg"
|
|
63
|
-
},
|
|
63
|
+
}, j = Object.values(d), y = ({
|
|
64
64
|
disabled: e = !1,
|
|
65
|
-
negative:
|
|
66
|
-
size: t =
|
|
67
|
-
|
|
68
|
-
|
|
65
|
+
negative: u = !1,
|
|
66
|
+
size: t = d.SM,
|
|
67
|
+
className: c,
|
|
68
|
+
...i
|
|
69
|
+
}) => /* @__PURE__ */ _("div", { className: l(s, `${s}--${t}`, c), ...i, children: /* @__PURE__ */ _("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ _(
|
|
69
70
|
"circle",
|
|
70
71
|
{
|
|
71
|
-
className:
|
|
72
|
+
className: l(`${s}__circle`, {
|
|
72
73
|
[`${s}__circle--disabled`]: e,
|
|
73
|
-
[`${s}__circle--negative`]:
|
|
74
|
+
[`${s}__circle--negative`]: u
|
|
74
75
|
}),
|
|
75
76
|
cx: "25",
|
|
76
77
|
cy: "25",
|
|
77
78
|
r: "20"
|
|
78
79
|
}
|
|
79
80
|
) }) });
|
|
81
|
+
y.displayName = "Spinner";
|
|
80
82
|
export {
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
83
|
+
d as SPINNER_SIZE,
|
|
84
|
+
y as Spinner,
|
|
85
|
+
j as spinnerSizes
|
|
84
86
|
};
|
|
85
87
|
//# sourceMappingURL=spinner.es.js.map
|
package/dist/spinner.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/spinner.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./spinner.module.scss\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-spinner\";\n\nexport const SPINNER_SIZE = {\n XXS: \"xxs\",\n XS: \"xs\",\n SM: \"sm\",\n MD: \"md\",\n LG: \"lg\",\n} as const;\n\nexport const spinnerSizes = Object.values(SPINNER_SIZE);\nexport type SpinnerSize = (typeof spinnerSizes)[number];\n\nexport type SpinnerProps = {\n [\"data-testid\"]?: string;\n disabled?: boolean;\n negative?: boolean;\n size?: SpinnerSize;\n};\n\nexport const Spinner = ({\n disabled = false,\n negative = false,\n size = SPINNER_SIZE.SM,\n ...props\n}: SpinnerProps) =>
|
|
1
|
+
{"version":3,"file":"spinner.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/spinner.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from \"react\";\nimport type { BaseProps } from \"@purpurds/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./spinner.module.scss\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-spinner\";\n\nexport const SPINNER_SIZE = {\n XXS: \"xxs\",\n XS: \"xs\",\n SM: \"sm\",\n MD: \"md\",\n LG: \"lg\",\n} as const;\n\nexport const spinnerSizes = Object.values(SPINNER_SIZE);\nexport type SpinnerSize = (typeof spinnerSizes)[number];\n\nexport type SpinnerProps = Omit<BaseProps, \"children\"> & {\n [\"data-testid\"]?: string;\n disabled?: boolean;\n negative?: boolean;\n size?: SpinnerSize;\n};\n\nexport const Spinner = ({\n disabled = false,\n negative = false,\n size = SPINNER_SIZE.SM,\n className,\n ...props\n}: SpinnerProps) => (\n <div className={cx(rootClassName, `${rootClassName}--${size}`, className)} {...props}>\n <svg viewBox=\"0 0 50 50\">\n <circle\n className={cx(`${rootClassName}__circle`, {\n [`${rootClassName}__circle--disabled`]: disabled,\n [`${rootClassName}__circle--negative`]: negative,\n })}\n cx=\"25\"\n cy=\"25\"\n r=\"20\"\n />\n </svg>\n </div>\n);\n\nSpinner.displayName = \"Spinner\";\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","SPINNER_SIZE","spinnerSizes","Spinner","disabled","negative","size","className","props","jsx"],"mappings":";;;;;;;;;;;;;AAOA,KAAC,WAAY;AAGZ,UAAIA,IAAS,CAAA,EAAG;AAEhB,eAASC,IAAc;AAGtB,iBAFIC,IAAU,IAELC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,cAAIC,IAAM,UAAUD,CAAC;AACrB,UAAIC,MACHF,IAAUG,EAAYH,GAASI,EAAW,KAAK,MAAMF,CAAG,CAAC;AAAA,QAE7D;AAEE,eAAOF;AAAA,MACT;AAEC,eAASI,EAAYF,GAAK;AACzB,YAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,iBAAO,QAAQ,KAAKA,CAAG,KAAKA;AAG7B,YAAI,OAAOA,KAAQ;AAClB,iBAAO;AAGR,YAAI,MAAM,QAAQA,CAAG;AACpB,iBAAOH,EAAW,MAAM,MAAMG,CAAG;AAGlC,YAAIA,EAAI,aAAa,OAAO,UAAU,YAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe;AAClG,iBAAOA,EAAI,SAAQ;AAGpB,YAAIF,IAAU;AAEd,iBAASK,KAAOH;AACf,UAAIJ,EAAO,KAAKI,GAAKG,CAAG,KAAKH,EAAIG,CAAG,MACnCL,IAAUG,EAAYH,GAAS,QAAQ,KAAKK,CAAG,KAAKA,CAAG;AAIzD,eAAOL;AAAA,MACT;AAEC,eAASG,EAAaG,GAAOC,GAAU;AACtC,eAAKA,IAIDD,IACIA,IAAQ,MAAMC,IAGfD,IAAQC,IAPPD;AAAA,MAQV;AAEC,MAAqCE,EAAO,WAC3CT,EAAW,UAAUA,GACrBS,YAAiBT,KAOjB,OAAO,aAAaA;AAAA,IAEtB;;;;;;;;;;;;;;;;GCtEMU,IAAKC,EAAE,KAAKC,CAAM,GAClBC,IAAgB,kBAETC,IAAe;AAAA,EAC1B,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAe,OAAO,OAAOD,CAAY,GAUzCE,IAAU,CAAC;AAAA,EACtB,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAOL,EAAa;AAAA,EACpB,WAAAM;AAAA,EACA,GAAGC;AACL,wBACG,OAAA,EAAI,WAAWX,EAAGG,GAAe,GAAGA,CAAa,KAAKM,CAAI,IAAIC,CAAS,GAAI,GAAGC,GAC7E,UAAA,gBAAAC,EAAC,OAAA,EAAI,SAAQ,aACX,UAAA,gBAAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWZ,EAAG,GAAGG,CAAa,YAAY;AAAA,MACxC,CAAC,GAAGA,CAAa,oBAAoB,GAAGI;AAAA,MACxC,CAAC,GAAGJ,CAAa,oBAAoB,GAAGK;AAAA,IAAA,CACzC;AAAA,IACD,IAAG;AAAA,IACH,IAAG;AAAA,IACH,GAAE;AAAA,EAAA;AACJ,EAAA,CACF,EAAA,CACF;AAGFF,EAAQ,cAAc;","x_google_ignoreList":[0]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@purpurds/spinner",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.5.0",
|
|
4
4
|
"license": "AGPL-3.0-only",
|
|
5
5
|
"main": "./dist/spinner.cjs.js",
|
|
6
6
|
"types": "./dist/spinner.d.ts",
|
|
@@ -16,7 +16,8 @@
|
|
|
16
16
|
"source": "src/spinner.tsx",
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"classnames": "~2.5.0",
|
|
19
|
-
"@purpurds/tokens": "8.
|
|
19
|
+
"@purpurds/tokens": "8.5.0",
|
|
20
|
+
"@purpurds/common-types": "8.5.0"
|
|
20
21
|
},
|
|
21
22
|
"devDependencies": {
|
|
22
23
|
"@storybook/react-vite": "^9.0.18",
|
package/src/spinner.tsx
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import type { BaseProps } from "@purpurds/common-types";
|
|
2
3
|
import c from "classnames/bind";
|
|
3
4
|
|
|
4
5
|
import styles from "./spinner.module.scss";
|
|
@@ -17,7 +18,7 @@ export const SPINNER_SIZE = {
|
|
|
17
18
|
export const spinnerSizes = Object.values(SPINNER_SIZE);
|
|
18
19
|
export type SpinnerSize = (typeof spinnerSizes)[number];
|
|
19
20
|
|
|
20
|
-
export type SpinnerProps = {
|
|
21
|
+
export type SpinnerProps = Omit<BaseProps, "children"> & {
|
|
21
22
|
["data-testid"]?: string;
|
|
22
23
|
disabled?: boolean;
|
|
23
24
|
negative?: boolean;
|
|
@@ -28,21 +29,22 @@ export const Spinner = ({
|
|
|
28
29
|
disabled = false,
|
|
29
30
|
negative = false,
|
|
30
31
|
size = SPINNER_SIZE.SM,
|
|
32
|
+
className,
|
|
31
33
|
...props
|
|
32
|
-
}: SpinnerProps) =>
|
|
33
|
-
|
|
34
|
-
<
|
|
35
|
-
<
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
34
|
+
}: SpinnerProps) => (
|
|
35
|
+
<div className={cx(rootClassName, `${rootClassName}--${size}`, className)} {...props}>
|
|
36
|
+
<svg viewBox="0 0 50 50">
|
|
37
|
+
<circle
|
|
38
|
+
className={cx(`${rootClassName}__circle`, {
|
|
39
|
+
[`${rootClassName}__circle--disabled`]: disabled,
|
|
40
|
+
[`${rootClassName}__circle--negative`]: negative,
|
|
41
|
+
})}
|
|
42
|
+
cx="25"
|
|
43
|
+
cy="25"
|
|
44
|
+
r="20"
|
|
45
|
+
/>
|
|
46
|
+
</svg>
|
|
47
|
+
</div>
|
|
48
|
+
);
|
|
49
|
+
|
|
50
|
+
Spinner.displayName = "Spinner";
|