npm - @salutejs/plasma-new-hope - Versions diffs - 0.92.0-dev.0 → 0.93.0-canary.1224.9665090614.0 - Mend

@salutejs/plasma-new-hope 0.92.0-dev.0 → 0.93.0-canary.1224.9665090614.0

Files changed (617) hide show

package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarHeader.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { ~~buttonFocus~~, flexCenter } from '../../mixins';\nimport { ~~tokens~~ } from '~~../../Calendar.tokens~~';\n\nexport const StyledCalendarHeader = styled.div`\n padding: ~~1rem~~ 1.~~5rem~~ 0;\n font-family: var(${tokens.calendarHeaderFontFamily});\n font-size: var(${tokens.calendarHeaderFontSize});\n font-style: var(${tokens.calendarHeaderFontStyle});\n font-weight: var(${tokens.calendarHeaderFontWeightBold});\n letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing});\n line-height: var(${tokens.calendarHeaderFontLineHeight});\n\n display: flex;\n justify-content: space-between;\n align-items: center;\n~~`;\~~n\~~nexport const StyledHeader = styled(buttonFocus)`\~~n color: var(${tokens.~~calendarContentPrimaryColor~~});\n ~~cursor: pointer;\~~n ~~padding~~: 0.~~5rem~~ 0;\n ~~font-family~~: var(${tokens.~~calendarHeaderFontFamily~~});\n ~~font~~-~~size~~: var(${tokens.~~calendarHeaderFontSize~~});\n ~~font-style~~: var(${tokens.~~calendarHeaderFontStyle~~});\n ~~font-weight~~: var(${tokens.~~calendarHeaderFontWeightBold~~});\n ~~letter-spacing~~: var(${tokens.~~calendarHeaderFontLetterSpacing~~});\n ~~line-height~~: var(${tokens.~~calendarHeaderFontLineHeight~~});\n\n ~~display~~: ~~flex~~;\n ~~justify-content~~: ~~space-between~~;\n ~~align-items: center;\n`;\n\nexport const StyledHeaderDouble = styled~~.~~h4`\n font-family~~: var(${tokens.~~calendarHeaderFontFamily~~});\n ~~font-size~~: var(${tokens.~~calendarHeaderFontSize~~});\n ~~font-style~~: var(${tokens.~~calendarHeaderFontStyle~~});\n ~~font-weight~~: var(${tokens.~~calendarHeaderFontWeightBold~~});\n ~~letter-spacing~~: var(${tokens.~~calendarHeaderFontLetterSpacing~~});\n ~~line-height~~: var(${tokens.~~calendarHeaderFontLineHeight~~});\n ~~margin-top~~: 0;\n ~~margin-bottom~~: 0;\n ~~padding~~: 0.~~5rem~~ 0;\n ~~flex~~: 1;\n\n ${~~String(flexCenter)~~}~~;\n\n &:first-of-type~~ {\n ~~margin~~-~~right~~: ~~3rem~~;\n }\n\n ~~&:last-of-type~~ {\n ~~margin~~-~~left~~: ~~3rem~~;\n }\n`;\n\nexport const ~~StyledArrows~~ = styled.~~div~~`\n ~~padding~~: 0.~~5rem~~ 0;\n ~~width~~: var(${tokens.~~calendarHeaderArrowContainerWidth~~});\n\n ~~display~~: ~~flex~~;\n ~~justify~~-~~content~~: ~~space~~-~~between~~;\n ~~align~~-~~items~~: center;\n~~`;\n\nexport~~ ~~const StyledArrow = styled(buttonFocus)`\~~n display: flex;\n ~~cursor~~: ~~pointer~~;\n~~`;\~~n~~\nexport~~ ~~const StyledNavigation = styled.div`\~~n ~~width~~: ~~100%;\~~n\n ${String(flexCenter)};\n`;\n"],"names":["StyledCalendarHeader","styled","name","class","propsAsIs","~~_exp7~~","~~buttonFocus~~","~~StyledHeader~~","~~StyledHeaderDouble~~","~~StyledArrows~~","~~_exp23~~","~~StyledArrow~~","~~StyledNavigation~~"],"mappings":"~~;;;;;;;AAKO~~,IAAMA,oBAAoB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAYzC~~,EAAA;~~AAAC~~,~~IAAAC,KAAA,GAhBgBA,SAgBhBA,KAAAA,GAAA;AAAA,EAAA,OAEiCC,iBAAW,CAAA;AAAA,CAAA,CAAA;AAAvC,~~IAAMC,YAAY,~~gBAAGN~~,YAAM,~~CAAAI~~,~~KAAA~~,~~EAAA,~~CAAA,CAAA;~~AAAAH~~,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,~~IAAA~~;AAAA,~~CAcjC~~,EAAA;AAEM,~~IAAMI~~,~~kBAAkB~~,~~gBAAGP~~,YAAM,CAAA,~~IAAA~~,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,~~oBAAA~~;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAqBvC~~,EAAA;AAEM,~~IAAMK~~,YAAY,~~gBAAGR~~,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAOjC~~,EAAA;~~AAAC~~,~~IAAAM~~,MAAA,~~GAhEgBA~~,~~SAgEhBA~~,MAAAA,GAAA;AAAA,EAAA,~~OAEgCJ~~,~~iBAAW~~,CAAA;AAAA,CAAA,CAAA;~~AAAtC~~,~~IAAMK~~,WAAW,~~gBAAGV~~,YAAM,~~CAAAS~~,MAAA,EAAA,CAAA,CAAA;~~AAAAR~~,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,~~CAGhC~~,EAAA;AAEM,~~IAAMQ~~,gBAAgB,~~gBAAGX~~,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAIrC;;;;;;;;;~~"}
1	+ {"version":3,"file":"CalendarHeader.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Calendar.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { iconButtonConfig, iconButtonTokens } from '../../../IconButton';\nimport { flexCenter } from '../../mixins';\nimport { addFocus } from '../../../../mixins';\n\nconst mergedIconButtonConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedIconButtonConfig);\n\nexport const StyledCalendarHeader = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: var(${tokens.calendarHeaderWrapperPadding});\n`;\n\nexport const StyledHeader = styled.button`\n border: none;\n background-color: transparent;\n padding: 0;\n outline: none;\n font-family: var(${tokens.calendarHeaderFontFamily});\n font-size: var(${tokens.calendarHeaderFontSize});\n font-style: var(${tokens.calendarHeaderFontStyle});\n font-weight: var(${tokens.calendarHeaderFontWeightBold});\n letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing});\n line-height: var(${tokens.calendarHeaderFontLineHeight});\n padding: var(${tokens.calendarHeaderPadding});\n\n color: var(${tokens.calendarContentPrimaryColor});\n\n cursor: pointer;\n display: flex;\n gap: var(${tokens.calendarHeaderDateGap});\n justify-content: space-between;\n align-items: center;\n\n &:hover,\n &:active {\n color: var(${tokens.calendarContentSecondaryColor});\n }\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: '0.563rem',\n })};\n`;\n\nexport const StyledHeaderDate = styled.span`\n ${flexCenter};\n pointer-events: none;\n`;\n\nexport const StyledArrows = styled.div`\n display: flex;\n gap: var(${tokens.calendarHeaderArrowGap});\n padding: var(${tokens.calendarHeaderArrowPadding});\n`;\n\n// NOTE: переопределение токенов IconButton\nexport const StyledArrow = styled(IconButton)`\n ${iconButtonTokens.iconButtonColor}: var(${tokens.iconButtonColor});\n ${iconButtonTokens.iconButtonBackgroundColor}: var(${tokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(${tokens.iconButtonColorHover});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover});\n ${iconButtonTokens.iconButtonColorActive}: var(${tokens.iconButtonColorActive});\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive});\n ${iconButtonTokens.iconButtonHeight}: var(${tokens.iconButtonHeight});\n ${iconButtonTokens.iconButtonWidth}: var(${tokens.iconButtonWidth});\n ${iconButtonTokens.iconButtonPadding}: var(${tokens.iconButtonPadding});\n ${iconButtonTokens.iconButtonRadius}: var(${tokens.iconButtonRadius});\n ${iconButtonTokens.iconButtonFocusColor}: var(${tokens.iconButtonFocusColor});\n`;\n\nexport const StyledNavigation = styled.div`\n width: 100%;\n ${flexCenter};\n`;\n\nexport const StyledDoubleHeaderWrapper = styled.div`\n width: 100%;\n display: grid;\n grid-template-columns: var(${tokens.iconButtonWidth}) 1fr var(${tokens.iconButtonWidth});\n grid-template-areas: 'a b c';\n\n ${StyledArrow} {\n grid-area: a;\n }\n\n &.${classes.doubleHeaderLastDateWrapper} ${StyledArrow} {\n grid-area: c;\n }\n`;\n\nexport const StyledHeaderDouble = styled.h4`\n font-family: var(${tokens.calendarHeaderFontFamily});\n font-size: var(${tokens.calendarHeaderFontSize});\n font-style: var(${tokens.calendarHeaderFontStyle});\n font-weight: var(${tokens.calendarHeaderFontWeightBold});\n letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing});\n line-height: var(${tokens.calendarHeaderFontLineHeight});\n\n grid-area: b;\n justify-self: center;\n cursor: pointer;\n display: flex;\n gap: var(${tokens.calendarHeaderDateGap});\n justify-content: space-between;\n align-items: center;\n margin: 0;\n\n ${String(flexCenter)};\n`;\n"],"names":["mergedIconButtonConfig","mergeConfig","iconButtonConfig","IconButton","component","StyledCalendarHeader","styled","name","class","propsAsIs","StyledHeader","StyledHeaderDate","StyledArrows","_exp16","StyledArrow","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble"],"mappings":";;;;;;;;;AAQA,IAAMA,sBAAsB,gBAAGC,kBAAW,CAACC,6BAAgB,CAAC,CAAA;AAC5D,IAAMC,UAAU,gBAAGC,gBAAS,CAACJ,sBAAsB,CAAC,CAAA;AAE7C,IAAMK,oBAAoB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKzC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgCjC,EAAA;AAEM,IAAME,gBAAgB,gBAAGL,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGrC,EAAA;AAEM,IAAMG,YAAY,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIjC,EAAA;;AAED;AAAA,IAAAI,MAAA,GA9DkBA,SA8DlBA,MAAAA,GAAA;AAAA,EAAA,OACkCV,UAAU,CAAA;AAAA,CAAA,CAAA;AAArC,IAAMW,WAAW,gBAAGR,YAAM,CAAAO,MAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAYhC,EAAA;AAEM,IAAMM,gBAAgB,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGrC,EAAA;AAEM,IAAMO,yBAAyB,gBAAGV,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAa9C,EAAA;AAEM,IAAMQ,kBAAkB,gBAAGX,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAkBvC;;;;;;;;;;;"}

package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_gnorek.css ADDED Viewed

@@ -0,0 +1,8 @@
+.sjaqipy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-calendar-header-wrapper-padding);}
+.s1k7jebr{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);padding:var(--plasma-calendar-header-padding);color:var(--plasma-calendar-content-primary-color);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.s1k7jebr:hover,.s1k7jebr:active{color:var(--plasma-calendar-content-secondary-color);}.s1k7jebr::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1k7jebr.focus-visible:focus::before,.s1k7jebr[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
+.s1b07tlr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none;}
+.s13yvda3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-arrow-container-gap);padding:var(--plasma-calendar-arrow-container-padding);}
+.s1i8jkj2{--plasma-icon-button-color:var(--plasma-calendar-icon-button-color);--plasma-icon-button-background-color:var(--plasma-calendar-icon-button-background);--plasma-icon-button-color-hover:var(--plasma-calendar-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-calendar-icon-button-background-hover);--plasma-icon-button-color-active:var(--plasma-calendar-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-calendar-icon-button-background-active);--plasma-icon-button-height:var(--plasma-calendar-icon-button-height);--plasma-icon-button-width:var(--plasma-calendar-icon-button-width);--plasma-icon-button-padding:var(--plasma-calendar-icon-button-padding);--plasma-icon-button-radius:var(--plasma-calendar-icon-button-radius);--plasma-icon-button-focus-color:var(--plasma-calendar-icon-button-focus-color);}
+.sw3by8z{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.sdke0q6{width:100%;display:grid;grid-template-columns:var(--plasma-calendar-icon-button-width) 1fr var(--plasma-calendar-icon-button-width);grid-template-areas:'a b c';}.sdke0q6 .s1i8jkj2{grid-area:a;}.sdke0q6.double-header--last-date-wrapper .s1i8jkj2{grid-area:c;}
+.sdtpxcv{font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}

package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css CHANGED Viewed

@@ -1,4 +1,4 @@
-.CalendarMonths_styles_1jnzviu_s2fb05v__623e79aa{padding:0.5rem 1.5rem 1.5rem;box-sizing:border-box;}
-.CalendarMonths_styles_1jnzviu_s1nlg4aa__623e79aa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.CalendarMonths_styles_1jnzviu_s1cvx4bk__623e79aa{border-radius:0.438rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.CalendarMonths_styles_1jnzviu_s14caaqm__623e79aa{font-family:var(--plasma-calendar-month-font-family);font-size:var(--plasma-calendar-month-font-size);font-style:var(--plasma-calendar-month-font-style);font-weight:var(--plasma-calendar-month-font-weight);-webkit-letter-spacing:var(--plasma-calendar-month-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-month-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-month-font-letter-spacing);letter-spacing:var(--plasma-calendar-month-font-letter-spacing);line-height:var(--plasma-calendar-month-line-height);position:relative;box-sizing:border-box;min-height:3.5rem;border-radius:var(--plasma-calendar-item-border-radius);-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;--calendar_private-selected-min-width:5.25rem;--calendar_private-selected-min-height:3.25rem;--calendar_private-selected-background:var(--plasma-calendar-selected-item-background);--calendar_private-selected-color:var(--plasma-calendar-selected-item-color);--calendar_private-selectable-background-hover:var(--plasma-calendar-selectable-item-bg-hover);--calendar_private-current-border-color:var(--plasma-calendar-current-item-border-color);--calendar_private-current-background-hover:var(--plasma-calendar-current-item-bg-hover);--calendar_private-current-color-hover:var(--plasma-calendar-current-item-color-hover);--calendar_private-current-child-background-hover:var(--plasma-calendar-current-item-child-bg-hover);--calendar_private-active-background:var(--plasma-calendar-active-item-bg);--calendar_private-active-color-hover:var(--plasma-calendar-active-item-color);--calendar_private-hovered-background:var(--plasma-calendar-hovered-item-bg);--calendar_private-hovered-color:var(--plasma-calendar-hovered-item-color);outline:none;cursor:pointer;}.CalendarMonths_styles_1jnzviu_s14caaqm__623e79aa::before{content:'';position:absolute;top:-0.063rem;left:-0.063rem;right:-0.063rem;bottom:-0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarMonths_styles_1jnzviu_s14caaqm__623e79aa.CalendarMonths_styles_1jnzviu_focusVisible__623e79aa:focus::before,.CalendarMonths_styles_1jnzviu_s14caaqm__623e79aa[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.CalendarMonths_styles_1jnzviu_s14caaqm__623e79aa:hover:not(.CalendarMonths_styles_1jnzviu_itemSelected__623e79aa){background-color:var(--calendar_private-selectable-background-hover);}.CalendarMonths_styles_1jnzviu_s14caaqm__623e79aa:hover:not(.CalendarMonths_styles_1jnzviu_itemSelected__623e79aa):active{background-color:var(--calendar_private-active-background);color:var(--calendar_private-active-color);font-weight:var(--plasma-typo-body-s-bold-font-weight);}.CalendarMonths_styles_1jnzviu_s14caaqm__623e79aa.CalendarMonths_styles_1jnzviu_itemSelected__623e79aa{border:0;background-color:var(--calendar_private-selected-background);color:var(--calendar_private-selected-color);cursor:default;font-weight:var(--plasma-typo-body-s-bold-font-weight);}.CalendarMonths_styles_1jnzviu_s14caaqm__623e79aa.CalendarMonths_styles_1jnzviu_itemCurrent__623e79aa{border:0.063rem solid var(--calendar_private-current-border-color);}.CalendarMonths_styles_1jnzviu_s14caaqm__623e79aa.CalendarMonths_styles_1jnzviu_itemCurrent__623e79aa:not(.CalendarMonths_styles_1jnzviu_itemSelected__623e79aa):hover{background-color:var(--calendar_private-current-background-hover);color:var(--calendar_private-current-color-hover);}.CalendarMonths_styles_1jnzviu_s14caaqm__623e79aa.CalendarMonths_styles_1jnzviu_itemCurrent__623e79aa:not(.CalendarMonths_styles_1jnzviu_itemSelected__623e79aa):hover > div:first-of-type{background-color:var(--calendar_private-current-child-background-hover);min-width:var(--calendar_private-selected-min-width);min-height:var(--calendar_private-selected-min-height);}.CalendarMonths_styles_1jnzviu_s14caaqm__623e79aa.CalendarMonths_styles_1jnzviu_itemCurrent__623e79aa:not(.CalendarMonths_styles_1jnzviu_itemSelected__623e79aa):hover:active{background-color:var(--calendar_private-active-background);color:var(--calendar_private-active-color);font-weight:var(--plasma-typo-body-s-bold-font-weight);}.CalendarMonths_styles_1jnzviu_s14caaqm__623e79aa.CalendarMonths_styles_1jnzviu_itemHovered__623e79aa,.CalendarMonths_styles_1jnzviu_s14caaqm__623e79aa.CalendarMonths_styles_1jnzviu_itemHovered__623e79aa:hover{background-color:var(--calendar_private-hovered-background);color:var(--calendar_private-hovered-color);cursor:pointer;font-weight:var(--plasma-typo-body-s-bold-font-weight);}.CalendarMonths_styles_1jnzviu_s14caaqm__623e79aa.CalendarMonths_styles_1jnzviu_itemHovered__623e79aa:active,.CalendarMonths_styles_1jnzviu_s14caaqm__623e79aa.CalendarMonths_styles_1jnzviu_itemHovered__623e79aa:hover:active{background-color:var(--calendar_private-active-background);color:var(--calendar_private-active-color);font-weight:var(--plasma-typo-body-s-bold-font-weight);}.CalendarMonths_styles_1jnzviu_s14caaqm__623e79aa:active{background-color:var(--calendar_private-active-background);color:var(--calendar_private-active-color);font-weight:var(--plasma-typo-body-s-bold-font-weight);}
+.CalendarMonths_styles_wmlwil_s2fb05v__7dae290b{padding:var(--plasma-calendar-months-padding);box-sizing:border-box;}
+.CalendarMonths_styles_wmlwil_s1nlg4aa__7dae290b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.CalendarMonths_styles_wmlwil_s1cvx4bk__7dae290b{border-radius:calc(var(--plasma-calendar-month-item-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b{font-family:var(--plasma-calendar-month-font-family);font-size:var(--plasma-calendar-month-font-size);font-style:var(--plasma-calendar-month-font-style);font-weight:var(--plasma-calendar-month-font-weight);-webkit-letter-spacing:var(--plasma-calendar-month-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-month-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-month-font-letter-spacing);letter-spacing:var(--plasma-calendar-month-font-letter-spacing);line-height:var(--plasma-calendar-month-line-height);position:relative;box-sizing:border-box;min-height:var(--plasma-calendar-month-item-height);min-width:var(--plasma-calendar-month-item-width);border-radius:var(--plasma-calendar-month-item-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none;cursor:pointer;position:relative;}.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b.CalendarMonths_styles_wmlwil_itemHovered__7dae290b,.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b.CalendarMonths_styles_wmlwil_itemHovered__7dae290b:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-month-selected-font-weight);}.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b.CalendarMonths_styles_wmlwil_itemSelected__7dae290b:not(.CalendarMonths_styles_wmlwil_itemCurrent__7dae290b){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-month-selected-font-weight);}.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b:active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-month-selected-font-weight);}.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b.CalendarMonths_styles_wmlwil_itemCurrent__7dae290b{border:0.063rem solid var(--plasma-calendar-current-item-border-color);}.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b.CalendarMonths_styles_wmlwil_itemCurrent__7dae290b.CalendarMonths_styles_wmlwil_itemSelected__7dae290b{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-month-selected-font-weight);}.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b.CalendarMonths_styles_wmlwil_itemCurrent__7dae290b.CalendarMonths_styles_wmlwil_itemSelected__7dae290b > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-month-item-width) - 0.25rem);min-height:calc(var(--plasma-calendar-month-item-height) - 0.25rem);}.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-month-item-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b.CalendarMonths_styles_wmlwil_focusVisible__7dae290b:focus::before,.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b.CalendarMonths_styles_wmlwil_itemCurrent__7dae290b{position:relative;}.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b.CalendarMonths_styles_wmlwil_itemCurrent__7dae290b::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-month-item-border-radius) - 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b.CalendarMonths_styles_wmlwil_itemCurrent__7dae290b.CalendarMonths_styles_wmlwil_focusVisible__7dae290b:focus::before,.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b.CalendarMonths_styles_wmlwil_itemCurrent__7dae290b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}

