@redsift/dashboard 7.2.0-alpha.0 → 7.2.0-alpha.1
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.js +30 -7
- package/index.js.map +1 -1
- package/package.json +4 -4
package/index.js
CHANGED
|
@@ -2160,7 +2160,36 @@ const StyledSpinner = styled.img`
|
|
|
2160
2160
|
vertical-align: -0.125em;
|
|
2161
2161
|
`;
|
|
2162
2162
|
|
|
2163
|
+
var spinnerDefault = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 400 400\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\">\n <style>\n .spinning {\n animation: spinning-keyframes 3000ms linear infinite normal forwards;\n transform-origin: center;\n animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);\n }\n @keyframes spinning-keyframes {\n 0% {\n transform: rotate(0deg);\n }\n\n 33% {\n transform: rotate(180deg);\n }\n\n 50% {\n transform: rotate(180deg);\n }\n\n 83% {\n transform: rotate(360deg);\n }\n\n 100% {\n transform: rotate(360deg)\n }\n }\n </style>\n <path\n mask=\"url(#spinner-u-masks)\"\n fill=\"#0079e1\"\n d=\"M318 186.9V108.8L200 57 82 108.8v78.1C82 259 132.3 326.4 200 343c67.7-16.6 118-84 118-156.1zM400 200c0 110.5-89.5 200-200 200S0 310.5 0 200 89.5 0 200 0s200 89.5 200 200z\"\n />\n <mask id=\"spinner-u-masks\">\n <path\n class=\"spinning\"\n d=\"M0,200C0,89.54305,89.54305,0,200,0v400C89.54305,400,0,310.45695,0,200Z\"\n fill=\"#fff\"\n />\n </mask>\n <path\n mask=\"url(#spinner-u-masks2)\"\n fill=\"#0079e1\"\n d=\"M82,186.939v-78.089L200,57l118,51.85v78.089C318,259.002,267.686,326.402,200,343C132.314,326.402,82,259.002,82,186.939Z\"\n />\n <mask id=\"spinner-u-masks2\">\n <path\n class=\"spinning\"\n d=\"M400 200C400 310.5 310.5 400 200 400V0c110.5 0 200 89.5 200 200z\"\n fill=\"#fff\"\n />\n </mask>\n</svg>";
|
|
2164
|
+
|
|
2165
|
+
var spinnerHardenize = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 400 400\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\">\n <style>\n .spinning {\n animation: spinning-keyframes 3000ms linear infinite normal forwards;\n transform-origin: center;\n animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);\n }\n @keyframes spinning-keyframes {\n 0% {\n transform: rotate(0deg);\n }\n\n 33% {\n transform: rotate(180deg);\n }\n\n 50% {\n transform: rotate(180deg);\n }\n\n 83% {\n transform: rotate(360deg);\n }\n\n 100% {\n transform: rotate(360deg)\n }\n }\n </style>\n <path\n mask=\"url(#spinner-u-masks)\"\n fill=\"#0f7ab3\"\n d=\"M318 186.9V108.8L200 57 82 108.8v78.1C82 259 132.3 326.4 200 343c67.7-16.6 118-84 118-156.1zM400 200c0 110.5-89.5 200-200 200S0 310.5 0 200 89.5 0 200 0s200 89.5 200 200z\"\n />\n <mask id=\"spinner-u-masks\">\n <path\n class=\"spinning\"\n d=\"M0,200C0,89.54305,89.54305,0,200,0v400C89.54305,400,0,310.45695,0,200Z\"\n fill=\"#fff\"\n />\n </mask>\n <path\n mask=\"url(#spinner-u-masks2)\"\n fill=\"#0f7ab3\"\n d=\"M82,186.939v-78.089L200,57l118,51.85v78.089C318,259.002,267.686,326.402,200,343C132.314,326.402,82,259.002,82,186.939Z\"\n />\n <mask id=\"spinner-u-masks2\">\n <path\n class=\"spinning\"\n d=\"M400 200C400 310.5 310.5 400 200 400V0c110.5 0 200 89.5 200 200z\"\n fill=\"#fff\"\n />\n </mask>\n</svg>";
|
|
2166
|
+
|
|
2167
|
+
var spinnerNoData = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 400 400\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\">\n <style>\n .spinning {\n animation: spinning-keyframes 3000ms linear infinite normal forwards;\n transform-origin: center;\n animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);\n }\n @keyframes spinning-keyframes {\n 0% {\n transform: rotate(0deg);\n }\n\n 33% {\n transform: rotate(180deg);\n }\n\n 50% {\n transform: rotate(180deg);\n }\n\n 83% {\n transform: rotate(360deg);\n }\n\n 100% {\n transform: rotate(360deg)\n }\n }\n </style>\n <path\n mask=\"url(#spinner-u-masks)\"\n fill=\"#bdbdbd\"\n d=\"M318 186.9V108.8L200 57 82 108.8v78.1C82 259 132.3 326.4 200 343c67.7-16.6 118-84 118-156.1zM400 200c0 110.5-89.5 200-200 200S0 310.5 0 200 89.5 0 200 0s200 89.5 200 200z\"\n />\n <mask id=\"spinner-u-masks\">\n <path\n class=\"spinning\"\n d=\"M0,200C0,89.54305,89.54305,0,200,0v400C89.54305,400,0,310.45695,0,200Z\"\n fill=\"#fff\"\n />\n </mask>\n <path\n mask=\"url(#spinner-u-masks2)\"\n fill=\"#bdbdbd\"\n d=\"M82,186.939v-78.089L200,57l118,51.85v78.089C318,259.002,267.686,326.402,200,343C132.314,326.402,82,259.002,82,186.939Z\"\n />\n <mask id=\"spinner-u-masks2\">\n <path\n class=\"spinning\"\n d=\"M400 200C400 310.5 310.5 400 200 400V0c110.5 0 200 89.5 200 200z\"\n fill=\"#fff\"\n />\n </mask>\n</svg>";
|
|
2168
|
+
|
|
2169
|
+
var spinnerOndmarc = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 400 400\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\">\n <style>\n .spinning {\n animation: spinning-keyframes 3000ms linear infinite normal forwards;\n transform-origin: center;\n animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);\n }\n @keyframes spinning-keyframes {\n 0% {\n transform: rotate(0deg);\n }\n\n 33% {\n transform: rotate(180deg);\n }\n\n 50% {\n transform: rotate(180deg);\n }\n\n 83% {\n transform: rotate(360deg);\n }\n\n 100% {\n transform: rotate(360deg)\n }\n }\n </style>\n <path\n mask=\"url(#spinner-u-masks)\"\n fill=\"#02ac61\"\n d=\"M318 186.9V108.8L200 57 82 108.8v78.1C82 259 132.3 326.4 200 343c67.7-16.6 118-84 118-156.1zM400 200c0 110.5-89.5 200-200 200S0 310.5 0 200 89.5 0 200 0s200 89.5 200 200z\"\n />\n <mask id=\"spinner-u-masks\">\n <path\n class=\"spinning\"\n d=\"M0,200C0,89.54305,89.54305,0,200,0v400C89.54305,400,0,310.45695,0,200Z\"\n fill=\"#fff\"\n />\n </mask>\n <path\n mask=\"url(#spinner-u-masks2)\"\n fill=\"#02ac61\"\n d=\"M82,186.939v-78.089L200,57l118,51.85v78.089C318,259.002,267.686,326.402,200,343C132.314,326.402,82,259.002,82,186.939Z\"\n />\n <mask id=\"spinner-u-masks2\">\n <path\n class=\"spinning\"\n d=\"M400 200C400 310.5 310.5 400 200 400V0c110.5 0 200 89.5 200 200z\"\n fill=\"#fff\"\n />\n </mask>\n</svg>";
|
|
2170
|
+
|
|
2171
|
+
var spinnerOndomain = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 400 400\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\">\n <style>\n .spinning {\n animation: spinning-keyframes 3000ms linear infinite normal forwards;\n transform-origin: center;\n animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);\n }\n @keyframes spinning-keyframes {\n 0% {\n transform: rotate(0deg);\n }\n\n 33% {\n transform: rotate(180deg);\n }\n\n 50% {\n transform: rotate(180deg);\n }\n\n 83% {\n transform: rotate(360deg);\n }\n\n 100% {\n transform: rotate(360deg)\n }\n }\n </style>\n <path\n mask=\"url(#spinner-u-masks)\"\n fill=\"#028062\"\n d=\"M318 186.9V108.8L200 57 82 108.8v78.1C82 259 132.3 326.4 200 343c67.7-16.6 118-84 118-156.1zM400 200c0 110.5-89.5 200-200 200S0 310.5 0 200 89.5 0 200 0s200 89.5 200 200z\"\n />\n <mask id=\"spinner-u-masks\">\n <path\n class=\"spinning\"\n d=\"M0,200C0,89.54305,89.54305,0,200,0v400C89.54305,400,0,310.45695,0,200Z\"\n fill=\"#fff\"\n />\n </mask>\n <path\n mask=\"url(#spinner-u-masks2)\"\n fill=\"#028062\"\n d=\"M82,186.939v-78.089L200,57l118,51.85v78.089C318,259.002,267.686,326.402,200,343C132.314,326.402,82,259.002,82,186.939Z\"\n />\n <mask id=\"spinner-u-masks2\">\n <path\n class=\"spinning\"\n d=\"M400 200C400 310.5 310.5 400 200 400V0c110.5 0 200 89.5 200 200z\"\n fill=\"#fff\"\n />\n </mask>\n</svg>";
|
|
2172
|
+
|
|
2173
|
+
var spinnerOninbox = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 400 400\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\">\n <style>\n .spinning {\n animation: spinning-keyframes 3000ms linear infinite normal forwards;\n transform-origin: center;\n animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);\n }\n @keyframes spinning-keyframes {\n 0% {\n transform: rotate(0deg);\n }\n\n 33% {\n transform: rotate(180deg);\n }\n\n 50% {\n transform: rotate(180deg);\n }\n\n 83% {\n transform: rotate(360deg);\n }\n\n 100% {\n transform: rotate(360deg)\n }\n }\n </style>\n <path\n mask=\"url(#spinner-u-masks)\"\n fill=\"#33b222\"\n d=\"M318 186.9V108.8L200 57 82 108.8v78.1C82 259 132.3 326.4 200 343c67.7-16.6 118-84 118-156.1zM400 200c0 110.5-89.5 200-200 200S0 310.5 0 200 89.5 0 200 0s200 89.5 200 200z\"\n />\n <mask id=\"spinner-u-masks\">\n <path\n class=\"spinning\"\n d=\"M0,200C0,89.54305,89.54305,0,200,0v400C89.54305,400,0,310.45695,0,200Z\"\n fill=\"#fff\"\n />\n </mask>\n <path\n mask=\"url(#spinner-u-masks2)\"\n fill=\"#33b222\"\n d=\"M82,186.939v-78.089L200,57l118,51.85v78.089C318,259.002,267.686,326.402,200,343C132.314,326.402,82,259.002,82,186.939Z\"\n />\n <mask id=\"spinner-u-masks2\">\n <path\n class=\"spinning\"\n d=\"M400 200C400 310.5 310.5 400 200 400V0c110.5 0 200 89.5 200 200z\"\n fill=\"#fff\"\n />\n </mask>\n</svg>";
|
|
2174
|
+
|
|
2175
|
+
var spinnerQuestion = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 400 400\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\">\n <style>\n .spinning {\n animation: spinning-keyframes 3000ms linear infinite normal forwards;\n transform-origin: center;\n animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);\n }\n @keyframes spinning-keyframes {\n 0% {\n transform: rotate(0deg);\n }\n\n 33% {\n transform: rotate(180deg);\n }\n\n 50% {\n transform: rotate(180deg);\n }\n\n 83% {\n transform: rotate(360deg);\n }\n\n 100% {\n transform: rotate(360deg)\n }\n }\n </style>\n <path\n mask=\"url(#spinner-u-masks)\"\n fill=\"#666666\"\n d=\"M318 186.9V108.8L200 57 82 108.8v78.1C82 259 132.3 326.4 200 343c67.7-16.6 118-84 118-156.1zM400 200c0 110.5-89.5 200-200 200S0 310.5 0 200 89.5 0 200 0s200 89.5 200 200z\"\n />\n <mask id=\"spinner-u-masks\">\n <path\n class=\"spinning\"\n d=\"M0,200C0,89.54305,89.54305,0,200,0v400C89.54305,400,0,310.45695,0,200Z\"\n fill=\"#fff\"\n />\n </mask>\n <path\n mask=\"url(#spinner-u-masks2)\"\n fill=\"#666666\"\n d=\"M82,186.939v-78.089L200,57l118,51.85v78.089C318,259.002,267.686,326.402,200,343C132.314,326.402,82,259.002,82,186.939Z\"\n />\n <mask id=\"spinner-u-masks2\">\n <path\n class=\"spinning\"\n d=\"M400 200C400 310.5 310.5 400 200 400V0c110.5 0 200 89.5 200 200z\"\n fill=\"#fff\"\n />\n </mask>\n</svg>";
|
|
2176
|
+
|
|
2177
|
+
var spinnerTools = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 400 400\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\">\n <style>\n .spinning {\n animation: spinning-keyframes 3000ms linear infinite normal forwards;\n transform-origin: center;\n animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);\n }\n @keyframes spinning-keyframes {\n 0% {\n transform: rotate(0deg);\n }\n\n 33% {\n transform: rotate(180deg);\n }\n\n 50% {\n transform: rotate(180deg);\n }\n\n 83% {\n transform: rotate(360deg);\n }\n\n 100% {\n transform: rotate(360deg)\n }\n }\n </style>\n <path\n mask=\"url(#spinner-u-masks)\"\n fill=\"#37bdfb\"\n d=\"M318 186.9V108.8L200 57 82 108.8v78.1C82 259 132.3 326.4 200 343c67.7-16.6 118-84 118-156.1zM400 200c0 110.5-89.5 200-200 200S0 310.5 0 200 89.5 0 200 0s200 89.5 200 200z\"\n />\n <mask id=\"spinner-u-masks\">\n <path\n class=\"spinning\"\n d=\"M0,200C0,89.54305,89.54305,0,200,0v400C89.54305,400,0,310.45695,0,200Z\"\n fill=\"#fff\"\n />\n </mask>\n <path\n mask=\"url(#spinner-u-masks2)\"\n fill=\"#37bdfb\"\n d=\"M82,186.939v-78.089L200,57l118,51.85v78.089C318,259.002,267.686,326.402,200,343C132.314,326.402,82,259.002,82,186.939Z\"\n />\n <mask id=\"spinner-u-masks2\">\n <path\n class=\"spinning\"\n d=\"M400 200C400 310.5 310.5 400 200 400V0c110.5 0 200 89.5 200 200z\"\n fill=\"#fff\"\n />\n </mask>\n</svg>";
|
|
2178
|
+
|
|
2179
|
+
var spinnerWebsite = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 400 400\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\">\n <style>\n .spinning {\n animation: spinning-keyframes 3000ms linear infinite normal forwards;\n transform-origin: center;\n animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);\n }\n @keyframes spinning-keyframes {\n 0% {\n transform: rotate(0deg);\n }\n\n 33% {\n transform: rotate(180deg);\n }\n\n 50% {\n transform: rotate(180deg);\n }\n\n 83% {\n transform: rotate(360deg);\n }\n\n 100% {\n transform: rotate(360deg)\n }\n }\n </style>\n <path\n mask=\"url(#spinner-u-masks)\"\n fill=\"#0079e1\"\n d=\"M318 186.9V108.8L200 57 82 108.8v78.1C82 259 132.3 326.4 200 343c67.7-16.6 118-84 118-156.1zM400 200c0 110.5-89.5 200-200 200S0 310.5 0 200 89.5 0 200 0s200 89.5 200 200z\"\n />\n <mask id=\"spinner-u-masks\">\n <path\n class=\"spinning\"\n d=\"M0,200C0,89.54305,89.54305,0,200,0v400C89.54305,400,0,310.45695,0,200Z\"\n fill=\"#fff\"\n />\n </mask>\n <path\n mask=\"url(#spinner-u-masks2)\"\n fill=\"#0079e1\"\n d=\"M82,186.939v-78.089L200,57l118,51.85v78.089C318,259.002,267.686,326.402,200,343C132.314,326.402,82,259.002,82,186.939Z\"\n />\n <mask id=\"spinner-u-masks2\">\n <path\n class=\"spinning\"\n d=\"M400 200C400 310.5 310.5 400 200 400V0c110.5 0 200 89.5 200 200z\"\n fill=\"#fff\"\n />\n </mask>\n</svg>";
|
|
2180
|
+
|
|
2163
2181
|
const _excluded$6 = ["aria-hidden", "aria-label", "className", "color", "size"];
|
|
2182
|
+
const colorToFile = {
|
|
2183
|
+
default: spinnerDefault,
|
|
2184
|
+
hardenize: spinnerHardenize,
|
|
2185
|
+
'no-data': spinnerNoData,
|
|
2186
|
+
ondmarc: spinnerOndmarc,
|
|
2187
|
+
ondomain: spinnerOndomain,
|
|
2188
|
+
oninbox: spinnerOninbox,
|
|
2189
|
+
question: spinnerQuestion,
|
|
2190
|
+
tools: spinnerTools,
|
|
2191
|
+
website: spinnerWebsite
|
|
2192
|
+
};
|
|
2164
2193
|
const COMPONENT_NAME$6 = 'RedSiftSpinner';
|
|
2165
2194
|
const CLASSNAME$6 = 'redsift-shield';
|
|
2166
2195
|
const DEFAULT_PROPS$5 = {
|
|
@@ -2197,7 +2226,6 @@ const sizeToDimension$3 = size => {
|
|
|
2197
2226
|
* The Spinner component.
|
|
2198
2227
|
*/
|
|
2199
2228
|
const Spinner = /*#__PURE__*/forwardRef((props, ref) => {
|
|
2200
|
-
const [iconSrc, setIconSrc] = useState('');
|
|
2201
2229
|
const {
|
|
2202
2230
|
'aria-hidden': ariaHidden,
|
|
2203
2231
|
'aria-label': ariaLabel,
|
|
@@ -2210,11 +2238,6 @@ const Spinner = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
2210
2238
|
width,
|
|
2211
2239
|
height
|
|
2212
2240
|
} = sizeToDimension$3(size);
|
|
2213
|
-
useEffect(() => {
|
|
2214
|
-
import(`./images/spinner-${color}.svg`).then(module => {
|
|
2215
|
-
setIconSrc(module.default);
|
|
2216
|
-
});
|
|
2217
|
-
}, [color]);
|
|
2218
2241
|
return /*#__PURE__*/React.createElement(StyledSpinner, _extends({
|
|
2219
2242
|
alt: "Loading..."
|
|
2220
2243
|
}, forwardedProps, {
|
|
@@ -2223,7 +2246,7 @@ const Spinner = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
2223
2246
|
className: classNames(Spinner.className, className),
|
|
2224
2247
|
height: height,
|
|
2225
2248
|
ref: ref,
|
|
2226
|
-
src:
|
|
2249
|
+
src: colorToFile[color],
|
|
2227
2250
|
width: width,
|
|
2228
2251
|
$color: color,
|
|
2229
2252
|
$size: size
|