New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@rc-component/color-picker

Package Overview
Dependencies
Maintainers
4
Versions
35
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 1.2.0 to 1.3.0

1

es/color.d.ts
import type { Numberify } from '@ctrl/tinycolor';
import { TinyColor } from '@ctrl/tinycolor';
import type { ColorGenInput, HSBA } from './interface';
export declare const getRoundNumber: (value: number) => number;
export declare class Color extends TinyColor {

@@ -5,0 +6,0 @@ constructor(color: ColorGenInput);

29

es/color.js

@@ -1,4 +0,1 @@

import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
import _typeof from "@babel/runtime/helpers/esm/typeof";
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";

@@ -8,5 +5,25 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";

import _createSuper from "@babel/runtime/helpers/esm/createSuper";
var _excluded = ["v"];
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
import _typeof from "@babel/runtime/helpers/esm/typeof";
var _excluded = ["b"],
_excluded2 = ["v"];
import { TinyColor } from '@ctrl/tinycolor';
import { convertHsb2Hsv, getRoundNumber } from "./util";
export var getRoundNumber = function getRoundNumber(value) {
return Math.round(Number(value || 0));
};
var convertHsb2Hsv = function convertHsb2Hsv(color) {
if (color && _typeof(color) === 'object' && 'h' in color && 'b' in color) {
var _ref = color,
b = _ref.b,
resets = _objectWithoutProperties(_ref, _excluded);
return _objectSpread(_objectSpread({}, resets), {}, {
v: b
});
}
if (typeof color === 'string' && /hsb/.test(color)) {
return color.replace(/hsb/, 'hsv');
}
return color;
};
export var Color = /*#__PURE__*/function (_TinyColor) {

@@ -42,3 +59,3 @@ _inherits(Color, _TinyColor);

v = _hsv.v,
resets = _objectWithoutProperties(_hsv, _excluded);
resets = _objectWithoutProperties(_hsv, _excluded2);
return _objectSpread(_objectSpread({}, resets), {}, {

@@ -45,0 +62,0 @@ b: hsv.v

@@ -1,7 +0,4 @@

import type { ColorInput } from '@ctrl/tinycolor';
import { Color } from './color';
import type { ColorGenInput, HsbaColorType, TransformOffset } from './interface';
export declare const ColorPickerPrefixCls = "rc-color-picker";
export declare const getRoundNumber: (value: number) => number;
export declare const convertHsb2Hsv: (color: ColorGenInput) => ColorInput;
export declare const generateColor: (color: ColorGenInput) => Color;

@@ -8,0 +5,0 @@ export declare const defaultColor: Color;

import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
import _typeof from "@babel/runtime/helpers/esm/typeof";
var _excluded = ["b"];
import { Color } from "./color";
export var ColorPickerPrefixCls = 'rc-color-picker';
export var getRoundNumber = function getRoundNumber(value) {
return Math.round(Number(value || 0));
};
export var convertHsb2Hsv = function convertHsb2Hsv(color) {
if (color && _typeof(color) === 'object' && 'h' in color && 'b' in color) {
var _ref = color,
b = _ref.b,
resets = _objectWithoutProperties(_ref, _excluded);
return _objectSpread(_objectSpread({}, resets), {}, {
v: b
});
}
if (typeof color === 'string' && /hsb/.test(color)) {
return color.replace(/hsb/, 'hsv');
}
return color;
};
export var generateColor = function generateColor(color) {

@@ -25,0 +5,0 @@ if (color instanceof Color) {

import type { Numberify } from '@ctrl/tinycolor';
import { TinyColor } from '@ctrl/tinycolor';
import type { ColorGenInput, HSBA } from './interface';
export declare const getRoundNumber: (value: number) => number;
export declare class Color extends TinyColor {

@@ -5,0 +6,0 @@ constructor(color: ColorGenInput);

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

});
exports.Color = void 0;
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
exports.getRoundNumber = exports.Color = void 0;
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

@@ -16,5 +13,26 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));

var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
var _tinycolor = require("@ctrl/tinycolor");
var _util = require("./util");
var _excluded = ["v"];
var _excluded = ["b"],
_excluded2 = ["v"];
var getRoundNumber = function getRoundNumber(value) {
return Math.round(Number(value || 0));
};
exports.getRoundNumber = getRoundNumber;
var convertHsb2Hsv = function convertHsb2Hsv(color) {
if (color && (0, _typeof2.default)(color) === 'object' && 'h' in color && 'b' in color) {
var _ref = color,
b = _ref.b,
resets = (0, _objectWithoutProperties2.default)(_ref, _excluded);
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resets), {}, {
v: b
});
}
if (typeof color === 'string' && /hsb/.test(color)) {
return color.replace(/hsb/, 'hsv');
}
return color;
};
var Color = /*#__PURE__*/function (_TinyColor) {

@@ -25,3 +43,3 @@ (0, _inherits2.default)(Color, _TinyColor);

(0, _classCallCheck2.default)(this, Color);
return _super.call(this, (0, _util.convertHsb2Hsv)(color));
return _super.call(this, convertHsb2Hsv(color));
}

@@ -32,5 +50,5 @@ (0, _createClass2.default)(Color, [{

var hsb = this.toHsb();
var saturation = (0, _util.getRoundNumber)(hsb.s * 100);
var lightness = (0, _util.getRoundNumber)(hsb.b * 100);
var hue = (0, _util.getRoundNumber)(hsb.h);
var saturation = getRoundNumber(hsb.s * 100);
var lightness = getRoundNumber(hsb.b * 100);
var hue = getRoundNumber(hsb.h);
var alpha = hsb.a;

@@ -52,3 +70,3 @@ var hsbString = "hsb(".concat(hue, ", ").concat(saturation, "%, ").concat(lightness, "%)");

v = _hsv.v,
resets = (0, _objectWithoutProperties2.default)(_hsv, _excluded);
resets = (0, _objectWithoutProperties2.default)(_hsv, _excluded2);
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resets), {}, {

@@ -55,0 +73,0 @@ b: hsv.v

@@ -1,7 +0,4 @@

import type { ColorInput } from '@ctrl/tinycolor';
import { Color } from './color';
import type { ColorGenInput, HsbaColorType, TransformOffset } from './interface';
export declare const ColorPickerPrefixCls = "rc-color-picker";
export declare const getRoundNumber: (value: number) => number;
export declare const convertHsb2Hsv: (color: ColorGenInput) => ColorInput;
export declare const generateColor: (color: ColorGenInput) => Color;

@@ -8,0 +5,0 @@ export declare const defaultColor: Color;

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

});
exports.getRoundNumber = exports.generateColor = exports.defaultColor = exports.convertHsb2Hsv = exports.calculateOffset = exports.calculateColor = exports.ColorPickerPrefixCls = void 0;
exports.generateColor = exports.defaultColor = exports.calculateOffset = exports.calculateColor = exports.ColorPickerPrefixCls = void 0;
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
var _color = require("./color");
var _excluded = ["b"];
var ColorPickerPrefixCls = 'rc-color-picker';
exports.ColorPickerPrefixCls = ColorPickerPrefixCls;
var getRoundNumber = function getRoundNumber(value) {
return Math.round(Number(value || 0));
};
exports.getRoundNumber = getRoundNumber;
var convertHsb2Hsv = function convertHsb2Hsv(color) {
if (color && (0, _typeof2.default)(color) === 'object' && 'h' in color && 'b' in color) {
var _ref = color,
b = _ref.b,
resets = (0, _objectWithoutProperties2.default)(_ref, _excluded);
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resets), {}, {
v: b
});
}
if (typeof color === 'string' && /hsb/.test(color)) {
return color.replace(/hsb/, 'hsv');
}
return color;
};
exports.convertHsb2Hsv = convertHsb2Hsv;
var generateColor = function generateColor(color) {

@@ -36,0 +14,0 @@ if (color instanceof _color.Color) {

{
"name": "@rc-component/color-picker",
"version": "1.2.0",
"version": "1.3.0",
"description": "React Color Picker",

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

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