@luminati-io/uikit 3.7.2 → 3.7.3

package/dist/umd/uikit.development.js

@@ -29543,7 +29543,11 @@ var BarChart = function BarChart(props) {
     onPointerUp = props.onPointerUp,
     onPointerDown = props.onPointerDown,
     pointerEventsDataKey = props.pointerEventsDataKey,
-    children = props.children;
+    children = props.children,
+    _props$snapTooltipToD = props.snapTooltipToDatumX,
+    snapTooltipToDatumX = _props$snapTooltipToD === void 0 ? true : _props$snapTooltipToD,
+    _props$snapTooltipToD2 = props.snapTooltipToDatumY,
+    snapTooltipToDatumY = _props$snapTooltipToD2 === void 0 ? true : _props$snapTooltipToD2;
   var _getAnimatedOrUnanima = (0,_get_components__WEBPACK_IMPORTED_MODULE_5__.getAnimatedOrUnanimatedComponents)(animated),
     XYChart = _getAnimatedOrUnanima.XYChart,
     Grid = _getAnimatedOrUnanima.Grid,
@@ -29567,6 +29571,8 @@ var BarChart = function BarChart(props) {
       id: "pattern_".concat(i)
     }, barProps.pattern);
   }).filter(Boolean);
+  var showVerticalCrosshair = (0,_util__WEBPACK_IMPORTED_MODULE_2__.firstDefined)(props.showVerticalCrosshair, !stacked && !horizontal);
+  var showHorizontalCrosshair = (0,_util__WEBPACK_IMPORTED_MODULE_2__.firstDefined)(props.showHorizontalCrosshair, !stacked && horizontal);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(XYChart, {
     theme: chartTheme,
     xScale: config.x,
@@ -29640,10 +29646,10 @@ var BarChart = function BarChart(props) {
     tickFormat: yAxis.formatTick,
     labelOffset: yAxis.labelOffset
   }), !!showTooltip && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Tooltip, {
-    showHorizontalCrosshair: !stacked && !horizontal,
-    showVerticalCrosshair: !stacked && horizontal,
-    snapTooltipToDatumX: true,
-    snapTooltipToDatumY: true,
+    showHorizontalCrosshair: showVerticalCrosshair,
+    showVerticalCrosshair: showHorizontalCrosshair,
+    snapTooltipToDatumX: snapTooltipToDatumX,
+    snapTooltipToDatumY: snapTooltipToDatumY,
     unstyled: true,
     applyPositionStyle: true,
     renderTooltip: function renderTooltip(params) {
@@ -29659,7 +29665,7 @@ var BarChart = function BarChart(props) {
 };
 BarChart.displayName = 'BarChart';
 var Bar = function Bar(props) {
-  var _splitProps = (0,_util__WEBPACK_IMPORTED_MODULE_2__.splitProps)(props, 'animated', 'showGridRows', 'showGridColumns', 'numTicks', 'xAxis', 'yAxis', 'formatValue', 'margin', 'horizontal', 'stacked', 'showAnnotations', 'showTooltip', 'tooltipContent', 'onPointerMove', 'onPointerOut', 'onPointerUp', 'onPointerDown', 'pointerEventsDataKey', 'children'),
+  var _splitProps = (0,_util__WEBPACK_IMPORTED_MODULE_2__.splitProps)(props, 'animated', 'showGridRows', 'showGridColumns', 'numTicks', 'xAxis', 'yAxis', 'formatValue', 'margin', 'horizontal', 'stacked', 'showAnnotations', 'showTooltip', 'tooltipContent', 'snapTooltipToDatumX', 'snapTooltipToDatumY', 'showVerticalCrosshair', 'showHorizontalCrosshair', 'onPointerMove', 'onPointerOut', 'onPointerUp', 'onPointerDown', 'pointerEventsDataKey', 'children'),
     _splitProps2 = _slicedToArray(_splitProps, 2),
     chartProps = _splitProps2[0],
     restProps = _splitProps2[1];
@@ -29714,6 +29720,10 @@ Bar.propTypes = {
   showAnnotations: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   showTooltip: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   tooltipContent: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().element), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
+  snapTooltipToDatumX: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  snapTooltipToDatumY: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  showVerticalCrosshair: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  showHorizontalCrosshair: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   onPointerMove: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
   onPointerOut: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
   onPointerUp: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
@@ -35723,23 +35733,22 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
 /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
-var _excluded = ["onFocus", "onBlur", "onChange"];
+var _excluded = ["onChange", "onBlur", "value", "step", "minValue", "maxValue", "size", "placeholder", "changeOnBlur"],
+  _excluded2 = ["onFocus", "onBlur", "onChange"];
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 
 
 
@@ -35753,12 +35762,16 @@ var Number = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRe
   var onChange = props.onChange,
     onBlur = props.onBlur,
     value = props.value,
-    step = props.step,
+    _props$step = props.step,
+    step = _props$step === void 0 ? 1 : _props$step,
     minValue = props.minValue,
     maxValue = props.maxValue,
-    size = props.size,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'sm' : _props$size,
     placeholder = props.placeholder,
-    changeOnBlur = props.changeOnBlur;
+    _props$changeOnBlur = props.changeOnBlur,
+    changeOnBlur = _props$changeOnBlur === void 0 ? true : _props$changeOnBlur,
+    rest = _objectWithoutProperties(props, _excluded);
   var handleChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (e) {
     var v = e.target.value;
     if (v != '') v = +v;
@@ -35770,19 +35783,11 @@ var Number = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRe
     var v = +value;
     if (typeof maxValue == 'number' && v > maxValue) onChange === null || onChange === void 0 || onChange(maxValue, e);else if (typeof minValue == 'number' && v < minValue) onChange === null || onChange === 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,
-      'sm': 36,
-      'md': 40,
-      'lg': 48
-    };
-    return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["height:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_7__.toPixel)(sizes[size] || sizes.sm));
-  }, [size]);
+  var heightCalculationCallback = (0,_shared__WEBPACK_IMPORTED_MODULE_7__.useHeightCalculationCallback)(size);
   var t = (0,_translation__WEBPACK_IMPORTED_MODULE_4__.useTranslate)();
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_8__.FieldWrapper, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_7__.FieldWrapper, _extends({
     ref: ref
-  }, props, {
+  }, rest, {
     autoresize: false,
     heightCalculationCallback: heightCalculationCallback,
     inputProps: {
@@ -35797,11 +35802,6 @@ var Number = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRe
     placeholder: t(placeholder)
   }));
 });
-Number.defaultProps = {
-  size: 'sm',
-  step: 1,
-  changeOnBlur: true
-};
 Number.displayName = 'Number';
 Number.propTypes = {
   value: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number)]),
