@corva/ui 3.79.0-11 → 3.79.0-13
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/componentsV2/ColorPicker/Swatches/Swatches.js +1 -1
- package/cjs-bundle/componentsV2/ColorPicker/Swatches/Swatches.js.map +1 -1
- package/cjs-bundle/componentsV2/OffsetWellsButton/OffsetWellsButton.js +1 -1
- package/cjs-bundle/componentsV2/OffsetWellsButton/OffsetWellsButton.js.map +1 -1
- package/cjs-bundle/componentsV2/OffsetWellsButton/OffsetWellsButton.scss.js +1 -1
- package/componentsV2/ColorPicker/Swatches/Swatches.js +1 -1
- package/componentsV2/ColorPicker/Swatches/Swatches.js.map +1 -1
- package/componentsV2/OffsetWellsButton/OffsetWellsButton.d.ts.map +1 -1
- package/componentsV2/OffsetWellsButton/OffsetWellsButton.js +1 -1
- package/componentsV2/OffsetWellsButton/OffsetWellsButton.js.map +1 -1
- package/componentsV2/OffsetWellsButton/OffsetWellsButton.scss.js +1 -1
- package/mcp-server/server.mjs +1 -1
- package/package.json +1 -1
- package/tsconfig.tsbuildinfo +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("@babel/runtime/helpers/defineProperty"),e=require("classnames"),c=require("lodash"),n=require("react"),r=require("../utils.js"),i=require("./constants.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("@babel/runtime/helpers/defineProperty"),e=require("classnames"),c=require("lodash"),n=require("react"),r=require("../utils.js"),i=require("./constants.js"),u=require("./Swatches.scss.js"),t=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.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/SearchOne.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/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/PinOne.js"),require("../../../icons/customIcons/icons/PinOneCrossed.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var a=require("react/jsx-runtime");function l(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var m=l(s),j=l(o),q=l(e),I=["a"];function d(s,o){var e=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);o&&(c=c.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),e.push.apply(e,c)}return e}function p(s){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?d(Object(e),!0).forEach((function(o){j.default(s,o,e[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):d(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}exports.Swatches=function(s){var o=s.value,e=s.onChange,l=s.addTransparent,j=s.autoFocus,d=s.onAutoFocus,b=n.useRef([]),f=p(p({},o),{},{a:1}),h=0===o.a,C=l?i.paletteColors.toSpliced(11,1,"#FFFFFF00"):i.paletteColors,O=function(s){var o=r.parseColor(s),e=o.a,n=p(p({},m.default(o,I)),{},{a:1}),i=0===e;return c.isEqual(f,n)&&!i&&!h||h&&i},v=C.findIndex(O);n.useEffect((function(){if(j){var s=-1===v?0:v,o=b.current[s];o&&(o.focus({preventScroll:!0}),null==d||d())}}),[j,d,v]);var g=function(s,o){var c;(e(r.parseColor(C[s])),o)&&(null===(c=b.current[s])||void 0===c||c.focus({preventScroll:!0}))},F=function(s){var o,e=Number(s.currentTarget.dataset.index);switch(s.key){case"ArrowRight":o=(e+1)%C.length;break;case"ArrowLeft":o=(e-1+C.length)%C.length;break;case"ArrowDown":o=(e+12)%C.length;break;case"ArrowUp":o=(e-12+C.length)%C.length;break;case"Home":o=0;break;case"End":o=C.length-1;break;case"Enter":case" ":return s.preventDefault(),void g(e,!1);default:return}"number"==typeof o&&(s.preventDefault(),g(o,!0))};return a.jsx("div",{className:u.root,role:"radiogroup","aria-label":"Color palette",children:C.map((function(s,o){var c=r.parseColor(s),n=r.getLuminance(s)>.97,i=0===c.a,l=O(s);return a.jsx("div",{ref:function(s){b.current[o]=s},className:q.default(u.swatch,l&&u.selected,i&&u.transparent,(n||i)&&u.darkAccent),onClick:function(){return e(c)},onKeyDown:F,style:i?void 0:{background:s},role:"radio","aria-checked":l,"aria-label":i?"Transparent":s.toUpperCase(),tabIndex:l||-1===v&&0===o?0:-1,"data-index":o,children:a.jsx(t.CheckSmallIcon,{size:14,className:u.icon})},s)}))})};
|
|
2
2
|
//# sourceMappingURL=Swatches.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Swatches.js","sources":["../../../../../src/componentsV2/ColorPicker/Swatches/Swatches.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { isEqual } from 'lodash';\nimport { KeyboardEventHandler, useEffect, useRef } from 'react';\n\nimport { ColorChannels, getLuminance, parseColor } from '../utils';\n\nimport { paletteColors } from './constants';\n\nimport styles from './Swatches.scss';\n\nimport { CheckSmallIcon } from '~/icons';\n\nexport type SwatchesProps = {\n /**\n * Hex or rgba, with or without alpha\n */\n value: ColorChannels;\n onChange: (color: ColorChannels) => void;\n addTransparent?: boolean;\n autoFocus?: boolean;\n onAutoFocus?: () => void;\n};\n\nconst colorsPerRow = 12;\n\nexport const Swatches = ({\n value,\n onChange,\n addTransparent,\n autoFocus,\n onAutoFocus,\n}: SwatchesProps) => {\n const swatchRefs = useRef<Array<HTMLDivElement | null>>([]);\n const opaqueValue = { ...value, a: 1 };\n const isValueTransparent = value.a === 0;\n\n const colors = addTransparent\n ? paletteColors.toSpliced(
|
|
1
|
+
{"version":3,"file":"Swatches.js","sources":["../../../../../src/componentsV2/ColorPicker/Swatches/Swatches.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { isEqual } from 'lodash';\nimport { KeyboardEventHandler, useEffect, useRef } from 'react';\n\nimport { ColorChannels, getLuminance, parseColor } from '../utils';\n\nimport { paletteColors } from './constants';\n\nimport styles from './Swatches.scss';\n\nimport { CheckSmallIcon } from '~/icons';\n\nexport type SwatchesProps = {\n /**\n * Hex or rgba, with or without alpha\n */\n value: ColorChannels;\n onChange: (color: ColorChannels) => void;\n addTransparent?: boolean;\n autoFocus?: boolean;\n onAutoFocus?: () => void;\n};\n\nconst colorsPerRow = 12;\n\nexport const Swatches = ({\n value,\n onChange,\n addTransparent,\n autoFocus,\n onAutoFocus,\n}: SwatchesProps) => {\n const swatchRefs = useRef<Array<HTMLDivElement | null>>([]);\n const opaqueValue = { ...value, a: 1 };\n const isValueTransparent = value.a === 0;\n\n const colors = addTransparent\n ? paletteColors.toSpliced(colorsPerRow - 1, 1, '#FFFFFF00')\n : paletteColors;\n\n const isSelectedColor = (color: string) => {\n const { a, ...colorChannels } = parseColor(color);\n const opaqueColor = { ...colorChannels, a: 1 };\n const isTransparent = a === 0;\n\n return (\n (isEqual(opaqueValue, opaqueColor) && !isTransparent && !isValueTransparent) ||\n (isValueTransparent && isTransparent)\n );\n };\n\n const selectedIndex = colors.findIndex(isSelectedColor);\n\n useEffect(() => {\n if (!autoFocus) {\n return;\n }\n\n const focusIndex = selectedIndex === -1 ? 0 : selectedIndex;\n const swatch = swatchRefs.current[focusIndex];\n\n if (swatch) {\n swatch.focus({ preventScroll: true });\n onAutoFocus?.();\n }\n }, [autoFocus, onAutoFocus, selectedIndex]);\n\n const selectColor = (index: number, focus: boolean) => {\n onChange(parseColor(colors[index]));\n\n if (focus) {\n swatchRefs.current[index]?.focus({ preventScroll: true });\n }\n };\n\n const handleKeyDown: KeyboardEventHandler<HTMLDivElement> = event => {\n const currentIndex = Number(event.currentTarget.dataset.index);\n let nextIndex: number | undefined;\n\n switch (event.key) {\n case 'ArrowRight':\n nextIndex = (currentIndex + 1) % colors.length;\n break;\n case 'ArrowLeft':\n nextIndex = (currentIndex - 1 + colors.length) % colors.length;\n break;\n case 'ArrowDown':\n nextIndex = (currentIndex + colorsPerRow) % colors.length;\n break;\n case 'ArrowUp':\n nextIndex = (currentIndex - colorsPerRow + colors.length) % colors.length;\n break;\n case 'Home':\n nextIndex = 0;\n break;\n case 'End':\n nextIndex = colors.length - 1;\n break;\n case 'Enter':\n case ' ':\n event.preventDefault();\n selectColor(currentIndex, false);\n return;\n default:\n return;\n }\n\n if (typeof nextIndex === 'number') {\n event.preventDefault();\n selectColor(nextIndex, true);\n }\n };\n\n return (\n <div className={styles.root} role=\"radiogroup\" aria-label=\"Color palette\">\n {colors.map((color, index) => {\n const channels = parseColor(color);\n const isLightColor = getLuminance(color) > 0.97;\n const isTransparent = channels.a === 0;\n const isSelected = isSelectedColor(color);\n\n return (\n <div\n key={color}\n ref={element => {\n swatchRefs.current[index] = element;\n }}\n className={classNames(\n styles.swatch,\n isSelected && styles.selected,\n isTransparent && styles.transparent,\n (isLightColor || isTransparent) && styles.darkAccent\n )}\n onClick={() => onChange(channels)}\n onKeyDown={handleKeyDown}\n style={isTransparent ? undefined : { background: color }}\n role=\"radio\"\n aria-checked={isSelected}\n aria-label={isTransparent ? 'Transparent' : color.toUpperCase()}\n tabIndex={isSelected || (selectedIndex === -1 && index === 0) ? 0 : -1}\n data-index={index}\n >\n <CheckSmallIcon size={14} className={styles.icon} />\n </div>\n );\n })}\n </div>\n );\n};\n"],"names":["_ref","value","onChange","addTransparent","autoFocus","onAutoFocus","swatchRefs","useRef","opaqueValue","a","isValueTransparent","colors","paletteColors","toSpliced","colorsPerRow","isSelectedColor","color","parseColor","opaqueColor","_objectWithoutProperties","_parseColor","_excluded","isTransparent","isEqual","selectedIndex","findIndex","useEffect","focusIndex","swatch","current","focus","preventScroll","selectColor","index","_swatchRefs$current$i","handleKeyDown","event","nextIndex","currentIndex","Number","currentTarget","dataset","key","length","preventDefault","_jsx","className","styles","root","role","children","map","channels","isLightColor","getLuminance","isSelected","ref","element","classNames","selected","transparent","darkAccent","onClick","onKeyDown","style","undefined","background","toUpperCase","tabIndex","CheckSmallIcon","size","icon"],"mappings":"g0KAyBwB,SAMHA,GAAA,IALnBC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,eACAC,IAAAA,UACAC,IAAAA,YAEMC,EAAaC,SAAqC,IAClDC,SAAmBP,GAAK,GAAA,CAAEQ,EAAG,IAC7BC,EAAiC,IAAZT,EAAMQ,EAE3BE,EAASR,EACXS,EAAAA,cAAcC,UAAUC,GAAkB,EAAG,aAC7CF,gBAEEG,EAAkB,SAACC,GACvB,IAAgCC,EAAAA,EAAUA,WAACD,GAAnCP,IAAAA,EACFS,SADqBC,EAAA,QAAAC,EAAAC,IACW,GAAA,CAAEZ,EAAG,IACrCa,EAAsB,IAANb,EAEtB,OACGc,EAAOA,QAACf,EAAaU,KAAiBI,IAAkBZ,GACxDA,GAAsBY,GAIrBE,EAAgBb,EAAOc,UAAUV,GAEvCW,EAAAA,WAAU,WACR,GAAKtB,EAAL,CAIA,IAAMuB,GAAgC,IAAnBH,EAAuB,EAAIA,EACxCI,EAAStB,EAAWuB,QAAQF,GAE9BC,IACFA,EAAOE,MAAM,CAAEC,eAAe,IAC9B1B,SAAAA,IAPF,CASD,GAAE,CAACD,EAAWC,EAAamB,IAE5B,IAAMQ,EAAc,SAACC,EAAeH,GAGvB,IAAAI,GAFXhC,EAASe,EAAAA,WAAWN,EAAOsB,KAEvBH,KACuB,QAAzBxB,EAAAA,EAAWuB,QAAQI,UAAM,IAAAC,GAAzBA,EAA2BJ,MAAM,CAAEC,eAAe,MAIhDI,EAAsD,SAAAC,GAC1D,IACIC,EADEC,EAAeC,OAAOH,EAAMI,cAAcC,QAAQR,OAGxD,OAAQG,EAAMM,KACZ,IAAK,aACHL,GAAaC,EAAe,GAAK3B,EAAOgC,OACxC,MACF,IAAK,YACHN,GAAaC,EAAe,EAAI3B,EAAOgC,QAAUhC,EAAOgC,OACxD,MACF,IAAK,YACHN,GAAaC,EAhEA,IAgE+B3B,EAAOgC,OACnD,MACF,IAAK,UACHN,GAAaC,EAnEA,GAmE8B3B,EAAOgC,QAAUhC,EAAOgC,OACnE,MACF,IAAK,OACHN,EAAY,EACZ,MACF,IAAK,MACHA,EAAY1B,EAAOgC,OAAS,EAC5B,MACF,IAAK,QACL,IAAK,IAGH,OAFAP,EAAMQ,sBACNZ,EAAYM,GAAc,GAE5B,QACE,OAGqB,iBAAdD,IACTD,EAAMQ,iBACNZ,EAAYK,GAAW,KAI3B,OACEQ,EAAAA,IAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAMC,KAAK,aAAa,aAAW,gBAAeC,SACtEvC,EAAOwC,KAAI,SAACnC,EAAOiB,GAClB,IAAMmB,EAAWnC,aAAWD,GACtBqC,EAAeC,EAAAA,aAAatC,GAAS,IACrCM,EAA+B,IAAf8B,EAAS3C,EACzB8C,EAAaxC,EAAgBC,GAEnC,OACE6B,EAAAA,IAAA,MAAA,CAEEW,IAAK,SAAAC,GACHnD,EAAWuB,QAAQI,GAASwB,CAC5B,EACFX,UAAWY,EAAU,QACnBX,EAAOnB,OACP2B,GAAcR,EAAOY,SACrBrC,GAAiByB,EAAOa,aACvBP,GAAgB/B,IAAkByB,EAAOc,YAE5CC,QAAS,WAAA,OAAM5D,EAASkD,EAAU,EAClCW,UAAW5B,EACX6B,MAAO1C,OAAgB2C,EAAY,CAAEC,WAAYlD,GACjDiC,KAAK,QACL,eAAcM,EACd,aAAYjC,EAAgB,cAAgBN,EAAMmD,cAClDC,SAAUb,IAAkC,IAAnB/B,GAAkC,IAAVS,EAAe,GAAK,EACrE,aAAYA,EAAMiB,SAElBL,MAACwB,iBAAc,CAACC,KAAM,GAAIxB,UAAWC,EAAOwB,QAnBvCvD,OAyBjB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/slicedToArray"),o=require("classnames"),c=require("react"),e=require("../Button/Button.js"),n=require("../Tooltip/Tooltip.js"),i=require("./useOffsetWellsIcon.js"),r=require("./OffsetWellsButton.scss.js"),u=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.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/SearchOne.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/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var t=require("react/jsx-runtime");function l(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var a=l(s),m=l(o),j=[],d=c.forwardRef((function(s,o){var l=s.wells,d=void 0===l?j:l,I=s.showLimitationsMessage,q=s.label,p=void 0===q?"Offset Wells":q,f=s.onExpand,h=s.expanded,C=s.onClick,x=s.disabled,b=s.isExpandTooltipDisabled,O=s.tooltipTitle,v=s.forceExpandButton,F=s.icon,k=s.testId,y=s.className,A=Array.isArray(d)?d:j,P=i.useOffsetWellsIcon(A,F),M=c.useState(!1),g=a.default(M,2),E=g[0],T=g[1],B=c.useCallback((function(){return T(!0)}),[]),N=c.useCallback((function(){return T(!1)}),[]),D=c.useCallback((function(s){s.stopPropagation(),null==f||f(!h,s)}),[f,h]),W="number"==typeof d?d:d.length,R=!!f&&(W>0||v),w="string"!=typeof p;return t.jsxs("div",{className:m.default(r.root,y),ref:o,children:[I&&t.jsx(n.Tooltip,{title:"".concat(p," list wasn't populated completely due to technical limitations of the app."),children:t.jsx("span",{className:r.infoIcon,children:t.jsx(u.InfoIcon,{size:20})})}),t.jsx(n.Tooltip,{title:null!=O?O:"Edit Offset Wells",open:E,children:t.jsx(e.Button,{type:"chart",size:"small",disabled:x,onClick:C,testId:k,className:m.default(r.button,R&&r.withExpand),prefix:P?t.jsx("span",{className:r.icon,children:P}):void 0,suffix:R&&t.jsx(n.Tooltip,{title:"".concat(h?"Collapse":"Expand"," ").concat(p),disabled:b,children:t.jsx("button",{type:"button",onClick:D,disabled:x,className:m.default(r.expandButton,h&&r.expandedButton),children:t.jsx(u.DownIcon,{className:m.default(r.expandIcon,h&&r.expanded)})})}),children:t.jsxs("span",{className:r.label,onMouseEnter:B,onMouseLeave:N,children:[p,w||!p?"":": ",W]})})})]})}));exports.OffsetWellsButton=d;
|
|
2
2
|
//# sourceMappingURL=OffsetWellsButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OffsetWellsButton.js","sources":["../../../../src/componentsV2/OffsetWellsButton/OffsetWellsButton.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {
|
|
1
|
+
{"version":3,"file":"OffsetWellsButton.js","sources":["../../../../src/componentsV2/OffsetWellsButton/OffsetWellsButton.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n forwardRef,\n MouseEvent,\n MouseEventHandler,\n ReactElement,\n ReactNode,\n useCallback,\n useState,\n} from 'react';\n\nimport { Button } from '../Button';\nimport { Tooltip } from '../Tooltip';\n\nimport { useOffsetWellsIcon } from './useOffsetWellsIcon';\n\nimport styles from './OffsetWellsButton.scss';\n\nimport { DownIcon, InfoIcon } from '~/icons';\n\nexport type OffsetWell = {\n id: number;\n [key: string]: unknown;\n};\n\nexport type OffsetWellsButtonProps = {\n wells?: OffsetWell[] | number;\n onClick?: MouseEventHandler;\n /**\n * Whether the wells list is currently expanded\n */\n expanded?: boolean;\n /**\n * Callback fired when expand/collapse button is clicked\n */\n onExpand?: (expanded: boolean, event: MouseEvent<HTMLButtonElement>) => void;\n /**\n * Shows info icon with limitations warning tooltip\n */\n showLimitationsMessage?: boolean;\n /**\n * Custom label for the button (defaults to \"Offset Wells\")\n */\n label?: ReactNode;\n /**\n * Disables all interactions with the component\n */\n disabled?: boolean;\n /**\n * Disables tooltips on expand/collapse button\n */\n isExpandTooltipDisabled?: boolean;\n /**\n * Custom text for the edit tooltip (defaults to 'Edit Offset Wells')\n */\n tooltipTitle?: string;\n /**\n * Force showing expand icon even when wells === 0\n */\n forceExpandButton?: boolean;\n /**\n * Icon to display in the button (defaults to Well icon)\n */\n icon?: ReactElement | null;\n /**\n * Additional CSS class name\n */\n className?: string;\n /**\n * Test ID for the main button\n */\n testId?: string;\n};\n\nconst DEFAULT_ARRAY: OffsetWell[] = [];\n\nexport const OffsetWellsButton = forwardRef<HTMLDivElement, OffsetWellsButtonProps>(\n (\n {\n wells = DEFAULT_ARRAY,\n showLimitationsMessage,\n label = 'Offset Wells',\n onExpand,\n expanded,\n onClick,\n disabled,\n isExpandTooltipDisabled,\n tooltipTitle,\n forceExpandButton,\n icon,\n testId,\n className,\n },\n ref\n ) => {\n const wellsArray = Array.isArray(wells) ? wells : DEFAULT_ARRAY;\n // Determines icon: shows Global when wells match globalOffsetWells, otherwise Well icon\n const displayIcon = useOffsetWellsIcon(wellsArray, icon);\n const [tooltipOpen, setTooltipOpen] = useState(false);\n\n const openTooltip = useCallback(() => setTooltipOpen(true), []);\n const closeTooltip = useCallback(() => setTooltipOpen(false), []);\n\n const handleExpand = useCallback<MouseEventHandler<HTMLButtonElement>>(\n event => {\n event.stopPropagation();\n onExpand?.(!expanded, event);\n },\n [onExpand, expanded]\n );\n\n const wellsCount = typeof wells === 'number' ? wells : wells.length;\n const canExpand = !!onExpand && (wellsCount > 0 || forceExpandButton);\n\n const isElementLabel = typeof label !== 'string';\n\n return (\n <div className={classNames(styles.root, className)} ref={ref}>\n {showLimitationsMessage && (\n <Tooltip\n title={`${label} list wasn't populated completely due to technical limitations of the app.`}\n >\n <span className={styles.infoIcon}>\n <InfoIcon size={20} />\n </span>\n </Tooltip>\n )}\n\n <Tooltip title={tooltipTitle ?? 'Edit Offset Wells'} open={tooltipOpen}>\n <Button\n type=\"chart\"\n size=\"small\"\n disabled={disabled}\n onClick={onClick}\n testId={testId}\n className={classNames(styles.button, canExpand && styles.withExpand)}\n prefix={displayIcon ? <span className={styles.icon}>{displayIcon}</span> : undefined}\n suffix={\n canExpand && (\n <Tooltip\n title={`${expanded ? 'Collapse' : 'Expand'} ${label}`}\n disabled={isExpandTooltipDisabled}\n >\n {/* Keeping expand as a nested button ensures the main button hover style remains active, per design. */}\n <button\n type=\"button\"\n onClick={handleExpand}\n disabled={disabled}\n className={classNames(styles.expandButton, expanded && styles.expandedButton)}\n >\n <DownIcon\n className={classNames(styles.expandIcon, expanded && styles.expanded)}\n />\n </button>\n </Tooltip>\n )\n }\n >\n <span className={styles.label} onMouseEnter={openTooltip} onMouseLeave={closeTooltip}>\n {label}\n {isElementLabel || !label ? '' : ': '}\n {wellsCount}\n </span>\n </Button>\n </Tooltip>\n </div>\n );\n }\n);\n"],"names":["DEFAULT_ARRAY","OffsetWellsButton","forwardRef","_ref","ref","_ref$wells","wells","showLimitationsMessage","_ref$label","label","onExpand","expanded","onClick","disabled","isExpandTooltipDisabled","tooltipTitle","forceExpandButton","icon","testId","className","wellsArray","Array","isArray","displayIcon","useOffsetWellsIcon","useState","_useState2","_slicedToArray","_useState","tooltipOpen","setTooltipOpen","openTooltip","useCallback","closeTooltip","handleExpand","event","stopPropagation","wellsCount","length","canExpand","isElementLabel","_jsxs","classNames","styles","root","children","_jsx","jsx","Tooltip","title","concat","infoIcon","InfoIcon","size","open","Button","type","button","withExpand","prefix","undefined","suffix","expandButton","expandedButton","DownIcon","expandIcon","jsxs","onMouseEnter","onMouseLeave"],"mappings":"i+IA0EMA,EAA8B,GAEvBC,EAAoBC,EAAUA,YACzC,SAAAC,EAgBEC,GACG,IAAAC,EAAAF,EAfDG,MAAAA,aAAQN,EAAaK,EACrBE,IAAAA,uBAAsBC,EAAAL,EACtBM,MAAAA,aAAQ,eAAcD,EACtBE,IAAAA,SACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,wBACAC,IAAAA,aACAC,IAAAA,kBACAC,IAAAA,KACAC,IAAAA,OACAC,IAAAA,UAIIC,EAAaC,MAAMC,QAAQhB,GAASA,EAAQN,EAE5CuB,EAAcC,EAAAA,mBAAmBJ,EAAYH,GACbQ,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAA9CC,EAAWH,EAAA,GAAEI,EAAcJ,EAAA,GAE5BK,EAAcC,EAAAA,aAAY,WAAA,OAAMF,GAAe,EAAK,GAAE,IACtDG,EAAeD,EAAAA,aAAY,WAAA,OAAMF,GAAe,EAAM,GAAE,IAExDI,EAAeF,eACnB,SAAAG,GACEA,EAAMC,kBACN1B,SAAAA,GAAYC,EAAUwB,EACxB,GACA,CAACzB,EAAUC,IAGP0B,EAA8B,iBAAV/B,EAAqBA,EAAQA,EAAMgC,OACvDC,IAAc7B,IAAa2B,EAAa,GAAKrB,GAE7CwB,EAAkC,iBAAV/B,EAE9B,OACEgC,EAAAA,KAAA,MAAA,CAAKtB,UAAWuB,EAAU,QAACC,EAAOC,KAAMzB,GAAYf,IAAKA,EAAIyC,SAC1DtC,CAAAA,GACCuC,EAAAC,IAACC,UAAO,CACNC,MAAK,GAAAC,OAAKzC,EAAkF,8EAAAoC,SAE5FC,EAAAC,IAAA,OAAA,CAAM5B,UAAWwB,EAAOQ,SAASN,SAC/BC,MAACM,WAAQ,CAACC,KAAM,SAKtBP,MAACE,UAAO,CAACC,MAAOlC,QAAAA,EAAgB,oBAAqBuC,KAAMzB,EAAYgB,SACrEC,MAACS,SAAM,CACLC,KAAK,QACLH,KAAK,QACLxC,SAAUA,EACVD,QAASA,EACTM,OAAQA,EACRC,UAAWuB,EAAU,QAACC,EAAOc,OAAQlB,GAAaI,EAAOe,YACzDC,OAAQpC,EAAcuB,EAAAC,IAAA,OAAA,CAAM5B,UAAWwB,EAAO1B,KAAK4B,SAAEtB,SAAsBqC,EAC3EC,OACEtB,GACEO,EAAAC,IAACC,UAAO,CACNC,MAAK,GAAAC,OAAKvC,EAAW,WAAa,SAAQ,KAAAuC,OAAIzC,GAC9CI,SAAUC,EAAwB+B,SAGlCC,EAAAC,IAAA,SAAA,CACES,KAAK,SACL5C,QAASsB,EACTrB,SAAUA,EACVM,UAAWuB,EAAU,QAACC,EAAOmB,aAAcnD,GAAYgC,EAAOoB,gBAAgBlB,SAE9EC,MAACkB,WAAQ,CACP7C,UAAWuB,EAAU,QAACC,EAAOsB,WAAYtD,GAAYgC,EAAOhC,gBAKrEkC,SAEDJ,EAAAyB,KAAA,OAAA,CAAM/C,UAAWwB,EAAOlC,MAAO0D,aAAcpC,EAAaqC,aAAcnC,EAAaY,SAClFpC,CAAAA,EACA+B,IAAmB/B,EAAQ,GAAK,KAChC4B,WAMb"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".OffsetWellsButton_root__wCEAz{align-items:center;display:flex;flex-flow:row nowrap;gap:4px}.OffsetWellsButton_button__pYP5M{font-size:16px}.OffsetWellsButton_button__pYP5M .MuiButton-root{min-width:auto!important}.
|
|
1
|
+
"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".OffsetWellsButton_root__wCEAz{align-items:center;display:inline-flex;flex-flow:row nowrap;gap:4px}.OffsetWellsButton_root__wCEAz .OffsetWellsButton_label__dbjop{color:inherit;display:block;line-height:16px;margin:-8px -8px -8px -40px;padding:8px 8px 8px 40px;position:relative;transition:color .15s cubic-bezier(.4,0,.2,1);z-index:1}.OffsetWellsButton_root__wCEAz:has(.OffsetWellsButton_expandButton__IQNRL:hover) .OffsetWellsButton_label__dbjop{color:var(--palette-primary-text-6)}.OffsetWellsButton_button__pYP5M{font-size:16px;overflow:hidden}.OffsetWellsButton_button__pYP5M .MuiButton-root{min-width:auto!important}.OffsetWellsButton_withExpand__lpZks{mask:linear-gradient(90deg,#000,#000 calc(100% - 33px),transparent calc(100% - 33px),transparent calc(100% - 32px),#000 calc(100% - 32px),#000)}.OffsetWellsButton_infoIcon__F2Z4V{color:var(--palette-info-main);cursor:pointer;margin-right:4px;margin-top:2px}.OffsetWellsButton_expandButton__IQNRL{align-items:center;background:none;border:none;border-radius:2px;color:var(--palette-primary-text-6);cursor:pointer;display:flex;height:32px;justify-content:center;margin:0 -6px 0 4px;transition:color .15s cubic-bezier(.4,0,.2,1);width:32px}.OffsetWellsButton_expandButton__IQNRL:disabled{cursor:not-allowed;opacity:.5}.OffsetWellsButton_expandButton__IQNRL:focus-visible,.OffsetWellsButton_expandButton__IQNRL:hover{color:var(--palette-primary-text-1)}.OffsetWellsButton_expandButton__IQNRL.OffsetWellsButton_expandedButton__P8dSl{color:var(--palette-primary-main)}.OffsetWellsButton_expandButton__IQNRL.OffsetWellsButton_expandedButton__P8dSl:focus-visible,.OffsetWellsButton_expandButton__IQNRL.OffsetWellsButton_expandedButton__P8dSl:hover{color:var(--palette-primary-light)}.OffsetWellsButton_expandIcon__EKEjA{height:16px;transition:transform .15s cubic-bezier(.4,0,.2,1);width:16px}.OffsetWellsButton_expanded__6KLFl{transform:rotate(180deg)}.OffsetWellsButton_icon__rncoC{color:var(--palette-primary-main)}"),module.exports={spacing:"8",root:"OffsetWellsButton_root__wCEAz",label:"OffsetWellsButton_label__dbjop",expandButton:"OffsetWellsButton_expandButton__IQNRL",button:"OffsetWellsButton_button__pYP5M",withExpand:"OffsetWellsButton_withExpand__lpZks",infoIcon:"OffsetWellsButton_infoIcon__F2Z4V",expandedButton:"OffsetWellsButton_expandedButton__P8dSl",expandIcon:"OffsetWellsButton_expandIcon__EKEjA",expanded:"OffsetWellsButton_expanded__6KLFl",icon:"OffsetWellsButton_icon__rncoC"};
|
|
2
2
|
//# sourceMappingURL=OffsetWellsButton.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import o from"@babel/runtime/helpers/objectWithoutProperties";import s from"@babel/runtime/helpers/defineProperty";import c from"classnames";import{isEqual as n}from"lodash";import{useRef as i,useEffect as t}from"react";import{parseColor as r,getLuminance as e}from"../utils.js";import{paletteColors as m}from"./constants.js";import p from"./Swatches.scss.js";import{CheckSmallIcon as u}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.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/SearchOne.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/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsx as a}from"react/jsx-runtime";var l=["a"];function j(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,n)}return c}function I(o){for(var c=1;c<arguments.length;c++){var n=null!=arguments[c]?arguments[c]:{};c%2?j(Object(n),!0).forEach((function(c){s(o,c,n[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(n,s))}))}return o}var d=function(s){var j=s.value,d=s.onChange,b=s.addTransparent,f=s.autoFocus,h=s.onAutoFocus,O=i([]),v=I(I({},j),{},{a:1}),C=0===j.a,g=b?m.toSpliced(
|
|
1
|
+
import o from"@babel/runtime/helpers/objectWithoutProperties";import s from"@babel/runtime/helpers/defineProperty";import c from"classnames";import{isEqual as n}from"lodash";import{useRef as i,useEffect as t}from"react";import{parseColor as r,getLuminance as e}from"../utils.js";import{paletteColors as m}from"./constants.js";import p from"./Swatches.scss.js";import{CheckSmallIcon as u}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.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/SearchOne.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/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsx as a}from"react/jsx-runtime";var l=["a"];function j(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,n)}return c}function I(o){for(var c=1;c<arguments.length;c++){var n=null!=arguments[c]?arguments[c]:{};c%2?j(Object(n),!0).forEach((function(c){s(o,c,n[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(n,s))}))}return o}var d=function(s){var j=s.value,d=s.onChange,b=s.addTransparent,f=s.autoFocus,h=s.onAutoFocus,O=i([]),v=I(I({},j),{},{a:1}),C=0===j.a,g=b?m.toSpliced(11,1,"#FFFFFF00"):m,F=function(s){var c=r(s),i=c.a,t=I(I({},o(c,l)),{},{a:1}),e=0===i;return n(v,t)&&!e&&!C||C&&e},P=g.findIndex(F);t((function(){if(f){var o=-1===P?0:P,s=O.current[o];s&&(s.focus({preventScroll:!0}),null==h||h())}}),[f,h,P]);var k=function(o,s){var c;(d(r(g[o])),s)&&(null===(c=O.current[o])||void 0===c||c.focus({preventScroll:!0}))},y=function(o){var s,c=Number(o.currentTarget.dataset.index);switch(o.key){case"ArrowRight":s=(c+1)%g.length;break;case"ArrowLeft":s=(c-1+g.length)%g.length;break;case"ArrowDown":s=(c+12)%g.length;break;case"ArrowUp":s=(c-12+g.length)%g.length;break;case"Home":s=0;break;case"End":s=g.length-1;break;case"Enter":case" ":return o.preventDefault(),void k(c,!1);default:return}"number"==typeof s&&(o.preventDefault(),k(s,!0))};return a("div",{className:p.root,role:"radiogroup","aria-label":"Color palette",children:g.map((function(o,s){var n=r(o),i=e(o)>.97,t=0===n.a,m=F(o);return a("div",{ref:function(o){O.current[s]=o},className:c(p.swatch,m&&p.selected,t&&p.transparent,(i||t)&&p.darkAccent),onClick:function(){return d(n)},onKeyDown:y,style:t?void 0:{background:o},role:"radio","aria-checked":m,"aria-label":t?"Transparent":o.toUpperCase(),tabIndex:m||-1===P&&0===s?0:-1,"data-index":s,children:a(u,{size:14,className:p.icon})},o)}))})};export{d as Swatches};
|
|
2
2
|
//# sourceMappingURL=Swatches.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Swatches.js","sources":["../../../../src/componentsV2/ColorPicker/Swatches/Swatches.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { isEqual } from 'lodash';\nimport { KeyboardEventHandler, useEffect, useRef } from 'react';\n\nimport { ColorChannels, getLuminance, parseColor } from '../utils';\n\nimport { paletteColors } from './constants';\n\nimport styles from './Swatches.scss';\n\nimport { CheckSmallIcon } from '~/icons';\n\nexport type SwatchesProps = {\n /**\n * Hex or rgba, with or without alpha\n */\n value: ColorChannels;\n onChange: (color: ColorChannels) => void;\n addTransparent?: boolean;\n autoFocus?: boolean;\n onAutoFocus?: () => void;\n};\n\nconst colorsPerRow = 12;\n\nexport const Swatches = ({\n value,\n onChange,\n addTransparent,\n autoFocus,\n onAutoFocus,\n}: SwatchesProps) => {\n const swatchRefs = useRef<Array<HTMLDivElement | null>>([]);\n const opaqueValue = { ...value, a: 1 };\n const isValueTransparent = value.a === 0;\n\n const colors = addTransparent\n ? paletteColors.toSpliced(
|
|
1
|
+
{"version":3,"file":"Swatches.js","sources":["../../../../src/componentsV2/ColorPicker/Swatches/Swatches.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { isEqual } from 'lodash';\nimport { KeyboardEventHandler, useEffect, useRef } from 'react';\n\nimport { ColorChannels, getLuminance, parseColor } from '../utils';\n\nimport { paletteColors } from './constants';\n\nimport styles from './Swatches.scss';\n\nimport { CheckSmallIcon } from '~/icons';\n\nexport type SwatchesProps = {\n /**\n * Hex or rgba, with or without alpha\n */\n value: ColorChannels;\n onChange: (color: ColorChannels) => void;\n addTransparent?: boolean;\n autoFocus?: boolean;\n onAutoFocus?: () => void;\n};\n\nconst colorsPerRow = 12;\n\nexport const Swatches = ({\n value,\n onChange,\n addTransparent,\n autoFocus,\n onAutoFocus,\n}: SwatchesProps) => {\n const swatchRefs = useRef<Array<HTMLDivElement | null>>([]);\n const opaqueValue = { ...value, a: 1 };\n const isValueTransparent = value.a === 0;\n\n const colors = addTransparent\n ? paletteColors.toSpliced(colorsPerRow - 1, 1, '#FFFFFF00')\n : paletteColors;\n\n const isSelectedColor = (color: string) => {\n const { a, ...colorChannels } = parseColor(color);\n const opaqueColor = { ...colorChannels, a: 1 };\n const isTransparent = a === 0;\n\n return (\n (isEqual(opaqueValue, opaqueColor) && !isTransparent && !isValueTransparent) ||\n (isValueTransparent && isTransparent)\n );\n };\n\n const selectedIndex = colors.findIndex(isSelectedColor);\n\n useEffect(() => {\n if (!autoFocus) {\n return;\n }\n\n const focusIndex = selectedIndex === -1 ? 0 : selectedIndex;\n const swatch = swatchRefs.current[focusIndex];\n\n if (swatch) {\n swatch.focus({ preventScroll: true });\n onAutoFocus?.();\n }\n }, [autoFocus, onAutoFocus, selectedIndex]);\n\n const selectColor = (index: number, focus: boolean) => {\n onChange(parseColor(colors[index]));\n\n if (focus) {\n swatchRefs.current[index]?.focus({ preventScroll: true });\n }\n };\n\n const handleKeyDown: KeyboardEventHandler<HTMLDivElement> = event => {\n const currentIndex = Number(event.currentTarget.dataset.index);\n let nextIndex: number | undefined;\n\n switch (event.key) {\n case 'ArrowRight':\n nextIndex = (currentIndex + 1) % colors.length;\n break;\n case 'ArrowLeft':\n nextIndex = (currentIndex - 1 + colors.length) % colors.length;\n break;\n case 'ArrowDown':\n nextIndex = (currentIndex + colorsPerRow) % colors.length;\n break;\n case 'ArrowUp':\n nextIndex = (currentIndex - colorsPerRow + colors.length) % colors.length;\n break;\n case 'Home':\n nextIndex = 0;\n break;\n case 'End':\n nextIndex = colors.length - 1;\n break;\n case 'Enter':\n case ' ':\n event.preventDefault();\n selectColor(currentIndex, false);\n return;\n default:\n return;\n }\n\n if (typeof nextIndex === 'number') {\n event.preventDefault();\n selectColor(nextIndex, true);\n }\n };\n\n return (\n <div className={styles.root} role=\"radiogroup\" aria-label=\"Color palette\">\n {colors.map((color, index) => {\n const channels = parseColor(color);\n const isLightColor = getLuminance(color) > 0.97;\n const isTransparent = channels.a === 0;\n const isSelected = isSelectedColor(color);\n\n return (\n <div\n key={color}\n ref={element => {\n swatchRefs.current[index] = element;\n }}\n className={classNames(\n styles.swatch,\n isSelected && styles.selected,\n isTransparent && styles.transparent,\n (isLightColor || isTransparent) && styles.darkAccent\n )}\n onClick={() => onChange(channels)}\n onKeyDown={handleKeyDown}\n style={isTransparent ? undefined : { background: color }}\n role=\"radio\"\n aria-checked={isSelected}\n aria-label={isTransparent ? 'Transparent' : color.toUpperCase()}\n tabIndex={isSelected || (selectedIndex === -1 && index === 0) ? 0 : -1}\n data-index={index}\n >\n <CheckSmallIcon size={14} className={styles.icon} />\n </div>\n );\n })}\n </div>\n );\n};\n"],"names":["Swatches","_ref","value","onChange","addTransparent","autoFocus","onAutoFocus","swatchRefs","useRef","opaqueValue","a","isValueTransparent","colors","paletteColors","toSpliced","colorsPerRow","isSelectedColor","color","parseColor","opaqueColor","_objectWithoutProperties","_parseColor","_excluded","isTransparent","isEqual","selectedIndex","findIndex","useEffect","focusIndex","swatch","current","focus","preventScroll","selectColor","index","_swatchRefs$current$i","handleKeyDown","event","nextIndex","currentIndex","Number","currentTarget","dataset","key","length","preventDefault","_jsx","className","styles","root","role","children","map","channels","isLightColor","getLuminance","isSelected","ref","element","classNames","selected","transparent","darkAccent","onClick","onKeyDown","style","undefined","background","toUpperCase","tabIndex","CheckSmallIcon","size","icon"],"mappings":"+hKAuBA,IAEaA,EAAW,SAMHC,GAAA,IALnBC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,eACAC,IAAAA,UACAC,IAAAA,YAEMC,EAAaC,EAAqC,IAClDC,SAAmBP,GAAK,GAAA,CAAEQ,EAAG,IAC7BC,EAAiC,IAAZT,EAAMQ,EAE3BE,EAASR,EACXS,EAAcC,UAAUC,GAAkB,EAAG,aAC7CF,EAEEG,EAAkB,SAACC,GACvB,IAAgCC,EAAAA,EAAWD,GAAnCP,IAAAA,EACFS,SADqBC,EAAAC,EAAAC,IACW,GAAA,CAAEZ,EAAG,IACrCa,EAAsB,IAANb,EAEtB,OACGc,EAAQf,EAAaU,KAAiBI,IAAkBZ,GACxDA,GAAsBY,GAIrBE,EAAgBb,EAAOc,UAAUV,GAEvCW,GAAU,WACR,GAAKtB,EAAL,CAIA,IAAMuB,GAAgC,IAAnBH,EAAuB,EAAIA,EACxCI,EAAStB,EAAWuB,QAAQF,GAE9BC,IACFA,EAAOE,MAAM,CAAEC,eAAe,IAC9B1B,SAAAA,IAPF,CASD,GAAE,CAACD,EAAWC,EAAamB,IAE5B,IAAMQ,EAAc,SAACC,EAAeH,GAGvB,IAAAI,GAFXhC,EAASe,EAAWN,EAAOsB,KAEvBH,KACuB,QAAzBxB,EAAAA,EAAWuB,QAAQI,UAAM,IAAAC,GAAzBA,EAA2BJ,MAAM,CAAEC,eAAe,MAIhDI,EAAsD,SAAAC,GAC1D,IACIC,EADEC,EAAeC,OAAOH,EAAMI,cAAcC,QAAQR,OAGxD,OAAQG,EAAMM,KACZ,IAAK,aACHL,GAAaC,EAAe,GAAK3B,EAAOgC,OACxC,MACF,IAAK,YACHN,GAAaC,EAAe,EAAI3B,EAAOgC,QAAUhC,EAAOgC,OACxD,MACF,IAAK,YACHN,GAAaC,EAhEA,IAgE+B3B,EAAOgC,OACnD,MACF,IAAK,UACHN,GAAaC,EAnEA,GAmE8B3B,EAAOgC,QAAUhC,EAAOgC,OACnE,MACF,IAAK,OACHN,EAAY,EACZ,MACF,IAAK,MACHA,EAAY1B,EAAOgC,OAAS,EAC5B,MACF,IAAK,QACL,IAAK,IAGH,OAFAP,EAAMQ,sBACNZ,EAAYM,GAAc,GAE5B,QACE,OAGqB,iBAAdD,IACTD,EAAMQ,iBACNZ,EAAYK,GAAW,KAI3B,OACEQ,EAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAMC,KAAK,aAAa,aAAW,gBAAeC,SACtEvC,EAAOwC,KAAI,SAACnC,EAAOiB,GAClB,IAAMmB,EAAWnC,EAAWD,GACtBqC,EAAeC,EAAatC,GAAS,IACrCM,EAA+B,IAAf8B,EAAS3C,EACzB8C,EAAaxC,EAAgBC,GAEnC,OACE6B,EAAA,MAAA,CAEEW,IAAK,SAAAC,GACHnD,EAAWuB,QAAQI,GAASwB,CAC5B,EACFX,UAAWY,EACTX,EAAOnB,OACP2B,GAAcR,EAAOY,SACrBrC,GAAiByB,EAAOa,aACvBP,GAAgB/B,IAAkByB,EAAOc,YAE5CC,QAAS,WAAA,OAAM5D,EAASkD,EAAU,EAClCW,UAAW5B,EACX6B,MAAO1C,OAAgB2C,EAAY,CAAEC,WAAYlD,GACjDiC,KAAK,QACL,eAAcM,EACd,aAAYjC,EAAgB,cAAgBN,EAAMmD,cAClDC,SAAUb,IAAkC,IAAnB/B,GAAkC,IAAVS,EAAe,GAAK,EACrE,aAAYA,EAAMiB,SAElBL,EAACwB,EAAc,CAACC,KAAM,GAAIxB,UAAWC,EAAOwB,QAnBvCvD,OAyBjB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OffsetWellsButton.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/OffsetWellsButton/OffsetWellsButton.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"OffsetWellsButton.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/OffsetWellsButton/OffsetWellsButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,SAAS,EAGV,MAAM,OAAO,CAAC;AAWf,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,CAAC,EAAE,UAAU,EAAE,GAAG,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC7E;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAIF,eAAO,MAAM,iBAAiB,mHA4F7B,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import o from"classnames";import{forwardRef as
|
|
1
|
+
import o from"@babel/runtime/helpers/slicedToArray";import s from"classnames";import{forwardRef as c,useState as i,useCallback as n}from"react";import{Button as t}from"../Button/Button.js";import{Tooltip as m}from"../Tooltip/Tooltip.js";import{useOffsetWellsIcon as r}from"./useOffsetWellsIcon.js";import e from"./OffsetWellsButton.scss.js";import{InfoIcon as p,DownIcon as u}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.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/SearchOne.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/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as l,jsx as a}from"react/jsx-runtime";var I=[],j=c((function(c,j){var d=c.wells,h=void 0===d?I:d,f=c.showLimitationsMessage,C=c.label,b=void 0===C?"Offset Wells":C,O=c.onExpand,x=c.expanded,F=c.onClick,v=c.disabled,A=c.isExpandTooltipDisabled,P=c.tooltipTitle,g=c.forceExpandButton,y=c.icon,E=c.testId,M=c.className,k=Array.isArray(h)?h:I,N=r(k,y),B=i(!1),T=o(B,2),D=T[0],R=T[1],W=n((function(){return R(!0)}),[]),S=n((function(){return R(!1)}),[]),w=n((function(o){o.stopPropagation(),null==O||O(!x,o)}),[O,x]),z="number"==typeof h?h:h.length,G=!!O&&(z>0||g),L="string"!=typeof b;return l("div",{className:s(e.root,M),ref:j,children:[f&&a(m,{title:"".concat(b," list wasn't populated completely due to technical limitations of the app."),children:a("span",{className:e.infoIcon,children:a(p,{size:20})})}),a(m,{title:null!=P?P:"Edit Offset Wells",open:D,children:a(t,{type:"chart",size:"small",disabled:v,onClick:F,testId:E,className:s(e.button,G&&e.withExpand),prefix:N?a("span",{className:e.icon,children:N}):void 0,suffix:G&&a(m,{title:"".concat(x?"Collapse":"Expand"," ").concat(b),disabled:A,children:a("button",{type:"button",onClick:w,disabled:v,className:s(e.expandButton,x&&e.expandedButton),children:a(u,{className:s(e.expandIcon,x&&e.expanded)})})}),children:l("span",{className:e.label,onMouseEnter:W,onMouseLeave:S,children:[b,L||!b?"":": ",z]})})})]})}));export{j as OffsetWellsButton};
|
|
2
2
|
//# sourceMappingURL=OffsetWellsButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OffsetWellsButton.js","sources":["../../../src/componentsV2/OffsetWellsButton/OffsetWellsButton.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {
|
|
1
|
+
{"version":3,"file":"OffsetWellsButton.js","sources":["../../../src/componentsV2/OffsetWellsButton/OffsetWellsButton.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n forwardRef,\n MouseEvent,\n MouseEventHandler,\n ReactElement,\n ReactNode,\n useCallback,\n useState,\n} from 'react';\n\nimport { Button } from '../Button';\nimport { Tooltip } from '../Tooltip';\n\nimport { useOffsetWellsIcon } from './useOffsetWellsIcon';\n\nimport styles from './OffsetWellsButton.scss';\n\nimport { DownIcon, InfoIcon } from '~/icons';\n\nexport type OffsetWell = {\n id: number;\n [key: string]: unknown;\n};\n\nexport type OffsetWellsButtonProps = {\n wells?: OffsetWell[] | number;\n onClick?: MouseEventHandler;\n /**\n * Whether the wells list is currently expanded\n */\n expanded?: boolean;\n /**\n * Callback fired when expand/collapse button is clicked\n */\n onExpand?: (expanded: boolean, event: MouseEvent<HTMLButtonElement>) => void;\n /**\n * Shows info icon with limitations warning tooltip\n */\n showLimitationsMessage?: boolean;\n /**\n * Custom label for the button (defaults to \"Offset Wells\")\n */\n label?: ReactNode;\n /**\n * Disables all interactions with the component\n */\n disabled?: boolean;\n /**\n * Disables tooltips on expand/collapse button\n */\n isExpandTooltipDisabled?: boolean;\n /**\n * Custom text for the edit tooltip (defaults to 'Edit Offset Wells')\n */\n tooltipTitle?: string;\n /**\n * Force showing expand icon even when wells === 0\n */\n forceExpandButton?: boolean;\n /**\n * Icon to display in the button (defaults to Well icon)\n */\n icon?: ReactElement | null;\n /**\n * Additional CSS class name\n */\n className?: string;\n /**\n * Test ID for the main button\n */\n testId?: string;\n};\n\nconst DEFAULT_ARRAY: OffsetWell[] = [];\n\nexport const OffsetWellsButton = forwardRef<HTMLDivElement, OffsetWellsButtonProps>(\n (\n {\n wells = DEFAULT_ARRAY,\n showLimitationsMessage,\n label = 'Offset Wells',\n onExpand,\n expanded,\n onClick,\n disabled,\n isExpandTooltipDisabled,\n tooltipTitle,\n forceExpandButton,\n icon,\n testId,\n className,\n },\n ref\n ) => {\n const wellsArray = Array.isArray(wells) ? wells : DEFAULT_ARRAY;\n // Determines icon: shows Global when wells match globalOffsetWells, otherwise Well icon\n const displayIcon = useOffsetWellsIcon(wellsArray, icon);\n const [tooltipOpen, setTooltipOpen] = useState(false);\n\n const openTooltip = useCallback(() => setTooltipOpen(true), []);\n const closeTooltip = useCallback(() => setTooltipOpen(false), []);\n\n const handleExpand = useCallback<MouseEventHandler<HTMLButtonElement>>(\n event => {\n event.stopPropagation();\n onExpand?.(!expanded, event);\n },\n [onExpand, expanded]\n );\n\n const wellsCount = typeof wells === 'number' ? wells : wells.length;\n const canExpand = !!onExpand && (wellsCount > 0 || forceExpandButton);\n\n const isElementLabel = typeof label !== 'string';\n\n return (\n <div className={classNames(styles.root, className)} ref={ref}>\n {showLimitationsMessage && (\n <Tooltip\n title={`${label} list wasn't populated completely due to technical limitations of the app.`}\n >\n <span className={styles.infoIcon}>\n <InfoIcon size={20} />\n </span>\n </Tooltip>\n )}\n\n <Tooltip title={tooltipTitle ?? 'Edit Offset Wells'} open={tooltipOpen}>\n <Button\n type=\"chart\"\n size=\"small\"\n disabled={disabled}\n onClick={onClick}\n testId={testId}\n className={classNames(styles.button, canExpand && styles.withExpand)}\n prefix={displayIcon ? <span className={styles.icon}>{displayIcon}</span> : undefined}\n suffix={\n canExpand && (\n <Tooltip\n title={`${expanded ? 'Collapse' : 'Expand'} ${label}`}\n disabled={isExpandTooltipDisabled}\n >\n {/* Keeping expand as a nested button ensures the main button hover style remains active, per design. */}\n <button\n type=\"button\"\n onClick={handleExpand}\n disabled={disabled}\n className={classNames(styles.expandButton, expanded && styles.expandedButton)}\n >\n <DownIcon\n className={classNames(styles.expandIcon, expanded && styles.expanded)}\n />\n </button>\n </Tooltip>\n )\n }\n >\n <span className={styles.label} onMouseEnter={openTooltip} onMouseLeave={closeTooltip}>\n {label}\n {isElementLabel || !label ? '' : ': '}\n {wellsCount}\n </span>\n </Button>\n </Tooltip>\n </div>\n );\n }\n);\n"],"names":["DEFAULT_ARRAY","OffsetWellsButton","forwardRef","_ref","ref","_ref$wells","wells","showLimitationsMessage","_ref$label","label","onExpand","expanded","onClick","disabled","isExpandTooltipDisabled","tooltipTitle","forceExpandButton","icon","testId","className","wellsArray","Array","isArray","displayIcon","useOffsetWellsIcon","useState","_useState2","_slicedToArray","_useState","tooltipOpen","setTooltipOpen","openTooltip","useCallback","closeTooltip","handleExpand","event","stopPropagation","wellsCount","length","canExpand","isElementLabel","_jsxs","classNames","styles","root","children","_jsx","Tooltip","title","concat","infoIcon","InfoIcon","size","open","Button","type","button","withExpand","prefix","undefined","suffix","expandButton","expandedButton","DownIcon","expandIcon","onMouseEnter","onMouseLeave"],"mappings":"+uIA0EA,IAAMA,EAA8B,GAEvBC,EAAoBC,GAC/B,SAAAC,EAgBEC,GACG,IAAAC,EAAAF,EAfDG,MAAAA,aAAQN,EAAaK,EACrBE,IAAAA,uBAAsBC,EAAAL,EACtBM,MAAAA,aAAQ,eAAcD,EACtBE,IAAAA,SACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,wBACAC,IAAAA,aACAC,IAAAA,kBACAC,IAAAA,KACAC,IAAAA,OACAC,IAAAA,UAIIC,EAAaC,MAAMC,QAAQhB,GAASA,EAAQN,EAE5CuB,EAAcC,EAAmBJ,EAAYH,GACbQ,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA9CC,EAAWH,EAAA,GAAEI,EAAcJ,EAAA,GAE5BK,EAAcC,GAAY,WAAA,OAAMF,GAAe,EAAK,GAAE,IACtDG,EAAeD,GAAY,WAAA,OAAMF,GAAe,EAAM,GAAE,IAExDI,EAAeF,GACnB,SAAAG,GACEA,EAAMC,kBACN1B,SAAAA,GAAYC,EAAUwB,EACxB,GACA,CAACzB,EAAUC,IAGP0B,EAA8B,iBAAV/B,EAAqBA,EAAQA,EAAMgC,OACvDC,IAAc7B,IAAa2B,EAAa,GAAKrB,GAE7CwB,EAAkC,iBAAV/B,EAE9B,OACEgC,EAAA,MAAA,CAAKtB,UAAWuB,EAAWC,EAAOC,KAAMzB,GAAYf,IAAKA,EAAIyC,SAC1DtC,CAAAA,GACCuC,EAACC,EAAO,CACNC,MAAK,GAAAC,OAAKxC,EAAkF,8EAAAoC,SAE5FC,EAAA,OAAA,CAAM3B,UAAWwB,EAAOO,SAASL,SAC/BC,EAACK,EAAQ,CAACC,KAAM,SAKtBN,EAACC,EAAO,CAACC,MAAOjC,QAAAA,EAAgB,oBAAqBsC,KAAMxB,EAAYgB,SACrEC,EAACQ,EAAM,CACLC,KAAK,QACLH,KAAK,QACLvC,SAAUA,EACVD,QAASA,EACTM,OAAQA,EACRC,UAAWuB,EAAWC,EAAOa,OAAQjB,GAAaI,EAAOc,YACzDC,OAAQnC,EAAcuB,EAAA,OAAA,CAAM3B,UAAWwB,EAAO1B,KAAK4B,SAAEtB,SAAsBoC,EAC3EC,OACErB,GACEO,EAACC,EAAO,CACNC,MAAK,GAAAC,OAAKtC,EAAW,WAAa,SAAQ,KAAAsC,OAAIxC,GAC9CI,SAAUC,EAAwB+B,SAGlCC,EAAA,SAAA,CACES,KAAK,SACL3C,QAASsB,EACTrB,SAAUA,EACVM,UAAWuB,EAAWC,EAAOkB,aAAclD,GAAYgC,EAAOmB,gBAAgBjB,SAE9EC,EAACiB,EAAQ,CACP5C,UAAWuB,EAAWC,EAAOqB,WAAYrD,GAAYgC,EAAOhC,gBAKrEkC,SAEDJ,EAAA,OAAA,CAAMtB,UAAWwB,EAAOlC,MAAOwD,aAAclC,EAAamC,aAAcjC,EAAaY,SAClFpC,CAAAA,EACA+B,IAAmB/B,EAAQ,GAAK,KAChC4B,WAMb"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={spacing:"8",root:"OffsetWellsButton_root__wCEAz",
|
|
1
|
+
import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={spacing:"8",root:"OffsetWellsButton_root__wCEAz",label:"OffsetWellsButton_label__dbjop",expandButton:"OffsetWellsButton_expandButton__IQNRL",button:"OffsetWellsButton_button__pYP5M",withExpand:"OffsetWellsButton_withExpand__lpZks",infoIcon:"OffsetWellsButton_infoIcon__F2Z4V",expandedButton:"OffsetWellsButton_expandedButton__P8dSl",expandIcon:"OffsetWellsButton_expandIcon__EKEjA",expanded:"OffsetWellsButton_expanded__6KLFl",icon:"OffsetWellsButton_icon__rncoC"};t(".OffsetWellsButton_root__wCEAz{align-items:center;display:inline-flex;flex-flow:row nowrap;gap:4px}.OffsetWellsButton_root__wCEAz .OffsetWellsButton_label__dbjop{color:inherit;display:block;line-height:16px;margin:-8px -8px -8px -40px;padding:8px 8px 8px 40px;position:relative;transition:color .15s cubic-bezier(.4,0,.2,1);z-index:1}.OffsetWellsButton_root__wCEAz:has(.OffsetWellsButton_expandButton__IQNRL:hover) .OffsetWellsButton_label__dbjop{color:var(--palette-primary-text-6)}.OffsetWellsButton_button__pYP5M{font-size:16px;overflow:hidden}.OffsetWellsButton_button__pYP5M .MuiButton-root{min-width:auto!important}.OffsetWellsButton_withExpand__lpZks{mask:linear-gradient(90deg,#000,#000 calc(100% - 33px),transparent calc(100% - 33px),transparent calc(100% - 32px),#000 calc(100% - 32px),#000)}.OffsetWellsButton_infoIcon__F2Z4V{color:var(--palette-info-main);cursor:pointer;margin-right:4px;margin-top:2px}.OffsetWellsButton_expandButton__IQNRL{align-items:center;background:none;border:none;border-radius:2px;color:var(--palette-primary-text-6);cursor:pointer;display:flex;height:32px;justify-content:center;margin:0 -6px 0 4px;transition:color .15s cubic-bezier(.4,0,.2,1);width:32px}.OffsetWellsButton_expandButton__IQNRL:disabled{cursor:not-allowed;opacity:.5}.OffsetWellsButton_expandButton__IQNRL:focus-visible,.OffsetWellsButton_expandButton__IQNRL:hover{color:var(--palette-primary-text-1)}.OffsetWellsButton_expandButton__IQNRL.OffsetWellsButton_expandedButton__P8dSl{color:var(--palette-primary-main)}.OffsetWellsButton_expandButton__IQNRL.OffsetWellsButton_expandedButton__P8dSl:focus-visible,.OffsetWellsButton_expandButton__IQNRL.OffsetWellsButton_expandedButton__P8dSl:hover{color:var(--palette-primary-light)}.OffsetWellsButton_expandIcon__EKEjA{height:16px;transition:transform .15s cubic-bezier(.4,0,.2,1);width:16px}.OffsetWellsButton_expanded__6KLFl{transform:rotate(180deg)}.OffsetWellsButton_icon__rncoC{color:var(--palette-primary-main)}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=OffsetWellsButton.scss.js.map
|
package/mcp-server/server.mjs
CHANGED