npm - @corva/ui - Versions diffs - 3.75.0-17 → 3.75.0-18 - Mend

@corva/ui 3.75.0-17 → 3.75.0-18

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

package/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","Formula","_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","formulaHeaderWrapper","formulaHeaderTextWrapper","_jsx","RootXIcon","color","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","Formula","_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","formulaHeaderWrapper","formulaHeaderTextWrapper","_jsx","RootXIcon","color","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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"}

package/components/GradientManager/GradientManager.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{Grid as t,Box as n}from"@material-ui/core";import{noop as e,isEmpty as i,trim as r}from"lodash";import{useMemo as c,useState as p,useEffect as m,useCallback as a}from"react";import l from"../IconButton/index.js";import{GradientPicker as d}from"../GradientPicker/GradientPicker.js";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Cell.js";import"classnames";import"../../componentsV2/Header/Header.scss.js";import{jsxs as j,jsx as u,Fragment as V}from"react/jsx-runtime";import"../../componentsV2/Button/Button.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import"@babel/runtime/helpers/objectWithoutProperties";import"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";import"../../componentsV2/Tooltip/Tooltip.scss.js";import"../../componentsV2/Popover/Popover.js";import"../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../componentsV2/Radio/Radio.js";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../componentsV2/TextInput/TextInput.js";import{TextInputNext as A}from"../../componentsV2/TextInputNext/TextInputNext.js";import"../../componentsV2/TextArea/TextArea.js";import"../../componentsV2/Label/Label.js";import"../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../componentsV2/TextLink/TextLink.js";import"../../componentsV2/Chip/Chip.js";import"../../componentsV2/ChipAlert/ChipAlert.js";import"../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../componentsV2/Avatar/Avatar.js";import"../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../componentsV2/Paper/Paper.js";import"../../componentsV2/ModalWindow/ModalWindow.js";import"../../componentsV2/Modal/Modal.scss.js";import"../../componentsV2/Menu/Menu.js";import"../../componentsV2/utils.js";import{CheckSmallIcon as I,CloseSmallIcon as g,WriteIcon as C,DeleteFourIcon as v}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"../../componentsV2/Hint/Hint.scss.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../componentsV2/TemplatesControl/utils.js";import"../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../componentsV2/TemplatesControl/Store/utils.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../componentsV2/TemplatesControl/types.js";import"../../utils/index.js";import"../../clients/jsonApi/index.js";import"../../permissions/PermissionsContext.js";import"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"../../permissions/ProvidePermissions.js";import"../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../componentsV2/Switch/Switch.js";import"../../componentsV2/Tabs/Tabs.js";import"../../componentsV2/EmptyState/EmptyState.scss.js";import"../../componentsV2/FileIcon/FileIcon.js";import"../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../componentsV2/FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../componentsV2/Skeleton/Skeleton.scss.js";import"../../utils/main.js";import"../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../componentsV2/Stepper/Step/Step.scss.js";import"../../componentsV2/Stepper/Stepper.scss.js";import"../../componentsV2/ButtonLive/ButtonLive.js";import"../../componentsV2/ButtonText/ButtonText.js";import"../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../componentsV2/Accordion/Accordion.scss.js";import"../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../componentsV2/BadgeComment/BadgeComment.js";import"../../componentsV2/AppContainer/AppContainer.js";import"../../componentsV2/AppContainer/AppContainer.constants.js";import"../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import{TEMP_GRADIENT_ID as S,DEFAULT_GRADIENTS as h,DEFAULT_GRADIENT_STOPS as b,GRADIENT_MAX_NAME_LENGTH as P}from"./configuration/constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppHeader/AppHeader.constants.js";import"../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../componentsV2/AppHeader/AppAssets/utils.js";import"../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../PadModeSelect/PadModeSelect.js";import"../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../constants/streamSourceType.js";import"../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../utils/mobileDetect.js";import"../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../AppIcon/AppIcon.js";import"../../utils/getSingleAsset.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../componentsV2/AppSettings/AppSettings.js";import"../../componentsV2/AppSettings/AppSettings.constants.js";import"../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../componentsV2/AppHeader/AppHeader.scss.js";import"../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../componentsV2/Autocomplete/Autocomplete.js";import"../../componentsV2/Select/Select.js";import"../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../componentsV2/DatePicker/DatePicker.js";import"../../componentsV2/DragHandle/DragHandle.js";import"../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../componentsV2/Slider/constants.js";import"../../componentsV2/Slider/components/SliderThumb.js";import"../../componentsV2/Slider/Slider.scss.js";import"../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";import{GradientList as f}from"./GradientList.js";import{GradientSelect as D}from"./GradientSelect.js";import{useStyles as x}from"./GradientManager.styles.js";function T(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,n)}return t}function y(s){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){o(s,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(n,o))}))}return s}var k=function(o){var T,k,B=o.gradientId,O=o.onGradientEditStateChange,H=void 0===O?e:O,F=o.onChange,L=void 0===F?e:F,M=o.defaultGradients,G=void 0===M?h:M,E=o.defaultGradientStops,q=void 0===E?b:E,w=o.allowNoname,R=o.scaleOptions,N=(R=void 0===R?{}:R).scaleFrom,W=void 0===N?0:N,U=R.scaleTo,z=void 0===U?100:U,K=R.scaleUnit,Z=o.className,J=x(),Q=c((function(){return new f(o.gradients||[],G,o.onGradientsChange)}),[o.gradients,G,o.onGradientsChange]),X=p(null),Y=s(X,2),$=Y[0],_=Y[1],oo=o.disableGradientsManagement||!o.onGradientsChange,so=Q.getHelperText({name:null!==(T=null==$?void 0:$.name)&&void 0!==T?T:"",allowNoname:null!=w&&w,gradientId:B});m((function(){H(Boolean($))}),[Boolean($)]);var to=(null===(k=Q.getById(B))||void 0===k?void 0:k.gradientStops)||o.gradientStops||q,no=a((function(){_(null)}),[]),eo=a((function(){_({name:"",gradientStops:q,id:S})}),[q]),io=a((function(){var o;Q.isDefault(B)?_({name:Q.newName(),gradientStops:to,id:S}):_({name:(null===(o=Q.getById(B))||void 0===o?void 0:o.name)||"",gradientStops:to})}),[Q,B,to]),ro=function(){if(i(so)&&$){var o=$.gradientStops;if(o){var s=r($.name);if(_(null),s){if(Q.getById($.id||B))return Q.update(B,{gradientStops:o,name:s}),void L({gradientId:B,gradientStops:o});var t=Q.add(s,o);L({gradientId:t.id,gradientStops:o})}else w&&L({gradientStops:o,gradientId:null})}}},co=a((function(o){o===B&&(L({gradientId:null,gradientStops:to}),_(null)),Q.remove(o)}),[to,Q,L,B]),po=function(o){var s=o.trimStart().substring(0,P);_(y(y({},$),{},{name:s}))},mo=a((function(o,s){switch(o){case"add":eo();break;case"delete":co(s)}}),[eo,co]),ao=a((function(o){var s,t=Q.getById(o);L({gradientId:o,gradientStops:null!==(s=null==t?void 0:t.gradientStops)&&void 0!==s?s:q})}),[Q,L,q]);return j(t,{container:!0,className:Z,children:[u(t,{item:!0,xs:6,children:$?u(A,{className:J.customGradientName,label:"Gradient Name",value:$.name,onChange:po,onFocus:function(o){o.target.select()},onKeyDown:function(o){if("Enter"===o.key){var s=o.target.value;s&&(po(s),ro())}},autoFocus:!0,status:null!=so&&so.error?"error":void 0,message:null==so?void 0:so.helperText}):u(D,{value:B,gradients:o.gradients||[],onChange:ao,defaultGradients:G,onAction:mo,readonly:oo})}),u(t,{item:!0,xs:6,children:u(n,{display:"flex",alignItems:"center",height:"100%",children:u(n,{display:"flex",paddingLeft:1,children:j(V,$?{children:[u(l,{"data-testid":"save-gradient-btn",onClick:ro,tooltipProps:{title:"Save"},disabled:!!so||oo,children:u(I,{})}),u(l,{"data-testid":"cancel-edit-btn",onClick:no,tooltipProps:{title:"Cancel"},children:u(g,{})})]}:{children:[u(l,{"data-testid":"edit-gradient-btn",onClick:io,tooltipProps:{title:"Edit"},disabled:oo,children:u(C,{})}),!!Q.getById(B)&&!Q.isDefault(B)&&u(l,{"data-testid":"delete-gradient-btn",onClick:function(){return co(B)},tooltipProps:{title:"Remove"},disabled:oo,children:u(v,{})})]})})})}),u(t,{item:!0,xs:12,children:u(d,{from:W,to:z,unit:K,noScale:!0,gradientStops:(null==$?void 0:$.gradientStops)||to,onChange:function(o){_(y(y({},$),{},{gradientStops:o}))},readonly:!$,isMoveInputVisible:!0})})]})};export{k as GradientManager};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{Grid as t,Box as n}from"@material-ui/core";import{noop as e,isEmpty as i,trim as r}from"lodash";import{useMemo as c,useState as p,useEffect as m,useCallback as a}from"react";import l from"../IconButton/index.js";import{GradientPicker as d}from"../GradientPicker/GradientPicker.js";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Cell.js";import"classnames";import"../../componentsV2/Header/Header.scss.js";import{jsxs as j,jsx as u,Fragment as V}from"react/jsx-runtime";import"../../componentsV2/Button/Button.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import"@babel/runtime/helpers/objectWithoutProperties";import"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";import"../../componentsV2/Tooltip/Tooltip.scss.js";import"../../componentsV2/Popover/Popover.js";import"../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../componentsV2/Radio/Radio.js";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../componentsV2/TextInput/TextInput.js";import{TextInputNext as A}from"../../componentsV2/TextInputNext/TextInputNext.js";import"../../componentsV2/TextArea/TextArea.js";import"../../componentsV2/Label/Label.js";import"../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../componentsV2/TextLink/TextLink.js";import"../../componentsV2/Chip/Chip.js";import"../../componentsV2/ChipAlert/ChipAlert.js";import"../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../componentsV2/Avatar/Avatar.js";import"../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../componentsV2/Paper/Paper.js";import"../../componentsV2/ModalWindow/ModalWindow.js";import"../../componentsV2/Modal/Modal.scss.js";import"../../componentsV2/Menu/Menu.js";import"../../componentsV2/utils.js";import{CheckSmallIcon as I,CloseSmallIcon as C,WriteIcon as v,DeleteFourIcon as g}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"../../componentsV2/Hint/Hint.scss.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../componentsV2/TemplatesControl/utils.js";import"../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../componentsV2/TemplatesControl/Store/utils.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../componentsV2/TemplatesControl/types.js";import"../../utils/index.js";import"../../clients/jsonApi/index.js";import"../../permissions/PermissionsContext.js";import"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"../../permissions/ProvidePermissions.js";import"../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../componentsV2/Switch/Switch.js";import"../../componentsV2/Tabs/Tabs.js";import"../../componentsV2/EmptyState/EmptyState.scss.js";import"../../componentsV2/FileIcon/FileIcon.js";import"../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../componentsV2/FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../componentsV2/Skeleton/Skeleton.scss.js";import"../../utils/main.js";import"../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../componentsV2/Stepper/Step/Step.scss.js";import"../../componentsV2/Stepper/Stepper.scss.js";import"../../componentsV2/ButtonLive/ButtonLive.js";import"../../componentsV2/ButtonText/ButtonText.js";import"../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../componentsV2/Accordion/Accordion.scss.js";import"../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../componentsV2/BadgeComment/BadgeComment.js";import"../../componentsV2/AppContainer/AppContainer.js";import"../../componentsV2/AppContainer/AppContainer.constants.js";import"../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import{TEMP_GRADIENT_ID as h,DEFAULT_GRADIENTS as S,DEFAULT_GRADIENT_STOPS as P,GRADIENT_MAX_NAME_LENGTH as b}from"./configuration/constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppHeader/AppHeader.constants.js";import"../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../componentsV2/AppHeader/AppAssets/utils.js";import"../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../PadModeSelect/PadModeSelect.js";import"../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../constants/streamSourceType.js";import"../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../utils/mobileDetect.js";import"../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../AppIcon/AppIcon.js";import"../../utils/getSingleAsset.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppPanel/AppPanelsContext.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../componentsV2/AppHeader/AppHeader.scss.js";import"../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../componentsV2/Autocomplete/Autocomplete.js";import"../../componentsV2/Select/Select.js";import"../../componentsV2/AppPanel/AppPanel.js";import"../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../componentsV2/DatePicker/DatePicker.js";import"../../componentsV2/DragHandle/DragHandle.js";import"../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../componentsV2/Slider/constants.js";import"../../componentsV2/Slider/components/SliderThumb.js";import"../../componentsV2/Slider/Slider.scss.js";import"../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";import{GradientList as f}from"./GradientList.js";import{GradientSelect as D}from"./GradientSelect.js";import{useStyles as x}from"./GradientManager.styles.js";function T(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,n)}return t}function y(s){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){o(s,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(n,o))}))}return s}var k=function(o){var T,k,O=o.gradientId,B=o.onGradientEditStateChange,H=void 0===B?e:B,F=o.onChange,L=void 0===F?e:F,M=o.defaultGradients,G=void 0===M?S:M,E=o.defaultGradientStops,q=void 0===E?P:E,w=o.allowNoname,R=o.scaleOptions,N=(R=void 0===R?{}:R).scaleFrom,W=void 0===N?0:N,U=R.scaleTo,z=void 0===U?100:U,K=R.scaleUnit,Z=o.className,J=x(),Q=c((function(){return new f(o.gradients||[],G,o.onGradientsChange)}),[o.gradients,G,o.onGradientsChange]),X=p(null),Y=s(X,2),$=Y[0],_=Y[1],oo=o.disableGradientsManagement||!o.onGradientsChange,so=Q.getHelperText({name:null!==(T=null==$?void 0:$.name)&&void 0!==T?T:"",allowNoname:null!=w&&w,gradientId:O});m((function(){H(Boolean($))}),[Boolean($)]);var to=(null===(k=Q.getById(O))||void 0===k?void 0:k.gradientStops)||o.gradientStops||q,no=a((function(){_(null)}),[]),eo=a((function(){_({name:"",gradientStops:q,id:h})}),[q]),io=a((function(){var o;Q.isDefault(O)?_({name:Q.newName(),gradientStops:to,id:h}):_({name:(null===(o=Q.getById(O))||void 0===o?void 0:o.name)||"",gradientStops:to})}),[Q,O,to]),ro=function(){if(i(so)&&$){var o=$.gradientStops;if(o){var s=r($.name);if(_(null),s){if(Q.getById($.id||O))return Q.update(O,{gradientStops:o,name:s}),void L({gradientId:O,gradientStops:o});var t=Q.add(s,o);L({gradientId:t.id,gradientStops:o})}else w&&L({gradientStops:o,gradientId:null})}}},co=a((function(o){o===O&&(L({gradientId:null,gradientStops:to}),_(null)),Q.remove(o)}),[to,Q,L,O]),po=function(o){var s=o.trimStart().substring(0,b);_(y(y({},$),{},{name:s}))},mo=a((function(o,s){switch(o){case"add":eo();break;case"delete":co(s)}}),[eo,co]),ao=a((function(o){var s,t=Q.getById(o);L({gradientId:o,gradientStops:null!==(s=null==t?void 0:t.gradientStops)&&void 0!==s?s:q})}),[Q,L,q]);return j(t,{container:!0,className:Z,children:[u(t,{item:!0,xs:6,children:$?u(A,{className:J.customGradientName,label:"Gradient Name",value:$.name,onChange:po,onFocus:function(o){o.target.select()},onKeyDown:function(o){if("Enter"===o.key){var s=o.target.value;s&&(po(s),ro())}},autoFocus:!0,status:null!=so&&so.error?"error":void 0,message:null==so?void 0:so.helperText}):u(D,{value:O,gradients:o.gradients||[],onChange:ao,defaultGradients:G,onAction:mo,readonly:oo})}),u(t,{item:!0,xs:6,children:u(n,{display:"flex",alignItems:"center",height:"100%",children:u(n,{display:"flex",paddingLeft:1,children:j(V,$?{children:[u(l,{"data-testid":"save-gradient-btn",onClick:ro,tooltipProps:{title:"Save"},disabled:!!so||oo,children:u(I,{})}),u(l,{"data-testid":"cancel-edit-btn",onClick:no,tooltipProps:{title:"Cancel"},children:u(C,{})})]}:{children:[u(l,{"data-testid":"edit-gradient-btn",onClick:io,tooltipProps:{title:"Edit"},disabled:oo,children:u(v,{})}),!!Q.getById(O)&&!Q.isDefault(O)&&u(l,{"data-testid":"delete-gradient-btn",onClick:function(){return co(O)},tooltipProps:{title:"Remove"},disabled:oo,children:u(g,{})})]})})})}),u(t,{item:!0,xs:12,children:u(d,{from:W,to:z,unit:K,noScale:!0,gradientStops:(null==$?void 0:$.gradientStops)||to,onChange:function(o){_(y(y({},$),{},{gradientStops:o}))},readonly:!$,isMoveInputVisible:!0})})]})};export{k as GradientManager};
 //# sourceMappingURL=GradientManager.js.map