@@ -35831,7 +35831,7 @@ var NumberField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forw
   var onFocus = props.onFocus,
     onBlur = props.onBlur,
     onChange = props.onChange,
-    rest = _objectWithoutProperties(props, _excluded);
+    rest = _objectWithoutProperties(props, _excluded2);
   var inputRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -36417,11 +36417,11 @@ var Asterisk = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typogra
 var LeftOuterContentWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "LeftOuterContentWrapper",
   componentId: "sc-r60v1b-4"
-})(["border-top-left-radius:4px;border-bottom-left-radius:4px;overflow:hidden;height:100%;"]);
+})(["border-top-left-radius:4px;border-bottom-left-radius:4px;height:100%;"]);
 var RightOuterContentWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "RightOuterContentWrapper",
   componentId: "sc-r60v1b-5"
-})(["border-top-right-radius:4px;border-bottom-right-radius:4px;overflow:hidden;height:100%;"]);
+})(["border-top-right-radius:4px;border-bottom-right-radius:4px;height:100%;"]);
 var InputContentWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_layout__WEBPACK_IMPORTED_MODULE_5__.Flex).withConfig({
   displayName: "InputContentWrapper",
   componentId: "sc-r60v1b-6"
@@ -36431,26 +36431,16 @@ var InputContentWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default
 var InputWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "InputWrapper",
   componentId: "sc-r60v1b-7"
-})(["position:relative;width:100%;border:1px solid;border-radius:4px;box-sizing:border-box;font-family:", ";padding:", "px ", "px;overflow:auto;display:flex;gap:8px;align-items:", ";", " ", " ", ""], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_family.sans, inputVerticalPadding, inputHorizontalPadding, function (props) {
+})(["position:relative;width:100%;border:1px solid;border-radius:4px;box-sizing:border-box;font-family:", ";padding:", "px ", "px;overflow:auto;display:flex;gap:8px;align-items:", ";border-left-width:1px;border-right-width:1px;border-top-left-radius:", ";border-bottom-left-radius:", ";border-top-right-radius:", ";border-bottom-right-radius:", ";", " ", ""], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_family.sans, inputVerticalPadding, inputHorizontalPadding, function (props) {
   return props.$verticalAlign;
 }, function (props) {
-  var $leftOuterContent = props.$leftOuterContent,
-    $rightOuterContent = props.$rightOuterContent;
-  var borderTopLeftRadius = 4;
-  var borderBottomLeftRadius = 4;
-  var borderTopRightRadius = 4;
-  var borderBottomRightRadius = 4;
-  var borderLeftWidth = 1;
-  var borderRightWidth = 1;
-  if ($leftOuterContent) {
-    borderTopLeftRadius = borderBottomLeftRadius = 0;
-    borderLeftWidth = 0;
-  }
-  if ($rightOuterContent) {
-    borderTopRightRadius = borderBottomRightRadius = 0;
-    borderRightWidth = 0;
-  }
-  return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["border-left-width:", ";border-right-width:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";border-top-right-radius:", ";border-bottom-right-radius:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_11__.toPixel)(borderLeftWidth), (0,_utils__WEBPACK_IMPORTED_MODULE_11__.toPixel)(borderRightWidth), (0,_utils__WEBPACK_IMPORTED_MODULE_11__.toPixel)(borderTopLeftRadius), (0,_utils__WEBPACK_IMPORTED_MODULE_11__.toPixel)(borderBottomLeftRadius), (0,_utils__WEBPACK_IMPORTED_MODULE_11__.toPixel)(borderTopRightRadius), (0,_utils__WEBPACK_IMPORTED_MODULE_11__.toPixel)(borderBottomRightRadius));
+  return props.$leftOuterContent ? '0' : '4px';
+}, function (props) {
+  return props.$leftOuterContent ? '0' : '4px';
+}, function (props) {
+  return props.$rightOuterContent ? '0' : '4px';
+}, function (props) {
+  return props.$rightOuterContent ? '0' : '4px';
 }, function (props) {
   var _props$$heightCalcula;
   return (_props$$heightCalcula = props.$heightCalculationCallback) === null || _props$$heightCalcula === void 0 ? void 0 : _props$$heightCalcula.call(props);