npm - @corva/ui - Versions diffs - 3.75.0-2 → 3.75.0-21 - Mend

@corva/ui 3.75.0-2 → 3.75.0-21

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"GradientPicker.js","sources":["../../../../src/components/GradientPicker/GradientPicker.tsx"],"sourcesContent":["import React, { MouseEventHandler, useEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport Draggable from 'react-draggable';\nimport { clamp, find, noop, omit, reject, sortBy } from 'lodash';\nimport tinygradient from 'tinygradient';\nimport { v4 as uuidv4 } from 'uuid';\nimport { Popover, TextField, Tooltip, Typography } from '@material-ui/core';\nimport { Add } from '@material-ui/icons';\n\nimport { DeleteFourIcon } from '~/icons';\n\nimport { GradientFillStop } from '~/types';\nimport PaletteChromePicker from '../ColorPicker/PaletteChromePicker';\nimport { calcGradientStyle, getRangeStep, getStopText, roundToStep } from './GradientPicker.utils';\nimport { GradientPickerComponentProps } from './GradientPickerProps';\nimport { useThrottledCallback } from '../shared/useThrottledCallback';\nimport IconButton from '../IconButton';\nimport { useStyles } from './GradientPicker.styles';\nimport { withSize } from 'react-sizeme';\n\nconst DRAG_TOP_LIMIT = -50;\nconst DRAG_BOTTOM_LIMIT = 40;\nconst DRAG_OFFSET_X = 12;\nconst DRAG_OFFSET_Y = -4;\n\nconst GradientPickerComponent = withSize()(\n ({\n size,\n from = 0,\n to = 100,\n unit,\n gradientStops,\n onChange,\n style,\n isMoveInputVisible,\n readonly,\n noScale,\n 'data-testid': PAGE_NAME = 'GradientPicker',\n }: GradientPickerComponentProps) => {\n const trackRef = useRef<HTMLDivElement>(null);\n\n const [stops, setStops] = useState<Array<GradientFillStop & { id: string }>>([]);\n\n const [paletteAnchorEl, setPaletteAnchorEl] = useState<HTMLElement \| null>(null);\n const [activeStopId, setActiveStopId] = useState<string \| null>(null);\n const [addCirclePos, setAddCirclePos] = useState<number \| null>(null);\n\n const classes = useStyles({ readonly });\n\n const fromValue = Number.isFinite(from) ? Number(from) : 0;\n const toValue = Number.isFinite(to) ? Number(to) : 100;\n const range = toValue - fromValue;\n\n useEffect(() => {\n const changed =\n gradientStops.length !== stops?.length \|\|\n gradientStops.some(\n (stop, index) => stop.color !== stops[index].color \|\| stop.pos !== stops[index].pos\n );\n\n if (changed) {\n setStops(gradientStops.map(stop => ({ ...stop, id: uuidv4() })));\n }\n }, [gradientStops]);\n\n const gradient = useMemo(() => calcGradientStyle(stops), [stops]);\n const containerWidth = useMemo(\n () => trackRef.current?.clientWidth,\n [size?.width, trackRef.current]\n );\n\n const emitChange = (stops: Array<GradientFillStop & { id: string }>) => {\n const sorted = sortBy(stops, 'pos');\n setStops(sorted);\n if (onChange) {\n onChange(sorted.map(stop => omit(stop, 'id')));\n }\n };\n\n const handleTrackHover: MouseEventHandler<HTMLDivElement> = evt => {\n if (evt.target !== evt.currentTarget) {\n setAddCirclePos(null);\n return;\n }\n const rect = evt.currentTarget.getBoundingClientRect();\n const x = evt.clientX - rect.left;\n setAddCirclePos(Number.isFinite(x) ? x : null);\n };\n\n /*\n When a user clicks a stop the \"startDrag\" and \"click\" events are fired simultaneously.\n * So useThrottledCallback (or any other scheduler, like setTimeout) solves\n * this conflict by waiting a tick and allowing the palette to open.\n * Then if it was a click and palette is open - do not initiate drag-n-drop.\n /\n const handleDragMove = useThrottledCallback(\n (id: string, xPos: number, yPos: number, isStopped = false) => {\n if (paletteAnchorEl \|\| !containerWidth) {\n return;\n }\n const pos = (xPos / containerWidth) 100;\n const stop = find(stops, { id });\n if (yPos >= DRAG_BOTTOM_LIMIT \|\| yPos <= DRAG_TOP_LIMIT) {\n handleRemoveStop();\n return;\n }\n\n if (!stop) {\n return;\n }\n\n const currentStop = { ...stop, pos };\n\n const newStops = sortBy([...reject(stops, { id }) as typeof stops, currentStop], 'pos');\n\n if (isStopped) {\n emitChange(newStops);\n setActiveStopId(null);\n return;\n }\n\n setStops(newStops);\n if (!activeStop) {\n setActiveStopId(id);\n }\n },\n 0\n );\n\n const handleAdd: MouseEventHandler<HTMLDivElement> = _evt => {\n if (readonly \|\| addCirclePos === null \|\| !containerWidth) {\n return;\n }\n const pos = (addCirclePos / containerWidth) * 100;\n const gradient = tinygradient(\n stops.map(item => ({\n color: item.color,\n pos: item.pos / 100,\n }))\n );\n\n const color = `#${gradient.rgbAt(pos / 100).toHex()}`;\n const newStop = { id: uuidv4(), pos, color };\n emitChange([...stops, newStop]);\n };\n\n const handleColorPickerOpen = (evt: React.MouseEvent, id: string) => {\n evt.stopPropagation();\n if (readonly \|\| activeStopId) {\n return;\n }\n setActiveStopId(id);\n setPaletteAnchorEl(evt.currentTarget as HTMLElement);\n };\n\n const handleColorPickerClose = () => {\n emitChange(stops);\n setActiveStopId(null);\n setPaletteAnchorEl(null);\n };\n\n const handleStopPositionTextInput = (evt: React.ChangeEvent<HTMLInputElement>) => {\n // give React a moment to update state and draw input with a zero and select the zero\n // to allow user type a new value\n if (evt.target.value === '') {\n const inputElement = evt.target;\n setTimeout(() => inputElement?.select());\n }\n const posScaled = clamp(Number(evt.target.value), fromValue, toValue);\n if (!posScaled) {\n evt.target.select();\n }\n const pos = ((posScaled - fromValue) / range) * 100;\n setStops(stops.map(stop => (stop.id === activeStopId ? { ...stop, pos } : stop)));\n };\n\n const handleColorChange = (newColor: { hex: string }) => {\n const color = newColor.hex;\n setStops(stops.map(stop => (stop.id === activeStopId ? { ...stop, color } : stop)));\n };\n\n const handleRemoveStop = () => {\n if (stops.length > 2) {\n emitChange(reject(stops, { id: activeStopId }) as typeof stops);\n setPaletteAnchorEl(null);\n setActiveStopId(null);\n }\n };\n\n const getStopTooltipValue = (position: number) => {\n return getStopText(position, { fromValue, toValue });\n };\n\n const addCircleVisible = !paletteAnchorEl && Number.isFinite(addCirclePos) && !readonly;\n\n const getStopScaledPosition = (activeStop: (GradientFillStop & { id: string }) \| undefined) => {\n if (!activeStop) {\n return null;\n }\n const stopValue = fromValue + (activeStop?.pos / 100) * range;\n return roundToStep(stopValue, stopStep / 100);\n };\n\n const activeStop = activeStopId ? find(stops, { id: activeStopId }) : undefined;\n const stopStep = getRangeStep(range);\n\n const activeStopScaledPos = getStopScaledPosition(activeStop);\n\n return (\n <div className={classes.root} style={style}>\n {!noScale && (\n <div className={classes.indicatorContainer}>\n <div>\n <Typography data-testid={`${PAGE_NAME}_from`} className={classes.indicator}>\n {fromValue} {unit}\n </Typography>\n </div>\n <div>\n <Typography data-testid={`${PAGE_NAME}_to`} className={classes.indicator}>\n {toValue} {unit}\n </Typography>\n </div>\n </div>\n )}\n\n <div\n onMouseEnter={handleTrackHover}\n onMouseMove={handleTrackHover}\n onMouseLeave={() => setAddCirclePos(null)}\n onClick={handleAdd}\n data-testid={`${PAGE_NAME}_track`}\n className={classes.mainBar}\n style={{ background: `linear-gradient(90deg, ${gradient})` }}\n ref={trackRef}\n >\n {addCircleVisible && (\n <div\n data-testid={`${PAGE_NAME}_addCircle`}\n className={classes.addCircle}\n style={{ left: addCirclePos! - DRAG_OFFSET_X }}\n >\n <Add fontSize=\"small\" className={classes.addIcon} />\n </div>\n )}\n\n {!!containerWidth &&\n stops.map(({ pos, color, id }, index) => (\n // @ts-ignore Draggable propTypes issues\n <Draggable\n disabled={readonly}\n key={id}\n axis=\"x\"\n bounds={{\n left: -DRAG_OFFSET_X,\n right: containerWidth - DRAG_OFFSET_X,\n top: DRAG_TOP_LIMIT,\n bottom: DRAG_BOTTOM_LIMIT,\n }}\n onDrag={(_e, dragData) =>\n handleDragMove(id, dragData.x + DRAG_OFFSET_X, dragData.y, false)\n }\n onStop={(_e, dragData) =>\n handleDragMove(id, dragData.x + DRAG_OFFSET_X, dragData.y, true)\n }\n position={{\n x: (containerWidth * pos) / 100 - DRAG_OFFSET_X,\n y: DRAG_OFFSET_Y,\n }}\n >\n <div\n onClick={e => handleColorPickerOpen(e, id)}\n data-testid={`${PAGE_NAME}_stop_${index}`}\n className={classNames(classes.circle, {\n highlight: activeStopId === id,\n })}\n style={{ backgroundColor: color }}\n >\n <Tooltip title={getStopTooltipValue(pos)} placement=\"top\">\n <div style={{ height: '100%' }} />\n </Tooltip>\n </div>\n </Draggable>\n ))}\n </div>\n\n {Boolean(paletteAnchorEl) && (\n <Popover\n id=\"colors-popper\"\n open={Boolean(paletteAnchorEl)}\n anchorEl={paletteAnchorEl}\n onClose={handleColorPickerClose}\n anchorOrigin={{\n vertical: 'bottom',\n horizontal: 'left',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'left',\n }}\n >\n <PaletteChromePicker\n color={activeStop?.color ?? '#000000'}\n onChange={handleColorChange}\n onSizeChange={noop}\n enableTransparencyPalette={false}\n />\n <IconButton\n data-testid={`${PAGE_NAME}_stopDelete`}\n className={classes.removeButton}\n onClick={handleRemoveStop}\n >\n <DeleteFourIcon className={classes.deleteIcon} />\n </IconButton>\n {isMoveInputVisible && (\n <TextField\n data-testid={`${PAGE_NAME}_moveInput`}\n type=\"number\"\n variant=\"outlined\"\n value={activeStopScaledPos}\n classes={{ root: classes.posTextfield }}\n InputProps={{\n inputProps: {\n min: fromValue,\n max: toValue,\n step: stopStep,\n maxLength: 10,\n },\n classes: {\n root: classes.posOutlinedRoot,\n input: classes.posOutlinedInput,\n },\n }}\n autoFocus\n onFocus={evt => evt.target.select()}\n onChange={handleStopPositionTextInput}\n onKeyDown={evt => evt.key === 'Enter' && handleColorPickerClose()}\n />\n )}\n </Popover>\n )}\n </div>\n );\n }\n);\n\n// \"Hiding\" react-sizeme so Storybook can get the props type\nexport const GradientPicker = (props: Omit<GradientPickerComponentProps, 'size'>) => (\n <GradientPickerComponent {...props} />\n);\n"],"names":["GradientPickerComponent","withSize","_ref","_activeStop$color","size","_ref$from","from","_ref$to","to","unit","gradientStops","onChange","style","isMoveInputVisible","readonly","noScale","_ref$dataTestid","PAGE_NAME","trackRef","useRef","useState","_useState2","_slicedToArray","_useState","stops","setStops","_useState4","_useState3","paletteAnchorEl","setPaletteAnchorEl","_useState6","_useState5","activeStopId","setActiveStopId","_useState8","_useState7","addCirclePos","setAddCirclePos","classes","useStyles","fromValue","Number","isFinite","toValue","range","useEffect","changed","length","some","stop","index","color","pos","map","_objectSpread","id","uuidv4","gradient","useMemo","calcGradientStyle","containerWidth","_trackRef$current","current","clientWidth","width","emitChange","sorted","sortBy","omit","handleTrackHover","evt","target","currentTarget","rect","getBoundingClientRect","x","clientX","left","handleDragMove","useThrottledCallback","xPos","yPos","isStopped","find","handleRemoveStop","currentStop","newStops","reject","activeStop","handleColorPickerClose","addCircleVisible","undefined","stopStep","getRangeStep","activeStopScaledPos","stopValue","roundToStep","getStopScaledPosition","_jsxs","className","root","children","indicatorContainer","_jsx","jsx","Typography","concat","indicator","jsxs","onMouseEnter","onMouseMove","onMouseLeave","onClick","_evt","tinygradient","item","rgbAt","toHex","newStop","mainBar","background","ref","addCircle","Add","fontSize","addIcon","_ref2","position","Draggable","disabled","axis","bounds","right","top","bottom","onDrag","_e","dragData","y","onStop","e","stopPropagation","handleColorPickerOpen","classNames","circle","highlight","backgroundColor","Tooltip","title","getStopText","placement","height","Boolean","Popover","open","anchorEl","onClose","anchorOrigin","vertical","horizontal","transformOrigin","PaletteChromePicker","newColor","hex","onSizeChange","noop","enableTransparencyPalette","IconButton","removeButton","DeleteFourIcon","deleteIcon","TextField","type","variant","value","posTextfield","InputProps","inputProps","min","max","step","maxLength","posOutlinedRoot","input","posOutlinedInput","autoFocus","onFocus","select","inputElement","setTimeout","posScaled","clamp","onKeyDown","key","props"],"mappings":"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"}
1	+ {"version":3,"file":"GradientPicker.js","sources":["../../../../src/components/GradientPicker/GradientPicker.tsx"],"sourcesContent":["import React, { MouseEventHandler, useEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport Draggable from 'react-draggable';\nimport { clamp, find, noop, omit, reject, sortBy } from 'lodash';\nimport tinygradient from 'tinygradient';\nimport { v4 as uuidv4 } from 'uuid';\nimport { Popover, TextField, Tooltip, Typography } from '@material-ui/core';\nimport { Add } from '@material-ui/icons';\n\nimport { DeleteFourIcon } from '~/icons';\n\nimport { GradientFillStop } from '~/types';\nimport PaletteChromePicker from '../ColorPicker/PaletteChromePicker';\nimport { calcGradientStyle, getRangeStep, getStopText, roundToStep } from './GradientPicker.utils';\nimport { GradientPickerComponentProps } from './GradientPickerProps';\nimport { useThrottledCallback } from '../shared/useThrottledCallback';\nimport IconButton from '../IconButton';\nimport { useStyles } from './GradientPicker.styles';\nimport { withSize } from 'react-sizeme';\n\nconst DRAG_TOP_LIMIT = -50;\nconst DRAG_BOTTOM_LIMIT = 40;\nconst DRAG_OFFSET_X = 12;\nconst DRAG_OFFSET_Y = -4;\n\nconst GradientPickerComponent = withSize()(\n ({\n size,\n from = 0,\n to = 100,\n unit,\n gradientStops,\n onChange,\n style,\n isMoveInputVisible,\n readonly,\n noScale,\n 'data-testid': PAGE_NAME = 'GradientPicker',\n }: GradientPickerComponentProps) => {\n const trackRef = useRef<HTMLDivElement>(null);\n\n const [stops, setStops] = useState<Array<GradientFillStop & { id: string }>>([]);\n\n const [paletteAnchorEl, setPaletteAnchorEl] = useState<HTMLElement \| null>(null);\n const [activeStopId, setActiveStopId] = useState<string \| null>(null);\n const [addCirclePos, setAddCirclePos] = useState<number \| null>(null);\n\n const classes = useStyles({ readonly });\n\n const fromValue = Number.isFinite(from) ? Number(from) : 0;\n const toValue = Number.isFinite(to) ? Number(to) : 100;\n const range = toValue - fromValue;\n\n useEffect(() => {\n const changed =\n gradientStops.length !== stops?.length \|\|\n gradientStops.some(\n (stop, index) => stop.color !== stops[index].color \|\| stop.pos !== stops[index].pos\n );\n\n if (changed) {\n setStops(gradientStops.map(stop => ({ ...stop, id: uuidv4() })));\n }\n }, [gradientStops]);\n\n const gradient = useMemo(() => calcGradientStyle(stops), [stops]);\n const containerWidth = useMemo(\n () => trackRef.current?.clientWidth,\n [size?.width, trackRef.current]\n );\n\n const emitChange = (stops: Array<GradientFillStop & { id: string }>) => {\n const sorted = sortBy(stops, 'pos');\n setStops(sorted);\n if (onChange) {\n onChange(sorted.map(stop => omit(stop, 'id')));\n }\n };\n\n const handleTrackHover: MouseEventHandler<HTMLDivElement> = evt => {\n if (evt.target !== evt.currentTarget) {\n setAddCirclePos(null);\n return;\n }\n const rect = evt.currentTarget.getBoundingClientRect();\n const x = evt.clientX - rect.left;\n setAddCirclePos(Number.isFinite(x) ? x : null);\n };\n\n /*\n When a user clicks a stop the \"startDrag\" and \"click\" events are fired simultaneously.\n * So useThrottledCallback (or any other scheduler, like setTimeout) solves\n * this conflict by waiting a tick and allowing the palette to open.\n * Then if it was a click and palette is open - do not initiate drag-n-drop.\n /\n const handleDragMove = useThrottledCallback(\n (id: string, xPos: number, yPos: number, isStopped = false) => {\n if (paletteAnchorEl \|\| !containerWidth) {\n return;\n }\n const pos = (xPos / containerWidth) 100;\n const stop = find(stops, { id });\n if (yPos >= DRAG_BOTTOM_LIMIT \|\| yPos <= DRAG_TOP_LIMIT) {\n handleRemoveStop();\n return;\n }\n\n if (!stop) {\n return;\n }\n\n const currentStop = { ...stop, pos };\n\n const newStops = sortBy([...reject(stops, { id }) as typeof stops, currentStop], 'pos');\n\n if (isStopped) {\n emitChange(newStops);\n setActiveStopId(null);\n return;\n }\n\n setStops(newStops);\n if (!activeStop) {\n setActiveStopId(id);\n }\n },\n 0\n );\n\n const handleAdd: MouseEventHandler<HTMLDivElement> = _evt => {\n if (readonly \|\| addCirclePos === null \|\| !containerWidth) {\n return;\n }\n const pos = (addCirclePos / containerWidth) * 100;\n const gradient = tinygradient(\n stops.map(item => ({\n color: item.color,\n pos: item.pos / 100,\n }))\n );\n\n const color = `#${gradient.rgbAt(pos / 100).toHex()}`;\n const newStop = { id: uuidv4(), pos, color };\n emitChange([...stops, newStop]);\n };\n\n const handleColorPickerOpen = (evt: React.MouseEvent, id: string) => {\n evt.stopPropagation();\n if (readonly \|\| activeStopId) {\n return;\n }\n setActiveStopId(id);\n setPaletteAnchorEl(evt.currentTarget as HTMLElement);\n };\n\n const handleColorPickerClose = () => {\n emitChange(stops);\n setActiveStopId(null);\n setPaletteAnchorEl(null);\n };\n\n const handleStopPositionTextInput = (evt: React.ChangeEvent<HTMLInputElement>) => {\n // give React a moment to update state and draw input with a zero and select the zero\n // to allow user type a new value\n if (evt.target.value === '') {\n const inputElement = evt.target;\n setTimeout(() => inputElement?.select());\n }\n const posScaled = clamp(Number(evt.target.value), fromValue, toValue);\n if (!posScaled) {\n evt.target.select();\n }\n const pos = ((posScaled - fromValue) / range) * 100;\n setStops(stops.map(stop => (stop.id === activeStopId ? { ...stop, pos } : stop)));\n };\n\n const handleColorChange = (newColor: { hex: string }) => {\n const color = newColor.hex;\n setStops(stops.map(stop => (stop.id === activeStopId ? { ...stop, color } : stop)));\n };\n\n const handleRemoveStop = () => {\n if (stops.length > 2) {\n emitChange(reject(stops, { id: activeStopId }) as typeof stops);\n setPaletteAnchorEl(null);\n setActiveStopId(null);\n }\n };\n\n const getStopTooltipValue = (position: number) => {\n return getStopText(position, { fromValue, toValue });\n };\n\n const addCircleVisible = !paletteAnchorEl && Number.isFinite(addCirclePos) && !readonly;\n\n const getStopScaledPosition = (activeStop: (GradientFillStop & { id: string }) \| undefined) => {\n if (!activeStop) {\n return null;\n }\n const stopValue = fromValue + (activeStop?.pos / 100) * range;\n return roundToStep(stopValue, stopStep / 100);\n };\n\n const activeStop = activeStopId ? find(stops, { id: activeStopId }) : undefined;\n const stopStep = getRangeStep(range);\n\n const activeStopScaledPos = getStopScaledPosition(activeStop);\n\n return (\n <div className={classes.root} style={style}>\n {!noScale && (\n <div className={classes.indicatorContainer}>\n <div>\n <Typography data-testid={`${PAGE_NAME}_from`} className={classes.indicator}>\n {fromValue} {unit}\n </Typography>\n </div>\n <div>\n <Typography data-testid={`${PAGE_NAME}_to`} className={classes.indicator}>\n {toValue} {unit}\n </Typography>\n </div>\n </div>\n )}\n\n <div\n onMouseEnter={handleTrackHover}\n onMouseMove={handleTrackHover}\n onMouseLeave={() => setAddCirclePos(null)}\n onClick={handleAdd}\n data-testid={`${PAGE_NAME}_track`}\n className={classes.mainBar}\n style={{ background: `linear-gradient(90deg, ${gradient})` }}\n ref={trackRef}\n >\n {addCircleVisible && (\n <div\n data-testid={`${PAGE_NAME}_addCircle`}\n className={classes.addCircle}\n style={{ left: addCirclePos! - DRAG_OFFSET_X }}\n >\n <Add fontSize=\"small\" className={classes.addIcon} />\n </div>\n )}\n\n {!!containerWidth &&\n stops.map(({ pos, color, id }, index) => (\n // @ts-ignore Draggable propTypes issues\n <Draggable\n disabled={readonly}\n key={id}\n axis=\"x\"\n bounds={{\n left: -DRAG_OFFSET_X,\n right: containerWidth - DRAG_OFFSET_X,\n top: DRAG_TOP_LIMIT,\n bottom: DRAG_BOTTOM_LIMIT,\n }}\n onDrag={(_e, dragData) =>\n handleDragMove(id, dragData.x + DRAG_OFFSET_X, dragData.y, false)\n }\n onStop={(_e, dragData) =>\n handleDragMove(id, dragData.x + DRAG_OFFSET_X, dragData.y, true)\n }\n position={{\n x: (containerWidth * pos) / 100 - DRAG_OFFSET_X,\n y: DRAG_OFFSET_Y,\n }}\n >\n <div\n onClick={e => handleColorPickerOpen(e, id)}\n data-testid={`${PAGE_NAME}_stop_${index}`}\n className={classNames(classes.circle, {\n highlight: activeStopId === id,\n })}\n style={{ backgroundColor: color }}\n >\n <Tooltip title={getStopTooltipValue(pos)} placement=\"top\">\n <div style={{ height: '100%' }} />\n </Tooltip>\n </div>\n </Draggable>\n ))}\n </div>\n\n {Boolean(paletteAnchorEl) && (\n <Popover\n id=\"colors-popper\"\n open={Boolean(paletteAnchorEl)}\n anchorEl={paletteAnchorEl}\n onClose={handleColorPickerClose}\n anchorOrigin={{\n vertical: 'bottom',\n horizontal: 'left',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'left',\n }}\n >\n <PaletteChromePicker\n color={activeStop?.color ?? '#000000'}\n onChange={handleColorChange}\n onSizeChange={noop}\n enableTransparencyPalette={false}\n />\n <IconButton\n data-testid={`${PAGE_NAME}_stopDelete`}\n className={classes.removeButton}\n onClick={handleRemoveStop}\n >\n <DeleteFourIcon className={classes.deleteIcon} />\n </IconButton>\n {isMoveInputVisible && (\n <TextField\n data-testid={`${PAGE_NAME}_moveInput`}\n type=\"number\"\n variant=\"outlined\"\n value={activeStopScaledPos}\n classes={{ root: classes.posTextfield }}\n InputProps={{\n inputProps: {\n min: fromValue,\n max: toValue,\n step: stopStep,\n maxLength: 10,\n },\n classes: {\n root: classes.posOutlinedRoot,\n input: classes.posOutlinedInput,\n },\n }}\n autoFocus\n onFocus={evt => evt.target.select()}\n onChange={handleStopPositionTextInput}\n onKeyDown={evt => evt.key === 'Enter' && handleColorPickerClose()}\n />\n )}\n </Popover>\n )}\n </div>\n );\n }\n);\n\n// \"Hiding\" react-sizeme so Storybook can get the props type\nexport const GradientPicker = (props: Omit<GradientPickerComponentProps, 'size'>) => (\n <GradientPickerComponent {...props} />\n);\n"],"names":["GradientPickerComponent","withSize","_ref","_activeStop$color","size","_ref$from","from","_ref$to","to","unit","gradientStops","onChange","style","isMoveInputVisible","readonly","noScale","_ref$dataTestid","PAGE_NAME","trackRef","useRef","useState","_useState2","_slicedToArray","_useState","stops","setStops","_useState4","_useState3","paletteAnchorEl","setPaletteAnchorEl","_useState6","_useState5","activeStopId","setActiveStopId","_useState8","_useState7","addCirclePos","setAddCirclePos","classes","useStyles","fromValue","Number","isFinite","toValue","range","useEffect","changed","length","some","stop","index","color","pos","map","_objectSpread","id","uuidv4","gradient","useMemo","calcGradientStyle","containerWidth","_trackRef$current","current","clientWidth","width","emitChange","sorted","sortBy","omit","handleTrackHover","evt","target","currentTarget","rect","getBoundingClientRect","x","clientX","left","handleDragMove","useThrottledCallback","xPos","yPos","isStopped","find","handleRemoveStop","currentStop","newStops","reject","activeStop","handleColorPickerClose","addCircleVisible","undefined","stopStep","getRangeStep","activeStopScaledPos","stopValue","roundToStep","getStopScaledPosition","_jsxs","className","root","children","indicatorContainer","_jsx","jsx","Typography","concat","indicator","jsxs","onMouseEnter","onMouseMove","onMouseLeave","onClick","_evt","tinygradient","item","rgbAt","toHex","newStop","mainBar","background","ref","addCircle","Add","fontSize","addIcon","_ref2","position","Draggable","disabled","axis","bounds","right","top","bottom","onDrag","_e","dragData","y","onStop","e","stopPropagation","handleColorPickerOpen","classNames","circle","highlight","backgroundColor","Tooltip","title","getStopText","placement","height","Boolean","Popover","open","anchorEl","onClose","anchorOrigin","vertical","horizontal","transformOrigin","PaletteChromePicker","newColor","hex","onSizeChange","noop","enableTransparencyPalette","IconButton","removeButton","DeleteFourIcon","deleteIcon","TextField","type","variant","value","posTextfield","InputProps","inputProps","min","max","step","maxLength","posOutlinedRoot","input","posOutlinedInput","autoFocus","onFocus","select","inputElement","setTimeout","posScaled","clamp","onKeyDown","key","props"],"mappings":"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"}

