@rio-cloud/rio-uikit 0.16.1-beta.21 → 0.16.1-beta.23

package/lib/es/components/charts/ChartNeedle.js

@@ -1,29 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var ChartNeedle = function ChartNeedle(props) {
   var width = props.width,
-      height = props.height,
-      x = props.x,
-      y = props.y,
-      rotation = props.rotation,
-      className = props.className,
-      style = props.style;
-
+    height = props.height,
+    x = props.x,
+    y = props.y,
+    rotation = props.rotation,
+    className = props.className,
+    style = props.style;
   var needleStyle = _objectSpread({
     width: width,
     height: height,
@@ -35,7 +28,6 @@ var ChartNeedle = function ChartNeedle(props) {
     borderTopRightRadius: '100%',
     display: 'inline-block'
   }, style);
-
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: 'position-relative'
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -43,15 +35,14 @@ var ChartNeedle = function ChartNeedle(props) {
     style: needleStyle
   }));
 };
-
 ChartNeedle.defaultProps = {
   width: '5px',
   height: '65px',
   x: '-50%',
   y: '-100%',
   rotation: 0,
-  className: '' // style
-
+  className: ''
+  // style
 };
 var _default = ChartNeedle;
 exports["default"] = _default;

package/lib/es/components/charts/ChartTooltip.js

@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var ChartTooltip = function ChartTooltip() {
   return null;
 };
-
 ChartTooltip.defaultProps = {};
 var _default = ChartTooltip;
 exports["default"] = _default;

package/lib/es/components/charts/Legend.js

@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var Legend = function Legend() {
   return null;
 };