package/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":["GradientManager","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","TextInputNext","customGradientName","label","onFocus","event","target","select","onKeyDown","evt","key","autoFocus","status","error","undefined","message","helperText","GradientSelect","onAction","readonly","Box","display","alignItems","height","paddingLeft","_Fragment","IconButton","onClick","tooltipProps","title","disabled","CheckSmallIcon","CloseSmallIcon","WriteIcon","DeleteFourIcon","GradientPicker","from","to","unit","noScale","isMoveInputVisible"],"mappings":"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"}
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":["GradientManager","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","TextInputNext","customGradientName","label","onFocus","event","target","select","onKeyDown","evt","key","autoFocus","status","error","undefined","message","helperText","GradientSelect","onAction","readonly","Box","display","alignItems","height","paddingLeft","_Fragment","IconButton","onClick","tooltipProps","title","disabled","CheckSmallIcon","CloseSmallIcon","WriteIcon","DeleteFourIcon","GradientPicker","from","to","unit","noScale","isMoveInputVisible"],"mappings":"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"}

package/components/GradientManager/GradientSelect.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/toConsumableArray";import{useMemo as s,useCallback as t,Fragment as n}from"react";import{Text as e}from"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Cell.js";import"@babel/runtime/helpers/defineProperty";import"classnames";import"../../componentsV2/Header/Header.scss.js";import{jsxs as i,jsx as r,Fragment as c}from"react/jsx-runtime";import"../../componentsV2/Button/Button.js";import{ButtonIcon as p}from"../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as m}from"../../componentsV2/Tooltip/Tooltip.js";import"../../componentsV2/Popover/Popover.js";import"../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../componentsV2/Radio/Radio.js";import"@babel/runtime/helpers/objectWithoutProperties";import"@material-ui/core";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"../../componentsV2/TextInput/TextInput.js";import"../../componentsV2/TextInputNext/TextInputNext.js";import"../../componentsV2/TextArea/TextArea.js";import"../../componentsV2/Label/Label.js";import{TextEndTruncated as a}from"../../componentsV2/TextEndTruncated/TextEndTruncated.js";import"@babel/runtime/helpers/slicedToArray";import"lodash";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../componentsV2/TextLink/TextLink.js";import"../../componentsV2/Chip/Chip.js";import"../../componentsV2/ChipAlert/ChipAlert.js";import"../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../componentsV2/Avatar/Avatar.js";import"../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../componentsV2/Paper/Paper.js";import"../../componentsV2/ModalWindow/ModalWindow.js";import"uuid";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"../../componentsV2/Modal/Modal.scss.js";import"../../componentsV2/Menu/Menu.js";import"../../componentsV2/utils.js";import{DeleteFourIcon as l,PlusIcon as d}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"../../componentsV2/Hint/Hint.scss.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../componentsV2/TemplatesControl/utils.js";import"../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../componentsV2/TemplatesControl/Store/utils.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../componentsV2/TemplatesControl/types.js";import"../../utils/index.js";import"../../clients/jsonApi/index.js";import"../../permissions/PermissionsContext.js";import"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"../../permissions/ProvidePermissions.js";import"../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../componentsV2/Switch/Switch.js";import"../../componentsV2/Tabs/Tabs.js";import"../../componentsV2/EmptyState/EmptyState.scss.js";import"../../componentsV2/FileIcon/FileIcon.js";import"../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../componentsV2/FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../componentsV2/Skeleton/Skeleton.scss.js";import"../../utils/main.js";import"../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../componentsV2/Stepper/Step/Step.scss.js";import"../../componentsV2/Stepper/Stepper.scss.js";import"../../componentsV2/ButtonLive/ButtonLive.js";import"../../componentsV2/ButtonText/ButtonText.js";import"../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../componentsV2/Accordion/Accordion.scss.js";import"../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../componentsV2/BadgeComment/BadgeComment.js";import"../../componentsV2/AppContainer/AppContainer.js";import"../../componentsV2/AppContainer/AppContainer.constants.js";import"../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"./configuration/constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppHeader/AppHeader.constants.js";import"../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../componentsV2/AppHeader/AppAssets/utils.js";import"../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../PadModeSelect/PadModeSelect.js";import"../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../constants/streamSourceType.js";import"../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../utils/mobileDetect.js";import"../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../AppIcon/AppIcon.js";import"../../utils/getSingleAsset.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../componentsV2/AppSettings/AppSettings.js";import"../../componentsV2/AppSettings/AppSettings.constants.js";import"../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../componentsV2/AppHeader/AppHeader.scss.js";import"../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../componentsV2/Autocomplete/Autocomplete.js";import{Select as j}from"../../componentsV2/Select/Select.js";import"../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../componentsV2/DatePicker/DatePicker.js";import"../../componentsV2/DragHandle/DragHandle.js";import"../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../componentsV2/Slider/constants.js";import"../../componentsV2/Slider/components/SliderThumb.js";import"../../componentsV2/Slider/Slider.scss.js";import"../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";import{GradientPreview as u}from"./GradientPreview/GradientPreview.js";import V from"./GradientSelect.scss.js";var A=function(o,s){return{id:o.id,title:o.name,prefix:r(u,{gradientStops:o.gradientStops}),group:s?"default":"custom"}},C=function(o){return o.group},I=function(u){var I=u.value,v=u.gradients,g=u.onChange,h=u.defaultGradients,S=u.onAction,P=u.readonly,D=!(null==v||!v.length),x=s((function(){return[].concat(o((null==v?void 0:v.map((function(o){return A(o,!1)})))||[]),o((null==h?void 0:h.map((function(o){return A(o,!0)})))||[]))}),[v,h]),T=s((function(){return x.find((function(o){return o.id===I}))}),[x,I]),b=t((function(o){o&&g(o.id)}),[g]),f=t((function(){S("add")}),[S]),k=t((function(o){var s=o.children,t=o.group,a=o.key,l=P?null:r(m,{title:"Create Custom Gradient",children:r(p,{size:"xs",onClick:f,testId:"add-gradient-btn",type:"tertiaryBg",children:r(d,{})})});return i(n,{children:[r(e,{size:12,color:"T6",className:V.group,testId:"gradient-group-header",children:i(c,"default"===t?{children:["Default Gradients ",!D&&l]}:{children:["My Gradients ",D&&l]})}),s]},a)}),[D,P,f]),H=t((function(o){var s=o.title,t=o.id,n=o.group;return i("div",{className:V.option,children:[r(a,{children:s}),"custom"===n&&r(m,{title:"Delete Gradient",children:r(p,{size:"xs",onClick:function(o){o.stopPropagation(),o.preventDefault(),S("delete",t)},children:r(l,{})})})]})}),[S]),B=t((function(o){o.stopPropagation(),o.preventDefault()}),[]);return r(j,{label:"Gradients",options:x,value:I||"",clearable:!1,onChange:b,testId:"gradient-select",className:V.root,prefix:null==T?void 0:T.prefix,groupBy:C,renderGroup:k,renderOption:P?void 0:H,noOptionsMessage:i("div",{className:V.noGradientsMessage,onMouseDown:B,children:["No Gradients",!P&&r(m,{title:"Create Custom Gradient",children:r(p,{size:"xs",onClick:f,testId:"add-gradient-btn",type:"tertiaryBg",children:r(d,{})})})]})})};export{I as GradientSelect};
+import o from"@babel/runtime/helpers/toConsumableArray";import{useMemo as s,useCallback as t,Fragment as n}from"react";import{Text as e}from"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Cell.js";import"@babel/runtime/helpers/defineProperty";import"classnames";import"../../componentsV2/Header/Header.scss.js";import{jsxs as i,jsx as r,Fragment as c}from"react/jsx-runtime";import"../../componentsV2/Button/Button.js";import{ButtonIcon as p}from"../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as m}from"../../componentsV2/Tooltip/Tooltip.js";import"../../componentsV2/Popover/Popover.js";import"../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../componentsV2/Radio/Radio.js";import"@babel/runtime/helpers/objectWithoutProperties";import"@material-ui/core";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"../../componentsV2/TextInput/TextInput.js";import"../../componentsV2/TextInputNext/TextInputNext.js";import"../../componentsV2/TextArea/TextArea.js";import"../../componentsV2/Label/Label.js";import{TextEndTruncated as a}from"../../componentsV2/TextEndTruncated/TextEndTruncated.js";import"@babel/runtime/helpers/slicedToArray";import"lodash";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../componentsV2/TextLink/TextLink.js";import"../../componentsV2/Chip/Chip.js";import"../../componentsV2/ChipAlert/ChipAlert.js";import"../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../componentsV2/Avatar/Avatar.js";import"../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../componentsV2/Paper/Paper.js";import"../../componentsV2/ModalWindow/ModalWindow.js";import"uuid";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"../../componentsV2/Modal/Modal.scss.js";import"../../componentsV2/Menu/Menu.js";import"../../componentsV2/utils.js";import{DeleteFourIcon as l,PlusIcon as d}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"../../componentsV2/Hint/Hint.scss.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../componentsV2/TemplatesControl/utils.js";import"../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../componentsV2/TemplatesControl/Store/utils.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../componentsV2/TemplatesControl/types.js";import"../../utils/index.js";import"../../clients/jsonApi/index.js";import"../../permissions/PermissionsContext.js";import"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"../../permissions/ProvidePermissions.js";import"../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../componentsV2/Switch/Switch.js";import"../../componentsV2/Tabs/Tabs.js";import"../../componentsV2/EmptyState/EmptyState.scss.js";import"../../componentsV2/FileIcon/FileIcon.js";import"../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../componentsV2/FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../componentsV2/Skeleton/Skeleton.scss.js";import"../../utils/main.js";import"../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../componentsV2/Stepper/Step/Step.scss.js";import"../../componentsV2/Stepper/Stepper.scss.js";import"../../componentsV2/ButtonLive/ButtonLive.js";import"../../componentsV2/ButtonText/ButtonText.js";import"../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../componentsV2/Accordion/Accordion.scss.js";import"../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../componentsV2/BadgeComment/BadgeComment.js";import"../../componentsV2/AppContainer/AppContainer.js";import"../../componentsV2/AppContainer/AppContainer.constants.js";import"../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"./configuration/constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppHeader/AppHeader.constants.js";import"../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../componentsV2/AppHeader/AppAssets/utils.js";import"../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../PadModeSelect/PadModeSelect.js";import"../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../constants/streamSourceType.js";import"../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../utils/mobileDetect.js";import"../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../AppIcon/AppIcon.js";import"../../utils/getSingleAsset.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppPanel/AppPanelsContext.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../componentsV2/AppHeader/AppHeader.scss.js";import"../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../componentsV2/Autocomplete/Autocomplete.js";import{Select as j}from"../../componentsV2/Select/Select.js";import"../../componentsV2/AppPanel/AppPanel.js";import"../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../componentsV2/DatePicker/DatePicker.js";import"../../componentsV2/DragHandle/DragHandle.js";import"../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../componentsV2/Slider/constants.js";import"../../componentsV2/Slider/components/SliderThumb.js";import"../../componentsV2/Slider/Slider.scss.js";import"../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";import{GradientPreview as u}from"./GradientPreview/GradientPreview.js";import V from"./GradientSelect.scss.js";var A=function(o,s){return{id:o.id,title:o.name,prefix:r(u,{gradientStops:o.gradientStops}),group:s?"default":"custom"}},C=function(o){return o.group},I=function(u){var I=u.value,v=u.gradients,h=u.onChange,g=u.defaultGradients,S=u.onAction,P=u.readonly,D=!(null==v||!v.length),x=s((function(){return[].concat(o((null==v?void 0:v.map((function(o){return A(o,!1)})))||[]),o((null==g?void 0:g.map((function(o){return A(o,!0)})))||[]))}),[v,g]),T=s((function(){return x.find((function(o){return o.id===I}))}),[x,I]),b=t((function(o){o&&h(o.id)}),[h]),f=t((function(){S("add")}),[S]),k=t((function(o){var s=o.children,t=o.group,a=o.key,l=P?null:r(m,{title:"Create Custom Gradient",children:r(p,{size:"xs",onClick:f,testId:"add-gradient-btn",type:"tertiaryBg",children:r(d,{})})});return i(n,{children:[r(e,{size:12,color:"T6",className:V.group,testId:"gradient-group-header",children:i(c,"default"===t?{children:["Default Gradients ",!D&&l]}:{children:["My Gradients ",D&&l]})}),s]},a)}),[D,P,f]),H=t((function(o){var s=o.title,t=o.id,n=o.group;return i("div",{className:V.option,children:[r(a,{children:s}),"custom"===n&&r(m,{title:"Delete Gradient",children:r(p,{size:"xs",onClick:function(o){o.stopPropagation(),o.preventDefault(),S("delete",t)},children:r(l,{})})})]})}),[S]),F=t((function(o){o.stopPropagation(),o.preventDefault()}),[]);return r(j,{label:"Gradients",options:x,value:I||"",clearable:!1,onChange:b,testId:"gradient-select",className:V.root,prefix:null==T?void 0:T.prefix,groupBy:C,renderGroup:k,renderOption:P?void 0:H,noOptionsMessage:i("div",{className:V.noGradientsMessage,onMouseDown:F,children:["No Gradients",!P&&r(m,{title:"Create Custom Gradient",children:r(p,{size:"xs",onClick:f,testId:"add-gradient-btn",type:"tertiaryBg",children:r(d,{})})})]})})};export{I as GradientSelect};
 //# sourceMappingURL=GradientSelect.js.map

