Socket
Socket
Sign inDemoInstall

@s-ui/react-atom-progress-bar

Package Overview
Dependencies
Maintainers
78
Versions
25
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@s-ui/react-atom-progress-bar - npm Package Compare versions

Comparing version 2.12.0 to 2.13.0

17

lib/index.js
import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
var _excluded = ["type", "size"];
var _excluded = ["type", "status", "size"];
import PropTypes from 'prop-types';

@@ -10,3 +10,6 @@ import ProgressBarCircle from './ProgressBarCircle/index.js';

var AtomProgressBar = function AtomProgressBar(_ref) {
var type = _ref.type,
var _ref$type = _ref.type,
type = _ref$type === void 0 ? TYPES.LINE : _ref$type,
_ref$status = _ref.status,
status = _ref$status === void 0 ? STATUS.PROGRESS : _ref$status,
size = _ref.size,

@@ -17,3 +20,4 @@ props = _objectWithoutPropertiesLoose(_ref, _excluded);

return /*#__PURE__*/_jsx(ProgressBarCircle, _extends({
size: size
size: size,
status: status
}, props));

@@ -24,3 +28,4 @@ case TYPES.LINE:

return /*#__PURE__*/_jsx(ProgressBarLine, _extends({
size: size
size: size,
status: status
}, props));

@@ -30,7 +35,3 @@ }

AtomProgressBar.displayName = 'AtomProgressBar';
AtomProgressBar.defaultProps = {
type: TYPES.LINE,
status: STATUS.PROGRESS
};
export default AtomProgressBar;
export { LINE_CAPS as atomProgressBarLineCaps, STROKE_SIZES as atomProgressBarStrokeSizes, SIZES as atomProgressBarSizes, STATUS as atomProgressBarStatus, TYPES as atomProgressBarTypes };

@@ -6,4 +6,3 @@ import _extends from "@babel/runtime/helpers/esm/extends";

import { MAX_TRANSITION_TIME_IN_MS, MODIFIERS, SIZES } from './settings.js';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var Circle = function Circle(_ref) {

@@ -15,3 +14,4 @@ var _cx, _cx2, _cx3;

size = _ref.size,
withAnimation = _ref.withAnimation,
_ref$withAnimation = _ref.withAnimation,
withAnimation = _ref$withAnimation === void 0 ? true : _ref$withAnimation,
mainStrokeWidth = _ref.mainStrokeWidth,

@@ -77,5 +77,2 @@ progressStrokeWidth = _ref.progressStrokeWidth,

};
Circle.defaultProps = {
withAnimation: true
};
export default Circle;

@@ -7,15 +7,19 @@ import cx from 'classnames';

import { BASE_CLASS_NAME, SIZE_TO_WIDTH_LINE_MAP, STROKE_SIZE_MAP } from './settings.js';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var ProgressBarCircle = function ProgressBarCircle(_ref) {
var percentage = _ref.percentage,
status = _ref.status,
_ref$status = _ref.status,
status = _ref$status === void 0 ? STATUS.PROGRESS : _ref$status,
errorIcon = _ref.errorIcon,
size = _ref.size,
isAnimatedOnChange = _ref.isAnimatedOnChange,
hideIndicator = _ref.hideIndicator,
_ref$size = _ref.size,
size = _ref$size === void 0 ? SIZES.LARGE : _ref$size,
_ref$isAnimatedOnChan = _ref.isAnimatedOnChange,
isAnimatedOnChange = _ref$isAnimatedOnChan === void 0 ? false : _ref$isAnimatedOnChan,
_ref$hideIndicator = _ref.hideIndicator,
hideIndicator = _ref$hideIndicator === void 0 ? false : _ref$hideIndicator,
children = _ref.children,
mainStrokeSize = _ref.mainStrokeSize,
progressStrokeSize = _ref.progressStrokeSize,
strokeLineCap = _ref.strokeLineCap;
_ref$strokeLineCap = _ref.strokeLineCap,
strokeLineCap = _ref$strokeLineCap === void 0 ? LINE_CAPS.SQUARE : _ref$strokeLineCap;
var mainStrokeWidth = STROKE_SIZE_MAP[mainStrokeSize] || SIZE_TO_WIDTH_LINE_MAP[size];

@@ -44,9 +48,2 @@ var progressStrokeWidth = STROKE_SIZE_MAP[progressStrokeSize] || SIZE_TO_WIDTH_LINE_MAP[size];

ProgressBarCircle.displayName = 'ProgressBarCircle';
ProgressBarCircle.defaultProps = {
isAnimatedOnChange: false,
strokeLineCap: LINE_CAPS.SQUARE,
status: STATUS.PROGRESS,
hideIndicator: false,
size: SIZES.LARGE
};
export default ProgressBarCircle;

@@ -8,4 +8,3 @@ import cx from 'classnames';

import usePercentage from './usePercentage.js';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var ProgressBarLine = function ProgressBarLine(_ref) {

@@ -12,0 +11,0 @@ var _cx;

import cx from 'classnames';
import PropTypes from 'prop-types';
import { CLASS_INDICATOR } from './settings.js';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var Indicator = function Indicator(_ref) {

@@ -7,0 +6,0 @@ var indicatorBottom = _ref.indicatorBottom,

{
"name": "@s-ui/react-atom-progress-bar",
"version": "2.12.0",
"version": "2.13.0",
"description": "",

@@ -5,0 +5,0 @@ "main": "lib/index.js",

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc