@luminati-io/uikit 3.2.12 → 3.2.13

package/dist/umd/uikit.development.js

@@ -35448,7 +35448,7 @@ var CopyButton = function CopyButton(props) {
       }
     });
   }, [code]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_4__["default"], {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_4__.Tooltip, {
     tooltip: tooltips[state],
     placement: "right",
     noWrap: true
@@ -35832,10 +35832,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Badge: () => (/* reexport safe */ _badge__WEBPACK_IMPORTED_MODULE_0__["default"]),
 /* harmony export */   Button: () => (/* reexport safe */ _button__WEBPACK_IMPORTED_MODULE_1__["default"]),
 /* harmony export */   Chart: () => (/* reexport safe */ _chart__WEBPACK_IMPORTED_MODULE_2__["default"]),
-/* harmony export */   ClickableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_21__.ClickableTag),
-/* harmony export */   Code: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_18__.Code),
-/* harmony export */   CodeBlock: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_18__.CodeBlock),
-/* harmony export */   CodeSnippet: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_18__.CodeSnippet),
+/* harmony export */   ClickableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_20__.ClickableTag),
+/* harmony export */   Code: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_17__.Code),
+/* harmony export */   CodeBlock: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_17__.CodeBlock),
+/* harmony export */   CodeSnippet: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_17__.CodeSnippet),
 /* harmony export */   ComboButton: () => (/* reexport safe */ _combo_button__WEBPACK_IMPORTED_MODULE_3__["default"]),
 /* harmony export */   Icon: () => (/* reexport safe */ _icon__WEBPACK_IMPORTED_MODULE_4__["default"]),
 /* harmony export */   IconButton: () => (/* reexport safe */ _icon_button__WEBPACK_IMPORTED_MODULE_5__["default"]),
@@ -35845,18 +35845,18 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Link: () => (/* reexport safe */ _link__WEBPACK_IMPORTED_MODULE_9__["default"]),
 /* harmony export */   Menu: () => (/* reexport safe */ _menu__WEBPACK_IMPORTED_MODULE_10__["default"]),
 /* harmony export */   Modal: () => (/* reexport module object */ _modal__WEBPACK_IMPORTED_MODULE_11__),
-/* harmony export */   Progress: () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_20__.Progress),
-/* harmony export */   ProgressBar: () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_20__.ProgressBar),
-/* harmony export */   RemovableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_21__.RemovableTag),
-/* harmony export */   Tab: () => (/* reexport safe */ _tab__WEBPACK_IMPORTED_MODULE_16__["default"]),
+/* harmony export */   Progress: () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_19__.Progress),
+/* harmony export */   ProgressBar: () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_19__.ProgressBar),
+/* harmony export */   RemovableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_20__.RemovableTag),
+/* harmony export */   Tab: () => (/* reexport safe */ _tab__WEBPACK_IMPORTED_MODULE_15__["default"]),
 /* harmony export */   Table: () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_12__["default"]),
-/* harmony export */   TagGroup: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_21__.TagGroup),
-/* harmony export */   Tooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_14__["default"]),
-/* harmony export */   Typography: () => (/* reexport module object */ _typography__WEBPACK_IMPORTED_MODULE_17__),
+/* harmony export */   TagGroup: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_20__.TagGroup),
+/* harmony export */   Tooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_21__.Tooltip),
+/* harmony export */   Typography: () => (/* reexport module object */ _typography__WEBPACK_IMPORTED_MODULE_16__),
 /* harmony export */   theme: () => (/* reexport safe */ _theme__WEBPACK_IMPORTED_MODULE_13__["default"]),
-/* harmony export */   translation: () => (/* reexport safe */ _translation__WEBPACK_IMPORTED_MODULE_15__["default"]),
-/* harmony export */   withPopover: () => (/* reexport safe */ _hoc__WEBPACK_IMPORTED_MODULE_19__.withPopover),
-/* harmony export */   withTooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_14__.withTooltip)
+/* harmony export */   translation: () => (/* reexport safe */ _translation__WEBPACK_IMPORTED_MODULE_14__["default"]),
+/* harmony export */   withPopover: () => (/* reexport safe */ _hoc__WEBPACK_IMPORTED_MODULE_18__.withPopover),
+/* harmony export */   withTooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_21__.withTooltip)
 /* harmony export */ });
 /* harmony import */ var _badge__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./badge */ "./src/badge.js");
 /* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./button */ "./src/button/index.js");
