@chief-editor/ui/lib/components/color-panel/index.js

UI Component for chief editor

"use strict";var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)},__rest=this&&this.__rest||function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(r[o[a]]=e[o[a]])}return r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});var color_1=require("@rc-hooks/color"),react_1=__importDefault(require("react")),ColorContent_1=require("./components/ColorContent"),Hue_1=require("./Hue"),Saturation_1=require("./Saturation");function ColorPanel(e){var t=e.children,r=e.onChange,o=e.onValueChange,a=e.value,n=e.hasAlpha,l=e.format,u=void 0===l?"hex":l,i=__rest(e,["children","onChange","onValueChange","value","hasAlpha","format"]);return react_1.default.createElement(color_1.RcColor,{hasAlpha:n,value:a,format:u,onChange:r,onValueChange:o},react_1.default.createElement(ColorContent_1.ColorContent,__assign({hasAlpha:n},i),t))}exports.ColorPanel=ColorPanel,ColorPanel.Hue=Hue_1.Hue,ColorPanel.Saturation=Saturation_1.Saturation;