infinity-forge 3.8.8 → 3.8.9

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.
Files changed (64) hide show
  1. package/dist/infinity-forge.css +0 -3
  2. package/dist/test/index.js +41 -1
  3. package/dist/test/index.js.map +1 -1
  4. package/dist/ui/components/form/index.d.ts +1 -0
  5. package/dist/ui/components/form/index.js +1 -0
  6. package/dist/ui/components/form/index.js.map +1 -1
  7. package/dist/ui/components/form/input-color/index.d.ts +2 -0
  8. package/dist/ui/components/form/input-color/index.js +35 -0
  9. package/dist/ui/components/form/input-color/index.js.map +1 -0
  10. package/dist/ui/components/form/input-color/react-input-color-lib/components/Alpha/Alpha.d.ts +5 -0
  11. package/dist/ui/components/form/input-color/react-input-color-lib/components/Alpha/Alpha.js +45 -0
  12. package/dist/ui/components/form/input-color/react-input-color-lib/components/Alpha/Alpha.js.map +1 -0
  13. package/dist/ui/components/form/input-color/react-input-color-lib/components/Alpha/Alpha.style.d.ts +6 -0
  14. package/dist/ui/components/form/input-color/react-input-color-lib/components/Alpha/Alpha.style.js +52 -0
  15. package/dist/ui/components/form/input-color/react-input-color-lib/components/Alpha/Alpha.style.js.map +1 -0
  16. package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorList/ColorList.d.ts +10 -0
  17. package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorList/ColorList.js +45 -0
  18. package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorList/ColorList.js.map +1 -0
  19. package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorList/ColorList.style.d.ts +8 -0
  20. package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorList/ColorList.style.js +64 -0
  21. package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorList/ColorList.style.js.map +1 -0
  22. package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorPicker/ColorPicker.d.ts +13 -0
  23. package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorPicker/ColorPicker.js +109 -0
  24. package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorPicker/ColorPicker.js.map +1 -0
  25. package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorPicker/ColorPicker.style.d.ts +9 -0
  26. package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorPicker/ColorPicker.style.js +58 -0
  27. package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorPicker/ColorPicker.style.js.map +1 -0
  28. package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorPicker/helper.d.ts +3 -0
  29. package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorPicker/helper.js +55 -0
  30. package/dist/ui/components/form/input-color/react-input-color-lib/components/ColorPicker/helper.js.map +1 -0
  31. package/dist/ui/components/form/input-color/react-input-color-lib/components/Hue/Hue.d.ts +7 -0
  32. package/dist/ui/components/form/input-color/react-input-color-lib/components/Hue/Hue.js +45 -0
  33. package/dist/ui/components/form/input-color/react-input-color-lib/components/Hue/Hue.js.map +1 -0
  34. package/dist/ui/components/form/input-color/react-input-color-lib/components/Hue/Hue.style.d.ts +4 -0
  35. package/dist/ui/components/form/input-color/react-input-color-lib/components/Hue/Hue.style.js +30 -0
  36. package/dist/ui/components/form/input-color/react-input-color-lib/components/Hue/Hue.style.js.map +1 -0
  37. package/dist/ui/components/form/input-color/react-input-color-lib/components/Input/Input.d.ts +16 -0
  38. package/dist/ui/components/form/input-color/react-input-color-lib/components/Input/Input.js +53 -0
  39. package/dist/ui/components/form/input-color/react-input-color-lib/components/Input/Input.js.map +1 -0
  40. package/dist/ui/components/form/input-color/react-input-color-lib/components/Input/Input.style.d.ts +5 -0
  41. package/dist/ui/components/form/input-color/react-input-color-lib/components/Input/Input.style.js +38 -0
  42. package/dist/ui/components/form/input-color/react-input-color-lib/components/Input/Input.style.js.map +1 -0
  43. package/dist/ui/components/form/input-color/react-input-color-lib/components/PresetList/PresetList.d.ts +8 -0
  44. package/dist/ui/components/form/input-color/react-input-color-lib/components/PresetList/PresetList.js +57 -0
  45. package/dist/ui/components/form/input-color/react-input-color-lib/components/PresetList/PresetList.js.map +1 -0
  46. package/dist/ui/components/form/input-color/react-input-color-lib/components/Saturation/Saturation.d.ts +7 -0
  47. package/dist/ui/components/form/input-color/react-input-color-lib/components/Saturation/Saturation.js +57 -0
  48. package/dist/ui/components/form/input-color/react-input-color-lib/components/Saturation/Saturation.js.map +1 -0
  49. package/dist/ui/components/form/input-color/react-input-color-lib/components/Saturation/Saturation.style.d.ts +5 -0
  50. package/dist/ui/components/form/input-color/react-input-color-lib/components/Saturation/Saturation.style.js +35 -0
  51. package/dist/ui/components/form/input-color/react-input-color-lib/components/Saturation/Saturation.style.js.map +1 -0
  52. package/dist/ui/components/form/input-color/react-input-color-lib/hooks/usePosition.d.ts +13 -0
  53. package/dist/ui/components/form/input-color/react-input-color-lib/hooks/usePosition.js +47 -0
  54. package/dist/ui/components/form/input-color/react-input-color-lib/hooks/usePosition.js.map +1 -0
  55. package/dist/ui/components/form/input-color/react-input-color-lib/index.d.ts +7 -0
  56. package/dist/ui/components/form/input-color/react-input-color-lib/index.js +14 -0
  57. package/dist/ui/components/form/input-color/react-input-color-lib/index.js.map +1 -0
  58. package/dist/ui/components/form/input-color/react-input-color-lib/themes.d.ts +7 -0
  59. package/dist/ui/components/form/input-color/react-input-color-lib/themes.js +24 -0
  60. package/dist/ui/components/form/input-color/react-input-color-lib/themes.js.map +1 -0
  61. package/dist/ui/components/form/input-color/react-input-color-lib/types.d.ts +39 -0
  62. package/dist/ui/components/form/input-color/react-input-color-lib/types.js +3 -0
  63. package/dist/ui/components/form/input-color/react-input-color-lib/types.js.map +1 -0
  64. package/package.json +2 -1
