@salutejs/plasma-new-hope 0.142.0-canary.1428.10806066547.0 → 0.142.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/_virtual/_rollupPluginBabelHelpers.js +0 -4
- package/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/cjs/components/Badge/Badge.css +2 -0
- package/cjs/components/Badge/Badge.js +12 -3
- package/cjs/components/Badge/Badge.js.map +1 -1
- package/cjs/components/Badge/Badge.tokens.js +3 -1
- package/cjs/components/Badge/Badge.tokens.js.map +1 -1
- package/cjs/components/Badge/variations/_clear/base.js +9 -0
- package/cjs/components/Badge/variations/_clear/base.js.map +1 -0
- package/cjs/components/Badge/variations/_clear/base_oopyb7.css +1 -0
- package/cjs/components/Badge/variations/_pilled/base.js.map +1 -1
- package/cjs/components/Badge/variations/_transparent/base.js.map +1 -1
- package/cjs/components/Calendar/Calendar.types.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +4 -9
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +2 -9
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/cjs/components/Calendar/hooks/useMonths.js +4 -6
- package/cjs/components/Calendar/hooks/useMonths.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -3
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -4
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
- 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 +3 -64
- package/cjs/components/Calendar/utils/constants.js.map +1 -1
- package/cjs/index.css +2 -0
- package/emotion/cjs/components/Badge/Badge.js +12 -3
- package/emotion/cjs/components/Badge/Badge.template-doc.mdx +19 -28
- package/emotion/cjs/components/Badge/Badge.tokens.js +3 -1
- package/emotion/cjs/components/Badge/variations/_clear/base.js +9 -0
- package/emotion/cjs/components/Badge/variations/_clear/tokens.json +1 -0
- package/emotion/cjs/components/Badge/variations/_pilled/base.js +1 -1
- package/emotion/cjs/components/Badge/variations/_transparent/base.js +1 -1
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +4 -9
- package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +2 -9
- package/emotion/cjs/components/Calendar/hooks/useMonths.js +4 -6
- package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -3
- package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -4
- package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
- package/emotion/cjs/components/Calendar/utils/calendarGridHelper.js +1 -1
- package/emotion/cjs/components/Calendar/utils/constants.js +4 -68
- package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +15 -12
- package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +38 -6
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +1 -9
- package/emotion/cjs/examples/plasma_web/components/Badge/Badge.config.js +15 -12
- package/emotion/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +39 -6
- package/emotion/es/components/Badge/Badge.js +12 -3
- package/emotion/es/components/Badge/Badge.template-doc.mdx +19 -28
- package/emotion/es/components/Badge/Badge.tokens.js +3 -1
- package/emotion/es/components/Badge/variations/_clear/base.js +3 -0
- package/emotion/es/components/Badge/variations/_clear/tokens.json +1 -0
- package/emotion/es/components/Badge/variations/_pilled/base.js +1 -1
- package/emotion/es/components/Badge/variations/_transparent/base.js +1 -1
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +4 -9
- package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +2 -9
- package/emotion/es/components/Calendar/hooks/useMonths.js +4 -6
- package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -3
- package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -4
- package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
- package/emotion/es/components/Calendar/utils/calendarGridHelper.js +2 -2
- package/emotion/es/components/Calendar/utils/constants.js +3 -67
- package/emotion/es/examples/plasma_b2c/components/Badge/Badge.config.js +15 -12
- package/emotion/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +38 -6
- package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +1 -9
- package/emotion/es/examples/plasma_web/components/Badge/Badge.config.js +15 -12
- package/emotion/es/examples/plasma_web/components/Badge/Badge.stories.tsx +39 -6
- package/es/_virtual/_rollupPluginBabelHelpers.js +1 -4
- package/es/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/es/components/Badge/Badge.css +2 -0
- package/es/components/Badge/Badge.js +12 -3
- package/es/components/Badge/Badge.js.map +1 -1
- package/es/components/Badge/Badge.tokens.js +3 -1
- package/es/components/Badge/Badge.tokens.js.map +1 -1
- package/es/components/Badge/variations/_clear/base.js +5 -0
- package/es/components/Badge/variations/_clear/base.js.map +1 -0
- package/es/components/Badge/variations/_clear/base_oopyb7.css +1 -0
- package/es/components/Badge/variations/_pilled/base.js.map +1 -1
- package/es/components/Badge/variations/_transparent/base.js.map +1 -1
- package/es/components/Calendar/Calendar.types.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.js +4 -9
- package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +2 -9
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/es/components/Calendar/hooks/useMonths.js +4 -6
- package/es/components/Calendar/hooks/useMonths.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -3
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -4
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
- 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 +4 -64
- package/es/components/Calendar/utils/constants.js.map +1 -1
- package/es/index.css +2 -0
- package/package.json +2 -2
- package/styled-components/cjs/components/Badge/Badge.js +12 -3
- package/styled-components/cjs/components/Badge/Badge.template-doc.mdx +19 -28
- package/styled-components/cjs/components/Badge/Badge.tokens.js +3 -1
- package/styled-components/cjs/components/Badge/variations/_clear/base.js +9 -0
- package/styled-components/cjs/components/Badge/variations/_clear/tokens.json +1 -0
- package/styled-components/cjs/components/Badge/variations/_pilled/base.js +1 -1
- package/styled-components/cjs/components/Badge/variations/_transparent/base.js +1 -1
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +4 -9
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +2 -9
- package/styled-components/cjs/components/Calendar/hooks/useMonths.js +4 -6
- package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -3
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -4
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
- package/styled-components/cjs/components/Calendar/utils/calendarGridHelper.js +1 -1
- package/styled-components/cjs/components/Calendar/utils/constants.js +4 -68
- package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +10 -7
- package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +38 -6
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +1 -9
- package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.config.js +10 -7
- package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +39 -6
- package/styled-components/es/components/Badge/Badge.js +12 -3
- package/styled-components/es/components/Badge/Badge.template-doc.mdx +19 -28
- package/styled-components/es/components/Badge/Badge.tokens.js +3 -1
- package/styled-components/es/components/Badge/variations/_clear/base.js +3 -0
- package/styled-components/es/components/Badge/variations/_clear/tokens.json +1 -0
- package/styled-components/es/components/Badge/variations/_pilled/base.js +1 -1
- package/styled-components/es/components/Badge/variations/_transparent/base.js +1 -1
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +4 -9
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +2 -9
- package/styled-components/es/components/Calendar/hooks/useMonths.js +4 -6
- package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -3
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -4
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
- package/styled-components/es/components/Calendar/utils/calendarGridHelper.js +2 -2
- package/styled-components/es/components/Calendar/utils/constants.js +3 -67
- package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.config.js +10 -7
- package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +38 -6
- package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +1 -9
- package/styled-components/es/examples/plasma_web/components/Badge/Badge.config.js +10 -7
- package/styled-components/es/examples/plasma_web/components/Badge/Badge.stories.tsx +39 -6
- package/types/components/Badge/Badge.d.ts +7 -23
- package/types/components/Badge/Badge.d.ts.map +1 -1
- package/types/components/Badge/Badge.tokens.d.ts +2 -0
- package/types/components/Badge/Badge.tokens.d.ts.map +1 -1
- package/types/components/Badge/Badge.types.d.ts +52 -13
- package/types/components/Badge/Badge.types.d.ts.map +1 -1
- package/types/components/Badge/variations/_clear/base.d.ts +2 -0
- package/types/components/Badge/variations/_clear/base.d.ts.map +1 -0
- package/types/components/Calendar/Calendar.types.d.ts +0 -5
- 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 +1 -2
- 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 +1 -2
- 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 +1 -2
- 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 +1 -2
- 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 +5 -8
- package/types/components/Calendar/utils/constants.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Badge/Badge.d.ts +32 -3
- package/types/examples/plasma_b2c/components/Badge/Badge.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Badge/Badge.config.d.ts +3 -0
- package/types/examples/plasma_web/components/Badge/Badge.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Badge/Badge.d.ts +32 -3
- package/types/examples/plasma_web/components/Badge/Badge.d.ts.map +1 -1
@@ -1,4 +1,4 @@
|
|
1
|
-
import React from 'react';
|
1
|
+
import React, { ComponentProps } from 'react';
|
2
2
|
import { disableProps } from '@salutejs/plasma-sb-utils';
|
3
3
|
import type { StoryObj, Meta } from '@storybook/react';
|
4
4
|
|
@@ -8,6 +8,7 @@ import { Badge } from './Badge';
|
|
8
8
|
|
9
9
|
const meta: Meta<typeof Badge> = {
|
10
10
|
title: 'plasma_web/Badge',
|
11
|
+
component: Badge,
|
11
12
|
decorators: [WithTheme],
|
12
13
|
argTypes: {
|
13
14
|
size: {
|
@@ -22,13 +23,25 @@ const meta: Meta<typeof Badge> = {
|
|
22
23
|
type: 'select',
|
23
24
|
},
|
24
25
|
},
|
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
|
+
},
|
25
34
|
...disableProps(['contentLeft', 'contentRight']),
|
26
35
|
},
|
27
36
|
};
|
28
37
|
|
29
38
|
export default meta;
|
30
39
|
|
31
|
-
type
|
40
|
+
type StoryProps = ComponentProps<typeof Badge> & {
|
41
|
+
enableContentLeft: boolean;
|
42
|
+
enableContentRight: boolean;
|
43
|
+
};
|
44
|
+
type Story = StoryObj<StoryProps>;
|
32
45
|
|
33
46
|
const BellIcon = (props) => (
|
34
47
|
<svg width="100%" viewBox="0 0 24 24" fill="none" {...props}>
|
@@ -40,16 +53,36 @@ const BellIcon = (props) => (
|
|
40
53
|
);
|
41
54
|
|
42
55
|
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
|
+
},
|
43
66
|
args: {
|
44
67
|
text: 'Hello',
|
45
68
|
view: 'default',
|
46
69
|
size: 'm',
|
70
|
+
enableContentLeft: false,
|
71
|
+
enableContentRight: false,
|
72
|
+
clear: false,
|
47
73
|
pilled: false,
|
48
74
|
transparent: false,
|
49
75
|
},
|
50
|
-
}
|
76
|
+
render: ({ enableContentLeft, enableContentRight, size, ...rest }: StoryProps) => {
|
77
|
+
const iconSize = size === 'l' ? '1rem' : '0.75rem';
|
51
78
|
|
52
|
-
|
53
|
-
|
54
|
-
|
79
|
+
return (
|
80
|
+
<Badge
|
81
|
+
contentLeft={enableContentLeft ? <BellIcon width={iconSize} height={iconSize} /> : undefined}
|
82
|
+
contentRight={enableContentRight ? <BellIcon width={iconSize} height={iconSize} /> : undefined}
|
83
|
+
size={size}
|
84
|
+
{...rest}
|
85
|
+
/>
|
86
|
+
);
|
87
|
+
},
|
55
88
|
};
|
@@ -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", "clear"];
|
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,6 +8,7 @@ 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';
|
11
12
|
import { StyledContentLeft, StyledContentMain, StyledContentRight, base } from './Badge.styles';
|
12
13
|
import { classes } from './Badge.tokens';
|
13
14
|
export var badgeRoot = function badgeRoot(Root) {
|
@@ -23,17 +24,21 @@ export var badgeRoot = function badgeRoot(Root) {
|
|
23
24
|
pilled = _props$pilled === void 0 ? false : _props$pilled,
|
24
25
|
_props$transparent = props.transparent,
|
25
26
|
transparent = _props$transparent === void 0 ? false : _props$transparent,
|
27
|
+
_props$clear = props.clear,
|
28
|
+
clear = _props$clear === void 0 ? false : _props$clear,
|
26
29
|
rest = _objectWithoutProperties(props, _excluded);
|
27
30
|
var pilledClass = pilled ? classes.badgePilled : undefined;
|
28
31
|
var transparentClass = transparent ? classes.badgeTransparent : undefined;
|
32
|
+
var clearClass = clear ? classes.badgeClear : undefined;
|
29
33
|
var txt = !text && typeof children === 'string' ? children : text;
|
30
34
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
31
35
|
ref: ref,
|
32
|
-
className: cx(pilledClass, transparentClass, className),
|
36
|
+
className: cx(pilledClass, transparentClass, clearClass, className),
|
33
37
|
view: view,
|
34
38
|
size: size,
|
35
39
|
pilled: pilled,
|
36
|
-
transparent: transparent
|
40
|
+
transparent: transparent,
|
41
|
+
clear: clear
|
37
42
|
}, rest), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/React.createElement(StyledContentMain, null, txt) : children, contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight));
|
38
43
|
});
|
39
44
|
};
|
@@ -56,6 +61,10 @@ export var badgeConfig = {
|
|
56
61
|
transparent: {
|
57
62
|
css: transparentCSS,
|
58
63
|
attrs: true
|
64
|
+
},
|
65
|
+
clear: {
|
66
|
+
css: clearCSS,
|
67
|
+
attrs: true
|
59
68
|
}
|
60
69
|
},
|
61
70
|
defaults: {
|
@@ -60,41 +60,32 @@ export function App() {
|
|
60
60
|
+ `"dark"` – темный badge;
|
61
61
|
+ `"light"` – светлый badge.
|
62
62
|
|
63
|
-
|
64
|
-
import React from 'react';
|
65
|
-
import { Badge } from '@salutejs/{{ package }}';
|
66
|
-
|
67
|
-
export function App() {
|
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
|
-
```
|
81
|
-
|
82
|
-
Так же на вид badge влияет свойство `transparent`:
|
63
|
+
Так же на вид badge влияет свойства `transparent` и `clear`.
|
83
64
|
|
84
65
|
```tsx live
|
85
66
|
import React from 'react';
|
86
67
|
import { Badge } from '@salutejs/{{ package }}';
|
87
68
|
|
88
69
|
export function App() {
|
70
|
+
const Badges = ({transparent, clear}) => {
|
71
|
+
return (
|
72
|
+
<div style=\{{ display: 'flex', gap: '0.5rem' }}>
|
73
|
+
<Badge text="Бейдж" size="l" view="primary" transparent={transparent} clear={clear} />
|
74
|
+
<Badge text="Бейдж" size="l" view="accent" transparent={transparent} clear={clear} />
|
75
|
+
<Badge text="Бейдж" size="l" view="positive" transparent={transparent} clear={clear} />
|
76
|
+
<Badge text="Бейдж" size="l" view="warning" transparent={transparent} clear={clear} />
|
77
|
+
<Badge text="Бейдж" size="l" view="negative" transparent={transparent} clear={clear} />
|
78
|
+
<Badge text="Бейдж" size="l" view="dark" transparent={transparent} clear={clear} />
|
79
|
+
<Badge text="Бейдж" size="l" view="light" transparent={transparent} clear={clear} />
|
80
|
+
</div>
|
81
|
+
)
|
82
|
+
}
|
83
|
+
|
89
84
|
return (
|
90
|
-
<div>
|
91
|
-
<
|
92
|
-
<
|
93
|
-
<
|
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 />
|
85
|
+
<div style=\{{ display: 'flex', flexDirection: 'column', gap: '2rem' }}>
|
86
|
+
<Badges />
|
87
|
+
<Badges transparent />
|
88
|
+
<Badges clear />
|
98
89
|
</div>
|
99
90
|
);
|
100
91
|
}
|
@@ -1,12 +1,14 @@
|
|
1
1
|
export var classes = {
|
2
2
|
badgePilled: 'badge-pilled',
|
3
|
-
badgeTransparent: 'badge-transparent'
|
3
|
+
badgeTransparent: 'badge-transparent',
|
4
|
+
badgeClear: 'badge-clear'
|
4
5
|
};
|
5
6
|
export var tokens = {
|
6
7
|
background: '--plasma-badge-background',
|
7
8
|
color: '--plasma-badge-color',
|
8
9
|
backgroundTransparent: '--plasma-badge-background-transparent',
|
9
10
|
colorTransparent: '--plasma-badge-color-transparent',
|
11
|
+
colorClear: '--plasma-badge-color-clear',
|
10
12
|
borderRadius: '--plasma-badge-border-radius',
|
11
13
|
pilledBorderRadius: '--plasma-badge-pilled-border-radius',
|
12
14
|
height: '--plasma-badge-height',
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import { css } from '@emotion/react';
|
2
|
+
import { classes, tokens } from '../../Badge.tokens';
|
3
|
+
export var base = /*#__PURE__*/css("&.", classes.badgeClear, "{color:var(", tokens.colorClear, ");background-color:transparent;padding:0;};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQmFkZ2UvdmFyaWF0aW9ucy9fY2xlYXIvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CYWRnZS92YXJpYXRpb25zL19jbGVhci9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9CYWRnZS50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmLiR7Y2xhc3Nlcy5iYWRnZUNsZWFyfSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3JDbGVhcn0pO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgcGFkZGluZzogMDtcbiAgICB9XG5gO1xuIl19 */"));
|
@@ -0,0 +1 @@
|
|
1
|
+
["--plasma-badge-color-clear"]
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { css } from '@emotion/react';
|
2
2
|
import { classes, tokens } from '../../Badge.tokens';
|
3
|
-
export var base = /*#__PURE__*/css("&.",
|
3
|
+
export var base = /*#__PURE__*/css("&.", classes.badgePilled, "{border-radius:var(", tokens.pilledBorderRadius, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQmFkZ2UvdmFyaWF0aW9ucy9fcGlsbGVkL2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQmFkZ2UvdmFyaWF0aW9ucy9fcGlsbGVkL2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL0JhZGdlLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICYuJHtjbGFzc2VzLmJhZGdlUGlsbGVkfSB7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5waWxsZWRCb3JkZXJSYWRpdXN9KTtcbiAgICB9XG5gO1xuIl19 */"));
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { css } from '@emotion/react';
|
2
2
|
import { classes, tokens } from '../../Badge.tokens';
|
3
|
-
export var base = /*#__PURE__*/css("&.",
|
3
|
+
export var base = /*#__PURE__*/css("&.", classes.badgeTransparent, "{color:var(", tokens.colorTransparent, ");background-color:var(", tokens.backgroundTransparent, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQmFkZ2UvdmFyaWF0aW9ucy9fdHJhbnNwYXJlbnQvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CYWRnZS92YXJpYXRpb25zL190cmFuc3BhcmVudC9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9CYWRnZS50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmLiR7Y2xhc3Nlcy5iYWRnZVRyYW5zcGFyZW50fSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3JUcmFuc3BhcmVudH0pO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFRyYW5zcGFyZW50fSk7XG4gICAgfVxuYDtcbiJdfQ== */"));
|
@@ -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"];
|
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,8 +37,6 @@ 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,
|
42
40
|
rest = _objectWithoutProperties(_ref, _excluded);
|
43
41
|
var _useMemo = useMemo(function () {
|
44
42
|
return Array.isArray(externalValue) ? externalValue : [externalValue];
|
@@ -153,8 +151,7 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
|
|
153
151
|
type: calendarState,
|
154
152
|
onPrev: handlePrev,
|
155
153
|
onNext: handleNext,
|
156
|
-
onUpdateCalendarState: handleUpdateCalendarState
|
157
|
-
local: local
|
154
|
+
onUpdateCalendarState: handleUpdateCalendarState
|
158
155
|
}), calendarState === CalendarState.Days && /*#__PURE__*/React.createElement(CalendarDays, {
|
159
156
|
value: externalValue,
|
160
157
|
date: date,
|
@@ -169,8 +166,7 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
|
|
169
166
|
onSetSelected: onSelectIndexes,
|
170
167
|
onHoverDay: setHoveredItem,
|
171
168
|
onKeyDown: handleKeyDown,
|
172
|
-
outerRefs: outerRefs
|
173
|
-
local: local
|
169
|
+
outerRefs: outerRefs
|
174
170
|
}), calendarState === CalendarState.Months && /*#__PURE__*/React.createElement(CalendarMonths, {
|
175
171
|
value: externalValue,
|
176
172
|
date: date,
|
@@ -184,8 +180,7 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
|
|
184
180
|
onSetSelected: onSelectIndexes,
|
185
181
|
onHoverMonth: setHoveredItem,
|
186
182
|
onKeyDown: onKeyDown,
|
187
|
-
outerRefs: outerRefs
|
188
|
-
local: local
|
183
|
+
outerRefs: outerRefs
|
189
184
|
}), calendarState === CalendarState.Quarters && /*#__PURE__*/React.createElement(CalendarQuarters, {
|
190
185
|
value: externalValue,
|
191
186
|
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"];
|
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,8 +38,6 @@ 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,
|
43
41
|
rest = _objectWithoutProperties(_ref, _excluded);
|
44
42
|
var _useMemo = useMemo(function () {
|
45
43
|
return Array.isArray(externalValue) ? externalValue : [externalValue];
|
@@ -213,8 +211,7 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
|
|
213
211
|
type: calendarState,
|
214
212
|
onPrev: handlePrev,
|
215
213
|
onNext: handleNext,
|
216
|
-
onUpdateCalendarState: handleUpdateCalendarState
|
217
|
-
local: local
|
214
|
+
onUpdateCalendarState: handleUpdateCalendarState
|
218
215
|
}), /*#__PURE__*/React.createElement(StyledWrapper, null, calendarState === CalendarState.Days && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarDays, {
|
219
216
|
value: externalValue,
|
220
217
|
date: firstDate,
|
@@ -230,7 +227,6 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
|
|
230
227
|
onSetSelected: onSelectIndexes,
|
231
228
|
onKeyDown: handleKeyDown,
|
232
229
|
outerRefs: outerRefs,
|
233
|
-
local: local,
|
234
230
|
isDouble: true
|
235
231
|
}), _StyledSeparator || (_StyledSeparator = /*#__PURE__*/React.createElement(StyledSeparator, null)), /*#__PURE__*/React.createElement(CalendarDays, {
|
236
232
|
value: externalValue,
|
@@ -247,7 +243,6 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
|
|
247
243
|
onSetSelected: onSelectIndexes,
|
248
244
|
onKeyDown: handleKeyDown,
|
249
245
|
outerRefs: outerRefs,
|
250
|
-
local: local,
|
251
246
|
isDouble: true,
|
252
247
|
isSecond: true
|
253
248
|
})), calendarState === CalendarState.Months && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarMonths, {
|
@@ -264,7 +259,6 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
|
|
264
259
|
onHoverMonth: setHoveredItem,
|
265
260
|
onKeyDown: handleKeyDown,
|
266
261
|
outerRefs: outerRefs,
|
267
|
-
local: local,
|
268
262
|
isDouble: true
|
269
263
|
}), _StyledSeparator2 || (_StyledSeparator2 = /*#__PURE__*/React.createElement(StyledSeparator, null)), /*#__PURE__*/React.createElement(CalendarMonths, {
|
270
264
|
value: externalValue,
|
@@ -280,7 +274,6 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
|
|
280
274
|
onHoverMonth: setHoveredItem,
|
281
275
|
onKeyDown: handleKeyDown,
|
282
276
|
outerRefs: outerRefs,
|
283
|
-
local: local,
|
284
277
|
isDouble: true,
|
285
278
|
isSecond: true
|
286
279
|
})), calendarState === CalendarState.Quarters && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarQuarters, {
|
@@ -10,11 +10,9 @@ 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
|
14
|
-
_ref$local = _ref.local,
|
15
|
-
local = _ref$local === void 0 ? 'ru' : _ref$local;
|
13
|
+
max = _ref.max;
|
16
14
|
return useMemo(function () {
|
17
|
-
var months = SHORT_MONTH_NAME
|
15
|
+
var months = SHORT_MONTH_NAME.map(function (monthName, monthIndex) {
|
18
16
|
return {
|
19
17
|
monthName: monthName,
|
20
18
|
monthIndex: monthIndex,
|
@@ -23,7 +21,7 @@ export var useMonths = function useMonths(_ref) {
|
|
23
21
|
return isSelectedMonth(date, monthIndex, v);
|
24
22
|
})) : isSelectedMonth(date, monthIndex, value),
|
25
23
|
inRange: Array.isArray(value) ? isDateInRange(date.year, monthIndex, 1, value) : false,
|
26
|
-
monthFullName: MONTH_NAMES[
|
24
|
+
monthFullName: MONTH_NAMES[monthIndex],
|
27
25
|
date: {
|
28
26
|
year: date.year,
|
29
27
|
monthIndex: monthIndex,
|
@@ -43,5 +41,5 @@ export var useMonths = function useMonths(_ref) {
|
|
43
41
|
return getMatrix(modifiedMonths, 3);
|
44
42
|
}
|
45
43
|
return getMatrix(months, 3);
|
46
|
-
}, [date, value, eventList, disabledList, max, min
|
44
|
+
}, [date, value, eventList, disabledList, max, min]);
|
47
45
|
};
|
@@ -34,8 +34,7 @@ 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
|
38
|
-
local = _ref.local;
|
37
|
+
onKeyDown = _ref.onKeyDown;
|
39
38
|
var _useDays = useDays({
|
40
39
|
date: currentDate,
|
41
40
|
value: value,
|
@@ -106,7 +105,7 @@ export var CalendarDays = function CalendarDays(_ref) {
|
|
106
105
|
id: "withShift"
|
107
106
|
}, "\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, {
|
108
107
|
role: "row"
|
109
|
-
}, SHORT_DAY_NAMES
|
108
|
+
}, SHORT_DAY_NAMES.map(function (name) {
|
110
109
|
return /*#__PURE__*/React.createElement(DateStructureItem, {
|
111
110
|
role: "columnheader",
|
112
111
|
"aria-label": FULL_DAY_NAMES[name],
|
@@ -20,8 +20,7 @@ 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
|
24
|
-
local = _ref.local;
|
23
|
+
onUpdateCalendarState = _ref.onUpdateCalendarState;
|
25
24
|
var handleCalendarState = useCallback(function () {
|
26
25
|
var newSize = isDouble ? sizeMap.Months["double"] : sizeMap.Months.single;
|
27
26
|
if (type === CalendarState.Days) {
|
@@ -36,7 +35,7 @@ export var CalendarHeader = function CalendarHeader(_ref) {
|
|
36
35
|
return '';
|
37
36
|
}
|
38
37
|
if (type === CalendarState.Days) {
|
39
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledHeaderDate, null, MONTH_NAMES[
|
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, {
|
40
39
|
color: "inherit",
|
41
40
|
size: size === 'xs' ? 'xs' : 's'
|
42
41
|
})));
|
@@ -55,7 +54,7 @@ export var CalendarHeader = function CalendarHeader(_ref) {
|
|
55
54
|
}));
|
56
55
|
}
|
57
56
|
return '';
|
58
|
-
}, [type, startYear, size
|
57
|
+
}, [type, startYear, size]);
|
59
58
|
var currentCalendarType = getCalendarType(type);
|
60
59
|
var PreviousButton = useMemo(function () {
|
61
60
|
return /*#__PURE__*/React.createElement(StyledArrow, {
|
@@ -33,16 +33,14 @@ 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
|
37
|
-
local = _ref.local;
|
36
|
+
onKeyDown = _ref.onKeyDown;
|
38
37
|
var _useMonths = useMonths({
|
39
38
|
date: currentDate,
|
40
39
|
value: value,
|
41
40
|
eventList: eventList,
|
42
41
|
disabledList: disabledList,
|
43
42
|
min: min,
|
44
|
-
max: max
|
45
|
-
local: local
|
43
|
+
max: max
|
46
44
|
}),
|
47
45
|
_useMonths2 = _slicedToArray(_useMonths, 2),
|
48
46
|
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 { MONTH_NAMES, 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 === MONTH_NAMES.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,46 +1,3 @@
|
|
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
|
-
};
|
44
1
|
export var ROW_STEP = 6;
|
45
2
|
export var ROW_MONTH_STEP = 4;
|
46
3
|
export var ROW_YEAR_STEP = 4;
|
@@ -71,14 +28,7 @@ export var quarterDates = {
|
|
71
28
|
day: 1
|
72
29
|
}
|
73
30
|
};
|
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
|
-
};
|
31
|
+
export var SHORT_DAY_NAMES = ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс'];
|
82
32
|
export var FULL_DAY_NAMES = {
|
83
33
|
Пн: 'Понедельник',
|
84
34
|
Вт: 'Вторник',
|
@@ -88,19 +38,5 @@ export var FULL_DAY_NAMES = {
|
|
88
38
|
Сб: 'Суббота',
|
89
39
|
Вс: 'Воскресенье'
|
90
40
|
};
|
91
|
-
export var SHORT_MONTH_NAME =
|
92
|
-
|
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
|
-
};
|
41
|
+
export var SHORT_MONTH_NAME = ['Янв', 'Фев', 'Март', 'Апр', 'Май', 'Июнь', 'Июль', 'Авг', 'Сен', 'Окт', 'Ноя', 'Дек'];
|
42
|
+
export var MONTH_NAMES = ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'];
|