@mrshmllw/smores-react 9.25.0-crumbs-feature-add-rightSideComponent-in-SupportMessage.1 → 9.26.0-crumbs-feature-improve-tooltip.1

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.
@@ -30,7 +30,7 @@ export const RowActions = ({ rowData, rowActions, expandable, isExpanded, toggle
30
30
  await handleAction(e, action.onClick);
31
31
  } }, action.genericButton.children)),
32
32
  !("element" in action) && action.iconButton &&
33
- (action.iconButton?.tooltipText ? (React.createElement(Tooltip, { content: action.iconButton.tooltipText, position: 'bottom', tooltipColor: 'bubblegum' },
33
+ (action.iconButton?.tooltipText ? (React.createElement(Tooltip, { content: action.iconButton.tooltipText, position: 'bottom', bgColor: 'bubblegum' },
34
34
  React.createElement(IconStrict, { ...action.iconButton, handleClick: async (e) => {
35
35
  await handleAction(e, action.onClick);
36
36
  } }))) : (React.createElement(IconStrict, { ...action.iconButton, handleClick: async (e) => {
@@ -1 +1 @@
1
- {"version":3,"file":"RowActions.js","sourceRoot":"","sources":["../../../src/Table/components/RowActions.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"RowActions.js","sourceRoot":"","sources":["../../../src/Table/components/RowActions.tsx"],"names":[],"mappings":"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"}
@@ -1,28 +1,41 @@
1
1
  import React, { FC, ReactNode } from 'react';
2
2
  import { Color } from '../theme';
3
- type Position = 'top' | 'bottom' | 'left' | 'right';
4
- type ArrowPosition = Position | 'center';
3
+ import { type Placement } from '@floating-ui/react';
5
4
  export interface TooltipProps {
6
5
  children: ReactNode;
7
6
  content: string | ReactNode;
8
- position: Position;
7
+ position: Placement;
9
8
  maxWidth?: number;
10
9
  title?: string;
11
10
  underline?: boolean;
12
- fallbackStyle?: boolean;
11
+ variant?: TooltipVariant;
13
12
  zIndex?: number;
14
- portalContainer?: Element | DocumentFragment;
15
- tooltipColor?: Color;
13
+ portalContainer?: HTMLElement | null | React.MutableRefObject<HTMLElement | null>;
14
+ bgColor?: Color;
15
+ /**
16
+ * If true, the tooltip will position itself inline its children
17
+ *
18
+ * Used for inline content like blocks of text that span multiple lines
19
+ *
20
+ * @example
21
+ * ```tsx
22
+ * <Text>
23
+ * Marshmallow car insurance, the best insurance in town.
24
+ * <Tooltip inline content="Tooltip content">Hover here</Tooltip>
25
+ * to learn more as the Policy Holder
26
+ * </Text>
27
+ * ```
28
+ */
29
+ inline?: boolean;
30
+ }
31
+ export declare enum TooltipVariant {
32
+ PRIMARY = "PRIMARY",
33
+ FALLBACK = "FALLBACK"
16
34
  }
17
35
  export declare const Tooltip: FC<TooltipProps>;
18
- export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
19
36
  export declare const Tip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
20
37
  $showTip: boolean;
21
- $position: Position;
22
- $arrowPosition: ArrowPosition;
23
38
  $maxWidth?: number;
24
- $fallbackStyle?: boolean;
25
39
  $zIndex: number;
26
- $background?: Color;
40
+ $background: string;
27
41
  }>> & string;
28
- export {};
@@ -1,228 +1,81 @@
1
- import React, { useCallback, useEffect, useRef, useState, } from 'react';
2
- import { createPortal } from 'react-dom';
1
+ import React, { useRef, useState } from 'react';
3
2
  import styled, { css } from 'styled-components';
4
3
  import { Box } from '../Box';
5
4
  import { Text } from '../Text';
6
- import { useEventListener } from '../hooks';
7
5
  import { theme } from '../theme';
8
- import { debounce } from '../utils/debounce';
9
- export const Tooltip = ({ children, title, content, position = 'top', maxWidth = 500, underline = false, fallbackStyle = false, zIndex = 10, portalContainer = document.body, tooltipColor, }) => {
10
- const documentRef = useRef(document);
11
- const tipContainer = useRef(null);
6
+ import { autoUpdate, flip, FloatingPortal, offset, shift, useDismiss, useFloating, useFocus, useHover, useInteractions, useRole, arrow, FloatingArrow, inline, } from '@floating-ui/react';
7
+ export var TooltipVariant;
8
+ (function (TooltipVariant) {
9
+ TooltipVariant["PRIMARY"] = "PRIMARY";
10
+ TooltipVariant["FALLBACK"] = "FALLBACK";
11
+ })(TooltipVariant || (TooltipVariant = {}));
12
+ const tooltipVariants = {
13
+ [TooltipVariant.PRIMARY]: {
14
+ textColor: 'liquorice',
15
+ },
16
+ [TooltipVariant.FALLBACK]: {
17
+ textColor: 'cream',
18
+ },
19
+ };
20
+ const ARROW_HEIGHT = 8;
21
+ const GAP = 4;
22
+ export const Tooltip = ({ children, title, content, position, maxWidth = 500, underline = false, zIndex = 10, portalContainer, bgColor: bgColorProp, inline: inlineProp, variant = TooltipVariant.PRIMARY, }) => {
12
23
  const [showTip, setShowTip] = useState(false);
13
- const [tooltipPosition, setTooltipPosition] = useState(position);
14
- const [childEl, setChildEl] = useState(null);
15
- const [tooltipCoords, setTooltipCoords] = useState({ top: 0, left: 0 });
24
+ const arrowRef = useRef(null);
25
+ const variantValue = tooltipVariants[variant];
26
+ const bgColor = bgColorProp ? theme.colors[bgColorProp] : theme.colors.custard;
16
27
  const randomId = crypto.randomUUID();
17
- const checkInbounds = (element) => element.top >= 0 &&
18
- element.left >= 0 &&
19
- element.bottom <= window.innerHeight &&
20
- element.right <= window.innerWidth;
21
- const handleTipViewport = useCallback(() => {
22
- const dimensions = tipContainer.current?.getBoundingClientRect();
23
- if (!dimensions)
24
- return;
25
- if (checkInbounds(dimensions))
26
- return;
27
- // If in bounds but not defaulted to top; default
28
- if (dimensions.top >= 0 && tooltipPosition !== 'top') {
29
- setTooltipPosition('top');
30
- return;
31
- }
32
- // if top out of bounds
33
- if (dimensions.top < 0) {
34
- setTooltipPosition('bottom');
35
- return;
36
- }
37
- // if right out of bounds
38
- if (dimensions.right > window.innerWidth) {
39
- setTooltipPosition('left');
40
- return;
41
- }
42
- // if left out of bounds
43
- if (dimensions.left < 0) {
44
- setTooltipPosition('right');
45
- return;
46
- }
47
- // If bottom out of bounds
48
- if (dimensions.bottom > window.innerHeight) {
49
- setTooltipPosition('top');
50
- return;
51
- }
52
- }, [tipContainer, tooltipPosition]);
53
- useEffect(() => {
54
- handleTipViewport();
55
- setChildEl(document.getElementById(randomId));
56
- }, []);
57
- useEffect(() => {
58
- setTooltipPosition(position);
59
- }, [position]);
60
- const arrowSize = 18;
61
- const calculateTooltipPosition = () => {
62
- if (!childEl)
63
- return { top: 0, left: 0 };
64
- if (!tipContainer.current)
65
- return { top: 0, left: 0 };
66
- const childPosition = childEl.getBoundingClientRect();
67
- const tipDimensions = tipContainer.current.getBoundingClientRect();
68
- let top = 0;
69
- let left = 0;
70
- switch (tooltipPosition) {
71
- case 'top':
72
- top =
73
- childPosition.top + window.scrollY - tipDimensions.height - arrowSize;
74
- left =
75
- childPosition.left +
76
- window.scrollX +
77
- childPosition.width / 2 -
78
- tipDimensions.width / 2;
79
- break;
80
- case 'bottom':
81
- top = childPosition.bottom + window.scrollY + arrowSize;
82
- left =
83
- childPosition.left +
84
- window.scrollX +
85
- childPosition.width / 2 -
86
- tipDimensions.width / 2;
87
- break;
88
- case 'left':
89
- left =
90
- childPosition.left + window.scrollX - tipDimensions.width - arrowSize;
91
- top =
92
- childPosition.top +
93
- window.scrollY +
94
- childPosition.height / 2 -
95
- tipDimensions.height / 2;
96
- break;
97
- case 'right':
98
- left = childPosition.right + window.scrollX + arrowSize;
99
- top =
100
- childPosition.top +
101
- window.scrollY +
102
- childPosition.height / 2 -
103
- tipDimensions.height / 2;
104
- break;
105
- default:
106
- break;
107
- }
108
- return { top, left };
109
- };
110
- useEffect(() => {
111
- if (childEl) {
112
- setTooltipCoords(calculateTooltipPosition());
113
- }
114
- }, [
115
- position,
116
- window.scrollY,
117
- tipContainer.current,
118
- childEl,
119
- childEl?.getBoundingClientRect().top,
120
- childEl?.getBoundingClientRect().left,
121
- ]);
122
- useEventListener({
123
- eventName: 'resize',
124
- callback: debounce(handleTipViewport, 100),
125
- ref: documentRef,
126
- });
127
- useEventListener({
128
- eventName: 'scroll',
129
- callback: debounce(handleTipViewport, 100),
130
- ref: documentRef,
28
+ const { refs, floatingStyles, context } = useFloating({
29
+ open: showTip,
30
+ placement: position,
31
+ onOpenChange: setShowTip,
32
+ middleware: [
33
+ offset(ARROW_HEIGHT + GAP),
34
+ flip(),
35
+ shift(),
36
+ inlineProp ? inline() : undefined,
37
+ arrow({ element: arrowRef, padding: 14 }),
38
+ ],
39
+ whileElementsMounted: autoUpdate,
131
40
  });
132
- return (React.createElement(Container, null,
133
- React.createElement(UnderlinedChild, { id: randomId, "$underline": underline, onMouseEnter: () => setShowTip(true), onMouseLeave: () => setShowTip(false) }, children),
134
- childEl &&
135
- createPortal(React.createElement(Tip, { className: "tooltip", "$showTip": showTip, "$position": position, "$arrowPosition": tooltipPosition, ref: tipContainer, "$maxWidth": maxWidth, "$fallbackStyle": fallbackStyle, "$zIndex": zIndex, "$background": tooltipColor, style: {
136
- position: 'absolute',
137
- top: `${tooltipCoords.top}px`,
138
- left: `${tooltipCoords.left}px`,
139
- } },
140
- title && (React.createElement(Text, { tag: "h5", typo: "desc-medium", color: fallbackStyle ? 'cream' : 'liquorice' }, title)),
141
- (typeof content === 'string' && (React.createElement(Text, { typo: "desc-light", color: fallbackStyle ? 'cream' : 'liquorice' }, content))) ||
142
- content), portalContainer)));
41
+ const hover = useHover(context, { move: false });
42
+ const focus = useFocus(context);
43
+ const dismiss = useDismiss(context);
44
+ const role = useRole(context, { role: 'tooltip' });
45
+ // Merge all the interactions into prop getters
46
+ const { getReferenceProps, getFloatingProps } = useInteractions([
47
+ hover,
48
+ focus,
49
+ dismiss,
50
+ role,
51
+ ]);
52
+ return (React.createElement(React.Fragment, null,
53
+ React.createElement(UnderlinedChild, { id: randomId, "$inline": inlineProp, "$underline": underline, ref: refs.setReference, ...getReferenceProps() }, children),
54
+ showTip && (React.createElement(FloatingPortal, { root: portalContainer },
55
+ React.createElement(Tip, { ref: refs.setFloating, className: "tooltip", "$showTip": showTip, "$maxWidth": maxWidth, "$zIndex": zIndex, "$background": bgColor, style: floatingStyles, ...getFloatingProps() },
56
+ React.createElement(FloatingArrow, { ref: arrowRef, context: context, fill: bgColor }),
57
+ title && (React.createElement(Text, { tag: "h5", typo: "desc-medium", color: variantValue.textColor }, title)),
58
+ (typeof content === 'string' && (React.createElement(Text, { typo: "desc-light", color: variantValue.textColor }, content))) ||
59
+ content)))));
143
60
  };
144
- export const Container = styled.div `
145
- display: flex;
146
- align-items: center;
147
- justify-content: center;
148
-
149
- > span:hover + .tooltip {
150
- opacity: 1;
151
- }
152
- `;
153
61
  const UnderlinedChild = styled(Box) `
154
62
  cursor: pointer;
63
+ width: fit-content;
64
+
65
+ ${({ $inline }) => $inline &&
66
+ css `
67
+ display: inline;
68
+ `}
69
+
155
70
  ${({ $underline }) => $underline &&
156
71
  css `
157
72
  border-bottom: 1px dashed ${theme.colors.marshmallowPink};
158
73
  `}
159
74
  `;
160
- const arrowInset = 26;
161
- const arrowCenterPosition = 'calc(50% - 6px)';
162
- const arrowVerticalCenter = 'calc(50% - 12px)';
163
- const handleHorizontalArrowPosition = (arrowPosition) => {
164
- switch (arrowPosition) {
165
- case 'left':
166
- return css `
167
- left: ${arrowInset}px;
168
- `;
169
- case 'right':
170
- return css `
171
- right: ${arrowInset}px;
172
- `;
173
- default:
174
- return css `
175
- left: ${arrowCenterPosition};
176
- `;
177
- }
178
- };
179
- const handleVerticalArrowPosition = (arrowPosition) => {
180
- switch (arrowPosition) {
181
- case 'top':
182
- return css `
183
- top: ${arrowInset}px;
184
- `;
185
- case 'bottom':
186
- return css `
187
- bottom: ${arrowInset}px;
188
- `;
189
- default:
190
- return css `
191
- top: ${arrowVerticalCenter};
192
- `;
193
- }
194
- };
195
- const top = css `
196
- &:before {
197
- bottom: -15px;
198
- transform: rotate(-90deg);
199
- ${({ $arrowPosition }) => handleHorizontalArrowPosition($arrowPosition)}
200
- }
201
- `;
202
- const bottom = css `
203
- &:before {
204
- top: -15px;
205
- transform: rotate(90deg);
206
- ${({ $arrowPosition }) => handleHorizontalArrowPosition($arrowPosition)}
207
- }
208
- `;
209
- const left = css `
210
- &:before {
211
- right: -11px;
212
- transform: rotate(180deg);
213
- ${({ $arrowPosition }) => handleVerticalArrowPosition($arrowPosition)}
214
- }
215
- `;
216
- const right = css `
217
- &:before {
218
- left: -11px;
219
- ${({ $arrowPosition }) => handleVerticalArrowPosition($arrowPosition)}
220
- }
221
- `;
222
75
  export const Tip = styled.div `
223
76
  position: absolute;
224
77
  margin: auto;
225
- background: ${({ $background }) => $background ? theme.colors[$background] : theme.colors.custard};
78
+ background: ${({ $background }) => $background};
226
79
  padding: 16px 12px 20px;
227
80
  border-radius: 16px;
228
81
  max-width: 450px;
@@ -235,28 +88,5 @@ export const Tip = styled.div `
235
88
  // this is the trick that will make sure the content can go up to maxWidth
236
89
  margin-right: ${({ $maxWidth }) => $maxWidth && -$maxWidth / 2 + 'px'};
237
90
  max-width: ${({ $maxWidth }) => $maxWidth && $maxWidth + 'px'};
238
-
239
- ${({ $arrowPosition }) => $arrowPosition === 'top' && top}
240
- ${({ $arrowPosition }) => $arrowPosition === 'bottom' && bottom}
241
- ${({ $arrowPosition }) => $arrowPosition === 'left' && left}
242
- ${({ $arrowPosition }) => $arrowPosition === 'right' && right}
243
-
244
- &:before {
245
- content: '';
246
- border-style: solid;
247
- border-width: 12px 12px 12px 0;
248
- border-color: transparent
249
- ${({ $background }) => $background ? theme.colors[$background] : theme.colors.custard}
250
- transparent transparent;
251
- position: absolute;
252
- }
253
-
254
- ${({ $fallbackStyle }) => $fallbackStyle &&
255
- css `
256
- background: ${theme.colors.feijoa};
257
- &:before {
258
- border-color: transparent ${theme.colors.feijoa} transparent transparent;
259
- }
260
- `};
261
91
  `;
262
92
  //# sourceMappingURL=Tooltip.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mrshmllw/smores-react",
3
- "version": "9.25.0-crumbs-feature-add-rightSideComponent-in-SupportMessage.1",
3
+ "version": "9.26.0-crumbs-feature-improve-tooltip.1",
4
4
  "main": "./dist/index.js",
5
5
  "description": "Collection of React components used by Marshmallow Technology",
6
6
  "keywords": [
@@ -33,12 +33,12 @@
33
33
  "fix-package-lock-conflicts": "echo \"Make sure conflicts in package.json are resolved before running this script\" && npm i --package-lock-only"
34
34
  },
35
35
  "devDependencies": {
36
- "@babel/core": "^7.25.8",
37
- "@babel/eslint-parser": "^7.25.8",
38
- "@babel/plugin-transform-class-properties": "^7.25.7",
39
- "@babel/preset-env": "^7.25.8",
40
- "@babel/preset-react": "^7.25.7",
41
- "@babel/preset-typescript": "^7.25.7",
36
+ "@babel/core": "^7.26.0",
37
+ "@babel/eslint-parser": "^7.25.9",
38
+ "@babel/plugin-transform-class-properties": "^7.25.9",
39
+ "@babel/preset-env": "^7.26.0",
40
+ "@babel/preset-react": "^7.25.9",
41
+ "@babel/preset-typescript": "^7.26.0",
42
42
  "@commitlint/cli": "^19.5.0",
43
43
  "@commitlint/types": "^19.5.0",
44
44
  "@semantic-release/changelog": "^6.0.3",
@@ -76,7 +76,7 @@
76
76
  "react": "^18.2.0",
77
77
  "react-dom": "^18.2.0",
78
78
  "rimraf": "^6.0.1",
79
- "semantic-release": "^24.1.3",
79
+ "semantic-release": "^24.2.0",
80
80
  "storybook": "^8.0.4",
81
81
  "styled-components": "^6.1.13",
82
82
  "typescript": "^5.6.3",
@@ -84,6 +84,7 @@
84
84
  "vitest": "^2.1.4"
85
85
  },
86
86
  "dependencies": {
87
+ "@floating-ui/react": "0.26.27",
87
88
  "@lexical/react": "^0.18.0",
88
89
  "body-scroll-lock": "^4.0.0-beta.0",
89
90
  "date-fns": "^4.1.0",