@@ -1,5 +1,2 @@
1
1
  a{text-decoration:unset}html{font-size:10px!important}a,address,b,h1,h2,h3,h4,h5,i,label,li,p,span,strong,td,time{margin-bottom:0;text-rendering:optimizeLegibility!important}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}[class*=-bold]{font-weight:700}[class*=-semibold]{font-weight:600}[class*=-medium]{font-weight:500}[class*=-regular]{font-weight:400}[class*=-light]{font-weight:300}[class*=font-80]{font-size:8rem}[class*=font-72]{font-size:7.2rem}[class*=font-70]{font-size:7rem}[class*=font-64]{font-size:6.4rem}[class*=font-50]{font-size:5rem}[class*=font-48]{font-size:4.8rem}[class*=font-40]{font-size:4rem}[class*=font-36]{font-size:3.6rem}[class*=font-32]{font-size:3.2rem}[class*=font-24]{font-size:2.4rem}[class*=font-20]{font-size:2rem}[class*=font-18]{font-size:1.8rem}[class*=font-16]{font-size:1.6rem}[class*=font-15]{font-size:1.5rem}[class*=font-14]{font-size:1.4rem}[class*=font-13]{font-size:1.3rem}[class*=font-12]{font-size:1.2rem}@media only screen and (max-width:1600px){[class*=font-80]{font-size:6rem}[class*=font-72]{font-size:5.8rem}[class*=font-70]{font-size:5.5rem}[class*=font-64]{font-size:6rem}[class*=font-50]{font-size:4.8rem}[class*=font-48]{font-size:4.4rem}[class*=font-40]{font-size:3.8rem}[class*=font-32]{font-size:3rem}[class*=font-24]{font-size:2.3rem}[class*=font-20]{font-size:1.9rem}[class*=font-18]{font-size:1.7rem}[class*=font-16]{font-size:1.55rem}}@media only screen and (max-width:1400px){[class*=font-80]{font-size:5.4rem}[class*=font-72]{font-size:5.2rem}[class*=font-70]{font-size:4.9rem}[class*=font-64]{font-size:5.6rem}[class*=font-50]{font-size:4.6rem}[class*=font-48]{font-size:4.2rem}[class*=font-40]{font-size:3.6rem}[class*=font-32]{font-size:2.8rem}[class*=font-24]{font-size:2rem}[class*=font-20]{font-size:1.8rem}[class*=font-18]{font-size:1.65rem}[class*=font-16]{font-size:1.5rem}[class*=font-13]{font-size:1.25rem}}@media only screen and (max-width:1200px){[class*=font-80]{font-size:5.5rem}[class*=font-72]{font-size:4.8rem}[class*=font-70]{font-size:4.6rem}[class*=font-64]{font-size:5.2rem}[class*=font-50]{font-size:4.2rem}[class*=font-48]{font-size:4rem}[class*=font-40]{font-size:3.2rem}[class*=font-32]{font-size:2.4rem}[class*=font-24]{font-size:1.9rem}[class*=font-20]{font-size:1.75rem}[class*=font-18]{font-size:1.6rem}[class*=font-16]{font-size:1.45rem}[class*=font-13]{font-size:1.2rem}}@media only screen and (max-width:1024px){[class*=font-80]{font-size:5.2rem}[class*=font-72]{font-size:4.5rem}[class*=font-70]{font-size:4.3rem}[class*=font-64]{font-size:4.4rem}[class*=font-50]{font-size:4rem}[class*=font-48]{font-size:3.8rem}[class*=font-40]{font-size:3rem}[class*=font-32]{font-size:2.2rem}[class*=font-24]{font-size:1.8rem}[class*=font-20]{font-size:1.7rem}[class*=font-18]{font-size:1.55rem}[class*=font-16]{font-size:1.35rem}[class*=font-14]{font-size:1.3rem}}@media only screen and (max-width:900px){[class*=font-80]{font-size:5rem}[class*=font-72]{font-size:3.8rem}[class*=font-70]{font-size:3.6rem}[class*=font-64]{font-size:3.8rem}[class*=font-48]{font-size:3.6rem}[class*=font-40]{font-size:2.8rem}[class*=font-32]{font-size:2rem}}@media only screen and (max-width:768px){[class*=font-80]{font-size:4.5rem}[class*=font-72]{font-size:3.5rem}[class*=font-70]{font-size:3rem}[class*=font-64]{font-size:3.4rem}[class*=font-50]{font-size:3.8rem}[class*=font-48]{font-size:3.4rem}[class*=font-40]{font-size:2.6rem}[class*=font-32]{font-size:1.9rem}[class*=font-24]{font-size:1.7rem}[class*=font-20]{font-size:1.65rem}[class*=font-18]{font-size:1.5rem}[class*=font-16]{font-size:1.35rem}[class*=font-13]{font-size:1.15rem}}@media only screen and (max-width:650px){[class*=font-80]{font-size:4rem}[class*=font-64]{font-size:3.2rem}[class*=font-50]{font-size:3.5rem}[class*=font-48]{font-size:3.2rem}[class*=font-40]{font-size:2.5rem}[class*=font-32]{font-size:1.8rem}[class*=font-24]{font-size:1.65rem}[class*=font-18]{font-size:1.4rem}[class*=font-16]{font-size:1.3rem}}@media only screen and (max-width:500px){[class*=font-80]{font-size:3.5rem}[class*=font-64]{font-size:2.8rem}[class*=font-50]{font-size:3rem}[class*=font-48]{font-size:2.8rem}[class*=font-40]{font-size:2.3rem}[class*=font-24]{font-size:1.6rem}[class*=font-18]{font-size:1.25rem}[class*=font-16]{font-size:1.2rem}[class*=font-14]{font-size:1.2rem}}@media only screen and (max-width:390px){[class*=font-80]{font-size:3rem}[class*=font-72]{font-size:3rem}[class*=font-64]{font-size:2.6rem}[class*=font-50]{font-size:2.8rem}[class*=font-48]{font-size:2.6rem}[class*=font-40]{font-size:2.1rem}[class*=font-32]{font-size:1.7rem}[class*=font-24]{font-size:1.4rem}[class*=font-18]{font-size:1.2rem}}*,:after,:before{box-sizing:border-box}html{font-family:Roboto,sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{background-color:#fff;color:#212529;font-family:Roboto,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-align:left}[tabindex="-1"]:focus{outline:none!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{background-color:transparent;color:#007bff;text-decoration:none;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-bottom:1rem;margin-top:0;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{border-style:none;vertical-align:middle}svg:not(:root){overflow:hidden}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse}caption{caption-side:bottom;color:#868e96;padding-bottom:.75rem;padding-top:.75rem;text-align:left}th{text-align:inherit}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5rem;line-height:inherit;margin-bottom:.5rem;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}ul,ul li{list-style-type:none;padding-left:0}@keyframes placeHolderShimmer{0%{background-position:0 0}to{background-position:100vw 0}}
2
- a{text-decoration:unset}html{font-size:10px!important}a,address,b,h1,h2,h3,h4,h5,i,label,li,p,span,strong,td,time{margin-bottom:0;text-rendering:optimizeLegibility!important}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}[class*=-bold]{font-weight:700}[class*=-semibold]{font-weight:600}[class*=-medium]{font-weight:500}[class*=-regular]{font-weight:400}[class*=-light]{font-weight:300}[class*=font-80]{font-size:8rem}[class*=font-72]{font-size:7.2rem}[class*=font-70]{font-size:7rem}[class*=font-64]{font-size:6.4rem}[class*=font-50]{font-size:5rem}[class*=font-48]{font-size:4.8rem}[class*=font-40]{font-size:4rem}[class*=font-36]{font-size:3.6rem}[class*=font-32]{font-size:3.2rem}[class*=font-24]{font-size:2.4rem}[class*=font-20]{font-size:2rem}[class*=font-18]{font-size:1.8rem}[class*=font-16]{font-size:1.6rem}[class*=font-15]{font-size:1.5rem}[class*=font-14]{font-size:1.4rem}[class*=font-13]{font-size:1.3rem}[class*=font-12]{font-size:1.2rem}@media only screen and (max-width:1600px){[class*=font-80]{font-size:6rem}[class*=font-72]{font-size:5.8rem}[class*=font-70]{font-size:5.5rem}[class*=font-64]{font-size:6rem}[class*=font-50]{font-size:4.8rem}[class*=font-48]{font-size:4.4rem}[class*=font-40]{font-size:3.8rem}[class*=font-32]{font-size:3rem}[class*=font-24]{font-size:2.3rem}[class*=font-20]{font-size:1.9rem}[class*=font-18]{font-size:1.7rem}[class*=font-16]{font-size:1.55rem}}@media only screen and (max-width:1400px){[class*=font-80]{font-size:5.4rem}[class*=font-72]{font-size:5.2rem}[class*=font-70]{font-size:4.9rem}[class*=font-64]{font-size:5.6rem}[class*=font-50]{font-size:4.6rem}[class*=font-48]{font-size:4.2rem}[class*=font-40]{font-size:3.6rem}[class*=font-32]{font-size:2.8rem}[class*=font-24]{font-size:2rem}[class*=font-20]{font-size:1.8rem}[class*=font-18]{font-size:1.65rem}[class*=font-16]{font-size:1.5rem}[class*=font-13]{font-size:1.25rem}}@media only screen and (max-width:1200px){[class*=font-80]{font-size:5.5rem}[class*=font-72]{font-size:4.8rem}[class*=font-70]{font-size:4.6rem}[class*=font-64]{font-size:5.2rem}[class*=font-50]{font-size:4.2rem}[class*=font-48]{font-size:4rem}[class*=font-40]{font-size:3.2rem}[class*=font-32]{font-size:2.4rem}[class*=font-24]{font-size:1.9rem}[class*=font-20]{font-size:1.75rem}[class*=font-18]{font-size:1.6rem}[class*=font-16]{font-size:1.45rem}[class*=font-13]{font-size:1.2rem}}@media only screen and (max-width:1024px){[class*=font-80]{font-size:5.2rem}[class*=font-72]{font-size:4.5rem}[class*=font-70]{font-size:4.3rem}[class*=font-64]{font-size:4.4rem}[class*=font-50]{font-size:4rem}[class*=font-48]{font-size:3.8rem}[class*=font-40]{font-size:3rem}[class*=font-32]{font-size:2.2rem}[class*=font-24]{font-size:1.8rem}[class*=font-20]{font-size:1.7rem}[class*=font-18]{font-size:1.55rem}[class*=font-16]{font-size:1.35rem}[class*=font-14]{font-size:1.3rem}}@media only screen and (max-width:900px){[class*=font-80]{font-size:5rem}[class*=font-72]{font-size:3.8rem}[class*=font-70]{font-size:3.6rem}[class*=font-64]{font-size:3.8rem}[class*=font-48]{font-size:3.6rem}[class*=font-40]{font-size:2.8rem}[class*=font-32]{font-size:2rem}}@media only screen and (max-width:768px){[class*=font-80]{font-size:4.5rem}[class*=font-72]{font-size:3.5rem}[class*=font-70]{font-size:3rem}[class*=font-64]{font-size:3.4rem}[class*=font-50]{font-size:3.8rem}[class*=font-48]{font-size:3.4rem}[class*=font-40]{font-size:2.6rem}[class*=font-32]{font-size:1.9rem}[class*=font-24]{font-size:1.7rem}[class*=font-20]{font-size:1.65rem}[class*=font-18]{font-size:1.5rem}[class*=font-16]{font-size:1.35rem}[class*=font-13]{font-size:1.15rem}}@media only screen and (max-width:650px){[class*=font-80]{font-size:4rem}[class*=font-64]{font-size:3.2rem}[class*=font-50]{font-size:3.5rem}[class*=font-48]{font-size:3.2rem}[class*=font-40]{font-size:2.5rem}[class*=font-32]{font-size:1.8rem}[class*=font-24]{font-size:1.65rem}[class*=font-18]{font-size:1.4rem}[class*=font-16]{font-size:1.3rem}}@media only screen and (max-width:500px){[class*=font-80]{font-size:3.5rem}[class*=font-64]{font-size:2.8rem}[class*=font-50]{font-size:3rem}[class*=font-48]{font-size:2.8rem}[class*=font-40]{font-size:2.3rem}[class*=font-24]{font-size:1.6rem}[class*=font-18]{font-size:1.25rem}[class*=font-16]{font-size:1.2rem}[class*=font-14]{font-size:1.2rem}}@media only screen and (max-width:390px){[class*=font-80]{font-size:3rem}[class*=font-72]{font-size:3rem}[class*=font-64]{font-size:2.6rem}[class*=font-50]{font-size:2.8rem}[class*=font-48]{font-size:2.6rem}[class*=font-40]{font-size:2.1rem}[class*=font-32]{font-size:1.7rem}[class*=font-24]{font-size:1.4rem}[class*=font-18]{font-size:1.2rem}}*,:after,:before{box-sizing:border-box}html{font-family:Roboto,sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{background-color:#fff;color:#212529;font-family:Roboto,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-align:left}[tabindex="-1"]:focus{outline:none!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{background-color:transparent;color:#007bff;text-decoration:none;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-bottom:1rem;margin-top:0;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{border-style:none;vertical-align:middle}svg:not(:root){overflow:hidden}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse}caption{caption-side:bottom;color:#868e96;padding-bottom:.75rem;padding-top:.75rem;text-align:left}th{text-align:inherit}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5rem;line-height:inherit;margin-bottom:.5rem;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}ul,ul li{list-style-type:none;padding-left:0}@keyframes placeHolderShimmer{0%{background-position:0 0}to{background-position:100vw 0}}
3
- *,:after,:before{box-sizing:border-box}a,button{cursor:pointer;outline:unset!important}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}.row{display:flex;gap:15px}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{background-color:#fff;color:#212529;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-align:left}[tabindex="-1"]:focus{outline:none!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{background-color:transparent;color:#007bff;text-decoration:none;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-bottom:1rem;margin-top:0;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{border-style:none;vertical-align:middle}svg:not(:root){overflow:hidden}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse}caption{caption-side:bottom;color:#868e96;padding-bottom:.75rem;padding-top:.75rem;text-align:left}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5rem;line-height:inherit;margin-bottom:.5rem;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}ul,ul li{list-style-type:none;padding-left:0}@keyframes placeHolderShimmer{0%{background-position:0 0}to{background-position:100vw 0}}#__next{position:relative;z-index:1}
4
-
5
2
  *,:after,:before{box-sizing:border-box}a,button{cursor:pointer;outline:unset!important}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}.row{display:flex;gap:15px}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{background-color:#fff;color:#212529;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-align:left}[tabindex="-1"]:focus{outline:none!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{background-color:transparent;color:#007bff;text-decoration:none;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-bottom:1rem;margin-top:0;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{border-style:none;vertical-align:middle}svg:not(:root){overflow:hidden}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse}caption{caption-side:bottom;color:#868e96;padding-bottom:.75rem;padding-top:.75rem;text-align:left}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5rem;line-height:inherit;margin-bottom:.5rem;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}ul,ul li{list-style-type:none;padding-left:0}@keyframes placeHolderShimmer{0%{background-position:0 0}to{background-position:100vw 0}}#__next{position:relative;z-index:1}
@@ -1,12 +1,52 @@
1
1
  "use strict";
2
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
3
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
4
+ return new (P || (P = Promise))(function (resolve, reject) {
5
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
6
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
7
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
8
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
9
+ });
10
+ };
11
+ var __generator = (this && this.__generator) || function (thisArg, body) {
12
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
13
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
14
+ function verb(n) { return function (v) { return step([n, v]); }; }
15
+ function step(op) {
16
+ if (f) throw new TypeError("Generator is already executing.");
17
+ while (g && (g = 0, op[0] && (_ = 0)), _) try {
18
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
19
+ if (y = 0, t) op = [op[0] & 2, t.value];
20
+ switch (op[0]) {
21
+ case 0: case 1: t = op; break;
22
+ case 4: _.label++; return { value: op[1], done: false };
23
+ case 5: _.label++; y = op[1]; op = [0]; continue;
24
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
25
+ default:
26
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
27
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
28
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
29
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
30
+ if (t[2]) _.ops.pop();
31
+ _.trys.pop(); continue;
32
+ }
33
+ op = body.call(thisArg, _);
34
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
35
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
36
+ }
37
+ };
2
38
  Object.defineProperty(exports, "__esModule", { value: true });
3
39
  exports.NaoRemoverDaHomeUsadaParaTesteTestarAquiDentro = void 0;
4
40
  var jsx_runtime_1 = require("react/jsx-runtime");
5
41
  var infra_1 = require("../infra/index.js");
42
+ var ui_1 = require("../ui/index.js");
6
43
  function NaoRemoverDaHomeUsadaParaTesteTestarAquiDentro() {
44
+ var _this = this;
7
45
  var useQueryBackend = (0, infra_1.createClient)().useQueryBackend;
8
46
  var data = useQueryBackend({ url: "/Users", method: "get" }).data;
9
- return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
47
+ return (0, jsx_runtime_1.jsx)(ui_1.FormHandler, { button: { text: "A" }, onSucess: function (data) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
48
+ return [2 /*return*/, console.log(data)];
49
+ }); }); }, children: (0, jsx_runtime_1.jsx)(ui_1.InputColor, { name: 'color' }) });
10
50
  }
