@veracity/vui 2.20.1 → 2.21.0-beta.0
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/cjs/dialog/dialog.d.ts.map +1 -1
- package/dist/cjs/dialog/dialog.js +2 -2
- package/dist/cjs/dialog/dialog.js.map +1 -1
- package/dist/cjs/dialog/dialog.types.d.ts +3 -1
- package/dist/cjs/dialog/dialog.types.d.ts.map +1 -1
- package/dist/cjs/input/inputInput.d.ts.map +1 -1
- package/dist/cjs/input/inputInput.js +1 -1
- package/dist/cjs/input/inputInput.js.map +1 -1
- package/dist/cjs/link/link.d.ts +3 -1
- package/dist/cjs/link/link.d.ts.map +1 -1
- package/dist/cjs/link/link.js +24 -5
- package/dist/cjs/link/link.js.map +1 -1
- package/dist/cjs/select/select.types.d.ts +1 -1
- package/dist/cjs/select/select.types.d.ts.map +1 -1
- package/dist/cjs/tooltip/consts.d.ts +57 -1
- package/dist/cjs/tooltip/consts.d.ts.map +1 -1
- package/dist/cjs/tooltip/consts.js +62 -6
- package/dist/cjs/tooltip/consts.js.map +1 -1
- package/dist/cjs/tooltip/tooltip.types.d.ts +1 -1
- package/dist/cjs/tooltip/tooltip.types.d.ts.map +1 -1
- package/dist/esm/dialog/dialog.d.ts.map +1 -1
- package/dist/esm/dialog/dialog.js +2 -2
- package/dist/esm/dialog/dialog.js.map +1 -1
- package/dist/esm/dialog/dialog.types.d.ts +3 -1
- package/dist/esm/dialog/dialog.types.d.ts.map +1 -1
- package/dist/esm/input/inputInput.d.ts.map +1 -1
- package/dist/esm/input/inputInput.js +1 -1
- package/dist/esm/input/inputInput.js.map +1 -1
- package/dist/esm/link/link.d.ts +3 -1
- package/dist/esm/link/link.d.ts.map +1 -1
- package/dist/esm/link/link.js +24 -5
- package/dist/esm/link/link.js.map +1 -1
- package/dist/esm/select/select.types.d.ts +1 -1
- package/dist/esm/select/select.types.d.ts.map +1 -1
- package/dist/esm/tooltip/consts.d.ts +57 -1
- package/dist/esm/tooltip/consts.d.ts.map +1 -1
- package/dist/esm/tooltip/consts.js +62 -6
- package/dist/esm/tooltip/consts.js.map +1 -1
- package/dist/esm/tooltip/tooltip.types.d.ts +1 -1
- package/dist/esm/tooltip/tooltip.types.d.ts.map +1 -1
- package/dist/tsconfig.legacy.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/dialog/dialog.tsx +2 -1
- package/src/dialog/dialog.types.ts +3 -1
- package/src/input/inputInput.tsx +1 -2
- package/src/link/link.tsx +25 -9
- package/src/select/select.types.ts +1 -1
- package/src/tooltip/consts.ts +62 -6
- package/src/tooltip/tooltip.types.ts +13 -1
package/dist/esm/link/link.js
CHANGED
|
@@ -5,7 +5,9 @@ import { cs, filterUndefined, isReactText, isString } from '../utils';
|
|
|
5
5
|
import { LinkProvider } from './context';
|
|
6
6
|
import LinkIcon from './linkIcon';
|
|
7
7
|
import LinkText from './linkText';
|
|
8
|
-
export const LinkBase = styled.aBox
|
|
8
|
+
export const LinkBase = styled.aBox.attrs((props) => ({
|
|
9
|
+
isUnderlined: props.isUnderlined || false,
|
|
10
|
+
})) `
|
|
9
11
|
align-items: center;
|
|
10
12
|
border-radius: none;
|
|
11
13
|
cursor: pointer;
|
|
@@ -15,22 +17,39 @@ export const LinkBase = styled.aBox `
|
|
|
15
17
|
text-decoration: none;
|
|
16
18
|
transition-duration: instant;
|
|
17
19
|
width: fit-content;
|
|
20
|
+
position: relative;
|
|
21
|
+
|
|
22
|
+
&::after {
|
|
23
|
+
content: '';
|
|
24
|
+
position: absolute;
|
|
25
|
+
bottom: 0;
|
|
26
|
+
left: 0;
|
|
27
|
+
width: 100%;
|
|
28
|
+
height: ${props => (props.isUnderlined ? '1px' : '0')};
|
|
29
|
+
background-color: currentColor;
|
|
30
|
+
opacity: ${props => (props.isUnderlined ? '1' : '0')};
|
|
31
|
+
transition: height 0.2s ease-in-out;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
&:hover::after {
|
|
35
|
+
height: 2px;
|
|
36
|
+
opacity: 1;
|
|
37
|
+
}
|
|
18
38
|
`;
|
|
19
39
|
/**
|
|
20
40
|
* Displays a link item. Handles different underline scenarios and opening external links in new tab.
|
|
21
41
|
* Exposes some props to the children via context.
|
|
22
42
|
*/
|
|
23
43
|
export const Link = vui((props, ref) => {
|
|
24
|
-
const { children, className,
|
|
44
|
+
const { children, className, fontWeight, iconLeft, iconRight, isExternal, isUnderlined, size, text, variant, weight, ...rest } = props;
|
|
25
45
|
const styles = useStyleConfig('Link', props);
|
|
26
46
|
const context = useMemo(() => filterUndefined({ size, variant }), [size, variant]);
|
|
27
47
|
const aliasedProps = filterUndefined({
|
|
28
|
-
fontWeight: weight,
|
|
48
|
+
fontWeight: weight || fontWeight,
|
|
29
49
|
rel: isExternal ? 'noopener' : undefined,
|
|
30
50
|
target: isExternal ? '_blank' : undefined,
|
|
31
|
-
textDecoration: decoration ?? (isUnderlined ? 'underline' : undefined),
|
|
32
51
|
});
|
|
33
|
-
return (_jsx(LinkProvider, { value: context, children: _jsxs(LinkBase, { className: cs('vui-link', className), focusRing: 2,
|
|
52
|
+
return (_jsx(LinkProvider, { value: context, children: _jsxs(LinkBase, { className: cs('vui-link', className), focusRing: 2, isUnderlined: isUnderlined, ref: ref, ...styles.container, ...aliasedProps, ...rest, children: [isString(iconLeft) ? _jsx(LinkIcon, { mr: 1, name: iconLeft }) : iconLeft, children ?? (isReactText(text) ? _jsx(LinkText, { text: text }) : text), isString(iconRight) ? _jsx(LinkIcon, { ml: 1, name: iconRight }) : iconRight] }) }));
|
|
34
53
|
});
|
|
35
54
|
Link.Icon = LinkIcon;
|
|
36
55
|
Link.Text = LinkText;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../src/link/link.tsx"],"names":[],"mappings":";AAAA,
|
|
1
|
+
{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../src/link/link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAgB,MAAM,SAAS,CAAA;AACnE,OAAO,EAAE,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,CAAC;IAC/D,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,KAAK;CAC1C,CAAC,CAAC,CAAA;;;;;;;;;;;;;;;;;;cAkBW,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;;eAE1C,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;;;;;;;;CAQvD,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrD,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,UAAU,EACV,QAAQ,EACR,SAAS,EACT,UAAU,EACV,YAAY,EACZ,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,MAAM,EACN,GAAG,IAAI,EACR,GAAG,KAAK,CAAA;IACT,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;IAE5C,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;IAElF,MAAM,YAAY,GAAG,eAAe,CAAC;QACnC,UAAU,EAAE,MAAM,IAAI,UAAU;QAChC,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;QACxC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;KAC1C,CAAC,CAAA;IAEF,OAAO,CACL,KAAC,YAAY,IAAC,KAAK,EAAE,OAAO,YAC1B,MAAC,QAAQ,IACP,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,EACpC,SAAS,EAAE,CAAC,EACZ,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,GAAG,KACJ,MAAM,CAAC,SAAS,KAChB,YAAY,KACZ,IAAI,aAEP,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,QAAQ,EACnE,QAAQ,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EACjE,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,GAAI,CAAC,CAAC,CAAC,SAAS,IAC9D,GACE,CAChB,CAAA;AACH,CAAC,CAGA,CAAA;AAED,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAA;AACpB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAA;AACpB,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AACzB,eAAe,IAAI,CAAA"}
|
|
@@ -38,7 +38,7 @@ export type SelectProps = ThemingProps<'Select'> & PopoverProps & UseSelectProps
|
|
|
38
38
|
readOnly?: boolean;
|
|
39
39
|
/** Custom select button slot. */
|
|
40
40
|
selectButton?: ReactNode;
|
|
41
|
-
/** Displays a filter input to limit the number of options. */
|
|
41
|
+
/** Displays a filter input to limit the number of options. Important: it takes effect only if the options array is provided. */
|
|
42
42
|
showOptionsFilter?: boolean;
|
|
43
43
|
};
|
|
44
44
|
export type SelectOptionData = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.types.d.ts","sourceRoot":"","sources":["../../../src/select/select.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAA;AAE3C,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,CAAA;AAEpD,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,WAAW,EACX,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAC/G,GACC,mBAAmB,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAA;AAExC,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,QAAQ,CAAC,GAC9C,YAAY,GACZ,cAAc,GAAG;IACf,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IACpC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACnC,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0FAA0F;IAC1F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,
|
|
1
|
+
{"version":3,"file":"select.types.d.ts","sourceRoot":"","sources":["../../../src/select/select.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAA;AAE3C,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,CAAA;AAEpD,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,WAAW,EACX,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAC/G,GACC,mBAAmB,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAA;AAExC,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,QAAQ,CAAC,GAC9C,YAAY,GACZ,cAAc,GAAG;IACf,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IACpC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACnC,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0FAA0F;IAC1F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,gIAAgI;IAChI,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,+BAA+B;IAC/B,KAAK,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG;IAC9C,mGAAmG;IACnG,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,IAAI,GAAG,OAAO,GAAG,mBAAmB,GAAG,kBAAkB,CAAC,CAAA;AAExH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA"}
|
|
@@ -10,6 +10,41 @@ export declare const pointerPlacement: {
|
|
|
10
10
|
right: string;
|
|
11
11
|
translate: string;
|
|
12
12
|
};
|
|
13
|
+
'top-start': {
|
|
14
|
+
top: string;
|
|
15
|
+
bottom: string;
|
|
16
|
+
left: number;
|
|
17
|
+
right: undefined;
|
|
18
|
+
translate: string;
|
|
19
|
+
};
|
|
20
|
+
'top-end': {
|
|
21
|
+
top: string;
|
|
22
|
+
bottom: string;
|
|
23
|
+
left: undefined;
|
|
24
|
+
right: number;
|
|
25
|
+
translate: string;
|
|
26
|
+
};
|
|
27
|
+
right: {
|
|
28
|
+
top: string;
|
|
29
|
+
bottom: string;
|
|
30
|
+
left: string;
|
|
31
|
+
right: string;
|
|
32
|
+
translate: string;
|
|
33
|
+
};
|
|
34
|
+
'right-start': {
|
|
35
|
+
top: string;
|
|
36
|
+
bottom: string;
|
|
37
|
+
left: string;
|
|
38
|
+
right: string;
|
|
39
|
+
translate: string;
|
|
40
|
+
};
|
|
41
|
+
'right-end': {
|
|
42
|
+
top: string;
|
|
43
|
+
bottom: string;
|
|
44
|
+
left: string;
|
|
45
|
+
right: string;
|
|
46
|
+
translate: string;
|
|
47
|
+
};
|
|
13
48
|
bottom: {
|
|
14
49
|
top: string;
|
|
15
50
|
bottom: string;
|
|
@@ -17,6 +52,20 @@ export declare const pointerPlacement: {
|
|
|
17
52
|
right: string;
|
|
18
53
|
translate: string;
|
|
19
54
|
};
|
|
55
|
+
'bottom-start': {
|
|
56
|
+
top: string;
|
|
57
|
+
bottom: string;
|
|
58
|
+
left: number;
|
|
59
|
+
right: undefined;
|
|
60
|
+
translate: string;
|
|
61
|
+
};
|
|
62
|
+
'bottom-end': {
|
|
63
|
+
top: string;
|
|
64
|
+
bottom: string;
|
|
65
|
+
left: undefined;
|
|
66
|
+
right: number;
|
|
67
|
+
translate: string;
|
|
68
|
+
};
|
|
20
69
|
left: {
|
|
21
70
|
top: string;
|
|
22
71
|
bottom: string;
|
|
@@ -24,7 +73,14 @@ export declare const pointerPlacement: {
|
|
|
24
73
|
right: string;
|
|
25
74
|
translate: string;
|
|
26
75
|
};
|
|
27
|
-
|
|
76
|
+
'left-start': {
|
|
77
|
+
top: string;
|
|
78
|
+
bottom: string;
|
|
79
|
+
left: string;
|
|
80
|
+
right: string;
|
|
81
|
+
translate: string;
|
|
82
|
+
};
|
|
83
|
+
'left-end': {
|
|
28
84
|
top: string;
|
|
29
85
|
bottom: string;
|
|
30
86
|
left: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/tooltip/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,KAAK,CAAA;AAE7B,eAAO,MAAM,EAAE,gBAAgB,CAAA;AAE/B,eAAO,MAAM,YAAY,IAAI,CAAA;AAE7B,eAAO,MAAM,SAAS,IAAI,CAAA;AAE1B,eAAO,MAAM,gBAAgB
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/tooltip/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,KAAK,CAAA;AAE7B,eAAO,MAAM,EAAE,gBAAgB,CAAA;AAE/B,eAAO,MAAM,YAAY,IAAI,CAAA;AAE7B,eAAO,MAAM,SAAS,IAAI,CAAA;AAE1B,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqF5B,CAAA"}
|
|
@@ -10,6 +10,41 @@ export const pointerPlacement = {
|
|
|
10
10
|
right: 'auto',
|
|
11
11
|
translate: '-50%, 0',
|
|
12
12
|
},
|
|
13
|
+
'top-start': {
|
|
14
|
+
top: 'auto',
|
|
15
|
+
bottom: `-${pointerSize / 2}px`,
|
|
16
|
+
left: pointerSize * 2,
|
|
17
|
+
right: undefined,
|
|
18
|
+
translate: '-50%, 0',
|
|
19
|
+
},
|
|
20
|
+
'top-end': {
|
|
21
|
+
top: 'auto',
|
|
22
|
+
bottom: `-${pointerSize / 2}px`,
|
|
23
|
+
left: undefined,
|
|
24
|
+
right: pointerSize,
|
|
25
|
+
translate: '-50%, 0',
|
|
26
|
+
},
|
|
27
|
+
right: {
|
|
28
|
+
top: '50%',
|
|
29
|
+
bottom: 'auto',
|
|
30
|
+
left: '2px',
|
|
31
|
+
right: 'auto',
|
|
32
|
+
translate: '0, -50%',
|
|
33
|
+
},
|
|
34
|
+
'right-start': {
|
|
35
|
+
top: `${pointerSize * 1.5}px`,
|
|
36
|
+
bottom: 'auto',
|
|
37
|
+
left: '2px',
|
|
38
|
+
right: 'auto',
|
|
39
|
+
translate: '0, -50%',
|
|
40
|
+
},
|
|
41
|
+
'right-end': {
|
|
42
|
+
top: 'auto',
|
|
43
|
+
bottom: `${pointerSize / 2}px`,
|
|
44
|
+
left: '2px',
|
|
45
|
+
right: 'auto',
|
|
46
|
+
translate: '0, -50%',
|
|
47
|
+
},
|
|
13
48
|
bottom: {
|
|
14
49
|
top: `-${pointerSize / 2}px`,
|
|
15
50
|
bottom: 'auto',
|
|
@@ -17,19 +52,40 @@ export const pointerPlacement = {
|
|
|
17
52
|
right: 'auto',
|
|
18
53
|
translate: '-50%, 0',
|
|
19
54
|
},
|
|
55
|
+
'bottom-start': {
|
|
56
|
+
top: `-${pointerSize / 2}px`,
|
|
57
|
+
bottom: 'auto',
|
|
58
|
+
left: pointerSize * 2,
|
|
59
|
+
right: undefined,
|
|
60
|
+
translate: '-50%, 0',
|
|
61
|
+
},
|
|
62
|
+
'bottom-end': {
|
|
63
|
+
top: `-${pointerSize / 2}px`,
|
|
64
|
+
bottom: 'auto',
|
|
65
|
+
left: undefined,
|
|
66
|
+
right: pointerSize,
|
|
67
|
+
translate: '-50%, 0',
|
|
68
|
+
},
|
|
20
69
|
left: {
|
|
21
|
-
top:
|
|
70
|
+
top: '50%',
|
|
22
71
|
bottom: 'auto',
|
|
23
72
|
left: 'auto',
|
|
24
73
|
right: '-4px',
|
|
25
74
|
translate: '-50%, -50%',
|
|
26
75
|
},
|
|
27
|
-
|
|
28
|
-
top:
|
|
76
|
+
'left-start': {
|
|
77
|
+
top: `${pointerSize * 1.5}px`,
|
|
29
78
|
bottom: 'auto',
|
|
30
|
-
left: '
|
|
31
|
-
right: '
|
|
32
|
-
translate: '
|
|
79
|
+
left: 'auto',
|
|
80
|
+
right: '-4px',
|
|
81
|
+
translate: '-50%, -50%',
|
|
82
|
+
},
|
|
83
|
+
'left-end': {
|
|
84
|
+
top: 'auto',
|
|
85
|
+
bottom: `${pointerSize / 2}px`,
|
|
86
|
+
left: 'auto',
|
|
87
|
+
right: '-4px',
|
|
88
|
+
translate: '-50%, -50%',
|
|
33
89
|
},
|
|
34
90
|
};
|
|
35
91
|
//# sourceMappingURL=consts.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/tooltip/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAA;AAE7B,MAAM,CAAC,MAAM,EAAE,GAAG,aAAa,CAAA;AAE/B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAA;AAE7B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,CAAA;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,GAAG,EAAE;QACH,GAAG,EAAE,MAAM;QACX,MAAM,EAAE,IAAI,WAAW,GAAG,CAAC,IAAI;QAC/B,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,SAAS;KACrB;IACD,MAAM,EAAE;QACN,GAAG,EAAE,IAAI,WAAW,GAAG,CAAC,IAAI;QAC5B,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,SAAS;KACrB;IACD,IAAI,EAAE;QACJ,GAAG,EAAE,KAAK;QACV,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,YAAY;KACxB;IACD,
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/tooltip/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAA;AAE7B,MAAM,CAAC,MAAM,EAAE,GAAG,aAAa,CAAA;AAE/B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAA;AAE7B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,CAAA;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,GAAG,EAAE;QACH,GAAG,EAAE,MAAM;QACX,MAAM,EAAE,IAAI,WAAW,GAAG,CAAC,IAAI;QAC/B,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,SAAS;KACrB;IACD,WAAW,EAAE;QACX,GAAG,EAAE,MAAM;QACX,MAAM,EAAE,IAAI,WAAW,GAAG,CAAC,IAAI;QAC/B,IAAI,EAAE,WAAW,GAAG,CAAC;QACrB,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,SAAS;KACrB;IACD,SAAS,EAAE;QACT,GAAG,EAAE,MAAM;QACX,MAAM,EAAE,IAAI,WAAW,GAAG,CAAC,IAAI;QAC/B,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,WAAW;QAClB,SAAS,EAAE,SAAS;KACrB;IACD,KAAK,EAAE;QACL,GAAG,EAAE,KAAK;QACV,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,SAAS;KACrB;IACD,aAAa,EAAE;QACb,GAAG,EAAE,GAAG,WAAW,GAAG,GAAG,IAAI;QAC7B,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,SAAS;KACrB;IACD,WAAW,EAAE;QACX,GAAG,EAAE,MAAM;QACX,MAAM,EAAE,GAAG,WAAW,GAAG,CAAC,IAAI;QAC9B,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,SAAS;KACrB;IACD,MAAM,EAAE;QACN,GAAG,EAAE,IAAI,WAAW,GAAG,CAAC,IAAI;QAC5B,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,SAAS;KACrB;IACD,cAAc,EAAE;QACd,GAAG,EAAE,IAAI,WAAW,GAAG,CAAC,IAAI;QAC5B,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,WAAW,GAAG,CAAC;QACrB,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,SAAS;KACrB;IACD,YAAY,EAAE;QACZ,GAAG,EAAE,IAAI,WAAW,GAAG,CAAC,IAAI;QAC5B,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,WAAW;QAClB,SAAS,EAAE,SAAS;KACrB;IACD,IAAI,EAAE;QACJ,GAAG,EAAE,KAAK;QACV,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,YAAY;KACxB;IACD,YAAY,EAAE;QACZ,GAAG,EAAE,GAAG,WAAW,GAAG,GAAG,IAAI;QAC7B,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,YAAY;KACxB;IACD,UAAU,EAAE;QACV,GAAG,EAAE,MAAM;QACX,MAAM,EAAE,GAAG,WAAW,GAAG,CAAC,IAAI;QAC9B,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,YAAY;KACxB;CACF,CAAA"}
|
|
@@ -6,7 +6,7 @@ export interface TooltipProps extends ChildrenProp {
|
|
|
6
6
|
/** Displays given text at the tooltip. */
|
|
7
7
|
text?: string;
|
|
8
8
|
/** Tooltip position. */
|
|
9
|
-
placement?: 'top' | '
|
|
9
|
+
placement?: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
|
|
10
10
|
/** Sets maximum width to the tooltip body. */
|
|
11
11
|
maxWidth?: string;
|
|
12
12
|
/** Link text that will be concatenated to the end of the tooltip text. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.types.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,iBAAiB;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"tooltip.types.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,iBAAiB;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,SAAS,CAAC,EACN,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,CAAA;IACd,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB"}
|