@salutejs/plasma-new-hope 0.326.0-canary.2013.15518408913.0 → 0.326.0-canary.2013.15537674452.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Carousel/CarouselNew/Carousel.css +40 -9
- package/cjs/components/Carousel/CarouselNew/Carousel.js +46 -31
- package/cjs/components/Carousel/CarouselNew/Carousel.js.map +1 -1
- package/cjs/components/Carousel/CarouselNew/Carousel.styles.js +43 -2
- package/cjs/components/Carousel/CarouselNew/Carousel.styles.js.map +1 -1
- package/cjs/components/Carousel/CarouselNew/Carousel.styles_19w43w1.css +5 -0
- package/cjs/components/Carousel/CarouselNew/Carousel.tokens.js +2 -1
- package/cjs/components/Carousel/CarouselNew/Carousel.tokens.js.map +1 -1
- package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +1 -1
- package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js.map +1 -1
- package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.css +5 -5
- package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +1 -1
- package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js.map +1 -1
- package/cjs/components/Carousel/CarouselNew/ui/Dots/{Dots.styles_1i4srxq.css → Dots.styles_ea836d.css} +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +12 -3
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/Sheet/hooks/useOverflow.js +2 -1
- package/cjs/components/Sheet/hooks/useOverflow.js.map +1 -1
- package/cjs/index.css +10 -9
- package/emotion/cjs/components/Carousel/CarouselNew/Carousel.js +48 -35
- package/emotion/cjs/components/Carousel/CarouselNew/Carousel.styles.js +39 -31
- package/emotion/cjs/components/Carousel/CarouselNew/Carousel.tokens.js +2 -1
- package/emotion/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +1 -1
- package/emotion/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +9 -9
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +12 -3
- package/emotion/cjs/components/Sheet/hooks/useOverflow.js +2 -1
- package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +9 -20
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +12 -3
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +11 -3
- package/emotion/es/components/Carousel/CarouselNew/Carousel.js +47 -37
- package/emotion/es/components/Carousel/CarouselNew/Carousel.styles.js +38 -30
- package/emotion/es/components/Carousel/CarouselNew/Carousel.tokens.js +2 -1
- package/emotion/es/components/Carousel/CarouselNew/hooks/useCarousel.js +1 -1
- package/emotion/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +9 -9
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +12 -3
- package/emotion/es/components/Sheet/hooks/useOverflow.js +2 -1
- package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +9 -20
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +12 -3
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +11 -3
- package/es/components/Carousel/CarouselNew/Carousel.css +40 -9
- package/es/components/Carousel/CarouselNew/Carousel.js +48 -33
- package/es/components/Carousel/CarouselNew/Carousel.js.map +1 -1
- package/es/components/Carousel/CarouselNew/Carousel.styles.js +39 -3
- package/es/components/Carousel/CarouselNew/Carousel.styles.js.map +1 -1
- package/es/components/Carousel/CarouselNew/Carousel.styles_19w43w1.css +5 -0
- package/es/components/Carousel/CarouselNew/Carousel.tokens.js +2 -1
- package/es/components/Carousel/CarouselNew/Carousel.tokens.js.map +1 -1
- package/es/components/Carousel/CarouselNew/hooks/useCarousel.js +1 -1
- package/es/components/Carousel/CarouselNew/hooks/useCarousel.js.map +1 -1
- package/es/components/Carousel/CarouselNew/ui/Dots/Dots.css +5 -5
- package/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +1 -1
- package/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js.map +1 -1
- package/es/components/Carousel/CarouselNew/ui/Dots/{Dots.styles_1i4srxq.css → Dots.styles_ea836d.css} +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.js +12 -3
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/Sheet/hooks/useOverflow.js +2 -1
- package/es/components/Sheet/hooks/useOverflow.js.map +1 -1
- package/es/index.css +10 -9
- package/package.json +5 -5
- package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.js +48 -35
- package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.styles.js +19 -20
- package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.tokens.js +2 -1
- package/styled-components/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +1 -1
- package/styled-components/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +1 -1
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +12 -3
- package/styled-components/cjs/components/Sheet/hooks/useOverflow.js +2 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +9 -20
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +12 -3
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +11 -3
- package/styled-components/es/components/Carousel/CarouselNew/Carousel.js +47 -37
- package/styled-components/es/components/Carousel/CarouselNew/Carousel.styles.js +18 -19
- package/styled-components/es/components/Carousel/CarouselNew/Carousel.tokens.js +2 -1
- package/styled-components/es/components/Carousel/CarouselNew/hooks/useCarousel.js +1 -1
- package/styled-components/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +1 -1
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +12 -3
- package/styled-components/es/components/Sheet/hooks/useOverflow.js +2 -1
- package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +9 -20
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +12 -3
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +11 -3
- package/types/components/Carousel/CarouselNew/Carousel.d.ts +2 -8
- package/types/components/Carousel/CarouselNew/Carousel.d.ts.map +1 -1
- package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts +88 -9
- package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts.map +1 -1
- package/types/components/Carousel/CarouselNew/Carousel.tokens.d.ts +1 -0
- package/types/components/Carousel/CarouselNew/Carousel.tokens.d.ts.map +1 -1
- package/types/components/Carousel/CarouselNew/Carousel.types.d.ts +7 -52
- package/types/components/Carousel/CarouselNew/Carousel.types.d.ts.map +1 -1
- package/types/components/Carousel/CarouselNew/hooks/useCarousel.d.ts +8 -4
- package/types/components/Carousel/CarouselNew/hooks/useCarousel.d.ts.map +1 -1
- package/types/components/Carousel/CarouselNew/ui/Dots/Dots.styles.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +0 -2
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +0 -4
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts +3 -3
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +4 -0
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/Sheet/hooks/useOverflow.d.ts.map +1 -1
- package/cjs/components/Carousel/CarouselNew/Carousel.styles_1gx7oht.css +0 -4
- package/es/components/Carousel/CarouselNew/Carousel.styles_1gx7oht.css +0 -4
@@ -1,5 +1,5 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
5
|
-
.
|
1
|
+
.Dots_styles_ea836d_wn5xio__3fa33efc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:0.75rem;--duration:0.3s;--half-duration:0.15s;}
|
2
|
+
.Dots_styles_ea836d_tnn1xpa__3fa33efc{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition:-webkit-transform 0s ease;-webkit-transition:transform 0s ease;transition:transform 0s ease;}.Dots_styles_ea836d_tnn1xpa__3fa33efc.Dots_styles_ea836d_dotAnimating__3fa33efc{-webkit-transition:-webkit-transform var(--duration) ease;-webkit-transition:transform var(--duration) ease;transition:transform var(--duration) ease;}.Dots_styles_ea836d_tnn1xpa__3fa33efc .Dots_styles_ea836d_dot__3fa33efc{width:0.5rem;height:0.5rem;margin:0 0.25rem;cursor:pointer;background-color:var(--plasma-carousel-pagination-dot-background);border-radius:100%;}.Dots_styles_ea836d_tnn1xpa__3fa33efc .Dots_styles_ea836d_dot__3fa33efc.Dots_styles_ea836d_dotActive__3fa33efc{background-color:var(--plasma-carousel-pagination-dot-active-background);}@-webkit-keyframes Dots_styles_ea836d_fadeOutTnn1xpa__3fa33efc{from{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}to{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}}@keyframes Dots_styles_ea836d_fadeOutTnn1xpa__3fa33efc{from{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}to{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}}.Dots_styles_ea836d_tnn1xpa__3fa33efc .Dots_styles_ea836d_dot__3fa33efc.Dots_styles_ea836d_dotAnimateOut__3fa33efc{-webkit-animation:Dots_styles_ea836d_fadeOutTnn1xpa__3fa33efc var(--half-duration) ease forwards;animation:Dots_styles_ea836d_fadeOutTnn1xpa__3fa33efc var(--half-duration) ease forwards;}@-webkit-keyframes Dots_styles_ea836d_shrinkingTnn1xpa__3fa33efc{from{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}}@keyframes Dots_styles_ea836d_shrinkingTnn1xpa__3fa33efc{from{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}}.Dots_styles_ea836d_tnn1xpa__3fa33efc .Dots_styles_ea836d_dot__3fa33efc.Dots_styles_ea836d_dotShrinking__3fa33efc{-webkit-animation:Dots_styles_ea836d_shrinkingTnn1xpa__3fa33efc var(--half-duration) var(--half-duration) ease forwards;animation:Dots_styles_ea836d_shrinkingTnn1xpa__3fa33efc var(--half-duration) var(--half-duration) ease forwards;}
|
3
|
+
.Dots_styles_ea836d_d1k0jsbc__3fa33efc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Dots_styles_ea836d_d1k0jsbc__3fa33efc.Dots_styles_ea836d_dotAvailableDotsLeft__3fa33efc .Dots_styles_ea836d_dot__3fa33efc:not(.Dots_styles_ea836d_dotTemporaryNatural__3fa33efc):first-child{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}.Dots_styles_ea836d_d1k0jsbc__3fa33efc.Dots_styles_ea836d_dotAvailableDotsRight__3fa33efc .Dots_styles_ea836d_dot__3fa33efc:not(.Dots_styles_ea836d_dotTemporaryNatural__3fa33efc):last-child{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}.Dots_styles_ea836d_d1k0jsbc__3fa33efc.Dots_styles_ea836d_dotAnimating__3fa33efc .Dots_styles_ea836d_dot__3fa33efc{-webkit-transition:background-color var(--duration) ease;transition:background-color var(--duration) ease;}
|
4
|
+
.Dots_styles_ea836d_laqzsgq__3fa33efc{position:absolute;top:0;right:100%;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Dots_styles_ea836d_laqzsgq__3fa33efc .Dots_styles_ea836d_dot__3fa33efc{-webkit-transition:-webkit-transform var(--duration) ease;-webkit-transition:transform var(--duration) ease;transition:transform var(--duration) ease;}@-webkit-keyframes Dots_styles_ea836d_fadeInLaqzsgq__3fa33efc{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}}@keyframes Dots_styles_ea836d_fadeInLaqzsgq__3fa33efc{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}}.Dots_styles_ea836d_laqzsgq__3fa33efc .Dots_styles_ea836d_dot__3fa33efc.Dots_styles_ea836d_dotAnimateIn__3fa33efc{-webkit-animation:Dots_styles_ea836d_fadeInLaqzsgq__3fa33efc var(--half-duration) ease forwards;animation:Dots_styles_ea836d_fadeInLaqzsgq__3fa33efc var(--half-duration) ease forwards;}@-webkit-keyframes Dots_styles_ea836d_fadeInFirstLaqzsgq__3fa33efc{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}}@keyframes Dots_styles_ea836d_fadeInFirstLaqzsgq__3fa33efc{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}}.Dots_styles_ea836d_laqzsgq__3fa33efc .Dots_styles_ea836d_dot__3fa33efc:first-child.Dots_styles_ea836d_dotAnimateIn__3fa33efc{-webkit-animation:Dots_styles_ea836d_fadeInFirstLaqzsgq__3fa33efc var(--half-duration) ease forwards;animation:Dots_styles_ea836d_fadeInFirstLaqzsgq__3fa33efc var(--half-duration) ease forwards;}
|
5
|
+
.Dots_styles_ea836d_rp088ba__3fa33efc{position:absolute;top:0;left:100%;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Dots_styles_ea836d_rp088ba__3fa33efc .Dots_styles_ea836d_dot__3fa33efc{-webkit-transition:-webkit-transform var(--duration) ease;-webkit-transition:transform var(--duration) ease;transition:transform var(--duration) ease;}@-webkit-keyframes Dots_styles_ea836d_fadeInRp088ba__3fa33efc{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}}@keyframes Dots_styles_ea836d_fadeInRp088ba__3fa33efc{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}}.Dots_styles_ea836d_rp088ba__3fa33efc .Dots_styles_ea836d_dot__3fa33efc.Dots_styles_ea836d_dotAnimateIn__3fa33efc{-webkit-animation:Dots_styles_ea836d_fadeInRp088ba__3fa33efc var(--half-duration) ease forwards;animation:Dots_styles_ea836d_fadeInRp088ba__3fa33efc var(--half-duration) ease forwards;}@-webkit-keyframes Dots_styles_ea836d_fadeInLastRp088ba__3fa33efc{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}}@keyframes Dots_styles_ea836d_fadeInLastRp088ba__3fa33efc{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}}.Dots_styles_ea836d_rp088ba__3fa33efc .Dots_styles_ea836d_dot__3fa33efc:last-child.Dots_styles_ea836d_dotAnimateIn__3fa33efc{-webkit-animation:Dots_styles_ea836d_fadeInLastRp088ba__3fa33efc var(--half-duration) ease forwards;animation:Dots_styles_ea836d_fadeInLastRp088ba__3fa33efc var(--half-duration) ease forwards;}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Dots.styles.js","sources":["../../../../../../src/components/Carousel/CarouselNew/ui/Dots/Dots.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Carousel.tokens';\n\nexport const Wrapper = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n\n --duration: 0.3s;\n --half-duration: 0.15s;\n`;\n\nexport const TransitionWrapper = styled.div`\n position: relative;\n display: flex;\n transition: transform 0s ease;\n\n &.${classes.animating} {\n transition: transform var(--duration) ease;\n }\n\n & .${classes.dot} {\n width: 0.5rem;\n height: 0.5rem;\n margin: 0 0.25rem;\n cursor: pointer;\n background-color: var(${tokens.paginationDotBackground});\n border-radius: 100%;\n\n &.${classes.active} {\n background-color: var(${tokens.paginationDotActiveBackground});\n }\n\n @keyframes fadeOut {\n from {\n transform: scale(0.75);\n opacity: 1;\n }\n to {\n transform: scale(0);\n opacity: 0;\n }\n }\n\n &.${classes.animateOut} {\n animation: fadeOut var(--half-duration) ease forwards;\n }\n\n @keyframes shrinking {\n from {\n transform: scale(1);\n }\n to {\n transform: scale(0.75);\n }\n }\n\n &.${classes.shrinking} {\n animation: shrinking var(--half-duration) var(--half-duration) ease forwards;\n }\n }\n`;\n\nexport const DotWrapper = styled.div`\n display: flex;\n\n &.${classes.availableDotsLeft} {\n .${classes.dot}:not(.${classes.temporaryNatural}):first-child {\n transform: scale(0.75);\n }\n }\n\n &.${classes.availableDotsRight} {\n .${classes.dot}:not(.${classes.temporaryNatural}):last-child {\n transform: scale(0.75);\n }\n }\n\n &.${classes.animating} .${classes.dot} {\n transition: background-color var(--duration) ease;\n }\n`;\n\nexport const LeftAnimationWrapper = styled.div`\n position: absolute;\n top: 0;\n right: 100%;\n bottom: 0;\n display: flex;\n\n & .${classes.dot} {\n transition: transform var(--duration) ease;\n\n @keyframes fadeIn {\n from {\n transform: scale(0);\n opacity: 0;\n }\n to {\n transform: scale(1);\n opacity: 1;\n }\n }\n\n &.${classes.animateIn} {\n animation: fadeIn var(--half-duration) ease forwards;\n }\n\n &:first-child {\n @keyframes fadeInFirst {\n from {\n transform: scale(0);\n opacity: 0;\n }\n to {\n transform: scale(0.75);\n opacity: 1;\n }\n }\n\n &.${classes.animateIn} {\n animation: fadeInFirst var(--half-duration) ease forwards;\n }\n }\n }\n`;\n\nexport const RightAnimationWrapper = styled.div`\n position: absolute;\n top: 0;\n left: 100%;\n bottom: 0;\n display: flex;\n\n & .${classes.dot} {\n transition: transform var(--duration) ease;\n\n @keyframes fadeIn {\n from {\n transform: scale(0);\n opacity: 0;\n }\n to {\n transform: scale(1);\n opacity: 1;\n }\n }\n\n &.${classes.animateIn} {\n animation: fadeIn var(--half-duration) ease forwards;\n }\n\n &:last-child {\n @keyframes fadeInLast {\n from {\n transform: scale(0);\n opacity: 0;\n }\n to {\n transform: scale(0.75);\n opacity: 1;\n }\n }\n\n &.${classes.animateIn} {\n animation: fadeInLast var(--half-duration) ease forwards;\n }\n }\n }\n`;\n"],"names":["Wrapper","styled","name","class","propsAsIs","TransitionWrapper","DotWrapper","LeftAnimationWrapper","RightAnimationWrapper"],"mappings":";;;;;;AAIO,IAAMA,OAAO,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,
|
1
|
+
{"version":3,"file":"Dots.styles.js","sources":["../../../../../../src/components/Carousel/CarouselNew/ui/Dots/Dots.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Carousel.tokens';\n\nexport const Wrapper = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 0.75rem;\n\n --duration: 0.3s;\n --half-duration: 0.15s;\n`;\n\nexport const TransitionWrapper = styled.div`\n position: relative;\n display: flex;\n transition: transform 0s ease;\n\n &.${classes.animating} {\n transition: transform var(--duration) ease;\n }\n\n & .${classes.dot} {\n width: 0.5rem;\n height: 0.5rem;\n margin: 0 0.25rem;\n cursor: pointer;\n background-color: var(${tokens.paginationDotBackground});\n border-radius: 100%;\n\n &.${classes.active} {\n background-color: var(${tokens.paginationDotActiveBackground});\n }\n\n @keyframes fadeOut {\n from {\n transform: scale(0.75);\n opacity: 1;\n }\n to {\n transform: scale(0);\n opacity: 0;\n }\n }\n\n &.${classes.animateOut} {\n animation: fadeOut var(--half-duration) ease forwards;\n }\n\n @keyframes shrinking {\n from {\n transform: scale(1);\n }\n to {\n transform: scale(0.75);\n }\n }\n\n &.${classes.shrinking} {\n animation: shrinking var(--half-duration) var(--half-duration) ease forwards;\n }\n }\n`;\n\nexport const DotWrapper = styled.div`\n display: flex;\n\n &.${classes.availableDotsLeft} {\n .${classes.dot}:not(.${classes.temporaryNatural}):first-child {\n transform: scale(0.75);\n }\n }\n\n &.${classes.availableDotsRight} {\n .${classes.dot}:not(.${classes.temporaryNatural}):last-child {\n transform: scale(0.75);\n }\n }\n\n &.${classes.animating} .${classes.dot} {\n transition: background-color var(--duration) ease;\n }\n`;\n\nexport const LeftAnimationWrapper = styled.div`\n position: absolute;\n top: 0;\n right: 100%;\n bottom: 0;\n display: flex;\n\n & .${classes.dot} {\n transition: transform var(--duration) ease;\n\n @keyframes fadeIn {\n from {\n transform: scale(0);\n opacity: 0;\n }\n to {\n transform: scale(1);\n opacity: 1;\n }\n }\n\n &.${classes.animateIn} {\n animation: fadeIn var(--half-duration) ease forwards;\n }\n\n &:first-child {\n @keyframes fadeInFirst {\n from {\n transform: scale(0);\n opacity: 0;\n }\n to {\n transform: scale(0.75);\n opacity: 1;\n }\n }\n\n &.${classes.animateIn} {\n animation: fadeInFirst var(--half-duration) ease forwards;\n }\n }\n }\n`;\n\nexport const RightAnimationWrapper = styled.div`\n position: absolute;\n top: 0;\n left: 100%;\n bottom: 0;\n display: flex;\n\n & .${classes.dot} {\n transition: transform var(--duration) ease;\n\n @keyframes fadeIn {\n from {\n transform: scale(0);\n opacity: 0;\n }\n to {\n transform: scale(1);\n opacity: 1;\n }\n }\n\n &.${classes.animateIn} {\n animation: fadeIn var(--half-duration) ease forwards;\n }\n\n &:last-child {\n @keyframes fadeInLast {\n from {\n transform: scale(0);\n opacity: 0;\n }\n to {\n transform: scale(0.75);\n opacity: 1;\n }\n }\n\n &.${classes.animateIn} {\n animation: fadeInLast var(--half-duration) ease forwards;\n }\n }\n }\n`;\n"],"names":["Wrapper","styled","name","class","propsAsIs","TransitionWrapper","DotWrapper","LeftAnimationWrapper","RightAnimationWrapper"],"mappings":";;;;;;AAIO,IAAMA,OAAO,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQ5B,EAAA;AAEM,IAAMC,iBAAiB,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiDtC,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,CAkB/B,EAAA;AAEM,IAAMG,oBAAoB,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA0CzC,EAAA;AAEM,IAAMI,qBAAqB,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA0C1C;;;;;;;;"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
.wn5xio{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;--duration:0.3s;--half-duration:0.15s;}
|
1
|
+
.wn5xio{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:0.75rem;--duration:0.3s;--half-duration:0.15s;}
|
2
2
|
.tnn1xpa{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition:-webkit-transform 0s ease;-webkit-transition:transform 0s ease;transition:transform 0s ease;}.tnn1xpa.dot-animating{-webkit-transition:-webkit-transform var(--duration) ease;-webkit-transition:transform var(--duration) ease;transition:transform var(--duration) ease;}.tnn1xpa .dot{width:0.5rem;height:0.5rem;margin:0 0.25rem;cursor:pointer;background-color:var(--plasma-carousel-pagination-dot-background);border-radius:100%;}.tnn1xpa .dot.dot-active{background-color:var(--plasma-carousel-pagination-dot-active-background);}@-webkit-keyframes fadeOut-tnn1xpa{from{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}to{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}}@keyframes fadeOut-tnn1xpa{from{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}to{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}}.tnn1xpa .dot.dot-animate-out{-webkit-animation:fadeOut-tnn1xpa var(--half-duration) ease forwards;animation:fadeOut-tnn1xpa var(--half-duration) ease forwards;}@-webkit-keyframes shrinking-tnn1xpa{from{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}}@keyframes shrinking-tnn1xpa{from{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}}.tnn1xpa .dot.dot-shrinking{-webkit-animation:shrinking-tnn1xpa var(--half-duration) var(--half-duration) ease forwards;animation:shrinking-tnn1xpa var(--half-duration) var(--half-duration) ease forwards;}
|
3
3
|
.d1k0jsbc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.d1k0jsbc.dot-available-dots-left .dot:not(.dot-temporary-natural):first-child{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}.d1k0jsbc.dot-available-dots-right .dot:not(.dot-temporary-natural):last-child{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}.d1k0jsbc.dot-animating .dot{-webkit-transition:background-color var(--duration) ease;transition:background-color var(--duration) ease;}
|
4
4
|
.laqzsgq{position:absolute;top:0;right:100%;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.laqzsgq .dot{-webkit-transition:-webkit-transform var(--duration) ease;-webkit-transition:transform var(--duration) ease;transition:transform var(--duration) ease;}@-webkit-keyframes fadeIn-laqzsgq{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}}@keyframes fadeIn-laqzsgq{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}}.laqzsgq .dot.dot-animate-in{-webkit-animation:fadeIn-laqzsgq var(--half-duration) ease forwards;animation:fadeIn-laqzsgq var(--half-duration) ease forwards;}@-webkit-keyframes fadeInFirst-laqzsgq{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}}@keyframes fadeInFirst-laqzsgq{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}}.laqzsgq .dot:first-child.dot-animate-in{-webkit-animation:fadeInFirst-laqzsgq var(--half-duration) ease forwards;animation:fadeInFirst-laqzsgq var(--half-duration) ease forwards;}
|
@@ -25,7 +25,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
25
25
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
26
26
|
var cls__default = /*#__PURE__*/_interopDefault(cls);
|
27
27
|
|
28
|
-
var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "calendarContainerWidth", "calendarContainerHeight", "stretched", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange", "autoComplete"];
|
28
|
+
var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "calendarContainerWidth", "calendarContainerHeight", "stretched", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange", "autoComplete"];
|
29
29
|
var datePickerRoot = function datePickerRoot(Root) {
|
30
30
|
return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
31
31
|
var className = _ref.className,
|
@@ -89,6 +89,8 @@ var datePickerRoot = function datePickerRoot(Root) {
|
|
89
89
|
closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
|
90
90
|
_ref$closeOnEsc = _ref.closeOnEsc,
|
91
91
|
closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
|
92
|
+
_ref$closeAfterDateSe = _ref.closeAfterDateSelect,
|
93
|
+
closeAfterDateSelect = _ref$closeAfterDateSe === void 0 ? true : _ref$closeAfterDateSe,
|
92
94
|
offset = _ref.offset,
|
93
95
|
calendarContainerWidth = _ref.calendarContainerWidth,
|
94
96
|
calendarContainerHeight = _ref.calendarContainerHeight,
|
@@ -163,14 +165,14 @@ var datePickerRoot = function datePickerRoot(Root) {
|
|
163
165
|
datePickerErrorClass = _useDatePicker.datePickerErrorClass,
|
164
166
|
datePickerSuccessClass = _useDatePicker.datePickerSuccessClass,
|
165
167
|
handleChangeValue = _useDatePicker.handleChangeValue,
|
166
|
-
|
168
|
+
onCalendarPick = _useDatePicker.handleCalendarPick,
|
167
169
|
handleSearch = _useDatePicker.handleSearch,
|
168
170
|
updateExternalDate = _useDatePicker.updateExternalDate;
|
169
171
|
var handleToggle = function handleToggle(innerOpened, event) {
|
170
172
|
if (disabled || readOnly) {
|
171
173
|
return;
|
172
174
|
}
|
173
|
-
var isCalendarOpen = event.target === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && event.code !== useKeyboardNavigation.keys.Escape ? true : innerOpened;
|
175
|
+
var isCalendarOpen = (event === null || event === void 0 ? void 0 : event.target) === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && event.code !== useKeyboardNavigation.keys.Escape ? true : innerOpened;
|
174
176
|
if (!innerOpened && !calendarValue) {
|
175
177
|
setCalendarValue(function (prevValue) {
|
176
178
|
return prevValue === undefined ? null : undefined;
|
@@ -211,6 +213,13 @@ var datePickerRoot = function datePickerRoot(Root) {
|
|
211
213
|
onBlur(event);
|
212
214
|
}
|
213
215
|
};
|
216
|
+
var handleCalendarPick = function handleCalendarPick(date, dateInfo) {
|
217
|
+
onCalendarPick(date, dateInfo);
|
218
|
+
if (closeAfterDateSelect) {
|
219
|
+
setIsInnerOpen(false);
|
220
|
+
handleToggle(false);
|
221
|
+
}
|
222
|
+
};
|
214
223
|
var DatePickerInput = /*#__PURE__*/React__default.default.createElement(SingleDate_styles.StyledInput, {
|
215
224
|
ref: inputRef,
|
216
225
|
className: cls__default.default(datePickerErrorClass, datePickerSuccessClass),
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SingleDate.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"sourcesContent":["import React, { forwardRef, SyntheticEvent, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport cls from 'classnames';\nimport type { KeyboardEvent, FocusEvent, MouseEvent } from 'react';\nimport type { DateType } from 'src/components/Calendar/Calendar.types';\nimport type { RootProps } from 'src/engines';\nimport { getPlacements, getSizeValueFromProp, noop } from 'src/utils';\n\nimport { getDateFormatDelimiter } from '../utils/dateHelper';\nimport { useDatePicker } from '../hooks/useDatePicker';\nimport { classes } from '../DatePicker.tokens';\nimport { InputHidden, StyledCalendar } from '../DatePickerBase.styles';\nimport { keys, useKeyNavigation } from '../hooks/useKeyboardNavigation';\nimport { getFormattedDates } from '../utils';\n\nimport type { DatePickerProps } from './SingleDate.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { LeftHelper, StyledInput, StyledPopover, base } from './SingleDate.styles';\n\nexport const datePickerRoot = (\n Root: RootProps<HTMLDivElement, Omit<DatePickerProps, 'opened' | 'defaultValue' | 'onChangeValue'>>,\n) =>\n forwardRef<HTMLInputElement, DatePickerProps>(\n (\n {\n className,\n opened = false,\n value,\n\n label,\n labelPlacement = 'outer',\n keepPlaceholder,\n required = false,\n requiredPlacement = 'right',\n hasRequiredIndicator = true,\n placeholder,\n leftHelper,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n view,\n size,\n readOnly = false,\n disabled = false,\n name,\n\n defaultDate = '',\n valueError,\n valueSuccess,\n format = 'DD.MM.YYYY',\n lang = 'ru',\n maskWithFormat,\n min,\n max,\n renderFromDate,\n includeEdgeDates = false,\n eventList,\n disabledList,\n eventMonthList,\n disabledMonthList,\n eventQuarterList,\n disabledQuarterList,\n eventYearList,\n disabledYearList,\n type = 'Days',\n\n frame = 'document',\n usePortal = false,\n placement = ['top', 'bottom'],\n closeOnOverlayClick = true,\n closeOnEsc = true,\n offset,\n\n calendarContainerWidth,\n calendarContainerHeight,\n stretched,\n\n onChangeValue,\n onCommitDate,\n onToggle,\n onFocus,\n onBlur,\n onChange,\n\n autoComplete,\n ...rest\n },\n ref,\n ) => {\n if (value && defaultDate) {\n throw new Error(\"Controlled DatePicker can't have `defaultDate`, use `value` instead\");\n }\n\n const inputRef = useRef<HTMLInputElement | null>(null);\n const innerRef = useRef<HTMLInputElement | null>(null);\n const calendarRootRef = useRef<HTMLDivElement | null>(null);\n const [isInnerOpen, setIsInnerOpen] = useState(opened);\n\n const dateFormatDelimiter = getDateFormatDelimiter(format);\n\n const initialValues = getFormattedDates({\n value: value || defaultDate,\n delimiter: dateFormatDelimiter,\n lang,\n format,\n includeEdgeDates,\n min,\n max,\n });\n\n const [correctDates, setCorrectDates] = useState({\n calendar: initialValues.originalDate,\n input: initialValues.formattedDate,\n });\n const [calendarValue, setCalendarValue] = useState<DateType>(correctDates.calendar);\n const [inputValue, setInputValue] = useState(correctDates.input);\n\n const calendarContainerWidthValue = calendarContainerWidth\n ? getSizeValueFromProp(calendarContainerWidth, 'rem')\n : undefined;\n const calendarContainerHeightValue = calendarContainerHeight\n ? getSizeValueFromProp(calendarContainerHeight, 'rem')\n : undefined;\n\n const {\n datePickerErrorClass,\n datePickerSuccessClass,\n handleChangeValue,\n handleCalendarPick,\n handleSearch,\n updateExternalDate,\n } = useDatePicker({\n currentValue: inputValue,\n format,\n lang,\n disabled,\n readOnly,\n maskWithFormat,\n valueError,\n valueSuccess,\n name,\n type,\n min,\n max,\n includeEdgeDates,\n setCorrectDates,\n setInputValue,\n setCalendarValue,\n dateFormatDelimiter,\n onChangeValue,\n onCommitDate,\n onChange,\n });\n\n const handleToggle = (innerOpened: boolean, event: SyntheticEvent | Event) => {\n if (disabled || readOnly) {\n return;\n }\n\n const isCalendarOpen =\n event.target === inputRef?.current &&\n (event as KeyboardEvent<HTMLInputElement>).code !== keys.Escape\n ? true\n : innerOpened;\n\n if (!innerOpened && !calendarValue) {\n setCalendarValue((prevValue) => (prevValue === undefined ? null : undefined));\n }\n\n if (onToggle) {\n onToggle(isCalendarOpen, event);\n\n return;\n }\n\n setIsInnerOpen(isCalendarOpen);\n };\n\n const handleCalendarRootClick = (event: MouseEvent<HTMLDivElement>) => {\n if (disabled || readOnly) {\n return;\n }\n\n if (isInnerOpen && stretched && event.target === calendarRootRef?.current) {\n setIsInnerOpen(false);\n\n if (onToggle) {\n onToggle(false, event);\n }\n }\n };\n\n const { onKeyDown } = useKeyNavigation({\n isCalendarOpen: isInnerOpen,\n format,\n maskWithFormat,\n delimiter: dateFormatDelimiter,\n closeOnEsc,\n onToggle: handleToggle,\n });\n\n const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n if (!calendarValue && correctDates.calendar) {\n setCalendarValue(new Date(correctDates.calendar));\n setInputValue(correctDates.input);\n }\n\n if (onBlur) {\n onBlur(event);\n }\n };\n\n const DatePickerInput = (\n <StyledInput\n ref={inputRef}\n className={cls(datePickerErrorClass, datePickerSuccessClass)}\n value={inputValue}\n size={size}\n readOnly={readOnly}\n disabled={disabled}\n placeholder={placeholder}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onChange={handleChangeValue}\n onSearch={handleSearch}\n onFocus={onFocus}\n onBlur={handleBlur}\n onKeyDown={onKeyDown}\n required={required}\n requiredPlacement={requiredPlacement}\n hasRequiredIndicator={hasRequiredIndicator}\n label={label}\n labelPlacement={labelPlacement}\n keepPlaceholder={keepPlaceholder}\n autoComplete={autoComplete}\n />\n );\n\n useEffect(() => {\n setIsInnerOpen((prevOpen) => prevOpen !== opened && opened);\n }, [opened]);\n\n useLayoutEffect(() => {\n updateExternalDate(value);\n }, [value, format, lang]);\n\n useLayoutEffect(() => {\n updateExternalDate(defaultDate);\n }, [defaultDate, format, lang]);\n\n return (\n <Root\n view={view}\n size={size}\n className={cls(classes.datePickerRoot, className, { [classes.datePickerstretched]: stretched })}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n ref={ref}\n {...rest}\n >\n <StyledPopover\n opened={isInnerOpen}\n usePortal={usePortal}\n frame={frame}\n onToggle={handleToggle}\n offset={offset}\n placement={getPlacements(placement, false)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={DatePickerInput}\n preventOverflow={false}\n >\n <Root\n ref={calendarRootRef}\n view={view}\n size={size}\n className={cls(classes.datePickerRoot, className, {\n [classes.datePickerstretched]: stretched,\n })}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n onClick={handleCalendarRootClick}\n >\n <StyledCalendar\n className={cls({ [classes.datePickerCalendarstretched]: stretched })}\n innerWidth={calendarContainerWidthValue}\n innerHeight={calendarContainerHeightValue}\n size={size}\n value={calendarValue}\n type={type}\n eventList={eventList}\n disabledList={disabledList}\n eventMonthList={eventMonthList}\n disabledMonthList={disabledMonthList}\n eventQuarterList={eventQuarterList}\n disabledQuarterList={disabledQuarterList}\n eventYearList={eventYearList}\n disabledYearList={disabledYearList}\n min={min}\n max={max}\n renderFromDate={renderFromDate}\n includeEdgeDates={includeEdgeDates}\n isRange={false}\n locale={lang}\n onChangeValue={handleCalendarPick}\n />\n </Root>\n </StyledPopover>\n {leftHelper && (\n <LeftHelper className={cls(datePickerErrorClass, datePickerSuccessClass)}>\n {leftHelper}\n </LeftHelper>\n )}\n <InputHidden\n type=\"hidden\"\n datatype=\"datepicker-single\"\n name={name}\n value={inputValue}\n ref={innerRef}\n {...noop}\n />\n </Root>\n );\n },\n );\n\nexport const datePickerConfig = {\n name: 'DatePicker',\n tag: 'div',\n layout: datePickerRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["datePickerRoot","Root","forwardRef","_ref","ref","className","_ref$opened","opened","value","label","_ref$labelPlacement","labelPlacement","keepPlaceholder","_ref$required","required","_ref$requiredPlacemen","requiredPlacement","_ref$hasRequiredIndic","hasRequiredIndicator","placeholder","leftHelper","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","name","_ref$defaultDate","defaultDate","valueError","valueSuccess","_ref$format","format","_ref$lang","lang","maskWithFormat","min","max","renderFromDate","_ref$includeEdgeDates","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$type","type","_ref$frame","frame","_ref$usePortal","usePortal","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","offset","calendarContainerWidth","calendarContainerHeight","stretched","onChangeValue","onCommitDate","onToggle","onFocus","onBlur","onChange","autoComplete","rest","_objectWithoutProperties","_excluded","Error","inputRef","useRef","innerRef","calendarRootRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","dateFormatDelimiter","getDateFormatDelimiter","initialValues","getFormattedDates","delimiter","_useState3","calendar","originalDate","input","formattedDate","_useState4","correctDates","setCorrectDates","_useState5","_useState6","calendarValue","setCalendarValue","_useState7","_useState8","inputValue","setInputValue","calendarContainerWidthValue","getSizeValueFromProp","undefined","calendarContainerHeightValue","_useDatePicker","useDatePicker","currentValue","datePickerErrorClass","datePickerSuccessClass","handleChangeValue","handleCalendarPick","handleSearch","updateExternalDate","handleToggle","innerOpened","event","isCalendarOpen","target","current","code","keys","Escape","prevValue","handleCalendarRootClick","_useKeyNavigation","useKeyNavigation","onKeyDown","handleBlur","Date","DatePickerInput","React","createElement","StyledInput","cls","onSearch","useEffect","prevOpen","useLayoutEffect","_extends","classes","_defineProperty","datePickerstretched","StyledPopover","getPlacements","trigger","isFocusTrapped","preventOverflow","onClick","StyledCalendar","datePickerCalendarstretched","innerWidth","innerHeight","isRange","locale","LeftHelper","InputHidden","datatype","noop","datePickerConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqBaA,cAAc,GAAG,SAAjBA,cAAcA,CACvBC,IAAmG,EAAA;AAAA,EAAA,oBAEnGC,gBAAU,CACN,UAAAC,IAAA,EAiEIC,GAAG,EACF;AAAA,IAAA,IAhEGC,SAAS,GAAAF,IAAA,CAATE,SAAS;MAAAC,WAAA,GAAAH,IAAA,CACTI,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;MACdE,KAAK,GAAAL,IAAA,CAALK,KAAK;MAELC,KAAK,GAAAN,IAAA,CAALM,KAAK;MAAAC,mBAAA,GAAAP,IAAA,CACLQ,cAAc;AAAdA,MAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,mBAAA;MACxBE,eAAe,GAAAT,IAAA,CAAfS,eAAe;MAAAC,aAAA,GAAAV,IAAA,CACfW,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,qBAAA,GAAAZ,IAAA,CAChBa,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,qBAAA;MAAAE,qBAAA,GAAAd,IAAA,CAC3Be,oBAAoB;AAApBA,MAAAA,oBAAoB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;MAC3BE,WAAW,GAAAhB,IAAA,CAAXgB,WAAW;MACXC,UAAU,GAAAjB,IAAA,CAAViB,UAAU;MACVC,WAAW,GAAAlB,IAAA,CAAXkB,WAAW;MACXC,YAAY,GAAAnB,IAAA,CAAZmB,YAAY;MACZC,UAAU,GAAApB,IAAA,CAAVoB,UAAU;MACVC,SAAS,GAAArB,IAAA,CAATqB,SAAS;MACTC,IAAI,GAAAtB,IAAA,CAAJsB,IAAI;MACJC,IAAI,GAAAvB,IAAA,CAAJuB,IAAI;MAAAC,aAAA,GAAAxB,IAAA,CACJyB,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,aAAA,GAAA1B,IAAA,CAChB2B,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAChBE,IAAI,GAAA5B,IAAA,CAAJ4B,IAAI;MAAAC,gBAAA,GAAA7B,IAAA,CAEJ8B,WAAW;AAAXA,MAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,gBAAA;MAChBE,UAAU,GAAA/B,IAAA,CAAV+B,UAAU;MACVC,YAAY,GAAAhC,IAAA,CAAZgC,YAAY;MAAAC,WAAA,GAAAjC,IAAA,CACZkC,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,YAAY,GAAAA,WAAA;MAAAE,SAAA,GAAAnC,IAAA,CACrBoC,IAAI;AAAJA,MAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;MACXE,cAAc,GAAArC,IAAA,CAAdqC,cAAc;MACdC,GAAG,GAAAtC,IAAA,CAAHsC,GAAG;MACHC,GAAG,GAAAvC,IAAA,CAAHuC,GAAG;MACHC,cAAc,GAAAxC,IAAA,CAAdwC,cAAc;MAAAC,qBAAA,GAAAzC,IAAA,CACd0C,gBAAgB;AAAhBA,MAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;MACxBE,SAAS,GAAA3C,IAAA,CAAT2C,SAAS;MACTC,YAAY,GAAA5C,IAAA,CAAZ4C,YAAY;MACZC,cAAc,GAAA7C,IAAA,CAAd6C,cAAc;MACdC,iBAAiB,GAAA9C,IAAA,CAAjB8C,iBAAiB;MACjBC,gBAAgB,GAAA/C,IAAA,CAAhB+C,gBAAgB;MAChBC,mBAAmB,GAAAhD,IAAA,CAAnBgD,mBAAmB;MACnBC,aAAa,GAAAjD,IAAA,CAAbiD,aAAa;MACbC,gBAAgB,GAAAlD,IAAA,CAAhBkD,gBAAgB;MAAAC,SAAA,GAAAnD,IAAA,CAChBoD,IAAI;AAAJA,MAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,SAAA;MAAAE,UAAA,GAAArD,IAAA,CAEbsD,KAAK;AAALA,MAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,UAAA;MAAAE,cAAA,GAAAvD,IAAA,CAClBwD,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,cAAA;MAAAE,cAAA,GAAAzD,IAAA,CACjB0D,SAAS;MAATA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAAA,cAAA;MAAAE,qBAAA,GAAA3D,IAAA,CAC7B4D,mBAAmB;AAAnBA,MAAAA,mBAAmB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;MAAAE,eAAA,GAAA7D,IAAA,CAC1B8D,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;MACjBE,MAAM,GAAA/D,IAAA,CAAN+D,MAAM;MAENC,sBAAsB,GAAAhE,IAAA,CAAtBgE,sBAAsB;MACtBC,uBAAuB,GAAAjE,IAAA,CAAvBiE,uBAAuB;MACvBC,SAAS,GAAAlE,IAAA,CAATkE,SAAS;MAETC,aAAa,GAAAnE,IAAA,CAAbmE,aAAa;MACbC,YAAY,GAAApE,IAAA,CAAZoE,YAAY;MACZC,QAAQ,GAAArE,IAAA,CAARqE,QAAQ;MACRC,OAAO,GAAAtE,IAAA,CAAPsE,OAAO;MACPC,MAAM,GAAAvE,IAAA,CAANuE,MAAM;MACNC,QAAQ,GAAAxE,IAAA,CAARwE,QAAQ;MAERC,YAAY,GAAAzE,IAAA,CAAZyE,YAAY;AACTC,MAAAA,IAAI,GAAAC,iDAAA,CAAA3E,IAAA,EAAA4E,SAAA,CAAA,CAAA;IAIX,IAAIvE,KAAK,IAAIyB,WAAW,EAAE;AACtB,MAAA,MAAM,IAAI+C,KAAK,CAAC,qEAAqE,CAAC,CAAA;AAC1F,KAAA;AAEA,IAAA,IAAMC,QAAQ,GAAGC,YAAM,CAA0B,IAAI,CAAC,CAAA;AACtD,IAAA,IAAMC,QAAQ,GAAGD,YAAM,CAA0B,IAAI,CAAC,CAAA;AACtD,IAAA,IAAME,eAAe,GAAGF,YAAM,CAAwB,IAAI,CAAC,CAAA;AAC3D,IAAA,IAAAG,SAAA,GAAsCC,cAAQ,CAAC/E,MAAM,CAAC;MAAAgF,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA/CI,MAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,cAAc,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAElC,IAAA,IAAMI,mBAAmB,GAAGC,iCAAsB,CAACvD,MAAM,CAAC,CAAA;IAE1D,IAAMwD,aAAa,GAAGC,mCAAiB,CAAC;MACpCtF,KAAK,EAAEA,KAAK,IAAIyB,WAAW;AAC3B8D,MAAAA,SAAS,EAAEJ,mBAAmB;AAC9BpD,MAAAA,IAAI,EAAJA,IAAI;AACJF,MAAAA,MAAM,EAANA,MAAM;AACNQ,MAAAA,gBAAgB,EAAhBA,gBAAgB;AAChBJ,MAAAA,GAAG,EAAHA,GAAG;AACHC,MAAAA,GAAG,EAAHA,GAAAA;AACJ,KAAC,CAAC,CAAA;IAEF,IAAAsD,UAAA,GAAwCV,cAAQ,CAAC;QAC7CW,QAAQ,EAAEJ,aAAa,CAACK,YAAY;QACpCC,KAAK,EAAEN,aAAa,CAACO,aAAAA;AACzB,OAAC,CAAC;MAAAC,UAAA,GAAAb,uCAAA,CAAAQ,UAAA,EAAA,CAAA,CAAA;AAHKM,MAAAA,YAAY,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,eAAe,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAIpC,IAAA,IAAAG,UAAA,GAA0ClB,cAAQ,CAAWgB,YAAY,CAACL,QAAQ,CAAC;MAAAQ,UAAA,GAAAjB,uCAAA,CAAAgB,UAAA,EAAA,CAAA,CAAA;AAA5EE,MAAAA,aAAa,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,gBAAgB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AACtC,IAAA,IAAAG,UAAA,GAAoCtB,cAAQ,CAACgB,YAAY,CAACH,KAAK,CAAC;MAAAU,UAAA,GAAArB,uCAAA,CAAAoB,UAAA,EAAA,CAAA,CAAA;AAAzDE,MAAAA,UAAU,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,aAAa,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;IAEhC,IAAMG,2BAA2B,GAAG7C,sBAAsB,GACpD8C,yCAAoB,CAAC9C,sBAAsB,EAAE,KAAK,CAAC,GACnD+C,SAAS,CAAA;IACf,IAAMC,4BAA4B,GAAG/C,uBAAuB,GACtD6C,yCAAoB,CAAC7C,uBAAuB,EAAE,KAAK,CAAC,GACpD8C,SAAS,CAAA;IAEf,IAAAE,cAAA,GAOIC,2BAAa,CAAC;AACdC,QAAAA,YAAY,EAAER,UAAU;AACxBzE,QAAAA,MAAM,EAANA,MAAM;AACNE,QAAAA,IAAI,EAAJA,IAAI;AACJT,QAAAA,QAAQ,EAARA,QAAQ;AACRF,QAAAA,QAAQ,EAARA,QAAQ;AACRY,QAAAA,cAAc,EAAdA,cAAc;AACdN,QAAAA,UAAU,EAAVA,UAAU;AACVC,QAAAA,YAAY,EAAZA,YAAY;AACZJ,QAAAA,IAAI,EAAJA,IAAI;AACJwB,QAAAA,IAAI,EAAJA,IAAI;AACJd,QAAAA,GAAG,EAAHA,GAAG;AACHC,QAAAA,GAAG,EAAHA,GAAG;AACHG,QAAAA,gBAAgB,EAAhBA,gBAAgB;AAChB0D,QAAAA,eAAe,EAAfA,eAAe;AACfQ,QAAAA,aAAa,EAAbA,aAAa;AACbJ,QAAAA,gBAAgB,EAAhBA,gBAAgB;AAChBhB,QAAAA,mBAAmB,EAAnBA,mBAAmB;AACnBrB,QAAAA,aAAa,EAAbA,aAAa;AACbC,QAAAA,YAAY,EAAZA,YAAY;AACZI,QAAAA,QAAQ,EAARA,QAAAA;AACJ,OAAC,CAAC;MA3BE4C,oBAAoB,GAAAH,cAAA,CAApBG,oBAAoB;MACpBC,sBAAsB,GAAAJ,cAAA,CAAtBI,sBAAsB;MACtBC,iBAAiB,GAAAL,cAAA,CAAjBK,iBAAiB;MACjBC,kBAAkB,GAAAN,cAAA,CAAlBM,kBAAkB;MAClBC,YAAY,GAAAP,cAAA,CAAZO,YAAY;MACZC,kBAAkB,GAAAR,cAAA,CAAlBQ,kBAAkB,CAAA;IAwBtB,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,WAAoB,EAAEC,KAA6B,EAAK;MAC1E,IAAIjG,QAAQ,IAAIF,QAAQ,EAAE;AACtB,QAAA,OAAA;AACJ,OAAA;MAEA,IAAMoG,cAAc,GAChBD,KAAK,CAACE,MAAM,MAAKhD,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAARA,QAAQ,CAAEiD,OAAO,CACjCH,IAAAA,KAAK,CAAqCI,IAAI,KAAKC,0BAAI,CAACC,MAAM,GACzD,IAAI,GACJP,WAAW,CAAA;AAErB,MAAA,IAAI,CAACA,WAAW,IAAI,CAACpB,aAAa,EAAE;QAChCC,gBAAgB,CAAC,UAAC2B,SAAS,EAAA;AAAA,UAAA,OAAMA,SAAS,KAAKpB,SAAS,GAAG,IAAI,GAAGA,SAAS,CAAA;AAAA,SAAC,CAAC,CAAA;AACjF,OAAA;AAEA,MAAA,IAAI1C,QAAQ,EAAE;AACVA,QAAAA,QAAQ,CAACwD,cAAc,EAAED,KAAK,CAAC,CAAA;AAE/B,QAAA,OAAA;AACJ,OAAA;MAEArC,cAAc,CAACsC,cAAc,CAAC,CAAA;KACjC,CAAA;AAED,IAAA,IAAMO,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIR,KAAiC,EAAK;MACnE,IAAIjG,QAAQ,IAAIF,QAAQ,EAAE;AACtB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAI6D,WAAW,IAAIpB,SAAS,IAAI0D,KAAK,CAACE,MAAM,MAAK7C,eAAe,aAAfA,eAAe,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAfA,eAAe,CAAE8C,OAAO,CAAE,EAAA;QACvExC,cAAc,CAAC,KAAK,CAAC,CAAA;AAErB,QAAA,IAAIlB,QAAQ,EAAE;AACVA,UAAAA,QAAQ,CAAC,KAAK,EAAEuD,KAAK,CAAC,CAAA;AAC1B,SAAA;AACJ,OAAA;KACH,CAAA;IAED,IAAAS,iBAAA,GAAsBC,sCAAgB,CAAC;AACnCT,QAAAA,cAAc,EAAEvC,WAAW;AAC3BpD,QAAAA,MAAM,EAANA,MAAM;AACNG,QAAAA,cAAc,EAAdA,cAAc;AACduD,QAAAA,SAAS,EAAEJ,mBAAmB;AAC9B1B,QAAAA,UAAU,EAAVA,UAAU;AACVO,QAAAA,QAAQ,EAAEqD,YAAAA;AACd,OAAC,CAAC;MAPMa,SAAS,GAAAF,iBAAA,CAATE,SAAS,CAAA;AASjB,IAAA,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIZ,KAAmC,EAAK;AACxD,MAAA,IAAI,CAACrB,aAAa,IAAIJ,YAAY,CAACL,QAAQ,EAAE;QACzCU,gBAAgB,CAAC,IAAIiC,IAAI,CAACtC,YAAY,CAACL,QAAQ,CAAC,CAAC,CAAA;AACjDc,QAAAA,aAAa,CAACT,YAAY,CAACH,KAAK,CAAC,CAAA;AACrC,OAAA;AAEA,MAAA,IAAIzB,MAAM,EAAE;QACRA,MAAM,CAACqD,KAAK,CAAC,CAAA;AACjB,OAAA;KACH,CAAA;AAED,IAAA,IAAMc,eAAe,gBACjBC,sBAAA,CAAAC,aAAA,CAACC,6BAAW,EAAA;AACR5I,MAAAA,GAAG,EAAE6E,QAAS;AACd5E,MAAAA,SAAS,EAAE4I,oBAAG,CAAC1B,oBAAoB,EAAEC,sBAAsB,CAAE;AAC7DhH,MAAAA,KAAK,EAAEsG,UAAW;AAClBpF,MAAAA,IAAI,EAAEA,IAAK;AACXE,MAAAA,QAAQ,EAAEA,QAAS;AACnBE,MAAAA,QAAQ,EAAEA,QAAS;AACnBX,MAAAA,WAAW,EAAEA,WAAY;AACzBE,MAAAA,WAAW,EAAEA,WAAY;AACzBC,MAAAA,YAAY,EAAEA,YAAa;AAC3BC,MAAAA,UAAU,EAAEA,UAAW;AACvBC,MAAAA,SAAS,EAAEA,SAAU;AACrBmD,MAAAA,QAAQ,EAAE8C,iBAAkB;AAC5ByB,MAAAA,QAAQ,EAAEvB,YAAa;AACvBlD,MAAAA,OAAO,EAAEA,OAAQ;AACjBC,MAAAA,MAAM,EAAEiE,UAAW;AACnBD,MAAAA,SAAS,EAAEA,SAAU;AACrB5H,MAAAA,QAAQ,EAAEA,QAAS;AACnBE,MAAAA,iBAAiB,EAAEA,iBAAkB;AACrCE,MAAAA,oBAAoB,EAAEA,oBAAqB;AAC3CT,MAAAA,KAAK,EAAEA,KAAM;AACbE,MAAAA,cAAc,EAAEA,cAAe;AAC/BC,MAAAA,eAAe,EAAEA,eAAgB;AACjCgE,MAAAA,YAAY,EAAEA,YAAAA;AAAa,KAC9B,CACJ,CAAA;AAEDuE,IAAAA,eAAS,CAAC,YAAM;MACZzD,cAAc,CAAC,UAAC0D,QAAQ,EAAA;AAAA,QAAA,OAAKA,QAAQ,KAAK7I,MAAM,IAAIA,MAAM,CAAA;OAAC,CAAA,CAAA;AAC/D,KAAC,EAAE,CAACA,MAAM,CAAC,CAAC,CAAA;AAEZ8I,IAAAA,qBAAe,CAAC,YAAM;MAClBzB,kBAAkB,CAACpH,KAAK,CAAC,CAAA;KAC5B,EAAE,CAACA,KAAK,EAAE6B,MAAM,EAAEE,IAAI,CAAC,CAAC,CAAA;AAEzB8G,IAAAA,qBAAe,CAAC,YAAM;MAClBzB,kBAAkB,CAAC3F,WAAW,CAAC,CAAA;KAClC,EAAE,CAACA,WAAW,EAAEI,MAAM,EAAEE,IAAI,CAAC,CAAC,CAAA;AAE/B,IAAA,oBACIuG,sBAAA,CAAAC,aAAA,CAAC9I,IAAI,EAAAqJ,iCAAA,CAAA;AACD7H,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXrB,MAAAA,SAAS,EAAE4I,oBAAG,CAACM,yBAAO,CAACvJ,cAAc,EAAEK,SAAS,EAAAmJ,wCAAA,KAAKD,yBAAO,CAACE,mBAAmB,EAAGpF,SAAS,CAAE,CAAE;AAChGvC,MAAAA,QAAQ,EAAEA,QAAS;AACnBF,MAAAA,QAAQ,EAAE,CAACE,QAAQ,IAAIF,QAAS;AAChCxB,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,EACLyE,IAAI,CAERiE,eAAAA,sBAAA,CAAAC,aAAA,CAACW,+BAAa,EAAA;AACVnJ,MAAAA,MAAM,EAAEkF,WAAY;AACpB9B,MAAAA,SAAS,EAAEA,SAAU;AACrBF,MAAAA,KAAK,EAAEA,KAAM;AACbe,MAAAA,QAAQ,EAAEqD,YAAa;AACvB3D,MAAAA,MAAM,EAAEA,MAAO;AACfL,MAAAA,SAAS,EAAE8F,iCAAa,CAAC9F,SAAS,EAAE,KAAK,CAAE;AAC3C+F,MAAAA,OAAO,EAAC,OAAO;AACf7F,MAAAA,mBAAmB,EAAEA,mBAAoB;AACzC8F,MAAAA,cAAc,EAAE,KAAM;AACtB5B,MAAAA,MAAM,EAAEY,eAAgB;AACxBiB,MAAAA,eAAe,EAAE,KAAA;AAAM,KAAA,eAEvBhB,sBAAA,CAAAC,aAAA,CAAC9I,IAAI,EAAA;AACDG,MAAAA,GAAG,EAAEgF,eAAgB;AACrB3D,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXrB,MAAAA,SAAS,EAAE4I,oBAAG,CAACM,yBAAO,CAACvJ,cAAc,EAAEK,SAAS,EAAAmJ,wCAAA,KAC3CD,yBAAO,CAACE,mBAAmB,EAAGpF,SAAS,CAC3C,CAAE;AACHvC,MAAAA,QAAQ,EAAEA,QAAS;AACnBF,MAAAA,QAAQ,EAAE,CAACE,QAAQ,IAAIF,QAAS;AAChCmI,MAAAA,OAAO,EAAExB,uBAAAA;AAAwB,KAAA,eAEjCO,sBAAA,CAAAC,aAAA,CAACiB,oCAAc,EAAA;MACX3J,SAAS,EAAE4I,oBAAG,CAAAO,wCAAA,CAAA,EAAA,EAAID,yBAAO,CAACU,2BAA2B,EAAG5F,SAAS,CAAE,CAAE;AACrE6F,MAAAA,UAAU,EAAElD,2BAA4B;AACxCmD,MAAAA,WAAW,EAAEhD,4BAA6B;AAC1CzF,MAAAA,IAAI,EAAEA,IAAK;AACXlB,MAAAA,KAAK,EAAEkG,aAAc;AACrBnD,MAAAA,IAAI,EAAEA,IAAK;AACXT,MAAAA,SAAS,EAAEA,SAAU;AACrBC,MAAAA,YAAY,EAAEA,YAAa;AAC3BC,MAAAA,cAAc,EAAEA,cAAe;AAC/BC,MAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCC,MAAAA,mBAAmB,EAAEA,mBAAoB;AACzCC,MAAAA,aAAa,EAAEA,aAAc;AAC7BC,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCZ,MAAAA,GAAG,EAAEA,GAAI;AACTC,MAAAA,GAAG,EAAEA,GAAI;AACTC,MAAAA,cAAc,EAAEA,cAAe;AAC/BE,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCuH,MAAAA,OAAO,EAAE,KAAM;AACfC,MAAAA,MAAM,EAAE9H,IAAK;AACb+B,MAAAA,aAAa,EAAEoD,kBAAAA;KAClB,CACC,CACK,CAAC,EACftG,UAAU,iBACP0H,sBAAA,CAAAC,aAAA,CAACuB,4BAAU,EAAA;AAACjK,MAAAA,SAAS,EAAE4I,oBAAG,CAAC1B,oBAAoB,EAAEC,sBAAsB,CAAA;KAClEpG,EAAAA,UACO,CACf,eACD0H,sBAAA,CAAAC,aAAA,CAACwB,iCAAW,EAAAjB,iCAAA,CAAA;AACR/F,MAAAA,IAAI,EAAC,QAAQ;AACbiH,MAAAA,QAAQ,EAAC,mBAAmB;AAC5BzI,MAAAA,IAAI,EAAEA,IAAK;AACXvB,MAAAA,KAAK,EAAEsG,UAAW;AAClB1G,MAAAA,GAAG,EAAE+E,QAAAA;KACDsF,EAAAA,SAAI,CACX,CACC,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMC,gBAAgB,GAAG;AAC5B3I,EAAAA,IAAI,EAAE,YAAY;AAClB4I,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE5K,cAAc;AACtB6K,EAAAA,IAAI,EAAJA,sBAAI;AACJC,EAAAA,UAAU,EAAE;AACRrJ,IAAAA,IAAI,EAAE;AACFsJ,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDtJ,IAAAA,IAAI,EAAE;AACFqJ,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACDnJ,IAAAA,QAAQ,EAAE;AACNiJ,MAAAA,GAAG,EAAEG,WAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACDvJ,IAAAA,QAAQ,EAAE;AACNmJ,MAAAA,GAAG,EAAEK,WAAW;AAChBD,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDE,EAAAA,QAAQ,EAAE;AACN3J,IAAAA,IAAI,EAAE,GAAG;AACTD,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;;"}
|
1
|
+
{"version":3,"file":"SingleDate.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"sourcesContent":["import React, { forwardRef, SyntheticEvent, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport cls from 'classnames';\nimport type { KeyboardEvent, FocusEvent, MouseEvent } from 'react';\nimport type { DateInfo, DateType } from 'src/components/Calendar/Calendar.types';\nimport type { RootProps } from 'src/engines';\nimport { getPlacements, getSizeValueFromProp, noop } from 'src/utils';\n\nimport { getDateFormatDelimiter } from '../utils/dateHelper';\nimport { useDatePicker } from '../hooks/useDatePicker';\nimport { classes } from '../DatePicker.tokens';\nimport { InputHidden, StyledCalendar } from '../DatePickerBase.styles';\nimport { keys, useKeyNavigation } from '../hooks/useKeyboardNavigation';\nimport { getFormattedDates } from '../utils';\n\nimport type { DatePickerProps } from './SingleDate.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { LeftHelper, StyledInput, StyledPopover, base } from './SingleDate.styles';\n\nexport const datePickerRoot = (\n Root: RootProps<HTMLDivElement, Omit<DatePickerProps, 'opened' | 'defaultValue' | 'onChangeValue'>>,\n) =>\n forwardRef<HTMLInputElement, DatePickerProps>(\n (\n {\n className,\n opened = false,\n value,\n\n label,\n labelPlacement = 'outer',\n keepPlaceholder,\n required = false,\n requiredPlacement = 'right',\n hasRequiredIndicator = true,\n placeholder,\n leftHelper,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n view,\n size,\n readOnly = false,\n disabled = false,\n name,\n\n defaultDate = '',\n valueError,\n valueSuccess,\n format = 'DD.MM.YYYY',\n lang = 'ru',\n maskWithFormat,\n min,\n max,\n renderFromDate,\n includeEdgeDates = false,\n eventList,\n disabledList,\n eventMonthList,\n disabledMonthList,\n eventQuarterList,\n disabledQuarterList,\n eventYearList,\n disabledYearList,\n type = 'Days',\n\n frame = 'document',\n usePortal = false,\n placement = ['top', 'bottom'],\n closeOnOverlayClick = true,\n closeOnEsc = true,\n closeAfterDateSelect = true,\n offset,\n\n calendarContainerWidth,\n calendarContainerHeight,\n stretched,\n\n onChangeValue,\n onCommitDate,\n onToggle,\n onFocus,\n onBlur,\n onChange,\n\n autoComplete,\n ...rest\n },\n ref,\n ) => {\n if (value && defaultDate) {\n throw new Error(\"Controlled DatePicker can't have `defaultDate`, use `value` instead\");\n }\n\n const inputRef = useRef<HTMLInputElement | null>(null);\n const innerRef = useRef<HTMLInputElement | null>(null);\n const calendarRootRef = useRef<HTMLDivElement | null>(null);\n const [isInnerOpen, setIsInnerOpen] = useState(opened);\n\n const dateFormatDelimiter = getDateFormatDelimiter(format);\n\n const initialValues = getFormattedDates({\n value: value || defaultDate,\n delimiter: dateFormatDelimiter,\n lang,\n format,\n includeEdgeDates,\n min,\n max,\n });\n\n const [correctDates, setCorrectDates] = useState({\n calendar: initialValues.originalDate,\n input: initialValues.formattedDate,\n });\n const [calendarValue, setCalendarValue] = useState<DateType>(correctDates.calendar);\n const [inputValue, setInputValue] = useState(correctDates.input);\n\n const calendarContainerWidthValue = calendarContainerWidth\n ? getSizeValueFromProp(calendarContainerWidth, 'rem')\n : undefined;\n const calendarContainerHeightValue = calendarContainerHeight\n ? getSizeValueFromProp(calendarContainerHeight, 'rem')\n : undefined;\n\n const {\n datePickerErrorClass,\n datePickerSuccessClass,\n handleChangeValue,\n handleCalendarPick: onCalendarPick,\n handleSearch,\n updateExternalDate,\n } = useDatePicker({\n currentValue: inputValue,\n format,\n lang,\n disabled,\n readOnly,\n maskWithFormat,\n valueError,\n valueSuccess,\n name,\n type,\n min,\n max,\n includeEdgeDates,\n setCorrectDates,\n setInputValue,\n setCalendarValue,\n dateFormatDelimiter,\n onChangeValue,\n onCommitDate,\n onChange,\n });\n\n const handleToggle = (innerOpened: boolean, event?: SyntheticEvent | Event) => {\n if (disabled || readOnly) {\n return;\n }\n\n const isCalendarOpen =\n event?.target === inputRef?.current &&\n (event as KeyboardEvent<HTMLInputElement>).code !== keys.Escape\n ? true\n : innerOpened;\n\n if (!innerOpened && !calendarValue) {\n setCalendarValue((prevValue) => (prevValue === undefined ? null : undefined));\n }\n\n if (onToggle) {\n onToggle(isCalendarOpen, event);\n\n return;\n }\n\n setIsInnerOpen(isCalendarOpen);\n };\n\n const handleCalendarRootClick = (event: MouseEvent<HTMLDivElement>) => {\n if (disabled || readOnly) {\n return;\n }\n\n if (isInnerOpen && stretched && event.target === calendarRootRef?.current) {\n setIsInnerOpen(false);\n\n if (onToggle) {\n onToggle(false, event);\n }\n }\n };\n\n const { onKeyDown } = useKeyNavigation({\n isCalendarOpen: isInnerOpen,\n format,\n maskWithFormat,\n delimiter: dateFormatDelimiter,\n closeOnEsc,\n onToggle: handleToggle,\n });\n\n const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n if (!calendarValue && correctDates.calendar) {\n setCalendarValue(new Date(correctDates.calendar));\n setInputValue(correctDates.input);\n }\n\n if (onBlur) {\n onBlur(event);\n }\n };\n\n const handleCalendarPick = (date?: Date | null, dateInfo?: DateInfo) => {\n onCalendarPick(date, dateInfo);\n\n if (closeAfterDateSelect) {\n setIsInnerOpen(false);\n handleToggle(false);\n }\n };\n\n const DatePickerInput = (\n <StyledInput\n ref={inputRef}\n className={cls(datePickerErrorClass, datePickerSuccessClass)}\n value={inputValue}\n size={size}\n readOnly={readOnly}\n disabled={disabled}\n placeholder={placeholder}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onChange={handleChangeValue}\n onSearch={handleSearch}\n onFocus={onFocus}\n onBlur={handleBlur}\n onKeyDown={onKeyDown}\n required={required}\n requiredPlacement={requiredPlacement}\n hasRequiredIndicator={hasRequiredIndicator}\n label={label}\n labelPlacement={labelPlacement}\n keepPlaceholder={keepPlaceholder}\n autoComplete={autoComplete}\n />\n );\n\n useEffect(() => {\n setIsInnerOpen((prevOpen) => prevOpen !== opened && opened);\n }, [opened]);\n\n useLayoutEffect(() => {\n updateExternalDate(value);\n }, [value, format, lang]);\n\n useLayoutEffect(() => {\n updateExternalDate(defaultDate);\n }, [defaultDate, format, lang]);\n\n return (\n <Root\n view={view}\n size={size}\n className={cls(classes.datePickerRoot, className, { [classes.datePickerstretched]: stretched })}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n ref={ref}\n {...rest}\n >\n <StyledPopover\n opened={isInnerOpen}\n usePortal={usePortal}\n frame={frame}\n onToggle={handleToggle}\n offset={offset}\n placement={getPlacements(placement, false)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={DatePickerInput}\n preventOverflow={false}\n >\n <Root\n ref={calendarRootRef}\n view={view}\n size={size}\n className={cls(classes.datePickerRoot, className, {\n [classes.datePickerstretched]: stretched,\n })}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n onClick={handleCalendarRootClick}\n >\n <StyledCalendar\n className={cls({ [classes.datePickerCalendarstretched]: stretched })}\n innerWidth={calendarContainerWidthValue}\n innerHeight={calendarContainerHeightValue}\n size={size}\n value={calendarValue}\n type={type}\n eventList={eventList}\n disabledList={disabledList}\n eventMonthList={eventMonthList}\n disabledMonthList={disabledMonthList}\n eventQuarterList={eventQuarterList}\n disabledQuarterList={disabledQuarterList}\n eventYearList={eventYearList}\n disabledYearList={disabledYearList}\n min={min}\n max={max}\n renderFromDate={renderFromDate}\n includeEdgeDates={includeEdgeDates}\n isRange={false}\n locale={lang}\n onChangeValue={handleCalendarPick}\n />\n </Root>\n </StyledPopover>\n {leftHelper && (\n <LeftHelper className={cls(datePickerErrorClass, datePickerSuccessClass)}>\n {leftHelper}\n </LeftHelper>\n )}\n <InputHidden\n type=\"hidden\"\n datatype=\"datepicker-single\"\n name={name}\n value={inputValue}\n ref={innerRef}\n {...noop}\n />\n </Root>\n );\n },\n );\n\nexport const datePickerConfig = {\n name: 'DatePicker',\n tag: 'div',\n layout: datePickerRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["datePickerRoot","Root","forwardRef","_ref","ref","className","_ref$opened","opened","value","label","_ref$labelPlacement","labelPlacement","keepPlaceholder","_ref$required","required","_ref$requiredPlacemen","requiredPlacement","_ref$hasRequiredIndic","hasRequiredIndicator","placeholder","leftHelper","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","name","_ref$defaultDate","defaultDate","valueError","valueSuccess","_ref$format","format","_ref$lang","lang","maskWithFormat","min","max","renderFromDate","_ref$includeEdgeDates","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$type","type","_ref$frame","frame","_ref$usePortal","usePortal","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","_ref$closeAfterDateSe","closeAfterDateSelect","offset","calendarContainerWidth","calendarContainerHeight","stretched","onChangeValue","onCommitDate","onToggle","onFocus","onBlur","onChange","autoComplete","rest","_objectWithoutProperties","_excluded","Error","inputRef","useRef","innerRef","calendarRootRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","dateFormatDelimiter","getDateFormatDelimiter","initialValues","getFormattedDates","delimiter","_useState3","calendar","originalDate","input","formattedDate","_useState4","correctDates","setCorrectDates","_useState5","_useState6","calendarValue","setCalendarValue","_useState7","_useState8","inputValue","setInputValue","calendarContainerWidthValue","getSizeValueFromProp","undefined","calendarContainerHeightValue","_useDatePicker","useDatePicker","currentValue","datePickerErrorClass","datePickerSuccessClass","handleChangeValue","onCalendarPick","handleCalendarPick","handleSearch","updateExternalDate","handleToggle","innerOpened","event","isCalendarOpen","target","current","code","keys","Escape","prevValue","handleCalendarRootClick","_useKeyNavigation","useKeyNavigation","onKeyDown","handleBlur","Date","date","dateInfo","DatePickerInput","React","createElement","StyledInput","cls","onSearch","useEffect","prevOpen","useLayoutEffect","_extends","classes","_defineProperty","datePickerstretched","StyledPopover","getPlacements","trigger","isFocusTrapped","preventOverflow","onClick","StyledCalendar","datePickerCalendarstretched","innerWidth","innerHeight","isRange","locale","LeftHelper","InputHidden","datatype","noop","datePickerConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}
|
@@ -3,10 +3,11 @@
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
4
4
|
|
5
5
|
var React = require('react');
|
6
|
+
var canUseDOM = require('../../../utils/canUseDOM.js');
|
6
7
|
|
7
8
|
var useOverflow = function useOverflow(_ref) {
|
8
9
|
var opened = _ref.opened;
|
9
|
-
var overflow = React.useRef(document.body.style.overflowY);
|
10
|
+
var overflow = React.useRef(canUseDOM.canUseDOM ? document.body.style.overflowY : 'initial');
|
10
11
|
|
11
12
|
// linaria не поддерживает динамический global
|
12
13
|
React.useEffect(function () {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useOverflow.js","sources":["../../../../src/components/Sheet/hooks/useOverflow.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { SheetHookArgs } from '../Sheet.types';\n\nexport const useOverflow = ({ opened }: SheetHookArgs) => {\n const overflow = useRef<string>(document.body.style.overflowY);\n\n // linaria не поддерживает динамический global\n useEffect(() => {\n if (opened) {\n overflow.current = document.body.style.overflowY;\n document.body.style.overflowY = 'hidden';\n return;\n }\n\n document.body.style.overflowY = overflow.current;\n }, [opened]);\n};\n"],"names":["useOverflow","_ref","opened","overflow","useRef","document","body","style","overflowY","useEffect","current"],"mappings":"
|
1
|
+
{"version":3,"file":"useOverflow.js","sources":["../../../../src/components/Sheet/hooks/useOverflow.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { canUseDOM } from 'src/utils';\n\nimport { SheetHookArgs } from '../Sheet.types';\n\nexport const useOverflow = ({ opened }: SheetHookArgs) => {\n const overflow = useRef<string>(canUseDOM ? document.body.style.overflowY : 'initial');\n\n // linaria не поддерживает динамический global\n useEffect(() => {\n if (opened) {\n overflow.current = document.body.style.overflowY;\n document.body.style.overflowY = 'hidden';\n return;\n }\n\n document.body.style.overflowY = overflow.current;\n }, [opened]);\n};\n"],"names":["useOverflow","_ref","opened","overflow","useRef","canUseDOM","document","body","style","overflowY","useEffect","current"],"mappings":";;;;;;;IAKaA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAkC;AAAA,EAAA,IAA5BC,MAAM,GAAAD,IAAA,CAANC,MAAM,CAAA;AAChC,EAAA,IAAMC,QAAQ,GAAGC,YAAM,CAASC,mBAAS,GAAGC,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,GAAG,SAAS,CAAC,CAAA;;AAEtF;AACAC,EAAAA,eAAS,CAAC,YAAM;AACZ,IAAA,IAAIR,MAAM,EAAE;MACRC,QAAQ,CAACQ,OAAO,GAAGL,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,CAAA;AAChDH,MAAAA,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,GAAG,QAAQ,CAAA;AACxC,MAAA,OAAA;AACJ,KAAA;IAEAH,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,GAAGN,QAAQ,CAACQ,OAAO,CAAA;AACpD,GAAC,EAAE,CAACT,MAAM,CAAC,CAAC,CAAA;AAChB;;;;"}
|
package/cjs/index.css
CHANGED
@@ -990,18 +990,19 @@
|
|
990
990
|
|
991
991
|
.CarouselItem_uvoxfy_sossdp0__d41488d0{-webkit-scroll-snap-align:var(--sossdp0-0);-moz-scroll-snap-align:var(--sossdp0-0);-ms-scroll-snap-align:var(--sossdp0-0);scroll-snap-align:var(--sossdp0-0);-webkit-scroll-snap-stop:var(--sossdp0-1);-moz-scroll-snap-stop:var(--sossdp0-1);-ms-scroll-snap-stop:var(--sossdp0-1);scroll-snap-stop:var(--sossdp0-1);}
|
992
992
|
|
993
|
-
.
|
994
|
-
.
|
995
|
-
.
|
996
|
-
.
|
993
|
+
.Carousel_styles_19w43w1_b13uu57o__33445694{position:relative;}
|
994
|
+
.Carousel_styles_19w43w1_c1gygdut__33445694{position:relative;margin:0;padding:0;list-style:none;-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overflow-x:auto;overflow-y:hidden;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}.Carousel_styles_19w43w1_c1gygdut__33445694::-webkit-scrollbar{display:none;}
|
995
|
+
.Carousel_styles_19w43w1_c76zbfp__33445694{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:var(--c76zbfp-0);}
|
996
|
+
.Carousel_styles_19w43w1_i1cnnvc1__33445694{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0.75rem;z-index:10;--plasma-icon-button-color:var(--text-primary);--plasma-icon-button-background-color:var(--surface-transparent-secondary);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-padding:1rem;--plasma-icon-button-radius:0.625rem;}.Carousel_styles_19w43w1_i1cnnvc1__33445694.Carousel_styles_19w43w1_carouselRightControlButton__33445694{left:auto;right:0.75rem;}
|
997
|
+
.Carousel_styles_19w43w1_c1ff2k98__33445694{position:relative;}
|
997
998
|
|
998
999
|
.Item_1qz9bfn_sfwcury__aad46e58{-webkit-scroll-snap-align:var(--sfwcury-0);-moz-scroll-snap-align:var(--sfwcury-0);-ms-scroll-snap-align:var(--sfwcury-0);scroll-snap-align:var(--sfwcury-0);-webkit-scroll-snap-stop:var(--sfwcury-1);-moz-scroll-snap-stop:var(--sfwcury-1);-ms-scroll-snap-stop:var(--sfwcury-1);scroll-snap-stop:var(--sfwcury-1);}
|
999
1000
|
|
1000
|
-
.
|
1001
|
-
.
|
1002
|
-
.
|
1003
|
-
.
|
1004
|
-
.
|
1001
|
+
.Dots_styles_ea836d_wn5xio__3fa33efc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:0.75rem;--duration:0.3s;--half-duration:0.15s;}
|
1002
|
+
.Dots_styles_ea836d_tnn1xpa__3fa33efc{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition:-webkit-transform 0s ease;-webkit-transition:transform 0s ease;transition:transform 0s ease;}.Dots_styles_ea836d_tnn1xpa__3fa33efc.Dots_styles_ea836d_dotAnimating__3fa33efc{-webkit-transition:-webkit-transform var(--duration) ease;-webkit-transition:transform var(--duration) ease;transition:transform var(--duration) ease;}.Dots_styles_ea836d_tnn1xpa__3fa33efc .Dots_styles_ea836d_dot__3fa33efc{width:0.5rem;height:0.5rem;margin:0 0.25rem;cursor:pointer;background-color:var(--plasma-carousel-pagination-dot-background);border-radius:100%;}.Dots_styles_ea836d_tnn1xpa__3fa33efc .Dots_styles_ea836d_dot__3fa33efc.Dots_styles_ea836d_dotActive__3fa33efc{background-color:var(--plasma-carousel-pagination-dot-active-background);}@-webkit-keyframes Dots_styles_ea836d_fadeOutTnn1xpa__3fa33efc{from{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}to{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}}@keyframes Dots_styles_ea836d_fadeOutTnn1xpa__3fa33efc{from{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}to{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}}.Dots_styles_ea836d_tnn1xpa__3fa33efc .Dots_styles_ea836d_dot__3fa33efc.Dots_styles_ea836d_dotAnimateOut__3fa33efc{-webkit-animation:Dots_styles_ea836d_fadeOutTnn1xpa__3fa33efc var(--half-duration) ease forwards;animation:Dots_styles_ea836d_fadeOutTnn1xpa__3fa33efc var(--half-duration) ease forwards;}@-webkit-keyframes Dots_styles_ea836d_shrinkingTnn1xpa__3fa33efc{from{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}}@keyframes Dots_styles_ea836d_shrinkingTnn1xpa__3fa33efc{from{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}}.Dots_styles_ea836d_tnn1xpa__3fa33efc .Dots_styles_ea836d_dot__3fa33efc.Dots_styles_ea836d_dotShrinking__3fa33efc{-webkit-animation:Dots_styles_ea836d_shrinkingTnn1xpa__3fa33efc var(--half-duration) var(--half-duration) ease forwards;animation:Dots_styles_ea836d_shrinkingTnn1xpa__3fa33efc var(--half-duration) var(--half-duration) ease forwards;}
|
1003
|
+
.Dots_styles_ea836d_d1k0jsbc__3fa33efc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Dots_styles_ea836d_d1k0jsbc__3fa33efc.Dots_styles_ea836d_dotAvailableDotsLeft__3fa33efc .Dots_styles_ea836d_dot__3fa33efc:not(.Dots_styles_ea836d_dotTemporaryNatural__3fa33efc):first-child{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}.Dots_styles_ea836d_d1k0jsbc__3fa33efc.Dots_styles_ea836d_dotAvailableDotsRight__3fa33efc .Dots_styles_ea836d_dot__3fa33efc:not(.Dots_styles_ea836d_dotTemporaryNatural__3fa33efc):last-child{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}.Dots_styles_ea836d_d1k0jsbc__3fa33efc.Dots_styles_ea836d_dotAnimating__3fa33efc .Dots_styles_ea836d_dot__3fa33efc{-webkit-transition:background-color var(--duration) ease;transition:background-color var(--duration) ease;}
|
1004
|
+
.Dots_styles_ea836d_laqzsgq__3fa33efc{position:absolute;top:0;right:100%;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Dots_styles_ea836d_laqzsgq__3fa33efc .Dots_styles_ea836d_dot__3fa33efc{-webkit-transition:-webkit-transform var(--duration) ease;-webkit-transition:transform var(--duration) ease;transition:transform var(--duration) ease;}@-webkit-keyframes Dots_styles_ea836d_fadeInLaqzsgq__3fa33efc{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}}@keyframes Dots_styles_ea836d_fadeInLaqzsgq__3fa33efc{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}}.Dots_styles_ea836d_laqzsgq__3fa33efc .Dots_styles_ea836d_dot__3fa33efc.Dots_styles_ea836d_dotAnimateIn__3fa33efc{-webkit-animation:Dots_styles_ea836d_fadeInLaqzsgq__3fa33efc var(--half-duration) ease forwards;animation:Dots_styles_ea836d_fadeInLaqzsgq__3fa33efc var(--half-duration) ease forwards;}@-webkit-keyframes Dots_styles_ea836d_fadeInFirstLaqzsgq__3fa33efc{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}}@keyframes Dots_styles_ea836d_fadeInFirstLaqzsgq__3fa33efc{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}}.Dots_styles_ea836d_laqzsgq__3fa33efc .Dots_styles_ea836d_dot__3fa33efc:first-child.Dots_styles_ea836d_dotAnimateIn__3fa33efc{-webkit-animation:Dots_styles_ea836d_fadeInFirstLaqzsgq__3fa33efc var(--half-duration) ease forwards;animation:Dots_styles_ea836d_fadeInFirstLaqzsgq__3fa33efc var(--half-duration) ease forwards;}
|
1005
|
+
.Dots_styles_ea836d_rp088ba__3fa33efc{position:absolute;top:0;left:100%;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Dots_styles_ea836d_rp088ba__3fa33efc .Dots_styles_ea836d_dot__3fa33efc{-webkit-transition:-webkit-transform var(--duration) ease;-webkit-transition:transform var(--duration) ease;transition:transform var(--duration) ease;}@-webkit-keyframes Dots_styles_ea836d_fadeInRp088ba__3fa33efc{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}}@keyframes Dots_styles_ea836d_fadeInRp088ba__3fa33efc{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}}.Dots_styles_ea836d_rp088ba__3fa33efc .Dots_styles_ea836d_dot__3fa33efc.Dots_styles_ea836d_dotAnimateIn__3fa33efc{-webkit-animation:Dots_styles_ea836d_fadeInRp088ba__3fa33efc var(--half-duration) ease forwards;animation:Dots_styles_ea836d_fadeInRp088ba__3fa33efc var(--half-duration) ease forwards;}@-webkit-keyframes Dots_styles_ea836d_fadeInLastRp088ba__3fa33efc{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}}@keyframes Dots_styles_ea836d_fadeInLastRp088ba__3fa33efc{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}}.Dots_styles_ea836d_rp088ba__3fa33efc .Dots_styles_ea836d_dot__3fa33efc:last-child.Dots_styles_ea836d_dotAnimateIn__3fa33efc{-webkit-animation:Dots_styles_ea836d_fadeInLastRp088ba__3fa33efc var(--half-duration) ease forwards;animation:Dots_styles_ea836d_fadeInLastRp088ba__3fa33efc var(--half-duration) ease forwards;}
|
1005
1006
|
|
1006
1007
|
.PaginationDots_fm2ha5_dut2ldg__db2a2205{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0;list-style:none;}
|
1007
1008
|
|
@@ -6,13 +6,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
});
|
7
7
|
exports.carouselNewRoot = exports.carouselNewConfig = void 0;
|
8
8
|
var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
|
9
|
+
var _Icon = /*#__PURE__*/require("../../_Icon");
|
10
|
+
var _Carousel = /*#__PURE__*/require("./Carousel.tokens");
|
9
11
|
var _base = /*#__PURE__*/require("./variations/_size/base");
|
10
12
|
var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
11
|
-
var
|
13
|
+
var _Carousel2 = /*#__PURE__*/require("./Carousel.styles");
|
12
14
|
var _useCarousel2 = /*#__PURE__*/require("./hooks/useCarousel");
|
13
15
|
var _useDragScroll = /*#__PURE__*/require("./hooks/useDragScroll");
|
14
16
|
var _ui = /*#__PURE__*/require("./ui");
|
15
|
-
var
|
17
|
+
var _IconDisclosureLeft, _IconDisclosureRight;
|
16
18
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
17
19
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
18
20
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
@@ -20,59 +22,70 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
|
|
20
22
|
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
21
23
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
22
24
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
23
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
24
|
-
// import { base, CarouselWrapper, CarouselTrack } from './Carousel.styles';
|
25
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
25
26
|
/**
|
26
27
|
* Компонент для создания списков с прокруткой.
|
27
28
|
*/
|
28
29
|
var carouselNewRoot = exports.carouselNewRoot = function carouselNewRoot(Root) {
|
29
|
-
return /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
|
30
|
-
// @ts-ignore
|
31
|
-
ref) {
|
30
|
+
return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
32
31
|
var view = _ref.view,
|
33
32
|
size = _ref.size,
|
34
|
-
outerIndex = _ref.index,
|
35
33
|
scrollAlign = _ref.scrollAlign,
|
36
|
-
detectActive = _ref.detectActive,
|
37
|
-
detectThreshold = _ref.detectThreshold,
|
38
|
-
onIndexChange = _ref.onIndexChange,
|
39
34
|
children = _ref.children,
|
40
35
|
_ref$isDragScrollDisa = _ref.isDragScrollDisabled,
|
41
36
|
isDragScrollDisabled = _ref$isDragScrollDisa === void 0 ? false : _ref$isDragScrollDisa,
|
42
|
-
|
37
|
+
gap = _ref.gap,
|
38
|
+
paginationOptions = _ref.paginationOptions,
|
39
|
+
className = _ref.className,
|
40
|
+
style = _ref.style;
|
43
41
|
var _useState = (0, _react.useState)(0),
|
44
42
|
_useState2 = _slicedToArray(_useState, 2),
|
45
|
-
|
46
|
-
|
47
|
-
var
|
48
|
-
var
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
}
|
54
|
-
|
55
|
-
// const { scrollRef, trackRef } = useCarousel({
|
43
|
+
index = _useState2[0],
|
44
|
+
setIndex = _useState2[1];
|
45
|
+
var slidesAmount = _react.Children.count(children);
|
46
|
+
var handleClickLeft = function handleClickLeft() {
|
47
|
+
setIndex(Math.max(0, index - 1));
|
48
|
+
};
|
49
|
+
var handleClickRight = function handleClickRight() {
|
50
|
+
setIndex(Math.min(slidesAmount - 1, index + 1));
|
51
|
+
};
|
56
52
|
var _useCarousel = (0, _useCarousel2.useCarousel)({
|
57
53
|
index: index,
|
58
54
|
scrollAlign: scrollAlign,
|
59
|
-
|
60
|
-
detectThreshold: detectThreshold,
|
61
|
-
onIndexChange: onIndexChange
|
55
|
+
onIndexChange: setIndex
|
62
56
|
}),
|
63
|
-
scrollRef = _useCarousel.scrollRef
|
64
|
-
|
65
|
-
// const handleRef = useForkRef(scrollRef, ref);
|
66
|
-
|
57
|
+
scrollRef = _useCarousel.scrollRef,
|
58
|
+
trackRef = _useCarousel.trackRef;
|
67
59
|
(0, _useDragScroll.useDragScroll)(scrollRef, isDragScrollDisabled);
|
68
|
-
var slidesAmount = _react.Children.count(children);
|
69
60
|
return /*#__PURE__*/_react["default"].createElement(Root, {
|
61
|
+
className: className,
|
62
|
+
style: style,
|
70
63
|
size: size,
|
71
64
|
view: view,
|
72
|
-
|
73
|
-
},
|
65
|
+
ref: ref
|
66
|
+
}, /*#__PURE__*/_react["default"].createElement(_Carousel2.ControlsWrapper, null, index !== 0 && /*#__PURE__*/_react["default"].createElement(_Carousel2.IconButton, {
|
67
|
+
pin: "circle-circle",
|
68
|
+
onClick: handleClickLeft
|
69
|
+
}, _IconDisclosureLeft || (_IconDisclosureLeft = /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureLeft, {
|
70
|
+
size: "m",
|
71
|
+
color: "inherit"
|
72
|
+
}))), /*#__PURE__*/_react["default"].createElement(_Carousel2.CarouselWrapper, {
|
73
|
+
ref: scrollRef
|
74
|
+
}, /*#__PURE__*/_react["default"].createElement(_Carousel2.CarouselTrack, {
|
75
|
+
ref: trackRef
|
76
|
+
// aria-live={ariaLive}
|
77
|
+
,
|
78
|
+
gap: gap
|
79
|
+
}, children)), index !== slidesAmount - 1 && /*#__PURE__*/_react["default"].createElement(_Carousel2.IconButton, {
|
80
|
+
className: _Carousel.classes.rightControlButton,
|
81
|
+
pin: "circle-circle",
|
82
|
+
onClick: handleClickRight
|
83
|
+
}, _IconDisclosureRight || (_IconDisclosureRight = /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
|
84
|
+
size: "m",
|
85
|
+
color: "inherit"
|
86
|
+
})))), !(paginationOptions !== null && paginationOptions !== void 0 && paginationOptions.disabled) && /*#__PURE__*/_react["default"].createElement(_ui.Dots, {
|
74
87
|
index: index,
|
75
|
-
onChange:
|
88
|
+
onChange: setIndex,
|
76
89
|
visibleCount: (paginationOptions === null || paginationOptions === void 0 ? void 0 : paginationOptions.visibleDots) || slidesAmount,
|
77
90
|
count: slidesAmount,
|
78
91
|
centered: (paginationOptions === null || paginationOptions === void 0 ? void 0 : paginationOptions.centered) || false
|
@@ -83,7 +96,7 @@ var carouselNewConfig = exports.carouselNewConfig = {
|
|
83
96
|
name: 'Carousel',
|
84
97
|
tag: 'div',
|
85
98
|
layout: carouselNewRoot,
|
86
|
-
base:
|
99
|
+
base: _Carousel2.base,
|
87
100
|
variations: {
|
88
101
|
view: {
|
89
102
|
css: _base2.base
|