package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js CHANGED Viewed

@@ -59,7 +59,7 @@ var CalendarMonths = function CalendarMonths(_ref) {
         isCurrent = _ref2.isCurrent,
         monthFullName = _ref2.monthFullName;
       var selectedClass = isSelected ? Calendar_tokens.classes.selectedItem : undefined;
-      var currentClass = !isSelected && isCurrent ? Calendar_tokens.classes.currentItem : undefined;
+      var currentClass = isCurrent ? Calendar_tokens.classes.currentItem : undefined;
       return /*#__PURE__*/React.createElement(CalendarMonths_styles.StyledMonthRoot, {
         id: "month-test-".concat(i, "-").concat(j),
         className: index.cx(selectedClass, currentClass, Calendar_tokens.classes.selectableItem),

package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarMonths.js","sources":["../../../../../src/components/Calendar/ui/CalendarMonths/CalendarMonths.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\n\nimport { cx } from '../../../../utils';\nimport { useMonths } from '../../hooks';\nimport { classes } from '../../Calendar.tokens';\n\nimport type { CalendarMonthsProps } from './CalendarMonths.types';\nimport { StyledCalendarMonths, StyledFlex, StyledMonth, StyledMonthRoot } from './CalendarMonths.styles';\n\n/*\n Компонент месяцев в календаре.\n /\nexport const CalendarMonths: React.FC<CalendarMonthsProps> = ({\n date: currentDate,\n selectIndexes,\n outerRefs,\n onChangeMonth,\n onSetSelected,\n onKeyDown,\n}) => {\n const [months, selected] = useMonths(currentDate);\n const selectedRef = useRef(selected);\n const onSetSelectedRef = useRef(onSetSelected);\n\n const handleOnChangeMonth = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n /\n нужно вызвать stopImmediatePropagation для случаев, когда\n * обработчик события onClick навешивается снаружи.\n * Как, например, в компоненте Popup\n */\n event.nativeEvent.stopImmediatePropagation();\n\n const { monthIndex } = event.currentTarget.dataset;\n onChangeMonth(Number(monthIndex));\n },\n [onChangeMonth],\n );\n\n const getRefs = useCallback(\n (element: HTMLDivElement, i: number, j: number) => {\n outerRefs.current[i][j] = element;\n },\n [outerRefs],\n );\n\n useEffect(() => {\n if (selectedRef.current) {\n onSetSelectedRef.current?.(selectedRef.current);\n }\n }, []);\n\n return (\n <StyledCalendarMonths role=\"grid\" aria-labelledby=\"id-grid-label\" onKeyDown={onKeyDown}>\n {months.map((month, i) => (\n <StyledFlex role=\"row\" key={i}>\n {month.map(({ monthName, monthIndex, isSelected, isCurrent, monthFullName }, j) => {\n const selectedClass = isSelected ? classes.selectedItem : undefined;\n const currentClass = ~~!isSelected &&~~ isCurrent ? classes.currentItem : undefined;\n\n return (\n <StyledMonthRoot\n id={`month-test-${i}-${j}`}\n className={cx(selectedClass, currentClass, classes.selectableItem)}\n ref={(element: HTMLDivElement) => getRefs(element, i, j)}\n tabIndex={i === selectIndexes?.[0] && j === selectIndexes?.[1] ? 0 : -1}\n onClick={handleOnChangeMonth}\n data-month-index={monthIndex}\n aria-selected={isSelected}\n role=\"gridcell\"\n key={`StyledMonth-${i}-${j}`}\n aria-label={monthFullName}\n >\n <StyledMonth>{monthName}</StyledMonth>\n </StyledMonthRoot>\n );\n })}\n </StyledFlex>\n ))}\n </StyledCalendarMonths>\n );\n};\n"],"names":["CalendarMonths","_ref","currentDate","date","selectIndexes","outerRefs","onChangeMonth","onSetSelected","onKeyDown","_useMonths","useMonths","_useMonths2","_slicedToArray","months","selected","selectedRef","useRef","onSetSelectedRef","handleOnChangeMonth","useCallback","event","nativeEvent","stopImmediatePropagation","monthIndex","currentTarget","dataset","Number","getRefs","element","i","j","current","useEffect","_onSetSelectedRef$cur","call","React","createElement","StyledCalendarMonths","role","map","month","StyledFlex","key","_ref2","monthName","isSelected","isCurrent","monthFullName","selectedClass","classes","selectedItem","undefined","currentClass","currentItem","StyledMonthRoot","id","concat","className","cx","selectableItem","ref","tabIndex","onClick","StyledMonth"],"mappings":";;;;;;;;;;;AASA;AACA;AACA;IACaA,cAA6C,GAAG,SAAhDA,cAA6CA,CAAAC,IAAA,EAOpD;AAAA,EAAA,IANIC,WAAW,GAAAD,IAAA,CAAjBE,IAAI;IACJC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IACbC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,aAAa,GAAAL,IAAA,CAAbK,aAAa;IACbC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,SAAS,GAAAP,IAAA,CAATO,SAAS,CAAA;AAET,EAAA,IAAAC,UAAA,GAA2BC,mBAAS,CAACR,WAAW,CAAC;IAAAS,WAAA,GAAAC,uCAAA,CAAAH,UAAA,EAAA,CAAA,CAAA;AAA1CI,IAAAA,MAAM,GAAAF,WAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,QAAQ,GAAAH,WAAA,CAAA,CAAA,CAAA,CAAA;AACvB,EAAA,IAAMI,WAAW,GAAGC,YAAM,CAACF,QAAQ,CAAC,CAAA;AACpC,EAAA,IAAMG,gBAAgB,GAAGD,YAAM,CAACT,aAAa,CAAC,CAAA;AAE9C,EAAA,IAAMW,mBAAmB,GAAGC,iBAAW,CACnC,UAACC,KAAuC,EAAK;AACzC;AACZ;AACA;AACA;AACA;AACYA,IAAAA,KAAK,CAACC,WAAW,CAACC,wBAAwB,EAAE,CAAA;IAE5C,IAAQC,UAAU,GAAKH,KAAK,CAACI,aAAa,CAACC,OAAO,CAA1CF,UAAU,CAAA;AAClBjB,IAAAA,aAAa,CAACoB,MAAM,CAACH,UAAU,CAAC,CAAC,CAAA;AACrC,GAAC,EACD,CAACjB,aAAa,CAClB,CAAC,CAAA;EAED,IAAMqB,OAAO,GAAGR,iBAAW,CACvB,UAACS,OAAuB,EAAEC,CAAS,EAAEC,CAAS,EAAK;IAC/CzB,SAAS,CAAC0B,OAAO,CAACF,CAAC,CAAC,CAACC,CAAC,CAAC,GAAGF,OAAO,CAAA;AACrC,GAAC,EACD,CAACvB,SAAS,CACd,CAAC,CAAA;AAED2B,EAAAA,eAAS,CAAC,YAAM;IACZ,IAAIjB,WAAW,CAACgB,OAAO,EAAE;AAAA,MAAA,IAAAE,qBAAA,CAAA;AACrB,MAAA,CAAAA,qBAAA,GAAAhB,gBAAgB,CAACc,OAAO,cAAAE,qBAAA,KAAA,KAAA,CAAA,IAAxBA,qBAAA,CAAAC,IAAA,CAAAjB,gBAAgB,EAAWF,WAAW,CAACgB,OAAO,CAAC,CAAA;AACnD,KAAA;GACH,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,oBACII,KAAA,CAAAC,aAAA,CAACC,0CAAoB,EAAA;AAACC,IAAAA,IAAI,EAAC,MAAM;AAAC,IAAA,iBAAA,EAAgB,eAAe;AAAC9B,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAClFK,MAAM,CAAC0B,GAAG,CAAC,UAACC,KAAK,EAAEX,CAAC,EAAA;AAAA,IAAA,oBACjBM,KAAA,CAAAC,aAAA,CAACK,gCAAU,EAAA;AAACH,MAAAA,IAAI,EAAC,KAAK;AAACI,MAAAA,GAAG,EAAEb,CAAAA;KACvBW,EAAAA,KAAK,CAACD,GAAG,CAAC,UAAAI,KAAA,EAAkEb,CAAC,EAAK;AAAA,MAAA,IAArEc,SAAS,GAAAD,KAAA,CAATC,SAAS;QAAErB,UAAU,GAAAoB,KAAA,CAAVpB,UAAU;QAAEsB,UAAU,GAAAF,KAAA,CAAVE,UAAU;QAAEC,SAAS,GAAAH,KAAA,CAATG,SAAS;QAAEC,aAAa,GAAAJ,KAAA,CAAbI,aAAa,CAAA;MACrE,IAAMC,aAAa,GAAGH,UAAU,GAAGI,uBAAO,CAACC,YAAY,GAAGC,SAAS,CAAA;MACnE,IAAMC,YAAY,~~GAAG~~,~~CAACP,UAAU,IAAIC,~~SAAS,GAAGG,uBAAO,CAACI,WAAW,GAAGF,SAAS,CAAA;~~AAE/E~~,MAAA,oBACIhB,KAAA,CAAAC,aAAA,CAACkB,qCAAe,EAAA;QACZC,EAAE,EAAA,aAAA,CAAAC,MAAA,CAAgB3B,CAAC,OAAA2B,MAAA,CAAI1B,CAAC,CAAG;QAC3B2B,SAAS,EAAEC,QAAE,CAACV,aAAa,EAAEI,YAAY,EAAEH,uBAAO,CAACU,cAAc,CAAE;QACnEC,GAAG,EAAE,SAAAA,GAAAA,CAAChC,OAAuB,EAAA;AAAA,UAAA,OAAKD,OAAO,CAACC,OAAO,EAAEC,CAAC,EAAEC,CAAC,CAAC,CAAA;SAAC;QACzD+B,QAAQ,EAAEhC,CAAC,MAAKzB,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAG,CAAC,CAAC,CAAI0B,IAAAA,CAAC,MAAK1B,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAG,CAAC,CAAC,CAAG,GAAA,CAAC,GAAG,CAAC,CAAE;AACxE0D,QAAAA,OAAO,EAAE5C,mBAAoB;AAC7B,QAAA,kBAAA,EAAkBK,UAAW;AAC7B,QAAA,eAAA,EAAesB,UAAW;AAC1BP,QAAAA,IAAI,EAAC,UAAU;QACfI,GAAG,EAAA,cAAA,CAAAc,MAAA,CAAiB3B,CAAC,OAAA2B,MAAA,CAAI1B,CAAC,CAAG;QAC7B,YAAYiB,EAAAA,aAAAA;OAEZZ,eAAAA,KAAA,CAAAC,aAAA,CAAC2B,iCAAW,EAAEnB,IAAAA,EAAAA,SAAuB,CACxB,CAAC,CAAA;AAE1B,KAAC,CACO,CAAC,CAAA;AAAA,GAChB,CACiB,CAAC,CAAA;AAE/B;;;;"}
1	+ {"version":3,"file":"CalendarMonths.js","sources":["../../../../../src/components/Calendar/ui/CalendarMonths/CalendarMonths.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\n\nimport { cx } from '../../../../utils';\nimport { useMonths } from '../../hooks';\nimport { classes } from '../../Calendar.tokens';\n\nimport type { CalendarMonthsProps } from './CalendarMonths.types';\nimport { StyledCalendarMonths, StyledFlex, StyledMonth, StyledMonthRoot } from './CalendarMonths.styles';\n\n/*\n Компонент месяцев в календаре.\n /\nexport const CalendarMonths: React.FC<CalendarMonthsProps> = ({\n date: currentDate,\n selectIndexes,\n outerRefs,\n onChangeMonth,\n onSetSelected,\n onKeyDown,\n}) => {\n const [months, selected] = useMonths(currentDate);\n const selectedRef = useRef(selected);\n const onSetSelectedRef = useRef(onSetSelected);\n\n const handleOnChangeMonth = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n /\n нужно вызвать stopImmediatePropagation для случаев, когда\n * обработчик события onClick навешивается снаружи.\n * Как, например, в компоненте Popup\n */\n event.nativeEvent.stopImmediatePropagation();\n\n const { monthIndex } = event.currentTarget.dataset;\n onChangeMonth(Number(monthIndex));\n },\n [onChangeMonth],\n );\n\n const getRefs = useCallback(\n (element: HTMLDivElement, i: number, j: number) => {\n outerRefs.current[i][j] = element;\n },\n [outerRefs],\n );\n\n useEffect(() => {\n if (selectedRef.current) {\n onSetSelectedRef.current?.(selectedRef.current);\n }\n }, []);\n\n return (\n <StyledCalendarMonths role=\"grid\" aria-labelledby=\"id-grid-label\" onKeyDown={onKeyDown}>\n {months.map((month, i) => (\n <StyledFlex role=\"row\" key={i}>\n {month.map(({ monthName, monthIndex, isSelected, isCurrent, monthFullName }, j) => {\n const selectedClass = isSelected ? classes.selectedItem : undefined;\n const currentClass = isCurrent ? classes.currentItem : undefined;\n\n return (\n <StyledMonthRoot\n id={`month-test-${i}-${j}`}\n className={cx(selectedClass, currentClass, classes.selectableItem)}\n ref={(element: HTMLDivElement) => getRefs(element, i, j)}\n tabIndex={i === selectIndexes?.[0] && j === selectIndexes?.[1] ? 0 : -1}\n onClick={handleOnChangeMonth}\n data-month-index={monthIndex}\n aria-selected={isSelected}\n role=\"gridcell\"\n key={`StyledMonth-${i}-${j}`}\n aria-label={monthFullName}\n >\n <StyledMonth>{monthName}</StyledMonth>\n </StyledMonthRoot>\n );\n })}\n </StyledFlex>\n ))}\n </StyledCalendarMonths>\n );\n};\n"],"names":["CalendarMonths","_ref","currentDate","date","selectIndexes","outerRefs","onChangeMonth","onSetSelected","onKeyDown","_useMonths","useMonths","_useMonths2","_slicedToArray","months","selected","selectedRef","useRef","onSetSelectedRef","handleOnChangeMonth","useCallback","event","nativeEvent","stopImmediatePropagation","monthIndex","currentTarget","dataset","Number","getRefs","element","i","j","current","useEffect","_onSetSelectedRef$cur","call","React","createElement","StyledCalendarMonths","role","map","month","StyledFlex","key","_ref2","monthName","isSelected","isCurrent","monthFullName","selectedClass","classes","selectedItem","undefined","currentClass","currentItem","StyledMonthRoot","id","concat","className","cx","selectableItem","ref","tabIndex","onClick","StyledMonth"],"mappings":"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"}