package/cjs-bundle/components/HelpCenter/HelpCenterIcon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@material-ui/core"),o=require("moment"),c=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var i=require("../../utils/localStorage.js"),e=require("react/jsx-runtime");function n(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var r=n(o),u=s.createSvgIcon(e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsxs("g",{clipPath:"url(#clip0_69385_73795)",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.3986 4.3986C6.34317 2.45406 9.0317 1.25 12 1.25C14.9683 1.25 17.6568 2.45406 19.6014 4.3986L19.0711 4.92893L19.6014 4.3986C21.5459 6.34317 22.75 9.0317 22.75 12C22.75 14.9683 21.5459 17.6568 19.6014 19.6014C17.6568 21.5459 14.9683 22.75 12 22.75C9.0317 22.75 6.34317 21.5459 4.3986 19.6014L4.92893 19.0711L4.3986 19.6014C2.45406 17.6568 1.25 14.9683 1.25 12C1.25 9.0317 2.45406 6.34317 4.3986 4.3986L4.3986 4.3986ZM12 2.75C9.4455 2.75 7.13403 3.78452 5.45926 5.45926C3.78451 7.13404 2.75 9.4455 2.75 12C2.75 14.5545 3.78452 16.866 5.45926 18.5407C7.13403 20.2155 9.4455 21.25 12 21.25C14.5545 21.25 16.866 20.2155 18.5407 18.5407C20.2155 16.866 21.25 14.5545 21.25 12C21.25 9.4455 20.2155 7.13403 18.5407 5.45926C16.866 3.78452 14.5545 2.75 12 2.75Z",fill:"#BDBDBD"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 18.8125C12.6904 18.8125 13.25 18.2529 13.25 17.5625C13.25 16.8722 12.6904 16.3125 12 16.3125C11.3097 16.3125 10.75 16.8722 10.75 17.5625C10.75 18.2529 11.3097 18.8125 12 18.8125Z",fill:"#BDBDBD"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.25 9.3125C8.25 7.24144 9.92894 5.5625 12 5.5625C14.0711 5.5625 15.75 7.24144 15.75 9.3125C15.75 11.1267 14.4617 12.64 12.75 12.9875V14.3125C12.75 14.7267 12.4142 15.0625 12 15.0625C11.5858 15.0625 11.25 14.7267 11.25 14.3125V12.3125C11.25 11.8983 11.5858 11.5625 12 11.5625C13.2426 11.5625 14.25 10.5551 14.25 9.3125C14.25 8.06986 13.2426 7.0625 12 7.0625C10.7574 7.0625 9.75 8.06986 9.75 9.3125C9.75 9.72671 9.41421 10.0625 9 10.0625C8.58579 10.0625 8.25 9.72671 8.25 9.3125Z",fill:"#BDBDBD"}),e.jsx("rect",{x:"15.5",y:"-0.5",width:"9",height:"9",rx:"4.5",fill:"#75DB29"}),e.jsx("rect",{x:"15.5",y:"-0.5",width:"9",height:"9",rx:"4.5",stroke:"#212121"})]}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_69385_73795",children:e.jsx("rect",{width:"24",height:"24",fill:"white"})})})]}),"NewContentIcon");exports.HelpCenterIcon=function(s){var o,n=s.appId,t=s.helpContentUpdatedAt,l=null===(o=i.getLocalStorageItem("helpCenter"))||void 0===o?void 0:o[n],j=t&&(!l||r.default(l).isBefore(t))?u:c.HelpIcon;return e.jsx(j,{})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@material-ui/core"),o=require("moment"),c=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var i=require("../../utils/localStorage.js"),e=require("react/jsx-runtime");function n(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var r=n(o),u=s.createSvgIcon(e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsxs("g",{clipPath:"url(#clip0_69385_73795)",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.3986 4.3986C6.34317 2.45406 9.0317 1.25 12 1.25C14.9683 1.25 17.6568 2.45406 19.6014 4.3986L19.0711 4.92893L19.6014 4.3986C21.5459 6.34317 22.75 9.0317 22.75 12C22.75 14.9683 21.5459 17.6568 19.6014 19.6014C17.6568 21.5459 14.9683 22.75 12 22.75C9.0317 22.75 6.34317 21.5459 4.3986 19.6014L4.92893 19.0711L4.3986 19.6014C2.45406 17.6568 1.25 14.9683 1.25 12C1.25 9.0317 2.45406 6.34317 4.3986 4.3986L4.3986 4.3986ZM12 2.75C9.4455 2.75 7.13403 3.78452 5.45926 5.45926C3.78451 7.13404 2.75 9.4455 2.75 12C2.75 14.5545 3.78452 16.866 5.45926 18.5407C7.13403 20.2155 9.4455 21.25 12 21.25C14.5545 21.25 16.866 20.2155 18.5407 18.5407C20.2155 16.866 21.25 14.5545 21.25 12C21.25 9.4455 20.2155 7.13403 18.5407 5.45926C16.866 3.78452 14.5545 2.75 12 2.75Z",fill:"#BDBDBD"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 18.8125C12.6904 18.8125 13.25 18.2529 13.25 17.5625C13.25 16.8722 12.6904 16.3125 12 16.3125C11.3097 16.3125 10.75 16.8722 10.75 17.5625C10.75 18.2529 11.3097 18.8125 12 18.8125Z",fill:"#BDBDBD"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.25 9.3125C8.25 7.24144 9.92894 5.5625 12 5.5625C14.0711 5.5625 15.75 7.24144 15.75 9.3125C15.75 11.1267 14.4617 12.64 12.75 12.9875V14.3125C12.75 14.7267 12.4142 15.0625 12 15.0625C11.5858 15.0625 11.25 14.7267 11.25 14.3125V12.3125C11.25 11.8983 11.5858 11.5625 12 11.5625C13.2426 11.5625 14.25 10.5551 14.25 9.3125C14.25 8.06986 13.2426 7.0625 12 7.0625C10.7574 7.0625 9.75 8.06986 9.75 9.3125C9.75 9.72671 9.41421 10.0625 9 10.0625C8.58579 10.0625 8.25 9.72671 8.25 9.3125Z",fill:"#BDBDBD"}),e.jsx("rect",{x:"15.5",y:"-0.5",width:"9",height:"9",rx:"4.5",fill:"#75DB29"}),e.jsx("rect",{x:"15.5",y:"-0.5",width:"9",height:"9",rx:"4.5",stroke:"#212121"})]}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_69385_73795",children:e.jsx("rect",{width:"24",height:"24",fill:"white"})})})]}),"NewContentIcon");exports.HelpCenterIcon=function(s){var o,n=s.appId,t=s.helpContentUpdatedAt,l=null===(o=i.getLocalStorageItem("helpCenter"))||void 0===o?void 0:o[n],j=t&&(!l||r.default(l).isBefore(t))?u:c.HelpIcon;return e.jsx(j,{})};
 //# sourceMappingURL=HelpCenterIcon.js.map

package/cjs-bundle/components/HelpCenter/HelpCenterIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HelpCenterIcon.js","sources":["../../../../src/components/HelpCenter/HelpCenterIcon.js"],"sourcesContent":["import { createSvgIcon } from '@material-ui/core';\nimport moment from 'moment';\n\nimport { HelpIcon } from '~/icons';\nimport { getLocalStorageItem } from '~/utils/localStorage';\n\nconst NewContentIcon = createSvgIcon(\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g clipPath=\"url(#clip0_69385_73795)\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M4.3986 4.3986C6.34317 2.45406 9.0317 1.25 12 1.25C14.9683 1.25 17.6568 2.45406 19.6014 4.3986L19.0711 4.92893L19.6014 4.3986C21.5459 6.34317 22.75 9.0317 22.75 12C22.75 14.9683 21.5459 17.6568 19.6014 19.6014C17.6568 21.5459 14.9683 22.75 12 22.75C9.0317 22.75 6.34317 21.5459 4.3986 19.6014L4.92893 19.0711L4.3986 19.6014C2.45406 17.6568 1.25 14.9683 1.25 12C1.25 9.0317 2.45406 6.34317 4.3986 4.3986L4.3986 4.3986ZM12 2.75C9.4455 2.75 7.13403 3.78452 5.45926 5.45926C3.78451 7.13404 2.75 9.4455 2.75 12C2.75 14.5545 3.78452 16.866 5.45926 18.5407C7.13403 20.2155 9.4455 21.25 12 21.25C14.5545 21.25 16.866 20.2155 18.5407 18.5407C20.2155 16.866 21.25 14.5545 21.25 12C21.25 9.4455 20.2155 7.13403 18.5407 5.45926C16.866 3.78452 14.5545 2.75 12 2.75Z\"\n fill=\"#BDBDBD\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M12 18.8125C12.6904 18.8125 13.25 18.2529 13.25 17.5625C13.25 16.8722 12.6904 16.3125 12 16.3125C11.3097 16.3125 10.75 16.8722 10.75 17.5625C10.75 18.2529 11.3097 18.8125 12 18.8125Z\"\n fill=\"#BDBDBD\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M8.25 9.3125C8.25 7.24144 9.92894 5.5625 12 5.5625C14.0711 5.5625 15.75 7.24144 15.75 9.3125C15.75 11.1267 14.4617 12.64 12.75 12.9875V14.3125C12.75 14.7267 12.4142 15.0625 12 15.0625C11.5858 15.0625 11.25 14.7267 11.25 14.3125V12.3125C11.25 11.8983 11.5858 11.5625 12 11.5625C13.2426 11.5625 14.25 10.5551 14.25 9.3125C14.25 8.06986 13.2426 7.0625 12 7.0625C10.7574 7.0625 9.75 8.06986 9.75 9.3125C9.75 9.72671 9.41421 10.0625 9 10.0625C8.58579 10.0625 8.25 9.72671 8.25 9.3125Z\"\n fill=\"#BDBDBD\"\n />\n <rect x=\"15.5\" y=\"-0.5\" width=\"9\" height=\"9\" rx=\"4.5\" fill=\"#75DB29\" />\n <rect x=\"15.5\" y=\"-0.5\" width=\"9\" height=\"9\" rx=\"4.5\" stroke=\"#212121\" />\n </g>\n <defs>\n <clipPath id=\"clip0_69385_73795\">\n <rect width=\"24\" height=\"24\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>,\n 'NewContentIcon'\n);\n\nexport function HelpCenterIcon({ appId, helpContentUpdatedAt }) {\n const helpCenterLastOpenedAt = getLocalStorageItem('helpCenter')?.[appId];\n\n const isNewContent =\n helpContentUpdatedAt &&\n (!helpCenterLastOpenedAt \|\| moment(helpCenterLastOpenedAt).isBefore(helpContentUpdatedAt));\n\n const Icon = isNewContent ? NewContentIcon : HelpIcon;\n return <Icon />;\n}\n"],"names":["NewContentIcon","createSvgIcon","_jsxs","jsxs","width","height","viewBox","fill","xmlns","children","clipPath","_jsx","jsx","fillRule","clipRule","d","x","y","rx","stroke","id","_ref","_getLocalStorageItem","appId","helpContentUpdatedAt","helpCenterLastOpenedAt","getLocalStorageItem","Icon","moment","isBefore","HelpIcon"],"mappings":"~~0mIAMMA~~,EAAiBC,EAAAA,cACrBC,EAAAC,KAAA,MAAA,CAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,6BAA4BC,SAC5F,CAAAP,EAAAC,KAAA,IAAA,CAAGO,SAAS,0BAAyBD,SACnC,CAAAE,EAAAC,IAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,mvBACFR,KAAK,YAEPI,EAAAC,IAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,yLACFR,KAAK,YAEPI,EAAAC,IAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,keACFR,KAAK,YAEPI,EAAAC,IAAA,OAAA,CAAMI,EAAE,OAAOC,EAAE,OAAOb,MAAM,IAAIC,OAAO,IAAIa,GAAG,MAAMX,KAAK,YAC3DI,EAAAC,IAAA,OAAA,CAAMI,EAAE,OAAOC,EAAE,OAAOb,MAAM,IAAIC,OAAO,IAAIa,GAAG,MAAMC,OAAO,eAE/DR,EAAAC,IAAA,OAAA,CAAAH,SACEE,EAAAC,IAAA,WAAA,CAAUQ,GAAG,oBAAmBX,SAC9BE,EAAAC,IAAA,OAAA,CAAMR,MAAM,KAAKC,OAAO,KAAKE,KAAK,iBAIxC,yCAGK,SAAyDc,GAAA,IAAAC,EAA/BC,IAAAA,MAAOC,IAAAA,qBAChCC,EAA0D,UAAjCC,EAAmBA,oBAAC,qBAAa,IAAAJ,OAAA,EAAjCA,EAAoCC,GAM7DI,EAHJH,KACEC,GAA0BG,EAAAA,QAAOH,GAAwBI,SAASL,IAE1CxB,EAAiB8B,WAC7C,OAAOnB,EAAAC,IAACe,EAAO,CAAA,EACjB"}
1	+ {"version":3,"file":"HelpCenterIcon.js","sources":["../../../../src/components/HelpCenter/HelpCenterIcon.js"],"sourcesContent":["import { createSvgIcon } from '@material-ui/core';\nimport moment from 'moment';\n\nimport { HelpIcon } from '~/icons';\nimport { getLocalStorageItem } from '~/utils/localStorage';\n\nconst NewContentIcon = createSvgIcon(\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g clipPath=\"url(#clip0_69385_73795)\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M4.3986 4.3986C6.34317 2.45406 9.0317 1.25 12 1.25C14.9683 1.25 17.6568 2.45406 19.6014 4.3986L19.0711 4.92893L19.6014 4.3986C21.5459 6.34317 22.75 9.0317 22.75 12C22.75 14.9683 21.5459 17.6568 19.6014 19.6014C17.6568 21.5459 14.9683 22.75 12 22.75C9.0317 22.75 6.34317 21.5459 4.3986 19.6014L4.92893 19.0711L4.3986 19.6014C2.45406 17.6568 1.25 14.9683 1.25 12C1.25 9.0317 2.45406 6.34317 4.3986 4.3986L4.3986 4.3986ZM12 2.75C9.4455 2.75 7.13403 3.78452 5.45926 5.45926C3.78451 7.13404 2.75 9.4455 2.75 12C2.75 14.5545 3.78452 16.866 5.45926 18.5407C7.13403 20.2155 9.4455 21.25 12 21.25C14.5545 21.25 16.866 20.2155 18.5407 18.5407C20.2155 16.866 21.25 14.5545 21.25 12C21.25 9.4455 20.2155 7.13403 18.5407 5.45926C16.866 3.78452 14.5545 2.75 12 2.75Z\"\n fill=\"#BDBDBD\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M12 18.8125C12.6904 18.8125 13.25 18.2529 13.25 17.5625C13.25 16.8722 12.6904 16.3125 12 16.3125C11.3097 16.3125 10.75 16.8722 10.75 17.5625C10.75 18.2529 11.3097 18.8125 12 18.8125Z\"\n fill=\"#BDBDBD\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M8.25 9.3125C8.25 7.24144 9.92894 5.5625 12 5.5625C14.0711 5.5625 15.75 7.24144 15.75 9.3125C15.75 11.1267 14.4617 12.64 12.75 12.9875V14.3125C12.75 14.7267 12.4142 15.0625 12 15.0625C11.5858 15.0625 11.25 14.7267 11.25 14.3125V12.3125C11.25 11.8983 11.5858 11.5625 12 11.5625C13.2426 11.5625 14.25 10.5551 14.25 9.3125C14.25 8.06986 13.2426 7.0625 12 7.0625C10.7574 7.0625 9.75 8.06986 9.75 9.3125C9.75 9.72671 9.41421 10.0625 9 10.0625C8.58579 10.0625 8.25 9.72671 8.25 9.3125Z\"\n fill=\"#BDBDBD\"\n />\n <rect x=\"15.5\" y=\"-0.5\" width=\"9\" height=\"9\" rx=\"4.5\" fill=\"#75DB29\" />\n <rect x=\"15.5\" y=\"-0.5\" width=\"9\" height=\"9\" rx=\"4.5\" stroke=\"#212121\" />\n </g>\n <defs>\n <clipPath id=\"clip0_69385_73795\">\n <rect width=\"24\" height=\"24\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>,\n 'NewContentIcon'\n);\n\nexport function HelpCenterIcon({ appId, helpContentUpdatedAt }) {\n const helpCenterLastOpenedAt = getLocalStorageItem('helpCenter')?.[appId];\n\n const isNewContent =\n helpContentUpdatedAt &&\n (!helpCenterLastOpenedAt \|\| moment(helpCenterLastOpenedAt).isBefore(helpContentUpdatedAt));\n\n const Icon = isNewContent ? NewContentIcon : HelpIcon;\n return <Icon />;\n}\n"],"names":["NewContentIcon","createSvgIcon","_jsxs","jsxs","width","height","viewBox","fill","xmlns","children","clipPath","_jsx","jsx","fillRule","clipRule","d","x","y","rx","stroke","id","_ref","_getLocalStorageItem","appId","helpContentUpdatedAt","helpCenterLastOpenedAt","getLocalStorageItem","Icon","moment","isBefore","HelpIcon"],"mappings":"u0IAMMA,EAAiBC,EAAAA,cACrBC,EAAAC,KAAA,MAAA,CAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,6BAA4BC,SAC5F,CAAAP,EAAAC,KAAA,IAAA,CAAGO,SAAS,0BAAyBD,SACnC,CAAAE,EAAAC,IAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,mvBACFR,KAAK,YAEPI,EAAAC,IAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,yLACFR,KAAK,YAEPI,EAAAC,IAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,keACFR,KAAK,YAEPI,EAAAC,IAAA,OAAA,CAAMI,EAAE,OAAOC,EAAE,OAAOb,MAAM,IAAIC,OAAO,IAAIa,GAAG,MAAMX,KAAK,YAC3DI,EAAAC,IAAA,OAAA,CAAMI,EAAE,OAAOC,EAAE,OAAOb,MAAM,IAAIC,OAAO,IAAIa,GAAG,MAAMC,OAAO,eAE/DR,EAAAC,IAAA,OAAA,CAAAH,SACEE,EAAAC,IAAA,WAAA,CAAUQ,GAAG,oBAAmBX,SAC9BE,EAAAC,IAAA,OAAA,CAAMR,MAAM,KAAKC,OAAO,KAAKE,KAAK,iBAIxC,yCAGK,SAAyDc,GAAA,IAAAC,EAA/BC,IAAAA,MAAOC,IAAAA,qBAChCC,EAA0D,UAAjCC,EAAmBA,oBAAC,qBAAa,IAAAJ,OAAA,EAAjCA,EAAoCC,GAM7DI,EAHJH,KACEC,GAA0BG,EAAAA,QAAOH,GAAwBI,SAASL,IAE1CxB,EAAiB8B,WAC7C,OAAOnB,EAAAC,IAACe,EAAO,CAAA,EACjB"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),e=require("classnames"),c=require("../Button/components/Button/index.js");require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/objectWithoutProperties"),require("moment-timezone"),require("@material-ui/core"),require("../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../Button/components/LiveButton/styles.js");var n=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var i=require("react/jsx-runtime"),r=require("../Typography.js"),u=require("../Popper/Popper.js"),t=require("../IconButton/index.js"),l=require("./styles.js");function a(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var m=a(s),j=a(e);exports.Hint=function(s){var e=l.useStyles(),a=o.useRef(),q=o.useState(),I=m.default(q,2),d=I[0],p=I[1],h=o.useState(),C=m.default(h,2),f=C[0],b=C[1];if(o.useEffect((function(){setTimeout((function(){return b(s.open?s.anchorEl||a.current:void 0)}),100)})),!s.anchorEl&&o.Children.count(s.children)>1)throw new Error("Hint expects a single reffable element as a child");var v=s.anchorEl?s.children:o.Children.map(s.children,(function(s){return o.isValidElement(s)?o.cloneElement(s,{ref:a}):s}));return i.jsxs(i.Fragment,{children:[v,i.jsxs(u.Popper,{className:j.default(e.popper,s.className),transition:!0,open:!!f,anchorEl:f,placement:s.placement,modifiers:{flip:{enabled:!0},arrow:{enabled:!!d,element:d}},children:[i.jsx("div",{ref:p,className:e.arrow}),i.jsxs("div",{className:e.tooltip,children:[s.title&&i.jsx("span",{className:j.default(e.title,s.onClose&&e.hasClose),children:s.title}),s.onClose&&i.jsx(t,{onClick:s.onClose,className:e.close,size:"small",children:i.jsx(n.CloseIcon,{})}),s.content&&i.jsx(r.Regular14,{className:e.content,children:s.content}),s.onConfirm&&i.jsx(c,{color:"inherit",className:e.button,onClick:s.onConfirm,children:s.confirmText||"Got It"})]})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),e=require("classnames"),c=require("../Button/components/Button/index.js");require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/objectWithoutProperties"),require("moment-timezone"),require("@material-ui/core"),require("../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../Button/components/LiveButton/styles.js");var n=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var i=require("react/jsx-runtime"),r=require("../Typography.js"),u=require("../Popper/Popper.js"),t=require("../IconButton/index.js"),l=require("./styles.js");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var a=m(s),j=m(e);exports.Hint=function(s){var e=l.useStyles(),m=o.useRef(),q=o.useState(),I=a.default(q,2),d=I[0],p=I[1],h=o.useState(),C=a.default(h,2),f=C[0],b=C[1];if(o.useEffect((function(){setTimeout((function(){return b(s.open?s.anchorEl||m.current:void 0)}),100)})),!s.anchorEl&&o.Children.count(s.children)>1)throw new Error("Hint expects a single reffable element as a child");var v=s.anchorEl?s.children:o.Children.map(s.children,(function(s){return o.isValidElement(s)?o.cloneElement(s,{ref:m}):s}));return i.jsxs(i.Fragment,{children:[v,i.jsxs(u.Popper,{className:j.default(e.popper,s.className),transition:!0,open:!!f,anchorEl:f,placement:s.placement,modifiers:{flip:{enabled:!0},arrow:{enabled:!!d,element:d}},children:[i.jsx("div",{ref:p,className:e.arrow}),i.jsxs("div",{className:e.tooltip,children:[s.title&&i.jsx("span",{className:j.default(e.title,s.onClose&&e.hasClose),children:s.title}),s.onClose&&i.jsx(t,{onClick:s.onClose,className:e.close,size:"small",children:i.jsx(n.CloseIcon,{})}),s.content&&i.jsx(r.Regular14,{className:e.content,children:s.content}),s.onConfirm&&i.jsx(c,{color:"inherit",className:e.button,onClick:s.onConfirm,children:s.confirmText||"Got It"})]})]})]})};
 //# sourceMappingURL=Hint.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Hint.js","sources":["../../../../src/components/Hint/Hint.tsx"],"sourcesContent":["import {\n Children,\n cloneElement,\n isValidElement,\n ReactElement,\n ReactNode,\n useEffect,\n useRef,\n useState,\n} from 'react';\nimport classNames from 'classnames';\nimport { PopperProps } from '@material-ui/core';\n\nimport Button from '../Button';\nimport { Regular14 } from '../Typography';\nimport { Popper } from '../Popper';\nimport IconButton from '../IconButton';\n\nimport { useStyles } from './styles';\n\nimport { CloseIcon } from '~/icons';\n\ntype HintProps = {\n open: boolean;\n /*\n ⚠️ Has to be a <i>single</i> reffable child (use `forwardRef` for custom components)\n /\n children?: ReactElement;\n title?: ReactNode;\n content?: ReactNode;\n /\n @default Got It\n /\n confirmText?: ReactNode;\n /\n Action button is shown only if this prop is present\n /\n onConfirm?: () => void;\n /\n Check [Positioned Popper](https://v4.mui.com/components/popper/#positioned-popper) example for more info\n * @default bottom\n /\n placement?: PopperProps['placement'];\n /\n Allows anchoring to arbitrary element\n /\n anchorEl?: HTMLElement \| null;\n className?: string;\n /\n Close button is shown only when this prop is present\n */\n onClose?: () => void;\n};\n\nexport const Hint = (props: HintProps) => {\n const styles = useStyles();\n\n const childAnchorRef = useRef<HTMLElement>();\n const [arrowRef, setArrowRef] = useState();\n const [anchor, setAnchor] = useState<HTMLElement>();\n\n // This is needed for Popper to properly position itself on initial render\n useEffect(() => {\n setTimeout(\n () => setAnchor(props.open ? props.anchorEl \|\| childAnchorRef.current : undefined),\n 100\n );\n });\n\n if (!props.anchorEl && Children.count(props.children) > 1) {\n throw new Error('Hint expects a single reffable element as a child');\n }\n\n const childrenWithRef = props.anchorEl\n ? props.children\n : Children.map(props.children, child => {\n // Checking isValidElement is the safe way and avoids a typescript error too.\n if (isValidElement(child)) {\n return cloneElement(child, { ref: childAnchorRef } as any);\n }\n\n return child;\n });\n\n return (\n <>\n {childrenWithRef}\n <Popper\n className={classNames(styles.popper, props.className)}\n transition\n open={!!anchor}\n anchorEl={anchor as HTMLElement}\n placement={props.placement}\n modifiers={{\n flip: {\n enabled: true,\n },\n arrow: {\n enabled: !!arrowRef,\n element: arrowRef,\n },\n }}\n >\n <div ref={setArrowRef as any} className={styles.arrow} />\n <div className={styles.tooltip}>\n {props.title && (\n <span className={classNames(styles.title, props.onClose && styles.hasClose)}>\n {props.title}\n </span>\n )}\n {props.onClose && (\n <IconButton onClick={props.onClose} className={styles.close} size=\"small\">\n <CloseIcon />\n </IconButton>\n )}\n {props.content && <Regular14 className={styles.content}>{props.content}</Regular14>}\n {props.onConfirm && (\n <Button color=\"inherit\" className={styles.button} onClick={props.onConfirm}>\n {props.confirmText \|\| 'Got It'}\n </Button>\n )}\n </div>\n </Popper>\n </>\n );\n};\n"],"names":["props","styles","useStyles","childAnchorRef","useRef","_useState","useState","_useState2","_slicedToArray","arrowRef","setArrowRef","_useState3","_useState4","anchor","setAnchor","useEffect","setTimeout","open","anchorEl","current","undefined","Children","count","children","Error","childrenWithRef","map","child","isValidElement","cloneElement","ref","_jsxs","_Fragment","jsxs","Popper","className","classNames","popper","transition","placement","modifiers","flip","enabled","arrow","element","_jsx","jsx","tooltip","title","onClose","hasClose","IconButton","onClick","close","size","CloseIcon","content","Regular14","onConfirm","Button","color","button","confirmText"],"mappings":"~~imJAsDoB~~,SAACA,GACnB,IAAMC,EAASC,EAAAA,YAETC,EAAiBC,EAAAA,SACvBC,EAAgCC,EAAAA,WAAUC,EAAAC,EAAAA,QAAAH,EAAA,GAAnCI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAC5BI,EAA4BL,EAAAA,WAAuBM,EAAAJ,EAAAA,QAAAG,EAAA,GAA5CE,EAAMD,EAAA,GAAEE,EAASF,EAAA,GAUxB,GAPAG,EAAAA,WAAU,WACRC,YACE,WAAA,OAAMF,EAAUd,EAAMiB,KAAOjB,EAAMkB,UAAYf,EAAegB,aAAUC,EAAU,GAClF,IAEJ,KAEKpB,EAAMkB,UAAYG,EAAQA,SAACC,MAAMtB,EAAMuB,UAAY,EACtD,MAAM,IAAIC,MAAM,qDAGlB,IAAMC,EAAkBzB,EAAMkB,SAC1BlB,EAAMuB,SACNF,EAAQA,SAACK,IAAI1B,EAAMuB,UAAU,SAAAI,GAE3B,OAAIC,EAAAA,eAAeD,GACVE,EAAAA,aAAaF,EAAO,CAAEG,IAAK3B,IAG7BwB,CACT,IAEJ,OACEI,EAAAA,KAAAC,EAAAA,SAAA,CAAAT,SACGE,CAAAA,EACDM,EAAAE,KAACC,SAAM,CACLC,UAAWC,EAAAA,QAAWnC,EAAOoC,OAAQrC,EAAMmC,WAC3CG,YAAU,EACVrB,OAAQJ,EACRK,SAAUL,EACV0B,UAAWvC,EAAMuC,UACjBC,UAAW,CACTC,KAAM,CACJC,SAAS,GAEXC,MAAO,CACLD,UAAWjC,EACXmC,QAASnC,IAEXc,SAEF,CAAAsB,EAAAC,IAAA,MAAA,CAAKhB,IAAKpB,EAAoByB,UAAWlC,EAAO0C,QAChDZ,EAAAE,KAAA,MAAA,CAAKE,UAAWlC,EAAO8C,QAAQxB,SAC5BvB,CAAAA,EAAMgD,OACLH,EAAAA,IAAA,OAAA,CAAMV,UAAWC,EAAU,QAACnC,EAAO+C,MAAOhD,EAAMiD,SAAWhD,EAAOiD,UAAU3B,SACzEvB,EAAMgD,QAGVhD,EAAMiD,SACLJ,EAAAA,IAACM,EAAU,CAACC,QAASpD,EAAMiD,QAASd,UAAWlC,EAAOoD,MAAOC,KAAK,QAAO/B,SACvEsB,EAAAA,IAACU,EAASA,UAAA,MAGbvD,EAAMwD,SAAWX,EAAAA,IAACY,EAAAA,UAAS,CAACtB,UAAWlC,EAAOuD,QAAQjC,SAAEvB,EAAMwD,UAC9DxD,EAAM0D,WACLb,EAAAA,IAACc,EAAM,CAACC,MAAM,UAAUzB,UAAWlC,EAAO4D,OAAQT,QAASpD,EAAM0D,UAAUnC,SACxEvB,EAAM8D,aAAe,mBAOpC"}
