@corva/ui 0.100.0-6 → 0.100.0-7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs-bundle/components/ColorPicker/ColorPicker.js +1 -1
- package/cjs-bundle/components/ColorPicker/ColorPicketUtils.js +1 -1
- package/cjs-bundle/components/ColorPicker/PaletteChromePicker/Palette/PaletteConstants.js +1 -1
- package/cjs-bundle/components/ColorPicker/PaletteChromePicker/PaletteChromePicker.js +1 -1
- package/components/ColorPicker/ColorPicker.d.ts.map +1 -1
- package/components/ColorPicker/ColorPicker.js +1 -1
- package/components/ColorPicker/ColorPicketUtils.d.ts.map +1 -1
- package/components/ColorPicker/ColorPicketUtils.js +1 -1
- package/components/ColorPicker/PaletteChromePicker/Palette/PaletteConstants.js +1 -1
- package/components/ColorPicker/PaletteChromePicker/PaletteChromePicker.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var o=require('./../../ext-esm/tslib/tslib.es6.js'),e=require("react/jsx-runtime"),r=require("react"),n=require("@material-ui/core"),t=require("chroma-js"),i=require("classnames"),c=require("./PaletteChromePicker/PaletteChromePicker.js"),s=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js");var a=require("./ColorPicketUtils.js");function l(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var u=l(t),d=l(i),p={rgba:function(o){return"rgba(".concat(o.rgb.r,", ").concat(o.rgb.g,", ").concat(o.rgb.b,", ").concat(o.rgb.a,")")},rgb:function(o){return"rgb(".concat(o.rgb.r,", ").concat(o.rgb.g,", ").concat(o.rgb.b,")")},hex:function(o){return o.hex},rgba_rgb:function(o){return 1===o.rgb.a?p.rgb(o):p.rgba(o)},rgba_hex:function(o){return 1===o.rgb.a?p.hex(o):p.rgba(o)}},b=n.makeStyles({root:{position:"relative",display:"flex"},topLabelRoot:{flexDirection:"column"},rightLabelRoot:{flexDirection:"row-reverse",justifyContent:"flex-end",alignItems:"center"},button:{width:"36px",height:"24px",boxShadow:"0px 3px 6px rgba(0, 0, 0, 0.161)",borderRadius:"
|
|
1
|
+
"use strict";var o=require('./../../ext-esm/tslib/tslib.es6.js'),e=require("react/jsx-runtime"),r=require("react"),n=require("@material-ui/core"),t=require("chroma-js"),i=require("classnames"),c=require("./PaletteChromePicker/PaletteChromePicker.js"),s=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js");var a=require("./ColorPicketUtils.js");function l(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var u=l(t),d=l(i),p={rgba:function(o){return"rgba(".concat(o.rgb.r,", ").concat(o.rgb.g,", ").concat(o.rgb.b,", ").concat(o.rgb.a,")")},rgb:function(o){return"rgb(".concat(o.rgb.r,", ").concat(o.rgb.g,", ").concat(o.rgb.b,")")},hex:function(o){return o.hex},rgba_rgb:function(o){return 1===o.rgb.a?p.rgb(o):p.rgba(o)},rgba_hex:function(o){return 1===o.rgb.a?p.hex(o):p.rgba(o)}},b=n.makeStyles({root:{position:"relative",display:"flex"},topLabelRoot:{flexDirection:"column"},rightLabelRoot:{flexDirection:"row-reverse",justifyContent:"flex-end",alignItems:"center"},button:{width:"36px",height:"24px",boxShadow:"0px 3px 6px rgba(0, 0, 0, 0.161)",borderRadius:"8px",fontSize:"1rem"},buttonTransparent:{position:"relative",backgroundImage:"url(".concat("/static/media/39f55985e0da1489ad22264208b0493d.svg",")"),backgroundSize:"cover",backgroundPosition:"center","&::before":{content:'""',position:"absolute",display:"block",width:"100%",height:"3px",background:"#FF0000",transform:"rotate(148deg)",borderRadius:"2px"}},colorLensIcon:{position:"relative",zIndex:2},popper:{zIndex:1500},topLabel:{marginBottom:"8px",fontSize:"15px",lineHeight:"16px",letterSpacing:"0.4px",color:"#BDBDBD",whiteSpace:"nowrap"},rightLabel:{marginLeft:"8px",fontSize:"16px"}});module.exports=function(t){var i,l,g,m=t.label,h=void 0===m?"Color":m,f=t.value,x=t.converter,j=void 0===x?"rgba_hex":x,q=t.onChange,I=t.buttonClassName,v=t.popoverAnchorOrigin,C=void 0===v?{vertical:"bottom",horizontal:"left"}:v,k=t.popoverTransformOrigin,P=void 0===k?{vertical:"top",horizontal:"left"}:k,S=t.labelPosition,L=void 0===S?"top":S,z=t.hideLabel,R=void 0!==z&&z,B=t.pickerComponent,F=void 0===B?c:B,y=t.lensColor,T=t.enableTransparencyPalette,_=void 0!==T&&T,D=t["data-testid"],O=void 0===D?"ColorPicker":D,w=t.tooltipProps,E=void 0===w?{title:"Change color",children:null}:w,N=b(),A=r.useState(null),M=A[0],V=A[1],G=r.useState((function(){return a.getValidColor(f)||"#03BCD4"})),H=G[0],U=G[1],W=r.useRef(),Z=r.useState(null),J=Z[0],K=Z[1],Q=y||a.getButtonStrokeColor(J,H);r.useEffect((function(){var o=a.getValidColor(f);o?U(o):console.error("The color value(".concat(f,") is not valid, please check it."))}),[f]);return e.jsxs("div",{className:d.default(N.root,(i={},i[N.topLabelRoot]="top"===L,i[N.rightLabelRoot]="right"===L,i)),ref:function(o){return K(a.findParentBackground(o))},children:[!R&&e.jsx(n.InputLabel,{className:d.default((l={},l[N.topLabel]="top"===L,l[N.rightLabel]="right"===L,l)),shrink:!0,children:h}),e.jsx(n.Tooltip,o.__assign({title:E.title},E,{children:e.jsx(n.IconButton,{"data-testid":"".concat(O,"_icon_").concat(h),className:d.default(N.button,I,(g={},g[N.buttonTransparent]=0===u.default(H).alpha(),g)),disableRipple:!0,style:{backgroundColor:H,color:Q},onClick:function(o){V(o.currentTarget)},size:"small",children:e.jsx(s.PaletteIcon,{size:16,className:N.colorLensIcon})})})),e.jsx(n.Popover,{id:"colors-popper",action:W,open:Boolean(M),anchorEl:M,onClose:function(){V(null)},anchorOrigin:C,transformOrigin:P,children:e.jsx(F,{color:H,onChange:function(o){var e=p[j](o);U(e),q(e)},onSizeChange:function(){W.current&&W.current.updatePosition()},enableTransparencyPalette:_})})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("chroma-js"),r=require("validate-color");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=t(e),n=t(r);exports.findParentBackground=function(e){for(var r=e;r;){var t=getComputedStyle(r).backgroundColor;if(t&&"transparent"!==t&&"rgba(0, 0, 0, 0)"!==t)return t;r=r.parentElement}},exports.getButtonStrokeColor=function(e,r){if(!r)return"#fff";var t=a.default(r),n=Number(a.default(t).alpha());return 0===n||a.default.mix(e||"#414141",t.alpha(1),n).luminance()>.7?"#
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("chroma-js"),r=require("validate-color");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=t(e),n=t(r);exports.findParentBackground=function(e){for(var r=e;r;){var t=getComputedStyle(r).backgroundColor;if(t&&"transparent"!==t&&"rgba(0, 0, 0, 0)"!==t)return t;r=r.parentElement}},exports.getButtonStrokeColor=function(e,r){if(!r)return"#fff";var t=a.default(r),n=Number(a.default(t).alpha());return 0===n||a.default.mix(e||"#414141",t.alpha(1),n).luminance()>.7?"#000":"#fff"},exports.getValidColor=function(e){var r=null==e?void 0:e.trim();return r&&n.default(r)?r:null};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var F=["#CC3E20","#EE752F","#F9D649","#BBE749","#85D947","#5AC462","#51B6D1","#3C91E3","#3466F6","#5823E1","#9B2FF6","#B52C62","#7D909B","#EC4F27","#F19637","#FCE94F","#D2FC51","#9BFA4E","#69E282","#66E2FC","#4CAFF9","#3D7BF7","#5B33F5","#C336F0","#E1315A","#94A4AD","#EE764E","#F4AE56","#FFFE55","#E4FD67","#C3FC73","#8EECB3","#76FCFD","#67C3FA","#548BF7","#7456F6","#CF54F3","#EC5281","#B3BEC4"],E=F.map((function(F,E){return 0===E?"#00000000":F}));exports.TRANSPARENT_HEX="#00000000",exports.paletteColors=F,exports.paletteColorsWithTransparent=E;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),o=require("react"),s=require("react-color"),i=require("classnames"),c=require("@material-ui/core"),n=require("./Palette/Palette.js"),r=require("../../IconButton/index.js"),t=require("../../../icons/iconParkIcons.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js");var u=a(i),l="PALETTE",d="CHROME_PICKER",p={default:{picker:{width:"100%",boxShadow:"none"},body:{backgroundColor:"#3b3b3b",padding:"16px 16px 0"},color:{width:"32px",height:"32px",marginRight:"16px",borderRadius:"2px"},swatch:{marginTop:0,width:"100%",height:"100%",borderRadius:0,position:"relative",overflow:"hidden"},toggles:{display:"flex",flexDirection:"column",justifyContent:"space-between"},Alpha:{checkboard:{display:"none"},gradient:{borderRadius:"5px"}}}},m=c.makeStyles({container:{backgroundColor:"#3b3b3b",boxShadow:"0px 3px 10px rgba(0, 0, 0, 0.4)",
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),o=require("react"),s=require("react-color"),i=require("classnames"),c=require("@material-ui/core"),n=require("./Palette/Palette.js"),r=require("../../IconButton/index.js"),t=require("../../../icons/iconParkIcons.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js");var u=a(i),l="PALETTE",d="CHROME_PICKER",p={default:{picker:{width:"100%",boxShadow:"none"},body:{backgroundColor:"#3b3b3b",padding:"16px 16px 0"},color:{width:"32px",height:"32px",marginRight:"16px",borderRadius:"2px"},swatch:{marginTop:0,width:"100%",height:"100%",borderRadius:0,position:"relative",overflow:"hidden"},toggles:{display:"flex",flexDirection:"column",justifyContent:"space-between"},Alpha:{checkboard:{display:"none"},gradient:{borderRadius:"5px"}}}},m=c.makeStyles({container:{backgroundColor:"#3b3b3b",boxShadow:"0px 3px 10px rgba(0, 0, 0, 0.4)",paddingBottom:"8px",borderRadius:"4px",width:"250px","& input":{border:"1px solid #616161 !important",backgroundColor:"#3b3b3b",color:"#fff !important",boxShadow:"none !important",outline:"none"}},chromePickerPalette:{margin:"0 8px",paddingTop:"8px"},buttonsContainer:{display:"flex",justifyContent:"center",marginTop:"8px"},iconActive:{color:"#fff"},tooltip:{background:"#414141",color:"#fff",boxShadow:"0px 4px 4px rgba(0, 0, 0, 0.12)",borderRadius:"4px",opacity:1,fontSize:"11px"}}),x=o.forwardRef((function(i,a){var x,h,j=i.color,b=i.onChange,q=i.onSizeChange,f=i.enableTransparencyPalette,I=m(),C=o.useState(l),g=C[0],k=C[1];return o.useLayoutEffect(q,[g]),e.jsxs("div",{className:I.container,ref:a,children:[g===l&&e.jsx(n,{className:I.chromePickerPalette,color:j,onChange:b,enableTransparencyPalette:f}),g===d&&e.jsx(s.ChromePicker,{styles:p,color:j,onChange:b}),e.jsxs("div",{className:I.buttonsContainer,children:[e.jsx(c.Tooltip,{title:"Palette",classes:{tooltip:I.tooltip},children:e.jsx(r,{"data-testid":"".concat("PaletteChromePicker","_palette"),onClick:function(){return k(l)},children:e.jsx(t.PaletteIcon,{className:u.default((x={},x[I.iconActive]=g===l,x)),size:24})})}),e.jsx(c.Tooltip,{title:"Pick your own",classes:{tooltip:I.tooltip},children:e.jsx(r,{"data-testid":"".concat("PaletteChromePicker","_pickOwn"),onClick:function(){return k(d)},children:e.jsx(t.PickerIcon,{className:u.default((h={},h[I.iconActive]=g===d,h)),size:24})})})]})]})}));module.exports=x;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,
|
|
1
|
+
{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AACxD,OAAO,EAML,aAAa,EAEb,YAAY,EACb,MAAM,mBAAmB,CAAC;AAY3B,QAAA,MAAM,UAAU;;;;;;CAMf,CAAC;AA4DF,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IACpC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC3C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC,sBAAsB,CAAC,EAAE,aAAa,CAAC;CACxC,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAqGrC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as n,jsx as t}from"react/jsx-runtime";import{useState as r,useRef as i,useEffect as c}from"react";import{makeStyles as e,InputLabel as s,Tooltip as a,IconButton as l,Popover as p}from"@material-ui/core";import m from"chroma-js";import u from"classnames";import d from"./PaletteChromePicker/PaletteChromePicker.js";import{PaletteIcon as b}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import{getValidColor as g,getButtonStrokeColor as h,findParentBackground as f}from"./ColorPicketUtils.js";var x={rgba:function(o){return"rgba(".concat(o.rgb.r,", ").concat(o.rgb.g,", ").concat(o.rgb.b,", ").concat(o.rgb.a,")")},rgb:function(o){return"rgb(".concat(o.rgb.r,", ").concat(o.rgb.g,", ").concat(o.rgb.b,")")},hex:function(o){return o.hex},rgba_rgb:function(o){return 1===o.rgb.a?x.rgb(o):x.rgba(o)},rgba_hex:function(o){return 1===o.rgb.a?x.hex(o):x.rgba(o)}},I=e({root:{position:"relative",display:"flex"},topLabelRoot:{flexDirection:"column"},rightLabelRoot:{flexDirection:"row-reverse",justifyContent:"flex-end",alignItems:"center"},button:{width:"36px",height:"24px",boxShadow:"0px 3px 6px rgba(0, 0, 0, 0.161)",borderRadius:"
|
|
1
|
+
import{__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as n,jsx as t}from"react/jsx-runtime";import{useState as r,useRef as i,useEffect as c}from"react";import{makeStyles as e,InputLabel as s,Tooltip as a,IconButton as l,Popover as p}from"@material-ui/core";import m from"chroma-js";import u from"classnames";import d from"./PaletteChromePicker/PaletteChromePicker.js";import{PaletteIcon as b}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import{getValidColor as g,getButtonStrokeColor as h,findParentBackground as f}from"./ColorPicketUtils.js";var x={rgba:function(o){return"rgba(".concat(o.rgb.r,", ").concat(o.rgb.g,", ").concat(o.rgb.b,", ").concat(o.rgb.a,")")},rgb:function(o){return"rgb(".concat(o.rgb.r,", ").concat(o.rgb.g,", ").concat(o.rgb.b,")")},hex:function(o){return o.hex},rgba_rgb:function(o){return 1===o.rgb.a?x.rgb(o):x.rgba(o)},rgba_hex:function(o){return 1===o.rgb.a?x.hex(o):x.rgba(o)}},I=e({root:{position:"relative",display:"flex"},topLabelRoot:{flexDirection:"column"},rightLabelRoot:{flexDirection:"row-reverse",justifyContent:"flex-end",alignItems:"center"},button:{width:"36px",height:"24px",boxShadow:"0px 3px 6px rgba(0, 0, 0, 0.161)",borderRadius:"8px",fontSize:"1rem"},buttonTransparent:{position:"relative",backgroundImage:"url(".concat("/static/media/39f55985e0da1489ad22264208b0493d.svg",")"),backgroundSize:"cover",backgroundPosition:"center","&::before":{content:'""',position:"absolute",display:"block",width:"100%",height:"3px",background:"#FF0000",transform:"rotate(148deg)",borderRadius:"2px"}},colorLensIcon:{position:"relative",zIndex:2},popper:{zIndex:1500},topLabel:{marginBottom:"8px",fontSize:"15px",lineHeight:"16px",letterSpacing:"0.4px",color:"#BDBDBD",whiteSpace:"nowrap"},rightLabel:{marginLeft:"8px",fontSize:"16px"}}),j=function(e){var j,v,C,k=e.label,L=void 0===k?"Color":k,P=e.value,z=e.converter,R=void 0===z?"rgba_hex":z,S=e.onChange,F=e.buttonClassName,D=e.popoverAnchorOrigin,O=void 0===D?{vertical:"bottom",horizontal:"left"}:D,T=e.popoverTransformOrigin,w=void 0===T?{vertical:"top",horizontal:"left"}:T,y=e.labelPosition,B=void 0===y?"top":y,_=e.hideLabel,N=void 0!==_&&_,A=e.pickerComponent,E=void 0===A?d:A,M=e.lensColor,q=e.enableTransparencyPalette,G=void 0!==q&&q,H=e["data-testid"],U=void 0===H?"ColorPicker":H,W=e.tooltipProps,Z=void 0===W?{title:"Change color",children:null}:W,J=I(),K=r(null),Q=K[0],V=K[1],X=r((function(){return g(P)||"#03BCD4"})),Y=X[0],$=X[1],oo=i(),no=r(null),to=no[0],ro=no[1],io=M||h(to,Y);c((function(){var o=g(P);o?$(o):console.error("The color value(".concat(P,") is not valid, please check it."))}),[P]);return n("div",{className:u(J.root,(j={},j[J.topLabelRoot]="top"===B,j[J.rightLabelRoot]="right"===B,j)),ref:function(o){return ro(f(o))},children:[!N&&t(s,{className:u((v={},v[J.topLabel]="top"===B,v[J.rightLabel]="right"===B,v)),shrink:!0,children:L}),t(a,o({title:Z.title},Z,{children:t(l,{"data-testid":"".concat(U,"_icon_").concat(L),className:u(J.button,F,(C={},C[J.buttonTransparent]=0===m(Y).alpha(),C)),disableRipple:!0,style:{backgroundColor:Y,color:io},onClick:function(o){V(o.currentTarget)},size:"small",children:t(b,{size:16,className:J.colorLensIcon})})})),t(p,{id:"colors-popper",action:oo,open:Boolean(Q),anchorEl:Q,onClose:function(){V(null)},anchorOrigin:O,transformOrigin:w,children:t(E,{color:Y,onChange:function(o){var n=x[R](o);$(n),S(n)},onSizeChange:function(){oo.current&&oo.current.updatePosition()},enableTransparencyPalette:G})})]})};export{j as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPicketUtils.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicketUtils.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,oBAAoB,OAAQ,WAAW,GAAG,IAAI,KAAG,MAS7D,CAAC;AAEF,eAAO,MAAM,oBAAoB,YAAa,MAAM,eAAe,MAAM,KAAG,MAiB3E,
|
|
1
|
+
{"version":3,"file":"ColorPicketUtils.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicketUtils.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,oBAAoB,OAAQ,WAAW,GAAG,IAAI,KAAG,MAS7D,CAAC;AAEF,eAAO,MAAM,oBAAoB,YAAa,MAAM,eAAe,MAAM,KAAG,MAiB3E,CAAC;AAEF,eAAO,MAAM,aAAa,UAAW,MAAM,KAAG,MAAM,GAAG,IAMtD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import r from"chroma-js";import n from"validate-color";var t=function(r){for(var n=r;n;){var t=getComputedStyle(n).backgroundColor;if(t&&"transparent"!==t&&"rgba(0, 0, 0, 0)"!==t)return t;n=n.parentElement}},a=function(n,t){if(!t)return"#fff";var a=r(t),o=Number(r(a).alpha());return 0===o||r.mix(n||"#414141",a.alpha(1),o).luminance()>.7?"#
|
|
1
|
+
import r from"chroma-js";import n from"validate-color";var t=function(r){for(var n=r;n;){var t=getComputedStyle(n).backgroundColor;if(t&&"transparent"!==t&&"rgba(0, 0, 0, 0)"!==t)return t;n=n.parentElement}},a=function(n,t){if(!t)return"#fff";var a=r(t),o=Number(r(a).alpha());return 0===o||r.mix(n||"#414141",a.alpha(1),o).luminance()>.7?"#000":"#fff"},o=function(r){var t=null==r?void 0:r.trim();return t&&n(t)?t:null};export{t as findParentBackground,a as getButtonStrokeColor,o as getValidColor};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var F=["#CC3E20","#EE752F","#F9D649","#BBE749","#85D947","#5AC462","#51B6D1","#3C91E3","#3466F6","#5823E1","#9B2FF6","#B52C62","#7D909B","#EC4F27","#F19637","#FCE94F","#D2FC51","#9BFA4E","#69E282","#66E2FC","#4CAFF9","#3D7BF7","#5B33F5","#C336F0","#E1315A","#94A4AD","#EE764E","#F4AE56","#FFFE55","#E4FD67","#C3FC73","#8EECB3","#76FCFD","#67C3FA","#548BF7","#7456F6","#CF54F3","#EC5281","#B3BEC4"],E="#00000000",C=F.map((function(F,E){return 0===E?"#00000000":F}));export{E as TRANSPARENT_HEX,F as paletteColors,C as paletteColorsWithTransparent};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as o,jsx as i}from"react/jsx-runtime";import{forwardRef as s,useState as c,useLayoutEffect as n}from"react";import{ChromePicker as t}from"react-color";import e from"classnames";import{makeStyles as r,Tooltip as a}from"@material-ui/core";import p from"./Palette/Palette.js";import m from"../../IconButton/index.js";import{PaletteIcon as l,PickerIcon as d}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";var u="PALETTE",h="CHROME_PICKER",b={default:{picker:{width:"100%",boxShadow:"none"},body:{backgroundColor:"#3b3b3b",padding:"16px 16px 0"},color:{width:"32px",height:"32px",marginRight:"16px",borderRadius:"2px"},swatch:{marginTop:0,width:"100%",height:"100%",borderRadius:0,position:"relative",overflow:"hidden"},toggles:{display:"flex",flexDirection:"column",justifyContent:"space-between"},Alpha:{checkboard:{display:"none"},gradient:{borderRadius:"5px"}}}},x=r({container:{backgroundColor:"#3b3b3b",boxShadow:"0px 3px 10px rgba(0, 0, 0, 0.4)",
|
|
1
|
+
import{jsxs as o,jsx as i}from"react/jsx-runtime";import{forwardRef as s,useState as c,useLayoutEffect as n}from"react";import{ChromePicker as t}from"react-color";import e from"classnames";import{makeStyles as r,Tooltip as a}from"@material-ui/core";import p from"./Palette/Palette.js";import m from"../../IconButton/index.js";import{PaletteIcon as l,PickerIcon as d}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";var u="PALETTE",h="CHROME_PICKER",b={default:{picker:{width:"100%",boxShadow:"none"},body:{backgroundColor:"#3b3b3b",padding:"16px 16px 0"},color:{width:"32px",height:"32px",marginRight:"16px",borderRadius:"2px"},swatch:{marginTop:0,width:"100%",height:"100%",borderRadius:0,position:"relative",overflow:"hidden"},toggles:{display:"flex",flexDirection:"column",justifyContent:"space-between"},Alpha:{checkboard:{display:"none"},gradient:{borderRadius:"5px"}}}},x=r({container:{backgroundColor:"#3b3b3b",boxShadow:"0px 3px 10px rgba(0, 0, 0, 0.4)",paddingBottom:"8px",borderRadius:"4px",width:"250px","& input":{border:"1px solid #616161 !important",backgroundColor:"#3b3b3b",color:"#fff !important",boxShadow:"none !important",outline:"none"}},chromePickerPalette:{margin:"0 8px",paddingTop:"8px"},buttonsContainer:{display:"flex",justifyContent:"center",marginTop:"8px"},iconActive:{color:"#fff"},tooltip:{background:"#414141",color:"#fff",boxShadow:"0px 4px 4px rgba(0, 0, 0, 0.12)",borderRadius:"4px",opacity:1,fontSize:"11px"}}),f=s((function(s,r){var f,j,C=s.color,I=s.onChange,g=s.onSizeChange,k=s.enableTransparencyPalette,P=x(),w=c(u),y=w[0],R=w[1];return n(g,[y]),o("div",{className:P.container,ref:r,children:[y===u&&i(p,{className:P.chromePickerPalette,color:C,onChange:I,enableTransparencyPalette:k}),y===h&&i(t,{styles:b,color:C,onChange:I}),o("div",{className:P.buttonsContainer,children:[i(a,{title:"Palette",classes:{tooltip:P.tooltip},children:i(m,{"data-testid":"".concat("PaletteChromePicker","_palette"),onClick:function(){return R(u)},children:i(l,{className:e((f={},f[P.iconActive]=y===u,f)),size:24})})}),i(a,{title:"Pick your own",classes:{tooltip:P.tooltip},children:i(m,{"data-testid":"".concat("PaletteChromePicker","_pickOwn"),onClick:function(){return R(h)},children:i(d,{className:e((j={},j[P.iconActive]=y===h,j)),size:24})})})]})]})}));export{f as default};
|