package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './CalendarMonths.styles_1jnzviu.css';
+import './CalendarMonths.styles_wmlwil.css';
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarMonths.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { ~~flexCenter~~, ~~selectedMixin~~ } from '../../~~mixins~~';\nimport { ~~tokens~~ } from '~~../../Calendar.tokens~~';\nimport { ~~addFocus~~ } from '~~../../../../~~mixins';\n\nexport const StyledCalendarMonths = styled.div`\n padding: 0.~~5rem 1.5rem 1.5rem~~;\n box-sizing: border-box;\n`;\n\nexport const StyledFlex = styled.div`\n ${String(flexCenter)};\n`;\n\nexport const StyledMonth = styled.div`\n border-radius: 0.~~438rem~~;\n\n ${String(flexCenter)};\n`;\n\~~nconst~~ ~~selectable~~ = `\n ~~${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '~~-~~0.063rem',\n outlineColor~~: `var(${tokens.~~calendarOutlineFocusColor~~})~~`,\n outlineRadius: '0.563rem',\n })}~~;\n\n ~~--calendar_private~~-~~selected-min-width~~: 5.~~25rem~~;\n ~~--calendar_private~~-~~selected-min-height~~: 3.~~25rem~~;\n ~~--calendar_private~~-~~selected-background~~: var(${tokens.~~calendarSelectedItemBackground~~});\n ~~--calendar_private~~-~~selected-color~~: var(${tokens.~~calendarSelectedItemColor~~});\n ~~--calendar_private~~-~~selectable-background-hover~~: var(${tokens.~~calendarSelectableItemBackgroundHover~~});\n ~~--calendar_private~~-~~current-~~border-~~color~~: var(${tokens.~~calendarCurrentItemBorderColor~~});\n ~~--calendar_private~~-~~current-background-hover~~: var(${tokens.~~calendarCurrentItemBackgroundHover~~});\n ~~--calendar_private~~-~~current-color-hover~~: var(${tokens.~~calendarCurrentItemColorHover~~});\n ~~--calendar_private-current-child-background-hover~~: var(${tokens.~~calendarCurrentItemChildBackgroundHover~~});\n ~~--calendar_private-active-background~~: var(${tokens.~~calendarActiveItemBackground~~});\n ~~--calendar_private-active-color-hover~~: var(${tokens.~~calendarActiveItemColor~~});\n ~~--calendar_private-hovered-background~~: var(${tokens.~~calendarHoveredItemBackground~~});\n ~~--calendar_private-hovered-color~~: var(${tokens.~~calendarHoveredItemColor~~});\n~~\n ${String(selectedMixin)};\n`;\n\nexport const StyledMonthRoot = styled.div`\n font-family~~: var(${tokens.~~calendarMonthFontFamily~~});\n ~~font-size~~: var(${tokens.~~calendarMonthFontSize~~});\n ~~font-style~~: var(${tokens.~~calendarMonthFontStyle~~});\n ~~font-weight~~: var(${tokens.~~calendarMonthFontWeight~~});\n ~~letter~~-~~spacing~~: var(${tokens.~~calendarMonthFontLetterSpacing~~});\n ~~line-height~~: var(${tokens.~~calendarMonthFontLineHeight~~});\n\n ~~position:~~ ~~relative;\~~n ~~box-sizing~~: ~~border-box;\~~n~~\n min-height~~: 3.~~5rem;\~~n~~\n border-radius~~: var(${tokens.~~calendarItemBorderRadius~~});\n~~\n flex~~: ~~1;\n\n~~ ${~~String(flexCenter~~)};\n ~~${String(selectable)~~};\n`;\n"],"names":["StyledCalendarMonths","styled","name","class","propsAsIs","StyledFlex","StyledMonth","StyledMonthRoot"],"mappings":";;;;;;AAMO,IAAMA,oBAAoB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGzC,EAAA;AAEM,IAAMC,UAAU,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE/B,EAAA;AAEM,IAAME,WAAW,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIhC,EAAA;~~AA2BM~~,IAAMG,eAAe,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAmBpC~~;;;;;;;"}
1	+ {"version":3,"file":"CalendarMonths.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Calendar.tokens';\nimport { addFocus } from '../../../../mixins';\nimport { addSelected, flexCenter } from '../../mixins';\n\nexport const StyledCalendarMonths = styled.div`\n padding: var(${tokens.calendarMonthsPadding});\n box-sizing: border-box;\n`;\n\nexport const StyledFlex = styled.div`\n ${String(flexCenter)};\n`;\n\nexport const StyledMonth = styled.div`\n border-radius: calc(var(${tokens.calendarMonthItemBorderRadius}) - 0.125rem);\n\n ${String(flexCenter)};\n`;\n\nexport const StyledMonthRoot = styled.div`\n font-family: var(${tokens.calendarMonthFontFamily});\n font-size: var(${tokens.calendarMonthFontSize});\n font-style: var(${tokens.calendarMonthFontStyle});\n font-weight: var(${tokens.calendarMonthFontWeight});\n letter-spacing: var(${tokens.calendarMonthFontLetterSpacing});\n line-height: var(${tokens.calendarMonthFontLineHeight});\n position: relative;\n box-sizing: border-box;\n\n min-height: var(${tokens.calendarMonthItemHeight});\n min-width: var(${tokens.calendarMonthItemWidth});\n\n border-radius: var(${tokens.calendarMonthItemBorderRadius});\n\n ${String(flexCenter)};\n\n ${addSelected({\n minWidth: `calc(var(${tokens.calendarMonthItemWidth}) - 0.25rem)`,\n minHeight: `calc(var(${tokens.calendarMonthItemHeight}) - 0.25rem)`,\n selectedFontWeight: `var(${tokens.calendarMonthSelectedFontWeight})`,\n selectedBackground: `var(${tokens.calendarSelectedItemBackground})`,\n selectedColor: `var(${tokens.calendarSelectedItemColor})`,\n selectableBackgroundHover: `var(${tokens.calendarSelectableItemBackgroundHover})`,\n currentBorderColor: `var(${tokens.calendarCurrentItemBorderColor})`,\n activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n activeColor: `var(${tokens.calendarActiveItemColor})`,\n })};\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: `calc(var(${tokens.calendarMonthItemBorderRadius}) + 0.125rem)`,\n })};\n\n &.${classes.currentItem} {\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.1875rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: `calc(var(${tokens.calendarMonthItemBorderRadius}) - 0.125rem)`,\n })};\n }\n`;\n"],"names":["StyledCalendarMonths","styled","name","class","propsAsIs","StyledFlex","StyledMonth","StyledMonthRoot"],"mappings":";;;;;;AAMO,IAAMA,oBAAoB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGzC,EAAA;AAEM,IAAMC,UAAU,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE/B,EAAA;AAEM,IAAME,WAAW,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIhC,EAAA;AAEM,IAAMG,eAAe,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA4CpC;;;;;;;"}

package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_wmlwil.css ADDED Viewed

@@ -0,0 +1,4 @@
+.s2fb05v{padding:var(--plasma-calendar-months-padding);box-sizing:border-box;}
+.s1nlg4aa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.s1cvx4bk{border-radius:calc(var(--plasma-calendar-month-item-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.s14caaqm{font-family:var(--plasma-calendar-month-font-family);font-size:var(--plasma-calendar-month-font-size);font-style:var(--plasma-calendar-month-font-style);font-weight:var(--plasma-calendar-month-font-weight);-webkit-letter-spacing:var(--plasma-calendar-month-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-month-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-month-font-letter-spacing);letter-spacing:var(--plasma-calendar-month-font-letter-spacing);line-height:var(--plasma-calendar-month-line-height);position:relative;box-sizing:border-box;min-height:var(--plasma-calendar-month-item-height);min-width:var(--plasma-calendar-month-item-width);border-radius:var(--plasma-calendar-month-item-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none;cursor:pointer;position:relative;}.s14caaqm:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.s14caaqm.item-hovered,.s14caaqm.item-hovered:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-month-selected-font-weight);}.s14caaqm.item-selected:not(.item-current){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-month-selected-font-weight);}.s14caaqm:active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-month-selected-font-weight);}.s14caaqm.item-current{border:0.063rem solid var(--plasma-calendar-current-item-border-color);}.s14caaqm.item-current.item-selected{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-month-selected-font-weight);}.s14caaqm.item-current.item-selected > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-month-item-width) - 0.25rem);min-height:calc(var(--plasma-calendar-month-item-height) - 0.25rem);}.s14caaqm::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-month-item-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s14caaqm.focus-visible:focus::before,.s14caaqm[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.s14caaqm.item-current{position:relative;}.s14caaqm.item-current::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-month-item-border-radius) - 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s14caaqm.item-current.focus-visible:focus::before,.s14caaqm.item-current[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}

package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css CHANGED Viewed

@@ -1,4 +1,4 @@
-.CalendarYears_styles_1lubnwe_sq90exc__a926589b{padding:0.5rem 1.5rem 1.5rem;box-sizing:border-box;}
-.CalendarYears_styles_1lubnwe_sp45mzt__a926589b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.CalendarYears_styles_1lubnwe_s1rv7a6a__a926589b{border-radius:0.438rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.CalendarYears_styles_1lubnwe_s1fgpu0g__a926589b{font-family:var(--plasma-calendar-year-font-family);font-size:var(--plasma-calendar-year-font-size);font-style:var(--plasma-calendar-year-font-style);font-weight:var(--plasma-calendar-year-font-weight);-webkit-letter-spacing:var(--plasma-calendar-year-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-year-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-year-font-letter-spacing);letter-spacing:var(--plasma-calendar-year-font-letter-spacing);line-height:var(--plasma-calendar-year-line-height);position:relative;box-sizing:border-box;min-height:3.5rem;border-radius:var(--plasma-calendar-item-border-radius);-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;--calendar_private-selected-min-width:5.25rem;--calendar_private-selected-min-height:3.25rem;--calendar_private-selected-background:var(--plasma-calendar-selected-item-background);--calendar_private-selected-color:var(--plasma-calendar-selected-item-color);--calendar_private-selectable-background-hover:var(--plasma-calendar-selectable-item-bg-hover);--calendar_private-current-border-color:var(--plasma-calendar-current-item-border-color);--calendar_private-current-background-hover:var(--plasma-calendar-current-item-bg-hover);--calendar_private-current-color-hover:var(--plasma-calendar-current-item-color-hover);--calendar_private-current-child-background-hover:var(--plasma-calendar-current-item-child-bg-hover);--calendar_private-active-background:var(--plasma-calendar-active-item-bg);--calendar_private-active-color:var(--plasma-calendar-active-item-color);--calendar_private-hovered-background:var(--plasma-calendar-hovered-item-bg);--calendar_private-hovered-color:var(--plasma-calendar-hovered-item-color);outline:none;cursor:pointer;}.CalendarYears_styles_1lubnwe_s1fgpu0g__a926589b::before{content:'';position:absolute;top:-0.063rem;left:-0.063rem;right:-0.063rem;bottom:-0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarYears_styles_1lubnwe_s1fgpu0g__a926589b.CalendarYears_styles_1lubnwe_focusVisible__a926589b:focus::before,.CalendarYears_styles_1lubnwe_s1fgpu0g__a926589b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.CalendarYears_styles_1lubnwe_s1fgpu0g__a926589b:hover:not(.CalendarYears_styles_1lubnwe_itemSelected__a926589b){background-color:var(--calendar_private-selectable-background-hover);}.CalendarYears_styles_1lubnwe_s1fgpu0g__a926589b:hover:not(.CalendarYears_styles_1lubnwe_itemSelected__a926589b):active{background-color:var(--calendar_private-active-background);color:var(--calendar_private-active-color);font-weight:var(--plasma-typo-body-s-bold-font-weight);}.CalendarYears_styles_1lubnwe_s1fgpu0g__a926589b.CalendarYears_styles_1lubnwe_itemSelected__a926589b{border:0;background-color:var(--calendar_private-selected-background);color:var(--calendar_private-selected-color);cursor:default;font-weight:var(--plasma-typo-body-s-bold-font-weight);}.CalendarYears_styles_1lubnwe_s1fgpu0g__a926589b.CalendarYears_styles_1lubnwe_itemCurrent__a926589b{border:0.063rem solid var(--calendar_private-current-border-color);}.CalendarYears_styles_1lubnwe_s1fgpu0g__a926589b.CalendarYears_styles_1lubnwe_itemCurrent__a926589b:not(.CalendarYears_styles_1lubnwe_itemSelected__a926589b):hover{background-color:var(--calendar_private-current-background-hover);color:var(--calendar_private-current-color-hover);}.CalendarYears_styles_1lubnwe_s1fgpu0g__a926589b.CalendarYears_styles_1lubnwe_itemCurrent__a926589b:not(.CalendarYears_styles_1lubnwe_itemSelected__a926589b):hover > div:first-of-type{background-color:var(--calendar_private-current-child-background-hover);min-width:var(--calendar_private-selected-min-width);min-height:var(--calendar_private-selected-min-height);}.CalendarYears_styles_1lubnwe_s1fgpu0g__a926589b.CalendarYears_styles_1lubnwe_itemCurrent__a926589b:not(.CalendarYears_styles_1lubnwe_itemSelected__a926589b):hover:active{background-color:var(--calendar_private-active-background);color:var(--calendar_private-active-color);font-weight:var(--plasma-typo-body-s-bold-font-weight);}.CalendarYears_styles_1lubnwe_s1fgpu0g__a926589b.CalendarYears_styles_1lubnwe_itemHovered__a926589b,.CalendarYears_styles_1lubnwe_s1fgpu0g__a926589b.CalendarYears_styles_1lubnwe_itemHovered__a926589b:hover{background-color:var(--calendar_private-hovered-background);color:var(--calendar_private-hovered-color);cursor:pointer;font-weight:var(--plasma-typo-body-s-bold-font-weight);}.CalendarYears_styles_1lubnwe_s1fgpu0g__a926589b.CalendarYears_styles_1lubnwe_itemHovered__a926589b:active,.CalendarYears_styles_1lubnwe_s1fgpu0g__a926589b.CalendarYears_styles_1lubnwe_itemHovered__a926589b:hover:active{background-color:var(--calendar_private-active-background);color:var(--calendar_private-active-color);font-weight:var(--plasma-typo-body-s-bold-font-weight);}.CalendarYears_styles_1lubnwe_s1fgpu0g__a926589b:active{background-color:var(--calendar_private-active-background);color:var(--calendar_private-active-color);font-weight:var(--plasma-typo-body-s-bold-font-weight);}
+.CalendarYears_styles_f2aje6_sq90exc__599b4140{padding:var(--plasma-calendar-years-padding);box-sizing:border-box;}
+.CalendarYears_styles_f2aje6_sp45mzt__599b4140{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.CalendarYears_styles_f2aje6_s1rv7a6a__599b4140{border-radius:calc(var(--plasma-calendar-year-item-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140{font-family:var(--plasma-calendar-year-font-family);font-size:var(--plasma-calendar-year-font-size);font-style:var(--plasma-calendar-year-font-style);font-weight:var(--plasma-calendar-year-font-weight);-webkit-letter-spacing:var(--plasma-calendar-year-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-year-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-year-font-letter-spacing);letter-spacing:var(--plasma-calendar-year-font-letter-spacing);line-height:var(--plasma-calendar-year-line-height);position:relative;box-sizing:border-box;min-height:var(--plasma-calendar-year-item-height);min-width:var(--plasma-calendar-year-item-width);border-radius:var(--plasma-calendar-year-item-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none;cursor:pointer;position:relative;}.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140.CalendarYears_styles_f2aje6_itemHovered__599b4140,.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140.CalendarYears_styles_f2aje6_itemHovered__599b4140:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-year-selected-font-weight);}.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140.CalendarYears_styles_f2aje6_itemSelected__599b4140:not(.CalendarYears_styles_f2aje6_itemCurrent__599b4140){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-year-selected-font-weight);}.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140:active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-year-selected-font-weight);}.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140.CalendarYears_styles_f2aje6_itemCurrent__599b4140{border:0.063rem solid var(--plasma-calendar-current-item-border-color);}.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140.CalendarYears_styles_f2aje6_itemCurrent__599b4140.CalendarYears_styles_f2aje6_itemSelected__599b4140{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-year-selected-font-weight);}.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140.CalendarYears_styles_f2aje6_itemCurrent__599b4140.CalendarYears_styles_f2aje6_itemSelected__599b4140 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-year-item-width) - 0.25rem);min-height:calc(var(--plasma-calendar-year-item-height) - 0.25rem);}.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-year-item-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140.CalendarYears_styles_f2aje6_focusVisible__599b4140:focus::before,.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140.CalendarYears_styles_f2aje6_itemCurrent__599b4140{position:relative;}.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140.CalendarYears_styles_f2aje6_itemCurrent__599b4140::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-year-item-border-radius) - 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140.CalendarYears_styles_f2aje6_itemCurrent__599b4140.CalendarYears_styles_f2aje6_focusVisible__599b4140:focus::before,.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140.CalendarYears_styles_f2aje6_itemCurrent__599b4140[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}

