@telefonica/mistica 14.34.0 → 14.35.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/css/mistica.css +1 -1
- package/dist/avatar.css-mistica.js +1 -1
- package/dist/button.css-mistica.js +7 -7
- package/dist/callout.css-mistica.js +1 -1
- package/dist/callout.js +17 -12
- package/dist/card.js +277 -244
- package/dist/carousel.css-mistica.js +5 -5
- package/dist/carousel.js +54 -52
- package/dist/checkbox.js +18 -18
- package/dist/community/advanced-data-card.css-mistica.js +3 -3
- package/dist/community/advanced-data-card.js +57 -50
- package/dist/community/blocks.js +42 -35
- package/dist/counter.css-mistica.js +1 -1
- package/dist/cvv-field.js +1 -1
- package/dist/dialog.css-mistica.js +3 -3
- package/dist/dialog.js +2 -2
- package/dist/hero.js +34 -30
- package/dist/hooks.d.ts +12 -1
- package/dist/hooks.js +85 -48
- package/dist/image.css-mistica.js +7 -2
- package/dist/image.css.d.ts +3 -0
- package/dist/image.d.ts +1 -7
- package/dist/image.js +55 -66
- package/dist/list.css-mistica.js +1 -1
- package/dist/list.js +80 -75
- package/dist/loading-bar.css-mistica.js +6 -6
- package/dist/maybe-dismissable.css-mistica.js +1 -1
- package/dist/menu.js +32 -32
- package/dist/navigation-bar.css-mistica.js +10 -10
- package/dist/overlay.js +10 -10
- package/dist/package-version.js +1 -1
- package/dist/pin-field.css-mistica.js +3 -3
- package/dist/popover.css-mistica.js +4 -4
- package/dist/radio-button.css-mistica.js +5 -5
- package/dist/radio-button.js +7 -7
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/select.css-mistica.js +7 -7
- package/dist/select.js +65 -53
- package/dist/sheet.css-mistica.js +8 -8
- package/dist/skeletons.d.ts +9 -1
- package/dist/skeletons.js +3 -0
- package/dist/skins/blau.js +2 -1
- package/dist/skins/defaults.js +2 -1
- package/dist/skins/movistar-legacy.js +2 -1
- package/dist/skins/movistar.js +2 -1
- package/dist/skins/o2.js +2 -1
- package/dist/skins/skin-contract.css-mistica.js +2 -1
- package/dist/skins/skin-contract.css.d.ts +1 -0
- package/dist/skins/telefonica.js +2 -1
- package/dist/skins/types/index.d.ts +1 -0
- package/dist/skins/vivo-new.js +2 -1
- package/dist/skins/vivo.js +2 -1
- package/dist/slider.css-mistica.js +19 -19
- package/dist/slider.css.d.ts +8 -8
- package/dist/slider.d.ts +28 -8
- package/dist/slider.js +226 -106
- package/dist/snackbar.css-mistica.js +5 -5
- package/dist/sprinkles.css-mistica.js +71 -68
- package/dist/stacking-group.js +31 -24
- package/dist/stepper.css-mistica.js +3 -3
- package/dist/switch-component.css-mistica.js +17 -17
- package/dist/switch-component.js +12 -12
- package/dist/tab-focus.js +12 -12
- package/dist/tabs.css-mistica.js +1 -1
- package/dist/text-field-base.css-mistica.js +1 -1
- package/dist/text-field-components.css-mistica.js +7 -7
- package/dist/text-link.css-mistica.js +3 -3
- package/dist/theme-context-provider.js +39 -36
- package/dist/tooltip-context-provider.d.ts +14 -0
- package/dist/tooltip-context-provider.js +90 -0
- package/dist/tooltip.css-mistica.js +25 -54
- package/dist/tooltip.css.d.ts +19 -26
- package/dist/tooltip.d.ts +15 -1
- package/dist/tooltip.js +255 -207
- package/dist/touchable.css-mistica.js +1 -1
- package/dist/touchable.js +8 -8
- package/dist/utils/aspect-ratio-support.css-mistica.js +2 -2
- package/dist/utils/environment.d.ts +1 -0
- package/dist/utils/environment.js +4 -1
- package/dist/utils/keys.d.ts +8 -0
- package/dist/utils/{key-codes.js → keys.js} +6 -6
- package/dist/video.css-mistica.js +1 -1
- package/dist/video.js +33 -31
- package/dist-es/avatar.css-mistica.js +1 -1
- package/dist-es/button.css-mistica.js +7 -7
- package/dist-es/callout.css-mistica.js +1 -1
- package/dist-es/callout.js +33 -28
- package/dist-es/card.js +416 -383
- package/dist-es/carousel.css-mistica.js +2 -2
- package/dist-es/carousel.js +84 -82
- package/dist-es/checkbox.js +18 -18
- package/dist-es/community/advanced-data-card.css-mistica.js +2 -2
- package/dist-es/community/advanced-data-card.js +83 -76
- package/dist-es/community/blocks.js +77 -70
- package/dist-es/counter.css-mistica.js +1 -1
- package/dist-es/cvv-field.js +1 -1
- package/dist-es/dialog.css-mistica.js +3 -3
- package/dist-es/dialog.js +2 -2
- package/dist-es/hero.js +69 -65
- package/dist-es/hooks.js +83 -49
- package/dist-es/image.css-mistica.js +4 -2
- package/dist-es/image.js +74 -79
- package/dist-es/list.css-mistica.js +1 -1
- package/dist-es/list.js +116 -111
- package/dist-es/loading-bar.css-mistica.js +2 -2
- package/dist-es/maybe-dismissable.css-mistica.js +1 -1
- package/dist-es/menu.js +41 -41
- package/dist-es/navigation-bar.css-mistica.js +6 -6
- package/dist-es/overlay.js +14 -14
- package/dist-es/package-version.js +1 -1
- package/dist-es/pin-field.css-mistica.js +2 -2
- package/dist-es/popover.css-mistica.js +2 -2
- package/dist-es/radio-button.css-mistica.js +4 -4
- package/dist-es/radio-button.js +2 -2
- package/dist-es/screen-reader-only.css-mistica.js +1 -1
- package/dist-es/select.css-mistica.js +7 -7
- package/dist-es/select.js +89 -77
- package/dist-es/sheet.css-mistica.js +2 -2
- package/dist-es/skeletons.js +1 -1
- package/dist-es/skins/blau.js +2 -1
- package/dist-es/skins/defaults.js +2 -1
- package/dist-es/skins/movistar-legacy.js +2 -1
- package/dist-es/skins/movistar.js +2 -1
- package/dist-es/skins/o2.js +2 -1
- package/dist-es/skins/skin-contract.css-mistica.js +2 -1
- package/dist-es/skins/telefonica.js +2 -1
- package/dist-es/skins/vivo-new.js +2 -1
- package/dist-es/skins/vivo.js +2 -1
- package/dist-es/slider.css-mistica.js +2 -8
- package/dist-es/slider.js +231 -111
- package/dist-es/snackbar.css-mistica.js +4 -4
- package/dist-es/sprinkles.css-mistica.js +71 -68
- package/dist-es/stacking-group.js +37 -30
- package/dist-es/stepper.css-mistica.js +2 -2
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +13 -13
- package/dist-es/switch-component.js +14 -14
- package/dist-es/tab-focus.js +14 -14
- package/dist-es/tabs.css-mistica.js +1 -1
- package/dist-es/text-field-base.css-mistica.js +1 -1
- package/dist-es/text-field-components.css-mistica.js +2 -2
- package/dist-es/text-link.css-mistica.js +3 -3
- package/dist-es/theme-context-provider.js +53 -50
- package/dist-es/tooltip-context-provider.js +29 -0
- package/dist-es/tooltip.css-mistica.js +16 -9
- package/dist-es/tooltip.js +264 -216
- package/dist-es/touchable.css-mistica.js +1 -1
- package/dist-es/touchable.js +8 -8
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +2 -2
- package/dist-es/utils/environment.js +2 -2
- package/dist-es/utils/keys.js +2 -0
- package/dist-es/video.css-mistica.js +1 -1
- package/dist-es/video.js +41 -39
- package/package.json +1 -1
- package/dist/utils/key-codes.d.ts +0 -8
- package/dist-es/utils/key-codes.js +0 -2
|
@@ -19,10 +19,10 @@ _export(exports, {
|
|
|
19
19
|
return n;
|
|
20
20
|
},
|
|
21
21
|
LABEL_SCALE_MOBILE: function() {
|
|
22
|
-
return
|
|
22
|
+
return f;
|
|
23
23
|
},
|
|
24
24
|
disabled: function() {
|
|
25
|
-
return
|
|
25
|
+
return e;
|
|
26
26
|
},
|
|
27
27
|
field: function() {
|
|
28
28
|
return y;
|
|
@@ -34,10 +34,10 @@ _export(exports, {
|
|
|
34
34
|
return l;
|
|
35
35
|
},
|
|
36
36
|
fieldSingle: function() {
|
|
37
|
-
return
|
|
37
|
+
return b;
|
|
38
38
|
},
|
|
39
39
|
fullWidth: function() {
|
|
40
|
-
return
|
|
40
|
+
return t;
|
|
41
41
|
},
|
|
42
42
|
helperContainer: function() {
|
|
43
43
|
return u;
|
|
@@ -58,12 +58,12 @@ _export(exports, {
|
|
|
58
58
|
return T;
|
|
59
59
|
},
|
|
60
60
|
rightText: function() {
|
|
61
|
-
return
|
|
61
|
+
return h;
|
|
62
62
|
},
|
|
63
63
|
shrinked: function() {
|
|
64
|
-
return
|
|
64
|
+
return x;
|
|
65
65
|
}
|
|
66
66
|
});
|
|
67
67
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
68
68
|
require("./text-field-components.css.ts.vanilla.css-mistica.js");
|
|
69
|
-
var _ = 328, a = 12, n = 0.78,
|
|
69
|
+
var _ = 328, a = 12, n = 0.78, f = 0.75, e = "_15k6ur97", y = "_1y2v1nfeb _1y2v1nfdr _1y2v1nfba _1y2v1nfe0 _1y2v1nfb4", i = "_15k6ur96 _1y2v1nfba _1y2v1nfbg", l = "_15k6ur9e", b = "_15k6ur9d _1y2v1nfcq", t = "_1y2v1nfbx", u = "_1y2v1nf8x _1y2v1nfa9 _1y2v1nfba", k = "_15k6ur9g", d = "_15k6ur91 _1y2v1nfb5 _1y2v1nfeh _1y2v1nfcm _1y2v1nfba _1y2v1nfbf _1y2v1nff0", L = "_15k6ur93 _1y2v1nfeb _1y2v1nfbt", E = "_15k6ur9h", T = "_15k6ur99 _1y2v1nfbx", h = "_15k6ur9i", x = "_15k6ur94";
|
|
@@ -11,7 +11,7 @@ Object.defineProperty(exports, "variants", {
|
|
|
11
11
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
12
12
|
require("./text-link.css.ts.vanilla.css-mistica.js");
|
|
13
13
|
var v = {
|
|
14
|
-
default: "_1m1n0pr1 _1y2v1nfby _1y2v1nfbd
|
|
15
|
-
inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nfby _1y2v1nfbd
|
|
16
|
-
inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nfby _1y2v1nfbd
|
|
14
|
+
default: "_1m1n0pr1 _1y2v1nfby _1y2v1nfbd _1y2v1nfea _1y2v1nf29",
|
|
15
|
+
inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nfby _1y2v1nfbd _1y2v1nfea _1y2v1nf2a",
|
|
16
|
+
inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nfby _1y2v1nfbd _1y2v1nfea _1y2v1nf29"
|
|
17
17
|
};
|
|
@@ -11,10 +11,10 @@ function _export(target, all) {
|
|
|
11
11
|
}
|
|
12
12
|
_export(exports, {
|
|
13
13
|
default: function() {
|
|
14
|
-
return
|
|
14
|
+
return It;
|
|
15
15
|
},
|
|
16
16
|
useIsOsDarkModeEnabled: function() {
|
|
17
|
-
return
|
|
17
|
+
return it;
|
|
18
18
|
}
|
|
19
19
|
});
|
|
20
20
|
const _jsxruntime = require("react/jsx-runtime");
|
|
@@ -29,6 +29,7 @@ const _themecontext = /*#__PURE__*/ _interop_require_default(require("./theme-co
|
|
|
29
29
|
const _hooks = require("./hooks.js");
|
|
30
30
|
const _tabfocus = /*#__PURE__*/ _interop_require_default(require("./tab-focus.js"));
|
|
31
31
|
const _modalcontextprovider = /*#__PURE__*/ _interop_require_default(require("./modal-context-provider.js"));
|
|
32
|
+
const _tooltipcontextprovider = /*#__PURE__*/ _interop_require_default(require("./tooltip-context-provider.js"));
|
|
32
33
|
const _documentvisibility = require("./utils/document-visibility.js");
|
|
33
34
|
const _aspectratiosupport = require("./utils/aspect-ratio-support.js");
|
|
34
35
|
const _analytics = require("./utils/analytics.js");
|
|
@@ -115,22 +116,22 @@ if (process.env.NODE_ENV !== "production" && (0, _environment.isClientSide)()) {
|
|
|
115
116
|
if (window.__mistica_version__ && window.__mistica_version__ !== _packageversion.PACKAGE_VERSION) throw new Error("There is more than one version of @telefonica/mistica running on the same page");
|
|
116
117
|
window.__mistica_version__ = _packageversion.PACKAGE_VERSION;
|
|
117
118
|
}
|
|
118
|
-
const
|
|
119
|
+
const ot = "(prefers-color-scheme: dark)", it = ()=>{
|
|
119
120
|
const [t, c] = _react.useState(!1);
|
|
120
121
|
return (0, _hooks.useIsomorphicLayoutEffect)(()=>{
|
|
121
122
|
if (!window.matchMedia) return;
|
|
122
|
-
const o = window.matchMedia(
|
|
123
|
+
const o = window.matchMedia(ot), i = ()=>{
|
|
123
124
|
c(o.matches);
|
|
124
125
|
};
|
|
125
126
|
return o.addListener(i), i(), ()=>o.removeListener(i);
|
|
126
127
|
}, []), t;
|
|
127
|
-
},
|
|
128
|
+
}, st = ()=>(t)=>t, nt = (t)=>({
|
|
128
129
|
headerMobileHeight: (t == null ? void 0 : t.headerMobileHeight) === "mistica" ? _theme.NAVBAR_HEIGHT_MOBILE : t == null ? void 0 : t.headerMobileHeight
|
|
129
|
-
}),
|
|
130
|
+
}), at = (param)=>{
|
|
130
131
|
let { theme: t, children: c, as: o } = param;
|
|
131
132
|
var _t_colorScheme, _t_skin_borderRadii;
|
|
132
|
-
const i = _react.useRef(1), N = _react.useCallback(()=>`aria-id-hook-${i.current++}`, []), R =
|
|
133
|
-
var s, n, d, x, f,
|
|
133
|
+
const i = _react.useRef(1), N = _react.useCallback(()=>`aria-id-hook-${i.current++}`, []), R = it(), p = (_t_colorScheme = t.colorScheme) !== null && _t_colorScheme !== void 0 ? _t_colorScheme : "auto", S = t.skin.colors, A = _object_spread({}, t.skin.colors, t.skin.darkModeColors), m = p === "auto" && R || p === "dark", u = m ? A : S, k = _react.useMemo(()=>{
|
|
134
|
+
var s, n, d, x, f, P, b, g, _, C, M, T, E, D;
|
|
134
135
|
const l = _object_spread({
|
|
135
136
|
platform: (0, _platform.getPlatform)(),
|
|
136
137
|
insideNovumNativeApp: (0, _platform.isInsideNovumNativeApp)()
|
|
@@ -145,33 +146,33 @@ const rt = "(prefers-color-scheme: dark)", ot = ()=>{
|
|
|
145
146
|
logEvent: ()=>Promise.resolve(),
|
|
146
147
|
eventFormat: "universal-analytics"
|
|
147
148
|
}, t.analytics),
|
|
148
|
-
dimensions: _object_spread({}, _theme.dimensions,
|
|
149
|
+
dimensions: _object_spread({}, _theme.dimensions, nt(t.dimensions)),
|
|
149
150
|
textPresets: {
|
|
150
151
|
text5: _object_spread({}, _defaults.defaultTextPresetsConfig.text5, (s = t.skin.textPresets) == null ? void 0 : s.text5),
|
|
151
152
|
text6: _object_spread({}, _defaults.defaultTextPresetsConfig.text6, (n = t.skin.textPresets) == null ? void 0 : n.text6),
|
|
152
153
|
text7: _object_spread({}, _defaults.defaultTextPresetsConfig.text7, (d = t.skin.textPresets) == null ? void 0 : d.text7),
|
|
153
154
|
text8: _object_spread({}, _defaults.defaultTextPresetsConfig.text8, (x = t.skin.textPresets) == null ? void 0 : x.text8),
|
|
154
155
|
text9: _object_spread({}, _defaults.defaultTextPresetsConfig.text9, (f = t.skin.textPresets) == null ? void 0 : f.text9),
|
|
155
|
-
text10: _object_spread({}, _defaults.defaultTextPresetsConfig.text10, (
|
|
156
|
-
cardTitle: _object_spread({}, _defaults.defaultTextPresetsConfig.cardTitle, (
|
|
156
|
+
text10: _object_spread({}, _defaults.defaultTextPresetsConfig.text10, (P = t.skin.textPresets) == null ? void 0 : P.text10),
|
|
157
|
+
cardTitle: _object_spread({}, _defaults.defaultTextPresetsConfig.cardTitle, (b = t.skin.textPresets) == null ? void 0 : b.cardTitle),
|
|
157
158
|
button: _object_spread({}, _defaults.defaultTextPresetsConfig.button, (g = t.skin.textPresets) == null ? void 0 : g.button),
|
|
158
159
|
link: _object_spread({}, _defaults.defaultTextPresetsConfig.link, (_ = t.skin.textPresets) == null ? void 0 : _.link),
|
|
159
160
|
title1: _object_spread({}, _defaults.defaultTextPresetsConfig.title1, (C = t.skin.textPresets) == null ? void 0 : C.title1),
|
|
160
161
|
title2: _object_spread({}, _defaults.defaultTextPresetsConfig.title2, (M = t.skin.textPresets) == null ? void 0 : M.title2),
|
|
161
|
-
navigationBar: _object_spread({}, _defaults.defaultTextPresetsConfig.navigationBar, (
|
|
162
|
-
indicator: _object_spread({}, _defaults.defaultTextPresetsConfig.indicator, (
|
|
162
|
+
navigationBar: _object_spread({}, _defaults.defaultTextPresetsConfig.navigationBar, (T = t.skin.textPresets) == null ? void 0 : T.navigationBar),
|
|
163
|
+
indicator: _object_spread({}, _defaults.defaultTextPresetsConfig.indicator, (E = t.skin.textPresets) == null ? void 0 : E.indicator),
|
|
163
164
|
tabsLabel: _object_spread({}, _defaults.defaultTextPresetsConfig.tabsLabel, (D = t.skin.textPresets) == null ? void 0 : D.tabsLabel)
|
|
164
165
|
},
|
|
165
166
|
Link: (0, _theme.getMisticaLinkComponent)(t.Link),
|
|
166
167
|
isDarkMode: m,
|
|
167
168
|
isIos: (0, _platform.getPlatform)(l) === "ios",
|
|
168
|
-
useHrefDecorator: (_t_useHrefDecorator = t.useHrefDecorator) !== null && _t_useHrefDecorator !== void 0 ? _t_useHrefDecorator :
|
|
169
|
+
useHrefDecorator: (_t_useHrefDecorator = t.useHrefDecorator) !== null && _t_useHrefDecorator !== void 0 ? _t_useHrefDecorator : st,
|
|
169
170
|
useId: t.useId
|
|
170
171
|
};
|
|
171
172
|
}, [
|
|
172
173
|
t,
|
|
173
174
|
m
|
|
174
|
-
]), L = Object.fromEntries(Object.entries(
|
|
175
|
+
]), L = Object.fromEntries(Object.entries(u).map((param)=>{
|
|
175
176
|
let [l, s] = param;
|
|
176
177
|
let n = "";
|
|
177
178
|
if (s.startsWith("#")) {
|
|
@@ -183,32 +184,34 @@ const rt = "(prefers-color-scheme: dark)", ot = ()=>{
|
|
|
183
184
|
n
|
|
184
185
|
];
|
|
185
186
|
})), v = (0, _dynamic.assignInlineVars)(_skincontractcssmistica.vars, {
|
|
186
|
-
colors:
|
|
187
|
+
colors: u,
|
|
187
188
|
rawColors: L,
|
|
188
189
|
borderRadii: (_t_skin_borderRadii = t.skin.borderRadii) !== null && _t_skin_borderRadii !== void 0 ? _t_skin_borderRadii : _defaults.defaultBorderRadiiConfig
|
|
189
190
|
});
|
|
190
191
|
return /* @__PURE__ */ (0, _jsxruntime.jsx)(_tabfocus.default, {
|
|
191
192
|
disabled: !t.enableTabFocus,
|
|
192
193
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_modalcontextprovider.default, {
|
|
193
|
-
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(
|
|
199
|
-
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(
|
|
203
|
-
children:
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
194
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_tooltipcontextprovider.default, {
|
|
195
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_themecontext.default.Provider, {
|
|
196
|
+
value: k,
|
|
197
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_analytics.TrackingConfig, {
|
|
198
|
+
eventFormat: k.analytics.eventFormat,
|
|
199
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_aspectratiosupport.AspectRatioSupportProvider, {
|
|
200
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_documentvisibility.DocumentVisibilityProvider, {
|
|
201
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_ariaidgettercontext.default.Provider, {
|
|
202
|
+
value: N,
|
|
203
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_screensizecontextprovider.default, {
|
|
204
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_dialog.default, {
|
|
205
|
+
children: o ? /*#__PURE__*/ _react.createElement(o, {
|
|
206
|
+
style: v
|
|
207
|
+
}, c) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
|
|
208
|
+
children: [
|
|
209
|
+
(process.env.NODE_ENV !== "test" || process.env.SSR_TEST) && /* @__PURE__ */ (0, _jsxruntime.jsx)("style", {
|
|
210
|
+
children: `:root {${v}}`
|
|
211
|
+
}),
|
|
212
|
+
c
|
|
213
|
+
]
|
|
214
|
+
})
|
|
212
215
|
})
|
|
213
216
|
})
|
|
214
217
|
})
|
|
@@ -219,4 +222,4 @@ const rt = "(prefers-color-scheme: dark)", ot = ()=>{
|
|
|
219
222
|
})
|
|
220
223
|
})
|
|
221
224
|
});
|
|
222
|
-
},
|
|
225
|
+
}, It = at;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
type TooltipState = {
|
|
3
|
+
openTooltipId: string | null;
|
|
4
|
+
};
|
|
5
|
+
type TooltipSetter = {
|
|
6
|
+
openTooltip: (tooltipId: string) => void;
|
|
7
|
+
closeTooltip: (tooltipId: string) => void;
|
|
8
|
+
};
|
|
9
|
+
declare const TooltipContextProvider: ({ children }: {
|
|
10
|
+
children: React.ReactNode;
|
|
11
|
+
}) => JSX.Element;
|
|
12
|
+
export declare const useTooltipState: () => TooltipState;
|
|
13
|
+
export declare const useSetTooltipState: () => TooltipSetter;
|
|
14
|
+
export default TooltipContextProvider;
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
function _export(target, all) {
|
|
7
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: all[name]
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
_export(exports, {
|
|
13
|
+
default: function() {
|
|
14
|
+
return d;
|
|
15
|
+
},
|
|
16
|
+
useSetTooltipState: function() {
|
|
17
|
+
return C;
|
|
18
|
+
},
|
|
19
|
+
useTooltipState: function() {
|
|
20
|
+
return x;
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
24
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
25
|
+
function _getRequireWildcardCache(nodeInterop) {
|
|
26
|
+
if (typeof WeakMap !== "function") return null;
|
|
27
|
+
var cacheBabelInterop = new WeakMap();
|
|
28
|
+
var cacheNodeInterop = new WeakMap();
|
|
29
|
+
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
30
|
+
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
31
|
+
})(nodeInterop);
|
|
32
|
+
}
|
|
33
|
+
function _interop_require_wildcard(obj, nodeInterop) {
|
|
34
|
+
if (!nodeInterop && obj && obj.__esModule) {
|
|
35
|
+
return obj;
|
|
36
|
+
}
|
|
37
|
+
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
|
38
|
+
return {
|
|
39
|
+
default: obj
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
var cache = _getRequireWildcardCache(nodeInterop);
|
|
43
|
+
if (cache && cache.has(obj)) {
|
|
44
|
+
return cache.get(obj);
|
|
45
|
+
}
|
|
46
|
+
var newObj = {
|
|
47
|
+
__proto__: null
|
|
48
|
+
};
|
|
49
|
+
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
50
|
+
for(var key in obj){
|
|
51
|
+
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
52
|
+
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
53
|
+
if (desc && (desc.get || desc.set)) {
|
|
54
|
+
Object.defineProperty(newObj, key, desc);
|
|
55
|
+
} else {
|
|
56
|
+
newObj[key] = obj[key];
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
newObj.default = obj;
|
|
61
|
+
if (cache) {
|
|
62
|
+
cache.set(obj, newObj);
|
|
63
|
+
}
|
|
64
|
+
return newObj;
|
|
65
|
+
}
|
|
66
|
+
const r = /*#__PURE__*/ _react.createContext({
|
|
67
|
+
openTooltipId: null
|
|
68
|
+
}), s = /*#__PURE__*/ _react.createContext({
|
|
69
|
+
openTooltip: ()=>{},
|
|
70
|
+
closeTooltip: ()=>{}
|
|
71
|
+
}), a = (param)=>{
|
|
72
|
+
let { children: c } = param;
|
|
73
|
+
const [p, n] = _react.useState(null), e = _react.useRef(null), i = _react.useCallback((o)=>{
|
|
74
|
+
e.current = o, n(o);
|
|
75
|
+
}, []), u = _react.useCallback((o)=>{
|
|
76
|
+
e.current === o && (e.current = null, n(null));
|
|
77
|
+
}, []);
|
|
78
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(r.Provider, {
|
|
79
|
+
value: {
|
|
80
|
+
openTooltipId: p
|
|
81
|
+
},
|
|
82
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(s.Provider, {
|
|
83
|
+
value: {
|
|
84
|
+
openTooltip: i,
|
|
85
|
+
closeTooltip: u
|
|
86
|
+
},
|
|
87
|
+
children: c
|
|
88
|
+
})
|
|
89
|
+
});
|
|
90
|
+
}, x = ()=>_react.useContext(r), C = ()=>_react.useContext(s), d = a;
|
|
@@ -12,68 +12,39 @@ _export(exports, {
|
|
|
12
12
|
arrow: function() {
|
|
13
13
|
return v;
|
|
14
14
|
},
|
|
15
|
-
|
|
16
|
-
return
|
|
17
|
-
},
|
|
18
|
-
arrowLeft: function() {
|
|
19
|
-
return _;
|
|
20
|
-
},
|
|
21
|
-
arrowRight: function() {
|
|
22
|
-
return e;
|
|
23
|
-
},
|
|
24
|
-
arrowTop: function() {
|
|
25
|
-
return n;
|
|
26
|
-
},
|
|
27
|
-
arrowWrapper: function() {
|
|
28
|
-
return f;
|
|
15
|
+
arrowContainer: function() {
|
|
16
|
+
return a;
|
|
29
17
|
},
|
|
30
18
|
container: function() {
|
|
31
|
-
return
|
|
32
|
-
},
|
|
33
|
-
enter: function() {
|
|
34
|
-
return b;
|
|
35
|
-
},
|
|
36
|
-
enterActive: function() {
|
|
37
|
-
return x;
|
|
38
|
-
},
|
|
39
|
-
enterDone: function() {
|
|
40
|
-
return o;
|
|
41
|
-
},
|
|
42
|
-
exit: function() {
|
|
43
|
-
return h;
|
|
19
|
+
return _;
|
|
44
20
|
},
|
|
45
|
-
|
|
21
|
+
content: function() {
|
|
46
22
|
return y;
|
|
47
23
|
},
|
|
48
|
-
|
|
49
|
-
return
|
|
50
|
-
},
|
|
51
|
-
fadeInTopKeyframes: function() {
|
|
52
|
-
return m;
|
|
53
|
-
},
|
|
54
|
-
fadeInXKeyframes: function() {
|
|
55
|
-
return c;
|
|
56
|
-
},
|
|
57
|
-
textAlign: function() {
|
|
58
|
-
return w;
|
|
59
|
-
},
|
|
60
|
-
textCenter: function() {
|
|
61
|
-
return d;
|
|
24
|
+
tooltip: function() {
|
|
25
|
+
return e;
|
|
62
26
|
},
|
|
63
|
-
|
|
64
|
-
return
|
|
27
|
+
tooltipCenter: function() {
|
|
28
|
+
return o;
|
|
65
29
|
},
|
|
66
|
-
|
|
67
|
-
return
|
|
30
|
+
tooltipTransitionClasses: function() {
|
|
31
|
+
return r;
|
|
68
32
|
}
|
|
69
33
|
});
|
|
70
34
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
71
35
|
require("./tooltip.css.ts.vanilla.css-mistica.js");
|
|
72
|
-
var v = "
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
36
|
+
var v = "_1xhatbpa _1y2v1nfc3 _1y2v1nfcj _1y2v1nfb5 _1y2v1nfeh _1y2v1nf33", a = "_1xhatbp8 _1y2v1nfb5 _1y2v1nfc5 _1y2v1nfeb", _ = "_1xhatbp1 _1y2v1nfb5", y = "_1xhatbp5 _1y2v1nfb4 _1y2v1nfd4 _1y2v1nfeb", e = "_1xhatbp3 _1y2v1nfb4 _1y2v1nfe3 _1y2v1nf33", o = "_1y2v1nfba _1y2v1nfbg _1y2v1nfbp", r = {
|
|
37
|
+
entering: {
|
|
38
|
+
opacity: 1
|
|
39
|
+
},
|
|
40
|
+
entered: {
|
|
41
|
+
opacity: 1
|
|
42
|
+
},
|
|
43
|
+
exiting: {
|
|
44
|
+
opacity: 0
|
|
45
|
+
},
|
|
46
|
+
exited: {
|
|
47
|
+
opacity: 0
|
|
48
|
+
},
|
|
49
|
+
unmounted: {}
|
|
50
|
+
};
|
package/dist/tooltip.css.d.ts
CHANGED
|
@@ -1,28 +1,21 @@
|
|
|
1
|
-
export declare const
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
export declare const tooltipTransitionClasses: {
|
|
2
|
+
entering: {
|
|
3
|
+
opacity: number;
|
|
4
|
+
};
|
|
5
|
+
entered: {
|
|
6
|
+
opacity: number;
|
|
7
|
+
};
|
|
8
|
+
exiting: {
|
|
9
|
+
opacity: number;
|
|
10
|
+
};
|
|
11
|
+
exited: {
|
|
12
|
+
opacity: number;
|
|
13
|
+
};
|
|
14
|
+
unmounted: {};
|
|
8
15
|
};
|
|
9
|
-
export declare const fadeInBottomKeyframes: string;
|
|
10
|
-
export declare const fadeInTopKeyframes: string;
|
|
11
|
-
export declare const fadeInXKeyframes: string;
|
|
12
|
-
export declare const fadeOutKeyframes: string;
|
|
13
|
-
export declare const arrow: string;
|
|
14
|
-
export declare const arrowTop: string;
|
|
15
|
-
export declare const arrowRight: string;
|
|
16
|
-
export declare const arrowBottom: string;
|
|
17
|
-
export declare const arrowLeft: string;
|
|
18
|
-
export declare const arrowWrapper: string;
|
|
19
|
-
export declare const wrapper: string;
|
|
20
|
-
export declare const tooltipMinWidth = 40;
|
|
21
16
|
export declare const container: string;
|
|
22
|
-
export declare const
|
|
23
|
-
export declare const
|
|
24
|
-
export declare const
|
|
25
|
-
export declare const
|
|
26
|
-
export declare const
|
|
27
|
-
export declare const exit: string;
|
|
28
|
-
export declare const exitActive: string;
|
|
17
|
+
export declare const tooltip: string;
|
|
18
|
+
export declare const content: string;
|
|
19
|
+
export declare const tooltipCenter: string;
|
|
20
|
+
export declare const arrowContainer: string;
|
|
21
|
+
export declare const arrow: string;
|
package/dist/tooltip.d.ts
CHANGED
|
@@ -9,11 +9,25 @@ type Props = {
|
|
|
9
9
|
title?: string;
|
|
10
10
|
position?: Position;
|
|
11
11
|
width?: number;
|
|
12
|
-
targetLabel: string;
|
|
13
12
|
delay?: boolean;
|
|
14
13
|
dataAttributes?: DataAttributes;
|
|
14
|
+
centerContent?: boolean;
|
|
15
|
+
open?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* @deprecated This field is deprecated.
|
|
18
|
+
*/
|
|
19
|
+
targetLabel?: string;
|
|
20
|
+
/**
|
|
21
|
+
* @deprecated This field is deprecated.
|
|
22
|
+
*/
|
|
15
23
|
targetStyle?: React.CSSProperties;
|
|
24
|
+
/**
|
|
25
|
+
* @deprecated This field is deprecated.
|
|
26
|
+
*/
|
|
16
27
|
unstable_offsetX?: number | string;
|
|
28
|
+
/**
|
|
29
|
+
* @deprecated This field is deprecated, use centerContent instead.
|
|
30
|
+
*/
|
|
17
31
|
textCenter?: boolean;
|
|
18
32
|
};
|
|
19
33
|
declare const Tooltip: React.FC<Props>;
|