@@ -35872,14 +35872,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./modal */ "./src/modal/index.js");
 /* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./table */ "./src/table/index.js");
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
-/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./tooltip */ "./src/tooltip.js");
-/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./translation */ "./src/translation.js");
-/* harmony import */ var _tab__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./tab */ "./src/tab/index.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./typography */ "./src/typography/index.js");
-/* harmony import */ var _code__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./code */ "./src/code/index.js");
-/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./hoc */ "./src/hoc/index.js");
-/* harmony import */ var _progress__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./progress */ "./src/progress/index.js");
-/* harmony import */ var _tag__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./tag */ "./src/tag/index.js");
+/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./translation */ "./src/translation.js");
+/* harmony import */ var _tab__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./tab */ "./src/tab/index.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./typography */ "./src/typography/index.js");
+/* harmony import */ var _code__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./code */ "./src/code/index.js");
+/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./hoc */ "./src/hoc/index.js");
+/* harmony import */ var _progress__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./progress */ "./src/progress/index.js");
+/* harmony import */ var _tag__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./tag */ "./src/tag/index.js");
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./tooltip */ "./src/tooltip.js");
 // LICENSE_CODE ZON
 
 
@@ -36537,7 +36537,7 @@ var IconButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwa
   var ic = _icons__WEBPACK_IMPORTED_MODULE_3__["default"][icon];
   if (!ic) return null;
   var iconSize = size == 'lg' || size == 'md' ? 18 : 16;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_5__["default"], {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
     tooltip: tooltip,
     placement: tooltipPlacement
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledIconButton, _extends({
@@ -36765,7 +36765,7 @@ var Checkbox = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     var newValue = !checked;
     onChange === null || onChange === void 0 ? void 0 : onChange(newValue, evt);
   };
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_5__["default"], {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
     tooltip: tooltip
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CheckboxWrapper, _extends({
     ref: ref
@@ -38653,16 +38653,24 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 var Number = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
   var onChange = props.onChange,
+    onBlur = props.onBlur,
+    value = props.value,
     step = props.step,
     minValue = props.minValue,
     maxValue = props.maxValue,
     size = props.size,
-    placeholder = props.placeholder;
+    placeholder = props.placeholder,
+    changeOnBlur = props.changeOnBlur;
   var handleChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (e) {
     var v = +e.target.value;
-    if (typeof maxValue == 'number' && v > maxValue) v = maxValue;else if (typeof minValue == 'number' && v < minValue) v = minValue;
     onChange === null || onChange === void 0 ? void 0 : onChange(v, e);
   }, [onChange, minValue, maxValue]);
+  var handleBlur = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (e) {
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    if (!changeOnBlur) return;
+    var v = +value;
+    if (typeof maxValue == 'number' && v > maxValue) onChange === null || onChange === void 0 ? void 0 : onChange(maxValue, e);else if (typeof minValue == 'number' && v < minValue) onChange === null || onChange === void 0 ? void 0 : onChange(minValue, e);
+  }, [onChange, onBlur, value, minValue, maxValue, changeOnBlur]);
   var heightCalculationCallback = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
     var sizes = {
       'xs': 28,
@@ -38684,13 +38692,16 @@ var Number = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRe
       max: maxValue
     },
     Field: NumberField,
+    value: value,
     onChange: handleChange,
+    onBlur: handleBlur,
     placeholder: t(placeholder)
   }));
 });
 Number.defaultProps = {
   size: 'sm',
-  step: 1
+  step: 1,
+  changeOnBlur: true
 };
 Number.displayName = 'Number';
 Number.propTypes = {
@@ -38712,7 +38723,8 @@ Number.propTypes = {
   label: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
   labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
   helperText: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
-  size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xs', 'sm', 'md', 'lg'])
+  size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xs', 'sm', 'md', 'lg']),
+  changeOnBlur: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
 };
 var NumberField = styled_components__WEBPACK_IMPORTED_MODULE_2___default().input.attrs({
   type: 'number'
@@ -38870,7 +38882,7 @@ var Radio = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef
   var handleClick = function handleClick(evt) {
     if (!disabled) onClick === null || onClick === void 0 ? void 0 : onClick(value, evt);
   };
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_6__["default"], {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_6__.Tooltip, {
     tooltip: tooltip
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RadioWrapper, _extends({
     ref: ref,
@@ -40075,7 +40087,7 @@ var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forward
     ref: ref,
     as: tag,
     role: "menuitem"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_7__["default"], {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_7__.Tooltip, {
     tooltip: tooltip,
     noWrap: true
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MenuItemComp, _extends({}, lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(rest, 'icon', 'iconPlacement'), {
@@ -41842,7 +41854,7 @@ var CustomizeButtonItemWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___
 var CustomizeButtonItemAction = function CustomizeButtonItemAction(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CustomizeButtonItemActionWrapper, {
     onClick: props.onClick
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_8__["default"], {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_8__.Tooltip, {
     tooltip: props.tooltip,
     tooltipPlacement: "top"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], {
@@ -44205,7 +44217,7 @@ var theme = {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
+/* harmony export */   Tooltip: () => (/* binding */ Tooltip),
 /* harmony export */   withTooltip: () => (/* binding */ withTooltip)
 /* harmony export */ });
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
@@ -44293,7 +44305,11 @@ var Tooltip = function Tooltip(props) {
       strategy: 'fixed'
     }),
     styles = _usePopper.styles,
-    attributes = _usePopper.attributes;
+    attributes = _usePopper.attributes,
+    update = _usePopper.update;
+  var tooltipRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
+  if (visible && tooltip != tooltipRef.current && typeof update == 'function') update();
+  tooltipRef.current = tooltip;
   if (!tooltip) return children;
   var tooltipNode = visible ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledTooltipBody, _extends({
     ref: setPopperElement,
@@ -44349,7 +44365,6 @@ var StyledTooltipReference = styled_components__WEBPACK_IMPORTED_MODULE_2___defa
   displayName: "StyledTooltipReference",
   componentId: "sc-146jrck-2"
 })(["width:fit-content;"]);
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Tooltip);
 
 /***/ }),
 
@@ -45084,7 +45099,7 @@ var getDataProps = function getDataProps(props) {
   });
 };
 var getCommonProps = function getCommonProps(props) {
-  return Object.assign({}, lodash_pick__WEBPACK_IMPORTED_MODULE_1___default()(props, 'id', 'className', 'style', 'onClick', 'role', 'tabIndex'), getAriaProps(props), getDataProps(props));
+  return Object.assign({}, lodash_pick__WEBPACK_IMPORTED_MODULE_1___default()(props, 'id', 'className', 'style', 'role', 'tabIndex'), lodash_pick__WEBPACK_IMPORTED_MODULE_1___default()(props, 'onClick', 'onContextMenu', 'onDoubleClick', 'onDrag', 'onDragEnd', 'onDragEnter', 'onDragExit', 'onDragLeave', 'onDragOver', 'onDragStart', 'onDrop', 'onMouseDown', 'onMouseEnter', 'onMouseLeave', 'onMouseMove', 'onMouseOut', 'onMouseOver', 'onMouseUp'), lodash_pick__WEBPACK_IMPORTED_MODULE_1___default()(props, 'onPointerDown', 'onPointerMove', 'onPointerUp', 'onPointerCancel', 'onGotPointerCapture', 'onLostPointerCapture', 'onPointerEnter', 'onPointerLeave', 'onPointerOver', 'onPointerOut'), getAriaProps(props), getDataProps(props));
 };
 
 /***/ }),