npm - @corva/ui - Versions diffs - 3.75.0-9 → 3.75.0-rc.0 - Mend

@corva/ui 3.75.0-9 → 3.75.0-rc.0

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 (1470) hide show

package/cjs-bundle/components/Formula/Formula.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Formula.js","sources":["../../../../src/components/Formula/Formula.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport classnames from 'classnames';\nimport { Button, Theme, useTheme } from '@material-ui/core';\n\nimport { replaceStringToLabel } from './utils';\nimport { useFormulaFunction } from './useFormulaFunction';\nimport { useFormulaStyles } from './useFormulaStyles';\nimport RootXIcon from './RootXIcon';\nimport FormulaTextEditor from './FormulaTextEditor';\nimport CloseSuggestion from './CloseSuggestion';\nimport SuggestionsMenu from './SuggestionsMenu';\n\nimport { CloseSmallIcon, InfoIcon } from '~/icons';\nimport useOutsideClick from '~/effects/useOutsideClick';\nimport Tooltip from '~/components/Tooltip';\n\nconst HOT_STR = '/f';\nconst mathSymbols = [\n { value: '', isShift: true, label: '8' },\n { value: '/', label: '/' },\n { value: '(', isShift: true, label: '9' },\n { value: ')', isShift: true, label: '0' },\n { value: '+', isShift: true, label: '+' },\n { value: '-', label: '-' },\n { value: '^', isShift: true, label: '6' },\n];\nconst getColor = (theme: Theme, isHighlight: boolean, isError: string) => {\n if (!isHighlight) return theme.palette.primary.text7;\n return isError ? theme.palette.error.main : theme.palette.primary.main;\n};\n\ntype FormulaObject = any;\n\ntype FormulaProps = {\n suggestions?: { key: string; label: string; unit?: string; type: string }[];\n initFormula?: string;\n /\n `FormulaObject` is an instance of [fparser](https://github.com/bylexus/fparse)\n */\n onSave?: (param: { formula: string; variables: string[]; formulaFunc: FormulaObject }) => void;\n};\n\nconst Formula = ({ suggestions = [], initFormula = '', onSave = () => {} }: FormulaProps) => {\n const [isVerified, setIsVerified] = useState(true);\n const [isValueUpdated, setIsValueUpdated] = useState(false);\n const [isHighlight, setIsHighlight] = useState(false);\n const [formulaValue, setFormulaValue] = useState(initFormula);\n const [cursorPos, setCursorPos] = useState(0);\n const [suggestionsMenuHeight, setSuggestionsMenuHeight] = useState(0);\n const formulaLabel = replaceStringToLabel(formulaValue, suggestions);\n const hotStrPos = formulaLabel.search(HOT_STR);\n const isSuggestionState = hotStrPos !== -1;\n const suggestionKeys = useMemo(() => suggestions.map(item => item.key), [suggestions]);\n const keyStr = formulaLabel.substring(hotStrPos + HOT_STR.length, cursorPos);\n\n const formulaRef = useRef<HTMLDivElement>(null);\n const classes = useFormulaStyles({ isValue: !isSuggestionState && !!formulaValue });\n\n const theme = useTheme();\n const { formulaFunction, error } = useFormulaFunction(formulaValue, suggestionKeys);\n\n useOutsideClick(formulaRef, () => {\n setIsHighlight(false);\n });\n\n const handleAddSuggestion = (value: string) => {\n const suggestion = suggestions.find(item => item.key === value);\n setIsValueUpdated(true);\n setIsHighlight(true);\n setFormulaValue(prev => prev.replace(`${HOT_STR}${keyStr}`, value ? `[${value}]` : ''));\n setCursorPos(hotStrPos + (suggestion?.label?.length \|\| 0));\n };\n\n const handleCloseSuggestionState = () => handleAddSuggestion('');\n\n const handleChangeEditorValue = useCallback(\n (newValue: string, newCursorPos: number) => {\n if (cursorPos !== newCursorPos) {\n setCursorPos(newCursorPos);\n }\n if (newValue !== formulaValue) {\n setFormulaValue(newValue);\n setIsVerified(false);\n }\n },\n [formulaValue, cursorPos]\n );\n\n const handleClickValue = () => {\n setIsHighlight(true);\n };\n\n const handleClear = () => {\n if (isSuggestionState) return;\n setIsVerified(false);\n setFormulaValue('');\n setCursorPos(0);\n setIsValueUpdated(true);\n };\n\n const handleVerify = () => {\n setIsVerified(true);\n const variables = suggestions\n .map(suggestion => suggestion.key)\n .filter(item => formulaValue && formulaValue.includes(item));\n onSave({ formula: formulaValue, variables, formulaFunc: formulaFunction });\n };\n\n useEffect(() => {\n setFormulaValue(initFormula);\n }, [initFormula]);\n\n return (\n <div className={classes.formulaContainer}>\n <div className={classes.formulaHeaderWrapper}>\n <div className={classes.formulaHeaderTextWrapper}>\n <RootXIcon color={getColor(theme, isHighlight, error)} />\n <div\n className={classes.formulaHeaderText}\n style={{ color: getColor(theme, isHighlight, error) }}\n >\n Formula Expression\n </div>\n </div>\n <div className={classes.formulaHeaderButtonWrapper} onClick={handleClear}>\n <CloseSmallIcon strokeWidth={3} size={16} />\n <div className={classes.formulaHeaderText}>Clear</div>\n </div>\n </div>\n <div className={classes.formulaEditorWrapper}>\n <div ref={formulaRef} onClick={handleClickValue}>\n <FormulaTextEditor\n initFormula={formulaValue}\n cursorPos={cursorPos}\n color={getColor(theme, isHighlight, error)}\n suggestions={suggestions}\n isValueUpdated={isValueUpdated}\n setIsValueUpdated={setIsValueUpdated}\n onChange={handleChangeEditorValue}\n />\n </div>\n {isSuggestionState && <CloseSuggestion onClose={handleCloseSuggestionState} />}\n </div>\n {isSuggestionState && (\n <SuggestionsMenu\n suggestions={suggestions}\n keyStr={keyStr}\n onAddSuggestion={handleAddSuggestion}\n onChangeHeight={setSuggestionsMenuHeight}\n />\n )}\n <div\n className={classes.formulaFooterWrapper}\n style={{ marginTop: isSuggestionState ? -suggestionsMenuHeight : 0 }}\n >\n <InfoIcon className={classes.formulaFooterIcon} strokeWidth={3} size={16} />\n <div className={classes.formulaFooterTextWrapper}>\n <div className={classes.formulaFooterText}>\n Type <span className={classes.funcText}>/f</span> to do add live channels to your\n equation. Use your keybord for numbers and{' '}\n <Tooltip\n title={\n <div className={classes.tooltipWrapper}>\n {mathSymbols.map(item => (\n <div key={item.value} className={classes.tooltipLine}>\n <span className={classes.tooltipValue}>{item.value}</span>\n <div key={item.value} className={classes.tooltipLabelContainer}>\n {!!item.isShift && <span className={classes.tooltipSymbol}>⇧</span>}\n <span>{item.label}</span>\n </div>\n </div>\n ))}\n </div>\n }\n placement=\"bottom\"\n >\n <span className={classes.successColor}>math symbols</span>\n </Tooltip>\n </div>\n </div>\n </div>\n <Button\n className={classes.verifyButton}\n variant=\"contained\"\n color=\"primary\"\n onClick={handleVerify}\n disabled={isVerified \|\| !formulaFunction}\n >\n Verify\n </Button>\n {!!formulaValue && (\n <span\n className={classnames(classes.resultText, {\n [classes.errorColor]: !!error,\n [classes.resultSuccessColor]: !error,\n })}\n >\n {error ? 'The formula is not valid' : 'The formula is valid'}\n </span>\n )}\n </div>\n );\n};\n\nexport default Formula;\n"],"names":["mathSymbols","value","isShift","label","getColor","theme","isHighlight","isError","palette","error","main","primary","text7","_ref","_classnames","_ref$suggestions","suggestions","_ref$initFormula","initFormula","_ref$onSave","onSave","useState","_useState2","_slicedToArray","_useState","isVerified","setIsVerified","_useState4","_useState3","isValueUpdated","setIsValueUpdated","_useState6","_useState5","setIsHighlight","_useState8","_useState7","formulaValue","setFormulaValue","_useState10","_useState9","cursorPos","setCursorPos","_useState12","_useState11","suggestionsMenuHeight","setSuggestionsMenuHeight","formulaLabel","replaceStringToLabel","hotStrPos","search","isSuggestionState","suggestionKeys","useMemo","map","item","key","keyStr","substring","length","formulaRef","useRef","classes","useFormulaStyles","isValue","useTheme","_useFormulaFunction","useFormulaFunction","formulaFunction","useOutsideClick","handleAddSuggestion","_suggestion$label","suggestion","find","prev","replace","concat","handleChangeEditorValue","useCallback","newValue","newCursorPos","useEffect","_jsxs","className","formulaContainer","children","jsxs","formulaHeaderWrapper","formulaHeaderTextWrapper","_jsx","RootXIcon","color","jsx","formulaHeaderText","style","formulaHeaderButtonWrapper","onClick","CloseSmallIcon","strokeWidth","size","formulaEditorWrapper","ref","FormulaTextEditor","onChange","CloseSuggestion","onClose","SuggestionsMenu","onAddSuggestion","onChangeHeight","formulaFooterWrapper","marginTop","InfoIcon","formulaFooterIcon","formulaFooterTextWrapper","formulaFooterText","funcText","Tooltip","title","tooltipWrapper","tooltipLine","tooltipValue","tooltipLabelContainer","tooltipSymbol","placement","successColor","Button","verifyButton","variant","variables","filter","includes","formula","formulaFunc","disabled","classnames","resultText","_defineProperty","errorColor","resultSuccessColor"],"mappings":"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"}
1	+ {"version":3,"file":"Formula.js","sources":["../../../../src/components/Formula/Formula.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport classnames from 'classnames';\nimport { Button, Theme, useTheme } from '@material-ui/core';\n\nimport { replaceStringToLabel } from './utils';\nimport { useFormulaFunction } from './useFormulaFunction';\nimport { useFormulaStyles } from './useFormulaStyles';\nimport RootXIcon from './RootXIcon';\nimport FormulaTextEditor from './FormulaTextEditor';\nimport CloseSuggestion from './CloseSuggestion';\nimport SuggestionsMenu from './SuggestionsMenu';\n\nimport { CloseSmallIcon, InfoIcon } from '~/icons';\nimport useOutsideClick from '~/effects/useOutsideClick';\nimport Tooltip from '~/components/Tooltip';\n\nconst HOT_STR = '/f';\nconst mathSymbols = [\n { value: '', isShift: true, label: '8' },\n { value: '/', label: '/' },\n { value: '(', isShift: true, label: '9' },\n { value: ')', isShift: true, label: '0' },\n { value: '+', isShift: true, label: '+' },\n { value: '-', label: '-' },\n { value: '^', isShift: true, label: '6' },\n];\nconst getColor = (theme: Theme, isHighlight: boolean, isError: string) => {\n if (!isHighlight) return theme.palette.primary.text7;\n return isError ? theme.palette.error.main : theme.palette.primary.main;\n};\n\ntype FormulaObject = any;\n\ntype FormulaProps = {\n suggestions?: { key: string; label: string; unit?: string; type: string }[];\n initFormula?: string;\n /\n `FormulaObject` is an instance of [fparser](https://github.com/bylexus/fparse)\n */\n onSave?: (param: { formula: string; variables: string[]; formulaFunc: FormulaObject }) => void;\n};\n\nconst Formula = ({ suggestions = [], initFormula = '', onSave = () => {} }: FormulaProps) => {\n const [isVerified, setIsVerified] = useState(true);\n const [isValueUpdated, setIsValueUpdated] = useState(false);\n const [isHighlight, setIsHighlight] = useState(false);\n const [formulaValue, setFormulaValue] = useState(initFormula);\n const [cursorPos, setCursorPos] = useState(0);\n const [suggestionsMenuHeight, setSuggestionsMenuHeight] = useState(0);\n const formulaLabel = replaceStringToLabel(formulaValue, suggestions);\n const hotStrPos = formulaLabel.search(HOT_STR);\n const isSuggestionState = hotStrPos !== -1;\n const suggestionKeys = useMemo(() => suggestions.map(item => item.key), [suggestions]);\n const keyStr = formulaLabel.substring(hotStrPos + HOT_STR.length, cursorPos);\n\n const formulaRef = useRef<HTMLDivElement>(null);\n const classes = useFormulaStyles({ isValue: !isSuggestionState && !!formulaValue });\n\n const theme = useTheme();\n const { formulaFunction, error } = useFormulaFunction(formulaValue, suggestionKeys);\n\n useOutsideClick(formulaRef, () => {\n setIsHighlight(false);\n });\n\n const handleAddSuggestion = (value: string) => {\n const suggestion = suggestions.find(item => item.key === value);\n setIsValueUpdated(true);\n setIsHighlight(true);\n setFormulaValue(prev => prev.replace(`${HOT_STR}${keyStr}`, value ? `[${value}]` : ''));\n setCursorPos(hotStrPos + (suggestion?.label?.length \|\| 0));\n };\n\n const handleCloseSuggestionState = () => handleAddSuggestion('');\n\n const handleChangeEditorValue = useCallback(\n (newValue: string, newCursorPos: number) => {\n if (cursorPos !== newCursorPos) {\n setCursorPos(newCursorPos);\n }\n if (newValue !== formulaValue) {\n setFormulaValue(newValue);\n setIsVerified(false);\n }\n },\n [formulaValue, cursorPos]\n );\n\n const handleClickValue = () => {\n setIsHighlight(true);\n };\n\n const handleClear = () => {\n if (isSuggestionState) return;\n setIsVerified(false);\n setFormulaValue('');\n setCursorPos(0);\n setIsValueUpdated(true);\n };\n\n const handleVerify = () => {\n setIsVerified(true);\n const variables = suggestions\n .map(suggestion => suggestion.key)\n .filter(item => formulaValue && formulaValue.includes(item));\n onSave({ formula: formulaValue, variables, formulaFunc: formulaFunction });\n };\n\n useEffect(() => {\n setFormulaValue(initFormula);\n }, [initFormula]);\n\n return (\n <div className={classes.formulaContainer}>\n <div className={classes.formulaHeaderWrapper}>\n <div className={classes.formulaHeaderTextWrapper}>\n <RootXIcon color={getColor(theme, isHighlight, error)} />\n <div\n className={classes.formulaHeaderText}\n style={{ color: getColor(theme, isHighlight, error) }}\n >\n Formula Expression\n </div>\n </div>\n <div className={classes.formulaHeaderButtonWrapper} onClick={handleClear}>\n <CloseSmallIcon strokeWidth={3} size={16} />\n <div className={classes.formulaHeaderText}>Clear</div>\n </div>\n </div>\n <div className={classes.formulaEditorWrapper}>\n <div ref={formulaRef} onClick={handleClickValue}>\n <FormulaTextEditor\n initFormula={formulaValue}\n cursorPos={cursorPos}\n color={getColor(theme, isHighlight, error)}\n suggestions={suggestions}\n isValueUpdated={isValueUpdated}\n setIsValueUpdated={setIsValueUpdated}\n onChange={handleChangeEditorValue}\n />\n </div>\n {isSuggestionState && <CloseSuggestion onClose={handleCloseSuggestionState} />}\n </div>\n {isSuggestionState && (\n <SuggestionsMenu\n suggestions={suggestions}\n keyStr={keyStr}\n onAddSuggestion={handleAddSuggestion}\n onChangeHeight={setSuggestionsMenuHeight}\n />\n )}\n <div\n className={classes.formulaFooterWrapper}\n style={{ marginTop: isSuggestionState ? -suggestionsMenuHeight : 0 }}\n >\n <InfoIcon className={classes.formulaFooterIcon} strokeWidth={3} size={16} />\n <div className={classes.formulaFooterTextWrapper}>\n <div className={classes.formulaFooterText}>\n Type <span className={classes.funcText}>/f</span> to do add live channels to your\n equation. Use your keybord for numbers and{' '}\n <Tooltip\n title={\n <div className={classes.tooltipWrapper}>\n {mathSymbols.map(item => (\n <div key={item.value} className={classes.tooltipLine}>\n <span className={classes.tooltipValue}>{item.value}</span>\n <div key={item.value} className={classes.tooltipLabelContainer}>\n {!!item.isShift && <span className={classes.tooltipSymbol}>⇧</span>}\n <span>{item.label}</span>\n </div>\n </div>\n ))}\n </div>\n }\n placement=\"bottom\"\n >\n <span className={classes.successColor}>math symbols</span>\n </Tooltip>\n </div>\n </div>\n </div>\n <Button\n className={classes.verifyButton}\n variant=\"contained\"\n color=\"primary\"\n onClick={handleVerify}\n disabled={isVerified \|\| !formulaFunction}\n >\n Verify\n </Button>\n {!!formulaValue && (\n <span\n className={classnames(classes.resultText, {\n [classes.errorColor]: !!error,\n [classes.resultSuccessColor]: !error,\n })}\n >\n {error ? 'The formula is not valid' : 'The formula is valid'}\n </span>\n )}\n </div>\n );\n};\n\nexport default Formula;\n"],"names":["mathSymbols","value","isShift","label","getColor","theme","isHighlight","isError","palette","error","main","primary","text7","_ref","_classnames","_ref$suggestions","suggestions","_ref$initFormula","initFormula","_ref$onSave","onSave","useState","_useState2","_slicedToArray","_useState","isVerified","setIsVerified","_useState4","_useState3","isValueUpdated","setIsValueUpdated","_useState6","_useState5","setIsHighlight","_useState8","_useState7","formulaValue","setFormulaValue","_useState10","_useState9","cursorPos","setCursorPos","_useState12","_useState11","suggestionsMenuHeight","setSuggestionsMenuHeight","formulaLabel","replaceStringToLabel","hotStrPos","search","isSuggestionState","suggestionKeys","useMemo","map","item","key","keyStr","substring","length","formulaRef","useRef","classes","useFormulaStyles","isValue","useTheme","_useFormulaFunction","useFormulaFunction","formulaFunction","useOutsideClick","handleAddSuggestion","_suggestion$label","suggestion","find","prev","replace","concat","handleChangeEditorValue","useCallback","newValue","newCursorPos","useEffect","_jsxs","className","formulaContainer","children","jsxs","formulaHeaderWrapper","formulaHeaderTextWrapper","_jsx","RootXIcon","color","jsx","formulaHeaderText","style","formulaHeaderButtonWrapper","onClick","CloseSmallIcon","strokeWidth","size","formulaEditorWrapper","ref","FormulaTextEditor","onChange","CloseSuggestion","onClose","SuggestionsMenu","onAddSuggestion","onChangeHeight","formulaFooterWrapper","marginTop","InfoIcon","formulaFooterIcon","formulaFooterTextWrapper","formulaFooterText","funcText","Tooltip","title","tooltipWrapper","tooltipLine","tooltipValue","tooltipLabelContainer","tooltipSymbol","placement","successColor","Button","verifyButton","variant","variables","filter","includes","formula","formulaFunc","disabled","classnames","resultText","_defineProperty","errorColor","resultSuccessColor"],"mappings":"qtJAiBMA,EAAc,CAClB,CAAEC,MAAO,IAAKC,SAAS,EAAMC,MAAO,KACpC,CAAEF,MAAO,IAAKE,MAAO,KACrB,CAAEF,MAAO,IAAKC,SAAS,EAAMC,MAAO,KACpC,CAAEF,MAAO,IAAKC,SAAS,EAAMC,MAAO,KACpC,CAAEF,MAAO,IAAKC,SAAS,EAAMC,MAAO,KACpC,CAAEF,MAAO,IAAKE,MAAO,KACrB,CAAEF,MAAO,IAAKC,SAAS,EAAMC,MAAO,MAEhCC,EAAW,SAACC,EAAcC,EAAsBC,GACpD,OAAKD,EACEC,EAAUF,EAAMG,QAAQC,MAAMC,KAAOL,EAAMG,QAAQG,QAAQD,KADzCL,EAAMG,QAAQG,QAAQC,KAEjD,iBAagB,SAA6EC,GAAA,IAAAC,EAAAC,EAAAF,EAA1EG,YAAAA,aAAc,GAAED,EAAAE,EAAAJ,EAAEK,YAAAA,aAAc,GAAED,EAAAE,EAAAN,EAAEO,OAAAA,OAAM,IAAAD,EAAG,WAAM,EAAEA,EAClCE,EAAAA,EAAQA,UAAC,GAAKC,EAAAC,EAAAA,QAAAC,EAAA,GAA3CC,EAAUH,EAAA,GAAEI,EAAaJ,EAAA,GACYD,EAAAA,EAAQA,UAAC,GAAMM,EAAAJ,EAAAA,QAAAK,EAAA,GAApDC,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GACFN,EAAAA,EAAQA,UAAC,GAAMU,EAAAR,EAAAA,QAAAS,EAAA,GAA9C1B,EAAWyB,EAAA,GAAEE,EAAcF,EAAA,GACMV,EAAAA,EAAQA,SAACH,GAAYgB,EAAAX,EAAAA,QAAAY,EAAA,GAAtDC,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GACFb,EAAAA,EAAQA,SAAC,GAAEiB,EAAAf,EAAAA,QAAAgB,EAAA,GAAtCC,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAC4BjB,EAAAA,EAAQA,SAAC,GAAEqB,EAAAnB,EAAAA,QAAAoB,EAAA,GAA9DC,EAAqBF,EAAA,GAAEG,EAAwBH,EAAA,GAChDI,EAAeC,EAAAA,qBAAqBX,EAAcpB,GAClDgC,EAAYF,EAAaG,OAlCjB,MAmCRC,GAAmC,IAAfF,EACpBG,EAAiBC,EAAAA,SAAQ,WAAA,OAAMpC,EAAYqC,KAAI,SAAAC,GAAI,OAAIA,EAAKC,SAAM,CAACvC,IACnEwC,GAASV,EAAaW,UAAUT,EArCxB,KAqC4CU,OAAQlB,GAE5DmB,GAAaC,SAAuB,MACpCC,GAAUC,EAAAA,iBAAiB,CAAEC,SAAUb,KAAuBd,IAE9D/B,GAAQ2D,EAAAA,WACdC,GAAmCC,EAAAA,mBAAmB9B,EAAce,GAA5DgB,MAAAA,gBAAiB1D,MAAAA,MAEzB2D,EAAgBT,IAAY,WAC1B1B,GAAe,EACjB,IAEA,IAAMoC,GAAsB,SAACpE,GAAkB,IAAAqE,EACvCC,EAAavD,EAAYwD,MAAK,SAAAlB,GAAI,OAAIA,EAAKC,MAAQtD,KACzD6B,GAAkB,GAClBG,GAAe,GACfI,GAAgB,SAAAoC,GAAI,OAAIA,EAAKC,QAAO,GAAAC,OArDxB,MAqDmCA,OAAGnB,IAAUvD,EAAK,IAAA0E,OAAO1E,EAAK,KAAM,OACnFwC,EAAaO,IAAauB,SAAA,QAAUD,EAAVC,EAAYpE,aAAZ,IAAAmE,OAAU,EAAVA,EAAmBZ,SAAU,KAKnDkB,GAA0BC,EAAAA,aAC9B,SAACC,EAAkBC,GACbvC,IAAcuC,GAChBtC,EAAasC,GAEXD,IAAa1C,IACfC,EAAgByC,GAChBpD,GAAc,GAElB,GACA,CAACU,EAAcI,IA2BjB,OAJAwC,EAAAA,WAAU,WACR3C,EAAgBnB,EAClB,GAAG,CAACA,IAGF+D,EAAAA,KAAA,MAAA,CAAKC,UAAWrB,GAAQsB,iBAAiBC,SACvC,CAAAH,EAAAI,KAAA,MAAA,CAAKH,UAAWrB,GAAQyB,qBAAqBF,SAC3C,CAAAH,EAAAI,KAAA,MAAA,CAAKH,UAAWrB,GAAQ0B,yBAAyBH,SAAA,CAC/CI,MAACC,EAAS,CAACC,MAAOtF,EAASC,GAAOC,EAAaG,MAC/C+E,EAAAG,IAAA,MAAA,CACET,UAAWrB,GAAQ+B,kBACnBC,MAAO,CAAEH,MAAOtF,EAASC,GAAOC,EAAaG,KAAS2E,SAAA,0BAK1DH,EAAAI,KAAA,MAAA,CAAKH,UAAWrB,GAAQiC,2BAA4BC,QAhCtC,WACd7C,IACJxB,GAAc,GACdW,EAAgB,IAChBI,EAAa,GACbX,GAAkB,KA2B2DsD,SAAA,CACvEI,MAACQ,iBAAc,CAACC,YAAa,EAAGC,KAAM,KACtCV,EAAAG,IAAA,MAAA,CAAKT,UAAWrB,GAAQ+B,kBAAkBR,SAAA,gBAG9CH,EAAAI,KAAA,MAAA,CAAKH,UAAWrB,GAAQsC,qBAAqBf,SAC3C,CAAAI,EAAAG,IAAA,MAAA,CAAKS,IAAKzC,GAAYoC,QA1CH,WACvB9D,GAAe,IAyCqCmD,SAC9CI,MAACa,UAAiB,CAChBnF,YAAakB,EACbI,UAAWA,EACXkD,MAAOtF,EAASC,GAAOC,EAAaG,IACpCO,YAAaA,EACba,eAAgBA,EAChBC,kBAAmBA,EACnBwE,SAAU1B,OAGb1B,GAAqBsC,EAAAG,IAACY,EAAe,CAACC,QApEV,WAAH,OAASnC,GAAoB,GAAG,OAsE3DnB,GACCsC,EAAAG,IAACc,EAAe,CACdzF,YAAaA,EACbwC,OAAQA,GACRkD,gBAAiBrC,GACjBsC,eAAgB9D,IAGpBoC,EAAAI,KAAA,MAAA,CACEH,UAAWrB,GAAQ+C,qBACnBf,MAAO,CAAEgB,UAAW3D,GAAqBN,EAAwB,GAAIwC,SAAA,CAErEI,MAACsB,WAAQ,CAAC5B,UAAWrB,GAAQkD,kBAAmBd,YAAa,EAAGC,KAAM,KACtEV,EAAAG,IAAA,MAAA,CAAKT,UAAWrB,GAAQmD,yBAAyB5B,SAC/CH,EAAAI,KAAA,MAAA,CAAKH,UAAWrB,GAAQoD,kBAAkB7B,SACnC,CAAA,QAAAI,EAAAG,IAAA,OAAA,CAAMT,UAAWrB,GAAQqD,SAAS9B,SAAA,OACI,8EAAA,IAC3CI,EAAAA,IAAC2B,EAAAA,QAAO,CACNC,MACE5B,EAAAG,IAAA,MAAA,CAAKT,UAAWrB,GAAQwD,eAAejC,SACpCpF,EAAYqD,KAAI,SAAAC,GAAI,OACnB2B,EAAAA,KAAA,MAAA,CAAsBC,UAAWrB,GAAQyD,YAAYlC,SACnD,CAAAI,EAAAG,IAAA,OAAA,CAAMT,UAAWrB,GAAQ0D,aAAanC,SAAE9B,EAAKrD,QAC7CgF,EAAAI,KAAA,MAAA,CAAsBH,UAAWrB,GAAQ2D,sBAAsBpC,SAAA,GAC1D9B,EAAKpD,SAAWsF,EAAAA,IAAA,OAAA,CAAMN,UAAWrB,GAAQ4D,cAAcrC,SAAA,MAC1DI,EAAAG,IAAA,OAAA,CAAAP,SAAO9B,EAAKnD,UAFJmD,EAAKrD,SAFPqD,EAAKrD,YAUrByH,UAAU,SAAQtC,SAElBI,EAAAG,IAAA,OAAA,CAAMT,UAAWrB,GAAQ8D,aAAavC,SAAA,2BAK9CI,MAACoC,SAAM,CACL1C,UAAWrB,GAAQgE,aACnBC,QAAQ,YACRpC,MAAM,UACNK,QArFe,WACnBrE,GAAc,GACd,IAAMqG,EAAY/G,EACfqC,KAAI,SAAAkB,GAAU,OAAIA,EAAWhB,GAAG,IAChCyE,QAAO,SAAA1E,GAAI,OAAIlB,GAAgBA,EAAa6F,SAAS3E,MACxDlC,EAAO,CAAE8G,QAAS9F,EAAc2F,UAAAA,EAAWI,YAAahE,MAiFpDiE,SAAU3G,IAAe0C,GAAgBiB,SAAA,aAIxChD,GACDoD,EAAAA,IAAA,OAAA,CACEN,UAAWmD,EAAAA,QAAWxE,GAAQyE,YAAUxH,EAAA,GAAAyH,EAAAA,QAAAzH,EACrC+C,GAAQ2E,aAAe/H,IACvBoD,EAAAA,QAAAA,EAAAA,GAAQ4E,oBAAsBhI,IAC9BK,IAAAsE,SAEF3E,GAAQ,2BAA6B,2BAKhD"}

package/cjs-bundle/components/GradientManager/GradientManager.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),r=require("@material-ui/core"),o=require("lodash"),n=require("react"),t=require("../IconButton/index.js"),i=require("../GradientPicker/GradientPicker.js");require("../../componentsV2/Text/Text.js"),require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Cell.js"),require("classnames"),require("../../componentsV2/Header/Header.scss.js");var c=require("react/jsx-runtime");require("../../componentsV2/Button/Button.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("uuid"),require("../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../componentsV2/Popover/Popover.js"),require("../../componentsV2/PopoverPanel/PopoverPanel.js"),require("../../componentsV2/Radio/Radio.js"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("@babel/runtime/helpers/toConsumableArray"),require("../../componentsV2/TextInput/TextInput.js");var u=require("../../componentsV2/TextInputNext/TextInputNext.js");require("../../componentsV2/TextArea/TextArea.js"),require("../../componentsV2/Label/Label.js"),require("../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/ModalWindow/ModalWindow.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("../../componentsV2/utils.js");var a=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/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/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"),require("../../componentsV2/Hint/Hint.scss.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../componentsV2/TemplatesControl/utils.js"),require("../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../componentsV2/TemplatesControl/Store/utils.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../componentsV2/TemplatesControl/types.js"),require("../../utils/index.js"),require("../../clients/jsonApi/index.js"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../utils/main.js"),require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("immutable"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js");var p=require("./configuration/constants.js");require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router-dom"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../constants/streamSourceType.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../utils/mobileDetect.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("moment"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../AppIcon/AppIcon.js"),require("../../utils/getSingleAsset.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../clients/subscriptions.v1.js"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("jsona"),require("../../utils/env.js"),require("../StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../componentsV2/AppSettings/AppSettings.js"),require("../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../../componentsV2/Autocomplete/Autocomplete.js"),require("../../componentsV2/Select/Select.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../componentsV2/DatePicker/DatePicker.js"),require("../../componentsV2/DragHandle/DragHandle.js"),require("../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../componentsV2/Slider/constants.js"),require("../../componentsV2/Slider/components/SliderThumb.js"),require("../../componentsV2/Slider/Slider.scss.js"),require("../../componentsV2/SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../../componentsV2/ColorPicker/Swatches/Swatches.scss.js"),require("../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../../componentsV2/ColorPicker/ColorPicker.scss.js"),require("../../componentsV2/ChartHelper/ChartHelper.scss.js"),require("../../componentsV2/Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js"),require("../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js");var l=require("./GradientList.js"),d=require("./GradientSelect.js"),m=require("./GradientManager.styles.js");function q(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=q(e),V=q(s);function A(e,s){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);s&&(o=o.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),r.push.apply(r,o)}return r}function I(e){for(var s=1;s<arguments.length;s++){var r=null!=arguments[s]?arguments[s]:{};s%2?A(Object(r),!0).forEach((function(s){j.default(e,s,r[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):A(Object(r)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(r,s))}))}return e}exports.GradientManager=function(e){var s,q,j=e.gradientId,A=e.onGradientEditStateChange,C=void 0===A?o.noop:A,g=e.onChange,v=void 0===g?o.noop:g,S=e.defaultGradients,h=void 0===S?p.DEFAULT_GRADIENTS:S,x=e.defaultGradientStops,b=void 0===x?p.DEFAULT_GRADIENT_STOPS:x,P=e.allowNoname,D=e.scaleOptions,T=(D=void 0===D?{}:D).scaleFrom,f=void 0===T?0:T,y=D.scaleTo,k=void 0===y?100:y,B=D.scaleUnit,G=e.className,O=m.useStyles(),E=n.useMemo((function(){return new l.GradientList(e.gradients||[],h,e.onGradientsChange)}),[e.gradients,h,e.onGradientsChange]),F=n.useState(null),H=V.default(F,2),M=H[0],L=H[1],w=e.disableGradientsManagement||!e.onGradientsChange,N=E.getHelperText({name:null!==(s=null==M?void 0:M.name)&&void 0!==s?s:"",allowNoname:null!=P&&P,gradientId:j});n.useEffect((function(){C(Boolean(M))}),[Boolean(M)]);var R=(null===(q=E.getById(j))||void 0===q?void 0:q.gradientStops)||e.gradientStops||b,U=n.useCallback((function(){L(null)}),[]),W=n.useCallback((function(){L({name:"",gradientStops:b,id:p.TEMP_GRADIENT_ID})}),[b]),_=n.useCallback((function(){var e;E.isDefault(j)?L({name:E.newName(),gradientStops:R,id:p.TEMP_GRADIENT_ID}):L({name:(null===(e=E.getById(j))||void 0===e?void 0:e.name)||"",gradientStops:R})}),[E,j,R]),z=function(){if(o.isEmpty(N)&&M){var e=M.gradientStops;if(e){var s=o.trim(M.name);if(L(null),s){if(E.getById(M.id||j))return E.update(j,{gradientStops:e,name:s}),void v({gradientId:j,gradientStops:e});var r=E.add(s,e);v({gradientId:r.id,gradientStops:e})}else P&&v({gradientStops:e,gradientId:null})}}},K=n.useCallback((function(e){e===j&&(v({gradientId:null,gradientStops:R}),L(null)),E.remove(e)}),[R,E,v,j]),X=function(e){var s=e.trimStart().substring(0,p.GRADIENT_MAX_NAME_LENGTH);L(I(I({},M),{},{name:s}))},Z=n.useCallback((function(e,s){switch(e){case"add":W();break;case"delete":K(s)}}),[W,K]),J=n.useCallback((function(e){var s,r=E.getById(e);v({gradientId:e,gradientStops:null!==(s=null==r?void 0:r.gradientStops)&&void 0!==s?s:b})}),[E,v,b]);return c.jsxs(r.Grid,{container:!0,className:G,children:[c.jsx(r.Grid,{item:!0,xs:6,children:M?c.jsx(u.TextInputNext,{className:O.customGradientName,label:"Gradient Name",value:M.name,onChange:X,onFocus:function(e){e.target.select()},onKeyDown:function(e){if("Enter"===e.key){var s=e.target.value;s&&(X(s),z())}},autoFocus:!0,status:null!=N&&N.error?"error":void 0,message:null==N?void 0:N.helperText}):c.jsx(d.GradientSelect,{value:j,gradients:e.gradients||[],onChange:J,defaultGradients:h,onAction:Z,readonly:w})}),c.jsx(r.Grid,{item:!0,xs:6,children:c.jsx(r.Box,{display:"flex",alignItems:"center",height:"100%",children:c.jsx(r.Box,{display:"flex",paddingLeft:1,children:M?c.jsxs(c.Fragment,{children:[c.jsx(t,{"data-testid":"save-gradient-btn",onClick:z,tooltipProps:{title:"Save"},disabled:!!N||w,children:c.jsx(a.CheckSmallIcon,{})}),c.jsx(t,{"data-testid":"cancel-edit-btn",onClick:U,tooltipProps:{title:"Cancel"},children:c.jsx(a.CloseSmallIcon,{})})]}):c.jsxs(c.Fragment,{children:[c.jsx(t,{"data-testid":"edit-gradient-btn",onClick:_,tooltipProps:{title:"Edit"},disabled:w,children:c.jsx(a.WriteIcon,{})}),!!E.getById(j)&&!E.isDefault(j)&&c.jsx(t,{"data-testid":"delete-gradient-btn",onClick:function(){return K(j)},tooltipProps:{title:"Remove"},disabled:w,children:c.jsx(a.DeleteFourIcon,{})})]})})})}),c.jsx(r.Grid,{item:!0,xs:12,children:c.jsx(i.GradientPicker,{from:f,to:k,unit:B,noScale:!0,gradientStops:(null==M?void 0:M.gradientStops)||R,onChange:function(e){L(I(I({},M),{},{gradientStops:e}))},readonly:!M,isMoveInputVisible:!0})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),o=require("@material-ui/core"),r=require("lodash"),n=require("react"),t=require("../IconButton/index.js"),i=require("../GradientPicker/GradientPicker.js");require("../../componentsV2/Text/Text.js"),require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Cell.js"),require("classnames"),require("../../componentsV2/Header/Header.scss.js");var c=require("react/jsx-runtime");require("../../componentsV2/Button/Button.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("uuid"),require("../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../componentsV2/Popover/Popover.js"),require("../../componentsV2/PopoverPanel/PopoverPanel.js"),require("../../componentsV2/Radio/Radio.js"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("@babel/runtime/helpers/toConsumableArray"),require("../../componentsV2/TextInput/TextInput.js");var u=require("../../componentsV2/TextInputNext/TextInputNext.js");require("../../componentsV2/TextArea/TextArea.js"),require("../../componentsV2/Label/Label.js"),require("../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/ModalWindow/ModalWindow.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("../../componentsV2/utils.js");var a=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"),require("../../componentsV2/Hint/Hint.scss.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../componentsV2/TemplatesControl/utils.js"),require("../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../componentsV2/TemplatesControl/Store/utils.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../componentsV2/TemplatesControl/types.js"),require("../../utils/index.js"),require("../../clients/jsonApi/index.js"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../utils/main.js"),require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("immutable"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js");var p=require("./configuration/constants.js");require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router-dom"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../constants/streamSourceType.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../utils/mobileDetect.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("moment"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../AppIcon/AppIcon.js"),require("../../utils/getSingleAsset.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../clients/subscriptions.v1.js"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("jsona"),require("../../utils/env.js"),require("../StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppPanel/AppPanelsContext.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../../componentsV2/Autocomplete/Autocomplete.js"),require("../../componentsV2/Select/Select.js"),require("../../componentsV2/AppPanel/AppPanel.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../componentsV2/DatePicker/DatePicker.js"),require("../../componentsV2/DragHandle/DragHandle.js"),require("../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../componentsV2/Slider/constants.js"),require("../../componentsV2/Slider/components/SliderThumb.js"),require("../../componentsV2/Slider/Slider.scss.js"),require("../../componentsV2/SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../../componentsV2/ColorPicker/Swatches/Swatches.scss.js"),require("../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../../componentsV2/ColorPicker/ColorPicker.scss.js"),require("../../componentsV2/ChartHelper/ChartHelper.scss.js"),require("../../componentsV2/Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js"),require("../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js");var l=require("./GradientList.js"),d=require("./GradientSelect.js"),m=require("./GradientManager.styles.js");function q(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=q(e),V=q(s);function A(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);s&&(r=r.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,r)}return o}function I(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?A(Object(o),!0).forEach((function(s){j.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):A(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}exports.GradientManager=function(e){var s,q,j=e.gradientId,A=e.onGradientEditStateChange,C=void 0===A?r.noop:A,v=e.onChange,g=void 0===v?r.noop:v,S=e.defaultGradients,h=void 0===S?p.DEFAULT_GRADIENTS:S,x=e.defaultGradientStops,b=void 0===x?p.DEFAULT_GRADIENT_STOPS:x,P=e.allowNoname,D=e.scaleOptions,T=(D=void 0===D?{}:D).scaleFrom,f=void 0===T?0:T,y=D.scaleTo,k=void 0===y?100:y,O=D.scaleUnit,F=e.className,G=m.useStyles(),B=n.useMemo((function(){return new l.GradientList(e.gradients||[],h,e.onGradientsChange)}),[e.gradients,h,e.onGradientsChange]),E=n.useState(null),H=V.default(E,2),M=H[0],L=H[1],w=e.disableGradientsManagement||!e.onGradientsChange,N=B.getHelperText({name:null!==(s=null==M?void 0:M.name)&&void 0!==s?s:"",allowNoname:null!=P&&P,gradientId:j});n.useEffect((function(){C(Boolean(M))}),[Boolean(M)]);var R=(null===(q=B.getById(j))||void 0===q?void 0:q.gradientStops)||e.gradientStops||b,U=n.useCallback((function(){L(null)}),[]),W=n.useCallback((function(){L({name:"",gradientStops:b,id:p.TEMP_GRADIENT_ID})}),[b]),_=n.useCallback((function(){var e;B.isDefault(j)?L({name:B.newName(),gradientStops:R,id:p.TEMP_GRADIENT_ID}):L({name:(null===(e=B.getById(j))||void 0===e?void 0:e.name)||"",gradientStops:R})}),[B,j,R]),z=function(){if(r.isEmpty(N)&&M){var e=M.gradientStops;if(e){var s=r.trim(M.name);if(L(null),s){if(B.getById(M.id||j))return B.update(j,{gradientStops:e,name:s}),void g({gradientId:j,gradientStops:e});var o=B.add(s,e);g({gradientId:o.id,gradientStops:e})}else P&&g({gradientStops:e,gradientId:null})}}},K=n.useCallback((function(e){e===j&&(g({gradientId:null,gradientStops:R}),L(null)),B.remove(e)}),[R,B,g,j]),X=function(e){var s=e.trimStart().substring(0,p.GRADIENT_MAX_NAME_LENGTH);L(I(I({},M),{},{name:s}))},Z=n.useCallback((function(e,s){switch(e){case"add":W();break;case"delete":K(s)}}),[W,K]),J=n.useCallback((function(e){var s,o=B.getById(e);g({gradientId:e,gradientStops:null!==(s=null==o?void 0:o.gradientStops)&&void 0!==s?s:b})}),[B,g,b]);return c.jsxs(o.Grid,{container:!0,className:F,children:[c.jsx(o.Grid,{item:!0,xs:6,children:M?c.jsx(u.TextInputNext,{className:G.customGradientName,label:"Gradient Name",value:M.name,onChange:X,onFocus:function(e){e.target.select()},onKeyDown:function(e){if("Enter"===e.key){var s=e.target.value;s&&(X(s),z())}},autoFocus:!0,status:null!=N&&N.error?"error":void 0,message:null==N?void 0:N.helperText}):c.jsx(d.GradientSelect,{value:j,gradients:e.gradients||[],onChange:J,defaultGradients:h,onAction:Z,readonly:w})}),c.jsx(o.Grid,{item:!0,xs:6,children:c.jsx(o.Box,{display:"flex",alignItems:"center",height:"100%",children:c.jsx(o.Box,{display:"flex",paddingLeft:1,children:M?c.jsxs(c.Fragment,{children:[c.jsx(t,{"data-testid":"save-gradient-btn",onClick:z,tooltipProps:{title:"Save"},disabled:!!N||w,children:c.jsx(a.CheckSmallIcon,{})}),c.jsx(t,{"data-testid":"cancel-edit-btn",onClick:U,tooltipProps:{title:"Cancel"},children:c.jsx(a.CloseSmallIcon,{})})]}):c.jsxs(c.Fragment,{children:[c.jsx(t,{"data-testid":"edit-gradient-btn",onClick:_,tooltipProps:{title:"Edit"},disabled:w,children:c.jsx(a.WriteIcon,{})}),!!B.getById(j)&&!B.isDefault(j)&&c.jsx(t,{"data-testid":"delete-gradient-btn",onClick:function(){return K(j)},tooltipProps:{title:"Remove"},disabled:w,children:c.jsx(a.DeleteFourIcon,{})})]})})})}),c.jsx(o.Grid,{item:!0,xs:12,children:c.jsx(i.GradientPicker,{from:f,to:k,unit:O,noScale:!0,gradientStops:(null==M?void 0:M.gradientStops)||R,onChange:function(e){L(I(I({},M),{},{gradientStops:e}))},readonly:!M,isMoveInputVisible:!0})})]})};
 //# sourceMappingURL=GradientManager.js.map

package/cjs-bundle/components/GradientManager/GradientManager.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GradientManager.js","sources":["../../../../src/components/GradientManager/GradientManager.tsx"],"sourcesContent":["import { Box, Grid } from '@material-ui/core';\nimport { isEmpty, noop, trim } from 'lodash';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport IconButton from '../IconButton';\nimport { GradientPicker } from '../GradientPicker';\nimport { TextInputNext } from '../../componentsV2';\n\nimport {\n DEFAULT_GRADIENT_STOPS,\n DEFAULT_GRADIENTS,\n GRADIENT_MAX_NAME_LENGTH,\n TEMP_GRADIENT_ID,\n} from './configuration/constants';\nimport { GradientList } from './GradientList';\nimport { GradientSelect } from './GradientSelect';\nimport { GradientManagerProps } from './GradientManagerProps';\nimport { useStyles } from './GradientManager.styles';\n\nimport { CheckSmallIcon, CloseSmallIcon, DeleteFourIcon, WriteIcon } from '~/icons';\nimport type { CustomGradient, GradientFillStop } from '~/types';\n\nexport const GradientManager: React.FC<GradientManagerProps> = props => {\n const {\n gradientId,\n onGradientEditStateChange = noop,\n onChange = noop,\n defaultGradients = DEFAULT_GRADIENTS,\n defaultGradientStops = DEFAULT_GRADIENT_STOPS,\n allowNoname,\n scaleOptions: { scaleFrom = 0, scaleTo = 100, scaleUnit } = {},\n className,\n } = props;\n\n const classes = useStyles();\n const gradientList = useMemo(\n () => new GradientList(props.gradients \|\| [], defaultGradients, props.onGradientsChange!),\n [props.gradients, defaultGradients, props.onGradientsChange]\n );\n const [currentlyEdited, setCurrentlyEdited] = useState<Partial<CustomGradient> \| null>(null);\n const disableGradientsManagement = props.disableGradientsManagement \|\| !props.onGradientsChange;\n const validationResult = gradientList.getHelperText({\n name: currentlyEdited?.name ?? '',\n allowNoname: allowNoname ?? false,\n gradientId,\n });\n\n /*\n Calls editStateChange handler when gradient edit starts or ends.\n * Will be called with false on component mount\n /\n useEffect(() => {\n onGradientEditStateChange(Boolean(currentlyEdited));\n }, [Boolean(currentlyEdited)]);\n\n /\n Use stops from the stored gradient first, then fallback to stored in the trace\n * and finally, use defaultGradientStops if none of above is available\n /\n const gradientStops =\n gradientList.getById(gradientId)?.gradientStops \|\| props.gradientStops \|\| defaultGradientStops;\n\n const cancelEdit = useCallback(() => {\n setCurrentlyEdited(null);\n }, []);\n\n const startAddGradient = useCallback(() => {\n setCurrentlyEdited({\n name: '',\n gradientStops: defaultGradientStops,\n id: TEMP_GRADIENT_ID,\n });\n }, [defaultGradientStops]);\n\n const startEditGradient = useCallback(() => {\n if (gradientList.isDefault(gradientId)) {\n setCurrentlyEdited({\n name: gradientList.newName(),\n gradientStops,\n id: TEMP_GRADIENT_ID,\n });\n return;\n }\n\n setCurrentlyEdited({\n name: gradientList.getById(gradientId)?.name \|\| '',\n gradientStops,\n });\n }, [gradientList, gradientId, gradientStops]);\n\n const saveChanges = () => {\n if (!isEmpty(validationResult) \|\| !currentlyEdited) {\n return;\n }\n\n const { gradientStops } = currentlyEdited;\n if (!gradientStops) return;\n\n const name = trim(currentlyEdited.name);\n\n setCurrentlyEdited(null);\n\n // No name - no need to create a gradient. Saving stops to the trace.\n if (!name) {\n if (allowNoname) {\n onChange({ gradientStops, gradientId: null });\n }\n return;\n }\n\n /\n Gradient exists - Updating\n * simple check that gradientId is not null is NOT enough because\n * Deleted gradients have gradientId but should be handles as non-existing ones.\n /\n if (gradientList.getById(currentlyEdited.id \|\| gradientId)) {\n gradientList.update(gradientId, {\n gradientStops,\n name,\n });\n onChange({\n gradientId,\n gradientStops,\n });\n return;\n }\n\n // Creating a new gradient\n const newGradient = gradientList.add(name, gradientStops);\n onChange({\n gradientId: newGradient.id,\n gradientStops,\n });\n };\n\n const deleteGradient = useCallback(\n (id: string) => {\n if (id === gradientId) {\n onChange({\n gradientId: null,\n gradientStops,\n });\n setCurrentlyEdited(null);\n }\n gradientList.remove(id);\n },\n [gradientStops, gradientList, onChange, gradientId]\n );\n\n const handleNameChange = (value: string) => {\n const name = value.trimStart().substring(0, GRADIENT_MAX_NAME_LENGTH);\n setCurrentlyEdited({ ...currentlyEdited, name });\n };\n\n const handleGradientAction = useCallback(\n (type: 'delete' \| 'add', id: string) => {\n switch (type) {\n case 'add':\n startAddGradient();\n break;\n case 'delete': {\n deleteGradient(id);\n break;\n }\n default:\n }\n },\n [startAddGradient, deleteGradient]\n );\n\n const handleGradientSelect = useCallback(\n (id: string) => {\n const gradient = gradientList.getById(id);\n onChange({\n gradientId: id,\n gradientStops: gradient?.gradientStops ?? defaultGradientStops,\n });\n },\n [gradientList, onChange, defaultGradientStops]\n );\n\n const handleGradientChange = (gradientStops: GradientFillStop[]) => {\n setCurrentlyEdited({\n ...currentlyEdited,\n gradientStops,\n });\n };\n\n const handleNameKeyDown = (evt: React.KeyboardEvent<HTMLInputElement>) => {\n if (evt.key === 'Enter') {\n const { value } = evt.target as HTMLInputElement;\n if (value) {\n handleNameChange(value);\n saveChanges();\n }\n }\n };\n\n return (\n <Grid container className={className}>\n <Grid item xs={6}>\n {currentlyEdited ? (\n <TextInputNext\n className={classes.customGradientName}\n label=\"Gradient Name\"\n value={currentlyEdited.name}\n onChange={handleNameChange}\n onFocus={event => {\n event.target.select();\n }}\n onKeyDown={handleNameKeyDown}\n autoFocus\n status={validationResult?.error ? 'error' : undefined}\n message={validationResult?.helperText}\n />\n ) : (\n <GradientSelect\n value={gradientId}\n gradients={props.gradients \|\| []}\n onChange={handleGradientSelect}\n defaultGradients={defaultGradients}\n onAction={handleGradientAction}\n readonly={disableGradientsManagement}\n />\n )}\n </Grid>\n <Grid item xs={6}>\n <Box display=\"flex\" alignItems=\"center\" height=\"100%\">\n {/ Control panel */}\n <Box display=\"flex\" paddingLeft={1}>\n {currentlyEdited ? (\n <>\n <IconButton\n data-testid=\"save-gradient-btn\"\n onClick={saveChanges}\n tooltipProps={{ title: 'Save' }}\n disabled={!!validationResult \|\| disableGradientsManagement}\n >\n <CheckSmallIcon />\n </IconButton>\n <IconButton\n data-testid=\"cancel-edit-btn\"\n onClick={cancelEdit}\n tooltipProps={{ title: 'Cancel' }}\n >\n <CloseSmallIcon />\n </IconButton>\n </>\n ) : (\n <>\n <IconButton\n data-testid=\"edit-gradient-btn\"\n onClick={startEditGradient}\n tooltipProps={{ title: 'Edit' }}\n disabled={disableGradientsManagement}\n >\n <WriteIcon />\n </IconButton>\n {!!gradientList.getById(gradientId) && !gradientList.isDefault(gradientId) && (\n <IconButton\n data-testid=\"delete-gradient-btn\"\n onClick={() => deleteGradient(gradientId)}\n tooltipProps={{ title: 'Remove' }}\n disabled={disableGradientsManagement}\n >\n <DeleteFourIcon />\n </IconButton>\n )}\n </>\n )}\n </Box>\n </Box>\n </Grid>\n <Grid item xs={12}>\n <GradientPicker\n from={scaleFrom}\n to={scaleTo}\n unit={scaleUnit}\n noScale\n gradientStops={currentlyEdited?.gradientStops \|\| gradientStops}\n onChange={handleGradientChange}\n readonly={!currentlyEdited}\n isMoveInputVisible\n />\n </Grid>\n </Grid>\n );\n};\n"],"names":["props","_currentlyEdited$name","_gradientList$getById","gradientId","_props$onGradientEdit","onGradientEditStateChange","noop","_props$onChange","onChange","_props$defaultGradien","defaultGradients","DEFAULT_GRADIENTS","_props$defaultGradien2","defaultGradientStops","DEFAULT_GRADIENT_STOPS","allowNoname","_props$scaleOptions","scaleOptions","_props$scaleOptions$s","scaleFrom","_props$scaleOptions$s2","scaleTo","scaleUnit","className","classes","useStyles","gradientList","useMemo","GradientList","gradients","onGradientsChange","useState","_useState2","_slicedToArray","_useState","currentlyEdited","setCurrentlyEdited","disableGradientsManagement","validationResult","getHelperText","name","useEffect","Boolean","gradientStops","getById","cancelEdit","useCallback","startAddGradient","id","TEMP_GRADIENT_ID","startEditGradient","_gradientList$getById2","isDefault","newName","saveChanges","isEmpty","trim","update","newGradient","add","deleteGradient","remove","handleNameChange","value","trimStart","substring","GRADIENT_MAX_NAME_LENGTH","handleGradientAction","type","handleGradientSelect","_gradient$gradientSto","gradient","_jsxs","Grid","container","children","_jsx","item","xs","jsx","TextInputNext","customGradientName","label","onFocus","event","target","select","onKeyDown","evt","key","autoFocus","status","error","undefined","message","helperText","GradientSelect","onAction","readonly","Box","display","alignItems","height","paddingLeft","jsxs","_Fragment","IconButton","onClick","tooltipProps","title","disabled","CheckSmallIcon","CloseSmallIcon","WriteIcon","DeleteFourIcon","GradientPicker","from","to","unit","noScale","isMoveInputVisible"],"mappings":"wreAsB+D,SAAAA,GAAS,IAAAC,EAAAC,EAEpEC,EAQEH,EARFG,WAAUC,EAQRJ,EAPFK,0BAAAA,aAA4BC,EAAIA,KAAAF,EAAAG,EAO9BP,EANFQ,SAAAA,aAAWF,EAAIA,KAAAC,EAAAE,EAMbT,EALFU,iBAAAA,aAAmBC,EAAiBA,kBAAAF,EAAAG,EAKlCZ,EAJFa,qBAAAA,aAAuBC,EAAsBA,uBAAAF,EAC7CG,EAGEf,EAHFe,YAAWC,EAGThB,EAFFiB,aAPFC,GAAAF,OAAA,IAAAA,EAO8D,CAAA,EAAEA,GAA9CG,UAAAA,aAAY,EAACD,EAAAE,EAAAJ,EAAEK,QAAAA,aAAU,IAAGD,EAAEE,IAAAA,UAC9CC,EACEvB,EADFuB,UAGIC,EAAUC,EAAAA,YACVC,EAAeC,EAAAA,SACnB,WAAA,OAAM,IAAIC,EAAAA,aAAa5B,EAAM6B,WAAa,GAAInB,EAAkBV,EAAM8B,qBACtE,CAAC9B,EAAM6B,UAAWnB,EAAkBV,EAAM8B,oBAEEC,EAAAA,EAAQA,SAAiC,MAAKC,EAAAC,EAAAA,QAAAC,EAAA,GAArFC,EAAeH,EAAA,GAAEI,EAAkBJ,EAAA,GACpCK,EAA6BrC,EAAMqC,6BAA+BrC,EAAM8B,kBACxEQ,EAAmBZ,EAAaa,cAAc,CAClDC,KAA2B,QAAvBvC,EAAEkC,eAAAA,EAAiBK,YAAI,IAAAvC,EAAAA,EAAI,GAC/Bc,YAAaA,SAAAA,EACbZ,WAAAA,IAOFsC,EAAAA,WAAU,WACRpC,EAA0BqC,QAAQP,GACnC,GAAE,CAACO,QAAQP,KAMZ,IAAMQ,GAC4B,QAAhCzC,EAAAwB,EAAakB,QAAQzC,UAAW,IAAAD,OAAA,EAAhCA,EAAkCyC,gBAAiB3C,EAAM2C,eAAiB9B,EAEtEgC,EAAaC,EAAAA,aAAY,WAC7BV,EAAmB,KACpB,GAAE,IAEGW,EAAmBD,EAAAA,aAAY,WACnCV,EAAmB,CACjBI,KAAM,GACNG,cAAe9B,EACfmC,GAAIC,EAAAA,kBAER,GAAG,CAACpC,IAEEqC,EAAoBJ,EAAAA,aAAY,WAAM,IAAAK,EACtCzB,EAAa0B,UAAUjD,GACzBiC,EAAmB,CACjBI,KAAMd,EAAa2B,UACnBV,cAAAA,EACAK,GAAIC,EAAAA,mBAKRb,EAAmB,CACjBI,MAAM,QAAAW,EAAAzB,EAAakB,QAAQzC,UAArB,IAAAgD,OAAA,EAAAA,EAAkCX,OAAQ,GAChDG,cAAAA,GAEH,GAAE,CAACjB,EAAcvB,EAAYwC,IAExBW,EAAc,WAClB,GAAKC,EAAOA,QAACjB,IAAsBH,EAAnC,CAIA,IAAQQ,EAAkBR,EAAlBQ,cACR,GAAKA,EAAL,CAEA,IAAMH,EAAOgB,EAAAA,KAAKrB,EAAgBK,MAKlC,GAHAJ,EAAmB,MAGdI,EAAL,CAYA,GAAId,EAAakB,QAAQT,EAAgBa,IAAM7C,GAS7C,OARAuB,EAAa+B,OAAOtD,EAAY,CAC9BwC,cAAAA,EACAH,KAAAA,SAEFhC,EAAS,CACPL,WAAAA,EACAwC,cAAAA,IAMJ,IAAMe,EAAchC,EAAaiC,IAAInB,EAAMG,GAC3CnC,EAAS,CACPL,WAAYuD,EAAYV,GACxBL,cAAAA,GAvBF,MAJM5B,GACFP,EAAS,CAAEmC,cAAAA,EAAexC,WAAY,MATtB,CAHpB,GA0CIyD,EAAiBd,eACrB,SAACE,GACKA,IAAO7C,IACTK,EAAS,CACPL,WAAY,KACZwC,cAAAA,IAEFP,EAAmB,OAErBV,EAAamC,OAAOb,EACrB,GACD,CAACL,EAAejB,EAAclB,EAAUL,IAGpC2D,EAAmB,SAACC,GACxB,IAAMvB,EAAOuB,EAAMC,YAAYC,UAAU,EAAGC,EAAAA,0BAC5C9B,SAAwBD,GAAe,CAAA,EAAA,CAAEK,KAAAA,MAGrC2B,EAAuBrB,EAAAA,aAC3B,SAACsB,EAAwBpB,GACvB,OAAQoB,GACN,IAAK,MACHrB,IACA,MACF,IAAK,SACHa,EAAeZ,GAKrB,GACA,CAACD,EAAkBa,IAGfS,EAAuBvB,eAC3B,SAACE,GAAe,IAAAsB,EACRC,EAAW7C,EAAakB,QAAQI,GACtCxC,EAAS,CACPL,WAAY6C,EACZL,cAA0C9B,QAA7ByD,EAAEC,eAAAA,EAAU5B,qBAAiB9B,IAAAA,EAAAA,EAAAA,GAE7C,GACD,CAACa,EAAclB,EAAUK,IAoB3B,OACE2D,EAAAA,KAACC,EAAAA,KAAI,CAACC,WAAS,EAACnD,UAAWA,EAAUoD,SAAA,CACnCC,MAACH,OAAI,CAACI,MAAI,EAACC,GAAI,EAAEH,SACdxC,EACCyC,EAAAG,IAACC,gBAAa,CACZzD,UAAWC,EAAQyD,mBACnBC,MAAM,gBACNnB,MAAO5B,EAAgBK,KACvBhC,SAAUsD,EACVqB,QAAS,SAAAC,GACPA,EAAMC,OAAOC,QACb,EACFC,UAtBgB,SAACC,GACzB,GAAgB,UAAZA,EAAIC,IAAiB,CACvB,IAAQ1B,EAAUyB,EAAIH,OAAdtB,MACJA,IACFD,EAAiBC,GACjBT,IAEJ,GAgBQoC,WAAS,EACTC,OAAQrD,SAAAA,EAAkBsD,MAAQ,aAAUC,EAC5CC,QAASxD,aAAgB,EAAhBA,EAAkByD,aAG7BnB,MAACoB,iBAAc,CACbjC,MAAO5D,EACP0B,UAAW7B,EAAM6B,WAAa,GAC9BrB,SAAU6D,EACV3D,iBAAkBA,EAClBuF,SAAU9B,EACV+B,SAAU7D,MAIhBuC,MAACH,OAAI,CAACI,MAAI,EAACC,GAAI,EAAEH,SACfC,MAACuB,MAAG,CAACC,QAAQ,OAAOC,WAAW,SAASC,OAAO,OAAM3B,SAEnDC,MAACuB,MAAG,CAACC,QAAQ,OAAOG,YAAa,EAAE5B,SAChCxC,EACCqC,EAAAgC,KAAAC,WAAA,CAAA9B,SAAA,CACEC,MAAC8B,EAAU,CACT,cAAY,oBACZC,QAASrD,EACTsD,aAAc,CAAEC,MAAO,QACvBC,WAAYxE,GAAoBD,EAA2BsC,SAE3DC,EAAAA,IAACmC,EAAcA,eAAA,MAEjBnC,MAAC8B,EAAU,CACT,cAAY,kBACZC,QAAS9D,EACT+D,aAAc,CAAEC,MAAO,UAAWlC,SAElCC,EAAAA,IAACoC,EAAcA,eAAA,SAInBxC,EAAAgC,KAAAC,WAAA,CAAA9B,SAAA,CACEC,MAAC8B,EAAU,CACT,cAAY,oBACZC,QAASzD,EACT0D,aAAc,CAAEC,MAAO,QACvBC,SAAUzE,EAA2BsC,SAErCC,EAAAA,IAACqC,EAASA,UAAA,QAETvF,EAAakB,QAAQzC,KAAgBuB,EAAa0B,UAAUjD,IAC7DyE,EAAAA,IAAC8B,EAAU,CACT,cAAY,sBACZC,QAAS,WAAA,OAAM/C,EAAezD,EAAY,EAC1CyG,aAAc,CAAEC,MAAO,UACvBC,SAAUzE,EAA2BsC,SAErCC,EAAAA,IAACsC,EAAcA,eAAA,eAQ7BtC,MAACH,OAAI,CAACI,MAAI,EAACC,GAAI,GAAGH,SAChBC,MAACuC,iBAAc,CACbC,KAAMjG,EACNkG,GAAIhG,EACJiG,KAAMhG,EACNiG,SAAO,EACP5E,eAAeR,eAAAA,EAAiBQ,gBAAiBA,EACjDnC,SAnGqB,SAACmC,GAC5BP,SACKD,GAAe,CAAA,EAAA,CAClBQ,cAAAA,MAiGIuD,UAAW/D,EACXqF,oBAAkB,QAK5B"}
1	+ {"version":3,"file":"GradientManager.js","sources":["../../../../src/components/GradientManager/GradientManager.tsx"],"sourcesContent":["import { Box, Grid } from '@material-ui/core';\nimport { isEmpty, noop, trim } from 'lodash';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport IconButton from '../IconButton';\nimport { GradientPicker } from '../GradientPicker';\nimport { TextInputNext } from '../../componentsV2';\n\nimport {\n DEFAULT_GRADIENT_STOPS,\n DEFAULT_GRADIENTS,\n GRADIENT_MAX_NAME_LENGTH,\n TEMP_GRADIENT_ID,\n} from './configuration/constants';\nimport { GradientList } from './GradientList';\nimport { GradientSelect } from './GradientSelect';\nimport { GradientManagerProps } from './GradientManagerProps';\nimport { useStyles } from './GradientManager.styles';\n\nimport { CheckSmallIcon, CloseSmallIcon, DeleteFourIcon, WriteIcon } from '~/icons';\nimport type { CustomGradient, GradientFillStop } from '~/types';\n\nexport const GradientManager: React.FC<GradientManagerProps> = props => {\n const {\n gradientId,\n onGradientEditStateChange = noop,\n onChange = noop,\n defaultGradients = DEFAULT_GRADIENTS,\n defaultGradientStops = DEFAULT_GRADIENT_STOPS,\n allowNoname,\n scaleOptions: { scaleFrom = 0, scaleTo = 100, scaleUnit } = {},\n className,\n } = props;\n\n const classes = useStyles();\n const gradientList = useMemo(\n () => new GradientList(props.gradients \|\| [], defaultGradients, props.onGradientsChange!),\n [props.gradients, defaultGradients, props.onGradientsChange]\n );\n const [currentlyEdited, setCurrentlyEdited] = useState<Partial<CustomGradient> \| null>(null);\n const disableGradientsManagement = props.disableGradientsManagement \|\| !props.onGradientsChange;\n const validationResult = gradientList.getHelperText({\n name: currentlyEdited?.name ?? '',\n allowNoname: allowNoname ?? false,\n gradientId,\n });\n\n /*\n Calls editStateChange handler when gradient edit starts or ends.\n * Will be called with false on component mount\n /\n useEffect(() => {\n onGradientEditStateChange(Boolean(currentlyEdited));\n }, [Boolean(currentlyEdited)]);\n\n /\n Use stops from the stored gradient first, then fallback to stored in the trace\n * and finally, use defaultGradientStops if none of above is available\n /\n const gradientStops =\n gradientList.getById(gradientId)?.gradientStops \|\| props.gradientStops \|\| defaultGradientStops;\n\n const cancelEdit = useCallback(() => {\n setCurrentlyEdited(null);\n }, []);\n\n const startAddGradient = useCallback(() => {\n setCurrentlyEdited({\n name: '',\n gradientStops: defaultGradientStops,\n id: TEMP_GRADIENT_ID,\n });\n }, [defaultGradientStops]);\n\n const startEditGradient = useCallback(() => {\n if (gradientList.isDefault(gradientId)) {\n setCurrentlyEdited({\n name: gradientList.newName(),\n gradientStops,\n id: TEMP_GRADIENT_ID,\n });\n return;\n }\n\n setCurrentlyEdited({\n name: gradientList.getById(gradientId)?.name \|\| '',\n gradientStops,\n });\n }, [gradientList, gradientId, gradientStops]);\n\n const saveChanges = () => {\n if (!isEmpty(validationResult) \|\| !currentlyEdited) {\n return;\n }\n\n const { gradientStops } = currentlyEdited;\n if (!gradientStops) return;\n\n const name = trim(currentlyEdited.name);\n\n setCurrentlyEdited(null);\n\n // No name - no need to create a gradient. Saving stops to the trace.\n if (!name) {\n if (allowNoname) {\n onChange({ gradientStops, gradientId: null });\n }\n return;\n }\n\n /\n Gradient exists - Updating\n * simple check that gradientId is not null is NOT enough because\n * Deleted gradients have gradientId but should be handles as non-existing ones.\n /\n if (gradientList.getById(currentlyEdited.id \|\| gradientId)) {\n gradientList.update(gradientId, {\n gradientStops,\n name,\n });\n onChange({\n gradientId,\n gradientStops,\n });\n return;\n }\n\n // Creating a new gradient\n const newGradient = gradientList.add(name, gradientStops);\n onChange({\n gradientId: newGradient.id,\n gradientStops,\n });\n };\n\n const deleteGradient = useCallback(\n (id: string) => {\n if (id === gradientId) {\n onChange({\n gradientId: null,\n gradientStops,\n });\n setCurrentlyEdited(null);\n }\n gradientList.remove(id);\n },\n [gradientStops, gradientList, onChange, gradientId]\n );\n\n const handleNameChange = (value: string) => {\n const name = value.trimStart().substring(0, GRADIENT_MAX_NAME_LENGTH);\n setCurrentlyEdited({ ...currentlyEdited, name });\n };\n\n const handleGradientAction = useCallback(\n (type: 'delete' \| 'add', id: string) => {\n switch (type) {\n case 'add':\n startAddGradient();\n break;\n case 'delete': {\n deleteGradient(id);\n break;\n }\n default:\n }\n },\n [startAddGradient, deleteGradient]\n );\n\n const handleGradientSelect = useCallback(\n (id: string) => {\n const gradient = gradientList.getById(id);\n onChange({\n gradientId: id,\n gradientStops: gradient?.gradientStops ?? defaultGradientStops,\n });\n },\n [gradientList, onChange, defaultGradientStops]\n );\n\n const handleGradientChange = (gradientStops: GradientFillStop[]) => {\n setCurrentlyEdited({\n ...currentlyEdited,\n gradientStops,\n });\n };\n\n const handleNameKeyDown = (evt: React.KeyboardEvent<HTMLInputElement>) => {\n if (evt.key === 'Enter') {\n const { value } = evt.target as HTMLInputElement;\n if (value) {\n handleNameChange(value);\n saveChanges();\n }\n }\n };\n\n return (\n <Grid container className={className}>\n <Grid item xs={6}>\n {currentlyEdited ? (\n <TextInputNext\n className={classes.customGradientName}\n label=\"Gradient Name\"\n value={currentlyEdited.name}\n onChange={handleNameChange}\n onFocus={event => {\n event.target.select();\n }}\n onKeyDown={handleNameKeyDown}\n autoFocus\n status={validationResult?.error ? 'error' : undefined}\n message={validationResult?.helperText}\n />\n ) : (\n <GradientSelect\n value={gradientId}\n gradients={props.gradients \|\| []}\n onChange={handleGradientSelect}\n defaultGradients={defaultGradients}\n onAction={handleGradientAction}\n readonly={disableGradientsManagement}\n />\n )}\n </Grid>\n <Grid item xs={6}>\n <Box display=\"flex\" alignItems=\"center\" height=\"100%\">\n {/ Control panel */}\n <Box display=\"flex\" paddingLeft={1}>\n {currentlyEdited ? (\n <>\n <IconButton\n data-testid=\"save-gradient-btn\"\n onClick={saveChanges}\n tooltipProps={{ title: 'Save' }}\n disabled={!!validationResult \|\| disableGradientsManagement}\n >\n <CheckSmallIcon />\n </IconButton>\n <IconButton\n data-testid=\"cancel-edit-btn\"\n onClick={cancelEdit}\n tooltipProps={{ title: 'Cancel' }}\n >\n <CloseSmallIcon />\n </IconButton>\n </>\n ) : (\n <>\n <IconButton\n data-testid=\"edit-gradient-btn\"\n onClick={startEditGradient}\n tooltipProps={{ title: 'Edit' }}\n disabled={disableGradientsManagement}\n >\n <WriteIcon />\n </IconButton>\n {!!gradientList.getById(gradientId) && !gradientList.isDefault(gradientId) && (\n <IconButton\n data-testid=\"delete-gradient-btn\"\n onClick={() => deleteGradient(gradientId)}\n tooltipProps={{ title: 'Remove' }}\n disabled={disableGradientsManagement}\n >\n <DeleteFourIcon />\n </IconButton>\n )}\n </>\n )}\n </Box>\n </Box>\n </Grid>\n <Grid item xs={12}>\n <GradientPicker\n from={scaleFrom}\n to={scaleTo}\n unit={scaleUnit}\n noScale\n gradientStops={currentlyEdited?.gradientStops \|\| gradientStops}\n onChange={handleGradientChange}\n readonly={!currentlyEdited}\n isMoveInputVisible\n />\n </Grid>\n </Grid>\n );\n};\n"],"names":["props","_currentlyEdited$name","_gradientList$getById","gradientId","_props$onGradientEdit","onGradientEditStateChange","noop","_props$onChange","onChange","_props$defaultGradien","defaultGradients","DEFAULT_GRADIENTS","_props$defaultGradien2","defaultGradientStops","DEFAULT_GRADIENT_STOPS","allowNoname","_props$scaleOptions","scaleOptions","_props$scaleOptions$s","scaleFrom","_props$scaleOptions$s2","scaleTo","scaleUnit","className","classes","useStyles","gradientList","useMemo","GradientList","gradients","onGradientsChange","useState","_useState2","_slicedToArray","_useState","currentlyEdited","setCurrentlyEdited","disableGradientsManagement","validationResult","getHelperText","name","useEffect","Boolean","gradientStops","getById","cancelEdit","useCallback","startAddGradient","id","TEMP_GRADIENT_ID","startEditGradient","_gradientList$getById2","isDefault","newName","saveChanges","isEmpty","trim","update","newGradient","add","deleteGradient","remove","handleNameChange","value","trimStart","substring","GRADIENT_MAX_NAME_LENGTH","handleGradientAction","type","handleGradientSelect","_gradient$gradientSto","gradient","_jsxs","Grid","container","children","_jsx","item","xs","jsx","TextInputNext","customGradientName","label","onFocus","event","target","select","onKeyDown","evt","key","autoFocus","status","error","undefined","message","helperText","GradientSelect","onAction","readonly","Box","display","alignItems","height","paddingLeft","jsxs","_Fragment","IconButton","onClick","tooltipProps","title","disabled","CheckSmallIcon","CloseSmallIcon","WriteIcon","DeleteFourIcon","GradientPicker","from","to","unit","noScale","isMoveInputVisible"],"mappings":"mreAsB+D,SAAAA,GAAS,IAAAC,EAAAC,EAEpEC,EAQEH,EARFG,WAAUC,EAQRJ,EAPFK,0BAAAA,aAA4BC,EAAIA,KAAAF,EAAAG,EAO9BP,EANFQ,SAAAA,aAAWF,EAAIA,KAAAC,EAAAE,EAMbT,EALFU,iBAAAA,aAAmBC,EAAiBA,kBAAAF,EAAAG,EAKlCZ,EAJFa,qBAAAA,aAAuBC,EAAsBA,uBAAAF,EAC7CG,EAGEf,EAHFe,YAAWC,EAGThB,EAFFiB,aAPFC,GAAAF,OAAA,IAAAA,EAO8D,CAAA,EAAEA,GAA9CG,UAAAA,aAAY,EAACD,EAAAE,EAAAJ,EAAEK,QAAAA,aAAU,IAAGD,EAAEE,IAAAA,UAC9CC,EACEvB,EADFuB,UAGIC,EAAUC,EAAAA,YACVC,EAAeC,EAAAA,SACnB,WAAA,OAAM,IAAIC,EAAAA,aAAa5B,EAAM6B,WAAa,GAAInB,EAAkBV,EAAM8B,qBACtE,CAAC9B,EAAM6B,UAAWnB,EAAkBV,EAAM8B,oBAEEC,EAAAA,EAAQA,SAAiC,MAAKC,EAAAC,EAAAA,QAAAC,EAAA,GAArFC,EAAeH,EAAA,GAAEI,EAAkBJ,EAAA,GACpCK,EAA6BrC,EAAMqC,6BAA+BrC,EAAM8B,kBACxEQ,EAAmBZ,EAAaa,cAAc,CAClDC,KAA2B,QAAvBvC,EAAEkC,eAAAA,EAAiBK,YAAI,IAAAvC,EAAAA,EAAI,GAC/Bc,YAAaA,SAAAA,EACbZ,WAAAA,IAOFsC,EAAAA,WAAU,WACRpC,EAA0BqC,QAAQP,GACnC,GAAE,CAACO,QAAQP,KAMZ,IAAMQ,GAC4B,QAAhCzC,EAAAwB,EAAakB,QAAQzC,UAAW,IAAAD,OAAA,EAAhCA,EAAkCyC,gBAAiB3C,EAAM2C,eAAiB9B,EAEtEgC,EAAaC,EAAAA,aAAY,WAC7BV,EAAmB,KACpB,GAAE,IAEGW,EAAmBD,EAAAA,aAAY,WACnCV,EAAmB,CACjBI,KAAM,GACNG,cAAe9B,EACfmC,GAAIC,EAAAA,kBAER,GAAG,CAACpC,IAEEqC,EAAoBJ,EAAAA,aAAY,WAAM,IAAAK,EACtCzB,EAAa0B,UAAUjD,GACzBiC,EAAmB,CACjBI,KAAMd,EAAa2B,UACnBV,cAAAA,EACAK,GAAIC,EAAAA,mBAKRb,EAAmB,CACjBI,MAAM,QAAAW,EAAAzB,EAAakB,QAAQzC,UAArB,IAAAgD,OAAA,EAAAA,EAAkCX,OAAQ,GAChDG,cAAAA,GAEH,GAAE,CAACjB,EAAcvB,EAAYwC,IAExBW,EAAc,WAClB,GAAKC,EAAOA,QAACjB,IAAsBH,EAAnC,CAIA,IAAQQ,EAAkBR,EAAlBQ,cACR,GAAKA,EAAL,CAEA,IAAMH,EAAOgB,EAAAA,KAAKrB,EAAgBK,MAKlC,GAHAJ,EAAmB,MAGdI,EAAL,CAYA,GAAId,EAAakB,QAAQT,EAAgBa,IAAM7C,GAS7C,OARAuB,EAAa+B,OAAOtD,EAAY,CAC9BwC,cAAAA,EACAH,KAAAA,SAEFhC,EAAS,CACPL,WAAAA,EACAwC,cAAAA,IAMJ,IAAMe,EAAchC,EAAaiC,IAAInB,EAAMG,GAC3CnC,EAAS,CACPL,WAAYuD,EAAYV,GACxBL,cAAAA,GAvBF,MAJM5B,GACFP,EAAS,CAAEmC,cAAAA,EAAexC,WAAY,MATtB,CAHpB,GA0CIyD,EAAiBd,eACrB,SAACE,GACKA,IAAO7C,IACTK,EAAS,CACPL,WAAY,KACZwC,cAAAA,IAEFP,EAAmB,OAErBV,EAAamC,OAAOb,EACrB,GACD,CAACL,EAAejB,EAAclB,EAAUL,IAGpC2D,EAAmB,SAACC,GACxB,IAAMvB,EAAOuB,EAAMC,YAAYC,UAAU,EAAGC,EAAAA,0BAC5C9B,SAAwBD,GAAe,CAAA,EAAA,CAAEK,KAAAA,MAGrC2B,EAAuBrB,EAAAA,aAC3B,SAACsB,EAAwBpB,GACvB,OAAQoB,GACN,IAAK,MACHrB,IACA,MACF,IAAK,SACHa,EAAeZ,GAKrB,GACA,CAACD,EAAkBa,IAGfS,EAAuBvB,eAC3B,SAACE,GAAe,IAAAsB,EACRC,EAAW7C,EAAakB,QAAQI,GACtCxC,EAAS,CACPL,WAAY6C,EACZL,cAA0C9B,QAA7ByD,EAAEC,eAAAA,EAAU5B,qBAAiB9B,IAAAA,EAAAA,EAAAA,GAE7C,GACD,CAACa,EAAclB,EAAUK,IAoB3B,OACE2D,EAAAA,KAACC,EAAAA,KAAI,CAACC,WAAS,EAACnD,UAAWA,EAAUoD,SAAA,CACnCC,MAACH,OAAI,CAACI,MAAI,EAACC,GAAI,EAAEH,SACdxC,EACCyC,EAAAG,IAACC,gBAAa,CACZzD,UAAWC,EAAQyD,mBACnBC,MAAM,gBACNnB,MAAO5B,EAAgBK,KACvBhC,SAAUsD,EACVqB,QAAS,SAAAC,GACPA,EAAMC,OAAOC,QACb,EACFC,UAtBgB,SAACC,GACzB,GAAgB,UAAZA,EAAIC,IAAiB,CACvB,IAAQ1B,EAAUyB,EAAIH,OAAdtB,MACJA,IACFD,EAAiBC,GACjBT,IAEJ,GAgBQoC,WAAS,EACTC,OAAQrD,SAAAA,EAAkBsD,MAAQ,aAAUC,EAC5CC,QAASxD,aAAgB,EAAhBA,EAAkByD,aAG7BnB,MAACoB,iBAAc,CACbjC,MAAO5D,EACP0B,UAAW7B,EAAM6B,WAAa,GAC9BrB,SAAU6D,EACV3D,iBAAkBA,EAClBuF,SAAU9B,EACV+B,SAAU7D,MAIhBuC,MAACH,OAAI,CAACI,MAAI,EAACC,GAAI,EAAEH,SACfC,MAACuB,MAAG,CAACC,QAAQ,OAAOC,WAAW,SAASC,OAAO,OAAM3B,SAEnDC,MAACuB,MAAG,CAACC,QAAQ,OAAOG,YAAa,EAAE5B,SAChCxC,EACCqC,EAAAgC,KAAAC,WAAA,CAAA9B,SAAA,CACEC,MAAC8B,EAAU,CACT,cAAY,oBACZC,QAASrD,EACTsD,aAAc,CAAEC,MAAO,QACvBC,WAAYxE,GAAoBD,EAA2BsC,SAE3DC,EAAAA,IAACmC,EAAcA,eAAA,MAEjBnC,MAAC8B,EAAU,CACT,cAAY,kBACZC,QAAS9D,EACT+D,aAAc,CAAEC,MAAO,UAAWlC,SAElCC,EAAAA,IAACoC,EAAcA,eAAA,SAInBxC,EAAAgC,KAAAC,WAAA,CAAA9B,SAAA,CACEC,MAAC8B,EAAU,CACT,cAAY,oBACZC,QAASzD,EACT0D,aAAc,CAAEC,MAAO,QACvBC,SAAUzE,EAA2BsC,SAErCC,EAAAA,IAACqC,EAASA,UAAA,QAETvF,EAAakB,QAAQzC,KAAgBuB,EAAa0B,UAAUjD,IAC7DyE,EAAAA,IAAC8B,EAAU,CACT,cAAY,sBACZC,QAAS,WAAA,OAAM/C,EAAezD,EAAY,EAC1CyG,aAAc,CAAEC,MAAO,UACvBC,SAAUzE,EAA2BsC,SAErCC,EAAAA,IAACsC,EAAcA,eAAA,eAQ7BtC,MAACH,OAAI,CAACI,MAAI,EAACC,GAAI,GAAGH,SAChBC,MAACuC,iBAAc,CACbC,KAAMjG,EACNkG,GAAIhG,EACJiG,KAAMhG,EACNiG,SAAO,EACP5E,eAAeR,eAAAA,EAAiBQ,gBAAiBA,EACjDnC,SAnGqB,SAACmC,GAC5BP,SACKD,GAAe,CAAA,EAAA,CAClBQ,cAAAA,MAiGIuD,UAAW/D,EACXqF,oBAAkB,QAK5B"}

package/cjs-bundle/components/GradientManager/GradientSelect.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/toConsumableArray"),s=require("react"),o=require("../../componentsV2/Text/Text.js");require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Cell.js"),require("@babel/runtime/helpers/defineProperty"),require("classnames"),require("../../componentsV2/Header/Header.scss.js");var r=require("react/jsx-runtime");require("../../componentsV2/Button/Button.js");var n=require("../../componentsV2/ButtonIcon/ButtonIcon.js"),t=require("../../componentsV2/Tooltip/Tooltip.js");require("../../componentsV2/Popover/Popover.js"),require("../../componentsV2/PopoverPanel/PopoverPanel.js"),require("../../componentsV2/Radio/Radio.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("@material-ui/core"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("../../componentsV2/TextInput/TextInput.js"),require("../../componentsV2/TextInputNext/TextInputNext.js"),require("../../componentsV2/TextArea/TextArea.js"),require("../../componentsV2/Label/Label.js");var i=require("../../componentsV2/TextEndTruncated/TextEndTruncated.js");require("@babel/runtime/helpers/slicedToArray"),require("lodash"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/ModalWindow/ModalWindow.js"),require("uuid"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("../../componentsV2/utils.js");var c=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/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/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"),require("../../componentsV2/Hint/Hint.scss.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../componentsV2/TemplatesControl/utils.js"),require("../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../componentsV2/TemplatesControl/Store/utils.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../componentsV2/TemplatesControl/types.js"),require("../../utils/index.js"),require("../../clients/jsonApi/index.js"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../utils/main.js"),require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("immutable"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("./configuration/constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router-dom"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../constants/streamSourceType.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../utils/mobileDetect.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("moment"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../AppIcon/AppIcon.js"),require("../../utils/getSingleAsset.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../clients/subscriptions.v1.js"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("jsona"),require("../../utils/env.js"),require("../StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../componentsV2/AppSettings/AppSettings.js"),require("../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../../componentsV2/Autocomplete/Autocomplete.js");var u=require("../../componentsV2/Select/Select.js");require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../componentsV2/DatePicker/DatePicker.js"),require("../../componentsV2/DragHandle/DragHandle.js"),require("../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../componentsV2/Slider/constants.js"),require("../../componentsV2/Slider/components/SliderThumb.js"),require("../../componentsV2/Slider/Slider.scss.js"),require("../../componentsV2/SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../../componentsV2/ColorPicker/Swatches/Swatches.scss.js"),require("../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../../componentsV2/ColorPicker/ColorPicker.scss.js"),require("../../componentsV2/ChartHelper/ChartHelper.scss.js"),require("../../componentsV2/Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js"),require("../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js");var p=require("./GradientPreview/GradientPreview.js"),a=require("./GradientSelect.scss.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=l(e),q=function(e,s){return{id:e.id,title:e.name,prefix:r.jsx(p.GradientPreview,{gradientStops:e.gradientStops}),group:s?"default":"custom"}},d=function(e){return e.group};exports.GradientSelect=function(e){var p=e.value,l=e.gradients,j=e.onChange,V=e.defaultGradients,A=e.onAction,C=e.readonly,I=!(null==l||!l.length),v=s.useMemo((function(){return[].concat(m.default((null==l?void 0:l.map((function(e){return q(e,!1)})))||[]),m.default((null==V?void 0:V.map((function(e){return q(e,!0)})))||[]))}),[l,V]),g=s.useMemo((function(){return v.find((function(e){return e.id===p}))}),[v,p]),h=s.useCallback((function(e){e&&j(e.id)}),[j]),S=s.useCallback((function(){A("add")}),[A]),x=s.useCallback((function(e){var i=e.children,u=e.group,p=e.key,l=C?null:r.jsx(t.Tooltip,{title:"Create Custom Gradient",children:r.jsx(n.ButtonIcon,{size:"xs",onClick:S,testId:"add-gradient-btn",type:"tertiaryBg",children:r.jsx(c.PlusIcon,{})})});return r.jsxs(s.Fragment,{children:[r.jsx(o.Text,{size:12,color:"T6",className:a.group,testId:"gradient-group-header",children:"default"===u?r.jsxs(r.Fragment,{children:["Default Gradients ",!I&&l]}):r.jsxs(r.Fragment,{children:["My Gradients ",I&&l]})}),i]},p)}),[I,C,S]),P=s.useCallback((function(e){var s=e.title,o=e.id,u=e.group;return r.jsxs("div",{className:a.option,children:[r.jsx(i.TextEndTruncated,{children:s}),"custom"===u&&r.jsx(t.Tooltip,{title:"Delete Gradient",children:r.jsx(n.ButtonIcon,{size:"xs",onClick:function(e){e.stopPropagation(),e.preventDefault(),A("delete",o)},children:r.jsx(c.DeleteFourIcon,{})})})]})}),[A]),D=s.useCallback((function(e){e.stopPropagation(),e.preventDefault()}),[]);return r.jsx(u.Select,{label:"Gradients",options:v,value:p||"",clearable:!1,onChange:h,testId:"gradient-select",className:a.root,prefix:null==g?void 0:g.prefix,groupBy:d,renderGroup:x,renderOption:C?void 0:P,noOptionsMessage:r.jsxs("div",{className:a.noGradientsMessage,onMouseDown:D,children:["No Gradients",!C&&r.jsx(t.Tooltip,{title:"Create Custom Gradient",children:r.jsx(n.ButtonIcon,{size:"xs",onClick:S,testId:"add-gradient-btn",type:"tertiaryBg",children:r.jsx(c.PlusIcon,{})})})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/toConsumableArray"),s=require("react"),o=require("../../componentsV2/Text/Text.js");require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Cell.js"),require("@babel/runtime/helpers/defineProperty"),require("classnames"),require("../../componentsV2/Header/Header.scss.js");var r=require("react/jsx-runtime");require("../../componentsV2/Button/Button.js");var n=require("../../componentsV2/ButtonIcon/ButtonIcon.js"),i=require("../../componentsV2/Tooltip/Tooltip.js");require("../../componentsV2/Popover/Popover.js"),require("../../componentsV2/PopoverPanel/PopoverPanel.js"),require("../../componentsV2/Radio/Radio.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("@material-ui/core"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("../../componentsV2/TextInput/TextInput.js"),require("../../componentsV2/TextInputNext/TextInputNext.js"),require("../../componentsV2/TextArea/TextArea.js"),require("../../componentsV2/Label/Label.js");var t=require("../../componentsV2/TextEndTruncated/TextEndTruncated.js");require("@babel/runtime/helpers/slicedToArray"),require("lodash"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/ModalWindow/ModalWindow.js"),require("uuid"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("../../componentsV2/utils.js");var c=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"),require("../../componentsV2/Hint/Hint.scss.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../componentsV2/TemplatesControl/utils.js"),require("../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../componentsV2/TemplatesControl/Store/utils.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../componentsV2/TemplatesControl/types.js"),require("../../utils/index.js"),require("../../clients/jsonApi/index.js"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../utils/main.js"),require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("immutable"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("./configuration/constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router-dom"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../constants/streamSourceType.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../utils/mobileDetect.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("moment"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../AppIcon/AppIcon.js"),require("../../utils/getSingleAsset.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../clients/subscriptions.v1.js"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("jsona"),require("../../utils/env.js"),require("../StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppPanel/AppPanelsContext.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../../componentsV2/Autocomplete/Autocomplete.js");var u=require("../../componentsV2/Select/Select.js");require("../../componentsV2/AppPanel/AppPanel.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../componentsV2/DatePicker/DatePicker.js"),require("../../componentsV2/DragHandle/DragHandle.js"),require("../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../componentsV2/Slider/constants.js"),require("../../componentsV2/Slider/components/SliderThumb.js"),require("../../componentsV2/Slider/Slider.scss.js"),require("../../componentsV2/SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../../componentsV2/ColorPicker/Swatches/Swatches.scss.js"),require("../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../../componentsV2/ColorPicker/ColorPicker.scss.js"),require("../../componentsV2/ChartHelper/ChartHelper.scss.js"),require("../../componentsV2/Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js"),require("../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js");var p=require("./GradientPreview/GradientPreview.js"),a=require("./GradientSelect.scss.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=l(e),q=function(e,s){return{id:e.id,title:e.name,prefix:r.jsx(p.GradientPreview,{gradientStops:e.gradientStops}),group:s?"default":"custom"}},d=function(e){return e.group};exports.GradientSelect=function(e){var p=e.value,l=e.gradients,j=e.onChange,V=e.defaultGradients,A=e.onAction,C=e.readonly,I=!(null==l||!l.length),v=s.useMemo((function(){return[].concat(m.default((null==l?void 0:l.map((function(e){return q(e,!1)})))||[]),m.default((null==V?void 0:V.map((function(e){return q(e,!0)})))||[]))}),[l,V]),h=s.useMemo((function(){return v.find((function(e){return e.id===p}))}),[v,p]),x=s.useCallback((function(e){e&&j(e.id)}),[j]),g=s.useCallback((function(){A("add")}),[A]),S=s.useCallback((function(e){var t=e.children,u=e.group,p=e.key,l=C?null:r.jsx(i.Tooltip,{title:"Create Custom Gradient",children:r.jsx(n.ButtonIcon,{size:"xs",onClick:g,testId:"add-gradient-btn",type:"tertiaryBg",children:r.jsx(c.PlusIcon,{})})});return r.jsxs(s.Fragment,{children:[r.jsx(o.Text,{size:12,color:"T6",className:a.group,testId:"gradient-group-header",children:"default"===u?r.jsxs(r.Fragment,{children:["Default Gradients ",!I&&l]}):r.jsxs(r.Fragment,{children:["My Gradients ",I&&l]})}),t]},p)}),[I,C,g]),P=s.useCallback((function(e){var s=e.title,o=e.id,u=e.group;return r.jsxs("div",{className:a.option,children:[r.jsx(t.TextEndTruncated,{children:s}),"custom"===u&&r.jsx(i.Tooltip,{title:"Delete Gradient",children:r.jsx(n.ButtonIcon,{size:"xs",onClick:function(e){e.stopPropagation(),e.preventDefault(),A("delete",o)},children:r.jsx(c.DeleteFourIcon,{})})})]})}),[A]),D=s.useCallback((function(e){e.stopPropagation(),e.preventDefault()}),[]);return r.jsx(u.Select,{label:"Gradients",options:v,value:p||"",clearable:!1,onChange:x,testId:"gradient-select",className:a.root,prefix:null==h?void 0:h.prefix,groupBy:d,renderGroup:S,renderOption:C?void 0:P,noOptionsMessage:r.jsxs("div",{className:a.noGradientsMessage,onMouseDown:D,children:["No Gradients",!C&&r.jsx(i.Tooltip,{title:"Create Custom Gradient",children:r.jsx(n.ButtonIcon,{size:"xs",onClick:g,testId:"add-gradient-btn",type:"tertiaryBg",children:r.jsx(c.PlusIcon,{})})})]})})};
 //# sourceMappingURL=GradientSelect.js.map

package/cjs-bundle/components/GradientManager/GradientSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GradientSelect.js","sources":["../../../../src/components/GradientManager/GradientSelect.tsx"],"sourcesContent":["import { type FC, Fragment, MouseEventHandler, useCallback, useMemo } from 'react';\n\nimport {\n ButtonIcon,\n Select,\n SelectChangeHandler,\n SelectProps,\n Text,\n TextEndTruncated,\n Tooltip,\n} from '../../componentsV2';\n\nimport { GradientPreview } from './GradientPreview/GradientPreview';\n\nimport styles from './GradientSelect.scss';\n\nimport { DeleteFourIcon, PlusIcon } from '~/icons';\nimport { CustomGradient } from '~/types';\n\ninterface GradientSelectProps {\n gradients: CustomGradient[];\n value: string;\n onChange: (id: string) => void;\n defaultGradients: CustomGradient[];\n onAction: (type: 'delete' \| 'add', data?: any) => void;\n readonly: boolean;\n}\n\nconst gradientToOption = (gradient: CustomGradient, isDefault: boolean) => ({\n id: gradient.id,\n title: gradient.name,\n prefix: <GradientPreview gradientStops={gradient.gradientStops} />,\n group: isDefault ? 'default' : 'custom',\n});\n\ntype Option = ReturnType<typeof gradientToOption>;\n\nconst groupBy = ({ group }: Option) => group;\n\nexport const GradientSelect: FC<GradientSelectProps> = ({\n value,\n gradients,\n onChange,\n defaultGradients,\n onAction,\n readonly,\n}) => {\n const hasCustomGradients = !!gradients?.length;\n\n const options = useMemo<Option[]>(\n () => [\n ...(gradients?.map(g => gradientToOption(g, false)) \|\| []),\n ...(defaultGradients?.map(g => gradientToOption(g, true)) \|\| []),\n ],\n [gradients, defaultGradients]\n );\n\n const currentOption = useMemo(() => options.find(({ id }) => id === value), [options, value]);\n\n const onSelectChange = useCallback<SelectChangeHandler<Option>>(\n option => {\n if (option) {\n onChange(option.id);\n }\n },\n [onChange]\n );\n\n const onAddClick = useCallback(() => {\n onAction('add');\n }, [onAction]);\n\n const renderGroup = useCallback<Required<SelectProps<Option>>['renderGroup']>(\n ({ children, group, key }) => {\n const addButton = readonly ? null : (\n <Tooltip title=\"Create Custom Gradient\">\n <ButtonIcon size=\"xs\" onClick={onAddClick} testId=\"add-gradient-btn\" type=\"tertiaryBg\">\n <PlusIcon />\n </ButtonIcon>\n </Tooltip>\n );\n\n return (\n <Fragment key={key}>\n <Text size={12} color=\"T6\" className={styles.group} testId=\"gradient-group-header\">\n {group === 'default' ? (\n <>Default Gradients {!hasCustomGradients && addButton}</>\n ) : (\n <>My Gradients {hasCustomGradients && addButton}</>\n )}\n </Text>\n {children}\n </Fragment>\n );\n },\n [hasCustomGradients, readonly, onAddClick]\n );\n\n const renderOption = useCallback<Required<SelectProps<Option>>['renderOption']>(\n ({ title, id, group }) => {\n return (\n <div className={styles.option}>\n <TextEndTruncated>{title}</TextEndTruncated>\n\n {group === 'custom' && (\n <Tooltip title=\"Delete Gradient\">\n <ButtonIcon\n size=\"xs\"\n onClick={e => {\n e.stopPropagation();\n e.preventDefault();\n onAction('delete', id);\n }}\n >\n <DeleteFourIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n </div>\n );\n },\n [onAction]\n );\n\n const noGradientsMouseHandler = useCallback<MouseEventHandler>(e => {\n e.stopPropagation();\n e.preventDefault();\n }, []);\n\n return (\n <Select\n label=\"Gradients\"\n options={options}\n value={value \|\| ''}\n clearable={false}\n onChange={onSelectChange}\n testId=\"gradient-select\"\n className={styles.root}\n prefix={currentOption?.prefix}\n groupBy={groupBy}\n renderGroup={renderGroup}\n renderOption={readonly ? undefined : renderOption}\n noOptionsMessage={\n <div className={styles.noGradientsMessage} onMouseDown={noGradientsMouseHandler}>\n No Gradients\n {!readonly && (\n <Tooltip title=\"Create Custom Gradient\">\n <ButtonIcon\n size=\"xs\"\n onClick={onAddClick}\n testId=\"add-gradient-btn\"\n type=\"tertiaryBg\"\n >\n <PlusIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n </div>\n }\n />\n );\n};\n"],"names":["gradientToOption","gradient","isDefault","id","title","name","prefix","_jsx","GradientPreview","gradientStops","group","groupBy","_ref","_ref2","value","gradients","onChange","defaultGradients","onAction","readonly","hasCustomGradients","length","options","useMemo","concat","_toConsumableArray","map","g","currentOption","find","_ref3","onSelectChange","useCallback","option","onAddClick","renderGroup","_ref4","children","key","addButton","Tooltip","ButtonIcon","size","onClick","testId","type","PlusIcon","_jsxs","Fragment","Text","color","className","styles","_Fragment","jsxs","renderOption","_ref5","TextEndTruncated","e","stopPropagation","preventDefault","DeleteFourIcon","noGradientsMouseHandler","Select","label","clearable","root","undefined","noOptionsMessage","noGradientsMessage","onMouseDown"],"mappings":"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"}
1	+ {"version":3,"file":"GradientSelect.js","sources":["../../../../src/components/GradientManager/GradientSelect.tsx"],"sourcesContent":["import { type FC, Fragment, MouseEventHandler, useCallback, useMemo } from 'react';\n\nimport {\n ButtonIcon,\n Select,\n SelectChangeHandler,\n SelectProps,\n Text,\n TextEndTruncated,\n Tooltip,\n} from '../../componentsV2';\n\nimport { GradientPreview } from './GradientPreview/GradientPreview';\n\nimport styles from './GradientSelect.scss';\n\nimport { DeleteFourIcon, PlusIcon } from '~/icons';\nimport { CustomGradient } from '~/types';\n\ninterface GradientSelectProps {\n gradients: CustomGradient[];\n value: string;\n onChange: (id: string) => void;\n defaultGradients: CustomGradient[];\n onAction: (type: 'delete' \| 'add', data?: any) => void;\n readonly: boolean;\n}\n\nconst gradientToOption = (gradient: CustomGradient, isDefault: boolean) => ({\n id: gradient.id,\n title: gradient.name,\n prefix: <GradientPreview gradientStops={gradient.gradientStops} />,\n group: isDefault ? 'default' : 'custom',\n});\n\ntype Option = ReturnType<typeof gradientToOption>;\n\nconst groupBy = ({ group }: Option) => group;\n\nexport const GradientSelect: FC<GradientSelectProps> = ({\n value,\n gradients,\n onChange,\n defaultGradients,\n onAction,\n readonly,\n}) => {\n const hasCustomGradients = !!gradients?.length;\n\n const options = useMemo<Option[]>(\n () => [\n ...(gradients?.map(g => gradientToOption(g, false)) \|\| []),\n ...(defaultGradients?.map(g => gradientToOption(g, true)) \|\| []),\n ],\n [gradients, defaultGradients]\n );\n\n const currentOption = useMemo(() => options.find(({ id }) => id === value), [options, value]);\n\n const onSelectChange = useCallback<SelectChangeHandler<Option>>(\n option => {\n if (option) {\n onChange(option.id);\n }\n },\n [onChange]\n );\n\n const onAddClick = useCallback(() => {\n onAction('add');\n }, [onAction]);\n\n const renderGroup = useCallback<Required<SelectProps<Option>>['renderGroup']>(\n ({ children, group, key }) => {\n const addButton = readonly ? null : (\n <Tooltip title=\"Create Custom Gradient\">\n <ButtonIcon size=\"xs\" onClick={onAddClick} testId=\"add-gradient-btn\" type=\"tertiaryBg\">\n <PlusIcon />\n </ButtonIcon>\n </Tooltip>\n );\n\n return (\n <Fragment key={key}>\n <Text size={12} color=\"T6\" className={styles.group} testId=\"gradient-group-header\">\n {group === 'default' ? (\n <>Default Gradients {!hasCustomGradients && addButton}</>\n ) : (\n <>My Gradients {hasCustomGradients && addButton}</>\n )}\n </Text>\n {children}\n </Fragment>\n );\n },\n [hasCustomGradients, readonly, onAddClick]\n );\n\n const renderOption = useCallback<Required<SelectProps<Option>>['renderOption']>(\n ({ title, id, group }) => {\n return (\n <div className={styles.option}>\n <TextEndTruncated>{title}</TextEndTruncated>\n\n {group === 'custom' && (\n <Tooltip title=\"Delete Gradient\">\n <ButtonIcon\n size=\"xs\"\n onClick={e => {\n e.stopPropagation();\n e.preventDefault();\n onAction('delete', id);\n }}\n >\n <DeleteFourIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n </div>\n );\n },\n [onAction]\n );\n\n const noGradientsMouseHandler = useCallback<MouseEventHandler>(e => {\n e.stopPropagation();\n e.preventDefault();\n }, []);\n\n return (\n <Select\n label=\"Gradients\"\n options={options}\n value={value \|\| ''}\n clearable={false}\n onChange={onSelectChange}\n testId=\"gradient-select\"\n className={styles.root}\n prefix={currentOption?.prefix}\n groupBy={groupBy}\n renderGroup={renderGroup}\n renderOption={readonly ? undefined : renderOption}\n noOptionsMessage={\n <div className={styles.noGradientsMessage} onMouseDown={noGradientsMouseHandler}>\n No Gradients\n {!readonly && (\n <Tooltip title=\"Create Custom Gradient\">\n <ButtonIcon\n size=\"xs\"\n onClick={onAddClick}\n testId=\"add-gradient-btn\"\n type=\"tertiaryBg\"\n >\n <PlusIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n </div>\n }\n />\n );\n};\n"],"names":["gradientToOption","gradient","isDefault","id","title","name","prefix","_jsx","GradientPreview","gradientStops","group","groupBy","_ref","_ref2","value","gradients","onChange","defaultGradients","onAction","readonly","hasCustomGradients","length","options","useMemo","concat","_toConsumableArray","map","g","currentOption","find","_ref3","onSelectChange","useCallback","option","onAddClick","renderGroup","_ref4","children","key","addButton","Tooltip","ButtonIcon","size","onClick","testId","type","PlusIcon","_jsxs","Fragment","Text","color","className","styles","_Fragment","jsxs","renderOption","_ref5","TextEndTruncated","e","stopPropagation","preventDefault","DeleteFourIcon","noGradientsMouseHandler","Select","label","clearable","root","undefined","noOptionsMessage","noGradientsMessage","onMouseDown"],"mappings":"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"}

package/cjs-bundle/components/GradientPicker/GradientPicker.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/toConsumableArray"),o=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),n=require("react"),i=require("classnames"),c=require("react-draggable"),r=require("lodash"),t=require("tinygradient"),u=require("uuid"),a=require("@material-ui/core"),l=require("@material-ui/icons"),d=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/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/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 m=require("../ColorPicker/PaletteChromePicker/PaletteChromePicker.js"),j=require("./GradientPicker.utils.js"),p=require("../shared/useThrottledCallback.js"),q=require("../IconButton/index.js"),f=require("./GradientPicker.styles.js"),I=require("react-sizeme"),v=require("react/jsx-runtime");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=h(e),b=h(o),y=h(s),C=h(i),x=h(c),O=h(t);function P(e,o){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);o&&(n=n.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),s.push.apply(s,n)}return s}function k(e){for(var o=1;o<arguments.length;o++){var s=null!=arguments[o]?arguments[o]:{};o%2?P(Object(s),!0).forEach((function(o){b.default(e,o,s[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):P(Object(s)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(s,o))}))}return e}var F=I.withSize()((function(e){var o,s=e.size,i=e.from,c=void 0===i?0:i,t=e.to,I=void 0===t?100:t,h=e.unit,b=e.gradientStops,P=e.onChange,F=e.style,S=e.isMoveInputVisible,N=e.readonly,T=e.noScale,M=e["data-testid"],A=void 0===M?"GradientPicker":M,D=n.useRef(null),B=n.useState([]),E=y.default(B,2),_=E[0],w=E[1],z=n.useState(null),G=y.default(z,2),R=G[0],L=G[1],U=n.useState(null),V=y.default(U,2),W=V[0],K=V[1],H=n.useState(null),X=y.default(H,2),Z=X[0],J=X[1],Q=f.useStyles({readonly:N}),Y=Number.isFinite(c)?Number(c):0,$=Number.isFinite(I)?Number(I):100,ee=$-Y;n.useEffect((function(){var e=b.length!==(null==_?void 0:_.length)||b.some((function(e,o){return e.color!==_[o].color||e.pos!==_[o].pos}));e&&w(b.map((function(e){return k(k({},e),{},{id:u.v4()})})))}),[b]);var oe=n.useMemo((function(){return j.calcGradientStyle(_)}),[_]),se=n.useMemo((function(){var e;return null===(e=D.current)||void 0===e?void 0:e.clientWidth}),[null==s?void 0:s.width,D.current]),ne=function(e){var o=r.sortBy(e,"pos");w(o),P&&P(o.map((function(e){return r.omit(e,"id")})))},ie=function(e){if(e.target===e.currentTarget){var o=e.currentTarget.getBoundingClientRect(),s=e.clientX-o.left;J(Number.isFinite(s)?s:null)}else J(null)},ce=p.useThrottledCallback((function(e,o,s){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if(!R&&se){var i=o/se*100,c=r.find(_,{id:e});if(s>=40||s<=-50)te();else if(c){var t=k(k({},c),{},{pos:i}),u=r.sortBy([].concat(g.default(r.reject(_,{id:e})),[t]),"pos");if(n)return ne(u),void K(null);w(u),ae||K(e)}}}),0),re=function(){ne(_),K(null),L(null)},te=function(){_.length>2&&(ne(r.reject(_,{id:W})),L(null),K(null))},ue=!R&&Number.isFinite(Z)&&!N,ae=W?r.find(_,{id:W}):void 0,le=j.getRangeStep(ee),de=function(e){if(!e)return null;var o=Y+(null==e?void 0:e.pos)/100*ee;return j.roundToStep(o,le/100)}(ae);return v.jsxs("div",{className:Q.root,style:F,children:[!T&&v.jsxs("div",{className:Q.indicatorContainer,children:[v.jsx("div",{children:v.jsxs(a.Typography,{"data-testid":"".concat(A,"_from"),className:Q.indicator,children:[Y," ",h]})}),v.jsx("div",{children:v.jsxs(a.Typography,{"data-testid":"".concat(A,"_to"),className:Q.indicator,children:[$," ",h]})})]}),v.jsxs("div",{onMouseEnter:ie,onMouseMove:ie,onMouseLeave:function(){return J(null)},onClick:function(e){if(!N&&null!==Z&&se){var o=Z/se*100,s=O.default(_.map((function(e){return{color:e.color,pos:e.pos/100}}))),n="#".concat(s.rgbAt(o/100).toHex()),i={id:u.v4(),pos:o,color:n};ne([].concat(g.default(_),[i]))}},"data-testid":"".concat(A,"_track"),className:Q.mainBar,style:{background:"linear-gradient(90deg, ".concat(oe,")")},ref:D,children:[ue&&v.jsx("div",{"data-testid":"".concat(A,"_addCircle"),className:Q.addCircle,style:{left:Z-12},children:v.jsx(l.Add,{fontSize:"small",className:Q.addIcon})}),!!se&&_.map((function(e,o){var s,n=e.pos,i=e.color,c=e.id;return v.jsx(x.default,{disabled:N,axis:"x",bounds:{left:-12,right:se-12,top:-50,bottom:40},onDrag:function(e,o){return ce(c,o.x+12,o.y,!1)},onStop:function(e,o){return ce(c,o.x+12,o.y,!0)},position:{x:se*n/100-12,y:-4},children:v.jsx("div",{onClick:function(e){return function(e,o){e.stopPropagation(),N||W||(K(o),L(e.currentTarget))}(e,c)},"data-testid":"".concat(A,"_stop_").concat(o),className:C.default(Q.circle,{highlight:W===c}),style:{backgroundColor:i},children:v.jsx(a.Tooltip,{title:(s=n,j.getStopText(s,{fromValue:Y,toValue:$})),placement:"top",children:v.jsx("div",{style:{height:"100%"}})})})},c)}))]}),Boolean(R)&&v.jsxs(a.Popover,{id:"colors-popper",open:Boolean(R),anchorEl:R,onClose:re,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:[v.jsx(m,{color:null!==(o=null==ae?void 0:ae.color)&&void 0!==o?o:"#000000",onChange:function(e){var o=e.hex;w(_.map((function(e){return e.id===W?k(k({},e),{},{color:o}):e})))},onSizeChange:r.noop,enableTransparencyPalette:!1}),v.jsx(q,{"data-testid":"".concat(A,"_stopDelete"),className:Q.removeButton,onClick:te,children:v.jsx(d.DeleteFourIcon,{className:Q.deleteIcon})}),S&&v.jsx(a.TextField,{"data-testid":"".concat(A,"_moveInput"),type:"number",variant:"outlined",value:de,classes:{root:Q.posTextfield},InputProps:{inputProps:{min:Y,max:$,step:le,maxLength:10},classes:{root:Q.posOutlinedRoot,input:Q.posOutlinedInput}},autoFocus:!0,onFocus:function(e){return e.target.select()},onChange:function(e){if(""===e.target.value){var o=e.target;setTimeout((function(){return null==o?void 0:o.select()}))}var s=r.clamp(Number(e.target.value),Y,$);s||e.target.select();var n=(s-Y)/ee*100;w(_.map((function(e){return e.id===W?k(k({},e),{},{pos:n}):e})))},onKeyDown:function(e){return"Enter"===e.key&&re()}})]})]})}));exports.GradientPicker=function(e){return v.jsx(F,k({},e))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/toConsumableArray"),o=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),n=require("react"),i=require("classnames"),c=require("react-draggable"),r=require("lodash"),t=require("tinygradient"),u=require("uuid"),a=require("@material-ui/core"),l=require("@material-ui/icons"),d=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 m=require("../ColorPicker/PaletteChromePicker/PaletteChromePicker.js"),j=require("./GradientPicker.utils.js"),p=require("../shared/useThrottledCallback.js"),q=require("../IconButton/index.js"),I=require("./GradientPicker.styles.js"),f=require("react-sizeme"),v=require("react/jsx-runtime");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=h(e),b=h(o),y=h(s),C=h(i),x=h(c),O=h(t);function P(e,o){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);o&&(n=n.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),s.push.apply(s,n)}return s}function F(e){for(var o=1;o<arguments.length;o++){var s=null!=arguments[o]?arguments[o]:{};o%2?P(Object(s),!0).forEach((function(o){b.default(e,o,s[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):P(Object(s)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(s,o))}))}return e}var k=f.withSize()((function(e){var o,s=e.size,i=e.from,c=void 0===i?0:i,t=e.to,f=void 0===t?100:t,h=e.unit,b=e.gradientStops,P=e.onChange,k=e.style,S=e.isMoveInputVisible,N=e.readonly,T=e.noScale,M=e["data-testid"],A=void 0===M?"GradientPicker":M,D=n.useRef(null),B=n.useState([]),E=y.default(B,2),R=E[0],_=E[1],w=n.useState(null),z=y.default(w,2),G=z[0],L=z[1],U=n.useState(null),V=y.default(U,2),W=V[0],K=V[1],H=n.useState(null),X=y.default(H,2),Z=X[0],J=X[1],Q=I.useStyles({readonly:N}),Y=Number.isFinite(c)?Number(c):0,$=Number.isFinite(f)?Number(f):100,ee=$-Y;n.useEffect((function(){var e=b.length!==(null==R?void 0:R.length)||b.some((function(e,o){return e.color!==R[o].color||e.pos!==R[o].pos}));e&&_(b.map((function(e){return F(F({},e),{},{id:u.v4()})})))}),[b]);var oe=n.useMemo((function(){return j.calcGradientStyle(R)}),[R]),se=n.useMemo((function(){var e;return null===(e=D.current)||void 0===e?void 0:e.clientWidth}),[null==s?void 0:s.width,D.current]),ne=function(e){var o=r.sortBy(e,"pos");_(o),P&&P(o.map((function(e){return r.omit(e,"id")})))},ie=function(e){if(e.target===e.currentTarget){var o=e.currentTarget.getBoundingClientRect(),s=e.clientX-o.left;J(Number.isFinite(s)?s:null)}else J(null)},ce=p.useThrottledCallback((function(e,o,s){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if(!G&&se){var i=o/se*100,c=r.find(R,{id:e});if(s>=40||s<=-50)te();else if(c){var t=F(F({},c),{},{pos:i}),u=r.sortBy([].concat(g.default(r.reject(R,{id:e})),[t]),"pos");if(n)return ne(u),void K(null);_(u),ae||K(e)}}}),0),re=function(){ne(R),K(null),L(null)},te=function(){R.length>2&&(ne(r.reject(R,{id:W})),L(null),K(null))},ue=!G&&Number.isFinite(Z)&&!N,ae=W?r.find(R,{id:W}):void 0,le=j.getRangeStep(ee),de=function(e){if(!e)return null;var o=Y+(null==e?void 0:e.pos)/100*ee;return j.roundToStep(o,le/100)}(ae);return v.jsxs("div",{className:Q.root,style:k,children:[!T&&v.jsxs("div",{className:Q.indicatorContainer,children:[v.jsx("div",{children:v.jsxs(a.Typography,{"data-testid":"".concat(A,"_from"),className:Q.indicator,children:[Y," ",h]})}),v.jsx("div",{children:v.jsxs(a.Typography,{"data-testid":"".concat(A,"_to"),className:Q.indicator,children:[$," ",h]})})]}),v.jsxs("div",{onMouseEnter:ie,onMouseMove:ie,onMouseLeave:function(){return J(null)},onClick:function(e){if(!N&&null!==Z&&se){var o=Z/se*100,s=O.default(R.map((function(e){return{color:e.color,pos:e.pos/100}}))),n="#".concat(s.rgbAt(o/100).toHex()),i={id:u.v4(),pos:o,color:n};ne([].concat(g.default(R),[i]))}},"data-testid":"".concat(A,"_track"),className:Q.mainBar,style:{background:"linear-gradient(90deg, ".concat(oe,")")},ref:D,children:[ue&&v.jsx("div",{"data-testid":"".concat(A,"_addCircle"),className:Q.addCircle,style:{left:Z-12},children:v.jsx(l.Add,{fontSize:"small",className:Q.addIcon})}),!!se&&R.map((function(e,o){var s,n=e.pos,i=e.color,c=e.id;return v.jsx(x.default,{disabled:N,axis:"x",bounds:{left:-12,right:se-12,top:-50,bottom:40},onDrag:function(e,o){return ce(c,o.x+12,o.y,!1)},onStop:function(e,o){return ce(c,o.x+12,o.y,!0)},position:{x:se*n/100-12,y:-4},children:v.jsx("div",{onClick:function(e){return function(e,o){e.stopPropagation(),N||W||(K(o),L(e.currentTarget))}(e,c)},"data-testid":"".concat(A,"_stop_").concat(o),className:C.default(Q.circle,{highlight:W===c}),style:{backgroundColor:i},children:v.jsx(a.Tooltip,{title:(s=n,j.getStopText(s,{fromValue:Y,toValue:$})),placement:"top",children:v.jsx("div",{style:{height:"100%"}})})})},c)}))]}),Boolean(G)&&v.jsxs(a.Popover,{id:"colors-popper",open:Boolean(G),anchorEl:G,onClose:re,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:[v.jsx(m,{color:null!==(o=null==ae?void 0:ae.color)&&void 0!==o?o:"#000000",onChange:function(e){var o=e.hex;_(R.map((function(e){return e.id===W?F(F({},e),{},{color:o}):e})))},onSizeChange:r.noop,enableTransparencyPalette:!1}),v.jsx(q,{"data-testid":"".concat(A,"_stopDelete"),className:Q.removeButton,onClick:te,children:v.jsx(d.DeleteFourIcon,{className:Q.deleteIcon})}),S&&v.jsx(a.TextField,{"data-testid":"".concat(A,"_moveInput"),type:"number",variant:"outlined",value:de,classes:{root:Q.posTextfield},InputProps:{inputProps:{min:Y,max:$,step:le,maxLength:10},classes:{root:Q.posOutlinedRoot,input:Q.posOutlinedInput}},autoFocus:!0,onFocus:function(e){return e.target.select()},onChange:function(e){if(""===e.target.value){var o=e.target;setTimeout((function(){return null==o?void 0:o.select()}))}var s=r.clamp(Number(e.target.value),Y,$);s||e.target.select();var n=(s-Y)/ee*100;_(R.map((function(e){return e.id===W?F(F({},e),{},{pos:n}):e})))},onKeyDown:function(e){return"Enter"===e.key&&re()}})]})]})}));exports.GradientPicker=function(e){return v.jsx(k,F({},e))};
 //# sourceMappingURL=GradientPicker.js.map