@salutejs/plasma-new-hope 0.142.0-canary.1424.10791681494.0 → 0.142.0-canary.1428.10806066547.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/_virtual/_rollupPluginBabelHelpers.js +4 -0
- package/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/cjs/components/Badge/Badge.css +0 -2
- package/cjs/components/Badge/Badge.js +3 -12
- package/cjs/components/Badge/Badge.js.map +1 -1
- package/cjs/components/Badge/Badge.tokens.js +1 -3
- package/cjs/components/Badge/Badge.tokens.js.map +1 -1
- package/cjs/components/Calendar/Calendar.types.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/cjs/components/Calendar/hooks/useMonths.js +6 -4
- package/cjs/components/Calendar/hooks/useMonths.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -2
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -3
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/cjs/components/Calendar/utils/calendarGridHelper.js +1 -1
- package/cjs/components/Calendar/utils/calendarGridHelper.js.map +1 -1
- package/cjs/components/Calendar/utils/constants.js +64 -3
- package/cjs/components/Calendar/utils/constants.js.map +1 -1
- package/cjs/index.css +0 -2
- package/emotion/cjs/components/Badge/Badge.js +3 -12
- package/emotion/cjs/components/Badge/Badge.template-doc.mdx +28 -19
- package/emotion/cjs/components/Badge/Badge.tokens.js +1 -3
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/emotion/cjs/components/Calendar/hooks/useMonths.js +6 -4
- package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -2
- package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -3
- package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/emotion/cjs/components/Calendar/utils/calendarGridHelper.js +1 -1
- package/emotion/cjs/components/Calendar/utils/constants.js +68 -4
- package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +12 -15
- package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +6 -38
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +9 -1
- package/emotion/cjs/examples/plasma_web/components/Badge/Badge.config.js +12 -15
- package/emotion/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +6 -39
- package/emotion/es/components/Badge/Badge.js +3 -12
- package/emotion/es/components/Badge/Badge.template-doc.mdx +28 -19
- package/emotion/es/components/Badge/Badge.tokens.js +1 -3
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/emotion/es/components/Calendar/hooks/useMonths.js +6 -4
- package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -2
- package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -3
- package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/emotion/es/components/Calendar/utils/calendarGridHelper.js +2 -2
- package/emotion/es/components/Calendar/utils/constants.js +67 -3
- package/emotion/es/examples/plasma_b2c/components/Badge/Badge.config.js +12 -15
- package/emotion/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +6 -38
- package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +9 -1
- package/emotion/es/examples/plasma_web/components/Badge/Badge.config.js +12 -15
- package/emotion/es/examples/plasma_web/components/Badge/Badge.stories.tsx +6 -39
- package/es/_virtual/_rollupPluginBabelHelpers.js +4 -1
- package/es/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/es/components/Badge/Badge.css +0 -2
- package/es/components/Badge/Badge.js +3 -12
- package/es/components/Badge/Badge.js.map +1 -1
- package/es/components/Badge/Badge.tokens.js +1 -3
- package/es/components/Badge/Badge.tokens.js.map +1 -1
- package/es/components/Calendar/Calendar.types.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/es/components/Calendar/hooks/useMonths.js +6 -4
- package/es/components/Calendar/hooks/useMonths.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -2
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -3
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/es/components/Calendar/utils/calendarGridHelper.js +2 -2
- package/es/components/Calendar/utils/calendarGridHelper.js.map +1 -1
- package/es/components/Calendar/utils/constants.js +64 -4
- package/es/components/Calendar/utils/constants.js.map +1 -1
- package/es/index.css +0 -2
- package/package.json +2 -2
- package/styled-components/cjs/components/Badge/Badge.js +3 -12
- package/styled-components/cjs/components/Badge/Badge.template-doc.mdx +28 -19
- package/styled-components/cjs/components/Badge/Badge.tokens.js +1 -3
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/styled-components/cjs/components/Calendar/hooks/useMonths.js +6 -4
- package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -2
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -3
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/styled-components/cjs/components/Calendar/utils/calendarGridHelper.js +1 -1
- package/styled-components/cjs/components/Calendar/utils/constants.js +68 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +7 -10
- package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +6 -38
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +9 -1
- package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.config.js +7 -10
- package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +6 -39
- package/styled-components/es/components/Badge/Badge.js +3 -12
- package/styled-components/es/components/Badge/Badge.template-doc.mdx +28 -19
- package/styled-components/es/components/Badge/Badge.tokens.js +1 -3
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/styled-components/es/components/Calendar/hooks/useMonths.js +6 -4
- package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -2
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -3
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/styled-components/es/components/Calendar/utils/calendarGridHelper.js +2 -2
- package/styled-components/es/components/Calendar/utils/constants.js +67 -3
- package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.config.js +7 -10
- package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +6 -38
- package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +9 -1
- package/styled-components/es/examples/plasma_web/components/Badge/Badge.config.js +7 -10
- package/styled-components/es/examples/plasma_web/components/Badge/Badge.stories.tsx +6 -39
- package/types/components/Badge/Badge.d.ts +23 -7
- package/types/components/Badge/Badge.d.ts.map +1 -1
- package/types/components/Badge/Badge.tokens.d.ts +0 -2
- package/types/components/Badge/Badge.tokens.d.ts.map +1 -1
- package/types/components/Badge/Badge.types.d.ts +13 -52
- package/types/components/Badge/Badge.types.d.ts.map +1 -1
- package/types/components/Calendar/Calendar.types.d.ts +5 -0
- package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
- package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
- package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
- package/types/components/Calendar/hooks/types.d.ts +2 -1
- package/types/components/Calendar/hooks/types.d.ts.map +1 -1
- package/types/components/Calendar/hooks/useMonths.d.ts +1 -1
- package/types/components/Calendar/hooks/useMonths.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts +2 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts +2 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.types.d.ts +2 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.types.d.ts.map +1 -1
- package/types/components/Calendar/utils/calendarGridHelper.d.ts.map +1 -1
- package/types/components/Calendar/utils/constants.d.ts +8 -5
- package/types/components/Calendar/utils/constants.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts +0 -3
- package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Badge/Badge.d.ts +3 -32
- package/types/examples/plasma_b2c/components/Badge/Badge.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Badge/Badge.config.d.ts +0 -3
- package/types/examples/plasma_web/components/Badge/Badge.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Badge/Badge.d.ts +3 -32
- package/types/examples/plasma_web/components/Badge/Badge.d.ts.map +1 -1
- package/cjs/components/Badge/variations/_clear/base.js +0 -9
- package/cjs/components/Badge/variations/_clear/base.js.map +0 -1
- package/cjs/components/Badge/variations/_clear/base_oopyb7.css +0 -1
- package/emotion/cjs/components/Badge/variations/_clear/base.js +0 -9
- package/emotion/cjs/components/Badge/variations/_clear/tokens.json +0 -1
- package/emotion/es/components/Badge/variations/_clear/base.js +0 -3
- package/emotion/es/components/Badge/variations/_clear/tokens.json +0 -1
- package/es/components/Badge/variations/_clear/base.js +0 -5
- package/es/components/Badge/variations/_clear/base.js.map +0 -1
- package/es/components/Badge/variations/_clear/base_oopyb7.css +0 -1
- package/styled-components/cjs/components/Badge/variations/_clear/base.js +0 -9
- package/styled-components/cjs/components/Badge/variations/_clear/tokens.json +0 -1
- package/styled-components/es/components/Badge/variations/_clear/base.js +0 -3
- package/styled-components/es/components/Badge/variations/_clear/tokens.json +0 -1
- package/types/components/Badge/variations/_clear/base.d.ts +0 -2
- package/types/components/Badge/variations/_clear/base.d.ts.map +0 -1
@@ -1,4 +1,4 @@
|
|
1
|
-
import React
|
1
|
+
import React from 'react';
|
2
2
|
import { disableProps } from '@salutejs/plasma-sb-utils';
|
3
3
|
import type { StoryObj, Meta } from '@storybook/react';
|
4
4
|
|
@@ -8,7 +8,6 @@ import { Badge } from './Badge';
|
|
8
8
|
|
9
9
|
const meta: Meta<typeof Badge> = {
|
10
10
|
title: 'plasma_web/Badge',
|
11
|
-
component: Badge,
|
12
11
|
decorators: [WithTheme],
|
13
12
|
argTypes: {
|
14
13
|
size: {
|
@@ -23,25 +22,13 @@ const meta: Meta<typeof Badge> = {
|
|
23
22
|
type: 'select',
|
24
23
|
},
|
25
24
|
},
|
26
|
-
pilled: {
|
27
|
-
control: { type: 'boolean' },
|
28
|
-
if: { arg: 'clear', truthy: false },
|
29
|
-
},
|
30
|
-
transparent: {
|
31
|
-
control: { type: 'boolean' },
|
32
|
-
if: { arg: 'clear', truthy: false },
|
33
|
-
},
|
34
25
|
...disableProps(['contentLeft', 'contentRight']),
|
35
26
|
},
|
36
27
|
};
|
37
28
|
|
38
29
|
export default meta;
|
39
30
|
|
40
|
-
type
|
41
|
-
enableContentLeft: boolean;
|
42
|
-
enableContentRight: boolean;
|
43
|
-
};
|
44
|
-
type Story = StoryObj<StoryProps>;
|
31
|
+
type Story = StoryObj<typeof Badge>;
|
45
32
|
|
46
33
|
const BellIcon = (props) => (
|
47
34
|
<svg width="100%" viewBox="0 0 24 24" fill="none" {...props}>
|
@@ -53,36 +40,16 @@ const BellIcon = (props) => (
|
|
53
40
|
);
|
54
41
|
|
55
42
|
export const Default: Story = {
|
56
|
-
argTypes: {
|
57
|
-
enableContentLeft: {
|
58
|
-
control: { type: 'boolean' },
|
59
|
-
if: { arg: 'enableContentRight', truthy: false },
|
60
|
-
},
|
61
|
-
enableContentRight: {
|
62
|
-
control: { type: 'boolean' },
|
63
|
-
if: { arg: 'enableContentLeft', truthy: false },
|
64
|
-
},
|
65
|
-
},
|
66
43
|
args: {
|
67
44
|
text: 'Hello',
|
68
45
|
view: 'default',
|
69
46
|
size: 'm',
|
70
|
-
enableContentLeft: false,
|
71
|
-
enableContentRight: false,
|
72
|
-
clear: false,
|
73
47
|
pilled: false,
|
74
48
|
transparent: false,
|
75
49
|
},
|
76
|
-
|
77
|
-
const iconSize = size === 'l' ? '1rem' : '0.75rem';
|
50
|
+
};
|
78
51
|
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
contentRight={enableContentRight ? <BellIcon width={iconSize} height={iconSize} /> : undefined}
|
83
|
-
size={size}
|
84
|
-
{...rest}
|
85
|
-
/>
|
86
|
-
);
|
87
|
-
},
|
52
|
+
export const WithIcon: Story = {
|
53
|
+
args: { ...Default.args },
|
54
|
+
render: (args) => <Badge contentLeft={<BellIcon width="1rem" height="1rem" />} {...args} />,
|
88
55
|
};
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["children", "className", "text", "contentLeft", "contentRight", "size", "view", "pilled", "transparent"
|
1
|
+
var _excluded = ["children", "className", "text", "contentLeft", "contentRight", "size", "view", "pilled", "transparent"];
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
4
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
@@ -8,7 +8,6 @@ import { base as viewCSS } from './variations/_view/base';
|
|
8
8
|
import { base as sizeCSS } from './variations/_size/base';
|
9
9
|
import { base as pilledCSS } from './variations/_pilled/base';
|
10
10
|
import { base as transparentCSS } from './variations/_transparent/base';
|
11
|
-
import { base as clearCSS } from './variations/_clear/base';
|
12
11
|
import { StyledContentLeft, StyledContentMain, StyledContentRight, base } from './Badge.styles';
|
13
12
|
import { classes } from './Badge.tokens';
|
14
13
|
export var badgeRoot = function badgeRoot(Root) {
|
@@ -24,21 +23,17 @@ export var badgeRoot = function badgeRoot(Root) {
|
|
24
23
|
pilled = _props$pilled === void 0 ? false : _props$pilled,
|
25
24
|
_props$transparent = props.transparent,
|
26
25
|
transparent = _props$transparent === void 0 ? false : _props$transparent,
|
27
|
-
_props$clear = props.clear,
|
28
|
-
clear = _props$clear === void 0 ? false : _props$clear,
|
29
26
|
rest = _objectWithoutProperties(props, _excluded);
|
30
27
|
var pilledClass = pilled ? classes.badgePilled : undefined;
|
31
28
|
var transparentClass = transparent ? classes.badgeTransparent : undefined;
|
32
|
-
var clearClass = clear ? classes.badgeClear : undefined;
|
33
29
|
var txt = !text && typeof children === 'string' ? children : text;
|
34
30
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
35
31
|
ref: ref,
|
36
|
-
className: cx(pilledClass, transparentClass,
|
32
|
+
className: cx(pilledClass, transparentClass, className),
|
37
33
|
view: view,
|
38
34
|
size: size,
|
39
35
|
pilled: pilled,
|
40
|
-
transparent: transparent
|
41
|
-
clear: clear
|
36
|
+
transparent: transparent
|
42
37
|
}, rest), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/React.createElement(StyledContentMain, null, txt) : children, contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight));
|
43
38
|
});
|
44
39
|
};
|
@@ -61,10 +56,6 @@ export var badgeConfig = {
|
|
61
56
|
transparent: {
|
62
57
|
css: transparentCSS,
|
63
58
|
attrs: true
|
64
|
-
},
|
65
|
-
clear: {
|
66
|
-
css: clearCSS,
|
67
|
-
attrs: true
|
68
59
|
}
|
69
60
|
},
|
70
61
|
defaults: {
|
@@ -60,32 +60,41 @@ export function App() {
|
|
60
60
|
+ `"dark"` – темный badge;
|
61
61
|
+ `"light"` – светлый badge.
|
62
62
|
|
63
|
-
Так же на вид badge влияет свойства `transparent` и `clear`.
|
64
|
-
|
65
63
|
```tsx live
|
66
64
|
import React from 'react';
|
67
65
|
import { Badge } from '@salutejs/{{ package }}';
|
68
66
|
|
69
67
|
export function App() {
|
70
|
-
|
71
|
-
|
72
|
-
<
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
68
|
+
return (
|
69
|
+
<div>
|
70
|
+
<Badge text="Бейдж" size="l" view="primary" />
|
71
|
+
<Badge text="Бейдж" size="l" view="accent" />
|
72
|
+
<Badge text="Бейдж" size="l" view="positive" />
|
73
|
+
<Badge text="Бейдж" size="l" view="warning" />
|
74
|
+
<Badge text="Бейдж" size="l" view="negative" />
|
75
|
+
<Badge text="Бейдж" size="l" view="dark" />
|
76
|
+
<Badge text="Бейдж" size="l" view="light" />
|
77
|
+
</div>
|
78
|
+
);
|
79
|
+
}
|
80
|
+
```
|
83
81
|
|
82
|
+
Так же на вид badge влияет свойство `transparent`:
|
83
|
+
|
84
|
+
```tsx live
|
85
|
+
import React from 'react';
|
86
|
+
import { Badge } from '@salutejs/{{ package }}';
|
87
|
+
|
88
|
+
export function App() {
|
84
89
|
return (
|
85
|
-
<div
|
86
|
-
<
|
87
|
-
<
|
88
|
-
<
|
90
|
+
<div>
|
91
|
+
<Badge text="Бейдж" size="l" view="primary" transparent />
|
92
|
+
<Badge text="Бейдж" size="l" view="accent" transparent />
|
93
|
+
<Badge text="Бейдж" size="l" view="positive" transparent />
|
94
|
+
<Badge text="Бейдж" size="l" view="warning" transparent />
|
95
|
+
<Badge text="Бейдж" size="l" view="negative" transparent />
|
96
|
+
<Badge text="Бейдж" size="l" view="dark" transparent />
|
97
|
+
<Badge text="Бейдж" size="l" view="light" transparent />
|
89
98
|
</div>
|
90
99
|
);
|
91
100
|
}
|
@@ -1,14 +1,12 @@
|
|
1
1
|
export var classes = {
|
2
2
|
badgePilled: 'badge-pilled',
|
3
|
-
badgeTransparent: 'badge-transparent'
|
4
|
-
badgeClear: 'badge-clear'
|
3
|
+
badgeTransparent: 'badge-transparent'
|
5
4
|
};
|
6
5
|
export var tokens = {
|
7
6
|
background: '--plasma-badge-background',
|
8
7
|
color: '--plasma-badge-color',
|
9
8
|
backgroundTransparent: '--plasma-badge-background-transparent',
|
10
9
|
colorTransparent: '--plasma-badge-color-transparent',
|
11
|
-
colorClear: '--plasma-badge-color-clear',
|
12
10
|
borderRadius: '--plasma-badge-border-radius',
|
13
11
|
pilledBorderRadius: '--plasma-badge-pilled-border-radius',
|
14
12
|
height: '--plasma-badge-height',
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue"];
|
1
|
+
var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue", "local"];
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
4
4
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
@@ -37,6 +37,8 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
|
|
37
37
|
eventYearList = _ref.eventYearList,
|
38
38
|
disabledYearList = _ref.disabledYearList,
|
39
39
|
onChangeValue = _ref.onChangeValue,
|
40
|
+
_ref$local = _ref.local,
|
41
|
+
local = _ref$local === void 0 ? 'ru' : _ref$local,
|
40
42
|
rest = _objectWithoutProperties(_ref, _excluded);
|
41
43
|
var _useMemo = useMemo(function () {
|
42
44
|
return Array.isArray(externalValue) ? externalValue : [externalValue];
|
@@ -151,7 +153,8 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
|
|
151
153
|
type: calendarState,
|
152
154
|
onPrev: handlePrev,
|
153
155
|
onNext: handleNext,
|
154
|
-
onUpdateCalendarState: handleUpdateCalendarState
|
156
|
+
onUpdateCalendarState: handleUpdateCalendarState,
|
157
|
+
local: local
|
155
158
|
}), calendarState === CalendarState.Days && /*#__PURE__*/React.createElement(CalendarDays, {
|
156
159
|
value: externalValue,
|
157
160
|
date: date,
|
@@ -166,7 +169,8 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
|
|
166
169
|
onSetSelected: onSelectIndexes,
|
167
170
|
onHoverDay: setHoveredItem,
|
168
171
|
onKeyDown: handleKeyDown,
|
169
|
-
outerRefs: outerRefs
|
172
|
+
outerRefs: outerRefs,
|
173
|
+
local: local
|
170
174
|
}), calendarState === CalendarState.Months && /*#__PURE__*/React.createElement(CalendarMonths, {
|
171
175
|
value: externalValue,
|
172
176
|
date: date,
|
@@ -180,7 +184,8 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
|
|
180
184
|
onSetSelected: onSelectIndexes,
|
181
185
|
onHoverMonth: setHoveredItem,
|
182
186
|
onKeyDown: onKeyDown,
|
183
|
-
outerRefs: outerRefs
|
187
|
+
outerRefs: outerRefs,
|
188
|
+
local: local
|
184
189
|
}), calendarState === CalendarState.Quarters && /*#__PURE__*/React.createElement(CalendarQuarters, {
|
185
190
|
value: externalValue,
|
186
191
|
date: date,
|
@@ -1,5 +1,5 @@
|
|
1
1
|
var _StyledSeparator, _StyledSeparator2, _StyledSeparator3, _StyledSeparator4;
|
2
|
-
var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue"];
|
2
|
+
var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue", "local"];
|
3
3
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
4
4
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
5
5
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
@@ -38,6 +38,8 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
|
|
38
38
|
eventYearList = _ref.eventYearList,
|
39
39
|
disabledYearList = _ref.disabledYearList,
|
40
40
|
onChangeValue = _ref.onChangeValue,
|
41
|
+
_ref$local = _ref.local,
|
42
|
+
local = _ref$local === void 0 ? 'ru' : _ref$local,
|
41
43
|
rest = _objectWithoutProperties(_ref, _excluded);
|
42
44
|
var _useMemo = useMemo(function () {
|
43
45
|
return Array.isArray(externalValue) ? externalValue : [externalValue];
|
@@ -211,7 +213,8 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
|
|
211
213
|
type: calendarState,
|
212
214
|
onPrev: handlePrev,
|
213
215
|
onNext: handleNext,
|
214
|
-
onUpdateCalendarState: handleUpdateCalendarState
|
216
|
+
onUpdateCalendarState: handleUpdateCalendarState,
|
217
|
+
local: local
|
215
218
|
}), /*#__PURE__*/React.createElement(StyledWrapper, null, calendarState === CalendarState.Days && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarDays, {
|
216
219
|
value: externalValue,
|
217
220
|
date: firstDate,
|
@@ -227,6 +230,7 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
|
|
227
230
|
onSetSelected: onSelectIndexes,
|
228
231
|
onKeyDown: handleKeyDown,
|
229
232
|
outerRefs: outerRefs,
|
233
|
+
local: local,
|
230
234
|
isDouble: true
|
231
235
|
}), _StyledSeparator || (_StyledSeparator = /*#__PURE__*/React.createElement(StyledSeparator, null)), /*#__PURE__*/React.createElement(CalendarDays, {
|
232
236
|
value: externalValue,
|
@@ -243,6 +247,7 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
|
|
243
247
|
onSetSelected: onSelectIndexes,
|
244
248
|
onKeyDown: handleKeyDown,
|
245
249
|
outerRefs: outerRefs,
|
250
|
+
local: local,
|
246
251
|
isDouble: true,
|
247
252
|
isSecond: true
|
248
253
|
})), calendarState === CalendarState.Months && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarMonths, {
|
@@ -259,6 +264,7 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
|
|
259
264
|
onHoverMonth: setHoveredItem,
|
260
265
|
onKeyDown: handleKeyDown,
|
261
266
|
outerRefs: outerRefs,
|
267
|
+
local: local,
|
262
268
|
isDouble: true
|
263
269
|
}), _StyledSeparator2 || (_StyledSeparator2 = /*#__PURE__*/React.createElement(StyledSeparator, null)), /*#__PURE__*/React.createElement(CalendarMonths, {
|
264
270
|
value: externalValue,
|
@@ -274,6 +280,7 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
|
|
274
280
|
onHoverMonth: setHoveredItem,
|
275
281
|
onKeyDown: handleKeyDown,
|
276
282
|
outerRefs: outerRefs,
|
283
|
+
local: local,
|
277
284
|
isDouble: true,
|
278
285
|
isSecond: true
|
279
286
|
})), calendarState === CalendarState.Quarters && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarQuarters, {
|
@@ -10,9 +10,11 @@ export var useMonths = function useMonths(_ref) {
|
|
10
10
|
eventList = _ref.eventList,
|
11
11
|
disabledList = _ref.disabledList,
|
12
12
|
min = _ref.min,
|
13
|
-
max = _ref.max
|
13
|
+
max = _ref.max,
|
14
|
+
_ref$local = _ref.local,
|
15
|
+
local = _ref$local === void 0 ? 'ru' : _ref$local;
|
14
16
|
return useMemo(function () {
|
15
|
-
var months = SHORT_MONTH_NAME.map(function (monthName, monthIndex) {
|
17
|
+
var months = SHORT_MONTH_NAME[local].map(function (monthName, monthIndex) {
|
16
18
|
return {
|
17
19
|
monthName: monthName,
|
18
20
|
monthIndex: monthIndex,
|
@@ -21,7 +23,7 @@ export var useMonths = function useMonths(_ref) {
|
|
21
23
|
return isSelectedMonth(date, monthIndex, v);
|
22
24
|
})) : isSelectedMonth(date, monthIndex, value),
|
23
25
|
inRange: Array.isArray(value) ? isDateInRange(date.year, monthIndex, 1, value) : false,
|
24
|
-
monthFullName: MONTH_NAMES[monthIndex],
|
26
|
+
monthFullName: MONTH_NAMES[local][monthIndex],
|
25
27
|
date: {
|
26
28
|
year: date.year,
|
27
29
|
monthIndex: monthIndex,
|
@@ -41,5 +43,5 @@ export var useMonths = function useMonths(_ref) {
|
|
41
43
|
return getMatrix(modifiedMonths, 3);
|
42
44
|
}
|
43
45
|
return getMatrix(months, 3);
|
44
|
-
}, [date, value, eventList, disabledList, max, min]);
|
46
|
+
}, [date, value, eventList, disabledList, max, min, local]);
|
45
47
|
};
|
@@ -34,7 +34,8 @@ export var CalendarDays = function CalendarDays(_ref) {
|
|
34
34
|
onChangeDay = _ref.onChangeDay,
|
35
35
|
onHoverDay = _ref.onHoverDay,
|
36
36
|
onSetSelected = _ref.onSetSelected,
|
37
|
-
onKeyDown = _ref.onKeyDown
|
37
|
+
onKeyDown = _ref.onKeyDown,
|
38
|
+
local = _ref.local;
|
38
39
|
var _useDays = useDays({
|
39
40
|
date: currentDate,
|
40
41
|
value: value,
|
@@ -105,7 +106,7 @@ export var CalendarDays = function CalendarDays(_ref) {
|
|
105
106
|
id: "withShift"
|
106
107
|
}, "\u0414\u043B\u044F \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0442\u043E\u043B\u044C\u043A\u043E \u043F\u043E \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u043C \u0434\u0430\u0442\u0430\u043C \u0443\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \u043A\u043B\u0430\u0432\u0438\u0448\u0443 Shift.")), /*#__PURE__*/React.createElement(StyledFlex, {
|
107
108
|
role: "row"
|
108
|
-
}, SHORT_DAY_NAMES.map(function (name) {
|
109
|
+
}, SHORT_DAY_NAMES[local].map(function (name) {
|
109
110
|
return /*#__PURE__*/React.createElement(DateStructureItem, {
|
110
111
|
role: "columnheader",
|
111
112
|
"aria-label": FULL_DAY_NAMES[name],
|
@@ -20,7 +20,8 @@ export var CalendarHeader = function CalendarHeader(_ref) {
|
|
20
20
|
isDouble = _ref.isDouble,
|
21
21
|
onPrev = _ref.onPrev,
|
22
22
|
onNext = _ref.onNext,
|
23
|
-
onUpdateCalendarState = _ref.onUpdateCalendarState
|
23
|
+
onUpdateCalendarState = _ref.onUpdateCalendarState,
|
24
|
+
local = _ref.local;
|
24
25
|
var handleCalendarState = useCallback(function () {
|
25
26
|
var newSize = isDouble ? sizeMap.Months["double"] : sizeMap.Months.single;
|
26
27
|
if (type === CalendarState.Days) {
|
@@ -35,7 +36,7 @@ export var CalendarHeader = function CalendarHeader(_ref) {
|
|
35
36
|
return '';
|
36
37
|
}
|
37
38
|
if (type === CalendarState.Days) {
|
38
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledHeaderDate, null, MONTH_NAMES[date.monthIndex]), /*#__PURE__*/React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(IconDisclosureDownFill, {
|
39
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledHeaderDate, null, MONTH_NAMES[local][date.monthIndex]), /*#__PURE__*/React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(IconDisclosureDownFill, {
|
39
40
|
color: "inherit",
|
40
41
|
size: size === 'xs' ? 'xs' : 's'
|
41
42
|
})));
|
@@ -54,7 +55,7 @@ export var CalendarHeader = function CalendarHeader(_ref) {
|
|
54
55
|
}));
|
55
56
|
}
|
56
57
|
return '';
|
57
|
-
}, [type, startYear, size]);
|
58
|
+
}, [type, startYear, size, local]);
|
58
59
|
var currentCalendarType = getCalendarType(type);
|
59
60
|
var PreviousButton = useMemo(function () {
|
60
61
|
return /*#__PURE__*/React.createElement(StyledArrow, {
|
@@ -33,14 +33,16 @@ export var CalendarMonths = function CalendarMonths(_ref) {
|
|
33
33
|
onChangeMonth = _ref.onChangeMonth,
|
34
34
|
onHoverMonth = _ref.onHoverMonth,
|
35
35
|
onSetSelected = _ref.onSetSelected,
|
36
|
-
onKeyDown = _ref.onKeyDown
|
36
|
+
onKeyDown = _ref.onKeyDown,
|
37
|
+
local = _ref.local;
|
37
38
|
var _useMonths = useMonths({
|
38
39
|
date: currentDate,
|
39
40
|
value: value,
|
40
41
|
eventList: eventList,
|
41
42
|
disabledList: disabledList,
|
42
43
|
min: min,
|
43
|
-
max: max
|
44
|
+
max: max,
|
45
|
+
local: local
|
44
46
|
}),
|
45
47
|
_useMonths2 = _slicedToArray(_useMonths, 2),
|
46
48
|
months = _useMonths2[0],
|
@@ -9,7 +9,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
9
9
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
10
10
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
11
11
|
import { isSelectProcess } from './calendarRangeHelper';
|
12
|
-
import {
|
12
|
+
import { MONTHS, YEAR_RENDER_COUNT } from './constants';
|
13
13
|
export var getDaysInMonth = function getDaysInMonth(monthIndex, year) {
|
14
14
|
return new Date(year, monthIndex + 1, 0).getDate();
|
15
15
|
};
|
@@ -20,7 +20,7 @@ export var getStartYear = function getStartYear(year) {
|
|
20
20
|
return Math.floor(year / YEAR_RENDER_COUNT) * YEAR_RENDER_COUNT;
|
21
21
|
};
|
22
22
|
export var getNextDate = function getNextDate(currentYear, currentMonth) {
|
23
|
-
return currentMonth + 1 ===
|
23
|
+
return currentMonth + 1 === MONTHS.length ? [currentYear + 1, 0] : [currentYear, currentMonth + 1];
|
24
24
|
};
|
25
25
|
export var getPrevDate = function getPrevDate(currentYear, currentMonth) {
|
26
26
|
return currentMonth - 1 < 0 ? [currentYear - 1, 11] : [currentYear, currentMonth - 1];
|
@@ -1,3 +1,46 @@
|
|
1
|
+
function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); }
|
2
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
3
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
4
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
5
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
6
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
7
|
+
var LOCAL = {
|
8
|
+
ru: 'ru-RU',
|
9
|
+
eng: 'en-US'
|
10
|
+
};
|
11
|
+
export var MONTHS = /*#__PURE__*/Array.from({
|
12
|
+
length: 12
|
13
|
+
}, function (_, i) {
|
14
|
+
return i + 1;
|
15
|
+
});
|
16
|
+
var WEEKS = /*#__PURE__*/Array.from({
|
17
|
+
length: 7
|
18
|
+
}, function (_, i) {
|
19
|
+
return i + 1;
|
20
|
+
});
|
21
|
+
var callbackDayFormatter = function callbackDayFormatter(local, options) {
|
22
|
+
var dateFormatter = new Intl.DateTimeFormat(LOCAL[local], options);
|
23
|
+
return function (index) {
|
24
|
+
// INFO: Start for monday
|
25
|
+
var day = new Date(Date.UTC(2024, 0, index));
|
26
|
+
var _dateFormatter$format = dateFormatter.format(day),
|
27
|
+
_dateFormatter$format2 = _toArray(_dateFormatter$format),
|
28
|
+
first = _dateFormatter$format2[0],
|
29
|
+
rest = _dateFormatter$format2.slice(1);
|
30
|
+
return first.toUpperCase() + rest.join('');
|
31
|
+
};
|
32
|
+
};
|
33
|
+
var callbackMonthFormatter = function callbackMonthFormatter(local, options) {
|
34
|
+
var dateFormatter = new Intl.DateTimeFormat(LOCAL[local], options);
|
35
|
+
return function (month) {
|
36
|
+
var data = new Date(Date.UTC(2024, month - 1));
|
37
|
+
var _dateFormatter$format3 = dateFormatter.format(data),
|
38
|
+
_dateFormatter$format4 = _toArray(_dateFormatter$format3),
|
39
|
+
first = _dateFormatter$format4[0],
|
40
|
+
rest = _dateFormatter$format4.slice(1);
|
41
|
+
return first.toUpperCase() + rest.join('').replace('.', '');
|
42
|
+
};
|
43
|
+
};
|
1
44
|
export var ROW_STEP = 6;
|
2
45
|
export var ROW_MONTH_STEP = 4;
|
3
46
|
export var ROW_YEAR_STEP = 4;
|
@@ -28,7 +71,14 @@ export var quarterDates = {
|
|
28
71
|
day: 1
|
29
72
|
}
|
30
73
|
};
|
31
|
-
export var SHORT_DAY_NAMES =
|
74
|
+
export var SHORT_DAY_NAMES = {
|
75
|
+
ru: /*#__PURE__*/WEEKS.map( /*#__PURE__*/callbackDayFormatter('ru', {
|
76
|
+
weekday: 'short'
|
77
|
+
})),
|
78
|
+
eng: /*#__PURE__*/WEEKS.map( /*#__PURE__*/callbackDayFormatter('eng', {
|
79
|
+
weekday: 'short'
|
80
|
+
}))
|
81
|
+
};
|
32
82
|
export var FULL_DAY_NAMES = {
|
33
83
|
Пн: 'Понедельник',
|
34
84
|
Вт: 'Вторник',
|
@@ -38,5 +88,19 @@ export var FULL_DAY_NAMES = {
|
|
38
88
|
Сб: 'Суббота',
|
39
89
|
Вс: 'Воскресенье'
|
40
90
|
};
|
41
|
-
export var SHORT_MONTH_NAME =
|
42
|
-
|
91
|
+
export var SHORT_MONTH_NAME = {
|
92
|
+
ru: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('ru', {
|
93
|
+
month: 'short'
|
94
|
+
})),
|
95
|
+
eng: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('eng', {
|
96
|
+
month: 'short'
|
97
|
+
}))
|
98
|
+
};
|
99
|
+
export var MONTH_NAMES = {
|
100
|
+
ru: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('ru', {
|
101
|
+
month: 'long'
|
102
|
+
})),
|
103
|
+
eng: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('eng', {
|
104
|
+
month: 'long'
|
105
|
+
}))
|
106
|
+
};
|