1	+ {"version":3,"file":"Hint.js","sources":["../../../../src/components/Hint/Hint.tsx"],"sourcesContent":["import {\n Children,\n cloneElement,\n isValidElement,\n ReactElement,\n ReactNode,\n useEffect,\n useRef,\n useState,\n} from 'react';\nimport classNames from 'classnames';\nimport { PopperProps } from '@material-ui/core';\n\nimport Button from '../Button';\nimport { Regular14 } from '../Typography';\nimport { Popper } from '../Popper';\nimport IconButton from '../IconButton';\n\nimport { useStyles } from './styles';\n\nimport { CloseIcon } from '~/icons';\n\ntype HintProps = {\n open: boolean;\n /*\n ⚠️ Has to be a <i>single</i> reffable child (use `forwardRef` for custom components)\n /\n children?: ReactElement;\n title?: ReactNode;\n content?: ReactNode;\n /\n @default Got It\n /\n confirmText?: ReactNode;\n /\n Action button is shown only if this prop is present\n /\n onConfirm?: () => void;\n /\n Check [Positioned Popper](https://v4.mui.com/components/popper/#positioned-popper) example for more info\n * @default bottom\n /\n placement?: PopperProps['placement'];\n /\n Allows anchoring to arbitrary element\n /\n anchorEl?: HTMLElement \| null;\n className?: string;\n /\n Close button is shown only when this prop is present\n */\n onClose?: () => void;\n};\n\nexport const Hint = (props: HintProps) => {\n const styles = useStyles();\n\n const childAnchorRef = useRef<HTMLElement>();\n const [arrowRef, setArrowRef] = useState();\n const [anchor, setAnchor] = useState<HTMLElement>();\n\n // This is needed for Popper to properly position itself on initial render\n useEffect(() => {\n setTimeout(\n () => setAnchor(props.open ? props.anchorEl \|\| childAnchorRef.current : undefined),\n 100\n );\n });\n\n if (!props.anchorEl && Children.count(props.children) > 1) {\n throw new Error('Hint expects a single reffable element as a child');\n }\n\n const childrenWithRef = props.anchorEl\n ? props.children\n : Children.map(props.children, child => {\n // Checking isValidElement is the safe way and avoids a typescript error too.\n if (isValidElement(child)) {\n return cloneElement(child, { ref: childAnchorRef } as any);\n }\n\n return child;\n });\n\n return (\n <>\n {childrenWithRef}\n <Popper\n className={classNames(styles.popper, props.className)}\n transition\n open={!!anchor}\n anchorEl={anchor as HTMLElement}\n placement={props.placement}\n modifiers={{\n flip: {\n enabled: true,\n },\n arrow: {\n enabled: !!arrowRef,\n element: arrowRef,\n },\n }}\n >\n <div ref={setArrowRef as any} className={styles.arrow} />\n <div className={styles.tooltip}>\n {props.title && (\n <span className={classNames(styles.title, props.onClose && styles.hasClose)}>\n {props.title}\n </span>\n )}\n {props.onClose && (\n <IconButton onClick={props.onClose} className={styles.close} size=\"small\">\n <CloseIcon />\n </IconButton>\n )}\n {props.content && <Regular14 className={styles.content}>{props.content}</Regular14>}\n {props.onConfirm && (\n <Button color=\"inherit\" className={styles.button} onClick={props.onConfirm}>\n {props.confirmText \|\| 'Got It'}\n </Button>\n )}\n </div>\n </Popper>\n </>\n );\n};\n"],"names":["props","styles","useStyles","childAnchorRef","useRef","_useState","useState","_useState2","_slicedToArray","arrowRef","setArrowRef","_useState3","_useState4","anchor","setAnchor","useEffect","setTimeout","open","anchorEl","current","undefined","Children","count","children","Error","childrenWithRef","map","child","isValidElement","cloneElement","ref","_jsxs","_Fragment","jsxs","Popper","className","classNames","popper","transition","placement","modifiers","flip","enabled","arrow","element","_jsx","jsx","tooltip","title","onClose","hasClose","IconButton","onClick","close","size","CloseIcon","content","Regular14","onConfirm","Button","color","button","confirmText"],"mappings":"8zJAsDoB,SAACA,GACnB,IAAMC,EAASC,EAAAA,YAETC,EAAiBC,EAAAA,SACvBC,EAAgCC,EAAAA,WAAUC,EAAAC,EAAAA,QAAAH,EAAA,GAAnCI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAC5BI,EAA4BL,EAAAA,WAAuBM,EAAAJ,EAAAA,QAAAG,EAAA,GAA5CE,EAAMD,EAAA,GAAEE,EAASF,EAAA,GAUxB,GAPAG,EAAAA,WAAU,WACRC,YACE,WAAA,OAAMF,EAAUd,EAAMiB,KAAOjB,EAAMkB,UAAYf,EAAegB,aAAUC,EAAU,GAClF,IAEJ,KAEKpB,EAAMkB,UAAYG,EAAQA,SAACC,MAAMtB,EAAMuB,UAAY,EACtD,MAAM,IAAIC,MAAM,qDAGlB,IAAMC,EAAkBzB,EAAMkB,SAC1BlB,EAAMuB,SACNF,EAAQA,SAACK,IAAI1B,EAAMuB,UAAU,SAAAI,GAE3B,OAAIC,EAAAA,eAAeD,GACVE,EAAAA,aAAaF,EAAO,CAAEG,IAAK3B,IAG7BwB,CACT,IAEJ,OACEI,EAAAA,KAAAC,EAAAA,SAAA,CAAAT,SACGE,CAAAA,EACDM,EAAAE,KAACC,SAAM,CACLC,UAAWC,EAAAA,QAAWnC,EAAOoC,OAAQrC,EAAMmC,WAC3CG,YAAU,EACVrB,OAAQJ,EACRK,SAAUL,EACV0B,UAAWvC,EAAMuC,UACjBC,UAAW,CACTC,KAAM,CACJC,SAAS,GAEXC,MAAO,CACLD,UAAWjC,EACXmC,QAASnC,IAEXc,SAEF,CAAAsB,EAAAC,IAAA,MAAA,CAAKhB,IAAKpB,EAAoByB,UAAWlC,EAAO0C,QAChDZ,EAAAE,KAAA,MAAA,CAAKE,UAAWlC,EAAO8C,QAAQxB,SAC5BvB,CAAAA,EAAMgD,OACLH,EAAAA,IAAA,OAAA,CAAMV,UAAWC,EAAU,QAACnC,EAAO+C,MAAOhD,EAAMiD,SAAWhD,EAAOiD,UAAU3B,SACzEvB,EAAMgD,QAGVhD,EAAMiD,SACLJ,EAAAA,IAACM,EAAU,CAACC,QAASpD,EAAMiD,QAASd,UAAWlC,EAAOoD,MAAOC,KAAK,QAAO/B,SACvEsB,EAAAA,IAACU,EAASA,UAAA,MAGbvD,EAAMwD,SAAWX,EAAAA,IAACY,EAAAA,UAAS,CAACtB,UAAWlC,EAAOuD,QAAQjC,SAAEvB,EAAMwD,UAC9DxD,EAAM0D,WACLb,EAAAA,IAACc,EAAM,CAACC,MAAM,UAAUzB,UAAWlC,EAAO4D,OAAQT,QAASpD,EAAM0D,UAAUnC,SACxEvB,EAAM8D,aAAe,mBAOpC"}

