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

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1470) hide show

package/cjs-bundle/components/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/InfiniteList/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/toConsumableArray"),t=require("@babel/runtime/helpers/asyncToGenerator"),r=require("@babel/runtime/helpers/classCallCheck"),a=require("@babel/runtime/helpers/createClass"),s=require("@babel/runtime/helpers/assertThisInitialized"),n=require("@babel/runtime/helpers/inherits"),i=require("@babel/runtime/helpers/possibleConstructorReturn"),o=require("@babel/runtime/helpers/getPrototypeOf"),u=require("@babel/runtime/helpers/defineProperty"),l=require("@babel/runtime/regenerator"),d=require("react"),c=require("prop-types"),f=require("moment"),h=require("classnames"),p=require("lodash"),y=require("react-infinite-scroller"),m=require("@material-ui/core/colors/grey"),b=require("./styles.css.js"),I=require("../LoadingIndicator/LoadingIndicator.js"),v=require("react/jsx-runtime");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var q=g(e),L=g(t),T=g(r),D=g(a),C=g(s),w=g(n),P=g(i),x=g(o),A=g(u),R=g(l),k=g(c),N=g(f),j=g(h),B=g(y);function H(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,a=x.default(e);if(t){var s=x.default(this).constructor;r=Reflect.construct(a,arguments,s)}else r=a.apply(this,arguments);return P.default(this,r)}}var O=g(m).default[700],S={newerThan12Hours:"Last 12 hours",olderThan12Hours:"Last 24 hours",olderThan1Days:"Earlier this week",olderThan7Days:"Older than 7 days",olderThan14Days:"Older than 14 days",olderThan30Days:"Older than 30 days"},_=function(e){w.default(r,e);var t=H(r);function r(e){var a;return T.default(this,r),a=t.call(this,e),A.default(C.default(a),"loadItems",L.default(R.default.mark((function e(){return R.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!a.state.isLoadingByScroll){e.next=2;break}return e.abrupt("return");case 2:return a.setState({isLoadingByScroll:!0}),e.next=5,a.props.loadItems();case 5:a.setState({isLoadingByScroll:!1});case 6:case"end":return e.stop()}}),e)})))),a.state={isLoadingByScroll:!1,periodDates:a.periodDates},a.updatePeriodsIntervalId=null,a}return D.default(r,[{key:"componentDidMount",value:function(){var e=this;this.updatePeriodsIntervalId=setInterval((function(){return e.setState({periodDates:e.periodDates})}),216e5)}},{key:"componentWillUnmount",value:function(){this.updatePeriodsIntervalId&&clearInterval(this.updatePeriodsIntervalId)}},{key:"periodDates",get:function(){return{hoursAgo12:N.default().subtract(12,"hours"),daysAgo1:N.default().subtract(1,"days"),daysAgo7:N.default().subtract(7,"days"),daysAgo14:N.default().subtract(14,"days"),daysAgo30:N.default().subtract(30,"days")}}},{key:"renderNoItemsLabel",value:function(){return v.jsx("div",{"data-testid":"".concat("generic_infiniteList","_noItems"),className:b.cInfiniteListEmpty,children:this.props.noItemsFoundLabel},"c-infinite-list__empty")}},{key:"renderPeriodSeparator",value:function(e){return v.jsx("div",{"data-testid":"".concat("generic_infiniteList","_periodLabel"),className:b.cInfiniteListPeriod,style:{color:O},children:S[e]},e)}},{key:"renderItems",value:function(){var e=this;if(!this.props.divideByPeriods)return this.props.items.map((function(t){return e.props.renderItem(t)})).unshift(this.props.headerComponent);var t=this.state.periodDates,r=t.hoursAgo12,a=t.daysAgo1,s=t.daysAgo7,n=t.daysAgo14,i=t.daysAgo30,o=this.props.items.reduce((function(t,o,u){var l,d=e.props.renderItem(o,u),c=p.get(o,e.props.pathToCreatedAt),f=N.default(c);return f>=r?l="newerThan12Hours":f<r&&f>=a?l="olderThan12Hours":f<a&&f>=s?l="olderThan1Days":f<s&&f>=n?l="olderThan7Days":f<n&&f>=i?l="olderThan14Days":f<i&&(l="olderThan30Days"),p.set(t,[l,t[l].length],d)}),{newerThan12Hours:[],olderThan12Hours:[],olderThan1Days:[],olderThan7Days:[],olderThan14Days:[],olderThan30Days:[]}),u=Object.keys(o).reduce((function(t,r){return 0===o[r].length?t.concat(o[r]):t.concat([e.renderPeriodSeparator(r)].concat(q.default(o[r])))}),[]);return[this.props.headerComponent].concat(q.default(u))}},{key:"render",value:function(){return v.jsxs("div",{className:j.default(b.cInfiniteList,this.props.infiniteClassName,A.default({},b.cInfiniteListOverflow,!this.props.useWindow)),style:{height:this.props.infiniteContainerHeight},children:[v.jsx(B.default,{loadMore:this.loadItems,hasMore:this.props.moreItemsMayExist&&!this.props.showNoItemsFound,threshold:this.props.threshold,loader:v.jsx(I,{fullscreen:!1},"c-infinite-scroll__loader"),useWindow:this.props.useWindow,initialLoad:this.props.initialLoad,children:this.renderItems()}),this.props.showNoItemsFound&&this.renderNoItemsLabel()]})}}]),r}(d.PureComponent);_.propTypes={infiniteClassName:k.default.string,useWindow:k.default.bool,headerComponent:k.default.node,items:k.default.arrayOf(k.default.shape()).isRequired,showNoItemsFound:k.default.bool.isRequired,noItemsFoundLabel:k.default.string.isRequired,infiniteContainerHeight:k.default.number,moreItemsMayExist:k.default.bool.isRequired,pathToCreatedAt:k.default.arrayOf(k.default.string).isRequired,renderItem:k.default.func.isRequired,loadItems:k.default.func.isRequired,threshold:k.default.number,initialLoad:k.default.bool,divideByPeriods:k.default.bool},_.defaultProps={infiniteClassName:null,useWindow:!1,headerComponent:null,infiniteContainerHeight:null,threshold:3e3,initialLoad:!0,divideByPeriods:!0},module.exports=_;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/toConsumableArray"),t=require("@babel/runtime/helpers/asyncToGenerator"),a=require("@babel/runtime/helpers/slicedToArray"),n=require("@babel/runtime/regenerator"),i=require("react"),s=require("prop-types"),o=require("moment"),d=require("classnames"),u=require("lodash"),l=require("react-infinite-scroller"),c=require("@material-ui/core/colors/grey"),f=require("./styles.css.js"),h=require("../LoadingIndicator/LoadingIndicator.js"),y=require("react/jsx-runtime");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=m(e),p=m(r),g=m(t),v=m(a),T=m(n),q=m(s),I=m(o),L=m(d),A=m(l),w=m(c).default[700],x={newerThan12Hours:"Last 12 hours",olderThan12Hours:"Last 24 hours",olderThan1Days:"Earlier this week",olderThan7Days:"Older than 7 days",olderThan14Days:"Older than 14 days",olderThan30Days:"Older than 30 days"},D=function(){return{hoursAgo12:I.default().subtract(12,"hours"),daysAgo1:I.default().subtract(1,"days"),daysAgo7:I.default().subtract(7,"days"),daysAgo14:I.default().subtract(14,"days"),daysAgo30:I.default().subtract(30,"days")}};function j(e){var r=e.infiniteClassName,t=void 0===r?null:r,a=e.useWindow,n=void 0!==a&&a,s=e.headerComponent,o=void 0===s?null:s,d=e.items,l=e.showNoItemsFound,c=e.noItemsFoundLabel,m=e.infiniteContainerHeight,q=void 0===m?null:m,j=e.moreItemsMayExist,C=e.pathToCreatedAt,H=e.renderItem,_=e.loadItems,N=e.threshold,O=void 0===N?3e3:N,R=e.initialLoad,E=void 0===R||R,k=e.divideByPeriods,F=void 0===k||k,M=i.useState(!1),P=v.default(M,2),W=P[0],B=P[1],S=i.useState(D),G=v.default(S,2),z=G[0],J=G[1];i.useEffect((function(){var e=setInterval((function(){return J(D())}),216e5);return function(){return clearInterval(e)}}),[]);var K,Q=(K=g.default(T.default.mark((function e(){return T.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!W){e.next=2;break}return e.abrupt("return");case 2:return B(!0),e.next=5,_();case 5:B(!1);case 6:case"end":return e.stop()}}),e)}))),function(){return K.apply(this,arguments)});return y.jsxs("div",{className:L.default(f.cInfiniteList,t,b.default({},f.cInfiniteListOverflow,!n)),style:{height:q},children:[y.jsx(A.default,{loadMore:Q,hasMore:j&&!l,threshold:O,loader:y.jsx(h,{fullscreen:!1},"c-infinite-scroll__loader"),useWindow:n,initialLoad:E,children:function(){if(!F)return d.map((function(e){return H(e)})).unshift(o);var e=z.hoursAgo12,r=z.daysAgo1,t=z.daysAgo7,a=z.daysAgo14,n=z.daysAgo30,i=d.reduce((function(i,s,o){var d,l=H(s,o),c=u.get(s,C),f=I.default(c);return f>=e?d="newerThan12Hours":f<e&&f>=r?d="olderThan12Hours":f<r&&f>=t?d="olderThan1Days":f<t&&f>=a?d="olderThan7Days":f<a&&f>=n?d="olderThan14Days":f<n&&(d="olderThan30Days"),u.set(i,[d,i[d].length],l)}),{newerThan12Hours:[],olderThan12Hours:[],olderThan1Days:[],olderThan7Days:[],olderThan14Days:[],olderThan30Days:[]}),s=Object.keys(i).reduce((function(e,r){return 0===i[r].length?e.concat(i[r]):e.concat([(t=r,y.jsx("div",{"data-testid":"".concat("generic_infiniteList","_periodLabel"),className:f.cInfiniteListPeriod,style:{color:w},children:x[t]},t))].concat(p.default(i[r])));var t}),[]);return[o].concat(p.default(s))}()}),l&&y.jsx("div",{"data-testid":"".concat("generic_infiniteList","_noItems"),className:f.cInfiniteListEmpty,children:c},"c-infinite-list__empty")]})}j.propTypes={infiniteClassName:q.default.string,useWindow:q.default.bool,headerComponent:q.default.node,items:q.default.arrayOf(q.default.shape()).isRequired,showNoItemsFound:q.default.bool.isRequired,noItemsFoundLabel:q.default.string.isRequired,infiniteContainerHeight:q.default.number,moreItemsMayExist:q.default.bool.isRequired,pathToCreatedAt:q.default.arrayOf(q.default.string).isRequired,renderItem:q.default.func.isRequired,loadItems:q.default.func.isRequired,threshold:q.default.number,initialLoad:q.default.bool,divideByPeriods:q.default.bool};var C=i.memo(j);module.exports=C;
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/InfiniteList/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/InfiniteList/index.js"],"sourcesContent":["import { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { get, set } from 'lodash';\nimport InfiniteScroll from 'react-infinite-scroller';\nimport grey from '@material-ui/core/colors/grey';\n\nimport styles from './styles.css';\n\nimport LoadingIndicator from '~components/LoadingIndicator';\n\nconst PAGE_NAME = 'generic_infiniteList';\n\nconst grey700 = grey['700'];\n\nconst INTERVAL_6_HOURS = 6 * 60 * 60 * 1000;\nconst PERIOD_LABELS = {\n newerThan12Hours: 'Last 12 hours',\n olderThan12Hours: 'Last 24 hours',\n olderThan1Days: 'Earlier this week',\n olderThan7Days: 'Older than 7 days',\n olderThan14Days: 'Older than 14 days',\n olderThan30Days: 'Older than 30 days',\n};\n\n/** @extends {PureComponent<any, any, any>} */\nclass InfiniteList extends PureComponent {\n constructor(props) {\n super(props);\n\n this.state = {\n isLoadingByScroll: false,\n\n periodDates: this.periodDates,\n };\n\n this.updatePeriodsIntervalId = null;\n }\n\n componentDidMount() {\n this.updatePeriodsIntervalId = setInterval(\n () => this.setState({ periodDates: this.periodDates }),\n INTERVAL_6_HOURS\n );\n }\n\n componentWillUnmount() {\n if (this.updatePeriodsIntervalId) {\n clearInterval(this.updatePeriodsIntervalId);\n }\n }\n\n get periodDates() {\n return {\n hoursAgo12: moment().subtract(12, 'hours'),\n daysAgo1: moment().subtract(1, 'days'),\n daysAgo7: moment().subtract(7, 'days'),\n daysAgo14: moment().subtract(14, 'days'),\n daysAgo30: moment().subtract(30, 'days'),\n };\n }\n\n // NOTE: 'react-infinite-scroller' has a bug that when scroll reaches threshold area, it starts\n // to fire loadMore on every scroll event - bottom, up. As a result multiple same request fired.\n //\n // We fix this preventing request that was fired by scroll before previous is finished.\n //\n // Issues:\n // https://github.com/CassetteRocks/react-infinite-scroller/issues/143\n loadItems = async () => {\n if (this.state.isLoadingByScroll) {\n return;\n }\n\n this.setState({ isLoadingByScroll: true });\n\n await this.props.loadItems();\n\n this.setState({ isLoadingByScroll: false });\n };\n\n renderNoItemsLabel() {\n return (\n <div\n data-testid={`${PAGE_NAME}_noItems`}\n key=\"c-infinite-list__empty\"\n className={styles.cInfiniteListEmpty}\n >\n {this.props.noItemsFoundLabel}\n </div>\n );\n }\n\n renderPeriodSeparator(periodKey) {\n return (\n <div\n data-testid={`${PAGE_NAME}_periodLabel`}\n key={periodKey}\n className={styles.cInfiniteListPeriod}\n style={{ color: grey700 }}\n >\n {PERIOD_LABELS[periodKey]}\n </div>\n );\n }\n\n renderItems() {\n if (!this.props.divideByPeriods) {\n return this.props.items\n .map(item => this.props.renderItem(item))\n .unshift(this.props.headerComponent);\n }\n\n const { hoursAgo12, daysAgo1, daysAgo7, daysAgo14, daysAgo30 } = this.state.periodDates;\n\n const itemElsByPeriod = this.props.items.reduce(\n (result, item, index) => {\n let periodKey;\n const itemEl = this.props.renderItem(item, index);\n // NOTE: Backward compatibility for immutable objects in list\n const pathToCreatedAt = get(item, this.props.pathToCreatedAt);\n const itemAt = moment(pathToCreatedAt);\n\n if (itemAt >= hoursAgo12) {\n periodKey = 'newerThan12Hours';\n } else if (itemAt < hoursAgo12 && itemAt >= daysAgo1) {\n periodKey = 'olderThan12Hours';\n } else if (itemAt < daysAgo1 && itemAt >= daysAgo7) {\n periodKey = 'olderThan1Days';\n } else if (itemAt < daysAgo7 && itemAt >= daysAgo14) {\n periodKey = 'olderThan7Days';\n } else if (itemAt < daysAgo14 && itemAt >= daysAgo30) {\n periodKey = 'olderThan14Days';\n } else if (itemAt < daysAgo30) {\n periodKey = 'olderThan30Days';\n }\n\n return set(result, [periodKey, result[periodKey].length], itemEl);\n },\n {\n newerThan12Hours: [],\n olderThan12Hours: [],\n olderThan1Days: [],\n olderThan7Days: [],\n olderThan14Days: [],\n olderThan30Days: [],\n }\n );\n\n const itemElsWithPeriodEls = Object.keys(itemElsByPeriod).reduce((result, periodEls) => {\n if (itemElsByPeriod[periodEls].length === 0) return result.concat(itemElsByPeriod[periodEls]);\n\n return result.concat([this.renderPeriodSeparator(periodEls), ...itemElsByPeriod[periodEls]]);\n }, []);\n\n const itemElsWithPeriodElsWithHeaderEl = [this.props.headerComponent, ...itemElsWithPeriodEls];\n\n return itemElsWithPeriodElsWithHeaderEl;\n }\n\n render() {\n return (\n <div\n className={classNames(styles.cInfiniteList, this.props.infiniteClassName, {\n [styles.cInfiniteListOverflow]: !this.props.useWindow,\n })}\n style={{ height: this.props.infiniteContainerHeight }}\n >\n <InfiniteScroll\n loadMore={this.loadItems}\n hasMore={this.props.moreItemsMayExist && !this.props.showNoItemsFound}\n threshold={this.props.threshold} // NOTE: We should load infinite scroll next page before user get to bottom\n loader={<LoadingIndicator key=\"c-infinite-scroll__loader\" fullscreen={false} />}\n useWindow={this.props.useWindow}\n initialLoad={this.props.initialLoad}\n >\n {this.renderItems()}\n </InfiniteScroll>\n\n {this.props.showNoItemsFound && this.renderNoItemsLabel()}\n </div>\n );\n }\n}\n\nInfiniteList.propTypes = {\n infiniteClassName: PropTypes.string,\n useWindow: PropTypes.bool,\n headerComponent: PropTypes.node,\n // NOTE: Backward compatibility with immutable;\n // Remove when get rid of immutablejs\n items: PropTypes.arrayOf(PropTypes.shape()).isRequired,\n showNoItemsFound: PropTypes.bool.isRequired,\n noItemsFoundLabel: PropTypes.string.isRequired,\n infiniteContainerHeight: PropTypes.number,\n moreItemsMayExist: PropTypes.bool.isRequired,\n pathToCreatedAt: PropTypes.arrayOf(PropTypes.string).isRequired,\n renderItem: PropTypes.func.isRequired,\n loadItems: PropTypes.func.isRequired,\n threshold: PropTypes.number,\n initialLoad: PropTypes.bool,\n divideByPeriods: PropTypes.bool,\n};\n\nInfiniteList.defaultProps = {\n infiniteClassName: null,\n useWindow: false,\n headerComponent: null,\n infiniteContainerHeight: null,\n threshold: 3000,\n initialLoad: true,\n divideByPeriods: true,\n};\n\nexport default InfiniteList;\n"],"names":["grey700","grey","PERIOD_LABELS","newerThan12Hours","olderThan12Hours","olderThan1Days","olderThan7Days","olderThan14Days","olderThan30Days","InfiniteList","_PureComponent","_inherits","_super","_createSuper","props","_this","_classCallCheck","this","call","_defineProperty","_assertThisInitialized","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","state","isLoadingByScroll","abrupt","setState","loadItems","stop","periodDates","updatePeriodsIntervalId","_createClass","key","value","_this2","setInterval","clearInterval","get","hoursAgo12","moment","subtract","daysAgo1","daysAgo7","daysAgo14","daysAgo30","_jsx","concat","className","styles","cInfiniteListEmpty","children","noItemsFoundLabel","periodKey","cInfiniteListPeriod","style","color","_this3","divideByPeriods","items","map","item","renderItem","unshift","headerComponent","_this$state$periodDat","itemElsByPeriod","reduce","result","index","itemEl","pathToCreatedAt","itemAt","set","length","itemElsWithPeriodEls","Object","keys","periodEls","renderPeriodSeparator","_jsxs","classNames","cInfiniteList","infiniteClassName","cInfiniteListOverflow","useWindow","height","infiniteContainerHeight","InfiniteScroll","loadMore","hasMore","moreItemsMayExist","showNoItemsFound","threshold","loader","LoadingIndicator","fullscreen","initialLoad","renderItems","renderNoItemsLabel","PureComponent","propTypes","PropTypes","string","bool","node","arrayOf","shape","isRequired","number","func","defaultProps"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/InfiniteList/index.js"],"sourcesContent":["import { memo, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { get, set } from 'lodash';\nimport InfiniteScroll from 'react-infinite-scroller';\nimport grey from '@material-ui/core/colors/grey';\n\nimport styles from './styles.css';\n\nimport LoadingIndicator from '~components/LoadingIndicator';\n\nconst PAGE_NAME = 'generic_infiniteList';\n\nconst grey700 = grey['700'];\n\nconst INTERVAL_6_HOURS = 6 * 60 * 60 * 1000;\nconst PERIOD_LABELS = {\n newerThan12Hours: 'Last 12 hours',\n olderThan12Hours: 'Last 24 hours',\n olderThan1Days: 'Earlier this week',\n olderThan7Days: 'Older than 7 days',\n olderThan14Days: 'Older than 14 days',\n olderThan30Days: 'Older than 30 days',\n};\n\nconst getPeriodDates = () => ({\n hoursAgo12: moment().subtract(12, 'hours'),\n daysAgo1: moment().subtract(1, 'days'),\n daysAgo7: moment().subtract(7, 'days'),\n daysAgo14: moment().subtract(14, 'days'),\n daysAgo30: moment().subtract(30, 'days'),\n});\n\n/** @param {any} props Preserve the legacy component's permissive public prop type. */\nfunction InfiniteList({\n infiniteClassName = null,\n useWindow = false,\n headerComponent = null,\n items,\n showNoItemsFound,\n noItemsFoundLabel,\n infiniteContainerHeight = null,\n moreItemsMayExist,\n pathToCreatedAt,\n renderItem,\n loadItems,\n threshold = 3000,\n initialLoad = true,\n divideByPeriods = true,\n}) {\n const [isLoadingByScroll, setIsLoadingByScroll] = useState(false);\n const [periodDates, setPeriodDates] = useState(getPeriodDates);\n\n useEffect(() => {\n const intervalId = setInterval(() => setPeriodDates(getPeriodDates()), INTERVAL_6_HOURS);\n return () => clearInterval(intervalId);\n }, []);\n\n // NOTE: 'react-infinite-scroller' has a bug that when scroll reaches threshold area, it starts\n // to fire loadMore on every scroll event - bottom, up. As a result multiple same request fired.\n //\n // We fix this preventing request that was fired by scroll before previous is finished.\n //\n // Issues:\n // https://github.com/CassetteRocks/react-infinite-scroller/issues/143\n const loadMore = async () => {\n if (isLoadingByScroll) {\n return;\n }\n\n setIsLoadingByScroll(true);\n\n await loadItems();\n\n setIsLoadingByScroll(false);\n };\n\n const renderNoItemsLabel = () => {\n return (\n <div\n data-testid={`${PAGE_NAME}_noItems`}\n key=\"c-infinite-list__empty\"\n className={styles.cInfiniteListEmpty}\n >\n {noItemsFoundLabel}\n </div>\n );\n };\n\n const renderPeriodSeparator = periodKey => {\n return (\n <div\n data-testid={`${PAGE_NAME}_periodLabel`}\n key={periodKey}\n className={styles.cInfiniteListPeriod}\n style={{ color: grey700 }}\n >\n {PERIOD_LABELS[periodKey]}\n </div>\n );\n };\n\n const renderItems = () => {\n if (!divideByPeriods) {\n return items.map(item => renderItem(item)).unshift(headerComponent);\n }\n\n const { hoursAgo12, daysAgo1, daysAgo7, daysAgo14, daysAgo30 } = periodDates;\n\n const itemElsByPeriod = items.reduce(\n (result, item, index) => {\n let periodKey;\n const itemEl = renderItem(item, index);\n // NOTE: Backward compatibility for immutable objects in list\n const itemCreatedAt = get(item, pathToCreatedAt);\n const itemAt = moment(itemCreatedAt);\n\n if (itemAt >= hoursAgo12) {\n periodKey = 'newerThan12Hours';\n } else if (itemAt < hoursAgo12 && itemAt >= daysAgo1) {\n periodKey = 'olderThan12Hours';\n } else if (itemAt < daysAgo1 && itemAt >= daysAgo7) {\n periodKey = 'olderThan1Days';\n } else if (itemAt < daysAgo7 && itemAt >= daysAgo14) {\n periodKey = 'olderThan7Days';\n } else if (itemAt < daysAgo14 && itemAt >= daysAgo30) {\n periodKey = 'olderThan14Days';\n } else if (itemAt < daysAgo30) {\n periodKey = 'olderThan30Days';\n }\n\n return set(result, [periodKey, result[periodKey].length], itemEl);\n },\n {\n newerThan12Hours: [],\n olderThan12Hours: [],\n olderThan1Days: [],\n olderThan7Days: [],\n olderThan14Days: [],\n olderThan30Days: [],\n }\n );\n\n const itemElsWithPeriodEls = Object.keys(itemElsByPeriod).reduce((result, periodEls) => {\n if (itemElsByPeriod[periodEls].length === 0) return result.concat(itemElsByPeriod[periodEls]);\n\n return result.concat([renderPeriodSeparator(periodEls), ...itemElsByPeriod[periodEls]]);\n }, []);\n\n const itemElsWithPeriodElsWithHeaderEl = [headerComponent, ...itemElsWithPeriodEls];\n\n return itemElsWithPeriodElsWithHeaderEl;\n };\n\n return (\n <div\n className={classNames(styles.cInfiniteList, infiniteClassName, {\n [styles.cInfiniteListOverflow]: !useWindow,\n })}\n style={{ height: infiniteContainerHeight }}\n >\n <InfiniteScroll\n loadMore={loadMore}\n hasMore={moreItemsMayExist && !showNoItemsFound}\n threshold={threshold} // NOTE: We should load infinite scroll next page before user get to bottom\n loader={<LoadingIndicator key=\"c-infinite-scroll__loader\" fullscreen={false} />}\n useWindow={useWindow}\n initialLoad={initialLoad}\n >\n {renderItems()}\n </InfiniteScroll>\n\n {showNoItemsFound && renderNoItemsLabel()}\n </div>\n );\n}\n\nInfiniteList.propTypes = {\n infiniteClassName: PropTypes.string,\n useWindow: PropTypes.bool,\n headerComponent: PropTypes.node,\n // NOTE: Backward compatibility with immutable;\n // Remove when get rid of immutablejs\n items: PropTypes.arrayOf(PropTypes.shape()).isRequired,\n showNoItemsFound: PropTypes.bool.isRequired,\n noItemsFoundLabel: PropTypes.string.isRequired,\n infiniteContainerHeight: PropTypes.number,\n moreItemsMayExist: PropTypes.bool.isRequired,\n pathToCreatedAt: PropTypes.arrayOf(PropTypes.string).isRequired,\n renderItem: PropTypes.func.isRequired,\n loadItems: PropTypes.func.isRequired,\n threshold: PropTypes.number,\n initialLoad: PropTypes.bool,\n divideByPeriods: PropTypes.bool,\n};\n\nexport default memo(InfiniteList);\n"],"names":["grey700","grey","PERIOD_LABELS","newerThan12Hours","olderThan12Hours","olderThan1Days","olderThan7Days","olderThan14Days","olderThan30Days","getPeriodDates","hoursAgo12","moment","subtract","daysAgo1","daysAgo7","daysAgo14","daysAgo30","InfiniteList","_ref","_ref$infiniteClassNam","infiniteClassName","_ref$useWindow","useWindow","_ref$headerComponent","headerComponent","items","showNoItemsFound","noItemsFoundLabel","_ref$infiniteContaine","infiniteContainerHeight","moreItemsMayExist","pathToCreatedAt","renderItem","loadItems","_ref$threshold","threshold","_ref$initialLoad","initialLoad","_ref$divideByPeriods","divideByPeriods","useState","_useState2","_slicedToArray","_useState","isLoadingByScroll","setIsLoadingByScroll","_useState4","_useState3","periodDates","setPeriodDates","useEffect","intervalId","setInterval","clearInterval","_ref2","loadMore","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","abrupt","stop","apply","this","arguments","_jsxs","className","classNames","styles","cInfiniteList","_defineProperty","cInfiniteListOverflow","style","height","children","_jsx","InfiniteScroll","hasMore","loader","LoadingIndicator","fullscreen","map","item","unshift","itemElsByPeriod","reduce","result","index","periodKey","itemEl","itemCreatedAt","get","itemAt","set","length","itemElsWithPeriodEls","Object","keys","periodEls","concat","cInfiniteListPeriod","color","_toConsumableArray","renderItems","cInfiniteListEmpty","propTypes","PropTypes","string","bool","node","arrayOf","shape","isRequired","number","func","memo"],"mappings":"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"}

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/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":"6pKAYA,IAAMA,GACHC,EAAAA,CAAAA,EAAAA,EAAAA,QAAAA,EAAAA,EAAqBA,sBAACC,QAAUC,EAAAA,cAAYC,EAAA,QAAAC,EAC5CJ,EAAAA,sBAAsBK,QAAUC,EAAAA,aAChCN,EAAAA,QAAAA,EAAAA,EAAAA,sBAAsBO,MAAQC,EAAaA,eAC3CR,EAAAA,QAAAA,EAAAA,EAAqBA,sBAACS,KAAOC,YAC/BN,iBAOoB,SAAkEO,GAAA,IAA/DC,IAAAA,eAAgBC,IAAAA,MAAUC,EAAKC,EAAA,QAAAJ,EAAAK,GAEnDC,EAYEJ,EAZFI,WAAUC,EAYRL,EAXFM,iBAAAA,aAAmB,IAAID,EACvBE,EAUEP,EAVFO,QACAC,EASER,EATFQ,SACAC,EAQET,EARFS,KACAC,EAOEV,EAPFU,GAAEC,EAOAX,EANFY,QAAAA,aAAUC,EAAIA,KAAAF,EAAAG,EAMZd,EALFe,QAAAA,aAAUF,EAAIA,KAAAC,EACdE,EAIEhB,EAJFgB,UACAC,EAGEjB,EAHFiB,MACAC,EAEElB,EAFFkB,aAAYC,EAEVnB,EADFoB,QAAAA,aAAU,OAAMD,EAGlBE,EAAAA,WAAU,WACR,GAAIf,IAAqBgB,IAAzB,CAEA,IAAMC,EAAUC,YAAW,WAAA,OAAMzB,EAAeW,EAAG,GAAEJ,GAErD,OAAO,WAAA,OAAMmB,aAAaF,EAAQ,CAJiB,CAKpD,GAAE,IAEH,IAAMG,EAASC,EAAAA,YAETC,EAAO1C,EAAMkC,GAEnB,OACES,EAAAA,IAACC,EAAAA,KAAI,CAACC,QAAM,EAACC,IAAE,EAAAC,SACbJ,EAAAA,IAACK,EAAeA,gBAAAC,EAAA,CACdC,QAAS,CACPC,KAAMC,EAAU,QACdZ,EAAOa,MACNnC,GAAcsB,EAAON,GACtBhB,GAAcsB,EAAOc,kBACrBpC,GAAcsB,EAAM,eAAAe,OAAgBrC,KAEtCsC,OAAQhB,EAAOiB,gBACfC,QAASlB,EAAOmB,kBAElB,mBAAiB,kBACjB,cAAA,qBAAAJ,OAAkCtD,EAAqBA,sBAACiC,IACxDwB,QACEf,EAAAA,IAACiB,EAAAA,QAAOX,EAAAA,EAAA,GACFjB,GAAY,GAAA,CAChBD,MAAOV,QAAAA,EAAW,GAClB6B,QAAS,CAAEW,QAASrB,EAAOqB,SAC3BC,UAAU,SAAQf,SAElBgB,EAAAC,KAAA,MAAA,CAAKxC,GAAG,kBAAkByC,UAAWzB,EAAO0B,eAAgBxC,QAASA,EAAQqB,SAC1E,EAACzB,GACAqB,EAAAA,IAAA,MAAA,CAAKsB,UAAWzB,EAAO2B,YAAYpB,SAChCxB,EACC6C,EAAYA,aAAC7C,EAAM,CACjB0C,UAAWzB,EAAOjB,KAClB8C,YAAa,SAGf1B,EAAA2B,IAAC5B,EAAI,CAAC6B,KAAM,GAAIN,UAAWzB,EAAOjB,SAIxCwC,EAAAC,KAAA,MAAA,CAAKC,UAAWzB,EAAOkB,QAAQX,SAC7B,CAAAgB,EAAAC,KAAA,MAAA,CAAKC,UAAWzB,EAAOgC,WAAWzB,SAC/BhB,CAAAA,GACCY,EAAA2B,IAACG,aAAU,CACT,cAAY,QACZvC,QAAQ,YACR+B,UAAWb,EAAAA,QAAWZ,EAAOT,MAAUS,EAAAA,QAAAA,CAAAA,EAAAA,EAAOkC,WAAaxD,IAAc6B,SAExEhB,IAGJD,GACCa,EAAA2B,IAACG,aAAU,CACTR,UAAWb,EAAU,QAACZ,EAAOV,WAAYZ,GAAcsB,EAAON,IAAUa,SAEvEjB,OAIPa,EAAA2B,IAAA,MAAA,CAAKL,UAAWb,EAAU,QAACZ,EAAOmC,gBAAiBzD,GAAcsB,EAAON,IAAUa,SAChFJ,MAAC8B,aAAU,CACT,cAAY,UACZR,UAAWb,EAAU,QAAClC,EAAasB,EAAOoC,aAAepC,EAAOnB,SAAS0B,SAExE1B,eAObmC,OAAQ,CACNb,EAAA2B,IAACO,EAAU,CACT,cAAY,cAEZ,aAAW,QACXC,MAAM,UACNpD,QAAS,WACPG,IACAhB,EAAeW,EACf,EACF+C,KAAK,QAELvC,aAAc,CAAED,MAAO,QAASmB,QAAS,CAAEW,QAASrB,EAAOqB,UAC3DI,UAAWzB,EAAOuC,gBAAgBhC,SAElCJ,MAACqC,iBAAc,CAACT,KAAM,GAAIU,KAAK,UAZ3B,WAeJlE,KAIZ"}