11
51
  exports.NaoRemoverDaHomeUsadaParaTesteTestarAquiDentro = NaoRemoverDaHomeUsadaParaTesteTestarAquiDentro;
12
52
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test/index.tsx"],"names":[],"mappings":";;;;AACA,iCAAsC;AACtC,SAAgB,8CAA8C;IACpD,IAAA,eAAe,GAAK,IAAA,oBAAY,GAAW,gBAA5B,CAA4B;IAE5C,IAAA,IAAI,GAAI,eAAe,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,KAArD,CAAqD;IAEhE,OAAO,kDAAK,CAAA;AACd,CAAC;AAND,wGAMC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,iCAAsC;AACtC,2BAA8C;AAC9C,SAAgB,8CAA8C;IAA9D,iBAQC;IAPS,IAAA,eAAe,GAAK,IAAA,oBAAY,GAAW,gBAA5B,CAA4B;IAE5C,IAAA,IAAI,GAAI,eAAe,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,KAArD,CAAqD;IAEhE,OAAO,uBAAC,gBAAW,IAAC,MAAM,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,UAAO,IAAI;YAAK,sBAAA,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAA;iBAAA,YACpF,uBAAC,eAAU,IAAC,IAAI,EAAC,OAAO,GAAG,GACf,CAAA;AAChB,CAAC;AARD,wGAQC"}
@@ -9,6 +9,7 @@ export * from './input-cep/index.js';
9
9
  export * from './input-seo/index.js';