package/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","GradientSelect","_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","renderOption","_ref5","TextEndTruncated","e","stopPropagation","preventDefault","DeleteFourIcon","noGradientsMouseHandler","Select","label","clearable","root","undefined","noOptionsMessage","noGradientsMessage","onMouseDown"],"mappings":"~~q2bA4BA~~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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","GradientSelect","_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","renderOption","_ref5","TextEndTruncated","e","stopPropagation","preventDefault","DeleteFourIcon","noGradientsMouseHandler","Select","label","clearable","root","undefined","noOptionsMessage","noGradientsMessage","onMouseDown"],"mappings":"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"}

package/components/GradientPicker/GradientPicker.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/toConsumableArray";import s from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/slicedToArray";import{useRef as i,useState as c,useEffect as t,useMemo as r}from"react";import e from"classnames";import m from"react-draggable";import{find as u,noop as a,sortBy as l,reject as p,clamp as d,omit as j}from"lodash";import I from"tinygradient";import{v4 as f}from"uuid";import{Typography as h,Tooltip as v,Popover as b,TextField as g}from"@material-ui/core";import{Add as C}from"@material-ui/icons";import{DeleteFourIcon as O}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import y from"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import{calcGradientStyle as P,getStopText as F,roundToStep as k,getRangeStep as N}from"./GradientPicker.utils.js";import{useThrottledCallback as x}from"../shared/useThrottledCallback.js";import A from"../IconButton/index.js";import{useStyles as D}from"./GradientPicker.styles.js";import{withSize as M}from"react-sizeme";import{jsxs as S,jsx as T}from"react/jsx-runtime";function E(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,i)}return n}function w(o){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?E(Object(i),!0).forEach((function(n){s(o,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):E(Object(i)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(i,s))}))}return o}var z=M()((function(s){var M,E=s.size,z=s.from,B=void 0===z?0:z,R=s.to,_=void 0===R?100:R,G=s.unit,L=s.gradientStops,U=s.onChange,V=s.style,W=s.isMoveInputVisible,q=s.readonly,K=s.noScale,H=s["data-testid"],X=void 0===H?"GradientPicker":H,Z=i(null),J=c([]),Q=n(J,2),Y=Q[0],$=Q[1],oo=c(null),so=n(oo,2),no=so[0],io=so[1],co=c(null),to=n(co,2),ro=to[0],eo=to[1],mo=c(null),uo=n(mo,2),ao=uo[0],lo=uo[1],po=D({readonly:q}),jo=Number.isFinite(B)?Number(B):0,Io=Number.isFinite(_)?Number(_):100,fo=Io-jo;t((function(){(L.length!==(null==Y?void 0:Y.length)||L.some((function(o,s){return o.color!==Y[s].color||o.pos!==Y[s].pos})))&&$(L.map((function(o){return w(w({},o),{},{id:f()})})))}),[L]);var ho=r((function(){return P(Y)}),[Y]),vo=r((function(){var o;return null===(o=Z.current)||void 0===o?void 0:o.clientWidth}),[null==E?void 0:E.width,Z.current]),bo=function(o){var s=l(o,"pos");$(s),U&&U(s.map((function(o){return j(o,"id")})))},go=function(o){if(o.target===o.currentTarget){var s=o.currentTarget.getBoundingClientRect(),n=o.clientX-s.left;lo(Number.isFinite(n)?n:null)}else lo(null)},Co=x((function(s,n,i){var c=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if(!no&&vo){var t=n/vo*100,r=u(Y,{id:s});if(i>=40||i<=-50)yo();else if(r){var e=w(w({},r),{},{pos:t}),m=l([].concat(o(p(Y,{id:s})),[e]),"pos");if(c)return bo(m),void eo(null);$(m),Fo||eo(s)}}}),0),Oo=function(){bo(Y),eo(null),io(null)},yo=function(){Y.length>2&&(bo(p(Y,{id:ro})),io(null),eo(null))},Po=!no&&Number.isFinite(ao)&&!q,Fo=ro?u(Y,{id:ro}):void 0,ko=N(fo),No=function(o){if(!o)return null;var s=jo+(null==o?void 0:o.pos)/100*fo;return k(s,ko/100)}(Fo);return S("div",{className:po.root,style:V,children:[!K&&S("div",{className:po.indicatorContainer,children:[T("div",{children:S(h,{"data-testid":"".concat(X,"_from"),className:po.indicator,children:[jo," ",G]})}),T("div",{children:S(h,{"data-testid":"".concat(X,"_to"),className:po.indicator,children:[Io," ",G]})})]}),S("div",{onMouseEnter:go,onMouseMove:go,onMouseLeave:function(){return lo(null)},onClick:function(s){if(!q&&null!==ao&&vo){var n=ao/vo*100,i=I(Y.map((function(o){return{color:o.color,pos:o.pos/100}}))),c="#".concat(i.rgbAt(n/100).toHex()),t={id:f(),pos:n,color:c};bo([].concat(o(Y),[t]))}},"data-testid":"".concat(X,"_track"),className:po.mainBar,style:{background:"linear-gradient(90deg, ".concat(ho,")")},ref:Z,children:[Po&&T("div",{"data-testid":"".concat(X,"_addCircle"),className:po.addCircle,style:{left:ao-12},children:T(C,{fontSize:"small",className:po.addIcon})}),!!vo&&Y.map((function(o,s){var n,i=o.pos,c=o.color,t=o.id;return T(m,{disabled:q,axis:"x",bounds:{left:-12,right:vo-12,top:-50,bottom:40},onDrag:function(o,s){return Co(t,s.x+12,s.y,!1)},onStop:function(o,s){return Co(t,s.x+12,s.y,!0)},position:{x:vo*i/100-12,y:-4},children:T("div",{onClick:function(o){return function(o,s){o.stopPropagation(),q||ro||(eo(s),io(o.currentTarget))}(o,t)},"data-testid":"".concat(X,"_stop_").concat(s),className:e(po.circle,{highlight:ro===t}),style:{backgroundColor:c},children:T(v,{title:(n=i,F(n,{fromValue:jo,toValue:Io})),placement:"top",children:T("div",{style:{height:"100%"}})})})},t)}))]}),Boolean(no)&&S(b,{id:"colors-popper",open:Boolean(no),anchorEl:no,onClose:Oo,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:[T(y,{color:null!==(M=null==Fo?void 0:Fo.color)&&void 0!==M?M:"#000000",onChange:function(o){var s=o.hex;$(Y.map((function(o){return o.id===ro?w(w({},o),{},{color:s}):o})))},onSizeChange:a,enableTransparencyPalette:!1}),T(A,{"data-testid":"".concat(X,"_stopDelete"),className:po.removeButton,onClick:yo,children:T(O,{className:po.deleteIcon})}),W&&T(g,{"data-testid":"".concat(X,"_moveInput"),type:"number",variant:"outlined",value:No,classes:{root:po.posTextfield},InputProps:{inputProps:{min:jo,max:Io,step:ko,maxLength:10},classes:{root:po.posOutlinedRoot,input:po.posOutlinedInput}},autoFocus:!0,onFocus:function(o){return o.target.select()},onChange:function(o){if(""===o.target.value){var s=o.target;setTimeout((function(){return null==s?void 0:s.select()}))}var n=d(Number(o.target.value),jo,Io);n||o.target.select();var i=(n-jo)/fo*100;$(Y.map((function(o){return o.id===ro?w(w({},o),{},{pos:i}):o})))},onKeyDown:function(o){return"Enter"===o.key&&Oo()}})]})]})})),B=function(o){return T(z,w({},o))};export{B as GradientPicker};
+import o from"@babel/runtime/helpers/toConsumableArray";import s from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/slicedToArray";import{useRef as i,useState as c,useEffect as t,useMemo as r}from"react";import e from"classnames";import m from"react-draggable";import{find as u,noop as a,sortBy as l,reject as p,clamp as d,omit as j}from"lodash";import I from"tinygradient";import{v4 as f}from"uuid";import{Typography as h,Tooltip as v,Popover as b,TextField as g}from"@material-ui/core";import{Add as C}from"@material-ui/icons";import{DeleteFourIcon as O}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import y from"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import{calcGradientStyle as P,getStopText as F,roundToStep as k,getRangeStep as N}from"./GradientPicker.utils.js";import{useThrottledCallback as x}from"../shared/useThrottledCallback.js";import A from"../IconButton/index.js";import{useStyles as D}from"./GradientPicker.styles.js";import{withSize as M}from"react-sizeme";import{jsxs as S,jsx as T}from"react/jsx-runtime";function E(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,i)}return n}function w(o){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?E(Object(i),!0).forEach((function(n){s(o,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):E(Object(i)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(i,s))}))}return o}var z=M()((function(s){var M,E=s.size,z=s.from,B=void 0===z?0:z,R=s.to,_=void 0===R?100:R,G=s.unit,L=s.gradientStops,U=s.onChange,V=s.style,W=s.isMoveInputVisible,q=s.readonly,K=s.noScale,H=s["data-testid"],X=void 0===H?"GradientPicker":H,Z=i(null),J=c([]),Q=n(J,2),Y=Q[0],$=Q[1],oo=c(null),so=n(oo,2),no=so[0],io=so[1],co=c(null),to=n(co,2),ro=to[0],eo=to[1],mo=c(null),uo=n(mo,2),ao=uo[0],lo=uo[1],po=D({readonly:q}),jo=Number.isFinite(B)?Number(B):0,Io=Number.isFinite(_)?Number(_):100,fo=Io-jo;t((function(){(L.length!==(null==Y?void 0:Y.length)||L.some((function(o,s){return o.color!==Y[s].color||o.pos!==Y[s].pos})))&&$(L.map((function(o){return w(w({},o),{},{id:f()})})))}),[L]);var ho=r((function(){return P(Y)}),[Y]),vo=r((function(){var o;return null===(o=Z.current)||void 0===o?void 0:o.clientWidth}),[null==E?void 0:E.width,Z.current]),bo=function(o){var s=l(o,"pos");$(s),U&&U(s.map((function(o){return j(o,"id")})))},go=function(o){if(o.target===o.currentTarget){var s=o.currentTarget.getBoundingClientRect(),n=o.clientX-s.left;lo(Number.isFinite(n)?n:null)}else lo(null)},Co=x((function(s,n,i){var c=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if(!no&&vo){var t=n/vo*100,r=u(Y,{id:s});if(i>=40||i<=-50)yo();else if(r){var e=w(w({},r),{},{pos:t}),m=l([].concat(o(p(Y,{id:s})),[e]),"pos");if(c)return bo(m),void eo(null);$(m),Fo||eo(s)}}}),0),Oo=function(){bo(Y),eo(null),io(null)},yo=function(){Y.length>2&&(bo(p(Y,{id:ro})),io(null),eo(null))},Po=!no&&Number.isFinite(ao)&&!q,Fo=ro?u(Y,{id:ro}):void 0,ko=N(fo),No=function(o){if(!o)return null;var s=jo+(null==o?void 0:o.pos)/100*fo;return k(s,ko/100)}(Fo);return S("div",{className:po.root,style:V,children:[!K&&S("div",{className:po.indicatorContainer,children:[T("div",{children:S(h,{"data-testid":"".concat(X,"_from"),className:po.indicator,children:[jo," ",G]})}),T("div",{children:S(h,{"data-testid":"".concat(X,"_to"),className:po.indicator,children:[Io," ",G]})})]}),S("div",{onMouseEnter:go,onMouseMove:go,onMouseLeave:function(){return lo(null)},onClick:function(s){if(!q&&null!==ao&&vo){var n=ao/vo*100,i=I(Y.map((function(o){return{color:o.color,pos:o.pos/100}}))),c="#".concat(i.rgbAt(n/100).toHex()),t={id:f(),pos:n,color:c};bo([].concat(o(Y),[t]))}},"data-testid":"".concat(X,"_track"),className:po.mainBar,style:{background:"linear-gradient(90deg, ".concat(ho,")")},ref:Z,children:[Po&&T("div",{"data-testid":"".concat(X,"_addCircle"),className:po.addCircle,style:{left:ao-12},children:T(C,{fontSize:"small",className:po.addIcon})}),!!vo&&Y.map((function(o,s){var n,i=o.pos,c=o.color,t=o.id;return T(m,{disabled:q,axis:"x",bounds:{left:-12,right:vo-12,top:-50,bottom:40},onDrag:function(o,s){return Co(t,s.x+12,s.y,!1)},onStop:function(o,s){return Co(t,s.x+12,s.y,!0)},position:{x:vo*i/100-12,y:-4},children:T("div",{onClick:function(o){return function(o,s){o.stopPropagation(),q||ro||(eo(s),io(o.currentTarget))}(o,t)},"data-testid":"".concat(X,"_stop_").concat(s),className:e(po.circle,{highlight:ro===t}),style:{backgroundColor:c},children:T(v,{title:(n=i,F(n,{fromValue:jo,toValue:Io})),placement:"top",children:T("div",{style:{height:"100%"}})})})},t)}))]}),Boolean(no)&&S(b,{id:"colors-popper",open:Boolean(no),anchorEl:no,onClose:Oo,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:[T(y,{color:null!==(M=null==Fo?void 0:Fo.color)&&void 0!==M?M:"#000000",onChange:function(o){var s=o.hex;$(Y.map((function(o){return o.id===ro?w(w({},o),{},{color:s}):o})))},onSizeChange:a,enableTransparencyPalette:!1}),T(A,{"data-testid":"".concat(X,"_stopDelete"),className:po.removeButton,onClick:yo,children:T(O,{className:po.deleteIcon})}),W&&T(g,{"data-testid":"".concat(X,"_moveInput"),type:"number",variant:"outlined",value:No,classes:{root:po.posTextfield},InputProps:{inputProps:{min:jo,max:Io,step:ko,maxLength:10},classes:{root:po.posOutlinedRoot,input:po.posOutlinedInput}},autoFocus:!0,onFocus:function(o){return o.target.select()},onChange:function(o){if(""===o.target.value){var s=o.target;setTimeout((function(){return null==s?void 0:s.select()}))}var n=d(Number(o.target.value),jo,Io);n||o.target.select();var i=(n-jo)/fo*100;$(Y.map((function(o){return o.id===ro?w(w({},o),{},{pos:i}):o})))},onKeyDown:function(o){return"Enter"===o.key&&Oo()}})]})]})})),B=function(o){return T(z,w({},o))};export{B as GradientPicker};
 //# sourceMappingURL=GradientPicker.js.map