@ultraviolet/ui 1.51.2 → 1.51.3
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/dist/components/ActionBar/index.js +16 -26
- package/dist/components/Alert/index.js +77 -88
- package/dist/components/Avatar/index.js +29 -26
- package/dist/components/Badge/index.js +36 -52
- package/dist/components/Banner/index.js +64 -139
- package/dist/components/BarChart/Tooltip.js +23 -18
- package/dist/components/BarChart/index.js +29 -42
- package/dist/components/BarStack/index.js +89 -163
- package/dist/components/Breadcrumbs/index.js +30 -33
- package/dist/components/Bullet/index.js +24 -28
- package/dist/components/Button/index.js +117 -159
- package/dist/components/Card/index.js +45 -52
- package/dist/components/Carousel/index.js +75 -99
- package/dist/components/Checkbox/index.js +246 -343
- package/dist/components/CheckboxGroup/index.js +60 -56
- package/dist/components/CopyButton/index.js +1 -15
- package/dist/components/DateInput/index.js +124 -243
- package/dist/components/Dialog/Context.js +1 -3
- package/dist/components/Dialog/index.js +22 -43
- package/dist/components/Dialog/subComponents/Button.js +1 -10
- package/dist/components/Dialog/subComponents/Stack.js +3 -1
- package/dist/components/Dialog/subComponents/Text.js +3 -1
- package/dist/components/EmptyState/index.js +58 -50
- package/dist/components/Expandable/index.js +19 -23
- package/dist/components/GlobalAlert/GlobalAlertLink.js +4 -20
- package/dist/components/GlobalAlert/index.js +34 -87
- package/dist/components/LineChart/CustomLegend.js +76 -72
- package/dist/components/LineChart/Tooltip.js +26 -37
- package/dist/components/LineChart/helpers.js +11 -9
- package/dist/components/LineChart/index.js +38 -55
- package/dist/components/Link/index.js +86 -125
- package/dist/components/List/Body.js +12 -7
- package/dist/components/List/Cell.js +36 -33
- package/dist/components/List/HeaderCell.js +54 -68
- package/dist/components/List/HeaderRow.js +16 -18
- package/dist/components/List/ListContext.js +68 -87
- package/dist/components/List/Row.js +136 -169
- package/dist/components/List/SelectBar.js +31 -14
- package/dist/components/List/SkeletonRows.js +42 -23
- package/dist/components/List/index.js +39 -59
- package/dist/components/Loader/index.js +44 -65
- package/dist/components/Menu/Item.js +52 -62
- package/dist/components/Menu/index.js +105 -171
- package/dist/components/MenuV2/Group.js +14 -16
- package/dist/components/MenuV2/Item.js +67 -74
- package/dist/components/MenuV2/index.js +76 -110
- package/dist/components/Meter/index.js +44 -57
- package/dist/components/Modal/Dialog.js +44 -100
- package/dist/components/Modal/index.js +23 -58
- package/dist/components/Notice/index.js +13 -29
- package/dist/components/Notification/index.js +9 -48
- package/dist/components/NumberInput/index.js +113 -200
- package/dist/components/NumberInputV2/index.js +200 -349
- package/dist/components/Pagination/getPageNumbers.js +3 -1
- package/dist/components/Pagination/index.js +45 -81
- package/dist/components/PasswordCheck/index.js +10 -15
- package/dist/components/PasswordStrengthMeter/index.js +66 -68
- package/dist/components/PieChart/Legends.js +121 -99
- package/dist/components/PieChart/Tooltip.js +35 -15
- package/dist/components/PieChart/index.js +68 -87
- package/dist/components/Popover/index.js +57 -106
- package/dist/components/Popup/helpers.js +24 -12
- package/dist/components/Popup/index.js +263 -351
- package/dist/components/ProgressBar/index.js +33 -51
- package/dist/components/Radio/index.js +119 -188
- package/dist/components/RadioGroup/index.js +46 -51
- package/dist/components/Row/index.js +11 -20
- package/dist/components/SelectInput/index.js +165 -212
- package/dist/components/SelectInputV2/Dropdown.js +233 -473
- package/dist/components/SelectInputV2/DropdownOption.js +44 -115
- package/dist/components/SelectInputV2/SearchBarDropdown.js +28 -44
- package/dist/components/SelectInputV2/SelectBar.js +137 -240
- package/dist/components/SelectInputV2/SelectInputProvider.js +45 -77
- package/dist/components/SelectInputV2/index.js +39 -98
- package/dist/components/SelectableCard/index.js +127 -183
- package/dist/components/SelectableCardGroup/index.js +50 -55
- package/dist/components/Separator/index.js +44 -64
- package/dist/components/Skeleton/Block.js +28 -20
- package/dist/components/Skeleton/Blocks.js +26 -16
- package/dist/components/Skeleton/BoxWithIcon.js +24 -17
- package/dist/components/Skeleton/Donut.js +46 -21
- package/dist/components/Skeleton/IconSkeleton.js +19 -9
- package/dist/components/Skeleton/Line.js +11 -8
- package/dist/components/Skeleton/List.js +48 -21
- package/dist/components/Skeleton/Slider.js +36 -22
- package/dist/components/Skeleton/Square.js +9 -7
- package/dist/components/Skeleton/index.js +38 -45
- package/dist/components/Snippet/index.js +139 -128
- package/dist/components/Stack/index.js +10 -17
- package/dist/components/Status/index.js +42 -27
- package/dist/components/StepList/index.js +34 -45
- package/dist/components/Stepper/index.js +106 -114
- package/dist/components/SwitchButton/FocusOverlay.js +18 -27
- package/dist/components/SwitchButton/index.js +39 -103
- package/dist/components/Table/Body.js +3 -1
- package/dist/components/Table/Cell.js +15 -6
- package/dist/components/Table/Header.js +12 -5
- package/dist/components/Table/HeaderCell.js +48 -91
- package/dist/components/Table/HeaderRow.js +11 -13
- package/dist/components/Table/Row.js +39 -44
- package/dist/components/Table/SelectBar.js +31 -14
- package/dist/components/Table/SkeletonRows.js +43 -11
- package/dist/components/Table/TableContext.js +29 -44
- package/dist/components/Table/index.js +37 -51
- package/dist/components/Tabs/Tab.js +108 -158
- package/dist/components/Tabs/TabMenu.js +52 -53
- package/dist/components/Tabs/TabMenuItem.js +19 -24
- package/dist/components/Tabs/TabsContext.js +1 -3
- package/dist/components/Tabs/index.js +44 -79
- package/dist/components/Tag/index.js +66 -75
- package/dist/components/TagInput/index.js +125 -188
- package/dist/components/TagList/index.js +51 -56
- package/dist/components/Text/index.js +10 -35
- package/dist/components/TextArea/index.js +140 -208
- package/dist/components/TextInput/index.js +326 -411
- package/dist/components/TextInputV2/index.js +170 -294
- package/dist/components/TimeInput/index.js +3 -174
- package/dist/components/Toaster/index.js +26 -74
- package/dist/components/Toggle/index.js +112 -172
- package/dist/components/ToggleGroup/index.js +44 -35
- package/dist/components/Tooltip/index.js +34 -41
- package/dist/components/VerificationCode/index.js +58 -63
- package/dist/helpers/legend.js +4 -4
- package/dist/theme/index.js +10 -13
- package/dist/utils/ids.js +3 -1
- package/dist/utils/responsive/Breakpoint.js +8 -6
- package/package.json +4 -4
|
@@ -1,39 +1,57 @@
|
|
|
1
1
|
import { jsx, jsxs } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import _styled from "@emotion/styled/base";
|
|
2
3
|
import { useTheme } from "@emotion/react";
|
|
3
|
-
import styled from "@emotion/styled";
|
|
4
4
|
import { Pie } from "@nivo/pie";
|
|
5
5
|
import { useState, useCallback } from "react";
|
|
6
6
|
import { getLegendColor } from "../../helpers/legend.js";
|
|
7
7
|
import { Text } from "../Text/index.js";
|
|
8
8
|
import Legends from "./Legends.js";
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
9
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() {
|
|
10
|
+
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).";
|
|
11
|
+
}
|
|
12
|
+
const Container = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
|
|
13
|
+
target: "epjfe5p2"
|
|
14
|
+
} : {
|
|
15
|
+
target: "epjfe5p2",
|
|
16
|
+
label: "Container"
|
|
17
|
+
})("display:flex;align-items:center;height:", ({
|
|
18
|
+
height
|
|
19
|
+
}) => `${height}px`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BpZUNoYXJ0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXZ0QiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvUGllQ2hhcnQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBCb3ggfSBmcm9tICdAbml2by9jb3JlJ1xuaW1wb3J0IHsgUGllIH0gZnJvbSAnQG5pdm8vcGllJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgZ2V0TGVnZW5kQ29sb3IgfSBmcm9tICcuLi8uLi9oZWxwZXJzL2xlZ2VuZCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IExlZ2VuZHMgZnJvbSAnLi9MZWdlbmRzJ1xuaW1wb3J0IHR5cGUgeyBEYXRhIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7IGhlaWdodDogbnVtYmVyIH0+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBoZWlnaHQ6ICR7KHsgaGVpZ2h0IH0pID0+IGAke2hlaWdodH1weGB9O1xuYFxuXG5jb25zdCBFbXB0eUxlZ2VuZCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbi1sZWZ0OiAyMHB4O1xuYFxuXG5jb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcblxuICBmb250LXNpemU6IDI1cHg7XG4gIGxpbmUtaGVpZ2h0OiAxMDBweDtcbiAgaGVpZ2h0OiAxMDBweDtcbiAgd2lkdGg6IDEwMHB4O1xuICBtYXJnaW46IGF1dG87XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbmBcblxudHlwZSBQaWVDaGFydFByb3BzID0ge1xuICBjaGFydFByb3BzPzogUmVjb3JkPHN0cmluZywgdW5rbm93bj5cbiAgZGF0YT86IERhdGFbXVxuICBoZWlnaHQ/OiBudW1iZXJcbiAgd2lkdGg/OiBudW1iZXJcbiAgZW1wdHlMZWdlbmQ/OiBzdHJpbmdcbiAgY29udGVudD86IFJlYWN0Tm9kZVxuICB3aXRoTGVnZW5kPzogYm9vbGVhblxuICBtYXJnaW4/OiBCb3hcbn1cblxuY29uc3QgREVGQVVMVF9DSEFSVFBST1BTID0ge31cbmNvbnN0IERFRkFVTFRfTUFSR0lOID0geyBib3R0b206IDEwLCBsZWZ0OiAxMCwgcmlnaHQ6IDEwLCB0b3A6IDEwIH1cblxuLyoqXG4gKiBQaWVDaGFydCBjb21wb25lbnQgaXMgYSB3cmFwcGVyIGFyb3VuZCB0aGUgTml2byBQaWUgY29tcG9uZW50IHRvIGRpc3BsYXkgYSBwaWUgY2hhcnQuXG4gKiBTZWUgaHR0cHM6Ly9uaXZvLnJvY2tzL3BpZS8gZm9yIG1vcmUgaW5mb3JtYXRpb24uXG4gKiBAZXhwZXJpbWVudGFsIFRoaXMgY29tcG9uZW50IGlzIGV4cGVyaW1lbnRhbCBhbmQgbWF5IGJlIHN1YmplY3QgdG8gYnJlYWtpbmcgY2hhbmdlcyBpbiB0aGUgZnV0dXJlLlxuICovXG5leHBvcnQgY29uc3QgUGllQ2hhcnQgPSAoe1xuICBoZWlnaHQgPSAyMDYsXG4gIHdpZHRoID0gMjA2LFxuICBkYXRhID0gdW5kZWZpbmVkLFxuICBlbXB0eUxlZ2VuZCxcbiAgY29udGVudCxcbiAgd2l0aExlZ2VuZCA9IGZhbHNlLFxuICBtYXJnaW4gPSBERUZBVUxUX01BUkdJTixcbiAgY2hhcnRQcm9wcyA9IERFRkFVTFRfQ0hBUlRQUk9QUyxcbn06IFBpZUNoYXJ0UHJvcHMpID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpXG4gIGNvbnN0IFtjdXJyZW50Rm9jdXNJbmRleCwgc2V0Q3VycmVudEZvY3VzSW5kZXhdID0gdXNlU3RhdGU8c3RyaW5nPigpXG4gIGNvbnN0IGVtcHR5VG9vbHRpcCA9IHVzZUNhbGxiYWNrKCgpID0+IDxzcGFuIC8+LCBbXSlcbiAgY29uc3QgaXNFbXB0eSA9ICFkYXRhIHx8IGRhdGEubGVuZ3RoID09PSAwXG5cbiAgY29uc3QgRW1wdHlMZWdlbmREaXNwbGF5ZWQgPSB1c2VDYWxsYmFjayhcbiAgICAoKSA9PlxuICAgICAgZW1wdHlMZWdlbmQgPyAoXG4gICAgICAgIDxFbXB0eUxlZ2VuZD5cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwiYm9keVwiIGFzPVwicFwiPlxuICAgICAgICAgICAge2VtcHR5TGVnZW5kfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9FbXB0eUxlZ2VuZD5cbiAgICAgICkgOiBudWxsLFxuICAgIFtlbXB0eUxlZ2VuZF0sXG4gIClcblxuICBjb25zdCBsb2NhbENvbG9ycyA9IGdldExlZ2VuZENvbG9yKHRoZW1lKVxuXG4gIGNvbnN0IExlZ2VuZERpc3BsYXllciA9IHVzZUNhbGxiYWNrKFxuICAgICgpID0+XG4gICAgICBpc0VtcHR5ID8gKFxuICAgICAgICA8RW1wdHlMZWdlbmREaXNwbGF5ZWQgLz5cbiAgICAgICkgOiAoXG4gICAgICAgIDxMZWdlbmRzXG4gICAgICAgICAgZm9jdXNlZD17Y3VycmVudEZvY3VzSW5kZXh9XG4gICAgICAgICAgZGF0YT17ZGF0YX1cbiAgICAgICAgICBvbkZvY3VzQ2hhbmdlPXtzZXRDdXJyZW50Rm9jdXNJbmRleH1cbiAgICAgICAgICBjb2xvcnM9e2xvY2FsQ29sb3JzfVxuICAgICAgICAvPlxuICAgICAgKSxcbiAgICBbaXNFbXB0eSwgY3VycmVudEZvY3VzSW5kZXgsIGRhdGEsIEVtcHR5TGVnZW5kRGlzcGxheWVkLCBsb2NhbENvbG9yc10sXG4gIClcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgaGVpZ2h0PXtoZWlnaHR9PlxuICAgICAgPGRpdiBzdHlsZT17eyBwb3NpdGlvbjogJ3JlbGF0aXZlJyB9fT5cbiAgICAgICAgPFBpZVxuICAgICAgICAgIGNvbG9ycz17bG9jYWxDb2xvcnN9XG4gICAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICAgIHZhbHVlPVwicGVyY2VudFwiXG4gICAgICAgICAgZW5hYmxlQXJjTGFiZWxzPXtmYWxzZX1cbiAgICAgICAgICBlbmFibGVBcmNMaW5rTGFiZWxzPXtmYWxzZX1cbiAgICAgICAgICBkYXRhPXtcbiAgICAgICAgICAgICFpc0VtcHR5XG4gICAgICAgICAgICAgID8gZGF0YVxuICAgICAgICAgICAgICA6IFtcbiAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgaWQ6ICdlbXB0eScsXG4gICAgICAgICAgICAgICAgICAgIHBlcmNlbnQ6IDEwMCxcbiAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgXVxuICAgICAgICAgIH1cbiAgICAgICAgICBkZWZzPXtbXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmQ6ICdpbmhlcml0JyxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRTdHJvbmcsXG4gICAgICAgICAgICAgIGlkOiAnbGluZXMnLFxuICAgICAgICAgICAgICBsaW5lV2lkdGg6IDIsXG4gICAgICAgICAgICAgIHJvdGF0aW9uOiAwLFxuICAgICAgICAgICAgICBzcGFjaW5nOiA1LFxuICAgICAgICAgICAgICB0eXBlOiAncGF0dGVybkxpbmVzJyxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgXX1cbiAgICAgICAgICBtYXJnaW49e21hcmdpbn1cbiAgICAgICAgICBpbm5lclJhZGl1cz17MC44fVxuICAgICAgICAgIGNvcm5lclJhZGl1cz17MH1cbiAgICAgICAgICBwYWRBbmdsZT17MX1cbiAgICAgICAgICBhY3RpdmVPdXRlclJhZGl1c09mZnNldD17IWlzRW1wdHkgPyA0IDogMH1cbiAgICAgICAgICB0b29sdGlwPXtlbXB0eVRvb2x0aXB9XG4gICAgICAgICAgb25Nb3VzZUVudGVyPXsoZGF0dW0sIGV2ZW50KSA9PiB7XG4gICAgICAgICAgICBpZiAoIWlzRW1wdHkpIHtcbiAgICAgICAgICAgICAgY29uc3QgcGllID0gZXZlbnQuY3VycmVudFRhcmdldFxuICAgICAgICAgICAgICBwaWUuc3R5bGUuY3Vyc29yID0gJ3BvaW50ZXInXG4gICAgICAgICAgICAgIHNldEN1cnJlbnRGb2N1c0luZGV4KGRhdHVtLmlkLnRvU3RyaW5nKCkpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgfX1cbiAgICAgICAgICBvbk1vdXNlTGVhdmU9eygpID0+IHNldEN1cnJlbnRGb2N1c0luZGV4KHVuZGVmaW5lZCl9XG4gICAgICAgICAgey4uLmNoYXJ0UHJvcHN9XG4gICAgICAgIC8+XG4gICAgICAgIHtjb250ZW50ID8gPFN0eWxlZENvbnRlbnQ+e2NvbnRlbnR9PC9TdHlsZWRDb250ZW50PiA6IG51bGx9XG4gICAgICA8L2Rpdj5cbiAgICAgIHt3aXRoTGVnZW5kID8gPExlZ2VuZERpc3BsYXllciAvPiA6IG51bGx9XG4gICAgPC9Db250YWluZXI+XG4gIClcbn1cbiJdfQ== */"));
|
|
20
|
+
const EmptyLegend = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
|
|
21
|
+
target: "epjfe5p1"
|
|
22
|
+
} : {
|
|
23
|
+
target: "epjfe5p1",
|
|
24
|
+
label: "EmptyLegend"
|
|
25
|
+
})(process.env.NODE_ENV === "production" ? {
|
|
26
|
+
name: "dwqz7h",
|
|
27
|
+
styles: "display:flex;align-items:center;margin-left:20px"
|
|
28
|
+
} : {
|
|
29
|
+
name: "dwqz7h",
|
|
30
|
+
styles: "display:flex;align-items:center;margin-left:20px",
|
|
31
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BpZUNoYXJ0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BpZUNoYXJ0L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgQm94IH0gZnJvbSAnQG5pdm8vY29yZSdcbmltcG9ydCB7IFBpZSB9IGZyb20gJ0BuaXZvL3BpZSdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGdldExlZ2VuZENvbG9yIH0gZnJvbSAnLi4vLi4vaGVscGVycy9sZWdlbmQnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcbmltcG9ydCBMZWdlbmRzIGZyb20gJy4vTGVnZW5kcydcbmltcG9ydCB0eXBlIHsgRGF0YSB9IGZyb20gJy4vdHlwZXMnXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyBoZWlnaHQ6IG51bWJlciB9PmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgaGVpZ2h0OiAkeyh7IGhlaWdodCB9KSA9PiBgJHtoZWlnaHR9cHhgfTtcbmBcblxuY29uc3QgRW1wdHlMZWdlbmQgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXJnaW4tbGVmdDogMjBweDtcbmBcblxuY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDA7XG5cbiAgZm9udC1zaXplOiAyNXB4O1xuICBsaW5lLWhlaWdodDogMTAwcHg7XG4gIGhlaWdodDogMTAwcHg7XG4gIHdpZHRoOiAxMDBweDtcbiAgbWFyZ2luOiBhdXRvO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG5gXG5cbnR5cGUgUGllQ2hhcnRQcm9wcyA9IHtcbiAgY2hhcnRQcm9wcz86IFJlY29yZDxzdHJpbmcsIHVua25vd24+XG4gIGRhdGE/OiBEYXRhW11cbiAgaGVpZ2h0PzogbnVtYmVyXG4gIHdpZHRoPzogbnVtYmVyXG4gIGVtcHR5TGVnZW5kPzogc3RyaW5nXG4gIGNvbnRlbnQ/OiBSZWFjdE5vZGVcbiAgd2l0aExlZ2VuZD86IGJvb2xlYW5cbiAgbWFyZ2luPzogQm94XG59XG5cbmNvbnN0IERFRkFVTFRfQ0hBUlRQUk9QUyA9IHt9XG5jb25zdCBERUZBVUxUX01BUkdJTiA9IHsgYm90dG9tOiAxMCwgbGVmdDogMTAsIHJpZ2h0OiAxMCwgdG9wOiAxMCB9XG5cbi8qKlxuICogUGllQ2hhcnQgY29tcG9uZW50IGlzIGEgd3JhcHBlciBhcm91bmQgdGhlIE5pdm8gUGllIGNvbXBvbmVudCB0byBkaXNwbGF5IGEgcGllIGNoYXJ0LlxuICogU2VlIGh0dHBzOi8vbml2by5yb2Nrcy9waWUvIGZvciBtb3JlIGluZm9ybWF0aW9uLlxuICogQGV4cGVyaW1lbnRhbCBUaGlzIGNvbXBvbmVudCBpcyBleHBlcmltZW50YWwgYW5kIG1heSBiZSBzdWJqZWN0IHRvIGJyZWFraW5nIGNoYW5nZXMgaW4gdGhlIGZ1dHVyZS5cbiAqL1xuZXhwb3J0IGNvbnN0IFBpZUNoYXJ0ID0gKHtcbiAgaGVpZ2h0ID0gMjA2LFxuICB3aWR0aCA9IDIwNixcbiAgZGF0YSA9IHVuZGVmaW5lZCxcbiAgZW1wdHlMZWdlbmQsXG4gIGNvbnRlbnQsXG4gIHdpdGhMZWdlbmQgPSBmYWxzZSxcbiAgbWFyZ2luID0gREVGQVVMVF9NQVJHSU4sXG4gIGNoYXJ0UHJvcHMgPSBERUZBVUxUX0NIQVJUUFJPUFMsXG59OiBQaWVDaGFydFByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuICBjb25zdCBbY3VycmVudEZvY3VzSW5kZXgsIHNldEN1cnJlbnRGb2N1c0luZGV4XSA9IHVzZVN0YXRlPHN0cmluZz4oKVxuICBjb25zdCBlbXB0eVRvb2x0aXAgPSB1c2VDYWxsYmFjaygoKSA9PiA8c3BhbiAvPiwgW10pXG4gIGNvbnN0IGlzRW1wdHkgPSAhZGF0YSB8fCBkYXRhLmxlbmd0aCA9PT0gMFxuXG4gIGNvbnN0IEVtcHR5TGVnZW5kRGlzcGxheWVkID0gdXNlQ2FsbGJhY2soXG4gICAgKCkgPT5cbiAgICAgIGVtcHR5TGVnZW5kID8gKFxuICAgICAgICA8RW1wdHlMZWdlbmQ+XG4gICAgICAgICAgPFRleHQgdmFyaWFudD1cImJvZHlcIiBhcz1cInBcIj5cbiAgICAgICAgICAgIHtlbXB0eUxlZ2VuZH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvRW1wdHlMZWdlbmQ+XG4gICAgICApIDogbnVsbCxcbiAgICBbZW1wdHlMZWdlbmRdLFxuICApXG5cbiAgY29uc3QgbG9jYWxDb2xvcnMgPSBnZXRMZWdlbmRDb2xvcih0aGVtZSlcblxuICBjb25zdCBMZWdlbmREaXNwbGF5ZXIgPSB1c2VDYWxsYmFjayhcbiAgICAoKSA9PlxuICAgICAgaXNFbXB0eSA/IChcbiAgICAgICAgPEVtcHR5TGVnZW5kRGlzcGxheWVkIC8+XG4gICAgICApIDogKFxuICAgICAgICA8TGVnZW5kc1xuICAgICAgICAgIGZvY3VzZWQ9e2N1cnJlbnRGb2N1c0luZGV4fVxuICAgICAgICAgIGRhdGE9e2RhdGF9XG4gICAgICAgICAgb25Gb2N1c0NoYW5nZT17c2V0Q3VycmVudEZvY3VzSW5kZXh9XG4gICAgICAgICAgY29sb3JzPXtsb2NhbENvbG9yc31cbiAgICAgICAgLz5cbiAgICAgICksXG4gICAgW2lzRW1wdHksIGN1cnJlbnRGb2N1c0luZGV4LCBkYXRhLCBFbXB0eUxlZ2VuZERpc3BsYXllZCwgbG9jYWxDb2xvcnNdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyIGhlaWdodD17aGVpZ2h0fT5cbiAgICAgIDxkaXYgc3R5bGU9e3sgcG9zaXRpb246ICdyZWxhdGl2ZScgfX0+XG4gICAgICAgIDxQaWVcbiAgICAgICAgICBjb2xvcnM9e2xvY2FsQ29sb3JzfVxuICAgICAgICAgIGhlaWdodD17aGVpZ2h0fVxuICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICB2YWx1ZT1cInBlcmNlbnRcIlxuICAgICAgICAgIGVuYWJsZUFyY0xhYmVscz17ZmFsc2V9XG4gICAgICAgICAgZW5hYmxlQXJjTGlua0xhYmVscz17ZmFsc2V9XG4gICAgICAgICAgZGF0YT17XG4gICAgICAgICAgICAhaXNFbXB0eVxuICAgICAgICAgICAgICA/IGRhdGFcbiAgICAgICAgICAgICAgOiBbXG4gICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgIGlkOiAnZW1wdHknLFxuICAgICAgICAgICAgICAgICAgICBwZXJjZW50OiAxMDAsXG4gICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIF1cbiAgICAgICAgICB9XG4gICAgICAgICAgZGVmcz17W1xuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiAnaW5oZXJpdCcsXG4gICAgICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0U3Ryb25nLFxuICAgICAgICAgICAgICBpZDogJ2xpbmVzJyxcbiAgICAgICAgICAgICAgbGluZVdpZHRoOiAyLFxuICAgICAgICAgICAgICByb3RhdGlvbjogMCxcbiAgICAgICAgICAgICAgc3BhY2luZzogNSxcbiAgICAgICAgICAgICAgdHlwZTogJ3BhdHRlcm5MaW5lcycsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgIF19XG4gICAgICAgICAgbWFyZ2luPXttYXJnaW59XG4gICAgICAgICAgaW5uZXJSYWRpdXM9ezAuOH1cbiAgICAgICAgICBjb3JuZXJSYWRpdXM9ezB9XG4gICAgICAgICAgcGFkQW5nbGU9ezF9XG4gICAgICAgICAgYWN0aXZlT3V0ZXJSYWRpdXNPZmZzZXQ9eyFpc0VtcHR5ID8gNCA6IDB9XG4gICAgICAgICAgdG9vbHRpcD17ZW1wdHlUb29sdGlwfVxuICAgICAgICAgIG9uTW91c2VFbnRlcj17KGRhdHVtLCBldmVudCkgPT4ge1xuICAgICAgICAgICAgaWYgKCFpc0VtcHR5KSB7XG4gICAgICAgICAgICAgIGNvbnN0IHBpZSA9IGV2ZW50LmN1cnJlbnRUYXJnZXRcbiAgICAgICAgICAgICAgcGllLnN0eWxlLmN1cnNvciA9ICdwb2ludGVyJ1xuICAgICAgICAgICAgICBzZXRDdXJyZW50Rm9jdXNJbmRleChkYXR1bS5pZC50b1N0cmluZygpKVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH19XG4gICAgICAgICAgb25Nb3VzZUxlYXZlPXsoKSA9PiBzZXRDdXJyZW50Rm9jdXNJbmRleCh1bmRlZmluZWQpfVxuICAgICAgICAgIHsuLi5jaGFydFByb3BzfVxuICAgICAgICAvPlxuICAgICAgICB7Y29udGVudCA/IDxTdHlsZWRDb250ZW50Pntjb250ZW50fTwvU3R5bGVkQ29udGVudD4gOiBudWxsfVxuICAgICAgPC9kaXY+XG4gICAgICB7d2l0aExlZ2VuZCA/IDxMZWdlbmREaXNwbGF5ZXIgLz4gOiBudWxsfVxuICAgIDwvQ29udGFpbmVyPlxuICApXG59XG4iXX0= */",
|
|
32
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
33
|
+
});
|
|
34
|
+
const StyledContent = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
|
|
35
|
+
target: "epjfe5p0"
|
|
36
|
+
} : {
|
|
37
|
+
target: "epjfe5p0",
|
|
38
|
+
label: "StyledContent"
|
|
39
|
+
})(process.env.NODE_ENV === "production" ? {
|
|
40
|
+
name: "qcd8cv",
|
|
41
|
+
styles: "display:inline-block;position:absolute;bottom:0;left:0;right:0;top:0;font-size:25px;line-height:100px;height:100px;width:100px;margin:auto;text-align:center;vertical-align:middle"
|
|
42
|
+
} : {
|
|
43
|
+
name: "qcd8cv",
|
|
44
|
+
styles: "display:inline-block;position:absolute;bottom:0;left:0;right:0;top:0;font-size:25px;line-height:100px;height:100px;width:100px;margin:auto;text-align:center;vertical-align:middle",
|
|
45
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BpZUNoYXJ0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QmdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BpZUNoYXJ0L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgQm94IH0gZnJvbSAnQG5pdm8vY29yZSdcbmltcG9ydCB7IFBpZSB9IGZyb20gJ0BuaXZvL3BpZSdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGdldExlZ2VuZENvbG9yIH0gZnJvbSAnLi4vLi4vaGVscGVycy9sZWdlbmQnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcbmltcG9ydCBMZWdlbmRzIGZyb20gJy4vTGVnZW5kcydcbmltcG9ydCB0eXBlIHsgRGF0YSB9IGZyb20gJy4vdHlwZXMnXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyBoZWlnaHQ6IG51bWJlciB9PmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgaGVpZ2h0OiAkeyh7IGhlaWdodCB9KSA9PiBgJHtoZWlnaHR9cHhgfTtcbmBcblxuY29uc3QgRW1wdHlMZWdlbmQgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXJnaW4tbGVmdDogMjBweDtcbmBcblxuY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDA7XG5cbiAgZm9udC1zaXplOiAyNXB4O1xuICBsaW5lLWhlaWdodDogMTAwcHg7XG4gIGhlaWdodDogMTAwcHg7XG4gIHdpZHRoOiAxMDBweDtcbiAgbWFyZ2luOiBhdXRvO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG5gXG5cbnR5cGUgUGllQ2hhcnRQcm9wcyA9IHtcbiAgY2hhcnRQcm9wcz86IFJlY29yZDxzdHJpbmcsIHVua25vd24+XG4gIGRhdGE/OiBEYXRhW11cbiAgaGVpZ2h0PzogbnVtYmVyXG4gIHdpZHRoPzogbnVtYmVyXG4gIGVtcHR5TGVnZW5kPzogc3RyaW5nXG4gIGNvbnRlbnQ/OiBSZWFjdE5vZGVcbiAgd2l0aExlZ2VuZD86IGJvb2xlYW5cbiAgbWFyZ2luPzogQm94XG59XG5cbmNvbnN0IERFRkFVTFRfQ0hBUlRQUk9QUyA9IHt9XG5jb25zdCBERUZBVUxUX01BUkdJTiA9IHsgYm90dG9tOiAxMCwgbGVmdDogMTAsIHJpZ2h0OiAxMCwgdG9wOiAxMCB9XG5cbi8qKlxuICogUGllQ2hhcnQgY29tcG9uZW50IGlzIGEgd3JhcHBlciBhcm91bmQgdGhlIE5pdm8gUGllIGNvbXBvbmVudCB0byBkaXNwbGF5IGEgcGllIGNoYXJ0LlxuICogU2VlIGh0dHBzOi8vbml2by5yb2Nrcy9waWUvIGZvciBtb3JlIGluZm9ybWF0aW9uLlxuICogQGV4cGVyaW1lbnRhbCBUaGlzIGNvbXBvbmVudCBpcyBleHBlcmltZW50YWwgYW5kIG1heSBiZSBzdWJqZWN0IHRvIGJyZWFraW5nIGNoYW5nZXMgaW4gdGhlIGZ1dHVyZS5cbiAqL1xuZXhwb3J0IGNvbnN0IFBpZUNoYXJ0ID0gKHtcbiAgaGVpZ2h0ID0gMjA2LFxuICB3aWR0aCA9IDIwNixcbiAgZGF0YSA9IHVuZGVmaW5lZCxcbiAgZW1wdHlMZWdlbmQsXG4gIGNvbnRlbnQsXG4gIHdpdGhMZWdlbmQgPSBmYWxzZSxcbiAgbWFyZ2luID0gREVGQVVMVF9NQVJHSU4sXG4gIGNoYXJ0UHJvcHMgPSBERUZBVUxUX0NIQVJUUFJPUFMsXG59OiBQaWVDaGFydFByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuICBjb25zdCBbY3VycmVudEZvY3VzSW5kZXgsIHNldEN1cnJlbnRGb2N1c0luZGV4XSA9IHVzZVN0YXRlPHN0cmluZz4oKVxuICBjb25zdCBlbXB0eVRvb2x0aXAgPSB1c2VDYWxsYmFjaygoKSA9PiA8c3BhbiAvPiwgW10pXG4gIGNvbnN0IGlzRW1wdHkgPSAhZGF0YSB8fCBkYXRhLmxlbmd0aCA9PT0gMFxuXG4gIGNvbnN0IEVtcHR5TGVnZW5kRGlzcGxheWVkID0gdXNlQ2FsbGJhY2soXG4gICAgKCkgPT5cbiAgICAgIGVtcHR5TGVnZW5kID8gKFxuICAgICAgICA8RW1wdHlMZWdlbmQ+XG4gICAgICAgICAgPFRleHQgdmFyaWFudD1cImJvZHlcIiBhcz1cInBcIj5cbiAgICAgICAgICAgIHtlbXB0eUxlZ2VuZH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvRW1wdHlMZWdlbmQ+XG4gICAgICApIDogbnVsbCxcbiAgICBbZW1wdHlMZWdlbmRdLFxuICApXG5cbiAgY29uc3QgbG9jYWxDb2xvcnMgPSBnZXRMZWdlbmRDb2xvcih0aGVtZSlcblxuICBjb25zdCBMZWdlbmREaXNwbGF5ZXIgPSB1c2VDYWxsYmFjayhcbiAgICAoKSA9PlxuICAgICAgaXNFbXB0eSA/IChcbiAgICAgICAgPEVtcHR5TGVnZW5kRGlzcGxheWVkIC8+XG4gICAgICApIDogKFxuICAgICAgICA8TGVnZW5kc1xuICAgICAgICAgIGZvY3VzZWQ9e2N1cnJlbnRGb2N1c0luZGV4fVxuICAgICAgICAgIGRhdGE9e2RhdGF9XG4gICAgICAgICAgb25Gb2N1c0NoYW5nZT17c2V0Q3VycmVudEZvY3VzSW5kZXh9XG4gICAgICAgICAgY29sb3JzPXtsb2NhbENvbG9yc31cbiAgICAgICAgLz5cbiAgICAgICksXG4gICAgW2lzRW1wdHksIGN1cnJlbnRGb2N1c0luZGV4LCBkYXRhLCBFbXB0eUxlZ2VuZERpc3BsYXllZCwgbG9jYWxDb2xvcnNdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyIGhlaWdodD17aGVpZ2h0fT5cbiAgICAgIDxkaXYgc3R5bGU9e3sgcG9zaXRpb246ICdyZWxhdGl2ZScgfX0+XG4gICAgICAgIDxQaWVcbiAgICAgICAgICBjb2xvcnM9e2xvY2FsQ29sb3JzfVxuICAgICAgICAgIGhlaWdodD17aGVpZ2h0fVxuICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICB2YWx1ZT1cInBlcmNlbnRcIlxuICAgICAgICAgIGVuYWJsZUFyY0xhYmVscz17ZmFsc2V9XG4gICAgICAgICAgZW5hYmxlQXJjTGlua0xhYmVscz17ZmFsc2V9XG4gICAgICAgICAgZGF0YT17XG4gICAgICAgICAgICAhaXNFbXB0eVxuICAgICAgICAgICAgICA/IGRhdGFcbiAgICAgICAgICAgICAgOiBbXG4gICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgIGlkOiAnZW1wdHknLFxuICAgICAgICAgICAgICAgICAgICBwZXJjZW50OiAxMDAsXG4gICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIF1cbiAgICAgICAgICB9XG4gICAgICAgICAgZGVmcz17W1xuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiAnaW5oZXJpdCcsXG4gICAgICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0U3Ryb25nLFxuICAgICAgICAgICAgICBpZDogJ2xpbmVzJyxcbiAgICAgICAgICAgICAgbGluZVdpZHRoOiAyLFxuICAgICAgICAgICAgICByb3RhdGlvbjogMCxcbiAgICAgICAgICAgICAgc3BhY2luZzogNSxcbiAgICAgICAgICAgICAgdHlwZTogJ3BhdHRlcm5MaW5lcycsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgIF19XG4gICAgICAgICAgbWFyZ2luPXttYXJnaW59XG4gICAgICAgICAgaW5uZXJSYWRpdXM9ezAuOH1cbiAgICAgICAgICBjb3JuZXJSYWRpdXM9ezB9XG4gICAgICAgICAgcGFkQW5nbGU9ezF9XG4gICAgICAgICAgYWN0aXZlT3V0ZXJSYWRpdXNPZmZzZXQ9eyFpc0VtcHR5ID8gNCA6IDB9XG4gICAgICAgICAgdG9vbHRpcD17ZW1wdHlUb29sdGlwfVxuICAgICAgICAgIG9uTW91c2VFbnRlcj17KGRhdHVtLCBldmVudCkgPT4ge1xuICAgICAgICAgICAgaWYgKCFpc0VtcHR5KSB7XG4gICAgICAgICAgICAgIGNvbnN0IHBpZSA9IGV2ZW50LmN1cnJlbnRUYXJnZXRcbiAgICAgICAgICAgICAgcGllLnN0eWxlLmN1cnNvciA9ICdwb2ludGVyJ1xuICAgICAgICAgICAgICBzZXRDdXJyZW50Rm9jdXNJbmRleChkYXR1bS5pZC50b1N0cmluZygpKVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH19XG4gICAgICAgICAgb25Nb3VzZUxlYXZlPXsoKSA9PiBzZXRDdXJyZW50Rm9jdXNJbmRleCh1bmRlZmluZWQpfVxuICAgICAgICAgIHsuLi5jaGFydFByb3BzfVxuICAgICAgICAvPlxuICAgICAgICB7Y29udGVudCA/IDxTdHlsZWRDb250ZW50Pntjb250ZW50fTwvU3R5bGVkQ29udGVudD4gOiBudWxsfVxuICAgICAgPC9kaXY+XG4gICAgICB7d2l0aExlZ2VuZCA/IDxMZWdlbmREaXNwbGF5ZXIgLz4gOiBudWxsfVxuICAgIDwvQ29udGFpbmVyPlxuICApXG59XG4iXX0= */",
|
|
46
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
47
|
+
});
|
|
35
48
|
const DEFAULT_CHARTPROPS = {};
|
|
36
|
-
const DEFAULT_MARGIN = {
|
|
49
|
+
const DEFAULT_MARGIN = {
|
|
50
|
+
bottom: 10,
|
|
51
|
+
left: 10,
|
|
52
|
+
right: 10,
|
|
53
|
+
top: 10
|
|
54
|
+
};
|
|
37
55
|
const PieChart = ({
|
|
38
56
|
height = 206,
|
|
39
57
|
width = 206,
|
|
@@ -48,68 +66,31 @@ const PieChart = ({
|
|
|
48
66
|
const [currentFocusIndex, setCurrentFocusIndex] = useState();
|
|
49
67
|
const emptyTooltip = useCallback(() => /* @__PURE__ */ jsx("span", {}), []);
|
|
50
68
|
const isEmpty = !data || data.length === 0;
|
|
51
|
-
const EmptyLegendDisplayed = useCallback(
|
|
52
|
-
() => emptyLegend ? /* @__PURE__ */ jsx(EmptyLegend, { children: /* @__PURE__ */ jsx(Text, { variant: "body", as: "p", children: emptyLegend }) }) : null,
|
|
53
|
-
[emptyLegend]
|
|
54
|
-
);
|
|
69
|
+
const EmptyLegendDisplayed = useCallback(() => emptyLegend ? /* @__PURE__ */ jsx(EmptyLegend, { children: /* @__PURE__ */ jsx(Text, { variant: "body", as: "p", children: emptyLegend }) }) : null, [emptyLegend]);
|
|
55
70
|
const localColors = getLegendColor(theme);
|
|
56
|
-
const LegendDisplayer = useCallback(
|
|
57
|
-
() => isEmpty ? /* @__PURE__ */ jsx(EmptyLegendDisplayed, {}) : /* @__PURE__ */ jsx(
|
|
58
|
-
Legends,
|
|
59
|
-
{
|
|
60
|
-
focused: currentFocusIndex,
|
|
61
|
-
data,
|
|
62
|
-
onFocusChange: setCurrentFocusIndex,
|
|
63
|
-
colors: localColors
|
|
64
|
-
}
|
|
65
|
-
),
|
|
66
|
-
[isEmpty, currentFocusIndex, data, EmptyLegendDisplayed, localColors]
|
|
67
|
-
);
|
|
71
|
+
const LegendDisplayer = useCallback(() => isEmpty ? /* @__PURE__ */ jsx(EmptyLegendDisplayed, {}) : /* @__PURE__ */ jsx(Legends, { focused: currentFocusIndex, data, onFocusChange: setCurrentFocusIndex, colors: localColors }), [isEmpty, currentFocusIndex, data, EmptyLegendDisplayed, localColors]);
|
|
68
72
|
return /* @__PURE__ */ jsxs(Container, { height, children: [
|
|
69
|
-
/* @__PURE__ */ jsxs("div", { style: {
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
color: theme.colors.neutral.textStrong,
|
|
89
|
-
id: "lines",
|
|
90
|
-
lineWidth: 2,
|
|
91
|
-
rotation: 0,
|
|
92
|
-
spacing: 5,
|
|
93
|
-
type: "patternLines"
|
|
94
|
-
}
|
|
95
|
-
],
|
|
96
|
-
margin,
|
|
97
|
-
innerRadius: 0.8,
|
|
98
|
-
cornerRadius: 0,
|
|
99
|
-
padAngle: 1,
|
|
100
|
-
activeOuterRadiusOffset: !isEmpty ? 4 : 0,
|
|
101
|
-
tooltip: emptyTooltip,
|
|
102
|
-
onMouseEnter: (datum, event) => {
|
|
103
|
-
if (!isEmpty) {
|
|
104
|
-
const pie = event.currentTarget;
|
|
105
|
-
pie.style.cursor = "pointer";
|
|
106
|
-
setCurrentFocusIndex(datum.id.toString());
|
|
107
|
-
}
|
|
108
|
-
},
|
|
109
|
-
onMouseLeave: () => setCurrentFocusIndex(void 0),
|
|
110
|
-
...chartProps
|
|
73
|
+
/* @__PURE__ */ jsxs("div", { style: {
|
|
74
|
+
position: "relative"
|
|
75
|
+
}, children: [
|
|
76
|
+
/* @__PURE__ */ jsx(Pie, { colors: localColors, height, width, value: "percent", enableArcLabels: false, enableArcLinkLabels: false, data: !isEmpty ? data : [{
|
|
77
|
+
id: "empty",
|
|
78
|
+
percent: 100
|
|
79
|
+
}], defs: [{
|
|
80
|
+
background: "inherit",
|
|
81
|
+
color: theme.colors.neutral.textStrong,
|
|
82
|
+
id: "lines",
|
|
83
|
+
lineWidth: 2,
|
|
84
|
+
rotation: 0,
|
|
85
|
+
spacing: 5,
|
|
86
|
+
type: "patternLines"
|
|
87
|
+
}], margin, innerRadius: 0.8, cornerRadius: 0, padAngle: 1, activeOuterRadiusOffset: !isEmpty ? 4 : 0, tooltip: emptyTooltip, onMouseEnter: (datum, event) => {
|
|
88
|
+
if (!isEmpty) {
|
|
89
|
+
const pie = event.currentTarget;
|
|
90
|
+
pie.style.cursor = "pointer";
|
|
91
|
+
setCurrentFocusIndex(datum.id.toString());
|
|
111
92
|
}
|
|
112
|
-
),
|
|
93
|
+
}, onMouseLeave: () => setCurrentFocusIndex(void 0), ...chartProps }),
|
|
113
94
|
content ? /* @__PURE__ */ jsx(StyledContent, { children: content }) : null
|
|
114
95
|
] }),
|
|
115
96
|
withLegend ? /* @__PURE__ */ jsx(LegendDisplayer, {}) : null
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx, jsxs } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import _styled from "@emotion/styled/base";
|
|
3
3
|
import { forwardRef, useRef, useState, useEffect, useCallback } from "react";
|
|
4
4
|
import { Button } from "../Button/index.js";
|
|
5
5
|
import { Popup } from "../Popup/index.js";
|
|
@@ -10,15 +10,23 @@ const SIZES_WIDTH = {
|
|
|
10
10
|
medium: 420,
|
|
11
11
|
large: 520
|
|
12
12
|
};
|
|
13
|
-
const StyledPopup =
|
|
14
|
-
shouldForwardProp: (prop) => !["sentiment", "size"].includes(prop)
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
13
|
+
const StyledPopup = /* @__PURE__ */ _styled(Popup, process.env.NODE_ENV === "production" ? {
|
|
14
|
+
shouldForwardProp: (prop) => !["sentiment", "size"].includes(prop),
|
|
15
|
+
target: "ejpxv5a1"
|
|
16
|
+
} : {
|
|
17
|
+
shouldForwardProp: (prop) => !["sentiment", "size"].includes(prop),
|
|
18
|
+
target: "ejpxv5a1",
|
|
19
|
+
label: "StyledPopup"
|
|
20
|
+
})("padding:", ({
|
|
21
|
+
theme
|
|
22
|
+
}) => theme.space["2"], ";width:", ({
|
|
23
|
+
size
|
|
24
|
+
}) => SIZES_WIDTH[size], "px;max-width:", ({
|
|
25
|
+
size
|
|
26
|
+
}) => SIZES_WIDTH[size], "px;text-align:initial;", ({
|
|
27
|
+
theme,
|
|
28
|
+
sentiment
|
|
29
|
+
}) => {
|
|
22
30
|
if (sentiment === "neutral") {
|
|
23
31
|
return `
|
|
24
32
|
background: ${theme.colors.neutral.background};
|
|
@@ -39,11 +47,15 @@ const StyledPopup = styled(Popup, {
|
|
|
39
47
|
}
|
|
40
48
|
}
|
|
41
49
|
`;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
50
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BvcG92ZXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Qb3BvdmVyL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlLCBSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGZvcndhcmRSZWYsIHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL0J1dHRvbidcbmltcG9ydCB7IFBvcHVwIH0gZnJvbSAnLi4vUG9wdXAnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJy4uL1N0YWNrJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5cbnR5cGUgU2VudGltZW50VHlwZSA9ICduZXV0cmFsJyB8ICdwcmltYXJ5J1xuXG5jb25zdCBTSVpFU19XSURUSCA9IHtcbiAgc21hbGw6IDMyMCxcbiAgbWVkaXVtOiA0MjAsXG4gIGxhcmdlOiA1MjAsXG59XG5cbmNvbnN0IFN0eWxlZFBvcHVwID0gc3R5bGVkKFBvcHVwLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3NlbnRpbWVudCcsICdzaXplJ10uaW5jbHVkZXMocHJvcCksXG59KTx7XG4gIHNlbnRpbWVudDogU2VudGltZW50VHlwZVxuICBzaXplOiBrZXlvZiB0eXBlb2YgU0laRVNfV0lEVEhcbn0+YFxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICB3aWR0aDogJHsoeyBzaXplIH0pID0+IFNJWkVTX1dJRFRIW3NpemVdfXB4O1xuICBtYXgtd2lkdGg6ICR7KHsgc2l6ZSB9KSA9PiBTSVpFU19XSURUSFtzaXplXX1weDtcbiAgdGV4dC1hbGlnbjogaW5pdGlhbDtcblxuICAkeyh7IHRoZW1lLCBzZW50aW1lbnQgfSkgPT4ge1xuICAgIGlmIChzZW50aW1lbnQgPT09ICduZXV0cmFsJykge1xuICAgICAgcmV0dXJuIGBcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZH07XG4gICAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3MucG9wb3Zlcn07XG4gICAgICAmW2RhdGEtaGFzLWFycm93PSd0cnVlJ10ge1xuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBgXG4gICAgfVxuXG4gICAgcmV0dXJuIGBcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ307XG4gICAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3MucG9wb3Zlcn07XG4gICAgICAmW2RhdGEtaGFzLWFycm93PSd0cnVlJ10ge1xuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBgXG4gIH19XG5gXG5cbi8vIFRoaXMgaXMgdG8gYXZvaWQgaGF2aW5nIHRleHQgaW5oZXJpdCBjb2xvciBmcm9tIHBvcHVwICh3aGljaCBpcyB3aGl0ZSBvbiB3aGl0ZSBiYWNrZ3JvdW5kKVxuY29uc3QgU3R5bGVkU3RhY2sgPSBzdHlsZWQoU3RhY2spYFxuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0fTtcbmBcblxudHlwZSBDb250ZW50V3JhcHBlclByb3BzID0gUGljazxcbiAgUG9wb3ZlclByb3BzLFxuICAndGl0bGUnIHwgJ29uQ2xvc2UnIHwgJ3NlbnRpbWVudCcgfCAnY2hpbGRyZW4nXG4+XG5cbmNvbnN0IENvbnRlbnRXcmFwcGVyID0gKHtcbiAgdGl0bGUsXG4gIG9uQ2xvc2UsXG4gIGNoaWxkcmVuLFxuICBzZW50aW1lbnQsXG59OiBDb250ZW50V3JhcHBlclByb3BzKSA9PiAoXG4gIDxTdHlsZWRTdGFjayBnYXA9ezF9PlxuICAgIDxTdGFjayBkaXJlY3Rpb249XCJyb3dcIiBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIj5cbiAgICAgIDxUZXh0XG4gICAgICAgIHZhcmlhbnQ9XCJib2R5U3Ryb25nXCJcbiAgICAgICAgYXM9XCJoM1wiXG4gICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICBwcm9taW5lbmNlPXtzZW50aW1lbnQgPT09ICduZXV0cmFsJyA/ICdzdHJvbmcnIDogJ3N0cm9uZ2VyJ31cbiAgICAgID5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9UZXh0PlxuICAgICAgPEJ1dHRvblxuICAgICAgICB2YXJpYW50PXtzZW50aW1lbnQgPT09ICduZXV0cmFsJyA/ICdnaG9zdCcgOiAnZmlsbGVkJ31cbiAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnQgPT09ICduZXV0cmFsJyA/ICduZXV0cmFsJyA6ICdwcmltYXJ5J31cbiAgICAgICAgb25DbGljaz17b25DbG9zZX1cbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgaWNvbj1cImNsb3NlXCJcbiAgICAgICAgYXJpYS1sYWJlbD1cImNsb3NlXCJcbiAgICAgIC8+XG4gICAgPC9TdGFjaz5cbiAgICB7dHlwZW9mIGNoaWxkcmVuID09PSAnc3RyaW5nJyA/IChcbiAgICAgIDxUZXh0XG4gICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICBhcz1cInBcIlxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgcHJvbWluZW5jZT17c2VudGltZW50ID09PSAnbmV1dHJhbCcgPyAnc3Ryb25nJyA6ICdzdHJvbmdlcid9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGV4dD5cbiAgICApIDogKFxuICAgICAgY2hpbGRyZW5cbiAgICApfVxuICA8L1N0eWxlZFN0YWNrPlxuKVxuXG50eXBlIFBvcG92ZXJQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBjb250ZW50OiBSZWFjdE5vZGVcbiAgdGl0bGU6IHN0cmluZ1xuICBzZW50aW1lbnQ/OiBTZW50aW1lbnRUeXBlXG4gIHZpc2libGU/OiBib29sZWFuXG4gIHNpemU/OiBrZXlvZiB0eXBlb2YgU0laRVNfV0lEVEhcbiAgb25DbG9zZT86ICgpID0+IHZvaWRcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgbWF4V2lkdGg/OiBzdHJpbmdcbiAgbWF4SGVpZ2h0Pzogc3RyaW5nXG4gIC8qKlxuICAgKiBCeSBkZWZhdWx0LCB0aGUgcG9ydGFsIHRhcmdldCBpcyBjaGlsZHJlbiBjb250YWluZXIgb3IgZG9jdW1lbnQuYm9keSBpZiBjaGlsZHJlbiBpcyBhIGZ1bmN0aW9uLiBZb3UgY2FuIG92ZXJyaWRlIHRoaXNcbiAgICogYmVoYXZpb3IgYnkgc2V0dGluZyBhIHBvcnRhbFRhcmdldCBwcm9wLlxuICAgKi9cbiAgcG9ydGFsVGFyZ2V0PzogSFRNTEVsZW1lbnRcbn0gJiBQaWNrPENvbXBvbmVudFByb3BzPHR5cGVvZiBQb3B1cD4sICdwbGFjZW1lbnQnIHwgJ2R5bmFtaWNEb21SZW5kZXJpbmcnPlxuXG4vKipcbiAqIFBvcG92ZXIgY29tcG9uZW50IGlzIHVzZWQgdG8gZGlzcGxheSBhZGRpdGlvbmFsIGluZm9ybWF0aW9uIG9yIGFjdGlvbnMgb24gdG9wIG9mIHRoZSBtYWluIGNvbnRlbnQgb2YgdGhlIHBhZ2UuXG4gKiBJdCBpcyB1c3VhbGx5IHRyaWdnZXJlZCBieSBjbGlja2luZyBvbiBhIGJ1dHRvbi4gSXQgaW5jbHVkZXMgYSB0aXRsZSwgYSBjbG9zZSBidXR0b24gYW5kIGEgY29udGVudCBhcmVhLlxuICovXG5leHBvcnQgY29uc3QgUG9wb3ZlciA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICB2aXNpYmxlID0gZmFsc2UsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIHBsYWNlbWVudCxcbiAgICAgIGNvbnRlbnQsXG4gICAgICB0aXRsZSxcbiAgICAgIHNlbnRpbWVudCA9ICduZXV0cmFsJyxcbiAgICAgIHNpemUgPSAnbWVkaXVtJyxcbiAgICAgIG9uQ2xvc2UsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBtYXhXaWR0aCxcbiAgICAgIG1heEhlaWdodCxcbiAgICAgICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gICAgICBwb3J0YWxUYXJnZXQsXG4gICAgICBkeW5hbWljRG9tUmVuZGVyaW5nLFxuICAgIH06IFBvcG92ZXJQcm9wcyxcbiAgICByZWY6IFJlZjxIVE1MRGl2RWxlbWVudD4sXG4gICkgPT4ge1xuICAgIGNvbnN0IGlubmVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuICAgIGNvbnN0IFtsb2NhbFZpc2libGUsIHNldExvY2FsVmlzaWJsZV0gPSB1c2VTdGF0ZSh2aXNpYmxlKVxuXG4gICAgLy8gV2UgY2hhbmdlIGxvY2FsIHZhbHVlIGlmIHZpc2libGUgcHJvcCBjaGFuZ2VzXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIHNldExvY2FsVmlzaWJsZSh2aXNpYmxlKVxuICAgIH0sIFt2aXNpYmxlXSlcblxuICAgIGNvbnN0IGxvY2FsT25DbG9zZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgIHNldExvY2FsVmlzaWJsZShmYWxzZSlcbiAgICAgIG9uQ2xvc2U/LigpXG4gICAgfSwgW29uQ2xvc2VdKVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRQb3B1cFxuICAgICAgICBoaWRlT25DbGlja091dHNpZGVcbiAgICAgICAgZGVib3VuY2VEZWxheT17MH1cbiAgICAgICAgdmlzaWJsZT17bG9jYWxWaXNpYmxlfVxuICAgICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgICAgdGV4dD17XG4gICAgICAgICAgPENvbnRlbnRXcmFwcGVyXG4gICAgICAgICAgICB0aXRsZT17dGl0bGV9XG4gICAgICAgICAgICBvbkNsb3NlPXtsb2NhbE9uQ2xvc2V9XG4gICAgICAgICAgICBzZW50aW1lbnQ9e3NlbnRpbWVudH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y29udGVudH1cbiAgICAgICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgICAgICB9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBzZW50aW1lbnQ9e3NlbnRpbWVudH1cbiAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgdGFiSW5kZXg9ey0xfVxuICAgICAgICBpbm5lclJlZj17aW5uZXJSZWZ9XG4gICAgICAgIG9uQ2xvc2U9e2xvY2FsT25DbG9zZX1cbiAgICAgICAgbWF4V2lkdGg9e21heFdpZHRofVxuICAgICAgICBtYXhIZWlnaHQ9e21heEhlaWdodH1cbiAgICAgICAgcG9ydGFsVGFyZ2V0PXtwb3J0YWxUYXJnZXR9XG4gICAgICAgIGR5bmFtaWNEb21SZW5kZXJpbmc9e2R5bmFtaWNEb21SZW5kZXJpbmd9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkUG9wdXA+XG4gICAgKVxuICB9LFxuKVxuIl19 */"));
|
|
51
|
+
const StyledStack = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
|
|
52
|
+
target: "ejpxv5a0"
|
|
53
|
+
} : {
|
|
54
|
+
target: "ejpxv5a0",
|
|
55
|
+
label: "StyledStack"
|
|
56
|
+
})("color:", ({
|
|
57
|
+
theme
|
|
58
|
+
}) => theme.colors.neutral.text, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BvcG92ZXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFEaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvUG9wb3Zlci9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSwgUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi9CdXR0b24nXG5pbXBvcnQgeyBQb3B1cCB9IGZyb20gJy4uL1BvcHVwJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuXG50eXBlIFNlbnRpbWVudFR5cGUgPSAnbmV1dHJhbCcgfCAncHJpbWFyeSdcblxuY29uc3QgU0laRVNfV0lEVEggPSB7XG4gIHNtYWxsOiAzMjAsXG4gIG1lZGl1bTogNDIwLFxuICBsYXJnZTogNTIwLFxufVxuXG5jb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cCwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydzZW50aW1lbnQnLCAnc2l6ZSddLmluY2x1ZGVzKHByb3ApLFxufSk8e1xuICBzZW50aW1lbnQ6IFNlbnRpbWVudFR5cGVcbiAgc2l6ZToga2V5b2YgdHlwZW9mIFNJWkVTX1dJRFRIXG59PmBcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgd2lkdGg6ICR7KHsgc2l6ZSB9KSA9PiBTSVpFU19XSURUSFtzaXplXX1weDtcbiAgbWF4LXdpZHRoOiAkeyh7IHNpemUgfSkgPT4gU0laRVNfV0lEVEhbc2l6ZV19cHg7XG4gIHRleHQtYWxpZ246IGluaXRpYWw7XG5cbiAgJHsoeyB0aGVtZSwgc2VudGltZW50IH0pID0+IHtcbiAgICBpZiAoc2VudGltZW50ID09PSAnbmV1dHJhbCcpIHtcbiAgICAgIHJldHVybiBgXG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzLnBvcG92ZXJ9O1xuICAgICAgJltkYXRhLWhhcy1hcnJvdz0ndHJ1ZSddIHtcbiAgICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kfSB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCB0cmFuc3BhcmVudDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgYFxuICAgIH1cblxuICAgIHJldHVybiBgXG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9O1xuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzLnBvcG92ZXJ9O1xuICAgICAgJltkYXRhLWhhcy1hcnJvdz0ndHJ1ZSddIHtcbiAgICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfSB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCB0cmFuc3BhcmVudDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgYFxuICB9fVxuYFxuXG4vLyBUaGlzIGlzIHRvIGF2b2lkIGhhdmluZyB0ZXh0IGluaGVyaXQgY29sb3IgZnJvbSBwb3B1cCAod2hpY2ggaXMgd2hpdGUgb24gd2hpdGUgYmFja2dyb3VuZClcbmNvbnN0IFN0eWxlZFN0YWNrID0gc3R5bGVkKFN0YWNrKWBcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dH07XG5gXG5cbnR5cGUgQ29udGVudFdyYXBwZXJQcm9wcyA9IFBpY2s8XG4gIFBvcG92ZXJQcm9wcyxcbiAgJ3RpdGxlJyB8ICdvbkNsb3NlJyB8ICdzZW50aW1lbnQnIHwgJ2NoaWxkcmVuJ1xuPlxuXG5jb25zdCBDb250ZW50V3JhcHBlciA9ICh7XG4gIHRpdGxlLFxuICBvbkNsb3NlLFxuICBjaGlsZHJlbixcbiAgc2VudGltZW50LFxufTogQ29udGVudFdyYXBwZXJQcm9wcykgPT4gKFxuICA8U3R5bGVkU3RhY2sgZ2FwPXsxfT5cbiAgICA8U3RhY2sgZGlyZWN0aW9uPVwicm93XCIganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCI+XG4gICAgICA8VGV4dFxuICAgICAgICB2YXJpYW50PVwiYm9keVN0cm9uZ1wiXG4gICAgICAgIGFzPVwiaDNcIlxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgcHJvbWluZW5jZT17c2VudGltZW50ID09PSAnbmV1dHJhbCcgPyAnc3Ryb25nJyA6ICdzdHJvbmdlcid9XG4gICAgICA+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvVGV4dD5cbiAgICAgIDxCdXR0b25cbiAgICAgICAgdmFyaWFudD17c2VudGltZW50ID09PSAnbmV1dHJhbCcgPyAnZ2hvc3QnIDogJ2ZpbGxlZCd9XG4gICAgICAgIHNlbnRpbWVudD17c2VudGltZW50ID09PSAnbmV1dHJhbCcgPyAnbmV1dHJhbCcgOiAncHJpbWFyeSd9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xvc2V9XG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgIGljb249XCJjbG9zZVwiXG4gICAgICAgIGFyaWEtbGFiZWw9XCJjbG9zZVwiXG4gICAgICAvPlxuICAgIDwvU3RhY2s+XG4gICAge3R5cGVvZiBjaGlsZHJlbiA9PT0gJ3N0cmluZycgPyAoXG4gICAgICA8VGV4dFxuICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsXCJcbiAgICAgICAgYXM9XCJwXCJcbiAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgIHByb21pbmVuY2U9e3NlbnRpbWVudCA9PT0gJ25ldXRyYWwnID8gJ3N0cm9uZycgOiAnc3Ryb25nZXInfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgKSA6IChcbiAgICAgIGNoaWxkcmVuXG4gICAgKX1cbiAgPC9TdHlsZWRTdGFjaz5cbilcblxudHlwZSBQb3BvdmVyUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgY29udGVudDogUmVhY3ROb2RlXG4gIHRpdGxlOiBzdHJpbmdcbiAgc2VudGltZW50PzogU2VudGltZW50VHlwZVxuICB2aXNpYmxlPzogYm9vbGVhblxuICBzaXplPzoga2V5b2YgdHlwZW9mIFNJWkVTX1dJRFRIXG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIG1heFdpZHRoPzogc3RyaW5nXG4gIG1heEhlaWdodD86IHN0cmluZ1xuICAvKipcbiAgICogQnkgZGVmYXVsdCwgdGhlIHBvcnRhbCB0YXJnZXQgaXMgY2hpbGRyZW4gY29udGFpbmVyIG9yIGRvY3VtZW50LmJvZHkgaWYgY2hpbGRyZW4gaXMgYSBmdW5jdGlvbi4gWW91IGNhbiBvdmVycmlkZSB0aGlzXG4gICAqIGJlaGF2aW9yIGJ5IHNldHRpbmcgYSBwb3J0YWxUYXJnZXQgcHJvcC5cbiAgICovXG4gIHBvcnRhbFRhcmdldD86IEhUTUxFbGVtZW50XG59ICYgUGljazxDb21wb25lbnRQcm9wczx0eXBlb2YgUG9wdXA+LCAncGxhY2VtZW50JyB8ICdkeW5hbWljRG9tUmVuZGVyaW5nJz5cblxuLyoqXG4gKiBQb3BvdmVyIGNvbXBvbmVudCBpcyB1c2VkIHRvIGRpc3BsYXkgYWRkaXRpb25hbCBpbmZvcm1hdGlvbiBvciBhY3Rpb25zIG9uIHRvcCBvZiB0aGUgbWFpbiBjb250ZW50IG9mIHRoZSBwYWdlLlxuICogSXQgaXMgdXN1YWxseSB0cmlnZ2VyZWQgYnkgY2xpY2tpbmcgb24gYSBidXR0b24uIEl0IGluY2x1ZGVzIGEgdGl0bGUsIGEgY2xvc2UgYnV0dG9uIGFuZCBhIGNvbnRlbnQgYXJlYS5cbiAqL1xuZXhwb3J0IGNvbnN0IFBvcG92ZXIgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgdmlzaWJsZSA9IGZhbHNlLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBwbGFjZW1lbnQsXG4gICAgICBjb250ZW50LFxuICAgICAgdGl0bGUsXG4gICAgICBzZW50aW1lbnQgPSAnbmV1dHJhbCcsXG4gICAgICBzaXplID0gJ21lZGl1bScsXG4gICAgICBvbkNsb3NlLFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgbWF4V2lkdGgsXG4gICAgICBtYXhIZWlnaHQsXG4gICAgICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICAgICAgcG9ydGFsVGFyZ2V0LFxuICAgICAgZHluYW1pY0RvbVJlbmRlcmluZyxcbiAgICB9OiBQb3BvdmVyUHJvcHMsXG4gICAgcmVmOiBSZWY8SFRNTERpdkVsZW1lbnQ+LFxuICApID0+IHtcbiAgICBjb25zdCBpbm5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbClcbiAgICBjb25zdCBbbG9jYWxWaXNpYmxlLCBzZXRMb2NhbFZpc2libGVdID0gdXNlU3RhdGUodmlzaWJsZSlcblxuICAgIC8vIFdlIGNoYW5nZSBsb2NhbCB2YWx1ZSBpZiB2aXNpYmxlIHByb3AgY2hhbmdlc1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBzZXRMb2NhbFZpc2libGUodmlzaWJsZSlcbiAgICB9LCBbdmlzaWJsZV0pXG5cbiAgICBjb25zdCBsb2NhbE9uQ2xvc2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBzZXRMb2NhbFZpc2libGUoZmFsc2UpXG4gICAgICBvbkNsb3NlPy4oKVxuICAgIH0sIFtvbkNsb3NlXSlcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkUG9wdXBcbiAgICAgICAgaGlkZU9uQ2xpY2tPdXRzaWRlXG4gICAgICAgIGRlYm91bmNlRGVsYXk9ezB9XG4gICAgICAgIHZpc2libGU9e2xvY2FsVmlzaWJsZX1cbiAgICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICAgIHRleHQ9e1xuICAgICAgICAgIDxDb250ZW50V3JhcHBlclxuICAgICAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICAgICAgb25DbG9zZT17bG9jYWxPbkNsb3NlfVxuICAgICAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgICAgPC9Db250ZW50V3JhcHBlcj5cbiAgICAgICAgfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICByb2xlPVwiZGlhbG9nXCJcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgaW5uZXJSZWY9e2lubmVyUmVmfVxuICAgICAgICBvbkNsb3NlPXtsb2NhbE9uQ2xvc2V9XG4gICAgICAgIG1heFdpZHRoPXttYXhXaWR0aH1cbiAgICAgICAgbWF4SGVpZ2h0PXttYXhIZWlnaHR9XG4gICAgICAgIHBvcnRhbFRhcmdldD17cG9ydGFsVGFyZ2V0fVxuICAgICAgICBkeW5hbWljRG9tUmVuZGVyaW5nPXtkeW5hbWljRG9tUmVuZGVyaW5nfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZFBvcHVwPlxuICAgIClcbiAgfSxcbilcbiJdfQ== */"));
|
|
47
59
|
const ContentWrapper = ({
|
|
48
60
|
title,
|
|
49
61
|
onClose,
|
|
@@ -51,99 +63,38 @@ const ContentWrapper = ({
|
|
|
51
63
|
sentiment
|
|
52
64
|
}) => /* @__PURE__ */ jsxs(StyledStack, { gap: 1, children: [
|
|
53
65
|
/* @__PURE__ */ jsxs(Stack, { direction: "row", justifyContent: "space-between", children: [
|
|
54
|
-
/* @__PURE__ */ jsx(
|
|
55
|
-
|
|
56
|
-
{
|
|
57
|
-
variant: "bodyStrong",
|
|
58
|
-
as: "h3",
|
|
59
|
-
sentiment: "neutral",
|
|
60
|
-
prominence: sentiment === "neutral" ? "strong" : "stronger",
|
|
61
|
-
children: title
|
|
62
|
-
}
|
|
63
|
-
),
|
|
64
|
-
/* @__PURE__ */ jsx(
|
|
65
|
-
Button,
|
|
66
|
-
{
|
|
67
|
-
variant: sentiment === "neutral" ? "ghost" : "filled",
|
|
68
|
-
sentiment: sentiment === "neutral" ? "neutral" : "primary",
|
|
69
|
-
onClick: onClose,
|
|
70
|
-
size: "small",
|
|
71
|
-
icon: "close",
|
|
72
|
-
"aria-label": "close"
|
|
73
|
-
}
|
|
74
|
-
)
|
|
66
|
+
/* @__PURE__ */ jsx(Text, { variant: "bodyStrong", as: "h3", sentiment: "neutral", prominence: sentiment === "neutral" ? "strong" : "stronger", children: title }),
|
|
67
|
+
/* @__PURE__ */ jsx(Button, { variant: sentiment === "neutral" ? "ghost" : "filled", sentiment: sentiment === "neutral" ? "neutral" : "primary", onClick: onClose, size: "small", icon: "close", "aria-label": "close" })
|
|
75
68
|
] }),
|
|
76
|
-
typeof children === "string" ? /* @__PURE__ */ jsx(
|
|
77
|
-
Text,
|
|
78
|
-
{
|
|
79
|
-
variant: "bodySmall",
|
|
80
|
-
as: "p",
|
|
81
|
-
sentiment: "neutral",
|
|
82
|
-
prominence: sentiment === "neutral" ? "strong" : "stronger",
|
|
83
|
-
children
|
|
84
|
-
}
|
|
85
|
-
) : children
|
|
69
|
+
typeof children === "string" ? /* @__PURE__ */ jsx(Text, { variant: "bodySmall", as: "p", sentiment: "neutral", prominence: sentiment === "neutral" ? "strong" : "stronger", children }) : children
|
|
86
70
|
] });
|
|
87
|
-
const Popover = forwardRef(
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
StyledPopup,
|
|
115
|
-
{
|
|
116
|
-
hideOnClickOutside: true,
|
|
117
|
-
debounceDelay: 0,
|
|
118
|
-
visible: localVisible,
|
|
119
|
-
placement,
|
|
120
|
-
text: /* @__PURE__ */ jsx(
|
|
121
|
-
ContentWrapper,
|
|
122
|
-
{
|
|
123
|
-
title,
|
|
124
|
-
onClose: localOnClose,
|
|
125
|
-
sentiment,
|
|
126
|
-
children: content
|
|
127
|
-
}
|
|
128
|
-
),
|
|
129
|
-
className,
|
|
130
|
-
sentiment,
|
|
131
|
-
"data-testid": dataTestId,
|
|
132
|
-
size,
|
|
133
|
-
role: "dialog",
|
|
134
|
-
ref,
|
|
135
|
-
tabIndex: -1,
|
|
136
|
-
innerRef,
|
|
137
|
-
onClose: localOnClose,
|
|
138
|
-
maxWidth,
|
|
139
|
-
maxHeight,
|
|
140
|
-
portalTarget,
|
|
141
|
-
dynamicDomRendering,
|
|
142
|
-
children
|
|
143
|
-
}
|
|
144
|
-
);
|
|
145
|
-
}
|
|
146
|
-
);
|
|
71
|
+
const Popover = forwardRef(({
|
|
72
|
+
visible = false,
|
|
73
|
+
children,
|
|
74
|
+
placement,
|
|
75
|
+
content,
|
|
76
|
+
title,
|
|
77
|
+
sentiment = "neutral",
|
|
78
|
+
size = "medium",
|
|
79
|
+
onClose,
|
|
80
|
+
className,
|
|
81
|
+
maxWidth,
|
|
82
|
+
maxHeight,
|
|
83
|
+
"data-testid": dataTestId,
|
|
84
|
+
portalTarget,
|
|
85
|
+
dynamicDomRendering
|
|
86
|
+
}, ref) => {
|
|
87
|
+
const innerRef = useRef(null);
|
|
88
|
+
const [localVisible, setLocalVisible] = useState(visible);
|
|
89
|
+
useEffect(() => {
|
|
90
|
+
setLocalVisible(visible);
|
|
91
|
+
}, [visible]);
|
|
92
|
+
const localOnClose = useCallback(() => {
|
|
93
|
+
setLocalVisible(false);
|
|
94
|
+
onClose?.();
|
|
95
|
+
}, [onClose]);
|
|
96
|
+
return /* @__PURE__ */ jsx(StyledPopup, { hideOnClickOutside: true, debounceDelay: 0, visible: localVisible, placement, text: /* @__PURE__ */ jsx(ContentWrapper, { title, onClose: localOnClose, sentiment, children: content }), className, sentiment, "data-testid": dataTestId, size, role: "dialog", ref, tabIndex: -1, innerRef, onClose: localOnClose, maxWidth, maxHeight, portalTarget, dynamicDomRendering, children });
|
|
97
|
+
});
|
|
147
98
|
export {
|
|
148
99
|
Popover
|
|
149
100
|
};
|
|
@@ -23,12 +23,18 @@ const computePlacement = ({
|
|
|
23
23
|
right: childrenRight,
|
|
24
24
|
width: childrenWidth
|
|
25
25
|
} = childrenStructuredRef;
|
|
26
|
-
const {
|
|
26
|
+
const {
|
|
27
|
+
top: parentTop,
|
|
28
|
+
left: parentLeft
|
|
29
|
+
} = offsetParentRect;
|
|
27
30
|
const isPopupPortalTargetBody = popupPortalTarget === document.body || offsetParent === document.body;
|
|
28
31
|
const overloadedChildrenLeft = isPopupPortalTargetBody ? childrenLeft : childrenLeft - parentLeft;
|
|
29
32
|
const overloadedChildrenTop = isPopupPortalTargetBody ? childrenTop : childrenTop - parentTop;
|
|
30
33
|
const overloadedChildrenRight = isPopupPortalTargetBody ? childrenRight : childrenLeft - parentLeft + childrenWidth;
|
|
31
|
-
const {
|
|
34
|
+
const {
|
|
35
|
+
width: popupWidth,
|
|
36
|
+
height: popupHeight
|
|
37
|
+
} = popupStructuredRef;
|
|
32
38
|
if (overloadedChildrenTop - popupHeight - TOTAL_USED_SPACE < 0) {
|
|
33
39
|
return "bottom";
|
|
34
40
|
}
|
|
@@ -47,7 +53,9 @@ const findOffsetParent = (element) => {
|
|
|
47
53
|
}
|
|
48
54
|
let currentElement = element?.current;
|
|
49
55
|
while (currentElement && currentElement.tagName !== "BODY") {
|
|
50
|
-
const {
|
|
56
|
+
const {
|
|
57
|
+
position
|
|
58
|
+
} = window.getComputedStyle(currentElement);
|
|
51
59
|
if (position !== "static") {
|
|
52
60
|
return currentElement;
|
|
53
61
|
}
|
|
@@ -68,7 +76,10 @@ const getPopupOverflowFromParent = (position, offsetParentRect, childrenRect, po
|
|
|
68
76
|
right: childrenRight,
|
|
69
77
|
width: childrenWidth
|
|
70
78
|
} = childrenRect;
|
|
71
|
-
const {
|
|
79
|
+
const {
|
|
80
|
+
width: popupWidth,
|
|
81
|
+
height: popupHeight
|
|
82
|
+
} = popupStructuredRef;
|
|
72
83
|
const popupHalfWidthWithArrow = popupWidth / 2 - ARROW_WIDTH;
|
|
73
84
|
const popupHalfHeightWithArrow = popupHeight / 2 - ARROW_WIDTH;
|
|
74
85
|
if (position === "top" || position === "bottom") {
|
|
@@ -129,19 +140,20 @@ const computePositions = ({
|
|
|
129
140
|
width: childrenWidth,
|
|
130
141
|
height: childrenHeight
|
|
131
142
|
} = childrenRect;
|
|
132
|
-
const {
|
|
133
|
-
|
|
143
|
+
const {
|
|
144
|
+
top: parentTop,
|
|
145
|
+
left: parentLeft
|
|
146
|
+
} = offsetParentRect;
|
|
147
|
+
const {
|
|
148
|
+
width: popupWidth,
|
|
149
|
+
height: popupHeight
|
|
150
|
+
} = popupStructuredRef;
|
|
134
151
|
const isPopupPortalTargetBody = popupPortalTarget === document.body || offsetParent === document.body;
|
|
135
152
|
const scrollTopValue = isPopupPortalTargetBody ? document.documentElement.scrollTop : offsetParent.scrollTop;
|
|
136
153
|
const overloadedChildrenLeft = isPopupPortalTargetBody ? childrenLeft : childrenLeft - parentLeft;
|
|
137
154
|
const overloadedChildrenTop = isPopupPortalTargetBody ? childrenTop : childrenTop - parentTop;
|
|
138
155
|
const overloadedChildrenRight = isPopupPortalTargetBody ? childrenRight : childrenLeft - parentLeft + childrenWidth;
|
|
139
|
-
const popupOverflow = getPopupOverflowFromParent(
|
|
140
|
-
placementBasedOnWindowSize,
|
|
141
|
-
offsetParentRect,
|
|
142
|
-
childrenRect,
|
|
143
|
-
popupStructuredRef
|
|
144
|
-
);
|
|
156
|
+
const popupOverflow = getPopupOverflowFromParent(placementBasedOnWindowSize, offsetParentRect, childrenRect, popupStructuredRef);
|
|
145
157
|
switch (placementBasedOnWindowSize) {
|
|
146
158
|
case "bottom": {
|
|
147
159
|
const positionX = overloadedChildrenLeft + childrenWidth / 2 - popupWidth / 2;
|