10
10
  export * from './input-mask/index.js';
11
11
  export * from './input-file/index.js';
12
+ export * from "./input-color/index.js";
12
13
  export * from './text-editor/index.js';
13
14
  export * from './select-icon/index.js';
14
15
  export * from './input-switch/index.js';
@@ -25,6 +25,7 @@ __exportStar(require("./input-cep/index.js"), exports);
25
25
  __exportStar(require("./input-seo/index.js"), exports);
26
26
  __exportStar(require("./input-mask/index.js"), exports);
27
27
  __exportStar(require("./input-file/index.js"), exports);
28
+ __exportStar(require("./input-color/index.js"), exports);
28
29
  __exportStar(require("./text-editor/index.js"), exports);
29
30
  __exportStar(require("./select-icon/index.js"), exports);
30
31
  __exportStar(require("./input-switch/index.js"), exports);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/form/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,0CAAuB;AACvB,2CAAwB;AACxB,4CAAyB;AACzB,6CAA0B;AAC1B,6CAA0B;AAC1B,8CAA2B;AAC3B,8CAA2B;AAC3B,8CAA2B;AAC3B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,gDAA6B;AAC7B,iDAA8B;AAC9B,kDAA+B;AAC/B,kDAA+B;AAC/B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,sDAAmC;AACnC,+DAA4C;AAE5C,+CAA4B"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/form/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,0CAAuB;AACvB,2CAAwB;AACxB,4CAAyB;AACzB,6CAA0B;AAC1B,6CAA0B;AAC1B,8CAA2B;AAC3B,8CAA2B;AAC3B,8CAA2B;AAC3B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,iDAA8B;AAC9B,kDAA+B;AAC/B,kDAA+B;AAC/B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,sDAAmC;AACnC,+DAA4C;AAE5C,+CAA4B"}
