@micromag/screen-survey 0.3.335 → 0.3.338

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.
Files changed (3) hide show
  1. package/es/index.js +3 -1
  2. package/lib/index.js +4 -1
  3. package/package.json +4 -4
package/es/index.js CHANGED
@@ -4,6 +4,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
4
4
  import _objectSpread from '@babel/runtime/helpers/objectSpread2';
5
5
  import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
6
6
  import classNames from 'classnames';
7
+ import isNumber from 'lodash/isNumber';
7
8
  import PropTypes from 'prop-types';
8
9
  import React, { useState, useMemo, useCallback, useEffect } from 'react';
9
10
  import { PropTypes as PropTypes$1 } from '@micromag/core';
@@ -317,6 +318,7 @@ var SurveyScreen = function SurveyScreen(_ref) {
317
318
  var _ref18 = buttonStyles || {},
318
319
  _ref18$borderRadius = _ref18.borderRadius,
319
320
  answerResultBorderRadius = _ref18$borderRadius === void 0 ? null : _ref18$borderRadius;
321
+ var finalBarBorderRadius = answerResultBorderRadius !== null && isNumber(answerResultBorderRadius) && answerResultBorderRadius > 2 ? answerResultBorderRadius - 2 : answerResultBorderRadius;
320
322
  return /*#__PURE__*/React.createElement("div", {
321
323
  key: "answer-".concat(answerIndex),
322
324
  className: classNames([styles.item, _defineProperty({}, styles.userAnswer, userAnswer)])
@@ -374,7 +376,7 @@ var SurveyScreen = function SurveyScreen(_ref) {
374
376
  }))) : null, !withoutBar ? /*#__PURE__*/React.createElement("div", {
375
377
  className: styles.resultBar,
376
378
  style: _objectSpread(_objectSpread({
377
- borderRadius: answerResultBorderRadius,
379
+ borderRadius: finalBarBorderRadius,
378
380
  transitionDuration: finalTransitionDuration,
379
381
  width: percent !== null ? "".concat(percent, "%") : '0%'
380
382
  }, getStyleFromColor(answerResultBarColor || resultsBarColor || labelColor, 'backgroundColor')), answered ? {
package/lib/index.js CHANGED
@@ -8,6 +8,7 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
8
8
  var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
9
9
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
10
10
  var classNames = require('classnames');
11
+ var isNumber = require('lodash/isNumber');
11
12
  var PropTypes = require('prop-types');
12
13
  var React = require('react');
13
14
  var core = require('@micromag/core');
@@ -32,6 +33,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
32
33
  var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
33
34
  var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
34
35
  var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
36
+ var isNumber__default = /*#__PURE__*/_interopDefaultLegacy(isNumber);
35
37
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
36
38
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
37
39
  var Background__default = /*#__PURE__*/_interopDefaultLegacy(Background);
@@ -339,6 +341,7 @@ var SurveyScreen = function SurveyScreen(_ref) {
339
341
  var _ref18 = buttonStyles || {},
340
342
  _ref18$borderRadius = _ref18.borderRadius,
341
343
  answerResultBorderRadius = _ref18$borderRadius === void 0 ? null : _ref18$borderRadius;
344
+ var finalBarBorderRadius = answerResultBorderRadius !== null && isNumber__default["default"](answerResultBorderRadius) && answerResultBorderRadius > 2 ? answerResultBorderRadius - 2 : answerResultBorderRadius;
342
345
  return /*#__PURE__*/React__default["default"].createElement("div", {
343
346
  key: "answer-".concat(answerIndex),
344
347
  className: classNames__default["default"]([styles.item, _defineProperty__default["default"]({}, styles.userAnswer, userAnswer)])
@@ -396,7 +399,7 @@ var SurveyScreen = function SurveyScreen(_ref) {
396
399
  }))) : null, !withoutBar ? /*#__PURE__*/React__default["default"].createElement("div", {
397
400
  className: styles.resultBar,
398
401
  style: _objectSpread__default["default"](_objectSpread__default["default"]({
399
- borderRadius: answerResultBorderRadius,
402
+ borderRadius: finalBarBorderRadius,
400
403
  transitionDuration: finalTransitionDuration,
401
404
  width: percent !== null ? "".concat(percent, "%") : '0%'
402
405
  }, utils.getStyleFromColor(answerResultBarColor || resultsBarColor || labelColor, 'backgroundColor')), answered ? {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-survey",
3
- "version": "0.3.335",
3
+ "version": "0.3.338",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -50,8 +50,8 @@
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
52
  "@micromag/core": "^0.3.332",
53
- "@micromag/data": "^0.3.335",
54
- "@micromag/element-background": "^0.3.335",
53
+ "@micromag/data": "^0.3.338",
54
+ "@micromag/element-background": "^0.3.336",
55
55
  "@micromag/element-button": "^0.3.332",
56
56
  "@micromag/element-call-to-action": "^0.3.332",
57
57
  "@micromag/element-container": "^0.3.332",
@@ -69,5 +69,5 @@
69
69
  "publishConfig": {
70
70
  "access": "public"
71
71
  },
72
- "gitHead": "2d4617589f6091803cee6d5614c61297bba3bdc6"
72
+ "gitHead": "07fe87efa3938e96be918c8e568925414232742c"
73
73
  }