Socket
Socket
Sign inDemoInstall

@uiw/react-color-saturation

Package Overview
Dependencies
Maintainers
2
Versions
81
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 1.1.0 to 1.1.1

34

cjs/index.js
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
Object.defineProperty(exports, "__esModule", {

@@ -9,30 +8,21 @@ value: true

exports["default"] = void 0;
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _colorConvert = require("@uiw/color-convert");
var _reactDragEventInteractive = _interopRequireDefault(require("@uiw/react-drag-event-interactive"));
var _Pointer = require("./Pointer");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["prefixCls", "radius", "pointer", "className", "style", "hsva", "onChange"];
var Saturation = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
var _props$prefixCls = props.prefixCls,
prefixCls = _props$prefixCls === void 0 ? 'w-color-saturation' : _props$prefixCls,
_props$radius = props.radius,
radius = _props$radius === void 0 ? 0 : _props$radius,
pointer = props.pointer,
className = props.className,
style = props.style,
hsva = props.hsva,
onChange = props.onChange,
other = (0, _objectWithoutProperties2["default"])(props, _excluded);
prefixCls = _props$prefixCls === void 0 ? 'w-color-saturation' : _props$prefixCls,
_props$radius = props.radius,
radius = _props$radius === void 0 ? 0 : _props$radius,
pointer = props.pointer,
className = props.className,
style = props.style,
hsva = props.hsva,
onChange = props.onChange,
other = (0, _objectWithoutProperties2["default"])(props, _excluded);
var containerStyle = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({

@@ -45,3 +35,2 @@ width: 200,

});
var handleChange = function handleChange(interaction, event) {

@@ -52,4 +41,4 @@ onChange && onChange({

v: (1 - interaction.top) * 100,
a: hsva.a // source: 'hsv',
a: hsva.a
// source: 'hsv',
});

@@ -80,3 +69,2 @@ };

});
Saturation.displayName = 'Saturation';

@@ -83,0 +71,0 @@ var _default = Saturation;

"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
Object.defineProperty(exports, "__esModule", {

@@ -9,15 +8,11 @@ value: true

exports.Pointer = void 0;
var _react = _interopRequireWildcard(require("react"));
var _jsxRuntime = require("react/jsx-runtime");
var BOXSHADOW = 'rgb(255 255 255) 0px 0px 0px 1.5px, rgb(0 0 0 / 30%) 0px 0px 1px 1px inset, rgb(0 0 0 / 40%) 0px 0px 1px 2px';
var Pointer = function Pointer(_ref) {
var className = _ref.className,
color = _ref.color,
left = _ref.left,
top = _ref.top,
prefixCls = _ref.prefixCls;
color = _ref.color,
left = _ref.left,
top = _ref.top,
prefixCls = _ref.prefixCls;
var style = {

@@ -46,4 +41,3 @@ position: 'absolute',

};
exports.Pointer = Pointer;
//# sourceMappingURL=Pointer.js.map

@@ -11,12 +11,11 @@ import _extends from "@babel/runtime/helpers/extends";

var {
prefixCls = 'w-color-saturation',
radius = 0,
pointer,
className,
style,
hsva,
onChange
} = props,
other = _objectWithoutPropertiesLoose(props, _excluded);
prefixCls = 'w-color-saturation',
radius = 0,
pointer,
className,
style,
hsva,
onChange
} = props,
other = _objectWithoutPropertiesLoose(props, _excluded);
var containerStyle = _extends({

@@ -29,3 +28,2 @@ width: 200,

});
var handleChange = (interaction, event) => {

@@ -36,4 +34,4 @@ onChange && onChange({

v: (1 - interaction.top) * 100,
a: hsva.a // source: 'hsv',
a: hsva.a
// source: 'hsv',
});

@@ -40,0 +38,0 @@ };

{
"name": "@uiw/react-color-saturation",
"version": "1.1.0",
"version": "1.1.1",
"description": "Color Saturation",

@@ -37,6 +37,6 @@ "author": "Kenny Wong <wowohoo@qq.com>",

"dependencies": {
"@babel/runtime": "~7.18.0",
"@uiw/color-convert": "1.1.0",
"@uiw/react-drag-event-interactive": "1.1.0"
"@babel/runtime": "~7.19.0",
"@uiw/color-convert": "1.1.1",
"@uiw/react-drag-event-interactive": "1.1.1"
}
}

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

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