package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js CHANGED Viewed

@@ -58,7 +58,7 @@ var CalendarYears = function CalendarYears(_ref) {
         isSelected = _ref2.isSelected,
         isCurrent = _ref2.isCurrent;
       var selectedClass = isSelected ? Calendar_tokens.classes.selectedItem : undefined;
-      var currentClass = !isSelected && isCurrent ? Calendar_tokens.classes.currentItem : undefined;
+      var currentClass = isCurrent ? Calendar_tokens.classes.currentItem : undefined;
       return /*#__PURE__*/React.createElement(CalendarYears_styles.StyledYearRoot, {
         className: index.cx(selectedClass, currentClass, Calendar_tokens.classes.selectableItem),
         ref: function ref(element) {

package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarYears.js","sources":["../../../../../src/components/Calendar/ui/CalendarYears/CalendarYears.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\n\nimport { cx } from '../../../../utils';\nimport { useYears } from '../../hooks';\nimport { classes } from '../../Calendar.tokens';\n\nimport type { CalendarYearsProps } from './CalendarYears.types';\nimport { StyledCalendarYears, StyledFlex, StyledYear, StyledYearRoot } from './CalendarYears.styles';\n\n/*\n Компонент годов в календаре.\n /\nexport const CalendarYears: React.FC<CalendarYearsProps> = ({\n date: currentDate,\n startYear,\n selectIndexes,\n outerRefs,\n onChangeYear,\n onSetSelected,\n onKeyDown,\n}) => {\n const [years, selected] = useYears(currentDate, startYear);\n const selectedRef = useRef(selected);\n const onSetSelectedRef = useRef(onSetSelected);\n\n const handleOnChangeYear = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n /\n нужно вызвать stopImmediatePropagation для случаев, когда\n * обработчик события onClick навешивается снаружи.\n * Как, например, в компоненте Popup\n */\n event.nativeEvent.stopImmediatePropagation();\n\n const { year } = event.currentTarget.dataset;\n onChangeYear(Number(year));\n },\n [onChangeYear],\n );\n\n const getRefs = useCallback(\n (element: HTMLDivElement, i: number, j: number) => {\n outerRefs.current[i][j] = element;\n },\n [outerRefs],\n );\n\n useEffect(() => {\n if (selectedRef.current) {\n onSetSelectedRef.current?.(selectedRef.current);\n }\n }, []);\n\n return (\n <StyledCalendarYears role=\"grid\" aria-labelledby=\"id-grid-label\" onKeyDown={onKeyDown}>\n {years.map((year, i) => (\n <StyledFlex role=\"row\" key={i}>\n {year.map(({ yearValue, isSelected, isCurrent }, j) => {\n const selectedClass = isSelected ? classes.selectedItem : undefined;\n const currentClass = ~~!isSelected &&~~ isCurrent ? classes.currentItem : undefined;\n\n return (\n <StyledYearRoot\n className={cx(selectedClass, currentClass, classes.selectableItem)}\n ref={(element: HTMLDivElement) => getRefs(element, i, j)}\n tabIndex={i === selectIndexes?.[0] && j === selectIndexes?.[1] ? 0 : -1}\n onClick={handleOnChangeYear}\n data-year={yearValue}\n aria-selected={isSelected}\n role=\"gridcell\"\n key={`StyledYear-${i}-${j}`}\n aria-label={String(yearValue)}\n >\n <StyledYear>{yearValue}</StyledYear>\n </StyledYearRoot>\n );\n })}\n </StyledFlex>\n ))}\n </StyledCalendarYears>\n );\n};\n"],"names":["CalendarYears","_ref","currentDate","date","startYear","selectIndexes","outerRefs","onChangeYear","onSetSelected","onKeyDown","_useYears","useYears","_useYears2","_slicedToArray","years","selected","selectedRef","useRef","onSetSelectedRef","handleOnChangeYear","useCallback","event","nativeEvent","stopImmediatePropagation","year","currentTarget","dataset","Number","getRefs","element","i","j","current","useEffect","_onSetSelectedRef$cur","call","React","createElement","StyledCalendarYears","role","map","StyledFlex","key","_ref2","yearValue","isSelected","isCurrent","selectedClass","classes","selectedItem","undefined","currentClass","currentItem","StyledYearRoot","className","cx","selectableItem","ref","tabIndex","onClick","concat","String","StyledYear"],"mappings":";;;;;;;;;;;AASA;AACA;AACA;IACaA,aAA2C,GAAG,SAA9CA,aAA2CA,CAAAC,IAAA,EAQlD;AAAA,EAAA,IAPIC,WAAW,GAAAD,IAAA,CAAjBE,IAAI;IACJC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACbC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IACZC,aAAa,GAAAP,IAAA,CAAbO,aAAa;IACbC,SAAS,GAAAR,IAAA,CAATQ,SAAS,CAAA;AAET,EAAA,IAAAC,SAAA,GAA0BC,iBAAQ,CAACT,WAAW,EAAEE,SAAS,CAAC;IAAAQ,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAnDI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,QAAQ,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AACtB,EAAA,IAAMI,WAAW,GAAGC,YAAM,CAACF,QAAQ,CAAC,CAAA;AACpC,EAAA,IAAMG,gBAAgB,GAAGD,YAAM,CAACT,aAAa,CAAC,CAAA;AAE9C,EAAA,IAAMW,kBAAkB,GAAGC,iBAAW,CAClC,UAACC,KAAuC,EAAK;AACzC;AACZ;AACA;AACA;AACA;AACYA,IAAAA,KAAK,CAACC,WAAW,CAACC,wBAAwB,EAAE,CAAA;IAE5C,IAAQC,IAAI,GAAKH,KAAK,CAACI,aAAa,CAACC,OAAO,CAApCF,IAAI,CAAA;AACZjB,IAAAA,YAAY,CAACoB,MAAM,CAACH,IAAI,CAAC,CAAC,CAAA;AAC9B,GAAC,EACD,CAACjB,YAAY,CACjB,CAAC,CAAA;EAED,IAAMqB,OAAO,GAAGR,iBAAW,CACvB,UAACS,OAAuB,EAAEC,CAAS,EAAEC,CAAS,EAAK;IAC/CzB,SAAS,CAAC0B,OAAO,CAACF,CAAC,CAAC,CAACC,CAAC,CAAC,GAAGF,OAAO,CAAA;AACrC,GAAC,EACD,CAACvB,SAAS,CACd,CAAC,CAAA;AAED2B,EAAAA,eAAS,CAAC,YAAM;IACZ,IAAIjB,WAAW,CAACgB,OAAO,EAAE;AAAA,MAAA,IAAAE,qBAAA,CAAA;AACrB,MAAA,CAAAA,qBAAA,GAAAhB,gBAAgB,CAACc,OAAO,cAAAE,qBAAA,KAAA,KAAA,CAAA,IAAxBA,qBAAA,CAAAC,IAAA,CAAAjB,gBAAgB,EAAWF,WAAW,CAACgB,OAAO,CAAC,CAAA;AACnD,KAAA;GACH,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,oBACII,KAAA,CAAAC,aAAA,CAACC,wCAAmB,EAAA;AAACC,IAAAA,IAAI,EAAC,MAAM;AAAC,IAAA,iBAAA,EAAgB,eAAe;AAAC9B,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EACjFK,KAAK,CAAC0B,GAAG,CAAC,UAAChB,IAAI,EAAEM,CAAC,EAAA;AAAA,IAAA,oBACfM,KAAA,CAAAC,aAAA,CAACI,+BAAU,EAAA;AAACF,MAAAA,IAAI,EAAC,KAAK;AAACG,MAAAA,GAAG,EAAEZ,CAAAA;KACvBN,EAAAA,IAAI,CAACgB,GAAG,CAAC,UAAAG,KAAA,EAAuCZ,CAAC,EAAK;AAAA,MAAA,IAA1Ca,SAAS,GAAAD,KAAA,CAATC,SAAS;QAAEC,UAAU,GAAAF,KAAA,CAAVE,UAAU;QAAEC,SAAS,GAAAH,KAAA,CAATG,SAAS,CAAA;MACzC,IAAMC,aAAa,GAAGF,UAAU,GAAGG,uBAAO,CAACC,YAAY,GAAGC,SAAS,CAAA;MACnE,IAAMC,YAAY,~~GAAG~~,~~CAACN,UAAU,IAAIC,~~SAAS,GAAGE,uBAAO,CAACI,WAAW,GAAGF,SAAS,CAAA;~~AAE/E~~,MAAA,oBACId,KAAA,CAAAC,aAAA,CAACgB,mCAAc,EAAA;QACXC,SAAS,EAAEC,QAAE,CAACR,aAAa,EAAEI,YAAY,EAAEH,uBAAO,CAACQ,cAAc,CAAE;QACnEC,GAAG,EAAE,SAAAA,GAAAA,CAAC5B,OAAuB,EAAA;AAAA,UAAA,OAAKD,OAAO,CAACC,OAAO,EAAEC,CAAC,EAAEC,CAAC,CAAC,CAAA;SAAC;QACzD2B,QAAQ,EAAE5B,CAAC,MAAKzB,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAG,CAAC,CAAC,CAAI0B,IAAAA,CAAC,MAAK1B,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAG,CAAC,CAAC,CAAG,GAAA,CAAC,GAAG,CAAC,CAAE;AACxEsD,QAAAA,OAAO,EAAExC,kBAAmB;AAC5B,QAAA,WAAA,EAAWyB,SAAU;AACrB,QAAA,eAAA,EAAeC,UAAW;AAC1BN,QAAAA,IAAI,EAAC,UAAU;QACfG,GAAG,EAAA,aAAA,CAAAkB,MAAA,CAAgB9B,CAAC,OAAA8B,MAAA,CAAI7B,CAAC,CAAG;QAC5B,YAAY8B,EAAAA,MAAM,CAACjB,SAAS,CAAA;OAE5BR,eAAAA,KAAA,CAAAC,aAAA,CAACyB,+BAAU,EAAElB,IAAAA,EAAAA,SAAsB,CACvB,CAAC,CAAA;AAEzB,KAAC,CACO,CAAC,CAAA;AAAA,GAChB,CACgB,CAAC,CAAA;AAE9B;;;;"}
1	+ {"version":3,"file":"CalendarYears.js","sources":["../../../../../src/components/Calendar/ui/CalendarYears/CalendarYears.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\n\nimport { cx } from '../../../../utils';\nimport { useYears } from '../../hooks';\nimport { classes } from '../../Calendar.tokens';\n\nimport type { CalendarYearsProps } from './CalendarYears.types';\nimport { StyledCalendarYears, StyledFlex, StyledYear, StyledYearRoot } from './CalendarYears.styles';\n\n/*\n Компонент годов в календаре.\n /\nexport const CalendarYears: React.FC<CalendarYearsProps> = ({\n date: currentDate,\n startYear,\n selectIndexes,\n outerRefs,\n onChangeYear,\n onSetSelected,\n onKeyDown,\n}) => {\n const [years, selected] = useYears(currentDate, startYear);\n const selectedRef = useRef(selected);\n const onSetSelectedRef = useRef(onSetSelected);\n\n const handleOnChangeYear = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n /\n нужно вызвать stopImmediatePropagation для случаев, когда\n * обработчик события onClick навешивается снаружи.\n * Как, например, в компоненте Popup\n */\n event.nativeEvent.stopImmediatePropagation();\n\n const { year } = event.currentTarget.dataset;\n onChangeYear(Number(year));\n },\n [onChangeYear],\n );\n\n const getRefs = useCallback(\n (element: HTMLDivElement, i: number, j: number) => {\n outerRefs.current[i][j] = element;\n },\n [outerRefs],\n );\n\n useEffect(() => {\n if (selectedRef.current) {\n onSetSelectedRef.current?.(selectedRef.current);\n }\n }, []);\n\n return (\n <StyledCalendarYears role=\"grid\" aria-labelledby=\"id-grid-label\" onKeyDown={onKeyDown}>\n {years.map((year, i) => (\n <StyledFlex role=\"row\" key={i}>\n {year.map(({ yearValue, isSelected, isCurrent }, j) => {\n const selectedClass = isSelected ? classes.selectedItem : undefined;\n const currentClass = isCurrent ? classes.currentItem : undefined;\n\n return (\n <StyledYearRoot\n className={cx(selectedClass, currentClass, classes.selectableItem)}\n ref={(element: HTMLDivElement) => getRefs(element, i, j)}\n tabIndex={i === selectIndexes?.[0] && j === selectIndexes?.[1] ? 0 : -1}\n onClick={handleOnChangeYear}\n data-year={yearValue}\n aria-selected={isSelected}\n role=\"gridcell\"\n key={`StyledYear-${i}-${j}`}\n aria-label={String(yearValue)}\n >\n <StyledYear>{yearValue}</StyledYear>\n </StyledYearRoot>\n );\n })}\n </StyledFlex>\n ))}\n </StyledCalendarYears>\n );\n};\n"],"names":["CalendarYears","_ref","currentDate","date","startYear","selectIndexes","outerRefs","onChangeYear","onSetSelected","onKeyDown","_useYears","useYears","_useYears2","_slicedToArray","years","selected","selectedRef","useRef","onSetSelectedRef","handleOnChangeYear","useCallback","event","nativeEvent","stopImmediatePropagation","year","currentTarget","dataset","Number","getRefs","element","i","j","current","useEffect","_onSetSelectedRef$cur","call","React","createElement","StyledCalendarYears","role","map","StyledFlex","key","_ref2","yearValue","isSelected","isCurrent","selectedClass","classes","selectedItem","undefined","currentClass","currentItem","StyledYearRoot","className","cx","selectableItem","ref","tabIndex","onClick","concat","String","StyledYear"],"mappings":"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"}

package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './CalendarYears.styles_1lubnwe.css';
+import './CalendarYears.styles_f2aje6.css';
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarYears.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarYears/CalendarYears.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { ~~flexCenter~~, ~~selectedMixin~~ } from '../../~~mixins~~';\nimport { ~~tokens~~ } from '~~../../Calendar.tokens~~';\nimport { ~~addFocus~~ } from '~~../../../../~~mixins';\n\nexport const StyledCalendarYears = styled.div`\n padding: 0.~~5rem 1.5rem 1.5rem~~;\n box-sizing: border-box;\n`;\n\nexport const StyledFlex = styled.div`\n ${String(flexCenter)};\n`;\n\nexport const StyledYear = styled.div`\n border-radius: 0.~~438rem~~;\n\n ${String(flexCenter)};\n`;\n\~~nconst~~ ~~selectable~~ = ~~() =>~~ `\n ~~${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '~~-~~0.063rem',\n outlineColor~~: `var(${tokens.~~calendarOutlineFocusColor~~})~~`,\n outlineRadius: '0.563rem',\n })}~~;\n\n ~~--calendar_private~~-~~selected-min-width~~: 5.~~25rem~~;\n ~~--calendar_private~~-~~selected-min-height~~: 3.~~25rem~~;\n ~~--calendar_private~~-~~selected-background~~: var(${tokens.~~calendarSelectedItemBackground~~});\n ~~--calendar_private~~-~~selected-color~~: var(${tokens.~~calendarSelectedItemColor~~});\n ~~--calendar_private~~-~~selectable-background-hover~~: var(${tokens.~~calendarSelectableItemBackgroundHover~~});\n ~~--calendar_private~~-~~current-~~border-~~color~~: var(${tokens.~~calendarCurrentItemBorderColor~~});\n ~~--calendar_private~~-~~current-background-hover~~: var(${tokens.~~calendarCurrentItemBackgroundHover~~});\n ~~--calendar_private~~-~~current-color-hover~~: var(${tokens.~~calendarCurrentItemColorHover~~});\n ~~--calendar_private-current-child-background-hover~~: var(${tokens.~~calendarCurrentItemChildBackgroundHover~~});\n ~~--calendar_private-active-background~~: var(${tokens.~~calendarActiveItemBackground~~});\n ~~--calendar_private-active-color~~: var(${tokens.~~calendarActiveItemColor~~});\n ~~--calendar_private-hovered-background~~: var(${tokens.~~calendarHoveredItemBackground~~});\n ~~--calendar_private-hovered-color~~: var(${tokens.~~calendarHoveredItemColor~~});\n ~~\n ${String(selectedMixin)};\n`;\n\nexport const StyledYearRoot = styled.div`\n font-family~~: var(${tokens.~~calendarYearFontFamily~~});\n ~~font-size~~: var(${tokens.~~calendarYearFontSize~~});\n ~~font-style~~: var(${tokens.~~calendarYearFontStyle~~});\n ~~font-weight~~: var(${tokens.~~calendarYearFontWeight~~});\n ~~letter~~-~~spacing~~: var(${tokens.~~calendarYearFontLetterSpacing~~});\n ~~line-height~~: var(${tokens.~~calendarYearFontLineHeight~~});\n ~~position: relative~~;\n ~~box-sizing:~~ ~~border-box;\~~n\n ~~min-height~~: 3.~~5rem;\~~n\n ~~border-radius~~: var(${tokens.~~calendarItemBorderRadius~~});\n~~\n flex~~: ~~1;\n\n~~ ${~~String(flexCenter~~)};\n ~~${selectable()~~};\n`;\n"],"names":["StyledCalendarYears","styled","name","class","propsAsIs","StyledFlex","StyledYear","StyledYearRoot"],"mappings":";;;;;;AAMO,IAAMA,mBAAmB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGxC,EAAA;AAEM,IAAMC,UAAU,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE/B,EAAA;AAEM,IAAME,UAAU,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI/B,EAAA;~~AA2BM~~,IAAMG,cAAc,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAkBnC~~;;;;;;;"}
1	+ {"version":3,"file":"CalendarYears.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarYears/CalendarYears.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Calendar.tokens';\nimport { addFocus } from '../../../../mixins';\nimport { addSelected, flexCenter } from '../../mixins';\n\nexport const StyledCalendarYears = styled.div`\n padding: var(${tokens.calendarYearsPadding});\n box-sizing: border-box;\n`;\n\nexport const StyledFlex = styled.div`\n ${String(flexCenter)};\n`;\n\nexport const StyledYear = styled.div`\n border-radius: calc(var(${tokens.calendarYearItemBorderRadius}) - 0.125rem);\n\n ${String(flexCenter)};\n`;\n\nexport const StyledYearRoot = styled.div`\n font-family: var(${tokens.calendarYearFontFamily});\n font-size: var(${tokens.calendarYearFontSize});\n font-style: var(${tokens.calendarYearFontStyle});\n font-weight: var(${tokens.calendarYearFontWeight});\n letter-spacing: var(${tokens.calendarYearFontLetterSpacing});\n line-height: var(${tokens.calendarYearFontLineHeight});\n position: relative;\n box-sizing: border-box;\n\n min-height: var(${tokens.calendarYearItemHeight});\n min-width: var(${tokens.calendarYearItemWidth});\n\n border-radius: var(${tokens.calendarYearItemBorderRadius});\n\n ${String(flexCenter)};\n\n ${addSelected({\n minWidth: `calc(var(${tokens.calendarYearItemWidth}) - 0.25rem)`,\n minHeight: `calc(var(${tokens.calendarYearItemHeight}) - 0.25rem)`,\n selectedFontWeight: `var(${tokens.calendarYearSelectedFontWeight})`,\n selectedBackground: `var(${tokens.calendarSelectedItemBackground})`,\n selectedColor: `var(${tokens.calendarSelectedItemColor})`,\n selectableBackgroundHover: `var(${tokens.calendarSelectableItemBackgroundHover})`,\n currentBorderColor: `var(${tokens.calendarCurrentItemBorderColor})`,\n activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n activeColor: `var(${tokens.calendarActiveItemColor})`,\n })};\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: `calc(var(${tokens.calendarYearItemBorderRadius}) + 0.125rem)`,\n })};\n\n &.${classes.currentItem} {\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.1875rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: `calc(var(${tokens.calendarYearItemBorderRadius}) - 0.125rem)`,\n })};\n }\n`;\n"],"names":["StyledCalendarYears","styled","name","class","propsAsIs","StyledFlex","StyledYear","StyledYearRoot"],"mappings":";;;;;;AAMO,IAAMA,mBAAmB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGxC,EAAA;AAEM,IAAMC,UAAU,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE/B,EAAA;AAEM,IAAME,UAAU,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI/B,EAAA;AAEM,IAAMG,cAAc,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA4CnC;;;;;;;"}