-
 Legend.defaultProps = {
   iconType: 'square',
   iconSize: '12',

package/lib/es/components/charts/Line.js

@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var Line = function Line() {
   return null;
 };
-
 Line.defaultProps = {
   dataKey: 'value',
   dataUnit: '',

package/lib/es/components/charts/LineChart.js

@@ -1,44 +1,35 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _recharts = require("recharts");
-
 var _chartHelper = require("./chartHelper");
-
 var _ChartTooltip = _interopRequireDefault(require("./ChartTooltip"));
-
 var _excluded = ["width", "height", "data", "dataUnit", "dataKey", "lines", "xAxisOptions", "yAxisOptions", "gridOptions", "showXAxis", "showYAxis", "showGrid", "legend", "tooltip", "brush"],
-    _excluded2 = ["strokeColor"];
-
+  _excluded2 = ["strokeColor"];
 var LineChart = function LineChart(props) {
   var width = props.width,
-      height = props.height,
-      data = props.data,
-      dataUnit = props.dataUnit,
-      dataKey = props.dataKey,
-      lines = props.lines,
-      xAxisOptions = props.xAxisOptions,
-      yAxisOptions = props.yAxisOptions,
-      gridOptions = props.gridOptions,
-      showXAxis = props.showXAxis,
-      showYAxis = props.showYAxis,
-      showGrid = props.showGrid,
-      legend = props.legend,
-      tooltip = props.tooltip,
-      brush = props.brush,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    height = props.height,
+    data = props.data,
+    dataUnit = props.dataUnit,
+    dataKey = props.dataKey,
+    lines = props.lines,
+    xAxisOptions = props.xAxisOptions,
+    yAxisOptions = props.yAxisOptions,
+    gridOptions = props.gridOptions,
+    showXAxis = props.showXAxis,
+    showYAxis = props.showYAxis,
+    showGrid = props.showGrid,
+    legend = props.legend,
+    tooltip = props.tooltip,
+    brush = props.brush,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_recharts.ResponsiveContainer, {
     width: "100%",
     height: "100%"
@@ -66,8 +57,8 @@ var LineChart = function LineChart(props) {
     } : legend.props.wrapperStyle
   }, legend.props)), lines.map(function (line) {
     var _line$props = line.props,
-        strokeColor = _line$props.strokeColor,
-        remainingLineProps = (0, _objectWithoutProperties2["default"])(_line$props, _excluded2);
+      strokeColor = _line$props.strokeColor,
+      remainingLineProps = (0, _objectWithoutProperties2["default"])(_line$props, _excluded2);
     return /*#__PURE__*/_react["default"].createElement(_recharts.Line, (0, _extends2["default"])({
       key: line.key,
       stroke: (0, _chartHelper.getColor)(strokeColor)
@@ -76,7 +67,6 @@ var LineChart = function LineChart(props) {
     stroke: (0, _chartHelper.getColor)('gray')
   })));
 };
-
 LineChart.defaultProps = {
   width: 480,
   height: 200,
@@ -91,8 +81,8 @@ LineChart.defaultProps = {
   showYAxis: false,
   showGrid: false,
   brush: false,
-  tooltip: /*#__PURE__*/_react["default"].createElement(_ChartTooltip["default"], null) // legend,
-
+  tooltip: /*#__PURE__*/_react["default"].createElement(_ChartTooltip["default"], null)
+  // legend,
 };
 var _default = LineChart;
 exports["default"] = _default;

package/lib/es/components/charts/PieChart.js

@@ -1,59 +1,47 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _recharts = require("recharts");
-
 var _isFunction = _interopRequireDefault(require("lodash/fp/isFunction"));
-
 var _chartHelper = require("./chartHelper");
-
 var _Legend = _interopRequireDefault(require("./Legend"));
-
 var _ChartTooltip = _interopRequireDefault(require("./ChartTooltip"));
-
 var _excluded = ["width", "height", "innerRadius", "outerRadius", "data", "dataKey", "dataUnit", "nameKey", "color", "filled", "labels", "innerLabels", "paddingAngle", "legend", "tooltip", "pieOptions"];
 var RADIAN = Math.PI / 180;
-
 var PieChart = function PieChart(props) {
   var width = props.width,
-      height = props.height,
-      innerRadius = props.innerRadius,
-      outerRadius = props.outerRadius,
-      data = props.data,
-      dataKey = props.dataKey,
-      dataUnit = props.dataUnit,
-      nameKey = props.nameKey,
-      color = props.color,
-      filled = props.filled,
-      labels = props.labels,
-      innerLabels = props.innerLabels,
-      paddingAngle = props.paddingAngle,
-      legend = props.legend,
-      tooltip = props.tooltip,
-      pieOptions = props.pieOptions,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
+    height = props.height,
+    innerRadius = props.innerRadius,
+    outerRadius = props.outerRadius,
+    data = props.data,
+    dataKey = props.dataKey,
+    dataUnit = props.dataUnit,
+    nameKey = props.nameKey,
+    color = props.color,
+    filled = props.filled,
+    labels = props.labels,
+    innerLabels = props.innerLabels,
+    paddingAngle = props.paddingAngle,
+    legend = props.legend,
+    tooltip = props.tooltip,
+    pieOptions = props.pieOptions,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var renderInnerLabel = function renderInnerLabel(_ref) {
     var cx = _ref.cx,
-        cy = _ref.cy,
-        midAngle = _ref.midAngle,
-        innerRadius = _ref.innerRadius,
-        outerRadius = _ref.outerRadius,
-        percent = _ref.percent,
-        index = _ref.index,
-        value = _ref.value;
+      cy = _ref.cy,
+      midAngle = _ref.midAngle,
+      innerRadius = _ref.innerRadius,
+      outerRadius = _ref.outerRadius,
+      percent = _ref.percent,
+      index = _ref.index,
+      value = _ref.value;
     var radius = innerRadius + (outerRadius - innerRadius) * 0.5;
     var x = cx + radius * Math.cos(-midAngle * RADIAN);
     var y = cy + radius * Math.sin(-midAngle * RADIAN);
@@ -65,11 +53,9 @@ var PieChart = function PieChart(props) {
       dominantBaseline: "central"
     }, "".concat(value, " ").concat(dataUnit));
   };
-
   var renderLabels = function renderLabels(entry) {
     return "".concat((0, _isFunction["default"])(dataKey) ? dataKey(entry) : entry[dataKey], " ").concat(dataUnit);
   };
-
   var pieLabel = labels && (innerLabels ? renderInnerLabel : renderLabels);
   return /*#__PURE__*/_react["default"].createElement(_recharts.ResponsiveContainer, {
     width: width,
@@ -85,7 +71,8 @@ var PieChart = function PieChart(props) {
     isAnimationActive: true,
     nameKey: nameKey,
     dataKey: dataKey,
-    label: pieLabel // cx={Math.max(outerRadius, width / 3)}
+    label: pieLabel
+    // cx={Math.max(outerRadius, width / 3)}
     // cy={height / 2}
     ,
     innerRadius: filled ? 0 : innerRadius,
@@ -104,7 +91,6 @@ var PieChart = function PieChart(props) {
     }
   }, tooltip.props))));
 };
