@luminati-io/uikit 3.3.0 → 3.3.2

package/dist/umd/uikit.development.js

@@ -33133,14 +33133,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _visx_curve__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @visx/curve */ "./node_modules/d3-shape/src/curve/cardinal.js");
 /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
 /* harmony import */ var _chart_container__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./chart_container */ "./src/chart/chart_container.js");
-/* harmony import */ var _get_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./get_components */ "./src/chart/get_components.js");
-/* harmony import */ var _glyph__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./glyph */ "./src/chart/glyph.js");
-/* harmony import */ var _split_props__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./split_props */ "./src/chart/split_props.js");
-/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./tooltip */ "./src/chart/tooltip.js");
-/* harmony import */ var _use_chart_theme__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./use_chart_theme */ "./src/chart/use_chart_theme.js");
+/* harmony import */ var _get_curve__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./get_curve */ "./src/chart/get_curve.js");
+/* harmony import */ var _get_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./get_components */ "./src/chart/get_components.js");
+/* harmony import */ var _glyph__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./glyph */ "./src/chart/glyph.js");
+/* harmony import */ var _split_props__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./split_props */ "./src/chart/split_props.js");
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./tooltip */ "./src/chart/tooltip.js");
+/* harmony import */ var _use_chart_theme__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./use_chart_theme */ "./src/chart/use_chart_theme.js");
 // LICENSE_CODE ZON
 
 
