@bbl-digital/snorre 3.1.54 → 3.1.56
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/bundle.js +70 -44
- package/esm/core/ImageCarousel/index.js +70 -0
- package/esm/core/ImageCarousel/styles.js +58 -0
- package/esm/core/InfoButton/index.js +2 -1
- package/esm/core/Select/index.js +16 -2
- package/esm/core/Select/styles.js +37 -24
- package/esm/enums/ModifierKey.js +13 -0
- package/esm/illustrations/MySite/IllustrationMySiteAssociation.js +2 -2
- package/esm/illustrations/MySite/IllustrationMySiteCooperative.js +2 -2
- package/esm/illustrations/MySite/IllustrationMySiteDashboard.js +7 -7
- package/esm/illustrations/MySite/IllustrationMySiteMailbox.js +4 -4
- package/lib/core/ImageCarousel/index.d.ts +11 -0
- package/lib/core/ImageCarousel/index.d.ts.map +1 -0
- package/lib/core/ImageCarousel/index.js +70 -0
- package/lib/core/ImageCarousel/styles.d.ts +26 -0
- package/lib/core/ImageCarousel/styles.d.ts.map +1 -0
- package/lib/core/ImageCarousel/styles.js +58 -0
- package/lib/core/InfoButton/index.d.ts +2 -0
- package/lib/core/InfoButton/index.d.ts.map +1 -1
- package/lib/core/InfoButton/index.js +2 -1
- package/lib/core/Select/index.d.ts +4 -0
- package/lib/core/Select/index.d.ts.map +1 -1
- package/lib/core/Select/index.js +16 -2
- package/lib/core/Select/styles.d.ts +3 -0
- package/lib/core/Select/styles.d.ts.map +1 -1
- package/lib/core/Select/styles.js +37 -24
- package/lib/enums/ModifierKey.d.ts +12 -0
- package/lib/enums/ModifierKey.d.ts.map +1 -0
- package/lib/enums/ModifierKey.js +13 -0
- package/lib/illustrations/MySite/IllustrationMySiteAssociation.js +2 -2
- package/lib/illustrations/MySite/IllustrationMySiteCooperative.js +2 -2
- package/lib/illustrations/MySite/IllustrationMySiteDashboard.js +7 -7
- package/lib/illustrations/MySite/IllustrationMySiteMailbox.js +4 -4
- package/package.json +1 -1
- package/esm/core/Autocomplete/index.d.js +0 -1
- package/esm/core/DatepickerRange/YearMonthForm.js +0 -56
- package/lib/core/Autocomplete/index.d.js +0 -1
- package/lib/core/DatepickerRange/YearMonthForm.d.ts +0 -10
- package/lib/core/DatepickerRange/YearMonthForm.d.ts.map +0 -1
- package/lib/core/DatepickerRange/YearMonthForm.js +0 -56
@@ -0,0 +1,70 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { useTheme } from '@emotion/react';
|
3
|
+
import Carousel from 'nuka-carousel';
|
4
|
+
import { BottomCarouselWrapper, CarouselWrapper, ControlButton, ImageWrapper } from './styles';
|
5
|
+
import Image from '../Image';
|
6
|
+
import IconChevronLeft from '../../icons/General/IconChevronLeft';
|
7
|
+
import Text from '../Text';
|
8
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
9
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
10
|
+
|
11
|
+
const ImageCarousel = ({
|
12
|
+
images,
|
13
|
+
objectFit,
|
14
|
+
height = '340px',
|
15
|
+
className
|
16
|
+
}) => {
|
17
|
+
const theme = useTheme();
|
18
|
+
const hasMultipleImages = Boolean(images.length);
|
19
|
+
return /*#__PURE__*/_jsx(CarouselWrapper, {
|
20
|
+
height: height,
|
21
|
+
theme: theme,
|
22
|
+
className: className,
|
23
|
+
children: /*#__PURE__*/_jsx(Carousel, {
|
24
|
+
enableKeyboardControls: true,
|
25
|
+
swiping: true,
|
26
|
+
wrapAround: true,
|
27
|
+
cellSpacing: 8,
|
28
|
+
renderCenterRightControls: ({
|
29
|
+
nextSlide
|
30
|
+
}) => hasMultipleImages && /*#__PURE__*/_jsx(ControlButton, {
|
31
|
+
onClick: nextSlide,
|
32
|
+
direction: "right",
|
33
|
+
children: /*#__PURE__*/_jsx(IconChevronLeft, {
|
34
|
+
size: 18,
|
35
|
+
color: theme.btnDefaultFontColor,
|
36
|
+
flip: true
|
37
|
+
})
|
38
|
+
}),
|
39
|
+
renderCenterLeftControls: ({
|
40
|
+
previousSlide
|
41
|
+
}) => hasMultipleImages && /*#__PURE__*/_jsx(ControlButton, {
|
42
|
+
onClick: previousSlide,
|
43
|
+
direction: "left",
|
44
|
+
children: /*#__PURE__*/_jsx(IconChevronLeft, {
|
45
|
+
size: 18,
|
46
|
+
color: theme.btnDefaultFontColor
|
47
|
+
})
|
48
|
+
}),
|
49
|
+
renderBottomCenterControls: ({
|
50
|
+
currentSlide
|
51
|
+
}) => /*#__PURE__*/_jsx(BottomCarouselWrapper, {
|
52
|
+
children: /*#__PURE__*/_jsxs(Text, {
|
53
|
+
color: theme.btnDefaultFontColor,
|
54
|
+
size: "14px",
|
55
|
+
children: [currentSlide + 1, " / ", images.length]
|
56
|
+
})
|
57
|
+
}),
|
58
|
+
children: images.map((image, index) => /*#__PURE__*/_jsx(ImageWrapper, {
|
59
|
+
height: height,
|
60
|
+
children: /*#__PURE__*/_jsx(Image, {
|
61
|
+
src: image,
|
62
|
+
alt: "bilde",
|
63
|
+
objectFit: objectFit
|
64
|
+
})
|
65
|
+
}, index))
|
66
|
+
})
|
67
|
+
});
|
68
|
+
};
|
69
|
+
|
70
|
+
export default ImageCarousel;
|
@@ -0,0 +1,58 @@
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
2
|
+
|
3
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
4
|
+
|
5
|
+
import { css } from '@emotion/react';
|
6
|
+
const background = 'rgba(0, 0, 0, 0.5)';
|
7
|
+
export const CarouselWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
8
|
+
target: "e104918b3"
|
9
|
+
} : {
|
10
|
+
target: "e104918b3",
|
11
|
+
label: "CarouselWrapper"
|
12
|
+
})(({
|
13
|
+
height,
|
14
|
+
theme
|
15
|
+
}) => /*#__PURE__*/css("box-shadow:", theme.shadowSmall, ";width:100%;height:100%;max-height:", height, ";display:flex;align-items:baseline;border-radius:4px;overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : ";label:CarouselWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU04RCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9JbWFnZUNhcm91c2VsL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCwgdGhlbWUgfTogeyBoZWlnaHQ6IHN0cmluZzsgdGhlbWU6IFRoZW1lIH0pID0+IGNzc2BcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd1NtYWxsfTtcblxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xCdXR0b24gPSBzdHlsZWQuYnV0dG9uKFxuICAoeyBkaXJlY3Rpb24gfTogeyBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICR7ZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIG1hcmdpbi1yaWdodDogM3B4O1xuICAgICAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBCb3R0b21DYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuYFxuXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgaGVpZ2h0IH06IHsgaGVpZ2h0OiBzdHJpbmcgfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgJiBpbWcge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuICBgXG4pXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUsrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9JbWFnZUNhcm91c2VsL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCwgdGhlbWUgfTogeyBoZWlnaHQ6IHN0cmluZzsgdGhlbWU6IFRoZW1lIH0pID0+IGNzc2BcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd1NtYWxsfTtcblxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xCdXR0b24gPSBzdHlsZWQuYnV0dG9uKFxuICAoeyBkaXJlY3Rpb24gfTogeyBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICR7ZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIG1hcmdpbi1yaWdodDogM3B4O1xuICAgICAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBCb3R0b21DYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuYFxuXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgaGVpZ2h0IH06IHsgaGVpZ2h0OiBzdHJpbmcgfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgJiBpbWcge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuICBgXG4pXG4iXX0= */");
|
16
|
+
|
17
|
+
var _ref = process.env.NODE_ENV === "production" ? {
|
18
|
+
name: "1pt2o8x",
|
19
|
+
styles: "margin-right:3px"
|
20
|
+
} : {
|
21
|
+
name: "9g5zwe-ControlButton",
|
22
|
+
styles: "margin-right:3px;label:ControlButton;",
|
23
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCVyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9JbWFnZUNhcm91c2VsL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCwgdGhlbWUgfTogeyBoZWlnaHQ6IHN0cmluZzsgdGhlbWU6IFRoZW1lIH0pID0+IGNzc2BcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd1NtYWxsfTtcblxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xCdXR0b24gPSBzdHlsZWQuYnV0dG9uKFxuICAoeyBkaXJlY3Rpb24gfTogeyBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICR7ZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIG1hcmdpbi1yaWdodDogM3B4O1xuICAgICAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBCb3R0b21DYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuYFxuXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgaGVpZ2h0IH06IHsgaGVpZ2h0OiBzdHJpbmcgfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgJiBpbWcge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuICBgXG4pXG4iXX0= */",
|
24
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
25
|
+
};
|
26
|
+
|
27
|
+
var _ref2 = process.env.NODE_ENV === "production" ? {
|
28
|
+
name: "1i7v2bx",
|
29
|
+
styles: "margin-left:3px"
|
30
|
+
} : {
|
31
|
+
name: "1arqgkz-ControlButton",
|
32
|
+
styles: "margin-left:3px;label:ControlButton;",
|
33
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCVyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9JbWFnZUNhcm91c2VsL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCwgdGhlbWUgfTogeyBoZWlnaHQ6IHN0cmluZzsgdGhlbWU6IFRoZW1lIH0pID0+IGNzc2BcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd1NtYWxsfTtcblxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xCdXR0b24gPSBzdHlsZWQuYnV0dG9uKFxuICAoeyBkaXJlY3Rpb24gfTogeyBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICR7ZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIG1hcmdpbi1yaWdodDogM3B4O1xuICAgICAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBCb3R0b21DYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuYFxuXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgaGVpZ2h0IH06IHsgaGVpZ2h0OiBzdHJpbmcgfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgJiBpbWcge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuICBgXG4pXG4iXX0= */",
|
34
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
35
|
+
};
|
36
|
+
|
37
|
+
export const ControlButton = _styled("button", process.env.NODE_ENV === "production" ? {
|
38
|
+
target: "e104918b2"
|
39
|
+
} : {
|
40
|
+
target: "e104918b2",
|
41
|
+
label: "ControlButton"
|
42
|
+
})(({
|
43
|
+
direction
|
44
|
+
}) => /*#__PURE__*/css("background-color:", background, ";border:none;border-radius:50%;padding:0.75em;cursor:pointer;", direction === 'left' ? _ref2 : _ref, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ControlButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CeUQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2VDYXJvdXNlbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgYmFja2dyb3VuZCA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoeyBoZWlnaHQsIHRoZW1lIH06IHsgaGVpZ2h0OiBzdHJpbmc7IHRoZW1lOiBUaGVtZSB9KSA9PiBjc3NgXG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dTbWFsbH07XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250cm9sQnV0dG9uID0gc3R5bGVkLmJ1dHRvbihcbiAgKHsgZGlyZWN0aW9uIH06IHsgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnIH0pID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogM3B4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNweDtcbiAgICAgICAgYH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQm90dG9tQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kfTtcbmBcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCB9OiB7IGhlaWdodDogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgc2NhbGU6IDEuMDE1O1xuICAgIH1cbiAgYFxuKVxuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CNkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2VDYXJvdXNlbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgYmFja2dyb3VuZCA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoeyBoZWlnaHQsIHRoZW1lIH06IHsgaGVpZ2h0OiBzdHJpbmc7IHRoZW1lOiBUaGVtZSB9KSA9PiBjc3NgXG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dTbWFsbH07XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250cm9sQnV0dG9uID0gc3R5bGVkLmJ1dHRvbihcbiAgKHsgZGlyZWN0aW9uIH06IHsgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnIH0pID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogM3B4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNweDtcbiAgICAgICAgYH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQm90dG9tQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kfTtcbmBcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCB9OiB7IGhlaWdodDogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgc2NhbGU6IDEuMDE1O1xuICAgIH1cbiAgYFxuKVxuIl19 */");
|
45
|
+
export const BottomCarouselWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
46
|
+
target: "e104918b1"
|
47
|
+
} : {
|
48
|
+
target: "e104918b1",
|
49
|
+
label: "BottomCarouselWrapper"
|
50
|
+
})("display:flex;justify-content:center;padding:0.25em 1em;border-radius:5px;background-color:", background, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DK0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2VDYXJvdXNlbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgYmFja2dyb3VuZCA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoeyBoZWlnaHQsIHRoZW1lIH06IHsgaGVpZ2h0OiBzdHJpbmc7IHRoZW1lOiBUaGVtZSB9KSA9PiBjc3NgXG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dTbWFsbH07XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250cm9sQnV0dG9uID0gc3R5bGVkLmJ1dHRvbihcbiAgKHsgZGlyZWN0aW9uIH06IHsgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnIH0pID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogM3B4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNweDtcbiAgICAgICAgYH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQm90dG9tQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kfTtcbmBcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCB9OiB7IGhlaWdodDogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgc2NhbGU6IDEuMDE1O1xuICAgIH1cbiAgYFxuKVxuIl19 */"));
|
51
|
+
export const ImageWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
52
|
+
target: "e104918b0"
|
53
|
+
} : {
|
54
|
+
target: "e104918b0",
|
55
|
+
label: "ImageWrapper"
|
56
|
+
})(({
|
57
|
+
height
|
58
|
+
}) => /*#__PURE__*/css("display:flex;height:100%;& img{width:100%;max-height:", height, ";scale:1.015;}" + (process.env.NODE_ENV === "production" ? "" : ";label:ImageWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDeUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2VDYXJvdXNlbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgYmFja2dyb3VuZCA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoeyBoZWlnaHQsIHRoZW1lIH06IHsgaGVpZ2h0OiBzdHJpbmc7IHRoZW1lOiBUaGVtZSB9KSA9PiBjc3NgXG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dTbWFsbH07XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250cm9sQnV0dG9uID0gc3R5bGVkLmJ1dHRvbihcbiAgKHsgZGlyZWN0aW9uIH06IHsgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnIH0pID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogM3B4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNweDtcbiAgICAgICAgYH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQm90dG9tQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kfTtcbmBcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCB9OiB7IGhlaWdodDogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgc2NhbGU6IDEuMDE1O1xuICAgIH1cbiAgYFxuKVxuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0ltYWdlQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDNEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSW1hZ2VDYXJvdXNlbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgYmFja2dyb3VuZCA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoeyBoZWlnaHQsIHRoZW1lIH06IHsgaGVpZ2h0OiBzdHJpbmc7IHRoZW1lOiBUaGVtZSB9KSA9PiBjc3NgXG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dTbWFsbH07XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250cm9sQnV0dG9uID0gc3R5bGVkLmJ1dHRvbihcbiAgKHsgZGlyZWN0aW9uIH06IHsgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnIH0pID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogM3B4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNweDtcbiAgICAgICAgYH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQm90dG9tQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kfTtcbmBcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCB9OiB7IGhlaWdodDogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgc2NhbGU6IDEuMDE1O1xuICAgIH1cbiAgYFxuKVxuIl19 */");
|
package/esm/core/Select/index.js
CHANGED
@@ -3,6 +3,8 @@ import React, { useState, createRef, useEffect } from 'react';
|
|
3
3
|
import Option from './Option';
|
4
4
|
import { SelectWrapper, OptionsWrapper, styles, StyledLabel } from './styles';
|
5
5
|
import { IconChevronDown, Button, List } from '../..';
|
6
|
+
import InfoButton from '../InfoButton';
|
7
|
+
import IconHelp from '../../icons/General/IconHelp';
|
6
8
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
7
9
|
import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
8
10
|
export { Option };
|
@@ -24,6 +26,8 @@ const Select = ({
|
|
24
26
|
label,
|
25
27
|
closeKey,
|
26
28
|
className,
|
29
|
+
info,
|
30
|
+
infoPlacement = 'left',
|
27
31
|
...props
|
28
32
|
}) => {
|
29
33
|
const ref = /*#__PURE__*/createRef();
|
@@ -69,6 +73,7 @@ const Select = ({
|
|
69
73
|
};
|
70
74
|
|
71
75
|
const Label = _jsx(StyledLabel, {
|
76
|
+
withInfo: Boolean(info),
|
72
77
|
children: label
|
73
78
|
});
|
74
79
|
|
@@ -76,7 +81,16 @@ const Select = ({
|
|
76
81
|
ref: ref,
|
77
82
|
className: className,
|
78
83
|
css: theme => [styles.default, input && styles.input(theme), input && open && styles.open(theme), type === 'primary10' && styles.primary10(theme), icon && styles.withIcon, type === 'opacity08' && styles.opacity08(theme), width && styles.width(width), maxHeight && styles.maxHeight(maxHeight), customStyle && customStyle, open && customOpenstyle && customOpenstyle, disabled && styles.disabled(theme)],
|
79
|
-
children: [input && label && Label, _jsx(
|
84
|
+
children: [input && label && Label, info && _jsx("span", {
|
85
|
+
css: styles.infoButton,
|
86
|
+
children: _jsx(InfoButton, {
|
87
|
+
icon: _jsx(IconHelp, {
|
88
|
+
primary: true
|
89
|
+
}),
|
90
|
+
place: infoPlacement,
|
91
|
+
children: info
|
92
|
+
})
|
93
|
+
}), _jsx(Button, {
|
80
94
|
nostyle: true,
|
81
95
|
afterIcon: _jsx(IconChevronDown, {
|
82
96
|
flipVertical: open,
|
@@ -90,7 +104,7 @@ const Select = ({
|
|
90
104
|
tabIndex: disabled ? -1 : undefined,
|
91
105
|
children: props.selectedValue ? props.selectedValue : props.text || ''
|
92
106
|
}), _jsx(OptionsWrapper, {
|
93
|
-
css: [input && styles.inputstyle(!!label), optionsWidth && styles.optionsWidth(optionsWidth), process.env.NODE_ENV === "production" ? "" : ";label:NonNative;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
107
|
+
css: [input && styles.inputstyle(!!label), optionsWidth && styles.optionsWidth(optionsWidth), process.env.NODE_ENV === "production" ? "" : ";label:NonNative;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlbGVjdC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUtRIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlbGVjdC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeEltcG9ydFNvdXJjZSBAZW1vdGlvbi9yZWFjdCAqL1xuaW1wb3J0IFJlYWN0LCB7XG4gIFJlYWN0Tm9kZUFycmF5LFxuICBSZWFjdEVsZW1lbnQsXG4gIHVzZVN0YXRlLFxuICBjcmVhdGVSZWYsXG4gIHVzZUVmZmVjdCxcbn0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgT3B0aW9uIGZyb20gJy4vT3B0aW9uJ1xuaW1wb3J0IHsgU2VsZWN0V3JhcHBlciwgT3B0aW9uc1dyYXBwZXIsIHN0eWxlcywgU3R5bGVkTGFiZWwgfSBmcm9tICcuL3N0eWxlcydcbmltcG9ydCB7IEljb25DaGV2cm9uRG93biwgQnV0dG9uLCBMaXN0IH0gZnJvbSAnLi4vLi4nXG5pbXBvcnQgSW5mb0J1dHRvbiBmcm9tICcuLi9JbmZvQnV0dG9uJ1xuaW1wb3J0IEljb25IZWxwIGZyb20gJy4uLy4uL2ljb25zL0dlbmVyYWwvSWNvbkhlbHAnXG5cbmV4cG9ydCB7IE9wdGlvbiB9XG5cbmludGVyZmFjZSBJUHJvcHMge1xuICAvKiogVGV4dCB3aGVuIG5vIG9wdGlvbiBhcmUgc2VsZWN0ZWQgKi9cbiAgdGV4dD86IHN0cmluZ1xuICAvKiogQ3VycmVudCBzZWxlY3RlZCB2YWx1ZS4gTGVhdmUgZW1wdHkgZm9yIGRlZmF1bHQgdGV4dC4gKi9cbiAgc2VsZWN0ZWRWYWx1ZT86IHN0cmluZ1xuICAvKiogU3R5bGUgYXMgYW4gaW5wdXQgKi9cbiAgaW5wdXQ/OiBib29sZWFuXG4gIC8qKiBBZGRzIGEgbGFiZWwgaWYgaW5wdXQgaXMgc2VsZWN0ZWQgICovXG4gIGxhYmVsPzogc3RyaW5nXG4gIC8qKiBDYWxsYmFjayBoYW5kbGVyIGZvciB3aGVuIGNsaWNraW5nIG9wdGlvbiBlbGVtZW50LiAqL1xuICBvbkNoYW5nZT86ICh2YWx1ZTogc3RyaW5nKSA9PiBhbnlcbiAgLyoqIE9wdGlvbi1lbGVtZW50cywgc2VsZWN0IGxpc3QgY29udGVudCAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlQXJyYXlcbiAgLyoqIEFkZHMgaWNvbiB0byBzZWxlY3QgICovXG4gIGljb24/OiBSZWFjdC5SZWFjdE5vZGVcbiAgLyoqIFR5cGUgb2Ygc2VsZWN0LCBkZWZhdWx0IGlzIHRyYW5zcGFyZW50LCBwcmltYXJ5MTAgYWRkcyBwcmltYXJ5IGJhY2tncm91bmQgd2l0aCAxMCBvcGFjaXR5ICovXG4gIHR5cGU/OiAnZGVmYXVsdCcgfCAncHJpbWFyeTEwJyB8ICdvcGFjaXR5MDgnXG4gIC8qKiBVc2UgbmF0aXZlIHNlbGVjdG9yICovXG4gIG5hdGl2ZT86IGJvb2xlYW5cbiAgLyoqIFNlbGVjdCBidXR0b24gd2lkdGggKi9cbiAgd2lkdGg/OiBzdHJpbmdcbiAgLyoqIE9wdGlvbnMgY29udGVudCB3aWR0aCAqL1xuICBvcHRpb25zV2lkdGg/OiBzdHJpbmdcbiAgLyoqIE9wdGlvbnMgbWF4IGhlaWdodC4gSWYgc2V0IHdpbGwgc2V0IG92ZXJmbG93LXkgdG8gc2Nyb2xsLiAqL1xuICBtYXhIZWlnaHQ/OiBzdHJpbmdcbiAgLyoqIEF1dG9mb2N1cyAqL1xuICBmb2N1cz86IGJvb2xlYW5cbiAgLyoqIEFkZCBjdXN0b20gY3NzIHRvIHNlbGVjdCB3aGVuIGluIG9wZW4gc3RhdGUgKi9cbiAgY3VzdG9tT3BlbnN0eWxlPzogU2VyaWFsaXplZFN0eWxlc1xuICAvKiogT3ZlcnJpZGUgd2l0aCBjdXN0b20gQ1NTICovXG4gIGN1c3RvbVN0eWxlPzogU2VyaWFsaXplZFN0eWxlc1xuICAvKiogQWRkIGEgZGF0YS10cmFja2luZy1ldmVudCBhdHRyaWJ1dGUuICovXG4gIHRyYWNraW5nRXZlbnQ/OiBzdHJpbmdcbiAgLyoqIEFkZCBhIGRhdGEtdHJhY2tpbmctbmFtZSBhdHRyaWJ1dGUuICovXG4gIHRyYWNraW5nTmFtZT86IHN0cmluZ1xuICAvKiogU2VsZWN0IGlzIGRpc2FibGVkLiAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgLyoqIE1hbnVhbCBjbG9zZSBieSBjaGFuZ2luZyBjbG9zZUtleSBleHRlcm5hbGx5ICovXG4gIGNsb3NlS2V5Pzogc3RyaW5nXG4gIC8qKiBBZGQgY2xhc3NuYW1lICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAvKiogQWRkcyBpbmZvLXRleHQgYnV0dG9uICovXG4gIGluZm8/OiBzdHJpbmdcbiAgLyoqIFdoZXJlIHRoZSBpbmZvIHRvb2x0aXAgd2lsbCBiZSBwbGFjZWQgcmVsYXRpdmUgdG8gdGhlIGJ1dHRvbiBAZGVmYXVsdCBsZWZ0ICovXG4gIGluZm9QbGFjZW1lbnQ/OiAndG9wJyB8ICdsZWZ0JyB8ICdyaWdodCcgfCAnYm90dG9tJ1xufVxuXG5jb25zdCBTZWxlY3Q6IFJlYWN0LkZDPElQcm9wcz4gPSAoe1xuICBpbnB1dCxcbiAgaWNvbixcbiAgdHlwZSA9ICdkZWZhdWx0JyxcbiAgbmF0aXZlLFxuICBvcHRpb25zV2lkdGgsXG4gIHdpZHRoLFxuICBtYXhIZWlnaHQsXG4gIGZvY3VzLFxuICBjdXN0b21PcGVuc3R5bGUsXG4gIGN1c3RvbVN0eWxlLFxuICB0cmFja2luZ0V2ZW50LFxuICB0cmFja2luZ05hbWUsXG4gIGRpc2FibGVkLFxuICBsYWJlbCxcbiAgY2xvc2VLZXksXG4gIGNsYXNzTmFtZSxcbiAgaW5mbyxcbiAgaW5mb1BsYWNlbWVudCA9ICdsZWZ0JyxcbiAgLi4ucHJvcHNcbn06IElQcm9wcykgPT4ge1xuICBjb25zdCByZWYgPSBjcmVhdGVSZWY8SFRNTFNwYW5FbGVtZW50PigpXG4gIGNvbnN0IFtvcGVuLCB0b2dnbGVPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKVxuXG4gIGNvbnN0IG9uQ2xpY2sgPSBmdW5jdGlvbiAoKSB7XG4gICAgdG9nZ2xlT3Blbighb3BlbiAmJiAhZGlzYWJsZWQpXG4gIH1cblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChjbG9zZUtleSkge1xuICAgICAgdG9nZ2xlT3BlbihmYWxzZSlcbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbY2xvc2VLZXldKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgaGFuZGxlQ2xpY2tPdXRzaWRlID0gKGU6IGFueSkgPT4ge1xuICAgICAgY29uc3Qgbm9kZSA9IHJlZi5jdXJyZW50XG4gICAgICBpZiAobm9kZSAmJiBub2RlLmNvbnRhaW5zKGUudGFyZ2V0KSkge1xuICAgICAgICByZXR1cm5cbiAgICAgIH1cbiAgICAgIHRvZ2dsZU9wZW4oZmFsc2UpXG4gICAgfVxuXG4gICAgaWYgKG9wZW4pIHtcbiAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICB9IGVsc2Uge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKVxuICAgIH1cblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpXG4gICAgfVxuICB9LCBbb3BlbiwgcmVmXSlcblxuICBjb25zdCBvbkNoYW5nZSA9ICh2YWx1ZTogc3RyaW5nKSA9PiB7XG4gICAgaWYgKHByb3BzLm9uQ2hhbmdlICYmICFkaXNhYmxlZCkge1xuICAgICAgcHJvcHMub25DaGFuZ2UodmFsdWUpXG4gICAgICB0b2dnbGVPcGVuKGZhbHNlKVxuICAgIH1cbiAgfVxuXG4gIGNvbnN0IExhYmVsID0gPFN0eWxlZExhYmVsIHdpdGhJbmZvPXtCb29sZWFuKGluZm8pfT57bGFiZWx9PC9TdHlsZWRMYWJlbD5cblxuICBjb25zdCBOb25OYXRpdmUgPSAoXG4gICAgPFNlbGVjdFdyYXBwZXJcbiAgICAgIHJlZj17cmVmfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9eyh0aGVtZSkgPT4gW1xuICAgICAgICBzdHlsZXMuZGVmYXVsdCxcbiAgICAgICAgaW5wdXQgJiYgc3R5bGVzLmlucHV0KHRoZW1lKSxcbiAgICAgICAgaW5wdXQgJiYgb3BlbiAmJiBzdHlsZXMub3Blbih0aGVtZSksXG4gICAgICAgIHR5cGUgPT09ICdwcmltYXJ5MTAnICYmIHN0eWxlcy5wcmltYXJ5MTAodGhlbWUpLFxuICAgICAgICBpY29uICYmIHN0eWxlcy53aXRoSWNvbixcbiAgICAgICAgdHlwZSA9PT0gJ29wYWNpdHkwOCcgJiYgc3R5bGVzLm9wYWNpdHkwOCh0aGVtZSksXG4gICAgICAgIHdpZHRoICYmIHN0eWxlcy53aWR0aCh3aWR0aCksXG4gICAgICAgIG1heEhlaWdodCAmJiBzdHlsZXMubWF4SGVpZ2h0KG1heEhlaWdodCksXG4gICAgICAgIGN1c3RvbVN0eWxlICYmIGN1c3RvbVN0eWxlLFxuICAgICAgICBvcGVuICYmIGN1c3RvbU9wZW5zdHlsZSAmJiBjdXN0b21PcGVuc3R5bGUsXG4gICAgICAgIGRpc2FibGVkICYmIHN0eWxlcy5kaXNhYmxlZCh0aGVtZSksXG4gICAgICBdfVxuICAgID5cbiAgICAgIHtpbnB1dCAmJiBsYWJlbCAmJiBMYWJlbH1cbiAgICAgIHtpbmZvICYmIChcbiAgICAgICAgPHNwYW4gY3NzPXtzdHlsZXMuaW5mb0J1dHRvbn0+XG4gICAgICAgICAgPEluZm9CdXR0b24gaWNvbj17PEljb25IZWxwIHByaW1hcnkgLz59IHBsYWNlPXtpbmZvUGxhY2VtZW50fT5cbiAgICAgICAgICAgIHtpbmZvfVxuICAgICAgICAgIDwvSW5mb0J1dHRvbj5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgKX1cbiAgICAgIDxCdXR0b25cbiAgICAgICAgbm9zdHlsZVxuICAgICAgICBhZnRlckljb249ezxJY29uQ2hldnJvbkRvd24gZmxpcFZlcnRpY2FsPXtvcGVufSBzaXplPXsxNH0gLz59XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgIGJlZm9yZUljb249e2ljb259XG4gICAgICAgIGF1dG9Gb2N1cz17Zm9jdXN9XG4gICAgICAgIHRyYWNraW5nTmFtZT17dHJhY2tpbmdOYW1lfVxuICAgICAgICB0cmFja2luZ0V2ZW50PXt0cmFja2luZ0V2ZW50fVxuICAgICAgICB0YWJJbmRleD17ZGlzYWJsZWQgPyAtMSA6IHVuZGVmaW5lZH1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLnNlbGVjdGVkVmFsdWUgPyBwcm9wcy5zZWxlY3RlZFZhbHVlIDogcHJvcHMudGV4dCB8fCAnJ31cbiAgICAgIDwvQnV0dG9uPlxuICAgICAgPE9wdGlvbnNXcmFwcGVyXG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGlucHV0ICYmIHN0eWxlcy5pbnB1dHN0eWxlKCEhbGFiZWwpLFxuICAgICAgICAgIG9wdGlvbnNXaWR0aCAmJiBzdHlsZXMub3B0aW9uc1dpZHRoKG9wdGlvbnNXaWR0aCksXG4gICAgICAgIF19XG4gICAgICA+XG4gICAgICAgIHtvcGVuID8gKFxuICAgICAgICAgIDxMaXN0IHNlbGVjdExpc3Q+XG4gICAgICAgICAgICB7cHJvcHMuY2hpbGRyZW5cbiAgICAgICAgICAgICAgLmZpbHRlcigoeCkgPT4geClcbiAgICAgICAgICAgICAgLm1hcCgoY2hpbGQsIGtleSkgPT4ge1xuICAgICAgICAgICAgICAgIGlmICghY2hpbGQpIHtcbiAgICAgICAgICAgICAgICAgIHJldHVybiBudWxsXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHJldHVybiBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGQgYXMgUmVhY3RFbGVtZW50LCB7XG4gICAgICAgICAgICAgICAgICBvbkNoYW5nZTogb25DaGFuZ2UsXG4gICAgICAgICAgICAgICAgICBrZXksXG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgPC9MaXN0PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvT3B0aW9uc1dyYXBwZXI+XG4gICAgPC9TZWxlY3RXcmFwcGVyPlxuICApXG5cbiAgY29uc3QgTmF0aXZlID0gKFxuICAgIDxzZWxlY3RcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXsodGhlbWUpID0+IFtcbiAgICAgICAgc3R5bGVzLmRlZmF1bHQsXG4gICAgICAgIGlucHV0ICYmIHN0eWxlcy5pbnB1dCh0aGVtZSksXG4gICAgICAgIGlucHV0ICYmIG9wZW4gJiYgc3R5bGVzLm9wZW4odGhlbWUpLFxuICAgICAgICB0eXBlID09PSAncHJpbWFyeTEwJyAmJiBzdHlsZXMucHJpbWFyeTEwKHRoZW1lKSxcbiAgICAgICAgaWNvbiAmJiBzdHlsZXMud2l0aEljb24sXG4gICAgICBdfVxuICAgICAgdmFsdWU9e3Byb3BzLnNlbGVjdGVkVmFsdWUgPyBwcm9wcy5zZWxlY3RlZFZhbHVlIDogcHJvcHMudGV4dCB8fCAnJ31cbiAgICAgIG9uQ2hhbmdlPXsoZSkgPT4gb25DaGFuZ2UoZS50YXJnZXQudmFsdWUpfVxuICAgID5cbiAgICAgIHtwcm9wcy5jaGlsZHJlblxuICAgICAgICAuZmlsdGVyKCh4KSA9PiB4KVxuICAgICAgICAubWFwKChjaGlsZDogYW55LCBrZXk6IGFueSkgPT4ge1xuICAgICAgICAgIGlmICghY2hpbGQpIHtcbiAgICAgICAgICAgIHJldHVybiBudWxsXG4gICAgICAgICAgfVxuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8b3B0aW9uIGtleT17a2V5fSB2YWx1ZT17Y2hpbGQucHJvcHMudmFsdWV9PlxuICAgICAgICAgICAgICB7Y2hpbGQucHJvcHMuY2hpbGRyZW59XG4gICAgICAgICAgICA8L29wdGlvbj5cbiAgICAgICAgICApXG4gICAgICAgIH0pfVxuICAgIDwvc2VsZWN0PlxuICApXG5cbiAgcmV0dXJuIG5hdGl2ZSA/IE5hdGl2ZSA6IE5vbk5hdGl2ZVxufVxuXG5leHBvcnQgZGVmYXVsdCBTZWxlY3RcbiJdfQ== */"],
|
94
108
|
children: open ? _jsx(List, {
|
95
109
|
selectList: true,
|
96
110
|
children: props.children.filter(x => x).map((child, key) => {
|