-
 PieChart.defaultProps = {
   width: '100%',
   height: 250,

package/lib/es/components/charts/RadialBarChart.js

@@ -1,59 +1,47 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _recharts = require("recharts");
-
 var _isFunction = _interopRequireDefault(require("lodash/fp/isFunction"));
-
 var _chartHelper = require("./chartHelper");
-
 var _Legend = _interopRequireDefault(require("./Legend"));
-
 var _excluded = ["width", "height", "data", "dataKey", "startAngle", "endAngle", "innerRadius", "outerRadius", "clockWise", "legend", "textOptions", "radialBarOptions", "showBarLabel", "cornerRadius", "background", "range", "tooltip"],
-    _excluded2 = ["text", "size", "weight", "color"];
-
+  _excluded2 = ["text", "size", "weight", "color"];
 var RadialBarChart = function RadialBarChart(props) {
   var width = props.width,
-      height = props.height,
-      data = props.data,
-      dataKey = props.dataKey,
-      startAngle = props.startAngle,
-      endAngle = props.endAngle,
-      innerRadius = props.innerRadius,
-      outerRadius = props.outerRadius,
-      clockWise = props.clockWise,
-      legend = props.legend,
-      textOptions = props.textOptions,
-      radialBarOptions = props.radialBarOptions,
-      showBarLabel = props.showBarLabel,
-      cornerRadius = props.cornerRadius,
-      background = props.background,
-      range = props.range,
-      tooltip = props.tooltip,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
+    height = props.height,
+    data = props.data,
+    dataKey = props.dataKey,
+    startAngle = props.startAngle,
+    endAngle = props.endAngle,
+    innerRadius = props.innerRadius,
+    outerRadius = props.outerRadius,
+    clockWise = props.clockWise,
+    legend = props.legend,
+    textOptions = props.textOptions,
+    radialBarOptions = props.radialBarOptions,
+    showBarLabel = props.showBarLabel,
+    cornerRadius = props.cornerRadius,
+    background = props.background,
+    range = props.range,
+    tooltip = props.tooltip,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var _ref = textOptions || {},
-      text = _ref.text,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? '500%' : _ref$size,
-      _ref$weight = _ref.weight,
-      weight = _ref$weight === void 0 ? 'normal' : _ref$weight,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'gray-darkest' : _ref$color,
-      remainingTextOptions = (0, _objectWithoutProperties2["default"])(_ref, _excluded2);
-
+    text = _ref.text,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? '500%' : _ref$size,
+    _ref$weight = _ref.weight,
+    weight = _ref$weight === void 0 ? 'normal' : _ref$weight,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'gray-darkest' : _ref$color,
+    remainingTextOptions = (0, _objectWithoutProperties2["default"])(_ref, _excluded2);
   var textStyle = {
     fontSize: size,
     fontWeight: weight,
@@ -109,7 +97,6 @@ var RadialBarChart = function RadialBarChart(props) {
     }
   }, tooltip.props))));
 };