package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_f2aje6.css ADDED Viewed

@@ -0,0 +1,4 @@
+.sq90exc{padding:var(--plasma-calendar-years-padding);box-sizing:border-box;}
+.sp45mzt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.s1rv7a6a{border-radius:calc(var(--plasma-calendar-year-item-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.s1fgpu0g{font-family:var(--plasma-calendar-year-font-family);font-size:var(--plasma-calendar-year-font-size);font-style:var(--plasma-calendar-year-font-style);font-weight:var(--plasma-calendar-year-font-weight);-webkit-letter-spacing:var(--plasma-calendar-year-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-year-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-year-font-letter-spacing);letter-spacing:var(--plasma-calendar-year-font-letter-spacing);line-height:var(--plasma-calendar-year-line-height);position:relative;box-sizing:border-box;min-height:var(--plasma-calendar-year-item-height);min-width:var(--plasma-calendar-year-item-width);border-radius:var(--plasma-calendar-year-item-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none;cursor:pointer;position:relative;}.s1fgpu0g:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.s1fgpu0g.item-hovered,.s1fgpu0g.item-hovered:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-year-selected-font-weight);}.s1fgpu0g.item-selected:not(.item-current){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-year-selected-font-weight);}.s1fgpu0g:active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-year-selected-font-weight);}.s1fgpu0g.item-current{border:0.063rem solid var(--plasma-calendar-current-item-border-color);}.s1fgpu0g.item-current.item-selected{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-year-selected-font-weight);}.s1fgpu0g.item-current.item-selected > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-year-item-width) - 0.25rem);min-height:calc(var(--plasma-calendar-year-item-height) - 0.25rem);}.s1fgpu0g::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-year-item-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1fgpu0g.focus-visible:focus::before,.s1fgpu0g[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.s1fgpu0g.item-current{position:relative;}.s1fgpu0g.item-current::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-year-item-border-radius) - 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1fgpu0g.item-current.focus-visible:focus::before,.s1fgpu0g.item-current[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}

