@salutejs/plasma-new-hope 0.335.0-canary.2196.17402001784.0 → 0.335.0-canary.2196.17405805727.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -5
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconDisclosureLeft.js +6 -3
- package/cjs/components/_Icon/Icons/IconDisclosureLeft.js.map +1 -1
- package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -5
- package/emotion/cjs/components/_Icon/Icons/IconDisclosureLeft.js +63 -4
- package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -5
- package/emotion/es/components/_Icon/Icons/IconDisclosureLeft.js +63 -4
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -5
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/es/components/_Icon/Icons/IconDisclosureLeft.js +6 -3
- package/es/components/_Icon/Icons/IconDisclosureLeft.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -5
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureLeft.js +63 -4
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -5
- package/styled-components/es/components/_Icon/Icons/IconDisclosureLeft.js +63 -4
- package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
@@ -60,20 +60,20 @@ var CalendarHeader = function CalendarHeader(_ref) {
|
|
60
60
|
if (type === types.CalendarState.Days) {
|
61
61
|
return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(CalendarHeader_styles.StyledHeaderDate, null, constants.MONTH_NAMES[locale][date.monthIndex]), /*#__PURE__*/React__default.default.createElement(CalendarHeader_styles.StyledHeaderDate, null, date.year, /*#__PURE__*/React__default.default.createElement(CalendarHeader_styles.StyledHeaderArrow, {
|
62
62
|
color: "inherit",
|
63
|
-
|
63
|
+
size: size === 'xs' ? 'xs' : 's'
|
64
64
|
})));
|
65
65
|
}
|
66
66
|
if (type === types.CalendarState.Months || type === types.CalendarState.Quarters) {
|
67
67
|
return /*#__PURE__*/React__default.default.createElement(CalendarHeader_styles.StyledHeaderDate, null, date.year, /*#__PURE__*/React__default.default.createElement(CalendarHeader_styles.StyledHeaderArrow, {
|
68
68
|
color: "inherit",
|
69
|
-
|
69
|
+
size: size === 'xs' ? 'xs' : 's'
|
70
70
|
}));
|
71
71
|
}
|
72
72
|
if (type === types.CalendarState.Years) {
|
73
73
|
var yearValue = secondPart ? startYear + 12 : startYear;
|
74
74
|
return /*#__PURE__*/React__default.default.createElement(CalendarHeader_styles.StyledHeaderDate, null, yearValue, "\u2014", yearValue + constants.YEAR_RENDER_COUNT - 1, /*#__PURE__*/React__default.default.createElement(CalendarHeader_styles.StyledHeaderArrow, {
|
75
75
|
color: "inherit",
|
76
|
-
|
76
|
+
size: size === 'xs' ? 'xs' : 's'
|
77
77
|
}));
|
78
78
|
}
|
79
79
|
return '';
|
@@ -86,7 +86,7 @@ var CalendarHeader = function CalendarHeader(_ref) {
|
|
86
86
|
onClick: handlePrev
|
87
87
|
}, /*#__PURE__*/React__default.default.createElement(IconDisclosureLeft.IconDisclosureLeft, {
|
88
88
|
color: "inherit",
|
89
|
-
|
89
|
+
sizeCustomProperty: Calendar_tokens.tokens.calendarArrowHeaderCustomSize
|
90
90
|
}));
|
91
91
|
};
|
92
92
|
var NextButton = function NextButton() {
|
@@ -95,7 +95,7 @@ var CalendarHeader = function CalendarHeader(_ref) {
|
|
95
95
|
onClick: handleNext
|
96
96
|
}, /*#__PURE__*/React__default.default.createElement(IconDisclosureRight.IconDisclosureRight, {
|
97
97
|
color: "inherit",
|
98
|
-
|
98
|
+
sizeCustomProperty: Calendar_tokens.tokens.calendarArrowHeaderCustomSize
|
99
99
|
}));
|
100
100
|
};
|
101
101
|
return /*#__PURE__*/React__default.default.createElement(CalendarHeader_styles.StyledCalendarHeader, null, isDouble ? /*#__PURE__*/React__default.default.createElement(CalendarHeader_styles.StyledNavigation, null, /*#__PURE__*/React__default.default.createElement(CalendarHeader_styles.StyledDoubleHeaderWrapper, null, /*#__PURE__*/React__default.default.createElement(PreviousButton, null), /*#__PURE__*/React__default.default.createElement(CalendarHeader_styles.StyledHeaderDouble, {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React from 'react';\nimport type { MouseEvent } from 'react';\n\nimport { IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';\nimport { CalendarState } from '../../store/types';\nimport { getCalendarType, MONTH_NAMES, YEAR_RENDER_COUNT, I18N } from '../../utils';\nimport type { DateObject } from '../../Calendar.types';\nimport { classes, tokens } from '../../Calendar.tokens';\nimport { sizeMap } from '../../store/reducer';\nimport { cx } from '../../../../utils';\n\nimport type { CalendarHeaderProps } from './CalendarHeader.types';\nimport {\n StyledArrow,\n StyledArrows,\n StyledCalendarHeader,\n StyledDoubleHeaderWrapper,\n StyledHeader,\n StyledHeaderDate,\n StyledHeaderDouble,\n StyledNavigation,\n StyledHeaderArrow,\n} from './CalendarHeader.styles';\n\n/**\n * Компонент шапки календаря.\n */\nexport const CalendarHeader: React.FC<CalendarHeaderProps> = ({\n type = 'Days',\n startYear = 0,\n size,\n firstDate,\n secondDate,\n isDouble,\n onPrev,\n onNext,\n onUpdateCalendarState,\n locale,\n}) => {\n const handleCalendarState = () => {\n const newSize: [number, number] = isDouble ? sizeMap.Months.double : sizeMap.Months.single;\n\n if (type === CalendarState.Days) {\n onUpdateCalendarState?.(CalendarState.Months, newSize);\n }\n\n if (type === CalendarState.Months || type === CalendarState.Quarters) {\n onUpdateCalendarState?.(CalendarState.Years, newSize);\n }\n };\n\n const handlePrev = (event: MouseEvent<HTMLDivElement>) => {\n event.stopPropagation();\n\n if (startYear <= 0) {\n return;\n }\n onPrev();\n };\n\n const handleNext = (event: MouseEvent<HTMLDivElement>) => {\n event.stopPropagation();\n\n onNext();\n };\n\n const getHeaderContent = (date?: DateObject, secondPart?: boolean) => {\n if (!date) {\n return '';\n }\n\n if (type === CalendarState.Days) {\n return (\n <>\n <StyledHeaderDate>{MONTH_NAMES[locale][date.monthIndex]}</StyledHeaderDate>\n <StyledHeaderDate>\n {date.year}\n <StyledHeaderArrow color=\"inherit\" sizeCustomProperty={tokens.calendarArrowHeaderCustomSize} />\n </StyledHeaderDate>\n </>\n );\n }\n\n if (type === CalendarState.Months || type === CalendarState.Quarters) {\n return (\n <StyledHeaderDate>\n {date.year}\n <StyledHeaderArrow color=\"inherit\" sizeCustomProperty={tokens.calendarArrowHeaderCustomSize} />\n </StyledHeaderDate>\n );\n }\n\n if (type === CalendarState.Years) {\n const yearValue = secondPart ? startYear + 12 : startYear;\n\n return (\n <StyledHeaderDate>\n {yearValue}—{yearValue + YEAR_RENDER_COUNT - 1}\n <StyledHeaderArrow color=\"inherit\" sizeCustomProperty={tokens.calendarArrowHeaderCustomSize} />\n </StyledHeaderDate>\n );\n }\n\n return '';\n };\n\n const currentCalendarType = getCalendarType(type, locale);\n\n const PreviousButton = () => (\n <StyledArrow\n className={cx(startYear <= 0 && classes.disabledPrevButton)}\n aria-label={`${I18N.previous[locale]} ${currentCalendarType}`}\n onClick={handlePrev}\n >\n <IconDisclosureLeft color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledArrow>\n );\n\n const NextButton = () => (\n <StyledArrow aria-label={`${I18N.next[locale]} ${currentCalendarType}`} onClick={handleNext}>\n <IconDisclosureRight color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledArrow>\n );\n\n return (\n <StyledCalendarHeader>\n {isDouble ? (\n <StyledNavigation>\n <StyledDoubleHeaderWrapper>\n <PreviousButton />\n <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n {getHeaderContent(firstDate)}\n </StyledHeaderDouble>\n </StyledDoubleHeaderWrapper>\n <StyledDoubleHeaderWrapper className={classes.doubleHeaderLastDateWrapper}>\n <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n {getHeaderContent(secondDate, true)}\n </StyledHeaderDouble>\n <NextButton />\n </StyledDoubleHeaderWrapper>\n </StyledNavigation>\n ) : (\n <>\n <StyledHeader\n type=\"button\"\n aria-live=\"polite\"\n id=\"id-grid-label\"\n onClick={handleCalendarState}\n tabIndex={0}\n >\n {getHeaderContent(firstDate)}\n </StyledHeader>\n <StyledArrows>\n <PreviousButton />\n <NextButton />\n </StyledArrows>\n </>\n )}\n </StyledCalendarHeader>\n );\n};\n"],"names":["CalendarHeader","_ref","_ref$type","type","_ref$startYear","startYear","size","firstDate","secondDate","isDouble","onPrev","onNext","onUpdateCalendarState","locale","handleCalendarState","newSize","sizeMap","Months","single","CalendarState","Days","Quarters","Years","handlePrev","event","stopPropagation","handleNext","getHeaderContent","date","secondPart","React","createElement","Fragment","StyledHeaderDate","MONTH_NAMES","monthIndex","year","StyledHeaderArrow","color","sizeCustomProperty","tokens","calendarArrowHeaderCustomSize","yearValue","YEAR_RENDER_COUNT","currentCalendarType","getCalendarType","PreviousButton","StyledArrow","className","cx","classes","disabledPrevButton","concat","I18N","previous","onClick","IconDisclosureLeft","NextButton","next","IconDisclosureRight","StyledCalendarHeader","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble","doubleHeaderLastDateWrapper","StyledHeader","id","tabIndex","StyledArrows"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React from 'react';\nimport type { MouseEvent } from 'react';\n\nimport { IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';\nimport { CalendarState } from '../../store/types';\nimport { getCalendarType, MONTH_NAMES, YEAR_RENDER_COUNT, I18N } from '../../utils';\nimport type { DateObject } from '../../Calendar.types';\nimport { classes, tokens } from '../../Calendar.tokens';\nimport { sizeMap } from '../../store/reducer';\nimport { cx } from '../../../../utils';\n\nimport type { CalendarHeaderProps } from './CalendarHeader.types';\nimport {\n StyledArrow,\n StyledArrows,\n StyledCalendarHeader,\n StyledDoubleHeaderWrapper,\n StyledHeader,\n StyledHeaderDate,\n StyledHeaderDouble,\n StyledNavigation,\n StyledHeaderArrow,\n} from './CalendarHeader.styles';\n\n/**\n * Компонент шапки календаря.\n */\nexport const CalendarHeader: React.FC<CalendarHeaderProps> = ({\n type = 'Days',\n startYear = 0,\n size,\n firstDate,\n secondDate,\n isDouble,\n onPrev,\n onNext,\n onUpdateCalendarState,\n locale,\n}) => {\n const handleCalendarState = () => {\n const newSize: [number, number] = isDouble ? sizeMap.Months.double : sizeMap.Months.single;\n\n if (type === CalendarState.Days) {\n onUpdateCalendarState?.(CalendarState.Months, newSize);\n }\n\n if (type === CalendarState.Months || type === CalendarState.Quarters) {\n onUpdateCalendarState?.(CalendarState.Years, newSize);\n }\n };\n\n const handlePrev = (event: MouseEvent<HTMLDivElement>) => {\n event.stopPropagation();\n\n if (startYear <= 0) {\n return;\n }\n onPrev();\n };\n\n const handleNext = (event: MouseEvent<HTMLDivElement>) => {\n event.stopPropagation();\n\n onNext();\n };\n\n const getHeaderContent = (date?: DateObject, secondPart?: boolean) => {\n if (!date) {\n return '';\n }\n\n if (type === CalendarState.Days) {\n return (\n <>\n <StyledHeaderDate>{MONTH_NAMES[locale][date.monthIndex]}</StyledHeaderDate>\n <StyledHeaderDate>\n {date.year}\n <StyledHeaderArrow color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n </>\n );\n }\n\n if (type === CalendarState.Months || type === CalendarState.Quarters) {\n return (\n <StyledHeaderDate>\n {date.year}\n <StyledHeaderArrow color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n );\n }\n\n if (type === CalendarState.Years) {\n const yearValue = secondPart ? startYear + 12 : startYear;\n\n return (\n <StyledHeaderDate>\n {yearValue}—{yearValue + YEAR_RENDER_COUNT - 1}\n <StyledHeaderArrow color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n );\n }\n\n return '';\n };\n\n const currentCalendarType = getCalendarType(type, locale);\n\n const PreviousButton = () => (\n <StyledArrow\n className={cx(startYear <= 0 && classes.disabledPrevButton)}\n aria-label={`${I18N.previous[locale]} ${currentCalendarType}`}\n onClick={handlePrev}\n >\n <IconDisclosureLeft color=\"inherit\" sizeCustomProperty={tokens.calendarArrowHeaderCustomSize} />\n </StyledArrow>\n );\n\n const NextButton = () => (\n <StyledArrow aria-label={`${I18N.next[locale]} ${currentCalendarType}`} onClick={handleNext}>\n <IconDisclosureRight color=\"inherit\" sizeCustomProperty={tokens.calendarArrowHeaderCustomSize} />\n </StyledArrow>\n );\n\n return (\n <StyledCalendarHeader>\n {isDouble ? (\n <StyledNavigation>\n <StyledDoubleHeaderWrapper>\n <PreviousButton />\n <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n {getHeaderContent(firstDate)}\n </StyledHeaderDouble>\n </StyledDoubleHeaderWrapper>\n <StyledDoubleHeaderWrapper className={classes.doubleHeaderLastDateWrapper}>\n <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n {getHeaderContent(secondDate, true)}\n </StyledHeaderDouble>\n <NextButton />\n </StyledDoubleHeaderWrapper>\n </StyledNavigation>\n ) : (\n <>\n <StyledHeader\n type=\"button\"\n aria-live=\"polite\"\n id=\"id-grid-label\"\n onClick={handleCalendarState}\n tabIndex={0}\n >\n {getHeaderContent(firstDate)}\n </StyledHeader>\n <StyledArrows>\n <PreviousButton />\n <NextButton />\n </StyledArrows>\n </>\n )}\n </StyledCalendarHeader>\n );\n};\n"],"names":["CalendarHeader","_ref","_ref$type","type","_ref$startYear","startYear","size","firstDate","secondDate","isDouble","onPrev","onNext","onUpdateCalendarState","locale","handleCalendarState","newSize","sizeMap","Months","single","CalendarState","Days","Quarters","Years","handlePrev","event","stopPropagation","handleNext","getHeaderContent","date","secondPart","React","createElement","Fragment","StyledHeaderDate","MONTH_NAMES","monthIndex","year","StyledHeaderArrow","color","yearValue","YEAR_RENDER_COUNT","currentCalendarType","getCalendarType","PreviousButton","StyledArrow","className","cx","classes","disabledPrevButton","concat","I18N","previous","onClick","IconDisclosureLeft","sizeCustomProperty","tokens","calendarArrowHeaderCustomSize","NextButton","next","IconDisclosureRight","StyledCalendarHeader","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble","doubleHeaderLastDateWrapper","StyledHeader","id","tabIndex","StyledArrows"],"mappings":"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"}
|
@@ -2,6 +2,7 @@
|
|
2
2
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
4
4
|
|
5
|
+
var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
|
5
6
|
var React = require('react');
|
6
7
|
var DisclosureLeft = require('../Icon.assets/DisclosureLeft.js');
|
7
8
|
var IconRoot = require('../IconRoot.js');
|
@@ -10,17 +11,19 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
11
|
|
11
12
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
12
13
|
|
14
|
+
var _excluded = ["size", "color", "className"];
|
13
15
|
var IconDisclosureLeft = function IconDisclosureLeft(_ref) {
|
14
16
|
var _ref$size = _ref.size,
|
15
17
|
size = _ref$size === void 0 ? 's' : _ref$size,
|
16
18
|
color = _ref.color,
|
17
|
-
className = _ref.className
|
18
|
-
|
19
|
+
className = _ref.className,
|
20
|
+
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
21
|
+
return /*#__PURE__*/React__default.default.createElement(IconRoot.IconRoot, _rollupPluginBabelHelpers.extends({
|
19
22
|
className: className,
|
20
23
|
size: size,
|
21
24
|
color: color,
|
22
25
|
icon: DisclosureLeft.DisclosureLeft
|
23
|
-
});
|
26
|
+
}, rest));
|
24
27
|
};
|
25
28
|
|
26
29
|
exports.IconDisclosureLeft = IconDisclosureLeft;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"IconDisclosureLeft.js","sources":["../../../../src/components/_Icon/Icons/IconDisclosureLeft.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DisclosureLeft } from '../Icon.assets/DisclosureLeft';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconDisclosureLeft: React.FC<IconProps> = ({ size = 's', color, className }) => {\n return <IconRoot className={className} size={size} color={color} icon={DisclosureLeft} />;\n};\n"],"names":["IconDisclosureLeft","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","DisclosureLeft"],"mappings":"
|
1
|
+
{"version":3,"file":"IconDisclosureLeft.js","sources":["../../../../src/components/_Icon/Icons/IconDisclosureLeft.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DisclosureLeft } from '../Icon.assets/DisclosureLeft';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconDisclosureLeft: React.FC<IconProps> = ({ size = 's', color, className, ...rest }) => {\n return <IconRoot className={className} size={size} color={color} icon={DisclosureLeft} {...rest} />;\n};\n"],"names":["IconDisclosureLeft","_ref","_ref$size","size","color","className","rest","_objectWithoutProperties","_excluded","React","createElement","IconRoot","_extends","icon","DisclosureLeft"],"mappings":";;;;;;;;;;;;;;IAKaA,kBAAuC,GAAG,SAA1CA,kBAAuCA,CAAAC,IAAA,EAAkD;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAA5CE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA,CAAA;AAC3F,EAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACC,iBAAQ,EAAAC,iCAAA,CAAA;AAACP,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACS,IAAAA,IAAI,EAAEC,6BAAAA;GAAoBR,EAAAA,IAAI,CAAG,CAAC,CAAA;AACvG;;;;"}
|
@@ -50,20 +50,20 @@ var CalendarHeader = function(param) {
|
|
50
50
|
if (type === _types.CalendarState.Days) {
|
51
51
|
return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledHeaderDate, null, _utils.MONTH_NAMES[locale][date.monthIndex]), /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledHeaderDate, null, date.year, /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledHeaderArrow, {
|
52
52
|
color: "inherit",
|
53
|
-
|
53
|
+
size: size === 'xs' ? 'xs' : 's'
|
54
54
|
})));
|
55
55
|
}
|
56
56
|
if (type === _types.CalendarState.Months || type === _types.CalendarState.Quarters) {
|
57
57
|
return /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledHeaderDate, null, date.year, /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledHeaderArrow, {
|
58
58
|
color: "inherit",
|
59
|
-
|
59
|
+
size: size === 'xs' ? 'xs' : 's'
|
60
60
|
}));
|
61
61
|
}
|
62
62
|
if (type === _types.CalendarState.Years) {
|
63
63
|
var yearValue = secondPart ? startYear + 12 : startYear;
|
64
64
|
return /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledHeaderDate, null, yearValue, "—", yearValue + _utils.YEAR_RENDER_COUNT - 1, /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledHeaderArrow, {
|
65
65
|
color: "inherit",
|
66
|
-
|
66
|
+
size: size === 'xs' ? 'xs' : 's'
|
67
67
|
}));
|
68
68
|
}
|
69
69
|
return '';
|
@@ -76,7 +76,7 @@ var CalendarHeader = function(param) {
|
|
76
76
|
onClick: handlePrev
|
77
77
|
}, /*#__PURE__*/ _react.default.createElement(_Icon.IconDisclosureLeft, {
|
78
78
|
color: "inherit",
|
79
|
-
|
79
|
+
sizeCustomProperty: _Calendartokens.tokens.calendarArrowHeaderCustomSize
|
80
80
|
}));
|
81
81
|
};
|
82
82
|
var NextButton = function() {
|
@@ -85,7 +85,7 @@ var CalendarHeader = function(param) {
|
|
85
85
|
onClick: handleNext
|
86
86
|
}, /*#__PURE__*/ _react.default.createElement(_Icon.IconDisclosureRight, {
|
87
87
|
color: "inherit",
|
88
|
-
|
88
|
+
sizeCustomProperty: _Calendartokens.tokens.calendarArrowHeaderCustomSize
|
89
89
|
}));
|
90
90
|
};
|
91
91
|
return /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledCalendarHeader, null, isDouble ? /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledNavigation, null, /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledDoubleHeaderWrapper, null, /*#__PURE__*/ _react.default.createElement(PreviousButton, null), /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledHeaderDouble, {
|
@@ -11,17 +11,76 @@ Object.defineProperty(exports, "IconDisclosureLeft", {
|
|
11
11
|
var _react = /*#__PURE__*/ _interop_require_default(require("react"));
|
12
12
|
var _DisclosureLeft = require("../Icon.assets/DisclosureLeft");
|
13
13
|
var _IconRoot = require("../IconRoot");
|
14
|
+
function _define_property(obj, key, value) {
|
15
|
+
if (key in obj) {
|
16
|
+
Object.defineProperty(obj, key, {
|
17
|
+
value: value,
|
18
|
+
enumerable: true,
|
19
|
+
configurable: true,
|
20
|
+
writable: true
|
21
|
+
});
|
22
|
+
} else {
|
23
|
+
obj[key] = value;
|
24
|
+
}
|
25
|
+
return obj;
|
26
|
+
}
|
14
27
|
function _interop_require_default(obj) {
|
15
28
|
return obj && obj.__esModule ? obj : {
|
16
29
|
default: obj
|
17
30
|
};
|
18
31
|
}
|
19
|
-
|
20
|
-
var
|
21
|
-
|
32
|
+
function _object_spread(target) {
|
33
|
+
for(var i = 1; i < arguments.length; i++){
|
34
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
35
|
+
var ownKeys = Object.keys(source);
|
36
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
37
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
38
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
39
|
+
}));
|
40
|
+
}
|
41
|
+
ownKeys.forEach(function(key) {
|
42
|
+
_define_property(target, key, source[key]);
|
43
|
+
});
|
44
|
+
}
|
45
|
+
return target;
|
46
|
+
}
|
47
|
+
function _object_without_properties(source, excluded) {
|
48
|
+
if (source == null) return {};
|
49
|
+
var target = _object_without_properties_loose(source, excluded);
|
50
|
+
var key, i;
|
51
|
+
if (Object.getOwnPropertySymbols) {
|
52
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
53
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
54
|
+
key = sourceSymbolKeys[i];
|
55
|
+
if (excluded.indexOf(key) >= 0) continue;
|
56
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
57
|
+
target[key] = source[key];
|
58
|
+
}
|
59
|
+
}
|
60
|
+
return target;
|
61
|
+
}
|
62
|
+
function _object_without_properties_loose(source, excluded) {
|
63
|
+
if (source == null) return {};
|
64
|
+
var target = {};
|
65
|
+
var sourceKeys = Object.keys(source);
|
66
|
+
var key, i;
|
67
|
+
for(i = 0; i < sourceKeys.length; i++){
|
68
|
+
key = sourceKeys[i];
|
69
|
+
if (excluded.indexOf(key) >= 0) continue;
|
70
|
+
target[key] = source[key];
|
71
|
+
}
|
72
|
+
return target;
|
73
|
+
}
|
74
|
+
var IconDisclosureLeft = function(_param) {
|
75
|
+
var _param_size = _param.size, size = _param_size === void 0 ? 's' : _param_size, color = _param.color, className = _param.className, rest = _object_without_properties(_param, [
|
76
|
+
"size",
|
77
|
+
"color",
|
78
|
+
"className"
|
79
|
+
]);
|
80
|
+
return /*#__PURE__*/ _react.default.createElement(_IconRoot.IconRoot, _object_spread({
|
22
81
|
className: className,
|
23
82
|
size: size,
|
24
83
|
color: color,
|
25
84
|
icon: _DisclosureLeft.DisclosureLeft
|
26
|
-
});
|
85
|
+
}, rest));
|
27
86
|
};
|
@@ -37,20 +37,20 @@ import { StyledArrow, StyledArrows, StyledCalendarHeader, StyledDoubleHeaderWrap
|
|
37
37
|
if (type === CalendarState.Days) {
|
38
38
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(StyledHeaderDate, null, MONTH_NAMES[locale][date.monthIndex]), /*#__PURE__*/ React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/ React.createElement(StyledHeaderArrow, {
|
39
39
|
color: "inherit",
|
40
|
-
|
40
|
+
size: size === 'xs' ? 'xs' : 's'
|
41
41
|
})));
|
42
42
|
}
|
43
43
|
if (type === CalendarState.Months || type === CalendarState.Quarters) {
|
44
44
|
return /*#__PURE__*/ React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/ React.createElement(StyledHeaderArrow, {
|
45
45
|
color: "inherit",
|
46
|
-
|
46
|
+
size: size === 'xs' ? 'xs' : 's'
|
47
47
|
}));
|
48
48
|
}
|
49
49
|
if (type === CalendarState.Years) {
|
50
50
|
var yearValue = secondPart ? startYear + 12 : startYear;
|
51
51
|
return /*#__PURE__*/ React.createElement(StyledHeaderDate, null, yearValue, "—", yearValue + YEAR_RENDER_COUNT - 1, /*#__PURE__*/ React.createElement(StyledHeaderArrow, {
|
52
52
|
color: "inherit",
|
53
|
-
|
53
|
+
size: size === 'xs' ? 'xs' : 's'
|
54
54
|
}));
|
55
55
|
}
|
56
56
|
return '';
|
@@ -63,7 +63,7 @@ import { StyledArrow, StyledArrows, StyledCalendarHeader, StyledDoubleHeaderWrap
|
|
63
63
|
onClick: handlePrev
|
64
64
|
}, /*#__PURE__*/ React.createElement(IconDisclosureLeft, {
|
65
65
|
color: "inherit",
|
66
|
-
|
66
|
+
sizeCustomProperty: tokens.calendarArrowHeaderCustomSize
|
67
67
|
}));
|
68
68
|
};
|
69
69
|
var NextButton = function() {
|
@@ -72,7 +72,7 @@ import { StyledArrow, StyledArrows, StyledCalendarHeader, StyledDoubleHeaderWrap
|
|
72
72
|
onClick: handleNext
|
73
73
|
}, /*#__PURE__*/ React.createElement(IconDisclosureRight, {
|
74
74
|
color: "inherit",
|
75
|
-
|
75
|
+
sizeCustomProperty: tokens.calendarArrowHeaderCustomSize
|
76
76
|
}));
|
77
77
|
};
|
78
78
|
return /*#__PURE__*/ React.createElement(StyledCalendarHeader, null, isDouble ? /*#__PURE__*/ React.createElement(StyledNavigation, null, /*#__PURE__*/ React.createElement(StyledDoubleHeaderWrapper, null, /*#__PURE__*/ React.createElement(PreviousButton, null), /*#__PURE__*/ React.createElement(StyledHeaderDouble, {
|
@@ -1,12 +1,71 @@
|
|
1
|
+
function _define_property(obj, key, value) {
|
2
|
+
if (key in obj) {
|
3
|
+
Object.defineProperty(obj, key, {
|
4
|
+
value: value,
|
5
|
+
enumerable: true,
|
6
|
+
configurable: true,
|
7
|
+
writable: true
|
8
|
+
});
|
9
|
+
} else {
|
10
|
+
obj[key] = value;
|
11
|
+
}
|
12
|
+
return obj;
|
13
|
+
}
|
14
|
+
function _object_spread(target) {
|
15
|
+
for(var i = 1; i < arguments.length; i++){
|
16
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
17
|
+
var ownKeys = Object.keys(source);
|
18
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
19
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
20
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
21
|
+
}));
|
22
|
+
}
|
23
|
+
ownKeys.forEach(function(key) {
|
24
|
+
_define_property(target, key, source[key]);
|
25
|
+
});
|
26
|
+
}
|
27
|
+
return target;
|
28
|
+
}
|
29
|
+
function _object_without_properties(source, excluded) {
|
30
|
+
if (source == null) return {};
|
31
|
+
var target = _object_without_properties_loose(source, excluded);
|
32
|
+
var key, i;
|
33
|
+
if (Object.getOwnPropertySymbols) {
|
34
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
35
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
36
|
+
key = sourceSymbolKeys[i];
|
37
|
+
if (excluded.indexOf(key) >= 0) continue;
|
38
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
39
|
+
target[key] = source[key];
|
40
|
+
}
|
41
|
+
}
|
42
|
+
return target;
|
43
|
+
}
|
44
|
+
function _object_without_properties_loose(source, excluded) {
|
45
|
+
if (source == null) return {};
|
46
|
+
var target = {};
|
47
|
+
var sourceKeys = Object.keys(source);
|
48
|
+
var key, i;
|
49
|
+
for(i = 0; i < sourceKeys.length; i++){
|
50
|
+
key = sourceKeys[i];
|
51
|
+
if (excluded.indexOf(key) >= 0) continue;
|
52
|
+
target[key] = source[key];
|
53
|
+
}
|
54
|
+
return target;
|
55
|
+
}
|
1
56
|
import React from "react";
|
2
57
|
import { DisclosureLeft } from "../Icon.assets/DisclosureLeft";
|
3
58
|
import { IconRoot } from "../IconRoot";
|
4
|
-
export var IconDisclosureLeft = function(
|
5
|
-
var _param_size =
|
6
|
-
|
59
|
+
export var IconDisclosureLeft = function(_param) {
|
60
|
+
var _param_size = _param.size, size = _param_size === void 0 ? 's' : _param_size, color = _param.color, className = _param.className, rest = _object_without_properties(_param, [
|
61
|
+
"size",
|
62
|
+
"color",
|
63
|
+
"className"
|
64
|
+
]);
|
65
|
+
return /*#__PURE__*/ React.createElement(IconRoot, _object_spread({
|
7
66
|
className: className,
|
8
67
|
size: size,
|
9
68
|
color: color,
|
10
69
|
icon: DisclosureLeft
|
11
|
-
});
|
70
|
+
}, rest));
|
12
71
|
};
|
@@ -52,20 +52,20 @@ var CalendarHeader = function CalendarHeader(_ref) {
|
|
52
52
|
if (type === CalendarState.Days) {
|
53
53
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledHeaderDate, null, MONTH_NAMES[locale][date.monthIndex]), /*#__PURE__*/React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(StyledHeaderArrow, {
|
54
54
|
color: "inherit",
|
55
|
-
|
55
|
+
size: size === 'xs' ? 'xs' : 's'
|
56
56
|
})));
|
57
57
|
}
|
58
58
|
if (type === CalendarState.Months || type === CalendarState.Quarters) {
|
59
59
|
return /*#__PURE__*/React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(StyledHeaderArrow, {
|
60
60
|
color: "inherit",
|
61
|
-
|
61
|
+
size: size === 'xs' ? 'xs' : 's'
|
62
62
|
}));
|
63
63
|
}
|
64
64
|
if (type === CalendarState.Years) {
|
65
65
|
var yearValue = secondPart ? startYear + 12 : startYear;
|
66
66
|
return /*#__PURE__*/React.createElement(StyledHeaderDate, null, yearValue, "\u2014", yearValue + YEAR_RENDER_COUNT - 1, /*#__PURE__*/React.createElement(StyledHeaderArrow, {
|
67
67
|
color: "inherit",
|
68
|
-
|
68
|
+
size: size === 'xs' ? 'xs' : 's'
|
69
69
|
}));
|
70
70
|
}
|
71
71
|
return '';
|
@@ -78,7 +78,7 @@ var CalendarHeader = function CalendarHeader(_ref) {
|
|
78
78
|
onClick: handlePrev
|
79
79
|
}, /*#__PURE__*/React.createElement(IconDisclosureLeft, {
|
80
80
|
color: "inherit",
|
81
|
-
|
81
|
+
sizeCustomProperty: tokens.calendarArrowHeaderCustomSize
|
82
82
|
}));
|
83
83
|
};
|
84
84
|
var NextButton = function NextButton() {
|
@@ -87,7 +87,7 @@ var CalendarHeader = function CalendarHeader(_ref) {
|
|
87
87
|
onClick: handleNext
|
88
88
|
}, /*#__PURE__*/React.createElement(IconDisclosureRight, {
|
89
89
|
color: "inherit",
|
90
|
-
|
90
|
+
sizeCustomProperty: tokens.calendarArrowHeaderCustomSize
|
91
91
|
}));
|
92
92
|
};
|
93
93
|
return /*#__PURE__*/React.createElement(StyledCalendarHeader, null, isDouble ? /*#__PURE__*/React.createElement(StyledNavigation, null, /*#__PURE__*/React.createElement(StyledDoubleHeaderWrapper, null, /*#__PURE__*/React.createElement(PreviousButton, null), /*#__PURE__*/React.createElement(StyledHeaderDouble, {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React from 'react';\nimport type { MouseEvent } from 'react';\n\nimport { IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';\nimport { CalendarState } from '../../store/types';\nimport { getCalendarType, MONTH_NAMES, YEAR_RENDER_COUNT, I18N } from '../../utils';\nimport type { DateObject } from '../../Calendar.types';\nimport { classes, tokens } from '../../Calendar.tokens';\nimport { sizeMap } from '../../store/reducer';\nimport { cx } from '../../../../utils';\n\nimport type { CalendarHeaderProps } from './CalendarHeader.types';\nimport {\n StyledArrow,\n StyledArrows,\n StyledCalendarHeader,\n StyledDoubleHeaderWrapper,\n StyledHeader,\n StyledHeaderDate,\n StyledHeaderDouble,\n StyledNavigation,\n StyledHeaderArrow,\n} from './CalendarHeader.styles';\n\n/**\n * Компонент шапки календаря.\n */\nexport const CalendarHeader: React.FC<CalendarHeaderProps> = ({\n type = 'Days',\n startYear = 0,\n size,\n firstDate,\n secondDate,\n isDouble,\n onPrev,\n onNext,\n onUpdateCalendarState,\n locale,\n}) => {\n const handleCalendarState = () => {\n const newSize: [number, number] = isDouble ? sizeMap.Months.double : sizeMap.Months.single;\n\n if (type === CalendarState.Days) {\n onUpdateCalendarState?.(CalendarState.Months, newSize);\n }\n\n if (type === CalendarState.Months || type === CalendarState.Quarters) {\n onUpdateCalendarState?.(CalendarState.Years, newSize);\n }\n };\n\n const handlePrev = (event: MouseEvent<HTMLDivElement>) => {\n event.stopPropagation();\n\n if (startYear <= 0) {\n return;\n }\n onPrev();\n };\n\n const handleNext = (event: MouseEvent<HTMLDivElement>) => {\n event.stopPropagation();\n\n onNext();\n };\n\n const getHeaderContent = (date?: DateObject, secondPart?: boolean) => {\n if (!date) {\n return '';\n }\n\n if (type === CalendarState.Days) {\n return (\n <>\n <StyledHeaderDate>{MONTH_NAMES[locale][date.monthIndex]}</StyledHeaderDate>\n <StyledHeaderDate>\n {date.year}\n <StyledHeaderArrow color=\"inherit\" sizeCustomProperty={tokens.calendarArrowHeaderCustomSize} />\n </StyledHeaderDate>\n </>\n );\n }\n\n if (type === CalendarState.Months || type === CalendarState.Quarters) {\n return (\n <StyledHeaderDate>\n {date.year}\n <StyledHeaderArrow color=\"inherit\" sizeCustomProperty={tokens.calendarArrowHeaderCustomSize} />\n </StyledHeaderDate>\n );\n }\n\n if (type === CalendarState.Years) {\n const yearValue = secondPart ? startYear + 12 : startYear;\n\n return (\n <StyledHeaderDate>\n {yearValue}—{yearValue + YEAR_RENDER_COUNT - 1}\n <StyledHeaderArrow color=\"inherit\" sizeCustomProperty={tokens.calendarArrowHeaderCustomSize} />\n </StyledHeaderDate>\n );\n }\n\n return '';\n };\n\n const currentCalendarType = getCalendarType(type, locale);\n\n const PreviousButton = () => (\n <StyledArrow\n className={cx(startYear <= 0 && classes.disabledPrevButton)}\n aria-label={`${I18N.previous[locale]} ${currentCalendarType}`}\n onClick={handlePrev}\n >\n <IconDisclosureLeft color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledArrow>\n );\n\n const NextButton = () => (\n <StyledArrow aria-label={`${I18N.next[locale]} ${currentCalendarType}`} onClick={handleNext}>\n <IconDisclosureRight color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledArrow>\n );\n\n return (\n <StyledCalendarHeader>\n {isDouble ? (\n <StyledNavigation>\n <StyledDoubleHeaderWrapper>\n <PreviousButton />\n <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n {getHeaderContent(firstDate)}\n </StyledHeaderDouble>\n </StyledDoubleHeaderWrapper>\n <StyledDoubleHeaderWrapper className={classes.doubleHeaderLastDateWrapper}>\n <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n {getHeaderContent(secondDate, true)}\n </StyledHeaderDouble>\n <NextButton />\n </StyledDoubleHeaderWrapper>\n </StyledNavigation>\n ) : (\n <>\n <StyledHeader\n type=\"button\"\n aria-live=\"polite\"\n id=\"id-grid-label\"\n onClick={handleCalendarState}\n tabIndex={0}\n >\n {getHeaderContent(firstDate)}\n </StyledHeader>\n <StyledArrows>\n <PreviousButton />\n <NextButton />\n </StyledArrows>\n </>\n )}\n </StyledCalendarHeader>\n );\n};\n"],"names":["CalendarHeader","_ref","_ref$type","type","_ref$startYear","startYear","size","firstDate","secondDate","isDouble","onPrev","onNext","onUpdateCalendarState","locale","handleCalendarState","newSize","sizeMap","Months","single","CalendarState","Days","Quarters","Years","handlePrev","event","stopPropagation","handleNext","getHeaderContent","date","secondPart","React","createElement","Fragment","StyledHeaderDate","MONTH_NAMES","monthIndex","year","StyledHeaderArrow","color","sizeCustomProperty","tokens","calendarArrowHeaderCustomSize","yearValue","YEAR_RENDER_COUNT","currentCalendarType","getCalendarType","PreviousButton","StyledArrow","className","cx","classes","disabledPrevButton","concat","I18N","previous","onClick","IconDisclosureLeft","NextButton","next","IconDisclosureRight","StyledCalendarHeader","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble","doubleHeaderLastDateWrapper","StyledHeader","id","tabIndex","StyledArrows"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React from 'react';\nimport type { MouseEvent } from 'react';\n\nimport { IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';\nimport { CalendarState } from '../../store/types';\nimport { getCalendarType, MONTH_NAMES, YEAR_RENDER_COUNT, I18N } from '../../utils';\nimport type { DateObject } from '../../Calendar.types';\nimport { classes, tokens } from '../../Calendar.tokens';\nimport { sizeMap } from '../../store/reducer';\nimport { cx } from '../../../../utils';\n\nimport type { CalendarHeaderProps } from './CalendarHeader.types';\nimport {\n StyledArrow,\n StyledArrows,\n StyledCalendarHeader,\n StyledDoubleHeaderWrapper,\n StyledHeader,\n StyledHeaderDate,\n StyledHeaderDouble,\n StyledNavigation,\n StyledHeaderArrow,\n} from './CalendarHeader.styles';\n\n/**\n * Компонент шапки календаря.\n */\nexport const CalendarHeader: React.FC<CalendarHeaderProps> = ({\n type = 'Days',\n startYear = 0,\n size,\n firstDate,\n secondDate,\n isDouble,\n onPrev,\n onNext,\n onUpdateCalendarState,\n locale,\n}) => {\n const handleCalendarState = () => {\n const newSize: [number, number] = isDouble ? sizeMap.Months.double : sizeMap.Months.single;\n\n if (type === CalendarState.Days) {\n onUpdateCalendarState?.(CalendarState.Months, newSize);\n }\n\n if (type === CalendarState.Months || type === CalendarState.Quarters) {\n onUpdateCalendarState?.(CalendarState.Years, newSize);\n }\n };\n\n const handlePrev = (event: MouseEvent<HTMLDivElement>) => {\n event.stopPropagation();\n\n if (startYear <= 0) {\n return;\n }\n onPrev();\n };\n\n const handleNext = (event: MouseEvent<HTMLDivElement>) => {\n event.stopPropagation();\n\n onNext();\n };\n\n const getHeaderContent = (date?: DateObject, secondPart?: boolean) => {\n if (!date) {\n return '';\n }\n\n if (type === CalendarState.Days) {\n return (\n <>\n <StyledHeaderDate>{MONTH_NAMES[locale][date.monthIndex]}</StyledHeaderDate>\n <StyledHeaderDate>\n {date.year}\n <StyledHeaderArrow color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n </>\n );\n }\n\n if (type === CalendarState.Months || type === CalendarState.Quarters) {\n return (\n <StyledHeaderDate>\n {date.year}\n <StyledHeaderArrow color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n );\n }\n\n if (type === CalendarState.Years) {\n const yearValue = secondPart ? startYear + 12 : startYear;\n\n return (\n <StyledHeaderDate>\n {yearValue}—{yearValue + YEAR_RENDER_COUNT - 1}\n <StyledHeaderArrow color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n );\n }\n\n return '';\n };\n\n const currentCalendarType = getCalendarType(type, locale);\n\n const PreviousButton = () => (\n <StyledArrow\n className={cx(startYear <= 0 && classes.disabledPrevButton)}\n aria-label={`${I18N.previous[locale]} ${currentCalendarType}`}\n onClick={handlePrev}\n >\n <IconDisclosureLeft color=\"inherit\" sizeCustomProperty={tokens.calendarArrowHeaderCustomSize} />\n </StyledArrow>\n );\n\n const NextButton = () => (\n <StyledArrow aria-label={`${I18N.next[locale]} ${currentCalendarType}`} onClick={handleNext}>\n <IconDisclosureRight color=\"inherit\" sizeCustomProperty={tokens.calendarArrowHeaderCustomSize} />\n </StyledArrow>\n );\n\n return (\n <StyledCalendarHeader>\n {isDouble ? (\n <StyledNavigation>\n <StyledDoubleHeaderWrapper>\n <PreviousButton />\n <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n {getHeaderContent(firstDate)}\n </StyledHeaderDouble>\n </StyledDoubleHeaderWrapper>\n <StyledDoubleHeaderWrapper className={classes.doubleHeaderLastDateWrapper}>\n <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n {getHeaderContent(secondDate, true)}\n </StyledHeaderDouble>\n <NextButton />\n </StyledDoubleHeaderWrapper>\n </StyledNavigation>\n ) : (\n <>\n <StyledHeader\n type=\"button\"\n aria-live=\"polite\"\n id=\"id-grid-label\"\n onClick={handleCalendarState}\n tabIndex={0}\n >\n {getHeaderContent(firstDate)}\n </StyledHeader>\n <StyledArrows>\n <PreviousButton />\n <NextButton />\n </StyledArrows>\n </>\n )}\n </StyledCalendarHeader>\n );\n};\n"],"names":["CalendarHeader","_ref","_ref$type","type","_ref$startYear","startYear","size","firstDate","secondDate","isDouble","onPrev","onNext","onUpdateCalendarState","locale","handleCalendarState","newSize","sizeMap","Months","single","CalendarState","Days","Quarters","Years","handlePrev","event","stopPropagation","handleNext","getHeaderContent","date","secondPart","React","createElement","Fragment","StyledHeaderDate","MONTH_NAMES","monthIndex","year","StyledHeaderArrow","color","yearValue","YEAR_RENDER_COUNT","currentCalendarType","getCalendarType","PreviousButton","StyledArrow","className","cx","classes","disabledPrevButton","concat","I18N","previous","onClick","IconDisclosureLeft","sizeCustomProperty","tokens","calendarArrowHeaderCustomSize","NextButton","next","IconDisclosureRight","StyledCalendarHeader","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble","doubleHeaderLastDateWrapper","StyledHeader","id","tabIndex","StyledArrows"],"mappings":"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"}
|
@@ -1,18 +1,21 @@
|
|
1
|
+
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
1
2
|
import React from 'react';
|
2
3
|
import { DisclosureLeft } from '../Icon.assets/DisclosureLeft.js';
|
3
4
|
import { IconRoot } from '../IconRoot.js';
|
4
5
|
|
6
|
+
var _excluded = ["size", "color", "className"];
|
5
7
|
var IconDisclosureLeft = function IconDisclosureLeft(_ref) {
|
6
8
|
var _ref$size = _ref.size,
|
7
9
|
size = _ref$size === void 0 ? 's' : _ref$size,
|
8
10
|
color = _ref.color,
|
9
|
-
className = _ref.className
|
10
|
-
|
11
|
+
className = _ref.className,
|
12
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
13
|
+
return /*#__PURE__*/React.createElement(IconRoot, _extends({
|
11
14
|
className: className,
|
12
15
|
size: size,
|
13
16
|
color: color,
|
14
17
|
icon: DisclosureLeft
|
15
|
-
});
|
18
|
+
}, rest));
|
16
19
|
};
|
17
20
|
|
18
21
|
export { IconDisclosureLeft };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"IconDisclosureLeft.js","sources":["../../../../src/components/_Icon/Icons/IconDisclosureLeft.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DisclosureLeft } from '../Icon.assets/DisclosureLeft';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconDisclosureLeft: React.FC<IconProps> = ({ size = 's', color, className }) => {\n return <IconRoot className={className} size={size} color={color} icon={DisclosureLeft} />;\n};\n"],"names":["IconDisclosureLeft","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","DisclosureLeft"],"mappings":"
|
1
|
+
{"version":3,"file":"IconDisclosureLeft.js","sources":["../../../../src/components/_Icon/Icons/IconDisclosureLeft.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DisclosureLeft } from '../Icon.assets/DisclosureLeft';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconDisclosureLeft: React.FC<IconProps> = ({ size = 's', color, className, ...rest }) => {\n return <IconRoot className={className} size={size} color={color} icon={DisclosureLeft} {...rest} />;\n};\n"],"names":["IconDisclosureLeft","_ref","_ref$size","size","color","className","rest","_objectWithoutProperties","_excluded","React","createElement","IconRoot","_extends","icon","DisclosureLeft"],"mappings":";;;;;;IAKaA,kBAAuC,GAAG,SAA1CA,kBAAuCA,CAAAC,IAAA,EAAkD;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAA5CE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA,CAAA;AAC3F,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAAC,QAAA,CAAA;AAACP,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACS,IAAAA,IAAI,EAAEC,cAAAA;GAAoBR,EAAAA,IAAI,CAAG,CAAC,CAAA;AACvG;;;;"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.335.0-canary.2196.
|
3
|
+
"version": "0.335.0-canary.2196.17405805727.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -79,7 +79,7 @@
|
|
79
79
|
"@rollup/plugin-babel": "^6.0.4",
|
80
80
|
"@rollup/plugin-commonjs": "^25.0.4",
|
81
81
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
82
|
-
"@salutejs/plasma-sb-utils": "0.207.0-canary.2196.
|
82
|
+
"@salutejs/plasma-sb-utils": "0.207.0-canary.2196.17405805727.0",
|
83
83
|
"@salutejs/plasma-themes": "0.37.0",
|
84
84
|
"@storybook/addon-docs": "8.6.12",
|
85
85
|
"@storybook/addon-essentials": "8.6.12",
|
@@ -117,7 +117,7 @@
|
|
117
117
|
"@linaria/react": "5.0.3",
|
118
118
|
"@popperjs/core": "2.11.8",
|
119
119
|
"@salutejs/input-core": "2.1.2",
|
120
|
-
"@salutejs/plasma-core": "1.207.0-canary.2196.
|
120
|
+
"@salutejs/plasma-core": "1.207.0-canary.2196.17405805727.0",
|
121
121
|
"@salutejs/react-maskinput": "3.2.6",
|
122
122
|
"@tanstack/react-table": "8.21.2",
|
123
123
|
"@tanstack/react-virtual": "3.13.2",
|
@@ -137,5 +137,5 @@
|
|
137
137
|
"sideEffects": [
|
138
138
|
"*.css"
|
139
139
|
],
|
140
|
-
"gitHead": "
|
140
|
+
"gitHead": "e3c87c22306d82b04d78608117c1d143faa179ee"
|
141
141
|
}
|
@@ -50,20 +50,20 @@ var CalendarHeader = function(param) {
|
|
50
50
|
if (type === _types.CalendarState.Days) {
|
51
51
|
return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledHeaderDate, null, _utils.MONTH_NAMES[locale][date.monthIndex]), /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledHeaderDate, null, date.year, /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledHeaderArrow, {
|
52
52
|
color: "inherit",
|
53
|
-
|
53
|
+
size: size === 'xs' ? 'xs' : 's'
|
54
54
|
})));
|
55
55
|
}
|
56
56
|
if (type === _types.CalendarState.Months || type === _types.CalendarState.Quarters) {
|
57
57
|
return /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledHeaderDate, null, date.year, /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledHeaderArrow, {
|
58
58
|
color: "inherit",
|
59
|
-
|
59
|
+
size: size === 'xs' ? 'xs' : 's'
|
60
60
|
}));
|
61
61
|
}
|
62
62
|
if (type === _types.CalendarState.Years) {
|
63
63
|
var yearValue = secondPart ? startYear + 12 : startYear;
|
64
64
|
return /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledHeaderDate, null, yearValue, "—", yearValue + _utils.YEAR_RENDER_COUNT - 1, /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledHeaderArrow, {
|
65
65
|
color: "inherit",
|
66
|
-
|
66
|
+
size: size === 'xs' ? 'xs' : 's'
|
67
67
|
}));
|
68
68
|
}
|
69
69
|
return '';
|
@@ -76,7 +76,7 @@ var CalendarHeader = function(param) {
|
|
76
76
|
onClick: handlePrev
|
77
77
|
}, /*#__PURE__*/ _react.default.createElement(_Icon.IconDisclosureLeft, {
|
78
78
|
color: "inherit",
|
79
|
-
|
79
|
+
sizeCustomProperty: _Calendartokens.tokens.calendarArrowHeaderCustomSize
|
80
80
|
}));
|
81
81
|
};
|
82
82
|
var NextButton = function() {
|
@@ -85,7 +85,7 @@ var CalendarHeader = function(param) {
|
|
85
85
|
onClick: handleNext
|
86
86
|
}, /*#__PURE__*/ _react.default.createElement(_Icon.IconDisclosureRight, {
|
87
87
|
color: "inherit",
|
88
|
-
|
88
|
+
sizeCustomProperty: _Calendartokens.tokens.calendarArrowHeaderCustomSize
|
89
89
|
}));
|
90
90
|
};
|
91
91
|
return /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledCalendarHeader, null, isDouble ? /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledNavigation, null, /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledDoubleHeaderWrapper, null, /*#__PURE__*/ _react.default.createElement(PreviousButton, null), /*#__PURE__*/ _react.default.createElement(_CalendarHeaderstyles.StyledHeaderDouble, {
|
@@ -11,17 +11,76 @@ Object.defineProperty(exports, "IconDisclosureLeft", {
|
|
11
11
|
var _react = /*#__PURE__*/ _interop_require_default(require("react"));
|
12
12
|
var _DisclosureLeft = require("../Icon.assets/DisclosureLeft");
|
13
13
|
var _IconRoot = require("../IconRoot");
|
14
|
+
function _define_property(obj, key, value) {
|
15
|
+
if (key in obj) {
|
16
|
+
Object.defineProperty(obj, key, {
|
17
|
+
value: value,
|
18
|
+
enumerable: true,
|
19
|
+
configurable: true,
|
20
|
+
writable: true
|
21
|
+
});
|
22
|
+
} else {
|
23
|
+
obj[key] = value;
|
24
|
+
}
|
25
|
+
return obj;
|
26
|
+
}
|
14
27
|
function _interop_require_default(obj) {
|
15
28
|
return obj && obj.__esModule ? obj : {
|
16
29
|
default: obj
|
17
30
|
};
|
18
31
|
}
|
19
|
-
|
20
|
-
var
|
21
|
-
|
32
|
+
function _object_spread(target) {
|
33
|
+
for(var i = 1; i < arguments.length; i++){
|
34
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
35
|
+
var ownKeys = Object.keys(source);
|
36
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
37
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
38
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
39
|
+
}));
|
40
|
+
}
|
41
|
+
ownKeys.forEach(function(key) {
|
42
|
+
_define_property(target, key, source[key]);
|
43
|
+
});
|
44
|
+
}
|
45
|
+
return target;
|
46
|
+
}
|
47
|
+
function _object_without_properties(source, excluded) {
|
48
|
+
if (source == null) return {};
|
49
|
+
var target = _object_without_properties_loose(source, excluded);
|
50
|
+
var key, i;
|
51
|
+
if (Object.getOwnPropertySymbols) {
|
52
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
53
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
54
|
+
key = sourceSymbolKeys[i];
|
55
|
+
if (excluded.indexOf(key) >= 0) continue;
|
56
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
57
|
+
target[key] = source[key];
|
58
|
+
}
|
59
|
+
}
|
60
|
+
return target;
|
61
|
+
}
|
62
|
+
function _object_without_properties_loose(source, excluded) {
|
63
|
+
if (source == null) return {};
|
64
|
+
var target = {};
|
65
|
+
var sourceKeys = Object.keys(source);
|
66
|
+
var key, i;
|
67
|
+
for(i = 0; i < sourceKeys.length; i++){
|
68
|
+
key = sourceKeys[i];
|
69
|
+
if (excluded.indexOf(key) >= 0) continue;
|
70
|
+
target[key] = source[key];
|
71
|
+
}
|
72
|
+
return target;
|
73
|
+
}
|
74
|
+
var IconDisclosureLeft = function(_param) {
|
75
|
+
var _param_size = _param.size, size = _param_size === void 0 ? 's' : _param_size, color = _param.color, className = _param.className, rest = _object_without_properties(_param, [
|
76
|
+
"size",
|
77
|
+
"color",
|
78
|
+
"className"
|
79
|
+
]);
|
80
|
+
return /*#__PURE__*/ _react.default.createElement(_IconRoot.IconRoot, _object_spread({
|
22
81
|
className: className,
|
23
82
|
size: size,
|
24
83
|
color: color,
|
25
84
|
icon: _DisclosureLeft.DisclosureLeft
|
26
|
-
});
|
85
|
+
}, rest));
|
27
86
|
};
|
@@ -1,16 +1 @@
|
|
1
1
|
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
3
|
-
value: true
|
4
|
-
});
|
5
|
-
Object.defineProperty(exports, "Combobox", {
|
6
|
-
enumerable: true,
|
7
|
-
get: function() {
|
8
|
-
return Combobox;
|
9
|
-
}
|
10
|
-
});
|
11
|
-
var _engines = require("../../../engines");
|
12
|
-
var _ = require("../../..");
|
13
|
-
var _Comboboxconfig = require("./Combobox.config");
|
14
|
-
var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
|
15
|
-
var ComboboxComponent = (0, _engines.component)(mergedConfig);
|
16
|
-
var Combobox = ComboboxComponent;
|
@@ -37,20 +37,20 @@ import { StyledArrow, StyledArrows, StyledCalendarHeader, StyledDoubleHeaderWrap
|
|
37
37
|
if (type === CalendarState.Days) {
|
38
38
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(StyledHeaderDate, null, MONTH_NAMES[locale][date.monthIndex]), /*#__PURE__*/ React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/ React.createElement(StyledHeaderArrow, {
|
39
39
|
color: "inherit",
|
40
|
-
|
40
|
+
size: size === 'xs' ? 'xs' : 's'
|
41
41
|
})));
|
42
42
|
}
|
43
43
|
if (type === CalendarState.Months || type === CalendarState.Quarters) {
|
44
44
|
return /*#__PURE__*/ React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/ React.createElement(StyledHeaderArrow, {
|
45
45
|
color: "inherit",
|
46
|
-
|
46
|
+
size: size === 'xs' ? 'xs' : 's'
|
47
47
|
}));
|
48
48
|
}
|
49
49
|
if (type === CalendarState.Years) {
|
50
50
|
var yearValue = secondPart ? startYear + 12 : startYear;
|
51
51
|
return /*#__PURE__*/ React.createElement(StyledHeaderDate, null, yearValue, "—", yearValue + YEAR_RENDER_COUNT - 1, /*#__PURE__*/ React.createElement(StyledHeaderArrow, {
|
52
52
|
color: "inherit",
|
53
|
-
|
53
|
+
size: size === 'xs' ? 'xs' : 's'
|
54
54
|
}));
|
55
55
|
}
|
56
56
|
return '';
|
@@ -63,7 +63,7 @@ import { StyledArrow, StyledArrows, StyledCalendarHeader, StyledDoubleHeaderWrap
|
|
63
63
|
onClick: handlePrev
|
64
64
|
}, /*#__PURE__*/ React.createElement(IconDisclosureLeft, {
|
65
65
|
color: "inherit",
|
66
|
-
|
66
|
+
sizeCustomProperty: tokens.calendarArrowHeaderCustomSize
|
67
67
|
}));
|
68
68
|
};
|
69
69
|
var NextButton = function() {
|
@@ -72,7 +72,7 @@ import { StyledArrow, StyledArrows, StyledCalendarHeader, StyledDoubleHeaderWrap
|
|
72
72
|
onClick: handleNext
|
73
73
|
}, /*#__PURE__*/ React.createElement(IconDisclosureRight, {
|
74
74
|
color: "inherit",
|
75
|
-
|
75
|
+
sizeCustomProperty: tokens.calendarArrowHeaderCustomSize
|
76
76
|
}));
|
77
77
|
};
|
78
78
|
return /*#__PURE__*/ React.createElement(StyledCalendarHeader, null, isDouble ? /*#__PURE__*/ React.createElement(StyledNavigation, null, /*#__PURE__*/ React.createElement(StyledDoubleHeaderWrapper, null, /*#__PURE__*/ React.createElement(PreviousButton, null), /*#__PURE__*/ React.createElement(StyledHeaderDouble, {
|
@@ -1,12 +1,71 @@
|
|
1
|
+
function _define_property(obj, key, value) {
|
2
|
+
if (key in obj) {
|
3
|
+
Object.defineProperty(obj, key, {
|
4
|
+
value: value,
|
5
|
+
enumerable: true,
|
6
|
+
configurable: true,
|
7
|
+
writable: true
|
8
|
+
});
|
9
|
+
} else {
|
10
|
+
obj[key] = value;
|
11
|
+
}
|
12
|
+
return obj;
|
13
|
+
}
|
14
|
+
function _object_spread(target) {
|
15
|
+
for(var i = 1; i < arguments.length; i++){
|
16
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
17
|
+
var ownKeys = Object.keys(source);
|
18
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
19
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
20
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
21
|
+
}));
|
22
|
+
}
|
23
|
+
ownKeys.forEach(function(key) {
|
24
|
+
_define_property(target, key, source[key]);
|
25
|
+
});
|
26
|
+
}
|
27
|
+
return target;
|
28
|
+
}
|
29
|
+
function _object_without_properties(source, excluded) {
|
30
|
+
if (source == null) return {};
|
31
|
+
var target = _object_without_properties_loose(source, excluded);
|
32
|
+
var key, i;
|
33
|
+
if (Object.getOwnPropertySymbols) {
|
34
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
35
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
36
|
+
key = sourceSymbolKeys[i];
|
37
|
+
if (excluded.indexOf(key) >= 0) continue;
|
38
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
39
|
+
target[key] = source[key];
|
40
|
+
}
|
41
|
+
}
|
42
|
+
return target;
|
43
|
+
}
|
44
|
+
function _object_without_properties_loose(source, excluded) {
|
45
|
+
if (source == null) return {};
|
46
|
+
var target = {};
|
47
|
+
var sourceKeys = Object.keys(source);
|
48
|
+
var key, i;
|
49
|
+
for(i = 0; i < sourceKeys.length; i++){
|
50
|
+
key = sourceKeys[i];
|
51
|
+
if (excluded.indexOf(key) >= 0) continue;
|
52
|
+
target[key] = source[key];
|
53
|
+
}
|
54
|
+
return target;
|
55
|
+
}
|
1
56
|
import React from "react";
|
2
57
|
import { DisclosureLeft } from "../Icon.assets/DisclosureLeft";
|
3
58
|
import { IconRoot } from "../IconRoot";
|
4
|
-
export var IconDisclosureLeft = function(
|
5
|
-
var _param_size =
|
6
|
-
|
59
|
+
export var IconDisclosureLeft = function(_param) {
|
60
|
+
var _param_size = _param.size, size = _param_size === void 0 ? 's' : _param_size, color = _param.color, className = _param.className, rest = _object_without_properties(_param, [
|
61
|
+
"size",
|
62
|
+
"color",
|
63
|
+
"className"
|
64
|
+
]);
|
65
|
+
return /*#__PURE__*/ React.createElement(IconRoot, _object_spread({
|
7
66
|
className: className,
|
8
67
|
size: size,
|
9
68
|
color: color,
|
10
69
|
icon: DisclosureLeft
|
11
|
-
});
|
70
|
+
}, rest));
|
12
71
|
};
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import { component, mergeConfig } from "../../../engines";
|
2
|
+
import { comboboxNewConfig } from "../../..";
|
3
|
+
import { config } from "./Combobox.config";
|
4
|
+
var mergedConfig = mergeConfig(comboboxNewConfig, config);
|
5
|
+
var ComboboxComponent = component(mergedConfig);
|
6
|
+
var Combobox = ComboboxComponent;
|
7
|
+
export { Combobox };
|