@@ -0,0 +1,2 @@
1
+ import { InputProps } from '../interfaces.js';
2
+ export declare function InputColor(props: InputProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,35 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __importDefault = (this && this.__importDefault) || function (mod) {
14
+ return (mod && mod.__esModule) ? mod : { "default": mod };
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ exports.InputColor = void 0;
18
+ var jsx_runtime_1 = require("react/jsx-runtime");
19
+ var react_1 = require("react");
20
+ var formik_1 = require("formik");
21
+ var input_control_1 = require("../input-control/index.js");
22
+ var react_input_color_lib_1 = __importDefault(require("./react-input-color-lib/index.js"));
23
+ function InputColor(props) {
24
+ var _a = (0, formik_1.useField)({ name: props.name }), field = _a[0], _ = _a[1], helpers = _a[2];
25
+ (0, react_1.useEffect)(function () {
26
+ if (field.value === undefined) {
27
+ helpers.setValue('');
28
+ }
29
+ }, [field.value]);
30
+ return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(react_input_color_lib_1.default, { color: field.value, onChange: function (ev) {
31
+ helpers.setValue(ev === null || ev === void 0 ? void 0 : ev.hex);
32
+ } }) })));
33
+ }
34
+ exports.InputColor = InputColor;
35
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-color/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,+BAAiC;AAEjC,iCAAiC;AACjC,kDAA+C;AAE/C,kFAAmD;AAInD,SAAgB,UAAU,CAAC,KAAiB;IACpC,IAAA,KAAsB,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAAnD,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,OAAO,QAAkC,CAAA;IAE1D,IAAA,iBAAS,EAAC;QACR,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC9B,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,uBAAC,4BAAY,eAAK,KAAK,cACrB,uBAAC,+BAAa,IACZ,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,UAAC,EAAE;gBACX,OAAO,CAAC,QAAQ,CAAC,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,GAAG,CAAC,CAAA;YAC3B,CAAC,GACD,IACW,CAChB,CAAA;AACH,CAAC;AAnBD,gCAmBC"}
@@ -0,0 +1,5 @@
1
+ type AlphaProps = {
2
+ onChange?: (alpha: number) => void;
3
+ };
4
+ declare const _default: ({ onChange }: AlphaProps) => import("react/jsx-runtime").JSX.Element;
5
+ export default _default;
@@ -0,0 +1,45 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var __importDefault = (this && this.__importDefault) || function (mod) {
26
+ return (mod && mod.__esModule) ? mod : { "default": mod };
27
+ };
28
+ Object.defineProperty(exports, "__esModule", { value: true });
29
+ var jsx_runtime_1 = require("react/jsx-runtime");
30
+ var react_1 = __importStar(require("react"));
31
+ var styles = __importStar(require("./Alpha.style.js"));
32
+ var usePosition_1 = __importDefault(require("../../hooks/usePosition.js"));
33
+ var Alpha = function (_a) {
34
+ var onChange = _a.onChange;
35
+ var handleMove = (0, react_1.useCallback)(function (_a) {
36
+ var left = _a.left;
37
+ return onChange && onChange(parseFloat(left.toFixed(2)));
38
+ }, [onChange]);
39
+ var _b = (0, usePosition_1.default)({
40
+ onMove: handleMove
41
+ }), ref = _b.ref, handleStart = _b.handleStart;
42
+ return ((0, jsx_runtime_1.jsxs)("div", { style: styles.container, ref: ref, onTouchStart: handleStart, onMouseDown: handleStart, children: [(0, jsx_runtime_1.jsx)("div", { style: styles.alpha }), (0, jsx_runtime_1.jsx)("div", { style: styles.checkboard }), (0, jsx_runtime_1.jsx)("div", { style: styles.pointer, children: (0, jsx_runtime_1.jsx)("div", { style: styles.slider }) })] }));
43
+ };
44
+ exports.default = react_1.default.memo(Alpha);
45
+ //# sourceMappingURL=Alpha.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Alpha.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/form/input-color/react-input-color-lib/components/Alpha/Alpha.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2C;AAE3C,oDAAwC;AACxC,wEAAgE;AAMhE,IAAM,KAAK,GAAG,UAAC,EAAwB;QAAtB,QAAQ,cAAA;IACvB,IAAM,UAAU,GAAG,IAAA,mBAAW,EAC5B,UAAC,EAAkB;YAAhB,IAAI,UAAA;QAAiB,OAAA,QAAQ,IAAI,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAAjD,CAAiD,EACzE,CAAC,QAAQ,CAAC,CACX,CAAC;IAEI,IAAA,KAAuB,IAAA,qBAAW,EAAC;QACvC,MAAM,EAAE,UAAU;KACnB,CAAC,EAFM,GAAG,SAAA,EAAE,WAAW,iBAEtB,CAAC;IAEH,OAAO,CACL,iCAAK,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,aACzF,gCAAK,KAAK,EAAE,MAAM,CAAC,KAAK,GAAI,EAC5B,gCAAK,KAAK,EAAE,MAAM,CAAC,UAAU,GAAI,EACjC,gCAAK,KAAK,EAAE,MAAM,CAAC,OAAO,YACxB,gCAAK,KAAK,EAAE,MAAM,CAAC,MAAM,GAAI,GACzB,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAK,CAAC,IAAI,CAAC,KAAK,CAAiB,CAAC"}
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ export declare const container: React.CSSProperties;
3
+ export declare const alpha: React.CSSProperties;
4
+ export declare const pointer: React.CSSProperties;
5
+ export declare const slider: React.CSSProperties;
6
+ export declare const checkboard: React.CSSProperties;
@@ -0,0 +1,52 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.checkboard = exports.slider = exports.pointer = exports.alpha = exports.container = void 0;
4
+ exports.container = {
5
+ margin: '5px 0 0',
6
+ width: '100%',
7
+ height: '8px',
8
+ boxShadow: 'inset 0 0 1px rgba(0, 0, 0, .2)',
9
+ position: 'relative',
10
+ zIndex: 1,
11
+ borderRadius: '4px',
12
+ background: 'var(--rpc-input-background)'
13
+ };
14
+ exports.alpha = {
15
+ position: 'absolute',
16
+ top: 0,
17
+ left: 0,
18
+ right: 0,
19
+ bottom: 0,
20
+ background: "linear-gradient(to right, rgba(var(--rpc-red), var(--rpc-green), var(--rpc-blue), 0) 0%, rgba(var(--rpc-red), var(--rpc-green), var(--rpc-blue), 1) 100%)",
21
+ borderRadius: '4px'
22
+ };
23
+ exports.pointer = {
24
+ width: 'calc(100% - 8px)',
25
+ height: '100%',
26
+ position: 'relative',
27
+ marginLeft: '8px'
28
+ };
29
+ exports.slider = {
30
+ width: '12px',
31
+ borderRadius: '12px',
32
+ height: '12px',
33
+ boxShadow: '0 0 1px rgba(0, 0, 0, .9)',
34
+ border: '2px solid #fff',
35
+ position: 'absolute',
36
+ transform: 'translate(-2px, -2px)',
37
+ cursor: 'pointer',
38
+ left: 'calc(var(--rpc-alpha-pointer) - 8px)',
39
+ boxSizing: 'border-box'
40
+ };
41
+ exports.checkboard = {
42
+ position: 'absolute',
43
+ top: '0px',
44
+ right: '0px',
45
+ bottom: '0px',
46
+ left: '0px',
47
+ backgroundImage: 'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAC9JREFUOBFjZGBgEAFifOANPkkmfJLEyI0awMAw8GHASERU4U0nA++FURdQISEBAFeUATP+HuV8AAAAAElFTkSuQmCC")',
48
+ backgroundPosition: 'left center',
49
+ zIndex: -1,
50
+ borderRadius: 'calc(var(--rpc-border-radius) / 2)'
51
+ };
52
+ //# sourceMappingURL=Alpha.style.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Alpha.style.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/form/input-color/react-input-color-lib/components/Alpha/Alpha.style.ts"],"names":[],"mappings":";;;AAEa,QAAA,SAAS,GAAwB;IAC5C,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,KAAK;IACb,SAAS,EAAE,iCAAiC;IAC5C,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,CAAC;IACT,YAAY,EAAE,KAAK;IACnB,UAAU,EAAE,6BAA6B;CAC1C,CAAC;AAEW,QAAA,KAAK,GAAwB;IACxC,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,UAAU,EAAE,2JAA2J;IACvK,YAAY,EAAE,KAAK;CACpB,CAAC;AAEW,QAAA,OAAO,GAAwB;IAC1C,KAAK,EAAE,kBAAkB;IACzB,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,KAAK;CAClB,CAAC;AAEW,QAAA,MAAM,GAAwB;IACzC,KAAK,EAAE,MAAM;IACb,YAAY,EAAE,MAAM;IACpB,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,2BAA2B;IACtC,MAAM,EAAE,gBAAgB;IACxB,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,uBAAuB;IAClC,MAAM,EAAE,SAAS;IACjB,IAAI,EAAE,sCAAsC;IAC5C,SAAS,EAAE,YAAY;CACxB,CAAC;AAEW,QAAA,UAAU,GAAwB;IAC7C,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,KAAK;IACX,eAAe,EACb,2LAA2L;IAC7L,kBAAkB,EAAE,aAAa;IACjC,MAAM,EAAE,CAAC,CAAC;IACV,YAAY,EAAE,oCAAoC;CACnD,CAAC"}
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import { RgbColor, Color } from '../../types.js';
3
+ type ColorListProps = {
4
+ colors: Color[];
5
+ additionalStyles?: React.CSSProperties;
6
+ onClick: (color: RgbColor) => void;
7
+ onAdd?: () => void;
8
+ };
9
+ declare const _default: ({ colors, onClick, onAdd }: ColorListProps) => import("react/jsx-runtime").JSX.Element;
10
+ export default _default;
@@ -0,0 +1,45 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var __importDefault = (this && this.__importDefault) || function (mod) {
26
+ return (mod && mod.__esModule) ? mod : { "default": mod };
27
+ };
28
+ Object.defineProperty(exports, "__esModule", { value: true });
29
+ var jsx_runtime_1 = require("react/jsx-runtime");
30
+ var react_1 = __importDefault(require("react"));
31
+ var tinycolor2_1 = __importDefault(require("tinycolor2"));
32
+ var styles = __importStar(require("./ColorList.style.js"));
33
+ var ColorList = function (_a) {
34
+ var colors = _a.colors, onClick = _a.onClick, onAdd = _a.onAdd;
35
+ return ((0, jsx_runtime_1.jsxs)("div", { style: styles.container, children: [colors.map(function (color, index) {
36
+ var col = (0, tinycolor2_1.default)(color);
37
+ if (!col.isValid()) {
38
+ throw Error("".concat(color, " is not a valid color."));
39
+ }
40
+ var rgb = col.toRgb();
41
+ return ((0, jsx_runtime_1.jsxs)("button", { style: styles.button, onClick: function () { return onClick(rgb); }, type: "button", children: [(0, jsx_runtime_1.jsx)("div", { style: styles.value(rgb) }), (0, jsx_runtime_1.jsx)("div", { style: styles.checkboard })] }, index));
42
+ }), onAdd && ((0, jsx_runtime_1.jsx)("button", { style: styles.addButton, onClick: onAdd, type: "button", children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "50", height: "50", viewBox: "0 0 50 50", style: styles.svg, children: (0, jsx_runtime_1.jsx)("path", { d: "M27.5 50h-5V27.5H0v-5h22.5V0h5v22.5H50v5H27.5z" }) }) }))] }));
43
+ };
44
+ exports.default = react_1.default.memo(ColorList);
45
+ //# sourceMappingURL=ColorList.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ColorList.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/form/input-color/react-input-color-lib/components/ColorList/ColorList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0DAAmC;AAEnC,wDAA4C;AAW5C,IAAM,SAAS,GAAG,UAAC,EAA0C;QAAxC,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA;IAAuB,OAAA,CAChE,iCAAK,KAAK,EAAE,MAAM,CAAC,SAAS,aACzB,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK;gBACvB,IAAM,GAAG,GAAG,IAAA,oBAAS,EAAC,KAAK,CAAC,CAAC;gBAE7B,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC;oBACnB,MAAM,KAAK,CAAC,UAAG,KAAK,2BAAwB,CAAC,CAAC;gBAChD,CAAC;gBAED,IAAM,GAAG,GAAG,GAAG,CAAC,KAAK,EAAE,CAAC;gBAExB,OAAO,CACL,oCAAoB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,GAAG,CAAC,EAAZ,CAAY,EAAE,IAAI,EAAC,QAAQ,aAClF,gCAAK,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,GAAI,EACjC,gCAAK,KAAK,EAAE,MAAM,CAAC,UAAU,GAAI,KAFtB,KAAK,CAGT,CACV,CAAC;YACJ,CAAC,CAAC,EAED,KAAK,IAAI,CACR,mCAAQ,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,QAAQ,YAC5D,gCACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,MAAM,CAAC,GAAG,YAEjB,iCAAM,CAAC,EAAC,gDAAgD,GAAG,GACvD,GACC,CACV,IACG,CACP;AAjCiE,CAiCjE,CAAC;AAEF,kBAAe,eAAK,CAAC,IAAI,CAAC,SAAS,CAAqB,CAAC"}
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { RgbColor } from '../../types.js';
3
+ export declare const container: React.CSSProperties;
4
+ export declare const button: React.CSSProperties;
5
+ export declare const addButton: React.CSSProperties;
6
+ export declare const svg: React.CSSProperties;
7
+ export declare const value: (color: RgbColor) => React.CSSProperties;
8
+ export declare const checkboard: React.CSSProperties;
@@ -0,0 +1,64 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.checkboard = exports.value = exports.svg = exports.addButton = exports.button = exports.container = void 0;
4
+ exports.container = {
5
+ padding: '0.4rem',
6
+ borderTop: '1px solid var(--rpc-border-color)',
7
+ display: 'grid',
8
+ gridTemplateColumns: 'repeat(10, 1fr)',
9
+ gridGap: '0.4rem'
10
+ };
11
+ exports.button = {
12
+ height: '20px',
13
+ margin: '0',
14
+ outline: 'none',
15
+ appearance: 'none',
16
+ cursor: 'pointer',
17
+ padding: '0',
18
+ borderRadius: 'var(--rpc-border-radius)',
19
+ border: '1px solid var(--rpc-border-color)',
20
+ overflow: 'hidden',
21
+ position: 'relative',
22
+ background: 'none',
23
+ gridColumnEnd: 'span 1'
24
+ };
25
+ exports.addButton = {
26
+ height: '20px',
27
+ margin: '0',
28
+ padding: '0',
29
+ outline: 'none',
30
+ background: 'none',
31
+ display: 'flex',
32
+ alignItems: 'center',
33
+ justifyContent: 'center',
34
+ cursor: 'pointer',
35
+ border: 'none',
36
+ borderRadius: 'var(--rpc-border-radius)',
37
+ gridColumnEnd: 'span 1'
38
+ };
39
+ exports.svg = {
40
+ height: '9px',
41
+ width: '9px',
42
+ fill: 'var(--rpc-color)'
43
+ };
44
+ var value = function (color) { return ({
45
+ position: 'absolute',
46
+ background: "rgba(".concat(color.r, ", ").concat(color.g, ", ").concat(color.b, ", ").concat(color.a, ")"),
47
+ top: '0px',
48
+ right: '0px',
49
+ bottom: '0px',
50
+ left: '0px',
51
+ zIndex: 2
52
+ }); };
53
+ exports.value = value;
54
+ exports.checkboard = {
55
+ position: 'absolute',
56
+ top: '0px',
57
+ right: '0px',
58
+ bottom: '0px',
59
+ left: '0px',
60
+ backgroundImage: 'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAC9JREFUOBFjZGBgEAFifOANPkkmfJLEyI0awMAw8GHASERU4U0nA++FURdQISEBAFeUATP+HuV8AAAAAElFTkSuQmCC")',
61
+ backgroundPosition: 'left center',
62
+ zIndex: 1
63
+ };
64
+ //# sourceMappingURL=ColorList.style.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ColorList.style.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/form/input-color/react-input-color-lib/components/ColorList/ColorList.style.ts"],"names":[],"mappings":";;;AAIa,QAAA,SAAS,GAAwB;IAC5C,OAAO,EAAE,QAAQ;IACjB,SAAS,EAAE,mCAAmC;IAC9C,OAAO,EAAE,MAAM;IACf,mBAAmB,EAAE,iBAAiB;IACtC,OAAO,EAAE,QAAQ;CAClB,CAAC;AAEW,QAAA,MAAM,GAAwB;IACzC,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,GAAG;IACZ,YAAY,EAAE,0BAA0B;IACxC,MAAM,EAAE,mCAAmC;IAC3C,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,QAAQ;CACxB,CAAC;AAEW,QAAA,SAAS,GAAwB;IAC5C,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,0BAA0B;IACxC,aAAa,EAAE,QAAQ;CACxB,CAAC;AAEW,QAAA,GAAG,GAAwB;IACtC,MAAM,EAAE,KAAK;IACb,KAAK,EAAE,KAAK;IACZ,IAAI,EAAE,kBAAkB;CACzB,CAAC;AAEK,IAAM,KAAK,GAAG,UAAC,KAAe,IAA0B,OAAA,CAAC;IAC9D,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,eAAQ,KAAK,CAAC,CAAC,eAAK,KAAK,CAAC,CAAC,eAAK,KAAK,CAAC,CAAC,eAAK,KAAK,CAAC,CAAC,MAAG;IAClE,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,KAAK;IACX,MAAM,EAAE,CAAC;CACV,CAAC,EAR6D,CAQ7D,CAAC;AARU,QAAA,KAAK,SAQf;AAEU,QAAA,UAAU,GAAwB;IAC7C,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,KAAK;IACX,eAAe,EACb,2LAA2L;IAC7L,kBAAkB,EAAE,aAAa;IACjC,MAAM,EAAE,CAAC;CACV,CAAC"}
@@ -0,0 +1,13 @@
1
+ import { Color, ColorObject, ColorCombination, Theme } from '../../types.js';
2
+ export type ColorPickerProps = {
3
+ theme?: Partial<Theme>;
4
+ color?: Color;
5
+ presets?: Color[];
6
+ onChange?: (color: ColorObject) => void;
7
+ hideAlpha?: boolean;
8
+ hideInputs?: boolean;
9
+ combinations?: ColorCombination | ColorCombination[];
10
+ className?: string;
11
+ };
12
+ declare const _default: ({ theme, color, presets, onChange, hideAlpha, hideInputs, className, combinations }: ColorPickerProps) => import("react/jsx-runtime").JSX.Element;
13
+ export default _default;
@@ -0,0 +1,109 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
+ if (k2 === undefined) k2 = k;
15
+ var desc = Object.getOwnPropertyDescriptor(m, k);
16
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
17
+ desc = { enumerable: true, get: function() { return m[k]; } };
18
+ }
19
+ Object.defineProperty(o, k2, desc);
20
+ }) : (function(o, m, k, k2) {
21
+ if (k2 === undefined) k2 = k;
22
+ o[k2] = m[k];
23
+ }));
24
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
26
+ }) : function(o, v) {
27
+ o["default"] = v;
28
+ });
29
+ var __importStar = (this && this.__importStar) || function (mod) {
30
+ if (mod && mod.__esModule) return mod;
31
+ var result = {};
32
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
33
+ __setModuleDefault(result, mod);
34
+ return result;
35
+ };
36
+ var __importDefault = (this && this.__importDefault) || function (mod) {
37
+ return (mod && mod.__esModule) ? mod : { "default": mod };
38
+ };
39
+ Object.defineProperty(exports, "__esModule", { value: true });
40
+ var jsx_runtime_1 = require("react/jsx-runtime");
41
+ var react_1 = __importStar(require("react"));
42
+ var tinycolor2_1 = __importDefault(require("tinycolor2"));
43
+ var helper_1 = require("./helper.js");
44
+ var themes_1 = __importDefault(require("../../themes.js"));
45
+ var Hue_1 = __importDefault(require("../Hue/Hue.js"));
46
+ var Alpha_1 = __importDefault(require("../Alpha/Alpha.js"));
47
+ var ColorList_1 = __importDefault(require("../ColorList/ColorList.js"));
48
+ var Saturation_1 = __importDefault(require("../Saturation/Saturation.js"));
49
+ var PresetList_1 = __importDefault(require("../PresetList/PresetList.js"));
50
+ var styles = __importStar(require("./ColorPicker.style.js"));
51
+ var Input_1 = __importDefault(require("../Input/Input.js"));
52
+ var ColorPicker = function (_a) {
53
+ var theme = _a.theme, color = _a.color, presets = _a.presets, onChange = _a.onChange, hideAlpha = _a.hideAlpha, hideInputs = _a.hideInputs, className = _a.className, combinations = _a.combinations;
54
+ var _b = (0, react_1.useState)((0, helper_1.initColor)(color)), col = _b[0], setCol = _b[1];
55
+ (0, react_1.useEffect)(function () {
56
+ setCol((0, helper_1.initColor)(color));
57
+ }, [color]);
58
+ var updateColor = (0, react_1.useCallback)(function (updatedColor) {
59
+ var newColor = (0, helper_1.initColor)(updatedColor);
60
+ setCol(newColor);
61
+ onChange && onChange(newColor);
62
+ }, [col]);
63
+ var updateAlpha = (0, react_1.useCallback)(function (alpha) { return updateColor(__assign(__assign({}, col.rgb), { a: alpha })); }, [col]);
64
+ var rgb = col.rgb, hsl = col.hsl, hsv = col.hsv, hex = col.hex, alpha = col.alpha;
65
+ var variables = {
66
+ '--rpc-background': (theme === null || theme === void 0 ? void 0 : theme.background) || themes_1.default.light.background,
67
+ '--rpc-input-background': (theme === null || theme === void 0 ? void 0 : theme.inputBackground) || themes_1.default.light.inputBackground,
68
+ '--rpc-color': (theme === null || theme === void 0 ? void 0 : theme.color) || themes_1.default.light.color,
69
+ '--rpc-border-color': (theme === null || theme === void 0 ? void 0 : theme.borderColor) || themes_1.default.light.borderColor,
70
+ '--rpc-border-radius': (theme === null || theme === void 0 ? void 0 : theme.borderRadius) || themes_1.default.light.borderRadius,
71
+ '--rpc-box-shadow': (theme === null || theme === void 0 ? void 0 : theme.boxShadow) || themes_1.default.light.boxShadow,
72
+ '--rpc-width': (theme === null || theme === void 0 ? void 0 : theme.width) || themes_1.default.light.width
73
+ };
74
+ var colorVariables = {
75
+ '--rpc-hue': hsl.h,
76
+ '--rpc-red': rgb.r,
77
+ '--rpc-green': rgb.g,
78
+ '--rpc-blue': rgb.b,
79
+ '--rpc-hex': hex,
80
+ '--rpc-alpha': alpha,
81
+ '--rpc-rgba': "rgba(".concat(rgb.r, ", ").concat(rgb.g, ", ").concat(rgb.b, ", ").concat(alpha, ")"),
82
+ '--rpc-hue-pointer': "".concat((hsl.h * 100) / 360, "%"),
83
+ '--rpc-alpha-pointer': "".concat(alpha * 100, "%"),
84
+ '--rpc-saturation-pointer-top': "calc(".concat(-(hsv.v * 100) + 100, "% - 6px)"),
85
+ '--rpc-saturation-pointer-left': "calc(".concat(hsv.s * 100, "% - 6px)")
86
+ };
87
+ var handleHexChange = function (val) {
88
+ if (!/^[0-9A-Fa-f]+$/.test(val))
89
+ return;
90
+ var hex = (0, tinycolor2_1.default)("#".concat(val));
91
+ setCol({
92
+ hex: "#".concat(val),
93
+ rgb: hex.toRgb(),
94
+ hsl: hex.toHsl(),
95
+ hsv: hex.toHsv(),
96
+ alpha: hex.getAlpha()
97
+ });
98
+ };
99
+ var handleRgbaInput = function (key, val) {
100
+ var _a;
101
+ if (val === '' || val.length > 3)
102
+ return;
103
+ var newValue = key === 'a' ? parseInt(val) / 100 : parseInt(val);
104
+ updateColor(__assign(__assign({}, rgb), (_a = {}, _a[key] = newValue, _a)));
105
+ };
106
+ return ((0, jsx_runtime_1.jsxs)("div", { style: __assign(__assign(__assign({}, variables), styles.container), colorVariables), className: className, children: [(0, jsx_runtime_1.jsx)(Saturation_1.default, { hsl: hsl, onChange: updateColor }), (0, jsx_runtime_1.jsxs)("div", { style: styles.flex, children: [(0, jsx_runtime_1.jsx)("div", { style: styles.valueWrapper, children: (0, jsx_runtime_1.jsx)("div", { style: styles.checkboard, children: (0, jsx_runtime_1.jsx)("div", { style: styles.value }) }) }), (0, jsx_runtime_1.jsxs)("div", { style: styles.ranges, children: [(0, jsx_runtime_1.jsx)(Hue_1.default, { hsl: hsl, onChange: updateColor }), !hideAlpha && (0, jsx_runtime_1.jsx)(Alpha_1.default, { onChange: updateAlpha })] })] }), !hideInputs && ((0, jsx_runtime_1.jsxs)("div", { style: styles.inputs, children: [(0, jsx_runtime_1.jsx)(Input_1.default, { type: "text", name: "hex", label: "Hex", size: "large", prefix: "#", onChange: handleHexChange, onBlur: updateColor, maxLength: 6, value: hex.replace('#', '') }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex' }, children: [(0, jsx_runtime_1.jsx)(Input_1.default, { value: rgb.r, label: "R", name: "red", type: "number", min: 0, max: 255, step: 1, onChange: function (val) { return handleRgbaInput('r', val); } }), (0, jsx_runtime_1.jsx)(Input_1.default, { value: rgb.g, label: "G", name: "green", type: "number", min: 0, max: 255, step: 1, onChange: function (val) { return handleRgbaInput('g', val); } }), (0, jsx_runtime_1.jsx)(Input_1.default, { value: rgb.b, label: "B", name: "blue", type: "number", min: 0, max: 255, step: 1, onChange: function (val) { return handleRgbaInput('b', val); } }), !hideAlpha && ((0, jsx_runtime_1.jsx)(Input_1.default, { value: rgb.a * 100, label: "Alpha", name: "alpha", type: "number", min: 0, max: 100, step: 1, onChange: function (val) { return handleRgbaInput('a', val); } }))] })] })), presets && (0, jsx_runtime_1.jsx)(PresetList_1.default, { colors: presets, onClick: updateColor, currentColor: col.rgb }), combinations && ((0, jsx_runtime_1.jsx)(ColorList_1.default, { colors: (0, helper_1.getColorCombination)(col, combinations), onClick: updateColor }))] }));
107
+ };
108
+ exports.default = react_1.default.memo(ColorPicker);
109
+ //# sourceMappingURL=ColorPicker.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/form/input-color/react-input-color-lib/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ export declare const container: React.CSSProperties;
3
+ export declare const checkboard: React.CSSProperties;
4
+ export declare const valueWrapper: React.CSSProperties;
5
+ export declare const value: React.CSSProperties;
6
+ export declare const flex: React.CSSProperties;
7
+ export declare const ranges: React.CSSProperties;
8
+ export declare const colors: React.CSSProperties;
9
+ export declare const inputs: React.CSSProperties;