package/cjs/components/Calendar/utils/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/Calendar/utils/index.ts"],"sourcesContent":["import type { CalendarStateType } from '../store/types';\nimport type { CalendarValueType, DateObject, DisabledDay, ItemProps } from '../Calendar.types';\n\nexport const ROW_STEP = 6;\n\nexport const YEAR_RENDER_COUNT = 12;\n\nexport const SHORT_DAY_NAMES = ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс'] as const;\n\nexport const FULL_DAY_NAMES: Record<typeof SHORT_DAY_NAMES[number], string> = {\n Пн: 'Понедельник',\n Вт: 'Вторник',\n Ср: 'Среда',\n Чт: 'Четверг',\n Пт: 'Пятница',\n Сб: 'Суббота',\n Вс: 'Воскресенье',\n};\n\nexport const SHORT_MONTH_NAME = ['Янв', 'Фев', 'Март', 'Апр', 'Май', 'Июнь', 'Июль', 'Авг', 'Сен', 'Окт', 'Ноя', 'Дек'];\n\nexport const MONTH_NAMES = [\n 'Январь',\n 'Февраль',\n 'Март',\n 'Апрель',\n 'Май',\n 'Июнь',\n 'Июль',\n 'Август',\n 'Сентябрь',\n 'Октябрь',\n 'Ноябрь',\n 'Декабрь',\n];\n\nexport const getDaysInMonth = (monthIndex: number, year: number) => new Date(year, monthIndex + 1, 0).getDate();\n\nexport const getOffsetDayInWeek = (monthIndex: number, year: number) => (new Date(year, monthIndex).getDay() \|\| 7) - 1;\n\nexport const getStartYear = (year: number) => Math.trunc((year - 1) * 0.1) * 10 - 1;\n\nexport const getNextDate = (currentYear: number, currentMonth: number) =>\n currentMonth + 1 === MONTH_NAMES.length ? [currentYear + 1, 0] : [currentYear, currentMonth + 1];\n\nexport const getPrevDate = (currentYear: number, currentMonth: number) =>\n currentMonth - 1 < 0 ? [currentYear - 1, 11] : [currentYear, currentMonth - 1];\n\nexport const getDateFromValue = (date: Date \| undefined): DateObject => {\n const state = date \|\| new Date();\n\n return {\n day: date !== undefined ? state.getDate() : 0,\n monthIndex: state.getMonth(),\n year: state.getFullYear(),\n };\n};\n\nexport const getDateFromNow = (): DateObject => {\n const nowDate = new Date();\n\n return {\n day: nowDate.getDate(),\n monthIndex: nowDate.getMonth(),\n year: nowDate.getFullYear(),\n };\n};\n\nexport const IsCurrentDay = (date: DateObject, currentDay: number) => {\n const { day, monthIndex: currentMonthIndex, year: currentYear } = getDateFromNow();\n return day === currentDay && date.monthIndex === currentMonthIndex && date.year === currentYear;\n};\n\nexport const isSelectedDay = (date: DateObject, currentDay: number, value?: Date) => {\n if (!value) {\n return false;\n }\n\n const { day, monthIndex, year } = getDateFromValue(value);\n return day === currentDay && date.monthIndex === monthIndex && date.year === year;\n};\n\nexport const isCurrentMonth = (date: DateObject, monthIndex: number) => {\n const { monthIndex: currentMonthIndex, year: currentYear } = getDateFromNow();\n return monthIndex === currentMonthIndex && date.year === currentYear;\n};\n\nexport const isSelectedMonth = (date: DateObject, monthIndex: number) => date.monthIndex === monthIndex;\n\nexport const isCurrentYear = (year: number) => {\n const { year: currentYear } = getDateFromNow();\n return year === currentYear;\n};\n\nexport const isSelectedYear = (date: DateObject, year: number) => date.year === year;\n\nexport const getSortedValues = (values: [Date \| undefined, (Date \| undefined)?]) =>\n values.sort((start, end) => {\n if (!start \|\| !end) {\n return -1;\n }\n\n return start.getTime() - end.getTime();\n });\n\nexport const isDayInRange = (\n year: number,\n monthIndex: number,\n currentDay: number,\n values: [Date \| undefined, Date?],\n) => {\n const [startValue, endValue] = getSortedValues(values);\n\n if (!endValue \|\| !startValue) {\n return false;\n }\n\n const day = new Date(year, monthIndex, currentDay);\n return startValue < day && day <= endValue;\n};\n\nexport const isSameDay = (firstDate: DateObject, secondDate?: DateObject) =>\n secondDate &&\n firstDate.day === secondDate.day &&\n firstDate.monthIndex === secondDate.monthIndex &&\n firstDate.year === secondDate.year;\n\nexport const isValueUpdate = (value: Date \| [Date, Date?], prevValue: Date \| [Date, Date?]) => {\n if (!Array.isArray(value) && !Array.isArray(prevValue)) {\n return prevValue?.getTime() !== value?.getTime();\n }\n\n if (Array.isArray(value) && Array.isArray(prevValue)) {\n return prevValue[0]?.getTime() !== value[0]?.getTime() \|\| prevValue[1]?.getTime() !== value[1]?.getTime();\n }\n\n return false;\n};\n\n/*\n Метод проверяет, находится ли календарь в режиме выбора второго значения.\n /\nexport const isSelectProcess = (array: unknown \| unknown[]): array is [Date, Date?] =>\n Array.isArray(array) && !array[1];\n\n/\n Метод возвращает сторону, когда выбор второго значения диапазона завершён.\n /\nexport const getSideForSelected = (date: DateObject, startValue: Date, endValue: Date) => {\n const currentDateTime = new Date(date.year, date.monthIndex, date.day).getTime();\n const startValueTime = startValue.getTime();\n const endValueTime = endValue.getTime();\n\n if (currentDateTime === startValueTime) {\n return 'right';\n }\n\n if (currentDateTime === endValueTime) {\n return 'left';\n }\n\n return undefined;\n};\n\n/\n Метод возвращает сторону, во время выбора второго значения диапазона.\n /\nexport const getSideForHovered = (date: DateObject, hoveredDay: DateObject, startValue: Date, isSelected?: boolean) => {\n const dateHover = new Date(hoveredDay.year, hoveredDay.monthIndex, hoveredDay.day);\n const isHovered = isSameDay(date, hoveredDay);\n\n if ((isSelected && startValue > dateHover) \|\| (isHovered && startValue < dateHover)) {\n return 'left';\n }\n\n if ((isSelected && startValue < dateHover) \|\| (isHovered && startValue > dateHover)) {\n return 'right';\n }\n\n return undefined;\n};\n\n/\n Метод возвращает сторону, с которой нужно отрисовать направление полоски диапазона.\n /\nexport const getSideInRange = (\n value: CalendarValueType,\n date: DateObject,\n hoveredDay?: DateObject,\n isSelected?: boolean,\n) => {\n if (!Array.isArray(value)) {\n return undefined;\n }\n\n const [startValue, endValue] = value;\n\n if (startValue && isSelected && endValue) {\n return getSideForSelected(date, startValue, endValue);\n }\n\n if (startValue && hoveredDay) {\n return getSideForHovered(date, hoveredDay, startValue, isSelected);\n }\n\n return undefined;\n};\n\n/\n Метод проверяет, находится ли выбранный день в диапазоне.\n /\nexport const getInRange = (value: CalendarValueType, date: DateObject, hoveredDay?: DateObject, inRange?: boolean) => {\n if (!isSelectProcess(value) \|\| !hoveredDay) {\n return inRange;\n }\n\n const dateSelected = value[0];\n const dateHover = new Date(hoveredDay.year, hoveredDay.monthIndex, hoveredDay.day);\n const dateCurrent = new Date(date.year, date.monthIndex, date.day);\n\n if (\n (dateSelected < dateCurrent && dateCurrent < dateHover) \|\|\n (dateSelected > dateCurrent && dateCurrent > dateHover)\n ) {\n return true;\n }\n\n return inRange;\n};\n\n/\n Метод проверяет, можно ли выбрать день.\n /\nexport const canSelectDate = (\n { year, monthIndex, day }: DateObject,\n value: CalendarValueType,\n disabledList?: DisabledDay[],\n) => {\n if (!isSelectProcess(value)) {\n return true;\n }\n\n const hoverDate = new Date(year, monthIndex, day);\n const [startDate] = value;\n\n if (!disabledList?.length) {\n return true;\n }\n\n const offDisabledRange = disabledList.some(\n ({ date }) => (startDate < date && date < hoverDate) \|\| (startDate > date && date > hoverDate),\n );\n\n return !offDisabledRange;\n};\n\n/\n Метод для получения двумерного массива и возвращения выбранного элемента.\n */\nexport const getMatrix = <T extends ItemProps>(items: T[], rowSize = 7): readonly [T[][], number[] \| undefined] => {\n const newItems = [...items];\n\n let selected: [number, number] \| undefined;\n\n const result = newItems.reduce((acc: T[][], item, index) => {\n if (index % rowSize === 0) {\n acc.push([]);\n }\n\n acc[acc.length - 1].push(item);\n\n if (item.isSelected) {\n selected = [acc.length - 1, index % rowSize];\n }\n\n return acc;\n }, []);\n\n return [result, selected] as const;\n};\n\nexport const getCalendarType = (type: CalendarStateType) => {\n switch (type) {\n case 'Months':\n return 'год';\n case 'Years':\n return 'период';\n default:\n return 'месяц';\n }\n};\n"],"names":["ROW_STEP","YEAR_RENDER_COUNT","SHORT_DAY_NAMES","FULL_DAY_NAMES","Пн","Вт","Ср","Чт","Пт","Сб","Вс","SHORT_MONTH_NAME","MONTH_NAMES","getDaysInMonth","monthIndex","year","Date","getDate","getOffsetDayInWeek","getDay","getStartYear","Math","trunc","getNextDate","currentYear","currentMonth","length","getPrevDate","getDateFromValue","date","state","day","undefined","getMonth","getFullYear","getDateFromNow","nowDate","IsCurrentDay","currentDay","_getDateFromNow","currentMonthIndex","isSelectedDay","value","_getDateFromValue","isCurrentMonth","_getDateFromNow2","isSelectedMonth","isCurrentYear","_getDateFromNow3","isSelectedYear","getSortedValues","values","sort","start","end","getTime","isDayInRange","_getSortedValues","_getSortedValues2","_slicedToArray","startValue","endValue","isSameDay","firstDate","secondDate","isValueUpdate","prevValue","Array","isArray","_prevValue$","_value$","_prevValue$2","_value$2","isSelectProcess","array","getSideForSelected","currentDateTime","startValueTime","endValueTime","getSideForHovered","hoveredDay","isSelected","dateHover","isHovered","getSideInRange","_value","getInRange","inRange","dateSelected","dateCurrent","canSelectDate","_ref","disabledList","hoverDate","_value2","startDate","offDisabledRange","some","_ref2","getMatrix","items","rowSize","arguments","newItems","_toConsumableArray","selected","result","reduce","acc","item","index","push","getCalendarType","type"],"mappings":";;;;;;AAGO,IAAMA,QAAQ,GAAG,EAAC;AAElB,IAAMC,iBAAiB,GAAG,GAAE;IAEtBC,eAAe,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAU;AAE3E,IAAMC,cAA8D,GAAG;AAC1EC,EAAAA,EAAE,EAAE,aAAa;AACjBC,EAAAA,EAAE,EAAE,SAAS;AACbC,EAAAA,EAAE,EAAE,OAAO;AACXC,EAAAA,EAAE,EAAE,SAAS;AACbC,EAAAA,EAAE,EAAE,SAAS;AACbC,EAAAA,EAAE,EAAE,SAAS;AACbC,EAAAA,EAAE,EAAE,aAAA;AACR,EAAC;AAEM,IAAMC,gBAAgB,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC;AAEhH,IAAMC,WAAW,GAAG,CACvB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,QAAQ,EACR,KAAK,EACL,MAAM,EACN,MAAM,EACN,QAAQ,EACR,UAAU,EACV,SAAS,EACT,QAAQ,EACR,SAAS,EACZ;AAEM,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,UAAkB,EAAEC,IAAY,EAAA;AAAA,EAAA,OAAK,IAAIC,IAAI,CAACD,IAAI,EAAED,UAAU,GAAG,CAAC,EAAE,CAAC,CAAC,CAACG,OAAO,EAAE,CAAA;AAAA,EAAA;AAExG,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIJ,UAAkB,EAAEC,IAAY,EAAA;AAAA,EAAA,OAAK,CAAC,IAAIC,IAAI,CAACD,IAAI,EAAED,UAAU,CAAC,CAACK,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;AAAA,EAAA;IAEzGC,YAAY,GAAG,SAAfA,YAAYA,CAAIL,IAAY,EAAA;AAAA,EAAA,OAAKM,IAAI,CAACC,KAAK,CAAC,CAACP,IAAI,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;AAAA,EAAA;AAE5E,IAAMQ,WAAW,GAAG,SAAdA,WAAWA,CAAIC,WAAmB,EAAEC,YAAoB,EAAA;EAAA,OACjEA,YAAY,GAAG,CAAC,KAAKb,WAAW,CAACc,MAAM,GAAG,CAACF,WAAW,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAACA,WAAW,EAAEC,YAAY,GAAG,CAAC,CAAC,CAAA;AAAA,EAAA;AAE7F,IAAME,WAAW,GAAG,SAAdA,WAAWA,CAAIH,WAAmB,EAAEC,YAAoB,EAAA;EAAA,OACjEA,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAACD,WAAW,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,CAACA,WAAW,EAAEC,YAAY,GAAG,CAAC,CAAC,CAAA;AAAA,EAAA;IAErEG,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,IAAsB,EAAiB;AACpE,EAAA,IAAMC,KAAK,GAAGD,IAAI,IAAI,IAAIb,IAAI,EAAE,CAAA;EAEhC,OAAO;IACHe,GAAG,EAAEF,IAAI,KAAKG,SAAS,GAAGF,KAAK,CAACb,OAAO,EAAE,GAAG,CAAC;AAC7CH,IAAAA,UAAU,EAAEgB,KAAK,CAACG,QAAQ,EAAE;AAC5BlB,IAAAA,IAAI,EAAEe,KAAK,CAACI,WAAW,EAAC;GAC3B,CAAA;AACL,EAAC;IAEYC,cAAc,GAAG,SAAjBA,cAAcA,GAAqB;AAC5C,EAAA,IAAMC,OAAO,GAAG,IAAIpB,IAAI,EAAE,CAAA;EAE1B,OAAO;AACHe,IAAAA,GAAG,EAAEK,OAAO,CAACnB,OAAO,EAAE;AACtBH,IAAAA,UAAU,EAAEsB,OAAO,CAACH,QAAQ,EAAE;AAC9BlB,IAAAA,IAAI,EAAEqB,OAAO,CAACF,WAAW,EAAC;GAC7B,CAAA;AACL,EAAC;AAEM,IAAMG,YAAY,GAAG,SAAfA,YAAYA,CAAIR,IAAgB,EAAES,UAAkB,EAAK;AAClE,EAAA,IAAAC,eAAA,GAAkEJ,cAAc,EAAE;IAA1EJ,GAAG,GAAAQ,eAAA,CAAHR,GAAG;IAAcS,iBAAiB,GAAAD,eAAA,CAA7BzB,UAAU;IAA2BU,WAAW,GAAAe,eAAA,CAAjBxB,IAAI,CAAA;AAChD,EAAA,OAAOgB,GAAG,KAAKO,UAAU,IAAIT,IAAI,CAACf,UAAU,KAAK0B,iBAAiB,IAAIX,IAAI,CAACd,IAAI,KAAKS,WAAW,CAAA;AACnG,EAAC;AAEM,IAAMiB,aAAa,GAAG,SAAhBA,aAAaA,CAAIZ,IAAgB,EAAES,UAAkB,EAAEI,KAAY,EAAK;EACjF,IAAI,CAACA,KAAK,EAAE;AACR,IAAA,OAAO,KAAK,CAAA;AAChB,GAAA;AAEA,EAAA,IAAAC,iBAAA,GAAkCf,gBAAgB,CAACc,KAAK,CAAC;IAAjDX,GAAG,GAAAY,iBAAA,CAAHZ,GAAG;IAAEjB,UAAU,GAAA6B,iBAAA,CAAV7B,UAAU;IAAEC,IAAI,GAAA4B,iBAAA,CAAJ5B,IAAI,CAAA;AAC7B,EAAA,OAAOgB,GAAG,KAAKO,UAAU,IAAIT,IAAI,CAACf,UAAU,KAAKA,UAAU,IAAIe,IAAI,CAACd,IAAI,KAAKA,IAAI,CAAA;AACrF,EAAC;AAEM,IAAM6B,cAAc,GAAG,SAAjBA,cAAcA,CAAIf,IAAgB,EAAEf,UAAkB,EAAK;AACpE,EAAA,IAAA+B,gBAAA,GAA6DV,cAAc,EAAE;IAAzDK,iBAAiB,GAAAK,gBAAA,CAA7B/B,UAAU;IAA2BU,WAAW,GAAAqB,gBAAA,CAAjB9B,IAAI,CAAA;EAC3C,OAAOD,UAAU,KAAK0B,iBAAiB,IAAIX,IAAI,CAACd,IAAI,KAAKS,WAAW,CAAA;AACxE,EAAC;AAEM,IAAMsB,eAAe,GAAG,SAAlBA,eAAeA,CAAIjB,IAAgB,EAAEf,UAAkB,EAAA;AAAA,EAAA,OAAKe,IAAI,CAACf,UAAU,KAAKA,UAAU,CAAA;AAAA,EAAA;IAE1FiC,aAAa,GAAG,SAAhBA,aAAaA,CAAIhC,IAAY,EAAK;AAC3C,EAAA,IAAAiC,gBAAA,GAA8Bb,cAAc,EAAE;IAAhCX,WAAW,GAAAwB,gBAAA,CAAjBjC,IAAI,CAAA;EACZ,OAAOA,IAAI,KAAKS,WAAW,CAAA;AAC/B,EAAC;AAEM,IAAMyB,cAAc,GAAG,SAAjBA,cAAcA,CAAIpB,IAAgB,EAAEd,IAAY,EAAA;AAAA,EAAA,OAAKc,IAAI,CAACd,IAAI,KAAKA,IAAI,CAAA;AAAA,EAAA;IAEvEmC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,MAA+C,EAAA;EAAA,OAC3EA,MAAM,CAACC,IAAI,CAAC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACxB,IAAA,IAAI,CAACD,KAAK,IAAI,CAACC,GAAG,EAAE;AAChB,MAAA,OAAO,CAAC,CAAC,CAAA;AACb,KAAA;IAEA,OAAOD,KAAK,CAACE,OAAO,EAAE,GAAGD,GAAG,CAACC,OAAO,EAAE,CAAA;AAC1C,GAAC,CAAC,CAAA;AAAA,EAAA;AAEOC,IAAAA,YAAY,GAAG,SAAfA,YAAYA,CACrBzC,IAAY,EACZD,UAAkB,EAClBwB,UAAkB,EAClBa,MAAiC,EAChC;AACD,EAAA,IAAAM,gBAAA,GAA+BP,eAAe,CAACC,MAAM,CAAC;IAAAO,iBAAA,GAAAC,uCAAA,CAAAF,gBAAA,EAAA,CAAA,CAAA;AAA/CG,IAAAA,UAAU,GAAAF,iBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,QAAQ,GAAAH,iBAAA,CAAA,CAAA,CAAA,CAAA;AAE3B,EAAA,IAAI,CAACG,QAAQ,IAAI,CAACD,UAAU,EAAE;AAC1B,IAAA,OAAO,KAAK,CAAA;AAChB,GAAA;EAEA,IAAM7B,GAAG,GAAG,IAAIf,IAAI,CAACD,IAAI,EAAED,UAAU,EAAEwB,UAAU,CAAC,CAAA;AAClD,EAAA,OAAOsB,UAAU,GAAG7B,GAAG,IAAIA,GAAG,IAAI8B,QAAQ,CAAA;AAC9C,EAAC;AAEM,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,SAAqB,EAAEC,UAAuB,EAAA;EAAA,OACpEA,UAAU,IACVD,SAAS,CAAChC,GAAG,KAAKiC,UAAU,CAACjC,GAAG,IAChCgC,SAAS,CAACjD,UAAU,KAAKkD,UAAU,CAAClD,UAAU,IAC9CiD,SAAS,CAAChD,IAAI,KAAKiD,UAAU,CAACjD,IAAI,CAAA;AAAA,EAAA;AAE/B,IAAMkD,aAAa,GAAG,SAAhBA,aAAaA,CAAIvB,KAA2B,EAAEwB,SAA+B,EAAK;AAC3F,EAAA,IAAI,CAACC,KAAK,CAACC,OAAO,CAAC1B,KAAK,CAAC,IAAI,CAACyB,KAAK,CAACC,OAAO,CAACF,SAAS,CAAC,EAAE;AACpD,IAAA,OAAO,CAAAA,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAS,CAAEX,OAAO,EAAE,OAAKb,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEa,OAAO,EAAE,CAAA,CAAA;AACpD,GAAA;AAEA,EAAA,IAAIY,KAAK,CAACC,OAAO,CAAC1B,KAAK,CAAC,IAAIyB,KAAK,CAACC,OAAO,CAACF,SAAS,CAAC,EAAE;AAAA,IAAA,IAAAG,WAAA,EAAAC,OAAA,EAAAC,YAAA,EAAAC,QAAA,CAAA;AAClD,IAAA,OAAO,CAAAH,CAAAA,WAAA,GAAAH,SAAS,CAAC,CAAC,CAAC,MAAA,IAAA,IAAAG,WAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,WAAA,CAAcd,OAAO,EAAE,OAAA,CAAAe,OAAA,GAAK5B,KAAK,CAAC,CAAC,CAAC,MAAA4B,IAAAA,IAAAA,OAAA,KAARA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAA,CAAUf,OAAO,EAAE,CAAI,IAAA,CAAA,CAAAgB,YAAA,GAAAL,SAAS,CAAC,CAAC,CAAC,MAAAK,IAAAA,IAAAA,YAAA,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAA,CAAchB,OAAO,EAAE,OAAAiB,CAAAA,QAAA,GAAK9B,KAAK,CAAC,CAAC,CAAC,MAAA,IAAA,IAAA8B,QAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAARA,QAAA,CAAUjB,OAAO,EAAE,CAAA,CAAA;AAC7G,GAAA;AAEA,EAAA,OAAO,KAAK,CAAA;AAChB,EAAC;;AAED;AACA;AACA;IACakB,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAA0B,EAAA;EAAA,OACtDP,KAAK,CAACC,OAAO,CAACM,KAAK,CAAC,IAAI,CAACA,KAAK,CAAC,CAAC,CAAC,CAAA;AAAA,EAAA;;AAErC;AACA;AACA;AACO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAI9C,IAAgB,EAAE+B,UAAgB,EAAEC,QAAc,EAAK;EACtF,IAAMe,eAAe,GAAG,IAAI5D,IAAI,CAACa,IAAI,CAACd,IAAI,EAAEc,IAAI,CAACf,UAAU,EAAEe,IAAI,CAACE,GAAG,CAAC,CAACwB,OAAO,EAAE,CAAA;AAChF,EAAA,IAAMsB,cAAc,GAAGjB,UAAU,CAACL,OAAO,EAAE,CAAA;AAC3C,EAAA,IAAMuB,YAAY,GAAGjB,QAAQ,CAACN,OAAO,EAAE,CAAA;EAEvC,IAAIqB,eAAe,KAAKC,cAAc,EAAE;AACpC,IAAA,OAAO,OAAO,CAAA;AAClB,GAAA;EAEA,IAAID,eAAe,KAAKE,YAAY,EAAE;AAClC,IAAA,OAAO,MAAM,CAAA;AACjB,GAAA;AAEA,EAAA,OAAO9C,SAAS,CAAA;AACpB,EAAC;;AAED;AACA;AACA;AACa+C,IAAAA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIlD,IAAgB,EAAEmD,UAAsB,EAAEpB,UAAgB,EAAEqB,UAAoB,EAAK;AACnH,EAAA,IAAMC,SAAS,GAAG,IAAIlE,IAAI,CAACgE,UAAU,CAACjE,IAAI,EAAEiE,UAAU,CAAClE,UAAU,EAAEkE,UAAU,CAACjD,GAAG,CAAC,CAAA;AAClF,EAAA,IAAMoD,SAAS,GAAGrB,SAAS,CAACjC,IAAI,EAAEmD,UAAU,CAAC,CAAA;EAE7C,IAAKC,UAAU,IAAIrB,UAAU,GAAGsB,SAAS,IAAMC,SAAS,IAAIvB,UAAU,GAAGsB,SAAU,EAAE;AACjF,IAAA,OAAO,MAAM,CAAA;AACjB,GAAA;EAEA,IAAKD,UAAU,IAAIrB,UAAU,GAAGsB,SAAS,IAAMC,SAAS,IAAIvB,UAAU,GAAGsB,SAAU,EAAE;AACjF,IAAA,OAAO,OAAO,CAAA;AAClB,GAAA;AAEA,EAAA,OAAOlD,SAAS,CAAA;AACpB,EAAC;;AAED;AACA;AACA;AACaoD,IAAAA,cAAc,GAAG,SAAjBA,cAAcA,CACvB1C,KAAwB,EACxBb,IAAgB,EAChBmD,UAAuB,EACvBC,UAAoB,EACnB;AACD,EAAA,IAAI,CAACd,KAAK,CAACC,OAAO,CAAC1B,KAAK,CAAC,EAAE;AACvB,IAAA,OAAOV,SAAS,CAAA;AACpB,GAAA;AAEA,EAAA,IAAAqD,MAAA,GAAA1B,uCAAA,CAA+BjB,KAAK,EAAA,CAAA,CAAA;AAA7BkB,IAAAA,UAAU,GAAAyB,MAAA,CAAA,CAAA,CAAA;AAAExB,IAAAA,QAAQ,GAAAwB,MAAA,CAAA,CAAA,CAAA,CAAA;AAE3B,EAAA,IAAIzB,UAAU,IAAIqB,UAAU,IAAIpB,QAAQ,EAAE;AACtC,IAAA,OAAOc,kBAAkB,CAAC9C,IAAI,EAAE+B,UAAU,EAAEC,QAAQ,CAAC,CAAA;AACzD,GAAA;EAEA,IAAID,UAAU,IAAIoB,UAAU,EAAE;IAC1B,OAAOD,iBAAiB,CAAClD,IAAI,EAAEmD,UAAU,EAAEpB,UAAU,EAAEqB,UAAU,CAAC,CAAA;AACtE,GAAA;AAEA,EAAA,OAAOjD,SAAS,CAAA;AACpB,EAAC;;AAED;AACA;AACA;AACasD,IAAAA,UAAU,GAAG,SAAbA,UAAUA,CAAI5C,KAAwB,EAAEb,IAAgB,EAAEmD,UAAuB,EAAEO,OAAiB,EAAK;EAClH,IAAI,CAACd,eAAe,CAAC/B,KAAK,CAAC,IAAI,CAACsC,UAAU,EAAE;AACxC,IAAA,OAAOO,OAAO,CAAA;AAClB,GAAA;AAEA,EAAA,IAAMC,YAAY,GAAG9C,KAAK,CAAC,CAAC,CAAC,CAAA;AAC7B,EAAA,IAAMwC,SAAS,GAAG,IAAIlE,IAAI,CAACgE,UAAU,CAACjE,IAAI,EAAEiE,UAAU,CAAClE,UAAU,EAAEkE,UAAU,CAACjD,GAAG,CAAC,CAAA;AAClF,EAAA,IAAM0D,WAAW,GAAG,IAAIzE,IAAI,CAACa,IAAI,CAACd,IAAI,EAAEc,IAAI,CAACf,UAAU,EAAEe,IAAI,CAACE,GAAG,CAAC,CAAA;AAElE,EAAA,IACKyD,YAAY,GAAGC,WAAW,IAAIA,WAAW,GAAGP,SAAS,IACrDM,YAAY,GAAGC,WAAW,IAAIA,WAAW,GAAGP,SAAU,EACzD;AACE,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;AAEA,EAAA,OAAOK,OAAO,CAAA;AAClB,EAAC;;AAED;AACA;AACA;AACO,IAAMG,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAEtBjD,KAAwB,EACxBkD,YAA4B,EAC3B;AAAA,EAAA,IAHC7E,IAAI,GAAA4E,IAAA,CAAJ5E,IAAI;IAAED,UAAU,GAAA6E,IAAA,CAAV7E,UAAU;IAAEiB,GAAG,GAAA4D,IAAA,CAAH5D,GAAG,CAAA;AAIvB,EAAA,IAAI,CAAC0C,eAAe,CAAC/B,KAAK,CAAC,EAAE;AACzB,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;EAEA,IAAMmD,SAAS,GAAG,IAAI7E,IAAI,CAACD,IAAI,EAAED,UAAU,EAAEiB,GAAG,CAAC,CAAA;AACjD,EAAA,IAAA+D,OAAA,GAAAnC,uCAAA,CAAoBjB,KAAK,EAAA,CAAA,CAAA;AAAlBqD,IAAAA,SAAS,GAAAD,OAAA,CAAA,CAAA,CAAA,CAAA;EAEhB,IAAI,EAACF,YAAY,KAAZA,IAAAA,IAAAA,YAAY,eAAZA,YAAY,CAAElE,MAAM,CAAE,EAAA;AACvB,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;AAEA,EAAA,IAAMsE,gBAAgB,GAAGJ,YAAY,CAACK,IAAI,CACtC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGrE,IAAI,GAAAqE,KAAA,CAAJrE,IAAI,CAAA;AAAA,IAAA,OAAQkE,SAAS,GAAGlE,IAAI,IAAIA,IAAI,GAAGgE,SAAS,IAAME,SAAS,GAAGlE,IAAI,IAAIA,IAAI,GAAGgE,SAAU,CAAA;AAAA,GAClG,CAAC,CAAA;AAED,EAAA,OAAO,CAACG,gBAAgB,CAAA;AAC5B,EAAC;;AAED;AACA;AACA;IACaG,SAAS,GAAG,SAAZA,SAASA,CAAyBC,KAAU,EAA0D;AAAA,EAAA,IAAxDC,OAAO,GAAAC,SAAA,CAAA5E,MAAA,GAAA,CAAA,IAAA4E,SAAA,CAAA,CAAA,CAAA,KAAAtE,SAAA,GAAAsE,SAAA,CAAA,CAAA,CAAA,GAAG,CAAC,CAAA;AAClE,EAAA,IAAMC,QAAQ,GAAAC,2CAAA,CAAOJ,KAAK,CAAC,CAAA;AAE3B,EAAA,IAAIK,QAAsC,CAAA;AAE1C,EAAA,IAAMC,MAAM,GAAGH,QAAQ,CAACI,MAAM,CAAC,UAACC,GAAU,EAAEC,IAAI,EAAEC,KAAK,EAAK;AACxD,IAAA,IAAIA,KAAK,GAAGT,OAAO,KAAK,CAAC,EAAE;AACvBO,MAAAA,GAAG,CAACG,IAAI,CAAC,EAAE,CAAC,CAAA;AAChB,KAAA;IAEAH,GAAG,CAACA,GAAG,CAAClF,MAAM,GAAG,CAAC,CAAC,CAACqF,IAAI,CAACF,IAAI,CAAC,CAAA;IAE9B,IAAIA,IAAI,CAAC5B,UAAU,EAAE;MACjBwB,QAAQ,GAAG,CAACG,GAAG,CAAClF,MAAM,GAAG,CAAC,EAAEoF,KAAK,GAAGT,OAAO,CAAC,CAAA;AAChD,KAAA;AAEA,IAAA,OAAOO,GAAG,CAAA;GACb,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,OAAO,CAACF,MAAM,EAAED,QAAQ,CAAC,CAAA;AAC7B,EAAC;IAEYO,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAAuB,EAAK;AACxD,EAAA,QAAQA,IAAI;AACR,IAAA,KAAK,QAAQ;AACT,MAAA,OAAO,KAAK,CAAA;AAChB,IAAA,KAAK,OAAO;AACR,MAAA,OAAO,QAAQ,CAAA;AACnB,IAAA;AACI,MAAA,OAAO,OAAO,CAAA;AACtB,GAAA;AACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/Calendar/utils/index.ts"],"sourcesContent":["import type { CalendarStateType } from '../store/types';\nimport type { CalendarValueType, DateObject, DisabledDay, ItemProps } from '../Calendar.types';\n\nexport const ROW_STEP = 6;\n\nexport const YEAR_RENDER_COUNT = 12;\n\nexport const SHORT_DAY_NAMES = ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс'] as const;\n\nexport const FULL_DAY_NAMES: Record<typeof SHORT_DAY_NAMES[number], string> = {\n Пн: 'Понедельник',\n Вт: 'Вторник',\n Ср: 'Среда',\n Чт: 'Четверг',\n Пт: 'Пятница',\n Сб: 'Суббота',\n Вс: 'Воскресенье',\n};\n\nexport const SHORT_MONTH_NAME = ['Янв', 'Фев', 'Март', 'Апр', 'Май', 'Июнь', 'Июль', 'Авг', 'Сен', 'Окт', 'Ноя', 'Дек'];\n\nexport const MONTH_NAMES = [\n 'Январь',\n 'Февраль',\n 'Март',\n 'Апрель',\n 'Май',\n 'Июнь',\n 'Июль',\n 'Август',\n 'Сентябрь',\n 'Октябрь',\n 'Ноябрь',\n 'Декабрь',\n];\n\nexport const getDaysInMonth = (monthIndex: number, year: number) => new Date(year, monthIndex + 1, 0).getDate();\n\nexport const getOffsetDayInWeek = (monthIndex: number, year: number) => (new Date(year, monthIndex).getDay() \|\| 7) - 1;\n\nexport const getStartYear = (year: number) => Math.trunc((year - 1) * 0.1) * 10 - 1;\n\nexport const getNextDate = (currentYear: number, currentMonth: number) =>\n currentMonth + 1 === MONTH_NAMES.length ? [currentYear + 1, 0] : [currentYear, currentMonth + 1];\n\nexport const getPrevDate = (currentYear: number, currentMonth: number) =>\n currentMonth - 1 < 0 ? [currentYear - 1, 11] : [currentYear, currentMonth - 1];\n\nexport const getDateFromValue = (date: Date \| undefined): DateObject => {\n const state = date \|\| new Date();\n\n return {\n day: date !== undefined ? state.getDate() : 0,\n monthIndex: state.getMonth(),\n year: state.getFullYear(),\n };\n};\n\nexport const getDateFromNow = (): DateObject => {\n const nowDate = new Date();\n\n return {\n day: nowDate.getDate(),\n monthIndex: nowDate.getMonth(),\n year: nowDate.getFullYear(),\n };\n};\n\nexport const IsCurrentDay = (date: DateObject, currentDay: number) => {\n const { day, monthIndex: currentMonthIndex, year: currentYear } = getDateFromNow();\n return day === currentDay && date.monthIndex === currentMonthIndex && date.year === currentYear;\n};\n\nexport const isSelectedDay = (date: DateObject, currentDay: number, value?: Date) => {\n if (!value) {\n return false;\n }\n\n const { day, monthIndex, year } = getDateFromValue(value);\n return day === currentDay && date.monthIndex === monthIndex && date.year === year;\n};\n\nexport const isCurrentMonth = (date: DateObject, monthIndex: number) => {\n const { monthIndex: currentMonthIndex, year: currentYear } = getDateFromNow();\n return monthIndex === currentMonthIndex && date.year === currentYear;\n};\n\nexport const isSelectedMonth = (date: DateObject, monthIndex: number) => date.monthIndex === monthIndex;\n\nexport const isCurrentYear = (year: number) => {\n const { year: currentYear } = getDateFromNow();\n return year === currentYear;\n};\n\nexport const isSelectedYear = (date: DateObject, year: number) => date.year === year;\n\nexport const getSortedValues = (values: [Date \| undefined, (Date \| undefined)?]) =>\n values.sort((start, end) => {\n if (!start \|\| !end) {\n return -1;\n }\n\n return start.getTime() - end.getTime();\n });\n\nexport const isDayInRange = (\n year: number,\n monthIndex: number,\n currentDay: number,\n values: [Date \| undefined, Date?],\n) => {\n const [startValue, endValue] = getSortedValues(values);\n\n if (!endValue \|\| !startValue) {\n return false;\n }\n\n const day = new Date(year, monthIndex, currentDay);\n return startValue < day && day <= endValue;\n};\n\nexport const isSameDay = (firstDate: DateObject, secondDate?: DateObject) =>\n secondDate &&\n firstDate.day === secondDate.day &&\n firstDate.monthIndex === secondDate.monthIndex &&\n firstDate.year === secondDate.year;\n\nexport const isValueUpdate = (value: Date \| [Date?, Date?], prevValue: Date \| [Date?, Date?]) => {\n if (!Array.isArray(value) && !Array.isArray(prevValue)) {\n return prevValue?.getTime() !== value?.getTime();\n }\n\n if (Array.isArray(value) && Array.isArray(prevValue)) {\n return prevValue[0]?.getTime() !== value[0]?.getTime() \|\| prevValue[1]?.getTime() !== value[1]?.getTime();\n }\n\n return false;\n};\n\n/*\n Метод проверяет, находится ли календарь в режиме выбора второго значения.\n /\nexport const isSelectProcess = (array: unknown \| unknown[]): array is [Date, Date?] =>\n Array.isArray(array) && !array[1];\n\n/\n Метод возвращает сторону, когда выбор второго значения диапазона завершён.\n /\nexport const getSideForSelected = (date: DateObject, startValue: Date, endValue: Date) => {\n const currentDateTime = new Date(date.year, date.monthIndex, date.day).getTime();\n const startValueTime = startValue.getTime();\n const endValueTime = endValue.getTime();\n\n if (currentDateTime === startValueTime) {\n return 'right';\n }\n\n if (currentDateTime === endValueTime) {\n return 'left';\n }\n\n return undefined;\n};\n\n/\n Метод возвращает сторону, во время выбора второго значения диапазона.\n /\nexport const getSideForHovered = (date: DateObject, hoveredDay: DateObject, startValue: Date, isSelected?: boolean) => {\n const dateHover = new Date(hoveredDay.year, hoveredDay.monthIndex, hoveredDay.day);\n const isHovered = isSameDay(date, hoveredDay);\n\n if ((isSelected && startValue > dateHover) \|\| (isHovered && startValue < dateHover)) {\n return 'left';\n }\n\n if ((isSelected && startValue < dateHover) \|\| (isHovered && startValue > dateHover)) {\n return 'right';\n }\n\n return undefined;\n};\n\n/\n Метод возвращает сторону, с которой нужно отрисовать направление полоски диапазона.\n /\nexport const getSideInRange = (\n value: CalendarValueType,\n date: DateObject,\n hoveredDay?: DateObject,\n isSelected?: boolean,\n) => {\n if (!Array.isArray(value)) {\n return undefined;\n }\n\n const [startValue, endValue] = value;\n\n if (startValue && isSelected && endValue) {\n return getSideForSelected(date, startValue, endValue);\n }\n\n if (startValue && hoveredDay) {\n return getSideForHovered(date, hoveredDay, startValue, isSelected);\n }\n\n return undefined;\n};\n\n/\n Метод проверяет, находится ли выбранный день в диапазоне.\n /\nexport const getInRange = (value: CalendarValueType, date: DateObject, hoveredDay?: DateObject, inRange?: boolean) => {\n if (!isSelectProcess(value) \|\| !hoveredDay) {\n return inRange;\n }\n\n const dateSelected = value[0];\n const dateHover = new Date(hoveredDay.year, hoveredDay.monthIndex, hoveredDay.day);\n const dateCurrent = new Date(date.year, date.monthIndex, date.day);\n\n if (\n (dateSelected < dateCurrent && dateCurrent < dateHover) \|\|\n (dateSelected > dateCurrent && dateCurrent > dateHover)\n ) {\n return true;\n }\n\n return inRange;\n};\n\n/\n Метод проверяет, можно ли выбрать день.\n /\nexport const canSelectDate = (\n { year, monthIndex, day }: DateObject,\n value: CalendarValueType,\n disabledList?: DisabledDay[],\n) => {\n if (!isSelectProcess(value)) {\n return true;\n }\n\n const hoverDate = new Date(year, monthIndex, day);\n const [startDate] = value;\n\n if (!disabledList?.length) {\n return true;\n }\n\n const offDisabledRange = disabledList.some(\n ({ date }) => (startDate < date && date < hoverDate) \|\| (startDate > date && date > hoverDate),\n );\n\n return !offDisabledRange;\n};\n\n/\n Метод для получения двумерного массива и возвращения выбранного элемента.\n */\nexport const getMatrix = <T extends ItemProps>(items: T[], rowSize = 7): readonly [T[][], number[] \| undefined] => {\n const newItems = [...items];\n\n let selected: [number, number] \| undefined;\n\n const result = newItems.reduce((acc: T[][], item, index) => {\n if (index % rowSize === 0) {\n acc.push([]);\n }\n\n acc[acc.length - 1].push(item);\n\n if (item.isSelected) {\n selected = [acc.length - 1, index % rowSize];\n }\n\n return acc;\n }, []);\n\n return [result, selected] as const;\n};\n\nexport const getCalendarType = (type: CalendarStateType) => {\n switch (type) {\n case 'Months':\n return 'год';\n case 'Years':\n return 'период';\n default:\n return 'месяц';\n }\n};\n"],"names":["ROW_STEP","YEAR_RENDER_COUNT","SHORT_DAY_NAMES","FULL_DAY_NAMES","Пн","Вт","Ср","Чт","Пт","Сб","Вс","SHORT_MONTH_NAME","MONTH_NAMES","getDaysInMonth","monthIndex","year","Date","getDate","getOffsetDayInWeek","getDay","getStartYear","Math","trunc","getNextDate","currentYear","currentMonth","length","getPrevDate","getDateFromValue","date","state","day","undefined","getMonth","getFullYear","getDateFromNow","nowDate","IsCurrentDay","currentDay","_getDateFromNow","currentMonthIndex","isSelectedDay","value","_getDateFromValue","isCurrentMonth","_getDateFromNow2","isSelectedMonth","isCurrentYear","_getDateFromNow3","isSelectedYear","getSortedValues","values","sort","start","end","getTime","isDayInRange","_getSortedValues","_getSortedValues2","_slicedToArray","startValue","endValue","isSameDay","firstDate","secondDate","isValueUpdate","prevValue","Array","isArray","_prevValue$","_value$","_prevValue$2","_value$2","isSelectProcess","array","getSideForSelected","currentDateTime","startValueTime","endValueTime","getSideForHovered","hoveredDay","isSelected","dateHover","isHovered","getSideInRange","_value","getInRange","inRange","dateSelected","dateCurrent","canSelectDate","_ref","disabledList","hoverDate","_value2","startDate","offDisabledRange","some","_ref2","getMatrix","items","rowSize","arguments","newItems","_toConsumableArray","selected","result","reduce","acc","item","index","push","getCalendarType","type"],"mappings":"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"}

