🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@rc-component/color-picker

Package Overview
Dependencies
Maintainers
0
Versions
37
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@rc-component/color-picker - npm Package Compare versions

Comparing version

3.0.0
to
3.0.1

2

es/components/Picker.js
import React, { useRef } from 'react';
import useColorDrag from "../hooks/useColorDrag";
import { calcOffset, calculateColor } from "../util";
import { useEvent } from 'rc-util';
import { useEvent } from '@rc-component/util';
import Handler from "./Handler";

@@ -6,0 +6,0 @@ import Palette from "./Palette";

2

es/components/Slider.js
import React, { useRef } from 'react';
import useColorDrag from "../hooks/useColorDrag";
import Palette from "./Palette";
import { useEvent } from '@rc-component/util';
import classNames from 'classnames';
import { useEvent } from 'rc-util';
import { Color } from "../color";

@@ -7,0 +7,0 @@ import { calcOffset, calculateColor } from "../util";

2

es/hooks/useColorState.js

@@ -1,2 +0,2 @@

import { useMergedState } from 'rc-util';
import { useMergedState } from '@rc-component/util';
import { useMemo } from 'react';

@@ -3,0 +3,0 @@ import { generateColor } from "../util";

4

lib/components/Picker.js

@@ -10,3 +10,3 @@ "use strict";

var _util = require("../util");
var _rcUtil = require("rc-util");
var _util2 = require("@rc-component/util");
var _Handler = _interopRequireDefault(require("./Handler"));

@@ -28,3 +28,3 @@ var _Palette = _interopRequireDefault(require("./Palette"));

const colorRef = (0, _react.useRef)(color);
const onDragChange = (0, _rcUtil.useEvent)(offsetValue => {
const onDragChange = (0, _util2.useEvent)(offsetValue => {
const calcColor = (0, _util.calculateColor)({

@@ -31,0 +31,0 @@ offset: offsetValue,

10

lib/components/Slider.js

@@ -10,6 +10,6 @@ "use strict";

var _Palette = _interopRequireDefault(require("./Palette"));
var _util = require("@rc-component/util");
var _classnames = _interopRequireDefault(require("classnames"));
var _rcUtil = require("rc-util");
var _color = require("../color");
var _util = require("../util");
var _util2 = require("../util");
var _Gradient = _interopRequireDefault(require("./Gradient"));

@@ -37,4 +37,4 @@ var _Handler = _interopRequireDefault(require("./Handler"));

};
const onDragChange = (0, _rcUtil.useEvent)(offsetValue => {
const calcColor = (0, _util.calculateColor)({
const onDragChange = (0, _util.useEvent)(offsetValue => {
const calcColor = (0, _util2.calculateColor)({
offset: offsetValue,

@@ -53,3 +53,3 @@ targetRef: transformRef,

containerRef: sliderRef,
calculate: () => (0, _util.calcOffset)(color, type),
calculate: () => (0, _util2.calcOffset)(color, type),
onDragChange,

@@ -56,0 +56,0 @@ onDragChangeComplete() {

8

lib/hooks/useColorState.js

@@ -7,12 +7,12 @@ "use strict";

exports.default = void 0;
var _rcUtil = require("rc-util");
var _util = require("@rc-component/util");
var _react = require("react");
var _util = require("../util");
var _util2 = require("../util");
const useColorState = (defaultValue, value) => {
const [mergedValue, setValue] = (0, _rcUtil.useMergedState)(defaultValue, {
const [mergedValue, setValue] = (0, _util.useMergedState)(defaultValue, {
value
});
const color = (0, _react.useMemo)(() => (0, _util.generateColor)(mergedValue), [mergedValue]);
const color = (0, _react.useMemo)(() => (0, _util2.generateColor)(mergedValue), [mergedValue]);
return [color, setValue];
};
var _default = exports.default = useColorState;

2

package.json
{
"name": "@rc-component/color-picker",
"version": "3.0.0",
"version": "3.0.1",
"description": "React Color Picker",

@@ -5,0 +5,0 @@ "keywords": [