@@ -33196,22 +33196,25 @@ var AreaChart = function AreaChart(props) {
     stacked = props.stacked,
     showTooltip = props.showTooltip,
     _props$tooltipContent = props.tooltipContent,
-    tooltipContent = _props$tooltipContent === void 0 ? _tooltip__WEBPACK_IMPORTED_MODULE_7__.DefaultTooltip : _props$tooltipContent,
+    tooltipContent = _props$tooltipContent === void 0 ? _tooltip__WEBPACK_IMPORTED_MODULE_8__.DefaultTooltip : _props$tooltipContent,
+    _props$curveType = props.curveType,
+    curveType = _props$curveType === void 0 ? '' : _props$curveType,
     onPointerMove = props.onPointerMove,
     onPointerOut = props.onPointerOut,
     onPointerUp = props.onPointerUp,
     onPointerDown = props.onPointerDown,
     pointerEventsDataKey = props.pointerEventsDataKey,
     children = props.children;
-  var _getAnimatedOrUnanima = (0,_get_components__WEBPACK_IMPORTED_MODULE_4__.getAnimatedOrUnanimatedComponents)(animated),
+  var _getAnimatedOrUnanima = (0,_get_components__WEBPACK_IMPORTED_MODULE_5__.getAnimatedOrUnanimatedComponents)(animated),
     XYChart = _getAnimatedOrUnanima.XYChart,
     Grid = _getAnimatedOrUnanima.Grid,
     Axis = _getAnimatedOrUnanima.Axis,
     AreaSeries = _getAnimatedOrUnanima.AreaSeries,
     AreaStack = _getAnimatedOrUnanima.AreaStack,
     Tooltip = _getAnimatedOrUnanima.Tooltip;
-  var chartTheme = (0,_use_chart_theme__WEBPACK_IMPORTED_MODULE_8__.useChartTheme)(palette);
+  var chartTheme = (0,_use_chart_theme__WEBPACK_IMPORTED_MODULE_9__.useChartTheme)(palette);
   if (!data || !data.length) return null;
+  var curve = (0,_get_curve__WEBPACK_IMPORTED_MODULE_4__.getCurve)(curveType);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(XYChart, {
     theme: chartTheme,
     xScale: config.x,
@@ -33232,7 +33235,7 @@ var AreaChart = function AreaChart(props) {
     animationTrajectory: animationTrajectory,
     numTicks: numTicks
   }), !!stacked && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(AreaStack, {
-    curve: _visx_curve__WEBPACK_IMPORTED_MODULE_9__["default"]
+    curve: curve
   }, data.map(function (lineData) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(AreaSeries, _extends({
       key: lineData.name,
@@ -33244,7 +33247,7 @@ var AreaChart = function AreaChart(props) {
       key: lineData.name,
       dataKey: lineData.name,
       data: lineData.datapoints,
-      curve: _visx_curve__WEBPACK_IMPORTED_MODULE_9__["default"]
+      curve: curve
     }, lineData.accessors, lineData.areaProps));
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Axis, {
     key: "x-axis-".concat(animationTrajectory),
@@ -33271,7 +33274,7 @@ var AreaChart = function AreaChart(props) {
     applyPositionStyle: true,
     renderTooltip: function renderTooltip(params) {
       return (0,_util__WEBPACK_IMPORTED_MODULE_2__.flexRender)(tooltipContent, _objectSpread({
-        Glyph: _glyph__WEBPACK_IMPORTED_MODULE_5__.Glyph,
+        Glyph: _glyph__WEBPACK_IMPORTED_MODULE_6__.Glyph,
         data: data,
         formatTick: xAxis.formatTick,
         formatValue: formatValue,
@@ -33282,7 +33285,7 @@ var AreaChart = function AreaChart(props) {
 };
 AreaChart.displayName = 'AreaChart';
 var Area = function Area(props) {
-  var _splitProps = (0,_split_props__WEBPACK_IMPORTED_MODULE_6__.splitProps)(props, 'animated', 'showGridRows', 'showGridColumns', 'numTicks', 'xAxis', 'yAxis', 'formatValue', 'margin', 'stacked', 'showTooltip', 'tooltipContent', 'onPointerMove', 'onPointerOut', 'onPointerUp', 'onPointerDown', 'pointerEventsDataKey', 'children'),
+  var _splitProps = (0,_split_props__WEBPACK_IMPORTED_MODULE_7__.splitProps)(props, 'animated', 'showGridRows', 'showGridColumns', 'numTicks', 'xAxis', 'yAxis', 'formatValue', 'margin', 'stacked', 'showTooltip', 'tooltipContent', 'curveType', 'onPointerMove', 'onPointerOut', 'onPointerUp', 'onPointerDown', 'pointerEventsDataKey', 'children'),
     _splitProps2 = _slicedToArray(_splitProps, 2),
     chartProps = _splitProps2[0],
     restProps = _splitProps2[1];
@@ -33335,6 +33338,7 @@ Area.propTypes = {
   stacked: (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)]),
+  curveType: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['basis', 'basisClosed', 'basisOpen', 'step', 'stepAfter', 'stepBefore', 'bundle', 'linear', 'linearClosed', 'cardinal', 'cardinalClosed', 'cardinalOpen', 'catmullRom', 'catmullRomClosed', 'catmullRomOpen', 'monotoneX', 'monotoneY', 'natural']),
   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),
@@ -37171,6 +37175,7 @@ var useStyles = function useStyles(_ref) {
           lg: 48
         };
         var borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_7;
+        var boxShadow = 'none';
         var color = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_11_50;
         var backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.white;
         var cursor = 'text';
@@ -37179,7 +37184,10 @@ var useStyles = function useStyles(_ref) {
           borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_6;
           backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_2;
           cursor = 'default';
-        } else if (selectProps['aria-invalid']) borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.red_11;else if (isFocused) borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.blue_11;
+        } else if (selectProps['aria-invalid']) borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.red_11;else if (isFocused) {
+          borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.blue_11;
+          boxShadow = "0px 0px 0px 2px rgba(0, 106, 220, 0.4)";
+        }
         return _objectSpread(_objectSpread(_objectSpread({}, baseStyles), LabelSm), {}, {
           minHeight: (0,_utils__WEBPACK_IMPORTED_MODULE_2__.toPixel)(height[size] || height.sm),
           padding: "".concat(_shared__WEBPACK_IMPORTED_MODULE_3__.inputVerticalPadding, "px ").concat(_shared__WEBPACK_IMPORTED_MODULE_3__.inputHorizontalPadding, "px"),
@@ -37187,7 +37195,7 @@ var useStyles = function useStyles(_ref) {
           backgroundColor: backgroundColor,
           borderColor: borderColor,
           cursor: cursor,
-          boxShadow: 'none'
+          boxShadow: boxShadow
         });
       },
       valueContainer: function valueContainer(baseStyles) {
@@ -38327,22 +38335,29 @@ var useStyles = function useStyles(_ref) {
     size = _ref.size;
   return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return (0,_util_with_user_styles__WEBPACK_IMPORTED_MODULE_5__.withUserStyles)(styles, {
-      control: function control(baseStyles, state) {
+      control: function control(baseStyles, _ref2) {
+        var isDisabled = _ref2.isDisabled,
+          isFocused = _ref2.isFocused,
+          selectProps = _ref2.selectProps;
         var height = {
           sm: 36,
           md: 40,
           lg: 48
         };
         var borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_7;
+        var boxShadow = 'none';
         var color = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_11_50;
         var backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.white;
         var cursor = 'text';
-        if (state.isDisabled) {
+        if (isDisabled) {
           color = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_9;
           borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_6;
           backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_2;
           cursor = 'default';
-        } else if (state.selectProps['aria-invalid']) borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.red_11;else if (state.isFocused) borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.blue_11;
+        } else if (selectProps['aria-invalid']) borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.red_11;else if (isFocused) {
+          borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.blue_11;
+          boxShadow = "0px 0px 0px 2px rgba(0, 106, 220, 0.4)";
+        }
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
           minHeight: (0,_utils__WEBPACK_IMPORTED_MODULE_2__.toPixel)(height[size] || height.sm),
           padding: "".concat(_shared__WEBPACK_IMPORTED_MODULE_4__.inputVerticalPadding, "px ").concat(_shared__WEBPACK_IMPORTED_MODULE_4__.inputHorizontalPadding, "px"),
@@ -38356,7 +38371,7 @@ var useStyles = function useStyles(_ref) {
           backgroundColor: backgroundColor,
           borderColor: borderColor,
           cursor: cursor,
-          boxShadow: 'none'
+          boxShadow: boxShadow
         });
       },
       valueContainer: function valueContainer(baseStyles) {
@@ -46008,10 +46023,14 @@ var getIconProps = function getIconProps(comp, opt) {
 var getLinkProps = function getLinkProps(opt) {
   var as = opt.as,
     href = opt.href,
+    target = opt.target,
+    rel = opt.rel,
     newTab = opt.newTab;
   var p = {
     as: as,
-    href: href
+    href: href,
+    target: target,
+    rel: rel
   };
   if (newTab) p = _objectSpread(_objectSpread({}, p), {}, {
     target: '_blank',