Socket
Socket
Sign inDemoInstall

@uiw/react-color-circle

Package Overview
Dependencies
Maintainers
1
Versions
65
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@uiw/react-color-circle - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

17

lib/index.js

@@ -5,8 +5,12 @@ "use strict";

exports.__esModule = true;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

@@ -35,14 +39,14 @@ var _react = _interopRequireDefault(require("react"));

_onChange = props.onChange,
other = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
other = (0, _objectWithoutProperties2["default"])(props, _excluded);
var hsva = typeof color === 'string' && (0, _colorConvert.validHex)(color) ? (0, _colorConvert.hexToHsva)(color) : color || {};
var hex = color ? (0, _colorConvert.hsvaToHex)(hsva) : '';
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactColorSwatch["default"], (0, _extends2["default"])({
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactColorSwatch["default"], (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
ref: ref,
colors: colors,
color: hex
}, other, {
}, other), {}, {
className: [prefixCls, className].filter(Boolean).join(' '),
rectRender: function rectRender(_ref) {
var props = (0, _extends2["default"])({}, _ref);
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Point["default"], (0, _extends2["default"])({}, props, {
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Point["default"], (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
rectProps: rectProps

@@ -60,3 +64,2 @@ }));

exports["default"] = _default;
module.exports = exports.default;
//# sourceMappingURL=index.js.map

@@ -7,6 +7,8 @@ "use strict";

exports.__esModule = true;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = Point;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));

@@ -37,3 +39,3 @@ var _react = _interopRequireWildcard(require("react"));

title: title,
style: (0, _extends2["default"])({}, style, {
style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, style), {}, {
display: 'flex',

@@ -50,7 +52,7 @@ alignItems: 'center',

transform: 'scale(1)',
boxShadow: color + " 0px 0px " + (checked ? 5 : 0) + "px",
boxShadow: "".concat(color, " 0px 0px ").concat(checked ? 5 : 0, "px"),
transition: 'transform 100ms ease 0s, box-shadow 100ms ease 0s'
}),
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _extends2["default"])({}, rectProps, {
style: (0, _extends2["default"])({
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, rectProps), {}, {
style: (0, _objectSpread2["default"])({
height: checked ? '100%' : 0,

@@ -66,4 +68,2 @@ width: checked ? '100%' : 0,

}
module.exports = exports.default;
//# sourceMappingURL=Point.js.map
{
"name": "@uiw/react-color-circle",
"version": "1.0.0",
"version": "1.0.1",
"description": "Color swatch component for React.",

@@ -32,8 +32,8 @@ "homepage": "https://uiwjs.github.io/react-color/#react-color-circle",

"dependencies": {
"@babel/runtime": "7.15.3",
"@babel/runtime": "7.15.4",
"@uiw/color-convert": "^1.0.0",
"@uiw/react-color-swatch": "^1.0.0"
"@uiw/react-color-swatch": "^1.0.1"
},
"devDependencies": {
"@types/react": "17.0.19",
"@types/react": "17.0.20",
"@types/react-dom": "17.0.9",

@@ -40,0 +40,0 @@ "@types/react-test-renderer": "17.0.1",

Sorry, the diff of this file is not supported yet

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