newskit 5.5.0 → 5.6.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/cjs/accordion/accordion-group.d.ts +9 -0
- package/cjs/accordion/accordion-group.d.ts.map +1 -0
- package/cjs/accordion/accordion-group.js +123 -0
- package/cjs/accordion/accordion-group.js.map +1 -0
- package/cjs/accordion/accordion.d.ts +4 -0
- package/cjs/accordion/accordion.d.ts.map +1 -0
- package/cjs/accordion/accordion.js +70 -0
- package/cjs/accordion/accordion.js.map +1 -0
- package/cjs/accordion/defaults.d.ts +21 -0
- package/cjs/accordion/defaults.d.ts.map +1 -0
- package/cjs/accordion/defaults.js +22 -0
- package/cjs/accordion/defaults.js.map +1 -0
- package/cjs/accordion/index.d.ts +4 -0
- package/cjs/accordion/index.d.ts.map +1 -0
- package/cjs/accordion/index.js +16 -0
- package/cjs/accordion/index.js.map +1 -0
- package/cjs/accordion/style-presets.d.ts +4 -0
- package/cjs/accordion/style-presets.d.ts.map +1 -0
- package/cjs/accordion/style-presets.js +30 -0
- package/cjs/accordion/style-presets.js.map +1 -0
- package/cjs/accordion/styled.d.ts +23 -0
- package/cjs/accordion/styled.d.ts.map +1 -0
- package/cjs/accordion/styled.js +27 -0
- package/cjs/accordion/styled.js.map +1 -0
- package/cjs/accordion/types.d.ts +44 -0
- package/cjs/accordion/types.d.ts.map +1 -0
- package/cjs/accordion/types.js +3 -0
- package/cjs/accordion/types.js.map +1 -0
- package/cjs/audio-player/audio-functions.js +2 -2
- package/cjs/audio-player/audio-functions.js.map +1 -1
- package/cjs/audio-player-composable/audio-functions.d.ts +3 -1
- package/cjs/audio-player-composable/audio-functions.d.ts.map +1 -1
- package/cjs/audio-player-composable/audio-functions.js +19 -37
- package/cjs/audio-player-composable/audio-functions.js.map +1 -1
- package/cjs/audio-player-composable/audio-player-composable.d.ts +1 -1
- package/cjs/audio-player-composable/audio-player-composable.d.ts.map +1 -1
- package/cjs/audio-player-composable/audio-player-composable.js +27 -10
- package/cjs/audio-player-composable/audio-player-composable.js.map +1 -1
- package/cjs/audio-player-composable/components/audio-element.d.ts.map +1 -1
- package/cjs/audio-player-composable/components/audio-element.js +2 -2
- package/cjs/audio-player-composable/components/audio-element.js.map +1 -1
- package/cjs/audio-player-composable/components/volume-control/defaults.d.ts +24 -0
- package/cjs/audio-player-composable/components/volume-control/defaults.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/defaults.js +25 -0
- package/cjs/audio-player-composable/components/volume-control/defaults.js.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/index.d.ts +3 -0
- package/cjs/audio-player-composable/components/volume-control/index.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/index.js +15 -0
- package/cjs/audio-player-composable/components/volume-control/index.js.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/mute-button.d.ts +4 -0
- package/cjs/audio-player-composable/components/volume-control/mute-button.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/mute-button.js +26 -0
- package/cjs/audio-player-composable/components/volume-control/mute-button.js.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/style-presets.d.ts +4 -0
- package/cjs/audio-player-composable/components/volume-control/style-presets.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/style-presets.js +36 -0
- package/cjs/audio-player-composable/components/volume-control/style-presets.js.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/styled.d.ts +48 -0
- package/cjs/audio-player-composable/components/volume-control/styled.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/styled.js +25 -0
- package/cjs/audio-player-composable/components/volume-control/styled.js.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/types.d.ts +31 -0
- package/cjs/audio-player-composable/components/volume-control/types.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/types.js +3 -0
- package/cjs/audio-player-composable/components/volume-control/types.js.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/utils.d.ts +5 -0
- package/cjs/audio-player-composable/components/volume-control/utils.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/utils.js +17 -0
- package/cjs/audio-player-composable/components/volume-control/utils.js.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/volume-control.d.ts +3 -0
- package/cjs/audio-player-composable/components/volume-control/volume-control.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/volume-control/volume-control.js +89 -0
- package/cjs/audio-player-composable/components/volume-control/volume-control.js.map +1 -0
- package/cjs/audio-player-composable/index.d.ts +1 -0
- package/cjs/audio-player-composable/index.d.ts.map +1 -1
- package/cjs/audio-player-composable/index.js +1 -0
- package/cjs/audio-player-composable/index.js.map +1 -1
- package/cjs/audio-player-composable/types.d.ts +17 -0
- package/cjs/audio-player-composable/types.d.ts.map +1 -1
- package/cjs/audio-player-composable/types.js +1 -1
- package/cjs/audio-player-composable/types.js.map +1 -1
- package/cjs/base-floating-element/base-floating-element.d.ts +4 -0
- package/cjs/base-floating-element/base-floating-element.d.ts.map +1 -0
- package/cjs/base-floating-element/base-floating-element.js +142 -0
- package/cjs/base-floating-element/base-floating-element.js.map +1 -0
- package/cjs/base-floating-element/index.d.ts +3 -0
- package/cjs/base-floating-element/index.d.ts.map +1 -0
- package/cjs/base-floating-element/index.js +15 -0
- package/cjs/base-floating-element/index.js.map +1 -0
- package/cjs/{tooltip → base-floating-element}/styled.d.ts +5 -5
- package/cjs/base-floating-element/styled.d.ts.map +1 -0
- package/cjs/base-floating-element/styled.js +67 -0
- package/cjs/base-floating-element/styled.js.map +1 -0
- package/cjs/base-floating-element/types.d.ts +54 -0
- package/cjs/base-floating-element/types.d.ts.map +1 -0
- package/cjs/base-floating-element/types.js +3 -0
- package/cjs/base-floating-element/types.js.map +1 -0
- package/cjs/base-floating-element/utils.d.ts +6 -0
- package/cjs/base-floating-element/utils.d.ts.map +1 -0
- package/cjs/base-floating-element/utils.js +29 -0
- package/cjs/base-floating-element/utils.js.map +1 -0
- package/cjs/drawer/drawer.d.ts.map +1 -1
- package/cjs/drawer/drawer.js +2 -2
- package/cjs/drawer/drawer.js.map +1 -1
- package/cjs/drawer/styled.d.ts +1 -2
- package/cjs/drawer/styled.d.ts.map +1 -1
- package/cjs/drawer/styled.js.map +1 -1
- package/cjs/index.d.ts +1 -0
- package/cjs/index.d.ts.map +1 -1
- package/cjs/index.js +1 -0
- package/cjs/index.js.map +1 -1
- package/cjs/modal/modal.d.ts.map +1 -1
- package/cjs/modal/modal.js +2 -2
- package/cjs/modal/modal.js.map +1 -1
- package/cjs/popover/defaults.d.ts +20 -0
- package/cjs/popover/defaults.d.ts.map +1 -0
- package/cjs/popover/defaults.js +21 -0
- package/cjs/popover/defaults.js.map +1 -0
- package/cjs/popover/index.d.ts +3 -0
- package/cjs/popover/index.d.ts.map +1 -0
- package/cjs/popover/index.js +15 -0
- package/cjs/popover/index.js.map +1 -0
- package/cjs/popover/popover.d.ts +3 -0
- package/cjs/popover/popover.d.ts.map +1 -0
- package/cjs/popover/popover.js +79 -0
- package/cjs/popover/popover.js.map +1 -0
- package/cjs/popover/style-presets.d.ts +4 -0
- package/cjs/popover/style-presets.d.ts.map +1 -0
- package/cjs/popover/style-presets.js +23 -0
- package/cjs/popover/style-presets.js.map +1 -0
- package/cjs/popover/types.d.ts +3 -0
- package/cjs/popover/types.d.ts.map +1 -0
- package/cjs/popover/types.js +3 -0
- package/cjs/popover/types.js.map +1 -0
- package/cjs/theme/emotion.d.ts +1 -0
- package/cjs/theme/emotion.d.ts.map +1 -1
- package/cjs/theme/emotion.js.map +1 -1
- package/cjs/tooltip/defaults.d.ts +1 -0
- package/cjs/tooltip/defaults.d.ts.map +1 -1
- package/cjs/tooltip/defaults.js +1 -0
- package/cjs/tooltip/defaults.js.map +1 -1
- package/cjs/tooltip/tooltip.d.ts.map +1 -1
- package/cjs/tooltip/tooltip.js +30 -50
- package/cjs/tooltip/tooltip.js.map +1 -1
- package/cjs/tooltip/types.d.ts +3 -29
- package/cjs/tooltip/types.d.ts.map +1 -1
- package/cjs/utils/get-transition-class-name.d.ts +2 -0
- package/cjs/utils/get-transition-class-name.d.ts.map +1 -0
- package/cjs/utils/get-transition-class-name.js +24 -0
- package/cjs/utils/get-transition-class-name.js.map +1 -0
- package/cjs/version-number.json +1 -1
- package/esm/accordion/accordion-group.d.ts +9 -0
- package/esm/accordion/accordion-group.d.ts.map +1 -0
- package/esm/accordion/accordion-group.js +101 -0
- package/esm/accordion/accordion-group.js.map +1 -0
- package/esm/accordion/accordion.d.ts +4 -0
- package/esm/accordion/accordion.d.ts.map +1 -0
- package/esm/accordion/accordion.js +64 -0
- package/esm/accordion/accordion.js.map +1 -0
- package/esm/accordion/defaults.d.ts +21 -0
- package/esm/accordion/defaults.d.ts.map +1 -0
- package/esm/accordion/defaults.js +20 -0
- package/esm/accordion/defaults.js.map +1 -0
- package/esm/accordion/index.d.ts +4 -0
- package/esm/accordion/index.d.ts.map +1 -0
- package/esm/accordion/index.js +4 -0
- package/esm/accordion/index.js.map +1 -0
- package/esm/accordion/style-presets.d.ts +4 -0
- package/esm/accordion/style-presets.d.ts.map +1 -0
- package/esm/accordion/style-presets.js +28 -0
- package/esm/accordion/style-presets.js.map +1 -0
- package/esm/accordion/styled.d.ts +23 -0
- package/esm/accordion/styled.d.ts.map +1 -0
- package/esm/accordion/styled.js +24 -0
- package/esm/accordion/styled.js.map +1 -0
- package/esm/accordion/types.d.ts +44 -0
- package/esm/accordion/types.d.ts.map +1 -0
- package/esm/accordion/types.js +2 -0
- package/esm/accordion/types.js.map +1 -0
- package/esm/audio-player/audio-functions.js +2 -2
- package/esm/audio-player/audio-functions.js.map +1 -1
- package/esm/audio-player-composable/audio-functions.d.ts +3 -1
- package/esm/audio-player-composable/audio-functions.d.ts.map +1 -1
- package/esm/audio-player-composable/audio-functions.js +19 -37
- package/esm/audio-player-composable/audio-functions.js.map +1 -1
- package/esm/audio-player-composable/audio-player-composable.d.ts +1 -1
- package/esm/audio-player-composable/audio-player-composable.d.ts.map +1 -1
- package/esm/audio-player-composable/audio-player-composable.js +27 -10
- package/esm/audio-player-composable/audio-player-composable.js.map +1 -1
- package/esm/audio-player-composable/components/audio-element.d.ts.map +1 -1
- package/esm/audio-player-composable/components/audio-element.js +2 -2
- package/esm/audio-player-composable/components/audio-element.js.map +1 -1
- package/esm/audio-player-composable/components/volume-control/defaults.d.ts +24 -0
- package/esm/audio-player-composable/components/volume-control/defaults.d.ts.map +1 -0
- package/esm/audio-player-composable/components/volume-control/defaults.js +23 -0
- package/esm/audio-player-composable/components/volume-control/defaults.js.map +1 -0
- package/esm/audio-player-composable/components/volume-control/index.d.ts +3 -0
- package/esm/audio-player-composable/components/volume-control/index.d.ts.map +1 -0
- package/esm/audio-player-composable/components/volume-control/index.js +3 -0
- package/esm/audio-player-composable/components/volume-control/index.js.map +1 -0
- package/esm/audio-player-composable/components/volume-control/mute-button.d.ts +4 -0
- package/esm/audio-player-composable/components/volume-control/mute-button.d.ts.map +1 -0
- package/esm/audio-player-composable/components/volume-control/mute-button.js +19 -0
- package/esm/audio-player-composable/components/volume-control/mute-button.js.map +1 -0
- package/esm/audio-player-composable/components/volume-control/style-presets.d.ts +4 -0
- package/esm/audio-player-composable/components/volume-control/style-presets.d.ts.map +1 -0
- package/esm/audio-player-composable/components/volume-control/style-presets.js +34 -0
- package/esm/audio-player-composable/components/volume-control/style-presets.js.map +1 -0
- package/esm/audio-player-composable/components/volume-control/styled.d.ts +48 -0
- package/esm/audio-player-composable/components/volume-control/styled.d.ts.map +1 -0
- package/esm/audio-player-composable/components/volume-control/styled.js +22 -0
- package/esm/audio-player-composable/components/volume-control/styled.js.map +1 -0
- package/esm/audio-player-composable/components/volume-control/types.d.ts +31 -0
- package/esm/audio-player-composable/components/volume-control/types.d.ts.map +1 -0
- package/esm/audio-player-composable/components/volume-control/types.js +2 -0
- package/esm/audio-player-composable/components/volume-control/types.js.map +1 -0
- package/esm/audio-player-composable/components/volume-control/utils.d.ts +5 -0
- package/esm/audio-player-composable/components/volume-control/utils.d.ts.map +1 -0
- package/esm/audio-player-composable/components/volume-control/utils.js +13 -0
- package/esm/audio-player-composable/components/volume-control/utils.js.map +1 -0
- package/esm/audio-player-composable/components/volume-control/volume-control.d.ts +3 -0
- package/esm/audio-player-composable/components/volume-control/volume-control.d.ts.map +1 -0
- package/esm/audio-player-composable/components/volume-control/volume-control.js +64 -0
- package/esm/audio-player-composable/components/volume-control/volume-control.js.map +1 -0
- package/esm/audio-player-composable/index.d.ts +1 -0
- package/esm/audio-player-composable/index.d.ts.map +1 -1
- package/esm/audio-player-composable/index.js +1 -0
- package/esm/audio-player-composable/index.js.map +1 -1
- package/esm/audio-player-composable/types.d.ts +17 -0
- package/esm/audio-player-composable/types.d.ts.map +1 -1
- package/esm/audio-player-composable/types.js +1 -1
- package/esm/audio-player-composable/types.js.map +1 -1
- package/esm/base-floating-element/base-floating-element.d.ts +4 -0
- package/esm/base-floating-element/base-floating-element.d.ts.map +1 -0
- package/esm/base-floating-element/base-floating-element.js +116 -0
- package/esm/base-floating-element/base-floating-element.js.map +1 -0
- package/esm/base-floating-element/index.d.ts +3 -0
- package/esm/base-floating-element/index.d.ts.map +1 -0
- package/esm/base-floating-element/index.js +3 -0
- package/esm/base-floating-element/index.js.map +1 -0
- package/esm/{tooltip → base-floating-element}/styled.d.ts +5 -5
- package/esm/base-floating-element/styled.d.ts.map +1 -0
- package/esm/base-floating-element/styled.js +64 -0
- package/esm/base-floating-element/styled.js.map +1 -0
- package/esm/base-floating-element/types.d.ts +54 -0
- package/esm/base-floating-element/types.d.ts.map +1 -0
- package/esm/base-floating-element/types.js +2 -0
- package/esm/base-floating-element/types.js.map +1 -0
- package/esm/base-floating-element/utils.d.ts +6 -0
- package/esm/base-floating-element/utils.d.ts.map +1 -0
- package/esm/base-floating-element/utils.js +24 -0
- package/esm/base-floating-element/utils.js.map +1 -0
- package/esm/drawer/drawer.d.ts.map +1 -1
- package/esm/drawer/drawer.js +2 -2
- package/esm/drawer/drawer.js.map +1 -1
- package/esm/drawer/styled.d.ts +1 -2
- package/esm/drawer/styled.d.ts.map +1 -1
- package/esm/drawer/styled.js.map +1 -1
- package/esm/index.d.ts +1 -0
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -1
- package/esm/modal/modal.d.ts.map +1 -1
- package/esm/modal/modal.js +2 -2
- package/esm/modal/modal.js.map +1 -1
- package/esm/popover/defaults.d.ts +20 -0
- package/esm/popover/defaults.d.ts.map +1 -0
- package/esm/popover/defaults.js +19 -0
- package/esm/popover/defaults.js.map +1 -0
- package/esm/popover/index.d.ts +3 -0
- package/esm/popover/index.d.ts.map +1 -0
- package/esm/popover/index.js +3 -0
- package/esm/popover/index.js.map +1 -0
- package/esm/popover/popover.d.ts +3 -0
- package/esm/popover/popover.d.ts.map +1 -0
- package/esm/popover/popover.js +54 -0
- package/esm/popover/popover.js.map +1 -0
- package/esm/popover/style-presets.d.ts +4 -0
- package/esm/popover/style-presets.d.ts.map +1 -0
- package/esm/popover/style-presets.js +21 -0
- package/esm/popover/style-presets.js.map +1 -0
- package/esm/popover/types.d.ts +3 -0
- package/esm/popover/types.d.ts.map +1 -0
- package/esm/popover/types.js +2 -0
- package/esm/popover/types.js.map +1 -0
- package/esm/theme/emotion.d.ts +1 -0
- package/esm/theme/emotion.d.ts.map +1 -1
- package/esm/theme/emotion.js.map +1 -1
- package/esm/tooltip/defaults.d.ts +1 -0
- package/esm/tooltip/defaults.d.ts.map +1 -1
- package/esm/tooltip/defaults.js +1 -0
- package/esm/tooltip/defaults.js.map +1 -1
- package/esm/tooltip/tooltip.d.ts.map +1 -1
- package/esm/tooltip/tooltip.js +31 -51
- package/esm/tooltip/tooltip.js.map +1 -1
- package/esm/tooltip/types.d.ts +3 -29
- package/esm/tooltip/types.d.ts.map +1 -1
- package/esm/utils/get-transition-class-name.d.ts +2 -0
- package/esm/utils/get-transition-class-name.d.ts.map +1 -0
- package/esm/utils/get-transition-class-name.js +20 -0
- package/esm/utils/get-transition-class-name.js.map +1 -0
- package/esm/version-number.json +1 -1
- package/package.json +1 -1
- package/cjs/tooltip/styled.d.ts.map +0 -1
- package/cjs/tooltip/styled.js +0 -47
- package/cjs/tooltip/styled.js.map +0 -1
- package/cjs/tooltip/utils.d.ts +0 -6
- package/cjs/tooltip/utils.d.ts.map +0 -1
- package/cjs/tooltip/utils.js +0 -30
- package/cjs/tooltip/utils.js.map +0 -1
- package/esm/tooltip/styled.d.ts.map +0 -1
- package/esm/tooltip/styled.js +0 -44
- package/esm/tooltip/styled.js.map +0 -1
- package/esm/tooltip/utils.d.ts +0 -6
- package/esm/tooltip/utils.d.ts.map +0 -1
- package/esm/tooltip/utils.js +0 -23
- package/esm/tooltip/utils.js.map +0 -1
package/esm/tooltip/tooltip.js
CHANGED
|
@@ -21,62 +21,42 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
23
|
import * as React from 'react';
|
|
24
|
-
import {
|
|
25
|
-
import composeRefs from '@seznam/compose-react-refs';
|
|
26
|
-
import { useRef } from 'react';
|
|
24
|
+
import { useDismiss, useFocus, useHover, useInteractions as floatingUiUseInteractions, } from '@floating-ui/react-dom-interactions';
|
|
27
25
|
import { withOwnTheme } from '../utils/with-own-theme';
|
|
28
|
-
import { StyledPanel, StyledPointer, StyledTooltip } from './styled';
|
|
29
26
|
import defaults from './defaults';
|
|
30
27
|
import stylePresets from './style-presets';
|
|
31
|
-
import {
|
|
28
|
+
import { BaseFloatingElement } from '../base-floating-element/base-floating-element';
|
|
32
29
|
var ThemelessTooltip = function (_a) {
|
|
33
|
-
var children = _a.children, content = _a.content, _b = _a.
|
|
34
|
-
var
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
whileElementsMounted: autoUpdate,
|
|
44
|
-
middleware: !hidePointer ? [arrow({ element: pointerRef })] : [],
|
|
45
|
-
}), x = _f.x, y = _f.y, reference = _f.reference, floating = _f.floating, strategy = _f.strategy, context = _f.context, _g = _f.middlewareData.arrow, _h = _g === void 0 ? {} : _g, pointerX = _h.x, pointerY = _h.y;
|
|
46
|
-
var _j = useInteractions([
|
|
47
|
-
useHover(context, {
|
|
48
|
-
enabled: trigger.includes('hover'),
|
|
49
|
-
}),
|
|
50
|
-
useFocus(context, { enabled: trigger.includes('focus') }),
|
|
51
|
-
useRole(context, { enabled: !asLabel, role: 'tooltip' }),
|
|
52
|
-
useDismiss(context),
|
|
53
|
-
]), getReferenceProps = _j.getReferenceProps, getFloatingProps = _j.getFloatingProps;
|
|
54
|
-
var id = useId();
|
|
30
|
+
var children = _a.children, content = _a.content, _b = _a.trigger, trigger = _b === void 0 ? ['hover', 'focus'] : _b, asLabel = _a.asLabel, props = __rest(_a, ["children", "content", "trigger", "asLabel"]);
|
|
31
|
+
var useInteractions = function (context) {
|
|
32
|
+
return floatingUiUseInteractions([
|
|
33
|
+
useHover(context, {
|
|
34
|
+
enabled: trigger.includes('hover'),
|
|
35
|
+
}),
|
|
36
|
+
useFocus(context, { enabled: trigger.includes('focus') }),
|
|
37
|
+
useDismiss(context),
|
|
38
|
+
]);
|
|
39
|
+
};
|
|
55
40
|
var contentIsString = typeof content === 'string';
|
|
56
|
-
var
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
return
|
|
70
|
-
}
|
|
71
|
-
return (
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
id: id,
|
|
76
|
-
className: 'Tooltip',
|
|
77
|
-
}), { strategy: strategy, "$x": x, "$y": y, placement: placement, overrides: overrides, hidePointer: hidePointer, "aria-hidden": true }, props),
|
|
78
|
-
React.createElement(StyledPanel, { as: contentIsString ? 'p' : 'div', overrides: overrides }, content),
|
|
79
|
-
!hidePointer && (React.createElement(StyledPointer, { id: "".concat(id, "-pointer"), ref: pointerRef, placement: placement, "$x": pointerX, "$y": pointerY, overrides: overrides }))))));
|
|
41
|
+
var buildContextAriaAttributes = function (_a) {
|
|
42
|
+
var _b = _a.floating, id = _b.id, open = _b.open;
|
|
43
|
+
var attrs = {};
|
|
44
|
+
// If tooltip is used as a label, add aria-label or aria-labelledby to childrenProps and id to StyledTooltip;
|
|
45
|
+
// aria-label is used when content is string; aria-labelledby is used when it's not a string;
|
|
46
|
+
// Because of above, 'aria-describedby' has different id for reference and floating, hence manually set below as well;
|
|
47
|
+
if (asLabel) {
|
|
48
|
+
attrs['aria-label'] = contentIsString ? content : undefined;
|
|
49
|
+
attrs['aria-labelledby'] = open && !contentIsString ? id : undefined;
|
|
50
|
+
}
|
|
51
|
+
else {
|
|
52
|
+
attrs['aria-describedby'] = open ? id : undefined;
|
|
53
|
+
}
|
|
54
|
+
return attrs;
|
|
55
|
+
};
|
|
56
|
+
var buildFloatingElementAriaAttributes = function () { return ({
|
|
57
|
+
'aria-hidden': true,
|
|
58
|
+
}); };
|
|
59
|
+
return (React.createElement(BaseFloatingElement, __assign({ path: "tooltip", className: "Tooltip", content: content, buildRefElAriaAttributes: buildContextAriaAttributes, buildFloatingElAriaAttributes: buildFloatingElementAriaAttributes, useInteractions: useInteractions, role: !asLabel ? 'tooltip' : undefined }, props), children));
|
|
80
60
|
};
|
|
81
61
|
export var Tooltip = withOwnTheme(ThemelessTooltip)({
|
|
82
62
|
defaults: defaults,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,eAAe,IAAI,yBAAyB,GAC7C,MAAM,qCAAqC,CAAC;AAE7C,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AACrD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,mBAAmB,EAAC,MAAM,gDAAgD,CAAC;AAGnF,IAAM,gBAAgB,GAA2B,UAAC,EAMjD;IALC,IAAA,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,eAA4B,EAA5B,OAAO,mBAAG,CAAC,OAAO,EAAE,OAAO,CAAC,KAAA,EAC5B,OAAO,aAAA,EACJ,KAAK,cALwC,6CAMjD,CADS;IAER,IAAM,eAAe,GAAG,UAAC,OAAqC;QAC5D,OAAA,yBAAyB,CAAC;YACxB,QAAQ,CAAC,OAAO,EAAE;gBAChB,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC;aACnC,CAAC;YACF,QAAQ,CAAC,OAAO,EAAE,EAAC,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAC,CAAC;YACvD,UAAU,CAAC,OAAO,CAAC;SACpB,CAAC;IANF,CAME,CAAC;IAEL,IAAM,eAAe,GAAG,OAAO,OAAO,KAAK,QAAQ,CAAC;IAEpD,IAAM,0BAA0B,GAA0B,UAAC,EAE1D;YADC,gBAAoB,EAAT,EAAE,QAAA,EAAE,IAAI,UAAA;QAEnB,IAAM,KAAK,GAAmB,EAAE,CAAC;QAEjC,6GAA6G;QAC7G,6FAA6F;QAC7F,sHAAsH;QACtH,IAAI,OAAO,EAAE;YACX,KAAK,CAAC,YAAY,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;YAC5D,KAAK,CAAC,iBAAiB,CAAC,GAAG,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;SACtE;aAAM;YACL,KAAK,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;SACnD;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,IAAM,kCAAkC,GAA0B,cAAM,OAAA,CAAC;QACvE,aAAa,EAAE,IAAI;KACpB,CAAC,EAFsE,CAEtE,CAAC;IAEH,OAAO,CACL,oBAAC,mBAAmB,aAClB,IAAI,EAAC,SAAS,EACd,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,OAAO,EAChB,wBAAwB,EAAE,0BAA0B,EACpD,6BAA6B,EAAE,kCAAkC,EACjE,eAAe,EAAE,eAAe,EAChC,IAAI,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IAClC,KAAK,GAER,QAAQ,CACW,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACpD,QAAQ,UAAA;IACR,YAAY,cAAA;CACb,CAAC,CAAC"}
|
package/esm/tooltip/types.d.ts
CHANGED
|
@@ -1,33 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { Placement } from '@floating-ui/react-dom-interactions';
|
|
3
|
-
import { MQ } from '../utils/style';
|
|
4
|
-
import { LogicalPaddingProps } from '../utils/logical-properties';
|
|
1
|
+
import { FloatingElementProps } from '../base-floating-element';
|
|
5
2
|
export declare type TriggerType = 'hover' | 'focus';
|
|
6
|
-
export
|
|
7
|
-
children: React.ReactElement & {
|
|
8
|
-
ref?: React.Ref<unknown>;
|
|
9
|
-
};
|
|
10
|
-
content: React.ReactNode;
|
|
11
|
-
open?: boolean;
|
|
12
|
-
defaultOpen?: boolean;
|
|
3
|
+
export declare type TooltipProps = Omit<FloatingElementProps, 'trigger' | 'onDismiss' | 'restoreFocusTo'> & {
|
|
13
4
|
trigger?: TriggerType | TriggerType[];
|
|
14
|
-
placement?: Placement;
|
|
15
5
|
asLabel?: boolean;
|
|
16
|
-
|
|
17
|
-
overrides?: {
|
|
18
|
-
zIndex?: number;
|
|
19
|
-
maxWidth?: MQ<string>;
|
|
20
|
-
minWidth?: MQ<string>;
|
|
21
|
-
distance?: MQ<string>;
|
|
22
|
-
stylePreset?: MQ<string>;
|
|
23
|
-
panel?: {
|
|
24
|
-
stylePreset?: MQ<string>;
|
|
25
|
-
typographyPreset?: MQ<string>;
|
|
26
|
-
} & LogicalPaddingProps;
|
|
27
|
-
pointer?: {
|
|
28
|
-
stylePreset?: MQ<string>;
|
|
29
|
-
size?: MQ<string>;
|
|
30
|
-
};
|
|
31
|
-
};
|
|
32
|
-
}
|
|
6
|
+
};
|
|
33
7
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAC,MAAM,0BAA0B,CAAC;AAE9D,oBAAY,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC;AAE5C,oBAAY,YAAY,GAAG,IAAI,CAC7B,oBAAoB,EACpB,SAAS,GAAG,WAAW,GAAG,gBAAgB,CAC3C,GAAG;IACF,OAAO,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"get-transition-class-name.d.ts","sourceRoot":"","sources":["../../../src/utils/get-transition-class-name.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,kBAClB,MAAM,SACd,MAAM,KACZ,MAkBF,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export var getTransitionClassName = function (componentName, state) {
|
|
2
|
+
var suffixClassName = '';
|
|
3
|
+
// eslint-disable-next-line default-case
|
|
4
|
+
switch (state) {
|
|
5
|
+
case 'exiting':
|
|
6
|
+
suffixClassName = 'exit-active';
|
|
7
|
+
break;
|
|
8
|
+
case 'entering':
|
|
9
|
+
suffixClassName = 'enter-active';
|
|
10
|
+
break;
|
|
11
|
+
case 'exited':
|
|
12
|
+
suffixClassName = 'exit-done';
|
|
13
|
+
break;
|
|
14
|
+
case 'entered':
|
|
15
|
+
suffixClassName = 'enter-done';
|
|
16
|
+
break;
|
|
17
|
+
}
|
|
18
|
+
return "".concat(componentName, "-").concat(suffixClassName);
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=get-transition-class-name.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"get-transition-class-name.js","sourceRoot":"","sources":["../../../src/utils/get-transition-class-name.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,sBAAsB,GAAG,UACpC,aAAqB,EACrB,KAAa;IAEb,IAAI,eAAe,GAAG,EAAE,CAAC;IACzB,wCAAwC;IACxC,QAAQ,KAAK,EAAE;QACb,KAAK,SAAS;YACZ,eAAe,GAAG,aAAa,CAAC;YAChC,MAAM;QACR,KAAK,UAAU;YACb,eAAe,GAAG,cAAc,CAAC;YACjC,MAAM;QACR,KAAK,QAAQ;YACX,eAAe,GAAG,WAAW,CAAC;YAC9B,MAAM;QACR,KAAK,SAAS;YACZ,eAAe,GAAG,YAAY,CAAC;YAC/B,MAAM;KACT;IACD,OAAO,UAAG,aAAa,cAAI,eAAe,CAAE,CAAC;AAC/C,CAAC,CAAC"}
|
package/esm/version-number.json
CHANGED
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/tooltip/styled.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,qCAAqC,CAAC;AACxE,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAYrC,eAAO,MAAM,aAAa;;;;cAEZ,QAAQ;eACP,SAAS;;;iBAGP,OAAO;2IAqBvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;4CAIvB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;eAEX,SAAS;;;2IA+BvB,CAAC"}
|
package/cjs/tooltip/styled.js
DELETED
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.StyledPointer = exports.StyledPanel = exports.StyledTooltip = void 0;
|
|
8
|
-
var style_1 = require("../utils/style");
|
|
9
|
-
var logical_properties_1 = require("../utils/logical-properties");
|
|
10
|
-
var text_block_1 = require("../text-block");
|
|
11
|
-
var utils_1 = require("./utils");
|
|
12
|
-
exports.StyledTooltip = style_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n pointer-events: none;\n ", ";\n ", ";\n ", ";\n ", "\n"], ["\n pointer-events: none;\n ", ";\n ", ";\n ", ";\n ", "\n"])), (0, style_1.getResponsiveSpace)('zIndex', 'tooltip', '', 'zIndex'), (0, style_1.getResponsiveSize)('maxWidth', 'tooltip', '', 'maxWidth'), (0, style_1.getResponsiveSize)('minWidth', 'tooltip', '', 'minWidth'), function (_a) {
|
|
13
|
-
var $x = _a.$x, $y = _a.$y, strategy = _a.strategy, placement = _a.placement, hidePointer = _a.hidePointer;
|
|
14
|
-
return (0, style_1.getResponsiveSpace)(function (distance) {
|
|
15
|
-
var offset = !hidePointer ? distance : undefined;
|
|
16
|
-
return {
|
|
17
|
-
position: strategy,
|
|
18
|
-
left: (0, utils_1.calculateInset)($x, 'left', offset, placement),
|
|
19
|
-
top: (0, utils_1.calculateInset)($y, 'top', offset, placement),
|
|
20
|
-
};
|
|
21
|
-
}, 'tooltip', 'distance', 'distance');
|
|
22
|
-
});
|
|
23
|
-
exports.StyledPanel = (0, style_1.styled)(text_block_1.TextBlock)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n ", ";\n ", "\n"], ["\n ", ";\n ", ";\n ", "\n"])), (0, style_1.getStylePreset)('tooltip.panel', 'panel'), (0, style_1.getTypographyPreset)('tooltip.panel', 'panel'), (0, logical_properties_1.logicalProps)('tooltip.panel', 'panel'));
|
|
24
|
-
exports.StyledPointer = style_1.styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: absolute;\n transform: rotate(45deg);\n ", ";\n ", "\n"], ["\n position: absolute;\n transform: rotate(45deg);\n ", ";\n ", "\n"])), (0, style_1.getStylePreset)('tooltip.pointer', 'pointer'), function (_a) {
|
|
25
|
-
var placement = _a.placement, $x = _a.$x, $y = _a.$y;
|
|
26
|
-
return (0, style_1.getResponsiveSize)(function (size) {
|
|
27
|
-
var _a;
|
|
28
|
-
var staticSide = {
|
|
29
|
-
top: 'bottom',
|
|
30
|
-
right: 'left',
|
|
31
|
-
bottom: 'top',
|
|
32
|
-
left: 'right',
|
|
33
|
-
}[placement.split('-')[0]];
|
|
34
|
-
return _a = {
|
|
35
|
-
width: size,
|
|
36
|
-
height: size,
|
|
37
|
-
left: $x != null ? "".concat($x, "px") : '',
|
|
38
|
-
top: $y != null ? "".concat($y, "px") : '',
|
|
39
|
-
right: '',
|
|
40
|
-
bottom: ''
|
|
41
|
-
},
|
|
42
|
-
_a[staticSide] = "calc(-".concat(size, " / 2)"),
|
|
43
|
-
_a;
|
|
44
|
-
}, "tooltip.pointer", 'pointer', 'size');
|
|
45
|
-
});
|
|
46
|
-
var templateObject_1, templateObject_2, templateObject_3;
|
|
47
|
-
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/tooltip/styled.tsx"],"names":[],"mappings":";;;;;;;AAEA,wCAMwB;AACxB,kEAAyD;AACzD,4CAAwC;AACxC,iCAAuC;AAE1B,QAAA,aAAa,GAAG,cAAM,CAAC,GAAG,mIAQtC,+BAEG,EAAqD,OACrD,EAAwD,OACxD,EAAwD,OACxD,EAaC,IACJ,KAjBG,IAAA,0BAAkB,EAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,CAAC,EACrD,IAAA,yBAAiB,EAAC,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,UAAU,CAAC,EACxD,IAAA,yBAAiB,EAAC,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,UAAU,CAAC,EACxD,UAAC,EAA0C;QAAzC,EAAE,QAAA,EAAE,EAAE,QAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,WAAW,iBAAA;IAC1C,OAAA,IAAA,0BAAkB,EAChB,UAAA,QAAQ;QACN,IAAM,MAAM,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;QACnD,OAAO;YACL,QAAQ,EAAE,QAAQ;YAClB,IAAI,EAAE,IAAA,sBAAc,EAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,CAAC;YACnD,GAAG,EAAE,IAAA,sBAAc,EAAC,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC;SAClD,CAAC;IACJ,CAAC,EACD,SAAS,EACT,UAAU,EACV,UAAU,CACX;AAZD,CAYC,EACH;AAEW,QAAA,WAAW,GAAG,IAAA,cAAM,EAAC,sBAAS,CAAC,iGAAiC,MACzE,EAAwC,OACxC,EAA6C,OAC7C,EAAsC,IACzC,KAHG,IAAA,sBAAc,EAAC,eAAe,EAAE,OAAO,CAAC,EACxC,IAAA,2BAAmB,EAAC,eAAe,EAAE,OAAO,CAAC,EAC7C,IAAA,iCAAY,EAAC,eAAe,EAAE,OAAO,CAAC,EACxC;AAEW,QAAA,aAAa,GAAG,cAAM,CAAC,GAAG,4IAMtC,0DAGG,EAA4C,OAC5C,EAsBC,IACJ,KAxBG,IAAA,sBAAc,EAAC,iBAAiB,EAAE,SAAS,CAAC,EAC5C,UAAC,EAAmB;QAAlB,SAAS,eAAA,EAAE,EAAE,QAAA,EAAE,EAAE,QAAA;IACnB,OAAA,IAAA,yBAAiB,EACf,UAAA,IAAI;;QACF,IAAM,UAAU,GAAW;YACzB,GAAG,EAAE,QAAQ;YACb,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,OAAO;SACd,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAE,CAAC;QAC5B;gBACE,KAAK,EAAE,IAAI;gBACX,MAAM,EAAE,IAAI;gBACZ,IAAI,EAAE,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,UAAG,EAAE,OAAI,CAAC,CAAC,CAAC,EAAE;gBACjC,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,UAAG,EAAE,OAAI,CAAC,CAAC,CAAC,EAAE;gBAChC,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;;YACV,GAAC,UAAU,IAAG,gBAAS,IAAI,UAAO;eAClC;IACJ,CAAC,EACD,iBAAiB,EACjB,SAAS,EACT,MAAM,CACP;AArBD,CAqBC,EACH"}
|
package/cjs/tooltip/utils.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { Axis, Placement, Side } from '@floating-ui/react-dom-interactions';
|
|
2
|
-
export declare function getSide(placement: Placement): Side;
|
|
3
|
-
export declare function getOffsetAxis(side: Side): Axis;
|
|
4
|
-
export declare function getOffsetAxisDirection(side: Side): 1 | -1;
|
|
5
|
-
export declare function calculateInset(insetValue: number | undefined | null, insetSide: Side, offsetValue: string | undefined, tooltipPlacement: Placement): string;
|
|
6
|
-
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/tooltip/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAC,MAAM,qCAAqC,CAAC;AAE1E,wBAAgB,OAAO,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAElD;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAE9C;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,CAEzD;AAED,wBAAgB,cAAc,CAC5B,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,EACrC,SAAS,EAAE,IAAI,EACf,WAAW,EAAE,MAAM,GAAG,SAAS,EAC/B,gBAAgB,EAAE,SAAS,GAC1B,MAAM,CAYR"}
|
package/cjs/tooltip/utils.js
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.calculateInset = exports.getOffsetAxisDirection = exports.getOffsetAxis = exports.getSide = void 0;
|
|
4
|
-
function getSide(placement) {
|
|
5
|
-
return placement.split('-')[0];
|
|
6
|
-
}
|
|
7
|
-
exports.getSide = getSide;
|
|
8
|
-
function getOffsetAxis(side) {
|
|
9
|
-
return !['top', 'bottom'].includes(side) ? 'x' : 'y';
|
|
10
|
-
}
|
|
11
|
-
exports.getOffsetAxis = getOffsetAxis;
|
|
12
|
-
function getOffsetAxisDirection(side) {
|
|
13
|
-
return ['left', 'top'].includes(side) ? -1 : 1;
|
|
14
|
-
}
|
|
15
|
-
exports.getOffsetAxisDirection = getOffsetAxisDirection;
|
|
16
|
-
function calculateInset(insetValue, insetSide, offsetValue, tooltipPlacement) {
|
|
17
|
-
if (insetValue === null || insetValue === undefined) {
|
|
18
|
-
return '';
|
|
19
|
-
}
|
|
20
|
-
var offsetSide = getSide(tooltipPlacement);
|
|
21
|
-
var insetAxis = getOffsetAxis(insetSide);
|
|
22
|
-
var offsetAxis = getOffsetAxis(offsetSide);
|
|
23
|
-
if (!offsetValue || offsetAxis !== insetAxis) {
|
|
24
|
-
return "".concat(insetValue, "px");
|
|
25
|
-
}
|
|
26
|
-
var dir = getOffsetAxisDirection(offsetSide);
|
|
27
|
-
return "calc(".concat(insetValue, "px + (").concat(offsetValue, " * ").concat(dir, "))");
|
|
28
|
-
}
|
|
29
|
-
exports.calculateInset = calculateInset;
|
|
30
|
-
//# sourceMappingURL=utils.js.map
|
package/cjs/tooltip/utils.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/tooltip/utils.ts"],"names":[],"mappings":";;;AAEA,SAAgB,OAAO,CAAC,SAAoB;IAC1C,OAAO,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAS,CAAC;AACzC,CAAC;AAFD,0BAEC;AAED,SAAgB,aAAa,CAAC,IAAU;IACtC,OAAO,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;AACvD,CAAC;AAFD,sCAEC;AAED,SAAgB,sBAAsB,CAAC,IAAU;IAC/C,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACjD,CAAC;AAFD,wDAEC;AAED,SAAgB,cAAc,CAC5B,UAAqC,EACrC,SAAe,EACf,WAA+B,EAC/B,gBAA2B;IAE3B,IAAI,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,SAAS,EAAE;QACnD,OAAO,EAAE,CAAC;KACX;IACD,IAAM,UAAU,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAC7C,IAAM,SAAS,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IAC3C,IAAM,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC;IAC7C,IAAI,CAAC,WAAW,IAAI,UAAU,KAAK,SAAS,EAAE;QAC5C,OAAO,UAAG,UAAU,OAAI,CAAC;KAC1B;IACD,IAAM,GAAG,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAC;IAC/C,OAAO,eAAQ,UAAU,mBAAS,WAAW,gBAAM,GAAG,OAAI,CAAC;AAC7D,CAAC;AAjBD,wCAiBC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/tooltip/styled.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,qCAAqC,CAAC;AACxE,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAYrC,eAAO,MAAM,aAAa;;;;cAEZ,QAAQ;eACP,SAAS;;;iBAGP,OAAO;2IAqBvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;4CAIvB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;eAEX,SAAS;;;2IA+BvB,CAAC"}
|
package/esm/tooltip/styled.js
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
|
-
import { getResponsiveSize, getResponsiveSpace, getStylePreset, getTypographyPreset, styled, } from '../utils/style';
|
|
6
|
-
import { logicalProps } from '../utils/logical-properties';
|
|
7
|
-
import { TextBlock } from '../text-block';
|
|
8
|
-
import { calculateInset } from './utils';
|
|
9
|
-
export var StyledTooltip = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n pointer-events: none;\n ", ";\n ", ";\n ", ";\n ", "\n"], ["\n pointer-events: none;\n ", ";\n ", ";\n ", ";\n ", "\n"])), getResponsiveSpace('zIndex', 'tooltip', '', 'zIndex'), getResponsiveSize('maxWidth', 'tooltip', '', 'maxWidth'), getResponsiveSize('minWidth', 'tooltip', '', 'minWidth'), function (_a) {
|
|
10
|
-
var $x = _a.$x, $y = _a.$y, strategy = _a.strategy, placement = _a.placement, hidePointer = _a.hidePointer;
|
|
11
|
-
return getResponsiveSpace(function (distance) {
|
|
12
|
-
var offset = !hidePointer ? distance : undefined;
|
|
13
|
-
return {
|
|
14
|
-
position: strategy,
|
|
15
|
-
left: calculateInset($x, 'left', offset, placement),
|
|
16
|
-
top: calculateInset($y, 'top', offset, placement),
|
|
17
|
-
};
|
|
18
|
-
}, 'tooltip', 'distance', 'distance');
|
|
19
|
-
});
|
|
20
|
-
export var StyledPanel = styled(TextBlock)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n ", ";\n ", "\n"], ["\n ", ";\n ", ";\n ", "\n"])), getStylePreset('tooltip.panel', 'panel'), getTypographyPreset('tooltip.panel', 'panel'), logicalProps('tooltip.panel', 'panel'));
|
|
21
|
-
export var StyledPointer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: absolute;\n transform: rotate(45deg);\n ", ";\n ", "\n"], ["\n position: absolute;\n transform: rotate(45deg);\n ", ";\n ", "\n"])), getStylePreset('tooltip.pointer', 'pointer'), function (_a) {
|
|
22
|
-
var placement = _a.placement, $x = _a.$x, $y = _a.$y;
|
|
23
|
-
return getResponsiveSize(function (size) {
|
|
24
|
-
var _a;
|
|
25
|
-
var staticSide = {
|
|
26
|
-
top: 'bottom',
|
|
27
|
-
right: 'left',
|
|
28
|
-
bottom: 'top',
|
|
29
|
-
left: 'right',
|
|
30
|
-
}[placement.split('-')[0]];
|
|
31
|
-
return _a = {
|
|
32
|
-
width: size,
|
|
33
|
-
height: size,
|
|
34
|
-
left: $x != null ? "".concat($x, "px") : '',
|
|
35
|
-
top: $y != null ? "".concat($y, "px") : '',
|
|
36
|
-
right: '',
|
|
37
|
-
bottom: ''
|
|
38
|
-
},
|
|
39
|
-
_a[staticSide] = "calc(-".concat(size, " / 2)"),
|
|
40
|
-
_a;
|
|
41
|
-
}, "tooltip.pointer", 'pointer', 'size');
|
|
42
|
-
});
|
|
43
|
-
var templateObject_1, templateObject_2, templateObject_3;
|
|
44
|
-
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/tooltip/styled.tsx"],"names":[],"mappings":";;;;AAEA,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,MAAM,GACP,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAEvC,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,mIAQtC,+BAEG,EAAqD,OACrD,EAAwD,OACxD,EAAwD,OACxD,EAaC,IACJ,KAjBG,kBAAkB,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,CAAC,EACrD,iBAAiB,CAAC,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,UAAU,CAAC,EACxD,iBAAiB,CAAC,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,UAAU,CAAC,EACxD,UAAC,EAA0C;QAAzC,EAAE,QAAA,EAAE,EAAE,QAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,WAAW,iBAAA;IAC1C,OAAA,kBAAkB,CAChB,UAAA,QAAQ;QACN,IAAM,MAAM,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;QACnD,OAAO;YACL,QAAQ,EAAE,QAAQ;YAClB,IAAI,EAAE,cAAc,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,CAAC;YACnD,GAAG,EAAE,cAAc,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC;SAClD,CAAC;IACJ,CAAC,EACD,SAAS,EACT,UAAU,EACV,UAAU,CACX;AAZD,CAYC,CACJ,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,iGAAiC,MACzE,EAAwC,OACxC,EAA6C,OAC7C,EAAsC,IACzC,KAHG,cAAc,CAAC,eAAe,EAAE,OAAO,CAAC,EACxC,mBAAmB,CAAC,eAAe,EAAE,OAAO,CAAC,EAC7C,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC,CACzC,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,4IAMtC,0DAGG,EAA4C,OAC5C,EAsBC,IACJ,KAxBG,cAAc,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAC5C,UAAC,EAAmB;QAAlB,SAAS,eAAA,EAAE,EAAE,QAAA,EAAE,EAAE,QAAA;IACnB,OAAA,iBAAiB,CACf,UAAA,IAAI;;QACF,IAAM,UAAU,GAAW;YACzB,GAAG,EAAE,QAAQ;YACb,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,OAAO;SACd,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAE,CAAC;QAC5B;gBACE,KAAK,EAAE,IAAI;gBACX,MAAM,EAAE,IAAI;gBACZ,IAAI,EAAE,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,UAAG,EAAE,OAAI,CAAC,CAAC,CAAC,EAAE;gBACjC,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,UAAG,EAAE,OAAI,CAAC,CAAC,CAAC,EAAE;gBAChC,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;;YACV,GAAC,UAAU,IAAG,gBAAS,IAAI,UAAO;eAClC;IACJ,CAAC,EACD,iBAAiB,EACjB,SAAS,EACT,MAAM,CACP;AArBD,CAqBC,CACJ,CAAC"}
|
package/esm/tooltip/utils.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { Axis, Placement, Side } from '@floating-ui/react-dom-interactions';
|
|
2
|
-
export declare function getSide(placement: Placement): Side;
|
|
3
|
-
export declare function getOffsetAxis(side: Side): Axis;
|
|
4
|
-
export declare function getOffsetAxisDirection(side: Side): 1 | -1;
|
|
5
|
-
export declare function calculateInset(insetValue: number | undefined | null, insetSide: Side, offsetValue: string | undefined, tooltipPlacement: Placement): string;
|
|
6
|
-
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/tooltip/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAC,MAAM,qCAAqC,CAAC;AAE1E,wBAAgB,OAAO,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAElD;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAE9C;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,CAEzD;AAED,wBAAgB,cAAc,CAC5B,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,EACrC,SAAS,EAAE,IAAI,EACf,WAAW,EAAE,MAAM,GAAG,SAAS,EAC/B,gBAAgB,EAAE,SAAS,GAC1B,MAAM,CAYR"}
|
package/esm/tooltip/utils.js
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
export function getSide(placement) {
|
|
2
|
-
return placement.split('-')[0];
|
|
3
|
-
}
|
|
4
|
-
export function getOffsetAxis(side) {
|
|
5
|
-
return !['top', 'bottom'].includes(side) ? 'x' : 'y';
|
|
6
|
-
}
|
|
7
|
-
export function getOffsetAxisDirection(side) {
|
|
8
|
-
return ['left', 'top'].includes(side) ? -1 : 1;
|
|
9
|
-
}
|
|
10
|
-
export function calculateInset(insetValue, insetSide, offsetValue, tooltipPlacement) {
|
|
11
|
-
if (insetValue === null || insetValue === undefined) {
|
|
12
|
-
return '';
|
|
13
|
-
}
|
|
14
|
-
var offsetSide = getSide(tooltipPlacement);
|
|
15
|
-
var insetAxis = getOffsetAxis(insetSide);
|
|
16
|
-
var offsetAxis = getOffsetAxis(offsetSide);
|
|
17
|
-
if (!offsetValue || offsetAxis !== insetAxis) {
|
|
18
|
-
return "".concat(insetValue, "px");
|
|
19
|
-
}
|
|
20
|
-
var dir = getOffsetAxisDirection(offsetSide);
|
|
21
|
-
return "calc(".concat(insetValue, "px + (").concat(offsetValue, " * ").concat(dir, "))");
|
|
22
|
-
}
|
|
23
|
-
//# sourceMappingURL=utils.js.map
|
package/esm/tooltip/utils.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/tooltip/utils.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,OAAO,CAAC,SAAoB;IAC1C,OAAO,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAS,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,IAAU;IACtC,OAAO,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;AACvD,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,IAAU;IAC/C,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACjD,CAAC;AAED,MAAM,UAAU,cAAc,CAC5B,UAAqC,EACrC,SAAe,EACf,WAA+B,EAC/B,gBAA2B;IAE3B,IAAI,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,SAAS,EAAE;QACnD,OAAO,EAAE,CAAC;KACX;IACD,IAAM,UAAU,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAC7C,IAAM,SAAS,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IAC3C,IAAM,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC;IAC7C,IAAI,CAAC,WAAW,IAAI,UAAU,KAAK,SAAS,EAAE;QAC5C,OAAO,UAAG,UAAU,OAAI,CAAC;KAC1B;IACD,IAAM,GAAG,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAC;IAC/C,OAAO,eAAQ,UAAU,mBAAS,WAAW,gBAAM,GAAG,OAAI,CAAC;AAC7D,CAAC"}
|