@hh.ru/magritte-ui-loader 4.1.4 → 4.1.6
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/Loader.d.ts +1 -1
- package/Loader.js +55 -35
- package/Loader.js.map +1 -1
- package/defaultProps.d.ts +1 -1
- package/defaultProps.js +1 -6
- package/defaultProps.js.map +1 -1
- package/index.css +19 -19
- package/index.d.ts +3 -3
- package/index.mock.d.ts +1 -1
- package/index.mock.js +1 -1
- package/index.mock.js.map +1 -1
- package/package.json +4 -4
package/Loader.d.ts
CHANGED
package/Loader.js
CHANGED
|
@@ -5,48 +5,68 @@ import { LoaderOutlinedSize16, LoaderOutlinedSize24, LoaderOutlinedSize32, Loade
|
|
|
5
5
|
import { useLoaderDefaultProps } from './defaultProps.js';
|
|
6
6
|
import '@hh.ru/magritte-internal-default-props-context';
|
|
7
7
|
|
|
8
|
-
var styles = {"loader":"magritte-loader___GSe1a_4-1-
|
|
8
|
+
var styles = {"loader":"magritte-loader___GSe1a_4-1-6","loader-color-override":"magritte-loader-color-override___-ttHq_4-1-6","loaderColorOverride":"magritte-loader-color-override___-ttHq_4-1-6","stars":"magritte-stars___NlDEc_4-1-6","star-1-position-animation":"magritte-star-1-position-animation___YJawa_4-1-6","star1PositionAnimation":"magritte-star-1-position-animation___YJawa_4-1-6","star-1-scale-animation":"magritte-star-1-scale-animation___s3pjV_4-1-6","star1ScaleAnimation":"magritte-star-1-scale-animation___s3pjV_4-1-6","star-2-position-animation":"magritte-star-2-position-animation___a7b4H_4-1-6","star2PositionAnimation":"magritte-star-2-position-animation___a7b4H_4-1-6","star-2-scale-animation":"magritte-star-2-scale-animation___EFKyj_4-1-6","star2ScaleAnimation":"magritte-star-2-scale-animation___EFKyj_4-1-6"};
|
|
9
9
|
|
|
10
10
|
const ICON_BY_SIZE = {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
11
|
+
default: {
|
|
12
|
+
16: LoaderOutlinedSize16,
|
|
13
|
+
24: LoaderOutlinedSize24,
|
|
14
|
+
32: LoaderOutlinedSize32,
|
|
15
|
+
48: LoaderOutlinedSize48,
|
|
16
|
+
64: LoaderOutlinedSize64,
|
|
17
|
+
96: LoaderOutlinedSize96
|
|
18
|
+
},
|
|
19
|
+
hyperstar: {
|
|
20
|
+
16: HyperstarFilledSize16,
|
|
21
|
+
24: HyperstarFilledSize24,
|
|
22
|
+
32: HyperstarFilledSize32,
|
|
23
|
+
48: HyperstarFilledSize48,
|
|
24
|
+
64: HyperstarFilledSize64,
|
|
25
|
+
96: HyperstarFilledSize96
|
|
26
|
+
}
|
|
27
27
|
};
|
|
28
28
|
const ICON_COLOR = {
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
default: "accent",
|
|
30
|
+
hyperstar: "tertiary"
|
|
31
31
|
};
|
|
32
32
|
const Loader = (props) => {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
return null;
|
|
38
|
-
}
|
|
39
|
-
const iconProps = {
|
|
40
|
-
'aria-label': ariaLabel,
|
|
41
|
-
initialColor: color ?? ICON_COLOR[mode],
|
|
42
|
-
};
|
|
43
|
-
if (mode === 'default') {
|
|
44
|
-
return (jsx("span", { className: classNames(styles.loader, { [styles.loaderColorOverride]: !color }), role: "status", "data-qa": "magritte-loader", children: jsx(Element, { ...iconProps, loading: true }) }));
|
|
45
|
-
}
|
|
46
|
-
if (mode === 'hyperstar') {
|
|
47
|
-
return (jsxs("span", { className: classNames(styles.stars, { [styles.loaderColorOverride]: !color }), role: "status", "data-qa": "magritte-loader", style: { width: size, height: size }, children: [jsx("span", { className: styles.star1PositionAnimation, children: jsx("span", { className: styles.star1ScaleAnimation, children: jsx(Element, { ...iconProps }) }) }), jsx("span", { className: styles.star2PositionAnimation, children: jsx("span", { className: styles.star2ScaleAnimation, children: jsx(Element, { ...iconProps }) }) })] }));
|
|
48
|
-
}
|
|
33
|
+
const defaultProps = useLoaderDefaultProps();
|
|
34
|
+
const { size = 16, "aria-label": ariaLabel = "loading", color, mode = "default" } = { ...defaultProps, ...props };
|
|
35
|
+
const Element = ICON_BY_SIZE[mode][size];
|
|
36
|
+
if (!Element) {
|
|
49
37
|
return null;
|
|
38
|
+
}
|
|
39
|
+
const iconProps = {
|
|
40
|
+
"aria-label": ariaLabel,
|
|
41
|
+
initialColor: color ?? ICON_COLOR[mode]
|
|
42
|
+
};
|
|
43
|
+
if (mode === "default") {
|
|
44
|
+
return /* @__PURE__ */ jsx(
|
|
45
|
+
"span",
|
|
46
|
+
{
|
|
47
|
+
className: classNames(styles.loader, { [styles.loaderColorOverride]: !color }),
|
|
48
|
+
role: "status",
|
|
49
|
+
"data-qa": "magritte-loader",
|
|
50
|
+
children: /* @__PURE__ */ jsx(Element, { ...iconProps, loading: true })
|
|
51
|
+
}
|
|
52
|
+
);
|
|
53
|
+
}
|
|
54
|
+
if (mode === "hyperstar") {
|
|
55
|
+
return /* @__PURE__ */ jsxs(
|
|
56
|
+
"span",
|
|
57
|
+
{
|
|
58
|
+
className: classNames(styles.stars, { [styles.loaderColorOverride]: !color }),
|
|
59
|
+
role: "status",
|
|
60
|
+
"data-qa": "magritte-loader",
|
|
61
|
+
style: { width: size, height: size },
|
|
62
|
+
children: [
|
|
63
|
+
/* @__PURE__ */ jsx("span", { className: styles.star1PositionAnimation, children: /* @__PURE__ */ jsx("span", { className: styles.star1ScaleAnimation, children: /* @__PURE__ */ jsx(Element, { ...iconProps }) }) }),
|
|
64
|
+
/* @__PURE__ */ jsx("span", { className: styles.star2PositionAnimation, children: /* @__PURE__ */ jsx("span", { className: styles.star2ScaleAnimation, children: /* @__PURE__ */ jsx(Element, { ...iconProps }) }) })
|
|
65
|
+
]
|
|
66
|
+
}
|
|
67
|
+
);
|
|
68
|
+
}
|
|
69
|
+
return null;
|
|
50
70
|
};
|
|
51
71
|
|
|
52
72
|
export { Loader };
|
package/Loader.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.js","sources":["src/Loader.tsx"],"sourcesContent":["import { FC } from 'react';\nimport classNames from 'classnames';\n\nimport { IconWrapperComponent } from '@hh.ru/magritte-ui-icon';\nimport {\n type IconColor,\n HyperstarFilledSize16,\n HyperstarFilledSize24,\n HyperstarFilledSize32,\n HyperstarFilledSize48,\n HyperstarFilledSize64,\n HyperstarFilledSize96,\n LoaderOutlinedSize16,\n LoaderOutlinedSize24,\n LoaderOutlinedSize32,\n LoaderOutlinedSize48,\n LoaderOutlinedSize64,\n LoaderOutlinedSize96,\n} from '@hh.ru/magritte-ui-icon/icon';\nimport { useLoaderDefaultProps } from '@hh.ru/magritte-ui-loader/defaultProps';\nimport { type LoaderSize, type LoaderProps } from '@hh.ru/magritte-ui-loader/types';\n\nimport styles from './loader.less';\n\nconst ICON_BY_SIZE: Record<Required<LoaderProps>['mode'], Record<LoaderSize, IconWrapperComponent>> = {\n default: {\n 16: LoaderOutlinedSize16,\n 24: LoaderOutlinedSize24,\n 32: LoaderOutlinedSize32,\n 48: LoaderOutlinedSize48,\n 64: LoaderOutlinedSize64,\n 96: LoaderOutlinedSize96,\n },\n hyperstar: {\n 16: HyperstarFilledSize16,\n 24: HyperstarFilledSize24,\n 32: HyperstarFilledSize32,\n 48: HyperstarFilledSize48,\n 64: HyperstarFilledSize64,\n 96: HyperstarFilledSize96,\n },\n};\n\nconst ICON_COLOR: Record<Required<LoaderProps>['mode'], IconColor> = {\n default: 'accent',\n hyperstar: 'tertiary',\n};\n\nexport const Loader: FC<LoaderProps> = (props) => {\n const defaultProps = useLoaderDefaultProps();\n const { size = 16, 'aria-label': ariaLabel = 'loading', color, mode = 'default' } = { ...defaultProps, ...props };\n\n const Element = ICON_BY_SIZE[mode][size];\n if (!Element) {\n return null;\n }\n\n const iconProps = {\n 'aria-label': ariaLabel,\n initialColor: color ?? ICON_COLOR[mode],\n };\n\n if (mode === 'default') {\n return (\n <span\n className={classNames(styles.loader, { [styles.loaderColorOverride]: !color })}\n role=\"status\"\n data-qa=\"magritte-loader\"\n >\n <Element {...iconProps} loading />\n </span>\n );\n }\n\n if (mode === 'hyperstar') {\n return (\n <span\n className={classNames(styles.stars, { [styles.loaderColorOverride]: !color })}\n role=\"status\"\n data-qa=\"magritte-loader\"\n style={{ width: size, height: size }}\n >\n <span className={styles.star1PositionAnimation}>\n <span className={styles.star1ScaleAnimation}>\n <Element {...iconProps} />\n </span>\n </span>\n <span className={styles.star2PositionAnimation}>\n <span className={styles.star2ScaleAnimation}>\n <Element {...iconProps} />\n </span>\n </span>\n </span>\n );\n }\n\n return null;\n};\n"],"names":[
|
|
1
|
+
{"version":3,"file":"Loader.js","sources":["src/Loader.tsx"],"sourcesContent":["import { FC } from 'react';\nimport classNames from 'classnames';\n\nimport { IconWrapperComponent } from '@hh.ru/magritte-ui-icon';\nimport {\n type IconColor,\n HyperstarFilledSize16,\n HyperstarFilledSize24,\n HyperstarFilledSize32,\n HyperstarFilledSize48,\n HyperstarFilledSize64,\n HyperstarFilledSize96,\n LoaderOutlinedSize16,\n LoaderOutlinedSize24,\n LoaderOutlinedSize32,\n LoaderOutlinedSize48,\n LoaderOutlinedSize64,\n LoaderOutlinedSize96,\n} from '@hh.ru/magritte-ui-icon/icon';\nimport { useLoaderDefaultProps } from '@hh.ru/magritte-ui-loader/defaultProps';\nimport { type LoaderSize, type LoaderProps } from '@hh.ru/magritte-ui-loader/types';\n\nimport styles from './loader.less';\n\nconst ICON_BY_SIZE: Record<Required<LoaderProps>['mode'], Record<LoaderSize, IconWrapperComponent>> = {\n default: {\n 16: LoaderOutlinedSize16,\n 24: LoaderOutlinedSize24,\n 32: LoaderOutlinedSize32,\n 48: LoaderOutlinedSize48,\n 64: LoaderOutlinedSize64,\n 96: LoaderOutlinedSize96,\n },\n hyperstar: {\n 16: HyperstarFilledSize16,\n 24: HyperstarFilledSize24,\n 32: HyperstarFilledSize32,\n 48: HyperstarFilledSize48,\n 64: HyperstarFilledSize64,\n 96: HyperstarFilledSize96,\n },\n};\n\nconst ICON_COLOR: Record<Required<LoaderProps>['mode'], IconColor> = {\n default: 'accent',\n hyperstar: 'tertiary',\n};\n\nexport const Loader: FC<LoaderProps> = (props) => {\n const defaultProps = useLoaderDefaultProps();\n const { size = 16, 'aria-label': ariaLabel = 'loading', color, mode = 'default' } = { ...defaultProps, ...props };\n\n const Element = ICON_BY_SIZE[mode][size];\n if (!Element) {\n return null;\n }\n\n const iconProps = {\n 'aria-label': ariaLabel,\n initialColor: color ?? ICON_COLOR[mode],\n };\n\n if (mode === 'default') {\n return (\n <span\n className={classNames(styles.loader, { [styles.loaderColorOverride]: !color })}\n role=\"status\"\n data-qa=\"magritte-loader\"\n >\n <Element {...iconProps} loading />\n </span>\n );\n }\n\n if (mode === 'hyperstar') {\n return (\n <span\n className={classNames(styles.stars, { [styles.loaderColorOverride]: !color })}\n role=\"status\"\n data-qa=\"magritte-loader\"\n style={{ width: size, height: size }}\n >\n <span className={styles.star1PositionAnimation}>\n <span className={styles.star1ScaleAnimation}>\n <Element {...iconProps} />\n </span>\n </span>\n <span className={styles.star2PositionAnimation}>\n <span className={styles.star2ScaleAnimation}>\n <Element {...iconProps} />\n </span>\n </span>\n </span>\n );\n }\n\n return null;\n};\n"],"names":[],"mappings":"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"}
|
package/defaultProps.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { LoaderProps } from '
|
|
1
|
+
import type { LoaderProps } from './types';
|
|
2
2
|
/**
|
|
3
3
|
* Провайдер дефолтных пропсов для лоадеров в поддереве.
|
|
4
4
|
* Заданные пропсы применяются ко всем лоадерам внутри как дефолтные — явные пропсы на самом лоадере побеждают.
|
package/defaultProps.js
CHANGED
|
@@ -1,13 +1,8 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
import { createDefaultPropsContext } from '@hh.ru/magritte-internal-default-props-context';
|
|
3
3
|
|
|
4
|
-
const { DefaultPropsContext, useDefaultProps } = createDefaultPropsContext(
|
|
5
|
-
/**
|
|
6
|
-
* Провайдер дефолтных пропсов для лоадеров в поддереве.
|
|
7
|
-
* Заданные пропсы применяются ко всем лоадерам внутри как дефолтные — явные пропсы на самом лоадере побеждают.
|
|
8
|
-
*/
|
|
4
|
+
const { DefaultPropsContext, useDefaultProps } = createDefaultPropsContext("Loader");
|
|
9
5
|
const LoaderDefaultPropsContext = DefaultPropsContext;
|
|
10
|
-
/** Внутренний хук чтения дефолтов лоадера из ближайшего `LoaderDefaultPropsContext`. */
|
|
11
6
|
const useLoaderDefaultProps = useDefaultProps;
|
|
12
7
|
|
|
13
8
|
export { LoaderDefaultPropsContext, useLoaderDefaultProps };
|
package/defaultProps.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sources":["src/defaultProps.ts"],"sourcesContent":["import { createDefaultPropsContext } from '@hh.ru/magritte-internal-default-props-context';\nimport type { LoaderProps } from '@hh.ru/magritte-ui-loader/types';\n\nconst { DefaultPropsContext, useDefaultProps } = createDefaultPropsContext<LoaderProps>('Loader');\n\n/**\n * Провайдер дефолтных пропсов для лоадеров в поддереве.\n * Заданные пропсы применяются ко всем лоадерам внутри как дефолтные — явные пропсы на самом лоадере побеждают.\n */\nexport const LoaderDefaultPropsContext = DefaultPropsContext;\n\n/** Внутренний хук чтения дефолтов лоадера из ближайшего `LoaderDefaultPropsContext`. */\nexport const useLoaderDefaultProps = useDefaultProps;\n"],"names":[],"mappings":";;AAGA,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"defaultProps.js","sources":["src/defaultProps.ts"],"sourcesContent":["import { createDefaultPropsContext } from '@hh.ru/magritte-internal-default-props-context';\nimport type { LoaderProps } from '@hh.ru/magritte-ui-loader/types';\n\nconst { DefaultPropsContext, useDefaultProps } = createDefaultPropsContext<LoaderProps>('Loader');\n\n/**\n * Провайдер дефолтных пропсов для лоадеров в поддереве.\n * Заданные пропсы применяются ко всем лоадерам внутри как дефолтные — явные пропсы на самом лоадере побеждают.\n */\nexport const LoaderDefaultPropsContext = DefaultPropsContext;\n\n/** Внутренний хук чтения дефолтов лоадера из ближайшего `LoaderDefaultPropsContext`. */\nexport const useLoaderDefaultProps = useDefaultProps;\n"],"names":[],"mappings":";;AAGA,MAAM,EAAE,mBAAA,EAAqB,eAAgB,EAAA,GAAI,0BAAuC,QAAQ,CAAA,CAAA;AAMzF,MAAM,yBAA4B,GAAA,oBAAA;AAGlC,MAAM,qBAAwB,GAAA;;;;"}
|
package/index.css
CHANGED
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
.magritte-loader___GSe1a_4-1-
|
|
1
|
+
.magritte-loader___GSe1a_4-1-6{
|
|
2
2
|
display:inline-flex;
|
|
3
3
|
height:max-content;
|
|
4
4
|
width:max-content;
|
|
5
5
|
}
|
|
6
|
-
.magritte-loader-color-override___-ttHq_4-1-
|
|
6
|
+
.magritte-loader-color-override___-ttHq_4-1-6{
|
|
7
7
|
--magritte-ui-icon-color-override:var(--magritte-ui-loader-color-override);
|
|
8
8
|
}
|
|
9
|
-
.magritte-stars___NlDEc_4-1-
|
|
9
|
+
.magritte-stars___NlDEc_4-1-6{
|
|
10
10
|
display:inline-block;
|
|
11
11
|
position:relative;
|
|
12
12
|
line-height:0;
|
|
13
13
|
}
|
|
14
|
-
.magritte-star-1-position-animation___YJawa_4-1-
|
|
14
|
+
.magritte-star-1-position-animation___YJawa_4-1-6{
|
|
15
15
|
position:absolute;
|
|
16
16
|
width:100%;
|
|
17
17
|
height:100%;
|
|
18
18
|
}
|
|
19
19
|
@media (prefers-reduced-motion: no-preference){
|
|
20
|
-
.magritte-star-1-position-animation___YJawa_4-1-
|
|
20
|
+
.magritte-star-1-position-animation___YJawa_4-1-6{
|
|
21
21
|
top:-50%;
|
|
22
22
|
left:-50%;
|
|
23
|
-
animation:magritte-star-1-position-animation___YJawa_4-1-
|
|
23
|
+
animation:magritte-star-1-position-animation___YJawa_4-1-6 3s linear infinite;
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
|
-
@keyframes magritte-star-1-position-animation___YJawa_4-1-
|
|
26
|
+
@keyframes magritte-star-1-position-animation___YJawa_4-1-6{
|
|
27
27
|
0%{
|
|
28
28
|
transform:translate(50%, 50%);
|
|
29
29
|
}
|
|
@@ -61,17 +61,17 @@
|
|
|
61
61
|
transform:translate(0%, 50%);
|
|
62
62
|
}
|
|
63
63
|
}
|
|
64
|
-
.magritte-star-1-scale-animation___s3pjV_4-1-
|
|
64
|
+
.magritte-star-1-scale-animation___s3pjV_4-1-6{
|
|
65
65
|
position:absolute;
|
|
66
66
|
width:100%;
|
|
67
67
|
height:100%;
|
|
68
68
|
}
|
|
69
69
|
@media (prefers-reduced-motion: no-preference){
|
|
70
|
-
.magritte-star-1-scale-animation___s3pjV_4-1-
|
|
71
|
-
animation:magritte-star-1-scale-animation___s3pjV_4-1-
|
|
70
|
+
.magritte-star-1-scale-animation___s3pjV_4-1-6{
|
|
71
|
+
animation:magritte-star-1-scale-animation___s3pjV_4-1-6 3s linear infinite;
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
|
-
@keyframes magritte-star-1-scale-animation___s3pjV_4-1-
|
|
74
|
+
@keyframes magritte-star-1-scale-animation___s3pjV_4-1-6{
|
|
75
75
|
0%{
|
|
76
76
|
scale:100%;
|
|
77
77
|
}
|
|
@@ -109,19 +109,19 @@
|
|
|
109
109
|
scale:0%;
|
|
110
110
|
}
|
|
111
111
|
}
|
|
112
|
-
.magritte-star-2-position-animation___a7b4H_4-1-
|
|
112
|
+
.magritte-star-2-position-animation___a7b4H_4-1-6{
|
|
113
113
|
position:absolute;
|
|
114
114
|
width:100%;
|
|
115
115
|
height:100%;
|
|
116
116
|
}
|
|
117
117
|
@media (prefers-reduced-motion: no-preference){
|
|
118
|
-
.magritte-star-2-position-animation___a7b4H_4-1-
|
|
118
|
+
.magritte-star-2-position-animation___a7b4H_4-1-6{
|
|
119
119
|
top:-50%;
|
|
120
120
|
left:-50%;
|
|
121
|
-
animation:magritte-star-2-position-animation___a7b4H_4-1-
|
|
121
|
+
animation:magritte-star-2-position-animation___a7b4H_4-1-6 3s linear infinite;
|
|
122
122
|
}
|
|
123
123
|
}
|
|
124
|
-
@keyframes magritte-star-2-position-animation___a7b4H_4-1-
|
|
124
|
+
@keyframes magritte-star-2-position-animation___a7b4H_4-1-6{
|
|
125
125
|
0%{
|
|
126
126
|
transform:translate(100%, 50%);
|
|
127
127
|
}
|
|
@@ -159,17 +159,17 @@
|
|
|
159
159
|
transform:translate(50%, 50%);
|
|
160
160
|
}
|
|
161
161
|
}
|
|
162
|
-
.magritte-star-2-scale-animation___EFKyj_4-1-
|
|
162
|
+
.magritte-star-2-scale-animation___EFKyj_4-1-6{
|
|
163
163
|
position:absolute;
|
|
164
164
|
width:100%;
|
|
165
165
|
height:100%;
|
|
166
166
|
}
|
|
167
167
|
@media (prefers-reduced-motion: no-preference){
|
|
168
|
-
.magritte-star-2-scale-animation___EFKyj_4-1-
|
|
169
|
-
animation:magritte-star-2-scale-animation___EFKyj_4-1-
|
|
168
|
+
.magritte-star-2-scale-animation___EFKyj_4-1-6{
|
|
169
|
+
animation:magritte-star-2-scale-animation___EFKyj_4-1-6 3s linear infinite;
|
|
170
170
|
}
|
|
171
171
|
}
|
|
172
|
-
@keyframes magritte-star-2-scale-animation___EFKyj_4-1-
|
|
172
|
+
@keyframes magritte-star-2-scale-animation___EFKyj_4-1-6{
|
|
173
173
|
0%{
|
|
174
174
|
scale:0%;
|
|
175
175
|
}
|
package/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { type LoaderSize, type LoaderProps } from '
|
|
2
|
-
export { LoaderDefaultPropsContext } from '
|
|
3
|
-
export * from '
|
|
1
|
+
export { type LoaderSize, type LoaderProps } from './types';
|
|
2
|
+
export { LoaderDefaultPropsContext } from './defaultProps';
|
|
3
|
+
export * from './Loader';
|
package/index.mock.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ForwardRefExoticComponent } from 'react';
|
|
2
2
|
export declare const Loader: ForwardRefExoticComponent<Record<string, unknown>>;
|
|
3
|
-
export { LoaderDefaultPropsContext } from '
|
|
3
|
+
export { LoaderDefaultPropsContext } from './defaultProps';
|
package/index.mock.js
CHANGED
|
@@ -3,7 +3,7 @@ import { mockComponent } from '@hh.ru/magritte-ui-mock-component';
|
|
|
3
3
|
export { LoaderDefaultPropsContext } from './defaultProps.js';
|
|
4
4
|
import '@hh.ru/magritte-internal-default-props-context';
|
|
5
5
|
|
|
6
|
-
const Loader = mockComponent(
|
|
6
|
+
const Loader = mockComponent("Loader");
|
|
7
7
|
|
|
8
8
|
export { Loader };
|
|
9
9
|
//# sourceMappingURL=index.mock.js.map
|
package/index.mock.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mock.js","sources":["src/index.mock.ts"],"sourcesContent":["import { ForwardRefExoticComponent } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport const Loader: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent('Loader');\n\nexport { LoaderDefaultPropsContext } from '@hh.ru/magritte-ui-loader/defaultProps';\n"],"names":[],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"index.mock.js","sources":["src/index.mock.ts"],"sourcesContent":["import { ForwardRefExoticComponent } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport const Loader: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent('Loader');\n\nexport { LoaderDefaultPropsContext } from '@hh.ru/magritte-ui-loader/defaultProps';\n"],"names":[],"mappings":";;;;AAIa,MAAA,MAAA,GAA6D,cAAc,QAAQ;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hh.ru/magritte-ui-loader",
|
|
3
|
-
"version": "4.1.
|
|
3
|
+
"version": "4.1.6",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"types": "index.d.ts",
|
|
6
6
|
"sideEffects": [
|
|
@@ -23,9 +23,9 @@
|
|
|
23
23
|
"figma-snapshot-update": "yarn root:figma-snapshot $(pwd) --update"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@hh.ru/magritte-design-tokens": "
|
|
26
|
+
"@hh.ru/magritte-design-tokens": "26.0.1",
|
|
27
27
|
"@hh.ru/magritte-internal-default-props-context": "1.0.3",
|
|
28
|
-
"@hh.ru/magritte-ui-icon": "15.1.
|
|
28
|
+
"@hh.ru/magritte-ui-icon": "15.1.5",
|
|
29
29
|
"@hh.ru/magritte-ui-mock-component": "1.1.8"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
@@ -35,5 +35,5 @@
|
|
|
35
35
|
"publishConfig": {
|
|
36
36
|
"access": "public"
|
|
37
37
|
},
|
|
38
|
-
"gitHead": "
|
|
38
|
+
"gitHead": "f6539d7a0e7cd42dd851458db1de04a748bbee03"
|
|
39
39
|
}
|