@laerdal/life-react-components 5.0.0-dev.1 → 5.0.0-dev.2
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/Accordion/AccordionItem.cjs +1 -1
- package/dist/Accordion/AccordionItem.cjs.map +1 -1
- package/dist/Accordion/AccordionItem.js +1 -1
- package/dist/Accordion/AccordionItem.js.map +1 -1
- package/dist/Accordion/styles.cjs +3 -3
- package/dist/Accordion/styles.cjs.map +1 -1
- package/dist/Accordion/styles.d.ts +1 -1
- package/dist/Accordion/styles.js +3 -3
- package/dist/Accordion/styles.js.map +1 -1
- package/dist/AuthPage/AuthPage.cjs +1 -1
- package/dist/AuthPage/AuthPage.cjs.map +1 -1
- package/dist/AuthPage/AuthPage.js +1 -1
- package/dist/AuthPage/AuthPage.js.map +1 -1
- package/dist/AuthPage/ScreenSetsContainer.cjs +1 -1
- package/dist/AuthPage/ScreenSetsContainer.cjs.map +1 -1
- package/dist/AuthPage/ScreenSetsContainer.d.ts +1 -1
- package/dist/AuthPage/ScreenSetsContainer.js +1 -1
- package/dist/AuthPage/ScreenSetsContainer.js.map +1 -1
- package/dist/Banners/Banner.cjs +8 -8
- package/dist/Banners/Banner.cjs.map +1 -1
- package/dist/Banners/Banner.d.ts +8 -2
- package/dist/Banners/Banner.js +8 -8
- package/dist/Banners/Banner.js.map +1 -1
- package/dist/Banners/OverviewBanner.d.ts +4 -4
- package/dist/Breadcrumb/Breadcrumb.cjs +2 -2
- package/dist/Breadcrumb/Breadcrumb.cjs.map +1 -1
- package/dist/Breadcrumb/Breadcrumb.js +2 -2
- package/dist/Breadcrumb/Breadcrumb.js.map +1 -1
- package/dist/Breadcrumb/styles.cjs +5 -5
- package/dist/Breadcrumb/styles.cjs.map +1 -1
- package/dist/Breadcrumb/styles.d.ts +2 -2
- package/dist/Breadcrumb/styles.js +5 -5
- package/dist/Breadcrumb/styles.js.map +1 -1
- package/dist/Button/BackButton.cjs +2 -2
- package/dist/Button/BackButton.cjs.map +1 -1
- package/dist/Button/BackButton.js +2 -2
- package/dist/Button/BackButton.js.map +1 -1
- package/dist/Button/Button.cjs +1 -1
- package/dist/Button/Button.cjs.map +1 -1
- package/dist/Button/Button.js +1 -1
- package/dist/Button/Button.js.map +1 -1
- package/dist/Button/DualFunctionButton.cjs +5 -5
- package/dist/Button/DualFunctionButton.cjs.map +1 -1
- package/dist/Button/DualFunctionButton.js +5 -5
- package/dist/Button/DualFunctionButton.js.map +1 -1
- package/dist/Button/Iconbutton.cjs +25 -23
- package/dist/Button/Iconbutton.cjs.map +1 -1
- package/dist/Button/Iconbutton.d.ts +24 -3
- package/dist/Button/Iconbutton.js +25 -23
- package/dist/Button/Iconbutton.js.map +1 -1
- package/dist/Card/VerticalCard/CardBottomSection.cjs +2 -2
- package/dist/Card/VerticalCard/CardBottomSection.cjs.map +1 -1
- package/dist/Card/VerticalCard/CardBottomSection.d.ts +1 -1
- package/dist/Card/VerticalCard/CardBottomSection.js +2 -2
- package/dist/Card/VerticalCard/CardBottomSection.js.map +1 -1
- package/dist/Card/VerticalCard/CardMiddleSection.cjs +2 -2
- package/dist/Card/VerticalCard/CardMiddleSection.cjs.map +1 -1
- package/dist/Card/VerticalCard/CardMiddleSection.d.ts +2 -2
- package/dist/Card/VerticalCard/CardMiddleSection.js +2 -2
- package/dist/Card/VerticalCard/CardMiddleSection.js.map +1 -1
- package/dist/Dropdown/BasicDropdown.cjs +9 -9
- package/dist/Dropdown/BasicDropdown.cjs.map +1 -1
- package/dist/Dropdown/BasicDropdown.js +9 -9
- package/dist/Dropdown/BasicDropdown.js.map +1 -1
- package/dist/Dropdown/CommonStyling.cjs +10 -10
- package/dist/Dropdown/CommonStyling.cjs.map +1 -1
- package/dist/Dropdown/CommonStyling.d.ts +9 -9
- package/dist/Dropdown/CommonStyling.js +10 -10
- package/dist/Dropdown/CommonStyling.js.map +1 -1
- package/dist/Dropdown/DropdownContent.cjs +41 -41
- package/dist/Dropdown/DropdownContent.cjs.map +1 -1
- package/dist/Dropdown/DropdownContent.d.ts +12 -12
- package/dist/Dropdown/DropdownContent.js +41 -41
- package/dist/Dropdown/DropdownContent.js.map +1 -1
- package/dist/Dropdown/DropdownFilter.cjs +8 -8
- package/dist/Dropdown/DropdownFilter.cjs.map +1 -1
- package/dist/Dropdown/DropdownFilter.js +8 -8
- package/dist/Dropdown/DropdownFilter.js.map +1 -1
- package/dist/Footer/Components/FooterDropdownLinks.cjs +3 -3
- package/dist/Footer/Components/FooterDropdownLinks.cjs.map +1 -1
- package/dist/Footer/Components/FooterDropdownLinks.js +3 -3
- package/dist/Footer/Components/FooterDropdownLinks.js.map +1 -1
- package/dist/Footer/Components/FooterNavSection.cjs +2 -2
- package/dist/Footer/Components/FooterNavSection.cjs.map +1 -1
- package/dist/Footer/Components/FooterNavSection.js +2 -2
- package/dist/Footer/Components/FooterNavSection.js.map +1 -1
- package/dist/Footer/SiteFooter.cjs +3 -3
- package/dist/Footer/SiteFooter.cjs.map +1 -1
- package/dist/Footer/SiteFooter.js +3 -3
- package/dist/Footer/SiteFooter.js.map +1 -1
- package/dist/GlobalNavigationBar/GlobalNavigationBar.cjs +5 -5
- package/dist/GlobalNavigationBar/GlobalNavigationBar.cjs.map +1 -1
- package/dist/GlobalNavigationBar/GlobalNavigationBar.js +5 -5
- package/dist/GlobalNavigationBar/GlobalNavigationBar.js.map +1 -1
- package/dist/GlobalNavigationBar/Logo.cjs +4 -4
- package/dist/GlobalNavigationBar/Logo.cjs.map +1 -1
- package/dist/GlobalNavigationBar/Logo.js +4 -4
- package/dist/GlobalNavigationBar/Logo.js.map +1 -1
- package/dist/GlobalNavigationBar/desktop/MainMenu.cjs +2 -13
- package/dist/GlobalNavigationBar/desktop/MainMenu.cjs.map +1 -1
- package/dist/GlobalNavigationBar/desktop/MainMenu.js +2 -13
- package/dist/GlobalNavigationBar/desktop/MainMenu.js.map +1 -1
- package/dist/GlobalNavigationBar/desktop/SubMenu.cjs +5 -5
- package/dist/GlobalNavigationBar/desktop/SubMenu.cjs.map +1 -1
- package/dist/GlobalNavigationBar/desktop/SubMenu.d.ts +2 -2
- package/dist/GlobalNavigationBar/desktop/SubMenu.js +5 -5
- package/dist/GlobalNavigationBar/desktop/SubMenu.js.map +1 -1
- package/dist/HyperLink/HyperLink.cjs +3 -3
- package/dist/HyperLink/HyperLink.cjs.map +1 -1
- package/dist/HyperLink/HyperLink.d.ts +2 -2
- package/dist/HyperLink/HyperLink.js +3 -3
- package/dist/HyperLink/HyperLink.js.map +1 -1
- package/dist/InputFields/Checkbox.cjs +4 -4
- package/dist/InputFields/Checkbox.cjs.map +1 -1
- package/dist/InputFields/Checkbox.d.ts +3 -3
- package/dist/InputFields/Checkbox.js +4 -4
- package/dist/InputFields/Checkbox.js.map +1 -1
- package/dist/InputFields/DatepickerField.cjs +9 -9
- package/dist/InputFields/DatepickerField.cjs.map +1 -1
- package/dist/InputFields/DatepickerField.js +9 -9
- package/dist/InputFields/DatepickerField.js.map +1 -1
- package/dist/InputFields/Label.cjs +2 -2
- package/dist/InputFields/Label.cjs.map +1 -1
- package/dist/InputFields/Label.js +2 -2
- package/dist/InputFields/Label.js.map +1 -1
- package/dist/InputFields/NumberField.cjs +24 -24
- package/dist/InputFields/NumberField.cjs.map +1 -1
- package/dist/InputFields/NumberField.js +24 -24
- package/dist/InputFields/NumberField.js.map +1 -1
- package/dist/InputFields/PasswordField.cjs +4 -4
- package/dist/InputFields/PasswordField.cjs.map +1 -1
- package/dist/InputFields/PasswordField.js +4 -4
- package/dist/InputFields/PasswordField.js.map +1 -1
- package/dist/InputFields/SearchBar.cjs +2 -2
- package/dist/InputFields/SearchBar.cjs.map +1 -1
- package/dist/InputFields/SearchBar.js +2 -2
- package/dist/InputFields/SearchBar.js.map +1 -1
- package/dist/InputFields/TextField.cjs +5 -5
- package/dist/InputFields/TextField.cjs.map +1 -1
- package/dist/InputFields/TextField.js +5 -5
- package/dist/InputFields/TextField.js.map +1 -1
- package/dist/InputFields/Textarea.cjs +3 -3
- package/dist/InputFields/Textarea.cjs.map +1 -1
- package/dist/InputFields/Textarea.js +3 -3
- package/dist/InputFields/Textarea.js.map +1 -1
- package/dist/InputFields/components/SearchField.cjs.map +1 -1
- package/dist/InputFields/components/SearchField.d.ts +1 -1
- package/dist/InputFields/components/SearchField.js.map +1 -1
- package/dist/InputFields/styling.cjs +7 -7
- package/dist/InputFields/styling.cjs.map +1 -1
- package/dist/InputFields/styling.d.ts +9 -9
- package/dist/InputFields/styling.js +7 -7
- package/dist/InputFields/styling.js.map +1 -1
- package/dist/Layouts/index.cjs +11 -11
- package/dist/Layouts/index.cjs.map +1 -1
- package/dist/Layouts/index.d.ts +6 -6
- package/dist/Layouts/index.js +11 -11
- package/dist/Layouts/index.js.map +1 -1
- package/dist/LoadingPage/GlobalLoadingPage.cjs.map +1 -1
- package/dist/LoadingPage/GlobalLoadingPage.js.map +1 -1
- package/dist/MenuItem/MenuItem.cjs +8 -8
- package/dist/MenuItem/MenuItem.cjs.map +1 -1
- package/dist/MenuItem/MenuItem.d.ts +2 -2
- package/dist/MenuItem/MenuItem.js +8 -8
- package/dist/MenuItem/MenuItem.js.map +1 -1
- package/dist/Modals/ModalDialog.cjs +11 -11
- package/dist/Modals/ModalDialog.cjs.map +1 -1
- package/dist/Modals/ModalDialog.js +11 -11
- package/dist/Modals/ModalDialog.js.map +1 -1
- package/dist/Modals/ModalNote.cjs +8 -8
- package/dist/Modals/ModalNote.cjs.map +1 -1
- package/dist/Modals/ModalNote.js +8 -8
- package/dist/Modals/ModalNote.js.map +1 -1
- package/dist/Modals/ModalStyles.cjs +19 -19
- package/dist/Modals/ModalStyles.cjs.map +1 -1
- package/dist/Modals/ModalStyles.d.ts +17 -17
- package/dist/Modals/ModalStyles.js +19 -19
- package/dist/Modals/ModalStyles.js.map +1 -1
- package/dist/NotificationDot/NotificationDot.cjs +11 -12
- package/dist/NotificationDot/NotificationDot.cjs.map +1 -1
- package/dist/NotificationDot/NotificationDot.js +11 -12
- package/dist/NotificationDot/NotificationDot.js.map +1 -1
- package/dist/Popover/Popover.cjs +40 -40
- package/dist/Popover/Popover.cjs.map +1 -1
- package/dist/Popover/Popover.d.ts +9 -9
- package/dist/Popover/Popover.js +40 -40
- package/dist/Popover/Popover.js.map +1 -1
- package/dist/QuizButton/QuizButton.cjs +14 -14
- package/dist/QuizButton/QuizButton.cjs.map +1 -1
- package/dist/QuizButton/QuizButton.js +14 -14
- package/dist/QuizButton/QuizButton.js.map +1 -1
- package/dist/Table/Table.cjs +1 -1
- package/dist/Table/Table.cjs.map +1 -1
- package/dist/Table/Table.js +1 -1
- package/dist/Table/Table.js.map +1 -1
- package/dist/Table/TableBody.cjs +2 -2
- package/dist/Table/TableBody.cjs.map +1 -1
- package/dist/Table/TableBody.js +2 -2
- package/dist/Table/TableBody.js.map +1 -1
- package/dist/Table/TableStyles.cjs +4 -4
- package/dist/Table/TableStyles.cjs.map +1 -1
- package/dist/Table/TableStyles.d.ts +3 -3
- package/dist/Table/TableStyles.js +4 -4
- package/dist/Table/TableStyles.js.map +1 -1
- package/dist/Tabs/TabLink.cjs +3 -3
- package/dist/Tabs/TabLink.cjs.map +1 -1
- package/dist/Tabs/TabLink.js +3 -3
- package/dist/Tabs/TabLink.js.map +1 -1
- package/dist/Tabs/Tabs.cjs.map +1 -1
- package/dist/Tabs/Tabs.js.map +1 -1
- package/dist/Tag/Tag.cjs +6 -6
- package/dist/Tag/Tag.cjs.map +1 -1
- package/dist/Tag/Tag.js +6 -6
- package/dist/Tag/Tag.js.map +1 -1
- package/dist/Toasters/Toast.cjs +16 -16
- package/dist/Toasters/Toast.cjs.map +1 -1
- package/dist/Toasters/Toast.d.ts +6 -7
- package/dist/Toasters/Toast.js +16 -16
- package/dist/Toasters/Toast.js.map +1 -1
- package/dist/Toggles/ToggleSwitch.cjs +1 -1
- package/dist/Toggles/ToggleSwitch.cjs.map +1 -1
- package/dist/Toggles/ToggleSwitch.js +1 -1
- package/dist/Toggles/ToggleSwitch.js.map +1 -1
- package/dist/Toggles/TogglerStyles.cjs.map +1 -1
- package/dist/Toggles/TogglerStyles.d.ts +1 -1
- package/dist/Toggles/TogglerStyles.js.map +1 -1
- package/dist/Tooltips/TooltipOverflow.cjs +7 -7
- package/dist/Tooltips/TooltipOverflow.cjs.map +1 -1
- package/dist/Tooltips/TooltipOverflow.js +7 -7
- package/dist/Tooltips/TooltipOverflow.js.map +1 -1
- package/dist/Tooltips/TooltipStyles.cjs +29 -29
- package/dist/Tooltips/TooltipStyles.cjs.map +1 -1
- package/dist/Tooltips/TooltipStyles.d.ts +9 -9
- package/dist/Tooltips/TooltipStyles.js +29 -29
- package/dist/Tooltips/TooltipStyles.js.map +1 -1
- package/dist/Tooltips/TooltipWrapper.cjs +7 -7
- package/dist/Tooltips/TooltipWrapper.cjs.map +1 -1
- package/dist/Tooltips/TooltipWrapper.js +7 -7
- package/dist/Tooltips/TooltipWrapper.js.map +1 -1
- package/package.json +1 -2
|
@@ -9,64 +9,64 @@ var distanceToEdge = function distanceToEdge(size) {
|
|
|
9
9
|
return size == Size.XSmall ? '8px' : !size || size == Size.Small ? '12px' : '16px';
|
|
10
10
|
};
|
|
11
11
|
export var Tooltip = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n pointer-events: none;\n ", "\n ", "\n ", "\n ", "\n box-shadow: ", ";\n box-sizing: border-box;\n\n padding: ", ";\n border-radius: 2px;\n ", "\n height: ", ";\n max-width: ", ";\n background: ", ";\n position: absolute;\n opacity: 0;\n z-index: ", ";\n ", "\n\n ", "\n ", "\n \n ", "\n\n\n&::after {\n ", "\n content: \"\";\n position: absolute;\n ", "\n\n ", "\n ", "\n\n ", "\n\n ", "\n margin: -0.5px;\n border-width: 4px;\n border-style: solid;\n border-color: ", " ", "\n ", " ", ";\n }\n\n & > span {\n word-wrap: break-word;\n color: white;\n }\n"])), function (props) {
|
|
12
|
-
return props
|
|
12
|
+
return props.$size == Size.Small || props.$size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '';
|
|
13
13
|
}, function (props) {
|
|
14
|
-
return props
|
|
14
|
+
return props.$size == Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '';
|
|
15
15
|
}, function (props) {
|
|
16
|
-
return props
|
|
16
|
+
return props.$size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '';
|
|
17
17
|
}, function (props) {
|
|
18
|
-
return props
|
|
18
|
+
return props.$align == 'center' ? 'text-align: center;' : '';
|
|
19
19
|
}, BOXSHADOWS.BOXSHADOW_L2, function (props) {
|
|
20
|
-
return props
|
|
20
|
+
return props.$size == Size.XSmall ? '4px 8px' : props.$size == Size.Medium ? '8px 12px' : '6px 10px';
|
|
21
21
|
}, function (props) {
|
|
22
|
-
return props
|
|
22
|
+
return props.$width ? "width: ".concat(props.$width, ";") : 'width: max-content;';
|
|
23
23
|
}, function (props) {
|
|
24
|
-
return props
|
|
24
|
+
return props.$height;
|
|
25
25
|
}, function (props) {
|
|
26
|
-
var _props
|
|
27
|
-
return (_props
|
|
26
|
+
var _props$$maxWidth;
|
|
27
|
+
return (_props$$maxWidth = props.$maxWidth) !== null && _props$$maxWidth !== void 0 ? _props$$maxWidth : '34em';
|
|
28
28
|
}, function (props) {
|
|
29
29
|
return COLORS.getColor('primary_800', props.theme);
|
|
30
30
|
}, Z_INDEXES.tooltip, function (props) {
|
|
31
|
-
return props
|
|
31
|
+
return props.$position == 'top' ? 'bottom: 110%;' : props.$position == 'bottom' ? 'top: 110%;' : '';
|
|
32
32
|
}, function (props) {
|
|
33
|
-
return props
|
|
33
|
+
return props.$position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '';
|
|
34
34
|
}, function (props) {
|
|
35
|
-
return props
|
|
35
|
+
return props.$position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '';
|
|
36
36
|
}, function (props) {
|
|
37
|
-
return props
|
|
37
|
+
return props.$position == 'left' || props.$position == 'right' ? '' : props.$align == 'start' ? 'left: 0%;' : props.$align == 'end' ? 'right: 0%;' : 'left: 50%; transform: translateX(-50%);';
|
|
38
38
|
}, function (props) {
|
|
39
|
-
return !props
|
|
39
|
+
return !props.$withArrow ? 'display: none;' : '';
|
|
40
40
|
}, function (props) {
|
|
41
|
-
return props
|
|
41
|
+
return props.$position == 'top' ? 'top: 100%;' : props.$position == 'bottom' ? 'bottom: 100%;' : '';
|
|
42
42
|
}, function (props) {
|
|
43
|
-
return props
|
|
43
|
+
return props.$position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '';
|
|
44
44
|
}, function (props) {
|
|
45
|
-
return props
|
|
45
|
+
return props.$position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '';
|
|
46
46
|
}, function (props) {
|
|
47
|
-
return props
|
|
47
|
+
return props.$position == 'left' || props.$position == 'right' ? '' : props.$align == 'start' ? "left: ".concat(distanceToEdge(props.$size), ";") : props.$align == 'end' ? "right: ".concat(distanceToEdge(props.$size), ";") : 'left: 50%;';
|
|
48
48
|
}, function (props) {
|
|
49
|
-
return props
|
|
49
|
+
return props.$position == 'left' ? '' : 'margin-left: -5px;';
|
|
50
50
|
}, function (props) {
|
|
51
|
-
return props
|
|
51
|
+
return props.$position == 'top' ? COLORS.getColor('primary_800', props.theme) : 'transparent';
|
|
52
52
|
}, function (props) {
|
|
53
|
-
return props
|
|
53
|
+
return props.$position == 'right' ? COLORS.getColor('primary_800', props.theme) : 'transparent';
|
|
54
54
|
}, function (props) {
|
|
55
|
-
return props
|
|
55
|
+
return props.$position == 'bottom' ? COLORS.getColor('primary_800', props.theme) : 'transparent';
|
|
56
56
|
}, function (props) {
|
|
57
|
-
return props
|
|
57
|
+
return props.$position == 'left' ? COLORS.getColor('primary_800', props.theme) : 'transparent';
|
|
58
58
|
});
|
|
59
59
|
Tooltip.defaultProps = {
|
|
60
|
-
withArrow: false,
|
|
61
|
-
size: Size.Small,
|
|
62
|
-
height: 'auto',
|
|
63
|
-
align: 'center',
|
|
64
|
-
position: 'bottom'
|
|
60
|
+
$withArrow: false,
|
|
61
|
+
$size: Size.Small,
|
|
62
|
+
$height: 'auto',
|
|
63
|
+
$align: 'center',
|
|
64
|
+
$position: 'bottom'
|
|
65
65
|
};
|
|
66
66
|
export var TooltipTrigger = function TooltipTrigger(triggerType, delay) {
|
|
67
67
|
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", "\n"])), triggerType == 'hover' ? "&:hover ".concat(Tooltip, ", &:focus-within ").concat(Tooltip, ", &:focus ").concat(Tooltip, " {\n opacity: 1;\n transition: 0.5s;\n transition-delay: ").concat(delay !== null && delay !== void 0 ? delay : '0.7s', ";\n }") : "& ".concat(Tooltip, " {\n transition: 0.5s;\n transition-delay: ").concat(delay !== null && delay !== void 0 ? delay : '0s', ";\n }\n \n &.show ").concat(Tooltip, " {\n opacity: 1;\n }\n \n &.hide ").concat(Tooltip, " {\n opacity: 0;\n }"));
|
|
68
68
|
};
|
|
69
69
|
export var TooltipContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: inline-block;\n position: relative;\n\n ", "\n\n &:focus {\n ", "\n }\n"])), function (props) {
|
|
70
|
-
return TooltipTrigger(props
|
|
70
|
+
return TooltipTrigger(props.$triggerType, props.$delay);
|
|
71
71
|
}, focusStyles);
|
|
72
72
|
//# sourceMappingURL=TooltipStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipStyles.js","names":["styled","css","Size","BOXSHADOWS","COLORS","ComponentTextStyle","focusStyles","ComponentMStyling","ComponentSStyling","ComponentXSStyling","Z_INDEXES","distanceToEdge","size","XSmall","Small","Tooltip","div","_templateObject","_taggedTemplateLiteral","props","Medium","Regular","getColor","theme","align","BOXSHADOW_L2","width","concat","height","_props
|
|
1
|
+
{"version":3,"file":"TooltipStyles.js","names":["styled","css","Size","BOXSHADOWS","COLORS","ComponentTextStyle","focusStyles","ComponentMStyling","ComponentSStyling","ComponentXSStyling","Z_INDEXES","distanceToEdge","size","XSmall","Small","Tooltip","div","_templateObject","_taggedTemplateLiteral","props","$size","Medium","Regular","getColor","theme","$align","BOXSHADOW_L2","$width","concat","$height","_props$$maxWidth","$maxWidth","tooltip","$position","$withArrow","defaultProps","TooltipTrigger","triggerType","delay","_templateObject2","TooltipContainer","_templateObject3","$triggerType","$delay"],"sources":["../../src/Tooltips/TooltipStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { Size } from '../types';\r\nimport { BOXSHADOWS, COLORS, ComponentTextStyle, focusStyles } from '../styles';\r\nimport { ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';\r\nimport { Z_INDEXES } from '../styles/z-indexes';\r\n\r\nconst distanceToEdge = (size: Size | undefined) => {\r\n return size == Size.XSmall ? '8px' : !size || size == Size.Small ? '12px' : '16px';\r\n};\r\n\r\nexport const Tooltip = styled.div<{\r\n $withArrow?: boolean;\r\n $size?: Size;\r\n $height?: string;\r\n $maxWidth?: string;\r\n $align?: 'start' | 'end' | 'center' | undefined;\r\n $position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\r\n $width?: string;\r\n}>`\r\n pointer-events: none;\r\n ${(props) => (props.$size == Size.Small || props.$size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\r\n ${(props) => (props.$size == Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\r\n ${(props) => (props.$size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\r\n ${(props) => (props.$align == 'center' ? 'text-align: center;' : '')}\r\n box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\r\n box-sizing: border-box;\r\n\r\n padding: ${(props) => (props.$size == Size.XSmall ? '4px 8px' : props.$size == Size.Medium ? '8px 12px' : '6px 10px')};\r\n border-radius: 2px;\r\n ${(props) => (props.$width ? `width: ${props.$width};` : 'width: max-content;')}\r\n height: ${(props) => props.$height};\r\n max-width: ${(props) => props.$maxWidth ?? '34em'};\r\n background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n position: absolute;\r\n opacity: 0;\r\n z-index: ${Z_INDEXES.tooltip};\r\n ${(props) => (props.$position == 'top' ? 'bottom: 110%;' : props.$position == 'bottom' ? 'top: 110%;' : '')}\r\n\r\n ${(props) => (props.$position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\r\n ${(props) => (props.$position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\r\n \r\n ${(props) =>\r\n props.$position == 'left' || props.$position == 'right'\r\n ? ''\r\n : props.$align == 'start'\r\n ? 'left: 0%;'\r\n : props.$align == 'end'\r\n ? 'right: 0%;'\r\n : 'left: 50%; transform: translateX(-50%);'}\r\n\r\n\r\n&::after {\r\n ${(props) => (!props.$withArrow ? 'display: none;' : '')}\r\n content: \"\";\r\n position: absolute;\r\n ${(props) => (props.$position == 'top' ? 'top: 100%;' : props.$position == 'bottom' ? 'bottom: 100%;' : '')}\r\n\r\n ${(props) => (props.$position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\r\n ${(props) => (props.$position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\r\n\r\n ${(props) =>\r\n props.$position == 'left' || props.$position == 'right'\r\n ? ''\r\n : props.$align == 'start'\r\n ? `left: ${distanceToEdge(props.$size)};`\r\n : props.$align == 'end'\r\n ? `right: ${distanceToEdge(props.$size)};`\r\n : 'left: 50%;'}\r\n\r\n ${(props) => (props.$position == 'left' ? '' : 'margin-left: -5px;')}\r\n margin: -0.5px;\r\n border-width: 4px;\r\n border-style: solid;\r\n border-color: ${(props) => (props.$position == 'top' ? COLORS.getColor('primary_800', props.theme) : 'transparent')} ${(props) => (props.$position == 'right' ? COLORS.getColor('primary_800', props.theme) : 'transparent')}\r\n ${(props) => (props.$position == 'bottom' ? COLORS.getColor('primary_800', props.theme) : 'transparent')} ${(props) => (props.$position == 'left' ? COLORS.getColor('primary_800', props.theme) : 'transparent')};\r\n }\r\n\r\n & > span {\r\n word-wrap: break-word;\r\n color: white;\r\n }\r\n`;\r\n\r\nTooltip.defaultProps = {\r\n $withArrow: false,\r\n $size: Size.Small,\r\n $height: 'auto',\r\n $align: 'center',\r\n $position: 'bottom',\r\n};\r\n\r\nexport const TooltipTrigger = (triggerType: 'hover' | 'click', delay?: string) => css`\r\n ${triggerType == 'hover'\r\n ? `&:hover ${Tooltip}, &:focus-within ${Tooltip}, &:focus ${Tooltip} {\r\n opacity: 1;\r\n transition: 0.5s;\r\n transition-delay: ${delay ?? '0.7s'};\r\n }`\r\n : `& ${Tooltip} {\r\n transition: 0.5s;\r\n transition-delay: ${delay ?? '0s'};\r\n }\r\n \r\n &.show ${Tooltip} {\r\n opacity: 1;\r\n }\r\n \r\n &.hide ${Tooltip} {\r\n opacity: 0;\r\n }`}\r\n`;\r\n\r\nexport const TooltipContainer = styled.div<{ $triggerType: 'hover' | 'click', $delay?: string }>`\r\n display: inline-block;\r\n position: relative;\r\n\r\n ${(props) => TooltipTrigger(props.$triggerType, props.$delay)}\r\n\r\n &:focus {\r\n ${focusStyles}\r\n }\r\n`;\r\n"],"mappings":";;AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,UAAU,EAAEC,MAAM,EAAEC,kBAAkB,EAAEC,WAAW,QAAQ,WAAW;AAC/E,SAASC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAQ,sBAAsB;AAC/F,SAASC,SAAS,QAAQ,qBAAqB;AAE/C,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAsB,EAAK;EACjD,OAAOA,IAAI,IAAIV,IAAI,CAACW,MAAM,GAAG,KAAK,GAAG,CAACD,IAAI,IAAIA,IAAI,IAAIV,IAAI,CAACY,KAAK,GAAG,MAAM,GAAG,MAAM;AACpF,CAAC;AAED,OAAO,IAAMC,OAAO,GAAGf,MAAM,CAACgB,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,ipBAU7B,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACC,KAAK,IAAIlB,IAAI,CAACY,KAAK,IAAIK,KAAK,CAACC,KAAK,IAAIlB,IAAI,CAACmB,MAAM,GAAGb,iBAAiB,CAACH,kBAAkB,CAACiB,OAAO,EAAElB,MAAM,CAACmB,QAAQ,CAAC,OAAO,EAAEJ,KAAK,CAACK,KAAK,CAAC,CAAC,GAAG,EAAE;AAAA,CAAC,EAChK,UAACL,KAAK;EAAA,OAAMA,KAAK,CAACC,KAAK,IAAIlB,IAAI,CAACW,MAAM,GAAGJ,kBAAkB,CAACJ,kBAAkB,CAACiB,OAAO,EAAElB,MAAM,CAACmB,QAAQ,CAAC,OAAO,EAAEJ,KAAK,CAACK,KAAK,CAAC,CAAC,GAAG,EAAE;AAAA,CAAC,EAClI,UAACL,KAAK;EAAA,OAAMA,KAAK,CAACC,KAAK,IAAIlB,IAAI,CAACmB,MAAM,GAAGd,iBAAiB,CAACF,kBAAkB,CAACiB,OAAO,EAAElB,MAAM,CAACmB,QAAQ,CAAC,OAAO,EAAEJ,KAAK,CAACK,KAAK,CAAC,CAAC,GAAG,EAAE;AAAA,CAAC,EACnI,UAACL,KAAK;EAAA,OAAMA,KAAK,CAACM,MAAM,IAAI,QAAQ,GAAG,qBAAqB,GAAG,EAAE;AAAA,CAAC,EACtDtB,UAAU,CAACuB,YAAY,EAG5B,UAACP,KAAK;EAAA,OAAMA,KAAK,CAACC,KAAK,IAAIlB,IAAI,CAACW,MAAM,GAAG,SAAS,GAAGM,KAAK,CAACC,KAAK,IAAIlB,IAAI,CAACmB,MAAM,GAAG,UAAU,GAAG,UAAU;AAAA,CAAC,EAEnH,UAACF,KAAK;EAAA,OAAMA,KAAK,CAACQ,MAAM,aAAAC,MAAA,CAAaT,KAAK,CAACQ,MAAM,SAAM,qBAAqB;AAAA,CAAC,EACrE,UAACR,KAAK;EAAA,OAAKA,KAAK,CAACU,OAAO;AAAA,GACrB,UAACV,KAAK;EAAA,IAAAW,gBAAA;EAAA,QAAAA,gBAAA,GAAKX,KAAK,CAACY,SAAS,cAAAD,gBAAA,cAAAA,gBAAA,GAAI,MAAM;AAAA,GACnC,UAAAX,KAAK;EAAA,OAAIf,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC;AAAA,GAGvDd,SAAS,CAACsB,OAAO,EAC1B,UAACb,KAAK;EAAA,OAAMA,KAAK,CAACc,SAAS,IAAI,KAAK,GAAG,eAAe,GAAGd,KAAK,CAACc,SAAS,IAAI,QAAQ,GAAG,YAAY,GAAG,EAAE;AAAA,CAAC,EAEzG,UAACd,KAAK;EAAA,OAAMA,KAAK,CAACc,SAAS,IAAI,MAAM,GAAG,4DAA4D,GAAG,EAAE;AAAA,CAAC,EACxG,UAACd,KAAK;EAAA,OAAMA,KAAK,CAACc,SAAS,IAAI,OAAO,GAAG,qDAAqD,GAAG,EAAE;AAAA,CAAC,EAEpG,UAACd,KAAK;EAAA,OACRA,KAAK,CAACc,SAAS,IAAI,MAAM,IAAId,KAAK,CAACc,SAAS,IAAI,OAAO,GACnD,EAAE,GACFd,KAAK,CAACM,MAAM,IAAI,OAAO,GACvB,WAAW,GACXN,KAAK,CAACM,MAAM,IAAI,KAAK,GACrB,YAAY,GACZ,yCAAyC;AAAA,GAI3C,UAACN,KAAK;EAAA,OAAM,CAACA,KAAK,CAACe,UAAU,GAAG,gBAAgB,GAAG,EAAE;AAAA,CAAC,EAGtD,UAACf,KAAK;EAAA,OAAMA,KAAK,CAACc,SAAS,IAAI,KAAK,GAAG,YAAY,GAAGd,KAAK,CAACc,SAAS,IAAI,QAAQ,GAAG,eAAe,GAAG,EAAE;AAAA,CAAC,EAEzG,UAACd,KAAK;EAAA,OAAMA,KAAK,CAACc,SAAS,IAAI,OAAO,GAAG,uDAAuD,GAAG,EAAE;AAAA,CAAC,EACtG,UAACd,KAAK;EAAA,OAAMA,KAAK,CAACc,SAAS,IAAI,MAAM,GAAG,sDAAsD,GAAG,EAAE;AAAA,CAAC,EAEpG,UAACd,KAAK;EAAA,OACNA,KAAK,CAACc,SAAS,IAAI,MAAM,IAAId,KAAK,CAACc,SAAS,IAAI,OAAO,GACnD,EAAE,GACFd,KAAK,CAACM,MAAM,IAAI,OAAO,YAAAG,MAAA,CACdjB,cAAc,CAACQ,KAAK,CAACC,KAAK,CAAC,SACpCD,KAAK,CAACM,MAAM,IAAI,KAAK,aAAAG,MAAA,CACXjB,cAAc,CAACQ,KAAK,CAACC,KAAK,CAAC,SACrC,YAAY;AAAA,GAEhB,UAACD,KAAK;EAAA,OAAMA,KAAK,CAACc,SAAS,IAAI,MAAM,GAAG,EAAE,GAAG,oBAAoB;AAAA,CAAC,EAIpD,UAACd,KAAK;EAAA,OAAMA,KAAK,CAACc,SAAS,IAAI,KAAK,GAAG7B,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC,GAAG,aAAa;AAAA,CAAC,EAAI,UAACL,KAAK;EAAA,OAAMA,KAAK,CAACc,SAAS,IAAI,OAAO,GAAG7B,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC,GAAG,aAAa;AAAA,CAAC,EACxN,UAACL,KAAK;EAAA,OAAMA,KAAK,CAACc,SAAS,IAAI,QAAQ,GAAG7B,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC,GAAG,aAAa;AAAA,CAAC,EAAI,UAACL,KAAK;EAAA,OAAMA,KAAK,CAACc,SAAS,IAAI,MAAM,GAAG7B,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEJ,KAAK,CAACK,KAAK,CAAC,GAAG,aAAa;AAAA,CAAC,CAOrN;AAEDT,OAAO,CAACoB,YAAY,GAAG;EACrBD,UAAU,EAAE,KAAK;EACjBd,KAAK,EAAElB,IAAI,CAACY,KAAK;EACjBe,OAAO,EAAE,MAAM;EACfJ,MAAM,EAAE,QAAQ;EAChBQ,SAAS,EAAE;AACb,CAAC;AAED,OAAO,IAAMG,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,WAA8B,EAAEC,KAAc;EAAA,OAAKrC,GAAG,CAAAsC,gBAAA,KAAAA,gBAAA,GAAArB,sBAAA,mBACjFmB,WAAW,IAAI,OAAO,cAAAT,MAAA,CACTb,OAAO,uBAAAa,MAAA,CAAoBb,OAAO,gBAAAa,MAAA,CAAab,OAAO,4EAAAa,MAAA,CAG/CU,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,MAAM,qBAAAV,MAAA,CAE5Bb,OAAO,2DAAAa,MAAA,CAEQU,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,IAAI,+BAAAV,MAAA,CAG1Bb,OAAO,mDAAAa,MAAA,CAIPb,OAAO,iCAEd;AAAA,CACL;AAED,OAAO,IAAMyB,gBAAgB,GAAGxC,MAAM,CAACgB,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAAvB,sBAAA,oGAItC,UAACC,KAAK;EAAA,OAAKiB,cAAc,CAACjB,KAAK,CAACuB,YAAY,EAAEvB,KAAK,CAACwB,MAAM,CAAC;AAAA,GAGzDrC,WAAW,CAEhB","ignoreList":[]}
|
|
@@ -81,17 +81,17 @@ var TooltipWrapper = function TooltipWrapper(_ref) {
|
|
|
81
81
|
var cls = "".concat(trigger === 'click' ? showTooltip ? 'show' : 'hide' : '');
|
|
82
82
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TooltipStyles.TooltipContainer, {
|
|
83
83
|
ref: ref,
|
|
84
|
-
delay: delay,
|
|
84
|
+
$delay: delay,
|
|
85
85
|
tabIndex: tabIndex,
|
|
86
|
-
triggerType: trigger,
|
|
86
|
+
$triggerType: trigger,
|
|
87
87
|
className: cls,
|
|
88
88
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TooltipStyles.Tooltip, _objectSpread(_objectSpread({
|
|
89
|
-
align: align,
|
|
90
|
-
height: height,
|
|
89
|
+
$align: align,
|
|
90
|
+
$height: height,
|
|
91
91
|
role: "tooltip",
|
|
92
|
-
size: size,
|
|
93
|
-
withArrow: withArrow,
|
|
94
|
-
position: position
|
|
92
|
+
$size: size,
|
|
93
|
+
$withArrow: withArrow,
|
|
94
|
+
$position: position
|
|
95
95
|
}, props), {}, {
|
|
96
96
|
children: label
|
|
97
97
|
})), children]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipWrapper.cjs","names":["React","_interopRequireWildcard","require","_TooltipStyles","_common","_types","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","TooltipWrapper","_ref","label","children","withArrow","tabIndex","_ref$size","size","Size","Small","_ref$height","height","_ref$delay","delay","undefined","_ref$align","align","_ref$position","position","_ref$trigger","trigger","_ref$hideAfter","hideAfter","props","_objectWithoutProperties2","_React$useState","useState","_React$useState2","_slicedToArray2","showTooltip","setShowTooltip","timeoutRef","useRef","ref","useClickOutsideRef","handleClick","_ref$current","current","contains","target","clearTimeout","setTimeout","handleButtonDown","key","useEffect","_ref$current2","document","addEventListener","_ref$current3","removeEventListener","cls","concat","jsxs","TooltipContainer","triggerType","className","jsx","Tooltip","role","_default","exports"],"sources":["../../src/Tooltips/TooltipWrapper.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport {TooltipProps} from './TooltipTypes';\r\n\r\nimport {TooltipContainer, Tooltip} from './TooltipStyles';\r\nimport {useClickOutsideRef} from '../common';\r\nimport {useEffect, useRef} from \"react\";\r\nimport {Size} from \"../types\";\r\n\r\nconst TooltipWrapper = ({\r\n label, children,\r\n withArrow,\r\n tabIndex,\r\n size = Size.Small,\r\n height = 'auto',\r\n delay = undefined,\r\n align = 'center',\r\n position = 'bottom',\r\n trigger = 'hover',\r\n hideAfter = 5000,\r\n ...props\r\n }: TooltipProps) => {\r\n\r\n const [showTooltip, setShowTooltip] = React.useState(false);\r\n const timeoutRef = useRef<any>();\r\n\r\n const ref = useClickOutsideRef(() => setShowTooltip(false));\r\n\r\n const handleClick = (e?: MouseEvent) => {\r\n if (ref?.current?.contains(e?.target as Node)) {\r\n setShowTooltip(true)\r\n timeoutRef.current && clearTimeout(timeoutRef.current);\r\n timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\r\n }\r\n }\r\n const handleButtonDown = (e?: KeyboardEvent) => {\r\n if (e?.key === 'Enter' || e?.key === ' ') {\r\n setShowTooltip(true);\r\n timeoutRef.current && clearTimeout(timeoutRef.current);\r\n timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (trigger == 'click') {\r\n document.addEventListener('mousedown', handleClick);\r\n ref?.current?.addEventListener('keydown', handleButtonDown);\r\n\r\n return () => {\r\n document.removeEventListener('mousedown', handleClick);\r\n ref?.current?.removeEventListener('keydown', handleButtonDown);\r\n };\r\n }\r\n }, [trigger])\r\n\r\n const cls = `${trigger === 'click' ? showTooltip ? 'show' : 'hide' : ''}`;\r\n return <TooltipContainer ref={ref}\r\n delay={delay}\r\n tabIndex={tabIndex}\r\n triggerType={trigger}\r\n className={cls}>\r\n <Tooltip align={align}\r\n height={height}\r\n role=\"tooltip\"\r\n size={size}\r\n withArrow={withArrow}\r\n position={position}\r\n {...props}>\r\n {label}\r\n </Tooltip>\r\n {children}\r\n </TooltipContainer>;\r\n};\r\n\r\nexport default TooltipWrapper;\r\n"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"TooltipWrapper.cjs","names":["React","_interopRequireWildcard","require","_TooltipStyles","_common","_types","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","TooltipWrapper","_ref","label","children","withArrow","tabIndex","_ref$size","size","Size","Small","_ref$height","height","_ref$delay","delay","undefined","_ref$align","align","_ref$position","position","_ref$trigger","trigger","_ref$hideAfter","hideAfter","props","_objectWithoutProperties2","_React$useState","useState","_React$useState2","_slicedToArray2","showTooltip","setShowTooltip","timeoutRef","useRef","ref","useClickOutsideRef","handleClick","_ref$current","current","contains","target","clearTimeout","setTimeout","handleButtonDown","key","useEffect","_ref$current2","document","addEventListener","_ref$current3","removeEventListener","cls","concat","jsxs","TooltipContainer","$delay","$triggerType","className","jsx","Tooltip","$align","$height","role","$size","$withArrow","$position","_default","exports"],"sources":["../../src/Tooltips/TooltipWrapper.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport {TooltipProps} from './TooltipTypes';\r\n\r\nimport {TooltipContainer, Tooltip} from './TooltipStyles';\r\nimport {useClickOutsideRef} from '../common';\r\nimport {useEffect, useRef} from \"react\";\r\nimport {Size} from \"../types\";\r\n\r\nconst TooltipWrapper = ({\r\n label, children,\r\n withArrow,\r\n tabIndex,\r\n size = Size.Small,\r\n height = 'auto',\r\n delay = undefined,\r\n align = 'center',\r\n position = 'bottom',\r\n trigger = 'hover',\r\n hideAfter = 5000,\r\n ...props\r\n }: TooltipProps) => {\r\n\r\n const [showTooltip, setShowTooltip] = React.useState(false);\r\n const timeoutRef = useRef<any>();\r\n\r\n const ref = useClickOutsideRef(() => setShowTooltip(false));\r\n\r\n const handleClick = (e?: MouseEvent) => {\r\n if (ref?.current?.contains(e?.target as Node)) {\r\n setShowTooltip(true)\r\n timeoutRef.current && clearTimeout(timeoutRef.current);\r\n timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\r\n }\r\n }\r\n const handleButtonDown = (e?: KeyboardEvent) => {\r\n if (e?.key === 'Enter' || e?.key === ' ') {\r\n setShowTooltip(true);\r\n timeoutRef.current && clearTimeout(timeoutRef.current);\r\n timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (trigger == 'click') {\r\n document.addEventListener('mousedown', handleClick);\r\n ref?.current?.addEventListener('keydown', handleButtonDown);\r\n\r\n return () => {\r\n document.removeEventListener('mousedown', handleClick);\r\n ref?.current?.removeEventListener('keydown', handleButtonDown);\r\n };\r\n }\r\n }, [trigger])\r\n\r\n const cls = `${trigger === 'click' ? showTooltip ? 'show' : 'hide' : ''}`;\r\n return <TooltipContainer ref={ref}\r\n $delay={delay}\r\n tabIndex={tabIndex}\r\n $triggerType={trigger}\r\n className={cls}>\r\n <Tooltip $align={align}\r\n $height={height}\r\n role=\"tooltip\"\r\n $size={size}\r\n $withArrow={withArrow}\r\n $position={position}\r\n {...props}>\r\n {label}\r\n </Tooltip>\r\n {children}\r\n </TooltipContainer>;\r\n};\r\n\r\nexport default TooltipWrapper;\r\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -73,17 +73,17 @@ var TooltipWrapper = function TooltipWrapper(_ref) {
|
|
|
73
73
|
var cls = "".concat(trigger === 'click' ? showTooltip ? 'show' : 'hide' : '');
|
|
74
74
|
return /*#__PURE__*/_jsxs(TooltipContainer, {
|
|
75
75
|
ref: ref,
|
|
76
|
-
delay: delay,
|
|
76
|
+
$delay: delay,
|
|
77
77
|
tabIndex: tabIndex,
|
|
78
|
-
triggerType: trigger,
|
|
78
|
+
$triggerType: trigger,
|
|
79
79
|
className: cls,
|
|
80
80
|
children: [/*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
|
|
81
|
-
align: align,
|
|
82
|
-
height: height,
|
|
81
|
+
$align: align,
|
|
82
|
+
$height: height,
|
|
83
83
|
role: "tooltip",
|
|
84
|
-
size: size,
|
|
85
|
-
withArrow: withArrow,
|
|
86
|
-
position: position
|
|
84
|
+
$size: size,
|
|
85
|
+
$withArrow: withArrow,
|
|
86
|
+
$position: position
|
|
87
87
|
}, props), {}, {
|
|
88
88
|
children: label
|
|
89
89
|
})), children]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipWrapper.js","names":["React","TooltipContainer","Tooltip","useClickOutsideRef","useEffect","useRef","Size","jsx","_jsx","jsxs","_jsxs","TooltipWrapper","_ref","label","children","withArrow","tabIndex","_ref$size","size","Small","_ref$height","height","_ref$delay","delay","undefined","_ref$align","align","_ref$position","position","_ref$trigger","trigger","_ref$hideAfter","hideAfter","props","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","showTooltip","setShowTooltip","timeoutRef","ref","handleClick","e","_ref$current","current","contains","target","clearTimeout","setTimeout","handleButtonDown","key","_ref$current2","document","addEventListener","_ref$current3","removeEventListener","cls","concat","triggerType","className","_objectSpread","role"],"sources":["../../src/Tooltips/TooltipWrapper.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport {TooltipProps} from './TooltipTypes';\r\n\r\nimport {TooltipContainer, Tooltip} from './TooltipStyles';\r\nimport {useClickOutsideRef} from '../common';\r\nimport {useEffect, useRef} from \"react\";\r\nimport {Size} from \"../types\";\r\n\r\nconst TooltipWrapper = ({\r\n label, children,\r\n withArrow,\r\n tabIndex,\r\n size = Size.Small,\r\n height = 'auto',\r\n delay = undefined,\r\n align = 'center',\r\n position = 'bottom',\r\n trigger = 'hover',\r\n hideAfter = 5000,\r\n ...props\r\n }: TooltipProps) => {\r\n\r\n const [showTooltip, setShowTooltip] = React.useState(false);\r\n const timeoutRef = useRef<any>();\r\n\r\n const ref = useClickOutsideRef(() => setShowTooltip(false));\r\n\r\n const handleClick = (e?: MouseEvent) => {\r\n if (ref?.current?.contains(e?.target as Node)) {\r\n setShowTooltip(true)\r\n timeoutRef.current && clearTimeout(timeoutRef.current);\r\n timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\r\n }\r\n }\r\n const handleButtonDown = (e?: KeyboardEvent) => {\r\n if (e?.key === 'Enter' || e?.key === ' ') {\r\n setShowTooltip(true);\r\n timeoutRef.current && clearTimeout(timeoutRef.current);\r\n timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (trigger == 'click') {\r\n document.addEventListener('mousedown', handleClick);\r\n ref?.current?.addEventListener('keydown', handleButtonDown);\r\n\r\n return () => {\r\n document.removeEventListener('mousedown', handleClick);\r\n ref?.current?.removeEventListener('keydown', handleButtonDown);\r\n };\r\n }\r\n }, [trigger])\r\n\r\n const cls = `${trigger === 'click' ? showTooltip ? 'show' : 'hide' : ''}`;\r\n return <TooltipContainer ref={ref}\r\n delay={delay}\r\n tabIndex={tabIndex}\r\n triggerType={trigger}\r\n className={cls}>\r\n <Tooltip align={align}\r\n height={height}\r\n role=\"tooltip\"\r\n size={size}\r\n withArrow={withArrow}\r\n position={position}\r\n {...props}>\r\n {label}\r\n </Tooltip>\r\n {children}\r\n </TooltipContainer>;\r\n};\r\n\r\nexport default TooltipWrapper;\r\n"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"TooltipWrapper.js","names":["React","TooltipContainer","Tooltip","useClickOutsideRef","useEffect","useRef","Size","jsx","_jsx","jsxs","_jsxs","TooltipWrapper","_ref","label","children","withArrow","tabIndex","_ref$size","size","Small","_ref$height","height","_ref$delay","delay","undefined","_ref$align","align","_ref$position","position","_ref$trigger","trigger","_ref$hideAfter","hideAfter","props","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","showTooltip","setShowTooltip","timeoutRef","ref","handleClick","e","_ref$current","current","contains","target","clearTimeout","setTimeout","handleButtonDown","key","_ref$current2","document","addEventListener","_ref$current3","removeEventListener","cls","concat","$delay","$triggerType","className","_objectSpread","$align","$height","role","$size","$withArrow","$position"],"sources":["../../src/Tooltips/TooltipWrapper.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport {TooltipProps} from './TooltipTypes';\r\n\r\nimport {TooltipContainer, Tooltip} from './TooltipStyles';\r\nimport {useClickOutsideRef} from '../common';\r\nimport {useEffect, useRef} from \"react\";\r\nimport {Size} from \"../types\";\r\n\r\nconst TooltipWrapper = ({\r\n label, children,\r\n withArrow,\r\n tabIndex,\r\n size = Size.Small,\r\n height = 'auto',\r\n delay = undefined,\r\n align = 'center',\r\n position = 'bottom',\r\n trigger = 'hover',\r\n hideAfter = 5000,\r\n ...props\r\n }: TooltipProps) => {\r\n\r\n const [showTooltip, setShowTooltip] = React.useState(false);\r\n const timeoutRef = useRef<any>();\r\n\r\n const ref = useClickOutsideRef(() => setShowTooltip(false));\r\n\r\n const handleClick = (e?: MouseEvent) => {\r\n if (ref?.current?.contains(e?.target as Node)) {\r\n setShowTooltip(true)\r\n timeoutRef.current && clearTimeout(timeoutRef.current);\r\n timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\r\n }\r\n }\r\n const handleButtonDown = (e?: KeyboardEvent) => {\r\n if (e?.key === 'Enter' || e?.key === ' ') {\r\n setShowTooltip(true);\r\n timeoutRef.current && clearTimeout(timeoutRef.current);\r\n timeoutRef.current = setTimeout(() => setShowTooltip(false), hideAfter);\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (trigger == 'click') {\r\n document.addEventListener('mousedown', handleClick);\r\n ref?.current?.addEventListener('keydown', handleButtonDown);\r\n\r\n return () => {\r\n document.removeEventListener('mousedown', handleClick);\r\n ref?.current?.removeEventListener('keydown', handleButtonDown);\r\n };\r\n }\r\n }, [trigger])\r\n\r\n const cls = `${trigger === 'click' ? showTooltip ? 'show' : 'hide' : ''}`;\r\n return <TooltipContainer ref={ref}\r\n $delay={delay}\r\n tabIndex={tabIndex}\r\n $triggerType={trigger}\r\n className={cls}>\r\n <Tooltip $align={align}\r\n $height={height}\r\n role=\"tooltip\"\r\n $size={size}\r\n $withArrow={withArrow}\r\n $position={position}\r\n {...props}>\r\n {label}\r\n </Tooltip>\r\n {children}\r\n </TooltipContainer>;\r\n};\r\n\r\nexport default TooltipWrapper;\r\n"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@laerdal/life-react-components",
|
|
3
|
-
"version": "5.0.0-dev.
|
|
3
|
+
"version": "5.0.0-dev.2",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "Erik Martirosyan <erik.martirosyan@laerdal.com>",
|
|
6
6
|
"contributors": [],
|
|
@@ -126,7 +126,6 @@
|
|
|
126
126
|
"react-share": "^5.1.0",
|
|
127
127
|
"regenerator-runtime": "^0.13.9",
|
|
128
128
|
"storybook": "^8.1.3",
|
|
129
|
-
"storybook-addon-theme-provider": "^0.2.2",
|
|
130
129
|
"ts-jest": "^29.0.3"
|
|
131
130
|
},
|
|
132
131
|
"peerDependencies": {
|