-
 RadialBarChart.defaultProps = {
   width: 400,
   height: 200,

package/lib/es/components/charts/chartHelper.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mapGridOptions = exports.getFromDefaultColors = exports.getColor = exports.defaultChartColors = exports.CURSOR_BACKGROUND_COLOR = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _colors = _interopRequireDefault(require("../../styles/shared/colors.json"));
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var brightColors = ['color-warmup-corn', 'color-coldplay-khaki'];
 var defaultChartColors = Object.keys(_colors["default"]).reverse().filter(function (key) {
   return !brightColors.includes(key);
@@ -22,31 +16,23 @@ var defaultChartColors = Object.keys(_colors["default"]).reverse().filter(functi
   return _colors["default"][key];
 });
 exports.defaultChartColors = defaultChartColors;
-
 var getFromDefaultColors = function getFromDefaultColors(index) {
   return defaultChartColors[index];
 };
-
 exports.getFromDefaultColors = getFromDefaultColors;
-
 var getColor = function getColor(colorKey) {
   return _colors["default"][colorKey];
 };
-
 exports.getColor = getColor;
 var CURSOR_BACKGROUND_COLOR = '#a7afbb24';
 exports.CURSOR_BACKGROUND_COLOR = CURSOR_BACKGROUND_COLOR;
-
 var mapGridOptions = function mapGridOptions(gridOptions) {
   if (!gridOptions) {
     return;
   }
-
   var mappedGridOptions = _objectSpread({}, gridOptions);
-
   var stroke = mappedGridOptions.stroke;
   mappedGridOptions.stroke = stroke && !stroke.startsWith('#') ? getColor(stroke) : stroke;
   return mappedGridOptions;
 };
-
 exports.mapGridOptions = mapGridOptions;

package/lib/es/components/checkbox/Checkbox.js

@@ -1,35 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _excluded = ["checked", "children", "className", "custom", "defaultChecked", "disabled", "error", "icon", "iconLabelPosition", "iconSize", "id", "indeterminate", "inline", "inputRef", "label", "name", "onChange", "onClick", "required", "right", "size", "tabIndex"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var CheckboxIcon = function CheckboxIcon(props) {
   var icon = props.icon,
-      iconSize = props.iconSize,
-      iconLabelPosition = props.iconLabelPosition,
-      text = props.text;
+    iconSize = props.iconSize,
+    iconLabelPosition = props.iconLabelPosition,
+    text = props.text;
   var iconStyles = {
     width: "".concat(iconSize, "px"),
     height: "".concat(iconSize, "px"),
@@ -45,78 +34,66 @@ var CheckboxIcon = function CheckboxIcon(props) {
     className: "checkbox-label"
   }, text));
 };
-
 var Checkbox = function Checkbox(props) {
   var checked = props.checked,
-      children = props.children,
-      className = props.className,
-      custom = props.custom,
-      defaultChecked = props.defaultChecked,
-      disabled = props.disabled,
-      error = props.error,
-      icon = props.icon,
-      iconLabelPosition = props.iconLabelPosition,
-      iconSize = props.iconSize,
-      _props$id = props.id,
-      id = _props$id === void 0 ? props.name : _props$id,
-      indeterminate = props.indeterminate,
-      inline = props.inline,
-      inputRef = props.inputRef,
-      label = props.label,
-      name = props.name,
-      onChange = props.onChange,
-      onClick = props.onClick,
-      required = props.required,
-      right = props.right,
-      size = props.size,
-      tabIndex = props.tabIndex,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    children = props.children,
+    className = props.className,
+    custom = props.custom,
+    defaultChecked = props.defaultChecked,
+    disabled = props.disabled,
+    error = props.error,
+    icon = props.icon,
+    iconLabelPosition = props.iconLabelPosition,
+    iconSize = props.iconSize,
+    _props$id = props.id,
+    id = _props$id === void 0 ? props.name : _props$id,
+    indeterminate = props.indeterminate,
+    inline = props.inline,
+    inputRef = props.inputRef,
+    label = props.label,
+    name = props.name,
+    onChange = props.onChange,
+    onClick = props.onClick,
+    required = props.required,
+    right = props.right,
+    size = props.size,
+    tabIndex = props.tabIndex,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var labelRef = (0, _react.useRef)();
-
   var getInput = function getInput() {
     return labelRef.current.firstChild;
   };
-
   (0, _react.useEffect)(function () {
     var input = getInput();
     input.indeterminate = indeterminate;
   }, [indeterminate]);
-
   var handleToggleKeyDown = function handleToggleKeyDown(event) {
     switch (event.keyCode) {
       case 32:
         // toggle on space
         toggle(event);
         break;
-
       case 13:
         // open on enter
         toggle(event);
         break;
-
       default:
         break;
     }
   };
-
   var toggle = function toggle(event) {
     event.preventDefault();
-
     if (disabled) {
       return;
     }
-
     var input = getInput();
-
     if (input.indeterminate) {
       input.indeterminate = false;
     }
-
     input.checked = !input.checked;
     onClick(event);
     onChange(event);
   };
-
   var text = label || children;
   var labelClassnames = (0, _classnames["default"])('checkbox', inline && 'checkbox-inline', size === 'large' && 'checkbox-large', right && 'checkbox-right', className);
   var inputClassnames = (0, _classnames["default"])(error && 'error', size === 'large' && 'large', indeterminate && 'indeterminate', className);
@@ -150,7 +127,6 @@ var Checkbox = function Checkbox(props) {
     className: "checkbox-text"
   }, /*#__PURE__*/_react["default"].createElement("span", null, text)), renderCustomContent && children);
 };
-
 Checkbox.ICON_LABEL_VERTICAL = 'vertical';
 Checkbox.ICON_LABEL_HORIZONTAL = 'horizontal';
 Checkbox.defaultProps = {