package/cjs-bundle/components/Modal/CorvaModal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/objectWithoutProperties"),e=require("classnames"),c=require("lodash"),i=require("@material-ui/core"),n=require("./CorvaModal.scss.js"),r=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var t=require("../../utils/mobileDetect.js"),u=require("../IconButton/index.js");require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js");var a=require("../../constants/classNames.js"),l=require("react/jsx-runtime");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var j=m(s),d=m(o),q=m(e),I=["actions","actionsClassName","children","contentClassName","contentContainerClassName","isCloseIconHidden","isMobile","isNative","modalTitleClassName","closeIconClassName","onClose","open","rootClassName","size","stickyFooterClassName","title","type","contentRef","data-testid"];function p(s,o){var e=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);o&&(c=c.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),e.push.apply(e,c)}return e}function C(s){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?p(Object(e),!0).forEach((function(o){j.default(s,o,e[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):p(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}var b={filters:"Filters",settings:"Settings"};exports.CorvaModal=function(s){var o=s.actions,e=s.actionsClassName,m=s.children,j=s.contentClassName,p=s.contentContainerClassName,v=s.isCloseIconHidden,f=void 0!==v&&v,h=s.isMobile,O=void 0===h?t.isMobileDetected:h,N=s.isNative,g=void 0===N?t.isNativeDetected:N,y=s.modalTitleClassName,M=s.closeIconClassName,P=s.onClose,F=void 0===P?c.noop:P,x=s.open,A=s.rootClassName,D=s.size,k=s.stickyFooterClassName,S=s.title,E=s.type,R=s.contentRef,w=s["data-testid"],T=void 0===w?"CorvaModal":w,z=d.default(s,I),G=g||O,B=S||(E?b[E]:void 0);return l.jsx(i.Modal,C(C({open:null!=x&&x,onClose:F,className:q.default(!G&&"c-modal",n.modalWrapper,A,a.CLASSNAMES.modal)},z),{},{children:l.jsxs("div",{className:q.default(n.modalContainer,G&&n.modalContainerMobile,D&&n[D],p),children:[B&&l.jsxs("div",{className:q.default(n.title,G&&n.titleMobile,y),children:[l.jsx("div",{className:q.default(n.titleText),children:B}),(!f||E)&&l.jsx(u,{className:M,tooltipProps:{title:"Close"},onClick:F,"data-testid":"".concat(T,"_closeButton"),children:l.jsx(r.CloseSmallIcon,{size:24})})]}),m&&l.jsx("div",{ref:R,className:q.default(n.modalContent,G&&n.modalContentMobile,j),children:m}),o&&l.jsx("div",{className:q.default(n.modalActions,G&&n.modalActionsMobile,k,e),children:o})]})}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/objectWithoutProperties"),e=require("classnames"),c=require("lodash"),i=require("@material-ui/core"),n=require("./CorvaModal.scss.js"),r=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var t=require("../../utils/mobileDetect.js"),u=require("../IconButton/index.js");require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js");var a=require("../../constants/classNames.js"),l=require("react/jsx-runtime");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var j=m(s),d=m(o),q=m(e),I=["actions","actionsClassName","children","contentClassName","contentContainerClassName","isCloseIconHidden","isMobile","isNative","modalTitleClassName","closeIconClassName","onClose","open","rootClassName","size","stickyFooterClassName","title","type","contentRef","data-testid"];function p(s,o){var e=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);o&&(c=c.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),e.push.apply(e,c)}return e}function C(s){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?p(Object(e),!0).forEach((function(o){j.default(s,o,e[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):p(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}var b={filters:"Filters",settings:"Settings"};exports.CorvaModal=function(s){var o=s.actions,e=s.actionsClassName,m=s.children,j=s.contentClassName,p=s.contentContainerClassName,v=s.isCloseIconHidden,f=void 0!==v&&v,h=s.isMobile,O=void 0===h?t.isMobileDetected:h,N=s.isNative,P=void 0===N?t.isNativeDetected:N,g=s.modalTitleClassName,y=s.closeIconClassName,M=s.onClose,F=void 0===M?c.noop:M,x=s.open,A=s.rootClassName,D=s.size,k=s.stickyFooterClassName,S=s.title,R=s.type,E=s.contentRef,w=s["data-testid"],T=void 0===w?"CorvaModal":w,z=d.default(s,I),G=P||O,B=S||(R?b[R]:void 0);return l.jsx(i.Modal,C(C({open:null!=x&&x,onClose:F,className:q.default(!G&&"c-modal",n.modalWrapper,A,a.CLASSNAMES.modal)},z),{},{children:l.jsxs("div",{className:q.default(n.modalContainer,G&&n.modalContainerMobile,D&&n[D],p),children:[B&&l.jsxs("div",{className:q.default(n.title,G&&n.titleMobile,g),children:[l.jsx("div",{className:q.default(n.titleText),children:B}),(!f||R)&&l.jsx(u,{className:y,tooltipProps:{title:"Close"},onClick:F,"data-testid":"".concat(T,"_closeButton"),children:l.jsx(r.CloseSmallIcon,{size:24})})]}),m&&l.jsx("div",{ref:E,className:q.default(n.modalContent,G&&n.modalContentMobile,j),children:m}),o&&l.jsx("div",{className:q.default(n.modalActions,G&&n.modalActionsMobile,k,e),children:o})]})}))};
 //# sourceMappingURL=CorvaModal.js.map

package/cjs-bundle/components/Modal/CorvaModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CorvaModal.js","sources":["../../../../src/components/Modal/CorvaModal.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { noop } from 'lodash';\nimport { Modal as MUIModal } from '@material-ui/core';\n\nimport styles from './CorvaModal.scss';\n\nimport { CloseSmallIcon } from '~/icons';\nimport { isMobileDetected, isNativeDetected } from '~/utils/mobileDetect';\nimport { ModalProps } from '~/components/Modal/types';\nimport IconButton from '~/components/IconButton';\nimport { CLASSNAMES } from '~/constants';\n\nconst DEFAULT_TITLES = {\n filters: 'Filters',\n settings: 'Settings',\n};\n\nexport function CorvaModal({\n actions,\n actionsClassName,\n children,\n contentClassName,\n contentContainerClassName,\n isCloseIconHidden = false,\n isMobile = isMobileDetected,\n isNative = isNativeDetected,\n modalTitleClassName,\n closeIconClassName,\n onClose = noop,\n open,\n rootClassName,\n size,\n stickyFooterClassName,\n title,\n type,\n contentRef,\n 'data-testid': PAGE_NAME = 'CorvaModal',\n ...otherProps\n}: ModalProps): JSX.Element {\n const isMobileOrNative = isNative \|\| isMobile;\n const modalTitle = title \|\| (type ? DEFAULT_TITLES[type] : undefined);\n\n return (\n <MUIModal\n open={open ?? false}\n onClose={onClose}\n className={classNames(\n !isMobileOrNative && 'c-modal',\n styles.modalWrapper,\n rootClassName,\n CLASSNAMES.modal\n )}\n {...otherProps}\n >\n <div\n className={classNames(\n styles.modalContainer,\n isMobileOrNative && styles.modalContainerMobile,\n size && styles[size],\n contentContainerClassName\n )}\n >\n {modalTitle && (\n <div\n className={classNames(\n styles.title,\n isMobileOrNative && styles.titleMobile,\n modalTitleClassName\n )}\n >\n <div className={classNames(styles.titleText)}>{modalTitle}</div>\n {(!isCloseIconHidden \|\| type) && (\n <IconButton\n className={closeIconClassName}\n tooltipProps={{ title: 'Close' }}\n onClick={onClose}\n data-testid={`${PAGE_NAME}_closeButton`}\n >\n <CloseSmallIcon size={24} />\n </IconButton>\n )}\n </div>\n )}\n\n {children && (\n <div\n ref={contentRef}\n className={classNames(\n styles.modalContent,\n isMobileOrNative && styles.modalContentMobile,\n contentClassName\n )}\n >\n {children}\n </div>\n )}\n\n {actions && (\n <div\n className={classNames(\n styles.modalActions,\n isMobileOrNative && styles.modalActionsMobile,\n stickyFooterClassName,\n actionsClassName\n )}\n >\n {actions}\n </div>\n )}\n </div>\n </MUIModal>\n );\n}\n"],"names":["DEFAULT_TITLES","filters","settings","_ref","actions","actionsClassName","children","contentClassName","contentContainerClassName","_ref$isCloseIconHidde","isCloseIconHidden","_ref$isMobile","isMobile","isMobileDetected","_ref$isNative","isNative","isNativeDetected","modalTitleClassName","closeIconClassName","_ref$onClose","onClose","noop","open","rootClassName","size","stickyFooterClassName","title","type","contentRef","_ref$dataTestid","PAGE_NAME","otherProps","_objectWithoutProperties","_excluded","isMobileOrNative","modalTitle","undefined","_jsx","MUIModal","_objectSpread","className","classNames","styles","modalWrapper","CLASSNAMES","modal","_jsxs","jsxs","modalContainer","modalContainerMobile","titleMobile","jsx","titleText","IconButton","tooltipProps","onClick","concat","CloseSmallIcon","ref","modalContent","modalContentMobile","modalActions","modalActionsMobile"],"mappings":"~~2rLAYA~~,IAAMA,EAAiB,CACrBC,QAAS,UACTC,SAAU,+BAGL,SAqBqBC,GAAA,IApB1BC,IAAAA,QACAC,IAAAA,iBACAC,IAAAA,SACAC,IAAAA,iBACAC,IAAAA,0BAAyBC,EAAAN,EACzBO,kBAAAA,cAAyBD,EAAAE,EAAAR,EACzBS,SAAAA,aAAWC,EAAgBA,iBAAAF,EAAAG,EAAAX,EAC3BY,SAAAA,aAAWC,EAAgBA,iBAAAF,EAC3BG,IAAAA,oBACAC,IAAAA,mBAAkBC,EAAAhB,EAClBiB,QAAAA,aAAUC,EAAIA,KAAAF,EACdG,IAAAA,KACAC,IAAAA,cACAC,IAAAA,KACAC,IAAAA,sBACAC,IAAAA,MACAC,IAAAA,KACAC,IAAAA,WAAUC,EAAA1B,EACV,eAAe2B,aAAY,aAAYD,EACpCE,EAAUC,EAAA,QAAA7B,EAAA8B,GAEPC,EAAmBnB,GAAYH,EAC/BuB,EAAaT,IAAUC,EAAO3B,EAAe2B,QAAQS,GAE3D,OACEC,MAACC,EAAAA,MAAQC,EAAAA,EAAA,CACPjB,KAAMA,SAAAA,EACNF,QAASA,EACToB,UAAWC,EAAAA,SACRP,GAAoB,UACrBQ,EAAOC,aACPpB,EACAqB,EAAUA,WAACC,QAETd,GAAU,GAAA,CAAAzB,SAEdwC,EAAAC,KAAA,MAAA,CACEP,UAAWC,EAAU,QACnBC,EAAOM,eACPd,GAAoBQ,EAAOO,qBAC3BzB,GAAQkB,EAAOlB,GACfhB,GACAF,SAAA,CAED6B,GACCW,EAAAC,KAAA,MAAA,CACEP,UAAWC,EAAU,QACnBC,EAAOhB,MACPQ,GAAoBQ,EAAOQ,YAC3BjC,GACAX,SAEF,CAAA+B,EAAAc,IAAA,MAAA,CAAKX,UAAWC,EAAAA,QAAWC,EAAOU,WAAW9C,SAAE6B,MAC5CzB,GAAqBiB,IACtBU,EAAAA,IAACgB,EAAU,CACTb,UAAWtB,EACXoC,aAAc,CAAE5B,MAAO,SACvB6B,QAASnC,EACT,cAAA,GAAAoC,OAAgB1B,EAAwB,gBAAAxB,SAExC+B,MAACoB,iBAAc,CAACjC,KAAM,UAM7BlB,GACC+B,EAAAc,IAAA,MAAA,CACEO,IAAK9B,EACLY,UAAWC,EAAU,QACnBC,EAAOiB,aACPzB,GAAoBQ,EAAOkB,mBAC3BrD,GACAD,SAEDA,IAIJF,GACCiC,EAAAc,IAAA,MAAA,CACEX,UAAWC,EAAAA,QACTC,EAAOmB,aACP3B,GAAoBQ,EAAOoB,mBAC3BrC,EACApB,GACAC,SAEDF,SAMb"}
1	+ {"version":3,"file":"CorvaModal.js","sources":["../../../../src/components/Modal/CorvaModal.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { noop } from 'lodash';\nimport { Modal as MUIModal } from '@material-ui/core';\n\nimport styles from './CorvaModal.scss';\n\nimport { CloseSmallIcon } from '~/icons';\nimport { isMobileDetected, isNativeDetected } from '~/utils/mobileDetect';\nimport { ModalProps } from '~/components/Modal/types';\nimport IconButton from '~/components/IconButton';\nimport { CLASSNAMES } from '~/constants';\n\nconst DEFAULT_TITLES = {\n filters: 'Filters',\n settings: 'Settings',\n};\n\nexport function CorvaModal({\n actions,\n actionsClassName,\n children,\n contentClassName,\n contentContainerClassName,\n isCloseIconHidden = false,\n isMobile = isMobileDetected,\n isNative = isNativeDetected,\n modalTitleClassName,\n closeIconClassName,\n onClose = noop,\n open,\n rootClassName,\n size,\n stickyFooterClassName,\n title,\n type,\n contentRef,\n 'data-testid': PAGE_NAME = 'CorvaModal',\n ...otherProps\n}: ModalProps): JSX.Element {\n const isMobileOrNative = isNative \|\| isMobile;\n const modalTitle = title \|\| (type ? DEFAULT_TITLES[type] : undefined);\n\n return (\n <MUIModal\n open={open ?? false}\n onClose={onClose}\n className={classNames(\n !isMobileOrNative && 'c-modal',\n styles.modalWrapper,\n rootClassName,\n CLASSNAMES.modal\n )}\n {...otherProps}\n >\n <div\n className={classNames(\n styles.modalContainer,\n isMobileOrNative && styles.modalContainerMobile,\n size && styles[size],\n contentContainerClassName\n )}\n >\n {modalTitle && (\n <div\n className={classNames(\n styles.title,\n isMobileOrNative && styles.titleMobile,\n modalTitleClassName\n )}\n >\n <div className={classNames(styles.titleText)}>{modalTitle}</div>\n {(!isCloseIconHidden \|\| type) && (\n <IconButton\n className={closeIconClassName}\n tooltipProps={{ title: 'Close' }}\n onClick={onClose}\n data-testid={`${PAGE_NAME}_closeButton`}\n >\n <CloseSmallIcon size={24} />\n </IconButton>\n )}\n </div>\n )}\n\n {children && (\n <div\n ref={contentRef}\n className={classNames(\n styles.modalContent,\n isMobileOrNative && styles.modalContentMobile,\n contentClassName\n )}\n >\n {children}\n </div>\n )}\n\n {actions && (\n <div\n className={classNames(\n styles.modalActions,\n isMobileOrNative && styles.modalActionsMobile,\n stickyFooterClassName,\n actionsClassName\n )}\n >\n {actions}\n </div>\n )}\n </div>\n </MUIModal>\n );\n}\n"],"names":["DEFAULT_TITLES","filters","settings","_ref","actions","actionsClassName","children","contentClassName","contentContainerClassName","_ref$isCloseIconHidde","isCloseIconHidden","_ref$isMobile","isMobile","isMobileDetected","_ref$isNative","isNative","isNativeDetected","modalTitleClassName","closeIconClassName","_ref$onClose","onClose","noop","open","rootClassName","size","stickyFooterClassName","title","type","contentRef","_ref$dataTestid","PAGE_NAME","otherProps","_objectWithoutProperties","_excluded","isMobileOrNative","modalTitle","undefined","_jsx","MUIModal","_objectSpread","className","classNames","styles","modalWrapper","CLASSNAMES","modal","_jsxs","jsxs","modalContainer","modalContainerMobile","titleMobile","jsx","titleText","IconButton","tooltipProps","onClick","concat","CloseSmallIcon","ref","modalContent","modalContentMobile","modalActions","modalActionsMobile"],"mappings":"w5LAYA,IAAMA,EAAiB,CACrBC,QAAS,UACTC,SAAU,+BAGL,SAqBqBC,GAAA,IApB1BC,IAAAA,QACAC,IAAAA,iBACAC,IAAAA,SACAC,IAAAA,iBACAC,IAAAA,0BAAyBC,EAAAN,EACzBO,kBAAAA,cAAyBD,EAAAE,EAAAR,EACzBS,SAAAA,aAAWC,EAAgBA,iBAAAF,EAAAG,EAAAX,EAC3BY,SAAAA,aAAWC,EAAgBA,iBAAAF,EAC3BG,IAAAA,oBACAC,IAAAA,mBAAkBC,EAAAhB,EAClBiB,QAAAA,aAAUC,EAAIA,KAAAF,EACdG,IAAAA,KACAC,IAAAA,cACAC,IAAAA,KACAC,IAAAA,sBACAC,IAAAA,MACAC,IAAAA,KACAC,IAAAA,WAAUC,EAAA1B,EACV,eAAe2B,aAAY,aAAYD,EACpCE,EAAUC,EAAA,QAAA7B,EAAA8B,GAEPC,EAAmBnB,GAAYH,EAC/BuB,EAAaT,IAAUC,EAAO3B,EAAe2B,QAAQS,GAE3D,OACEC,MAACC,EAAAA,MAAQC,EAAAA,EAAA,CACPjB,KAAMA,SAAAA,EACNF,QAASA,EACToB,UAAWC,EAAAA,SACRP,GAAoB,UACrBQ,EAAOC,aACPpB,EACAqB,EAAUA,WAACC,QAETd,GAAU,GAAA,CAAAzB,SAEdwC,EAAAC,KAAA,MAAA,CACEP,UAAWC,EAAU,QACnBC,EAAOM,eACPd,GAAoBQ,EAAOO,qBAC3BzB,GAAQkB,EAAOlB,GACfhB,GACAF,SAAA,CAED6B,GACCW,EAAAC,KAAA,MAAA,CACEP,UAAWC,EAAU,QACnBC,EAAOhB,MACPQ,GAAoBQ,EAAOQ,YAC3BjC,GACAX,SAEF,CAAA+B,EAAAc,IAAA,MAAA,CAAKX,UAAWC,EAAAA,QAAWC,EAAOU,WAAW9C,SAAE6B,MAC5CzB,GAAqBiB,IACtBU,EAAAA,IAACgB,EAAU,CACTb,UAAWtB,EACXoC,aAAc,CAAE5B,MAAO,SACvB6B,QAASnC,EACT,cAAA,GAAAoC,OAAgB1B,EAAwB,gBAAAxB,SAExC+B,MAACoB,iBAAc,CAACjC,KAAM,UAM7BlB,GACC+B,EAAAc,IAAA,MAAA,CACEO,IAAK9B,EACLY,UAAWC,EAAU,QACnBC,EAAOiB,aACPzB,GAAoBQ,EAAOkB,mBAC3BrD,GACAD,SAEDA,IAIJF,GACCiC,EAAAc,IAAA,MAAA,CACEX,UAAWC,EAAAA,QACTC,EAAOmB,aACP3B,GAAoBQ,EAAOoB,mBAC3BrC,EACApB,GACAC,SAEDF,SAMb"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js");require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js");var t=require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),n=require("./CorvaModal.js"),o=require("./DcCorvaModal.js"),s=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=c(e);function l(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}module.exports=function(e){var c=r.useIsInsideIsolatedDcApp(),u=t.useIsInsideDcFullscreenElem(),a=c&&!u?o.DcCorvaModal:n.CorvaModal;return s.jsx(a,function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?l(Object(t),!0).forEach((function(r){i.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}({},e))};
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js");require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js");var t=require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),n=require("./CorvaModal.js"),o=require("./DcCorvaModal.js"),s=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=c(e);function u(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}module.exports=function(e){var c=r.useIsInsideIsolatedDcApp(),l=t.useIsInsideDcFullscreenElem(),a=c&&!l?o.DcCorvaModal:n.CorvaModal;return s.jsx(a,function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?u(Object(t),!0).forEach((function(r){i.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):u(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}({},e))};
 //# sourceMappingURL=Modal.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import { useIsInsideIsolatedDcApp } from '../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\n\nimport { useIsInsideDcFullscreenElem } from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider';\n\nimport { CorvaModal } from './CorvaModal';\nimport { DcCorvaModal } from './DcCorvaModal';\nimport { ModalProps } from './types';\n\nexport default function Modal(props: ModalProps): JSX.Element {\n const isInsideDcApp = useIsInsideIsolatedDcApp();\n const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n\n const ModalComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcCorvaModal : CorvaModal;\n\n return <ModalComponent {...props} />;\n}\n"],"names":["props","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","ModalComponent","DcCorvaModal","CorvaModal","_jsx"],"mappings":"~~u2BAQe~~,SAAeA,GAC5B,IAAMC,EAAgBC,EAAAA,2BAChBC,EAA2BC,EAAAA,8BAE3BC,EAAiBJ,IAAkBE,EAA2BG,EAAAA,aAAeC,EAAAA,WAEnF,OAAOC,EAAAA,IAACH,yWAAmBL,CAAAA,CAAAA,EAAAA,GAC7B"}
1	+ {"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import { useIsInsideIsolatedDcApp } from '../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\n\nimport { useIsInsideDcFullscreenElem } from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider';\n\nimport { CorvaModal } from './CorvaModal';\nimport { DcCorvaModal } from './DcCorvaModal';\nimport { ModalProps } from './types';\n\nexport default function Modal(props: ModalProps): JSX.Element {\n const isInsideDcApp = useIsInsideIsolatedDcApp();\n const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n\n const ModalComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcCorvaModal : CorvaModal;\n\n return <ModalComponent {...props} />;\n}\n"],"names":["props","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","ModalComponent","DcCorvaModal","CorvaModal","_jsx"],"mappings":"y0BAQe,SAAeA,GAC5B,IAAMC,EAAgBC,EAAAA,2BAChBC,EAA2BC,EAAAA,8BAE3BC,EAAiBJ,IAAkBE,EAA2BG,EAAAA,aAAeC,EAAAA,WAEnF,OAAOC,EAAAA,IAACH,yWAAmBL,CAAAA,CAAAA,EAAAA,GAC7B"}

package/cjs-bundle/components/Notifications/Toast.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("@babel/runtime/helpers/defineProperty"),e=require("react"),c=require("classnames"),i=require("lodash"),n=require("@material-ui/core"),r=require("./Toast.styles.js"),t=require("../IconButton/index.js"),u=require("../../constants/notifications.js"),a=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var l=require("react/jsx-runtime");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var j,I=m(s),d=m(o),q=m(c),p=["onDismissClick","toast"];function C(s,o){var e=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);o&&(c=c.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),e.push.apply(e,c)}return e}function f(s){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?C(Object(e),!0).forEach((function(o){d.default(s,o,e[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):C(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}var O=(j={},d.default(j,u.NOTIFICATION_VARIANTS.success,a.CheckOneIcon),d.default(j,u.NOTIFICATION_VARIANTS.warning,a.CautionIcon),d.default(j,u.NOTIFICATION_VARIANTS.error,a.AttentionIcon),d.default(j,u.NOTIFICATION_VARIANTS.info,a.InfoIcon),j);exports.Toast=function(s){var o=s.onDismissClick,c=s.toast,m=I.default(s,p),j=c.alertLevel,C=c.autoHideDuration,h=void 0===C?3e3:C,b=c.content,v=c.hideIcon,N=c.icon,T=c.id,y=c.onClick,A=void 0===y?i.noop:y,g=c.onClose,P=void 0===g?i.noop:g,x=c.timestamp,F=c.title,k=c.tooltipProps,S=c.variant,D=void 0===S?"info":S;e.useEffect((function(){if(h!==1/0){var s=setTimeout((function(){return o(T)}),h);return function(){return clearTimeout(s)}}}),[]);var R=r.useStyles(),M=O[D];return l.jsx(n.Grow,{appear:!0,in:!0,children:l.jsx(n.SnackbarContent,f({classes:{root:q.default(R.main,!j&&R[D],j&&R.alertNotification,j&&R["alertLevels-".concat(j)]),action:R.actionContainer,message:R.messageContainer},"aria-describedby":"client-snackbar","data-testid":"notificationPopup_".concat(u.NOTIFICATION_VARIANTS[D]),message:l.jsx(n.Tooltip,f(f({},k),{},{title:null!=b?b:"",classes:{tooltip:R.tooltip},placement:"bottom",children:l.jsxs("div",{id:"client-snackbar",className:R.messageWrapper,onClick:A,children:[!v&&l.jsx("div",{className:R.iconWrapper,children:N?e.cloneElement(N,{className:R.icon,nativeColor:"#000"}):l.jsx(M,{size:16,className:R.icon})}),l.jsxs("div",{className:R.message,children:[l.jsxs("div",{className:R.messageTop,children:[F&&l.jsx(n.Typography,{"data-testid":"title",variant:"subtitle2",className:q.default(R.title,d.default({},R.alertTitle,j)),children:F}),x&&l.jsx(n.Typography,{className:q.default(R.timestamp,!j&&R[D]),children:x})]}),l.jsx("div",{className:q.default(R.messageContent,!j&&R[D]),children:l.jsx(n.Typography,{"data-testid":"content",className:q.default(j?R.alertContent:R.content),children:b})})]})]})})),action:[l.jsx(t,{"data-testid":"closeButton","aria-label":"Close",color:"inherit",onClick:function(){P(),o(T)},size:"small",tooltipProps:{title:"Close",classes:{tooltip:R.tooltip}},className:R.closeIconButton,children:l.jsx(a.CloseSmallIcon,{size:20,fill:"#000"})},"close")]},m))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("@babel/runtime/helpers/defineProperty"),e=require("react"),c=require("classnames"),i=require("lodash"),n=require("@material-ui/core"),r=require("./Toast.styles.js"),t=require("../IconButton/index.js"),u=require("../../constants/notifications.js"),a=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var l=require("react/jsx-runtime");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var j,I=m(s),d=m(o),q=m(c),p=["onDismissClick","toast"];function C(s,o){var e=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);o&&(c=c.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),e.push.apply(e,c)}return e}function f(s){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?C(Object(e),!0).forEach((function(o){d.default(s,o,e[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):C(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}var O=(j={},d.default(j,u.NOTIFICATION_VARIANTS.success,a.CheckOneIcon),d.default(j,u.NOTIFICATION_VARIANTS.warning,a.CautionIcon),d.default(j,u.NOTIFICATION_VARIANTS.error,a.AttentionIcon),d.default(j,u.NOTIFICATION_VARIANTS.info,a.InfoIcon),j);exports.Toast=function(s){var o=s.onDismissClick,c=s.toast,m=I.default(s,p),j=c.alertLevel,C=c.autoHideDuration,h=void 0===C?3e3:C,b=c.content,v=c.hideIcon,N=c.icon,T=c.id,y=c.onClick,A=void 0===y?i.noop:y,g=c.onClose,P=void 0===g?i.noop:g,F=c.timestamp,x=c.title,k=c.tooltipProps,S=c.variant,D=void 0===S?"info":S;e.useEffect((function(){if(h!==1/0){var s=setTimeout((function(){return o(T)}),h);return function(){return clearTimeout(s)}}}),[]);var R=r.useStyles(),M=O[D];return l.jsx(n.Grow,{appear:!0,in:!0,children:l.jsx(n.SnackbarContent,f({classes:{root:q.default(R.main,!j&&R[D],j&&R.alertNotification,j&&R["alertLevels-".concat(j)]),action:R.actionContainer,message:R.messageContainer},"aria-describedby":"client-snackbar","data-testid":"notificationPopup_".concat(u.NOTIFICATION_VARIANTS[D]),message:l.jsx(n.Tooltip,f(f({},k),{},{title:null!=b?b:"",classes:{tooltip:R.tooltip},placement:"bottom",children:l.jsxs("div",{id:"client-snackbar",className:R.messageWrapper,onClick:A,children:[!v&&l.jsx("div",{className:R.iconWrapper,children:N?e.cloneElement(N,{className:R.icon,nativeColor:"#000"}):l.jsx(M,{size:16,className:R.icon})}),l.jsxs("div",{className:R.message,children:[l.jsxs("div",{className:R.messageTop,children:[x&&l.jsx(n.Typography,{"data-testid":"title",variant:"subtitle2",className:q.default(R.title,d.default({},R.alertTitle,j)),children:x}),F&&l.jsx(n.Typography,{className:q.default(R.timestamp,!j&&R[D]),children:F})]}),l.jsx("div",{className:q.default(R.messageContent,!j&&R[D]),children:l.jsx(n.Typography,{"data-testid":"content",className:q.default(j?R.alertContent:R.content),children:b})})]})]})})),action:[l.jsx(t,{"data-testid":"closeButton","aria-label":"Close",color:"inherit",onClick:function(){P(),o(T)},size:"small",tooltipProps:{title:"Close",classes:{tooltip:R.tooltip}},className:R.closeIconButton,children:l.jsx(a.CloseSmallIcon,{size:20,fill:"#000"})},"close")]},m))})};
 //# sourceMappingURL=Toast.js.map

package/cjs-bundle/components/Notifications/Toast.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toast.js","sources":["../../../../src/components/Notifications/Toast.tsx"],"sourcesContent":["import { cloneElement, useEffect } from 'react';\nimport classNames from 'classnames';\nimport { noop } from 'lodash';\nimport { Grow, SnackbarContent, Tooltip, Typography } from '@material-ui/core';\n\nimport { Notification } from './types';\nimport { useStyles } from './Toast.styles';\n\nimport IconButton from '~/components/IconButton';\nimport { NOTIFICATION_VARIANTS } from '~/constants/notifications';\nimport { AttentionIcon, CautionIcon, CheckOneIcon, CloseSmallIcon, InfoIcon } from '~/icons';\n\nconst icons = {\n [NOTIFICATION_VARIANTS.success]: CheckOneIcon,\n [NOTIFICATION_VARIANTS.warning]: CautionIcon,\n [NOTIFICATION_VARIANTS.error]: AttentionIcon,\n [NOTIFICATION_VARIANTS.info]: InfoIcon,\n};\n\ninterface ToastProps {\n onDismissClick: (id: string) => void;\n toast: Notification;\n}\n\nexport const Toast = ({ onDismissClick, toast, ...other }: ToastProps): JSX.Element => {\n const {\n alertLevel,\n autoHideDuration = 3000,\n content,\n hideIcon,\n icon,\n id,\n onClick = noop,\n onClose = noop,\n timestamp,\n title,\n tooltipProps,\n variant = 'info',\n } = toast;\n\n useEffect(() => {\n if (autoHideDuration === Infinity) return undefined;\n\n const timeout = setTimeout(() => onDismissClick(id), autoHideDuration);\n\n return () => clearTimeout(timeout);\n }, []);\n\n const styles = useStyles();\n\n const Icon = icons[variant];\n\n return (\n <Grow appear in>\n <SnackbarContent\n classes={{\n root: classNames(\n styles.main,\n !alertLevel && styles[variant],\n alertLevel && styles.alertNotification,\n alertLevel && styles[`alertLevels-${alertLevel}`]\n ),\n action: styles.actionContainer,\n message: styles.messageContainer,\n }}\n aria-describedby=\"client-snackbar\"\n data-testid={`notificationPopup_${NOTIFICATION_VARIANTS[variant]}`}\n message={\n <Tooltip\n {...tooltipProps}\n title={content ?? ''}\n classes={{ tooltip: styles.tooltip }}\n placement=\"bottom\"\n >\n <div id=\"client-snackbar\" className={styles.messageWrapper} onClick={onClick}>\n {!hideIcon && (\n <div className={styles.iconWrapper}>\n {icon ? (\n cloneElement(icon, {\n className: styles.icon,\n nativeColor: '#000',\n })\n ) : (\n <Icon size={16} className={styles.icon} />\n )}\n </div>\n )}\n <div className={styles.message}>\n <div className={styles.messageTop}>\n {title && (\n <Typography\n data-testid=\"title\"\n variant=\"subtitle2\"\n className={classNames(styles.title, { [styles.alertTitle]: alertLevel })}\n >\n {title}\n </Typography>\n )}\n {timestamp && (\n <Typography\n className={classNames(styles.timestamp, !alertLevel && styles[variant])}\n >\n {timestamp}\n </Typography>\n )}\n </div>\n <div className={classNames(styles.messageContent, !alertLevel && styles[variant])}>\n <Typography\n data-testid=\"content\"\n className={classNames(alertLevel ? styles.alertContent : styles.content)}\n >\n {content}\n </Typography>\n </div>\n </div>\n </div>\n </Tooltip>\n }\n action={[\n <IconButton\n data-testid=\"closeButton\"\n key=\"close\"\n aria-label=\"Close\"\n color=\"inherit\"\n onClick={() => {\n onClose();\n onDismissClick(id);\n }}\n size=\"small\"\n // @ts-ignore\n tooltipProps={{ title: 'Close', classes: { tooltip: styles.tooltip } }}\n className={styles.closeIconButton}\n >\n <CloseSmallIcon size={20} fill=\"#000\" />\n </IconButton>,\n ]}\n {...other}\n />\n </Grow>\n );\n};\n"],"names":["icons","NOTIFICATION_VARIANTS","success","CheckOneIcon","_defineProperty","_icons","warning","CautionIcon","error","AttentionIcon","info","InfoIcon","_ref","onDismissClick","toast","other","_objectWithoutProperties","_excluded","alertLevel","_toast$autoHideDurati","autoHideDuration","content","hideIcon","icon","id","_toast$onClick","onClick","noop","_toast$onClose","onClose","timestamp","title","tooltipProps","_toast$variant","variant","useEffect","Infinity","timeout","setTimeout","clearTimeout","styles","useStyles","Icon","_jsx","Grow","appear","in","children","SnackbarContent","_objectSpread","classes","root","classNames","main","alertNotification","concat","action","actionContainer","message","messageContainer","Tooltip","tooltip","placement","_jsxs","jsxs","className","messageWrapper","iconWrapper","cloneElement","nativeColor","jsx","size","messageTop","Typography","alertTitle","messageContent","alertContent","IconButton","color","closeIconButton","CloseSmallIcon","fill"],"mappings":"~~g8JAYA~~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"}
1	+ {"version":3,"file":"Toast.js","sources":["../../../../src/components/Notifications/Toast.tsx"],"sourcesContent":["import { cloneElement, useEffect } from 'react';\nimport classNames from 'classnames';\nimport { noop } from 'lodash';\nimport { Grow, SnackbarContent, Tooltip, Typography } from '@material-ui/core';\n\nimport { Notification } from './types';\nimport { useStyles } from './Toast.styles';\n\nimport IconButton from '~/components/IconButton';\nimport { NOTIFICATION_VARIANTS } from '~/constants/notifications';\nimport { AttentionIcon, CautionIcon, CheckOneIcon, CloseSmallIcon, InfoIcon } from '~/icons';\n\nconst icons = {\n [NOTIFICATION_VARIANTS.success]: CheckOneIcon,\n [NOTIFICATION_VARIANTS.warning]: CautionIcon,\n [NOTIFICATION_VARIANTS.error]: AttentionIcon,\n [NOTIFICATION_VARIANTS.info]: InfoIcon,\n};\n\ninterface ToastProps {\n onDismissClick: (id: string) => void;\n toast: Notification;\n}\n\nexport const Toast = ({ onDismissClick, toast, ...other }: ToastProps): JSX.Element => {\n const {\n alertLevel,\n autoHideDuration = 3000,\n content,\n hideIcon,\n icon,\n id,\n onClick = noop,\n onClose = noop,\n timestamp,\n title,\n tooltipProps,\n variant = 'info',\n } = toast;\n\n useEffect(() => {\n if (autoHideDuration === Infinity) return undefined;\n\n const timeout = setTimeout(() => onDismissClick(id), autoHideDuration);\n\n return () => clearTimeout(timeout);\n }, []);\n\n const styles = useStyles();\n\n const Icon = icons[variant];\n\n return (\n <Grow appear in>\n <SnackbarContent\n classes={{\n root: classNames(\n styles.main,\n !alertLevel && styles[variant],\n alertLevel && styles.alertNotification,\n alertLevel && styles[`alertLevels-${alertLevel}`]\n ),\n action: styles.actionContainer,\n message: styles.messageContainer,\n }}\n aria-describedby=\"client-snackbar\"\n data-testid={`notificationPopup_${NOTIFICATION_VARIANTS[variant]}`}\n message={\n <Tooltip\n {...tooltipProps}\n title={content ?? ''}\n classes={{ tooltip: styles.tooltip }}\n placement=\"bottom\"\n >\n <div id=\"client-snackbar\" className={styles.messageWrapper} onClick={onClick}>\n {!hideIcon && (\n <div className={styles.iconWrapper}>\n {icon ? (\n cloneElement(icon, {\n className: styles.icon,\n nativeColor: '#000',\n })\n ) : (\n <Icon size={16} className={styles.icon} />\n )}\n </div>\n )}\n <div className={styles.message}>\n <div className={styles.messageTop}>\n {title && (\n <Typography\n data-testid=\"title\"\n variant=\"subtitle2\"\n className={classNames(styles.title, { [styles.alertTitle]: alertLevel })}\n >\n {title}\n </Typography>\n )}\n {timestamp && (\n <Typography\n className={classNames(styles.timestamp, !alertLevel && styles[variant])}\n >\n {timestamp}\n </Typography>\n )}\n </div>\n <div className={classNames(styles.messageContent, !alertLevel && styles[variant])}>\n <Typography\n data-testid=\"content\"\n className={classNames(alertLevel ? styles.alertContent : styles.content)}\n >\n {content}\n </Typography>\n </div>\n </div>\n </div>\n </Tooltip>\n }\n action={[\n <IconButton\n data-testid=\"closeButton\"\n key=\"close\"\n aria-label=\"Close\"\n color=\"inherit\"\n onClick={() => {\n onClose();\n onDismissClick(id);\n }}\n size=\"small\"\n // @ts-ignore\n tooltipProps={{ title: 'Close', classes: { tooltip: styles.tooltip } }}\n className={styles.closeIconButton}\n >\n <CloseSmallIcon size={20} fill=\"#000\" />\n </IconButton>,\n ]}\n {...other}\n />\n </Grow>\n );\n};\n"],"names":["icons","NOTIFICATION_VARIANTS","success","CheckOneIcon","_defineProperty","_icons","warning","CautionIcon","error","AttentionIcon","info","InfoIcon","_ref","onDismissClick","toast","other","_objectWithoutProperties","_excluded","alertLevel","_toast$autoHideDurati","autoHideDuration","content","hideIcon","icon","id","_toast$onClick","onClick","noop","_toast$onClose","onClose","timestamp","title","tooltipProps","_toast$variant","variant","useEffect","Infinity","timeout","setTimeout","clearTimeout","styles","useStyles","Icon","_jsx","Grow","appear","in","children","SnackbarContent","_objectSpread","classes","root","classNames","main","alertNotification","concat","action","actionContainer","message","messageContainer","Tooltip","tooltip","placement","_jsxs","jsxs","className","messageWrapper","iconWrapper","cloneElement","nativeColor","jsx","size","messageTop","Typography","alertTitle","messageContent","alertContent","IconButton","color","closeIconButton","CloseSmallIcon","fill"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),l=require("lodash"),i=require("classnames"),o=require("@material-ui/core"),u=require("@material-ui/icons");require("mapbox-gl/dist/mapbox-gl.css");var c=require("./effects/usePreviousWells.js"),n=require("./WellTooltip.js"),s=require("./utils.js"),a=require("./OffsetWellMap.module.css.js");require("../../config/mapboxGl/index.js");var d=require("../../config/mapbox/index.js"),f=require("../../utils/index.js"),v=require("../../utils/createAdaptiveRoot.js"),h=require("react/jsx-runtime"),m=require("mapbox-gl");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=g(e),y=g(r),w=g(i),b=g(m),j=f.mapbox.isValidCoordinates,x=[29.749907,-95.358421],W={type:"FeatureCollection",features:[]},q=["==",["id"],-1],F=function(e){var r=y.default(e,2),t=r[0];return[r[1],t]},B=function(e,r){for(var t=y.default(e,2),l=t[0],i=t[1],o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,u=r/(111320*Math.cos(l*Math.PI/180)),c=r/110574,n=[],s=0;s<=o;s+=1){var a=s/o*2*Math.PI;n.push([i+u*Math.cos(a),l+c*Math.sin(a)])}return{type:"Polygon",coordinates:[n]}};module.exports=function(e){var r=e.isViewOnly,i=e.subjectWell,f=void 0===i?null:i,m=e.wells,g=e.offsetWellIds,C=e.radius,E=e.handleChanageOffsetWell,M=e.handleChangeOffsetWell,L=void 0===M?E:M,S=e.activeWellId,D=e.isClickable,O=void 0===D||D,R=e.classes,P=void 0===R?{}:R,k=t.useMemo((function(){return f&&l.get(f,"topHole.coordinates")}),[f]),I=t.useMemo((function(){return s.getAllFormations(m)}),[m]),T=t.useRef(),z=t.useRef(),A=t.useRef(),Z=t.useRef(null),N=t.useRef(null),V=t.useRef(),G=t.useRef(new Map),H=t.useRef(null),_=t.useRef(null),X=t.useRef(null),J=t.useState(!1),K=y.default(J,2),Q=K[0],U=K[1],Y=(null==f?void 0:f.id)===S,$=c.usePreviousWells(m),ee=t.useState(!1),re=y.default(ee,2),te=re[0],le=re[1],ie=t.useState(3),oe=y.default(ie,2),ue=oe[0],ce=oe[1];t.useEffect((function(){if(d.IS_MAPBOX_ENABLED){var e=new b.default.Map({container:T.current,style:"mapbox://styles/mapbox/dark-v9",center:F(x),zoom:3,maxZoom:18,attributionControl:!1,scrollZoom:!1,doubleClickZoom:!1});return z.current=e,e.on("zoomend",(function(){return ce(Math.round(e.getZoom()))})),e.on("load",(function(){e.addSource("radius-circle",{type:"geojson",data:W}),e.addLayer({id:"radius-circle-fill",type:"fill",source:"radius-circle",paint:{"fill-color":"#03BCD4","fill-opacity":.2}}),e.addSource("wells",{type:"geojson",data:W}),e.addLayer({id:"wells-halo",type:"circle",source:"wells",filter:["==",["get","isOffsetWell"],!0],paint:{"circle-radius":12,"circle-color":["get","color"],"circle-opacity":.08}}),e.addLayer({id:"wells-circle",type:"circle",source:"wells",layout:{"circle-sort-key":["get","order"]},paint:{"circle-radius":5,"circle-color":["get","color"],"circle-opacity":["get","opacity"]}}),e.addLayer({id:"wells-active-highlight",type:"circle",source:"wells",filter:["==",["get","isActive"],!0],paint:{"circle-radius":12,"circle-color":["get","color"],"circle-opacity":.24}}),e.addLayer({id:"wells-hover-highlight",type:"circle",source:"wells",filter:q,paint:{"circle-radius":["case",["get","isSubjectWell"],5,12],"circle-color":["case",["get","isSubjectWell"],"#63EFFF",["get","color"]],"circle-opacity":.24}}),le(!0)})),function(){var r;null===(r=X.current)||void 0===r||r.unmount(),X.current=null,e.remove(),z.current=null,A.current=null,V.current=null,Z.current=null,N.current=null}}}),[]),t.useEffect((function(){var e,r,t,l,i,o,u;Z.current=k&&C?(e=k,r=1609.34*C,t=y.default(e,2),l=t[0],i=t[1],o=r/(111320*Math.cos(l*Math.PI/180)),[[i-o,l-(u=r/110574)],[i+o,l+u]]):null;var c=z.current;c&&te&&c.getSource("radius-circle").setData(k&&C?{type:"Feature",properties:{},geometry:B(k,1609.34*C)}:W)}),[C,k,te]);var ne=function(e,i,o,u){var c;null===(c=X.current)||void 0===c||c.unmount();var s=document.createElement("div"),a=t.createElement(n.WellTooltip(),{isViewOnly:r,well:e,color:l.get(I,e.formation,"#BDBDBD"),isOffsetWell:i,isSubjectWell:o,isClickable:O});X.current=v.createAdaptiveRoot(s),X.current.render(h.jsx(h.Fragment,{children:a})),A.current||(A.current=new b.default.Popup({closeButton:!1,offset:12})),A.current.setLngLat(F(u)).setDOMContent(s).addTo(z.current)};t.useEffect((function(){var e=z.current;e&&te&&e.setPaintProperty("wells-circle","circle-color",Q?["case",["get","isSubjectWell"],"#63EFFF",["get","color"]]:["get","color"])}),[Q,te]),t.useEffect((function(){var e;if(m&&g){null===(e=A.current)||void 0===e||e.remove();var t=[],i=[];m.forEach((function(e){e.id!==(null==f?void 0:f.id)&&(g.includes(e.id)?t.push(e):i.push(e))}));var o=[].concat(i,t,[f]),u=[],c=new b.default.LngLatBounds;G.current.clear(),H.current=null,o.forEach((function(e,r){var t,i=null==e||null===(t=e.topHole)||void 0===t?void 0:t.coordinates;if(i&&j(i)){var o=(null==f?void 0:f.id)===e.id,n=g.includes(e.id)&&!o,s=o?"#03BCD4":l.get(I,e.formation,"#BDBDBD"),a=n?.7:.3;u.push({type:"Feature",id:r,geometry:{type:"Point",coordinates:F(i)},properties:{color:s,opacity:o?1:a,isSubjectWell:o,isOffsetWell:n,isActive:e.id===S&&!Y,order:r}}),G.current.set(r,{well:e,coords:i,isOffsetWell:n,isSubjectWell:o}),o&&(H.current=r),c.extend(F(i))}})),N.current=u.length?c:null;var n=z.current;if(n&&te){n.getSource("wells").setData({type:"FeatureCollection",features:u}),n.setFilter("wells-hover-highlight",q),_.current=null;var s=function(e){var r,t=null===(r=e.features)||void 0===r?void 0:r[0];if(t&&_.current!==t.id){var l=G.current.get(t.id);l&&(_.current=t.id,n.getCanvas().style.cursor="pointer",n.setFilter("wells-hover-highlight",["==",["id"],t.id]),ne(l.well,l.isOffsetWell,l.isSubjectWell,l.coords),l.isSubjectWell&&U(!0))}},a=function(e){var r;if(null==e||!e.point||!n.queryRenderedFeatures(e.point,{layers:["wells-circle","wells-hover-highlight"]}).length){var t=null!==_.current&&_.current===H.current;_.current=null,n.getCanvas().style.cursor="",n.setFilter("wells-hover-highlight",q),null===(r=A.current)||void 0===r||r.remove(),t&&U(!1)}},d=function(e){var t,l;if(!r){var i=G.current.get(null===(t=e.features)||void 0===t||null===(l=t[0])||void 0===l?void 0:l.id);i&&L(i.well,!i.isOffsetWell)}};return n.on("mousemove","wells-circle",s),n.on("mouseleave","wells-circle",a),n.on("mouseleave","wells-hover-highlight",a),n.on("click","wells-circle",d),setTimeout((function(){C<3e3&&z.current&&Z.current&&m!==$&&z.current.fitBounds(Z.current,{padding:5})}),500),function(){n.off("mousemove","wells-circle",s),n.off("mouseleave","wells-circle",a),n.off("mouseleave","wells-hover-highlight",a),n.off("click","wells-circle",d)}}}}),[f,m,g,S,te]),t.useEffect((function(){var e=z.current;if(V.current&&(V.current.remove(),V.current=null),e&&k){var r=Q||Y,t=document.createElement("img");t.src=r?"/static/media/5e9c4959259cb12c11b2c5eaf27eb3ad.svg":"/static/media/9efe5882f31d2f22bd57af92069d0a3e.svg";var l=r?[70,20]:[62,12],i=y.default(l,2),o=i[0],u=i[1],c=r?[35,29]:[31,25],n=y.default(c,2),s=n[0],a=n[1];t.width=o,t.height=u,t.addEventListener("mouseover",(function(){U(!0),null!==H.current&&e.getLayer("wells-hover-highlight")&&(_.current=H.current,e.setFilter("wells-hover-highlight",["==",["id"],H.current])),ne(f,!1,!0,k)})),t.addEventListener("mouseout",(function(){var r;_.current=null,e.getLayer("wells-hover-highlight")&&e.setFilter("wells-hover-highlight",q),null===(r=A.current)||void 0===r||r.remove(),U(!1)})),V.current=new b.default.Marker({element:t,anchor:"center",offset:[o/2-s,u/2-a]}).setLngLat(F(k)).addTo(e)}}),[Q,k,C,f,Y]),t.useEffect((function(){var e;C>3e3?null===(e=z.current)||void 0===e||e.setZoom(1):setTimeout((function(){f?z.current&&Z.current&&C&&z.current.fitBounds(Z.current,{padding:5}):z.current&&N.current&&z.current.fitBounds(N.current),k&&z.current&&z.current.easeTo({center:F(k),duration:700})}),500)}),[C,f,k]);var se=function(){var e;null===(e=z.current)||void 0===e||e.setZoom(ue+1)};return h.jsx("div",{className:w.default(a.mapView,P.root),children:h.jsx("div",{className:w.default(a.mapMain,P.map),ref:T,onDoubleClick:se,children:h.jsxs("div",{className:a.zoomGroup,children:[h.jsx(o.Tooltip,{title:ue<18?"Zoom in":"",placement:"left",children:h.jsx("div",{className:w.default(a.zoomButton,p.default({},a.zoomDisabled,18===ue)),onClick:se,children:h.jsx(u.Add,{className:a.zoomInOutIcon})})}),h.jsx(o.Tooltip,{title:ue>1?"Zoom out":"",placement:"left",children:h.jsx("div",{className:w.default(a.zoomButton,p.default({},a.zoomDisabled,1===ue)),onClick:function(){var e;ue>1&&(null===(e=z.current)||void 0===e||e.setZoom(ue-1))},children:h.jsx(u.Remove,{className:a.zoomInOutIcon})})})]})})})};
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),l=require("lodash"),i=require("classnames"),o=require("@material-ui/core"),u=require("@material-ui/icons");require("mapbox-gl/dist/mapbox-gl.css");var c=require("./effects/usePreviousWells.js"),n=require("./WellTooltip.js"),s=require("./utils.js"),a=require("./OffsetWellMap.module.css.js");require("../../config/mapboxGl/index.js");var d=require("../../config/mapbox/index.js"),f=require("../../utils/index.js"),v=require("../../utils/createAdaptiveRoot.js"),h=require("react/jsx-runtime"),m=require("mapbox-gl");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=g(e),y=g(r),w=g(i),b=g(m),j=[29.749907,-95.358421],x={type:"FeatureCollection",features:[]},W=["==",["id"],-1],q=function(e){var r=y.default(e,2),t=r[0];return[r[1],t]},F=function(e,r){for(var t=y.default(e,2),l=t[0],i=t[1],o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,u=r/(111320*Math.cos(l*Math.PI/180)),c=r/110574,n=[],s=0;s<=o;s+=1){var a=s/o*2*Math.PI;n.push([i+u*Math.cos(a),l+c*Math.sin(a)])}return{type:"Polygon",coordinates:[n]}};module.exports=function(e){var r=e.isViewOnly,i=e.subjectWell,m=void 0===i?null:i,g=e.wells,B=e.offsetWellIds,C=e.radius,E=e.handleChanageOffsetWell,M=e.handleChangeOffsetWell,L=void 0===M?E:M,S=e.activeWellId,D=e.isClickable,O=void 0===D||D,R=e.classes,P=void 0===R?{}:R,k=t.useMemo((function(){return m&&l.get(m,"topHole.coordinates")}),[m]),I=t.useMemo((function(){return s.getAllFormations(g)}),[g]),T=t.useRef(),z=t.useRef(),A=t.useRef(),Z=t.useRef(null),N=t.useRef(null),V=t.useRef(),G=t.useRef(new Map),H=t.useRef(null),_=t.useRef(null),X=t.useRef(null),J=t.useState(!1),K=y.default(J,2),Q=K[0],U=K[1],Y=(null==m?void 0:m.id)===S,$=c.usePreviousWells(g),ee=t.useState(!1),re=y.default(ee,2),te=re[0],le=re[1],ie=t.useState(3),oe=y.default(ie,2),ue=oe[0],ce=oe[1];t.useEffect((function(){if(d.IS_MAPBOX_ENABLED){var e=new b.default.Map({container:T.current,style:"mapbox://styles/mapbox/dark-v9",center:q(j),zoom:3,maxZoom:18,attributionControl:!1,scrollZoom:!1,doubleClickZoom:!1});return z.current=e,e.on("zoomend",(function(){return ce(Math.round(e.getZoom()))})),e.on("load",(function(){e.addSource("radius-circle",{type:"geojson",data:x}),e.addLayer({id:"radius-circle-fill",type:"fill",source:"radius-circle",paint:{"fill-color":"#03BCD4","fill-opacity":.2}}),e.addSource("wells",{type:"geojson",data:x}),e.addLayer({id:"wells-halo",type:"circle",source:"wells",filter:["==",["get","isOffsetWell"],!0],paint:{"circle-radius":12,"circle-color":["get","color"],"circle-opacity":.08}}),e.addLayer({id:"wells-circle",type:"circle",source:"wells",layout:{"circle-sort-key":["get","order"]},paint:{"circle-radius":5,"circle-color":["get","color"],"circle-opacity":["get","opacity"]}}),e.addLayer({id:"wells-active-highlight",type:"circle",source:"wells",filter:["==",["get","isActive"],!0],paint:{"circle-radius":12,"circle-color":["get","color"],"circle-opacity":.24}}),e.addLayer({id:"wells-hover-highlight",type:"circle",source:"wells",filter:W,paint:{"circle-radius":["case",["get","isSubjectWell"],5,12],"circle-color":["case",["get","isSubjectWell"],"#63EFFF",["get","color"]],"circle-opacity":.24}}),le(!0)})),function(){var r;null===(r=X.current)||void 0===r||r.unmount(),X.current=null,e.remove(),z.current=null,A.current=null,V.current=null,Z.current=null,N.current=null}}}),[]),t.useEffect((function(){var e,r,t,l,i,o,u;Z.current=k&&C?(e=k,r=1609.34*C,t=y.default(e,2),l=t[0],i=t[1],o=r/(111320*Math.cos(l*Math.PI/180)),[[i-o,l-(u=r/110574)],[i+o,l+u]]):null;var c=z.current;c&&te&&c.getSource("radius-circle").setData(k&&C?{type:"Feature",properties:{},geometry:F(k,1609.34*C)}:x)}),[C,k,te]);var ne=function(e,i,o,u){var c;null===(c=X.current)||void 0===c||c.unmount();var s=document.createElement("div"),a=t.createElement(n.WellTooltip(),{isViewOnly:r,well:e,color:l.get(I,e.formation,"#BDBDBD"),isOffsetWell:i,isSubjectWell:o,isClickable:O});X.current=v.createAdaptiveRoot(s),X.current.render(h.jsx(h.Fragment,{children:a})),A.current||(A.current=new b.default.Popup({closeButton:!1,offset:12})),A.current.setLngLat(q(u)).setDOMContent(s).addTo(z.current)};t.useEffect((function(){var e=z.current;e&&te&&e.setPaintProperty("wells-circle","circle-color",Q?["case",["get","isSubjectWell"],"#63EFFF",["get","color"]]:["get","color"])}),[Q,te]),t.useEffect((function(){var e;if(g&&B){null===(e=A.current)||void 0===e||e.remove();var t=[],i=[];g.forEach((function(e){e.id!==(null==m?void 0:m.id)&&(B.includes(e.id)?t.push(e):i.push(e))}));var o=[].concat(i,t,[m]),u=[],c=new b.default.LngLatBounds;G.current.clear(),H.current=null,o.forEach((function(e,r){var t,i=null==e||null===(t=e.topHole)||void 0===t?void 0:t.coordinates;if(i&&f.mapbox.isValidCoordinates(i)){var o=(null==m?void 0:m.id)===e.id,n=B.includes(e.id)&&!o,s=o?"#03BCD4":l.get(I,e.formation,"#BDBDBD"),a=n?.7:.3;u.push({type:"Feature",id:r,geometry:{type:"Point",coordinates:q(i)},properties:{color:s,opacity:o?1:a,isSubjectWell:o,isOffsetWell:n,isActive:e.id===S&&!Y,order:r}}),G.current.set(r,{well:e,coords:i,isOffsetWell:n,isSubjectWell:o}),o&&(H.current=r),c.extend(q(i))}})),N.current=u.length?c:null;var n=z.current;if(n&&te){n.getSource("wells").setData({type:"FeatureCollection",features:u}),n.setFilter("wells-hover-highlight",W),_.current=null;var s=function(e){var r,t=null===(r=e.features)||void 0===r?void 0:r[0];if(t&&_.current!==t.id){var l=G.current.get(t.id);l&&(_.current=t.id,n.getCanvas().style.cursor="pointer",n.setFilter("wells-hover-highlight",["==",["id"],t.id]),ne(l.well,l.isOffsetWell,l.isSubjectWell,l.coords),l.isSubjectWell&&U(!0))}},a=function(e){var r;if(null==e||!e.point||!n.queryRenderedFeatures(e.point,{layers:["wells-circle","wells-hover-highlight"]}).length){var t=null!==_.current&&_.current===H.current;_.current=null,n.getCanvas().style.cursor="",n.setFilter("wells-hover-highlight",W),null===(r=A.current)||void 0===r||r.remove(),t&&U(!1)}},d=function(e){var t,l;if(!r){var i=G.current.get(null===(t=e.features)||void 0===t||null===(l=t[0])||void 0===l?void 0:l.id);i&&L(i.well,!i.isOffsetWell)}};return n.on("mousemove","wells-circle",s),n.on("mouseleave","wells-circle",a),n.on("mouseleave","wells-hover-highlight",a),n.on("click","wells-circle",d),setTimeout((function(){C<3e3&&z.current&&Z.current&&g!==$&&z.current.fitBounds(Z.current,{padding:5})}),500),function(){n.off("mousemove","wells-circle",s),n.off("mouseleave","wells-circle",a),n.off("mouseleave","wells-hover-highlight",a),n.off("click","wells-circle",d)}}}}),[m,g,B,S,te]),t.useEffect((function(){var e=z.current;if(V.current&&(V.current.remove(),V.current=null),e&&k){var r=Q||Y,t=document.createElement("img");t.src=r?"/static/media/5e9c4959259cb12c11b2c5eaf27eb3ad.svg":"/static/media/9efe5882f31d2f22bd57af92069d0a3e.svg";var l=r?[70,20]:[62,12],i=y.default(l,2),o=i[0],u=i[1],c=r?[35,29]:[31,25],n=y.default(c,2),s=n[0],a=n[1];t.width=o,t.height=u,t.addEventListener("mouseover",(function(){U(!0),null!==H.current&&e.getLayer("wells-hover-highlight")&&(_.current=H.current,e.setFilter("wells-hover-highlight",["==",["id"],H.current])),ne(m,!1,!0,k)})),t.addEventListener("mouseout",(function(){var r;_.current=null,e.getLayer("wells-hover-highlight")&&e.setFilter("wells-hover-highlight",W),null===(r=A.current)||void 0===r||r.remove(),U(!1)})),V.current=new b.default.Marker({element:t,anchor:"center",offset:[o/2-s,u/2-a]}).setLngLat(q(k)).addTo(e)}}),[Q,k,C,m,Y]),t.useEffect((function(){var e;C>3e3?null===(e=z.current)||void 0===e||e.setZoom(1):setTimeout((function(){m?z.current&&Z.current&&C&&z.current.fitBounds(Z.current,{padding:5}):z.current&&N.current&&z.current.fitBounds(N.current),k&&z.current&&z.current.easeTo({center:q(k),duration:700})}),500)}),[C,m,k]);var se=function(){var e;null===(e=z.current)||void 0===e||e.setZoom(ue+1)};return h.jsx("div",{className:w.default(a.mapView,P.root),children:h.jsx("div",{className:w.default(a.mapMain,P.map),ref:T,onDoubleClick:se,children:h.jsxs("div",{className:a.zoomGroup,children:[h.jsx(o.Tooltip,{title:ue<18?"Zoom in":"",placement:"left",children:h.jsx("div",{className:w.default(a.zoomButton,p.default({},a.zoomDisabled,18===ue)),onClick:se,children:h.jsx(u.Add,{className:a.zoomInOutIcon})})}),h.jsx(o.Tooltip,{title:ue>1?"Zoom out":"",placement:"left",children:h.jsx("div",{className:w.default(a.zoomButton,p.default({},a.zoomDisabled,1===ue)),onClick:function(){var e;ue>1&&(null===(e=z.current)||void 0===e||e.setZoom(ue-1))},children:h.jsx(u.Remove,{className:a.zoomInOutIcon})})})]})})})};
 //# sourceMappingURL=OffsetWellMap.js.map