@commercetools-uikit/tooltip 12.2.3 → 13.0.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/commercetools-uikit-tooltip.cjs.dev.js +29 -29
- package/dist/commercetools-uikit-tooltip.cjs.prod.js +13 -13
- package/dist/commercetools-uikit-tooltip.esm.js +6 -6
- package/dist/declarations/src/export-types.d.ts +2 -2
- package/dist/declarations/src/index.d.ts +3 -3
- package/dist/declarations/src/tooltip.d.ts +28 -28
- package/dist/declarations/src/tooltip.styles.d.ts +15 -15
- package/dist/declarations/src/version.d.ts +2 -2
- package/package.json +8 -12
|
@@ -41,9 +41,9 @@ var isNil__default = /*#__PURE__*/_interopDefault(isNil);
|
|
|
41
41
|
var usePopper__default = /*#__PURE__*/_interopDefault(usePopper);
|
|
42
42
|
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
43
43
|
|
|
44
|
-
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
44
|
+
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
45
45
|
|
|
46
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
46
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
47
47
|
|
|
48
48
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
49
49
|
|
|
@@ -65,7 +65,7 @@ var getOffsetMargin = function getOffsetMargin(_ref) {
|
|
|
65
65
|
}
|
|
66
66
|
};
|
|
67
67
|
|
|
68
|
-
var Body = _styled__default[
|
|
68
|
+
var Body = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
69
69
|
target: "e14le4p1"
|
|
70
70
|
} : {
|
|
71
71
|
target: "e14le4p1",
|
|
@@ -90,7 +90,7 @@ var getBodyStyles = function getBodyStyles(_ref2) {
|
|
|
90
90
|
zIndex: 1
|
|
91
91
|
}, customStyles);
|
|
92
92
|
};
|
|
93
|
-
var Wrapper = _styled__default[
|
|
93
|
+
var Wrapper = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
94
94
|
target: "e14le4p0"
|
|
95
95
|
} : {
|
|
96
96
|
target: "e14le4p0",
|
|
@@ -105,9 +105,9 @@ var Wrapper = _styled__default['default']("div", process.env.NODE_ENV === "produ
|
|
|
105
105
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
106
106
|
});
|
|
107
107
|
|
|
108
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
108
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
109
109
|
|
|
110
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
110
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
111
111
|
var sequentialId = utils.createSequentialId('tooltip-');
|
|
112
112
|
|
|
113
113
|
var TooltipWrapper = function TooltipWrapper(props) {
|
|
@@ -150,7 +150,7 @@ var Tooltip = function Tooltip(props) {
|
|
|
150
150
|
};
|
|
151
151
|
}, []);
|
|
152
152
|
|
|
153
|
-
var _usePopper = usePopper__default[
|
|
153
|
+
var _usePopper = usePopper__default["default"]({
|
|
154
154
|
placement: props.placement,
|
|
155
155
|
modifiers: props.modifiers
|
|
156
156
|
}),
|
|
@@ -168,7 +168,7 @@ var Tooltip = function Tooltip(props) {
|
|
|
168
168
|
var openTooltip = react.useCallback(function () {
|
|
169
169
|
toggle(true);
|
|
170
170
|
}, [toggle]);
|
|
171
|
-
var isControlled = !isNil__default[
|
|
171
|
+
var isControlled = !isNil__default["default"](props.isOpen);
|
|
172
172
|
var tooltipIsOpen = isControlled ? props.isOpen : isOpen;
|
|
173
173
|
var id = hooks.useFieldId(props.id, sequentialId);
|
|
174
174
|
var onClose = props.onClose;
|
|
@@ -233,7 +233,7 @@ var Tooltip = function Tooltip(props) {
|
|
|
233
233
|
}
|
|
234
234
|
|
|
235
235
|
if (closeAfter) {
|
|
236
|
-
leaveTimer.current = _setTimeout__default[
|
|
236
|
+
leaveTimer.current = _setTimeout__default["default"](function () {
|
|
237
237
|
handleClose(event);
|
|
238
238
|
}, closeAfter);
|
|
239
239
|
} else {
|
|
@@ -245,7 +245,7 @@ var Tooltip = function Tooltip(props) {
|
|
|
245
245
|
// updated to be off, we should close the tooltip
|
|
246
246
|
if (isOpen && props.off) {
|
|
247
247
|
if (closeAfter) {
|
|
248
|
-
leaveTimer.current = _setTimeout__default[
|
|
248
|
+
leaveTimer.current = _setTimeout__default["default"](function () {
|
|
249
249
|
handleClose();
|
|
250
250
|
}, closeAfter);
|
|
251
251
|
} else {
|
|
@@ -300,30 +300,30 @@ var Tooltip = function Tooltip(props) {
|
|
|
300
300
|
};
|
|
301
301
|
|
|
302
302
|
Tooltip.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
303
|
-
children: _pt__default[
|
|
304
|
-
closeAfter: _pt__default[
|
|
305
|
-
styles: _pt__default[
|
|
306
|
-
off: _pt__default[
|
|
307
|
-
id: _pt__default[
|
|
308
|
-
onClose: _pt__default[
|
|
309
|
-
onOpen: _pt__default[
|
|
310
|
-
isOpen: _pt__default[
|
|
311
|
-
placement: _pt__default[
|
|
312
|
-
title: _pt__default[
|
|
313
|
-
modifiers: _pt__default[
|
|
314
|
-
components: _pt__default[
|
|
315
|
-
BodyComponent: _pt__default[
|
|
316
|
-
TooltipWrapperComponent: _pt__default[
|
|
317
|
-
WrapperComponent: _pt__default[
|
|
303
|
+
children: _pt__default["default"].element.isRequired,
|
|
304
|
+
closeAfter: _pt__default["default"].number.isRequired,
|
|
305
|
+
styles: _pt__default["default"].objectOf(_pt__default["default"].any),
|
|
306
|
+
off: _pt__default["default"].bool.isRequired,
|
|
307
|
+
id: _pt__default["default"].string,
|
|
308
|
+
onClose: _pt__default["default"].func,
|
|
309
|
+
onOpen: _pt__default["default"].func,
|
|
310
|
+
isOpen: _pt__default["default"].bool,
|
|
311
|
+
placement: _pt__default["default"].oneOf(['top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end']),
|
|
312
|
+
title: _pt__default["default"].string.isRequired,
|
|
313
|
+
modifiers: _pt__default["default"].any,
|
|
314
|
+
components: _pt__default["default"].shape({
|
|
315
|
+
BodyComponent: _pt__default["default"].elementType,
|
|
316
|
+
TooltipWrapperComponent: _pt__default["default"].elementType,
|
|
317
|
+
WrapperComponent: _pt__default["default"].elementType
|
|
318
318
|
}),
|
|
319
|
-
horizontalConstraint: _pt__default[
|
|
319
|
+
horizontalConstraint: _pt__default["default"].oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto'])
|
|
320
320
|
} : {};
|
|
321
321
|
Tooltip.displayName = 'ToolTip';
|
|
322
322
|
Tooltip.defaultProps = tooltipDefaultProps;
|
|
323
323
|
var Tooltip$1 = Tooltip;
|
|
324
324
|
|
|
325
|
-
// NOTE: This string will be replaced
|
|
326
|
-
var version =
|
|
325
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
326
|
+
var version = "13.0.0";
|
|
327
327
|
|
|
328
|
-
exports[
|
|
328
|
+
exports["default"] = Tooltip$1;
|
|
329
329
|
exports.version = version;
|
|
@@ -40,9 +40,9 @@ var isNil__default = /*#__PURE__*/_interopDefault(isNil);
|
|
|
40
40
|
var usePopper__default = /*#__PURE__*/_interopDefault(usePopper);
|
|
41
41
|
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
42
42
|
|
|
43
|
-
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
43
|
+
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
44
44
|
|
|
45
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
45
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
46
46
|
|
|
47
47
|
var getOffsetMargin = function getOffsetMargin(_ref) {
|
|
48
48
|
var placement = _ref.placement;
|
|
@@ -62,7 +62,7 @@ var getOffsetMargin = function getOffsetMargin(_ref) {
|
|
|
62
62
|
}
|
|
63
63
|
};
|
|
64
64
|
|
|
65
|
-
var Body = _styled__default[
|
|
65
|
+
var Body = _styled__default["default"]("div", {
|
|
66
66
|
target: "e14le4p1"
|
|
67
67
|
} )("font-family:inherit;border-radius:", designSystem.customProperties.borderRadius6, ";padding:", designSystem.customProperties.spacingXs, " ", designSystem.customProperties.spacingS, ";border:'none';box-shadow:", designSystem.customProperties.shadow15, ";font-size:0.857rem;opacity:0.95;color:", designSystem.customProperties.colorSurface, ";background-color:", designSystem.customProperties.colorAccent, ";" + ("" )); // here we use object styles so we can spread these
|
|
68
68
|
// with the styles we get from react-popper :D
|
|
@@ -84,16 +84,16 @@ var getBodyStyles = function getBodyStyles(_ref2) {
|
|
|
84
84
|
zIndex: 1
|
|
85
85
|
}, customStyles);
|
|
86
86
|
};
|
|
87
|
-
var Wrapper = _styled__default[
|
|
87
|
+
var Wrapper = _styled__default["default"]("div", {
|
|
88
88
|
target: "e14le4p0"
|
|
89
89
|
} )({
|
|
90
90
|
name: "18fwu9s",
|
|
91
91
|
styles: "display:inline-block;cursor:not-allowed;>:disabled{pointer-events:none;}"
|
|
92
92
|
} );
|
|
93
93
|
|
|
94
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
94
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
95
95
|
|
|
96
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
96
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
97
97
|
var sequentialId = utils.createSequentialId('tooltip-');
|
|
98
98
|
|
|
99
99
|
var TooltipWrapper = function TooltipWrapper(props) {
|
|
@@ -130,7 +130,7 @@ var Tooltip = function Tooltip(props) {
|
|
|
130
130
|
};
|
|
131
131
|
}, []);
|
|
132
132
|
|
|
133
|
-
var _usePopper = usePopper__default[
|
|
133
|
+
var _usePopper = usePopper__default["default"]({
|
|
134
134
|
placement: props.placement,
|
|
135
135
|
modifiers: props.modifiers
|
|
136
136
|
}),
|
|
@@ -148,7 +148,7 @@ var Tooltip = function Tooltip(props) {
|
|
|
148
148
|
var openTooltip = react.useCallback(function () {
|
|
149
149
|
toggle(true);
|
|
150
150
|
}, [toggle]);
|
|
151
|
-
var isControlled = !isNil__default[
|
|
151
|
+
var isControlled = !isNil__default["default"](props.isOpen);
|
|
152
152
|
var tooltipIsOpen = isControlled ? props.isOpen : isOpen;
|
|
153
153
|
var id = hooks.useFieldId(props.id, sequentialId);
|
|
154
154
|
var onClose = props.onClose;
|
|
@@ -213,7 +213,7 @@ var Tooltip = function Tooltip(props) {
|
|
|
213
213
|
}
|
|
214
214
|
|
|
215
215
|
if (closeAfter) {
|
|
216
|
-
leaveTimer.current = _setTimeout__default[
|
|
216
|
+
leaveTimer.current = _setTimeout__default["default"](function () {
|
|
217
217
|
handleClose(event);
|
|
218
218
|
}, closeAfter);
|
|
219
219
|
} else {
|
|
@@ -225,7 +225,7 @@ var Tooltip = function Tooltip(props) {
|
|
|
225
225
|
// updated to be off, we should close the tooltip
|
|
226
226
|
if (isOpen && props.off) {
|
|
227
227
|
if (closeAfter) {
|
|
228
|
-
leaveTimer.current = _setTimeout__default[
|
|
228
|
+
leaveTimer.current = _setTimeout__default["default"](function () {
|
|
229
229
|
handleClose();
|
|
230
230
|
}, closeAfter);
|
|
231
231
|
} else {
|
|
@@ -284,8 +284,8 @@ Tooltip.displayName = 'ToolTip';
|
|
|
284
284
|
Tooltip.defaultProps = tooltipDefaultProps;
|
|
285
285
|
var Tooltip$1 = Tooltip;
|
|
286
286
|
|
|
287
|
-
// NOTE: This string will be replaced
|
|
288
|
-
var version =
|
|
287
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
288
|
+
var version = "13.0.0";
|
|
289
289
|
|
|
290
|
-
exports[
|
|
290
|
+
exports["default"] = Tooltip$1;
|
|
291
291
|
exports.version = version;
|
|
@@ -21,9 +21,9 @@ import _styled from '@emotion/styled/base';
|
|
|
21
21
|
import { customProperties } from '@commercetools-uikit/design-system';
|
|
22
22
|
import { jsxs, Fragment, jsx } from '@emotion/react/jsx-runtime';
|
|
23
23
|
|
|
24
|
-
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object);
|
|
24
|
+
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
25
25
|
|
|
26
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
26
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
27
27
|
|
|
28
28
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
29
29
|
|
|
@@ -85,9 +85,9 @@ var Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
|
|
85
85
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
86
86
|
});
|
|
87
87
|
|
|
88
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object);
|
|
88
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
89
89
|
|
|
90
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
90
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
91
91
|
var sequentialId = createSequentialId('tooltip-');
|
|
92
92
|
|
|
93
93
|
var TooltipWrapper = function TooltipWrapper(props) {
|
|
@@ -302,7 +302,7 @@ Tooltip.displayName = 'ToolTip';
|
|
|
302
302
|
Tooltip.defaultProps = tooltipDefaultProps;
|
|
303
303
|
var Tooltip$1 = Tooltip;
|
|
304
304
|
|
|
305
|
-
// NOTE: This string will be replaced
|
|
306
|
-
var version =
|
|
305
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
306
|
+
var version = "13.0.0";
|
|
307
307
|
|
|
308
308
|
export { Tooltip$1 as default, version };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { TTooltipProps as TooltipProps } from './tooltip';
|
|
2
|
-
export declare type TTooltipProps = TooltipProps;
|
|
1
|
+
import type { TTooltipProps as TooltipProps } from './tooltip';
|
|
2
|
+
export declare type TTooltipProps = TooltipProps;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { default } from './tooltip';
|
|
2
|
-
export { default as version } from './version';
|
|
3
|
-
export * from './export-types';
|
|
1
|
+
export { default } from './tooltip';
|
|
2
|
+
export { default as version } from './version';
|
|
3
|
+
export * from './export-types';
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import { Modifiers } from 'popper.js';
|
|
2
|
-
import { ComponentType, FocusEvent, ChangeEvent, CSSProperties, ReactElement } from 'react';
|
|
3
|
-
declare type TComponents = {
|
|
4
|
-
BodyComponent?: ComponentType;
|
|
5
|
-
TooltipWrapperComponent?: ComponentType;
|
|
6
|
-
WrapperComponent?: ComponentType;
|
|
7
|
-
};
|
|
8
|
-
export declare type TTooltipProps = {
|
|
9
|
-
children: ReactElement;
|
|
10
|
-
closeAfter: number;
|
|
11
|
-
styles?: Record<string, CSSProperties>;
|
|
12
|
-
off: boolean;
|
|
13
|
-
id?: string;
|
|
14
|
-
onClose?: (e?: ChangeEvent | FocusEvent) => void;
|
|
15
|
-
onOpen?: (e?: ChangeEvent | FocusEvent) => void;
|
|
16
|
-
isOpen?: boolean;
|
|
17
|
-
placement?: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
|
|
18
|
-
title: string;
|
|
19
|
-
modifiers?: Modifiers;
|
|
20
|
-
components?: TComponents;
|
|
21
|
-
horizontalConstraint?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 'scale' | 'auto';
|
|
22
|
-
};
|
|
23
|
-
declare const Tooltip: {
|
|
24
|
-
(props: TTooltipProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
25
|
-
displayName: string;
|
|
26
|
-
defaultProps: Pick<TTooltipProps, "off" | "horizontalConstraint" | "closeAfter" | "placement">;
|
|
27
|
-
};
|
|
28
|
-
export default Tooltip;
|
|
1
|
+
import { Modifiers } from 'popper.js';
|
|
2
|
+
import { ComponentType, FocusEvent, ChangeEvent, CSSProperties, ReactElement } from 'react';
|
|
3
|
+
declare type TComponents = {
|
|
4
|
+
BodyComponent?: ComponentType;
|
|
5
|
+
TooltipWrapperComponent?: ComponentType;
|
|
6
|
+
WrapperComponent?: ComponentType;
|
|
7
|
+
};
|
|
8
|
+
export declare type TTooltipProps = {
|
|
9
|
+
children: ReactElement;
|
|
10
|
+
closeAfter: number;
|
|
11
|
+
styles?: Record<string, CSSProperties>;
|
|
12
|
+
off: boolean;
|
|
13
|
+
id?: string;
|
|
14
|
+
onClose?: (e?: ChangeEvent | FocusEvent) => void;
|
|
15
|
+
onOpen?: (e?: ChangeEvent | FocusEvent) => void;
|
|
16
|
+
isOpen?: boolean;
|
|
17
|
+
placement?: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
|
|
18
|
+
title: string;
|
|
19
|
+
modifiers?: Modifiers;
|
|
20
|
+
components?: TComponents;
|
|
21
|
+
horizontalConstraint?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 'scale' | 'auto';
|
|
22
|
+
};
|
|
23
|
+
declare const Tooltip: {
|
|
24
|
+
(props: TTooltipProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
25
|
+
displayName: string;
|
|
26
|
+
defaultProps: Pick<TTooltipProps, "off" | "horizontalConstraint" | "closeAfter" | "placement">;
|
|
27
|
+
};
|
|
28
|
+
export default Tooltip;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { CSSProperties } from 'react';
|
|
2
|
-
import type { TTooltipProps } from './tooltip';
|
|
3
|
-
export declare const Body: import("@emotion/styled").StyledComponent<{
|
|
4
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any> | undefined;
|
|
6
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
7
|
-
export declare const getBodyStyles: ({ constraint, placement, customStyles, }: {
|
|
8
|
-
constraint: TTooltipProps['horizontalConstraint'];
|
|
9
|
-
placement: string;
|
|
10
|
-
customStyles?: CSSProperties | undefined;
|
|
11
|
-
}) => CSSProperties;
|
|
12
|
-
export declare const Wrapper: import("@emotion/styled").StyledComponent<{
|
|
13
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
14
|
-
as?: import("react").ElementType<any> | undefined;
|
|
15
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
import type { TTooltipProps } from './tooltip';
|
|
3
|
+
export declare const Body: import("@emotion/styled").StyledComponent<{
|
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
7
|
+
export declare const getBodyStyles: ({ constraint, placement, customStyles, }: {
|
|
8
|
+
constraint: TTooltipProps['horizontalConstraint'];
|
|
9
|
+
placement: string;
|
|
10
|
+
customStyles?: CSSProperties | undefined;
|
|
11
|
+
}) => CSSProperties;
|
|
12
|
+
export declare const Wrapper: import("@emotion/styled").StyledComponent<{
|
|
13
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
14
|
+
as?: import("react").ElementType<any> | undefined;
|
|
15
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "
|
|
2
|
-
export default _default;
|
|
1
|
+
declare const _default: "__@UI_KIT_PACKAGE/VERSION_OF_RELEASE__";
|
|
2
|
+
export default _default;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/tooltip",
|
|
3
3
|
"description": "Tooltips display informative text when users hover over or focus on an element.",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "13.0.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -11,7 +11,6 @@
|
|
|
11
11
|
"homepage": "https://uikit.commercetools.com",
|
|
12
12
|
"keywords": ["javascript", "design system", "react", "uikit"],
|
|
13
13
|
"license": "MIT",
|
|
14
|
-
"private": false,
|
|
15
14
|
"publishConfig": {
|
|
16
15
|
"access": "public"
|
|
17
16
|
},
|
|
@@ -19,20 +18,17 @@
|
|
|
19
18
|
"main": "dist/commercetools-uikit-tooltip.cjs.js",
|
|
20
19
|
"module": "dist/commercetools-uikit-tooltip.esm.js",
|
|
21
20
|
"files": ["dist"],
|
|
22
|
-
"scripts": {
|
|
23
|
-
"prepare": "../../../scripts/version.js replace"
|
|
24
|
-
},
|
|
25
21
|
"dependencies": {
|
|
26
|
-
"@babel/runtime": "7.
|
|
27
|
-
"@babel/runtime-corejs3": "7.
|
|
28
|
-
"@commercetools-uikit/constraints": "
|
|
29
|
-
"@commercetools-uikit/design-system": "
|
|
30
|
-
"@commercetools-uikit/hooks": "12.2.
|
|
31
|
-
"@commercetools-uikit/utils": "12.2.
|
|
22
|
+
"@babel/runtime": "7.17.2",
|
|
23
|
+
"@babel/runtime-corejs3": "7.17.2",
|
|
24
|
+
"@commercetools-uikit/constraints": "13.0.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "13.0.0",
|
|
26
|
+
"@commercetools-uikit/hooks": "12.2.9",
|
|
27
|
+
"@commercetools-uikit/utils": "12.2.9",
|
|
32
28
|
"@emotion/react": "^11.4.0",
|
|
33
29
|
"@emotion/styled": "^11.3.0",
|
|
34
30
|
"lodash": "4.17.21",
|
|
35
|
-
"prop-types": "15.
|
|
31
|
+
"prop-types": "15.8.1",
|
|
36
32
|
"react-is": "17.0.2",
|
|
37
33
|
"use-popper": "1.1.6"
|
|
38
34
|
},
|