package/cjs/components/Combobox/Combobox.js CHANGED Viewed

@@ -6,7 +6,6 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var plasmaCore = require('@salutejs/plasma-core');
 var index$1 = require('../../utils/index.js');
-var index$2 = require('../Dropdown/utils/index.js');
 var index = require('../Select/utils/index.js');
 var useKeyNavigation = require('../Select/hooks/useKeyNavigation.js');
 var useForceUpdate = require('../../hooks/useForceUpdate.js');
@@ -21,6 +20,7 @@ require('react-popper');
 require('styled-components');
 var ComboboxTarget = require('./ui/ComboboxTarget/ComboboxTarget.js');
 var Combobox_styles = require('./Combobox.styles.js');
+var getPopoverPlacement = require('../../utils/getPopoverPlacement.js');
 var _excluded = ["name", "form", "readOnly", "disabled", "label", "placeholder", "id", "children", "role", "view", "size", "frame", "usePortal", "negativeResultContent", "enumerationType", "opened", "placement", "onToggle", "onKeyDown", "filterFunction"];
 /**
@@ -222,7 +222,7 @@ var comboboxRoot = function comboboxRoot(Root) {
       ,
       id: innerId,
       offset: offset,
-      placement: index$2.getPlacements(placement),
+      placement: getPopoverPlacement.getPlacements(placement),
       usePortal: usePortal,
       selectWidth: dynamicTargetWidth,
       frame: frame,

package/cjs/components/Combobox/Combobox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Combobox.js","sources":["../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["import React, { Children, forwardRef, useEffect, useRef, useState } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { getPlacements } from '../Dropdown/utils';\nimport { getChildren, getNewSelected, getValues } from '../Select/utils';\nimport { useKeyNavigation } from '../Select/hooks';\nimport { useDidMountEffect, useForceUpdate } from '../../hooks';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { ComboboxTarget } from './ui';\nimport { ComboboxItemNotFound, StyledPopover, StyledRoot, StyledCombobox, StyledNativeSelect } from './Combobox.styles';\nimport type { ComboboxPrimitiveValue, ComboboxProps } from './Combobox.types';\n\n/*\n Выпадающий список без внешнего контроля видимости.\n */\nexport const comboboxRoot = (Root: RootProps<HTMLInputElement, ComboboxProps>) =>\n forwardRef<HTMLInputElement, ComboboxProps>(\n (\n {\n name,\n form,\n readOnly,\n disabled,\n label,\n placeholder,\n id,\n children,\n role,\n view,\n size,\n frame,\n usePortal,\n negativeResultContent = 'Элементы не найдены',\n enumerationType = 'comma',\n opened = false,\n placement = 'bottom',\n onToggle,\n onKeyDown,\n filterFunction,\n ...rest\n },\n outerRootRef,\n ) => {\n const forceUpdate = useForceUpdate();\n const uniqId = safeUseId();\n const innerId = id \|\| uniqId;\n const { valueType = 'single', value } = rest;\n const offset = [0, 4] as [number, number];\n\n const [ref, setRef] = useState<HTMLInputElement \| null>(null);\n\n const targetRef = useRef<HTMLInputElement>(null);\n const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n const comboboxRef = useRef<HTMLDivElement>(null);\n const itemsRefs = useRef<Array<HTMLDivElement>>([]);\n const inputRef = useRef<HTMLInputElement>(null);\n const handleRef = useForkRef<HTMLInputElement>(targetRef, outerRootRef);\n const controlledRefs = { targetRef, chipsRefs, selectRef: comboboxRef, itemsRefs, inputRef };\n\n const [innerOpened, setInnerOpened] = useState(opened);\n const [search, setSearch] = useState<string \| undefined>('');\n const [filterValue, setFilterValue] = useState(search);\n\n // INFO: нужно высчитывать для корректной работы портала\n const dynamicTargetWidth = targetRef.current?.offsetWidth;\n\n // INFO: Из-за того, что классы передаются через ref,\n // состояние пропсов после изменения view, size\n // всегда предыдущее, поэтому нужно делать форс-ререндер\n useDidMountEffect(() => {\n forceUpdate();\n }, [view, size]);\n\n useEffect(() => {\n if (disabled \|\| readOnly) {\n return;\n }\n\n setInnerOpened(opened);\n }, [opened, disabled, readOnly]);\n\n useEffect(() => {\n // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список\n if (opened) {\n setFilterValue('');\n }\n }, []);\n\n const onInnerToggle = (openValue: boolean, event: React.SyntheticEvent \| Event) => {\n if (disabled \|\| readOnly) {\n return;\n }\n\n // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список\n if (!innerOpened) {\n setFilterValue('');\n }\n\n if (onToggle) {\n onToggle(openValue, event);\n\n return;\n }\n\n setInnerOpened(openValue);\n };\n\n const closedWithoutChanges = useRef(true);\n\n const updateValue = (item: HTMLElement, event: React.SyntheticEvent \| Event) => {\n const {\n dataset: { value: newValue },\n } = item;\n\n if (rest.valueType === 'multiple') {\n const newSelected = getNewSelected(rest.value, newValue, rest.valueType);\n rest.onChangeValue?.(newSelected);\n\n return;\n }\n\n const newSelected = getNewSelected(rest.value, newValue, 'single');\n\n rest.onChangeValue?.(newSelected);\n\n onInnerToggle?.(false, event);\n\n closedWithoutChanges.current = false;\n };\n\n const onClickChildrenItem = (event: React.MouseEvent<HTMLDivElement>) => {\n // INFO: Для корректной работы компонента Popper\n event.stopPropagation();\n\n const item = event.currentTarget as HTMLElement;\n\n updateValue(item, event);\n };\n\n const onChangeChipValue = (newValue?: Array<ComboboxPrimitiveValue>) => {\n if (rest.valueType !== 'multiple') {\n return;\n }\n\n rest.onChangeValue?.(newValue);\n };\n\n const { onKeyDownTarget, onKeyDownSelect } = useKeyNavigation({\n controlledRefs,\n opened: innerOpened,\n enumerationType,\n valueType,\n componentType: 'combobox',\n value,\n search: filterValue,\n updateOpened: onInnerToggle,\n updateValue,\n });\n\n const childrenArray = Children.toArray(children) as React.ReactElement[];\n\n const childrenMemo = getChildren(\n childrenArray,\n { onClick: onClickChildrenItem, childrenRefs: itemsRefs },\n value,\n filterValue,\n filterFunction,\n ).filter(Boolean);\n\n const values = getValues(childrenArray, value);\n\n const onSearch = (newSearch?: string, newOpened?: boolean) => {\n setSearch(newSearch);\n setFilterValue(newSearch);\n setInnerOpened(newOpened ?? true);\n };\n\n const onKeyDownHandle = (event: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDown?.(event);\n onKeyDownTarget(event);\n };\n\n return (\n <StyledRoot ref={comboboxRef}>\n <StyledNativeSelect\n aria-invalid=\"false\"\n aria-hidden=\"true\"\n aria-readonly={readOnly}\n tabIndex={-1}\n form={form}\n name={name}\n value={`${value}`}\n disabled={disabled \|\| readOnly}\n />\n <StyledPopover\n role={role}\n isOpen={innerOpened}\n onToggle={onInnerToggle}\n target={\n <ComboboxTarget\n opened={innerOpened}\n values={values}\n label={label}\n placeholder={placeholder}\n search={search}\n enumerationType={enumerationType}\n valueType={valueType}\n readOnly={readOnly}\n disabled={disabled}\n size={size}\n closedWithoutChanges={closedWithoutChanges}\n ref={handleRef}\n chipsRefs={chipsRefs}\n inputRef={inputRef}\n id={innerId}\n onChange={onChangeChipValue}\n onSearch={onSearch}\n onKeyDown={onKeyDownHandle}\n {...rest}\n />\n }\n className={cx(ref?.classList.toString())} // INFO: Прокидываем стили для Popover\n id={innerId}\n offset={offset}\n placement={getPlacements(placement)}\n usePortal={usePortal}\n selectWidth={dynamicTargetWidth}\n frame={frame}\n trigger=\"click\"\n isFocusTrapped={false}\n preventOverflow={false}\n closeOnEsc={false}\n closeOnOverlayClick\n >\n <Root ref={setRef} view={view} size={size}>\n <StyledCombobox onKeyDown={onKeyDownSelect}>\n {childrenMemo.length ? (\n childrenMemo\n ) : (\n <ComboboxItemNotFound>{negativeResultContent}</ComboboxItemNotFound>\n )}\n </StyledCombobox>\n </Root>\n </StyledPopover>\n </StyledRoot>\n );\n },\n );\n\nexport const comboboxConfig = {\n name: 'Combobox',\n tag: 'div',\n layout: comboboxRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["comboboxRoot","Root","forwardRef","_ref","outerRootRef","_targetRef$current","name","form","readOnly","disabled","label","placeholder","id","children","role","view","size","frame","usePortal","_ref$negativeResultCo","negativeResultContent","_ref$enumerationType","enumerationType","_ref$opened","opened","_ref$placement","placement","onToggle","onKeyDown","filterFunction","rest","_objectWithoutProperties","_excluded","forceUpdate","useForceUpdate","uniqId","safeUseId","innerId","_rest$valueType","valueType","value","offset","_useState","useState","_useState2","_slicedToArray","ref","setRef","targetRef","useRef","chipsRefs","comboboxRef","itemsRefs","inputRef","handleRef","useForkRef","controlledRefs","selectRef","_useState3","_useState4","innerOpened","setInnerOpened","_useState5","_useState6","search","setSearch","_useState7","_useState8","filterValue","setFilterValue","dynamicTargetWidth","current","offsetWidth","useDidMountEffect","useEffect","onInnerToggle","openValue","event","closedWithoutChanges","updateValue","item","_rest$onChangeValue2","newValue","dataset","_rest$onChangeValue","newSelected","getNewSelected","onChangeValue","call","onClickChildrenItem","stopPropagation","currentTarget","onChangeChipValue","_rest$onChangeValue3","_useKeyNavigation","useKeyNavigation","componentType","updateOpened","onKeyDownTarget","onKeyDownSelect","childrenArray","Children","toArray","childrenMemo","getChildren","onClick","childrenRefs","filter","Boolean","values","getValues","onSearch","newSearch","newOpened","onKeyDownHandle","React","createElement","StyledRoot","StyledNativeSelect","tabIndex","concat","StyledPopover","isOpen","target","ComboboxTarget","_extends","onChange","className","cx","classList","toString","getPlacements","selectWidth","trigger","isFocusTrapped","preventOverflow","closeOnEsc","closeOnOverlayClick","StyledCombobox","length","ComboboxItemNotFound","comboboxConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
1	+ {"version":3,"file":"Combobox.js","sources":["../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["import React, { Children, forwardRef, useEffect, useRef, useState } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { cx, getPlacements } from '../../utils';\nimport { getChildren, getNewSelected, getValues } from '../Select/utils';\nimport { useKeyNavigation } from '../Select/hooks';\nimport { useDidMountEffect, useForceUpdate } from '../../hooks';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { ComboboxTarget } from './ui';\nimport { ComboboxItemNotFound, StyledPopover, StyledRoot, StyledCombobox, StyledNativeSelect } from './Combobox.styles';\nimport type { ComboboxPrimitiveValue, ComboboxProps } from './Combobox.types';\n\n/*\n Выпадающий список без внешнего контроля видимости.\n */\nexport const comboboxRoot = (Root: RootProps<HTMLInputElement, ComboboxProps>) =>\n forwardRef<HTMLInputElement, ComboboxProps>(\n (\n {\n name,\n form,\n readOnly,\n disabled,\n label,\n placeholder,\n id,\n children,\n role,\n view,\n size,\n frame,\n usePortal,\n negativeResultContent = 'Элементы не найдены',\n enumerationType = 'comma',\n opened = false,\n placement = 'bottom',\n onToggle,\n onKeyDown,\n filterFunction,\n ...rest\n },\n outerRootRef,\n ) => {\n const forceUpdate = useForceUpdate();\n const uniqId = safeUseId();\n const innerId = id \|\| uniqId;\n const { valueType = 'single', value } = rest;\n const offset = [0, 4] as [number, number];\n\n const [ref, setRef] = useState<HTMLInputElement \| null>(null);\n\n const targetRef = useRef<HTMLInputElement>(null);\n const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n const comboboxRef = useRef<HTMLDivElement>(null);\n const itemsRefs = useRef<Array<HTMLDivElement>>([]);\n const inputRef = useRef<HTMLInputElement>(null);\n const handleRef = useForkRef<HTMLInputElement>(targetRef, outerRootRef);\n const controlledRefs = { targetRef, chipsRefs, selectRef: comboboxRef, itemsRefs, inputRef };\n\n const [innerOpened, setInnerOpened] = useState(opened);\n const [search, setSearch] = useState<string \| undefined>('');\n const [filterValue, setFilterValue] = useState(search);\n\n // INFO: нужно высчитывать для корректной работы портала\n const dynamicTargetWidth = targetRef.current?.offsetWidth;\n\n // INFO: Из-за того, что классы передаются через ref,\n // состояние пропсов после изменения view, size\n // всегда предыдущее, поэтому нужно делать форс-ререндер\n useDidMountEffect(() => {\n forceUpdate();\n }, [view, size]);\n\n useEffect(() => {\n if (disabled \|\| readOnly) {\n return;\n }\n\n setInnerOpened(opened);\n }, [opened, disabled, readOnly]);\n\n useEffect(() => {\n // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список\n if (opened) {\n setFilterValue('');\n }\n }, []);\n\n const onInnerToggle = (openValue: boolean, event: React.SyntheticEvent \| Event) => {\n if (disabled \|\| readOnly) {\n return;\n }\n\n // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список\n if (!innerOpened) {\n setFilterValue('');\n }\n\n if (onToggle) {\n onToggle(openValue, event);\n\n return;\n }\n\n setInnerOpened(openValue);\n };\n\n const closedWithoutChanges = useRef(true);\n\n const updateValue = (item: HTMLElement, event: React.SyntheticEvent \| Event) => {\n const {\n dataset: { value: newValue },\n } = item;\n\n if (rest.valueType === 'multiple') {\n const newSelected = getNewSelected(rest.value, newValue, rest.valueType);\n rest.onChangeValue?.(newSelected);\n\n return;\n }\n\n const newSelected = getNewSelected(rest.value, newValue, 'single');\n\n rest.onChangeValue?.(newSelected);\n\n onInnerToggle?.(false, event);\n\n closedWithoutChanges.current = false;\n };\n\n const onClickChildrenItem = (event: React.MouseEvent<HTMLDivElement>) => {\n // INFO: Для корректной работы компонента Popper\n event.stopPropagation();\n\n const item = event.currentTarget as HTMLElement;\n\n updateValue(item, event);\n };\n\n const onChangeChipValue = (newValue?: Array<ComboboxPrimitiveValue>) => {\n if (rest.valueType !== 'multiple') {\n return;\n }\n\n rest.onChangeValue?.(newValue);\n };\n\n const { onKeyDownTarget, onKeyDownSelect } = useKeyNavigation({\n controlledRefs,\n opened: innerOpened,\n enumerationType,\n valueType,\n componentType: 'combobox',\n value,\n search: filterValue,\n updateOpened: onInnerToggle,\n updateValue,\n });\n\n const childrenArray = Children.toArray(children) as React.ReactElement[];\n\n const childrenMemo = getChildren(\n childrenArray,\n { onClick: onClickChildrenItem, childrenRefs: itemsRefs },\n value,\n filterValue,\n filterFunction,\n ).filter(Boolean);\n\n const values = getValues(childrenArray, value);\n\n const onSearch = (newSearch?: string, newOpened?: boolean) => {\n setSearch(newSearch);\n setFilterValue(newSearch);\n setInnerOpened(newOpened ?? true);\n };\n\n const onKeyDownHandle = (event: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDown?.(event);\n onKeyDownTarget(event);\n };\n\n return (\n <StyledRoot ref={comboboxRef}>\n <StyledNativeSelect\n aria-invalid=\"false\"\n aria-hidden=\"true\"\n aria-readonly={readOnly}\n tabIndex={-1}\n form={form}\n name={name}\n value={`${value}`}\n disabled={disabled \|\| readOnly}\n />\n <StyledPopover\n role={role}\n isOpen={innerOpened}\n onToggle={onInnerToggle}\n target={\n <ComboboxTarget\n opened={innerOpened}\n values={values}\n label={label}\n placeholder={placeholder}\n search={search}\n enumerationType={enumerationType}\n valueType={valueType}\n readOnly={readOnly}\n disabled={disabled}\n size={size}\n closedWithoutChanges={closedWithoutChanges}\n ref={handleRef}\n chipsRefs={chipsRefs}\n inputRef={inputRef}\n id={innerId}\n onChange={onChangeChipValue}\n onSearch={onSearch}\n onKeyDown={onKeyDownHandle}\n {...rest}\n />\n }\n className={cx(ref?.classList.toString())} // INFO: Прокидываем стили для Popover\n id={innerId}\n offset={offset}\n placement={getPlacements(placement)}\n usePortal={usePortal}\n selectWidth={dynamicTargetWidth}\n frame={frame}\n trigger=\"click\"\n isFocusTrapped={false}\n preventOverflow={false}\n closeOnEsc={false}\n closeOnOverlayClick\n >\n <Root ref={setRef} view={view} size={size}>\n <StyledCombobox onKeyDown={onKeyDownSelect}>\n {childrenMemo.length ? (\n childrenMemo\n ) : (\n <ComboboxItemNotFound>{negativeResultContent}</ComboboxItemNotFound>\n )}\n </StyledCombobox>\n </Root>\n </StyledPopover>\n </StyledRoot>\n );\n },\n );\n\nexport const comboboxConfig = {\n name: 'Combobox',\n tag: 'div',\n layout: comboboxRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["comboboxRoot","Root","forwardRef","_ref","outerRootRef","_targetRef$current","name","form","readOnly","disabled","label","placeholder","id","children","role","view","size","frame","usePortal","_ref$negativeResultCo","negativeResultContent","_ref$enumerationType","enumerationType","_ref$opened","opened","_ref$placement","placement","onToggle","onKeyDown","filterFunction","rest","_objectWithoutProperties","_excluded","forceUpdate","useForceUpdate","uniqId","safeUseId","innerId","_rest$valueType","valueType","value","offset","_useState","useState","_useState2","_slicedToArray","ref","setRef","targetRef","useRef","chipsRefs","comboboxRef","itemsRefs","inputRef","handleRef","useForkRef","controlledRefs","selectRef","_useState3","_useState4","innerOpened","setInnerOpened","_useState5","_useState6","search","setSearch","_useState7","_useState8","filterValue","setFilterValue","dynamicTargetWidth","current","offsetWidth","useDidMountEffect","useEffect","onInnerToggle","openValue","event","closedWithoutChanges","updateValue","item","_rest$onChangeValue2","newValue","dataset","_rest$onChangeValue","newSelected","getNewSelected","onChangeValue","call","onClickChildrenItem","stopPropagation","currentTarget","onChangeChipValue","_rest$onChangeValue3","_useKeyNavigation","useKeyNavigation","componentType","updateOpened","onKeyDownTarget","onKeyDownSelect","childrenArray","Children","toArray","childrenMemo","getChildren","onClick","childrenRefs","filter","Boolean","values","getValues","onSearch","newSearch","newOpened","onKeyDownHandle","React","createElement","StyledRoot","StyledNativeSelect","tabIndex","concat","StyledPopover","isOpen","target","ComboboxTarget","_extends","onChange","className","cx","classList","toString","getPlacements","selectWidth","trigger","isFocusTrapped","preventOverflow","closeOnEsc","closeOnOverlayClick","StyledCombobox","length","ComboboxItemNotFound","comboboxConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}