@integry/sdk 4.6.59 → 4.6.60
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/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
3
|
import { html } from 'htm/preact';
|
|
4
|
-
import { render } from 'preact';
|
|
5
4
|
import { useState, useEffect } from 'preact/hooks';
|
|
5
|
+
import { Hint } from '@/components/Tooltip';
|
|
6
6
|
import styles from './styles.module.scss';
|
|
7
7
|
|
|
8
8
|
// Update the TagNode interface to better handle various types
|
|
@@ -927,17 +927,23 @@ const TagList = ({
|
|
|
927
927
|
(typeof value === 'string' ||
|
|
928
928
|
typeof value === 'number' ||
|
|
929
929
|
typeof value === 'boolean')
|
|
930
|
-
? html
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
930
|
+
? html`<${Hint}
|
|
931
|
+
dismissOnClick=${false}
|
|
932
|
+
position="top"
|
|
933
|
+
deltaY=${0}
|
|
934
|
+
className=${styles.hint}
|
|
935
|
+
><span class="${styles.value}">
|
|
936
|
+
${value ? ' ' : ''}
|
|
937
|
+
<span
|
|
938
|
+
data-hint=${value ? String(value) : ''}
|
|
939
|
+
dangerouslySetInnerHTML=${{
|
|
940
|
+
__html: highlightSearchTerm(
|
|
941
|
+
String(value),
|
|
942
|
+
searchTerm,
|
|
943
|
+
),
|
|
944
|
+
}}
|
|
945
|
+
></span> </span
|
|
946
|
+
><//>`
|
|
941
947
|
: ''}
|
|
942
948
|
${isStep &&
|
|
943
949
|
value !== undefined &&
|
|
@@ -120,6 +120,10 @@
|
|
|
120
120
|
border-radius: 4px;
|
|
121
121
|
padding-left: 4px;
|
|
122
122
|
padding-right: 4px;
|
|
123
|
+
[class^='styles-module_preact-hint__content_'] {
|
|
124
|
+
white-space: pre-wrap;
|
|
125
|
+
word-break: break-word;
|
|
126
|
+
}
|
|
123
127
|
|
|
124
128
|
&:hover {
|
|
125
129
|
background-color: rgba(66, 80, 240, 0.1);
|
|
@@ -194,6 +198,12 @@
|
|
|
194
198
|
}
|
|
195
199
|
}
|
|
196
200
|
}
|
|
201
|
+
div.hint {
|
|
202
|
+
order: 4;
|
|
203
|
+
max-width: 100%;
|
|
204
|
+
min-width: 0;
|
|
205
|
+
width: 100%;
|
|
206
|
+
}
|
|
197
207
|
span.value {
|
|
198
208
|
color: hsl(240 3.8% 60%);
|
|
199
209
|
font-size: 0.75rem;
|
|
@@ -204,6 +214,9 @@
|
|
|
204
214
|
white-space: nowrap;
|
|
205
215
|
margin-left: 5px;
|
|
206
216
|
order: 4;
|
|
217
|
+
display: inline-block;
|
|
218
|
+
max-width: 100%;
|
|
219
|
+
vertical-align: middle;
|
|
207
220
|
|
|
208
221
|
mark {
|
|
209
222
|
background-color: yellow;
|
|
@@ -225,6 +238,7 @@
|
|
|
225
238
|
min-width: 20px;
|
|
226
239
|
width: 100%;
|
|
227
240
|
max-width: fit-content;
|
|
241
|
+
flex-shrink: 0;
|
|
228
242
|
|
|
229
243
|
mark {
|
|
230
244
|
background-color: yellow;
|